@charset "utf-8";

a,a:visit {outline:none;}

/* --------------------  layout  ------------------------ */
body {font-family:'Nanum Gothic', 'malgun gothic',dotum, arial, sans-serif; background:url("../../img/trend9/body_bg.png_") repeat-x  !important;  -webkit-font-smoothing: antialiased !important;}

/* container */
#container {position:relative; width:100%; margin:0 auto; padding:0; background:transparent; }
#container:after {content:""; clear:both; display:block;}

/* header */
#header { position:relative; z-index:1; width:100%; height:142px; margin:0 auto; padding:0; *zoom:1; background:url("../../img/trend9/header_bg.png") repeat-x 0 0;}
#header:after { content:""; clear:both; display:block;}
#header .inner {width:1000px; margin:0 auto; padding:0;}
#header h1 { float:left; padding:0; margin-top:55px; }

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

/* column_left */
.column_left {float:left; width:220px; margin:2px 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:720px; min-height:600px; margin:0 20px; 0 0; padding:0; background-color:#fff;}

/* column_right */
.column_right {}




/* footer */
#footer {position:relative; overflow:hidden;  width:100%; margin:0; padding:0 0 10px 0;  *zoom:1; background:#404040;}

/* slide_banner */
.widget_silde_banner_wrap { width: 100%; border-top:1px solid #ebebeb;  background:#fff;}
.widget_silde_banner {overflow:hidden; width:980px; margin:0 auto;}
.widget_silde_banner h2 {overflow:hidden; float:left; margin:20px 19px 0 16px;}
#slide_banner { float:right; position:relative; overflow: hidden; margin:6px 0 6px; width:840px; height: 58px; }
#slide_banner .slide_banner_area {position:relative;overflow:hidden; width:840px; margin:0 auto; height: 58px; }
#slide_banner .slide_banner_area h2 {overflow:hidden; float:left;}
#slide_banner ul.slide {position: absolute; width:1000px; margin: 0; padding: 0; white-space: nowrap; font-size: 0; list-style:none;}
#slide_banner ul.slide li.item { display:inline-block; *display:inline; *zoom:1; margin: 0; padding:0 15px; }
#slide_banner ul.slide li.item a { padding:10px; cursor:default; }
#slide_banner ul.slide li.item a img{vertical-align:middle;}
#slide_banner .button { display: none; }
#slide_banner .prev {position:absolute; top:0; left:0; }
#slide_banner .next {position:absolute; top:0; right: 0; ; }

#footer .footer_area { overflow:hidden; margin:0 auto; padding:15px 0 20px 0; width:980px;}
#footer .footer_area .footer_logo {float:left; margin:20px 0 0 10px; }
#footer .footer_info {overflow:hidden; float:left; padding:0 0 0 40px;}
#footer .footer_info ul {margin:9px 0 0 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 #c7c7c7; 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:#fff; font-size:11px;}
#footer .footer_info ul li a:hover{text-decoration:none;}
#footer .copyright {clear:both; padding:12px 0 0 0; line-height:18px; color:#fff; text-align:left; font-size:11px;}
#footer address {padding:6px 0 0 0; font-style:normal; font-size:11px; font-family:Nanum Gothic; text-align:left; color:#d9d9d9; }
#footer address a {font-weight:bold; font-size:11px; font-family:Nanum Gothic; color:#d9d9d9;}
#footer a.w3c {color:#b4b4b4;}
#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 { position:relative; overflow:hidden; z-index:2; margin:0; padding:0; white-space:nowrap; *zoom:1;}
.widget_gnb { float:right; z-index:2; margin:8px 12px 0 0; padding:0; white-space:nowrap; overflow:hidden; *zoom:1; }
.widget_gnb a { color:#ffffff; font-size: 12px; font-family:Nanum Gothic; text-decoration:none;}
.widget_gnb li { float:left; position:relative; margin:0 0 0 0; padding:0 15px; background:url("/img/trend9/header_gnb_bar.png") no-repeat right 2px; letter-spacing:-1px; list-style:none;}
.widget_gnb li.last_child { padding-right:0; border-right:0; background:none;}



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


/* 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 7px;
	padding:0 20px 19px;
	/*
	background:url("../../img/trend9/lnb_menu_bar.png") no-repeat 0 8px;
	*/
	*zoom:1;
}
#nav > li.lnb_menu_edge:hover,
#nav > li.lnb_menu_edge.selected {position:relative; background:url("../../img/trend9/lnb_menu_edge.png") no-repeat center 42px; }

#nav > li.first_child {background: none;}
#nav li a span {display:none;}
#nav li a.menu1 {width:100px; background:url("../../img/trend9/lnb_menu1.png") no-repeat 0 0;}
#nav li a.menu2 {width:100px; background:url("../../img/trend9/lnb_menu2.png") no-repeat 0 0;}
#nav li a.menu3 {width:100px; background:url("../../img/trend9/lnb_menu3.png") no-repeat 0 0;}
#nav li a.menu4 {width:100px; background:url("../../img/trend9/lnb_menu4.png") no-repeat 0 0;}
#nav li a.menu5 {width:100px; background:url("../../img/trend9/lnb_menu5.png") no-repeat 0 0;}
#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;}

#nav li.event_selected {position:relative; background:url("../../img/trend9/lnb_menu_edge.png") no-repeat center 42px; borde }
#nav li.event_selected > a {background-position:0 -40px;}



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




#allcategory { 
	display:none; 
	position:absolute; 
	top:125px; 
	left:0px;
	width:100%; 
	margin:0px 0 0; 
	padding:0px 0; 
	height:auto;
	z-index:9999; 
	overflow:hidden; 
	background:url("../../img/trend9/allcategory_bg.png") repeat-x 0 bottom;

	/*
	background-color:rgba(255,255,255,0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90ffffff,endColorstr=#90ffffff); 
	*/
	*zoom:1;
	/*
	-webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.8);
	-moz-box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.8);
	box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.8);
	*/
}

#allcategory .allcategory_width_fixed {width:1100px; margin:0 auto; padding:0px; *zoom:1;  }
#allcategory .allcategory_width_fixed .lnb_banner {float:left; margin:20px 0 0 20px; }
#allcategory ul.allcategory_slave {position:relative; float:left; width:130px; min-height:165px; margin:0; padding:0;}
#allcategory ul.allcategory_slave.slave1 {left:355px;}
#allcategory ul.allcategory_slave.slave2 {left:370px;}
#allcategory ul.allcategory_slave.slave3 {left:388px;}
#allcategory ul.allcategory_slave.slave4 {left:405px;}
#allcategory ul.allcategory_slave.slave5 {left:423px;}
#allcategory ul.allcategory_slave li { margin:0; padding:3px 15px 3px 0px; list-style:none; text-align:left;}
#allcategory ul.allcategory_slave li a {font-size:13px; color:#767676; font-weight:normal; font-family:Nanum Gothic; line-height:21px;}
#allcategory ul.allcategory_slave li a:hover {color:#135086; text-decoration:none;}





/* widget_sub_navi */
.widget_sub_navi {overflow:hidden; width:203px; font-family:'Nanum Gothic', 'malgun gothic', arial, dotum, sans-serif; }
.widget_sub_navi .wrap {}
.widget_sub_navi .wrap h3 {display:block; height:92px; margin:0; padding:35px 0 0; font-size:25px; line-height:30px; color:#fff; font-weight:600; text-align:center;  font-family:'Myriad Pro', 'Nanum Gothic', 'malgun gothic', dotum, sans-serif; border-bottom:2px solid #3a7bcf;  background:url("../../img/trend9/sub_navi_top_bg.png") left top no-repeat; }
.widget_sub_navi .wrap h3 em { display: block; font-size: 14px; font-weight: normal; font-style: normal; text-transform: uppercase; }
.widget_sub_navi ul { margin:0; padding:0;}
.widget_sub_navi ul li { list-style:none; border-top:1px solid #a9a9a9; border-bottom: 1px solid #5c5c5c; background:url("../../img/trend9/sub_navi_list_bg.png") 170px 12px no-repeat #848484; }
.widget_sub_navi ul li:first-child { border-top:0;}
.widget_sub_navi ul li:after {display:block; clear:both; content:""; *zoom:1;}
.widget_sub_navi ul li a {display:block; padding:13px 0 13px 20px; font-size:15px; color:#fff; letter-spacing:-1px; }
.widget_sub_navi ul li:hover,
.widget_sub_navi li.selected { background:url("../../img/trend9/sub_navi_list_select_bg.png") 170px 12px no-repeat #848484;}
.widget_sub_navi ul li a:hover, 
.widget_sub_navi li.selected a {color:#fcff00; text-decoration:none;}



/* widget_top_location */
.widget_top_location { overflow:hidden; margin-bottom:20px; border-bottom:1px solid #d5d6d9;}
.widget_top_location .wrap{ height:102px;}
.widget_top_location h3 {margin:26px 0 0 0; padding:0;}
.widget_top_location h3 span {display:block; float:left; padding-bottom:3px; font-size:35px; font-weight:600; color:#424242; font-family:'Nanum Gothic', 'malgun gothic', arial, dotum, sans-serif; }
.widget_top_location p.position {margin:0; padding:0; color:#888; overflow:hidden;} 
.widget_top_location p.position img{margin-right:4px;}
*:first-child+html .widget_top_location p.position {padding-top:15px; color:#7f7e7e; font-family:Nanum Gothic;}
span.position_active {color:#2d2f33; font-size:12px; font-weight:bold;}
.widget_top_location p.position a {color:#7f7e7e;}
.widget_top_location p.position a:hover{text-decoration:none;}
.widget_top_location p.position a em {display: none; }