<style type="text/css">
/* Color Set Style */
.cls {}

.cls-light-border { border-color: #ebedf0 !important; }
.cls-light-border.on, .cls-light-border.active, .cls-light-border:active { border-color: #ffcc00 !important; }

.cls-01-border { border-color: #ffcc00 !important; }
.cls-01-border-on, .cls-01-border-on.active, .cls-01-border-on:active, .cls-01-border-over:focus, .cls-01-border-over:hover { border-color: #ffcc00 !important; }
.cls-01-bg { background-color: #ffcc00 !important; }
.cls-01-bg-on, .cls-01-bg.active, .cls-01-bg:active { background-color: #ffcc00 !important; color: #fff !important; }
.cls-01-bg-over:focus, .cls-01-bg-over:hover { background-color: colorOver !important; color: #fff !important; }
.cls-01-txt, .cls-01-txt-on, .cls-01-txt-on.active, .cls-01-txt-on:active { color: #ffcc00 !important; }
.cls-01-txt-over:focus, .cls-01-txt-over:hover { color: colorOver !important; }

.cls-01-gnb {}
.cls-01-gnb:focus, .cls-01-gnb:hover { color: #ffcc00 !important; }
.cls-01-gnb.active { background-color: #ffcc00 !important; color: #fff !important; }

/*.btn:focus { outline:0;box-shadow:0 0 0 .2rem #ffcc0040; }*/
.btn-primary { background: #ffcc00 !important; border-color: #ffcc00 !important; color: #fff !important; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active  { background: #ff9600 !important; border-color: #ff9600 !important; color: #fff !important; }
.btn-primary:focus { box-shadow:0 0 0 .2rem #ffcc0080 !important; }
.btn-outline-primary { border-color: #ffcc00 !important; color: #ffcc00 !important; }
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active { background: #ffcc00 !important; border-color: #ffcc00 !important; color: #fff !important; }
.btn-outline-primary:focus { box-shadow:0 0 0 .2rem #ffcc0080 !important; }
.badge-primary { color: #fff; background-color: #ffcc00; }
.badge-primary:hover, .badge-primary:focus, .badge-primary:active  { background: #ff9600 !important; border-color: #ff9600 !important; color: #fff !important; }
.badge-primary:focus { box-shadow:0 0 0 .2rem #ffcc0080 !important; }

ul li::marker { color: #ffcc00; }

.navbar-nav .nav-item .dropdown-item:focus, .dropdown-item:hover { color: #ffcc00 !important; }
.navbar-nav .nav-item .dropdown-item.active:after, .dropdown-item:active:after { background-color: #ffcc00 !important; }

#TopNavbar .navbar-nav .nav-item.show .nav-link { background: #fff; color: #ffcc00 !important; }
/*#TopNavbar .navbar-nav .nav-item .dropdown-menu .dropdown-item.active span { color: #000 !important; }*/
#TopNavbar .navbar-nav .nav-item .dropdown-menu .dropdown-item.active span { color: #ffcc00  !important; }

#main-slider .carousel-indicators li.active { border: 1px solid #ffcc00 !important; background-color: #ffcc00 !important; opacity: 0.85; }
.main-sections .main-rollbox .main-section-tit:before { background: #ffcc00 !important; }
.main-sections .main-rollbox .main-boxs-cate .main-cnts:after { background: #ffcc00 !important; }
.main-sections .main-rollbox .main-boxs-cate .main-cnts:hover span, .main-cnts:focus span { color: #ffcc00 !important; }
/*.main-sections .main-latest-01 .main-section-tit:before { background: #ffcc00 !important; }
.main-sections .main-latest-01 .main-section-tit .tit-1 { color: #ffcc00 !important; }
.main-sections .main-latest-02 .main-section-tit:before { background: #ffcc00 !important; }
.main-sections .main-latest-02 .main-section-tit .tit-1 { color: #ffcc00 !important; }*/
.main-sections .main-latest-03 .main-section-tit:before { background: #ffcc00 !important; }
.main-sections .main-latest-03 .main-section-tit .tit-1 { color: #ffcc00 !important; }
#sub-menu .sub-menu-wrap ul li.sub-menus.active a, #sub-menu ul li.sub-menus:active a { color: #ffcc00 !important; }

.swiper-pagination-bullet-active { background: #ffcc00 !important; }
</style>