#service {width:100%; margin:0 auto; overflow:hidden;}
#service p.txtP { padding-bottom:20px; font-size:20px;  line-height:35px; }
#service .sub_txt01 { padding:0 10px;}
#service div.icoBox {overflow:hidden; margin:40px 0 60px 0;}
#service section {padding:170px 35px 40px 35px; text-align:center; border:1px solid #dfdfdf; margin:1% 1%; width:31%; box-sizing:border-box; min-height:300px; float:left; }
#service section.ico1 {background:url("../img/img1.png")no-repeat center 40px;}
#service section.ico2 {background:url("../img/img2.png")no-repeat center 40px;}
#service section.ico3 {background:url("../img/img3.png")no-repeat center 40px;}
#service section.ico4 {background:url("../img/img4.png")no-repeat center 40px;}
#service section.ico5 {background:url("../img/img5.png")no-repeat center 40px;}
#service section.ico6 {background:url("../img/img6.png")no-repeat center 40px;}
#service div.tit {font-size:20px; padding-bottom:20px;}
#service div.txt {font-size:14px; }


/*---------------------------------------
 단클론 항체제작 //// 서비스_1          
-----------------------------------------*/

.surviceStartText{font-size: 20px;
                  color:#ab82b9;
                  font-weight: 800;
                  cursor: pointer;
                  }
                  .surviceBigText{
                                line-height: 60px;
                                font-size: 43px;
                                font-weight: 900;
                              }
                              @media (max-width: 800px){.surviceBigText {font-size: 35px;}}
                  .surviceSmallText{
                                font-size: 20px;
                                line-height: 50px;
                                }
                                @media (max-width: 800px){.surviceSmallText {font-size: 18px; line-height: 30px;}}
                                @media (max-width: 390px){.surviceSmallText {font-size: 15px; line-height: 30px;}}
                  .surviceSmallText span{
                                    font-size: 20px;
                                    line-height: 50px;
                                    color:#ab82b9;
                                    font-weight: 600;
                    }
                    @media (max-width: 800px){.surviceSmallText span{font-size: 18px;}}

 /*------survice1FirstArea 첫번째 박스---------*/   
 
 .survice1FirstMainTEXTArea{
  
                              width: 100%;
                              height: 50px;
                              background-color: #ab82b9;
                              border-radius: 10px;
                              cursor: pointer;
 }
                                .survice1FirstMainTEXTArea span{
                                                                  color: #FFF;
                                                                  font-weight: 700;
                                                                  font-size: 20px;
                                                                  line-height: 46px;
                                                                  margin-left: 15px;

                                                                }
.survice1FirstMainBox{
                        width: 100%;
                        height: 280px;
                        border: 0.5px solid #e7e6e6;
                        border-radius: 10px;
                        cursor: pointer;
}
                        .survice1FirstMainBox:hover{
                          border: 1px solid #ab82b9;
                          transition: all 0.5s linear;
                          color: #9865a9;
                          font-weight: 800;
                        }  
                        @media (max-width: 1010px){.survice1FirstMainBox {height: 210px;}}    
                        @media (max-width: 820px){.survice1FirstMainBox {height: 175px;}}  
                        @media (max-width: 600px){.survice1FirstMainBox {height: 135px;}}          
                        @media (max-width: 450px){.survice1FirstMainBox {height: 100px;}}                                                        
 

 /*------survice1FirstArea 두번째 박스---------*/                                                             

.survice1FirstArea{
                    width: 100%;
                    height: 250px;
                    border: 0.5px solid #e7e6e6;
                    border-radius: 10px;
                    cursor: pointer;
                  }
                  .survice1FirstArea:hover{
                                      border: 1px solid #ab82b9;
                                      transition: all 0.5s linear;
                                      color: #9865a9;
                                      font-weight: 800;
                  }
                  @media (max-width: 1023px){.survice1FirstArea {width: 100%; height: 210px;}}
                  @media (max-width: 400px){.survice1FirstArea {width: 100%; height: 145px;}}
                 
                 
                  /*라이브러리 박스*/
                  .survice1FirstAreaTwo{
                    width: 100%;
                    height: 210px;
                    border: 0.5px solid #e7e6e6;
                    border-radius: 10px;
                  }
                  .survice1FirstAreaTwo:hover{
                                      border: 1px solid #ab82b9;
                                      transition: all 0.5s linear;
                                      color: #9865a9;
                                      font-weight: 800;
                  }
                  @media (max-width: 1023px){.survice1FirstAreaTwo {width: 100%; height: 210px;}}
                  @media (max-width: 400px){.survice1FirstAreaTwo {width: 100%; height: 145px;}}


                    .survice1FirstBox{  width: 100%;
                                        height: 50px;
                                        text-align: left;
                                        margin-left: 20px;
                                        display: flex;
                                      }
                                      .survice1FirstSubBox{
                                                              width: 49%;
                                                              height: 50px;
                                                              text-align: left;
                                                              display: inline-block;
                                      }

                    .survice1FirstBox img{height: 65%;
                                        }
                                        @media (max-width: 800px) {.survice1FirstBox img { height: 54%;}}
                                        @media (max-width: 610px) {.survice1FirstBox img { height: 49%;}}
                                        @media (max-width: 390px) {.survice1FirstBox img { height: 35%;}}

                    .survice1FirstBox p{ font-size: 20px; 
                                        margin: -40px 0 0 41px;
                                        font-weight: 500;
                                        }
                                        @media (max-width: 800px) {.survice1FirstBox p { font-size: 16px;}}
                                        @media (max-width: 610px) {.survice1FirstBox p { font-size: 14px;   margin: -36px 0 0 41px;}}
                                        @media (max-width: 550px) {.survice1FirstBox p { font-size: 13px;}}
                                        @media (max-width: 390px) {.survice1FirstBox p { font-size: 9px; margin: -29px 0 0 24px;}}

                    .survice1FirstText{
                                        width: 100%;
                                        height: 50px;
                                        text-align: left;
                                        font-size: 30px;
                                        font-weight: 900;
                                        color: #ab82b9;
                                        margin: 25px;
                                      }
                                      @media (max-width: 800px) {.survice1FirstText { font-size: 25px;}}
                                      @media (max-width: 390px) {.survice1FirstText { font-size: 22px; height: 31px; margin: 10px;}}


 /*------survice1SecondArea 세번째 박스---------*/      

.survice1SecondArea{
                    width: 100%;
                    height: 430px;
                    border: 0.5px solid #e7e6e6;
                    border-radius: 10px;
                    cursor: pointer;
                    }
                    @media (max-width: 1000px) {.survice1SecondArea { height: 360px;}}
                    @media (max-width: 800px) {.survice1SecondArea { height: 290px;}}
                    @media (max-width: 390px) {.survice1SecondArea { height: 135px;}}

                    .survice1SecondArea:hover{
                                              border: 0.5px solid #ab82b9;
                                              transition: all 0.5s linear;
                                              color: #9865a9;
                                      }
                                      .survice1SecondText{ margin: 25px;}
                                      .survice1SecondTitleBox{
                                                              height: 15%;
                                                              text-align: center;
                                      }
                                      .survice1SecondTitleBox img{ text-align: center; margin-top: -20px;}

                                      .survice1SecondSubBox{
                                                              height: 10%;
                                                              margin: 15px;  
                                                              display: flex;          
                                      }
                                      .survice1SecondSubBox img{ height: 80%;}
                                      @media (max-width: 810px) {.survice1SecondSubBox img{
                                                                                            height: 60%;
                                      }}
                                      @media (max-width: 500px){.survice1SecondSubBox img{ height: 45%;}}
                                      .survice1SecondSubBox p{      font-size: 18px;
                                                                    margin-left: 5%;
                                                                    font-weight: 700;
                                                                    color: #4e4e4e;
                                                                    line-height: 30px;
                                                                  }
                                                                  @media (max-width: 810px){.survice1SecondSubBox p{ line-height: 21px;}}
                                                                  @media (max-width: 670px){.survice1SecondSubBox p{ font-size: 16px;}}
                                                                  @media (max-width: 500px){.survice1SecondSubBox p{ font-size: 14px; line-height: 13px;}}
                                                                  .survice1SecondSubBox span{      
                                                                    font-size: 22px;
                                                                    font-weight: 800;
                                                                    color: #9865a9;
                                                                  }
                                                                  @media (max-width: 670px){.survice1SecondSubBox span{ font-size: 15px;}}
                                                        
/*---------------------------------------
 콘쥬게이션 서비스 // 서비스3        
-----------------------------------------*/


/*콘쥬게이션 처음 박스*/
.conjuSurviceArea1{
                    width: 100%;
                    height: 300px;
                    border: 0.5px solid #e7e6e6;
                    border-radius: 10px;
                    display: flex;
                    cursor: pointer;
}
                    .conjuSurviceArea1:hover{
                                        border: 1px solid #ab82b9;
                                        transition: all 0.5s linear;
                                        color: #9865a9;
                    }
                    @media (max-width: 810px){.conjuSurviceArea1{ height: 260px;}}
                    @media (max-width: 580px){.conjuSurviceArea1{ height: 210px;}}
                    @media (max-width: 420px){.conjuSurviceArea1{ height: 170px; }}
                    @media (max-width: 350px){.conjuSurviceArea1{ height: 145px; }}
                    .conjuBox1{
                                width: 25%;
                                height: 299px;
                                margin-left: 2%;
                                text-align: center;
                    }
                    .conjuTextBox1{
                                    font-size: 18px;
                                    font-weight: 500;
                                    color: #333;
                    }
                    @media (max-width: 420px){.conjuTextBox1{ font-size: 14px; }}
                    
/*콘쥬게이션 두번째 아이콘 박스*/

.conjuSurviceArea2{
                      width: 100%;
                      height: 850px;
                      cursor: pointer;
}
                      .conjuBox2{
                                    width: 100%;
                                    height: 400px;
                                    display: flex;
                      }
                                    .conjuIconBox1{
                                                      width: 65%;
                                                      height: 399px;
                                                      padding: 5px;
                                    }
                                                        .conjuIconTextBox1{ 
                                                                              width: 100%;
                                                                              height: 50px;
                                                                              background-color: #ab82b9;
                                                                              border-radius: 15px;
                                                        }
                                                                              .conjuIconTextBox1:hover{
                                                                                                  background-color:  #64b7bb;
                                                                                                  transition: all 0.5s linear;
                                                                              }
                                                                              @media (max-width: 1200px){.conjuIconTextBox1 {height: 40px;}}
                                                                              @media (max-width: 951px){.conjuIconTextBox1 {height: 35px;}}
                                                        .conjuIconText1{
                                                                          font-size: 17px;
                                                                          font-weight: 700;
                                                                          color: #fff;
                                                                          margin-left: 30px;
                                                                          line-height: 45px;
                                                        }
                                                        @media (max-width: 1200px){.conjuIconText1 {font-size: 14px; line-height: 37px;}}
                                                        @media (max-width: 1030px){.conjuIconText1 {font-size: 12px; margin-left: 20px;}}
                                                        @media (max-width: 951px){.conjuIconText1 {font-size: 11px; margin-left: 15px;line-height: 32px;}}
                                                        .conjuImgArea{
                                                                        display: flex;
                                                                        text-align: center;
                                                        }
                                                        .conjuImgBox{
                                                                        width: 50%;
                                                                        height: 300px;
                                                        }
                                                        .conjuImgBox p{text-align: center; font-size: 16px; font-weight: 500;}
                                                        .conjuImgBox2 p{text-align: center; font-size: 16px; font-weight: 500;}
                                    .conjuIconBox2{
                                                        width: 35%;
                                                        height: 399px;
                                                        padding: 5px;
                                                        cursor: pointer;
                                    }
                                                        .conjuIconTextBox2{ 
                                                                              width: 100%;
                                                                              height: 50px;
                                                                              background-color: #725390;
                                                                              border-radius: 15px;
                                                        }
                                                                              @media (max-width: 1200px){.conjuIconTextBox2 {height: 40px;}}
                                                                              @media (max-width: 951px){.conjuIconTextBox2 {height: 35px;}}
                                                                            .conjuIconTextBox2:hover{
                                                                                                background-color:  #47adb3;
                                                                                                transition: all 0.5s linear;
                                                                            }
                                                        .conjuIconTextBox3{ 
                                                                              width: 100%;
                                                                              height: 50px;
                                                                              background-color: #64adb1;
                                                                              border-radius: 15px;
                                                        }
                                                                              @media (max-width: 1200px){.conjuIconTextBox3 {height: 40px;}}
                                                                              @media (max-width: 951px){.conjuIconTextBox3 {height: 35px;}}
                                                                              .conjuIconTextBox3:hover{
                                                                                                  background-color:  #ab82b9;
                                                                                                  transition: all 0.5s linear;
                                                                              }
                                                        .conjuIconText2{
                                                                          font-size: 17px;
                                                                          font-weight: 700;
                                                                          color: #fff;
                                                                          margin-left: 30px;
                                                                          line-height: 45px;
                                                        }
                                                        @media (max-width: 1200px){.conjuIconText2 {font-size: 14px; line-height: 37px;}}
                                                        @media (max-width: 1030px){.conjuIconText2 {font-size: 12px; margin-left: 20px;}}
                                                        @media (max-width: 951px){.conjuIconText2 {font-size: 11px; margin-left: 15px;line-height: 32px;}}
                                                        .conjuImgBox2{
                                                                        width: 100%;
                                                                        height: 300px;
                                                        }
                                    .conjuIconBox3{
                                                          width: 33.5%;
                                                          height: 399px;
                                                          margin-top: 50px;
                                                          padding: 5px;
                                                          cursor: pointer;
                                    }


/*---------------------------------------
항체라이브러리 // 서비스4  
-----------------------------------------*/
.survice4FirstArea{ width: 100%;
                    height: 360px;
                    border: 0.5px solid #e7e6e6;
                    border-radius: 10px;
                    cursor: pointer;
                    }
                    .survice4FirstArea:hover{
                                              border: 0.5px solid #ab82b9;
                                              transition: all 0.5s linear;
                                              color: #9865a9;
                                              }
                                              @media (max-width: 800px) {.survice4FirstArea { height: 300px;}}
                                              @media (max-width: 500px) {.survice4FirstArea { height: 220px;}}
                                              @media (max-width: 400px) {.survice4FirstArea { height: 150px;}}
                    
                      .survice4FirstBox{
                                        width: 100%;
                                        height: 200px;
                                        cursor: pointer;
                      }


                                      .survice4FirstSubBox{
                                                              width: 100%;
                                                              height: 50px;
                                                              text-align: left;
                                                              display: flex;
                                                              margin-left: 25px;
                                                              cursor: pointer;
                                      }
                    .survice4FirstBox img{
                                          height: 65%;
                                        }
                                        @media (max-width: 800px) {.survice4FirstBox img { height: 54%;}}
                                        @media (max-width: 610px) {.survice4FirstBox img { height: 49%;}}
                                        @media (max-width: 390px) {.survice4FirstBox img { height: 35%;}}
                    .survice4FirstBox p{
                                        font-size: 20px; 
                                        font-weight: 500;
                                        margin-left: 10px;
                                        }
                                        @media (max-width: 800px) {.survice4FirstBox p { font-size: 16px;}}
                                        @media (max-width: 610px) {.survice4FirstBox p { font-size: 14px;}}
                                        @media (max-width: 550px) {.survice4FirstBox p { font-size: 13px;}}
                                        @media (max-width: 390px) {.survice4FirstBox p { font-size: 9px; }}
.survice4SecondArea{
                     width: 100%;
                     height: 275px;
                     border: 0.5px solid #e7e6e6;
                     border-radius: 10px;
                     cursor: pointer;
                  }

                    /* 삭제안하고 킵
                    .survice4FirstSubBox{
                                      width: 100%;
                                      height: 200px;
                                      display: flex;
                                      margin-top: 10px;
                                      margin-left: 25px;
                    }
                    .processImgBox1{
                                      width:16%;
                                      height: 97%;
                                      margin-left: 10px;
                                      font-size: 20px;
                                      font-weight: 800;
                                      color: #9865a9;
                                      display: flex;
                                      justify-content: center;
                                      align-items: center;
                                      text-align: center;
                    }
                    .processImgBox2{
                                      width: 16%;
                                      height: 97%;
                                      margin-left: 10px;
                                      border-radius: 100px;
                                      background-color: #d2c0d8;
                                      color: #ab82b9;
                                      font-size: 20px;
                                      font-weight: 500;
                                      display: flex;
                                      justify-content: center;
                                      align-items: center;
                                      text-align: center;
                                      cursor: pointer;
                    }

                                      .processImgBox3/4/5{
                                                                    cbackground-color: #cdb5d5;
                                                                    width: 16%;
                                                                    height: 97%;
                                                                    margin-left: 10px;
                                                                    border-radius: 100px;
                                                                    color: #9865a9;
                                                                    font-size: 20px;
                                                                    font-weight: 500;
                                                                    display: flex;
                                                                    justify-content: center;
                                                                    align-items: center;
                                                                    text-align: center;
                                                                    cursor: pointer;
                                      }
                                      
                                      .processImgBox2/3/4:hover{
                                                                    background-color: #64b7bb;
                                                                    color: #FFF;
                                                                    transition: all 0.5s linear;
                                                            }   
                                                                    
                                                            
                                      이부분 삭제 안하고 킵 */
/*---------------------------------------
항체제작 // 서비스5  
-----------------------------------------*/
.survice5FirstArea{ 
                    width: 100%;
                    height: 540px;
                    border: 0.5px solid #e7e6e6;
                    border-radius: 10px;
                    cursor: pointer;
  }
  .survice5FirstArea:hover{
                            border: 0.5px solid #ab82b9;
                            transition: all 0.5s linear;
                            color: #9865a9;
                            }
                            
                            @media (max-width: 970px) {.survice5FirstArea { height: 400px;}}
                            @media (max-width: 800px) {.survice5FirstArea { height: 320px;}}
                            @media (max-width: 600px) {.survice5FirstArea { height: 250px;}}   
                            @media (max-width: 480px) {.survice5FirstArea { height: 200px;}}
                            @media (max-width: 350px) {.survice5FirstArea { height: 145px;}}   
                                         
/*---------------------------------------
항체 정제 및 생산 // 서비스6  
-----------------------------------------*/
.survice6FirstMainBox{ 
  width: 100%;
  height: 300px;
  border: 0.5px solid #e7e6e6;
  border-radius: 10px;
  cursor: pointer;
}
.survice6FirstMainBox:hover{
          border: 0.5px solid #ab82b9;
          transition: all 0.5s linear;
          color: #9865a9;
          }
          /*
          @media (max-width: 970px) {.survice6FirstArea { height: 400px;}}
          @media (max-width: 800px) {.survice6FirstArea { height: 320px;}}
          @media (max-width: 600px) {.survice6FirstArea { height: 250px;}}   
          @media (max-width: 480px) {.survice6FirstArea { height: 200px;}}
          @media (max-width: 350px) {.survice6FirstArea { height: 145px;}}  
          */ 


.survice1FirstBox{  width: 100%;
  height: 50px;
  text-align: left;
  margin-left: 20px;
  display: flex;
  cursor: pointer;
}


             .plusIconTexArea{
                                    width: 100%;
                                    height: 120px;

             }
                                    .plusIconTexArea:hover{
                                            transition: all 0.5s linear;
                                            color: #9865a9;
                                    }


                    .plusIconTextBox{
                                            width: 49%;
                                            height: 50px;
                                            text-align: left;
                                            display: inline-block;
                                            cursor: pointer;
                    }
                                              /* .plusIconTextBox:hover{
                                                                        transition: all 0.5s linear;
                                                                        color: #9865a9;
                                                                } */

                    .plusIconTextBox img{height: 65%;}
                                          @media (max-width: 800px) {.plusIconTextBox img { height: 54%;}}
                                          @media (max-width: 610px) {.plusIconTextBox img { height: 49%;}}
                                          @media (max-width: 390px) {.plusIconTextBox img { height: 35%;}}

                    .plusIconTextBox p{ font-size: 35px; 
                                          margin: -40px 0 0 41px;
                                          font-weight: 700;
                                          }
                                          @media (max-width: 800px) {.plusIconTextBox p { font-size: 30px;}}
                                          @media (max-width: 610px) {.plusIconTextBox p { font-size: 25px;   margin: -36px 0 0 41px;}}
                                          @media (max-width: 550px) {.plusIconTextBox p { font-size: 20px;}}
                                          @media (max-width: 390px) {.plusIconTextBox p { font-size: 15px; margin: -29px 0 0 24px;}}

                    .plusIconTextBox i{ font-size: 35px; 
                                        font-weight: 700;
                                      }
                                          @media (max-width: 800px) {.plusIconTextBox i { font-size: 30px;}}
                                          @media (max-width: 610px) {.plusIconTextBox i { font-size: 25px;   margin: -36px 0 0 41px;}}
                                          @media (max-width: 550px) {.plusIconTextBox i { font-size: 20px;}}
                                          @media (max-width: 390px) {.plusIconTextBox i { font-size: 15px; margin: -29px 0 0 24px;}}
  
.surviceSmallText1{
                   font-size: 17px;
                   font-weight: 500;
                   cursor: pointer;
                   }
.surviceSmallTextC{
                   font-size: 17px;
                   font-weight: 500;
                   cursor: pointer;
                  }
                  /* .surviceSmallTextC:hover{
                                              transition: all 0.5s linear;
                                              color: #9865a9;
                                                              } */

/*---------------------------------------
survice6 FEATURE survice1 style 공통 사용
-----------------------------------------*/
.survice6SecondMainBox{ 
                        width: 100%;
                        height: 350px;
                        border: 0.5px solid #e7e6e6;
                        border-radius: 10px;
                      }
                      .survice6SecondMainBox:hover{
                                border: 0.5px solid #ab82b9;
                                transition: all 0.5s linear;
                                color: #9865a9;
                                }                     
/*---------------------------------------
화살표 css    
-----------------------------------------*/
.conjuArrowBox{
                                width: 5%;
                                height: 299px;
                                text-align: center;
                                margin-left: 3%;
                }
                @media (max-width: 810px){.conjuArrowBox{ height: 230px;}}
                @media (max-width: 580px){.conjuArrowBox{ height: 200px;}}
                @media (max-width: 420px){.conjuArrowBox{ height: 160px; }}
                @media (max-width: 350px){.conjuArrowBox{ height: 135px; }}


.survice4ArrowBox{
                  width: 6%;
                  height: 200px;
                  text-align: center;
}
/*------문의하기---------*/   

.contactBox{ 
            width: 100%;
            height: 60px;
            background-color: #ab82b9;
            color: #FFF;
            font-size: 25px;
            font-weight: 700;
            border-radius: 30px;
            text-align: center;
            line-height: 59px;
            cursor: pointer;
}
.contactBox a{color: #FFF;}
.contactBox:hover{ background-color: #9865a9; transition: all 0.5s linear; color: #f0cefc;}
                

/*---------------------------------------
 페이지 404  어쩌구     
-----------------------------------------*/

.page404StartText{
                  font-size: 20px;
                  color:#ab82b9;
                  font-weight: 800;

                }

.page404Area img{
                      width: 100%;
                      height: 412px;
                    }
                    @media (max-width: 1023px) {
                                  .page404Area img { height: 250px; }

                                  }
                    @media (max-width: 830px) {
                                  .page404Area img { height: 200px; }

                                  }
                    @media (max-width: 600px) {
                                  .page404Area img { height: 155px; }

                                  }
                    @media (max-width: 450px) {
                                  .page404Area img { height: 120px; }

                                  }

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#service {width:100%; }	
#service div.icoBox {padding:0 15px;}
}
@media (max-width: 768px) {
#service section {width:100%;  margin:2% 0%;}	
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}