@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);


body, html {
	font-family: 'Nanum Gothic', 'Open Sans', sans-serif;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	color: #656c6d;
	width: 100% !important;
	height: 100% !important;
}
h1 {font-weight: 700; text-align:center;}
h1 img {width:300px;}
h1 strong {font-weight: 900;}
h2 {
	line-height: 20px;
	margin: 0;
	color: #121d1f;
	font-weight: 400;
	margin-bottom: 30px;
	font-size: 34px;
    padding-top: 30px;
}
h3, h4 {
	color: #121d1f;
	font-size: 20px;
	font-weight: 600;
}
h5 {
	text-transform: uppercase;
	font-weight: 700;
	line-height: 20px;
}
p.intro {
	font-size: 16px;
	margin: 12px 0 0;
	line-height: 24px;
}
a {color: #333;}
a:hover, a:focus {
	text-decoration: none;
	color: #578be2;
}
ul, ol { list-style: none; }
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {display: inline-block;}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
ul, ol {
	padding: 0;
	webkit-padding: 0;
	moz-padding: 0;
}
hr {
	height: 4px;
	width: 70px;
	text-align: center;
	position: relative;
	background: #578be2;
	margin: 0 auto;
	margin-bottom: 30px;
	border: 0;
}

.new2019 {
    height: 4px;
    width: 70px;
    text-align: center;
    position: relative;
    background: #824942;
    margin: 0 auto;
    margin-bottom: 30px;
    border: 0;
}

/* Navigation */
#nav {
	z-index: 9999;
}
#nav.affix {
	position: fixed;
	top: 0;
	width: 100%
}
.navbar-custom {
	margin-bottom: 0;
	background-color: #121d1f;
	border-radius: 0px;
	padding: 10px 0;
}
.navbar-custom .navbar-brand {
	font-weight: 600;
}
.navbar-custom .navbar-brand:focus {
	outline: 0;
}
.navbar-custom .navbar-brand .navbar-toggle {
	padding: 4px 6px;
	font-size: 16px;
	color: #fff;
}
.navbar-custom .navbar-brand .navbar-toggle:focus, .navbar-custom .navbar-brand .navbar-toggle:active {
	outline: 0;
}
.navbar-custom a {
	color: #f4f5f6;
}
.navbar-custom .nav li a {
	text-transform: uppercase;
	letter-spacing: 1px;
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
}
.navbar-custom .nav li a:hover {
	outline: 0;
	color: #578be2;
	background-color: transparent;
}
.navbar-custom .nav li a:focus, .navbar-custom .nav li a:active {
	outline: 0;
	background-color: transparent;
	color: #578be2;
}
.navbar-custom .nav li.active {
	outline: 0;
}
.navbar-custom .nav li.active a {
	background-color: rgba(255,255,255,.3);
}
.navbar-custom .nav li.active a:hover {
	color: #fff;
}
.btn-default {
	color: #fff;
	background-color: transparent;
	border-color: #fff;
	padding: 10px 20px;
	margin: 0;
	font-size: 16px;
	border-radius: 0;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active {
	color: #fff;
	background-color: #121d1f;
	border-color: #121d1f;
}

.btn-default2 {
    color: #1b2c44;
    background-color: transparent;
    border-color: #1b2c44;
    padding: 10px 20px;
    margin: 0;
    font-size: 16px;
    border-radius: 0;
}
.btn-default2:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active {
    color: #fff;
    background-color: #121d1f;
    border-color: #121d1f;
}

.btn-primary {
	color: #fff;
	background-color: #121d1f;
	padding: 10px 20px;
	border-color: #121d1f;
	border-radius: 0;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active {
	color: #fff;
	background-color: #578be2;
	border-color: #578be2;
}
.btn-primary i.fa {
	margin-right: 10px;
}
/* Home Section */
.intro {
	display: table;
	width: 100%;
	height: auto;
	padding: 100px 0;
	text-align: center;
	color: #fff;
	background: url(/images/event/newyear/y2018/intro-bg.jpg) no-repeat center top;
	background-color: #184989;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}

.intro2019 {
    display: table;
    width: 100%;
    height: auto;
    padding: 100px 0;
    text-align: center;
    color: #fff;
    background: url(/images/event/newyear/y2019/intro-bg.jpg) no-repeat center top;
    background-color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;


}

.section-title.center {
	padding: 25px 0 45px 0;
}


/* */
.sermon_area p {color:#000; font-size:18px; line-height:160%; text-align:justify; padding:8px 15px; }
.sermon_area a {  padding:8px 15px; }
.sermon_area p strong {font-size:20px; }


.container_full {width:100%; height:auto; overflow:hidden;  }
.container_full .sub_visual  {background:url('/images/feature/fy2019/2019_uganda_passover_bg.jpg') center top no-repeat; background-size:cover; }
.sub_visual {height:380px; letter-spacing:-1px; color: #fff; position:relative; z-index:1; }
.sub_visual .title {color: #fff;}
.sub_visual h1 {font-family:'nanum myeongjo';padding-top:120px; padding-bottom: 30px; font-size: 2.5em; text-shadow: 2px 2px #000;}
.sub_visual h1::after { left:50%; content:''; display:block; position:absolute; width:50px; height:3px; background:#fff; margin:18px 0 25px -25px; text-shadow:1px 3px 3px #000; }
.filter {width:100%; height:100%; background:rgba(0,0,0,0.2); overflow:hidden; position:absolute; left:0; top:0; z-index:0; }


/*** comment ***/
#comment .section-title p {font-size:18px; font-family:'nanum myeongjo'; }
.form-group label {display:none; }

.comment_area { min-height:500px;  margin:0 auto; padding:50px 5%; text-align:left; }
.comment_area .prCommentSubmit { height:140px; line-height:140px; vertical-align:middle; margin-left:10px; background:#578be2; transition:all 0.3s ease 0s; cursor:pointer;padding:15px 0; text-align:center; color:#fff; border-radius:3px;  }
.comment_area .prCommentSubmit:hover { background:#5e99d5;   }

.comment_area2019 { min-height:500px;  margin:0 auto; padding:50px 5%; text-align:left; }
.comment_area2019 .prCommentSubmit { height:140px; line-height:140px; vertical-align:middle; margin-left:10px; background:#824942; transition:all 0.3s ease 0s; cursor:pointer;padding:15px 0; text-align:center; color:#fff; border-radius:3px;  }
.comment_area2019 .prCommentSubmit:hover { background:#a13e08;   }

.CommentList {float:left; width:100%; display: block; }
.CommentList>p {font-size:0.8em; color:#5e99d5; text-align:left; }
.CommentList .CommentTotal {margin-bottom: 10px; color:#888;}

.CommentList2019 {float:left; width:100%; display: block; }
.CommentList2019>p {font-size:0.8em; color:#824942; text-align:left; }
.CommentList2019 .CommentTotal {margin-bottom: 10px; color:#888;}

.sns_area {text-align:center; width:160px; height:70px; margin:0 auto; overflow:hidden; }
.sns_area a>span {display:none;}
.sns_area .kakaotalk {background:url('http://goodnews.or.kr/images/top10/y2016/icon_kakaotalk.png') center center no-repeat;  background-size:40px; }
.sns_area .kakaostory {background:url('http://goodnews.or.kr/images/top10/y2016/icon_kakaostory.png') center center no-repeat;  background-size:40px; }
.sns_area .facebook {background:url('http://goodnews.or.kr/images/top10/y2016/icon_facebook.png') center center no-repeat;  background-size:40px; }
.sns_area a {float:left; width:40px; margin:5px; height:40px;display:block; }

/* Outer */
.popup {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(255,255,255,0);
    z-index: 100;
    min-height:520px;
}

/* Inner */
.popup-inner {
    text-align:justify; max-width:800px; width:90%; padding:5%; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%); box-shadow:0px 2px 6px rgba(0,0,0,0.3); border-radius:3px; background:#fff; }
.hint_area h4 {font-size:1.0em; font-weight:bold;  color:#29c4c9; border-bottom:1px solid #29c4c9; padding:0 0 10px 0; margin-bottom:30px; text-align:left; }
.hint_area h2 {font-size:1.4em; font-weight:bold; color:#0e3b97; margin-bottom:20px; text-align:left; }
.hint_area h2 br {display:none; }
.hint_area p {font-size:0.9em; line-height:1.6em; padding-bottom:20px; text-align:left; }
.hint_area p:last-child { text-align:justify; }
.popup-inner .btn  { background:#29c4c9; margin:0 auto; }
.popup-inner img  {margin:0 auto; }
/* Close Button */
.popup-close {
    width:40px;
    height:40px;
    padding-top:4px;
    display:inline-block;
    position:absolute;
    top:8%;
    right:8%;
    transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    border-radius:1000px;
    background:rgba(0,0,0,0);
    font-family:Arial, Sans-Serif;
    font-size:2em;
    text-align:center;
    line-height:100%;
    color:#29c4c9;
}
.popup-close:link {color:#29c4c9; }
.popup-close:hover {-webkit-transform:translate(50%, -50%) rotate(180deg); transform:translate(50%, -50%) rotate(180deg);  background:rgba(0,0,0,0);  text-decoration:none; color:#29c4c9;}

.cl {clear:both; }
.fr {float:right; }
.fl {float:left; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12
{position:relative; min-height:1px; padding-left:0px; padding-right:0px; }

.replybox {margin-bottom:70px; }
.replybox {width:96%; max-width:900px; margin:0 auto; }
.replybox .comment_text .sns_login {min-height: 25px;float:left;}
.replybox .comment_text .sns_login li {float:left;width:28px; text-align:center; margin:0 5px 5px 0;cursor:pointer}

.replybox .comment_text .btn {line-height:70px; vertical-align:middle; text-align:center; padding: 0 0 0 0 ; height:70px; width:90%; margin-left:0%; }
.comment_text {height:160px;  }
.replay-txt {float:left; width:100%;  }
.replay-txt textarea { border:1px solid #cccccc; height:150px; width:96%; margin-bottom:20px; padding:10px 2%; background:#fff; resize: none; border-radius:5px; }
.replay-txtbox {overflow:hidden;  border-top:1px solid #E6E6E6; padding-top:20px; }
.replay-txtbox .img {float:left; margin:0 14px 0 0;width:48px; height:48px;}
.replay-txtbox .txtbox {float:left; width:100%;}
.replay-txtbox .txtbox .nick{margin:0 10px 0 0; font-size:1em; font-weight:bold; color:#578be2;}
.replay-txtbox .txtbox .date{font-size:0.8em; color:#999999;}
.replay-txtbox .txtbox .txt{margin:0px 0 20px 0;  word-break: break-all; overflow: hidden; clear: both;  white-space : pre-line; line-height:1.6em; }
.replay-txtbox .txtbox .good-bad{margin:0 0 15px 0; padding: 0 0 15px 0; font-size:0.9em; color:#999999; border-bottom:none}
.replay-txtbox .txtbox .good-bad span{margin:0 5px}
.replay-txtbox .txtbox .good-bad img{vertical-align:top;}
.replay-txtbox .prCommentDel {}
.replay-txtbox a:link {color:#59647a; font-size:0.9em; letter-spacing:0;  }

.replay-txtbox2019 {overflow:hidden;  border-top:1px solid #E6E6E6; padding-top:20px; }
.replay-txtbox2019 .img {float:left; margin:0 14px 0 0;width:48px; height:48px;}
.replay-txtbox2019 .txtbox {float:left; width:100%;}
.replay-txtbox2019 .txtbox .nick{margin:0 10px 0 0; font-size:1em; font-weight:bold; color:#824942;}
.replay-txtbox2019 .txtbox .date{font-size:0.8em; color:#999999;}
.replay-txtbox2019 .txtbox .txt{margin:0px 0 20px 0;  word-break: break-all; overflow: hidden; clear: both;  white-space : pre-line; line-height:1.6em; }
.replay-txtbox2019 .txtbox .good-bad{margin:0 0 15px 0; padding: 0 0 15px 0; font-size:0.9em; color:#999999; border-bottom:none}
.replay-txtbox2019 .txtbox .good-bad span{margin:0 5px}
.replay-txtbox2019 .txtbox .good-bad img{vertical-align:top;}
.replay-txtbox2019 .prCommentDel {}
.replay-txtbox2019 a:link {color:#59647a; font-size:0.9em; letter-spacing:0;  }

.bar_more {cursor: pointer; display:block; margin:3% 0; padding:1%;  background:#578be2; color:#fff; opacity:0.7; transition:all 0.3s ease 0s; text-align:center; border:0px solid #6c7886  ; border-radius:5px;  }
.bar_more:hover { opacity:1; }
.bar_more:link, .bar_more:visited {color:#fff;}

.bar_more2019 {cursor: pointer; display:block; margin:3% 0; padding:1%;  background:#824942; color:#fff; opacity:0.7; transition:all 0.3s ease 0s; text-align:center; border:0px solid #6c7886  ; border-radius:5px;  }
.bar_more2019:hover { opacity:1; }
.bar_more2019:link, .bar_more:visited {color:#fff;}

.login_area {text-align:center; }
.login_area>a {border:1px solid rgba(255,255,255,0.1); padding:6px 10px; margin:10px auto; font-size:0.9em; }
.login_area>a:link, #bottom .login_area>a:visited {color:#aaa; }
.login_area>a:hover {color:#fff; }

/* About Section */
#video {
	padding: 100px 0;
	background: #f6f6f6;
}

#video .about-text {
    margin-left: 0px;
}
#video img {
    border-radius: 50%;
    width: 200px;
    height: 200px;
    display: inline-block;
}
#video p {
    margin-top: 20px;
    margin-bottom: 30px;
}

#video2 {
    padding: 100px 0;
    background: #f6f5ec;
}

#video2 .about-text {
    margin-left: 0px;
}
#video2 img {
    border-radius: 50%;
    width: 200px;
    height: 200px;
    display: inline-block;
}
#video2 p {
    margin-top: 20px;
    margin-bottom: 30px;
}

/* Skills Section */
#sermon {
	padding: 100px 0;
	background: #bfd0ed;
}

#sermon2 {
    padding: 100px 0;
    background: #f3e0cf;
}

#sermon h2 {
	color: #fff;
}

#sermon hr {
	background: rgba(255,255,255,0.3);
}
#sermon .skill {
	margin-bottom: 40px;
	text-align: center;
	padding: 0px;
}
#sermon .skill h4 {
	font-weight: 600;
	color: #fff;
}
.chart {
	position: relative;
	display: inline-block;
	width: 152px;
	height: 152px;
	margin-bottom: 26px;
	text-align: center;
}
.chart canvas {
	position: absolute;
	top: 0;
	left: 0;
}
.percent {
	display: inline-block;
	font-size: 21px;
	color: #121d1f;
	line-height: 152px;
	z-index: 2;
}
.percent:after {
	content: '%';
	margin-left: 0.1em;
	font-size: .8em;
}
/* Portfolio Section */
#portfolio {
	padding: 80px 0;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f4f5f6 49%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(49%, #f4f5f6), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #f4f5f6 49%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #f4f5f6 49%, #ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #f4f5f6 49%, #ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #f4f5f6 49%, #ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
}
.categories {
	padding-bottom: 30px;
	text-align: center;
}
ul.cat li {
	display: inline-block;
}
ol.type li {
	display: inline-block;
	margin-left: 20px;
}
ol.type li a {
	background: #578be2;
	color: #fff;
	padding: 6px 14px;
}
ol.type li a.active {
	background: #121d1f;
	color: #fff;
}
ol.type li a:hover {
	background: #121d1f;
	color: #fff;
}
.isotope-item {
	z-index: 2
}
.isotope-hidden.isotope-item {
	z-index: 1
}
.isotope, .isotope .isotope-item {
	/* change duration value to whatever you like */
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope-item {
	margin-right: -1px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.isotope {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity;
}
.portfolio-item {
	padding: 15px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.portfolio-item:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.portfolio-item .hover-bg {
	height: 460px;
	overflow: hidden;
	position: relative;
}
.hover-bg .hover-text {
	position: absolute;
	text-align: center;
	margin: 0 auto;
	color: #ffffff;
	background: rgba(0, 0, 0, 0.66);
	padding: 33% 0 0 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: all 0.5s;
}
.hover-bg .hover-text>h4 {
	opacity: 0;
	color: #fff;
	font-weight: 400;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	transition: all 0.3s;
}
.hover-bg:hover .hover-text>h4 {
	opacity: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.hover-bg .hover-text>i {
	opacity: 0;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	transition: all 0.3s;
}
.hover-bg:hover .hover-text>i {
	opacity: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}
.hover-bg:hover .hover-text {
	opacity: 1;
}
#portfolio i.fa {
	font-size: 20px;
	padding: 5px;
	color: #E87E04;
}
/* Achivements Section */
#achievements {
	padding: 100px 0;
	background: #578be2;
}
#achievements h2 {
	color: #fff;
}
#achievements hr {
	background: rgba(255,255,255,0.3);
}
.achievement-box h4 {
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	margin-left: 5px;
}
.achievement-box span.count {
	font-size: 52px;
	font-weight: 600;
	display: block;
	color: #121d1f;
	padding: 0;
	margin: 0;
}
/* Resume Section */
#comment {
	padding: 100px 0;
	background: #f6f6f6;
}

#comment2019 {
    padding: 100px 0;
    background: #f5f5eb;
}

.timeline {
	position: relative;
	padding: 0;
	list-style: none;
}
.timeline:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 40px;
	width: 2px;
	margin-left: -1.5px;
	background-color: #eee;
}
.timeline>li {
	position: relative;
	margin-bottom: 50px;
	min-height: 50px;
}
.timeline>li:before, .timeline>li:after {
	content: " ";
	display: table;
}
.timeline>li:after {
	clear: both;
}
.timeline>li .timeline-panel {
	float: right;
	position: relative;
	width: 100%;
	padding: 0 20px 0 100px;
	text-align: left;
}
.timeline>li .timeline-panel:before {
	right: auto;
	left: -15px;
	border-right-width: 15px;
	border-left-width: 0;
}
.timeline>li .timeline-panel:after {
	right: auto;
	left: -14px;
	border-right-width: 14px;
	border-left-width: 0;
}
.timeline>li .timeline-image {
	z-index: 100;
	position: absolute;
	left: 0;
	width: 70px;
	height: 70px;
	margin-left: 0;
	border: 1px solid #eee;
	border-radius: 100%;
	text-align: center;
	background: #fff;
}
.timeline>li .timeline-image h4 {
	margin-top: 20px;
	font-size: 14px;
	text-transform: uppercase;
}
.timeline>li.timeline-inverted>.timeline-panel {
	float: right;
	padding: 0 20px 0 100px;
	text-align: left;
}
.timeline>li.timeline-inverted>.timeline-panel:before {
	right: auto;
	left: -15px;
	border-right-width: 15px;
	border-left-width: 0;
}
.timeline>li.timeline-inverted>.timeline-panel:after {
	right: auto;
	left: -14px;
	border-right-width: 14px;
	border-left-width: 0;
}
.timeline>li:last-child {
	margin-bottom: 40px;
}
.timeline .timeline-heading h4 {
	margin-top: 0;
	text-transform: uppercase;
	font-size: 16px;
}
.timeline .timeline-heading h2 {
	margin-top: 30px;
}
.timeline .timeline-heading h4.subheading {
	text-transform: none;
	color: #629ca7;
	font-size: 20px;
}
.timeline .timeline-body>p, .timeline .timeline-body>ul {
	margin-bottom: 0;
}
/* Contact Section */
#contact {
	padding: 100px 0 40px 0;
	color: #121d1f;
	background: #578be2;
}
#contact h2 {
	color: #fff;
}
#contact hr {
	background: rgba(255,255,255,0.3);
}
#contact h3 {
	padding-top: 20px;
	font-size: 20px;
	font-weight: 400;
	color: #fff;
}
#contact form {
	padding: 30px 0;
}
#contact i.fa {
	color: #121d1f;
	margin-bottom: 10px;
}
#contact .text-danger {
	color: #E87E04;
	text-align: left;
}
label {
	font-size: 12px;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	float: left;
}
#contact .form-control {
	display: block;
	width: 100%;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #2c3e50;
	background-color: rgba(255,255,255,0.8);
	background-image: none;
	border: 0;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}
#contact .form-control:focus {
	border-color: inherit;
	outline: 0;
	-webkit-box-shadow: transparent;
	box-shadow: transparent;
}
.form-control::-webkit-input-placeholder {
color: #2c3e50;
}
.form-control:-moz-placeholder {
color: #2c3e50;
}
.form-control::-moz-placeholder {
color: #2c3e50;
}
.form-control:-ms-input-placeholder {
color: #2c3e50;
}
#contact .social {
	margin-top: 60px;
}
#contact .social ul li {
	display: inline-block;
	margin: 0 20px;
}
#contact .social i.fa {
	font-size: 30px;
	padding: 4px 5px;
	color: #fff;
	transition: all 0.5s;
}
#contact .social i.fa:hover {
	color: #121d1f;
}
#contact .btn {
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 0;
	padding: 10px 20px;
	color: #fff;
	margin-top: 15px;
}
#contact .btn:hover, #contact .btn:focus {
	background-color: #121d1f;
	border: 1px solid #121d1f;
}
.btn:active, .btn.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
a:focus, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline: none;
	outline-offset: none;
}
/* Footer Section*/
#footer {background: #121d1f;color: #7d8384;	padding: 30px 0 25px 0;}
#footer p {font-size: 13px; margin-top:30px; }
#footer a {color: #a0a5a5;}
#footer a:hover {color: #578be2;}

.intro .intro-text p {    font-family:'Nanum Myeongjo';    font-size: 2.6em;    line-height:140%;    margin-bottom: 50px;    margin-top: 30px;   text-shadow:1px 1px #000;}
.intro2019 .intro-text p {    font-family:'Nanum Myeongjo'; font-weight:bold;    font-size: 2.6em;    line-height:140%;    margin-bottom: 50px;    margin-top: 30px; }
/* Media Queries */
@media(min-width:768px) {
	.intro {
		height: 100%;
		padding: 0;
		text-align: left;
		color: #fff;
	}

	.intro H1 {
		font-size: 60px;
		font-weight: 500;
		letter-spacing: -2px;
	}

	.intro .name {
		font-weight: 600;
	}

	/*.intro .intro-text p span {background-color:rgba(0,0,0,0.3); }*/
	.intro .intro-text p .none {
		display: none;
	}
}

@media(min-width:768px) {
.intro2019 {height: 100%;padding: 0;	text-align: left;	color: #1b2c44;}
.intro2019 H1 {	font-size: 60px;	font-weight: 500;	letter-spacing: -2px;}
.intro2019 .name {	font-weight: 600;}
/*.intro .intro-text p span {background-color:rgba(0,0,0,0.3); }*/
.intro2019 .intro-text p .none {display:none; }


section {
	padding: 120px 0;
}
header .intro-text {text-align:center; padding-top: 100px; padding-bottom: 100px; }
.timeline:before {
	left: 50%;
}
.timeline>li {
	margin-bottom: 100px;
	min-height: 100px;
}
.timeline>li .timeline-panel {
	float: left;
	width: 41%;
	padding: 0 20px 20px 30px;
	text-align: right;
}
.timeline>li .timeline-image {
	left: 50%;
	width: 100px;
	height: 100px;
	margin-left: -50px;
}
.timeline>li .timeline-image h4 {
	margin-top: 16px;
	line-height: 18px;
	font-weight: 400;
}
.timeline>li.timeline-inverted>.timeline-panel {
	float: right;
	padding: 0 30px 20px 20px;
	text-align: left;
}
}

@media(min-width:992px) {
#here-me h1 {
	margin: 10px 0 0px;
}
.timeline>li {
	min-height: 150px;
}
.timeline>li .timeline-panel {
	padding: 0 20px 20px;
}
.timeline>li .timeline-image {
	width: 150px;
	height: 150px;
	margin-left: -75px;
}
.timeline>li .timeline-image h4 {
	margin-top: 30px;
	font-size: 18px;
	line-height: 26px;
}
.timeline>li.timeline-inverted>.timeline-panel {
	padding: 0 20px 20px;
}
}

@media(min-width:1200px) {
.timeline>li {
	min-height: 170px;
}
.timeline>li .timeline-panel {
	padding: 10px 20px 20px 100px;
}
.timeline>li .timeline-image {
	width: 150px;
	height: 150px;
	margin-left: -75px;
}
.timeline>li .timeline-image h4 {
	margin-top: 40px;
	font-weight: 400;
}
.timeline>li.timeline-inverted>.timeline-panel {
	padding: 10px 100px 20px 20px;
}
}

@media only screen and (min-width: 768px)  and (max-width: 1000px) {
    .intro .intro-text p { font-size: 2.2em;  }

}


/* Media Queries */
@media(max-width:768px) {
h1 img {width:40%; }
.intro .intro-text p { font-family:nanum myeongjo; padding-top:30px; margin-bottom:20px; font-size: 1.8em; line-height:140%; }
.intro .intro-text p>span  {background-color:rgba(0,0,0,0.2); }
.intro .intro-text p .none {display:none; }
.navbar {min-height:20px; }
.navbar-brand {height:20px; padding:0 15px;  }
.navbar-toggle {margin-top:0; margin-bottom:0; padding:2px 10px; }

.portfolio-item .hover-bg {	height: 300px;}
iframe {height:420px; }
}

/* Media Queries */
@media(max-width:420px) {
h2 {font-size:24px; }
.intro .intro-text p .none {display:block; }
.intro .intro-text p { font-size: 1.2em;   }

.sermon_area p {font-size:16px;}
.sermon_area p strong {font-size:18px; }
    .section-title.center {padding: 25px 0 0px 0;    }
#video, #sermon, #comment {padding:50px 0;}
#video .btn {margin-bottom:5px; }
iframe {height:260px; }
#comment .section-title p {font-size:14px; }
.comment_list ul li .name {font-size:12px; }
.comment_list ul li .date {font-size:10px; }
.comment_list ul li .msg_text {font-size:14px; line-height:20px; }

}