.main-section{overflow-x: hidden;position: relative;}
.main-banner{width: 100%;height: 550px;display: flex;align-items: center;position: relative;background-color: #fff;}
.banner-bg{width: 100%;height: 100%;overflow: hidden;position: absolute;}
.banner-bg>img{width: 100%;position: absolute;bottom: 0;right: 0;}
.banner-txt{max-width: 1400px;width: 100%;margin: 0 auto;z-index: 2;}
.banner-txt>img{display: block;height: 60px;margin-bottom: 32px;}
.banner-txt>p>span{color: #3F5CFE;display: block;}
body.recruiter .banner-txt>p>span{color: #1CA673}


.main-profile{margin-right: 16px;padding-right: 16px;}
.main-btn-wrap{display: flex;}
.main-btn{position: relative;width: 120px;height: 80px;margin-right: 10px;border-radius: 10px;border: 1px solid #d9d9d9;padding: 0 10px;display: flex;align-items: center;justify-content: right;background-color: #fff;cursor: pointer;transition: 0.3s;}
.main-btn:hover{border-color: #3F5CFE;background-color: rgba(63, 92, 254, 0.1);}
body.recruiter .main-btn:hover{border-color: #1CA673;background-color: rgba(28, 166, 115, 0.1);}
body.franchise .main-btn:hover{border-color: #6F30A0;background-color: rgba(227, 61, 210, 0.1);}
.main-btn:last-of-type{margin-right: 0;}
.main-btn>svg{position: absolute;left: 10px;top: 10px;width: 18px;height: 18px;color: #3F5CFE;;}
body.recruiter .main-btn>svg{color: #1CA673;}
body.franchise .main-btn>svg{color: #6F30A0;}

.main-btn-txt{text-align: right;}
.main-btn-txt>p{font-size: 16px;color: #111;font-weight: 500;margin-bottom: 0px;line-height: 16px;transition: 0.3s;}
.main-btn:hover .main-btn-txt>p{color: #3F5CFE;}
body.recruiter .main-btn:hover .main-btn-txt>p{color: #1CA673;}
body.franchise .main-btn:hover .main-btn-txt>p{color: #6F30A0;}
.main-btn-txt>span{font-size: 12px;font-weight: 300;color: #666;line-height: 12px;}
.main-btn-txt>span>strong{font-weight: 400;color: #3F5CFE;}
body.recruiter .main-btn-txt>span>strong{color: #1CA673}
body.franchise .main-btn-txt>span>strong{color: #6F30A0}

.profile-name{display: flex;align-items: center;margin-bottom: 2.5px;}
.profile-name>p{font-size: 20px;font-weight: 500;color: #111;}
.profile-name>span{padding: 2px 5px;background-color: rgba(111, 48, 160, 0.1);color: #6F30A0;font-weight: 500;font-size: 12px;margin-left: 5px;border-radius: 5px;}

.location{font-size: 16px;color: #666;display: flex;align-items: center;}
.location>svg{width: 16px;height: 16px;margin-right: 2.5px;}

.main-profile .location{font-size: 14px;}
.main-profile .location>svg{width: 14px;height: 14px;}

.main-profile>button{margin-top: 5px;height: 26px;font-weight: 500;transition: 0.3s;font-size: 14px;border-radius: 100px;display: flex;align-items: center;padding: 0 7.5px;border: 1px solid #3F5CFE;background-color: rgba(63, 92, 254, 0.1);color: #3F5CFE;}
.main-profile>button>svg{width: 14px;height: 14px;margin-right: 5px;}
.main-profile>button:hover{background-color: #3F5CFE;color: #fff;}

body.recruiter .main-profile>button{border: 1px solid #1CA673;background-color: rgba(28, 166, 115, 0.1);color: #1CA673}
body.recruiter .main-profile>button:hover{background-color: #1CA673;color: #fff;}

body.recruiter .main-profile>button{border: 1px solid #1CA673;background-color: rgba(28, 166, 115, 0.1);color: #1CA673}
body.recruiter .main-profile>button:hover{background-color: #1CA673;color: #fff;}

.main-menu{position: sticky;top: 0;z-index: 2;margin: 0 auto;margin-bottom: 64px;width: 100%;max-width: 1400px;display: flex;justify-content: right;transition: 0.5s;transform: translateX(64px) translateY(-50%);filter: blur(2.5px);}
.main-menu{}
.main-menu.on{filter: blur(0);transform: translateX(0) translateY(-50%);}
.main-profile{position: relative;}
.main-profile::after{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: calc(100% - 20px);background-color: rgba(63, 92, 254, 0.5);display: block;content: '';}
body.recruiter .main-profile::after{background-color: rgba(28, 166, 115, 0.5);}
body.franchise .main-profile::after{background-color: rgba(111, 48, 160, 0.5);}
.main-profile::before{position: absolute;left: -16px;top: 50%;transform: translateY(-50%);background-color: #fff;display: block;content: '';width: 100%;height: calc(100% + 32px);z-index: -1;width: 1400px;border-radius: 10px;box-shadow: 1px 1px 32px rgba(0, 0, 0, 0.25);}

.main-stat-wrap{display: flex;max-width: 1400px;width: 100%;margin: 0 auto;margin-bottom: 128px;}
.main-stat{margin-right: 32px;border-radius: 16px;width: 100%;background-color: #fff;box-shadow: 1px 1px 64px rgba(153, 153, 153, 0.25);opacity: 0;filter: blur(5px);transform: translateY(16px);}
.main-stat:nth-of-type(1){transition: 0.5s;}
.main-stat:nth-of-type(2){transition: 0.5s 0.2s;}
.main-stat:nth-of-type(3){transition: 0.5s 0.4s;}
.main-stat-wrap.on .main-stat{transform: translateY(0);filter: blur(0);opacity: 1;}
.main-stat{width: calc(50% - 16px);}
body.worker .main-stat-wrap .main-stat{width: 25%;}
body.worker .main-stat-wrap .main-stat:nth-of-type(1){width: 50%;}
body.worker .main-stat-wrap .main-stat:nth-of-type(2){width: 50%;}
body.worker .main-stat-wrap .main-stat:last-of-type{margin-right: 0;}

.stat-title{margin-bottom: 64px;width: 100%;display: flex;align-items: flex-start;position: relative;z-index: 2;justify-content: space-between;}
body.recruiter .stat-title{margin-bottom: 32px;}
body.franchise .stat-title{margin-bottom: 32px;}
.stat-info>span{font-size: 16px;color: #3F5CFE;font-weight: 500;}
body.recruiter .stat-info>span{color: #1CA673;}
body.franchise .stat-info>span{color: #6F30A0;}
.stat-info>p{font-size: 32px;font-weight: 500;}
.stat-date{font-size: 16px;font-weight: 500;color: #3F5CFE;}
body.recruiter .stat-date{color: #1CA673;}
body.franchise .stat-date{color: #6F30A0;}
.stat-date>span{margin-right: 5px;}
.main-stat-item{padding: 32px;width: 100%;position: relative;height: 100%;}
.main-stat-item{}
.main-stat-item>svg{position: absolute;height: 150px;;width: 150px;color: rgba(63, 92, 254, 0.1);left: 32px;bottom: 32px;}
.none-scene svg{bottom: 0;left: 0;width: 100px;height: 100px;color: rgba(232, 63, 74, 0.2);}
.main-stat-item .swiper-slide>svg{position: absolute;height: 150px;;width: 150px;color: rgba(63, 92, 254, 0.1);left: 32px;bottom: 32px;}
body.recruiter .main-stat-item .swiper-slide>svg{color: rgba(28, 166, 115, 0.1);}
body.franchise .main-stat-item .swiper-slide>svg{color: rgba(111, 48, 160, 0.1);}
.stat-swiper .swiper-slide>svg{bottom: 0 !important;left: 0 !important;}

.round-btn{border-radius: 100px;height: 48px;display: flex;align-items: center;justify-content: center;padding: 0;font-size: 16px;font-weight: 500;}
.round-btn>svg{width: 16px;height: 16px;margin-right: 10px;}

body.worker .main-stat-item .round-btn{color: #fff;background-color: #3F5CFE;padding: 0 16px;}
body.recruiter .main-stat-item .round-btn{color: #fff;background-color: #1CA673;padding: 0 16px;}
body.franchise .main-stat-item .round-btn{color: #fff;background-color: #6F30A0;padding: 0 16px;}

.main-item-inner .round-btn{color: #3F5CFE;border: 1px solid #3F5CFE;width: 200px;transition: 0.3s;margin: 0 auto;margin-top: 32px;}
.main-item-inner .round-btn:hover{background-color: #3F5CFE;color: #fff;}


body.recruiter .main-item-inner .round-btn{color: #1CA673;border: 1px solid #1CA673;}
body.recruiter .main-item-inner .round-btn:hover{background-color: #1CA673;}

body.franchise .main-item-inner .round-btn{color: #6F30A0;border: 1px solid #6F30A0}
body.franchise .main-item-inner .round-btn:hover{background-color: #6F30A0;color: #fff;}


.stat-step{position: relative;z-index: 2;display: flex;justify-content: space-between;}
.step-line{position: absolute;left: 50%;transform: translateX(-50%);top: 0;width: calc(100% - 64px);height: 10px;border-radius: 100px;opacity: 0.1;}
.step-item{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.step-item>p{font-size: 20px;font-weight: 500;}

.step-dot{width: 10px;height: 10px;border-radius: 100%;margin-bottom: 16px;position: relative;}
.step-dot::after{display: block;content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 24px;height: 24px;border-radius: 100%;}

.worker .main-stat-wrap .step-line.step-1{background: linear-gradient(to right, #3F5CFE, #999, #999);}
.worker .main-stat-wrap .step-line.step-2{background: linear-gradient(to right, #3F5CFE, #E33DD3, #999);}
.worker .main-stat-wrap .step-line.step-3{background: linear-gradient(to right, #3F5CFE, #E33DD3, #FF4999);}

.recruiter .main-stat-wrap .step-line.step-1{background: linear-gradient(to right, #1CA673, #999, #999);}
.recruiter .main-stat-wrap .step-line.step-2{background: linear-gradient(to right, #1CA673, #009091, #999);}
.recruiter .main-stat-wrap .step-line.step-3{background: linear-gradient(to right, #1CA673, #009091, #007599);}


.worker .main-stat-wrap .step-item:nth-of-type(1) .step-dot{background-color: #3F5CFE;}
.worker .main-stat-wrap .step-item:nth-of-type(1) .step-dot::after{background-color: rgba(63, 92, 254, 0.2);}
.worker .main-stat-wrap .step-item:nth-of-type(1)>p{color: #3F5CFE;}

.worker .main-stat-wrap .step-item:nth-of-type(2) .step-dot{background-color: #E33DD3;}
.worker .main-stat-wrap .step-item:nth-of-type(2) .step-dot::after{background-color: rgba(227, 61, 210, 0.2);}
.worker .main-stat-wrap .step-item:nth-of-type(2)>p{color: #E33DD3;}

.worker .main-stat-wrap .step-item:nth-of-type(3) .step-dot{background-color: #FF4999;}
.worker .main-stat-wrap .step-item:nth-of-type(3) .step-dot::after{background-color: rgba(255, 73, 152, 0.2);}
.worker .main-stat-wrap .step-item:nth-of-type(3)>p{color: #FF4999;}


.recruiter .main-stat-wrap .step-item:nth-of-type(1) .step-dot{background-color: #1CA673;}
.recruiter .main-stat-wrap .step-item:nth-of-type(1) .step-dot::after{background-color: rgba(28, 166, 115, 0.2)}
.recruiter .main-stat-wrap .step-item:nth-of-type(1)>p{color: #1CA673;}

.recruiter .main-stat-wrap .step-item:nth-of-type(2) .step-dot{background-color: #009091;}
.recruiter .main-stat-wrap .step-item:nth-of-type(2) .step-dot::after{background-color: rgba(0, 145, 145, 0.2);}
.recruiter .main-stat-wrap .step-item:nth-of-type(2)>p{color: #009091;}

.recruiter .main-stat-wrap .step-item:nth-of-type(3) .step-dot{background-color: #007599;}
.recruiter .main-stat-wrap .step-item:nth-of-type(3) .step-dot::after{background-color: rgba(0, 117, 153, 0.2);}
.recruiter .main-stat-wrap .step-item:nth-of-type(3)>p{color: #007599;}

.stat-swiper .swiper-pagination{height: auto !important;bottom: 0 !important;display: flex;justify-content: center;align-items: center;}
.stat-swiper .swiper-pagination-bullet{transition: 0.3s;width: 8px;height: 8px;background-color: #d9d9d9;opacity: 1;margin: 0 !important;margin-right: 16px !important;}
.stat-swiper .swiper-pagination-bullet:last-of-type{margin-right: 0 !important;}
.stat-swiper .swiper-pagination-bullet-active{background-color: #3F5CFE;width: 10px;height: 10px;;}
body.recruiter .stat-swiper .swiper-pagination-bullet-active{background-color: #1CA673;}
body.franchise .stat-swiper .swiper-pagination-bullet-active{background-color: #6F30A0;}

.stat-swiper .swiper-slide{transition: 0.6s;opacity: 0;}
.stat-swiper .swiper-slide.swiper-slide-active{opacity: 1;}


.step-item.non .step-dot{background-color: #999 !important;}
.step-item.non .step-dot::after{background-color: rgba(153, 153, 153, 0.2) !important;}
.step-item.non>p{color: #999 !important;}


.stat-sub{text-align: right;font-size: 32px;color: #3F5CFE;position: absolute;right: 32px;bottom: 32px;}
.stat-sub>span{font-size: 46px;font-weight: 500;}

body.recruiter .stat-sub{color: #1CA673;}

.job-title{display: flex;align-items: center;color: #111;margin-bottom: 32px;}
.job-title>svg{width: 36px;height: 36px;margin-right: 10px;color: #3F5CFE;}

.main-item-section{margin: 0 auto;margin-bottom: 128px;width: 100%;max-width: 1400px;border-radius: 16px;}

.main-item-inner{padding: 32px;border-radius: 16px;background-color: #fff;box-shadow: 1px 1px 64px rgba(153, 153, 153, 0.25);}
.main-item-inner .title-36{margin-bottom: 32px;text-align: center;}

.main-item-wrap{display: flex;}
.main-item-type-1{border-radius: 10px;width: 25%;margin-right: 32px;border: 1px solid #d9d9d9;padding: 16px;transition: 0.3s;cursor: pointer;}
.main-item-type-1:last-of-type{margin-right: 0;}
.main-item-type-1:hover{border-color: #3F5CFE;background-color: rgba(63, 92, 254, 0.1);}
body.recruiter .main-item-type-1:hover{border-color: #1CA673;background-color: rgba(28, 166, 115, 0.1);}
body.franchise .main-item-type-1:hover{border-color: #6F30A0;background-color: rgba(111, 48, 160, 0.1);}

.mi-date{margin-bottom: 10px;display: flex;justify-content: space-between;}
.mi-date strong{font-weight: 500;}
.mi-date p{font-size: 14px;color: #111;}
.mi-date>span{color: #666;font-weight: 300;font-size: 14px;text-align: right;min-width: 80px;}
.com-name{font-size: 14px;font-weight: 500;color: #3F5CFE;}
body.recruiter .com-name{color: #1CA673;}
body.franchise .com-name{color: #6F30A0;}
.info-basic>p{font-size: 18px;font-weight: 500;color: #111;margin-bottom: 5px;display: flex;align-items: center;}
.info-basic>p>span{margin-left: 5px;padding: 1px 2.5px;border-radius: 5px;font-size: 14px;font-weight: 600;color: #6F30A0;background-color: rgba(111, 48, 160, 0.1);}
.info-basic>p>span.seeker{background-color: rgba(63, 92, 254, 0.1);color: #3F5CFE;}
.info-basic>p>span.recruiter{background-color: rgba(28, 166, 115, 0.1);color: #1CA673}
.info-basic>p>strong{font-size: 14px;color: #666;font-weight: 300;margin-left: 2.5px;}

.info-round{display: flex;margin-top: 5px;}
.info-round-txt{font-size: 14px;font-weight: 300;color: #666;}
.info-item{border: 1px solid #d9d9d9;padding: 2.5px 10px;font-size: 16px;color: #111;border-radius: 100px;margin-right: 5px;display: flex;align-items: center;background-color: #fff;}
.info-item:last-of-type{margin-right: 0;}
.info-item>strong{font-weight: 400;}
.info-item>span{color: #666;margin-right: 0px;}
.info-item>p{font-weight: 500;}
.info-item>svg{width: 14px;height: 14px;color: #121212;margin-right: 5px;}
.info-price{margin-top: 10px;font-size: 16px;text-align: right;color: #666;font-weight: 300;}
.info-price span{font-size: 24px;color: #3F5CFE;font-weight: 400;}
.info-item p.info-color{color: #3F5CFE;margin-left: 0px;}
body.recruiter .info-item p.info-color{color: #1CA673;}
body.franchise .info-item p.info-color{color: #6F30A0}
body.recruiter .info-price span{font-size: 24px;color: #1CA673;}
.main-stat-item .info-item{padding: 5px 10px}

.review-count{display: flex;justify-content: space-between;margin-bottom: 16px;}
.review-count>p{font-size: 18px;font-weight: 500;color: #111;}
.star{display: flex;}
.star>img{margin-right: 1px;width: 14px;height: 14px;}
.star>img:last-of-type{margin-right: 0;}


.main-item-type-2{overflow: hidden;border-radius: 10px;width: 33.333%;border: 1px solid #d9d9d9;transition: 0.3s;margin-right: 32px;cursor: pointer;}
.main-item-type-2:hover{border-color: #3F5CFE;background-color: rgba(63, 92, 254, 0.1);}
body.recruiter .main-item-type-2:hover{border-color: #1CA673;background-color: rgba(28, 166, 115, 0.1);}
body.franchise .main-item-type-2:hover{border-color: #6F30A0;background-color: rgba(111, 48, 160, 0.1);}
.main-item-type-2:last-of-type{margin-right: 0;}
.review-img{width: 100%;aspect-ratio: 4/3;}
.review-img>img{width: 100%;height: 100%;object-fit: cover;}
.main-review-txt{margin-top: 10px;padding-top: 10px;position: relative;}
.main-review-txt::after{display: block;content: '';height: 1px;width: 100%;background-color: #d9d9d9;top: 0;position: absolute;left: 0;}
.main-review-txt>p{font-size: 16px;font-weight: 300;width: 100%;color: #444;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.main-txt{padding: 16px;width: 100%;}

.notice-item{display: flex;justify-content: space-between;padding: 24px 16px;border-bottom: 1px solid #d9d9d9;transition: 0.3s;cursor: pointer;}
.notice-item:first-of-type{border-top: 1px solid #d9d9d9;}
.notice-item>p{font-size: 18px;font-weight: 500;color: #111;transition: 0.3s;}
.notice-item:hover>p{color: #3F5CFE;}
body.recruiter .notice-item:hover>p{color: #1CA673}
.notice-item>span{font-size: 16px;color: #666;font-weight: 300;flex-shrink: 0;}

.ad-section{max-width: 1400px;width: 100%;height: 500px;margin: 0 auto;margin-bottom: 128px;display: flex;align-items: center;justify-content: center;position: relative;}
.ad-section::after{display: block;content: '';height: 100%;width: calc(100% + 400px);background-color: #3F5CFE;position: absolute;left: 0;top: 0;border-radius: 16px 0px 0px 16px;}
body.recruiter .ad-section::after{background-color: #1CA673;;}
body.franchise .ad-section::after{background-color: #6F30A0;}
.ad-txt{margin-right: 128px;position: relative;z-index: 2;}
.ad-img{height: calc(100% - 128px);width: auto;position: relative;z-index: 2;}
.ad-img>img{display: block;height: 100%;}
.ad-btn{display: flex;}
.ad-title{margin-bottom: 64px;}
.ad-title>span{margin-bottom: 5px;color: #fff;display: block;}
.ad-title>p{color: #fff;}
.ad-btn>button:first-of-type{background-color: #fff;margin-right: 16px;padding: 0 16px;color: #3F5CFE;}
body.recruiter .ad-btn>button:first-of-type{color: #1CA673;}
body.franchise .ad-btn>button:first-of-type{color: #6F30A0;}
.ad-btn>button:last-of-type{background-color: #000;color: #fff;padding: 0 16px;}


footer{background-color: #3F5CFE;}
body.recruiter footer{background-color: #1CA673;}
body.franchise footer{background-color: #6F30A0;}
.footer-inner{width: 100%;max-width: 1400px;padding: 32px 0;margin: 0 auto;}
.footer-title{display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 32px;}
.footer-name>p{color: #fff;margin-bottom: 5px;font-weight: 400;}
.footer-name>span{font-size: 18px;font-weight: 300;color: #fff;}
.footer-logo{height: 60px;}
.footer-logo>img{display: block;height: 100%;}

.footer-info-wrap{margin-bottom: 32px;display: flex;}
.footer-info{width: 33.333%;}
.footer-info-sub{margin-bottom: 16px;}
.footer-info-sub:last-of-type{margin-bottom: 0px;}
.footer-info-sub>p{font-size: 14px;font-weight: 300;color: #fff;margin-bottom: 2.5px;}
.footer-info-sub>span{font-size: 18px;color: #fff;}
.footer-reserved{font-size: 18px;font-weight: 300;color: #fff;}

.map-section{width: 100%;height: 100%;position: relative;overflow: hidden;}
.map-wrap{width: 100%;height: 100%;position: relative;}
.map-side{position: absolute;transition: 0.5s;right: -10%;filter: blur(5px);opacity: 0.2;top: 0;height: 100%;padding: 32px 16px;padding-bottom: 0;width: 100%;max-width: 420px;display: flex;flex-direction: column;background-color: #fff;box-shadow: 1px 1px 64px rgba(0, 0, 0, 0.25);}
.map-side.on{right: 0;filter: blur(0);opacity: 1;}
.map-side .search-item{margin-bottom: 32px;}
.map-category{width: 100%;}
.map-ct-inner{display: flex;width: 100%;overflow-x: auto;margin-bottom: 16px;gap: 10px;}
.map-ct-inner>select{height: 36px;border-radius: 100px;font-size: 14px;width: auto;padding-right: 29px;}
.map-ct-inner>button{display: flex;gap: 5px;align-items: center;justify-content: center;border-radius: 100px;height: 36px;padding: 0 10px;transition: 0.3s;border: 1px solid rgba(63, 92, 254, 0.8);color: #343434;font-size: 14px;font-weight: 500;}
.map-ct-inner>button>svg{width: 16px;height: 16px;color: #3F5CFE;}
.map-ct-inner>button.on{background-color: #3F5CFE;border-color: #3F5CFE;color: #fff;font-weight: 600;}
.map-ct-inner>button.on>svg{color: #fff;}
.my-location{margin-bottom: 32px;}
.my-location>p{font-size: 14px;font-weight: 300;color: #666;margin-bottom: 2.5px;}
.my-location .location>span{font-size: 18px;font-weight: 500;color: #111;}
.my-location .location>svg{width: 18px;height: 18px;color: #3F5CFE;}
body.franchise .my-location .location>svg{color: #6F30A0;}

.map-search-list{overflow-y: auto;}
.map-search-list .main-item-type-1{width: 100%;margin-bottom: 10px;padding: 10px !important;margin-right: 0;}
.map-search-list .main-item-type-1:last-of-type{margin-bottom: 32px;}

.arround-count{margin-bottom: 32px;position: relative;width: 100%;height: 1px;background-color: #d9d9d9;}
.arround-count>button{display: flex;align-items: center;justify-content: center;border-radius: 100px;padding: 0 10px;background-color: #3F5CFE;font-weight: 500;color: #fff;font-size: 16px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);height: 32px;}
body.recruiter .arround-count>button{background-color: #1CA673;}
.arround-count>span{height: 32px;display: flex;align-items: center;padding: 0 10px;background-color: #fff;font-size: 16px;color: #111;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.arround-count>span>strong{font-weight: 500;color: #3F5CFE;margin-left: 5px;}
body.franchise .arround-count>span>strong{color: #6F30A0;}

.map-side-info{position: absolute;right: -20%;transition: 0.3s;opacity: 0;pointer-events: none;bottom: 0;height: calc(100% - 80px);width: 100%;padding: 32px 0px 16px 0px;background-color: #fff;display: flex;flex-direction: column;backface-visibility: hidden;}
.map-side-info.on{right: 0;opacity: 1;pointer-events: inherit;}
.map-date{font-size: 16px;font-weight: 500;color: #3F5CFE;margin-top: 10px;}
body.recruiter .map-date{color: #1CA673;}
body.franchise .map-date{color: #6F30A0;}
.map-info-title{padding: 0 16px;padding-bottom: 16px;box-shadow: 1px 16px 16px rgba(153, 153, 153, 0.2);position: relative;}
.map-info-title>button{position: absolute;right: 16px;top: 0;width: 24px;height: 24px;}
.map-info-title>button>svg{width: 100%;height: 100%;color: #121212;}

.map-info-txt{overflow-y: auto;height: 100%;}
.map-manager{padding: 16px;background-color: rgba(63, 92, 254, 0.1)}
.map-manager>p{font-size: 14px;font-weight: 300;color: #666;margin-bottom: 2.5px;}
.map-manager>span{font-size: 16px;color: #111;}
.map-info-sub-wrap{padding: 16px;}
.map-info-sub{padding: 10px;border-radius: 10px;border: 1px solid #d9d9d9;margin-bottom: 10px;}
.map-info-sub:last-of-type{margin-bottom: 0;}

.map-info-sub>p{font-size: 14px;font-weight: 300;color: #666;margin-bottom: 2.5px;}
.mis-txt{font-weight: 400;font-size: 16px;color: #333;}
.mis-txt>span{font-size: 16px;font-weight: 500;color: #111;margin-right: 2.5px;}
.mis-txt>strong{color: #3F5CFE;font-weight: 500;}

.mis-txt .info-item{background-color: #f1f1f1;}
.mis-sub{width: 100%;background-color: #f1f1f1;border: 1px solid #d9d9d9;border-radius: 6px;padding: 10px;margin-bottom: 5px;}
.mis-sub:last-of-type{margin-bottom: 0;}
.mis-sub .info-item{background-color: #fff;}
.mis-sub>p{font-size: 16px;font-weight: 400;color: #111;}

.map-info-btn{padding: 0 16px;position: relative;}
.mi-alert{position: absolute;left: 50%;transform: translateX(-50%);bottom: calc(100% + 16px);width: calc(100% - 64px);border-radius: 100px;padding: 6px 10px;background-color: rgba(0, 0, 0, 0.5);backdrop-filter: blur(5px);display: flex;justify-content: space-between;align-items: center;color: #fff;}
.mia-txt{font-size: 16px;display: flex;align-items: center;}
.mia-txt>svg{width: 16px;height: 16px;margin-right: 5px;}
.mi-alert>a{font-size: 14px;font-weight: 500;color: #fff;text-decoration: underline;transition: 0.3s;}
.mi-alert>a:hover{color: #3F5CFE;}

.work-section{padding: 64px 0 96px 0;position: relative;}
.work-inner{width: 100%;max-width: 1400px;margin: 0 auto;height: 100%;overflow: auto;}
.top-btn{display: flex;justify-content: right;margin-bottom: 16px;}
.top-btn>button{display: flex;align-items: center;justify-content: center;height: 36px;padding: 0 10px;border-radius: 100px;background-color: #fff;box-shadow: 1px 1px 16px rgba(153, 153, 153, 0.2);margin-right: 10px;font-size: 16px;color: #111;font-weight: 500;transition: 0.3s;}
.top-btn>button>svg{width: 16px;height: 16px;color: #3F5CFE;margin-right: 5px;transition: 0.3s;}

.top-btn>button:hover{background-color: #3F5CFE;color: #fff;}
.top-btn>button:hover>svg{color: #fff !important;}
body.recruiter .top-btn>button>svg{color: #1CA673;}
body.recruiter .top-btn>button:hover{background-color: #1CA673;}

body.franchise .top-btn>button>svg{color: #6F30A0;}
body.franchise .top-btn>button:hover{background-color: #6F30A0;}

.work-title{margin-bottom: 16px;display: flex;align-items: center;position: relative;z-index: 2;}
.work-title>button{height: 36px;font-size: 16px;transition: 0.3s;display: flex;align-items: center;margin-right: 16px;justify-content: center;padding: 0 10px;border-radius: 100px;background-color: #fff;box-shadow: 1px 1px 16px rgba(153, 153, 153, 0.2);}
.work-title>button>svg{margin-right: 5px;width: 16px;height: 16px;color: #333;transition: 0.3s;}
.work-title>button:hover{background-color: #3F5CFE;color: #fff;}
body.recruiter .work-title>button:hover{background-color: #1CA673;color: #fff;}
body.franchise .work-title>button:hover{background-color: #6F30A0;color: #fff;}
.work-title>button:hover>svg{color: #fff;}
.work-wrap{display: flex;align-items: flex-start;position: relative;z-index: 2;}
.work-wrap::before{display: block;position: fixed;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);content: '';left: 0;top: 0;z-index: 3;display: none;opacity: 0;transition: 0.3s;pointer-events: none;}

.work-search>p{margin-bottom: 16px;}
.work-search{width: 420px;min-width: 420px;margin-right: 32px;padding: 32px 16px 16px 16px;background-color: #fff;border-radius: 16px;box-shadow: 1px 1px 32px rgba(153, 153, 153, 0.25);position: sticky;top: 0;}
.work-search .search-item{margin-bottom: 16px;}

.work-main-wrap{width: 100%;}
.search-filter{margin-bottom: 32px;}
.search-filter-item{margin-bottom: 16px;width: 100%;}
.search-filter-item:last-of-type{margin-bottom: 0;}
.search-filter-item>p{margin-bottom: 2.5px;font-size: 14px;font-weight: 500;color: #333;}
.filter-category{display: flex;}
.filter-category>button{width: 100%;margin-right: 10px;height: 48px;border-radius: 10px;border: 1px solid #d9d9d9;color: #666;font-size: 15px;font-weight: 400;transition: 0.3s;display: flex;align-items: center;justify-content: center;}
.filter-category>button:last-of-type{margin-right: 0;}
.filter-category>button.on{border-color: #3F5CFE;background-color: rgba(63, 92, 254, 0.1);color: #3F5CFE;}
body.recruiter .filter-category>button.on{border-color: #1CA673;background-color: rgba(28, 166, 115, 0.1);color: #1CA673;}
body.franchise .filter-category>button.on{border-color: #6F30A0;background-color: rgba(111, 48, 160, 0.1);color: #6F30A0;}
.date-input{width: 100%;margin-right: 10px;position: relative;}
.date-input>svg{width: 16px;height: 16px;color: #666;left: 10px;top: 50%;transform: translateY(-50%);position: absolute;}
.date-input>span{font-size: 14px;color: #666;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);}
.date-input>input{width: 100%;padding-left: 32px;font-size: 15px;color: #666;}
.date-input:last-of-type{margin-right: 0;}
.flex-btn-wrap{display: flex;}
.work-main{width: 100%;margin-bottom: 32px;border-radius: 16px;box-shadow: 1px 1px 32px rgba(153, 153, 153, 0.25);width: 100%;background-color: #fff;padding: 32px 16px 16px 16px;}
.work-main .title-flex{margin-bottom: 16px;display: flex;justify-content: space-between;width: 100%;}
.work-main>p{margin-bottom: 16px;}
.work-main>p>span{color: #3F5CFE;}
body.recruiter .work-main>p>span{color: #1CA673;}
body.franchise .work-main>p>span{color: #6F30A0;}
.title-flex>button{height: 32px;display: flex;align-items: center;font-size: 16px;font-weight: 500;color: #fff;padding: 0 16px;border-radius: 100px;}
.title-flex>button>svg{width: 16px;height: 16px;margin-right: 5px;color: #fff;}
body.worker .title-flex>button{background-color: #3F5CFE;}
body.recruiter .title-flex>button{background-color: #1CA673;}
body.franchise .title-flex>button{background-color: #6F30A0;}



.work-item{border: 1px solid #d9d9d9;border-radius: 10px;padding: 16px;display: flex;background-color: #fff;justify-content: space-between;transition: 0.3s;cursor: pointer;margin-bottom: 10px;position: relative;}
.work-item:hover{border-color: #3F5CFE;background-color: rgba(63, 92, 254, 0.1);}
.work-item:last-of-type{margin-bottom: 0;}
body.recruiter .work-item:hover{border-color: #1CA673;background-color: rgba(28, 166, 115, 0.1);}
body.franchise .work-item:hover{border-color: #6F30A0;background-color: rgba(111, 48, 160, 0.1)}

body.worker .work-item-complate .info-basic>p{color: #3F5CFE !important;}
body.recruiter .work-item-complate .info-basic>p{color: #1CA673 !important;}
body.franchise .work-item-complate .info-basic>p{color: #6F30A0 !important;}

body.worker .work-item-complate{border-color: #3F5CFE;box-shadow: 1px 1px 16px rgba(63, 92, 254, 0.1);}
body.recruiter .work-item-complate{border-color: #1CA673;box-shadow: 1px 1px 16px rgba(28, 166, 115, 0.1);}
body.franchise .work-item-complate{border-color: #6F30A0;box-shadow: 1px 1px 16px rgba(111, 48, 160, 0.1);}


.work-item .map-date{font-size: 16px !important;font-weight: 400;}
.work-item .info-round{margin-top: 10px !important;}

.work-stat{padding: 1px 2.5px;font-weight: 600;font-size: 14px;border-radius: 5px;}
body.worker .work-stat-1{background-color: rgba(63, 92, 254, 0.1);color: #3F5CFE;}
body.worker .work-stat-2{background-color: rgba(227, 61, 210, 0.1);color: #E33DD3;}
body.worker .work-stat-3{background-color: rgba(255, 73, 152, 0.1);color: #FF4999;}

body.recruiter .work-stat-1{background-color: rgba(28, 166, 115, 0.1);color: #1CA673;}
body.recruiter .work-stat-2{background-color: rgba(0, 145, 145, 0.1);color: #009091;}
body.recruiter .work-stat-3{background-color: rgba(0, 117, 153, 0.1);color: #007599;}

body.franchise .work-stat-1{background-color: rgba(111, 48, 160, 0.1);color: #6F30A0;}
body.franchise .work-stat-2{background-color: rgba(195, 45, 143, 0.1);color: #C32D8E;}


.work-info{display: flex;flex-direction: column;justify-content: space-between;align-items: flex-end;}
.work-info-top{display: flex;flex-direction: column;align-items: flex-end;}
.work-info-date{display: flex;}
.wid-item{margin-left: 16px;text-align: right;}
.wid-item>p{font-size: 14px;font-weight: 400;color: #666;margin-bottom: 2.5px;}
.wid-item>span{font-size: 16px;font-weight: 400;color: #333;}
body.worker .wid-item-color>span{color: #3F5CFE !important;}
body.recruiter .wid-item-color>span{color: #1CA673 !important;}
body.franchise .wid-item-color>span{color: #6F30A0 !important;}
.work-info-bottom{display: flex;align-items: flex-end;flex-direction: column;}
.wib-count{font-size: 14px;font-weight: 500;color: #3F5CFE;}
.wib-count strong{font-weight: 500;}
body.recruiter .wib-count{font-size: 14px;font-weight: 500;color: #3F5CFE;}
body.franchise .wib-count{font-size: 14px;font-weight: 500;color: #1CA673}
.work-info-bottom .info-price{margin-top: 0 !important;}

.wib-notice{border-radius: 100px;background-color: rgba(0, 0, 0, 0.5);font-size: 16px;font-weight: 300;padding: 2.5px 7.5px;display: flex;align-items: center;color: #fff;display: none;}
.wib-notice>svg{width: 16px;height: 16px;margin-right: 5px;}
.fr-filter{height: 32px;border-radius: 8px;border: 1px solid #d9d9d9;display: flex;align-items: center;padding: 0 6px;transition: 0.3s;cursor: pointer;}
.fr-filter>span{font-size: 14px;font-weight: 300;color: #666;}
.toggle-btn{width: 40px;height: 20px;border-radius: 100px;position: relative;border: 1px solid #d9d9d9;margin-left: 10px;transition: 0.3s;}
.toggle-handle{position: absolute;width: 16px;height: 16px;border-radius: 100%;background-color: #d9d9d9;top: 50%;transform: translateY(-50%);left: calc(0% + 1px);transition: 0.3s;}
.fr-filter.on .toggle-btn .toggle-handle{left: calc(100% - 17px);background-color: #3F5CFE;}
body.recruiter .fr-filter.on .toggle-btn .toggle-handle{background-color: #1CA673;}
body.franchise .fr-filter.on .toggle-btn .toggle-handle{background-color: #6F30A0;}
.fr-filter.on .toggle-btn{border-color: #3F5CFE;}
body.recruiter .fr-filter.on .toggle-btn{border-color: #1CA673;}
body.franchise .fr-filter.on .toggle-btn{border-color: #6F30A0;}
.fr-filter.on{border-color: #3F5CFE;}
body.recruiter .fr-filter.on{border-color: #1CA673;}
body.franchise .fr-filter.on{border-color: #6F30A0;}

.pagenation{display: flex;justify-content: center;align-items: center;margin-top: 10px;}
.pagenation>button{width: 32px;height: 32px;border-radius: 100%;margin-right: 10px;font-size: 16px;font-weight: 500;transition: 0.3s;color: #666;background-color: #f1f1f1;display: flex;align-items: center;justify-content: center;}
.pagenation>button:last-of-type{margin-right: 0;}
.pagenation>button:hover{background-color: rgba(63, 92, 254, 0.1);color: #3F5CFE;}
body.recruiter .pagenation>button:hover{background-color: rgba(28, 166, 115, 0.1);color: #1CA673;}
body.franchise .pagenation>button:hover{background-color: rgba(111, 48, 160, 0.1);color: #6F30A0;}

.pagenation>button.on{background-color: rgba(63, 92, 254, 1);color: #fff;}
body.recruiter .pagenation>button.on{background-color: rgba(28, 166, 115, 1);color: #fff;}
body.franchise .pagenation>button.on{background-color: rgba(111, 48, 160, 1);color: #fff;}


.info-popup .map-date{margin-top: 2.5px !important;}
.info-popup .info-basic>p{font-size: 24px !important;}
.info-popup .info-basic{margin-bottom: 16px !important;}

.info-popup .map-info-sub{margin-bottom: 16px;padding: 0;border: 0;border-radius: 0;}
.info-popup .map-info-sub>p{font-size: 16px;font-weight: 500;color: #111;margin-bottom: 5px !important;}
.info-popup .info-round{margin-top: 0 !important;}
.info-popup .mis-sub>p{margin-bottom: 5px;}
.info-popup .mis-sub{margin-bottom: 10px !important;}
.info-popup .mis-sub:last-of-type{margin-bottom: 0px !important;}

.work-end{background-color: #f1f1f1;}
.work-end .com-name{color: #666 !important;}
.work-end .info-basic>p{color: #666 !important;}
.work-end .info-item>p,
.work-end .info-item>span{color: #666 !important;}
.work-end .map-date{color: #666 !important;}

.wib-button{display: flex;}
.wib-button>button{height: 32px;display: flex;align-items: center;justify-content: center;padding: 0 16px;font-weight: 500;border-radius: 100px;font-size: 16px;margin-left: 10px;}
.wib-button>button>svg{width: 16px;height: 16px;margin-right: 5px;color: #fff;}
body.worker .wib-button>button.fill{background-color: #3F5CFE;color: #fff;}
body.recruiter .wib-button>button.fill{background-color: #1CA673;color: #fff;}
body.franchise .wib-button>button.fill{background-color: #6F30A0;color: #fff;}

body.worker .wib-button>button.solid{background-color: #fff;border: 1px solid #3F5CFE;color: #3F5CFE;}
body.recruiter .wib-button>button.solid{background-color: #fff;border: 1px solid #1CA673;color: #1CA673;}
body.franchise .wib-button>button.solid{background-color: #fff;border: 1px solid #6F30A0;color: #6F30A0;}

.wib-button{pointer-events: auto;}
.bill-info{transition: 0.3s;overflow: hidden;height: 0;display: flex;padding-top: 0px;filter: blur(2.5px);opacity: 0;}
.bill-info.on{height: 60px;padding-top: 10px;filter: blur(0);opacity: 1;}
.bi-item{margin-right: 10px;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;border-radius: 6px;padding: 5px 10px;background-color: #fff;border: 1px solid #d9d9d9;}
.bi-item:last-of-type{margin-right: 0;}
.bi-item>p{font-size: 14px;font-weight: 300;color: #666;}
.bi-item strong{font-weight: 500;}
.bi-item>span{color: #111;}
.bi-item:last-of-type>span{color: #3F5CFE;}


.review-wrap{display: flex;flex-direction: column;align-items: flex-start;}
.rv-info{margin-bottom: 32px;padding: 16px;border-radius: 16px;background-color: #fff;box-shadow: 1px 1px 32px rgba(153, 153, 153, 0.25);}

.rv-write-item{margin-bottom: 16px;display: flex;flex-direction: column;align-items: flex-start;}
.rv-write-item>p{font-size: 16px;font-weight: 300;color: #333;margin-bottom: 5px;}
.star-count{display: flex;padding: 10px;border-radius: 6px;border: 1px solid #d9d9d9;}
.star-count>button{height: 34px;width: auto;display: flex;align-items: center;justify-content: center;margin-right: 5px;}
.star-count>button:last-of-type{margin-right: 0;}
.star-count>button>img{display: block;height: 100%;}
.rv-write-wrap{padding: 32px 16px 16px 16px;width: 100%;}

.upload-img{display: flex;margin-bottom: 16px;}
.upload-img>label{width: 120px;height: 120px;transition: 0.3s;flex-direction: column;border-radius: 10px;border: 1px solid #d9d9d9;display: flex;align-items: center;justify-content: center;margin-right: 10px;}
.upload-img>label>input{display: none;}
.upload-img>label:hover{background-color: rgba(63, 92, 254, 0.1);border-color: #3F5CFE;}
body.recruiter .upload-img>label:hover{background-color: rgba(28, 166, 115, 0.1);border-color: #1CA673;}
.upload-img>label>svg{width: 32px;height: 32px;color: #3F5CFE;margin-bottom: 5px;}
body.recruiter .upload-img>label>svg{color: #1CA673;}
.upload-img>label>span{font-size: 14px;font-weight: 300;color: #666;transition: 0.3s;}
.upload-img>label:hover>span{color: #3F5CFE;}
body.recruiter .upload-img>label:hover>span{color: #1CA673;}
.uploaded-img{width: 120px;height: 120px;border-radius: 10px;overflow: hidden;position: relative;margin-right: 10px;}
.uploaded-img>button{position: absolute;right: 5px;top: 5px;border-radius: 6px;background-color: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;width: 26px;height: 26px;}
.uploaded-img>button>svg{width: 26px;height: 26px;color: #fff;}
.uploaded-img>img{display: block;width: 100%;height: 100%;object-fit: cover;}
.img-notice>span{font-size: 14px;font-weight: 300;color: #666;display: block;}
.rv-write-wrap .btn-100{width: 200px !important;}

.review-view{margin-bottom: 32px;}
.review-view .star>img{height: 24px;width: 24px;margin-right: 2.5px;}
.review-write-img{max-width: 480px;width: 100%;overflow: hidden;border-radius: 10px;margin: 16px 0;}
.review-write-img>img{display: block;width: 100%;height: 100%;object-fit: cover;}
.review-txt{font-size: 15px;font-weight: 300;color: #333;}
.review-item{display: flex;cursor: pointer;margin-bottom: 16px;}
.review-item:last-of-type{margin-bottom: 0;}
.ri-info{padding: 16px;border: 1px solid #d9d9d9;border-radius: 12px;margin-right: 16px;flex-shrink: 0;position: relative;transition: 0.3s;}
.review-item:hover .ri-info{border-color: #3F5CFE;background-color: rgba(63, 92, 254, 0.1);}
body.recruiter .review-item:hover .ri-info{border-color: #1CA673;background-color: rgba(28, 166, 115, 0.1);}
body.franchise .review-item:hover .ri-info{border-color: #6F30A0;background-color: rgba(111, 48, 160, 0.1)}

.review-item:hover .ri-txt{border-color: #3F5CFE;background-color: rgba(63, 92, 254, 0.1);}
body.recruiter .review-item:hover .ri-txt{border-color: #1CA673;background-color: rgba(28, 166, 115, 0.1);}
body.franchise .review-item:hover .ri-txt{border-color: #6F30A0;background-color: rgba(111, 48, 160, 0.1)}

.review-item:hover .ri-txt::after{background-color: #3F5CFE;}
body.recruiter .review-item:hover .ri-txt::after{background-color: #1CA673;}
body.franchise .review-item:hover .ri-txt::after{background-color: #6F30A0;}

.review-sub-txt>p{width: 100%;text-overflow: ellipsis;overflow: hidden;display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;font-size: 15px;font-weight: 300;color: #333;}
.review-sub-txt>span{font-size: 16px;font-weight: 500;color: #121212;margin-bottom: 5px;display: block;}
.ri-txt{display: flex;flex-wrap: wrap;position: relative;border: 1px solid #d9d9d9;border-radius: 12px;padding: 16px;transition: 0.3s;}
.ri-txt::after{display: block;content: '';transition: 0.3s;position: absolute;height: 1px;width: 16px;left: -17px;top: 50%;transform: translateY(-50%);background-color: #d9d9d9;}
.ri-date{display: flex;width: 100%;justify-content: space-between;align-items: flex-start;margin-bottom: 10px;}
.ri-date>span{font-size: 14px;color: #666;}
.review-sub-img{width: 100px;height: 100px;overflow: hidden;border-radius: 10px;margin-right: 16px;}
.review-sub-img>img{display: block;width: 100%;height: 100%;object-fit: cover;}
.review-sub-txt{width: calc(100% - 116px);}
.more-view-btn{display: flex;align-items: center;font-size: 14px;color: #666;transition: 0.3s;font-weight: 500;text-decoration: underline;}
.more-view-btn>svg{width: 12px;height: 12px;color: #666;margin-right: 5px;}
.more-view-btn:hover{color: #3F5CFE;}
body.recruiter .more-view-btn:hover{color: #1CA673;}
body.franchise .more-view-btn:hover{color: #6F30A0;}

.ri-txt .more-view-btn{position: absolute;right: 16px;bottom: 16px;}

.my-info-wrap{padding: 32px 16px 16px 16px;margin-right: 32px;width: auto;min-width: 420px;}
.mypage-title{margin-bottom: 16px;}
.mypage-wrap{height: 100%;}
.mypage-profile{display: flex;align-items: flex-start;}
.my-info-wrap>p{margin-bottom: 16px;}
.my-info{padding: 16px;border: 1px solid #d9d9d9;border-radius: 12px;margin-bottom: 16px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.my-info>span{font-size: 16px;color: #666;display: block;margin-top: 2.5px;margin-bottom: 10px;}
.my-info>span>strong{font-weight: 300;}

.my-info>button{display: flex;align-items: center;justify-content: center;margin-top: 16px;padding: 0 10px;height: 32px;border-radius: 100px;background-color: #666;color: #fff;font-size: 15px;font-weight: 400;}
.my-info>button>svg{width: 16px;height: 16px;margin-right: 5px;}

.my-history{width: 100%;margin-right: 16px;border: 1px solid transparent;position: relative;justify-content: space-between;transition: 0.3s;cursor: pointer;padding: 16px;display: flex;align-items: flex-start;}
.my-history:last-of-type{margin-right: 0;}

.my-right{width: 100%;}
.mh-wrap{display: flex;margin-bottom: 32px;}
.my-btn{margin-bottom: 10px;border: 1px solid #d9d9d9;border-radius: 10px;padding: 10px;display: flex;align-items: center;transition: 0.3s;cursor: pointer;}
.my-btn:hover{border-color: #3F5CFE;background-color: rgba(63, 92, 254, 0.1);}

body.recruiter .my-btn:hover{border-color: #1CA673;background-color: rgba(28, 166, 115, 0.1);}
body.franchise .my-btn:hover{border-color: #6F30A0;background-color: rgba(111, 48, 160, 0.1);}
.my-btn:last-of-type:hover{border-color: #e83f4a !important;background-color: rgba(232, 63, 74, 0.1) !important;}

.my-btn:last-of-type{margin-bottom: 0;}
.my-btn:last-of-type .mb-svg{background-color: rgba(232, 63, 74, 0.1) !important;}
.my-btn:last-of-type .mb-svg>svg{color: #e83f4a !important}
.mb-svg{display: flex;margin-right: 10px;align-items: center;justify-content: center;width: 52px;height: 52px;background-color: rgba(63, 92, 254, 0.1);border-radius: 10px;}
body.recruiter .mb-svg{background-color: rgba(28, 166, 115, 0.1);}
body.franchise .mb-svg{background-color: rgba(111, 48, 160, 0.1)}
.mb-svg>svg{width: 24px;height: 24px;color: #3F5CFE;}
body.recruiter .mb-svg>svg{color: #1CA673;}
body.franchise .mb-svg>svg{color: #6F30A0;}

.my-btn .mb-txt>p{font-size: 16px;margin-bottom: 0px;font-weight: 500;color: #111;transition: 0.3s;}
.my-btn:hover .mb-txt>p{color: #3F5CFE;}
body.recruiter .my-btn:hover .mb-txt>p{color: #1CA673;}
body.franchise .my-btn:hover .mb-txt>p{color: #6F30A0;}
.my-btn:last-of-type:hover .mb-txt>p{color: #e83f4a !important;}

.mb-txt>span{font-size: 14px;font-weight: 300;color: #666;}
.mb-txt>span>strong{color: #3F5CFE;}
body.recruiter .mb-txt>span>strong{color: #1CA673;}
body.franchise .mb-txt>span>strong{color: #6F30A0}

.my-history>svg{width: 46px;height: 46px;color: #3F5CFE;position: absolute;left: 16px;top: 16px;}
body.recruiter .my-history>svg{color: #1CA673;}
body.franchise .my-history>svg{color: #6F30A0}
.mh-txt{text-align: right;width: 100%;}
.mh-txt>p{font-size: 16px;font-weight: 500;}
.mh-txt>span{font-size: 16px;font-weight: 300;color: #666;}
.mh-txt>span>strong{font-weight: 500;color: #3F5CFE;font-size: 26px;text-align: right;}
body.recruiter .mh-txt>span>strong{color: #1CA673;}
body.franchise .mh-txt>span>strong{color: #6F30A0;}

/*
.my-history:hover{border-color: #3F5CFE;background-color: rgba(63, 92, 254, 0.1);}
body.recruiter .my-history:hover{border-color: #1CA673;background-color: rgba(28, 166, 115, 0.1);}
body.franchise .my-history:hover{border-color: #6F30A0;background-color: rgba(111, 48, 160, 0.1);}
*/

.mh-sub-txt{font-size: 14px;font-weight: 300;color: #666;}

.history-work{padding: 32px 16px 16px 16px;margin-bottom: 32px;}
.history-work>p{margin-bottom: 16px;}

.myinfo-menu>button{display: flex;position: relative;margin-bottom: 10px;width: 100%;padding: 0 16px;align-items: center;height: 48px;border-radius: 10px;border: 1px solid #d9d9d9;transition: 0.3s;font-size: 16px;font-weight: 500;color: #111;}
.myinfo-menu>button:last-of-type{margin-bottom: 0;}
.myinfo-menu>button:hover{border-color: #3F5CFE;background-color: rgba(63, 92, 254, 0.1);color: #3F5CFE;}
body.recruiter .myinfo-menu>button:hover{border-color: #1CA673;background-color: rgba(28, 166, 115, 0.1);color: #1CA673;}
body.franchise .myinfo-menu>button:hover{border-color: #6F30A0;background-color: rgba(111, 48, 160, 0.1);color: #6F30A0;}

.myinfo-menu>button>svg{color: #3F5CFE;margin-right: 10px;width: 18px;height: 18px;;}
body.recruiter .myinfo-menu>button>svg{color: #1CA673;}
body.franchise .myinfo-menu>button>svg{color: #6F30A0;}
.myinfo-menu>button .bi-exclamation-circle{position: absolute;display: none;top: 50%;right: 4px;transform: translateY(-50%);color: #e83f4a;width: 18px;height: 18px;;}
.myinfo-menu>button.non-data{border-color: #e83f4a !important;animation-name: error;animation-duration: 1.5s;}
.myinfo-menu>button.non-data>svg{color: #e83f4a !important;}
.myinfo-menu>button.non-data .bi-exclamation-circle{display: inherit;}
.myinfo-menu>button.non-data:hover{background-color: rgba(232, 63, 74, 0.1) !important;color: #e83f4a !important;}

.notice-item.non-data{justify-content: center;background-color: #f1f1f1;border-radius: 10px;pointer-events: none;}
.notice-item.non-data>p{color: #666;font-size: 16px;font-weight: 400;}
.notice-item.non-data .com-name{color: #666 !important;}

.main-item-type-1.non-data{border: 0;background-color: #f1f1f1;width: 100%;pointer-events: none;}
.main-item-type-1.non-data .info-basic>p{color: #666;font-size: 16px;font-weight: 400;margin-bottom: 0;}
.main-item-type-1.non-data .com-name{color: #666 !important;font-size: 16px;font-weight: 400;}

.main-item-type-2.non-data{border: 0;background-color: #f1f1f1;width: 100%;pointer-events: none;}
.main-item-type-2.non-data .info-basic>p{color: #666;font-size: 16px;font-weight: 400;margin-bottom: 0;}
.main-item-type-2.non-data .com-name{color: #666 !important;font-size: 16px;font-weight: 400;}

.review-item.non-data{border: 0;background-color: #f1f1f1;pointer-events: none;border-radius: 10px;}
.review-item.non-data .ri-info{border: 0 !important;}
.review-item.non-data .info-basic>p{color: #666;font-size: 16px;font-weight: 400;margin-bottom: 0;}
.review-item.non-data .com-name{color: #666 !important;font-weight: 400;font-size: 16px;}
@keyframes error{
    0%{
        border-color: #d9d9d9;box-shadow: 1px 1px 16px rgba(232, 63, 74, 0.0);background-color: rgba(232, 63, 74, 0.0);
    }
    25%{
        border-color: #e83f4a;box-shadow: 1px 1px 16px rgba(232, 63, 74, 0.25);background-color: rgba(232, 63, 74, 0.1);
    }
    50%{
        border-color: #d9d9d9;box-shadow: 1px 1px 16px rgba(232, 63, 74, 0.0);background-color: rgba(232, 63, 74, 0.0);
    }
    75%{
        border-color: #e83f4a;box-shadow: 1px 1px 16px rgba(232, 63, 74, 0.25);background-color: rgba(232, 63, 74, 0.1);
    }
    100%{
        border-color: #e83f4a;box-shadow: 1px 1px 16px rgba(232, 63, 74, 0.0);background-color: rgba(232, 63, 74, 0.0);
    }
}


.myinfo-detail{padding: 16px;margin-bottom: 32px;border: 1px solid transparent;transition: 0.3s;}
.myinfo-detail .title-flex{margin-bottom: 16px;}
.myinfo-detail.non-data{border-color: #e83f4a;}
.myinfo-data{font-size: 16px;border-radius: 10px;padding: 0 16px;min-height: 48px;width: 100%;border: 1px solid #d9d9d9;display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;}
.myinfo-data-document{padding: 16px;}
.myinfo-data:last-of-type{margin-bottom: 0;}
.myinfo-data>p{font-weight: 500;color: #111;}
.myinfo-data>span{font-weight: 400;color: #333;}
.non-data-txt{font-size: 14px;display: block;color: #e83f4a;margin-top: 2.5px;display: none;}
.myinfo-detail.non-data .non-data-txt{display: block;}

.sel-btn{display: flex;margin-bottom: 10px;width: 100%;}
.sel-btn:last-of-type{margin-bottom: 0;}
.sel-btn>button{width: 100%;height: 48px;margin-right: 10px;border-radius: 10px;display: flex;align-items: center;justify-content: center;transition: 0.3s;border: 1px solid #d9d9d9;font-size: 16px;font-weight: 500;color: #666;}
.sel-btn>button:last-of-type{margin-right: 0;}
.sel-btn>button.on{border-color: #44454c;background-color: rgba(63, 92, 254, 0.1);color: #3F5CFE;}
body.recruiter .sel-btn>button.on{border-color: #1CA673;background-color: rgba(28, 166, 115, 0.1);color: #1CA673;}
body.franchise .sel-btn>button.on{border-color: #6F30A0;background-color: rgba(0, 145, 145, 0.1);color: #6F30A0;}

.add-recruit .sel-btn{display: flex;width: 100%;flex-wrap: wrap;margin-bottom: 64px;}
.add-recruit .sel-btn>button{margin-bottom: 10px;width: calc(25% - 7.5px);}
.add-recruit .sel-btn>button:nth-of-type(4n){margin-right: 0;}

.document-wrap{display: flex;aspect-ratio: 254/157;margin-bottom: 10px;}
.document-wrap:last-of-type{margin-bottom: 0;}

.document-itme{width: 100%;overflow: hidden;height: 100%;border-radius: 10px;background-color: #f1f1f1;position: relative;margin-right: 10px;}
.document-itme:last-of-type{margin-right: 0;}
.document-itme>img{display: block;width: 100%;height: 100%;position: relative;object-fit: cover;}
.document-itme>img{display: none;}
.document-itme>button{position: absolute;opacity: 0;filter: blur(2.5px);z-index: 3;right: 16px;top: 16px;background-color: rgba(0, 0, 0, 0.5);transition: 0.3s;border-radius: 100px;display: flex;align-items: center;justify-content: center;color: #fff;font-weight: 400;font-size: 14px;padding: 0 16px;height: 32px;}
.document-itme>button:hover{background-color: rgba(0, 0, 0, 0.8);}
.dc-txt{position: absolute;cursor: pointer;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;z-index: 2;}
.dc-txt>svg{color: #3F5CFE;width: 32px;height: 32px;margin-bottom: 10px;}
body.recruiter .dc-txt>svg{color: #1CA673;}
body.franchise .dc-txt>svg{color: #6F30A0;}

.dc-txt>span{color: #666;font-weight: 300;text-align: center;transition: 0.3s;}
.dc-txt:hover>span{color: #3F5CFE;}
body.recruiter .dc-txt:hover>span{color: #1CA673;}
body.franchise .dc-txt:hover>span{color: #6F30A0;}

.myinfo-data .document-wrap{max-width: 320px;width: 100%;}
.myinfo-data .document-wrap button{right: auto;left: 50%;transform: translateX(-50%);opacity: 1;filter: blur(0);white-space: nowrap;pointer-events: none;}
.myinfo-data .document-wrap img{display: block !important;}

.more-license{}





/* 0714 랜딩페이지 */
.landing-section{width: 100%;position: relative;overflow: hidden;}
.landing-section .top-btn>button:first-of-type{background-color: #3F5CFE;color: #fff;}
.landing-section .top-btn>button:first-of-type>svg{color: #fff;}
.landing-section .top-btn>button:first-of-type:hover{background-color: #3F5CFE;}

.landing-section .top-btn>button:last-of-type{background: linear-gradient(to right, #3ABAB8, #41B48F);color: #fff;}
.landing-section .top-btn>button:last-of-type>svg{color: #fff;}
.landing-section .top-btn>button:last-of-type:hover{background: linear-gradient(to right, #3ABAB8, #41B48F)}

.landing-section .top-btn{max-width: 1400px;width: 100%;margin: 0 auto;padding-top: 64px;position: fixed;top: 0;left: 50%;transform: translateX(-50%);z-index: 3;}


.landing-banner{width: 100%;height: 100vh;display: flex;align-items: center;justify-content: center;background-color: #3F5CFE;}

.landing-txt{color: #fff;width: 100%;max-width: 1400px;}

.landing-txt>span{font-size: 20px;font-weight: 300;margin-bottom: 5px;display: block;opacity: 0;filter: blur(2.5px);transform: translateY(16px);transition: 0.5s;}
.landing-txt>p{color: #fff;opacity: 0;filter: blur(2.5px);transform: translateY(16px);transition: 0.5s 0.2s;}

.landing-banner.on .landing-txt>span,
.landing-banner.on .landing-txt>p{opacity: 1;filter: blur(0px);transform: translateY(0px);}

.landing-wrap{padding: 128px 0;width: 100%;margin: 0 auto;}

.landing-item{margin: 0 auto;margin-bottom: 128px;max-width: 1400px;width: 100%;}
.landing-1-img{width: 100%;height: 0px;border-radius: 16px;position: relative;margin-bottom: 96px;overflow: hidden;box-shadow: 1px 1px 64px rgba(153, 153, 153, 0.25);transition: 1.2s 0.4s;}
.landing-1-img>img{display: block;width: 100%;height: 100%;object-fit: cover;}
.landing-1-img>p{color: #fff;text-align: center;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: 0.3s 0.6s;opacity: 0;}

.landing-item.on .landing-1-img{height: 500px;}
.landing-item.on .landing-1-img>p{opacity: 1;}

.landing-title{margin-bottom: 32px;}
.landing-title>p{margin-bottom: 16px;opacity: 0;filter: blur(2.5px);transform: translateY(16px);transition: 0.5s;}
.landing-title>span{color: #333;font-size: 20px;font-weight: 300;opacity: 0;filter: blur(2.5px);transform: translateY(16px);transition: 0.5s 0.2s;}

.landing-item-1 .landing-title>p{transition: 0.5s 1.8s;}
.landing-item-1 .landing-title>span{transition: 0.5s 2s;}

.landing-item.on .landing-title>p{opacity: 1;filter: blur(0px);transform: translateY(0px);}
.landing-item.on .landing-title>span{opacity: 1;filter: blur(0px);transform: translateY(0px);}

.landing-introduce.on .landing-title>p{opacity: 1;filter: blur(0px);transform: translateY(0px);}
.landing-introduce.on .landing-title>span{opacity: 1;filter: blur(0px);transform: translateY(0px);}
.landing-qna.on .landing-title>p{opacity: 1;filter: blur(0px);transform: translateY(0px);}
.landing-qna.on .landing-title>span{opacity: 1;filter: blur(0px);transform: translateY(0px);}

.explan-wrap{display: flex;}
.explan-item{margin-right: 32px;padding: 32px;overflow: hidden;width: 100%;border-radius: 16px;border: 1px solid #d9d9d9;background-color: #fff;box-shadow: 1px 1px 64px rgba(153, 153, 153, 0.25);cursor: pointer;transition: 0.5s;position: relative;;opacity: 0;filter: blur(2.5px);transform: translateY(16px);}

.explan-item:nth-of-type(1){transition: 0.5s 2.4s;}
.explan-item:nth-of-type(2){transition: 0.5s 2.6s;}
.explan-item:nth-of-type(3){transition: 0.5s 2.8s;}

.landing-item.on .explan-item{opacity: 1;filter: blur(0px);transform: translateY(0px);}


.ex-hover{position: absolute;left: 0;top: 0;background-color: rgba(255, 255, 255, 0.5);width: 100%;height: 100%;backdrop-filter: blur(2.5px);display: flex;align-items: center;justify-content: center;transition: 0.3s;opacity: 0;}
.ex-hover>p{font-size: 20px;text-align: center;color: #333;}
.ex-hover>p>span{font-weight: 500;color: #269BD8;}
.explan-item:hover .ex-hover{opacity: 1;}

.explan-item:last-of-type{margin-right: 0;}
.ex-icon{width: 54px;height: 54px;border-radius: 10px;background-color: rgba(38, 154, 216, 0.2);margin-bottom: 16px;display: flex;align-items: center;justify-content: center;}
.ex-icon>svg{width: 24px;height: 24px;color: #269BD8;}
.explan-item>p{color: #269BD8;margin-bottom: 5px;}
.explan-item>span{font-size: 18px;font-weight: 300;color: #333;}

.landing-chart{display: flex;}
.lc-img{margin-right: 64px;width: 100%;overflow: hidden;opacity: 0;transform: translateY(16px);filter: blur(2.5px);}
.lc-img:nth-of-type(1){transition: 0.5s 0.6s;}
.lc-img:nth-of-type(2){transition: 0.5s 0.8s;}
.lc-img>img{display: block;width: 100%;height: auto;}
.lc-img:last-of-type{margin-right: 0;}

.landing-item.on .lc-img{opacity: 1;transform: translateY(0px);filter: blur(0px);}

.landing-slide{width: 100%;height: 500px;margin-bottom: 64px;opacity: 0;transform: translateY(16px);filter: blur(2.5px);transition: 0.5s 0.6s;}
.landing-item.on .landing-slide{opacity: 1;transform: translateY(0px);filter: blur(0px);}
.landing-slide .swiper{width: 100%;height: 100%;}
.landing-slide .swiper-wrapper{width: 100%;height: 100%;}
.landing-slide .swiper-slide{transition: 0.5s;overflow: hidden;opacity: 0.5;}
.landing-slide .swiper-slide>img{display: block;width: 100%;height: 100%;}
.landing-slide .swiper-slide.swiper-slide-active{opacity: 1;border-radius: 16px;}
.landing-slide .swiper-slide-prev{border-radius: 0 16px 16px 0;}
.landing-slide .swiper-slide-next{border-radius: 16px 0px 0px 16px;}

.landing-count{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.landing-count>span{color: #269BD8;font-size: 120px;}
.landing-count>p{color: #333;}

.landing-introduce{width: 100%;background-color: #3F5CFE;padding: 128px 0;}
.li-inner{width: 100%;max-width: 1400px;margin: 0 auto;}
.li-inner .landing-title{margin-bottom: 64px;text-align: center;}
.li-inner .landing-title>p{color: #fff;}
.li-inner .landing-title>span{color: #fff;}

.li-1-wrap{display: flex;}
.li-1-img{width: 700px;position: relative;opacity: 0;transform: translateY(16px);filter: blur(2.5px);transition: 0.5s 0.6s;}
.landing-introduce.on .li-1-img{opacity: 1;transform: translateY(0px);filter: blur(0px);}
.li-1-img>img{display: block;width: 100%;}
.li-1-img .fixed-img{position: absolute;left: 0;top: -32px;width: 150px;}
.li-1-img .fixed-img>img{display: block;width: 100%;}

.li-1-txt{padding-left: 64px;}

.li-1-txt-item{margin-bottom: 32px;opacity: 0;transform: translateY(16px);filter: blur(2.5px);}
.li-1-txt-item:nth-of-type(1){transition: 0.5s 0.6s;}
.li-1-txt-item:nth-of-type(2){transition: 0.5s 0.8s;}
.li-1-txt-item:nth-of-type(3){transition: 0.5s 1s;}
.landing-introduce.on .li-1-txt-item{opacity: 1;transform: translateY(0px);filter: blur(0px);}
.li-1-txt-item:last-of-type{margin-bottom: 64px;}
.li-1-txt-item>p{color: #fff;display: flex;align-items: center;margin-bottom: 16px;}
.li-1-txt-item>p>svg{width: 24px;height: 24px;margin-right: 10px;display: block;}
.li-1-txt-item>span{font-size: 18px;color: #fff;}

.li-1-txt .round-btn{background-color: #fff;color: #3F5CFE;padding: 0 16px;opacity: 0;transform: translateY(16px);filter: blur(2.5px);transition: 0.5s 1.2s;}
.landing-introduce.on .li-1-txt .round-btn{opacity: 1;transform: translateY(0px);filter: blur(0px);}
.li-1-txt .round-btn>svg{color: #3F5CFE;}

.landing-introduce-2{background: linear-gradient(to right, #3ABAB8, #41B48F) !important;overflow: hidden;}
.landing-manager{width: 100%;max-width: 1200px;margin: 0 auto;border: 3px solid #333;border-radius: 16px;overflow: hidden;position: relative;cursor: pointer;opacity: 0;transform: translateY(16px);filter: blur(2.5px);transition: 0.5s 0.6s;}
.landing-introduce.on .landing-manager{opacity: 1;transform: translateY(0px);filter: blur(0px);}
.landing-manager>img{display: block;width: 100%;}

.landing-manager>p{width: 100%;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);display: flex;align-items: center;justify-content: center;background-color: rgba(0, 0, 0, 0.4);backdrop-filter: blur(5px);color: #fff;opacity: 0;transition: 0.3s;}

.landing-manager:hover>p{opacity: 1;}

.landing-qna-wrap{display: flex;flex-wrap: wrap;width: 100%;max-width: 1400px;margin: 0 auto;opacity: 0;transform: translateY(16px);filter: blur(2.5px);transition: 0.5s 0.6s;}
.landing-qna.on .landing-qna-wrap{opacity: 1;transform: translateY(0px);filter: blur(0px);}
.lq-item{width: calc(25% - 12px);margin-right: 16px;display: flex;align-items: center;}
.lq-item>span{display: flex;align-items: center;justify-content: center;margin: 0 2.5px;font-size: 16px;color: #666;}
.lq-item>input{width: 100%;}
.lq-item:nth-of-type(4){margin-right: 0px;}
.lq-item-l{width: 100%;margin-right: 0;margin: 16px 0;}

.check-consel .auto-login span{font-size: 16px !important;}

.landing-qna{padding-top: 128px;}


.landing-popup{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 4;}
.lp-inner{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);border-radius: 16px;background-color: #fff;max-width: 768px;width: 100%;padding: 32px 16px 16px 16px;}

.landing .popup-inner{max-width: 768px;}

.landing-logo-wrap{margin-bottom: 64px;}
.landing-logos{display: flex;width: 100%;margin-bottom: 32px;}
.landing-logos:nth-of-type(1){transition: 1s 0.2s;transform: translateX(-20%);opacity: 0;filter: blur(2.5px);}
.landing-logos:nth-of-type(2){transition: 1s 0.4s;transform: translateX(20%);opacity: 0;filter: blur(2.5px);}
.landing-logos:nth-of-type(3){transition: 1s 0.6s;transform: translateX(-20%);opacity: 0;filter: blur(2.5px);}
.landing-item.on .landing-logos{transform: translateX(0%);opacity: 1;filter: blur(0px);}
.landing-logos:last-of-type{margin-bottom: 0px;}
.ll-item{width: 100%;margin-right: 32px;height: 150px;display: flex;align-items: center;justify-content: center;}
.ll-item>img{display: block;width: 100%;}

.btn-ll{max-width: 540px;margin: 0 auto;}

.sub-info{margin-top: 16px;width: 100%;text-align: right;font-size: 16px;color: #666;}
.sub-info>span{color: #3F5CFE;margin-left: 2.5px;}
body.recruiter .sub-info>span{color: #1CA673}
body.franchise .sub-info>span{color: #6F30A0}

.ad-section-2{width: 100%;padding: 64px 0;background-color: #1CA673;margin-bottom: 64px;display: flex;justify-content: center;}

.ad-section-2 .round-btn{width: 250px;background-color: #fff;border: 1px solid #1CA673;}
.ad-section-2 .round-btn>span{color: #1CA673;}

.ad-2-inner{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.ad-2-title{margin-bottom: 32px;text-align: center;}
.ad-2-title>span{font-size: 20px;font-weight: 400;color: #fff;}
.ad-2-title>p{color: #fff;}
.ad-2-txt{margin-bottom: 64px;font-size: 20px;color: #f1f1f1;font-weight: 300;text-align: center;}
.ad-2-txt span{font-weight: 400;}
.ad-2-img{width: 420px;margin-bottom: 32px;width: 100%;overflow: hidden;border-radius: 16px;border: 3px solid #333;box-shadow: 1px 1px 32px rgba(0, 0, 0, 0.25);}
.ad-2-img>img{display: block;width: 100%;}
.ad-2-img-2{margin-bottom: 32px;width: 100%;max-width: 420px;margin-bottom: 32px;}
.ad-2-img-2>img{display: block;width: 100%;}

.work-stat-wrap{display: flex;width: 100%;margin: 64px 0;}
.ws-item{width: 33.333%;display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;}
.ws-item>span{font-size: 18px;font-weight: 500;}
.ws-item>p>strong{font-weight: 500;}
.ws-item>strong{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 320px;opacity: 0.1;font-weight: 700;}

body.recruiter .ws-item:nth-of-type(1){color: #1CA673;}
body.recruiter .ws-item:nth-of-type(1)>p{color: #1CA673;}

body.recruiter .ws-item:nth-of-type(2){color: #009091;}
body.recruiter .ws-item:nth-of-type(2)>p{color: #009091;}

body.recruiter .ws-item:nth-of-type(3){color: #007599;}
body.recruiter .ws-item:nth-of-type(3)>p{color: #007599;}


body.franchise .ws-item:nth-of-type(1){color: #6F30A0;}
body.franchise .ws-item:nth-of-type(1)>p{color: #6F30A0;}

body.franchise .ws-item:nth-of-type(2){color: #C32D8E;}
body.franchise .ws-item:nth-of-type(2)>p{color: #C32D8E;}

.work-item-acsess{border-color: #1CA673;}

.work-reinfo{display: flex;flex-wrap: wrap;justify-content: space-between;}
.work-reinfo>p{width: 100%;}
.reinfo-wrap{display: flex;flex-direction: column;align-items: flex-end;justify-content: space-between;}

.work-count{color: #fff !important;border-radius: 100px !important;background-color: #E83F49 !important;padding: 0 !important;min-width: 18px;height: 18px;display: flex;align-items: center;justify-content: center;}
.work-round-wrap .info-round{margin-top: 0 !important;margin-bottom: 5px;}
.work-round-wrap .info-round:last-of-type{margin-bottom: 0 !important;}
.work-round-wrap{margin-left: 10px;}

.recruit-wrap{display: flex;align-items: flex-end;}
.recruit-stat{font-size: 14px;margin-bottom: 5px;border-radius: 5px;padding: 1.5px 5px;font-weight: 500;display: inline-block;}
.recruit-stat-1{background-color: #e6e6e6;color: #666;}
.recruit-stat-2{background-color: rgba(28, 166, 115, 0.2);color: #1CA673;}
.recruit-stat-3{background-color: rgba(0, 117, 153, 0.1);color: rgba(0, 117, 153, 1);}
.recruit-stat-red{background-color: rgba(232, 63, 74, 0.1);color: #E83F49;}
.recruit-stat>span{margin-left: 2.5px;}

.none-data{width: 100%;background-color: #f1f1f1;border-radius: 10px;padding: 16px;}
.none-data>p{font-size: 16px;color: #666;font-weight: 400;}

.time-set{position: relative;width: 100%;}
.time-set>svg{width: 16px;height: 16px;color: #666;position: absolute;left: 10px;top: 50%;transform: translateY(-50%);}
.time-set-wrap{display: flex;width: 100%;margin-bottom: 32px;}
.time-set-wrap>select{width: 150px;margin-right: 10px;min-width: 150px;}
.time-set-wrap input{width: 100%;padding-left: 32px;}
.popup-work-stat{display: flex;flex-direction: column;align-items: center;}

.sel-bill-wrap{display: flex;margin-bottom: 32px;width: 100%;}
.sel-bill-wrap>button{border: 1px solid #d9d9d9;color: #666;height: 100px;transition: 0.3s;border-radius: 10px;width: 100%;margin-right: 10px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.sel-bill-wrap>button.on{background-color: rgba(28, 166, 115, 0.1);border-color: #1CA673;color: #1CA673;}
.sel-bill-wrap>button:last-of-type{margin-right: 0;}
.sel-bill-wrap>button>p{font-size: 16px;}
.sel-bill-wrap>button>svg{width: 24px;height: 24px;margin-bottom: 10px;}

.mh-bill{margin-right: 32px;width: 100%;display: flex;padding: 16px;}
.mh-bill:last-of-type{margin-right: 0;}
.mh-svg{width: 64px;height: 64px;background-color: rgba(28, 166, 115, 0.2);border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-right: 10px;flex-shrink: 0;}
.mh-svg>svg{width: 32px;height: 32px;color: #1CA673;}
.mh-bill-txt{display: flex;flex-direction: column;justify-content: space-between;width: 100%;}
.mh-bill-txt>p{font-size: 20px;font-weight: 500;margin-bottom: 0px;}
.mh-bill-txt>span{font-size: 24px;font-weight: 500;color: #1CA673;text-align: right;width: 100%;display: block;}

.bill-date{font-size: 14px;color: #666;font-weight: 300;}
.work-add-wrap{display: flex;max-width: 993px;width: 100%;}

.work-add-wrap .work-main{}

.work-write-inner{display: flex;width: 100%;}

.work-time{width: 100%;margin-bottom: 10px;display: flex;}
.wt-item{display: flex;width: 100%;border: 1px solid #d9d9d9;border-radius: 10px;background-color: #fff;align-items: center;justify-content: space-between;padding: 0 10px;min-height: 48px;margin-right: 10px;}
.wt-item:last-of-type{margin-right: 0;}
.wt-item>p{font-size: 16px;font-weight: 500;color: #121212;}
.wt-item>span{font-size: 16px;font-weight: 300;color: #666;}
.wt-item>span>strong{font-weight: 500;color: #3F5CFE;font-size: 20px;}
body.recruiter .wt-item>span>strong{color: #1CA673;}
body.franchise .wt-item>span>strong{color: #6F30A0;}

.work-time .wt-item{flex-direction: column;padding: 10px;}
.work-time .wt-item>span>strong{font-size: 16px;}
.work-time .wt-item>p{margin-bottom: 5px;}

.work-write-wrap .join-input{margin-bottom: 16px;}
.work-write-wrap .join-input:last-of-type{margin-bottom: 0;}

.work-write-wrap{width: calc(50% - 8px);margin-right: 16px;padding: 16px;border-radius: 12px;background-color: #f1f1f1;border: 1px solid #d9d9d9;}
.work-write-wrap>p{font-size: 18px;font-weight: 500;color: #111;margin-bottom: 16px;}
.work-write-wrap:last-of-type{margin-right: 0;}

.work-write-btn{display: flex;justify-content: right;margin-top: 32px;}
.work-write-btn .flex-btn{width: calc(50% - 8px);}

.add-recruit .popup-inner>p{text-align: left;}

.add-recruit .popup-inner>p>svg{width: 46px;height: 46px;color: #1CA673;margin-bottom: 16px;}
.add-recruit .add-recruit-5>p{display: flex;flex-direction: column;align-items: center;text-align: center;}

.work-sel-btn{display: flex;border-radius: 100px;background-color: #f1f1f1;}
.work-sel-btn>button{width: 100px;height: 36px;display: flex;align-items: center;color: #666;justify-content: center;font-size: 16px;transition: 0.3s;border-radius: 100px;}
.work-sel-btn>button.on{background-color: #6F30A0;color: #fff;}

.due-date{}

.info-flex-wrap{display: flex;align-items: flex-start;justify-content: space-between;}
.due-date{padding: 10px;border-radius: 10px;text-align: right;border: 1px solid #d9d9d9;;}
.due-date>p{font-size: 14px;color: #666;}
.due-date>span{color: #e83f4a;font-weight: 500;}

.work-stat-flex{display: flex;}
.work-stat-flex .work-stat{margin-left: 5px;}
.due-date-sub{background-color: rgba(232, 63, 74, 0.2);color: #e83f4a;position: relative;}
.due-hover{position: absolute;right: 0;top: calc(100% + 5px);backdrop-filter: blur(2.5px);transition: 0.3s;background-color: rgba(0, 0, 0, 0.5);border-radius: 5px;padding: 5px;text-align: center;transition: 0.3s;opacity: 0;pointer-events: none;}
.due-hover>p{font-size: 13px;color: #fff;font-weight: 400;}
.due-hover>span{color: #fff;font-weight: 500;}
.due-date-sub:hover .due-hover{opacity: 1;pointer-events: auto;}

.popup-inner .info-basic{}

.info-more .more-view-btn{margin-bottom: 16px;}

.field-info{max-width: 768px;width: 100%;padding: 16px;margin-bottom: 32px;display: flex;justify-content: space-between;}

.edit-work-wrap{width: 100%;display: flex;align-items: flex-start;}
.edit-work-wrap::before{display: block;position: fixed;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);content: '';left: 0;top: 0;z-index: 3;display: none;opacity: 0;transition: 0.3s;pointer-events: none;}

.worker-list-wrap{padding: 16px;width: 100%;max-width: 768px;flex-shrink: 0;margin-right: 32px;}

.worker-list{width: 100%;padding: 10px;border-radius: 12px;border: 1px solid #d9d9d9;background-color: rgba(111, 48, 160, 0.1);margin-bottom: 32px;}
.worker-list-wrap .title-flex{margin-bottom: 16px;}

.worker-list .info-round{justify-content: right;margin-bottom: 16px;}


.worker-item{display: flex;width: 100%;padding: 10px;border-radius: 10px;background-color: #fff;border: 1px solid #d9d9d9;justify-content: space-between;align-items: center;margin-bottom: 10px;}
.worker-item:last-of-type{margin-bottom: 0;}
.worker-title{display: flex;align-items: center;}
.worker-title .work-round-wrap{margin-left: 10px;padding-left: 10px;position: relative;border-left: 1px solid #d9d9d9;}

.worker-send-list{width: 100%;padding: 16px;}
.worker-send-list .title-flex{margin-bottom: 16px;}
.worker-send-list .work-item{flex-wrap: wrap;}
.worker-send-list .wib-button{width: 100%;justify-content: right;margin-top: 10px;}

.worker-search-list{padding: 16px;background-color: #f1f1f1;border: 1px solid #d9d9d9;border-radius: 12px;margin-bottom: 16px;display: flex;flex-direction: column;}

.worker-search-list .work-item{display: block;}
.worker-search-list .wib-button{justify-content: right;}
.info-popup .worker-search-list .info-basic>p{font-size: 18px !important;}

.worker-search-list{height: 100%;}
.wsl{height: 100%;overflow-y: auto;}
.wsl .work-item:last-of-type{margin-bottom: 0;}
.worker-search-list>.wib-button{justify-content: center;margin-bottom: 16px;}
.worker-search-list>.wib-button>button{background-color: #d9d9d9 !important;color: #333 !important;transition: 0.3s;}
.worker-search-list>.wib-button>button.on{background-color: #6F30A0 !important;color: #fff !important;}

.popup-notice-txt{margin-bottom: 32px;text-align: center;}
.popup-notice-txt>p{font-size: 18px;color: #3F5CFE;font-weight: 500;margin-bottom: 16px;}
.popup-notice-txt>span{font-size: 16px;color: #666;font-weight: 400;display: block;}

body.recruiter .popup-notice-txt>p{color: #1CA673;}
body.franchise .popup-notice-txt>p{color: #6F30A0;}

.search-btn{position: fixed;width: 48px;height: 48px;right: 32px;bottom: calc(66px + 32px);z-index: 3;display: none;}
.search-btn>button{width: 100%;height: 100%;border-radius: 100%;color: #3F5CFE;background-color: #fff;box-shadow: 1px 1px 32px rgba(0, 0, 0, 0.25);display: flex;align-items: center;justify-content: center;transition: 0.3s;}
body.recruiter .search-btn>button{color: #1CA673;}
body.franchise .search-btn>button{color: #6F30A0;}

.search-btn>button:hover{background-color: #3F5CFE;color: #fff !important;transform: scale(0.95);}
body.recruiter .search-btn>button:hover{background-color: #1CA673;}
body.franchise .search-btn>button:hover{background-color: #6F30A0;}

.search-btn>button>svg{width: 22px;height: 22px;transition: 0.3s;}

.mo-map-side-btn{position: absolute;top: -48px;display: flex;justify-content: right;width: 100%;width: calc(100% - 32px);display: none;}
.mo-location{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 100%;background-color: rgba(255, 255, 255, 0.8);backdrop-filter: blur(5px);}
.mo-list-view{display: flex;font-size: 15px;font-weight: 500;align-items: center;justify-content: center;height: 32px;border-radius: 100px;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);padding: 0 10px;background-color: rgba(255, 255, 255, 0.8);backdrop-filter: blur(5px);}
.mo-list-view>svg{margin-right: 5px;width: 16px;height: 16px;color: #121212;}
.mo-list-view>span:last-of-type{display: none;}
.mo-list-view.on>span:last-of-type{display: block;}
.mo-list-view.on>span:first-of-type{display: none;}




.nlogin-banner-1{width: 100%;max-width: 1400px;margin: 0 auto;padding: 64px 0;display: flex;}
.nb-1-title{margin-bottom: 64px;}
.nb-1-sub-txt{font-size: 20px;font-weight: 300;color: #333 ;}
.nb-1-sub-txt span{font-weight: 500;}
.worker .nb-1-sub-txt span{color: #3F5CFE;}
.recruiter .nb-1-sub-txt span{color: #1CA673;}
.franchise .nb-1-sub-txt span{color: #6F30A0}

.nb-1-img{width: 100%;margin-top: -64px;}
.nb-1-img>img{display: block;width: 100%;height: auto;}
.nlogin-banner-1 .nb-1-txt{width: 480px;flex-shrink: 0;}

.nlogin-banner-2{padding: 64px 0;width: 100%;}
.nlogin-banner-2.worker{background-color: #3F5CFE;}
.nlogin-banner-2.recruiter{background-color: #1CA673;}
.nlogin-banner-2.franchise{background-color: #6F30A0;}

.nlogin-banner-2 .nb-1-txt{width: 480px;flex-shrink: 0;}

.nlogin-banner-2 .stat-step{width: 100%;}
.nb-stat{margin-top: 32px;padding-top: 32px;border-top: 1px solid #d9d9d9;}
.nb-stat>p{font-size: 20px;font-weight: 500;color: #111;margin-bottom: 24px;}
.nb-2-img{max-width: 480px;width: 100%;}
.nb-2-img>img{display: block;width: 100%;height: auto;}

.nlogin-banner-2{width: 100%;padding: 64px 0;}
.nb-inner{width: 100%;max-width: 1400px;position: relative;margin: 0 auto;border-radius: 24px;background-color: #fff;padding: 64px;display: flex;justify-content: space-between;align-items: flex-start;}
.nb-inner{display: none;}

.nlogin-banner-2.worker .nb-inner_1{display: flex;}
.nlogin-banner-2.recruiter .nb-inner_2{display: flex;}
.nlogin-banner-2.franchise .nb-inner_3{display: flex;}
.nb-inner-btn{padding: 5px;position: absolute;display: flex;bottom: -28px;left: 50%;transform: translateX(-50%);max-width: 768px;width: 100%;border-radius: 10px;background-color: #fff;box-shadow: 1px 1px 32px rgba(0, 0, 0, 0.25);}
.nb-inner-btn>button{width: 100%;border-radius: 6px;height: 48px;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #333;}
.worker .nb-inner-btn>button.on{background-color: #3F5CFE;color: #fff;font-weight: 500;}
.recruiter .nb-inner-btn>button.on{background-color: #1CA673;color: #fff;font-weight: 500;}
.franchise .nb-inner-btn>button.on{background-color: #6F30A0;color: #fff;font-weight: 500;}

.nb-3-wrap{width: 100%;display: flex;gap: 32px;margin-top: 64px;}
.nb-3-item{width: 100%;background-color: #fff;box-shadow: 1px 1px 32px rgba(153, 153, 153, 0.25);border-radius: 16px;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 32px 0;}
.nb-3-item>p{font-size: 32px;margin-bottom: 16px;color: #333;font-weight: 500;}
.nb-3-item>span{font-weight: 500;color: #111;}
.nb-3-item>span strong{font-size: 56px;font-weight: 500;color: #3F5CFE;}


/* 0821 */
.fr-loca{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #d9d9d9;}
.map-wib{justify-content: center;margin-bottom: 16px;}
.map-wib>button{background-color: #e6e6e6;color: #666;transition: 0.3s;}
.map-wib>button.on{background-color: #6F30A0;color: #fff;}


.popup-user-set .wib-button{pointer-events: none;}
.popup-user-set.on .wib-button{pointer-events: inherit;}

.loca-map{display: flex;align-items: center;justify-content: center;gap: 5px;margin-left: 5px;background-color: #3F5CFE;border-radius: 100px;padding: 5px 5px;padding-right: 7.5px;color: #fff;font-weight: 500;animation-name: touch;animation-duration: 1s;animation-iteration-count: infinite;;}
.recruiter .loca-map{background-color: #1CA673;animation-name: touch-2;}
.franchise .loca-map{background-color: #6F30A0;animation-name: touch-3;}
@-webkit-keyframes touch {
    0% {
      opacity: 0.8;

    }
    50% {
        opacity: 1;
        box-shadow: 1px 1px 16px rgba(63, 92, 254, 0.75);
      }
    100% {
        opacity: 0.8;
    }
  }
  @-webkit-keyframes touch-2 {
    0% {
      opacity: 0.8;

    }
    50% {
        opacity: 1;
        box-shadow: 1px 1px 16px rgba(28, 166, 115, 0.5);
      }
    100% {
        opacity: 0.8;
    }
  }
  @-webkit-keyframes touch-3 {
    0% {
      opacity: 0.8;

    }
    50% {
        opacity: 1;
        box-shadow: 1px 1px 16px rgba(111, 48, 160, 0.5);
      }
    100% {
        opacity: 0.8;
    }
  }

@media (max-width: 1400px) {
    .my-history{min-height: 80px;}
    .ad-section::after{left: 32px;}
    .job-title>svg{width: 32px;height: 32px;}
    .mi-date{flex-wrap: wrap;justify-content: right;}
    .mi-date p{width: 100%;text-align: right;}
    .banner-txt{padding: 0 32px;}
    .main-menu{padding: 0 32px;}
    .main-stat-wrap{padding: 0 32px;}
    .main-item-section{padding: 0 32px;}
    .footer-inner{padding: 32px 32px}
    .work-section{padding-left: 32px;padding-right: 32px;}
    .mh-sub-txt{display: none;}

    .worker-title{flex-wrap: wrap;}
    .work-round-wrap{width: 100%;margin-left: 0px !important;padding-left: 0 !important;border-left: 0 !important;display: flex;margin-top: 5px;}
    
    .ws-item>strong{font-size: 240px;}
    .mh-txt>span>strong{font-size: 18px;}
}
@media (max-width: 1200px) {
    .mia-txt{font-size: 13px;}
    .mi-alert{width: calc(100% - 32px);}
    .mi-alert>a{font-size: 12px;}
    .map-side{max-width: 320px;height: calc(100% - 86px);border-radius: 0 0 0 12px;overflow: hidden;}
    .info-basic>p>span{flex-shrink: 0;}
    .review-sub-img{width: 80px;height: 80px;margin-right: 10px;}
    .map-date{margin-top: 5px;}
    .ri-info{width: 100%;border: 0;padding: 0;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #d9d9d9;border-radius: 0;}
    .info-basic>p{word-break: break-all;}
    .ri-txt .more-view-btn{right: 0px;bottom: 0px;}
    .review-sub-txt{width: calc(100% - 90px);margin-right: 0px;}
    .ri-txt::after{display: none;}
    .ri-info .info-round{display: none;}
    .review-sub-txt>p{font-size: 13px;}
    .ri-txt{padding: 10px;border: 0;padding: 0;}
    .review-item{flex-wrap: wrap;border: 1px solid #d9d9d9;border-radius: 10px;padding: 10px;}
    .review-item:hover{border-color: #3F5CFE;}
    .review-item:hover .ri-txt{background-color: transparent;border-color: #d9d9d9;}
    .review-item:hover .ri-info{background-color: transparent;border-color: transparent;}
    .mh-svg{width: 56px;height: 56px;}
    .mh-svg>svg{width: 24px;height: 24px;}
    .mh-bill-txt>p{font-size: 16px;}
    .mh-bill{margin-right: 0;margin-bottom: 16px;}
    .popup-inner .search{margin-bottom: 10px;}
    .field-info{max-width: 540px;}
    .worker-list-wrap{max-width: 540px;}
    .title-flex>button{font-size: 14px;}
    .title-flex>button>svg{width: 14px;height: 14px;}
    .worker-list-wrap .wib-button{width: 100%;justify-content: right;}
    .wib-button svg{width: 14px !important;height: 14px !important;}
    .wib-button button{padding: 0 10px;font-size: 14px;}
    .ad-section{margin-bottom: 96px;height: 400px;}
    .ad-txt{margin-right: 64px;}
    .main-item-type-1{margin-right: 16px;}
    .main-item-section{margin-bottom: 96px;}
    .main-stat-wrap{margin-bottom: 96px;}
    .stat-sub{position: inherit;right: auto;bottom: auto;}
    .main-stat-item>svg{width: 100px;left: 16px;bottom: 0px;}
    .info-popup .map-info-sub>p{font-size: 14px;}
    .wib-notice{font-size: 14px;}
    .wib-notice>svg{width: 14px;height: 14px;}
    .upload-img{width: 100%;overflow-x: auto;}
    .img-notice>span{font-size: 13px;}
    .upload-img>label{width: 100px;height: 100px;flex-shrink: 0;}
    .upload-img{margin-bottom: 10px;}
    .upload-img>label>span{font-size: 12px;font-weight: 500;}
    .uploaded-img{width: 100px;height: 100px;flex-shrink: 0;}
    .upload-img>label>svg{width: 26px;height: 26px;}
    .rv-write-item>p{font-size: 14px;font-weight: 500;}
    .review-write-img{margin-top: 10px;}
    .review-txt{font-size: 14px;}
    .map-date{font-size: 14px !important;}
    .work-title>button{height: 32px;font-size: 14px;}
    .info-popup .map-info-sub{margin-bottom: 10px;}
    .popup-inner{max-height: calc(100% - 98px);}
    .gutter-16{margin-bottom: 10px !important;width: 100%;}
    .info-popup .info-basic{margin-bottom: 10px !important;}
    .info-popup .info-basic>p{font-size: 20px !important;}
    .myinfo-data{font-size: 14px;min-height: 36px;margin-bottom: 5px;padding: 0 10px;}
    .myinfo-data>span{display: block;width: calc(100% - 80px);text-align: right;color: #666;font-size: 13px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .myinfo-data>p{width: 80px;}
    .work-stat-wrap{margin: 32px 0;}
    .ws-item>strong{font-size: 240px;}
    .search-item>button{right: 10px;}
    .filter-category>button{font-size: 14px;height: 42px;}
    .btn-100{height: 42px;font-size: 15px;}
    .search-item>button>svg{width: 20px;height: 20px;}
    .pagenation>button{width: 26px;height: 26px;font-size: 12px;}
    .work-search{margin-right: 16px;}
    .work-main{margin-bottom: 16px;}
    .work-stat{font-size: 12px;}
    .wid-item{display: flex;flex-direction: column;}
    .wid-item>p{font-size: 12px;}
    .wid-item>span{font-size: 12px;}
    .ws-item>span{font-size: 14px;}
    .stat-info>p{font-size: 24px;}
    .stat-info>span{font-size: 14px;}
    .round-btn{padding: 0 10px;height: 36px;font-size: 14px;}
    .round-btn>svg{width: 14px;height: 14px;}
    .ad-section-2 .round-btn{width: 200px;}
    .step-item>p{font-size: 16px;}
    .step-line{height: 6px;}
    .step-dot{width: 8px;height: 8px;margin-bottom: 10px;}
    .step-dot::after{width: 16px;height: 16px;}
    .main-stat-item .swiper-slide>svg{width: 100px;height: 100px;}
    .banner-bg>img{height: 100%;object-fit: cover;}
    .main-banner{height: 400px;}
    .info-basic>p{font-size: 16px;margin-bottom: 2.5px;}
    .info-basic>p>span{font-size: 12px;}

    .wid-item{margin-left: 10px;}
    .wid-item:first-of-type{margin-left: 0;}
    .info-item>svg{width: 12px;height: 12px;}
    .com-name{font-size: 12px;}
    .location{font-size: 14px;}
    .location>svg{width: 14px;height: 14px;}
    .review-count>p{font-size: 16px;}
    .main-review-txt>p{font-size: 14px;}
    .main-item-type-2{margin-right: 16px;}
    .main-item-inner{padding: 16px 16px 16px 16px;}
    .main-item-inner .title-36{margin-bottom: 16px;}
    .main-txt{padding: 10px;}
    .ad-2-title>span{font-size: 18px;}
    .ad-2-txt{font-size: 18px;}
    .notice-item{padding: 16px 16px;align-items: center;}
    .notice-item>p{font-size: 16px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .notice-item>span{font-size: 14px;flex-shrink: 0;display: flex;width: 80px;justify-content: right;align-items: center;}
    .footer-name>span{font-size: 16px;}
    .footer-logo{height: 40px;}
    .footer-name>p{margin-bottom: 0;}
    .footer-info-sub>span{font-size: 16px;}
    .footer-info-sub>p{font-size: 12px;}
    .footer-reserved{font-size: 16px;}
    .my-history>svg{width: 36px;height: 36px;}
    .my-history{margin-right: 0;margin-bottom: 16px;}
    .mh-wrap{margin-bottom: 0px;flex-wrap: wrap;}
    .my-info-wrap{margin-right: 16px;}
    .basic{border-radius: 12px;}
    .info-item{font-size: 14px;padding: 2.5px 7.5px;}
    .work-item .map-date{font-size: 14px !important;margin-top: 5px;}
    .history-work{padding: 16px;}
    .work-item{padding: 10px;}
    .my-info>span{margin-bottom: 5px;}
    .my-info-wrap{min-width: 360px;}
    .my-info>button{font-size: 14px;height: 26px;}
    .my-info{margin-bottom: 10px;}
    .wib-count{font-size: 12px;}
    .info-price{font-size: 14px;}
    .info-price span{font-size: 20px;}
}
@media (max-width: 993px) {
  #last_work_stat{width: 100% !important;}
  .my-history>svg{top: 50%;transform: translateY(-50%);}
  .stat-swiper .swiper-slide{opacity: 1 !important;}
  .arround-count>button{font-size: 14px;height: 32px;}
    .map-side-info{height: calc(100% - 91px);transition: 0s;}
    .mo-map-side-btn{display: flex;}
    .map-side .info-price{margin-top: 0;}
    .map-side .search-item{margin-bottom: 16px;}
    .my-location{margin-bottom: 24px;}
    .arround-count>span{font-size: 14px;height: 26px;}
    .arround-count{margin-bottom: 24px;}
    .map-side-info{padding-top: 16px;}
    .mia-txt{font-size: 16px;}
    .mi-alert>a{font-size: 14px;}
    .map-side{height: 50%;border-radius: 0;max-width: 100%;top: calc(100% - 66px);border-radius: 12px 12px 0 0;padding-top: 16px;overflow: visible;}
    .map-side.list{top: calc(50% - 66px);}
    .map-side.up{height: calc(100% - 116px);top: calc(0% + 66px);}
    .work-write-inner{flex-wrap: wrap;}
    .work-write-btn{margin-top: 16px;}
    .work-write-btn .flex-btn{width: 100%;}
    .work-write-wrap{width: 100%;margin-right: 0;margin-bottom: 16px;}
    .worker-list .info-round{margin-bottom: 5px;}
    .info-popup .worker-search-list .info-basic>p{font-size: 16px !important;}
    .worker-search-list{padding: 10px;}
    .field-info{max-width: 100%;margin-bottom: 16px;}
    .worker-list-wrap{width: 100%;max-width: 100%;}
    .ad-btn{flex-direction: column;gap: 10px;}
    .ad-btn .round-btn{width: 200px;}
    .ad-img{height: 200px;}
    .ad-section{margin-bottom: 64px;padding: 16px;padding-left: 32px;height: 300px;}
    .mi-date{margin-bottom: 5px;}
    .main-item-type-1{min-width: 280px;padding: 10px;}
    .info-price{margin-top: 5px;}
    .mi-date{flex-wrap: nowrap;justify-content: space-between}
    .mi-date p{text-align: left;}
    .main-stat-wrap{margin-bottom: 64px;}
    .main-item-section{margin-bottom: 64px;}
    body.worker .main-stat-wrap .main-stat:nth-of-type(1){width: 100%;}
    body.worker .main-stat-wrap .main-stat:nth-of-type(3){width: calc(50% - 8px);margin-right: 16px;}
    body.worker .main-stat-wrap .main-stat:nth-of-type(4){width: calc(50% - 8px);}
    .ws-item>strong{font-size: 200px;font-weight: 800;}
    .work-wrap{flex-wrap: wrap;}
    .work-search{width: 100%;margin-bottom: 16px;margin-right: 0;min-width: 0;}
    .work-wrap::before{display: block;}
    .work-wrap.search::before{opacity: 1;}
    .edit-work-wrap::before{display: block;}
    .edit-work-wrap.search::before{opacity: 1;}
    .edit-work-wrap{flex-wrap: wrap;}
    .worker-send-list{margin-top: 16px;}
    .search-btn{display: block;}
    .top-btn{display: none;}
    .main-menu{display: none;}
    .stat-info>p{font-size: 24px;}
    .stat-date{font-size: 14px;}
    .main-stat-wrap{flex-wrap: wrap;padding-top: 32px;}
    .main-stat{width: 100%;margin-bottom: 16px;margin-right: 0;}
    .sub-info{font-size: 14px;}
    .info-item{font-size: 14px;}
    .banner-txt>img{display: none;}
    .main-section{padding: 50px 0 66px;}
    .main-item-wrap{flex-wrap: nowrap;white-space: nowrap;overflow-x: auto;}
    .main-review-txt>p{white-space: wrap;}
    .main-item-type-2{flex-shrink: 0;width: 240px;;}
    .ad-2-title>span{font-size: 16px;}
    .ad-2-title{margin-bottom: 16px;}
    .ad-2-txt{font-size: 16px;}
    .mb-txt>span{font-size: 12px;}
    .mb-svg{width: 46px;height: 46px;border-radius: 6px;}
    .mb-svg>svg{width: 24px;height: 24px;}
    .mypage-profile{flex-wrap: wrap;;}
    .my-info-wrap{width: 100%;margin-right: 0;margin-bottom: 16px;}
    .map-side.up .mo-list-view{pointer-events: none;opacity: 0;}

}
@media (max-width: 840px) {
    
}
@media (max-width: 768px) {
    .info-round{flex-wrap: wrap;}
    .info-item{margin-bottom: 5px;}
    .job-title{margin-bottom: 16px;}
    .job-title>svg{width: 26px;height: 26px;margin-right: 5px;}
    .info-popup .info-basic>p{font-size: 18px !important;}
    .btn-100{border-radius: 8px;}
    .popup-inner{border-radius: 12px !important;}
    .popup-inner-768{width: calc(100% - 32px) !important;}
    .ws-item>strong{font-size: 160px;}
    .main-stat-wrap{padding: 64px 16px 0 16px;}
    .banner-txt{padding: 0 16px;}
    .main-item-section{padding: 0 16px;}
    .footer-inner{padding: 32px 16px;}
    .work-section{padding-left: 16px;padding-right: 16px;}
    .ad-section::after{left: 16px;}

    .ad-title{margin-bottom: 32px;}    
    .ad-txt{margin-right: 16px;}
    .search-btn{right: 16px;bottom: calc(66px + 16px);}
    .notice-item>p{font-size: 14px;}
    .main-stat-item .info-item{padding: 2.5px 7.5px;}
    .stat-info>p{font-size: 20px;}
    .main-stat-item{padding: 16px;}
    .step-item>p{font-size: 14px;}
    .stat-swiper .swiper-pagination-bullet{width: 6px;height: 6px;margin-right: 10px !important;}
    .stat-swiper .swiper-pagination-bullet-active{width: 8px;height: 8px;}
    .sub-info{margin-top: 10px;}
    .main-item-inner .round-btn{width: 160px;}
    .notice-item>span{font-size: 12px;}
    .footer-info{width: 50%;margin-bottom: 16px;}
    .footer-info-wrap{flex-wrap: wrap;}
    .footer-info:last-of-type{width: 100%;margin-bottom: 0;}
    .footer-logo{display: none;}
    .footer-reserved{font-size: 14px;}
    .footer-name>span{font-size: 14px;}
    .footer-info-sub>span{font-size: 14px;}




    .main-item-section{margin-bottom: 64px;}
    .main-stat-wrap{margin-bottom: 64px;}
}
@media (max-width: 640px) {
    .fr-filter{height: 28px;}
    .fr-filter>span{font-size: 12px;}
    .toggle-btn{height: 16px;width: 28px;}
    .fr-filter.on .toggle-btn .toggle-handle{left: calc(100% - 13px);}
    .toggle-handle{width: 12px;height: 12px;}
    .work-main>p{margin-bottom: 10px;}
    .work-info-bottom{width: 100%;}
    .wib-count{margin-top: 5px;}
    .wib-notice{font-size: 14px;margin-top: 10px;}
    .work-stat-wrap{margin: 16px 0;}
    .ws-item>strong{font-size: 120px;}
    .work-info{}
    .work-info-date{flex-wrap: wrap;}
    .wid-item{width: 100%;margin-bottom: 5px;}
    .wid-item>p{margin-bottom: 0;}
    .wid-item>span{font-weight: 600;}
    .work-info-top{position: absolute;right: 10px;top: 10px;}
    .work-item{flex-wrap: wrap;}
    .work-item .work-info{width: 100%;}
    .location{flex-wrap: wrap;}
    .location>span{width: calc(100% - 100px);}
    .location>button{margin-left: 0;margin-top: 10px;}
}
@media (max-width: 540px) {
    .loca-map{font-size: 12px;}
    .ad-2-inner{padding: 0 16px;}
    .popup-inner{width: calc(100% - 32px);}
    .my-info-wrap{min-width: 0 !important;width: 100%;pointer-events: ;}
}
@media (max-width: 480px) {
    .work-title>button{font-size: 13px;margin-right: 10px;height: 26px;padding-left: 5px;}
    .ws-item>strong{font-size: 100px;}
    .work-title{padding-left: 16px;}
    .main-stat-wrap{padding: 32px 0;margin-bottom: 32px;padding-left: 16px;padding-right: 16px;}
    .main-item-section{padding: 0;padding-left: 16px;padding-right: 16px;}
    /*.work-section{padding-left: 0px;padding-right: 0px;}*/
    .mypage-title{padding-left: 16px;}
    .mit-no-data{width: 100%;}

    
    .mh-wrap{padding: 0 0px;}
    .main-banner{height: 320px;}
    
}
@media (max-width: 375px) {
    
}