@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500&family=Roboto:wght@300;400&display=swap');

/*layout*/
.wrap {position: relative;  font-family: 'Noto Sans KR', sans-serif; letter-spacing: -1px;}

@keyframes fadeInUp {
  0% {
      opacity: 0;
      transform: translate3d(0, 50%, 0);
  }
  to {
      opacity: 1;
      transform: translateZ(0);
  }
}

/* mobile ver. */
@media all and (max-width:767px) {

  /*header*/
  header {position: fixed; width: 100%; top:0; left: 0;z-index: 9999; border-bottom: 1px solid rgba(255,255,255,0.1); transition: all 0.2s; box-shadow: 0px 6px 20px rgba(149, 149, 149, 0.15); }
  .headerWrap { width: 100%; margin: 0 auto;}
  .innerHeader {width: 100%; background: none; margin: 0 auto; box-sizing:border-box; height: 70px; overflow: hidden; transition: all 0.4s;}
  .innerHeader .gnbWrap {width: 100%; margin: 0 auto; height: 100%; ;}
  .innerHeader .gnb {display: none;}
  .innerHeader .logoImg {display: none;}
  .innerHeader .logo .eng-logo { display: none; }
  .gnbMomile {position: relative; width: 100%; height: 100%; display: flex;}
  .gnbMomile .logoMobile {width: 100%; height: 100%; margin: 0 auto; }
  .gnbMomile .logoMobileImg {width: 156px; height: 70px; margin: 0 auto; display: block; }
  .gnbMomile .hamburgerBtn {position: absolute; width: 20%; height: 100%; z-index: 100; right: 0; }
  .gnbMomile .hamburgerBtn span {position: absolute; width: 35px; height: 3px; right: 30%; margin-top: 25px; border-radius: 4px; background-color: #FFF; transition: transform .2s ease-in-out, opacity .2s ease-in-out;}
  .gnbMomile .hamburgerBtn span:nth-child(1) {top: 0px;}
  .gnbMomile .hamburgerBtn span:nth-child(2) {top: 13px;}
  .gnbMomile .hamburgerBtn span:nth-child(3) {top: 13px;}
  .gnbMomile .hamburgerBtn span:nth-child(4) {top: 26px;}
  .gnbMomile .hamburgerBtn.active span {background-color: #FFF;}
  .gnbMomile .hamburgerBtn.active span:nth-child(1) {opacity: 0;}
  .gnbMomile .hamburgerBtn.active span:nth-child(2) {transform: rotate(45deg);}
  .gnbMomile .hamburgerBtn.active span:nth-child(3) {transform: rotate(-45deg);}
  .gnbMomile .hamburgerBtn.active span:nth-child(4) {opacity: 0;}
  .gnbMomile .overlay {position: fixed; background: #000000; top: 0; left: 0; width: 100%; height: 0; opacity: 0; visibility: hidden; display: flex; align-items: center; transition: 0.3s;}
  .gnbMomile .overlay .overlayMenu { position: relative; width: 80%; height: 100%; background-color: #FFF; } 
  .gnbMomile .overlay .overlayMenuLogo{ position: relative; width: 100%; height: 35%; }
  .gnbMomile .overlay .overlayMenuLogoImg{ position: absolute; width: 166px; height: 74px; bottom: 0; margin-left: 3rem; padding-bottom: 80px;}
  .gnbMomile .overlay .overlayMenuInner { width: 100%; height: 65%; }
  .gnbMomile .overlay .overlayMenu li { width: 75%; color: #000 ; font-size: 17px; font-weight: 700; margin-bottom: 2.5rem; margin-left: 3rem; opacity: 0; border-bottom: 1px solid #F2F2F2;}
  .gnbMomile .overlay .overlayMenu li a {opacity: 0.75; transition: opacity 0.4s ease;}
  .gnbMomile .overlay .overlayMenu li a:hover{opacity: 1;}
  @keyframes fadeInLeft {
    0% { opacity: 0; transform: translate(-25%);}
    100% { opacity: 1; transform: translate(0);}
  }
  .gnbMomile .overlay.visible {height: 100%; opacity: 1; visibility: visible;}
  .gnbMomile .overlay.visible .overlayMenu li {animation: fadeInLeft 0.3s ease forwards;}
  .gnbMomile .overlay.visible .overlayMenu li:nth-child(1) {animation-delay: 0.23s;}
  .gnbMomile .overlay.visible .overlayMenu li:nth-child(2) {animation-delay: 0.26s;}
  .gnbMomile .overlay.visible .overlayMenu li:nth-child(3) {animation-delay: 0.29s;}
  .gnbMomile .overlay.visible .overlayMenu li:nth-child(4) {animation-delay: 0.32s;}
  .gnbMomile .overlay.visible .overlayMenu li:nth-child(5) {animation-delay: 0.35s;}

  .hd-eng { z-index: 9999; display: flex; position: absolute; top: 20px; right: 20px; }
  .hd-eng a { font-size: 20px; }
  .hd-eng p { font-size: 20px; }
  .ico_youtube_logo_m { width: 100px; }

  .fullPageWrap {position: relative;}
  .fullPageWrap .rightNav{ display: none;}
  
  #section1 { width: 100%; height: 100vh; overflow: hidden; display: flex; justify-content: center; align-items: center; background-color: #fff;}
  #section1 video { position: absolute; top: 0; left: 0; object-fit: cover; width: 100%; max-width: 100%; height: 100vh; pointer-events: none; object-fit: fill;}

  #section1 .bannerWrap {position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; z-index: 0; }
  #section1 .bannerWrap .bannerImg {position: absolute; width: 100%; height: 100%; transition: transform 1s cubic-bezier(0.85, 0, 0.25, 1); }
   
  #section1 .bannerWrap input {display: none;} 
  #section1 .bannerWrap #firstSlide {left: 0;}
  #section1 .bannerWrap #secondSlide {left: 100%;}
  #section1 .bannerWrap #thirdSlide {left: 200%;}
  #section1 .bannerWrap #slideRadio1:checked ~ .bannerImg{transform: translateX(0);}
  #section1 .bannerWrap #slideRadio2:checked ~ .bannerImg{transform: translateX(-100%);}
  #section1 .bannerWrap #slideRadio3:checked ~ .bannerImg{transform: translateX(-200%);}

  /* #section1 .bannerDtl {position: absolute; width: 100%; height: 320px; top: 55%; animation: fadeInUp 2s; transform: translate(0px,100px); transition: all 0.2s ease; opacity: 0; }
  #section1.active .bannerDtl  {opacity: 1; transform: translate(0px,0px); transition: all 1.6s ease-in-out;}  */

  #section1 .bannerDtl {position: absolute; width: 100%; height: 320px; top: 55%; }

  #section1 .baninnovation  { animation: fadeInUp 1s; transform: translate(0px,100px); transition: all 0.2s ease; opacity: 0; }
  #section1.active .baninnovation  { opacity: 1; transform: translate(0px,0px); transition: all 1s ease-in-out; }

  #section1 .bantitle  { animation: fadeInUp 1s; transform: translate(0px,100px); transition: all 0.2s ease; opacity: 0; }
  #section1.active .bantitle  { opacity: 1; transform: translate(0px,0px); transition: all 2s ease-in-out; }

  #section1 .bannerDtlInner {width: 90%; height: 100%; margin: 0 auto; }
  #section1 .baninnovation { width: 100%; height: 40px; font-weight: 400; font-size: 17px; letter-spacing: -0.05em; color: #FFFFFF; text-shadow:4px 4px 4px #000;}
  #section1 .bantitle { width: 100%; height: 210px; font-weight: 400;font-size: 25px;line-height: 1.3;letter-spacing: -0.1em; color: #FFFFFF; text-shadow:4px 4px 4px #000;}

  #section1 .banCmpny { font-size: 25px; font-weight: 700; text-shadow:3px 3px 3px #000; letter-spacing: -0.1em;  color: #F79A23;}
  #section1 .bansubtitle { display: none; }

  /* #section1 .pagenation {display: none;} */
  #section1 .bottomLogo { display: none; }

  #section1 .pagenation {position: absolute; width: 100%; height: 70px; text-align: center; bottom: 0; z-index: 9999; color: #6F6F6F; }

  #section1 .pagenation label {width: 52px; height: 9px; padding: 13px; opacity: 1; cursor: pointer; position: relative; transition: opacity 0.3s ease-in-out; margin-right: 30px; }
  #section1 .pagenation label:before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
  #section1 .pagenation label:after  {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
  #section1 .pagenation label:before {width: 52px; height: 9px; background: #AFAFAF;} 
  #section1 .pagenation label:after  {width: 52px; height: 9px; opacity: 0;} 
  
  #slideRadio1:checked ~ .pagenation label:nth-child(1):after {opacity: 1; background: #C7272F;}
  #slideRadio2:checked ~ .pagenation label:nth-child(2):after {opacity: 1; background: #C7272F;}
  #slideRadio3:checked ~ .pagenation label:nth-child(3):after {opacity: 1; background: #C7272F;}

  #section2 {width: 100%; height: 100vh; overflow: hidden; display: flex; justify-content: center; align-items: center; 
    background-image: url(../../img/secondPageBack.png); background-size: 100% 100%; 
  }

  .subTitle { width: 100%; height: 30%; transform: translate(0px,80px); transition: all 0.2s ease; opacity: 0; }
  .innerSub {  position: relative;  width: 100%; height: 100%;  margin: 0 auto; display: block; }
  .innerSubtextMobile { position: absolute; bottom: 0; width: 100%;  text-align: center; }

  .inTxt, .inBold, .inRed {
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: -0.1em;
    color: #333333;
  }
  .inBold, .inRed {
    font-weight: 600;
  }
  .inRed {
    color: #C7272F;
  }
  .indtl {
    display: none;
  }


  .innerSubtext {display: none;}

  #section2.active .subTitle,
  #section3.active .subTitle,
  #section4.active .subTitle,
  #section5.active .subTitle,
  #section6.active .subTitle,
  #section7.active .subTitle,
  #section8.active .subTitle  {opacity: 1; transform: translate(0px,0px); transition: all 1.6s ease-in-out;} 


  #section2 .subContents {width: 100%; height: 70%; transform: translate(0px,80px); transition: all 0.2s ease; opacity: 0; }

  #section2 .subContents ul {width: 90%; height: 100%; margin: 0 auto; padding-top: 30px; }

  #section2 .subContents ul li {width: 100%; height: 16%; margin-bottom: 5px; }


  #section2 .innerContents {width: 95%; height: 100%; margin: 0 auto; display: flex; padding-bottom: 8px; }

  #section2 .inImg {width: 30%; height: 100%;}

  #section2 .inImgPic {
    width: 100%;
    height: 100%;
     }

  #section2 .inexpln {width: 70%; margin: 0 auto; background-color: #FFFFFF;
    border-bottom: 2px solid #C7272F;}

  #section2 .inexplntitle p { 
    width: 95%;
    margin: 0 auto;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    line-height: 2;
    letter-spacing: -0.05em;
    color: #333333; 
  }


  #section2 .inexplnsub p {
    width: 95%;
    margin: 0 auto;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.2;
    /* or 18px */

    letter-spacing: -0.05em;

    color: #333333;
    padding-bottom: 10px;
  }


  #section2.active .subContents,
  #section3.active .subContents,
  #section4.active .subContents,
  #section5.active .subContents,
  #section6.active .subContents,
  #section7.active .subContents,
  #section8.active .subContents {opacity: 1; transform: translate(0px,0px); transition: all 1.6s ease-in-out;} 


  #section3 {width: 100%; height: 100vh; overflow: hidden; display: flex; justify-content: center; align-items: center; 
    background-image: url(../../img/thirdPageBack.png); background-size: 100% 100%; 
  }
  #section3 .subTitle { height: 37%; }
  #section3 .innerSubtextMobile { line-height: 1.7;}
  #section3 .inTxt {
    font-weight: 700;
    font-size: 23px;
    line-height: 3;
  }
  #section3 .indtl {
    font-weight: 400;
    font-size: 13px;
    display: block;
    letter-spacing: -0.03em;
    color: #333333;
  }


  #section3 .subContents .solutionpc {display: none;}
  #section3 .subContents { width: 100%; height: 63%; padding-top: 20px; transform: translate(0px,80px); transition: all 0.2s ease; opacity: 0;}

  #section3 .solutionmobile {width: 95%; height: 80%; margin: 0 auto; }
  #section3 .subContents ul {margin: 0 auto; display: flex; }

  #section3 .solutionmobile .solutiontop { width: 100%; height: 50%; }
  #section3 .solutionmobile .solutiontop li { width: 47%; margin: 0 auto; }
  #section3 .solutionmobile .solutiontop li:nth-child(1) { background-image: url(../../img/solutionmobile1.png); background-size: 100% 100%; }
  #section3 .solutionmobile .solutiontop li:nth-child(2) { background-image: url(../../img/solutionmobile2.png); background-size: 100% 100%; }
  #section3 .solutionmobile .solutionbottom li:nth-child(1) { background-image: url(../../img/solutionmobile3.png); background-size: 100% 100%; }

  #section3 .inbold{ font-weight: 700; color: #C7272F;}
  #section3 .solutionmobile .solutionbottom {height: 50%; padding-top: 10px;}
  #section3 .solutionmobile .solutionbottom li { width: 47%; margin: 0 auto; }

  #section3 .solutionmobile .inexpln .inexplntitle p {
    width: 95%;
    margin: 0 auto;
    font-weight: 700;
    font-size: 13px;
    line-height: 2;
    /* identical to box height, or 11px */

    text-align: center;
    letter-spacing: -0.12em;

    color: #F1F1F1;
  }

  #section3 .solutionmobile .inexpln .inexplnsub p {
    width: 95%;
    margin: 0 auto;
    font-weight: 400;
    font-size: 11px;
    line-height: 1.5;
    /* or 7px */
    
    text-align: center;
    letter-spacing: -0.08em;
    
    color: #F1F1F1;
  }

  #section3 .subContents ul li {width: 50%; height: 100%; text-align: center; }

  #section4 {width: 100%; height: 100vh; overflow: hidden; display: flex; justify-content: center; align-items: center; 
    background-image: url(../../img/fourthpageBack.png); background-size: 100% 100%; 
  }

  #section4 .subTitle { height: 25%; }


  #section4 .innerSubtextMobile { line-height: 1.6;}
  #section4 .inTxt, #section4 .indtl {color: #FFFFFF; }
  #section4 .innerSubtextMobile .indtl {display: block;}

  #section4 .inbold{ font-weight: 700; color: #C7272F;}
  #section4 .inTxt {

    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    /* or 18px */
    
    text-align: center;
    letter-spacing: -0.05em;
    
    color: #FFFFFF;
  }


  #section4 .indtl p {

    margin-top: 10px;

    font-weight: 400;
    font-size: 13px;
    line-height: 1.2;
    text-align: center;
    letter-spacing: -0.03em;

    
    color: #FFFFFF;
  }



  #section4 .subContents { padding-top: 20px; width: 100%; height: 74.5%; transform: translate(0px,80px); transition: all 0.2s ease; opacity: 0;}

  #section4 .solutionWrap { display: table; width: 95%; height: 90%; margin: 0 auto; background-color: none;}

  .solutionInner { width: 100%; height: 100%; 
   }
   .solutionCmpnyMobile {width: 85%; height: auto; margin: 0 auto; display: block; }
  #section4 .subContents .solutionCmpny {display: none;}
  #section4 .subContents .solutionCmpnytablet {display: none;}






  #section5 {width: 100%; height: 100vh; overflow: hidden; display: flex; justify-content: center; align-items: center; 
    background-image: url(../../img/fifthPageBack.png); background-size: 100% 100%; 
  }
  #section5 .subTitle { height: 28%; }


  #section5 .innerSubtextMobile { line-height: 1.6;}
  #section5 .innerSubtextMobile .indtl {display: block;}

  #section5 .inTxt {

    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    /* or 18px */
    
    text-align: center;
    letter-spacing: -0.05em;
    
  }


  #section5 .indtl p {

    margin-top: 10px;

    font-weight: 400;
    font-size: 13px;
    line-height: 1.2;
    text-align: center;
    letter-spacing: -0.03em;

  
  }

  /* .itempc {display: none;} */

  #section5 .subContents .itemWraptop .itemInner {
    width: 60%;
    margin: 0 auto;
    height: 85px;
    margin-top: 5px;
    border-radius: 20px;
    filter: drop-shadow(0px 8px 24px rgba(0, 0, 0, 0.25));
  }

  

  #section5 .subContents .itemWraptop li:nth-child(1) { background-image: url(../../img/itemBack1.png); background-size: 100% 100%; transition: all 0.3s ease-out;}
  #section5 .subContents .itemWraptop li:nth-child(2) { background-image: url(../../img/itemBack2.png); background-size: 100% 100%; transition: all 0.3s ease-out;}
  #section5 .subContents .itemWraptop li:nth-child(3) { background-image: url(../../img/itemBack3.png); background-size: 100% 100%; transition: all 0.3s ease-out;}
  #section5 .subContents .itemWraptop li:nth-child(4) { background-image: url(../../img/itemBack4.png); background-size: 100% 100%; transition: all 0.3s ease-out;}
  #section5 .subContents .itemWraptop li:nth-child(5) { background-image: url(../../img/itemBack5.png); background-size: 100% 100%; transition: all 0.3s ease-out;}

  #section5 .subContents .itemWraptop li:nth-child(1):hover { background-image: url(../../img/itemBackHover1.png); background-size: 100% 100%; border: 10px solid #fff; }
  #section5 .subContents .itemWraptop li:nth-child(2):hover { background-image: url(../../img/itemBackHover2.png); background-size: 100% 100%; border: 10px solid #fff }
  #section5 .subContents .itemWraptop li:nth-child(3):hover { background-image: url(../../img/itemBackHover3.png); background-size: 100% 100%; border: 10px solid #fff }
  #section5 .subContents .itemWraptop li:nth-child(4):hover { background-image: url(../../img/itemBackHover4.png); background-size: 100% 100%; border: 10px solid #fff }
  #section5 .subContents .itemWraptop li:nth-child(5):hover { background-image: url(../../img/itemBackHover5.png); background-size: 100% 100%; border: 10px solid #fff }


  #section5 .subContents { padding-top: 20px; width: 100%; height: 72%; transform: translate(0px,80px); transition: all 0.2s ease; opacity: 0;}
  

  #section5 .itempc {width: 100%; height: 80%;}
  #section5 .itemWraptop {  width: 95%; margin: 0 auto; border-radius: 5px;}


  #section5 .itemWrapmid { display: flex; width: 90%; height: 30%; margin: 0 auto;  border-radius: 5px;}
  #section5 .itemWrapbottom { display: flex; width: 90%; height: 30%; margin: 0 auto;  border-radius: 5px;}

  #section5 .itemInner { display: table; cursor: pointer; width: 47.9999%; height: 95%; margin: 0 auto; padding-top: 0px; }
  #section5 .itemInner a {width: 100%; height: 50%; 
    display: table-cell; vertical-align: middle; }
  #section5 .itemInner a p {text-align: center;
      font-weight: 700;
      font-size: 20px;
      line-height: 100%;
      /* identical to box height, or 35px */
      
      letter-spacing: -0.05em;
      
      color: #FFFFFF;
  }
  
  #section5 .subContents .itemWraptop li:nth-child(1) { background-image: url(../../img/itemBack1.png); background-size: 100% 100%; transition: all 0.3s ease-out;}
  #section5 .subContents .itemWraptop li:nth-child(2) { background-image: url(../../img/itemBack2.png); background-size: 100% 100%; transition: all 0.3s ease-out;}
  #section5 .subContents .itemWrapmid li:nth-child(1) { background-image: url(../../img/itemBack3.png); background-size: 100% 100%; transition: all 0.3s ease-out;}

  #section5 .subContents .itemWraptop li:nth-child(1):hover { background-image: url(../../img/itemBackHover1.png); background-size: 100% 100%; }
  #section5 .subContents .itemWraptop li:nth-child(2):hover { background-image: url(../../img/itemBackHover2.png); background-size: 100% 100%; }
  #section5 .subContents .itemWrapmid li:nth-child(1):hover { background-image: url(../../img/itemBackHover3.png); background-size: 100% 100%; }

  #section5 .subContents .itemWrapmid li:nth-child(2) { background-image: url(../../img/itemBack4.png); background-size: 100% 100%; transition: all 0.3s ease-out;}
  #section5 .subContents .itemWrapbottom li:nth-child(1) { background-image: url(../../img/itemBack5.png); background-size: 100% 100%; transition: all 0.3s ease-out;}
  #section5 .subContents .itemWrapbottom li:nth-child(2) { background-image: url(../../img/itemBack6.png); background-size: 100% 100%; transition: all 0.3s ease-out;}

  #section5 .subContents .itemWrapmid li:nth-child(2):hover { background-image: url(../../img/itemBackHover4.png); background-size: 100% 100%; }
  #section5 .subContents .itemWrapbottom li:nth-child(1):hover { background-image: url(../../img/itemBackHover5.png); background-size: 100% 100%; }
  #section5 .subContents .itemWrapbottom li:nth-child(2):hover { background-image: url(../../img/itemBackHover6.png); background-size: 100% 100%; }







  #section6 {width: 100%; height: 100vh; overflow: hidden; display: flex; justify-content: center; align-items: center; 
    background-image: url(../../img/sixthBackImg.png); background-size: 100% 100%; 
  }


  #section6 .subTitle { height: 38%; }
  #section6 .innerSubtextMobile { line-height: 1.6;}
  #section6 .innerSubtextMobile .indtl {display: block;}

  #section6 .inTxt {

    font-weight: 800;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    letter-spacing: -0.08em;
    
  }


  #section6 .indtl p {

    margin-top: 20px;

    font-weight: 400;
    font-size: 13px;
    line-height: 1.;
    text-align: center;
    letter-spacing: -0.03em;

  
  }







  #section7 {width: 100%; height: 100vh; overflow: hidden; display: flex; justify-content: center; align-items: center; 
    background-image: url(../../img/seventhBackImg.png); background-size: 100% 50%; background-repeat: no-repeat; background-color: #F1F1F1;
  }
  #section7 .subTitle { height: 25%; }
  #section7 .innerSubtextMobile { line-height: 1.7;}
  #section7 .inTxt {
    font-weight: 700;
    font-size: 23px;
    line-height: 3;
    color: #FFF;
  }

  #section7 .subContents .solutionpc {display: none;}
  #section7 .subContents { width: 100%; height: 75%; padding-top: 20px; transform: translate(0px,80px); transition: all 0.2s ease; opacity: 0;}

  #section7 .solutionmobile {width: 95%; height: 75%; margin: 0 auto; }
  #section7 .subContents ul {margin: 0 auto; display: flex; }

  #section7 .solutionmobile .solutiontop { width: 100%; height: 50%; }
  #section7 .solutionmobile .solutiontop li { position: relative;  width: 47%; margin: 0 auto; background-color: #FFFFFF; border-radius: 10px; }


  #section7 .inImg {width: 90%; margin: 0 auto; padding-top: 5%;
  }


  #section7 .solutionmobile .solutionbottom {height: 50%; padding-top: 10px;}
  #section7 .solutionmobile .solutionbottom li { position: relative; width: 47%; margin: 0 auto; background-color: #FFFFFF; border-radius: 10px; }

  #section7 .solutionmobile .inexpln .inexplntitle p {
    width: 90%;
    margin: 0 auto;
    font-weight: 500;
    font-size: 10px;
    line-height: 2;
    letter-spacing: -0.02em;
    border-bottom: none;
    text-align: left;

    color: #000;
  }

  #section7 .solutionmobile .inexpln .inexplnsub p {
    width: 90%;
    margin: 0 auto;
    font-weight: 700;
    font-size: 11px;
    line-height: 1.5;
    text-align: left;
    letter-spacing: -0.08em;
    
    color: #000;
  }

  #section7 .subContents ul li {width: 50%; height: 100%; text-align: center; }

  .moredtl {
    width: 80%;
    margin: 0 auto;
  }

  .moredtl p {
    position: absolute;
    width: 80%;
    margin: 0 auto;
    text-align: right;
    bottom: 4%;

    font-size: 10px;
    line-height: 100%;
    /* identical to box height, or 18px */

    letter-spacing: -0.05em;

    color: #D43A21;

  }
  .moreArrow {
    padding-left: 5px;
    width: 15px;
    height: 4px;
  }

  .btnWrap{width: 100%;  padding-top: 25px;}
  .btnInner {width: 80%; margin: 0 auto; }
  .morebtn { margin: 0 auto; display: block; width: 159px;
    height: 30.46px;
    background: #D43A21;
    border-radius: 10px; cursor: pointer; border: none; color: #FFFFFF; font-size: 12px; }





    #section8 {width: 100%; height: 100vh; overflow: hidden; display: flex; justify-content: center; align-items: center; 
      background-image: url(../../img/footerBackImg.png); background-size: 100% 70%; background-repeat: no-repeat;  background-color: #F8F8F8;
    }



    #section8 .subTitle { height: 50%; }
    #section8 .innerSubtextMobile { line-height: 1.6;}
    #section8 .innerSubtextMobile .indtl {display: block; }
  
    #section8 .inTxt {
  
      font-weight: 500;
      font-size: 18px;
      line-height: 100%;
      /* or 18px */
      
      text-align: center;
      letter-spacing: -0.05em;
      color: #fff;
      
    }

    #section8 .inBoldR {
      font-weight: 700;
      font-size: 20px;
      color: #C7272F;
    }
  
  
    #section8 .indtl p {
  
      margin-top: 10px;
  
      font-weight: 400;
      font-size: 13px;
      line-height: 1.5;
      text-align: center;
      letter-spacing: -0.03em;
      color: #fff;
  
    
    }
  
  #section8 .subContents {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30%;
  }

  .footerlogo {
    width: 90%;
    height: 20%;
    margin: 0 auto;
  }

  .footerLogoImg {
    width: 89px;
    height: 45px;
  }

  .footercmpnyinner {
    width: 100%;
    height: 100%;
  }

  .footercmpny {
    width: 90%;
    height: 100%;
    line-height: 1.5;
    margin: 0 auto;
  }

  .footercmpny .footerinner .cmpnyexpln li {
    width: 100%;
    height: 60%;
    padding-top: 0px;
  }

  .footercmpny .footerinner .innercmpnyInfrm {
    width: 100%;
  }
  .footercmpny .footerinner .innercmpnyInfrm li {
    height: 60%;
    padding-top: 0px;
    padding-right: 15px;
  }

  .footercmpny .footerinner ul li p {
    font-size: 10px;  }

  
  /* .footerinner {
    width: 100%;
    height: 60%;
    background-color: thistle;
  } */


  /* .footercmpny ul {
    width: 100%;
    height: 15%;
    float: left;

  } */
/* .footercmpny ul li {
    margin-top: 0px;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    color: #333333;

    background-color: beige;
  }

  .footercmpny .innercmpnyInfrm {
    width: 100%;
    display: flex;
  }
  .footercmpny .innercmpnyInfrm li {
    padding-right: 40px;
  } */
  .copyright p {
    font-weight: 600;
  }


  #section6 .moredtl {

    width: 100%;
    height: 20px;
    padding-top: 5px;
  }

  #section6 .moredtl p {
    width: 100%;
    height: 20px;
    cursor: pointer;
  }

  .grayColor {
    font-size: 8px;
    color: #9E9E9E;
  }

  
  .footer1 {
    display: flex;
  }

}