#wrapper {background:#f2f2f2; padding:40px 0px;}

#mTopArea {width:1200px; margin:0px 0px 40px 0px;overflow:hidden;}
#mVisualA {position:relative; float:left; width:875px; height:450px; display:block; overflow:hidden;}
#mVisualA .mvisTxt {position:absolute; bottom:140px; left:40px;     z-index:9; font-family: 'nanum-square-r'; }

#mVisualA .mvisTxt .stt {display:block;margin:0px 0px 12px 0px; padding:0px; font-weight:normal;  color:#fff; font-size:35px; line-height:30px;  }
#mVisualA .mvisTxt .tit {display:block;margin:0px; padding:10px 0px 0px 0px; font-weight:normal;  color:#fff; font-size:45px; line-height:30px; text-shadow:0px 1px #000; font-family: 'nanum-square-b'; }
#mVisualA .mvisTxt .tit span {display:inline-block;}
#mVisualA .mvisTxt .exp {display:block;margin:24px 0px 12px 0px; padding:0px; font-weight:normal;  color:#fff; font-size:18px; line-height:28px;  letter-spacing:-1.5px;  text-align:justify;}
#mVisualA .mvisTxt .exp span {letter-spacing:-1.2px; }
#showcase{position:relative;}
#showcase .showcase-onepage .showcase-content{}
#showcase .showcase-button-wrapper{clear:both; position:absolute; bottom:20px; left:410px;  text-align:right; z-index:11;}
#showcase .showcase-button-wrapper span{float:left; width:12px; height:12px; margin-left:5px; cursor:pointer; text-indent:-99999em; font-size:0px; line-height:12px; background:url(/img/btn_off.png) left center no-repeat ;}
#showcase .showcase-button-wrapper span.active{width:12px; height:12px; background:url(/img/btn_on.png) left top no-repeat;}

#showcase .showcase-arrow-next {position:absolute; top:176px;left:0px; outline:0; width:48px; height:48px; text-indent:-9999px; z-index:11; background:url(/img/prev_next_btn.png) no-repeat 0px 0px;  cursor:pointer; opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50);}
#showcase .showcase-arrow-previous{position:absolute; top:176px; right:0px;outline:0; width:48px; height:48px; text-indent:-9999px; z-index:11; background: url(/img/prev_next_btn.png) no-repeat -48px 0; cursor:pointer;opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50); }
#showcase .showcase-arrow-next:hover, #showcase .showcase-arrow-previous:hover  {opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100);-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}



#tsprogramA { float:right; width:325px; height:450px; display:block; overflow:hidden;}
#showcase2{position:relative;}
#showcase2 .showcase-onepage .showcase-content{}
#showcase2 .showcase-button-wrapper{clear:both; position:absolute; bottom:20px; right:20px;  text-align:right; z-index:11;}
#showcase2 .showcase-button-wrapper span{display:inline-block; width:12px; height:12px; margin-left:4px; cursor:pointer; text-indent:-99999em; box-shadow:0px 0px 2px  rgba(0,0,0,0.6); font-size:0px; line-height:0px;background:#fff; opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50); border-radius: 20px !important;  -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important;}
#showcase2 .showcase-button-wrapper span.active{ background:#f4690e; opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100); }

#mqbanArea {margin:0px auto; width:1200px; height:110px; overflow:hidden;padding:0px 0px; background:#fff;}
#mqbanArea ul:after {clear:both; content:''; display:block;}
#mqbanArea li{float:left; width:235px;height:110px;  overflow:hidden; display:block; position:relative;}
#mqbanArea li:nth-child(3){width:260px;}
#mqbanArea li a{display:block;}
#mqbanArea li .thimg {position:absolute; top:18px; left:30px;opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100);  -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}
#mqbanArea li a:hover .thimg {opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50);}
#mqbanArea li .txt {padding-left:120px; height:110px; line-height:110px; font-size:18px; color:#676767;font-family: 'NotoKrM'; }
#mqbanArea li a:hover .txt {color:#f36910;}


#mbbsArea {width:1200px; margin:0 auto; padding:0px; }
.mnotiA {float:left; width:320px; height:350px; background:#fff; margin-right:10px; display:block; overflow:hidden; position:relative;padding:30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }

.mnotiA h3  { display:block; font-style:none;  font-weight:normal; color:#333; font-size:24px; 	font-family: 'NotoKrM';  margin:0px; padding:0px 0px 13px 0px; line-height:24px; overflow:hidden;background:url(/img/main/btn_more.png) right  top  no-repeat; }
ul.notiA {float:left; width:260px;  overflow:hidden; }
.notiA  li{ list-style:none; display:block; overflow:hidden; font-size:16.5px; position:relative; margin:0px; height:54px; font-family: 'NotoKrM';padding-top:14px;  border-top:1px solid #ebebeb; letter-spacing:-0.5px;}
.notiA  li:first-child { border-top:none;}
.notiA  li a{color:#676767; display:block;height:18px; line-height:18px;  }
.notiA  li a:hover {color:#0eae85;  }
.notiA  li a .date {display:block; font-size:13px; color:#888888; margin-top:5px;font-family: 'NotoKrR'; letter-spacing:0px;}
.notiA  li a .new  {display:inline-block; font-size:13px; color:#f36910; padding-left:4px;  }

.mquickA {float:left; width:270px; height:350px; overflow:hidden;display:block; }


.mquickA .freeboardA{width:270px; height:190px; background:#01926d;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding:30px 30px 0px 30px;}
.freeboardA h3  { display:block; font-style:none;  font-weight:normal; color:#fff; font-size:22px; 	font-family: 'NotoKrR';  margin:0px; padding:0px 0px 13px 0px; line-height:22px; overflow:hidden;background:url(/img/main/btn_more3.png) right  top  no-repeat; }
.freeboardA ul{ width:210px;   overflow:hidden; }
.freeboardA  li{ list-style:none; display:block; overflow:hidden; font-size:15.5px; position:relative; margin:0px; height:30px; padding-top:3px;font-family: 'NotoKrR'; border-top:none; letter-spacing:-0.5px;}
.freeboardA  li:first-child { border-top:none;padding-top:8px; }
.freeboardA  li a{color:#fff; display:block;height:18px; line-height:18px;  }
.freeboardA  li a:hover {color:#8ac4b5;  }
.freeboardA  li a .date {display:none; font-size:13px; color:#888888; margin-top:5px;font-family: 'NotoKrR'; letter-spacing:0px;}
.freeboardA  li a .new  {display:inline-block; font-size:13px; color:#ffac06; padding-left:4px;  }


.mquickA .webzineA {width:270px; height:170px; margin:0px 0px 10px 0px;  position:relative;-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;}
.mquickA .webzineA a{background:url(/img/main/mqbt01_1.png) 28px 120px no-repeat #805e45;display:block;width:270px; height:170px;  padding:40px 0px 0px 30px; -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;}
.mquickA .webzineA a:hover {opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50);}
.mquickA .webzineA a .txt {color:#fff; font-size:22px;}
.mquickA .webzineA a .txt strong{font-size:24px; font-weight:normal;   font-family: 'NotoKrM';}
.mquickA .webzineA a .txt p {font-size:16.5px;  background:url() left 37px no-repeat;height:30px; padding:15px 0px 0px 0px;}

.mquickA .webzineB {width:270px; height:170px; margin:0px 0px 10px 0px;  position:relative;-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;}
.mquickA .webzineB a{background:url(/img/main/mqbt01_1.png) 28px 120px no-repeat #525733;display:block;width:270px; height:170px;  padding:40px 0px 0px 30px; -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;}
.mquickA .webzineB a:hover {opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50);}
.mquickA .webzineB a .txt {color:#fff; font-size:22px;}
.mquickA .webzineB a .txt strong{font-size:24px; font-weight:normal;   font-family: 'NotoKrM';}
.mquickA .webzineB a .txt p {font-size:16.5px;  background:url() left 37px no-repeat;height:30px; padding:15px 0px 0px 0px;}




.mPopupA {float:right; width:590px; height:350px; overflow:hidden;display:block;background:#fff; }
#showcase3{position:relative;}
#showcase3 .showcase-onepage .showcase-content{}
#showcase3 .showcase-button-wrapper{clear:both; position:absolute; top:20px; right:20px;  text-align:right; z-index:11;}
#showcase3 .showcase-button-wrapper span{float:left; width:12px; height:12px; margin-left:5px; cursor:pointer; text-indent:-99999em; font-size:0px; line-height:12px; background:url(/img/btn_off.png) left center no-repeat ;}
#showcase3 .showcase-button-wrapper span.active{width:12px; height:12px; background:url(/img/btn_on.png) left top no-repeat;}

.gallArea{width:600px; overflow:hidden; margin:40px auto 0px auto; padding:30px 0px 20px 0px; background:#fff;float: left}
.gallArea h3  { display:block; font-style:none;  font-weight:normal; color:#333; font-size:24px; 	font-family: 'NotoKrM';  margin:0px 32px 5px 30px; padding:0px 0px 13px 0px; line-height:24px; overflow:hidden;background:url(/img/main/btn_more.png) right  top  no-repeat; }

.gallArea ul:after {clear:both; content:''; display:block;}
.gallArea li{list-style:none;float:left; display:inline-block; width:250px; height:220px; position:relative; padding:0px; margin:0px 0px 0px 46px;overflow:hidden;text-align:center; }
.gallArea li:first-child {margin-left:30px;}
.gallArea li a{ display:block; width:250px; height:220px;  }

.gallArea .imgbd {position:absolute; top:0px; left:0px; z-index:1;width:250px; height:150px; border:1px solid rgba(0,0,0,0.1); box-sizing:border-box; }
.gallArea .imgA {width:250px; height:150px; background:#000;overflow:hidden;}
.gallArea a  .imgA .thimg{opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100); -webkit-transform:scale(1.00); transform:scale(1.00); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} 
.gallArea a:hover  .imgA .thimg{opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50); -webkit-transform:scale(1.04); transform:scale(1.04);  } 
.gallArea a .sbjA {display:block; width:250px; height:30px; line-height:30px;  font-size:16.5px;  padding:10px 0px 0px 0px;font-family:'NotoKrM'; color:#676767;  overflow:hidden; letter-spacing:-1px; }
.gallArea a .dateA {display:block;font-size:13.5px; color:#8c8c8c; margin:5px 0px 8px 0px; line-height:20px; height:20px; overflow:hidden;}
.gallArea a .noimg {border:1px solid #dee0df; width:200px; height:168px; padding:20px 24px 20px 24px; display:block; overflow:hidden;}
.gallArea a .noimg .sbjA {display:table-cell;vertical-align:middle;line-height:25px;  font-size:16.5px;  padding:25px 0px 8px 0px;font-family:'NotoKrM'; color:#676767;  overflow:hidden; letter-spacing:-1px; }
.gallArea a .noimg .conA {display:table-row;font-size:13.5px; color:#8c8c8c; line-height:24px; height:150px; overflow:hidden; margin:0px;}
.gallArea a .noimg .conA span{display:block;height:100px; overflow:hidden; margin:0px;}
.gallArea a:hover .noimg {border:3px solid #e17543;  padding:18px 22px 22px 22px; }
.gallArea a:hover .sbjA{color:#0eae85;  }


#mbbsArea1 {width:1200px; margin:0 auto; padding:0px; }

.banner {width: 590px;overflow: hidden;margin: 40px auto 0px auto;padding: 30px 10px 20px 0px background:#dcdad9;float:right}


.banner .bannerA {width:290px; height:312px; margin:0px 0px 10px 0px;  position:relative;-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;float: left;
    display: inline-block;background:url(/img/main/m_banner1.png) bottom no-repeat #dcdad9;}
.banner .bannerA a {width:290px; height:312px;  padding:40px 0px 0px 30px; -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;}
.banner .bannerA a:hover {opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50);}
.banner .bannerA a .txt1 {color:#000; font-size:34px;padding: 20px;background:url(/img/main/plus.png) 245px 0px no-repeat; }
.banner .bannerA a .txt1 strong{font-size:24px; font-weight:normal;   font-family: 'NotoKrM';}
.banner .bannerA a .txt1 p {font-size:16.5px;padding:15px 20px 10px 3px;}

.banner .bannerB {width:290px; height:312px; margin:0px 0px 10px 0px;  position:relative;-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;float: right;
    display: inline-block;background:url(/img/main/m_banner2.png) bottom no-repeat #dcdad9;}
.banner .bannerB a{width:290px; height:312px;  padding:40px 0px 0px 30px; -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;}
.banner .bannerB a:hover {opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50);}
.banner .bannerB a .txt1 {color:#000; font-size:34px;padding: 20px;background:url(/img/main/plus.png) 245px 0px no-repeat; }
.banner .bannerB a .txt1 strong{font-size:24px; font-weight:normal;   font-family: 'NotoKrM';}
.banner .bannerB a .txt1 p {font-size:16.5px;  background:url() left 37px no-repeat;height:30px; padding:15px 0px 0px 0px;}


.line {position: relative;width: 360px;margin: 35px 0px 0px 0px;font-family: 'nanum-square-r';letter-spacing: -1px;border-bottom: 1px solid #e5e5e5;}