/*reset*/
@font-face {
 font-family: 'Nanum Square';
 font-weight: 300;
 src: url(../fonts/NanumSquareL.eot);
 src: url(../fonts/NanumSquareL.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquareL.woff) format('woff'),
      url(../fonts/NanumSquareL.ttf) format('truetype');
}

@font-face {
 font-family: 'Nanum Square';
 font-weight: 400;
 src: url(../fonts/NanumSquareR.eot);
 src: url(../fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquareR.woff) format('woff'),
      url(../fonts/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'Nanum Square';
 font-weight: 700;
 src: url(../fonts/NanumSquareB.eot);
 src: url(../fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquareB.woff) format('woff'),
      url(../fonts/NanumSquareB.ttf) format('truetype');
}
@font-face {
 font-family: 'Nanum Square';
 font-weight: 800;
 src: url(../fonts/NanumSquareEB.eot);
 src: url(../fonts/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquareEB.woff) format('woff'),
      url(../fonts/NanumSquareEB.ttf) format('truetype');
}

@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:400,600,700,800,900&display=swap');
    
*{margin:0;padding:0;box-sizing:border-box}
li{list-style:none}
img{border:0;max-width:100%;vertical-align:top}
body, td, p, input, button, textarea, select,a{font-family:'Nunito Sans','Nanum Square',sans-serif; font-size:18px; color:#4c4c4c}
body,td,div{line-height:1.4}
p{line-height:1.6;font-size:18px;color:#4c4c4c}
h1,h2,h3,h4,h5,h6,strong,th,b,dt,em{font-weight:700}
em,i{font-style:normal}
a,a:hover,a:active,a:focus{text-decoration:none}
.fonte,
.fonte *{font-family:'Nunito Sans',sans-serif}
    
    /*common*/    
    .clear:after{display:block;content:'';clear:both}
    .container{position:relative;max-width:1200px;margin:0 auto}
    
/*pc*/

@media all and (min-width:1024px) {	
    .mo{display:none}   
    
    
    /*header*/
    #header{position:fixed;left:0;top:0;width:100%;z-index:100;transition:0.5s}


    .h_sec1{height:100px;}
    .h_sec1 .container{position:static}
    .h_sec1 h1{float:left;} 
    .h_sec1 h1 a{display:block}

    .lnb{float:right}
    .lnb .close{display:none}
    .lnb .language{float:right;margin-top:35px;margin-left:80px;background:#fff}
    .lnb .language li{float:left;border:1px solid #62cb39;width:32px;line-height:30px;text-align:center;margin-left:-1px}
    .lnb .language li a{display:block;font-size:11px;font-weight:900;color:#000}
    .lnb .language li.on a{color:#fff;background:#62cb39}

    .lnb .menu{position:relative;z-index:10;float:left}
    .lnb .menu li{float:left}			
    .lnb .menu li > a{display:block;position:relative;padding:0 30px;height:100px;line-height:110px;font-size:18px;font-weight:700;color:#fff;}
    .lnb .menu li > a:after{display:block;opacity:0;content:'';position:absolute;left:0;bottom:0;height:3px;width:100%;background:#62cb39;transition:0.3s}
    .lnb .menu li:hover a:after,
    .lnb .menu li.on a:after{opacity:1}
    .lnb .menu .sub{display:none;position:absolute;left:-60px;top:100px}
    .lnb .menu .sub dd {display:inline-block}
    .lnb .menu .sub dd > a{display:block;line-height:70px;font-size:14px;color:#4c4c4c;font-weight:700;padding:0 10px;transform:skew(0.05deg)}
    .lnb .menu .sub dd.on > a,
    .lnb .menu .sub dd > a:hover{color:#62cb39}
    .lnb .sub_bg{display:none;position:absolute;left:0;top:100px;height:70px;width:100%;background:#fff;border-top:1px solid #ccc;box-shadow:0 5px 10px rgba(0,0,0,0.05)}

    #header.on,    
    #header.scroll,
    #header.sub{background:#fff;border-bottom:1px solid #ccc}

    #header.on .lnb .menu li > a,
    #header.scroll .lnb .menu li > a,
    #header.sub .lnb .menu li > a{color:#262626}


    
    /*main*/
    
    /*swiper*/
    .swiper-container-horizontal>.swiper-pagination-bullets{bottom:30px}
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px}
    .swiper-pagination-bullet{width:14px;height:14px;background:#fff}

    .swiper-button-next{background:none;width:auto;height:auto;left:auto;right:auto;margin:0}
    .swiper-button-prev{background:none;width:auto;height:auto;left:auto;right:auto;margin:0}


    /*footer*/
    .f_sec1{padding:40px 0;border-top:1px solid #ccc}  
    .f_sec1 .logo{float:left}
    .f_sec1 .company{float:left;margin-left:50px}
    .f_sec1 .address{border-bottom:2px solid #222;line-height:52px;font-size:18px;font-weight:800}
    .f_sec1 .contact{line-height:52px;font-size:17px;font-weight:700;color:#666}
    
    .family_stie{float:right;position:relative;width:220px;margin-top:30px}
	.family_stie em{display:block;line-height:45px;padding:0 20px;border:1px solid #000;background:url('../images/family_arrow.png') no-repeat 90% center #fff;font-size:16px;cursor:pointer}
	.family_stie ul{display:none;position:absolute;width:100%;bottom:46px;background:#fff;border:1px solid #000;padding:5px 0}
	.family_stie ul li{padding:5px 5px 5px 20px}
	.family_stie ul li a{font-size:16px}
	.family_stie ul li a:hover{color:#62cb39;font-weight:700}
	.family_stie:hover em{background:url('../images/family_arrow_on.png') no-repeat 90% center #fff}
	.family_stie:hover ul{display:block}
    
    .f_sec2{background-color:#62cb39;text-align:center;color:#fff;font-size:14px;font-weight:700;height:50px;line-height:50px;}

}

@media all and (max-width:1200px) {	
    .lnb .menu li > a{padding:0 20px;}
}

/*mobile*/
@media all and (max-width:1023px) {
    body, div, td, p, input, button, textarea, select,a{font-size:12px}
    .pc{display:none}
    
    

    
	
	/*header*/
	#header{position:fixed;left:0;top:0;width:100%;z-index:100}
	.h_sec1{height:65px;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.05)}
	.h_sec1 h1{text-align:center} 
    .h_sec1 h1 img{height:65px;vertical-align:top}   
	
    .lnb .language{margin:10px 20px;background:#fff}
    .lnb .language li{float:left;border:1px solid #62cb39;width:32px;line-height:30px;text-align:center;margin-left:-1px}
    .lnb .language li a{display:block;font-size:11px;font-weight:900;color:#000}
    .lnb .language li.on a{color:#fff;background:#62cb39}
	
	.lnb{position:fixed;width:65%;left:-65%;top:0;z-index:90;height:100%;background:#fff;transition:.3s;overflow:auto}
	.lnb.on {left:0;transition:.3s}
	.lnb .close{color:#fff;float:right;width:40px;height:40px;background:url('../images/lnb_close.png') no-repeat;margin:10px}
	.lnb .menu{clear:both}
	.lnb .menu li{border-bottom:1px solid #ddd}
    .lnb .menu li.be > a{background:url('../images/lnb_plus.png') no-repeat 95% center}
	.lnb .menu li > a{display:block;height:45px;line-height:45px;font-size:16px;padding-left:20px;font-weight:700}
    .lnb .menu li.on > a{color:#62cb39;background:url('../images/lnb_plus_on.png') no-repeat 95% center}
	.lnb .menu .sub{display:none;background:#aaa}
	.lnb .menu .sub dl{padding:10px 0}
	.lnb .menu .sub dd > a{display:block;line-height:30px;font-size:14px;color:#fff;padding-left:20px}

	.body_bg.on{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6;z-index:80}
    
    .h_sec1 .lnb_open{position:absolute;left:0;top:0}
    .h_sec1 .lnb_open img{height:60px;vertical-align:top}
    
    
    
    /*main*/
    #main{padding:65px 0 0;clear:both}
    
    
    /*swiper*/
    .swiper-container-horizontal>.swiper-pagination-bullets{bottom:15px}
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}
    .swiper-pagination-bullet{width:10px;height:10px;background:#fff}
    
    .swiper-button-next{background:none;width:auto;height:auto;left:auto;right:auto;margin:0}
    .swiper-button-prev{background:none;width:auto;height:auto;left:auto;right:auto;margin:0}
    
    
	
    /*footer*/
    #footer{clear:both}
    .f_sec1{padding:20px 3%;border-top:1px solid #ccc}  
    .f_sec1 .logo{float:left;width:30%}
    .f_sec1 .company{float:left;width:70%;padding-left:10px}
    .f_sec1 .address{border-bottom:2px solid #222;line-height:1.4;font-size:12px;font-weight:800;padding-bottom:8px;margin-bottom:8px}
    .f_sec1 .contact{line-height:1.4;font-size:12px;font-weight:700;color:#666}
    
    .family_stie{float:left;position:relative;width:165px;margin-top:5px;margin-left:10px}
	.family_stie em{display:block;line-height:22px;padding:0 10px;border:1px solid #000;background:url('../images/family_arrow.png') no-repeat 90% center #fff;font-size:12px;cursor:pointer}
	.family_stie ul{display:none;position:absolute;width:100%;bottom:23px;background:#fff;border:1px solid #000;padding:5px 0}
	.family_stie ul li{padding:5px 5px 5px 10px}
	.family_stie ul li a{font-size:12px}
	.family_stie ul li a:hover{color:#62cb39;font-weight:700}
	.family_stie:hover em{background:url('../images/family_arrow_on.png') no-repeat 90% center #fff}
	.family_stie:hover ul{display:block}
    
    .f_sec2{clear:both;background-color:#62cb39;text-align:center;color:#fff;font-size:12px;font-weight:700;line-height:30px;}
	


}