/* BASIC css start */
#contentWrapper.calendar #content { width:1440px; margin: 0 auto; overflow: hidden; }

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

/* 외부탭 */
.calendar .tabs { /*display: none;*/ margin-bottom: 50px; text-align: center; }
.calendar .btn-lc { display: inline-block; width: 100px; height: 40px; line-height: 40px; font-size: 14px; font-weight: 400; margin: 0 5px; border: 1px solid #dfdfdf; border-radius: 20px; background: #f8f8f8; color: #777; }
.calendar .btn-lc.active { background: #000; color: #fff; border: 1px solid #000; }

/* 외부컨텐츠 */
.launching-wrap { width:1300px; margin: 0 auto; padding-bottom: 50px; text-align:left; }
.launching-list { display: grid; gap: 50px 15px; grid-template-columns: repeat(4, minmax(calc(25% - 15px), 1fr)); }
.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: 15px; padding-right: 15px; word-break: keep-all; }
.launching-list .list .data { color: #ccc; font-size:16px; font-weight:500; padding-bottom: 5px; }
.launching-list .list .name { color: #000; font-size: 22px; line-height: 30px; font-weight: 600; margin-bottom: 5px; }
.launching-list .list .btn { position: absolute; bottom: 24px; right: 24px; width: 38px; height: 38px; border-radius: 38px; background: #fff; box-shadow: 0px 4px 6px rgba(0,0,0,0.1); }
.launching-list .list .btn:before,
.launching-list .list .btn:after { content: ""; position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; 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%; }

/* 출시예정 */
.launching-wrap .swiper-button-next,
.launching-wrap .swiper-button-prev,
#tab1 .coming-slide { display: none; }
.coming-slide { padding-top: 4px !important; margin-bottom: 100px; }
.coming-slide:before { content: ""; position: absolute; top: 4px; width: 100%; height: 1px; 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: 19%; margin: 0 2.3%; padding-top: 85px; text-align: center; }
.coming-slide .list a { pointer-events:none; }
.coming-slide .list:before { content: ""; position: absolute; top: -3.5px; width: 8px; height: 8px; border-radius: 8px; margin-left: -4px; background: #000; }
.coming-slide .list .data { position: absolute; top: 0; width: 100%; color: #000; font-size: 20px; font-weight: 600; padding-top: 15px; }
.coming-slide .list .data span { display: block; color: #ccc; font-size: 18px; }
.coming-slide .list .name { position: absolute; bottom: 6%; width: 100%; 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; word-break:keep-all; }
.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; }
.coming-slide .list .csimg:before { background: none; }
.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%); }
.launching-wrap .swiper-button-next { color: #000; top: 59%; }
.launching-wrap .swiper-button-prev { color: #000; top: 59%; }
.launching-wrap .swiper-button-next:after,
.launching-wrap .swiper-button-prev:after { font-size: 30px; }

/* 출시예정 리스트 비었을 때 */
.coming-soon { /* display: none; */ text-align: center; padding-bottom: 150px; }
.coming-soon .txt1 { font-size: 32px; font-weight: 700; padding-bottom: 10px; }
.coming-soon .txt2 { font-size: 18px; padding-bottom: 40px; }
.coming-soon .btn { display: block; position: relative; margin: 0 auto 15px; width: 230px; height: 42px; line-height: 42px; 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); }

/* 주차별아이콘 */
.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: 50px; height: 50px; line-height: 50px; background: #000; color: #fff; text-align: center; font-size:16px; }
.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: 15px; 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; padding-bottom: 36px; }
.inner-tabs-wrapper { position: relative; overflow: hidden; width: 370px; margin: 0 auto; padding: 0 50px; }
.inner-tabs { display: flex; overflow-x: auto; scroll-behavior: smooth; }
.inner-tabs::-webkit-scrollbar { display: none; }
.inner-btn-lc { flex: 0 0 auto; background: #fff; width: 90px; height: 30px; font-size: 18px; cursor: pointer; font-weight:500; color: #ccc; 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: 30px; background: none; }
.inner-prev { left: 0; }
.inner-next { right: 0; }
.inner-prev:after, .inner-next:after { content: ""; width: 6px; height: 6px; position: absolute; top: 12px; 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-bottom: 30px; font-size: 22px; font-weight: 600; text-align: center; }

/* 히스토리 */
#tab3 .launching-list .list .btn { display: none; }
#tab3 .launching-list .list .data { display: none; }
/* BASIC css end */