.mBr {display: none;}

.employeeWelfareWrap {color: #212529;}
.employeeWelfareWrap > .welfareSection {padding-top: 60px; padding-bottom: 60px;}
.employeeWelfareWrap > .welfareSection .title {color: #343A40;}
.employeeWelfareWrap > .welfareSection .subTitle {padding-top: 40px; font-size: 20px; font-weight: 300; line-height:34px;}
.employeeWelfareWrap > .welfareSection .subKind {gap: 30px; padding-top: 60px;}
.employeeWelfareWrap > .welfareSection .subKind .item {width: calc((100% - 60px)/3);}

/* #secStudyInfo */
#secStudyInfo {padding-top: 80px; padding-bottom: 80px;}
#secStudyInfo .title { }
#secStudyInfo .subTitle {  }
#secStudyInfo .subKind { }
#secStudyInfo .subKind .item {
    background-color: #F8F9FA;
    color: #343A40;
    font-size: 28px;
    border-radius: 30px;
    padding: 36px;
    justify-content: space-between;
}

/*secProfessionalInfo*/
#secProfessionalInfo .title {}
#secProfessionalInfo .subTitle {}
#secProfessionalInfo .subKind {}
#secProfessionalInfo .subKind .item {color: #343A40; padding-bottom: 134px; border-radius:30px; background-position:center; background-size:cover; background-repeat:no-repeat; overflow: hidden;}
#secProfessionalInfo .subKind .item#seminarItem {background-image: url('/main/img/upload/employee/regular_seminar.jpg');}
#secProfessionalInfo .subKind .item#workShopItem {background-image: url('/main/img/upload/employee/TONO4690.jpg');}
#secProfessionalInfo .subKind .item#shareItem {background-image: url('/main/img/upload/employee/TONO4638.jpg');}
#secProfessionalInfo .subKind .item .itemCont {width:100%; background: linear-gradient(180deg, #F8F9FA 50.48%, rgba(255, 255, 255, 0) 100%);  padding: 32px 32px 100px 32px; }
#secProfessionalInfo .subKind .item .itemCont .point {padding-bottom: 16px;}
#secProfessionalInfo .subKind .item .itemCont .point > span {display:inline-block; color:#fff; font-size:14px; font-weight:bold; border-radius:10px; padding:8px; margin-bottom: 16px;}
#secProfessionalInfo .subKind .item .itemCont .point > .pointTitle {}
#secProfessionalInfo .subKind .item .itemCont .pointInfo {font-size:18px; font-weight: 300; line-height:28px;}


/* #secJoyfulInfo */
#secJoyfulInfo .title {}
#secJoyfulInfo .subTitle {}
#secJoyfulInfo .imgCont {overflow:hidden; border-radius:30px; max-height:600px; margin-top: 40px;}


/* #secWelcomeTones */
#secWelcomeTones .title {}
#secWelcomeTones .subTitle {}
#secWelcomeTones .subKind {flex-wrap:wrap;}
#secWelcomeTones .subKind .item {border-radius:30px; background-color:#F8F9FA; padding: 32px;}
#secWelcomeTones .subKind .item .itemCont .point {padding-bottom: 16px;}
#secWelcomeTones .subKind .item .itemCont .point > span {display:inline-block; color:#fff; font-size:14px; font-weight:bold; border-radius:10px; padding:8px; margin-bottom: 16px;}
#secWelcomeTones .subKind .item .itemCont .point > .pointTitle {color: #343A40;}
#secWelcomeTones .subKind .item .itemCont .pointInfo {font-size:18px; font-weight: 300; line-height:28px;}

@media (max-width:767px){
    .mBr {display: block !important;}
    .employeeWelfareWrap { }
    .employeeWelfareWrap > .welfareSection.v2Container {padding: 50px 2% !important;}
    .employeeWelfareWrap > .welfareSection {}
    .employeeWelfareWrap > .welfareSection .title {font-size:24px; line-height:34px;}
    .employeeWelfareWrap > .welfareSection .subTitle { font-size:14px; line-height:22px; padding-top:12px; }
    .employeeWelfareWrap > .welfareSection .subKind { flex-direction: column; gap: 10px; padding-top: 24px;}
    .employeeWelfareWrap > .welfareSection .subKind .item {width: 100%;}

    /* #secStudyInfo */
    #secStudyInfo {padding-top: 30px !important;}
    #secStudyInfo .title {}
    #secStudyInfo .subTitle {}
    #secStudyInfo .subKind { }
    #secStudyInfo .subKind .item {
        border-radius: 16px;
        font-size: 16px;
        line-height: 22px;
        padding: 16px 20px;
    }

    /*secProfessionalInfo*/
    #secProfessionalInfo .title {}
    #secProfessionalInfo .subTitle {}
    #secProfessionalInfo .subKind { flex-direction: column; gap: 12px;}
    #secProfessionalInfo .subKind .item {padding-bottom: 151px;}
    #secProfessionalInfo .subKind .item .itemCont {width:100%; padding: 20px 20px 50px 20px; }
    #secProfessionalInfo .subKind .item .itemCont .point {padding-bottom: 4px;}
    #secProfessionalInfo .subKind .item .itemCont .point > span {font-size:11px; border-radius:6px; padding:6px; margin-bottom: 8px;}
    #secProfessionalInfo .subKind .item .itemCont .point > .pointTitle {font-size: 16px; line-height: 22px;}
    #secProfessionalInfo .subKind .item .itemCont .pointInfo {font-size:14px; line-height:22px;}

    /* #secJoyfulInfo */
    #secJoyfulInfo .title {}
    #secJoyfulInfo .subTitle {}
    #secJoyfulInfo .imgCont {border-radius:25px; max-height:230px; margin-top: 24px;}

    /* #secWelcomeTones */
    #secWelcomeTones .title {}
    #secWelcomeTones .subTitle {}
    #secWelcomeTones .subKind .item {border-radius:25px; padding: 20px;}
    #secWelcomeTones .subKind .item .itemCont .point {padding-bottom: 4px;}
    #secWelcomeTones .subKind .item .itemCont .point > span {font-size:11px; border-radius:10px; padding:6px; margin-bottom: 4px;}
    #secWelcomeTones .subKind .item .itemCont .point > .pointTitle {font-size: 16px; line-height: 22px;}
    #secWelcomeTones .subKind .item .itemCont .pointInfo {font-size:14px; line-height:22px;}
}