#service {width:100%; margin:0 auto; overflow:hidden;}
#service p.txtP100{ padding-bottom:20px; font-size:16px; line-height:25px; text-align: center; clear: both; }
#service p.txtPL { padding-bottom:20px; margin-top: 30px; font-size:18px; line-height:25px; width: 40%; text-align: justify; margin-right: 2%; float: left; word-break: break-all; }
#service p.txtPR { padding-bottom:20px; margin-top: 30px; font-size:18px; line-height:25px; width: 50%; text-align: justify; margin-left: 2%; float: left; letter-spacing: -1px; word-break: break-all;  }
#service p.imgL { width: 48%; padding: 0 1 0 0%; float: left; overflow: hidden; }
#service p.imgR { width: 56.8%; padding: 0 1 0 0%; margin-right: 1.2%; float: left; overflow: hidden; }
#service p.txtTitle { text-align: center; font-size: 50px; font-weight: bold; margin: 100px auto 80px;}
#service p.txtTitle span { display: block; }
#service p.txtTitle span.copy { font-weight: normal !important; font-size: 20px; color: #888; }
#service p.txtTitle span.bold { display: inline; }
#service p.txtTitle img { width: 300px; margin-top: 30px; }
#service .sub_txt01 { padding:0 10px;}
#service .sub_txt02 { padding:0 10px;}
#service .sub_txt03 { padding:0 10px;}
#service div.bar { width: 30px; height: 2px; background-color: #E00C14; margin: 100px auto; }
#service div.logo { text-align: center; }
#service div.logoM { text-align: center; display: none; }
#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/img_01.png")no-repeat center 40px;}
#service section.ico2 {background:url("../img/img_02.png")no-repeat center 40px;}
#service section.ico3 {background:url("../img/img_03.png")no-repeat center 40px;}
#service section.ico4 {background:url("../img/img_04.png")no-repeat center 40px;}
#service section.ico5 {background:url("../img/img_05.png")no-repeat center 40px;}
#service section.ico6 {background:url("../img/img_06.png")no-repeat center 40px;}
#service div.tit { font-size:22px; padding-bottom:20px; font-weight: 500; }
#service div.txt {font-size:16px; }
#contentWrap #content img { width: 100%; }
#service div.sub_txt01 p.txtTitle > img { width: 260px !important; }


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#service {width:100%; }	
#service div.icoBox {padding:0 15px;}
#service div.logo img { width: 100%; }
#service section { width: 48%; padding:170px 8px 40px; }
#service div.sub_txt01 { position: relative; height: 1150px; }
#service p.txtPL { width: 63%; position: absolute; z-index: 2; right: 0; bottom: 0; }
#service p.imgR { width: 80%; position: absolute; z-index: 1; left: 0; }

}

@media (max-width: 768px) {
  #service p.txtTitle { font-size: 40px; margin-top: 20px; margin-bottom: 40px; }
  #service p.txtTitle span.copy { line-height: 40px; }
  #service p.txtTitle span.bold { display: block; line-height: 50px; }
  #service p.txtTitle img { width: 260px; margin-top: 0; }
  #service div.sub_txt01 { height: auto; }
  #service p.txtPL { width: 100%; margin: 0; text-align: center; float: none; position: relative; }
  #service p.txtPR { width: 100%; margin: 0; text-align: center; float: none; }
  #service p.imgL { width: 100%; margin-bottom: 30px; float: none; }
  #service p.imgR { width: 100%; float: none; position: relative; }
  #service section {width:100%;  margin:2% 0%; padding:170px 15px 40px; height: auto; min-height:300px;}	
  #service div.logo { display: none; }
  #service div.logoM { display: block; }
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}