@charset "UTF-8";



/* layout */
#product, #construction, #company, #technicaldata {
    max-width: 1350px;
    margin: 0 auto;
}






/* header */
#header {
    position:absolute;
    top: 0;
    z-index: 5;
    margin: 0 auto;
    width: 100%;
    background: rgba(0,45,87,0);
    /*background: url(/base/img/imgs/main/nav_bg.gif) center no-repeat;*/
    height: 111px;
    overflow: hidden;
    transition: all 0.1s ease;
    }




.header__unline {
    position: relative;
    top: 110px;
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.7);
}





.header__menu {
    text-align: right;
    padding-top: 15px;
    padding-right: 5%;
}




.header__menu__max1250 {
    display: none;
}




.header__menu span:first-child {
    margin-right: 12px;  
}




.header__menu span a{
    color: white;
}




.header__navwrap {
    display: flex;
    justify-content: flex-end;
    padding-top: 10px;
}




.header__logo {
    width: 15%;
    padding-left: 5%;
}




.header__logo a {
    background: url(/base/img/imgs/main/logo.png) no-repeat;
    background-size: 100% ;
    width: 180px;
    height: 40px;
    text-indent: -9999em;
    display: block;
}




.header__nav {
    width: 70.2%;
    position: relative;
    margin-top: 7px;
    
}




.header__nav > ul {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 50px;
}




.header__nav ul a {
    color: var(--color-white);
}




.header__navline {
    position: relative;
    height: 130px;
    top: 90px;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.3);
}




.header__nav > ul > li  {
    font-size: 16px;
    font-weight: var(--weight-regular);
    text-align: center;
    padding: 0 20px;
}




.header__nav > ul > li a:hover {
    color: var(--color-light-blue);
    transition: 0.1s ease-in-out;
}




.header__nav > ul > li > ul {
    margin-top: 80px;
    font-size: 16px;
    font-weight: var(--weight-regular);
}




.header__nav > ul > li > ul > li  {
    margin-bottom: 14px;
}




.header__ui {
    display: flex;
    justify-content: center;
    width: 12%;
    margin-top: 5px;
    text-align: right;
    padding-right: 6%;
}




.header__ui a {
    font-size: var(--font-regular);
    color: var(--color-white);
}




.header__copy {
    position: absolute;
    font-weight: var(--weight-bold);
    top: 95px;
    left: -16%;
    padding-right: 5%;
    padding-bottom: 5%;
    }




.header__copy div {
    height: 30px;
    color: var(--color-white);
    font-size: 22px;
}




.header__copy div em {
    color: var(--color-blue);
}
.header__copy div span {
    color: var(--color-light-blue);
    font-weight: var(--weight-semi-bold);
}




.header__copy a {
    margin-top: 40px;
    display: inline-block;
    color: var(--color-white);
    font-size: var(--font-micro);
    font-weight: 300;
}





/* swiper styles */




html,
      body {
        position: relative;
        height: 90%;
      }




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




      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;




        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }




      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        
      }




      .swiper {
        margin-left: auto;
        margin-right: auto;
      }




      .slide-content {
          position: absolute;
          width: 100%;
          top: 50%; left: 50%; transform: translate(-50%, -50%);
          padding: 1% 0;
      }




      .slide-content h1 {
        color: var(--color-white);
          font-size: 3vw;
          font-weight: 700;
          line-height: 120%;
          letter-spacing: -1px;
      }




      .slide-content p {
        color: var(--color-white);
          font-size: 16px;
          font-weight: 400;
      }
      
.slide-content.text-blk h1, .slide-content.text-blk p{
color: var(--color-black);


}




/* subject */
.subject {
    margin-top: 6%;
    margin-bottom: 2%;
}





.subject h1 {
    text-align: center;
    font-size: 1.3vw;
    font-weight: var(--weight-semi-bold);
    letter-spacing: -1px;
    color: var(--color-light-blue);
}





.subject h3 {
    text-align: center;
    font-size: 2vw;
    font-weight: var(--weight-semi-bold);
    color: rgb(39, 39, 39);
    line-height: 2.2vw;
    letter-spacing: -1px;
}




/* animate */




.animate {
    animation: fadeIn 1.2s forwards ease-in;
    transition: margin 0.8s ease-in ;
    }





@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}






/* product */





.product__wrap {
    position: relative;
}




.product__imgs {
    position: relative;
    width: 80%;
    margin-left: 10%;
}




.product__bg {
    opacity: 0;
}




.product__img img {
    position: absolute;
    left: 0; top: 0;
    width: 100%;
}




.product__img:nth-child(1){z-index: 4;}
.product__img:nth-child(2){z-index: 3;}
.product__img:nth-child(3){z-index: 2;}
.product__img:nth-child(4){z-index: 1;}






.product__discription {
    position: absolute;
    top: 0;
    left: 5%;
    font-size: 4vw;
    line-height: 100%;
    font-weight: var(--weight-extra);
    color: #002d57; 
    margin-top:8%;
}




.product__discription span {
    letter-spacing: -1px;
}





.product__discription span:nth-child(2) {
    color: var(--color-blue);    
}




.product__discription__ko {
    font-size: 2vw;
    color: black;
    font-weight: 600;
    display: block;
}




.product__discription860 {
    display: none;
}




#product .more__btn {
    position: absolute;
    top: 75%;
    left: 0;
    margin-left: 5%;
}




#product .more__btn .fa-circle-chevron-right {
    color: #ffc400;
}





/* morebtn */
.more__btn span {
    font-size: 18px;
    color: #8d8d8d;
    font-weight: 400;
}




.more__btn .fa-circle {
    display: inline-block;
    font-size: 5px;
    padding-left: 2px;
    padding-bottom: 3px;
    color: #dbdbdb;
}




.more__btn .orange {
    color: var(--color-orange);
}




.fa-circle-chevron-right {
    
    color: #dbdbdb;
}




/* construction */




#construction .container {
    position: relative;
    display: flex;
    width: 100%;
    box-sizing: border-box;
    height: 70vh;
    max-height: 600px;
    overflow: hidden;




  }
  
  .box {
    flex: 1;
    overflow: hidden;
    transition: 1s;
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
    line-height: 0;
  }
  
  .box > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    transition: .5s;
  }
  
  .box > span {
    position: absolute;
    padding-left: 2%;    bottom: 0;
    font-size: 20px;
    font-weight: 500;
    display: block;
    line-height: 22px;
    color: var(--color-white);
    width: 100%;
    background: rgba(0,0,0,0.3);
    padding-bottom: 1%;
  }



  .box > span a {
    color: var(--color-white);
}



  .box > span > em {
      font-size: 12px;
      font-weight: 200;
      letter-spacing: 0.5px;
  }
  
  .box:hover {
    flex: 1 1 40%;
  }
  
  .box:hover > img {
    width: 100%;
    height: 100%;
  }




  .c01 {
    margin-top: 0;
   }
  .c02 {
    margin-top: 0;
    }
    .c03 {
    margin-top: 0;
    }
    .c04 {
    margin-top: 0;
    }






/* mobile construction */




#mconstruction {
    display: none;
}






.mconstruction__content {
    position: relative;
    margin-left: 0;
  padding-bottom: 2%;
}





.mconstruction__content:nth-child(2) {
    display: flex;
    justify-content: right;
}




.mconstruction__content a {
    display: block;
}




.mconstruction__img {
    width: 90%;
}




.mconstruction__img02 {
    width: 90%;    
}




.mconstruction__content__sub {
    position: absolute;
    background-color: var(--color-dark-blue);
    color: var(--color-white);
    padding: 0.3% 2% 0.6% 2%;
    text-transform: uppercase;
    bottom: 5%;
    right: 0;
    font-size: 3vw;
}




.mconstruction__content__sub02 {
    position: absolute;
    background-color: var(--color-dark-blue);
    color: var(--color-white);
    padding: 0.3% 2% 0.6% 2%;
    text-transform: uppercase;
    bottom: 5%;
    left: 0;
    font-size: 3vw;
}







/* company */




.company__wrap {
    position: relative;
    background: linear-gradient(70deg, #004d94, #81c2ff);
    margin-top: 0;



}





.company__flex {
    width: 100%;
    display: flex;



justify-content: right;
    padding-top: 8%;
    padding-bottom: 8%;




}
.company__content {
    margin-right: 7%;
}





.company__content h1 {
    font-size: 6vw;
    color: rgba(255,255,255,0.5);
    font-weight: 700;
}




.company__content h2 {
    font-size: 2vw;
    color: var(--color-white);
    line-height: 2.5vw;
}




.company__content p {
    margin-top: 4%;
    color: var(--color-white);
    font-size: 1vw;
    font-weight: 300;
    opacity: 0.7;
}




.company__img > div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 25%;
    width: 50%;
}
.company__img1 {
    width: 100%;
}




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




@keyframes rotate2 {
    100% {
        transform: rotate(-360deg);
    }
}
.company__img2 {
    width: 48%;
    animation: rotate2 10s linear infinite; 
    transform-origin: 50% 50%;
    margin-left: 25.5%;
}




.company__img3 {
    width: 50%;
    animation: rotate 10s linear infinite; 
    transform-origin: 50% 50%;
    margin-left: 25%;
}




#company .more__btn {
    margin-top: 2%;
    color: var(--color-white);
}




#company .more__btn span {
    color: var(--color-white);
}




#company .more__btn .white {
    color: var(--color-white);
}





/* mcompany */




#mcompany {
    display: none;
    margin-top: 10%;
}





.mcompany__wrap {
    margin-top: 0;
    margin-left: 6%;
}






.mcompany__content h1 {
    font-weight: var(--weight-extra);
    color: transparent; /* ±ÛÀÚ»öÀ» Åõ¸íÇÏ°Ô Ã³¸® */
  -webkit-text-fill-color: transparent;
  background-clip: text; /* ±ÛÀÚ¿¡ ¹è°æÀ̹ÌÁö¸¦ ³Ö±â */
  -webkit-background-clip: text;
  background-image: url(/base/img/imgs/main/mcompany_bg.png); 
  background-size: 100%;
  background-position: left top; 
  background-repeat: no-repeat;
 font-size:13.4vw;
}




.mcompany__content h2 {
    font-size: 4vw;
    line-height: 5vw;
    font-weight: var(--weight-bold);
    margin-bottom: 2%;
}




.mcompany__content p {
    font-size: 2vw;
    margin-top: 2%;
    color: var(--color-dark-grey);
}




.mcompany__line {
    width: 90%;
    height: 3px;
    margin: 0 auto;
    background-color: #002d57;
    margin-top: 10%;
}






/* technicaldata */
.technicaldata__warp {
    padding-top: 115px;
    display: flex;
    justify-content: center;
}




.technicaldata__content {
    padding: 1% 2% 1%  3%;
    width: 26%;
    border-right: 1px solid #c3c3c3;
}




.technicaldata__content:last-child {
    border-right: 0;
}




.technicaldata__content .bm {
    width: 124px;
    height: 24px;
    background-color: var(--color-blue);
    color: var(--color-white);
    font-size: var(--font-micro);
    font-weight: 300;
}




.technicaldata__content .bm p {
    text-align: center;
    padding-top: 2px;
}




.technicaldata__content h3 {
    font-size: 21px;
    font-weight: var(--weight-regular);
    margin-top: 19px;
    margin-bottom: 38px;
    line-height: 1.3em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
}




.technicaldata__content h3 a {
    color: var(--color-dark-grey);
}




.technicaldata__date {
    color: var(--color-light-grey);
    font-size: 14px;
}





.technicaldata__content .kmore__btn {
    margin-top: 35px;
    letter-spacing: -1px;
    font-size: var(--font-regular);
    font-weight: var(--weight-regular);
}




.technicaldata__content .kmore__btn a {
    color: var(--color-dark-grey);
}




.technicaldata__content .kmore__btn .fa-circle-chevron-right {
    color: var(--color-light-blue);
}




/* mobile technicaldata */




#mtechnicaldata {
    display: none;
    margin-top: 10%;
}




.mtechnicaldata__warp {
    display: flex;
}




.mtechnicaldata__subject {
    width: 30%;
    padding-left: 6%;
    margin-bottom: 5%;
}




.mtechnicaldata__subject h1 {
    font-size: 4vw;
    font-weight: 800;
    line-height: 4.4vw;
    color: var(--color-dark-blue);
}




.mtechnicaldata__subject h1 em {
    color: var(--color-blue);
}




#mtechnicaldata .more__btn {
    margin-top: 14%;
}




.mtechnicaldata__contents {
    width: 70%;
    padding-left: 3%;
    padding-right: 6%;
    font-size: 16px;
    line-height: 22px;
}




.mtechnicaldata__content {
    margin-top: 20px;
    display: flex;
    justify-content: start;
}



.mtechnicaldata__content .sub {
    display: block;
    width: 150px;
    padding-top: 14px;
    text-align: center;
    color: var(--color-light-blue);
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
}




.mtechnicaldata__line {
display: block;
height: 1px;
background-color: #dbdbdb;
margin-top: 3px;
}





/* footer */
.footer__warp {
    padding: 2% 8% 1% 5%;
    background-color: var(--color-dark-blue);
    margin-top: 100px;
    display: flex;
    justify-content:space-around;
    font-size: 1.3vw;    
    color: var(--color-white);
}





.footer__left span{
    color: var(--color-light-blue);
    font-weight: var(--weight-bold);
}




.footer__left p{
    margin-top: 15px;
    margin-bottom: 50px;
}





.footer__customer {
    color: var(--color-light-blue);
    font-weight: var(--weight-bold);
    margin-bottom: 15px;
    display: inline-block;
}




.footer__num {
    display: flex;
}





.footer__email {
    display: flex;
}




.footer__infobtn {
    display: flex;
    margin-top: 40px;
    font-size: var(--font-micro);
}




.footer__infobtn div {
    width: 120px;
    height: 26px;
    margin-left: 7px;
    background-color: #083660;
    font-weight: var(--weight-regular);    
    text-align: center;
    line-height: 26px;
    
}




.footer__infobtn div a {
    color: var(--color-white);
}





.footer__infobtn div:first-child {
    background-color: var(--color-white);
}




.footer__infobtn div:first-child a {
    color: #083660;;
}





.footer__copy {
    margin-top: 10px;
    font-size: 12px;
    color: var(--color-light-grey);
    font-weight: 300;
}




/* footer1250*/
#footer1250 {
    display: none;
    margin-top: 60px;
}




.footer1250__warp {
    background-color: var(--color-dark-blue);
    padding-top: 4%;
    padding-bottom: 4%;
    color: var(--color-white);
}
.footer1250__info {
    text-align: center;
    font-size: 16px;
    line-height: 180%;
}




.footer1250__info p br {
    display: none;
}




.footer1250__info em {
    font-weight: 400;
    color: var(--color-light-blue);
}




.footer1250__infobtn {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    font-size: var(--font-micro);
}




.footer1250__infobtn div {
    width: 120px;
    height: 26px;
    margin-left: 7px;
    background-color: #083660;
    font-weight: var(--weight-regular);    
    text-align: center;
    line-height: 26px;
    
}




.footer1250__infobtn div a {
    color: var(--color-white);
}





.footer1250__infobtn div:first-child {
    background-color: var(--color-white);
}




.footer1250__infobtn div:first-child a {
    color: #083660;;
}





.footer1250__copy {
    margin-top: 10px;
    font-size: 12px;
    color: var(--color-light-grey);
    font-weight: 300;
    text-align: center;
}







/* ¾ÆÄÚµð¾ð¸Þ´º 1024 */
.accodion {display: none;}





.accodion__top {
  position: relative;
    height: 96px;
    background-color: var(--color-blue);
    padding: 23px 30px 23px 30px;
    display: flex;
    justify-content:space-between;
}




.accodion__top h2 {
    padding-top: 5px;
}




.accodion__right {
    line-height: 50px;
    color: var(--color-white);
}




.accodion__right div {
    margin-right: 70px;
    font-size: 14px;
}






.accodion__en a {
    color: var(--color-white);
}




.accodion__en .fa-caret-right {
    font-size: 10px;
    padding-right: 5px;
    margin-bottom: 1px;
}






.panel-question {
  background-color: rgb(233, 233, 233);
}




.panel-heading {
  font-weight: 500;
  padding-left: 35px;
  background-color: rgb(255, 255, 255);
  color: #494949;
  font-size: 22px;
  cursor: pointer;
  height: 80px;
  line-height: 80px;
  border-bottom: 1px solid rgb(216, 216, 216);
  letter-spacing: -1px;
}




.panel-body {
  padding: 25px 0 25px 50px;
  font-size: 17px;
  line-height: 40px;
  letter-spacing: -1px;
}




.panel-body li a {
  color: #494949;
}




#btn-collapse {
  position: absolute;
  top: 33px;
  right: 150px;
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
  padding: 5px;
  float: right;
}









/* hamburger button */




.hamburger__button {
    position: absolute;
    transition: 0.3s ease-in-out;
    width: 24px;
    height: 16px;
    z-index: 999;
    top: 55px;
    right: 5%;
}




.hamburger__button a {
    width: 100%;
    height: 100%;
}




.hamburger__button span {
    position: absolute;
    height: 4px;
    border-radius: 4px;
    width: 100%;
    background: var(--color-white);
    top: 0; 
    transition: 0.2s;
}




.hamburger__button span:nth-child(1) {
    top: 0;
}




.hamburger__button span:nth-child(2), 
.hamburger__button span:nth-child(3) {
    top: 8px;
}




.hamburger__button span:nth-child(4) {
    top: 16px;
}




.hamburger__button.active {
    position: fixed;
}
.hamburger__button.active span:nth-child(1), 
.hamburger__button.active span:nth-child(4) {
    opacity: 0;
}




.hamburger__button.active span:nth-child(2) {
    transform: scale(2) rotate(45deg);
}




.hamburger__button.active span:nth-child(3) {
    transform: scale(2) rotate(-45deg);
}










/* hamburger nav */




@keyframes fadeInLeft {
    0% {opacity: 0; transform: translateX(-25%);}
    100% {opacity: 1; transform: translateX(0%);}
}
.hamburger__nav {
    position: fixed;
    background-color: var(--color-light-blue);
    width: 100%;
    height: 0;
    z-index: 99;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}




.hamburger__nav h1 {
    color: var(--color-white);
    font-size: 3.6vw;
    margin-top: 20vh;
    text-align: center;
    line-height: 3.3vw;
    font-weight: 200;
    font-family: 'Roboto', sans-serif;
    opacity: 1;
    text-transform: uppercase;
}




.hamburger__nav p {
    color: var(--color-white);
    font-size: 0.7vw;




    text-align: center;
    line-height: 1vw;
    font-weight: 200;
    opacity: 0.8;
}




.hamburger__nav span {
    width: 85%;
    height: 1px;
    background-color: var(--color-white);
    display: block;
    margin: 2% auto 0 auto;
}





.hamburger__nav.visible{
    height: 100%;
    opacity: 1;
    visibility: visible;
}




.hamburger__nav__wrap > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    
}




.hamburger__nav__wrap .hamburger__nav__list {
    text-align: center;
    opacity: 0;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 4vh;
}




.hamburger__nav.visible .hamburger__nav__list{
    animation: fadeInLeft 0.3s ease forwards;
}




.hamburger__nav.visible .hamburger__nav__list:nth-child(1){
    animation-delay: 0.2s;
}
.hamburger__nav.visible .hamburger__nav__list:nth-child(2){
    animation-delay: 0.23s;
}
.hamburger__nav.visible .hamburger__nav__list:nth-child(3){
    animation-delay: 0.26s;
}
.hamburger__nav.visible .hamburger__nav__list:nth-child(4){
    animation-delay: 0.29s;
}
.hamburger__nav.visible .hamburger__nav__list:nth-child(5){
    animation-delay: 0.32s;
}
.hamburger__nav.visible .hamburger__nav__list:nth-child(6){
    animation-delay: 0.35s;
}




.hamburger__nav__wrap .hamburger__nav__list>a {
    color: var(--color-white);
    font-size: 2vw;
    font-weight: 700;
} 




.hamburger__nav__wrap .hamburger__nav__list > ul {
    margin-top: 20px;
} 




.hamburger__nav__wrap .hamburger__nav__list > ul > li {
    padding-top: 15px;
} 




.hamburger__nav__wrap .hamburger__nav__list > ul > li a {
    color: var(--color-white);
    font-weight: 500;
    font-size: 1.3vw;
    opacity: 0.8;
} 























/* È­¸é³Êºñ 0~1480px */
@media (max-width: 1480px){




    /* header */
    .header__nav > ul > li  {
        font-size: 16px;
        padding: 0 2%;
    }
    .header__ui  {
        padding-right: 7%;
    }
    .header__ui a {
        font-size: 16px;
    }




     /* company */
    .company__content p {
        font-size: 1.1vw;
    }




    /* footer */
    .footer__warp {
        margin-top: 80px;
        display: flex;
        justify-content:space-around;
        font-size: 1.4vw;    
        color: var(--color-white);
    }
    
    
    .footer__left span{
        color: var(--color-light-blue);
        font-weight: var(--weight-bold);
    }
    
    .footer__left p{
        margin-top: 5px;
        margin-bottom: 30px;
    }




    .footer__customer {
        margin-bottom: 5px;
    }




    .footer__email {
        line-height: 1.7vw;
    }




    .footer__infobtn a {
        font-size: 11px;
    }
    
    .footer__infobtn div {
        width: 100px;
        height: 22px;
        margin-left: 5px;
        line-height: 22px;
        
    }
}






/* È­¸é³Êºñ 0~1480px */
@media (max-width: 1480px){



    /* header */
    #header {
        height: 90px;
        }
    
    
    .header__menu__max1250 {
            display: none;
    }
        
    .header__navwrap {
        justify-content: flex-start;
        padding-top: 0;
    }
    
    .header__logo {
        width: auto;
        padding-top: 30px;
        left: 5%;
    }
    
    .header__nav {
        display: none;
    }
    
    .header__unline {
        position: relative;
        top: 90px;
        width: 100%;
        height: 1px;
        background-color: rgba(255, 255, 255, 0.7);
    }
    
    
    .header__ui {
        display: none;
    }
    
    
    
    /* Çܹö°Å¸Þ´º */
    .hamburger__nav {background-color: var(--color-white);}
    .hamburger__nav1024 {display: none;}
    
    
    /* ¾ÆÄÚµð¾ð¸Þ´º 1024 */
    .accodion {display: block;}
    
    
    /* hamburger button */
    .hamburger__button {
        top: 38px;
        right: 38px;
    }
    
    
    
    .hamburger__button.active span:nth-child(2) {
        transform: scale(1) rotate(45deg);
    }
    
    
    
    .hamburger__button.active span:nth-child(3) {
        transform: scale(1) rotate(-45deg);
    }
    
    }




/* È­¸é³Êºñ 0~1450px */
@media (max-width: 1450px){


.header__menu {
    display: none;
}


.header__nav > ul > li  {
    font-size: 16px;
    padding: 0 1.2%;
}



.header__logo {
    width: 15%;
    padding-left: 3%;
}


.header__ui {
    padding-right: 3%;
    width: 8%;
}


.header__ui a:first-child {
    display: none;
}


/* swiper styles */
.slide-content h1 {
    color: var(--color-white);
      font-size: 42px;
  }


  .slide-content p {
    color: var(--color-white);
      font-size: 16px;
      font-weight: 500;
  }


/* morebtn */
.more__btn span {
    font-size: 16px;
}




.more__btn .fa-circle {
    padding-bottom: 4px;
}




.fa-circle-chevron-right {
    
    padding-bottom: 1px;
}





/* construction */




#construction .container {
    max-height: 500px;
  }




  .box > span {
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    padding-bottom: 1.1%;
  }




  .box > span em {
    font-size: 11px;
  }




  /* company */
  .company__content p {
    font-size: 1.2vw;
}





/* technicaldata */
.technicaldata__warp {
    padding-top: 80px;
    justify-content: space-evenly;
    padding-left: 2%;




}




.technicaldata__content {
    padding: 1% 2% 1%  0;
}





/* footer */
#footer {
    display: none;
}




#footer1250 {
    display: block;
}
}








/* È­¸é³Êºñ 0~1024px */
@media (max-width: 1024px){



/* construction */
.box.c04 {
    display: none;
}




/* technicaldata */




.technicaldata__warp {
    padding-top: 80px;
    display: flex;
    justify-content: center;
}




.technicaldata__content {
    padding: 1% 5% 1%  5%;
    width: 50%;
}




.technicaldata__content:last-child {
    display: none;
}




.technicaldata__content:nth-child(2) {
    border-right: 0;
}





}















/* È­¸é³Êºñ 0~860px */
@media (max-width: 860px){




/* construction */




    #construction .container {
        max-height: 350px;
      }




      
/* subject */




.subject {
    margin-left: 3%;
    margin-right: 3%;
    margin-bottom: 3%;
}




.subject h1 {
    font-size: 1.6vw;
    letter-spacing: -0.5px;
}




.subject h3 {
    padding-top: 0.5%;
    font-size: 2.8vw;
    letter-spacing: -0.5px;
    line-height: 3.4vw;
}




/* product */





.product__wrap {   
padding-bottom: 5%;
}




.product__imgs {
    width: 100%;
    margin-left: 0;
}




.product__discription {
    position: static;
    margin-left: 5%;
}




.product__discription span:first-child br {
    display: none;
}




.product__discription860 {
    margin-top: 2%;
    display: block;
    font-weight: 300;
    font-size: 18px;
    color: var(--color-dark-grey);
    line-height: 22px;
    text-align: left;
    margin-right: 5%;
}




#product .more__btn {
    top: auto;
    margin-left: 5%;
    bottom: 0;
}





/* mobile company */
#company {
    display: none;
}




#mcompany {
    display: block;
}




/* technicaldata */
#technicaldata {
    display: none;
}




/* mobile technicaldata */
#mtechnicaldata {
    display: block;
}




}












/* È­¸é³Êºñ 0~670px */
@media (max-width: 670px){




    /* header */
    .header__logo {
    padding-top: 30px;
    }




    /* product */
    #product .more__btn {
    top: auto;
    margin-left: 5%;
    bottom: -10px;
    }
    




/* subject */
.subject {
    margin-bottom: 4%;
}





.subject h1 {
    font-size: 2vw;
    letter-spacing: 0;
}





.subject h3 {
    font-size: 3.7vw;
    line-height: 3.8vw;
    letter-spacing: 0;
}




/* morebtn */
.more__btn span {
    font-size: 14px;
}




.more__btn .fa-circle {
    padding-bottom: 3px;
}




.fa-circle-chevron-right {
    
    padding-bottom: 0;
}




/* product */
.product__discription__ko {
    font-size: 3.2vw;
}




.product__discription p {
    font-size: 16px;
    line-height: 21px;
}





/* mobile company */




.mcompany__content p {
    font-size: 2.8vw;
    margin-top: 4%;
    color: var(--color-dark-grey);
}





/* mobile technicaldata */




.mtechnicaldata__warp {
    display:block;
}




.mtechnicaldata__subject {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    padding: 0 6%;
}




.mtechnicaldata__subject h1 {
    font-size: 5vw;
}




.mtechnicaldata__subject h1 br {
    display: none;
}




#mtechnicaldata .more__btn {
    margin-top: 0;
    padding-top: 1%;
}





.mtechnicaldata__contents {
    width: 100%;
    padding-left: 6%;
    padding-right: 6%;
}






/* footer1250 */
.footer1250__warp {
    padding: 8% 4%;
}




.footer1250__info {
    font-size: 14px;
    line-height: 130%;
}




.footer1250__info p {
    padding-bottom: 2%;
}




.footer1250__info p:last-child {
    padding-bottom: 0;
}




.footer1250__infobtn {
    margin-top: 30px;
}




.footer1250__infobtn div a {
    font-size: 12px;
    font-weight: 500;
}




}
















/* È­¸é³Êºñ 0~550px */
@media (max-width: 550px){





     /* subject */




.subject h1 {
    font-size: 2.8vw;
    letter-spacing: 0;
}




.subject h3 {
    font-size: 4.3vw;
    line-height: 4.8vw;
}




/* morebtn */
.more__btn span {
    font-size: 14px;
}




.more__btn .fa-circle {
        padding-left: 1px;
    }





    /* product */




#product .subject br{
    
    display: none;
}





/*construction*/
#construction {
    display: none;
}




/* mobile construction */
#mconstruction {
    display: block;
}






/* footer1250 */
.footer1250__info p br {
    display: block;
}




}