.mBr {display: none;}

.employeeWelfareWrap {color: #212529;}
.employeeWelfareWrap > .welfareSection {padding-top: 60px; padding-bottom: 60px;}
.employeeWelfareWrap > .welfareSection .title {font-size:40px; font-weight:700; line-height:52px; color: #343A40;}
.employeeWelfareWrap > .welfareSection .subTitle {padding-top: 40px; font-size: 20px; font-weight: 300; line-height:30px;}
.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: 24px;
    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: 8px;}
#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 {font-size: 24px;}
#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{padding-bottom: 120px;}
#secWelcomeTones .title {}
#secWelcomeTones .subTitle {}
#secWelcomeTones .subKind {flex-wrap:wrap; align-items: stretch;}
#secWelcomeTones .subKind .item {border-radius:30px; background-color:#F8F9FA; padding: 32px; align-items: flex-start;}
#secWelcomeTones .subKind .item .itemCont .point {padding-bottom: 8px;}
#secWelcomeTones .subKind .item .itemCont .point > span {display:inline-block; color:#fff; font-size:14px; font-weight:bold; border-radius:10px; padding:8px; margin-bottom: 12px;}
#secWelcomeTones .subKind .item .itemCont .point > .pointTitle {color: #343A40;font-size: 22px;}
#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 16px !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: 6px;}
    #secWelcomeTones .subKind .item .itemCont .point > .pointTitle {font-size: 16px; line-height: 22px;}
    #secWelcomeTones .subKind .item .itemCont .pointInfo {font-size:14px; line-height:22px;}
}
/* ============================ 내부링크 클러스터 (sharWrap4) ============================ */
.sharWrap4 { background: #F8F9FA; border-top: 1px solid #eee; padding: 70px 0; }
.sharWrap4 .tonseHead3 { font-size: 32px; line-height: 1.35; }
.sharWrap4 .ilcLabel { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.sharWrap4 .ilcLabel::before { content: ''; display: inline-block; width: 3px; height: 18px; background: #bb2649; border-radius: 2px; flex-shrink: 0; }
.sharWrap4 .ilcLabel span { font-size: 12px; font-weight: 700; color: #bb2649; letter-spacing: 2.5px; text-transform: uppercase; }
.sharWrap4 .ilcGrid { margin-top: 36px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.sharWrap4 .ilcCard { display: flex; flex-direction: column; background: #fff; border: 1px solid #e8e2de; border-radius: 20px; padding: 28px 24px 22px; text-decoration: none; color: #212529; position: relative; overflow: hidden; transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease; }
.sharWrap4 .ilcCard::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: #bb2649; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; }
.sharWrap4 .ilcCard:hover { box-shadow: 0 10px 36px rgba(187,38,73,0.10); transform: translateY(-4px); border-color: #d9aab6; }
.sharWrap4 .ilcCard:hover::before { transform: scaleX(1); }
.sharWrap4 .ilcIcon { width: 46px; height: 46px; background: #FFF0F3; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 20px; margin-bottom: 18px; transition: background 0.2s; }
.sharWrap4 .ilcCard:hover .ilcIcon { background: #ffd6de; }
.sharWrap4 .ilcCardTit { font-size: 17px; font-weight: 700; color: #212529; margin: 0 0 8px; letter-spacing: -0.5px; }
.sharWrap4 .ilcCardDesc { font-size: 13px; color: #999; line-height: 1.7; margin: 0; flex: 1; letter-spacing: -0.3px; }
.sharWrap4 .ilcArrow { display: flex; align-items: center; gap: 5px; margin-top: 18px; font-size: 13px; font-weight: 700; color: #bb2649; opacity: 0; transform: translateX(-4px); transition: opacity 0.22s ease, transform 0.22s ease; }
.sharWrap4 .ilcCard:hover .ilcArrow { opacity: 1; transform: translateX(0); }
.sharWrap4 .ilcCard:hover .ilcArrow svg { transform: translateX(3px); }
.sharWrap4 .ilcCardWide { grid-column: span 3; flex-direction: row; align-items: center; gap: 20px; padding: 22px 28px; }
.sharWrap4 .ilcCardWide .ilcIcon { margin-bottom: 0; flex-shrink: 0; }
.sharWrap4 .ilcCardWide .ilcCardBody { flex: 1; }
.sharWrap4 .ilcCardWide .ilcCardBody .ilcCardTit { margin-bottom: 4px; }
.sharWrap4 .ilcCardWide .ilcArrow { opacity: 1; transform: none; flex-shrink: 0; margin-top: 0; border: 1.5px solid #bb2649; border-radius: 30px; padding: 10px 20px; white-space: nowrap; transition: background 0.2s, color 0.2s; }
.sharWrap4 .ilcCardWide:hover .ilcArrow { background: #bb2649; color: #fff; transform: none; }

@media (max-width: 1024px){
    .sharWrap4 .ilcGrid { grid-template-columns: repeat(2, 1fr); }
    .sharWrap4 .ilcCardWide { grid-column: span 2; }
}
@media (max-width: 767px){
    .sharWrap4 { padding: 48px 0; }
    .sharWrap4 .tonseHead3 { font-size: 22px; }
    .sharWrap4 .ilcGrid { grid-template-columns: 1fr; gap: 12px; }
    .sharWrap4 .ilcCardWide { grid-column: span 1; flex-direction: column; align-items: flex-start; }
    .sharWrap4 .ilcCardWide .ilcIcon { margin-bottom: 14px; }
    .sharWrap4 .ilcCardWide .ilcArrow { margin-top: 14px; }
}