/* BASIC css start */
#contentWrap { width:1300px; margin:0 auto }
.section{margin-bottom:60px;}
.sec_inner{width: 1300px; margin: 0 auto;}
.section h2{text-align: center; font-size:32px; color:#000; font-weight:600; margin-bottom:34px;font-family: 'Noto Sans KR', sans-serif;}
.swiper-button-disabled{opacity:.3}

.jakga .jakga_list h2{text-align: center; font-size:32px; color:#000; font-weight:500; margin-bottom:55px;font-family: 'Noto Sans KR', sans-serif;}


/* sec1 ¸ÞÀιè³Ê ¿øº» ¼ö½Ä 100% ¿ÏÀü º¸Á¸ */
#sec1{overflow: hidden; margin-top: 14px;}
#sec1 .sec1_cont{}
#sec1 .sec1_cont .swiper{padding-bottom: 0px; position: relative;}
#sec1 .sec1_cont .swiper ul{ margin-left:calc((100% / 5) / 4); display: flex; padding: 0; list-style: none;}
#sec1 .sec1_cont .swiper ul li{width:calc(90% / 3);padding: 0 7px; flex-shrink: 0; position: relative; }
#sec1 .sec1_cont .swiper>ul>li:not(.swiper-slide-active,.swiper-slide-next){opacity: 1;}
#sec1 .sec1_cont .swiper ul li .ban_img{}
#sec1 .sec1_cont .swiper ul li .ban_img a{display: block; width: 100%;border-radius: 0px; overflow: hidden; }
#sec1 .sec1_cont .swiper ul li .ban_img a img{width: 100%; display: block;}
#sec1 .sec1_cont .swiper ul li .ban_txt{width: 100%; padding: 16px 0; margin-top: -20px; margin-bottom: 10px; }
#sec1 .sec1_cont .swiper ul li .ban_txt p{text-align: center; font-family: 'Jost', 'Pretendard', sans-serif; }
#sec1 .sec1_cont .swiper ul li .ban_txt p.big{font-size: 32px; color: #fff; font-weight: 800; margin-bottom: -4px;}
#sec1 .sec1_cont .swiper ul li .ban_txt p.small{color: #fff; font-size: 24px; font-weight: 400;margin-bottom: 4px;}



/* ===================================================
   °¡·Î 1300px ¸ÞÀÎ ³Êºñ ¸ÂÃãÇü + ÆäÀÌÁö Áß¾Ó Á¤·Ä ÄÁÆ®·Ñ·¯
   =================================================== */
#sec1 .sec1-naver-controls {
    display: flex;
    align-items: center;
    justify-content: space-between; /* ÁÂÃø ³¡ ¼ýÀÚ / ¿ìÃø ³¡ ¹öÆ° ¹èÄ¡ */
    width: 100%;
    max-width: 1300px; /* °¡·Î ÃÖ´ëÆø 1300px ¼³Á¤ */
    margin: 10px auto 0; /* À§ ¹è³Ê¿Í 20px ¶ç¿ì°í, Á¿ì auto·Î ÆäÀÌÁö Áß¾Ó Á¤·Ä */
    height: 24px;
    padding: 0;
    background: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    z-index: 10;
    box-sizing: border-box;
}

/* 1. ÁÂÃø ³¡ ¼ýÀÚÆÇ */
#sec1 .sec1-naver-controls .swiper-counter {
    display: flex;
    align-items: center;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    color: #111111;
    font-weight: 500;
    white-space: nowrap;
    padding-left: 30px; /* °ÔÀÌÁö ¹Ù¿ÍÀÇ ¿©¹é */
}
#sec1 .sec1-naver-controls .swiper-counter .current { font-weight: 700; }
#sec1 .sec1-naver-controls .swiper-counter .divider { margin: 0 2px; opacity: 0.3; }
#sec1 .sec1-naver-controls .swiper-counter .total { opacity: 0.4; }

/* 2. Áß¾Ó ÇÁ·Î±×·¹½º Æ®·¢ */
#sec1 .sec1-naver-controls .swiper-pagination-progressbar {
    position: relative !important;
    top: unset !important;
    left: unset !important;
    flex-grow: 1; 
    height: 2px !important;
    background-color: rgba(0, 0, 0, 0.08) !important;
    border-radius: 0px;
    overflow: hidden;
}
#sec1 .sec1-naver-controls .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: #111111 !important;
}

/* 3. ¿ìÃø ³¡ ÄÁÆ®·Ñ ¹öÆ° ±×·ì */
#sec1 .sec1-naver-controls .ctrl-btn-group {
    display: flex;
    align-items: center;
    gap: 16px; 
    padding-left: 24px; /* °ÔÀÌÁö ¹Ù¿ÍÀÇ ¿©¹é */
}
#sec1 .sec1-naver-controls .ctrl-btn-group button {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    position: relative;
    width: 14px;
    height: 14px;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ÀÌÀü ¹öÆ° ¾ÆÀÌÄÜ ¢¸ */
#sec1 .sec1-naver-controls .btn-prev::before {
    content: '';
    width: 0; height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 7px solid #333;
}
/* ´ÙÀ½ ¹öÆ° ¾ÆÀÌÄÜ ¢º */
#sec1 .sec1-naver-controls .btn-next::before {
    content: '';
    width: 0; height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #333;
}

/* ÀϽÃÁ¤Áö »óÅ ¾ÆÀÌÄÜ ¥± */
#sec1 .sec1-naver-controls .btn-play-toggle::before,
#sec1 .sec1-naver-controls .btn-play-toggle::after {
    content: '';
    position: absolute;
    width: 3px;
    height: 10px;
    background-color: #333;
    transition: all 0.2s ease;
}
#sec1 .sec1-naver-controls .btn-play-toggle::before { left: 2px; }
#sec1 .sec1-naver-controls .btn-play-toggle::after { right: 2px; }

/* Á¤ÁöµÇ¾úÀ» ¶§ ¢º Àç»ý ¸¶Å© º¯È¯ */
#sec1 .sec1-naver-controls .btn-play-toggle.paused::before {
    width: 0; height: 0;
    background: transparent;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid #111;
    left: 4px;
}
#sec1 .sec1-naver-controls .btn-play-toggle.paused::after {
    display: none;
}






/* sec2 go cate */
#sec2_go_cate{margin-bottom:110px; margin-top: 70px;}
#sec2_go_cate .sec_inner{}
#sec2_go_cate .sec_inner ul{display: flex; flex-wrap: nowrap; justify-content: space-between; padding:0 50px; }
#sec2_go_cate .sec_inner ul li{}
#sec2_go_cate .sec_inner ul li a{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px;}
#sec2_go_cate .sec_inner ul li a img{display: inline-block; border-radius:10px; width:86px; height:86px;}
#sec2_go_cate .sec_inner ul li a img:hover{opacity:.8}
#sec2_go_cate .sec_inner ul li a p{ font-family: 'Noto Sans KR', sans-serif; color: #333333; font-size: 15px; font-weight: 500;}




/* sec2_quick ¼±¹°»çÁÖ±â */
#sec2_quick{margin-top:110px;}



/* sec6 Ä«Å×°í¸®Àαâ»óÇ° */
#sec6{}
#sec6 .sec_inner{}
#sec6 .sec_inner h2{}
#sec6 .sec_inner .sec6_cate{margin-bottom: 24px;}
#sec6 .sec_inner .sec6_cate ul{display:flex; gap:16px; justify-content:center; }
#sec6 .sec_inner .sec6_cate ul li{}
#sec6 .sec6_cate ul li a{display:block; border-radius:25px; margin:0px;  width:100%; text-align:center; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 400; line-height:42px; letter-spacing: -.3px;display:inline-block; padding: 0px 24px; background-color:#f9f9f9; color:#333;}
#sec6 .sec6_cate ul li.on>a{ color:#fff !important; background-color:#000; font-weight: 600; }
#sec6 .sec_inner .sec6_cate ul li a:hover{color: #111111; }
#sec6 .sec6_prd{}
#sec6 .sec6_prd>div .swiper{padding-bottom:20px}
#sec6 .sec6_prd>div{display: none;}
#sec6 .sec6_prd>div ul{}
#sec6 .sec6_prd>div.show{display: block;}
#sec6 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height:3px; background-color: rgba(0,0,0,.09);}
#sec6 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #333;}




/* sec3 ¶ì¹è³Ê ´õÇÚÁîÄ¿¹Â´ÏƼ ±âȹÀü */
#sec3{margin-top:110px; margin-bottom:30px; }
#sec3 .sec_inner{}
#sec3 .sec_inner ul{display: flex; gap: 17px;}
#sec3 .sec_inner ul li{flex-grow: 0; width: 100%;}
#sec3 .sec_inner ul li a{display: block;width: 100%;border-radius: 0px; overflow: hidden;}
#sec3 .sec_inner ul li a:hover>img{transform: scale(1.02);}
#sec3 .sec_inner ul li a img{width: 100%; transition: transform .4s;}



/* sec4 ´õÇÚÁîBEST */
#sec4{margin-top:110px; }
#sec4 .swiper{padding-bottom:20px;}
#sec4 .swiper ul li{border:0px solid #eee; border-radius:0px; overflow:hidden;}
#sec4 .swiper ul li .thumb>a{border-radius:0px; }
#sec4 .swiper ul li .info{padding:14px 0px;}
#sec4 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height:3px; background-color: rgba(0,0,0,.09);}
#sec4 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #111111;}



/* sec2 ÁÖ¹®Á¦ÀÛº£½ºÆ® */
#sec2{margin-top:110px; }


/* sec7 */
#sec7{}
#sec7 a{display: block; width: 100%;}
#sec7 a img{width: 100%;}



/* BASIC css end */