@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
/*font-family: "Noto Sans KR", sans-serif !important;*/
/* MIDDLE SLIDE */
.tab_wrap{height:100%; }
.tab,.tab_container{float:left; height:274px;}
.tab li{line-height:30px; color:#a8a8a8; text-align:center; font-weight:500; font-size:1.2em; cursor:pointer; margin:0 30px;font-family: "Noto Sans KR", sans-serif !important;}
/*.tab li:last-child{line-height:68px;}*/
.tab .on{background-color:#fff; color:#181818; border-bottom:2px solid #b72932; font-weight: 600}
.tab_container{padding:0; width:100%; overflow:hidden;}
.tab_content{}
.tabList{
	/* 이전 이미지 너비
	width:calc((100% - 60px)/4 );*/
}
.tabList:last-child { margin-right: 0}
.tabList .img{width:100%; aspect-ratio: 3/2; overflow:hidden;  border-radius: 3px; border: 1px solid #e4e4e4;}
.img img{width:100%;}
.tabList .txt{font-size:1.2em;}

.slick-arrow{display:none !important;}



/* CONTENT */
/*.content_wrap{margin-bottom:40px;}*/
.main_cont{margin-bottom:10%; margin-top:20px}
/*.content_wrap h3{margin-bottom:10px;}*/
.Lcontent{width:calc((100% - 20px) / 2); margin-right:20px; float:left; overflow:hidden;}
.mainBB{height:156px; margin-bottom:20px; margin-right:20px;}
.mainBS{height:70px; margin-top:20px;}
.Lcontent li{height:67px; width:100%; overflow:hidden; margin-bottom:20px;}
.Lcontent li:last-child{margin-bottom:0;}
.Lcontent li img{width:100px; float:left; margin-right:10px; vertical-align:middle;}
.Lcontent li p{font-size:1.2em; font-weight:600; height:100%; margin-top:7px; height:60px; line-height:20px;
overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; word-break:break-all;}
.Rcontent{width:calc((100% - 20px) / 2); float:right; overflow:hidden;}
.Rcontent li{float:left; width:calc((100% - 20px) / 2); padding:10px; margin-right:20px; border:1px solid #ccc;}
.Rcontent li:last-child{margin-right:0;}
.Rcontent li p{font-weight:600; width:100%; height:30px; line-height:15px; overflow:hidden; font-size:1.1em;
 text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; word-break:break-all;}
.Rcontent li small{display:block; width:100%; text-align:right;}
.editorP{height:160px; overflow:hidden; margin-bottom:10px; background-position:center; background-repeat:no-repeat; background-size:cover}
.editorP img{width:100%;}
.mainAd{margin-bottom:40px;}
.mainAd img{height:200px; width:100%;}


@media screen and (max-width: 1024px){

}

@media screen and (max-width: 768px){
	#header section.commonMargin{width: 100%;}
 .content_wrap{margin-bottom:20px; /*padding:0 10px;*/}
	.Lcontent,.Rcontent{float:none; width:100%;}
	.Rcontent{position:relative; margin-bottom:20px;}
	.mainBS{width:100%; height:auto; position:absolute; left:0; top:0; margin-top:0;}
	.Rcontent h3{margin-top:100px;}
	.editorP{height:220px;}
	.Lcontent{margin-right:0;}
	.mainBB{height:auto; width:100%; margin-right:0;}
	.Lcontent li{float:left; width:calc((100% - 10px) / 2); margin-right:10px; margin-bottom:0;}
	.Lcontent li:last-child{margin-right:0;}
	.Lcontent li p{}
	.mainAd{padding:0 10px; margin-bottom:20px;}
	.mainAd img{height:auto; width:100%;}

	.campaign{
		width: 100%;
	}


}
@media screen and (max-width: 540px){
	.Rcontent li{margin-right:5px; width:calc((100% - 5px)/2)}
	.Lcontent li{float:none; margin-bottom:10px; width:100%;}
	.editorP{height:158px;}
}

/* 메인 팝업창 */
.popup_wrap{position:absolute; top:135px; left:50%; transform:translateX(-50%); z-index:99999; border:1px solid #ccc;}
.pop_content a{display:block; width:100%; height:100%;}
.pop_close{background-color:#fff; height:35px; padding:0 20px;}
.today_C{float:left; line-height:35px; color:#1a1a1a;}
.today_C label{cursor:pointer; margin-left:7px;}
.now_C{float:right; display:block; line-height:35px; color:#fff;}

@media screen and (max-width: 535px){
	.popup_wrap{top:60px; width:100%;}
	.pop_content img{width:100%;}
}



/* new 메인 */
.mianContentsWrap .title { font-size: 1.25rem; margin-bottom: 20px;}
.mianContentsWrap .title span { font-size: 1.25rem;  color: #c72030}

.contentsInfo { border-bottom: 1px solid #f0f2f5; padding-top: 50px; padding-bottom: 40px }
.compaginListWrap > section { width:  calc((100% - 90px)/4); margin-right: 30px; position: relative; }
.compaginListWrap > section:last-child { margin-right: 0}
.compaginListWrap > section h3 { font-size: 0.937rem; margin-bottom: 15px; color: #5d5d5d; font-weight: 400;  }
.contents01 .compaginList { flex-wrap: wrap; min-height: 340px; align-items: flex-start }
.contents01 .compaginList li { width: calc((100% - 15px)/2); height: 150px; margin-bottom: 15px }
.contents01 .compaginList li:nth-child(even) {margin-left: 15px; }
.contents01 .compaginList li a {  height: 160px; }
.contents01 .compaginList article { border: 1px solid #e4e4e4; border-radius: 8px; width: 100%; height: calc(100% - 70px); overflow: hidden;  }
.contents01 .compaginList article img { width: 100%; height: 100%; object-fit: cover; }
.contents01 .compaginList  .clTxt { height: 70px; display: flex; flex-direction: column; justify-content: space-between; padding-top: 8px}
.contents01 .compaginList  .clTxt p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; font-size: 0.875rem; }
.contents01 .compaginList  .clTxt em { font-style: normal; font-size: 13px; color: #6d6d6d; font-weight: 300}
.contents01 .compaginList  .clTxt em b { color: #c72030; font-weight: 500; }

.contents01  .beforeLineM:before {  content: ''; display: block; position: absolute; border-left: 1px solid #f0f2f5; left: -15px; top: -100px; height: 510px; width:1px}

.tabMenu li { margin-right: 15px; }
.tabMenu li a {font-size: 0.937rem; margin-bottom: 15px; color: #5d5d5d; font-weight: 400; display: inline-block}
.editorPickList { flex-wrap: wrap; min-height: 250px; align-items: flex-start }
.editorPickList li { width: calc((100% - 60px)/4); height: 250px; margin-bottom: 10px; margin-right: 20px; }
.editorPickList li:last-child { margin-right: 0; }
.editorPickList article { border: 1px solid #e4e4e4; border-radius: 8px; width: 100%; height: calc(100% - 80px); overflow: hidden;  }
.editorPickList article img { width: 100%; height: 100%; object-fit: cover; }
.editorPickList  .clTxt { height: 80px; display: flex; flex-direction: column; justify-content: space-between; padding-top: 10px}
.editorPickList  .clTxt p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box;   -webkit-line-clamp: 2;  -webkit-box-orient: vertical; font-size: 0.875rem; }
.editorPickList  .clTxt em { font-style: normal; font-size: 13px; color: #6d6d6d; font-weight: 300}
.editorPickList  .clTxt em b { color: #c72030; font-weight: 500; }


.exhibitionsWrapM {}
.exhibitionTit { width: 350px; margin-right: 20px; }
.exhibitionTit a h2  { font-size: 18px;}
.exhibitionsImg { width: 100%; height: auto; border: 1px solid #ededed; }
.exhibitionsList { width: calc(100% - 370px); flex-wrap: wrap}
.exhibitionsList li { width: calc((100% - 40px)/3); margin-right: 20px; }
.exhibitionsList li:nth-child(3n) { margin-right: 0; }
.exhibitionsList li a article { border:1px solid #ededed; height: 100px; width: 160px; border-radius: 5px; }
.exhibitionsList  .clTxt { height: 100px; display: flex; flex-direction: column; justify-content: space-between; padding: 10px 0; margin-left: 15px; width: calc(100% - 103px)}
.exhibitionsList  .clTxt p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box;   -webkit-line-clamp: 2;  -webkit-box-orient: vertical; font-size: 0.875rem; }
.exhibitionsList  .clTxt em { font-style: normal; font-size: 13px; color: #6d6d6d; font-weight: 300}
.exhibitionsList  .clTxt em b { color: #c72030; font-weight: 500; }
.moreEx { border-radius: 5px; background: #ddd;}

/* Gachiup Custom Hover Card Interaction styles */
.gachiup-campaign-hovercard-fx {
	display: block;
	position: relative;
	box-sizing: border-box;
	padding: 12px; /* 기본 상태와 호버 상태에 일관된 패딩 지정 */
	background-color: transparent; /* 기본 상태: 투명 */
	border: 1px solid transparent; /* 기본 상태: 테두리 없음 */
	border-radius: 20px; /* 프리미엄 카드 라운딩 */
	box-shadow: none; /* 기본 상태: 그림자 없음 */
	transform-origin: center center;
	transition: transform 0.25s cubic-bezier(0.25, 0.8, 0.25, 1), 
	            box-shadow 0.25s cubic-bezier(0.25, 0.8, 0.25, 1), 
	            background-color 0.25s ease, 
	            border-color 0.25s ease;
	text-decoration: none !important;
	height: auto;
}

/* Ensure tab containers/contents allow card overflow (prevent shadow clipping) */
.tab_wrap.attentionCampaignW,
.tab_wrap.attentionCampaignW .tab_container,
.tab_wrap.attentionCampaignW .tab_content {
	overflow: visible !important;
}

/* Adjust layout spacing to allow shadow padding at the bottom */
.attentionCampaignW .tab_container {
	padding-bottom: 30px !important;
	margin-bottom: -30px !important;
}

/* Image styling within the card */
.gachiup-campaign-hovercard-fx .img {
	border: 1px solid #e4e4e4 !important;
	border-radius: 12px !important; /* 이미지 코너 라운딩 적용 */
	width: 100% !important;
	aspect-ratio: 3/2 !important;
	overflow: hidden !important;
	margin: 0 !important;
}

.gachiup-campaign-hovercard-fx .img span,
.gachiup-campaign-hovercard-fx .img img {
	transition: transform 0.25s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
	display: block;
	width: 100%;
	height: 100%;
}

/* Text spacing inside the card */
.gachiup-campaign-hovercard-fx .txt {
	padding: 12px 4px 4px 4px !important; /* 카드 내부 텍스트 기본 여백 제공 */
	box-sizing: border-box;
	display: block;
}

.gachiup-campaign-hovercard-fx .txt small {
	display: block !important;
	margin: 0 0 6px 0 !important; /* 위쪽 마진 상쇄 및 아래쪽 마진 조정으로 겹침 해결 */
	line-height: 1.2 !important;
}

.gachiup-campaign-hovercard-fx .txt > p {
	margin: 0 0 8px 0 !important; /* 제목 단락 아래 여백 고정 */
	line-height: 1.4 !important;
}

.gachiup-campaign-hovercard-fx .txt .txt_in {
	margin-top: 6px !important;
}

/* Hover effects for PC/Mouse users */
@media (hover: hover) and (pointer: fine) {
	.gachiup-campaign-hovercard-fx:hover {
		background-color: #ffffff; /* 호버 시에만 흰색 배경 노출 */
		border-color: #f1f3f5;
		box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08), 0 6px 16px rgba(0, 0, 0, 0.03); /* 넓고 은은한 그림자 */
		transform: translateY(-6px) scale(1.08); /* 전체 오프셋 및 1.08배 줌 효과 적용 */
		z-index: 10;
	}
	.gachiup-campaign-hovercard-fx:hover .img span,
	.gachiup-campaign-hovercard-fx:hover .img img {
		transform: scale(1.03) !important; /* 이미지 단독 줌인 3% */
	}
}

/* Keyboard focus accessibility states */
.gachiup-campaign-hovercard-fx:focus-visible {
	outline: none;
	background-color: #ffffff;
	border-color: #c72030;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08), 0 0 0 3px rgba(199, 32, 48, 0.2);
	transform: translateY(-6px) scale(1.08);
	z-index: 10;
}
.gachiup-campaign-hovercard-fx:focus-visible .img span,
.gachiup-campaign-hovercard-fx:focus-visible .img img {
	transform: scale(1.03) !important;
}

.no-campaign-placeholder {
	width: 100%;
	padding: 80px 24px;
	text-align: center;
	color: #a0aec0;
	font-size: 16px;
	font-weight: 500;
	background-color: #f7fafc;
	border-radius: 12px;
	border: 1px dashed #e2e8f0;
	box-sizing: border-box;
	clear: both;
	margin: 20px 0 40px 0;
	font-family: inherit;
}