@charset "UTF-8";

/* body */
body.main{}
body.sub{}
body.popup {background:none;padding:10px }


/*스킵네비게이션*/
#sknavi_div {float:left; margin-top:-200px;}
.sknavi {position:absolute ; top:-200px; z-index:100; }
.sknavi:focus, .sknavi:active {top:1px ; display:block ; width:130px ; height:20px ; }


/* 전체 그룹 */
#wrapper {width:100%; margin:0 auto; position:relative;min-width: 1000px; }
#wrapper:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}


/* 상단 */
#header_wrap{position:relative; width:100%; height:130px; padding:0; margin:0 auto; border-bottom:1px solid #d0d0d0; background-color: #fff; z-index:999}
#header{position:relative;width:1000px;height:93px;padding:0;margin:0 auto;}
#header .logo img {width:110px; vertical-align: middle;}
#header .logo span { vertical-align: middle; font-size:22px; }
#header .logo { width:262px; padding-top:33px; text-align:center; line-hgieht:1.0em; font-weight: 900; z-index:10;}



#gnb{ text-align:center;height:34px;}
#gnb > ul{float:right; list-style:none; ; padding:0; clear:both;}
#gnb > ul > li{float:left; padding:7px 10px; display:inline-block; background:url(/images/common/gnb_bg_line.png) left 50% no-repeat;background-color:#329393;color:#fff;font-size:13px; font-family:'NanumGothicWebBold';}
#gnb > ul > li.gnb_first{background:none; background-color:#44881d; }
#gnb > ul > li.gnb_second{background-color:#44881d}
#gnb > ul > li > a{color:#fff; text-decoration:none;}



#menuBox{position:absolute;right:0; top:40px; width:740px; height:53px; z-index:9;}
#menuBox ul#navi{top:14px; left:0px; width:700px; height:25px; float:right;}
#menuBox ul#navi > li {float:left; text-align:center;display:inline-block;width:100%;padding:0;text-align:center;font-size:22px;font-family:'NanumGothicWebBold'; color:#000;  cursor:pointer;}
#menuBox ul#navi > li.menu01{width:1%}
#menuBox ul#navi > li.menu02{width:22%}
#menuBox ul#navi > li.menu03{width:22%; }
#menuBox ul#navi > li.menu04{width:18%}
#menuBox ul#navi > li.menu05{width:23%; letter-spacing:-0.08em}
#menuBox ul#navi > li.menu06{width:14%}
/*#menuBox ul#navi > li > a{display:inline-block;width:100%;padding:0;text-align:center;font-size:18px;font-family:'NanumGothicWebBold';}
#menuBox ul#navi > li > a:hover{color:#0049a4;}*/

#all_menu{width:100%;border-bottom:1px solid #cfcfcf;background:#fafafa;z-index:901;margin:0px 0 0 0;padding:0; position:absolute; left:0; top:130px;  height:0px;  overflow:hidden; }
#all_menu:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.all_menu_sub{ margin:0 auto; width:1000px; padding:20px 0 10px 300px;border-right:1px solid #d9d9d9;background:url(/images/common/all_menu_bg.png) left bottom repeat-y;background-color:#fff; box-sizing:border-box; }
.all_menu_sub:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.all_menu_sub ul{float:left;}
.all_menu_sub ul.menu01{width:1%}
.all_menu_sub ul.menu02{width:22%}
.all_menu_sub ul.menu03{width:22%}
.all_menu_sub ul.menu04{width:18%}
.all_menu_sub ul.menu05{width:23%}
.all_menu_sub ul.menu06{width:14%}

.all_menu_sub ul:first-child{border-left:none;}
.all_menu_sub ul li{clear:both;margin:0;text-align:center; margin-bottom:10px;}
.all_menu_sub ul li a {font-family:'NanumGothicWebBold';text-align:center;color:#797979;}
.all_menu_sub ul li a:hover {color:#ff7508;font-family:'NanumGothicWebBold';}

/* 푸터 */
#footer {position:relative; width:100%; height:110px; margin:0 auto; padding:0; background:#777 ;;min-width: 1000px; }
.footer_wrap{width:1000px; margin:0 auto; padding:0}
.footer_wrap:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.footer_container {position:relative;width:1000px; margin:0 120px 0 0;padding:0;}
.footer_container:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.footer_container  .footer_navi {position:relative;width:100%; height:40px;vertical-align:top;border-bottom:1px solid #909090}
.footer_container  .footer_navi:after{display:block;clear:both;height:1px;margin-top:-1px;content:''} 
.footer_container  .footer_navi  ul {}
.footer_container  .footer_navi  ul:after {display: table;content: '';clear:both;}
.footer_container  .footer_navi  ul  li {float:left;margin:0;padding:13px 20px 0 20px ;height:30px;vertical-align:top;text-align:center;background:url('../../images/common/footer_navi_libg.png') right 15px no-repeat;}
.footer_container  .footer_navi > ul > li a{color:#dfdfdf;line-height:12px;font-family:'NanumGothicWebBold';font-size:13px;}
.footer_container  .footer_navi > ul > li:last-child {background:none;padding-right:0;}
.footer_container  .footer_navi > ul > li:first-child  {padding-left:0;}
.footer_container  .footer_navi > ul > li:first-child  a{color:#fdb913;}
.footer_container  .footer_info {position:relative;width:100%;padding-top:10px}
.footer_container  .footer_info > p{font-size:13px;color:#dfdfdf;line-height:20px;}
.footer_container  .footer_site {position:absolute;top:10px;right:0;width:200px;z-index:1}
.footer_container  .footer_site > form > select{background:#f4f4f4;border:1px solid #c4c4c4;font-size:12px;color:#666666;line-height:18px;height:24px}
/*
.footer_admin{position:absolute;top:10px;right:0;}
.footer_admin span {display:inline-block;font-size:11px;color:#fff; background:#71bf44;padding:2px 10px;text-align:center;}
*/

/* 버튼 */
button{
	display: inline-block;
	cursor: pointer;
	text-align: center;
	vertical-align:middle;
	text-decoration: none;
	font-size: 12px;
	padding: 4px 8px 4px 8px;
	border-radius: 3px;
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.3);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,.3);
	box-shadow: #999 0px 1px 1px;
	-webkit-box-shadow: #999 0px 1px 1px;
	-moz-box-shadow: #999 0px 1px 1px;
	border: solid 1px #0096db;
	color: #fff;
	background: #0096db;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #00b0ff),
		color-stop(1, #0096db)
	);
	background-image: -o-linear-gradient(bottom, #00b0ff 0%, #0096db 100%);
	background-image: -moz-linear-gradient(bottom, #00b0ff 0%, #0096db 100%);
	background-image: -webkit-linear-gradient(bottom, #00b0ff 0%, #0096db 100%);
	background-image: -ms-linear-gradient(bottom, #00b0ff 0%, #0096db 100%);
	background-image: linear-gradient(to bottom, #00b0ff 0%, #0096db 100%);
}
button:hover, button:active {
	position: relative;
	border: solid 1px #003b94;
	color: #fff;
	background: #003b94;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #0061ba),
		color-stop(1, #003b94)
	);
	background-image: -o-linear-gradient(bottom, #0061ba 0%, #003b94 100%);
	background-image: -moz-linear-gradient(bottom, #0061ba 0%, #003b94 100%);
	background-image: -webkit-linear-gradient(bottom, #0061ba 0%, #003b94 100%);
	background-image: -ms-linear-gradient(bottom, #0061ba 0%, #003b94 100%);
	background-image: linear-gradient(to bottom, #0061ba 0%, #003b94 100%);
}
.button {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	margin:0px 3px 0px 3px;
	padding: 2px 8px 2px 8px;
	border-radius: 4px;
	box-shadow: #999 0px 1px 1px;
	-webkit-box-shadow: #999 0px 1px 1px;
	-moz-box-shadow: #999 0px 1px 1px;
	border: solid 1px #0096db;
	color: #fff;
	background: #0096db;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #00b0ff),
		color-stop(1, #0096db)
	);
	background-image: -o-linear-gradient(bottom, #00b0ff 0%, #0096db 100%);
	background-image: -moz-linear-gradient(bottom, #00b0ff 0%, #0096db 100%);
	background-image: -webkit-linear-gradient(bottom, #00b0ff 0%, #0096db 100%);
	background-image: -ms-linear-gradient(bottom, #00b0ff 0%, #0096db 100%);
	background-image: linear-gradient(to bottom, #00b0ff 0%, #0096db 100%);
}
.button:hover, .button:active {
	position: relative;
	border: solid 1px #003b94;
	color: #fff;
	background: #003b94;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #0061ba),
		color-stop(1, #003b94)
	);
	background-image: -o-linear-gradient(bottom, #0061ba 0%, #003b94 100%);
	background-image: -moz-linear-gradient(bottom, #0061ba 0%, #003b94 100%);
	background-image: -webkit-linear-gradient(bottom, #0061ba 0%, #003b94 100%);
	background-image: -ms-linear-gradient(bottom, #0061ba 0%, #003b94 100%);
	background-image: linear-gradient(to bottom, #0061ba 0%, #003b94 100%);
}

.colH{
	color: #fff;
	border: solid 1px #365515;
	background: #5a8e22;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #5a8e22),
		color-stop(1, #49731c)
	);
	background-image: -o-linear-gradient(bottom, #5a8e22 0%, #49731c 100%);
	background-image: -moz-linear-gradient(bottom, #5a8e22 0%, #49731c 100%);
	background-image: -webkit-linear-gradient(bottom, #5a8e22 0%, #49731c 100%);
	background-image: -ms-linear-gradient(bottom, #5a8e22 0%, #49731c 100%);
	background-image: linear-gradient(to bottom, #5a8e22 0%, #49731c 100%);
}
.colH:hover,.colH:active {
	color: #fff;
	background: #365515;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #406518),
		color-stop(1, #365515)
	);
	background-image: -o-linear-gradient(bottom, #406518 0%, #365515 100%);
	background-image: -moz-linear-gradient(bottom, #406518 0%, #365515 100%);
	background-image: -webkit-linear-gradient(bottom, #406518 0%, #365515 100%);
	background-image: -ms-linear-gradient(bottom, #406518 0%, #365515 100%);
	background-image: linear-gradient(to bottom, #406518 0%, #365515 100%);
}
.colW{
	color: #333;
	border: solid 1px #b6b6b6;
	background: #f7f7f7;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #f7f7f7),
		color-stop(1, #f2f2f2)
	);
	background-image: -o-linear-gradient(bottom, #f7f7f7 0%, #f2f2f2 100%);
	background-image: -moz-linear-gradient(bottom, #f7f7f7 0%, #f2f2f2 100%);
	background-image: -webkit-linear-gradient(bottom, #f7f7f7 0%, #f2f2f2 100%);
	background-image: -ms-linear-gradient(bottom, #f7f7f7 0%, #f2f2f2 100%);
	background-image: linear-gradient(to bottom, #f7f7f7 0%, #f2f2f2 100%);
}
.colW:hover, .colW:active {
	color: #333;
	background: #b6b6b6;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #dfdfdf),
		color-stop(1, #b6b6b6)
	);
	background-image: -o-linear-gradient(bottom, #dfdfdf 0%, #b6b6b6 100%);
	background-image: -moz-linear-gradient(bottom, #dfdfdf 0%, #b6b6b6 100%);
	background-image: -webkit-linear-gradient(bottom, #dfdfdf 0%, #b6b6b6 100%);
	background-image: -ms-linear-gradient(bottom, #dfdfdf 0%, #b6b6b6 100%);
	background-image: linear-gradient(to bottom, #dfdfdf 0%, #b6b6b6 100%);
}
.colG{
	color: #fff;
	border: solid 1px #3f3f3f;
	background: #6b6b6b;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #6b6b6b),
		color-stop(1, #5c5c5c)
	);
	background-image: -o-linear-gradient(bottom, #6b6b6b 0%, #5c5c5c 100%);
	background-image: -moz-linear-gradient(bottom, #6b6b6b 0%, #5c5c5c 100%);
	background-image: -webkit-linear-gradient(bottom, #6b6b6b 0%, #5c5c5c 100%);
	background-image: -ms-linear-gradient(bottom, #6b6b6b 0%, #5c5c5c 100%);
	background-image: linear-gradient(to bottom, #6b6b6b 0%, #5c5c5c 100%);
}
.colG:hover, .colG:active {
	color: #fff;
	background: #3f3f3f;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #4f4f4f),
		color-stop(1, #3f3f3f)
	);
	background-image: -o-linear-gradient(bottom, #4f4f4f 0%, #3f3f3f 100%);
	background-image: -moz-linear-gradient(bottom, #4f4f4f 0%, #3f3f3f 100%);
	background-image: -webkit-linear-gradient(bottom, #4f4f4f 0%, #3f3f3f 100%);
	background-image: -ms-linear-gradient(bottom, #4f4f4f 0%, #3f3f3f 100%);
	background-image: linear-gradient(to bottom, #4f4f4f 0%, #3f3f3f 100%);
}
/*
.colB{
	color: #fff;
	border: solid 1px #3f3f3f;
	background-color: #666;	
}
.colB:hover, .colG:active {
	color: #fff;
	background-color: #666;	
}
*/
.round {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	border-radius: 1.2em;
	box-shadow: #999 0px 1px 1px;
	-webkit-box-shadow: #999 0px 1px 1px;
	-moz-box-shadow: #999 0px 1px 1px;
}
.square {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	border-radius: 1px;
	box-shadow: #999 0px 1px 1px;
	-webkit-box-shadow: #999 0px 1px 1px;
	-moz-box-shadow: #999 0px 1px 1px;
}
.sizeB {
	display: inline-block;
	font-size: 16px;
	margin:0px 3px 0px 3px;
	padding: 8px 18px 8px 18px;
	border-radius: 4px;
}

.login_bt{font-size:14px;font-weight:bold;font-family:verdana}
button a{color:#fff;} 
.button a{color:#fff;}

button{line-height:14px}

/* 버튼사이즈 - 가로 : 유동적 / 세로 : 20px  / 폰트 : 11px */
.buttonD, .buttonD span, .buttonD a{position:relative; margin:0; display:-moz-inline-stack;display:inline-block;cursor:pointer;text-decoration:none !important; border:0;background:url(../../images/sub/btn_gray.png) no-repeat; overflow:visible;font-family:dotum, '돋움';font-size:11px;line-height:11px;color:#fff;white-space:nowrap; }
.buttonD{height:20px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.buttonD span, .buttonD a{left:2px; cursor:pointer;font-family:dotum, '돋움';font-size:11px;line-height:11px;color:#fff; background-position:right top;}
.buttonD span, .buttonD a{vertical-align:top; height:15px; padding:5px 10px 0 8px;}

.buttonD.gray {background:url(../../images/sub/btn_gray.png) no-repeat; }
.buttonD.gray span, .buttonD.gray a{background:url(../../images/sub/btn_gray.png) no-repeat;background-position:right top;}
.buttonD.lgray {background:url(../../images/sub/btn_lgray.png) no-repeat; }
.buttonD.lgray span, .buttonD.lgray a{background:url(../../images/sub/btn_lgray.png) no-repeat;background-position:right top;}
.buttonD.red {background:url(../../images/sub/btn_red.png) no-repeat; }
.buttonD.red span, .buttonD.red a{background:url(../../images/sub/btn_red.png) no-repeat;background-position:right top;}
.buttonD.blue {background:url(../../images/sub/btn_blue.png) no-repeat; }
.buttonD.blue span, .buttonD.blue a{background:url(../../images/sub/btn_blue.png) no-repeat;background-position:right top;}
.buttonD.navy {background:url(../../images/sub/btn_navy.png) no-repeat; }
.buttonD.navy span, .buttonD.navy a{background:url(../../images/sub/btn_navy.png) no-repeat;background-position:right top;}
.buttonD.orange {background:url(../../images/sub/btn_orange.png) no-repeat; }
.buttonD.orange span, .buttonD.orange a{background:url(../../images/sub/btn_orange.png) no-repeat;background-position:right top;}
.buttonD.sky {background:url(../../images/sub/btn_sky.png) no-repeat; }
.buttonD.sky span, .buttonD.sky a{background:url(../../images/sub/btn_sky.png) no-repeat;background-position:right top;color:#fff;}
.buttonD.ygreen {background:url(../../images/sub/btn_ygreen.png) no-repeat; }
.buttonD.ygreen span, .buttonD.ygreen a{background:url(../../images/sub/btn_ygreen.png) no-repeat;background-position:right top;color:#fff;}
.buttonD.white {background:url(../../images/sub/btn_white.png) no-repeat; }
.buttonD.white span, .buttonD.white a{background:url(../../images/sub/btn_white.png) no-repeat;background-position:right top;color:#555;}

/* 버튼사이즈 - 가로 : 유동적 / 세로 : 34px  / 폰트 : 11px */
.buttonR, .buttonR span, .buttonR a{position:relative; margin:0; display:-moz-inline-stack;display:inline-block;cursor:pointer;text-decoration:none !important; border:0;background:url(../../images/sub/btn_grayR.png) no-repeat; overflow:visible;font-family:dotum, '돋움';font-size:12px;line-height:12px;color:#fff;white-space:nowrap; }
.buttonR{height:34px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.buttonR span, .buttonR a{left:2px; cursor:pointer;font-family:dotum, '돋움';font-size:12px;font-weight:bold;line-height:12px;color:#fff; background-position:right top;}
.buttonR span, .buttonR a{vertical-align:top; height:23px; padding:11px 10px 0 8px;}

.buttonR.gray {background:url(../../images/sub/btn_grayR.png) no-repeat; }
.buttonR.gray span, .buttonR.gray a{background:url(../../images/sub/btn_grayR.png) no-repeat;background-position:right top;}
.buttonR.lgray {background:url(../../images/sub/btn_lgrayR.png) no-repeat; }
.buttonR.lgray span, .buttonR.lgray a{background:url(../../images/sub/btn_lgrayR.png) no-repeat;background-position:right top;}
.buttonR.red {background:url(../../images/sub/btn_redR.png) no-repeat; }
.buttonR.red span, .buttonR.red a{background:url(../../images/sub/btn_redR.png) no-repeat;background-position:right top;}
.buttonR.blue {background:url(../../images/sub/btn_blueR.png) no-repeat; }
.buttonR.blue span, .buttonR.blue a{background:url(../../images/sub/btn_blueR.png) no-repeat;background-position:right top;}
.buttonR.navy {background:url(../../images/sub/btn_navyR.png) no-repeat; }
.buttonR.navy span, .buttonR.navy a{background:url(../../images/sub/btn_navyR.png) no-repeat;background-position:right top;}
.buttonR.orange {background:url(../../images/sub/btn_orangeR.png) no-repeat; }
.buttonR.orange span, .buttonR.orange a{background:url(../../images/sub/btn_orangeR.png) no-repeat;background-position:right top;}
.buttonR.sky {background:url(../../images/sub/btn_skyR.png) no-repeat; }
.buttonR.sky span, .buttonR.sky a{background:url(../../images/sub/btn_skyR.png) no-repeat;background-position:right top;color:#fff;}
.buttonR.ygreen {background:url(../../images/sub/btn_ygreenR.png) no-repeat; }
.buttonR.ygreen span, .buttonR.ygreen a{background:url(../../images/sub/btn_ygreenR.png) no-repeat;background-position:right top;color:#fff;}
.buttonR.white {background:url(../../images/sub/btn_whiteR.png) no-repeat; }
.buttonR.white span, .buttonR.white a{background:url(../../images/sub/btn_whiteR.png) no-repeat;background-position:right top;color:#555;}

/* 버튼사이즈 - 가로 : 유동적 / 세로 : 34px  / 폰트 : 14px / 폰트 굵기 : bold */
.buttonH, .buttonH span, .buttonH a{position:relative; margin:0; display:-moz-inline-stack;display:inline-block;cursor:pointer;text-decoration:none !important; border:0;background:url(../../images/sub/btn_grayH.png) no-repeat; overflow:visible;font-family:dotum, '돋움';font-size:14px;line-height:14px;color:#fff;font-weight:bold;white-space:nowrap; }

.buttonH{height:34px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.buttonH span, .buttonH a{left:2px; cursor:pointer;font-family:dotum, '돋움';font-size:14px;line-height:14px;color:#fff;font-weight:bold;background-position:right top;}
.buttonH span, .buttonH a{vertical-align:top; height:25px; padding:9px 18px 0 16px;}

.buttonH.gray {background:url(../../images/sub/btn_grayH.png) no-repeat; }
.buttonH.gray span, .buttonH.gray a{background:url(../../images/sub/btn_grayH.png) no-repeat;background-position:right top;color:#fff;}
.buttonH.lgray {background:url(../../images/sub/btn_lgrayH.png) no-repeat; }
.buttonH.lgray span, .buttonH.lgray a{background:url(../../images/sub/btn_lgrayH.png) no-repeat;background-position:right top;color:#fff;}
.buttonH.red {background:url(../../images/sub/btn_redH.png) no-repeat; }
.buttonH.red span, .buttonH.red a{background:url(../../images/sub/btn_redH.png) no-repeat;background-position:right top;color:#fff;}
.buttonH.blue {background:url(../../images/sub/btn_blueH.png) no-repeat; }
.buttonH.blue span, .buttonH.blue a{background:url(../../images/sub/btn_blueH.png) no-repeat;background-position:right top;color:#fff;}
.buttonH.navy {background:url(../../images/sub/btn_navyH.png) no-repeat; }
.buttonH.navy span, .buttonH.navy a{background:url(../../images/sub/btn_navyH.png) no-repeat;background-position:right top;color:#fff;}
.buttonH.orange {background:url(../../images/sub/btn_orangeH.png) no-repeat; }
.buttonH.orange span, .buttonH.orange a{background:url(../../images/sub/btn_orangeH.png) no-repeat;background-position:right top;color:#fff;}
.buttonH.sky {background:url(../../images/sub/btn_skyH.png) no-repeat; }
.buttonH.sky span, .buttonH.sky a{background:url(../../images/sub/btn_skyH.png) no-repeat;background-position:right top;color:#fff;}
.buttonH.ygreen {background:url(../../images/sub/btn_ygreenH.png) no-repeat; }
.buttonH.ygreen span, .buttonH.ygreen a{background:url(../../images/sub/btn_ygreenH.png) no-repeat;background-position:right top;color:#fff;}
.buttonH.white {background:url(../../images/sub/btn_whiteH.png) no-repeat; }
.buttonH.white span, .buttonH.white a{background:url(../../images/sub/btn_whiteH.png) no-repeat;background-position:right top;color:#555;}

.buttonF, .buttonF span, .buttonF a{position:relative; margin:0; display:-moz-inline-stack;display:inline-block;cursor:pointer;text-decoration:none !important; border:0;background:url(../../images/sub/btn_gray.png) no-repeat; overflow:visible;font-family:dotum, '돋움';font-size:11px;line-height:11px;color:#fff;white-space:nowrap; }
.buttonF{width:60px;height:20px; padding:0; vertical-align:middle; background-position:left top;}
.buttonF span, .buttonF a{left:2px; cursor:pointer;font-family:dotum, '돋움';font-size:11px;line-height:11px;color:#fff; background-position:right top;}
.buttonF span, .buttonF a{vertical-align:top; height:15px; padding:5px 10px 0 8px;}

.buttonF.gray {background:url(../../images/sub/btn_gray.png) no-repeat; }
.buttonF.gray span, .buttonF.gray a{background:url(../../images/sub/btn_gray.png) no-repeat;background-position:right top;}
.buttonF.lgray {background:url(../../images/sub/btn_lgray.png) no-repeat; }
.buttonF.lgray span, .buttonF.lgray a{background:url(../../images/sub/btn_lgray.png) no-repeat;background-position:right top;}
.buttonF.red {background:url(../../images/sub/btn_red.png) no-repeat; }
.buttonF.red span, .buttonF.red a{background:url(../../images/sub/btn_red.png) no-repeat;background-position:right top;}
.buttonF.blue {background:url(../../images/sub/btn_blue.png) no-repeat; }
.buttonF.blue span, .buttonF.blue a{background:url(../../images/sub/btn_blue.png) no-repeat;background-position:right top;}
.buttonF.navy {background:url(../../images/sub/btn_navy.png) no-repeat; }
.buttonF.navy span, .buttonF.navy a{background:url(../../images/sub/btn_navy.png) no-repeat;background-position:right top;}
.buttonF.orange {background:url(../../images/sub/btn_orange.png) no-repeat; }
.buttonF.orange span, .buttonF.orange a{background:url(../../images/sub/btn_orange.png) no-repeat;background-position:right top;}
.buttonF.sky {background:url(../../images/sub/btn_sky.png) no-repeat; }
.buttonF.sky span, .buttonF.sky a{background:url(../../images/sub/btn_sky.png) no-repeat;background-position:right top;color:#fff;}
.buttonF.ygreen {background:url(../../images/sub/btn_ygreen.png) no-repeat; }
.buttonF.ygreen span, .buttonF.ygreen a{background:url(../../images/sub/btn_ygreen.png) no-repeat;background-position:right top;color:#fff;}
.buttonF.white {background:url(../../images/sub/btn_white.png) no-repeat; }
.buttonF.white span, .buttonF.white a{background:url(../../images/sub/btn_white.png) no-repeat;background-position:right top;color:#555;}


/* 게시판 목록 */
table.tbl_list{border-top:1px solid #999;border-collapse: collapse;width:100%;font-size:13px;}
table.tbl_list::after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
table.tbl_list thead th {border: 1px solid #e6e6e6;text-align:center;font-family: 'NanumGothicWebBold';padding:10px 5px;height:16px;background-color:#f5f5f5;line-height:14px;}
table.tbl_list tbody th {border: 1px solid #e6e6e6;text-align:center;font-family: 'NanumGothicWebBold';padding:10px 5px;height:16px;background-color:#f5f5f5;line-height:14px;}
table.tbl_list td {border: 1px solid #e6e6e6; padding:10px 0; height:16px;text-align:center;}
table.tbl_list td.left {padding-left:10px;text-align:left;}
table.tbl_list td.right {padding-right:10px;text-align:right;}