@charset "euc-kr";
/* CSS Document */


/*°øÅë*/
html{margin:0; padding:0; width:100%;height:100%;overflow-y:scroll;}
body{margin:0; padding:0; width:100%;height:100%; font-family:Verdana, "µ¸¿ò", "±¼¸²", sans-serif, "Times New Roman", Tahoma; font-size:12px; color:#666;  }
/*#body_m{background:#fff url(../images/main_a_bg_blue3_2.jpg) repeat-x left top;}*/
img{margin:0; padding:0;}
a, a img{border:none; outline:0; selector-dummy : expression(this.hideFocus=true);}
input.btn{outline:0;} 





/*·¹À̾ƿô*/
#wrap{margin:0 auto; width:100%;} 
#top_menu{margin:0 auto; width:100%; height:101px; background:#000 url(../common/top_menu_bg.jpg) repeat-x left top;}
#top{margin:0 auto; width:100%; height:115px; background:#000 url(../common/top_area_bg.jpg) repeat-x left top;}
#visual{margin:0 auto; width:100%; height:360px; background:url(../common/main_visual_bg.jpg) repeat-x left top;}
#sub_visual{margin:0 auto; width:100%; height:75px; background:url(../common/main_red_bg.jpg) repeat-x left top;}
/*#contents{margin:0 auto; width:100%; height:489px; background:url(../common/main_contents_bg.jpg) repeat-x left top;}*/
#footer{margin:0 auto; width:100%; height:130px; background:url(../common/footer_area_bg.jpg) repeat-x left top;}
#footer_sub{margin:0 auto; width:100%; height:130px; background:url(../common/footer_sub_area_bg.jpg) repeat-x left top;}


/*top*/

#top_con{margin:0 auto; width:950px;}
td.top_gl_m img{margin:43px 13px 21px 13px;}


/*center*/

td.board_m img{margin:20px 0px 16px 14px;}
td.brand_m img{margin:0px 0px 10px 4px;}
td.more_m img{margin:20px 0px 16px 30px;}



/*visual*/
#visual_con{margin:0 auto; width:950px;}

/*contents*/
#contents_con{margin:0 auto; width:950px;}


/* link style */
a:link    	        { COLOR:#555555; FONT-SIZE:12px; TEXT-DECORATION:none; }
a:visited 	        { COLOR:#555555; FONT-SIZE:12px;TEXT-DECORATION:none; }
a:active  	        { COLOR:#555555; FONT-SIZE:12px;TEXT-DECORATION:none; }
a:hover         	{ COLOR:#3498c5; FONT-SIZE:12px; TEXT-DECORATION:none; }

/* box select */

.t_box				{background-color:#FFFFFF; border-top: 1px solid #d3cfcc; border-bottom: 1px solid #d3cfcc; border-left: 1px solid #d3cfcc; border-right: 1px solid #d3cfcc; color: #666666; font-size: 9pt; 					                     font-family:verdana; }


.box                { color: #505050; line-height: 130%; }

.form               { border: 1px solid #d2dce9; padding: 2px; height: 14px; COLOR:#555555; FONT-SIZE:12px; }
.form1              { border: 1px solid #A0C1CB; padding: 2px; height: 20px; }
.form3              { padding: 4px; margin: 0px; border: 1px solid #A0C1CB; right: 0px; COLOR:#999999; FONT-SIZE:11px; height: 20px; }
.form4              { word-spacing: -1px; padding-left: 5px; }



/*footer*/
#footer_con{margin:0 auto; width:950px;}
#footer_con span{margin:0; float:left;}
td.f_logo img{margin:20px 0 0 20px;}
td.f_menu img{padding-right:10px; vertical-align:middle;}
td.f_copy{padding-top:35px;}
td.f_ins_logo{float:right;}
td.f_ins_logo img{padding:18px 0 0 10px;}

/*ÅؽºÆ® ½ºÅ¸ÀÏÁöÁ¤*/
.his_txt{font-size:11px; color:#aeaeae;}
table.board_txt{ line-height: 130%; margin-left:14px; padding-left:14px; font-family:Verdana, "µ¸¿ò", "±¼¸²", sans-serif, "Times New Roman", Tahoma; font-size:11px;  color:#aeaeae;}
table.board_txt a{color:#aeaeae;}
table.board_txt a:hover { COLOR:#3498c5;}
span.his_txt_on{color:#F00; font-weight:bold;}

/*Äü¸Þ´º*/
#quickmenu{}

/*ºê·£µå*/
#leftMenuBox {width:100%;}
	.topTitImg {margin:40px 4px 5px 0;}
	.subMenuText {float:right; width:100%; list-style:none;margin:0;padding:0;}
	.subMenuText li {float:right; margin:0 5px 0 0; padding:5px 10px; border-bottom:1px solid #ddd; width:80%; text-align:left; font-weight:bold; font-family:'nanumgothic'; color:#999;}
	.subMenuText li:hover, .subMenuText .actOn {color:red;}
	.subMenuBanner {float:left; list-style:none; margin:70px 0 0 0; padding:0;}
	.subMenuBanner li {float:left; margin:0 5px 0 0; width:80%;}

#brandConWrap {display:inline-block;width:100%;text-align:center;}
	#brandConBox {display:inline-block;width:950px; height:100%;margin:0 auto; background:url(/common/left_menu_line_bg.jpg) repeat-y;}
		.leftMBrandBox {float:left; width:20%; height:100%;}
		.rightMBrandBox {float:left; width:80%;}
			.subTitleBox {float:left; width:62%; margin:35px 0 0 8%; text-align:left; font-family:'nanumgothic'; font-weight:bold; font-size:2.5em; color:#444;}
			.subTitleBox > span {font-family:'dotum'; color:#ccc; font-weight:bold; font-size:0.8em;}
			.subSiteMapBox {float:right; width:30%; margin:60px 0 0 0; text-align:right;}
			.subConBox {float:left; width:92%; margin:20px 0 40px 8%;}

/*°Ô½ÃÆÇ Å×À̺í*/
.taLine {background-color:#999;}
.tdBLine {border-bottom:1px solid #ddd;}
.tdTitle {font-weight:bold;height:30px;}
.tdInfo {height:30px;}
.tdBtn {padding:5px;background-color:#999;color:#fff;font-weight:bold;text-align:center;}
.tdBtn:hover {background-color:#cc0000;color:#fff;}

/* company */
.subConGrid {float:left;width:50%;}
.subConTitle {float:left;text-align:left;font-size:1.4em;font-weight:bold;color:#fff;padding:2px 10px;margin-bottom:10px;background-color:#76C1E1;}
.subContents {float:left;width:100%;margin-bottom:40px;}
.subContents img {width:90%;margin:0 10% 0 0;border:5px solid #DDDDDD;}