@charset "utf-8";



@media all and (max-width:1199px) {
	.mv .slick-dots {right: 20px;left:auto; margin-left: 0;}
	/* .c01 .slick-slide img {height: 180px;}
	.c04 li {width: 100%;}
	.c04 .img{height: auto;}

	.c04 .img img{height: auto;}
	.cont01{flex-wrap: wrap;}
	.cont01 .c07 {width: 49%; margin-right: 2%;}
	.cont01 .c04 {width: 49%;margin-right: 0;}
	.cont01 .c05 {width: 49%; margin-right: 2%; margin-top: 50px;}
	.cont01 .c06 {width: 49%; margin-right: 0; margin-top: 50px;}


	.cont01 .c01 {width: 49%; margin-right: 2%;}

	.c01 .slick-slide a .img,
	.c01 .slick-slide img,
	.ss01 .item{height: auto;}
	.cont01 .c02 {width: 49%; margin-right: 0;}
	.cont01 .c03 {width: 100%; margin-top: 50px; margin-right: 0;}
	.c02 ul {height:  auto;}
	.c02 li {position: relative;}
	.c02 li span {position: absolute;top: 5px; right: 0;} */

	.cont01 .c01,
	.cont01 .c02,
	.cont01 .c03{width: 32%;}


	.cont01 .c04,
	.cont01 .c05,
	.cont01 .c06,
	.cont01 .c07{width: 24%;}

	.mv_txt {width: 500px;}
	.mv_txt .tit_wrap {height: 100px;}
	.mv_txt .tit {font-size: 43px; line-height: 50px;}
	.mv_txt .btn a {right: 100px;  top: 210px;}

	/* Dots */

	.mbusiSlide .item a {margin:  0 auto; display: block;}
	.mbusiSlide .slick-dots {
		position: absolute;
		left: 0; right: 0;bottom:-30px;text-align: center;
		display: block; padding: 0;
	}
	.mbusiSlide .slick-dots li {
		position: relative; display: inline-block;
		margin:0 5px;
		padding: 0; cursor: pointer;
	}
	.mbusiSlide .slick-dots li button {
		font-size: 0; line-height: 0;
		display: block; padding: 0;
		cursor: pointer;  border:0;
		color: transparent; background:transparent;
		width: 12px; height: 12px;
		border-radius:6px;
		background:#C9C9C9;
		box-sizing:border-box;
	}
	.mbusiSlide .slick-dots li button:hover,
	.mbusiSlide .slick-dots li button:focus {
		outline: none;
	}
	.mbusiSlide .slick-dots li.slick-active button {
		background:#B03131;

	}
  .main-new .main-sec02 ul {
    gap: 0 20px;
  }
  .main-new .main-sec02 li a {
    padding: 20px;
  }
  .main-new .main-sec02 li figure {
    margin: 0;
    width: 120px;
    height: 120px;
  }
  .main-new .main-sec02 li figure img {
    max-width: 60%;
    max-height: 60%;
  }
  .main-new .main-sec03__busi {
    width: calc(100% - 340px);
  }
  .main-new .main-sec03 .inner{
    gap: 30px;
    flex-direction: column;
  }
  .main-new .main-sec03__right {
    display: flex;
    gap: 30px;
    width: 100%;
  }
  .main-new .main-sec03__youtube:not(:first-child) {
    margin-top: 0;
  }
}

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

	.h_open #gnb_wrap {z-index: 99;}
  .main-new .c01 .slick-slide {
    margin: 0 10px;
  }
  .main-new .cont01 .slick-list {
    margin: 0 -30px 0 0;
  }
  .main-new .busiTab {
    gap: 10px;
  }
  .main-sec03__top .more {
    margin-left: 30px;
  }
  .main-new .main-sec03__busi {
    width: 100%;
  }
  .main-new .main-sec03__youtube {
    flex: 1;
  }
}


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

	.mv .mv01 {background-image: url(/image/main/m_mv01.jpg);}
	.mv .mv02 {background-image: url(/image/main/m_mv02.jpg);}
	.mv .mv03 {background-image: url(/image/main/m_mv03.jpg);}
	.mv .mv04 {background-image: url(/image/main/m_mv04.jpg);}
	.mv .mv05 {background-image: url(/image/main/m_mv05.jpg);}

	.m_v {display: block !important;}
	.pc_v {display: none !important;}

	.m_brand {margin-top: 0;}

	.busiTab li{margin-bottom: 15px;}

}


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

	.busiTab a {padding:0 35px;}
	.mbtmWrap { height: 600px;}
	.familySlide {width: 60%;}


	.cont01 {
		flex-wrap: wrap;
	}
	.cont01 .c01{
		order: 1;
		flex: 1;
		width: auto;
		margin-right: 35px;
	}
	.cont01 .c03{
		order: 2;
		width: 285px;
	}

	.cont01 .c02{
		order: 3;
		width: 100%;
		margin-top: 50px;
	}

	.cont01 .c04{
		width: 49%;
	}

	.cont01 .c05{
		width: 49%;
	}

	.cont01 .c06{
		width: 49%;
		margin-top: 50px;
	}

	.cont01 .c07{
		width: 49%;
		margin-top: 50px;
	}
}




/* 타블렛 가로 미만 ~ 모바일 */
@media all and (max-width:767px) {
	.mv_txt {top: 0;}

	/* .c02 li span {position: relative}
	.c01 .slick-slide img {height: auto;}
	.cont01 .c01 {width: 100%; margin-right: 0;}
	.cont01 .c02 {width: 100%;  margin-top: 50px;}

	.cont01 .c03 {position: relative;width: 100%;margin-top: 50px;}
	.c03 .txt .iner {width: 90%;}
	.c03 .txt .img img {width: 100%;}
	.ss01 .txt {position: relative;width: auto;}
	.ss01 .item, .ss01 {    height: auto;}

	.cont01 .c07,
	.cont01 .c04,
	.cont01 .c05,
	.cont01 .c06{
		width: 100%;
		margin-right: 0;
		margin-top: 50px;
	} */


  .main-new .c01 .slick-slide {
    width: 60vw;
  }
  .main-new .ss01 .txt {
    padding: 4.17vw;
  }
  .main-new .ss01 span {
    font-size: 3.33vw;
  }
  .main-new .ss01 h2 {
    font-size: 3.61vw;
    margin-bottom: 4.17vw;

  }
  .main-new .cont01 {
    display: block;
    margin: 0;
    padding: 11.11vw 0;
  }
  .main-new .cont01>div h1 {
    font-size: 4.86vw;
    margin-bottom: 0;
  }
  .main-new .cont01-tit{
    margin-bottom: 4.17vw;
  }
  .main-new .cont01-tit a {
    gap: 1.67vw;
    font-size: 3.33vw;
  }
  .main-new .cont01-tit a svg {
    width: 3.33vw;
  }
  .main-new .c01 .slick-slide {
    margin: 0 5px;
  }
  .main-new .main-sec02 ul {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2.78vw;
  }
  .main-new .main-sec02 li a{
    padding: 4.17vw;
  }
  .main-new .main-sec02 li p{
    font-size: 3.89vw;
    margin-top: 2.78vw;
  }
  .main-sec02__desc {
    font-size: 3.61vw !important;
    margin-top: 1.94vw;
  }
  .main-sec02__desc br {
    display: none;
  }
  .main-new .main-sec02 {
    padding: 11.11vw 0;
  }
  .main-new .main-sec02 li figure {
    margin: 0;
    width: 20.83vw;
    height: 20.83vw;
  }
  .main-new .main-sec03 .inner {
    gap: 8.33vw 0;
  }
  .main-new .main-sec03__busi,
  .main-new .main-sec03__youtube {
    width: 100%;
  }
  .main-new .busiTab{
    gap: 1.67vw;
  }
  .main-new .busiTab a{
    font-size: 3.06vw;
    height: 8.33vw;
  }
  .main-new .main-sec03__busi .item .tit2 {
    font-size: 3.61vw;
  }
  .main-new .main-sec03__busi .item a {
    padding: 4.17vw 0;
  }
  .main-new .main-sec03__busi .item .tit1{
    font-size: 3.33vw;
  }
  .main-new .main-sec03__busi .item .cts{
    margin-right: 6.94vw;
  }
  .main-new .main-sec03__busi .more{
    gap: 1.67vw;
    font-size: 3.33vw;
    margin-left: 2.78vw;
  }
  .main-new .main-sec03__busi .more svg {
    width: 3.33vw;
  }
  .main-new .main-sec03 {
    padding: 11.11vw 0;
  }
  .main-new .main-sec03__youtube p {
    font-size: 4.44vw;
    margin-bottom: 2.78vw;
  }
  .main-new .main-sec03__right {
    gap: 2.78vw;
  }
  .main-new .main-sec03__youtube .avi .dim img {
    width: 11.11vw;
    height: 11.11vw;
  }
  .main-new .mbusi {
    margin-top: 2.78vw;
  }
}

@media all and (max-width:745px) {
	.busiTab li { width: 18.4%; margin-left:2% ;}
	.busiTab a {padding: 0;width: 100%;}
/*
.busiTab {text-align: left;}
.busiTab li:last-child {margin-left: 0;} */
}

@media all and (max-width:679px){
	.mbusiSlide .item a {width: 100%; box-sizing:border-box; height: 265px;}

}

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

	.mobile {display: block !important; }
	.pc {display: none !important; }
	.m_brand {margin-top: -70px;}
	.m_brand li {width: 100%; margin-bottom: 20px; margin-left: 0;}
	.mv_txt {top: 30%; }

	.cont01>div h1{
		font-size: 18px;
		margin-bottom: 20px;
	}

	.cont01 .c01{width: 100%; margin-right: 0;}
	.ss01{height: auto}
	.ss01 .item{height: auto}
	.c01 .slick-slide a .img{height: auto;}
	.c01 .slick-slide a .img img{height: auto;}

	.ss01 .txt{position: relative;top:0;left:0;}

	.cont01 .c02{margin-top: 35px;}

	.cont01 .c03{width: 100%; margin-top: 35px;}

	.cont01 .c04{width: 100%; margin-top: 0px;}
	.cont01 .c05{width: 100%; margin-top: 35px;}
	.c05 .img{height: auto;}
	.cont01 .c06{width: 100%; margin-top: 35px;}
	.cont01 .c07{width: 100%; margin-top: 35px;}
	.c07 .img{height: auto;}

}

/* @media all and (max-width:598px) {
.busiTab li:nth-child(4) {margin: 0 10px 0 0;}
} */

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

	.familySlide {width: 50%;}

	/* .familySlide img {width: 100%;} */
	.m_btm .m_tit strong {display: block;}
	.m_btm .db {display: block;}


	.mv_txt { width: 320px; top: 23%;}
	.mv_txt .tit {font-size: 30px;}
	.mv_txt .btn a {height: 40px; line-height: 40px; top: 200px;}

}

@media all and (max-width:548px) {
	.busiTab  {text-align: left;}
	.busiTab a {  font-size: 14px;}
	.busiTab li {width: 32%; margin-left: 2%;}
	.mbtmWrap {height: 650px;}
	 .busiTab li:nth-child(4) {margin-left: 0;}
}


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

	.gnb > li > a {font-size: 18px;}
	.gnb_scroll {top: 70px;}
	.gsnb > li > a {font-size: 16px;line-height: 65px;}
	.gnb > li > a {line-height: 65px;}
}

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


	.mbtmWrap {padding-bottom: 0;height: 570px;}
}

@media all and (max-width:380px) {
	.busiTab li {margin-bottom: 8px;}
	.busiTab a {    font-size: 13px;}
	.mbusiSlide .item a {height: 300px;}


	.cont01 {padding-bottom: 0;}
}

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

}