@charset "utf-8";

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

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

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

ul.widgetA { margin:0; padding:0; list-style:none; }
ul.widgetA li { margin:0; padding:0; list-style:none; }
.widgetTableA { width:100%; font-size:12px; position:relative; border:0;}
.widgetTableA td{ border:0; line-height:1.5; white-space:nowrap; vertical-align:top; padding:1px 5px 1px 5px;}
.widgetTableA td.title{ width:100%; white-space:normal;}
.widgetTableA td .board{ padding-right:5px;} 
.widgetTableA td .notice{ padding-right:5px;}
.widgetTableA td .category{ padding-right:5px; font-weight:normal;}
.widgetTableA td .replyNum a{ font:10px Tahoma;}
.widgetTableA td .trackbackNum a{ font:10px Tahoma;}
.widgetTableA td.author{}
.widgetTableA 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;}
dl.widgetDivider dd{ display:none; margin:0;} 

.widgetNavigator{ margin:0; padding:0; text-align:right; clear:both;}
.widgetNavigator li{ list-style:none; display:inline;}
.widgetNavigator li button{ width:16px; height:16px; padding:0; background-color:transparent; background-image:url(../img/white/buttonWidgetNavigation.gif); border:1px solid #999; cursor:pointer;}
.widgetNavigator li button.prev{ background-position:left center; *background-position:-1px center;}
.widgetNavigator li button.next{ background-position:right center; *background-position:13px center;}
.widgetNavigator li button span{ position:absolute; display:block; width:0; height:0; overflow:hidden; visibility:hidden;}

.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;}
.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:#000;}
.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;}

.widgetZineA{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1;}
.widgetZineA:after{ content:""; display:block; clear:both;}
.widgetZineA li { list-style:none; clear:both; margin-bottom:10px; padding-bottom:10px; *zoom:1; overflow:hidden; }
.widgetZineA li p{ margin:0; padding:0;}
.widgetZineA li p.thumbArea{ position:relative; float:left; width:100px; margin-right:-100px; overflow:hidden;}
.widgetZineA li p.titleArea{ margin-left:120px; margin-bottom:4px;}
.widgetZineA li p.titleArea .board{ padding-right:5px;}
.widgetZineA li p.text{ margin-left:120px; margin-bottom:4px;}
.widgetZineA li p.authorArea{ margin-left:120px;}
.widgetZineA li .thumb{ display:block; position:relative; width:100px; height:75px; text-decoration:none; overflow:hidden;}
.widgetZineA li .thumb img{ position:relative; width:100%;}
.widgetZineA li .thumb .imgNone{ display:block; position:relative; width:100%; height:80%; padding-top:20%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetZineA 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'); }
.widgetZineA li .category{ padding-right:5px; font-weight:normal;}
.widgetZineA li .title{ font-weight:bold;}
.widgetZineA li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetZineA li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetZineA li .author{ margin-right:10px;}
.widgetZineA li .date{ font:11px Tahoma;}
.widgetZineA li .hour{ font:11px Tahoma;}

.widgetTabC{ border-color:#e5e5e5;}
.widgetTabC li{ border-color:#e5e5e5; background:#f8f8f8;}
.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{ background-image:url(../img/white/buttonWidgetTab.gif);}
.widgetTabA li a{ color:#333;}

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

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

.widgetGalleryA li .title{ color:#333;}
.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;}

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

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

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

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

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

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

/*widgetContainer*/
.widgetContainer .tabview{overflow:hidden;width:100%;font-family:'NanumGothic'}
.widgetContainer .box1{width:100%;height:100%;border:1px solid #e0e0e0;margin:0 0 15px 0;float:left}
.widgetContainer .pht{width:30%;float:left;margin:10px 10px 10px 10px}
.widgetContainer .noimg{width:76px;height:97px;background:#eee;border:2px solid #e0e0e0;margin:10px 18px 0 10px;float:left}
.widgetContainer .text{float:left;width:60%;padding-top:12px;font-weight:bold}
.widgetContainer .img1{margin:8px 0 11px}
.widgetContainer .text1{font-size:15px;color:#333;font-weight:bold}
.widgetContainer .text1 .span{font-size:13px;color:#b0b0b0;}
.widgetContainer .text2{font-size:14px;color:#b0b0b0}
.widgetContainer .text3{font-size:9pt;font-family:돋움;margin-bottom:5px}
.widgetContainer .text4{color:#888888;font-size:12px;margin-bottom:5px}
.widgetContainer .text5{color:#888888;font-size:11px;margin-bottom:5px}
.widgetContainer .stitle{width:100%;float:left}
.widgetContainer .tabview4 .box3 .text1{padding-top:14px}

/* ============================================================
   섬기는 사람 — 가로형 목록 (2026)
   사진 좌 / 정보 우. 담당 업무가 길어도 가려지지 않도록 전부 표시.
   기존 .box1/.pht/.text 규칙과 분리된 네임스페이스.
   ============================================================ */

.peopleList{ margin:0; }
.peopleList__grid{
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-ms-flex-wrap:wrap; flex-wrap:wrap;
	margin:0 -8px; padding:0; list-style:none;
	font-family:'나눔고딕','NanumGothic',sans-serif;
}

/* ---- 행(카드) ---- */
.peopleRow{
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	width:50%; padding:0 8px; margin:0 0 16px 0; list-style:none;
	display:-webkit-box; display:-ms-flexbox; display:flex;
}
.peopleRow__photo,
.peopleRow__info{
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}

/* 사진 칸 — 폭 96px 고정. 카드가 길어져도 사진 자체는
   3:4(96x128)를 유지하고 상단에 붙음(얼굴이 늘어나거나 과하게 잘리지 않음) */
.peopleRow__photo{
	-ms-flex:0 0 96px; flex:0 0 96px;
	width:96px;
	/* 카드가 길어지면 사진 아래는 카드와 같은 흰 바탕으로 이어짐 */
	background:#fff;
}
.peopleRow__photoInner{
	position:relative;
	width:96px; height:128px;
	overflow:hidden;
	background:#f3f3f3;
}
.peopleRow__photo img{
	position:absolute; top:0; left:0;
	width:100%; height:100%; display:block; border:0;
	-o-object-fit:cover; object-fit:cover;
	-o-object-position:center 20%; object-position:center 20%;
}
.peopleRow__photo--empty{
	position:absolute; top:0; left:0; width:100%; height:100%;
	background:#f3f3f3;
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-webkit-box-align:center; -ms-flex-align:center; align-items:center;
	-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
	color:#c8c8c8; font-size:34px; line-height:1;
}

/* 정보 영역 */
.peopleRow__info{
	-webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto;
	min-width:0;                 /* 긴 텍스트가 넘치지 않게 */
	/* 상하 여백을 넉넉히 — 업무가 짧은 카드도 답답해 보이지 않도록 */
	padding:16px 16px 16px 15px;
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-webkit-box-orient:vertical; -webkit-box-direction:normal;
	-ms-flex-direction:column; flex-direction:column;
	-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
}

.peopleRow__head{ margin:0 0 6px; padding:0; line-height:1.3; }
.peopleRow__name{
	font-size:16px; font-weight:bold; color:#303030;
	letter-spacing:-0.02em;
}
.peopleRow__rank{
	margin-left:6px; font-size:13px; color:#3b6fbe; font-weight:normal;
	white-space:nowrap;
}

/* 담당 업무 — 전부 표시(줄 수 제한 없음). 쉼표 뒤에서 자연스럽게 줄바꿈 */
.peopleRow__duty{
	margin:0; padding:0;
	font-size:13px; line-height:1.65; color:#737373;
	word-break:keep-all;         /* 한글 단어 중간에서 끊기지 않도록 */
	overflow-wrap:break-word; word-wrap:break-word;
}

.peopleRow__mail{
	display:inline-block; margin:7px 0 0;
	font-size:12px; line-height:1.4; color:#8a8a8a; text-decoration:none;
	max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
	vertical-align:top;
}
.peopleRow__mail i{ margin-right:5px; }
.peopleRow__mail:hover,
.peopleRow__mail:focus{ color:#3b6fbe; text-decoration:underline; }
.peopleRow__mail:focus{ outline:2px solid #3b6fbe; outline-offset:2px; }

/* ---- 카드 테두리 + 라운드 ---- */
.peopleRow > .peopleRow__photo{
	border:1px solid #e3e3e3; border-right:0;
	-webkit-border-radius:6px 0 0 6px; border-radius:6px 0 0 6px;
}
.peopleRow > .peopleRow__info{
	border:1px solid #e3e3e3; border-left:0;
	-webkit-border-radius:0 6px 6px 0; border-radius:0 6px 6px 0;
	background:#fff;
}
/* 사진도 카드 모서리를 따라 둥글게 잘림 */
.peopleRow__photoInner{
	-webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px;
}

/* hover */
.peopleRow > .peopleRow__photo,
.peopleRow > .peopleRow__info{ -webkit-transition:border-color .2s ease; transition:border-color .2s ease; }
.peopleRow:hover > .peopleRow__photo,
.peopleRow:hover > .peopleRow__info{ border-color:#c7d4e8; }

/* ---- 반응형 ---- */
@media (max-width:991px){
	.peopleRow{ width:50%; }
}
@media (max-width:767px){
	.peopleRow{ width:100%; }
}
@media (max-width:479px){
	.peopleList__grid{ margin:0 -4px; }
	.peopleRow{ padding:0 4px; margin-bottom:10px; }
	.peopleRow__photo{ -ms-flex:0 0 78px; flex:0 0 78px; width:78px; }
	.peopleRow__photoInner{ width:78px; height:104px; }
	.peopleRow__info{ padding:12px 12px 12px 11px; }
	.peopleRow__name{ font-size:15px; }
	.peopleRow__rank{ font-size:12px; }
	.peopleRow__duty{ font-size:12px; line-height:1.6; }
}

/* ---- 어두운 바탕(black colorset) ---- */
.widgetContainer.black .peopleRow > .peopleRow__photo{ background:#1e1e1e; border-color:#444; }
.widgetContainer.black .peopleRow__photoInner{ background:#2a2a2a; }
.widgetContainer.black .peopleRow__photo--empty{ background:#2a2a2a; }
.widgetContainer.black .peopleRow > .peopleRow__info{ background:#1e1e1e; border-color:#444; }
.widgetContainer.black .peopleRow__name{ color:#f0f0f0; }
.widgetContainer.black .peopleRow__rank{ color:#8ab0e8; }
.widgetContainer.black .peopleRow__duty{ color:#a5a5a5; }
.widgetContainer.black .peopleRow__mail{ color:#8f8f8f; }
.widgetContainer.black .peopleRow__mail:hover,
.widgetContainer.black .peopleRow__mail:focus{ color:#8ab0e8; }
.widgetContainer.black .peopleRow:hover > .peopleRow__photo,
.widgetContainer.black .peopleRow:hover > .peopleRow__info{ border-color:#5a6f8f; }