#main .container { width: 1600px; } #main-section1 { margin-top:75px; } #main-sermon { height:317px; padding-top:50px; padding-left:70px; position:relative; } #main-sermon p { color:#fff; } #main-sermon-header { font-size:24px; } #main-sermon hr { width: 40px; border-width: 3px; margin: 25px 0px; } #main-sermon-title { font-size:34px; font-weight:600; margin-top:15px; } #main-sermon-bible { font-size:20px; font-weight:600; margin-top:20px; } #main-sermon-play { position:absolute; bottom:45px; right:55px; } #sermon-list { height:324px; padding-top:15px; background-position:right bottom !important; } #sermon-list table { border:0px; width:60%; table-layout:fixed; white-space:nowrap; } #sermon-list table p { margin-bottom:0px; } #sermon-list table th { color:#fff; font-size:36px; font-weight:600; text-align:center; } #sermon-list table tr th, #sermon-list table tr td { border-bottom:1px solid #6EA8EB; padding-top:10px; padding-bottom:10px; } #sermon-list table tr td p:first-child { font-size:20px; color:#fff; font-weight:600; overflow:hidden; text-overflow:ellipsis; } #sermon-list table tr td p:first-child a { color:#fff; text-decoration:none; } #sermon-list table tr td p:last-child { font-size:16px; color:#B8CFF1; } #sermon-list table tr th { padding-left:30px; padding-right:20px; width:140px; } #sermon-list table tr:last-child th, #sermon-list table tr:last-child td { border-bottom:0px; } #sermon-list-more { position:absolute; bottom:0px; right:15px; } #sermon-board-list ul li { background:#7B7B7B; padding:18px 45px; border-bottom:1px solid #fff; transition:all 0.3s ease; cursor:pointer; } #sermon-board-list ul li:hover { background:#407ECB; } #sermon-board-list ul li a { color:#fff; text-decoration:none; font-size:24px; } #sermon-board-list ul li img { float:right; position:relative; top:6px; } #main-video-header p { display:inline-block; font-size:24px; font-weight:600; margin-bottom:0px; } #main-video-header img { float:right; position:relative; top:8px; } #main-video-list hr { margin:15px 0px; } #main-video-list table { width:100%; border:0px; } #main-video-list table td { padding:6px 0px; transition:all 0.3s ease; border-bottom:1px solid #efefef; height:113px; } #main-video-list table tr:last-child td{ border-bottom:0px; } #main-video-list table tr:hover td { background:#efefef; } #main-video-list table td:first-child { width:150px; } #main-video-list table td:last-child { padding-left:20px; } #main-video-list table td img { border: 1px solid #ddd; } #main-video-list table td p:first-child { font-size:14px; font-weight:600; margin-bottom:5px; } #main-video-list table td p:first-child a { color:#0078AA; text-decoration:none; } #main-video-list table td p:nth-child(2) { font-size:17px; font-weight:600; margin-bottom:5px; word-break:keep-all; } #main-video-list table td p:nth-child(2) a { color:#333; text-decoration:none; } #main-video-list table td p:last-child { font-size:14px; color:#999; margin-bottom:0px; } #main-section2 { margin-top:75px; padding:75px 0px; } #main-quick-icons { background:#fff; border-radius:80px; padding-top:30px; padding-bottom:30px; margin-bottom:50px; } #main-quick-icons ul { text-align:center; } #main-quick-icons ul li { display:inline-block; padding:0px 40px; } #main-quick-icons ul li a { color:#000; font-size:18px; font-weight:600; text-decoration:none; } #main-quick-icons ul li a p { margin-bottom:0px; } .main-box-text { padding:20px; border-bottom-left-radius:25px; border-bottom-right-radius:25px; } .main-box-text a { text-decoration:none; } .main-box-text p { text-align:center; margin-bottom:0px; color:#000; font-size:24px; text-decoration:none; font-weight:600; } .main-box-text p a { color:#000; font-size:24px; text-decoration:none; font-weight:600; } .main-box-img { position:relative; border-top-left-radius :25px; border-top-right-radius :25px; overflow:hidden; } .main-box-img img { width:100%; } .main-box-title { position:absolute; top:39%; width:100%; transition:all 0.3s ease; } .main-box-title hr { width:65px; margin:20px auto 30px; display:none; } .main-box-title-kor { text-align:center; color:#fff; font-size:50px; font-weight:600; margin-bottom:0px; transition:all 0.3s ease; } .main-box-title-eng { text-align:center; color:#fff; font-size:24px; transition:all 0.3s ease; } .main-box-sub-list { transition:all 0.3s ease; display:none; } .main-box-sub-list li { text-align:center; padding-bottom:5px; color:#fff; font-size:18px; } .main-box-sub-list li a { font-size:18px; color:#fff; text-decoration:none; transition:all 0.3s ease; } .main-box-sub-list li a:hover { color:#ddd; } .main-box-bg { position:absolute; bottom:0px; width:100%; height:0px; transition:all 0.3s ease; } .main-box-img:hover .main-box-title { top:0px; padding-top:30px; height:100%; } .main-box-img:hover .main-box-title-kor { font-size:40px; } .main-box-img:hover .main-box-title-eng { font-size:20px; } .main-box-img:hover .main-box-sub-list { display:block; } .main-box-img:hover .main-box-bg { height:100%; } .main-box-img:hover .main-box-title hr { display:block; } .main-box-img.active .main-box-title { top:0px; padding-top:30px; height:100%; } .main-box-img.active .main-box-title-kor { font-size:40px; } .main-box-img.active .main-box-title-eng { font-size:20px; } .main-box-img.active .main-box-sub-list { display:block; } .main-box-img.active .main-box-bg { height:100%; } .main-box-img.active .main-box-title hr { display:block; } #main-section3 { margin-top:80px; } #main-news-header { margin-bottom:25px; } #main-news-header p { display:inline-block; } #main-news-header p:first-child { font-size:46px; font-weight:600; } #main-news-header p:last-child { font-size:18px; color:#555; margin-left:15px; } #main-gallery a { color:#fff; text-decoration:none; } .main-gallery-box { height:300px; position:relative; } .main-gallery-box-bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.7); padding:30px 40px; transition:all 0.3s ease; } .main-gallery-box-title { font-size:32px; word-break:keep-all; } .main-gallery-box-date { font-size:20px; } .main-gallery-box-bg:hover { background:rgba(0,0,0,0.4); } #main-news-slider { margin-top:50px; } #main-news-slider .swiper-slide { border:2px solid #C4C4C4; padding:40px 50px; transition:all 0.3s ease; } #main-news-slider .swiper-slide:hover { background:#efefef; } #main-news-slider .swiper-slide-header p { display:inline-block; } #main-news-slider .swiper-slide-header p a { font-size:20px; color:#555; font-weight:600; text-decoration:none; } #main-news-slider .swiper-slide-header img { float:right; position:relative; top:5px; } #main-news-slider .swiper-slide-content { width:80%; font-size:28px; font-weight:600; word-break:keep-all; min-height:80px; } #main-news-slider .swiper-slide-content p { margin-bottom:0px; } #main-news-slider .swiper-slide-content a { color:#333; text-decoration:none; } #main-section4 { margin-top:80px; padding:130px 0px; } #main-section4-title { color:#fff; font-size:50px; font-weight:600; } #main-section4-desc { color:#fff; font-size:18px; word-break:keep-all; margin-bottom:0px; line-height:120%; } #main-section4 ul { text-align:center; } #main-section4 ul li { padding-top:37px; display:inline-block; text-align:center; width:155px; height:155px; margin:0px 10px; line-height:220%; background: rgba(255,255,255,0.3); transition:all 0.3s ease; } #main-section4 ul li:hover { background: rgba(255,255,255,0.1); } #main-section4 ul li a { color:#fff; text-decoration:none; font-size:24px; font-weight:600; } #main-section5 { margin-top:10px; padding:100px 0px 60px; margin-bottom:10px; } #main-section5 p { text-align:center; } #main-section5 p:first-child { font-size:50px; color:#fff; font-weight:600; } #main-section5 p:nth-child(2) { color:#fff; font-size:24px; font-family:'NanumMyeongjo'; font-weight:600; word-break:keep-all; } #main-section5 p:nth-child(3) { color:#fff; font-size:16px; margin-bottom:50px; word-break:keep-all; } #main-section5 a { color:#fff; text-decoration:none; font-size:24px; font-weight:600; border:1px solid #fff; padding:20px 60px; transition:all 0.3s ease; } #main-section5 a:hover { background: rgba(255,255,255,0.3); } .page-actions { position:fixed; bottom:0px; left:0px; } #swiperSliderMainGallery .swiper-button-prev, #swiperSliderMainGallery .swiper-button-next { display:none; } .detail-video-wrapper { width:100%; margin:0 auto 30px; } .detail-video { position:relative; padding-bottom:56.25%; margin:0 auto 20px; } .detail-video iframe { position:absolute; top:0px; left:0px; width:100%; height:100%; } .direct-popup { display: none; } .direct-popup-custom { display: block; } @media(max-width:1620px) { #main .container { width:100%; } } @media(max-width:1450px) { #main-sermon { padding-top:35px; padding-left:40px; height:291px; } #sermon-list table { width:62%; } #sermon-list table tr th { padding-left:15px; padding-right:15px; font-size:22px; width:85px; } #sermon-board-list ul li a { font-size:22px; } #main-video-list table td { height:105px; } #main-video-list table td p:nth-child(2) { font-size:14px; } #main-quick-icons ul li { padding:0px 15px; } .main-box-img.active .main-box-title-kor, .main-box-img:hover .main-box-title-kor { font-size:25px; } .main-box-title hr { margin:15px auto; } #main-news-slider .swiper-slide { padding:20px 50px; } } @media(max-width:1200px) { #main-sermon-play { bottom:30px; right:30px; } #sermon-list table tr th{ font-size:20px; } #sermon-list table tr td p:first-child { font-size:16px; } #sermon-board-list ul li { padding:22px 20px; } #main-quick-icons ul li { padding:0px 10px; } #main-quick-icons ul li a { font-size:14px; } .main-box-title-kor { font-size:32px; } .main-box-title-eng { font-size:15px; } .main-box-img.active .main-box-title, .main-box-img:hover .main-box-title { padding-top:10px; } .main-box-img.active .main-box-title-eng, .main-box-img:hover .main-box-title-eng { font-size:15px; } .main-box-sub-list li { padding-bottom:1px; } .main-box-sub-list li a { font-size:15px; } #main-news-slider .swiper-slide { padding:20px; } } @media(max-width:992px) { #sermon-list { background-repeat:no-repeat !important; background-color:#5499e7 !important; } #sermon-board-list, #main-video-list { margin-top:30px; } #main-quick-icons ul li { padding:10px 25px; } .main-box { margin-bottom:30px; } .main-gallery-box-title { font-size:26px; } .main-gallery-box-bg { padding:20px; } #main-news-slider .swiper-slide-content{ font-size:20px; } #bottom a, #bottom p, #footer p { font-size:12px; } } @media(max-width:768px) { #main .container { width:100%; } #main-section1 { margin-top:0px; } #main-section1 .container .col-xs-12 { padding:0px; } #main-sermon { height:inherit; padding:20px; background-size:auto 100% !important; background-position:center !important; } #main-sermon-header { font-size:20px; } #main-sermon-title { font-size: 24px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #main-sermon-bible { font-size:18px; margin-top:5px; } #main-sermon hr { margin:15px 0px; } #main-sermon-play { bottom: 15px; right: 15px; width: 50px; } #sermon-list { position:relative; padding-bottom:15px; height:inherit; background-size:auto 95% !important; background-position:right bottom !important; background-repeat: no-repeat !important; background-color:#549BE4 !important; } #sermon-list table { width:60%; table-layout:fixed; } #sermon-list table tr th { padding-left:10px; padding-right:0px; font-size:17px; line-height:1; width:70px; } #sermon-list table tr td p:first-child { font-size:16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #sermon-list table tr td p:last-child { font-size:14px; } #sermon-list table tr th, #sermon-list table tr td { padding-top:5px; padding-bottom:5px; } #sermon-list-more { width:45px; position:absolute; right:15px; bottom:0px; } #sermon-board-list { margin-top:0px; } #sermon-board-list ul { border-top:1px solid #ddd; } #sermon-board-list ul li { padding:0px; width:50%; float:left; padding:10px 20px; } #sermon-board-list ul li:nth-child(odd) { border-right:1px solid #ddd; } #sermon-board-list ul li a { font-size:16px; } #sermon-board-list ul li img { top:3px; } #main-section2 { background:none !important; padding-top:0px; margin-top:0px; padding-bottom:0px; } #main-section2 .container { padding:0px; } #main-quick-icons { margin-bottom:0px; padding-top:15px; padding-bottom:15px; } #main-quick-icons ul li { width:25%; padding:0px; border:1px solid #999; padding:5px 0px; margin:10px; } #main-quick-icons ul li a p { font-size:13px; letter-spacing:-1px; } #ministrySlider .swiper-button-prev { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } #ministrySlider .swiper-button-next { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .main-box-img { border-radius:0px; height:300px; } .main-box-img img { margin-top:-30px; } .main-box-text { border-radius:0px; } .main-box-title { top:32%; } .main-box-text { padding:10px 20px; } .main-box-text p { font-size:18px; } .main-box-img.active .main-box-title-kor { font-size:30px; } .main-box-img.active .main-box-title-eng { font-size:16px; } .main-box-img:hover .main-box-title-kor { font-size:30px; } .main-box-img:hover .main-box-title-eng { font-size:16px; } .main-box-title hr { margin:10px auto; } .main-box-sub-list li { padding-bottom:3px; } .main-box-sub-list li a { font-size:16px; } #main-section3 { margin-top:30px; } #main-section3 .container { padding:0px; } #main-news-header { text-align:center; margin-bottom:10px; } #main-news-header p:first-child { font-size:32px; } #main-news-header p:last-child { font-size:16px; } .main-gallery-box { height:215px; } .main-gallery-box-title { font-size:26px; line-height:1.2; } #swiperSliderMainGallery .swiper-button-prev, #swiperSliderMainGallery .swiper-button-next { display:block; top:inherit; bottom:25px; } #swiperSliderMainGallery .swiper-button-prev { left:35px; } #swiperSliderMainGallery .swiper-button-next { right:35px; } #main-news-slider { margin-top:0px; height:210px; overflow:hidden; border-bottom:1px solid #ddd; } #main-news-slider .swiper-slide { padding:10px 20px; border:0px; border-bottom:1px solid #C4C4C4; } #main-news-slider .swiper-slide-content { width:100%; font-size:16px; min-height:initial !important; } #main-news-slider .swiper-slide-header { display:none; } #swiperSliderNewsVertical { height:210px; } #swiperSliderNews .swiper-button-next, #swiperSliderNews .swiper-button-prev { display:none; } #main-section4 { margin-top:0px; padding:30px; background-size: auto 100% !important; background-position: center !important; } #main-section4 .container { padding:0px; } #main-section4-title { text-align:center; font-size:32px; } #main-section4-desc { text-align:center; font-size:16px; margin-bottom:15px; } #main-section4 .col-xs-12 { padding:0px; } #main-section4 ul li { width:26%; line-height:1; height:inherit; padding:20px 0px; margin:0px 9px 15px; } #main-section4 ul li a { font-size:15px; } #main-section5 { padding: 30px 20px; margin: 2px 0px; background-size: auto 100% !important; background-position: center !important; } #main-section5 p:first-child { font-size:28px; } #main-section5 p:nth-child(2) { font-size:18px; line-height:1.2; } #main-section5 p:nth-child(3) { margin-bottom:35px; } #main-section5 a { font-size:18px; padding:10px 60px; } }