/*메인-슬라이더*/
.mvisual{ position:relative; width:1000px; height:500px; margin:0 auto;}
#slider{ width:1000px; height:500px}
#slider .s1{background:url(../img/main/mvisual01.jpg) no-repeat center top;}
#slider .s2{background:url(../img/main/mvisual02.jpg) no-repeat center top;}
#slider .s3{background:url(../img/main/mvisual03.jpg) no-repeat center top;}
#slider .s1, #slider .s2, #slider .s3{ width:1000px; height:500px}
/* 슬라이더이미지를 담는 틀 */
.slidesjs-container, .slidesjs-control{ width:100%; height:500px !important;}
/* 플레이,스탑,이전,다음버튼에 공통으로 작성된 클래스이름 */
a.slidesjs-navigation{ display:block;width:18px;height:35px;text-indent:-9999px;position:absolute; bottom:15px; right:15px; z-index:999;}
a.slidesjs-play{background:url(../images/pager_play.gif) no-repeat;margin-left:-566px;}
a.slidesjs-stop{background:url(../images/pager_stop.gif) no-repeat;margin-left:-566px;}
a.slidesjs-previous{background:url(../images_new/pager_left.png) no-repeat;margin-left:-80px;}
a.slidesjs-next{background:url(../images_new/pager_right.png) no-repeat;margin-left:55px;}
/*페이저버튼 ul태그*/
.slidesjs-pagination{ position:absolute; bottom:10px; right:20px; z-index:9999; }
.slidesjs-pagination:after{display:block; content:""; clear:both;}
.slidesjs-pagination li{float:left; margin:0 3px;}
.slidesjs-pagination li a{display:block; width:13px; height:13px; border-radius:15px; background:#fff; text-indent:-9999px;}
.slidesjs-pagination li a.active{display:block; width:13px; height:13px; border-radius:15px; background:#46bdfa; text-indent:-9999px;}
@media (max-width: 991px) {
.mvisual{ position:relative; width:100%; height:185px; max-height:500px; margin:0 auto;}
#slider{ width:100%; height:100%;}
#slider .s1{background:url(../img/main/mvisual01.jpg) no-repeat center top/100% auto;}
#slider .s2{background:url(../img/main/mvisual02.jpg) no-repeat center top/100% auto;}
#slider .s3{background:url(../img/main/mvisual03.jpg) no-repeat center top/100% auto;}
#slider .s1, #slider .s2, #slider .s3{  width:100%; height:100%;}
/* 슬라이더이미지를 담는 틀 */
.slidesjs-container, .slidesjs-control{ width:100%; height:100%;}
/*페이저버튼 ul태그*/
.slidesjs-pagination{ display:none;}
}



/*메인-배너*/
.com_ban{ width:1000px; margin:40px auto; padding:0px 0 40px 0; border-bottom:1px solid #ddd;}
.com_ban li{float:left; padding:0;}
.com_ban li.a{ background:url(../img/main/mb_icon01.gif) no-repeat right 40px; width:28%;}
.com_ban li.b{ background:url(../img/main/mb_icon02.gif) no-repeat right 40px; width:27%; margin:0 5% 0 5%;}
.com_ban li.c{ width:35%;}
.com_ban li h2{font-size:18px; color:#000; font-weight:bold;}
.com_ban li div{font-size:13px; color:#8f8f8f; line-height:1.6em; letter-spacing:-0.8px; padding-top:20px; padding-bottom:10px;}
.com_ban li a.btn_view{color:#505050; display:block; padding:5px 10px; border:1px solid #CCC; width:85px; font-size:11px; font-family: Nanum Gothic, sans-serif; }
.com_ban li a.btn_view:hover{ background:#f2f2f2}
.com_ban p{ text-align:center; line-height:2em;}
.com_ban p a{ display:inline-block; width:24%; height:auto; border:1px solid #ccc; border-radius:5px; padding:10px 0px; margin-right:1%;}
.com_ban p a.color{ background:#f0f7ff; border:1px solid #c1d8f2;}
.com_ban p a:hover{ border:1px solid #888;}

.com_ban2{ width:1000px; margin:0px auto 40px auto;}
.com_ban2 h2{ display:none;}
.com_ban2 li{ float:left; width:30%; margin-right:5%; padding:0;}
.com_ban2 li:last-child{ margin-right:0;}
.com_ban2 .cusbox{}
.com_ban2 .cb01{ background:url(../img/main/mb_icon03.gif) no-repeat left top; padding:0 0 10px 55px; margin-bottom:10px; border-bottom:1px solid #ddd;}
.com_ban2 .cb01 h3{font-size:18px; color:#000; font-weight:bold;}
.com_ban2 .cb01 p{font-size:12px; color:#8f8f8f; line-height:1.5em; letter-spacing:-0.8px; margin:10px 0 10px 0;}
.com_ban2 .cb01 a{ font-size:13px; line-height:15px;font-weight:bold; color:#1d65a3; background:url(../img/common/cus_arrow.gif) no-repeat left center; padding-left:20px;}
.com_ban2 .cb02{ background:url(../img/main/mb_icon04.png) no-repeat right 10px;}
.com_ban2 .cb02 h4{ font-size:14px; color:#444; font-weight:bold; float:left; margin:10px 10px 0 0;}
.com_ban2 .cb02 p{ font-size:14px; color:#666; float:left; font-weight:bold;}
.com_ban2 .cb02 strong{ font-size:25px; color:#333; letter-spacing:-1.5px;}
.com_ban2 .cb02 span{ display:inline-block; background:#777; font-size:12px; color:#fff; font-weight:bold; text-align:center; padding:1px 8px; border-radius:3px;}
@media (max-width: 991px) {
.com_ban{ width:100%; margin:0px auto; padding:0px 0 0px 0;  border-top:1px solid #ddd;}
.com_ban li{ width:50%; padding:30px 20px;}
.com_ban li.a{ background:url(../img/main/mb_icon01.gif) no-repeat 93% 110px/45px auto; width:50%; border-right:1px solid #ddd;}
.com_ban li.b{ background:url(../img/main/mb_icon02.gif) no-repeat 93% 110px/45px auto; width:50%; margin:0 0 0 ;}
.com_ban li.c{ width:100%; border-top:1px solid #ddd;}
.com_ban li h2{font-size:18px; color:#000; font-weight:bold;}
.com_ban li div{font-size:10px; line-height:1.3em; padding-top:10px;}
.com_ban li.c div{ font-size:12px; padding-bottom:10px;}

.com_ban2{ width:100%; margin:0 auto; border-bottom:1px solid #ddd;}
.com_ban2 .mnone{ display:none;}
.com_ban2 li{ float:none; width:100%; margin-right:0;}
.com_ban2 .cusbox{ background:#f5f5f5; box-sizing:border-box; padding:30px 20px;}
}


/*배너롤링*/
#banner_wrap{ width:100%; min-width:1000px; background:#f7f7f7; height:auto;}
#banner{ width:1000px; height:auto; margin:0 auto; padding:40px 0 30px 0; position:relative;}
.nav{ position:absolute; top:10px; left:0px;}
.RollDiv{ width:1000px; height:69px; margin:0 auto;overflow:hidden;}  
.RollDiv > div{overflow:hidden;height:69px;width:1000px; margin:0 auto;}
.RollDiv > div > a{ float:left; display:block; padding:10px 20px; margin:0 7px; background:#fff; border:1px solid #ddd;}  
.RollDiv > div > a > img{ width:auto; height:47px;}
@media (max-width: 991px) {
#banner_wrap{ width:90%; min-width:90%; margin:0 auto; background:#fff; overflow:hidden;}
#banner{ width:100%; padding:60px 0 30px 0; position:relative;}
.nav{ position:absolute; top:30px; left:0px;}
.nav button{ background:none; border-radius:none; border:1px solid #bbb;}
.RollDiv{ width:1000px; height:69px; margin:0 auto;overflow:hidden;}  
.RollDiv > div{overflow:hidden;height:69px;width:100%; margin:0 auto;}
.RollDiv > div > a{ float:left; display:block; padding:10px 20px; margin:0 7px; background:#fff; border:1px solid #ddd;}  
.RollDiv > div > a > img{ width:auto; height:47px;}
}