#wrapper {background: #efefef;}
#mVisualA {width:100%; margin:122px auto 0px; overflow:hidden; position:relative;}
#mVisualA .mvisTxt {position:absolute;top: 31%;left:50%;margin-left: -400px;width:800px;z-index:10;text-align:center;}
#mVisualA .mvisTxt p {color: #fff;font-size: 22px;line-height: 100%;margin: 25px 0 48px;font-weight: 500;}
#mVisualA .mvisTxt strong {display: block;padding: 0;font-weight: normal;font-family: 'Seokbo';color: #fff;font-size: 50px;line-height: 100%;}
#mVisualA .mvisTxt a {display: inline-block;margin: 0 8px;width: 180px;line-height: 42px;text-align: center;font-size: 15px;font-weight: 400;color: #d79404;background: #fff;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
#mVisualA .mvisTxt a.mBtnA {background:#dbaf00; color:#fff;}
#mVisualA .mvisTxt a:hover {background: #dab501;color: #fff;}


#showcase{position:relative;}
#showcase .showcase-onepage .showcase-content{}
#showcase .showcase-button-wrapper{clear:both; position:absolute; bottom:20px; left:50%; margin-left:-300px;  width:600px;  text-align:center; z-index:11;}
#showcase .showcase-button-wrapper span{display:inline-block; width:16px; height:16px; margin:0px 5px; cursor:pointer; text-indent:-99999em; font-size:0px; line-height:0px; background:transparent; border:4px solid rgba(255,255,255,0.8); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#showcase .showcase-button-wrapper span.active{ background:#fff; border:4px solid #fff;}

.showcase-arrow-previous, .showcase-arrow-next{width:80px; height:80px; position:absolute; display:inline-block;z-index:12; top:50%; margin-top:-40px; cursor:pointer; opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100);}
.showcase-arrow-previous{left:0px;background:url('/img/main/btn_prev2.png') center center no-repeat; }
.showcase-arrow-next{right:0px; background:url('/img/main/btn_next2.png') center center no-repeat; }
.showcase-arrow-previous:hover, .showcase-arrow-next:hover { background-color:rgba(0,0,0,0.4); -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50); }

.popupA {float:left;margin:50px 0 0;width:894px; height:320px;display:block;overflow:hidden;}

#showcase2{position:relative;}
#showcase2 .showcase-onepage .showcase-content{}
#showcase2 .showcase-button-wrapper{clear:both; position:absolute;top:20px; right:20px;  text-align:left; z-index:11;  line-height:0px; }
#showcase2 .showcase-button-wrapper span{display:inline-block; width:16px; height:16px; margin:0px 5px; cursor:pointer;background: rgba(255,255,255,0.5);text-indent:-9999999px; font-size:0px; border-radius: 50px !important; -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important;}
#showcase2 .showcase-button-wrapper span.active{background:#ffcc00;}

#showcase2 .showcase-arrow-previous, #showcase2 .showcase-arrow-next{width:50px; height:50px; position:absolute; z-index:1; top:50%; margin-top:-25px; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100);background:url('/img/main/prev_next_btn3.png') 0px 0px no-repeat rgba(0,0,0,0.25); cursor:pointer; }
#showcase2 .showcase-arrow-previous{left:0px;background-position:0 0;}
#showcase2 .showcase-arrow-next{right:0px;background-position:-50px 0;}
#showcase2 .showcase-arrow-previous:hover, #showcase2 .showcase-arrow-next:hover {background-color:rgba(0,0,0,0.7); opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100);}
#showcase3{position:relative;}
#showcase3 .showcase-onepage .showcase-content{}
#showcase3 .showcase-button-wrapper{clear:both; position:absolute; bottom:25px; left:30px;  text-align:center; z-index:11;}
#showcase3 .showcase-button-wrapper span{display:inline-block; width:15px; height:15px; margin-left:1px; margin-left:8px; cursor:pointer; text-indent:-99999em; font-size:0px; line-height:0px; background:rgba(255, 255, 255, 0.5); border-radius: 50px !important; -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important;}
#showcase3 .showcase-button-wrapper span.active{width:15px; height:15px; background:url('/img/main/show_btn2.png') no-repeat; border-radius: 50px !important; -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important;}
#showcase3 .showcase-button-wrapper span:first-child {margin-left:0;}


#subtab {width:100%; overflow:hidden; margin:0px auto 20px auto; letter-spacing:-0.5px;  word-spacing:0px;text-align:center;}
#subtab ul{padding:0px; margin:0px; display:inline-block;}
#subtab ul::after {clear:both; content:""; display:block;}
#subtab li{list-style-type:none; float:left; width:214px; height:50px; line-height:48px;display:block; text-decoration:none; background:#fff; border:1px solid #d2d2d2;  margin:1px;font-weight:700; font-size:20px; padding:0; cursor: pointer; color:#545454 !important; border-radius: 50px !important;  -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important;text-align:center;overflow:hidden;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#subtab li:first-child  {margin-left:0px;}
#subtab li:hover{text-decoration:none;background:#fff; color:#2b80bf !important; }
#subtab li.on {border:1px solid #2b80bf; background: #2b80bf; color:#fff !important; }


#subtab2 {width:100%; overflow:hidden; margin:0px auto 20px auto; letter-spacing:-0.5px;  word-spacing:0px;text-align:center;}
#subtab2 ul{padding:0px; margin:0px; display:inline-block;}
#subtab2 ul::after {clear:both; content:""; display:block;}
#subtab2 li{list-style-type:none; float:left; width:214px; height:50px; line-height:48px;display:block; text-decoration:none; background:#fff; border:1px solid #d2d2d2;  margin:1px;font-weight:700; font-size:20px; padding:0; cursor: pointer; color:#545454 !important; border-radius: 50px !important;  -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important;text-align:center;overflow:hidden;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#subtab2 li:first-child  {margin-left:0px;}
#subtab2 li:hover{text-decoration:none;background:#fff; color:#2b80bf !important; }
#subtab2 li.on {border:1px solid #2b80bf; background: #2b80bf; color:#fff !important; }


h3 {font-family:'Seokbo';font-weight:normal; font-size:34px; text-align:center; color:#292929;letter-spacing:-1px;line-height:100%;}
h5 {font-family:'Seokbo';font-weight:normal; font-size:34px;  color:#292929;letter-spacing:-1px;line-height:100%;border-bottom: 2px solid #000;padding-bottom: 12px;background: url(/img/more_ico.png) no-repeat right 25%;}
.subtit {text-align:center;font-size:16px;color:#8d8d8d;margin:16px 0 0;}

.notiArea {position:relative;display: block;overflow: hidden;background: #fff;padding:40px 0px;}

.wrap1224 {position: relative;width: 312px;margin: 26px auto 30px auto;display: block;overflow: hidden;z-index: 0;}
.notiArea .notiEach {width:26%;margin-left:4%;float:left;position:relative;min-height:280px;border: 1px solid #cfcfcf;padding: 28px 26px 0px 26px;}
.notiArea .notiEach ul {padding:0px 0px 0px 0px}
.notiArea .notiEach ul li {overflow:hidden;line-height:180%;height: 35px;font-size: 18px;padding: 0 0px 0 20px;position: relative;}
.notiArea .notiEach ul li .tit{}
.notiArea .notiEach:first-child  {margin-left:0px;}
.notiArea .notiEach ul li:after {content:""; display:block; width:4px; height:4px; background:#111; position:absolute; left:2px; top:15px;}


.notiA {margin:0px; padding:0px;display:block;position:relative; }
.notiA:after {clear:both; content:''; display:block;}
.notiA li{ float:left; width:282px; height:288px; padding:12px;  position:relative;}
.notiA li a {display:block; position:relative; width: 282px;height: 288px;border: 1px solid #e5e5e5;padding: 30px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;-webkit-transition: .4s ease-in-out; transition: .4s ease-in-out;}
.notiA li a .sbj {color: #8c6e50;font-size: 20px;line-height: 28px;height: 56px;overflow: hidden;letter-spacing: -0.5px;margin: 0px 0px 23px 0px;font-weight: 500;}
.notiA li a .txt{color: #555;font-size: 16px;line-height: 24px;height: 96px;overflow: hidden;text-align: justify;}
.notiA li a .date{font-size: 16px;color: #555;display: block;height: 28px;line-height: 28px;letter-spacing: 0px;margin-top: 30px;}
.notiA li a .arrowgo {display:block; position:absolute; right:20px; bottom:27px; width:48px; height:19px; background:url(/img/icons.png) no-repeat; background-position:0 0;}
.notiA li a:hover  {color:#fff;border-color:#dbaf00;}
.notiA li a:hover .sbj  {color:#fff !important; }
.notiA li a:hover .txt, .notiA li a:hover .date   {color:rgb(255,255,255) !important; text-decoration:none; }
.notiA li a:hover .arrowgo {background-position:-49px 0;}
.notiA li.bbsnone {clear:both; float:none; width:100%; padding:40px 0px;text-align:center;}
.notiA li a:before {display:block; position:absolute;  left:-1px; top:-1px;z-index:-2; width:282px; height:288px; background:#fff; content:'';-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.notiA li a:after {display:block; position:absolute;  left:-1px; top:-1px;z-index:-1; width:282px; height:288px; background:#dbaf00; opacity:0.0; 	-moz-opacity:0.0; 	filter: alpha(opacity=0); content:''; box-shadow:0px 3px 12px rgba(0,0,0,0.3); -moz-box-shadow: 0px 3px 12px  rgba(0,0,0,0.3); -webkit-box-shadow: 0px 3px 12px  rgba(0,0,0,0.3)-webkit-transition: .4s ease-in-out; transition: .4s ease-in-out;  }
.notiA li a:hover:after {opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100); }


/* 테두리 없는거
.notiArea {position:relative;display: block;overflow: hidden;background: #fff;padding: 60px 0px 30px 0px;}

.wrap1224 {position: relative;width: 370px;margin: 26px auto 30px auto;display: block;overflow: hidden;z-index: 0;}
.notiArea .notiEach {width:31%;margin-left:3%;float:left;position:relative;min-height:300px;}
.notiArea .notiEach ul {padding:0 10px;}
.notiArea .notiEach ul li {overflow:hidden;line-height:200%;height: 40px;font-size: 18px;}
.notiArea .notiEach ul li .tit{}
.notiArea .notiEach:first-child  {margin-left:0px;}


.notiA {margin:0px; padding:0px;display:block;position:relative; }
.notiA:after {clear:both; content:''; display:block;}
.notiA li{ float:left; width:282px; height:288px; padding:12px;  position:relative;}
.notiA li a {display:block; position:relative; width: 282px;height: 288px;border: 1px solid #e5e5e5;padding: 30px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;-webkit-transition: .4s ease-in-out; transition: .4s ease-in-out;}
.notiA li a .sbj {color: #8c6e50;font-size: 20px;line-height: 28px;height: 56px;overflow: hidden;letter-spacing: -0.5px;margin: 0px 0px 23px 0px;font-weight: 500;}
.notiA li a .txt{color: #555;font-size: 16px;line-height: 24px;height: 96px;overflow: hidden;text-align: justify;}
.notiA li a .date{font-size: 16px;color: #555;display: block;height: 28px;line-height: 28px;letter-spacing: 0px;margin-top: 30px;}
.notiA li a .arrowgo {display:block; position:absolute; right:20px; bottom:27px; width:48px; height:19px; background:url(/img/icons.png) no-repeat; background-position:0 0;}
.notiA li a:hover  {color:#fff;border-color:#dbaf00;}
.notiA li a:hover .sbj  {color:#fff !important; }
.notiA li a:hover .txt, .notiA li a:hover .date   {color:rgb(255,255,255) !important; text-decoration:none; }
.notiA li a:hover .arrowgo {background-position:-49px 0;}
.notiA li.bbsnone {clear:both; float:none; width:100%; padding:40px 0px;text-align:center;}
.notiA li a:before {display:block; position:absolute;  left:-1px; top:-1px;z-index:-2; width:282px; height:288px; background:#fff; content:'';-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.notiA li a:after {display:block; position:absolute;  left:-1px; top:-1px;z-index:-1; width:282px; height:288px; background:#dbaf00; opacity:0.0; 	-moz-opacity:0.0; 	filter: alpha(opacity=0); content:''; box-shadow:0px 3px 12px rgba(0,0,0,0.3); -moz-box-shadow: 0px 3px 12px  rgba(0,0,0,0.3); -webkit-box-shadow: 0px 3px 12px  rgba(0,0,0,0.3)-webkit-transition: .4s ease-in-out; transition: .4s ease-in-out;  }
.notiA li a:hover:after {opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100); }
*/


.quickArea{float:right;margin:50px 0 0;display:block;overflow:hidden;width: 282px;background: #fff;}
.quickArea ul {border:1px solid #e5e5e5;}
.quickArea ul li{display:block;list-style:none;}
.quickArea ul li a{display:block;position:relative;border-bottom: 1px solid #e5e5e5;}
.quickArea ul li:last-child a {border-bottom:none;}
.quickArea ul li span {left: 28px;position:absolute;left: 28px;top: 50%;transform: translate(0, -50%);width: 44px;height: 42px;}
.quickArea ul li.mbg1 span {background:url(/img/icons_quick1.png) no-repeat;}
.quickArea ul li.mbg2 span {background:url(/img/icons_quick2.png) no-repeat;}
.quickArea ul li.mbg3 span {background:url(/img/icons_quick3.png) no-repeat;}
.quickArea ul li.mbg4 span {background:url(/img/icons_quick4.png) no-repeat;}
.quickArea ul li.mbg1:hover span {background:url(/img/icons_quick1_o.png) no-repeat;}
.quickArea ul li.mbg2:hover span {background:url(/img/icons_quick2_o.png) no-repeat;}
.quickArea ul li.mbg3:hover span {background:url(/img/icons_quick3_o.png) no-repeat;}
.quickArea ul li.mbg4:hover span {background:url(/img/icons_quick4_o.png) no-repeat;}
.quickArea ul li strong {display:block;font-weight: normal;line-height: 79px;padding: 0 0 0 88px;font-size: 17px;}
.quickArea ul li:hover strong {color:#fff}
.quickArea ul li:hover{background: #dbaf00;}


.gallArea {position:relative;  width:1200px; margin:0 auto;background:#efefef; padding:60px 0px 60px 0px; display:block; overflow:hidden;   }
.gallArea .wrap {float:left;width:100%;}
.gallArea h4{display:block; text-align:center; font-weight:400; color:#8a8a8a; margin-bottom:35px;}
.gallA {margin:40px 0 0; padding:0px;display:block;position:relative; }
.gallA:after {clear:both; content:''; display:block;}
.gallA li{ float:left;  width:282px; overflow:hidden;margin-left:24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;margin-bottom: 20px;}
.gallA li:first-child { margin-left:0px;}
.gallA li:nth-child(5){margin-left:0px;}
.gallA li .imgA {width:282px; height:192px;position:relative; display:block; overflow:hidden; }
.gallA li .imgA:before {position:absolute; top:0px; left:0px; width:282px; height:192px; border:1px solid #000;opacity:0.1; 	-moz-opacity:0.1; 	filter: alpha(opacity=10);  z-index:1; display:block; content:'';-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.gallA li .txtA .sbj{color: #4e4e4e;font-size: 18px;overflow: hidden;letter-spacing: -0.5px;margin: 18px 0 0;}
.gallA li a{display:block;opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100);-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.gallA li a:hover { }
.gallA li a:hover .txtA .sbj {color:#d79404;}
.gallA li a .bname{position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.gallA li a .bname span{display:inline-block; font-weight:700;color:#0071bc; border-top:1px solid #0071bc;  height:32px;line-height:32px; letter-spacing:-1px;  }
.gallA li a .bname .date{font-size: 16px;color: #b0b0b0;letter-spacing: 0px;}

.gallArea1 {position:relative;   margin:0 auto;background:#fff; padding:60px 0px 60px 0px; display:block; overflow:hidden;   }
.gallArea1 .wrap {width: 1200px;margin: 0 auto;}
.gallArea1 h4{display:block; text-align:center; font-weight:400; color:#8a8a8a; margin-bottom:35px;}


.tsArea {display:block;position:relative;  width:100%; margin:0 auto; background:url(/img/main/ts_bg.jpg) center top no-repeat; background-size:cover;  }
.tsArea a{display:block;position:relative;  height:280px;-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.tsArea a:hover  {background:rgba(0,0,0,0.5); }

.tsArea dl.tsA { display:block; margin:0 auto; width:1200px; height:280px;  padding:80px 0px 0px  0px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.tsArea dl.tsA:after {clear:both; content:''; display:block;} 
.tsArea dl.tsA dt{float:left; padding-left:120px; padding-top:2px; text-align:left;}
.tsArea dl.tsA dd{float:right; padding-right:105px; text-align:right;}


.mSitelinkA {display: block;width: 100%;position: relative;height: 307px;padding: 0px 0;background: url(/img/bg_mainbn.png) no-repeat;margin: 0 auto;}
.mSitelinkA dl {color: #fff;padding-top: 86px;}
.mSitelinkA dt {font-size: 20px;line-height: 100%;}
.mSitelinkA dd {font-size: 36px;line-height: 100%;margin: 12px 0 30px;}
.mSitelinkA a {display: block;border: 1px solid #fff;color: #fff;width: 86px;line-height: 35px;text-align: center;font-size: 14px;}
.mSitelinkA a:hover {border:1px solid #C93223; background:#C93223;}

#ft {margin-top:0px;}


.text-center {text-align: center;}
.imagebg {position: relative;background: #fff;padding-bottom: 50px;}
.cta{background: #f8d63f url(/img/one.png) no-repeat 900px;padding: 30px 0;margin: auto;    width: 1200px;}
.color--white {color: #fff}
.color--black {color: #000}
.mb-5{padding:5px 0px 10px 0px}


.showcase-content-container {height: 400px !important;}

.go_quick { position:relative; padding:0.5rem 2rem 0.5rem 4.1rem; margin-top:0.8rem; height:2.6rem; line-height:2.6rem; color:#fff; background:#fff url() no-repeat right 10px center; border-radius:1.6rem; transition:all 0.2s cubic-bezier(0.4, 0, 1, 1); -webkit-transition:all 0.2s cubic-bezier(0.4, 0, 1, 1); }
.go_quick:before { content:''; position:absolute; left:0.5rem; top:0.5rem; width:3.7rem; height:1.6rem; background:#fff url('/img/youtube.png') no-repeat center;  }
.go_quick:focus,
.go_quick:hover { }

.youtube{background: url(/img/youtube1.png) no-repeat center;height: 50px; }
.youtube1{padding: 0 17px;}