@charset "utf-8";
#chamcode-banner {position: relative; width: 100%;}
#chamcode-banner .btn-config {position: absolute; right:0; top: -540px; z-index: 200;}
#chamcode-banner .btn-config svg {width: 24px; height: 24px; stroke: #fff;}
#chamcode-banner .slick-wrap {position: relative;}
#chamcode-banner .slick .wrap {padding: 20px;}
#chamcode-banner .pack {position: relative;}
#chamcode-banner figure {display: grid; grid-template-columns: 400px 1fr; gap: 20px; grid-template-areas: 'img txt'; width: 100%; padding: 0; max-width: 1180px; margin: 0 auto;}
#chamcode-banner figure > a {grid-area: img;}
#chamcode-banner figcaption {grid-area: txt;}
#chamcode-banner h2 {font-size: 40px; font-weight: bold; margin-bottom: 20px;}
#chamcode-banner h2 a {color: #fff;}
#chamcode-banner .banner-content {color: #fff; margin-top: 10px;}
#chamcode-banner button {background-color: transparent; border-style: none; }
#chamcode-banner .icon {stroke: #fff;}
#chamcode-banner .dots-wrap {position: absolute; left: 50%; bottom: 20px; padding-right: 25px; transform: translateX(-50%);}
#chamcode-banner .slick-dots {display: flex; flex-wrap: wrap;}
#chamcode-banner .slick-dots li:not(:last-child) {margin-right: 5px;}
#chamcode-banner .slick-dots li button {width: 14px; height: 14px; border-radius: 50%; border: 2px solid #fff; text-indent: -9999px; transition: all .5s;}
#chamcode-banner .slick-dots .slick-active button {width: 40px; border-radius: 10px; background: #fff;}
#chamcode-banner .pause {position: absolute; right: 0; top: 0;}
#chamcode-banner .play {display: none; position: absolute; right: 0; top: 0;}
#chamcode-banner .prev {position: absolute; right: 70px; bottom: 10px; width: 50px; height: 50px; border-radius: 50%; overflow: hidden;}
#chamcode-banner .next {position: absolute; right: 10px; bottom: 10px; width: 50px; height: 50px; border-radius: 50%; overflow: hidden;}
#chamcode-banner .prev .icon, #chamcode-banner .next .icon {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2;}
#chamcode-banner .prev:after, #chamcode-banner .next:after {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; z-index: 1;}

@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1200px) {
}

/* print */
@media print {
}

/* ie only */
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
}