/* 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 ¸ÞÀιè³Ê */
#sec1{overflow: hidden; margin-top: 14px;}
#sec1 .sec1_cont{}
#sec1 .sec1_cont .swiper{padding-bottom: 10px;}
#sec1 .sec1_cont .swiper ul{ margin-left:calc((100% / 5) / 4);}
#sec1 .sec1_cont .swiper ul li{width:calc(90% / 3);padding: 0 8px;}
#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%;}
#sec1 .sec1_cont .swiper ul li .ban_txt{width: 100%; padding: 16px 0; margin-top: -56px; margin-bottom: 50px; }
#sec1 .sec1_cont .swiper ul li .ban_txt p{text-align: center; font-family: 'Jost', 'Noto Sans KR', sans-serif; }
#sec1 .sec1_cont .swiper ul li .ban_txt p.big{font-size: 30px; color: #fff; font-weight: 600; margin-bottom: -4px;}
#sec1 .sec1_cont .swiper ul li .ban_txt p.small{color: #fff; font-size: 24px; font-weight: 400;margin-bottom: 4px;}
#sec1 .swiper .swiper-pagination{bottom: 0px; }
#sec1 .swiper .swiper-pagination-bullet{width: 88px; height: 3px; border-radius: 0; background-color: #999; margin: 0px; }
#sec1 .swiper .swiper-pagination-bullet-active{width: 48px; height: 3px; border-radius: 0; background-color: #111; margin: 0px;}



/* sec2 go cate */
#sec2_go_cate{margin-bottom:100px;}
#sec2_go_cate .sec_inner{}
#sec2_go_cate .sec_inner ul{display: flex; flex-wrap: nowrap; justify-content: space-between;}
#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: 15px;}
#sec2_go_cate .sec_inner ul li a img{display: inline-block; border-radius:5px;}
#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; color:#666; font-size: 16px; font-weight: 500; letter-spacing: -.3px;display:inline-block; padding: 8px 24px; background-color:#f9f9f9; color:#999999}
#sec6 .sec6_cate ul li.on>a{ color:#fff !important; background-color:#000; }
#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 */