#showcase {width:100%; min-width:1200px;height:700px; display:block; overflow:hidden; position:relative;}	
#showcase .showcase-onepage .showcase-content{}
#showcase .showcase-button-wrapper{clear:both; position:absolute; bottom:12px; right:50%; margin-right:-500px;text-align:center;}
#showcase .showcase-button-wrapper span{float:right; width:15px; height:30px; margin:0px 5px; cursor:pointer; text-indent:-99999em; background:url(/layouts/default/image/visual_btn.png) no-repeat;}
#showcase .showcase-button-wrapper span.active{background-position:-15px 0px;}
#showcase .mimgTxt {position:absolute; top:151px; left:50%; margin-left:0px; width:500px; height:202px; text-align:right; display:none;}

br { font-size:0px;}

h2{margin:0px; padding:0px; text-align:center; font-size:22px; line-height:150%; color:#000;font-family:'NotoKrM'; font-weight:normal;letter-spacing:10px;}
h2 span {color:#16ae67;}
.ttexp {font-size:16px; color:#666666; letter-spacing:-1px; text-align:center;}
.ttexp2 {font-size:20px; color:#27ae60; letter-spacing:-1px; text-align:center;font-family:'NotoKrM';}
.introtxt {font-size:16px;  line-height:180%; color:#565656; letter-spacing:-1px; text-align:center;margin-top:30px;}

hr.h10 {display:block; height:10px; border:0px; margin:0px; padding:0px; line-height:0px;}
hr.h25 {display:block; height:25px; border:0px; margin:0px; padding:0px;line-height:0px;}
hr.h30 {display:block; height:30px; border:0px; margin:0px; padding:0px;line-height:0px;}
hr.tt {display:block; height:3px; border:0px; margin:12px auto 15px auto; padding:0px;background:url(/layouts/default/image/bg_hr.jpg) center top no-repeat ;}
hr.part {display:block; height:5px; border:0px; margin:40px auto 40px auto; padding:0px;background:url(/layouts/default/image/bg_hrp.gif) left top repeat-x ;}
hr.bul {display:block; width:50px; height:2px; border:0px; margin:20px auto; padding:0px; background:#27ae60;}

#mIntro  {width:100%; min-width:1200px;background:#fff;margin:0px auto; padding:40px 0px 40px 0px; overflow:hidden; }

#mConstep{width:100%; min-width:1200px;background:#9598a1;margin:0px auto; padding:40px 0px 30px 0px; overflow:hidden; }
#mConstep h2{color:#fff;}
#mConstep .ttexp {color:#ccc;}
#mConstep ul.cstep {display:block; width:1200px;}
#mConstep ul.cstep:after {clear:both; content:''; display:block;}
#mConstep ul.cstep li{float:left; width:264px; height:250px; overflow:hidden; margin-left:48px; color:#fff;}
#mConstep ul.cstep li:first-child {margin-left:0px;}
#mConstep ul.cstep li .thimg {display:block; width:264px;  height:150px;overflow:hidden; margin-bottom:15px; background:#000;  }
#mConstep ul.cstep li .exptxt p{font-family:'NotoKrM';  font-size:16.5px; margin-bottom:8px;}
#mConstep ul.cstep li .exptxt span {text-align:justify; letter-spacing:-1px; display:block;}

#mConstrory {width:100%; min-width:1200px;background:#f3f3f3;margin:0px auto; padding:40px 0px 30px 0px; overflow:hidden; }


#mSigong  {width:100%; min-width:1200px;background:#fff;margin:0px auto; padding:40px 0px 30px 0px; overflow:hidden; }

ul.mfBbs {padding:0;margin:0;}
ul.mfBbs li {float:left;margin:40px 16px 0px 0px;list-style-type:none;}
ul.mfBbs li.el {float:left;margin:40px 0px 0px 0px;list-style-type:none;}
ul.mfBbs li p {line-height:130%;padding:20px 0 0 0;height:60px; text-align:center; overflow:hidden;}
ul.mfBbs li a p{font-weight:bold;color:#212121 !important; font-size:16px;font-weight:bold;}
ul.mfBbs li a:hover p {text-decoration:none;}
ul.mfBbs li p .date {display:block;font-size:14px;color:#727272; margin-top:10px; }

#mHugi  {width:100%;min-width:1200px;margin:0px auto; padding:40px 0px 50px 0px; overflow:hidden; background-size:cover; background:#eef1f5;}

ul.hugibbsA {padding:0;margin:0;min-width:1200px;}
ul.hugibbsA:after {clear:both; display:block; content:'';}
ul.hugibbsA li {float:left;position:relative;  width:264px;  overflow:hidden; margin-left:48px;list-style-type:none;}
ul.hugibbsA li:first-child, ul.hugibbsA li.el {margin-left:0px;}
ul.hugibbsA li a:hover  {text-decoration:none;}
ul.hugibbsA li a .bbscont {width:264px; height:60px;  padding:0px;  overflow:hidden;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0px 0px 0px 0px;-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out}

ul.hugibbsA li a .bbscont p.sbj{text-align:center;  font-size:16.5px;margin-top:5px;height:44px; line-height:44px; font-family:'NotoKrM';color:#444; overflow:hidden;-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}
ul.hugibbsA li a:hover .bbscont p.sbj {color:#14ae67;}
ul.hugibbsA li a .bbscont p.memo {display:none;text-align:justify; font-size:13.5px; line-height:18px; height:36px; color:#787878; overflow:hidden;}
ul.hugibbsA li a .imgA {display:block;width:264px; height:180px; overflow:hidden; background:#fff;-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}
ul.hugibbsA li a .imgA  img{-webkit-transform:scale(1); transform:scale(1); opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out }
ul.hugibbsA li a:hover .imgA  img{-webkit-transform:scale(1.03); transform:scale(1.03);opacity:0.7; 	-moz-opacity:0.7; 	filter: alpha(opacity=70);}
ul.hugibbsA li a .imgBD{position:absolute; top:0px; left:0px; width:264px; height:180px; overflow:hidden; z-index:2;border:1px solid rgba(0,0,0,0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out}
ul.hugibbsA li a:hover .imgBD {border:3px solid rgba(0,0,0,1.0); }


#mbbsBan  {width:100%; min-width:1200px;background:#16272b;margin:0px auto; padding:40px 0px;  overflow:hidden; }
#mbbsBan ul{margin:0px; padding:0px;}
#mbbsBan ul:after  {clear:both; display:block; content:'';}
/* 171026 #mbbsBan li {list-style:none;float:left; width:20%; height:160px;  overflow:hidden;display:block;  margin:0px; padding:0px; } */
#mbbsBan li {list-style:none;float:left; width:25%; height:160px;  overflow:hidden;display:block;  margin:0px; padding:0px; }
#mbbsBan li  a{ width:100%; height:160px;  font-size:22px; color:#fff;     overflow:hidden;display:block; text-align:center;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out }
#mbbsBan li p {height:70px;}
#mbbsBan li  a span {display:block; font-size:14.5px; margin-top:20px; opacity:0.6; 	-moz-opacity:0.6; 	filter: alpha(opacity=60);}
#mbbsBan li  a span.el{display:block; opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100); margin-top:0px;}
#mbbsBan li  a span.el2{display:block;opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100); color:#fced2d;}
#mbbsBan li  a:hover {opacity:0.4; 	-moz-opacity:0.4; 	filter: alpha(opacity=40);}



#mArchi  {width:100%; min-width:1200px;background:#fff;margin:0px auto; padding:40px 0px 40px 0px; overflow:hidden; }

ul.newbbsA {padding:0;margin:0;min-width:1200px;}
ul.newbbsA:after {clear:both; display:block; content:'';}
ul.newbbsA li {float:left;position:relative;  width:264px; height:264px; overflow:hidden; margin-left:48px;list-style-type:none;}
ul.newbbsA li:first-child, ul.newbbsA li.el {margin-left:0px;}
ul.newbbsA li a:hover  {text-decoration:none; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out;}
ul.newbbsA li a .bbscont {position:absolute;display:table; left:32px; top:82px;width:200px; height:100px; opacity:0; 	-moz-opacity:0; 	filter: alpha(opacity=0);  padding:0px;  overflow:hidden;  -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}
ul.newbbsA li a:hover .bbscont  { opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100);}
ul.newbbsA li a .bbscont p.sbj{display:table-cell; vertical-align:middle; text-align:center;  font-size:16.5px; width:200px;height:100px;   line-height:40px;font-family:'NotoKrR';color:#fff !important; overflow:hidden;}
ul.newbbsA li a .bbscont p.memo{color:#666666 !important; font-size:14px;  line-height:24px; overflow:hidden; height:44px; margin:0px 15px 15px 15px;}
ul.newbbsA li a .bbscont p.date{color:#555 !important; background:#f5f5f5; font-size:14px;  line-height:42px; overflow:hidden; height:42px; padding:0px 15px 0px 15px;}
ul.newbbsA li .bbscontA {width:378px; height:405px;  padding:0px; border:1px solid #ddd;overflow:hidden; background:#fff;}
ul.newbbsA li a .bbscontA p.sbj{font-family:'NotoKrM' ;color:#212121 !important; font-size:17px; overflow:hidden; height:55px; padding:25px 15px 0px 15px;}
ul.newbbsA li a .bbscontA p.memo{color:#666666 !important; font-size:14px;  line-height:24px; overflow:hidden; height:264px; padding:0px 15px 20px 15px;}
ul.newbbsA li a .bbscontA p.date{color:#555 !important; background:#f5f5f5; font-size:14px;  line-height:42px; overflow:hidden; height:42px; padding:0px 15px 0px 15px;}
ul.newbbsA li a .imgA {display:block;width:264px; height:264px; overflow:hidden; background:#08090e;}
ul.newbbsA li a .imgA  img{-webkit-transform:scale(1); transform:scale(1); opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100); }
ul.newbbsA li a:hover .imgA  img{-webkit-transform:scale(1.05); transform:scale(1.05);opacity:0.4; 	-moz-opacity:0.4; 	filter: alpha(opacity=40);}


ul.newbbsA2 {padding:0;margin:0;min-width:1200px;}
ul.newbbsA2:after {clear:both; display:block; content:'';}
ul.newbbsA2 li {float:left;  width:264px; height:360px; overflow:hidden; margin-right:48px; list-style-type:none; position:relative;}
ul.newbbsA2 li.el {float:left;margin-right:0px;list-style-type:none;}
ul.newbbsA2 li a:hover  {text-decoration:none;}
ul.newbbsA2 li p .date {display:block;font-size:14px;color:#727272; margin-top:10px; }
ul.newbbsA2 li .bbscont {width:264px; height:69px;    padding:0px;  border-top:none; overflow:hidden;  }
ul.newbbsA2 li a .bbscont p.sbj{font-family:'NotoKrM';color:#212121 !important; font-size:16.5px; overflow:hidden; height:45px; margin:13px 0px 0px 0px;  line-height:24px;}
ul.newbbsA2 li a:hover .bbscont p.sbj {color:#14ae67 !important;}
ul.newbbsA2 li a .bbscont p.memo{color:#666666 !important; font-size:14px;  line-height:24px; overflow:hidden; height:44px; margin:0px 15px 15px 15px;}
ul.newbbsA2 li a .bbscont p.date{color:#555 !important; background:#f5f5f5; font-size:14px;  line-height:42px; overflow:hidden; height:42px; padding:0px 15px 0px 15px;}
ul.newbbsA2 li .bbscontA {width:378px; height:405px;  padding:0px; border:1px solid #ddd;overflow:hidden; background:#fff;}
ul.newbbsA2 li a .bbscontA p.sbj{font-family:'NotoKrM';color:#212121 !important; font-size:17px; overflow:hidden; height:55px; padding:25px 15px 0px 15px;}
ul.newbbsA2 li a .bbscontA p.memo{color:#666666 !important; font-size:14px;  line-height:24px; overflow:hidden; height:264px; padding:0px 15px 20px 15px;}
ul.newbbsA2 li a .bbscontA p.date{color:#555 !important; background:#f5f5f5; font-size:14px;  line-height:42px; overflow:hidden; height:42px; padding:0px 15px 0px 15px;}
ul.newbbsA2 li a .imgA {display:block;width:264px; height:264px; overflow:hidden; background:#000;}
ul.newbbsA2 li a .imgA  img{-webkit-transform:scale(1); transform:scale(1); -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out;}
ul.newbbsA2 li a:hover .imgA  img{-webkit-transform:scale(1.03); transform:scale(1.03);opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50);}
ul.newbbsA2 li a .imgBD{position:absolute; top:0px; left:0px; width:264px; height:264px; overflow:hidden; z-index:2;border:1px solid rgba(0,0,0,0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

ul.archibbsA {padding:0;margin:0;min-width:1200px;}
ul.archibbsA:after {clear:both; display:block; content:'';}
ul.archibbsA li {float:left;position:relative;  width:216px;  overflow:hidden; margin-left:30px; margin-bottom:25px;list-style-type:none;}
ul.archibbsA li:first-child, ul.archibbsA li.el {margin-left:0px;}
ul.archibbsA li a:hover  {text-decoration:none;}
ul.archibbsA li a .bbscont {position:absolute; top:0px;  left:0px; width:216px; height:160px; padding:0px;  overflow:hidden; display:table;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0px 10px 0px 10px; opacity:0.0; 	-moz-opacity:0.0; 	filter: alpha(opacity=0);-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}
ul.archibbsA li a:hover .bbscont {opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100);}
ul.archibbsA li a .bbscont p.sbj{display:table-cell; vertical-align:middle; text-align:center;  font-size:16.5px;margin-top:5px;height:160px; line-height:24px; font-family:'NotoKrR';color:#fff; overflow:hidden;}
ul.archibbsA li a .bbscont p.memo {text-align:justify; font-size:13.5px; line-height:18px; height:36px; color:#787878; overflow:hidden;}
ul.archibbsA li a .imgA {display:block;width:216px; height:160px; overflow:hidden; background:#000;}
ul.archibbsA li a .imgA  img{-webkit-transform:scale(1); transform:scale(1); opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100);  -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out;}
ul.archibbsA li a:hover .imgA  img{-webkit-transform:scale(1.03); transform:scale(1.03);opacity:0.4; 	-moz-opacity:0.4; 	filter: alpha(opacity=40);}
ul.archibbsA li a .imgBD{position:absolute; top:0px; left:0px; width:216px; height:160px; overflow:hidden; z-index:2;border:1px solid rgba(0,0,0,0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}



ul.newbbsA_txt {padding:0;margin:0;}
ul.newbbsA_txt li {list-style-type:none;}
ul.newbbsA_txt li a:hover  {text-decoration:none; color:#6aaa13;}
ul.newbbsA_txt li a {display:block;font-family:'NotoKrR';color:#5e5c57; font-size:14px; overflow:hidden; height:20px; margin:8px 0px 2px 0px;  line-height:20px;}

.btn_more {margin:30px auto 20px auto; text-align:center; display:block;}
.btn_more a{display:block;margin:0px auto; font-family:'NotoKrR'; width:160px; text-align:center; border:2px solid #838383; color:#777; font-size:16px;height:40px; line-height:40px; }
.btn_more a:hover {color:#fff; background:#838383;}
.btn_more2 {margin:30px auto 20px auto; text-align:center; display:block;}
.btn_more2 a{display:block;margin:0px auto; font-family:'NotoKrR'; width:160px; text-align:center; border:2px solid #fff; color:#fff; font-size:16px;height:40px; line-height:40px; }
.btn_more2 a:hover {color:#444; background:#fff;}

.pott1{color:#273a54 !important;}