@charset "utf-8";

/*메인슬라이더*/
#visual{width:100%; height:751px; position:relative; overflow:hidden;}
a{cursor:pointer}
#mslogan{ display:none;}
#slogan{position:absolute; top:30px; z-index:10; left:50%;color:#FFF;  text-shadow:0px 0px 5px #202020; opacity:0;}
#slogan p{ text-align:right;}
#slogan .s1{font-size:3em; font-weight:600;}
#slogan .s2{ font-size:3.5em;  font-weight:600;}
#slogan .s3{ font-size:1.5em; line-height:1.5em; text-align:right;}

.bx-viewport{width:100% !important;}
.bx-wrapper{position:relative;}
.bxslider{z-index:1; width:100%; height:751px;}
.bxslider li{width:100%; height:751px; background-position:center top; background-repeat:no-repeat; background-size:cover;}
.bxslider li img{width:100%;}
.bxslider li:nth-child(1){background-image:url(../img/main/mmvisual02.jpg)}
.bxslider li:nth-child(2){background-image:url(../img/main/mmvisual03.jpg)}
.bxslider li:nth-child(3){background-image:url(../img/main/mmvisual04.jpg)}
.bxslider li:nth-child(4){background-image:url(../img/main/mmvisual05.jpg)}
.bxslider li:nth-child(5){background-image:url(../img/main/mmvisual06.jpg)}

#visual div.bx-pager{ position:absolute; top:30px; left:50%; margin-left:-550px; z-index:2;}
#visual div.bx-pager div{ float:left; margin:0 3px;}
#visual div.bx-pager div a{ 
	display:block; width:12px; height:12px; text-indent:-9999px; border-radius:9px; background:#FFF;
	}
#visual div.bx-pager div a.active{background:#FEB609; width:24px;}
#visual div.bx-controls-direction{}
#visual div.bx-controls-direction a{display:none; width:40px; height:40px; text-indent:-9999px; position:absolute; top:50%; margin-top:-20px; z-index:100;
									background-position:50%; background-repeat:no-repeat; background-size:auto 100%;
	} /*좌우버튼동시선택*/
#visual a.bx-prev{ background-image:url(../img/main/bx-prev.png); left:10px;}
#visual a.bx-next{ background-image:url(../img/main/bx-next.png); right:10px;}	
#visual div.bx-controls-auto{ position:absolute; width:40px; top:30px; z-index:2; left:50%; margin-left:470px;}
#visual div.bx-controls-auto a{
	float:left; margin-right:3px; width:12px; height:12px; border-radius:9px; color:#FFF; text-align:center; line-height:12px; font-size:12px; text-indent:-9999px;
	} /*플레이스탑버튼동시선택*/
#visual div.bx-controls-auto a.bx-start{background:url(../img/common/btn_play.png) no-repeat 50% 50% #4C5365;}
#visual div.bx-controls-auto a.bx-stop{background:url(../img/common/btn_stop.png) no-repeat 50% 50% #4C5365;}
@media (max-width: 991px) {
#visual{ min-width:300px; height:250px;}
#slogan{ display:none;}
#mslogan{ display:block; position:absolute; top:30px; z-index:10; left:5%;color:#FFF; }
#mslogan .s1{font-size:1.5em; font-weight:bold;}
#mslogan .s2{ font-size:2em;font-weight:bold;}
#mslogan .s3{ font-size:1.1em; line-height:1.5em;}
.bxslider{ height:250px;}
.bxslider li{height:250px;}
#visual div.bx-pager{ top:auto; bottom:15px; left:5%; margin-left:0px;}
#visual div.bx-controls-direction a{width:30px; height:30px;}
}


/*메인-슬라이더*/
/*#carousel-generic{width:70%; height:500px;}
.control { position: inherit; top: 40%; z-index: 5; display: inline-block; right: 50%;} 
.carousel-inner .mtxt{position:absolute; top:20%; left:50%; z-index:99999;}
@media (max-width: 991px) {
#carousel-generic{width:100%; height:auto;}
.carousel-inner .mtxt{display:none;}
.carousel-inner .mtxt img{width:100%;}
}*/


/*메인-배너4*/
#main_ban{width:1100px; margin:0 auto;}
.main_ban_in{width:100%; margin:0 auto;padding:20px 0;}
.main_ban_in h2{background:url(../img/main/con_title01.gif) no-repeat center 0; font-weight:bold; line-height:1.8em; letter-spacing:-1.2px; color:#373737; font-size:25px;text-align:center; padding-top:20px;}
.main_ban_in .con{color:#737373; text-align:center; font-size:14px; line-height:1.8em; margin-bottom:20px; letter-spacing:-0.8px;}
.main_ban_in .box_list{ border:1px solid #E3E3E3; box-sizing:border-box; padding:15px; margin-bottom:15px;}
.main_ban_in .box_list li{float:left; text-align:center; padding:0;}
.main_ban_in .box_list .title{ font-size:15px; line-height:2em; background:url(../img/common/c_icon12.gif) no-repeat 0 50%; padding-left:18px; font-weight:600; margin-bottom:5px;}
.main_ban_in .box_list li.last{margin-right:0;}
.main_ban_in .box_list li .over{position:relative; overflow:hidden;}
.main_ban_in .box_list li .over img{width:100%; height:auto; transition:all 0.4s;}
.main_ban_in .box_list li .over:hover img{transform:scale(1.2);}
@media (max-width: 991px) {
#main_ban{width:100%; min-width:100%; background:#f2f3f8; }
.main_ban_in{width:100%; margin:0; padding:30px 0; background:#f2f3f8; }
.main_ban_in h2{font-size:18px; margin:0; display:block; background:url(../img/main/con_title01.gif) no-repeat center top;}
.main_ban_in .con{font-size:13px; margin-bottom:30px; display:block;}
.main_ban_in .box_list{width:100%; float:none; border:0;}
.main_ban_in .box_list li{margin-bottom:10px;}
.main_ban_in .box_list li.col-md-3{padding-right:5px; padding-left:5px;}
.main_ban_in .box_list .title{background:#666; color:#fff; border-radius:50px; text-align:center;margin:0 auto; width:80px; padding:6px; font-size:14px; margin-bottom:20px;}
.main_ban_in .box_list:last-child{margin-top:30px;}
}




/*메인-배너3*/
.com_ban{width:1060px; margin:40px auto; border:1px solid #ddd;}
.com_ban:after{ display:block; content:""; clear:both;}
.com_ban li{ float:left; width:33%; padding:25px 25px; border-right:1px solid #ddd; box-sizing:border-box;}
.com_ban li.a{ background:url(../img/main/com_co01.png) no-repeat 90% center;}
.com_ban li.b{ background:url(../img/main/com_co02.png) no-repeat 90% center;}
.com_ban li.c{ background:url(../img/main/com_co03.png) no-repeat 90% center; width:34%;  border-right:0;}
.com_ban li h2{font-size:16px; color:#000; font-weight:bold;}
.com_ban li div{font-size:11px; color:#8f8f8f; line-height:1.6em; letter-spacing:-0.8px; padding-top:10px; padding-bottom:15px;}
.com_ban li a{color:#505050; display:inline-block; padding:7px 12px; border:1px solid #CCC; min-width:78px; border-radius:50px; font-size:11px; font-family: Nanum Gothic, sans-serif; }
.com_ban li a:hover{ background:#f2f2f2}
@media (max-width: 991px) {
.com_ban{ width:90%; margin:20px auto;}
.com_ban li{ float:none; width:100%; border-right:0; padding:20px 0; border-bottom:1px solid #ddd; padding-top:20px; text-align:center;}
.com_ban li.a{ background-position:center 25px;}
.com_ban li.b{ background-position:center 25px;}
.com_ban li.c{ background-position:center 25px; width:100%; border-bottom:0;}
.com_ban li h2{font-size:15px; padding-top:60px;}
.com_ban li h2 img{display:none;}
.com_ban li div{padding-bottom:15px;}
.com_ban li a{margin:0 auto;}
}