@charset "utf-8";

.floatLeft{ float:left;}
.floatRight{ float:right;}
.clearLeft{ clear:left;}
.clearRight{ clear:right;}

.widgetContainer3 a{ text-decoration:none; color:#333;}
.widgetContainer3 a:hover,
.widgetContainer3 a:active,
.widgetContainer3 a:focus{ text-decoration:underline;}
.widgetContainer3 img{ border:0;}
.widgetContainer3 sup{ position:relative; line-height:1; display:inline-block; margin:-5px 0; *padding:0 1px;}
.widgetContainer3 form{ margin:0; padding:0;}
.widgetContainer3 fieldset{ border:0; margin:0; padding:0;}

.widgetTabAimg{ position:relative; margin:0 0 10px 0; padding:0; *zoom:1; border-bottom:0px solid;}
.widgetTabAimg:after{ content:""; display:block; clear:both;} 
.widgetTabAimg li{ float:left; margin:0px; list-style:none; background-repeat:no-repeat; background-position:0 0;border:0px solid #000000;}
.widgetTabAimg li.active{ background-position:0 -30px;} 
.widgetTabAimg li a{ position:relative;float:left; padding:0px; text-decoration:none; font-size:12px; background-repeat:no-repeat; background-position:right 0;}
.widgetTabAimg li.active a{ background-position:right -30px; font-weight:bold;}

.widgetTabA2{ position:relative; margin:0px 0 20px 0;text-align:left;justify-content:center; padding:0; *zoom:1; border:0px solid #ddd !important;display:flex;font-family: 'Noto Sans KR', sans-serif; }
.widgetTabA2:after{ content:""; display:block; clear:both;} 
.widgetTabA2 li{float:left;display:block;overflow:hidden; margin:0px; list-style:none;flex-glow:1;border-right:0px solid #ddd  !important;box-sizing:border-box;text-align:center;}
.widgetTabA2 li:last-child{border-right:0px;}
.widgetTabA2 li.active{color:#006699;} 
.widgetTabA2 li a{position:relative;padding:10px 30px; text-decoration:none; font-size:25px;display:block;font-weight:700;color:#666; }
.widgetTabA2 li a:hover{text-decoration:none;color:#006699}
.widgetTabA2 li.active a{color:#006699;}

.widgetTabA{ position:relative; margin:10px 0 0px; padding:0; *zoom:1; border-bottom:2px solid var(--point-color) !important; display:flex; flex-wrap:wrap; gap:2px; font-family: 'Pretendard', sans-serif; }
.widgetTabA:after{ content:""; display:flex; clear:both;} 
.widgetTabA li{flex:0 0 calc((70% - 4px) / 3); margin-bottom:0px; background:#eee; box-sizing:border-box;text-align:center; border-radius:15px 15px 0 0;}
.widgetTabA li.active{border:1px solid var(--point-color) !important;background:var(--point-color) !important;} 
.widgetTabA li a{position:relative;padding:15px 0px; text-decoration:none; font-size:clamp(15px, 2.3vw, 20px);display:block;font-weight:600; color:#666 !important;}
.widgetTabA li a:hover{text-decoration:none;}
.widgetTabA li.active a{color:#fff !important; text-decoration:none;}

ul.widgetA3 { margin:0; padding:0; list-style:none; }
ul.widgetA3 li { margin:0; padding:0px 10px;height:20px; list-style:none;background:url(../img/white/bullet.gif) no-repeat 0px 6px;}

.widgetTableA3 { width:100%; font-size:12px; position:relative; border:0;}
.widgetTableA3 td{ border:0; line-height:1.5; white-space:nowrap; vertical-align:top; padding:1px 5px 1px 5px;}
.widgetTableA3 td.title{ width:100%; white-space:normal;}
.widgetTableA3 td .board{ padding-right:5px;} 
.widgetTableA3 td .notice{ padding-right:5px;}
.widgetTableA3 td .category{ padding-right:5px; font-weight:normal;}
.widgetTableA3 td .replyNum a{ font:10px Tahoma;}
.widgetTableA3 td .trackbackNum a{ font:10px Tahoma;}
.widgetTableA3 td.author{}
.widgetTableA3 td.time{ font-size:11px; font-family:Tahoma;} 

.widgetTabC{ margin:0; padding:0; font-size:12px; border-top:1px solid;}
.widgetTabC li{ list-style:none; border-bottom:1px solid; *zoom:1; margin-bottom:1px;}
.widgetTabC li a{ display:block; padding:7px 0 6px 10px; text-decoration:none; *zoom:1;}

dl.widgetDivider{ margin:0;}
dl.widgetDivider dt{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0;display:none;}
dl.widgetDivider dd{ display:none; margin:0;} 
dl.widgetDivider .open{ display:block !important;} 

.widgetNavigator3{margin:20px auto 0 auto; padding:0; text-align:center; clear:both;border:0;height:auto;display:flex;align-items:center;justify-content:center;gap:10px;}
.widgetNavigator3 li{ list-style:none;border:0;height:auto;line-height:1;box-sizing:border-box; position:relative;width:auto;top:0px;float:none;display:flex;align-items:center;margin:0;text-align:center;}
.widgetNavigator3 li.pageDisplayWrap{display:none;}
.widgetNavigator3 li button{ width:22px; height:22px; padding:0; background-color:transparent;border:0; cursor:pointer;display:flex;align-items:center;justify-content:center;}
.widgetNavigator3 li button:hover{background:transparent;color:inherit !important;}
.widgetNavigator3 li button.prev{ background-position:left center; *background-position:-1px center;}
.widgetNavigator3 li button.next{ background-position:right center; *background-position:13px center;}
.widgetNavigator3 .dotsWrap{display:flex;align-items:center;gap:7px;margin:0 4px;}
.widgetNavigator3 .dotsWrap .dot{width:8px;height:8px;border-radius:50%;background:#ddd;display:inline-block;cursor:pointer;transition:background 0.2s ease, transform 0.2s ease;}
.widgetNavigator3 .dotsWrap .dot:hover{background:#ffb366;}
.widgetNavigator3 .dotsWrap .dot.active{background:#ff6600;transform:scale(1.1);}

.arrow-animation-left {
    animation: arrowMoveLeft 1s infinite alternate;
}
@keyframes arrowMoveLeft {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-10px); /* �̵��ϰ��� �ϴ� �Ÿ� ���� */
    }
}

.arrow-animation-right {
    animation: arrowMoveRight 1s infinite alternate;
}

@keyframes arrowMoveRight {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(10px); /* �̵��ϰ��� �ϴ� �Ÿ� ���� */
    }
}

.widgetNavigator3 li button i{color:#ccc !important;font-size:16px;line-height:1;transition:color 0.2s ease;}
.widgetNavigator3 li button:hover i{color:var(--point-color) !important;}

.widgetGalleryA{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1; _margin-right:-100%;}
.widgetGalleryA:after{ content:""; display:block; clear:both;}
.widgetGalleryA li { float:left; overflow:hidden; width:100px; margin-right:28px; margin-bottom:15px; padding-bottom:0; white-space:nowrap; list-style:none;}
.widgetGalleryA li.clearRight{ margin-right:0;}
.widgetGalleryA li .thumb{ display:block; position:relative; width:100px; height:75px; margin-bottom:10px; overflow:hidden; text-decoration:none; border:1px solid #ccc;}
.widgetGalleryA li .thumb img{ display:block; position:relative; width:100%;}
.widgetGalleryA li .thumb .imgNone{ display:block; position:relative; width:100%; height:70%; padding-top:30%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetGalleryA li .thumb .board{ display:block; position:absolute; width:100%; top:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetGalleryA li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetGalleryA li .author{ display:block;}
.widgetGalleryA li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetGalleryA li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetGalleryA li .date{ font:11px Tahoma;}
.widgetGalleryA li .hour{ font:11px Tahoma;}

/* widgetThumb */
.widgetThumb{ position:relative; margin:0; text-align:center; font-size:12px; line-height:1.5;}
.widgetThumb .thumb{ display:block; margin-bottom:5px; position:relative; *zoom:1; text-decoration:none; _float:left;}
.widgetThumb .thumb img{ display:block; width:100%;}
.widgetThumb .thumb .imgNone{ display:block; position:relative; width:100%; padding-top:30px; padding-bottom:50px; background:#eee; text-align:center; cursor:pointer; color:#fff;}
.widgetThumb .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetThumb .title{ display:block;}
.widgetThumb .author{ display:block;}
.widgetThumb .date{ font-size:11px; font-family:Tahoma;}
.widgetThumb .hour{ font-size:11px; font-family:Tahoma;}

.widgetZineA3{ position:relative; margin:20px 0 35px 0px; padding:0; font-size:clamp(13px, 1.8vw, 15px); line-height:1.4; display:flex; height:200px; overflow:hidden;}

/* 카드 내용 길이가 달라도 전체 위젯 높이가 항상 동일하게 고정되어, 하단 화살표(widgetNavigator3)가 항상 같은 위치에 붙도록 처리 */
.widgetZineA3 li{ flex-direction:column; height:100%;}
.widgetZineA3 li p.text{
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis;
	margin:15px 0 !important;
}
.widgetZineA3 li p.titleArea .title{
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

.widgetZineA3 li {position:relative; flex:0 0 100%; border:0px solid #f2f2f2; margin:0px; padding:0px; overflow:hidden; box-sizing:border-box; border-radius:0px; transition: transform 0.3s ease; /* ����� �κ� */}
.widgetZineA3 li:hover {transform: translateY(0px)!important;}
.widgetZineA3 li p{ margin:0; padding:0;}
.widgetZineA3 li p.thumbArea{ position:relative;  overflow:hidden;display:block;padding:0px 10px 0px 0px;}
.widgetZineA3 li p.titleArea{margin-bottom:14px;display:block;}
.widgetZineA3 li p.titleArea .board{ padding-right:5px;}
.widgetZineA3 li p.text{margin:25px 0; display:block; overflow:hidden; color:#555;}
.widgetZineA3 li p.authorArea{float:left;display:block;}
.widgetZineA3 li .thumb{ display:block; position:relative;  text-decoration:none;}
.widgetZineA3 li .thumb img{ position:relative;}
.widgetZineA3 li .thumb .imgNone{ display:block; position:relative; width:100%; height:80%; padding-top:20%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetZineA3 li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#ff6600; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetZineA3 li .category{ padding:5px 0; font-weight:normal;font-size:1rem;font-weight:600 !important;color:var(--point-color) !important;display:block;border:0px solid #ddd;background:none !important;margin-bottom:10px;}
.widgetZineA3 li .title{font-weight:600; color:#333 !important; font-size:clamp(15px, 2vw, 18px) !important; line-height:1.3; margin-bottom:12px; word-break:keep-all; letter-spacing:-0.5px;}
.widgetZineA3 li .board a{font-weight:bold;color:#ff3366 !important; font-size:14px !important;}
.widgetZineA3 li .replyNum a{font:10px; margin:0 -1px;}
.widgetZineA3 li .trackbackNum a{ font:10px; margin:0 -1px;}
.widgetZineA3 li .author{ margin-right:10px;}
.widgetZineA3 li .date{ font-size:clamp(12px, 1.4vw, 14px) !important;}
.widgetZineA3 li .hour{ font:16px;}

.widgetZineA3 li {
  /* ���� ��Ÿ�� ���� */
  opacity: 0;
  transform: translateX(-100%); /* �ʱ⿡ �������� ���� */
  transition: transform 0.5s, opacity 0.5s;
}
.widgetZineA3 li:hover a{text-decoration:none;}

@media( max-width:768px ){
	.widgetZineA3{ margin:10px 0 20px 0px; gap:5px; height:240px;}
	.widgetZineA3 li {flex:0 0 calc((100% - 5px) / 2); padding:25px 20px 30px; height:240px;}

	/* 한 장씩 넘기는 인스턴스(list_count=1)는 2열 분할 대상이 아님
	   위의 50% 규칙이 적용되면 캐러셀 JS 가 반폭 기준으로 이동량을 잡아 카드가 겹쳐 보임 */
	.widgetZineA3.count-1{ gap:0; height:auto; min-height:170px;}
	/* 배경사진형 카드(content2 dl) 위에 얹히는 텍스트 블록을 명확한 반투명 패널로 정돈
	   - 어중간한 높이로 사진 위에 떠 보이던 경계 문제 해소 + 가독성 확보 */
	.widgetZineA3.count-1 li{ flex:0 0 100% !important; width:100% !important; height:auto; min-height:0; padding:14px 16px 16px; background:rgba(255,255,255,0.9); border:1px solid #ececec; border-radius:12px; box-sizing:border-box;}
	.widgetZineA3.count-1 li p.titleArea{ margin-bottom:4px;}
	.widgetZineA3.count-1 li .title{ margin-bottom:6px;}
	.widgetZineA3.count-1 li p.thumbArea{ width:100% !important; padding:0 0 12px;}
	.widgetZineA3.count-1 li .thumb,
	.widgetZineA3.count-1 li .thumb img{ width:100% !important; height:auto !important; max-height:220px; object-fit:cover; border-radius:12px;}
}

.widgetTabC{ border-color:#e5e5e5;}
.widgetTabC li{ border-color:#e5e5e5;}
.widgetTabC li a{ color:#333;}
.widgetTabC li a:hover, 
.widgetTabC li a:active,
.widgetTabC li a:focus{ background:#eee;}
.widgetTabA{ border-color:#666;}
.widgetTabA li,
.widgetTabA li a{}
.widgetTabA li a{ color:#333;}

/*����*/
.widgetA3 li{padding:6px 20px !important;list-style:none;background:url(../img/white/bullet.png) no-repeat 10px 17px !important;}
.widgetA3 a{ color:#666;overflow:hidden;font-size:18px; padding-left:10px;}
.widgetA3 a:hover{ color:#f06eaa;overflow:hidden;padding-left:10px;}
.widgetA3 .notice{ color:#ff1a1a; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetA3 .category{ color:#fff; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetA3 .replyNum a{ color:#ff1a1a;}
.widgetA3 .trackbackNum a{ color:#66c;}
.widgetA3 .author { color:#333;}
.widgetA3 .date{ font-size:12px; float:right;right:0px;color:#999;border:0px solid #000;padding:0px;margin-top:2px;}
.widgetA3 .hour{ color:#888;}
.widgetA3 .board{background:#555; color:#fff; font-size:10pt; border-radius:5px; padding:3px; margin:0 0 0 6px;}

.widgetTableA3 td.title a{ color:#333;}
.widgetTableA3 td .board{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetTableA3 td .notice{ color:#ff1a1a; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetTableA3 td .category{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetTableA3 td .replyNum a{ color:#ff1a1a;}
.widgetTableA3 td .trackbackNum a{ color:#66c;}
.widgetTableA3 td .author { color:#333;}
.widgetTableA3 td .date{ color:#333;}
.widgetTableA3 td .hour{ color:#888;}

.widgetGalleryA li .title{ color:#fff;}
.widgetGalleryA li .replyNum a{ color:#ff1a1a;}
.widgetGalleryA li .trackbackNum a{ color:#66c;}
.widgetGalleryA li .author{ color:#333;}
.widgetGalleryA li .date{ color:#333;}
.widgetGalleryA li .hour{ color:#888;}

.widgetThumb{ color:#333;}
.widgetThumb a{ color:#333;}
.widgetThumb .hour{ color:#888;}

.widgetZineA3 li .board{background:url(../img/white/lineTextDiv.gif) no-repeat left center;}
.widgetZineA3 li .title{}
.widgetZineA3 li .replyNum a{ color:#ff1a1a;}
.widgetZineA3 li .trackbackNum a{ color:#66c;}
.widgetZineA3 li .author{ color:#333;}
.widgetZineA3 li .category{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetZineA3 li .date{ color:#999; margin:20px 0 0; display:block;}
.widgetZineA3 li .hour{ color:#888;}
.widgetZineA3 li .text{ color:#888;}

.widgetContainer3.black .widgetTabC{ border-color:#7f7f7f;}
.widgetContainer3.black .widgetTabC li{ border-color:#7f7f7f; background:#222;}
.widgetContainer3.black .widgetTabC li a{ color:#999;}
.widgetContainer3.black .widgetTabC li a:hover,
.widgetContainer3.black .widgetTabC li a:active,
.widgetContainer3.black .widgetTabC li a:focus{ background:#333;}
.widgetContainer3.black .widgetTabA{ border-color:#999;}
.widgetContainer3.black .widgetTabA li, 
.widgetContainer3.black .widgetTabA li a{ background-image:url(../img/black/buttonWidgetTab.gif);}
.widgetContainer3.black .widgetTabA li a{ color:#999;}

.widgetContainer3.black .widgetTableA3 td.title a{ color:#999;}
.widgetContainer3.black .widgetTableA3 td .board{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer3.black .widgetTableA3 td .notice{ color:#ff1a1a; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer3.black .widgetTableA3 td .category{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer3.black .widgetTableA3 td .replyNum{ color:#ff1a1a;}
.widgetContainer3.black .widgetTableA3 td .trackbackNum{ color:#66c;}
.widgetContainer3.black .widgetTableA3 td .author { color:#999;}
.widgetContainer3.black .widgetTableA3 td .date{ color:#999;}
.widgetContainer3.black .widgetTableA3 td .hour{ color:#888;}

.widgetContainer3.black .widgetGalleryA li .title{ color:#999;}
.widgetContainer3.black .widgetGalleryA li .replyNum a{ color:#ff1a1a;}
.widgetContainer3.black .widgetGalleryA li .trackbackNum a{ color:#66c;}
.widgetContainer3.black .widgetGalleryA li .author{ color:#999;}
.widgetContainer3.black .widgetGalleryA li .date{ color:#999;}
.widgetContainer3.black .widgetGalleryA li .hour{ color:#888;}

.widgetContainer3.black .widgetThumb{ color:#999;}
.widgetContainer3.black .widgetThumb a{ color:#999;}
.widgetContainer3.black .widgetThumb .hour{ color:#888;}

.widgetContainer3.black .widgetZineA3 li .board{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer3.black .widgetZineA3 li .title{ color:#999;}
.widgetContainer3.black .widgetZineA3 li .replyNum a{ color:#ff1a1a;}
.widgetContainer3.black .widgetZineA3 li .trackbackNum a{ color:#66c;}
.widgetContainer3.black .widgetZineA3 li .author{ color:#999;}
.widgetContainer3.black .widgetZineA3 li .category{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer3.black .widgetZineA3 li .date{ color:#999;}
.widgetContainer3.black .widgetZineA3 li .hour{ color:#888;}
.widgetContainer3.black .widgetZineA3 li .text{ color:#888;}

@media( max-width:640px ){
	.widgetTabA2 li a{padding:25px 10px 15px !important; font-size:17px !important; word-break:keep-all; line-height:1.4; letter-spacing:-1px;}
	.widgetZineA3 li {margin:0px 5px !important; border:1px solid #eee; box-shadow: rgba(138, 138, 150, 0.2) 0px 4px 12px 0px;}	
	.widgetZineA3 li .title{font-size:15px !important; letter-spacing:-1px; font-weight:500 !important;}
	.widgetZineA3 li .category{font-size:15px;}
	.widgetZineA3 li .date{ font:14px Tahoma;}
	.widgetZineA3 li .hour{ font:14px Tahoma;}
	
	.widgetTabA li{margin-bottom:0; height:auto;}
	ul.widgetA3 li { height:33px !important;}
	.widgetA3 li{padding:10px 15px !important;list-style:none;background:url(../img/white/bullet.png) no-repeat 10px 17px !important;}
	.widgetA3 a{ color:#666;overflow:hidden;font-size:15px !important; padding:0 0 10px 10px;}
}

@media( max-width:380px ){
	.widgetTabA2 li a{font-size:15px !important; line-height:1.5;}
	.widgetZineA3 li {margin:0px 5px !important; border:1px solid #eee; box-shadow: rgba(138, 138, 150, 0.2) 0px 4px 12px 0px; padding:15px 15px !important;}	
	.widgetZineA3 li .title{font-size:14px !important;}
	.widgetZineA3 li .category{font-size:14px;}
	.widgetZineA3 li .date{ font:12px Tahoma;}
	.widgetZineA3 li .hour{ font:12px Tahoma;}

	.widgetTabA li a{font-size:12px !important;}
	.widgetA3 li{padding:10px 0 10px 10px !important; background:url(../img/white/bullet.png) no-repeat 5px 18px !important;}
	.widgetA3 a{font-size:14px !important; padding:0 0 10px 10px;}
	.widgetA3 .date{ font-size:10px;}
}

.plus_wrap{
  position:absolute; 
  right:10px; 
  top:30px; 
  display:block;
  z-index: 10;
}
.plus_wrap .navplus_wrap{display:block;}
.plus_wrap .navplus_wrap .navplus{
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px; 
  height:40px; 
  border:0px solid var(--point-color); 
  border-radius:0px; 
  background:#fff;
  transition:all 0.3s ease;
  margin:0px 0 0;
}
.plus_wrap .navplus_wrap .navplus a{
  text-decoration:none; 
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
}
.plus_wrap .navplus_wrap .navplus span{
  font-size:35px; 
  font-weight:200; 
  color:var(--point-color); 
  padding:0; 
  display:block; 
  text-align:center; 
  justify-content:center; 
  line-height:25px;
  margin-top:-3px;
}
.plus_wrap .navplus_wrap .navplus:hover{
  border-color:var(--point-color2);
}

@media screen and (max-width: 768px) {
  .plus_wrap{right:0; top:0px;}
  .plus_wrap .navplus_wrap .navplus{
    width:36px; 
    height:36px;
  }
  .plus_wrap .navplus_wrap .navplus span{
    font-size:18px;
  }
}
/* ---- v95: 단일 게시물(count-1) 카드 — 제목 → 카테고리 → 날짜 세로 배열, 간격 고정 ----
   원본 마크업 순서(카테고리, 제목, 날짜)를 flex order 로 재배열. 제목은 최소 2줄 높이를 확보해 글 길이와 무관하게 날짜 위치가 일정 */
.widgetZineA3.count-1 li p.titleArea{ display:flex; flex-direction:column; align-items:flex-start; gap:0; margin-bottom:0; }
.widgetZineA3.count-1 li p.titleArea > a.title{ order:1; display:block; width:100%; margin:0 0 10px !important; min-height:calc(1.35em * 2); line-height:1.35; white-space:normal; overflow:visible; }
.widgetZineA3.count-1 li p.titleArea > a:not(.title){ order:2; }
.widgetZineA3.count-1 li p.titleArea > a:not(.title) .category{ display:inline-block; margin:0 0 6px; padding:0; }
.widgetZineA3.count-1 li p.titleArea > sup{ order:2; }
.widgetZineA3.count-1 li p.titleArea > .icon{ order:2; }
.widgetZineA3.count-1 li p.titleArea > .date{ order:3; display:block; margin:0 !important; color:#8a8a8a; }
.widgetZineA3.count-1 li p.titleArea > p.board{ order:0; margin:0 0 6px; }
@media (max-width:700px){
	.widgetZineA3.count-1 li p.titleArea > a.title{ min-height:0; }
}