.mo_open{display: none}
.mo_nav_are{display: none}

.pclist{}
.molist{display: none}

@media (max-width: 1640px) {


  .brand_txt h2{font-size: 60px; line-height: 70px}

.brand_txt h2 img {
    display: inline-block;
    margin-top: 20px;
    max-width: 200px;
}

.brand_bg .brand_txt h2, .product_brand .brand_txt h2 {
    font-size: 50px;
    line-height: 70px;
}


.brand_txt p {
    font-weight: 600;
    margin-top: 10px;
    font-size: 24px;
}


.brand_icon .box h3 {
    margin: 20px 0 10px;
}


}






@media (max-width: 1580px) {
.life .inner{gap:50px}
.life_flex{gap:150px 30px;}
.life_flex a{width: calc(50% - 15px) }

.brand_bg .brand_txt.eng h2 br{display: none}

}


@media (max-width: 1360px) {

 
 
 .sub_nav {
    display: flex;
    padding: 20px 0;
    gap: 40px;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #f5f5f5;
}
 
.sub_nav a{font-size: 18px} 
 
 



 
.sub_title{margin-bottom: 50px} 
.sub_title h2{font-size: 30px; word-break: keep-all} 
.board_detail_title h2{font-size: 30px; word-break: keep-all}


.sub_visual{height: 400px}
.product_slide_are{width: 40%}


    .brand_txt h2, .brand_bg .brand_txt h2, .product_brand .brand_txt h2 {
        font-size: 40px;
        line-height: 55px;
    }

.logo_top {
	width:70px;
    height: 40px;
    background-size: 100% auto;
}

.mouse{bottom: 30px}
.mouse .box{margin: 0 auto 5px}
.mouse p{font-size: 12px}

.top_btn{width: 70px; height: 70px; bottom: 30px; right: 30px}

.brand_flex a h2, .life_flex a h2 {
    margin: 30px 0 10px;
    font-size: 20px;
}

.brand_flex a p, .life_flex a p{font-size: 16px; line-height: 22px}
.brand_flex a p span, .life_flex a p span{font-size: 14px; line-height: 20px}

.life_flex a .thum .bg_thum .more_plus,
.brand_flex a .thum .bg_thum .more_plus{width: 60px; height: 60px}

.scl_down{bottom: 30px}
.main_visual_txt h2{font-size: 60px; line-height: 80px}
.controls{right: 25px}
.scl_down p{font-size: 12px}


.main_title h2{font-size: 40px; line-height: 50px}
.main_title p{font-size: 18px; line-height: 32px; margin-top: 10px}

.life_flex {
    display: flex;
    gap: 150px 20px;
    align-items: flex-start;
    justify-content: flex-end;
    flex-wrap: wrap;
    width: 60%;
}
.life_flex a{width: calc(50% - 10px)}

.aro_rev span{width: 70px; height: 70px}



.revitalize_slide a p {
    font-size: 18px;
    margin-top: 20px;
    font-weight: 500;
}

.gall_list_style{gap:70px 20px}
.gall_list_style li {
    width: calc(33.33% - 13.33px);
}

.top_product_flex{gap:50px}


.prodcut_info_are .box li{font-size: 16px; word-break: keep-all; line-height: 22px}

.prodcut_info_are h2{font-size: 30px}

.inquiry_flex{gap:50px}



}


@media (max-width: 1280px) {

.brand_icon .box{padding: 0 25px}

.top_nav{gap:60px}
.top_nav li .deps1{font-size: 18px}

.video_are{height: 100vh}
.top_nav li .deps2 a{font-size: 16px}

.brand_flex{margin-top: 50px}



.brand_icon .box h3{font-size: 18px}
.brand_icon .box p{font-size: 16px; line-height: 22px}

.common_btn a, .common_btn button{font-size: 14px}

.prodcut_info_are .box{gap:15px}

.prodcut_info_are .box .icon{border-radius: 5px; width: 50px; height: 50px}
.prodcut_info_are .box .info_txt ul {
    padding: 25px 15px;
    background: #F9F9F9;
    border-radius: 5px;
    border: 1px solid #f5f5f5;
    margin-top: 10px;
}

.prodcut_info_are .box .info_txt h3{font-size: 18px}
.prodcut_info_are .box .info_txt ul li{font-size: 16px; line-height: 22px}

.product_small .slick-slide img,
.product_big .slick-slide img{border-radius: 5px}

.video-container{border-radius: 10px}

.tlb table th, .tlb table td{font-size: 16px; padding: 15px 15px}

.board_custom .tlb table th:last-child, 
.board_custom .tlb table td:last-child{display: none}

.tlb table td ul{margin-top: 5px}
.tlb table td ul li{font-size: 16px; line-height: 22px; }


.form_in ul li label{font-size: 16px; margin-bottom: 5px}

.form_in ul{gap:20px 20px}

.foot_info .inner .right select, .form_in input, .form_in select{border-radius: 5px; font-size: 16px; line-height: 50px; height: 50px; padding: 0 15px}
 
.form_in ul li .file_are button{height: 50px; line-height: 50px} 
 
.sub_top_title p{font-size: 16px; margin-bottom: 5px} 
.sub_top_title h2{font-size: 30px}
 
.sub_nav a {font-size: 16px;} 



        
        
        
 
.agree_pop_content .agree_title h2{font-size: 20px} 
 
 .foot_copy{text-align: left}
 
 .foot_top .inner a{font-size: 16px}
.foot_info_list li{font-size: 16px; line-height: 25px}
.foot_info_list li b{height: 30px; font-size: 16px; line-height: 30px; width: 80px}

.foot_copy p{font-size: 16px}

.top_btn{width: 70px; height: 70px; right: 40px; bottom: 40px}


.main_visual_txt h2{font-size: 60px;}
.main_visual_txt p{font-size: 18px; word-break: keep-all}
 
.main_installation_slide{margin: 0 -10px}	
.main_installation_slide .slick-slide{padding: 30px 10px}	

.main_partner_flex .box p{font-size: 18px}





.sub_nav{gap:30px; }


.sub_bg{height: 300px}

.gall_list_style{gap:20px}

.gall_list_style li {
    width: calc(33.33% - 13.33px);
}


.board_list_txt {
    margin-top: 20px;
}

.board_list_txt h3{font-size: 18px}
.board_list_txt p{font-size: 16px}

.board_detail_title h2{font-size: 30px}
.board_detail_title p{font-size: 16px}



.sub_nav.eng a{font-size: 16px}
	

}




@media (max-width: 1024px) {
	
img{max-width: 100%}

.board_detail_content p{font-size: 16px; line-height: 22px}

.sub_nav{display: none}
.sub_nav.eng{display: none}


.header_top .inner{height: 100px}		
.top_right{margin-right: 50px}

.brand_txt.eng h2 br{display: none}
.brand_txt.long h2 br{display: none}
.brand_txt.eng h2 img{display: block; margin: 0 auto}	
	
.main_slide iframe   {

    width: 240%;
    height: 240%;

}	
	
.main_about .inner {
    display: flex;
    gap: 50px;
    justify-content: space-between;
    align-items: center;
    flex-direction: column-reverse;
}	
	
	
.main_about .main_about_txt {
    flex: none;
    width: 100%;
}	

    .main_about_img {
        width: 100%;
        max-height: 40vh;
    }
	
	
.main_product_flex {
    margin-top: 60px;
    display: flex;
    gap: 50px 20px;
    flex-wrap: wrap;
}	
	
.main_product_flex a:nth-child(2) {
    margin-top: 0px;
}	


.main_product_flex a:nth-child(1) { order: 2; width: calc(50% - 10px)}
.main_product_flex a:nth-child(2) { order: 1; width: 100%}
.main_product_flex a:nth-child(3) { order: 3; width: calc(50% - 10px)}

.main_product_flex a:nth-child(1) .thum,
.main_product_flex a:nth-child(2) .thum,
.main_product_flex a:nth-child(3) .thum{border-radius: 10px}
	
.main_product_flex a .thum img {
        aspect-ratio: 1;
        width: 100%;
        height: 100%;
        object-fit: cover;
}	



.main_partner .inner {
    display: flex;
    gap: 60px;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}

.main_partner .inner .main_title.point_title {
    text-align: center;
    flex: none;
    position: relative;
    top: 0;
    left: 0; width: 100%
}


.main_partner_flex {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-end;
    gap: 20px;
    width: 100%;
}
.main_partner_flex .box {
    width: calc(50% - 10px);
}


.main_partner_flex .box:nth-child(2n) {
    margin-top: 0;
}



.main_partner .inner .main_title.point_title .common_btn {
    margin: 40px auto 0;
}




/* 모바일 네비 시작 */

	.top_nav{display: none}
	.sns_top{right: 80px}

  
  	.mo_open{display: block;
    width: 25px;
    height: 19px;
    position: fixed;
    right: 20px;
    top: 40px;
    z-index: 9999}
    


    .mo_open  span {
    display: block;
    position: absolute;
    right: 0;
    width: 100%;
    height: 3px;
    border-radius: 15px;
    background: #fff;
    transition: all 0.3s ease-in-out;}


.header_top.drop + .mo_open span,
.sub_head .mo_open span{background: #222}





    .mo_open span:first-child {
    top: 0;}

    .mo_open span:nth-child(2) {
    top: 50%;
    width: 70%;
    transform: translateY(-50%);}

    .mo_open span:nth-child(3) {
    bottom: 0;}


    .open_nav .mo_open span{background: #222}

    .open_nav .mo_open span:first-child {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);}


    .open_nav .mo_open span:nth-child(2) {
    opacity: 0;}

    .open_nav .mo_open span:nth-child(3) {
    bottom: 50%;
    transform: translateY(50%) rotate(-45deg);}
    
    .mo_nav_are{position: fixed; right: -100%; top: 0; background: #f5f5f5; 
    width: 100%;; height: 100%; z-index: 9998; transition-duration: 1s; opacity: 0; display: block}

  	.open_nav .mo_nav_are{right: 0; transition-duration: 1s; opacity: 1}
  	
  
  	
  	.nav_drop{margin-top: 130px}

    .collapsible {
            background-color: #f5f5f5;
            color: #222;
            cursor: pointer;
            padding: 20px;
            width: 100%;
            border: none;
            text-align: left;
            outline: none;
            font-size: 18px; font-weight: bold
        }
        .collapsible .active,
        .collapsible:hover {
            color: #1B97D3
        }
        .content {
            padding: 0 20px;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.2s ease-out;

        }

        .content a{font-size: 18px; padding: 8px 0; display: block; color: #333}

        .collapsible:after {
            content: '\002B';
            color: #666;
            font-weight: bold;
            float: right;
            margin-left: 5px;
        }
        .collapsible .active:after {
            content: "\2212";
        }



.open_nav_sns{position: absolute; left: 20px; top: 35px; display: flex; gap:20px}
.open_nav_sns .sns_icon{background: rgba(255,255,255,.2); width: 50px; height: 50px; display: flex; border-radius: 50px;justify-content: center;
    align-items: center; transition-duration: .5s}
.open_nav_sns .sns_icon:hover{box-shadow: 4px 4px 25px 0px rgba(0, 0, 0, 0.20);}
.open_nav_sns .sns_icon:first-child:hover{background: #19166C}
.open_nav_sns .sns_icon:nth-child(2):hover{background: #E64473;}
.open_nav_sns .sns_icon:nth-child(3):hover{background: #FF0000}







 
/* 모바일 네비 끝 */
.foot_info .inner .left {
    display: flex;
    gap: 50px;
    align-items: center;
}

.life .inner {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 50px;
}


.main_title h2{word-break: keep-all}
.main_title h2 br{display: none}

    .life_flex {
        display: flex;
        gap: 50px 20px;
        align-items: flex-start;
        justify-content: flex-end;
        flex-wrap: wrap;
        width: 100%;
    }

.life .inner .main_title {
    flex: 1;
    position: relative;
    top: 0;
    left: 0;
    text-align: center; width: 100%
}

.life_flex a:nth-child(2n) {
    margin-top: 0;
}


.main_section.life {
    padding: 100px 0 100px;
}


.main_section {
    padding: 100px 0;
}



.brand_flex{gap:20px 20px; flex-wrap: wrap;         justify-content: flex-start;
        align-items: flex-start;}
.brand_flex a {
    width: calc(50% - 10px);
}

.brand_icon .box{bottom: 0; opacity: 1}

.brand_flex a:nth-child(1){padding: 0}
.brand_flex a:nth-child(2){padding: 0}
.brand_flex a:nth-child(3){padding: 0}



.prodcut_info_are{width: 100%}
.tlb {
    overflow-x: auto;
}


.install_slide_are{margin-top: 30px}




.pclist{display: none}
.molist{display: block}



.sub_section{padding: 180px 0 100px}


.history_flex .thum{width: 30%}


.top_product_flex {
    display: flex;
    gap: 50px;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.product_slide_are {
    width: 100%;
}

.product_big img{width: 100%}

.prodcut_detail_img{margin-top: 100px}
.prodcut_detail_img .tlb{margin-top: 100px}


    .inquiry_flex {
        gap: 50px;
        justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    }


.inquiry_flex .sub_subject {
    position: relative;
    top: 0;
    left: 0;
}


.sub_subject h2{word-break: keep-all}
.sub_subject h2 br{display: none}


.product_list{gap:40px 20px}

.product_list li {
    width: calc(50% - 10px);
}

}




@media (max-width: 860px) {

.board_common_btn_list ul a, .board_common_btn_list ul button{font-size: 14px; padding: 0 15px; gap:10px; border-radius: 5px}

.controls {
        right: auto;
        top: auto;
        transform: none;
        left: 25px;
        bottom: 30px;
    }

    .scl_down p {
        font-size: 12px;
        text-align: right;
        padding: 0 25px;
    }
    
    

.main_title h2{font-size: 30px; line-height: 40px; word-break: keep-all}
.main_title h2 br{display: none}
.main_title p{font-size: 16px; line-height: 22px}

.aro_rev{gap:10px}


.foot_info .inner {
    display: block;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    gap: 30px;
}


    .foot_info .inner .left {
        display: block;
        gap: 30px;
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-start;
    }

    .foot_info .inner .right{margin-top: 30px}

.foot_info_list{margin-top: 30px}

.revitalize_slide .slick-slide {
    padding: 0 5px;
}

.revitalize_slide {
    margin: 30px -5px 0;
}


.brand_txt h2, .brand_bg .brand_txt h2, .product_brand .brand_txt h2{font-size: 30px; line-height: 45px; word-break: keep-all}

.brand_txt.eng h2,
.brand_txt.long h2{font-size: 30px; line-height: 45px; word-break: keep-all}
.brand_bg .brand_txt.eng h2{font-size: 30px; line-height: 45px; word-break: keep-all}

.brand_txt{padding: 0 25px}

.brand_icon .box{padding: 0 25px}

.brand_icon .box p br{display: none}

.board_common_btn_list ul{gap:10px}

.sub_bg {height: 200px;}
.gall_list_style{gap:40px 20px}
    .gall_list_style li {
        width: calc(50% - 10px);
    }



.ceo_flex, .history_flex {
        display: flex;
        gap: 50px;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }

.ceo_flex .thum, .history_flex .thum {
        width: 100%;
        border-radius: 10px;
    }

.history_flex .thum{position: relative; top: 0;}
    .sub_nav {
        overflow-x: auto;
        text-align: center
    }


.sub_nav a {
        font-size: 18px;
        flex: 0 0 auto;
        display: inline-block;
    }

.sub_nav a + a{margin-left: 20px}

   .partner_flex_sub .box {
        width: calc(50% - 10px);
    }


.notice_custom li{border-radius: 10px}

.notice_custom .notice_txt h3{font-size: 18px}
.notice_custom .notice_txt p{font-size: 14px}


.agree_pop_content{max-width: 90%}

.product_title h2{font-size: 30px}
.product_title p{margin-top: 10px; font-size: 16px; word-break: keep-all}

.brand_txt p{font-size: 16px}

.foot_top .inner{display: block}
.foot_top .inner *{display: inline-block}

.foot_top .inner span{display: inline-block; margin: 0 15px}

}




@media (max-width: 600px) {

.main_visual_txt{text-align: center}
.main_visual_txt h2 i{display: none}

.main_visual_txt h2 + h2{margin: 0}

.brand_txt p{font-size: 14px}

.header_top .inner {
        height: 80px;
    }
 

.logo_top{top: 25px} 
.logo_top img{max-width: 100px} 
.mo_open{top: 30px} 
 
 

.main_visual_txt h2 {
        font-size: 30px;
        line-height: 45px
    }


.progress_are{display: none}
.custom-arrow{width: 50px; height: 50px; background-size: 8px auto}


    .top_btn {
        width: 50px;
        height: 50px;
        right: 25px;
        bottom: 25px;
    }



    .main_title h2 {
        font-size: 24px;
        line-height: 34px;
        word-break: keep-all;
    }


.main_about_long p, .main_title p {
        font-size: 16px;
        line-height: 22px;
        word-break: keep-all;
    }

.main_about_long p br, .main_title p br{display: none}


.life_flex, .brand_flex{gap:40px 10px}
.brand_flex a, .life_flex a{width: 100%}
.brand_flex a .thum, .life_flex a .thum{border-radius: 5px}

.brand_flex a h2, .life_flex a h2 {
        margin: 20px 0 5px;
        font-size: 18px;
        word-break: keep-all;
    }

.brand_flex a p, .life_flex a p{word-break: keep-all}
.brand_flex a p br, .life_flex a p br{display: none}


.life_flex a .thum .thum_img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    scale: 1.0;
    transition-duration: .5s;
    aspect-ratio: 1;
}

.revitalize_slide a .thum{border-radius: 5px}    
    .revitalize_slide a p {
        font-size: 16px;
        margin-top: 10px;
        word-break: keep-all;
    }


.aro_rev{display: none}



.brand_txt h2{word-break: keep-all}
.brand_txt h2 br{display: none}
    
.main_partner_flex .box .thum {
    height: 120px;
    display: flex;
    border: 1px solid #ddd;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    transition-duration: .5s;
    padding: 15px;
} 
 
    .main_partner_flex .box p {
        font-size: 14px;
        margin-top: 15px;
    } 
 
 
    .main_partner_flex .box .thum img {
        width: 100%;
        object-fit: contain;
        height: 100%;
    }
    
    
    
.brand_txt h2, .brand_bg .brand_txt h2, .product_brand .brand_txt h2{font-size: 24px; line-height: 34px}
  
.brand_txt.eng h2,
.brand_txt.long h2{font-size: 24px; line-height: 34px}
.brand_bg .brand_txt.eng h2{font-size: 24px; line-height: 34px} 

.brand_txt.eng h2 img{margin-top: 10px}
  
    .brand_flex.show a:nth-child(2n) {
        padding: 0;
        margin: 0
    }  
  
.brand_flex + .brand_txt {
    margin-top: 100px;
}
.sub_top_title p{font-size: 12px}
.sub_top_title h2{font-size: 24px}

.product_title h2{font-size: 24px}
.product_title{margin-bottom: 40px}

.prodcut_info_are .box{gap:10px}
    .prodcut_info_are .box .icon {
        border-radius: 5px;
        width: 40px;
        height: 40px;
    }
    
    
.prodcut_info_are .box .info_txt {
    flex: 1;
    padding: 30px 25px
}

.prodcut_info_are .box .info_txt p{font-size: 14px}
.prodcut_info_are .box .info_txt h3 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    
    .prodcut_info_are .box .info_txt ul li {
        font-size: 14px;
        line-height: 20px;
    }    
 
    .tlb table th, .tlb table td {
        font-size: 14px;
        padding: 15px 10px;
    } 
 
    .foot_info .inner .right select, .form_in input, .form_in select {
        border-radius: 5px;
        font-size: 14px;
        line-height: 40px;
        height: 40px;
        padding: 0 15px;
        width: 100%
    } 

.foot_info .right{width: 100%}
.foot_info .inner .left {
        display: flex;
        gap: 30px;
        align-items: center;
        flex-direction: column;
        justify-content: flex-start;
        width: 100%;
    }

    
.brand_icon {
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    gap: 50px;
}
    
.foot_info_list li{line-height: 22px;
    gap: 10px;
    justify-content: flex-start;
    align-items: flex-start; font-size: 14px}
.foot_info_list li span{flex:1}    

.foot_info_list li b {
        height: 25px;
        font-size: 12px;
        line-height: 25px;
        width: 60px;
    }

.foot_copy{padding: 20px 20px; text-align: center}
.foot_copy p{font-size: 12px; word-break: keep-all}

    .sub_visual {
        height: 300px;
    }

.arrowSlider{display: none}  
.content a{font-size: 16px}

.krfont{font-family: 'Poppins', 'Pretendard' !important;}

.sub_title h2{font-size: 24px}

.form_in ul li .file_are{gap:5px}

.form_in ul li .file_are button{font-size: 14px; line-height: 40px; height: 40px; width: auto; padding: 0 20px}


.ck_agree {
    display: flex;
    margin-top: 30px;
    gap: 10px;
    justify-content: flex-start;
    align-items: center;
}

.ck_agree p {
    color: #1D1D1B;
    font-size: 14px;
}


.foot_top {

    padding: 20px 0;

}

.foot_top .inner {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}



.foot_top .inner a {
        font-size: 14px;
    }

.sub_top {
    padding: 120px 0 0 0;
}
.sub_top .sub_title p{font-size: 12px}
.sub_top .sub_title h2{font-size: 24px}
.sub_top .sub_title{margin-bottom: 30px}
.sub_nav{display: none}

    .board_common_btn_list ul {
        gap: 10px;
        flex-wrap: wrap;
    }


.sub_bg {height: 150px;}
.gall_list_style{gap:20px 10px}

.sub_title {
        margin-bottom: 30px;
    }
.board_detail_content{margin-top: 30px; padding:  20px 10px}
    .gall_list_style li {
        width: 100%
    }

    .sub_section {
        padding: 150px 0 100px;
    }
    
    
   .sub_title p {
    font-size: 14px;
    margin-top: 10px;
    word-break: keep-all;
} 

.board_list_txt h3{font-size: 16px}
.board_list_txt p{font-size: 12px}

.board_detail_title h2{font-size: 18px}
.board_detail_title p{font-size: 12px}


.notice_custom .date{width: 80px}
.notice_custom .date h2{font-size: 16px;}
.notice_custom .date p{font-size: 12px}
.notice_custom li {
        padding: 25px 15px;
        gap:20px
    }
    
.notice_custom .notice_txt p{margin-top: 5px}    

.sub_subject{margin-bottom: 30px}
.sub_subject h2{font-size: 18px; }
.tlb h2{font-size: 18px; margin-bottom: 30px}


.form_in ul li {
    width: 100%;
}

.form_in ul li .file_are input{flex:1}

.down_cate a, .send_iq button{border-radius: 10px; font-size: 14px}

.ck_agree p{flex:1; word-break: keep-all}



.product_list a p {
    margin-top: 15px;
    color: #fff;
    font-size: 16px;
    word-break: keep-all;
}

.agree_pop_content .agree_title h2 {
        font-size: 16px;
    }

.prodcut_info_are .box h3 {
    color: #551C87;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}

    .board_list_txt {
        margin-top: 10px;
    }
.agree_pop_content{border-radius: 5px}
.agree_pop_info p, .agree_pop_info h3{font-size: 14px}
.agree_pop_info p + h3 {
    margin-top: 20px;
}

.gall_list_style li .gall_img {
    overflow: hidden;
    border-radius: 5px;
    transition-duration: .5s;
}





.board_common_btn_list {
    margin-top: 40px;
}

.common_btn a, .common_btn button{height: 40px; line-height: 40px; border-radius: 5px}

.sns_top .lang_icon{width: 40px; height: 40px}

.sns_top .lang_icon .icon {
    background-size: 20px auto;
}

    .nav_drop {
        margin-top: 80px;
    }

    .collapsible {
        background-color: #f5f5f5;
        color: #222;
        cursor: pointer;
        padding: 10px 20px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 18px;
        font-weight: bold;
    }

.form_in ul li label{font-size: 14px}

.form_in textarea{font-size: 14px; padding:10px 15px }


    .board_common_btn_list ul a, .board_common_btn_list ul button {
        font-size: 14px;
        padding: 0 15px;
        gap: 10px;
        border-radius: 5px;
        height: 40px;
        line-height: 40px;
    }

.product_list li .txt h3,
.product_list li .txt p{font-size: 14px;}


.p_row ul {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.p_row ul li{ text-align: center; max-width: 100px}

.p_row ul li p{font-size: 14px;}

.main_visual_txt p{font-size: 14px; margin-top: 10px}

}



@media (max-width: 360px) {

 
    .sub_title h2 {
        font-size: 18px;
    }
    
    .main_title h2{font-size: 20px} 
    
    .main_about_long p, .main_title p {
        font-size: 14px;
        line-height: 20px;
        word-break: keep-all;
        margin-top: 5px;
    }

	.revitalize_slide a p{font-size: 14px}
	
	
    .brand_flex a p span, .life_flex a p span {
        font-size: 12px;
        line-height: 20px;
        margin-top: 5px
    }
.product_title h2{font-size: 18px}
.product_title p{font-size: 14px; line-height: 22px}

.brand_txt h2, .brand_bg .brand_txt h2, .product_brand .brand_txt h2 {
        font-size: 20px;
        line-height: 30px;
    }
    
.brand_txt.eng h2,
.brand_txt.long h2{font-size: 20px; line-height: 30px}
.brand_bg .brand_txt.eng h2{font-size: 20px; line-height: 30px}

.brand_flex a p, .life_flex a p, .brand_icon .box p {
        font-size: 14px;
        line-height: 22px;
    }
 
.brand_icon .box img{max-width: 100px} 
 
 
.video-container + .sub_subject,
.prodcut_detail_img_are + .sub_subject{margin-top: 50px} 
 
    .sub_visual {
        height: 250px;
    } 
 
 
}