@charset "utf-8";
@font-face {
     font-family: 'S-CoreDream-4';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
    font-family: 'GangwonEdu_MoDu';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEdu_OTFBoldA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GangwonEdu_Power';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEduPowerExtraBoldA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Seje';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMDOHYEON.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketM';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketB';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
.font-power{font-family:'GangwonEdu_Power',sans-serif;}

html{overflow-x: hidden;}html::-webkit-scrollbar {width: 10px;background-color: #F5F5F5;}html::-webkit-scrollbar-thumb {background-color: #19A3C0;}
body{overflow-x: hidden;font-family:'S-CoreDream-4',sans-serif;font-weight: 400;}a,a:link,a:hover,a:visited,a:active{text-decoration: none;}
body, a:not(.btn),a:not(.btn):link,a:not(.btn):hover,a:not(.btn):visited,a:not(.btn):active {color: #555555;}
.back-to-top {position: fixed; bottom: 0; right:0; z-index: 2; width:50px; height: 50px; color: #fff!important; line-height: 50px; font-weight:500;text-align: center; display: none; font-family: 'Roboto'; background: #19A3C0;}


.boardView p {
    margin: 0;
    padding: 10px 0;
    text-indent: 20px;
}
/*QT*/
.qt_table{margin: 20px }
.qt_table td[align='center']{font-size: 1.5em;background-color: #f5f7fa;padding: 10px 0}

/*공동체 성경읽기*/
body.m3_5 .board-header{margin-bottom: 0!important;display: none;}
body.m3_5 #subContentTop{display: none;}
body.m3_5 .CbibleReading{padding-top: 10px}

@media screen and (max-width: 768px) {
  .qt_table{margin: 20px 0px; font-size: .9em;letter-spacing: -1.5px!important;}
  .qt_table td[align='center']{font-size: 1.1em;}
  body.m3_5 .board-header{display: none;}
  body.m3_5 #subWrapper{padding: 0}
  body.m3_5 #footer{display: none;}
  body.m3_5 #subContent{min-height: calc(100vh - 60px)}
  body.m3_5 .CbibleReading{padding-top: 0px}

}
.form-group{margin-bottom: .5em!important}



/*Bootstrap Overwirte*/
.btn{border-radius: 0}
.btn-light{color:#7A7A7A!important;border:1px solid #dddddd;}
.form-control{border-radius: 0}
.input-group-text{border-radius: 0}
.custom-file-label{border-radius: 0}

.btn-gray { background: #5d6169; color: #fff!important;}
.btn-blue { background: #2699E3; color: #fff!important;}
.btn-red { background: #D31F1F; color: #fff!important;}
.btn-gray2 { background: #f7f7f7; color: #777; border: 1px solid #c9c9c9;}
.btn-green { background: #81c341; color: #fff!important;;}
.btn-black {background: #000; color: #fff!important;;}
.btn-white {background: #fff; color: #2b2b2b; border: 1px solid #cccccc; }

/*Animation*/
.koa-animation{opacity: 0;}
.koa-animation-pop {transition: all .2s}
.koa-animation-pop:hover{transform: scale(1.08);transition: all .1s}
/*-----------------------------------------*/


.view-info{list-style: none;margin: 0;padding: 0}
/*ANIMATE*/
#header .logo a:hover img{animation: bounce;animation-duration: 1s;}

/*Mobile Menu*/
#mobileNav {position:fixed;width: 300px;height:100%;top: 0;left:-300px;z-index: 101;overflow: auto;-webkit-overflow-scrolling: touch;}#mobileNav ul{list-style: none;margin:0;padding:0;}#mobileNav .mobile-header {position: relative;padding: 10px;background: #19A3C0;display: none;height:60px;color:white;}.mobile-header h4{margin-top:10px}#mobileNav .mobile-header h4 a{color: #fff;font-size:300;letter-spacing: -1px;}#mobileNav .mobile-header button {color: #fff;}#mobileNav .mobile-header .mobile-close {position: absolute;right: 15px;top: 10px;border: 0;font-size: 28px;color: #fff;background-color: #19A3C0}#mobileNav .mobile-header .mobile-close i {font-size: 28px;}#mobileNav .mgnb {border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}#mobileNav .mgnb a {font-weight: 400;display: block;}#mobileNav .mgnb > li {}#mobileNav .mgnb > li > a {background: #fff;border-top: 1px solid #ccc;font-size: 20px;padding: 15px 20px;color: #333333;font-weight: 400;}#mobileNav .mgnb > li:first-child > a {border-top:0;}#mobileNav .mgnb > li.active > a {}#mobileNav .mgnb li > a i{margin-right:5px;color:#767a81;transition:all .2s ease-out 0;-webkit-transition:all .2s ease-out 0;}#mobileNav .mgnb li > ul > li >a i{color:white;}#mobileNav .mgnb li a i.rightico {float:right;margin: 0;}#mobileNav .mgnb li.active > a i.rightico {color:#91cb5a;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);transition: all 0.2s ease-in-out 0s;-webkit-transition: all 0.2s ease-in-out 0s;}#mobileNav .mgnb > li > ul {border-top: 1px solid #596170;}#mobileNav .mgnb > li > ul > li > a {background: #757c89;border-bottom: 1px solid #596170;font-size: 16px;padding: 12px 20px;color: #fff;}#mobileNav .mgnb > li > ul > li > ul > li > a {background: #f5f5f5;border-top: 1px solid #cccccc;padding: 12px 35px;color: #777;font-size: 13px;}#mobileNav .mgnb > li > ul > li > ul > li:first-child > a {border-top: 0;}



.mobile-footer { float:left;width:100%;padding: 5px 0; background: #fff;display: none;border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;}
.mobile-footer a {}
.mobile-footer ul {display: flex;justify-content: space-between;}
.mobile-footer ul > li {width:100%;}
.mobile-footer ul.three > li:nth-child(2){border-right:1px solid #D0D0D0;border-left:1px solid #D0D0D0;}
.mobile-footer ul.two > li:nth-child(1){border-right:1px solid #D0D0D0}
.mobile-footer ul > li i{display: block;}
.mobile-footer ul > li > a {display: block; font-size:1rem; padding: 8px 0; position: relative;text-align: center;color:#757575;}
.mobile-footer ul > li > a i{font-size:1.5rem;padding-bottom:5px;}
.mobile-footer .formember {border-top:1px solid #dddddd;padding:5px;margin-top:5px;float:left;width:100%;font-size:1.1em;color:#0D74EB;}
.mobile-footer .sns{}

/*Block when pc only - fixed width*/
@media screen and (max-width: 992px){
  .mobile-open{display:flex!important;justify-content: center;align-items: center; position:fixed;left:0;top:0;color:#fff;background:#4d525a;font-size:28px;border:0;border-right:1px solid #444;line-height:0;height:60px;width:60px;z-index:2}}

.sm-show{display: none}
/*Website*/
#wrapper{}
.header_top .utility a{font-size:.8em;padding:5px 7px;}
#header{-webkit-transition: height 0.4s;-moz-transition: height 0.4s;transition: height 0.4s ease-out;z-index:10;}
/*#header.header-action{background-color: #ffffff;height: 60px;width:100%;position: fixed}*/

#header{border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;padding:15px 0}
.header_top {padding:10px 0}

.header_top .utility a{font-size:.8em;padding:5px 7px;}


#header .mobile-open { display: none;}
#header .menu-section{display: flex;justify-content: space-between;align-items: center;}
#header .logo {}
#header .header_menu{width:100%;}
#header .header_menu ul {float:left;width:100%;height:41px;z-index:11;display: flex;justify-content: space-between;list-style: none;}
#header .header_menu ul  > li{position:relative;text-align: center;width:100%;}
#header .header_menu ul.sf-menu  > li > a{font-size:22px;width:100%;text-align: center;font-weight:600; display: block;height:56px;padding-top:10px;color:#414141;}
#header .header_menu ul.sf-menu  > li > a > span {position: relative; padding-bottom: 15px;}
#header .header_menu ul.sf-menu  > li > a > span:before {
    content: '';
    width:100%;
    height: 10px;
    position: absolute;
    left: 0;
    bottom: 0;
    padding:1px;
    line-height: 5px;
    font-size:8px;
    font-weight:500;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
}
#header .header_menu ul.sf-menu  > li:hover > a > span:before {
    background: #19A3C0;
    -webkit-transform: scale3d(1, 1, 1);
    : scale3d(1, 1, 1);
}

/*#header .header_menu li:hover ul{display: block;}*/
#header .header_menu li > ul{position:absolute;padding:0;margin:0;width: 250px; flex-direction:column;overflow: hidden;height:0;}
#header .header_menu li > ul.on{height:auto;}
#header .header_menu li > ul > li {float:left;background-color:#f1f1f1;}
#header .header_menu li > ul > li:hover a{background-color:#19A3C0;color: white}
#header .header_menu li > ul > li:last-child{padding-bottom:5px;}
#header .header_menu li > ul > li > a{float:left;width:100%;padding:7px 0;font-weight:400;color:#3F3F3F;font-size: 1.2em}
#header .header_menu li > ul > li:first-child{padding-top:10px;}
#header .header_menu li > ul > li:last-child{padding-bottom:10px;}

/*부탁*/
/*ul.mgnb > li {border-right: 1px solid #c3c05a;height: 35px;}
ul.mgnb > li:last-child {border-right: 0px}
*/
#mainContent {}
#subContent{position: relative;}
#subContent .quick-link{top:60px;right:-230px;}


body.m2_4 .working-body {display: none;}
body.m2_4 .board-header{display: none;}
body.m2_5 .working-body {display: none;}
body.m2_5 .board-header{display: none;}
body.m2_7 .working-body {display: none;}
body.m2_7 .board-header{display: none;}
body.m1_6 .working-body {display: none;}
body.m1_6 .board-header{display: none;}
body.m1_6 .board-footer,body.m2_4 .board-footer,body.m2_5 .board-footer, body.m2_7 .board-footer{display: none!important;}
/*소요리문답*/
#shortcate{font-family: 'GangwonEdu_MoDu';font-size:1.4em;letter-spacing: -.25px}
#shortcate h1,#shortcate h2,#shortcate h3,#shortcate h4,#shortcate h5{font-size:1.1em;padding-left:15px;letter-spacing: -1px;white-space:normal;word-break:keep-all;}
#shortcate h1{font-weight: 700;padding-left:0px;margin-top:10px;font-size:1.1em;color:#19A3C0}
#shortcate h2{font-weight: 700;color:#000000}
#shortcate h2,#shortcate h3,#shortcate h4,#shortcate h5{text-indent: -25px;padding-left:40px}
#shortcate .eng h4, #shortcate .eng h5{letter-spacing: 0px;display: none;}
#shortcate .bible-comment{margin-left:35px;font-size: .9em;font-family: 'S-CoreDream-4';font-size:.7em}
#shortcate .cate-title{font-size:2em;font-weight: 700}

/*대요리문답*/
#largecate{font-family: 'GangwonEdu_MoDu';font-size:1.4em;letter-spacing: -.25px}
#largecate  h5{margin-top:20px;font-weight: 700;font-size:1.5em;color:#19A3C0;}
#largecate .qa{font-weight: 700;padding-left:0px;margin-top:10px;color:#19A3C0;margin-left:-15px}
#largecate .question{font-weight: 700;color:#000000;word-break:keep-all;}
#largecate .answer,#largecate .question{text-indent: -25px;padding-left:40px;word-break:keep-all;}
#largecate .cate-title{font-size:2em;font-weight: 700}
#largecate .comment{margin-left:40px;font-size: .9em;font-family: 'S-CoreDream-4';font-size:.7em}

/*웨스터민스터 신앙고백서*/
#westerminster{font-family: 'GangwonEdu_MoDu';font-size:1.4em;letter-spacing: -.25px;word-break:keep-all;}
#westerminster .cate-title{font-size:2em;font-weight: 700}
#westerminster li{margin-top:20px}
#westerminster h3, #westerminster h4{margin-top:40px;font-weight: 700;font-size:1.5em;color:#19A3C0;}
#westerminster sup{color:#19A3C0;}

/*교회정관*/
#churchArticle{font-family: 'GangwonEdu_MoDu';font-size:1.4em;letter-spacing: -.25px;word-break:keep-all;}
#churchArticle h1, #churchArticle h2, #churchArticle h3, #churchArticle h4, #churchArticle h5, #churchArticle h6{margin:0;padding:0}
#churchArticle h1,#churchArticle h2, #churchArticle .desc{text-align: center;}
#churchArticle h2{margin:60px 0 30px 0}
#churchArticle h3{margin-top:20px}
#churchArticle h4{text-indent: -25px;padding-left:40px}
#churchArticle h5{text-indent: -25px;padding-left:60px}
#churchArticle h6{text-indent: -25px;padding-left:80px}
#churchArticle h4, #churchArticle h5, #churchArticle h6{font-size:1em}

.hanmun{font-family: Pretendard;font-size:.8em}
ul.sf-menu li.m5_5{border-top:2px dotted #19A3C0}
ul.sf-menu li.m5_4{border-top:2px dotted #19A3C0}
.t-color{color:#19A3C0}
.mnNotice img{border-radius: 20px!important}
.photo a img.img-fluid{border-radius: 10px}


      #faq h4 {
          display: flex;
          align-items: center;
          font-size: 1.25rem;
          margin-bottom: 10px;
          color: #ee5d30;
      }
      #faq h4 i {
          margin-right: 10px;
          color: #ee5d30;
      }
      #faq p {
          margin-bottom: 20px;
          line-height: 1.6;
          color: #555;
          margin-left:28px;
          padding-left:10px;

          border-left:1px solid #dddddd;
      }
      #faq a {
          color: #19A3C0;
          text-decoration: none;
      }
      #faq a:hover {
          text-decoration: underline;
      }

/*비전*/
.vision-box{padding:80px 0;background:url(../images/vision_bg2.png) no-repeat 100% 100%;}
#subContentTop .vision-box{padding:60px 0;}
.vision-words{font-family:'GangwonEdu_Power',sans-serif;font-size:2.3em;color:black}
.vision-title{font-family:'GangwonEdu_Power',sans-serif;font-size:4em;color:black}
.vision-link{margin-top:20px}

/*제목*/
.mn-title{font-size: 3em}
.mn-title h1{font-family: GmarketB;font-weight:900;color:black;text-align: center;font-size:1.1em}
.mn-title h4{font-family: GmarketM;font-weight:500;color:#535353;text-align: center;font-size: .5em}

/*설교*/
.sermonThumbNail img{border-radius: 20px}
.core-box {min-height:430px}

/*최근소식*/
.lastest-list{display: flex;justify-content: center;height:92px;border: 1px solid #c5c5c5;border-radius: 15px;margin-bottom:15px;padding:20px;flex-direction: column;}
.lastest-list .subject {font-family: Pretendard;font-size:1.3em;font-weight: 700;}
.lastest-list .regdate{font-size:.9em;color:#999999}
.lastest-list:hover, .lastest-list:hover .regdate{background-color: #19A3C0;}
.lastest-list:hover, .lastest-list:hover .regdate{color:white!important}
.church-news .regdate{display: none}

.ck{border:1px solid red}
/*사진*/
.ltPhoto img{border-radius: 10px}
.ltPhoto h6{text-align: center}

@media screen and (max-width: 768px) {

  /*비전*/
  .vision-box{padding:40px 0px 40px 20px;background:url(../images/vision_bg2.png) no-repeat 100% 100%;min-height: 400px}
  .vision-words{font-family:'GangwonEdu_Power',sans-serif;font-size:1.3em;color:black}
  .vision-title{font-family:'GangwonEdu_Power',sans-serif;font-size:2.2em;color:black}
  .vision-link{margin-top:0px}

  #subContentTop .vision-box{padding:20px 0 10px 0;background-size: 0%;min-height: 50px}

  .mn-title h1{font-family: GmarketB;font-weight:900;color:black;text-align: center;font-size:.8em}
  .mn-title h4{font-family: GmarketM;font-weight:500;color:#535353;text-align: center;font-size: .4em}

  .board-header .d-flex{display: none!important;}

    /*  사진게시판*/
    body.m5_2 .board-list .col-6{padding:5px!important;margin:0!important}
    body.m5_2 .board-list .col-6 .img-thumbnail{padding:0!important}
}

.mainlinks ul{padding:0;margin:0;list-style: none;}
.mainlinks ul li{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.mainlinks ul li a{display: flex;justify-content: center;align-items: center;width:100px;height:100px;border-radius: 50%;text-align: center}
.mainlinks ul li:nth-child(1) a{border:3px solid #C27272;color:#C27272;}
.mainlinks ul li:nth-child(2) a{border:3px solid #718474;color:#718474;}
.mainlinks ul li:nth-child(3) a{border:3px solid #998675;color:#998675;}
.mainlinks ul li:nth-child(4) a{border:3px solid #5F758C;color:#5F758C;}
.mainlinks ul li:nth-child(5) a{border:3px solid #C1B562;color:#C1B562;}
.mainlinks ul li:nth-child(6) a{border:3px solid #9E6850;color:#9E6850;}
.mainlinks ul li a i{margin-left:-3px;}
.mainlinks ul li span{float:left;clear:both;width:100%;text-align: center;letter-spacing: 0;padding-top:10px;font-weight: 700}
.mainlinks ul li a:hover {animation: bounce;animation-duration: 1s;}

/*서브페이지*/
#subWrapper{display: flex;background-color: white;padding: 0 10px 30px 10px;}
.boardView, .html-body{font-size: 1.2em;letter-spacing: -1px;}
.boardView p{margin: 0}
.table .writer{display: none;}

#subContentTop{position: relative;}

#subContentTop h1{border-bottom:3px solid #d45224;padding-bottom:10px;margin-bottom:10px;font-weight:700;}
#subContentTop h1, #subContentTop h4{color:#d45224;}

#gnb_container {background-color: #d45224;display: none;}
#gnb_container.fixed {position: fixed; top:0;z-index: 12; width: 100%;  margin:auto;}
#gnb_container .nav-bread.fixed{position: fixed; top:0;z-index: 13; width: 100%;  margin:auto;}
#gnb_container .breadout{position: relative; height:50px;background-color:#d45224;}
#gnb_container .bread{position: absolute; padding:5px 0;width:100%;list-style: none;}
#gnb_container .bread>li{float:left;position: relative; padding-top:10px;width:200px;height:50px;}
#gnb_container .bread>li:hover ul{display: block}
#gnb_container .bread li:first-child {width:120px;}
#gnb_container .bread li:nth-child(2) i,.bread li:nth-child(3) i{float:right;margin-top:3px;}
#gnb_container .bread>li>a,.bread>li>span{float:left;color:white;border-right:1px solid #9298AB;padding:0px 25px;width:100%;}
#gnb_container .bread ul.dmenu{position: absolute; width:200px;display: none; overflow: hidden;margin-top:35px;background-color: #F0F0F7;border-left:1px solid #D0D0D0;border-right:1px solid #D0D0D0;z-index: 10;list-style: none;padding-left:0;}
#gnb_container .bread ul.dmenu li{float:left;width:100%;border-bottom:1px solid #D0D0D0;padding:5px 10px;}
#gnb_container .bread ul.dmenu li:hover{background-color:#BFBFBF;}

/*사이드메뉴*/
#sideMenu{float:left;width:350px;min-height:400px}  /*display:none*/
#sideMenu h3{background-color: #7EC9B9;padding:18px;text-align: center;color:white;}
#sideMenu ul{padding:0;margin:0;list-style: none;width:100%;}
#sideMenu ul li{display:flex;border-bottom:1px dotted #dddddd;flex-direction: column}

#sideMenu ul li a{width:100%;height:100%;padding:7px 10px;font-weight:700;}
#sideMenu ul li a:hover{background-color: #dddddd}
#sideMenu ul li ul {padding-left:15px;}
#sideMenu ul li ul li:last-child{border:0px;}

#subContent{width:100%;min-height: 600px}

/*Footer*/
#footer{/*position:absolute;bottom:0;*/width:100%;opacity: 1;background-color:#282828;min-height:150px;margin-top:0px;padding-top:20px;}
#footer .copyright{color:#DEDEDE;padding:5px;}
#footer .copyright .facebook, #footer a{color:white;}




/*섭페이지*/
.grayBox{background: #f5f5f5;padding: 20px;border-top: 2px solid #303058;word-break: break-all;}
.grace-dotted-box{border:1px dotted #A8A8A8;border-radius: 20px;padding:20px;}
.iconList .col-12{text-align: center}
.iconList .fal{font-size:2.5em;}
.grace-round{border:2px solid #A8A8A8;border-radius: 20px}
.roundTitle span{border:1px dotted #A8A8A8;border-radius: 20px;padding:15px;margin-top:20px;}
.imageList{}
.imageList img{width:100%!important;}
.imageList h5{border:2px solid #777777; padding:15px 10px;background-color: white;margin-top:5px;}
.imageList .col-sm-9 div{margin-top:15px;}
@media screen and (max-width: 576px) {
  .roundTitle span{display:block;}
}


.graceCont{font-size:1.1em;font-family: 'S-CoreDream-4';}
.graceCont h1,.graceCont h2,.graceCont h3{font-family: 'GangwonEdu_Power',sans-serif;color:#38ac9d}
.graceCont h1 {color:#FF6A00;}
.graceCont ul{list-style:circle inside; margin-left:0px;}
.graceCont p{word-break: break-word;}

@media screen and (max-width: 576px) {
  .graceCont{font-size:1em;}
  .graceCont ul{list-style:circle outside; padding-left:10px;}
  .graceCont h1{font-size:2em;}
  .graceCont video{height:200px;}
}

/*교회비전*/
.churchvision  h2{text-align: center;margin:0 0 30px 0;font-size:2em;color:#38ac9d;margin-top:50px;}
.churchvision .direction i{text-align: center;color:#38ac9d}
.churchvision .direction h4{text-align: center;font-size:1.2em;padding:10px;}
.churchvision .direction span{display: block;font-size: .9em}
.churchvision .direction hr{width:100px;margin:auto;margin-bottom:20px;}
.churchvision .direction p{text-align: center}


/*공통*/
.table-grace{width: 100%;table-layout: fixed;border-top: 2px solid #303058;border-bottom: 2px solid #dadee7;}
.table-grace thead tr {color: #171746;}
.table-grace th {padding: 10px 20px 10px 40px;text-align: left;background: #e9edf5;border-bottom: 1px solid #dadee7;font-weight: 700}
.table-grace td {padding: 10px 20px 10px 40px;border-bottom: 1px solid #dadee7;}

table.distable .name{width: 300px}
table.distable .location{width: 150px}


/*스킨문제들*/
.view_image img, .imgFiles img {height: auto!important}
.imgFiles{text-align: center;}


/* 반응형*/
@media screen and (max-width: 1200px) {
  .mn_banner{height: 600px;background: url(../images/mn_bg.png) no-repeat 50% 95%;padding-top: 50px;background-size: 100% 100%}
  .visioncopy{padding-top: 65px}
}
@media screen and (max-width: 992px) {
  #gnb_container .nav-bread{display: none;}
  .header_top,
  .header_menu{display: none}
  #header, #header .menu-section {height:60px;padding-top:7px;}
  #header .logo{margin:auto;width:auto;padding-left:30px;margin-top:-5px;}
  .mn_banner{height: 500px;background: url(../images/mn_bg.png) no-repeat 50% 95%;padding-top: 50px;background-size: 100% 100%}
  .visioncopy{padding-top: 75px}
  .visioncopy img{width: 110%}

}

@media screen and (max-width: 768px) {
  .bread .depth1, .hide-sm{display: none!important}
  #mainContent{}
  #mainContent .container {max-width: 100%!important;padding:0!important;}
  #header .logo a img{margin-left:10px;width:220px;}

  .youtubeOUt{border: 0px solid rgba(0, 0, 0, .4);}
  .visioncopy{padding-top: 30px;text-align: center;}
  .visioncopy img{width: 90%}
  .mn-sermon h2{font-size: 1.3em}
  .mn_banner{height: 450px;background: url(../images/mn_bg.png) no-repeat 50% 95%;padding-top: 20px;background-size: 100% 100%}
  .mn_title{font-size: 2.5em}
  .mn_middle h5{font-size: 1em}
  .mn_middle h6{display: none;}
  .ltPhoto h6{font-size: .9em;overflow: hidden;height:18px}
  .ltPhoto .col-6{padding:5px;margin-bottom:0!important}

  #gnb_container{display: none}
  .churchNews .newsTit{display: flex;justify-content: center;}
  .churchNews #lastList {justify-content: center;}
  .center-sm{text-align: center;}
  .page-link{padding: .35rem!important;font-size: .9em;text-align: center;letter-spacing: -1px;}
  .page-item{width:28px }
  #footer .copyright {font-size: .9em}
}

@media screen and (max-width: 576px) {
  #subContent {padding:0!important;}
  #subContentTop h1{font-size:2em;}
  #mainContent .container {max-width: 100%!important;padding:0!important}
  .mn_banner{height: auto;background: url(../images/mn_bg.png) no-repeat 0 0;padding-top: 20px;}
  .visioncopy{padding-top: 10px;text-align: center;padding-bottom: 20px}
  .visioncopy img{width: 70%}
  .mn_middle{min-height: auto;height: auto;background: url(../images/mn_middle_bg.jpg) no-repeat 50% 100%;padding-top: 5px}
  .mn_middle h5{margin-bottom: 20px}
}


/*오시는 길*/
.wayToCome{background: #f5f5f5;padding: 20px;min-height:450px;border-top: 2px solid #303058;word-break: break-all;}

.mapinfo{list-style: none;font-size:1.2em;padding:0;margin:0;margin-top: 20px}
.mapinfo li{display: flex;padding:10px;}
.mapinfo i{width:30px;}
.mapinfo span{padding:0 20px;}
.mapinfoTitle{width:150px; border-right:1px solid #dddddd;font-weight:700;}
@media screen and (max-width: 576px) {
  .mapinfo{font-size:1em}
  .mapinfo li{padding:5px 0;}
  .mapinfo i{display: none}
  .mapinfoTitle{width:70px;border-right:0px solid }
  .mapinfo span{padding:0 0px;}
}



/* 생명의삶 */
body.m3_3 .htmlWorking{display: none;}
body.m3_3 .board-working{display: none;}
body.m3_5 .working-body{display: none;}
body.m3_3 .htmlWorkingBtns{display: none;}
 .section-padding{padding:0!important;}

table.life .wrapper,
table.life .mobile-button,
table.life .links {display: none!important;}
table.life .qtTitle tr:first-child td {font-size:20px;padding-bottom:10px;font-weight:bold;}
body.m3_3 .lf_title{font-size: 2em;margin-top: 20px}
body.m3_3 #subContent{font-size: 1.2em;letter-spacing: -1px;}
body.m3_3 .lf-bible{background-color: #EDEDED;padding: 10px}
body.m3_3 #subContent span.mt-3{font-weight: 700;display: block}
@media screen and (max-width: 768px) {
  body.m3_3 .lf_title{font-size: 1.5em;}
  body.m3_3 #subContent{letter-spacing: -2px;}
}

/* 성경통독 */
body.m3_4 .htmlWorking{display: none;}
body.m3_4 .htmlWorkingBtns{display: none;}
body.m3_4 .biblePlayer button{float:left;}
body.m3_4 .btn-bible-table a{color:white;}
body.m3_4 .audio{float:left;}
body.m3_4 .bibleList{margin: 0;padding: 0;list-style: none;}
body.m3_4 .bibleList li{position: relative; float:left;border:1px solid #dddddd;margin:10px 5px;height:35px;}
body.m3_4 .bibleList li a{float:left;width:100%;height:100%;line-height: 35px;padding:0 10px;}
body.m3_4 .bibleList li.welldone{background-color:#FEDCDC;}
body.m3_4 .bibleList li:hover{background:#87B8EA;}
body.m3_4 .bibleList li:hover a{color:white;}

body.m3_4 .bibleExp{font-size:1.2em;margin-bottom:15px;}
body.m3_4 .chapterList li{width:100%;#FAFAFA;border:1px dotted #EDEDED;padding:5px;}
body.m3_4 .chapterList li a i{margin-right:5px;}
body.m3_4 #audioplayer{width:100%;}
body.m3_4 .biblePlace{padding:5px 10px 15px 20px;display:none;}
body.m3_4 .biblePlace .verse{margin-left:-20px;width:20px;float:left;color:#87B8EA;}
body.m3_4 .biblePlace div{border-bottom:1px solid #dddddd;padding:2px 0;}

body.m3_4 .bibleChapter{float:right;font-weight:bold;}
body.m3_4 .bibleChapter i{display:none;}
body.m3_4 .bibleChapter .chTitle{display:none;}

body.m3_4 .bibleButtons{float:left;width:100%;}
body.m3_4 .bibleButtons a{color:white;}
body.m3_4 .audiowrapper{width:100%;float:left;}
body.m3_4 .activeVerse{color:red!important;}
body.m3_4 .chapterList li{float:left;width:100%}
body.m3_4 .chapterList li a{float:left;}
body.m3_4 .chapterList li a[read-data='o']{color:red;}
body.m3_4 .chapterList .chTitle{padding-left:10px;color:#929497;font-size:.9em;letter-spacing: -1px;}
body.m3_4 .bibleList span{float:left;border-top:3px solid red;}

body.m3_4 .myBibleReading{float:left;padding:0;margin:0;}
body.m3_4 .myBibleReading li{float:left;color:#878A8F;border:1px solid #dddddd;width:25px;height:18px;font-size:.6em;text-align: center;letter-spacing:-1px;}
body.m3_4 .myBibleReading li.book{font-weight:bold;}
body.m3_4 .myBibleReading li i{font-weight:bold;color:red;}
body.m3_4 .print{font-size:.9em;float:right;margin-top:10px;}

.readTogether {float:left;width:100%;display: block;margin-top:20px;}
.readTogether h2{font-size:1.2em;width:100%;padding:10px;background-color:#87B8EA;color:white;}
.readTogether h3{font-weight:normal;color:#4D525A;}

.readers{display: flex;flex-wrap: wrap;align-self: center;}
    .readers .person {font-size:15px;margin:5px;padding:5px 10px;background-color:#81C341;border-radius: 10px;vertical-align:middle; }
    .readers .person i{float:left;font-size:1.3em;color:white;margin-right:5px;margin-top:1px;}
    .readers .person span{float:left;}
    .readers .person .lg{background-color:white;border-radius: 5px;padding:0 5px;margin:0 5px;}

.bibleReaders dl dt{float:left;width:55px;height:100%;text-align: center}
.bibleReaders i{float:left;font-size:3em;color:white;height:100px;margin-left:5px;margin-top:5px;}
.bibleReaders dl dd{float:left;width:140px;padding-left:10px;color:white;}
.bibleReaders dl dd.name{width:140;padding:10px;}
.bibleReaders dl dd ul li{font-size:.9em;}


/*온라인 헌금*/
.fr-text-bordered{border-bottom:1px solid #dddddd;padding:10px 0;}
.paypalbtn{margin-top:20px;}


@media screen and (max-width: 768px) {
    .htmlCont{margin-top:40px;}
    .contentThis .conImg, .contentThis .conTxt { float: none !important; width: 100%;}
    .contentThis .conImg { margin-top: 20px;}
    .contentThis .conImg img {width: 100%; max-width: inherit;}
    .contentThis .con_right .conTxt { padding-left:0;}
    .contentThis .con_left .conTxt {padding-right: 0;}

    table.worshipTable thead{display:none}
  table.worshipTable td {display:block}
  table.worshipTable td:before{content:attr(th-data)}
  table.worshipTable td:first-child{background-color:#dddddd;}
  table.worshipTable td:last-child{padding-bottom:20px}

    table.distable thead{display:none}
    table.distable td {display:block}
    table.distable td:before{content:attr(th-data)}
    table.distable td:first-child{background-color:#fff2a5;}
    table.distable td:last-child{padding-bottom:20px}

    body.m3_4 .bibleExp{font-size:1em;margin-bottom:7px;}
    body.m3_4 .chTitle{display: block;font-size:.9em;}
    body.m3_4 .bibleList li{float:left;margin:5px 2px}
    body.m3_4 .bibleList li a{line-height: 40px;padding:0 5px;}
    .readers .person {font-size:13px}
}

@media print {
    /*QT관련 한페이지에 인쇄하도록 */
    body.m3_3 .header,
    body.m3_3 aside,
    body.m3_3 #footer
    {display: none;}
    table.life .qtTitle td{font-size:15px;line-height: 17px}

    body.m3_4 .header,
    body.m3_4 aside,
    body.m3_4 #footer
    {display: none;}

    body.m3_4 .print{display:none;}
    .nevi .naviPath{display:none!important;}

}