/* body {border:3px solid red;}  */
.mobile_show{display:none;}

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

header { width:100%; padding:10px; }
header h1 img {height:60px;}

/*#google_translate_element {position:absolute; top:25px; left:220px; }*/

header .login {overflow:hidden;  border-right:1px solid #ddd;margin-top:20px; padding-right:10px;  position:absolute; top:40px; right:60px;
font-size:13px; line-height:40px; 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:40px; width:40px; height:40px; display:block; text-align:center;}

.sns li img{vertical-align:middle;}
 .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:55px;  z-index:999 !important;  overflow:hidden; 
 height:40px;   display:block; text-align:right;  padding-right:20px; }
 .total_menu img{height:30px;  }

.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:1.4em; 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:14px; 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; width:96%;  margin-left:auto; margin-right:auto; height:170px;  overflow:hidden; position:relative; text-align:center; }
.sub_visual h2 {position:absolute; z-index:40; text-align:center; width:100%;; top:20px; left:0px; color:#fff; font-size:40px; line-height:60px;font-family: 'Playfair Display', serif;font-family: 'Playfair Display', serif;
}
.sub_visual p{position:absolute; z-index:40; text-align:center; width:100%; top:90px; left:0px; font-size:14px; color:#fff;}

.subbg { width:100%; height:200px;  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;}

.dept01 h2 {text-shadow:-3px 3px 8px #764818;}
.dept01 p{ text-shadow:1px 1px 1px #764818;}



.dept01 .subbg  
{background:url('/kor/images/main/intro.jpg') no-repeat  center -200px; }

.dept02 .subbg  
{background:url('/eng/images/sub/visual.jpg') no-repeat   -200px -200px;}

.dept03 .subbg  
{background:url('/eng/images/sub/sub_visual.png') no-repeat center center;  }

.dept04 .subbg  
{background:url('/eng/images/sub/vision4.jpg') no-repeat  center -100px; }


.dept05 .subbg  
{background:url('/eng/images/sub/visual5.jpg') no-repeat center  -220px; }
.dept06 .subbg  
{background:url('/eng/images/sub/visual06.jpg') no-repeat -100px  -100px; }

 .subbg { width:100%; height:250px; top:0;left:0;
 background-size:auto 100% ;
-webkit-transform: scale(2) rotate(0deg);-ms-transform: scale(2) rotate(0deg);transform: scale(2) rotate(0deg);
-webkit-transition: all 2s;transition: all 2s;}

.dept06 h2{ text-shadow:1px 1px 1px #000;}

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


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

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




/* **************************************** *
 * 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:30px; line-height:40px; padding-bottom:60px; font-weight:400; color:#000;  padding-left:20px; box-sizing:border-box;}

.sub0101 div {overflow:hidden; width:82%; background:#fff; display:inline-block; padding:40px 30px; margin-top:-110px; 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;width:80%; margin-left:auto; margin-right:auto;
font-size:20px; color:#c53535;border-bottom:2px solid #000;   line-height:25px; padding-bottom:30px; margin-bottom:30px;}



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

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


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


.sub0201 .chap01 { width:89%; margin:0px 0px 20px 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 {position:absolute; bottom:-20px;/*  left:4% */; left:15%; width:96%; box-sizing:border-box; padding:40px 6%; 
background:#000; opacity:0.8;
}


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



.sub0201 .chap02 { width:89%; margin:20px 0px;  padding:20px; box-sizing:border-box; position:relative; float:right; }
.sub0201 .chap02 p {overflow:hidden; width:100%;}
.sub0201 .chap02 p img{overflow:hidden; width:100%; }
.sub0201 .chap02 dl {position:absolute; bottom:-40px;; z-index:20; left:-13%; width:99%; box-sizing:border-box
; padding:40px 6%; background:#000; opacity:0.8;}


.sub0201 .chap02 dl dt {font-family: 'Playfair Display', serif; font-weight:400;font-size:20px; line-height:26px; 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:30px; line-height:40px; padding-bottom:60px; font-weight:400; color:#000;  padding-left:20px; box-sizing:border-box;}



.sub0202 > .flame  {overflow:hidden; margin-left:auto; margin-right:auto;}

.sub0202 > .flame > div { width:96%; overflow:hidden;  box-sizing:border-box; padding:10px; margin-left:auto; margin-right:auto;}

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

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


.sub0202 > .flame > div:first-child {background:#444 url('/kor/images/sub/bg_07.jpg') no-repeat top left; background-size:50% 100% ; }

.sub0202 > .flame > div:nth-child(2) {background:#666 url('/kor/images/sub/bg_08.jpg') no-repeat top right;  background-size:50% 100% ;}
.sub0202 > .flame > div:nth-child(3) {background:#999 url('/kor/images/sub/bg_09.jpg') no-repeat top left;  background-size:50% 100% ;}
.sub0202 > .flame > div:nth-child(4) {background:#bbb url('/kor/images/sub/bg_10.jpg') no-repeat top right; background-size:50% 100% ; }

.sub0202 > .flame > div:nth-child(2) dl, .sub0202 > .flame > div:nth-child(4) dl   { float:left;}
.sub0202 > .flame > div:nth-child(1) dl, .sub0202 > .flame > div:nth-child(3) dl   { float:right;}










/* **************************************** *
 * footer
 * **************************************** */
footer {font-size:12px;}












/* **************************************** *
 * 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 50px; height:320px; background-size:cover ;}
.main_area .visual .tit p{ font-size:48px; line-height:70px; letter-spacing:20px; 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:40px;}
.main_area .visual p:nth-child(2){ padding-left:170px;}


.m_banner_area {width:95%;  margin-left:auto; margin-right:auto; margin-top:20px; }
.main_area .visual .text {color:#fff; position:absolute; top:220px; left:70px;  font-size:12px;}


/* m_banner_area .banner_01 */
.m_banner_area .banner_01 { overflow:hidden;height:250px; 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 {font-size:10px; letter-spacing:2px; text-transform:uppercase;  color:#888;  
overflow:hidden; padding:15px 0px;  opacity:0.8;}
.m_banner_area .banner_01 h4 {font-family: 'Herr Von Muellerhoff', cursive; font-size:43px; line-height:27px; 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:250px; overflow:Hidden; float:right; width:66%; float:right;  padding-right:40px;
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: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; 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:250px;  float:right; width:100%;   padding-left:40px;
background:#6cb33c;  position:relative;
 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;}
.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:10px;  padding-bottom:20px; }

.m_banner_area .banner_03 ul {overflow:hidden;  width:80%;}
.m_banner_area .banner_03 ul li {overflow:hidden; margin:3px 3px; float:left;}
.m_banner_area .banner_03 ul li a{display:block;  width:120px; 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:-100px;}
.m_banner_area .banner_03 .img img {width:300px;}

/* .m_banner_area .banner_04  */
.m_banner_area .banner_04 {height:250px;  float:left; width:48%;  padding-left:40px;
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:10px; letter-spacing:2px; text-transform:uppercase;
color:#fff;  overflow:hidden; padding-top:40px; opacity:0.8;}
.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: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:250px; 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:10px; letter-spacing:2px; 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:43px; line-height:27px; color:#000;  font-weight:normal;}

.m_banner_area .banner_05 a {display:inline-block; border-radius:20px; border:2px solid #000; font-size:12px;
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:520px;  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: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: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 {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:27px;  color:#000; line-height:60px;
border-bottom:3px solid #000;   text-transform: capitalize;}



.sub0102 h5 { font-size:15px; padding-top:30px;  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:31%; margin:5px; display:inline-block; box-sizing:border-box; padding:5px; 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:500; color:#fff; padding-bottom:10px;}

/*  .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:85%;}

.sub0102 .ci .desc div {overflow:hidden;   display:inline-block; vertical-align:middle;  margin-top:30px;}


.sub0102 .ci .desc div  dl {overflow:hidden; width:100%; margin:10px 0px; }
.sub0102 .ci .desc div  dl  dt {width:70px; float:left; overflow:hidden; height:25px; text-align:left;}
.sub0102 .ci .desc div  dl  dd {width:350px; float:right; overflow:hidden; line-height:25px;  text-align:left; padding-left:10px; font-size:15px;}
.sub0102 .ci .desc div  dl  dd  strong {padding-right:10px;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:160px; width:1px; height:1720px; z-index:0; background:#ccc;}
 .sub0104 {width:600px !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:40px; font-family: 'Playfair Display', serif; font-weight:400; 
 position:absolute; top:0px ; left:0px; color:#ff8b2d;  }


 .sub0104 div  dl {overflow:hidden; padding-left:30%; padding-bottom:40px; background:url('/eng/images/sub/history.png') no-repeat 24.5% 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;  }


/* sub0106 */
.sub0106 {padding-top:40px; padding-bottom:40px; overflow:hidden; width:100%;}

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

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




/*sub0303*/

.sub0303 {background:url('/eng/images/sub/sub08bg.jpg') no-repeat top center;  padding:50px 40px;
   background-color: hsla(0,0%,100%,0.16); 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:25px; 
line-height:30px; padding-left:140px; /* text-shadow:3px 3px 8px #fff */; padding-bottom:40px;}
.sub0303 strong{position:absolute; top:40px; left:0px; font-size:130px;  font-family: 'Playfair Display', serif; }

.sub0303 li {overflow:hidden; padding-top:15px; font-size:15px;   }





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

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

.sub0203 .tit_area {overflow:hidden; width:100%; padding-bottom:40px;}
.sub0203 .tit_area dt {font-family: 'Playfair Display', serif; font-weight:400; font-size:27px; line-height:60px; width:60%; 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:20px; line-height:24px; padding-bottom:20px;}
.sub0203 .txtdesc {font-size:16px; color:#333;}


/* .dline {width:1px; display:block; height:80px; 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 10px; cursor:pointer;}

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



.sub0203  .product_list {overflow:hidden; width:49%; float:left;   margin:5px 0%; box-sizing:border-box; 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 20px;
   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;}
.sub0203  .product_list dl dd {overflow:hidden; float:right; width:68%;  color:#ddd;box-sizing:border-box; padding-left:10px; } 


.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:30px; line-height:40px; 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 {float:left; width:33%; height:230px; 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:16px; 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; float:left; width:31%; margin:0px 1%; box-sizing:border-box; padding-top:40px; }
.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:-40px;}



.sub0302 h3 {font-family: 'Playfair Display', serif; font-weight:400; 
font-size:30px; line-height:40px; 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;}





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

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

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


.sub0105 h3 {font-family: 'Playfair Display', serif; font-weight:400; 
font-size:30px; line-height:40px; 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%; max-width:1200px;  box-sizing:border-box; background:#eee; 
border:1px solid #ccc; text-align:left; padding:30px 30px;}
.sub0105 .desc  li {font-size:14px; padding:3px 0px;}







/* **************************************** *
 * 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:30px; line-height:40px; padding-bottom:40px; font-weight:400; color:#000;  padding-left:20px; box-sizing:border-box;}

.sub0601 dl {width:100%;  margin-left:auto; margin-right:auto; border:15px 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 {max-width:500px; width:108%; vertical-align:middle; }

.sub0601 dl dd {width:100%; overflow:hidden;   box-sizing:border-box; border-top:15px solid #bbb; padding:30px 30px;}
.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:30px; line-height:40px; 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:90%; 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: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; padding-bottom:40px; font-family: 'Playfair Display', serif; font-weight:400; color:#333;} 

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

.sub0602 .slogan{overflow:hidden; margin-left:auto; margin-right:auto; width:400px; }

.sub0602 .slogan dt { width:50%; overflow:hidden; float:left; text-align:center; font-size:90px; font-weight:600; line-height:260px; 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:27px; line-height:40px;}
 .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:30px 30px; margin:20px 20px;  text-align:left; 
 box-sizing:border-box;}
 .sub0602 .midoobob_area1 li p {   text-align:left; font-size:14px; background:#333; opacity:0.9;  width:80px;height:80px;
 line-height:20px !important;  text-transform:uppercase; color:#fff; padding:20px 20px;}














/* 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 79% center; 
box-sizing:border-box; padding:40px; background-size: auto 100%;}

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


.sub0401 .topper dl {overflow:hidden; padding:10px 0px;}
.sub0401 .topper dt {overflow:hidden; float:left; width:110px; border-right:1px solid #ccc; line-height:30px; font-size:20px; font-weight:600;}
.sub0401 .topper dd {overflow:hidden; float:left; line-height:30px; margin-left:15px; font-size:20px;}

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



.RegTable {width:90%;  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:15px; line-height:40px;  border-top:1px dotted #bbb; }
.RegTable td { padding:15px 10px; line-height:30px;  border-top:1px dotted #bbb;}
.RegTable td input {height:40px !important; line-height:40px !important; padding:10px 10px; box-sizing:border-box;}
.RegTable td textarea {border:1px solid #ccc; padding:10px 10px; box-sizing:border-box; font-size:16px;}

.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:15px; width:300px; font-size:20px; 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:16px; line-height:60px; border-bottom:1px solid #000;
text-align:center; background:#f7f7f7;
}

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


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

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

.boardBtn a:hover {opacity:1;}




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


.boardHead .form select , .boardHead .search_txt dd input[type=text] { margin-right:1px;line-height:35px; height:35px;}
.boardHead .search_txt  {  text-align:right; height:20px;margin:0px; padding:0px; list-style:none; vertical-align:middle; }
.boardHead .search_txt dt { display:none; }
.boardHead .search_txt dd { float:left; text-align:right; margin:0px; padding:0px 3px 0px 0px; vertical-align:middle; }

.boardHead .searchBtn2 {color:#fff; font-size:14px; line-height:35px; height:35px; 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 {display:inline-block; font-size:25px; color:#444;vertical-align:middle; }

.login_box dl{display:inline-block; overflow:hidden; vertical-align:middle;}
.login_box dl dt{float:left; padding-right:10px; padding-left:15px; overflow:hidden; font-size:15px; line-height:35px;}
.login_box dl dd{float:left; overflow:hidden; }
 .login_box dl dd input {line-height:35px; height:35px; width:140px;}

.login_box .btn {display:inline-block; padding-left:10px; line-height:35px; vertical-align:middle;}
.login_box .btn input {color:#fff; line-height:35px; height:35px; background:#222; border:none; padding:0px 6px; font-size:15px; vertical-align:middle;}






/* login */


.loginw {margin-left:auto; margin-right:auto; width:400px; overflow:hidden; padding:100px 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  40px;
}

.loginw dl {overflow:hidden; width:100%; padding-top:15px;}
.loginw dl dt {line-height:45px; color:#000; font-size:17px; 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%;}