/* font family*/
@font-face {
    font-family: 'SUIT';
    font-weight: 100;
    src: url('/static/assets/font/suit-Thin.woff') format('woff2');
}
@font-face {
    font-family: 'SUIT';
    font-weight: 200;
    src: url('/static/assets/font/suit-ExtraLight.woff2') format('woff2');
}
@font-face {
    font-family: 'SUIT';
    font-weight: 300;
    src: url('/static/assets/font/suit-Light.woff2') format('woff2');
}
@font-face {
    font-family: 'SUIT';
    font-weight: 400;
    src: url('/static/assets/font/suit-Regular.woff2') format('woff2');
}
@font-face {
    font-family: 'SUIT';
    font-weight: 500;
    src: url('/static/assets/font/suit-Medium.woff2') format('woff2');
}
@font-face {
    font-family: 'SUIT';
    font-weight: 600;
    src: url('/static/assets/font/suit-SemiBold.woff2') format('woff2');
}
@font-face {
    font-family: 'SUIT';
    font-weight: 700;
    src: url('/static/assets/font/suit-Bold.woff2') format('woff2');
}
@font-face {
    font-family: 'SUIT';
    font-weight: 800;
    src: url('/static/assets/font/suit-ExtraBold.woff2') format('woff2');
}
@font-face {
    font-family: 'outfit-l';
    src: url('/static/assets/font/Outfit-Light.woff');
}
@font-face {
    font-family: 'outfit-m';
    src: url('/static/assets/font/Outfit-Medium.woff');
}
@font-face {
    font-family: 'outfit-r';
    src: url('/static/assets/font/Outfit-Regular.woff');
}

/* css set */
/*
#3ABAB8
배경색

#2F9291
서브 텍스트
*/
html{height: 100%;}
body{height: 100%;transition: 0.3s;}
body.worker{background-color: rgba(63, 92, 254, 0.1);}
body.recruiter{background-color: rgba(28, 166, 115, 0.1);}
body.franchise{background-color: rgba(111, 48, 160, 0.1);}

body.worker .btn-100{background-color: rgba(63, 92, 254, 1);}
body.recruiter .btn-100{background-color: rgba(28, 166, 115, 1);}
body.franchise .btn-100{background-color: rgba(111, 48, 160, 1);}
.landing-wrap .btn-100{background-color: #269BD8;}

strong{font-weight: 500;}
a{text-decoration: none;color: #000;}
*{box-sizing: border-box;margin: 0;padding: 0;font-family: 'SUIT'}
ul,ol,li{margin: 0;padding: 0;}
li{list-style: none;}
button{background-color: transparent;border: 0;display: flex;color: #000;font-family: 'SUIT';cursor: pointer;}

input,textarea,select{font-family: 'SUIT';font-size: 15px;}
input:focus,
select:focus,
textarea:focus{outline: none;border-color: #3F5CFE;}
body{font-family: 'SUIT';}

input,select{border-radius: 10px;height: 48px;border: 1px solid #d9d9d9;transition: 0.3s;padding: 0 10px;font-size: 16px;}
select{appearance: none;width: 100%;background-image: url('/static/img/chevron-down.png');background-repeat: no-repeat;background-size: 14px;background-position: calc(100% - 10px) center;cursor: pointer;color: #666;background-color: #fff;}
input:focus,select:focus, textarea:focus{border-color: #3F5CFE;}
.landing-wrap input:focus,
.landing-wrap select:focus,
.landing-wrap textarea:focus{border-color: #269BD8;}
.recruiter input:focus,
.recruiter select:focus, 
.recruiter textarea:focus{border-color: #1ca673;}
textarea{border-radius: 10px;height: 150px;border: 1px solid #d9d9d9;transition: 0.3s;padding: 10px;font-size: 16px;width: 100%;resize: none;}
input[type=date]{appearance: none;}
input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button{display: none;}
input[type='date']::-webkit-calendar-picker-indicator {position:absolute;left: 0;top: 0;width: 100%;height: 100%;background: transparent;color: transparent;}
input[type='date']::placeholder{;}

input[type="time"]{appearance: none;}
input[type="time"]::-webkit-clear-button,
input[type="time"]::-webkit-inner-spin-button{display: none;}
input[type='time']::-webkit-calendar-picker-indicator {position:absolute;left: 0;top: 0;width: 100%;height: 100%;background: transparent;color: transparent;}
input[type='time']::placeholder{;}

/* input 컴포넌트 */
.input-wrap{margin-bottom: 16px;}

.input-wrap>label{width: 100%;position: relative;height: 48px;border: 1px solid #d9d9d9;display: block;border-radius: 10px;transition: 0.3s;}
.input-wrap>label input{border: 0;width: 100%;height: 100%;padding: 0 15px;background-color: transparent;font-size: 16px;font-weight: 500;}
.input-wrap>label select{border: 0;width: 100%;height: 100%;padding: 0 15px;background-color: transparent;font-size: 16px;font-weight: 500;}
.input-wrap>label textarea{border: 0;width: 100%;height: 100%;padding: 0 15px;background-color: transparent;font-size: 16px;font-weight: 500;}
.input-wrap>label>span{position: absolute;top: 50%;transform: translateY(-50%);left: 15px;padding: 0 5px;border-radius: 100px;color: #111;font-size: 16px;background-color: transparent;transition: 0.3s;font-weight: 500;pointer-events: none;}
.input-wrap>label>span>strong{color: #3F5CFE;margin-left: 2.5px;}
.franchise .input-wrap>label>span>strong{color: #6F30A0;}

.textarea>label>span{top: 20px;}
.input-wrap>label.on{border-color: #3F5CFE;}
.input-wrap>label.on>span{opacity: 0;}
.input-wrap>label.red{border-color: #E83F49;}
.input-wrap>label.red>span{color: #E83F49;}
.input-wrap>p{margin-top: 10px;font-size: 16px;color: #777;}
.txt-count{color: #121212;font-size: 12px;margin-top: 5px;display: flex;justify-content: right;width: 100%;}
.input-wrap>label>button{position: absolute;top: 50%;transform: translateY(-50%);right: 15px;display: flex;align-items: center;justify-content: center;width: 24px;height: 24px;}
.input-wrap>label>button>img{display: block;transition: 0.3s;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.img-txt{margin-top: 10px;color: #777;font-size: 14px;padding: 0 20px;}
.input-wrap>label>button.on>img{opacity: 1;}

.franchise .input-wrap>label.on{border-color: #6F30A0;}



.login-section{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.join-section{width: 100%;height: 100%;display: flex;align-items: center;justify-content: flex-start;flex-direction: column;padding: 64px 0;overflow-y: auto;}
.login-wrap{max-width: 540px;width: 100%;border-radius: 16px;background-color: #fff;box-shadow: 1px 1px 32px rgba(153, 153, 153, 0.25);padding: 32px 16px;}
.logo{margin-bottom: 64px;}
.logo>img{display: block;margin: 0 auto;height: 74px;}
.logo>span{font-weight: 300;font-size: 14px;color: #666;display: block;width: 100%;text-align: center;margin-top: 10px;}
.auto-login{display: flex;margin-bottom: 16px;}
.auto-login>input{
    appearance: none; /* 기본 체크박스 제거 */
    -webkit-appearance: none; /* Safari 등 호환성 */
    -moz-appearance: none;
    display: none;
  }
.auto-login>input[id="check"] + label{
display: flex;align-items: center;height: 32px;border: 1px solid #d9d9d9;border-radius: 100px;padding: 0 16px;transition: 0.3s;cursor: pointer;}
.auto-login>input[id="check"] + label .check{width: 16px;height: 16px;border-radius: 4px;border: 1px solid #d9d9d9;margin-right: 5px;transition: 0.3s;display: flex;align-items: center;justify-content: center;}
.auto-login>input[id="check"] + label .check>svg{width: 16px;height: 16px;transition: 0.3s;color: #fff;opacity: 0;}
.auto-login>input[id="check"] + label>span{font-size: 14px;font-weight: 500;color: #111;transition: 0.3s;}

.auto-login>input[id="check"]:checked + label{border-color: #3F5CFE;}
.auto-login>input[id="check"]:checked + label>span{color: #3F5CFE;}
.auto-login>input[id="check"]:checked + label .check{background-color: #3F5CFE;border-color: #3F5CFE;}
.auto-login>input[id="check"]:checked + label .check>svg{opacity: 1;}

.franchise .auto-login>input[id="check"]:checked + label{border-color: #6F30A0;}
.franchise .auto-login>input[id="check"]:checked + label>span{color: #6F30A0;}
.franchise .auto-login>input[id="check"]:checked + label .check{background-color: #6F30A0;border-color: #6F30A0;}


.landing-wrap .auto-login>input[id="check"]:checked + label{border-color: #269BD8;}
.landing-wrap .auto-login>input[id="check"]:checked + label>span{color: #269BD8}
.landing-wrap .auto-login>input[id="check"]:checked + label .check{background-color: #269BD8;border-color: #269BD8;}

.login-option{margin-bottom: 16px;}
.login-option>button{margin-bottom: 10px;}
.btn-100{position: relative;width: 100%;height: 48px;border-radius: 10px;display: flex;align-items: center;overflow: hidden;justify-content: center;font-size: 16px;color: #fff;font-weight: 400;transition: 0.3s;}
.btn-100.gradiant::after{position: absolute;z-index: 1;left: 0;top: 0;display: block;content: '';width: 100%;height: 100%;background: linear-gradient(to right, #3F5CFE, #587CF2);opacity: 0;transition: 0.3s;}
.recruiter .btn-100.gradiant::after{position: absolute;z-index: 1;left: 0;top: 0;display: block;content: '';width: 100%;height: 100%;background: linear-gradient(to right, #1CA673, #15c282);opacity: 0;transition: 0.3s;}
.btn-100:hover.gradiant::after{opacity: 1;}
.btn-100>span{position: relative;z-index: 2;}
.btn-100>img{position: absolute;left: 16px;top: 50%;transform: translateY(-50%);width: 16px;height: 16px;}
/*.login-option>button:nth-of-type(2){background-color: #0ab14b;}*/
.login-option>button:nth-of-type(2){background-color: #ffcd00;}
.login-option>button:nth-of-type(2)>span{color: #111;}

.forget-account-wrap{margin-bottom: 32px;padding: 16px;border: 1px solid #d9d9d9;border-radius: 10px;}
.forget-account-wrap>span{font-size: 14px;color: #333;margin-bottom: 10px;display: block;width: 100%;text-align: center;}
.fa-btn{display: flex;align-items: center;justify-content: space-between;}
.fa-btn>a{display: flex;align-items: center;font-size: 14px;font-weight: 500;color: #111;}
.fa-btn>a>svg{width: 16px;height: 16px;color: #111;}
.fa-btn>a:first-of-type>svg{margin-right: 5px;}
.fa-btn>a:last-of-type>svg{margin-left: 5px;}

.add-account{font-size: 16px;font-weight: 500;display: block;;color: #3F5CFE;text-decoration: underline;text-align: center;}

.sel-type-btn{}


.title-flex{display: flex;justify-content: space-between;}
.title-36{font-weight: 500;color: #111;font-size: 36px !important;}
.title-24{font-weight: 500;color: #111;font-size: 24px !important;}
.title-42{font-weight: 500;color: #111;font-size: 42px !important;}

.title-36>span{font-size: 16px;font-weight: 300;color: #666;display: block;margin-top: 5px;}
.title-36>span>strong{font-weight: 400;}

.login-section>p{margin-bottom: 32px;text-align: center;}
.join-section>p{margin-bottom: 32px;text-align: center;}
.account-title{margin-bottom: 32px;text-align: center;}

.select-type{display: flex;margin-bottom: 32px;}
.select-type>button{border-radius: 10px;margin-right: 10px;width: 100%;border: 1px solid rgba(63, 92, 254, 0.5);transition: 0.3s;height: 150px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.select-type>button>svg{width: 46px;height: 46px;margin-bottom: 16px;color: rgba(63, 92, 254, 0.5);transition: 0.3s;}
.select-type>button>p{font-size: 18px;font-weight: 400;color: rgba(63, 92, 254, 0.5);transition: 0.3s;}
.select-type>button.on{background-color: rgba(63, 92, 254, 0.1);border-color: #3F5CFE;}
.select-type>button.on>p{color: #3F5CFE;}
.select-type>button.on>svg{color: #3F5CFE;}
.select-type>button:last-of-type{margin-right: 0;}
.select-type>button:last-of-type{border-color: rgba(28, 166, 115, 0.5);}
.select-type>button:last-of-type>p{color: rgba(28, 166, 115, 0.5);}
.select-type>button:last-of-type>svg{color: rgba(28, 166, 115, 0.5);}

.select-type>button:last-of-type.on{background-color: rgb(28, 166, 115, 0.1);border-color: rgba(28, 166, 115, 1);}
.select-type>button:last-of-type.on>p{color: #1CA673;}
.select-type>button:last-of-type.on>svg{color: #1CA673;}


.type-txt-wrap{margin-bottom: 32px;text-align: center;}
.type-txt>p{font-size: 20px;font-weight: 500;color: #111;margin-bottom: 5px;}
.type-txt>span{font-size: 16px;color: #666;}
.type-txt:last-of-type{display: none;}

.type-txt-wrap.on .type-txt:first-of-type{display: none;}
.type-txt-wrap.on .type-txt:last-of-type{display: inherit;}

.sel-type-btn>span{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.sel-type-btn>span:last-of-type{opacity: 0;}

.sel-type-btn.on>span:first-of-type{opacity: 0;}
.sel-type-btn.on>span:last-of-type{opacity: 1;}

.mo-inherit{display: none;}

.gutter-10{width: calc(100% - 32px);height: 1px;background-color: #d9d9d9;margin: 0 auto;margin-bottom: 10px;}
.terms-item{margin-bottom: 10px;border: 1px solid #d9d9d9;border-radius: 10px;transition: 0.3s;}
.terms-item.on{border-color: #3F5CFE;background-color: rgba(63, 92, 254, 0.1);}
.recruiter .terms-item.on{border-color: #1CA673;background-color: rgba(28, 166, 115, 0.1);}

.terms-title{height: 48px;width: 100%;display: flex;align-items: center;padding: 0 10px;cursor: pointer;}
.terms-title>svg{width: 24px;height: 24px;color: #999;transition: 0.3s;margin-right: 5px;}
.terms-title>p{font-size: 16px;color: #333;transition: 0.3s;}
.terms-item:first-of-type .terms-title>svg{width: 28px;height: 28px;}
.terms-item:first-of-type .terms-title>p{font-size: 18px;font-weight: 500;color: #111;}
.terms-item.on .terms-title>p{color: #3F5CFE;}
.terms-item.on .terms-title>svg{color: #3F5CFE;}

.terms-txt{font-size: 14px;padding: 0 16px;color: #666;overflow-y: auto;max-height: 0px;transition: 0.5s;}
.terms-txt.on{max-height: 250px;padding: 16px;}
.terms-txt>button{height: 48px;width: 100%;display: flex;align-items: center;justify-content: center;font-size: 16px;border: 1px solid #d9d9d9;border-radius: 10px;background-color: #f1f1f1;color: #666;margin-top: 16px;transition: 0.3s;}
.terms-item.on .terms-txt>button{border: 1px solid #3F5CFE;color: #3F5CFE;background-color: transparent;}

.recruiter .terms-item.on .terms-txt>button{border: 1px solid #1CA673;color: #1CA673;background-color: transparent;}
.recruiter .terms-item.on .terms-title>p{color: #1CA673}
.recruiter .terms-item.on .terms-title>svg{color: #1CA673}

.join-input{margin-bottom: 32px;}
.join-input-title{margin-bottom: 5px;}
.join-input-title>p{font-size: 16px;font-weight: 500;color: #111;}
.join-input-title>p>span{color: #3F5CFE;}
.recruiter .join-input-title>p>span{color: #1CA673;}
.join-input-title>span{font-size: 14px;color: #666;font-weight: 300;}
.join-input-item{display: flex;position: relative;margin-bottom: 10px;align-items: center;}
.join-input-item:last-of-type{margin-bottom: 0;}
.join-input-item>input{width: 100%;margin-right: 10px;}
.join-input-item>input:last-of-type{margin-right: 0;}
.join-input-item>select{width: 100%;margin-right: 10px;}
.join-input-item>textarea{width: 100%;height: 250px;}
.join-input-item>select:last-of-type{margin-right: 0;}
.join-input-item>button{width: 100px;min-width: 100px;height: 48px;margin-left: 10px;display: flex;align-items: center;justify-content: center;border-radius: 10px;background-color: #3F5CFE;font-size: 14px;color: #fff;}
.recruiter .join-input-item>button{background-color: #1CA673;}
.franchise .join-input-item>button{background-color: #6F30A0;}

.join-store button{height: 48px;width: 100%;border-radius: 10px;display: flex;align-items: center;justify-content: center;transition: 0.3s;border: 1px solid #d9d9d9;font-size: 16px;color: #666;}
.join-store button:hover{border-color: #3F5CFE;background-color: rgba(63, 92, 254, 0.1);color: #3F5CFE;}
.recruiter .join-store button:hover{border-color: #1CA673;background-color: rgba(28, 166, 115, 0.1);color: #1CA673}
.join-store-info-wrap{display: flex;width: 100%;align-items: center;display: none;}
.join-store-info{margin-right: 10px;width: 100%;;height: 48px;border: 1px solid #d9d9d9;border-radius: 10px;display: flex;align-items: flex-start;padding-left: 10px;justify-content: center;flex-direction: column;}
.join-store-info>p{font-size: 16px;color: #111;font-weight: 400;}
.join-store-info>span{font-size: 12px;color: #666;font-weight: 300;}
.join-store-info-wrap button{height: 48px;width: 100px;border-radius: 10px;min-width: 100px;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #fff;background-color: #3F5CFE;}
.recruiter .join-store-info-wrap button{background-color: #1CA673;}

.search-list{max-height: 348px;overflow-y: auto;margin-bottom: 32px;}
.search-list .join-store-info{width: 100%;margin-right: 0;margin-bottom: 10px;background-color: #f1f1f1;cursor: pointer;transition: 0.3s;}
.search-list .join-store-info>p{transition: 0.3s;}
.search-list .join-store-info:last-of-type{margin-bottom: 0;}


.search-list .join-store-info.on{border-color: #3F5CFE;background-color: rgba(63, 92, 254, 0.1);}
.search-list .join-store-info.on>p{color: #3F5CFE;}

.recruiter .search-list .join-store-info.on{border-color: #1CA673;background-color: rgba(28, 166, 115, 0.1);}
.recruiter .search-list .join-store-info.on>p{color: #1ca673;}

.popup{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 6;pointer-events: none;opacity: 0;transition: 0.3s;}
.popup.on{opacity: 1;pointer-events: inherit;}
.popup-inner{max-width: 540px;width: 100%;height: auto;filter: blur(5px);opacity: 0;transition: 0.3s;max-height: calc(100% - 32px);overflow-y: auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) scale(0.95);border-radius: 16px;background-color: #fff;padding: 32px 16px 16px 16px;}
.popup.on .popup-inner{filter: blur(0);opacity: 1;transform: translate(-50%, -50%) scale(1);}
.add-recruit .popup-inner{pointer-events: none;}
.add-recruit.on .popup-inner{filter: blur(5px);opacity: 0;transform: translate(-50%, -50%) scale(0.95);}
.add-recruit.on .popup-inner.on{filter: blur(0);opacity: 1;transform: translate(-50%, -50%) scale(1);pointer-events: inherit;}
.popup-inner>p{margin-bottom: 32px;font-size: 20px;font-weight: 500;color: #111;text-align: center;}
.popup-inner>p>span{font-size: 16px;color: #666;font-weight: 400;display: block;}
.search{display: flex;margin-bottom: 32px;}
.search-cate{width: 150px;min-width: 150px;margin-right: 10px;}
.search-cate>select{width: 100%;border-color: #3F5CFE;}
.search-cate>select>option{font-size: 16px;}
.recruiter .search-cate>select{border-color: #1ca673;}
.search-item{width: 100%;position: relative;}
.search-item>button{width: 20px;height: 20px;position: absolute;right: 16px;top: 50%;transform: translateY(-50%);}
.search-item>input{width: 100%;border-color: #3F5CFE;font-size: 16px;}
.search-item>button>svg{width: 100%;height: 100%;color: #3F5CFE;}
body.recruiter .search-item>input{width: 100%;border-color: #1ca673;}
body.recruiter .search-item>button>svg{width: 100%;height: 100%;color: #1ca673;}

body.franchise .search-item>input{width: 100%;border-color: #6F30A0;}
body.franchise .search-item>button>svg{width: 100%;height: 100%;color: #6F30A0;}

.popup-inner .search{margin-bottom: 16px;}

.gutter-16{margin: 0 auto;margin-bottom: 16px;background-color: #d9d9d9;width: calc(100% - 32px);height: 1px;}

.info-popup>p{text-align: left;margin-bottom: 16px !important;}
.popup-inner-768{max-width: 768px !important;}
.ip-item-wrap{display: flex;margin-bottom: 16px;width: 100%;}
.ip-item-wrap:last-of-type{margin-bottom: 0;}
.ip-item{width: 100%;margin-right: 10px;border-radius: 8px;border: 1px solid #d9d9d9;padding: 10px;}
.ip-item:last-of-type{margin-right: 0px;}
.ip-item>p{font-size: 14px;font-weight: 300;color: #666;}
.ip-item>span{font-size: 16px;font-weight: 300;color: #333;}
.ip-item>span>strong{font-weight: 400;color: #111;margin-right: 2.5px;}


.flex-btn{display: flex;width: 100%;}
.flex-btn>button{margin-right: 10px;}
.flex-btn>button:last-of-type{margin-right: 0;}
.sub-btn{background-color: #d9d9d9 !important;border-radius: 10px;width: 120px;min-width: 120px;color: #666 !important;display: flex;align-items: center;justify-content: center;;font-size: 16px;}

.login-wrap-2{display: none;transition: 0.5s;filter: blur(0);transform: scale(0.95);opacity: 0;}
.login-wrap-2.on{filter: blur(0);transform: scale(1);opacity: 1;}

.complate-txt{margin-bottom: 64px;text-align: center;}
.complate-txt>p{font-size: 24px;font-weight: 500;color: #111;}
.complate-txt>span{font-size: 16px;font-weight: 300;color: #3F5CFE;}
body.recruiter .complate-txt>span{font-size: 16px;font-weight: 300;color: #1CA673;}

.bottom-nav{display: flex;transition: 0.5s;bottom: -10%;opacity: 0.2;filter: blur(5px);left: 50%;position: fixed;z-index: 5;background-color: #fff;transform: translateX(-50%);padding: 10px;border-radius: 12px 12px 0 0;box-shadow: 1px 1px 32px rgba(0, 0, 0, 0.25);}
.bottom-nav.on{bottom: 0;opacity: 1;filter: blur(0);}
.bottom-nav>button{height: 50px;padding: 0 5px;min-width: 50px;margin-right: 32px;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 8px;cursor: pointer;transition: 0.3s;color: #111;}
.bottom-nav>button:last-of-type{margin-right: 0;}
.bottom-nav>button:hover{background-color: rgba(63, 92, 254, 0.1);color: #3F5CFE;}
body.recruiter .bottom-nav>button:hover{background-color: rgba(28, 166, 115, 0.1);color: #1ca673;}
body.franchise .bottom-nav>button:hover{background-color: rgba(111, 48, 160, 0.1);color: #6F30A0}
.bottom-nav>button>svg{width: 24px;height: 24px;color: #3F5CFE;}
.bottom-nav>button>span{font-size: 12px;font-weight: 500;display: block;margin-top: 2.5px;}
body.recruiter .bottom-nav>button>svg{color: #1ca673;}
body.franchise .bottom-nav>button>svg{color: #6F30A0;}

.basic{background-color: #fff;border-radius: 16px;box-shadow: 1px 1px 32px rgba(153, 153, 153, 0.25);}

.pc-non{display: none;}

.m-header{position: fixed;height: 50px;z-index: 3;width: 100%;top: 0;left: 0;display: none;align-items: center;justify-content: space-between;padding: 0 16px;background-color: #fff;box-shadow: 1px 1px 16px rgba(153, 153, 153, 0.25);}
.mlogo{height: 32px;}
.mlogo>img{display: block;height: 100%;}
.mbtn{display: flex;gap: 10px;}
.mbtn>button{width: 32px;height: 32px;color: #121212;background-color: transparent;transition: 0.3s;display: flex;align-items: center;justify-content: center;border-radius: 100%;}
.mbtn>button>svg{width: 24px;height: 24px;}
.mbtn>button:hover{background-color: rgba(63, 92, 254, 0.1);color: #3F5CFE;}
body.recruiter .mbtn>button:hover{background-color: rgba(28, 166, 115, 0.1);color: #1CA673;}
body.franchise .mbtn>button:hover{background-color: rgba(111, 48, 160, 0.1);color: #6F30A0;}


.title-36{font-weight: 500;color: #111;font-size: 36px !important;}
.title-24{font-weight: 500;color: #111;font-size: 24px !important;}
.title-42{font-weight: 500;color: #111;font-size: 42px !important;}

.title-36>span{font-size: 16px;font-weight: 300;color: #666;display: block;margin-top: 5px;}
.title-36>span>strong{font-weight: 400;}

.work-sub-item{width: 100%;border: 1px solid #d9d9d9;height: 48px;background-color: #fff;border-radius: 10px;display: flex;align-items: center;padding: 0 10px;justify-content: space-between;padding-right: 16px;margin-bottom: 10px;}
.work-sub-item:last-of-type{margin-bottom: 0;}
.work-sub-item>button{color: #666;transition: 0.3s;}
.work-sub-item>button:hover{color: #E83F49;}


.non-worker{border: none !important;background-color: #f1f1f1;}
.non-worker:hover{background-color: #f1f1f1 !important;}
.non-worker .com-name{color: #666 !important;}
@media (max-width: 1200px) {
    .work-sub-item{height: 42px;border-radius: 8px;padding-right: 10px;}

}

@media (max-width: 1400px) {

}
@media (max-width: 1200px) {
    .ip-item-wrap{margin-bottom: 10px;}
    .popup-inner>p{font-size: 18px;margin-bottom: 10px !important;}
    input, select{font-size: 14px !important;height: 42px;border-radius: 8px;}
    .join-input-item>button{height: 42px;border-radius: 8px;}
    .title-36{font-size: 32px !important;}
    .title-24{font-size: 22px !important;}
    .title-42{font-size: 36px !important;}
    .join-store>button{font-size: 14px;height: 42px;}
    .title-36>span{font-size: 14px}
    .ip-item>p{font-size: 13px;}
    .ip-item>span{font-size: 15px;font-weight: 500;}
    .sub-btn{font-size: 14px;}
    .complate-txt>span{font-size: 14px;}
    .select-type>button>svg{width: 36px;height: 36px;}
    .select-type>button>p{font-size: 16px;font-weight: 500;}
    .type-txt>p{font-size: 18px;margin-bottom: 0;}
    .type-txt>span{font-size: 14px;}
    .terms-title{height: 42px;}
    .terms-title>p{font-size: 15px;}
    .terms-title>svg{width: 20px;height: 20px;}
    .terms-item:first-of-type .terms-title>p{font-size: 16px;}
    .terms-item:first-of-type .terms-title>svg{width: 24px;height: 24px;}
    .terms-txt>button{height: 42px;font-size: 14px;}
    .join-store-info>p{font-size: 15px;}

}
@media (max-width: 993px) {

    .pc-non{display: inherit;}
    .m-header{display: flex;}
    .bottom-nav{width: 100%;border-radius: 0;display: flex;padding: 0;padding-bottom: 16px;}
    .bottom-nav>button{width: 100%;margin: 0;padding: 0;}
    .bottom-nav>button>svg{width: 20px;height: 20px;}
    .bottom-nav>button>span{font-size: 10px;}

}
@media (max-width: 840px) {

}
@media (max-width: 768px) {
    .logo>img{height: 56px;}
    .title-36{font-size: 26px !important;}
    .title-24{font-size: 20px !important;}
    .title-42{font-size: 32px !important;}
    .title-36>span{font-size: 14px}
    .ad-2-txt{margin-bottom: 32px !important;}
}
@media (max-width: 640px) {
    .sub-btn{min-width: 80px;width: 80px;font-size: 12px !important;}
    .ip-item-wrap{flex-wrap: wrap;}
    .ip-item{width: 100%;margin-right: 0;margin-bottom: 10px;}
    .ip-item:last-of-type{margin-bottom: 0;}
}
@media (max-width: 480px) {
    .input-wrap>label>span{font-size: 14px;left: 10px;}
    .input-wrap{margin-bottom: 10px;}
    .input-wrap>label{height: 42px;}
    .title-36{font-size: 22px !important;}
    .title-24{font-size: 18px !important;}
    .title-42{font-size: 24px !important;}
    .title-36>span{font-size: 14px}

    .mo-inherit{display: inherit;}
}
@media (max-width: 375px) {

}
.login-wrap .account-title>p{font-size: 24px !important;}
.login-wrap{position: relative;}
.admin-login{position: absolute;top: calc(100% + 16px);left: 50%;transform: translateX(-50%);width: 100%;padding: 0 16px;}
.admin-login>button{background-color: #6F30A0 !important;}
.admin-login>button:hover{background-color: #6F30A0 !important;}
.admin-login>button::after{display: none !important;}
.admin-login>button::before{display: none !important;}