
a:link    		{color:#b5b5b5;text-decoration:none;}
a:visited 		{color:#b5b5b5;text-decoration:none;}
a:active  		{color:#2b80f4;text-decoration:none;}
a:hover  		{color:#2b80f4;;text-decoration:none;}


body,table,tr,td,input,div,form,textarea,select,center,option
{
 margin-left : 0;
 margin-top : 0;
 margin-right : 0;
 margin-bottom: 0;
 font-family:verdana,돋움;font-size:11px;color:#b5b5b5;	line-height:150%;
}
img
{
	border : 0;
}

/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/


@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
#header{width:991px;height:95px; background:url(/images/head/m_nav_bg.jpg) top center no-repeat; position:relative; font-family:'Nanum Gothic';}
#sub_header{width:991px;height:95px; background:url(/images/head/nav_bg2.png) top center no-repeat; position:relative; font-family:'Nanum Gothic';}
#header h1, #sub_header h1{position:absolute; left:62px; top:-10px; }
.top_menu{position:absolute; right:62px; top:0; }
.top_menu span{margin-left:4px; padding-left:9px; background:url(/images/head/top_bar.jpg) 0 65% no-repeat; }
.top_menu span:first-child{background:none; }
.top_menu span a{font-size:10px; color:#3f3f3f; font-weight:bold; line-height:25px; }
.gnb{position:absolute; right:110px; top:30px; }
.gnb > li{float:left; list-style:none; margin-left:21px; position:relative; height:50px; }
.gnb > li > a{color:#000000; font-size:13px; font-weight:bold; font-family:'Nanum Gothic'; display:block; width:84px; height:21px; text-align:center;
line-height:21px; border-radius:10px; font-weight:bold; }
.gnb > li.on > a{background:#ffffff; color:#de581e; font-size:14px; font-weight:800; transition:all 300ms linear; }
.sub_gnb{z-index:9999; height:22px; display:none; }
.sub_gnb1{width:340px; padding-left:40px; position:absolute; left:-60px; top:25px;  background:url(/images/head/smenu_bg.png) top center no-repeat;  }
.sub_gnb2{width:470px; padding-left:40px; position:absolute; left:-150px; top:25px;  background:url(/images/head/smenu_bg2.png) top center no-repeat;  }
.sub_gnb4{width:255px; position:absolute; left:-100px; top:25px;  background:url(/images/head/smenu_bg4.png) top center no-repeat;  }
.sub_gnb li{float:left; list-style:none; margin-left:13px; padding-left:18px; background:url(/images/head/gnb_bar.jpg) 0 6px no-repeat; }
.sub_gnb li:first-child{background:none; margin-left:0; }
.sub_gnb li a{color:#ffffff; font-family:'Dotum'; font-size:11px; line-height:22px; }


#wrap{width:100%; background:url("/images/sub/sbg_l.jpg") 0 0 repeat-x; }
#sub_header{width:990px; margin:0 auto; }
#sub_container{width:990px; margin:0 auto; }
#sidebar{width:220px; float:left; }
#sub_contents{width:745px; float:right; }
#footer{width:990px; margin:0 auto; }

/*table
{
	border : 0;
}
.top_01			{font-family:tahoma;font-size:7pt;}
.head_01 		{font-family:verdana;font-size:8pt;color:#555555}
.head_02 		{font-family:verdana;font-size:7pt;color:#FFFFFF} */
.head_02 		{font-family:verdana,돋움;font-size:8pt;color:#FFFFFF}

.sub_position	        {font-family:돋움,verdana;font-size:8pt;color:898989;letter-spacing:-1px;} 
.sub_position	        a:link    		{color:#555555;text-decoration:none;}
.sub_position	        a:visited 	{color:#555555;text-decoration:none;}
.sub_position	        a:active  	{color:#555555;text-decoration:none;}
.sub_position	        a:hover  	{color:#555555;;text-decoration:none;}

.latest_date	        {font-family:verdana;font-size:8pt;color:898989;letter-spacing:-1px;} 
.latest_date	        a:link    		{color:#555555;text-decoration:none;}
.latest_date	        a:visited 	{color:#555555;text-decoration:none;}
.latest_date	        a:active  	{color:#555555;text-decoration:none;}
.latest_date	        a:hover  	{color:#555555;;text-decoration:none;}

.before_after	        td{font-family:돋움,verdana;font-size:8pt;color:#FFFFFF;letter-spacing:-1px;} 
.before_after	        a:link    		{color:#555555;text-decoration:none;}
.before_after	        a:visited 	{color:#555555;text-decoration:none;}
.before_after	        a:active  	{color:#555555;text-decoration:none;}
.before_after	        a:hover  	{color:#555555;;text-decoration:none;}

.category_01	{font-family:verdana,굴림;font-size:8pt;color:#000000;letter-spacing:-1px;} 
.name_01 		{width:50%;border:solid 1px #DDDDDD;}
.pass_01 		{width:50%;border:solid 1px #DDDDDD;}
.email_01 		{width:80%;border:solid 1px #DDDDDD;}
.home_01 		{width:80%;border:solid 1px #DDDDDD;}
.title_01 			{width:99%;border:solid 1px #DDDDDD;}
.link_01 			{width:80%;border:solid 1px #DDDDDD;}
.file_01			{width:350;border:solid 1px #DDDDDD;}
.img_01			{border:solid 7px #F5F5F5;}
.textarea_01	{width:99%;border:solid 1px #DDDDDD;height:200px;line-height:150%;background-color:#FFFFFF;}
.textarea_02	{width:99%;border:solid 1px #DDDDDD;height:30px;line-height:100%;}
.textarea_03	{width:90%;border:solid 1px #DDDDDD;height:50px;line-height:120%;}

.comment_01 	{width:100px;border:solid 1px #DDDDDD;}
.search_01		{border:solid 1px #DDDDDD;}

.num_01			{font-family:tahoma;font-size:8pt;color:#666666}

.btn_01 
{
	background-color:#666666;color:#FFFFFF;border:solid 0px;height:20;width:50;
}

.btn_02 
{
	background-color:#666666;color:#FFFFFF;border:solid 0px;height:50;width:50;
}

/************************************
* htmlarea 적용 
*************************************/
/*   body, td  { font-family: arial; font-size: x-small; }
	  a         { color: #0000BB; text-decoration: none; }
	  a:hover   { color: #FF0000; text-decoration: underline; }
	  font { font-family: arial black, arial; font-size: 28px; letter-spacing: -1px; }
*/
  .headline { font-family: arial black, arial; font-size: 28px; letter-spacing: -1px; }
  .headline2{ font-family: verdana, arial; font-size: 10px; }
  .subhead  { font-family: arial, arial; font-size: 18px; font-weight: bold; font-style: italic; }
  .backtotop     { font-family: arial, arial; font-size: xx-small;  }
  .code     { background-color: #EEEEEE; font-family: Courier New; font-size: x-small;
                  margin: 5px 0px 5px 0px; padding: 5px;
                  border: black 1px dotted;
                }


/* 게시판 */
.bbs1 {color:871f32; background:f5dcdb; font-weight:bold; font-family:돋움; font-size:12px; padding:5 0 5 20;}
.bbs2 {color:8c8c8c; font-family:돋움; font-size:12px; padding:5 0 5 20;}


/* Visual */
#content{float:none margin:0 auto;width:600px; z-index:2;}
#content:after{content:""; display:block; clear:both;}
#visual{position:relative; width:630px; height:480px; overflow:hidden; z-index:1; margin-left:90px;}
#visual h2{position:absolute; top:0px; margin-top:-300px; width:600px;  text-align:center; margin-left:35px;}
#visual #visualBanner li{position:absolute; width:100%; height:480px; z-index:-1;}
#visual #visualBanner li p{position:absolute;}
#visual .scene{display:none;}
/*#visual .vis1{left:100%; background:url('/images/main/main1.png') no-repeat center top;}*/
#visual .vis1 .pointer1{width:630px;}
#visual .vis2{background:url('/images/main/main2.png') no-repeat center top; margin-top:30px;}
#visual .vis2 .pointer1{top:560px; left:50%; margin-left:-300px;}

/*Control사용할 경우 background 풀어줌*/
.control{position:absolute; top:560px; left:50%; margin-left:-460px; width:140px; height:23px; /*background:url('/images/visual/visual_control_bg.gif') no-repeat left top;*/ z-index:100000000;}
.control #btnPlay{position:absolute; top:4px; left:0; display:block; width:36px; height:12px; text-indent:-9999em; overflow:hidden; /*background:url('/images/visual/btn_play_event.gif') no-repeat left top;*/}
.control #btnPlay.on{/*background:url('/images/visual/btn_stop_event.gif') no-repeat left top*;*/}
.control ul{position:absolute; top:5px; left:60px; *zoom:1;}
.control ul:after{content:""; display:block; clear:both;}
.control ul li{float:left; margin-right:10px; width:10px; height:10px; text-indent:-9999em; overflow:hidden; cursor:pointer; /*background:url('/images/visual/btn_active.gif') no-repeat 0 0;*/}
.control ul li.on{background-position:0 -10px;}