@charset "UTF-8";

@media screen and (max-width: 1660px) {}
@media screen and (max-width: 1300px) {
    .prWrap .program_Wrap .con .txtBox{
        padding-left: 20px;
    }
    .prWrap .program_Wrap .con .txtBox .tit {
        font-size: 35px;
    }
    .facial_bg {
        padding: 134px 0 50px;
    }
    .image-info-list.facial_worry p {
        font-size: 18px;
    }
    .real-review-page .sub-menu nav, .treatment_review .sub-menu nav {
        max-width: 840px;
    }
    .real-container {
        grid-template-columns: repeat(3, 1fr);
    }
    /* 프로그램 */
    .program-title{
        margin: 100px 0 187px;
        gap: 30px;
        justify-content: space-between;
      }
      .program-title .imgBox{
        width: 50%;
      }
      .program-title .txtbox{
        min-width: unset;
        width: 50%;
        padding: 60px 0;
        flex-shrink: 1;
      }
      .program-program .program-slide .program-slide-con{
        width: 250px;
      }
      .program-program .program-slide .program-slide-con p{
        font-size: 18px;
      }
    
}
@media screen and (max-width: 900px) {
    .review-modal .form-group>label {
        width: 75px;
    }
    .form-group.gender .radio-group, .form-group.age .radio-group {
        gap: 5px;
    }
    .form-group.gender .radio-group .custom-radio .radio-circle, .form-group.age .radio-group .custom-radio .radio-circle {
        width: 20px;
        height: 20px;
    }
    .review-modal .gender-age-group .radio-group label {
        font-size: 12px;
    }
    .all-review-wrap .real-container .item .delete{
        top: 30px;
        visibility: hidden;
    }

    .treatment-list ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .prWrap .program_Wrap .con .txtBox .tit {
        font-size: 24px;
    }
    .prWrap .program_Wrap .con .txtBox ul li{
        font-size: 14px;
    }
    .program-title {
        flex-direction: column;
        margin: 80px 0 100px;
    }
    .program-title .txtbox {
        width: 100%;
    }
    .program-wannabe .itembox .item .txtbox .pro-name {
        font-size: 16px;
    }
    .program-wannabe .itembox .item .txtbox .pro-txt {
        font-size: 18px;
    }
    .pro-info-list.proList .image-info-list ul {
        margin-top: 100px;
    }
    .pro-info-list.proList .image-info-list ul li {
        width: 100%;
      }
    .pro-info-list .image-info-list p {
        font-size: 18px;
        padding-top: 15px;
    }
    .pro-info-list .image-info-list .info-txt {
        padding-top: 18px;
        font-size: 14px;
    }
    .program-herbalpellet{
        margin: 100px 0;
    }
    .prWrap.program-swell .swell_container .program-title {
        gap: 0;
    }
    .prWrap.program-swell .pro-info-list .swell-list {
        margin: 80px 0;
    }
    .prWrap.program-swell .swell_container .program-title .imgBox{
        margin: 0 auto;
    }
    .prWrap.program-swell .swell_container .program-title .imgBox p {
        font-size: 20px;
        padding-top: 18px;
    }
    .prWrap.program-swell .swell_container .program-title .txtbox {
        padding: 10px 0;
        margin: 0 auto;
    }
    .faceline.pro-info-list .image-info-list ul {
        row-gap: 45px;
        column-gap: 20px;
    }

    /* 안면비대칭 */
    .facial_worry ul{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .real-review-page .sub-menu nav, .treatment_review .sub-menu nav {
        max-width: 900px;
    }
    .real-container {
        grid-template-columns: repeat(2, 1fr);
    }
    .modal-box{
        width: 600px;
    }

    /* 가격정보 */
    .pr_container .pr_content{
        flex-direction: column;
        align-items: flex-start;
    }
    .pr_container .pr_content .price {
        padding-top: 20px;
    }
    .pr_container .pr_content .price .priceBox {
        flex-direction: row-reverse;
        font-size: 24px;
    }
    .pr_container .pr_content .price .priceBox .net_price{
        padding-right: 0;
        padding-left: 10px;
        line-height: 1;
    }
    .pr_container .pr_content .name p {
        font-size: 1.5rem;
    }
    .pr_container .pr_content .price .sale{
        justify-content: start;
    }
    /* 이벤트 */
    .event-detail img {
        object-fit: cover;
        transform: scale(1.5);
        transform-origin: top center;
    }
    .quick_menu_wrap{
        border-radius: 5px;
    }
    .quick_menu_wrap .quick_bar{
        width: 50px;
    }
    .quick_menu_wrap .quick_bar .quick-tit{
        font-size: 8px;
        padding: 9.5px 0;
    }
    .quick_menu_wrap .quick_bar .social ul li a {
        margin: 7.5px 0;
    }
    .quick_menu_wrap .quick_bar .social ul li a img{
        width: 17px;
    }
    .quick_menu_wrap .quick_bar .social ul li a p{
        margin-top: 4px;
        font-size: 8px;
    }
    .quick_menu_wrap .quick_bar .quick-btn span {
        font-size: 16px;
        height: 20px;
        line-height: 20px;
        border-radius: 5px 5px 0 0;
    }
    .quick_menu_wrap .quick_bar .social ul li:last-child{
        margin-bottom: 7px;
    }
	.makeline-product .pill_wrap {
		padding: 35px;
	}
}
@media screen and (max-width: 768px) {
    .real-review-page .sub-menu nav, .treatment_review .sub-menu nav {
        padding: 0 20px;
        max-width: unset;
    }
    .review-write-bth {
        margin: 50px auto 70px;
    }
    .review-write-bth button {
        padding: 19px 80px;
    }
    .modal-box{
        width: 80%;
    }
    .review-modal .gender-age-group {
        flex-direction: column;
        align-items: flex-start;
    }
    .review-modal .gender-age-group label[for="age-type"] {
        padding-left: 0;
    }
    

    .program_sub nav a{
        flex: 1 0 50%;
        max-width: none;
    }

    .prWrap .program_Wrap .con{
        flex-direction: column;
        padding-bottom: 80px;
    }
    .prWrap .program_Wrap .con .imgBox {
        width: 100%;
    }
    .prWrap .program_Wrap .con .imgBox p{
        text-align: center;
    }
    .prWrap .program_Wrap .con .txtBox {
        width: 100%;
        padding-left: 0;
        text-align: center;
        padding-top: 40px;
    }
    .prWrap .program_Wrap .con .txtBox ul li{
        justify-content: center;
    
    }

    .program-title .txtbox {
        width: 70%;
        padding: 30px 0;
    }

    .program-title .txtbox .title {
        font-size: 24px;
        padding-bottom: 25px;
    }
    .program-title .txtbox .con-txt {
        font-size: 14px;
    }
    .program-procedure .itembox {
        gap: 20px;
        justify-content: space-between;
    }
    .program-procedure .itembox .item{
        width: 50%;
    }
    .program-procedure .itembox .txtbox .pro-name {
        font-size: 16px;
    }
    .program-procedure .itembox .txtbox .pro-txt {
        font-size: 14px;
    }
    .pro-info-list .image-info-list ul li .image {
        width: 80%;
        margin: 0 auto;
        height: unset;
    }
    .program-wannabe .itembox {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 40px;
        margin: 50px 0 110px;
    }
    .program-wannabe .itembox .item .imgbox{
        width: 60%;
        margin: 0 auto;
    }
    .program-herbalpellet .image-info-list {
        padding-top: 0;
    }
    .prWrap.program-swell .pro-info-list .swell-list li {
        padding: 5.5px 0;
    }
    
    .faceline.pro-info-list .image-info-list ul {
        grid-template-columns: repeat(1, 1fr);
    }
    .pro-info-list .image-info-list .info-txt {
        padding-top: 8px;
        width: 80%;
        margin: 0 auto;
    }
    .pro-info-list.proList .image-info-list ul li,
    .program-swell .part-pro .image-info-list ul li {
        max-width: 100%;
    }


    /* 가격정보 */
    .pr_container .pr_content{
        align-items: flex-start;
        flex-direction: column;
    }
    .pr_container .pr_content .price .priceBox .net_price{}
    
    .treatmrnt_area ul li .image {
        width: 60%;
        margin: 0 auto;
    }
    /* 회원가입 */
    .login-info-container .signup-form .form-group {
        flex-direction: column;
        align-items: flex-start;
    }
    .login-info-container .signup-form .form-group label {
        padding-bottom: 12px;
    }
    .login-info-container .signup-form .form-group input {
        min-width: 250px;
        width: 100%;
    }
    .login-info-container .signup-form .form-group .checkbox-group .agree{
        font-size: 16px;
        word-break: keep-all;
        line-height: 1.5;
    }
    .review-modal .rating-weight {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

.makeline-product .pill_wrap .type_box .main_color {
    font-size: 16px;
}
.makeline-product .pill_wrap .type_box .type {
    font-family: "Chonburi", serif;
    flex: unset;
    padding: 8px 13px;
    font-size: 12px;
}


}
@media screen and (max-width: 510px) {
    .pc_br{
        display: none;
    }
    .mb_br{
        display: block;
    }
.exosome .mb_br{
display: none;
}
    .review-write-bth button {
        padding: 15px 80px;
        min-width: 250px;
    }
    .real-container {
        grid-template-columns: repeat(1, 1fr);
    }
    .login-info-container .login-form {
        min-width: unset;
        width: 100%;
    }
    .real-container .item .txtbox {
        flex: 0;
    }
    .real-container .item .imgbox {
        min-height: unset;
        width: 60%;
    }
    .all-review-wrap .real-container .item .imgbox{
        width: 100%;
    }
    .all-review-wrap .real-container .item .imgbox img {
        width: 32%;
    }
    .review-modal .form-actions {
        gap: 10px;
    }
    .review-modal .cancel-btn, .review-modal .submit-btn {
        width: 50%;
        padding: 10px 0;
    }
    .login-info-container .sub-description.login-description .mobile_br {
        display: block;
    }
    .modal-box .rating span {
        font-size: 24px;
    }
    .review-modal .gender-age-group .form-group{
        flex-wrap: wrap;
        row-gap: 10px;
        margin-bottom: 17px;
    }
    
    
    .program-title .txtbox {
        width: 100%;
    }
    .pr_container .conWrap .con{}
    .pr_container .conWrap .con .imgBox{
        width: 100%;
    }
    .pr_container .conWrap .con .txtBox {
        width: 50%;
    }
    .pr_container .conWrap .con .plus i{
        font-size: 2rem;
    }
    .pr_container .pr_content .name p {
        font-size: 20px;
    }
    .event-detail img {
        transform: scale(2);
    }

    
    .program-procedure .itembox {
        flex-direction: column;
    }
    .program-procedure .itembox .item {
        width: 100%;
    }
    .pro-info-list .image-info-list p {
        padding-top: 20px;
        font-size: 16px;
    }
    .program-program .program-slide .program-slide-con p {
        font-size: 16px;
    }

}
@media screen and (max-width: 400px) {
	.exosome .mb_br{
		display: none;
	}
}