/*_pc*/
@media all and (min-width:1201px) {	 
    
    
    .h3_tit{text-align:center;margin:60px 0}
    .h3_tit.barV:before{content:'';display:inline-block;height:90px;width:1px;background:#000}
    .h3_tit.barH:before{content:'';display:inline-block;height:1px;width:90px;background:#000;}
    .h3_tit h3{font-size:50px;margin:20px 0 10px}
    .h3_tit .desc{font-size:24px;margin:0px 0;color:#333}
    .h3_tit .desc em{color:var(--point-red);font-weight:400}
    
    .h3_tit.w.barV:before,
    .h3_tit.w.barH:before{background:#fff}
    .h3_tit.w h3,
    .h3_tit.w .desc{color:#fff}
    
    
    

    .msec1{position:relative;overflow:hidden}
    .msec1 .swiper-slide{position:relative;height:100vh;overflow:hidden}
    .msec1 .swiper-slide .bg{position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(1.1);transition:10s}
    .msec1 .swiper-slide-active .bg{transform: scale(1)}
    .msec1 .slogan{position:absolute;z-index:10;top:38%;width:100%;text-align:center;font-family:"NanumSquareRound"}
    .msec1 .slogan > div{position:relative;top:10px;font-weight:800;opacity:0;line-height:1.3}
    .msec1 .slogan .text1{font-size:40px;color:#fff;transition:0.5s 0.5s}
    .msec1 .slogan .text2{font-size:70px;color:#7bd019;font-weight:900;transition:0.5s 1s}
    .msec1 .slogan .text3{font-size:40px;color:#fff;margin-top:40px;transition:0.5s 1.5s}
    .msec1.on .slogan .text1{top:0;opacity:1}
    .msec1.on .slogan .text2{top:0;opacity:1}
    .msec1.on .slogan .text3{top:0;opacity:1}
    
    .msec1 .snow {position: absolute;top:0;z-index:10;width:10px;height:10px;background: #fff;border-radius: 50%;box-shadow: 0 0 3px 3px #fff;}


    

    .msec2{padding:1px 0 100px;background:var(--sec-bg-color); }
    .msec2 .h3_tit{margin-top:0}
    .msec2 .prd_group{display:flex;gap:20px;margin:80px 0}
    .msec2 .prd_group li{flex:1;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.1);max-width:564px;background:#fff;margin:0 auto;overflow:hidden}   
    .msec2 .prd_group li:hover .thumb img{transform:scale(1.05)}
    .msec2 .prd_group .thumb{overflow:hidden}
    .msec2 .prd_group .thumb img{transition:0.3s}
    .msec2 .prd_group .infoG{padding:20px 10px;text-align:center;}
    .msec2 .prd_group .infoG .tit{font-size:25px}
    .msec2 .prd_group .infoG .desc{font-size:20px;font-weight:300;color:#333;margin-top:-5px}
    .msec2 .prd_group .infoG .priceG{display:flex;justify-content:center;align-items:center;gap:10px; margin:5px 0}
    .msec2 .prd_group .priceG .price{font-size:25px;text-decoration: line-through}
    .msec2 .prd_group .priceG .price-sale{font-size:35px;font-weight:600;color:#cc3333}

    .msec2 .list{display:flex;gap:70px;flex-wrap:wrap}    
    .msec2 .list li{width:calc((100% - 70px)/2)}
    .msec2 .list .thumb{overflow:hidden}
    .msec2 .list .thumb img{vertical-align: top; transition:0.3s}
    .msec2 .list .thumb:hover img{transform:scale(1.1)}
    .msec2 .list .info{display:flex;justify-content: space-between;align-items:center; padding:20px 20px;border-bottom:1px solid #ddd}
    .msec2 .list .info .name{font-size:24px;font-weight:600}
	

   
	.s_con2{padding:80px 0 30px;overflow:hidden; background:url('../images/ms5_bg.jpg') no-repeat center /cover}
    .s_con2 .h4G{text-align:center}
	.s_con2 .h4G:before{content:'';display:block;height:50px;width:2px;background:#e0e0e0;margin:0 auto}
    .s_con2 .h4G h4{font-size:44px; color:#c4e365}
    .s_con2 .h4G .add{display:block;font-size:18px;color:#e0e0e0;margin:5px 0 0}
    
    .s_con2 .roll_banner{margin:60px 0 80px}
    .s_con2 .swiper-slide{text-align:center}
    .s_con2 .swiper-slide .thumb{overflow:hidden}
    .s_con2 .swiper-slide .thumb img{vertical-align: top; transition:0.3s}
    .s_con2 .swiper-slide .thumb:hover img{transform:scale(1.1)}
    .s_con2 .swiper-slide .info{margin:20px 0 0;line-height:1.6}
    .s_con2 .swiper-slide .info .num{font-size:18px;/*font-weight:600*/;color:#e9e9e9}
    .s_con2 .swiper-slide  .info .desc{font-size:14px;color:#e0e0e0}
    .s_con2 .swiper-slide  .info .desc span{margin:0 20px}
    .s_con2 .swiper-button-prev{left:10px;top:40%; z-index:100000}
    .s_con2 .swiper-button-next{right:10px;top:40%; z-index:100000}
    
    
    .msec4{margin:100px 0 0;height:500px;background:url('../images/ms4_bg.jpg') no-repeat center /cover}
    .msec4 .container{height:100%}
    .msec4 .titG{position:absolute;right:0;width:50%;padding-left:50px;top:50%;transform:translateY(-50%)}
    .msec4 .titG .tit{display:flex;align-items:center; font-size:50px;color:#e25332}
    .msec4 .titG .tit:after{content:'';display:inline-block;;width:90px;height:1px;background:#e25332;margin-left:20px;}
    .msec4 .titG .desc{font-size:28px;margin:10px 0;font-weight:300}
    .msec4 .titG .btn-more{margin-top:50px}
    
    
    .msec5{background:url('../images/ms5_bg.jpg') no-repeat center /cover;padding:1px 0 100px}
    .msec5 .list{display:flex;gap:40px}
    .msec5 .list li{flex:1;text-align:center}    
    .msec5 .list li:hover .thumb img{transform:scale(1.05)}
    .msec5 .list .thumb img{border-radius:10px;overflow:hidden;transition:0.3s}
    .msec5 .list .infoG{margin:20px 0;color:#fff}
    .msec5 .list .infoG .tit{font-size:24px;}
    .msec5 .list .infoG .desc{font-size:18px;color:#fff}
    .msec5 .list li:nth-child(1) .infoG .tit{color:#ffc571}
    .msec5 .list li:nth-child(2) .infoG .tit{color:#f7ff71}
    .msec5 .list li:nth-child(3) .infoG .tit{color:#a9f0ff}
    .msec5 .list li:nth-child(4) .infoG .tit{color:#ff9933} 
    
    .msec6{position:relative;background:url('../images/ms6_bg.jpg') no-repeat center /cover;}
    .msec6 .container{display:flex;align-items:center; height:470px}
    .msec6 .infoG{text-align:center;color:#000;line-height:1.2}
    .msec6 .infoG .tit{font-size:23px}
    .msec6 .infoG .tel{margin:20px 0}
    .msec6 .infoG .tel a{display:block;color:#333;font-size:36px}
    .msec6 .infoG .btn{display:flex;gap:20px; margin-top:40px}
    .msec6 .infoG .btn a{flex:1;line-height:55px;font-size:20px;color:#333;border:1px solid #666;border-radius:5px;transition:0.3s}
    .msec6 .infoG .btn a:hover{background:#333;color:#fff}
    .msec6 .mapG{position:absolute;left:50%;top:0;height:100%;width:50%;background:#fff}

  .msec8{position:relative} 
    .msec8{ padding:50px 0 ;background:#fef9f5;overflow:hidden}
    .msec8 .headG{text-align:center}
    .msec8 .headG:before{content:'';display:inline-block;height:50px;border-left:1px solid #000;margin:20px auto}
    .msec8 .headG .tit{font-size:44px}
    .msec8 .headG .desc{font-size:18px;margin:10px 0;color:#999}
		
    .msec8 .swiper-slide .thumb{overflow:hidden;margin-top:50px}
    .msec8 .swiper-slide .thumb .bg{display:block;padding-bottom:60%;transition:0.3s}
    .msec8 .swiper-slide .thumb:hover .bg{transform:scale(1.1)}
    .msec8 .swiper-button-prev,
    .msec8 .swiper-button-next{top:calc(65% - 150px)}
    .msec8 .swiper-slide .info{margin:0 auto;text-align:center;padding:20px 0 40px}
    .msec8 .swiper-slide .info .tit{display:inline-block;font-size:20px;border-bottom:1px solid #ddd;padding:15px 10px}
    .msec8 .swiper-slide .info .stit{margin:20px 0;color:#aaa;letter-spacing:2px;font-size:0.8rem}
    .msec8 .swiper-slide .info .more{}  

}

    

/*_mobile*/
@media all and (max-width:1200px) {

    .h3_tit{text-align:center;margin:30px 0}
    .h3_tit.barV:before{content:'';display:inline-block;height:50px;width:1px;background:#000}
    .h3_tit.barH:before{content:'';display:inline-block;height:1px;width:50px;background:#000;}
    .h3_tit h3{font-size:30px;margin:20px 0 10px}
    .h3_tit .desc{font-size:14px;margin:10px 0;color:#333}
    .h3_tit .desc em{color:var(--point-red);font-weight:400}
    
    .h3_tit.w.barV:before,
    .h3_tit.w.barH:before{background:#fff}
    .h3_tit.w h3,
    .h3_tit.w .desc{color:#fff}
    

    .msec1{position:relative;overflow:hidden}
    .msec1 .swiper-slide{position:relative;height:100vh;overflow:hidden}
    .msec1 .swiper-slide .bg{position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(1.1);transition:10s}
    .msec1 .swiper-slide-active{z-index:10}
    .msec1 .swiper-slide-active .bg{transform: scale(1)}
    .msec1 .slogan{position:absolute;z-index:10;top:38%;width:100%;text-align:center;font-family:"NanumSquareRound"}
    .msec1 .slogan > div{position:relative;top:10px;font-weight:800;opacity:0;line-height:1.3;}
    .msec1 .slogan .text1{font-size:25px;color:#000;transition:0.5s 0.5s}
    .msec1 .slogan .text2{font-size:35px;color:#7bd019;font-weight:900;transition:0.5s 1s}
    .msec1 .slogan .text3{font-size:25px;color:#000;margin-top:40px;transition:0.5s 1.5s}
    .msec1.on .slogan .text1{top:0;opacity:1}
    .msec1.on .slogan .text2{top:0;opacity:1}
    .msec1.on .slogan .text3{top:0;opacity:1}
    
    .msec1 .snow {position: absolute;top:0;z-index:10;width:10px;height:10px;background: #fff;border-radius: 50%;box-shadow: 0 0 3px 3px #fff;}


    

    .msec2{padding:1px 0 30px;background:var(--sec-bg-color);}
    .msec2 .h3_tit{margin-top:0}
    .msec2 .prd_group{margin:40px 0}
    .msec2 .prd_group li{flex:1;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.1);max-width:564px;background:#fff;margin:20px auto;overflow:hidden}   
    .msec2 .prd_group li:hover .thumb img{transform:scale(1.05)}
    .msec2 .prd_group .thumb{overflow:hidden}
    .msec2 .prd_group .thumb img{transition:0.3s}
    .msec2 .prd_group .infoG{padding:20px 10px;text-align:center;}
    .msec2 .prd_group .infoG .tit{font-size:20px}
    .msec2 .prd_group .infoG .desc{font-size:16px;font-weight:300;color:#333;}
    .msec2 .prd_group .infoG .priceG{display:flex;justify-content:center;align-items:center;gap:10px; margin:5px 0}
    .msec2 .prd_group .priceG .price{font-size:18px;text-decoration: line-through}
    .msec2 .prd_group .priceG .price-sale{font-size:20px;font-weight:600;color:#cc3333}
    
    .msec2 .list .thumb{overflow:hidden}
    .msec2 .list .thumb img{vertical-align: top; transition:0.3s}
    .msec2 .list .thumb:hover img{transform:scale(1.1)}
    .msec2 .list .info{display:flex;justify-content: space-between;align-items:center; padding:20px 20px;border-bottom:1px solid #ddd}
    .msec2 .list .info .name{font-size:16px;font-weight:600}
	


    .s_con2{padding:20px 0 10px;overflow:hidden;position:relative; background:url('../images/ms5_bg.jpg') no-repeat center /cover}
    .s_con2 .h4G{text-align:center}
	.s_con2 .h4G:before{content:'';display:block;height:20px;width:1px;background:#e0e0e0;margin:5px auto}
    .s_con2 .h4G h4{font-size:26px; color:#c4e365}
    .s_con2 .h4G .add{display:block;font-size:14px;color:#e0e0e0;margin:5px 0 0}
    
    .s_con2 .roll_banner{margin:30px 0 40px}
    .s_con2 .swiper-slide{text-align:center}
    .s_con2 .swiper-slide .thumb{overflow:hidden}
    .s_con2 .swiper-slide .thumb img{transition:0.3s}
    .s_con2 .swiper-slide .thumb:hover img{transform:scale(1.1)}
    .s_con2 .swiper-slide .info{margin:10px 0 0;line-height:1.6}
    .s_con2 .swiper-slide .info .num{font-size:16px;font-weight:600;color:#e9e9e9}
    .s_con2 .swiper-slide  .info .desc{font-size:12px;color:#e9e9e9}
    .s_con2 .swiper-slide  .info .desc span{margin:0 10px}
    .s_con2 .swiper-button-prev{left:-80px;top:40%}
    .s_con2 .swiper-button-next{right:-80px;top:40%}
    
    
    .msec4{margin:50px 0 0;height:400px;background:url('../images/ms4_bg.jpg') no-repeat center /cover}
    .msec4 .container{height:100%}
    .msec4 .titG{position:absolute;left:0;width:100%;top:50%;transform:translateY(-50%);text-align:center}
    .msec4 .titG .tit{font-size:30px;color:#e25332}
    .msec4 .titG .tit:before{content:'';display:block;;width:50px;;margin:20px auto;height:1px;background:#e25332;}
    .msec4 .titG .desc{font-size:18px;margin:10px 0;font-weight:300}
    .msec4 .titG .btn-more{margin-top:40px}
    
    
    .msec5{background:url('../images/ms5_bg.jpg') no-repeat center /cover;padding:1px 0 60px}
    .msec5 .list{}
    .msec5 .list li{text-align:center;margin:30px 0}    
    .msec5 .list li:hover .thumb img{transform:scale(1.05)}
    .msec5 .list .thumb img{border-radius:10px;overflow:hidden;transition:0.3s}
    .msec5 .list .infoG{margin:15px 0;color:#fff}
    .msec5 .list .infoG .tit{font-size:20px;}
    .msec5 .list .infoG .desc{font-size:14px;color:#fff}
    .msec5 .list li:nth-child(1) .infoG .tit{color:#ffc571}
    .msec5 .list li:nth-child(2) .infoG .tit{color:#f7ff71}
    .msec5 .list li:nth-child(3) .infoG .tit{color:#a9f0ff}
	.msec5 .list li:nth-child(4) .infoG .tit{color:#ff9933}
    
    
    .msec6{position:relative;/*background:url('../images/ms6_bg.jpg') no-repeat center /cover;*/ background:#f8f8f8}
    .msec6 .container{ }
    .msec6 .infoG{text-align:center;color:#666;line-height:1.2;padding:30px 0}
    .msec6 .infoG .tit{font-size:18px}
    .msec6 .infoG .tel{margin:20px 0}
    .msec6 .infoG .tel a{display:block;color:#666;font-size:26px}
    .msec6 .infoG .btn{display:flex;gap:10px; ;margin:0 auto;margin-top:30px;max-width:480px}
    .msec6 .infoG .btn a{flex:1;line-height:38px;font-size:15px;color:#666;border:1px solid #666;border-radius:5px;transition:0.3s}
    .msec6 .infoG .btn a:hover{background:#333;color:#fff}
    .msec6 .mapG{height:350px;background:#fff}

	.msec8{padding:20px 0 10px;background:#f7f6f6;overflow:hidden; position:relative}
    .msec8 .headG{text-align:center}
	 .msec8 .headG:before{content:'';display:inline-block;height:20px;border-left:1px solid #000;margin:5px auto}
    .msec8 .headG .tit{font-size:26px}
    .msec8 .headG .desc{font-size:14px;margin:1px 0;color:#333; }

    .msec8 .swiper-slide .thumb{overflow:hidden;margin-top:20px}
    .msec8 .swiper-slide .thumb .bg{display:block;padding-bottom:60%;transition:0.3s}
    .msec8 .swiper-slide .thumb:hover .bg{transform:scale(1.1)}

    .msec8 .swiper-slide .info{margin:0 auto;text-align:center;padding:10px 0 20px}
    .msec8 .swiper-slide .info .tit{display:inline-block;font-size:16px;border-bottom:1px solid #ddd;padding:5px 10px}
    .msec8 .swiper-slide .info .stit{margin:10px 0;color:#aaa;letter-spacing:2px;font-size:12px}
    .msec8 .swiper-slide .info .more{}


}