

div.sc p.conMO { display: none; }
div.sc p.conPC img { width: 100% !important; }

  /* 2차 */
  div.sc div.wrap div.title { position: relative; }
  div.sc div.wrap div.title div.txtTitle { font-size: 50px; font-weight: bold; line-height: 60px; margin: 50px auto 150px;  text-align: center;}
  div.sc div.wrap div.title div.txtTitle p span { margin-right: 10px; }
  div.sc div.wrap div.title div.txtTitle p span:nth-child(even) { margin-right: 0; }
  div.sc div.wrap div.title p span.before { display: block; width: 35px; height: 29px; position: absolute; top: 40px; left: 16%; }
  div.sc div.wrap div.title p span.after { display: block; width: 35px; height: 29px; position: absolute; top: 40px; right: 16%; }

  div.sc div.wrap div.con01 { position: relative; }
  div.sc div.wrap div.con01 div.img {}
  div.sc div.wrap div.con01 div.imgMo { display: none; }
  div.sc div.wrap div.con01 p.text { font-size: 20px; line-height: 30px; width: 550px; position: absolute; top: 210px; right: 0; text-align: justify; word-break: break-all; }
  div.sc div.wrap div.con01 p.text span { display: block; margin-bottom: 14px; }
  div.sc div.wrap div.con01 p.text span:last-chlid { margin-bottom: 0; }

  div.sc div.wrap div.con02 { position: relative; margin-top: 50px; }
  div.sc div.wrap div.con02 div.img { text-align: right; }
  div.sc div.wrap div.con02 div.imgMo { display: none; }
  div.sc div.wrap div.con02 p.text { font-size: 20px; line-height: 30px; width: 460px; position: absolute; top: 270px; left: 0; text-align: justify; word-break: break-all; }
  div.sc div.wrap div.con02 p.text span { display: block; margin-bottom: 14px; }
  div.sc div.wrap div.con02 p.text span:last-chlid { margin-bottom: 0; }

  div.sc div.wrap div.con03 { margin-top: 170px; }
  div.sc div.wrap div.con03 h2 { font-size: 40px; line-height: 50px; font-weight: bold; text-align: center; }
  div.sc div.wrap div.con03 div.logo { margin-top: 100px; }
  div.sc div.wrap div.con03 div.logo div { float: left; margin-right: 40px; }
  div.sc div.wrap div.con03 div.logo div:nth-child(1) { width: 227px; }
  div.sc div.wrap div.con03 div.logo div:nth-child(2) { width: 207px; }
  div.sc div.wrap div.con03 div.logo div:nth-child(3) { width: 140px; }
  div.sc div.wrap div.con03 div.logo div:nth-child(4) { width: 275px; }
  div.sc div.wrap div.con03 div.logo div:nth-child(5) { width: 184px; margin-right: 0; }


  div.sc div.wrap div.con04 { margin-top: 170px; text-align: center;}
  div.sc div.wrap div.con04 h2 { font-size: 40px; line-height: 50px; font-weight: bold; }
  div.sc div.wrap div.con04 h2 div.spacing { display: inline; }
  div.sc div.wrap div.con04 h2 span { color: #ffd314; }
  div.sc div.wrap div.con04 p.text { font-size: 20px; line-height: 30px; width: 540px; margin: 40px auto 0; text-align: center; word-break: break-all; }
  div.sc div.wrap div.con04 p.text span { display: block; }
  div.sc div.wrap div.con04 p.text span.spacing { display: inline-block; }
  div.sc div.wrap div.con04 p.text span.blank { margin-top: 20px; }
  div.sc div.wrap div.con04 div.img { width: 434px; margin: 0 auto; margin-bottom: 50px; text-align: center; }


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1070px) {  
/*  div.sc div.wrap div.title p span.before { left: 6%; }
  div.sc div.wrap div.title p span.after { right: 6%; }
  div.sc div.wrap div.con01 p.text { width: ; }
  div.sc div.wrap div.con02 { position: unset; }*/

}
@media (max-width: 920px) {  
/*  div.sc div.wrap div.title p span.before { left: 3%; }
  div.sc div.wrap div.title p span.after { right: 3%; }
  div.sc div.wrap div.con01 p.text { width: ; }*/

  div.sc div.wrap div.title div.txtTitle { font-size: 40px; line-height: 50px; margin: 20px auto 80px; }
  div.sc div.wrap div.title div.txtTitle p span { display: block; }
  div.sc div.wrap div.title p span.before { top: 80px }
  div.sc div.wrap div.title p span.after { top: 80px }

  div.sc div.wrap div.con01 div.img { display: none; }
  div.sc div.wrap div.con01 div.imgMo { display: block; text-align: center; }
  div.sc div.wrap div.con01 div.imgMo img { width: 100%; }
  div.sc div.wrap div.con01 p.text { width: 82%; position: unset; top: unset; right: unset; margin: -30px auto 0; }

  div.sc div.wrap div.con02 { margin-top: 150px; }
  div.sc div.wrap div.con02 div.img { display: none; }
  div.sc div.wrap div.con02 div.imgMo { display: block; text-align: center; }
  div.sc div.wrap div.con02 div.imgMo img { width: 100%; }
  div.sc div.wrap div.con02 p.text { width: 82%; position: unset; top: unset; left: unset; margin: 30px auto 0; }

  div.sc div.wrap div.con03 h2 { font-size: 35px; line-height: 45px; }
  div.sc div.wrap div.con03 div.logo { margin-top: 40px; margin-bottom: 50px; }
  div.sc div.wrap div.con03 div.logo div { float: none; margin-right: 0; text-align: center; }
  div.sc div.wrap div.con03 div.logo div:nth-child(1) { width: 100%; }
  div.sc div.wrap div.con03 div.logo div:nth-child(2) { width: 100%; }
  div.sc div.wrap div.con03 div.logo div:nth-child(3) { width: 100%; margin-top: 40px; }
  div.sc div.wrap div.con03 div.logo div:nth-child(4) { width: 100%; }
  div.sc div.wrap div.con03 div.logo div:nth-child(5) { width: 100%; }

}
@media (max-width: 768px) {
  div.sc p.conPC { display: none; }
  div.sc p.conMO { display: unset;}
  div.sc p.conMO img { width: 100% !important; }

  div.sc div.wrap div.title div.txtTitle { font-size: 30px; line-height: 40px; margin: 20px auto 80px; }
  div.sc div.wrap div.title div.txtTitle p span { display: block; }
  div.sc div.wrap div.title p span.before { top: 60px; left: 1%; }
  div.sc div.wrap div.title p span.after { top: 60px; right: 2%; }


  div.sc div.wrap div.con01 div.img { display: none; }
  div.sc div.wrap div.con01 div.imgMo { display: block; }
  div.sc div.wrap div.con01 div.imgMo img { width: 100%; }
  div.sc div.wrap div.con01 p.text { font-size: 18px; width: 100%; position: unset; top: unset; right: unset; margin-top: 50px; }

  div.sc div.wrap div.con02 { margin-top: 150px; }
  div.sc div.wrap div.con02 div.img { display: none; }
  div.sc div.wrap div.con02 div.imgMo { display: block; }
  div.sc div.wrap div.con02 div.imgMo img { width: 100%; }
  div.sc div.wrap div.con02 p.text { font-size: 18px; width: 100%; position: unset; top: unset; left: unset; margin-top: 30px; }

  div.sc div.wrap div.con03 h2 { font-size: 35px; line-height: 45px; }
  div.sc div.wrap div.con03 div.logo { margin-top: 40px; margin-bottom: 50px; }
  div.sc div.wrap div.con03 div.logo div { float: none; margin-right: 0; text-align: center; }
  div.sc div.wrap div.con03 div.logo div:nth-child(1) { width: 100%; }
  div.sc div.wrap div.con03 div.logo div:nth-child(2) { width: 100%; }
  div.sc div.wrap div.con03 div.logo div:nth-child(3) { width: 100%; margin-top: 40px; }
  div.sc div.wrap div.con03 div.logo div:nth-child(4) { width: 100%; }


  div.sc div.wrap div.con04 h2 div.spacing { display: block; }
  div.sc div.wrap div.con04 p.text { width: 100%; }
  div.sc div.wrap div.con04 p.text span.spacing { display: block; }
  div.sc div.wrap div.con04 div.img { width: 100%; }
  div.sc div.wrap div.con04 div.img img { width: 100%; }

}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}

