@charset "utf-8";
/* CSS Document */
@import url('https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');
@import url('https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo');
@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap');

*{ margin:0; padding:0}
html, body {width:100%}
body{position:relative; margin-top:40px; font-family:'Nanum Gothic', sans-serif; font-size:16px; line-height:160%;}
pre,code{font-family:'Nanum Gothic', monospace}
/*ul,ol{list-style:none}*/
em,address{font-style:normal}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none}

button {cursor:pointer; color:#333}
.nav-tabs .nav-link {color:#333 !important}
#board a, a:hover,a:active,a:focus{color:#333}

#main_menu a, a:hover,a:active,a:focus{color:#333}
#Modal_allmenu a, a:hover,a:active,a:focus{color:#333}

a.nav-link.me-5.fw-bold.fs-6 {letter-spacing:-1px; font-size:-1em; margin:0 15px 0 0 !important}

/* main */
#familysite {margin-top:50px}
#familysite img{width:170px}


/* main */
.semi_end {position:absolute; z-index:100; top:10px; background-color:#999; color:#fff; padding:5px 10px; font-weight:bold; font-size:16px}
.semi_ing {position:absolute; z-index:100; top:10px; background-color:#fa611d; color:#fff; padding:5px 10px; font-weight:bold; font-size:16px}
.semi_date {position:absolute; z-index:100; bottom:10px; background-color:#ffffffd9; color:#000; padding:3px; font-weight:bold; width:85%; text-align:center; border-radius:15px; border:1px solid #ddd}

/* main 캐러셀 */
	/* 전체 컨테이너 높이 설정 */
	#mainCarousel {
		height: 600px;
		overflow: hidden;
	}

	/* 배경 이미지 공통 스타일 */
	.slide-bg {
		height: 600px;
		background-size: cover;
		background-position: center;
	}

	/* 버튼은 클릭이 되어야 하므로 다시 살려줌 */
	.fixed-caption-wrapper a {
		pointer-events: auto;
	}
	.fixed-caption .btn {
            pointer-events: auto; /* 버튼은 다시 클릭이 가능하게 설정 */
        }

        /* [중요] 화살표 버튼이 텍스트보다 위에 오도록 설정 */
        .carousel-control-prev,
        .carousel-control-next {
            z-index: 10; 
            width: 10%; /* 클릭 영역을 넓게 잡음 */
        }

/* color */
.text-blue {color:#005bac}
.text-orange {color:#ff6e0d}
.text-lblue {color:#69b4e1}
.text-yel {color:#fffc21}
.text-dpink {color:#33141c}
.text-white {color:#fff}
.text-red {color:#b1372a}
.text-dgreen {color:#005024}
.text-tomato {color:#e54925}
.bg-dgreen {background-color:#005024}
.bg-blue {background-color:#005bac}
.bg-lblue {background-color:#e1f4ff}
.bg-lpink {background-color:#ffe7ed}
.bg-lgreen {background-color:#a1d8cb}
.bg-lgreen_b {background-color:#50c2a6}
.bg-ygreen {background-color:#c5d336}
.bg-ygreen_b {background-color:#aab62e}
.bg-lred {background-color:#ee7063}
.bg-red {background-color:#b1372a}
.bg-brown {background-color:#674c4e}
.bg-indigo {background-color:#40469c}
.bg-orange {background-color:#ff6e0d}
.bg-tomato {background-color: #e54925}
.border-blue {border: 1px solid #007fcc}
.border-blue3 {border: 3px solid #007fcc}
.border-blue5 {border: 5px solid #007fcc}
.border-orange3 {border: 3px solid #ff6e0d}
.border-orange5 {border: 5px solid #ff6e0d}
.border-lgreen {border: 2px solid #a1d8cb}
.border-ygreen {border: 2px solid #c5d336}
.border-lred {border: 3px solid #ee7063}
.border-red {border: 2px solid #b1372a}
.border-tomato5 {border: 5px solid #e54925}


/*text shadow */
.ts {text-shadow: 2px 2px 2px #737373;}

/* font-size */
.text0 {font-size: 35px}
.text1 {font-size: 30px}
.text2 {font-size: 26px}
.text3 {font-size: 24px}
.text4 {font-size: 20px}
.text5 {font-size: 17px}
.text6 {font-size: 14px; line-height:130%}

.footer-logo {opacity: 40%; width:200px}


/* footer */
#familysite {
    position: relative !important;
    z-index: 1050 !important; /* 부트스트랩 드롭다운 표준 z-index보다 높게 */
}

.dropdown-menu {
    z-index: 9999 !important;
}
/* 이 코드를 추가하면 메뉴가 버튼 위로 강제 고정됩니다 */
.dropup .dropdown-menu {
    top: auto !important;
    bottom: 100% !important;
    margin-bottom: 0.5rem !important; /* 버튼과의 간격 */
    transform: none !important; /* 부트스트랩의 자동 계산 무력화 */
}

#topBtn {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    color: #fff;
    text-align: center;
    line-height: 45px;
    border-radius: 10px;
    background: #555;
    transition: background 0.3s;
    cursor: pointer;
}

#topBtn:hover {
    background: #222;
}

/*sub*/
#submargin {margin-top:120px; margin-bottom:100px}

/* 레이어 팝업*/


/*소개페이지*/
.info_box_area {padding-top:80px}
.info_box_area.v2{padding-top:0px; padding-bottom:60px; margin:30px}
.info_box_area.v3{padding-top:10px; padding-bottom:0px; margin:10px 30px 10px}
.info_title_box {padding-bottom:80px; padding-left:50px; line-height:4em}
.info_title_box.v2{padding-top:20px; padding-left:50px}
.info_title_box .info_title {font-size:2em}
.info_title_box .info_title strong {font-weight:800; color:#f05122}
.info_title_sub {padding-top:10px; font-size:18px; letter-spacing:-.5px; line-height:2em}
.info_title_sub strong {font-weight:600}
.info_con {padding-top:60px; font-size:16px; line-height:170%}
.info_con.v2 {padding-top:20px; font-size:16px; line-height:170%}
.info_con.v3 {padding-top:60px; margin-left:-30px; font-size:1.2em; line-height:170%}
.info_con.v3 strong {display:inline-block; padding-bottom:15px; color:#f05a6d}
.info_con.v3 ul {margin-left:-40px; letter-spacing:-1px}
.info_con.v3 span {background:#f05a6d; color:#fff; border-radius:50%; padding:8px 14px 8px; margin-right:10px; font-size:18px; font-weight:800}
.info_con.v3 li {padding-bottom:20px}
.info_bible {display:inline-block; padding:8px; margin-top:50px; font-size:17px; color:#fff; background:#f05122}
.info_box_area_gray {background:#f7f7f7; border-radius:30px; height:230px}
.info_box_area_gray2.modi {background:#f7f7f7; border-radius:30px}
.info_box_area_gray.v2{background:#f7f7f7; border-radius:30px; height:140px}
.info_box_area_gray.v3{background:#f7f7f7; border-radius:30px; height:160px}
.info_box_area_gray.v4{background:#fcf1ef; border-radius:30px; height:auto}
.info_box_area_gray.v4.v1{margin-top:20px; background:#f7f7f7; border-radius:30px; height:auto}
.info_box_area_gray span {display:inline-block; padding-top:70px; padding-left:80px; font-size:30px}
.info_box_area_gray.v3 span {display:inline-block; padding-top:20px; padding-left:10px; font-size:42px}
.info_box_area_gray span strong{font-weight:800; color:#f05122}
.info_box_area_gray img {padding-top:20px}
.info_box_area_gray .logo_txt {padding:30px; text-align:center; line-height:170%}
.info_box_area_gray .logo_txt.v2 {padding:30px; text-align:justify; line-height:170%}
.info_box_area_gray .logo_txt b {color:#7aa617; font-weight:800}
.info_box_area_gray .logo_txt b.v1 {color:#000; font-weight:800}
.info_box_area_gray .logo_txt span.v1 {background:#f05a6d; color:#fff; border-radius:50%; padding:8px 14px 8px; margin-right:10px; font-size:18px; font-weight:800}
.info_box_area_gray .logo_txt strong {color:#f05122; font-weight:800}
.info_box_area_gray .logo_txt.v2 strong {display:inline-block; padding-bottom:10px; font-size:18px; color:#f05122; font-weight:800}
.mem_sub {padding-top:15px; padding-left:18px; font-size:16px}
.mem_sub strong{font-weight:800}
.comimg_notice {padding-top:30px; color:#c35c57; font-size:18px; text-align:center; font-weight:800}
.homeinfo {display:inline; color:#bc1616; text-decoration:underline; font-weight:800}
a .member_join {text-align:center; background:#fff; margin-top:0px; color:#7db909; font-size:20px; vertical-align:middle}
a .member_join img {display:inline-block; padding:10px 0 20px}
a .member_join .join_txt {display:inline-block; padding-top:50px; font-weight:800}
a .member_join i {display:inline-block; padding-left:15px; margin-top:60px; font-weight:800; font-size:30px}

/* mobile  */
@media all and (max-width:1023px) {
	body{font-size:13px; line-height:160%;}
	#mainlogo {width:250px}

	/* font-size */
	.text0 {font-size: 25px}
	.text1 {font-size: 20px}
	.text2 {font-size: 18px}
	.text3 {font-size: 16px}
	.text4 {font-size: 15px}
	.text5 {font-size: 14px}
	.text6 {font-size: 13px; line-height:120%}

	/* main */
	#familysite {margin-top:20px}

	/*sub*/
	#submargin {margin-top:80px; margin-bottom:50px}
}