/* 사업소개 - 산림사업 - 산림경영 */


#sub .b_index_inner .detail_wrap{
    padding-top: 75px;
    margin-bottom: 145px;
}
#sub .b_index_inner .detail_wrap.d01{
    background: #96a161;
}
#sub .b_index_inner .detail_wrap.d02{
    background: #416571;
}
#sub .b_index_inner .detail_wrap.d03{
    background: #799eba;
}
#sub .b_index_inner .detail_wrap.d04{
    background: #bd7c68;
}
#sub .b_index_inner .detail_wrap.d05{
    background: #af7e55;
}
#sub .b_index_inner .detail_wrap.c01{
    background: #69788c;
}
#sub .b_index_inner .detail_wrap.c02{
    background: #809bbf;
}
#sub .b_index_inner .detail_wrap.c03{
    background: #88b0bf;
}
#sub .b_index_inner .detail_wrap.c04{
    background: #eae4f2;
}
#sub .b_index_inner .detail_wrap.c05{
    background: #dceef2;
}
#sub .b_index_inner .detail_wrap.c06{
    background: #dceef2;
}
#sub .b_index_inner .detail_wrap.m01{
    background: #9e9e82;
}
#sub .b_index_inner .detail_wrap.m02{
    background: #686762;
}
#sub .b_index_inner .detail_wrap.m03{
    background: #b19e8d;
}


#sub .b_index_inner .detail_wrap .txt_box{
    width: 28%;
    color: #fff;
}
#sub .b_index_inner .detail_wrap .txt_box .man_tit{
    font-size: 30px;
    font-weight: 900;
}
#sub .c_index .detail_wrap .txt_box .man_tit{
    padding-bottom: 15px;
}
#sub .c_index .detail_wrap .txt_box .man_tit{
    position: relative;
}
#sub .c_index .detail_wrap .txt_box .man_tit::after{
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 80%;
    height: 2px;
    background: #fff;
    margin-top: 15px;
}
#sub .b_index_inner .detail_wrap .txt_box .man_s_tit{
    font-size: 20px;
    font-weight: 600;
    padding: 10px 0 20px;
    position: relative;
}
#sub .b_index_inner .detail_wrap .txt_box .man_s_tit::after{
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 80%;
    height: 2px;
    background: #fff;
}
#sub .b_index_inner .detail_wrap .txt_box .man_p{
    font-size: 17px;
    line-height: 26px;
    font-weight: 400;
    margin: 20px 0 45px;
}
#sub .b_index_inner .detail_wrap.c04 .txt_box .man_tit,#sub .b_index_inner .detail_wrap.c05 .txt_box .man_tit,#sub .b_index_inner .detail_wrap.c06 .txt_box .man_tit{
    color: #333;
}
#sub .c_index .detail_wrap.c04 .txt_box .man_s_tit::after,#sub .c_index .detail_wrap.c05 .txt_box .man_s_tit::after,#sub .c_index .detail_wrap.c06 .txt_box .man_s_tit::after{
    background: #333;
}
#sub .b_index_inner .detail_wrap.c04 .txt_box .man_p,#sub .b_index_inner .detail_wrap.c05 .txt_box .man_p,#sub .b_index_inner .detail_wrap.c06 .txt_box .man_p{
    color: #333;
}
#sub .b_index_inner .detail_wrap .txt_box .man_go_box{
    display: inline-block;
    text-align: center;
    font-size: 18px;
    position: relative;
    z-index: 1;
}
#sub .b_index_inner .detail_wrap .txt_box .man_go_box em{
    width: 100%;
    height: 100%;
    display: inline-block;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
    font-style: normal;
    width: 200px;
    border-radius: 50px;
    padding: 18px 0;
    background: #fff;
}
#sub .b_index_inner .detail_wrap .txt_box .man_go_box em::before{
    position: absolute;
    content: '';
    width: 205px;
    height: 65px;
    border-radius: 50px;
    right: 0; bottom: 0;
    z-index: -1;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
}
#sub .b_index_inner .detail_wrap .txt_box .man_go_box:hover em::before{
    right: -3%; bottom: -9%;
    opacity: 1;
    visibility: visible;
}
#sub .b_index_inner .detail_wrap.d01 .txt_box .man_go_box em::before{
    background: #707a42;
}
#sub .b_index_inner .detail_wrap.d02 .txt_box .man_go_box em::before{
    background: #2f4c56;
}
#sub .b_index_inner .detail_wrap.d03 .txt_box .man_go_box em::before{
    background: #577790;
}
#sub .b_index_inner .detail_wrap.d04 .txt_box .man_go_box em::before{
    background: #9c6351;
}
#sub .b_index_inner .detail_wrap.d05 .txt_box .man_go_box em::before{
    background: #926642;
}
#sub .b_index_inner .detail_wrap.c01 .txt_box .man_go_box em::before{
    background: #4f5a6a;
}
#sub .b_index_inner .detail_wrap.c02 .txt_box .man_go_box em::before{
    background: #4a668b;
}
#sub .b_index_inner .detail_wrap.c03 .txt_box .man_go_box em::before{
    background: #5a8291;
}
#sub .b_index_inner .detail_wrap.c04 .txt_box .man_go_box em::before{
    background: #9785ae;
}
#sub .b_index_inner .detail_wrap.c05 .txt_box .man_go_box em::before{
    background: #90bcc6;
}
#sub .b_index_inner .detail_wrap.m01 .txt_box .man_go_box em::before{
    background: #7f7f65;
}
#sub .b_index_inner .detail_wrap.m02 .txt_box .man_go_box em::before{
    background: #54534d;
}
#sub .b_index_inner .detail_wrap.m03 .txt_box .man_go_box em::before{
    background: #9b8673;
}


#sub .b_index_inner .detail_wrap.d01 .txt_box .man_go_box{
    color: #96a161;
}
#sub .b_index_inner .detail_wrap.d02 .txt_box .man_go_box{
    color: #416571;
}
#sub .b_index_inner .detail_wrap.d03 .txt_box .man_go_box{
    color: #799eba;
}
#sub .b_index_inner .detail_wrap.d04 .txt_box .man_go_box{
    color: #bd7c68;
}
#sub .b_index_inner .detail_wrap.d05 .txt_box .man_go_box{
    color: #af7e55;
}
#sub .b_index_inner .detail_wrap.c01 .txt_box .man_go_box{
    color: #69788c;
}
#sub .b_index_inner .detail_wrap.c02 .txt_box .man_go_box{
    color: #809bbf;
}
#sub .b_index_inner .detail_wrap.c03 .txt_box .man_go_box{
    color: #88b0bf;
}
#sub .b_index_inner .detail_wrap.c04 .txt_box .man_go_box{
    color: #9785ae;
}
#sub .b_index_inner .detail_wrap.c05 .txt_box .man_go_box{
    color: #90bcc6;
}
#sub .b_index_inner .detail_wrap.c06 .txt_box .man_go_box{
    color: #90bcc6;
}
#sub .b_index_inner .detail_wrap.m01 .txt_box .man_go_box{
    color: #9e9e82;
}
#sub .b_index_inner .detail_wrap.m02 .txt_box .man_go_box{
    color: #686762;
}
#sub .b_index_inner .detail_wrap.m03 .txt_box .man_go_box{
    color: #b19e8d;
}



#sub .b_index_inner .detail_wrap .txt_box .man_go_box span{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    font-size: 36px;
    font-weight: 400;
}
#sub .b_index_inner .detail_wrap .img_box{
    width: 70%;
    margin-bottom: -60px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
}

/* 사업소개 - 산림사업 - 산림경영 -detail */

#sub .tab_menu_wrap{
    z-index: 1;
    position: relative;
}
#sub .tab_menu li{
    width: calc(100% / 6);
    min-height: 62px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
#sub .soofee .tab_menu li{
    width: 33.3333333%;
}
#sub .tab_menu li a{
    font-size: 18px;
    font-weight: 600;
    color: #666;
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 15px 0;
    border: 1px solid transparent;
    transition: 0.2s;
}
#sub .tab_menu li.active{
    color: #ff7a00;
    border-top: 1px solid #ff7a00;
    border-left: 1px solid #ff7a00;
    border-right: 1px solid #ff7a00;
    border-bottom: 1px solid #f5f5f5;
    background: #f5f5f5;
}
#sub .tab_menu_wrap::after{
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #ff7a00;
    z-index: -1;
}
#sub .tab_content{
    background: #f5f5f5;
    padding: 60px 0;
}
#sub .tc_tit{
    font-size: 30px;
    font-weight: 600;
}
#sub .tc_tit span{
    font-size: 20px;
    margin-left: 20px;
}
#sub .tc_p{
    font-size: 17px;
    font-weight: 400;
    line-height: 30px;
    margin: 30px 0 40px;
}
#sub .tc_con{
    background: #fff;
    padding: 50px;
}
#sub .oran_tit{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    padding: 10px 28px;
    background: #ff7a00;
    border-radius: 25px;
    display: inline-block;
}
#sub .detail .tab_content .tc_con .tc_p02{
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    margin: 20px 0 45px;
}
#sub .detail .tab_content .a_map{
    position: relative;
}
#sub .detail .tab_content .a_map .aff_box{
    position: absolute;
    cursor: pointer;
}
#sub .detail .tab_content .a_map .aff01{
    left: 105px;
    top: 140px;
}
#sub .detail .tab_content .a_map .aff02{
    left: 105px;
    top: 340px;
}
#sub .detail .tab_content .a_map .aff03{
    right: 130px;
    top: 90px;
}
#sub .detail .tab_content .a_map .aff04{
    right: 130px;
    top: 310px;
}
#sub .detail .tab_content .a_map .aff_box > h5{
    font-weight: 700;
    font-size: 18px;
    color: #333333;
    text-align: center;
    margin-bottom: 10px;
}
#sub .detail .tab_content .a_map .aff_box .img_wrap{
    position: relative;
}
#sub .detail .tab_content .a_map .aff_box .img_box{
    border-radius: 25px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    width: 206px;
    height: 134px;
}
#sub .detail .tab_content .a_map .aff_box .img_box > img{
    height: 100%;
    width: 100%;
}
#sub .detail .tab_content .a_map .add_btn{
    position: absolute;
    top: -5px;
    right: -5px;
    width: 100%;
    height: 100%;
}
#sub .detail .tab_content .a_map .add_btn::after{
    position: absolute;
    content: '+';
    right: -5px;
    top: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    background: #ff7a00;
    border-radius: 50%;
    transition: 0.3s;
}
#sub .detail .tab_content .a_map .right_w .add_btn::after{
    left: -5%;
}
#sub .detail .tab_content .a_map .add_btn .line{
    position: relative;
    left: 100%;
}
#sub .detail .tab_content .a_map .add_btn .line{
    position: absolute;
    transition: 0.3s;
}
#sub .detail .tab_content .a_map .aff01 .add_btn .line{
    top: 7%;
    left: 98%;
    right: auto;
}
#sub .detail .tab_content .a_map .aff02 .add_btn .line{
    bottom: 88%;
    left: 98%;
    right: auto;
    max-width: none;
}
#sub .detail .tab_content .a_map .aff03 .add_btn .line{
    top: -10%;
    right: 98%;
    left: auto;
}
#sub .detail .tab_content .a_map .aff04 .add_btn .line{
    bottom: 88%;
    right: 95%;
    left: auto;
}
#sub .detail .tab_content .a_map .aff_box.on .line{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
#sub .detail .tab_content .a_map .aff_box.on .add_btn::after{
    background-color: #333;
}
#sub .detail .tab_content .a_map .pop_wrap{
    position: fixed;
    left: 0; right: 0; top: 0; bottom: 0;
    background: rgba(0,0,0,.8);
    z-index: 10000;
    display: none;
}
#sub .detail .tab_content .a_map .pop_wrap .pop_inner{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    /* width: 100%; */
}
#sub .detail .tab_content .a_map .pop_wrap .pop_inner h5{
    font-size: 26px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    margin-bottom: 35px;
}
#sub .detail .tab_content .a_map .pop_wrap .img_box{
    border-radius: 20px;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
}
#sub .detail .tab_content .a_map .pop_wrap .pop_inner span{
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
}
#sub .detail .tab_content .a_map .pop_wrap .pop_inner span img{
    transition: 0.3s;
}
#sub .detail .tab_content .a_map .pop_wrap .pop_inner span:hover img{
    transform: rotate(90deg);
}
#sub .detail .tab_content .carbon_b h5{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}
#sub .detail .tab_content .carbon_b ul li:first-child{
    border-top: 1px solid #bbb;
}
#sub .detail .tab_content .carbon_b ul li{
    padding: 15px 0;
    border-bottom: 1px solid #bbbbbb;
    font-size: 0;   
    display: flex;
    flex-wrap: wrap;
}
#sub .detail .tab_content .carbon_b .ca_sp01{
    color: #ff7a00;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    width: 100px;
}
#sub .detail .tab_content .carbon_b .ca_sp01.w2{
    width: 230px;
}
#sub .detail .tab_content .carbon_b .ca_sp02.w2{
    width: calc(100% - 230px);
}
#sub .detail .tab_content .carbon_b .ca_sp01 .fas{
    margin-right: 15px;
}
#sub .detail .tab_content .carbon_b .ca_sp02{
    font-weight: 400;
    font-size: 16px;
    color: #666;
    width: calc(100% - 100px);
    display: inline-block;
}
#sub .detail .tab_content .carbon_b .pro_photo{
    width: 48%;
}
#sub .detail .tab_content .carbon_b .pro_photo p{
    font-size: 20px;
    text-align: center;
    color: #666;
    font-weight: 700;
}
#sub .detail .tab_content .carbon_b .p_img_box{
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    margin: 60px 0 40px;
    height: 400px;
}
#sub .detail .tab_content .carbon_b .p_img_box img{
    height: 100%;
    width: 100%;
}
#sub .detail .tab_content .carbon_b .pro_ul .fas{
    color: #ff7a00;
    font-size: 16px;
}
#sub .detail .tab_content .carbon_b .pro_ul span{
    font-size: 16px;
    color: #666;
    font-weight: 400;
    margin-right: 40px;
}
#sub .detail .tab_content .con_mar .carbon_b .pro_ul span {margin-right: 20px;}
#sub .detail .tab_content .carbon_b .pro_ul span b{
    color: #ff7a00;
    margin:0 10px;
}
#sub .detail .tab_content .w100 .carbon_b .pro_photo{
    width: 100%;
} 
#sub .detail .tab_content .w100 .carbon_b .p_img_box{
    height: 490px;
}
#sub .detail .tab_content .w_a_100 .carbon_b .p_img_box{
    height: 485px;
}
#sub .detail .tab_content .w100 .carbon_b .p_img_box{
    height: 490px;
}
#sub .detail .tab_content .w100 .carbon_b .pro_photo .pro_ul{
    width: 48%;
}
#sub .detail .tab_content .w_a_100 .carbon_b .pro_photo{
    width: 100%;
} 
#sub .detail .tab_content .w_a_100 .carbon_b .pro_photo .pro_ul{
    margin-top: 40px;
}
#sub .detail .tab_content .w_a_100 .carbon_b .p_img_box{
    width: 76%;
}
#sub .detail .tab_content .w_a_100 .carbon_b .p_img_box.w50{
    width: 48%;
    height: 312px;
}
#sub .detail .tab_content .w_a_100 .carbon_b .ca_sp01{
    width: 125px;
}
#sub .detail .tab_content .w_a_100 .carbon_b .ca_sp02{
    width: calc(100% - 125px);
}
#sub .detail .kfcc_box{
    margin: 50px 0;
}
#sub .detail .kfcc_box img{
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
}
#sub .detail .kfcc_box > div{
    margin-left: 45px;
}
#sub .detail .kfcc_box .kfcc_p{
    margin-top: 30px;
    line-height: 30px;
    font-weight: 400;
    font-size: 18px;
}
#sub .detail .tab_content .carbon_b ul li.list_b {border-top: 0;}
#sub .detail .tab_content .carbon_b .pro_ul  .list_b span {color: #000;}
#sub .detail .tab_content .carbon_b .pro_ul  .list_b .fas {margin-right: 15px;}

/* 사업소개 - 산림사업 - social */

#sub .social .b_index_top_box{
    padding-bottom: 0;
}
#sub .social .s_top_h2{
    margin-bottom: 0;
    padding: 25px 0 50px;
}
#sub .social .soci_box{
    background: #f5f5f5;
    padding: 70px 0;
}
#sub .social .chart.w60{
    width: 66.5%;
}
#sub .social .chart.w100{
    width: 100%;
}
#sub .social .chart{
    background: #fff;
    border-top: 5px solid #ff7a00;
    text-align: center;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
#sub .social .chart th{
    font-size: 17px;
    color: #ff7a00;
    font-weight: 700;
    padding: 17px 0;
}
#sub .social .chart th.red{
    color: #ea002c;
}
#sub .social .chart td.black{
    color: #000;
}
#sub .social .chart tr{
    border-bottom: 1px solid #eaeaea;
}
#sub .social .chart td{
    font-size: 17px;
    font-weight: 400;
    color: #666;
    padding: 17px 0;
}
#sub .social .chart tfoot{
    border-top: 1px solid #ccc;
}
#sub .social .chart tfoot td{
    color: #000;
    font-weight: 700;
}
#sub .social .c_img_box{
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}
#sub .social .c_img_box img{
    width: 100%;
}
#sub .social .c_img_box.W80{
    width: 49%;
}
#sub .social .c_img_box.W33{
    width: 32%;
}
#sub .social .soc_p{
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    padding: 25px 0;
}
#sub .social .tc_con{
    margin-bottom: 10px;
}
#sub .soc_p em{
    font-style: normal;
    font-size: 20px;
    font-weight: 700;
}
#sub .soc_p span{
    font-size: 20px;
    font-weight: 400;
}

/* 사업소개 - 조경사업 */

.c_index .slide_wrap{
    margin-bottom: -50px;
    width: 68%;
    position: relative;
}
.c_index .swiper-container{
    position: static;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 30%);
}
.c_index .swiper-button-next{ 
    right: -5%;
    background-image: url(/img/ico/slide_next.png);
    width: 18px;
    height: 76px;
    background-size: 18px 76px;
}
.c_index .swiper-button-prev{ 
    right: -5%;
    background-image: url(/img/ico/slide_prev.png);
    width: 18px;
    height: 76px;
    background-size: 18px 76px;
}
.c_index .swiper-button-prev{
    left: -5%;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    text-align: right;
    right: 103%;
    left: auto;
}
.swiper-pagination-bullet{
    width: 100px;
    height: 100px;
    border-radius: 10px;
    overflow: hidden;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    position: relative;
}
.swiper-pagination-bullet::after{
    position: absolute;
    content: '';
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    /* transition: 0.3s; */
}
.swiper-pagination-bullet-active{
    border: 4px solid #fff;
}
.swiper-pagination-bullet-active::after{
    width: 0;
}
.c_slide01 .swiper-pagination-bullet:nth-child(1){
    background: url(/img/slide/thumb01_01.jpg);
}
.c_slide01 .swiper-pagination-bullet:nth-child(2){
    background: url(/img/slide/thumb01_02.jpg);
}
.c_slide01 .swiper-pagination-bullet:nth-child(3){
    background: url(/img/slide/thumb01_03.jpg);
}
.c_slide02 .swiper-pagination-bullet:nth-child(1){
    background: url(/img/slide/thumb02_01.jpg);
}
.c_slide02 .swiper-pagination-bullet:nth-child(2){
    background: url(/img/slide/thumb02_02.jpg);
}
.c_slide02 .swiper-pagination-bullet:nth-child(3){
    background: url(/img/slide/thumb02_03.jpg);
}
.c_slide03 .swiper-pagination-bullet:nth-child(1){
    background: url(/img/slide/thumb03_01.jpg);
}
.c_slide03 .swiper-pagination-bullet:nth-child(2){
    background: url(/img/slide/thumb03_02.jpg);
}
.c_slide03 .swiper-pagination-bullet:nth-child(3){
    background: url(/img/slide/thumb03_03.jpg);
}
.c_slide04 .swiper-pagination-bullet:nth-child(1){
    background: url(/img/slide/thumb04_01.jpg);
}
.c_slide04 .swiper-pagination-bullet:nth-child(2){
    background: url(/img/slide/thumb04_02.jpg);
}
.c_slide04 .swiper-pagination-bullet:nth-child(3){
    background: url(/img/slide/thumb04_03.jpg);
}
.c_slide05 .swiper-pagination-bullet:nth-child(1){
    background: url(/img/slide/thumb05_01.jpg);
}
.c_slide05 .swiper-pagination-bullet:nth-child(2){
    background: url(/img/slide/thumb05_02.jpg);
}
.c_slide05 .swiper-pagination-bullet:nth-child(3){
    background: url(/img/slide/thumb05_03.jpg);
}
.c_slide06 .swiper-pagination-bullet:nth-child(1){
    background: url(/img/slide/s_t_66_01.jpg);
}
.c_slide06 .swiper-pagination-bullet:nth-child(2){
    background: url(/img/slide/s_t_67_01.jpg);
}
.c_slide06 .swiper-pagination-bullet:nth-child(3){
    background: url(/img/slide/s_t_68_01.jpg);
}


.swiper-container-horizontal>.swiper-scrollbar{
    right: 103%;
    left: auto;
    bottom: 0;
    width: 37%;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 5px;
}
.c_index .slide_wrap .swiper-slide{
    border-radius: 20px;
    overflow: hidden;
    max-height: 485px;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
    opacity: 1 !important;
}
.swiper-pagination-bullet{
    opacity: 1;
}
.swiper-pagination-clickable .swiper-pagination-bullet{
    margin: 0 5px;
}

/* 사업소개 - 조경사업 - detail */

.slick_wrap .slider-for{
    width: 77%;
    padding-left: 3.5%;
}
.slick_wrap .slider-for .slick-list{
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
}
.slick_wrap .slider-for img{
    width: 100%;
}
.slick_wrap .slider-nav{
    width: 20%;
    cursor: pointer;
}
.slick_wrap .slider-for .s_img_box{

}
.slick_wrap .slider-nav .s_thumb_box{
    margin:0 5px;
    border-radius: 10px;
    overflow: hidden;
    width: 100px;
}
.slick-prev:before{
    content: '';
}
.slick-next:before{
    content: '';
}
.slick-prev{
    background: url(/img/ico/slide_prev.png) no-repeat center/cover;
    width: 18px;
    height: 76px;
    left: 0;
}
.slick-next{
    background: url(/img/ico/slide_next.png) no-repeat center/cover;
    width: 18px;
    height: 76px;
    right: -5%;
}
.slick-prev:hover, .slick-prev:focus{
    background: url(/img/ico/slide_prev.png) no-repeat center/cover;
}
.slick-next:hover, .slick-next:focus{
    background: url(/img/ico/slide_next.png) no-repeat center/cover;
}
.slick_wrap .slider-nav .slick-prev,.slick_wrap .slider-nav .slick-next{
    display: none !important;
}
.slick-active.is-active .s_thumb_box{
    border: 4px solid #ff7a00;
}

#sub .detail.cd .tab_content .carbon_b ul li:first-child,#sub .planterior .tab_content .carbon_b ul li:first-child{
    border-top: 0;
}
#sub .detail.cd .tab_content .carbon_b .pro_ul,#sub .planterior .tab_content .carbon_b .pro_ul{
    margin: 50px 0;
}

/* 사업소개 - carbon biz */

#sub .biz .biz_top{
    background: url(/img/sub/biz_top_bg.jpg) no-repeat center/cover;
    height: 600px;
    text-align: center;
}
#sub .biz .biz_top h3{
    font-size: 60px;
    font-weight: 700;
    color: #fff;
}
#sub .biz .biz_top p{
    font-size: 20px;
    font-weight: 300;
    color: #FFF;
    margin-top: 20px;
}
#sub .biz{
    padding-bottom: 100px;
}
#sub .biz .b_index_top_box{
    padding: 60px 0 40px;
}
#sub .biz .s_top_h2{
    margin-bottom: 0;
}
#sub .biz .biz_left{
    width: 55%;
}
#sub .biz .biz_right{
    width: 45%;
    text-align: right;
}
#sub .biz .biz_left li{
    padding: 40px 0;
    border-bottom: 3px solid #f5f5f5;
}
#sub .biz .biz_left .num{
    display: inline-block;
    width: 80px;
    height: 80px;
    background: #efefef;
    font-size: 30px;
    color: #db1635;
    border-radius: 50%;
    text-align: center;
    line-height: 80px;
    margin-right: 40px;
}
#sub .biz .biz_left .b_txt h4{
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 10px;
}
#sub .biz .biz_left .b_txt span.red{
    font-size: 18px;
    font-weight: 400;
    color: #e11736;
}
#sub .p_img_box{
    margin-bottom: 80px;
}
#sub .pla_ul{
    background: #efefef;
    border-radius: 10px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}
#sub .pla_ul li{
    min-height: 300px;
    padding: 30px 40px;
    border-bottom: 1px solid #fff;
}
#sub .pla_ul li h5{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 18px;
}
#sub .pla_ul li p{
    font-size: 18px;
    color: #666;
    font-weight: 400;
}

/* 사업소개 - carbon biz */
#sub .platform .p_img_box.pp{
    width: 56%;
}
#sub .platform .txt_box{
    width: 40%;
}


/* 사업소개 - soofee */

#sub .soofee .birch_box{
    background: #f5f5f5;
    padding: 60px 0 90px;
}
#sub .soofee .birch_box h4{
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 40px;
}
#sub .soofee .birch_box .left_box{
    width: 69%;
}
#sub .soofee .birch_box .right_box{
    width: 28%;
}
/* #sub .soofee .tab_content > div{
    min-height: 500px;
}  */
#sub .soofee .birch_box h4 span{
    font-weight: 600;
}
#sub .soofee .birch_box .left_box{
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
}
#sub .soofee .birch_box .right_box{
    font-size: 17px;
    line-height: 30px;
    color: #333333;
    font-weight: 400;
}
#sub .soofee .tab_content .tap_h4{
    font-size: 20px;
    font-weight: 600;
}
#sub .soofee .tab_content .tap_h4 span{
    font-size: 30px;
    margin-right: 20px;
    vertical-align: middle;
}
#sub .soofee .tab_content .tab_p{
    font-size: 20px;
    font-weight: 400;
    margin: 40px 0;
}
#sub .soofee .tab_content img{
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
}
#sub .soofee .nature_wrap{
    margin-top: 40px;
}
#sub .soofee .nature_wrap .na_ul{
    margin-bottom: 30px;
}
#sub .soofee .nature_wrap .na_ul li{
    border-radius: 10px;
    background: #fff;
    padding: 10px 20px;
}
#sub .soofee .nature_wrap .na_ul > li:first-child{
    margin-bottom: 10px;
}
#sub .soofee .nature_wrap .na_ul li span{
    font-size: 30px;
    font-weight: 800;
    width: 60px;
}
#sub .soofee .nature_wrap .na_ul li p{
    font-size: 17px;
    font-weight: 400;
}
#sub .soofee .nature_wrap .na_ul li.gray{
    color: #666;
}
#sub .soofee .nature_wrap .na_ul li.red{
    color: #dc1635;
}
#sub .soofee .nature_wrap .na_ul .red_right,#sub .soofee .nature_wrap .na_ul li > p,#sub .soofee .nature_wrap .na_ul li > ul{
    width: calc(100% - 60px);
}
#sub .soofee .nature_wrap .na_ul table{
    margin: 20px 0;
}
#sub .soofee .nature_wrap .na_ul table thead tr{
    border-top: 1px solid #db1635;
}
#sub .soofee .nature_wrap .na_ul table th{
    font-size: 20px;
    color: #dc1635;
    font-weight: 800;
    padding: 15px 0;
}
#sub .soofee .nature_wrap .na_ul table td{
    font-size: 18px;
    font-weight: 400;
    color: #666;
    padding: 15px 0;
}
#sub .soofee .nature_wrap .na_ul table tr{
    border-bottom: 1px solid #dddddd;
    text-align: center;
}
#sub .soofee .nature_wrap .na_ul .t_p{
    font-size: 14px;
    color: #999;
    margin-bottom: 20px;
    font-weight: 400;
}
#sub .soofee .nature_wrap .na_ul .type li{
    padding: 0;
}
#sub .soofee .nature_wrap .na_ul .type li span{
    font-size: 17px;
    color: #dc1635;
    font-weight: 400;
    margin-left: 15px;
}




#sub .soofee .cosmetic{
    background: #f5f5f5;
    padding: 60px 0 100px;
}
#sub .soofee .cos_tit h4{
    font-size: 30px;
    font-weight: 600;
}
#sub .soofee .cos_tit .more_btn{
    font-size: 18px;
    color: #666;
    font-weight: 800;
    padding: 20px 0;
    border-radius: 40px;
    position: relative;
    text-align: center;
    border: 1px solid #fff;
    transition: .3s;
    width: 200px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
}
#sub .soofee .cos_tit .more_btn:hover{
    border: 1px solid #666;
}
#sub .soofee .cos_tit .more_btn span{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    font-size: 36px;
    font-weight: 400;
}
#sub .soofee .cos_ul{
    margin: 40px 0;
}
#sub .soofee .cos_ul li{
    width: 33.3333333%;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
}
#sub .soofee .cos_p{
    font-size: 18px;
    color: #2b2b2d;
    margin-bottom: 40px;
    font-weight: 600;
}
#sub .soofee .line_up li{
    width: 48%;
    border-radius: 10px;
    padding: 40px 0 40px 60px;
    background: #fff;
    margin-top: 40px;
}
#sub .soofee .line_up .num_s{
    font-weight: 800;
    color: #ff7a00;
    font-size: 100px;
    margin-right: 40px;
}
#sub .soofee .line_up .line_ri h6{
    font-size: 22px;
    color: #ff7a00;
    font-weight: 700;
    padding-bottom: 15px;
    border-bottom: 1px solid #000;
}
#sub .soofee .line_up .line_ri p{
    font-size: 17px;
    color: #666;
    font-weight: 400;
    margin-top: 20px;
}
#sub .soofee .sap{
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
}
#sub .soofee .n_w50 .nature_wrap{
    width: 48.5%;
}

/* 사업소개 - 모바일 플랜터 */

.planterior .plan_top .gray_box{
    background: #f5f5f5;
    text-align: center;
    padding: 30px 0;
}
.planterior .plan_top .gray_box .p_t_p{
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}
.planterior .plan_top .benefit{
    margin-top: 40px;
}
.planterior .plan_top .benefit h5{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
} 
.planterior .plan_top .benefit .bene_ul li:first-child{
    border-top: 1px solid #bbbbbb;
}
.planterior .plan_top .benefit .bene_ul li{
    padding: 15px 0;
    border-bottom: 1px solid #bbbbbb;
    font-size: 0;
}
.planterior .be_s{
    display: inline-block;
    width: 180px;
    color: #ff7a00;
    font-size: 16px;
    font-weight: 700;
}
.planterior .be_s .fas{
    margin-right: 15px;
}
.planterior .be_c{
    display: inline-block;
    width: calc(100% - 180px);
    font-size: 16px;
    color: #666666;
    font-weight: 400;
}
#sub .planterior .plan_top .tc_con{
    padding: 50px 0;
}
#sub .planterior .plan_top .slick_wrap .slider-for{
    width: 74%;
}
#sub .planterior .plan_top .slick_wrap .slider-nav{
    width: 25%;
}
#sub .planterior .product_mp{
    margin-bottom: 60px;
}
#sub .planterior .pro_mp_ul{
    width: 60%;
    margin-bottom: 40px;
}
#sub .planterior .pro_mp_ul li{
    padding: 16px 0;
    border-bottom: 1px solid #ddd;
    font-size: 0;
}
#sub .planterior .pro_mp_ul .be_s{
    width: 160px;
    color: #f55320;
    font-weight: 600;
}
#sub .planterior .pro_mp_ul .be_s .fa-envira{
    margin-right: 15px;
}
#sub .planterior .pro_mp_ul .be_c{
    width: calc(100% - 160px);
}
#sub .planterior .tab_content .carbon_b .pro_ul span{
    margin-left: 15px;
    color: #000;
}
#sub .planterior .smoking_imgwrap{
    margin-top: 60px;
}
#sub .planterior .smoking_imgwrap .s_img{
    filter: drop-shadow( 0px 0px 15px rgba(0, 0, 0, 0.3));
    width: 49%;
}
#sub .planterior .youtube_wrap{
    margin-top: 50px;
}
#sub .planterior .youtube_wrap iframe{
    width: 100% !important;
    height: 665px;
}
#sub .planterior .tab_menu li{
    width: 33.33333%;
}
#sub .mdetail .tab_menu li{
    width: 33.33333%;
}