/*硫붿씤*/
/*硫붿씤 - ?꽮?뀡 1*/
.main .sec1 { width: 100%; margin: 0 auto;}
/* .main .sec1:before { content: ''; display: block; position: absolute; top: 0; right: calc(50% - 260px); z-index: -1; width: 100%; height: 895px; background: #99273e; } */

/*aside menu style*/
.aside-menu { position: fixed; right: 0; bottom: 10%; z-index: 9001; }
.aside-menu a {background:linear-gradient(to top, #bf0d3f, #ff608c); display: block; width: 50px; margin-bottom: 0; border-radius: 0; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); box-sizing: border-box; }
.aside-menu .scroll-top a {display: none;}
.aside-menu a:last-child { margin-bottom: 0; }
.aside-menu .btn-chatbot img { width: 100%; }
.aside-menu .change span{display: none;font-size: 12px;line-height: 14px;color: #fff;text-align: center;padding: 16px 0;}
.aside-menu .change:hover span{display: block;}
.aside-menu .change:hover img{display: none;}
.aside-menu .btn-top {display:none; height: 60px; background: url('../img/ic-scrolldown.png') center center no-repeat; background-size: contain;background-color: #666; }
.aside-menu .btn-top.on {display:block; height: 60px; background: url('../img/ic-scrolldown.png') center center no-repeat; background-size: contain;background-color: #666; }
.news-info span.btn2{font-weight: 700;font-size: 28px;line-height: 1.3;}

/*硫붿씤 ?뒳?씪?씠?뱶*/
.slide-main { position: relative; width: 100%;}
.slide-main .swiper-slide { box-sizing: border-box; overflow: hidden; }
.slide-main .deco { position: absolute; }
.slide-main .deco1 { left: 140px; }
.slide-main .deco2 { bottom: 0; right: 140px; }
.slide-main .txt-group { display: flex; justify-content: space-between; align-items: center; position: absolute; top: 48%; transform: translateY(-50%); width: 444px; height: 397px;}
.slide-main .txt-group .border { width: 100%; height: 100%; border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 32px; box-sizing: border-box; }
.slide-main .txt-group .txt { position: absolute; left: 31%; width: 100%; font-size: 30px; font-weight: 400; color: #fff; line-height: 38px; text-shadow: 0 3px 3px rgba(0, 0, 0, 0.05); margin-left: 0;white-space:nowrap; }
.slide-main .txt-group .txt .btnWrap {margin-top: 60px; }
.slide-main .txt-group .txt .btnWrap a { display: flex; justify-content: center; align-items: center; width: 133px; height: 44px; border-radius: 8px; background: linear-gradient(to top, #ff0000, #ff8686); color: #fff !important; padding: 12px 20px; box-sizing: border-box; font-size: 18px; line-height: 22px; font-weight: 500; }
.slide-main .txt-group .txt .btnWrap a img { margin-left: 5px; }
.slide-main .bnr-slide { width: 100%; height: 700px; background: center center no-repeat; background-size: cover; }

.slide-main .swiper-util { display: flex; align-items: center; position: absolute; left: 140px; bottom: 140px; }
.slide-main .swiper-nav { display: flex; justify-content: space-between; align-items: center; width: 70px; margin-right: 20px; }
.slide-main .swiper-nav .swiper-button-prev,
.slide-main .swiper-nav .swiper-button-next { position: static; width: 30px; height: 30px; margin: 0; border: 2px solid #fff; border-radius: 8px; box-sizing: border-box; background: url('../img/ic-prev-14-wt.png') center center no-repeat; background-size: 10px; opacity: 1; outline: none; transition: .3s background-color ease-out; }
.slide-main .swiper-nav .swiper-button-prev:hover,
.slide-main .swiper-nav .swiper-button-next:hover { box-shadow: 0 3px 30px 0 rgba(32, 32, 32, 0.3); box-sizing: border-box; background: url(../img/ico_arrow_slide1.svg) center center no-repeat,linear-gradient(to top, #bf0d3f, #ff608c);  background-size:10px;opacity: 1; border: none; }
.slide-main .swiper-nav .swiper-button-next { transform: rotate(180deg); }
.slide-main .swiper-nav .swiper-button-next:after,
.slide-main .swiper-nav .swiper-button-prev:after {content: '';}

.slide-main .swiper-pagination { position: static; width: auto; font-size: 20px; font-weight: 500; color: #959595; }
.slide-main .swiper-pagination-current { color: #fff; }


/*硫붿씤 - ?꽮?뀡 ?깙 ?쁺?뿭*/
.main .top-section { padding: 123px 0 88px 0px; box-sizing: border-box; margin: 0 auto;}
.main .top-section .tit { font-size: 40px; font-weight: 900; color: #000; line-height: 1;padding-left:140px; padding-right:140px;}
.main .top-section .tit:after { content: ''; display: block; width: 40px; height: 4px; margin-top: 16px; background: #000; }
.main .top-section .txt { font-size: 22px; font-weight: 500; color: #848484; word-break: keep-all; }
/* .main .sec4 .top-section{padding-left: 0;} */
/*硫붿씤 - new踰좊꼫 */
.mainBanner{
	display: flex;
}
.mainBanner .mediaWrap{
	width: 33.33%;
	height: 280px;
	overflow:hidden;
	box-sizing:border-box;
}
.mainBanner .media{
	width: 100%;
	height: 100%;
	height: 280px;
	/* max-width: 640px; */

	display: flex;
	align-items: center;
	justify-content:center;
	background-size: cover;
	transition: 3s all ease-out;
}
.mainBanner .mediaWrap:hover{
	border: 6px solid #fff;
}

/*메인 신규 슬라이드*/
.mainBanner .mediaWrap.mainSlideWrap{position:relative; background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('/resources/img/news-img-bn-main-con-03.png'); background-size: cover;}
.mainBanner .mediaWrap.mainSlideWrap:hover{border: 0;}
.mainBanner .mediaWrap.mainSlideWrap .slideNavi{position: absolute; bottom: 30px; z-index: 1; width: calc(100% - 82px); left: 50%; transform: translateX(-50%);}
.mainBanner .mediaWrap.mainSlideWrap .slideNavi .progress1{display:flex; align-items: center; justify-content: flex-end; margin-bottom: 15px; gap: 22px;}
.mainBanner .mediaWrap.mainSlideWrap .slideNavi .progress1 .customButtonPrev{color:#fff;}
.mainBanner .mediaWrap.mainSlideWrap .slideNavi .progress1 .customButtonNext{color:#fff;}
.mainBanner .mediaWrap.mainSlideWrap .slideNavi .progress1 .swiper-pagination{position: relative; left: auto; bottom: auto; width: auto; color:#aaa;}
.swiper-pagination-current{color:#fff;}
.mainBanner .mediaWrap.mainSlideWrap .slideNavi .progress2{ position: relative; top: auto; left: auto; background-color:rgba(255,255,255,0.5); height:5px;}
.mainBanner .mediaWrap.mainSlideWrap .slideNavi .progress2 div{background-color:rgba(255,255,255,1); height:100%;}
.mainBanner .mediaWrap.mainSlideWrap .swiper-wrapper{height:100%;}
.mainBanner .mediaWrap.mainSlideWrap .swiper-wrapper .swiper-slide{height:100%;}
.mainBanner .mediaWrap.mainSlideWrap .swiper-wrapper .swiper-slide a{position:relative; display: block; height:100%;}
.mainBanner .mediaWrap.mainSlideWrap .swiper-wrapper .swiper-slide a .textBox{position: absolute; width: calc(100% - 80px); height: calc(100% - 72px); display: flex; flex-direction: column; padding-left: 40px; margin-top:72px; }
.mainBanner .mediaWrap.mainSlideWrap .swiper-wrapper .swiper-slide a .textBox .checkTitle{ font-family: Segoe UI; font-size: 20px; font-weight: 500; line-height: 1; color: #fff; margin-bottom: 30px;}
.mainBanner .mediaWrap.mainSlideWrap .swiper-wrapper .swiper-slide a .textBox .mainTitle{ font-family: LGSmHa; font-size: 24px; font-weight: 500; line-height: 1.5; color: #fff; margin-bottom: 40px;  display: -webkit-box; display: -ms-flexbox; display: box; margin-top:-1px; max-height:80px; overflow:hidden; vertical-align:top; text-overflow: ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.progress3Wrap{display:none;}
.progress3Wrap .progress3{color: #aaa;font-size: 14px;}
@media only screen and (min-width: 721px) and (max-width: 1440px){
	.progress3Wrap{position: absolute; top: 19px; left: 127px; z-index: 1; display: flex; align-items: center; justify-content: center; gap: 7px; color: #aaa;}
	.mainBanner .mediaWrap.mainSlideWrap .slideNavi .progress1{display:none;}
	.mainBanner .mediaWrap.mainSlideWrap .slideNavi .progress2{height:2px;}
	.mainBanner .mediaWrap.mainSlideWrap .swiper-wrapper .swiper-slide a .textBox{margin-top:17px; }
	.mainBanner .mediaWrap.mainSlideWrap .swiper-wrapper .swiper-slide a .textBox .checkTitle{font-size: 14px; margin-bottom: 10px;}
	.mainBanner .mediaWrap.mainSlideWrap .swiper-wrapper .swiper-slide a .textBox .mainTitle{font-size: 16px; margin-bottom: 0px;}
}
@media only screen and (min-width: 500px) and (max-width: 720px){
	.progress3Wrap{position: absolute; top: 45px; left: 156px; z-index: 1; display: flex; align-items: center; justify-content: center; gap: 7px; color: #aaa;}
	.mainBanner .mediaWrap.mainSlideWrap .slideNavi .progress1{display:none;}
	.mainBanner .mediaWrap.mainSlideWrap .slideNavi .progress2{height:2px;}
	.mainBanner .mediaWrap.mainSlideWrap .swiper-wrapper .swiper-slide a .textBox{margin-top:40px; }
	.mainBanner .mediaWrap.mainSlideWrap .swiper-wrapper .swiper-slide a .textBox .checkTitle{font-size: 20px; margin-bottom: 15px;}
	.mainBanner .mediaWrap.mainSlideWrap .swiper-wrapper .swiper-slide a .textBox .mainTitle{font-size: 24px; margin-bottom: 0px;}
}
@media only screen and (max-width: 499px){
	.progress3Wrap{position: absolute; top: 25px; left: 127px; z-index: 1; display: flex; align-items: center; justify-content: center; gap: 7px; color: #aaa;}
	.mainBanner .mediaWrap.mainSlideWrap .slideNavi .progress1{display:none;}
	.mainBanner .mediaWrap.mainSlideWrap .slideNavi .progress2{height:2px;}
	.mainBanner .mediaWrap.mainSlideWrap .swiper-wrapper .swiper-slide a .textBox{margin-top:24px; }
	.mainBanner .mediaWrap.mainSlideWrap .swiper-wrapper .swiper-slide a .textBox .checkTitle{font-size: 14px; margin-bottom: 10px;}
	.mainBanner .mediaWrap.mainSlideWrap .swiper-wrapper .swiper-slide a .textBox .mainTitle{font-size: 16px; margin-bottom: 0px;}
}
/*메인 신규 슬라이드*/


.mainBanner .mediaWrap.mainSlideWrap .swiper-wrapper .swiper-slide a .imgBox{width:100%; height:100%}
.mainBanner .media:hover{
	transform: scale(1.2);
}
.mainBanner .media:hover a{
	font-family: "Segoe UI";
	font-weight: 700;
}
.mainBanner .media .bannerText{
	font-size: 24px;
	line-height: 40px;
	font-family: "Segoe UI";
	font-weight: 500;
	color: #fff;
}
.mainBanner .media1{
	background-image: url('../img/img-bn-main-con-01.png');
}
.mainBanner .media2{
	background-image: url('../img/img-bn-main-con-02.png');
}
.mainBanner .media3{
	background-image: url('../img/img-bn-main-con-03.png');
}

/*硫붿씤 - ?꽮?뀡 2*/
.main .sec2 { padding-bottom: 120px; box-sizing: border-box; }
.list-product-main { position: relative; overflow: hidden; }
.list-product-main li { position: relative; width: 398px; overflow: hidden; }
.list-product-main li:nth-child(1) { width: 812px; height: 855px; background-image: url('../img/img_picture1_main.png'); }
.list-product-main li:nth-child(2) { position: absolute; top: 0; right: 414px; width: 398px; height: 855px; border-left: 16px solid #fff; border-bottom: 18px solid #fff; }
.list-product-main li:nth-child(3) { position: absolute; top: 0; right: 0; width: 398px; height: 855px; border-left: 16px solid #fff; border-bottom: 18px solid #fff; }
/*.list-product-main li:nth-child(4) { position: absolute; bottom: 0; right: 0; width: 398px; height: 361px; border-left: 16px solid #fff; }*/
.list-product-main a { display: block; width: 100%; height: 100%;}
.list-product-main .tit { position: absolute; left: 32px; bottom: 32px; font-size: 28px; font-weight: 700; color: #fff; }
.list-product-main .tit:after { content: ''; display: block; width: 40px; height: 2px; margin-top: 16px; background: #fff; transition: .3s all ease-out; }
.list-product-main li:hover .tit:after { width: 100%; }
.list-product-main .bg { width: 100%; height: 100%; background: center center no-repeat; background-size: cover; transition: 3s all ease-out; }
.list-product-main .bg:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); transition: 3s all ease-out; }
.list-product-main li:hover .bg { transform: scale(1.2); }
.list-product-main li:hover .bg:after { content: ''; display: block; }
.list-product-main li:nth-child(1) .bg { background-image: url('../img/img_picture4_main.png'); }
.list-product-main li:nth-child(2) .bg { background-image: url('../img/img-bn-main-product-02 (1).png'); }
.list-product-main li:nth-child(3) .bg { background-image: url('../img/img-bn-main-product-03.png'); }

.list-product-main.ty2 {position:relative; display:flex; gap:16px}
.list-product-main.ty2 li {position:static; border:none;}
/*.list-product-main.ty2 li:first-child {flex-basis: 50%;}*/
.list-product-main.ty2 li {flex-basis: 33%;}
.list-product-main.ty2 a {position:relative;}
/*.list-product-main li:nth-child(4) .bg { background-image: url('../img/img_picture2_main.png'); }*/


/*硫붿씤 - ?꽮?뀡 3*/
.main .sec3 { position: relative; height: 760px; overflow: hidden; }
.main .sec3 .bg { height: 100%; background: url('../img/img_picture5_main.png') center center no-repeat; background-size: cover; transition: 3s all ease-out; }
.main .sec3:hover .bg { transform: scale(1.2); }
.main .sec3 .border-group .border { position: absolute; border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 32px; box-sizing: border-box; transform: scale(1.2); transition: 3s all ease-out; }
.main .sec3 .border-group .border:nth-child(1) { top: 101px; left: -174px; width: 509px; height: 325px; }
.main .sec3 .border-group .border:nth-child(2) { top: 230px; left: 191px; width: 1018px; height: 612px; }
.main .sec3 .border-group .border:nth-child(3) { top: 478px; right: 238px; width: 41px; height: 78px; border-radius: 8px; }
.main .sec3 .border-group .border:nth-child(4) { top: 134px; right: -492px; width: 744px; height: 553px; }
.main .sec3:hover .border-group .border { transform: scale(1); }
.main .sec3 .txt-group { position: absolute; top: 54%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); width: 100%; }
.main .sec3 .txt-group .txt { margin-bottom: 56px; font-size: 64px; font-weight: 900; color: #fff; text-align: center; text-shadow: 0 0 50px rgba(0, 0, 0, 0.7); line-height: 70px;}
.main .sec3 .txt-group .btn { display: flex; justify-content: center; align-items: center; width: 169px; height: 44px; margin: 0 auto; border-radius: 8px; background: linear-gradient(to top, #bf0d3f, #ff608c); color: #fff !important; padding: 11px 24px; box-sizing: border-box; font-size: 20px; line-height: 22px; font-weight: 500; }
/* .main .sec3 .txt-group .btn:hover { border-color: #bf0c3f; box-shadow: 0 5px 10px -5px #bf0c3f; background: #bf0c3f; transform: translateY(-20%); } */


/*硫붿씤 - ?꽮?뀡 4*/
.main .sec4 { padding-bottom: 120px; box-sizing: border-box; }
.slide-event { position: relative; }
.slide-event .swiper-slide { position: relative; width: 1087px; height: 520px; background: center center no-repeat; background-size: 100% 100%; }
.slide-event .swiper-slide:after { content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); }
.slide-event .swiper-slide-active:after { display: none; }
.slide-event .swiper-slide .tit { width: 100%; display: flex; justify-content: center; align-items: center; position: absolute; right: 0; bottom: 0; height: 80px; padding: 0 80px; box-sizing: border-box; background: rgba(255, 255, 255, 0.7); font-size: 24px; font-weight: 700; color: #2e2e2e; }


/*?씠踰ㅽ듃 ?뒳?씪?씠?뱶*/
.slide-event .swiper-nav { position: absolute; top: calc(50% - 28px); left: 0; right: 0; width: 1280px; max-width: calc(100% - 32px); margin: 0 auto; }
.slide-event .swiper-nav .swiper-button-prev,
.slide-event .swiper-nav .swiper-button-next { width: 56px; height: 56px; margin: 0; border-radius: 8px; box-sizing: border-box; background: url('../img/ico_arrow_slide2.svg') center center no-repeat rgba(191, 191, 191, 0.5); background-size: 20px; outline: none; transition: .3s background-color ease-out; }
.slide-event .swiper-nav .swiper-button-prev:hover,
.slide-event .swiper-nav .swiper-button-next:hover { box-shadow: 0 3px 15px 0 rgba(32, 32, 32, 0.15); box-sizing: border-box; background: url('../img/ico_arrow_slide2.svg') center center no-repeat ,linear-gradient(to top, #bf0d3f, #ff608c); }
.slide-event .swiper-nav .swiper-button-prev { left: 0; }
.slide-event .swiper-nav .swiper-button-next { right: 0; transform: rotate(180deg); }
.slide-event .swiper-nav .swiper-button-next:after,
.slide-event .swiper-nav .swiper-button-prev:after {content: '';}


/*硫붿씤 - ?꽮?뀡 5*/
.main .sec5 { display: flex; justify-content: center; align-items: center; }
.main .sec5 .img-group { width: calc(100% - 692px); height: 440px; overflow: hidden;  }
.main .sec5 .img-group div { height: 100%; background: center center no-repeat; background-size: cover; transition: 5s all ease-out; }
.main .sec5:hover .img-group div { transform: scale(1.1); }

.main .sec5 .news-info { width: 692px; padding: 48px 56px 68px; box-sizing: border-box; }
.main .sec5 .news-info .logo-group { display: flex; align-items: flex-start; margin-bottom: 32px; }
.main .sec5 .news-info .logo-group img { margin-right: 48px; zoom: 0.5; }
.main .sec5 .news-info .logo-group img:last-child { margin-right: 0; }
.main .sec5 .news-info .news-message { margin-bottom: 48px; font-size: 24px; font-weight: 500; color: #000; line-height: 1.2;}

.main .sec5 .news-info .btn-group { display: flex; align-items: center;  }
.main .sec5 .news-info .btn-group .btn {font-family: 'LGSmHa'; display: flex; justify-content: center; align-items: center; position: relative; width: 214px; height: 44px; margin-right: 20px; box-sizing: border-box; border-radius: 8px; color: #fff !important; background:linear-gradient(to top, #bf0d3f, #ff608c); font-size: 20px; line-height: 22px; font-weight: 500; }
.main .sec5 .news-info .btn-group .btn1 {font-family: 'LGSmHa'; display: flex; justify-content: center; align-items: center; position: relative; float: left; width: 214px; height: 44px; top: 60px; right: 387px; margin-right: 20px; box-sizing: border-box; border-radius: 8px; color: #fff !important; background:linear-gradient(to top, #bf0d3f, #ff608c); font-size: 17px; line-height: 22px; font-weight: 500; }
/* .main .sec5 .news-info .btn-group .btn:last-child { margin-right: 0; }
.main .sec5 .news-info .btn-group .btn .txt { display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 2; width: 100%; padding: 0 18px; box-sizing: border-box; font-size: 20px; font-weight: 500; color: #000; }
.main .sec5 .news-info .btn-group .btn .txt .ico-arrow { display: block; width: 7px; height: 12px; background: url('../img/ico_arrow_right1.png') center center no-repeat; background-size: 7px; } */
.main .sec5 .news-info .btn-group .btn img{width: 20px;}
/*hover*/
.main .sec5 .news-info .btn-group .btn:hover .txt { color: #fff; }
.main .sec5 .news-info .btn-group .btn:hover .txt .ico-arrow { background-image: url('../img/ico_arrow_right1_active.png'); }

.main .sec5 .news-info .list-sns { display: flex; align-items: center; }
.main .sec5 .news-info .list-sns li { margin-right: 32px; }
.main .sec5 .news-info .list-sns li:last-child { margin-right: 0; }

/*motion*/
.main .sec5 .news-info .btn-group .btn .bg { display: block; position: absolute; top: 0%; left: -10px; width: 0; height: 70px; transform: skewX(10deg); background: #000; }
.main .sec5 .news-info .btn-group .btn:hover .bg { width: 200%; animation: btnMotion 1s linear 1; }
@keyframes btnMotion {
	0% { width: 0; }
	100% { width: 200%; }
}


@media only screen and (max-width: 1780px) {
	.slide-main { width: 100%; height: auto; margin-left: 0; }
}


@media only screen and (max-width: 1628px) {
	.slide-main { width: 100%; height: auto; }
	/*.slide-main .txt-group { margin-left: 54px; }
	.slide-main .swiper-util { left: 108px; }*/


	.list-product-main { width: 100%; margin: 0 auto; }


	.slide-event { zoom: 0.8; }
}


@media only screen and (max-width: 1440px) {
	.main .sec1:before { display: none; }

	/* margin-left:-54px */
	.slide-main { margin-left: 0; }
	.slide-main .txt-group { margin-left: 0; }
	.slide-main .txt-group .txt {left:108px;}
	.slide-main .swiper-util { left: 108px; }
	.mainBanner .mediaWrap{height: 140px;}
	.mainBanner .media{height: 140px;}
	.mediaWrap:hover{border: 5px solid #a50034;}
}


@media only screen and (max-width: 1280px) {
	.main .top-section { padding: 80px 0 60px 0px; box-sizing: border-box; }
	.main .top-section .tit { margin-bottom: 30px; font-size: 32px; padding-left:14px; padding-right:14px;}
	.main .top-section .tit:after { width: 32px; margin-top: 12px; }
	.main .top-section .txt { font-size: 14px;line-height: 20px; }

	.list-product-main li { position: relative !important; top: auto; right: auto !important; width: 100% !important; height: 50vw !important; margin-bottom: 16px; border: none !important; }
	.list-product-main li:last-child { margin-bottom: 0; }
	.list-product-main .tit { left: 20px; bottom: 20px; font-size: 21px; }
	.list-product-main .tit:after { width: 28px; margin-top: 10px; }
}


@media only screen and (max-width: 1024px) {
	.main .top-section { padding: 40px 30px; box-sizing: border-box;     padding: 60px 0 40px;padding-bottom:0;}
	.main .top-section .tit { margin-bottom: 22px; font-size: 24px;}
	.main .top-section .tit:after { width: 24px; height: 2px; margin-top: 13px; }
	.main .sec5 .news-info .btn-group .btn{
		font-size: 12px;
		line-height: 24px;
	}

	.main .sec1 { width: 100%; }
	/*.main .sec1:before { display: none; }*/
	.slide-main { margin-left: 0; }
	.slide-main .swiper-slide { padding: 0; }
	.slide-main .txt-group { top: calc(50% - 150px); width: 350px; height: 300px; }
	.slide-main .txt-group .txt { font-size: 24px; line-height: 34px; left: 54px;top: 55%;}
	.slide-main .bnr-slide { width: 100%; height: 100vw; max-height: 600px; }
	.slide-main .swiper-util { left: 54px; }


	.main .sec2 { padding-bottom: 60px; box-sizing: border-box; }
	.list-product-main li { position: relative !important; top: auto; right: auto !important; width: 100% !important; height: 50vw !important; margin-bottom: 16px; border: none !important; }
	.list-product-main li:last-child { margin-bottom: 0; }
	.list-product-main .tit { left: 20px; bottom: 20px; font-size: 21px; }
	.list-product-main .tit:after { width: 28px; margin-top: 10px; }


	.main .sec3 { height: 39.583vw; min-height: 300px; }
	.main .sec3 .border-group { zoom: 0.4; }
	.main .sec3 .border-group .border { transform: scale(1); }
	.main .sec3 .txt-group .txt { margin-bottom: 30px; font-size: 34px; }
	.main .sec3 .txt-group .btn { width: 120px; height: 30px; line-height: 14px; font-size: 12px; }


	.main .sec4 { padding-bottom: 60px; box-sizing: border-box; }
	.slide-event { zoom: 1; }
	.slide-event .swiper-slide { width: calc(100% - 32px); height: 44vw; margin: 0 auto; }
	.slide-event .swiper-slide .tit { height: 52px; padding: 0 40px; box-sizing: border-box; font-size: 14px; text-align: center;}
	.slide-event .swiper-nav { max-width: calc(100% - 64px); }


	.main .sec5 { display: block; }
	.main .sec5 .img-group { width: 100%; }
	.main .sec5 .news-info { width: 100%; }
	.main .sec5 .img-group { height: 50vw; max-height: 400px; }
	.main .sec5 .news-info { padding:40px 30px; box-sizing: border-box; }
	.main .sec5 .news-info .logo-group { margin-bottom: 20px; }
	.main .sec5 .news-info .logo-group img { zoom: 0.3; }
	.main .sec5 .news-info .news-message { margin-bottom: 30px; font-size: 15px; }
	.main .sec5 .news-info .btn-group .btn { width: 124px; height: 30px; margin-right: 16px; }
	.main .sec5 .news-info .btn-group .btn:last-child { margin-right: 0; }
	.main .sec5 .news-info .btn-group .btn .txt { font-size: 14px; }
	.main .sec5 .news-info .list-sns { justify-content: space-between; }
	.main .sec5 .news-info .list-sns li { margin-right: 0; }
}


@media only screen and (max-width: 720px) {
	.slide-main .txt-group .txt{white-space:inherit;}
	.wrap .padding0.topFix{padding-top: 65px;}
	.aside-menu {right: 16px; bottom: 10%;}
	.aside-menu a {width: 60px;height: 60px;image-rendering: -webkit-optimize-contrast; margin-bottom: 10px; border-radius: 50%;display: flex;align-items:center;justify-content:center;}
	.aside-menu .btn-chatbot.change img{width: 55px;}
	.aside-menu a.change img{width: 55px;height: 60px;}
	.aside-menu .btn-top {height: 60px; opacity:0;}
	.aside-menu .btn-top.on {display: none;}

	.main .sec5 .news-info .btn-group .btn1 {font-family: 'LGSmHa'; display: flex; justify-content: center; align-items: center; position: relative; float: left; width: 150px; height: 33px; top: 40px; right: 280px; margin-right: 20px; box-sizing: border-box; border-radius: 8px; color: #fff !important; background:linear-gradient(to top, #bf0d3f, #ff608c); font-size: 13px; line-height: 22px; font-weight: 500; }

	.aside-menu .scroll-top.on a {display: flex; border-radius: 56px; overflow: hidden; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16); background: #fff; }
	.aside-menu .scroll-top.on a img {width: 55px; height: 60px;}

	.mainBanner{display: block;}
	.mainBanner .mediaWrap{width: 100%;height: calc(100vw * 0.38);}
	.mainBanner .media{height: calc(100vw * 0.38);}
	.mainBanner .media .bannerText{font-size: 18px;}

	.slide-main .deco1 {left: 16px;}
	.slide-main .deco1 img {width: 55px;}
	.slide-main .deco2 {right: 16px;}
	.slide-main .deco2 img {width: 110px;}
	.slide-main .txt-group { top: calc(40%); width: 330px; height: 200px; margin-left: 24px; }
	.slide-main .txt-group .border { border-radius: 15px; box-sizing: border-box; }
	.slide-main .txt-group .txt { font-size: 18px;line-height: 24px; margin-left: 0; left: 0;top: 25%;}
	.slide-main .txt-group .txt .btnWrap {margin-top: 20px;}
	.slide-main .txt-group .txt .btnWrap a {width: 85px; height: 30px; padding: 8px 12px; font-size: 12px; line-height: 14px; font-weight: 500; border-radius: 6px; white-space: nowrap; /* @@ */}
	.slide-main .txt-group .txt .btnWrap a img {width: 12px; height: 12px;image-rendering: -webkit-optimize-contrast; margin-left:2px;}

	.slide-main .swiper-nav { width: 62px; margin-right: 20px; }
	.slide-main .swiper-nav .swiper-button-prev,
	.slide-main .swiper-nav .swiper-button-next { width: 26px; height: 26px; border-width: 1px; border-radius: 4px; box-sizing: border-box; background-size: 8px; background: url('../img/ic-prev-8-wt.png') center center no-repeat;}
	.slide-main .swiper-nav .swiper-button-prev:hover, .slide-main .swiper-nav .swiper-button-next:hover{background: url('../img/ic-prev-8-wt.png') center center no-repeat,linear-gradient(to top, #bf0d3f, #ff608c);}
	.slide-main .swiper-util { left: 24px; bottom: 24px; }
	.slide-main .swiper-pagination { font-size: 18px; }


	.slide-event .swiper-nav { top: calc(50% - 20px); }
	.slide-event .swiper-nav .swiper-button-prev,
	.slide-event .swiper-nav .swiper-button-next { width: 40px; height: 40px; border-radius: 4px; box-sizing: border-box; background-size: 14px;background: url('../img/ic-mo-prev-14-wt.png') center center no-repeat rgba(191, 191, 191, 0.5);;}
	.slide-event .swiper-nav .swiper-button-prev:hover,
	.slide-event .swiper-nav .swiper-button-next:hover{background: url('../img/ic-mo-prev-14-wt.png') center center no-repeat,linear-gradient(to top, #bf0d3f, #ff608c);}
	.main .sec5 .news-info .btn-group .btn img { width: 12px;}

	.list-product-main.ty2 {flex-direction: column;}
	.list-product-main.ty2 li a {height:180px;}
	.list-product-main.ty2 li:nth-child(1) .bg {background-image:url('../img/img-mo-bn-main-product-01.png')}
	.list-product-main.ty2 li:nth-child(2) .bg {background-image:url('../img/img-mo-bn-main-product-02.png')}
	.list-product-main.ty2 li:nth-child(3) .bg {background-image:url('../img/img-mo-bn-main-product-03.png')}


}