@charset "utf-8";

/* layout */
.m_outer {
   padding-bottom: 95px;
}

/* 메인비주얼 */
.mv .pc {
   position: absolute;
   width: 1280px;
   left: 0;
   top: 0;
}

.mv_nav {
   right: 0;
   margin-right: 0;
}

/* 제품탭 */
.m_prod_tab {
   width: 600px;
   margin-left: auto;
   margin-right: auto;
   padding-top: 1px;
}

.m_prod_tab li {
   width: 50%;
}

.m_prod_tab a,
.m_prod_tab.best a {
   margin-top: -1px;
}

.m_prod_tab .on a {
   line-height: 48px;
   margin-top: -1px;
}

.m_prod_tab span {
   background-size: auto 135px;
}

.m_prod_tab .i1 {
   background-position: 0 -30px;
}

.m_prod_tab .i2 {
   background-position: -30px -30px;
}

.m_prod_tab .i3 {
   background-position: -60px -30px;
}

.m_prod_tab .i4 {
   background-position: -90px -30px;
}

.m_prod_tab .i5 {
   background-position: -180px -30px;
}

.m_prod_tab .on .i1 {
   background-position: 0 -105px;
}

.m_prod_tab .on .i2 {
   background-position: -30px -105px;
}

.m_prod_tab .on .i3 {
   background-position: -60px -105px;
}

.m_prod_tab .on .i4 {
   background-position: -90px -105px;
}

.m_prod_tab .on .i5 {
   background-position: -180px -105px;
}

/* 네비 */
.prod_new_nav {
   text-align: center;
}

/* cs */
.m_cs .col {
   width: 600px;
   float: none;
   margin: 0 auto;
}

/* 타블렛 세로 */
@media all and (max-width:1024px) {

   /* layout */
   .m_cs_wrap {
      padding: 13.33% 0;
   }

   .m_outer {
      padding-top: 10%;
      padding-bottom: 13.33%;
   }

   /* 메인비주얼 */
   .mv_wrap {
      height: auto;
   }

   .mv .item {
      height: auto;
   }

   .mv .pc {
      display: none;
   }

   .mv .m {
      display: block;
   }

   .mv_nav {
      display: none;
   }

   .mv_nav2 {
      display: block;
   }

   /* 배너 */
   .m_bn .pc {
      display: none;
   }

   .m_bn .m {
      display: block;
   }

   .m_bn_wrap {
      height: auto;
   }

   .m_bn_nav {
      position: static;
      margin-top: 30px;
   }

	.new-mv_wrap .new-mv__arrow{
		display: none;
	}

   .new-mc .new-mc__list{
      flex-wrap: wrap;
   }

   .new-mc .new-mc__list>li{
      width: 17%;
      margin-bottom: 12px;
   }


}

/* 타블렛 가로 미만 ~ 모바일 */
@media all and (max-width:768px) {
	.new-mv_wrap .new-mv .slick-dots li{
		margin: 0 5px;
	}
	.new-mv_wrap .new-mv .slick-dots li button{
		width: 60px;
		height: 3px;
	}

   .new-mc{
      padding: 45px 0 75px;
   }

   .new-mc .new-mc__tit{
      font-size: 2.5em;
   }

   .new-mc .new-mc__stit{
      margin-top: 20px;
      font-size: 1.2em;
   }

   .new-mc .new-mc__list>li p{
      font-size: 1.2em;
      margin-top: 7px;
   }
}

/* 모바일 상세 */
@media all and (max-width:640px) {

   /* title */
   .m_tit {
      font-size: 1.6em;
      margin-bottom: 10px;
   }

   /* 제품탭 */
   .m_prod_tab {
      width: auto;
   }

   /* cs */
   .m_cs .col {
      width: auto;
   }

   .m_cs .call {
      height: 124px;
   }

   .m_cs .call .img {
      width: 120px;
   }

   .m_cs .call .img img {
      width: 77px;
   }

   .m_cs .call .tel {
      font-size: 2.2em;
   }

   .m_cs .cs_c {
      background-size: 20px 20px;
      padding-left: 30px;
      background-position: left 2px;
   }

   .m_cs .call .txt {
      padding: 15px 0;
   }

   .m_cs .cs_c .tit {
      font-size: 1em;
   }

   .m_cs .link li {
      height: 105px;
   }

   .m_cs .link a {
      height: 105px;
   }

   .m_cs .link p {
      font-size: 1.2em;
      line-height: 1.2em;
   }

   .m_cs .link .icon {
      width: 30px;
      margin-top: 8px;
   }

   .m_cs .cs_partn {
      padding-bottom: 68.9%;
      height: 0;
      background-size: cover;
   }

   .m_cs .cs_partn .txt {
      padding: 10.3%;
   }

   .m_cs .cs_partn .tit {
      font-size: 1.4em;
      line-height: 1.3em;
   }

   .m_cs .cs_partn .tit img {
      height: 25px;
   }

   .m_cs .bn {
      height: auto;
   }

   .new-mc{
      padding-bottom: 45px;
   }

   .new-mc .new-mc__tit{
      font-size: 1.5em;
      -ms-word-break: keep-all;
      word-break: keep-all;
      line-height: 1.4em;
   }

   .new-mc .new-mc__stit{
      font-size: 1em;
      -ms-word-break: keep-all;
      word-break: keep-all;
      margin-top: 12px;
   }

   .new-mc .new-mc__list{
      margin-top: 20px;
   }

   .new-mc .new-mc__list>li{
      width: 25%;
      margin: 0;
      box-sizing: border-box;
      padding: 10px;
      margin-top: -1px;
      margin-left: -1px;
   }

   .new-mc .new-mc__list>li img{
      display: block;
	  border: 1px solid #ddd;
	  border-radius: 100%;
   }

   .new-mc .new-mc__list>li p{
      font-size: 1em;
      margin-top: 10px;
      line-height: 1em;
   }

   .new-mb .slick-dots li button{
      width: 8px;
      height: 8px;
   }
   
   /* 제품 list */
   .prod_list.m_prod_list .item .box {
		margin: 0 5px 10px 0;
	}
	.prod_scroll .top_text .left {
		float:left;
	}
	.prod_scroll .top_text .align-r {
		float:right;
	}
	.prod_scroll .m_prod_list {
		border-bottom: 10px solid #f1f1f1;
		padding: 0 20px 30px;
	}
	.m_outer { padding-bottom: 0; }
	.m_outer .wide-inner.pad { 
		margin-left: 0;
		margin-right: 0;
	}
	.m_prod_banner {
		margin: 0 20px;
	}
	.prod_scroll_wrap {
		padding-top: 30px;
	}
   
}

/* 모바일 가로 */
@media all and (max-width:568px) {}

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

   /* 제품탭 */
   .m_prod_tab a,
   .m_prod_tab .on a {
      line-height: 30px;
      font-size: 1em;
      font-weight: 600;
   }

   .m_prod_tab.best a {
      line-height: 30px;
   }

   .m_prod_tab span {
      height: 15px;
      background-size: auto 67.5px;
   }

   .m_prod_tab .i1 {
      background-position: 0 -15px;
      width: 6px;
   }

   .m_prod_tab .i2 {
      background-position: -15px -15px;
      width: 10px;
   }

   .m_prod_tab .i3 {
      background-position: -30px -15px;
      width: 11px;
   }

   .m_prod_tab .i4 {
      background-position: -45px -15px;
      width: 10px;
   }

   .m_prod_tab .i5 {
      background-position: -90px -15px;
      width: 10px;
   }

   .m_prod_tab .on .i1 {
      background-position: 0 -52.5px;
   }

   .m_prod_tab .on .i2 {
      background-position: -15px -52.5px;
   }

   .m_prod_tab .on .i3 {
      background-position: -30px -52.5px;
   }

   .m_prod_tab .on .i4 {
      background-position: -45px -52.5px;
   }

   .m_prod_tab .on .i5 {
      background-position: -90px -52.5px;
   }
}

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

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

   /* cs */
   .m_cs .call .img {
      width: 100px;
   }

   .m_cs .call .tel {
      font-size: 1.9em;
   }
}


.new-mv {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}

.new-mv.slick-initialized {
    visibility: visible;
    opacity: 1;    
}