@charset "utf-8";


@font-face {
font-family: "noto";
font-style: normal;
font-weight: 400;
src: url(../font_hi/notokr-regular.woff) format('woff');
}

@font-face {
font-family: "noto";
font-style: normal;
font-weight: 600;
src:url(../font_hi/notokr-medium.woff) format('woff');
}

@font-face {
font-family: "noto";
font-style: normal;
font-weight: 900;
src:url(../font_hi/notokr-bold.woff) format('woff');
}


/*roboto*/
@font-face {
font-family: "roboto";
font-style: normal;
font-weight: 400;
src: url(../font_hi/Roboto-Regular.woff) format('woff');

}


@font-face {
font-family: "roboto";
font-style: bold;
font-weight: 600;
src: url(../font_hi/Roboto-Medium.woff) format('woff');
}


@font-face {
font-family: "roboto";
font-style: bold;
font-weight: 900;
src: url(../font_hi/Roboto-Bold.woff) format('woff');
}



/* */
BODY {font-size:13px; color:#666666; font-family: "roboto", "noto", 'Noto Sans SC', Dotum, "돋움", Verdana, Arial, sans-serif;}
header {margin:0; padding:0;}
h5 {
	-webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
/* CSS reset Start*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

html {
	margin:0;
	padding:0;
	overflow-y: scroll; 
	
	width:100%;
	height:100%;

}

body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	padding:0;
	margin:0;
	width:100%;
}
fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ul {
	list-style:none;
}
a {
text-decoration:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* CSS reset End*/


/*LOW VER. IE SUPPORT HTML5*/
article, aside, hgroup, header, footer, figure, figcaption, section,time, mark, canvas, video, audio, details, summary {display:block;}


th {
	text-align:center;
	font-weight:bold;
}

A {color: #444444}

.input{border:1px solid #cccccc; background-color:#FFF;height:20px; vertical-align:middle; }
.input_select{border:1px solid #cccccc; background-color:#FFF;height:20px; vertical-align:middle; }
.input_select{border:1px solid #cccccc; background-color:#FFF;height:20px; vertical-align:middle; }
.input_text{border:1px solid #cccccc; background-color:#FFF; vertical-align:middle; height:18px; }
.input_text_field{border:1px solid #cccccc; width:95%; background-color:#FFF; vertical-align:middle; height:200px;}

.text_left {color:#444444; text-align:left;}
.text_center {color:#444444; text-align:center;}
.text_right {color:#444444; text-align:right;}

.insert_page_text {padding-left:20px;}
.insert_page_text_b {padding-left:20px;font-weight:bold}

#wrap {width:100%;}
#default_size {width:100%; text-align:center;}

/*기본 버튼 시작*/
@-webkit-keyframes pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.pulse-shrink {
	display: inline-block;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	
	background-color:#f9f9f9;
	margin: 0.2em;
	padding: 0.2em 1em 0.2em 1em;
	cursor: pointer;
	
	border:1px solid #dcdcdc;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	
	color:#23549b;
	font-weight:bold;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}

.pulse-shrink:hover {
	-webkit-animation-name: pulse-shrink;
	animation-name: pulse-shrink;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
}
/*기본 버튼 끝*/


/* 게시판 */

#board_list {
	width:100%;
	margin:0px 0px 30px 0px;
	background:url(/images/common/board_bg.jpg)  top left repeat-x;
	} 
#board_list > thead > tr {
	height:38px;
	vertical-align:top;
	border-top:2px solid #23549b;
	} 
#board_list > thead > tr > th {
	background:url(/images/common/board_partition.jpg) left center no-repeat;
	padding-top:8px;
	}

#board_list > thead > tr > th:first-child {
	background:none;
	} 

#board_list tbody tr {
	border-bottom:1px solid #cbcdc9;
	}
#board_list tbody td {
	padding:5px 0px 5px 0px;
	}

#board_write {
	width:100%;
	border-bottom:2px solid #cbcdc9;
	margin:0px 0px 30px 0px;
	} 
#board_write thead tr {
	border-bottom:1px solid #e1e1e1;
} 
#board_write thead {
	border-top:2px solid #23549b;
} 
#board_write thead th {
	width:120px;
	background-color:#f1f1f1;
	text-align:left;
	padding:5px 10px 5px 10px;
	color:#23549b;
} 
#board_write thead td {
	padding:5px 10px 5px 10px;
}
#board_write tfoot {
	border-top:1px solid #e1e1e1;
	padding:0px 0px 0px 0px;
}
#board_write tfoot th {
	width:120px;
	background-color:#f1f1f1;
	text-align:left;
	padding:5px 10px 5px 10px;
	color:#23549b;
} 
#board_write tfoot td {
	padding:3px 10px 0px 10px;
}
#board_view {
	width:100%;
	margin:0px 0px 30px 0px;
	border-bottom:2px solid #cbcdc9;
	} #board_view thead {
		border-top:2px solid #23549b;
		} #board_view thead tr {
			border-bottom:1px solid #e1e1e1;
				} #board_view thead th {
					width:120px;
					background-color:#f1f1f1;
					text-align:left;
					padding:5px 10px 5px 10px;
					color:#23549b;
				} #board_view thead td {
						padding:5px 10px 5px 10px;
					}
		#board_view tbody td {
						padding:10px 10px 30px 10px;
						line-height:160%;
					}

#board_view_bottom {
	width:100%;
	margin:0px 0px 30px 0px;
	border-top:1px solid #cbcdc9;
	border-bottom:2px solid #cbcdc9;
	} #board_view_bottom tr {
			border-bottom:1px solid #cbcdc9;
			} #board_view_bottom th {
				width:120px;
				background-color:#f1f1f1;
				text-align:left;
				padding:10px 0px 10px 10px;
				color:#23549b;
				} #board_view_bottom td {
						padding:5px 0px 5px 10px;
					}

#board_reply {
	width:100%;
	margin:30px 0px;
}

#board_reply > thead {
	border-bottom:1px #cccccc solid;
}

#board_reply > thead th {
	font-size:1.333em;
	font-weight:bold;
	color:#23549b;
	display:inline-block;
	padding:10px 30px;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, rgb(255, 255, 255)),
	color-stop(1, rgb(239, 239, 239))
	);
	background-image: -o-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(239, 239, 239) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(239, 239, 239) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(239, 239, 239) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(239, 239, 239) 100%);
	background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(239, 239, 239) 100%);
	border:1px #cccccc solid;

}

#reply_table {
	width:100%;
	border-top:2px solid #23549b;
	margin-bottom:30px;
	border-bottom:2px #cccccc solid;
}

#reply_table th {
	width:110px;
	background-color:#f1f1f1;
	text-align:left;
	padding:5px 10px 5px 10px;
	color:#23549b;
}

#reply_table tr {
	border-bottom:1px #cccccc solid;
}

#reply_table td {
	padding-left:10px;
}

#reply_btn {
	background-color:#23549b;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#fff;
	font-weight:bold;
	padding:5px 5px 5px 5px;
	vertical-align:baseline;
	width:55px;
	height:55px;
	line-height:55px;
	text-align:center;
	text-shadow:1px 1px 0px #717171;
	cursor:pointer;
}
#reply_btn:hover {
	background-color:#e9e9e9;
	color:#23549b;
}

	
#gallery_list {
	width:100%;
	margin:0px 0px 30px 0px;
	border-bottom:2px solid #cbcdc9;
	}
#gallery_list thead {
	height:38px;
	vertical-align:top;
	background:url(/images/common/board_bg.jpg) repeat left;
	border-top:2px solid #23549b;
	} 
	 
#photo_thumb {
	text-align:center;
	} 
#photo_thumb > a {
	display:inline-block;
	margin:0;
	} 
#photo_thumb dt a {
	font-weight:bold;
	color:#23549b;
	}




.sel_page_num{
	font-weight:bold;
	color:#e73535;
	border:1px solid #e73535;
	padding:4px 9px 6px 9px;
}
.page_num{
	padding:4px 9px 6px 9px;
	font-weight:bold;
}
.page_first, .page_last, .page_prev, .page_next{
	vertical-align:middle;
}
.page_prev{
	margin-right:3px;
}
.page_next{
	margin-left:3px;
}


/* 팝업레이어 */
#popup {z-index:1010;position:relative;margin:0 auto;height:0}
.pop_con {position:absolute;border:1px solid #aaa;background:#fff}
.pop_con img {max-width:100%}
.pop_img {}
.pops_footer {padding:0;background:#555556;color:#fff;text-align:left;position:relative}
.pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.pops_footer button {padding:10px;border:0;color:#fff}
.pops_footer .pops_reject {background:#555556;text-align:left;padding:10px;border:0;color:#fff}
.pops_footer .close {background:#555556;position:absolute;top:0;right:0;cursor:pointer}

@media(max-width:840px){
	#popup{width:90%!Important;}
	.pop_con {width: 100%;top:85px!important;left:50%!important;margin-left:-50%!important;}
	.pop_img{width: 100%!important;height: auto!important;}
	.pop_con img{width: 100%!important;height: auto!important;}
}