@charset "utf-8";

.busi02_tab ul .busi02_tab_icon01 a {background-image:url(./img/icon_1_off.png);}
.busi02_tab ul .busi02_tab_icon02 a {background-image:url(./img/icon_2_off.png);}
.busi02_tab ul .busi02_tab_icon03 a {background-image:url(./img/icon_3_off.png);}
.busi02_tab ul .busi02_tab_icon04 a {background-image:url(./img/icon_4_off.png);}
.busi02_tab ul .busi02_tab_icon05 a {background-image:url(./img/icon_5_off.png);}
.busi02_tab ul .busi02_tab_icon06 a {background-image:url(./img/icon_6_off.png);}
.busi02_tab ul .busi02_tab_icon07 a {background-image:url(./img/icon_7_off.png);}

.busi02_tab ul .busi02_tab_icon01.on a {background-image:url(./img/icon_1_on.png);}
.busi02_tab ul .busi02_tab_icon02.on a {background-image:url(./img/icon_2_on.png);}
.busi02_tab ul .busi02_tab_icon03.on a {background-image:url(./img/icon_3_on.png);}
.busi02_tab ul .busi02_tab_icon04.on a {background-image:url(./img/icon_4_on.png);}
.busi02_tab ul .busi02_tab_icon05.on a {background-image:url(./img/icon_5_on.png);}
.busi02_tab ul .busi02_tab_icon06.on a {background-image:url(./img/icon_6_on.png);}
.busi02_tab ul .busi02_tab_icon07.on a {background-image:url(./img/icon_7_on.png);}

@media (min-width:1440px) {  
    
    .business02 {}
    .business02 .busi02_wrap {display:flex; flex-direction:column; }

    .business02 .busi02_img {text-align:center;}

    .busi02_tab {margin-top:70px; position:relative;}
    .busi02_tab::after {content:''; width:100%; height:1px; background-color:#777; position:absolute; bottom:-30px; left:50%; transform:translateX(-50%);}
    .busi02_tab ul {display:flex; height:150px; justify-content:space-evenly; text-align:center;}
    .busi02_tab ul li {width:150px; border:1px solid #ddd; border-radius:20px; box-shadow:0 9px 0 0 #ddd; position:relative;}
    .busi02_tab ul li::before {content:''; width:18px; height:18px; border-radius:50%; background-color:#fff; border:1px solid #777; position:absolute; left:50%; bottom:-40px; transform:translateX(-50%); z-index:1;}
    .busi02_tab ul li a {display:block; height:100%; position:relative; background-repeat:no-repeat; background-position:center 0;}
    .busi02_tab ul li a p {position:absolute; bottom:0; left:50%; transform:translateX(-50%); font-size:18px; color:#777; font-weight:600;}
    .busi02_tab ul li.on {border-color:#263996; box-shadow:0 9px 0 0 #263996;}
    .busi02_tab ul li.on::after {content:''; width:10px; height:10px; border-radius:50%; background-color:#263996; position:absolute; left:50%; bottom:-35px; transform:translateX(-50%); z-index:1;}
    .busi02_tab ul li.on a p {color:#263996;}

    .busi02_cont {margin-top:80px;}
}


@media  (max-width:1439px) and (min-width:1024px) {
   
    .business02 {}
    .business02 .busi02_wrap {display:flex; flex-direction:column; }

    .business02 .busi02_img {text-align:center;}

    .busi02_tab {margin-top:70px; position:relative;}
    .busi02_tab::after {content:''; width:100%; height:1px; background-color:#777; position:absolute; bottom:-30px; left:50%; transform:translateX(-50%);}
    .busi02_tab ul {display:flex; height:150px; justify-content:space-evenly; text-align:center;}
    .busi02_tab ul li {width:150px; border:1px solid #ddd; border-radius:20px; box-shadow:0 9px 0 0 #ddd; position:relative;}
    .busi02_tab ul li::before {content:''; width:18px; height:18px; border-radius:50%; background-color:#fff; border:1px solid #777; position:absolute; left:50%; bottom:-40px; transform:translateX(-50%); z-index:1;}
    .busi02_tab ul li a {display:block; height:100%; position:relative; background-repeat:no-repeat; background-position:center 0;}
    .busi02_tab ul li a p {position:absolute; bottom:0; left:50%; transform:translateX(-50%); font-size:16px; color:#777; font-weight:600;}
    .busi02_tab ul li.on {border-color:#263996; box-shadow:0 9px 0 0 #263996;}
    .busi02_tab ul li.on::after {content:''; width:10px; height:10px; border-radius:50%; background-color:#263996; position:absolute; left:50%; bottom:-35px; transform:translateX(-50%); z-index:1;}
    .busi02_tab ul li.on a p {color:#263996;}

    .busi02_cont {margin-top:80px;}

}



@media  (max-width:1023px) {

    .business02 {}
    .business02 .busi02_wrap {display:flex; flex-direction:column-reverse;}

    .business02 .busi02_img {text-align:center; margin-top:40px; }
    .business02 .busi02_img img {max-width:600px; width:100%; padding:0 10px;}

    .busi02_tab {position:relative;}
    .busi02_tab ul {display:flex; flex-wrap:wrap; justify-content:space-evenly; text-align:center;}
    .busi02_tab ul li {height:75px; width:48%; margin:2% 1%; border:1px solid #ddd; border-radius:20px; box-shadow:0 9px 0 0 #ddd; position:relative;}
    .busi02_tab ul li a {display:block; height:100%; position:relative; background-repeat:no-repeat; background-position:10px center; background-size:auto 80%;}
    .busi02_tab ul li a p {position:absolute; top:50%; left:50%; transform:translateY(-50%); font-size:16px; color:#777; font-weight:600;}
    .busi02_tab ul li.on {border-color:#263996; box-shadow:0 9px 0 0 #263996;}
    .busi02_tab ul li.on a p {color:#263996;}

    .busi02_cont {margin-top:80px;}


    @media (max-width:500px) {
        .busi02_tab ul li {width:100%;}
        .busi02_tab ul li a p { transform:translate(-50%,-50%);}
    }
    
}