@charset "utf-8";
input{ -webkit-border-radius:0; /* input 라운드 사라짐 */ -webkit-appearance:none; /* input 그림자 사라짐 */ }
input[type="checkbox"] {-webkit-appearance:checkbox; -moz-appearance:checkbox;}
input[type="radio"] {-webkit-appearance:radio; -moz-appearance:radio;}




.d_width {position: relative;width:1600px;margin:0 auto;}
#header {position: relative;height: 130px;}
.top_ment{position:absolute; top:22px;}

.top-menu {position: absolute;right:0;display: flex; gap: 20px;margin-top:25px;z-index: 1;}
.top-menu > a {position:relative;font-size:14px;font-weight: 600;letter-spacing: -0.5px;color: #666;}
.top-menu > a::before {content:'';position: absolute;width:1px;height: 15px;background: #ddd;left: -10.5px;top: 2px;}
.top-menu > a:first-child::before {display:none;}
.top-menu > a:hover {color:#000;font-weight:500;text-decoration:underline;}

.top-info {position: absolute; right: 0; top: 57.5px; display: flex; gap: 14px;z-index: 2;align-items: center;}
.top-info > div {font-size: 14px;line-height:1.2;font-weight: 500;color: #383838;}
.top-info > div b {font-size: 17px;font-weight: bold;color: #0c69b7;}
.top-info > div:last-child {text-align:center;background: #f5f5f5;padding: 10px 14px;border-radius: 12px;}
.top-info > div:last-child b {font-size: 15px;}
.top-info > div:last-child span {font-size: 13px;}

.logo_wrap{text-align: center;}
.logo_wrap h1{position: relative;top: 30px;}

#header-wrap.fixed {position:relative;}
/*
#header-wrap.fixed::before {
  position: fixed;
  width: 100%;
  height: 85px;
  background: #fff;
  top: 0px;
  content: '';
  z-index: 999;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
}
*/

/* 대메뉴 */
.gnb-wrap-bg {width: 100%;background: linear-gradient(120deg, #008fd5 0%, #007fe9 100%);}
.gnb-wrap{position: relative;display: flex;align-items: center; width: 1600px; margin: 0 auto;height:65px;}
.gnb-wrap-fixed {position: fixed;top:0; z-index: 999; border-top: none;}
.gnb-wrap-fixed .new_nav, .gnb-wrap-fixed .nav-live, .gnb-wrap-fixed .allmenu-btn {}

.new_nav {width:80%; height:100%;  z-index:99; }
.new_nav .txt {height:65px; line-height:65px;}
.new_nav .nav_box {display: flex; justify-content: center;}
.new_nav .nav_box ul.menu {width: 100%;display: flex;justify-content: space-between;padding: 0 45px;}
.new_nav .nav_box li {position: relative;list-style:none; float:left;text-align: center;height:65px;cursor:pointer;}
.new_nav .nav_box li.abox01 {width: 100%;padding-bottom: 15px;}
.new_nav .nav_box li:hover {animation: bg 0.5s ease;  -webkit-animation: bg 0.5s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
.new_nav .txt a{font-size:18px; color:#fff;font-weight: bold;letter-spacing: -1px;}
.new_nav .submenu {display:none; position:absolute; left:0; top: 65px;margin-top:5px;width:100%;height: 245px; background:#fff; z-index:8; padding:10px 0 0 0;border: 1px solid #dbdbdb;}
.new_nav .nav_box li.abox01:first-child .submenu {width: calc(110% + 45px); left: -45px;/*border-top-left-radius: 18px;border-bottom-left-radius: 18px;*/}
.new_nav .nav_box li.abox01:nth-child(2) .submenu {width: 81%;left: 10%;}
.new_nav .nav_box li.abox01:nth-child(3) .submenu {width: 107%;left: -9%;}
.new_nav .nav_box li.abox01:nth-child(4) .submenu {width: 104%;left: -1%;}
.new_nav .nav_box li.abox01:nth-child(5) .submenu {width: 92%;left: 3%;}
.new_nav .nav_box li.abox01:nth-child(6) .submenu {width: 110%;left: -5%;}
.new_nav .nav_box li.abox01:nth-child(7) .submenu {width: 90%;left: 5%;}
.new_nav .nav_box li.abox01:nth-child(8) .submenu {width: 105%;left: -5%;}
.new_nav .nav_box li.abox01:last-child .submenu {width: calc(100% + 42px);/*border-top-right-radius: 18px;border-bottom-right-radius: 18px;*/}
.new_nav .submenu .depth2 {display: block;text-align: center;color: #333;font-size: 17px;line-height: 1.4;width: 100%;padding: 5px 3%;letter-spacing: -1px;word-break:keep-all;box-sizing: border-box;}
.new_nav .submenu .depth2:first-of-type {border-top:0}
.new_nav .submenu .depth2:hover {background:#008fd5;color:#fff;}
.new_nav .nav_box:hover .submenu {display:block;}
.new_nav .nav_box:hover .submenu {animation: nav2 0.3s ease;  -webkit-animation: nav2 0.3s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}


@keyframes nav2 {
    from {filter:alpha(opacity=0); opacity:0; top:50px}
    to {filter:alpha(opacity=1); opacity:1; top:60px;}
}
@-webkit-keyframes nav2 {
    from {filter:alpha(opacity=0); opacity:0; top:50px}
    to {filter:alpha(opacity=1); opacity:1; top:60px;}
}

.nav-live {width:227px;height:50px; border-radius:35px; background: linear-gradient(120deg, #3d6af2 0%, #623ef2 100%); padding: 7px 10px;box-sizing: border-box;display: flex;gap: 7px;position: relative;cursor:pointer;    z-index: 99;}
.nav-live-thumb {width: 36px;height: 0;overflow: hidden;position: relative;padding-bottom: 36px;border-radius: 50%;background: #f5f5f5;}
.nav-live-thumb img {position: absolute;left: 0;width: 100%;height: 100%;object-fit: cover;}
.nav-live-txt {width: calc(100% - 70px);display: flex;flex-direction: column;justify-content: center;}
.nav-live-txt .nav-live-tit {font-size: 13px;color: #fff;letter-spacing: -0.5px;font-weight: 500;margin-bottom: 3px;white-space: nowrap;box-sizing: border-box;overflow: hidden;}
.nav-live-txt .nav-live-tit p{display: inline-block;animation: flowText 7s linear infinite;}
@keyframes flowText {
      0% {
        transform: translateX(100%);
      }
      100% {
        transform: translateX(-100%);
      }
    }
.nav-live-txt .nav-live-time {font-size: 12px;color: #fff;font-weight: 500;opacity: .6;}
.nav-live-play {display: flex;align-items: center;width: 15px;}



.search-btn {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #623ef2;
  cursor:pointer;
  margin: 0 15px 0 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  .search-btn {z-index: 50;}
}

.sitemap-total-wrapper{position:absolute; top:65px; left:0; right:0; display:none;z-index:999;}
/*
.search-overlay-bg{position:absolute; top:65px; left:0; right:0; width:100%; height:100%; background-color:rgba(0,0,0,0.22);z-index: 9;}
.search-overlay-bg.fixed{top:0;}
*/
.header-search-open-con{display:none;position:absolute; left:0; top:195px; width: 100%; height: auto; /*border-top: 1px solid #fff;*/  background-color: rgba(30,50,90,.95);box-shadow: 0px 10px 15px rgba(0,0,0,.15);z-index: 9998;}
.header-search-inner{position: relative;width: 100%; max-width: 1600px; margin:40px auto 45px auto; text-align: center;}
.header-search-tit{font-size: 27px; font-weight: 600; color: #fff;margin-bottom: 15px;}
.header-search-inner-box{position: relative;width: 45%;min-width: 300px;margin: 0 auto;border-radius: 15px; height:50px;padding: 0 55px 0 20px;box-sizing: border-box; background-color: #fff;}
.header-search-inner-box .header-search-word{height:50px; width:100%; vertical-align:top; background-color:transparent; padding: 0;border:0; color:#000; font-size:17px; font-weight:400; text-align: left;}
.header-search-inner-box .header-search-word::placeholder{font-weight: 300; color:rgba(0,0,0,0.56);}
.header-search-inner-box .header-search-btn{position:absolute; top:12px; right:20px; }
.search-close{position:absolute; top:-15px; right: 0px;display:block;width:20px;height:20px;white-space:pre;text-indent:200%;overflow:hidden;cursor:pointer;}
.search-close:before,
.search-close:after{content:'';position:absolute;top:0px;left:9px;width:2px;height:21px;background-color:#fff}
.search-close:before{transform:rotate(45deg)}
.search-close:after{transform:rotate(-45deg)}
#header-wrap.fixed .header-search-open-con {top: 65px; position: fixed;}

@media all and (max-width:1700px) {
.header-search-inner{width: 94%;max-width: inherit;}
}

@media all and (max-width:1540px) {
.search-btn {margin: 0 0px 0 7px;}
}

@media all and (max-width:1280px) {
.search-btn {position: absolute; right: 55px;z-index: 50;}
#header-wrap.fixed .search-btn, #header-wrap.fixed .header-search-open-con {display:none !important;}
}

@media all and (max-width:1024px) {
.header-search-inner {margin: 21px auto 25px auto;}
.header-search-tit {font-size: 21px;margin-bottom: 10px;}
.header-search-inner-box {height: 45px;border-radius: 12px;}
.header-search-inner-box .header-search-word {height: 45px;font-size: 15px;}
.header-search-inner-box .header-search-btn {width: 20px;}
.search-close {top: -7px;}
}

@media all and (max-width:768px) {
.header-search-open-con {top:208px;}
}


.allmenu-btn {
display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  cursor: pointer;
width: 21px;
height: 50px;
border-radius: 50%;
/*background: #623ef2;*/
}
.allmenu-btn a{position:relative;display:block;width:21px;height:18px;transition:top 0.25s ease}
.allmenu-btn a span{position:absolute;left:0;top:0;display:block;width:21px;height:2px;background:#fff;transform: rotate(0deg);-webkit-transform: rotate(0deg);transition: .25s ease-in-out;-webkit-transition: .25s ease-in-out;}
.allmenu-btn a span:first-child{top:0px}
.allmenu-btn a span:nth-child(2){top:8px;}
.allmenu-btn a span:nth-child(3){top:16px;}
.allmenu-btn.off {background:none;}
.allmenu-btn.off span {background:#fff !important;}
.allmenu-btn.off span:first-child{top: 10px;transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg)}
.allmenu-btn.off span:nth-child(2){display:none;}
.allmenu-btn.off span:nth-child(3){top: 10px;visibility:visible;transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg)}
#header.on .allmenu-btn a span, #header.reverse .allmenu-btn a span {background:#010c2a;}
.all_menu_wrap {display: none;}
.all_menu {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    min-width: 1280px;
   height: 100vh;
    background: rgba(30,50,90,.95);
}

.all_menu_header {
	width: 100%;
	margin: 0 auto;
    padding: 40px 82px;
    box-sizing: border-box;
}
.all_menu_gnb {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 78%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.all_menu_gnb > ul {display:flex;flex-wrap: wrap;}
.all_menu_gnb .all_menu_depth01 {
	width: calc(20% - 35px);
    font-size: 24px;
    -webkit-transition: all ease .1s;
       -moz-transition: all ease .1s;
        -ms-transition: all ease .1s;
         -o-transition: all ease .1s;
            transition: all ease .1s;
    opacity: .92;
    color: #fff;
}
.all_menu_gnb .all_menu_depth01 span {font-weight: 500;cursor:default;opacity: .9; color: #fff;}
.all_menu_gnb .all_menu_depth01:hover span {opacity:1;}

.all_menu_gnb .all_menu_depth01 {
    margin-left: 35px;
}
.all_menu_gnb .all_menu_depth01:first-child, .all_menu_gnb .all_menu_depth01:nth-child(6) {margin-left:0;}

.all_menu_gnb .all_menu_depth01 .all_menu_depth02 {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 2px solid rgba(255,255,255,.4);
}

.all_menu_gnb .all_menu_depth01:hover .all_menu_depth02 {
    border-top: 2px solid rgba(255,255,255,1);
}

.all_menu_gnb .all_menu_depth01 .all_menu_depth02 li a {
    font-size: 17px;
    -webkit-transition: all ease .1s;
       -moz-transition: all ease .1s;
        -ms-transition: all ease .1s;
         -o-transition: all ease .1s;
            transition: all ease .1s;
    opacity: .7;
    color: #fff;
}

.all_menu_gnb .all_menu_depth01 .all_menu_depth02 li a:hover {
    opacity: 1;font-weight:500;
}

.all_menu_gnb .all_menu_depth01 .all_menu_depth02 li + li {
    margin-top: 0px;
}

.all_menu_gnb:after {
    display: block;
    clear: both;
    content: '';
	}


/******************** main_visual ********************/
.main-visual-wrap {width: 100%;margin: 0 auto 25px auto;}
.main-visual-wrap .swiper-slide img {/*border-radius:18px;*/width: 100%;}

.onair-box-wrap {margin-bottom:30px;}
.onair-box {width:1600px;height:102px;margin:0 auto;display: flex; gap: 10px;}
.onair-box > div {width:calc(33.33% - 6.66px);display: flex;background: #f5f5f5;border-radius: 18px;box-sizing: border-box;padding: 25px 50px;overflow: hidden;}
#onair2 {background: #fff;border: 1px solid #dcdcdc;padding: 0;align-items: center;cursor: pointer;}
#onair2:hover {border-color:#000;}
#onair2 .onair-box-thumb {margin-right: 25px;line-height: 0;width: 130px;height: 100%;}
#onair2 .onair-box-thumb img {width:100%;height:100%;}
#onair2 .onair-box-tit {width: calc(100% - 265px);}
#onair2 .onair-box-tit p {font-size: 20px;font-weight: bold;letter-spacing: -0.5px;color: #212121;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 7px;}
#onair2 .onair-box-tit span {font-size: 16px;font-weight: 300;color: #676767;}
#onair2 .onair-box-icon {margin: 0 30px 0 25px;line-height: 0;}
.onair-box div.onair-box-next {align-items: center;justify-content: space-between;}
.onair-box div.onair-box-next .onair-box-next01 {width: calc(100% - 100px);}
.onair-box div.onair-box-next .onair-box-next01 p {font-size: 20px;font-weight: bold;letter-spacing: -0.5px;color: #212121;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 7px;}
.onair-box div.onair-box-next .onair-box-next01 span {font-size: 16px;font-weight: 300;color: #676767;}
.onair-box div.onair-box-next .onair-box-next02 {font-size: 18px;font-weight: bold;letter-spacing: -0.5px;color: #212121;}

.main-contents-wrap {position: relative;z-index: 1; width:100%; letter-spacing: -1px;}
.general-news-wrap {width:1600px; margin:0 auto 45px auto;border: 1px solid #dcdcdc;box-sizing: border-box;padding: 55px 60px;border-radius: 18px;}
.general-news {}
.general-news-tit { display: flex;align-items: end;position: relative;gap: 12px;margin-bottom: 20px;}
.general-news-tit h1 { font-size: 31px;letter-spacing: -0.5px;color: #000;}
.general-news-daum { font-size: 18px;color: #292929;font-weight: 500;letter-spacing: -0.5px;display: flex;align-items: center;}
.general-news-daum img { }
.general-news-tit > a {transition:.2s;}
.general-news-tit > a .general-news-more {
  transition: .2s;
  position: absolute;
  right:0;
  top: 0;
  width: 120px;
  height: 40px;
  display: inline-block;
  font-size: 16px;
  color: #000;
  font-weight: bold;
  border: 1px solid #7f7f7f;
  line-height: 28px;
  border-radius: 40px;
  display: flex;
  gap: 25px;
  align-items: center;
  justify-content: center;
}
.general-news-tit > a .general-news-more span {
  transition: .2s;
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../images/main-news-more.png") no-repeat;
}
.general-news-tit > a .general-news-more:hover {transition:.2s;background: linear-gradient(120deg, #008fd5 0%, #007fe9 100%);color:#fff;}
.general-news-tit > a .general-news-more:hover span {transition:.2s;background:url("../images/main-news-more-on.png") no-repeat;}
.general-news-top { display: flex;gap: 50px;margin-bottom: 24px;}
.general-news-top-thumb { width: 572px;min-width: 572px;height: 0;overflow: hidden;padding-bottom: 353px;position: relative;border-radius: 5px;border: 1px solid #dcdcdc; box-sizing: border-box;}
.general-news-top-thumb img { position: absolute;left: 0;width: 100%;height: 100%;object-fit: cover;}
.general-news-top-thumb:hover {border-color:#000;}
.general-news-top-txtarea {height:auto;}
.general-news-top-txtarea > a {display: flex;flex-direction: column;gap: 20px;}
.general-news-top-txtarea .general-news-top-tit { font-size: 31px;line-height: 1.34;font-weight: bold;color: #000;margin-top: 10px;}
.general-news-top-txtarea .general-news-top-txt { font-size: 18px;line-height: 1.7;color: #666;font-weight: 400;word-break: keep-all;}
.general-news-top-txtarea .general-news-top-date { margin-top: 20px;font-size: 16px;line-height: 1.6;color: #666;font-weight: bold;}
.general-news-top-txtarea > a:hover .general-news-top-tit {color:#666;}
.general-news-bottom { display: flex;gap: 30px;width: 100%;}
.general-news-bottom > a {position: relative; display: flex;flex-direction: column;gap: 20px;width: calc(20% - 24px);}
.general-news-bottom > a::before {content:'';position:absolute;width:1px; height:170px;left:-15px;background:#dcdcdc;}
.general-news-bottom > a:first-child::before {display:none;}
.general-news-bottom-thumb { position: relative;width: 100%;height: 0;padding-bottom: 170px;border-radius: 5px;overflow: hidden;}
.general-news-bottom-thumb img { position: absolute;left: 0;width: 100%;object-fit: cover;height: 100%;transition:.2s;transform:scale(1.0);}
.general-news-bottom-txt { width: 100%;}
/**.general-news-bottom-txt > .general-news-bottom-tit { font-size: 20px;font-weight: bold;color: #000;letter-spacing: -0.2px;line-height: 1.68;margin-bottom: 5px;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}**/
.general-news-bottom-txt > .general-news-bottom-tit { font-size: 20px;font-weight: bold;color: #000;letter-spacing: -0.2px;line-height: 1.68;margin-bottom: 5px;width: 100%;}
.general-news-bottom-txt > .general-news-bottom-date { font-size: 16px;color: #666;}
.general-news-bottom > a:hover .general-news-bottom-txt > .general-news-bottom-tit {color:#666;}
.general-news-bottom > a:hover .general-news-bottom-thumb img {transition:.2s;transform:scale(1.1);}


.church-news-wrap {display: flex; gap: 80px; justify-content: center;background:#f6f5f3;padding: 50px 0 45px;box-sizing: border-box;}
.church-news {width: 1200px;}
.church-news-tit { display: flex;align-items: end;position: relative;gap: 12px;margin-bottom: 20px;}
.church-news-tit h1 { font-size: 31px;letter-spacing: -0.5px;color: #000;}
.church-news-daum { font-size: 18px;color: #292929;font-weight: 500;letter-spacing: -0.5px;display: flex;align-items: center;}
.church-news-daum img { }
.church-news-tit > a {transition:.2s;}
.church-news-tit > a .church-news-more {
  transition: .2s;
  position: absolute;
  right:0;
  top: 0;
  width: 120px;
  height: 40px;
  display: inline-block;
  font-size: 16px;
  color: #000;
  font-weight: bold;
  border: 1px solid #7f7f7f;
  line-height: 28px;
  border-radius: 40px;
  display: flex;
  gap: 25px;
  align-items: center;
  justify-content: center;
}
.church-news-tit > a .church-news-more span {
  transition: .2s;
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../images/main-news-more.png") no-repeat;
}
.church-news-tit > a .church-news-more:hover {transition:.2s;background: linear-gradient(120deg, #008fd5 0%, #007fe9 100%);color:#fff;}
.church-news-tit > a .church-news-more:hover span {transition:.2s;background:url("../images/main-news-more-on.png") no-repeat;}
.church-news-list {display: flex;flex-direction: column;gap: 20px;}
/*
.church-news-top-wrap {display: flex; gap: 24px;}
.church-news-top-wrap > a {width: calc(33.33% - 16px);}
.church-news-top {width: 100%;}
.church-news-top-thumb {position: relative; width: 100%; height: 0; padding-bottom: 215px; border-radius: 5px; overflow: hidden; margin-bottom: 20px;}
.church-news-top-thumb img {position: absolute; left: 0; width: 100%; object-fit: cover; height: 100%; transition: .2s; transform: scale(1.0);}
.church-news-top:hover .church-news-top-thumb img {transition: .2s; transform: scale(1.1);}
.church-news-top-tit {font-size: 20px; font-weight: bold; color: #000; letter-spacing: -0.2px; line-height: 1.68; margin-bottom: 5px; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.church-news-top:hover .church-news-top-tit {color: #666;}
.church-news-top-date {font-size: 16px; color: #666;}
*/
.church-news-top { display: flex;gap: 40px;margin-bottom: 24px;}
.church-news-top-thumb { width: 512px;min-width: 512px;height: 0;overflow: hidden;padding-bottom: 345px;position: relative;border-radius: 5px;border: 1px solid #dcdcdc; box-sizing: border-box;}
.church-news-top-thumb img { position: absolute;left: 0;width: 100%;height: 100%;object-fit: cover;}
.church-news-top-thumb:hover {border-color:#000;}
.church-news-top-txtarea {height:auto;}
.church-news-top-txtarea > a {display: flex;flex-direction: column;gap: 20px;}
.church-news-top-txtarea .church-news-top-tit { font-size: 31px;line-height: 1.34;font-weight: bold;color: #000;margin-top: 10px;}
.church-news-top-txtarea .church-news-top-txt { font-size: 18px;line-height: 1.7;color: #666;font-weight: 400;word-break: keep-all;}
.church-news-top-txtarea .church-news-top-date { margin-top: 20px;font-size: 16px;line-height: 1.6;color: #666;font-weight: bold;}
.church-news-top-txtarea > a:hover .church-news-top-tit {color:#666;}

.church-news-bottom-wrap {display: flex;flex-wrap: wrap;gap: 20px;}
.church-news-bottom-wrap > a {width: calc(33.33% - 13.33px);}
.church-news-bottom {display: flex;gap: 20px;}
.church-news-bottom-thumb {position: relative;width: 100%;height:100px;border-radius: 5px;overflow: hidden;max-width: 155px;}
.church-news-bottom-thumb img {position: absolute;left: 0;width: 100%;object-fit: cover;height: 100%;transition: .2s;transform: scale(1.0);}
.church-news-bottom-txt {display: flex;flex-direction: column;justify-content: center;}
.church-news-bottom-tit {font-size: 18px;font-weight: bold;color: #000;line-height: 1.4;margin-bottom: 10px;}
.church-news-bottom:hover .church-news-bottom-tit {color: #666;}
.church-news-bottom-date {font-size: 15px;color: #666;}

.rank-news {width: 320px;}
.rank-news-tit {font-size: 31px;letter-spacing: -0.5px;color: #000;margin-bottom: 25px;}
.rank-news-list {}
.rank-news-list ul {display: flex;flex-direction: column;gap: 18px;}
.rank-news-list ul  > a {}
.rank-news-list ul  > a li {width: 100%;display: flex;border-bottom: 1px solid #c6c4be;padding-bottom: 20px;align-items: center;gap: 16px;padding-left: 8px;box-sizing: border-box;}
.rank-news-list ul  > a:last-child li {border:none;padding-bottom:0;}
.rank-news-list-num {font-size: 40px;font-weight: 500;color: #007fe9;letter-spacing: -0.2px;line-height: 1.7;}
.rank-news-list-tit {width: 100%;font-size: 18px;font-weight: 500;color: #000;letter-spacing: -0.2px;line-height: 1.45;}
.rank-news-list ul  > a:hover .rank-news-list-tit {color: #666;}
.rank-news-list-thumb {position: relative;width: 64px;height: 64px;border-radius: 8px;overflow: hidden;min-width: 64px}
.rank-news-list-thumb img {position: absolute;left: 0;width: 100%;object-fit: cover;height: 100%;}
/*
.rank-news-list ul.rank-news-list-hide {display:none;margin-top: 20px;}
.rank-news-list ul.rank-news-list-hide.is-active {display:flex;}
.rank-news-list-more {display: none;width: 100%;height: 55px;border: 1px solid #d9d8d6;border-radius: 30px;align-items: center;justify-content: center;gap: 5px;font-size: 16px;color: #666;margin-top: 30px;cursor:pointer;}
.rank-news-list-more:hover {border-color:#000;}
.rank-news-list-more b {color: #000;font-weight: bold;}
.rank-news-list-more span {line-height: 0;}
.rank-news-list-more span img {}
.rank-news-list-more.is-active {display:flex;}
.rank-news-list-more-hide {display:none;}
.rank-news-list-more-hide span {transform: rotate(180deg);}
*/

.visible-radio-wrap {width: 1600px; margin: 45px auto 30px;}
.visible-radio-tit {font-size: 31px; letter-spacing: -0.5px; color: #000;margin-bottom: 20px;position: relative;}
.visible-radio-tit span {font-size: 21px;font-weight: bold;color: #666;letter-spacing: -0.2px;}
.visible-radio-tit span:first-child {margin-left: 10px;}
.visible-radio-tit span:last-child {position: absolute;left: calc(60% + 14px);bottom: 2px;}
.visible-radio-list {display: flex;gap: 20px;}
.visible-radio-list > a {width: 100%;position: relative;border-radius: 18px;overflow: hidden;}
.visible-radio-bg {position: relative;line-height: 0;width: 100%;}
.visible-radio-bg::after {content:'';position: absolute;top:0;left:0;width:100%;height:100%;/*background:rgba(0,0,0,.4);*/transition:.2s;}
.visible-radio-bg img {width: 100%;}
.visible-radio-txt {opacity:0;position: absolute;display: flex;align-items: center;justify-content: center;width: 100%;top: 0;flex-direction: column;gap: 15px;height: 50%;transition:.2s;}
.visible-radio-txt p {font-size: 21px;font-weight: bold;letter-spacing: -0.5px;color: #fff;text-align: center;}
.visible-radio-txt span {background: #ffbd00;padding: 8px 20px;border-radius: 20px;font-size: 16px;font-weight: bold;color: #fff;}
.visible-radio-list > a:hover .visible-radio-bg::after {transition:.2s;background:rgba(0,0,0,.4);}
.visible-radio-list > a:hover .visible-radio-txt {opacity:1;transition:.2s;height:100%;}
.visible-radio-list > a:hover .visible-radio-txt span {/*transition:.2s;background: #fff;color:#000;*/}

.main-banner-color {width: 1600px;margin: 0 auto 35px auto;padding: 0;box-sizing: border-box;border-radius: 18px;display: flex;gap: 20px;}
.main-banner-sponsor {display: flex;align-items: center;justify-content: center;background: #ffe9ad;padding: 0px 50px;margin: 0;border-radius: 18px;gap: 25px;width: 32.33%;box-sizing: border-box;}
.main-banner-sponsor-txt {padding-left: 80px;background: url('../images/sponsor-icon.png')no-repeat 0px center;background-size: 60px;}
.main-banner-sponsor-txt > p {font-size: 20px;font-weight: bold;color: #000;letter-spacing: -0.2px;margin-bottom: 5px;}
.main-banner-sponsor-txt > div {color: #93681e;font-size: 32.5px;line-height: 1;font-weight: bold;letter-spacing: -0.5px;}
.main-banner-sponsor > a {position: relative;padding: 15px 20px;background: #fff;border-radius: 30px;font-size: 18px;font-weight: bold;color: #93681e;letter-spacing: -0.2px;margin-top: 0px;transition:.2s;}
.main-banner-sponsor > a::before {content: '';position: absolute;width: 69px;height: 62px;background: url('../images/sponsor-icon.png')no-repeat;top: -62px;display: none;}
.main-banner-sponsor > a:hover {transition:.2s;color: #fff;background: #93681e;}
.main-banner-app-wrap {width: calc(43.33% - 40px);}
.main-banner-app {border-radius: 18px;overflow: hidden;width: 100%;transition:.1s;border:1px solid #ddd;}
.main-banner-app:hover {transition:.1s;border-color:#000;}
.main-banner-app-top {background: #fff;box-sizing: border-box;padding: 15px 70px 8px;display: flex;align-items: center;gap: 15px;}
.main-banner-app-img {width: 45px;line-height: 0;}
.main-banner-app-img img {width: 100%;}
.main-banner-app-txt {}
.main-banner-app-txt p {color: #93681e;font-size: 21px;font-weight: bold;letter-spacing: -0.5px;margin-bottom: 7px;}
.main-banner-app-txt div {font-size: 17px;font-weight: 500;color: #000;letter-spacing: -0.5px;}
.main-banner-app-bottom {background: #f0f0f0;box-sizing: border-box;padding: 10px 37px;font-size: 16px;line-height: 1.6;text-align: center;color: #000;word-break: keep-all;}
.main-banner-app-bottom span {line-height: 0;display: inline-block;margin-right: 4px;}
.main-banner-app-bottom span img {vertical-align: sub;}
.main-banner-sns {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;background: #cee5fb;border-radius: 18px;padding: 0px 50px;width: 24.33%;box-sizing: border-box;}
.main-banner-sns-tit {color: #000;font-size: 21px;font-weight: bold;letter-spacing: -0.5px;width: 100%;text-align: center;}
.main-banner-sns ul {display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;width: 100%;}
.main-banner-sns ul > a {width: 60px;}
.main-banner-sns ul li {width: 100%;background: #fff;display: flex;gap: 7px;align-items: center;justify-content: center;padding: 14px 0;box-sizing: border-box;border-radius: 30px;font-size: 18px;font-weight: 500;color: #93681e;letter-spacing: -0.5px;transition:.1s;border:1px solid transparent;}
.main-banner-sns ul li:hover {transition:.1s;border-color:#000;}

.main-banner-img {width: 1600px;margin: 0 auto 35px auto;}
.main-banner-img ul {display: flex;gap: 20px;flex-wrap:wrap;padding-top: 30px;  border-top: 1px solid #dcdcdc;}
.main-banner-img ul > a {width: calc(16.66% - 16.66px);border-radius: 18px;overflow: hidden;transition: .2s;border: 1px solid #dcdcdc;box-sizing: border-box;}
.main-banner-img ul > a.main-banner1 {width: 100%;}
.main-banner-img ul > a.main-banner2 {width: calc(50% - 10px);}
.main-banner-img ul > a.main-banner3 {width: calc(33.33% - 13.6666px);}
.main-banner-img ul > a:hover {/*border-color:#000;*/}
.main-banner-img ul li {width: 100%;line-height: 0;}
.main-banner-img ul li img {width: 100%;transition:.2s;transform:scale(1.0);}
.main-banner-img ul li:hover img {/*transition:.2s;transform:scale(1.1);*/}

.rolling-banner-box {
  width: 100%;
  padding: 30px 0;
  overflow: hidden;
  background: #f6f5f3;
  box-sizing: border-box;
}
ul#rollBanner {width: 1600px;margin: 0 auto;display:flex;gap:10px;}
ul#rollBanner li {width:100%;}
ul#rollBanner li div {width:100%;background:#fff;line-height: 0;}
ul#rollBanner li img {max-width:100%;}

.footer_family {border-top: 1px solid #e6e6e6; margin: 0px auto -40px auto; padding-top: 30px;}
.footer_family ul {width: fit-content; margin: 0 auto; display: flex; gap: 40px;}
.footer_family ul > a {}
.footer_family ul > a li {}

/* top-btn */
.to-top-btn{
	position:fixed; 
	bottom:-100px; 
	right:15px; 
	display:block; 
	width:44px; 
	height:44px; 
	background-color:#fff; 
	text-align:center;
	color:#051b2c; 
	z-index:99;
	border:1px solid #ddd;
	opacity:0;filter:Alpha(opacity=0);
	-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;transition:all 0.6s
	-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;
}
.to-top-btn.fixed{
	bottom:15px; 
	opacity:1.0;
	filter:Alpha(opacity=100);
}
.to-top-btn img {
	display:inline-block;
	position: relative;
	top: 14px;
	width:12px; 
	line-height:46px;
	transition:all 0.3s;
}
.to-top-btn:hover img {transform:translateY(-3px)}

/* footer */
#footer {
	background:#fff;
	width:100%;
	margin: 70px auto 0 auto;
	padding:40px 0 80px 0;
	box-sizing: border-box;
	position: relative;
	border-top: 1px solid #e6e6e6;
}
.copy_menu {margin-bottom:15px;}
.copy_menu a {
  display:inline-block;
  font-size: 16px;
  letter-spacing:-1px;
  line-height: 1;
  color: #444;
  position: relative;
  margin-right:28px;
}
.copy_menu a:before {
content:'';
position:absolute;
width:3px;
height:3px;
background:#ccc;
border-radius:50%;
right: -17px;
  top: 7px;
}
.copy_menu a:last-child {font-weight:500;}
.copy_menu a:last-child:before {display:none;}
.copy_menu a:hover {text-decoration:underline;}

.fSelectZone {position: absolute;display:block;width: fit-content; height: 48px; border-bottom:1px solid #e6e6e6;top:-15px; right:0;}
.f_site {height:48px; line-height:48px; text-align:left; padding: 0 180px 0 20px; color:#444;  font-size:15px;font-weight: 400;letter-spacing: -0.5px; cursor:pointer; background:url('../images/family_btn.png') calc(100% - 22px) 50% no-repeat;}
.fSelectZone.on .f_site {background:url('../images/family_btn_on.png') calc(100% - 22px) 50% no-repeat;}
.selectList {position: absolute;z-index: 50; left: 0px;bottom: 53px;width: 100%; background:#f8f8f8;  font-size: 14px;  padding:0;padding: 12px 0;height: fit-content;max-height: 200px;overflow-y: auto;box-shadow: 0 0 15px rgba(0,0,0,.2);}
.selectList li {padding:3px 0 2px 20px; text-align: left;}
.selectList li a {color: #323232;font-size:14px;letter-spacing:-0.5px;}
.selectList li a:hover {text-decoration:underline;}

.footer-sns {position:absolute;top: 52px;right:0;display:flex;gap:15px;}
.footer-sns li {}
.footer-sns li a {display:flex;width:55px;height:55px;border-radius:50%;transition:.2s;}
.footer-sns li a.sns-youtube {background:#ddd url('../images/youtube-icon-off.png') no-repeat center;}
.footer-sns li a.sns-youtube:hover {background:#ddd url('../images/youtube-icon-on.png') no-repeat center;transition:.2s;}
.footer-sns li a.sns-facebook {background:#ddd url('../images/facebook-icon-off.png') no-repeat center;}
.footer-sns li a.sns-facebook:hover {background:#ddd url('../images/facebook-icon-on.png') no-repeat center;transition:.2s;}
.footer-sns li a.sns-x {background:#ddd url('../images/x-icon-off.png') no-repeat center;}
.footer-sns li a.sns-x:hover {background:#ddd url('../images/x-icon-on.png') no-repeat center;transition:.2s;}

ul.copy_add {display: flex;gap: 20px;}
ul.copy_add li {line-height:1.8;font-size:14px;color:#727272;}
.copyright {font-size:14px;line-height:1.8;color:#727272;}

/********************/
.mobnone{display:none;}
.mob_br {display:none;}
.web_br {display:block;}

/********************/


@media all and (max-width:1700px) {
.d_width {width:94%;}
.gnb-wrap {width:94%;}
.gnb-wrap-fixed {margin-left: 0;}
.new_nav {width: 78%;}
.new_nav .submenu {height:225px;}
.new_nav .submenu .depth2 {font-size:15px;}
.nav-live {/*width: calc(22% - 79px);*/}
.main-visual-wrap {width:100%;}
.onair-box {width:94%;}
.general-news-wrap {width:94%;padding: 55px 50px;}
.general-news-top {gap: 40px;}
.church-news-wrap {padding: 50px 3% 60px;gap:50px;}
.church-news {width: calc(100% - 370px);}
.visible-radio-wrap {width:94%;}
.visible-radio-list {gap: 20px;}
/*
.main-banner-color {width:94%;padding: 55px 40px;gap: 40px;}
.main-banner-sponsor {margin: 0 10px 0 30px;}
*/
.main-banner-color {width:94%;}
.main-banner-sponsor-txt {background-size: 55px;padding-left: 65px;}
.main-banner-sponsor-txt > p {font-size: 19px;}
.main-banner-sponsor-txt > div {font-size: 30.7px;}
.main-banner-sponsor > a {font-size: 17px;}
.main-banner-sponsor {padding: 0px 30px;}
.main-banner-app-top {padding: 15px 40px 8px;}
.main-banner-app-bottom {padding: 10px 20px;}
.main-banner-sns {padding: 0px 30px;}
.main-banner-sns ul > a {width:50px;}
.main-banner-sns ul li {height:50px;padding: 0;}

.main-banner-img {width:94%;}

ul#rollBanner {width:94%;}
#footer {}
}

@media all and (max-width:1540px) {
.new_nav {width:85%;}
.new_nav .submenu .depth2 {word-break: keep-all;}
.nav-live {width: 175px;}
.nav-live-thumb {display:none;gap: 5px;}
.nav-live-txt {width: calc(100% - 25px);}
.nav-live-txt .nav-live-tit {font-size: 14px;}
.nav-live-txt .nav-live-time {font-size: 12px;}
.allmenu-btn {display:none;}

.main-visual-wrap {margin: 0 auto 25px auto;}

.onair-box-wrap {margin-bottom: 45px;}
#onair2 {padding: 25px 50px;}
#onair2 .onair-box-thumb {display:none;}
#onair2 .onair-box-tit {width:100%;}

.general-news-wrap {padding: 50px 45px;margin: 0 auto 50px auto;}
.general-news-top {gap: 35px;}
.general-news-bottom {gap: 20px;}
.general-news-bottom > a {width: calc(20% - 16px);}
.general-news-bottom > a::before {display:none;}
.general-news-bottom-thumb {padding-bottom: 140px;}

.church-news-wrap {padding:50px 3%;}

.visible-radio-wrap {margin: 50px auto;}
.visible-radio-tit span {font-size: 18px;}
.visible-radio-txt p {font-size: 18px;}

/*
.main-banner-color {padding: 35px 40px;gap: 30px;}
.main-banner-sponsor {min-width: 200px;margin: 0;}
.main-banner-sponsor > p {font-size: 18px;}
.main-banner-sponsor > div {font-size: 30px;}
.main-banner-app {width: 100%;}
.main-banner-app-top {padding: 25px 40px 12px;}
.main-banner-app-txt p {font-size: 24px;}
.main-banner-app-txt div {font-size: 18px;}
.main-banner-app-bottom {padding: 23px 30px;font-size: 16px;}
.main-banner-app-bottom span img {width: 20px;}
.main-banner-sns {min-width: 240px;}
.main-banner-sns-tit {font-size: 24px;}
.main-banner-sns ul li {padding: 10px 0;font-size: 16px;}
*/
.main-banner-sponsor {flex-direction: column;gap: 10px;}
.main-banner-sponsor > a {padding: 10px 20px;}
.main-banner-app-txt div {word-break: keep-all;}

}


@media all and (max-width:1280px) {
.web_br {display:none;}
.mob_br {display:block;}

#header-wrap.fixed::before {display:none;}
.gnb-wrap-fixed .new_nav, .gnb-wrap-fixed .nav-live, .gnb-wrap-fixed .allmenu-btn {display:none;}
#header {height:100px;padding-top:36px;z-index: 91;}
.top_ment  {display:none;}
.top-menu {width: 100%; display: flex;margin-top: -26px;gap: 10px;}
.top-menu > a {width: 100%; text-align: center;background: #f5f5f5;border-radius: 30px;padding: 5px 0;font-size: 14px;font-weight: 500;}
.top-menu > a::before {display:none;}
.logo_wrap {}
.logo_wrap h1 {top: 25px;}
.logo_wrap h1 img {height: 60px;}
.top-info {right: inherit;left: 0;top: 110px;}
.new_nav {display:none;}
.gnb-wrap-bg {background: none;}
.gnb-wrap {position: relative;height: 50px;margin-bottom: 25px;}
.nav-live {position: absolute;z-index: 90; right: 110px;width: 200px;height: 50px;padding: 7px 14px;}
.mobnone {display:block;}
.btnMenu{
  position: absolute;
  z-index: 91;
    right: 3%;
    top: 136px;
    z-index: 998;
    width: 50px;
    height: 50px;
    transition: top 0.25s ease;
    border: none;
    background: #623ef2;
    cursor: pointer;
    border-radius: 50%;
}
.btnMenu span{position:absolute;left:15px;top:0;display:block;width:21px;height:2px;background:#fff;transform: rotate(0deg);-webkit-transform: rotate(0deg);transition: .25s ease-in-out;-webkit-transition: .25s ease-in-out;-webkit-border-radius:2px;border-radius:2px}
.btnMenu span:first-child{top:16px}
.btnMenu span:nth-child(2){top:24px}
.btnMenu span:nth-child(3){top:24px;visibility:hidden}
.btnMenu span:nth-child(4){top:32px}
.btnMenu.on span:first-child,
.btnMenu.on span:nth-child(4){display:none;}
.btnMenu.on span:nth-child(2){transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg)}
.btnMenu.on span:nth-child(3){visibility:visible;transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg)}
#mGnb{position:absolute;top:0px;padding-top:206px;left:-200%;text-align:left;width:100%;min-height:750px;background:#fff;z-index:45;transition:all 0.2s ease;}
#mGnb .mGnb-logo {position:absolute;top:40px;left: 40px;}
#mGnb .mGnb-logo img {width:100%;}
#mGnb nav{height:100%;overflow:auto; overflow-y:auto;}
#mGnb nav > ul li a{display:block;}
#mGnb nav > ul > li{position:relative;}
#mGnb nav > ul > li:first-child {border-top:1px solid #dfdfdf}
#mGnb nav > ul > li > a{position:relative;padding:0 35px 1px 35px;font-size:16px;color:#000;line-height:48px;font-weight:400;border-bottom:1px solid #dfdfdf}
#mGnb nav > ul > li.has-sub > a::after{position:absolute;top:50%;right:35px;margin-top:-11px;width:23px;height:23px;content:'';background:url('../images/mgnb_arrow.png') no-repeat center center / 100%}
#mGnb nav > ul > li.has-sub.open > a::after{transform:rotate(180deg)}
#mGnb nav > ul > li.open::after{background:url('../images/mgnb_arrow-on.png') no-repeat;background-position:center center;}
#mGnb nav > ul > li.open > a{}
#mGnb nav > ul > li > ul{display:none;padding:10px 0;border-bottom:1px solid #dfdfdf;background:#f4f4f4;}
#mGnb nav > ul > li > ul > li{position:relative;padding:0 35px;}
#mGnb nav > ul > li > ul > li > a{display:inline-block;font-size:15px;color:#222;line-height:32px;padding-right:18px;}
#mGnb nav > ul > li > ul > li.blank > a {background:url('../images/blank_icon.png') no-repeat 100% 52%;}
#mGnb nav ul.m-3dep {background: #fff;padding: 12px 15px;margin-bottom: 10px;}
#mGnb nav ul.m-3dep li {position: relative;padding-left: 15px;}
#mGnb nav ul.m-3dep li::before {
  content: '';
    position: absolute;
    width: 5px;
    height: 1px;
    background: #222;
    left: 0;
    top: 12px;
}
#mGnb nav ul.m-3dep li a {font-size: 14px;color: #222;line-height: 1.7;}
#mGnb .mGnb-menu-box {display: inline-block;width: calc(100% - 50px);margin: 15px 25px;}
#mGnb .mGnb-menu {position:relative;font-size:16px;color:#000;float: left;border: 1px solid #dfdfdf;padding: 12px 15px;width: calc(49% - 32px);background:#f4f4f4;}
#mGnb .mGnb-menu01 {margin-right:2%;}
#mGnb .mGnb-menu span {position:absolute;right:17px;}
#mGnb.on{left:0;}
#wrapper.fix{position:fixed}
.fixBg{display:none;position:fixed;top:206px;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:30}
.fixBg.on{display:block}

.main-visual-wrap {margin: 0 auto 20px auto;}

.onair-box-wrap {margin-bottom: 35px;}
.onair-box > div, #onair2 {padding: 20px 25px;}
.onair-box div.onair-box-next .onair-box-next01 {width: calc(100% - 60px);}
.onair-box div.onair-box-next .onair-box-next01 p, #onair2 .onair-box-tit p {font-size: 18px;}
.onair-box div.onair-box-next .onair-box-next01 span, #onair2 .onair-box-tit span {font-size: 15px;}
.onair-box div.onair-box-next .onair-box-next02 {font-size: 15px;}
#onair2 .onair-box-icon {margin: 0 0px 0 15px;}
#onair2 .onair-box-icon img {width:50px;}

.general-news-wrap {padding: 30px;margin: 0 auto 35px auto;}
.general-news-tit h1 {font-size: 27px;}
.general-news-daum {font-size: 16px;}
.general-news-tit > a .general-news-more {font-size: 15px;width: 100px;height: 36px;gap: 15px;}
.general-news-top {gap:30px;}
.general-news-top-thumb {width: 45%;min-width: 45%;}
.general-news-top-txtarea .general-news-top-tit {font-size: 27px;}
.general-news-bottom {gap: 12px;}
.general-news-bottom > a {width:calc(20% - 10px);gap: 12px;}
.general-news-bottom-thumb {padding-bottom: 100px;}
.general-news-bottom-txt > .general-news-bottom-tit {font-size: 18px;margin-bottom: 0;}
.general-news-bottom-txt > .general-news-bottom-date {font-size: 15px;}

.church-news-wrap {padding: 35px 3%;  gap: 35px;}
.church-news {width: calc(100% - 335px);}
.church-news-tit h1 {font-size: 27px;}
.church-news-daum {font-size: 16px;}
.church-news-tit > a .church-news-more {font-size: 15px;width: 100px;height: 36px;gap: 15px;}
/*
.church-news-top-wrap {gap: 12px;}
.church-news-top-wrap > a {width: calc(33.33% - 8px);}
.church-news-top-thumb {padding-bottom: 140px;margin-bottom: 12px;}
.church-news-top-tit {font-size: 18px;margin-bottom: 0;}
.church-news-top-date {font-size: 15px;}
*/
.church-news-top {gap:30px;}
.church-news-top-thumb {width: 45%;min-width: 45%;}
.church-news-top-txtarea .church-news-top-tit {font-size: 27px;}
.church-news-bottom {gap: 12px;}
.church-news-bottom-thumb {width: 80px;min-width: 80px;height: 80px;}
.church-news-bottom-tit {font-size: 16px;margin-bottom:0;}
.church-news-bottom-date {display:none;}

.rank-news {width:300px;}
.rank-news-tit {font-size: 27px;margin-bottom: 15px;}
.rank-news-list ul {gap:12px;}
.rank-news-list ul > a li {padding-bottom: 12px;}
.rank-news-list-num {font-size:36px;}
.rank-news-list-tit {font-size: 16px;}

.visible-radio-wrap {margin: 35px auto 30px auto;}
.visible-radio-tit {font-size: 27px;margin-bottom: 12px;}
.visible-radio-tit span {font-size: 16px;}
.visible-radio-txt span {font-size:15px;}
.visible-radio-list {gap:12px;}
.visible-radio-txt {height:70%;}
.visible-radio-txt p {padding: 0 10px;  word-break: keep-all;}



/*
.main-banner-app {width:94%;margin:0 auto 12px;border-color:#dcdcdc;}
.main-banner-color {padding: 30px;gap: 80px; justify-content: center;}
*/
.main-banner-app-txt p, .main-banner-app-bottom {font-size:15px;letter-spacing: 0px;}
.main-banner-sns ul {gap: 7px;}
.main-banner-sns ul > a {width: 40px;}
.main-banner-sns ul li {height:40px;}


.footer_family ul {width:94%;gap: 20px;}
.footer_family ul > a {width: 100%;}
.footer_family ul > a li img {width: 100%;}

#footer {padding: 60px 0 80px 0;}
}

@media all and (max-width:1024px) {
#wrap {overflow-x: hidden;}

#header {height: 90px;}
.logo_wrap h1 img {height: 55px;}
.btnMenu {top: 126px;}
.top-menu {gap: 5px;}
.top-menu > a {font-size:14px;}
.top-menu > a.top-menu03 {}
.top-info { width: 160px;top: 94px;gap:10px;}
.top-info > div {font-size: 14px;}
.top-info > div img {width:27px;}
.top-info > div:last-child {display:none;margin-left: 7px;padding: 10px 12px;}
#header.off .top-info {/*display:none;*/}
.gnb-wrap {margin: 0 auto 20px auto;}
#mGnb {padding-top:195px;}

.nav-live {width: calc(100% - 170px);max-width: 175px;}

.main-visual-wrap {width:100%;margin: 0px auto 20px auto;}
.main-visual-wrap .swiper-slide {/*border-radius: 18px;*/overflow:hidden;line-height: 0;}
.main-visual-wrap .swiper-slide img {width: 130%; margin-left: -15%;}

.onair-box-wrap {margin-bottom: 20px;}
.onair-box {flex-direction: column;height: auto;}
.onair-box > div, #onair2 {width:100%;padding: 15px 20px;}
.onair-box div.onair-box-next {display:none;}
.onair-box div.onair-box-next .onair-box-next01 p, #onair2 .onair-box-tit p {font-size: 16px;margin-bottom: 3px;}

.general-news-wrap {padding: 20px; margin: 0 auto 20px auto;}
.general-news-tit {align-items: baseline;flex-direction: column;margin-bottom: 10px;gap: 10px;}
.general-news-tit h1 {font-size: 24px;}
.general-news-daum {display: block;   line-height: 1.4;}
.general-news-daum img {width: 12px;}
.general-news-tit > a .general-news-more {font-size: 14px;width: 90px;height: 27px;gap: 10px;}
.general-news-top {flex-direction: column;gap: 15px;}
.general-news-top-thumb  {width: 100%;  min-width: 100%;padding-bottom: 70%;}
.general-news-top-txtarea > a {gap: 10px;}
.general-news-top-txtarea .general-news-top-tit {margin-top: 0;font-size: 20px;word-break: keep-all;}
.general-news-top-txtarea .general-news-top-txt {font-size: 15px; line-height: 1.4;}
.general-news-top-txtarea .general-news-top-date {margin-top: 5px;font-size: 14px;}
.general-news-bottom {border-top: 1px solid #dcdcdc;  padding-top: 20px;gap: 10px;flex-wrap: wrap;}
.general-news-bottom > a {width:calc(50% - 5px);}
.general-news-bottom > a:nth-child(5) {display:none;}
.general-news-bottom-thumb {display:none;}
.general-news-bottom-txt > .general-news-bottom-tit {font-size: 13px;}
.general-news-bottom-txt > .general-news-bottom-date {font-size: 12px;text-align:right;}

.church-news-wrap {padding: 30px 3%;gap: 25px;flex-direction: column;}
.church-news {width:100%;}
.church-news-tit {align-items: baseline;flex-direction: column;margin-bottom: 10px;gap: 10px;}
.church-news-tit h1 {font-size: 24px;}
.church-news-daum {display: block;   line-height: 1.4;}
.church-news-daum img {width: 12px;}
.church-news-tit > a .church-news-more {font-size: 14px;width: 90px;height: 27px;gap: 10px;}
/*
.church-news-top-wrap {flex-direction: column;gap: 20px;}
.church-news-top-wrap > a {width:100%;}
.church-news-top-thumb {padding-bottom: 70%;}
.church-news-top-date {font-size: 14px;text-align:right;}
*/
.church-news-list {gap: 5px;}
.church-news-top {flex-direction: column;gap: 15px;}
.church-news-top-thumb  {width: 100%;  min-width: 100%;padding-bottom: 70%;}
.church-news-top-txtarea > a {gap: 10px;}
.church-news-top-txtarea .church-news-top-tit {margin-top: 0;font-size: 20px;word-break: keep-all;}
.church-news-top-txtarea .church-news-top-txt {font-size: 15px; line-height: 1.4;}
.church-news-top-txtarea .church-news-top-date {margin-top: 5px;font-size: 14px;}
.church-news-bottom-wrap {}
.church-news-bottom-wrap > a {width:100%;}
.church-news-bottom-wrap > a:nth-child(3) {display:none;}
.church-news-bottom-tit  {font-size: 14px;}

.rank-news {width:100%;border-top: 1px solid #9f9f9f;padding-top: 25px;}
.rank-news-tit {font-size: 21px;}

.visible-radio-wrap {margin: 25px auto;}
.visible-radio-tit {font-size: 24px;margin-bottom: 10px;}
.visible-radio-tit span {display:none;}
.visible-radio-list {flex-wrap: wrap;gap: 5px;}
.visible-radio-list > a {width: calc(33.33% - 4px);border-radius: 8px;}
.visible-radio-txt {height:100%;gap: 10px;}
.visible-radio-txt p {font-size: 16px;}
.visible-radio-txt span {font-size: 13px;padding: 5px 15px;}

.main-banner-img ul {padding-top: 25px; }

/*
.main-banner-color {padding: 25px;flex-direction: column;gap: 25px;margin: 0 auto 20px auto;}
.main-banner-sponsor > a {padding: 12px 43px;font-size: 18px;}
.main-banner-sns {gap: 12px;}
.main-banner-sns-tit {font-size: 21px;}
*/
.main-banner-color {flex-direction: column; gap: 10px;}
.main-banner-sponsor {width:100%;padding:20px;}
.main-banner-sponsor-txt {padding-left: 70px;}
.main-banner-sponsor-txt > p {font-size: 17px;}
.main-banner-sponsor-txt > div {font-size: 28px;}
.main-banner-app-wrap {width:100%;}
.main-banner-app-top {padding: 20px 20px 12px;gap: 12px;}
.main-banner-app-img img {width: 45px;}
.main-banner-app-txt p {font-size: 17px;margin-bottom: 7px;}
.main-banner-app-txt div {font-size: 14px; line-height: 1.4;}
.main-banner-app-bottom  {padding: 20px 25px;font-size: 14px;}
.main-banner-sns {width:100%;padding:20px;}
.main-banner-sns-tit {font-size: 19px;}

.main-banner-img {margin: 0 auto 20px auto;}
.main-banner-img ul {gap: 10px;}
.main-banner-img ul > a {border-radius: 10px;width: calc(25% - 8px);}
.main-banner-img ul > a.main-banner2 {width: calc(50% - 5px);}
.main-banner-img ul > a.main-banner3 {width: calc(33.33% - 7px);}

.rolling-banner-box {padding: 20px 0;}
ul#rollBanner {flex-wrap: wrap;}
ul#rollBanner li {width: calc(50% - 5px);}

.footer_family {padding-top: 15px;margin: 0px auto -35px auto;}

#footer {padding: 25px 0px 35px 0px;margin: 45px auto 0 auto;}
.copy_menu {width: fit-content;margin: 25px auto 15px auto;}
.copy_menu a {font-size: 14px;}
.copy_menu a:last-child {margin:0;}

.fSelectZone {position: absolute;right: 0; top: -3px;margin: 0 auto 25px auto;height: 40px;}
.f_site {height: 40px; line-height: 40px;padding: 0 90px 0 15px;background: url('../images/family_btn.png') calc(100% - 15px) 50% no-repeat;}
.fSelectZone.on .f_site {background:url('../images/family_btn_on.png') calc(100% - 15px) 50% no-repeat;}
.footer-sns {width: calc(100% - 180px); justify-content: center;top: 0px; right: inherit; gap: 7px;position: relative;left: 0;  margin: 0;}
.footer-sns li a {width: 35px;height: 35px; font-size: 14px;background-size: 20px !important;}
.selectList {bottom: 40px;}

.copy_add_box {width: fit-content;margin: 0 auto 15px auto;}
ul.copy_add {flex-wrap:wrap; gap: 5px;justify-content: center;}
ul.copy_add li:nth-child(1) {width:100%;}
ul.copy_add li:nth-child(2),ul.copy_add li:nth-child(3) {width:140px;}
ul.copy_add li {float:none;font-size: 13px;line-height: 1.4;margin:0;text-align: center;}
.copyright {width: fit-content;margin: 0 auto; font-size: 12px;line-height: 1.4;text-align:center;}

}

@media all and (max-width:768px) {
.top-info {/*width:105px;top:98px;*/width: 100%;top: 78px;}
.top-info > div span.web_br {display: inline-block; width: 15px;}
.top-info > div:first-child {display:none;}
.top-info > div {font-size: 12px;margin: 0 auto;}
.top-info > div b {font-size: 14px;}

.gnb-wrap {margin: 20px auto 12px auto;}
.nav-live-txt {width: calc(100% - 13px);}
.nav-live-txt .nav-live-tit {font-size: 12px;}
.nav-live-txt .nav-live-time {font-size: 9px;}
.nav-live-play {width: 10px;}
.nav-live-play img {width: 10px;}
.btnMenu {top: 146px;}
#mGnb {padding-top: 208px;}

.general-news-top-txtarea .general-news-top-txt {height: 65px; overflow: hidden;}
.church-news-top-txtarea .church-news-top-txt {height: 65px; overflow: hidden;}

.main-banner-img ul {gap: 5px;}
.main-banner-img ul > a {width: calc(50% - 5px);}
.main-banner-img ul > a.main-banner2 {width:100%;}
.main-banner-img ul > a.main-banner3 {width: 100%;}

}




/* sub layout */
.progress-container {
  display: none; 
  height:4px;
  left:0;
  top: 70px;
  position:fixed;
  width:100%;
  background: #f6f6f6;
  z-index:9;
}
.progress-container::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 70px;
  background: #fff;
  top: -70px;
}
.progress-container .progress-bar {
  background:#008fd5;
  height:4px;
  position:absolute;
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg);
  -webkit-transition:width .4s ease-out;
  transition:width .4s ease-out
}

@media all and (max-width:1024px) {
.scroll_indicator {top:59px}
}

#sub {width:1520px;margin:0 auto;}
#sub .d_width {width:1520px;}
.sub-title-wrap {margin: 55px 0 35px 0;}
.sub-title-wrap > h2 {font-size: 45px;margin:0 0 5px 0;}
.sub-3dep-wrap {width: 100%;}
.sub-3dep-wrap ul {position:relative;width: 100%;max-width:1600px;margin: 15px auto 30px;display: flex;gap:3px;justify-content: center;/*border-bottom: 1px solid #dcdcdc;*/}
.sub-3dep-wrap ul > a {}
.sub-3dep-wrap ul > a:first-child::after {
  width: 100%;
  height: 1px;
  content: '';
  position: absolute;
  background: #dcdcdc;
  left: 0;
  z-index: -1;
}
.sub-3dep-wrap ul li {position:relative;font-size: 20px;letter-spacing: -0.5px;font-weight: 600;line-height: 60px;color: #666;padding: 0 25px;}
.sub-3dep-wrap ul li:hover {color:#000;}
.sub-3dep-wrap ul li::after {
  content: '';
  position: absolute;
  width: 0;
  height: 3px;
  bottom: -2px;
  left:0;
  transition: .3s;
  background: #000;
}
.sub-3dep-wrap ul li.on {color:#000;}
.sub-3dep-wrap ul li.on::after, .sub-3dep-wrap ul li:hover::after {width: 100%;}
section.sub-contents {}
.news-board-view {display: flex;gap: 60px;}
.news-board-view-reporter {width: 280px;border: 1px solid #c6c4be;box-sizing: border-box;padding: 30px;height: fit-content;display: flex;gap: 15px;align-items: center;margin-top: 10px;}
.news-board-view-reporter .reporter-photo {width: 60px;height: 60px;border-radius: 50%;border: 1px solid #c6c4be;overflow: hidden;min-width: 60px;}
.news-board-view-reporter .reporter-photo img {width: 100%;}
.news-board-view-reporter .reporter-name {display: flex;flex-wrap: wrap;height: fit-content;gap: 7px;align-items: center;font-size: 16px;font-weight: 500;}
.news-board-view-reporter .reporter-name a {line-height: 0;}
.news-board-view-reporter .reporter-name a img {}
.news-board-view-reporter .reporter-name span {width: 100%;font-size: 14px;color: #666;font-weight: 300;}
.news-board-view-rank {width:360px;margin-left: 40px;margin-top: 5px;}
.news-board-view-con {width: 720px;}
.news-board-view-con .news-board-view-tit {}
.news-board-view-con .news-board-view-tit > h3 {font-size: 34px;color: #000;letter-spacing: -0.3px;line-height: 1.4;margin: 0 0 10px 0;/*word-break: keep-all;*/}
.news-board-view-con .news-board-view-tit-bottom {height: 45px;display: flex;justify-content: space-between;border-bottom: 1px solid #c6c4be;padding-bottom: 15px;margin-bottom: 30px;align-items: center;position: relative;}
.news-board-view-con .news-board-view-info {/*display: flex;*/display:none;gap:7px; flex-direction: column;justify-content: center;font-size: 15px;font-weight: 600;color: #444;}
.news-board-view-con .news-board-view-info div {}
.news-board-view-con .news-board-view-info a {line-height: 0;}
.news-board-view-con .news-board-view-info a img {width: 16px; vertical-align: center;}
.news-board-view-con .news-board-view-info span {font-size:13px;font-weight: 500;}
.news-board-view-con .news-board-view-func {position: absolute;display: flex;gap: 7px;right: 0;top: 0;}
.news-board-view-con .news-board-view-func  > div {display: flex;align-items: center;justify-content: center;width: 45px;height: 45px;border: 1px solid #dfdfdf;border-radius: 22.5px;box-sizing: border-box;cursor:pointer;}
.news-board-view-con .news-board-view-func  > div:hover {border-color:#000;}
.board-view-func {display: flex;gap: 7px;justify-content: end; margin-bottom: 10px;line-height: 0;}
.board-view-func  > div {display: flex;align-items: center;justify-content: center;width: 45px;height: 45px;border: 1px solid #dfdfdf;border-radius: 22.5px;box-sizing: border-box;cursor:pointer;}
.board-view-func  > div:hover {border-color:#000;}
.news-board-view-con .news-board-view-func > div.btnSpeech {width: auto; min-width: 45px;}
.news-board-view-con .news-board-view-func > div.btnSpeech.open {border-color:#000;padding: 0 20px;}
.news-board-view-con .news-board-view-func > div.btnSpeech.open > img {display:none;}
.news-board-view-con .news-board-view-func > div.btnSpeech ul.tts-controls {display:flex;gap: 12px}
.news-board-view-con .news-board-view-func > div.btnSpeech ul.tts-controls li {display: flex;}
.news-board-view-con .news-board-view-func > div.btnSpeech ul.tts-controls li button {border:none;background:none;line-height:0;}
.news-board-view-con .news-board-view-func > div.btnSpeech ul.tts-controls li button img {width:15px;}
.news-board-view-con .news-board-view-func > div.btnSns {position: relative;height: auto;flex-direction: column;}
.news-board-view-con .news-board-view-func > div.btnSns > img {margin: 12px 0;}
.news-board-view-con .news-board-view-func > div.btnSns.open {border-color:#000;background: #fff;}
.news-board-view-con .news-board-view-func > div.btnSns ul {display: flex;flex-direction: column;gap: 10px;padding: 5px 0 15px 0;align-items: center;}
.news-board-view-con .news-board-view-func > div.btnSns ul li {}
.news-board-view-con .news-board-view-func > div > .zoomIn, 
.news-board-view-con .news-board-view-func > div > .zoomOut {text-indent:-9999px;width:20px;height:20px;position:relative;vertical-align:bottom;}
.news-board-view-con .news-board-view-func > div > .zoomIn:before,
.news-board-view-con .news-board-view-func > div > .zoomIn:after,
.news-board-view-con .news-board-view-func > div > .zoomOut:before {content:"";display:block;width:16px;height:2px;background:#020202;position:absolute;}
.news-board-view-con .news-board-view-func > div > .zoomIn:before {left:3px;top:9px;}
.news-board-view-con .news-board-view-func > div > .zoomIn:after {left:10px;top:2px;width:2px;height:17px;}
.news-board-view-con .news-board-view-func > div > .zoomOut:before {left:3px;top:9px;}
.news-board-view-con .news-board-view-article {font-size: 19px;line-height: 1.7;font-weight: 500;color: #444;letter-spacing: -0.2px;}
.news-board-view-con .news-board-view-article h2.stit {
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.24px;
  margin-bottom:30px;
  text-align: left;
  color: #111;
}
#xboard_content_editor {/*padding:30px;*/}
#xboard_content_editor {font-size: 19px;line-height: 1.7;font-weight: 500;color: #444;letter-spacing: -0.2px;word-break: break-word;}
#xboard_content_editor b, #xboard_content_editor strong {font-weight:bold !important;}
#xboard_content_editor img {width: auto;height: auto;max-width: 1100px;}
.news-board-view-article #xboard_content_editor img {width: auto;height: auto;max-width: 100%;}
#xboard_content_editor figure.image {display: block !important;text-align: left;outline: none; background: none;padding: 0px;margin: 0px 0px -10px 0px;text-align: center;}
#xboard_content_editor figure > figcaption {background: none;text-align: left;font-size: 14px;font-weight: 400;line-height: 1.4;letter-spacing: 0;color: #111;opacity: 0.7;}
#xboard_content_editor p:last-child {margin:0;font-size: 17px !important;font-weight: 500 !important;}
#xboard_content_editor .myhistory-wrap {width:100%;max-width:1100px;height:560px;margin: 0 auto 15px;}
.news-board-view-con .news-board-view-func.news-board-view-func-bottom {position:relative;justify-content: end;margin: 20px 0;}
.news-board-view-con .news-board-view-func.news-board-view-func-bottom a, .news-board-view-con .news-board-view-func.news-board-view-func-bottom span {line-height:0;}
.news-board-view-con .general-news-bottom {gap: 20px;margin-top: 80px;border-top: 2px solid #262323;padding-top: 60px;}
.news-board-view-con .general-news-bottom > a {width: calc(25% - 15px);gap: 15px;}
.news-board-view-con .general-news-bottom > a::before {display: none;}
.news-board-view-con .general-news-bottom-thumb {padding-bottom: 100px;}
.news-board-view-con .general-news-bottom-txt > .general-news-bottom-tit {font-size: 16px;}
.news-board-view-con .general-news-bottom-txt > .general-news-bottom-date {font-size: 14px;}

.news-board-view-rank:last-child {margin-top: 110px;}

#guljasize {width:1200px;margin: 0 auto;}

@media all and (max-width:1700px) {
#sub {width:94%;}
#sub .d_width {width:100%;}
.news-board-view-con {}
.news-board-view-reporter {width: 250px;min-width: 250px;padding: 30px 20px;}
.news-board-view-rank {width:320px;margin: 0;}
}

@media all and (max-width:1440px) { 
.news-board-view-con {}
.news-board-view-rank-wrap {display:none;}
}

@media all and (max-width:1280px) { 
.progress-container {top: 0;}
.progress-container::before {display:none;}
.sub-title-wrap {margin: 50px 0;}
.sub-title-wrap > h2 {font-size: 36px;}
.sub-3dep-wrap ul li {font-size: 18px;line-height: 60px;padding: 0 20px;}
.news-board-view-con .news-board-view-tit > h3 {font-size: 31px;margin: 0 0 20px 0;}
#xboard_content_editor {font-size: 18px;}
.news-board-view-con .general-news-bottom {margin-top: 65px;padding-top: 40px;}

#guljasize {width:100%;margin: 0 auto;}
}

@media all and (max-width:1024px) { 
.divPopup {top: 140px !important; left: 10px !important; width: calc(100% - 20px) !important;}
.divPopup_contents img {width:100%;}

section.sub-contents {min-height: inherit;}
#sub {}
.sub-title-wrap {margin:30px 0 20px 0;}
.sub-title-wrap > h2 {font-size: 24px;}
.sub-3dep-wrap ul {flex-wrap: wrap;border:none;justify-content: inherit;margin: 0;}
.sub-3dep-wrap ul > a {width:calc(33.33% - 2px);}
.sub-3dep-wrap ul > a:nth-child(1), .sub-3dep-wrap ul > a:nth-child(2) {margin-top:15px;}
.sub-3dep-wrap ul li {line-height: 33px;font-size: 14px;padding: 0px;text-align: center;border: 1px solid #dcdcdc;}
.sub-3dep-wrap ul li::after, .sub-3dep-wrap ul > a:first-child::after {display:none;}
.sub-3dep-wrap ul li.on {background: #f6f6f6;border-color:#333;}

.news-board-view-reporter {display:none;}
.news-board-view-con {width:100%;}
.news-board-view-con .news-board-view-info {display:flex;}
.news-board-view-con .news-board-view-tit-bottom {height:auto;}
.general-news-bottom-thumb {display:block;padding-bottom: 70%;}
.news-board-view-con .general-news-bottom {flex-direction: row; flex-wrap: wrap;}
.news-board-view-con .general-news-bottom-thumb {}
.news-board-view-con .general-news-bottom > a {width:calc(50% - 10px);}

#xboard_content_editor .myhistory-wrap {height:0;padding-bottom: 56.25%;}
}

@media all and (max-width:768px) { 
.sub-3dep-wrap ul > a {width:calc(50% - 2px);}
.news-board-view-con .news-board-view-tit > h3 {font-size: 23px;margin: 0 0 15px 0;}
.news-board-view-con .news-board-view-tit-bottom {/*padding-bottom: 65px;*/margin-bottom: 25px;}
.news-board-view-con .news-board-view-info {/*flex-direction: row;align-items: end;*/}
.news-board-view-con .news-board-view-func {/*top: 30px;*/gap: 5px;}
.news-board-view-con .news-board-view-func > div {width: 38px;height: 38px;}
.news-board-view-con .news-board-view-func > div.btnSpeech {width: auto;  min-width: 38px;}
.news-board-view-con .news-board-view-func > div.btnSpeech.open {padding: 0 15px;}
.news-board-view-con .news-board-view-func > div.btnSpeech ul.tts-controls {gap: 7px;}
.news-board-view-con .news-board-view-func > div.btnSns > img {margin: 8px 0;}
.news-board-view-con .news-board-view-func > div.btnPrintWrap, .news-board-view-con .news-board-view-func > div.btnFavorite {display:none;}
#xboard_content_editor {font-size: 18px;  line-height: 1.6;}
#xboard_content_editor {padding: 0;}
#xboard_content_editor figure.image, #xboard_content_editor figure.image img, #xboard_content_editor figure > figcaption {width:100% !important;height:auto;}
#xboard_content_editor figure > figcaption {font-size: 13px;line-height: 1.4;}
#xboard_content_editor p:last-child {font-size: 17px !important;}
.news-board-view-con .news-board-view-article h2.stit {font-size: 19px;}
.news-board-view-con .news-board-view-func.news-board-view-func-bottom {top: 0;margin: 15px 0;}
.news-board-view-con .general-news-bottom {margin-top: 40px;}
.news-board-view-con .general-news-bottom > a {/*width:100%;*/}

.board-view-func {gap:4px;}
.board-view-func > div {width: 30px; height: 30px;}
.board-view-func > div img {height: 17px;}
}


/* 검색목록 */
.search-page-sort {display:block;margin: 0px 0px 8px 0px;font-size: 22px;font-weight: 500;background: #f5f5f5;color: #0c69b7;}
.search-page-sort a {font-size: 22px;font-weight: 500;letter-spacing: -1px;}
.search-page-sort a span {position:absolute;right:0px;font-size: 15px;}
.search-page-wrap {position:relative;padding:20px 25px;background:#f8f8f8;}
.search-page-wrap:after {content:'';position:absolute;;width:100%;height:1px;background:#ddd;left: 0;bottom: -45px;}
.search-page-wrap.bd-none:after {display:none;}
.search-page-box {margin: 0;margin-bottom: 30px;position: relative;border:none;border-bottom: 1px solid #e0e0e0; padding-bottom: 25px;}
.search-page-box:last-child {margin-bottom: 0px;border-bottom:none;}
.search-page-box span.search-page-sort {
margin-right: 10px;
  font-size: 16px;
  font-weight: bold;
  padding: 8px 12px;
  box-sizing: border-box;
  display: inline-block;
  border-radius: 40px;
}
.search-page-box .search-page-tit {
  font-size: 14px;
  color: #666;
  letter-spacing: 0;
  font-weight: 400;
  line-height: 1.6;
}
.search-page-box .search-page-tit a {color: #000;font-size: 18px; font-weight: bold;}
.search-page-box .search-page-tit a:hover {color:#555;}
.search-page-box .search-page-txt01 {
  font-size: 17px;
  line-height: 1.7;
  color: #666;
  font-weight: 400;
}
.search-page-box .search-page-btn {display: inline-block;padding: 11px 25px;background: #0c4da2;color: #fff;font-size: 14px;line-height: 14px;position: absolute;right: 40px;top: 48px;}
.search-page-box .search-page-admin {display: inline-block;position: absolute;right: 40px;top: 90px;font-size: 14px;}

@media all and (max-width:768px) { 
.search-page-box span.search-page-sort {display: block;width: fit-content;margin-right: 7px; font-size: 15px; padding: 5px 10px;}
.search-page-box .search-page-tit{}
.search-page-box .search-page-tit a {font-size: 16px;}
.search-page-box .search-page-txt01  {margin-top: 10px;font-size: 15px;}
}