/*----------------------------------------*/

* {box-sizing: border-box;}

html, body {height:100%; font-size:16px;}

@media only screen and (max-width: 600px) {
	html, body {font-size:17px;		}
}
    
body {margin:0;	color:#444;	font-family:'Noto Sans KR','맑은 고딕','나눔고딕','돋움';}
	
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/
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, mencontaineru, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;	padding: 0;	border: 0;	word-break: keep-all;	line-height:1.5;}
/* HTML5 display-role reset for older browsers */

a {text-decoration: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
    
    body {line-height: 1.5;    }
    ol, ul {list-style: none;    }
    blockquote, q {quotes: none;    }
    blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;    }
    table {border-collapse: separate; border-spacing: 0; /* table-layout: fixed;*/    }
/* http://meyerweb.com/eric/tools/css/reset/v2.0 | 20110126 License: none (public domain)*/

/* 레이아웃 기본 css - 메인 컨테이너 속에 컨테이너 속에 메인 */ 
.main_container {
    }

		/*기본 레이아웃에 포함된 구조*/
		.main_container .container {
			width: 65%;
			min-width: 100px;
			margin: 0rem auto 0rem auto;
			max-width: 1780px;
			min-width:320px;
				
			}

.main_container .container2 {
			width: 100%;
			min-width: 100px;
			margin: 0rem auto 0rem auto;
			
			min-width:320px;
				
			}

		 @media only screen and (max-width: 1400px) {
				.main_container .container {
					width: 96%;  /*가로 1400 미만일 경우에 메인- 좌우 2% 여백을 주다 */	
					margin: 0 auto;
					min-width: 200px;
				    }
			 
			 .main_container .container2 {
			width: 96%;  /*가로 1400 미만일 경우에 메인- 좌우 2% 여백을 주다 */	
					margin: 0 auto;
					min-width: 200px;
				
			}
				}



@media screen and (min-width: 1280px){
	.main_container .container {
			width: 100%;
			min-width: 100px;
			margin: 0rem auto 0rem auto;
			
			}
	
	.main_container .container2 {
			width: 100%;
			min-width: 100px;
			margin: 0rem auto 0rem auto;
			
			}
	.submenubox{ width:200px; float:left; margin-top:20px;}
	.contentbox{width:100%; float:left;  word-break:keep-all !important;}
}

@media screen and (max-width: 1280px){
.submenubox{width:18%; max-width:22%; float:left; margin-top:20px;}
.contentbox{width:100%; float:left; }
}
/*
.submenubox{display:none; width:22%; max-width:22%; float:left; margin-top:80px;}
.contentbox{width:100%; float:left; margin-left:0%;}
*/




@media screen and (max-width: 800px){
.submenubox{display:none; width:22%; max-width:22%; float:left; margin-top:80px;}
.contentbox{width:100%; float:left; margin-left:0%; word-break:keep-all !important;}
}

	/*섹션 */
	.section {overflow: hidden;}

    /*클리어 */
    .clearfix::after {content: ""; display: table; clear: both;    }

	/*h1,h2,h3,h4,h5,h6 */
    h1,h2,h3,h4,h5,h6 {display: block; font-weight: bold; line-height: 1;    }
    h1 {font-size: 2rem; margin: 1rem 0            }
    h2 {font-size: 1.5rem; margin: 0.75rem 0;      }
    h3 {font-size: 1.33rem; margin: 0.665rem 0;    }
    h4 {font-size: 1.17rem; margin: 0.585rem 0;    }
    h5 {font-size: 0.83rem; margin: 0.415rem 0;    }
    h6 {font-size: 0.67rem; margin: 0.335rem 0;    }
    /* */

    img {border: 0;    }
    a {color: inherit; text-decoration: none;    }
    a:visited {color: inherit;    }
    a:hover {text-decoration: none;    }
    .aleft {text-align: left !important;    }
    .aright {text-align: right !important;    }
    .acenter {text-align: middle !important;    }

    /* form elements style */
    input {vertical-align: middle;    }
    input[type=text], input[type=tel], input[type=email], input[type=number], input[type=password] {
        font-family: inherit; font-size: 0.9rem; border: 1px #d7d7d7 solid; border-radius: 5px; color: #444; background-color: #fff; padding: 6px 0.5rem;
		margin-right: 5px;    }

    input[type=checkbox] {-webkit-appearance: none; -moz-appearance: none; width: 20px; height: 22px; background: url(../images/checkbox-off.png) no-repeat;    }
    input[type=radio] {margin-bottom: 5px;	margin-right: 5px;    }
    input[type=checkbox]::-ms-check {display: none;    }
    input[type=checkbox]:checked {background: url(../images/checkbox-on.png) no-repeat;    }
    select {font-size: 0.9rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/select-arrow.png) no-repeat 96% 50%;
        border: 1px #d7d7d7 solid; border-radius: 6px; vertical-align: middle; padding: 8px 0.5rem; min-width: 5.625rem;    }

    @media only screen and (max-width: 400px) {
        select {        }
    }

select::-ms-expand {display: none;    }

    /* 게시판 하단 버튼 박스 */
    .main-buttons {padding: 10px 0 10px 0;    }

    /* 버튼 공통 */
	input[type=button] {margin:5px 0;}
    button * {vertical-align: middle;    }
    input[type=button], input[type=submit], button {
		border: 1px solid #b0b0b0;		
		-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
		-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
		box-shadow:inset 0px 1px 0px 0px #ffffff;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
		background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
		background-color:#f9f9f9;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		border:1px solid #dcdcdc;
		display:inline-block;
		cursor:pointer;
		color:#666666;
		font-family:Arial;
		font-size:15px;
		font-weight:bold;
		padding:6px 24px;
		text-decoration:none;
		text-shadow:0px 1px 0px #ffffff;		
    }

	@media only screen and (max-width: 500px) {
							input[type=button],	input[type=submit],	button {padding: 6px 20px;	}
						}

	@media only screen and (max-width: 400px) {
							input[type=button],	input[type=submit],	/*button*/ {padding: 6px 5px;	}
						}    

    /* 밝은색 버튼 */
    input[type=button].light, input[type=submit].light, button_light {				
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
		background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
		background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
		background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
		background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
		background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
		background-color:#e9e9e9;
    }

    /* 주 버튼 (큰버튼) */
	.main_buttons {
		border: 1px solid #b0b0b0;		
		-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
		-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
		box-shadow:inset 0px 1px 0px 0px #ffffff;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
		background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
		background-color:#f9f9f9;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		border:1px solid #dcdcdc;
		display:inline-block;
		cursor:pointer;
		color:#666666;
		font-family:Arial;
		font-size:15px;
		font-weight:bold;
		padding:6px 24px;
		text-decoration:none;
		text-shadow:0px 1px 0px #ffffff;
       }

    /* 작은버튼 */
	.small_buttons {
		border: 1px solid #b0b0b0;		
		-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
		-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
		box-shadow:inset 0px 1px 0px 0px #ffffff;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
		background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
		background-color:#f9f9f9;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		border:1px solid #dcdcdc;
		display:inline-block;
		cursor:pointer;
		color:#666666;
		font-family:Arial;
		font-size:15px;
		font-weight:bold;
		padding:6px 24px;
		text-decoration:none;
		text-shadow:0px 1px 0px #ffffff;
		}

/* light 버튼 */
	.light_btn {
		border: 1px solid #b0b0b0;		
		-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
		-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
		box-shadow:inset 0px 1px 0px 0px #ffffff;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
		background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
		background-color:#f9f9f9;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		border:1px solid #dcdcdc;
		display:inline-block;
		cursor:pointer;
		color:#666666;
		font-family:Arial;
		font-size:15px;
		font-weight:bold;
		padding:6px 24px;
		text-decoration:none;
		text-shadow:0px 1px 0px #ffffff;
		}


/* 버튼 마우스 오버시 효과 */				
    button:hover {
		border: 1px solid #b0b0b0;		
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
		background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
		background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
		background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
		background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
		background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
		background-color:#e9e9e9;
		}

	input[type=button]:hover {
		border: 1px solid #b0b0b0;		
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
		background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
		background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
		background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
		background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
		background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
		background-color:#e9e9e9;
        }
	
    input[type=submit]:hover {
		border: 1px solid #b0b0b0;		
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
		background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
		background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
		background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
		background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
		background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
		background-color:#e9e9e9;
		}

/*향교 한정*/

@media (max-width: 768px){
.sub_title {font-size: 2.6em; margin: 60px 0 40px;		}
}

.sub_title{ font-size: 38px; font-weight: 600; text-align: center; color: #b48f63; line-height: 42px; margin-top: 30px; margin-bottom: 50px;}
.sub_title span {width: 35px; height: 2px; background: #69a78a; display: block; clear: both; margin: 0 auto; margin-top: 20px; }