@media only screen and (max-width: 768px) {
    h2 {font-size: 3.2rem;}
    .delete_padding {margin-top: -60px;}
    .text_br {display: inline;}
    .skin_finder .img_cnt .left_img img {width: 75%;}
    .event_list .grid_item:nth-child(even) {grid-column: 1 / span 4 !important;}
    .comments_write .cnt {flex-direction: column;padding-top: 0;}
    .comments_write .cnt .regist_comment {width: 100%;}
    .brand_story .brand_cosmatic .text_br {display: inline;}

    header {left:0;transform:none;}
    header .logo_wrap {width: 192px;height: 24px;}
    .main header .logo {width: 192px !important;min-width: 192px;}
    .main_top {min-height: 667px;}
    .main_top_about .btn_box {left: 20px;bottom: 83px;}
    .main_top_about .text_box {left: 20px;bottom: 176px;padding-right: 40px;}
    .main_top_about .text_box dt {font-size: 1.8rem;line-height: 2.6rem;}
    .main_top_about .text_box dd {font-size: 1.8rem;line-height: 2.6rem;}
    .main_top .swiper-pagination {bottom: 48.5px;}
    .circle_info {right: 20px;bottom: 87px;width: 69px;height: 69px;}
    .circle_info .circle_main {width: 62px;height: 62px;}
    .circle_info .circle_svg {height: 21px;}
    .main_cnt_01 .inner_cnt {padding: 60px 20px;}
    .basepicker_wrap .basepicker_list:last-child {margin-top: 32px;width: 100%;position: relative;bottom: auto;right: auto;}
    .basepicker_wrap .ico_star {width: 22.84%;left: -20px;}
    .basepicker_tit {padding-left: 0;font-size: 3.2rem;line-height: 4rem;}
    .basepicker_tit .text_br {display: block;}
    .basepicker_about {margin-top: 0;flex-direction: column;position: absolute;bottom: 0;width: 100%;align-items: baseline;}
    .basepicker_about .about_img {width: 56.25%;margin-right: 20px;margin-left: auto;}
    .basepicker_about .about_cnt {margin-top: 32px;width: 100%;}
    .basepicker_about .about_cnt > p + p {margin-top: 16px;}
    .basepicker_about .btn_box_inner > span i {font-size: 1.6rem;}
    /* .flow_container {display: none;} */
    .scrollmagic-pin-spacer {display: none !important;min-height: auto !important;}
    .main_cnt_02 {display: none;}
    .main_cnt_02 {padding-top: 0;min-height: auto;}
    .main_cnt_02 .inner_cnt {min-height: auto;}
    .main_cnt_02:before {margin-top: -20px;display: block;content: "";width: 100%;height: 80px;background: #fff;}
    .main_cnt_02 .grid_wrap {padding: 60px 20px;min-height: auto;}
    .skin_finder h2 {height: 74px;padding: 34px 0 0 0;margin: 0;}
    .skin_finder h2 strong {line-height: 4rem;}
    .skin_finder h2 .text_action {height: 40px;}
    .skin_finder .about {margin-left: 0;margin-top: -8px;font-size: 1.6rem;height: 5.2rem;line-height: 2.6rem;}
    .skin_finder .img_cnt .btn_box {width: 136px;height: 136px;transform: translate(0, 50%);bottom: 100%;left: calc(100% - 156px);}
    .skin_finder .img_cnt .btn_box_inner {width: 136px;height: 136px;}
    .skin_finder .img_cnt .btn_box_text {height: 52px;}
    .skin_finder .about .text_action p {letter-spacing: -1px;}
    .skin_finder .img_cnt .btn_box_text p {font-size: 1.6rem;}
    .skin_finder .img_cnt .btn_box_text p:last-child {height: 52px;display: flex;align-items: center;justify-content: center;font-size: 1.6rem;}
    .skin_finder .img_cnt .btn_box_text .text_br {display: block;}
    .skin_finder .img_cnt .btn_box_inner a ~ .btn_box_bg:after {width: 136px;height: 136px;transition: top 0.3s;}
    .skin_finder .img_cnt .left_img img {width: 100%;}
    .skin_finder .img_cnt {align-items: end;}
    .skin_finder .img_cnt .grid_item:first-child {margin-bottom: 40px;}
    .tone_picker {display: block;background: #f0ece9;}
    .tone_picker .grid_wrap {padding: 60px 20px;width: 100%;}
    .tone_picker .mo_tit {position: relative;padding-top: 34px;}
    .tone_picker .mo_tit .ico_star {position: absolute;top: 0;left: 0;}
    .tone_picker .mo_tit strong {display: block;font-size: 3.2rem;line-height: 3.8rem;}
    .tone_picker .mo_tit_about {margin-top: 8px;font-size: 1.6rem;line-height: 2.4rem;font-weight: 600;color: #1c1c1b;}
    .tone_picker .img_cnt {margin-top: 32px;padding-top: 70px;position: relative;}
    .tone_picker .left_img {width: 32.78%;position: absolute;bottom: 24px;left: 0;}
    .tone_picker .right_img {padding-left: 26.25%;}
    .tone_picker .left_img img,
    .tone_picker .right_img img {vertical-align: top;}

    .tone_picker .btn_box {width: 136px;height: 136px;border: 1px solid #1c1c1b;border-radius: 100%;position: absolute;top: 0;right: 24px;}
    .tone_picker .btn_box_inner {width: 136px;height: 136px;border: 1px solid #1c1c1b;border-radius: 100%;background: #fff;transform: translate(-6px, -6px);}
    .tone_picker .btn_box_inner a {z-index: 20;position: absolute;top: 0;left: 0;right: 0;bottom: 0;font-size: 0;text-indent: -9999px;color: transparent;}
    .tone_picker .btn_box_text {z-index: 10;overflow: hidden;width: 100%;height: 26px;text-align: center;position: absolute;top: 50%;transform: translateY(-50%);}
    .tone_picker .btn_box_text p {width: 100%;position: absolute;top: 0;font-family: "sans-serif";font-size: 1.6rem;line-height: 2.6rem;font-weight: 600;color: #1c1c1b;transition: all 0.5s;}
    .tone_picker .btn_box_bg {overflow: hidden;position: relative;width: 100%;height: 100%;border-radius: 100%;}
    .tone_picker .btn_box_text .text_br {display: block;}
    .tone_picker .btn_box_inner a ~ .btn_box_bg:after {position: absolute;top: 100%;left: 0;display: block;content: "";width: 136px;height: 136px;border-radius: 100%;background: #1c1c1b;transition: top 0.5s;}
    .tone_picker .btn_box_inner a:hover ~ .btn_box_bg:after {top: 0;}
    .tone_picker .btn_box_inner a:hover ~ .btn_box_text p {color: #fff;}

    .tone_picker .mo_cnt_02 {margin-top: 60px;}
    .main_cnt_03 .grid_wrap {padding: 60px 20px;width: 100%;}
    .main_cnt_03 .scrollmagic-pin-spacer {display:block !important;}
    .main_product h2 {display: block;line-height: 4rem;}
    .main_product h2 + span {padding-left: 0;font-size: 1.6rem;line-height: 2.6rem;}
    .main_product .product_wrap {margin-top: 24px;}
    .main_product .main_product_item {padding: 32px 24px;}
    .main_product_item .about_info {margin-bottom: 24px;min-height: 121px;}
    .main_product_item .about_info dt {font-size: 2rem;line-height: 2.8rem;}
    .main_product_item .about_info .name {font-size: 1.4rem;line-height: 1.8rem;}
    .main_product_item .about_info .price {font-size: 1.6rem;}
    .main_cnt_04 {opacity:1;transition: none;background: none;}
    .main_cnt_04 .grid_wrap {padding: 60px 20px 80px 20px;}
    .main_cnt_04.active .inner_cnt {opacity:1;transition: none;}
    .with_tonework h2 {font-size: 3.2rem;}
    .with_tonework h2 span {font-size: 2rem;}
    .with_tonework .main_sns_swiper {margin-top: -1px;}
    .main_sns_swiper .swiper-slide {max-height:100%;}
    .footer {padding: 60px 0;}
    .footer_top {flex-direction: column;position: relative;}
    .footer_toggle {display: block;width: 40px;height: 40px;position: absolute;top: 16px;right: 0;font-size: 0;color: transparent;text-indent: -9999px;background: url("/resources/images/icon/ico_16_arrow_down_w.svg") no-repeat  center;background-size: 16px;}
    footer.on .footer_toggle {transform: rotate(180deg);}
    footer.on .footer_top .site_map,
    footer.on .footer_bottom .footer_address {display: flex;}
    .footer_top .site_map {display: none;margin-top: 60px;width: 100%;min-width: auto;flex-wrap: wrap;gap: 24px;}
    .footer_top .site_map .item_box {width: calc(50% - 12px);}
    .footer_bottom .footer_address {display: none;flex-direction: column;align-items: flex-start;gap: 24px;}
    .footer_address .company_info {order: 2;display: flex;flex-direction: column;}
    .footer_address .sns_link {order: 1;}
    .footer_util {padding-top: 24px;}
    .footer_util .util_m {flex-direction: column;align-items: flex-start;gap: 16px;}
    .footer_util .util_m li a {padding: 0;}
    .footer_util .util_m li a:before {content: none;}
    .footer_util .copy_right {line-height: 2.4rem;}
    .footer_util .copy_right span {display: block;}

    @-webkit-keyframes scrolly {
        0% {  transform: translate3d(-50%, -330%, 0);}
        30% {  transform: translate3d(-50%, 100%, 0);}
        70% {  transform: translate3d(-50%, 100%, 0);}
        95% {  transform: translate3d(-50%, 330%, 0);}
        100% {  transform: translate3d(-50%, 330%, 0);}
    }

    @keyframes scrolly {
        0% {  transform: translate3d(-50%, -330%, 0);}
        30% {  transform: translate3d(-50%, 100%, 0);}
        70% {  transform: translate3d(-50%, 100%, 0);}
        95% {  transform: translate3d(-50%, 330%, 0);}
        100% {  transform: translate3d(-50%, 330%, 0);}
    }

    .sub_top {display: block;}
    .sub_top h2.ico_star {width: 100%;font-size: 4.8rem;line-height: 5.8rem;}
    .sub_top h2.ico_star .ico {width: 32px;height: 80px;top: -40px;right: 24px;left: auto;background: url("/resources/images/icon/icon_32_star_b.svg") no-repeat 0  bottom;background-size: 32px;}
    .sub_top h2.ico_star .ico:before {height: 40px;}
    .sub_top .input_radio_wrap {margin-top: 10px;margin-left: 0;height: auto;}
    #sub_container {padding-bottom: 60px;}
    #sub_container .gap_120.event_list {padding-top: 40px;}
    #sub_container .gap_120.event_result {padding-top: 40px;}
    #sub_container .gap_60.event_view {padding-top: 40px;}
    #sub_container .gap_80 {padding-top: 40px;}
    .sub_top_about .go_back {display: none;}
    .sub_top_about h2 {padding-right: 32px;font-size: 4.8rem;line-height: 1.4;background-size: 32px;}
    .sub_top_about .about_text {font-size: 1.8rem;}
    .event_list .bg_action {display: none;}
    .event_list:after {height: 60px;bottom: -60px;}
    .event_list_box .grid_item:nth-child(even) {margin-top: 0;}
    .event_list_box {padding-top: 26px;}
    .event_list .grid {gap: 40px 16px;}
    .event_list_info {margin-top: 16px;}
    .event_list_info .tit {font-size: 2rem;line-height: 2.5rem;}
    .event_list_info .about {margin-top: 4px;font-size: 1.6rem;line-height: 2rem;}
    .event_list_info .period {line-height: 2rem;}
    .more_paging {margin-top: 66px;}
    .more_paging .btn_box {width: 136px;height: 136px;}
    .more_paging .btn_box_inner {width: 136px;height: 136px;}
    .more_paging .btn_box_text {padding-top: 42px;background-size: 26px;}
    .more_paging .btn_box_text p {font-size: 1.6rem;line-height: 2.3rem;}
    .more_paging .btn_box_text p strong {font-size: 1.6rem;line-height: 2.3rem;}
    .more_paging .btn_box_text p span {font-size: 1.6rem;line-height: 2.3rem;}
    .more_paging .btn_box_inner a ~ .btn_box_bg:after {width: 136px;height: 136px;}
    .event_view .sub_top_about h3 {padding-bottom: 16px;}
    .event_view .sub_top_about .info_text {flex-direction: column;}
    .event_view .sub_top_about .info_text .tit + .date {padding-left: 0;}
    .event_view .sub_top_about .info_text .tit + .date:before {content: none;}
    .event_detail {margin-top: 24px;}
    .detail_bottom .btn_box {max-width: 100%;height: 54px;border-radius: 27px;}
    .detail_bottom .btn_box_inner {height: 54px;border-radius: 27px;padding: 13px 16px 13px 24px;}
    .detail_bottom .btn_box_inner:after {right: 16px;}
    .detail_bottom .btn_box + .btn_box {margin-left: 12px;}
    .detail_bottom .btn_box_inner > span i {font-size: 1.6rem;}
    .event_view .detail_bottom .btn_box { max-width:150px;}
    .event_notice {margin-top: 40px;padding: 40px 0;}
    .event_notice_tit {font-size: 1.8rem;line-height: 2.3rem;}
    .recom_product {padding: 40px 0;}
    .recom_product h4 {font-size: 2rem;}
    .recom_product .rcp_swiper {margin-top: 24px;}
    .rcp_swiper .swiper-button-prev {opacity: 1;left: 0;transition: none;}
    .rcp_swiper .swiper-button-next {opacity: 1;right: 0;transition: none;}
    .rcp_swiper .rcp_info dt {font-size: 1.8rem;line-height: 2.6rem;}
    .rcp_swiper .rcp_info .name {font-size: 1.6rem;line-height: 2rem;}
    .event_view .comments_wrap {padding: 40px 0 0;}
    .comments_write .tit {gap: 16px;}
    .comments_write .tit h4 {font-size: 2.4rem;line-height: 2.9rem;}
    .comments_write .tit .total_num {font-size: 1.4rem;line-height: 2rem;}
    .comments_write .tit + .cnt {margin-top: 16px;}
    .comments_write .cnt .regist_comment {padding-top: 0;}
    .regist_comment .btn_box {margin-top: 21px;margin-left: 5px;width: calc(100% - 5px);}
    .event_view .page_ctrl_inner {width: calc(100% - 40px);padding: 0;margin-top: 60px;}
    .paging_box {margin-top: 24px;}
    .paging_box .page_num + .page_num {margin-left: 0px;}
    .paging_box .btn_prev {margin-right: 12px;}
    .paging_box .btn_next {margin-left: 12px;}

    #sub_container .gap_60.product_view {padding-top: 0;}
    .product_view .prd_swiper {margin: 0 -20px;}
    .product_view .prdv_top .grid_item:nth-child(1) {order: 2;}
    .product_view .prdv_top .grid_item:nth-child(2) {order: 1;}
    .product_view .prdv_top .grid_item:nth-child(3) {order: 3;}

    .prdv_badge .prd_badge {top: 20px;right: 0;}
    .prd_swiper .swiper-slide {height: auto;}
    .prd_thumb {margin-top: 4px;}
    .prd_thumb .swiper-slide {width: 20%;height: 20%;padding-top: 20%;}

    .prdv_top .prd_tit dt {font-size: 2.4rem;line-height: 3.2rem;}
    .prdv_top .prd_tit dd {font-size: 1.6rem;line-height: 2rem;}
    .total_score_star {width: 90px;height: 18px;}
    .total_score_star .star_bg {background-size: 18px;}
    .total_score.large {width: 100%;max-width: 100%;}
    .total_score.large .total_score_star .star_bg_ico {-webkit-mask-size: 32px;mask-size: 32px;}
    .total_score.large .about_info {font-size: 1.6rem;line-height: 2rem;}
    .total_score.large + .dist_score {margin: 0;padding: 0;border: 0;margin-top: 24px;padding-top: 25px;width: 100%;max-width: 100%;border-top: 1px solid #dbdbdb;}
    .total_score_star .star_bg_ico {-webkit-mask-size: 18px;mask-size: 18px;}
    .product_review .review_write {width: 72.5%;margin: 46px auto 0;}
    .hash_list {margin-top: 28px;}
    .prdv_top .price_info {margin-top: 36px;}
    .prd_sell_opt {margin-top: 27px;padding-top: 25px;}
    .prd_sell_opt .prd_color_select {margin-top: 10px;}
    .color_select_filter.m_color_select {justify-content: flex-start;}
    .color_select_filter .select_box {min-width: 100%;}
    .best_prd_review {flex-direction: column;}
    .best_prd_review .review_text {margin-top: 16px;font-size: 1.6rem;line-height: 2.4rem;}
    .best_prd_review .review_info {margin-top: 36px;}
    .review_list .grid {display: flex;flex-direction: column;gap: 0;}
    .review_list > li {padding: 24px 0;}
    .review_list > li > .grid_item:last-child {justify-content: left;}
    .review_list .user_info {margin-top: 4px;margin-bottom: 16px;display: flex;align-items: center;}
    .review_list .user_info li {margin-top: 0;margin-left: 8px;}
    .review_list .user_info li:first-child {margin-left: 0;}
    .review_list .btn_like {margin-top: 24px;}
    .review_details .review_cnt {font-size: 1.6rem;line-height: 2.4rem;}
    .review_details .point_list {display: block;margin-top: 16px;padding: 0;}
    .point_details .point_list:before {content: none;}
    .review_details .point_list:first-child {margin-top: 0;}
    .review_details .point_mall {margin-top: 16px;}
    .fixed_prd_inner {padding: 12px 20px;}
    .fixed_prd_inner .inner_btn {max-width: 100%;}
    .fixed_prd_inner .prdv_item {display: none;}
    .fixed_prd_inner .btn_buy {min-width: 140px;width: 50%;}

    .product_view.type_02 .prd_btn_list .btn_group .btn_nomal{font-size: 1.6rem;}
    .fixed_prd_inner .inner_btn_mo .btn_buy{width: 100%; max-width: none;}
    .fixed_prd_inner .solution_link {padding: 14px 14px 14px 16px;flex: 1;gap:8px;}

    .write_slide {padding: 40px 0;}
    .write_slide .write_slide_inner {margin: 0 20px;padding: 32px 20px 60px;}
    .write_slide_inner h3 {font-size: 2.4rem;line-height: 2.9rem;}
    .write_slide_inner h3 span::before {left: -32px;}
    .write_slide_inner h3 span::after {right: -32px;}
    .write_form {margin-top: 24px;}
    .write_form_list > li {padding: 24px 0;flex-direction: column;align-items: flex-start;}
    .write_form_list .tit {padding: 0;max-width: 100%;width: 100%;font-size: 1.8rem;line-height: 2.4rem;}
    .write_form_list .cnt {padding: 0;width: 100%;}
    .prdv_item .prdv_item_tit {font-size: 1.6rem;line-height: 2rem;}
    .prdv_item .prdv_item_about {margin-top: 4px;}
    .write_form_list .tit.essential:before {margin-left: 0;}
    .write_form_list .color_select_filter dt {flex: 0 0 115px;}
    .write_form_list .color_select_filter dd {width: 100%;}
    .write_form_list .opt_color {margin-top: 32px;margin-right: 0;gap: 8px;}
    .write_form_list .opt_color .brightness_bar .bar_tit {font-size: 1.4rem;line-height: 1.8rem;color: #76777a;}
    .write_form_list .opt_color .tone_bar {padding: 21px 0 22px;}
    .write_form_list .opt_color .tone_bar .bar_tit {font-size: 1.4rem;line-height: 1.8rem;color: #76777a;}
    .write_form_list .opt_color .side_bar {gap: 8px;}
    .starpoint_form {flex-direction: column;align-items: flex-start;gap: 8px;}
    .write_form_list .input_radio_wrap {flex-direction: column;gap: 12px;}
    .write_form .form_text_area textarea {margin-top: 64px;padding: 0 0 6px;height: 217px;}
    .write_form .form_text_area label {top: 24px;}
    .write_form .form_text_area textarea:focus,
    .write_form .form_text_area textarea:valid {height: 229px;margin-top: 52px;}
    .write_form .form_text_area textarea:focus ~ label,
    .write_form .form_text_area textarea:valid ~ label {padding-left: 0;}
    .write_form .btn_box {width: 136px;height: 136px;}
    .write_form .btn_box .btn_box_inner button ~ .btn_box_bg:after {width: 136px;height: 136px;}
    .write_form .btn_box .btn_box_inner {transform: translate(-4px, -4px);}
    .guide_text li {font-size: 1.4rem;line-height: 1.8rem;}
    .guide_text li + li {margin-top: 4px;}
    .product_view .tbl_list > li {min-height: 65px;padding: 0;align-items: inherit;}
    .product_view .tbl_slide {padding: 20px 0;}
    .product_view .tbl_slide > dt .toggle_action {top: -20px;bottom: -20px;}
    .product_view .tbl_slide > dt {font-size: 2rem;line-height: 2.5rem;}
    .tbl_slide > dt:before {top: 0.5px;right: 15px;height: 24px;}
    .tbl_slide > dt:after {top: 11.5px;right: 4px;width: 24px;}
    .tbl_slide > dd:before {height: 20px;}
    .inner_table .info_text {padding: 5px 0 10px;}
    .inner_table .inner_table_tit {font-size: 1.4rem;line-height: 1.8rem;}
    .inner_table .grid {gap: 0;}
    .inner_table .grid .grid_item {padding: 12px 16px;}
    .inner_table .inner_table_text {font-size: 1.4rem;line-height: 1.8rem;}
    .inner_table .grid .grid_item:nth-child(2) {padding-left: 16px;}
    .product_review {flex-direction: column;}
    .ingred_box .tit {font-size: 1.8rem;line-height: 2.3rem;}
    .ingred_box .top {flex-direction: column;}
    .ingred_box .select_warp {flex-direction: column;width: 100%;}
    .ingred_box .select_box_value {height: 44px;padding: 12px 48px 12px 20px;}
    .ingred_box .top .select_box .select_box_list > ul {max-height: 200px;}
    .ingred_box .btn_sm {margin: 16px 0 0;width: 100%;}
    .ingred_box .result {margin-top: 16px;max-height: 100%;overflow: visible;}
    .ingred_box .no_data {height: 181px;min-height: auto;}
    .ingred_box .no_data p {padding-top: 56px;font-size: 1.6rem;line-height: 2.4rem;}
    .ingred_box .ingred_data dt {font-size: 1.8rem;}
    .ingred_box .ingred_data dt span {font-size: 1.8rem;}
    .ingred_box .ingred_data dd {margin-top: 16px;font-size: 1.6rem;line-height: 2.4rem;}
    .img_file_item {gap: 20px;margin-top: 20px;}

    .terms_box > .tit {font-size: 1.8rem;word-break: break-all;}
    .terms_box .result {max-height: inherit;}
    .terms_box .input_check_wrap {padding: 16px;}
    .terms_box .top {margin-top:16px;}
    .terms_box .top .about_text {word-break: break-all;}
    .terms_box .top .about_text + .input_check_wrap {margin-top: 16px;}
    .terms_box .term_list {height: 100%;padding: 16px;}
    .term_list li:first-child {margin-top: 16px;}
    .terms_modal .btn_group .btn_primary {width: 100%;}

    .terms_info_box {margin-top: 16px;}
    .terms_info_box .info_top {padding:17px 16px;}
    .terms_info_box .info_cont {padding: 15px 16px;}
    .terms_info_box .info_cont .term_list{padding:0;}
    .terms_info_box .term_list li {font-size: 1.4rem;line-height: 1.8rem;word-break: break-all;}

    .bottom_info {display: block;}
    .bottom_info p {font-size: 1.4rem;line-height: 1.8rem;}
    .bottom_info .input_radio_wrap {margin-top:16px;}

    .faq .tbl_top {position: relative;flex-direction: column;align-items: flex-start;}
    .faq .filter_item {display: none;}
    .faq .btn_search_opt.open ~ .filter_item {display: block;width: 100%;position: relative;width: 100%;height: 44px;padding: 20px 0 4px;}
    .faq .tbl_slide {padding: 0;width: 100%;}
    .faq .tbl_list > li {min-height: auto;}
    .faq .tbl_list .tbl_type {font-size: 1.4rem;}
    .faq .tbl_slide > dt {font-size: 2rem;line-height: 2.5rem;}
    .faq .tbl_slide > dt .toggle_action {top: -41px;bottom: -16px;}
    .faq .tbl_slide .text_box {font-size: 1.6rem;line-height: 2.4rem;}
    .faq .input_radio_wrap span + span {margin-left: 16px;}
    .faq .hash_list {margin-top: 16px;}
    .faq .hash_list li {padding: 6px 12px;font-size: 1.4rem;}

    .modal_wrap.open {overflow: auto;}
    .modal_wrap .modal.pop_ifr{bottom:auto; height: 75vh;}
    .modal_wrap .modal.pop_ifr .cont {height: 100%;}
    .modal_wrap .modal.pop_ifr iframe {height: 100%;}
    .modal_wrap .cont {display: flex;}

    #sub_container .gap_100.best_review {padding-top: 40px;}
    .best_review .sub_top {padding: 0;}
    .best_review .sub_top h2 span {font-size: 2rem;line-height: 2.5rem;padding: 20px 39px 19px;height: auto;}
    .best_review .sub_top .tit_about {padding: 51px 0 0;}
    .best_review .tit_about dt {font-size: 4.8rem;line-height: 5.8rem;}
    .best_review .tit_about dd {margin-top: 0;font-size: 1.8rem;line-height: 2.3rem;}
    .best_review .tit_about dd:after {margin: 24px auto 0;width: 40px;height: 50px;background-size: 40px;}
    .best_review .review_slide {margin-top: 24px;}
    .best_review .review_box {margin-top: 40px;}
    .review_slide .review_left {padding: 40px 24px;}
    .review_slide .review_right:after {width: 82px;height: 82px;bottom: 24px;right: 40px;background-size: 82px;}
    .review_slide .review_text {margin-top: 16px;font-size: 1.6rem;line-height: 2.4rem;}
    .review_slide .slide_item {width: 656px;height: 412px;}
    .review_slide .review_more {left: 24px;font-size: 2.4rem;line-height: 2.9rem;}

    .br_about_text > span.step01 {margin-top: 0 !important;}
    .br_about_text > span:not(.br_logo) {margin-top: -6px;font-size: 4.8rem;line-height: 5.8rem;}
    .br_about_text .br_logo img {width: 180px;}
    .brand_philosophy .tit {font-size: 3.2rem;line-height: 3.8rem;}
    .brand_philosophy dd {margin-top: 16px;padding-bottom: 184px;}
    .brand_philosophy .text {font-size: 1.6rem;line-height: 2.2rem;font-weight: 700;}
    .brand_about_01.active .brand_philosophy {animation: brandScr 0.7s forwards linear;animation-delay: 1.7s;}

    .brand_philosophy {position:absolute;bottom:-100%;left:0%;width:100%;transform: none;}
    @-webkit-keyframes brandScr {
        100%{bottom:0}
    }

    @keyframes brandScr {
        100%{bottom:0}
    }
    .brand_about_02 {padding: 120px 20px 100px;}
    .brand_about_02 .step_01 .number > svg {width: 144px;height: 244px;vertical-align: top;}
    .brand_about_02 .step_02 .number > svg {width: 164px;height: 248px;vertical-align: top;}
    .brand_about_02 .step_03 .number > svg {width: 162px;height: 250px;vertical-align: top;}
    .brand_about_02 .step_about .tit {font-size: 3.2rem;line-height: 3.8rem;}
    .brand_about_02 .step_about .cnt {font-size: 1.6rem;line-height: 2.2rem;}
    .brand_about_02 .step_04 .step_final dt svg {display: none;}
    .brand_about_02 .step_04 .step_final dt svg.m_path {display: block;}
    .brand_about_02 .step_04 .step_final dd {padding: 1px 0;font-size: 1.6rem;line-height: 2.2rem;}
    .brand_about_02 .brand_bg:before {background: url("/resources/images/brand/brand_bg_02_mo.png") no-repeat center;background-size: cover;}
    .brand_about_03 .brand_why {padding: 60px 20px;}
    .brand_about_03 .brand_why .about_tit dt {padding: 0;font-size: 3.2rem;line-height: 3.8rem;}
    .brand_about_03 .brand_why .about_tit dd {margin-top: 16px;font-size: 1.6rem;line-height: 2.4rem;font-weight: 700;}
    .brand_about_03 .why_list {margin-top: 80px;}
    .brand_about_03 .why_list li {margin-top: 80px;}
    .brand_about_03 .why_list dd .tit {font-size: 2rem;line-height: 2.8rem;}
    .brand_about_03 .why_list dd p + p {margin-top: 16px;}
    .brand_about_03 .why_list dd {font-size: 1.6rem;line-height: 2.4rem;font-weight: 700;}
    .brand_about_04 .brand_about_inner {padding: 172px 20px 60px;}
    .brand_about_04 .brand_cosmatic dd {font-size: 2rem;line-height: 2.85rem;}
    .brand_about_04 .brand_bg:before {background: url("/resources/images/brand/brand_bg_04_mo.png") no-repeat center;background-size: cover;}
    .brand_count {margin-top: 40px;}
    .brand_count_item .tit {font-size: 1.6rem;line-height: 2rem;line-height: 2.8rem;}
    .brand_count_item .count_num {font-size: 4.8rem;line-height: 6.7rem;}
    .brand_count_item {padding-left: 64px;}
    .brand_count_item.count_user,
    .brand_count_item.count_national,
    .brand_count_item.count_option {background-position: 0 45px;background-size: 40px;}

    .br_about_text .text_wrap{display:block;width: 285px; height: auto;margin:0 auto;color:#DBF068; text-align: left;font-size: 3.6rem;}
    .br_about_text .text_wrap > span{position:relative;display: block;}

    .brand_about_01.active .br_about_text {opacity:1;animation: brandLoading .4s forwards linear;animation-delay:2s;}
    .brand_about_01 .br_about_text {opacity:0;transition:opacity 1s;}
    .br_about_text {position:absolute;width: 100%; height: auto; bottom:50%;left:0;transform:translateY(50%);}
    .brand_about_01.active .br_about_text .step01 {left:0}
    .brand_about_01.active .br_about_text .step02 {left:0}
    .brand_about_01.active .br_about_text .step03 {left:0;}
    .brand_about_01.active .br_about_text .step04 {transform:translateY(0)}
    .br_about_text .step01 {left:-192px;transition:all .7s;}
    .br_about_text .step02 {left:108px;transition:all .7s;}
    .br_about_text .step03 {left:80%;transition:all .7s;}
    .br_about_text .step04 {transform:translateY(40px);transition:all .7s;}

    @-webkit-keyframes brandLoading {
        100%{bottom:120%;}
    }
    @keyframes brandLoading {
        100%{bottom:120%;}
    }

    .grid {grid-template-columns: repeat(4, 1fr);}
    .grid .grid_item.mo_col_4 {grid-column: span 4;}
    .grid .grid_item.mo_col_3 {grid-column: span 3;}
    .grid .grid_item.mo_col_2 {grid-column: span 2;}
    .grid .grid_item.mo_col_1 {grid-column: span 1;}
    .grid .grid_item.mo_col_4.mo_start_1 {grid-column: 1 / span 4 !important;}
    .grid .grid_item.mo_col_3.mo_start_1 {grid-column: 1 / span 3 !important;}
    .grid .grid_item.mo_col_3.mo_start_2 {grid-column: 2 / span 3 !important;}
    .grid .grid_item.mo_col_2.mo_start_1 {grid-column: 1 / span 2 !important;}
    .grid .grid_item.mo_col_2.mo_start_2 {grid-column: 2 / span 2 !important;}
    .grid .grid_item.mo_col_2.mo_start_3 {grid-column: 3 / span 2 !important;}
    .grid .grid_item.mo_col_1.mo_start_1 {grid-column: 1 / span 1 !important;}
    .grid .grid_item.mo_col_1.mo_start_2 {grid-column: 2 / span 1 !important;}
    .grid .grid_item.mo_col_1.mo_start_3 {grid-column: 3 / span 1 !important;}
    .grid .grid_item.mo_col_1.mo_start_4 {grid-column: 4 / span 1 !important;}

    .modal_wrap .modal {padding: 20px;margin-top: 0;top: 88px;left: 20px;right: 20px;bottom: 40px;transform: none;-webkit-transform: none;}
    .modal_wrap .modal_close {top: -48px;width: 40px;height: 40px;background-size: contain;}
    .modal_wrap.full_modal {overflow: auto;}
    .modal_wrap.full_modal .modal_inner {position: fixed;top: 0;left: 0;width: 100%;height: 100%;overflow-y: auto;z-index: 600;}
    .modal_wrap.full_modal .modal_inner::-webkit-scrollbar {display: none;}
    .modal_wrap.full_modal .modal {position: relative;bottom: 0;padding: 0px 0 40px;background:none;}
    .modal_wrap.full_modal .modal .cont {height: auto;padding: 20px;background: #fff;}

    .prd_filter .total{display: none;}
    .prd_filter .cate_order{grid-column: 1 / span 4;}
    .prd_filter .order, .prd_filter .category{flex: 1 1 50%;}
    .prd_filter .select_box.category .select_box_list{width:calc(200% + 8px)}
    .prd_filter .select_box.category .select_box_list > ul {padding-top:24px;}
    .prd_filter .select_box.category .select_box_list > ul > li:not(.list-group_opt) {padding:0 24px;}
    .prd_filter .select_box.category .depth_2_tit {margin:8px 0;}
    .prd_filter .select_box.category .two_col {flex-direction:column;}
    .prd_filter .select_box.category .two_col .col + .col {margin-left:0}
    .prd_filter .select_box.category .two_col .col {flex-basis: 100%;flex-shrink:0;}
    .prd_item{padding: 24px;border-radius: 10px;}
    .prd_item .prd_badge{width: 40px; margin: 16px;}
    .prd_item .prd_badge img:first-child{margin-top: 8px;}
    .prd_item .about_info{margin-bottom: 24px;padding-right: 30px;}
    .prd_item .about_info .e_name{font-size: 2rem;line-height: 1.4;}
    .prd_item .about_info .name{font-size: 1.4rem;}
    .prd_item .about_info .price{font-size: 1.4rem;line-height: 1.4;}
    .prd_item:hover .hash_area.hash_hide{transform: translateY(0);opacity: 0;visibility: hidden;}
    .prd_item:hover .img_box img{visibility: visible; opacity: 1;}
    .prd_item:hover .img_box .img_hover{visibility: hidden; opacity: 0;}
    .prd_list_wrap .more_paging{margin-top: 40px;padding-bottom: 60px;}
    .prd_item.soon .soon_wrap p {font-size:2rem;}

    /* 리뷰 모달 팝업 */
    .review_modal .cont {flex-direction: column;max-height: none;}
    .review_modal .review_txt {height: 50%;}
    .review_modal.modal_wrap .modal .cont {height: auto;padding: 0;}
    .review_modal .review_img {flex: 0 0 314px;}
    .review_modal .review_detail .user_info {margin-bottom: 16px;}
    .review_modal .review_detail .comments {font-size: 1.6rem;line-height: 1.5;}
    .review_modal .review_info .date_box {margin-bottom: 16px;}
    .review_modal .review_info .product_box .info {padding: 12px 8px 16px 24px;}
    .review_modal .review_info .product_box .info .name {height: 44px;font-size: 1.6rem;line-height: 1.5;}

    /* main 모달 */
    .info_modal .modal {top: 50%;left: 50%;max-width:320px;padding: 0;transform: translate(-50%, -50%);bottom:inherit;}
    .info_modal .modal .cont {display:block;height:383px;}
    .info_modal .modal_footer .modal_close {width:auto;height:auto;}
    .info_modal .modal .cont .swiper {height:100%;}
    .info_modal .swiper-pagination {bottom:8px;}
    .info_modal .modal .cont .text_wrap{bottom:26px;}
    .info_modal .modal .cont .text_wrap .tit {height:22px;margin-bottom:8px;font-size:1.8rem;}
    .info_modal .modal .cont .text_wrap .txt {height:25px;font-size:1rem;}
    .info-modal-swiper .swiper-button-prev, .info-modal-swiper .swiper-button-next {display:none;}

    /* 브랜드 스토어 */
    #sub_container .brand_store {padding-top: 56px;}
    .brand_store .br-hide {display: none;}
    .brand_store .sub_top h2 {width: auto;min-height: auto;font-size: 4.8rem;line-height: 5.8rem;}
    .brand_store .sub_top h2.ico_star .ico {width: 32px;height: 32px;left: -30px;top: -16px;background-size: 32px;}
    .brand_store .sub_top .tit-txt {margin-top: 8px;font-size: 1.8rem;line-height: 2.6rem;}
    .brand_store .store_cont {margin-top: 32px;}
    .brand_store .store_cont .store_list .tit_cont {height: 80px;min-height: auto;}
    .brand_store .store_cont .store_list .tit_cont .cont_tit {font-size: 2.4rem;}
    .brand_store .store_cont .store_list .full_visual_img {display: flex;justify-content: center;align-items: center;min-height: 66.666666vw;}
    .brand_store .store_cont .store_list .full_visual_img img {width: auto;max-width: 170%;transform: none;}
    .brand_store .store_cont .store_list .img_txt {padding: 0;margin-top: 32px;}
    .brand_store .store_cont .store_list .img_txt strong {font-size: 2rem;line-height: 2.8rem;word-break: break-all;}
    .brand_store .store_cont .store_list .img_txt .txt {font-size: 1.6rem;line-height: 2.4rem;word-break: break-all;}
    .brand_store .store_cont .store_list .img_view {display: block;margin-top: 32px;}
    .brand_store .store_cont .store_list .img_view li {height: 61.11111vw;}
    .brand_store .store_cont .store_list .img_view li + li {margin-top: 16px;}
    .brand_store .store_cont .store_list .img_view .full {max-height: 100%;}
    .brand_store .store_cont .store_list .img_view li img {height: 100%;object-fit: cover;object-position: center;}
    .brand_store .store_cont .store_list .info_box {padding: 24px;margin-top: 32px;}
    .brand_store .store_cont .store_list .info_box .info-list li + li {margin-top: 6px;}
    .brand_store .store_cont .store_list .info_box .info-list li em {min-width: 72px;font-size: 1.6rem;line-height: 24px;}
    .brand_store .store_cont .store_list .info_box .info-list li span {font-size: 1.6rem;line-height: 24px;}
    .brand_store .store_cont .store_list + .store_list {margin-top: 60px;}
    body.en .brand_store .store_cont .store_list .info_box .info-list li em {min-width: 130px;}

    .sub_top_about h3 {padding: 16px 0 8px;font-size: 2.4rem;line-height: 1.25;}
    .sub_top_about .info_text .tit {font-size: 1.6rem;text-align:center;}
    .sub_top_about .info_text .date {font-size: 1.4rem;line-height: 1.85rem;}

    .comment_info .user_name {font-size: 1.8rem;line-height: 2.3rem;}
    .comment_box .comment_text,
    .answer_box .comment_text {font-size: 1.6rem;line-height: 2.4rem;}
    .event_view .answer_box {margin-left: -54px;}
    .event_view .bubble.answer_box::after {left: 40px;}
    .answer_box.review {padding: 16px 16px 16px 40px;}

    .page_ctrl {flex-direction: column;margin-bottom: -24px;}
    .page_ctrl .prev_page {border-right: 0;border-bottom: 1px solid #dbdbdb;}
    .page_ctrl .prev_page,
    .page_ctrl .next_page {display:block;padding: 24px 0 24px 0;}
    .page_ctrl .prev_page .btn_page,
    .page_ctrl .next_page .btn_page {display:block;padding: 0 0 0 48px;text-align:left;}
    .page_ctrl .prev_page .btn_page:before,
    .page_ctrl .next_page .btn_page:after {top:auto;bottom:0;width:26px;height:26px;background-size:100%;}
    .page_ctrl .next_page .btn_page:after {left:0;right:auto;}
    .page_ctrl .btn_page {font-size: 2rem;line-height: 1.25;}
    .page_ctrl .btn_page p {-webkit-line-clamp: 1;}

    .view_info {height: 108px;margin-top: 0;}
    .view_info_inner {padding-bottom: 16px;}
    .view_info_inner.fixed {top: 80px;}
    .view_info .go_back {display: none;}
    .view_cnt {padding: 24px 0;}
    .view_cnt_area p {font-size: 1.6rem;line-height: 1.5;}
    .view_cnt_area p img {width: 100%;}
    .view_cnt_area strong,
    .view_cnt_area b {font-size: 2rem;line-height: 1.25rem;}
    .view_cnt .download_lst {padding-top: 24px;}
    .view_cnt .download_lst .img_list li {width:154px;height:154px;}
    .view_cnt .answer_box {margin-top: 36px;padding: 16px 16px 16px 70px;}
    .view_cnt .download_lst .download_file {padding: 14px 16px 14px 50px;font-size: 1.4rem;}
    .btn_arrow.btn_box {width: 176px;height: 54px;}
    .btn_arrow .btn_box_inner {margin: -4px 0 0 -4px;padding: 16px 40px 16px 24px;}
    .btn_arrow .btn_box_inner > span i {font-size: 1.6rem;line-height: 1.6rem;}
    .btn_arrow .btn_box_inner:after {right: 16px;}

    /* 마이페이지 */
    .mypage .view_info {margin-top: 40px;}
    .mypage .tbl_top.type02 {align-items: flex-start;flex-direction: column-reverse;padding: 10px 0 16px;}
    .mypage .tbl_top.type02 .total_num {margin-top:40px;}
    .mypage_top {padding: 40px 0 24px;}
    .my_profile {flex-direction: column;align-items: center;}
    .my_profile .profile_img {flex: auto;width: 220px;}
    .my_profile .profile_img::before {top:-40px;height:40px;}
    .my_profile .profile_info {align-items: center;margin: 0;margin-top: 24px;}
    .my_profile .profile_info .user_name {font-size: 1.6rem;line-height: 1.2;}
    .my_profile .profile_info .color_code {margin-top: 4px;font-size: 3.6rem;}

    .color_history {margin: 40px auto 0;}
    .history_cnt {padding-bottom: 24px;}
    .history_cnt:before {left: 34px;}
    .history_cnt .color_circle {top: 0;width: 68px;height: 68px;}
    .history_cnt .left .tit,
    .history_cnt .right .tit {padding-left: 92px;}
    .history_cnt .left .info_box,
    .history_cnt .right .info_box {margin-left: 0px;}
    .history_cnt .tit .info {font-size: 1.8rem;line-height: 1.27;}
    .history_cnt .tit .info span + span::before {top: 11px;}
    .history_cnt .color_id {font-size: 1.8rem;line-height: 1.4;}
    .history_cnt .tit .color_id {margin-top: 8px;display: inline-block;}
    .history_cnt .info_box .btn_delete {top: 8px;right: 8px;}
    .history_cnt .color_product .thumb_tit,
    .history_cnt .choice_product .product_box .info {padding-right: 0;}
    .history_cnt:last-child {padding-bottom: 0;}
    .history_cnt {padding-bottom: 40px;}

    .mypage_home .mypage_tit_wrap.btm_line {border-bottom: 0px;}
    .mypage_home .tbl_top {flex-direction: column;align-items: flex-start;position: relative;padding: 24px 0 0;}
    .mypage_home .tbl_top .btn_search_opt {top: 24px;}
    .mypage_home .tbl_top .btn_code {margin-left: 0;}
    .mypage_home .history_cnt .info_box .inner {padding: 32px 16px 24px 16px;}
    .mypage_home .history_cnt .tit .info span + span {display: block;padding-left: 0;margin-left: 0;}
    .mypage_home .history_cnt .tit .info span + span::before {display: none;}
    .mypage_home .history_cnt .tit {margin-bottom: 0;}
    .mypage_home .btn_search_opt {width: 30px;text-indent: -9999px;}
    .mypage_home .btn_search_opt i {width: 26px;height: 26px;background: url("/resources/images/icon/ico_26_input_filter.svg") 100%  no-repeat;}
    .mypage_home .btn_search_opt.open i {transform: none;}

    .my_nodata {padding-top: 40px;}
    .my_nodata p {font-size: 1.6rem;line-height: 1.5;}
    .my_nodata p em {font-size: 2rem;margin-bottom: 16px;}
    .my_nodata .btn {display:none;}

    .colorcode_btn {display: none;}

    /* 마이페이지 - Q&A리스트 */
    .mypage_tit_wrap {padding-top: 40px;}
    .mypage .tbl_list .tbl_state {align-self: flex-start;}
    .mypage .tbl_list li {gap: 0;}
    .mypage .tbl_list .tbl_tit {margin-top: 4px;}
    .mypage .tbl_list .tbl_state .state {margin-top: 8px;}

    /* 마이페이지 - Q&A 상세*/
    .mypage.board_view .comment_text {margin-left: -54px;}
    .mypage.board_view .comment_img {padding: 16px 0;}

    /* 마이페이지 - myInfo */
    .tbl_my_info {margin-top: 40px;}
    .tbl_my_info .info_col {padding: 16px 0;font-size: 1.6rem;line-height: 1.25;}
    .tbl_my_info .info_col:nth-child(2) {flex-basis: 100%;width: 100%;border-top: 1px solid #dbdbdb;}
    .tbl_my_info .info_col dt {flex: 0 0 118px;padding-right: 20px;}
    .tbl_my_info .info_col dd {padding-right: 0;}
    .tbl_my_info .info_col.several {padding: 16px 0;}
    .tbl_my_info .info_col.several dd {white-space: inherit;}
    .mypage_info .txt_info {font-size: 1.4rem;line-height: 1.8rem;word-break: break-all;}
    .mypage .tbl_my_info li {padding: 0;gap: 0;}

    .board_view .sub_top_about .mypage_tit_wrap,
    .board_view .sub_top_about h2,
    .board_view .sub_top_about .about_text {display: none;}

    /* 피부 측정 */
    .skin_tone .top_visual {height: 516px;background:url('/resources/images/skintone/skin_bg_mo.png') no-repeat 0 30%; background-size:cover;}
    .skin_tone .top_visual .brand_philosophy .tit {font-size: 3.2rem;line-height: 3.8rem;letter-spacing: 0px;}
    .skin_tone .top_visual .brand_philosophy .tit p + p {margin-left: -0.15rem;}
    .skin_tone .top_visual .brand_philosophy dd {padding-bottom: 104px;margin-top: 16px;}
    .skin_tone .top_visual .brand_philosophy dd .text {font-size: 1.6rem;line-height: 2.6rem;}
    .skin_tone .top_visual .brand_philosophy dd .text br {display: block;}
    .skin_tone .top_visual .brand_philosophy .ani_line {height: 80px;}
    /* .skin_tone .tone_cont .section_tit.active em:last-child span {left: 100%;transform: translateX(-100%);white-space: nowrap;} */
    .skin_tone .skin_tone_finder .section_tit.active em:last-child span {left:56%;white-space: nowrap;}
    .skin_tone .skin_tone_picker .section_tit.active em:last-child span {left:26%;}
    .skin_tone .tone_cont .section_tit span {font-size: 48px;}
    .skin_tone .tone_cont .section_tit em {min-height: 67px;}
    .skin_tone .tone_cont .section_tit em:first-child span {left: 85%;transform: translateX(-85%);}
    .skin_tone .tone_cont .section_tit em:last-child {margin-top: -22px;}
    .skin_tone .tone_cont .section_tit::before {width: 32px;height: 32px;background-size: 32px;}
    .skin_tone .tone_cont .tit_txt {font-size: 1.6rem;font-weight: 700;line-height: 2.6rem;}
    .skin_tone .tone_cont_btn .btn_box_inner {width: 232px;height: 54px;padding: 0 24px;}
    .skin_tone .tone_cont_btn .btn_box_inner:after {right: 16px;}
    .skin_tone .tone_cont_btn .btn_box_inner > span i {font-size: 1.6rem;font-weight: 600;line-height: 5.3rem;}
    .skin_tone .tone_cont_btn .btn_box {width: 232px;height: 54px;}
    .skin_tone .tone_cont .swiper-container {margin-top: 40px;overflow:visible;}
    .skin_tone .tone_cont .swiper-wrapper {max-height: 100vh;height: 107vw;}
    .skin_tone .step_cont > li {aspect-ratio:auto;}
    .skin_tone .step_cont .img {max-height: 100%;min-height:0; aspect-ratio:auto;}
    .skin_tone .step_cont .step {margin-top: 24px;font-size: 1.8rem;}
    .skin_tone .step_cont .img_txt {font-size: 1.6rem;font-weight: 700;}

    /* 마이페이지 모달팝업 */
    .mypage_modal .modal {width: auto;bottom: auto;top: 50%;left: 20px;right: 20px;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
    .mypage_modal.mypage_profile_modal .modal {top: 88px;left: 20px;right: 20px;bottom: 40px;transform: none;-webkit-transform: none;}
    .mypage_modal .modal_wrap .modal {padding: 24px;margin-top: 108px;}
    .mypage_modal .tit {font-size: 1.8rem;}
    .mypage_modal .input_group {flex-direction: column;padding-bottom:24px;margin-top:16px;}
    .mypage_modal .input_group .btn {width: 100%;margin: 0;margin-top: 16px;}
    .mypage_modal .input_radio_wrap {padding: 24px 0 0;}

    .mypage_modal .profile_update_box {gap: 16px;height: calc(100% - 60px);}
    .mypage_modal .profile_update_box .profile_type {width: calc(50% - 8px);}
    .mypage_modal .tit span {display: block;padding-left: 0;margin-top: 4px;font-size: 1.4rem;}
    .mypage_modal .cont {height: calc(100% - 60px);}
    .mypage_modal.mypage_profile_modal .cont {height: 100%;}
    .mypage_modal .cont .btn {width: 100%;}
    .mypage_modal .btn_group {padding-top: 16px;margin-top: 0;border-top: 0;}

    /* 마이페이지 - 컬러 히스토리 */
    .history_cnt .choice_product .product_box .info .name {font-size: 1.6rem;line-height: 1.375;}
    .my_color_history .color_history {margin-top: 0px;padding-top: 0;}
    .my_color_history .history_cnt {min-width: 320px;padding-top: 40px;}
    .my_color_history .history_cnt .product {white-space: normal;}
    .my_color_history .history_cnt .info_box {padding: 24px 16px;}
    .my_color_history .history_cnt .tit .info {display: block;}
    .my_color_history .history_cnt .tit .info > span {display: block;}
    .my_color_history .history_cnt .tit .info > span + span {padding-left: 0;margin-left: 0;}
    .my_color_history .history_cnt .tit .info > span + span:before {display: none;}
    .color_history .slide_btn_group {display: none;}
    .color_history .flip_card {margin-top: 16px;}
    .color_history .flip_card::before {display: none;}
    .my_color_history .btn_wrap {margin-top: 40px;}
    .my_color_history .btn_wrap .btn_arrow.btn_box {width: 186px;}
    .my_color_history .mypage_tit_wrap.btm_line {border: 0;}
    .my_color_history .tbl_top {flex-direction: column;align-items: flex-start;position: relative;padding-bottom: 0;}
    .history_swiper .swiper-wrapper {flex-direction: column;}
    .flip_card {cursor: pointer;}
    .flip_card:hover .card_inner {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);}
    .flip_card.open .card_inner {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}

    /* 제품 목록 */
    .prd_top {padding: 16px 0 40px;}
    .prd_top .deco .ico_star_b {height: 32px;}
    .prd_top .deco p {margin-top: 8px;font-size: 2rem;}
    .prd_top_img {margin-top: 32px;margin-left: 18.75%;margin-right: 6.25%;}
    .prd_top .prd_top_img {margin-top: 32px;}
    .prd_top .prd_top_img::before {left: -40px;bottom: 11%;}

    .prd_filter .total {display: none;}
    .prd_filter .cate_order {grid-column: 1 / span 4;}
    .prd_filter .order,
    .prd_filter .category {flex: 1 1 50%;}
    .prd_filter .select_box.category .select_box_list {width: calc(200% + 8px);}
    .prd_filter .select_box.category .select_box_list > ul {padding-top: 24px;}
    .prd_filter.select_box.category.select_box_list> ul> li:not(.list-group_opt) {padding: 0 24px;}
    .prd_filter .select_box.category .depth_2_tit {margin: 8px 0;}
    .prd_filter .select_box.category .two_col {flex-direction: column;}
    .prd_filter .select_box.category .two_col .col + .col {margin-left: 0;}
    .prd_filter .select_box.category .two_col .col {flex-basis: 100%;flex-shrink: 0;}
    .prd_item {padding: 24px;border-radius: 10px;}
    .prd_item .prd_badge {width: 40px;margin: 16px;}
    .prd_item .prd_badge img:first-child {margin-top: 8px;}
    .prd_item .about_info {min-height: auto;margin-bottom: 24px;padding-right: 30px;}
    .prd_item .about_info .e_name {font-size: 2rem;line-height: 1.4;}
    .prd_item .about_info .name {font-size: 1.4rem;}
    .prd_item .about_info .price {font-size: 1.4rem;line-height: 1.4;}
    .prd_list_wrap .more_paging {margin-top: 40px;padding-bottom: 60px;}

    .prd_list_wrap .prd_list_tit {position: relative;top: 0px !important;left: 0 !important;padding: 0;font-size: 3.2rem !important;line-height: 1.18;text-align: left !important;}
    .prd_list_wrap #line_ani.division_line {display: none !important;}
    .prd_list_wrap {padding-top: 32px !important;}
    .prd_top .prd_top_img::after {left: calc(50% - 26px);height: 60%;}

    /*  form - 셀렉트박스, 인풋, 텍스트 */
    .form_select_box {max-width: 100%;}
    .form_select_box .select_box_value,
    .form_input_group {height: 70px;}
    .form_select_box .select_box_value,
    .form_input_group .input_text {padding: 16px 0;}
    .form_select_box label,
    .form_text_area label,
    .form_input_group label {left: 0;font-size: 1.8rem;line-height: 1.27;}
    .form_select_box .select_box_value > span {line-height: 54px;}
    .form_select_box .select_box_value::after {top: 38px;right: 0;}
    .form_select_box .select_box_list {top: 70px;}
    .form_select_box label,
    .form_input_group label {top: 30px;transform: translateY(0);}
    .contact_form .form_input_group,
    .contact_form .form_text_area {margin-top: 8px;}
    .form_input_group .input_text {height: 45px;}
    .form_text_area textarea {height: 259px;margin-top: 30px;margin-bottom: 28px;padding: 40px 0 30px;font-size: 1.6rem;line-height: 1.5;}
    .form_text_area textarea:focus,
    .form_text_area textarea:valid {margin-top: 32px;padding: 0px;}

    /* Q&A */
    .contact_info {padding: 40px 0;}
    .contact_info h2 {font-size: 4.8rem;line-height: 1.125;}
    .contact_info .info_img {order: 1;top: 0;margin-left: 0;padding-top: 24px;}
    .contact_info .info_img .img_pc{display: none;}
    .contact_info .info_img .img_mo{display: block;}
    .contact_info .ico_star {top: 0;right: 0;left: auto;bottom: auto;width: 37.5%;height: auto;min-width: 120px;min-height: 120px;}
    .contact_info .info_text {order: 2;}
    .contact_info .info_msg {font-size: 1.6rem;line-height: 1.4;white-space: normal;}
    .contact_info .info_msg em {margin-bottom: 16px;font-size: 2rem;line-height: 1.3;}
    .contact_info .info_list {margin-top: 16px;}
    .contact_info .info_list dd p {margin-bottom: 8px;}
    .contact_info .btn_box_wrap { margin-top: 80px;}
    .contact_form {padding: 40px 0;}
    .contact_form .grid_wrap {padding-top: 32px;}
    .contact_form h3 {font-size: 2.4rem;line-height: 1.2;}
    .contact_form h3 span::before {left: -32px;}
    .contact_form h3 span::after {right: -32px;}
    .contact_form .form_input_group {padding-top: 30px;}
    .inquiry_form {padding-top: 24px;}
    .inquiry_form .file_uploader {margin-top: 24px;}
    .inquiry_form .file_uploader label ~ .file_name{width: 100%;max-width:280px;}
    .inquiry_form .file_uploader .file_name input{width: 100%;}
    .inquiry_form .file_uploader_desc {word-break: break-all;}
    .contact_form .btn_box {width: 136px;height: 136px;}
    .contact_form .btn_box .btn_box_text p {font-size: 1.6rem;}
    .contact_form .btn_box .btn_box_inner button ~ .btn_box_bg:after {width: 100%;height: 100%;}
    .contact_form .btn_box .btn_box_inner {transform: translate(-2px, -2px);}

    /* 검색옵션 버튼 */
    .tbl_top .btn_search_opt.open ~ .inp_wrap {overflow: visible;display: flex;flex-direction: column;align-items: flex-start;width: 100%;height: auto;margin-left: 0;margin-top: 16px;}
    .tbl_top .btn_search_opt ~ .inp_wrap {overflow: hidden;width: 100%;height: 0;}
    .tbl_top .btn_search_opt ~ .inp_wrap .select_box {width: 100%;}
    .tbl_top .btn_search_opt ~ .inp_wrap .select_box + .select_box {margin-top: 8px;margin-left: 0;}
    .tbl_top .btn_search_opt ~ .search_opt .search_inp {width: 100%;margin-left: 0;margin-top: 8px;}
    .tbl_top .btn_code {width: 100%;margin-left: 0;margin-top: 24px;height: 48px;}
    .btn_search_opt {display: block;position: absolute;top: 60px;right: 0;display: flex;align-items: center;font-weight: 700;font-size: 1.6rem;line-height: 1.5;}
    .btn_search_opt i {display: inline-block;height: 16px;width: 16px;margin-left: 4px;background: url("/resources/images/icon/ico_16_arrow_down_b.svg") right  center/contain no-repeat;}
    .btn_search_opt.open i {transform: rotate(180deg);}

    /* 커뮤니티 - 메인 */
    #sub_container .gap_80.community {padding-top: 40px;}
    .community .sub_top_about h2 {margin-right: -14px;padding-right: 32px;font-size: 4.8rem;line-height: 1.4;background-size: 32px;}
    .community .sub_top_about .about_text {font-size: 1.8rem;}
    .community .tit_wrap {padding: 60px 0 8px;}
    .community .community_cont {margin-top: 0;}
    .community .view_all {font-size: 1.6rem;line-height: 1.25;}
    .faq_category {flex-wrap: wrap;gap: 0;margin-top: 0;}
    .faq_category a {padding: 32px 0 0;}
    .faq_category a .icon {width: 40px;height: 40px;background-size: 40px;}
    .faq_category a .txt {margin-top: 8px;font-size: 1.6rem;line-height: 1.25;}
    .community .best_prd_review {margin-top: 16px;}
    .community .community_contact {margin-top: 40px;padding: 190px 0 60px;background: url("/resources/images/contact/img_community_mo.png") 80% center / cover no-repeat;}
    .community_contact .tit {font-size: 3.2rem;}
    .community_contact .desc {width: 240px;margin-top: 16px;font-size: 1.6rem;line-height: 1.4;}
    .community_contact .btn_box {margin-top: 40px;}

    /* 리스트 상단 검색 영역 */
    .tbl_top {padding: 60px 0 16px;}

    /* 리스트 */
    .tbl_list .tbl_date {display: none;}
    .tbl_list > li {flex-direction: column;align-items: flex-start;gap: 4px;min-height: auto;padding: 16px 0;}
    .tbl_list .tbl_type {padding: 0 0;font-size: 1.4rem;line-height: 1.28;}
    .tbl_list .tbl_tit {flex: 0;width: 100%;padding: 0;font-size: 2rem;line-height: 1.25;}
    .tbl_list .tbl_state {width: 76px;}
    .tbl_list .tbl_state .state {display: inline-block;padding: 5px 12px;font-size: 1.4rem;}

    /* 공지사항 */
    .news_list .tbl_top {position: relative;flex-direction: column;align-items: flex-start;}

    /* 당첨자 발표 리스트 */
    .event_result .tbl_top {position: relative;flex-direction: column;align-items: flex-start;}

    /* 에러 페이지 */
    .error-page {background: url("../images/error/bg_error_mobile.png") no-repeat center top;background-size: cover;height: -webkit-fill-available;overflow: hidden;}
    .error-page header {height: 80px;}
    .error-page header .header_wrap {padding: 20px;}
    .error-page #sub_container {height:100vh;padding-bottom: 0;}
    .error-page .grid_wrap {min-height:667px;padding-bottom: 64px;justify-content: flex-start;height:-webkit-fill-available;}
    .error-page .error-cont .tit {font-size: 48px;}
    .error-page .error-cont em.txt {font-size: 2rem;}
    .error-page .error-cont p.txt {font-size: 1.6rem;line-height: 2.4rem;}
    .error-page .btn_box {width: 176px;height: 54px;}
    .error-page .btn_box_inner {width: 176px;height: 54px;padding: 16px 24px;}
    .error-page .btn_box_inner > span i {font-size: 1.6rem;line-height: 2rem;}

    .mo {display: block;}
    .dot_list > li {word-break: break-all;}

    /* 회원정보 수정 */
    .mypage_modal .user_info {margin-top:16px;padding-top:16px;border-top:1px solid #DBDBDB;}
    .mypage_modal .user_info + .input_group {padding:0;}
    .mypage_modal .input_text { border-radius: 4px;}

    .myinfo_modify {padding-top:40px;}
    .myinfo_modify .form, .account_deletion .form {padding:0;}

    .form {margin-top:40px;}
    .form .mobile_num .code {min-width:101.34px;}

    .table th {width:100px;}
    .table td {padding:10px 8px;}

    .select_box.type02 .select_box_value {padding:14px 16px;}


    /* 마이페이지 - 마이 리뷰 */
    .myreview .tbl_top {padding-top:40px;}
    .myreview .tbl_list li {display:block;}
    .myreview .tbl_list .tbl_type {width:100%;padding-left:0;}
    .myreview .tbl_list .tbl_tit_cont {width:100%;padding-left:0;margin-top:16px;}
    .myreview .tbl_list .tbl_tit_cont .starpoint_wrap {margin-bottom:0;}
    .myreview .tbl_list .tbl_tit {margin-top:8px;}
    .myreview .tbl_list .tbl_like {display:none;}
    .myreview .tbl_list .tbl_state  {width:auto;margin-top:8px;}
    .myreview .tbl_list .tbl_state .state {width:auto;margin-top:0;padding:6px 12px;}

    /* 마이페이지 - 마이 리뷰 상세*/
    .myreview_view {padding-top:40px;}
    .myreview_view .sub_top_about h2 {display:none;}
    .myreview_view .sub_top_about h3 {padding:0;}
    .myreview_view .view_cnt {padding-top:36px;}
    .myreview_view .view_cnt .point_details .point_list {padding-left:0;}
    .myreview_view .view_cnt .point_details .point_mall {display:block;margin-top:16px;}
    .myreview_view .answer_box .comment_text {margin:16px 0 0 -50px;}
    .myreview_view .view_cnt .review_text_box .product_img_slide::-webkit-scrollbar {display: none;}

    /* lib selector */
    #ui-datepicker-div {width:280px;}
    .numberpicker {width:100%;}
    .numberpicker-div.ui-widget.ui-widget-content {height:277px;}
    .numberpicker-div .ui-datepicker-prev {left: 70px;}
    .numberpicker-div .ui-datepicker-next {right:74px;}
    .numberpicker-div .ui-state-default {width:38px;height:38px;}
    .numberpicker-div tbody {border-width:7px;}
    .numberpicker-div.ui-datepicker td {padding:0;}

    /* main banner */
    .main_banner .grid_wrap {width:360px;padding: 47px 15px 40px;}
    .main_banner .tit {font-size: 48px;line-height:36px;}
    .main_banner .tit span {display: block;}
    .main_banner .tit span + span {margin-top:11px;margin-left:170px;}
    .main_banner .tit i {width:180px;height:36px;border-width:5px;vertical-align:11px;}
    .main_banner .tit i::before {top:3px;right:12px;width:20px;height:20px;background-size:20px;}
    .main_banner .txt {margin-top:35px;font-size:16px;line-height: 26px;text-align: right;}
    .main_banner .txt::after {vertical-align: -2px;}

    .my_result_top .mo { display: block;}
    .my_result_top .pc { display: none;}
    .my_result_top .top_wrap .tit_cont h2 {font-size: 24px;line-height:32px;}
    .my_result_top .top_wrap .view_cont .photo_box {width:204px;height:209px;}
    .my_result_top .top_wrap .view_cont .photo_box .face_line {background-size: cover;background-position: top;}
    .my_result_top .top_wrap .view_cont .photo_box .face_color {width:100%;height:100%;-webkit-mask-size:100%;    -webkit-mask-position: top;}
    .my_result_top .top_wrap .view_cont .color_code {font-size: 36px;line-height: 32px;}
    .my_result_top .top_txt {margin-top:28px;font-size:14px;line-height:24px;font-weight:500;}
    .my_result_cont .cont_tit {padding-bottom:5px;font-size:18px;line-height:24px;}
    .my_result_cont .cont_tit::before { width:16px;height:16px;background-size:16px;}
    .my_result_cont .my_tone {padding:28px 0 40px;}
    .my_result_cont .my_tone > li > .desc {padding-left:0;}
    .my_result_cont .my_tone .tone_list_wrap {width:154px;height:38px;}
    .my_result_cont .my_tone .desc em,
    .my_result_cont .my_tone .desc em span {font-size:20px;line-height:26px;}
    .my_result_cont .my_tone .desc p {margin-top:2px;font-size:14px;line-height:18px;}
    .my_result_cont .my_tone .tone_list> div.active::before {width:16px;height:16px;background-size: 16px;}
}