@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@font-face {
font-family: "noto";
font-style: normal;
font-weight: 400;
src: local('notokr-regular'), local('notoKR-Regular'), local('NotoKR Regular');
src: url(../font_hi/notokr-regular.eot);/*A*/
src: url(../font_hi/notokr-regular.eot?#iefix) format('embedded-opentype'),/*B*/
		url(../font_hi/notokr-regular.woff) format('woff'),/*C*/
		url(../font_hi/notokr-regular.woff2) format('woff2'),/*C*/
		url(../font_hi/notokr-regular.ttf) format('truetype');/*D*/
		url(../font_hi/notokr-regular.svg) format('svg');/*E*/
}
@font-face {
font-family: "noto";
font-style: normal;
font-weight: 500;
src: local('notokr-demilight'), local('notoKR-Demilight'), local('NotoKR Demilight');
src: url(../font_hi/notokr-demilight.eot);/*A*/
src: url(../font_hi/notokr-demilight.eot?#iefix) format('embedded-opentype'),/*B*/
		url(../font_hi/notokr-demilight.woff) format('woff'),/*C*/
		url(../font_hi/notokr-demilight.woff2) format('woff2'),/*C*/
		url(../font_hi/notokr-demilight.ttf) format('truetype');/*D*/
		url(../font_hi/notokr-demilight.svg) format('svg');/*E*/
}
@font-face {
font-family: "noto";
font-style: normal;
font-weight: 600;
src: local('notokr-medium'), local('notoKR-Medium'), local('NotoKR Medium');
src: url(../font_hi/notokr-medium.eot);/*A*/
src: url(../font_hi/notokr-medium.eot?#iefix) format('embedded-opentype'),/*B*/
		url(../font_hi/notokr-medium.woff) format('woff'),/*C*/
		url(../font_hi/notokr-medium.woff2) format('woff2'),/*C*/
		url(../font_hi/notokr-medium.ttf) format('truetype');/*D*/
		url(../font_hi/notokr-medium.svg) format('svg');/*E*/
}
@font-face {
font-family: "noto";
font-style: normal;
font-weight: 800;
src: local('notokr-black'), local('notoKR-Black'), local('NotoKR Black');
src: url(../font_hi/notokr-black.eot);/*A*/
src: url(../font_hi/notokr-black.eot?#iefix) format('embedded-opentype'),/*B*/
		url(../font_hi/notokr-black.woff) format('woff'),/*C*/
		url(../font_hi/notokr-black.woff2) format('woff2'),/*C*/
		url(../font_hi/notokr-black.ttf) format('truetype');/*D*/
		url(../font_hi/notokr-black.svg) format('svg');/*E*/
}
@font-face {
font-family: "noto";
font-style: normal;
font-weight: 700;
src: local('notokr-bold'), local('notoKR-Bold'), local('NotoKR Bold');
src: url(../font_hi/notokr-bold.eot);/*A*/
src: url(../font_hi/notokr-bold.eot?#iefix) format('embedded-opentype'),/*B*/
		url(../font_hi/notokr-bold.woff) format('woff'),/*C*/
		url(../font_hi/notokr-bold.woff2) format('woff2'),/*C*/
		url(../font_hi/notokr-bold.ttf) format('truetype');/*D*/
		url(../font_hi/notokr-bold.svg) format('svg');/*E*/
}

/* S-Core 글꼴의 지적 재산권은 (주)에스코어에 있습니다. 출처 : http://www.s-core.co.kr/who-we-are/font/ */

@font-face {
font-family: 'sc';
src: url(../font_hi/score/scdream1.ttf) format('truetype'), 
	 url(../font_hi/score/scdream1.woff2) format('woff2'),
	 url(../font_hi/score/scdream1.woff) format('woff');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'sc';
src: url(../font_hi/score/scdream2.ttf) format('truetype'), 
	 url(../font_hi/score/scdream2.woff2) format('woff2'),
	 url(../font_hi/score/scdream2.woff) format('woff');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'sc';
src: url(../font_hi/score/scdream3.ttf) format('truetype'), 
 	url(../font_hi/score/scdream3.woff2) format('woff2'),
	 url(../font_hi/score/scdream3.woff) format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'sc';
src: url(../font_hi/score/scdream4.ttf) format('truetype'), 
     url(../font_hi/score/scdream4.woff2) format('woff2'),
	 url(../font_hi/score/scdream4.woff) format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'sc';
src: url(../font_hi/score/scdream5.ttf) format('truetype'), 
     url(../font_hi/score/scdream5.woff2) format('woff2'),
	 url(../font_hi/score/scdream5.woff) format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'sc';
src: url(../font_hi/score/scdream6.ttf) format('truetype'), 
     url(../font_hi/score/scdream6.woff2) format('woff2'),
	 url(../font_hi/score/scdream6.woff) format('woff');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'sc';
src: url(../font_hi/score/scdream7.ttf) format('truetype'), 
     url(../font_hi/score/scdream7.woff2) format('woff2'),
	 url(../font_hi/score/scdream7.woff) format('woff');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'sc';
src: url(../font_hi/score/scdream8.ttf) format('truetype'), 
     url(../font_hi/score/scdream8.woff2) format('woff2'),
	 url(../font_hi/score/scdream8.woff) format('woff');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'sc';
src: url(../font_hi/score/scdream9.ttf) format('truetype'), 
     url(../font_hi/score/scdream9.woff2) format('woff2'),
	 url(../font_hi/score/scdream9.woff) format('woff');
font-weight: 900;
font-style: normal;
}





/* */
BODY {font-size:13px; color:#666666; font-family: 'Montserrat', "noto", 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*/
nav {margin:0;}
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;
}
ol,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}
A:link {color: #444444; text-decoration:none}
A:visited {color: #444444; text-decoration:none}
A:active {color: #444444; text-decoration:none}
A:hover {color: #444444; text-decoration:none}

.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;
}
/*기본 버튼 끝*/

/* 회원가입 */
#join_form {
	width:100%;
	border-top:2px solid #71c1d2;
	border-bottom:2px solid #cbcdc9;
}

#join_form > thead > tr > th {
	background:#f2f2f2;
	border-bottom:2px solid #cbcdc9;
	padding:10px;
	font-weight:normal;
}

#join_form > thead > tr > td {
	text-align:left;
}

#join_form > tbody {
	border-top:2px solid #71c1d2;
}

#join_form > tbody > tr {
	border-bottom:1px solid #e1e1e1;
}

#join_form > tbody > tr > th {
	background-color:#f5f5f5; 
	text-align:left;
	padding:15px 25px;
	font-size:16px;
	font-weight:600;
	font-family:'noto';
	color:#111;
}
#join_form > tbody > tr > td {
	background-color:#FFFFFF; 
	text-align:left;
	padding:15px;
	font-size:15px;
	color:#333;
}
#join_form > tfoot > tr > th {
	background-color:#f5f5f5; 
	text-align:left;
	padding:15px;
	font-size:15px;
}
#join_form > tfoot > tr > td {
	background-color:#FFFFFF; 
	text-align:left;
	padding:15px;
	font-size:15px;
}
#join_form .input1 {
	width:60px;
}
#join_form .input2 {
	width:90px;
}
#join_form .input3 {
	width:450px;
}
#join_form .input4 {
	width:300px;
}
#join_form tbody tr td font {
	padding:0 0 0 10px;
}
.important {
	color:#333;
	font-size:16px;
	font-weight:600;
	margin:0 0 5px 0;
	font-family:'noto';
}

/* 회원가입 */

/* 로그인*/
#login_form {
	width:100%;
}

#login_form table {
	width:350px;
	margin:0 auto;

}

#login_form .login_box {
	*zoom:1;
	width:80%;
	margin:0 auto;
	border-top:1px solid #ddd;
}
#login_form .login_box:after  {
	display:block;
	content:"";
	clear:both;
}
#login_form .login_box > div {
	width:100%; 
	box-sizing:border-box;
}
#login_form .login_box .login_left {
	text-align:center;
	padding:30px 0 ;
}
#login_form .login_box .login_left img {
	width:300px;
}
#login_form .login_box .login_right {
	text-align:center;
}
#login_form .login_box .login_right h4 {
	width:100%;
	background:#183c6f;
	color:#fff;
	line-height:50px;
	padding:0 0 0 20px;
	box-sizing:border-box;
	font-size:20px;
	font-weight:600;
}
#login_form .login_box .login_right div.label {
	padding:25px 0;
}
#login_form .login_box .login_right label {
	margin:0 50px 0 0;
	font-size:18px;
	color:#111;
	font-weight:600;
	line-height:20px;
}
#login_form .login_box .login_right label:last-child {
	margin:0;
}
#login_form .login_box .login_right label input {
	margin:0 10px 0 0;
}
#login_form table > tbody {
	background-image:url(/images/common/dot.png);
	background-position:left bottom;
	background-repeat:repeat-x;
}

#login_form table > tbody > tr > td > dl > dt {
	float:left;
	text-align:center;
	font-weight:bold;
	padding:5px 10px;
}

#login_form table > tbody > tr > td > dl > dd {
	text-align:right;
	padding:5px 10px;
}

#login_form table > tbody > tr > td > dl > dd > input {
	width:150px;
	border:1px solid #cccccc;
	background-color:#FFFFFF;
	height:20px;
	vertical-align:middle;
	padding:0px 5px 2px 5px;
}

#login_form table > tfoot > tr > td > dl > dt {
	float:left;
	text-align:center;
	font-weight:bold;
	padding:5px 10px;
}

#login_form table > tfoot > tr > td > dl > dd {
	padding:5px 10px;
}

#btn_login {
	background-color:#183c6f;
	display:inline-block;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	width:150px; 
	height:35px; 
	line-height:35px; 
	border-radius:35px;
	text-align:center;
	cursor:pointer;

}
#btn_login:hover {
	-webkit-transition:background-color 0.5s, -webkit-transform 1s;
	transition:background-color 0.5s, transform 1s;
	
	background-color:#416ba6;
}
/*로그인 끝*/

/*관리자*/
#member_list {
	width:100%;
	border-bottom:2px solid #cbcdc9;
	text-align:center;
	
}

#member_list > tbody {
	border-top:2px solid #23549b;
	
}

#member_list > tbody > tr:first-child {
	height:38px;
	background:url(/images/common/board_bg.jpg) center top repeat-x;
	border-bottom:none;
}

#member_list > tbody > tr > th {
	padding:3px 6px;
}

#member_list > tbody > tr {
	border-bottom:1px solid #e1e1e1;
}

#member_list > tbody > tr > td {
	height:20px;
	padding:0;
}

#member_field {
	width:100%;
	background:url(/images/common/board_bg.jpg) center top repeat-x;
	border-top:2px solid #23549b;
	border-bottom:2px solid #cbcdc9;
	text-align:center;
}

#member_field > thead {
	height:38px;
	
}

#member_field > tbody > tr > th {
	background-color:#f1f1f1;
	padding:5px 6px;
	width:150px;
}

#member_field > tbody > tr {
	border-bottom:1px solid #e1e1e1;
}

#member_field > tbody > tr > td {
	padding:0;
}

#member_field > tbody > tr > td > ul {
	line-height:160%;
	margin:10px 10px 10px 20px;
}

#member_field > tbody > tr > td > ul > li {
	float:left;
	margin-right:15px;
}

#member_field > tbody > tr > td > ul:after{content:""; display:block; float:none; clear:both;}


/* 게시판 */

#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;
}
#check_text dt {
	background:url(/images/common/chk_text_bg.jpg) no-repeat;
	width:100px;
	height:30px;
	text-align:center;
	padding:10px 10px 0px 0px;
	float:left;
	} 
#check_text dd {
	padding:8px 0px 0px 10px;
	}
	
#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;
}



/* GALLERY_2 */
.pic{
	float:left;
	margin:0 0 20px 30px !important;
	border:1px solid #ccc !important;
	width:190px !important;
	height:120px !important;
}
.pic > img {
	float:right;
	margin:4px;
	cursor:pointer;
}

.pic a{
	width:200px !important;
	height:130px !important;
	text-indent:-99999px;
	display:block;
}


#mask {  
	position:absolute;  
	z-index:9000;  
	background-color:#000;  
	display:none;  
	left:0;
	top:0;
}
.purpose{
	display: none;
	position:absolute;
	z-index:10000;
	left:50%;
	top:50%;
	text-align:center;
	width:700px;
	height:400px;
	background:url('../images/common/pop_bg.jpg') 0 0 no-repeat;
	line-height: 25px;
}




/**** mobile layout *************************************************************************************************************/
@media screen and (max-width:640px) {

	/* 회원가입 */

	#join_form > tbody > tr > th {
		padding:8px;
		font-size:16px;
		font-weight:600;
		font-family:'noto';
		color:#111;
	}
	#join_form > tbody > tr > td {
		padding:8px;
		font-size:13px;
	}
	#join_form > tfoot > tr > th {
		padding:8px;
		font-size:12px;
	}
	#join_form > tfoot > tr > td {
		background-color:#FFFFFF; 
		text-align:left;
		padding:15px;
		font-size:15px;
	}
	.important {
		font-size:15px;
	}
	#join_form .input1 {
		width:50px;
	}
	#join_form .input2 {
		width:70px;
	}
	#join_form .input3 {
		width:90%;
	}
	#join_form .input4 {
		width:70%;
	}
	#join_form tbody tr td font {
		padding:5px 0 0 0;
		display:block;
	}


/* 로그인*/

#login_form table {
	width:350px;
	margin:0 auto;

}
#login_form .login_box {
	width:95%;
}

#login_form .login_box .login_left {
	text-align:center;
	padding:30px 0 ;
}
#login_form .login_box .login_left img {
	width:100%;
	max-width:300px;
}
#login_form .login_box .login_right h4 {
	padding:0;
}
/*로그인 끝*/



}