.profile_flex_wrap p:first-child{font-weight: 600; color: #bbb; font-size: 16px; margin-bottom:4px;}
.profile_flex_wrap p{font-size:20px;}

.posting_rersum .time_check_box > ul {gap: 10px; width: 100%;}
.posting_rersum .time_check_box li{width: calc((100% / 2 ) - 5px);}



.resume_profile_photo{border:none;}
.profile .filebox .upload-display {
    margin-bottom: 5px;}
  
  
  .profile .filebox .upload-thumb-wrap { display: inline-block; width: 145px;height: 145px; vertical-align: middle; border: 1px solid #ddd; border-radius: 50%;overflow: hidden;}
  .profile .filebox .upload-display img { display: block; max-width: 100%; width: 100% \9; height: auto; height: 100%;    object-fit: cover;}
  .profile .filebox input[type="file"] {   position: absolute;  width: 1px;  height: 1px;  padding: 0;  margin: -1px;  overflow: hidden;  clip:rect(0,0,0,0);  border: 0;}
  .profile .filebox label{ position: absolute; width: 50px; height: 50px; right: -0.2em; bottom: -0.2em; cursor: pointer; background: url(); border-radius: 50%;}
  .profile .filebox label img{width: 105%;height: 105%;position: absolute;left:50%; top:50%;transform: translate(-50%,-50%);}
  
  
  .input_list_wrap > div {border: 1px solid #eee; background: #f9f9f9;}


  
.hope_box > .con{display: flex; align-items: center; width: 100%;}

.posting_employ .plus_button {width: 10%;}
.posting_employ .age_detail_wrap{width: 50%;}
.posting_rersum.posting_employ .personnel_con .age_check_box{width: 25%;}

.time_check_box {display: flex;}

/* 회사소개 (shm_about) */
.div_flex {display: flex; justify-content: space-between;}
.content_ab {margin-bottom: 50px;}
.about_txt .about_tt {font-size: 30px;}
.about_txt .about_tt > b{font-size: 34px;}
.about_txt .about_tt_midle {font-size: 26px; font-weight: 600;}
.about_txt .about_tt_p {font-size: 18px; font-weight: 400;}

.about_banner {background-position: center center; background-size: 100%; background-attachment: fixed; background-repeat: no-repeat;  background-image: url('../img/sub/shm_about_banner.jpg'); filter: brightness(0.6); border-radius: .8em; overflow: hidden;}
.about_banner_imgbox { height: 18em; width: 100%; background-color: transparent;}
.pink-txt {color: #ff4a6b;}

.about_txt_box {font-weight: 400; font-size: 18px; line-height: 1.7;}
.txt-bold {font-weight: 700;}
.right {text-align: right;}
.mt-100 {padding-top: 100px;}

/* 서비스소개 */
.service_tab ul{display: flex; justify-content: center; gap: 12px; margin-top: 60px ; align-items: center;}
.service_tab ul li a{padding: 14px 22px; border-radius: 40px; border: 1px solid #ddd; color: #aaa; font-weight: 500;} 
.service_tab ul li.on a{background-color: #ff4a6b; color: #fff; border-color: #ff4a6b;}
.service_tab ul li:not(.on) a:hover{border-color: #e2c344; color: #e2c344; color: #e2c344;}

.s_tit{position: relative;}
/* .s_tit:after{content: ''; display: block; position: absolute; right: 0; bottom: 0; font-size: 120px; font-weight: 900; color: #ff4a6b; opacity: .06; line-height: 1;}  */
/* .s_tit.s1:after{content: 'BABYSITTER';} */

.service .about_banner_imgbox{height: 14em;}
.service.service1 .about_banner {background-image: url('../img/sub/shm_service1_banner.jpg');}

.second_tit{font-size: 30px; margin-bottom: .3em;}
.second_tit:before{content: ''; width: 20px; height: 20px; background-color: #fff; border: 6px solid #ff4a6b; border-radius: 50%; position: relative; display: inline-block; opacity: .6; margin-right: 4px;}
/* .second_tit span{color: #ff4a6b; display: block;} */

.f_box{display: flex; gap: 40px; margin-bottom: 80px;}
.f_box:last-child{margin-bottom: 0;}
.f_box .second_tit{width: 240px;}
.service_list{display: flex; gap: 12px; flex-wrap: wrap; width: 100%;}
.service_list > li{width: calc(50% - 6px); border: 1px solid #ddd; height: 80px; box-sizing: border-box; padding: 0 20px; display: flex; align-items: center;  border-radius: .6em; line-height: 1.4; word-break: keep-all; font-size: 17px;}
.service_list > li p{position: relative; padding-left: 20px;}
.service_list > li p:before{content: ''; display: block; height: 7px; width: 10px;  border-bottom: 2px solid #ff4a6b; border-left: 2px solid #ff4a6b; opacity: .5; margin-right: 12px; position: absolute; top: 6px; left: 0; transform: rotate(-45deg);}

/* .service_list > li:hover{box-shadow: 0 0 12px #ff4a6b15; border-color: #ff4a6b40;} */

.service_list02 {display: flex; flex-wrap: wrap; gap: 12px; width: 100%;}
.service_list02 li{width: 19.25%; border-radius: .6em; background-color: #ff4a6b08; font-size: 18px; padding: 24px; border: 1px solid #ff4a6b20; transition: all .2s; position: relative; }
.service_list02 li p{position: relative; line-height: 1; color: #ffd6dd; text-align: center; display: block;}
.service_list02 li p .mintxt{display: block; font-size: .8em; line-height: 1; opacity: .6; margin-top: .4em;}
.service_list02 li:hover{box-shadow: 0 0 12px #ff4a6b12; border-color: #ff4a6b30;}
.service_list02 li:hover p { color: #ff4a6b; font-weight: 600;}

/* ********************************************* *
* 1600px
* ********************************************* */
@media screen and (max-width: 1660px){
    /* .posting_rers{overflow: initial;} */
    /* .posting_rersum .save_button_wrap > ul{padding:0;} */
    /* .posting_rersum .input_list_wrap{padding:0;} */
}

/* ********************************************* *
* 1400px
* ********************************************* */
@media screen and (max-width: 1400px){

    .posting_rersum .place_check_box > div:nth-child(3){width: 100px;}
    .place_check_box > div:nth-child(1),
    .place_check_box > div:nth-child(2){width: calc((100% - 100px) / 2);}



}

/* ********************************************* *
* 1240px
* ********************************************* */

@media screen and (max-width: 1240px){

    .posting_rersum .input_list_wrap > div {  padding: 16px;}
    .posting_rersum .input_list_wrap > div li > p {  margin-left: 28px; }
    .posting_rersum .input_list_wrap > div li > span {width: 20px;height: 20px; top: 10px;}
    
}

/* ********************************************* *
* 1155px
* ********************************************* */

@media screen and (max-width: 1155px){
    
    .about_banner_imgbox { height: 14em;}
    .about_banner { background-size: cover;}


}


/* ********************************************* *
* 1024px
* ********************************************* */
@media screen and (max-width: 1024px){


 
}


/* ********************************************* *
* 960px
* ********************************************* */
@media screen and (max-width: 960px){

    .posting_rersum  .posting_right {display: block; width: 100%;}
    .posting_rersum .container{display: block;}
    .posting_rersum .asidemenu_right{width: 100%; position: initial; top:0; margin:0 !important}
    
    .posting_employ_box,
    .posting_rersum .posting_resum_box{display: flex;    flex-direction: column-reverse;}
    .posting_rersum .posting_left{padding:0;}
    .posting_rersum .input_list_wrap > div{margin-bottom: 10px;}
    .posting_rersum .resum_apply_button{display: none;}
    .posting_rersum .save_button_wrap > ul{display:flex;flex-direction: row-reverse; padding: 0;}
    .posting_rersum .save_button_wrap > ul li:last-child{width: 30%;}
    .posting_rersum .save_button_wrap > ul li:first-child{width:calc(100% - 90px);margin-left: 10px;}

    .resume_profile_flex { align-items: center; }
    .resume_profile_contents{width: calc(100% - 145px);margin-left: 30px;}

    /* .posting_employ .place_check_box, 
    .posting_rersum .choice_but_wrap > ul{margin-top: 0;} */


    .hope_box > .con{display: block;}
    .hope_box > .con .title_area{margin-bottom: 5px;}

    .posting_employ .age_check_wrap .age_check_box{width: 100%; display: flex; justify-content: center;} 
}


/* ********************************************* *
* 860px
* ********************************************* */
@media screen and (max-width: 860px){

    .about_banner {background-attachment: scroll;}

}






/* ********************************************* *
* 768px
* ********************************************* */

@media screen and (max-width: 768px){
    .time_check_box li > span{color: #888; font-size: 14px;}

    .time_check_box li:hover > span{color: #fff;}

    .resume_sec_con_wrap2 > .resume_box > div:last-child{width: 60px;text-align: right;}
    
    .posting_rersum .posting_right {margin-bottom: 80px;}

}


/* ********************************************* *
* 718px
* ********************************************* */
@media screen and (max-width: 718px){
    
}



/* ********************************************* *
* 640px
* ********************************************* */
@media screen and (max-width: 640px){
    
    .resume_profile_photo {width: 110px;}
    .resume_profile_contents{width: calc(100% - 110px);margin-left: 30px;}

    .profile_flex_wrap {  margin-top: 20px; }
    .resume_sec_con_wrap {  padding:12px 20px; margin-top: 0px;}


    .posting_rersum .resume_sec_con_wrap2{ margin-top: 12px;}
    .posting_rersum .hope_box { padding: 12px 0;}
    .place_check_box, .choice_but_wrap > ul{margin-top: 0;}

    .posting_rersum .hope_big_box,
    .posting_employ .hpoe_big_box {width: 100%;}
    
    .first_matters .submit_input,
    .first_matters .submit_button,
    .posting_employ .plus_button > button,
    .posting_rersum .tel_check_box > button,
    .posting_rersum .tel_check_box > input,
    .posting_rersum .posting_select,
    .posting_rersum .money_input,
    .posting_rersum .posting_rersum .place_check_box > div:nth-child(3),
    .posting_rersum .place_check_box > div:nth-child(1), 
    .posting_rersum .place_check_box > div:nth-child(2),
    .posting_rersum .age_check_wrap > .age_check_box >select,
    .posting_rersum .age_detail_wrap > input,
    .posting_rersum .filebox .upload-name, .posting_rersum .filebox label, 
    .posting_rersum .children_input,
    .posting_rersum .text-input-wrap > input,
    .posting_rersum .subway_name > input,
    .posting_rersum .address > input,
    .posting_rersum .address-input,
    .posting_rersum .address-but,
    .posting_employ .address-input-wrap input[type=text],
    .posting_resum .address-input-wrap input[type=text],
    .posting_employ .check-date-ele,
    .posting_employ .check_outbox_wrap > .age_check_wrap > .tm-check,
    .posting_rersum .place_check_box > div:nth-child(3),
    .plus_button > button,
    .posting_employ .place_check_box { padding: 12px; border-radius: 4px; font-size: 13px;}

    .posting_employ .scriptCalendar > thead > tr:first-child > td,
    .posting_employ .scriptCalendar > tbody > tr > td,
    .posting_employ .scriptCalendar > thead > tr:last-child > td  {font-size: 14px;}
    .posting_employ .check-date-ele > ul > li > p {font-size: smaller;}
    .posting_employ  .date-cal {font-size: 1.3em;}
    .posting_employ .calendarBtn > i > img {height: 1.5em;}

    .posting_employ .check_outbox_wrap > .age_check_wrap > .tm-check > select {font-size: 13px;}
    .posting_rersum .work_check_wrap, .licence_check_wrap {width: 100%;}

    .place_check_box > div:nth-child(3) > button,
    .posting_employ .place_check_box > p {font-size: 13px;}


    

    .posting_rersum .age_detail_wrap,
    .posting_rersum .age_check_wrap > .age_check_box{border-radius: 4px;}

    .posting_rersum .place .place_check_box {padding:0;}
    .posting_rersum .place_check_box + .place_check_box{margin-top: 4px;}
    .posting_rersum .place.hope_box .place_check_box > div{padding:10px;}

    .posting_rersum .choice_but_wrap > ul > li {width: 100%; font-size: 13px; padding: 10px;}

    .posting_rersum .money_input{text-align: left;}


    .posting_rersum .resume_box > div:first-child{width: 100%;}
    

    .posting_rersum .resume_sec_con_wrap8{margin-top:12px;border-radius: 4px;}
    .posting_rersum .resume_sec_con_wrap8 > .resume_box textarea{padding:12px; font-size: 13px;}

    .posting_rersum .time_check_box li {width: calc((100% - 10px) / 2); padding:10px 10px 8px; font-size: 14px;}
    .posting_rersum .time_check_box > ul{flex-wrap: wrap;}

    .title_text_area > p {font-size: 14px; color:#888;}


    .posting_rersum .input_list_wrap > div { padding: 12px; border-radius: 4px;}
    .posting_rersum .input_list_wrap > div li { padding:0;}
    .posting_rersum .input_list_wrap > div li + li{margin-top: 6px;}
    .posting_rersum .input_list_wrap > div li > span{ width: 18px; height: 18px; top: 2px;}
    .posting_rersum .input_list_wrap > div li > p {margin-left: 24px; font-size: 14px; }

    .posting_right .save_button_wrap ul li{border-radius: 4px;}
    .save_button_wrap li > a { padding: 15px 13px 11px; }


    
    .posting_employ .plus_button {width: 80px; border-radius: 4px;}

    .hope_box .first_matters_box{width: 100%;}
    .hope_box .first_matters > label{margin-top: 0;display: flex;flex-wrap: nowrap;}
    .first_matters .submit_input{width: calc(100% - 120px);}
    .first_matters .submit_button{width: 120px;}

    .place_work .place_check_box{padding:0;}


    .hope_box .subway {width: 100%;}
    .hope_box .subway > p{padding:12px; border-radius: 4px;}
    .posting_employ .place_work .place_check_box > div:nth-child(2),
    .posting_employ .place_work .place_check_box > div:nth-child(3),
    .posting_employ .place_work .place_check_box > div:nth-child(1){padding:12px;border-radius: 4px; }

    .join_member_1 .container .center>h2, .join_member_2 .container .center>h2 {font-size: 27px;}

    .save_button_wrap li > a {font-size: 15px;}

    


}

@media screen and (max-width: 600px){

    .profile_flex_wrap{flex-wrap: wrap; gap: 10px;}
    .profile_flex_wrap > div{width:calc(50% - 5px);}
    .profile_flex_wrap p:first-child{font-size: 14px;}
    .profile_flex_wrap p {font-size: 16px; }


}


/* ********************************************* *
* 500px
* ********************************************* */
@media screen and (max-width: 560px){
    


}

@media screen and (max-width: 500px){

    


}

/* ********************************************* *
* 400px
* ********************************************* */
@media screen and (max-width: 450px){
    
.resume_profile_flex{display: block;}
.resume_profile_contents{width: 100%; margin-left: 0; padding-bottom: 0;}
.resume_profile_photo{margin: 0 auto; width: 100px;}
.profile .filebox label {   width: 35px; height: 35px;}

.profile .filebox .upload-thumb-wrap {  width: 100px; height: 100px;}
.profile_flex_wrap { margin-top: 10px;}
.resume_profile_photo > span::after { width: 50px;
    height: 50px;}
.profile_name > p{text-align: center;}
.profile_flex_wrap p{text-align: center;}
.profile_flex_wrap > div{background: #f9f9f9;padding:12px; border-radius: 4px;}
.resume_sec_con_wrap {padding: 12px; padding-top: 30px;}




.tel_check_box > button,
.tel_check_box > input,
.posting_select,
.money_input,
.posting_rersum .place_check_box > div:nth-child(3),
.place_check_box > div:nth-child(1), 
.place_check_box > div:nth-child(2),
.age_check_wrap > .age_check_box >select,
.age_detail_wrap > input,
.place_check_box {font-size: 14px; padding:10px;    height: 43px;}

.place_check_box > div > select{font-size: 14px;}
.posting_rersum .place_check_box > div:nth-child(3){width: 70px; padding:8px}
.place_check_box > div:nth-child(1),
.place_check_box > div:nth-child(2){width: calc((100% - 70px) / 2);}

.choice_but_wrap >label{flex-wrap: wrap;}
.posting_rersum .choice_but_wrap >label > div{margin-left: 0;  width: 100%;}

.money_input{width: calc(100% - 20px);}
.licence_check_box{width: 100%;}


.posting_rersum .tel_check_box > button{width: 100px;}
.posting_rersum .tel_check_box > input{font-size: 14px; width: calc(100% - 100px);}

.time_check_box li{font-size: 16px;}


.title_text_area > h3, 
.title_area > h3 {font-size: 16px;}

.input_list_wrap h6 {font-size: 16px;}
.input_list_wrap > div li > p {font-size: 16px;}

.save_button_wrap li > a {padding: 9px 10px; font-size: 14px;}

.posting_rersum .save_button_wrap > ul li:last-child{width: 90px;}

.field_hope{height: auto;}


.first_matters .submit_input{width: calc(100% - 90px);}
.first_matters .submit_button{width: 90px;}



.posting_rersum.posting_employ .personnel_con .age_check_box {width: calc((100% - 10px) / 2);}
.age_check_wrap{flex-wrap: wrap;}
.posting_employ .age_detail_wrap{width: calc(100% - 90px);}

}

@media screen and (max-width: 400px){

.posting_rersum .tel_check_box > input {font-size: 13px;}


    

}

/* ********************************************* *
* 370 350 330px
* ********************************************* */
@media screen and (max-width: 370px){

.hope_big_box,
.posting_rersum .choice_but_wrap > ul > li { width: 100%;}

}

@media screen and (max-width: 350px){


.profile .filebox .upload-thumb-wrap {  width: 90px; height: 90px;}
.resume_profile_photo {  width: 90px;}
.posting_rersum .tel_check_box > input {font-size: 12px;}    

}



@media screen and (max-width: 330px){
    
    
}


@media screen and (max-width: 300px){

    .choice_but_wrap > ul > li {padding: 6px 16px 4px;}


}