@import url(rwd_common.css);

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

}

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

}

@media screen and (max-width:1366px){
    main{padding: 100px 0 30px 0;background: #fff;}
    /* main_visual */
    .visual p{font-size: 20px;}
    .visual p strong{font-size: 38px;}
    /* powerPlant_wrap */
    section.btm{height: 408px;}
    .powerPlant_wrap{width: calc(60% + 20px);}
    .company_wrap{width: 40%;}

    .powerPlant_wrap h3{height: 78px;}
    .tabM{justify-content: flex-start;}
    .tabM .tab_content{top: 78px;}
    .tabM>li>a:after{top: calc(50% + 3px);}
    .powerPlant{padding-top: 45px;padding-left: 10px;}
    .powerPlant li>a{padding-top: 10px;margin-bottom: 0;font-size: 14px;}
    .powerPlant .text_area{padding: 30px 20px 20px 28px;}

    /* business */
    .business ul li a{font-size: 13px;padding: 88px 0 10px;}
}

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

}
@media screen and (max-width:1100px){ 
    section.top{min-height: 340px;}
    section.btm{margin-top: 20px;flex-direction: column;height: auto;}
    /* companyMenu */
    .companyMenu{height: auto;padding: 40px;flex-wrap: wrap;}
    .companyMenu>li{width: 25%;}
    .companyMenu li:nth-child(4n):after{display: none;}
    .companyMenu li:nth-child(n+5){margin-top: 20px;}
    .companyMenu li a{font-size: 15px;padding-top:106px;}
    /* powerPlant_wrap */
    .powerPlant_wrap{width: 100%;margin-right: 0;height: 358px;}
    .powerPlant_wrap h3{text-align: center;padding-left: 0;}
    .powerPlant{justify-content: center;padding-left: 0;}
    .powerPlant>li{margin: 0 3.8vw;}
    .powerPlant>li>a:after{right: -3.8vw;}
    .tabM .tab_content{min-height: 260px;}
    .powerPlant .text_area{width: 52%;height: 260px;}
    .powerPlant .img_area{width: 48%;}
    .powerPlant .text_area>p{font-size: 16px;margin-bottom: 18px;}

    .company_wrap{width: 100%;flex-direction: row;height: 300px;}
    .companyInfo{width: calc(100% - 320px);margin-right: 20px;height: auto;}
    .companyInfo .text_area{padding: 60px 20px 20px;}
    .companyInfo ul{margin-top: 25px;}
    .companyInfo li{margin-top: 10px;}

    .business{width: 300px;margin-top: 0;height: 300px;}
    .business ul li{width: 50%;height: 50%;}
    .business ul li:nth-child(n+3){border-top: 1px solid rgba(255, 255, 255, 0.2);}

    .business ul li a{padding: 88px 0 0;background-position: top 20px center;}
}

/*태블릿*/
@media screen and (max-width:1024px){


}


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

}

@media screen and (max-width:767px){
    main{padding: 70px 0 30px 0;}
    /* main_visual */
    .visual p{font-size: 16px;top: 60px;}
    .visual p strong{font-size: 32px;}
    .visual p strong br{display: block;}

    /* companyMenu */
    .companyMenu{padding: 40px 0;}

    /* left */
    .powerPlant_wrap{height: 618px;}
    .powerPlant_wrap h3{font-size: 20px;}
    .tabM .tab_content.current{flex-direction: column;}
    .powerPlant .text_area{width: 100%;height: 260px;}
    .powerPlant .text_area:after{right: auto;top: auto;bottom: -10px;left: 50%;transform: translateX(-50%)rotate(45deg);}
    .powerPlant .img_area{width: 100%;height: 260px;background-position: center bottom -140px;}


    /* right */
    .company_wrap{flex-direction: column;height: auto;}
    .companyInfo{margin-right: 0;width: 100%;}

    .business{width: 100%;margin-top: 20px;height: 150px;}
    .business ul li{width: 25%;height: auto;}
    .business ul li:nth-child(n+3){border-top: none;}
}

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

}

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

}

@media screen and (max-width:600px){
    .companyInfo{flex-direction: column;}
    .companyInfo .text_area{padding: 26px 24px 22px;width: 100%;}
    .companyInfo ul{margin-top: 16px;}
    .companyInfo .img_area{height: 200px;width: 100%;background-position: center;background-size: cover;}

}

@media screen and (max-width:480px){
    .business{width: 100%;height: 300px;}
    .business ul li{width: 50%;height: 50%;}
    .business ul li:nth-child(n+3){border-top: 1px solid rgba(255, 255, 255, 0.2);}
    .business ul li a{padding: 88px 0 0;background-position: top 20px center;}

}

/*모바일*/
@media screen and (max-width:428px){
    /* main_visual */
    .visual p{top: 40px;padding: 0 10px;}

    section.top{min-height: 686px;}
    section.btm{margin-top: 20px;}
    /* companyMenu */
    .companyMenu{height: auto;padding: 40px 5.5vw;}
    .companyMenu>li{width: 50%;}
    .companyMenu li:nth-child(2n):after{display: none;}
    .companyMenu li:nth-child(n+3){margin-top: 20px;}
    .companyMenu li a{font-size: 15px;padding-top:110px;}

    .powerPlant_wrap{height: 648px;}
    .powerPlant .text_area{height: 300px;}
    .powerPlant>li{margin: 0 8px;}
    .powerPlant li>a{font-size: 13px;}
    .powerPlant>li>a:after{right: -10px;}


}

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

}