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

* {box-sizing: border-box;}

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

@media only screen and (max-width: 600px) {
	html, body {
	font-size:16px;	
	}
}

body {
	margin:0;
	color:#444;
	font-family:'맑은 고딕','나눔고딕','돋움', 'Noto Sans Korean';
}
	
@font-face {
    font-family: "NEXON Lv1 Gothic Low OTF";
    src: url("webfont/NEXON Lv1 Gothic Low OTF.eot?#iefix") format("embedded-opentype"),
    url("webfont/NEXON Lv1 Gothic Low OTF.woff") format("woff"),        
         url("webfont/NEXON Lv1 Gothic Low OTF.otf") format("opentype");
    font-style: normal;
    font-weight: 700;
}   

/* 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, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	/*font-size: 100%;
	font: inherit;*/
	vertical-align: baseline;
    line-height: 1.5;
    box-sizing: border-box;}
}
/* 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 - 메인 컨테이너 속에 컨테이너 속에 메인 */ 
.quickposion{position:relative;}
.main_container {
    }

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

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



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

@media screen and (max-width: 1280px){
.submenubox{width:22%; max-width:22%; float:left; margin-top:20px;}
.contentbox{width:100%; float:left; margin-left:0%;}
}
/*
.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: 6px;
    color: #444;
    background-color: #fff;
    padding: 8.5px 0.5rem;
    margin-right: 5px;
    vertical-align: bottom;
    }


    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: 6.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;
		
    }
.dialog .dlg-buttons input[type=button],
.dialog .dlg-buttons input[type=submit] {
	font-size:12px;
	border:1px #13608c solid;
	height:22px;
	background-color:#13608c;
	color:#fff;
	cursor:pointer;
}



						@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;
}

 

.boxbox{padding-top:50px;}