@font-face {
    font-family: '210 M고딕010.ttf';
    src: url('/font/210 M고딕010.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: '210 M고딕030.ttf';
    src: url('/font/210 M고딕030.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: '210 M고딕040.ttf';
    src: url('/font/210 M고딕040.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: '210 M고딕050.ttf';
    src: url('/font/210 M고딕050.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: '210 M고딕060.ttf';
    src: url('/font/210 M고딕060.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: '210 M고딕070.ttf';
    src: url('/font/210 M고딕070.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: '210 M고딕080.ttf';
    src: url('/font/210 M고딕080.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: '210 M고딕090.ttf';
    src: url('/font/210 M고딕090.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Dynalight-Regular.ttf';
    src: url('/font/Dynalight-Regular.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'LEMONMILK-Regular.otf';
    src: url('/font/LEMONMILK-Regular.otf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'GothicA1-Light';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2205@1.0/GothicA1-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family: 'SB 어그로 M';
    src: url('/font/SB_Aggro_M.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SB 어그로 B';
    src: url('/font/SB_Aggro_B.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: '지마켓 L';
    src: url('/font/GmarketSansTTFLight.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: '지마켓 M';
    src: url('/font/GmarketSansTTFMedium.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: '지마켓 B';
    src: url('/font/GmarketSansTTFBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'mon b';
    src: url('/font/Montserrat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'mon sb';
    src: url('/font/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'mon m';
    src: url('/font/Montserrat-Medium.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'mon r';
    src: url('/font/Montserrat-Regular.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'mon l';
    src: url('/font/Montserrat-ExtraLight.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

.bg{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


/* 글씨효과 */
.rightpo .contentdiv,
.rightpo ul li {
    opacity: 0;
    transform: translateY(50px);
}

/* .visible 클래스가 추가되면 애니메이션 실행 */
.rightpo.visible .contentdiv,
.rightpo.visible ul li {
    animation: fadeInUp 1s forwards;
}

/* li 요소들에 순차적 애니메이션 딜레이 설정 */
.rightpo.visible ul li:nth-child(1) {
    animation-delay: 0.3s;
}
.rightpo.visible ul li:nth-child(2) {
    animation-delay: 0.5s;
}
.rightpo.visible ul li:nth-child(3) {
    animation-delay: 0.7s;
}
.rightpo.visible ul li:nth-child(4) {
    animation-delay: 0.9s;
}

/* fadeInUp 애니메이션 키프레임 */
@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* 02 */
.section02{
    width: 100%;
    background-image: url("/img/sub/skin_thermage/section02-bg.png");
    padding-top: 70px;
    padding-bottom: 90px;
}

.section02 .titileDiv{
    display: flex;
    justify-content: center;
}

.circleicon{
    width: 22px;
    height: 22px;
    margin: 0 auto;
    border-radius: 50px;
    background-color: #cba0fa;
}

.section02 .titileDiv h2{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
}
.section02 .titileDiv h2 span{
    font-size: 64px;
    color: #2c2c2c;
}

.section02 .titileDiv h2 .span01{
    font-family: '지마켓 B';
}
.section02 .titileDiv h2 .span02{
    font-family: '지마켓 L' !important;
}

.section02 .titileDiv .p03{
    font-family: 'mon r';
    font-size: 58px;
    color: #502445;
    text-align: center;
    margin-top: 15px;
}

.section02 .titileDiv .p03 span{
    font-family: 'mon sb';
    font-size: 58px;
    color: #9f2e8d;
}

.section02 .sandol{
    height: 84px;
}

.littletitle .bar{
    width: 162px;
    height: 2px;
    background-color: #2c2c2c;
    margin: 50px auto;
}

.littletitle p{
    font-size: 32px;
    line-height: 45px;
    font-weight: 500;
    color: #2c2c2c;
    text-align: center;
}

.section02-textdiv{
    text-align: center;
    margin-top: 80px;
    margin-bottom: 90px;
}

.sec02videoDiv{
    display: flex;
    align-items: center;
    justify-content: center;
}

.sec02video{
    position: unset;
}

.sec02videoDiv .videowhite{
    height: 658px;
    background-color: #fff;
    padding: 24px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 30px;
}

.sec02videoDiv .videowhite video{
    min-width: unset !important;
    min-height: unset !important;
    width: 100%;
    height: 100%;
}

.sec02-text01,
.sec02-text02{
    width: 20px;
}

.youtubeswiperDiv{
    max-width: 1160px;
    margin: 0 auto;
    margin-top: 70px;
    padding-top: 70px;
    border-top: 1px solid #2c2d2e;
}

.youtubetitle{
    display: flex;
    align-items: center;
    justify-content: center;
}

.youtubetitle .imgdiv{
    margin-right: 18px;
}

.youtubetitle h3{
    font-size: 35px;
    font-weight: 600;
}

.youtubetitle p{
    font-size: 20px;
    margin-top: 10px;
}

.shortswiperContent{
    position: relative;
    width: 1185px;
    margin: 0 auto;
}

.shortswiperContent .swiper-button-prev,
.shortswiperContent .swiper-button-next{
    filter: grayscale(1);
    opacity: 0.3;
}

.shortswiperContent .swiper-button-prev{
    left: -58px;
}
.shortswiperContent .swiper-button-next{
    right: -58px;
}

.shortswiper{
    width: 1185px; /* 또는 max-width: 1185px; */
    height: 647px;
    margin: 0 auto;
    margin-top: 50px;
    overflow: hidden;
}

.shortswiper .swiper-slide{
    width: 395px;
    height: 647px;
    transform: all 0.3s;
}

.shortswiper .swiper-slide.swiper-slide-prev,
.shortswiper .swiper-slide.swiper-slide-next{
    opacity: 0.5;
}

.shortswiper .swiper-slide.swiper-slide-active{
    opacity: 1;
}


.shortswiper .swiper-slide img{
    width: 100% !important;
}


/* 03 */
.section03{
    width: 100%;
    background-image: url("/img/sub/skin_thermage/section03-bg.png");
    padding-top: 70px;
    padding-bottom: 90px;
}

.sec03-effect{
    margin-top: 40px;
}

.sec03title{
    display: flex;
    align-items: center;
    justify-content: center;
}

.sec03title h2{
    font-family: '지마켓 M';
    font-size: 64px;
    color: #713ba9;
    margin-top: 24px;
}

.sec03stepDiv{
    margin-top: 80px;
}

.sec03stepDiv ul{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.sec03stepDiv ul li{
    position: relative;
    width: 318px;
    height: 340px;
    background-color: #fff;
    padding: 10px;
    border-radius: 30px;
    box-shadow: 0px 0px 29px -3px rgba(0, 0, 0, 0.1);
}

.sec03stepDiv ul li h5{
    font-size: 22px;
    font-weight: 600;
    color: #713ba9;
    border-bottom: 1px solid #713ba9;
    margin-top: 20px;
    padding-bottom: 12px;
}

.sec03stepDiv ul li p{
    font-size: 16px;
    font-weight: 500;
    color: #88749c;
    margin-top: 12px;
}

.sec03stepDiv .stepcircle{
    position: absolute;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
}


/* 4 */
.section04{
    width: 100%;
    background-image: url("/img/sub/skin_thermage/section04-bg.png");
    padding-top: 70px;
    padding-bottom: 90px;
}

.sec04title{
    display: flex;
    justify-content: center;
}

.sec04title p{
    font-size: 58px;
    color: #502445;
    font-family: '지마켓 L';
    text-align: center;
    margin-top: 30px;
}

.sec04title h2{
    position: relative;
    font-size: 64px;
    font-family: '지마켓 M';
    color: #713bab;
    margin-top: 15px;
}

.sec04title h2:after{
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #713bab;
}

.sec04whitebox{
    width: 1168px;
    height: auto;
    margin: 0 auto;
    margin-top: 40px;
    border-radius: 25px;
    background-color: #fff;
    box-shadow: 0px 0px 29px -3px rgba(227, 209, 226, 0.7);
}

.sec04whitebox h4{
    text-align: center;
    font-size: 42px;
    font-weight: 600;
    color: #7341a7;
    margin-top: 24px;
}

.sec04titlediv{
    text-align: center;
}

.sec04-event01{
    position: relative;
    margin-top: 50px;
}

.sec04whitebox-01{
    margin-top: 100px;
    text-align: center;
    padding-bottom: 220px;
    padding-left: 50px;
    padding-right: 50px;
}

.sec04whitebox-02{
    text-align: center;
    padding-bottom: 82px;
}

.h-ptag{
    font-size: 30px;
    line-height: 40px;
    color: #2c2c2c;
    text-align: center;
    margin-top: 20px !important;
}

.h-ptag span{
    font-weight: 600 !important;
}

.sec04whitebox-03{
    text-align: center;
    padding-bottom: 70px;
}

.sec04whitebox-04{
    text-align: center;
    padding-bottom: 70px;
}

.sec04-penp{
    font-size: 32px;
    line-height: 45px;
    font-weight: 500;
    margin-top: 64px !important;
}

.sec04-penp span{
    display: block;
    position: relative;
    font-weight: 600;
    z-index: 2;
}

.sec04-penp span:after{
    position: absolute;
    content: "";
    display: block;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 780px;
    height: 27px;
    z-index: -1;
    background-color: #ffd5fc;
}

.sec04-stepeffectUl{
    position: absolute;
    top: 170px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.sec04-stepeffectUl .w50{
    margin-top: 400px;
}

.sec04-stepeffectUl li{
    position: relative;
    width: calc(100%/3);
    text-align: center;
    color: #888888;
	transition: color 4s 6s ease-out;
}


.prs-item:before,
.prs-item:after {
    content: '';
    display: block;
    position: absolute;
    top: 49px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #888888;
}
.prs-item:after {
	width: 0;
	background-color: #7341a7;
	transition: width 0.8s linear;
}

.prs-item .dopt {
	position: absolute;
    top: 40px;
    left: 50%;
    width: 18px;
    height: 18px;
    margin-left: -9px;
    background-color: #ffffff;
    border-radius: 50%;
    z-index: 10;
	transition: 0.2s 0.4s ease-out;
}

.prs-item span{
    display: inline-block;
    background-color: #525252;
    border-radius: 50px;
    position: absolute;
    padding: 3px 8px;
    top: 76px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    font-family: 'mon m';
    transition: all 0.8s;
}

.prs-item p{
    width: 100%;
    display: inline-block;
    position: absolute;
    top: 106px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 24px;
    line-height: 30px;
    transition: all 0.8s;
}

.prs-item .dopt:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 18px;
	transform: translate(-50%, -50%);
	border: 3px solid #888888; 
    border-radius: 50%;
	transition: 0.3s 0.4s ease-out;
}
.prs-item span.start {
	color: #ffffff !important;
    background-color: #7341a7 !important;
}

.prs-list p.start{
    color: #2c2c2c !important;   
}

.prs-item.active:after {
	width: 100%;
}
.dopt.start {
    background-color: #7341a7;
	outline: 7px solid #ffffff;
}
.prs-item.start .dopt:after {
	width: 33px;
    height: 33px;
	border-color: #7341a7;
}

/* 05 */
.section05{
    width: 100%;
    background-image: url("/img/sub/skin_thermage/section05-bg.png");
    padding-top: 70px;
    padding-bottom: 90px;
}

.sec05title{
    display: flex;
    justify-content: center;
}

.sec05title h2{
    text-align: center;
    font-size: 64px;
    line-height: 75px;
    font-family: '지마켓 M';
    margin-top: 30px;
}

.sec05title h2 .span01{
    font-family: '지마켓 B';
    color: #2c2c2c;
}

.sec05title h2 .span02{
    font-family: '지마켓 B';
    color: #9f2e8d;
}

.sec05title h2 .span03{
    font-family: '지마켓 L';
}

.section05-con01div{
    margin-top: 70px;
    text-align: center;
}

.sec05-warn{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 64px;
}

.sec05-warn p{
    font-size: 30px;
    font-weight: 600;
    color: #5e3156;
    margin-left: 15px;
}


.section07{
    overflow: hidden;
    background-color: #eceff6;
    padding: 80px 0;
}


.sec07title{
    display: flex;
    justify-content: center;
}

.sec07title p{
    text-align: center;
    font-size: 48px;
    margin-top: 30px;
    color: #502445;
    font-family: 'mon m';
}

.sec07title h2{
    font-size: 64px;
    color: #2c2c2c;
    font-family: '지마켓 M';
    margin-top: 20px;
    text-align: center;
}

.guideswiper{
    width: 970px;
    height: 539px;
    overflow: hidden;
}

.sec07-con01{
    width: 100%;
    margin-top: 100px;
    position: relative;
    display: flex;
    justify-content: space-between;
}


.guideswiper .swiper-slide{
    width: 663px;
    height: 539px;
    transform: all 0.3s;
}

.guideswiper .swiper-slide img{
    width: 100%;
}

.sec07-con01-left{
    width: 480px;
    margin-left: 370px;
}

.sec07-con01-left li{
    border-bottom: 1px solid #cbced3;
    padding: 45px 0;
}

.sec07-con01-left li:nth-child(1){
    padding-top: 0;
}

.sec07-con01-left li:last-child{
    border: none;
}

.sec07-con01-left li p.p01{
    font-size: 16px;
    color: #cba0fa;
    font-family: 'mon m';
    padding-left: 2px;
}

.sec07-con01-left li h3{
    font-size: 32px;
    color: #502445;
    font-weight: 500 !important;
    margin-top: 10px;
}

.sec07-con01-left li p.p03{
    font-size: 24px;
    line-height: 33px;
    color: #727272;
    margin-top: 15px;
}

.sec07-con01-right{
    padding-top: 50px;
}

.sec07-content02{
    margin-top: 130px;
}

.sec07-content02-imgdiv ul{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
}

.section08{
    background-color: #fef3fd;
    padding: 80px 0;
}

.sec08title{
    display: flex;
    justify-content: center;
}

.sec08title p{
    text-align: center;
    font-size: 48px;
    margin-top: 30px;
    color: #502445;
    font-family: 'mon m';
}

.sec08title h2{
    font-size: 64px;
    color: #2c2c2c;
    font-family: '지마켓 M';
    margin-top: 20px;
    text-align: center;
}

.section08-condiv ul{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
    margin-top: 48px;
}

.section08-condiv ul li{
    border: 1px solid #2c2d2e;
}

.section08-condiv ul li .txtdiv{
    border-top: 1px solid #2c2d2e;
    text-align: center;
    height: 168px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.section08-condiv ul li .txtdiv p{
    font-size: 22px;
    color: #2c2c2c;
}

.section08-condiv ul li .txtdiv h4{
    font-weight: 500;
    font-size: 40px;
    line-height: 45px;
    margin-top: 8px;
}


/* ------------------------------------------------------------------ */

@media(max-width:990px){

    .container_img{
        overflow-x: unset;
    }

    .mowauto{
        width: auto !important;
    }
    
    .txtcenter{
        text-align: center;
    }
    
    .mo-circleicon{
        width: 10px;
        height: 10px;
        background-color: #cba0fa;
        border-radius: 50px;
        margin: 0 auto;
    }
    
    .mo-titlediv{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .mo-titlediv h2,
    .mo-titlediv p,
    .mo-titlediv h3{
        text-align: center;
    }
    
    
    .mo-littletitle .bar{
        width: 70px;
        height: 1px;
        background-color: #2c2c2c;
        margin: 25px auto;
    }
    
    .mo-littletitle p{
        font-size: 12px;
        line-height: 17px;
        font-weight: 500;
        color: #2c2c2c;
        text-align: center;
    }
    
    
    /* 2 */
    .mo-sec02{
        width: 100%;
        height: auto;
        padding: 30px 0;
        background-image: url("/img/sub/skin_thermage/mobile/mo-sec02.png");
    }
    
    
    .mo-sec02 .mo-titlediv h2{
        margin-top: 14px;
    }
    .mo-sec02 .mo-titlediv h2 span{
        display: inline-block;
        font-size: 23px;
        color: #2c2c2c;
        margin-top: 7px;
    }
    
    .mo-sec02 .mo-titlediv h2 .span01{
        font-family: '지마켓 B';
    }
    .mo-sec02 .mo-titlediv h2 .span02{
        font-family: '지마켓 L' !important;
    }
    
    .mo-sec02 .mo-titlediv .p03{
        font-family: 'mon r';
        font-size: 20px;
        color: #502445;
        text-align: center;
        margin-top: 2px;
    }
    
    .mo-sec02 .mo-titlediv .p03 span{
        font-family: 'mon sb';
        font-size: 20px;
        color: #9f2e8d;
    }
    
    .mo-sec02-01{
        margin-top: 24px;
    }
    
    .mo-sec02-02{
        margin-top: 40px;
    }
    
    .mo-sec02videoDiv{
        width: 90%;
        margin: 0 auto;
        margin-top: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .mo-sec02videoDiv .sec02-text01,
    .mo-sec02videoDiv .sec02-text02{
        width: 8px;
        max-width: none !important;
    }
    
    .mo-sec02videoDiv .videowhite{
        background-color: #fff;
        padding: 7px;
        margin: 0 10px;
    }
    
    .mo-sec02videoDiv .videowhite video{
        width: 100%;
        height: 184px;
    }
    
    .shorttitle{
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
    }
    
    .shorttitle h2,
    .shorttitle p{
        text-align: center;
    }
    
    .shorttitle h2{
        font-family: 'mon b';
        font-size: 20px;
        margin-top: 6px;
    }
    
    .shorttitle p{
        font-size: 13px;
        line-height: 18px;
        margin-top: 8px;
    }
    
    .mo-shortswiper{
        width: 90%;
        margin: 0 auto;
        overflow: hidden;
        margin-top: 25px;
        height: auto;
    }
    
    .mo-shortswiper .swiper-wrapper{
        height: auto;
    }
    
    .mo-shortswiper .swiper-slide{
        width: 100%;
    }
    
    .mo-shortswiper .swiper-slide a{
        display: block;
        width: 100%;
        height: 100%;
    }
    
    
    /* 3 */
    .mo-sec03{
        width: 100%;
        height: auto;
        padding: 30px 0;
        background-image: url("/img/sub/skin_thermage/mobile/mo-sec03.png");
    }
    
    .mo-sec03title h2{
        text-align: center;
        font-family: '지마켓 M';
        font-size: 27px;
        color: #713ba9;
        margin-top: 8px;
    }

    .sec03stepDiv{
        width: 90%;
        margin: 0 auto;
    }

    .sec03stepDiv ul{
        flex-wrap: wrap;
        gap: 14px;
        margin-top: 50px;
    }

    .sec03stepDiv ul li{
        width: calc(50% - 7px);
        height: 182px;
        border-radius: 12px;
    }

    .sec03stepDiv ul li h5{
        font-size: 14px;
        margin-top: 12px;
        padding-bottom: 9px;
    }

    .sec03stepDiv ul li p{
        font-size: 9px;
        margin-top: 9px;
    }

    .sec03stepDiv .stepcircle{
        top: -10px;
    }

    .stepcircle img{
        width: 32px;
        max-width: none !important;
    }

    /* 4 */
    .mo-sec04{
        width: 100%;
        height: auto;
        padding: 30px 0;
        background-image: url("/img/sub/skin_thermage/mobile/mo-sec04.png");
    }

    .mo-sec04title{
        display: flex;
        justify-content: center;
    }
    
    .mo-sec04title p{
        font-size: 20px;
        color: #502445;
        font-family: '지마켓 L';
        text-align: center;
        margin-top: 30px;
    }
    
    .mo-sec04title h2{
        position: relative;
        font-size: 27px;
        font-family: '지마켓 M';
        color: #713bab;
        margin-top: 4px;
    }
    
    .mo-sec04title h2:after{
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: #713bab;
    }

    .sec04whitebox{
        width: 90%;
        border-radius: 12px;
        padding: 0 5%;
        padding-bottom: 30px;
        margin-top: 40px;
    }

    .sec04whitebox h4{
        font-size: 16px;
    }

    .sec04-stepeffectUl{
        top: 38px;
    }

    .sec04-stepeffectUl li{
        position: relative;
        width: calc(100%/2);
    }

    .prs-item .dopt{
        width: 8px;
        height: 8px;
        left: 56%;
        transform: translateX(-50%);
    }

    .prs-item span{
        font-size: 8px;
        top: 60px;
    }

    .prs-item p{
        font-size: 10px;
        line-height: 13px;
        font-weight: 400;
        top: 78px;
    }

    .prs-item:before,
    .prs-item:after{
        height: 1px;
        top: 44px;  
    }

    .prs-item.start .dopt:after{
        width: 16px;
        height: 16px;
    }

    .prs-item .dopt:after{
        width: 10px;
        height: 10px;
        border: 2px solid #888888;
    }

    .prs-item img{
        margin-top: -66px !important;
    }

    .sec04-stepeffectUl .w50{
        margin-top: 190px;
    }

    .sec04whitebox-01{
        padding-bottom: 384px;
    }

    .sec04-event02{
        margin-top: 20px;
    }

    .h-ptag{
        font-size: 10px;
        line-height: 14px;
        font-weight: 500;
        margin-top: 5px !important;
    }

    .facediv{
        margin-top: -15px;
    }

    .sec04-penp{
        font-size: 13px; 
        line-height: 20px;
        text-align: center;  
        margin-top: 30px !important;
    }

    .sec04-penp span:after{
        position: absolute;
        content: "";
        display: block;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 320px;
        height: 12px;
        z-index: -1;
        background-color: #fff;
    }

    /* 5 */
    .mo-sec05{
        padding: 30px 0;
        width: 100%;
        background-image: url("/img/sub/skin_thermage/mobile/mo-sec05.png");
    }

    .mo-sec05title{
        display: flex;
        justify-content: center;
    }
    
    .mo-sec05title h2{
        text-align: center;
        font-size: 20px;
        line-height: 26px;
        font-family: '지마켓 M';
        margin-top: 20px;
    }
    
    .mo-sec05title h2 .span01{
        font-family: '지마켓 B';
        color: #2c2c2c;
    }
    
    .mo-sec05title h2 .span02{
        font-family: '지마켓 B';
        color: #9f2e8d;
    }
    
    .mo-sec05title h2 .span03{
        font-family: '지마켓 L';
    }

    .littletitle p{
        font-size: 12px;
        line-height: 18px;
    }

    .littletitle .bar{
        width: 70px;    
        height: 1px;
        margin: 24px auto;
    }

    .warnbox{
        margin-top: 20px;
    }

    .waran-p{
        font-size: 12px;
        line-height: 16px;
        font-weight: 600;
        color: #5e3156;
        margin-top: 5px !important;
        text-align: center;
    }

    /* 7 */
    .mo-sec07{
        background-color: #eceff6;
        padding: 30px 0;
    }

    .sec07title p{
        font-size: 18px;
    }
    .sec07title h2{
        font-size: 22px;
        margin-top: 5px;
    }

    .sec07-con01-left{
        margin-left: 0;
        width: 80%;
        margin: 0 auto;
        margin-top: 30px;
    }

    .sec07-con01-left li p.p01{
        font-size: 10px;
    }

    .sec07-con01-left li h3{
        font-size: 18px;
    }

    .sec07-con01-left li p.p03{
        font-size: 14px;
        line-height: 20px;
    }

    .sec07-con01-left li{
        padding: 28px 0;
    }

    .sec07-con01-right{
        height: 180px;
    }

    .mo-guideswiper{
        height: 180px;
        padding-right: 0;
    }

    .sec07-con01-right{
        padding-top: 0px;
    }

    .sec07-content02{
        margin-top: 60px;
    }

    .sec07title p{
        margin-top: 14px;
    }

    .sec07-con01-right .swiper-slide{
        opacity: 0.3;
    }

    .sec07-con01-right .swiper-slide.swiper-slide-active{
        opacity: 1 !important;
    }

    .nohowul{
        width: 90%;
        margin: 0 auto;
        margin-top: 20px;
    }

    .nohowul li{
        margin-top: 6px;
    }


    /* 8 */
    .mo-sec08{
        background-color: #fef3fd;
        padding: 30px 0;
        padding-bottom: 176px;
    }

    .sec08title p{
        font-size: 18px;
        margin-top: 16px;
    }

    .sec08title h2{
        font-size: 27px;
        margin-top: 5px;
    }



    .sec08-con01-right{
        height: 280px;
    }

    .mo-eventswiper{
        height: 280px;
        padding-right: 0;
    }

    .sec08-con01-right{
        padding-top: 0px;
        margin-top: 30px;
    }


    .sec08-con01-right .swiper-slide{
        opacity: 0.3;
    }

    .sec08-con01-right .swiper-slide.swiper-slide-active{
        opacity: 1 !important;
    }
}