@charset "utf-8";

#inc01{padding:200px 0;background:url('./img/bg.jpg') no-repeat top}
#inc01 h2 b{color:var(--brand-color)}
#inc01 .quick_mu{display:flex;justify-content:center;gap:20px;margin-bottom:80px}
#inc01 .quick_mu li a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:160px;height:160px;border:1px solid #e1e1e1;border-radius:var(--radius);background:#fff;transition:all .3s}
#inc01 .quick_mu li h4{font-size:17px;font-weight:600;color:var(--primary);font-family:var(--main-font)}
#inc01 .quick_mu li a img{transition:all .3s}
#inc01 .quick_mu li a:hover{transform:translateY(-10px)}
#inc01 .quick_mu li a:hover img{filter:invert(61%) sepia(27%) saturate(417%) hue-rotate(299deg) brightness(89%) contrast(94%)}


#inc01 .cont{display:grid;grid-template-columns:repeat(2,1fr);gap:100px 50px}

#inc01 .cont .sermon{display:flex;align-items:center;justify-content:flex-end;padding:50px;border-radius:var(--radius);color:#fff;background:var(--brand-color) url('./img/sermon_bg.png') no-repeat}
#inc01 .cont .sermon .s_tit{display:flex;align-items:center;gap:10px}
#inc01 .cont .sermon .s_tit p{font-size:20px;font-weight:700}
#inc01 .cont .sermon .s_tit span{font-size:14px;opacity:.3}
#inc01 .cont .sermon .slo{margin:10px 0;font-size:35px;font-weight:700;font-family:var(--main-font)}
#inc01 .cont .sermon .metadata{font-size:16px;font-weight:700}
#inc01 .cont .sermon a{margin-top:20px}

#inc01 .cont .time{padding:50px;border-radius:var(--radius);color:#fff;background:var(--primary) url('./img/time_bg.png');background-size:cover}
#inc01 .cont .time .wrap{display:grid;grid-template-columns:repeat(2,1fr)}
#inc01 .cont .time .bs span{width:80px}
#inc01 .cont .time .next span{width:110px}
#inc01 .cont .time .wrap span{display:inline-block;font-weight:700}
#inc01 .cont .time .wrap p{display:inline-block;opacity:.7}
#inc01 .cont .time>div+div{margin-top:30px}
#inc01 .cont .time>div>p{display:inline-block;margin-bottom:8px;padding:2px 15px;border-radius:50px;border:1px solid #fff;font-size:16px;font-weight:700}

#inc01 .cont .lt_area{overflow:hidden;border:1px solid #e1e1e1;border-radius:var(--radius)}
#inc01 .cont .lt_area li a{display:block;padding:20px;font-size:16px;font-weight:600;color:var(--primary);transition:all .3s}
#inc01 .cont .lt_area li a:before{display:inline-block;content:'';width:4px;height:4px;margin-right:6px;border-radius:50px;vertical-align:3px;background:var(--brand-color)}
#inc01 .cont .lt_area li a:hover{color:var(--brand-color);background:#f2f2f2}
#inc01 .cont .lt_area li+li{border-top:1px dashed #e1e1e1}
#inc01 .cont .lt_area li .new{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:3px;font-size:8px;color:#fff;vertical-align:2px;background:var(--brand-color)}

#inc01 .cont .gall{overflow:hidden}
#inc01 .cont .gall_slide a{text-align:center}
#inc01 .cont .gall_slide a:hover .img div{transform:scale(1.1)}
#inc01 .cont .gall_slide .img{overflow:hidden;border-radius:var(--radius);font-size:0}
#inc01 .cont .gall_slide .img div{display:inline-block;width:100%;height:280px;background-size:cover;background-position:center;transition:all .3s}
#inc01 .cont .gall_slide img{width:100%}
#inc01 .cont .gall_slide .tab{font-size:14px;font-weight:700;color:var(--brand-color)}
#inc01 .cont .gall_slide .txt{margin-top:10px}
#inc01 .cont .gall_slide .txt p{font-size:16px;font-weight:700;color:var(--primary)}