#bandMessage { z-index:1!important; } .dimode-component { z-index:0!important; } header .navbar-default { position:absolute; } .footer { margin-top:80px; } .footer ul { border-top: 1px solid #cecece; } #sub { overflow:hidden; } .fullpage-nav, .main-quick { display:none; } .joyangchurch-content { background: rgba(0,0,0,0.5)!important; } .sub-top { position: relative; height: 400px; width: 100%; top: 0; z-index: 0; background-size: cover!important; background-position: 50% 50%!important; opacity: 0.8; -webkit-animation: zoomin 9s 1; animation: zoomin 9S 1;} .sub-rel { position: relative; height: 400px; } .sub-top-ul { position: absolute; bottom: 0px; text-align: center; margin: 0 auto; background-color: rgba(12, 76, 163, 0.5); width: 100%; } .sub-top-ul li { font-size: 17px; padding: 30px 30px; text-align: center; display: inline-block; } .sub-top-ul a { color: #fff; text-decoration: none; } .sub-cont { background: #fff; position: relative; padding: 0; } .sub-title2 { margin: 0 0 50px!important; font-size: 30px; display: inline-block; border-bottom: 2px solid #E6061B; padding-bottom: 15px; font-weight: bold; } #subgnb { border-bottom:1px solid #ddd; background:#fff; } #subgnb_pc img { position:relative; top:-3px; } #subgnb_pc span { font-size:17px; color:#333; margin:0 3px; } #subgnb_pc a { font-size:17px; color:#333; text-decoration:none; display:inline-block; border-radius:15px; background:#fff; padding:5px 15px; box-shadow: 4px 3px 2px 0px #afafaf;} .subTitle { text-align:center; } .sub-rel .sub-desc{position: absolute;top: 55%; text-align: center;width: 100%; border: none;display: block;transform: translate(0,-50%);} .sub-rel .sub-desc .sub-top-title{margin: 0;font-size: 24px; color: #fff;border: 1px solid #fff;display: inline-block;padding: 10px 25px;} .sub-rel .sub-desc .sub-top-title2{margin: 0;font-size: 48px;color: #fff; display: inline-block;padding: 15px 0;width: 100%;} .sub-top-ul2 { border-bottom:1px solid #ddd; text-align:center; } .sub-top-ul2 li { word-break:keep-all; } .sub-top-ul2 li:hover { border-bottom:1px solid #00A9E0; transition:.3s all; } .sub-top-ul2 li:hover a { color:#00A9E0; transition:.3s all; } .sub-top-ul2 li { display:inline-block; font-size:18px; width:175px; padding:20px 0; margin:0 5px; height:65px; } .sub-top-ul2 li.active { border-bottom:1px solid #00A9E0; } .sub-top-ul2 li.active a { color:#00A9E0; } .sub-top-ul2 li a { color:#333; text-decoration:none;} .subtop-bottom .subtop-menu{position: absolute;bottom: 0;width: 100%;text-align: center;background-color: rgba(102,154,201,1);} .subtop-bottom .subtop-menu li{display:inline-block;} .subtop-bottom .subtop-menu li a{display: inline-block;padding: 40px 20px 20px; position:relative; text-decoration: none;float: left;color: #fff;font-size: 17px; white-space: nowrap;overflow: hidden;width: 100%;float: left;} .subtop-bottom .subtop-menu li a .btn-plus{transform: translate(-50%,-50%); width: 10px;height: 10px;left: 50%;display: inline-block;position: absolute; top: 25%;border-radius: 50%;background-color: #FFFF40; opacity:0;} .subtop-bottom .subtop-menu li:hover a .btn-plus, .subtop-bottom .subtop-menu li.active a .btn-plus{opacity:1;transition:.3s all;} .lnb_title { font-size:30px; border-bottom:1px solid #000; padding:40px 0px; font-weight:600; text-align:center; position:relative;} .sub-left-triangle { position: absolute; right: 0px; top: 0; width: 0; height: 0; border-left: 30px solid transparent; border-top-width: 30px; border-top-style: solid; border-top-color: #ff6d6d; } .sub_depth2 { margin-top:0px; padding-top:0px; } .sub_depth2 li { padding: 20px 25px; border-bottom:1px solid #ddd; transition:all ease 0.3s; } .sub_depth2 li.active, .sub_depth2 > li:hover { background:#ff6d6d; } .sub_depth2 li.active a, .sub_depth2 > li:hover a { color:#fff; } .sub_depth2 > li > a { color:#777; font-weight:600; font-size:17px; text-decoration:none; } .sub_depth2 li a { color:#777; font-weight:600; font-size:16px; text-decoration:none; } .sub_depth2 li i { position:relative; margin:3px 15px 0px 0px; cursor:pointer; float:right; font-size:16px;} .sub_depth2 li i.fa-minus { display:none; } .sub_depth2 li:last-child { border-bottom:none; } .sub_depth3 { padding:0px 15px; margin-top:15px; display:none; } .sub_depth3.active { display:block; } .sub_depth3 li { padding: 10px 20px; border-bottom:1px solid #fff; background-color: #ff6d6d; } .sub_depth3 li a { color:#999; font-size:15px; text-decoration:none; transition:all ease 0.3s; } #sub_title { font-size: 35px; font-weight: 600; border-bottom: 4px solid #2594C7; display: inline-block; padding-bottom: 10px; margin:50px 0; } @-webkit-keyframes zoomin { 0% { -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1); } } .next-box-img { text-align:center; } .next-box-img img { max-height:138px; } .table-responsive{border:none!important;} #component6391 #unit1249 img, #component6391 #unit5901 img, #component6391 #unit4581 img, #component6391 #unit5667 img{height:inherit!important;} #sub-95 #component3700 #unit3263 img, #sub-96 #component3700 #unit3263 img, #sub-97 #component3700 #unit3263 img, #sub-98 #component3700 #unit3263 img, #sub-99 #component3700 #unit3263 img, #sub-100 #component3700 #unit3263 img, #sub-101 #component3700 #unit3263 img, #sub-105 #component3700 #unit3263 img, #sub-106 #component3700 #unit3263 img, #sub-107 #component3700 #unit3263 img, #sub-108 #component3700 #unit3263 img, #sub-101 #component3700 #unit3263 img{width:100%!important;} /*교회비전 모달*/ .modal-dialog{width: 50%;z-index:1041;} .modal-content{min-height: 515px;} .modal-body{width: 100%; min-height: 515px;} .detail-video{width: 100%; text-align: center; left: 0; margin: 0 auto;} #component6588, #component7266, #component2835{word-break:keep-all!important;} #sub-17 #dimodeYoutube{width: 100%; height: 480px;} /*게시판 이미지*/ .board-theme .theme-detail .detail-content .each-img{text-align:center;} .board-theme .theme-detail .detail-content img{max-width:900px!important;} /*글자 크기*/ .board-theme.webzine .each-document .list-content .top .title, .board-theme .theme-detail .detail-content p, .board-theme .theme-detail .detail-content span, .board-theme .theme-detail .detail-top .document-regdate, .board-theme .theme-detail .detail-upper .document-writer, .board-theme .theme-detail .detail-upper .document-readed_count span, .board-theme .theme-list table tbody td.document-title a, .board-theme .theme-detail .detail-top .document-title, #dimodeComment .comment-list .each-comment .list-writer, #dimodeComment .comment-list .each-comment .list-writer b, #dimodeComment .comment-list .each-comment .list-writer span, #dimodeComment .comment-list .each-comment .list-content{font-size:20px!important;} #component6884 #unit1154 table tbody tr td, #component6884 #unit1154 div span{word-break:keep-all;} #sub-32 #component5563 #unit6594 .row:after, #sub-32 #component5563 #unit6594 .row:before{content:none!important;} #sub-32 #component5563 #unit6594 .row .col-sm-4{width:70%!important;} #component8878 #unit9845 .row{display:grid;grid-template-columns: 1fr 1fr 1fr 1fr!important;gap:20px;} #component8878 #unit9845 .row:before, #component8878 #unit9845 .row:after{content:none!important;} #component8878 #unit9845 .row .col-sm-3{width:100%!important;padding:0!important;} @media (min-width:1400px) { .container{width:1400px;} } @media (max-width:1699px) { } @media (max-width:1499px) { #component2297 #unit8258 > div{height:inherit!important;background-repeat:no-repeat;background-size:cover;background-position:center;} #component1015 #unit4936 .history_01 colgroup col{width:38%!important;} #component8013 #unit6798 .col-sm-4{width:100%!important;padding:0 0 25px!important;margin:0!important;} #component8013 #unit6798 .col-sm-8{width:100%!important;padding:0!important;margin:0!important;word-break:keep-all;} #component2487 #unit2462 > div{padding:55px!important;} #sub-31 #component7178 #unit4015{width:36%!important;} #sub-31 #component7178 #unit1789{width:64%!important;} #sub-32 #component7178 #unit4015{width:40%!important;} #sub-32 #component7178 #unit1789{width:60%!important;} } @media (max-width:1199px) { #component2297 #unit8258 > div{padding:25px!important;} #component2297 #unit8258 .col-sm-8{word-break:keep-all;} #component1015 #unit4936 .history_01 colgroup col{width:42%!important;} #component1015 #unit4936 .history_01 tbody tr td{padding:10px!important;word-break:keep-all;} #component7178{padding:0 15px!important;} #component2487 #unit4712{width:100%!important;} #component2487 #unit2462{width:100%!important;padding:0!important;} #sub-31 #component7178 #unit4015{width:45%!important;} #sub-31 #component7178 #unit1789{width:55%!important;} #sub-32 #component7178 #unit4015{width:50%!important;} #sub-32 #component7178 #unit1789{width:50%!important;} #sub-32 #component5563 #unit6594 .row .col-sm-4{width:85%!important;} #component8878 #unit9845 .row{grid-template-columns: 1fr 1fr 1fr!important;} #sub-42 #component7178 #unit4015:nth-child(1), #sub-43 #component7178 #unit4015:nth-child(1), #sub-44 #component7178 #unit4015:nth-child(1), #sub-45 #component7178 #unit4015:nth-child(1), #sub-46 #component7178 #unit4015:nth-child(1), #sub-37 #component7178 #unit4015:nth-child(1), #sub-38 #component7178 #unit4015:nth-child(1), #sub-39 #component7178 #unit4015:nth-child(1){width:100%!important;} #sub-42 #component7178 #unit4015:nth-child(2), #sub-43 #component7178 #unit4015:nth-child(2), #sub-44 #component7178 #unit4015:nth-child(2), #sub-45 #component7178 #unit4015:nth-child(2), #sub-46 #component7178 #unit4015:nth-child(2), #sub-37 #component7178 #unit4015:nth-child(2), #sub-38 #component7178 #unit4015:nth-child(2), #sub-39 #component7178 #unit4015:nth-child(2){width:50%!important;} #sub-42 #component7178 #unit4015:nth-child(3), #sub-43 #component7178 #unit4015:nth-child(3), #sub-44 #component7178 #unit4015:nth-child(3), #sub-45 #component7178 #unit4015:nth-child(3), #sub-46 #component7178 #unit4015:nth-child(3), #sub-37 #component7178 #unit4015:nth-child(3), #sub-38 #component7178 #unit4015:nth-child(3), #sub-39 #component7178 #unit4015:nth-child(3){width:50%!important;} } @media (max-width:992px) { #component2297 #unit8258 .row{margin-top:20px!important;} #component2297 #unit8258 .row .col-sm-4{width:100%!important;text-align:center;padding-bottom:25px!important;} #component2297 #unit8258 .row .col-sm-8{width:100%!important;} #component1015 #unit5700:nth-child(1){width:100%!important;text-align:center;padding-bottom:20px!important;} #component1015 #unit5700:nth-child(2){width:10%!important;} #component1015 #unit5700:nth-child(2) > div:nth-child(2){height:1200px!important;} #component1015 #unit4936{width:90%!important;} #sub-74 #component1015 #unit5700:nth-child(2) > div:nth-child(2){height:650px!important;} #component7178 #unit4015{width:40%!important;} #component7178 #unit1789{width:60%!important;padding:0!important;} #component5563 #unit6594 > div{padding:20px!important;word-break:keep-all;} #sub-18 #component5563 #unit6594 .life_01 li{padding-left: 1em;text-indent: -1em;} #sub-31 #component7178 #unit4015{width:100%!important;} #sub-31 #component7178 #unit1789{width:100%!important;} #sub-32 #component7178 #unit4015{width:100%!important;} #sub-32 #component7178 #unit1789{width:100%!important;} #sub-40 #component7178 #unit4015{width:100%!important;} #sub-40 #component7178 #unit1789{width:100%!important;} #sub-41 #component7178 #unit4015{width:100%!important;} #sub-41 #component7178 #unit1789{width:100%!important;} #sub-35 #component7178 #unit4015{width:100%!important;} #sub-35 #component7178 #unit1789{width:100%!important;} #sub-36 #component7178 #unit4015{width:100%!important;} #sub-36 #component7178 #unit1789{width:100%!important;} #sub-32 #component5563 #unit6594 .row .col-sm-4{width:95%!important;} #component8878 #unit9845 .row{grid-template-columns: 1fr 1fr!important;} #sub-35 #component5563 #unit6594 > div{font-size:17px!important;} #sub-42 #component7178 #unit4015 .col-sm-8, #sub-43 #component7178 #unit4015 .col-sm-8, #sub-44 #component7178 #unit4015 .col-sm-8, #sub-45 #component7178 #unit4015 .col-sm-8, #sub-46 #component7178 #unit4015 .col-sm-8, #sub-37 #component7178 #unit4015 .col-sm-8, #sub-39 #component7178 #unit4015 .col-sm-8, #sub-38 #component7178 #unit4015 .col-sm-8{margin:0!important;padding:15px!important;} #sub-42 #component7178 #unit4015:nth-child(2), #sub-43 #component7178 #unit4015:nth-child(2), #sub-44 #component7178 #unit4015:nth-child(2), #sub-45 #component7178 #unit4015:nth-child(2), #sub-46 #component7178 #unit4015:nth-child(2), #sub-37 #component7178 #unit4015:nth-child(2), #sub-39 #component7178 #unit4015:nth-child(2), #sub-38 #component7178 #unit4015:nth-child(2), #sub-42 #component7178 #unit4015:nth-child(3), #sub-43 #component7178 #unit4015:nth-child(3), #sub-44 #component7178 #unit4015:nth-child(3), #sub-45 #component7178 #unit4015:nth-child(3), #sub-46 #component7178 #unit4015:nth-child(3), #sub-37 #component7178 #unit4015:nth-child(3), #sub-39 #component7178 #unit4015:nth-child(3), #sub-38 #component7178 #unit4015:nth-child(3){width:50%!important;margin-bottom:15px!important;} } @media (max-width:767px) { .sub-rel, .sub-top{height: 265px;} .sub-rel .sub-desc .sub-top-title{font-size:17px;} .sub-rel .sub-desc .sub-top-title2{font-size:24px;} .subtop-bottom .subtop-menu li a{padding: 25px 10px 10px;} .row{margin:0!important;} .font-xl {font-size: 1.1rem!important;} .font-2xl {font-size: 1.2rem!important;} .font-4xl {font-size: 1.5rem!important;} .font-5xl {font-size: 1.7rem!important;} #sub_title{margin: 20px 0;} #component2297 #unit8258 div{word-break:keep-all;} #sub-9 #component2297 #unit8258 .row .col-sm-8{padding:0!important;} #component1015 #unit5700:nth-child(1){padding-left:0!important;padding-right:0!important;} #component1015 #unit5700:nth-child(2){display:none;} #component1015 #unit4936{display:inline-block;float: left;width:100%!important;padding:0!important;} #component3112{margin-bottom:20px!important;} #component3112 #unit8109 > div > div:nth-child(1){height: 5px!important;top: 15px!important;} #component7178{padding:0!important;} #component7178 #unit4015{width:100%!important;padding:0!important;} #component7178 #unit1789{width:100%!important;} #component7178 #unit1789 p{margin:0!important;} #component8366{margin:0!important;} #component8366 #unit6877{padding:0!important;} #component8366 #unit6877 .worship_01 tbody tr td{padding:5px!important;font-size:15px!important;word-break: keep-all;} #component5563 #unit6594{padding:0!important;} #component5563 #unit6594 > div {padding: 15px !important;} #component5563 #unit6594 .life_01{padding-left: 15px!important;} #component3112 #unit8109{margin-bottom:0px!important;} #component8013 #unit6798{padding:0!important;} #component8013 #unit6798 > div{padding:20px!important;} #component8013 #unit6798 .col-sm-8 > div{padding-top:0px!important;} #component2487 #unit2462 > div{padding:20px!important;} #component2487 #unit4712 .map-content{height:300px!important;} #component2487 #unit2462 .row{padding-bottom:15px!important;} #component1061 #unit4327{padding:0!important;} #component1061 #unit4327 .mission_01 tbody tr td{padding:10px!important;} #sub-32 #component5563 #unit6594 .row{grid-template-columns: 1fr!important;gap:20px;} #sub-32 #component5563 #unit6594 .row .col-sm-4{width:100%!important;padding:0!important;} #component8878 #unit9845 > div{padding:20px!important;} #component8878 #unit9845 .font-xl{margin-bottom:25px!important;word-break:keep-all;} #component8878 #unit9845 .row{grid-template-columns: 1fr!important;} #component8878 #unit9845 .row .col-sm-3 .button_01{padding:10px!important;} #sub-36 #component1061 #unit4327 .mission_01 tbody tr td{word-break:keep-all;} #sub-35 #component5563 #unit6594 > div{font-size:15px!important;} #sub-36 #component3112{margin:0 0 20px!important;} #sub-36 #component3112 #unit8109 > div > span{padding:0!important;word-break:keep-all;font-size:17px!important;} #sub-36 #component5563 #unit6594 .col-sm-8{margin:0!important;padding:15px!important;} #sub-42 #component7178 #unit4015:nth-child(2), #sub-43 #component7178 #unit4015:nth-child(2), #sub-44 #component7178 #unit4015:nth-child(2), #sub-45 #component7178 #unit4015:nth-child(2), #sub-46 #component7178 #unit4015:nth-child(2), #sub-37 #component7178 #unit4015:nth-child(2), #sub-38 #component7178 #unit4015:nth-child(2), #sub-39 #component7178 #unit4015:nth-child(2), #sub-42 #component7178 #unit4015:nth-child(3), #sub-43 #component7178 #unit4015:nth-child(3), #sub-44 #component7178 #unit4015:nth-child(3), #sub-45 #component7178 #unit4015:nth-child(3), #sub-46 #component7178 #unit4015:nth-child(3), #sub-37 #component7178 #unit4015:nth-child(3), #sub-38 #component7178 #unit4015:nth-child(3), #sub-39 #component7178 #unit4015:nth-child(3){width:100%!important;} #sub-45 #component7178 #unit4015:nth-child(1) .col-sm-6:nth-child(2) div{margin:0 0 15px!important;} } @media (max-width:320px) { } body * {word-break:keep-all;} .comment-title{display:none!important;} .board-theme .theme-detail .detail-upper{display:none!important;} .board-theme .theme-detail .detail-top .document-title {font-size:18px!important;} #content{padding:50px 0;} #unit4750 #sub03 div table tbody tr td {font-size:22px!important;} .history-tab { text-align: center; padding: 10px 0 15px; position: sticky; top: 202px; z-index: 9999; background: #fff;} .history-tab li { display:inline-block; padding:10px 20px; margin: 0 10px; border-radius: 30px; background-color:#0065b3;} .history-tab li a { font-size:20px; color:#fff;} .history-tab li a:hover, .history-tab li a:active{text-decoration:none; } .history-tab li.active{text-decoration:none; transform: translateY(-8px); font-weight:bold;} .history-tab li:hover, .history-tab li:focus, .history-tab li:active { -webkit-transform: translateY(-8px); transform: translateY(-8px); cursor:pointer; text-decoration:none; } #component6084{ position: sticky!important; top: 0; z-index: 999; background: #fff; margin:0!important;} @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @media (min-width: 1500px) { #content > .container, #subgnb > .container { padding: 0px!important; width: 1170px!important; } } .write-form { padding-top: 50px; } #subtop img { width: 100%; max-height:185px; } .sermon-box .title > img:first-child{min-height:143.44px;} #subtop .dot { width: 100%; height: 100%; background: url(/UserData/ydpchp/Layouts/ydpchp_Layout/Images/sub/dot.png) rgba(0,0,0,.0) !important; position: relative; text-align: center; position: absolute; top: 0; right: 0; } .sub-home{ display:inline-block; float:left; border-left:1px solid #D3D3D3; border-right:1px solid #D3D3D3; padding:10px 0px 20px 0px; } .sub-home a{padding: 10px 20px 10px 20px;} #subgnb { border-bottom: 1px solid #ddd; padding: 0px 0px; } #subgnb ul li {display:inline-block; margin:0 20px;} #subgnb ul {text-align:center; padding:20px 0;} #subgnb ul li a {color:#000; font-size:20px;} .backgrund-button { background-color: white; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{ color:black!important; } #content .third-menus { margin: 10px 0 42px 0; text-align: center; } #content .third-menus ul { display: inline-block; } #content .third-menus ul li { border: 1px solid #dedede; float: left; margin-left: -1px; } #content .third-menus ul li a { color: #333; text-decoration: none; padding: 8px 17px; font-size: 12px; min-width: 160px; display: inline-block; text-align: center; } #content .third-menus ul li.active a { color: #fff; } #sub_title { cursor:default; font-size: 35px; font-weight: 600; margin: 0px 0px 50px; border-bottom: 4px solid #fbaf34; display: inline-block; padding-bottom: 10px; font-family: "nanum square",sans-serif; } .lnb { padding: 0px 30px; } .lnb_title { font-size: 30px; border-bottom: 1px solid #000; padding: 40px 0px; font-weight: 600; text-align: center; position: relative; } .sub-left-triangle { position: absolute; right: 0px; top: 0; width: 0; height: 0; border-left: 30px solid transparent; border-top-width: 30px; border-top-style: solid; border-top-color: #182D1C; } .sub_depth2 { margin-top: 0px; padding-top: 0px; } .sub_depth2 li { padding: 20px 25px; border-bottom: 1px solid #ddd; transition: all ease 0.3s; } .sub_depth2 li.active, .sub_depth2 > li:hover { background: #d9d3f2; } .sub_depth2 > li > a { color: #777; font-weight: 600; font-size: 17px; text-decoration: none; } .sub_depth2 li a { color: #777; font-weight: 600; font-size: 16px; text-decoration: none; } .sub_depth2 li i { position: relative; margin: 3px 15px 0px 0px; cursor: pointer; float: right; font-size: 16px; } .sub_depth2 li i.fa-minus { display: none; } .sub_depth2 li:last-child { border-color: #000; } .sub_depth3 { padding: 0px 15px; margin-top: 15px; display: none; } .sub_depth3.active { display: block; } .sub_depth3 li { padding: 10px 20px; border-bottom: 1px solid #999; background-color: #f4c9ff; } .sub_depth3 li a { color: #999; font-size: 15px; text-decoration: none; transition: all ease 0.3s; } .sub_depth3 li a:hover { color: #739AB9; } .sub_depth3.a_96 li a:hover { color: #4E5397; } .sub_depth3.a_98 li a:hover { color: #E4C640; } /***/ /*서브메뉴*/ .d3-subgnb-menu { display: inline-block; } .d3-menulist { display: inline-block; padding: 15px 20px; float: left; } .d3-menulist a { font-size: 20px !important; } .d3-subgnb-menu div.active a { color: black !important; padding-bottom: 3px; border-bottom: 2px solid #000; } /*서브페이지*/ .name-div { position: absolute; right: 0; bottom: 0; margin-right: 15px; padding: 5px 15px; font-size: 16px; width: 100px; color: #ffffff; background: rgba(0,0,0,0.5); cursor: default; } .fa-plus { position: absolute; right: 0; font-size: 16px; text-align: center; padding: 8px 0px; bottom: 0px; color: white; margin-right: 15px; } #sum_modal { position: fixed; width: 850px; height: 100%; top: 50%; margin-top: -175px; left: 50%; margin-left: -425px; z-index: 1; } #sum_modal h2 { margin: 0; } #sum_modal button { display: inline-block; width: 100px; margin-left: calc(100% - 100px - 10px); } #sum_modal .sum_modal_content { width: 100%; margin: 0 auto; } #sum_modal .sum_modal_layer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: -1; } .close_btn { cursor: pointer; } .subTitle { text-align: center; } .subTitle #sub_title { margin: 30px 0px 50px; } /*안수집사회*/ #unit9112 img{margin-right:0.7%; margin-bottom:0.7%;} #unit9112 img:last-child{margin-right:0!important;} @media (min-width:1200px) and (max-width:1499px) { .lnb { padding: 0px 15px; } } @media (min-width:993px) and (max-width:1199px) { .lnb { padding: 0px 5px; } .sub_depth2 li { padding: 20px 15px; } .board-theme .theme-detail .detail-video iframe{height: calc(56.25vw)!important; top:inherit;} } @media (min-width:768px) and (max-width:992px) { .subTitle { text-align: center; } #sub_title { font-size: 30px; margin: 0px 0px 30px; } #footer { text-align: center; } #footer img { float: none; margin: 0px; } /*예배안내*/ #unit7811 table tr td:nth-child(2){width:35%;} #unit7811 table tr td:nth-child(2){width:15%;} #subgnb #subtop { margin-top: 100px; } .board-theme .theme-detail .detail-video iframe{height: calc(56.25vw)!important; top:inherit;} /*섬기는 사람들*/ #component5433:first-child #unit4916 { padding:25px 15px 0px 50px !important; } /*오시는길*/ #unit7932 {padding-top:0!important;} /*교육,훈련*/ #unit3522 {padding:0!important;} #unit3522 > div:first-child {width:150px!important; height:150px!important; padding-top:30px!important;} #unit3940 > div:first-child {width:40%!important;} #unit1539 > div > div { padding:60px!important; } #unit4188 {padding:30px 30px 0 30px!important;} #unit4188 div {width:100%!important;} .board-theme gallery {text-align:center;} #component1364 { width:31%!important;} } @media (max-width:767px) { #subgnb .dropdown .btn{padding:15px 5px;} #subgnb .dropdown:nth-of-type(3) .dropdown-menu {left:unset!important;right:0;} #subgnb .caret{margin-left:10px!important;} /*홍광비전과 사명*/ .dimode-theme #component4054:nth-child(1) #unit9378 > div {font-size:36px!important;} .dimode-theme #component4054:nth-child(2) {margin-bottom:20px!important;} #component4104 {margin-bottom:10px!important;} #component4054 #unit9378 {padding:10px!important;} #unit9378 div {font-size:18px!important;} #unit9378 div strong {font-size:18px!important;} #component4054{margin-bottom:10px!important; padding:10px!important; margin-top:10px!important;} #component8051 #unit5921 {padding:10px!important;} .subgnb-home{display:none!important;} #unit5947{padding:10px!important;} #unit5921 > div:nth-child(3) {margin:0!important;} /*섬기는 분들*/ #unit3073{width:100%!important; text-align:center;} #unit7776{width:100%!important; text-align:center; padding:20px 10px 0!important; margin:0!important;} #unit5009{width:100%!important; text-align:center;} #unit9323{width:100%!important; text-align:center; padding:20px 10px 0!important; margin:0!important;} #unit1977{width:100%!important; text-align:center;} #unit9911{width:100%!important; text-align:center; padding:20px 10px 0!important; margin:0!important;} #unit5514{width:100%!important; text-align:center;} #unit3707{width:100%!important; text-align:center; padding:20px 10px 0!important; margin:0!important;} #unit3942{width:100%!important; text-align:center;} #unit9964{width:100%!important; text-align:center; padding:20px 10px 0!important; margin:0!important;} #unit9532{width:100%!important; text-align:center;} #unit9186{width:100%!important; text-align:center; padding:20px 10px 0!important; margin:0!important;} #component3276,#component2499,#component4873{width:50%!important; height:290px; padding:4px!important; float:left!important;} #component2499 > div > div:nth-child(2) {padding:5px 0 17px!important;} #component2499 > div > div:nth-child(2) > div > div {font-size:16px!important;} /*교회연혁*/ #unit4804 div div table tbody tr td { line-height:20px!important; border:none!important; padding:10px 0 10px 20px!important; letter-spacing:0!important; font-size:14px!important; } #unit4804 div div table tbody tr td:nth-child(1){width:47%!important;} #unit4921 {display:none!important;} #unit4804 {border:none!important;} #component1301 {border:none!important;} .history-tab {position:static!important;} #component6084{ position:static!important;} .history-tab li a {font-size:14px;} .history-tab li {padding:5px; margin:5px;} /*예배 안내*/ #component3239 #unit6339 #sub02 > div {width:100%!important;} #component3239 #unit6339 #sub02 > div > span {width:100%!important;} #component3239 #unit6339 #sub02 > div > table {width:100%!important;} #component3239 #unit6339 #sub03 > div {width:100%!important;} #component3239 #unit6339 #sub03 > div > span {width:100%!important;} #component3239 #unit6339 #sub03 > div > table {width:100%!important;} #component3239 #unit6339 #sub04 > div {width:100%!important;} #component3239 #unit6339 #sub04 > div > span {width:100%!important;} #component3239 #unit6339 #sub04 > div > table {width:100%!important;} #component3239 #unit6339 #sub05 > div {width:100%!important;} #component3239 #unit6339 #sub05 > div > span {width:100%!important;} #component3239 #unit6339 #sub05 > div > table {width:100%!important;} #component3239 #unit6339 #sub06 > div {width:100%!important;} #component3239 #unit6339 #sub06 > div > span {width:100%!important;} #component3239 #unit6339 #sub06 > div > table {width:100%!important;} #component3239:nth-child(1) > #unit6339 #sub02 { height:190px!important;} #component3239:nth-child(1) > #unit6339 #sub03 { height:210px!important;} #component3239:nth-child(1) > #unit6339 #sub04 { height:245px!important;} #component3239:nth-child(2) > #unit6339 #sub02 { height:240px!important;} #component3239:nth-child(2) > #unit6339 #sub03 { height:260px!important;} #component3239:nth-child(2) > #unit6339 #sub04 { height:245px!important;} #component3239:nth-child(2) > #unit6339 #sub05 { height:245px!important;} #component3239:nth-child(2) > #unit6339 #sub06 { height:160px!important;} /*교회시설안내*/ .modalImg{display:none; } #component1670 {width:100%!important;} #unit1401{padding:5px!important;} #component1670:nth-child(3) #unit1401{height:280px!important;} #component1670:nth-child(4) #unit1401{height:230px!important;} #unit6626,#unit4699,#unit5564,#unit2805 {padding-bottom:15px!important;} /*새가족등록*/ .subTitle #sub_title {margin:15px 0!important;} #component8952{padding:15px 0 15px 5px!important;} #unit4894 div img {width:10%;} #unit4894 div {text-align:left!important;} #component8952 {margin-bottom:20px!important;} #unit2433 {padding:25px 15px!important;} /*오시는길*/ #unit1186 {margin-bottom:20px!important;} #component7667 {padding:15px!important;} /*아기학교*/ #component3650 {padding:15px!important;} #unit6750 div {float:unset!important; margin:0 auto;} #unit6750 div:nth-child(2) {padding:20px 0!important;} #unit5866 div {float:unset!important; margin:0 auto;} #unit5866 div:nth-child(2) {padding:20px 0!important;} /*유아부*/ #component6274 {margin-bottom:30px!important;} /*중등부*/ #unit4646 h4 > span > span:nth-of-type(2) {display:block!important; } #unit4646 h4 > span > span:nth-of-type(2) span {word-break:break-all!important;} #unit5975 div {word-break:normal!important;} #unit9629 div {word-break:normal!important;} #unit4646 div {font-size:26px!important;} /*고등부*/ #unit4646 h1 > span:nth-of-type(2) {display:block!important; } #unit4646 h1 > span:nth-of-type(2) a {word-break:break-all!important;} #unit4646 > div:nth-of-type(2) {word-break:break-all!important;} /*청년부*/ #unit4646 div p span span strong {display:block!important;} #unit4646 div p span span strong a {word-break:break-all!important;} #unit4646 div p span span {display:block!important;} #unit4646 div p span {display:block!important;} #unit4646 > div:nth-of-type(2) p:nth-child(5) {display:none!important;} /*젊은가정*/ #component2392:nth-of-type(1) #unit2600 {padding:20px!important; height:380px!important;} #component2392:nth-of-type(2) #unit2600 {padding:20px!important; height:480px!important;} #component2392:nth-of-type(3) #unit2600 {padding:20px!important; height:270px!important;} #component5846 {margin-bottom:0!important;} /*몽골*/ .component848484{padding:0!important;} .component848484 #component8484 {padding:0!important;} .component848484 #component8484 #unit2981 div {float:unset!important; width:100%!important;} .component848484 #component8484 #unit2981 div:nth-child(2) {margin-top:20px!important;} .component848484 #component8484 #unit7840 div:nth-child(2) {width:80%!important; margin:0 auto 20px!important;} .component848484 #component8484 #unit2981 {padding:30px!important;} /*파라과이*/ .component848484 #component8484 #unit2981 div div span {display:inline-block;} .component848484 #component8484 #unit2981 > div:nth-of-type(1) > div:nth-of-type(1) {text-align:center;} /*국내선교*/ #component6748 #unit6492 #sub01 {font-size:16px!important;} #component6748 #unit2615 #sub01 {font-size:16px!important;} #unit5825 {overflow-x:auto;} #unit5825 table { border-collapse: collapse; } #component4054:nth-child(1) > #unit9378.unit9378 div { word-break:break-word!important; font-size:28px!important;} #component4054:nth-child(2) > #unit9378 > div { word-break:break-word!important; } /*조직 위원회*/ #unit1112 {overflow-x:auto;} #unit1112 table { border-collapse: collapse;} #unit4067 {overflow-x:auto;} #unit4067 table { border-collapse: collapse;} #unit5167 #sub01 span {font-size:20px!important;} #unit5167 #sub01 {font-size:20px!important;} #component6155 #unit4067 { width:100%;} #unit8758 div {float:unset!important; margin:10px auto!important;} #component3257 {overflow-x:auto;} #component3257 table { border-collapse: collapse;} }