@charset "utf-8";

/* --------------------  layout  ------------------------ */
body {background:url("../../img/trend9/body_bg.png") repeat-x;}

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

/* header */
#header {position:relative; z-index:1; padding:0 0 1px 0; *zoom:1;}
#header:after {display:block; clear:both; content:"";}
#header .header_top {margin:0; padding:0; overflow:hidden;}
#header h1 {position:absolute; z-index:9999; display:inline; margin:25px 0 0 15px;}

/* column_global */
#column_global {float:left; clear:both; width:980px; margin:0;}

/* column_left */
.column_left {float:left; width:205px;}
.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:750px; margin:0; padding-top:20px;}

/* column_right */
.column_right {}

/* footer */
#footer {position:relative; overflow:hidden; width:100%; margin:30px 0 0 0; *zoom:1; border-top:2px solid #9ece1a;}
#footer:after {content:""; display:block; clear:both;}
#footer .footer_area {width:980px; margin:0 auto; padding:15px 0 20px 0; overflow:hidden;}
#footer .footer_logo {display:block; float:left; margin:10px 0 0 20px;}
#footer .footer_info {overflow:hidden; float:left; padding:0 0 0 40px;}
#footer .footer_info ul {margin:0; padding:0;}
#footer .footer_info ul li {display:inline; float:left; padding:0 10px; list-style:none; border-right:1px solid #c5c5c5; *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:#666;}
#footer .copyright {clear:both; padding:10px 0 0 0; line-height:18px; color:#8c8c8c; text-align:left; font-size:11px;}
#footer address {padding:5px 0 0 0; font-style:normal; font-size:9px; font-family:verdana; text-align:left; color:#666;}
#footer address a {font-weight:bold; font-size:9px; font-family:verdana; color:#333;}
#footer address .trend9 { color: #666; font-weight: normal; }
#footer a.w3c {color:#999;}
#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:both; position:relative; z-index:2; margin:0; padding:0; white-space:nowrap; *zoom:1; }
.widget_gnb {float:right; position:relative; z-index:2; height:21px; margin:0; padding:4px 0 0 0; white-space:nowrap; *zoom:1; overflow:hidden;}
.widget_gnb a {color:#7c9c07; font-size: 11px; }
.widget_gnb li {float:left; position:relative; margin:5px 0 0; padding:0 10px; border-right:1px solid #a3c524; letter-spacing:-1px; list-style:none;}
.widget_gnb li.last_child {padding-right:0; border-right:0; background:none;}

.widget_gnb li.blog_link {margin-top:0;}


/* widget_lnb */
.widget_lnb {clear:both; float:right; position:relative; z-index:10; width:744px; height:66px; margin:18px 0 0 0; background: url('../../img/trend9/lnb_bg.png') left top no-repeat; }
.widget_lnb h3 {display:block; margin:0; padding:8px; border-bottom:1px solid #c9c9c9; font-weight:bold; font-size:14px; color:#4f4f4f; background-color:#ededed;}
.widget_lnb ul {margin:0; padding:0; background-color:transparent; float:left;}
.widget_lnb li {position:relative; float:left; list-style:none; }
.widget_lnb li:after {display:block; clear:both; content:"";}
.widget_lnb ul li ul {display:none; z-index:100; position:absolute; left:0; top:33px; margin:0; padding:0; background-color: #f68c4f; list-style:none;}
.widget_lnb ul li ul li {display:block; float:left; margin:0 10px !important; padding:0; font-size:12px; font-family:dotum;}
.widget_lnb ul li ul li a {display:block; padding:5px 0; color:#666; text-decoration:none;}
.widget_lnb ul li ul li a { color: #fff; }
.widget_lnb ul li ul li a:hover {color:#ca5b1c;}
.widget_lnb li.selected ul li.selected a {color:#ca5b1c;}
.widget_lnb li.over > a {background-position:0 -25px !important;}
.widget_lnb li.over ul {display:block;}
.widget_lnb li.selected > a {background-position:0 -25px !important;}
.widget_lnb li.selected ul {display:block;}
.widget_lnb li.master_list { margin: 8px 0 0; padding: 0 6px; background: url('../../img/trend9/lnb_list_bg.png') left 3px no-repeat; }
.widget_lnb li.master_list.first_child { background: none; padding-left:30px;}
.widget_lnb li.master_list > a { display:block; overflow:hidden; text-indent: -9999px; width:107px; height:25px; }

.widget_lnb li.menu1 > a {width:95px; background:url("../../img/trend9/lnb_menu1.png") no-repeat 0 0;}
.widget_lnb li.menu2 > a {width:74px; background:url("../../img/trend9/lnb_menu2.png") no-repeat 0 0;}
.widget_lnb li.menu3 > a {width:75px; background:url("../../img/trend9/lnb_menu3.png") no-repeat 0 0;}
.widget_lnb li.menu4 > a {width:95px; background:url("../../img/trend9/lnb_menu4-1.png") no-repeat 0 0;}
.widget_lnb li.menu5 > a {width:104px; background:url("../../img/trend9/lnb_menu5.png") no-repeat 0 0;}
.widget_lnb li.menu6 > a {width:75px; background:url("../../img/trend9/lnb_menu6.png") no-repeat 0 0;}
.widget_lnb li.menu7 > a {width:90px; background:url("../../img/trend9/lnb_menu7.png") no-repeat 0 0;}

.widget_lnb li.menu1 ul.slave {left: 33px; }
.widget_lnb li.menu2 ul.slave {left: 0px; width: 100%; }
.widget_lnb li.menu3 ul.slave {left: 33px; }
.widget_lnb li.menu4 ul.slave {left: 38px; }
.widget_lnb li.menu5 ul.slave {left: 38px; }




/* widget_sub_navi */
.widget_sub_navi {position:relative; z-index:10; top:-20px; margin-bottom:-10px;}
.widget_sub_navi .wrap {}
.widget_sub_navi h3 {display:block; margin:0; padding:0;}
.widget_sub_navi ul {margin:0; padding:10px 10px; background:url("../../img/trend9/sub_navi_bg_middle.png") repeat-y;}
.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; width:160px; height:24px; font-size:14px; font-family:'malgun gothic', dotum; margin:0; padding:3px 0 0 10px; color:#fff;}
.widget_sub_navi li a:hover,
.widget_sub_navi li.selected a {font-weight:bold; color:#77a013; text-decoration:none; background:url("../../img/trend9/sub_navi_list_bg.png") no-repeat;}
.widget_sub_navi .bg_bottom {overflow:hidden; height:36px; background:url("../../img/trend9/sub_navi_bg_bottom.png") no-repeat;}





/* widget_top_location */
.widget_top_location {overflow:hidden; height:39px; margin-bottom:20px;}
.widget_top_location h3 {float:left; margin:0; padding:3px 0 0 0;}
.widget_top_location p.position {float:right; padding:5px 0 0 0; _padding-top:15px; color:#888; overflow:hidden;}
*:first-child+html .widget_top_location p.position {padding-top:15px;}
span.position_active {color:#9ece1a; font-weight:bold;}
.widget_top_location p.position a {color:#888;}
.widget_top_location p.position img {vertical-align:middle;}