body{border:4px solid blue;} 

header h1 {width:144px; margin-top:10px;}
header h1 img { width:100%;}




/* gnb */
	#gnb>ul>li{ float:left; margin:0 5px;   overflow:visible;}
#gnb a{font-size:13.7px;  }
#gnb ul ul{ padding-top:14px;}

#gnb ul li {overflow:visible !important;   }

#gnb li li a{ font-size:13px !important; line-height:33px; font-weight:300; color:#666; letter-spacing:0px !important;}

#gnb li li a:hover{ font-size:14px;  color:#2f83d1;}

#gnb .sub_menu li{ padding:0px 3px; overflow:hidden; text-align:center; }


header .login {overflow:hidden; border-left:none; margin-top:0px; padding-left:0px; position:absolute; top:-15px;right:0px;
margin-left:0px; font-size:13px; line-height:30px;}



/* drop down */
#gnb li:hover > .sub_menu {
    opacity:1;
    visibility:visible; 
}


/* drop down */
#gnb li:hover > a {
   color:#f48121 
}

#gnb .sub_menu{
    opacity:0;
     visibility:hidden;
     position:absolute !important;
	overflow:hidden;
	z-index:60;
	margin-left:-20px;
    background:#fff;
    border:1px solid #bbb;
	padding:10px 10px;
	margin-right:-220px;
	/* width:200px; */
    -moz-transition:opacity .25s linear, visibility .1s linear .1s;
    -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
    -o-transition:opacity .25s linear, visibility .1s linear .1s;
    transition:opacity .25s linear, visibility .1s linear .1s;
}




.visual_acting {-webkit-transform: scale(1) rotate(0.01deg);-ms-transform: scale(1) rotate(0.01deg);transform: scale(1) rotate(0.01deg);
}
/* **************************************** *
 * sub0101 
 * **************************************** */

.sub0101 .img {width:98%;}
.sub0101 div {overflow:hidden; width:84%;}






/* **************************************** *
 * sub0201 
 * **************************************** */

.sub0201 h3 { top:80px !important;  }


/* **************************************** *
 * sub0202
 * **************************************** */

.sub0202 > .flame > div { width:100%; }

.sub0202 dl {width:46.5%;  }







/* **************************************** *
 * main_area
 * **************************************** */

.main_area {overflow:hidden; width:100%;}


/* main_area .visual */
.main_area .visual { padding:20px 30px;  height:850px;}
.main_area .visual .tit p{ font-size:48px; letter-spacing:15px}
.main_area .visual p:nth-child(2){ padding-left:140px;}


.m_banner_area {float:right; width:58%; }
.main_area .visual .text {color:#fff; position:absolute; top:480px; left:70px;  font-size:12px;}


/* m_banner_area .banner_01 */
.m_banner_area .banner_01 { overflow:hidden;height:270px; width:32%;  float:left; }
.m_banner_area .banner_01 { text-align:center; box-sizing:border-box;
    border: 20px solid transparent;
    padding: 15px; 
    border-image: url(/eng/images/main/bg01.jpg) 10 10 round;
}



.m_banner_area .banner_01 h5 { letter-spacing:3px; text-transform:uppercase;  color:#888;  overflow:hidden; padding:20px 0px;
opacity:0.8; font-size:10px;}
.m_banner_area .banner_01 h4 {font-family: 'Herr Von Muellerhoff', cursive; font-size:42px; line-height:24px; color:#000;  font-weight:normal;}



.m_banner_area .banner_01 a {display:inline-block; border-radius:20px; border:2px solid #000; font-size:11px;
width:100px; line-height:30px; color:#000;  text-transform:uppercase; font-weight:600;  margin:20px 0px; opacity:0.9;}

/* .m_banner_area .banner_02  */

.m_banner_area .banner_02 {height:270px; overflow:Hidden; float:right; width:66%; float:right;  padding-right:20px;
background:url('/eng/images/main/bg02.jpg') no-repeat top left;  background-size:cover; 
text-align:right; box-sizing:border-box; color:#000; box-sizing:border-box;
}




.m_banner_area .banner_02 h5 {font-size:10px; letter-spacing:5px; text-transform:uppercase;  color:#fff;  overflow:hidden; padding-top:60px;  opacity:0.8;}
.m_banner_area .banner_02 h4 {font-size:23px; line-height:30px; color:#fff; opacity:0.8;  font-size:700;
text-transform:uppercase;  padding-top:30px;  padding-bottom:0px; }

.m_banner_area .banner_02 a {display:inline-block; border-radius:20px; border:2px solid #fff; font-size:11px; text-align:center;
width:100px; line-height:30px; color:#fff;  text-transform:uppercase; font-weight:600;  margin:20px 0px; opacity:0.9;}

/* .m_banner_area .inner_area */
.m_banner_area .inner_area {overflow:hidden; width:100%; }




/* .m_banner_area .banner_03  */
.m_banner_area .banner_03 {height:270px;  float:right; width:100%;   padding-left:30px;
background:#6cb33c;  position:relative;
 box-sizing:border-box;  box-sizing:border-box; margin:20px 0px;
}

.m_banner_area .banner_03 h5 {font-size:11px; letter-spacing:5px; text-transform:uppercase;
color:#fff;  overflow:hidden; padding-top:60px; opacity:0.8;}
.m_banner_area .banner_03 h4 {font-size:23px; line-height:30px; color:#fff; opacity:0.8;  font-size:700; text-transform:uppercase; 
padding-top:10px; 
padding-bottom:20px; }

/* .m_banner_area .banner_03 a {display:inline-block; border-radius:20px; border:2px solid #fff; font-size:12px; text-align:center;
width:100px; line-height:30px; color:#fff;  text-transform:uppercase; font-weight:600;  margin:20px 0px; opacity:0.9;}
 */

.m_banner_area .banner_03 .img img{height:130px;}

/* .m_banner_area .banner_04  */
.m_banner_area .banner_04 {height:270px;  float:left; width:48%;  padding-left:30px;
background:url('/eng/images/main/bg05.jpg') no-repeat top left;  background-size:cover; overflow:hidden;
 box-sizing:border-box;  box-sizing:border-box;
}

.m_banner_area .banner_04 h5 {font-size:11px; letter-spacing:5px; text-transform:uppercase;
color:#fff;  overflow:hidden; padding-top:40px; opacity:0.8;}
.m_banner_area .banner_04 h4 {font-size:23px; line-height:30px; color:#fff; opacity:0.8;  font-size:700; text-transform:uppercase;  padding-top:30px;  padding-bottom:0px; }

.m_banner_area .banner_04 a {display:inline-block; border-radius:20px; border:2px solid #fff; font-size:11px; text-align:center;
width:100px; line-height:30px; color:#fff;  text-transform:uppercase; font-weight:600;  margin:20px 0px; opacity:0.9;}





/* m_banner_area .banner_05 */
.m_banner_area .banner_05 { overflow:hidden;height:270px; width:48%;  float:right;  overflow:hidden;}
.m_banner_area .banner_05 { text-align:center; box-sizing:border-box;
    border: 20px solid transparent;
    padding: 15px; 
    border-image: url(/eng/images/main/bg03.jpg) 10 10 round;
}


.m_banner_area .banner_05 h5 {font-size:11px; letter-spacing:5px; text-transform:uppercase;  color:#888; 
overflow:hidden; padding:20px 0px;  opacity:0.8;}
.m_banner_area .banner_05 h4 {font-family: 'Herr Von Muellerhoff', cursive; font-size:42px; line-height:24px; color:#000;  font-weight:normal;}

.m_banner_area .banner_05 a {display:inline-block; border-radius:20px; border:2px solid #000; font-size:11px;
width:100px; line-height:30px; color:#000;  text-transform:uppercase; font-weight:600;  margin:20px 0px; opacity:0.9;}


.m_banner_area .l_inner{float:left; width:67%;  }

/* .m_banner_area .banner_06  */
.m_banner_area .banner_06 {height:565px;  float:right; width:31%;  padding-left:40px;
background:url('/eng/images/main/bg04.jpg') no-repeat bottom left;  background-size:cover; overflow:hidden; margin-top:20px;
 box-sizing:border-box;  box-sizing:border-box; text-align:right; padding-right:40px;
}

.m_banner_area .banner_06 h5 {font-size:10px; letter-spacing:5px; text-transform:uppercase;
color:#000;  overflow:hidden; padding-top:60px; opacity:0.8; }
.m_banner_area .banner_06 h4 {font-size:23px; line-height:30px; color:#000; opacity:0.8;  
font-size:700; text-transform:uppercase;  padding-top:30px;  padding-bottom:30px; }

.m_banner_area .banner_06 a {display:inline-block; border-radius:20px; border:2px solid #000; font-size:11px; text-align:center;
width:100px; line-height:30px; color:#000;  text-transform:uppercase; font-weight:600;  margin:20px 0px; opacity:0.9;}




/* sub0102 */

.sub0102 .vision div {text-align:center; width:100%; padding-bottom:70px;}

.sub0102 .vision div dl {width:290px;  margin:10px; }

.sub0102 .ci .desc p {width:350px; }



/* sub0104 */
 .sub0104 .line-area{position:absolute; left:334px; width:1px; height:2050px; z-index:0; background:#ccc;}
 .sub0104 {width:96% !important; margin:60px 0px !important;  }

 .sub0104 div {overflow:hidden; position:relative; padding-bottom:20px;width:100%; } 

 .sub0104 div h3 { font-size:60px; font-family: 'Playfair Display', serif; font-weight:400; 
 position:absolute; top:0px ; left:0px; color:#ff8b2d;  }


 .sub0104 div  dl {overflow:hidden; padding-left:340px; padding-bottom:40px; background:url('/eng/images/sub/history.png') no-repeat 290px top ;}

 .sub0104 div  dl dt {color:#f49520;overflow:hidden;  padding-right:10px; font-weight:700; font-size:30px; line-height:40px; font-family: 'Playfair Display', serif; font-weight:400; }
 .sub0104 div  dl dd {overflow:hidden; font-size:16px; padding-top:10px;  }



/* **************************************** *
 * sub0203
 * **************************************** */



/* **************************************** *
 * sub0203
 * **************************************** */




.sub0203  .product_list {overflow:hidden; width:33.1%; margin:20px 0%;  height:430px;
padding:30px 30px;
} 


.sub0203  .product_list  div {
 padding:20px 20px;

}

 





.sub0203  .product_list dl dt {overflow:hidden; float:left; width:30%;  border-right:1px solid #555; font-weight:700; color:#fff; font-size:15px;}
.sub0203  .product_list dl dd {overflow:hidden; float:right; width:68%;  color:#ddd;box-sizing:border-box; padding-left:10px; font-size:15px; } 

.sub0203  .product_list h4 {font-size:18px;}