div.cont01 { overflow: hidden; font-size:18px; line-height:36px;}
div.cont01 img{max-width:100%;}
div.cont01 div.contL {float:left; width:32%; }
div.cont01 div.contR {float:right; width:64%;}
div.cont01 div.contL2 { width:68%; padding-top:30px;}
div.cont01 div.contR2 { width:32%; text-align:center}
div.cont01 div.contL3 { width:55%; }
div.cont01 div.contR3 { width:35%; text-align:center; padding-top:60px;}
div.cont01 .bg {height:364px; width:100%; background:url(../img/img3.jpg)no-repeat center center}
div.cont01 h3 { vertical-align:middle; width:367px; padding-top:50px;  height:143px; border:1px solid #888;
 text-align:center; font-size:45px; font-family:"nanumsquare"; font-weight:700}
div.cont01 p.tit { font-size:28px;  font-weight:500; padding-bottom:20px;   }
div.cont01 p.tit2 {  padding-bottom:20px;  text-align:center; position:relative; }
div.cont01 p.tit2:before {content:""; z-index:-1; position:absolute; left:0; top:19px; width:100%; height:1px; background-color:#000; }
div.cont01 p.tit2 span{ font-size:28px; padding:0px;  font-weight:500;  background-color:#fff; } 
div.cont01 ul {padding-left:10px;}
div.cont01 ul.li1 li {  padding:0 0 0px 20px; position:relative;  }
div.cont01 ul.li1 li:before { content: "";  width: 5px; height: 5px;  background-color: #28afc4;  position: absolute;
 left: 5px; top: 15px;   border-radius: 50%;} 
div.cont01 ul.li2 span {color:#28afc4; font-weight:500; }
 div.cont01 ul.col3 li{float:left; text-align:center; width:33.3333%}


/*---------------------------------------
  MOBILE RESPONSIVE               
-----------------------------------------*/
@media (max-width: 1023px) {
div.cont01 { font-size:16px; line-height:26px;}	
div.cont01 div.contL {float:left; width:100%; text-align:center;}
div.cont01 div.contR {float:right; width:100%;}
div.cont01 div.contL2 { width:100%; padding-top:0px;}
div.cont01 div.contR2 { width:100%; text-align:center; padding-top:20px;}
div.cont01 div.contL3 { width:100%; }
div.cont01 div.contR3 { width:100%; text-align:center; padding-top:30px;}
div.cont01 div.contR3 img{height:280px;}
div.cont01 .imgT{padding-top:20px;}
div.cont01 .bg {height:164px; width:100%; background:url(../img/img3.jpg)no-repeat center center; background-size:cover;}
div.cont02 .bg {height:164px; width:100%; background:url(../img/img3.jpg)no-repeat center center; background-size:cover;}
div.cont01 h3 {display:block; vertical-align:middle; width:70%;  height:100px; border:1px solid #888;
 text-align:center; font-size:30px; padding-top:32px; margin:0 auto 20px auto;}
div.cont01 p.tit { font-size:20px;  font-weight:500; padding-bottom:10px;   } 
div.cont01 p.tit2:before { top:14px;  }
div.cont01 p.tit2 span{ font-size:20px;   } 
div.cont01 ul {padding-left:0px;}
div.cont01 ul.col3 li{float:left; text-align:center; width:50%}
div.cont01 ul.col3 li:first-child {width:100%;}
div.cont01 ul.col3 li:first-child img {width:50%;}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}