@import url(/css/webfont.css);

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

body {
	margin:0;
	background:url(img/logo.jpg) top left no-repeat;
}

ul {
	list-style:none;
	padding:0;
	margin:0;
}

a {
	text-decoration:none;
}

#header {
	width:1000px;
	height:111px;
}


#go_mainlink {
	display:block;
	height:70px;
	width:200px;
	position:absolute;
	top:30px;
	left:48px;
}

#nav {
	width:672px;
	margin-right:0;
	margin-left:auto;
}


#banner {
	margin:77px 0 20px 0;
	position:relative;
	left:-4px;
}

#banner img {
	border:0;
}

#body {
	width:1099px;
}

#content {
width:432px;
float:left;
margin-left:48px;
display:inline;
background:url(img/green_point.gif) 100% 60px no-repeat;
}

#dec_flash {
margin:0 0 4px 480px;
height:608px;
}

#in_speech {
	display:none;
}

#story {
	display:none;
}

#story1 {
	display:none;
}

#tab {
	font:11pt/24px wooriDotum90c1;
	float:left;
	width:350px;
	background:url(img/main_tab_bg.gif) bottom left repeat-x;
	margin-bottom:4px;
}

#tab li{
	float:left;
}

#tab a {
	background-position:top left;
	background-repeat:no-repeat;
	text-align:center;
	display:block;
	height:24px;
	overflow:hidden;
}

#tab a:link,
#tab a:visited {
	color:#939498;font-size:12px; letter-spacing:-1;
}

#tab a:hover,
#tab #selected a:hover,
#tab #selected a:link,
#tab #selected a:visited {
	color:#000;font-size:12px; letter-spacing:-1;
}

#tab a.tab1 {
	width:55px;font-size:12px; letter-spacing:-1;
} 
#tab a.tab2 {
	width:85px;font-size:12px; letter-spacing:-1;
}
#tab a.tab3 {
	width:110px;font-size:12px; letter-spacing:-1;
}
#tab a.tab4 {
	width:100px;font-size:12px; letter-spacing:-1;
}

#tab a.tab1:link,
#tab a.tab1:visited {	background-image:url(img/main_tab1_1.gif);font-size:12px; letter-spacing:-1;}
#tab a.tab1:hover {	background-image:url(img/main_tab1.gif);font-size:12px; letter-spacing:-1;}

#tab a.tab2:link,
#tab a.tab2:visited {	background-image:url(img/main_tab2.gif);font-size:12px; letter-spacing:-1;}
#tab a.tab2:hover {	background-image:url(img/main_tab2_1.gif);font-size:12px; letter-spacing:-1;}

#tab a.tab3:link,
#tab a.tab3:visited {	background-image:url(img/main_tab3.gif);font-size:12px; letter-spacing:-1;}
#tab a.tab3:hover {	background-image:url(img/main_tab3_1.gif);font-size:12px; letter-spacing:-1;}

#tab a.tab4:link,
#tab a.tab4:visited {	background-image:url(img/main_tab3.gif);font-size:12px; letter-spacing:-1;}
#tab a.tab4:hover {	background-image:url(img/main_tab3_1.gif);font-size:12px; letter-spacing:-1;}

#tab #selected a.tab1:link,
#tab #selected a.tab1:visited,
#tab #selected a.tab1:hover {	background-image:url(img/main_tab1.gif);font-size:12px; letter-spacing:-1;}

#tab #selected a.tab2:link,
#tab #selected a.tab2:visited,
#tab #selected a.tab2:hover {	background-image:url(img/main_tab2_1.gif);font-size:12px; letter-spacing:-1;}

#tab #selected a.tab3:link,
#tab #selected a.tab3:visited,
#tab #selected a.tab3:hover {	background-image:url(img/main_tab3_1.gif);font-size:12px; letter-spacing:-1;}

#tab #selected a.tab4:link,
#tab #selected a.tab4:visited,
#tab #selected a.tab4:hover {	background-image:url(img/main_tab3_1.gif);font-size:12px; letter-spacing:-1;}

#main_articles {
	clear:left;
	margin:0;
	width:332px;
	height:72px;
	margin-bottom:12px;
}

#main_articles a.view_more {
	margin-top:-24px;
	position:relative;
}

#main_articles  table {
	width:100%;
}

#main_articles .date {
	width:80px;
	text-align:right;
	font:10pt wooriDotum90c1;
	color:#404040;
}
#main_articles td.para {
	padding:5px 0 0 6px;
}
#main_articles td.para a:link,
#main_articles td.para a:visited,
#main_articles td.para a:hover {
	background:none;
	padding:0;
	font:11pt/14pt wooriDotum90c2;
}

#main_articles td.para a:link,
#main_articles td.para a:visited {
	color:#808284;
}

#main_articles td a:link,
#main_articles td a:visited {
	padding-left:6px;
	font:9pt/12pt wooriSaebom;
	color:#58595B;
	background:url(img/orange_s_dot.gif) 0 5px no-repeat;;
}


h2 {
	font:11pt wooriDotum90c1;
	padding-left:15px;
	background-position:0 4px;
	background-repeat: no-repeat;
}

h2.angle {background-image:url(img/s_angle.gif); background-position:0 2px;}
h2.rect {background-image:url(img/s_rect.gif);}
h2.circle {background-image:url(img/s_circle.gif); border-bottom:1px solid #E7E3E7; }
#compare h2.rect { border-bottom:1px solid #E7E3E7; margin-top:0;}

a.view_more:link,
a.view_more:visited,
a.view_more:hover {
	float:right;
	font:10pt wooriDotum90c1;
	color:#939598;
	padding-right:8px;
	background:url(img/view_more.gif) 100% 6px no-repeat; 
}

.media_articles a.view_more {	margin-top:-22px;}

#compare a.view_more, #ad a.view_more  { margin-top:-31px;}

.media_articles {
	margin-bottom:19px;
}

#video {
	width:168px;
	float:left;
	display:inline;
	margin-right:32px;
}

#photo {
	float:left;
	width:152px;
}

#video h2, #photo h2 {
	margin:0 0 3px;
}

#video p {
	font:9pt wooriSaebom;
	margin:0;
}

.mv_top {
	background:url(img/mv_t.gif) top left no-repeat;
	padding-top:7px;
}

.mv_bottom {
	background:url(img/mv_b.gif) bottom left no-repeat;
	padding-bottom:5px;
}

.mv_middle {
	background:url(img/mv_m.gif) top left repeat-y;
	padding:2px 0 1px 9px;
}


#video p a:link,
#video p a:visited,
#photo p a:link,
#photo p a:visited {
	color:#58595B;
	font:9pt/20px wooriSaebom;	
}

#photo li, #photo p  {
	height:20px;
	width:152px;
	overflow:hidden;
}

#photo li a:link, 
#photo li a:visited {
	color:#58595B;
	font:9pt/20px wooriSaebom;
	padding-left:6px;
	background:url(img/orange_s_dot.gif) 0 5px no-repeat;;
}
#photo img {
	border:solid 1px #E6E7E8;
	width:150px;
	height:70px;
}

#photo p {
	margin:0;
}

#compare {
	float:left;
	width:248px;
	margin-right:32px;
	display:inline;
}

#compare h2, #ad h2 {
	margin:0 0 7px 0;
	padding-bottom:3px;
}

#compare h3{
	color:#FF5400;
	float:left;
	width:98px;
	text-align:center;
	padding:25px 0;
	margin:0;
	font:14pt wooriSaebom;
	background:url(img/comp_obj.gif) top left no-repeat;
}

#compare dl {
	margin:0 0 0 104px;
}

#compare dt{
	padding:8px 0 9px 3px;
	font:10pt wooriSaebom;
}

#compare dt.south {
	background: url(img/comp_south.gif) top left no-repeat;
}

#compare dt.north {
	background:url(img/comp_north.gif) top left no-repeat;
	margin-top:11px;
}

#compare dd {
	margin-top:-34px;
	font:9pt/1.2 wooriSinmoon;
}

#ad {
	float:left;
	width:152px;
}


#ad ul {
position:relative;
top: -4px;
}

#ad li {
	width:152px;
	height:20px;
	overflow:hidden;
}

#ad li a:link,
#ad li a:visited {
	font:9pt/20px wooriSaebom;
	color:#58595B;
}

#video p a:hover,
#ad li a:hover,
#photo li a:hover,
#main_articles td a:hover,
#photo p a:hover {
	color:#ff5400;
}


#footer {
	width:100%;
	clear:left;
	height:90px;
	background:#FBFBFA url(img/footer_bg.gif) top left repeat-x;
	font:9pt/1 wooriDotum90c1;
}

#footer ul {
	margin-top:3px;
}

#footer li {
	float:left;
	display:inline;
	padding-right:11px;
	margin-right:11px;
	border-right:1px solid #8A8B8C;
}

#footer li a:link,
#footer li a:visited {	color:#626466;}
#footer li a:hover {color:#000;}

#footer .last {
	margin-right:0;
	padding-right:0;
	border-right:0;
}
#footer p {
	font:9pt wooriDotum90c1;
	color:#939598;
	clear:left;
	margin:25px 0 0 0;
}

#footer p span {
	font-size:8pt;
}

#footer p a:link,
#footer p a:hover,
#footer p a:visited {
	color:#939598;
}

#footer .copyright {
	float:left;
	display:inline;
	margin-left:48px;
	margin-top:10px;
}

#footer .relate_site {
	margin-left:640px;
	margin-top:10px;
}

font {
	color:#ff5400;
	font:9pt wooriSaebom;
}