@charset "utf-8";

.sub_top_empty {
    margin-top: 200px;
}

.sub_href_a {
    align-self: flex-end;
    display: flex;
}

.sub_href_a .href_a {
    font-size: 16px;
    font-weight: 500;
    color: #222222;
    letter-spacing: -0.01em;
    padding: 0 20px;
    position: relative;
}

.sub_href_a .href_a:last-child {
    padding-right: 0;
    font-weight: 700;
}

.sub_href_a .href_a+.href_a:before {
    width: 1px;
    height: 14px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    background-color: #dcdcdc;
    position: absolute;
}

.inner.w1660.full_w1660 {
    max-width: calc(100% - calc(calc(100% - 1660px) / 2));
    margin-left: 0;
}

.shopList_Custom {
    overflow: hidden;
}

.shopList_Custom .con01 .inner {
    display: flex;
    align-items: center;
}

.shopList_Custom .con01:after {
    content: none;
}

.shopList_Custom .left {
    float: none;
    width: 53%;
    margin-right: 0;
}

.shopList_Custom .right {
    float: none;
    width: 47%;
    padding-left: 100px;
    box-sizing: border-box;
}

.shopList_Custom .left .slick-slide {
    aspect-ratio: 1/1;
}

.shopList_Custom .left .slick-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.shopList_Custom .right .tit {
    border: none;
    margin-top: 20px;
    padding: 0;
}

.shopList_Custom .right .tit .new_ti_t p {
    font-size: 38px;
    font-weight: 600;
    color: #222222;
}

.shopList_Custom .right .tit .new_ti_t {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px 0;
}

.shopList_Custom .right .tit .new_ti_t a {
    font-size: 20px;
}

.shopList_Custom .right .tit .title_wrap{
    display: block;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px 0;
}

.shopList_Custom .right .tit .title_wrap p{
    font-size: 32px;
}

.shopList_Custom .right .tit>h2 {
    margin-top: 30px;
}

.shopList_Custom .right .tit>h2 .before_price {
    font-size: 22px;
    color: #aaaaaa;
    letter-spacing: -0.01em;
    font-weight: 700;
}

.shopList_Custom .right .tit>h2 .no_weight {
    font-weight: 400;
}


.shopList_Custom .right .tit>h2 .before_price:after {
    height: 2px;
}

.shopList_Custom .right .new_won {
    font-size: 22px;
    font-weight: 700;
    color: #222222;
}

.shopList_Custom .right .new__line_height{
    line-height: 30px;
} 


.shopList_Custom .right .tit>h2 b {
    font-size: 22px;
    color: #ff0000;
    font-weight: 700;
}

.shopList_Custom .right .tit>h2 .price {
    font-size: 22px;
    font-weight: 700;
    color: #222222;
}

.shopList_Custom .pro_info_yo {
    margin-top: 20px;
    width: 100%;
}

.shopList_Custom .pro_info_yo p {
    font-size: 18px;
    color: #222222;
    letter-spacing: -0.01em;
    line-height: 1.625em;
    width: 100%;
    word-break: break-all;
}

.shopList_Custom .select_after .box ul li {
    padding-top: 25px;
}

.shopList_Custom .bot_btn_more a {
    width: 100%;
    border-radius: 0;
    border-color: #000000;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    margin-right: 0;
}

.shopList_Custom .bot_btn_more a+a {
    margin-top: 10px;
}

.shopList_Custom .bot_btn_more a.go_buy {
    background-color: #000;
}

.shopList_Custom .detail_Con .detail_Tab ul li {
    width: 25%;
}

@media all and (max-width: 1024px) {
    .shopList_Custom .con01 .inner {
        flex-direction: column;
        gap: 30px 0;
    }

    .shopList_Custom .left,
    .shopList_Custom .right {
        width: 100%;
        padding: 0;
    }

    .inner.w1660.full_w1660 {
        width: 93.75%;
        margin: 0 auto;
    }
}

.about_tit_yo .ab_tit {
    font-size: 80px;
    font-weight: 700;
    color: #222222;
    letter-spacing: -0.05em;
    line-height: 1.315em;
}

.about_tit_yo .ab_tit .sm_txt {
    font-size: 30px;
}

.about_tit_yo .ab_new_yo {
    font-size: 48px;
    color: #222222;
    letter-spacing: -0.05em;
    margin-top: 20px;
    font-weight: 700;
}

.about_tit_yo .ab_txt {
    margin: 30px 0 60px;
    font-size: 26px;
    color: #444444;
    letter-spacing: -0.05em;
    line-height: 1.666em;
    word-break: auto-phrase;
}

.about_bg_yo {
    padding: 215px 100px;
    text-align: left;
    border-radius: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.about_bg_yo .cent_txt {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.05em;
    color: #fff;
    line-height: 58px;
    font-family: Pretendard;
}

@media all and (max-width: 650px) {
    .about_tit_yo .ab_tit {
        font-size: 42px;
    }

    .about_tit_yo .ab_tit .sm_txt {
        font-size: 26px;
    }

    .about_tit_yo .ab_new_yo {
        font-size: 24px;
    }

    .about_tit_yo .ab_txt,
    .le_right_img .txt_bbon {
        font-size: 20px;
    }

    .about_tit_yo .ab_txt br {
        display: none;
    }

    .about_bg_yo {
        padding: 100px 10px;
    }

    .main_flex_plus {
        gap: 30px;
    }

    .sub_href_a {
        justify-content: flex-end;
        width: 100%;
    }

    .about_bg_yo .cent_txt {
        font-size: 32px;
    }
}

.o_jung_e {
    display: flex;
    align-items: center;
}

.o_jung_e .o_jung_img {
    width: 38%;
}

.o_jung_e .o_jung_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.o_jung_e .o_jung_txt {
    width: 62%;
    padding-left: 100px;
    box-sizing: border-box;
}

.dash_n_txt {
    color: #222222;
    letter-spacing: -0.01em;
}

.dash_n_txt+.dash_n_txt {
    margin-top: 80px;
}

.dash_n_txt .dash_tit {
    font-size: 20px;
    font-weight: 700;
    width: fit-content;
    position: relative;
}

.dash_n_txt .dash_tit:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #222;
}

.dash_n_txt .nn_tit {
    margin-top: 30px;
    font-size: 46px;
}

.dash_n_txt .nn_txt {
    margin-top: 20px;
    font-size: 22px;
    color: #666666;
    letter-spacing: -0.05em;
    line-height: 1.818em;
}

.dash_n_txt .nn_txt b {
    font-size: 24px;
    color: #222222;
}

.dash_n_txt.white {
    color: #fff;
}

.dash_n_txt.white .dash_tit:before {
    background-color: #fff;
}

.dash_n_txt.white .nn_txt {
    color: #fff;
}

.dash_n_flex {
    display: flex;
    justify-content: space-between;
}

.dash_n_flex .nn_txt {
    margin-top: 55px;
}

.dash_n_flex .nn_img {
    margin-top: 50px;
    aspect-ratio: 1/0.522;
    max-width: 920px;
}

.dash_n_flex .nn_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ab_out_liyo {
    margin-top: 200px;
}

.ab_out_liyo ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 80px;
    box-sizing: border-box;
    gap: 60px 40px;
}

.ab_out_liyo ul li {
    width: calc(33.333% - 26.666px);
    display: flex;
    gap: 30px;
}

.ab_out_liyo .ab_out_icons {
    width: 100px;
    height: 100px;
    min-width: 100px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.ab_out_liyo .ab_out_txts {
    width: calc(100% - 130px);
}

.ab_out_liyo .ab_out_txts .txts_tit {
    font-size: 30px;
    font-weight: 700;
    color: #222222;
    letter-spacing: -0.01em;
}

.ab_out_liyo .ab_out_txts .txts_txt {
    font-size: 22px;
    margin-top: 10px;
    color: #666666;
    letter-spacing: -0.05em;
    line-height: 1.818em;
}

@media all and (max-width: 1400px) {
    .o_jung_e {
        flex-wrap: wrap;
        gap: 60px 0;
    }

    .o_jung_e .o_jung_img {
        width: 100%;
        text-align: center;
    }

    .o_jung_e .o_jung_img img {
        max-width: fit-content;
        width: 100%;
    }

    .o_jung_e .o_jung_txt {
        width: 100%;
        padding-left: 0;
    }

    .ab_out_liyo ul {
        padding: 0;
    }
}

@media all and (max-width: 1220px) {
    .dash_n_flex {
        flex-direction: column;
    }

    .ab_out_liyo ul li {
        width: calc(50% - 20px);
    }
}

@media all and (max-width: 768px) {
    .dash_n_txt {
        text-align: center;
    }

    .dash_n_txt .dash_tit {
        margin: 0 auto;
    }

    .dash_n_txt .nn_tit {
        font-size: 40px;
    }

    .dash_n_txt .nn_txt {
        font-size: 20px;
    }

    .ab_out_liyo {
        margin-top: 100px;
    }

    .ab_out_liyo ul li {
        width: 100%;
    }
}

.licen_re_sear ul {
    display: flex;
    gap: 2.5rem 5rem;
    flex-wrap: wrap;
}

.licen_re_sear ul li {
    width: calc(33.333% - 53.333px);
}

.licen_re_sear .sear_img {
    aspect-ratio: 1/1.258;
}

.licen_re_sear .sear_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.licen_re_sear .sear_info {
    margin-top: 30px;
}

.licen_re_sear .sear_tit p {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.05em;
    color: #222222;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}

.licen_re_sear .sear_tit span {
    background-color: #f3f3f3;
    padding: 7px 10px;
    color: #222222;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.05em;
}

.licen_re_sear .sear_txt {
    margin-top: 15px;
    color: #666666;
    font-size: 22px;
    letter-spacing: -0.05em;
    line-height: 1.625em;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media all and (max-width: 1200px) {
    .licen_re_sear ul li {
        width: calc(50% - 40px);
    }
}

@media all and (max-width: 650px) {
    .licen_re_sear ul {
        gap: 50px;
    }

    .licen_re_sear ul li {
        width: 100%;
    }
}

.faq_yo_lis ul {
    border-bottom: 4px solid #eeeeee;
}

.faq_yo_lis .faq_an_s {
    padding: 40px 40px 40px 30px;
    width: 100%;
    box-sizing: border-box;
    border-top: 4px solid #eeeeee;
    font-size: 20px;
    color: #666666;
    letter-spacing: -0.01em;
    line-height: 1.625em;
    position: relative;
    cursor: pointer;
}

.faq_yo_lis .faq_an_s:before {
    position: absolute;
    width: 10px;
    height: 6px;
    content: '';
    background: url(/img/faq_con_icon02.png) no-repeat center center;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    filter: invert(95%) sepia(2%) saturate(0%) hue-rotate(158deg) brightness(82%) contrast(89%);
}

.faq_yo_lis .faq_que_st {
    background-color: #f9f9f9;
    padding: 40px 60px;
    box-sizing: border-box;
    width: 100%;
    font-size: 18px;
    color: #666666;
    letter-spacing: -0.01em;
    line-height: 1.625em;
    position: relative;
    display: none;
}

.faq_yo_lis .faq_que_st:before {
    position: absolute;
    top: 45px;
    left: 30px;
    width: 17px;
    height: 18px;
    background: url(/img/faq_con_icon01.png) no-repeat center center;
    content: '';
}

.faq_yo_lis .open .faq_an_s {
    border-color: #000000;
    color: #222222;
}

.faq_yo_lis .open .faq_an_s:before {
    transform: translateY(-50%) rotate(180deg);
    filter: invert(7%) sepia(7%) saturate(14%) hue-rotate(347deg) brightness(95%) contrast(84%);
}

@media all and (max-width: 768px) {
    .faq_yo_lis .faq_que_st {
        padding-right: 30px;
    }
}

.resear_re_ad {
    margin-top: 100px;
    display: flex;
    align-items: center;
    gap: 50px;
}

.resear_re_ad>div {
    width: calc(50% - 25px);
}

.resear_re_ad .re_se_tit p {
    font-size: 40px;
    font-weight: 700;
    color: #222222;
    letter-spacing: -0.05em;
    display: flex;
    align-items: center;
    gap: 10px;
}

.resear_re_ad .re_se_tit p span {
    background-color: #f3f3f3;
    padding: 7px 10px;
    color: #222222;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.05em;
}

.resear_re_ad .re_se_info {
    font-size: 24px;
    color: #222222;
    letter-spacing: -0.05em;
    line-height: 1.625em;
    margin-top: 30px;
}

.resear_re_ad .re_se_yoyo {
    margin-top: 20px;
}

.resear_re_ad .re_se_yoyo .ttit_ti {
    font-size: 24px;
    font-weight: 700;
    color: #222222;
    letter-spacing: -0.05em;
}

.resear_re_ad .re_se_yoyo .ttit_txt {
    margin-top: 15px;
    font-size: 20px;
    color: #666666;
    letter-spacing: -0.05em;
    line-height: 1.625em;
}

.resear_re_ad .img_yo img {
    width: 100%;
    max-width: fit-content;
}

.mok_rok_ero {
    margin-top: 60px;
}

.mok_rok_ero .ba_ck_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 145px;
    height: 50px;
    background-color: #000000;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.01em;
    margin: 0 auto;
}

@media all and (max-width: 1024px) {
    .resear_re_ad {
        flex-wrap: wrap;
    }

    .resear_re_ad>div {
        width: 100%;
    }

    .resear_re_ad .re_se_right {
        order: 1;
        text-align: center;
    }

    .resear_re_ad .re_se_left {
        order: 2;
    }
}

.le_right_img {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.le_right_img .txt_bbon_box {
    padding: 0 120px;
    box-sizing: border-box;
    width: calc(100% - 705px);
}

.le_right_img .tit_bbon {
    font-size: 80px;
    color: #222222;
    letter-spacing: -0.01em;
    line-height: 1.05em;
    font-weight: 700;
}

.le_right_img .sub_bbon {
    font-size: 38px;
    color: #222222;
    letter-spacing: -0.05em;
    margin-top: 30px;
    font-weight: 700;
}

.le_right_img .txt_bbon {
    font-size: 26px;
    color: #444444;
    letter-spacing: -0.05em;
    line-height: 1.615em;
    margin-top: 30px;
    word-break: auto-phrase;
    font-family: Pretendard;
}

.le_right_img .img_bbon_box {
    border-radius: 30px;
    overflow: hidden;
    max-width: 675px;
    width: 50%;
}

.le_right_img .img_bbon_box .img_box {
    width: 100%;
}

.le_right_img .img_bbon_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.le_right_img.reserve {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

@media all and (max-width: 1660px) {
    .le_right_img {
        gap: 30px;
    }

    .le_right_img .txt_bbon_box {
        padding: 0;
        width: calc(50% - 30px);
    }

    .le_right_img.reserve {
        justify-content: space-between;
    }

    .le_right_img .tit_bbon {
        font-size: 52px;
    }

    .le_right_img .sub_bbon {
        font-size: 26px;
    }
}

@media all and (max-width: 1000px) {

    .le_right_img,
    .le_right_img.reserve {
        flex-direction: column;
    }

    .le_right_img .txt_bbon_box,
    .le_right_img .img_bbon_box {
        width: 100% !important;
    }

    .le_right_img.new_gap_yo {
        gap: 60px;
    }

    .le_right_img .txt_bbon_box.new_gap_yo {
        order: 2;
    }
}

.cir_cle_one ul {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    /* gap: 80px; */
    justify-content: space-around;
}

.cir_cle_one ul li {
    width: calc(25% - 148px);
}

.cir_cle_one ul li .box {
    width: 80%;
    margin: 0 auto;
    aspect-ratio: 1/1;
    box-sizing: border-box;
    border-radius: 50%;
    text-align: center;
    background-color: #000000;
    align-items: center;
    display: flex;
    padding: 30px;
    justify-content: center;
}

.cir_cle_one ul li .box.gray {
    background-color: #666;
}

.cir_cle_one ul li h6 {
color: #000;
text-align: center;
/* font-family: Inter; */
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 31.2px */
letter-spacing: 0.24px;
margin-top: 20px;
}

.cir_cle_one ul li p { text-align: center; }

.saram_so_gae {
    display: flex;
    gap: 130px;
}

.saram_so_gae .left_img_yo {
    width: 38%;
    border-radius: 30px;
    overflow: hidden;
}

.saram_so_gae .left_img_yo img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1.34883;
    max-width: 645px;
}

.saram_so_gae .right_table_yo {
    width: calc(62% - 130px);
}

.saram_so_gae .name_zo_ne {
    color: #222222;
}

.saram_so_gae .name_kor {
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.saram_so_gae .name_eng {
    font-size: 38px;
    font-weight: 700;
    margin-top: 20px;
    letter-spacing: -0.05em;
}

.table_zo_ne table {
    width: 100%;
}

.table_zo_ne table th,
.table_zo_ne table td {
    padding: 20px 0;
    font-size: 20px;
    letter-spacing: -0.05em;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
}

.table_zo_ne table th {
    font-weight: 700;
    color: #fff;
    position: relative;
}

.table_zo_ne table th:first-child{
    color: #FFF;
    font-family: Pretendard;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;    
}

.table_zo_ne table th:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    left: 0;
    top: 0;
    z-index: -1;
}

.table_zo_ne table tr:first-child th:before {
    border-radius: 18px 18px 0 0;
}

.table_zo_ne table tr:last-child th:before {
    border-radius: 0 0 18px 18px;
}

.table_zo_ne table td {
    color: #444444;
}

@media all and (max-width: 1200px) {
    .saram_so_gae {
        flex-wrap: wrap;
        gap: 30px 0;
    }

    .saram_so_gae .left_img_yo,
    .saram_so_gae .right_table_yo {
        width: 100%;
    }

    .saram_so_gae .left_img_yo {
        text-align: center;
    }
}

.new_air_bg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 440px 80px 100px;
    color: #fff;
    border-radius: 30px;
    overflow: hidden;
}

.new_air_bg .tit_yo {
    font-size: 54px;
    font-weight: 700;
    letter-spacing: -0.05em;
    line-height: 1.666em;
}

.new_air_bg .txt_yo {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -0.05em;
    margin-top: 20px;
    line-height: 1.625em;
}

@media all and (max-width: 1024px) {
    .new_air_bg {
        padding: 260px 30px 50px;
    }
}

.num_bering_yo .num_buss {
    aspect-ratio: 1/1;
    width: 100px;
    border-radius: 50%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-size: 34px;
    letter-spacing: -0.05em;
    background-color: var(--bg);
    position: relative;
}

.num_bering_yo .num_buss:before {
    position: absolute;
    left: 50%;
    bottom: 3px;
    transform: translate(-50%, 50%) rotate(45deg);
    width: 20px;
    aspect-ratio: 1/1;
    content: '';
    background-color: var(--bg);
    display: block;
}

.num_bering_yo li {
    display: flex;
    align-items: center;
    gap: 35px;
}

.num_bering_yo li+li {
    margin-top: 70px;
}

.num_bering_yo li:last-child .num_buss:before {
    content: none;
}

.num_bering_yo .txt_buss {
    font-size: 24px;
    color: #222222;
    font-weight: 700;
    letter-spacing: -0.05em;
    width: calc(100% - 135px);
}

.ngs_sub_tabb ul {
    display: flex;
    justify-content: center;
    gap: 100px;
    text-align: center;
}

.ngs_sub_tabb ul i {
    width: 50px;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: 1px solid #b5b5b5;
    margin: 0 auto;
    border-radius: 50%;
    position: relative;
}

.ngs_sub_tabb ul li+li i:before {
    position: absolute;
    right: 100%;
    width: 100px;
    height: 1px;
    content: '';
    background-color: #6b6b6b;
}

.ngs_sub_tabb ul li {
    position: relative;
}

.ngs_sub_tabb ul span {
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.1em;
    color: #222222;
    width: fit-content;
    display: block;
    white-space: nowrap;
    opacity: 0;
}

.ngs_sub_tabb li.on i,
.ngs_sub_tabb li.pass i {
    background-color: #000000;
}

.ngs_sub_tabb li.on i img,
.ngs_sub_tabb li.pass i img {
    filter: brightness(0) invert(1);
}

.ngs_sub_tabb li.on span {
    opacity: 1;
}

.ngs_ki_bone {
    max-width: 1280px;
    width: 100%;
    margin: 100px auto 0;
}

.ki_bone_yo {
    display: flex;
    align-items: center;
}

.ki_bone_yo .ngs_tit {
    min-width: 180px;
    width: 180px;
    font-weight: 600;
    color: #222222;
    letter-spacing: -0.01em;
}

.ki_bone_yo .ngs_big_tit {
    font-size: 24px;
}

.ki_bone_yo .ngs_sm_tit {
    font-size: 18px;
}

.ki_bone_yo .ngs_subd {
    width: calc(100% - 180px);
}

.ngs_check_box label {
    display: flex;
    align-items: center;
    gap: 5px;
}

.ngs_check_box span {
    font-size: 16px;
    color: #222222;
    letter-spacing: -0.01em;
}

.ngs_check_box .ch_or_ra {
    display: none;
}

.ngs_check_box .ch_or_ra~i {
    width: 16px;
    border-radius: 4px;
    border: 1px solid #a0a0a0;
    background-color: #fff;
    box-sizing: border-box;
    aspect-ratio: 1/1;
}

.ngs_check_box .ch_or_ra:checked~i {
    background: #fff url(/img/ch_or_ra_icon01.png) no-repeat center center;
}

.ngs_check_list {
    display: flex;
    gap: 10px 30px;
    align-items: center;
    flex-wrap: wrap;
}

.ngs_check_box.etc_check_box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ngs_check_box.etc_check_box .ngs_input_box {
    max-width: calc(100% - 60px);
}

.ngs_input_box {
    width: 100%;
    border-radius: 24.5px;
    overflow: hidden;
}

.ngs_input_box .text_or_area {
    border: none;
    outline: none;
    padding: 0 30px;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    font-size: 16px;
    letter-spacing: -0.01em;
    font-weight: 300;
    color: #222;
}

.ngs_input_box .text_or_area.mh360 {
    min-height: 360px;
}

.ngs_input_box textarea.text_or_area {
    resize: none;
    padding: 20px 30px;
}

.ki_bone_list+.ki_bone_list {
    margin-top: 20px;
}

.ngs_btn_yoyo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.ngs_btn_yoyo .ngs_btn {
    width: 160px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: calc(50% - 5px);
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: #fff;
}

.ngs_btn_yoyo .ngs_btn.gr_btn {
    background-color: #c8c8c8;
}

.ngs_btn_yoyo .ngs_btn.bl_btn {
    background-color: #000000;
}

.ngs_ad_box {
    position: relative;
}

.ngs_ad_box .text_or_area {
    padding-right: 190px;
}

.ngs_ad_box .ngs_ad_btn {
    width: 160px;
    height: 100%;
    border-radius: 24.5px;
    background-color: #000000;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-size: 16px;
}

.ngs_info_txt {
    font-size: 16px;
    letter-spacing: -0.01em;
    color: #222222;
}

.ngs_input_list.in_nalzza {
    display: flex;
    gap: 10px;
}

.ngs_input_list.in_nalzza .ngs_input_box {
    width: 330px;
    max-width: calc(50% - 5px);
}

.ngs_input_list.in_nalzza .ngs_input_box .text_or_area {
    background: #fff url(/img/nsg_dal_zza01.png) no-repeat right 30px center;
    cursor: pointer;
}

@media all and (max-width: 768px) {
    .ki_bone_yo.ki_bone_list {
        flex-wrap: wrap;
        gap: 15px;
    }

    .ki_bone_yo.ki_bone_list .ngs_tit {
        width: 100%;
    }

    .ki_bone_yo.ki_bone_list .ngs_subd {
        width: 100%;
    }

    .ki_bone_yo .m_none {
        display: none;
    }
}

.common_table_box {
    border-top: 1px solid #dbdbdb;
}

.common_table_box .box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 1px solid #dbdbdb;
}

.common_table_box .box:hover .arw {
    background-color: #444;
}

.common_table_box .arw_box {
    position: relative;
    margin: 0 60px;
}

.common_table_box .box:hover .arw img {
    filter: brightness(0) invert(1);
}

.common_table_box .box .arw {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1/1;
    position: relative;
    min-width: 48px;
    border: 1px solid #444444;
    transition: all 0.3s ease;
    border-radius: 50%;
    z-index: 1;
}

.common_table_box .box .arw_box::before {
    content: '';
    z-index: -1;
    position: absolute;
    width: calc(100% - 1px);
    height: calc(100% - 1px);
    left: -10px;
    top: 0;
    border: 1px solid #aaaaaa;
    border-radius: 50%;
}

.common_table_box .box .img {
    aspect-ratio: 1/0.66;
    margin-right: 80px;
    min-width: 240px;
    max-width: 240px;
}

.common_table_box .box .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.common_table_box .box .left {
    display: flex;
    align-items: center;
    min-width: 0;
}

.common_table_box .box .left .tit {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 1.45em;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.common_table_box .box .left .label {
    font-size: 20px;
    letter-spacing: -0.025em;
    line-height: 1.3em;
    font-weight: 600;
    color: #222;
}

.common_table_box .box .left .alt {
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    letter-spacing: -0.025em;
    line-height: 1.65em;
    color: #444;
}

.common_table_box .box .left .alt .bar {
    position: relative;
    margin-right: 10px;
    padding-right: 10px;
}

.common_table_box .box .left .alt .bar::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 12px;
    right: 0;
    top: 50%;
    background-color: #aaa;
    transform: translateY(-50%);
}

.common_table_box .box .left .alt .date {
    color: #888;
}

@media all and (max-width: 1024px) {
    .common_table_box .box .img {
        margin-right: 40px;
    }

    .common_table_box .arw_box {
        margin: 0 30px;
    }
}

@media all and (max-width: 700px) {

    .common_table_box .box,
    .common_table_box .box .left {
        gap: 20px;
    }

    .common_table_box .arw_box {
        display: none;
    }

    .common_table_box .box .img {
        margin-right: unset;
    }

    .common_table_box .arw_box {
        margin: unset;
    }

    .common_table_box .box .left .tit {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .common_table_box .box .left {
        width: 100%;
    }

    .common_table_box .box .img {
        min-width: 150px;
        max-width: 150px;
    }

    .common_table_box .box .alt_box {
        width: calc(100% - 170px);
    }
}

/* END beforeAfter */

/* eostory */
.common_table_box2 {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #666666;
    padding-top: 60px;
    gap: 150px 25px;
}

.common_table_box2 .box .img {
    aspect-ratio: 1/0.66;
    margin-bottom: 20px;
    position: relative;
}

.common_table_box2 .box:hover .img::after {
    content: '';
    position: absolute;
    width: 60px;
    aspect-ratio: 1/1;
    background: url('/img/plus_icon.png') no-repeat center / cover;
    bottom: 0;
    right: 0;
}

/* 
.common_table_box2 .box:hover .tit {
    color: #223588;
} */

.common_table_box2 .box .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media screen  and (max-width: 768px) {
    .common_table_box2 .box .img img {
        width: 100%;
    height: auto;
    aspect-ratio: 2 / 1.5;
    object-fit: cover;
    }
    .common_table_box2 {
        gap: 0 25px;
    }
    .saram_so_gae .name_kor {
		font-size: 40px;
		margin-bottom: 0;
	}
	.saram_so_gae .name_eng {
		margin-top: 0;
			font-size: 24px;
	}
    .about_tit_yo.new_txt_custom .ab_con_txt {
        font-size: 19px;
    }
    /* .about_tit_yo.new_txt_custom .ab_txt {
        font-size: 24px;
    }
    .about_tit_yo.new_txt_custom .ab_new_yo {font-size: 32px;} */
   
}

.common_table_box2 .box .tit {
    transition: all 0.3s ease;
    color: #222;
    font-size: 24px;
    letter-spacing: -0.025em;
    line-height: 1.4em;
    font-weight: 600;
}

.common_table_box2 .box .alt {
    font-size: 18px;
    letter-spacing: -0.025em;
    line-height: 1.45em;
    color: #444;
    margin: 10px 0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.common_table_box2 .box .date {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.025em;
    color: #888;
}

.common_table_box2 .box {
    width: calc(33.333% - 17px);
    padding-bottom: 40px;
    /* border-bottom: 1px solid #ddd; */
}

@media all and (max-width: 1400px) {
    .common_table_box2 .box {
        width: calc(50% - 12.5px);
    }
}

.kyul_jae_yo {
    max-width: 1280px;
    margin: 100px auto 0;
}

.kyul_jae_yo .white_kyul {
    padding: 30px 20px;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    width: 100%;
    box-sizing: border-box;
}

.kyul_jae_yo .wi_yo {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: #222222;
}

.kyul_jae_yo .wi_yo .money {
    margin-top: 10px;
}

.kyul_jae_yo .are_yo {
    margin-top: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.kyul_jae_yo .coupon_yo {
    font-size: 16px;
    color: #222222;
    letter-spacing: -0.01em;
}

.kyul_jae_yo .coupon_yo a {
    display: inline-block;
    text-align: center;
    font-size: 16px;
    color: #fff;
    letter-spacing: -0.01em;
    padding: 8px 15px;
    background-color: #3790f5;
    border-radius: 8px;
    margin-left: 10px;
}

.kyul_jae_yo .don_yo {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: #222222;
}

.kyul_jae_yo .white_are_yo {
    padding: 20px;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    width: 100%;
    border-top: none;
    font-size: 16px;
    color: #666666;
    letter-spacing: -0.01em;
}

.chong_su_go {
    margin-top: 50px;
}

.chong_su_go .su_go_b {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    color: #222222;
    letter-spacing: -0.01em;
    padding: 15px 0;
}

.chong_su_go .su_go_b .txt {
    font-weight: 500;
}

.chong_su_go .su_go_b.bd_bot {
    border-bottom: 1px solid #dbdbdb;
}

.chong_su_go .su_go_b.fz_big {
    font-size: 22px;
}

.chong_su_go .su_go_b.fz_big .txt {
    font-weight: 700;
}

.chong_su_go .cho_ice_listyo {
    margin-top: 15px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.chong_su_go .cho_ice_listyo a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #e5e5e5;
    border-radius: 22.5px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 500;
    color: #666666;
    letter-spacing: -0.01em;
    background-color: #ffffff;
    width: 147px;
    height: 45px;
    max-width: calc(33.333% - 6.666px);
}

.chong_su_go .cho_ice_listyo a.on {
    background-color: #000000;
    color: #fff;
}

.chong_su_go .check_yo_bo {
    margin-top: 40px;
}

.chong_su_go .check_yo_bo label {
    display: flex;
    align-items: center;
    gap: 4px;
}

.chong_su_go .check_yo_bo input {
    display: none;
}

.chong_su_go .check_yo_bo i {
    width: 16px;
    border-radius: 4px;
    height: 16px;
    border: 1px solid #a0a0a0;
    background-color: #fff;
}

.chong_su_go .check_yo_b span {
    font-size: 16px;
    color: #222222;
    letter-spacing: -0.01em;
    font-weight: 300;
}

.chong_su_go .check_yo_bo input:checked~i {
    background: #fff url(/img/check_new_newyo.png) no-repeat center center;
    border-color: #000;
}

.chong_su_go .check_yo_bo input:checked~span {
    font-weight: 500;
}

.programCon_Custom {
    max-width: 1660px;
    margin: 0 auto 150px;
}

.licen_re_sear.cursor_none ul li a {
    cursor: auto;
}

.licen_re_sear .sear_tit p.sb_txt {
    color: #888;
    /* font-family: Inter; */
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

.log_in_cont {
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
}

.log_in_tit {
    font-size: 24px;
    color: #000000;
    letter-spacing: -0.01em;
    font-weight: 600;
    padding-bottom: 20px;
    border-bottom: 1px solid #d2d2d2;
}

.log_in_put {
    margin-top: 30px;
}

.log_in_put .s_m_tit {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    letter-spacing: -0.01em;
}

.log_in_put .s_m_tit .fill_su {
    color: #ff6262;
}

.log_in_put .in_put_box {
    margin-top: 10px;
    width: 100%;
    height: 60px;
}

.log_in_put .in_put_box input {
    width: 100%;
    height: 100%;
    padding: 0 15px;
    border: 1px solid #d2d2d2;
    outline: none;
    box-sizing: border-box;
    font-size: 18px;
    color: #444444;
    letter-spacing: -0.01em;
}

.log_in_put .in_put_box input:focus {
    border: 2px solid #000000;
}

.log_in_put .in_put_box input::placeholder {
    color: #aaaaaa;
}

.log_in_cont .sub_mit_put {
    margin-top: 60px;
    width: 100%;
    height: 70px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000000;
    color: #fff;
    font-size: 20px;
    letter-spacing: -0.01em;
}

.s_m_link {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.s_m_link a {
    font-size: 16px;
    color: #444444;
    letter-spacing: -0.01em;
    padding: 0 10px;
    position: relative;
    display: block;
}

.s_m_link a+a:before {
    content: '';
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background-color: #d2d2d2;
    position: absolute;
}

.check_hae_yo .zoa_woo_yo {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.check_hae_yo .zoa_woo_yo label input {
    display: none;
}

.check_hae_yo .zoa_woo_yo label i {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #000000;
    box-sizing: border-box;
    background: url(/img/check_yo_icon01.png) no-repeat center center;
}

.check_hae_yo .zoa_woo_yo label input:checked~i {
    background: #000 url(/img/check_yo_icon02.png) no-repeat center center;
}

.check_hae_yo .che_ck_tit {
    font-size: 18px;
    color: #444444;
    letter-spacing: -0.01em;
}

.check_hae_yo .che_ck_tit span {
    color: #ff6262;
}

.in_put_flex {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.in_put_flex .in_put_box {
    width: calc(75% - 5px);
    box-sizing: border-box;
    margin-top: 0;
}

.in_put_flex .flex_bt_n {
    width: calc(25% - 5px);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #000;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.01em;
}

/* 회원가입 이메일 자동완성 */
.autocomplete-suggestions {
    display: none;
    border: 1px solid #ccc;
    max-height: 150px;
    overflow-y: auto;
    position: relative;
    /* 	position: absolute;  */
    background-color: white;
    z-index: 101;
    width: 100%;
}

.autocomplete-suggestion {
    padding: 10px;
    cursor: pointer;
    font-size: medium;
}

.autocomplete-suggestion:hover {
    background-color: #e0e0e0;
}

.shopList.shopList_Custom .con01 {
    max-width: 1680px;
    width: 100%;
    margin: 0 auto;
}

.go02_inner{
    margin: 7.5rem 0;
}

.go02_title{
    font-size:24px;
}

.go02_box{
    border: 1px solid #ddd;
    padding: 1rem 0;
}

.go04_inner{
    margin: 7.5rem 0;
}

#font_size_26{
    font-size: 26px;
}

.star_border_line{
    border: 1px solid #ddd;
    padding: 3rem 0;
}

li{list-style:none;}

.people_list_mini{
    flex-wrap: wrap;
}

.people_list_mini ul{
  display:flex;
  gap:40px;
  max-width: 1920px;
    flex-wrap: wrap;
}

.people_list_mini ul li{
  display:flex;
  flex-direction:column;
  justify-content:center;
  flex-wrap: wrap;
}

.people_list_mini ul li h2{
  text-align:center;
  padding: 10px 0;
}

.people_list_mini ul li .people_img{
  background:gray;
  border-radius:30px;
  overflow:hidden;
}

.people_list_mini ul li .people_img img{
    max-width:375px;
    min-height:500px;    
}

/*브랜드 스토리 피플 슬라이더*/
/* 선택: 점을 화면 아래쪽에 고정 배치 + 활성 점 길게 */
.mySwiper .swiper-pagination {
    position: static;          /* 아래로 */
    margin-top: 12px;
    display: flex;
    justify-content: center;
    gap: 8px;
  }
  .mySwiper .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #9e9e9e;
    opacity: 1;                /* Swiper 기본 투명도 제거 */
    border-radius: 999px;
    transition: width .25s ease, background .25s ease;
  }
  .mySwiper .swiper-pagination-bullet-active {
    background: #000;
    width: 28px;               /* 활성일 때 길어지는 효과 */
  }
  

@media all and (max-width:1400px) {
    .cir_cle_one ul li {
    width: calc(33.333% - 54px);
}
}

@media all and (max-width:1000px) {
    .cir_cle_one ul li {
    width: calc(50% - 10px);
}
.cir_cle_one ul {
    gap: 20px;
}
.cir_cle_one ul li p {
    font-size: 17px;    
}
}


@media all and (max-width:768px) {
 .cir_cle_one ul li p br {
   display: none;  
}
.cir_cle_one ul li h6 {
    min-height: 94px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cir_cle_one.center_circle h3 {
    min-height: 85.5px;
        display: flex;
    align-items: center;
    justify-content: center;
}
}



.under_te_xt img{width:80px !important; display: none;}

.people_list_yo.doc_list_cus ul li .doc_info_txt{min-height: 420px;}


.prod_item .info_box{padding:20px;}
.prod_item .pro_price,.prod_item .info_box {text-align: left;}
