@media all and (min-width:1024px) {
  .subcontents { width: 100%; height: auto; margin-bottom: 80px; padding-top: 100px; }
  .innercontents { width: 80%;  min-width: 1023px; margin: 0 auto; overflow: hidden; }
  .innercontents ul { width: 100%; box-sizing:border-box; }
  .innercontents ul li { width: 24.5%; min-height: 700px; margin: 0 auto; float: left; box-sizing: border-box; padding: 3px 5px; margin: 0 5px 50px 0; text-align: center; border: 1px solid #E2E2E2; border-radius: 6px; cursor: pointer; }

  .prfwrap { width: 100%; }
  .prfwrap .prfImgwrap { width: 100%; overflow: hidden; }
  /* .prfwrap .prfImgwrap .prfImg { width: 100%; height: auto; } */
  .prfwrap .prfImgwrap .prfImg { width: 100%; height: 270px; }
  .prfwrap .prfImgwrap .prfImg  {transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 0.3s ease-in-out; }
  .prfwrap .prfImgwrap .prfImg:hover { transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -ms-transform: scale(1.04); -o-transform: scale(1.04);}

  .prfwrap .prfexpln { width: 95%; margin: 0 auto; text-align: left; font-weight: 550; line-height: 2.5; font-size: 20px; }
  .prfwrap .prfexpln .prfexpInner { line-height: 2; padding-bottom: 10px; }
  .prfwrap .prfexpln .prfexpInner .prfextitle { width: 100%; text-align: left; min-width: 50px; line-height: 1.2; }
  .prfwrap .prfexpln .prfexpInner .prfex { width: 100%; text-align: left; }
  .prfwrap .prfexpln .prfnm { text-align: left; font-weight: 550; line-height: 2.5; font-size: 20px; }
}

@media all and (min-width:768px) and (max-width:1023px) {
  .subcontents { width: 100%; height: auto; margin-bottom: 80px; padding-top: 80px; }
  .innercontents { width: 95%;  min-width: 760px; margin: 0 auto; overflow: hidden; }
  .innercontents ul { width: 100%; margin: 0 auto; box-sizing:border-box; }
  .innercontents ul li { width: 32%; min-height: 600px;  margin: 0 auto; float: left; box-sizing: border-box; padding: 3px 5px; margin: 0 5px 50px 5px; text-align: center; border: 1px solid #E2E2E2; border-radius: 6px; cursor: pointer; }

  .prfwrap { width: 100%; }
  .prfwrap .prfImgwrap { width: 100%; overflow: hidden; }
  /* .prfwrap .prfImgwrap .prfImg { width: 100%; height: auto; } */
  .prfwrap .prfImgwrap .prfImg { width: 100%; height: 170px; }
  .prfwrap .prfImgwrap .prfImg  {transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 0.3s ease-in-out; }
  .prfwrap .prfImgwrap .prfImg:hover { transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -ms-transform: scale(1.04); -o-transform: scale(1.04);}

  .prfwrap .prfexpln { width: 95%; margin: 0 auto; text-align: left; font-weight: 550; line-height: 2.5; }
  .prfwrap .prfexpln .prfexpInner { line-height: 2.2; padding-bottom: 10px; }
  .prfwrap .prfexpln .prfexpInner .prfextitle { width: 100%; text-align: left; min-width: 50px; }
  .prfwrap .prfexpln .prfexpInner .prfex { width: 100%; text-align: left; }
  .prfwrap .prfexpln .prfnm { text-align: left; font-weight: 550; line-height: 2.5; font-size: 18px; }
}

@media all and (max-width:767px) {
  .subcontents { width: 100%; height: auto; margin-bottom: 80px; padding-top: 50px; }
  .innercontents { width: 95%;  min-width: 370px; margin: 0 auto; overflow: hidden; }
  .innercontents ul { width: 100%; margin: 0 auto; box-sizing:border-box; }
  .innercontents ul li { width: 48%; min-height: 400px;  margin: 0 auto; float: left; box-sizing: border-box; padding: 3px 5px; margin: 0 3px 30px 3px; text-align: center; border: 1px solid #E2E2E2; border-radius: 6px; cursor: pointer; }

  .prfwrap { width: 100%; }
  .prfwrap .prfImgwrap { width: 100%; overflow: hidden; }
  /* .prfwrap .prfImgwrap .prfImg { width: 100%; height: auto; } */
  .prfwrap .prfImgwrap .prfImg { width: 100%; height: 130px; }
  .prfwrap .prfImgwrap .prfImg  {transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 0.3s ease-in-out; }
  .prfwrap .prfImgwrap .prfImg:hover { transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -ms-transform: scale(1.04); -o-transform: scale(1.04);}

  .prfwrap .prfexpln { width: 95%; margin: 0 auto; text-align: left; font-weight: 550; line-height: 2.5; }
  .prfwrap .prfexpln .prfexpInner { line-height: 2.2; padding-bottom: 10px; }
  .prfwrap .prfexpln .prfexpInner .prfextitle { width: 100%; text-align: left; min-width: 45px;  font-size: 12px; }
  .prfwrap .prfexpln .prfexpInner .prfex {width: 100%;  font-size: 12px; }
  .prfwrap .prfexpln .prfnm { text-align: left; font-weight: 600; line-height: 2.5; font-size: 14px; }

  .top .submenu li p { text-align: center; font-weight: 500; font-size: 14px; letter-spacing: -0.04em; color: #3D3D3D; }
}