#showcase {width:100%; height:600px; display:block; overflow:hidden; position:relative;}	
#showcase .showcase-onepage .showcase-content{}
#showcase .showcase-button-wrapper{clear:both; position:absolute; bottom:12px; left:50%; margin-left:-40px;text-align:center;}
#showcase .showcase-button-wrapper span{float:left; width:15px; height:15px; margin:0px 5px; cursor:pointer; text-indent:-99999em; background:url(/layouts/default/image/visual_btn01.png) no-repeat;}
#showcase .showcase-button-wrapper span.active{background-position:0px -16px;}
#showcase .mimgTxt {position:absolute; top:200px; left:50%; margin-left:-190px; width:380px; height:160px; text-align:center;}

br { font-size:0px;}

#mIntro{width:100%; overflow:hidden; margin:35px auto;}
.ttexp {font-size:18px; color:#565656; letter-spacing:-1px; text-align:center;font-family: 'nanum-square-r';}
ul.miBan {list-style-type:none; padding:0px; margin:0px;}
ul.miBan:after {clear:both; content:''; display:block;}
ul.miBan li{list-style-type:none; float:left; display:inline-block; width:19.5%; padding:120px 0px 0px 0px; margin:0px;text-align:center; font-family:'nanumB' font-size:18px; color:#212121;}
ul.miBan li.bg1{background:url(/layouts/default/image/main/mban01.png) center top no-repeat ;}
ul.miBan li.bg2{background:url(/layouts/default/image/main/mban02.png) center top no-repeat ;}
ul.miBan li.bg3{background:url(/layouts/default/image/main/mban03.png) center top no-repeat ;}
ul.miBan li.bg4{background:url(/layouts/default/image/main/mban04.png) center top no-repeat ;}
ul.miBan li.bg5{background:url(/layouts/default/image/main/mban05.png) center top no-repeat ; width:22%;}

#mProduct {width:100%; margin:0px auto; padding:35px 0px 50px 0px;}

#mProduct ul {padding:0;margin:0;}
#mProduct li {float:left;width:279px; overflow:hidden;margin:40px 28px 0px 0px;list-style-type:none;}
#mProduct li.el {float:left;margin:40px 0px 0px 0px;list-style-type:none;}
#mProduct li .imgA {width:279px; height:228px; overflow:hidden;background:#000; }
#mProduct li .sbj {line-height:150%;padding:18px 20px 0 20px;height:72px; background:#4c4c4c; text-align:justify; overflow:hidden;}
#mProduct li a .sbj{color:#fff; font-size:18px;font-family: 'nanum-square-r'; letter-spacing:-1px;}
#mProduct li a:hover .sbj {text-decoration:none; color:#ff4747;}
#mProduct li  .sbj .date {display:block;font-size:14px;color:#727272; margin-top:10px; }
#mProduct li a:hover img {opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50); }



#mPortfolio {width:100%; background:#f0f0f0;margin:0px auto; padding:35px 0px; min-height:400px;}

#mPortfolio ul {padding:0;margin:0;}
#mPortfolio li {float:left;width:279px; overflow:hidden;margin:40px 28px 0px 0px;list-style-type:none;}
#mPortfolio li.el {float:left;margin:40px 0px 0px 0px;list-style-type:none;}
#mPortfolio li .imgA {width:279px; height:318px; overflow:hidden;background:#000;}
#mPortfolio li  .sbj {line-height:150%;margin:18px 20px 18px 20px;height:22px; text-align:center; overflow:hidden;}
#mPortfolio li a .sbj{color:#212121; font-size:18px;font-family: 'nanum-square-r'; letter-spacing:-1px;}
#mPortfolio li a:hover .sbj {text-decoration:none; color:#ff4747;}
#mPortfolio li  .sbj .date {display:block;font-size:14px;color:#727272; margin-top:10px; }
#mPortfolio li a:hover img {opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50); }



#mContact {width:100%;margin:0px auto; padding:40px 0px;font-family: 'nanum-square-r';}
ul.mInfo {list-style-type:none; padding:0px; margin:0px;}
ul.mInfo:after {clear:both; content:''; display:block;}
ul.mInfo li{list-style-type:none; float:left; display:inline-block; width:20%; padding:50px 0px 0px 0px; margin:0px;text-align:center; font-weight:500; font-size:16px; line-height:24px; color:#707070;}
ul.mInfo li p{font-weight:700;  color:#000; margin:20px 0px;}
ul.mInfo li i {color:#222; font-size:50px;} 
ul.mInfo li strong {font-weight:normal;font-family: 'nanum-square-b'; font-size:18px; color:#212121;}

h2{margin:0px; padding:0px; text-align:center; font-size:36px; font-family: 'nanum-square-b'; line-height:150%; color:#000;}
hr.h25 {display:block; height:25px; border:0px; margin:0px; padding:0px;}
hr.tt {display:block; width:60px;height:3px; border:0px; margin:15px auto 25px auto; padding:0px;background:#ff4747;}
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 ;}






 .proBan {float:left; width:363px; height:258px; overflow:hidden;margin-right:35px; }
#showcase2 {position:relative;}	
#showcase2 .showcase-onepage .showcase-content{}
#showcase2 .showcase-button-wrapper{clear:both; position:absolute; top:8px; right:10px; text-align:center;}
#showcase2 .showcase-button-wrapper span{float:left; width:13px; height:13px; margin-left:5px; cursor:pointer; text-indent:-99999em; background:url(/layouts/templefood/image/visual_btn03.png) no-repeat;}
#showcase2 .showcase-button-wrapper span.active{background-position:0 -14px;width:25px; }


#showcase2 .showcase-caption{position:absolute; bottom:0px; left:0; width:363px; height:54px; color:#fff; display:none; background-image:url(/layouts/templefood/image/black-opacity-40.png);}
#showcase2 .showcase_box_left .txt01{margin:5px 15px 0px 15px; height:24px;overflow:hidden;  font-size:16px;line-height:24px; font-family:'nanumB'}
#showcase2 .showcase_box_left .txt02{margin:0px 15px 5px 15px;height:20px;overflow:hidden;  font-size:13px;line-height:20px; font-weight:normal; letter-spacing:-0.5px;}
#showcase2 .showcase_box_left .txt01, #showcase2 .showcase_box_left .txt02 {color:#fff;}
#showcase2 .showcase-arrow-previous, .showcase-arrow-next{width:30px; height:30px; position:absolute; z-index:1; top:112px; background:url(/layouts/templefood/image/prev_next.png) 0px -149px no-repeat; cursor:pointer;}
#showcase2 .showcase-arrow-previous{left:0px;background-position:0 -114px;opacity:0.3;filter:alpha(opacity=30);-webkit-transition:opacity 0.1s;-moz-transition:opacity 0.1s;-o-transition:opacity 0.1s;transition:opacity 0.1s;}
#showcase2 .showcase-arrow-next{right:0px;background-position:-33px -114px; opacity:0.3;filter:alpha(opacity=30);-webkit-transition:opacity 0.1s;-moz-transition:opacity 0.1s;-o-transition:opacity 0.1s;transition:opacity 0.1s;}
#showcase2 .showcase-arrow-previous:hover {background-position:0 -114px;opacity:0.8;filter:alpha(opacity=80);-webkit-transition:opacity 0.2s;-moz-transition:opacity 0.2s;-o-transition:opacity 0.2s;transition:opacity 0.2s;}
#showcase2 .showcase-arrow-next:hover {background-position:-33px -114px;opacity:0.8;filter:alpha(opacity=80);-webkit-transition:opacity 0.2s;-moz-transition:opacity 0.2s;-o-transition:opacity 0.2s;transition:opacity 0.2s;}



.quickBan  {float:left; width:290px; height:258px; overflow:hidden; }
.quickBan li a{list-style-type:none; width:290px; height:129px; display:block; text-indent:-99999px; background:url(/layouts/templefood/image/main/mban02.jpg) left top no-repeat;}
.quickBan li a:hover{ background:url(/layouts/templefood/image/main/mban02_on.jpg) left top no-repeat;}
.quickBan li:first-child a{width:290px; height:129px; display:block; text-indent:-99999px; background:url(/layouts/templefood/image/main/mban01.jpg) left top no-repeat;}
.quickBan li:first-child a:hover{ background:url(/layouts/templefood/image/main/mban01_on.jpg) left top no-repeat;}