@charset "utf-8";
body{position:relative; margin:0; padding:0; font-size:12px}

.cw-container{width:100%; position:relative}
.trends-container{position:relative; width:1200px; margin-right:auto; margin-left:auto}

/*--[ Clearfix ]--*/
.newclearfix:after{clear:both; content:' '; display:block; font-size:0; height:0; line-height:0; visibility:hidden; width:0}
* html .newclearfix,:first-child+html .newclearfix{zoom:1}

/*--[ a ]--*/
a, a > *{text-decoration:none; -webkit-transition:background-color .1s ease, background-image .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out; -moz-transition:background-color .1s ease, background-image .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out; -ms-transition:background-color .1s ease, background-image .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out; -o-transition:background-color .1s ease, background-image .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out; transition:background-color .1s ease, background-image .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out}
a:hover{text-decoration:none}
img,iframe{vertical-align:middle}

/*--[ Skip To Content ]--*/
.skipNav{width:100%; margin:0 auto; background:#fff; text-align:center}
.skipNav a{position:absolute; left:0; top:0; width:1px; height:0; display:block; padding:5px 0; overflow:hidden; color:#999; text-decoration:none; white-space:nowrap}
.skipNav a:hover,.skipNav a:active,.skipNav a:focus{position:relative; height:auto; width:auto}


/* ---------------------------------------------------------------------- */
/*	HEADER TOP
/* ---------------------------------------------------------------------- */
#header-top{z-index:99}

/* Sign */
#top-nav{float:right}
#top-nav ul{margin:20px 0 0 0; padding:0; list-style:none}
#top-nav li{float:left; margin:0; padding:0 0 0 16px; line-height:1.2; font-family:'Malgun Gothic',돋움,sans-serif; font-size:12px; color:#777}
#top-nav li a{padding:6px 8px 5px 8px; color:#777; outline:none}
#top-nav li.admin-link a{padding-left:4px; padding-right:4px}
#top-nav li a#fstar{background-color:#c6aaa4; color:#fff}
#top-nav li a:focus{color:#333}


/* ---------------------------------------------------------------------- */
/*	HEADER
/* ---------------------------------------------------------------------- */
#header{padding:20px 0 50px 0; z-index:98}

/*--[ Logo ]--*/
.trends-logo{float:left}
#logo{position:relative; display:block; outline:none}
#logo .trends-logoi{display:inline-block; width:322px; height:35px; background:url(../img/logo.png) no-repeat}

/* Search */
#header .isearch{float:right; width:185px; background:#fff; border:1px solid #d6d6d6}
#header #isearch{margin:0; padding:0}
#header #isearch .inputText{float:left; width:142px; height:16px; margin:0; padding:9px 0 8px 10px; border:0; background:none; line-height:1.3; font-size:13px; color:#888; outline:none}
#header #isearch .submit{float:left; width:33px; height:33px; margin:0; padding:0; background:url(../img/isearch.png) no-repeat center center; border:0; border-radius:0; outline:none; cursor:pointer; -webkit-appearance:none; -webkit-transition:opacity .1s ease-in-out; -moz-transition:opacity .1s ease-in-out; -ms-transition:opacity .1s ease-in-out; -o-transition:opacity .1s ease-in-out; transition:opacity .1s ease-in-out; filter:alpha(opacity=80); opacity:.8; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/isearch.png', sizingMethod='scale'); -ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/isearch.png', sizingMethod='scale')}
#header #isearch .submit:hover,
#header #isearch .submit:focus{filter:alpha(opacity=100); opacity:1; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/isearch.png', sizingMethod='scale'); -ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/isearch.png', sizingMethod='scale')}



/* ---------------------------------------------------------------------- */
/*	CONTENT
/* ---------------------------------------------------------------------- */
#contents{margin-bottom:30px; z-index:97}
#content{float:left; width:990px}

/*--[ Main Navigation ]--*/
#trends-nav{float:left; width:190px; margin-right:20px}
#main-nav li{line-height:1.2}
#main-nav a{outline:none}

/* Nav 1st */
#main-nav ul{position:relative; margin:0; padding:0; list-style:none}
#main-nav li{margin:0; padding:0; list-style:none}
#main-nav li a{display:block; font-family:'Malgun Gothic',돋움,sans-serif; font-size:12px; color:#777}
#main-nav li a.nav-text{padding:6px 0}
#main-nav li a img{display:block; padding:6px 0}
#main-nav li:first-child a img{padding-top:0}
#main-nav li:hover a,
#main-nav li.current a{color:#333}

/*--[ Aside Widget ]--*/
#trends-nav .aside_widget1{margin-top:90px}
#trends-nav .aside_widget2{margin-top:30px}


/* ---------------------------------------------------------------------- */
/*	FOOTER
/* ---------------------------------------------------------------------- */
#footer{margin-bottom:20px; z-index:96}
#footer .footer-cont{padding:14px 0 16px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd}

/*--[ Option Navigation ]--*/
#footer_nav{float:left}
#footer_nav ul{margin:0; padding:0; list-style:none}
#footer_nav li{float:left; margin:0 20px 0 5px; padding:0; font-family:'Malgun Gothic',돋움,sans-serif; font-size:12px; color:#888}
#footer_nav li a{color:#888}
#footer_nav li a:hover,
#footer_nav li a:focus{color:#333}

/*--[ Goto Top ]--*/
#goto-top{float:right; margin-right:5px}


/* ---------------------------------------------------------------------- */
/*	FOOTER BOTTOM
/* ---------------------------------------------------------------------- */
#footer-bottom{z-index:95}

/*--[ Contact ]--*/
#footer-bottom .trends-contact{width:100%; margin:0 0 15px 0; padding:0; border:0; border-spacing:0}
#footer-bottom .trends-contact td{padding:0 30px; border-right:1px solid #ddd; vertical-align:top}
#footer-bottom .trends-contact td.contact1{padding-left:5px}
#footer-bottom .trends-contact td:last-child{padding-right:5px; border-right:0}
#footer-bottom .trends-contact td,
#footer-bottom .trends-contact td *{line-height:1.7; font-family:'Malgun Gothic',sans-serif; font-size:12px; color:#999}


/* ---------------------------------------------------------------------- */
/*	ACCESSORY
/* ---------------------------------------------------------------------- */

/*--[ Back to Top ]--*/
#sButton{position:fixed; top:50%; margin-top:-51px; right:30px; width:50px; height:103px; overflow:hidden; text-decoration:none; text-indent:-999px; z-index:999}
#sButton a{display:block; width:48px; height:48px; background-image:url(../img/sbtn.png); background-repeat:no-repeat; border:1px solid #ccc; outline:none}
#sButton #sTop{background-position:9px 16px; margin-bottom:3px}
#sButton #sBottom{background-position:9px -32px}
#sButton a:hover,
#sButton a:focus{border-color:#888}
#sButton #sTop:hover,
#sButton #sTop:focus{background-position:-38px 16px}
#sButton #sBottom:hover,
#sButton #sBottom:focus{background-position:-38px -32px}


/*--[ Quick ]--*/
#trendshop-quick{position:fixed; z-index:999; top:140px; right:50%}


/*--[ Placeholder ]--*/
.text-placeholder{color:#aaa !important}


/* ---------------------------------------------------------------------- */
/*	RESPONSIVE
/* ---------------------------------------------------------------------- */
@media screen and (max-width:1920px){
	#sButton{top:auto; bottom:30px; right:20px}
}


/* ---------------------------------------------------------------------- */
/*	CAMERON IE HACK
/* ---------------------------------------------------------------------- */
/*--[ IE 8~11 ]--*/
@media screen\0 {
}

/*--[ IE 8 ]--*/
@media \0screen {
}

/*--[ IE 6~7 ]--*/
@media screen\9 {
	#footer-bottom .contact_info p{padding-left:0}
	#footer .trends-sitego select{margin-top:6px; padding:0}
	#footer .trends-sitego input.goGo{width:35px; height:20px; line-height:20px; margin-top:7px}
}

/*--[ Firefox ]--*/
@-moz-document url-prefix() {
}



/* ---------------------------------------------------------------------- */
/*	CAMERON XE FIX
/* ---------------------------------------------------------------------- */
/*--[ Page Fix ]--*/
#content .btnArea{margin:0 !important; padding-top:10px !important; padding-bottom:10px !important}