html,body {
  height: 100%;
  background:#fff;
}
.mobile_menu_wrap {
  position: absolute;
  top: 0;
  right: 0px;
  width: 75%;
  height: 100%;
  z-index: 9999;
  display: none;

}

.mobile_menu_close {
  width: 60px;
  height: 60px;
  background:#EA2D3C;
  z-index: 9999;
  position: absolute;
  left:-60px;
}
.mobile_menu {
  display: block;
  width: 100%;
  background:#fff;
  height: 100%;
  z-index: 9999;
  overflow-y: auto;

}
.material-icons.close {
  display: block;
  text-align: center;
  color:#fff;
  line-height: 60px;
  font-size: 30px;
}
.mobile_menu > ul {}
.mobile_menu > ul > li {
  height: 100%;
  text-align: right;

}
.menu_2 {
  display: none;
  margin-right: 00px;
  background:#f6fafd;
  border-bottom:1px solid #ddd;

}
.red_color {
  color:red;
}
.menu_2 > li {
  height: auto;
  margin-right: 0px;
}
.menu_2 > li > a {
  font-family: 'noto sans kr',sans-serif;
  font-size: 15px;
  line-height: 40px;
  padding-right: 20px;
  color:#555;
}

.menu_22 {
  display: none;
  padding-right: 20px;
  background:#fff;
  border-bottom:1px solid #ddd;

}
.menu_22 > li {
  height: 40px;
}
.menu_22 > li > a {
  height: 40px;
  font-family: 'noto sans kr',sans-serif;
  font-size: 15px;
  line-height: 40px;
  color:#555;
}

.msub_menu {
  width: 100%;
  height: 100%;
  padding:20px 0;
  text-align: right;
  background:#fff;
  border:0;
  padding-right: 40px;
  border-bottom:1px solid #ddd;
  box-sizing: border-box;
  font-family: 'noto sans kr',sans-serif;
  font-size: 17px;
  font-weight: 700;
  color:#222;
  background:url('../img/m_down.png') right 1rem center/10px no-repeat;
}
.msub_menu.on {
  color:red;
  background:url('../img/m_up.png') right 1rem center/10px no-repeat;

}
.msub_menu2 {
  width: 100%;
  padding-right: 20px;
  background:#f6fafd;
  border:0;
  border-bottom:1px solid #ddd;
  font-family: 'noto sans kr',sans-serif;
  font-size: 15px;
  line-height: 40px;
  color:#555;
  display: block;
  text-align: right;
}
.swiper {
  width: 100%;
  height: 100%;
}
.inner {
  width: 100%;
  height: auto;
  margin:0 auto;
}
.top_wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;

  z-index: 2;

}

.top_text_wrap {
  position: relative;
  width: 100%;
  height: 200px;
  position: absolute;
  top: 250px;
  left: 20%;

}
.top_text_wrap h4 {
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 700;
  color:#fff;
  font-size: 45px;
  margin-left: 0;

}
.top_text_wrap h3 {
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 700;
  color:#fff;
  font-size: 75px;


}
.top_text_wrap p {

  font-family: 'Noto Sans KR', sans-serif;
  font-size: 16px;
  color:#fff;
  letter-spacing: -0.02em;
  text-align: center;
}


.parter {
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding:0px 20px;
}
.parter li {
    margin-left: 0px;
    width: 48%;
    height: 80px;
    border:1px solid #ddd;
    margin-bottom: 20px;
    position: relative;
}
.parter li:nth-child(5n+1){
    margin-left: 0;
}
.value_wrap,
.about_wrap {
  margin-top: 20px;

}
.value_wrap p,
.about_wrap p {
  font-size: 17px;
  margin-top: 50px;

}
.value_wrap h3,
.about_wrap h3 {
  font-size: 30px;

}
.m_br {
  display: block;
}
.value_list {
  display: block;
  padding:0 20px;
  word-break: keep-all;
}
.value_list > li {
  margin-bottom: 20px;
}
.pc_br {
  display: none;
}
.value_img {
  width: 100%;
  height: 297px;
  background:#ddd;
}
.value_img.img1 {
  background:url('../img/value_img1.png');
  background-size:cover;
}
.value_img.img2 {
  background:url('../img/value_img2.png');
  background-size:cover;
}
.value_img.img3 {
  background:url('../img/value_img3.png');
  background-size:cover;
}
.about_cont_wrap {
  display:block;
  height: auto;
  margin-top: 50px;
  overflow: hidden;

}
.about_cont_left {
  display: none;
}
.about_cont_right {
  width: 100%;
  height: auto;
  background:#f5f5f5;

}
.about_cont_right h4,
.about_cont_right span {
  display: none;
}
.about_cont_right .board_wrap {
  width: 100%;
  height: auto;
  margin: 0;
  display:block;
  padding:20px 20px;

}
body.on {
  overflow: hidden;
}
.menu > li {
  color:#222;
}
.menu_wrap {

  padding:20px;
  height: 100%;
  position: relative;
}
.menu_wrap > ul {
  display: none;
}
.menu_wrap > ul.on {

  display: block;
  width: 80%;
  height: 100%;
  background:#fff;
  padding: 70px 10px;
  opacity: 99%;
  border:1px solid #ddd;
}
.menu_wrap > ul > li {
  width: 50%;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 17px;
  letter-spacing: -0.02em;
  color:#222;
  text-align: left;
  position: relative;
  padding: 0;
}
.menu_wrap > ul > li::after {
  content:'+';
  position: absolute;
  top: 20px;
  right: 10px;
}
.lpop {
    display: none;
}

.menu_wrap > ul.on > li  {
  width: 100%;
  padding:20px 0;
  border-bottom: 2px solid #d1d1d1;
}
.menu_wrap > ul.on > li > a {
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 19px;
  letter-spacing: -0.02em;
  color:#222;
  text-align: center;
}
.m_menu {
  display: block;
  width: 40px;
  height: 40px;
  z-index: 99;
  position: absolute;
  top: 20px;
  right: 20px;
}
.m_menu.on > .material-icons.bar {
  color:#222;
}
.material-icons.bar {
  color:#fff;
  font-size: 40px;
}
.menu_wrap > a > h2 {
  display: inline-block;
  width: 127px;
  aspect-ratio: 1/0.2225789192081327;
  background:url('../img/logo_new2.png');
  background-size:contain;
}
.about_cont_right .board_wrap .board_1 {
  width: 100%;
  height: 273px;
  background:#fff;
  border:1px solid #ddd;
  margin-bottom: 20px;
}
.about_cont_right .board_wrap .board_2 {
  width: 100%;
  height: 273px;
  background:#fff;
  border:1px solid #ddd;
  margin-left: 0px;
  margin-bottom: 0px;
}
.about_cont_right ul {
  display: none;
}

.adm_btn {
  display: none;
}
.copy_wrap {
  height: auto;
  background:#131313;
}
.copy_wrap p {
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: -0.04em;
  color:#fff;
  padding: 20px;
}
.gnb.active {
  background:none;
}
.snb {
  display: none;
}

.snb.tab1.active,
.snb.tab2.active,
.snb.tab3.active,
.snb.tab4.active,
.snb.tab5.active {
    height: auto;
}

.pc_menu {
  display: none;
}
.snb.on {
  background:#f9f9f9;
  display: block;
  width: 100%;
  position: static;
  padding: 0;
  padding-top: 0px;
  transition: all .3s;
  opacity: 1;
  height: auto;
  border-top:2px solid #d1d1d1;
  margin-top: 22px;

}
.snb.on li {

}
.snb.on li a {
  display: block;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 15px;
  letter-spacing: -0.02em;
  padding:10px 0;
  margin-left: 20px;
  color:#222;
  text-align: left;
}

.subtop_wrap {
  height: 100px;
  background:url('../img/subtop_img.png') center center;
}

.sub_bar {

}
.subtop_wrap.img1 {
  height: 100px;
  background:url('../img/subtop_img_02.jpg');
}
.subtop_wrap.img2 {
  height: 100px;
  background:url('../img/subtop_img_02.jpg');
  background-size:cover;
}
.subtop_wrap.img3 {
  height: 100px;
  background:url('../img/subtop_img_02.jpg');
  background-size:cover;
}
.sub_inner {
  width: 100%;
  height: 60px;
  margin:0 auto;
  display: flex;
}
.home_ico {
  display: none;
}
.intro_photo {
  margin:20px 0;
  width: 100%;
  height: 400px;
  background:url('../img/ceo.jpg') center no-repeat;
  background-size:cover;
  position: static;
}
.introduce_wrap {
  margin: 50px 0;

}
.introduce_wrap > .inner {
  position: relative;
  padding:0 20px;
}
.introduce_wrap > .inner > span {
  font-family: 'roboto', serif;
  font-size: 17px;
  color:#DDDDDD;
}
.introduce_wrap > .inner > h2 {
  font-family: 'roboto', serif;
  font-size: 30px;
  font-weight: 700;
  color:#DDDDDD;
}
.introduce_wrap > .inner > h3 {
  margin-top: 30px;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 20px;
  letter-spacing: -0.04em;
  font-weight: 700;
}
.introduce_wrap > .inner > p {
  margin-top: 30px;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 17px;
  font-weight: 300;
  letter-spacing: -0.04em;
}
.sub_text {
  display: none;
}
.name {
  margin-top: 20px;
}
.subpage_inner {
  width: 100%;
  margin:50px 0px;
  padding:0 20px;
}
.ide {
  width: 100%;
  font-family: 'Noto Sans KR', sans-serif;
}
.ide > li {
  text-align: center;
  margin-bottom: 30px;
}
.ide > li > h2 {
  font-size: 25px;
  margin: 10px 0;
}
.ide > li > p {
  font-size: 17px;
}
.cert_tit {
  font-family: 'noto sans kr',sans-serif;
  font-size: 25px;
  text-align: center;
  margin-bottom: 30px;
}
.cert_wrap ul li {
  width: 49%;
  height: 252px;
  margin-bottom: 40px;
  border:1px solid #ddd;
}
.cert_wrap ul li p {
  display: none;
}
.map_info h4 {
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 700;
  font-size: 15px;
}
.map_info p {
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 300;
  font-size: 15px;
}


.product_menu {
  margin-top: 50px;
}
.product_menu > .inner {
  width: 100%;
  padding:0 20px;
}
.product_menu > .inner > .p_menu1 {

  display: none;
  border:1px solid #ddd;
  height: 50px;
  justify-content: space-between;
}
.product_menu > .inner > .p_menu1 > li {
  line-height: 50px;
  width: 50%;
  text-align: center;
  border-right:1px solid #ddd;
}
.product_menu > .inner > .p_menu1 > li:last-child {
  border:0;
}
.product_menu > .inner > .p_menu1 > li > a {
  font-family: 'noto sans kr', sans-serif;
  font-size: 15px;
  display: block;
  letter-spacing: -0.2px;
}



.product_menu > .inner > .p_menu3 {
  width: 600px;
  margin:0 auto;
  display: flex;
  border:1px solid #ddd;
  height: 50px;
  justify-content: space-between;
}
.product_menu > .inner > .p_menu3 > li {
  line-height: 50px;
  width: 50%;
  text-align: center;
  border-right:1px solid #ddd;
}
.product_menu > .inner > .p_menu3 > li:last-child {
  border:0;
}
.product_menu > .inner > .p_menu3 > li > a {
  font-family: 'noto sans kr', sans-serif;
  font-size: 16px;
  display: block;
}



.product_menu > .inner > .p_menu2 {
  display: flex;
  flex-wrap:wrap;
  border:0px;
  height: auto;
  justify-content: center;
  width: 100%;
  margin:20px auto;
  border-radius:0px;
  box-sizing: border-box;
}
.product_menu > .inner > .p_menu2 > li {
  line-height: 50px;
  text-align: center;
  width: 33%;
  border:1px solid #ddd;
  box-sizing: border-box;
  margin-bottom: 10px;
  margin-right:1px;
}
.product_menu > .inner > .p_menu2 > li:last-child {
  width: 33%;
  border:1px solid #ddd;
}
.product_menu > .inner > .p_menu2 > li > a {
  display: block;
}

.dm > .pully_img1 {
  width: 700px!important;
  height: 300px;
  background:url('../img/pully_img1.jpg') center no-repeat;
  background-size:contain;
}
.long {
  width: 33%!important;
}
.ready_img {
  width: 100%;
  margin:0 auto;
}
.parter li {
  margin-left: 1px;
  width: 49%;
  height: 80px;
  border:1px solid #ddd;
  margin-bottom: 60px;
  position: relative;
}
.product_menu > .inner > .p_menu3 {
  width: 100%;
  margin:0 auto;
  display: flex;
  border:1px solid #ddd;
  height: 50px;
  justify-content: space-between;
}
.product_menu > .inner > .p_menu3 > li {
  line-height: 50px;
  width: 50%;
  text-align: center;
  border-right:1px solid #ddd;
}
.product_menu > .inner > .p_menu3 > li:last-child {
  border:0;
}
.product_menu > .inner > .p_menu3 > li > a {
  font-family: 'noto sans kr', sans-serif;
  font-size: 16px;
  display: block;
}

.mc_img_wrap {
  margin-top: 50px;
  margin-bottom: 50px;
  display:block;
}

.mc_img {
  width: 100%;
  height: 480px;
  background:#ddd;
  border:3px solid #ddd;
}
.mc_img.img1 {
  background:url('../img/mc_img1.png') no-repeat center;
}
.mc_img.img2 {
  background:url('../img/mc_img2.jpg') no-repeat center;
  background-size:cover;
}
.mc_desc {
  margin-left: 0px;
  margin-top: 50px;
  margin-bottom: 50px;
  width: 100%;
}
.mc_desc > h2 {
  font-family: 'noto sans kr',sans-serif;
  font-size: 40px;
  font-weight: 600;
}
.mc_desc > h2 > span {
  font-family: 'noto sans kr',sans-serif;
  font-size: 20px;
  font-weight: 400;
  color:#EA2D3C;
}
.mc_desc > div {
  margin-top: 20px;
  width: 150px;
  height: 50px;
  background:#EA2D3C;
  color:#fff;
  border-radius:50px;
}
.mc_desc > div > h3 {
  text-align: center;
  line-height: 50px;
  font-size: 20px;
}
.mc_desc > ul {
  margin: 20px 0 0 10px;
}
.mc_desc > ul > li {
  font-family: 'noto sans kr';
  font-size: 20px;
  color:#444;

}