@charset "utf-8";
@import url("layout.css"); 

@font-face{
font-family:NG;
src:url(NanumGothic.eot)/* IE9 Compat Modes */;
src:local(※),url(NanumGothic.woff) format('woff'),url(NanumGothic.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */;}
 
body 			{margin: 0px; padding: 0; font-size:0.8em; font-family: "나눔고딕", NanumGothic, nanum, "돋움", Dotum, Verdana, Arial, Helvetica, sans-serif; color: #787878; line-height: 1.6em;}
html, body  	{height:100%;}
div, P, ul, li, img, a, table, td, tr, h1, h2, h3, h4, h5, h6, form, input, span, iframe 
{margin: 0px; padding: 0px; font-weight:normal; font-family:"나눔고딕", NanumGothic, nanum, "돋움", Dotum, Verdana, Arial, Helvetica, sans-serif; color:#787878; font-size:1em;}

table           { margin-top:2px;margin-bottom:2px;}    
input, textarea, select, button, box 
{ font-size:12px; font-family: "돋움", Dotum, Verdana, Arial, Helvetica, sans-serif; color: #787878;  text-decoration: none; margin-top:2px;margin-bottom:2px; }

legend, label 	{ padding:0; margin:0; overflow : hidden ; visibility : hidden; display:none;} 
input, img, select, li 	{ vertical-align: middle;}
input[type=text] 	{color: #787878; border:1px solid #ccc; background: #fff; vertical-align:middle; padding:3px; margin-bottom:1px}
input[type=password]{color: #787878; border:1px solid #ccc; background: #fff; vertical-align:middle; padding:3px; margin-bottom:1px}
input[type=file] 	{color: #787878; border:1px solid #ccc; background: #fff; vertical-align:middle; padding:3px; margin-bottom:1px}
textarea			{color: #787878; border:1px solid #ccc; background: #fff; vertical-align:middle; padding:3px}
input[type=image] 	{border: 0 none; vertical-align:middle; background:none;}
input[type=hidden] 	{padding:0;margin:0;}
input[type=radio]	{border:none; background:none;}
select 		 		{ font-family: "나눔고딕", NanumGothic, nanum, "dotum", sans-serif; font-size:1em; color: #787878; border:1px solid #ddd; background: #fff;	vertical-align:middle; height:22px}
		
  


a:link, a:active   { font-weight:normal; font-family: "나눔고딕", NanumGothic, nanum, "돋움", Dotum, Verdana, Arial, Helvetica, sans-serif; color:#787878; font-size:1em; text-decoration: none;}
a:visited 			{ text-decoration: none;}
a:hover 			{ text-decoration: none;}


ul, li			{list-style :none; padding:0px; margin:0; }
img 			{ border: none; vertical-align:middle;}

table caption 	{visibility:hidden; height:0px; overflow:hidden;}
table caption 	{display:none;}

.clean          {font-family:"맑은 고딕", Malgun Gothic, Verdana, Arial, Helvetica, sans-serif;}
.clear 		    { clear: both; }
.float-left 	{ float: left; }
.float-right    { float: right; }

.inblock        {display:inline-block;}
.bder1          {border:1px solid #CCCCCC;}
.border_s2      {border:2px solid;}






/*-----------------------------------------------------------------------------------------------------------
위치,컬러
-----------------------------------------------------------------------------------------------------------*/
.center     {text-align:center;}
.left       {text-align:left;}
.right      {text-align:right;}

.tline      {line-height:1.8em;}
.white      { color:#ffffff;}
.red        { color:#FF3300;}
.pp         { color:#6600cc;}
.black      { color:#000;}
.orange     { color:#FF3300;}

.bold 		{ font-weight: bold; }
.left 		{ text-align: left; }
.center 	{ text-align: center; }
.right 		{ text-align: right; }

.fsmall     { font-size:0.75em; }
.f11       	{ font-size: 0.9em; }
.f12     	{ font-size:0.9em; }
.f13    	{ font-size:0.95em; }
.f14    	{ font-size:1em; }
.f12-5	    { font-size:1.25em; }
.f15 	    { font-size:1.5em; }
.f16 	    { font-size:1.6em; }
.f17 	    { font-size:1.7em; }
.f18     	{ font-size:1.8em; }
.f19	    { font-size:1.9em; }
.f20	    { font-size:2em; }

.box_all {float:left;}
.box    { float:left;}
.boxr   { float:right;}

.wp366  { width: 366px; }
.wp371  { width: 371px; }

.w5 	{ width: 5%; }
.w10	{ width: 10%; }
.w15	{ width: 15%; }
.w20	{ width: 20%; }
.w25	{ width: 25%; }
.w30	{ width: 30%; }
.w35 	{ width: 35%; }
.w40 	{ width: 40%; }
.w45 	{ width: 45%; }
.w50 	{ width: 50%; }
.w55 	{ width: 55%; }
.w60 	{ width: 60%; }
.w65 	{ width: 65%; }
.w70 	{ width: 70%; }
.w75 	{ width: 75%; }
.w80 	{ width: 80%; }
.w85 	{ width: 85%; }
.w90 	{ width: 90%; }
.w95 	{ width: 95%; }
.w97 	{ width: 97%; }
.w100 	{ width: 100%; }
.w1000  { width:1000px;}


.h5 	{ height: 5px; }
.h10 	{ height: 10px; }
.h15 	{ height: 15px; }
.h18 	{ height: 18px; }
.h20 	{ height: 20px; }
.h23 	{ height: 23px; }
.h25 	{ height: 25px; }
.h30 	{ height: 30px; }
.h35 	{ height: 35px; }
.h40 	{ height: 40px; }
.h45 	{ height: 45px; }
.h50 	{ height: 50px; }
.h55 	{ height: 55px; }
.h60 	{ height: 60px; }
.h65 	{ height: 65px; }
.h70 	{ height: 70px; }
.h75 	{ height: 75px; }
.h80 	{ height: 80px; }
.h85 	{ height: 85px; }
.h90 	{ height: 90px; }
.h95 	{ height: 95px; }
.h100 	{ height: 100px; }


.pdt_2 { padding-top: 2px; }
.pdt_5 { padding-top: 5px; }
.pdt_10 { padding-top: 10px; }
.pdt_15 { padding-top: 15px; }
.pdt_20 { padding-top: 20px; }
.pdt_25 { padding-top: 25px; }
.pdt_30 { padding-top: 30px; }
.pdt_35 { padding-top: 35px; }
.pdt_40 { padding-top: 40px; }
.pdt_45 { padding-top: 45px; }
.pdt_50 { padding-top: 50px; }
.pdt_55 { padding-top: 55px; }
.pdt_60 { padding-top: 60px; }
.pdt_65 { padding-top: 65px; }
.pdt_70 { padding-top: 70px; }
.pdt_75 { padding-top: 75px; }
.pdt_80 { padding-top: 80px; }
.pdt_85 { padding-top: 85px; }
.pdt_90 { padding-top: 90px; }
.pdt_95 { padding-top: 95px; }
.pdt_100 { padding-top: 100px; }
.pdt_130 { padding-top: 130px; }

.pdr_3 { padding-right: 3px; }
.pdr_5 { padding-right: 5px; }
.pdr_10 { padding-right: 10px; }
.pdr_15 { padding-right: 15px; }
.pdr_20 { padding-right: 20px; }
.pdr_25 { padding-right: 25px; }
.pdr_30 { padding-right: 30px; }
.pdr_35 { padding-right: 35px; }
.pdr_40 { padding-right: 40px; }
.pdr_45 { padding-right: 45px; }
.pdr_50 { padding-right: 50px; }
.pdr_55 { padding-right: 55px; }
.pdr_60 { padding-right: 60px; }
.pdr_65 { padding-right: 65px; }
.pdr_70 { padding-right: 70px; }
.pdr_75 { padding-right: 75px; }
.pdr_80 { padding-right: 80px; }
.pdr_85 { padding-right: 85px; }
.pdr_90 { padding-right: 90px; }
.pdr_95 { padding-right: 95px; }
.pdr_100 { padding-right: 100px; }

.pdb_5 { padding-bottom: 5px; }
.pdb_10 { padding-bottom: 10px; }
.pdb_15 { padding-bottom: 15px; }
.pdb_20 { padding-bottom: 20px; }
.pdb_25 { padding-bottom: 25px; }
.pdb_30 { padding-bottom: 30px; }
.pdb_35 { padding-bottom: 35px; }
.pdb_40 { padding-bottom: 40px; }
.pdb_45 { padding-bottom: 45px; }
.pdb_50 { padding-bottom: 50px; }
.pdb_55 { padding-bottom: 55px; }
.pdb_60 { padding-bottom: 60px; }
.pdb_65 { padding-bottom: 65px; }
.pdb_70 { padding-bottom: 70px; }
.pdb_75 { padding-bottom: 75px; }
.pdb_80 { padding-bottom: 80px; }
.pdb_85 { padding-bottom: 85px; }
.pdb_90 { padding-bottom: 90px; }
.pdb_95 { padding-bottom: 95px; }
.pdb_100 { padding-bottom: 100px; }

.pdl_5 { padding-left: 5px; }
.pdl_10 { padding-left: 10px; }
.pdl_15 { padding-left: 15px; }
.pdl_20 { padding-left: 20px; }
.pdl_25 { padding-left: 25px; }
.pdl_30 { padding-left: 30px; }
.pdl_35 { padding-left: 35px; }
.pdl_40 { padding-left: 40px; }
.pdl_45 { padding-left: 45px; }
.pdl_50 { padding-left: 50px; }
.pdl_55 { padding-left: 55px; }
.pdl_60 { padding-left: 60px; }
.pdl_65 { padding-left: 65px; }
.pdl_70 { padding-left: 70px; }
.pdl_75 { padding-left: 75px; }
.pdl_80 { padding-left: 80px; }
.pdl_85 { padding-left: 85px; }
.pdl_90 { padding-left: 90px; }
.pdl_95 { padding-left: 95px; }
.pdl_100 { padding-left: 100px; }
.pdl_120 { padding-left: 120px; }
.pdl_150 { padding-left: 150px; }
.pdl_180 { padding-left: 180px; }
.pdl_210 { padding-left: 210px; }

.mgt_-15 { margin-top:-15px; }
.mgt_5 { margin-top: 5px; }
.mgt_10 { margin-top: 10px; }
.mgt_15 { margin-top: 15px; }
.mgt_20 { margin-top: 20px; }
.mgt_25 { margin-top: 25px; }
.mgt_30 { margin-top: 30px; }
.mgt_35 { margin-top: 35px; }
.mgt_40 { margin-top: 40px; }
.mgt_45 { margin-top: 45px; }
.mgt_50 { margin-top: 50px; }
.mgt_55 { margin-top: 55px; }
.mgt_60 { margin-top: 60px; }
.mgt_65 { margin-top: 65px; }
.mgt_70 { margin-top: 70px; }
.mgt_75 { margin-top: 75px; }
.mgt_80 { margin-top: 80px; }
.mgt_85 { margin-top: 85px; }
.mgt_90 { margin-top: 90px; }
.mgt_95 { margin-top: 95px; }
.mgt_100 { margin-top: 100px; }

.mgr_5 { margin-right: 5px; }
.mgr_10 { margin-right: 10px; }
.mgr_15 { margin-right: 15px; }
.mgr_20 { margin-right: 20px; }
.mgr_25 { margin-right: 25px; }
.mgr_30 { margin-right: 30px; }
.mgr_35 { margin-right: 35px; }
.mgr_40 { margin-right: 40px; }
.mgr_45 { margin-right: 45px; }
.mgr_50 { margin-right: 50px; }
.mgr_55 { margin-right: 55px; }
.mgr_60 { margin-right: 60px; }
.mgr_65 { margin-right: 65px; }
.mgr_70 { margin-right: 70px; }
.mgr_75 { margin-right: 75px; }
.mgr_80 { margin-right: 80px; }
.mgr_85 { margin-right: 85px; }
.mgr_90 { margin-right: 90px; }
.mgr_95 { margin-right: 95px; }
.mgr_100 { margin-right: 100px; }

.mgb_5 { margin-bottom: 5px; }
.mgb_10 { margin-bottom: 10px; }
.mgb_15 { margin-bottom: 15px; }
.mgb_20 { margin-bottom: 20px; }
.mgb_25 { margin-bottom: 25px; }
.mgb_30 { margin-bottom: 30px; }
.mgb_35 { margin-bottom: 35px; }
.mgb_40 { margin-bottom: 40px; }
.mgb_45 { margin-bottom: 45px; }
.mgb_50 { margin-bottom: 50px; }
.mgb_55 { margin-bottom: 55px; }
.mgb_60 { margin-bottom: 60px; }
.mgb_65 { margin-bottom: 65px; }
.mgb_70 { margin-bottom: 70px; }
.mgb_75 { margin-bottom: 75px; }
.mgb_80 { margin-bottom: 80px; }
.mgb_85 { margin-bottom: 85px; }
.mgb_90 { margin-bottom: 90px; }
.mgb_95 { margin-bottom: 95px; }
.mgb_100 { margin-bottom: 100px; }

.mgl_5 { margin-left: 5px; }
.mgl_10 { margin-left: 10px; }
.mgl_15 { margin-left: 15px; }
.mgl_20 { margin-left: 20px; }
.mgl_25 { margin-left: 25px; }
.mgl_30 { margin-left: 30px; }
.mgl_35 { margin-left: 35px; }
.mgl_40 { margin-left: 40px; }
.mgl_45 { margin-left: 45px; }
.mgl_50 { margin-left: 50px; }
.mgl_55 { margin-left: 55px; }
.mgl_60 { margin-left: 60px; }
.mgl_65 { margin-left: 65px; }
.mgl_70 { margin-left: 70px; }
.mgl_75 { margin-left: 75px; }
.mgl_80 { margin-left: 80px; }
.mgl_85 { margin-left: 85px; }
.mgl_90 { margin-left: 90px; }
.mgl_95 { margin-left: 95px; }
.mgl_100 { margin-left: 100px; }
.mgl_150 { margin-left: 150px; }
.mgl_180 { margin-left: 180px; }
.mgl_200 { margin-left: 200px; }
.mgl_250 { margin-left: 250px; }

.tstyle1 {clear:both;  width:710px;}
.tstyle1 td {padding:10px 5px 5px 10px;  }

.tstyle2 {clear:both; width:715px;}
.tstyle2 td {padding:5px 5px 5px 5px; border-bottom:1px solid #cccccc; }

.tstyle_line1 {border-right:1px solid  #cccccc; backgroud-color:# }
.tstyle_r1    {border-right:1px solid  #cccccc; }
.bg_gray1     {background-color:#F3F3F3;}
.bg_gray2     {background-color:#666;}


.line1   { border-bottom:1px solid #E1E1E1;}
.line2   { border-bottom:1px solid #999999;}
.line3   { width:715px; height:2px; background-color:#6600CC; }
.line4   { border-top:3px solid #FF6600;}
.line5   { border-top:3px solid #666;}
.line6   { border-top:3px solid  #FF9900;}
.line7   { border-top:2px solid  #999;}
.line8   { border-top:1px solid  #999;}
.line9   { border-bottom:1px solid #FF6600;}

.gray1          { color:#E1E1E1;}
.gray2          { color:#666666;}

.va_middle         {vertical-align:middle;}
.va_top         {vertical-align:top;}
.va_bottom         {vertical-align:bottom;}

.ttb {clear:both; padding:0; border:0;  cellspace:0; border-collapse: collapse; }
.ttb th {padding:5px 5px 5px 5px; border-bottom:1px solid #E1E1E1;}
.ttb td {padding:5px 5px 5px 20px; border-bottom:1px solid #E1E1E1;}
.ttb td.st1{padding:5px 5px 5px 5px; border-bottom:1px solid #E1E1E1;}
.ttb_line {border-right:1px solid  #E1E1E1; background-color:#F6F6F6;}
.ttb_line1 {border-right:1px solid  #E1E1E1; }
.ttb_line2 {border-right:3px double  #E1E1E1;}
.ttb_gbg {background: #EBF3E4;}
.ttb_gbg1 {background: #F6F6F6;}
.ttb_center {clear:both;}
.ttb_center th {padding:5px 5px 5px 5px; border-bottom:1px solid #E1E1E1; text-align:center;}
.ttb_center td {padding:5px 5px 5px 5px; border-bottom:1px solid #E1E1E1; text-align:center;}

.ttb1 {clear:both; padding:0; border:0;}
.ttb1 th {padding:5px 5px 5px 5px; border-bottom:1px solid #E1E1E1;}
.ttb1 td {padding:5px 5px 5px 5px; border-bottom:1px solid #E1E1E1;}

.list_bg  {background:url(../img/hwjb/board_bg.gif) repeat-x top left;)