@media only screen and (max-width: 1024px) {  		 .px1400 {    width: 100%;}
}
	 @media only screen and (max-width: 767px) {  		 .px1400 {    width: 100%;}
}


/* --------------------------------------------------------------------------------------------  swiper style_css --------------------------------------------------------------------------------------------------*/

@keyframes bgimg {
  from { 
    transform: scale(1.5);
  }
  to {
    transform: scale(1)
  }
}



.animatem {
    width: 100%;
    height: 100%;
    position: relative;
    animation: bgimg 7s ease-in-out alternate infinite;
    background: url(../img/bg_main.png);
    background-size: cover;
    animation-iteration-count: 1;
    background-position: center;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
/* --------------------------------------------------------------------------------------------  swiper style_css --------------------------------------------------------------------------------------------------*/


.swiper-container {      width: 100%;      height: 100vh;    /*  height: 980px; */  position: relative;  overflow: hidden; }
.swiper-slide {     width:1040px;  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;    }

.n1 {    background: url(../img/main/1.png) top center no-repeat;  }
.n2 {    background: url(../img/main/2.png) top center no-repeat;  }
.n3 {    background: url(../img/main/3.png) top center no-repeat;  }
.n4 {    background: url(../img/main/4.png) top center no-repeat;  }

/*  .swiper_content {  width:1040px; margin:0 auto; display:flex;  text-align:left;      padding: 50px 0 0 0;  border:1px solid red;   position:relative; } */
.swiper_content {       display: table-cell;    vertical-align: middle;    text-align: center;    width: 100%;    position: absolute;    top: 300px;    left: 0%;    margin-top: 0px; }


.swiper_con   {  width:100%;  padding: 0 30px; }
.swiper_name1 {   color: #ffffff;    font-size: 100px;    margin-bottom: 25px;    display: block;  line-height: 80px;    font-weight: normal;   /*     font-family: 'Coda'; */   text-transform: uppercase;    letter-spacing: -5px;    font-weight: 900;  }
.swiper_name2 {     color: #fff;    font-size: 18px;    display: block;   margin-bottom: 20px;   padding-left: 5px;    }
.swiper_view {     font-size: 24px;    color: #ffffff;    line-height: 22px;    margin-bottom: 62px;  font-weight:500;       padding-left: 5px; }
.swiper_view2 {     display:none;   }
.swiper_view br {  display:none;  }
.swiper_name1 br { display:none; }

.lmore    {   display:block;   }
.lmore a {    font-size: 13px;    color: #fff;    font-weight: 700;    border: 2px solid #707070;    padding: 8px 30px;       font-family: 'Coda'; }
.lmore .more3 {    padding: 0 20px 0 0;    background: url(../img/common/ar.png) no-repeat right 50%;   }

.swiper_name-1 {    color: #ffffff;    font-size: 82px;    margin-bottom: 25px;    display: block;    line-height: 82px;    font-weight: 700;    line-height: 66px;    letter-spacing: -3px;}
.swiper_name-2 {    color: #fff;    font-size: 24px;    display: block;    margin-bottom: 40px;     line-height: 32px;      padding-left: 5px;  font-weight:500;  }
.swiper_view-1 {    font-size: 18px;    color: #ffffff;    line-height: 22px;    margin-bottom: 62px;    font-weight: 700;  }
	.swiper_name-1 br {  display:none;  }
	.swiper_name-2 br {  display:none;  }


/* 1024px */
@media only screen and (max-width: 1024px) {
	.swiper-container {      width: 100%;     /* height: 720px;   */ height:100vh; }
	.swiper-slide {     width:1040px;  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;    }

	.n1 {    background: url(../img/main/1.png) top center no-repeat;       background-size: cover;}
	.n2 {    background: url(../img/main/2.png) top center no-repeat;      background-size: cover; }
	.n3 {    background: url(../img/main/3.png) top center no-repeat;      background-size: cover; }
	.n4 {    background: url(../img/main/4.png) top center no-repeat;     background-size: cover;  }

	/* .swiper_content {  width:1040px; margin:0 auto; display:flex;  text-align:left;        padding: 0px 0px 0 0px;   } */
	.swiper_content {  display: table-cell;    vertical-align: middle;    text-align: center;    width: 100%;    position: absolute;    top: 220px;    left: 0%;    margin-top: 0px; }

	.swiper_con   {  width:100%;  }
	.swiper_name1 {        font-size: 76px;    margin-bottom: 25px;         line-height: 67px;  display: block;    font-weight: 700;      }
	.swiper_name2 {     color: #fff;    font-size: 22px;    display: block;   margin-bottom: 15px;    }
	.swiper_view {     font-size: 19px;     line-height: 32px;    margin-bottom: 32px; font-weight: 400;      padding: 0;    font-weight: 700;  }
	.swiper_view2 {     display:none;   }
	.swiper_view br {  display:none;  }
	.swiper_name1 br { display:none; }

	.lmore    {   display:block;   }
	.lmore a {    font-size: 12px;    color: #fff;    font-weight: 700;    border: 2px solid #707070;    padding: 8px 25px;  }
	.lmore .more3 {    padding: 0 20px 0 0;    background: url(../img/common/ar.png) no-repeat right 50%;   }
	.swiper-button-next, .swiper-button-prev { display:none;  }

	.swiper_name-1 {    color: #ffffff;    font-size: 70px;    margin-bottom: 25px;    display: block;    font-weight: 500;    line-height: 72px;    letter-spacing: -3px;  padding: 0 10px;    }
	.swiper_name-2 {    color: #fff;    font-size: 16px;    display: block;    margin-bottom: 22px;     line-height: 22px;      padding-left: 3px;  font-weight:200;  padding: 0 10px;    font-weight: 700;  }
	.swiper_view-1 {    font-size: 15px;    color: #fdfdfd;    line-height: 22px;    margin-bottom: 62px;    font-weight: 700;  padding: 12px 30px 0;   }
	.swiper_name-1 br {  display:none;  }

}




/* 767px */
@media only screen and (max-width: 767px) {
	.swiper-container {      width: 100%;      height: 720px;    }

	.swiper_content {  display: table-cell;    vertical-align: middle;    text-align: center;    width: 100%;    position: absolute;    top: 220px;    left: 0%;    margin-top: 0px; }

	.swiper_con   {  width:100%;  padding:0 30px; }
	.swiper_name1 {        font-size: 80px;    margin-bottom: 25px;         line-height: 72px;  display: block;    font-weight: 700;      }
	.swiper_name2 {     color: #fff;    font-size: 22px;    display: block;   margin-bottom: 15px;    }
	.swiper_view {     font-size: 19px;     line-height: 24px;    margin-bottom: 32px; font-weight: 400;      padding: 0;    font-weight: 700;  }
	.swiper_view2 {     display:none;   }
	.swiper_view br {  display:block;  }
	.swiper_name1 br { display:block; }

	.swiper_name-1 {    color: #ffffff;    font-size: 65px;    margin-bottom: 25px;    display: block;    font-weight: 500;    line-height: 72px;    letter-spacing: -3px;  padding: 0 10px;    }
	.swiper_name-2 {    color: #fff;    font-size: 19px;    display: block;    margin-bottom: 22px;     line-height: 22px;      padding-left: 3px;  font-weight:200;  padding: 0 10px;    font-weight: 700;  }
	.swiper_view-1 {    font-size: 15px;    color: #fdfdfd;    line-height: 22px;    margin-bottom: 62px;    font-weight: 700;  padding: 12px 30px 0;   }
	.swiper_name-1 br {  display:none;  }

}


/* 540px */
@media only screen and (max-width: 540px) {
	.swiper-container {      width: 100%;      height: 500px;  /*  height: 100vh; */   }
	.swiper-slide {     width:1040px;  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;    }

	.n1 {    background: url(../img/main/1.png) top center no-repeat;     background-size: cover;  }
	.n2 {    background: url(../img/main/2.png) top center no-repeat;     background-size: cover;  }
	.n3 {    background: url(../img/main/3.png) top center no-repeat;     background-size: cover; }
	.n4 {    background: url(../img/main/4.png) top center no-repeat;     background-size: cover;  }

	/*.swiper_content {  width:1040px; margin:0 auto; display:flex;  text-align:left;          padding:60px 15px 0 15px; } */
	.swiper_content {   display: table-cell;    vertical-align: middle;    width: 100%;    position: absolute;    top: 150px;    left: 0%;    text-align: center;    border: 0px solid red;  }

	.swiper_con   {  width:100%;  }
	.swiper_name1 {      font-size: 54px;    margin-bottom: 0px;      line-height: 49px;   display: block;    font-weight: 900;  padding: 0 0px;      letter-spacing: -2px; }
	.swiper_name2 {     color: #fff;    font-size: 12px;    display: block;   margin-bottom: 18px;    line-height: 19px;   }
	.swiper_view {     font-size: 16px;     line-height: 22px;    margin-bottom: 32px;   font-weight: 400;      padding: 12px 30px 0;   } 
	.swiper_view2 {     display:none;   }
	.swiper_view br {  display:block;  }
	.swiper_name1 br { display:block; }

	.lmore    {   display:block;   }
	.lmore a {    font-size: 10px;    color: #fff;    font-weight: 700;    border: 2px solid #707070;    padding: 5px 20px;  }
	.lmore .more3 {    padding: 0 20px 0 0;    background: url(../img/common/ar.png) no-repeat right 50%;   }
	.swiper-button-next, .swiper-button-prev { display:none;  }

	.swiper_name-1 {    color: #ffffff;    font-size: 38px;    margin-bottom: 12px;    display: block;  font-weight: 500;    line-height: 42px;    letter-spacing: -3px; padding: 0 10px;   }
	.swiper_name-2 {    color: #fff;    font-size: 16px;    display: block;    margin-bottom: 18px;     line-height: 22px;      padding-left: 3px;  font-weight:200;  padding: 0 10px;   }
	.swiper_view-1 {    font-size: 15px;    color: #fdfdfd;    line-height: 22px;    margin-bottom: 62px;    font-weight: 700;  padding: 12px 30px 0;  }
	.swiper_name-1 br {  display:block;  }
}


/*------------------------------------------------------------------------------------------- swiper style_css -------------------------------------------------------------------------------------------------*/




/*------------------------------------------------------------------------------------------- 기업안내 채용정보_css -------------------------------------------------------------------------------------------------*/

.MyCom  {     width: 100%; position: relative;    overflow: hidden;    background: none;     /* height: 414px;*/  height:auto;       }

.MyCom div { float:left; width:50%; height:260px; padding-top:70px;   text-align:left;  padding-left: 90px;  }
.mycompany1 {  background:url(../img/main/mycom1.png) top center no-repeat;    background-size: cover;   }
.mycompany2 {  background:url(../img/main/mycom2.png) top center no-repeat;   background-size: cover;  }
.mycompany3 {  background:url(../img/main/mycom3.png) top center no-repeat;    background-size: cover; }
.mycompany1_m { display:none; }  .mycompany2_m { display:none; }

.myco1 dt  { font-size:32px; margin-bottom:15px;     color:black; font-weight:800;    }
.myco1 dd  { font-size:17px; margin-bottom:20px;   color:black;  line-height:22px; }
.myco2 dt  { font-size:32px; margin-bottom:15px;    color:#fff;     font-weight:700; }
.myco2 dd  { font-size:17px; margin-bottom:30px;   color:#fff;  line-height:24px; }

.mycompany1 a {  border-bottom:2px solid black;  padding:13px 25px;  font-size:14px; font-weight:700; color:black; }
.mycompany2 a {  border-bottom:2px solid #fff;  padding:13px 25px;  font-size:14px; font-weight:700; color:#fff; }
.mycompany3 a {  border-bottom:2px solid black;  padding:13px 25px;  font-size:14px; font-weight:700; color:black; }


@media only screen and (max-width: 1085px)   {
.MyCom  {     width: 100%; position: relative;    overflow: hidden;    background: none;      height: auto;       }
.MyCom div { float:left; width:50%; height:277px; padding:25px; 0 0 0;   text-align:center;    }
.mycompany1 {  background:url(../img/main/mycom1.png) top center no-repeat;   background-size: cover; }
.mycompany2 {  background:url(../img/main/mycom2.png) top center no-repeat;    background-size: cover;}
.mycompany3 {  background:url(../img/main/mycom3.png) top center no-repeat;   background-size: cover; }
.mycompany1_m { display:none; }  .mycompany2_m { display:none; }

.myco1 dt  { font-size:22px; margin-bottom:5px;     color:black; font-weight:800;    }
.myco1 dd  { font-size:12px; margin-bottom:10px;   color:black;  line-height:18px; }
.myco2 dt  { font-size:22px; margin-bottom:5px;    color:#fff;     font-weight:800; }
.myco2 dd  { font-size:12px; margin-bottom:10px;   color:#fff;  line-height:18px; }
}


@media only screen and (max-width: 965px)   {
.MyCom  {     width: 100%; position: relative;    overflow: hidden;    background: none;      height: auto;       }
.MyCom div { float:left; width:100%; height:277px;   padding:80px; 0 50px 0;   text-align:center;   }
.mycompany1 {  background:url(../img/main/mycom1.png) top center no-repeat;   background-size: cover; }
.mycompany2 {  background:url(../img/main/mycom2.png) top center no-repeat;    background-size: cover;}
.mycompany3 {  background:url(../img/main/mycom3.png) top center no-repeat;   background-size: cover; }
.mycompany1_m { display:none; }  .mycompany2_m { display:none; }

.myco1 dt  { font-size:26px; margin-bottom:5px;     color:black; font-weight:800;    }
.myco1 dd  { font-size:12px; margin-bottom:10px;   color:black;  line-height:18px; }
.myco2 dt  { font-size:26px; margin-bottom:5px;    color:#fff;     font-weight:800; }
.myco2 dd  { font-size:12px; margin-bottom:10px;   color:#fff;  line-height:18px; }
}


@media only screen and (max-width:470px)   {
.MyCom  {     width: 100%; position: relative;    overflow: hidden;    background: none;      height: auto;       }
.MyCom div { float:left; width:100%; height:175px;   padding:25px; 0 0 0;   text-align:center;    }

/*  .mycompany1 { display:none; }  .mycompany2 { display:none; }  */
.mycompany1_m {  background:url(../img/main/mycom1.png) top center no-repeat;   background-size: 450px; }
.mycompany2_m {  background:url(../img/main/mycom2.png) top center no-repeat;    background-size: 450px;}
.mycompany3 {  background:url(../img/main/mycom3.png) top center no-repeat;   background-size: 450px; }
.mycompany1_m { display:block; }  .mycompany2_m { display:block; }

.myco1 dt  { font-size:22px; margin-bottom:5px;     color:black; font-weight:800;    }
.myco1 dd  { font-size:12px; margin-bottom:15px;   color:black;  line-height:18px; }
.myco2 dt  { font-size:22px; margin-bottom:5px;    color:#fff;     font-weight:800; }
.myco2 dd  { font-size:12px; margin-bottom:15px;   color:#fff;  line-height:18px; }
.mycompany1_m a {  border:2px solid black;  padding:5px 25px;  font-size:12px; font-weight:700; color:black; }
.mycompany2_m a {  border:2px solid #fff;  padding:5px 25px;  font-size:12px; font-weight:700; color:#fff; }
.mycompany3 a {  border:2px solid black;  padding:5px 25px;  font-size:12px; font-weight:700; color:black; }
}