@charset "euc-kr";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); 

body,th,td,input,select,textarea,button {margin:0;padding:0;font-size:13px;font-family:'Nanum Gothic','맑은고딕',Dotum,'돋움',AppleSDGothicNeo,sans-serif, '?뗭?', dotum, sans-serif;color:#2f2f2f}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
a {color:#2f2f2f;text-decoration:none}
fieldset,img {border:0 none;margin:0;padding:0;}
dl,ul,ol,menu,li {list-style:none}
img {vertical-align:top}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
/*
label, input, button, select  {vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*/
input[type=text], 
input[type=password], 
input[type=submit], 
input[type=image], 
button {border:1px solid #e7e7e7;border-radius:0;font-size:1em;-webkit-appearance:none}

textarea {border-radius:0;-webkit-appearance:none}
i{font-weight:normal;font-style:normal;}

input[type="text"]    {vertical-align: middle;	height: 28px;	padding: 0 5px;	border: 1px solid #e4e4e4;	background: #fff;	margin: 2px 0;}
input[type="password"]{vertical-align: middle;	height: 28px;	padding: 0 5px;	border: 1px solid #e4e4e4;	background: #fff;	margin: 2px 0;}
input[type="button"]{vertical-align: middle;	height: 28px;	padding: 5px;	border: 1px solid #c5c3c3;	background: #ebebeb;	margin: 2px 0;cursor:pointer; }

button{border:0;background-color:transparent;cursor:pointer}
button.button2{vertical-align: middle;height: 26px;	padding: 5px;	border: 1px solid #1956b1;color:#fff;	background: #1968dd;	margin: 2px 0;cursor:pointer; }
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400}

caption, legend {
	visibility: hidden;
	width: 0px;
	height: 0px;
	line-height: 0;
	font-size: 0px;
	overflow: hidden;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* 기본 */
/* 
a:visited { color:#666666; text-decoration: none;  font-size: 9pt;  }
a:link    { color:#666666; text-decoration: none;  font-size: 9pt; }
a:active  { color:#666666; text-decoration: none;  font-size: 9pt; }
a:hover   { color:#000000; text-decoration: underline;  font-size: 9pt; }
 */
.link2 {font-size:9pt; color:#FF4F0E; font-family: "굴림", "돋움체", "sans-serif", "Verdana";  line-height:100%;}
a.link2:link {font-size:9pt; color:#1395A5; text-decoration:none;  line-height:100%;}
a.link2:visited {font-size:9pt; color:#1395A5; text-decoration:none;  line-height:100%;}
a.link2:hover {font-size:9pt; color:#000000; text-decoration:normal;  line-height:100%;}


.text01 {font-size:12px;   color:#756B6B; font-family: '돋음', '돋움체', 'tahoma', 'sans-serif', 'Verdana'; line-height:150%;}
.text01b {font-size:12px;  color:#756B6B; font-family: '돋음', '돋움체', 'tahoma', 'sans-serif', 'Verdana'; line-height:150%;font-weight: bold;}
.text02 {font-size:12px;   color:#80B517; font-family: '돋음', '돋움체', 'tahoma', 'sans-serif', 'Verdana'; font-weight: bold; line-height:150%;}

/**박스*/
.box {background-color:#ffffff; border:#C3AF89 1px solid; FONT-SIZE: 9pt;  COLOR: #808080;}
.box2 {background-color:#F2F2F2; border:#F2F2F2 1px solid; FONT-SIZE: 9pt;  COLOR: #808080;}


/**기본베이스*/
.text0 {font-size:10pt;	color:#ffffff;	font-family: "굴림", "돋움체", "sans-serif", "Verdana"; font-weight: bold;}
.text {font-size:9pt;	color:#666666;	font-family: "굴림", "돋움체", "sans-serif", "Verdana"; line-height:150%;}
.style1 { color: #FF6600;font-family: "굴림", "돋움체", "sans-serif", "Verdana";  font-weight: bold;}
.style12 { color: #006B5B;	font-family: "굴림", "돋움체", "sans-serif", "Verdana"; font-weight: bold;}
.style13 { color: #000000;	font-family: "굴림", "돋움체", "sans-serif", "Verdana";  font-weight: bold;}
.style15 {color: #FF6600}
.style16 { color: #FF4F0E; font-family: "굴림", "돋움체", "sans-serif", "Verdana";  font-weight: bold;}
.text2 { font-size: 11pt; font-family: "굴림", "돋움체", "sans-serif", "Verdana"; font-style: normal; line-height: normal; color: #ffffff; text-decoration: none; padding-left:0px; line-height:150%;}


/**게시판글링크*/

.board {font-size:9pt;	color:#676767;	font-family: "굴림", "돋움체", "sans-serif", "Verdana";}
a.board:link {font-size:9pt; color:#676767; text-decoration:none;}
a.board:visited {font-size:9pt; color:#676767; text-decoration:none;}
a.board:hover {font-size:9pt; color:#000000; text-decoration:underline;}

.title {font-size:13pt; color:#000000; font-family: "굴림", "돋움체", "sans-serif", "Verdana"; font-weight: bold;}
.title2 {font-size:13pt; color:#A69D79; font-family: "굴림", "돋움체", "sans-serif", "Verdana"; font-weight: bold;}
.title3 {font-size:9pt; color:#5F5F5F; font-family: "굴림", "돋움체", "sans-serif", "Verdana"; font-weight: bold;}


.cyboard_table_list {width:100%; border-collapse: collapse; border-bottom: 1px solid #bd7e6a;}
.cyboard_table_list th {color: #404040; height:30px;font-size: 12px; padding: 5px 6px; font-weight: bold; text-align: center; vertical-align: middle; color: #4c689c;  background: #fcf8f1; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede;border-top: 2px solid #f96c40;} 
.cyboard_table_list th:last-child{border-right:none;}
.cyboard_table_list td {height:30px;border-width: 0 0 1px 0; padding: 3px 6px; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; color: #666666; font-size: 12px; text-align: left; }
.cyboard_table_list td img {display: inline-block; vertical-align: middle;}
.cyboard_table_list td:last-child{border-right:none;}
.cyboard_table_list td.left {text-align:left; }
.cyboard_table_list td.center {text-align:center; }
.cyboard_table_list td.right {text-align:right; }

.cyboard_table_view {width:100%; border-collapse: collapse; border-bottom: 1px solid #e6e6e6;border-top: 2px solid #f96c40;}
.cyboard_table_view th {color: #404040; height:30px;font-size: 12px; padding: 5px 6px; font-weight: bold; text-align: center; vertical-align: middle; color: #4c689c;  background: #fff; border-bottom: 1px solid #ddd; } 
.cyboard_table_view td {height:30px;border-width: 0 0 1px 0; padding: 3px 6px; border-bottom: 1px solid #dedede; color: #666666; font-size: 12px; text-align: left; }
.cyboard_table_view td img {display: inline-block; vertical-align: middle;}
.cyboard_table_view td input[type="text"]{vertical-align: middle;	height: 28px;	padding: 0 5px;	border: 1px solid #e4e4e4;	background: #fff;	margin: 2px 0;}
.cyboard_table_view td.left {text-align:left; }
.cyboard_table_view td.center {text-align:center; }
.cyboard_table_view td.right {text-align:right; }


.cyboard_default_list {width:100%; border-collapse: collapse; border-bottom: 1px solid #bd7e6a;}
.cyboard_default_list th {color: #404040; height:30px;font-size: 12px; padding: 5px 6px; font-weight: bold; text-align: center; vertical-align: middle; color: #4c689c;  background: #fcf8f1; border: 1px solid #dedede; border-top: 2px solid #f96c40;} 
.cyboard_default_list td {height:30px;border-width: 0 0 1px 0; padding: 3px 6px; border: 1px solid #dedede; color: #666666; font-size: 12px; text-align: left; }
.cyboard_default_list td img {display: inline-block; vertical-align: middle;}
.cyboard_default_list td.left {text-align:left; }
.cyboard_default_list td.center {text-align:center; }
.cyboard_default_list td.right {text-align:right; }

.cyboard_default_view {width:100%; border-collapse: collapse; border-bottom: 1px solid #e6e6e6;border-top: 2px solid #f96c40;}
.cyboard_default_view th {color: #404040; height:30px;font-size: 12px; padding: 5px 6px; font-weight: bold; text-align: center; vertical-align: middle; background: #fff; border: 1px solid #ddd; } 
.cyboard_default_view td {height:30px;border-width: 0 0 1px 0; padding: 3px 6px; border: 1px solid #dedede; color: #666666; font-size: 12px; text-align: left; }
.cyboard_default_view td img {display: inline-block; vertical-align: middle;}
.cyboard_default_view td input[type="text"]{vertical-align: middle;	height: 28px;	padding: 0 5px;	border: 1px solid #e4e4e4;	background: #fff;	margin: 2px 0;}
.cyboard_default_view td.left {text-align:left; }
.cyboard_default_view td.center {text-align:center; }
.cyboard_default_view td.right {text-align:right; }

/* 게시판-갤러리*/
.gallerybox{clear:both;position:relative;width:100%;padding:30px 0 70px 0;}
.gallerybox .gallery{position:relative;float:left;width:260px;height:265px;float:left;border:1px solid #dfdfe1; border-bottom:1px solid #c9cacc; background:#fff; margin:0 17px 17px 0;}
.gallerybox .mgr0{margin-right:0;}
.gallerybox .gallery h4{font-size:18px;  font-weight:normal; letter-spacing:-1px;color:#333;padding:28px 0 12px 20px;}
.gallerybox .gallery p{font-size:12px; font-weight:normal;color:#666;line-height:17px;width:95%;width:221px;height:54px;padding-left:20px;overflow:hidden;}
.gallerybox .gallery .img_box{width:222px;height:160px; border:0px solid #edeeef;margin:15px 15px;text-align:center}
.gallerybox .gallery .img_box img{padding:2px;}
.gallerybox .gallery .img_box img.guide{width:218px;height:221px}
.gallerybox .gallery ul{clear:both;overflow:hidden;margin:10px 14px;padding-top:10px;}
.gallerybox .gallery ul li{float:left;padding:0 6px 0 6px;font-weight:normal;font-size:13px;line-height:27px;}
.gallerybox .gallery ul li a{color:#666;}
.gallerybox .gallery .lnone{background:none;padding-left:0;}
.gallerybox .gallery .box_more{position:absolute;float:right;top:6px; left:20px;}

.gallerybox .gallery dl{clear:both;overflow:hidden;margin:10px 20px;padding-top:14px;text-align:center;}
.gallerybox .gallery dt{ font-weight:normal;font-size:15px;line-height:27px;letter-spacing:-1px;padding-bottom:5px;overflow:hidden;}
.gallerybox .gallery dd{font-weight:normal;font-size:13px;color:#666;letter-spacing:-1px;}

/* 페이징 네비게이션 시작*/
.page_nav {	clear: both; 	text-align: center; 	padding-bottom: 0;	margin-top: 30px;	padding-bottom: 45px;}
.page_nav a {	display: block;	display: inline-block; 	line-height: 30px; 	min-width: 24px; 	height: 30px; 	padding: 0 3px;	margin: 0 2px;	color: #4c4c50;	border: 1px solid #c5c7cc; 	vertical-align: middle; 	background: #fff;	font-family: Verdana, "돋움", Dotum, sans-serif;}
.page_nav a:hover {	border: 1px solid #636363; 	color: #fff;	background: #636363;	font-family: Verdana, "돋움", Dotum, sans-serif;	text-decoration: none;}
.page_nav strong {	display: block;	display: inline-block; 	line-height: 30px; 	min-width: 24px; 	height: 30px; 	padding: 0 3px; 	margin: 0 2px;	border: 1px solid #636363; 	color: #fff; 	font-family: Verdana, "돋움", Dotum, sans-serif;	vertical-align: middle;	background: #636363;}
.page_nav a.btn-first {	text-indent: -5000em;	background: #fff url(/cyboard/img/btn_pageFirst.png) no-repeat center center;	background-size: 12px 10px;}
.page_nav a.btn-preview {	text-indent: -5000em; background: #fff url(/cyboard/img/btn_pagePrev.png) no-repeat center center;	background-size: 6px 10px;}
.page_nav a.btn-next {text-indent: -5000em; background: #fff url(/cyboard/img/btn_pageNext.png) no-repeat center center;	background-size: 6px 10px;}
.page_nav a.btn-last {text-indent: -5000em; background: #fff url(/cyboard/img/btn_pageLast.png) no-repeat center center;	background-size: 12px 10px;}
.page_nav a.btns {}
.page_nav a.btns img {	display: inline-block;	vertical-align: middle;	padding-top: 12px;}
.page_nav a.btns:hover {	border: 1px solid #636363; 	color: #4c4c50;	background: #fff;	font-family: Verdana, "돋움", Dotum, sans-serif;	text-decoration: none;}
/* 페이징 네비게이션 끝*/

/*달력*/
.month_h {width:100%;padding:5px;}
.month_h h2{font-size:18px;}
.month_h img {display: inline-block; vertical-align: middle;}
.month_t {width:100%; border-collapse: collapse; border: 2px solid #6883a5;}
.month_t tr {  } /* colgroup 으로 td 스타일제어하려면 tr에 정의  */
.month_t th{padding: 5px 6px; border-width: 0;}
.month_t thead, .month_t tfoot {}
.month_t thead th {color: #404040; height:30px;font-size: 14px; padding: 5px 6px; font-weight: bold; text-align: center; vertical-align: middle; color: #fff;  background: #97aecb; border-right: 1px solid #c1cee0;border-bottom: 1px solid #6883a5;} 
.month_t td {height:80px;width:14%;border-width: 0 0 1px 0; padding: 3px 3px; border: 1px solid #b2c4dc; color: #434e5b; font-size: 12px; text-align: left; border: 1px solid #dedede;vertical-align:top }
.month_t td ul{margin:0;padding:0;line-height:150%;font-size: 11px; letter-spacing:-1px;}
.month_t td ul li{background:url(/cyboard/img/bul_latest.gif) no-repeat 0 6px;padding-left:5px;}
.month_t td h4{color: #77879b; }
.month_t td img {display: inline-block; vertical-align: middle;}
.month_t tbody td .point{font-size:20px;font-weight:bold;padding:10px; color: #ea4200;}
.month_t tbody td.bg_clear {border-left:none;border-right:none;background-color:#fff}
.month_t th.another_bg {background: #f1f4fa;}	

/* 마우스오버시 툴팁을 CSS로 처리 시작*/
a.tooltip {outline:none;}
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {z-index:10;display:none; padding:10px 10px; margin-top:-20px; margin-left:18px; line-height:16px;}
a.tooltip:hover span{display:inline; position:absolute; color:#111;border:1px solid #DCA; background:#fffAF0;}.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
a.tooltip span{border-radius:4px;box-shadow: 5px 5px 8px #CCC;}

.btn_board01 {
	background: #3e5d72; height: 26px; text-align: center; color: #fff; line-height: 26px; font-weight: normal; vertical-align: middle; display: inline-block;padding-left:15px;padding-right:15px; border-radius: 3px;
}
