/* TOP */
.sec-subvisual.sub7-1 { background-image: url('../img/visual_sub1.png'); }
.sec-subvisual.sub7-2 { background-image: url('../img/visual_sub2.png'); }
.sec-subvisual.sub7-3 { background-image: url('../img/visual_sub3.png'); }
.sec-submenu.sub7 .submenu li { width: calc(100% / 3); }

@media all and (max-width: 800px) {
    .sec-subvisual.sub7-1 { background-image: url('../img/m_visual_sub1.png'); }
    .sec-subvisual.sub7-2 { background-image: url('../img/m_visual_sub2.png'); }
    .sec-subvisual.sub7-3 { background-image: url('../img/m_visual_sub4.png'); }
}


/* SUB1: 색소 치료 */

/* 인트로 */
.sec-intro .inner { padding: 320px 20px 130px; }
.sec-intro .pic-box { bottom: 240px; width: 55.9375%; }
.sec-intro .pic-box .ratio { padding-top: 78.7709%; }
.sec-intro .pic-box .ratio::after { background-image: url('../img/intro.png'); }

@media all and (max-width: 800px) {
    .sec-intro .inner { padding: 120px 40px 50%; }
    .sec-intro .pic-box { bottom: 100px; width: 55.9375%; }
}
@media all and (max-width: 640px) {
    .sec-intro .inner { padding: 15.625vw 6.25vw; }
    .sec-intro .pic-box { width: 100%; bottom: auto; }
}
@media all and (max-width: 560px) {}


/* 치료 원리 */
.sec-principle .inner { padding: 84px 0 140px; text-align: center; }
.sec-principle .sec-title { margin-bottom: 70px; }

/* 아래에서도 씀 */
.list-wrap.back { position: relative; }
.list-wrap.back .line { position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #ccd2d8; }
.list-wrap.back .line::before, .list-wrap.back .line::after { position: absolute; top: 50%; display: block; width: 5px; height: 5px; background: #01203c; border-radius: 50%; transform: translateY(-50%); content: ""; }
.list-wrap.back .line::before { left: 0; }
.list-wrap.back .line::after { right: 0; }
.step-list li { width: 260px; margin-right: 20px; }
.step-list li:last-child { margin-right: 0; }
.step-list li .txt { padding: 25px 10px 20px; border-bottom: 2px solid #5E4F44; }
.step-list li .txt .step { margin-bottom: 10px; color: #5E4F44; font-size: 1.4em; font-weight: 700; line-height: 1; }
.step-list li .txt .cont { font-size: 2em; font-weight: 500; line-height: 1.6; }

.step-list.pri li .img .ratio { padding-top: 56.1538%; }
.step-list.pri li.pri1 .img .ratio::after { background-image: url('../img/obj_pri1.png') }
.step-list.pri li.pri2 .img .ratio::after { background-image: url('../img/obj_pri2.png') }
.step-list.pri li.pri3 .img .ratio::after { background-image: url('../img/obj_pri3.png') }
.step-list.pri li .txt { background: #FAF7F4; }

@media all and (max-width: 800px) {
    .sec-principle .inner { padding: 80px 40px 120px; }
    .sec-principle .sec-title { margin-bottom: 64px; }
    .list-wrap.back .line { display: none; }
    .step-list { flex-direction: column; }
    .step-list li { width: 100%; margin-bottom: 24px; margin-right: 0; }
}
@media all and (max-width: 640px) {
    .sec-principle .inner { padding: 15.625vw 6.25vw; }
    .sec-principle .sec-title { margin-bottom: 9.375vw; }
    .step-list li { margin-bottom: 3.75vw; }
    .step-list li:last-child { margin-bottom: 0; }
    .step-list li .txt .step { font-size: 2.8125vw; }
    .step-list li .txt .cont { font-size: 3.4375vw; }
}
@media all and (max-width: 560px) {

}


/* 색소의 종류 */
.sec-pigment { background: #FAF7F4; }
.sec-pigment::after { position: absolute; left: 50%; top: 0; display: block; width: 1px; height: 70px;  margin-left: -0.5px; background: #dbdbdb; content: ""; }
.sec-pigment .inner { padding: 82px 70px 120px; text-align: center; }
.sec-pigment .sec-desc { margin-bottom: 64px; }
.sec-pigment .pgm-list li { width: calc((100% - 40px) / 3); padding: 18px 30px 22px; margin-right: 20px; background: #fff; border-radius: 10px; -webkit-box-shadow: 0px 0px 12px 0px rgba(25,25,25,0.14); box-shadow: 0px 0px 12px 0px rgba(25,25,25,0.14); }
.sec-pigment .pgm-list li:last-child { margin-right: 0; }
.sec-pigment .pgm-list li .img { width: 150px; margin: 0 auto 20px; }
.sec-pigment .pgm-list li .img .ratio { padding-top: 100%; }
.sec-pigment .pgm-list li .title { padding: 0 12px; margin-bottom: 18px; }
.sec-pigment .pgm-list li .title p { padding: 5px 0; color: #fff; font-size: 1.7em; font-weight: 600; background: #5E4F44; border-radius: 5px; }
.sec-pigment .pgm-list li .cont { font-size: 1.5em; font-weight: 300; line-height: 1.66; word-break: keep-all; }

.sec-pigment .pgm-list li.pgm1 .img .ratio::after { background-image: url('../img/obj_type1.png'); }
.sec-pigment .pgm-list li.pgm2 .img .ratio::after { background-image: url('../img/obj_type2.png'); }
.sec-pigment .pgm-list li.pgm3 .img .ratio::after { background-image: url('../img/obj_type3.png'); }

@media all and (max-width: 800px) {
    .sec-pigment .inner { padding: 82px 40px 120px; }
    .sec-pigment .pgm-list { flex-direction: column; }
    .sec-pigment .pgm-list li { width: 100%; padding: 22px 30px; margin-bottom: 24px; margin-right: 0; align-items: center; }
    .sec-pigment .pgm-list li .img { width: 222px; }
    .sec-pigment .pgm-list li .cont { padding: 0 20px; }
}
@media all and (max-width: 640px) {
    .sec-pigment::after { height: 12.5vw; }
    .sec-pigment .inner { padding: 15.625vw 6.25vw; }
    .sec-pigment .sec-desc { margin-bottom: 9.375vw; }
    .sec-pigment .pgm-list li { padding: 4.6875vw 3.75vw; margin-bottom: 3.75vw; }
    .sec-pigment .pgm-list li:last-child { margin-bottom: 0; }
    .sec-pigment .pgm-list li .img { width: 34.6875vw; margin-bottom: 3.125vw; }
    .sec-pigment .pgm-list li .title { padding: 0 10.9375vw; margin-bottom: 3.125vw; }
    .sec-pigment .pgm-list li .title p { font-size: 4.0625vw; }
    .sec-pigment .pgm-list li .cont { font-size: 3.75vw; }
}
@media all and (max-width: 560px) {
    .sec-pigment .inner { padding: 82px 6.25vw 60px; }
}


/* 장비 */
.sec-list::after { position: absolute; left: 50%; top: 0; display: block; width: 1px; height: 70px;  margin-left: -0.5px; background: #dbdbdb; content: ""; }
.sec-list .inner { padding: 84px 0 105px; text-align: center; }

.sec-list .menu li a { display: block; padding: 0 18px 25px; margin: 0 22px; color: #595959; font-size: 1.6em; font-weight: 500; line-height: 1; text-align: center; }
.sec-list .menu li:hover a,
.sec-list .menu li.on a { padding-bottom: 23px; color: #5E4F44; font-weight: 600; border-bottom: 2px solid #5E4F44; }

.sec-list .menu.sticky { position: fixed; top: 117px; width: 100%; padding-top: 24px; background: #fff; z-index: 9; }
.sec-list .menu.sticky + .list-item { padding-top: 45px; }

.sec-list .list-item { margin-bottom: 190px; border: 1px solid #dbdbdb; border-width: 1px 0; }
.sec-list .list-item:last-child { margin-bottom: 0; }
.sec-list .item-line > div { width: 50%; }
.sec-list .item-line .txt-inner { width: 100%; max-width: 640px; }
.sec-list .item-line .main-img { background: no-repeat center/cover; }
.sec-list .item-line .main-img .ratio { padding-top: 52.0833%; }
.sec-list .item-line .main-txt .txt-inner { height: 100%; padding: 54px 42px; }
.sec-list .item-line .main-txt .tag { display: inline-block; padding: 5px 10px; margin-bottom: 16px; color: #fff; font-size: 1.6em; font-weight: 600; line-height: 1; border-radius: 3px; background: #5E4F44; }
.sec-list .item-line .main-txt .sec-title { margin-bottom: 32px; }
.sec-list .item-line .main-txt .main-desc { margin-bottom: 16px; color: #5E4F44; font-size: 2em; font-weight: 500;  line-height: 1.6; }
.sec-list .item-line .main-txt .sub-desc { color: #595959; font-size: 1.6em; font-weight: 300; line-height: 2; text-align: justify; word-break: break-all; }
.sec-list .item-line .main-txt .tags { font-size: 0; padding-top: 40px; }
.sec-list .item-line .main-txt .tags span { display: inline-block; padding: 7px 11px; margin: 11px 14px 0 0; color: #fff; font-size: 15px; font-weight: 600; line-height: 1; background: #5E4F44; border-radius: 3px; }
.sec-list .list-item.left .item-line .main-txt .txt-inner { border-right: 1px solid #dbdbdb; }
.sec-list .list-item.right .item-line .main-txt { order: -1; }
.sec-list .list-item.right .item-line .main-txt .txt-inner { margin-left: auto; border-left: 1px solid #dbdbdb; }

.sec-list .item-line .half-txt { border-bottom: 1px solid #dbdbdb; }
.sec-list .item-line:last-child .half-txt { border-bottom: 0; }
.sec-list .item-line .half-txt .txt-inner { flex-direction: column; justify-content: center; height: 100%; padding: 33px 48px 24px; }
.sec-list .list-item.left .item-line .half-txt.left .txt-inner { margin-left: auto; border-left: 1px solid #dbdbdb; }
.sec-list .list-item.right .item-line .half-txt.left .txt-inner { margin-left: auto; }
.sec-list .list-item.right .item-line .half-txt.right .txt-inner { border-right: 1px solid #dbdbdb; }
.sec-list .item-line .half-txt .txt-inner .cont { width: 100%; }
.sec-list .item-line .half-txt .txt-inner .cont:first-child { padding-bottom: 23px; margin-bottom: 28px; border-bottom: 1px solid #dbdbdb; }
.sec-list .item-line .half-txt .txt-inner .cont .title { margin-bottom: 10px; color: #5E4F44; font-size: 1.8em; font-weight: 600; line-height: 1.33; }
.sec-list .item-line .half-txt .txt-inner .cont .desc { font-size: 1.6em; font-weight: 300; line-height: 1.875; text-align: justify; word-break: break-all; }
.sec-list .item-line .dot-list li { position: relative; padding-left: 12px; }
.sec-list .item-line .dot-list li::before { position: absolute; left: 0; top: 13px; display: block; width: 4px; height: 4px; background: #595959; border-radius: 50%; content: ""; }
.sec-list .item-line .half-txt .sub-img .ratio { padding-top: 40.2083%; }

.sec-list #tool1 .item-line .main-img { background-image: url('../img/obj_tool1.png'); }
.sec-list #tool1 .item-line .half-txt.right { background: url('../img/obj_tool2.png') no-repeat left center/cover ; }
.sec-list #tool2 .item-line .main-img { background-image: url('../img/obj_tool3.png'); }
.sec-list #tool2 .item-line .half-txt.left .ratio::after { background: url('../img/obj_tool4.png') no-repeat right center/cover; }

@media all and (max-width: 800px) {
    /* .sec-list .menu { display: none; } */
    .sec-list .list-item { margin-bottom: 150px; }
    .sec-list .list-item#tool1 { border-width: 0 0 1px 0; }
    .sec-list .item-line { flex-direction: column; }
    .sec-list .item-line > div { width: 100%; }
    .sec-list .item-line .main-img { width: 100%; }
    .sec-list .item-line .main-txt { border-bottom: 1px solid #dbdbdb; }
    .sec-list .item-line .txt-inner { max-width: 100%; }
    .sec-list .item-line .half-txt.left .txt-inner { padding: 40px; }
    .sec-list .item-line .half-txt .desc { width: 100%; }
    .sec-list .list-item.right .item-line .half-txt.left { background: #fff; }
    .sec-list .list-item.right .item-line .half-txt.right { background: #FAF7F4; }
    .sec-list .list-item.right .item-line .half-txt.right .txt-inner { border-right: 0; width: 100%; max-width: 100%; }
    .sec-list .list-item.left .item-line .half-txt.right .txt-inner, 
    .sec-list .list-item.right .item-line .half-txt.left .txt-inner { width: 100%; max-width: 100%; }
    .sec-list .item-line .half-txt.right .txt-inner { padding: 60px 40px; }
    .sec-list .item-line .half-txt.right .txt-inner .line-list { width: 100%; }

    .sec-list .list-item.right .item-line .main-txt { order: 0; }

    .sec-list .wide-line > div { flex-direction: column;}
    .sec-list .wide-line .sub-line .sub-inner { width: 100%; }

    .sec-list .list-item.left .item-line .main-txt .txt-inner { border-right: 0; }
    .sec-list .list-item.left .item-line .half-txt.left .txt-inner,
    .sec-list .list-item.right .item-line .main-txt .txt-inner { border-left: 0; }

    .sec-list .menu { padding: 0; }
    .sec-list .menu li { width: calc(100% / 6); }
    .sec-list .menu li a { padding: 0 8px 20px; margin: 0; }
    .sec-list .menu li:hover a, .sec-list .menu li.on a { padding-bottom: 18px; }
    .sec-list .menu.sticky { top: 100px; }
}
@media all and (max-width: 640px) {
    .sec-list::after { height: 12.5vw; }
    .sec-list .inner { padding: 15.625vw 0 9.375vw; }
    .sec-list .list-item { margin-bottom: 15.625vw; }
    .sec-list .item-line .main-txt .txt-inner { padding: 6.25vw; }
    .sec-list .item-line .half-txt.left .txt-inner { padding: 6.25vw; }
    .sec-list .item-line .half-txt.right .txt-inner { padding: 6.25vw; }
    .sec-list .item-line .main-txt .tag {margin-bottom: 3.125vw; font-size: 3.4375vw; }
    .sec-list .item-line .main-txt .main-desc { font-size: 4vw; }
    .sec-list .item-line .main-txt .sub-desc,
    .sec-list .item-line .half-txt .desc { font-size: 3.75vw; }
    .sec-list .item-line .half-txt .title { font-size: 4.0625vw; }
    .sec-list .item-line .half-txt .line-list li .title { width: 144px; }
    .sec-list .item-line .half-txt .line-list li .desc { width: calc(100% - 144px); }
    .sec-list .item-line .main-txt .tags { padding-top: 6.25vw; }
    .sec-list .item-line .main-txt .tags span { margin: 2.1875vw 2.1875vw 0 0; font-size: 3.5vw; }
    .sec-list .item-line .main-txt .sec-title { margin-bottom: 5vw; }

    .sec-list .item-line .half-txt .txt-inner .cont .title { font-size: 3.75vw }
    .sec-list .item-line .half-txt .txt-inner .cont .desc { font-size: 3.75vw; }

    .sec-list #tool2 .item-line .half-txt.left .ratio { padding-top: 57.0162%; }
    .sec-list #tool2 .item-line .half-txt.left .ratio::after { background: url('../img/m_obj_tool4.png') no-repeat right center/cover; }

    .sec-list .menu { flex-wrap: wrap; padding-top: 0; border-bottom: 1px solid #dbdbdb; }
    .sec-list .menu.sticky { top: 15.625vw; padding-top: 0; }
    .sec-list .menu li { width: calc(100% / 3); }
    .sec-list .menu li a { padding: 3.125vw 1.25vw; font-size: 3.125vw; text-align: center; }
    .sec-list .menu li:nth-child(n+4) a { padding-top: 3.75vw; }
    .sec-list .menu li:hover a { padding: 3.125vw 1.25vw; color: #595959; font-size: 3.125vw; font-weight: 500; text-align: center; border-bottom: 0; }
    .sec-list .menu li.on a { border-bottom: 0; padding-bottom: 3.125vw; background: #5E4F44; color: #fff; }
}
@media all and (max-width: 560px) {
    
}


/* 프로그램 */
.sec-program::after { position: absolute; left: 50%; top: 0; display: block; width: 1px; height: 70px;  margin-left: -0.5px; background: #dbdbdb; content: ""; }
.sec-program .inner { max-width: 930px; padding: 95px 0 130px; }
.sec-program .sec-title { margin-bottom: 70px; text-align: center; }
.sec-program .points li { width: 71.7204%; padding: 28px 340px 28px 35px; margin-bottom: 20px; background: #FAF7F4; border-left: 7px solid #5E4F44; background: no-repeat left center/cover; }
.sec-program .points li .point { margin-bottom: 17px; color: #5E4F44; font-size: 1.4em; font-weight: 700; line-height: 1; }
.sec-program .points li h4 { margin-bottom: 18px; font-size: 2.6em; font-weight: 600; line-height: 1.357; }
.sec-program .points li h4 span { color: #5E4F44; font-weight: 700; }
.sec-program .points li .desc { padding-top: 18px; color: #595959; font-size: 1.6em; line-height: 1.75; word-break: keep-all; border-top: 1px solid #dbdbdb; }

.sec-program .points li:first-child { background-image: url('../img/bg_pro1.png'); }
.sec-program .points li:last-child { background-image: url('../img/bg_pro3.png'); }
.sec-program .points li:nth-child(2) { padding: 28px 35px 28px 340px; margin-left: auto; background: url('../img/bg_pro2.png') no-repeat right center/cover; }
.sec-program .points li:nth-child(2) .point,
.sec-program .points li:nth-child(2) h4, 
.sec-program .points li:nth-child(2) .desc { text-align: right; }

@media all and (max-width: 800px) {
    .sec-program .inner { padding: 95px 40px 130px; }
    .sec-program .points li{ width: 100%; padding-right: 37.5%; }
    .sec-program .points li:first-child { background-position: 80% center; }
    .sec-program .points li:nth-child(2) { background-position: 50% center;}
    .sec-program .points li:last-child { background-position: 80% center; }
}
@media all and (max-width: 640px) {
    .sec-program::after { height: 12.5vw; }
    .sec-program .inner { padding: 15.625vw 6.25vw; }
    .sec-program .sec-title { margin-bottom: 9.375vw; }
    .sec-program .points li { padding: 4.6875vw 40% 4.6875vw 5vw; background-position: 60% 50%; border-left: 1.0938vw solid #5E4F44; }
    .sec-program .points li .point { font-size: 3.4375vw; }
    .sec-program .points li h4 { margin-bottom: 2.8125vw; font-size: 4.6875vw; }
    .sec-program .points li .desc { padding-top: 2.8125vw; font-size: 3.75vw; }

    .sec-program .points li:first-child { background-image: url('../img/m_bg_pro1.png'); background-position: 65% center; }
    .sec-program .points li:nth-child(2) { padding: 4.6875vw 5vw 4.6875vw 37.1875vw; background: url('../img/m_bg_pro2.png') no-repeat 40% center/cover; }
    .sec-program .points li:last-child { background-image: url('../img/m_bg_pro3.png'); }
}
@media all and (max-width: 560px) {
}


/* 시술 과정 */
.sec-steps { background: #FAF7F4; }
.sec-steps::after { position: absolute; left: 50%; top: 0; display: block; width: 1px; height: 70px;  margin-left: -0.5px; background: #dbdbdb; content: ""; }
.sec-steps .inner { padding: 84px 0 130px; text-align: center; }
.sec-steps .sec-title { margin-bottom: 70px; }
.sec-steps .list-wrap.line1 { padding: 0 0 27px 90px; }
.sec-steps .list-wrap.line2 .step-list { justify-content: flex-end; padding-right: 90px; }

.list-wrap.back.mo { display: none; }
.list-wrap.back .line.lg { width: 200%; }
.list-wrap.back .line.lg.left { left: auto; right: 0; }
.step-list.ste li .img .ratio { padding-top: 85.3846%; }
.step-list.ste li.ste1 .img .ratio::after { background-image: url('../img/obj_step1.png') }
.step-list.ste li.ste2 .img .ratio::after { background-image: url('../img/obj_step2.png') }
.step-list.ste li.ste3 .img .ratio::after { background-image: url('../img/obj_step3.png') }
.step-list.ste li.ste4 .img .ratio::after { background-image: url('../img/obj_step4.png') }
.step-list.ste li.ste5 .img .ratio::after { background-image: url('../img/obj_step5.png') }
.step-list.ste li.ste6 .img .ratio::after { background-image: url('../img/obj_step6.png') }
.step-list.ste li .txt { background: #fff; }

@media all and (max-width: 800px) {
    .sec-steps .inner { padding: 95px 40px 130px; }
    .sec-steps .list-wrap.line1 { padding: 0; }
    .sec-steps .list-wrap.line2 .step-list { padding: 0; }
}
@media all and (max-width: 640px) {
    .sec-steps::after { height: 12.5vw; }
    .sec-steps .sec-title { margin-bottom: 9.375vw; }
    .sec-steps .inner { padding: 15.625vw 0; }

    .sec-steps .list-wrap.line1 { display: none; }
    .sec-steps .list-wrap.line2 { display: none; }
    .sec-steps .step-list button { display: none !important; }
    .sec-steps .step-list li { margin: 0 2.3438vw; }

    .list-wrap.back.mo { display: block; }
}
@media all and (max-width: 560px) {
}




/* SUB 2: 탄력 리프팅 */
.sec-intro.i2 .inner { padding: 120px 20px 368px; }
.sec-intro.i2 .pic-box { width: 53.125%; bottom: 120px; }
.sec-intro.i2 .pic-box .ratio { padding-top: 41.7647%; }
.sec-intro.i2 .pic-box .ratio::after { background-image: url('../img/intro2.png'); }
.sec-intro.i2 .pic-box .pic-desc { flex-direction: column; padding: 30px 20px; background: #e0ebf2; }
.sec-intro.i2 .pic-box .pic-desc .title { position: relative; padding: 0 13px; margin-bottom: 28px; color: #595959; font-size: 2em; font-weight: 600; }
.sec-intro.i2 .pic-box .pic-desc .title::before { position: absolute; left: 0; top: 50%; display: block; width: 5px; height: 5px; background: #5E4F44; border-radius: 50%; transform: translateY(-50%); content: ""; }
.sec-intro.i2 .pic-box .pic-desc .title::after { position: absolute; right: 0; top: 50%; display: block; width: 5px; height: 5px; background: #5E4F44; border-radius: 50%; transform: translateY(-50%); content: ""; }
.sec-intro.i2 .pic-box .pic-desc .pro-list { position: relative; width: calc(100% - 88px); }
.sec-intro.i2 .pic-box .pic-desc .pro-list::before { position: absolute; left: 0; top: 50%; width: 100%; height: 1px; border-bottom: 2px dotted #fff; display: block; content: ""; }
.sec-intro.i2 .pic-box .pic-desc .pro-list li { position: relative; flex-direction: column; width: calc((100% - 66*2px) / 3); padding: 14px 0; margin-right: 66px; background: #fff; border-radius: 7px; color: #595959; -webkit-box-shadow: 0px 0px 7px 0px rgba(41,86,115,0.15); box-shadow: 0px 0px 7px 0px rgba(41,86,115,0.15); }
.sec-intro.i2 .pic-box .pic-desc .pro-list li:last-child { margin-right: 0; }
.sec-intro.i2 .pic-box .pic-desc .pro-list li span { margin-bottom: 18px; font-size: 1.4em; font-weight: 300; }
.sec-intro.i2 .pic-box .pic-desc .pro-list li strong { font-size: 1.8em; font-weight: 600; }
.sec-intro.i2 .txt-box .main-desc { letter-spacing: -0.04em;}

@media all and (max-width: 800px) {
    .sec-intro.i2 .inner { padding: 120px 40px 58%; }
    .sec-intro.i2 .pic-box { width: 70%; bottom: 100px; }

    .sec-intro.i2 .pic-box .pic-desc .pro-list { width: 100%; }
    .sec-intro.i2 .pic-box .pic-desc .pro-list li { width: calc((100% - 30*2px) / 3); margin-right: 30px; }
    .sec-intro.i2 .pic-box .pic-desc .pro-list li:last-child { margin-right: 0; }
}
@media all and (max-width: 640px) {
    .sec-intro.i2 .inner { padding: 15.625vw 6.25vw; }
    .sec-intro.i2 .pic-box { width: 100%; bottom: auto; }
    .sec-intro.i2 .pic-box .pic-desc { padding: 20px; }
    .sec-intro.i2 .pic-box .pic-desc .title { margin-bottom: 3.75vw; font-size: 3.75vw; }
    .sec-intro.i2 .pic-box .pic-desc .pro-list { justify-content: space-between; }
    .sec-intro.i2 .pic-box .pic-desc .pro-list li { width: 22.125vw; margin-right: 0; }
    .sec-intro.i2 .pic-box .pic-desc .pro-list li span { margin-bottom: 3.125vw; font-size: 3.125vw; }
    .sec-intro.i2 .pic-box .pic-desc .pro-list li strong { font-size: 3.4375vw; }
}

/* 상세 - 타이틀 */
.sec-detail .lift-boost .title-area { background: #a1abb8; }
.sec-detail .lift-boost .title-area .inner { background: url('../img/bg_booster.png') no-repeat right center/contain; }
.sec-detail .lift-sonic .title-area { background: #8a9db5; }
.sec-detail .lift-sonic .title-area .inner { background: url('../img/bg_ultra.png') no-repeat right center/contain; }
.sec-detail .lift-thread .title-area { background: #728fb2; }
.sec-detail .lift-thread .title-area .inner { background: url('../img/bg_lifting.png') no-repeat right center/contain; }

.sec-detail .title-area .inner { position: relative; flex-direction: column; align-items: flex-start; justify-content: flex-end; height: 250px; padding: 30px 40px; color: #fff; border-left: 1px solid #dbdbdb; }
.sec-detail .title-area .inner .white { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; opacity: 0.5; display: none; }
.sec-detail .title-area .eng-title { position: relative; margin-bottom: 11px; font-size: 1.4em; font-weight: 300; line-height: 1.5; }
.sec-detail .title-area h4 { position: relative; margin-bottom: 22px; font-size: 4em; font-weight: 300; line-height: 1.2; }
.sec-detail .title-area h4 strong { font-weight: 600; }
.sec-detail .title-area .title-desc { position: relative; font-size: 1.6em; font-weight: 300; line-height: 1.5; }
.sec-detail .sub-line { border-bottom: 1px solid #dbdbdb; }
.sec-detail .sub-line .half { width: 50%; }
.sec-detail .sub-line .half .txt-inner { display: flex; flex-direction: column; align-items: flex-end; width: 100%; max-width: 640px; height: 100%; }
.sec-detail .sub-line .half.left .txt-inner { padding: 250px 44px 40px; margin-left: auto; border-left: 1px solid #dbdbdb; }
.sec-detail .sub-line .half.right { background: #FAF7F4; }
.sec-detail .sub-line .half.right .txt-inner { padding: 90px 60px 72px; }

.sec-detail .sub-line .half .txt-inner h5 { width: 100%; margin-bottom: 32px; color: #5E4F44; font-size: 2.5em; font-weight: 300; }
.sec-detail .sub-line .half .txt-inner h5.med { font-weight: 500; }
.sec-detail .sub-line .half .txt-inner h5 strong { font-size: 1.2em; font-weight: 600; }
.sec-detail .sub-line .half .txt-inner .txt-desc { color: #595959; font-size: 1.6em; font-weight: 300; line-height: 1.875; text-align: justify; }
.sec-detail .sub-line .half .txt-inner .effects { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 70px; }
.sec-detail .sub-line .half .txt-inner .effects li { position: relative; display: flex; align-items: center; justify-content: center; width: 82px; height: 82px; padding: 0px 8px; color: #fff; font-size: 1.4em; text-align: center; background: #5E4F44; border-radius: 50%; }
.sec-detail .sub-line .half .txt-inner .effects li p { margin-top: 5px; word-break: keep-all; }
.sec-detail .sub-line .half .txt-inner .effects li::before { position: absolute; left: 50%; top: 50%; display: block; width: calc(100% + 8px); height: calc(100% + 8px); border-radius: 50%; border: 1px solid #5E4F44; transform: translate(-50%, -50%); opacity: 0.5; content: ""; }
.sec-detail .sub-line .half .txt-inner .effects li::after { position: absolute; right: -32px; top: 50%; display: block; width: 4px; height: 4px; background: #5E4F44; border-radius: 50%; content: ""; }
.sec-detail .sub-line .half .txt-inner .effects li:last-child::after { display: none; }
.sec-detail .sub-line .half .txt-inner .lists { width: 100%; }
.sec-detail .sub-line .half .txt-inner .lists .info:nth-child(2) { margin-bottom: 32px; }
.sec-detail .lift-thread .sub-line .half .txt-inner .lists .info:nth-child(1) { margin-bottom: 32px; }
.sec-detail .sub-line .half .txt-inner .lists li { display: flex; }
.sec-detail .sub-line .half .txt-inner .lists li:first-child { width: 45%; }
.sec-detail .sub-line .half .txt-inner .lists li:last-child { width: 55%; }
.sec-detail .sub-line .half .txt-inner .lists li .title { width: 110px; color: #5E4F44; font-size: 1.8em; font-weight: 600; line-height: 1.66; }
.sec-detail .sub-line .half .txt-inner .lists li .cont { width: calc(100% - 110px); font-size: 1.6em; line-height: 1.875; word-break: keep-all; }

.sec-detail .sub-line .half .thread-img { width: 100%; max-width: 640px; margin-left: auto; border-left: 1px solid #dbdbdb; }
.sec-detail .sub-line .half .thread-img .ratio { padding-top: 79.3165%; }
.sec-detail .sub-line .half .thread-img .ratio::after { background-image: url('../img/thread.png'); }
.sec-detail .sub-line .sub-txt-inner { flex-direction: column; max-width: 640px; height: 100%; padding: 50px 65px 70px; }
.sec-detail .sub-line .sub-txt-inner .title { width: 100%; padding: 7px 14px; margin-bottom: 10px; color: #5E4F44; font-size: 1.4em; background: rgba(32, 76, 180, 0.15); border-radius: 3px; }
.sec-detail .sub-line .sub-txt-inner .title strong { font-size: 1.28em; font-weight: 500; }
.sec-detail .sub-line .sub-txt-inner .cont { width: 100%; height: 5.625em; padding: 0 10px; margin-bottom: 18px; font-size: 1.6em; line-height: 1.875; }
.sec-detail .sub-line .sub-txt-inner .wrap:last-child .cont { margin-bottom: 0; }

.sec-detail .lift-thread em { font-weight: 600; font-style: normal; border-bottom: 1px solid #5E4F44; }

@media all and (max-width: 800px) {
    .sec-detail .title-area .inner { color: #191919; }
    .sec-detail .title-area .inner .white { display: block; }

    .sec-detail .sub-line { flex-direction: column ;}
    .sec-detail .sub-line .half{ width: 100%; }
    .sec-detail .sub-line .half .txt-inner { max-width: 100%; }
    .sec-detail .sub-line .half.right .txt-inner { max-width: 100%; padding-left: 40px; padding-right: 40px; }
    .sec-detail .sub-line .half .txt-inner .effects { flex-wrap: wrap; justify-content: flex-start; }
    .sec-detail .sub-line .half .txt-inner .effects li { width: calc((100vw - 80px - 36*3px) / 4); height: calc((100vw - 80px - 36*3px) / 4); margin-right: 36px; }
    .sec-detail .sub-line .half .txt-inner .effects li:last-child { margin-right: 0; }
    .sec-detail .sub-line .half .txt-inner .effects li::after { right: -20px; }

    .sec-detail .sub-line .half.left .txt-inner { padding: 250px 40px 40px; border-left: 0; }
    .sec-detail .sub-line .half .thread-img { max-width: 100%; border-left: 0; }
}
@media all and (max-width: 640px) {
    .sec-detail .sub-line .half .txt-inner .lists .info { flex-direction: column; }
    .sec-detail .sub-line .half .txt-inner .lists .info:nth-child(2) { margin-bottom: 0; }
    .sec-detail .sub-line .half .txt-inner  .lists .info li { margin-bottom: 3.125vw; }
    .sec-detail .lift-thread .sub-line .half .txt-inner .lists .info:nth-child(1) { margin-bottom: 0; }

    .sec-detail .title-area .inner { justify-content: flex-start; height: 45.3125vw; padding: 11.7188vw 6.25vw 6.25vw; color: #fff; }
    .sec-detail .title-area .eng-title { font-size: 2.3438vw; }
    .sec-detail .title-area h4 { margin-bottom: 3.125vw; font-size: 6.25vw; }
    .sec-detail .title-area .title-desc { font-size: 3.75vw; }
    .sec-detail .sub-line .half .txt-inner h5 { margin-bottom: 5vw; font-size: 4.0625vw; }
    .sec-detail .sub-line .half .txt-inner .txt-desc { font-size: 3.75vw; }
    .sec-detail .sub-line .half .txt-inner .effects { margin-bottom: 9.375vw; }
    .sec-detail .sub-line .half .txt-inner .effects li { width: calc((100vw - 12.5vw - 15vw) / 4); height: calc((100vw - 12.5vw - 15vw) / 4); font-size: 3.4375vw; margin-right: 5vw; }
    .sec-detail .sub-line .half .txt-inner .effects li:last-child { margin-right: 0; }
    .sec-detail .sub-line .half .txt-inner .lists li:first-child, 
    .sec-detail .sub-line .half .txt-inner .lists li:last-child { width: 100%; }
    .sec-detail .sub-line .half .txt-inner .effects li::before { width: calc(100% + 1.25vw); height: calc(100% + 1.25vw); }
    .sec-detail .sub-line .half .txt-inner .effects li::after { right: -2.8125vw; width: 0.625vw; height: 0.625vw; }
    .sec-detail .sub-line .half .txt-inner .effects li p { margin-top: 1.25vw; }
    .sec-detail .sub-line .half .txt-inner .lists li .title { font-size: 4.0625vw; width: 22.5vw; }
    .sec-detail .sub-line .half .txt-inner .lists li .cont { width: calc(100% - 22.5vw); font-size: 3.4375vw; }
    .sec-detail .sub-line .sub-txt-inner { padding: 6.25vw; }
    .sec-detail .sub-line .sub-txt-inner .title { font-size: 2.9688vw; }
    .sec-detail .sub-line .sub-txt-inner .cont { font-size: 3.75vw }

    .sec-detail .sub-line .half.left .txt-inner,
    .sec-detail .sub-line .half.right .txt-inner { padding: 43.75vw 6.25vw 6.25vw; }
    .sec-detail .sub-line .half.right .txt-inner { padding: 9.375vw 6.25vw; }
    
    .sec-detail .lift-boost .title-area .inner { background: url('../img/m_bg_booster.png') no-repeat center/cover; }
    .sec-detail .lift-sonic .title-area .inner { background: url('../img/m_bg_ultra.png') no-repeat center/cover; }
    .sec-detail .lift-thread .title-area .inner { background: url('../img/m_bg_lifting.png') no-repeat center/cover; }

    .sec-detail .sub-line .half .thread-img { padding: 6.25vw 0; }
    .sec-detail .sub-line .half .thread-img .ratio { padding-top: 59.6875%; }
    .sec-detail .sub-line .half .thread-img .ratio::after { background-image: url('../img/m_thread.png'); }
}
@media all and (max-width: 560px) {
    /* .sec-detail .sub-line .half.left .txt-inner { padding-top: 220px; } */
}
@media all and (max-width: 420px) {
    /* .sec-detail .sub-line .half.left .txt-inner { padding-top: 200px; } */
}


/* 필러 인트로 */
.sec-intro.i3 { border-bottom: 1px solid #dbdbdb; }
.sec-intro.i3 .inner { padding: 180px 14px 140px; }
.sec-intro.i3 .txt-box { width: 48.4375%; color: #5E4F44; background: #dee4f4; }
.sec-intro.i3 .txt-box .main-desc { color: #5E4F44; letter-spacing: -0.05em; }
.sec-intro.i3 .pic-box { width: 53.125%; bottom: 78px; }
.sec-intro.i3 .pic-box .ratio { padding-top: 41.9117%; }
.sec-intro.i3 .pic-box .ratio::after { background-image: url('../img/intro3.png'); }

.sec-detail .sub-line .sub-txt-inner.wide { flex-direction: row; width: 100%; max-width: 1280px; padding: 65px 42px 50px; border-left: 1px solid #dbdbdb; }
.sec-detail .sub-line .sub-txt-inner.wide li { width: calc((100% - 67*2px) / 3); margin-right: 67px; }
.sec-detail .sub-line .sub-txt-inner.wide li:last-child { margin-right: 0; }

.step-list.ste li.ste4-2 .img .ratio::after { background-image: url('../img/obj_step4_2.png') }

/* bg 세팅 */
.sec-detail .sub-line .half.left .txt-inner.bg1 { background: url('../img/bg_line1.png') no-repeat right top; }
.sec-detail .sub-line .half.left .txt-inner.bg2 { background: url('../img/bg_line2.png') no-repeat right top; }
.sec-detail .sub-line .half.left .txt-inner.bg3 { background: url('../img/bg_line3.png') no-repeat right top; }
.sec-detail .sub-line .half.left .txt-inner.bg4 { background: url('../img/bg_line4.png') no-repeat right top; }
.sec-detail .sub-line .half.left .txt-inner.bg5 { padding-top: 220px; background: url('../img/bg_line5.png') no-repeat right top; }

@media all and (max-width: 800px) {
    .sec-intro.i3 .inner { padding: 120px 40px 32%; }
    .sec-intro.i3 .txt-box { width: 68%; }
    .sec-detail .sub-line .sub-txt-inner.wide { padding: 45px 40px 50px; }
    .sec-detail .sub-line .sub-txt-inner.wide { flex-direction: column; }
    .sec-detail .sub-line .sub-txt-inner.wide li { width: 100%; margin-right: 0; }
    .sec-detail .sub-line .sub-txt-inner .cont { height: auto; }
}
@media all and (max-width: 640px) {
    .sec-intro.i3 .inner { padding: 15.625vw 6.25vw; }
    .sec-intro.i3 .txt-box { width: 100%; }
    .sec-intro.i3 .pic-box { width: 100%; bottom: auto; }
    .sec-detail .sub-line .half.left .txt-inner.bg1,
    .sec-detail .sub-line .half.left .txt-inner.bg2,
    .sec-detail .sub-line .half.left .txt-inner.bg3, 
    .sec-detail .sub-line .half.left .txt-inner.bg4,
    .sec-detail .sub-line .half.left .txt-inner.bg5 { background-size: 60vw; background-position: calc(100% + 2.5vw) -4.5vw; }
    .sec-detail .sub-line .half.left .txt-inner.bg5 { padding-top: 50vw; }

    .sec-detail .sub-line .sub-txt-inner.wide { padding: 6.25vw; }
    .sec-detail .sub-line .sub-txt-inner li:last-child .cont { margin-bottom: 0; }
}
@media all and (max-width: 560px) {
    /* .sec-detail .sub-line .sub-txt-inner.wide { padding: 45px 6.25vw 50px; } */
}



/* SUB 3: 무좀 치료 */

/* 인트로 */
.sec-intro.i4 .inner { padding: 260px 20px 125px; }
.sec-intro.i4 .pic-box { width: 55.9375%; bottom: 240px; }
.sec-intro.i4 .pic-box .ratio { padding-top: 78.7709%; }
.sec-intro.i4 .pic-box .ratio::after { background-image: url('../img/intro4.png'); }
.sec-intro.i4 .txt-box .main-desc { word-break: break-all; }

@media all and (max-width: 800px) {
    .sec-intro.i4 .inner { padding: 120px 40px 55%; }
    .sec-intro.i4 .pic-box { width: 55.9375%; bottom: 100px; }
}
@media all and (max-width: 640px) {
    .sec-intro.i4 .inner { padding: 15.625vw 6.25vw; }
    .sec-intro.i4 .pic-box { width: 100%; bottom: auto; }
}
@media all and (max-width: 560px) {}


/* 배너 */
.sec-banner { background: url('../img/bg_banner.png') no-repeat center/cover; }
.sec-banner .inner .obj .ratio { padding-top: 40.625%; }
.sec-banner .inner .obj .ratio::after { background-image: url('../img/obj_foot.png'); }
.sec-banner .txt-wrapper { position: absolute; left: 0; bottom: 0; width: 100%; padding: 54px 40px 60px; color: #fff; text-align: center; background: rgba(0, 6, 25, 0.65); }
.sec-banner .txt-wrapper .sub { margin-bottom: 8px; font-size: 2.8em; font-weight: 300; line-height: 1.5; }
.sec-banner .txt-wrapper .main { font-size: 3.8em; font-weight: 300; line-height: 1.13; }
.sec-banner .txt-wrapper .main strong { position: relative; font-weight: 600; z-index: 1; }
.sec-banner .txt-wrapper .main strong::after { position: absolute; left: -5px; bottom: 0; display: block; width: calc(100% + 10px); height: 15px; background: rgba(245, 238, 229, 0.3); content: ""; z-index: -1; }

@media all and (max-width: 800px) {
    .sec-banner .txt-wrapper { padding: 24px 40px 40px; }
}
@media all and (max-width: 640px) {
    .sec-banner .txt-wrapper { padding: 6.25vw; }
    .sec-banner .txt-wrapper .sub { font-size: 3.75vw; }
    .sec-banner .txt-wrapper .main { font-size: 5vw; line-height: 1.4; }
}
@media all and (max-width: 639px) {
    .sec-banner .txt-wrapper { position: static; }
}
@media all and (max-width: 480px) {
    /* .sec-banner .txt-wrapper .main strong { display: block; } */
}


/* 자가 테스트 */
.sec-test { background: #FAF7F4; }
.sec-test::after { position: absolute; left: 50%; top: 0; display: block; width: 1px; height: 70px;  margin-left: -0.5px; background: #dbdbdb; content: ""; }
.sec-test .inner { padding: 98px 40px 120px; text-align: center; }
.sec-test .sec-desc { padding: 0; margin-bottom: 62px; }

.sec-test .list-wrap { width: 735px; margin: 0 auto; }
.sec-test .target-list { width: 100%; }
.sec-test .target-list li { background: #fff; }
.sec-test .target-list li:nth-child(n+2) { margin-top: 20px; }
.sec-test .target-list li span { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; color: #fff; font-size: 2.2em; font-weight: 500; background: #C4AA8B; }
.sec-test .target-list li p { width: calc(100% - 46px); color: #191919; font-size: 1.6em; font-weight: 300; }

@media all and (max-width: 800px) {
    .sec-test .list-wrap { width: 100%; }
}
@media all and (max-width: 640px) {
    .sec-test::after { height: 12.5vw; }
    .sec-test .inner { padding: 15.625vw 6.25vw; }
    .sec-test .sec-desc { margin-bottom: 9.375vw; }
    .sec-test .target-list li:nth-child(n+2) { margin-top: 3.75vw; }
    .sec-test .target-list li span { font-size: 3.4375vw; }
    .sec-test .target-list li p { font-size: 3.4375vw; }
}
@media all and (max-width: 560px) {
    
}


/* 무좀 치료 프로그램 */
.sec-program2::after { position: absolute; left: 50%; top: 0; display: block; width: 1px; height: 70px;  margin-left: -0.5px; background: #dbdbdb; content: ""; }
.sec-program2 .inner { padding: 82px 40px 150px; text-align: center; }
.sec-program2 .sec-desc { padding: 0; margin-bottom: 50px; }
.sec-program2 .figure-list { position: relative; width: 100%; max-width: 1012px; padding: 0 122px; margin: 0 auto; }
.sec-program2 .figure-list .line { position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #c5c9cf; }
.sec-program2 .figure-list .line::before, .sec-program2 .figure-list .line::after { position: absolute; top: 50%; display: block; width: 5px; height: 5px; background: #01203c; border-radius: 50%; transform: translateY(-50%); content: ""; }
.sec-program2 .figure-list .line::before { left: 0; }
.sec-program2 .figure-list .line::after { right: 0; }
.sec-program2 .figure-list ul { position: relative; z-index: 1; }
.sec-program2 .figure-list li { width: 280px; height: 142px; margin-right: 34px; color: #fff; font-size: 1.8em; font-weight: 600; line-height: 1.66; background: url('../img/bg_program.png') no-repeat center/cover; }
.sec-program2 .figure-list li:first-child { border-radius: 0 0 0 50px; background-position: 0 50%; }
.sec-program2 .figure-list li:last-child { margin-right: 0; border-radius: 0 50px 0 0; background-position: 100% 50%; }

@media all and (max-width: 800px) {
    .sec-program2 .inner { padding: 82px 40px 100px; }
    .sec-program2 .figure-list { padding: 0 40px; }
}
@media all and (max-width: 640px) {
    .sec-program2::after { height: 12.5vw; }
    .sec-program2 .inner { padding: 15.625vw 6.25vw; }
    .sec-program2 .figure-list li { font-size: 3.4375vw; }
}
@media all and (max-width: 560px) {
    .sec-program2 .sec-desc { margin-bottom: 7.8125vw; }
    .sec-program2 .figure-list { padding: 0; }
    .sec-program2 .figure-list .line::before, .sec-program2 .figure-list .line::after { display: none; }
    .sec-program2 .figure-list li { margin-right: 10px; height: 28.1875vw; }
}


/* 치료 방법 */
.sec-list.sub3::after { display: none; }
/* .sec-list.sub3 #treat1 .item-line .main-img { background-image: url('../img/obj_mj1.gif'); } */
.sec-list.sub3 #treat1 .item-line .main-img .video-container { position: relative; width: 100%; height: 100%; padding-top: 56.25%; background: #000; top: 50%; transform: translateY(-50%); }
.sec-list.sub3 #treat1 .item-line .main-img .video-container video { position: absolute; left: 0; top: 0%; width: 100%; height: 100%; transform: rotate(-90deg) scale(1.8); }

.sec-list.sub3 #treat2 .item-line .main-img { background-image: url('../img/obj_mj2.png'); }
.sec-list.sub3 #treat2 .item-line .half-txt.left { background: url('../img/obj_mj3.png') no-repeat left center/cover; }
.sec-list.sub3 #treat2 .item-line .main-txt .tags span {margin-right: 11px; }
.sec-list.sub3 #treat2 .item-line .main-txt .tags span:last-child {margin-right: 0;}
.sec-list.sub3 #treat3 .item-line .main-img { background-image: url('../img/obj_mj7.png'); }
.sec-list.sub3 #treat3 .item-line .half-txt.right { background: url('../img/obj_mj5.png') no-repeat left center/cover; }

.sec-list.sub3 #treat2 .item-line .main-img { position: relative; background: #412727; }
.sec-list.sub3 #treat2 .item-line .main-img .video-container { position: relative; width: 100%; padding-top: 56.25%; background: #000; top: 50%; transform: translateY(-50%); }
.sec-list.sub3 #treat2 .item-line .main-img .video-container video { position: absolute; left: 0; top: 0%; width: 100%; height: 100%; }
.sec-list.sub3 #treat2 .item-line .main-img .video-desc { position: absolute; left: 28px; top: 20px; color: #dbdbdb; font-size: 1.6em; font-weight: 300; }

.sec-list .item-line .main-txt .sub-desc span { font-weight: 500; background: #f7eaea; }

/* 시술 과정 */
.step-list.stem li .img .ratio { padding-top: 85.3846%; }
.step-list.stem li.ste1 .img .ratio::after { background-image: url('../img/obj_step1.png') }
.step-list.stem li.ste2 .img .ratio::after { background-image: url('../img/obj_stem7.png') }
.step-list.stem li.ste3 .img .ratio::after { background-image: url('../img/obj_stem3.png') }
.step-list.stem li.ste4 .img .ratio::after { background-image: url('../img/obj_stem4.png') }
.step-list.stem li.ste5 .img .ratio::after { background-image: url('../img/obj_stem8.png') }
.step-list.stem li.ste6 .img .ratio::after { background-image: url('../img/obj_stem9.png') }
.step-list.stem li .txt { background: #fff; }

/* 사례 */
.sec-example .inner { padding: 0 64px; }
.sec-example .half { width: 50%; border-left: 1px solid #dbdbdb; }
.sec-example .half.left { flex-direction: column; }
.sec-example .half .line-wrap { height: 116px; margin: 24px 0; }
.sec-example .half .line { position: relative; width: 1px; height: 0px; background: #cccdd1; }
.sec-example .half .line.show { height: 116px; }
.sec-example .half .line::after { position: absolute; left: 50%; bottom: 0; display: none; width: 5px; height: 5px; margin-left: -2.5px; background: #5E4F44; border-radius: 50%; content: ""; }
.sec-example .half .line.show::after { display: block; }
.sec-example .half .cont { font-size: 1.6em; line-height: 1.875; text-align: center; }
.sec-example .half .cont em { display: block; margin-bottom: 10px; color: #C4AA8B; font-size: 1.375em; font-weight: 600; font-style: normal; }
.sec-example .half.right { padding: 120px 0; border-right: 1px solid #dbdbdb; }

@media all and (max-width: 800px) {
    .sec-example .inner { padding: 64px 40px; }
    .sec-example .inner { flex-direction: column; }
    .sec-example .half { width: 100%; border-left: 0; }
    .sec-example .half.right { border-right: 0; padding: 40px 0 0; }

    .sec-list.sub3 #treat2 .item-line .main-img .video-container { transform: scale(1); }
}
@media all and (max-width: 640px) {
    .sec-example .half .cont { font-size: 3.4375vw; }
    .sec-example .inner { padding: 9.375vw 6.25vw; }
    .sec-list .item-line .main-txt { border-bottom: 0; }
    .sec-example .half .line-wrap { height: 18.75vw; }
    .sec-example .half .line.show { height: 18.75vw; }

    .sec-list.sub3 .list-item#treat1 { border-width: 0 0 1px 0; }

    .sec-list.sub3 #treat2 .item-line .main-img .video-desc { left: 0; width: 100%; padding: 0 3.125vw; font-size: 2.8125vw; }

    .sec-list.sub3 #treat3 .item-line .half-txt .sub-img .ratio { padding-top: 47.65625%; }
    .sec-list.sub3 #treat3 .item-line .half-txt .sub-img .ratio::after { background-image: url('../img/m_obj_mj5.png'); }
}
@media all and (max-width: 560px) {
    
}