@charset "utf-8";

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio,button {margin:0; padding:0; border:0; font-family:Lato, "NotoSans", "Apple SD Gothic Neo", 맑은고딕, 'Malgun Gothic', sans-serif; color:#333;box-sizing:border-box;}
html, body {height:100%}
body{font-size:16px;line-height:1.4;-webkit-text-size-adjust:none;text-size-adjust:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ol, ul {list-style:none}
ol:after, ul:after {display:block;clear:both;content:''}
img {border:none;}
a {color:#333; text-decoration:none;}
h1, h2, h3, h4, h5, h6 {font-style:normal; letter-spacing:-1px;}
table {border-collapse:collapse;}
hr {border:none;}
em {font-style:normal; font-weight:bold;}
.off {display:none;}
.txtC{text-align:center;}
.txtR{text-align:right;}
.txtL{text-align:left;}

.padL20{padding-left:20px !important;}
.marB20{margin-bottom:20px !important;}

input[type='text'] {line-height:28px; height:30px; vertical-align:top}
input:-webkit-autofill {-webkit-box-shadow:0 0 0 30px white inset;}
input[type='text'], select {border:1px solid #555; font-size:14px;}
input[type='text'] {padding:0 10px; line-height:30px; height:30px;}
input[type='text']:focus {border:1px solid #17a8cc;}
input[type='submit'] {padding:0 20px; line-height:28px; height:32px; border:none; vertical-align:top; background-color:#4CAF50; color:#fff;}
input[type='password'] {padding:0 10px; border:1px solid #555; color:#727171; line-height:30px; height:30px;}
input[type='password']:focus {border:1px solid #17a8cc;}
input[type='radio'],input[type='checkbox'] {border:0; height:auto; line-height:30px; vertical-align:middle}
select {padding-left:10px; line-height:28px; height:32px; width:74px;}
select::-ms-expand {display:none;}
label {margin:0 30px 0 7px; cursor:pointer; font-size:13px;}
textarea {font-family:'Nanum Square', sans-serif; font-size:15px; border:1px solid #555; padding:10px; vertical-align:middle; line-height:30px; resize:none;}
button {cursor:pointer;background:#fff;}
textarea:focus, input:focus, button:focus {outline:none;}
button::-moz-focus-inner {padding:0; border:0;}
.btnLine {font-weight:bold; border:none; white-space:nowrap; text-align:center; padding:0 40px; line-height:28px; height:32px; border:2px solid #333; vertical-align:top; background:#fff;}
.btnBlack {padding:0 10px; line-height:28px; height:32px; border:none; vertical-align:top; background-color:#4d4d4d; color:#fff; cursor:pointer;}
.btnGreen {padding:0 10px; line-height:28px; height:32px; border:none; vertical-align:top; background-color:#4CAF50; color:#fff; cursor:pointer;}
.btnBlue {padding:0 10px; line-height:28px; height:32px; border:none; vertical-align:top; background-color:#2196F3; color:#fff; cursor:pointer;}
.btnGray {padding:0 10px; line-height:28px; height:32px; border:none; vertical-align:top; background-color:#999; color:#fff; cursor:pointer;}
.btnBottom {margin-top:30px; text-align:center;}
.btnBottom button {padding:0 20px;}

audio::-internal-media-controls-download-button {display:none;}
audio::-webkit-media-controls-enclosure {overflow:hidden;}
audio::-webkit-media-controls-panel {width:calc(100% + 30px);}

.tab {overflow:hidden; background-color:#f1f1f1;}
.tab button {background-color:#d9d9d9; float:left; border:none; padding:12px 22px; transition:0.3s; font-size:17px; letter-spacing:-1px;}
.tab button:hover {background-color:#ddd;}
.tab button.on {background-color:#2196F3; color:#fff;}
.tabcontent {display:none; padding:40px 0;}

.searchFrm {position:absolute; top:10px; right:0;}
/*기본테이블 리스트형*/
.tblList1 {width:100%;}
.tblList1 th {line-height:40px; border:1px solid #ddd; background-color:#2196F3; color:#fff;}
.tblList1 td {line-height:24px; padding:20px 0; border:1px solid #ddd;}
.tblList1 td em{word-break:keep-all;}
/* 테이블 리스트형 스타일 2 */
.tblList2 {width:100%;}
.tblList2 th .num, .tblList2 th {line-height:40px; color:#fff; background-color:#d2d2d2;}
.tblList2 th .title{color:#fff}
.tblList2 .num{display:table-cell;padding:0 30px 0 50px;text-align:center; height:100%;}
.tblList2 .title{display: table-cell;padding-left:20px;width: 100%;}
.tblList2 .writeday{padding-right:30px;text-align:right;white-space:nowrap;}
.tblList2 td {font-size:16px; line-height:24px; padding:20px 0; border-bottom:1px solid #ddd;}
.tblList2 .bbsContent {background-color:#fafafa;}
.tblList2 .bbsContent td{padding:20px 40px 40px; vertical-align:top; line-height:28px;}
.tblList2 .bbsTitle {cursor:pointer;}
.tblList2 .bbsTitle.on {font-weight:bold; font-size:18px;}
.tblList2 .edit {color:#4CAF50; font-weight:bold;}
/* 테이블 리스트형 스타일 3 */
.tblview3 {width:100%; border-bottom:3px solid #ddd;}
.tblview3 th {line-height:40px; font-size:20px !important; background:#4CAF50; color:#fff;}
.tblview3 td {padding:40px 0}
/* 테이블 리스트형 스타일 4 :예배말씀 */
.tblList4 {width:100%;}
.tblList4 th {line-height:40px; color:#fff; background-color:#4CAF50;}
.tblList4 th:first-child {border-top-left-radius:5px; border-bottom-left-radius:5px;}
.tblList4 th:last-child {border-top-right-radius:5px; border-bottom-right-radius:5px;}
.tblList4 td {font-size:15px; line-height:24px; padding:10px 0; border-bottom:1px solid #ddd;}
.tblList4 .bbsContent {background-color:#ececec;}
.tblList4 .bbsContent td:nth-of-type(1) {padding-top:20px; text-align:center; vertical-align:top}
.tblList4 .bbsContent td:nth-of-type(1) span {display:inline-block; margin-bottom:10px;}
.tblList4 .bbsContent td:nth-of-type(2) {padding:12px 46px 30px 0; line-height:32px;}
.tblList4 .bbsTitle {cursor:pointer;}
.tblList4 .bbsTitle.on {font-weight:bold; font-size:18px;}
.tblList4 .edit {color:#4CAF50; font-weight:bold;}

/* 테이블 쓰기형 스타일 3 */
.tblList3 {width:100%;}
.tblList3 th {padding:0; width:140px; text-align:left; line-height:36px; vertical-align:top;}
.tblList3 td {padding:4px 0;}
.tblList3 td .width {width:740px;}
.tblList3 label {display:inline-block; font-size:16px !important; margin:5px 22px 10px 0;}
.tblList3 .ps {color:#329bd7; line-height:32px;}
.tblList3 .infoTxt {padding:5px 10px; font-size:14px; color:red}

#wrap {position:relative; height:100%;}
#subWrap{margin:50px auto 0; width:1200px; min-height:500px;}
#subWrap h4 {width:100%; margin-bottom:20px; text-align:left;}
#subWrap h4 em {padding-bottom:6px; line-height:24px; font-size:19px;}

section {margin:0 auto 100px;}
section .bgGray {padding:60px 0; background:#efefef }

footer {position:relative; bottom:0; width:100%; min-width:1200px; background:#545454;}
footer ol {margin:0 auto;width:1200px;padding-top:30px;}
footer ol li {float:left;margin-right:40px;}
footer ol li:last-child {margin-right:0}
footer ol a {color:#ddd; border:1px solid #999; padding:3px 15px 5px; font-size:14px; border-radius:20px;}
footer ul {margin:0 auto; padding:40px 0 60px;width:1200px;}
footer ul li {line-height:30px; color:#fff; }
footer ul li em {padding-left:7px;color:#add8ff; font-weight:300;}
footer ul li span {color:#fff; font-weight:300;}
footer ul li span:nth-of-type(1) {margin-right:40px;}
footer ul li:nth-of-type(3), footer ul li:nth-of-type(4) {color:#a2a2a2;}
footer .goTop {display:none; position:fixed; right:30px; bottom:30px; width:45px; height:45px; border:1px solid #ddd; border-radius:100%; background:#555 url('../image/btn_goTop.png'); background-size:100%; text-indent:-99999px;}

.gnbWrap {position:relative; top:0; left:0; width:100%; min-width:1200px; z-index:5; background:#fff;}
.gnbArea {position:relative; margin:0 auto; max-width:1200px; height:80px; background:#fff}
.gnbArea h1 {position:relative; top:0; left:0; z-index:2; height:100%;}
.gnbArea h1 > a {display:inline-block; width:212px; height:100%; background:url('../image/ci_chamdoen01.png') no-repeat 0 50%; background-size:90% auto; text-indent:-99999px;}
.gnbArea h1 button {display:none; position:absolute; top:0; height:100%; text-indent:-9999px;}
.gnbArea h1 .allMenu {left:0; width:60px; background:url(../image/btn_all_menu.png) no-repeat 50% 50%; background-size:22px auto;}
.gnbArea h1 .youtube {right:0; width:60px; background:url(../image/btn_youtube.png) no-repeat 50% 50%; background-size:24px auto;}
.gnbWrap .subLine {position:absolute; top:0; z-index:1; width:100%; height:80px; background:#fff; border-bottom:1px solid #ddd;text-indent:-9999px; transition:0.1s; box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 5px 2px;}

h1.anv31 {overflow:hidden; width:280px; height:83px; background:url('../image/logo_anv31.png') no-repeat 0 50%;}

/* PC :Main Menu */
#category {position:absolute; top:0; right:0; z-index:2; left:auto}
#category::after {clear:both;content:'';display:block;}
#category .menu {float:left; position:relative; height:80px; width:160px;}
#category .menu:nth-of-type(3) {width:150px}
#category .menu:last-child {width:auto}
#category .menu h2 {background:#fff; position:relative; z-index:3; top:0px; padding-top:20px;}
#category .menu:last-child h2 {padding-right:0;}
#category .menu h2 a {display:inline-block; line-height:60px; height:58px; font-size:20px; font-weight:bold; }
#category .menu h2 a.on {border-bottom:2px solid #000;}
#category .menu ul {position:relative; top:-1000px; z-index:1; padding-top:24px; padding-bottom:20px; width:100%; transition:0.1s;}
#category .menu ul li {padding-bottom:15px;}
#category .menu ul li>a {padding-bottom:2px; letter-spacing:-1px;}
#category .menu ul li>a:hover {border-bottom:1px solid #333}
/* MOB :Main Menu */
#lnbWrap {overflow:hidden;position:fixed;top:0;left:-1136px;z-index:10;width:100%;height:100%;background:#fff;}
#lnbWrap.on::before {position:fixed;top:0;left:0;z-index:0;content:'';width:100%;height:100%;background-color:rgba(0,0,0,0.2);}
#lnbWrap .lnbTop {overflow-y:auto;position:fixed;top:0;z-index:2;width:100%;height:100%;background:#fff;}
#lnbWrap .topArea {width:100%;color:#fff;background:#000;}
#lnbWrap .topArea p {margin:0 15px;padding:15px 0 15px 10px;color:#fff;}
#lnbWrap .topArea .btnClose {position:absolute;top:0;right:0;width:50px;height:50px;background:url('../image/btn_close.png') no-repeat 50% 50%;background-size:20px auto;text-indent:-9999px;}
#lnbWrap .topArea + img {padding-top:40px;}
#lnbWrap .menu {position:relative; width:100%; background-color:#fff;}
#lnbWrap a {display:block;}
#lnbWrap h2 {padding: 12px 0 12px 25px; font-size:17px; font-weight:700; border-bottom:1px solid #efefef;background:url(../image/icon_lnb_down.png) no-repeat 100% 50%;background-size:30px auto;}
#lnbWrap h2.on {background:url(../image/icon_lnb_up.png) no-repeat 100% 50%;background-size:30px auto;}
#lnbWrap ul {display:none;padding-top:5px;background:#f3f3f3;}
#lnbWrap ul li:last-child a {padding-bottom:50px;border-bottom:1px solid #f5f5f5;}
#lnbWrap ul a {font-size:16px; padding:12px 0 12px 35px;}
/* PC :Sub Menu */
#subMenu {position:absolute; width:200px; }
#subMenu p {padding-bottom:15px; font-size:22px; font-weight:700;}
#subMenu a {display:block; padding:7px 0; font-size:16px; }

/* 메인 :예배설교, 교회영상, 앨범 */
#mainCont {margin:50px auto 0; width:1200px;}
#mainCont > li {float:left;}
#mainCont li.wordWrap {position:relative;width:843px; height:384px;background:url('../image/bg_minister_pc.jpg') no-repeat 100% 0; background-size:100% auto;}
#mainCont li.wordWrap ol {position:absolute; top:50%; left:57px; transform:translateY(-50%);}
#mainCont li.wordWrap ol .minister {font-size:24px;color:#fff;letter-spacing:-2px;}
#mainCont li.wordWrap ol .minister strong{font-weight:bold;color:#fff;margin-right:10px;}
#mainCont li.wordWrap ol .title {padding-top:30px;font-size:30px;color:#fff;font-weight:bold;}
#mainCont li.wordWrap ol .bible {padding-top:10px;font-size:20px;color:#fff;}
#mainCont li.wordWrap ol .bible em{color:#fff;font-weight:bold;}
#mainCont li.wordWrap ol .bible span{display:none;color:#e4e4ff}
#mainCont li.wordWrap ol .link {padding-top:50px; font-weight:300;}
#mainCont li.wordWrap ol .link button{padding:0 24px; height:40px; border:1px solid rgba(255,255,255,.7); border-radius:20px; color:#fff;font-size:15px; background-color:transparent; background-repeat:no-repeat; font-weight:bold;}
#mainCont li.wordWrap ol .link .video {margin-right:14px;}
/*
#mainCont li.wordWrap ol .link .video button{margin-right:20px; background-image:url('../image/icon_main_video.png'); background-position:7px 7px}
#mainCont li.wordWrap ol .link .list button{background-image:url('../image/icon_main_list.png'); background-position:7px 7px}
*/
#mainCont li.rBanner {position:relative; margin-left:40px; width:317px; }
#mainCont li.rBanner > div {overflow:hidden; position:relative; height:172px;font-size:22px; font-weight:bold; color:#fff;background-repeat:no-repeat; background-position:0 0; background-size:100% auto; border:1px solid #cdcdcd;}
#mainCont li.rBanner > div img {width:100%;}
#mainCont li.rBanner .welcome{margin-bottom:40px;background-image:url('../image/bann_main1.jpg');}
#mainCont li.rBanner .welcome span {color:#15493d;}
#mainCont li.rBanner .news{background-image:url('../image/bann_main3.jpg');}
#mainCont li.rBanner a {position:absolute; top:0; left:0; width:100%; height:100%;}
#mainCont li.rBanner a span {display:inline-block; padding:7px 20px; font-size:21px; box-shadow:0px 0px 15px 5px rgba(0,0,0,.2); background-color:#fff; border-bottom-right-radius:20px;}

#bBanner{display:flex; margin:50px auto 0;width:1200px;}
#bBanner li{float:left; margin-right:40px; width:270px; height:80px; line-height:80px; background:#edf1f4; border-bottom:1px solid #c5c5c5; background:#d8e5ff !important;}
#bBanner li:last-child {margin-right:0; }
#bBanner li a{position:relative; display:block; padding-left:120px; color:#333; font-size:21px; font-weight:bold; background-repeat:no-repeat; background-position:30px 50%;}
#bBanner li.welcome a{background-image:url('../image/icon_main_bann01.png');}
#bBanner li.news a{background-image:url('../image/icon_main_bann02.png');}
#bBanner li.school01 a{background-image:url('../image/icon_main_bann03.png');}
#bBanner li.mission01 a{background-image:url('../image/icon_main_bann04.png');}
#bBanner li.weekly a{background-image:url('../image/icon_main_bann05.png');}
#bBanner li.column a{background-image:url('../image/icon_main_bann06.png');}
#bBanner li.welcome, #bBanner li.news, .wordButton{display:none;}
#bBanner li.welcome{background:#adde9d}
#bBanner li.news{background:#91dcd8}
#bBanner li.school01{background:#9edaf7}
#bBanner li.mission01{background:#f8e48e}
#bBanner li.weekly{background:#d4c9f4}
#bBanner li.column{background:#f7b3b3}

#subContWrap {position:relative; margin-left:300px; width:900px;}
#subContWrap h3 {margin:0 0 50px 0;}
#subContWrap h3 > em {padding-bottom:6px; line-height:24px; font-size:24px; border-bottom:2px solid #000;}
#subCont{overflow-x:hidden}
#subCont p {line-height:30px;}
#subCont .welcome {padding-bottom:85vw; background:url('../image/welcome_minister.jpg') no-repeat right bottom / 100vw auto;}
#subCont .welcome p {padding-bottom:30px; max-width:700px;}
#subCont .welcome p span, #subCont .welcome p em{white-space:nowrap;}
#subCont .welcome p:nth-of-type(1) {font-size:17px; font-weight:bold;}
#subCont .welcome .sign {font-weight:bold}
#subCont .welcome .sign span {position:relative;}
#subCont .welcome .sign span::after {content:''; position:absolute; top:-50%; right:-128px; width:113px; height:46px; background:url('../image/welcome_sign.png') no-repeat 0 0 / 100% auto;}
#subCont .welcome .bHistory {margin-top:30px;}
#subCont .welcome .bHistory dt {margin-bottom:10px; padding:7px; font-size:1.2rem; border-top:1px dashed #d5d5d5; border-bottom:1px dashed #d5d5d5;}
#subCont .welcome .bHistory dd {position:relative; padding-top:7px; padding-left:13px;}
#subCont .welcome .bHistory dd::before {content:'-'; position:absolute; top:5px; left:0; color:#aaa;}
@media only screen and (min-width:768px) {
	#subCont .welcome {padding-bottom:55vw; background-size:71vw auto;}
}
@media only screen and (min-width:1000px) {
	#subCont .welcome {padding-bottom:43vw; background-position:48% 100%; background-size:70% auto;}
}
@media only screen and (min-width:1220px) {
	#subCont .welcome {padding-bottom:6%; background-position:110% 28%; background-position:112% 28%; background-size:617px auto;}
	#subCont .welcome p {word-break:keep-all;}
	#subCont .welcome .greeting {padding-right:350px;}
}

#subCont .history {margin-bottom:50px;}
#subCont .history .tabcontent div {display:table; width:100%; margin-bottom:20px;}
#subCont .history .tabcontent div span {display:table-cell; width:150px; padding-top:6px; color:#999; font-weight:bold;}
#subCont .history .tabcontent div span em {margin-right:5px; letter-spacing:1px; color:#2196F3;}
#subCont .history .tabcontent div p {display:table-cell; padding-left:30px;}

#subCont .disciples > div:first-child {display:block;}
#subCont .disciples .blue {padding-bottom:30px; color:#245ed4; font-weight:bold;}
#subCont .pastor {overflow:hidden; margin:0 0 50px 0; padding:20px; border:1px solid #eee;}
#subCont .pastor::after{content:'';display:block;clear:both}
#subCont .pastor div {float:left;}
#subCont .pastor div img {width:160px; border-radius:5px;}
#subCont .pastor p {margin:0 0 0 220px;}
#subCont .pastor p:nth-of-type(1) {padding-bottom:5px; border-bottom:1px solid #eee; font-weight:bold;}
#subCont .pastor p:nth-of-type(2) {padding-top:15px; font-size:15px; line-height:26px;}
#subCont .pastor p em {margin-right:20px; color:#2196F3;}
#subCont .group {display:inline-block}
#subCont #tab02 .group {display:block;}
#subCont .disciple2:after {display:block; clear:both; content:''}
#subCont .disciple1 {float:left; width:422px; margin:0 0px 30px 20px; }
#subCont .disciple1::after{content:'';display:block;clear:both}
#subCont .disciple1:nth-child(2n) {margin-right:0;}
#subCont .disciple1 div {float:left;}
#subCont .disciple1 div img { width:160px; border-radius:5px;}
#subCont .disciple1 p {float:left; margin:0 10px 0 40px; width:190px;}
#subCont .disciple1 p:nth-of-type(1) {border-bottom:1px solid #eee; font-weight:bold;}
#subCont .disciple1 p:nth-of-type(2) {padding-top:8px; font-size:15px; line-height:24px;}
#subCont .disciple1 p em {margin-right:20px; color:#2196F3;}
#subCont .disciple2 {display:inline-block; margin:0 10px 45px;}
#subCont .disciple2 div img {width:154px; border-radius:5px;}
#subCont .disciple2 p {margin:0 0 5px 0; text-align:center; font-weight:bold;}
#subCont .disciple2 p em {margin-right:7px; color:#2196F3;}
#subCont .disciples #tab03 p {font-weight:bold;}
#subCont .disciples #tab03 em {display:inline-block; width:100px; color:#2196F3;}
#subCont .disciples .elders {padding-bottom:50px;}
#subCont .disciples .elders img {width:100%; border-radius:9px;}
@media (max-width:400px) {
	#subCont .disciple2 div img {width:146px}
}

#subCont .rule div:nth-of-type(1) {display:block;}
#subCont .rule .title {margin-bottom:30px; font-size:17px; font-weight:bold; color:#2196F3;}
#subCont .rule .group {margin-bottom:30px;}
#subCont .rule .group p:nth-of-type(1) {font-weight:bold; font-size:18px; padding:3px 0 3px 0;}
#subCont .rule .group p:nth-of-type(2), #subCont .rule .group p:nth-of-type(3) {padding-left:42px}
#subCont .rule .group p span {font-weight:normal; font-size:16px;}
#subCont .rule .group dl {margin-left:20px;}
#subCont .rule .group dt {font-size:17px; font-weight:bold; line-height:45px;}
#subCont .rule .group dd {margin-left:20px; line-height:30px;}

#subCont .time {text-align:center; margin-bottom:50px;}
#subCont .time td[rowspan]{background:#fff !important;}
#subCont .time tr:hover td{background:rgba(201, 221, 255, 0.5);}

#subCont .map {position:relative; margin:40px 0 50px 0; line-height:26px;}
#subCont .map p {margin-top:10px; line-height:40px; font-size:18px; font-weight:bold;}
#subCont .map ul {margin:0 0 30px 0;}
#subCont .map li {padding-left:22px; line-height:30px; background:url('../image/icn_dotBlack.png') no-repeat center left;}
#subCont .map em {display:inline-block; width:100px; margin-right:24px; background:url('../image/line_word.png') no-repeat center right; color:#2196F3;}
#subCont .navermap{text-align:right;margin-top:20px}
#subCont .navermap a{display:inline-block; padding:3px 10px; color:#1EC700;font-weight:700; font-size:14px;border:2px solid #1EC700; }
#subCont .navermap a:hover {background:#1EC700; color:#fff;}

#subCont .trans {margin-bottom:50px; word-break:keep-all;}
#subCont .trans p {font-size:18px; font-weight:bold; margin-bottom:7px; /*padding-left:16px; background:url('../image/icn_dotBlack.png') no-repeat center left;*/}
#subCont .trans p span {margin-left:10px; font-weight:normal; font-size:15px; color:#ff0000;}
#subCont .trans table {margin:0 0 40px 0;}
#subCont .trans th {width:100px; background-color:#6eade2;}
#subCont .trans td {padding-right:30px; padding-left:30px; font-weight:normal;}
#subCont .traffic_noti {margin:48px 0 40px; padding:20px; border-radius:10px; background:#eef6ff; font-size:15px;}

/* 비전 & CI */
#subCont .vision dt {margin:20px 0 20px 0; font-size:19px; font-weight:bold;}
#subCont .vision dt:first-child {margin-top:10px;}
#subCont .vision dd {text-align:justify; padding:0 0 10px 20px; line-height:30px;}
#subCont .vision dd em {margin-left:-10px; font-size:17px;}
#subCont .vision dd.blue {color:#2196F3; font-weight:bold; font-size:17px;}
#subCont .ci .ci_cont {display:block; text-align:center;}
#subCont .ci .ci_cont img {max-width:100%;}
#subCont .ci .ci_txt {margin-top:30px; padding:15px 20px; text-align:center; background-color:#ecf4ff; border-radius:9px;}
#subCont .ci .swiper {margin-top:50px;}
#subCont .ci .swiper img{width:100%}
#subCont .ci .swiper .swiper-slide {border:1px solid #d9d9d9;}
#subCont .vision.bann img {width:100%;}

/* 예배말씀 */
#subCont .gospel ul{display:table; margin-bottom:20px; width:100%; border:1px solid #ddd; background:#efefef; cursor:pointer;}
#subCont .gospel ul:hover{border:1px solid #777;}
#subCont .gospel ul.on{border:1px solid #6799f4; background:#ecf3ff;}
#subCont .gospel li{display:table-cell; vertical-align:middle;}
#subCont .gospel li:nth-of-type(1) {padding:0 20px; width:110px; text-align:center;color: #2196f3; font-weight: bold;}
#subCont .gospel li:nth-of-type(1) div{padding-bottom:5px; color:#999;}
#subCont .gospel li:nth-of-type(2){padding:0 20px 0 25px; background:#fff;}
#subCont .gospel li:nth-of-type(2) p{margin:24px 0 20px 0; padding-left:30px; display:inline-block; line-height:1.5; font-size:18px;font-weight:700; background:url('../image/icon_play.png') no-repeat 0 37%;}
#subCont .gospel li:nth-of-type(2) div{float:right;padding:10px 0 10px 30px;text-align: right; color: #999;}
#subCont .gospel li:nth-of-type(2) em{display: block; position:relative; padding-bottom:5px; white-space:nowrap; font-weight:normal}
/* 성경공부 */
#subCont .study div {margin-bottom:50px;}
#subCont .study img {width:100%}
/* 주일학교 */
#subCont .school{margin-bottom:70px;}
#subCont .school .photo {margin-bottom:30px;}
#subCont .school .photo img {width:100%; height:auto}
#subCont .school .blue {color:#245ed4; font-weight:bold; font-size:17px;}
#subCont .school .bold {font-weight:bold;}
#subCont .school .style3 {display:table; padding:10px 0; width:100%; border-bottom:1px dashed #e2e2e2;}
#subCont .school .style3 dt {display:table-cell; width:120px; line-height:28px; font-weight:bold;}
#subCont .school .style3 dd {display:table-cell; line-height:28px; }

#subCont .mission {margin-bottom:30px; border-top:3px solid #2196F3;}
#subCont .mission li {float:left; padding:15px 0 15px 20px; width:50%; border:1px solid #ddd; border-top:none;  list-style:inside decimal;}
#subCont .mission li:nth-of-type(even){border-left:none}
#subCont .mission li:hover {background-color:#f7fcff;}

/* 공동체소식 */
#subCont .news_video, #subCont .news_photo{padding:15px 0}
#subCont .news_photo img {max-width:100%}
/* #subCont .news_video:first-child{margin-top:30px;} */
#subCont .news_video iframe { width:100%; height:507px;}
/* #subCont .news_photo:first-child{margin-top:30px;} */
#subCont .file_down {text-align:right;}
#subCont .file_down a {margin:0 0 1px 5px; font-size:15px; border-bottom:1px solid #333;}
#subCont .file_down a:hover {color:blue; border-bottom:1px solid blue;}

/* 주보 */
#subCont .weekly a{position:relative; display:inline-flex; margin-bottom:40px; margin-right:7%; padding-left:12%; width:28%; line-height:75px; height:70px; font-size:20px; background:url('../image/bg_weekly.png') no-repeat 0 50%;}
#subCont .weekly a:nth-of-type(3n){margin-right:0}
#subCont .weekly a:before{position:absolute; left:0; top:0; content:''; width:100%; height:100%;border:1px solid #ddd; box-sizing:border-box;}
#subCont .weekly a:hover{color:#000;font-weight:bold;}
#subCont .weekly a:hover::before{border:1px solid #000;}


/*새가족 안내*/
#subCont .family .banner{padding:30px 50px; margin-bottom:40px; background-color:#ffe5e8; background-image:url('../image/bg_family.png'); background-repeat:no-repeat; background-position:97% 100%}
#subCont .family p:nth-of-type(1) {font-size:22px; color:#e6617a; line-height:50px; font-weight:700;}
#subCont .family p:nth-of-type(2) {font-size:17px;}
#subCont .family dt {font-weight:bold; }
#subCont .family dt em {display:inline-block; padding-bottom:7px; width:100%; font-size:18px; font-weight:700; border-bottom:1px dashed #d8d8d8;}
#subCont .family dd {padding:10px 0 50px 17px; line-height:30px; color:#777;}


.paging {margin-top:30px;}
.paging ul {display:inline-block;}
.paging li {overflow:hidden; float:left; width:40px; height:40px;}
.paging li a {display:block; height:40px; line-height:40px;}
.paging li.on a{font-weight:bold;background:rgba(0,0,0,0.05);}

#video .card {float:left; position:relative; margin:0 0 30px 0; width:48%; cursor:pointer}
#video .card:nth-child(2n-1){margin-right:4%}
#video:after{content:'';clear:both;display:block;}
#video .card .embedArea {overflow:hidden; position:relative;width:100%;padding-top:60%;}
#video .card iframe {position:absolute; top:0; left:0;width:100%;height:100%;}
#video .card iframe:after{content:'';display:block;}
#video .card p { text-align:center; line-height:23px;}
#video .card p:nth-of-type(1) {padding:15px 10px 5px 10px; letter-spacing:-1px; font-size:16px; font-weight:bold;}
#video .card p:nth-of-type(2) {padding-bottom:16px; color:#777; font-size:13px;}

#video .zoom {display:none;}
#video .zoom.on {display:block; position:absolute; top:0; left:0; z-index:3; width:100%; height:230px; background:url('../image/icon_play.png') no-repeat 50% 50%;}

#photo {display:flex; flex-wrap:wrap;}
#photo .card {flex:0 0 auto;  position:relative; margin:0 5% 30px 0; width:30%; cursor:pointer;overflow:hidden;}
#photo .card:nth-child(3n) {margin-right:0}
#photo .card:hover {-webkit-transform:scale(1.07);-moz-transform:scale(1.07);transform:scale(1.07);/*-webkit-box-shadow:3px 3px 5px rgba(0,0, 0, 0.2);-moz-box-shadow:3px 3px 5px rgba(0,0, 0, 0.2);box-shadow:3px 3px 5px rgba(0,0, 0, 0.2); */}
#photo .card .embedArea {position:relative; width:100%; padding-top:75%; overflow:hidden;}
#photo .card img {position:absolute;top:0;left:0; width:100%;height:100%;}
#photo .card p {font-size:14px;line-height:23px;}
#photo .card p:nth-of-type(1) {padding:10px 0 5px 0; letter-spacing:-1px; font-weight:bold;}
#photo .card p:nth-of-type(2) {padding-bottom:16px; color:#777;}
#photo .card textarea.fileName{visibility:hidden;height:0;line-height:0;padding:0;}
.photoBtnWrap {position:relative; z-index:4; text-align:center; margin-bottom:16px;}
.photoBtnWrap input {margin-right:5px;}


/*교회행사 팝업*/
#videoPopup {display:none; position:fixed; top:0; left:0; z-index:6; width:100%; height:100%; background:rgba(246, 229, 221, 0.9); text-align:center;}
#videoPopup.on {display:block;}
#videoPopup .iframeWrap {position:relative; top:50%; margin:-370px auto 0 auto; width:990px; height:677px;}
#videoPopup .close {margin-bottom:20px; width:64px; height:64px; background:url('../image/btn_closeB.png') no-repeat 0 0; text-indent:-99999px;}
#videoPopup iframe {border:10px solid #fff; background:#000; overflow-y:auto; overflow-x:hidden; width:100%; height:600px;}

/*교회앨범 팝업*/
#photoPopup {display:none; position:fixed; top:0; left:0; z-index:6; width:100%; height:100%; background:rgba(0,0,0,0.3); }
#photoPopup.on {display:block;}
#photoPopup .cont {position:absolute; top:50%; left:50%; padding:15px 20px; width:800px; height:600px; transform:translate(-50%, -50%); background:#fff;}
#photoPopup .cont .title{padding:10px 0 15px;font-size:20px; font-weight:bold;height:60px;}
#photoPopup .cont .photo {height:500px;overflow-y:auto;}
#photoPopup .cont img{width:100%;}
#photoPopup .close {position:absolute; top:10px; right:10px; z-index:1; width:49px; height:49px; background:url('../image/btn_closeB.png') no-repeat 50% 50%; background-size:50% auto; text-indent:-99999px;}


#photoArea {position:relative}
#photoArea .title {padding-bottom:16px;}
#photoArea .title em {font-size:26px;}
#photoArea .date {margin-left:30px;}
#photoArea .imgWrap {overflow-y:auto; position:relative; margin:0 auto; width:800px; height:655px; text-align:center;}
#photoArea .imgWrap img {margin-top:49px; width:100%; height:auto;}
#photoArea .imgWrap .ttl {position:fixed; top:0; width:770px; background:#545454; color:#fff; font-size:22px; padding:10px 0 10px 30px; text-align:left; font-weight:bold;}
#photoArea .imgWrap .ttl span {margin-left:20px; color:#fff; font-weight:normal;}
#photoArea a {position:absolute; top:0; width:100px; height:100%; text-indent:-99999px;}
#photoArea .prev {left:0; background:url('../image/btn_bkLeft.png') no-repeat 0 50%;}
#photoArea .next {right:0; background:url('../image/btn_bkRight.png') no-repeat 100% 50%;}

/*not found*/
.noPage {margin:100px auto 100px auto; text-align:center; border:12px solid #f6dc00; border-radius:300px; padding-top:100px; width:430px; height:330px;}
.noPage p:nth-of-type(1) {font-size:50px; font-weight:bold;}
.noPage p:nth-of-type(2) {margin:30px 0 50px 0; line-height:30px;}

/* 파일첨부하기 버튼*/
#file_url {float:left; width:602px;}
.uploadWrap {position:relative; overflow:hidden; width:140px; cursor:pointer;}
.input_btn {position:relative; top:0px; right:0px; padding:0 20px;}
.input_file {position:absolute; top:0px; right:0px; cursor:pointer; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -moz-opacity:0;}

.admin {margin-left:10px; color:#363636; padding-left:20px; background:url('../image/icon_login.png') no-repeat left 50%; }

/* 레이어팝업 실시간방송 */
.layerPopup {position:absolute;top:84px;left:50%;z-index:4;margin-left:-600px;width:1200px;height:520px;border:1px solid #000;background:url('../image/bg_youtube_on.jpg') no-repeat 0 0;}
.layerPopup .cont {position:absolute;top:83px;right:40px;width:275px}
.layerPopup .cont .title {font-size:28px;font-weight:bold;word-break:keep-all;}
.layerPopup .cont .bible {padding-top:30px;font-size:22px;}
.layerPopup .cont .writeday {padding-top:14px;font-size:14px;}
.layerPopup .goYoutube {margin-top:46px;width:846px;height:474px;}
.layerPopup .goYoutube iframe {width:846px;height:474px;}
.layerPopup .btnClose {position:absolute;top:0;right:5px;z-index:3;width:46px;height:46px;background:url('../image/btn_layer_close.png') no-repeat 50% 50%;text-indent:-9999px;}


/* 메인 레이어팝업 */
.scrollLock {overflow:hidden}
.popupWrap{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;background-color:rgba(0, 0, 0, 0.5);}
.popupWrap .cont{overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1000px;border-radius: 20px;}
.popupWrap .cont img{width:100%;vertical-align:top;}
.popupWrap .cont ul.btn{display:flex;background-color:#fff;}
.popupWrap .cont ul.btn li{flex:1;position:relative;}
.popupWrap .cont ul.btn li::after{content:'';position:absolute;top:50%;right:0;transform:translate(0,-50%);width:1px;height:15px;background-color:#999;}
.popupWrap .cont ul.btn li:last-child::after{content:none}
.popupWrap .cont ul.btn button{width:100%;padding:15px 0 20px;color:#000;font-weight:bold; font-size:15px;}
.popupWrap .cont .image_block a.play {position:relative; display:block;}
.popupWrap .cont .image_block a.play:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background: url('../image/main_banner/icon_pupup_play.png') no-repeat right 20px top 20px / 100px auto;}


/* popup layer */
@media (min-width: 481px) and (max-width: 1980px) {
	.popupWrap .cont .img .web{display:block}
	.popupWrap .cont .img .mob{display:none}
}
@media (max-width: 480px) {
	.popupWrap .cont .img .web{display:none}
	.popupWrap .cont .img .mob{display:block}
}
@media (max-width:1024px) {
	.popupWrap .cont{ top:unset; bottom:0; left:0; transform:unset; width:100%; max-width:100%; border-radius:0; border-top-left-radius:20px; border-top-right-radius:20px;}
	.popupWrap .cont .image_block a.play:after {background-size:50px auto}

	#wrap {padding-top:60px;}
	#subWrap{margin:0; width:100%; min-height:450px;}
	#subContWrap {position:relative; margin:30px 0 0; width:100%; padding:0 20px;}

	.gnbWrap {position:fixed; width:100%; min-width:100%;}
	.gnbWrap .subLine {height:60px !important;box-shadow:unset}

	.gnbArea {width:100%;height:60px;}
	.gnbArea h1 {text-align:center}
	.gnbArea h1 > a {width:160px; background-position:0 50%;background-size:100% auto;}
	.gnbArea h1 button {display:inline-block}

	#category {display:none;}
	#subMenu {overflow-x:auto; position:relative; padding:0 15px; width:100%; white-space:nowrap; border-bottom:1px solid #eee; background:#8f979a;}
	#subMenu p {display:none;}
	#subMenu a {position:relative; display:inline-block; padding:15px 15px 15px 5px; font-size:17px; color:#fff;}
	#subMenu a::after {content:''; position:absolute; top:50%; right:0; transform:translate(0,-50%); width:1px; height:15px; background-color:#b3b3b3;}
	#subMenu a:last-child::after{content:none;}

	footer {padding:20px 15px; text-align:center; min-width:1024px;}
	footer ol {padding:0;width:auto; display:inline-block;}
	footer ol li {margin:10px 20px 0; text-align:center;}
	footer ol a {font-size:14px;}
	footer ul {padding:30px 0 10px;width:100%;}
	footer ul li {width:100%;line-height:24px;font-size:14px;padding:0}
	footer ul li span:nth-of-type(1) {margin-right:30px;}
	footer span {font-size:14px;}
	footer em {font-size:14px}
	footer .goTop {position:fixed; bottom:30px;width:35px;height:35px;}

	section {margin: 0 auto 70px;width:1024px}
	#mainCont {margin:0; width:100%;}
	#mainCont li.wordWrap{width:720px; height:328px;}
	#mainCont li.wordWrap ol{width:400px;}
	#mainCont li.wordWrap ol .minister {font-size:18px;font-weight:bold;}
	#mainCont li.wordWrap ol .title {padding-top:30px;}
	#mainCont li.rBanner{margin-left:33px; width:271px; }
	#mainCont li.rBanner a{height:148px;}
	#mainCont li.rBanner a.welcome{margin-bottom:33px}
	#bBanner{margin:50px auto 0;width:100%;}
	#bBanner li{width:230px;}
	#bBanner li a{font-size:20px;}
	#subCont .family .banner{background-size:20%;}
	#subCont .weekly a{margin-bottom:30px; padding-left:70px; height:60px; line-height:60px; font-size:16px; background-size:auto 100%;}
	#subCont .weekly a:nth-of-type(3n){margin-right:0}

	#subCont .trans th, #subCont .trans td {padding-right:20px; padding-left:20px;}
}

@media only screen and (max-width:1000px) {
	#wrap  {padding-top:60px;}
	#subWrap{min-height:700px;}
	#subContWrap {padding:0 15px;}

	.gnbArea h1 .allMenu {background-size:22px auto;}
	.gnbArea h1 .youtube {background-size:28px auto;}

	footer {padding:25px 15px 20px;width:100%;min-width:100%;}
	footer ol li {margin:15px 10px 0 10px;}

	section {margin-bottom:40px;width:100%;}
	section h3 {margin-bottom:30px; }
	section h3 em {font-size:20px;}

	#mainCont {width:100%;}
	#mainCont li.wordWrap{padding-top:45.5%; width:100%; height: unset;}
	#mainCont li.wordWrap ol .minister {font-size:22px;}
	#mainCont li.wordWrap ol .title {font-size:26px;}
	#mainCont li.rBanner{display:none;}
	#bBanner{display:block; margin: 50px auto 0; width:100%; padding: 0 15px;}
	#bBanner li{overflow:hidden; width:30%; height:130px; margin-right:5%; margin-bottom:30px;border-radius:11px;}
	#bBanner li:nth-of-type(3n) {margin-right:0;}
	#bBanner li a{padding-left:unset !important; padding-top:50px; font-size:20px; text-align:center; background-position:50% 15px ;}
	#bBanner li.welcome, #bBanner li.news{display:unset;}

	#subCont .history .tabcontent div{display:block; margin-bottom:40px}
	#subCont .history .tabcontent div span{display:block}
	#subCont .history .tabcontent div p{display:block; padding-left:0; padding-top:20px;}

	#subCont .gospel li:nth-of-type(2) p{margin:15px 0 10px 0;padding-left:0;background:none;font-size:16px}
	#subCont .gospel li:nth-of-type(2) div{float:none;padding-top:0;font-size:14px;padding:0 0 10px 0;text-align:left;}
	#subCont .gospel li:nth-of-type(2) div em{display:inline-block;margin:0 20px 0 0;font-size:14px}

	#subCont .family p:nth-of-type(1) {font-size:18px; color:#e6617a; line-height:30px}
	#subCont .family p:nth-of-type(2) {font-size:14px;line-height:26px}

	/*교회앨범 팝업*/
	#photoPopup .cont {top:0; left:0; width:100%; height:100%; transform:translate(0, 0);}
	#photoPopup .cont .title{font-size:16px;}
	#photoPopup .cont .photo {height:90%;}

	#subCont .school .style3 dt{display:block; width:100%; margin:15px 0 10px; font-size:18px;}
	#subCont .school .style3 dd{display:block; width:100%}

}

@media (max-width:667px) {
	#subWrap{min-height:400px;}
	#subCont .mission li {clear:left; width:100%; font-size:15px}
	#subCont .mission li:nth-of-type(even){border-left:1px solid #ddd;}
	#subCont .family .banner{padding:20px;}
	#subMenu a{font-size:16px;}

	#subCont .pastor div:first-child{text-align:center;}
	#subCont .pastor div{float:unset}
	#subCont .pastor p{margin:unset}
	#subCont .pastor p:nth-of-type(1){text-align:center;}
	#subCont .pastor p:nth-of-type(2){text-align:left;}
	#subCont .disciple1{margin: 0 0px 30px 0px;}
	#subCont .disciple1 p{margin: 0 10px 0 20px;}

	#photo .card {margin:0 0 30px 0; width:48%;}
	#photo .card:nth-child(2n) {margin-right:0}
	#photo .card:nth-child(2n+1) {margin-right:4% !important}

	#mainCont li.wordWrap {padding-top:63%; background:url('../image/bg_minister_mo.jpg') no-repeat 0 0; background-size:100% auto;}
	#mainCont li.wordWrap ol {left:25px; width:250px;}
	#mainCont li.wordWrap ol .minister{font-size:18px;}
	#mainCont li.wordWrap ol .title{font-size:21px; padding-top:30px; letter-spacing:-1px; word-break: keep-all}
	#mainCont li.wordWrap ol .bible{padding-top:15px;font-size:16px;}
	#mainCont li.wordWrap ol .bible span{padding-left:15px; display:inline-block; font-size:14px;}
	#mainCont li.wordWrap ol .link{display:none;}
	.wordButton{display:flex; background:#4588ef;}
	.wordButton a{float:left; position:relative; /* padding-left:30px;*/ width:50%; line-height:60px; font-size:18px; text-align:center; color:#fff; font-weight:bold;}
	.wordButton a:nth-of-type(1){position:relative; /* background:url(../image/icon_main_video.png) no-repeat 30px 50%;*/}
	.wordButton a:nth-of-type(1)::after{content:'';position:absolute;top:50%;right:0;transform:translate(0,-50%); width:1px; height:20px; background:#fff;}
	.wordButton a:nth-of-type(2){/*background:url(../image/icon_main_list.png) no-repeat 30px 50%;*/}
	#bBanner{margin-top:30px;}
	#bBanner li a{font-size:17px;}
}

@media only screen and (max-width:640px) {
	#wrap  {padding-top:50px;}
	#subWrap{min-height:500px;}
	#subMenu a{font-size:15px;}

	.gnbWrap .subLine {height:50px !important;}
	.gnbArea {height:50px;}
	.gnbArea h1 > a {width:128px;}
	.gnbArea h1 .allMenu {width:50px; background-size:22px auto;}
	.gnbArea h1 .youtube {width:50px; background-size:26px auto;}

	footer {padding:20px 10px 30px;text-align:center;}
	footer ol li {margin:10px 15px 0 0;}
	footer ol a {padding:0; border:none; border-bottom:1px solid #999;border-radius:0;}
	footer span {display:block;}
	footer span:nth-of-type(1) {margin-right:0}
	footer .goTop {bottom:20px;right:15px;width:30px;height:30px;}

	section {margin-bottom:50px; }

	#subCont .map em, #subCont .map strong{display:block}
	#subCont .map li{padding-left:0; background:none;}
	#subCont .map em{background:none;}
	#subCont .gospel li:nth-of-type(2){padding:0 20px;}
	#subCont .gospel li:nth-of-type(2) {padding-left:25px;}
	#subCont .gospel li:nth-of-type(2) span{font-size:15px;}

	.tblList2 td:nth-of-type(2) {font-size:14px;color:#999}
	.tblList2 tr:nth-of-type(2) td {border-top:1px solid #ddd}
	.tblList2 tr th{display:none;}
	.tblList2 .num{display:none;}
	.tblList2 td .title{padding:0;}
	.tblList2 .writeday{padding:0 0 0 20px}
	.tblList2 .bbsContent td{padding:20px 20px 40px;}

	#subCont .weekly a{padding:18px 0 15px 80px; width:45%; height:50px; line-height:1em;}
	#subCont .weekly a:nth-of-type(even){margin-right:0}
	#subCont .weekly a:nth-of-type(odd){margin-right:8%}

	#subContWrap h3{margin:0 0 30px 0}
	#subContWrap h3 > em{font-size:20px;line-height:20px;}

	#subCont .trans th, #subCont .trans td {padding-right:10px; padding-left:10px;}

}

@media only screen and (max-width:500px) {
	#subCont .weekly a{width:100%;}
	#subCont .weekly a:nth-of-type(odd){margin-right:0}
}

@media only screen and (max-width:320px) {
	#mainCont li.wordWrap ol{width: 60%;}
	#mainCont li.wordWrap ol .title{padding-top:20px;}
	.wordButton a{background-position:15px 50% !important;}
	#bBanner li a{font-size:15px;}
	footer ul{text-align:left;}
}