@charset "utf-8";
/* 메인슬라이드를 위한 CSS*/

.slider1_container {position: relative; margin: 0 auto; top: 0px; left: 0px; min-width: 1200px; width: 1903px;height: 690px; overflow: hidden;}
.slider1_container .loading {position: absolute; top: 0px; left: 0px;}
.slider1_container .slides {cursor: move; position: absolute; left: 0px; top: 0px; min-width: 1200px;width: 1903px;height: 690px; overflow: hidden;}

/* 서브슬라이드를 위한 CSS*/

.slider2_container {position: relative; margin: 0 auto; top: 0px; left: 0px; min-width: 1200px; width: 1903px;height: 450px; overflow: hidden;}
.slider2_container .loading {position: absolute; top: 0px; left: 0px;}
.slider2_container .slides {cursor: move; position: absolute; left: 0px; top: 0px; min-width: 1200px;width: 1903px;height: 450px; overflow: hidden;}

/* jssor slider bullet navigator skin 21 css */
.jssorb21 div {POSITION: absolute; WIDTH: 19px; HEIGHT: 19px; text-align:center; line-height:19px; color:White; font-size:12px;}
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {background: url(img/b21.png) no-repeat; overflow:hidden; cursor: pointer; }
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }
.jssorb21 {position: absolute; bottom: 26px; left: 6px;}

/* jssor slider arrow navigator skin 21 css */
.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn {position: absolute;cursor: pointer;display: block;background: url(layouts/img/a11.png) center center no-repeat;overflow: hidden;}
.jssora21l { background-position: -3px -33px; }
.jssora21r { background-position: -63px -33px; }
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21ldn { background-position: -243px -33px; }
.jssora21rdn { background-position: -303px -33px; }



.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
    filter: alpha(opacity=70);
    opacity: .7;
    overflow: hidden;
    cursor: pointer;
    border: #000 1px solid;
}

.jssorb01 div {background-color: gray;}
.jssorb01 div:hover, .jssorb01 .av:hover {background-color: #d3d3d3;}
.jssorb01 .av {background-color: #fff;}
.jssorb01 .dn, .jssorb01 .dn:hover {background-color: #555555;}

/* jssor slider arrow navigator skin 02 css */
.jssora02l, .jssora02r, .jssora02ldn, .jssora02rdn
{
    position: absolute;
    display: block;
    background: url(layouts/img/a02.png) no-repeat;
    overflow:hidden;
}
.jssora02l { background-position: -3px -33px; }
.jssora02r { background-position: -63px -33px; }
.jssora02l:hover { background-position: -123px -33px; }
.jssora02r:hover { background-position: -183px -33px; }
.jssora02ldn { background-position: -243px -33px; }
.jssora02rdn { background-position: -303px -33px; }