/* 기존 */
div.intro {line-height:28px; font-size:15px; overflow: hidden; }
div.intro div.contL {float:left; width:30%;}
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:26px; font-weight:normal; padding-left:10px;}

/* HJ */
div.intro_pc p.img img.imgPC { display: block; width: 100%; }
div.intro_pc p.img img.imgMO { display: none; }

div.intro_pc {  }
div.intro_pc div.con01 { height: 860px; background: url(../img/intropc_bg01.jpg) 50% 50% no-repeat; }
div.intro_pc div.con01 div { width: 50%; float: right; padding: 190px 40px 0; }
div.intro_pc div.con01 h2 { font-size: 40px; font-weight: 600; margin-bottom: 30px; }
div.intro_pc div.con01 p { font-size: 18px; line-height: 30px; margin-bottom: 40px; text-align: justify; word-break: break-all; }


div.intro_pc div.con02 { height: 1180px; background: url(../img/intropc_bg02.jpg) 50% 50% no-repeat; clear: both; overflow: hidden; position: relative; }
div.intro_pc div.con02 div { width: 300px; position: absolute; }
div.intro_pc div.con02 div h2 { font-size: 26px; font-weight: 500; letter-spacing: -1px; }
div.intro_pc div.con02 div p { font-size: 16px; word-break: break-all; text-align: justify; }
div.intro_pc div.con02 div.t1 { width: 500px; top: 380px; left: 40px; }
div.intro_pc div.con02 div.t1 h2 { font-size: 40px; font-weight: 600; }
div.intro_pc div.con02 div.t1 p { font-size: 18px; }
div.intro_pc div.con02 div.t2 { top: 430px; right: 40px; }
div.intro_pc div.con02 div.t3 { top: 820px; right: 400px; }


div.intro_pc div.con03 { height: 900px; }
div.intro_pc div.con03 > div { width: 33.333%; float: left; }
div.intro_pc div.con03 > div.title { width: 100%; font-size: 40px; font-weight: bold; margin-bottom: 50px; text-align: center; clear: both; }
div.intro_pc div.con03 > div p.img { width: 100%; text-align: center; }
div.intro_pc div.con03 > div div.txt { width: 100%; position: relative; font-size: 18px; line-height: 30px; letter-spacing: -1px; }
div.intro_pc div.con03 > div:nth-child(2) { position: relative; height: 100%; }
div.intro_pc div.con03 > div:nth-child(2) p.img { margin-top: 0; }
div.intro_pc div.con03 > div:nth-child(3) p.img { margin-top: 100%; }
div.intro_pc div.con03 > div:nth-child(2) div.txt { margin-top: 0; position: absolute; }
div.intro_pc div.con03 > div:last-child { margin-left: 33.333%; }
div.intro_pc div.con03 > div div.txt h1 { font-size: 140px; font-weight: 700; position: absolute; z-index: 1; line-height: 93px; left: -3px; }
div.intro_pc div.con03 > div div.txt h2 { width: 100%; padding: 66px 50px 0; font-size: 26px; line-height: 50px; font-weight: 500; text-align: center; position: absolute; z-index: 2; }
div.intro_pc div.con03 > div div.txt span { width: 100%; padding: 130px 50px 0; position: absolute; z-index: 3; word-break: break-all; text-align: justify; letter-spacing: -1px; }
div.intro_pc div.con03 > div:nth-child(3) div.txt { margin-top: -200%; }
div.intro_pc div.con03 > div:nth-child(2) div.txt h1 { color: #fbdfdf; }
div.intro_pc div.con03 > div:nth-child(3) div.txt h1 { color: #feeddf; }
div.intro_pc div.con03 > div:nth-child(4) div.txt h1 { color: #ebf4e2; }
div.intro_pc div.con04 { height: 900px; clear: both; position: relative; }
div.intro_pc div.con04 h1 { font-size: 40px; font-weight: 600; text-align: center; }
div.intro_pc div.con04 > div { width: 33.333%; float: left; margin-top: 330px; }
div.intro_pc div.con04 > div.title { width: 100%; font-size: 40px; font-weight: bold; margin-top: 150px; margin-bottom: 50px; text-align: center; }
div.intro_pc div.con04 > div.top { margin-top: 90px; }
div.intro_pc div.con04 > div p { width: 100%; text-align: center; }
div.intro_pc div.con04 > div p.img { wdith: 250px !important; height: 260px; margin: 0 auto; display: block; clear: both; }
div.intro_pc div.con04 > div:nth-child(2) p.img { background: url(../img/intropc_img2-1.png) top center no-repeat; }
div.intro_pc div.con04 > div:nth-child(3) p.img { background: url(../img/intropc_img2-2.png) top center no-repeat; }
div.intro_pc div.con04 > div:nth-child(4) p.img { background: url(../img/intropc_img2-3.png) top center no-repeat; }
div.intro_pc div.con04 > div p.txt span { font-size: 18px; line-height: 30px; letter-spacing: -1px; }
div.intro_pc div.con04 > div p.txt span.title { font-size: 26px; font-weight: 500; line-height: 50px; }




/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1199px) {

div.intro_pc div.con03 > div div.txt h2 { padding: 50px 0 0; font-size: 22px; }
div.intro_pc div.con03 > div div.txt span { font-size: 17px; line-height: 27px; padding: 120px 30px 0; }
div.intro_pc div.con03 > div:nth-child(2) p.img { float: right; }
div.intro_pc div.con03 > div:nth-child(2) div.txt { margin-top: 100%; }




}




/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1024px) {
#contentWrap #content #contentsArea {width: 100% !important;}

div.intro div.contL {float:none; width:100%; text-align:center; }
div.intro div.contR {float:none; width:100%;}

/* HJ */
div.intro_pc div.con01 div { width: 70%; padding: 190px 40px 0; }

div.intro_pc div.con02 div.t1 { width: 420px; top: 100px; }
div.intro_pc div.con02 div.t2 { right: 35%; }
div.intro_pc div.con02 div.t3 { right: 28%; }


div.intro_pc div.con03 { width: 78%; margin: 0 auto; }
div.intro_pc div.con03 > div { width: 100%; height: auto; float: none; }
div.intro_pc div.con03 > div p.img { width: 50%; height: auto; float: left; }
div.intro_pc div.con03 > div p.img img { width: 100%; }
div.intro_pc div.con03 > div:last-child { margin-left: 0; }
div.intro_pc div.con03 > div div.txt { width: 50%; height: auto; float: left; }
div.intro_pc div.con03 > div div.txt h2 { font-size: 31px; font-weight: 500; padding-top: 63px; }
div.intro_pc div.con03 > div div.txt span { font-size: 20px; line-height: 27px; padding: 130px 60px 0; }
div.intro_pc div.con03 > div:nth-child(2) { clear: both; height: 0; }
div.intro_pc div.con03 > div:nth-child(2) div.txt { margin-top: 0; }
div.intro_pc div.con03 > div:nth-child(2) p.img { position: relative; margin-top: 0; }
div.intro_pc div.con03 > div:nth-child(3) div.txt { margin-top: 0; }
div.intro_pc div.con03 > div:nth-child(3) p.img { margin-top: 50%; }
div.intro_pc div.con03 > div:nth-child(4) div.txt { margin-top: 0; }
div.intro_pc div.con03 > div:nth-child(4) p.img { float: right; margin-top: 50%; }
div.intro_pc div.con03 > div div.txt { margin-top: 0%; }


div.intro_pc div.con04 { height: auto; overflow: hidden; margin-bottom: 30px; }
div.intro_pc div.con04 h1 { margin-top: 80px; font-size: 30px; }
div.intro_pc div.con04 > div { width: 100%; margin-top: 70px; }
div.intro_pc div.con04 > div p.txt span { font-size: 16px; line-height: 26px; }
div.intro_pc div.con04 > div p.img { height: 330px; }
div.intro_pc div.con04 > div:nth-child(2) p.img { background: url(../img/intromo_img2-1.png) top center no-repeat; background-size: contain; }
div.intro_pc div.con04 > div:nth-child(3) p.img { background: url(../img/intromo_img2-2.png) top center no-repeat; background-size: contain; }
div.intro_pc div.con04 > div:nth-child(4) p.img { background: url(../img/intromo_img2-3.png) top center no-repeat; background-size: contain; }



}

@media (max-width: 1021px) {
  div.intro_pc div.con03 > div div.txt h2 { padding-top: 50px; }
  div.intro_pc div.con03 > div div.txt span { font-size: 18px; padding: 110px 40px 0; }
}

@media (max-width: 923px) {
  div.intro_pc div.con03 { height: auto; }
  div.intro_pc div.con03 > div div.txt h2 { font-size: 26px; padding-top: 30px; }
  div.intro_pc div.con03 > div div.txt span { font-size: 16px; padding: 100px 30px 0; }
}

@media (max-width: 800px) {
  div.intro_pc div.con03 { width: 100%; }
}

@media (max-width: 768px) {

/* HJ */
div.intro_pc p.img img.imgPC { display: none; }
div.intro_pc p.img img.imgMO { display: block; }


div.intro_pc div.con01 { height: 700px; background: url(../img/intromo_bg01.jpg) 50% 100% no-repeat; background-size: cover; overflow: hidden; }
div.intro_pc div.con01 div { width: 100%; padding: 60px 20px;}
div.intro_pc div.con01 h2 { font-size: 30px; font-weight: 600; margin-bottom: 30px; }
div.intro_pc div.con01 p { font-size: 16px; line-height: 30px; margin-bottom: 30px; word-break: break-all; text-align: justify; letter-spacing: -1px; }


div.intro_pc div.con02 { height: 1000px; background: url(../img/intromo_bg02.jpg) 50% 50% no-repeat; background-size: cover; }
div.intro_pc div.con02 div { width: 260px; }
div.intro_pc div.con02 div h2 { font-size: 23px; }
div.intro_pc div.con02 div p { font-size: 16px; }
div.intro_pc div.con02 div.t1 { width: 100%; top: 100px; left: 0; padding: 0 20px; box-sizing: border-box; }
div.intro_pc div.con02 div.t1 h2 { font-size: 30px; font-weight: 600; }
div.intro_pc div.con02 div.t1 p { font-size: 16px; }
div.intro_pc div.con02 div.t2 { top: 52%; right: 20px; }
div.intro_pc div.con02 div.t3 { top: 80%; left: 20px; }
div.intro_pc div.con03 > div { width: 100%; height: auto; margin-bottom: 50px;}
div.intro_pc div.con03 > div div.txt { width: 100%; height: auto; font-size: 16px; line-height: 26px;}
div.intro_pc div.con03 > div div.txt h1 { width: 100%; font-size: 70px; text-align: center; display: inline; margin: 0 auto; top: 0; }
div.intro_pc div.con03 > div div.txt h2 { width: 100%; padding: 0; position: relative; top: 25px; font-size: 28px; }
div.intro_pc div.con03 > div div.txt span { width: 100%; padding: 0 20px 80px; display: inline-block; position: relative; top: 50px; box-sizing: border-box; letter-spacing: 0; font-size: 16px; line-height: 24px; }
div.intro_pc div.con03 > div p.img { width: 100%; height: auto; }
div.intro_pc div.con03 > div:nth-child(2) { }
div.intro_pc div.con03 > div:nth-child(2) p.img { position: relative; }
div.intro_pc div.con03 > div:nth-child(2) div.txt { position: relative; }
div.intro_pc div.con03 > div:nth-child(3) p.img { margin-top: 0; }
div.intro_pc div.con03 > div:nth-child(4) p.img { margin-top: 0; }


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