.h2{position:relative;text-align:center;font-family:'NanumSquare',sans-serif;
font-size:38px;color:#000 ;letter-spacing:-1px; padding:30px 0 30px ; line-height:38px; margin-bottom:30px}  
.h2:before{display:block;content:'';width:80px;height:2px;background:#ca0642;margin:0 auto 25px}     
.h2 span{font-family:'NanumGothic',sans-serif;font-size:21px; font-weight:400; }


.delayMotion{position:relative;opacity:0;top:20px;transition:0.5s}
.delayMotion.on{opacity:1;top:0}


.m_sec1 .banner{position:relative;width:100%;height:970px;overflow:hidden;}
.m_sec1 .banner .img{position:relative;width:100%;height:100%;overflow:hidden}
.m_sec1 .banner .img li{position:absolute;left:0;top:0;width:100%;height:100%;display:none;background-size:cover !important}
.m_sec1 .banner .img li:first-child{display:block}
.m_sec1 .banner .btn{position:absolute;width:100%;bottom:30px;text-align:center}
.m_sec1 .banner .btn li{display:inline-block;width:16px;height:16px;border:2px solid #fff;margin:0 8px;cursor:pointer;border-radius:50%;text-indent:-9999px}
.m_sec1 .banner .btn li.on{background:#fff;}
.m_sec1 .banner .arrow{position:absolute;width:100%;top:50%;margin-top:-20px;}
.m_sec1 .banner .prev{position:absolute;left:50px;margin-left:0;cursor:pointer; z-index:10}
.m_sec1 .banner .next{position:absolute;right:50px;margin-right:0;cursor:pointer; z-index:10}



.m_sec2{}
.m_sec2 .c1{position:relative;opacity:0;top:20px;transition:0.5s 0.5s}
.m_sec2 .c2{position:relative;opacity:0;top:20px;transition:0.5s 1s}
.m_sec2 .c3{position:relative;opacity:0;top:20px;transition:0.5s 1.5s}
.m_sec2 .con.on{opacity:1;top:0}
.m_sec2 .con{float:left;width:33.33%;text-align:center;padding:50px 60px;background:url('../images/ms2_bar.png') no-repeat 100% center}
.m_sec2 .con:last-child{background:none}
.m_sec2 a{display:block}
.m_sec2 a:hover .eb{transform: scale(1.1)}
.m_sec2 .eb{transform: scale(1);transition:0.3s}
.m_sec2 .tit{margin:20px 0 15px;font-size:18px;font-weight:700}
.m_sec2 .info{margin:10px 0;font-size:12px;line-height:1.6}





.m_sec3{background:#f2f2f5;padding:50px 0}
.m_sec3 .add{font-size:18px;text-align:center;line-height:1.8;margin:50px 0}
.m_sec3 ul{margin-left:-0.3%}
.m_sec3 li{float:left;width:24%;margin-left:0.3%}
.m_sec3 li > a{display:block}
.m_sec3 li .thumb{overflow:hidden}
.m_sec3 li .thumb img{transform:scale(1);transition:0.3s;border-radius:5%; }
.m_sec3 li a:hover img{transform:scale(1.08)}
.m_sec3 li .info{position:relative;border:1px solid #ccc;margin-top:10px;text-align:center;padding:20px 50px}
.m_sec3 li .info:after{display:block;content:'';position:absolute;background:url('../images/ms3_arrow.jpg') no-repeat ;width:14px;height:8px;left:50%;margin-left:-7px;top:-8px}
.m_sec3 li .info .em{font-size:18px; font-weight:600}
.m_sec3 li .info .p{margin-top:10px;font-size:14px}




	



.m_sec6{padding:50px 0 100px}
.m_sec6 .info{font-size:18px;text-align:center;line-height:1.6;margin:50px 0}
.m_sec6 .banner{position:relative}
.m_sec6 .banner .mask{position:relative;height:350px;overflow:hidden;}
.m_sec6 .banner .img{position:absolute;}
.m_sec6 .banner .img li{float:left;width:250px;text-align:center;margin-right:36px;}

.m_sec6 .banner .img li .thumb{border-radius:50%;overflow:hidden}
.m_sec6 .banner .img li .thumb img{transition:0.3s}
.m_sec6 .banner .img li:hover .thumb img{transform:scale(1.1)}
.m_sec6 .banner .next{position:absolute;top:50%;margin-top:-30px;cursor:pointer;right:-80px}
.m_sec6 .banner .prev{position:absolute;top:50%;margin-top:-30px;cursor:pointer;left:-80px}

.m_sec6 .banner .img li .info{margin:20px 0;text-align:center;line-height:1.6}
.m_sec6 .banner .img li .info em{display:block;font-size:18px;font-weight:400;color:#000}


.scroll{position:absolute;width:100%;bottom:90px;text-align:center;
/*position:absolute;z-index:20;left:50%;margin-left:-55px;bottom:5%*/}
.scroll img{position:relative;animation:movingDown 1s linear infinite}
@keyframes movingDown{
    0%{top:6px}
    50%{top:-6px}
    100%{top:6px}
}


/*visual*/
.s_visual h2{position:absolute ;font-family:'NanumSquare',sans-serif;font-size:60px;color:#fff;
top:340px;opacity:0;transition:1s; z-index:1; width:100%; text-align:center}
.s_visual .add{position:absolute;font-size:40px;font-weight:600;top:400px;color:#fff;
opacity:0;transition:1s 0.5s; z-index:1; width:100%; text-align:center}
.s_visual .add b{color:#e0ff51}
body.on .s_visual h2{opacity:1;top:420px}
body.on .s_visual .add{opacity:0.9;top:492px}

.d_link{position:absolute;right:50px;bottom:100px; z-index:1}
.d_link a{display:inline-block;position:relative;font-size:18px;color:rgba(255,255,255,0.5);margin:0 20px;vertical-align:middle
;}

.d_link a.on{color:#fff; font-weight:bold;position:relative;border-bottom:2px solid #d11e0b
;margin:20px auto; line-height:45px}
.d_link i{display:inline-block;width:6px;height:6px;background:rgba(255,255,255,0.5);border-radius:50%}