.mobile_menu_wrap {display:none;}
 #logo {float:left; margin:26px 0 20px 0;}
 #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:12px; 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;}
 .menu_gnb_fst > li {float:left; margin:0 45px; height:50px;}
 .menu_gnb_fst > li:last-child {margin-right:25px;}
 .menu_gnb_fst > li > a {font-size:17px; font-weight:bold; color:#000; letter-spacing:-0.05em;}
 .menu_gnb_fst > li > a:hover {color:#0092ff;}
 .menu_gnb_scd {display:none; position:absolute; top:60px; z-index:999999;}
 .menu_gnb_scd li a {font-size:13px; line-height:25px;}
 .menu_gnb_scd li a:hover {color:#0092ff;}
 
 
 .full_nav {display:none; position:absolute; top:40px; left:0; border:1px solid #747474; width:100%; height:300px; background:#fff; z-index:99999;}
 .full_nav:before {position:absolute; content:''; width:100%; height:3px; background:#297cc8;}
 
 #main {width:1200px; margin:0 auto 20px;}
 
 #main .contents {margin:20px 0;}
 .main_visual {height:470px;}
 .sermon {float:left; width: 24%; 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;}
 .sermon > a {display:block;}
 .sermon h1 {font-size:20px; color:#000; margin:10px 0;}
 .down_btn { position:absolute; top:10px; left:100px;  padding:5px 10px; background:#999; border-radius:5px; display:block; color:#fff; font-size:12px; text-align:center; font-weight:bold;} 
 .sermon .sermon_tit {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:16px; margin:7px 0 7px 0; font-weight:bold;}
 .sermon .bible {font-size:12px; line-height: 1.5; padding-bottom:4px; box-sizing:border-box;}
 
 .sermon_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;}
 .quick_menu01 {background:url('../img/body/quick_bg01.gif') no-repeat; background-size:cover;}
 
 .quick_menu02 {background:url('../img/body/quick_bg02.gif') no-repeat; background-size:cover;}
 .quick_menu03 {background:url('../img/body/quick_bg03.gif') no-repeat; background-size:cover;}
 .quick_menu04 {background:url('../img/body/quick_bg04.gif') no-repeat; background-size:cover;}
 .quick_menu05 {background:url('../img/body/quick_bg05.gif') no-repeat; background-size:cover;}
 .quick_menu06 {background:url('../img/body/quick_bg06.gif') no-repeat; background-size:cover;}
 .quick_menu07 {background:url('../img/body/quick_bg07.gif') no-repeat; background-size:cover;}
 .quick_menu08 {background:url('../img/body/quick_bg08.gif') no-repeat; background-size:cover;}
 .quick_tit {float:left; margin:40px 0 0 15px; font-size:22px; 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:30px; line-height:26px;}
 .quick_tit06 span {line-height:14px;}
 .quick_icon {position:absolute; top:50%; right:3%; margin-top:-33.5px;}
 .quick_tit span {font-size:12px; letter-spacing:0;}
 
 
 /*서브*/
 .sub_wrap {position:relative; width: 100%; max-width:1200px; margin:0 auto;}
 .sub_wrap .menu_snb_scd_tit { height:70px; background:url('../img/sub/sub_top_bg.gif') no-repeat; font-size:36px; color:#fff; line-height:70px; padding-left:54px; 
  letter-spacing:-0.05em; box-sizing: border-box;}
 .sub_wrap .menu_snb_scd {display: flex; border-bottom:1px solid #1b76bd;}
 .sub_wrap .menu_snb_scd li {position:relative; flex: 1 1 0; text-align:center;}
 
 .sub_wrap .menu_snb_scd li:before {position:absolute; top:15px; left:0; content:''; width:1px; height:14px; background:#000;}
 .sub_wrap .menu_snb_scd li.before_none:before {display:none;}
 .sub_wrap .menu_snb_scd li:first-child:before {display:none;}
 .sub_wrap .menu_snb_scd li a {position:relative; display:block; font-size:14px;  color:#000; line-height:42px;}
 .sub_wrap .menu_snb_scd li a:after {position:absolute; bottom:0; display:none; content:'';  width:100%; height:2px; background:#1b76bd;}
 .sub_wrap .menu_snb_scd li:hover a {font-weight:700; color:#000;}
 .sub_wrap .menu_snb_scd li:hover a:after {display:block;}
 .sub_wrap .menu_snb_scd li.on a {font-weight:700; color:#000;}
 .sub_wrap .menu_snb_scd li.on a:after {display:block;}
 .sub_wrap .menu_snb_scd > li > .link.active {color: #1b76bd; font-weight: bold;} 
 .first_menu.on a {font-weight:700; color:#000;}
 .first_menu.on a:after {display:block;}
 .sub_main {position:relative; min-height:500px;}
 .sub_main .left_wrap {display:none; position:absolute; top:40px; right:0;}
 #container {padding-top:40px;}
 #solution_title_comm {position:relative; text-align:center;  margin-bottom:30px;}
 #solution_title_comm:after {position:absolute; bottom:5px; left:50%; margin-left:-30px; content:''; width:60px; height:1px; background:#333; }
 #banner-box {width:1200px; margin:20px auto;}
 
 /****메인이미지****/
 #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 > a {position:relative; overflow:hidden; display:block; height:100%;}
 #art_03 .gal_wrap > a img{display:block; width:100%; height:100%;}
 #art_03 .gal_wrap > a .gal_tit{position:absolute; width:100%; bottom:0; left:0; text-align:center; transition:opacity 1s; opacity:0;}
 #art_03 .gal_wrap > a .gal_tit > p {width:100%; padding:5px 0; background-color:rgba(0,0,0,0.6); color:#fff;}
 
 #art_03 .gal_wrap:hover > 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:12px; line-height:20px;}
 
 /*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;}
 .worship_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 { width:100%;}
   #header nav {position:static;}
   #main {width:100%;}
   #logo {margin:10px 0 10px 10px; }
   #logo img {height:40px;}
   #gnb {display:none;}
   .sermon {position:relative; float:none; width:100%; box-sizing:border-box; padding-bottom:15px;}
   .sermon .sermon_tit {position:absolute; top:50px; left:290px; font-size:18px;}
   .sermon .bible {position:absolute; top:90px; left:290px; font-size:15px;}
   .tnb {display:none;}
   .quick_icon {width:30%; margin-top:-30px;}
   .quick_tit {font-size:20px;}
   .mobile_btn {position:absolute; top:12px; right:15px; display:block;}
   .mobile_btn .bar {display:block; width:30px; height:3px; background:#000; margin:6px; 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:12px; 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:12px; 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);}
   
   .m_menu {width:100%;}
   .m_menu .menu_gnb_fst_mobi > li {background:#484848; border-bottom:1px solid #3e3e3e;}
   .m_menu .menu_gnb_fst_mobi > li .arrow {float:right; color:#222;}
   .m_menu .menu_gnb_fst_mobi > li .arrow.gnb_on {transform:rotate(90deg);}
   .m_menu .menu_gnb_fst_mobi > li > .txt {display:block; padding:13px; color:#fff; font-size: 1.8rem; font-weight:bold;}
   .m_menu .menu_gnb_scd_mobi {display:none;}
   .m_menu .menu_gnb_scd_mobi > li { background:#3e3e3e;}
   .m_menu .menu_gnb_scd_mobi > li:first-of-type {padding-top:5px;}
   .m_menu .menu_gnb_scd_mobi > li:last-of-type {padding-bottom:5px;}
   .m_menu .menu_gnb_scd_mobi > li > a {display:block; padding:8px 20px; font-size:1.5rem; color:#fff;}
 
   .sub_wrap .menu_snb_scd_tit {width:100%;font-size:2.6rem; padding-left:25px;}
   #art_03 .gal_wrap > a .gal_tit{opacity:1;}
   #art_03 .gal_wrap > a .gal_tit > p {font-size:13px;}
   .m_resize {width:100%;}
   .sub_wrap .menu_snb_scd {flex-wrap: wrap;}
   .sub_wrap .menu_snb_scd li {width:25%; flex: 1 1 auto;}
 }
 
 @media screen and (max-width:768px) {
   .mobile_btn {right:10px;}
   .sermon {border:none; box-shadow:none; width:100%;}
   .sermon img {width:100%; height:auto;}
   .sermon .sermon_tit {position:static; }
   .sermon .bible {position:static; }
   .quick_tit {font-size:22px;}
   .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:15px;}
   .quick_tit06 {margin:8% 5%;}
   .down_btn {position:static; }
   #art_03 .art_wrap {padding-bottom:22%}
   #art_03 .gal_wrap {width:33.333333%}
   #art_03 .gal_wrap > a .gal_tit > p {padding:3% 0; font-size:13px;}
   #art_03 .gal_wrap > li + li + li + li{display:none;}
 }
 
 
 @media screen and (max-width:586px) {
   .quick_tit {font-size:18px;}
   .quick_tit span {font-size:13px;}
   #art_03 .gal_wrap > a .gal_tit > p {font-size:10px;}
   .sub_wrap .menu_snb_scd_border {border-bottom:1px solid #E1525E;}
   #banner-box {margin:0 0 20px 0;}
 }
 
 @media screen and (max-width:440px) {
   .sub_wrap .menu_snb_scd_border {border-bottom:1px solid #E1525E;}
 
   
 }
 @media screen and (max-width:400px) {
   #logo img {height:30px;}
   .mobile_btn {top:7px;}
   .quick_menu ul li {height:90px;}
   .quick_tit {margin:17% 7%; font-size:15px;}
   .quick_tit span {font-size:11px;}
   .quick_tit06 {margin:12% 7%; line-height:18px;}
   .quick_icon { margin-top:-20px;}
   #footer p {font-size:11px; letter-spacing:-1px;}
   #main .contents {margin:0;}
 }