#fullpage {
width:100%;
height:100%;
}
#menu li {
display: inline-block;
margin: 10px;
color: #000;
background: #fff;
background: rgba(255, 255, 255, 0.5);
-webkit-border-radius: 10px;
border-radius: 10px;
}
#menu li.active {
background: #666;
background: rgba(0, 0, 0, 0.5);
color: #fff;
}
#menu li a {
text-decoration: none;
color: #000;
}
#menu li.active a:hover {
color: #000;
}
#menu li:hover {
background: rgba(255, 255, 255, 0.8);
}
#menu li a,
#menu li.active a {
padding: 9px 18px;
display: block;
}
#menu li.active a {
color: #fff;
}
#menu {
position: fixed;
top: 0;
left: 0;
height: 40px;
z-index: 70;
width: 100%;
padding: 0;
margin: 0;
}

.section {font-size: 3vw; text-align:center}
/* .section:last-child{margin-bottom: 26.8rem;} */

/* 메인 배너 슬라이더 */
.swiper-container {
width: 100%;
height: 100%;
overflow: hidden;
}
.swiper-slide {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}

.swiper-slide .banner_tit{
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    color: #fff;
    text-align: left;
}
.swiper-slide .banner_tit .sub_tit{ margin-bottom: 0.1rem;}
.swiper-slide .banner_tit .main_tit{color: #fff; margin: 0; font-weight: 800;}
.swiper-slide .pc_banner{display: block;}
.swiper-slide .mo_banner{display: none;}
/* .swiper-slide:nth-child(2) .banner_tit .main_tit span{color:#1bcfea;}
.swiper-slide:nth-child(3) .banner_tit .main_tit span{color:#fed802;}
.swiper-slide:nth-child(4) .banner_tit .main_tit span{color:#b776f3;} */

.swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.swiper-pagination-bullet{width: 4.7rem !important; height: 0.3rem !important; background-color: #fff !important; border-radius: 0 !important; opacity: 1 !important; margin: 0 0.75rem !important;}
.swiper-pagination-bullet-active{background-color: #1bcfea !important;}

.animated {
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
animation-delay: 0.65s;
}

.bounceInDown.active {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-200px);
}

100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-200px);
}

100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-o-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-200px);
}

100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-200px);
}

100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
/* @-webkit-keyframes bounceInDown {
    0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    }

    60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    }

    80% {
    -webkit-transform: translateY(-5px);
    }

    100% {
    -webkit-transform: translateY(0);
    }
}*/

.bounceInRight.active {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInRight {
    0% {
    opacity: 0;
    transform: translateX(300px);
    }
    100% {
    opacity: 1;
    transform: translateX(0);
    }
    }
    @-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(300px);
        }
        100% {
        opacity: 1;
        transform: translateX(0);
        }
    }
    @-o-keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(300px);
        }
        100% {
        opacity: 1;
        transform: translateX(0);
        }
    }
    @keyframes bounceInRight {
    0% {
    opacity: 0;
    transform: translateX(300px);
    }
    100% {
    opacity: 1;
    transform: translateX(0);
    }
    }

/* InfraSolution 섹션 sec2 */
.section.sec2 .main_con_01{display: flex; justify-content: center; height: 100%;}
.section.sec2 .main_con_01 .main_con_left{width: 50%; background: url(/images/main_sec2_bg.jpg) no-repeat center; background-size: cover;}
.section.sec2 .main_con_01 .main_con_right{width: 50%; padding: 20rem 10rem 20rem 9rem;}
.section.sec2 .main_con_01 .main_con_right .main_con_txt{text-align: left;}
.section.sec2 .main_con_01 .main_con_right .main_con_txt p{font-size: 2.1rem; margin: 5rem 0 7rem 0; word-break: keep-all;}
.section.sec2 .main_con_01 .main_con_right ul.main_con01_box{align-content: flex-start; flex-wrap: wrap; overflow: auto;}
.section.sec2 .main_con_01 .main_con_right ul.main_con01_box li{float:left; width: calc(100%/2 - 0.8rem); height: 8.8rem; border: 1px solid #444444; margin: 0 0.8rem 0.8rem 0; box-sizing: border-box; padding: 1rem 2rem 1rem 5rem; display: flex; flex-direction: column; justify-content: center; transition: background-color 0.3s ease;}
.section.sec2 .main_con_01 .main_con_right ul.main_con01_box li:nth-child(2n){margin-right: 0;}
.section.sec2 .main_con_01 .main_con_right ul.main_con01_box li a{display: block; width: 100%; text-align: right; line-height: 3rem;}
.section.sec2 .main_con_01 .main_con_right ul.main_con01_box li.main_con01_bg{background-repeat: no-repeat; background-position: 5%;}
.section.sec2 .main_con_01 .main_con_right ul.main_con01_box li:hover{background-color: #104899; border-color: #104899;}
.section.sec2 .main_con_01 .main_con_right ul.main_con01_box li:hover a{color: #fff;}
.section.sec2 .main_con_01 .main_con_right ul.main_con01_box li.infra01{background-image: url(/images/main_ico_infra01.png);}
.section.sec2 .main_con_01 .main_con_right ul.main_con01_box li.infra01:hover{background-image: url(/images/main_ico_infra01_on.png);}
.section.sec2 .main_con_01 .main_con_right ul.main_con01_box li.infra02{background-image: url(/images/main_ico_infra02.png);}
.section.sec2 .main_con_01 .main_con_right ul.main_con01_box li.infra02:hover{background-image: url(/images/main_ico_infra02_on.png);}
.section.sec2 .main_con_01 .main_con_right ul.main_con01_box li.infra03{background-image: url(/images/main_ico_infra03.png);}
.section.sec2 .main_con_01 .main_con_right ul.main_con01_box li.infra03:hover{background-image: url(/images/main_ico_infra03_on.png);}
.section.sec2 .main_con_01 .main_con_right ul.main_con01_box li.solution01{background-image: url(/images/main_ico_solution01.png);}
.section.sec2 .main_con_01 .main_con_right ul.main_con01_box li.solution01:hover{background-image: url(/images/main_ico_solution01_on.png);}
.section.sec2 .main_con_01 .main_con_right ul.main_con01_box li.solution02{background-image: url(/images/main_ico_solution02.png);}
.section.sec2 .main_con_01 .main_con_right ul.main_con01_box li.solution02:hover{background-image: url(/images/main_ico_solution02_on.png);}

/* Consulting 섹션 sec3 */
.section.sec3{background: url(/images/main_sec3_bg.jpg) no-repeat center; background-size: cover;}
.section.sec3 .main_con_02{padding: 20rem 0 23rem 0;}
.section.sec3 .main_con_02 .main_con_txt{color: #fff;}
.section.sec3 .main_con_02 .main_con_txt p{font-size: 2.1rem; margin: 5rem 0 7rem 0; word-break: keep-all;}
.section.sec3 .main_con_02 ul.main_con02_box{display: flex; justify-content: center; align-content: flex-start; flex-wrap: wrap; overflow: auto;}
.section.sec3 .main_con_02 ul.main_con02_box li{width: 25rem; height: 25rem; border: 1px solid #7e9cc2; float:left; box-sizing: border-box; padding: 1rem 2rem; display: flex; justify-content: center; transition: background-color 0.3s ease; margin-right: 2.5rem; background-color: rgba(0, 0, 0, 0.15);}
/* .section.sec3 .main_con_02 ul.main_con02_box li:last-child{margin-right: 0;} */
.section.sec3 .main_con_02 ul.main_con02_box li a{display: block; width: 100%; text-align: center; line-height: 3rem; padding-top: 15rem; color: #fff;}
.section.sec3 .main_con_02 ul.main_con02_box li.main_con01_bg{background-repeat: no-repeat; background-position: center 35%;}
.section.sec3 .main_con_02 ul.main_con02_box li:hover{border-color: #1bcfea;}
.section.sec3 .main_con_02 ul.main_con02_box li:hover a{color: #1bcfea;}
.section.sec3 .main_con_02 ul.main_con02_box li.consulting01{background-image: url(/images/main_ico_consulting01.png);}
.section.sec3 .main_con_02 ul.main_con02_box li.consulting01:hover{background-image: url(/images/main_ico_consulting01_on.png);}
.section.sec3 .main_con_02 ul.main_con02_box li.consulting02{background-image: url(/images/main_ico_consulting02.png);}
.section.sec3 .main_con_02 ul.main_con02_box li.consulting02:hover{background-image: url(/images/main_ico_consulting02_on.png);}
.section.sec3 .main_con_02 ul.main_con02_box li.consulting03{background-image: url(/images/main_ico_consulting03.png);}
.section.sec3 .main_con_02 ul.main_con02_box li.consulting03:hover{background-image: url(/images/main_ico_consulting03_on.png);}
.section.sec3 .main_con_02 ul.main_con02_box li.consulting04{background-image: url(/images/main_ico_consulting04.png);}
.section.sec3 .main_con_02 ul.main_con02_box li.consulting04:hover{background-image: url(/images/main_ico_consulting04_on.png);}
.section.sec3 .main_con_02 ul.main_con02_box li.consulting05{background-image: url(/images/main_ico_consulting05.png);}
.section.sec3 .main_con_02 ul.main_con02_box li.consulting05:hover{background-image: url(/images/main_ico_consulting05_on.png);}

@media screen and (max-width: 1350px){
    .section.sec3 .main_con_02 .main_con_txt{padding: 0 5rem;}
    .section.sec3 .main_con_02 ul.main_con02_box{margin: 0 auto; justify-content: center;}
    .section.sec3 .main_con_02 ul.main_con02_box li{margin: 0 3rem 3rem 0rem;}
}

@media screen and (max-width: 1280px){
    .section.sec2 .main_con_01 .main_con_right{padding: 10rem 5rem;}
    .section.sec2 .main_con_01 .main_con_right ul.main_con01_box li{padding: 0.5rem 1rem 0.5rem 4rem;}
    .section.sec2 .main_con_01 .main_con_right ul.main_con01_box li.main_con01_bg{background-size: 15% auto;}
    .section.sec2 .main_con_01 .main_con_right ul.main_con01_box li a{line-height: 2.1rem;}

    .section.sec3 .main_con_02{padding: 10rem 0;}
    /* .section.sec3 .main_con_02 ul.main_con02_box{width: 72%;} */
    .section.sec3 .main_con_02 ul.main_con02_box li{width: 20rem; height: 20rem;}
    .section.sec3 .main_con_02 ul.main_con02_box li.main_con01_bg{background-position: center 30%;}
    .section.sec3 .main_con_02 ul.main_con02_box li a{padding-top: 11rem;}

    .section.sec3 .main_con_02 .main_con_txt p .pc_br{display: none;}
}
@media screen and (max-width: 960px){
    .section.sec3 .main_con_02 ul.main_con02_box{width: 70%;}
    /* .section.sec3 .main_con_02 ul.main_con02_box li{width: 20rem; height: 20rem;}
    .section.sec3 .main_con_02 ul.main_con02_box li.main_con01_bg{background-position: center 30%;}
    .section.sec3 .main_con_02 ul.main_con02_box li a{padding-top: 11rem;} */
}
@media screen and (min-width: 769px) and (max-width: 820px){
    .section.sec2 .main_con_01 .main_con_right ul.main_con01_box li a.f_26px{font-size: 1.9rem;}
}

@media screen and (max-width: 768px){
    .swiper-slide img{
        /* height: 60.3rem;  */
        object-fit: cover;}
    .swiper-slide .pc_banner{display: none;}
    .swiper-slide .mo_banner{display: block;}
    .swiper-slide .banner_tit{width: 100%; left: 50%; text-align: center;}
    
    .section.sec2{background: url(/images/main_sec2_bg_m.jpg) no-repeat center; background-size: cover;}
    .section.sec2 .main_con_01 .main_con_left{display: none;}
    .section.sec2 .main_con_01 .main_con_right{width: 100%; padding: 5rem 0 4rem 0; margin: 0 1rem; display: flex; flex-direction: column; justify-content: center; color: #fff;}
    .section.sec2 .main_con_01 .main_con_right .main_con_txt{text-align: center;}
    .section.sec2 .main_con_01 .main_con_right .main_con_txt p{font-size: 1.4rem; margin: 2.5rem 0;}
    .section.sec2 .main_con_01 .main_con_right ul.main_con01_box li{height: 4rem; padding: 0.8rem 0.8rem; background-color: rgba(255, 255, 255, 0.85);}
    .section.sec2 .main_con_01 .main_con_right ul.main_con01_box li a{line-height: 1.3rem;}
    .section.sec2 .main_con_01 .main_con_right ul.main_con01_box li.main_con01_bg{background-size: auto 1.8rem;}

    .section.sec3 .main_con_02{padding: 0;}
    .section.sec3 .main_con_02 .main_con_txt{margin: 0 1rem; padding: 0 3rem;}
    .section.sec3 .main_con_02 .main_con_txt p{font-size: 1.4rem; margin: 2.5rem 0; word-break: keep-all;}
    .section.sec3 .main_con_02 ul.main_con02_box{width: 34rem; margin: 0 auto; }
    .section.sec3 .main_con_02 ul.main_con02_box li{width: 10.3rem; height: 10.3rem; margin: 0 1.2rem 1.2rem 0; padding: 0.5rem;}
    /* .section.sec3 .main_con_02 ul.main_con02_box li:nth-child(3){margin-right: 0;} */
    .section.sec3 .main_con_02 ul.main_con02_box li.main_con01_bg{background-size: auto 2.7rem; background-position: center 25%;}
    .section.sec3 .main_con_02 ul.main_con02_box li a{line-height: 2rem; padding-top: 5rem;}

    /* .section:last-child{margin-bottom: 26.3rem;} */
}
@media screen and (max-width: 345px){
    .section.sec3 .main_con_02 ul.main_con02_box{width: 100%; justify-content: center;}
}
@media screen and (max-width: 320px){
    /* .section.sec3 .main_con_02 ul.main_con02_box{width: 32rem; padding: 0 0 0 5rem;} */
    .section.sec3 .main_con_02 ul.main_con02_box li:nth-child(3){margin: 0 1.2rem 1.2rem 0;}
}