@charset "utf-8";

@media (max-width:1600px){
    #about,
    #newsroom,
    #footer_con,
    .com_banner,
    .promotion_data,
    .company_title,
    .company_history,
    .company_esg,
    .company_cer,
    .business_area > ul,
    .business_fgss,
    .business_retrofit,
    .business_smartOperationalSolution,
    .business_performance,
    .promotion_catalog,
    .promotion_video .content .patents > ul,
    .contactUs.content,
    .recruitment_information,
    .application .content,
    .application_check .content,
    .application_result .content,
    .job_posting_view .content,
    #header .bot_header .con,
    #sub_header .sub-menu,
    .siteMap > .logo,
    .siteMap > ul,
    .promotion_data_view,
    .product_wrap ul{width: 90% !important;}
    .esg_st,
    .target_tit,
    .business_retrofit,
    .retrofit_content,
    .business_smartOperationalSolution .content,
    .contactUs.content,
    .company_outline{flex-wrap: wrap;}
    .esg_st h2,
    .target_tit h2{margin-bottom: 30px;}

    .company_outline{flex-direction: column-reverse;}
    .company_outline .img_right{display: none;} 
    .contactUs.content > div{align-items: baseline; display: flex; justify-content: space-between;}
    .contactUs.content > div ul{margin-left: 30px;}

    .company_cer .tabimg,
    .company_cer .tabimg > div,
    .tabimg img,
    .company_cer .tabimg > div:before,
    .retrofit_content .cer_tit,
    .retrofit_content .patents,
    .business_smartOperationalSolution .content .cer_tit,
    .business_smartOperationalSolution .content .patents,
    .contactUs.content > div:nth-of-type(1),
    .contactUs.content > div:nth-of-type(2),
    .contactUs.content > div:nth-of-type(2) form,
    .business_performance .patents > ul > li .project_information{width: 100%;}
    
    .retrofit_content .patents,
    .business_smartOperationalSolution .content .patents,
    .contactUs.content > div ul{margin-left: 0;}

    .company_cer .container{width: 100%;}
    .par_text{flex-wrap: wrap;}
    .company_cer .tabimg{margin-left: 0;}
    .company_cer .tabnav{margin-bottom: 30px; display: flex; flex-wrap: wrap; width: 100%;}
    .company_cer .tabnav li{width: 50%; padding-left: 30px; box-sizing: border-box;}
    
    .business_performance .flexWrap{flex-wrap: wrap;}
    
    .siteMap > ul{flex-wrap: wrap;}
    .siteMap > ul li{width: 100%;}
    body.active{position: fixed;}
    .siteMap.active{height: 100%; overflow-y: scroll;}
    #header .gnb{display: none;}
    header nav{display: none;}
    .siteMap > ul > li > ul{display: none;}
    .siteMap > ul > li.active > ul{display: block;}
    .siteMap > ul > li{margin-bottom: 50px;}

    .fgss_content_1 .patents .wrap div:nth-of-type(3) div{background-position: left;}
    .fgss_content{flex-wrap: wrap;}
    .fgss_content .cer_tit{width: 100%;}
    .fgss_content .patents{margin-left: 0; width: 100%;}
    .fgss_content_3 .slick-slide img{height: 450px;}

    
    
}

@media (max-width:1280px){
    .main_slideWrap{left: 0;}
    .siteMap > .logo{margin-bottom: 100px;}
    .text_area h2{font-size: 4vw; line-height: 4.5vw;}
    .scroll .text{font-size: 14px;}
    .scroll .ball,
    .scroll .line{left: 50%; transform: translateX(-50%);}

    .banner_image{height: 250px;}
    .company_greetings h3,
    .company_greetings > div{width: 90%;}
    .img_area img,
    .company_cer .tabnav li,
    .retrofit_content .patents .wrap .ourService_area > li > div,
    .business_performance .content .patents .wrap{width: 100%;}
    .company_cer .tabnav li{padding-left: 0;}
    .retrofit_content .patents .wrap .ourService_area > li > div{height: 230px;}
    .text_box{width: 100%; padding: 35px 15px;}
    .business_area > ul{flex-wrap: wrap;}
    .business_area > ul li{width: 100%;}
    .business_area > ul li:not(:last-child){margin-bottom: 30px;}
   
    .business_smartOperationalSolution .content .composite{flex-wrap: wrap; flex-direction: column-reverse;}
    .business_smartOperationalSolution .content .composite > div:nth-child(2){margin-bottom: 30px;}
    
    .promotion_data .patents ul li a span{display: block; float: none; text-align: right; line-height: 40px;}

    .promotion_data .patents ul li a,
    .recruitment_information .content .patents ul li span:nth-of-type(1),
    .promotion_data .patents ul li a, .recruitment_information .content .patents ul li span:nth-of-type(1),
    .recruitment_information .content .patents ul li span:nth-of-type(1){overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

    .business_area > ul > li > div:hover a img,
    .business_area > ul > li > div a:after{display: none;}
    #swiper-section .swiper{margin-left: 5%;}
    #swiper-section dl dt img{min-width: 220px;}
    #swiper-section .swiper-slide{margin-right: 140px;}
    #swiper-section dd{width: 100px; height: 35px; font-size: 14px;}

    .product_wrap ul li{width: 32.33%;}
    .product_wrap ul li:not(:nth-child(4n)){margin-right: 0;}
    .product_wrap ul li:not(:nth-child(3n)){margin-right: 1.5%;}
}/* 1481 */



@media (max-width:768px){
    .com_tit .img_home img{width: 12px;}
    .com_tit p{font-size: 12px;}
    .fgss_content_3 .patents .wrap{padding-top: 50px;}
    .com_banner {padding-top: 150px;}
    .siteMap > .logo{margin-bottom: 50px;}
    .siteMap > ul > li{margin-bottom: 25px;}
    #header .gnb_globe > ul > li:nth-of-type(2){margin-left: 30px;}
    .text_area{width: 100%; top: 55%;}
    .text_area h2{margin-bottom: 5px;}
    .main_button{margin: 0;}
    #video{border-radius: 0;}
    #banner h2{font-size: 24px;}
    #banner p{font-size: 14px;}
    #newsroom,
    #newsroom .title{margin-bottom: 50px;}
    #newsroom .left_tit p{font-size: 18px;}
    #newsroom .right_tit span,
    #newsroom .left_tit h3,
    .promotion_data .content .cer_tit h3,
    #about .left_tit h3{font-size: 30px;}
    .main_button a img{max-width: 130px;}
    .main_button span{font-size: 12px;}
    .scroll .text{font-size: 10px;}
    .scroll .ball,
    .scroll .line{display: none;}
    #main_area{margin-bottom: 70px;}
    #about .left_tit p{font-size: 18px; line-height: 28px; margin-bottom: 70px;}
    #about .right_tit span{font-size: 30px;}
    #about .title,
    #newsroom .title{position: relative;}
    #about .right_tit,
    #newsroom .right_tit{position: absolute; right: 0; top: 0;}
    #swiper-section .swiper{margin-left: 5%;}
    #swiper-section dl dt img{min-width: 180px;}
    #swiper-section .swiper-slide{margin-right: 140px;}
    #swiper-section dd{width: 100px; height: 35px; font-size: 14px;}
    #banner .banner_title .banner_tit{width: 95%;}


    .com_tit .p_1,
    .com_tit .p_2,
    .com_tit .p_3,
    .business_area > ul > li > ul li{font-size: 14px;}
    .retrofit_content .patents .wrap div p{font-size: 18px;}
    .logo_img p{line-height: 24px;}
	.footer_tel{flex-wrap: wrap;}
    .footer_tel li{width: 100%; margin-bottom: 15px !important; border-right: none !important;}
    .banner_image{height: 180px; border-radius: 20px;}
    .com_tit .ppp,
    .esg_st h2,
    .target_tit h2{margin-right: 0;}
    .com_tit h2,
    .promotion_data_view .content .cer_tit h3{font-size: 30px; line-height: 42px;}
    .company_history .yymmdd > div{flex-wrap: wrap;}
    .company_history .year,
    .company_history .month,
    .month_flex{width: 100%;}
    .company_history .year,
    .esg_st h2,
    .target_tit h2,
    .cer_tit h2,
    .promotion_catalog .content .cer_tit h3{font-size: 30px;}
    .company_history .month{margin-top: 15px;}
    .company_history .date{font-size: 14px;}
    .company_history .side_line{border-color: transparent;}
    .company_greetings h3{font-size: 24px; line-height: 34px;}
    .company_greetings > div p{font-size: 14px;}
    .company_greetings:after{width: 100%;}
    .img_area dd,
    .business_area > ul > li h3,
    .retrofit_content .patents .wrap .ourService_area > li > div span{height: 35px; font-size: 14px;}
    .img_area li{font-size: 14px; line-height: 28px;}
    .esg_bold,
    .tar_bold{font-size: 16px;}
    .text,
    .tar_text,
    .tabnav li{font-size: 16px;}
    .tabnav li a,
    .tabnav li a.active{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .tabnav li a.active .fa-arrow-right:before{display: none;}
    .cer_tit h2{line-height: 42px; margin-bottom: 50px;}
    .business_area > ul > li > div{height: 180px;}
    .business_area > ul > li h3{top: 160px;}
    .fgss_content_3 .slick-slide img{height: 50vw;}
    .fgss_content_3 .fgss_dots,
    .fgss_content_3 .patents .wrap .fgss_arrow{top: 205px;}
    .fgss_content_3 .slick-slide .title{top: 215px;}
    .fgss_content_3 .patents .wrap .fgss_arrow{width: 100%;}
    .fgss_content_3 .fgss_dots,
    .fgss_content_3 .fgss_dots .slick-dots{width: 100%;}
    .fgss_content_3 .fgss_dots .slick-dots li:after{font-size: 14px; width: 100%;}
    .fgss_content .patents{padding-top: 100px;}
    .fgss_content_3 .fgss_dots,
    .fgss_content_3 .patents .wrap .fgss_arrow{top: -50px;}
    .fgss_content_3 .slick-slide .title{top: -100px;}
    .fgss_content_3 .patents .wrap .fgss_arrow{border-radius: 20px;}
    .fgss_content_3 .patents .wrap .slick-slider table tbody tr th,
    .fgss_content_3 .patents .wrap .slick-slider table tbody tr td{line-height: 24px;}
    .retrofit_content .patents .wrap .ourService_area > li > div{height: 120px;}
    .retrofit_content .patents .wrap .ourService_area > li > div span{width: 50%;}

    .retrofit_content .patents .wrap > div:nth-of-type(3) > div > div span{width: 20%; font-size: 10px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;}
    
    .retrofit_content .patents .wrap .ourService_area > li > ul > li{width: 100%;}
    .retrofit_content .patents .wrap > div:nth-of-type(1) p,
    .retrofit_content .patents .wrap .ourService_area > li > ul > li,
    .business_smartOperationalSolution .content .rotorSail > ul li,
    .business_smartOperationalSolution .content .composite ul li{font-size: 14px;}
    .business_smartOperationalSolution .content .rotorSail > div{flex-wrap: wrap;}
    .business_smartOperationalSolution .content .rotorSail > div img:nth-child(1){margin-bottom: 15px;}
    .business_smartOperationalSolution .content .rotorSail > div img:nth-child(1),
    .business_smartOperationalSolution .content .rotorSail > div img:nth-child(2),
    .business_smartOperationalSolution .content .composite > div:nth-child(2) img{margin-left: 0; width: 100%;}

    .business_performance .patents > ul > li > p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 14px;}
    .business_performance .patents > ul > li > p:after{display: none;}
    .business_performance .patents > ul > li .project_information{padding-bottom: 80px;}
    .business_performance .patents > ul > li .project_information ul{margin-left: 0;}
    .business_performance .flexWrap .slick-slide img{height: 180px;}
    .business_performance .flexWrap .slick-next{left: 45px;}

    .business_performance .content .patents .wrap,
    .business_performance .slick-track{height: 250px;}
    .business_performance .content .patents .arrow{top: 75%;}

    .fgss_content .patents{padding-top: 30px;}
    .fgss_content_1 .patents .wrap div:nth-of-type(1) p,
    .fgss_content_2 .patents .wrap div p{font-size: 14px;}
    .fgss_content_1 .patents .wrap div:nth-of-type(3) ul li{font-size: 14px; line-height: 20px;}
    .fgss_content_1 .patents .wrap div:nth-of-type(3) div{height: 150px;}
    .business_performance .flexWrap .slick-dots{justify-content: right; width: 100%; left: 0;}
    .business_performance .patents > ul > li .project_information ul li{flex-wrap: wrap; font-size: 14px; line-height: 30px;}
    .business_performance .patents > ul > li .project_information ul li span{width: 100%;}
    .promotion_data .content .cer_tit,
    .promotion_catalog .content .cer_tit{flex-wrap: wrap;}
    .promotion_data .content .cer_tit .searchBox,
    .promotion_catalog .content .cer_tit .searchBox{margin-top: 30px; justify-items: right;}

    /* .promotion_catalog .patents ul li{flex-wrap: wrap;} */
    .promotion_data .patents ul li a,
    .promotion_catalog .patents ul li a:nth-child(1),
    .promotion_data .patents ul li:hover a{
        font-size: 16px;
        padding-left: 0;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;}
    .fa-arrow-right:before{display: none;}
    .promotion_catalog .patents ul li a:nth-child(2){display: block; padding-left: 20px; box-sizing: border-box;}

    .contactUs.content h3{margin-bottom: 30px; font-size: 30px;}
    .contactUs.content h3 span{width: 100%;}
    .contactUs.content > div:nth-of-type(1){flex-wrap: wrap; margin-bottom: 50px;}
    .contactUs.content > div:nth-of-type(2) form fieldset ul li:not(:last-child){width: 100%;}
    .contactUs.content > div:nth-of-type(2) form fieldset ul li:nth-child(even){margin-left: 0;}
    .contactUs.content > div:nth-of-type(2) form fieldset > div{flex-wrap: wrap;}
    .contactUs.content > div:nth-of-type(2) form fieldset > div input[type='submit']{margin-top: 20px;}

    
    .catalog .banner_image img{object-position: left;}
    .promotion_video .content .patents > ul li{width: 100%;}
    .promotion_video .content .patents > ul li:not(:nth-child(4n)){margin-right: 0;}

    .root_daum_roughmap .wrap_map{height: 250px !important; border-radius: 20px;}
    .root_daum_roughmap .map_border{border: none !important;}
    .root_daum_roughmap .border3,
    .root_daum_roughmap .border4{background-color: transparent !important;}

    .recruitment_information .content .cer_tit{flex-wrap: wrap;}
    .recruitment_information .content .cer_tit h3{margin-bottom: 15px;}
    .recruitment_information .content .patents ul li span{font-size: 14px;}
    .recruitment_information .content .patents ul li span:nth-of-type(1){width: 60%;}
    .recruitment_information .content .patents ul li span:nth-of-type(2){width: 18%;}
    .recruitment_information .content .patents ul li span:nth-of-type(3){width: 22%;}

    .application .content table tbody tr th,
    .application .content table thead tr th,
    .application .content table tbody tr td{padding: 15px 3px; font-size: 14px;}
    .application .content table:nth-of-type(1) tbody tr:last-child td:nth-child(2){flex-wrap: wrap;}
    .application .content table:nth-of-type(1) tbody tr:last-child td:nth-child(2) div{width: 100%;}
    .application .content table:nth-of-type(1) tbody tr:last-child td:nth-child(2) div:nth-of-type(2){margin-left: 0; margin-top: 15px;}
    .application_check .content table caption{font-size: 14px;}
    .application_check .content table tbody tr th{width: 10%; padding: 10px;}
    .application_check .content table tbody tr td{padding: 10px 3px;}
    
    .promotion_catalog .patents ul li:hover a:nth-child(1){font-size: 16px; font-weight: 500; color: #045EAC;}
    .promotion_catalog .patents ul li:hover a:nth-child(2){color: #666666;}
    .promotion_catalog .patents ul li:hover a span {color: #666666;}
    .promotion_catalog .patents ul li .fa-solid {color: #045EAC;}
    /* .promotion_catalog .patents ul li a:nth-child(1) i{width:0; transition: 0.5s; display:inline-flex; opacity:0; position:absolute; left:0;} */
    .promotion_catalog .patents ul li:hover a:nth-child(1) {padding-left:0px;}
    /* .promotion_catalog .patents ul li:hover a:nth-child(1) i {width:auto; opacity:1;} */
    /* .promotion_catalog .patents ul li:hover .fa-solid {display: inline;} */
    
    .siteMap .buttonBox{display: block;}
    header .buttonBox{display: none;}

    .product_wrap ul li{width: 100%;}
    .product_wrap ul li:not(:nth-child(3n)){margin-right: 0%;}
    
    .login_box, .signUp_box{width: 90%;}
} /* 641 */


@media (max-width:480px){

} /* 480 */