/* BASIC css start */
#commonNavi .header_cate .cate_box .m_new a { background: #000 !important; border: 1px solid #000 !important; color: #fff !important; }
#commonNavi .header_cate .cate_box .m_home a { background: #fff !important; border: 1px solid #ccc !important; color: #aaa !important; }

.calendar {  }
.calendar button { padding: 0; border: 0; text-indent: 0; }

.launching-hd { position: relative; text-align: center; font-size: 30px; font-weight: 600; padding-bottom: 25px; }

/* 외부탭 */
.calendar .tabs { /*display: none;*/ display: flex; gap: 16px; padding-left: 16px; padding-right: 16px; overflow: auto; scrollbar-width: none; }
.calendar .btn-lc { white-space: nowrap; height: 39px; line-height: 39px; background: transparent; border: 0; font-size: 15px; font-weight: 500; padding: 0 3px; color: #a6a6a6; }
.calendar .btn-lc.active { position: relative; color: #000; font-weight: 700; }
.calendar .btn-lc.active:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #000; }

/* 외부컨텐츠 */
.launching-wrap { width:100%; padding-bottom: 50px; border-top: 1px solid #e8e8e8; text-align:left; }
.launching-list { display: grid; gap: 20px 8px; grid-template-columns: repeat(2, minmax(calc(50% - 8px), 1fr)); padding: 20px 15px 0 15px; }
.launching-list .list { cursor:pointer; position:relative; display:block!important; }
.launching-list .list:nth-child(4n) { padding-right: 0; }
.launching-list .list .txt { padding-top: 12px; padding-right: 15px; word-break: keep-all; }
.launching-list .list .data { color: #ccc; font-size:13px; font-weight:500; padding-bottom: 5px; }
.launching-list .list .name { color: #000; font-size: 18px; line-height: 24px; font-weight: 700; margin-bottom: 5px; }
.launching-list .list .btn { position: absolute; bottom: 14px; right: 14px; width: 30px; height: 30px; border-radius: 30px; background: #fff; box-shadow: 0px 3px 5px rgba(0,0,0,0.1); }
.launching-list .list .btn:before,
.launching-list .list .btn:after { content: ""; position: absolute; top: 50%; left: 50%; width: 11px; height: 1.5px; background: #000; }
.launching-list .list .btn:before { transform: translate(-50%, -50%); }
.launching-list .list .btn:after { transform: translate(-50%, -50%) rotate(90deg); }
.launching-list .list .thumb-img { position: relative; }
.launching-list .list .thumb-img img { width:100%; }

/* 출시예정 */
.coming-slide { /* display: none; */ margin-top: 35px; margin-bottom: 100px; }
.coming-slide .coming-list { display: block; width: 68%; padding-left: 17%; }
.coming-slide:before { content: ""; position: absolute; top: 15px; left: 10.5%; width: 1px; height: 100%; background: #ccc; }
.coming-slide .swiper-wrapper.centered { justify-content: center; }
.coming-slide .swiper-wrapper.centered .list:nth-child(1) { margin-left: 2.3%; }
.coming-slide .list { cursor:auto; position:relative; width: 100%; padding-top: 55px; margin-bottom: 35px; text-align: center; }
.coming-slide .list a { pointer-events:none; }
.coming-slide .list:nth-child(1) { margin-left: 0 !important; }
.coming-slide .list:before { content: ""; position: absolute; top: 7px; left: -9%; width: 8px; height: 8px; border-radius: 8px; margin-left: -5px; background: #000; }
.coming-slide .list .data { position: absolute; top: 0; width: 100%; color: #000; font-size: 20px; font-weight: 600; text-align: left; }
.coming-slide .list .data span { display: block; color: #ccc; font-size: 18px; }
.coming-slide .list .name { position: absolute; bottom: 6%; width: 80%; height: 60px; display: flex; align-items: center; justify-content: center; padding: 0 10%; color: #fff; font-size: 20px; font-weight: 500; text-align: center; line-height: 30px; }
.coming-slide .list .csimg:before { background: none !important; }
.coming-slide .list .csimg:after { content: "COMING SOON"; position: absolute; top: 50%; left: 25%; width: 50%; color: #fff; font-size: 24px; font-weight: 500; text-align: center; transform: translateY(-50%); }
.coming-slide .list .thumb-img { position: relative; border-radius: 12px; overflow: hidden; }
.coming-slide .list .thumb-img img { width:100%; }
.coming-slide .list .thumb-img:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(360deg, #000000, transparent); opacity: .7; }
.launching-wrap .swiper-button-next { color: #000; top: 62%; }
.launching-wrap .swiper-button-prev { color: #000; top: 62%; }
.launching-wrap .swiper-button-next:after,
.launching-wrap .swiper-button-prev:after { font-size: 30px; }

/* 출시예정 리스트 비었을 때 */
.coming-soon { display: none; text-align: center; padding: 100px 0; }
.coming-soon .txt1 { font-size: 25px; font-weight: 700; padding-bottom: 10px; }
.coming-soon .txt2 { font-size: 16px; padding-bottom: 40px; }
.coming-soon .btn { display: block; position: relative; margin: 0 auto 15px; width: 290px; height: 44px; line-height: 44px; padding-right: 10px; text-align: center; font-size: 15px; background: #000; color: #fff; }
.coming-soon .btn:after { content: ""; width: 6px; height: 6px; position: absolute; top: 18px; margin-left: 5px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); }

/* 한줄 목록형 
#tab2 .launching-list { display: block; padding-top: 30px; }
#tab2 .launching-list .list { display: flex; cursor:pointer; position:relative; border-bottom: 1px solid #e8e8e8; }
#tab2 .launching-list .list:first-child { border-top: 1px solid #e8e8e8; }
#tab2 .launching-list .list .txt { position: absolute; top: 0; right: 0; width: 46%; height: 100%; padding-top: 0; padding-right: 0; padding-left: 4%; word-break: keep-all; display: flex; flex-direction: column; justify-content: center; }
#tab2 .launching-list .list .data { color: #ccc; font-size:15px; font-weight:500; padding-bottom: 5px; }
#tab2 .launching-list .list .name { color: #000; font-size: 19px; line-height: 24px; font-weight: 700; margin-bottom: 5px; }
#tab2 .launching-list .list .btn { position: relative; margin-top: 15px; width: auto; height: 33px; line-height: 33px; padding-right: 10px; text-align: center; font-size: 13px; background: #000; color: #fff; }
#tab2 .launching-list .list .btn:after { content: ""; width: 6px; height: 6px; position: absolute; top: 14px; margin-left: 5px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); }
#tab2 .launching-list .list .thumb-img { position: relative; width: 50%; }
#tab2 .launching-list .list .thumb-img img { width:100%; }
*/

/* 주차별아이콘 */
.launching-wrap .icon_1,
.launching-wrap .icon_2,
.launching-wrap .icon_3,
.launching-wrap .icon_4,
.launching-wrap .icon_5 { position: absolute; top: 0; left: 0; width: 46px; height: 26px; line-height: 26px; background: #000; color: #fff; text-align: center; font-size:13px; }
.launching-wrap .icon_1:after { content: "1주차"; }
.launching-wrap .icon_2:after { content: "2주차"; }
.launching-wrap .icon_3:after { content: "3주차"; }
.launching-wrap .icon_4:after { content: "4주차"; }
.launching-wrap .icon_5:after { content: "5주차"; }

/* 페이징 */
.launching-wrap .pagination { text-align: center; padding-top: 50px; }
.launching-wrap .pagination .page-info { padding: 0 10px; }
.launching-wrap .pagination .page-info .page-num { padding: 0 15px; background: none; font-size: 14px; font-family: "Montserrat", "Pretendard Variable", Pretendard, sans-serif; }
.launching-wrap .pagination .page-info .active { font-weight: 600; text-decoration: underline !important; }
.launching-wrap .pagination .prev { width: 36px; height:36px; background: url(/design/xexymix/image/p_prev.png) no-repeat center; color: transparent; text-indent: -9999px; border: 1px solid #d1d1d1; }
.launching-wrap .pagination .next { width: 36px; height:36px; background: url(/design/xexymix/image/p_next.png) no-repeat center; color: transparent; text-indent: -9999px; border: 1px solid #d1d1d1; }

/* 내부탭 */
.inner-tabs-container { display: flex; align-items: center; }
.inner-tabs-wrapper { position: relative; overflow: hidden; width: 100%; background: #fafafa; border-bottom: 1px solid #e8e8e8; }
.inner-tabs { display: flex; gap: 16px; padding-left: 30px; padding-right: 30px; overflow-x: auto; scroll-behavior: smooth; }
.inner-tabs::-webkit-scrollbar { display: none; }
.inner-btn-lc { flex: 0 0 auto; height: 39px; padding: 0 3px !important; font-size: 14px; cursor: pointer; font-weight:500; color: #a6a6a6; background: transparent; font-family: "Montserrat", "Pretendard Variable", Pretendard, sans-serif; cursor: pointer; }
.inner-btn-lc.active { font-weight:600; color: #000; }
.inner-tabs.dragging { cursor: grabbing; cursor: -webkit-grabbing; }
.inner-prev, .inner-next { position: absolute; top: 0; width: 30px; height: 39px; background: none; }
.inner-prev { left: 0; }
.inner-next { right: 0; }
.inner-prev:after, .inner-next:after { content: ""; width: 6px; height: 6px; position: absolute; top: 16px; left: 11px; border-top: 1px solid #000; border-right: 1px solid #000; transform: rotate(45deg); }
.inner-prev:after { transform: rotate(225deg); }

/* 내부컨텐츠 */
.inner-contents .inner-content { display: none; }
.inner-contents .inner-content.active { display: block; }
.inner-contents .inner-content .month { padding-top: 20px; font-size: 20px; font-weight: 600; text-align: center; }

/* BASIC css end */