@charset "utf-8";


.section { position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; color:#fff; }
#mSection1 { background-image:url("/images/main/mSection1.jpg"); }
#rmSection1 { background-image:url("/images/main/rmSection1.png"); }
#rmSection2 { background-image:url("/images/main/rmSection2.png"); }
#rmSection3 { background-image:url("/images/main/rmSection3.png"); }
#mSection2 { background-image:url("/images/main/mSection2.jpg"); }
#mSection4 { background-image:url("/images/main/mSection4.jpg"); }
#mSection6 { background-image:url("/images/main/mSection6.jpg"); }

.mtit { margin-bottom: 3em; }
.mtit h3 { font-size: 6rem; font-family: 'Poppins'; font-weight: 300; line-height: 1.0em; margin-bottom: 0.3em;  }
.mtit p { font-size: 1.8rem; line-height: 1.8em; }
.mtit p.em { font-size: 2.6rem; font-weight: 200;  }

@media all and (max-width:1280px) {
  .mtit h3 { font-size: 5.5rem; }
  .mtit p { font-size: 1.7rem; }
  .mtit p.em { font-size: 2.4rem;  }
}

@media all and (max-width:1080px) {
  .mtit h3 { font-size: 5.2rem; }
  .mtit p { font-size: 1.6rem; }
}

@media all and (max-width:568px) {
  .mtit h3 { font-size: 4.8rem; }
}

@media all and (max-width:480px) {
  .mtit h3 { font-size: 4rem; }
}


.more { font-size: 1.3rem; position: relative; display: inline-block; color:#fff; padding-right: 20px; margin-top: 3em; }
.more::after { content:''; width: 40px; height: 40px; border-radius: 100%; background: rgba(255,255,255,0.2);
                                                          position: absolute; right:0; top: 50%; transform: translateY(-50%); z-index:1; }
.more:hover::after { background: #ff0000; }
.more p::after { content:''; display: inline-block; width: 30px; height: 10px; margin-left: 5px;  position: relative;
                                                              background: url("/images/common/more.png") no-repeat right center; z-index:2; }

.more.black::after { background: #f4f4f4; }
.more.black p::after { background-image: url("/images/common/more2.png"); }
.more.black p { color:#212121; }
.more.black:hover::after { background: #0060ff; }

a:hover div.more::after { background: #ff0000; }
a:hover div.more.black::after { background: #0060ff; }


@media all and (max-width:480px) {
  .more { padding-right: 10px; }
  .more::after { width: 30px; height: 30px; }
  .more p::after { width: 24px; }
}




#mSection1 .mvTxt .t1 { font-size: 3rem; font-family: 'Play'; }
#mSection1 .mvTxt .t2 { font-size: 6rem; font-weight: 200; line-height: 1.1em; font-family: 'Poppins'; margin: 0.3em 0 0.6em; }
#mSection1 .mvTxt .t3 { font-size: 1.8rem; line-height: 1.8em; }

@media all and (max-width:976px) {
  #mSection1 .mvTxt .t1 { font-size: 2.6rem; }
  #mSection1 .mvTxt .t2 { font-size: 5rem; }
  #mSection1 .mvTxt .t3 { font-size: 1.6rem; }
}

@media all and (max-width:767px) {
  #mSection1 .mvTxt .t1 { font-size: 2.4rem; }
  #mSection1 .mvTxt .t2 { font-size: 4.5rem; }
}

@media all and (max-width:480px) {
  #mSection1 .mvTxt .t2 { font-size: 4rem; }
  #mSection1 .mvTxt .t3 br { display: none; }
}



#mSection2 .s-inner { display: table; table-layout: fixed; height: 100%; }
#mSection2 .s-inner > div { position: relative; display: table-cell; vertical-align: top; padding-top: 20%; height: 100%;  }
#mSection2 .s-inner .cont { position: relative; width: 30%; height: 100%;  padding: 20% 4% 0;  }
#mSection2 .s-inner .cont::before { content: ''; width: 1px; height: 100%; position: absolute; left:0; top:0; background: rgba(255,255,255,0.1); }
#mSection2 .s-inner .cont::after { content: ''; width: 100%;  height: 100%; position: absolute; left:0; top:0;  background: rgba(0,0,0,0.3); transition:all .3s; transform:scaleY(0); z-index:2;  }
#mSection2 .s-inner .cont:hover::after { transform:scaleY(1);}
#mSection2 .s-inner .cont .img::before { content:''; width: 28px; height: 28px; border-radius: 100%; background: rgba(255, 0, 0, 0.2); position: absolute; left: -13.5px; margin-top: 15px; z-index:3;  }
#mSection2 .s-inner .cont .img::after { content:''; width: 8px; height: 8px; border-radius: 100%; background: #ff0000; position: absolute; left:-3.5px; margin-top: 25px; z-index:3;  }
#mSection2 .s-inner .cont .txt { position: relative; z-index:3;  }
#mSection2 .s-inner .cont h4 { font-size: 2.8rem; font-weight: 500; margin: 1em 0 0.7em; }
#mSection2 .s-inner .cont p { line-height: 1.8em; }
#mSection2 .s-inner .cont:hover .more:after { background: #ff0000; }


@media all and (max-width:1580px) {
  #mSection2 .s-inner .cont p br { display: none; }
}

@media all and (max-width:1280px) {
  #mSection2 .s-inner .mtit { padding-right: 7%; }
  #mSection2 .s-inner .mtit p br { display: none; }
  #mSection2 .s-inner .cont { width: 32%; }
}

@media all and (max-width:976px) {
  #mSection2 .s-inner { display: table-cell; vertical-align: middle;  }
  #mSection2 .s-inner > div { display: block; padding-top:0; }
  #mSection2 .s-inner .mtit { padding: 0 4%; }
  #mSection2 .s-inner .cont { position: relative; width: 100%; padding: 4% 2%; display: table; table-layout: fixed; }
  #mSection2 .s-inner .cont > div { display: table-cell; vertical-align: top; }
  #mSection2 .s-inner .cont > div.img { width: 50px; }
  #mSection2 .s-inner .cont > div.img img { max-width: 100%; }
  #mSection2 .s-inner .cont > div.txt { width: calc(92vw - 50px); padding: 0 5%; }
  #mSection2 .s-inner .cont h4 { margin-top:0; margin-bottom: 0.3em; }

  #mSection2 .s-inner .cont::before { width:100%; height: 1px; }
  #mSection2 .s-inner .cont .img::before { left: 4%; top:-12.5px; margin-top:0; margin-left: 10px;  }
  #mSection2 .s-inner .cont .img::after { left: 4%; top:-3px; margin-top:0; margin-left: 20px;  }

  #mSection2 .s-inner .mSensor2 { border-bottom: 1px solid rgba(255,255,255,0.1); }
}

@media all and (max-width:640px) {
    #mSection2 .s-inner .cont { padding: 6% 2%; }
}


#mSection3 .mProduct { position: relative; }
#mSection3 .mProduct::after { content:''; width: 70%; height: 22.5vw; background: #e12f2f; position: absolute; top: 90px; right:0;  }
#mSection3 .mProduct ul { overflow: hidden; width: 90%; height: 22.5vw; display: table; position: relative; z-index:10; }
#mSection3 .mProduct ul li { display: table-cell; vertical-align: middle; width: calc(100% / 4); text-align: center; background-position: center; background-repeat: no-repeat; background-size: cover; }
#mSection3 .mProduct ul li a { display: block; color:#fff; }
#mSection3 .mProduct ul li.mProduct1 { background-image: url("/images/main/product1.png"); }
#mSection3 .mProduct ul li.mProduct2 { background-image: url("/images/main/product2.png"); }
#mSection3 .mProduct ul li.mProduct3 { background-image: url("/images/main/product3.png"); }
#mSection3 .mProduct ul li.mProduct4 { background-image: url("/images/main/product4.png"); }
#mSection3 .mProduct ul li a .ord { font-size: 1.4rem; font-weight: 700; }
#mSection3 .mProduct ul li a h4 { font-size: 3.2rem; font-weight: 600; margin :0.3em 0 0.9em; }
#mSection3 .mProduct ul li a .txt { line-height: 1.8em; }
#mSection3 .mProduct ul li a .more { margin-top: 5em; }
#mSection3 .mProduct ul li a:hover .more::after { background: #ff0000; }

@media all and (max-width:1380px) {
  #mSection3 .mProduct ul li a h4 { margin :0.3em 0 0.5em; }
  #mSection3 .mProduct ul li a .more { margin-top: 4em; }
}

@media all and (max-width:1280px) {
  #mSection3 .mProduct ul { width: 95%; height: 25vw; }
  #mSection3 .mProduct ul li a { padding: 0 4%; }
  #mSection3 .mProduct ul li a .txt { font-size: 1.4rem; height: 3.6em;  }
  #mSection3 .mProduct ul li a .txt br { display: none; }
}

@media all and (max-width:1080px) {
  #mSection3 .mtit { text-align: center; padding-top: 5%; max-width: 60%;  }
  #mSection3 .mProduct { padding-bottom: 6%; }
  #mSection3 .mProduct ul { display: block; height: auto; width: 60%; margin: 0 auto; }
  #mSection3 .mProduct ul li { display: block; float: left; width: calc(100% / 2); }
  #mSection3 .mProduct ul li a { padding: 3em 5%; }
  #mSection3 .mProduct ul li a .txt br { display: block; }
  #mSection3 .mProduct::after { width: 94%; top: inherit; bottom:0;  }
}

@media all and (max-width:767px) {
  #mSection3 .mProduct ul { width: 75%; }
  #mSection3 .mProduct::after { height: 30vw; }
}

@media all and (max-width:568px) {
  #mSection3 .mtit { max-width: 86%; }
  #mSection3 .mProduct { padding-bottom: 10%; }
  #mSection3 .mProduct ul { width: 92%; }
  #mSection3 .mProduct ul li a .txt br { display: none; }
  #mSection3 .mProduct::after { width: 100%; height: 35vw; }
  #mSection3 .mProduct ul li a .ord { font-size: 1.2rem; }
  #mSection3 .mProduct ul li a h4 { font-size: 2.8rem; }
}

@media all and (max-width:480px) {
  #mSection3 .mProduct ul li a { padding: 2em 8%; }
  #mSection3 .mProduct ul li a h4 { margin-top: 0; }
  #mSection3 .mProduct ul li a .txt { line-height: 1.5em; }
}



#mSection4 .cont { display: table; table-layout: fixed; }
#mSection4 .cont > div { display: table-cell; vertical-align: bottom;  position: relative; }
#mSection4 .cont .PRcenter ul { width: 100%; overflow: hidden; margin-top: 5em; }
#mSection4 .cont .PRcenter ul li { width: calc((100% - 20px) / 3); height: 220px; float: left; border: 1px solid rgba(255,255,255,0.15); margin-left: 10px; text-align: center; }
#mSection4 .cont .PRcenter ul li:first-child { margin-left:0; }
#mSection4 .cont .PRcenter ul li:hover { background: #2431d8; border-color:#2431d8;  }
#mSection4 .cont .PRcenter ul li a { display: block; width: 100%; height: 100%; padding: 30px; }
#mSection4 .cont .PRcenter ul li a p { font-size: 1.8rem; font-weight: 600; color:#fff; text-align:  left; margin-bottom: 2em; }
#mSection4 .cont .contR { width: 57.5%; font-size:0; }
#mSection4 .cont .contR > div { display: inline-block; vertical-align: bottom; margin-left: 70px; }
#mSection4 .cont .contR .notice { width: calc(60% - 70px); }
#mSection4 .cont .contR .btnBox { width: calc(40% - 70px); }

#mSection4 .cont .contR .notice h4 { font-size: 3rem; font-weight: 500; margin-bottom: 1em; }
#mSection4 .cont .contR .notice .bdList li { position: relative; width: 100%; height: 120px; border: 1px solid rgba(255,255,255,0.15); margin-top: 10px; }
#mSection4 .cont .contR .notice .bdList li a { display: block; width: 100%; height: 100%; padding: 3.5rem 3rem; color:#fff;  }
#mSection4 .cont .contR .notice .bdList li a p { font-size: 1.8rem; font-weight: 600; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#mSection4 .cont .contR .notice .bdList li a p.date { opacity: 0.3; margin-top: 0.7em; font-weight: 300; }
#mSection4 .cont .contR .notice .bdList li:hover { border-color: rgba(255,255,255,0.5); }
#mSection4 .cont .contR .notice .bdList li a::after { content:''; width: 23px; height: 23px; position: absolute; right: 30px; bottom: 30px; opacity: 0.2;
                                                                           background: url("/images/main/more_plus.png") no-repeat center; background-size: 100% auto; }
#mSection4 .cont .contR .notice .bdList li a:hover::after { -webkit-animation: spin 2s linear infinite; animation: spin 1s; opacity: 0.5; }

#mSection4 .cont .contR .btnBox a { display: block; width: 100%; height: 190px; padding: 4rem;  background-position: 115% 70%; background-repeat: no-repeat; }
#mSection4 .cont .contR .btnBox a h4 { font-size: 2.2rem; font-weight: 600; }
#mSection4 .cont .contR .btnBox a .more { margin-top: 5em; }
#mSection4 .cont .contR .btnBox a.online { color:#212121; background-color:#fff; background-image: url("/images/main/ico_inquiry.png"); }
#mSection4 .cont .contR .btnBox a.shop { color:#fff; background-color:#2431d8; background-image: url("/images/main/ico_shop.png"); }

@keyframes spin {
  0% { transform: rotate(0); }
  100% { transform: rotate(360deg); }
}



@media all and (max-width:1480px) {
  #mSection4 .cont .PRcenter ul li { height: 180px; }
  #mSection4 .cont .PRcenter ul li a p { margin-bottom: 1.5em; }
  #mSection4 .cont .PRcenter ul li a img { max-width: 60%; }

  #mSection4 .cont .contR > div { margin-left: 50px; }
  #mSection4 .cont .contR .notice { width: calc(60% - 50px); }
  #mSection4 .cont .contR .btnBox { width: calc(40% - 50px); }
  #mSection4 .cont .contR .btnBox a { padding: 4rem 3rem; }
}

@media all and (max-width:1280px) {
  #mSection4 .cont .PRcenter ul li { height: auto; }
  #mSection4 .cont .contR > div { margin-left: 30px; }
  #mSection4 .cont .contR .notice { width: calc(60% - 30px); }
  #mSection4 .cont .contR .btnBox { width: calc(40% - 30px); }

  #mSection4 .cont .contR .notice .bdList li { height: 100px; }
  #mSection4 .cont .contR .notice .bdList li a { padding: 2.5rem 2rem; }
  #mSection4 .cont .contR .notice .bdList li a p { font-size: 1.6rem; }
  #mSection4 .cont .contR .btnBox a { height: 160px; background-size: 45% auto; padding: 3rem 2rem;  }
  #mSection4 .cont .contR .btnBox a .more { margin-top: 4em; }
  #mSection4 .cont .contR .notice .bdList li a::after { right: 15px; bottom: 15px; }
}

@media all and (max-width:1080px) {
  #mSection4 .mtit p br { display: none; }
  #mSection4 .cont .PRcenter ul li a { padding: 2rem 1.5em 2.5rem; }
  #mSection4 .cont .PRcenter ul li a p { font-size: 1.5rem; margin-bottom: 1em; }

  #mSection4 .cont .contR { width: 62%;  }
  #mSection4 .cont .contR > div { margin-left: 20px; }
  #mSection4 .cont .contR .notice { width: calc(60% - 20px); }
  #mSection4 .cont .contR .btnBox { width: calc(40% - 20px); }

  #mSection4 .cont .contR .notice .bdList li { height: 90px; }
  #mSection4 .cont .contR .btnBox a { height: 145px; }
}


@media all and (max-width:976px) {
  #mSection4 .cont { display: block; }
  #mSection4 .cont > div { display: block; }
  #mSection4 .cont .contR { width: 100%; }
  #mSection4 .cont .contL { display: table; margin-bottom: 5%; }
  #mSection4 .cont .contL div,
  #mSection4 .cont .contL ul { display: table-cell;  }
  #mSection4 .cont .contL div { width: 40%; padding-right: 5%; vertical-align: top; }
  #mSection4 .cont .contL ul { width: 60%; margin-top:2%; vertical-align: bottom; }
  #mSection4 .cont .PRcenter ul li a { padding: 2.5rem 1em 3rem; }

  #mSection4 .cont .contR .notice { margin-left: 0; }
  #mSection4 .cont .contR .notice { width: 60%; }
  #mSection4 .cont .contR .notice h4 { margin-bottom: 0.5em; font-size: 2.6rem; }
  #mSection4 .cont .contR .btnBox { width: calc(40% - 20px); }
  #mSection4 .cont .contR .btnBox a { background-size: 40% auto; }
}


@media all and (max-width:767px) {
  #mSection4 .cont .contL { display: block; }
  #mSection4 .cont .contL div,
  #mSection4 .cont .contL ul { display: block; width: 100%;  }
  #mSection4 .cont .PRcenter ul li a img { max-width: 50%; }
}

@media all and (max-width:480px) {
  #mSection4 .fp-tableCell { vertical-align: top !important; padding: 80px 0 5%; }
    #mSection4 .mtit{margin-bottom: 1.5em;}
  #mSection4 .s-inner {  }
  #mSection4 .cont .PRcenter ul li { width: calc((100% - 10px) / 3); margin-left: 5px; }
  #mSection4 .cont .contR > div { display: block; width: 100% !important; }
  #mSection4 .cont .contR .notice .bdList li { margin-top: 5px; height: auto;  }
  #mSection4 .cont .contR .notice .bdList li a { padding: 1rem 2rem; }

  #mSection4 .cont .contR .btnBox { margin-left:0; margin-top: 15px; overflow: hidden; }
  #mSection4 .cont .contR .btnBox a { width: 50%; float: left; height: 100px;}
    #mSection4 .cont .contR .btnBox a .more{margin-top: 1.5em;}
  #mSection4 .cont .contR .notice .bdList li a::after { width: 18px; height: 18px; }
}


#mSection5::before,
#mSection5::after { content:''; width: 60%; height: 100%; position: absolute; background-size: 100% auto !important; }
#mSection5::before { background: url("/images/main/mSection5_lb.png") no-repeat left bottom; left:0; bottom:0; }
#mSection5::after { background: url("/images/main/mSection5_rt.png") no-repeat right top; right:0; top:0; }
#mSection5 ul { position: relative; overflow: hidden; z-index:10; }
#mSection5 ul li { float: left; width: calc((100% - 60px) / 4); margin-left: 20px; }
#mSection5 ul li:first-child { margin-left:0; }
#mSection5 ul li a { display: block; }
#mSection5 ul li a:hover .more::after { background: #0060ff; }
#mSection5 ul li img { max-width: 100%; }
#mSection5 ul li a:hover img { opacity: 0.9; }
#mSection5 ul li a .txt { padding: 2em 0; }
#mSection5 ul li a .txt h4,
#mSection5 ul li a .txt .more { display: inline-block; vertical-align: middle; }
#mSection5 ul li a .txt h4 { font-size: 2.2rem; color:#212121; font-weight: 600;}
#mSection5 ul li a .txt .more { margin-top:0; margin-left: 1.5em;  }


@media all and (max-width:1280px) {
  #mSection5 ul li a .txt h4 { display: block; }
  #mSection5 ul li a .txt .more { margin-left:0; margin-top: 1.5em; }
}

@media all and (max-width:976px) {
  #mSection5 .s-inner { padding: 5% 0; }
  #mSection5::before,
  #mSection5::after { width: 75%; }
  #mSection5 ul { max-width: 600px; margin: 0 auto; }
  #mSection5 ul li { width: calc((100% - 15px) / 2); margin-left: 15px; margin-bottom: 15px; }
  #mSection5 ul li:nth-child(odd) { margin-left:0; }
  #mSection5 ul li a .txt { padding: 1.5em 0; }
}



#mSection6 .s-inner > div { display: table-cell; vertical-align: bottom; width: 50%; }
#mSection6 .contL { padding-right: 5%; }
#mSection6 .contR { padding-left: 5%; }
#mSection6 .contL .add { padding-top: 10%; border-top: 1px solid rgba(255,255,255,0.1); }
#mSection6 .contL .add dl { display: table; table-layout: fixed; border: 1px solid rgba(255,255,255,0.2); width: 100%;  height: 90px;  }
#mSection6 .contL .add dl dt, #mSection6 .contL .add dl dd { display: table-cell; vertical-align: middle; }
#mSection6 .contL .add dl dt { font-size: 2rem; width: 22%; background: #fff; color:#1e2631; text-align: center; font-weight: 800;}
#mSection6 .contL .add dl dd { font-size: 1.8rem; padding: 0 3%;  }
#mSection6 .contL .add dl + dl { margin-top: 10px; }

#mSection6 .contR .api { border: 10px solid #fff; }

#mSection6 .root_daum_roughmap .wrap_map  { height: 480px !important; }
.wrap_controllers  { display: none; }
.map_border {  display: none; }



@media all and (max-width:1280px) {
  #mSection6 .contL { padding-right: 3%; }
  #mSection6 .contR { padding-left: 3%; }
  #mSection6 .root_daum_roughmap .wrap_map  { height: 35vw !important; }
}

@media all and (max-width:1080px) {
  #mSection6 .contL { padding-right: 0; }
  #mSection6 .contL .mtit .em { font-size: 2rem; }
}

@media all and (max-width:976px) {
  #mSection6 .s-inner { padding: 5% 0; }
  #mSection6 .s-inner > div { display: block; width: 100%; }
  #mSection6 .contR { padding-left: 0; padding-top: 3%;  }
  #mSection6 .contL .add { padding-top: 3%; }
  #mSection6 .contL .add dl  { height: auto; }
  #mSection6 .contL .add dl dt, #mSection6 .contL .add dl dd { padding: 1.2em 1.5em; }
  #mSection6 .root_daum_roughmap .wrap_map  { height: 40vw !important; }
}

@media all and (max-width:568px) {
    #mSection6 .mtit{margin-bottom: 1.5em;}
  #mSection6 .root_daum_roughmap .wrap_map  { height: 50vw !important; }
  #mSection6 .contL .add dl dt { width: 25%; padding: 1.2em 0; font-size: 1.7rem; }
  #mSection6 .contL .add dl dd { font-size: 1.6rem; }
  #mSection6 .contL .add dl + dl { margin-top: 5px; }

  #mSection6 .contR .api { border: 7px solid #fff; }
}



@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoExtraBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.ttf) format("truetype");
}


#rmSection1 .mvTxt{position: relative;}
#rmSection1 .mvTxt .t1 { font-size: 2rem; font-family: 'NanumSquareNeoExtraBold'; color: #2d88ff;}
#rmSection1 .mvTxt .t2 { font-size: 6rem; line-height: 1.1em; font-family: 'NanumSquareNeoExtraBold'; margin: 0.3em 0 0.6em; }
#rmSection1 .mvTxt .t3 {font-family: 'NanumSquareNeo'; font-size: 1.8rem; line-height: 1.8em; }
#rmSection1 img{position: absolute; right: 15%; top: 50%; transform: translateY(-50%);}

@media all and (max-width:1280px){
    #rmSection1 img{width: 250px;}
}
@media all and (max-width:1024px){

}
@media all and (max-width:976px) {
  #rmSection1 .mvTxt .t1 { font-size: 2.6rem; order: 1;}
  #rmSection1 .mvTxt .t2 { font-size: 5rem; order: 2;}
  #rmSection1 .mvTxt .t3 { font-size: 1.6rem; order: 3; }
  #rmSection1 .mvTxt{display: flex; flex-direction: column;}
  #rmSection1 img{order: 0; display:block; margin-bottom: 30px; position: static; transform: none; width: 150px;}
}

@media all and (max-width:767px) {
  #rmSection1 .mvTxt .t1 { font-size: 2.4rem; }
  #rmSection1 .mvTxt .t2 { font-size: 4.5rem; }
}

@media all and (max-width:480px) {
  #rmSection1 .mvTxt .t2 { font-size: 4rem; }
  #rmSection1 .mvTxt .t3 br { display: none; }
}




#rmSection2 .mvTxt{position: relative;}
#rmSection2 .mvTxt .t1 { font-size: 2.5rem; font-family: 'NanumSquareNeoExtraBold'; color: #fff;}
#rmSection2 .mvTxt .t2 { font-size: 4rem; line-height:1.65em ; font-family: 'NanumSquareNeoExtraBold'; color: #fff; margin: 1.5em 0 0;}
#rmSection2 img{position: absolute; right: 10%; top: 55%; transform: translateY(-50%);}

@media all and (max-width:1280px){
    #rmSection2 img{width: 250px;}
}
@media all and (max-width:1024px){

}
@media all and (max-width:976px) {
  #rmSection2 .mvTxt .t1 { font-size: 1.6rem; order: 1;}
  #rmSection2 .mvTxt .t2 { font-size: 2.6rem; order: 2;}
  #rmSection2 .mvTxt{display: flex; flex-direction: column;}
  #rmSection2 img{order: 0; display:block; margin-bottom: 30px; position: static; transform: none; width: 150px;}
}

@media all and (max-width:767px) {
  #rmSection2 .mvTxt .t1 { font-size: 2.4rem; }
}

@media all and (max-width:480px) {
}




#rmSection3 .mvTxt{position: relative; text-align: center;}
#rmSection3 .mvTxt .t1 {margin-top: 2em; font-size: 4.2rem; font-family: 'NanumSquareNeoExtraBold'; color: #fff; line-height: 1.9em;}
#rmSection3 .mvTxt .t2 { font-size: 2.6rem; line-height:1.65em ; font-family: 'NanumSquareNeo'; color: #fff; margin: 1.5em 0 0;}
#rmSection3 img{}

@media all and (max-width:1280px){
    #rmSection3 img{width: 250px;}
}
@media all and (max-width:1024px){

}
@media all and (max-width:976px) {
  #rmSection3 .mvTxt .t2 { font-size: 1.6rem;}
}

@media all and (max-width:767px) {
  #rmSection3 .mvTxt .t1 { font-size: 2.4rem; }
}

@media all and (max-width:480px) {
    #rmSection3 .mvTxt .t1 { font-size: 2.2rem; }
    #rmSection3 .mvTxt .t2 br {display: none;}
}