<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {font-family: 'NanumGothic', sans-serif;}
#wrapper {font-size: 1.6rem;}
.mobile_menu_wrap {display:none;}
.mobi_area_flex{display: none;}
#logo {float:left; margin:40px 0 15px 0; width: 300px; font-size: 3rem;}
#logo img {display: block; width: 100%;}
#header {position:relative; width:1200px; margin:0 auto;}
#header .tnb {position:absolute; top:0; right:0;}
#header .tnb_list { margin:10px 0;}
#header .tnb_list li {float:left; margin-left:20px;}
#header .tnb_list li a {font-size:1.2rem; color:#666; font-weight:bold; }
#header .tnb_list li a.manager_btn {display:block; text-align:center; width:72px; line-height:20px; background:#1a75bc; border-radius:20px; color:#fff;}
#header nav {position:absolute; top:50px; right:0; z-index: 99999;}
#gnb &gt; ul &gt; li {float:left; position:relative; padding:0 30px; height:50px; box-sizing:border-box;}
#gnb &gt; ul &gt; li:last-child {margin-right:30px;}
#gnb &gt; ul &gt; li &gt; a {font-size:1.9rem; font-weight:bold; color:#000; line-height: 50px; letter-spacing:-0.05em;}
#gnb &gt; ul &gt; li &gt; a:hover {color:#0092ff;}	
.full_nav_item {display:none; position:absolute; width:100%; top:70px; left: 50%; transform: translateX(-50%); text-align: center; z-index:9999;}
.full_nav_item li a {font-size:1.4rem; line-height: 2;}
.full_nav_item li a:hover {color:#0092ff;}
.full_nav {display:none; position:absolute; top:50px; left:0; border:1px solid #747474; width:100%; height:210px; background:#fff; z-index:999;}
.full_nav:before {position:absolute; content:''; width:100%; height:3px; background:#297cc8;}
#main {width:1200px; margin:0 auto 20px;}
#main .contents {margin:20px 0;}

/* banner */
.banner_area {position: relative; width: 100%; height: 0; padding-bottom: 37.96%; z-index: 9;}
.banner_cont {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9;}
.sermon {width: 23%; float:left; border:1px solid #d6d6d6; border-radius:10px; padding:0 14px 3px; box-shadow:1px 1px 3px rgba(0,0,0,0.1); box-sizing:border-box; line-height:1.4;}
.sermon &gt; a {display:block;}
.sermon h1 {font-size:2rem; color:#000; margin:10px 0;}
.sermon .sermon_tit {font-size:1.6rem; margin:7px 0 7px 0; font-weight:bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.sermon .bible {font-size:1.2rem; padding-bottom:4px;}
.ex_img {width:250px; height:140px;}
.quick_menu {float:right; width:75%;}
.quick_menu ul {padding-bottom:20px;}
.quick_menu ul li {position:relative; float:left; width:calc(25% - 15px); margin-right:20px; height:120px; border-radius:5px;}
.quick_menu ul li:nth-child(4) {margin-right:0;}
.quick_menu ul li:nth-child(8) {margin-right:0;}
.quick_menu ul li a {display:block; width:100%; height:100%;}
.quick_menu01 {background:url('../img/main/quick_bg01.gif') no-repeat; background-size:cover;}
.quick_menu02 {background:url('../img/main/quick_bg02.gif') no-repeat; background-size:cover;}
.quick_menu03 {background:url('../img/main/quick_bg03.gif') no-repeat; background-size:cover;}
.quick_menu04 {background:url('../img/main/quick_bg04.gif') no-repeat; background-size:cover;}
.quick_menu05 {background:url('../img/main/quick_bg05.gif') no-repeat; background-size:cover;}
.quick_menu06 {background:url('../img/main/quick_bg06.gif') no-repeat; background-size:cover;}
.quick_menu07 {background:url('../img/main/quick_bg07.gif') no-repeat; background-size:cover;}
.quick_menu08 {position:relative; background:url('../img/main/quick_bg08.gif') no-repeat; background-size:cover;}
.quick_tit {float:left; margin:40px 0 0 15px; font-size:2.2rem; color:#fff; font-weight:700; letter-spacing:-1px; line-height:20px; text-shadow:2px 2px 5px rgba(0,0,0,0.5);}
.quick_tit06 {margin-top:27px; line-height:26px;}
.quick_tit06 span {line-height:14px;}
.quick_tit05 {margin-top:20px; line-height:26px;}
.quick_tit05 span {line-height:14px;}
.quick_icon {position:absolute; top:50%; right:3%; margin-top:-33.5px;}
.quick_tit span {font-size:1.2rem; letter-spacing:0;}
.kakao_plus {position:absolute; top:0; left:0; }

/*ï¿½ï¿½ï¿½ï¿½*/
.sub_wrap {position:relative; width:1200px; margin:0 auto; border-top:4px solid #297cc8;}
.menu_left {float:left; width:220px;}
.menu_left_tit {height:80px; padding: 30px 7px 0px 7px; font-size:2.2rem; color:#fff; background:url('../img/main/left_bg.gif') bottom right no-repeat; background-size:cover; box-sizing:border-box; text-align:center;}
.menu_left_tit .num {font-size:4rem; color:#8ec641;}
.menu_left_list {width:95%; margin:0 auto; padding-top:15px;}
.menu_left_list &gt; li {position:relative; font-size:1.5rem; font-weight:bold; border-bottom:1px dashed #bbb;}
.menu_left_list &gt; li:before {content:""; position:absolute; top:22px; left:8px; display:block; width:2px; height:2px; background-color:#297cc8;}
.menu_left_list &gt; li &gt; .link {display:block; padding:15px 5px 15px 20px; color:#777; box-sizing:border-box;}
.menu_left_list &gt; li &gt; .link:hover {color:#333;}
.menu_left_scd {padding: 0 1em 1em; line-height: 1.6;}
.menu_left_scd &gt; li {position:relative; padding-left:1em;}
.menu_left_scd &gt; li:before {content:""; position:absolute; top:50%; left:0; width:5px; height:1px; background:#797676; transform:translateY(-50%);}
.menu_left_scd &gt; li &gt; a {color: #797676; font-size: 1.4rem;}
.menu_left_scd &gt; li:hover &gt; a {color: #000;}
.sub_main {float:right; position:relative; width:940px; min-height:500px;}
@media screen and (max-width:1200px){
	.menu_left {display:none;}
	.sub_main {float:none; width:95%; margin: 0 auto;}
}
.first_menu.on a {font-weight:700; color:#000;}
.first_menu.on a:after {display:block;}
#container {padding-top:40px;}
#solution_title_comm {position:relative; text-align:left; margin-bottom:10px; font-size:3.2rem;}
#solution_title_comm * {font-size:3.2rem;}
#banner-box {width:1200px; margin:20px auto;}
#banner-box iframe {width:100%; height:68px;}
/****ï¿½ï¿½ï¿½ï¿½ï¿½Ì¹ï¿½ï¿½ï¿½****/
#art_03 .art_wrap{position:relative; width:100%; height:0; overflow:hidden; padding-bottom: 12%;}  
#art_03 .art_wrap .respon_wrap {position:absolute; top:0; left:0; width:100%; height:100%;}
#art_03 .gal_wrap{float:left; width:16.6666%; height:100%; text-align:center;}
#art_03 .gal_wrap &gt; a {position:relative; overflow:hidden; display:block; height:100%;}
#art_03 .gal_wrap &gt; a img{display:block; width:100%; height:100%;}
#art_03 .gal_wrap &gt; a .gal_tit{position:absolute; width:100%; bottom:0; left:0; text-align:center; transition:opacity 1s; opacity:0;}
#art_03 .gal_wrap &gt; a .gal_tit &gt; p {width:100%; padding:5px 0; background-color:rgba(0,0,0,0.6); color:#fff;}
#art_03 .gal_wrap:hover &gt; a .gal_tit{opacity:1;}
hr { width:1200px; margin:0 auto;}
#footer {text-align:center; padding:20px 0; width:1200px; margin:0 auto; box-sizing:border-box;}
#footer p {font-size:1.2rem; line-height:20px;}
.footer_sns {display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 20px;}
.footer_sns &gt; li {font-size: 2.8rem; transition: 0.3s;}
.footer_sns &gt; li:first-child:hover {color: #3b5998;}
.footer_sns &gt; li:nth-child(2):hover {color: #c4302b;}

/*subpage content*/
.uotc_100 {width:100% !important;}
.s_board_100 {width:100% !important;}
.media_board_100 {width:100% !important;}
.history_100 {width:100% !important;}
.steward_100 {width:100% !important;}
.member_100 {width:100% !important;}
.yearend_100 {width:100% !important;}
.worship_100 {width:100% !important;}
.weekly_100 {width:100% !important;}
.shichal_100 {width:100% !important;}
.work_100 {width:100% !important;}
.table_100 {width:100% !important;}

/*subpage content*/
/* ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ ï¿½ï¿½ ï¿½Ù¿ï¿½ ï¿½ï¿½Æ° */
.page_scroll_wrap {position:absolute; right:-20px;}
.page_scroll {position:fixed; bottom:300px;}
.page_scroll &gt; a {display:block; margin:3px 0; padding:12px; font-size:2rem; border:1px solid #ccc; background-color:rgba(255,255,255,0.5);}
.page_scroll .btn_page_up {padding-bottom:5px; border-top-right-radius: 6px; border-top-left-radius: 6px;}
.page_scroll .btn_page_down {padding-top:5px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px;}
@media screen and (max-width:1200px) {
	.mobi_area_flex{display: flex;}
	#wrapper .m_none {display:none;}
	#header { width:100%;}
	#header nav {position:static;}
	#main {width:100%;}
	#logo {margin:15px 0 13px 15px; width: 220px;}
	#gnb {display:none;}
	.sermon {position:relative; float:none; width:100%; box-sizing:border-box;}
	.sermon .sermon_tit {position:absolute; top:50px; left:290px; font-size:1.8rem;}
	.sermon .bible {position:absolute; top:90px; left:290px; font-size:1.5rem;}
	.tnb {display:none;}
	.quick_icon {width:30%; margin-top:-30px;}
	.quick_tit {font-size:2rem;}
	.mobile_btn {position:absolute; top:50%; right:15px; transform: translateY(-50%); display:block;}
	.mobile_btn .bar {display:block; width:30px; height:3px; background:#000; margin: 7px; border-radius: 3px;}
	.quick_menu {float:none; width:100%; box-sizing:border-box; padding:30px 20px;}
	.quick_menu ul {padding-bottom:0;}
	.quick_menu ul li { margin-bottom:20px;}
	.quick_tit06 {line-height:auto; margin:10% 7%;}
	hr {width:100%;}
	#banner-box {width:100% !important;}
	#banner-box iframe {width:100% !important;}
	.banner_wrap {width:100% !important;}
	#footer {width:100%;} 
	#menu_active_bg {position:fixed; display:none; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:9999;}
	.mobile_menu_wrap {display:block; position:fixed; top:0; right:-70%; overflow-x:hidden; overflow-y:scroll; width:70%; height:100%; background:#333; z-index:99999;}
	.mobile_menu_wrap .m_login { position:relative; padding:12px;}
	.mobile_menu_wrap .m_login .btn_login {display:inline-block; width:50px; padding:5px 4px; font-size:1.2rem; border:1px solid #fff; text-align:center; color:#fff;}
	.mobile_menu_wrap .m_login .btn_admin_m {display:inline-block; width:65px; padding:5px 4px; font-size:1.2rem; border:1px solid #fff; text-align:center; color:#fff;}
	.mobile_menu_wrap .m_login .btn_menu_close {position:absolute; top:8px; right:10px; width:30px; height:30px;}
	.mobile_menu_wrap .m_login .btn_menu_close .cross1 {position:absolute; top:15px; left:0px; display:block; width:30px; height:2px; background:#fff; transform:rotate(45deg);}
	.mobile_menu_wrap .m_login .btn_menu_close .cross2 {position:absolute; top:15px; left:0px; display:block; width:30px; height:2px; background:#fff; transform:rotate(-45deg);}
		.tnb_list.mobi_area_flex{
			position: absolute;
			top: 18px;
			right: 100px;
		}
		.tnb_list.mobi_area_flex li a{
			font-size: 1em !important;
		}
	.m_menu {width:100%;}
	.m_menu nav &gt; ul &gt; li {background:#484848; border-bottom:1px solid #3e3e3e;}
	.m_menu nav &gt; ul &gt; li .arrow {float:right; color:#222;}
	.m_menu nav &gt; ul &gt; li .arrow.gnb_on {transform:rotate(90deg);}
	.m_menu nav &gt; ul &gt; li &gt; a {display:block; padding:13px; color:#fff; font-weight:bold; font-size:2rem;}
	.m_menu nav .m_sub_ul {display:none;}
	.m_menu nav .m_sub_ul &gt; li { background:#3e3e3e;}
	.m_menu nav .m_sub_ul &gt; li:first-of-type {padding-top:5px;}
	.m_menu nav .m_sub_ul &gt; li:last-of-type {padding-bottom:5px;}
	.m_menu nav .m_sub_ul &gt; li &gt; a {display:block; padding: 8px 20px; font-size:1.6rem; color:#fff;}
	.m_menu nav .m_sub_ul .m_sub_scd {padding: 1em 2em; line-height: 1.6;}
	.m_menu nav .m_sub_ul .m_sub_scd &gt; li {position:relative; padding-left:1em;}
	.m_menu nav .m_sub_ul .m_sub_scd &gt; li:before {content:""; position:absolute; top:50%; left:0; width:5px; height:1px; background:#a7a3a3; transform:translateY(-50%);}
	.m_menu nav .m_sub_ul .m_sub_scd &gt; li &gt; a {color: #a7a3a3; font-size: 1.5rem;}
	.sub_wrap {width:100%;}
	.sub_wrap .sub_tit h2 {font-size:2.5rem; padding-left:25px;}
	#art_03 .gal_wrap &gt; a .gal_tit{opacity:1;}
	#art_03 .gal_wrap &gt; a .gal_tit &gt; p {font-size:1.3rem;}
	.m_resize {width:100%;}
	.sub_wrap .sub_menu li {width:25%;}
  #solution_title_comm, #solution_title_comm * {font-size:2.8rem;}
}
@media screen and (max-width:768px) {
	.mobile_btn {right:10px;}
	.sermon {border:none; box-shadow:none; width:100%;}
	.sermon img {width:100%;}
	.sermon .sermon_tit {position:static; }
	.sermon .bible {position:static; }
	.quick_tit {font-size:2.2rem;}
	.quick_menu {padding:25px 8px;}
	.quick_menu ul {padding-bottom:0;}
	.quick_menu ul li { width:46%; margin:0 2% 20px 2%;}
	.sermon .pastor_img {height:0; padding-bottom:53%; overflow:hidden;}
	.ex_img {height:auto;}
	.quick_icon { margin-top:-25px;}
	.quick_tit span {font-size:1.5rem;}
	.worship_100 &gt; .wrsp_view_tit {font-size:3rem;}
	#art_03 .art_wrap {padding-bottom:22%}
	#art_03 .gal_wrap {width:33.333333%}
	#art_03 .gal_wrap &gt; a .gal_tit &gt; p {padding:3% 0; font-size:1.3rem;}
	#art_03 .gal_wrap &gt; li + li + li + li{display:none;}
}
@media screen and (max-width:586px) {
	.quick_tit {font-size:1.8rem;}
	.quick_tit span {font-size:1.3rem;}
	#art_03 .gal_wrap &gt; a .gal_tit &gt; p {font-size:1rem;}
.sub_wrap .sub_menu_border {border-bottom:1px solid #E1525E;}
}
@media screen and (max-width:440px) {
	.sub_wrap .sub_menu_border {border-bottom:1px solid #E1525E;}
}
@media screen and (max-width:400px) {
	.quick_menu ul li {height:90px;}
	.quick_tit {margin:17% 7%; font-size:1.5rem;}
	.quick_tit span {font-size:1.1rem;}
	.quick_tit05 {margin:10% 7%; line-height:18px;}
	.quick_tit06 {margin:12% 7%; line-height:18px;}
	.quick_icon { margin-top:-20px;}
	#footer p {font-size:1.1rem; letter-spacing:-1px;}
	#main .contents {margin:0;}
}
</pre></body></html>