body {overflow:hidden; width:100%; overflow-y:scroll;}
.allwrapper {overflow:hidden; width:100%;}
.mobile_none {display:none;}

/* **************************************** *
 * header
 * **************************************** */

header { width:100%; padding:10px; }
header h1 img {height:34px; margin-top:10px;}



/*#google_translate_element {position:absolute; top:0px; right:0px; }*/


header .login {overflow:hidden;  border-right:1px solid #ddd;margin-top:20px; padding-right:10px;  position:absolute; top:40px; right:50px;
font-size:13px; line-height:30px; color:#222; font-weight:600;}


/* header .sns */
 .sns{ overflow:hidden; text-align:center; padding-top:50px; margin-bottom:20px;}
.sns li {display:inline-block; margin:2px; line-height:40px;}
.sns li a {line-height:30px; width:30px; height:30px; display:block; text-align:center;}

.sns li img{vertical-align:middle; height:14px;}
 .sns li:last-child img{margin-top:2px;}

.sns li:first-child {background:#4a679d;}
/* .sns li:nth-child(2) {background:url('/eng/images/com/insta.png') no-repeat top left; background-size:cover;}
 */.sns li:nth-child(2) {background:#fdcd01;}
.sns li:nth-child(3) {background:#1da1f2;}




.langarea{width:97%; height:35px;  border:0px solid #bbb; margin: 0 auto;  text-align:right; background:#efefef;}
.langarea ul{float:left;}
.langarea ul li{display:inline-block;line-height:36px; position:relative; float:left;}
.langarea ul li:last-child{padding-top:3px;padding-right:5px;  }
.langarea ul li.pnone{display:none;}
.korbtn{line-height:35px; padding:0px 10px; height:35px; display:block; text-align:center; background:#ff8604; color:#Fff !important;}
.engbtn{line-height:35px; padding:0px 10px; height:35px; display:block; text-align:center; background:#ff2704; color:#Fff !important;}





/* gnb */
 .total_menu {position:absolute; right:10px; top:60px;  z-index:999 !important;  overflow:hidden; 
 height:40px;   display:block; text-align:right;  padding-right:20px; }
 .total_menu img{height:20px;  }

.contentBG {display:none; position:absolute; top:0; left:0; width:100%; height:100%;
background-color:#000; opacity: 0.5; z-index:90; cursor:default;}

.side_area { position:absolute;  width:200px; top:-100px; padding-top:120px;  padding-left:20px;
 background:#d9450a; right:-290px;
 z-index:98;

}



.side_GNB {}
.side_GNB #gnb {padding-bottom:50px;  padding-top:40px;}
.side_GNB #gnb li {margin-top:25px;  overflow:hidden; }
.side_GNB #gnb li > a {display:block; overflow:hidden;  color:#fff; letter-spacing:-0.07em; font-size:15px; line-height:2em; font-weight:500; text-transform:uppercase; font-weight:700;}
.side_GNB #gnb li.on > a,
.side_GNB #gnb li > a:hover {color:#ffd909; background:none; text-indent:0;}
.side_GNB #gnb li:first-child {margin:0;}
.side_GNB #gnb li.on ul.sub_menu {padding-top:30px !important;}
.side_GNB #gnb li ul {padding-top:10px; padding-left:10px;}

#gnb li > ul { display:none; }

.side_GNB #gnb li ul.sub_menu > li { margin-top:10px; }
.side_GNB #gnb li ul.sub_menu > li a {display:block; font-size:13px; line-height:16px !important;  color:#fff; letter-spacing:-0.07em; font-family:"Nanum Gothic" !important;}
.side_GNB #gnb li ul.sub_menu > li.on a,
.side_GNB #gnb li ul.sub_menu > li a:hover {color:#ffd909; /* background:#d47622; */ font-weight:bold; }
.side_GNB #gnb li ul.sub_menu > li:first-child {margin:0;}


.side_GNB #gnb li ul.sub_menu2 a { font-size:12px !important;  padding-top:5px !important; margin:0px !important;}
.side_GNB #gnb li ul.sub_menu2 li{ margin:0px !important;}

.side_GNB #gnb li ul.sub_menu2 li.on a {color:#ffd909; font-weight:600; }


/* **************************************** *
 * sub_visual
 * **************************************** */

.sub_visual {overflow:hidden; background:#f8931e; width:96%;  margin-left:auto; margin-right:auto; height:60px;  overflow:hidden; position:relative; text-align:center; }
.sub_visual h2 { line-height:50px; z-index:40; text-align:center; width:100%;
 color:#fff; font-size:23px;  font-family: 'Playfair Display', serif; text-shadow:none;
}
.sub_visual p{display:none;}

.subbg { display:none; width:100%; height:250px;  border:1px solid red; top:0;left:0;
background:url('/eng/images/sub/sub_visual.png') no-repeat center center;
-webkit-transform: scale(1) rotate(0deg);-ms-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);
-webkit-transition: all 2s;transition: all 2s;}

.visual_acting {-webkit-transform: scale(1.05) rotate(0.01deg);-ms-transform: scale(1.05) rotate(0.01deg);transform: scale(1.05) rotate(0.01deg);}

.sub_visual .snb {display:none;}





/* **************************************** *
 * footer
 * **************************************** */
footer {font-size:11px; line-height:15px;}


/* **************************************** *
 * prepare
 * **************************************** */

.prepare {overflow:hidden;  background:#eee; margin-left:auto; margin-right:auto; margin-top:40px; margin-bottom:40px; padding-top:30px; padding-bottom:50px;}
.prepare dt {text-align:center; font-family: 'Playfair Display', serif; font-weight:400; font-size:20px; line-height:20px; padding-bottom:20px;}
.prepare dd {text-align:center; font-size:13px;}

/* **************************************** *
 * sub0101 
 * **************************************** */

.sub0101  { overflow:hidden;  box-sizing:border-box; width:100%; padding-top:60px;
text-align:center;
}
.sub0101 .img {width:96%;  margin-left:auto; margin-right:auto;}
.sub0101 .img img{width:100%;}

.sub0101 h3 {font-family: 'Playfair Display', serif; font-weight:400; 
font-size:20px; line-height:30px; padding-bottom:40px; font-weight:400; color:#000;  box-sizing:border-box;}

.sub0101 div {overflow:hidden; background:#fff; display:inline-block; padding:20px 2%;  box-sizing:border-box;}
.sub0101 p {font-size:15px; line-height:23px; padding:14px 0px; }


.sub0101 h4 {font-family: 'Playfair Display', serif; font-weight:400; font-size:16px; color:#c53535; line-height:20px; padding-bottom:20px; border-bottom:2px solid #000; margin-bottom:20px;
margin-left:auto; margin-right:auto; width:90%;}







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

.sub0201 {overflow:hidden;  box-sizing:border-box; width:100%; margin-top:50px; position:relative; padding:10px; position:relative;}


.sub0201 h3 {font-family: 'Playfair Display', serif; font-weight:400;  text-align:center;
font-size:20px; line-height:30px; padding-bottom:40px; font-weight:400; color:#000;  box-sizing:border-box;}



.sub0201 .chap01 { width:100%; margin:0px 0px 0px 0px;  padding:20px; box-sizing:border-box; position:relative;}
.sub0201 .chap01 p {overflow:hidden; width:100%;}
.sub0201 .chap01 p img{overflow:hidden; width:100%; }
.sub0201 .chap01 dl { width:100%; box-sizing:border-box; padding:40px 4%; 
background:#000; opacity:0.8;
}


.sub0201 .chap01 dl dt {font-family: 'Playfair Display', serif; font-weight:400;font-size:16px; line-height:20px; color:#fff;}
.sub0201 .chap01 dl dd {padding-top:10px; line-height:18px; color:#fff;}



.sub0201 .chap02 { width:100%;   padding:20px; box-sizing:border-box; position:relative;}
.sub0201 .chap02 p {overflow:hidden; width:100%;}
.sub0201 .chap02 p img{overflow:hidden; width:100%; }
.sub0201 .chap02 dl { width:100%; box-sizing:border-box; padding:40px 4%; 
background:#000; opacity:0.8;
}


.sub0201 .chap02 dl dt {font-family: 'Playfair Display', serif; font-weight:400;font-size:16px; line-height:20px; color:#fff;}
.sub0201 .chap02 dl dd {padding-top:10px; line-height:18px; color:#fff;}


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


.sub0202 {overflow:hidden; width:100%; overflow:hidden;  box-sizing:border-box;  padding:50px 0px;}
.sub0202 h3 {font-family: 'Playfair Display', serif; font-weight:400;  text-align:center;
font-size:20px; line-height:30px; padding-bottom:40px; font-weight:400; color:#000;  box-sizing:border-box;}

.sub0202 > .flame  {overflow:hidden;  width:96%; margin:0 auto;}

.sub0202 > .flame > div { width:100%; overflow:hidden;  box-sizing:border-box; padding:10px; margin:10px 1%; }

.sub0202 dl {  background:#fff; padding:10px; box-sizing:border-box; opacity:0.8; }

.sub0202 dl dt {color:#000;  border-bottom:1px solid #000; line-height:20px; padding:20px 0px; margin:0 auto; width:90%;
font-family: 'Playfair Display', serif; font-weight:400; font-size:15px; text-align:center; }
.sub0202 dl dd {padding-top:20px; text-align:center;}


.sub0202 > .flame > div:first-child {background:url('/kor/images/sub/bg_07.jpg') no-repeat top center; background-size:cover; }

.sub0202 > .flame > div:nth-child(2) {background:url('/kor/images/sub/bg_08.jpg') no-repeat top center;background-size:cover; }
.sub0202 > .flame > div:nth-child(3) {background:url('/kor/images/sub/bg_09.jpg') no-repeat top center; background-size:cover; }
.sub0202 > .flame > div:nth-child(4) {background:url('/kor/images/sub/bg_10.jpg') no-repeat top center; background-size:cover; }







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

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


/* main_area .visual */
.main_area .visual {width:95%;  margin-left:auto; margin-right:auto; background:url('/eng/images/main/visual.jpg') no-repeat top center; overflow:hidden; 
box-sizing:border-box; padding:20px 30px; background-size:cover ;}
.main_area .visual .tit p{ font-size:30px; line-height:50px; letter-spacing:10px; color:#fff; text-transform:uppercase; font-weight:100;}
.main_area .visual .tit p strong { color:#fff; font-weight:700;}

.main_area .visual p:nth-child(1){ padding-top:10px;}



.m_banner_area {width:95%;  margin-left:auto; margin-right:auto; margin-top:20px; }
.main_area .visual .text {color:#fff;  font-size:12px; text-shadow:1px 1px 1px #000;}


/* m_banner_area .banner_01 */
.m_banner_area .banner_01 { overflow:hidden; height:160px; width:100%; margin-bottom:10px;}
.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 br {}

.m_banner_area .banner_01 h5 {font-size:10px; letter-spacing:2px; text-transform:uppercase;  color:#888;  
overflow:hidden; padding:15px 0px;  opacity:0.8; display:none;}
.m_banner_area .banner_01 h4 {font-family: 'Herr Von Muellerhoff', cursive; font-size:33px; line-height:16px; color:#000;  font-weight:normal; padding-top:10px;}

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

/* .m_banner_area .banner_02  */

.m_banner_area .banner_02 {height:160px; overflow:Hidden;  width:100%; 
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; text-align:center;
}

.m_banner_area .banner_02 h5 {font-size:10px;  display:none; 
letter-spacing:2px; text-transform:uppercase;  color:#fff;  overflow:hidden; padding-top:40px;  opacity:0.8;}
.m_banner_area .banner_02 h4 {font-size:20px; line-height:30px; text-shadow:2px 3px 2px #000;
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:10px; 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:160px;  width:100%;  
background:#6cb33c;  position:relative; text-align:center;
 box-sizing:border-box;  box-sizing:border-box; margin:20px 0px;
}

.m_banner_area .banner_03 h5 {font-size:10px; letter-spacing:2px; text-transform:uppercase;
color:#fff;  overflow:hidden; padding-top:40px; opacity:0.8; display:none;}
.m_banner_area .banner_03 h4 {font-size:20px; line-height:30px; color:#fff; opacity:0.8;  font-size:700; text-transform:uppercase;  padding-top:30px;  padding-bottom:0px; }


.m_banner_area .banner_03 ul {width:100%; text-align:center; padding-top:10px;}
.m_banner_area .banner_03 ul li {display:inline-block;  }

.m_banner_area .banner_03 ul li a{display:block;  width:100px; height:40px; color:#fff; line-height:40px; text-align:center;
 overflow:Hidden;  color:#fff;  text-transform:uppercase; font-weight:600;  opacity:0.9; font-size:12px; }

.m_banner_area .banner_03 ul li:first-child {background:#266726;}
.m_banner_area .banner_03 ul li:nth-child(2) {background:#2c903c;}
.m_banner_area .banner_03 ul li:nth-child(3) {background:#20aa4d;}




.m_banner_area .banner_03 .img {position:absolute; top:90px; right:-20px;}
.m_banner_area .banner_03 .img img {width:200px;}

/* .m_banner_area .banner_04  */
.m_banner_area .banner_04 {height:160px;width:100%;  margin-bottom:20px;
background:url('/eng/images/main/bg05.jpg') no-repeat top left;  background-size:cover; overflow:hidden;
 box-sizing:border-box;  box-sizing:border-box; text-align:center;
}

.m_banner_area .banner_04 h5 {font-size:10px; letter-spacing:2px; text-transform:uppercase;
color:#fff;  overflow:hidden; padding-top:40px; opacity:0.8; display:none;}
.m_banner_area .banner_04 h4 {font-size:20px; 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:10px; 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:160px; width:100%;    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 {display:none;font-size:10px; letter-spacing:2px; text-transform:uppercase;  color:#888;  overflow:hidden; padding:20px 0px;  opacity:0.8;}
.m_banner_area .banner_05 h4 { padding-top:10px; font-family: 'Herr Von Muellerhoff', cursive; font-size:44px; line-height:16px; color:#000;  font-weight:normal;}

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


.m_banner_area .l_inner{width:100%;  }

/* .m_banner_area .banner_06  */
.m_banner_area .banner_06 {width:100%; 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; text-align:center;
}

.m_banner_area .banner_06 h5 {display:none; font-size:10px; letter-spacing:2px; text-transform:uppercase;
color:#000;  overflow:hidden; padding-top:40px; opacity:0.8; }
.m_banner_area .banner_06 h4 {font-size:20px; line-height:30px; color:#000; opacity:0.8;  
font-size:700; text-transform:uppercase;  padding-top:30px;  padding-bottom:0px; }

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




.pad_show {display:none;}





/* sub0102 */

.sub0102 {overflow:hidden; width:100%; padding-top:60px;}

.sub0102 h4 {text-align:center; margin-left:auto; margin-right:auto; width:60%; border-top:3px solid #000;
font-family: 'Playfair Display', serif; font-weight:400; font-size:20px;  color:#000; line-height:40px;
border-bottom:3px solid #000;   text-transform: capitalize;}



.sub0102 h5 { font-size:15px; padding-top:20px;  width:90%; margin-left:auto; margin-right:auto; letter-spacing:-0.3px;
text-align:center; padding-bottom:40px; font-family: 'Playfair Display', serif; font-weight:400; color:#333;} 

.sub0102 h5::first-letter {
/*     font-size: 150%; color:#000; 
     */   
}


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


.sub0102 .vision div dl {width:94%; margin-top:10px; display:inline-block; box-sizing:border-box; padding:10px; overflow:hidden;  background:#333;}
.sub0102 .vision div dl dt {text-align:center; width:100%;}
.sub0102 .vision div dl dt  img{width:100%;}

.sub0102 .vision div dl  dd{text-align:center; font-size:14px; padding-top:10px; font-weight:700; color:#fff;}

/*  .sub0102 .vision div dl:nth-child(1) {background:#f04e23;}
 .sub0102 .vision div dl:nth-child(2) {background:#f67618;}
 .sub0102 .vision div dl:nth-child(3) {background:#f49650;} 
 */


.sub0102 .ci .desc { margin-left:auto; margin-right:auto; text-align:center; width:100%; padding-bottom:60px;}
.sub0102 .ci .desc p {border:1px solid #ccc; padding:40px;vertical-align:middle; display:inline-block; width:80%;  
overflow:hidden; box-sizing:border-box; text-align:center;}
.sub0102 .ci .desc p img {width:90%;}

.sub0102 .ci .desc div {overflow:hidden;  width:95%; margin: 0 auto; box-sizing:border-box;}


.sub0102 .ci .desc div  dl {overflow:hidden; padding-top:10px;  }
.sub0102 .ci .desc div  dl  dt {width:90%; overflow:hidden; height:25px; text-align:left; margin:0 auto;}
.sub0102 .ci .desc div  dl  dd {width:90%;  overflow:hidden; line-height:25px;  padding-top:10px;
text-align:center;  font-size:14px; padding-bottom:20px;}
.sub0102 .ci .desc div  dl  dd  strong {display:inline-block; width:60px;}

.sub0102 .ci .desc div  dl:nth-child(1) dt {background:#f7931c;}
.sub0102 .ci .desc div  dl:nth-child(1) dd strong {color:#f7931c;}

.sub0102 .ci .desc div  dl:nth-child(2) dt {background:#67ac3c;}
.sub0102 .ci .desc div  dl:nth-child(2) dd strong  {color:#67ac3c;}



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

 .sub0104 div {overflow:hidden; position:relative; padding-bottom:20px;width:100%; width:95%; margin-left:auto; margin-right:auto; } 

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


 .sub0104 div  dl {overflow:hidden; padding-left:40%; padding-bottom:20px; background:url('/eng/images/sub/history.png') no-repeat 32% top  ; background-size:auto 15px;}

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



/* sub0106 */
.sub0106 {padding-top:40px; padding-bottom:40px; overflow:hidden; width:90%; margin:0 auto;}

.sub0106  dl {overflow:hidden; width:100%; padding:20px 0px; border-bottom:1px solid #ccc;}


.sub0106  dl dt {font-size:20px; line-height:22px; font-family: 'Playfair Display', serif; font-weight:400;border-left:3px solid #000; padding-left:30px; box-sizing:border-box;}
.sub0106  dl dd {overflow:hidden;  padding-top:10px;}



/*sub0303*/

.sub0303 {background:url('/eng/images/sub/sub08bg.jpg') no-repeat  60% top ;  padding:30px 10px;
   background-color: hsla(0,0%,100%,0.4); width:90%;margin-left:auto; margin-right:auto;
    background-blend-mode: overlay; background-size: auto 100%;
    background-repeat: no-repeat;
 box-sizing:border-box;}

.sub0303 h3 { position:relative;font-family: 'Playfair Display', serif; font-weight:400; font-size:20px; 
line-height:28px; padding-left:45px;  text-shadow:3px 3px 8px #fff ; padding-bottom:40px;}
.sub0303 strong{position:absolute; top:10px; left:0px; font-size:40px;  font-family: 'Playfair Display', serif; }

.sub0303 li {overflow:hidden; padding-top:13px; font-size:13px; text-shadow:3px 3px 8px #fff ;   }




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

.sub0203 {overflow:hidden; box-sizing:border-box; width:100%; padding: 40px 2%; }

.sub0203 .tit_area {overflow:hidden; width:100%; padding-bottom:40px;}
.sub0203 .tit_area dt {font-family: 'Playfair Display', serif; font-weight:400; font-size:20px; line-height:60px; width:95%; margin-left:auto; margin-right:auto;
text-align:center; border-top:3px solid #000; border-bottom:3px solid #000; margin-bottom:30px;}
.sub0203 .tit_area  dd{text-align:center;}
.sub0203 .tit_area .titdesc {font-family: 'Playfair Display', serif; font-weight:400; font-size:17px; line-height:20px; padding-bottom:10px;}
.sub0203 .txtdesc {font-size:14px; color:#333;}


/* .dline {width:1px; display:block; height:40px; background:#bbb;  margin-left:auto; margin-right:auto;}
 */
.sub0203  .overflow{overflow:hidden; box-sizing:border-box; width:100%; padding:20px 0px; }

.tabmenu {overflow:hidden; width:100%; text-align:center; padding-top:40px; padding-bottom:30px; }
.tabmenu li {display:inline-block; overflow:hidden; padding:0px 0px; cursor:pointer; }

.tabmenu a { display:block; line-height:55px;  padding:0px 5px;  font-size:15px;box-sizing:border-box; height:45px;}
.tabmenu li.on a {color:#f67618; border-bottom:5px solid #f67618;}



.sub0203  .product_list {overflow:hidden; width:98%;  margin:5px; box-sizing:border-box;  min-height:350px;
box-sizing:border-box;   padding:16px 16px; position:relative;cursor:pointer;
} 

.sub0203  .product_list p.img {text-align:center; box-sizing:border-box;}
.sub0203  .product_list p.img img{width:100%; display:block; }
.sub0203  .product_list  div {overflow:hidden; width:100%;box-sizing:border-box;  
position:absolute; top:0px; right:0px; z-index:3;display:none; height:100%;
background:url('/eng/images/sub/opacity.png'); padding:20px 10px;
   background-color: hsla(0,0%,100%,0);
    background-blend-mode: overlay;




}

 .product_list:hover > div {display:block;}




.sub0203  .product_list dl {overflow:hidden; width:100%; margin:11px 0px;}

.sub0203  .product_list h4 {font-size:16px; font-family: 'Playfair Display', serif; font-weight:400; 
line-height:27px; padding-bottom:26px; text-align:center;}
.sub0203  .product_list h4:first-letter {font-size:150%;}


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


.product_list dl {opacity:1;}




/* **************************************** *
 * sub0301 
 * **************************************** */

.sub0301  { overflow:hidden;  box-sizing:border-box; width:100%; padding-top:80px;
text-align:center;
}

.sub0301 h3 {font-family: 'Playfair Display', serif; font-weight:400; 
font-size:20px; line-height:30px; padding-bottom:40px; font-weight:400; color:#000;  box-sizing:border-box;}



.sub0301 .indetail {overflow:hidden; padding-bottom:20px;}
.sub0301 .product_area3 {margin-left:auto; margin-right:auto; width:97%; border-left:1px solid #ccc; border-top:1px solid #ccc; margin-top:30px; margin-bottom:70px;}

.sub0301 .product_area3 li {width:100%; border-bottom:1px solid #ccc; border-right:1px solid #ccc; box-sizing:border-box; padding:30px 0px; }


.sub0301 .product_area3 li:first-child,
.sub0301 .product_area3 li:nth-child(3),
.sub0301 .product_area3 li:nth-child(5),
.sub0301 .product_area3 li:nth-child(7),
.sub0301 .product_area3 li:nth-child(9)


{background:#e7e7e7; }



.sub0301 .text07 {font-family: 'Playfair Display', serif; font-weight:400; font-size:20px;}
.sub0301 .indetail li { font-weight:500; font-size:15px; color:#666;}






/* **************************************** *
 * sub0302
 * **************************************** */

.sub0302 {width:98%; overflow:hidden; padding:90px 0px 70px 0px; margin-left:auto; margin-right:auto; text-align:center;}

.sub0302 div {overflow:hidden; width:90%;  box-sizing:border-box; padding-top:40px; margin-left:auto; margin-right:auto;}
.sub0302 div p {width:100%; display:inline-block}
.sub0302 div p img {width:100%;}

.sub0302 div dl {width:90%; background:#fff !important;  display:inline-block
; box-sizing:border-box; padding:20px 20px; margin-top:-70px;}



.sub0302 h3 {font-family: 'Playfair Display', serif; font-weight:400; 
font-size:20px; line-height:30px;  padding-bottom:40px; font-weight:400; color:#000;  padding-left:20px; box-sizing:border-box;}


.sub0302 dl dt {color:#000;  border-bottom:1px solid #000; line-height:22px; padding:10px 0px; margin:0 auto; width:80%;
font-family: 'Playfair Display', serif; font-weight:400; font-size:17px; text-align:center; }
.sub0302 dl dd {padding-top:20px; text-align:center;}






/* **************************************** *
 * sub0601
 * **************************************** */

.sub0601 {width:98%; overflow:hidden; padding:90px 0px 70px 0px; margin-left:auto; margin-right:auto; text-align:center;}


.sub0601 h3 {font-family: 'Playfair Display', serif; font-weight:400; 
font-size:20px; line-height:30px;  padding-bottom:40px; font-weight:400; color:#000;  padding-left:20px; box-sizing:border-box;}

.sub0601 dl {width:95%;  margin-left:auto; margin-right:auto; border:5px solid #bbb; box-sizing:border-box; overflow:hidden;}
.sub0601 dl dt { width:100%; overflow:hidden;  vertical-align:middle; 
text-align:center;box-sizing:border-box;  text-align:center;}
.sub0601 dl dt img {width:80%; vertical-align:middle; }

.sub0601 dl dd {width:100%; overflow:hidden;   box-sizing:border-box; border-top:5px solid #bbb; padding:10px 10px;}
.sub0601 dl dd p {padding-top:20px;}



.sub0601 a {display:inline-block;  font-size:12px; text-align:center; background:#000; padding:0px 10px;
width:130px;  color:#fff;  text-transform:uppercase; font-weight:600;  margin:20px 0px; opacity:0.9; line-height:40px;}







/* **************************************** *
 * sub0501
 * **************************************** */

.sub0501 {width:98%; overflow:hidden; padding:90px 0px 70px 0px; margin-left:auto; margin-right:auto; text-align:center;}

.sub0501 h3 {font-family: 'Playfair Display', serif; font-weight:400; 
font-size:20px; line-height:30px;  padding-bottom:40px; font-weight:400; color:#000;  padding-left:20px; box-sizing:border-box;}

.sub0501 p {width:96%; overflow:hidden; background:#eee;  padding:20px 0px; text-align:center; margin-left:auto; margin-right:auto; border:1px solid #d7d7d;}
.sub0501 p img {width:100%; max-width:900px;}












/* **************************************** *
 * sub0602
 * **************************************** */

.sub0602 {overflow:hidden; width:100%; padding-top:60px;}

.sub0602 h4 {text-align:center; margin-left:auto; margin-right:auto; width:60%; border-top:3px solid #000;
font-family: 'Playfair Display', serif; font-weight:400; font-size:20px;  color:#000; line-height:40px;
border-bottom:3px solid #000;   text-transform: capitalize;}





/* **************************************** *
 * sub0602
 * **************************************** */

.sub0602 {overflow:hidden; width:100%; padding-top:60px;}


.sub0602 h4 {text-align:center; margin-left:auto; margin-right:auto; width:60%; border-top:3px solid #000;
font-family: 'Playfair Display', serif; font-weight:400; font-size:27px;  color:#000; line-height:60px;
border-bottom:3px solid #000;   text-transform: capitalize;}



.sub0602 h5 { font-size:15px; padding-top:30px;  width:90%; margin-left:auto; margin-right:auto; letter-spacing:-0.3px;
text-align:center;  font-family: 'Playfair Display', serif; font-weight:400; color:#333;} 

.sub0602 .desc_logo {overflow:hidden; margin-left:auto; margin-right:auto; width:90%; padding-bottom:40px; }
.sub0602 .desc_logo  dt { overflow:hidden; float:left; padding-top:40px;}
.sub0602 .desc_logo  dt  img {width:100%; max-width:400px;}
.sub0602 .desc_logo  dd {overflow:hidden; float:left; }

.sub0602 .slogan{overflow:hidden; margin-left:auto; margin-right:auto; width:330px; }
.sub0602 .slogan dt { width:50%; overflow:hidden; float:left; text-align:center; font-size:70px; font-weight:600; line-height:230px; color:#000;} 
.sub0602 .slogan  dt  img {width:100%; max-width:400px;}
.sub0602 .slogan dd {width:48%;  overflow:hidden; float:left; padding-top:67px;}
.sub0602 .slogan dd li {font-size:20px; line-height:30px;}
 .sub0602 .slogan dd li:first-child {color:#222;}
 .sub0602 .slogan dd li:nth-child(2) {color:#555;}
 .sub0602 .slogan dd li:nth-child(3) {color:#999;}


 .sub0602 .midoobob_area1 {overflow:hidden; text-align:center; padding-top:40px;}

 .sub0602 .midoobob_area1 li {overflow:hidden; display:inline-block; width:230px; height:230px;
 box-shadow:15px 5px 50px #666; text-align:center;  padding:10px 10px; margin:10px 10px;  text-align:left; 
 box-sizing:border-box;}
 .sub0602 .midoobob_area1 li p {   text-align:left; font-size:13px; background:#333; opacity:0.9;  width:80px;height:80px;
 line-height:20px !important;  text-transform:uppercase; color:#fff; padding:10px 10px;}














/* **************************************** *
 * sub0105
 * **************************************** */


.sub0105 {width:98%; overflow:hidden; padding:60px 0px 70px 0px; margin-left:auto; margin-right:auto; text-align:center;}

.sub0105  .clinent {text-align:center; width:100%;}
.sub0105  .clinent img{width:90%; }


.sub0105 h3 {font-family: 'Playfair Display', serif; font-weight:400; 
font-size:20px; line-height:30px;  padding-bottom:40px; font-weight:400; color:#000;  padding-left:20px; box-sizing:border-box;}


.sub0105 .desc {margin-left:auto; margin-right:auto; width::80%; box-sizing:border-box; background:#eee; 
border:1px solid #ccc; text-align:left; padding:30px 2%;}
.sub0105 .desc  li {font-size:12px; padding:2px 0px; line-height:16px;}

.sub0105 .desc li span {display:none;}





/* sub0401  */

.sub0401 {overflow:hidden; width:100%; padding-top:60px; padding-bottom:90px;}
.sub0401 .topper  {overflow:hidden; width:90%; margin-left:auto; margin-right:auto; margin-top:40px; border:1px dotted #bbb; 
background:#eeeded url('/eng/images/sub/topper.jpg') no-repeat 80% center; 
box-sizing:border-box; padding:20px; background-size:  auto 100%;
   background-color: hsla(0,0%,100%,0.3);
    background-blend-mode: overlay;



}

.sub0401 h3 {font-family: 'Playfair Display', serif; font-weight:400; text-align:center;
font-size:20px; line-height:30px;  padding-bottom:40px; font-weight:400; color:#000;  padding-left:20px; box-sizing:border-box;}


.sub0401 .topper dl {overflow:hidden; padding:10px 0px; width:100%;}
.sub0401 .topper dt {overflow:hidden;  line-height:25px; font-size:14px; font-weight:600;}
.sub0401 .topper dd {overflow:hidden;  line-height:20px;  font-size:14px;}

.sub0401 h5{ padding-top:30px; font-size:1px; padding-bottom:10px;}



.RegTable {width:85%;  margin-left:auto; margin-right:auto; border-top:3px solid #000; border-bottom:2px solid #555; margin-bottom:30px;}

.RegTable th {padding:15px 0px; font-size:13px; line-height:40px;  border-top:1px dotted #bbb; }
.RegTable td { padding:15px 10px; line-height:30px;  border-top:1px dotted #bbb;}
.RegTable td input[type='text'],
.RegTable td input[type='password']

{height:30px !important; line-height:30px !important; padding:10px 10px; box-sizing:border-box; width:100%;}
.RegTable td textarea {border:1px solid #ccc; padding:10px 10px; box-sizing:border-box; font-size:13px;}

.RegTable td input:focus, .RegTable td textarea:focus {background:#eee !important; border:1px solid #bbb;}



.RegTable th span {margin-right:10px; color:#ef4646; font-size:400; font-size:20px;vertical-align:middle; line-height:30px;}


.btn_Submit {background:#000; line-height:40px; color:#fff; font-size:14px; width:150px; font-size:16px; line-height:50px; border:none; opacity:0.9;}




.subwrap {overflow:hidden; padding:60px 0px; width:97%; margin:0 auto;}


/* **************************************** *
 * boardList 
 * **************************************** */

.boardList {margin:9px 0 0 0; vertical-align:middle;  width:100%;  margin-top:30px; border-top:3px solid #000;} 

.boardList thead th { font-weight:bold; color:#000; letter-spacing:-1px;  vertical-align:middle;  
border-top:1px solid #ddd; border-bottom:1px solid #ddd;  color:#000; font-size:14px; line-height:40px; border-bottom:1px solid #000;
text-align:center; background:#f7f7f7;
}

.boardList tbody th, .boardList tbody td {padding:16px 10px; font-size:13px; border-bottom:1px dotted #bbb; text-align:center;}


.boardBtn {text-align:right; padding:20px 0px;}

.boardBtn a {display:inline-block; width:80px; line-height:30px; background:#222; 
    line-height: 40px; text-align:center;
    color: #fff !important;
    font-size: 12px; margin:3px 3px;
    border: none;
opacity:0.8;
}

.boardBtn a:hover {opacity:1;}



/* board list head */
.boardHead {width:100%; ; overflow:hidden; overflow:hidden;}
.boardHead .page {width:100%;font-size:14px; color:#222;  padding-bottom:10px;}
.boardHead .page span.tatal {color:#db5444; font-weight:700;}
.boardHead .form {width:100%;}
.boardHead .form label {display:none;}


.boardHead .form select , .boardHead .search_txt dd input[type=text] { margin-right:1px;line-height:30px; height:30px;width:98%;}
.boardHead .search_txt  {  text-align:center; width:100%; margin:0px; padding:0px; list-style:none; vertical-align:middle;  }
.boardHead .search_txt dt { display:none; display:inline-block;}
.boardHead .search_txt dd { display:inline-block; width:20%; }

.boardHead .searchBtn2 {color:#fff; font-size:13px; line-height:30px; height:30px; background:#000; border:none; padding:0px 10px;}




/* **************************************** *
 * login_box
 * **************************************** */

.login_box {background:#ccc; padding:10px 20px; width:100%; box-sizing:border-box; text-align:center;}
.login_box i { font-size:25px; color:#444;vertical-align:middle; line-height:50px; }

.login_box dl{display:inline-block; overflow:hidden; vertical-align:middle; width:90%; padding:5px 0px;}
.login_box dl dt{float:left; width:40%;overflow:hidden; font-size:15px; line-height:35px;}
.login_box dl dd{float:left; overflow:hidden; width:60%; }
 .login_box dl dd input {line-height:35px; height:35px; width:100%;}

.login_box .btn {padding-top:10px;line-height:35px; vertical-align:middle; width:90%; margin-left:auto; margin-right:auto;}
.login_box .btn input {color:#fff; line-height:35px; height:35px; background:#222; border:none;
padding:0px 6px; font-size:15px; vertical-align:middle; box-sizing:border-box;  width:100%;}





/* login */


.loginw {margin-left:auto; margin-right:auto; width:93%; overflow:hidden; padding:80px 30px 40px 30px; 
 margin-bottom:50px; border-top:3px solid #666; border-bottom:1px solid #333; 
background:url('/eng/images/com/logo.png') no-repeat  center  30px; background-size:auto 50px; box-sizing:border-box;
}

.loginw dl {overflow:hidden; width:100%; padding-top:15px;}
.loginw dl dt {line-height:40px; color:#000; font-size:15px; font-weight:600;}
.loginw dl dd input{width:100%;  height:40px; line-height:40px; box-sizing:border-box; padding:10px;}
.loginw dl dd input:hover{background:#ddd; border:1px solid #000;}

.loginw a {display:block; width:100%; line-height:50px; height:50px; margin-top:30px; background:#000; color:#fff; text-align:center; 
font-weight:600;
font-size:20px;}






.wall-column_subj {margin-left:auto; margin-right:auto; width:95%;
}


.wall-column_con {margin-left:auto; margin-right:auto; width:95%;}