@charset "utf-8";

.mypage-btn{background:#ff4a97;color:white;padding:5px 12px 5px 12px;border-radius:3px;font-size:18px;font-weight:700;margin-right: 104px;cursor:pointer;}
.twitter-timeline {margin: 0 auto; margin-bottom: 100px !important;}
.twitter{padding: 0 20px;}
table{text-align:center; word-break:keep-all;}
table thead{background:#f5f6f7;}
table tr{border-bottom:1px solid #f5f6f7; }
table th{padding:10px 5px;}
table td{border-bottom:1px solid #f5f6f7; padding: 10px 0;}
table .fare-info{text-align:left;    background: #f5f6f7;}
table .fare-btn {border-bottom: 2px solid #aaa;    background: #f5f6f7;}
table .fare-btn > div{display: flex;justify-content: center;}
table .fare-btn a{position:relative;background:#5BB6E2; padding:1.4rem; display:inline-block; color:#FFFFFFF2; border-radius:2px;transition:all 0.3s;margin:0 5px;width:14%;word-break: keep-all;vertical-align:middle;}
table .fare-btn a span{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
table .fare-btn a:hover{background:#2499fd;}

/* 미등록 */
table .fare-btn a.no{background: #c7d2db!important; color:#FFFFFFF2!important;}
table .fare-btn a.no:hover{background: #c7d2db!important; color:#FFFFFFF2!important;}

/* 마감 */
table .fare-btn a.magam{background: #d95353!important;color:#FFFFFFF2!important;}
table .fare-btn a.magam:hover{background: #a73838!important;}

#info-tab-ul{
	display:flex;
	margin-top:24px;
}

#info-tab-ul li{
	background:grey;
	background: #dbdbdb;
    padding: 10px 37px;
    font-weight: bold;
    font-size: 0.95rem;
    border-bottom-left-radius: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-right: 2px;
	cursor:pointer;
	transition:all 0.3s;
}

#info-tab-ul li:hover{
	background:#5BB6E2;
	color:#fff;
}

#info-tab-ul li.on{
	color:#fff;
	background:#5BB6E2;
}

table td.fare-btn.mongu a{
	background:var(--mongu-color);
	color:var(--mongu-font-color);
	f
}

table td.fare-btn.mongu a:hover{
	background:var(--mongu-hover-color);
	color:var(--mongu-font-color);
}

#info-tab-ul li.mongu.on{
	background:var(--mongu-color);
	color:var(--mongu-font-color);
}

#info-tab-ul li.mongu:hover{
	background:var(--mongu-hover-color);
	color:var(--mongu-font-color);
}

/* 스펙버튼 별도의 width */
.spec-btn div a{width: calc((100% - 30px) / 4);}

.end{
    /* position: relative; */
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 12px 3px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #5BB6E2;
    background: rgb(109 187 255 / 8%);
    border-radius: 999px;
    backdrop-filter: blur(4px);
    margin-left: 5px;
    margin-right: 5px;
    color: #fff;
}

.end.no{background:#19a6f9;}
.end.ing{background:#5ebb6a;}
.event-tag {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 12px 3px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #5BB6E2;
        background: rgb(109 187 255 / 8%);
    border-radius: 999px;
    /* border: 1px solid rgba(59, 130, 246, 0.35); */
    /* box-shadow: 0 1px 1px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(255, 255, 255, 0.6) inset; */
    backdrop-filter: blur(4px);
    margin-left: 5px;
}

.event-tag::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    top: 1px;
    height: 35%;
    border-radius: 999px;
    pointer-events: none;
}

.event-tag.mobile{
	display:none;
}

/* mobile */
.cw-subculture-schedule{padding:78px 0;background:#f6f9fd;}
.main_lastest_board + .cw-subculture-schedule{padding-top:34px;}
.cw-subculture-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px;}
.cw-subculture-head span{display:block;margin-bottom:7px;color:#5BB6E2;font-size:12px;font-weight:700;letter-spacing:.14em;}
.cw-subculture-head h2{margin:0;color:#2f3540;font-size:30px;line-height:1.25;letter-spacing:-.05em;}
.cw-subculture-head>a{padding:10px 15px;border:1px solid #ccd8e5;border-radius:999px;background:#fff;color:#416b91;font-size:13px;font-weight:700;white-space:nowrap;}
.cw-subculture-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:18px;}
.cw-subculture-grid.is-single{grid-template-columns:1fr;}
.cw-subculture-featured{position:relative;display:flex;min-height:286px;flex-direction:column;padding:34px;border-radius:20px;background:linear-gradient(135deg,#3d9bd1,#426eb4);color:#fff!important;box-shadow:0 14px 34px rgba(49,95,159,.18);}
.cw-subculture-featured-top{display:flex;align-items:center;justify-content:space-between;gap:15px;}
.cw-subculture-featured-top span,.cw-subculture-featured-top b{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.17);font-size:12px;}
.cw-subculture-featured h3{margin:38px 0 12px;color:#fff;font-size:clamp(24px,3vw,36px);line-height:1.25;letter-spacing:-.055em;}
.cw-subculture-featured p{margin:0;color:rgba(255,255,255,.85);font-size:14px;}
.cw-subculture-featured em{margin-top:auto;color:#fff;font-size:13px;font-style:normal;font-weight:700;}
.cw-subculture-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.cw-subculture-list>a{display:flex;min-height:137px;flex-direction:column;padding:20px;border:1px solid #dce5ee;border-radius:16px;background:#fff;transition:transform .2s,box-shadow .2s;}
.cw-subculture-list>a:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(48,65,84,.09);}
.cw-subculture-list>a>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;color:#6180a0;font-size:11px;}
.cw-subculture-list>a b{color:#3f75a5;}
.cw-subculture-list strong{display:-webkit-box;overflow:hidden;color:#303640;font-size:16px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.cw-subculture-list small{display:block;margin-top:auto;color:#79818b;font-size:12px;line-height:1.4;}
.cw-subculture-empty{padding:50px;border:1px dashed #cbd7e3;border-radius:18px;background:#fff;color:#747d87;text-align:center;}

@media screen and (max-width:740px) {
	.cw-subculture-schedule{padding:55px 0;}
	.main_lastest_board + .cw-subculture-schedule{padding-top:28px;}
	.cw-subculture-head{align-items:flex-start;}
	.cw-subculture-head h2{font-size:25px;}
	.cw-subculture-head>a{padding:8px 11px;font-size:12px;}
	.cw-subculture-grid{grid-template-columns:1fr;}
	.cw-subculture-featured{min-height:235px;padding:26px;}
	.cw-subculture-featured h3{margin-top:28px;font-size:26px;}
	.cw-subculture-list{display:flex;margin-right:-15px;padding-right:15px;overflow-x:auto;scroll-snap-type:x mandatory;}
	.cw-subculture-list>a{min-width:240px;scroll-snap-align:start;}
	.event-tag{
		display:none;
	}
	.event-tag.mobile{
        display: block;
	}
	.event-title{
		display: block;
        margin: 4px 0 4px 5px;
	}
	.event-date{
		display:none;
	}
	.event-place{
		display:none;
	}
	.mobile-display{
		display:none;
	}
	.mobile-display.mobile{
		display:block;
	}
	.mobile-align{
		text-align:center;
	}
	table .fare-btn a{width: 12%; padding:2rem 0;}
	table .fare-btn .btn_end{padding:0;}
	.spec-btn div a{width: calc((100% - 30px) / 4);}
}