.inner {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}
.clear{clear:both; height:100px;}
.clear1{clear:both; height:55px;}

.clear2{
    width:80%;
    height:1px;
    background:rgba(0,0,0,0.1);
    margin:30px auto;
}


@media all and (max-width:1024px){
.clear{clear:both; height:60px;}
.clear1{clear:both; height:35px;}
}


.sub_title {
    margin: 0;
    font-size: 30px;
    font-weight: 600;
    color: #111;
    line-height: 1.3;
    word-break: keep-all;
    padding-left: 35px;
    margin-bottom:25px;
    background: url('/theme/t2d_theme_basic_v2/user_img/dot.jpg')no-repeat left top; 
     background-position-y:5px
}





.sub_title1 {
    margin: 0;
    font-size: 23px;
    font-weight: 600;
    color: #8eb100;
    line-height: 1.3;
    word-break: keep-all;
    padding-left: 35px;
    margin-bottom:10px;
    background: url('/theme/t2d_theme_basic_v2/user_img/dot01.png')no-repeat left top; 
     
}





.con_title{font-size:20px; font-weight:400; line-height:1.8}
.mt70{margin-top:50px}


/**인사말**/
.greeting_tt {font-size:30px; font-weight:400; margin:70px 0px 50px;}
.greeting_tt1 {display:inline-block; width:80%;font-size:21px; font-weight:400; line-height:1.8}
.greeting_tt1 span{font-size:24px; font-weight:600; color:#89af2a;}
.greeting_tt2{font-size:21px; }
.greeting_tt2 span{font-weight:600;}



@media all and (max-width:1024px){

.sub_title{font-size:25px;}

.greeting_tt{line-height:1.5; font-size:25px; margin:30px 0px 20px;}
.greeting_tt1{width:100%; font-size:19px; line-height:1.6}
}

@media all and (max-width:768px){
.greeting_tt1{width:100%; font-size:17.5px; line-height:1.6}
.greeting_tt1 span{font-size:21px;}
.sub_title1 { font-size: 21px;}

}



/**오시는길**/
.location_section {
    padding: 0px 0 0px;
  
}

.location_section .inner {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}


.location_wrap {
    position: relative;
    height:450px;
}

.map_area {
    width: 58%;
   
    border-radius: 0;
    overflow: hidden;
    float:left;
    padding-right:2%;  height:450px;
   
}
.root_daum_roughmap .cont {display: none !important;}


/* 카카오맵 iframe/div 들어가면 꽉 차게 */
.map_area iframe,
.map_area > div {
    width: 100% !important;
    height: 100% !important;
}

.location_info {
    position: relative;

    width: 40%; float:left;

   
  
}

.address_box {
    position: relative; 
    width:!00%;
    margin-top:30px;
    margin-bottom: 26px;
   margin-left:3%;
    box-sizing: border-box;
}

.address_box .label {
    margin: 0 0 8px;
    font-size: 30px;
    font-weight: 600;
    color: #8cc63f;
    line-height: 1.2;
}

.address_box .address {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: #111;
    line-height: 1.6;
    word-break: keep-all;
}

.address_box .address span {
    display: block;
}

.building_img {
    width: 100%;
   
    overflow: hidden;
    
}

.building_img img {
    display: block;
    width: 100%;
    height: auto;
}

/* 반응형 */
@media (max-width: 1024px) {
    .location_section {
        padding: 0px 0px 0px;
    }

      .map_area {
        width: 100%;
        height: 360px;
    }
    .location_info {
        width: 100%;
    }

.building_img{margin-top:3%;}
    .address_box .label {
        font-size: 28px;
    }

    .address_box .address {
        font-size: 19px;
    }
}

@media (max-width: 900px) {
    .location_wrap {
        min-height: auto;
    }

    .map_area {
        width: 100%;
        height: 360px;
    }

    .location_info {
        position: static;
        width: 100%;
        margin-top: 24px;
    }

    .address_box {
        padding-left: 0;
        margin-bottom: 20px;
    }

    
}

@media (max-width: 600px) {
    .location_title h2 {
        font-size: 20px;
    }

    .map_area {
        height: 300px;
    }

    .address_box .label {
        font-size: 24px;
    }

    .address_box .address {
        font-size: 16px;
    }
}



/***경영바침***/
.management_policy {
  
  
}

.management_policy .inner {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.policy_top {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 70px;
}

.policy_box {
    width: calc(50% - 15px);
    min-height: 168px;
    padding: 55px 20px 55px;
    background: rgba(240,242,232,0.5);
    border-radius: 0 34px 0px 34px;
    text-align: center;
    box-sizing: border-box;
}

.policy_box h3 {
    margin: 0 0 18px;
    font-size: 34px;
    font-weight: 800;
    line-height: 1;
    background: linear-gradient(90deg, #00756f 0%, #9ac10b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.policy_box p {
    margin: 0;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.55;
    color: #111;
    word-break: keep-all;
}

.policy_middle_img {
    text-align: center;
    margin-bottom: 70px;
}

.policy_middle_img img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.policy_bottom {
    padding: 55px 20px;
        background: rgba(240,242,232,0.5);
    border-radius: 0 34px 0px 34px;
    text-align: center;
}

.policy_bottom p {
    margin: 0;
    font-size: 35px;
    font-weight: 600;
    line-height: 1.4;
    color: #111;
    word-break: keep-all;
}

.policy_bottom p span {
    color: #98b90f;
}

@media (max-width: 1024px) {
    .management_policy {
        padding: 20px 0px 0;
    }

    .policy_top {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 50px;
    }

    .policy_box {
        width: 100%;
    }

    .policy_middle_img {
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .policy_box {
        min-height: auto;
        padding: 35px 20px;
        border-radius: 0 24px 24px 24px;
    }

    .policy_box h3 {
        font-size: 28px;
    }

    .policy_box p {
        font-size: 18px;
    }

    .policy_bottom {
        padding: 42px 20px;
        border-radius: 0 24px 24px 24px;
    }

    .policy_bottom p {
        font-size: 24px;
    }
}

@media (max-width: 480px) {
    .policy_box h3 {
        font-size: 25px;
    }

    .policy_box p {
        font-size: 17px;
    }

    .policy_bottom p {
        font-size: 22px;
    }
}





.ci_section {
   
    position: relative; overflow:hidden;
  
}

.title_area{float:left; width:25%; }
.con_area{float:left; width:75%;}


@media (max-width:1024px) {

.title_area{float:left; width:100%; }
.con_area{float:left; width:100%;}
}



.ci_info{width:100%; padding:55px 0px; border: 1px solid #ececec; margin-bottom:50px;  background-color: #ffffff;
  background-image:
    linear-gradient(rgba(0, 0,0, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
  background-size: 23px 23px;  text-align:center;}
  .ci_info img{padding:0px 30px;}
.ci_info1{width:100%; border: 1px solid #ccc; margin-bottom:50px;  padding:55px 0px; text-align:center;
}

.ci_info2{width:100%; font-size:20px; line-height:1.9;}



@media (max-width:1024px) {
.ci_info{padding:35px 0px;}
.ci_info1{padding:35px 0px;}
.ci_info2{font-size:17.5px;}


}

@media (max-width:768px) {
.ci_info{padding:20px 0px;}
.ci_info1{padding:20px 0px;}
.ci_info2{font-size:17.5px;}


}


.color_palette_section {
    padding:0px;
   margin-bottom:50px;
}

.palette_wrap {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}

.palette_card {
    width: calc(25% - 13.5px);
    min-height: 272px;
    border: 1px solid #c9c9c9;
    background: #fff;
    box-sizing: border-box;
}

.palette_top {
    height: 97px;
    border-bottom: 1px solid #c9c9c9;
}

.palette_bottom {
    padding: 25px 18px;
    background: #fff;
}

.palette_bottom h3 {
    margin: 0 0 20px;
    text-align: center;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    color: #333;
    letter-spacing: -0.5px;
}

.palette_card:first-child .palette_bottom h3,
.palette_card:nth-child(2) .palette_bottom h3 {
    color: #00695E;
}

.palette_info {
    margin: 0;
    padding: 0;
    list-style: none;
}

.palette_info li {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 1.4;
}

.palette_info li:last-child {
    margin-bottom: 0;
}

.palette_info span {
    min-width: 82px;
    color: #8a8a8a;
    font-weight: 500;
    letter-spacing: -0.4px;
}

.palette_info strong {
    color: #333;
    font-weight: 700;
    letter-spacing: -0.4px;
}

.center_only {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 174px;
    padding: 0 15px;
}

.deep_green {
    background: #00695E;
}

.apple_green {
    background: #B1D232;
}

.white_color {
    background: #ffffff;
}

.black_color {
    background: #000000;
}

@media screen and (max-width: 1024px) {
    .palette_card {
        width: calc(50% - 9px);
    }
}

@media screen and (max-width: 640px) {
    .palette_wrap {
        gap: 14px;
    }

    .palette_card {
        width: 100%;
        min-height: auto;
    }

    .palette_top {
        height: 90px;
    }

    .palette_bottom h3 {
        font-size: 20px;
    }

    .palette_info li {
        font-size: 16px;
    }

    .palette_info span {
        min-width: 74px;
    }

    .center_only {
        min-height: 130px;
    }
}







.recruitment_top
 {
    padding: 55px 20px;
    background: rgba(240, 242, 232, 0.5);
    border-radius: 0 34px 0px 34px;
    text-align: center; font-size:20px; line-height: 1.6
}

.recruitment_top p{font-size:30px; font-weight:500;}
.recruitment_top span{font-weight:600; color:#8eb100;}


@media screen and (max-width: 1024px) {
 
.recruitment_top{padding:25px;}
.recruitment_top p{font-size:22px; line-height: 1.5}
}





.benefit_section {
    padding: 0;
    background: #fff;
}

.benefit_inner {
    max-width: 1400px;
    margin: 0 auto;
}

.benefit_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 36px;
    row-gap: 44px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.benefit_list li {
    display: flex;
    flex-direction: column;
}

.benefit_thumb {
    border-radius: 0 20px 20px 24px;
    overflow: hidden;
    background: #fff;
    aspect-ratio: 1.92 / 1;
}

.benefit_thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.benefit_txt {
    padding-top: 20px;
}

.benefit_txt h3 {
    margin: 0 0 14px;
    font-size: 25px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: ;
    color: #8eb100;
}

.benefit_txt p {
    margin: 0;
    font-size: 18px;
    line-height: 1.7;
    font-weight: 500;
    letter-spacing: 0px;
    color: #222;
    word-break: keep-all;
}

@media screen and (max-width: 1200px) {
    .benefit_list {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px 24px;
    }

    .benefit_txt h3 {
        font-size: 48px;
    }

    .benefit_txt p {
        font-size: 22px;
    }
}

@media screen and (max-width: 767px) {
    .benefit_list {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .benefit_thumb {
        border-radius: 0 18px 18px 18px;
    }

    .benefit_txt {
        padding-top: 16px;
    }

    .benefit_txt h3 {
        font-size: 25px;
        margin-bottom: 10px;
        letter-spacing: -1px;
    }

    .benefit_txt p {
        font-size: 17.5px;
        line-height: 1.5;
        font-weight: 500;
    }
}


.contact_box_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.contact_box_list li {
    padding: 46px 20px 46px;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    text-align: center;
    background: #fff;
    box-sizing: border-box;
}

.contact_icon {
    width: 165px;
    height: 165px;
    margin: 0 auto 18px;
    border-radius: 50%;
    overflow: hidden;
}

.contact_icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact_txt h3 {
    margin: 0 0 18px;
    font-size: 23px;
    line-height: 1.4;
    font-weight: 700;
    color: #8eb100;
    letter-spacing: -0.5px;
    word-break: keep-all;
}

.contact_txt p {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    word-break: break-all;
}

.contact_txt .tel {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 600;
    color: #8c765c;
}

.contact_txt .mail {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
    color: #1f2d3d;
}

.ico_tel,
.ico_mail {
    display: inline-block;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.ico_tel {
    background-image: url('/theme/t2d_theme_basic_v2/user_img/ico_tel.png');
}

.ico_mail {
    background-image: url('/theme/t2d_theme_basic_v2/user_img/ico_mail.png');
}

@media screen and (max-width: 1024px) {
    .contact_box_list {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 767px) {
    .contact_box_list li {
        padding: 24px 16px 34px;
    }

    .contact_icon {
        width: 110px;
        height: 110px;
        margin-bottom: 16px;
    }

    .contact_txt h3 {
        font-size: 19px;
        margin-bottom: 14px;
    }

    .contact_txt .tel {
        font-size: 18px;
    }

    .contact_txt .mail {
        font-size: 16px;
    }

    .ico_tel,
    .ico_mail {
        width: 18px;
        height: 18px;
    }
}


.global_branch_card {
    display: flex;
    align-items: flex-start;
    gap: 38px;
    padding: 40px 46px;
    background: rgba(0,0,0,0.04);
    border-radius: 0px 20px 0px 20px;
    box-sizing: border-box;
    margin-bottom:35px;
}

.global_branch_flag {
    flex: 0 0 230px;
    max-width: 230px;
}

.global_branch_flag img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 16px;
}

.global_branch_info {
    flex: 1;
    min-width: 0;
    padding-top: 4px;
}

.global_branch_title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 22px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
}

.global_branch_title .nation,
.global_branch_title .dash {
    color: #006b73;
}

.global_branch_title .company {
    color: #7fb000;
}

.global_branch_list {
    display: grid;
    grid-template-columns: 74px 1fr;
    gap: 10px 32px;
    margin: 0;
    padding: 0;
}

.global_branch_list dt {
    position: relative;
    margin: 0;
    padding-right: 20px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6;
    color: #111;
    box-sizing: border-box;
}

.global_branch_list dt::after {
    content: "";
    position: absolute;
    top: 8px;
    right: -10px;
    width: 1px;
    height: 16px;
    background: rgba(0, 0, 0, 0.25);
}

.global_branch_list dd {
    min-width: 0;
    margin: 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.6;
    color: #111;
    word-break: keep-all;
}

@media (max-width: 768px) {
    .global_branch_card {
        flex-direction: column;
        gap: 22px;
        padding: 24px 20px;
        border-radius: 18px;
    }

    .global_branch_flag {
        flex: none;
        max-width: 100%;
        width: 100%;
    }

    .global_branch_flag img {
        width: 100%;
        max-width: 260px;
    }

    .global_branch_title {
        font-size: 18px;
        margin-bottom: 16px;
    }

    .global_branch_list {
        grid-template-columns: 68px 1fr;
        gap: 8px 16px;
    }

    .global_branch_list dt,
    .global_branch_list dd {
        font-size: 14px;
        line-height: 1.5;
    }
}





.certification_list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 58px 30px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.certification_item {
    display: block;
    text-decoration: none;
}

.certification_thumb {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    background: #48bcc0;
    aspect-ratio: 258 / 341;
    border:1px solid #ccc;
}

.certification_thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.certification_item:hover .certification_thumb img {
    transform: scale(1.06);
}

.certification_name {
    margin: 18px 0 0;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.35;
    color: #333;
    text-align: center;
    word-break: keep-all;
}

.certification_name span {
    display: block;
    margin-top: 2px;
    font-size: 0.82em;
    font-weight: 600;
    line-height: 1.2;
}

@media (max-width: 1200px) {
    .certification_list {
        gap: 46px 24px;
    }

    .certification_name {
        font-size: 17px;
    }
}

@media (max-width: 991px) {
    .certification_list {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 10px;
    }
    .certification_thumb{border-radius: 5px;}
}

@media (max-width: 575px) {
    .certification_section {
        padding: 30px 0;
    }

    .certification_list {
       /* grid-template-columns: 1fr;
        gap: 28px;*/
    }

    .certification_name {
        margin-top: 14px;
        font-size: 16px;
    }
}






.certi_five_list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px 30px;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top:15px;
}

.certi_five_li {
    margin: 0;
    padding: 0;
}

.certi_five_item {
    display: block;
}

.certi_five_thumb {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    background: #efefef;
    aspect-ratio: 258 / 341;
     border:1px solid #ccc;

}

.certi_five_thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.4s ease;
}



.certi_five_item:hover .certi_five_thumb img {
    transform: scale(1.06);
}


@media (max-width: 1200px) {
    .certi_five_list {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 991px) {
    .certi_five_list {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px 18px;
    }
}

@media (max-width: 768px) {
    .certi_five_list {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 16px;

    }

    .certi_five_thumb {border-radius:5px;}
}

@media (max-width: 480px) {
    .certi_five_list {
       /* grid-template-columns: 1fr;*/
    }
}







.materials_rd_visual{
    position:relative;
    width:100%;
   
    border-radius:0px 25px 0px 25px;
    overflow:hidden;
    background:url('/theme/t2d_theme_basic_v2/user_img/materials_rd_bg.jpg') no-repeat center center / cover;
}



.materials_rd_overlay{
    position:relative;
    z-index:1;
    max-width:720px;
    padding:64px 65px;
    color:#fff;
    box-sizing:border-box;
    border:0px solid red;
}

.materials_rd_overlay h2{
    margin:0 0 22px;
    font-size:40px;
    font-weight:700;
    line-height:1.2;
    letter-spacing:-0.03em;
    color:#fff;
}

.materials_rd_overlay p{
    margin:0;
    font-size:21px;
    font-weight:500;
    line-height:1.75;
    letter-spacing:-0.03em;
    color:#fff;
    word-break:keep-all;
}

.materials_rd_content{
    padding:75px 0 0;

}

.materials_rd_list{
    margin:0;
    padding:0;
    list-style:none;
}

.materials_rd_list li{
    display:flex;
    align-items:flex-start;
    gap:75px;
    margin-bottom:72px;
}

.materials_rd_list li:last-child{
    margin-bottom:0;
}

.materials_rd_icon{
    flex:0 0 88px;
    width:150px;
    text-align:center;
    padding-top:6px;
}

.materials_rd_icon img{
    max-width:100%;
    height:auto;
    display:block;
    margin:0 auto;
}

.materials_rd_text{
    flex:1;
    min-width:0;
}

.materials_rd_text h3{
    margin:0 0 16px;
    font-size:28px;
    font-weight:700;
    line-height:1.3;
    letter-spacing:-0.03em;
    color:#8eb100;
    word-break:keep-all;
}

.materials_rd_text p{
    margin:0 0 28px;
    font-size:20px;
    font-weight:500;
    line-height:1.7;
    letter-spacing:-0.03em;
    color:#333;
    word-break:keep-all;
}

.materials_rd_text p:last-child{
    margin-bottom:0;
}

@media screen and (max-width:1024px){
    .materials_rd_visual{
        height:auto;
       
    }

    .materials_rd_overlay{
        padding:50px 40px;
    }

    .materials_rd_overlay h2{
        font-size:32px;
    }

    .materials_rd_overlay p{
        font-size:18px;
    }

    .materials_rd_list li{
        gap:34px;
        margin-bottom:56px;
    }

    .materials_rd_text h3{
        font-size:24px;
    }

    .materials_rd_text p{
        font-size:17px;
    }
}

@media screen and (max-width:768px){
    .materials_rd_visual{
        border-radius:20px;
    }

    .materials_rd_overlay{
        padding:36px 24px;
    }

    .materials_rd_overlay h2{
        margin-bottom:16px;
        font-size:28px;
    }

    .materials_rd_overlay p{
        font-size:17px;
        line-height:1.7;
    }

    .materials_rd_overlay p br{
        display:none;
    }

    .materials_rd_content{
        padding-top:48px;
    }

    .materials_rd_list li{
        flex-direction:column;
        gap:18px;
        margin-bottom:42px;
    }

    .materials_rd_icon{
        width:64px;
        flex:0 0 64px;
        padding-top:0;
    }

    .materials_rd_text h3{
        margin-bottom:12px;
        font-size:24px;
    }

    .materials_rd_text p{
        margin-bottom:20px;
        font-size:17.5px;
        line-height:1.8;
    }
}




.rnd_tap{width:100%;}
.rnd_tap ul{display: flex; justify-content: left; margin-bottom: 35px;}
.rnd_tap ul li{font-size:21px; padding:20px 0px;text-align:center; float:left; width:33%; margin-right:1%; 
    display:block; border:1px solid #ccc;}
    .rnd_tap ul li a{display: block;}
.rnd_tap ul li:last-child{margin-right:0%; }
.rnd_tap ul li.on{background: #8eb100; color:#fff !important;}





.bio_ferment_section {
    padding: 80px 0;
    background: #f3f3f3;
}

.bio_ferment_inner {
    max-width: 1340px;
    margin: 0 auto;
    display: flex;
    gap: 50px;
    align-items: stretch;
}

.bio_ferment_left,
.bio_ferment_right {
    flex: 1 1 0;
}

.bio_ferment_left img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
   border-radius: 0px 25px 0px 25px;
}

.bio_ferment_right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
     background: rgba(0,0,0,0.05);
    border-radius: 0px 25px 0px 25px;
      padding: 35px 45px;

    
}

.bio_ferment_text {
  
}

.bio_ferment_text h3 {
    margin: 0 0 26px;
    font-size: 25px;
    line-height: 1.35;
    font-weight: 700;
    color: #333;
    word-break: keep-all;
}

.bio_ferment_text p {
    margin: 0 0 22px;
    font-size: 19px;
    line-height: 1.6;
    font-weight: 500;
    color: #333;
    word-break: keep-all;
}

.bio_ferment_text p:last-child {
    margin-bottom: 0;
}

.bio_ferment_imgbox {
    margin-top: auto;
   padding-top:35px;
    width:100%;
   text-align: center;
    overflow: hidden; bordeR:0px solid red;
}

.bio_ferment_imgbox img {
    
    
    height: auto;
}

/* tablet */
@media (max-width: 1200px) {
    .bio_ferment_section {
        padding: 60px 20px;
    }

    .bio_ferment_inner {
        gap: 30px;
    }

    .bio_ferment_text h3 {
        font-size: 28px;
    }

    .bio_ferment_text p {
        font-size: 20px;
    }
}

/* mobile */
@media (max-width: 768px) {
    .bio_ferment_inner {
        flex-direction: column;
    }

    .bio_ferment_left img {
        height: auto;
    }

    .bio_ferment_text {
        padding: 10px 0 25px;
    }

    .bio_ferment_text h3 {
        margin-bottom: 18px;
        font-size: 22px;
    }

    .bio_ferment_text p {
        margin-bottom: 16px;
        font-size: 17.5px;
        line-height: 1.6;
    }

    .bio_ferment_imgbox {
        border-radius: 20px;
    }



.bio_ferment_right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
     background: rgba(0,0,0,0.05);
    border-radius: 0px 20px 0px 20px;
      padding: 25px;

    
}
}




.inquiry_div{width:80%; margin:0 auto; border:0px solid red; overflow: hidden;}
.inquiry_div div{width:49%; margin:0 auto; border:0px solid red; float:left;}
.inquiry_div div.flright{float:right;}
.inquiry_div p{font-size:19px; font-weight:500;  padding-bottom:20px;
    padding-left:20px;  bordeR:0px solid red;
     background:url('/theme/t2d_theme_basic_v2/user_img/dot02.png')no-repeat; background-position-y: -1px;}


@media (max-width: 768px) {
.inquiry_div{width:100%; margin:0 auto; border:0px solid red; overflow: hidden; padding:0px 10px;}
.clear2{width:100%; padding:0px 10px;}
.inquiry_div p{font-size:17px; font-weight:500;  padding-bottom:10px;
    padding-left:20px;  bordeR:0px solid red; padding-top:10px;
     background:url('/theme/t2d_theme_basic_v2/user_img/dot02.png')no-repeat; background-position-y: 3px;}
}





.list_box {
    width: 49%;
    height: 50px;
    padding: 10px 15px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    background: #fff;
     font-size:17px; 
     border-radius: 5px;
  
}
.list_box1 {
    width: 49%;
    height: 50px;
    padding: 0 15px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    background: #fff;
    float:right;
     font-size:17px; border-radius: 5px;

}

.input_box {
    width: 100%;
    height: 50px;
    padding: 0 15px;
    border: 1px solid #ddd;
    box-sizing: border-box;
      border-radius: 5px;
     font-size:17px;

}

.input_box_1{
    width:70%;
    height: 50px;
    padding: 0 15px;
    border: 1px solid #ddd;
    box-sizing: border-box;
      border-radius: 5px;
     font-size:17px;
     margin-bottom:10px; 
display: inline-block;


}
.add_btn{width:140px; display: inline-block; border-radius: 5px;  margin-bottom:10px; text-align: center;
 margin-left:5px; padding:0px 20px; text-decoration:none;line-height: 50px; background: #333333; color:#fff;}

.del_btn{width:140px; display: inline-block;  border-radius: 5px; margin-bottom:10px; text-align: center;
 margin-left:5px; padding:0px 20px; text-decoration:none;line-height: 50px;  border: 1px solid #333; color:#333333;}


@media (max-width: 768px) {
.input_box_1{width:60% !important;}
.add_btn{width:140px; font-size:13px;  padding:0px 10px;}
.del_btn{ font-size:13px;  padding:0px 5px;}
.inquiry_div div {width:100%;}
}



.textarea_box {
    width: 100%;
    height: 180px;
    padding: 15px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    resize: none;
      border-radius: 5px;
      font-size:17px !important;

}





.privacy_box {
    height: 250px;
    padding: 25px;
    border: 1px solid #ddd !important;
    background: #fafafa;
    overflow-y: auto;
border-radius: 5px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 1.7;
    white-space: pre-line;
    width:100% ;
}

.privacy_check {
    display:block;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    font-size: 18px;
    float:right;
}

.title_area1{width:100%; margin:0 auto;}
.title_area2{width:80%; margin:0 auto;}
.btn_area{width:100%; text-align:center; height: 70px;}
.inquriy_btn {
overflow: hidden;
    padding:25px; color:#fff; font-weight:500; font-sizE:20px; text-decoration: none; background:#8eb100; border-radius: 0px 20px 0px 20px;}


.radio_box{width:100% !important;}
.radio_box label {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 18px;
    margin-right:10px;
}

.radio_box input{margin-right:4px;}

.form_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 34px;
    row-gap: 10px;
}

.form_grid > .form_item {
    display: flex;
    align-items: center;
    gap: 10px;
    border:0px solid red !important;
    width:100%;
    background: #efefef;
    text-align: center;
    border-radius: 5px;
}

.form_label {
    width: 180px !important;
    flex-shrink: 0;
    font-size: 17px;
    font-weight: 600;
    color: #4a403c;
    line-height: 1.5;
}

.form_input {
    flex: 1;
}

.form_input input {
    width: 100%;
    height: 50px;
    padding: 0 14px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    background: #ffffff;
    box-sizing: border-box;
    font-size: 15px;
    color: #333333;
    outline: none;
}

.form_input input:focus {
    border-color: #b8b8b8;
}

@media screen and (max-width: 768px) {
    .title_area2{width:100%; margin:0 auto;}
    .form_grid {
        grid-template-columns: 1fr;
        column-gap: 0;
    }
}



.spanstyl01{width:30px !important; height:30px !important; background: #ccc; color:#fff; text-align: center; border-radius: 50%;}



/***완제 css***/

#m_board {
    float: left;
    position: relative;
    width: 100%;
    margin-right: 0;
    position: relative; 
    margin: 0 auto;
    border: 0px solid #ddd;
}

#m_board .tabs {

    position: relative;
    overflow: hidden;
}
#m_board .tabs li {
    float: left;
    font-size: 21px;
   
    text-align:center;
    color: #999;
    border:1px solid #ccc;
    position: relative;
    width:19%;
    margin:0.5%; 

}

#m_board .tabs li:first-child{padding-left:px !important;}
#m_board .tabs li:last-child{}
#m_board .tabs li a {
    display: block;
   padding:20px 35px;
    box-sizing: border-box;
    font-size: 21px;
    color: #999;
    line-height:30px;
 
    margin-right:0px;
    
}
#m_board .tabs li a:hover {
    background: #8eb100;

    box-sizing: border-box;
    font-size:21px;
    font-weight: 500;
    color: #fff;
   
}
#m_board .tabs .active a {
    color: #fff;

    box-sizing: border-box;
    font-size:21px;
    font-weight: 600;
    
    border:0px solid #00a651;
    background: #8eb100;
}

#m_board .tab_container {
  
    padding: 15px 15px;
 
    text-align: left;   
    border: 0px solid red;
    overflow:hidden;
    margin-top:55px;
}


@media screen and (max-width:1024px){
  
#m_board .tab_content ul li{
    border:0px solid red;
    width:100%;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
}


@media screen and (max-width: 768px) {


     #m_board .tabs li {
    float: left;
   font-size: 17.5px;
   
    text-align:center;
    color: #999;
    border:1px solid #ccc;
    position: relative;
    width:48%;
    margin:0.8% 1%; 

}

#m_board .tabs li:first-child{padding-left:px !important;}
#m_board .tabs li:last-child{}
#m_board .tabs li a {
    display: block;
   padding:10px 5px;
    box-sizing: border-box;
    font-size: 17.5px;
    color: #999;
    line-height:30px;
 
    margin-right:0px;
    
}
#m_board .tabs li a:hover{ font-size: 17.5px;}


#m_board .tab_container {margin-top:25px;}

}


.product_ttarea{width:100%; text-align:center;}
.cosmeticproduct_tt{font-size:45px; font-weight:600; color: #8eb100; font-family: 'SCoreDream';}
.cosmeticproduct_tt1{margin-top:25px; font-size:22px; line-height:1.7;}
.cosmeticproduct_tt2{ color:#8eb100;  font-size:27px; line-height:1.5; font-weight:600;}
.cosmeticproduct_tt3{color:#000; margin-top:35px; margin-bottom:15px; line-height:1.5; font-weight:500;  font-size:23px; }
.cosmeticproduct_tt4{font-sizE:18px; line-height:1.6; color:#666;}



@media screen and (max-width: 768px) {
.cosmeticproduct_tt{font-size:28px;}
.cosmeticproduct_tt2{font-size:24px;}
.cosmeticproduct_tt1{ font-size:19px; line-height:1.7;margin-top:15px}
.cosmeticproduct_tt3{font-size:19px;  margin-top:15px;}
.cosmeticproduct_tt4{font-sizE:17px; line-height:1.5; color:#666;}
}


.cleansingcare_bg{width:100%; padding:65px 45px;  overflow:hidden;

    background:url('/theme/t2d_theme_basic_v2/user_img/product_bg01.png'); margin-top:55px;
background-size:cover;
}
.skincare_bg{width:100%; padding:65px 45px;  overflow:hidden;

    background:url('/theme/t2d_theme_basic_v2/user_img/product_bg02.png'); margin-top:55px;
background-size:cover;
}

.haircare_bg{width:100%; padding:65px 45px;  overflow:hidden;

    background:url('/theme/t2d_theme_basic_v2/user_img/product_bg03.jpg'); margin-top:55px;
background-size:cover;
}
.specialcare_bg{width:100%; padding:65px 45px;  overflow:hidden;

    background:url('/theme/t2d_theme_basic_v2/user_img/product_bg04.jpg'); margin-top:55px;
background-size:cover;
}

.suncare_bg{width:100%; padding:65px 45px;  overflow:hidden;

    background:url('/theme/t2d_theme_basic_v2/user_img/product_bg05.jpg'); margin-top:55px;
background-size:cover;
}


.product_ttarea1{width:50%; float:right; border:0px solid red;}



@media (max-width: 768px) {

.cleansingcare_bg{border-radius:15px; 
    margin-top:0px; background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%); padding:30px 20px;}
.skincare_bg{border-radius:15px; 
    margin-top:0px; background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%); padding:30px 20px;}
.haircare_bg{border-radius:15px; 
    margin-top:0px; background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%); padding:30px 20px;}
.specialcare_bg{border-radius:15px; 
    margin-top:0px; background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%); padding:30px 20px;}
.suncare_bg{border-radius:15px; 
    margin-top:0px; background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%); padding:30px 20px;}


.product_img{border:0px solid red;}
.product_img img{width:100%;  margin-bottom:30px;}
.product_ttarea1{width:100%;}


}





.cleansing_wrap {
    max-width: 800px;
    margin: 0 auto;
    padding-top:55px;
}

.cleansing_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 50px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cleansing_list li  {
    display: block;
    text-decoration: none;
    border: 1px solid #d9d9d9;
    border-radius: 18px;
    overflow: hidden;
    background: #fff;
}

.cleansing_list .img_box {
    width: 100%;
    aspect-ratio: 1.45 / 1;
    overflow: hidden;
    background: #f3f3f3;
}

.cleansing_list .img_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.8s ease;
}

.cleansing_list li:hover .img_box img {
    transform: scale(1.08);
}

.cleansing_list p {
    margin: 0;
    padding: 18px 10px;
    font-size: 19px;
    font-weight: 600;
    color: #222;
    text-align: center;
    line-height: 1.4;
    background: #fff;
}

@media (max-width: 768px) {
    .cleansing_list {
        gap: 20px 16px;
    }

    .cleansing_list p {
        font-size: 16px;
        padding: 14px 8px;
    }
    .cleansing_wrap {padding-top:0px;}
}




.slide_sec {
    width: 100%;
    padding: 0px 0;
    background: #fff;
    overflow: hidden;
}

.slide_wrap {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 80px;
}

.slide_view {
    overflow: hidden;
    width: 100%;
}

.slide_track {
    display: flex;
    transition: transform 0.45s ease;
    will-change: transform;
}

.slide_item {
    flex: 0 0 50%;
    box-sizing: border-box;
    padding: 0 18px;
}

.slide_box {
    background: #f5f5f5;
    border-radius: 30px;
    overflow: hidden;
}

.slide_box img {
    display: block;
    width: 100%;
    height: auto;
}

.slide_btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 54px;
    height: 54px;
    border: 0;
    background: transparent;
    cursor: pointer;
    z-index: 5555555;
}

.slide_btn.prev {
    left: 0;
}

.slide_btn.next {
    right: 0;
}

.slide_btn span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.slide_btn.prev span::before,
.slide_btn.next span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 22px;
    border-top: 5px solid #49657a;
    border-right: 5px solid #49657a;
}

.slide_btn.prev span::before {
    transform: translate(-35%, -50%) rotate(-135deg);
}

.slide_btn.next span::before {
    transform: translate(-65%, -50%) rotate(45deg);
}

.slide_btn:disabled {
    opacity: 0.35;
    cursor: default;
}

@media all and (max-width: 1024px) {
    .slide_wrap {
        padding: 0 60px;
    }

    .slide_item {
        padding: 0 10px;
    }
}

@media all and (max-width: 768px) {
    .slide_wrap {
        padding: 0 45px;
    }

    .slide_item {
        flex: 0 0 100%;
        padding: 0;
    }

    .slide_box {
        border-radius: 20px;
    }

    .slide_btn {
        width: 42px;
        height: 42px;
    }

    .slide_btn.prev span::before,
    .slide_btn.next span::before {
        width: 16px;
        height: 16px;
        border-top: 4px solid #49657a;
        border-right: 4px solid #49657a;
    }
}




.emailcon{font-size:18px; line-height:30px;}
.emailcon p{font-weight:600;}



@media screen and (max-width:768px){
.emailcon{padding:1%;font-size:16px; line-height:25px;}

}




.ingredient_list{
  margin: 0 auto;
  padding: 0;
  list-style: none;
  border-top: 1px solid #cfcfcf;
  width:100%;
}

.ingredient_list li{
  border-bottom: 1px solid #cfcfcf;  padding: 34px 12px 34px 54px;
  background: url('/theme/t2d_theme_basic_v2/user_img/arrow_02.png')no-repeat right;
  background-position-x:97%;
   transition: all 0.3s ease;
}

.ingredient_list li a{
  display: block;
  align-items: center;
 
 
  text-decoration: none;
  transition: background 0.3s ease;
}

.ingredient_txt{
  min-width: 0;
}

.ingredient_txt strong{
  display: block;
  margin-bottom: 8px;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.25;
  color: #111;
  letter-spacing: -0.03em;

}

.ingredient_txt p{
  margin: 0;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.6;
  color: #777;
  letter-spacing: -0.02em;
  bordeR:0px solid red;
  text-align: left;
  display: block !important;
}

.ingredient_arrow1{
   margin-right:3%;
  position: relative;
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  border: 1px solid #cfcfcf;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.ingredient_arrow1::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11px;
  height: 11px;
  border-top: 1.5px solid #888;
  border-right: 1.5px solid #888;
  transform: translate(-65%, -50%) rotate(45deg);
  transition: all 0.3s ease;
}

.ingredient_arrow1{
   margin-right:3%;
  position: absolute;
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  top: 50%;
  left: 50%;
  border: 1px solid #cfcfcf;
  border-radius: 50%;
  transition: all 0.3s ease;
  z-indeX:55;

}

.ingredient_arrow1::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11px;
  height: 11px;
  border-top: 1.5px solid #888;
  border-right: 1.5px solid #888;
  transform: translate(-65%, -50%) rotate(45deg);
  transition: all 0.3s ease;
}




.ingredient_list li:hover{
  background:#f8f8f8;  background: url('/theme/t2d_theme_basic_v2/user_img/arrow_02_over.png')no-repeat right;
   background-position-x:97%;
}

.ingredient_list li a:hover .ingredient_arrow{
  border-color: #8eb100;
  background:#8eb100 ;
}

.ingredient_list li a:hover .ingredient_arrow::before{
  border-color: #fff;
}


@media all and (max-width: 1024px){
    .ingredient_list li{padding:30px 20px; }
  .ingredient_list li a{
   
  }

  .ingredient_txt strong{
    font-size: 23px;
  }

  .ingredient_txt p{
    font-size: 18px;
  }
}

@media all and (max-width: 768px){
     .ingredient_list li{padding:30px 20px; background: none;}
     .ingredient_list li:hover{
  background:#f8f8f8; 
}
  .ingredient_list li a{
    gap: 16px;
    
  }

  .ingredient_txt strong{
    margin-bottom: 6px;
    font-size: 19px;
  }

  .ingredient_txt p{
    font-size: 15px;
    line-height: 1.5;
  }

  .ingredient_arrow{
    width: 42px;
    height: 42px;
  }

  .ingredient_arrow::before{
    width: 9px;
    height: 9px;
  }
}



.certi_stt{letter-spacing:-0.5px; display:block; line-height:2;font-size:17px; width:100%; text-align: center; font-weight:500;}

@media all and (max-width: 768px){

    .certi_stt{font-size:17px;}

}