.wrap{position: relative;}
.full_page{height: 100vh;background: #fff;}
.page_top {border-bottom: solid 1px #E8E8E8;padding: 0 16px;background: #fff;height: 64px;display: flex;align-items: center;    position: sticky;
    top: 0;z-index: 9;}
.page_top .btn_back{width:40px;height: 40px; display: inline-block;transform: scaleX(-1);
    position: relative;background: url('/img/common/icon_arrow.svg') center center no-repeat;}
.page_top .btn_close{position: absolute;right:20px}
.page_cont .link_text{display: flex;width:100%;align-items: center;justify-content: space-between;padding: 4px 0;font-size: 1.6rem;font-weight: 600;}
.page_cont .link_text::after{display: inline-block;content: '';background: url('/img/common/icon_arrow.svg') center center no-repeat;width:20px;height: 20px;}
.page_cont .link_text  + .link_text{margin-top: 16px;}
.page_cont .link_switch::after{display: none;}
.page_title_wrap{text-align: center;padding: 16px 0;}
.page_title{font-size: 2rem;font-weight: 700;}
.page_title_sub{margin-top: 12px;color:#6A6A6A;font-size: 1.4rem;line-height: 22px;}

.page_cont{padding: clamp(16px, 5vw, 32px) clamp(16px, 6vw, 40px);max-height: calc(100% - 64px);overflow-y: auto;}
.search_page .search_wrap{width:100%;width: calc(100% - 48px);}
.search_page .page_cont{padding: 0 clamp(16px, 6vw, 40px);}
.search_page .page_cont .title{border-bottom: solid 1px #F4F4F4;padding-bottom: 9px;margin-bottom: 16px;margin-top: 24px;justify-content: space-between;}
.search_page .page_cont .title p{font-size: 1.2rem;font-weight: 600;color:#A3A0B4;}
.search_page .page_cont ul li{display: flex;width:100%;align-items: center;justify-content: space-between;padding: 8px 0;}
.search_page .page_cont ul li + li{margin-top: 8px;}
.search_page .page_cont ul li p{font-weight: 600;}
.search_page .page_cont ul li p span{font-size: 1.2rem;color:#A3A0B4;display: inline-block;margin-left: 4px;font-weight: 400;}
.search_page .page_cont ul li .btn_close{width:20px;height: 20px;}

.login_page form input{margin-bottom: 10px;}
.login_page .login_link{justify-content: space-between;}
.login_page .login_link a:first-child{color:#6A6A6A;}
.login_page .login_link a.accent{text-decoration: underline;font-weight: 600;}
.login_page .sns_login{justify-content: center;gap:28px;margin-top: 52px;}

.join_page01 .page_cont .flex{gap:24px;justify-content: space-between;}
.join_page01 .page_cont .flex>div{border-radius: 8px;border:solid 1px #e8e8e8;text-align: center;display: inline-flex;align-items: center;justify-content: center;flex-direction: column;width:calc(50% - 4px);
padding: 40px 0;}
.join_page01 .page_cont .flex>div img{max-height: 90px;}
.join_page02 select{  padding: 0 16px !important;background-position: calc(100% - 17px) 50%;border: solid 1px #E8E8E8;border-radius: 8px;height: 48px;
    font-family:'Pretendard', sans-serif;font-weight: 400;}
.join_page02 .tos_wrap{border: solid 1px #e8e8e8;border-radius: 8px;padding: 17px;}
.join_page02 .tos_wrap #all_agree + label span{color:#222}
.join_page02 .tos_wrap >div+ div{border-top: solid 1px #F4F4F4;margin-top: 12px;padding-top: 17px;}
.join_page02 .tos_wrap >div>div+ div{margin-top: 16px;}
.join_page02 .tos_wrap >div label{display: inline-flex;align-items: center;}
.join_page02 .tos_wrap >div label img{width: 14px;margin-left: 8px;}
.join_page02 .terms_text b{font-weight: 600;margin-bottom: 12px;display: block;}
.join_page02 .terms_text p{font-size: 1.4rem;line-height: 22px;color:#6A6A6A;margin-bottom: 28px;    white-space: pre-line;
    word-break: keep-all;}
.join_page03 .input_wrap input{padding-right: 48px !important;}
.join_page03 .input_wrap span{position: absolute;right: 17px;top:50%;transform: translateY(-50%);}
.join_page03 .input_wrap span.red{color:#FF364A}
.join_page04 .input_verify {background: url('/img/common/input_chk.svg') calc(100% - 17px) center no-repeat;}

.profile_page .page_cont{padding: 0;}
.profile_page .user_info{width:calc(100% - 56px - 100px)}
.profile_page .user_point{margin-top: 8px;}
.profile_page .user_point .bar{width:100%;height: 4px;background: #EDEDF2;}
.profile_page .user_point .bar .bar_accent{background: var(--main);height: 100%;}
.profile_page .user_point .point_info{align-items: center;justify-content: space-between;margin-top: 4px;}
.profile_page .user_point .point_info p{color:#9E9E9E}
.profile_page .user_point .point_info p:first-child{display: inline-flex;align-items: center;gap:2px;}
.profile_page .user_point .point_info p:last-child span{font-weight: 500;margin-right: 2px;}
.profile_page .profile_info{padding: clamp(16px, 5vw, 32px) clamp(16px, 6vw, 40px);border-bottom: solid 1px #e8e8e8;position: relative;}
.profile_page .profile_info span.accent_line{position: absolute;right:clamp(16px, 6vw, 40px);top:clamp(16px, 5vw, 32px)}
.profile_page .profile_info div{display: flex;gap:8px;font-size: 1.4rem;line-height: 22px;    max-width: calc(100% - 75px);}
.profile_page .profile_info div+ div{margin-top: 8px;}
.profile_page .profile_info div p.label{color:#9E9E9E}
.profile_detail_tab {border-bottom: solid 1px #E8E8E8;  display: flex;cursor: pointer;}
.profile_detail_tab a{display: inline-block;
height: 48px;
flex: 1 1 auto;
line-height: 48px;
text-align: center;
font-size: 14px;}
.profile_detail_tab a.active{border-bottom:solid 2px var(--main);color: var(--main) !important;font-weight: 700;}
.profile_page .detail_item{padding: clamp(16px, 4vw, 24px);text-align: left;}
.profile_page .detail_item + .detail_item{border-top: solid 1px #e8e8e8}
.profile_page .detail_item p.title{font-size: 1.4rem;font-weight: 600;line-height: 22px;margin-bottom: 12px;}
span.cert{font-size: 1.4rem;font-weight: 700;line-height: 22px;color:var(--main);margin-left: 8px;}
span.cert::before{display: inline-block;content:'';width:20px;height: 20px;
    background: url('/img/common/icon_cert.svg') center center;vertical-align: middle;}
span.marker{border:solid 1px #D2D2D2;padding: 2px 9px;font-size: 1.2rem;line-height: 1;border-radius: 10px;vertical-align: baseline;color:#6A6A6A}
.detail_item .item_text span.marker{margin-right: 8px;}
.detail_item .item_text p{color:#6A6A6A;font-size: 1.4rem;}
.detail_item .item_text>p + p{margin-top: 8px;}
.detail_item .item_text b{color:#444444;margin-right: 8px;font-weight: 600 !important;}

.profile_page .detail_item.history_item .desc{color:#000;}
.profile_page .detail_item.history_item .item_text>div{margin-top: 12px;}
.profile_page .detail_item.history_item .item_text>div + div{border-top:solid 1px #E8E8E8;padding-top: 12px;}
.profile_page .detail_item.history_item .item_text>div p + p{margin-top: 8px;}
.profile_page .detail_item.photo_item .item_text>.flex{gap:12px}
.profile_page .detail_item.photo_item .item_text>.flex>div{aspect-ratio: 1/1;width: 33%;height: 33%;position: relative;border-radius: 8px;overflow: hidden;}
.profile_page .detail_item.photo_item .item_text>.flex>div.video::before{width:100%;height: 100%;display: block;content: '';position: absolute;left:0;top:0;
background-color: rgba(0, 0, 0, 0.3);}
.profile_page .detail_item.photo_item .item_text>.flex>div.video::after{width:20px;height: 20px;display: block;content: '';position: absolute;left:calc(50% - 10px);top:calc(50% - 10px);
background: url('/img/common/icon_video.svg') center center;}
.profile_page .detail_item.photo_item .item_text>.flex div.img{width:100%;height: 100%;background-position: center center;background-size: cover;}
.profile_page .detail_item.photo_item .item_text>.flex>div.voice{border:solid 1px #D2D2D2}
.profile_page .detail_item.photo_item .item_text>.flex>div.voice::after{width:30px;height: 28px;display: block;content: '';position: absolute;left:calc(50% - 15px);top:calc(50% - 14px);
background: url('/img/common/icon_voice.svg') center center;}
.profile_page .detail_item.photo_item .item_text p{color:#000;margin-top: 12px;}
.profile_page .detail_item .item_text > .add_btn:first-child:only-child{margin-top: 0;}
.profile_page .detail_item.benefits_item .marker+ .flex{column-gap:8px;flex-wrap: wrap;}
.profile_page .detail_item.benefits_item .item_text>div+ div{margin-top: 12px;}

.profile_input .input_wrap div.checkbox{position: absolute;right:0;bottom:8px;z-index: 2;}
.profile_input .input_wrap div.checkbox input:not(:checked) + label span{color:#D2D2D2}
.profile_input .input_wrap .checkbox_label{display:flex;align-items: center;gap:8px}
.profile_input .input_wrap .checkbox_label p{display: inline-block;}
.profile_input .input_wrap .checkbox_label div.checkbox{position: relative;bottom: auto;}
.profile_input .input_wrap .checkbox_label input[type="checkbox"]+ label{padding-left: 22px;}
.profile_input .input_wrap .flex_center:has(.btn_common){gap:8px}
.profile_input .input_wrap .btn_common.verified{border-color:var(--main);color:var(--main);padding-left: 36px;
    background:rgba(0, 123, 78, 0.1) url('/img/common/input_chk.svg') left 12px center no-repeat}
.profile_input .input_wrap .map_wrap{margin-top: 16px;}
.profile_input .input_wrap .chip_chkbox {border: solid 1px #E8E8E8;display: inline-flex;align-items: center;justify-content: center;
    padding: 7px 16px;font-size: 1.3rem;border-radius: 17px;cursor: pointer;}
.profile_input .input_wrap .chip_chkbox_wrap{display: flex;gap:4px;margin-top: 10px;align-items: center;flex-wrap: wrap;}
.profile_input .input_wrap .chip_chkbox:has(input:checked){background: var(--main);color:#fff;font-weight: 500;border-color:var(--main)}
.profile_input .input_wrap .flex:has(.add_btn) input{padding-right: 80px;}
.profile_input .input_wrap .flex .add_btn{position: absolute;right: 0;margin: 0;}

.register_job .input_wrap .detail_item {margin-top: 10px;}

.job_main{text-align: center;padding-bottom: 40px;min-height: 100vh;}
.job_manage{padding-bottom: 0;}
.job_main + .bottom_bar {display: none}
.job_main .top_wrap{background: #fff;position: sticky;top: 64px;z-index: 2;text-align: left;}
.job_main .top_wrap .search_wrap{padding: 12px 24px;}
.job_main .job_filter{padding: 12px 24px;display: flex;align-items: center;gap:4px;flex-wrap: wrap;border-bottom: solid 1px #E8E8E8;}
.job_main .job_filter .swiper-slide{width:auto !important}
.job_main .job_filter button{border: solid 1px #E8E8E8;display: inline-flex;align-items: center;justify-content: center;
    padding: 7px 30px 7px 16px;font-size: 1.3rem;border-radius: 17px;cursor: pointer;background: url('/img/common/input_select.svg') right 10px center no-repeat;background-size: 16px;}
.job_main .main_cont{padding: 24px;background: rgba(245, 245, 248, 0.6);min-height: 60vh;text-align: left;}
.job_main .tab_cont .main_cont{padding-bottom: 40px;}
.job_manage .tab_cont{min-height: 80vh;}
.job_manage .tab_cont .main_cont{display: none;}
.job_manage .tab_cont .main_cont.active{display: block;}
.job_main .main_cont .job_item{background: #fff;border-radius: 8px;padding: 24px;position: relative;}
.job_main .main_cont .job_item + .job_item{margin-top: 24px;}
.job_main .main_cont .job_item .job_top .title{font-size: 1.6rem;font-weight: 600;    padding-right: 40px;}
.job_main .main_cont .job_item .job_top .day{position: absolute;right:24px;top:24px;text-transform: uppercase;color:#9E9E9E}
.job_main .main_cont .job_item .job_top .day.red{color:#FF4C77}
.job_main .main_cont .job_item .job_top .write_info{display: flex;margin-top: 4px;gap:6px}
.job_main .main_cont .job_item .job_top .write_info .kpoint{color:#6A6A6A;}
.job_main .main_cont .job_item .job_top .write_info .kpoint .marker{color:var(--main);background: rgba(0, 123, 78, 0.1);border: none;margin-right: 4px;}
.job_main .main_cont .job_item .job_top .job_status{margin-top: 10px;}
.job_status{font-size: 1.2rem;display: inline-block;text-align: center;padding: 4px 8px;border-radius: 4px;margin-top: 10px;background: #EDEDF2;}
.job_status.red{background: rgba(255, 76, 119, 0.1);color:#FF4C77}
.job_status.green{background: rgba(0, 123, 78, 0.1);color:var(--main)}
.job_main .main_cont .job_item .job_info{margin-top: 20px;}
.job_info{display: flex;flex-direction: column;gap:4px}
.job_info p{color:#6A6A6A;display: inline-flex;gap:6px;line-height: 20px;align-items: flex-start;}
.job_info p::before{display: inline-block;content: '';min-width: 16px;width:16px;height: 16px;background-position: center center;background-size: cover;    margin-top: 3px;}
.job_info p.info_time::before{background-image: url('/img/sub/job_time.svg');}
.job_info p.info_money::before{background-image: url('/img/sub/job_money.svg');}
.job_info p.info_place::before{background-image: url('/img/sub/job_place.svg');}
.job_info p.info_school::before{background-image: url('/img/sub/job_school.svg');}
.job_info p.info_people::before{background-image: url('/img/sub/job_people.svg');}
.job_info p.info_notview::before{background-image: url('/img/sub/job_notview.svg');}
.job_info p.info_notview{color:var(--main)}
.job_info p.info_country::before{background-image: url('/img/sub/job_country.svg');}
.job_main .main_cont .job_item .job_btn {display: flex;justify-content: space-between;margin-top: 20px;width:100%;}
.job_main .main_cont .job_item .job_btn .status_select{border: solid 1px #E8E8E8;display: inline-flex;align-items: center;justify-content: center;
    padding: 7px 30px 7px 16px;font-size: 1.3rem;border-radius: 4px;cursor: pointer;background: url('/img/common/input_select.svg') right 10px center no-repeat;background-size: 16px;}
.job_main .main_cont .job_item .job_btn .btn_main{height: 34px;}
.job_main .main_cont .job_item .btn_scope{position: absolute;right:24px;bottom: 24px;height: 34px;}
.job_main .main_cont .job_item:has(.btn_scope) .job_info{padding-right: 90px;    word-break: keep-all;}

.job_main .register_btn{width:calc(100% - 80px);position: sticky;bottom: 80px;}
.job_people{padding-bottom: 0;}
.job_people .profile_top{width: 100%;align-items: center;}
.job_people .profile_top>div:not(.user_photo){width:calc(100% - 56px - 12px)}
.job_people .profile_top .font16{font-weight: 600;display: flex;justify-content: space-between;align-items: center;}
.job_people .profile_top .font16 .date{font-size: 1.4rem;line-height: initial;color:#9E9E9E;font-weight: 400;}
.job_people .profile_top .info_marker{gap:6px;margin-top: 6px;}
.job_people .profile_top .info_marker>.marker{background: #EDEDF2;border-radius: 4px;padding: 0 8px;line-height: 24px;border:none}
.job_people .profile_top .info_marker .kpoint .marker{background: rgba(0, 123, 78, 0.1);color:var(--main);border: none;font-size: 1.3rem;margin-right: 2px;}
.job_people .profile_top .info_marker .kpoint{color:#6A6A6A;font-size: 1.4rem;}
.job_people .main_cont{max-height: calc(100% - 64px - 117px);overflow-y: auto;height: calc(100% - 64px - 117px);}

.job_view .job_top{padding: 24px;}
.job_view .job_top .title{font-size: 2.2rem;margin: 20px 0 12px;line-height: 1.2;}
.job_view .job_top>.flex{gap:6px}
.job_view .job_top>.flex .date{color:#9E9E9E}
.job_view .profile_detail_cont{background: #F5F5F7;}
.job_view .profile_detail_cont>div{background: #fff;}
.job_view .profile_detail_cont>div+ div{margin-top: 8px;}
.job_view .profile_detail_cont>div:first-child .detail_item p.title{color:#9E9E9E;font-weight: 700;line-height: 1;font-size: 1.4rem;margin-bottom: 12px;}
.job_view .profile_detail_cont>div:first-child .detail_item .item_text p{color:#222;line-height: 1.4;white-space:pre-line;}

.job_view .profile_detail_cont>div .detail_item p.big_title{color:#000;font-weight: 700;font-size: 1.8rem;margin-bottom: 20px;}
.job_view .profile_detail_cont>div .detail_item p.big_title:has(.accent_line){display: flex;align-items: center;justify-content: space-between;}
.job_view .profile_detail_cont>div .detail_item p.big_title span.accent_line{font-size: 1.4rem;font-weight: 600;}
.job_view .profile_detail_cont>div .detail_item .item_text p{color:#000}
.job_view .profile_detail_cont>div .detail_item .item_text p span{color:#9E9E9E;margin-right: 8px;display: inline-block}
.job_view .profile_detail_cont>div .detail_item.requ_item .item_text p {color:#6A6A6A;}
.job_view .profile_detail_cont>div .detail_item.requ_item .item_text.flex{align-items: center;column-gap:24px;flex-wrap: wrap;}
.job_view .profile_detail_cont>div .detail_item.requ_item .item_text.flex p{margin: 0;}
.job_view .profile_detail_cont>div .detail_item .map_wrap{margin: 20px 0;border-bottom: solid 1px #E8E8E8;padding-bottom: 20px;}
.job_view .profile_detail_cont>div .detail_item .map_wrap p{margin-top: 8px;}
.job_view .page_cont{padding-bottom: 0;}
.job_view .profile_detail{padding-bottom: 30px;}
.job_view .btn_wrap{width:calc(100% - 50px);position: sticky;bottom: 20px;margin: 0 auto;z-index: 25;}
.job_view .btn_like{background: #fff url('/img/sub/icon_like.svg') center center no-repeat;max-width:52px}
.job_view .btn_like.active{background-image: url('/img/sub/icon_like_active.svg');}
.people_view .btn_wrap{padding: 24px 40px;text-align: center;border-top: solid 1px #E8E8E8;}
.people_view .profile_detail_cont .blind{position: relative;}
.people_view .profile_detail_cont .blind>.detail_item{filter: blur(20px);}
.people_view .profile_detail_cont .blind .btn_view{background: #000;color:#fff;width:calc(100% - 80px);margin: 0 auto;z-index: 3;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}

.subscribe_page{min-height: 100vh;}
.subscribe_page  .page_title_wrap{padding-bottom: 32px;}
.subscribe_page  .page_title_wrap+ .ticket_wrap{margin-top: -16px;}
.subscribe_page .ticket_wrap{padding: 0 24px;margin-bottom: 32px;}
.subscribe_page .ticket_wrap>div{background: rgba(0, 123, 79, 0.1);display: flex;align-items: center;justify-content: space-between;padding: 0 24px;
    border:solid 1px var(--main);border-radius: 8px;height: 76px;}
.subscribe_page .ticket_wrap p{font-size: 1.8rem;font-weight: 500;display: inline-flex;align-items: center;gap:8px}
.subscribe_page .ticket_wrap .num{font-size: 2.4rem;font-weight: 700;color:var(--main)}
.subscribe_page .page_cont{padding: 0;}
.subscribe_page .page_cont .tab_cont{padding: clamp(16px, 4vw, 24px);padding-bottom: 50px;}
.subscribe_page .page_cont .tab_cont:has(.type1){background: rgba(245, 245, 248, 0.6);}
.subscribe_page .page_cont .tab_cont:has(.type2){padding: clamp(16px, 5vw, 32px) clamp(16px, 6vw, 40px);}
.subscribe_page .page_cont .tab_cont .choice_wrap{display: flex;gap:24px;margin-bottom: 24px;}
.subscribe_page .page_cont .tab_cont .choice_wrap .subscribe_radio{background: #fff;padding: clamp(16px, 4vw, 24px);aspect-ratio: 170/220;height: auto;
    border-radius: 8px;width:calc(50% - 12px);border:solid 1px transparent;display: flex;flex-direction: column;justify-content: space-between;position: relative;}
.subscribe_radio::before{
  display: inline-block;
  content: '';
  width:8px;
  height: 8px;
  border-radius: 100%;
  vertical-align: middle;
  border: solid 4px #EDEDF2;
  background: #fff;
  position: absolute;
  right:24px;top:25px
}
.subscribe_radio:has(input[type="radio"]:checked){background-color: rgba(0, 123, 79, 0.1) !important;border-color:var(--main) !important}
.subscribe_radio:has(input[type="radio"]:checked)::before{ border-color:var(--main);}
.subscribe_radio .title{font-size: 1.6rem;font-weight: 600;}
.subscribe_page .pay{font-size: 3.2rem;font-weight: 600;margin-top: 20px;    line-height: 1;}
.subscribe_page .pay span{font-size: 2rem;font-weight: 400;color:#E93620;text-decoration: line-through;display: block;margin-top: 20px;}
.subscribe_radio .chk{display: flex;align-items: center;gap:6px;color:#6A6A6A}
.subscribe_page .ticket_list >div{background: #fff;padding: 20px 24px;border-radius: 8px;}
.subscribe_page .ticket_list >div + div{margin-top: 24px;}
.subscribe_page .ticket_list >div p:not(.pay){font-size: 1.6rem;font-weight: 600;color:#6A6A6A;margin-bottom: 8px;}
.subscribe_page .ticket_list >div p.pay{font-size: 2.4rem;margin-top: 8px;}
.subscribe_page .ticket_list >div p.pay span{display: inline-block;margin: 0 0 0 16px;}
.subscribe_page .tab_cont .type3 .row{width:100%}
.subscribe_page .tab_cont .type3 .head p{color:#9E9E9E}
.subscribe_page .tab_cont .type3 .row p{flex:1;font-size: 1.4rem;text-align: center;}
.subscribe_page .tab_cont .type3 .row p:nth-child(2){flex:1.5}
.subscribe_page .tab_cont .type3 .body{margin-top: 24px;}
.subscribe_page .tab_cont .type3 .row + .row{margin-top: 24px;}
.subscribe_page .tab_cont .type3 .body .row p:nth-child(2){font-weight: 600;}