.lms-sec.first .pd-flex- { gap: 85px;}
.lms-sec.first img { width: 670px;}
.lms-sec.first p:nth-of-type(1) { margin-bottom: 20px;}
.lms-sec.first p b { font-weight: 500; color: #222;}

.lms-sec.four .box-group .box { padding: 40px;}
.lms-sec.four .box-group .box strong { text-align: center;}
.lms-sec.four .box-group .box p b { color: #222;}

.lms-sec.five:before { display: none;}
.lms-sec.five:after { display: none;}
.lms-sec.five .sec-title-box h3 { margin-bottom: 0;}
.zoom-wrap { height: 600px;}
.zoom-wrap.bg- { background: var(--bg18);}
.zoom-wrap .zoom-slide .zoom-box { gap: 70px; height: 390px;}
.zoom-wrap .zoom-slide .zoom-box .text-wrap { justify-content: center; align-items: center; width: 510px;}
.zoom-wrap .zoom-slide .zoom-box .text-wrap h4 { width: 100%; margin-bottom: 20px; font-size: 30px; font-weight: bold; text-align: left; line-height: 1.33; color: #222;}
.zoom-wrap .zoom-slide .zoom-box .text-wrap p { width: 100%; margin-top: 25px; text-align: left; line-height: 1.63;}
.zoom-wrap .zoom-slide .zoom-box .text-wrap p:nth-of-type(1) { margin-top: 0;}
.zoom-wrap .zoom-slide .zoom-box .text-wrap p b { font-weight: 500; color: #222;}
.zoom-wrap .zoom-slide .zoom-box > img { max-width: 100%;}

.specialty-sec { padding: 80px 0;}
.specialty-sec .sec-title-box { margin-bottom: 60px;}
.specialty-sec .column-wrap .column-list { margin-bottom: 60px;}

.column-wrap { display: flex; flex-direction: column;}
.column-wrap .column-list { display: flex; flex-direction: column; gap: 20px; width: 100%;}
.column-wrap .column-list .column { display: flex; align-items: center; gap: 60px; width: 100%; padding: 40px 50px; border-radius: 25px; background-color: #fff; box-shadow: 0 0 30px 0 rgba(105, 66, 189, 0.05);}
.column-wrap .column-list .column img { flex-shrink: 0; width: 190px;}
.column-wrap .column-list .column .column-cont { display: flex; flex-direction: column; gap: 15px; justify-content: flex-start;}
.column-wrap .column-list .column .column-cont strong { font-size: 24px; font-weight: bold; color: #222;}
.column-wrap .column-list .column .column-cont p { line-height: 1.63; letter-spacing: -0.48px; color: #666;}
.column-wrap > p b { font-weight: 500; color: #222;}

.use-case-box { display: flex; gap: 20px;}
.use-case-box .case-box { position: relative; width: 100%;}
.use-case-box .case-box > div { padding: 11px 0;}
.use-case-box .case-box > div img { display: block; margin: 0 auto;}
.use-case-box .case-box.active > div { position: relative; border: solid 2px var(--theme-color-hover); border-radius: 10px; box-shadow: 0 0 30px 0 rgba(105, 66, 189, 0.05);}
.use-case-box .case-box.active > div:after { content: ''; position: absolute; top: -17px; right: -12px; width: 34px; height: 34px; background: url("../img/lms/icon-circle-check-filled.svg") no-repeat 0;}
.use-case-box .case-box.active p { margin-top: 10px; font-weight: bold; text-align: center; line-height: 1.3; color: var(--theme-color-hover);}

.lms-sec.six { min-height: auto;}
.lms-sec.six .list-box li .text-box strong { font-size: 20px; line-height: 1.6;}

.tablet-mobile { display: none !important;}


/*
*--------------------------------------------*
|                   Breakpoint               |
*--------------------------------------------*
*/

@media (max-width: 1280px) {

}

/* md */
@media (max-width: 820px) {
    .tablet-mobile { display: block !important;}
    .lms-sec.first .pd-flex- { gap: 20px;}
    .lms-sec.first .lms-text-box { padding: 0 40px;}
    .lms-sec.first .lms-text-box h2 { margin-bottom: 40px; font-size: 54px;}
    .lms-sec.first .lms-text-box p { font-size: 16px;}

    .lms-sec.four { padding: 80px 40px;}
    .lms-sec .sec-title-box h3 { margin-bottom: 80px; font-size: 40px;}
    .lms-sec.four .box-group .box { width: 400px;}
    .lms-sec.four .box-group .box .pd-flex-col { gap: 20px;}

    .lms-sec.five { padding: 0 40px 80px; background: #fff;}
    .lms-sec.five .sec-title-box { padding: 40px 0 80px;}
    .zoom-wrap { display: block; height: 754px; padding: 60px 75px;}
    .live-zoom-cont { padding: 0;}

    .zoom-wrap .zoom-slide { width: 100%;}
    .zoom-wrap .zoom-slide .zoom-box { gap: 40px; height: auto;}
    .zoom-wrap .zoom-slide .zoom-box .text-wrap { width: 100%;}

    .OSHIntro .container,
    .UseCase .container,
    .ResultEffect .container { padding: 0 40px;}
    .lms-sec .sec-title-box h3 { margin-bottom: 20px;}
    .column-wrap .column-list .column { padding: 40px;}
    .use-case-box { flex-wrap: wrap;}
    .use-case-box .case-box.active { width: calc(100% / 2 - 20px);}
    .use-case-box .case-box { width: calc(100% / 3 - 20px);}
    .ResultEffect.specialty-sec .sec-title-box { margin-bottom: 80px;}
    .lms-sec.six .list-box { flex-direction: column; gap: 0;}
    .lms-sec.six .list-box li { flex-direction: column; position: relative; padding: 40px 0;}
    .lms-sec.six .list-box li:after { content: ''; position: absolute; top: 0; left: 50%; width: 270px; height: 1px; background: #eee; transform: translateX(-50%);}
    .lms-sec.six .list-box li:first-child { padding-top: 0;}
    .lms-sec.six .list-box li:first-child:after { display: none;}
    .lms-sec.six .list-box li .text-box { text-align: center;}

}

/* sm */
@media (max-width: 640px) {
    .lms-sec.first { padding: 33px 16px;}
    .lms-sec.first .pd-flex- { gap: 0;}
    .lms-sec.first .lms-text-box { padding: 0;}
    .lms-sec.first .lms-text-box h2 { margin-bottom: 20px; font-size: 28px; line-height: 1.36;}
    .lms-sec.first .lms-text-box p { font-size: 14px; line-height: 1.71;}
    .lms-sec.first .lms-text-box p br { display: none;}

    .lms-sec.four { padding: 40px 0;}
    .lms-sec .sec-title-box h3 { margin-bottom: 0; font-size: 28px; line-height: 1.36;}
    .lms-sec.four .box-group { gap: 20px;}
    .lms-sec.four .box-group .box { width: 100%; padding: 57px 10px;}
    .lms-sec.four .box-group .box .pd-flex-col { gap: 0;}
    .lms-sec.four .box-group .box .pd-flex-col img { margin-bottom: 20px;}
    .lms-sec.four .box-group .box .pd-flex-col strong { margin-bottom: 10px;}
    .lms-sec.four .box-group .box p { font-size: 14px;}

    .lms-sec.five { padding: 0; background: #fafafa;}
    .lms-sec.five .sec-title-box { padding: 0;}
    .lms-sec.five .container { padding: 0;}
    .mobile-content { display: flex !important; flex-direction: column; gap: 20px;}
    .mobile-content .content { padding: 40px 16px; background: #fff;}
    .slide-mobile .text-wrap { margin-top: 40px;}
    .slide-mobile .text-wrap h4 { margin-bottom: 10px; font-size: 20px; font-weight: bold; color: #222;}

    .specialty-sec { padding: 40px 0;}
    .OSHIntro .container,
    .UseCase .container,
    .ResultEffect .container { padding: 0 16px;}
    .specialty-sec .sec-title-box { margin-bottom: 40px;}
    [class*="-sec"] .sec-title-box p { margin-top: 20px;}
    .specialty-sec .column-wrap .column-list { margin-bottom: 40px;}
    .column-wrap .column-list .column { flex-direction: column; gap: 0; padding: 20px;}
    .column-wrap .column-list .column img { margin-bottom: 18px;}
    .column-wrap .column-list .column .column-cont { gap: 10px;}
    .column-wrap .column-list .column .column-cont strong { font-size: 16px; text-align: center;}
    .column-wrap .column-list .column .column-cont p { line-height: 1.71; letter-spacing: -0.42px; word-break: keep-all;}

    .use-case-box { flex-direction: column; gap: 20px;}
    .use-case-box .case-box { width: 100%;}
    .use-case-box .case-box.active { width: 100%;}

    .ResultEffect.specialty-sec .sec-title-box { margin-bottom: 40px;}
    .lms-sec.six .list-box li { gap: 40px;}
    .lms-sec.six .list-box li .text-box { gap: 0;}
    .lms-sec.six .list-box li .text-box strong { font-size: 16px;}
    .ResultEffect .list-box li > div > p br { display: block;}

}