@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
/* 	font: inherit;
	vertical-align: baseline; */
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, div, img {
	display: block;
}
header{
  font-family: "Noto Sans KR", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}


body {
	line-height: 1;
	width: 100%;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    
}

ol, ul {
	list-style: none;
}

a{
    color: inherit;
    text-decoration: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* spring에서 가져온 css -----------------------------*/
        .w-pct100 { width: 100% }
        .w-pct90 { width: 90% }
        .w-pct80 { width: 80% }
        .w-pct70 { width: 70% }
        .w-pct60 { width: 60% }
        .w-pct50 { width: 50% }
        .w-pct40 { width: 40% }
        .w-pct30 { width: 30% }
        .w-pct20 { width: 20% }
        .w-pct10 { width: 10% }

        .w-px10 { width: 10px }
        .w-px20 { width: 20px }
        .w-px30 { width: 30px }
        .w-px40 { width: 40px }
        .w-px50 { width: 50px }
        .w-px60 { width: 60px }
        .w-px80 { width: 80px }
        .w-px100 { width: 100px }
        .w-px120 { width: 120px }
        .w-px140 { width: 140px }
        .w-px160 { width: 160px }
        .w-px180 { width: 180px }
        .w-px200 { width: 200px }
        .w-px220 { width: 220px }
        .w-px250 { width: 250px }
        .w-px300 { width: 300px }
        .w-px350 { width: 350px }
        .w-px400 { width: 400px }
        .w-px450 { width: 450px }
        .w-px500 { width: 500px }
        .w-px600 { width: 600px }
        .w-px800 { width: 800px }
        .w-px1000 { width: 1000px }
        .w-px1200 { width: 1200px }

        .txt-left { text-align: left; }
        .txt-right { text-align: ringt; }
        .txt-center { text-align: center; }
		
		.bold { font-weight: bold; }
		
		
        img, svg {  text-align: center; }


        .m-0 { margin: 0 !important; }

        .m-1 { margin: 0.25rem !important; }

        .m-2 { margin: 0.5rem !important; }

        .m-3 { margin: 1rem !important; }

        .m-4 { margin: 1.5rem !important; }

        .m-5 { margin: 3rem !important; }

        .m-auto { margin: auto !important; }

        .mx-0 {
          margin-right: 0 !important;
          margin-left: 0 !important;
        }

        .mx-1 {
          margin-right: 0.25rem !important;
          margin-left: 0.25rem !important;
        }

        .mx-2 {
          margin-right: 0.5rem !important;
          margin-left: 0.5rem !important;
        }

        .mx-3 {
          margin-right: 1rem !important;
          margin-left: 1rem !important;
        }

        .mx-4 {
          margin-right: 1.5rem !important;
          margin-left: 1.5rem !important;
        }

        .mx-5 {
          margin-right: 3rem !important;
          margin-left: 3rem !important;
        }

        .mx-auto {
          margin-right: auto !important;
          margin-left: auto !important;
        }

        .my-0 {
          margin-top: 0 !important;
          margin-bottom: 0 !important;
        }

        .my-1 {
          margin-top: 0.25rem !important;
          margin-bottom: 0.25rem !important;
        }

        .my-2 {
          margin-top: 0.5rem !important;
          margin-bottom: 0.5rem !important;
        }

        .my-3 {
          margin-top: 1rem !important;
          margin-bottom: 1rem !important;
        }

        .my-4 {
          margin-top: 1.5rem !important;
          margin-bottom: 1.5rem !important;
        }

        .my-5 {
          margin-top: 3rem !important;
          margin-bottom: 3rem !important;
        }

        .my-auto {
          margin-top: auto !important;
          margin-bottom: auto !important;
        }

        .mt-0 { margin-top: 0 !important; }

        .mt-1 { margin-top: 0.25rem !important; }

        .mt-2 { margin-top: 0.5rem !important; }

        .mt-3 { margin-top: 1rem !important; }

        .mt-4 { margin-top: 1.5rem !important; }

        .mt-5 { margin-top: 3rem !important; }

        .mt-auto { margin-top: auto !important; }

        .me-0 { margin-right: 0 !important; }

        .me-1 { margin-right: 0.25rem !important; }

        .me-2 { margin-right: 0.5rem !important; }

        .me-3 { margin-right: 1rem !important; }

        .me-4 { margin-right: 1.5rem !important; }

        .me-5 { margin-right: 3rem !important; }

        .me-auto { margin-right: auto !important; }

        .mb-0 { margin-bottom: 0 !important; }

        .mb-1 { margin-bottom: 0.25rem !important; }

        .mb-2 { margin-bottom: 0.5rem !important; }

        .mb-3 { margin-bottom: 1rem !important; }

        .mb-4 { margin-bottom: 1.5rem !important; }

        .mb-5 { margin-bottom: 3rem !important; }

        .mb-auto { margin-bottom: auto !important; }

        .ms-0 { margin-left: 0 !important; }

        .ms-1 { margin-left: 0.25rem !important; }

        .ms-2 { margin-left: 0.5rem !important; }

        .ms-3 { margin-left: 1rem !important; }

        .ms-4 { margin-left: 1.5rem !important; }

        .ms-5 { margin-left: 3rem !important; }

        .ms-auto { margin-left: auto !important; }

        .p-0 { padding: 0 !important; }

        .p-1 { padding: 0.25rem !important; }

        .p-2 { padding: 0.5rem !important; }

        .p-3 { padding: 1rem !important; }

        .p-4 { padding: 1.5rem !important; }

        .p-5 { padding: 3rem !important; }

        .px-0 {
          padding-right: 0 !important;
          padding-left: 0 !important;
        }

        .px-1 {
          padding-right: 0.25rem !important;
          padding-left: 0.25rem !important;
        }

        .px-2 {
          padding-right: 0.5rem !important;
          padding-left: 0.5rem !important;
        }

        .px-3 {
          padding-right: 1rem !important;
          padding-left: 1rem !important;
        }

        .px-4 {
          padding-right: 1.5rem !important;
          padding-left: 1.5rem !important;
        }

        .px-5 {
          padding-right: 3rem !important;
          padding-left: 3rem !important;
        }

        .py-0 {
          padding-top: 0 !important;
          padding-bottom: 0 !important;
        }

        .py-1 {
          padding-top: 0.25rem !important;
          padding-bottom: 0.25rem !important;
        }

        .py-2 {
          padding-top: 0.5rem !important;
          padding-bottom: 0.5rem !important;
        }

        .py-3 {
          padding-top: 1rem !important;
          padding-bottom: 1rem !important;
        }

        .py-4 {
          padding-top: 1.5rem !important;
          padding-bottom: 1.5rem !important;
        }

        .py-5 {
          padding-top: 3rem !important;
          padding-bottom: 3rem !important;
        }

        .pt-0 { padding-top: 0 !important; }

        .pt-1 { padding-top: 0.25rem !important; }

        .pt-2 { padding-top: 0.5rem !important; }

        .pt-3 { padding-top: 1rem !important; }

        .pt-4 { padding-top: 1.5rem !important; }

        .pt-5 { padding-top: 3rem !important; }

        .pe-0 { padding-right: 0 !important; }

        .pe-1 { padding-right: 0.25rem !important; }

        .pe-2 { padding-right: 0.5rem !important; }

        .pe-3 { padding-right: 1rem !important; }

        .pe-4 { padding-right: 1.5rem !important; }

        .pe-5 { padding-right: 3rem !important; }

        .pb-0 { padding-bottom: 0 !important; }

        .pb-1 { padding-bottom: 0.25rem !important; }

        .pb-2 { padding-bottom: 0.5rem !important; }

        .pb-3 { padding-bottom: 1rem !important; }

        .pb-4 { padding-bottom: 1.5rem !important; }

        .pb-5 { padding-bottom: 3rem !important; }

        .ps-0 { padding-left: 0 !important; }

        .ps-1 { padding-left: 0.25rem !important; }

        .ps-2 { padding-left: 0.5rem !important; }

        .ps-3 { padding-left: 1rem !important; }

        .ps-4 { padding-left: 1.5rem !important; }

        .ps-5 { padding-left: 3rem !important; }


        .offset-1 {
          margin-left: 8.33333333%;
        }

        .offset-2 {
          margin-left: 16.66666667%;
        }

        .offset-3 {
          margin-left: 25%;
        }

        .offset-4 {
          margin-left: 33.33333333%;
        }

        .offset-5 {
          margin-left: 41.66666667%;
        }

        .offset-6 {
          margin-left: 50%;
        }

        .offset-7 {
          margin-left: 58.33333333%;
        }

        .offset-8 {
          margin-left: 66.66666667%;
        }

        .offset-9 {
          margin-left: 75%;
        }

        .offset-10 {
          margin-left: 83.33333333%;
        }

        .offset-11 {
          margin-left: 91.66666667%;
        }
        
        .dis-n { display: none; }
        
        .dis-b { display: block; }
        
        .dis-f { display: flex; }
         
        .posi-a {	position: absolute;	}
        
        .posi-f {	position: fixed; }
        
        .posi-s {	position: static; }




/* 게시판 css ------------------------------------------ */ 	   

		.board-container{
			width: 100%;
			height: 550px;
		    overflow-x: auto;
		    margin: 20px 0;
		}
		
		 .board-txt1{
			text-align: center;		 
		 	font-size: 25px;
		 	margin: 20px;
		 }
		 
		 
		 .board-txt2{
		 	text-align: center;	
		 	font-size: 13px;
		 	margin: 22px;
		 }
		 
		#boardlist{
			width: 80%;
			max-width: 1000px;
		    border-collapse: collapse;
		    margin: 0 auto;
		    font-family: Arial, sans-serif;
		    font-size: 16px;
		     border-top: 2px solid #3d3d3d;
		    border-bottom: 2px solid #3d3d3d;
		}
		
		#boardlist thead th {
		    color: black;
		    padding: 10px;
		    text-align: center;
		    border-bottom: 2px solid #3d3d3d;
		}
		
		#boardlist tbody td {
		    padding: 5px;
		    height: 50px;
		    border-bottom: 1px solid #ddd;
		    text-align: center;
	}
		
	 	/* #boardlist tbody tr:nth-child(even) {
		    background-color: #f2f2f2;
		} 
		 */
		.btn-new{
			background-color: #4A84FF; 
			border: 2px solid #4A84FF; 
		    color: white; 
		    padding: 15px 32px; 
		    text-align: center;
		    text-decoration: none;
		    display: inline-block;
		    font-size: 16px; 
		    margin: 10px 20px;
		    cursor: pointer; 
		    border-radius: 16px; 
		    transition: background-color 0.3s ease; 
		}
		
		/* 호버 상태 스타일 */
		.btn-new:hover {
		    background-color: white;
		    color: #4A84FF; 
		    border: 2px solid #4A84FF; 
		}
		



/* nav css ------------------------------------------- */

 		.logo-img{
 			display: none;
 		}
 	/* 	
        .clicklogo {
            float: left;
            display: block;
            text-align: center;
            padding: 10px;
            margin: 3px;
            text-decoration: none; 
        }
       */
      	.nav-tap {
      		width: 100px;
      		/* color: black; */
      		color: #4A84FF; 
      		font-weight: bold;
      		border: 2px solid #4A84FF; 
            border-radius: 35px;
      		text-align: center;
      		overflow: hidden;
      	}
      	
      	
        .nav-tap:hover {
            background-color: #4A84FF; 
            color: white;
            transition: all .5s ease-out;
            
        }
         
        .nav-right {
            list-style-type: none;
            padding: 12px; 
            overflow: hidden;
            display: flex; /* 수정된 부분: flexbox 사용 */
            justify-content: flex-end; /* 수정된 부분: 오른쪽 정렬 */
         }
         
       
       #menu-container{ display: none; }/*   */
        
        
/* 메인 네비바 제안 버튼 - 드롭다운 css -------------------------*/
		.proposal{
			display: none; 
		}

		.proposal.active {
			display: block;
			position: absolute;
			flex-wrap: wrap;
			top: 55px;
			padding-top: 10px;
			height: 78px;
			width: 132px;
			color: black;
			background-color: white;
			border-radius: 10px;
			justify-content:flex-start;
			align-content: flex-start;
			z-index: 999;
			
		}

		.proposal-list{
			display: block;
			padding-top: 12px;
			height: 24px;
			width: 132px;
			
		}
        .dp-b{
            display: none;
        }