.menu04{background-image: url(/img/tab_bg.png);background-attachment: fixed;}
#tabType01Bg{padding: 5rem 0rem;overflow: hidden;}

#tabType01Bg span{display: block; height: 4px; width: 60px; background-color: #ae0000;text-align: center;margin: 0 auto;}
.menu04 .title{text-align: center;transform: scale(2);opacity: 0;transition: 0.4s;width: 70%;margin: 0 auto;margin-top: 2rem;}
.menu04.on .title{opacity: 1;transform: scale(1);}
#tabType01Bg h2{text-align: center;color: white;margin-top: 3rem;font-size: 1.8rem;line-height: 1.2em;}


#tabType01 .tab-box{margin-top:4rem;}

#tabType01 .tab-box .tab-menu ul{text-align:center;}
#tabType01 .tab-box .tab-menu ul li{display:inline-block; width:40%;margin-right: 1rem;}
#tabType01 .tab-box .tab-menu ul li:nth-child(2),
#tabType01 .tab-box .tab-menu ul li:nth-child(4){margin-right: 0rem;}
#tabType01 .tab-box .tab-menu ul li:nth-child(1),
#tabType01 .tab-box .tab-menu ul li:nth-child(2),
#tabType01 .tab-box .tab-menu ul li:nth-child(3),
#tabType01 .tab-box .tab-menu ul li:nth-child(4){margin-bottom:1rem;}
#tabType01 .tab-box .tab-menu ul li:nth-child(5){margin-right:50%;}
#tabType01 .tab-box .tab-menu ul li p{padding:1rem 0rem; font-size:1.8rem;font-weight: 500;}
#tabType01 .tab-box .tab-con{width:90%; margin:2rem auto 0;}
#tabType01 .tab-box .tab-con ul{overflow:hidden;}
#tabType01 .tab-box .tab-con ul li{float:left;}
#tabType01 .tab-box .tab-con ul li:nth-child(1){width:100%; margin-bottom:2rem;} 
#tabType01 .tab-box .tab-con ul li:nth-child(2){width:100%;}
#tabType01 .tab-box .tab-con ul li:nth-child(3){width:50%}
#tabType01 .tab-box .tab-con ul li:nth-child(4){float:right; width:50%;}
#tabType01 .tab-box .tab-con ul li div h3{margin:0 0 1rem;color: white;font-size: 3rem;font-weight: 600;}
#tabType01 .tab-box .tab-con ul li div h3::after{content: '';display: block; clear: both; width: 100px; height: 4px; background-color:#bf0000;margin-top: 1rem;margin-bottom: 2rem;}


#tabType01 .tab-box .tab-con ul li div p{font-size:1.6rem; line-height:1.2em; margin-bottom:2rem;color: white;}

.menus{color:black; cursor:pointer; transition:0.2s;background-color: white;margin-right: 0rem;border-radius: 10px;}
.menus:hover{color:#ffffff;  transition:0.2s;background-color:#bf0000;}
.active{color:white; transition:0.2s;background-color:#bf0000;}







@media screen and (min-width:1200px){
    
    
#tabType01Bg{padding: 13rem 0rem;}
#tabType01Bg span{ width: 100px;}
.menu04 .title{text-align: center;margin-top: 3rem;width: auto;}
#tabType01Bg h2{font-size: 2.2rem;}
#tabType01 .tab-box{margin-top:4rem;}
#tabType01 .tab-box .tab-menu ul li{ width:50%;}
#tabType01 .tab-box .tab-con ul li div h3{font-size: 6rem;}
#tabType01 .tab-box .tab-con ul li div h3::after{margin-top: 2rem;}
#tabType01 .tab-box .tab-con ul li div p{font-size:2rem; line-height:1.4em;}
.menus{margin-right: 2rem;}


#tabType01 .tab-box{margin-top:10rem;}
#tabType01 .tab-box .tab-menu ul li{width:auto;margin-right: 2rem;}
#tabType01 .tab-box .tab-menu ul li:nth-child(3){margin-right: 0rem;}
#tabType01 .tab-box .tab-menu ul li:nth-child(1),
#tabType01 .tab-box .tab-menu ul li:nth-child(2),
#tabType01 .tab-box .tab-menu ul li:nth-child(3),
#tabType01 .tab-box .tab-menu ul li:nth-child(4){margin-bottom:0rem;} 
#tabType01 .tab-box .tab-menu ul li:nth-child(5){margin-right:0;} 
#tabType01 .tab-box .tab-menu ul li p{width:190px; padding-bottom:1.4rem; font-size:2.2rem;}
#tabType01 .tab-box .tab-con{width:1098px; margin:3.8rem auto 0;}
#tabType01 .tab-box .tab-con ul{overflow:hidden;}
#tabType01 .tab-box .tab-con ul li{float:left;}
#tabType01 .tab-box .tab-con ul li:nth-child(2){width:576px;}
#tabType01 .tab-box .tab-con ul li:nth-child(3){width:auto;}
#tabType01 .tab-box .tab-con ul li:nth-child(4){width:auto;}
    
    
    
    
    
  
}