@charset "utf-8";

/* --------------------  layout  ------------------------ */
html { overflow-x: hidden; }

body { overflow:hidden; background:url("../../img/trend9/sub_bg_img.png") no-repeat center 0; font-family:'Nanum Gothic', '나눔고딕', 'malgun gothic', arial, dotum, sans-serif;}

body.page0 { background:url("../../img/trend9/sub_bg_img.png") no-repeat center 0; }
body.page1 { background:url("../../img/trend9/sub_bg_img1.png") no-repeat center 0; }
body.page2 { background:url("../../img/trend9/sub_bg_img2.png") no-repeat center 0; }
body.page3 { background:url("../../img/trend9/sub_bg_img3.png") no-repeat center 0; }
body.page5 { background:url("../../img/trend9/sub_bg_img4.png") no-repeat center 0; }
body.page4 { background:url("../../img/trend9/sub_bg_img5.png") no-repeat center 0; }
body.page6 { background:url("../../img/trend9/sub_bg_img6.png") no-repeat center 0; }
body.page7 { background:url("../../img/trend9/sub_bg_img7.png") no-repeat center 0; }
body.page8 { background:url("../../img/trend9/sub_bg_img8.png") no-repeat center 0; }


.header_navi_bg {position:absolute; z-index:0; left:0; width:100%; height:122px; background:url("../../img/trend9/body_bg.png") repeat-x;}

/* container */
#container {position:relative; width:1000px; margin:0 auto; padding:0 10px;}

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

/* column_global */
#column_global {clear:both; position:relative; z-index:0; width:1000px; min-height:600px; margin:0 auto; padding-top: 40px; }
#column_global:after {content:""; clear:both; display:block;}

/* column_left */
.column_left {float:left; width:216px;}

/* column_center */
.column_center {float:right; overflow: hidden; width:750px; margin:0; padding:0; }

/* column_right */
.column_right {}

/* footer */
#footer {position:relative; clear:both; width:100%; margin: 0; padding:30px 0 0 0; background:url('../../img/trend9/footer_bg.png') repeat-x 0 35px; *zoom:1;}
#footer .footer_area {width:1000px; margin:0 auto; padding:15px 0 20px 0; overflow:hidden;}
#footer .footer_info {overflow:hidden; float:left; padding:0 0 0 20px;}
#footer .footer_info ul.footer_menu {margin:0 0 0 0px; padding:0;}
#footer .footer_info ul.footer_menu li {display:inline; float:left; padding:0 10px; list-style:none; border-right:1px solid #c5c5c5; *zoom:1;}
#footer .footer_info ul.footer_menu li.first_child {padding-left:0;}
#footer .footer_info ul.footer_menu li.last_child {border:0;}
#footer .footer_info ul.footer_menu li a {display:inline-block; color:#4e4e4e;}

#footer .copy_area {clear:both; width:1000px; padding:10px 0 0 0;}
#footer .footer_logo {float:left; width:200px; padding:20px 0 0 10px;}
#footer .copyright {float:left; width:450px; padding:20px 0 0 0; line-height:18px; color:#8c8c8c; text-align:left; font-size:11px;}
#footer address {padding:0 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;}

#footer .footer_info ul.footer_sns {float:right; width:140px; margin:20px 0 0 0px; padding:0; }
#footer .footer_info ul.footer_sns li {float:left; padding:0 3px; list-style:none; *zoom:1;}


/* 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:0; margin-right: 20px; margin-top: 21px; padding:0; white-space:nowrap; *zoom:1; }
.widget_gnb {float:right; position:relative; z-index:2; height:12px; margin:0; padding:6px 0 0 0; white-space:nowrap; *zoom:1; overflow:hidden;}
.widget_gnb a {color:#8c8c8c; font-size: 11px; }
.widget_gnb li {float:left; position:relative; margin:0; padding:0 10px; line-height:11px; border-right:1px solid #c0c0c0; list-style:none;}
.widget_gnb li.last_child {padding-right:0; border-right:0; background:none;}




/* widget_lnb */

/* nav */
/* remove the list style */
#nav {clear:both; float:left; position:relative; z-index:100; height:40px; margin:13px 0 0 0; padding:0; *zoom:1;}


/* 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; 
	height:40px;
	margin:0;
	padding:0;
	*zoom:1;
}
#nav li a span {display:none; }

/*
#nav li a.menu1 {width:220px; background:url("../../img/trend9/lnb_menu1.png") no-repeat;}
#nav li a.menu2 {width:220px; background:url("../../img/trend9/lnb_menu2.png") no-repeat;}
#nav li a.menu3 {width:220px; background:url("../../img/trend9/lnb_menu3.png") no-repeat;}
#nav li a.menu4 {width:220px; background:url("../../img/trend9/lnb_menu4.png") no-repeat;}
#nav li a.menu5 {width:120px; background:url("../../img/trend9/lnb_menu5.png") no-repeat;}
*/

#nav li a.menu1 {width:125px; background:url("../../img/trend9/new_lnb_menu1.png") no-repeat;}
#nav li a.menu2 {width:155px; background:url("../../img/trend9/new_lnb_menu2.png") no-repeat;}
#nav li a.menu3 {width:184px; background:url("../../img/trend9/new_lnb_menu3.png") no-repeat;}
#nav li a.menu5 {width:130px; background:url("../../img/trend9/new_lnb_menu4_new.png") no-repeat;}
#nav li a.menu4 {width:184px; background:url("../../img/trend9/new_lnb_menu5_new.png") no-repeat;}
#nav li a.menu6 {width:116px; background:url("../../img/trend9/new_lnb_menu6.png") no-repeat;}
#nav li a.menu7 {width:124px; background:url("../../img/trend9/new_lnb_menu7.png") no-repeat;}
#nav li a.menu8 {width:124px; background:url("../../img/trend9/lnb_menu5.png") no-repeat;}
#nav li.lnb8 {position:absolute; right:-118px;}

#nav li > a {display:block; height:40px; outline:none;}
#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.slave {
	position:absolute; 
	top:40px;
	left:0; 
	display:none; 
	margin:0 0 0; 
	padding:10px 0; 
	list-style:none;
	background:#fff;
	width:145px;
	-webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.2);
	box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.2);
}

#nav li.lnb1 ul {width:125px;}
#nav li.lnb2 ul {width:155px;}
#nav li.lnb3 ul {width:184px;}
#nav li.lnb5 ul {width:130px;}
#nav li.lnb4 ul {width:184px;}
#nav li.lnb6 ul {width:116px;}
#nav li.lnb7 ul {width:124px;}
#nav li.lnb8 ul {width:124px;}






#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; 
	width:160px;
	height:15px;
	padding: 5px 10px 5px 20px; 
	font-weight:bold;
	text-decoration:none; 
	color:#666;
	font-size:13px;
	outline:none;
}


#nav ul a:hover {
	color:#51800f;
}

/* 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;
}


#nav ul.subslave {
	list-style:none;
	margin: 0px; 
	padding: 0px;
	padding-left: 20px;
}
#nav ul.subslave a{
	font-size: 11px;
	font-weight: normal;
}

#allcategory { 
	display:none; 
	position:absolute; 
	top:107px; 
	left:0px;
	width:998px; 
	margin:0; 
	padding:20px 0; 
	height:auto; z-index:9999; 
	overflow:hidden; 
	*zoom:1;
	background:url("../../img/trend9/all_category_bg.png") #fff no-repeat right bottom;
	-webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.5);
	box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.5);
}
#allcategory ul.allcategory_slave {float:left; width:140px; min-height:310px; margin:0; padding:0; border-right:1px solid #dadada;}


#allcategory ul.allcategory_slave.slave1 {width:125px;}
#allcategory ul.allcategory_slave.slave2 {width:155px; }
#allcategory ul.allcategory_slave.slave2 ul.slave { padding-left: 0px !important;}
#allcategory ul.allcategory_slave.slave3 {width:183px;}
#allcategory ul.allcategory_slave.slave5 {width:128px;}
#allcategory ul.allcategory_slave.slave4 { width:162px; min-height:150px; }
#allcategory ul.allcategory_slave.slave4 ul.slave { padding-left: 0px !important;}
#allcategory ul.allcategory_slave.slave6 {width:116px; min-height:150px; }
#allcategory ul.allcategory_slave.slave7 {width:100px; border-right:0; }

#allcategory ul.allcategory_slave li {margin:0; padding:5px 0 5px 20px; list-style:none;}
#allcategory ul.allcategory_slave li a {font-size:13px; color:#626262; font-weight:bold; text-decoration:none;}
#allcategory ul.allcategory_slave li a:hover {	color:#51800f;}

#allcategory ul.subslave {
	list-style:none;
	margin: 0px; 
	padding: 0px;
	padding-left: 20px;
	padding-top: 5px;
}

#allcategory ul.subslave li {
	margin: 0px !important; 
	padding: 5px 0px !important;
}

#allcategory ul.subslave a{
	font-size: 11px !important;
	font-weight: normal !important;
}



/* widget_sub_navi */
.widget_sub_navi {position:relative; z-index:10; margin:20px 0 0;}
.widget_sub_navi .wrap {}
.widget_sub_navi h3 {display:block; margin:0; padding:0; height: 80px; }
.widget_sub_navi ul {margin:5px 0 0 0; padding:0;}
.widget_sub_navi li.list {list-style:none; }
.widget_sub_navi li.list:after {display:block; clear:both; content:""; *zoom:1;}
.widget_sub_navi li.list a.first {overflow: hidden; display:block; width:172px; margin:0; padding:5px 0 5px 30px; font-size:14px; font-family:'malgun gothic', dotum; color:#343434;  border-bottom:1px solid #d9d9d9;}
.widget_sub_navi li.list a.first:hover,
.widget_sub_navi li.list.selected a.first {font-weight:bold; color:#fefefe; text-decoration:none; background:url("../../img/trend9/sub_navi_list_select_bg.png") #35912b no-repeat 180px center;}

.widget_sub_navi li.list ul.subslave { overflow: hidden; margin: 0px; padding: 3px 0px 3px; padding-left: 50px; width: 152px; list-style:none; background-color: #f9f9f9; border-bottom:1px solid #d9d9d9;} 
.widget_sub_navi li.list ul.subslave li { padding: 5px 0px; }
.widget_sub_navi li.list ul.subslave li.selected a,
.widget_sub_navi li.list ul.subslave li:hover a { color: #35912b; }


/* snb_quick_menu */
ul.snb_quick_menu {margin:100px 0 10px 0; padding:0;}
ul.snb_quick_menu li {margin:10px 0; padding:0; list-style:none;}



/* widget_top_location */
.widget_top_location {overflow:hidden; height:120px; margin-bottom:30px; }
.widget_top_location h3 {float:left; margin:0; padding:3px 0 0 0;}
.widget_top_location h3 span {display:block; padding-bottom:10px; font-size:26px; font-weight:bold; color:#333; font-family:'Nanum Gothic', '나눔고딕', 'malgun gothic', arial, dotum, sans-serif;}
.widget_top_location p.position {padding:10px 0 20px 0; color:#888; overflow:hidden;}
*:first-child+html .widget_top_location p.position {padding-top:15px;}
span.position_active {color:#fbae3f; font-weight:bold;}
.widget_top_location p.position a {color:#7d7d7d;}
.widget_top_location p.position img {vertical-align:middle;}




/* 서브 비쥬얼 텍스트 */
.sub_visual .text { display:none; position: absolute; z-index: 9999; top: 85px; left: 120px; }
.sub_visual .text img {
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}





/*
.aside {position:absolute; top:27px; right:-100px; width:75px;}
.aside .widget_quickmenu .top { height: 42px; background: url('../../img/trend9/quick_top_bg.png') left top no-repeat; font-size: 0; line-height: 0; }
.aside .widget_quickmenu .middle { background: url('../../img/trend9/quick_middle_bg.png') left top repeat-y; }
.aside .widget_quickmenu .middle ul { margin:0; padding:0; list-style:none; }
.aside .widget_quickmenu .middle ul li { margin:0; padding: 5px 0; text-align: center; }
.aside .widget_quickmenu .bottom { height: 17px; background: url('../../img/trend9/quick_bottom_bg.png') left top no-repeat; font-size: 0; line-height: 0; }
.aside .top_bt { margin: 5px auto; padding: 0; text-align: center; }
*/