/* 
 *	udbc
 *	2019.02.25
 */

@media (max-width:767px){
.snb{clear:both;margin:0 15px}
.snb a{display:inline-block;padding:5px 15px 5px 5px;color:#333}
}
/* Main */
.visual{position:relative;width:100%}
.visual:after{clear:both;display:block;content:''}
.main_visual .visual{min-height:420px;background-repeat:no-repeat;background-position:center bottom}
.main_visual .visual div {max-width:1920px;margin-left:auto;margin-right:auto;}
.main_visual .visual div img {height:700px;width:100%;}
.main_visual .visual.mobile{min-height:0;height:40vh;background-size:auto 40vh;}
.main_visual .visual .calligraphy{margin:auto;z-index:1;}
@media (max-width:767px) {
	/* 2022-12-21 ¸ð¹ÙÀÏ ¸ÞÀÎÈ­¸é Âî±×·¯Áú¶§ */
	/* .main_visual .visual.mobile {background-size:100% 40vh;} */
	.main_visual .visual.mobile {}
	.main_visual .visual.mobile.zoom {background-size:1024px 768px;}
	.main_visual .visual.main_01 .calligraphy.mobile{width:100%;background-size:100% 40vh;}
	.main_visual .visual.main_02 .calligraphy.mobile{width:100%;background-size:100% 40vh;}
	.main_visual .visual.main_03 .calligraphy.mobile{width:100%;background-size:100% 40vh;}
	.main_visual .visual.main_04 .calligraphy.mobile{width:100%;background-size:100% 40vh;}
}
/* .main_visual .visual .txt{margin-top:35%;text-align:center;z-index:99}
.main_visual .visual .txt > p{font-size:4rem;color:#fff;line-height:1}
.main_visual .visual .txt > small {font-size:1.357em;color:rgba(255,255,255,0.5);} */
/* .main_visual .visual .calligraphy{margin-top:13rem}
.main_visual .visual.main_02 .calligraphy{margin-top:10rem} */
.slogan{font-size:1.714em;font-weight:100;color:#888;letter-spacing:0.15em}

.row.main{margin-top:25px;margin-bottom:25px;}
.row.main > div > .box{position:relative;/*height:180px;*/height:210px;margin:1px;padding:30px;}
.row.main > div > .box > small{font-size:0.857em;font-weight:800;color:rgba(0,0,0,0.25);text-transform:uppercase;letter-spacing:0.2em;}
.row.main > div > .box > h3{margin-top:4px;font-size:2.143em;font-weight:700;color:#fff;text-shadow:1px 2px 1px rgba(0,0,0,0.25);}
/*
.row.main > div > .box > a.play{position:absolute;top:65px;left:60%;width:92px;height:92px;border:0;z-index:999}
*/
.row.main > div > .box > a.play{position:absolute;top:65px;left:60%;width:92px;height:92px;border:0;z-index:999}

.main > .go_01 > .box{background:url('../img/main_01_220203.png')}
.main > .go_02 > .box{height:230px !important;margin-top:-19px !important;padding-top:50px !important;background:url('../img/main_02_230103.png') 65% bottom}
.main > .go_03 > .box{background:url('../img/main_03_220203.png')}
.main > .go_04 > .box{background:url('../img/main_04_220203.png')}
.main > .go_05 > .box{background:url('../img/main_05_220203.png')}
.main > .go_06 > .box{background:url('../img/main_06_220203.png')}
.main > .go_07 > .box{background:url('../img/main_08.png')}
.main ul.sermons > li{font-size:1.286em;font-weight:700;color:#fff}
.main ul.sermons > li > small{font-weight:400;padding-right:0.5em;}
.main ul.latest{padding:1em;background-color:rgba(255,255,255,0.5)}
.main ul.latest > li > a{font-size:1.00em;font-weight:700;color:#333;letter-spacing:-0.05em}
.main ul.latest > li > a > span{padding-right:0.5em;color:#7e6b5a}
.main > .go_03 > .box > ul.latest,.main > .go_05 > .box > ul.latest{background-color:rgba(255,255,255,0.75)}
.main > .go_04 > .box > ul.latest{background-color:rgba(255,255,255,0.75)}
.main > .go_06 > .box > ul.latest{background-color:rgba(255,255,255,0.75)}
/*.main > .go_07 > .box > ul.latest{background-color:rgba(255,255,255,0.75)}*/

.main ul.latest2{padding:1em;background-color:rgba(255,255,255,0.5)}
.main ul.latest2 > li > a{font-size:2.00em;font-weight:700;color:#333;letter-spacing:-0.05em;}
.main ul.latest2 > li > a > span{padding-right:0.5em;color:#7e6b5a}
.main > .go_07 > .box > ul.latest2{background-color:rgba(255,255,255,0.75)}

.row.bnr .col-xs-4{padding-right:1px;padding-left:1px}
.row.bnr .col-xs-4 > a{display:inline-block;width:100%;border:1px solid #e1e1e1}

@media (min-width:768px){
	.main_visual .visual{height:700px}
	.main_visual .visual.mobile{height:40vh;background-size:auto 40vh;}	
	/* .main_visual .visual .txt{margin-top:25%}
	.main_visual .visual .txt > p{font-size:8rem} */
	/* .main_visual .visual .calligraphy{position:absolute;left:50%;top:80px;margin-top:7rem;margin-left:-300px;z-index:1}
	.main_visual .visual.main_01 .calligraphy{top:90px;margin-top:8rem;margin-left:-450px;width:720px}
	.main_visual .visual.main_02 .calligraphy{margin-left:-330px;width:600px}
	.main_visual .visual.main_03 .calligraphy{margin-left:-395px;width:704px}
	.main_visual .visual.main_04 .calligraphy{margin-left:-395px;width:785px}
	.main_visual .visual.main_01 .calligraphy.mobile{top:90px;margin-top:8rem;width:100%;margin-left:25%;left:0;}
	.main_visual .visual.main_02 .calligraphy.mobile{width:100%;margin-left:25%;left:0;}
	.main_visual .visual.main_03 .calligraphy.mobile{width:100%;margin-left:25%;left:0;}
	.main_visual .visual.main_04 .calligraphy.mobile{width:100%;margin-left:25%;left:0;} */
	.main_visual .visual.main_01 .calligraphy{width:720px}
	.main_visual .visual.main_02 .calligraphy{width:600px}
	.main_visual .visual.main_03 .calligraphy{width:704px}
	.main_visual .visual.main_04 .calligraphy{width:785px}
	.slogan{font-size:2.143em;letter-spacing:0.85em}
	.row.main{margin-top:40px}
	.main > .go_01 > .box,.main > .go_04 > .box{margin-left:0}
	.main > .go_03 > .box,.main > .go_07 > .box{margin-right:0}
	.main > .go_02 > .box{background-position:center bottom}
	/*
	.row.main > div > .box > a.play{left:40%}
	*/
	.row.main > div > .box > a.play{left:40%}
	/*.main_bnr{margin-left:15px}*/
	.row.bnr{margin-right:-15px;margin-left:-15px}
	.row.bnr .col-xs-4{padding-right:2px;padding-left:2px}
	.row.bnr .col-xs-4 > a{height:55px;padding-top:3px}
}
@media (min-width:1366px){
	.main ul.latest > li > a{font-size:1.143em}
}
@media (min-width:1440px){
	.row.main > div > .box > h3{margin-bottom:2.5rem}
}
/* for IE 9+10 hack */
@media screen and (min-width:0\0){
.main ul.latest > li > a{letter-spacing:-0.075em}
}

/* Sub Layout */
.visual.sub{min-height:200px;background-repeat:no-repeat;background-position:center top}
.visual.sub > .txt {text-align:center}
.visual.sub > .txt > h2{margin:0;padding-top:2.15em;font-size:3.429em;color:#fff;}
.visual.sub > .txt > p{margin-bottom:0}
.visual.sub > .txt > p > small {font-size:1.214em;color:rgba(255,255,255,0.5);}

.visual.intro{background-color:#fad5b6;background-image:url('../img/visual_intro.png')}
.visual.praise{background-color:#9ccee4;background-image:url('../img/visual_praise.png')}
.visual.school{background-color:#65a88c;background-image:url('../img/visual_school.png')}
.visual.ministry{background-color:#d88e40;background-image:url('../img/visual_ministry.png')}
.visual.news{background-color:#a6937c;background-image:url('../img/visual_news.png')}
.visual.share{background-color:#eacda1;background-image:url('../img/visual_share.png')}
.visual.member{background-color:#5caed2;background-image:url('../img/visual_member.png')}

@media (min-width:768px){
	.visual.sub{height:385px}
	.visual.sub > .txt > h2{padding-top:215px}
}

/* Contents */
.overview h5{margin-bottom:2em;font-size:2.000em}
.overview p{margin-bottom:1.5em;font-size:1.214em;line-height:1.75}

.history,.minister{margin-top:-1em}
.history > .nav-tabs,.minister > .nav-tabs{border-bottom:0}
.history > .nav-tabs>li,.minister > .nav-tabs>li{margin-bottom:0;margin-top:-3px}
.history > .nav-tabs>li>a,.minister > .nav-tabs>li>a{margin-right:0;padding:5px;border:0;border-top:3px solid transparent;border-radius:0;color:#888;text-align:center}
.history > .nav-tabs>li.active>a,.minister > .nav-tabs>li.active>a{border:0;border-top:3px solid #3ea29a;background-color:#fff;color:#3ea29a}
.history > .nav-tabs>li>a:focus,.history > .nav-tabs>li>a:hover,.history > .nav-tabs>li.active>a:focus,.history > .nav-tabs>li.active>a:hover,
.minister > .nav-tabs>li>a:focus,.minister > .nav-tabs>li>a:hover,
.minister > .nav-tabs>li.active>a:focus,.minister > .nav-tabs>li.active>a:hover{border:0;border-top:3px solid #3ea29a;background-color:#fff;color:#3ea29a}
.history .tab-content h5{margin-top:1.5em;font-size:1.500em;font-weight:700;color:#111}
.history .tab-content ul > li{padding-top:0.5em;padding-bottom:0.5em;border-bottom:1px dotted #ccc;font-size:1.214em}
.history .tab-content ul > li > span{display:block;color:#888;letter-spacing:-0.07em}

..philosophy figure{margin-bottom:2em}
.philosophy .box{margin:3rem auto;padding:3rem;border:1px solid #e1e1e1;border-radius:1rem;}
.philosophy h5{font-size:1.357em}
.philosophy ul > li{font-size:1.143em;color:#888;letter-spacing:-0.05em;line-height:1.6}








.philosophy ul > li::before{float:left;padding-right:0.5rem;content:'\002D'}

.pastor .yeartitle{height:230px;margin-bottom:2em;padding-top:95px;text-align:center;color:#fff;background:url("../img/img_rev_220203.png") no-repeat right bottom}
.pastor .yeartitle > .lead > small{color:#fff}
.pastor .yeartitle > .lead > strong{font-size:2.000em}
.greeting p{margin-bottom:0.5em;font-size:1.214em;line-height:1.75}
.pastor .well p{margin-top:1em;margin-bottom:1em;font-size:1.143em !important;line-height:1.5}

.minister .tab-content{margin-top:2em}
.minister .col-xs-6 .thumbnail .caption{height:135px}
.minister .col-sm-6 .thumbnail .caption{height:250px}

.time .table-striped{border-top:1px solid #3ea29a;border-bottom:1px solid #97c5c1;font-size:1.071em}
.time .table-striped.text-center > thead > tr > th{font-weight:400;color:#249188;text-align:center;background-color:#edf6f5}
.time h4{font-size:1.400em}
.time h4 > span{padding-right:0.5em;color:#3ea29a}

.rgtr h4{padding:1em;border-radius:3em;color:#fff;text-align:center}
.rgtr h4 > small{padding-right:1em;color:rgba(255,255,255,0.5);vertical-align:top}
.rgtr .process01{background-color:#369f96}
.rgtr .process02{background-color:#147182}
.rgtr .process03{background-color:#144d82}
.rgtr ul > li{padding:0.5em 1em}
.rgtr ul > li,ol > li{font-size:1.143em;letter-spacing:-0.035em}

.map h4{font-size:1.400emcolor:#369f96}
.map ul > li {padding-top:0.35em;padding-bottom:0.35em}
.map ul > li > span {display:inline-block;padding-right:1em;color:#888}
.map .root_daum_roughmap {width:100% !important}

.school h4{font-size:1.400em}
.school h4 > span{padding-right:0.5em;color:#3ea29a}
.school .well > .lead{margin-bottom:0}
.school .panel-heading,.school .panel-body{font-size:1.143em;letter-spacing:-0.035em}
.school .table.table-hover{margin-top:2em;border-top:2px solid #3ea29a;font-size:1.071em}
.school .table.table-hover > thead > th{font-weight:400;text-align:center;background-color:#dedede}
.school .table.table-hover > tbody > tr > th{min-width:45px}

.ministry .panel-heading{font-size:1.143em;text-align:center}
.ministry .panel-heading > .panel-title{margin-bottom:0.5em;padding-top:0.5em;padding-bottom:0.75em;border-bottom:1px solid rgba(0,0,0,0.075);font-size:1.400em;text-align:center}
.ministry .panel-body > p{padding-top:0.15em;padding-bottom:0.15em;font-size:1.071em}
.ministry .table{border-top:1px solid #3ea29a;border-bottom:1px solid #97c5c1;font-size:1.171em}
.ministry .table > thead > tr > th{font-weight:400;color:#249188;text-align:center;background-color:#edf6f5}
.ministry .table > tbody > tr > th{text-align:center;vertical-align:middle}
.ministry .table > tbody > tr > td{border-left:1px solid #eee;vertical-align:middle}
.ministry .table > tbody > tr > td.address{text-align:center}

@media (min-width:768px){
	.history,.minister{margin-top:-60px}
	.history > .nav-tabs{margin-left:20%}
	.minister > .nav-tabs{margin-left:25%}
	.history > .nav-tabs>li,.minister > .nav-tabs>li{width:150px}
	.history > .nav-tabs>li>a,.minister > .nav-tabs>li>a{padding:1em;font-size:1.286em;}
	.history .tab-content ul > li > span{overflow:hidden;float:left;clear:left;display:inline-block;width:145px;text-align:left;white-space:normal;text-overflow:clip}
	.history .tab-content ul > li > .pLeft{display:inline-block;width:145px;min-height:1px;}
	.history .year{height:235px;background-repeat:no-repeat;background-position:center bottom}
	.history .year.y1970{background-image:url("../img/img_history_y1970.png")}
	.history .year.y1980{background-image:url("../img/img_history_y1980.png")}
	.history .year.y1990{background-image:url("../img/img_history_y1990.png")}
	.history .year.y2000{background-image:url("../img/img_history_y2000.png")}
	.history .year.y2010{background-image:url("../img/img_history_y2010.png")}
	.history .year.y2020{background-image:url("../img/img_history_y2020.png")}
	.history .day{background:url("../img/img_history_line.png") repeat-y 15px 0}
	.history .day > h5{background:url("../img/img_history_active.png") no-repeat}
	.history .day > h5,.history .day > ul{padding-left:60px;}
	.minister .col-sm-6.col-md-3 .thumbnail .caption{height:235px}
	.minister .col-xs-6.col-md-3 .thumbnail .caption{height:125px}
	/* .philosophy .dl-horizontal dt{width:210px;text-align:left}
	.philosophy .dl-horizontal dd{margin-left:210px;height:30px;} */
	
	/* 2022-01-19 Ãß°¡¼öÁ¤ 
	.philosophy .box{width:80%}
	*/
	.philosophy .box{width:95%}
	.philosophy .box .mt2{margin-top:2rem}
}
@media (min-width:1140px){
	.philosophy .line{border-left:1px solid #e1e1e1}
	.philosophy ul.col-sm-offset-1{margin-left:3.33333333%}
}

/* Member */
.lead > small{color:#888}
.btn-link{text-decoration:underline}

.member:after,.login:after,.register:after,.box:after{clear:both;display:block;content:''}
.member span.point {font-weight:700;color:#ff0000}
.member > .login.box{padding:2em 1em;border:5px solid #eee;}
.member .nav-pills>li>a{padding:0.5em 0.75em;font-size:15px;color:#222;background-color:#eee}
.member .nav-pills>li+li{margin-left:7px;padding-left:20px;background:url("../img/member/blt_chevron.png") no-repeat left center}
.member .nav-pills>li.active>a,.member .nav-pills>li.active>a:focus,.member .nav-pills>li.active>a:hover{color:#fff;background-color:#3ea29a}
.member > .register > .box{padding:2em 1em;border:5px solid #eee;}
.member > .register > .well-lg {height:180px;overflow-y:auto}
.member .agreement > h5 {margin-top:1.5em;font-weight:700}
.member .agreement > ul > li {padding-top:0.5em;line-height:1.5}
.member .agreement > ul > li > ul {margin-top:0.5em;margin-left:1em;color:#3ea29a}
.member .agreement > ul > li > a {color:#3ea29a;text-decoration:underline}
.member ul.lst {margin-top:1em;margin-bottom:1em;padding-top:1em;padding-bottom:1em;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.member ul.lst > li {padding-left:6px;color:#3ea29a;background:url("../img/member/blt_dot.png") no-repeat left 0.6em}

.sitemap h4 {padding:1em 0;color:#3ea29a;border-top:2px solid #3ea29a;border-bottom:1px solid #e1e1e1}
.sitemap ul > li {padding:3px 2px}
.sitemap ul > li > a{padding-left:0.5em;color:#888;background:url("../img/member/blt_dot.png") no-repeat left center}
.sitemap ul > li > a:hover,.sitemap ul > li > a:focus {text-decoration:underline}

@media (min-width:768px){
.member > .login,.member > .register > .box{background:url("../img/member/img_computer.png") no-repeat 17% center}
.member .nav-pills>li>a{margin:0 1em;padding:2em}
}
/* Scroll Transition */
.fromBottomOut { transition-duration: 0.5s; top: 50px; visibility: hidden; opacity: 0; }
.fromBottomIn { top: 0px; visibility: visible; opacity: 1; }
#slogan { transition-delay: 0s; }
#go_01 { transition-delay: 0.2s; }
#go_02 { transition-delay: 0.4s; }
#go_03 { transition-delay: 0.6s; }
#go_04 { transition-delay: 0.8s; }
#go_05 { transition-delay: 1s; }
#go_06 { transition-delay: 1.2s; }
#go_07 { transition-delay: 1.4s; }
#row_bnr { transition-delay: 1.6s; }