.header-part.active {box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2);}
.header-widget i {width:auto; height:auto; line-height:1; border-radius:0;}
.header-widget:hover i {background:none; color:inherit;}
.header-content {height:64px; padding:0;}

.navbar-part {position:relative; top:0; border-bottom:none;}
.navbar-part.active {position:relative; top:0; transition:none;}
.navbar-part .container {padding:0;}
.navbar-content {justify-content:flex-end; border-top:none;}
.navbar-content .navbar-list:last-child .dropdown-position-list {left:auto; right:0;}
.dropdown-position-list::before {left:auto; right:10px;}

.container,
.main .products-part .col {padding-left:0; padding-right:0;}

.banner-part {height:480px; margin-top:0;}
.slick-track {gap:0;}

.main .section {padding:80px 0; margin-bottom:0;}

.dandik {right:10px}
.bamdik {left:10px;}

.m_tit {margin-bottom:30px;}
.m_tit h2 {font-size:var(--fsize24); font-weight:700; color:var(--black)}

.main .nav-tabs,
.main .tab-content {display:none;}

.main .nav-tabs {flex-wrap:wrap; justify-content:flex-start; gap:8px; padding:0;}
.main .nav-tabs li {padding:0; border:none;}
.main .nav-tabs .nav-link {padding:10px 16px; background:#fff; border:1px solid #ddd; border-radius:100px; color:var(--black); font-weight:700; transition: border 0.3s;}
.main .nav-tabs .nav-item.show .nav-link, 
.main .nav-tabs .nav-link.active {background:var(--black); border:1px solid var(--black); color:#fff;}
.main .nav-tabs .nav-link:hover {border:1px solid var(--black);}
.main .tab-pane {max-width:none;}
.main .products-part .row {display:grid; grid-template-columns: repeat(4, 1fr); gap:20px;}
.main .product-card {display: flex; flex-direction: column; height: 100%; margin:0; border-radius:var(--radius); overflow:hidden;}
.main .product-image {width:100%; height:0; padding-top:56.25%; overflow:hidden;}
.main .product-image img {position:absolute; top:50%; left:50%; transform: translate3d(-50%, -50%, 0); height:100%; width:auto;}
.main .products-part .product-content {display:flex; flex-direction:column; gap:4px; height:100%; padding:15px;}
.main .products-part .product-name a {font-weight: 600; font-size:var(--fsize18); margin-bottom:8px; width:100%; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp:2;}
.main .products-part .product-content h6 {margin:0;}
.main .products-part .instructor {color:var(--black);}
.main .products-part .date {margin-top:auto; color:#666; word-break:break-all;}
.main .products-part .product-price span {font-weight:400; color:#c52d2d;}
.main .products-part .btn_wrap {display:flex; justify-content:center; margin-top:60px; font-size:1rem;}
.main .products-part .btn_wrap .btn_more {display:flex; align-items:center; justify-content:center; width:140px; padding:12px; background:#fff; border:1px solid #ddd;  color:var(--black); transition: border 0.3s; font-size:inherit;}
.main .products-part .btn_wrap .btn_more:hover {border:1px solid var(--black); }

.footer-part .ft_btm {padding: 24px 0;}

@media (max-width: 1200px) {
	.container {padding-left:var(--gutter-x); padding-right:var(--gutter-x);}
	.main .section {padding:60px var(--gutter-x);}
}

@media (max-width: 1200px) {
	.main .products-part .col {}
}

@media (max-width: 576px) {
    .main .section {padding:40px 0;}
	.banner-part {height: 300px; padding:0;}
	.main .nav-tabs {flex-direction:row;}
	.m_tit {margin-bottom: 20px;}
	.main .products-part .row {grid-template-columns: repeat(2, 1fr); gap:10px 8px;}
	.main .product-card {padding:0;}
	.main .products-part .product-content {padding:8px;}
	.main .products-part .date {font-size:13px;}

}