/* ---------- Custom 시작 ---------- */ @charset "utf-8"; /* Noto Sans KR */ @font-face { font-family: 'Noto Sans KR';font-style: normal;font-weight: 100; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR';font-style: normal;font-weight: 300; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR';font-style: normal;font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR';font-style: normal;font-weight: 500; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR';font-style: normal;font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR';font-style: normal;font-weight: 900; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); } /* 나눔명조, 나눔고딕, 나눔스퀘어 */ @import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); @import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); @import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); /* 스포카 한 산스 */ @import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css); /* 기준css */ html {overflow-x:hidden; scroll-behavior:smooth;} body {padding:0; font-size:14px; font-family: 'Noto Sans KR', sans-serif; line-height:20px; color:#838383; letter-spacing:-0.5px;} table.table tr th, table tr td {padding:8px 0; vertical-align:middle !important; font-size:16px; font-family: 'Noto Sans KR', sans-serif; color:#838383;} a, a:hover {color:inherit; text-decoration:none;} ul, ol, dl{list-style:none; margin:0; padding:0;} .no-padding {padding:0 !important;} .no-margin {margin:0 !important;} /* 헤더 공간 높이 */ .blank_div {height:121px;} /* 왼쪽 관리자 버튼 */ .admin_side {position:fixed;left:0px;top:250px;z-index:99;} .admin_side a {padding:10px 10px;font-size:11px;font-family:arial;border-radius:0 3px 3px 0;} /* 오른쪽 상단 버튼 */ #topcontrol {z-index:41; width:50px; height:50px; line-height:50px; border-radius:5px; background-color:#1762a7; text-align:center; color:#fff;} /* XE 컨셉색상 */ .conceptBgColor {background:#1762a7 !important; color:#fff !important;} .conceptTextColor {color:#1762a7 !important;} /* login-alert none */ #login-alert{display:none;} /* ---------- Custom 종료 ---------- */ /* ---------- Layout 시작 ---------- */ /* Header - 태진 */ .main_header{position:absolute; top:0; left:0; width:100%; z-index:10; padding:50px 0;} .gnb .menu_section{padding-left:95px;} .gnb .menu_all_btn{float:left; text-align:center; display:block; width:118px; line-height:45px; color:#fff; background-color:#0f4c82; border-radius:23px; font-size:16px; margin-right:10px; cursor:pointer; box-shadow:0px 6px 8px rgba(0,0,0,0.7); transition:all 0.3s;} .gnb .menu_all_btn:hover{background-color:#fff; color:#000;} .gnb .inter_live{float:left; text-align:center; display:block; width:118px; line-height:45px; color:#fff; background-color:#dc2727; border-radius:23px; font-size:16px; box-shadow:0px 6px 8px rgba(0,0,0,0.7); transition:all 0.3s;} .gnb .inter_live:hover{background-color:#fff; color:#000;} .logo_container{text-align:right; padding-right:100px;} /* Sub_Header - 태진 */ .sub_header{position:fixed; top:0; width:100%; z-index:10; border-bottom:1px solid #d9d9d9; background-color:#fff;} .subhd_gnb{padding:35px 15px;} .subhd_gnb .menu_row{margin:0;} .subhd_gnb .menu_row .menu_section{padding:0px;} .subhd_gnb .menu_row .logo_container{text-align:right; padding:0px;} .subhd_gnb .menu_row .menu_section .subhd_menu_all_btn{float:left; text-align:center; display:block; width:136px; border:1px solid #0f4c82; line-height:48px; color:#fff; background-color:#0f4c82; border-radius:25px; font-size:16px; margin-right:10px; cursor:pointer; transition:all 0.3s; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;} .subhd_gnb .menu_row .menu_section .subhd_menu_all_btn:hover{background-color:#fff; color:#0f4c82;} .subhd_gnb .menu_row .menu_section .home_btn{float:left; text-align:center; display:block; padding:0 32px; border:1px solid #c0c0c0; line-height:48px; color:#0f4c82; background-color:#fff; border-radius:25px; font-size:16px; transition:all 0.3s;} .subhd_gnb .menu_row .menu_section .home_btn:hover{background-color:#0f4c82; color:#fff; border:1px solid #0f4c82;} /* PC 메뉴 - 태진 */ .menu_rel{position:relative; margin:0 100px;} .mainMn{display:none; width:100%; background: #369dbb; position:absolute; top:30px; left:0; z-index:12; padding:50px;} .menu_pc {width:100%; padding:0;} .menu_pc .first_li {width:100%; list-style:none; padding:10px 0;} .menu_pc .first_li:last-child{display:none;} .menu_pc .first_li .first_a {display:block; font-size:20px; line-height:1em; color:#fff; font-weight:bold; transition:all 0.3s;} .menu_pc .first_li .first_a:hover {color:#081f62;} .menu_pc .first_li.active > .first_a {color:#081f62;} .login_cus:after{content:""; display:block; clear:both;} .login_cus a{float:right; width:130px; line-height:40px; display:block; color:#fff; font-size:16px; font-weight:bold; text-align:center; border:1px solid #fff; border-radius:20px; margin-left:10px; transition:all 0.3s;} .login_cus a:last-child{margin-left:0;} .login_cus a:hover{background-color:#fff; color:#000;} .btnClose{display:inline-block; margin-top:315px; text-align:right; font-size:40px; color:#fff; line-height:1em; cursor:pointer; float:right; transition:all 0.3s;} .btnClose:hover{color:#000;} /* 서브 PC 메뉴 - 태진 */ .subhd_menu_rel{position:relative; margin:0;} .subhd_mainMn{display:none; width:100%; background: #369dbb; position:absolute; top:36px; left:0; z-index:12; padding:35px;} .subhd_submenu_top{border-bottom:1px solid #9bcedd; margin-bottom:15px;} .subhd_submenu_top:after{content:""; display:block; clear:both;} .subhd_menutop_cus{float:left;} .subhd_menutop_cus .sub_1dep{font-size:24px; line-height:1em; color:#fff; font-weight:500;} .subhd_login_cus{float:right;} .subhd_login_cus a{display:inline-block; font-size:14px; color:#fff; line-height:1em; font-weight:500; padding:0 15px;} .subhd_login_cus .subhd_btnClose{font-size:20px; border:1px solid #9bcedd; border-bottom:0; padding:10px 12px; cursor:pointer;} .subhd_login_cus .login_border{border-right:1px solid #5eb1c9; margin-right:-4px;} .subhd_sub_nav li{padding:13px 0;} .subhd_sub_nav li:last-child{padding-bottom:0;} .subhd_sub_nav li a{font-size:16px; font-weight:500; color:#fff; line-height:1em;} .subhd_sub_nav li.on a{color:#081f62;} /*검정배경*/ .blackBg, .subhd_blackBg{position:fixed; top:0; left:0; width:100%; height:100%; z-index:11; display:none;} /* GNB (Mobile) - 태진 */ .mobile-navbar{padding:15px 0;} .mobile-navbar .xs-sitelogo img{margin-top:9px;} /* 메뉴 */ .mobile-navbar .m_menu_all_btn{float:left; text-align:center; display:block; width:80px; border:1px solid #bbb; line-height:35px; color:#fff; background-color:#273647; border-radius:25px; font-size:14px; cursor:pointer; margin:4px 0;} .mobile-navbar .m_menu_all_btn:hover{color:#fff;} /* 로그인 */ .mobile-navbar .home-button {float:right; margin:2px 10px; width:50px; line-height:100%;} .mobile-navbar .home-button i {font-size:18px; color:#333;} .mobile-navbar .home-button span {font-size:12px; color:#333;} /* 메뉴 - 회원가입, 로그인 */ .mobile_menu_top_btn {display:inline-block; width:50%; line-height:40px !important; font-size:14px;} /* 메뉴 - 메뉴li */ #menu > ul > li:nth-child(8) > a{border-top:1px solid #ccc;} #menu > ul > li:nth-child(13){display:none;} .menu_mobile_first {font-size:15px; font-weight:500;} .mm-menu.mm-vertical .mm-list li.mm-opened a {padding:0; line-height:30px;} /* 메뉴 - 푸터 */ .mm-menu > .mm-list{padding:0 !important;} .mmenu_footer {border-top:1px solid #ccc; background-color:#bababa; font-size:12px; color:#f2f2f2; line-height:18px; padding:30px 10px !important; font-weight:100; height:100%;} /* 메인비쥬얼 */ .main_visual_video{position:relative; /*height:100vh;*/ overflow:hidden; background-color:#000;} .main_visual_video > img{width:100%;} .main_visual_video > iframe{position: absolute; top: 50%; left: 50%; width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; transform: translate(-50%, -50%);} .main_visual_video .visual_text{background-color:rgba(0,0,0,0); position:absolute; top:0; left:0; width:100%; height:100%;} .main_visual_video .visual_text .visual_img{display:none;position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);} /* Main Contents - 태진 */ /* 섹션1 */ .s1_bg{background-color:#fff; padding:60px 0;} .sec1_sul{background-image:url('../img/main/sermonguide.png'); background-repeat:no-repeat; padding:30px 40px; position:relative; background-size:100% 100%; height:425px;} /* ..sec1_sul{background-image:url('../img/main/s1_240129new_img.jpg'); background-repeat:no-repeat; padding:30px 40px; position:relative; background-size:100% 100%; height:425px;} */ /* .sec1_sul{background-image:url('../img/main/s1_0528new_img2.jpg'); background-repeat:no-repeat; padding:30px 40px; position:relative; background-size:100% 100%; height:425px;} */ /* .sec1_sul{background-image:url('../img/main/s1_230424_new.jpg'); background-repeat:no-repeat; padding:30px 40px; position:relative; background-size:100% 100%; height:425px;} */ /* .sec1_sul{background-image:url('../img/main/s1_230828.jpg'); background-repeat:no-repeat; padding:30px 40px; position:relative; background-size:100% 100%; height:425px;} */ /* .sec1_sul{background-image:url('../img/main/s1_0528new_img10.jpg'); background-repeat:no-repeat; padding:30px 40px; position:relative; background-size:100% 100%; height:425px;} */ /* .sec1_sul{background-image:url('../img/main/s1_1226new_img2.jpg'); background-repeat:no-repeat; padding:30px 40px; position:relative; background-size:100% 100%; height:425px;} */ .sec1_sul .sul_title{font-size:29px; font-weight:500; color:#fff; line-height:1em; margin-bottom:10px;} .sel_line{width:50px; height:2px; background-color:#fff; margin:20px 0;} .go_btn{display:block; width:120px; line-height:36px; border:1px solid #fff; text-align:center; font-size:14px; font-family: 'NanumSquare', sans-serif; transform:skew(-0.09deg); color:#fff; transition:all 0.3s; margin-bottom:141px;} .go_btn:hover{background-color:#fff; color:#333; text-decoration:none !important;} .sec1_sul_position{position:absolute; top:30px; right:40px;} .sec1_sul_position > a{display:block; padding:10px 30px; background-color:#24245b; font-size:16px; font-weight:bold; color:#fff; margin-bottom:10px; transition:all .2s; border-radius:5px;} .sec1_sul_position > a:hover{background-color:#dc2727;} .opa_bg{width:100%; background-color:rgba(0,0,0,0.2);} /* 출력 순서대로 둠 */ .sermon_info3{font-size:18px; line-height:1em; color:#fff; font-family: 'NanumSquare', sans-serif; transform:skew(-0.09deg);} .sermon_info{display:block; font-size:22px; line-height:1em; color:#fff; font-weight:500; margin-bottom:20px; text-decoration:none; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .sermon_info:hover, .sermon_info:focus{text-decoration:none !important; color:#fff;} .sermon_info1{font-size:15px; line-height:1em; color:#fff; margin-bottom:15px;} .sermon_info2{font-size:15px; line-height:1em; color:#fff;} .play_btn{position:absolute; bottom:30px; right:40px;} .sec1_back{background:url('../img/main/s1_img2.jpg') no-repeat; padding:11px 15px 10px; background-size:100%;} .s1_back_row{margin:0 -5px;} .s1_back_col{padding:5px;} .sec1_btn{display:block; background-color:#fff; text-align:center; line-height:192px; font-size:24px; color:#000; font-family: 'NanumSquare', sans-serif; transform:skew(-0.09deg); font-weight:bold; transition:all 0.3s;} .sec1_btn:hover{color:#fff;} .sec1_btn1:hover{background-color:#5f9fd8;} .sec1_btn2:hover{background-color:#8baf68;} .sec1_btn3:hover{background-color:#8e83bf;} .sec1_btn4:hover{background-color:#139dba;} /* 섹션2 */ .s2_bg{background-color:#f2f2f2; padding:60px 0;} .s2_imgbtn{position:relative; display:block;} .s2_imgbtn img{width:100%;} .s2_imgbtn .s2_text{position:absolute; text-align:center; top:50%; left:50%; transform:translate(-50%,-50%); font-size:20px; font-weight:bold; color:#fff; background-color:#000; padding:1px 10px; line-height:30px; transition:all 0.3s; z-index:2;} .s2_imgbtn .s2_hover{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0); transition:all 0.3s; z-index:1;} .s2_imgbtn1:hover .s2_hover{background-color:rgba(84,56,35,0.7);} .s2_imgbtn2:hover .s2_hover{background-color:rgba(50,86,46,0.7);} .s2_imgbtn3:hover .s2_hover{background-color:rgba(0,0,0,0.7);} .s2_imgbtn1:hover .s2_text, .s2_imgbtn2:hover .s2_text, .s2_imgbtn3:hover .s2_text{background-color:rgba(0,0,0,0);} /* 갤러리 */ .galary_bg{background-color:#fff; padding:60px 0;} .galary_bg .galary_title{font-size:24px; line-height:1em; color:#333; margin-bottom:30px; font-family: 'NanumSquare', sans-serif; font-weight:900;} /* 섹션3 */ .s3_bg{background-color:#f2f2f2; padding:60px 0;} /* .s3_bg .map_style{height:310px; position:relative;} .s3_bg .no_mouse{width:100%; height:100%; z-index:2; position:absolute;top:0; left:0;} .s3_bg .s3_title{font-size:24px; line-height:1em; color:#333; margin-bottom:30px; font-family: 'NanumSquare', sans-serif; font-weight:900;} .footer_hover:hover .ft_last_section .bg_black{background-color:rgba(0,0,0,0);} .ft_last_section{background:url('../img/main/main_footer_img.jpg') no-repeat; height:310px; background-position:center center; background-size:cover; position:relative;} .ft_last_section .bg_black{background-color:rgba(0,0,0,0.5); position:absolute; top:0; left:0; width:100%; height:100%; font-size:30px; color:#fff; line-height:310px; text-align:center; font-weight:bold; transition:all 0.3s;} .ss_top{display:block; width:100%; overflow: hidden; position: relative;} .ss_top .ss_photo img{transition:all 0.5s;} .ss_top .ss_over{width:100%; height:78px; overflow:hidden; background-color:rgba(0,0,0,0.5); position:absolute; transition:all 0.5s; left:0; bottom:0; z-index:1;} .ss_top:hover .ss_over{height:100%;} .ss_top .ss_over .ss_tit{font-size:26px; font-family:'NanumSquare', sans-serif; color:#fff; font-weight:bold; line-height:78px; text-align:center; transition:all 0.5s;} .ss_top:hover .ss_over .ss_tit{line-height:310px;} */ /* 섹션3 --230202 선영수정*/ .s3_bg ul{display: flex; justify-content: space-between;} .s3_bg li{width: 23.7%; } .s3_bg li a{display:block; width:100%; height:282px; background-color: #ffffff; border: 1px solid #d2d2d2; text-align: center; padding: 64px 47px 68px 47px; transition-duration: 0.2s;} .s3_bg li a:hover{box-shadow: 10px 10px 27px 1px rgb(0 0 0 / 15%); transition-duration: 0.5s; border: 1px solid #0f4c82;} .s3_bg li img{margin-bottom: 52px;} .s3_bg li .s3_box_title{font-size: 18px; font-weight: 500; color: #333;} /* Sub Contents - 태진 */ .sub_section{padding:90px 0;} /* Sub Title - 태진 */ .content_title{padding-bottom:25px; border-bottom:2px solid #222;} .content_title span{font-size:38px; font-weight:600; color:#000; line-height:1em;} .content_title.content_title_add {padding-bottom: 0; border-bottom: 0; margin: 0 !important;} /* Sub Memu - 태진 */ .sub_menu_nav{border-bottom:1px solid #ddd; margin-bottom:60px; white-space:nowrap;overflow:auto; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif'; height:64px;} .sub_menu_nav:after{content:""; display:block; clear:both;} .sub_menu_nav li{display:inline-block; margin-right:30px;} .sub_menu_nav li:last-child{margin-right:0;} .sub_menu_nav li.on a, .sub_menu_nav li a:hover{color:#0e84ec; border-bottom:3px solid #0e84ec;} .sub_menu_nav li a{display:block; font-size:14px; line-height:1em; color:#222; font-weight:900; line-height:60px;} .sub_main_title{margin-bottom:30px;} .sub_main_title span{font-size:28px; line-height:1em; color:#222; font-weight:600;} /* Footer - 태진 */ .footer{padding:40px 0; background-color:#132332;} /* .footer_menu{margin-bottom:40px;} .footer_menu:after{content:""; display:block; clear:both;} .footer_menu li{float:left;} .footer_menu li a{font-size:15px; color:#727a81; line-height:1em; transition:all 0.3s;} .footer_menu li a:hover{color:#fff; font-weight:500;} .footer_menu li span{display:block; padding:0 15px; color:#727a81;} */ .footer_text{font-size:14px; color:#727a81; letter-spacing:0.5px; line-height:28px; border-bottom:1px solid #243340; padding-bottom:30px; margin-bottom:30px;} .last_footer:after{content:""; display:block; clear:both;} .last_footer .copyright{float:left; font-size:14px; color:#727a81; letter-spacing:0.5px; line-height:28px;} .last_footer .video_logo{float:right;} .video_logo .vimeo_logo{float:left; display:block; width:23px; height:24px; background:url('../img/main/video_logo1.png') no-repeat; margin-right:60px; transition:all 0.3s;} .video_logo .vimeo_logo:hover{background:url('../img/main/video_logo_hover1.png') no-repeat;} .video_logo .youtube_logo{float:left; display:block; width:26px; height:18px; background:url('../img/main/video_logo2.png') no-repeat; margin:3px 0; transition:all 0.3s;} .video_logo .youtube_logo:hover{background:url('../img/main/video_logo_hover2.png') no-repeat;} /* ---------- Layout 종료 ---------- */ /* ---------- Modules, etc 시작 ---------- */ /* Board */ #responBoard .view-doc h3.cont-title{width:100%; height:50px; padding:8px 8px 8px; line-height:34px; vertical-align:middle; border-top: 2px solid #444547; background-color:#f2f2f2; border-bottom: 1px solid #bbb; font-size:16px; color:#777; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .extra-row [class^="col-"]{font-size:16px;} .gallerytitle{width:100%; font-size:14px; color:#555; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif'; font-weight:bold;} .extravartext, .hitcount {line-height:20px; font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block;} #responBoard .nav.nav-pills{margin:0 0 10px 0;} #responBoard .nav.nav-pills li{margin:0;} .extravarbox {height:90px;} .datebox {padding-top:0;} #responBoard .pagination {display:inline-block !important; margin-top:30px;} #responBoard .nav.nav-pills a {padding:10px; border:1px solid #ddd; margin-left:-1px; font-size:16px; border-radius:0; color:#333;} #responBoard .nav-pills>li.active>a, #responBoard .nav-pills>li.active>a:focus, #responBoard .nav-pills>li.active>a:hover {background-color:#264981 !important; color:#fff;} #responBoard .nav.nav-pills a:hover {background-color:#eee; color:#333;} #responBoard th, #responBoard td {color:#333; font-weight:700;} #responBoard .nav.nav-pills a {padding:0 15px; line-height:40px;} #responBoard .nav.nav-pills a i{vertical-align:sub} #responBoard .nav-pills>li.active>a, #responBoard .nav-pills>li.active>a:focus, #responBoard .nav-pills>li.active>a:hover {background-color:#1b1464;} .dropdown-menu{padding:0 !important; border:0 !important;} .dropdown-menu li:last-child{margin-bottom:0 !important;} .dropdown-menu li a{border:0 !important;} /* .extravarbox1{margin-bottom:70px;}*/ .document_popup_menu {display:none;} #responBoard .itemBox{height:380px;} /* Main Login Modal - 태진 */ .modal-dialog {width:380px;} .modal-content {height:360px; border-radius:50%;} .modal-header {margin:0 50px; padding-top:25px; text-align:center;} .modal-header h4 {font-size:30px; color:#111;} .modal-body{margin:10px 50px; padding-bottom:10px;} .modal-footer{margin:0 50px;text-align:center;} .modal-footer .doweb-btn{border:none; background-color:#fff; padding:0 10px;} li.xs-register:after{clear:both; content:"";} /* ---------- Modules, etc 종료 ---------- */ /* ---------- Sub Contents 시작 ---------- */ /* sub1 */ .cus_row{margin:30px 0 40px; border-bottom:1px solid #ddd; padding-bottom:25px;} .sub_title{font-size:28px; color:#222; line-height:1em; font-weight:bold; margin:60px 0 30px;} .ser_img{text-align:right; margin-top:10px;} .widgetGalleryA li{margin-right:35px !important;} .widgetGalleryA .cus:first-child{display:none !important;} .widgetGalleryA li:last-child{margin-right:0 !important;} .widgetGalleryA li .thumb{border:0 !important; margin-bottom:15px !important;} .widgetGalleryA li .title{font-size:16px !important; font-weight:500 !important; color:#222 !important;} .more_sub_title{font-size:28px; color:#222; line-height:1em; font-weight:bold; margin:120px 0 30px;} .sub_more_arrow{display:inline-block; float:right; margin:130px 0 0; font-size:14px; font-weight:500; color:#222; line-height:28px;} /* sub1_2main */ .vimeo_link{width:100%; height:675px;} .sermon_title{display:block; font-size:21px; color:#222; font-weight:bold; line-height:1em; margin-bottom:20px;} .sub_sermon_info1, .sub_sermon_info2{font-size:16px; color:#666; line-height:1em; font-weight:400;} .sub_sermon_info3{font-size:16px; color:#b2b2b2; line-height:1em; font-weight:bold;} .ser_line{color:#dcdbdb; padding:0 5px;} .more_after:after{content:""; display:block; clear:both;} .more_after > .more_btn{float:right; display:inline-block; padding:8px 45px; background-color:#eaeaea; font-size:14px; font-weight:500; color:#747474; margin-top:30px; border:1px solid #eaeaea; transition:all 0.3s;} .more_after > .more_btn:hover{border:1px solid #222; background-color:#fff; color:#222;} /* sub1_3main */ .link_hover{display:block; position:relative;} .link_hover:hover .hover_text{opacity:1;} .hover_text{position:absolute; top:0; left:0; width:100%; height:100%; transition:all 0.3s; z-index:1; display:flex; justify-content:center; align-items:center; flex-direction:column; background-color:rgba(0,0,0,0.5); opacity:0;} .hover_text > img{margin-bottom:15px;} .hover_text > .text_link{font-size:18px; color:#fff; font-weight:bold; line-height:1em;} .staff_img_main{width:100%;} .staff_name_main{font-size:20px; line-height:1em; font-weight:300; color:#000; text-align:center; margin-top:25px;} .staff_name_main > span{font-weight:bold;} .hover_icon{display:flex; justify-content:center; align-items:center; margin-top:25px;} .hover_icon a{width:32px; height:32px; background-color:#f2f2f2; border-radius:50%; margin:0 5px; transition:all 0.3s;} .hover_icon a > div{width:100%; height:100%; background-repeat:no-repeat; background-position:50%; transition:all 0.3s;} .hover_icon a.kakao > div{background-image:url('../img/sub/nohov_icon1.png');} .hover_icon a.msg > div{background-image:url('../img/sub/nohov_icon2.png');} .hover_icon a.link > div{background-image:url('../img/sub/nohov_icon3.png');} .hover_icon a:hover.kakao{background-color:#f2cd00;} .hover_icon a:hover.msg{background-color:#3b5998;} .hover_icon a:hover.link{background-color:#00acee;} .hover_icon a:hover.kakao > div{background-image:url('../img/sub/hover_icon1.png');} .hover_icon a:hover.msg > div{background-image:url('../img/sub/hover_icon2.png');} .hover_icon a:hover.link > div{background-image:url('../img/sub/hover_icon3.png');} /* sub2_1 */ .sub_content .title{font-size:30px; line-height:42px; color:#000; font-weight:bold; margin-bottom:20px;} .sub_content .text{font-size:15px; line-height:40px; color:#666; font-weight:400;} .sub_content .sub_img img{width:100%;} /* sub2_1_1 */ .sub2_1_1_name{display:block; font-size:22px; font-weight:bold; color:#333;} /* sub2_2 */ .staff_row{margin:0 0 115px;} .staff_col1{padding:0 125px 0 0;} .staff_col2{padding:0 0 0 125px;} .staff_title{font-size:18px; color:#000; font-weight:bold; line-height:1em; padding-bottom:20px; border-bottom:1px solid #000; margin:50px 0 30px;} .staff_title1{margin:0 0 30px !important;} .content_sp:after{content:""; display:block; clear:both;} .content_sp .text_sp{float:left;} .content_sp .text_sp .name{font-size:20px; font-weight:bold; color:#000; line-height:1em; margin-bottom:20px;} .content_sp .text_sp .text{font-size:16px; line-height:24px; color:#666; font-weight:normal; margin-bottom:30px;} .content_sp .text_sp .more{font-size:14px; color:#0f4c82; line-height:1em; font-weight:normal; text-decoration:underline;} .content_sp .img_sp{float:right; width:220px; /*height:160px;*/ overflow:hidden;} .content_sp .img_sp img{width:100%;} .sub_row{margin:0 -7.5px 50px;} .col-md-20{float:left; width:20%; padding:0 7.5px;} .mg-t-20{margin-top: 20px;} .staff_img{width:100%; /*height:240px;*/ overflow:hidden; margin-bottom:25px;} .staff_img img{width:100%;} .staff_name{font-size:16px; color:#000; line-height:1em; font-weight:500; margin-bottom:10px;} .staff_text{font-size:14px; color:#989898; line-height:1em; font-weight:normal;} .last_name{font-size:16px; font-weight:normal; color:#898989; line-height:1em;} .last_name span{padding:0 5px; color:#ddd;} .staff_wrap {margin:10px 0 30px 0; border:1px solid #ddd; padding:15px;} .staff_wrap .staff_name {padding-top:10px; line-height:30px; font-size:20px; font-weight:700; color:#333;} .staff_wrap .staff_text {line-height:18px; font-size:14px; color:#777;} /* sub2_3 */ .sub_cont .sub_top_titile{font-size:16px; line-height:1em; color:#555; font-weight:500; margin-bottom:20px;} .sub_cont .title{font-size:30px; line-height:42px; color:#000; font-weight:bold; margin-bottom:20px;} .sub_cont > .text{font-size:16px; line-height:40px; color:#666; font-weight:400;} .sub_cont .sub_img{margin:40px 0 80px;} .sub_cont .sub_img img{width:100%;} .nav-pills>li+li{margin:0;} .tab_ul{margin-bottom:20px;} .tab_ul li a{display:inline-block; width:100px; background:#fff; border:1px solid #e1e1e1; padding:0; text-align:center; border-radius:0; line-height:48px; font-size:17px; color:#525252; font-weight:bold; border-right:0;} .tab_ul li:last-child a{border-right:1px solid #e1e1e1;} .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{background-color:#264981;} .lineWrap {position:relative; padding:15px 0 15px 122px; border-bottom:1px solid #d8d8d8;} .lineWrap:first-child{border-top:none;} .lineWrap span.year {position:absolute; left:10px; top:24px; display:block; font-size:20px; font-weight:700; color:#666;} table.history {width:100%;border-collapse:collapse;border-spacing:0;} table.history th, table.history td {vertical-align:top !important;} table.history tr:first-child {border-top:none;} table.history td {padding:4px 0; font-weight:500; line-height:1.5; word-break:keep-all;} table.history td.date {width:120px; padding:7px 0; color:#333; font-size:16px;} table.history td.text {padding:7px 0; color:#666; font-weight:normal;} /* sub3 전체 공통 */ .sub3_2_tabs {margin: -30px 0 30px; display: flex;} .sub3_2_tabs > a {display: block; width: fit-content; padding: 7px 15px; color: #333; border: 1px solid #0f4c82; border-radius: 15px; font-size: 16px; transition: all .3s;} .sub3_2_tabs > a:first-child {margin-right: 10px;} .sub3_2_tabs > a:hover {background-color: #0f4c82; color: #fff; transition: all .3s;} .sub3_2_tabs > a.on {background-color: #0f4c82; color: #fff; transition: all .3s;} .sub3_btn_list{margin:30px 0 80px;} .sub3_btn_list:after{content:""; display:block; clear:both;} .sub3_btn_list .sub3_btn{display:block; float:left; margin-right:50px;} .sub3_btn_list .sub3_btn:last-child{margin-right:0;} .sub3_btn_list .sub3_btn .btn_img{width:121px; height:121px; border-radius:50%; background-color:#f8f8f8; text-align:center; line-height:111px; margin-bottom:20px; border:5px solid #f8f8f8; transition:all 0.3s;} .sub3_btn_list .sub3_btn:hover .btn_img, .sub3_btn_list .sub3_btn.on .btn_img{border:5px solid #0f4c82;} .sub3_btn_list .sub3_btn .btn_title{font-size:18px; font-weight:bold; color:#222; line-height:1em; text-align:center; margin-bottom:10px; transition:all 0.3s;} .sub3_btn_list .sub3_btn:hover .btn_title, .sub3_btn_list .sub3_btn.on .btn_title{color:#0f4c82;} .sub3_btn_list .sub3_btn .btn_arrow{text-align:center; line-height:1em;} /* sub3 */ .sub3_row{margin:0 -20px 70px;} .sub3_row:last-child{margin:0 -20px;} .sub3_col{padding:0 20px;} .sub3_col .title{display:inline-block; font-size:16px; font-weight:500; line-height:1em; color:#fff; padding:10px 25px; background-color:#0f4c82;} .sub3_col .text{font-size:16px; font-weight:normal; color:#666; line-height:40px;} .sub3_col .text span{color:#0f4c82; font-weight:500;} /* sub3_2, sub3_3, sub3_4 */ .sub3_main_img{background:url('../img/sub/sub3_main_img.jpg') no-repeat; background-size:100%; padding:63px; margin-bottom:50px;} .sub3_main_img .top_title{font-size:24px; font-weight:bold; color:#fff; line-height:26px; display:inline-block; margin-right:20px; margin-bottom:15px;} .sub3_main_img .title{font-size:14px; color:rgba(255,255,255,0.5); font-weight:100; line-height:1em;} .text_custom{font-size:18px; font-weight:normal; color:#333; line-height:34px;} .text_custom span{display:block; margin-bottom:10px; font-weight:bold;} .text_custom > .text{padding-left:18px; font-size:15px; color:#666; line-height:30px; margin-bottom:50px;} .text_custom > .text:last-child{margin-bottom:0;} .mader_img{display:inline-block; margin-top:30px; border:1px solid #ddd;} /* sub3_4img */ /* sub4_main */ .sub4_main_img{background:url('../img/sub/sub4_main_img.jpg') no-repeat; background-size:100%; padding:62px; margin-bottom:30px;} .sub4_main_img .top_title{font-size:24px; font-weight:bold; color:#fff; line-height:26px; display:inline-block; margin-right:20px; margin-bottom:15px;} .sub4_main_img .more_btn{display:inline-block; border:1px solid rgba(255,255,255,0.5); padding:7px 10px; font-size:14px; color:#fff; text-align:center; line-height:1em; vertical-align:top;} .sub4_main_img .title{font-size:14px; color:rgba(255,255,255,0.5); font-weight:100; line-height:1em;} .sub_row{margin:0 -12.5px;} .col-md-20{float:left; width:20%; padding:12.5px;} .cus_type{text-align:center; border:1px solid #ddd; padding:20px;} .cus_type .title{font-size:22px; color:#222; line-height:1em; font-weight:bold; margin-bottom:35px;} .cus_type .text{font-size:14px; color:#666; line-height:22px; font-weight:normal; margin-bottom:30px;} .cus_type .go_btn{display:block; width:41px; line-height:39px; margin:0 auto; font-size:14px; color:#222; background-color:#e8e8e8; border-radius:20px; font-weight:500; border:1px solid #e8e8e8; transition:all 0.3s;} .cus_type .go_btn:hover{background-color:#fff; border:1px solid #333;} /* sub4_1 */ .sub4_1container{width:970px;} .sm_table{font-family: 'Noto Sans KR'; width:100%; border-top:1px solid #000; margin-bottom:50px;} .sm_table th{padding:10px; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; color:#727272; font-weight:bold; text-align:center; font-size:14px; background-color:#f5f5f5;} .sm_table td{padding:10px; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; color:#333; font-size:14px;} /* sub5_1 */ .text_custom{font-size:16px; font-weight:normal; color:#333; line-height:34px;} /* sub9_1 */ .root_daum_roughmap .wrap_btn_zoom{z-index:1 !important;} /* sub10_1 */ .sub10_1_row{margin-top:100px;} .content_name{font-size:20px; color:#333; line-height:1em; font-weight:500; margin-bottom:20px;} /* ---------- Sub Contents 종료 ---------- */ /* ---------- Media Query 시작 ---------- */ /* 메인 컨테이너 공간 */ @media (max-width: 1700px) { } @media (max-width: 1300px) { } @media (min-width:1230px) { .container {width:1230px;} } @media (max-width: 1199px) { /* 섹션1 */ .sec1_sul{background-size:100%; padding:20px 30px;} .sec1_sul .sul_title{font-size:22px;} .sermon_info3{font-size:14px;} .sermon_info{font-size:18px; margin-bottom:14px;} .sermon_info1{margin-bottom:10px;} .sec1_btn{line-height:131px; font-size:19px;} .go_btn{margin-bottom:71px; width:100px; line-height:25px;} .play_btn{bottom:20px; right:0;} .play_btn img{width:50%;} /* 섹션2 */ .s2_imgbtn .s2_text{font-size:15px; font-weight:500;} /* sub1 */ .vimeo_link{height:538px;} .widgetGalleryA{width:100% !important;} .widgetGalleryA li{margin-right:59px !important;} .widgetGalleryA .cus:nth-child(4){margin-right:0 !important;} .widgetGalleryA .cus:last-child{display:none} .widgetGalleryA .cus_order:nth-child(3){margin-right:0 !important;} .widgetGalleryA .cus_order:last-child{display:none;} /* sub2_2 */ .staff_row{margin:0 0 75px;} .staff_col1{padding:0 15px 0 0;} .staff_col2{padding:0 0 0 15px;} .col-md-20{width:25%;} /* sub3_4 */ .mader_img img{width:100%;} /* sub4_main */ .sub4_main_img{padding:30px;} /* sub4_1 */ .sub4_1container{width:100%;} } @media (max-width: 991px) { /* 모바일 팝업 반응형 */ .xe_popup_border{width:100% !important; top:0 !important; left:0 !important; height: 100vh; overflow-y: scroll; touch-action: pan-y;} .xe_popup_border .popupbody{height:100% !important; overflow-y: scroll;} .xe_popup_border .popupbody img{width:100% !important;} .popupcloser {position: absolute !important; bottom: 0; left: 0; width: 100% !important;} /* 헤더 공간 높이 */ .blank_div{height:79px;} /* Header - 태진 */ .main_header{padding:0;} /* 모바일 메뉴 - 태진 */ .mm-menu{z-index:11 !important;} /* 메인비쥬얼 */ /* .main_visual_video{height:370px;}*/ .main_visual_video > iframe{width:100%; height:100%; min-width:auto; min-height:auto;} .visual_section .visual_text .visual_img{width:50%;} /* 섹션1 */ .s1_bg{padding:30px 0;} .sec1_sul{background-image:url('../img/main/sermonguide_m.png'); padding:30px; background-position:center; background-size:100% 100%; height:auto; background-size: cover;} /* ..sec1_sul{background-image:url('../img/main/m_s1_240129new_img.jpg'); padding:30px; background-position:center; background-size:100% 100%; height:auto; background-size: cover;} */ /* .sec1_sul{background-image:url('../img/main/m_s1_0528new_img2.jpg'); padding:30px; background-position:center; background-size:100% 100%; height:auto; background-size: cover;} */ /* .sec1_sul{background-image:url('../img/main/m_s1_0528new_img2.jpg'); padding:30px; background-position:center; background-size:100% 100%; height:auto; background-size: cover;} */ /* .sec1_sul{background-image:url('../img/main/s1_0528new_img10.jpg'); padding:30px; background-position:center; background-size:100% 100%; height:auto; background-size: cover;} */ /* .sec1_sul{background-image:url('../img/main/m_s1_230424_new.jpg'); padding:30px; background-position:center; background-size:100% 100%; height:auto;} */ /* .sec1_sul{background-image:url('../img/main/m_s1_230828new.jpg'); padding:30px; background-position:center; background-size:100% 100%; height:auto; background-size: cover;} */ /* 섹션2 */ .s2_bg{padding:30px 0;} .s2_imgbtn .s2_text{font-size:13px; font-weight:500; width:80%;} /* 갤러리 */ .galary_bg{padding:30px 0 12px;} /* 섹션3 */ .s3_bg{padding:30px 0;} /* Sub Contents - 태진 */ .sub_section{padding:30px 0;} .sm_table{margin-bottom:20px;} .sub_title{font-size:18px; font-weight:500; margin:30px 0 20px;} .sub_menu_nav{height:auto} .sub_menu_nav li{margin-right:15px;} .sub_menu_nav li a{display:block; font-size:14px; border:1px solid #ddd; color:#999; padding:8px 6px; background-color:#fff; line-height:1em;} .sub_menu_nav li.on a, .sub_menu_nav li a:hover{background-color:#0f4c82; color:#fff; border:1px solid #0f4c82;} .sub3_2_tabs {margin:-25px 0 10px;} /* .extravarbox1{margin-bottom:30px;}*/ .extravartext{font-size:12px; line-height:16px;} #responBoard .itemBox{height:220px;} /* Sub Memu - 태진 */ .sub_menu_nav{margin-bottom:35px; padding:15px 0; line-height:30px;} /* sub1 */ .vimeo_link{height:414px;} .more_sub_title{margin:50px 0 20px; font-size:20px;} .sub_more_arrow{margin:46px 0 0;} .widgetGalleryA li{margin-right:30px !important;} .widgetGalleryA .cus:last-child{display:block;} .widgetGalleryA .cus_order:last-child{display:block;} .widgetGalleryA li .title{font-size:14px !important;} /* sub1_2main */ .sermon_title{font-size:16px; font-weight:500; margin-bottom:15px;} .sub_sermon_info1, .sub_sermon_info2{font-size:13px;} .sub_sermon_info3{font-size:14px; font-weight:500;} /* sub2_1 */ .sub_content .title{font-size:22px; line-height:34px; margin:20px 0;} .sub_content .text{font-size:14px; line-height:30px;} .sub_content .sub_img img{width:100%;} /* sub2_1_1 */ .sub2_1_1_name{margin-top:20px; font-size:18px;} /* sub2_2 */ .staff_row{margin:0 0 30px;} .staff_col1{padding:0 15px 0 0;} .staff_col2{padding:0 0 0 0 ;} .col-md-20{width:33.33%;} .mg-t-20{margin-top: 0;} /* sub2_3 */ .sub_cont .title{font-size:22px; line-height:32px; margin-bottom:0;} .sub_cont .sub_img{margin:15px 0 30px;} .tab_ul li a{font-size:15px; line-height:40px;} .lineWrap{padding:15px 0 15px 65px;} .lineWrap span.year{font-size:18px;} table.history td.date{width:50px;} /* sub3 */ .sub3_row{margin:0 -15px;} .sub3_col{margin-bottom:40px;} /* sub3 공통 */ .sub3_col .title{margin-bottom:10px; font-size:15px; padding:7px 10px;} .sub3_col .text{font-size:14px; line-height:26px;} .sub3_main_img{background-size:100% 100%; padding:20px;} .sub3_main_img .top_title{font-size:20px;} .sub3_main_img .title{color:#fff; line-height:18px;} /* sub3_1 */ .sub_cont{width:100% !important;} /* sub4_main */ .sub4_main_img{padding:26px;} /* sub10_1 */ .sub10_1_row{margin-top:40px;} .sm_table td{font-size:14px;} /* 푸터 */ .footer{padding:20px 0;} .footer_text{font-size:12px; text-align:center; padding-bottom:15px; margin-bottom:15px;} .last_footer .copyright{float:none; font-size:12px; text-align:center; line-height:1em;} .last_footer .video_logo{display:none;} } @media (max-width: 767px) { /* 섹션1 */ /* .sel_line{display:none;}*/ .go_btn{margin-bottom:60px;} .sermon_info3{margin-bottom:10px;} .sec1_back{padding:10px 15px;} .sec1_btn{line-height:60px; font-size:16px;} /* 섹션2 */ .s2_imgbtn .s2_text{width:auto; font-size:18px;} .s2_imgbtn{overflow:hidden; height:150px;} .s2_imgbtn1, .s2_imgbtn2{margin-bottom:10px;} /* 섹션3 -- 230202 선영수정*/ .s3_bg ul{display: block;} .s3_bg li { width: 100%; margin-bottom: 15px; } .s3_bg li a:hover{box-shadow: none; transition-duration: none; border: 1px solid #d2d2d2;} /* 갤러리 */ .galary_bg .galary_title{font-size:20px; margin-bottom:20px;} /* 섹션3 */ .s3_bg .s3_title{margin-bottom:20px; font-size:20px;} .s3_bg .map_style{margin-bottom:30px;} .ft_last_section{height:150px;} /* 서브 1차 제목 */ .content_title{padding-bottom:20px;} .content_title span{font-size:30px;} /* 서브 2차 제목 */ .sub_main_title{margin-bottom:15px;} .sub_main_title span{font-size:18px;} /* sub1 */ .widgetGalleryA li{margin-right:28px !important;} /* sub2_2 */ .staff_col1{padding:0 0 30px;} .staff_col2{padding:0;} .staff_title{margin:35px 0 15px;} .content_sp .img_sp{width:160px;} .content_sp .text_sp .name{font-size:18px;} .content_sp .text_sp .text{font-size:14px;} .staff_img{height:auto;} .col-md-20{width:50%;} /* sub2_3 */ .tab_ul li{width:20%;} .tab_ul li a{width:100%;} table.history td.date{font-size:14px;} table.history td.text{font-size:14px;} /* sub3 공통 */ .text_custom > .text{padding-left:0; font-size:14px; line-height:26px;} .sm_table td{color:#666;} /* sub4_main */ .sub4_main_img{padding:26px; background-size:100% 100%;} /* sub5_1 */ .text_custom{font-size:15px;} } @media (max-width: 600px) { /* sub1 */ .vimeo_link{height:322px;} } @media (max-width: 580px) { /* sub1 */ .widgetGalleryA .cus:last-child{display:none;} .widgetGalleryA .cus_order:last-child{display:none;} } @media (max-width:480px) { /* 섹션1 */ /* .sec1_sul{padding:20px; height:187px;}*/ .sec1_sul .sul_title{font-size:16px;} .sermon_info3{font-size:12px;} /* .go_btn{display:none;}*/ /* sub1 */ .vimeo_link{height:195px;} .widgetGalleryA li{margin-right:10px !important;} .widgetGalleryA .cus:nth-child(3){margin-right:0 !important;} .widgetGalleryA .cus_order:nth-child(2){margin-right:0 !important;} /* sub2_2 */ .last_name{line-height:28px;} } /* ---------- Media Query 종료 ---------- */