
/*pc*/
@media all and (min-width:1000px) {	
    /*서브공통*/
    
    .contents{padding:50px 0 100px}
    .md_menu{}
    .md_menu dl{}
    .md_menu dd{float:left;width:20%;border-left:1px solid #fff}
    .md_menu dd a{display:block;height:50px;line-height:50px;text-align:center;font-size:17px;font-weight:600;color:#fff;background:#c2c2c2}
	.md_menu dd a.grid2{line-height:18px;padding-top:7px}
    .md_menu dd a:hover,
    .md_menu dd.on a{background:#76be43}
    
    .h2_tit{margin:50px 0;text-align:center}
    .h2_tit .t2{font-size:36px;}
    .h2_tit i{display:inline-block;width:40px;margin:10px 0;border-top:2px solid #76be43}
    .h2_tit .t1{font-size:22px;font-weight:400}
    
    

	/*76be43*/
    
   
    /*history*/
    .s0101 h3{position:relative;text-align:center;margin:50px 0}
    .s0101 h3:before{position:absolute;width:100%;top:50%;display:block;content:'';border-top:1px solid #76be43;}
    .s0101 h3 b{position:relative;display:inline-block;background:#fff;font-size:36px;line-height:50px;padding:0 30px;text-transform:uppercase}
    .s0101 h3 b:before{position:absolute;left:0;display:block;content:'';width:7px;height:7px;background:#76be43;border-radius:50%;top:50%;margin-top:-3px}
    .s0101 h3 b:after{position:absolute;right:0;display:block;content:'';width:7px;height:7px;background:#76be43;border-radius:50%;top:50%;margin-top:-3px}
    
    .s0101 .history{position:relative;margin:50px 0}
    .s0101 .history dl{position:relative;width:50%;overflow:hidden;min-height:140px}
    .s0101 .history dl:first-child{background:url('../images/sub/s0101_em_right_start.gif') no-repeat !important}
    .s0101 .history dl:nth-child(odd){left:50%;margin-left:-20px;padding-left:220px;background:url('../images/sub/s0101_em_right.gif') no-repeat}
    .s0101 .history dl:nth-child(even){left:0%;margin-left:24px;text-align:right;padding-right:220px;background:url('../images/sub/s0101_em_left.gif') no-repeat right 0}

    .s0101 .history dl dt{font-size:32px}
    .s0101 .history dl dd{margin:10px 0}

    .s0101 .sec2{margin:200px 0 0}
    .s0101 .sec2 h4{text-align:center;margin:60px 0 20px}
    .s0101 .sec2 h4 b{display:inline-block;min-width:130px;background:#76be43;line-height:45px;color:#fff;font-size:24px;padding:0 20px}
    .s0101 .sec2 ul{text-align:center}
    .s0101 .sec2 li{display:inline-block;width:190px;margin:0 4px 20px;vertical-align:top}
    .s0101 .sec2 li:first-child{margin-left:0}
    .s0101 .sec2 li:last-child{margin-right:0}
    .s0101 .sec2 li .thumb{}
    .s0101 .sec2 li .info{margin:10px 0;font-weight:600}
    
    
    
    /*76be43*/
    /*비젼/경영이념*/
    .s0102 .sec1{position:relative}
    .s0102 .sec1 h3{position:absolute;width:100%;text-align:center;top:10%;font-size:60px;font-weight:400;color:#fff}
    .s0102 .sec1 ul{position:absolute;width:84%;height:60%;left:8%;bottom:30px;text-align:center}
    .s0102 .sec1 li{position:relative;float:left;width:30%;height:100%;margin:0 1.6%;border:1px solid #76be43}
    .s0102 .sec1 li b{position:absolute;width:100%;left:0;bottom:0;height:70%;font-size:30px;color:#fff;border:4px solid #76be43;border-top:0;padding-top:20px;text-shadow:1px 1px 1px #000}
    
    .s0102 .sec2{margin:200px 0}
    .s0102 .sec2 h3{text-align:center;font-size:60px;font-weight:400;color:#76be43}
    .s0102 .sec2 ul{margin:100px 0;}
    .s0102 .sec2 li{display:none}
    
    
    /*브랜드*/
    .s0103 .sec1{}
    .s0103 .sec1 .tab{width:83%;margin:50px auto}
    .s0103 .sec1 .tab li{float:left;width:20%;opacity:0.5}
    .s0103 .sec1 .tab li.on{opacity:1}
	
	.s0103 .sec1 .tab2{width:200px;margin:0 auto}
    .s0103 .sec1 .tab2 li{float:left;width:100%;opacity:0.5}
    .s0103 .sec1 .tab2 li.on{opacity:1;}
	
    .s0103 .sec1 .con{margin-top:100px;border-top:1px solid #f0595d}
    .s0103 .sec1 .con.t1{}
    .s0103 .sec1 .con.t1 li{float:left;width:50%}
    .s0103 .sec1 .con.t1 li.last{width:100%;margin:10px 0}
    .s0103 .sec1 .con.t1 li.last dl{margin-left:-1%}
    .s0103 .sec1 .con.t1 li.last dd{float:left;width:19%;margin-left:1%}
    
    
    /*수출국가 및 해외활동*/
    .s0104 .sec1{position:relative;background:url('../images/sub/s0104_img.jpg') no-repeat center;height:919px;margin-top:100px}
    .s0104 .sec1 .country{position:absolute}
    .s0104 .sec1 .country dt{font-size:24px;font-weight:800;letter-spacing:-1px;margin:5px 0;color:#555}
    .s0104 .sec1 .country dd{margin:6px 0}
    .s0104 .sec1 .country dd b{color:#000}
    .s0104 .sec1 .china{left:20%;top:0}
    .s0104 .sec1 .hongkong{left:0%;top:220px}
    .s0104 .sec1 .vietnam{left:5%;top:460px}
    .s0104 .sec1 .japan{right:0%;top:210px;text-align:right}
    .s0104 .sec1 .taiwan{right:9%;top:510px;text-align:right}
    .s0104 .sec1 .indonesia{left:47%;top:750px}
    
    
    /*위치안내*/
    .s0105 .wrap_map{height:400px !important}
    .s0105 .info {font-size:20px;margin:50px 0}
    .s0105 .info li{padding-left:80px;line-height:50px;margin:10px 0;font-weight:400}
    .s0105 .info li.address{background:url('../images/sub/ico_address.gif') no-repeat}
    .s0105 .info li.tel{background:url('../images/sub/ico_tel.gif') no-repeat}
    .s0105 .info li.tel span{margin-left:20px}
    .s0105 .info li.mail{background:url('../images/sub/ico_mail.gif') no-repeat}
    .s0105 .info li b{display:inline-block;width:120px}
    
    
    
    /*제품소개*/
    .s0201 .sec1{}
    .s0201 .sec1 .tab{width:83%;margin:50px auto}
    .s0201 .sec1 .tab li{float:left;width:20%;opacity:0.5}
    .s0201 .sec1 .tab li.on{opacity:1}
	
	.s0201 .sec1 .tab2{width:200px;margin:0 auto}
    .s0201 .sec1 .tab2 li{float:left;width:100%;opacity:0.5}
    .s0201 .sec1 .tab2 li.on{opacity:1;}
	
    .s0201 .sec1 .con{margin-top:100px}
    .s0201 .sec1 .con.t1{}
    .s0201 .sec1 .con.t1 .list{margin:50px 0}
    .s0201 .sec1 .con.t1 .list .tit{display:table;float:left;width:11%;height:120px;;text-align:center;color:#fff;font-size:24px;font-weight:700;background:#f0595d}
    .s0201 .sec1 .con.t1 .list .tit i{display:table-cell;vertical-align:middle}
	.s0201 .sec1 .con.t1 .list.item4 .tit{font-size:22px}
	.s0201 .sec1 .con.t1 .list ul{float:right;width:89%}
    .s0201 .sec1 .con.t1 .list ul li{float:left;width:33.33%;padding-left:10px}
    .s0201 .sec1 .con.t1 .list ul li .stit{background:#636363;height:68px;line-height:68px;text-align:center;color:#fff;font-size:16px;font-weight:600}
    .s0201 .sec1 .con.t1 .list ul li dl{margin:15px 0;font-size:12px;line-height:1.3}
    .s0201 .sec1 .con.t1 .list ul li dd{margin:6px 0;padding-left:6px;text-indent:-6px}


	/*온라인판매처*/
	.s0301 .tit{text-align:center}
	.s0301 ul{width:80%;margin:50px auto}
	.s0301 li{float:left;width:33.33%;text-align:center;margin:5px 0}
	.s0301 li:nth-child(3n+1){clear:both}
    
}



/*mobile*/
@media all and (max-width:999px) {   

    /*서브공통*/    
	.contents{padding:25px 3% 50px}
    .md_menu{}
    .md_menu dl{}
    .md_menu dd{float:left;width:33%;border-left:1px solid #fff;border-top:1px solid #fff}
    .md_menu dd a{display:block;height:30px;line-height:30px;text-align:center;font-size:12px;font-weight:600;color:#fff;background:#c2c2c2}
	.md_menu dd a.grid2{line-height:12px;padding-top:3px;font-size:11px}
    .md_menu dd a:hover,
    .md_menu dd.on a{background:#76be43}
    
    .h2_tit{margin:25px 0;text-align:center}
    .h2_tit .t2{font-size:22px;}
    .h2_tit i{display:inline-block;width:20px;margin:5px 0;border-top:1px solid #76be43}
    .h2_tit .t1{font-size:16px;font-weight:400}
    
    

    
    /*history*/
    .s0101 h3{position:relative;text-align:center;margin:25px 0}
    .s0101 h3:before{position:absolute;width:100%;top:50%;display:block;content:'';border-top:1px solid #76be43;}
    .s0101 h3 b{position:relative;display:inline-block;background:#fff;font-size:18px;line-height:25px;padding:0 20px}
    .s0101 h3 b:before{position:absolute;left:0;display:block;content:'';width:5px;height:5px;background:#76be43;border-radius:50%;top:50%;margin-top:-2px}
    .s0101 h3 b:after{position:absolute;right:0;display:block;content:'';width:5px;height:5px;background:#76be43;border-radius:50%;top:50%;margin-top:-2px}
    
    .s0101 .history{position:relative;margin:30px 0}
    .s0101 .history dl{position:relative;overflow:hidden;padding:30px 0;border-bottom:1px solid #eee}
    .s0101 .history dl:last-child{border-bottom:0}
    .s0101 .history dl dt{font-size:26px;padding:0 5%}
    .s0101 .history dl dd{margin:10px 0;padding:0 5%}

    .s0101 .sec2{margin:50px 0}
    .s0101 .sec2 h4{text-align:center;margin:40px 0 20px}
    .s0101 .sec2 h4 b{display:inline-block;min-width:80px;background:#76be43;line-height:30px;color:#fff;font-size:16px}
    .s0101 .sec2 ul{text-align:center}
    .s0101 .sec2 li{display:inline-block;width:40%;margin:0 4px 20px;vertical-align:top}
    .s0101 .sec2 li:first-child{margin-left:0}
    .s0101 .sec2 li:last-child{margin-right:0}
    .s0101 .sec2 li .thumb{}
    .s0101 .sec2 li .info{margin:10px 0;font-weight:600}
    
    
    
    /*비젼/경영이념*/
    .s0102 .sec1{position:relative}
    .s0102 .sec1 h3{position:absolute;width:100%;text-align:center;top:20%;font-size:30px;font-weight:400;color:#fff}
    .s0102 .sec1 ul{position:absolute;width:95%;height:66%;left:2.5%;bottom:-45%;text-align:center}
    .s0102 .sec1 li{position:relative;float:left;width:31.3%;height:100%;margin:0 1%;border:1px solid #76be43}
    .s0102 .sec1 li b{position:absolute;width:100%;left:0;bottom:0;height:70%;font-size:14px;color:#76be43;border:2px solid #76be43;border-top:0;padding-top:15px}
    
    .s0102 .sec2{margin-top:35%}
    .s0102 .sec2 h3{text-align:center;font-size:28px;font-weight:400;color:#76be43}
    .s0102 .sec2 ul{margin:50px 0;text-align:center}
    .s0102 .sec2 li{display:none}
    
    
    
    /*브랜드*/
    .s0103 .sec1{}
    .s0103 .sec1 .tab{width:100%;margin:20px auto}
    .s0103 .sec1 .tab li{float:left;width:20%;opacity:0.5}
    .s0103 .sec1 .tab li.on{opacity:1}
	
	.s0103 .sec1 .tab2{visibility: hidden; margin-bottom: -80px;}
	
    .s0103 .sec1 .con.t1{}
    .s0103 .sec1 .con.t1 li{}
    .s0103 .sec1 .con.t1 li.last{width:100%;margin:5px 0}
    .s0103 .sec1 .con.t1 li.last dl{margin-left:-1%}
    .s0103 .sec1 .con.t1 li.last dd{float:left;width:19%;margin-left:1%}
    

    /*수출국가 및 해외활동*/
    .s0104 .sec1{margin-top:50px;padding:0 2%}
    .s0104 .sec1 .country{border-bottom:1px solid #ddd;padding:20px 0}
    .s0104 .sec1 .country:last-child{border:0}
    .s0104 .sec1 .country .flag{float:left;width:30px;margin-right:10px}
    .s0104 .sec1 .country dl{font-size:13px}
    .s0104 .sec1 .country dt{font-size:24px;font-weight:800;letter-spacing:-1px;margin-bottom:10px;line-height:20px;color:#555}
    .s0104 .sec1 .country dd{margin:6px 0}
    .s0104 .sec1 .country dd b{color:#000}
    
    
    /*위치안내*/
    .s0105 .wrap_map{height:200px !important}
    .s0105 .info {font-size:14px;margin:30px 0}
    .s0105 .info li{padding-left:60px;line-height:25px;margin:10px 0;font-weight:600;background-size:25px !important}
    .s0105 .info li.tel span{display:block}
    .s0105 .info li b{display:inline-block;width:0;text-indent:-50px;color:#76be43}
    
    
     /*제품소개*/
    .s0201 .sec1{}
    .s0201 .sec1 .tab{width:100%;margin:20px auto}
    .s0201 .sec1 .tab li{float:left;width:20%;opacity:0.5}
    .s0201 .sec1 .tab li.on{opacity:1}
	
	.s0201 .sec1 .tab2{visibility: hidden; margin-bottom: -100px;}
	
    .s0201 .sec1 .con{margin-top:50px}
    .s0201 .sec1 .con.t1{}
    .s0201 .sec1 .con.t1 .list{margin:50px 0}
    .s0201 .sec1 .con.t1 .list .tit{display:inline-block;min-width:40%;padding-right:10px;height:40px;line-height:40px;color:#fff;font-size:14px;font-weight:700;background:#f0595d;text-indent:10px}
    .s0201 .sec1 .con.t1 .list.item4 .tit{font-size:13px}
	.s0201 .sec1 .con.t1 .list ul{}
    .s0201 .sec1 .con.t1 .list ul li{margin:10px 0}
    .s0201 .sec1 .con.t1 .list ul li .stit{margin:10px 0;color:#f0595d;font-size:18px;font-weight:600}
    .s0201 .sec1 .con.t1 .list ul li dl{margin:15px 0;font-size:12px;line-height:1.3}
    .s0201 .sec1 .con.t1 .list ul li dd{margin:6px 0;padding-left:6px;text-indent:-6px}
	


	/*온라인판매처*/
	.s0301 .tit{text-align:center;width:70%;margin:0 auto}
	.s0301 ul{width:100%;margin:30px auto}
	.s0301 li{float:left;width:50%;text-align:center;margin:5px 0;padding:0 10px}
	.s0301 li:nth-child(2n+1){clear:both}
}


/*mobile*/
@media all and (max-width:480px) { 

}
