@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* zieo@zieo.com */

:root {
    --zbggray : rgba(126,138,151,1);
    --zbgline : linear-gradient(90deg, rgba(90,90,90,0.9) 0%, rgba(126,138,151,1) 0.5%, rgba(126,138,151,1) 100%);
    --zbgbtn : linear-gradient(90deg, rgba(126,138,151,1) 0%, rgba(126,138,151,1) 97%, rgba(80,80,80,1) 100%);
    --zbgbtnover : rgba(80,80,80,1);
}

body { margin:0;padding:0;background:#fff;color:#000;word-wrap:break-word; }
div,p,ul,li,a,span,img, figure { margin:0; padding:0; border:0; }
body,h1,h2,h3,h4,h5,p,a,span,div,input,textarea,select,button,table{font-family:'Noto Sans KR', sans-serif; line-height:1.6;}

#zTop { z-index:999999; position:fixed; width:100%; top:0; left:0; padding:0; min-height:2.4rem; background:rgba(0,0,0,0.5);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    backdrop-filter: blur(10px); }
#zTop.zBG { background:rgba(0,0,0,0.4); }
#zTop::after { content:'';display:table;clear:both; }
#zHead { z-index:50; position:relative; width:100%; height:200px; clear:both; }
#zHead::after { content:'';display:table;clear:both; }

.zSlide { position:fixed; left:0; right:0; height:200px; font-size:0; overflow:hidden; }
.zSlide>a { position:absolute; left:0; top:0; width:100%; height:100%; background:top center; background-size:cover; display:block; }

#zLogin { position:absolute; z-index:98; top:0.5rem; right:0; }
#zLogin>ul { list-style:none; }
#zLogin>ul>li { padding:0 0.2rem 0; float:left; }
#zLogin>ul>li:first-child { background:none; }
#zLogin>ul>li>a { text-decoration:none; font-size:0.7rem; color:#fff; font-weight:400;  }
#zLogin>ul>li>a>img { margin:-0.3rem 0 0 0.3rem; height:2rem; vertical-align: middle; }

#zMenuBtn { position:absolute; top:0.2rem; left:0.2rem; z-index:99; }
#zMenuBtn img { height:2rem; }

#zGNB { position:relative; z-index:97; }
#zGNB ul { list-style:none; }
#zGNB>ul { position:relative; padding:2.6rem 0 0.3rem; }
#zGNB>ul>li { position:relative; padding:0 0.2rem; }
#zGNB>ul>li:first-child { background:none; }
#zGNB>ul>li>a { text-decoration:none; font-size:1rem; color:#fff; font-weight:700; }
#zGNB>ul>li>ul { position:relative; left:0; padding:0.5rem 0; display:none; background:#fff; }
#zGNB>ul>li>ul>li { position:relative; padding:0 1rem 0.1rem; }
#zGNB>ul>li>ul>li:hover { background:#eee; }
#zGNB>ul>li>ul>li>a { text-decoration:none; font-size:0.75rem; color:#777; font-weight:400; white-space:nowrap; }
#zGNB>ul>li>ul>li:hover>a { color:#333; }

#zSNB { padding:1rem 0 0 0; clear:both; }
#zSNB ul { list-style:none; margin:0; padding:0; }
#zSNB li { margin:0; padding:0; }
#zSNB a { text-decoration:none; display:block; }
#zSNB>ul { width:100%; background:#eee; clear:both; }
#zSNB>ul>li { float:left; padding:0; margin:0 -1px -1px 0; }
#zSNB>ul>li>a { font-size:0.75rem; padding:0.5rem; color:#333; border:solid rgba(255,255,255,.5) 1px; 
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
#zSNB>ul>li>a:hover { background:#ccc; }
#zSNB>ul>li.selected>a { background:#fff; border-top:solid #eee 1px; }
#zSNB>ul>li:first-child>a { background:#b89369; color:#fff; font-weight:bold; padding:0.5rem 1rem; }
#zSNB>ul::after { content:'';display:table;clear:both; }

h3.zNowTitle { text-align:center; }
h3.zNowTitle a { text-decoration:none; color:#777; padding:0 1rem; border-left:1px solid #ccc; border-right:1px solid #ccc; }

#zMain { z-index:50; position:relative; min-height:500px; margin:0; padding:0; background:#fff; clear:both; }
#zMain::after { content:'';display:table;clear:both; }

div.zTabMenu { clear:both; }
div.zTabMenu>ul { margin:0; padding:0; list-style:none; }
div.zTabMenu>ul>li { margin:0 1px 0 0; padding:0; float:left; }
div.zTabMenu>ul>li>a { display:inline-block; margin:0.3rem 0 -0.3rem; padding:0.5rem 1rem; background:#999; text-decoration:none; color:#fff; border-top-right-radius:0.5rem; border-top-left-radius:0.5rem;}
div.zTabMenu>ul>li>a.active { margin:0; background:#b89369; }
div.zTabMenu>ul>li>a:hover { margin:0; background:#ff0000; }
div.zTabMenu::after { content:'';display:table;clear:both; }


.zContent { margin-bottom:1rem; padding:1rem 0; font-size:1rem; color:rgba(50,50,50,1); overflow:hidden; }
.zContent::after { content:'';display:table;clear:both; }

.zContent h2 { clear:both; text-align:center; background:url('img/line_v_12_g.png') bottom center no-repeat; padding-bottom:0.5rem; margin-bottom:0; }

.zPage h3 { clear:both; text-align:center; background:url('img/line_v_12_g.png') bottom center no-repeat; padding-bottom:0.5rem; margin-bottom:0; }
.zPage h5 { clear:both; text-align:center; font-size:1rem; padding:0 0.5rem; }
.zPage h5>span { font-size:0.75rem; color:#777; }
.zPage>p { padding:0; text-align:left;}
.zPage p { padding:1rem 1rem 0; text-align:justify; }
.zPage p>a>img { width:auto; margin:0; }
.zPage ul { padding:0 3rem; list-style:circle; }
.zPage ul>li { padding-top:1rem; }
.zPage ul>li span { color:#ccc; }
.zPage img { width:100%; margin-bottom:1rem; }
.zPage table { width:100%; font-size:1rem; border-collapse:collapse; border:0; border-bottom:solid #999 1px; }
.zPage table tr { }
.zPage table tr>th { background:#333; color:#eee; white-space:nowrap; }
.zPage table tr>td { padding:0 1rem; border-top:solid #eee 1px; }
.zPage table tr>td:nth-child(1) { text-align:center; background:#ccc;  }

.zPage .zWide>img { width:100%; clear:both; }

figure.zPic { position:relative; }
figure.zPic > img  {  }
figure.zPic > figcaption { position:absolute; right:0.5rem; top:0.3rem; font-size:0.9rem; color:#081e34; }

.css_qtnanum h2 { margin-bottom:1rem; }

.css_timetable .zContent ul { padding-top:1rem; }
.css_timetable .zContent ul>li { padding-top:0; }

.css_people .zContent { padding:1rem;  }
.css_people .zContent img { width:120px; float:left; margin-right:1rem; border-radius:0.5rem;  }
.css_people .zContent ul { list-style:none; padding:0;  }
.css_people .zContent ul>li { clear:both; width:100%;  }
.css_people .zContent ul>li>div { font-size:0.75rem; padding-top:0.5rem;  }
.css_people .zContent .zNone { color:rgba(255,255,255,0); }

.css_map .zContent ul { padding:0.5rem 3rem; }
.css_map .zContent ul li { padding-top:0.5rem; }

.css_newfamily .zContent ul { padding-top:1rem; }
.css_newfamily .zContent ul>li { padding-top:0;  }
.css_newfamily .zContent a.zBtn { margin-top:2rem;  }

.css_joycourse .zContent ul { padding-top:1rem; }
.css_joycourse .zContent ul>li { padding-top:0;  }
.css_joycourse .zContent a.zBtn { margin-top:2rem;  }
.css_joycourse .zContent table { margin-left:1rem; margin-top:0.5rem; width:90%; font-size:0.9rem; }
.css_joycourse .zContent table td { line-height:1.3; padding:0.5rem; }

.css_tcourse .zContent ul { padding:0.5rem 3rem; }
.css_tcourse .zContent ul li { font-size:0.75rem; padding-top:0; }
.css_tcourse .zContent ul li b { font-size:0.9rem; }
.css_tcourse .zContent ul li span { color:#888;  }

.css_mission_kr .zContent ul { padding:0.5rem 3rem; }
.css_mission_kr .zContent ul li { padding-top:0; }
.css_mission_kr .zContent table { margin:1rem; width:95%; }

.css_mission_overseas .zContent ul { padding:0.5rem 3rem; }
.css_mission_overseas .zContent ul li { padding-top:0; }
.css_mission_overseas .zContent table { margin:1rem; width:95%; }

.css_mission_social .zContent ul { padding:0.5rem 3rem; }
.css_mission_social .zContent ul li { padding-top:0; }
.css_mission_social .zContent table { margin:1rem; width:95%; }

.css_school .zContent table { margin-top:1rem; }
.css_school .zContent table td { text-align:center;  }
.css_school .zContent table tr>td:nth-child(1) { background:none; }
.css_school .zContent h3 small { font-size:0.7em; font-weight:400; }
.css_school .zContent h4 { text-align:center; font-size:0.85em; margin:0.5rem 0 0 0; }
.css_school .zContent h4 small { font-weight:400; }
.css_school .zContent ul { padding:0.5rem 3rem; }
.css_school .zContent ul li { padding-top:0; }
.css_school .zContent div.zWide > img { margin-bottom:3rem; }

.css_online .zContent ul { padding:0.5rem 3rem; }
.css_online .zContent ul li { padding-top:0; }

.css_bjschool .zContent a.zBtn { background:#555; width:60%; margin:0 20%; border-radius:1rem; }
.css_bjschool .zContent a.zBtn:hover { background:#111; }

.css_live_worship .zContent a.zBtn { background:#555; width:60%; margin:0 20%; border-radius:1rem; margin-top:1rem; }
.css_live_worship .zContent a.zBtn:hover { background:#111; }

#zTail { z-index:30; position:relative; }
#zTail::after { content:'';display:table;clear:both; }

#zBottom { clear:both; padding:0 0 3rem 0; border-top:solid #ccc 1px; }
#zBottom::after { content:'';display:table;clear:both; }
#zBottom .zInfo { margin:1rem 0; text-align:center; font-size:0.75rem; color:#777; }
#zBottom .zLogoBottom { text-align:center; }

#zIndex { width:100%; min-height:50px; clear:both; overflow:hidden; background:#fff; }
#zIndex h3 { font-size:1rem; }
.zBox { width:100%; height:50px; clear:both; }
.zOver:hover { background:#222; }

.zBoxR { border-radius:0.7rem; background:#fff; font-size:0.9rem; color:#444; width:5rem; margin:0 auto; text-align:center; }

a.zBtn { width:100%; display:block; line-height:50px; vertical-align:middle; text-decoration:none; color:#fff; text-align:center; font-size:1rem; }
a.zBtn strong { font-weight:700; }

a.zBtnR { margin:1rem auto; width:40%; display:block; line-height:50px; vertical-align:middle; background:#999; border-radius:0.5rem; text-decoration:none; color:#fff; text-align:center; font-size:1rem; }
a.zBtnR strong { font-weight:700; }

#zIndex .zC01 { float:left; width:50%; }
#zIndex .zC02 { float:left; width:100%; }
#zIndex .zC03 { float:left; width:100%; }
#zIndex .zRow { float:left; width:100%; }

#zIndex.z01 {  }
/* #zIndex.z01 { background:url('img/index_bg_00.png'); } */
#zIndex.z01::after { content:'';display:table;clear:both; }

#zIndex.z01 .zC02 .document_box { width:100%; text-align:center; clear:both; }
#zIndex.z01 .zC02 .document_box a { text-decoration:none; font-size:1rem; color:#fff; line-height:1;}
#zIndex.z01 .zC02 .document { width:100%; text-align:center; color:#fff; margin:0; padding:1rem 0 0 0; }
#zIndex.z01 .zC02 span.zText { width:100%; text-align:center; color:#fff; font-size:0.75rem; }
#zIndex.z01 .zC02 span.zLine { width:100%; text-align:center; color:#fff; font-size:0.5rem; }
#zIndex.z01 .zC02 span.zPastor { width:100%; text-align:center; color:#fff; font-size:0.75rem; }
#zIndex.z01 .zC02 .regdate { width:100%; text-align:center; color:#fff; font-size:0.5rem; }
#zIndex.z01 .zC02 .more { border-radius:0.7rem; background:#fff; width:4rem; margin:1rem auto 0; }
#zIndex.z01 .zC02 .more a { font-size:0.9rem; color:#30373f; }

#zIndex.z01 .zC02 .zBtn { margin:0; }
#zIndex.z01 .zC02 .zBtn a { border-radius:0.7rem; background:#fff; width:4rem; margin:1rem 0.2rem 0; font-size:0.9rem; color:#30373f; line-height:1.6; padding:0 1rem; }
#zIndex.z01 .zC02 .zBtn a:hover { background:#d21f3c; color:#fff; }

#zIndex.z01 .zIntro .zBtn { background:#222; height:100px; padding-top:1rem; line-height:1.1; }
#zIndex.z01 .zIntro .zDes { margin:0.5rem 1rem; height:1rem; overflow:hidden; font-size:0.75rem; }
#zIndex.z01 .zIntro .zMore { margin:0.5rem auto 0; border-radius:0.7rem; background:#fff; width:4rem; font-size:0.9rem; color:#30373f; line-height:1.6; padding:0 1rem;  }

/*

#zIndex.z01 .zBox:nth-child(3n+0) a.zBtn { background:#333; }
#zIndex.z01 .zBox:nth-child(3n+1) a.zBtn { background:#555; }

*/

#zIndex.z01 .zBox { border-bottom:solid rgba(90,90,90,0.9) 1px; }
#zIndex.z01 .zBox { background: linear-gradient(90deg, rgba(126,138,151,1) 0%, rgba(126,138,151,1) 97%, rgba(80,80,80,1) 100%); }
#zIndex.z01 .zBox.zLiveRe { background: linear-gradient(90deg, rgba(96,108,121,1) 0%, rgba(96,108,121,1) 97%, rgba(70,70,70,1) 100%); }
#zIndex.z01 .zBox a.zBtn:hover { background: rgba(80,80,80,1); }

/* hover 일 때만 레드 색상 */
#zIndex.z01 .zBox.zLive .zBtn { background:var(--zbgbtnover); }
#zIndex.z01 .zBox.zLive .zBtn:hover { background: linear-gradient(90deg, rgba(210,30,60,1) 0%, rgba(210,30,60,1) 97%, rgba(100,15,30,1) 100%) !important; }

#zIndex.z01 .zBox a.zBtn h4 { font-size:1rem; font-weight:500; margin:0.5rem 0 0 0; padding:0; }
#zIndex.z01 .zBox a.zBtn h5 { font-size:0.5rem; font-weight:500; margin:0; padding:0; }

#zIndex.z01 .zTimeTable a.zBtn { height:100px; }
#zIndex.z01 .zLocation a.zBtn { height:100px; }
#zIndex.z01 .zC01 .zBoxR { margin-top:0.7rem; }

#zIndex.z01 .zC02 .zBox { clear:none; border-bottom:solid #444 1px; text-align:center; background:var(--zbgbtn); width:50%; float:left; }
#zIndex.z01 .zC02 .zBox>img { float:left; }
#zIndex.z01 .zC02 .zBox h3 { background:url('img/line_v_12_g.png') bottom center no-repeat; margin:0; padding:1rem 0 0; height:2rem; color:#ccc; }
#zIndex.z01 .zC02 .zBox p { width:100%; margin:0; padding:1rem 0; }
#zIndex.z01 .zC02 .zBox ul { width:100%; margin:0; padding:1rem 1rem 0; list-style:none; }
#zIndex.z01 .zC02 .zBox ul li { text-align:left; font-size:0.8rem; }
#zIndex.z01 .zC02 .zBox ul li span.regdate { padding:0 0.5rem; margin-right:0.5rem; font-size:0.6rem; background:#888; border-radius:0.7rem; color:#333; }
#zIndex.z01 .zC02 .zBox ul li a { text-decoration:none; color:#ccc; }
#zIndex.z01 .zC02 .zBox ul li .zText { display:none; }
#zIndex.z01 .zC02 .zBox ul li .zPastor { display:none; }
#zIndex.z01 .zC02 .zBox a.more { display:inline-block; margin:0.75rem 0 0 0; padding:0 1rem; border-radius:0.7rem; text-decoration:none; background:#999; font-size:0.9rem; color:#fff; }
#zIndex.z01 .zC02 .zBox a.more:hover { background:#444; }

.zPastor2 { margin:0; padding:0; clear:both; }
.zPastor2::after { content:'';display:table;clear:both; }
.zPastor2 .zRow { position:relative; background:url('img/index_bg_02.png'); }
.zPastor2 .zRow div img { height:100px; }
.zPastor2 .zFlex { position:absolute; top:2.2rem; right:0.5rem; width:60%; display:flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; }
.zPastor2 .zFlex>div { text-align:center; flex-grow: 1; padding-left:3.5px; background:url('img/diag.png') left center no-repeat; background-size:3.5px 12.25px; }
.zPastor2 .zFlex>div:nth-child(1) { padding-left:0px; background:none; }
.zPastor2 .zFlex>div a { font-size:1rem; text-decoration:none; color:#aaa; }
.zPastor2 .zFlex>div a:hover { color:#fff; border-bottom:1px solid #fff; padding-bottom:1px; }


#zIndex.z02 { margin:1px 0 0 0; padding:0; clear:both; }
#zIndex.z02::after { content:'';display:table;clear:both; }
#zIndex.z02 .zC03 { background:url('img/index_bg_04.png'); }
#zIndex.z02 .zC03 .zBox { width:100%; height:11rem; text-align:center; clear:none; border-bottom:solid rgba(255,255,255,.2) 1px; }
#zIndex.z02 .zC03 .zBox .desc { font-size:0.8rem; padding:1rem 2rem 0; color:#fff; }
#zIndex.z02 .zC03 .zBox h3 { background:url('img/line_v_12.png') bottom center no-repeat; margin:0; padding:1rem 0 0; height:2rem; color:#fff; }
#zIndex.z02 .zC03 .zBox ul { width:100%; margin:1rem; list-style:none; }
#zIndex.z02 .zC03 .zBox ul li { text-align:left; font-size:0.8rem; }
#zIndex.z02 .zC03 .zBox ul li span.regdate { padding:0 0.5rem; margin-right:0.5rem; font-size:0.6rem; background:#fff; border-radius:0.7rem; color:#b89369; }
#zIndex.z02 .zC03 .zBox ul li a { text-decoration:none; color:#fff; }
#zIndex.z02 .zC03 .zBox a.more { display:inline-block; margin:0; padding:0 1rem; border-radius:0.7rem; text-decoration:none; background:#fff; font-size:0.9rem; color:#b89369; }
#zIndex.z02 .zC03 .zBox a.more:hover { background:#333; }

#zIndex.z02 .zLatestBox { float:left; width:33.3%; text-align:center; color:#fff; background:url('img/line_12.png') left center no-repeat; background-size:1px 60px; }
#zIndex.z02 .zLatestBox:first-child { background:none; }
#zIndex.z02 .zLatestBox h3 { background:url('img/line_v_12.png') bottom center no-repeat; height:3rem;  }
#zIndex.z02 .zLatestBox span.title { font-size:1rem; font-weight:500; line-height:2; }
#zIndex.z02 .zLatestBox span.content { font-size:0.75rem; }
#zIndex.z02 .zLatestBox a.more { display:inline-block; margin:1rem 0 0 0; padding:0 1rem; border-radius:0.7rem; text-decoration:none; background:#fff; font-size:0.9rem; color:#b89369; }
#zIndex.z02 .zLatestBox a.more:hover { }

#zIndex.zPhoto { position:relative; clear:both; }
#zIndex.zPhoto::after { content:'';display:table;clear:both; }
#zIndex.zPhoto .zCol { width:100%; }
#zIndex.zPhoto .zCol .zBox { width:100%;
    height:auto; float:left; margin:0; padding:0;  background:url('img/index_bg_04.png'); }

#zIndex.zPhoto .zCol .zBox h3 { text-align: center; background:url('img/line_v_12.png') bottom center no-repeat; margin:0; padding:1rem 0 0; height:2rem;  }
#zIndex.zPhoto .zCol .zBox h3 a { text-decoration:none; color:#fff; }
#zIndex.zPhoto .zCol .zBox .zLatestThumb { margin-top:1rem; clear:both; display:flex; }
#zIndex.zPhoto .zCol .zBox .zLatestThumb .row { display:flex; flex-wrap:wrap; flex-grow:1;}
#zIndex.zPhoto .zCol .zBox .zLatestThumb .col { flex-grow:1; min-width:150px; flex-basis:25%; overflow:hidden; }
#zIndex.zPhoto .zCol .zBox .zLatestThumb .col .subject { padding-left:1rem; text-align:left; height:1.3rem; white-space: nowrap;
}
#zIndex.zPhoto .zCol .zBox .zLatestThumb .col .subject a { text-decoration:none; color:#fff;  font-size:0.8rem; text-wrap:nowrap;  }
#zIndex.zPhoto .zCol .zBox .zLatestThumb .col .regdate { padding:0 0.5rem; margin-right:0.5rem; font-size:0.6rem; background:#fff; border-radius:0.7rem; color:#b89369;  }
#zIndex.zPhoto .zCol .zBox .zLatestThumb .col .thumbnail { padding:0.1rem 0 0 0; text-align:center; }
#zIndex.zPhoto .zCol .zBox .zLatestThumb .col .thumbnail img { width:100%; aspect-ratio: 16 / 9;
    object-fit: cover; }

#zIndex.zBoard { position:relative; min-height:200px; clear:both; }
#zIndex.zBoard .zCol { width:100%; background:#e0e0e0; }
#zIndex.zBoard .zCol:nth-child(even) { background:#eee; }
#zIndex.zBoard .zCol .zBox { text-align:center; clear:none; min-height:11.5rem; }
#zIndex.zBoard .zCol .zBox .desc { font-size:0.8rem; padding:0 2rem; color:#555; }
#zIndex.zBoard .zCol .zBox h3 { background:url('img/line_v_12_g.png') bottom center no-repeat; margin:0; padding:1rem 0 0; height:2rem; color:#333; }
#zIndex.zBoard .zCol .zBox p { width:100%; margin:0; padding:1rem 0; }
#zIndex.zBoard .zCol .zBox ul { width:100%; margin:0; padding:1rem 1rem 0; list-style:none; }
#zIndex.zBoard .zCol .zBox ul li { text-align:left; font-size:0.8rem; }
#zIndex.zBoard .zCol .zBox ul li span.regdate { padding:0 0.5rem; margin-right:0.5rem; font-size:0.6rem; background:#888; border-radius:0.7rem; color:#fff; }
#zIndex.zBoard .zCol .zBox ul li a { text-decoration:none; color:#444; }
#zIndex.zBoard .zCol .zBox a.more { display:inline-block; margin:1rem 0 0 0; padding:0 1rem; border-radius:0.7rem; text-decoration:none; background:#999; font-size:0.9rem; color:#fff; }
#zIndex.zBoard .zCol .zBox a.more:hover { background:#333; }

#zIndex.z03 { position:relative; padding:0; min-height:640px; background:url('img/bottom_bg.png') center center; background-size:cover;  clear:both; }
#zIndex.z03::after { content:'';display:table;clear:both; }
#zIndex.z03 .zBox { background:rgba(250,250,250,1); text-align:center; border-bottom:solid #eee 1px; min-height:11rem; }
#zIndex.z03 .zBox h3 { background:url('img/line_v_12_g.png') bottom center no-repeat; margin:0; padding:1rem 0 0; height:2rem; }
#zIndex.z03 .zBox ul { margin:1rem; list-style:none; }
#zIndex.z03 .zBox ul li { text-align:left; font-size:0.8rem; }
#zIndex.z03 .zBox ul li span.regdate { padding:0 0.5rem; margin-right:0.5rem; font-size:0.6rem; background:#888; border-radius:0.7rem; color:#fff; }
#zIndex.z03 .zBox ul li a { text-decoration:none; color:#444; }
#zIndex.z03 .zBox a.more { display:inline-block; margin:0; padding:0 1rem; border-radius:0.7rem; text-decoration:none; background:#999; font-size:0.9rem; color:#fff; }
#zIndex.z03 .zBox a.more:hover { background:#444; }
#zIndex.z03 .zC01 { width:100%; }
#zIndex.z03 .zC02 { margin:0; width:100%; }
#zIndex.z03 .zC02 .zBox { width:100%; height:auto; float:left; margin:0; padding:0; clear:none; }
#zIndex.z03 .zC02 .zBox .zLatestThumb { margin-top:1rem; }
#zIndex.z03 .zC02 .zBox .zLatestThumb .row { display:flex; }
#zIndex.z03 .zC02 .zBox .zLatestThumb .col { flex-grow:1; min-width:150px; width:50%; }
#zIndex.z03 .zC02 .zBox .zLatestThumb .col .subject { padding-left:1rem; text-align:left; height:1.2rem; }
#zIndex.z03 .zC02 .zBox .zLatestThumb .col a { text-decoration:none; color:#444;  font-size:0.8rem;  }
#zIndex.z03 .zC02 .zBox .zLatestThumb .col .regdate { padding:0 0.5rem; margin-right:0.5rem; font-size:0.6rem; background:#888; border-radius:0.7rem; color:#fff;  }
#zIndex.z03 .zC02 .zBox .zLatestThumb .col div.thumbnail { padding:0.1rem 0 0 0; text-align:center; position:relative;
    width:100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    overflow:hidden; }
#zIndex.z03 .zC02 .zBox .zLatestThumb .col div.thumbnail img {
    width:100%;  }

.zTextBanner { width:100%; clear:both; }
.zTextBanner>ul { display:flex; width:100%; list-style:none; }
.zTextBanner>ul>li { background: linear-gradient(45deg, rgba(30,30,30,1), rgba(100,100,100,1)); width:50%; float:left; }
.zTextBanner>ul>li:hover { background:rgba(0,0,0,.9); }
.zTextBanner>ul>li>a { text-align:center; padding:0.5rem 0; width:100%; text-decoration:none; display:inline-block; color:#fff; font-size:1rem; }
.zTextBanner>ul>li>a>h5 { display:none; }

.zBannerBtn { width:100%; clear:both; text-align:center; }
.zBannerBtn a { text-decoration:none; display:inline-block; color:#fff; background:rgba(126,138,151,1); padding:0.3rem 0.6rem; margin:0.05rem; }
.zBannerBtn a:hover { background:#444;  }
.zBannerBtn a span { font-size:0.5rem; }

.embed-fb-video { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }
.embed-fb-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.embed-youtube { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }
.embed-youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/* 글쓰기 모드일 때 경고 */
.zNoticeWrite { margin:1rem 0 0 0; padding:0.5rem; background:rgb(255,100,0); color:#fff; text-align:center; }
.zNoticeWrite h3 { margin:0; padding:0; }

/* XE 리디자인 */
#xeAdmin div.header4 ul.localNavigation { }
#xeAdmin div.header4 ul.localNavigation li { }
#xeAdmin div.header4 ul.localNavigation li a { padding:0.2rem 0.5rem; background: linear-gradient(0deg, rgba(220,220,220,1) 0%, rgba(240,240,240,1) 15%, rgba(240,240,240,1) 100%); }
#xeAdmin div.header4 ul.localNavigation li.on a { background: #fff; }

div.boardInformation { font-size:0.75rem; }
div.boardInformation ul.accountNavigation { }
div.boardInformation ul.accountNavigation li.setup,
div.boardInformation ul.accountNavigation li.admin { overflow:hidden; width:12px; font-size:12px; }

div.readBody { }
div.readBody div.contentBody .xe_content { font-size:0.8rem !important; }

table.boardList { font-size:0.8rem; }
table.boardList a { color:#eee; }
table.boardList tr>th { padding:0; }
table.boardList tr>td { padding:0.2rem; }
table.boardList tr>td:nth-child(1) { background:none; }
table.boardList tr>td img { width:auto; margin:0;  }

div.viewDocument { }
div.boardRead { }
div.boardRead div.readHeader { }
div.boardRead div.readHeader div.titleAndUser {  }
div.boardRead div.readHeader div.titleAndUser div.userInfo { font-size:0.75rem; }
div.boardRead div.readHeader div.dateAndCount { font-size:0.75rem; }


#zIndex.z03 .zC02 .zBox .zLatestThumb .col div.thumbnail::after,
#zIndex.zPhoto .zCol .zBox::after {
    content: "";
    display:block;
    clear:both;
    height:0;
}