/*
***** 2020-12-07 태진 정리 (초장동교회 header.html정리)
***** 2020-12-07 태진 정리 (초장동교회 layout.html정리)
***** 2020-12-07 태진 정리 (초장동교회 custom.css정리)
***** 기존 레이아웃 (샘물교회)
***** fonts 폴더 정리 노토산트kr로 변경
***** css원본 백업 custom.css.bak 저장
*/

/* ---------- Custom 시작 ---------- */

@charset "utf-8";

/* 나눔명조, 나눔고딕, 노토산트kr */
	@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
	@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
	@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
	@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

/* 기준css */
	html {overflow-x:hidden; scroll-behavior:smooth; height:100%;}
	body {margin:0; padding:0; height:100%; font-size:14px; font-family: 'Noto Sans KR'; 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'; color:#838383;}
	a, a:hover {color:inherit; text-decoration:none;}
	.no-padding {padding:0 !important;}
	.no-margin {margin:0 !important;}

/* 헤더 공간 높이 */
	.blank_div {height:126px;}

/* 왼쪽 관리자 버튼 */
	.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 - 태진 */
	header {position:fixed; left:0; top:0; z-index:3; width:100%;}
		/* TNB - 태진 */
		.tnb{height:43px; background-color:#f5f5f5; text-align:right; border-bottom:1px solid #dedede;}
		.tnb a{display:inline-block; margin-right:-4px; color:#5f5f5f !important; font-size:14px; line-height:43px; font-family: 'NanumSquare', sans-serif; transform:skew(-0.09deg); font-weight:bold; padding:0 20px; border-left:1px solid #dedede; text-align:right}
		.tnb a:last-child{border-right:1px solid #dedede;}
		/* GNB - 태진 */
		.gnb {clear:both; height:83px; overflow:hidden; border-bottom:2px solid #1271b4; background:url('/images/gnb_bg2.jpg'); font-family: 'NanumSquare', sans-serif;}
		.gnb.opened {box-shadow:0px 10px 10px rgba(0,0,0,0.2);}
			.logo_container {line-height:83px;}
			.menu_col{padding-left:200px; padding-right:0;}
			#menu_pc {width:100%; padding:0;}
			#menu_pc .first_li {float:left; width:20%; line-height:83px; list-style:none;}
			#menu_pc .first_li > a {display:block; font-size:20px; color:#000; font-weight:bold; text-align:center;}
			#menu_pc .first_li > a:hover {color:#1762a7;}
			#menu_pc .first_li .gnb_btm {padding-bottom:30px; padding-left:20px; margin-top:30px; height:250px; border-left:1px solid #e8e9ef;}
			#menu_pc .first_li .second_ul {padding:0; text-align:left;}
			#menu_pc .first_li .second_ul .gnb_text_info{line-height:1em; color:#021fa9; font-size:16px; margin-bottom:20px; font-weight:bold; transform:skew(-0.09deg);}
			#menu_pc .first_li .second_ul li {list-style:none;}
			#menu_pc .first_li .second_ul li a {display:block; line-height:28px; font-size:15px; color:#717171; font-weight:bold; transform:skew(-0.09deg);}
			#menu_pc .first_li .second_ul li a:hover {text-decoration:none; color:#1762a7;}
			#menu_pc .first_li .second_ul li a.active {text-decoration:none; color:#1762a7;}

/* GNB (Mobile) - 태진 */
	.mobile-navbar {padding:15px 0; background-color:#fff;}
		/* 메뉴 */
		.mobile-navbar .menu-button {float:left; margin:10px; width:32px; color:#333;}
		.mobile-navbar .menu-button i {font-size:24px;}
		/* 로그인 */
		.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_mobile_first {font-size:15px; font-weight:500;}
		.mm-menu.mm-vertical .mm-list li.mm-opened a {padding:0; line-height:30px;}
		/* 메뉴 - 푸터 */
		.mm-list{position:relative;}
		.mmenu_footer {border-top:1px solid #ccc; background-color:#f4f4f4; font-size:12px; color:#333; position:absolute !important; bottom:0; width:100%;}

/* Main Contents - 태진 */
	/* 1섹션 */
		.section1{background-color:#ebebeb; padding:70px 0 75px;}
			/* 왼쪽 컬럼 */
			.section1 .top_line {display:block; width:89px; height:3px; background:#c6cddb;}
			.section1 .noto_title {padding:23px 0 28px 0; line-height:36px; font-size:36px; color:#3b3b3b; letter-spacing:-2px; font-weight:bold;}

			.s1_btn{display:inline-block; width:107px; height:31px; border:1px solid #d13719; color:#fff; font-size:12px; transition:all 0.3s; background-color:#d13719; border-radius:15px; font-weight:normal; line-height:28px; padding-left:20px; vertical-align:middle; margin-left:20px;}
			.s1_btn i{display:inline-block; width:30px; height:1px; background:#fff; transition:all 0.3s; margin-bottom:3px; margin-left:5px;}
			.s1_btn:hover{background:#ebebeb; color:#d13719;}
			.s1_btn:hover i{background:#d13719; width:40px;}

			.sermon_info, .sermon_info1{font-size:18px; line-height:30px; color:#656565; font-weight:500;}

			.s1_live{display:inline-block; margin-top:85px;}

			/* 오른쪽 컬럼 */
			.section1 .s1_video{position:relative;}
			.section1 .s1_video .play_btn{position:absolute; top:120px; left:50%; transform:translateX(-50%)}

	/* 2섹션 */
	.section2 {padding:0; background:#30539c url('/images/section2_bg.png') top center no-repeat;}
		.section2 .noto_title {line-height:36px; font-size:36px; color:#fff; margin-bottom:15px; font-weight:bold;}
		.section2 .section_text {line-height:16px; font-family:'Noto Sans Light'; font-size:16px; color:#fff;}

		.s2_btn{display:block; width:127px; height:31px; border:1px solid #284788; color:#fff; font-size:12px; transition:all 0.3s; background-color:#284788; border-radius:15px; font-weight:normal; line-height:28px; padding-left:25px; vertical-align:middle; margin-top:90px;}
		.s2_btn i{display:inline-block; width:30px; height:1px; background:#fff; transition:all 0.3s; margin-bottom:3px; margin-left:5px;}
		.s2_btn:hover{background:#fff; color:#284788;}
		.s2_btn:hover i{background:#284788; width:40px;}

		.section2 .s2_col1{padding:110px 0;}
		.section2 .widgetTableA td {padding-left:14px; line-height:45px; border-bottom:1px solid rgba(255,255,255,0.15); background:url('/images/dot_white.png') left center no-repeat; font-size:18px;}
		.section2 .widgetTableA td.title a {color:#fff !important;}
		.section2 .columnWrap {padding-left:50px; padding-right:100px;}

		.section2 .s2_col2{padding:72px 0 85px;}
		.section2 .s2_circle{width:170px; height:170px; line-height:150px; background-color:#fff; border:10px solid #afbedf; text-align:center; border-radius:50%; margin:0 auto 20px;}
		.section2 .s2_order{font-size:15px; color:#7a88a6; text-align:center;}
		.section2 .s2_order p{font-size:20px; font-weight:bold; color:#fff;}

	/* 3섹션 */
		.section3 {padding:100px 0 75px 0; background:url('/images/section3_bg.png') center bottom no-repeat;}
			.section3 .noto_title {line-height:36px; font-size:36px; font-weight:bold; margin-bottom:15px; color:#333;}
			.section3 .section_text {line-height:16px; font-family:'Noto Sans Light'; font-size:16px; color:#6f6f6f; letter-spacing:-1.5px;}

			.s3_btn{display:block; width:127px; height:31px; color:#fff; font-size:12px; transition:all 0.3s; background-color:rgba(0,0,0,0.3); border-radius:15px; font-weight:normal; line-height:30px; padding-left:25px; vertical-align:middle; margin-top:90px;}
			.s3_btn i{display:inline-block; width:30px; height:1px; background:#fff; transition:all 0.3s; margin-bottom:3px; margin-left:5px;}
			.s3_btn:hover{background:#fff; color:#333;}
			.s3_btn:hover i{background:#333; width:40px;}
	
/* Sub Contents - 태진 */
	.sub_contents {padding:20px 0 70px;}

	.content_menu:after{content:""; display:block; clear:both;}
	.content_menu a{float:left; display:block; margin-right:10px; width:140px; height:40px; color:#fff; background-color:#1762a7; line-height:40px; font-size:17px; border-radius:10px; text-align:center; font-family: 'NanumSquare', sans-serif; transform:skew(-0.09deg); font-weight:bold; margin-bottom:20px;}

	table.jsc_table{font-family: 'NanumSquare', sans-serif; transform:skew(-0.09deg); width:100%; border-top:2px solid #1762a7; margin-bottom:50px;}
		table.jsc_table th{padding:10px; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; color:#333; font-weight:bold; text-align:center; font-size:15px; background-color:#fafafa; font-family: 'NanumSquare', sans-serif; transform:skew(-0.09deg);}
		table.jsc_table td{padding:10px; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; text-align:center; color:#333; font-family: 'NanumSquare', sans-serif; transform:skew(-0.09deg);}

	.sub_cont{width:763px; margin:0 auto;}
	
	/* Sub Title - 태진 */
	.content_title{font-size:32px; font-weight:bold; font-family:'NanumSquare', sans-serif; color:#000; line-height:1em; padding-top:45px; margin-bottom:0;}
		.contents_border{width:100%; height:100px; border-bottom:3px solid #313131;}
		.bread_clumb{padding-left:0; padding-right:0;}
		.bread_clumb a{display:inline-block; font-size:13px; color:#000;}
		.path-wrap{float:right; padding-top:55px; font-family:"돋움",dotum, sans-serif;}
		.contents_border1{border-top:1px solid #eee; margin-bottom:60px;}


        .staff_wrap img {
            border-radius: 5px;
            width: 98px;
            height: 128px;
        }
/* Footer - 태진 */
	.footer{padding:30px 0 30px 0; line-height:22px; background-color:#505050;}
	.footer .footer_text{font-size:13px; color:#fff; font-family: 'NanumSquare', sans-serif; transform:skew(-0.09deg); text-align:center; letter-spacing:0.5px; line-height:18px; font-weight:300;}
	.footer .footer_text .copyright{font-size:12px; color:#a4a4a4; line-height:1em; margin-top:10px;}

/* ---------- Layout 종료 ---------- */



/* ---------- Modules, etc 시작 ---------- */

/* Board */
	.extravarbox1{margin-bottom:30px;}
	.document_popup_menu {display:none;}

/* 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 종료 ---------- */

/* 담임 목사님 */
.sib1_2_paster {
    width: 300px;
    height: 360px;
}

/* ---------- Media Query 시작 ---------- */

	/* 메인 컨테이너 공간 */
	@media (min-width:1230px) {
		.container {width:1230px;}
	}

	@media (max-width: 1199px) {	
		.menu_col{padding-left:120px;}
	}

	@media (max-width: 991px) {
		/* 헤더 공간 높이 */
		.blank_div {height:70px;}

		/* Main Contents - 태진 */
			/* 1섹션 */
				.section1{background-color:#ebebeb; padding:30px 0;}
				.section1 .s1_video .play_btn{top:60px;}
				.section1 .noto_title{padding:20px 0; font-size:28px;}
				.s1_btn{margin-left:0;}

				.sermon_info, .sermon_info1{font-size:16px; line-height:24px;}
				.s1_live{margin-top:30px;}
				.s1_live img{width:140px}

			/* 2섹션 */
				.section2 .s2_col1{padding:30px 0 0;}
				.section2 .s2_col1:after{content:""; display:block; clear:both;}
				.section2 .noto_title{float:left; font-size:24px;}
				.s2_btn{float:right; margin-top:5px;}
				.section2 .columnWrap{padding:0 0 30px 0;}
				.section2 .widgetTableA td{font-size:16px; line-height:38px;}

			/* 3섹션 */
				.section3{padding:30px 0;}
				.section3 .s3_col:after{content:""; display:block; clear:both;}
				.section3 .noto_title{float:left; font-size:24px;}
				.s3_btn{float:right; margin-top:2px;}

				.albumWrap{margin-top:20px;}
				
				.widgetGalleryX .thumb{margin-bottom:0 !important;}
				.widgetGalleryX .title{font-size:16px !important; font-weight:500 !important; line-height:34px !important;}

		/* Sub Contents - 태진 */
		.sub_contents {padding:20px 0 40px;}

		.gallerytitle{font-size:15px !important;}

		.sub_cont{width:100%; margin:0 auto;}

		/* Sub Title - 태진 */
		.content_title{font-size:24px; padding-top:24px;}
			.path-wrap{padding-top:30px;}
			.contents_border{height:60px; border-bottom:3px solid #313131;}
			.contents_border1{margin-bottom:30px;}
	}

	@media (max-width: 767px) {		
		
	}

	@media (max-width:480px) {
	
	}

/* ---------- Media Query 종료 ---------- */