.tit_h4{ font-size: 2.2rem; white-space: pre-line}

/*회사소개*/
.com_info{
    height: 100%;
    position: relative; overflow: hidden;
}
.com_info_l{ position: relative; z-index: 2;  padding: 5rem 0rem; width: 45%;    word-break: keep-all;}
.com_info_l dl{
    position: relative;
    padding-left: 10rem;
    margin: 5rem 0rem;
    font-size: 2rem;
    line-height: 1.5;
}
.com_info_l dt{
    font-size: 3rem;
    margin-bottom: 1rem;
}
.com_info_l dt span{
    font-size: 1.5rem;
    color: #fff;
    background: #2BBFFF;
    padding: 0.58rem;
    border-radius: 10rem;
    width: 80px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 4px;
}
.com_info_r{background: url(../images/company_img1.jpg);    background-size: cover;border-radius: 45rem 0rem 0rem 45rem;width: 50%;flex-shrink: 0;display: flex;align-content: center;align-items: center;justify-content: center;position: absolute;right: 0px;top: 0px;height: 100%;}

/*구성원소개*/
.ceo_wrap_bg{background: url(../images/company_img3.jpg) no-repeat center 0px; background-size: 90%; margin-top:5rem}
.ceo_wrap{display: flex;justify-content: space-evenly;padding-top: 8rem  ;}
.ceo_box dt{font-size: 2rem;font-weight: 300; margin: 4rem 0rem 2rem;}
.ceo_box dt b{font-size:3.2rem;font-weight: 700;}
.ceo_box dd{font-size: 1.9rem;}

.team_wrap{padding: 8rem 0rem;margin-top: 10rem;background: url(../images/company_img4.png) no-repeat center 0px;}
.team_wrap .mySwiper_team{ font-size: 1.8rem; padding-top: 5rem;}
.team_wrap_tit{font-size:2.8rem;margin-bottom: 1.2rem;margin-top: 3rem;font-weight: 700;}
.team_img_w{    background: url(../images/company_img5.png) no-repeat 100% bottom;  background-size: contain; }
.team_wrap .swiper-button-prev, .team_wrap .swiper-button-next{width: 62px !important;height: 62px !important;border: #C8C8C8 1px solid;background: transparent; color: #909EB0;}
.team_wrap .swiper-button-prev:after, .team_wrap .swiper-button-next:after{font-size: 2rem;}
.mySwiper_team .swiper-slide{ padding:1rem 4rem}
.team_wrap .swiper-button-next{right: -40px;}
.team_wrap .swiper-button-prev{left: -40px;}

/*비전 및 목표*/
.visoin_wrap{background: url(../images/vison_bg.jpg) no-repeat;     background-size: cover;border-radius: 5rem;padding: 13rem 5rem 9rem 5rem;display: flex;margin-top: 5rem;}
.visoin_wrap_box{ text-align: center; flex:1; margin-bottom: 4rem;}
.visoin_wrap_box .visoin_txt{white-space: pre-line;color:#fff;font-size: 2.3rem;line-height: 1.3;margin-top: 2.8rem;}

/*표적치료제*/
.medist_01{margin: 10rem 0rem 5rem;}

/*온코마스터 서비스 > 서비스소개*/
.service_wrap1{color:#fff;display: flex; flex-wrap: wrap;}
.service_wrap1 dl{ padding:4rem; flex:1}
.service_wrap1 .s_b1{background: url(../images/service_img01.jpg) no-repeat;background-size: cover;border-radius: 10px 0px 0px 10px;}
.service_wrap1 .s_b2{background: url(../images/service_img02.jpg) no-repeat;background-size: cover;border-radius: 0px 10px 10px 0px;}

.service_wrap1 dt{    font-size: 3rem;}
.service_tit1{font-size: 3rem;margin-top: 8.5rem;margin-bottom: 2rem;}

.service_wrap2{padding: 8rem 0rem;background: url(../images/service_bg1.png) no-repeat right top #2D3035;margin: 7.6rem 0rem;color: #fff;}
.service_wrap2 .service_box{
    display: flex;
    margin-top: 2rem;
    margin-left: -1rem;
    margin-right: -1rem;
    line-height: 1.3; flex-wrap: wrap;
}
.service_wrap2 .service_box dt b{font-size: 2.6rem;}
.service_wrap2 .service_box dl{
    font-size: 1.8rem;
    width: calc(25% - 2rem);
    background: #383B40;
    border-radius: 2rem;
    padding: 4rem 3.5rem;
    margin: 1rem;
}
.service_t1{ font-size: 1.9rem; margin-bottom: 5rem; line-height: 1.4;}
.titdeco{font-size: 0.85em;background: #4E5155;border-radius: 0.5rem;border: #707070 1px solid;padding: 0.4rem 1rem;}
.u_btn{color:#fff; text-decoration: underline; font-size: 1.5rem;}
.u_btn:hover{color:#fff; text-decoration: underline; }

.dl_st1{margin-top: 3rem;font-size:1.8rem;}
.dl_st1 dt{font-size:2rem ; margin-bottom: 1.8rem;}
.box_use{font-size: 2rem;max-width: 374px;min-height: 353px;width: 100%;/* background: rgba(0, 0, 0, 0.7); */background: #fff;box-shadow: 0 0px 18px rgba(82,114,128,0.15);padding: 4rem;border-radius: 2rem;}
.box_use_tit{font-size: 2.8rem;margin-top: 3rem;}

ul.list_st01 li{
    position: relative;
    padding-left: 15px;
}
ul.list_st01 li:before{
    content: "";
    position: absolute;
    width: 8px;
    height: 2px;
    background: #222;
    top: 18px;
    left: 0;
}
.allim_deco{display: flex; margin-top: 3rem; font-size: 1.8rem;}



/*반응형 max 1600  */
@media (max-width: 1600px) {
    .team_wrap .swiper-button-next{right: -10px;}
    .team_wrap .swiper-button-prev{left: -10px;}
}
/*반응형 max 1200 xl*/
@media (max-width: 1199.98px) {
    /*서비스소개*/
    .service_wrap2 .service_box dl{width:calc(50% - 2rem)}
}

/*반응형 max 992px lg*/
@media (max-width: 991.98px) {
    /*회사소개*/
    .com_info_l{ width: 100%;     padding:  0rem;}
    .com_info_r{ position: relative; border-radius: 0; width: 100%; padding: 10rem 2rem;}




}

/*반응형 max 740px */
@media (max-width: 767.98px) {
    .tit_h4{ font-size: 1.6rem; white-space: normal}

    /*구성원소개*/
    .ceo_wrap{display: block;     padding-top: 0rem;}
    .ceo_box{ margin-bottom: 2rem;}
    .ceo_box img{ max-width: 280px;}
    .ceo_wrap_bg{background: none;}
    .ceo_box{background: url(../images/company_img3.jpg) no-repeat center 40%; background-size: contain;}
    .ceo_box dd, .ceo_box dt{    font-size: 1.4rem;}
    .ceo_box dt b{font-size: 2.2rem;}

    .team_wrap_tit{font-size: 2.2rem;}
    .team_wrap .mySwiper_team{ font-size: 1.4rem;     padding-top: 2rem;}

    /*비전 및 목표*/
    .visoin_wrap{display: block;     padding: 7rem 2rem 3rem 2rem;}
    .visoin_wrap_box .visoin_txt{font-size: 1.7rem;     margin-top: 1rem;}

    /*표적치료제*/
    .medist_01{margin: 3rem 0rem 1rem;}

    /*서비스소개*/
    .service_tit1{    font-size: 2rem; margin-top: 4.5rem; margin-bottom: 1rem;}
    .service_tit1 img{width:14px}
    .service_wrap1 dl{    margin-bottom: 1rem;}
    .service_wrap1 dt{font-size: 2rem;}
    .service_wrap2 .service_box dl{    margin:  0.5rem 1rem;width:calc(100% - 2rem);    padding: 2rem 2rem; font-size: 1.4rem;}
    .service_wrap1 .s_b1, .service_wrap1 .s_b2{border-radius: 1rem;}
    .service_wrap2 .service_box dt b{font-size: 1.8rem; }
    .service_wrap2{padding: 3rem 0rem;     margin: 4.6rem 0rem;}
    .service_wrap2 .service_box{    margin-top: 1rem;}
    .dl_st1{    margin-top: 4rem;  font-size: 1.5rem;}
    .allim_deco{font-size: 1.5rem  }
    .service_t1{    font-size: 1.7rem; margin-bottom: 4rem;}
    .box_use{font-size: 1.5rem; height: auto;     max-width: 100%;}
    .box_use .box_use_tit{font-size: 2rem; margin-top: 1.5rem;}
    .box_use img{width:70px}
    ul.list_st01 li:before{top: 12px;}
}

/*반응형 max 576px sm*/
@media (max-width: 575.98px) {
    /*회사소개*/
    .com_info_l dt span{position: relative; font-size: 1.3rem;     display: block; margin-bottom: 1rem;}
    .com_info_l dt{    font-size: 2rem;     margin-bottom: 0.5rem;}
    .com_info_l dl{    padding-left: 0rem; font-size: 1.5rem;     margin: 2rem 0rem;}
    .com_info_r{    padding: 7rem 4rem;}
    .mySwiper_team .swiper-slide{    padding: 1rem 3rem;}
}

@media (max-width:380px) {
}