#header{height:4.5rem;}
#header .header-inner {display:flex;justify-content:space-between;align-items:center;width:1300px;margin:0 auto; height:100%;}
#header .header-inner a.link-btn {padding:0.6rem 0.75rem;border-radius: 2.5rem; border: 1px solid #EDF0F7; background: #F7F8F9;color: #2D3748; font-size: 0.75rem; font-weight: 400; line-height: 0.75rem; letter-spacing: -0.00375rem;position:relative;display:flex;align-items:center;gap:0.4rem;}
#header .header-inner a.link-btn:before {content:'';width:1.45rem;height:1.45rem;background:url(/images/default/main/s-logo.png)no-repeat center center;background-size:cover;display:block;}

#header .header-inner a.link-btn:hover {background:#006FD7;color:#fff}

#header .header-inner a.link-btn:hover:before {content:'';width:1.45rem;height:1.45rem;background:url(/images/default/main/s-logo-on.png)no-repeat center center;background-size:cover;display:block;}


.inner {width:1300px; margin:0 auto;}
.container{overflow:hidden;}

@media (max-width:1300px){
	#header .header-inner{width:100%;padding:0 1rem;}
	.inner {width:100%;padding:0 1rem;}
}

@media (max-width:500px){ 
	.visual .visual-txt h2{font-size:30px;}
	.visual .visual-txt .desc {font-size:16px}
}


.visual {background:url(/images/default/main/visual-bg.png)no-repeat right top;height:20.35rem;}
.visual .visual-txt {padding-top:3.8rem;padding-right:50%;}
.visual .visual-txt h2 {color: #2D3748; font-size: 2.5rem; font-weight: 700; line-height: 2.5rem; letter-spacing: -0.0125rem;}
.visual .visual-txt .desc{color:#717D96; font-size: 1.2rem; font-weight: 400; line-height: 1.2rem; letter-spacing: -0.006rem;margin-top:1rem;}
.visual .inner {position:relative;}
.visual .login-box {position:absolute;right:0;top:3.45rem;padding:1.5rem;border-radius: 1rem;
background: #FFF;
box-shadow: 20px 4px 25px 0 rgba(0, 0, 0, 0.05), 0 20px 25px 0 rgba(0, 0, 0, 0.05);}


.visual .login-box .tit {color:#2D3748; font-size: 1rem; font-weight: 700; line-height: 1rem; letter-spacing: -0.005rem;}
.visual .login-box .login-wrap{box-shadow: 8px 0 15px 0 rgba(0, 0, 0, 0.05), 0 8px 15px 0 rgba(0, 0, 0, 0.05);margin:1rem 0;border:1px solid #EDF0F7;border-radius:0.5rem;overflow:hidden;} .visual .login-box .login-wrap input {width:15.35rem;display:block; font-size: 0.8rem; font-weight: 400; line-height: 0.8rem; letter-spacing: -0.004rem;}
.visual .login-box .login-wrap input[type="text"]{border:none;border-bottom:1px solid #EDF0F7;height:2.75rem;padding:0 0.95rem;}
.visual .login-box .login-wrap input[type="text"]:placeholder{color:#A0AEC0}
.visual .login-box .login-wrap input[type="password"] {border:none;height:2.75rem;padding:0 0.95rem;}
.visual .login-box input[type="submit"]{height:3rem;border-radius: 0.5rem; background: #007EF4; box-shadow: 0 10px 18px 0 rgba(0, 126, 244, 0.20);width:15.35rem;border:none;color: #FFF; font-size: 0.9rem; font-weight: 700; line-height: 0.9rem; letter-spacing: -0.0045rem;}
.visual .login-box .txt {color:#2D3748; font-size: 0.8rem; font-weight: 600; line-height: 0.8rem; letter-spacing: -0.004rem;margin-top:1.5rem;position:relative;padding-left:1.05rem;}
.visual .login-box .txt:before{content:'';position:absolute;width:0.8rem;height:0.8rem;background:url(/images/default/main/tel-icon.svg)no-repeat center center;background-size:cover;left:0;}
.visual .login-box .txt b{color: #717D96; font-size: 0.75rem; font-weight: 600; line-height: 0.75rem; letter-spacing: -0.00375rem;padding-right:0.5rem;}
.visual .visualSwiper {    width: calc(50% - 5.75rem);margin-top:2.5rem;}
.visual .visualSwiper .icon-box {aspect-ratio: 1 / 1;background:#F7F8F9;display:flex;justify-content:center;align-items:center;border-radius: 1rem;}
.visual .visualSwiper .swiper-slide p {color:#2D3748; text-align: center; font-size: 0.85rem; font-weight: 400; line-height: 1.1rem; letter-spacing: -0.00425rem;margin-top:0.5rem;}
.visual .visualSwiper .swiper-slide:nth-child(3) p {line-height:2.2rem;}
.login-box-bg{display:none;}
.visual .visualSwiper .swiper-slide {transition-duration: 0.5s;
}

.visual .visualSwiper .swiper-slide:hover .icon-box {background:#fff;box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.06);}
.visual .visualSwiper .swiper-slide:hover {transform:translateY(-0.75rem);}


@media (max-width:1720px){
	.visual{background-size:50%;}
	.visual .visual-txt .desc{line-height:1.3;}
	.visual .visualSwiper{width:50%;}
}

@media (max-width:1300px){
	.visual .login-box {right:1rem;}
}

@media (max-width:1030px){
	.visual {height:auto;background:#fff;}
	.visual .login-box{position:relative;right:auto;top:auto;margin:1.75rem 0;}
	.visual .login-box > div.box-con {position:relative;z-index:1;}
	.visual .login-box .login-wrap input{width:100%;}
	.visual .login-box input[type="submit"]{width:100%;}
	.visual .visual-txt{padding-right:0;}
	.login-box-bg{display:block;height:14rem;background:url(/images/default/main/visual-bg-mob.png)no-repeat center center;background-size:cover;width:100vw;left:-1rem;position:absolute;bottom:-30px;}
	.visual .login-box {padding:0;box-shadow :none;margin-bottom:30px;}
	.visual .login-box > div.box-con {    padding: 1.5rem; border-radius: 1rem; background: #FFF; box-shadow: 20px 4px 25px 0 rgba(0, 0, 0, 0.05), 0 20px 25px 0 rgba(0, 0, 0, 0.05);}
	.visual .visualSwiper{margin-top:85px;width:100%;}
	
}


.board .inner {display:flex;border-top:3px solid #2D3748;margin-top:2.4rem;border-bottom:3px solid #2D3748;padding: 1.9rem 1.45rem;position:relative;}
.board .inner:before{content:'';position:absolute;width:18.35rem;height:3px;background:#007EF4;right:0;top:-3px;}
.board .inner:after{content:'';position:absolute;width:18.35rem;height:3px;background:#007EF4;right:0;bottom:-3px;}

.board .inner .news {width:58.15%;padding:0 1.45rem 0 0;position:relative;}
.board .inner .worship {width:calc(100% - 58.15%);padding-left:1.45rem;position:relative;}
.board .inner .worship:before{content:'';position:absolute;width:1px;height:calc(100% + 3.8rem);background:#EDF0F7;left:0;top:-1.9rem;}
.board .inner .tit-zone {display:flex;justify-content:space-between;padding-right:2.45rem;}
.board .inner .tit-zone .tit{color:#2D3748; font-size: 1.2rem; font-weight: 700; line-height: 1.2rem; letter-spacing: -0.006rem;}
.board .inner .tit-zone .category {display:flex;gap:0 1.7rem;    align-items: center;}
.board .inner .tit-zone .category li{color:#A0AEC0; font-size: 0.9rem; font-weight: 700; line-height: 0.9rem; letter-spacing: -0.0045rem;position:relative;cursor:pointer;}
.board .inner .tit-zone .category li:hover{color:#007EF4}
.board .inner .tit-zone .category li:after{content:'';position:absolute;width:0.2rem;height:0.2rem;background:#A0AEC0;border-radius:50%;right:-0.75rem;top:50%;transform:translate(50%,-50%);}
.board .inner .tit-zone .category li:last-child:after {display:none;}

.board .inner .tit-zone .category li.on {color:#007EF4;position:relative}
.board .inner .tit-zone .category li.on:before{content:'';position:absolute;width:100%;height:2px;background:#007EF4;left:0;bottom:-2px;}

.board .inner .news-cont .news-top {margin:1.25rem 0; }
.board .inner .news-cont .news-top a{display:flex;gap:1.25rem;align-items:center;}
.board .inner .news-cont .news-top a .date-box {width:3.75rem;height:3.75rem;border-radius:0.75rem;background:#1A2F6E;display:flex;flex-direction:column;
justify-content:center;align-items:center;color:#fff;gap:0.25rem
}
.board .inner .news-cont .news-top a .date-box .date {color: #FFF; text-align: center; font-size: 1.3rem; font-weight: 600; line-height: 1.3rem; }
.board .inner .news-cont .news-top a .date-box .month {color: #FFF; text-align: center; font-size: 0.7rem; font-weight: 600; line-height: 0.7rem;}
.board .inner .news-cont .news-top a .txt-zone{flex:1;}
.board .inner .news-cont .news-top a .txt-zone .tit {color:#2D3748; font-size: 0.9rem; font-weight: 600; line-height: 1.3;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; }
.board .inner .news-cont .news-top a .txt-zone .txt{color:#717D96; font-size: 0.8rem; font-weight: 400; line-height: 0.8rem;margin-top:0.75rem;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; }
.board .inner .news-cont .news-top a:hover .txt-zone .tit{ text-decoration : underline; text-underline-position : under; }



.board .inner .news-cont .news-list {border-top: 1px solid rgba(237, 240, 247, 0.87);display:flex; flex-direction:column;gap:1.25rem; padding-top:1.25rem;}
.board .inner .news-cont .news-list li a{display:flex;justify-content: space-between;}
.board .inner .news-cont .news-list li a p.tit {color:#2D3748; font-size: 0.8rem; font-weight: 400; line-height: 1rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; flex:1;}
.board .inner .news-cont .news-list li a p.date {color:#717D96; text-align: right; font-size: 0.75rem; font-weight: 400; line-height: 0.75rem;}

.board .inner .news-cont .news-list li a:hover p.tit{text-decoration : underline; text-underline-position : under; }

.board .more {position:absolute;right:1.45rem;top:0;width:1.5rem;height:1.5rem;background:url(/images/default/main/more-icon.svg)no-repeat center center;background-size:cover;transition-duration: 0.5s;}
.board .more:hover{transform: rotate(180deg);transition-duration: 0.5s;}

.board .inner .worship {position:relative;}
.worship .more{position:absolute;right:0;top:0;width:1.5rem;height:1.5rem;background:url(/images/default/main/more-icon.svg)no-repeat center center;background-size:cover;}
.worship ul  {margin-top:1.25rem;}
.worship ul li:not(:last-child) {margin-bottom:1.25rem;}
.worship ul li:last-child {padding-bottom:0;}
.worship ul li .sub {display:flex;justify-content:space-between;}
.worship ul li .sub .pastor {padding:0.45rem;border-radius: 0.4rem; background: #EBF3FF;color:#1A2F6E; font-size: 0.65rem; font-weight: 600; line-height: 0.65rem; letter-spacing: -0.00325rem;}
.worship ul li .sub .date {color: #717D96; text-align: right; font-size: 0.75rem; font-weight: 400; line-height: 0.75rem; letter-spacing: -0.00375rem;}
.worship ul li .sub .date b{color:#2D3748;font-weight:600;padding-left:0.15rem;}
.worship ul li a.tit {display:block;color:#2D3748; font-size: 0.8rem; font-weight: 600; line-height: 1.4; letter-spacing: -0.004rem;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;margin-top:0.5rem; }
.worship ul li a.tit:hover{  text-decoration : underline; text-underline-position : under; }


.board .more span {display:none}
@media (max-width:1250px){
	.board .inner{flex-direction:column;}
	.board .inner .news{width:100%;padding-right:0;}
	.board .more{position:relative;display:flex;width:180px;height:45px;border:1px solid #EDF0F7;background:#fff;border-radius:0.5rem;margin:0 auto;justify-content:center;align-items:center; color: #2D3748; font-size:14px; font-weight: 400; line-height: 14px; letter-spacing: -0.0035rem;gap:10px; margin-top:31px;}
	.board .more span {display:block;}
	.board .more:after{content:'';width:20px;height:20px;display:block;background:url(/images/default/main/add-icon.svg)no-repeat center center;background-size:cover;}
	.board .inner .worship{width:100%;padding-left:0;margin-top:34px;padding-top:34px;border-top:3px solid #2D3748}
	.board .inner .worship:before{display:none;}
	.board .inner .tit-zone{padding-right:0;}
	.board .inner{padding-top:0;border:none;}
	.board .inner .news{border-top:3px solid #2D3748;padding-top:34px;}
	.board .inner:before{display:none;}
	.board .more:hover {transform: rotate(0);}
	.board .more:hover:after {transform: rotate(180deg);transition-duration: 0.5s;}



}

@media (max-width:500px){
	.board .inner .tit-zone {display:block;}
	.board .inner .tit-zone .category {margin-top:33px;}
	.board .inner .news-cont .news-top {margin-top:28px;}

	.board .inner .tit-zone .category {overflow-x: auto;     /* 🔥 가로 스크롤 */ overflow-y: hidden; white-space: nowrap;  /* 줄바꿈 방지 */ -webkit-overflow-scrolling: touch; /* 모바일 부드러운 스크롤 */}
	.board .inner .tit-zone .category::-webkit-scrollbar {
    display: none;}
}