@charset "utf-8";

/* --------------------  layout  ------------------------ */
body {font-family:'Nanum Gothic', '나눔고딕', 'malgun gothic', arial, dotum, sans-serif; background:url("../../img/trend9/body_bg.png") repeat-x;}

/* container */
#container {position:relative; width:1000px; margin:0 auto; padding:0 10px;}
#container:after {content:""; clear:both; display:block;}

/* header */
#header {position:relative; z-index:1; height:130px; padding:0 0 0 0; *zoom:1;}
#header:after {display:block; clear:both; content:"";}
#header .header_top {margin:0; padding:0;}
#header h1 {display:inline; float:left; margin:20px 0 0 15px;}

/* column_global */
#column_global {position:relative; z-index:0; float:left; clear:both; width:1000px; margin:0;}
#column_global:after {content:""; clear:both; display:block;}

/* column_left */
.column_left {float:left; width:210px; margin:20px 0 0 0;}
.column_left img.sidebar_csinfo {display:block; margin-top:20px;}
.column_left a.sidebar_kakao {display:block; margin:20px 0 0 0; padding:0;}

/* column_center */
.column_center {float:right; width:760px; margin:20px 0 0 0;}

/* column_right */
.column_right {}

/* footer */
#footer {position:relative;  width:100%; margin:40px 0 0 0; padding:0 0 0 0; *zoom:1; background:url("../../img/trend9/footer_bg.png") repeat-x 0 0;}


#footer .footer_area {width:980px; margin:0 auto; padding:10px 0 20px 0; overflow:hidden;}
#footer .footer_info {overflow:hidden; padding:0 0 0;}
#footer .footer_info ul {margin:0; padding:0; text-align:left;}
#footer .footer_info ul li {display:inline-block; *display:inline; padding:0 10px; list-style:none; border-right:1px solid #ddd; line-height:1em; *zoom:1;}
#footer .footer_info ul li.first_child {padding-left:0;}
#footer .footer_info ul li.last_child {border:0;}
#footer .footer_info ul li a {display:inline-block; color:#999;}
#footer .footer_logo {float:right; margin:40px 20px 0 0;}
#footer .copyright {clear:both; float:left; width:700px; padding:20px 0 0 0; line-height:18px; color:#989898; text-align:left; font-size:11px;}
#footer .copyright a {color:#989898;}
#footer .copyright img {display:block; padding-bottom:10px;}
#footer address {padding:5px 0 0 0; font-style:normal; font-size:9px; font-family:verdana; text-align:left; color:#989898;}
#footer address a {font-weight:bold; font-size:9px; font-family:verdana; color:#989898;}
#footer address .trend9 { color: #989898; font-weight: normal; }
#footer a.w3c {color:#989898;}
#footer .copy_img {display:none;}
#footer a.pc_change {position:absolute; left:10px; bottom:10px;}


/* pc_change */
a.pc_change {
	position:relative; 
	display:block; 
	margin: 0 auto;
	width: 980px;
	margin-bottom:20px; 
	padding:20px 0; 
	font-size:36px; 
	color:#777; 
	text-align:center; 
	border:1px solid #bbb;
	background-color:#f5f5f5; 
	background:#f5f5f5 -webkit-gradient(linear,0% 0%,0% 100%,from(#fbfbfb),to(#f5f5f5),color-stop(0.5,#f5f5f5),color-stop(0.5,#f5f5f5));
	background:#f5f5f5 -moz-linear-gradient(top,#fbfbfb,#f5f5f5);
}
a.pc_change:hover {text-decoration:none;}
a.pc_change img {vertical-align:middle; padding-left:20px;}





/* widget_gnb */
.gnb_area {float:right; clear:right; position:relative; z-index:2; margin:5px 0 0 0; padding:0; white-space:nowrap; *zoom:1; }
.widget_gnb {float:right; position:relative; z-index:2; height:19px; margin:0; padding:17px 10px 0 0; white-space:nowrap; *zoom:1; overflow:hidden;}
.widget_gnb a {color:#a5a5a5; font-size: 11px; font-family:dotum;}
.widget_gnb li {float:left; position:relative; margin:0; padding:0 10px; border-right:1px solid #dbdbdb; letter-spacing:-1px; list-style:none;  line-height:1em}
.widget_gnb li.last_child {padding-right:0; border-right:0; background:none;}
.gnb_area img.header_app_img {float:right;}


/* nav */
/* remove the list style */
#nav {float:right; position:relative; z-index:1000; width:750px; height:40px; margin:10px 0 0 0; padding:0px;}


/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */

#nav > li {
	float:left; 
	display:block; 
	width:auto;
	_width:100px !important;
	position:relative;
	z-index:500; 
	margin: 8px 0 0 0;
	padding:0 26px 0 27px;
	background:url("../../img/trend9/lnb_menu_bar.png") no-repeat 0 8px;
	*zoom:1;
}
#nav > li.first_child {background: none;}
#nav li a span {display:none; }
#nav li a.menu1 {width:84px; background:url("../../img/trend9/lnb_menu1.png") no-repeat;}
#nav li a.menu2 {width:96px; background:url("../../img/trend9/lnb_menu2.png") no-repeat;}
#nav li a.menu3 {width:119px; background:url("../../img/trend9/lnb_menu3.png") no-repeat;}
#nav li a.menu4 {width:98px; background:url("../../img/trend9/lnb_menu4.png") no-repeat;}
#nav li a.menu5 {width:57px; background:url("../../img/trend9/lnb_menu5.png") no-repeat;}
#nav li > a {display:block; height:40px;}
#nav li > a:hover {background-position:0 -40px;}
#nav li.selected > a {background-position:0 -40px;}
#nav li:hover > a {background-position:0 -40px;}

/* submenu, it's hidden by default */
#nav ul {
	position:absolute; 
	left:-30px; 
	display:none; 
	margin:0 0 0 -1px; 
	padding:0; 
	list-style:none;
	background:#31abed;
	width:300px;
}

#nav li.lnb1 ul {}
#nav li.lnb2 ul {left:20px; width:160px;}
#nav li.lnb3 ul {left:40px; width:170px;}
#nav li.lnb4 ul {left:-130px; width:290px;}
#nav li.lnb5 ul {left:-180px; width:290px;}



#nav ul li {
	float:left; 
}
#nav ul li:first-child {border-top:0;}

/* this is the parent menu */
#nav li ul li a {
	display:block; 
	height:15px;
	padding: 8px 10px; 
	font-weight:normal;
	text-decoration:none; 
	color:#fff;
	font-size:12px;
}


#nav ul a:hover {
	color:#f6ff00;
}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
	margin:0 0 0 -2px;
}







/* widget_sub_navi */
.widget_sub_navi {margin-bottom:20px;}
.widget_sub_navi .wrap {}
.widget_sub_navi h3 {display:block; margin:0; padding:0 0 5px 0;}
.widget_sub_navi ul {margin:0; padding:0;}
.widget_sub_navi li {margin-bottom:3px; list-style:none;}
.widget_sub_navi li:after {display:block; clear:both; content:""; *zoom:1;}
.widget_sub_navi li a {display:block; padding:8px 0 8px 20px; background:url("../../img/trend9/sub_navi_list_icon.png") no-repeat 7px center; font-family:'malgun gothic', dotum;}
.widget_sub_navi li a:hover,
.widget_sub_navi li.selected a {color:#fff; text-decoration:none; background:url("../../img/trend9/sub_navi_list_icon_hover.png") no-repeat 0 center;}

.snb_cs {margin:0 0 10px;}

.snb_link_banner {}

.snb_link_banner a {display:block; margin:0 0 5px 0;}


/* widget_top_location */
.widget_top_location {overflow:hidden; height:40px; margin-bottom:20px; padding-bottom:12px; background: url("../../img/trend9/sub_location_bg.png") left bottom no-repeat; }
.widget_top_location h3 {float:left; margin:0; padding:3px 0 0 0;}
.widget_top_location h3 span {display:block; padding-bottom:3px; font-size:26px; font-weight:500; color:#444; font-family:'Nanum Gothic', '나눔고딕', 'malgun gothic', arial, dotum, sans-serif;}
.widget_top_location p.position {float:right; padding:8px 0 0 0; color:#888; overflow:hidden;}
*:first-child+html .widget_top_location p.position {padding-top:15px;}
span.position_active {color:#7d7d7d; font-weight:bold;}
.widget_top_location p.position a {color:#7d7d7d;}
.widget_top_location p.position img {vertical-align:middle;}