@charset "utf-8";

#inc01{margin:0 auto;padding:100px 0 110px 0;}
#inc01 .sh_cont_box{max-width:1320px;margin:0 auto}
#inc01 .sh_cont_box .txt_group{position:relative; text-align: center;}
#inc01 .sh_cont_box .txt_group p{white-space:pre-line;margin:10px 0 40px}
#inc01 .sh_cont_box .more_btn{position:absolute;right:70px;bottom:0}
#inc01 .slide_wrap{margin-top:100px;padding-left:calc((100% - 1320px) / 2)}
#inc01 ul li{position:relative;width:500px;height:600px;background:url('img/sec01_img1.jpeg') center no-repeat}
#inc01 ul li.img02{background-image:url('img/sec01_img2.jpeg')}
#inc01 ul li.img03{background-image:url('img/sec01_img3.jpeg')}
#inc01 ul li.img04{background-image:url('img/sec01_img4.jpeg')}
#inc01 ul li a{display:block;height:100%;}
#inc01 ul li a:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg, #FF5C00, #000000a8);transition:all .3s;opacity:0}
#inc01 ul li .info{position:relative;z-index:1;display:flex;flex-flow:column;height:100%;padding:50px 40px;font-size:15px;color:#fff}
#inc01 ul li .info p{font-size:28px;font-weight:600}
#inc01 ul li .info span{margin-top:8px;font-size:14px;font-weight:600;font-family:'Poppins',sans-serif}
#inc01 ul li .info div{opacity:0;margin-top:auto;word-break:keep-all;transition:all .2s}
#inc01 .nav_btn{position:absolute;top:50%;right:75px;z-index:101;transform:translateY(-50%)}
#inc01 .nav_btn button{cursor:pointer;width:68px;height:68px;padding-top:3px;border-radius:50%;color:#fff;background:rgba(0,0,0,.6);transition:all .3s}

/* 메인 - 사업영역 */
.business_subtit{
    font-size: 26px;
}
.business_wrap {
    width: 100%;
    padding: 110px 0 0 0;
    max-width: 1400px;
    margin: 0 auto;
}
.business_wrap .business {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6rem;
}
.business_wrap .business .tit {
    margin: 0;
}
.business_wrap .business .tit h6{
    font-size: 20px;
    color: #1A1A1B;
    font-weight: 300;
}
.business_wrap .business .tit h5{
    font-size: 44px;
    font-weight: 500;
    color: #1A1A1B;
}
.business_wrap .business .tit h5 strong{
    color: #FF5C00;
}
.business_wrap .business .business_img {
    width: 650px;
    height: 400px;
    border-radius: 34px;
    /* width: 700px;
    height: 450px; */
}
.business_wrap .business.business01 .business_img {
    background: url(img/business_01.png) no-repeat center;
    background-size: cover;
}
.business_wrap .business.business02 .business_img {
    background: url(img/business_02.png) no-repeat center;
    background-size: cover;
}
.business_wrap .business.business03 .business_img {
    background: url(img/business_03.png) no-repeat center;
    background-size: cover;
}
.business_wrap .business.business04 .business_img {
    background: url(img/business_04.png) no-repeat center;
    background-size: cover;
}
.business_wrap .business_con {
    width: 700px;
    padding: 0.5rem 0 0.5rem 0.5rem;
}
.business_wrap .business_con p{
    font-size: 20px;
    color: #1A1A1B;
    margin: 60px 0 35px 0;
}
.business_wrap .business_con p strong{
    color: #FF5C00;
}
.business_wrap .business_con .btn_wrap{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.business_wrap .business_con .btn_more{
    font-size: 16px;
    font-weight: 500;
    padding: 0.5rem 1.5rem;
    background: #FF5C00;
    text-align: center;
    color: #fff;
    border-radius: 30px;
    cursor: pointer;
}
.business_wrap .business_con .btn_more:hover{
    background: #fff;
    border: 1px solid #FF5C00;
    color: #FF5C00;
    transition: all;
}
.business_wrap .business:nth-child(2n) .business_con {
    padding: 3.5rem 3.5rem 3.5rem 0;
}
.business_wrap .business:last-child {
    margin-bottom: 2rem;
}

/* 메인 - 기업소개 */
.introduce_wrap{
    width: 100%;
    margin: 0 auto;
    padding-bottom: 110px;
    max-width: 1400px !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 26px;
}
.introduce_wrap .introduce{
    width: calc((100% - 6rem) /4);
    height: 450px;
    padding: 32px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.introduce_wrap .introduce.introduce_01 {
  position: relative;
  overflow: hidden;       
  border-radius: 34px 0 0 0;    
}
.introduce_wrap .introduce.introduce_01::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url('../inc01/img/introduce_01.png') center / cover no-repeat;
  transition: transform 0.6s ease;
  z-index: 0;
}
.introduce_wrap .introduce.introduce_02 {
  position: relative;
  overflow: hidden;       
  border-radius: 0 0 34px 0;    
}
.introduce_wrap .introduce.introduce_02::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url('../inc01/img/introduce_02.png') center / cover no-repeat;
  transition: transform 0.6s ease;
  z-index: 0;
}
.introduce_wrap .introduce.introduce_03 {
  position: relative;
  overflow: hidden;       
  border-radius: 34px 0 0 0;    
}
.introduce_wrap .introduce.introduce_03::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url('../inc01/img/introduce_03.png') center / cover no-repeat;
  transition: transform 0.6s ease;
  z-index: 0;
}
.introduce_wrap .introduce.introduce_04 {
  position: relative;
  overflow: hidden;       
  border-radius: 0 0 34px 0;    
}
.introduce_wrap .introduce.introduce_04::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url('../inc01/img/introduce_04.png') center / cover no-repeat;
  transition: transform 0.6s ease;
  z-index: 0;
}
.introduce_wrap .introduce::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 92, 0, 0.5);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}
.introduce_wrap .introduce.introduce_01:hover::after,
.introduce_wrap .introduce.introduce_02:hover::after,
.introduce_wrap .introduce.introduce_03:hover::after,
.introduce_wrap .introduce.introduce_04:hover::after {
  opacity: 1;
}
.introduce_wrap .introduce.introduce_01:hover::before,
.introduce_wrap .introduce.introduce_02:hover::before,
.introduce_wrap .introduce.introduce_03:hover::before,
.introduce_wrap .introduce.introduce_04:hover::before {
  transform: scale(1.1);
}
.introduce_wrap .introduce.introduce_01 .txtbox,
.introduce_wrap .introduce.introduce_01 .btn_wrap,
.introduce_wrap .introduce.introduce_02 .txtbox,
.introduce_wrap .introduce.introduce_02 .btn_wrap,
.introduce_wrap .introduce.introduce_03 .txtbox,
.introduce_wrap .introduce.introduce_03 .btn_wrap,
.introduce_wrap .introduce.introduce_04 .txtbox,
.introduce_wrap .introduce.introduce_04 .btn_wrap {
  position: relative;
  z-index: 2;
}
.introduce_wrap .introduce .txtbox{
    text-shadow: 0px 0px 6px rgb(0 0 0 / 20%);
}
.introduce_wrap .introduce .txtbox h5{
    font-size: 30px;
    color: #fff;
    font-weight: 400;
}
.introduce_wrap .introduce .txtbox p{
    font-size: 20px;
    color: #fff;
    font-weight: 300;
    line-height: normal;
    margin-top: 10px;
}
.introduce_wrap .introduce .btn_wrap{
    width: 100%;
    margin-top: 14rem;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    cursor: pointer;
}
.introduce_wrap .introduce .btn_wrap a{
    font-size: 16px;
    font-weight: 400;
    padding: 0.4rem 1.3rem;
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
    border-radius: 30px;
    cursor: pointer;
}
.introduce_wrap .introduce .btn_wrap a:hover{
    background: #FF5C00;
    color: #fff;
}

@media(max-width:1450px){
    /* 메인 - 사업영역 */
    .sh_cont_box .s_tit{
        font-size: 28px;
    }
    .business_wrap{
        max-width: 100%;
        padding: 110px 60px;
    }
    .business_wrap .business{
        justify-content: center;
        gap: 5rem;
    }
    .business_wrap .business_con{
        width: 500px;
    }
    .business_wrap .business .business_img{
        width: 470px;
        height: 300px;
    }
    .business_wrap .business .tit h6{
        font-size: 16px;
    }
    .business_wrap .business .tit h5{
        font-size: 40px;
    }
    .business_wrap .business_con p{
        font-size: 18px;
        margin: 35px 0;
    }

    /* 메인 - 기업소개 */
    .introduce_wrap .introduce{
        width: calc((100% - 6rem) /4) !important;
        height: 400px !important;
    }
    .introduce_wrap .introduce .btn_wrap{
        margin-top: 12rem;
    }
}
@media(max-width:1300px){
    /* 메인 - 기업소개 */
    .introduce_wrap .introduce{
        height: 350px !important;
    }
    .introduce_wrap .introduce .btn_wrap{
        margin-top: 9rem;
    }
    .introduce_wrap .introduce .btn_wrap a{
        font-size: 15px;
    }
    .introduce_wrap .introduce .txtbox h5{
        font-size: 26px;
    }
    .introduce_wrap .introduce .txtbox p{
        font-size: 16px;
    }
}
@media(max-width:1024px){
    .business_wrap .business{
        gap: 3rem;
    }
    .business_wrap .business_con{
        width: 45%;
    }
    .business_wrap .business .tit h6{
        font-size: 14px;
    }
    .business_wrap .business .tit h5{
        font-size: 34px;
    }
    .business_wrap .business_con p{
        margin: 30px 0;
    }

    /* 메인 - 기업소개 */
    .introduce_wrap .introduce{
        height: 300px !important;
    }
    .introduce_wrap .introduce .btn_wrap{
        margin-top: 7rem;
    }
}
@media(max-width:840px){
    .business_wrap{
        padding: 70px 32px;
    }
    .business_wrap .business{
        gap: 1rem;
        flex-wrap: wrap;
        margin-bottom: 3rem;
    }
    .business_wrap .business.business02,
    .business_wrap .business.business04{
        flex-direction: column-reverse;
    }
    .business_wrap .business_con{
        width: 100%;
    }
    .business_wrap .business .business_img{
        width: 100%;
        height: 300px;
    }
    .business_wrap .business_con p{
        margin: 16px 0;
    }
    .business_wrap .business:nth-child(2n) .business_con {
        padding: 0;
    }

    /* 메인 - 기업소개 */
    .introduce_wrap{
        flex-wrap: wrap;
        padding: 40px 2rem;
        gap: 2rem;
    }
    .introduce_wrap .introduce{
        width: calc((100% - 2rem) /2) !important;
        height: 300px !important;
    }
    .introduce_wrap .introduce .btn_wrap{
        margin-top: 7rem;
    }
    #inc03 .sh_cont_box{
        padding-top: 20px !important;
        padding-bottom: 0 !important;
    }
}
@media(max-width:640px){
    .business_wrap .business .business_img{
        width: 100%;
        height: 200px;
    }
    .business_wrap .business .tit h6{
        font-size: 12px;
    }
    .business_wrap .business .tit h5{
        font-size: 28px;
    }
    .business_wrap .business_con .btn_more{
        font-size: 15px;
    }

    /* 메인 - 기업소개 */
    .introduce_wrap .introduce{
        width: 100% !important;
        height: 260px !important;
    }
    .introduce_wrap .introduce .btn_wrap{
        margin-top: 4.5rem;
    }
}


@media(hover:hover){
#inc01 ul li a:hover:before{opacity:1}
#inc01 ul li:hover .info div{opacity:1}
#inc01 .nav_btn button:hover{color:#111;background:#fff}
}
@media(max-width:1380px){
/* #inc01 .sh_cont_box{padding-left:30px} */
#inc01 .sh_cont_box .more_btn{right:30px}
}
@media(max-width:1320px){
#inc01{padding:170px 0 0}	
}
@media(max-width:1024px){
#inc01{padding:100px 0 0}
/* #inc01 .sh_cont_box .txt_group{margin-left:15%} */
#inc01 .slide_wrap{margin-top:60px}
#inc01 ul li{width:400px;height:500px}
#inc01 ul li .info{padding:40px}
#inc01 ul li .info p{font-size:26px}
#inc01 .nav_btn{right:30px}
}
@media(max-width:768px){
#inc01{padding:60px 0 0}	
#inc01 .slide_wrap{margin-top:40px}
#inc01 .sh_cont_box .txt_group{
    margin:0 32px;
}
#inc01 .sh_cont_box .txt_group p{margin:25px 0}
#inc01 .sh_cont_box .more_btn{position:relative;right:auto;bottom:auto;margin-top:20px}
#inc01 ul li{width:280px;height:280px}
#inc01 ul li .info{padding:35px 30px;font-size:14px}
#inc01 ul li .info p{font-size:22px}
#inc01 ul li .info span{font-size:13px}
#inc01 .nav_btn button{width:55px;height:55px}
#inc01 .nav_btn button svg{width:20px;height:20px}
}
@media(max-width:480px){
#inc01{padding:50px 0 0}	
/* #inc01 .sh_cont_box{padding-left:20px} */
#inc01 ul li{width:230px;height:230px}
#inc01 ul li .info{padding:25px 20px}
#inc01 ul li .info p{font-size:20px}
#inc01 .nav_btn{right:20px}
#inc01 .nav_btn button{width:48px;height:48px}
}