@charset "utf-8";

/* --------------------  layout  ------------------------ */
body {font-family:'Nanum Gothic', 'malgun gothic', arial, dotum, sans-serif; min-width:1100px;}

.fixed_row {position:relative;  width:1100px; margin:0 auto;}
.fluid_row { width:100%;}

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

/* header */
#header {position:relative; z-index:101; height:90px; padding:0 0 0 0; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.3); *zoom:1;}
#header:after {display:block; clear:both; content:"";}
#header .header_top {margin:0; padding:0;}
#header h1 {position:absolute; top:0; left:50%; z-index:102; margin:0 0 0 -168px;}

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

/* column_left */
.column_left {float:left; width:195px; margin:0;}

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

/* column_right */
.column_right {}

/* footer */
#footer {position:relative;  width:100%; margin:30px 0 0 0; padding:0 0 0px 0; *zoom:1; border-top:1px solid #ff9b38;}

#footer .footer_link_area {overflow:hidden;  width:1100px; padding:0 0 0 0; margin:0 auto 0 auto; }
#footer .footer_link {overflow:hidden; width:1100px; padding:15px 0 15px 0; margin:0 auto 7px auto; border-top:1px solid #ccc;}
#footer .footer_link ul {margin:0; padding:0;}
#footer .footer_link ul li {float:left; width:244px; border-left:1px dotted #ddd; list-style:none;}
#footer .footer_link ul li:first-child {border-left:0;}




#footer .footer_area {width:1100px; margin:0 auto; padding:15px 0 20px 0; overflow:hidden;}
#footer .footer_area .footer_logo {float:left; width:195px; margin:10px 0 0;}
#footer .footer_info {overflow:hidden; float:right; width:870px; 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 #989898; 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:#686868;}
#footer .copyright {clear:both; padding:10px 0 0 0; line-height:18px; color:#989898; 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:#686868;}
#footer address a {font-weight:bold; font-size:9px; font-family:verdana; color:#686868;}
#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: 1100px;
	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; height:20px; margin:0; padding:0; white-space:nowrap; *zoom:1; background:#ff9b38; text-align:right;}
.gnb_area:after {content:""; display:block; clear:both;}
.widget_gnb {margin:0; padding:3px 0 0; font-size:0; line-height:0; text-align:right;}
.widget_gnb li {display:inline-block; *display:inline; font-size:11px; line-height:13px; list-style:none; vertical-align:top; *zoom:1; font-family:'Nanum Gothic', 'malgun gothic', arial, dotum, sans-serif;}
.widget_gnb li:before {content:"|"; padding:0 8px; color:#fff;}
.widget_gnb li:first-child:before {content:""; padding:0;}
.widget_gnb a {color:#fff; font-size: 11px; font-weight:400;}







/* nav */
/* remove the list style */

#nav { clear:both; float:left; position:relative; z-index:100; width:100%; height:70px; padding:0 0 0 0; margin:0; font-family:'Nanum Gothic', 'malgun gothic', sans-serif; }


/* 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: 0;
	padding:0 0 0;	

	*zoom:1;
}

#nav li.lnb1  {margin-left:20px;}
#nav li.lnb2  {margin-left:50px;}
#nav li.lnb3  {margin-left:50px;}
#nav li.lnb4  {margin-left:320px;}
#nav li.lnb5  {margin-left:50px;}
#nav li.lnb6  {margin-left:50px;}

#nav > li.first_child {background:none; padding-left:0;}
#nav li a span {display:none; }
#nav li > a {display:block; padding:0 0 0; width:91px; height:70px; font-size:0; text-align:center;}

#nav li a.menu1 {background:url("../../img/trend9/lnb_menu1.png") no-repeat 0 0;}
#nav li a.menu2 {background:url("../../img/trend9/lnb_menu2.png") no-repeat 0 0;}
#nav li a.menu3 {background:url("../../img/trend9/lnb_menu3.png") no-repeat 0 0;}
#nav li a.menu4 {background:url("../../img/trend9/lnb_menu4.png") no-repeat 0 0;}
#nav li a.menu5 {background:url("../../img/trend9/lnb_menu5.png") no-repeat 0 0;}
#nav li a.menu6 {background:url("../../img/trend9/lnb_menu6.png") no-repeat 0 0;}

#nav li > a {display:block; height:70px;}
#nav li > a:hover {background-position:0 -70px;}
#nav li.selected > a {background-position:0 -70px;}
#nav li.event_selected > a {background-position:0 -70px;}
#nav li:hover > a {background-position:0 -70px;}

/* submenu, it's hidden by default */
#nav ul {
	position:absolute; 
	left:0; 
	display:none; 
	width:145px;
	margin:0; 
	padding:0; 
	list-style:none;	
	border-top:0;
	background-color: rgba(0,0,0,0.6);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#6000000);

}



#allcategory { 
	display:none; 
	position:absolute; 
	left:0px;
	width:100%; 
	margin:0px 0 0; 
	padding:30px 0 50px; 
	height:110px;
	z-index:100; 
	overflow:hidden; 
	background:#faf8e6;
	box-shadow:0 0 5px rgba(0,0,0,0.3);

	/*
	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 .preload { opacity: 0; position: absolute; top: -9999px; left: -9999px; }



#allcategory .allcategory_width_fixed {width:1100px; margin:0 auto; padding:0px; *zoom:1;  }
#allcategory .allcategory_width_fixed li {list-style:none; }
#allcategory .allcategory_width_fixed li a {color:#5e5e5e; font-family:'Nanum Gothic', 'malgun gothic', sans-serif; font-size:13px; line-height:24px;}

#allcategory ul.allcategory_slave {position:relative; float:left;  width:100px; min-height:150px; margin:0; padding:0;}
#allcategory ul.allcategory_slave.slave1 {left:30px;}
#allcategory ul.allcategory_slave.slave2 {left:70px;}
#allcategory ul.allcategory_slave.slave3 {left:110px;}
#allcategory ul.allcategory_slave.slave4 {left:423px;}
#allcategory ul.allcategory_slave.slave5 {left:465px;}
#allcategory ul.allcategory_slave.slave6 {left:;}
#allcategory ul.allcategory_slave li { margin:0; padding:0 15px 0 0px; list-style:none; text-align:left;}
#allcategory ul.allcategory_slave li a  {color:#5e5e5e; font-family:'Nanum Gothic', sans-serif; font-size:13px; line-height:24px;}
#allcategory ul.allcategory_slave li a:hover {text-decoration:none; color:#ff9b38; font-weight:700;}








/* sub_visual_area */
.sub_visual_area {height:125px; margin:0 0 70px; background:url("../../img/trend9/location_top_img.png") no-repeat center center;}




/* widget_sub_navi */
.widget_sub_navi {margin-bottom:-10px;}
.widget_sub_navi .wrap {}
.widget_sub_navi .widget_sub_navi_title {height:25px; margin:0; padding:25px 0; background:#ff9b38;}
.widget_sub_navi h3 {display:block; margin:0; padding:0; color:#fff; font-size:24px; font-weight:700; font-family:'Nanum Gothic', 'malgun gothic', arial, dotum, sans-serif; text-align:center;}
.widget_sub_navi .widget_sub_navi_title p {padding:0 30px; color:#a4a4a4; font-size:12px; line-height:18px;}
.widget_sub_navi ul {margin:0 0 0 -1px; padding:0;}
.widget_sub_navi li { list-style:none; border-bottom:1px solid #e3e3e3;}
.widget_sub_navi li:after {display:block; clear:both; content:""; *zoom:1;}
.widget_sub_navi li a {display:block; padding:13px 0 13px 30px; font-size:14px; color:#5f5f5f; font-family:'Nanum Gothic', 'malgun gothic', arial, dotum, sans-serif; background:url("../../img/trend9/sub_menu_icon.png") 15px center no-repeat; }
.widget_sub_navi li a:hover,
.widget_sub_navi li.selected a {color:#c84305; font-weight:700; text-decoration:none;}


/* widget_top_location */
.widget_top_location {overflow:hidden; height:50px; margin-bottom:20px; border-bottom:1px solid #c2c2c2;}
.widget_top_location:after {content:""; display:block; clear:both;}
.widget_top_location .widget_location_title {float:left;}
.widget_top_location h3 {float:left; margin:0; padding:3px 0 0 0;}
.widget_top_location h3 span {padding-right:15px; font-size:32px; font-weight:700; color:#2a2a2a; font-family:'Nanum Gothic', 'malgun gothic', arial, dotum, sans-serif;}
.widget_top_location .widget_location_title p {float:left; padding:23px 0 0; font-size:12px; color:#878787;}
.widget_top_location p.position {float:right; padding:25px 0 0 0; color:#888; overflow:hidden;}
*:first-child+html .widget_top_location p.position {padding-top:15px;}
span.position_active {color:#c84305; font-weight:bold;}
.widget_top_location p.position a {color:#7d7d7d;}
.widget_top_location p.position img {vertical-align:middle;}