@charset "utf-8";


/*메인 슬라이드*/

#visual {position:relative;float:left;width:100%;overflow:hidden;display:inline-block;*display:inline;}
#owl-demo {position:absolute;left:50%;margin-left:-960px;top:0;width:1920px;}
.owl-carousel .item {display: inline-block;*display:inline;}
.owl-carousel .item img{display: block;width: 100%;height: auto;}

@media screen and (max-width: 991px) {
    #owl-demo {position:relative !important;left:0 !important;width:100%;margin-left:0 !important;top:0;height:auto;display:inline-block;*display:inline;}
	#owl-demo .item img{width: 100% !important;height: auto;}
}

/*메인 슬라이드끝 */


.main_banner {position:relative;float:left;width:100%;padding:80px 0;background:#f7f7f7;z-index:9;display:inline-block;*display:inline;}

.main_banner .bn_left,
.main_banner .bn_right {position:relative;float:left;width:calc((100% - 410px)/2);padding:0;display:inline-block;*display:inline;}
.main_banner .bn_right {float:right;text-align:right;}

.main_banner .bn_middle {width:370px;float:left;margin:0 20px;}

/* 370 * 237 */
.banner1,
.banner2 {position:relative;float:left;width:100%;height:240px;border:1px solid #ddd;background:#fff;}
.banner1 {margin-bottom:15px;background:url('../img/banner2.jpg') no-repeat center center;}
.banner2 {margin-bottom:0px;background:url('../img/banner3.jpg') no-repeat center center;}

.banner1 a,
.banner2 a {position:relative;float:left;width:100%;height:100%;}


.about {position:relative;width:100%;margin:0px auto;padding:100px 0;background:url('../img/main_about.jpg') no-repeat center center;background-attachment:fixed;background-size:100% auto;color:#fff;font-weight:300;}
.about .row {max-width:1200px;margin:0 auto;}
.about img {max-width:145px;}
.about .col-4 {text-align:center;}
.about .col-8 {text-align:left;padding:25px 0;}
.about h2 {margin-bottom:20px;font-weight:500;}
.about a {position:relative;float:left;background:#fff;color:#666;width:150px;height:45px;line-height:45px;text-align:center;margin-top:20px;}


@media screen and (max-width: 991px) {

.main_banner {background:#fff;padding:0;}
.main_banner .bn_left,
.main_banner .bn_right,
.main_banner .bn_middle {width:100%;}
.main_banner .bn_middle {display:none;}
.main_banner .bn_right {margin-top:10px;}

.banner1,
.banner2 {height:200px;background-size:100% auto;}
.banner1 {margin-top:15px;}


.about {background-size:100% 100%;margin:20px auto 0 auto;padding:35px 0;background-attachment:scroll;background-size:auto 100%;}
.about img {width:80px;margin-bottom:20px;}
.about .col-8 {text-align:center;padding:0;}
.about a {float:none;margin:15px auto;padding:0px 20px;display:block;height:40px;line-height:40px;}
}