@charset "utf-8";
/* CSS Document */


*{ 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}
#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:100px}
#familysite img{width:170px}

/* color */
.text-blue {color:#007fcc}
.text-lblue {color:#69b4e1}
.text-pink {color:#fa6189}
.text-dpink {color:#33141c}
.text-red {color:#b1372a}
.bg-blue {background-color:#007fcc}
.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:#7a5a5d}
.bg-indigo {background-color:#40469c}
.bg-orange {background-color:#ff9c27}
.border-blue {border: 1px solid #007fcc}
.border-lgreen {border: 2px solid #a1d8cb}
.border-ygreen {border: 2px solid #c5d336}
.border-lred {border: 3px solid #ee7063}
.border-red {border: 2px solid #b1372a}


/*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 */
#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}

/* 레이어 팝업*/




/* 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}
}