h3.h3_bg{
    background-color: #6eae17;
    color: #fff;
    padding: 12px 30px;
    display: inline-block;
    border-radius: 30px;
    margin-bottom: 25px;
    font-size: 26px;
}
.gr_box {
    padding: 40px ;
    background-color: #f7f7f7;
}
@media (max-width:768px){
    h3.h3_bg{
        padding: 4px 20px;
        margin-bottom: 15px;
        font-size: 17px;
    }
    .gr_box {
        padding: 20px ;
    }
}

/*rule_sec*/


.rule_sec .rule_wrp .tbox .rt h1{
    font-size: 45px;
    line-height: 1.2em;
    color: #666;
}
.rule_sec .rule_wrp .tbox .rt h1 span{
    color: #72b517;
}
.rule_sec .rule_wrp .tbox h6{
    font-size: 18px;
    line-height: 1.5em;
    color: #fff;
}
.rule_sec{
    position: relative;
    z-index: 0;
}
.rule_sec:after{
    background-color: #c6923f;
    position: absolute;
    content: "";
    left:0;
    bottom: 0;
    width: 100%;
    height:50%; 
    z-index: -1;
}

.immune_01 .rule_sec{
    background: url(../img/imm1_bg1.png) center center no-repeat;
}
.immune_02 .rule_sec{
    background: url(../img/imm2_bg1.png) center center no-repeat;
}
.immune_03 .rule_sec{
    background: url(../img/imm3_bg1.png) center center no-repeat;
}
.immune_04 .rule_sec{
    background: url(../img/imm4_bg1.png) center center no-repeat;
}
.immune_05 .rule_sec{
    background: url(../img/imm5_bg1.png) center center no-repeat;
}
.immune_06 .rule_sec{
    background: url(../img/imm6_bg1.png) center center no-repeat;
}

@media (min-width:769px){
    .rule_sec .rule_wrp .tbox .lt{
        width: 15%;
    }
    .rule_sec .rule_wrp .tbox h6{
        padding-left: 15%;
    }
    .rule_sec .rule_wrp .ibox img{
        position: relative;
        width: 90%;
        
    }
    .rule_sec .rule_wrp .ibox img:after{
        position: absolute;
        content: "";
        background-color: #000;
        width: 100%;
        height: 100%;
    }
}
@media (max-width:768px){
    .rule_sec .rule_wrp .tbox .lt{
        width: 7%;
    }
    .rule_sec .rule_wrp .tbox .rt{
        padding-left: 8px;
    }

    .rule_sec .rule_wrp .tbox .rt h1{
        font-size: 20px;
        line-height: 1.2em;
    }
    .rule_sec .rule_wrp .tbox h6{
        font-size: 14px;
        line-height: 1.5em;
        color: #000;
    }
    .rule_sec .rule_wrp .ibox{
        margin-top: 30px;
    }
    .rule_sec:after{
        height:25%; 
    }
}
.part_wrp .part_box{
    background-color: #f2f3f5;
    border: 1px solid #ddd;
    padding: 25px;
}

.part_wrp .part_box .tbox h4 span{
    background-color: #c6923f;
    color:#fff;
    padding: 0 7px;
}
@media (min-width:769px){
    .part_wrp li .part_box .c_wrp{
        min-height: 200px;
    }
    .part_wrp .part_box .ibox{
        width: 45%;
        padding-left: 20px;
    }
}
@media (max-width:768px){
    .part_wrp .part_box .ibox{
        text-align: right;
    }
    .part_wrp .part_box .ibox img{
        width: 50%;
    }
}
/*immune_01*/
.immune_01 .sec01 {
    background: url(../img/imm1_sec01_bg.png) center center no-repeat;
}
/*immune_02*/
.immune_02 .part_wrp li:first-child .part_box{
    background-color: #6eae17;
    border: 1px solid #6eae17;
}
.immune_02 .sec02{
    position: relative;
    z-index: 0;
}
.immune_02 .sec02:after{
    background: url(../img/imm2_sec02_bg.png) top center no-repeat;
    position: absolute;
    content: "";
    left:0;
    top: 0;
    width: 100%;
    height:50%; 
    z-index: -1;
}
.immune_02 .sec02 .chk_box{
    background: url(../img/chk_bg.png) bottom center no-repeat;
    background-color: #fff;
    max-width: 900px;
    margin: 0 auto;
}
.immune_02 .sec02 .chk_wrp li:not(:last-child){
    margin-bottom: 25px;
}
.immune_02 .sec02 .chk_wrp li{
    color: #333;
    font-size: 22px;
    font-weight: 400;
    text-align: left
}
.immune_02 .sec02 .chk_wrp li img{
    width: 30px;
}
@media (min-width:769px){
    .immune_02 .sec02 .chk_box{
        padding: 70px 180px;
        border: 5px solid #ddd;
    }
}
@media (max-width:768px){
    .immune_02 .sec02 .chk_box{
        padding: 20px;
        border: 2px solid #ddd;
    }
    .immune_02 .sec02 .chk_wrp li{
        font-size: 14px;
    }
    .immune_02 .sec02 .chk_wrp li:not(:last-child){
        margin-bottom: 15px;
    }
    .immune_02 .sec02 .chk_wrp li img{
        width: 15px;
    }
}

/*immune_05*/
.immune_05 .sec01{
     background: url(../img/imm5_sec01_bg.png) bottom center no-repeat;
}
.immune_05 .sec01 .bg_tit h1 .c_gd{
    color: #3b6700 !important;
}

.immune_05 .four_wrp li .four_box h4{
    font-size: 24px;
}
.immune_05 .four_wrp li .four_box h4 span{
    font-size: 14px;
    font-weight: 400;
}
.immune_05 .four_wrp li .four_box p{
    margin-top: 15px;
}
@media (max-width:768px){
    .immune_05 .sec01{
         background-color: #d1c0a5;
    } 
    .immune_05 .four_wrp li .four_box{
        margin: 10px 0;
    }
    .immune_05 .four_wrp li .four_box p{
        margin-top: 10px;
    }
}
/*immune_06*/
.immune_06 .sec01 .skin_box{
    border: 2px solid #ddd;
    border-radius: 50px;
    background-color: #fff;
    padding: 50px;
}
.immune_06 .sec01 .skin_wrp h3{
    color:#fff;
    background-color: #c6923f;
    padding: 6px;
    font-size: 22px;
}
.immune_06 .sec01 .skin_wrp h4{
    margin-top: 15px;
    font-size: 18px;
}
.immune_06 .sec01 .h3_box img{
    display: block;
    margin: 0 auto;
}
.immune_06 .sec01 .h3_box h4{
    margin-top: 15px;
}
@media (min-width:769px){
    .immune_06 .sec01 .skin_box .c_wrp .rt{
        padding-left: 40px;
    }
    .immune_06 .sec01 .skin_wrp li:not(:first-child){
        margin-top: 25px;
    }
}
@media (max-width:768px){
    .immune_06 .sec01 .skin_box{
        border: 1px solid #ddd;
        border-radius: 30px;
        padding: 25px;
    }
    .immune_06 .sec01 .skin_wrp li{
        margin-top: 15px;
    }
    .immune_06 .sec01 .skin_wrp h3{
        padding: 3px;
        font-size: 16px;
    }
    .immune_06 .sec01 .skin_wrp h4{
        margin-top: 10px;
        font-size: 14px;
    }
    .immune_06 .sec01 ul li .h3_box {
        margin: 10px 0;
    }
}









