

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); 

html, body { margin:0px;padding:0px; font-family:'Nanum Gothic', sans-serif;font-size:12px;color:#666666; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,a,button,checkbox { margin:0px;padding:0px;font-weight:normal;}

li{list-style:none;}
img { border:0px;vertical-align:top; }
.img_middle { border:0px;vertical-align:middle; }
.hidden{display:none;}

/* ÀÏ¹Ý ¸µÅ© ½ºÅ¸ÀÏ ******************************/
a:link { color: #222222; text-decoration: none; }
a:visited {color: #222222; text-decoration: none;}
a:hover { color: #bababa; text-decoration: none;}

.button_center {margin:2px;text-align:center;}
.button_right {margin:2px;text-align:right;}
.button_left {margin:2px;text-align:left;}

.clear {clear:both;}

/* È¿°ú ******************************/
.etcmenu a.etc_txt img{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
.etcmenu a:hover img{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity: .7;}

/* Form ÅÂ±× ¼³Á¤ ******************************/
.txtbox {height:22px;line-height:22px;border:1px solid #828282;margin-bottom:2px;}

select.txtbox, input[type="file"] {
  height:26px;
  line-height: 30px;
  background-color:white;
}

.whidden {display: none;}

.board_title {float:left;width:80%;text-align:left;font-size:14px;font-weight:bold;padding-left:30px;}
.board_readnum {float:right;width:10%;}


#subNavi {width:100%; text-align:center; *zoom:1;}
#subNavi:after {content:""; clear:both; display:block; height:0; visibility:none;}

#subTop {width:100%;  background:url(/images/bg/bg_main_img.gif) repeat-x; height:200px;}
#subTop .subTopNavi {width:1200px; margin:0 auto; height:200px;}

#subContainer {width:1200px; margin:0 auto; z-index:100; *zoom:1;}
#subContainer:after {content:""; clear:both; display:block; height:0; visibility:none;}

#subLeft {float:left; width:200px; margin-bottom:50px;}
#subLeft h2 {width:200px; font-size:23px; line-height:76px; background-color:#245625; font-weight:600; color:#FFF; text-align:center; letter-spacing:-1px;}
#subLeft li {height:47px; line-height:47px; border-left:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6; border-right:solid 1px #d6d6d6; text-align:center;}

#subLeft li a {display:block; font-size:15px; text-decoration:none; color:#7b7b7b; letter-spacing:-1px; font-weight:600;}
#subLeft li a:hover {color:#3d6a36; background:url(/images/bg/bg_sub_left.gif) no-repeat; font-weight:bold; text-decoration:none;}
#subLeft li a.selected {color:#3d6a36; background:url(/images/bg/bg_sub_left.gif) no-repeat; font-weight:bold; text-decoration:none;}

#subLeft p.subLeftBtn {padding-top:20px;}
#subLeft p.subLeftBtn span {display:block; padding-bottom:3px;}


.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.alignLeft {text-align:left;}

	


	.vw_content img {max-width: 920px;height:auto;}


	.Wid05 { width: 5%;}
	.Wid15 { width: 15%;}
	.Wid10 { width: 10%;}
	.Wid20 { width: 20%;}
	.Wid30 { width: 30%;}
	.Wid35 { width: 35%;}
	.Wid40 { width: 40%;}
	.Wid50 { width: 50%;}
	.Wid80 { width: 80%;}
	.Wid85 { width: 85%;}
	.Wid90 { width: 90%;}
	.Wid98 { width: 98%;}


	#subRight {float:right; width:946px; margin:0 0 10px 54px;}
	#subCate p {float:right ;font-size:13px; margin:0 auto; padding:18px 10px 0 0; height:29px;}
	#subCate p span {font-weight:bold;}
	#subRight h3 {clear:both; background:url(/images/bg/bg_tit.gif) left bottom repeat-x; font-size:34px; text-align:center; font-weight:bold; letter-spacing:-2px; color:#4b4b4b; padding:0 0 32px 0; height:40px;}

	#subPage {line-height:30px; width:930px; text-align:center; margin:30px 0 40px 4px; font-size:15px;}
	#subPage:after {content:""; clear:both; display:block; height:0; visibility:none;}



	.tableSearch {text-align:left; margin-bottom:10px; width:100%;}
	.tableSearch:after {content:""; display:block; clear:both;}
	.tableSearch select {border:solid 1px #ddd; height:32px; color:#666; padding-left:10px;  font-family: '¸¼Àº °íµñ', sans-serif; letter-spacing:-1px;}
	.tableSearch input {border:solid 1px #ddd; height:28px; color:#868686; padding-left:10px; font-family: '¸¼Àº °íµñ', sans-serif; letter-spacing:-1px;}
	.tableSearch .tableSearchBtn {padding:9px 12px;background-color:#333; color:#fff; line-height:35px; width:63px; text-align:center; font-size:13px; cursor:pointer;}
	.tableSearch .alignRight {float:right;}

	table.tableList {clear:both; text-align:left; margin:0 auto; margin-bottom:20px; border-top:solid 3px #0f2c4f; border-bottom:solid 2px #dedee1; font-size:14px; width:100%;color:#444; }
	table.tableList th {background-color:#f3f3f6; line-height:19px; padding:15px 5px 15px 5px; font-weight:600; font-size:14px; border-bottom:solid 1px #d2d2d6; letter-spacing:-1px;text-align:center;}
	table.tableList td {border-bottom:solid 1px #dadada; font-weight:normal; line-height:23px; padding:15px 15px 15px 15px; letter-spacing:-1px;}
	table.tableList .tableRight {border-right:solid 1px #d2d2d6;}
	table.tableList .tableLeft {border-left:solid 1px #d2d2d6;}
	table.tableList .tableBoth {border-right:solid 1px #d2d2d6; border-left:solid 1px #d2d2d6;}
	table.tableList input {border:solid 1px #bbb; border-radius:5px; padding:2px;}
	table.tableList select {border:solid 1px #bbb; border-radius:5px; padding:2px;}

	#subTab {width:100%; margin:0 auto; margin-bottom:60px; position:relative;}
	#subTab:after {content:""; display:block; clear:both;}
	#subTab li {float:left; border:solid 1px #cccccc; width:100%; line-height:53px; text-align:center;line-height:53px; box-sizing:border-box; border-collapse: collapse;}
	#subTab li.subTab2 {float:left; width:50%; }
	#subTab li.subTab3 {float:left; width:33.3%; }
	#subTab li.subTab4 {float:left; width:25%; }
	#subTab li.subTab5 {float:left; width:20%;}
	#subTab li.subTab6 {float:left; width:16.5%;}
	#subTab li.subTab7 {float:left; width:14%;}
	#subTab li a {display:block; color:#333; text-decoration:none; text-align:center; font-size:15px;}
	#subTab li a:hover {color:#222; text-decoration:none; font-weight:none; text-align:center; font-size:15px;}
	#subTab li.selected {border:solid 1px #ed1c24;border-collapse: collapse;}
	#subTab li.selected a {display:block; text-decosration:none; background-color:#f15132; color:#FFF;  text-align:center; font-size:15px;}


