@charset "UTF-8";

.mainVisual.mainbanner{}
.mainVisual.mainbanner ul.mainVisual.mainbannerSlide{}
.mainVisual.mainbanner ul.mainVisual.mainbannerSlide li{}
.mainVisual.mainbanner ul.mainVisual.mainbannerSlide li img{}
/*BX기본CSS로 가운데 정렬시키기*/
.mainVisual.mainbanner div.bx-wrapper{}
.mainVisual.mainbanner div.bx-wrapper div.bx-viewport{display:block;position:absolute;width:2000px !important;left:50%;margin-left:-1000px;z-index:0;}

.mainVisual.mainbanner .bx-wrapper .bx-pager .bx-pager-item,
.mainVisual.mainbanner .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}

/* PAGER */
.mainVisual.mainbanner .bx-wrapper .bx-pager {position:absolute;top:380px;left:50%;width:200px;margin-left:-100px;text-align:center;}
.mainVisual.mainbanner .bx-wrapper .bx-pager.bx-default-pager a {background:#FFF;text-indent:-9999px;display:block;margin: 0 5px;width:15px;height:15px;outline:0;border-radius:40px;-moz-border-radius:40px;-webkit-border-radius:40px;z-index:2;}
.mainVisual.mainbanner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.mainVisual.mainbanner .bx-wrapper .bx-pager.bx-default-pager a.active {background:#c70363;}

.mainVisual.mainbanner ul li a {display: block;}
.mainVisual.mainbanner ul li a:hover .mainbanner-title strong {text-decoration: underline;}

/* AUTO CONTROLS (START / STOP) */
.mainVisual.mainbanner .bx-wrapper .bx-controls-auto{position:absolute;top:392px;left:50%;width:60px;margin-left:-100px;}
.mainVisual.mainbanner .bx-wrapper .bx-controls-auto a.bx-start,
.mainVisual.mainbanner .bx-wrapper .bx-controls-auto a.bx-stop{display:inline-block;width:30px;height:30px;text-indent:-9999px;outline:0;margin:0px;background-size:100% !important;z-index:2;}
.mainVisual.mainbanner .bx-wrapper .bx-controls-auto a.bx-start{background:url(../images/start_01.png) no-repeat;}
.mainVisual.mainbanner .bx-wrapper .bx-controls-auto a.bx-stop{background:url(../images/stop_01.png) no-repeat;}
.mainVisual.mainbanner .bx-wrapper .bx-controls-auto a.bx-start:hover,
.mainVisual.mainbanner .bx-wrapper .bx-controls-auto a.bx-start.active{background:url(../images/start_01_on.png) no-repeat;}
.mainVisual.mainbanner .bx-wrapper .bx-controls-auto a.bx-stop:hover,
.mainVisual.mainbanner .bx-wrapper .bx-controls-auto a.bx-stop.active{background:url(../images/stop_01_on.png) no-repeat;}

.mainVisual.mainbanner .mainbanner-title {margin-top: 30px; padding-bottom: 40px;}
.mainVisual.mainbanner .mainbanner-title strong {display:block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 24px; line-height: 24px; letter-spacing: -0.25px; color: #333333; font-weight: 500; margin-bottom: 15px; padding-right: 30px;}
.mainVisual.mainbanner .mainbanner-title p {font-size: 17px; line-height: 23px; letter-spacing: -0.25px; color: #666666; height: 46px; overflow: hidden; padding-right: 30px;}


/*Desktop*/
@media only screen and (min-width:861px){}
/*Tablet*/
@media only screen and (min-width:441px) and (max-width:860px){
	
}
/*Mobile*/
@media only screen and (max-width:440px){
	
}

.mainbanner .container {padding: 0 20px; max-width: 1760px;}

@media all and (max-width: 900px){
	.mainbanner-btn-group {position: absolute; right: 20px; top: -58px;}
	.mainbanner-btn-group::before {content: ""; position: absolute; width: 1px; height: 24px; background: #A2A2A2; right: 27px; top: 0px;}
	.mainbanner-btn-group button {display: inline-block; cursor: pointer; width: 12px; height: 24px; cursor: pointer;}
	.mainbanner-btn-group button.prev {background: url("../images/btn_banner_prev.png") no-repeat center; margin-right: 30px;}
	.mainbanner-btn-group button.next {background: url("../images/btn_banner_next.png") no-repeat center;}

	.mainVisual.mainbanner .mainbanner-title {margin-top: 15px; padding-bottom: 30px;}
	.mainVisual.mainbanner .mainbanner-title strong {font-size: 20px; margin-bottom: 10px;}
	.mainVisual.mainbanner .mainbanner-title p {font-size: 16px;}
}

@media all and (max-width: 500px){
	.mainbanner .container {padding: 0;}
	.mainbanner-btn-group {top: -52px;}
	.mainbanner-btn-group::before {top: 0;}
	.mainVisual.mainbanner ul li {width: 290px;}
}