/*  */
div.intro {line-height:28px; font-size:15px; overflow: hidden; }
div.intro div.contL {float:left; width:30%; text-align:center;}
div.intro div.contR {float:right; width:65%;}
div.intro p.txtP { padding-bottom:20px; }
p.sign {text-align:left;}
p.sign strong{font-size:30px; font-weight:normal; padding-left:10px; font-family: 'KyoboHandwriting2020A';}



/*---------------------------------------
    ȸ»ç¼Ò°³ ºÎºÐ              
-----------------------------------------*/

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

}
.comBigText{
            line-height: 60px;
            font-size: 43px;
            font-weight: 900;
}
.comsmallText{
  font-size: 17px;
  line-height: 50px;
}



p.companyIntroText{
  font-size: 31px;
  font-weight: 500;
}



/*---------------------------------------
    ȸ»ç ¼Ò°³ (company introduction) ºÎºÐ              
-----------------------------------------*/

.comIntroArea{
              width: 100%;
              height: 300px;
              /* background: #ececec; */
              display: flex;
              border: 0.5px solid #e7e6e6;
              border-radius: 10px;
}
@media (max-width: 495px) {.comIntroArea {  
                                                height: 235px;             
                                              }
                          }
              .comIntroBox1{
                              width: 33%;
                              height: 74%;
              }
              .comIntroBox2{
                              width: 33%;
                              height: 74%;
                            }
              .comIntroBox3{
                              width: 33%;
                              height: 74%;
                            }

                            .comIntroImgBox{
                                            height: 65%;
                                            text-align: center;
                            }
                            .comIntroTextBox1{
                                            height: 10%;
                                            text-align: center;
                                            font-size: 17px;
                                            font-weight: 600;
                                            margin-top: 40px;
                            }
                            @media (max-width: 495px) {.comIntroTextBox1 {
                                                                        margin-top: 47px;          
                                                                      }
                                                         }
                            @media (max-width: 391px) {.comIntroTextBox1 {
                                                                        margin-top: 18px;          
                                                                      }
                                                          }                             
                            .comIntroTextBox2{
                                            height: 17.5%;
                                            text-align: center;
                                            font-size: 17px;
                            }
                            @media (max-width: 391px) {.comIntroTextBox2 {
                                                                            font-size: 13px;

                                                                          }
                                                      }

/*--------------------------------------------------------------
	½½¶óÀÌµå ¿µ¿ª
--------------------------------------------------------------*/

.comSlideArea{
              width: 100%;
              height: 500px;
              background-color: #eeeeee;
              position: relative;
}
@media (max-width: 1023px) {.comSlideArea {
  width: 100%;
  height: 172px;                    
}
}
@media (max-width: 391px) {.comSlideArea {
  height: 149px;                    
}
}
                .comSlideBox1{
                              width: 100%;
                }
                
                @media (max-width: 1023px) {.comSlideBox1 {
                                                                max-width: 346%;
                                                                                     
                                                              }
                                            }

                .sildeTextArea{
                                width: 100%;
                                height: 100px;
                                position: absolute;
                                top: 38%;
                                left: 4%;
                }
                @media (max-width: 860px) {.sildeTextArea {
                                                            top:70%;                 
                                                          }
                                          }
                                          
                @media (max-width: 735px) {.sildeTextArea {
                                            top:45%;   
                                                          
                                          }
                }
                @media (max-width: 391px) {.sildeTextArea {
                  top:70%;   
                                
                }
}
                .comSildeText {
                  color: #fff;
                  font-size: 43px;
                  font-weight: 600;
                }
                @media (max-width: 1023px) {.comSildeText {
                  font-size: 33px;                  
                }
                }
                @media (max-width: 860px) {.comSildeText {
                  font-size: 25px;                  
                }
                }
                @media (max-width: 500px) {.comSildeText {
                  font-size: 16px;                  
                }
                }
                @media (max-width: 391px) {.comSildeText {
                  font-size: 14px;
                  margin-top: -65px;                  
                }
                }
                .comSildeSubText {
                  color: #fff;
                  font-size: 20px;
                  margin-top: -20px;
                }
                @media (max-width: 1023px) {.comSildeSubText {
                  font-size: 15px;                  
                }
                }
                @media (max-width: 860px) {.comSildeSubText {
                  font-size: 16px;                  
                }
                }
                @media (max-width: 500px) {.comSildeSubText {
                  font-size: 15px;
                  margin-top: 5px;                  
                }
                }
                @media (max-width: 391px) {.comSildeSubText {
                  font-size: 12px;
                  margin-top: -12px;                  
                }
                }

                
/*--------------------------------------------------------------
	ºñÁö´Ï½º ¿µ¿ª
--------------------------------------------------------------*/
.comBusiArea{
              width: 100%;
              height: 300px;
              /* background: #ececec; */
              display: flex;
              border: 0.5px solid #e7e6e6;
              border-radius: 10px;
}
@media (max-width: 1023px) {.comBusiArea {
  width: 100%;
  height: 210px;                    
}
}
                .comBusiBox{
                            width: 20%;
                            height: 300px;
                          } 
                          @media (max-width: 1023px) {.comBusiBox {
                                  height: 80%;                    
                                }
                                }
                                @media (max-width: 860px) {.comBusiBox {
                                  height: 50%;                    
                                }
                                }
                .comBusiImgBox{
                                height: 65%;
                                text-align: center;
                              }
                              @media (max-width: 860px) {.comBusiImgBox img{
                                height: -1%;                    
                              }
                              }
                .comBusiTextBox1{
                                height: 10%;
                                text-align: center;
                                font-size: 17px;
                                font-weight: 600;
                                }
                                @media (max-width: 860px) {.comBusiTextBox1{
                                  margin-top: 80px;             
                                }
                                }
                                @media (max-width: 635px) {.comBusiTextBox1{
                                  margin-top: 50px;             
                                }
                                }
                                @media (max-width: 391px) {.comBusiTextBox1{
                                  margin-top: 30px;             
                                }
                                }
                               






/*--------------------------------------------------------------
	Á¦Ç°Á¦ÀÛ ¼­ºñ½º  ¿µ¿ª
--------------------------------------------------------------*/

.companyIntroSubText{
                      font-size: 15px;
                      margin-top: -20px;

}
.comServiceImgBox{
                    width: 100%;
                    height: 300px;
                    border: 0.5px solid #e7e6e6;
                    border-radius: 10px;
}
@media (max-width: 1023px) {.comServiceImgBox {
  height: 230px;                    
}
}@media (max-width: 806px) {.comServiceImgBox {
  height: 185px;                    
}
}
@media (max-width: 600px) {.comServiceImgBox {
  height: 130px;                    
}
}
@media (max-width: 391px) {.comServiceImgBox {
  height: 98px;                    
}
}




/*---------------------------------------
 CI µðÀÚÀÎ ºÎºÐ              
-----------------------------------------*/

.icoBox1{
          line-height: 200px;
          font-size: 39px;
          overflow: hidden;
          color:#90649f;
          font-weight: 900;
        }
        .icoBox2a{
                  line-height: 90px;
                  font-size: 20px;
                  font-weight: 400;
                  overflow: hidden;
                }
        .icoBox4{
                  line-height: 80px;
                  font-size: 20px;
                  overflow: hidden;
                  color: #525252;
                }
                .icoBox4 span{
                          font-size: 29px;
                          overflow: hidden;
                          color:#ab82b9;
                          font-weight: 700;
                        }





/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
div.intro div.contL {float:none; width:100%; text-align:center; }
div.intro div.contR {float:none; width:100%;}	
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}