.wrap {width: 100%; font-family: "NanumGothic", sans-serif;}
/*Çì´õ*/
#header {position:relative; border-bottom:1px solid #4f81bd; padding-bottom:50px;}
.m_menu {display:none; position:absolute; width:100%; z-index:999999; background:#dce6f2; }
.m_menu > li {background:#4f81bd; border-bottom:1px solid #5693c4;}
.m_menu > li > a {position:relative; display:block; padding:13px; color:#fff; font-weight:bold;}
.m_menu > li > a .menu_plus {position:absolute; top:9px; right:13px; font-size:20px; font-weight:bold; vertical-align:middle;}
.m_menu > li.menu_user_mobi {padding:5px; box-sizing:border-box; border-top:1px solid #4f81bd; text-align:center;}
.m_menu > li > a.btn_login {display:inline-block; padding:4px 5px; background-color:#4f81bd; color:#fff;}

.m_second_list {display:none; background:#dce6f2;}
.m_second_list > li {border-bottom:1px solid #c0c0c0; }
.m_second_list > li > a {display:block; padding:13px 30px 13px; font-size:13px; color:#000;}
.header_top {width:1200px; margin:0 auto;}
.header_top h1 {float:left; margin:20px 0 15px 0;}
.header_top .tnb {float:right; margin-top:60px;}
.tnb ul li {position:relative; padding:0 10px; float:left;}
.tnb ul li:before {position:absolute; top:2px; left:0; content:''; width:1px; height:14px; background:#777;}
.tnb ul .manager_btn {margin:0; padding:0;}
.tnb ul .manager_btn a { color:#fff; display:block; width:100%; background:#ec293a; font-size:11px; padding:0 7px; line-height:19px; box-sizing:border-box;}
.tnb ul .manager_btn:before {display:none;}
.tnb ul .login_btn:before {display:none;}
.tnb ul li a {font-size:13px;}
.tnb ul li a:hover {color:#4f81bd;}
.logout:before {display:none;}
.header_bot {width:100%; height:50px; background:#4f81bd;}
.gnb {width:1200px; margin:0 auto;}
.gnb .first_list {position:relative; font-size:0; text-align:center;}
.gnb .first_list > li {display:inline-block; line-height:50px; width:calc(99%/8); text-align:center; box-sizing:border-box;}
.gnb .first_list > li:hover > a {color:#74dbe1;}
.gnb .first_list > li > a {color:#fff; font-weight:700; font-size:14px;}

.second_list {position:absolute; display:none;}
.second_list > li {position:relative; float:left; margin:0 5px; padding-left:10px;} 
.second_list > li:first-child:before {display:none;}
.second_list > li:before {position:absolute; top:19px; left:0; content:''; width:1px; height:13px; background:#000; }
.second_list > li > a {font-size:14px; color:#000;}
.second_list05, .second_list06, .second_list07 {right:0;}
.mobile_btn {display:none; position:absolute; top:40px; right:10px;}
.mobile_btn span {display:block; width:34px; height:3px; background:#4f81bd; margin-bottom:4px; transition:0.4s;}
.open .bar2 {
-webkit-transform: rotate(-225deg) translate(4.5px, 0px);
transform:rotate(-225deg) translate(4.5px, 0px); }
.open .bar3 {
-webkit-transform: rotate(225deg) translate(4.5px, 0px);
transform:rotate(225deg) translate(4.5px, 0px); }
.open .bar1  {opacity:0;} 
.open .bar4  {opacity:0;} 
.open_menu {height:0; transition:0.5s;}
/*¸ÞÀÎ*/
.main_visual_wrap {position:relative; width:100%; height:0; padding-bottom:22.5%;}
.main_visual {position:absolute; width:100%; height:100%;}
.main_visual > img {width:100%; height:100%;}
.main_content_wrap {width:1200px; margin:0 auto;}
.main_content {margin-top:34px;}
.main_content section {float:left; width:calc((100% - 15px)/4); margin-right:5px; border:1px solid #c0c0c0; box-sizing:border-box;}
.main_content section:last-child {margin-right:0;}
.main_content section h2 {position:relative; font-size:17px; color:#669fda; line-height:46px; padding-left:14px; border-bottom:1px solid #e0e0e0; transition-property:background, color; transition-duration:0.3s, 0.01s; }
.main_content section:hover > h2 {background:#669fda; color:#fff;}
.main_content section:hover .hover_img {display:block;}
.main_content section:hover .more_img {display:none;}
.hover_img {display:none;}
.main_content section h2 img {position:absolute; top:16px; right:14px;}
.main_content section ul {padding:27px 20px;}
.main_content section ul li {position:relative; padding-left:10px; margin-bottom:25px;}
.main_content section ul li:hover > a {text-decoration:underline;}
.main_content section ul li:before {position:absolute; top:7px; left:0; content:''; width:4px; height:4px; background:#000;}
.main_content section ul li:last-child {margin-bottom:0;}
.main_content section ul li a {display:block; width:100%; font-size:15px; color:#000; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.main_content section ul li span {display:block; color:#999; font-size:14px; height:14px; }
.main_content section.quick_menu {border:none;}
.quick_menu  a {position:relative; display:block; margin-bottom:5px; height:81.5px;}
.quick_menu .quick_icon {position:absolute; top:28%; left:20%;}
.quick_menu .quick_icon img { vertical-align:middle; margin-right:20px; transition:all 0.2s;}
.quick_menu .quick_icon span { vertical-align:middle; color:#fff; font-size:18px; font-weight:700; }
.quick_menu .quick01 {background:#00ce01;}
.quick_menu .quick02 {background:#00bc06;}
.quick_menu .quick03 { margin-bottom:0; background:#05a704;}
.quick_menu >  a:hover .quick_icon_img {transform:rotate(20deg);}
.main_album {margin-top:60px;}
.main_album h2 {font-size:30px; text-align:center; margin-bottom:32px;}

.gal_wrap { float:left; width:calc((100% - 15px)/4); margin-right:5px; box-sizing:border-box; overflow:hidden;  }
.main_album ul li:last-child {margin-right:0;}
.album_link {position:relative; display:block; height:0; padding-bottom:69.49%; overflow:hidden;  transition:0.2s;}
.album_link:hover  { transform:scale(1.1); }
.album_img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%;}
.album_img.portrait {width:100%; height:auto;}
.over_img {overflow:hidden;}
.photo_tit {text-align:center; font-size:16px; color:#000; line-height:20px; padding:5px 0; }
.photo_tit span {font-size:14px; color:#999;}

/* ¾Ù¹ü */
.gall_list {text-align:center; font-size:0;}
.gall_list > li {overflow: hidden; display: inline-block; width: calc(25% - 10px); margin-top: 0; margin-bottom: 0; margin-left: 5px; margin-right: 5px; font-size: 14px; box-sizing: border-box;}
.gall_list > li > .link {overflow: hidden; position: relative; display: block; width: 100%; height: 0; padding-top: 65.95%;}
.gall_list > li .thumbnail {    
	overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.2s;
}
.gall_list > li .centered {
	  position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}
.gall_img {
		display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    height: 100%;
}
.gall_img.portrait {
	width: 100%; height: auto;
}
.gall_info {display:block; padding:10px 0;}
.gall_info_tit {font-size:16px; margin-bottom:5px;}
.gall_info_date {font-size:14px; color:#999;}
.gall_list > li:hover .thumbnail {transform:scale(1.05);}

.banner {margin-top:50px;}
.sub_content {position:relative; }
.sub_content .left_wrap {display:none; position:absolute; }
#container {padding-left:200px;}
/*ǪÅÍ*/
#footer {margin-top:40px; background:#9f9f9f; padding:35px 0;}
#footer p {width:1200px; margin:0 auto; text-align:center; font-size:12px; line-height:16px; color:#fff;}
.mobile_footer {display:none; font-size:14px;}
.pc_footer a {color:#fff;}

/*¼­ºêÆäÀÌÁö*/
.sub_content {width:1200px; margin:40px auto 0; min-height:1000px; }
#solution_title_comm {position:relative; padding-left:15px; line-height:90px}
#solution_title_comm:before {position:absolute; top:32px; left:0; content:''; width:5px; height:30px; background:#4f81bd;}

/*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;}
/*subpage content*/

/* ÆäÀÌÁö ¾÷ ´Ù¿î ¹öÆ° */
.page_scroll_wrap {position:absolute; right:-20px;}
.page_scroll {position:fixed; bottom:300px;}
.page_scroll > a {display:block; margin:3px 0; padding:12px; font-size:20px; 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){
	#header {padding-bottom:0; width:100%;}
	.header_top {width:100%;}
	.header_top .tnb {display:none;}
	.header_bot {display:none;}
	.main_content_wrap {width:100%;}
	.main_album {width:100%; padding:10px; box-sizing:border-box;}
	.main_album ul li > img  {width:100%;}
	.mobile_btn {display:block;}
	.main_content section {width:calc((100% - 10px)/3); margin-bottom:10px; box-sizing:border-box;}
	.main_content section:nth-child(3) {margin-right:0;}
	.main_content {padding:10px; box-sizing:border-box; margin-top:0;}
	.main_content section.quick_menu {width:100%;}
	.quick_menu > a {float:left; width:calc((100% - 10px)/3); margin-right:5px;}
	.quick_menu > a:last-child {margin-right:0;}
	.quick_menu .quick_icon_left {left:25%;}
	.banner {width:100%;}
	.sub_content {width:100%; margin-top:0;}
	#footer p {width:100%;}
}

@media screen and (max-width:768px){
	.header_top h1 {margin-left:10px;}
	.header_top h1 img {height:45px;}
	.mobile_btn {top:30px;}
	/* .main_visual_wrap {padding-bottom:60%} */
	.bx-wrapper img {transform:scaleX(2.5); max-width:100%;}
	ul.bxslider > li {overflow:hidden;}
 	.main_content section {width:100%;}
	.main_content section ul li:nth-child(2) {margin-bottom:0;}
	.main_content section ul li:last-child {display:none;}
	.quick_menu .quick_icon {position:static; text-align:center; padding-top:10px; }
	.quick_menu .quick_icon img {margin-right:0;}
	.quick_menu .quick_icon span {font-size:14px; display:block; padding-top:12px;}
	.main_album {margin-top:30px;}
	.main_album ul li {width:49%;}
	.main_album ul li:nth-child(2) {margin-right:0;}
	.top-title {text-align:left !important;}
	.uotc_view-title {text-align:left !important;}
	#solution_title_comm {padding-left:30px; font-size:22px !important;}
	#solution_title_comm:before { height:22px; top:33px; left:15px; }
	.mobile_footer {display:block;}
	.pc_footer {display:none; }
	#footer p {font-size:14px;}
}