@charset "utf-8";

/***********************************/
/*              반응형
/***********************************/

.facility .mb_only{display:none;}

@media screen and (max-width:1920px) {
	
}

@media screen and (max-width:1750px) {
	
    /*KY세라믹박판*/
    .kale .owl-carousel .owl-nav button.owl-prev{left:70px;}
}



@media screen and (max-width:1650px) {

    /* 메뉴 */
    .header_wrap{padding:0 5%;}
    .sub .header_wrap{padding:0 5%;}
    .main_sec_all_wrap:first-child{padding:0;}
    .main_visual_all_wrap .visual_sec{padding:0 5%;}
	.main_visual_all_wrap.wrap_wid_1620{padding:0 5%;}
	.wrap_wid_1620{padding:0;}
    .logo_wrap{top:30px;max-width:140px;}
    .top_nav .menu_a{height:80px;}
    .top_contact{top:20px;}

    /*인사말*/
    .subPageWrap .wrap_wid_1620{padding:0 5%;}
    .greetings .greetings_wrap{gap:5%;}
    .greetings .sub{padding:0;width:calc(95% / 2);}

    /*연혁*/
    .subPageWrap .history{padding:150px 5%;}
    
    /*조직도*/
    .subPageWrap .facility{padding:150px 5%;}

    /*오시는 길*/
    .subPageWrap .directions{padding:150px 5%;}

    /*외장재시공*/
    .subPageWrap .cladding .wrap_wid_1620{padding:100px 5%;}
    .cladding .wrap_wid_1400{padding:0 5%;max-width:100%;}
    .cladding .sub_sec_01 .sub_txt{gap:50px;}

    /*설계지원*/
    .subPageWrap .engineering .wrap_wid_1620{padding:100px 5%;}
    .engineering .wrap_wid_1400{padding:0 5%;max-width:100%;}
    .engineering .sub_sec_01 .sub_txt{gap:50px;}
    .engineering .sub_sec_02 .wrap_wid_1400{padding:100px 5% 0;}

    /*KY세라믹박판*/
    .kale .subPageWrap .wrap_wid_1620{padding:200px 5%;}
    .kale .sub_visual_con_des{gap:5%;}
    .kale .wrap_wid_1620{padding:100px 5%;}

    /*내진패널*/
    .panel .subPageWrap .wrap_wid_1620{padding:200px 5%;}
    .panel > b{display:block;padding:0 5%;}

    /*테라코타*/
    .terracotta .subPageWrap .wrap_wid_1620{padding:200px 5% 100px;}
    .terracotta .wrap_wid_1620{padding:100px 5%;}

    /*베이스패널*/
    .bace .subPageWrap .wrap_wid_1620{padding:200px 5% 100px;}
    .bace .wrap_wid_1620{padding:100px 5%;}

    
    /*projects*/
    .projects{padding:200px 5% 0;}
    
    
    /*footer*/
    .footer_section.wrap_wid_1302{max-width:100%;padding:0 5%;}

}

@media screen and (max-width:1560px) {

    /*projects*/
	.projects .sub_con_tab_wrap_all .sub_con_s_tit{width:100%;margin-bottom:3%;}
    .projects .sub_con_tab_wrap_all .sub_con_tab_wrap{width:100%;}

    /*projects_view*/
    .projects .sub_con_tab_wrap .tab a .sub_con_tab{padding:20px;}

    .panel .sub_sec_01 {padding: 80px 0;}

}

/***맥북사이즈***/
@media screen and (max-width:1440px) {
    
    /*메인*/
    .main .main_sec_all_wrap:first-child{height:1000px;}
    .visual_sec .visual_wrap .txt_box .txt1{font-size:50px;line-height:1;}
    .visual_sec .visual_wrap .txt_box .txt1 .img{width:30px;margin-bottom:15px;}
    .main_collection .left .tit_box .tit2{font-size:40px;}
    .main_collection .cont_box{padding-top:50px ;}
    .main_introduce{padding:200px 0;}
    .main_introduce > p{font-size:50px;}
    .main_project .project_wrap{padding:140px 5%;}
    .main_project .project_wrap .left .tit_box .tit2{font-size:40px;}
    .main_project .title{font-size:28px;}
    .main_solution{padding:160px 0;}
    .main_solution .title_main{font-size:40px;}
    .main_solution .service_grid{margin-top:50px;}
    .main_solution .service_card_top h3{font-size:30px;}
    .main_solution .service_text{padding-top:2%;}
    .main_news .news_section_title{font-size:40px;}
    .main_news .news_grid{padding-top:50px;padding-bottom:140px;}
    .main_news .news_card{padding:25px;}
    .main_news .news_title{font-size:22px;padding-top:20px;}
    .main_news .news_desc{padding-top:15px;}
    .main_news .news_date{padding-top:30px;}
    .main footer{padding:100px 0;}
    .footer_section .quote_title{font-size:40px;}
    .footer_section .quote_form{padding-top:30px;}
    .footer_section .quote_btn{font-size:24px;}

    /*외장재시공*/
    .sub_visual .txt_box .txt1{font-size:50px;}
    .sub_visual .txt_box .txt2{font-size:50px;}
    .greetings .sub > p > span{font-size:30px;}
    .greetings .sub > p{font-size:20px;}

    /*연혁*/
    .sub_visual1{height:374px;}

    /*오시는 길*/
    .directions .directions_info .info_detail .txt{font-size:20px;}

    /*KY세라믹박판*/
    .kale .subPageWrap .wrap_wid_1620{padding:200px 5% 100px;}
    .kale .wrap_wid_1620{padding:80px 5%;}

    /*내진패널*/
    .panel .sub_sec_02.wrap_wid_1620{padding:80px 0}
    .panel .stepDesc br{display:none;}

    
    
    /*테라코타*/
    .terracotta .sub_con_tab_wrap .tab a .sub_con_tab{padding:20px ;}
    .exagres .subPageWrap{min-height:160vh ;}



    /*footer*/
    .site_footer{padding:80px 5% 110px;}

}


@media screen and (max-width:1400px) {
    .sub_visual1{height:410px;}
}



@media screen and (max-width:1360px) {
    /* 내진패널 sub0302 */
    .panel .bace_sub_sec_01_in { display: grid; grid-template-columns: 1fr; gap: 20px; }

    /* 메뉴 */
    .scroll .header_all_wrap{height:80px;}
    .m_menu_btn_wrap{top:20px;}
    .m_menu .menu{flex-wrap:wrap;gap:50px;}
    .m_menu .menu_a{width:230px;}
    .m_menu_wrap .sub_menu_wrap{width:calc(100% - 280px) ;}
    .m_menu_wrap .menu_a.menu_on{color:#d60000;}
    .m_menu .menu:hover .menu_a span{color:#d60000;}
    .m_menu .sub_menu:hover .sub_menu_a span{color:#d60000;}

    /*외장재시공*/
    .cladding .sub_sec_01 .sub_txt{grid-template-columns:3.5fr 6.5fr ;gap:20px;}

    /*설계지원*/
    .engineering .sub_sec_01 .sub_txt{grid-template-columns:4fr 6fr ;gap:20px;}
    

}


@media screen and (max-width:1200px) {
    
    /*main*/
    .main_project .slide_box{border-radius:30px;}
    .main_project .cont_box .swiper-button-prev, .main_project .cont_box .swiper-button-next{width:4vw;height:4vw;}
    .main_project .txt_box{padding:20px 20px;}
    .main_solution .service_text{line-height:1.4;}
    .main_solution .service_text{margin-top:3%;}
    

    /*외장재시공*/
    .cladding .sub_sec_01 .sub_txt{display:block ;}
    .cladding .sub_sec_01 .sec_tit5{margin-bottom:15px;}
    .cladding .sub_sec_01 .sec_tit5 br{display:none;}
    .cladding .sub_sec_01 .sec_txt2 br{display:none;}

    /*설계지원*/
    .engineering .sub_sec_01 .sub_txt{display:block ;}
    .engineering .sub_sec_01 .sec_tit5{margin-bottom:15px;}
    .engineering .sub_sec_01 .sec_tit5 br{display:none;}
    .engineering .sub_sec_01 .sec_txt2 br{display:none;}

    


    /*projects*/
    .projects_board_wrap{gap:80px 20px;}
	.projects_board_wrap .projects_board_item{width:calc((100% - 40px) / 3);}

    /*projects_view*/
    .projects .sub_info_wrap .sub_info_txt{gap:0 80px;}
    .projects .sub_info_wrap .sub_info_txt span{width:calc(100% - 170px);}

}


@media screen and (max-width:1024px) {
    

    /*메인*/
    .main .main_sec_all_wrap:first-child{height:1200px;}
    .visual_sec .visual_wrap .txt_box .txt1{font-size:40px;}
    .visual_sec .visual_wrap .txt_box .txt1 .img{width:20px;margin-bottom:5px;}
    .main_visual_all_wrap_project{margin:0 ;}
    .main_solution .service_card_top h3{font-size:30px;}
    .main_collection .right{text-align:left;}
    .main_project .title{font-size:26px;}
    .main_project .project_wrap .right{text-align:left;}

    /*인사말*/
    .greetings .greetings_wrap{gap:0;}
    .greetings .sub{width:100%;}
    .greetings .sub > p{padding-bottom:3%;}

    /*연혁*/
    .history .timeline_item{padding-bottom:40px;}
    

    /*외장재시공*/
    .cladding .sub_sec_02 .sub_sec_in{grid-template-columns: repeat(2, 1fr) ;}

    /*설계지원*/
    .engineering .sub_sec_02 .sub_sec_in{display:block ;}
    .engineering .sub_sec_02 .sub_sec_in_con_01{width:100%;aspect-ratio:calc(700 / 500);margin-bottom:5%;}
    .engineering .sub_sec_02 .sub_sec_in_con_01 img{width:100%;height:auto;}
    .engineering .sub_sec_in_con_02_01{padding:20px 0 ;}

    /*KY세라믹박판*/
    .kale .wrap_wid_1620{padding:40px 5%;}
    .kale .subPageWrap .wrap_wid_1620{padding:200px 5% 200px;}
    .kale .sub_sec_01.wrap_wid_1620{padding-top:0 ;}
    .kale .sub_sec_04.wrap_wid_1620{padding-bottom:80px ;}
    .kale .sub_visual_con_des{display:block ;}
    .kale .sub_visual_con_des > div:first-child{margin-bottom:5%;}
    .kale .sub_visual_con_des > div:last-child{display:none;}
    .kale .subPageWrap{min-height:auto ;}
    .kale .sub_visual_con_des br{display:none;}
    .kale .sub_feature_wrap{gap:40px ;}
    .kale .owl-carousel .owl-nav button.owl-next{right:20px;}
    .kale .owl-carousel .owl-nav button.owl-prev{left:30px;}
    .kaleStage_inner{height:600px ;}
    .kaleStage_leftTabs{flex-direction:row ;top:22px ;left:50% ;transform:translate(-50%, 0) ;}
    
    /*내진패널*/
    .panel .subPageWrap{min-height:auto ;}
    .panel .subPageWrap .wrap_wid_1620{padding:200px 5% 0;}
    .panel .sub_visual_con_des{flex-wrap:wrap;min-height:650px;}
    .panel .sub_visual_con_des > div{width:100%;}
    .panel .sub_visual_con_des > b{display:none;}

    /*테라코타*/
    .terracotta .sub_visual_con_des{flex-wrap:wrap;position:relative;}
    .terracotta .sub_visual_con_des > div{width:100% ;padding-top:140px;}
    .terracotta .sub_visual_con_des > b{width:100% ;position:absolute;top:0;}
    .terracotta .sub_visual_con_des b br{display:none ;}
    .exagres .subPageWrap{min-height:100vh ;}
    .exagres .subPageWrap::after{display:none ;}
    .exagres .sub_visual_con_des{min-height:700px;}
    .exagres .sub_sec_02_flex{flex-wrap:wrap;}
    .exagres .sub_sec_02_flex > div{width:100%;}
    .exagres .sub_sec_02_flex > div .sec_txt2 br{display:none;}

    /*베이스패널*/
    .bace .subPageWrap .wrap_wid_1620{padding:200px 5% 150px;}
    .bace .sub_visual_con_des br{display:none;}
    .bace .sub_sec_02_con_flex_in{height:auto ;}
    .bace .sub_sec_02_con_flex_in_img img{height:auto ;}
    
    

    /*projects_view*/
    .projects .sub_use_item_wrap .sub_use_item{width:calc((100% - 40px) /2 )}

    /*footer*/
    .footer_section{flex-wrap:wrap;}
    .footer_section .footer_left{flex:unset;width:100%;padding-bottom:8%;}
    .footer_section .footer_right{padding-left:0;flex:unset;width:100%;padding-top:8%;}
    .footer_section .footer_right:before{left:0;width:100%;height:1px;}
    .footer_section .right_top{margin-bottom:10%;}
    .footer_section .quote_title{font-size:45px;}
    

}

@media screen and (max-width:960px) {

    /*서브공통*/
    .sub_con_title{font-size:24px ;}
    .bredcrumb_wh{display:none ;}
    .panel .sub_visual_con .sec_tit3{display:none ;}

    /*조직도*/
    .facility .pc_only{display:none;}
    .facility .mb_only{display:block;}
    
    /*projects_view*/
    .sub_con_title.sec_tit5{font-size:24px;}
    .projects .sub_use_tlt{font-size:20px;}

    /*KY세라믹박판*/
    .kale .sub_feature_wrap{grid-template-columns:repeat(1, 1fr) ;gap:10px ;}
    .kaleAcc{flex-direction:row ;flex-wrap:wrap;}
    .kaleAccItem{width:calc(100% / 3);}
    .kaleAccItem:first-child:nth-last-child(2),
    .kaleAccItem:first-child:nth-last-child(2) ~ .kaleAccItem{width:calc(100% / 2);border-bottom:none;}
    .kaleAccItem:only-child{width:100%;}
    .kaleAccHead{text-align:center ;justify-content:center ;}
    .kaleAccBody{background-color:#eee;border-radius:10px;margin-bottom:20px;}
    .kaleAccSub{text-align:center ;justify-content:center ;}
    .kaleAccItem:nth-child(n+4){border-bottom:none;}
    .kaleDesc br{display:none;}

    /*내진패널*/
    .panel .panelTabWrap{flex-wrap:wrap ;gap:60px ;}
    .panel .panelTabs{width:100% ;flex-wrap:wrap ;flex-direction:row ;gap:5px ;}
    .panel .panelTabs .ptab{font-size:16px ;width:calc((100% - 20px) / 5) ;}
    .panel .sub_feature_wrap{grid-template-columns:auto ;gap:10px ;}
    
    /*테라코타*/
    .terracotta .sub_feature_wrap{grid-template-columns:auto ;gap:10px ;}
    .kaleTabContent{width:100%;}
    .exagres .kaleAccItem:nth-child(n+4){border-bottom:1px solid #e8e8e8;}
    .exagres .kaleAccItem:nth-child(n+10){border-bottom:0;}

    /*베이스패널*/
    .bace .sub_feature_wrap{grid-template-columns:auto ;gap:10px ;}
    .bace .kaleStage_inner{min-height:650px ;}
    .bace .kaleStage_bottomTabs .btab:last-child{width:100%;}
    

}


@media screen and (max-width:860px) {

    /*메뉴*/
    .logo_wrap{top:40px;}

    /*내진패널*/
    .panel .panelTabs{gap:10px 5px ;}
    .panel .panelTabs .ptab{width:calc((100% - 10px) / 3) ;}
    .panel .panelTabs .ptab:nth-child(n+4){width:calc((100% - 5px) / 2) ;}
    .panel .stepArrowIn{width:30px ;height:30px ;}
    .panel .stepArrowIn i{font-size:16px ;}
    

    /*projects*/
    .projects_board_wrap{gap:60px 20px;}
	.projects_board_wrap .projects_board_item{width:calc((100% - 20px) / 2);}
    .projects .sub_sec_03 .projects_board_wrap .projects_board_item{width:calc((100% - 20px) / 2);}

    /*projects_view*/
    .projects .sub_info_txt_wrap{border-bottom:0;}
    .projects .sub_info_wrap .sub_info_txt{gap:0 40px;width:100%;padding:20px 0;border-bottom:1px solid #f3f4f6;}
    .projects .sub_info_wrap .sub_info_txt span{width:calc(100% - 130px);}
}


@media screen and (max-width:768px) {
     /* 내진패널 sub0302 */
    .panel .bace_sub_sec_01_in_con { padding: 5%; }
    .panel .bace_sub_sec_01_in_con .bace_sub_sec_01_in_img { padding-bottom: 40px; }





    .sub_visual .sub_visual_navi .navi_txt_box{font-size:40px;}
    
    /* 메뉴 */
    .m_menu .menu{gap:30px;}
    .m_menu .menu_a{width:155px;}
    .m_menu_wrap .sub_menu_wrap{width:calc(100% - 185px) ;}

    /*메인*/
    .main .main_sec_all_wrap:first-child{height:1150px;}
    .visual_sec .visual_wrap .txt_box{height:56vh;}
    .main_introduce{padding:200px 0 200px;}
    .main_introduce .men1{top:8%;}
    .main_introduce .men2{bottom:18%;}
    .main_introduce > p{font-size:40px;}
    .main_project .cont_box .swiper-button-prev, .main_project .cont_box .swiper-button-next{width:5vw;height:5vw;bottom:auto;top:50%;margin-top:-10%;}
    .main_project .cont_box .swiper-button-prev{left:-6.6vw;}
    .main_project .cont_box .swiper-button-next{right:-6.6vw;}
    .main_collection .panel{aspect-ratio:calc( 70 / 50);}
    .main_solution{padding:80px 0;}
    .main_solution .service_text{margin-top:5px;}
    .main_news .news_card{padding:25px;}
    .main_news .news_grid{padding-top:50px;padding-bottom:80px;}
    .main_news .news_title{font-size:20px;padding-top:20px;}
    .main_news .news_desc{padding-top:5px;}
    .main_news .news_date{padding-top:20px;}


    /*인사말*/
    .file_greetings .sub_visual{height:auto;}
    .file_greetings .sub_visual .sub_visual_wrap{height:calc(100vh - 400px);}
    .file_greetings .sub_visual .txt_box{bottom:20vh}
    .sub_visual .txt_box .txt1{font-size:40px;}
    .sub_visual .txt_box .txt2{font-size:40px;}
    .greetings .greetings_wrap{padding:80px 0;}
    .greetings .sub > p > span{font-size:26px;}
    .greetings .sub > p{font-size:18px;line-height:1.5;}

    /*연혁*/
    .subPageWrap .history{padding:80px 5%;}
    .history .timeline_item{padding-bottom:5%;}
    .history .content p{margin-bottom:3%;}
    .history .year{font-size:30px;}
    .history .content{font-size:18px;padding-top:5px;}
    .history .item_2022 .image{max-width:100%;}
    .history .image .thumb{border-radius:20px;}

    /*조직도*/
    .subPageWrap .facility{padding:80px 5%;}

    /*오시는 길*/
    .subPageWrap .directions{padding:80px 5%;}
    .directions .directions_sec{padding-bottom:80px;}

    /*외장재시공*/
    .subPageWrap .cladding .wrap_wid_1620{padding:80px 5%;}
    .cladding .sub_sec_02{padding:80px 0 ;}
    .cta_btn_all_wrap{padding:80px 0 ;}
    .cta_btn_wrap a{font-size:18px ;}

    /*설계지원*/
    .subPageWrap .engineering .wrap_wid_1620{padding:80px 5%;}
    .engineering .sub_sec_02 .wrap_wid_1400{padding:80px 5% 0;}


    /*products*/
    .product{padding:150px 0 ;}    

    /*KY세라믹박판*/
    .kaleStage_inner{height:500px ;}
    .kaleStage_bottomTabs{border-radius:20px ;width:95%;flex-wrap:wrap;}
    .kaleStage_bottomTabs .btab{min-width:auto;width:calc((100% - 16px) / 3);}

    /*내진패널*/
    .panel .sub_sec_02.wrap_wid_1620 { padding: 80px 0; }
    .panel .wrap_wid_1620{padding:40px 0;}
    .kaleStage_bottomTabs .btab{width:calc((100% - 8px) / 2);}

    /*테라코타*/
    .terracotta .wrap_wid_1620{padding:80px 5% 0;}
    .terracotta .wrap_wid_1620:last-child{padding-bottom:80px;}
    .terracotta .subPageWrap .wrap_wid_1620{padding:200px 5% 80px;}
    .exagres .subPageWrap{min-height:auto ;}
    .exagres .sub_visual_con_des{min-height:680px;}
    .terracotta .kaleStage_inner{height:550px ;}
    .terracotta .kaleStage_bottomTabs .btab:last-child{width:100%}

    /*베이스패널*/
    .bace .wrap_wid_1620{padding:0 5% 80px ;}


    /*projects*/
    .projects { padding: 150px 5% 0; }
    .projects .sec_tit2{font-size:18px;}
    .projects .sub_con_tab_wrap_all .sub_con_s_tit{margin-bottom:10%;}
    .projects .sub_con_tab_wrap .tab-swiper .swiper-wrapper{justify-content:flex-start;}
    .projects .sub_con_tab_wrap .tab-swiper .swiper-slide{margin-right:0 ;}
    .projects .sub_con_tab_wrap .tab-swiper .swiper-slide .sub_con_tab{padding:15px;}

    /*projects_view*/
    .projects .sub_use_item_wrap{gap:15px;}
    .projects .sub_use_item_wrap .sub_use_item{width:100%;}
    .projects .sub_info_wrap .sub_info_txt span{font-size:18px;}

    /*footer*/
    .main footer{padding:80px 0;}
    .footer_section .footer_left .quote_box{flex-wrap:wrap;gap:5px;}
    .footer_section .quote_title{font-size:40px;width:100%;}
    .footer_section .quote_desc{margin-bottom:0;}
    .footer_section .quote_btn{font-size:24px;}
    
}   

@media screen and (max-width:640px) {

    /* 메뉴 */
    .m_menu .menu{gap:20px;}
    .m_menu .menu_a{width:100%;}
    .m_menu_wrap .sub_menu_wrap{width:100% ;}

    /* 메인 */
    .main .main_sec_all_wrap:first-child{height:600px;}
    .visual_sec .visual_wrap .txt_box .txt1{font-size:30px;}
    .visual_sec .visual_wrap .txt_box .txt1 .img{width:15px;margin-bottom:0px;}
    .main_collection .left .tit_box .tit2{font-size:30px;}
    .main_collection .cont_box{padding-top:40px;}
    .main_collection .panel{border-radius:30px;}
    .main_collection .panel .panel_wrap .box_init .b_logo{width:40%;}
    .main_collection .panel .panel_wrap .box_init .b_txt{font-size:16px;}
    .main_collection .panel .panel_wrap .box_init .b_arrow{width:25%;padding-top:40px;}
    .main_introduce > p{font-size:30px;}
    .main_visual_all_wrap_project{border-radius:30px;}
    .main_project .project_wrap{padding:80px 5%;}
    .main_project .project_wrap .left .tit_box .tit2{font-size:30px;}
    .main_project .cont_box{margin-top:40px;}
    .main_project .cont_box .swiper-button-prev, .main_project .cont_box .swiper-button-next{width:35px;height:35px;top:-70px;margin-top:0;}
    .main_project .cont_box .swiper-button-prev{right:48px;left:auto;}
    .main_project .cont_box .swiper-button-next{right:0;}
    .main_project .title{font-size:22px;}
    .main_solution .title_main{font-size:30px;}
    .main_solution .service_card_top h3{font-size:24px;}
    .main_news .news_section_title{font-size:30px;}

    /*인사말*/
    .sub_visual .txt_box .txt1{font-size:30px;}
    .sub_visual .txt_box .txt2{font-size:30px;}
    
    /*내진패널*/
    .kaleTitle span{display:block ;margin:2% 0 ;}
    .kaleTitle span:first-child{display:none ;}
    .kaleGrid{grid-template-columns:repeat(2, 1fr) ;}

    /*테라코타*/
    .terracotta .sub_con_tab_wrap .tab a .sub_con_tab{padding:15px ;}
    .terracotta .sub_con_tab_wrap .tab a .sub_con_tab.sec_tit2{font-size:18px ;}
    .terracotta .sub_visual_con_des > div{padding-top:100px;}

    /*베이스패널*/
    .bace .sub_sec_02_con_flex{grid-template-columns:auto ;gap:30px ;padding:20px 0 0 ;}
    

    /*projects*/
    .prj_thumbnail_wrap{padding:3% 0;}
    .thumbnail_item{aspect-ratio:calc(12 / 9);}
    .projects .sub_con_tab_wrap .tab-swiper .swiper-wrapper { display: grid; grid: center; grid-template-columns: repeat(3, 1fr); }
    .projects .sub_con_tab_wrap { border-radius: 24px; background-color: #eee; }
    .projects .sub_con_tab_wrap .tab.active { border-radius: 24px; background-color: #d60000; }

    /* 베이스패널 */
    .bace .kalePane1 .kaleGrid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px 16px; }

    /* 문의하기 */
    .sub_05_03 .write_div tr {display: flex; flex-direction: column; gap: 0px; padding-bottom: 20px; line-height: 1.45;}

}


@media screen and (max-width:430px) {

    

    /* 메인 */
    .main .main_sec_all_wrap:first-child{height:600px;}
    .visual_sec .visual_wrap .txt_box .txt1{font-size:24px;}
    .main_project .txt_box{padding:20px 0;}
    .main_project .title{font-size:18px;}
    .main_introduce > p{font-size:24px;}


    /*인사말*/
    .file_greetings .sub_visual .sub_visual_wrap{height:calc(100vh - 220px);}
    .file_greetings .sub_visual .txt_box{bottom:20vh}

    /*외장재시공*/
    .cladding .sub_sec_02 .sub_sec_in{grid-template-columns:repeat(1, 1fr) ;}

    /*projects*/
    .projects_board_wrap{gap:20px;}
	.projects_board_wrap .projects_board_item{width:100%;}
    .projects_board_txt .brd_category{border-radius:5px;}
    .projects_board_txt .brd_category span{padding:5px 10px;}
    .projects .pd100{padding:30px 0;}
    .projects .sub_sec_03 .projects_board_wrap .projects_board_item{width:100%;}
    .projects .sub_info_wrap .sub_info_txt{gap:0 20px;}
    .projects .sub_info_wrap .sub_info_txt b{width:70px;}
    .projects .sub_info_wrap .sub_info_txt span{width: calc(100% - 90px);}
    .projects .sub_use_txt br{display:none;}
    .projects .sub_use_item_img{width:120px;height:120px;}
    .projects .sub_use_item_txt{width:calc(100% - 120px);padding:0 20px;}


    /*KY세라믹박판*/
    .kaleAccItem{width:calc(100% / 2);}
    .kaleAccItem:nth-child(n+4){border-bottom:1px solid #e8e8e8;}
    .kaleAccItem:nth-child(n+5){border-bottom:none ;}
    .kaleAccHead{padding:10px 5px ;}
    .kaleAccSub{padding:5px }
    .kaleGrid{grid-template-columns:1fr 1fr ;}

    /*내진패널*/
    .panel .stepTop{font-size:16px ;}
    .panel .stepTit{font-size:20px ;margin-bottom:10px ;}
    .panel .stepDesc{font-size:16px ;line-height:1.4 ;}
    .panel .kaleHead_img_wrap{grid-template-columns:auto ;}
    
    .kaleAccItem:nth-child(n+5){border-bottom:1px solid #e8e8e8 ;}
    .exagres .kaleAccItem:nth-child(n+10){border-bottom:1px solid #e8e8e8 ;}
    .exagres .kaleAccItem:nth-child(n+11){border-bottom:0 ;}

    /*footer*/
    .footer_section .quote_title{font-size:30px;}
    .footer_section .form_control input, .footer_section .form_control textarea{font-size:14px;}
    .footer_section .form_control input::placeholder, .footer_section .form_control textarea::placeholder{font-size:14px;}
    .footer_section .quote_btn{font-size:18px;}
    .footer_section .right_phone{font-size:36px}
    
}