/* main */
#wrap {width:100%; /*max-width:1200px;*/ background:#fff !important; /*box-shadow: 3px 3px 7px 3px #999;*/ margin:0 auto}
#mvisual {position:relative; width:100%;  margin:0 auto; overflow:hidden}
#mvisual .bg {background:rgba(0,0,0,0.3); position:absolute; left:0; top:0; width:100%; height:100%; z-index:10}
#mvisual .vistit {width: 90%; position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: center; z-index:999}
#mvisual .vistit h3 {font-family:'NanumSquare';color:#fff; font-size:0.875em; font-weight:500;  text-shadow: 0 0 10px #000;}
#mvisual .vistit h3 span {display:block; font-size:1.500em; color:#fbcb6c;font-weight: 700;}
#mvisual .vistit h3 span.small {font-size:14px; color:#fff;}
.sub .visual_area{width:100%; height:100%; background-position:center 0; background-repeat:no-repeat; background-size:cover; transform:scale(1.2); -webkit-transform:scale(1.2); -ms-transform:scale(1.2); transition:transform 1s ease;}
.sub .visual_area.on{transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1);}
.sub .visual_area .inner{position:relative; width:960px; height:100%; margin:0 auto;}
.sub .visual_area h3{opacity:0;transition:opacity .6s .5s;}
.sub .visual_area h3.white{color:#fff;}
.sub .visual_area.on h3{opacity:1;}
.color1 {color:#ff66ff !important}
.color2 {color:#00ccff !important}
.color3 {color:#8fea90 !important}
.color4 {color:#fbbc3e !important}
.owl-carousel {}

/*.owl-theme .owl-nav.disabled+.owl-dots {position:absolute; z-index:999; bottom:10px; right:5%}*/

#main_slider .owl-dots {position:absolute; bottom:0; width:100%; text-align:center; z-index:999}

#mcontwrap {width:100%;}
.msection1 {width:100%; background:#eef1f4;padding:30px 0 20px 0}
.container {position:relative; width:96%; max-width:1200px; margin:0 auto;}
#Wfooter {background:#e8e8e8; padding:15px 0; line-height:1.2em}
#Wfooter > div > ul {overflow:hidden; margin-bottom:10px;}
#Wfooter > div > ul > li {float:left;}
#Wfooter > div > ul > li a {transition: all 0.2s ease-out 0s; color:#333}
#Wfooter > div > ul > li a:hover {color:#c86772;}
#Wfooter > div > ul > li:first-child {margin-right:10px;}
#Wfooter > div > p {line-height:1.6em; font-size:0.875em}
#Wfooter > div > p >  span {font-weight:500; color:#333;}
#Wfooter > div > p.copyright {font-size:12px; font-weight:300; color:#666; line-height:1.2em; margin-top:10px}
#Wfooter > div > span.flogo {position:relative;}
#pageup {position: fixed;z-index: 999; right: 10px;bottom: 10px;width: 60px;height: 60px;background-image: url(../images/common/Htop.png);background-repeat: no-repeat;background-size: 60px 60px;display: none; cursor: pointer;z-index: 4000;}


/*컨텐츠 그룹1*/
#poster_li {font-family:'nsk';}
#poster_li ul {overflow:hidden; width:100%}
#poster_li li{ float:left; padding:20px}
#poster_li li a {position:relative; display:block; border-radius:8px;box-shadow: 8px 8px 5px rgba(00, 00, 00, .1); background:#fff;}
#poster_li li a img {border-radius: 8px 8px 0 0;}
#poster_li li span.btn_class{position:absolute; top:0px; left:0px; display:block; width:60px; height:40px; line-height:1.0em; padding:10px 0; text-align:center; font-size:0.8em; color:#ffffff; opacity:0.9; border-radius: 8px 0 0 0}
#poster_li li span.class01{background:#c86772}
#poster_li li span.class02{background:#6fc072}
#poster_li li span.class03{background:#049ed5}
#poster_li li span.class04{background:#fbcb6c}
#poster_li li p{color:#333; font-weight:500; width:100%; /*position:absolute; bottom:0px;*/ padding: 10px 15px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;transition: all 0.2s ease-out 0s;background-color:rgba(255,255,255,0.9); border-radius: 0 0 8px 8px;}
#poster_li li p span.writer { font-size:12px; display:block; opacity:0.9; font-weight:300}
#poster_li li p span.writer:before {font-family: FontAwesome; display: inline-block;width: 13px;vertical-align: middle;content: "\f044";padding: 0 5px 0 0;}
#poster_li li a:hover p.class01 {background:#c86772; color:#ffffff;}
#poster_li li a:hover p.class02 {background:#6fc072; color:#ffffff;}
#poster_li li a:hover p.class03 {background:#049ed5; color:#ffffff;}
#poster_li li a:hover p.class04 {background:#fbcb6c; color:#ffffff;}
#poster_li li p a {color:#fff;}
#poster_li li a img {width:100%;}

#poster_li .owl-dots {position:relative; padding-top:30px}


/*컨텐츠 그룹2*/
.msection2 {font-family:'nsk'; width:100%; background:#fff url(../images/main/section2BG.jpg) left bottom no-repeat;padding:30px 0 20px 0}

.msection2 > div > h2 {font-size:1.750em; font-weight:400; margin:0 0 20px 0; color:#252f43}
.section2_1 {width:100%;}
.section2_2 {width:100%;}
.section2_2 > div.notice {background:#6fc072; padding:30px; border-radius:8px}
.section2_2 > div.notice > h3 {color:#fff; font-size:1.250em; margin-bottom:15px}
#didim_li li a {display:block; border-radius:8px;  position:relative; overflow:hidden}
#didim_li li a div.bg {position: absolute; left: 0;top: 0;width: 100%; height:100%; padding: 10px 0;background-color: rgba(0,0,0,0.3);z-index: 1; transition: all 0.2s ease-out 0s;}
#didim_li p {font-weight:500; text-shadow: 0 0 10px #000; color:#fff; font-size:1.250em;position: absolute; z-index:99; width: 90%;left: 50%;top: 50%; transform: translateX(-50%) translateY(-50%);text-align: center;}
#didim_li li a:hover div.bg {background-color: rgba(0,0,0,0.6);}
#didim_li .owl-dots {position:absolute; right:10px; top:-50px;}
#didim_li .owl-dots .owl-dot span {width:4px; height:4px; background:#3a3f36; opacity:1}
#didim_li .owl-dots .owl-dot.active span { width:18px; height:18px; background:#fff !important; border:6px solid #c86772;}
#didim_li .owl-dots .owl-dot {vertical-align:middle;}
#didim_li .owl-nav {display:none } 
#didim_li .small {font-size:0.825em; font-weight:normal; display:block; margin-bottom:10px}

/*컨텐츠 그룹3*/
.msection3 {font-family:'nsk'; width:100%; background:#f1f9f1;padding:30px 0 20px 0}
.msection3 .mEvent2 .eventBox {overflow:hidden; height:auto;}
.msection3 .mEvent2 .eventBox .eventEle {padding:0 1%; width:50%}
.msection3 .mEvent2 .eventBox .eventImg {position:relative; width: auto; height: 169px;}
.msection3 .mEvent2 .eventBox .eventImg a {display:block;}
.msection3  .mEvent2 .eventBox dl.eventExp {width:100%;}
.msection3 .mEvent2 .eventBox .eventImg img {width:100%;position: absolute;top: 50%; left: 50%;height: 100%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);max-width: none;}
.msection3 .mEvent2 .eventBox dl.eventExp dt {font-family:'nsk'; font-size:13px; letter-spacing:-1px; height:50px; top:-20px; padding:8px}


@media all and (min-width:768px){
#poster_li li{margin:0;}
}
@media all and (min-width:980px){
#mvisual .vistit h3 {font-size:1.875em;}
#mvisual .vistit h3 span {font-size:1.500em;}
.container {width:100%;}
#poster_li li{margin:0; /*min-height:278px*/}
.msection2  > div{overflow:hidden;}
.section2_1 {width:57%; float:left}
.section2_2 {width:40%; float:left; margin-left:3%}



}


@media all and (min-width:1024px){
.msection1 {padding:80px 0 60px 0; background:#eef1f4 url(../images/main/section1BG.jpg) right bottom no-repeat}
#didim_li p {letter-spacing:-2px;}
.msection2 {padding:40px 0 80px 0;}
.msection2 > div > h2 {margin:0 0 40px 0;}
.section2_2 > div.notice > h3 {margin-bottom:30px}
.msection3 .mEvent2 .eventBox .eventEle {padding:0 1%; width:16.66%}

#poster_li .owl-carousel .owl-nav{display:block;}
#poster_li .owl-nav {display:block; width:100%; height:100%; top:0; margin:0; z-index:1}
#poster_li .owl-prev {width:50px; height:98px; position:absolute; left:-100px; top:25%; background:none; text-indent:-3000px; background:url(../images/main/btnPrev.png) no-repeat left top;}
#poster_li .owl-next {width:50px; height:98px; position:absolute; right:-100px; top:25%; background:none; text-indent:-5000px; background:url(../images/main/btnNext.png) no-repeat left top;}


#Wfooter {background:#e8e8e8; padding:30px 0;}
#Wfooter > div > p {font-size:0.825em}
#Wfooter > div > ul > li:first-child {margin-right:15px;}
#Wfooter > div > span.flogo {position:absolute; right:20px; top:20px}


}