@charset "utf-8";
/*========================================
@ 공통
========================================*/
.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:500; 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:100px; 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:12px !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;}

.grid-layout {overflow:hidden;}
.grid-layout-inner {display:flex; flex-wrap:wrap;}
.grid-layout-cell {box-sizing:border-box;}
.grid-1 {width:100%;}
.grid-2 {width:50%;}
.grid-3 {width:33.33%;}
.grid-4 {width:25%;}
.grid-5 {width:20%;}
.grid-5 {width:20%;}
.grid-6 {width:16.66%;}
.grid-7 {width:14.28%;}
.grid-8 {width:12.5%;}
.grid-9 {width:11.11%;}

.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-inner > .grid-layout-cell {padding:6px;}
.grid-layout.basic > .grid-layout-inner {margin:-5px;}
.grid-layout.basic > .grid-layout-inner > .grid-layout-cell {padding:5px;}
.grid-layout.margin-5-12 > .grid-layout-inner {margin:-5px -12px;}
.grid-layout.margin-5-12 > .grid-layout-inner > .grid-layout-cell {padding:5px 12px;}
.grid-layout.margin-8-12 > .grid-layout-inner {margin:-8px -12px;}
.grid-layout.margin-8-12 > .grid-layout-inner > .grid-layout-cell {padding:8px 12px;}
.grid-layout.margin-2-5 > .grid-layout-inner {margin:-2px -5px;}
.grid-layout.margin-2-5 > .grid-layout-inner > .grid-layout-cell {padding:2px 5px;}
.grid-layout.margin-14-17 > .grid-layout-inner {margin:-14px -17px;}
.grid-layout.margin-14-17 > .grid-layout-inner > .grid-layout-cell {padding:14px 17px;}
.grid-layout.margin-5-17 > .grid-layout-inner {margin:-5px -17px;}
.grid-layout.margin-5-17 > .grid-layout-inner > .grid-layout-cell {padding:5px 17px;}

.pt-px-0 {padding-top:0 !important;}



.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; width:100%;}
.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 {padding-top:20px; 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;}
.basic-data-group.line-group {padding:38px 0 50px 0; border-top:1px solid #eaeaea;  border-bottom:1px solid #eaeaea;}
.basic-data-group.line-group + .basic-data-group.line-group {margin-top:-1px;}

.basic-single-data {max-width:335px; margin:0 auto;}


.basic-data-card-group .basic-data-card + .basic-data-card {margin-top:20px;}
.basic-data-card.fluid {display:flex; flex-direction:column; max-height:calc( 100vh - 371px );}
.basic-data-card.fluid > .card-header {flex:0 0 auto;}
.basic-data-card.fluid > .card-body {flex:1; min-height:0; height:100%; overflow-x:hidden; overflow-y:auto;}
.basic-data-card.basic-scroller-card {height:100%;}
.basic-data-card {width:100%; box-shadow: 0 2px 10px 0 rgba(168, 168, 168, 0.1);  border: solid 1px #cecece;  background-color: #fff; border-radius:5px; box-sizing:border-box; overflow:hidden;}
.basic-data-card.transparent {background-color:rgba(0,0,0,0); border:none;}
.basic-data-card .card-header {border-bottom:1px solid #cecece;}
.basic-data-card-inner {display:flex; flex-direction:column; width:100%; height:100%;}
.basic-data-card-inner .card-header {flex:0 0 auto;}
.basic-data-card-inner .card-header .wide-tab {width:100%; height:calc( 100% + 2px ); border-bottom-width:1px;}
.basic-data-card-inner .card-header .wide-tab-inner {height:100%; align-items:stretch; padding:0 10px;}
.basic-data-card-inner .card-header .wide-tab-inner .tab-cell {flex:0 0 auto; padding:0 10px;}
.basic-data-card-inner .card-header .wide-tab-inner .tab-cell .btn-tab-item {height:calc( 100% + 1px ); padding:0 10px;}
.basic-data-card-inner .card-body {flex:1;}
.basic-data-card-inner .card-body.scroller {flex:1 1 0; min-height:0px; height:100%; overflow:auto;}
.basic-data-card-inner .card-page-ui {flex:0 0 auto;}

.card-header {position:relative; display:flex; width:100%; min-height:52px; align-items:center; box-sizing:border-box;}
.card-header-title {flex:1; display:flex; align-items:center; font-size:16px; font-weight:500; color:#222; padding-left:20px;}
.card-header-title .card-header-label {margin-left:8px;}
h3.card-header-title {padding:0 20px; text-align:center; font-size:18px; line-height:21px; justify-content:center; text-align:center;}
.card-header-label {min-width:28px; display:inline-flex; height:18px; align-items:center; justify-content:center; padding:0 5px; box-sizing:border-box; font-size:14px; font-weight:500; color:#fff; border-radius:9px; text-align:center; background:#6840b1; }
.card-header-ui {margin-left:auto;}
.card-header-right {position:absolute; top:0;right:0;display:flex; align-items:center; padding:0 44px; height:100%; z-index:2;}
.card-header-right.small {padding:0 32px;}

.card-body .total-text-group {padding:4px 24px 12px 24px;}

.total-text-group {}
.total-text-group .total-text-cell {display:flex; width:100%; align-items:center; min-height:28px; padding:5px 0; box-sizing:border-box; font-size:14px; line-height:18px; }
.total-text-group .total-text-cell .item-title {flex:1; width:100%; color:#202020; align-self:flex-start;}
.total-text-group .total-text-cell .item-value {flex:0 0 auto; color:#6840b1; font-weight:500;}

/*
.page-preview-wrap {position: -webkit-sticky; position:sticky; top:97px;left:0; height:calc( 100vh - 48px - 73px );}
*/
.page-preview-wrap {position:relative; width:100%; height:calc( 100vh - 121px );}
.page-preview-view {position:absolute; top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;}

.card-page-ui {margin-top:0;/*position: -webkit-sticky; position:sticky; bottom:24px; left:0;*/}


.btn-card-header-more {display:inline-flex; width:52px;height:52px;align-items:center;justify-content:center;padding:0;font-size:0;background:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-card-header-more.png) center center no-repeat; background-size:52px auto;}
.btn-basic-action {margin-top:20px; text-align:right;}

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


.icon-gnb-menu-mall-black {background-image:url(https://image.banjjakpet.com/common/shop/icon/PC_shopping_nor_2.png);}
.icon-gnb-menu-mall-black-fill {background-image:url(https://image.banjjakpet.com/common/shop/icon/PC_shopping_select.png);}

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

.icon-dashboard-1 {width:33px; height:32px; background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-main-dashboard-1.png);}
.icon-dashboard-2 {width:33px; height:32px; background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-main-dashboard-2.png);}
.icon-dashboard-3 {width:33px; height:32px; background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-main-dashboard-3.png);}
.icon-dashboard-4 {width:33px; height:32px; background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-main-dashboard-4.png);}


/* 버튼 */
.btn, a.btn , input[type=submit].btn , button.btn {position:relative; display:inline-flex; align-items:center; justify-content:center; width:auto; height:45px;padding:0 15px;font-size:14px;line-height:20px;text-align:center;box-sizing:border-box; border-radius:5px; border:1px solid transparent; /*transition:color 0.2s ease, background 0.2s ease, border 0.2s ease;*/}

.btn-box-shadow {box-shadow: 3px 3px 3px 0 rgba(168, 168, 168, 0.07);}

.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.btn-round-full {border-radius:100px;}
.btn.btn-90 {width:90px !important;}
.btn.btn-80 {width:80px !important;}
.btn.btn-basic-full {width:100%;}
.btn.btn-basic-wide {min-width:335px;}
.btn.btn-basic-small {min-width:120px;}
.btn.btn-basic-vsmall {min-width:60px;}

.btn.btn-inline {display:inline-flex; width:auto;}
.btn.btn-large-size {padding:0 20px; font-size:15px; height:60px;}
.btn.btn-middle-size {padding:0 15px; font-size:14px; height:40px;}
.btn.btn-small-size {padding:0 10px; font-size:13px; height:32px;}
.btn.btn-vsmall-size {padding:0 8px; font-size:12px; height:26px;}

.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-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-black:hover , a.btn-black:hover , input[type=submit].btn-black:hover , button.btn-black:hover {color:#fff; border-color:#292929; background-color:#292929;}
/*.btn-purple:hover , a.btn-purple:hover , input[type=submit].btn-purple:hover , button.btn-purple:hover {color:#fff; border-color:#5931a2; background-color:#5931a2;}*/
/*.btn-yellow:hover , a.btn-yellow:hover , input[type=submit].btn-yellow:hover , button.btn-yellow:hover {color:#000; border-color:#eeca3f; background-color:#eeca3f;}*/
.btn-gray:hover , a.btn-gray:hover , input[type=submit].btn-gray:hover , button.btn-gray:hover {color:#000; border-color:#e5e5e5; background-color:#e5e5e5;}
.btn-red:hover , a.btn-red:hover , input[type=submit].btn-red:hover , button.btn-red:hover {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; border-width: 1.5px; 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;}
.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-outline-black:hover , a.btn-outline-black:hover , input[type=submit].btn-outline-black:hover , button.btn-outline-black:hover {background-color:#fbfbfb;}
.btn-outline-purple:hover , a.btn-outline-purple:hover , input[type=submit].btn-outline-purple:hover , button.btn-outline-purple:hover { background-color:#fbfbfb;}
.btn-outline-yellow:hover , a.btn-outline-yellow:hover , input[type=submit].btn-outline-yellow:hover , button.btn-outline-yellow:hover {background-color:#fbfbfb;}
.btn-outline-red:hover , a.btn-outline-red:hover , input[type=submit].btn-outline-red:hover , button.btn-outline-red:hover {background-color:#fbfbfb;}
.btn-outline-gray:hover , a.btn-outline-gray:hover , input[type=submit].btn-outline-gray:hover , button.btn-outline-gray:hover {background-color:#fbfbfb;}
.btn-outline-darkgray:hover , a.btn-outline-darkgray:hover , input[type=submit].btn-outline-darkgray:hover , button.btn-outline-darkgray:hover {background-color:#fbfbfb;}

.btn.disabled , .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:16px;}

.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-grid-group .btn {width:100%;}

.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; min-width:80px; height:32px;padding:0 15px;font-size:14px;line-height:20px;text-align:center;box-sizing:border-box; border-radius:0; border:1px solid #cecece; border-radius:5px;}
a.btn-toggle-button:hover , input[type=submit].btn-toggle-button:hover , button.btn-toggle-button:hover {background-color:#fbfbfb;}
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:hover , input[type=submit].btn-toggle-button.actived:hover , button.btn-toggle-button.actived:hover {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 !important; 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:500;}

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:#fbfbfb;}
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-pc/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:80px; 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-pc/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-pc/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-pc/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-pc/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-pc/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-pc/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-pc/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-pc/icon/icon_handler2.png) center center no-repeat;background-size:30px auto; box-sizing:border-box; border-radius:5px; border:1px solid #ebebeb;}
.btn-data-refresh {display:inline-block; width:45px; height:45px; font-size:0; position:relative;background:#fff url(https://image.banjjakpet.com/common/shop-pc/icon/icon-refresh-black.png) center center no-repeat;background-size:24px auto; box-sizing:border-box; border-radius:5px; border:1px solid #cecece;}
.btn-data-refresh:hover {background-color:#fbfbfb;}
.btn-tel {display:inline-block; width:36px; height:36px; font-size:0; position:relative;background:url(https://image.banjjakpet.com/common/shop-pc/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-pc/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-pc/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-pc/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-pc/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-pc/icon/10-ic-36-edit-middle@2x.png) left top no-repeat;background-size:32px auto;}
.btn-data-modify:hover {opacity:0.85;}
.btn-data-add {display:inline-block; width:30px; height:30px; font-size:0; position:relative;background:url(https://image.banjjakpet.com/common/shop-pc/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-pc/icon/10-ic-30-shop-call@2x.png) left top no-repeat;background-size:30px auto;}
.btn-data-tel:hover  {opacity:0.85;}
.btn-data-message {display:inline-block; width:30px; height:30px; font-size:0; position:relative;background:url(https://image.banjjakpet.com/common/shop-pc/icon/10-ic-30-message@2x.png) left top no-repeat;background-size:30px auto;}
.btn-data-message:hover  {opacity:0.85;}
.btn-data-helper {display:inline-block; width:28px; height:28px; font-size:0; position:relative;background:url(https://image.banjjakpet.com/common/shop-pc/icon/10-ic-36-em@2x.png) left top no-repeat;background-size:28px 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-pc/icon/10-ic-49-switch@2x.png) center center no-repeat;background-size:49px auto; border:1px solid #cecece; 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-pc/icon/icon-calendar-gray.png) center center no-repeat;background-size:24px auto;}
.btn-data-calendar:hover {opacity:0.85;}
.btn-data-tel-gray {display:inline-flex; width:36px; height:36px; font-size:0; position:relative;background:url(https://image.banjjakpet.com/common/shop-pc/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-pc/icon/icon-data-arrow-gray.png) center center no-repeat;background-size:32px auto;}
.btn-data-more {display:inline-flex; font-size:14px; line-height:20px; color:#666; align-items:center;}
.btn-data-more > .icon {margin-left:4px;}
.btn-item-del:hover {opacity:0.85;}

.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:500;}
.btn-page-action {display:inline-flex; padding:0; height:52px; align-items:center; justify-content:center; font-size:14px; font-weight:300;}
.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:inline-flex; width:auto; height:44px; align-items:center; justify-content:center; font-size:14px;line-height:20px; color:#666;}
.btn-detail-toggle:after {content:'';display:block;width:10px;height:10px; margin-left:4px; background:url(https://image.banjjakpet.com/common/shop-pc/icon/btn-info-spread@2x.png) center center no-repeat;background-size:10px auto;}
.btn-detail-toggle.actived:after {transform:rotate(180deg);}

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


.btn-content-more {display:block;font-size:14px; line-height:21px;}
a.btn-reserve , 
a.btn-page-bottom,
.btn-reserve , 
.btn-page-bottom {display:block;width:100%;  padding:20px 5px 20px 5px; font-size:18px; line-height:26px; color:#000; font-weight:500; background:#fdd94e; text-align:center; box-sizing:border-box;}
a.btn-reserve:hover,
a.btn-page-bottom:hover,
.btn-reserve:hover,
.btn-page-bottom:hover {background-color:#eeca3f;}
a.btn-reserve.disabled,
a.btn-page-bottom.disabled,
a.btn-reserve:disabled,
a.btn-page-bottom:disabled,
.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-pc/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-pc/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-pc/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-pc/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:hover,
.btn-data-handler:hover,
.btn-data-trash:hover {background-color:#fbfbfb;}

.btn-broswer-mode {position:fixed; bottom:15px; right:15px; z-index:1000;}
.btn-broswer-mode > span {display:inline-flex; align-items:center; justify-content:center; font-size:12px; line-height:16px; font-weight:500; }
.btn-broswer-mode .icons {position:relative; flex:0 0 auto; display:block; margin-right:2px; width:16px; height:16px; background-repeat:no-repeat; background-position:center center; background-size:100% auto;}
.btn-broswer-mode .icons:before,
.btn-broswer-mode .icons:after {content:''; position:absolute; top:0;left:0;display:block;width:100%;height:100%; background-repeat:no-repeat; background-position:center center; background-size:100% auto;}
.btn-broswer-mode .icons:before {opacity:1;}
.btn-broswer-mode .icons:after {opacity:0;}
.btn-broswer-mode .off {display:flex; align-items:center; justify-content:center; text-align:center; width:120px; height:40px; color:#666; border-radius:20px; background:#fff; box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.07);}
.btn-broswer-mode .on {display:none; align-items:center; justify-content:center; text-align:center; width:120px; height:40px; color:#d8d8d8; border-radius:20px; background:#38393b; box-shadow: 3px 3px 6px 0 rgba(15, 14, 14, 0.15);}
.btn-broswer-mode .off .icons:before {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-dark-off-off.png);}
.btn-broswer-mode .off .icons:after {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-dark-off-on.png);}
.btn-broswer-mode .on .icons:before {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-dark-on-off.png);}
.btn-broswer-mode .on .icons:after {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-dark-on-on.png);}
.btn-broswer-mode:hover .icons:before {opacity:0;}
.btn-broswer-mode:hover .icons:after {opacity:1;}
.btn-broswer-mode:hover .off {color:#d8d8d8; background-color:#38393b;}
.btn-broswer-mode:hover .on {color:#666; background-color:#fff;}

/* 토스트 팝업 */
.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 {max-width:335px; margin:0 auto; font-size:15px; line-height:19px; 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:500; color:#fff200;}

/* 소팅 탭 */
.sort-group {display:flex; align-items:center; justify-content:space-between;}
.sort-group .arrow.type-2 {font-weight:500; 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:500;}
.sort-tab.big .sort-tab-inner .tab-cell + .tab-cell {margin-left:13px;padding-left:13px;}
.sort-tab.big .sort-tab-inner .tab-cell .btn-tab-item {font-size:15px; line-height:20px;}
.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:16px;}
.page-tab-inner .tab-cell .btn-tab-item {display:inline-flex; align-items:center; height:30px; font-size:18px; line-height:21px; color:#8f8f8f; font-weight:500;}
.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:500;}
.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:60px;left:0; background:#fff; z-index:15;}
.sticky-tab-group-hotel {position: -webkit-sticky; position:sticky; top:0px;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 #cecece; 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:16px; line-height:20px; color:#666; box-sizing:border-box;}
.wide-tab-inner .tab-cell .btn-tab-item:after {content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;display:block;background:#ebebeb;opacity:0;}
.pay-management-detail-wrap .wide-tab-inner .tab-cell .btn-tab-item:after {opacity: 1}
.wide-tab-inner .tab-cell.actived .btn-tab-item:after {background: #202020}
.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:500;}
.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 #cecece; box-sizing:border-box;}
.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:#fbfbfb;}
.wide-tab.card .wide-tab-inner .tab-cell .btn-tab-item.press {background-color:#fbfbfb;}
.wide-tab.card .wide-tab-inner .tab-cell.actived .btn-tab-item.press {background-color:#5931a2;}
.wide-tab.card.inline .tab-cell {flex:0 0 auto;}
.wide-tab.card.inline .tab-cell .btn-tab-item {min-width:165px;}

/* 라벨 */
.label {display:inline-block; height:19px; padding:0 6px; font-size:10px; line-height:17px; border-radius:10px; color:#000; border:1px solid #000; box-sizing:border-box;text-align:center; white-space:nowrap;}
.label > em {font-weight:500;}
.label.large {padding:0 12px; height:29px; font-size:15px; line-height:27px;}
.label.middle {padding:0 8px; height:21px; font-size:12px; line-height:19px; border-radius:5px;}
.label.vmiddle {padding:0 10px; height:21px; font-size:12px; line-height:17px; border-radius:5px;}
.label.small {padding:0 4px; font-size:11px; height:16px; line-height:14px;}
.label.vvlarge {padding:0 12px; font-size:13px; height:32px; line-height:30px;}
.label.vvvlarge {padding:0 12px; font-size:14px; height:40px; line-height:38px;}
.label.label-noshow {font-size:14px; line-height:24px; padding:0 11px; font-weight:500; border-radius:5px; height:26px;}
.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:500; 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.round {border-radius:100px;}

/* 라벨 칼라 */
.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-pc/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-pc/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-pc/icon/icon-none-thumb-small.png); background-size:40px auto;}*/
.user-thumb.small {width:42px; height:42px;}
.user-thumb.middle {width:72px; height:72px;
	/*background-image:url(https://image.banjjakpet.com/common/shop-pc/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-pc/icon/icon-none-thumb-middle.png); background-size:34px auto;}
.user-thumb.large {width:90px; height:90px; }

/* 컨텐츠 사진 */
.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-pc/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-pc/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-pc/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-pc/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-pc/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-pc/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-pc/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:500; 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:500; line-height:21px;}
.con-title > .label {margin-left:13px;}
.con-title .icon {margin-right:8px;}
.con-title .btn-data-helper {margin-left:4px;}
.con-title .title-need {margin-left:20px;}
.con-title-btns {display:inline-flex; align-items:center;}
.con-title-btns .btns-cell + .btns-cell {margin-left:12px;}
.con-title-btns .btn {padding:0 8px; font-weight:300;}
.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;}
.btn-con-title {display:inline-flex; align-items:center;}
.btn-con-title > .icon {margin-left:8px;}
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:500;}
.con-title-info {font-size:13px;  line-height:19px;color:#666;}
.con-title-info.type-2 {font-size:14px;  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:500;}
.user-top-name {width:100%;}
.user-block-state {width:100%; font-size:12px; line-height:15px; margin-top:4px; color:#ff4848; font-weight:500;}
.delivery-title {font-size:16px; line-height:23px; color:#000; font-weight:500; 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:16px;}
.con-title-group + .more-toggle-data {margin-top:16px;}
.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:14px; line-height:20px; font-weight:300;}
.con-title-group.large {min-height:52px;}
.title-need {font-size:13px; line-height:19px;}
.need {color:#FF4848 !important;}

.more-toggle-parents .more-toggle-data {display:none;}
.more-toggle-parents.actived .more-toggle-data {display:block;}
.more-toggle-parents.actived .btn-more-toggle-nav:before {transform:rotate(180deg);}
.btn-more-toggle-nav {display:inline-flex; font-size:14px; line-height:16px; padding-right:20px;position:relative; color:#666;}
.btn-more-toggle-nav:before {content:''; position:absolute; top:0; right:0; display:block;width:16px;height:16px;background:url(https://image.banjjakpet.com/common/shop-pc/icon/icon_toggle_data_arrow_gray.png) center center no-repeat;background-size:16px auto;}


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

/* 아코디언 메뉴 */
.accordion-list {border-top:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4;}
.accordion-list .accordion-cell + .accordion-cell {border-top:1px solid #f4f4f4;}
.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-pc/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:500; 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:#fbfbfb;}
.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 {position:relative;}
.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:8px; font-size:14px; 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:8px; font-size:14px; line-height:16px; font-weight:500; text-align:center;  border:1px solid #ebebeb; text-align:center; background-color:#f4f4f4; vertical-align:middle;}
.read-table table > tbody > tr > td {padding:8px; font-size:14px; line-height:16px;  text-align:center; border:1px solid #cecece; background-color:#fff;}
.read-table table > thead > tr > th.no-padding {padding:0;}
.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-unit {position:absolute; bottom:100%; right:0; display:inline-flex; align-items:center; height:44px;font-size:14px; line-height:20px; color:#202020;}
.read-table-unit.large {height:52px;}
.read-table-unit.top {position:relative; bottom:auto; right:0; display:flex; justify-content:flex-end; margin-bottom:20px; height:auto;}
.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-pc/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:500;}
.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;  white-space:nowrap;}
.picture-item .item-grade > em {font-weight:500; margin-right:3px;}
.picture-item .item-distance {font-size:14px; line-height:16px; color:#fff;  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-pc/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; text-align:left;}
.basic-list-item .info-wrap:only-child {margin-left:0;}
.basic-list-item .item-name {font-size:16px; line-height:24px;}
.basic-list-item .item-name > strong {font-weight:500;}
.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;  white-space:nowrap;}
.basic-list-item .item-grade > em {font-weight:500;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:6px;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 #cecece;}
.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;}
a.btn-basic-item-ui-item:hover,
button.btn-basic-item-ui-item:hover {background:#fbfbfb;}


/* 세로 리스트 아이템 >  자격증 */
.basic-list-item.license {}
.basic-list-item.license .thumb {width:72px; height:72px; background:#fafafa url(https://image.banjjakpet.com/common/shop-pc/icon/icon-none-thumb-small.png) center center no-repeat; background-size:40px auto;}
.basic-list-item.license .item-name {font-size:14px; line-height:20px;font-weight:500;}
.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.license .btn-item-del:hover {opacity:0.85;}

/* 세로 리스트 아이템 > 블로그형 */
.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; font-weight:500;}
.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-pc/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-pc/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:500;}
.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;  white-space:nowrap;}
.bg-color-item .item-grade > em {font-weight:500;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; padding:0 8px; font-weight:500; box-sizing:border-box; text-align:center; min-width:80px;}
.thema-gray-item + .thema-gray-item {margin-top:10px;}
.thema-gray-item.white {background:#fff; border:1px solid #cecece;}
.thema-gray-item.white.actived {border:2px solid #6840b1; padding: 23px; }
.thema-gray-item:hover {background-color:#fbfbfb;}

/* 상품형 리스트 아이템 */
.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-pc/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:500;}
.product-item .item-grade {margin-top:3px; display:flex; align-items:center; font-size:14px; line-height:20px;  white-space:nowrap;}
.product-item .item-grade > em {font-weight:500;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:20px 24px; display:block;}
.customer-card-item:hover {background:#fbfbfb;}
.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:16px;}
.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 {display:flex; align-items:center; flex-wrap:wrap; font-size:14px; line-height:17px; font-weight:500;}
.customer-card-item .item-name .pet-name {margin-left:5px;padding-left:6px;position:relative;font-size:14px; color:#666; font-weight:300;}
.customer-card-item .item-name .pet-name:before{content:'';position:absolute;top:50%;left:0;display:block;width:1px;height:10px;margin-top:-5px;background:#999;}
.customer-card-item .item-kind {position:relative;font-size:14px; line-height:17px; font-weight:500; height:17px; margin-top:4px;}
.customer-card-item .item-kind > span {position:absolute; top:0; left:50%; display:inline-block; white-space:nowrap; transform:translate(-50% , 0%);}
.customer-card-item .item-phone {margin-top:8px; font-size:14px; line-height:17px; font-weight:300;}
.customer-card-item .item-date {margin-top:8px; font-size:14px; line-height:17px; color:#999;}
.customer-card-item .item-time {font-size:16px; font-weight:500; color:#6840b1;}
.customer-card-item .item-option {margin-top:8px; display:flex; flex-wrap:wrap;}
.customer-card-item .item-option > .option-cell > .icon:first-child {margin-right:2px;margin-left:-2px;}
.customer-card-item .item-option > .option-cell {position:relative; padding-right:8px;margin-right:8px; display:inline-flex; align-items:center; font-size:14px; line-height:17px; color:#6840b1; font-weight:300;}
.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:12px;background:#ebebeb;margin-top:-6px;}
.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:16px;line-height:20px;font-weight:500;}
.customer-card-item .item-pet-name > .label {margin-left:8px; border-radius:100px;}
.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-state {flex:0 0 auto; display:flex; align-items:center; margin-left:auto;}
.customer-card-item .item-sort {text-align:center; padding:0 5px; min-width:85px; box-sizing:border-box;}
.customer-card-item .item-sort .txt-1 {font-size:16px; line-height:19px; font-weight:500; color:#202020;}
.customer-card-item .item-sort .txt-2 {margin-top:8px; font-size:14px; line-height:17px;  color:#202020;}
.customer-card-item .item-main-phone {margin-top:7px; display:flex; flex-wrap:wrap; align-items:center;}
.customer-card-item .item-main-phone .value {font-size:14px; line-height:21px; color:#202020; margin-right:5px;}
.customer-card-item .item-main-phone .label.label-noshow {font-size:11px; line-height:19px; padding:0 6px; font-weight:500; border-radius:5px; height:21px;}
.customer-card-item .item-sub-phone {margin-top:6px;}
.customer-card-item .item-sub-phone .value {font-size:12px; line-height:16px; color:#8f8f8f;}


.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:500;}
.customer-card-item .item-right-mail {font-size:15px;line-height:20px;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:23px;}
.customer-card-item.type3:hover {background-color:inherit;}
.customer-card-item.transparent {border:none; padding:0; border-radius:0;}
.customer-card-item.small .item-phone {margin-top:6px;}
.customer-card-item.small .item-option {margin-top:6px;}

.bank-info-txt {font-size:16px; line-height:23px; font-weight:500;}
.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:500;}
.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:500; 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-pc/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:500;}
.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; }

/* 아이템 리스트 옵션 그룹 */
.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:500;}

/* 스와이퍼 페이징 */
.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:300;}
.text-list-wrap.type-2 .text-list-cell .item-title {width:50px;  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:300;}
.text-list-wrap.type-3 .text-list-cell .item-title {width:55px;  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;}
.dot-text-list.purple .list-cell:before {color:#6840B1;}

/* 텍스트 라인 리스트 */
.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 #f4f4f4;;}
.single-btns-list .list-cell + .list-cell {border-top:1px solid #f4f4f4}
.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-pc/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:500; 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:14px; line-height:20px; color:#666; text-align:center; padding:50px 0;}
.list-none-data.type-2 {padding:8px 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;  margin-top:16px; font-weight:500;}
.common-none-data .item-info > span {display:block;font-size:14px; color:#666; font-weight:300;}
.common-none-data .item-info:only-child {margin:0; padding:40px 0;}
.common-none-data .item-btns {margin-top:20px; padding:0 50px;}
.common-none-data .item-desc {font-size:13px; line-height:19px;  margin-top:10px; color:#666; text-align:left; width:100%;}
.common-none-data.type-2 {height:auto; padding:40px 0;}

.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:500; 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:500; 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-pc/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-pc/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;}




/* 댓글 */
.comment-list-wrap .comment-cell + .comment-cell { margin-top:16px; padding-top:16px; border-top:1px solid #f4f4f4;}
.comment-item {position:relative;}
.comment-item .item-user-info {display:flex; width:100%;}
.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-pc/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:500;}
.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:16px;}
.comment-item .item-gallery .portfolio-list-wrap .list-inner .list-cell {width:16.66%;}
.comment-item .item-detail {margin-top:14px; font-size:14px; 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; text-align:right;}
.comment-item-btns .btn {display:inline-flex; width:auto; min-width:120px;}

/* 대댓글 */
.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;}
.recomment-item .item-name {font-size:14px;line-height:20px;font-weight:500;}
.recomment-item .item-name .date {color:#8f8f8f; margin-left:4px;}
.recomment-item .item-detail {margin-top:8px; font-size:14px;line-height:19px;}
.recomment-cell .toggle-button-group {margin-top:12px; padding-left:44px;}
.recomment-cell .toggle-button-group .grid-layout-inner {margin:-6px; justify-content:flex-end;}
.recomment-cell .toggle-button-group .grid-layout-cell {padding:6px; flex:0 0 auto; width:auto !important;}
.recomment-cell .toggle-button-group .btn {display:inline-flex; width:auto; min-width:120px;}

/* 데이트 피커 */
.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-pc/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-pc/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;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-pc/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-pc/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;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:hidden; 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:block; width:100%; height:100%;}
.layer-pop-children {display:flex; align-items:center; justify-content:center; width:100%; height:100%; box-sizing:border-box; padding:50px;}

.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-pc/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:500;}
.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; width:335px; box-sizing:border-box; margin:0 auto;}
.alert-pop-data .pop-header {display:flex; height:60px; 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:#fbfbfb;}
.alert-pop-data .msg-title {font-size:18px; line-height:21px; font-weight:500; margin-bottom:22px;}
.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-pc/icon/btn-top-close@2x.png) center center no-repeat; background-size:24px auto;}
.alert-pop-data.middle {width:596px;}
.alert-pop-data .dot-text-list .list-cell {font-size:16px; line-height:23px;}

.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;}
*/
.data-pop-view {position:relative; background-color:#fff; width:375px; margin:50px auto; border-radius:16px; overflow:hidden; display:flex; flex-direction:column; max-height:100%;}
.data-pop-view .pop-header {display:flex; height:60px; align-items:center; justify-content:center; flex:0 0 auto; padding-top:8px;}
.data-pop-view .pop-header + .pop-body {}
.data-pop-view .pop-header-left {position:absolute; top:8px; left:0; display:flex; align-items:center; height:60px; z-index:5; box-sizing:border-box; padding:0 5px;}
.data-pop-view .pop-footer {flex:0 0 auto; box-sizing:border-box; width:100%; padding:20px;}
.data-pop-view .pop-footer.type-2 {padding:0;}
.data-pop-view .pop-footer.line {border-top:1px solid #f4f4f4;}
.data-pop-view .pop-body {display:block; padding:0 20px 20px 20px; text-align:left; box-sizing:border-box; flex:1; min-height:0; height:100%; overflow-x:hidden; overflow-y:auto;}
.data-pop-view .btn-pop-close {position:absolute;top:9px;right:10px;width:56px;height:56px; font-size:0; z-index:5;background:url(https://image.banjjakpet.com/common/shop-pc/icon/btn-top-close@2x.png) center center no-repeat; background-size:24px auto;}
.data-pop-view.large {width:782px;}
.data-pop-view.large .pop-body {padding:28px 44px;}
.data-pop-view.large .pop-footer {padding:12px 44px 24px 44px;}
.data-pop-view.large .pop-footer.type-2 {padding:0;}
.data-pop-view .calendar-month-body-col {min-height:60px;}
.data-pop-view .calendar-col-inner {min-height:60px;}
.data-pop-view .calendar-check-value {position:absolute;top:0;left:0;min-height:60px;}
.data-pop-view .pop-footer .btn {width:100%;}
.data-pop-view .pop-footer .btn-confirm {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;}


.pop-footer.type-2 .btn {border-radius:0;}
.data-pop-view .shop-gate-picture-select .list-inner > .list-cell {width:25% !important;}

.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-pc/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:500;}

/* 거리설정 팝업 */
.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:500;}

/* 공통 컴포넌트 : 가격표 */
.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:500;}
.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:500; 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:500;}
.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:500;}
.price-data-list-cell.total .price-data-list-value {font-size:20px; line-height:20px; color:#6840b1; font-weight:500;}
.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; }
.price-data-list-cell.total.small .price-data-list-value {font-size:18px; line-height:20px; color:#202020; font-weight:500;}
.price-data-list-cell.total.line {margin-top:20px; padding-top:28px; border-top:1px solid #f4f4f4}

/* 공통 컴포넌트 : 가격 배송 정보  */
.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:500; 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:500;}
.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:300;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 {padding:10px 12px 11px 12px; font-size:14px; line-height:20px;}
.memo-item .memo-item-title {font-size:15px; line-height:20px; font-weight:500; 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:13px;line-height:19px; display:flex; align-items:flex-start; text-align:left; font-weight:300;}
.memo-item .note-desc > em {flex:0 0 auto; margin-right:20px; font-weight:300;}

/* 메시지 아이템 */
.pop-body .msg-select-group {}
.msg-select-ui {margin-bottom:28px; text-align:center;}
.msg-select-group {}
.msg-item {border:1px solid #cecece; padding:20px; border-radius:16px;}
.msg-item + .msg-item {margin-top:10px;}
.msg-item .item-check + .item-value {margin-top:16px;}
.msg-item .item-check + .item-date {margin-top:10px;}
.msg-item .item-date + .item-value {margin-top:4px;}
.msg-item .item-date2 + .item-value {margin-top:16px;}
.msg-item .item-date {font-size:13px;line-height:20px;font-weight:500;color:#8f8f8f;text-align:left;}
.msg-item .item-date2 {font-size:14px;line-height:20px;text-align:left;}
.msg-item .item-value {display:flex; width:100%; align-items:flex-start; font-size:14px;line-height:20px;text-align:left;}
.msg-item .item-value .value {flex:1; width:100%;}
.msg-item .item-value .btn-data-more {flex:0 0 auto; margin-left:10px;}
.msg-item.read {padding:12px 12px; min-height:44px; border-radius:5px; box-sizing:border-box;}
.msg-item.read + .msg-item.read {margin-top:8px;}



/*========================================
@ 배너
========================================*/
/* 페이지 중단 배너 */
.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 .icon {flex:0 0 auto; margin-right:10px;}
.partner-middle-banner .txt {flex:1; width:100%; font-size:16px;line-height:24px;font-weight:500;}
.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 {max-width:335px; margin:0 auto; 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:16px; }
.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-pc/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-pc/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; justify-content:center;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:999999;}
.gallery-pop-data {position:relative;width:40%; height:80% 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-pc/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-pc/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 {display:flex; align-items:center; justify-content:center; 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 20px; 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-pc/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%; object-fit:cover;}

/* 하단 공통 고객센터 */
.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;}

/*========================================
@ 공통 레이아웃
========================================*/
/* 헤더 */
body {background:#fafafa;}
#wrap {position:relative; min-height:100vh; opacity:0; transition:opacity 0.1s ease;}
#wrap.open {opacity:1;}
#header {position:fixed; top:0;left:0;width:100%;height:70px;background:#fff;border-bottom:2px solid #fdd94e; z-index:500;}
.header-wrap {display:flex; align-items:center; max-width:1920px; height:100%;}
.header-wrap h1 {display:block; width:256px; height:70px;}
.header-wrap h1 > a {display:block;font-size:0;width:100%;height:100%;background:url(https://image.banjjakpet.com/common/shop-pc/common/logo.png) center center no-repeat; background-size:100% auto;}
.header-menu-wrap {margin-left:auto; padding:0 20px; display:flex; align-items:center;}
.header-menu {display:flex;}
.header-menu-cell {padding:0 16px;}
.header-menu-cell > a {display:inline-flex; align-items:center; font-size:14px; line-height:1.5; color:#666; font-weight:500;}
.header-menu-cell > a > .label {margin-left:4px;}
.header-menu-cell > a:hover {color:#202020; font-weight:500;}
.header-menu-cell.actived > a {color:#6840b1; font-weight:500;}
.header-menu-cell + .header-menu-cell {}
.header-alarm-wrap {display:none;}
.header-alarm-wrap.actived {display:block;}
.header-menu-wrap .header-alarm {position:relative; margin-left:4px;}
.header-menu-wrap .btn-page-alarm {width:52px; height:52px;}
.header-alarm-wrap .alarm-list-item {position:relative;padding:17px 0; border-bottom:1px solid #f4f4f4;}
.header-alarm-wrap .list-cell {padding:0 20px}
.header-alarm-wrap .list-cell:last-child .alarm-list-item {border:none;}
.header-alarm-wrap .alarm-list-item .btn-alarm-del {position:absolute;top:auto;bottom:0;right:0;width:36px;height:36px; display:block; z-index:15; font-size:0;background:url(https://image.banjjakpet.com/common/shop-pc/icon/10-ic-36-delite@2x-new.png) center center no-repeat; background-size:100% auto;}
.header-alarm-wrap .alarm-list-wrap .list-cell + .list-cell {padding:0 20px;border:none;margin:0;}
.header-alarm-wrap {position:absolute; top:40px; right:15px; z-index:15; width:375px; background:#fff; box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.16); border-radius:16px; overflow:hidden;}
.header-alarm-top {position:relative; display:flex; align-items:center; justify-content:center; text-align:center; height:52px;}
.header-alarm-body {max-height:610px; overflow-x:hidden; overflow-y:auto;}
.header-alarm-title {font-size:18px; font-weight:500; color:#202020;}
.header-alarm-wrap .btn-header-alarm-close {position:absolute; top:0;right:0;font-size:0;display:block;width:48px;height:100%;background:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-pop-close-new.png) center center no-repeat; background-size:100% auto; z-index:5;}
.header-alarm-wrap .common-none-data {padding:20px; height:240px; box-sizing:border-box;}


/* 대메뉴 */
#gnb {position:fixed; top:0; left:0; width:256px; height:100%; border-right:1px solid #cecece; background:#fff; box-sizing:border-box;}
#gnb.hide {width:73px;}
#gnb.hide .gnb-wrap .gnb-inner {padding:4px 6px; display:block;}
#gnb.hide .gnb-wrap .btn-gnb-toggle {position:relative; margin:0 auto; }
#gnb.hide .gnb-wrap .btn-gnb-toggle:before {opacity:0;}
#gnb.hide .gnb-wrap .btn-gnb-toggle:after {opacity:1;}
#gnb.hide .gnb-menu-list {overflow-y:hidden;}
#gnb.hide .gnb-menu-inner {padding:0;}
#gnb.hide .gnb-user-data {padding:0;}
#gnb.hide .gnb-user-data .thumb-data {display:flex; width:100%; height:60px; align-items:center; justify-content:center;}
#gnb.hide .gnb-user-data .thumb-data .content-thumb {width:36px; height:36px;}
#gnb.hide .gnb-user-data .txt-data {display:none;}
#gnb.hide .gnb-menu-list {margin-top:1px;}
#gnb.hide .gnb-menu-cell {padding:0; border:none; width:100%;}
#gnb.hide .gnb-menu-cell + .gnb-menu-cell {margin-top:1px;}
#gnb.hide .gnb-menu-inner .btn-gnb-nav {height:60px; justify-content:center;}
#gnb.hide .gnb-menu-inner .btn-gnb-nav:after {display:none;}
#gnb.hide .gnb-menu-inner .btn-gnb-nav .nav-icons {margin:0;}
#gnb.hide .gnb-menu-inner .btn-gnb-nav .nav-txt {display:none;}
#gnb.hide .gnb-menu-inner .snb-menu-list {display:none;}
.gnb-wrap {height:100%; padding-top:72px; box-sizing:border-box;}
.gnb-wrap .btn-gnb-toggle {position:absolute; top:4px; right:0; display:block; width:52px;height:52px;font-size:0;}
.gnb-wrap .btn-gnb-toggle:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-gnb-toggle-close.png) center center no-repeat; background-size:100% auto; opacity:1;}
.gnb-wrap .btn-gnb-toggle:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-gnb-toggle-open.png) center center no-repeat; background-size:100% auto; opacity:0;}

.gnb-inner {position:relative;display:flex; flex-direction:column; width:100%; height:100%; box-sizing:border-box;}
.gnb-user-data {flex:0 0 auto; text-align:center; padding:19px 10px 12px 10px;}
.gnb-user-data .thumb-data {}
.gnb-user-data .thumb-data .content-thumb {display:inline-block; width:80px; height:80px; border-radius:50%;}
.gnb-user-data .txt-data {margin-top:18px;}
.gnb-user-data .txt-data .user-name {font-size:16px; font-weight:500; color:#202020;}
.gnb-user-data .txt-data .user-cate {display:flex; align-items:center; justify-content:center; text-align:center; font-size:14px; color:#666; font-weight:500;}
.gnb-user-data .btn-gnb-logout {display:block; width:22px; height:22px; font-size:0; background:url(https://image.banjjakpet.com/common/shop-pc/common/icon-gnb-logout.png) center center no-repeat; background-size:100% auto;}
.gnb-menu-list {flex:1; height:100%; overflow-x:hidden; overflow-y:auto;}
.gnb-menu-inner {padding:8px 12px;}
.gnb-menu-inner .btn-gnb-nav {position:relative; display:flex; width:100%; height:52px; align-items:center;}
.gnb-menu-inner .btn-gnb-nav:after{content:'';position:absolute;top:50%;right:10px;display:block;width:10px;height:10px;margin-top:-5px;background:url(https://image.banjjakpet.com/common/shop-pc/icon/icon_accordion_arrow.png) center center no-repeat; background-size:10px auto;}
.gnb-menu-inner .btn-gnb-nav .nav-icons {position:relative; display:block; width:28px; height:28px; margin-right:6px;}
.gnb-menu-inner .btn-gnb-nav .nav-icons .icon {position:absolute; top:50%;left:50%;margin:-14px 0 0 -14px; width:28px; height:28px;}
.gnb-menu-inner .btn-gnb-nav .nav-icons .off {opacity:1;}
.gnb-menu-inner .btn-gnb-nav .nav-icons .on {opacity:0;}
.gnb-menu-inner .btn-gnb-nav .nav-txt {display:block; font-size:16px; color:#202020; font-weight:500;}
.gnb-menu-inner .btn-gnb-nav:hover .nav-icons .off {opacity:0;}
.gnb-menu-inner .btn-gnb-nav:hover .nav-icons .on {opacity:1;}
.gnb-menu-inner .gnb-menu-cell {padding:0; border-bottom:1px solid #cecece;}
.gnb-menu-inner .gnb-menu-cell.actived .nav-icons .off {opacity:0;}
.gnb-menu-inner .gnb-menu-cell.actived .nav-icons .on {opacity:1;}
.gnb-menu-inner .gnb-menu-cell.actived .btn-gnb-nav:after {transform:rotate(180deg);}
.gnb-menu-inner .gnb-menu-cell.current .snb-menu-list {display:block;}
.gnb-menu-inner .gnb-menu-cell.single .btn-gnb-nav:after {display:none;}
.gnb-menu-inner .gnb-menu-cell:nth-child(1) .btn-gnb-nav .nav-icons .off {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-gnb-menu-1-off-black.png);}
.gnb-menu-inner .gnb-menu-cell:nth-child(1) .btn-gnb-nav .nav-icons .on {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-gnb-menu-1-on-black.png);}
.gnb-menu-inner .gnb-menu-cell:nth-child(2) .btn-gnb-nav .nav-icons .off {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-gnb-menu-2-off-black.png);}
.gnb-menu-inner .gnb-menu-cell:nth-child(2) .btn-gnb-nav .nav-icons .on {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-gnb-menu-2-on-black.png);}
.gnb-menu-inner .gnb-menu-cell:nth-child(3) .btn-gnb-nav .nav-icons .off {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-gnb-menu-3-off-black.png);}
.gnb-menu-inner .gnb-menu-cell:nth-child(3) .btn-gnb-nav .nav-icons .on {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-gnb-menu-3-on-black.png);}
.gnb-menu-inner .gnb-menu-cell:nth-child(4) .btn-gnb-nav .nav-icons .off {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-gnb-menu-4-off-black.png);}
.gnb-menu-inner .gnb-menu-cell:nth-child(4) .btn-gnb-nav .nav-icons .on {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-gnb-menu-4-on-black.png);}
.gnb-menu-inner .gnb-menu-cell:nth-child(5) .btn-gnb-nav .nav-icons .off {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-gnb-menu-5-off-black.png);}
.gnb-menu-inner .gnb-menu-cell:nth-child(5) .btn-gnb-nav .nav-icons .on {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-gnb-menu-5-on-black.png);}
.gnb-menu-inner .gnb-menu-cell:nth-child(6) .btn-gnb-nav .nav-icons .off {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-gnb-menu-6-off-black.png);}
.gnb-menu-inner .gnb-menu-cell:nth-child(6) .btn-gnb-nav .nav-icons .on {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-gnb-menu-6-on-black.png);}
.gnb-menu-inner .gnb-menu-cell:nth-child(7) .btn-gnb-nav .nav-icons .off {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-gnb-menu-7-off-black.png);}
.gnb-menu-inner .gnb-menu-cell:nth-child(7) .btn-gnb-nav .nav-icons .on {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-gnb-menu-7-on-black.png);}

.snb-menu-list {display:none;}
.snb-menu-cell {padding:0; border-top:1px solid transparent;}
.snb-menu-cell:first-child {border-top:none;}
.snb-menu-cell .btn-snb-nav {display:flex; align-items:center; height:40px; font-size:14px; line-height:1.4; color:#202020; padding-left:34px;}
.snb-menu-cell .btn-snb-nav:hover {background:#fbfbfb;}
.snb-menu-cell.actived .btn-snb-nav {color:#6840b1; font-weight:500;}

#container {padding:73px 0 0 256px; max-width:1920px; box-sizing:border-box;}
#container.hide {padding-left:73px;}
#contents {display:flex; flex-direction:column; min-height:calc( 100vh - 73px );}
#contents #footer {margin-top:auto;}

.view {flex:1; display:flex; flex-wrap:wrap; padding:28px 24px 24px 24px; box-sizing:border-box; flex-direction:column;}
.view ~ #footer {margin-top:-20px;}
.view > .basic-data-group {width:100%; height:100%; display:flex; flex:1;}

#footer {flex:0 0 auto; padding:23px 55px 32px 55px;}
.footer-wrap {}
.footer-wrap .footer-title {font-size:14px; font-weight:500; color:#202020; line-height:17px;}
.footer-info-wrap {margin-top:12px;}
.footer-info-cell + .footer-info-cell {margin-top:8px;}
.footer-info-list {display:flex; flex-wrap:wrap;}
.footer-info-item {position:relative;margin-right:10px; padding-right:10px; font-size:13px; line-height:21px; color:#666;}
.footer-info-item:after {content:''; position:absolute; top:50%; right:0;display:block;width:1px;height:12px;margin-top:-6px;background:#b4b4b4;}
.footer-info-item:last-child {margin:0; padding:0;}
.footer-info-item + .footer-info-item {}
.footer-info-item:last-child:after {display:none;}


@media screen and (max-width:1280px){
	#header {position:absolute;}
	#gnb {position:absolute;}
}

@media screen and (max-height:768px){
	.header-alarm-body {max-height:500px;}
}

.data-row {display:flex; width:calc( 100% + 28px ); margin:0 0 0 -14px; flex:1 0 auto;}
.data-row.data-row-full {flex:1;}
.data-col-left {flex:0 0 333px; display:flex; flex-direction:column; padding:0 14px; box-sizing:border-box;}
.data-col-left > .basic-data-card {flex:0 0 auto;}
.data-col-left > .basic-data-card + .basic-data-card {margin-top:20px;}
.data-col-left > .basic-data-card.fuild {}
.data-col-right {flex:0 0 403px;  display:flex; flex-direction:column; padding:0 14px; box-sizing:border-box; max-height:calc( 100vh - 129px ); transition: 0.3s}
.data-col-right > .basic-data-card {/*max-height:100%;*/ height:100%; display:flex; flex-direction:column;}
.data-col-right > .basic-data-card > .card-body {flex:1; min-height:0px; height:100%; overflow-x:hidden; overflow-y:auto;}
.data-col-right > .basic-data-card > .card-header {flex:0 0 auto;}
.data-col-right > .basic-data-card > .card-footer {flex:0 0 auto;}
.data-col-right .card-body-inner {padding:20px;}
.data-col-middle {flex:1; width:100%; display:flex; flex-direction:column; padding:0 14px; box-sizing:border-box; max-height:calc( 100vh - 129px );}
.data-col-middle .card-body-inner {padding:28px 44px;}
.data-col-middle:only-child {/*max-width:74%;*/max-width:calc( 100% - 403px );}
.data-col-middle.wide:only-child {max-width:100%;}
.data-col-middle > .basic-data-card {/*max-height:100%;*/ height:100%; display:flex; flex-direction:column;}
.data-col-middle > .basic-data-card > .card-body {flex:1; min-height:0px; height:100%; overflow-x:hidden; overflow-y:auto;}
.data-col-middle > .basic-data-card > .card-header {flex:0 0 auto;}
.data-col-middle > .basic-data-card > .card-footer {flex:0 0 auto;}

.data-col-right .card-footer.line {padding:12px 20px 20px 20px; border-top:1px solid #f4f4f4;}
.data-col-middle .card-footer.line {padding:12px 44px 24px 44px; border-top:1px solid #f4f4f4;}




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

.member-header {position:fixed; top:0;left:0;width:100%;height:70px;background:#fff;border-bottom:2px solid #fdd94e; z-index:1500;}
.member-header-inner {display:flex; align-items:center; max-width:1920px; height:100%;}
.member-header-inner h1 {display:block; width:256px; height:70px;}
.member-header-inner h1 > a {display:block;font-size:0;width:100%;height:100%;background:url(https://image.banjjakpet.com/common/shop-pc/common/logo.png) center center no-repeat; background-size:100% auto;}

.member-wrap {width:100%; min-height:100vh; display:flex; align-items:center; justify-content:center; background:#f8f8f8 url(https://image.banjjakpet.com/common/shop-pc/content/member-bg.png) center center no-repeat; background-size:auto 100%; background-attachment:fixed;}
.member-inner {width:100%; padding:112px 0; box-sizing:border-box;}
.member-view {position:relative; max-width:782px; min-height:645px; padding:0 0 0 234px; box-sizing:border-box ;border-radius:20px; overflow:hidden; margin:0 auto; background:#fff;}
.member-view:before {content:'';position:absolute;top:65px;left:27px;display:block;width:180px;height:180px;background:url(https://image.banjjakpet.com/common/shop-pc/content/pc-login-logo.png) center center no-repeat;background-size:180px auto; z-index:2;}
.member-view:after {content:'';position:absolute;bottom:0;left:0;display:block;width:234px;height:100%;background:#fdd94e url(https://image.banjjakpet.com/common/shop-pc/content/pc-login-visual.png) center bottom no-repeat;background-size:234px auto;z-index:1;}
.member-view-inner {padding:12px 64px 44px 64px;}
.member-view .toast-pop-wrap {position:absolute; bottom:124px; right:0; left:auto; width:calc( 100% - 234px ); visibility:hidden; transition:visibility 0s 0.25s ease;}
.member-view .toast-pop-data {max-width:335px; margin:0 auto;}
.member-view .toast-pop-wrap.actived {visibility:visible; transition:visibility 0s 0s ease;}



/* 로그인 */
.login-wrap {}
.login-logo {font-size:27px; line-height:32px; text-align:center; padding:44px 0 29px 0; font-weight:500;}
.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:500;}
.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.login:hover {opacity: 0.85;}
.login-btn-group .btn-login-item.naver {color:#fff; background:#03c75a;}
.login-btn-group .btn-login-item.naver:hover {opacity: 0.85;}
.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-pc/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:hover {opacity: 0.85;}
.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-pc/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:#fbfbfb;}
.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 {height:416px; 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:10px;}
.member-find-result .result-value {font-size:16px; line-height:23px; color:#202020; font-weight:500;}
.common-none-data .member-find-result {margin-top:45px;}

/* 회원가입 > 약관동의 */
.join-desc {font-size:20px; line-height:28px; font-weight:500; padding-top:28px;}
.agree-check-list {margin-top:28px; 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:44px; 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:500;}
.agree-check-item.all .item-inner {height:56px;}
.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:28px;}

/* 회원가입 완료 */
.join-complete {width:100%; height:512px; 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:500;}
.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 {}
.access-info-list {margin-top:40px;}
.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:500;}
.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;}
.access-info-item .item-btns .btn {border-radius:8px; width:auto; min-width:180px; display:inline-flex;}



/*========================================
@ 메인
========================================*/
.basic-swiper-banner .swiper-data {box-shadow: 0 2px 10px 0 rgba(168, 168, 168, 0.07); border: solid 1px #eaeaea;border-radius:5px; overflow:hidden; box-sizing:border-box;}
.basic-swiper-banner .swiper-pagination {margin-top:8px;}
.basic-swiper-banner .swiper-pagination .swiper-pagination-bullet {display:block; font-size:0; width:8px; height:8px; margin:0 2px; background:#d6d6d6; border:none; transition:all 0.35s ease; border-radius:4px; opacity:1; box-sizing:border-box;}
.basic-swiper-banner .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left:2px;}
.basic-swiper-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width:8px; background:#6840b1; border-color:#6840b1;}
.basic-swiper-banner.none .swiper-pagination {display:none;}


.main-wrap {display:flex; flex:1; width:100%;}
.main-wrap .card-header-title {font-size:18px;}
.main-row {display:flex; flex:1 0 auto; margin:0 -10px;}
.main-col-1 {width:calc( 100% - 384px ); display:flex; flex-direction:column; padding:0 10px; box-sizing:border-box;}
.main-col-2 {width:384px; display:flex; flex-direction:column; flex:0 0 auto; padding:0 10px; box-sizing:border-box;}
.main-col-group {flex:1;}
.main-col-group .basic-data-card {height:100%;}
.main-col-group + .main-col-group {margin-top:20px;}

.main-product-wrap .card-header {min-height:55px;}
.main-product-wrap .wide-tab-inner .tab-cell .btn-tab-item:after {height:3px;}

@media screen and (max-height:800px){
	/*.main-wrap {min-height:940px;}*/
}


/* 메인 */
.main-dashboard {flex:0 0 auto;}
.main-dashboard-group {padding:0;background:#fdd94e; border-radius: 5px; box-sizing:border-box; border:none;}
.main-dashboard-group .info-list-wrap {display:flex;}
.main-dashboard-group .list-cell {flex:1;}
.main-dashboard-group .list-cell + .list-cell {position:relative;}
.main-dashboard-group .list-cell + .list-cell:before {content:''; position:absolute; top:0;left:0;right:auto;bottom:0;display:block;width:1px;height:auto; margin:12px auto; background:#ffe481;}
.main-dashboard-group .list-cell > a {display:flex; width:100%; height:52px; padding:0 22px; box-sizing:border-box; align-items:center;}
.main-dashboard-group .title {display:inline-flex; align-items:center; height:33px; box-sizing:border-box;}
.main-dashboard-group .title .icon {flex:0 0 auto; margin-right:18px;}
.main-dashboard-group .title .txt {flex:1; font-size:15px; font-weight:500; color:#585858; text-align:center; white-space:nowrap;}
.main-dashboard-group .value {margin-left:20px; font-size:20px; line-height:1; font-weight:500; color:#202020; white-space:nowrap;}

@media screen and (max-width:1530px){
	.main-dashboard-group .list-cell > a {padding:0 15px;}
	.main-dashboard-group .title .icon {margin-right:10px;}
	.main-dashboard-group .title .txt {font-size:14px;}
	.main-dashboard-group .value {margin-left:10px; font-size:18px;}
}

.main-banner {flex:0 0 auto;}
.main-side-1 {flex:0 0 auto;}
.main-customer {height:100%; overflow:hidden;}
.main-customer .basic-data-card-inner .card-header {height:62px;}
.main-col-group .main-phone-group {height:auto;}
.main-col-group .main-notice-group {height:auto;}
.main-phone {display:flex; width:100%; background:#fdd94e;height:52px; border-radius:5px; overflow:hidden;}
.main-phone .item-input {flex:1; width:100%;box-sizing:border-box; padding:2px 0 2px 2px;}
.main-phone .item-input input {background:#fff; border:none; padding:0 18px; font-size:16px; border-radius: 5px 0px 0px 5px; height:48px;}
.main-phone .btn-main-phone {display:block; width:52px;height:52px;font-size:0;background:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-main-search.png) center center no-repeat; background-size:44px auto;}

.main-notice-wrap{
	display: flex;
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
}
.main-notice-cell{
	display :flex;
	width:100%;
}
.btn-main-notice-item{
	display:flex;
	width:100%;


}
.notice-text{
	flex: 1;
	width: 100%;
	font-size: 14px;
	font-weight: 500;
	color: #202020;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;

}

.dark .notice-text {
	color: #fff;
}

.notice-text img{
	width:15px;
	margin-left:10px;
	margin-top:5px;
}

.notice-date{
	flex: 0 0 auto;
	font-size: 14px;
	color: #999;
	padding-right:20px;
	font-weight: 500;
}
.main-notice-list-title{
	flex: 0 0 auto;
	font-size: 18px;
	font-weight: 500;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding-left:20px;
	border-bottom:1px solid #cecece;
	width:100%;

}

.dark .main-notice-list-title {
	color: #fff;
	border-color: #47484b;
}


.main-notice-group {flex:0 0 auto;}
.main-notice {display:flex; height:100%; align-items:flex-start; flex-direction: column}
.main-notice-title {flex:0 0 auto; font-size:14px; font-weight:500; color:#6840b1; display:flex; align-items:center; justify-content:flex-end; box-sizing:border-box; padding:0 8px 0 20px;}
.main-notice-list {flex:1; width:100%; height:46px; overflow:hidden;}
.main-notice-list-cell {}
.main-notice-list .btn-main-notice-item {display:flex; align-items:center; width:100%; height:46px; overflow:hidden;}
.main-notice-list .btn-main-notice-item .txt {flex:1; width:100%; font-size:16px; font-weight:500; color:#202020; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.main-notice-list .btn-main-notice-item .date {flex:0 0 auto; font-size:14px; color:#999; font-weight:500; padding:0 20px;}

.main-customer-list {padding:0 20px;}
.main-customer-list-cell {padding:0; border-bottom:1px solid #eaeaea;}
.main-customer-list-cell:last-child {border:none;}
.main-customer-list .customer-card-item {padding:12px 20px;  margin-left:-20px; margin-right:-20px;}
.main-customer-list .customer-card-item:hover {background:#fbfbfb;}
.main-customer-list .customer-card-item .item-name {font-size:16px; line-height:20px;}
.main-customer-list .customer-card-item .item-info-wrap .item-thumb {margin-right:14px;}
.main-customer-list .customer-card-item .item-data {padding-left:16px; box-sizing:border-box;}



.main-reserve-list {padding:0 20px;}
.main-reserve-list-cell {padding:0; border-bottom:1px solid #cecece;}
/*.main-reserve-list-cell:last-child {border:none;}*/
.main-reserve-list-cell .customer-card-item {padding:18px 20px; margin-left:-20px; margin-right:-20px;}
.main-reserve-list-cell .customer-card-item:hover {background:#fbfbfb;}
.main-reserve-list-cell .user-thumb.middle {width:64px; height:64px;}
.main-reserve-list .customer-card-item .item-phone {margin-top:6px;}
.main-reserve-list .customer-card-item .item-option {margin-top:6px;}


.main-reserve-group {display:flex; width:100%; height:100%;}
.main-reserve-col {width:50%; box-sizing:border-box;}
.main-reserve-col + .main-reserve-col {border-left:1px solid #cecece;}
.dark .main-reserve-col + .main-reserve-col {border-left-color:#47484b}
.main-reserve-group .customer-card-item .item-info-wrap .item-thumb {margin-right:30px;}

.main-calendar-stats-group {display:flex; width:100%; height:100%; flex-direction:column;}
/*.main-reserve-calendar {flex:1;}*/
.main-reserve-stats {flex:0 0 auto;}
.main-reserve-stats-inner {padding:38px 28px 28px 28px;}
.main-reserve-stats-header {text-align:center;}
.main-reserve-stats-header .item-title {font-size:16px; line-height:19px; font-weight:500; color:#202020;}
.main-reserve-stats-header .item-date {margin-top:3px; font-size:14px; line-height:17px; font-weight:500; color:#999;}
.main-reserve-stats-body {margin-top:24px;}
.main-reserve-graph {}
.main-reserve-graph .graph-cell + .graph-cell {margin-top:8px;}
.main-reserve-graph .graph-cell {display:flex; border-radius:5px; overflow:hidden; height:40px; width:100%;}
.main-reserve-graph .graph-item {display:flex; height:40px; align-items:center; justify-content:center; text-align:center; font-size:14px; font-weight:500; color:#000; background:#eaeaea;}
.main-reserve-graph .graph-item > em {font-size:16px; margin-left:5px;}
.main-reserve-graph .graph-item.yellow {color:#666; background:#fdd94e;}
.main-reserve-graph .graph-item.purple {color:#fff; background:#6840b1;}
.main-reserve-graph-none {display:flex; align-items:center; justify-content:center; text-align:center; height:160px; font-size:16px; color:#666;}

.main-reserve-calendar-top {display:flex; align-items:center; justify-content:center; height:54px; border-bottom:1px solid #cecece;}
.dark .main-reserve-calendar-top{

	border-bottom-color : #47484b
}
.main-reserve-calendar-tab {margin-bottom:20px;}
.main-reserve-calendar-title {flex:0 0 auto;  position:relative; }
.main-reserve-calendar-title select {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0; z-index:5;}
.main-reserve-calendar-title .txt {position:relative;font-size:20px; line-height:30px; font-weight:500;}
.btn-main-reserve-calendar-ui {flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; margin:0 24px;}

.main-calendar-month-header {border-bottom:1px solid #cecece;}
.main-calendar-month-header-row {display:flex;}
.main-calendar-month-header-col {flex:1; display:flex; align-items:center; justify-content:center; height:48px; font-size:16px; line-height:0px;  text-align:center;}
.main-calendar-month-header-col.sunday {color:#202020;}
.main-calendar-month-header-col.saturday {color:#202020;}
.main-calendar-month-header + .main-calendar-month-body {margin-top:-1px;}
.main-calendar-month-body {}
.main-calendar-month-body-row {display:flex; width:100%;}
.main-calendar-month-body-col {flex:1; display:flex; flex-direction:column; align-items:flex-start; justify-content:center;  box-sizing:border-box; background:#fff; margin:-1px 0; border:1px solid #d4d4d4; border-left:none; border-right:none; width:14.28%;}
/*
.main-calendar-month-body-col:hover {background:#fbfbfb;}
*/
.main-calendar-col-inner {position:relative; display:flex; width:100%; height:100%; flex-direction:column; align-items:flex-start; justify-content:flex-start;  min-height:54px; }
.main-calendar-month-body-col .main-calendar-month-cate-group {width:100%;}
.main-calendar-month-body-col .main-calendar-month-cate-group .main-calendar-drag-item-group {height:auto;}
.main-calendar-month-body-col .main-calendar-month-cate-title {font-size:12px; line-height:15px; color:#666; width:100%; padding:4px 0; width:100%; text-align:center;}
.main-calendar-month-body-col .main-calendar-drag-item-group {width:100%; height:100%; flex:1; padding:0 2px; box-sizing:border-box;}
.main-calendar-month-body-col.break {background:#fafafa; }
.main-calendar-month-body-col.before .main-calendar-day-value,
.main-calendar-month-body-col.after .main-calendar-day-value {display:none;}
.main-calendar-month-body-col.today .main-calendar-day-value {background:#e3e3e3;}
.main-calendar-month-body-col.today .main-calendar-day-value .number {color:#202020; font-weight:500;}
.main-calendar-month-body-col.today .main-calendar-day-value .value {color:#999;}
.main-calendar-month-body-col .main-calendar-day-value:hover {background:#6840b1; color:#fff; transition: 0.5s}
.main-calendar-month-body-col .main-calendar-day-value:hover .number {color:#fff; font-weight:500;}
.main-calendar-month-body-col .main-calendar-day-value:hover .value {color:#fff;}
/*
.main-calendar-month-body-col.current .main-calendar-day-value {background:#e3e3e3;}
.main-calendar-month-body-col.current .main-calendar-day-value .number {color:#202020; font-weight:500;}
.main-calendar-month-body-col.current .main-calendar-day-value .value {color:#999;}
.main-calendar-month-body-col.today .main-calendar-day-value {background:#6840b1; color:#fff;}
.main-calendar-month-body-col.today .main-calendar-day-value .number {color:#fff; font-weight:500;}
.main-calendar-month-body-col.today .main-calendar-day-value .value {color:#fff;}
*/
.main-calendar-month-body-col.selected {background:#fefbed;}
.main-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;}
.main-calendar-day-value {display:inline-flex; flex-direction:column; justify-content:space-between; align-items:center;width:38px; height:52px; background:transparent; border-radius:19px; margin:2px auto; box-sizing:border-box; padding:5px 0;}
.main-calendar-day-value .number { display:inline-flex; width:38px; height:18px; align-items:center; justify-content:center; font-size:16px; font-weight:500; color:#202020;}
.main-calendar-day-value .value { display:inline-flex; width:38px; height:18px; align-items:center; justify-content:center; font-size:14px;  color:#999; }
.main-calendar-toggle-data {position:absolute; top:100%; left:50%; margin:0 0 0 0; z-index:15; display:none; transform:translate(-50% , 0%);}
.main-calendar-toggle-list {width:147px; border:1px solid #eee; border-radius: 10px;   box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);  border: solid 1px #eee;  background-color: #fff; box-sizing:border-box; overflow:hidden;}
.main-calendar-toggle-list .list-cell {border-top:1px solid #eee;}
.main-calendar-toggle-list .list-cell:first-child {border:none;}
.main-calendar-toggle-list .btn-list-nav {display:flex; align-items:center; justify-content:space-between; width:100%; height:45px; box-sizing:border-box; padding:0 15px; line-height:1;}
.main-calendar-toggle-list .btn-list-nav.total {background:#fff; color:#202020;}
.main-calendar-toggle-list .btn-list-nav.total .value {font-size:16px;}
.main-calendar-toggle-list .btn-list-nav .title {font-size:16px; font-weight:500;}
.main-calendar-toggle-list .btn-list-nav .value {font-size:14px; font-weight:500;}
.main-calendar-toggle-list a.btn-list-nav:hover {background:#6840b1; color:#fff;}
.main-calendar-toggle-group {margin:0 auto; flex:0 0 auto;}
.main-calendar-toggle-group:hover .main-calendar-toggle-data {display:block;}

.main-calendar-month-body-col:first-child .main-calendar-toggle-group .main-calendar-toggle-data {transform:translate(-19px , 0%);} 
.main-calendar-month-body-col:last-child .main-calendar-toggle-group .main-calendar-toggle-data {left:auto; right:50%; transform:translate(19px , 0%);} 

/* 미니 캘린더 */
.mini-reserve-calendar-top {position:relative; display:flex; align-items:center; justify-content:center; height:54px; border-bottom:1px solid #cecece;}
.mini-reserve-calendar-top .calendar-title-sort .simple-calendar-wrap {margin-top:-6px;}
.mini-reserve-calendar-tab {margin-bottom:20px;}
.mini-reserve-calendar-title {flex:0 0 auto;  position:relative; }
.mini-reserve-calendar-title select {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0; z-index:5;}
.mini-reserve-calendar-title .txt {position:relative;font-size:20px; line-height:30px; font-weight:500;}
.mini-reserve-calendar-title button.txt {padding-right:23px; background:url(https://image.banjjakpet.com/common/shop-pc/icon/icon_select_arrow_middle.png) center right no-repeat; background-size:18px auto;}

.btn-mini-reserve-calendar-ui {flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; margin:0 24px;}

.mini-calendar-month-header {border-bottom:1px solid #ebebeb;}
.mini-calendar-month-header-row {display:flex;}
.mini-calendar-month-header-col {flex:1; display:flex; align-items:center; justify-content:center; height:42px; font-size:13px; line-height:0px;  text-align:center;}
.mini-calendar-month-header-col.sunday {color:#202020;}
.mini-calendar-month-header-col.saturday {color:#202020;}
.mini-calendar-month-header + .mini-calendar-month-body {margin-top:-1px;}
.mini-calendar-month-body {padding-bottom:9px;}
.mini-calendar-month-body-row {display:flex; width:100%; height: 47px;}
.mini-calendar-month-body-row:last-child .mini-calendar-month-body-col {border-bottom-width:0px;}
.mini-calendar-month-body-row.week-check .mini-calendar-month-body-col {background:#f7f5fb;}
.mini-calendar-month-body-col {flex:1; display:flex; flex-direction:column; align-items:flex-start; justify-content:center;  box-sizing:border-box; background:#fff; margin:-1px 0; border:1px solid #d4d4d4; border-left:none; border-right:none; width:14.28%;}
.mini-calendar-col-inner {position:relative; display:flex; width:100%; height:100%; flex-direction:column; align-items:flex-start; justify-content:flex-start;  min-height:54px; }
.mini-calendar-month-body-col .mini-calendar-month-cate-group {width:100%;}
.mini-calendar-month-body-col .mini-calendar-month-cate-group .mini-calendar-drag-item-group {height:auto;}
.mini-calendar-month-body-col .mini-calendar-month-cate-title {font-size:12px; line-height:15px; color:#666; width:100%; padding:4px 0; width:100%; text-align:center;}
.mini-calendar-month-body-col .mini-calendar-drag-item-group {width:100%; height:100%; flex:1; padding:0 2px; box-sizing:border-box;}
.mini-calendar-month-body-col.break {background:#fafafa;}
.mini-calendar-month-body-col.before .mini-calendar-day-value,
.mini-calendar-month-body-col.after .mini-calendar-day-value {display:none;}

/*
.mini-calendar-month-body-col.current .mini-calendar-day-value {background:#e3e3e3;}
.mini-calendar-month-body-col.current .mini-calendar-day-value .number {color:#202020; font-weight:500;}
.mini-calendar-month-body-col.current .mini-calendar-day-value .value {color:#999;}
.mini-calendar-month-body-col.today .mini-calendar-day-value {background:#6840b1; color:#fff;}
.mini-calendar-month-body-col.today .mini-calendar-day-value .number {color:#fff; font-weight:500;}
.mini-calendar-month-body-col.today .mini-calendar-day-value .value {color:#fff;}
*/
.mini-calendar-month-body-col.today .mini-calendar-day-value {background:#8f8f8f;}
.mini-calendar-month-body-col.today .mini-calendar-day-value .number {color:#202020; font-weight:500;}
.mini-calendar-month-body-col.today .mini-calendar-day-value .value {color:#999;}
.mini-calendar-month-body-col.actived .mini-calendar-day-value {background:#6840b1;  color:#fff;}
.mini-calendar-month-body-col.actived .mini-calendar-day-value .number {color:#fff; font-weight:500;}
.mini-calendar-month-body-col.actived .mini-calendar-day-value .value {color:#fff;}
.mini-calendar-month-body-col .mini-calendar-day-value:hover {background:#6840b1; color:#fff; transition:0.5s;}
.mini-calendar-month-body-col .mini-calendar-day-value:hover .number {color:#fff; font-weight:500;}
.mini-calendar-month-body-col .mini-calendar-day-value:hover .value {color:#fff;}
.mini-calendar-month-body-col.before .mini-calendar-day-value:hover {background:transparent; color:#202020;}
.mini-calendar-month-body-col.before .mini-calendar-day-value:hover .number {color:#202020;}
.mini-calendar-month-body-col.before .mini-calendar-day-value:hover .value {color:#ccc;}
.mini-calendar-month-body-col.after .mini-calendar-day-value:hover {background:transparent; color:#202020;}
.mini-calendar-month-body-col.after .mini-calendar-day-value:hover .number {color:#202020;}
.mini-calendar-month-body-col.after .mini-calendar-day-value:hover .value {color:#ccc;}
.mini-calendar-month-body-col.selected {background:#fefbed;}
.mini-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;}
.mini-calendar-day-value {display:inline-flex; flex-direction:column; justify-content:space-between; align-items:center;width:28px; height:46px; background:transparent; border-radius:19px; margin:2px auto; box-sizing:border-box; padding:3px 0 5px 0;}
.mini-calendar-day-value .number { display:inline-flex; width:28px; height:20px; align-items:center; justify-content:center; font-size:16px; font-weight:500; color:#202020;}
.mini-calendar-day-value .value { display:inline-flex; width:28px; height:15px; align-items:center; justify-content:center; font-size:12px;  color:#ccc;  margin-top:2px;}


.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:500; 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-pc/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-pc/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-pc/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; 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;}

/* 알람 리스트 */
.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:#fdd94e url(https://image.banjjakpet.com/common/shop-pc/icon/list_logo.png) center center no-repeat; background-size:100% auto; 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:500;}
.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-pc/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 {}
.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;}
.import-request-complete {padding:38px 0 55px 0; text-align:center;}
.import-request-complete .item-visual {}
.import-request-complete .item-info {font-size:18px; line-height:23px; font-weight:500; margin-top:36px;}
.import-request-complete .item-value {font-size:14px; line-height:20px; margin-top:15px; word-break:keep-all;}
.import-request-agree {}

.import-request-complete .app-download-code {margin-top:63px;}
.app-download-code {text-align:center;}
.app-download-code .code-title {font-size:15px; line-height:19px; font-weight:500;}
.app-download-code .code-list {margin-top:10px; display:flex; justify-content:center;}
.app-download-code .code-items {margin:0 12px;}
.app-download-code .code-items .code-label {font-size:10px; line-height:12px; text-align:center;}


.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-pc/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 {}
.terms-group + .terms-group {margin-top:24px;}
.terms-group h3 {font-size:14px; line-height:21px; font-weight:500; margin-bottom:5px;}
.terms-group .terms-sentence {font-size:14px; line-height:21px; }
.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:10px 10px; font-size:14px; line-height:21px; color:#202020; font-weight:500; border:1px solid #cecece; background-color:#fff; vertical-align:middle; text-align:center;}
table.terms-table > tbody > tr > td {padding:10px 10px; font-size:14px; line-height:21px; color:#202020; border:1px solid #cecece; 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%;}



/*========================================
@ 쇼핑
========================================*/
/* 상품 상세 */
.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:500;}
.product-info-data .item-grade {margin-top:4px; display:flex; align-items:center; justify-content:center; font-size:14px; line-height:20px; }
.product-info-data .item-grade > em {font-weight:500; 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; padding-top:100%;}
.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;  white-space:nowrap;}
.shop-info-wrap .item-grade > em {font-weight:500; 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:500; 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:500;}
.shop-info-price .price-value {font-size:18px; line-height:28px; color:#202020; font-weight:500;}
.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-pc/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:500;}
.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:500;}
.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:11px; line-height:16px; flex:1; width:100%; text-align:left; white-space:nowrap;}
.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-pc/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:500; 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:500;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 #f4f4f4;}
.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:500; 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:500;}
.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;}
.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:500;}
.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;}
.shop-picture-modify .shop-picture-info .btn-modify:hover {background:#fbfbfb;}
.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-add:hover {background:#fbfbfb;}

.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:500;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 #ebebeb; border-radius:5px; word-break:break-all;}

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

/* 라이센스 등록 */
.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:500;}
.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:20px;}
.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%; flex-wrap:wrap;}
.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:#fbfbfb;}
.shop-category-menu-list > a.actived,
.shop-category-menu-list > button.actived {font-weight:500;color:#202020;}


/* 장바구니 */
.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:500;}
.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-pc/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:500;}
.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:500;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; margin-left:10px;}
.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:500; 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:500;}
.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:500;}
.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:absolute; bottom:-1px; left:0; width:100%; height:2px; background:#ebebeb;}
.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 {display:flex; width:100%;height:100%;align-items:center; justify-content:center; text-align:center; flex-direction:column;}
.reserve-after-none .item-desc {font-size:16px;line-height:21px;color:#666;}
.reserve-after-none .item-btn {margin-top:14px;}
.reserve-after-none .item-btn-buy {margin-top:30px;}
.reserve-after-none .item-btn-buy > .btn {width:180px; background-color:#f4f4f4;}
.reserve-after-none .item-btn-buy > .btn.press {background-color:#fbfbfb;}

.toggle-button-group.vertical .toggle-button-cell + .toggle-button-cell {margin-top:12px;}
.toggle-button-group.vertical .form-toggle-box > em {min-width:0 !important; width:100% !important; height:auto; min-height: 45px;}

.pop-body .end-pay-wrap {width:100%;}
.pop-body .end-pay-outer {margin:0 -20px -20px -20px;}
.end-pay-inner {height:450px;}


/* 예약하기 > 지역 */
.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:500; 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:500;}
.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:500;}
.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:500;}
.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 #cecece;border-radius:12px;}
.service-selected-group + .service-selected-group {margin-top:16px;padding-top:16px;border-top:1px solid #cecece;}
.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:500;}
.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-pc/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:500;}
.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-today .card-header {min-height:68px;}
.reserve-today .mini-reserve-calendar-top {height:50px;}
.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 #ebebeb;}
.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:20px; 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:44px; height:44px; 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 !important; color:#fff !important;border-color:#414141 !important; font-weight:500;}
.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:hover {background:#fbfbfb;}
.btn-reserve-calendar-sort.actived.press {background:#292929;}
.btn-reserve-calendar-sort:disabled {color:#8f8f8f !important; background:#fafafa !important; border-color:#fafafa !important; cursor:default;}

.card-body .reserve-calendar-top {border-bottom:1px solid #ebebeb;} 
.reserve-calendar-top {position:relative; display:flex; align-items:center; justify-content:center; min-height:68px; box-sizing:border-box; padding:12px 20px; width:100%;}
.reserve-calendar-top .sort-left,
.reserve-calendar-top .sort-right {display:inline-flex;}
.reserve-calendar-top .sort-left {position:absolute; top:12px; left:20px;}
.reserve-calendar-top .sort-right {position:absolute; top:12px; right:20px;}
.reserve-calendar-top .sort-left > select,
.reserve-calendar-top .sort-right > select {min-width:110px;}
.reserve-calendar-tab {margin-top:13px;}
.reserve-calendar-title {flex:0 0 auto;  position:relative;  display:inline-flex; align-items:center;}
.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:24px; line-height:1; font-weight:500;}
.reserve-calendar-title button.txt {padding-right:23px; background:url(https://image.banjjakpet.com/common/shop-pc/icon/icon_select_arrow_middle.png) center right no-repeat; background-size:18px auto;}
.btn-reserve-calendar-ui {flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px;}
.btn-reserve-calendar-ui.btn-month-prev {margin-right:32px;}
.btn-reserve-calendar-ui.btn-month-next {margin-left:32px;}
.reserve-calendar-select {position:relative; display:inline-flex;}
.reserve-calendar-select.disabled {opacity:0.5;}
.reserve-calendar-select.disabled .reserve-calendar-title button.txt,
.reserve-calendar-select.disabled .btn-reserve-calendar-ui {cursor:default;}

.reserve-calendar-label {display:flex; align-items:center; padding:7px 20px; box-sizing:border-box; min-height:56px;}
.reserve-calendar-label > .reserve-calendar-label-group {margin-left:auto;}
.reserve-calendar-label > .reserve-calendar-master {max-width:100%;}
.reserve-calendar-label-inner {display:flex; align-items:center; justify-content:space-between; width:100%;}
.reserve-calendar-label-inner .right:only-child {margin-left:auto;}
.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; justify-content:flex-end;}
.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;}

.calendar-title-sort {
	display:none;
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 15;
	transform: translate(-50% , 0%);
	/*opacity: 0;*/
	/*transition: 0.3s;*/
	/*visibility: hidden;*/
}
.calendar-title-sort.actived {
	display:block;
	/*opacity: 1;*/
	/*transition: 0.3s;*/
	/*visibility: visible;*/
}
.calendar-title-sort .simple-calendar-wrap {width:260px; margin-top:8px;}

.simple-calendar-wrap {border-radius: 8px;  box-shadow: 3px 5px 8px 0 rgba(0, 0, 0, 0.2);  border: solid 1px #e5e5e5;  background-color: #fff;}
.simple-calendar-top {position:relative; display:flex; align-items:center; height:51px; border-bottom:1px solid #e5e5e5; justify-content:center;}
.simple-calendar-top .top-title {font-size:18px; font-weight:500; color:#202020;}
.simple-calendar-top .btn-simple-calendar-prev {position:absolute; top:14px; left:20px; display:inline-block; width:28px;height:28px;font-size:0;background:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-simple-calendar-prev.png) center center no-repeat; background-size:28px auto;}
.simple-calendar-top .btn-simple-calendar-next {position:absolute; top:14px; right:20px; display:inline-block; width:28px;height:28px;font-size:0;background:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-simple-calendar-next.png) center center no-repeat; background-size:28px auto;}
.simple-calendar-month-group {padding:19px 22px 27px 22px;}
.simple-calendar-month-row {display:flex; flex-wrap:wrap;}
.simple-calendar-month-col {width:25%; display:flex; align-items:center; justify-content:center; height:44px; padding:5px 0;}
.simple-calendar-month-group .btn-simple-calendar-month-nav {display:inline-flex; align-items:center; justify-content:center; width:29px;height:29px;font-size:15px;font-weight:500;color:#2b2b2b;background:#fff;border-radius:50%; text-align:center;}
.simple-calendar-month-group .btn-simple-calendar-month-nav.actived {color:#fff; background:#707070;}
.simple-calendar-month-group .btn-simple-calendar-month-nav:hover {color:#fff; background:#6840b1;}

.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-pc/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-pc/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-pc/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-pc/icon/icon-sort-list-on.png) center center no-repeat; background-size:100% auto; opacity:0;}

.btn-sort-calendar:hover,
.btn-sort-list:hover {opacity:0.85;}

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

.reserve-calendar-view .reserve-calendar-table {padding:0 20px 20px 20px;}
.reserve-calendar-view .reserve-calendar-tab { padding-left:20px;padding-right:20px; margin-bottom:32px;}
.reserve-calendar-view .reserve-calendar-tab + .reserve-calendar-label {margin-top:-32px;}

.reserve-calendar-tooltip {position:absolute; z-index:500;top:0;left:0; display:block;}
.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 #cecece;}
.tooltip-inner .tooltip-date {font-size:12px; font-weight:500; padding:0 10px; display:flex; align-items:center; color:#202020; width:100%; border-bottom:1px solid #cecece; height:41px; box-sizing:border-box;}
.tooltip-inner .tooltip-desc {font-size:12px; line-height:15px; font-weight:300; color:#202020; text-align:left; padding:8px; 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:34px; width:100%; font-size:16px; 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-top:1px solid #cecece; border-bottom:1px solid #cecece;}
.calendar-month-header-row {display:flex;}
.calendar-month-header-col {flex:1; display:flex; align-items:center; justify-content:center; border:1px solid #cecece; border-top:none; border-bottom:none; margin-left:-1px; margin-right:-1px; width:14.28%; height:32px; font-size:16px; line-height:24px; font-weight:500;  text-align:center; box-sizing:border-box; background:#fff;}
.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 {width:100%;}
.calendar-month-body-row {display:flex; width:100%;}
.calendar-month-body-row + .calendar-month-body-row {margin-top:-1px;}
.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-left:-1px; margin-right:-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:14px; line-height:17px; 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 8px; box-sizing:border-box; min-height:50px;}
.calendar-month-body-col.break {background:#f4f4f4; transition: 0.5s}
.calendar-month-body-col.break .calendar-day-value .state {color:#8f8f8f;}
.calendar-month-body-col.before .calendar-day-value,
.calendar-month-body-col.after .calendar-day-value {display: none;}
.calendar-month-body-col.today .calendar-day-value .number {text-align:center; background:#414141; color:#fff;}
.calendar-month-body-col.selected {background:#fefbed;}
.calendar-total-value {width:100%; padding:0 8px; flex:0 0 auto; display:flex; align-items:center; width:100%; height:24px; box-sizing:border-box; font-size:12px; line-height:16px; color:#8f8f8f; width:100%; text-align:left; margin-top:auto; box-sizing:border-box; font-weight:500;}
.calendar-day-value {position:relative; width:100%; padding:0 8px; flex:0 0 auto; height:28px; display:flex; align-items:center; justify-content:space-between; box-sizing:border-box; z-index:5;}
.calendar-day-value .number {width:25px; height:25px; text-align:left; font-size:16px; line-height:25px; color:#202020; border-radius:50%; box-sizing:border-box;}
.calendar-day-value .state {font-size:16px; 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;}
a.calendar-month-day-item,
.calendar-month-day-item{display:block; width:100%; font-size:12px; line-height:16px; color:#fff; padding:3px 4px; 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-name {font-size:14px; line-height:15px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.calendar-month-day-item-name > strong {margin-right:4px; font-weight:500;}

.calendar-month-day-item-kind {margin-top:0; font-size:12px; line-height:15px;}
.calendar-month-day-item.yellow {background:#fdd94e; color:#7c6408;}
.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.gray {background:#b4b4b4;}
.calendar-month-day-item.wait {background:#fff; color:#ff4848; font-weight:500; padding:8px;}
.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;}
.calendar-month-day-item:hover {opacity:0.85;}


/* 예약하기 > 캘린더 상세 (주) */
.reserve-calendar-master {}
.reserve-calendar-data.kindergarten .calendar-week-wrap .calendar-drag-item-group {padding:0 8px;}
.calendar-week-wrap .calendar-drag-item-group {width:100%; height:100%; flex:1; padding:0; box-sizing:border-box; padding-right:3px; padding-bottom: 1px; position: relative}
.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:row; 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:auto; text-align:center; font-size:16px; line-height:24px; color:#202020; font-weight:300;}
.calendar-week-header-col .day {width:auto;height:auto;font-size:16px;line-height:24px; color:#202020; font-weight:300;}
.calendar-week-header-col.today {background:#6840b1;}
.calendar-week-header-col.today .th,
.calendar-week-header-col.today .day {color:#fff;font-weight:500;}
.calendar-week-header-col.time {flex:0 0 auto; width:70px;}
.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:12px; color:#fff;text-align:center; font-weight:500; background:#72d6b0;}
.calendar-week-body-col {position:relative; flex:1; height:92px; box-sizing:border-box; background:#fff; margin:-1px; border:1px solid #cecece;}
.calendar-week-body-col.time {position:relative; flex:0 0 auto; width:70px; 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:11px;line-height:17px;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:12px;line-height:17px;color:#202020;font-weight:300; 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:300; text-align:center;}
.calendar-week-body-col.break {display:flex;align-items:center;justify-content:center;font-size:12px;line-height:17px;font-weight:500;color:#8f8f8f; text-align:center;background:#f4f4f4;  border-top-width:0;}
.calendar-week-body-col.break1 {display:flex;align-items:center;justify-content:center;font-size:12px;line-height:17px;font-weight:500;color:#8f8f8f; text-align:center;background:#f4f4f4;  border-top-width:0;}
.calendar-week-body-col.break2 {display:flex;align-items:center;justify-content:center;font-size:12px;line-height:17px;font-weight:500;color:#8f8f8f; text-align:center;background:#f4f4f4;  border-top-width:0;}
.calendar-week-body-col.break3 {display:flex;align-items:center;justify-content:center;font-size:12px;line-height:17px;font-weight:500;color:#8f8f8f; text-align:center;background:#f4f4f4;  border-top-width:0;}
.calendar-week-body-col.break4 {display:flex;align-items:center;justify-content:center;font-size:12px;line-height:17px;font-weight:500;color:#8f8f8f; text-align:center;background:#f4f4f4;  border-top-width:0;}
.calendar-week-body-col.break5 {display:flex;align-items:center;justify-content:center;font-size:12px;line-height:17px;font-weight:500;color:#8f8f8f; text-align:center;background:#f4f4f4;  border-top-width:0;}
.calendar-week-body-col.break1-1:before {content:'휴게시간'; position: absolute}
.calendar-week-body-col.break2-1:before {content:'정기휴일'; position: absolute}
.calendar-week-body-col.break3-1:before {content:'예약금지'; position: absolute}
.break2 .btn-calendar-add.calendar-week-body-col.break.break-start {border-top-width:1px}
.calendar-week-body-col.hotel-label {position:static; flex:0 0 auto; width:70px; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#f4f4f4; border-top-width:0;}
.calendar-week-body-col.hotel-label.whitepink {}
.calendar-week-body-col.hotel-label.whitepink .day-hotel-label {background:#feb8b1;}
.calendar-week-body-col.hotel-label.whiteapricot {}
.calendar-week-body-col.hotel-label.whiteapricot .day-hotel-label {background:#ffd3b5;}
.calendar-week-body-col.hotel-label.whitegreen {}
.calendar-week-body-col.hotel-label.whitegreen .day-hotel-label {background:#c9e896;}
.calendar-week-body-col.hotel-label.whitemint {}
.calendar-week-body-col.hotel-label.whitemint .day-hotel-label {background:#99e8ca;}
.calendar-week-body-col.hotel-label.whiteblue {}
.calendar-week-body-col.hotel-label.whiteblue .day-hotel-label {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:67px; height:calc( 100% - 1px ); 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:12px; line-height:17px; text-align:center; padding:0; color:#fff; font-weight:500;}
.calendar-hotel-week-body .calendar-drag-item-group {position:relative;}
.calendar-hotel-week-body .calendar-week-time-item .item-name {font-size:12px;}
.calendar-hotel-week-body .calendar-week-body-col {height:74px;}

.calendar-week-wrap.small.auto .calendar-week-body-col {height:auto; min-height:30px;} 
.calendar-week-wrap.small.auto .calendar-col-inner {min-height:28px;}
.calendar-week-wrap.small .calendar-week-body-col {height:30px;}
.calendar-week-wrap.small .calendar-week-time-item .item-name {font-size:12px;line-height:16px;}
.calendar-week-wrap.small .calendar-week-time-item .item-cate {font-size:12px;line-height:15px;margin-top:1px;}
.calendar-week-wrap.small .calendar-week-time-item .item-price {font-size:12px;line-height:15px;font-weight:500; color:#666; margin-top:2px;}
.calendar-week-wrap.small .calendar-week-time-item .item-option {font-size:12px;line-height:15px;font-weight:500; color:#202020; margin-top:2px;}

.calendar-week-time-item.toggle {min-height:0px;padding:0;}
.calendar-week-time-item.toggle.actived {overflow:visible; z-index:150;}
.calendar-week-time-item.toggle.actived .item-inner {border-bottom:1px solid #ebebeb;}
.calendar-week-time-item.toggle.actived .btn-calendar-item-more:before {transform:rotate(180deg);}
.calendar-week-time-item.toggle .item-inner {padding:7px 4px 8px 8px; }
.calendar-week-time-item.toggle .item-name {display:flex;}
.calendar-week-time-item.toggle .item-name .txt {flex:1; width:100%;}
.calendar-week-time-item.toggle .item-name .btn-calendar-item-more {flex:0 0 auto; margin-left:auto;}

.btn-calendar-item-more {display:block; width:16px; height:16px;position:relative;font-size:0;padding:0;}
.btn-calendar-item-more:before {content:''; position:absolute; top:0; left:0;display:block;width:100%;height:100%; background:url(https://image.banjjakpet.com/common/shop-pc/icon/icon_accordion_arrow_gray3.png) center center no-repeat; background-size:16px auto;}
.calendar-week-time-item {position:relative; margin:1px; display:block; z-index:5; width:calc( 100% -  1px ); min-height:79px; padding:11px 9px 9px 9px; text-align:left; border-left:4px solid #000; 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:14px;line-height:17px;font-weight:500;}
.calendar-week-time-item .item-cate {font-size:14px;line-height:17px;margin-top:6px;}
.calendar-week-time-item .item-price {font-size:14px;line-height:17px;font-weight:500; color:#666; margin-top:6px;}
.calendar-week-time-item .item-option {font-size:14px;line-height:17px;font-weight:500; color:#202020; margin-top:6px;}
/*
.calendar-week-time-item .item-cash {position:absolute; bottom:0; right:0;}
.calendar-week-time-item .item-master {position:absolute; bottom:0; left:0;}
*/
.calendar-week-time-item.yellow {border-left-color:#fdd94e; background: #fff7d9;}

.calendar-week-time-item.green {border-left-color:#58d980; background: #e7f6ec;}

.calendar-week-time-item.purple {border-left-color:#6840b1; background: #e7dff5;}
.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 ); min-height:70px !important; border-top:none; border-top:4px solid #000;     border-left: none; max-width:calc(100% * 7)}

.calendar-week-time-item.hotel-time-item.yellow {border-top-color:#fdd94e;}
.calendar-week-time-item.hotel-time-item.purple {border-top-color:#6840b1;}
.calendar-week-time-item.hotel-time-item.green {border-top-color:#58d980;}
.calendar-week-time-item.hotel-time-item.red {border-top-color:#ff4848;}
.calendar-week-time-item.hotel-time-item.gray {border-top-color:#b4b4b4;}
.calendar-week-time-item.hotel-time-item .item-name {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin-bottom:0;}
.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:0;}
.calendar-week-time-item .item-check-in {margin-top:2px; font-size:12px;line-height:15px;font-weight:300; color:#666;}
.calendar-week-time-item .item-check-out {margin-top:2px; font-size:12px;line-height:15px;font-weight:300; color:#666;}
.calendar-week-time-item .item-check-in + .item-name,
.calendar-week-time-item .item-check-out + .item-name {}
.calendar-week-time-item .item-stats {display:flex; margin:0px -4px -8px -8px; padding:0; box-sizing:border-box;}
.calendar-week-time-item .item-stats .left {margin-right:auto;}
.calendar-week-time-item .item-stats .right {margin-left:auto;}

.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:9px; display:block;width:52px;height:20px; font-size:12px; line-height:20px; white-space:nowrap; color:#fff; font-weight:500; text-align:center; background:#ff6a6a; border-radius:10px; margin-top:-10px;}
/*.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.small {}
.calendar-day-wrap.small .calendar-day-body-col {height:30px;}
.calendar-day-wrap.small .calendar-week-time-item .item-name {font-size:12px;line-height:16px;}
.calendar-day-wrap.small .calendar-week-time-item .item-cate {font-size:12px;line-height:15px;margin-top:1px;}
.calendar-day-wrap.small .calendar-week-time-item .item-price {font-size:12px;line-height:15px;font-weight:500; color:#666; margin-top:2px;}
.calendar-day-wrap.small .calendar-week-time-item .item-option {font-size:12px;line-height:15px;font-weight:500; color:#202020; margin-top:2px;}
.calendar-day-wrap.small .calendar-day-body-col.break {font-size:12px;}

.mx-width-50{
	max-width:50%;
}
.mg-left-50{
	margin-left:50%;
}
.calendar-day-wrap .calendar-drag-item-group {height:100%; flex:1; padding:0; box-sizing:border-box; padding-right:3px; padding-bottom: 1px; position:relative}
.calendar-day-wrap .calendar-drag-item-group:only-child {
	width: 100%;
	display:block;
}

/*.calendar-day-wrap .calendar-drag-item-group:not(:only-child) {*/
/*	width: 50%;*/
/*}*/

/*.calendar-day-body-col > .calendar-drag-item-group:not(only-child):not(.reserve-add-btn){*/
/*	margin-left:0px;*/
/*}*/
/*.calendar-day-body-col > .calendar-drag-item-group:not(:first-child):not(:nth-child(2)) {*/
/*	margin-left: 0px;*/
/*}*/
.calendar-day-body-col .reserve-add-btn:not(only-child){
	display:none;
}
/*.calendar-day-body-col > .calendar-drag-item-group:nth-of-type(1),*/
/*.calendar-day-body-col > .calendar-drag-item-group:nth-of-type(2) {*/
/*	max-width:none;*/
/*	width: 100%;*/
/*	margin-left: 0px;*/
/*}*/
.calendar-week-body-col-add .reserve-add-btn:only-child{
	display:block;
}

.calendar-week-body-col-add .reserve-add-btn:not(only-child){
	display:none;
}
.calendar-week-body-col .calendar-drag-item-group:nth-child(3n+1) a {
	width: 100% !important
}


.calendar-day-header-row {display:flex; width:100%;}
.calendar-day-header-col {position:relative; flex:1; display:flex; align-items:center; justify-content:center; min-height:34px;  box-sizing:border-box; background:#fff; font-size:16px;line-height:24px; padding:2px 6px; text-align:center; margin:-1px; border:1px solid #ebebeb; font-weight:300;}
.calendar-day-header-col.time {flex:0 0 auto; width:70px;}
.calendar-day-body {position:relative;}
.calendar-day-body-row {display:flex; width:100%;}
.calendar-day-body-col {position:relative; display:flex; flex:1; height:82px; box-sizing:border-box; background:#fff; margin:-1px; border:1px solid #cecece;}
.calendar-day-body-col.time {position:relative; flex:0 0 auto; width:70px; 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:11px;line-height:17px;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:12px;line-height:17px;color:#202020;font-weight:300; text-align:center;  transform:translate(0 , -50%);}
.calendar-day-body-col.time .time-end-label {width:100%; font-size:12px;line-height:17px;color:#8f8f8f;font-weight:300; text-align:center;}
.calendar-day-body-col.break {display:flex;align-items:center;justify-content:center;font-size:12px;line-height:17px;font-weight:500;color:#8f8f8f; text-align:center;background:#f4f4f4; border-top-width:1px;}
.calendar-day-body-col.break1 {display:flex;align-items:center;justify-content:center;font-size:12px;line-height:17px;font-weight:500;color:#8f8f8f; text-align:center;background:#f4f4f4; border-top-width:1px;}
.calendar-day-body-col.break1-1::before{content:'휴게시간';position:absolute;}
.calendar-day-body-col.break2 {display:flex;align-items:center;justify-content:center;font-size:12px;line-height:17px;font-weight:500;color:#8f8f8f; text-align:center;background:#f4f4f4; border-top-width:1px;}
.calendar-day-body-col.break2-1::before{content:'정기휴일';position:absolute;}
.calendar-day-body-col.break3 {display:flex;align-items:center;justify-content:center;font-size:12px;line-height:17px;font-weight:500;color:#8f8f8f; text-align:center;background:#f4f4f4; border-top-width:1px;}
.calendar-day-body-col.break3-1::before{content:'예약금지';position:absolute;}
.calendar-day-body-col.break.break-start {border-top-width:1px;}
.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:500;}
.calendar-day-time-item .item-cate {font-size:11px;line-height:14px;}
.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; left:0;}
.calendar-day-time-item.yellow {border-top-color:#fdd94e;}
.calendar-day-time-item.purple {border-top-color:#6840b1;}
.calendar-day-time-item.green {border-top-color:#58d980;}
.calendar-day-time-item.red {border-top-color:#ff4848;}
.calendar-day-time-item.gray {border-top-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;}
.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:9px; display:block;width:52px;height:20px; font-size:12px; line-height:20px; white-space:nowrap; color:#fff; font-weight:500; text-align:center; background:#ff6a6a; border-radius:10px; margin-top:-10px;}
/*.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%;}*/

a.btn-calendar-add,
.btn-calendar-add {display:none; position:absolute; top:0;right:0;bottom:0;left:0;width:auto;height:auto; margin:auto; font-size:0; padding:0; box-sizing:border-box; background:transparent; z-index:0;}
.btn-calendar-add:only-child {display:block;}
a.btn-calendar-add:hover,
.btn-calendar-add:hover {background-color:#fbfbfb;}
.dark a.btn-calendar-add:hover, .btn-calendar-add:hover {background-color: #1e1f21; }

.break .btn-calendar-add {display:none;}
.break1 .btn-calendar-add {display:none;}
.break2 .btn-calendar-add {display:none;}
.break3 .btn-calendar-add {display:none;}
.break4 .btn-calendar-add {display:none;}
.break5 .btn-calendar-add {display:none;}

/* 예약하기 > 캘린더 (리스트) */
.reserve-calendar-list {padding:13px 44px 65px 44px; /*border-top:1px solid #ebebeb;*/}
.reserve-calendar-list-items {position:relative;display:flex; width:100%; box-sizing:border-box; padding:10px; 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:hover {background-color:#fbfbfb;}
.dark .reserve-calendar-list-items:hover { background-color: #1e1f21; }
.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-inner {display:flex; flex-wrap:wrap; margin:-10px -20px;}
.reserve-calendar-list-group {padding:10px 20px; width:50%; box-sizing:border-box;}
.card-link-list {padding:8px 0;}
.card-link-list .grid-layout-inner {margin:-5px -12px;}
.card-link-list .grid-layout-cell {padding:5px 12px;}
.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:20px;}
.reserve-alarm-inquiry .customer-alarm-result {}
.reserve-alarm-inquiry .common-none-data {padding:100px 0;}

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

/* 예약하기 > 빈시간대 판매하기 */
.reserve-sale-wrap {padding-top:16px;}
.reserve-sale-wrap > .con-title-group {padding:0 44px;}
.reserve-sale-wrap .reserve-calendar-top {margin-top:13px;}
.reserve-sale-wrap .calendar-day-body-col,
.reserve-sale-wrap .calendar-week-body-col {height:30px;}
.reserve-sale-wrap .calendar-check-value {min-height:28px;}
.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:98%;height:100%; box-sizing: border-box}
.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-check-value .form-radiobox.large:hover {background-color:#fbfbfb;}
.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-basic-set {width:100%;}
.picture-basic-set .btn-grid-group {margin-top:12px;}
.picture-basic-set .grid-layout-inner {justify-content:flex-end;}
.picture-basic-set .picture {position:relative; padding-top:76%;}
.picture-basic-set .picture .obj {position:absolute;top:0;left:0;display:block;width:100%;height:100%;z-index:0;background:#fbfbfb url(https://image.banjjakpet.com/common/shop-pc/icon/icon-none-thumb-large.png) center center no-repeat; background-size:80px auto; border:1px solid rgba(0, 0, 0, 0.02); border-radius:16px; overflow:hidden;}
.picture-basic-set .picture .obj img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.picture-basic-set .textarea {position:relative; padding-top:76%;}
.picture-basic-set .textarea textarea {position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;}
.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:500;}
.time-msg-detail .detail-value {flex:1; font-size:16px;line-height:24px;width:100%;}

.msg-load-wrap {padding-top:0;}
.msg-load-wrap .shop-gate-picture-select {margin:0;}
.msg-load-wrap.before {padding-top:12px;}
.msg-load-wrap .shop-gate-picture-select .list-inner > .list-cell {width:20%;}

/* 예약하기 > 랜딩페이지 */
.reserve-landing-wrap {padding-top:0;}
.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:#8f8f8f;}
.reserve-advice-wrap .common-none-data {padding:100px 0;}
.reserve-advice-view {padding-top:0px;}
.reserve-advice-view-info {display:flex; font-size:12px; 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:500;}
.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:500; 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-pc/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;  white-space:nowrap;}
.user-main-info .info-item-wrap .user-grade > em {font-weight:500; 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:500;}
.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-pc/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;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:500;}
.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:500; 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:500;}
.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:500; 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:500;}
.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:500; 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:500;}
.point-charge-state-item.total {margin-top:12px; padding-top:20px; border-top:1px solid #f4f4f4; font-size:18px; font-weight:500;}

.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:500; 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:500;}
.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:500; margin-top:28px;}
.user-pet-none .item-info > span {display:block;font-size:14px; 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;}
.user-receipt-item.total {padding:20px; border-color:#cdcdcd; border-radius:5px;}
.user-receipt-item.type-2 {padding:24px;}
.user-receipt-item .con-title-group {height:auto; min-height:0; margin-bottom:10px;}
.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;}
.user-receipt-item .grid-layout-inner {margin:-14px -10px;}
.user-receipt-item .grid-layout-cell {padding:14px 10px;}
.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:500; 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:500; 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:500;}
.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:500; text-align:right;}

.receipt-buy-detail {}
.receipt-buy-detail + .receipt-buy-detail {border-top:1px solid #f4f4f4; margin-top:12px; padding-top:12px; padding-right:20px}
.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 .item-data-list .list-value .large {font-size:16px;}
.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:500; margin-bottom:16px;}

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

.user-receipt-item.total + .pay-accordion-group {margin-top:10px;}

.pay-accordion-group {border:1px solid #ebebeb; border-radius:5px;}
.pay-accordion-items {background:rgba(248, 248, 248, 0.5);}
.pay-accordion-items .items-header {display:flex; align-items:center; width:100%; height:54px; padding:0 20px; box-sizing:border-box;}
.pay-accordion-items .items-header .items-title {flex:1; display:flex; align-items:center; font-size:16px; font-weight:500;}
.pay-accordion-items .items-header .items-value {flex:0 0 auto; margin-left:auto; font-size:12px; color:#8f8f8f;}
.pay-accordion-items .items-header .btn-data-view {flex:0 0 auto; margin-right:-10px; display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; font-size:0;}
.pay-accordion-items .items-header .btn-data-view:before {content:'';display:block;width:10px;height:10px;background:url(https://image.banjjakpet.com/common/shop-pc/icon/icon_accordion_arrow_gray.png) center center no-repeat;background-size:10px auto;}
.pay-accordion-items .items-body {display:none; padding:0 20px 20px 20px;}
.pay-accordion-items .items-body .items-info {font-size:13px; line-height:19px; color:#666; word-break:keep-all; margin-top:-7px; margin-bottom:18px;}
.pay-accordion-items + .pay-accordion-items {border-top:1px dotted #cdcdcd;}
.pay-accordion-items.actived .items-header .btn-data-view:before {transform:rotate(-180deg);}
.pay-accordion-items.actived .items-body {display:block;}
.pay-accordion-items.actived .items-header .items-value {display:none;}
.pay-accordion-total {padding:20px; border-top:1px solid #ebebeb;}


/* 마이페이지 > 예약 내용 */
.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:500;}
.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:500; 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:relative;}


.chat-day-group {}
.chat-day-group + .chat-day-group {margin-top:36px;}
.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:500; 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:36px;}
.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:50%; 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; color:#8f8f8f;}
.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 {}
.user-hack-wrap .hack-info {font-size:16px; line-height:23px; font-weight:500;}
.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:500;}
.user-hack-wrap .hack-check {margin-top:18px;}
.user-hack-wrap .detail-txt span { margin-left: 10px; }
.user-hack-wrap .detail-txt::before { content: '•'; color: #6840B1; margin-right: 5px;}
.user-hack-wrap .detail-txt:last-child::before { display: none; }
/*  */

.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:28px 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;  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;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-pc/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:21px;font-weight:500;}
.shop-gate-info-desc {font-size:14px; line-height:20px;margin-top:9px;}
.picture-add-info {font-size:13px; line-height:18px;color:#8f8f8f;margin-top:20px;}

.shop-gate-picture-select {margin-top:24px;}
.shop-gate-picture-select .list-inner {display:flex;flex-wrap:wrap;margin:-6px;}
.shop-gate-picture-select .list-inner > .list-cell {width:20%; box-sizing:border-box; padding:6px;}
.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-pc/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;}
.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-pc/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:#fbfbfb}
.picture-ui-list {position:absolute;top:100%;left:100%;display:none; margin-left:-20px; box-sizing:border-box; z-index:50;}
.picture-ui-list-inner {width:145px;;overflow:hidden; background:#fff; border-radius:8px; transform:translate(-50% , 0%); border:1px solid #8f8f8f; box-sizing:border-box;}
.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:#fbfbfb;}
.picture-thumb-view.actived .picture-ui-list {display:block;}
.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 > input {cursor:pointer;}
.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-pc/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-pc/icon/10-ic-24-camera-black@2x.png) center top no-repeat; background-size:24px auto;}
.btn-gate-picture-register:hover {background:#fbfbfb;}

/* 샵 리뷰 관리 */
.master-review-wrap {}
.master-review-wrap .common-none-data {height:400px;}
.master-review-wrap .review-detail-list {margin-top:0;}
.master-review-wrap .review-detail-cell:first-child {padding-top:0;}
.master-review-wrap .review-detail-cell:last-child {padding-bottom: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 .common-none-data {height:400px;}
.shop-blog-wrap {text-align:center;}
.shop-blog-wrap .vertical-list-wrap {margin-top:30px;}
.shop-blog-wrap .form-btns {max-width:335px; margin:0 auto;}
.shop-blog-review-title {font-size:18px;line-height:21px;font-weight:500;text-align:left;}
.shop-blog-review-title + .shop-blog-review-info {margin-top:12px;}
.shop-blog-review-info {font-size:14px;line-height:20px;margin-bottom:28px; text-align:left;}

/* 포트폴리오 관리 */
.master-portfolio-list {}
.master-portfolio-list .btn-gate-picture-register {padding-top:calc( 100% + 40px ); border-radius:12px;}
.master-portfolio-list .btn-gate-picture-register > input[type=file] {position:absolute;top:0;left:0;width:100%;height:100%;z-index:5; opacity:0;}
.master-portfolio-list .list-inner {display:flex;flex-wrap:wrap;margin:-10px -5px;}
.master-portfolio-list .list-inner > li {width:25%; 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:16px; line-height:23px; font-weight:500; color:#414141; padding:0 12px;}
.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:#fbfbfb;}

/* 점주 마이페이지 메인 */
.master-shop-main {padding-top:12px;}
.master-shop-main-inner {display:flex; margin:-6px; flex-wrap:wrap;}
.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-pc/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; padding-top:100%;}
.master-shop-main-menu .menu-cell > a > div {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;border:1px solid #ebebeb;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:#fbfbfb;}
.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%;}



/*========================================
@ 고객관리
========================================*/
.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-card-list {}
.customer-card-list-cell {}

.data-col-left .customer-card-list {padding:0;}
.data-col-left .customer-card-list-cell {padding:0 15px;}
.data-col-left .customer-card-list-cell + .customer-card-list-cell .customer-card-item {border-top:1px solid #ebebeb;}
.data-col-left .customer-card-list-cell:hover {background:#fbfbfb;}
.data-col-left .customer-card-list .customer-card-item {padding:22px 0 22px 9px;}



/* 고객전체조회 */
/*
.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%;}

.data-col-right table.customer-table > thead > tr:first-child > th {border-top:none;}
.data-col-right table.customer-table > thead > tr > th:first-child {border-left:none;}
.data-col-right table.customer-table > tbody > tr > th:first-child {border-left:none;}
.data-col-right table.customer-table > tbody > tr > td:first-child {border-left:none;}
.data-col-right table.customer-table > thead > tr > th:last-child {border-right:none;}
.data-col-right table.customer-table > tbody > tr > th:last-child {border-right:none;}
.data-col-right table.customer-table > tbody > tr > td:last-child {border-right:none;}

table.customer-table {width:100%; text-align:center; table-layout:fixed;}
table.customer-table > thead > tr > th {padding:9px 5px; font-size:14px; line-height:18px; color:#202020; font-weight:500; border:1px solid #cecece; background-color:#f8f8f8; vertical-align:middle; text-align:center;}
table.customer-table > tbody > tr > td {padding:9px 10px; font-size:14px; line-height:18px; color:#202020; border:1px solid #cecece; background-color:#fff; vertical-align:middle; text-align:center;}
table.customer-table > tbody > tr > td.none {font-size:14px; line-height:18px; color:#666; padding:18px 0;}
table.customer-table .common-none-data {height:400px;}
table.customer-table.small > thead > tr > th {padding:10px 5px; font-size:12px; line-height:15px;}
table.customer-table.small > tbody > tr > td {padding:10px 8px; font-size:12px; line-height:15px;}

.customer-table-txt + .customer-table-txt {margin-top:4px;}
.customer-table-toggle {display:block; width:100%; text-align:left; position:relative;}
.customer-table-toggle:after {content:''; position:absolute;bottom:9px;right:8px; display:block;width:10px;height:10px;background:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-customer-toggle-arrow.png) left top no-repeat; background-size:10px auto;}
.customer-table-toggle .toggle-title {display:block; width:100%; font-weight:500;}
.customer-table-toggle .toggle-title > span {display:block;}
.customer-table-toggle .toggle-grade {display:block; margin-top:8px}
.customer-table-toggle.type-2:after {display:none;}
.customer-table-toggle.type-2 .toggle-title {display:flex; width:100%; align-items:center; overflow:hidden;}
.customer-table-toggle.type-2 .toggle-title:after{content:'';display:block;width:16px;height:16px;margin-left:auto;background:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-table-toggle-arrow.png) left top no-repeat; background-size:16px auto;}
.customer-table-toggle.type-2 .toggle-title > span:first-child {flex:1; width:100%;}
.customer-table-toggle.type-2.actived .toggle-title:after {transform:rotate(180deg);}
.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:14px 0 0 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:500;}

.customer-user-table {padding:8px 20px 8px 20px; border:1px solid #cecece; border-radius:5px;}
.customer-user-table-row {display:flex; flex-wrap:wrap; border-bottom:1px solid #cecece;}
/* .customer-user-table-row:nth-child(2) {border: 0;}
.customer-user-table-row:nth-child(3) {border-top: 1px solid #f4f4f4;} */
.customer-user-table-row:last-child {border-bottom:none;}
.customer-user-table-row.wide .customer-user-table-title {flex:0 0 auto; width:100%; min-height:20px;}
.customer-user-table-row.wide .customer-user-table-data {flex:0 0 auto; width:100%; padding-top:0;}
.customer-user-table-row.wide .customer-user-table-data .table-data {display:block;}
.customer-user-table-title {flex:0 0 auto; width:100px; display:flex; padding:9px 0; min-height:44px; box-sizing:border-box;}
.customer-user-table-title .table-title {display:flex;  align-items:flex-start; font-size:14px; font-weight:500; line-height:20px; width:100%; box-sizing:border-box; padding:3px 0;}
.customer-user-table-title.wide {width:100%;}
.customer-user-table-data {flex:1; width:100%; display:flex; font-size:14px; color:#666; overflow:hidden; min-height:44px; box-sizing:border-box; padding:9px 0; align-items:center;}
.customer-user-table-data .table-data {flex:1; display:flex; flex-wrap:wrap; align-items:center; width:100%; box-sizing:border-box;}
.customer-user-table-data .table-data-txt {}
.customer-user-table-data .user-grade-item {flex:0 0 auto; margin-left:12px;}
.customer-user-table-data .table-user-name {display:inline-flex; align-items:center;}
.customer-user-table-data .user-grade-item > .icon-grade-label {font-size:14px; font-weight:300;}

.customer-view-user-info {position:relative;}
/*
.customer-user-info-ui {position:absolute; top:0; right:0; z-index:5; width:30%;}
*/
.customer-user-info-ui {margin-left:auto; display:flex; flex:0 0 auto; justify-content:flex-end; min-height:44px; align-items:center;}
.customer-user-info-ui .label {height:26px; font-size:14px; font-weight:500; padding:0 11px; line-height:24px; border-radius:5px;}
.customer-user-info-ui .btn {width:auto; padding:0 12px; height:26px; font-size:14px; font-weight:500; line-height:24px; border-radius:5px; white-space:nowrap;}
.customer-user-info-ui > * + * {margin-left:12px;}
.customer-user-phone-wrap {display:flex; align-items:center;}
.customer-user-phone-wrap .item-main-phone {display:inline-flex; align-items:center; flex-wrap:wrap; font-size:14px; line-height:20px; color:#666;}
.customer-user-phone-wrap .item-main-phone .btn-data-modify {margin-left:6px;}
.customer-user-phone-wrap .item-sub-phone {display:inline-flex; align-items:center; flex-wrap:wrap; font-size:14px; line-height:20px; color:#8f8f8f;}
.customer-user-phone-wrap .item-sub-phone .value + .value {margin-left:16px;}
.customer-user-phone-wrap.read .item-sub-phone {position:relative; margin-left:14px; padding-left:15px;}
.customer-user-phone-wrap.read .item-sub-phone:before {content:''; position:absolute;top:2px;left:0;display:block;width:1px;height:16px;background:#f4f4f4;}

.customer-view-pet-info {border:1px solid #cecece; border-radius:5px; padding:15px; display:flex; flex-wrap:wrap;}
.customer-view-pet-info .flex-table-item {padding:7px 0; border-top:none; border-bottom:1px solid #cecece;}
.customer-view-pet-info .flex-table-title {width:85px; align-items:flex-start;}
.customer-view-pet-info .flex-table-title .txt {font-size:14px; line-height:19px; padding:5.5px 0;}
.customer-view-pet-info .flex-table-data {min-height:30px;}
.customer-view-pet-info .flex-table-data-inner {font-size:14px; line-height:19px; color:#666; display:flex; flex-wrap:wrap; min-height:30px; align-items:center; font-weight:300;}
.customer-view-pet-info .item-thumb {flex:0 0 auto; margin-right:35px;}
.customer-view-pet-info .user-thumb.large {width:100px; height:100px;}
.customer-view-pet-info .item-thumb-ui {margin-top:8px; text-align:center;}
.customer-view-pet-info .item-user-data {flex:1; width:100%;}
.customer-view-pet-info .item-user-data .grid-layout-inner {margin:0 -17px;}
.customer-view-pet-info .item-user-data .grid-layout-inner > .grid-layout-cell {padding:0 17px;}
.customer-view-pet-info .item-action {width:100%; display:flex; justify-content:flex-end; margin-bottom:-15px;}
.customer-view-pet-info .item-action .btn-detail-toggle {display:inline-flex; height:49px;}

.btn-text {font-size:14px;}

.flex-table {}
.flex-table-cell {flex:1; width:100%; padding:18px 0; border-top:1px solid #f4f4f4;}
.flex-table-cell:first-child {border-top:none;}
.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:500; 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:300; 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; }
.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 .customer-alarm-result {}


/* 유저 상세 */
.customer-view-wrap {padding-top:20px;}
.customer-view-wrap .flex-table-cell {padding:7px 0; border-top:none; border-bottom:1px solid #f4f4f4;}
.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:500; 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:500; 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:15px 20px; background:#f4f4f4; border-radius:5px;}
.special-note .note-title {font-size:15px;line-height:20px;font-weight:500;}
.special-note .note-title + .note-desc {margin-top:6px;}
.special-note .note-desc + .note-desc {margin-top:4px;}
.special-note .note-desc {font-size:13px;line-height:19px; 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:500;}
.customer-view-pet-detail .service-selected-wrap .list-data {font-size:13px; line-height:19px; color:#8f8f8f; margin-top:4px;}

.detail-toggle-parents .toggle {display:none;}
.detail-toggle-parents.actived .toggle {display:block;}
.detail-toggle-parents.actived .btn-detail-toggle:after {transform:rotate(-180deg);}

.note-toggle-group .toggle {display:none;}
.note-toggle-group.actived .toggle {display:block;}
.note-toggle-group.actived .note-toggle-list .note-toggle-cell:nth-child(5) ~ .note-toggle-cell {display:block;}
.note-toggle-group.actived .note-toggle-list .grid-2.note-toggle-cell:nth-child(6) ~ .grid-2.note-toggle-cell {display:block;}
.note-toggle-ui {text-align:right; margin-top:16px;}
.note-toggle-list .note-toggle-cell {}
.note-toggle-list .note-toggle-cell:nth-child(5) ~ .note-toggle-cell {display:none;}
.note-toggle-list .grid-2.note-toggle-cell {display:block;}
.note-toggle-list .grid-2.note-toggle-cell:nth-child(6) {display:block;}
.note-toggle-list .grid-2.note-toggle-cell:nth-child(6) ~ .grid-2.note-toggle-cell {display:none;}

.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;}

/* 전화번호 추가 */
.pop-body .phone-add-wrap {padding-top:20px;}
.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:500;}
.phone-add-item-value .phone-add-num {display:block; width:100%; text-align:left; font-size:15px; line-height:16px; margin-top:5px; 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:hover {background:#fbfbfb;}
.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-item.new .btn-phone-del:hover {background:#fff;}
.phone-add-input {width:100%; margin:20px 0 0 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:40px; 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-pc/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:500;}
.customer-view-agree-date .item-name {font-size:16px; line-height:24px; color:#666;}

.inner-add-wrap {}
.inner-add-date {font-size:15px; line-height:20px; font-weight:500; text-align:left; width:100%; margin-bottom:16px;}
.inner-add-list {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:12px 0 12px 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-item-ui .btn-phone-del:hover {opacity:0.85;}
.inner-add-name {font-size:14px; line-height:16px;}
.inner-add-num {margin-top:4px; font-size:14px; line-height:16px; color:#666; font-weight:500;}
.inner-add-option {margin-top:4px; font-size:14px; line-height:16px; color:#666; font-weight:500;}

/* 회원등급 설정 */
.customer-grade-wrap {padding-top:0;}
.customer-grade-card-group {margin-top:30px;}
.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:20px;}
.customer-grade-title {font-size:15px;line-height:20px;font-weight:500;}
.customer-grade-value {font-size:14px;line-height:20px; margin-top:0;}
.customer-grade-value input {border-bottom-color:#ebebeb;}
.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; font-size:13px; font-weight:500; border:1px solid #cecece; border-radius:12px;}
.btn-set-main-menu .icon {position:absolute;bottom:16px;right:16px;}
.btn-set-main-menu.press {background:#fbfbfb;}
.btn-set-main-menu:hover {background:#fbfbfb;}

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

.pop-body .set-schedule-wrap .reserve-calendar-wrap {padding:0;}
.pop-body .set-schedule-wrap .reserve-calendar-top {min-height:28px; padding:0 0 20px 0;}
.pop-body .set-schedule-wrap .btn-reserve-calendar-ui {width:28px; height:28px;}
.pop-body .set-schedule-wrap .btn-reserve-calendar-ui.btn-month-prev {margin-right:8px;}
.pop-body .set-schedule-wrap .btn-reserve-calendar-ui.btn-month-next {margin-left:8px;}
.pop-body .set-schedule-wrap .reserve-calendar-title button.txt {font-size:20px;}
.pop-body .set-schedule-wrap .calendar-title-sort .simple-calendar-wrap {margin-top:20px;}
.pop-body .set-schedule-wrap .calendar-month-header-col {font-size:15px; font-weight:500;}
.pop-body .set-schedule-wrap .calendar-day-value {padding:5px 5px 0 5px; height:auto;}
.pop-body .set-schedule-wrap .calendar-day-value .number {font-size:14px; width:auto; height:auto; line-height:1;}
.pop-body .set-schedule-wrap .calendar-day-value .state {font-size:12px; font-weight:300;}
.pop-body .set-schedule-wrap .calendar-total-value {font-size:12px; line-height:16px; padding:5px;}
.pop-body .set-schedule-wrap .calendar-col-inner {min-height:46px;}
.pop-body .set-schedule-wrap .calendar-month-body-col {min-height:48px;}
.pop-body .set-schedule-wrap .calendar-month-body-col.today .calendar-day-value .number {color:#202020; background:none; text-align:left;}

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

/* 상세설정 > 상품관리 */
.product-management .common-none-data {padding:50px 0;}
.product-management .shop-gate-picture-select {margin:0;}
.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-pc/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-pc/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-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%;}

/* 상세설정 > 미용사 추가 삭제 */
.card-teacher-item {border:1px solid #cecece; border-radius:10px; overflow:hidden; background:#fff;}
.card-teacher-header {position:relative; min-height:64px; display:flex; padding:15px 50px 15px 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:500;}
.card-teacher-header .item-info {font-size:13px;line-height:17px;color:#8f8f8f; margin-top:1px;}
.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:500; 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-pc/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;}

.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;}

.data-pop-view .schedule-day-list {margin:0; display:block;}
.data-pop-view .schedule-day-item {width:100%; padding:0;}
.data-pop-view .schedule-day-item + .schedule-day-item {margin-top:23px;}
.schedule-day-list {display:flex; flex-wrap:wrap; margin:-9px;}
.schedule-day-item.input + .schedule-day-item.input {margin-top:23px;}
.schedule-day-item {display:flex; width:50%; padding:9px; align-items:center; min-height:40px;  box-sizing:border-box;}
.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:500;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-pay-type-item + .set-pay-type-item {margin-top:20px;}
.set-pay-type-item {display:flex; width:100%; padding:12px 0; align-items:center; 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:500;}
.set-pay-type-item .item-title + .item-info {margin-top:6px}
.set-pay-type-item .item-info + .item-info {margin-top:14px}
.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:42px 42px 0 42px; border-top:1px solid #cecece;}
.stats-result-graph .stats-result-graph-items {height:100%;}
.stats-result-graph .stats-result-graph-view {height:100%;}
.stats-result-graph .stacked-horizontal-bar-group {display:flex; flex-direction:column; justify-content:center; height:100%;}
.stats-result-graph-inner {display:flex; margin:0 -35px;}
.stats-result-graph-cell {flex:1; padding:0 35px; box-sizing:border-box;}
.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-graph-items {position:relative;}
.stats-result-graph-items .con-title {margin-bottom:20px;}
.stats-result-graph-items .con-title.absolute {position:absolute; top:0; left:0;}
.stats-result-graph-items .con-title > span {font-weight:300; margin-left:5px;}

.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 {overflow:visible;}
.stats-result-total .grid-layout-inner {}
.stats-result-total .grid-layout-cell {padding:0; flex:1; box-sizing:border-box; border:1px solid #cecece; margin:-1px; background:#fff;}
.stats-result-total-item {padding:0 20px; 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:500; 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 {}
.stats-calculate-table table.customer-table > thead > tr > th {font-size:14px; line-height:16px; font-weight:500; padding:10px; border:1px solid #ebebeb; text-align:center;}
.stats-calculate-table table.customer-table > tbody > tr > th {font-size:14px; line-height:16px; font-weight:500; padding:7px; border:1px solid #ebebeb; background:#f8f8f8; text-align:center;}
.stats-calculate-table table.customer-table > tbody > tr > td {font-size:14px; line-height:16px; font-weight:300; padding:7px; border:1px solid #ebebeb; text-align:center;}
.stats-calculate-table table.customer-table > tbody > tr.total > th,
.stats-calculate-table table.customer-table > tbody > tr.total > td {font-weight:500; border-top-width:2px;}

/* 그래프 */
.new-doughnut-graph {}
.new-doughnutgraph-view {position:relative; max-width:285px; margin:0 auto; z-index:0;}
.new-doughnutgraph-subject {position:absolute; top:50%;left:50%; display:block; display:inline-block; min-width:180px; text-align:center; transform:translate(-50% , -50%); z-index:5;}
.new-doughnutgraph-subject .item-name {font-size:20px; font-weight:500;}
.new-doughnutgraph-subject .item-cate {font-size:14px; color:#999;}
.new-doughnutgraph-data {position:relative;}
.new-doughnutgraph-label-group {margin-top:22px;}
.new-doughnutgraph-label-group .group-inner {display:flex; flex-wrap:wrap; justify-content:center; margin:-5px -10px;}
.new-doughnutgraph-label-group .group-cell {flex:0 0 auto; padding:5px 10px;}
.new-doughnutgraph-label {position:relative; display:inline-flex; align-items:center; font-size:14px;}
.new-doughnutgraph-label .colors {display:block; width:16px; height:16px; border-radius:5px; margin-right:5px; background:#000;}
/*
.new-doughnutgraph-label:before {content:''; display:block; width:16px; height:16px; border-radius:5px; margin-right:5px; background:#000;}
.new-doughnutgraph-label.purple:before {background-color:#8667c1;}
.new-doughnutgraph-label.yellow:before {background-color:#fed84e;}
.new-doughnutgraph-label.mint:before {background-color:#7AE19A;}
.new-doughnutgraph-label.pink:before {background-color:#C27FCD;}
*/

.new-vertical-graph {max-width:700px; margin:0 auto; padding-top:20px;}
.new-vertical-graph .bb-legend {}
.new-vertical-graph line.bb-ygrid:first-child { stroke-width: 2.2px; } 
.new-vertical-graph .bb-xgrid-focus line, .bb-ygrid-focus line { stroke: none; }
.new-vertical-graph .bb path { fill: none;stroke: transparent;}
.new-vertical-graph g.tick line { display: none; }
.new-vertical-graph-label-group {margin-top:22px;}
.new-vertical-graph-label-group .group-inner {display:flex; flex-wrap:wrap; justify-content:center; margin:-5px -15px;}
.new-vertical-graph-label-group .group-cell {flex:0 0 auto; padding:5px 15px;}
.new-vertical-graph-label {position:relative; display:inline-flex; align-items:center; font-size:14px;}
.new-vertical-graph-label .colors {display:block; width:16px; height:16px; border-radius:5px; margin-right:5px; background:#000;}
/*
.new-vertical-graph-label:before {content:''; display:block; width:16px; height:16px; border-radius:5px; margin-right:5px; background:#000;}
.new-vertical-graph-label.purple:before {background-color:#8667c1;}
.new-vertical-graph-label.yellow:before {background-color:#fed84e;}
.new-vertical-graph-label.mint:before {background-color:#7AE19A;}
.new-vertical-graph-label.pink:before {background-color:#C27FCD;}
*/

.treemap-graph {height:250px;}

/* 가로 그래프 */
.stacked-horizontal-bar-group {max-width:335px; margin:0 auto; flex:1;}
.stacked-horizontal-items {display:flex; border-radius:10px; overflow:hidden; height:32px; width:100%;}
.stacked-horizontal-items .graph-item {display:flex; height:32px; align-items:center; justify-content:center; text-align:center; font-size:14px; font-weight:300; color:#000; background:#eaeaea;}
.stacked-horizontal-items .graph-item > em {font-size:14px; font-weight:300;}
.stacked-horizontal-items .graph-item.yellow {color:#000; background:#fdd94e;}
.stacked-horizontal-items .graph-item.purple {color:#fff; background:#6840b1;}
.stacked-horizontal-labels {margin-top:24px; padding:0 40px;}
.stacked-horizontal-label {display:flex; justify-content:space-between; align-items:center; width:100%;}
.stacked-horizontal-label + .stacked-horizontal-label {margin-top:17px;}
.stacked-horizontal-label .label-title {display:inline-flex; align-items:center; font-size:14px; color:#000;}
.stacked-horizontal-label .label-title .colors {display:block; width:16px; height:16px; border-radius:5px; margin-right:5px; background:#000;}
.stacked-horizontal-label .label-value {font-size:18px;}
/*
.stacked-horizontal-label .label-title:before {content:''; display:block; width:18px; height:18px; border-radius:5px; background:#000; margin-right:10px;}
.stacked-horizontal-label.purple .label-title:before {background:#6840b1;}
.stacked-horizontal-label.yellow .label-title:before {background:#fdd94e;}
*/

/* 가로 프로그래스 바 */
.progress-horizontal-items {position:relative; width:100%; height:15px; border-radius:6px; overflow:hidden;background:#ebebeb;}
.progress-horizontal-items .bar {position:absolute; top:0;left:0;height:100%;background:#000;}
.progress-horizontal-items .bar.purple {background:#6840b1;}
.progress-horizontal-items .bar.yellow {background:#fdd94e;}
.progress-horizontal-labels {display:flex; justify-content:space-between; align-items:center; width:100%; margin-top:10px;}
.progress-horizontal-labels .label-title-group {display:inline-flex; align-items:center; font-size:14px; line-height:18px; color:#202020;}
.progress-horizontal-labels .label-title-value {position:relative;}
.progress-horizontal-labels .label-title-value + .label-title-value {margin-left:6px; padding-left:6px;}
.progress-horizontal-labels .label-title-value + .label-title-value:before {content:'';position:absolute;top:50%;left:0;display:block;width:1px;height:12px;margin-top:-6px;background:#ebebeb;}
.progress-horizontal-labels .label-value {font-size:18px;}
.progress-horizontal-wrap {flex:1; width:100%;}
.progress-horizontal-inner {display:flex; flex-wrap:wrap; margin:-10px -35px;}
.progress-horizontal-cell {padding:10px 35px; box-sizing:border-box;}



/* 전문몰 */
.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;}

/* 게시판 */
.board-sort-wrap {display:flex; align-items:center; justify-content:space-between;}
.board-sort-wrap .left {}
.board-sort-wrap .board-sort-btns {display:inline-flex; align-items:center;}
.board-sort-wrap .board-sort-btns > * + * {margin-left:12px;}
.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:hover {background:#fbfbfb;}
.btn-board-item .item-cate {flex:0 0 auto; width:76px; font-size:16px; line-height:21px; color:#6840b1; font-weight:500; 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; text-align:center;}
.board-view-top {border-bottom:1px solid #cecece}
.board-view-top .btn-board-item {padding-top:0;}
.board-view-top .btn-board-item .item-subject {font-weight:700;}
.board-view-detail {padding:32px 0; text-align:center;}

.board-form-sort {}
.board-form-sort > .sort-inner {display:flex; flex-wrap:wrap; margin:0 -14px;}
.board-form-sort > .sort-inner > .sort-cell {padding:0 14px; box-sizing:border-box;}
.board-form-sort .form-toggle-box.auto > em {min-width:52px; box-sizing:border-box; padding:0 10px;}
.board-form-sort .form-datepicker > input {width:105px;}
.board-form-btns {display:flex; justify-content:flex-end;}
.board-form-btns > * + * {margin-left:12px;}


@media screen and (min-width:1600px){
	/*.msg-load-wrap .shop-gate-picture-select .list-inner > .list-cell {width:20%;}*/
	.shop-gate-picture-select .list-inner > .list-cell {width:16.66%;}
	.master-portfolio-list .list-inner > li {width:16.66%;}
	.comment-item .item-gallery .portfolio-list-wrap .list-inner .list-cell {width:12.5%;}
	/*
	.picture-basic-set .textarea {padding-top:60%;}
	.picture-basic-set .picture {padding-top:60%;}
	*/
}

@media screen and (min-width:1920px){
	.shop-gate-picture-select .list-inner > .list-cell {width:12.5%;}
	.master-portfolio-list .list-inner > li {width:12.5%;}
	.comment-item .item-gallery .portfolio-list-wrap .list-inner .list-cell {width:11.11%;}
	/*
	.picture-basic-set .textarea {padding-top:50%;}
	.picture-basic-set .picture {padding-top:50%;}
	*/
}

@media screen and (max-width:1365px){
	.layer-pop-wrap {overflow-x:auto;}
	.layer-pop-parent {width:1365px;}
}


/* 22.09.15 추가 */
.customer-table .table_wrap .customer-table-txt1 {
	font-size:14px;
	line-height:18px;
	color:#666;
	padding:18px 0;
	background: #ededed;
}

.customer-table .table_wrap .customer-table-txt2 {
	background: #f9faf9;
}



/*========================================
@ 다크모드
========================================*/
.dark body {background:#1e1f21;}

.dark .icon-page-search {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/btn-top-search@2x-dark.png);} 
.dark .icon-calendar-prev-small {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-calendar-prev-small-dark.png);}
.dark .icon-calendar-next-small {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-calendar-next-small-dark.png);}
.dark .icon-type-list-gray {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-type-list-gray-dark.png);}
.dark .icon-type-list-white {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-type-list-white-dark.png);}
.dark .icon-plus-more-small {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-plus-more-small-dark.png);}

.dark .btn-outline-purple ,.dark  a.btn-outline-purple ,.dark  input[type=submit].btn-outline-purple ,.dark  button.btn-outline-purple {color:#8552e3; border-color:#8552e3; background-color:#2c2d30;}
.dark .btn-outline-purple:hover ,.dark  a.btn-outline-purple:hover ,.dark  input[type=submit].btn-outline-purple:hover ,.dark  button.btn-outline-purple:hover { background-color:#1e1f21;}

.dark .btn-outline-black , .dark a.btn-outline-black , .dark input[type=submit].btn-outline-black , .dark button.btn-outline-black {color:#fff; border-color:#202020; background-color:#2c2d30;}
.dark .btn-outline-yellow , .dark a.btn-outline-yellow , .dark input[type=submit].btn-outline-yellow , .dark button.btn-outline-yellow {color:#fdd94e; border-color:#fdd94e; background-color:#2c2d30;}
.dark .btn-outline-red , .dark a.btn-outline-red , .dark input[type=submit].btn-outline-red , .dark button.btn-outline-red {color:#FF4848; border-color:#FF4848; background-color:#2c2d30;}
.dark .btn-outline-gray , .dark a.btn-outline-gray , .dark input[type=submit].btn-outline-gray , .dark button.btn-outline-gray {color:#fff; border-color:#ebebeb; background-color:transparent;}
.dark .btn-outline-gray.actived , .dark a.btn-outline-gray.actived , .dark input[type=submit].btn-outline-gray.actived , .dark button.btn-outline-gray.actived {color:#6840b1; border-color:#6840b1; background-color:#2c2d30;}
.dark .btn-outline-darkgray , .dark a.btn-outline-darkgray , .dark input[type=submit].btn-outline-darkgray , .dark button.btn-outline-darkgray {color:#202020; border-color:#b4b4b4; background-color:#2c2d30;}

.dark .btn-outline-black:hover , .dark a.btn-outline-black:hover , .dark input[type=submit].btn-outline-black:hover , .dark button.btn-outline-black:hover {background-color:#1e1f21;}
.dark .btn-outline-yellow:hover , .dark a.btn-outline-yellow:hover , .dark input[type=submit].btn-outline-yellow:hover , .dark button.btn-outline-yellow:hover {background-color:#1e1f21;}
.dark .btn-outline-red:hover , .dark a.btn-outline-red:hover , .dark input[type=submit].btn-outline-red:hover , .dark button.btn-outline-red:hover {background-color:#1e1f21;}
.dark .btn-outline-gray:hover , .dark a.btn-outline-gray:hover , .dark input[type=submit].btn-outline-gray:hover , .dark button.btn-outline-gray:hover {background-color:#1e1f21;}
.dark .btn-outline-darkgray:hover , .dark a.btn-outline-darkgray:hover , .dark input[type=submit].btn-outline-darkgray:hover , .dark button.btn-outline-darkgray:hover {background-color:#1e1f21;}

.dark a.btn-toggle-button ,.dark  input[type=submit].btn-toggle-button ,.dark  button.btn-toggle-button {color:#d8d8d8; border-color:#47484b;}
.dark a.btn-toggle-button:hover ,.dark  input[type=submit].btn-toggle-button:hover ,.dark  button.btn-toggle-button:hover {background-color:#1e1f21;}
.dark a.btn-toggle-button.actived ,.dark  input[type=submit].btn-toggle-button.actived ,.dark  button.btn-toggle-button.actived {background-color:#6840b1; border-color:#6840b1; color:#fff;}
.dark a.btn-toggle-button.actived:hover ,.dark  input[type=submit].btn-toggle-button.actived:hover ,.dark  button.btn-toggle-button.actived:hover {background-color:#5931a2;}
.dark a.btn-toggle-button:disabled ,.dark  input[type=submit].btn-toggle-button:disabled ,.dark  button.btn-toggle-button:disabled {background-color:#f4f4f4; border-color:#f4f4f4; color:#b4b4b4;}

.dark .btn-picture-register {background:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-picture-add-dark.png) center center no-repeat; background-size:72px auto;}
.dark .btn-gate-picture-register > span > em {background:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-plus-more-dark.png) center top no-repeat; background-size:25px auto;}
.dark .btn-data-add {background:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-plus-more-big-dark.png) left top no-repeat;background-size:32px auto;}

.dark .btn-sort-calendar:before {background:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-sort-calendar-off-dark.png) center center no-repeat; background-size:100% auto;}
.dark .btn-sort-calendar:after {background:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-sort-calendar-on-dark.png) center center no-repeat; background-size:100% auto;}
.dark .btn-sort-list:before {background:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-sort-list-off-dark.png) center center no-repeat; background-size:100% auto;}
.dark .btn-sort-list:after {background:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-sort-list-on-dark.png) center center no-repeat; background-size:100% auto;}


.dark select {color:#fff; background-color:#2c2d30; border-color:#47484b; background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon_select_arrow_dark.png);}

.dark #header {background:#2c2d30;border-bottom:2px solid #fdd94e;}
.dark .btn-broswer-mode .off {display:none;}
.dark .btn-broswer-mode .on {display:flex;}

.dark .header-menu-cell > a {color:#d8d8d8;}
.dark .header-menu-cell > a:hover { color: #fff; }
.dark .header-menu-cell.actived > a {color:#6840b1;}
.dark .btn-page-alarm.actived:before {border-color:#2c2d30;}
.dark .icon-page-alarm {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/btn-top-noti@2x-white.png);}

.dark .wide-tab {border-color:#47484b;}
.dark .wide-tab-inner .tab-cell .btn-tab-item {color:#fff;}

.dark .pay-management-detail-wrap .wide-tab-inner .tab-cell .btn-tab-item:after {background:#fff;}
.dark .pay-management-detail-wrap .wide-tab-inner .tab-cell.actived .btn-tab-item:after {background:#6840b1;}
.dark .wide-tab-inner .tab-cell.actived .btn-tab-item {color:#fff;}

.dark #gnb {background:#2c2d30; border-color:#47484b;}

.dark .gnb-user-data .txt-data .user-name {color:#fff;}
.dark .gnb-user-data .txt-data .user-cate {color:#8f8f8f;}
.dark .gnb-menu-inner .btn-gnb-nav .nav-txt {color:#d8d8d8;}
.dark .gnb-menu-inner .actived .btn-gnb-nav .nav-txt {color:#fff;}
.dark .gnb-menu-inner .gnb-menu-cell {border-color:#393a3c;}
.dark .gnb-menu-inner .btn-gnb-nav:after{background:url(https://image.banjjakpet.com/common/shop-pc/icon/icon_accordion_arrow_dark.png) center center no-repeat; background-size:10px auto;}
.dark .snb-menu-cell .btn-snb-nav {color:#8f8f8f;}
.dark .snb-menu-cell .btn-snb-nav:hover {background:#1e1f21;}
.dark .snb-menu-cell.actived .btn-snb-nav {color:#8552e3;}
.dark .snb-menu-cell {border-color:transparent;}

.dark .gnb-menu-inner .gnb-menu-cell:nth-child(1) .btn-gnb-nav .nav-icons .off {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-gnb-menu-1-off-dark.png);}
.dark .gnb-menu-inner .gnb-menu-cell:nth-child(1) .btn-gnb-nav .nav-icons .on {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-gnb-menu-1-on-dark.png);}
.dark .gnb-menu-inner .gnb-menu-cell:nth-child(2) .btn-gnb-nav .nav-icons .off {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-gnb-menu-2-off-dark.png);}
.dark .gnb-menu-inner .gnb-menu-cell:nth-child(2) .btn-gnb-nav .nav-icons .on {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-gnb-menu-2-on-dark.png);}
.dark .gnb-menu-inner .gnb-menu-cell:nth-child(3) .btn-gnb-nav .nav-icons .off {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-gnb-menu-3-off-dark.png);}
.dark .gnb-menu-inner .gnb-menu-cell:nth-child(3) .btn-gnb-nav .nav-icons .on {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-gnb-menu-3-on-dark.png);}
.dark .gnb-menu-inner .gnb-menu-cell:nth-child(4) .btn-gnb-nav .nav-icons .off {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-gnb-menu-4-off-dark.png);}
.dark .gnb-menu-inner .gnb-menu-cell:nth-child(4) .btn-gnb-nav .nav-icons .on {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-gnb-menu-4-on-dark.png);}
.dark .gnb-menu-inner .gnb-menu-cell:nth-child(5) .btn-gnb-nav .nav-icons .off {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-gnb-menu-5-off-dark.png);}
.dark .gnb-menu-inner .gnb-menu-cell:nth-child(5) .btn-gnb-nav .nav-icons .on {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-gnb-menu-5-on-dark.png);}
.dark .gnb-menu-inner .gnb-menu-cell:nth-child(6) .btn-gnb-nav .nav-icons .off {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-gnb-menu-6-off-dark.png);}
.dark .gnb-menu-inner .gnb-menu-cell:nth-child(6) .btn-gnb-nav .nav-icons .on {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-gnb-menu-6-on-dark.png);}
.dark .gnb-menu-inner .gnb-menu-cell:nth-child(7) .btn-gnb-nav .nav-icons .off {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-gnb-menu-7-off-dark.png);}
.dark .gnb-menu-inner .gnb-menu-cell:nth-child(7) .btn-gnb-nav .nav-icons .on {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-gnb-menu-7-on-dark.png);}

.dark .gnb-wrap .btn-gnb-toggle:before{background:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-gnb-toggle-close-dark.png) center center no-repeat; background-size:100% auto;}
.dark .gnb-wrap .btn-gnb-toggle:after{background:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-gnb-toggle-open-dark.png) center center no-repeat; background-size:100% auto;}

.dark .header-alarm-wrap .alarm-list-item {border-color:#47484b;}
.dark .header-alarm-wrap .alarm-list-item .btn-alarm-del {background:url(https://image.banjjakpet.com/common/shop-pc/icon/10-ic-36-delite@2x-dark.png) center center no-repeat; background-size:100% auto;}
.dark .header-alarm-wrap {background:#2c2d30;}
.dark .header-alarm-title {color:#fff;}
.dark .header-alarm-wrap .btn-header-alarm-close {background:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-pop-close-new-dark.png) center center no-repeat; background-size:100% auto;}

.dark .alarm-list-item .item-subject {color:#d8d8d8;}
.dark .alarm-list-item .item-info {color:#8f8f8f;}
.dark .alarm-list-item .item-date {color:#8f8f8f;}
.dark .alarm-list-item .btn-alarm-del {background:url(https://image.banjjakpet.com/common/shop-pc/icon/btn-top-close@2x-dark.png) center center no-repeat; background-size:24px auto; opacity:1;}



.dark .basic-data-card {box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.07);  border: solid 1px #47484b;  background-color: #2c2d30;}
.dark .basic-data-card .card-header {border-color:#47484b;}
.dark .card-header-title {color:#fff;}
.dark .customer-card-item .item-name {color:#d8d8d8;}
.dark .customer-card-item .item-name .pet-name {color:#8f8f8f}
.dark .customer-card-item .item-name .pet-name:before {background:#47484b;}
.dark .customer-card-item .item-phone {color:#d8d8d8;}
.dark .customer-card-item .item-option > .option-cell:after {background:#47484b;}
.dark .customer-card-item .item-kind {color:#d8d8d8;}
.dark .data-col-left .customer-card-list-cell + .customer-card-list-cell {border-color:#47484b;}
.dark .common-none-data .item-info {color:#d8d8d8;}
.dark .total-text-group .total-text-cell .item-title {color:#d8d8d8;}

.dark .reserve-calendar-title .txt,
.dark .reserve-calendar-title button.txt{color:#fff;}
.dark .reserve-calendar-title button.txt {background:url(https://image.banjjakpet.com/common/shop-pc/icon/icon_select_arrow_middle_dark.png) center right no-repeat; background-size:18px auto;}

.dark .mini-reserve-calendar-title .txt,
.dark .mini-reserve-calendar-title button.txt {color:#fff;}
.dark .mini-reserve-calendar-title button.txt {background:url(https://image.banjjakpet.com/common/shop-pc/icon/icon_select_arrow_middle_dark.png) center right no-repeat; background-size:18px auto;}

.dark .btn-reserve-calendar-sort {background:#2c2d30; border-color:#47484b; color:#666;}
.dark .btn-reserve-calendar-sort.actived {background:#fff !important; color:#1e1f21 !important;border-color:#fff !important;}
.dark .btn-reserve-calendar-sort:hover {background:#1e1f21;}
.dark .btn-reserve-calendar-sort.actived.press {background:#1e1f21;}
.dark .btn-reserve-calendar-sort:disabled {color:#666 !important; background:#1e1f21 !important; border-color:#47484b !important;}

.dark .reserve-calendar-label-items {color:#d8d8d8;}

.dark .mini-calendar-month-header {border-color:#47484b;}
.dark .mini-reserve-calendar-top {border-color:#47484b;}
.dark .mini-calendar-month-header-col {color:#d8d8d8;}
.dark .mini-calendar-month-body-row.week-check .mini-calendar-month-body-col {background:#393a3e;}
.dark .mini-calendar-month-body-col {border-color:#47484b; background:#2c2d30;}
.dark .mini-calendar-day-value .number {color:#d8d8d8;}
.dark .mini-calendar-day-value .value {color:#666;}
.dark .mini-calendar-month-body-col.before .mini-calendar-day-value:hover {background:transparent; color:#202020;}
.dark .mini-calendar-month-body-col.before .mini-calendar-day-value:hover .number {color:#d8d8d8;}
.dark .mini-calendar-month-body-col.before .mini-calendar-day-value:hover .value {color:#666;}
.dark .mini-calendar-month-body-col.after .mini-calendar-day-value:hover {background:transparent; color:#202020;}
.dark .mini-calendar-month-body-col.after .mini-calendar-day-value:hover .number {color:#d8d8d8;}
.dark .mini-calendar-month-body-col.after .mini-calendar-day-value:hover .value {color:#666;}

.dark .simple-calendar-wrap {border-color:#47484b; background-color:#2c2d30; box-shadow:3px 3px 3px 0 rgb(0 0 0 / 7%);}
.dark .simple-calendar-top .top-title {color:#fff;}
.dark .simple-calendar-top {border-color:#47484b;}
.dark .simple-calendar-top .btn-simple-calendar-prev {background:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-calendar-prev-small-dark.png) center center no-repeat; background-size:20px auto;}
.dark .simple-calendar-top .btn-simple-calendar-next {background:url(https://image.banjjakpet.com/common/shop-pc/icon/icon-calendar-next-small-dark.png) center center no-repeat; background-size:20px auto;}
.dark .simple-calendar-month-group .btn-simple-calendar-month-nav {color:#d8d8d8; background:transparent;}
.dark .simple-calendar-month-group .btn-simple-calendar-month-nav.actived {color:#202020; background:#fff;}
.dark .simple-calendar-month-group .btn-simple-calendar-month-nav:hover {color:#fff; background:#6840b1;}

.dark .calendar-month-header-col {color:#d8d8d8; background:#2c2d30; border-color:#47484b;}
.dark .calendar-month-header {border-color:#47484b;}
.dark .calendar-month-body-col {background:#2c2d30; border-color:#47484b;}
.dark .calendar-month-body-col.break {background:#393a3e;}
.dark .calendar-day-value .number {color:#d8d8d8;}
.dark .calendar-total-value {color:#666;}
.dark .calendar-month-body-col.break .calendar-day-value .state {color:#666;}
.dark .calendar-month-day-item.wait {background:#2c2d30;}
.dark .calendar-month-body-col.today .calendar-day-value .number {color:#1e1f21; background:#fff;}
.dark .calendar-month-body-col .calendar-month-cate-title {color:#d8d8d8;}

.dark .calendar-week-header-col {color:#d8d8d8; background:#2c2d30; border-color:#47484b;}
.dark .calendar-week-header-col .day,
.dark .calendar-week-header-col .th {color:#d8d8d8;}
.dark .calendar-week-header-col.today {background:#6840b1;}
.dark .calendar-week-header-col.today .th,
.dark .calendar-week-header-col.today .day {color:#fff;}
.dark .calendar-week-body-col {background:#2c2d30; border-color:#47484b; border-top: 1px solid #47484b !important;}
.dark .calendar-week-body-col.break {background:#393a3e;}
.dark .calendar-week-body-col.time {background:#393a3e;}
.dark .calendar-week-body-col.time .time-start-label {color:#8f8f8f;}
.dark .calendar-week-time-item {background:#3f4145;}
.dark .calendar-week-time-item .item-name {color:#fff;}
.dark .calendar-week-time-item .item-cate {color:#d8d8d8;}
.dark .calendar-week-time-item .item-price {color:#8f8f8f;}
.dark .calendar-week-time-item .item-option {color:#d8d8d8;}
.dark .calendar-week-time-item .item-inner {background:#3f4145;}
.dark .calendar-week-time-item.actived .item-inner {border-color:#47484b;}

.dark .calendar-week-wrap.small .calendar-week-time-item .item-price {color:#8f8f8f;}
.dark .calendar-week-wrap.small .calendar-week-time-item .item-option {color:#d8d8d8;}

.dark .calendar-day-header-col {color:#d8d8d8; background:#2c2d30; border-color:#47484b;}
.dark .calendar-day-body-col {background:#2c2d30; border-color:#47484b;}
.dark .calendar-day-body-col.break {background:#393a3e;}
.dark .calendar-day-body-col.time {background:#393a3e;}
.dark .calendar-day-body-col.time .time-start-label {color:#8f8f8f;}

.dark .reserve-calendar-list {border-color:#47484b;}
.dark .con-title {color:#fff;}
.dark .con-title-group {background:transparent;}
.dark .reserve-calendar-list-items {background:transparent; border-color:#47484b;}

.dark .reserve-calendar-list-items .item-time-start > em,
.dark .reserve-calendar-list-items .item-time-end > em {color:#666;}
.dark .reserve-calendar-list-items .item-time-start > strong,
.dark .reserve-calendar-list-items .item-time-end > strong {color:#d8d8d8;}
.dark .reserve-calendar-list-items .item-time + .item-info {border-color:#47484b;}
.dark .reserve-calendar-list-items .item-name {color:#fff;}
.dark .reserve-calendar-list-items .item-options {color:#666;}
.dark .reserve-calendar-list-items.gray {background:#393a3e;}
.dark .reserve-calendar-list-items .item-time-unit {color:#d8d8d8;}
.dark .calendar-day-wrap.small .calendar-week-time-item .item-option {color:#d8d8d8;}

.dark .tooltip-inner {box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.07);  border: solid 1px #47484b;  background-color: #2c2d30;}
.dark .tooltip-inner .tooltip-date {color:#fff; border-color:#47484b;}
.dark .tooltip-inner .tooltip-desc {color:#d8d8d8;}


.dark .customer-card-item:hover {background:#1e1f21;}
.dark .customer-card-item .item-option > .option-cell {color:#8552e3;}
.dark .data-col-left .customer-card-list-cell + .customer-card-list-cell .customer-card-item {border-color:#47484b;}
.dark .data-col-left .customer-card-list-cell:hover {background:#1e1f21;}

.dark .total-text-group .total-text-cell .item-value {color:#8552e3;}

.dark table.customer-table > thead > tr > th {color:#d8d8d8; border-color:#47484b; background-color:#393a3e; }
.dark table.customer-table > tbody > tr > td {color:#d8d8d8; border-color:#47484b; background-color:#2c2d30;}


.dark .alert-pop-data {background-color:#47484B;}
.dark .alert-pop-data .pop-body {color:#d8d8d8;}
.dark .alert-pop-data .pop-footer {border-color:#47484b;}
.dark .alert-pop-data .pop-footer .btn + .btn {border-left:1px solid #47484b;}
.dark .alert-pop-data .pop-footer .btn.btn-cancel {color:#fff;}
.dark .alert-pop-data .pop-footer .btn.btn-confirm {color:#fff;}

.dark .data-pop-view {background-color:#2c2d30; color:#d8d8d8;}
.dark .data-pop-view .pop-footer.line {border-color:1px solid #47484b;}
.dark .data-pop-view .pop-footer .btn-confirm {}
.dark .inner-add-num {color:#8f8f8f;}
.dark .inner-add-option {color:#8f8f8f;}
.dark .inner-add-item .item-data {border-color:#47484b;}
.dark .inner-add-item-ui {border-color:#47484b;}

.dark .icon-page-close {background-image:url(https://image.banjjakpet.com/common/shop-pc/icon/btn-top-close@2x-dark.png);}
.dark .layer-pop-wrap.bottom .btn-pop-close {background:url(https://image.banjjakpet.com/common/shop-pc/icon/btn-top-close@2x-dark.png) center center no-repeat; background-size:24px auto;}
.dark .alert-pop-data .btn-pop-close {background:url(https://image.banjjakpet.com/common/shop-pc/icon/btn-top-close@2x-dark.png) center center no-repeat; background-size:24px auto;}
.dark .data-pop-view .btn-pop-close {background:url(https://image.banjjakpet.com/common/shop-pc/icon/btn-top-close@2x-dark.png) center center no-repeat; background-size:24px auto;}
.dark .layer-pop-bottom .btn-pop-close {background:url(https://image.banjjakpet.com/common/shop-pc/icon/btn-top-close@2x-dark.png) center center no-repeat; background-size:24px auto;}
.dark .alarm-list-item .btn-alarm-del {background:url(https://image.banjjakpet.com/common/shop-pc/icon/btn-top-close@2x-dark.png) center center no-repeat; background-size:24px auto;}

.dark .customer-card-item.type3:hover {background-color:inherit;}

.dark .card-link-item {border-color:#47484b;}
.dark .card-link-item .item-value {border-color:#47484b;}
.dark .card-link-item .use-value {color:#d8d8d8}
.dark .card-link-item .use-value strong {color:#fff; font-size:15px; font-weight:500;}
.dark .card-link-item .item-data {}
.dark .card-link-item .item-code {color:#d8d8d8;}
.dark .card-link-item .item-price {color:#8f8f8f;}
.dark .card-link-item .item-date {color:#8f8f8f;}

.dark .main-calendar-month-body-col.today .main-calendar-day-value {
	background:#8f8f8f;
}


/* 예약관리*/
.dark .thema-gray-item.white {
	background: #2c2d30;
	border-color: #47484b;
}

.dark .thema-gray-item.white.actived {
	border-color: #fdd94e;
}

.dark .basic-list-item .item-name {
	color: #fdd94e;
}

.dark .basic-list-item .item-phone {
	color: #d8d8d8;
}

.dark .basic-list-item .item-date2 {
	color: #666;
}

.dark .reserve-advice-view-info {
	color: #fdd94e;
}

.dark .btn-data-helper {
	background: url("https://image.banjjakpet.com/common/shop-pc/icon/info_dark.png") left center no-repeat;
	background-size: 28px auto;
}

.dark .flex-table.type-2 .flex-table-title .txt {
	color: #fff;
}

.dark .flex-table.type-2 .flex-table-data-inner {
	color:  #d8d8d8;
}

.dark .btn-data-tel {
	background: url("https://image.banjjakpet.com/common/shop-pc/icon/shop_call_dark.png") left center no-repeat;
	background-size: 30px auto;
}

.dark .btn-data-message {
	background: url("https://image.banjjakpet.com/common/shop-pc/icon/message_dark.png") left center no-repeat;
	background-size: 30px auto;
}



/* 고객관리 */
.dark .user-thumb.large {
	background: transparent;
}

.dark .customer-card-item {
	border-color: #47484b;
}

.dark .customer-card-item .item-pet-name {
	color: #fff;
}

.dark .customer-card-item .item-main-phone .value {
	color: #d8d8d8;
}

.dark .label-outline-pink {
	background-color: #ff4848;
	color: #fff;
}

.dark .customer-user-table {
	border-color: #47484b;
}

.dark .customer-user-table-row {
	border-color: #47484b;
}

.dark .customer-user-table-title .table-title {
	color: #fff;
}

.dark .customer-user-table-data .table-user-name {
	color: #d8d8d8;
}

.dark .btn-data-modify {
	background: url("https://image.banjjakpet.com/common/shop-pc/icon/edit_dark.png") left top no-repeat;
	background-size: 32px auto;
}

.dark .customer-user-table-data .table-data-txt {
	color: #d8d8d8;
}

.dark .font-color-purple {
	color: #fdd94e !important;
}

.dark .ui-datepicker-trigger {
	content: url("https://image.banjjakpet.com/common/shop-pc/icon/icon-datepicker.png");
}

.dark .ui-datepicker {
	background: #393a3e;
	border-color: #47484b;
}

.dark .ui-datepicker .ui-datepicker-header {
	border-color: #47484b;
}

.dark .ui-datepicker .ui-datepicker-prev {
	background: url("https://image.banjjakpet.com/common/shop-pc/datepicker/btn-calendar-before-arrow_dark.png") center center no-repeat;
	background-size: 16px auto;
}

.dark .ui-datepicker .ui-datepicker-next {
	background: url("https://image.banjjakpet.com/common/shop-pc/datepicker/btn-calendar-after-arrow_dark.png") center center no-repeat;
	background-size: 16px auto;
}

.dark .ui-datepicker .ui-datepicker-title, .dark .ui-datepicker .ui-datepicker-title .ui-datepicker-year, .dark .ui-datepicker .ui-datepicker-title .ui-datepicker-month {
	color: #fff;
}

.dark .ui-datepicker th {
	color: #fff;
}

.dark .ui-datepicker .ui-state-default {
	background: #393a3e !important;
	color: #fff;
}

.dark .ui-datepicker .ui-datepicker-current-day .ui-state-default {
	background: #fdd94e !important;
}

.dark .btn-data-refresh {
	background: url("https://image.banjjakpet.com/common/shop-pc/icon/icon-refresh-dark.png") center center no-repeat;
	background-size: 24px auto;
	border-color: #d8d8d8 ;
}

.dark .pay-card-cell.all {
	border-color: #47484b;
}

.dark .customer-view-agree .pay-card-check .btn-pay-card-toggle {
	color: #fff;
}

.dark .customer-view-agree .pay-card-check .btn-pay-card-toggle:after {
	background: url("https://image.banjjakpet.com/common/shop-pc/icon/btn-info-spread@2x_dark.png") center center no-repeat;
	background-size: 10px auto;
}

.dark .form-datepicker-group .form-unit {
	color: #d8d8d8;
}

.dark .customer-user-phone-wrap .item-main-phone {
	color: #d8d8d8;
}

.dark .customer-view-pet-info {
	border-color: #47484b;
}

.dark .customer-view-pet-info .flex-table-item {
	border-color: #47484b;
}

.dark .customer-view-pet-info .flex-table-title .txt {
	color: #fff;
}

.dark .customer-view-pet-info .flex-table-data-inner {
	color: #d8d8d8;
}

.dark .btn-detail-toggle {
	color: #8f8f8f;
}

.dark .special-note {
	background: #393a3e;
	color: #d8d8d8;
}

.dark .btn-note-toggle {
	color: #8f8f8f;
}

.dark .customer-table-toggle.type-2 .toggle-title {
	color: #fff;
}

.dark .btn-detail-toggle:after {
	background: url("https://image.banjjakpet.com/common/shop-pc/icon/icon_select_arrow_dark.png") center center no-repeat;
	background-size: 10px auto;
}

.dark .btn-note-toggle:after {
	background: url("https://image.banjjakpet.com/common/shop-pc/icon/icon_select_arrow_dark.png") center center no-repeat;
	background-size: 10px auto;
}

.dark .customer-table-toggle.type-2 .toggle-title:after {
	background: url("https://image.banjjakpet.com/common/shop-pc/icon/icon-table-toggle-arrow_dark.png") left center no-repeat;
	background-size: 16px auto;
}

.dark .flex-table-title .txt {
	color: #d8d8d8;
}

.dark .flex-table-data-inner {
	color:  #8f8f8f;
}

.dark .flex-table-cell {
	border-color: #47484b;
}

.dark .sort-tab.big .sort-tab-inner .tab-cell .btn-tab-item {
	color: #fff;
}

.dark .new-doughnutgraph-subject .item-name {
	color: #fff;
}

.dark .new-doughnutgraph-label {
	color: #fff;
}

.dark .form-item-label {
	color: #fff;
}

.dark .btn-more-toggle-nav:before {
	background: url("https://image.banjjakpet.com/common/shop-pc/icon/icon_select_arrow_dark.png") center center no-repeat;
	background-size: 10px auto;
}

.dark .btn-more-toggle-nav .txt {
	color: #8f8f8f;
}

.dark .customer-grade-title {
	color: #d8d8d8;
}

.dark .customer-grade-info {
	color: #8f8f8f;
}

.dark .customer-grade-card {
	border-color: #47484b;
}

.dark .customer-grade-card .card-header {
	background: #393a3e;
}

.dark .user-grade-item > .icon-grade-label {
	color: #d8d8d8;
}



/* 샵 관리 */
.dark .shop-gate-info-title {
	color: #fff;
}

.dark .shop-gate-info-desc {
	color: #d8d8d8;
}

.dark .btn-gate-picture-register {
	color: #8f8f8f;
	border-color: #47484b;
}

.dark .btn-gate-picture-register:hover {
	background: #1e1f21;
}

/*펫샵 상세보기의 경우 파트너앱 화면을 불러온것으로 해당 파일에서 다크모드 적용 불가 하여
임시방편으로 배경색 #fff 로 설정*/
.dark .page-preview-view {
	background-color: #fff;
}

.dark .shop-picture-modify .shop-picture-info .shop-name {
	color: #fff;
}

.dark .shop-picture-modify .shop-picture-info .shop-info {
	color: #d8d8d8;
}

.dark .shop-picture-modify .shop-picture-info .btn-modify {
	color: #fff;
}

.dark .shop-picture-modify .shop-picture-info .btn-modify:hover {
	background: #1e1f21;
}

.dark .icon-camera-gray {
	background: url("https://image.banjjakpet.com/common/shop-pc/icon/camera_dark.png") center center no-repeat;
	background-size: 24px auto;
}

.dark .form-year .unit {
	color: #d8d8d8;
}

.dark .vertical-list-wrap.line .list-cell + .list-cell {
	border-color: #47484b;
}

.dark .basic-list-item.license .item-info {
	color: #d8d8d8;
}

.dark .btn-picture-add:hover {
	background: #1e1f21;
}

.dark .master-portfolio-item .item-info {
	background: #393a3e;
	border-color: #47484b;
}

.dark .comment-item .item-user-info .user-name {
	color: #fff;
}

.dark .comment-item .item-gallery + .item-detail {
	color: #d8d8d8;
}

.dark .recomment-item .recomment-data {
	background: #393a3e;
	color: #d8d8d8;
}

.dark .recomment-item .item-name {
	color: #fff;
}

.dark .review-detail-cell + .review-detail-cell {
	border-color: #47484b;
}

.dark .basic-list-item.blog .item-desc {
	color: #d8d8d8;
}

.dark .shop-blog-review-title {
	color: #fff;
}

.dark .shop-blog-review-info {
	color: #d8d8d8;
}

a.btn-reserve.disabled, a.btn-page-bottom.disabled, a.btn-reserve:disabled, a.btn-page-bottom:disabled, .btn-reserve.disabled, .btn-page-bottom.disabled, .btn-reserve:disabled, .btn-page-bottom:disabled {
	background-color: #666;
}



/* 상세설정 */
.dark .memo-item {
	background: #393a3e;
	color: #fff;
}

.dark .icon-share-middle-black {
	background-image: url("https://image.banjjakpet.com/common/shop-pc/icon/icon-share-middle-dark.png");
}

.dark .icon-close-small-black {
	background-image: url("https://image.banjjakpet.com/common/shop-pc/icon/10-ic-16-close-dark.png");
}

.dark .msg-item {
	border-color: #47484b;
}

.dark .msg-item.read {
	color: #d8d8d8;
}

.dark .flex-table.read .flex-table-cell {
	border-color:#47484b;
}

.dark .customer-card-item .item-right-name {
	color: #fff;
}

.dark .con-title-info.type-2 {
	color: #d8d8d8;
}

.dark .card-teacher-item {
	background: #393a3e;
	border-color: #666;
}

.dark .card-teacher-body {
	border-color: #666;
}

.dark .card-teacher-header .item-name {
	color: #fff;
}

.dark .card-teacher-header .item-info {
	color: #d8d8d8;
}

.dark .label-outline-purple {
	color: #fdd94e;
	border-color: #fdd94e;
	background: transparent;
}

.dark .card-teacher-header button.btn-accordion-menu:after {
	background: url("https://image.banjjakpet.com/common/shop-pc/icon/icon_accordion_arrow_gray.png") center center no-repeat;
	background-size: 12px auto;
}

.dark .hide .card-teacher-item {
	background: #2C2D30;
	border-color: #666;
}

.dark .hide .card-teacher-item .item-name{
	color: #8f8f8f;
}

.dark .schedule-day-item .item-value {
	color: #8f8f8f;
}

.dark .hide .card-teacher-body .schedule-day-state {
	background: #666;
	border-color: #666;
}

.dark .page-tab-inner .tab-cell.actived .btn-tab-item {
	color: #fff;
}

.dark .page-tab-inner .tab-cell .btn-tab-item > span:before {
	background: #fff;
}

.dark .read-table-unit.large {
	color: #d8d8d8;
}

.dark .read-table table > thead > tr > th {
	background: #393a3e;
	border-color: #47484b;
	color: #d8d8d8;
}

.dark .read-table table > tbody > tr > td {
	background: #3f4145;
	border-color: #47484b;
	color: #d8d8d8;
}

.dark .btn-data-handler:hover {
	background:#393a3e url("https://image.banjjakpet.com/common/shop-pc/icon/icon_handler2_dark.png") center center no-repeat;
	background-size: 30px auto;
}

.dark .btn-data-handler {
	background: transparent url("https://image.banjjakpet.com/common/shop-pc/icon/icon_handler2_dark.png") center center no-repeat;
	background-size: 30px auto;
	border-color: #47484b;
}

.dark .font-color-black {
	color: #8f8f8f!important;
}

.dark .dark .btn-outline-purple, .dark a.btn-outline-purple, .dark input[type=submit].btn-outline-purple, .dark button.btn-outline-purple {
	border-color: #8552e3;
	background: #8552e3;
	color: #fff;
}

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

.dark .wide-tab.card .wide-tab-inner .tab-cell .btn-tab-item {
	background: #393a3e;
	border-color: #47484b;
	color: #fff;
}

.dark .wide-tab.card .wide-tab-inner .tab-cell.actived .btn-tab-item {
	color:#fff;
	background:#6840b1;
	border-color:#6840b1;
}

.dark .form-mulity-input {
	color: #d8d8d8;
}

.dark .set-pay-type-item .item-title {
	color: #fff;
}

.dark .set-pay-type-item .item-title + .item-info {
	color: #d8d8d8;
}

.dark .set-pay-type-item {
	border-color: #47484b;
}



/* 판매실적 */
.dark .stacked-horizontal-label .label-title {
	color: #d8d8d8;
}

.dark .stacked-horizontal-label .label-value {
	color: #fff;
}

.dark .stats-result-graph {
	border-color: #47484b;
}

.dark .stats-result-total .grid-layout-cell {
	border-color: #d8d8d8;
	background: #3f4145;
}

.dark .stats-result-total-item > p {
	color: #fff;
}

.dark .stats-result-total-item > em {
	color: #d8d8d8;
}

.dark .stats-result-total-item.total > p {
	color: #fdd94e;
}

.dark .customer-table .table_wrap .customer-table-txt1 {
	background: #35363a;
	color: #fff;
}

.dark .customer-table .table_wrap .customer-table-txt2 {
	background: #3f4145;
}



/* 기타 */
.dark .btn-board-item .item-subject {
	color: #fff;
}

.dark .basic-board-list > ul > li {
	border-color: #47484b;
}

.dark .btn-board-item .item-cate {
	color: #fdd94e;
}

.dark .btn-board-item:hover {
	background: #393a3e;
}

.dark .board-view-top {
	border-color: #47484b;
}

.dark .btn-page-action {
	color: #fff;
}

.dark .chat-item .chat-txt {
	color: #fff;
}

.dark .chat-item .chat-cate {
	color: #fff;
}

.dark .chat-date .date {
	color: #d8d8d8;
	background: #393a3e;
}

.dark .chat-item.me .chat-data {
	border-color: #6840b1;
	background:  #6840b1;
}

.dark .btn-set-main-menu {
	color: #fff;
}

.dark .btn-set-main-menu:hover {
	background:#393a3e;
}

.dark .icon-set-menu-7 {
	background: url("https://image.banjjakpet.com/common/shop-pc/icon/icon-set-menu-7-dark.png");
	background-size: 36px auto;
}

.dark .icon-set-menu-8 {
	background: url("https://image.banjjakpet.com/common/shop-pc/icon/icon-set-menu-8-dark.png");
	background-size: 36px auto;
}

.dark .icon-set-menu-9 {
	background: url("https://image.banjjakpet.com/common/shop-pc/icon/icon-set-menu-9-dark.png");
	background-size: 36px auto;
}

.dark .icon-set-menu-10 {
	background: url("https://image.banjjakpet.com/common/shop-pc/icon/icon-set-menu-10-dark.png");
	background-size: 36px auto;
}

.dark .icon-set-menu-11 {
	background: url("https://image.banjjakpet.com/common/shop-pc/icon/icon-set-menu-11-dark.png");
	background-size: 36px auto;
}

.dark .terms-group .terms-sentence {
	color: #fff;
}

.dark table.terms-table > thead > tr > th {
	background: #3f4145;
	border-color: #47484b;
	color: #fff;
}

.dark table.terms-table > tbody > tr > td {
	background: #393a3e;
	border-color: #47484b;
	color: #d8d8d8;
}

.dark .terms-group h3 {
	color: #fff;
}

.dark .user-hack-wrap .hack-info {
	color: #fff;
}

.dark .user-hack-wrap .detail-txt::before {
	color: #fdd94e;
	margin-right: 5px;
}

.dark .user-hack-wrap .hack-detail {
	color: #d8d8d8;
}
/*여기서 부터 작업하시요*/



/* 메인 */
.dark .main-dashboard-group .title .txt{
	color:#d8d8d8
}
.dark .main-dashboard-group .value {
	color:#d8d8d8
}

.dark .main-reserve-calendar-title .txt{
	color:#d8d8d8
}

.dark .customer-card-item .item-time{
	color:#ffe481
}

.dark .main-calendar-month-header-col{
	color:#d8d8d8;
}
.dark .main-reserve-stats-header .item-title{
	color:#d8d8d8;
}

.dark .main-calendar-month-body-col{

	border-color: #47484b;
	background: #2c2d30;

}

.dark .main-calendar-day-value .number{
	color: #d8d8d8;
}

.dark .main-calendar-month-body-col.break{

	background: #393a3e;

}

.dark .mini-calendar-month-body-col.break{
	background: #393a3e;
}



.dark .customer-card-item .item-pet-name {
	color:#d8d8d8;
}

.dark .customer-card-item .item-sort .txt-1 {
	color:#d8d8d8;
}
.dark .customer-card-item .item-sort .txt-2 {
	color:#d8d8d8;
}

.dark .main-notice-list .btn-main-notice-item .txt{
	color:#d8d8d8
}
.dark .main-reserve-list-cell{
	border-bottom-color :#47484b;
}

.dark .icon-dashboard-1{
	background-image: url(https://image.banjjakpet.com/common/shop-pc/icon/icon-main-dashboard-1_darrk.png);

}

.dark .icon-dashboard-2{
	background-image: url(https://image.banjjakpet.com/common/shop-pc/icon/icon-main-dashboard-2_dark.png);

}

.dark .icon-dashboard-3{
	background-image: url(https://image.banjjakpet.com/common/shop-pc/icon/icon-main-dashboard-3_dark.png);

}
.dark .icon-dashboard-4{
	background-image: url(https://image.banjjakpet.com/common/shop-pc/icon/icon-main-dashboard-4_dark.png);

}

.dark #customer_select{
	color:#fff;
}
.dark #customer_select option{
	color:#fff;
}
.calendar-drag-item-group{
	transition :0.5s;
}

.alldays-header{
	font-size:12px;
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	margin-left:28px;
}
.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;
	align-items: center !important;
	flex-direction: column !important;
}


.week-day-check.actived{
	background: #414141;
	color: #fff;
	font-weight: 700;
	border-radius: 50%;
	width:25px;
	height:25px;
}

.calendar-day-value .number.actived{
	background: #414141;
	color: #fff;
	font-weight: 700;
	border-radius: 50%;
	width:25px;
	height:25px;
	padding-left:2px;
}

.pay-btn-detail-toggle-c{
	display: flex;
	align-items: center;

}

.pay-btn-detail-toggle-c:after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	margin-left: 4px;
	background: url(https://image.banjjakpet.com/common/shop-pc/icon/btn-info-spread@2x.png) center center no-repeat;
	background-size: 10px auto;
}

.pay-service-selected-wrap-approve {
	border: 1px solid #cecece;
	border-radius: 12px;
	padding: 24px;
	margin-top: 16px;
	width: calc(100% - 40px);
	padding-left: 20px;
	padding-right: 20px;
	display: none;
}