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

* {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:'S-CoreDream-3Light','나눔고딕','돋움','맑은 고딕';
}
	
/* 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;	
	word-break: keep-all;	
}
@font-face { font-family: 'locus_sangsang'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/locus_sangsang.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'HogookBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.0/HogookBold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'BBTreeGB'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_nine_@1.1/BBTreeGB.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
/* 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: collapse;
        border-spacing: 0;
       /* table-layout: fixed;*/
    }

    /* http://meyerweb.com/eric/tools/css/reset/v2.0 | 20110126 License: none (public domain)*/

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

		/*기본 레이아웃에 포함된 구조 - 컨테이너를 1100으로 하고 - 중앙정렬*/
		.main_container .container {
			width: 1100px;
			min-width: 100px;
			margin: 0rem auto 0rem auto;
			}

		 @media only screen and (max-width: 1100px) {
				.main_container .container {
					width: 92%;  /*가로 1100 미만일 경우에 메인- 좌우 4% 여백을 주다 */	
					margin: 0 auto;
					min-width: 200px;
				    }
				}
						
	/*섹션 */
	.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;
        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: 3px;
        vertical-align: middle;
        padding: 6px 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;
		}