@charset "utf-8";
body{*background: #f9f9f9; position:relative; margin:0; padding:0; font-size:12px}

.cw-container{width:100%; position:relative}
.trends-container{position:relative; width:1210px; 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{height: 40px; box-sizing: border-box; border-bottom: 1px solid #ddd; z-index:99}

/* Sign */
#top-nav{float:right}
#top-nav ul{margin:12px 0 0 0; padding:0; list-style:none}
#top-nav li{background: url(../img/nav_bar.png) no-repeat left 5px; float:left; margin:0; padding:0 0 0 5px; line-height:1.2; font-family:'Malgun Gothic',돋움,sans-serif; font-size:12px; color:#777}
#top-nav li:first-child {padding-left: 0; background: none;}
#top-nav li:last-child {padding-left: 10px;}
#top-nav li a{padding:5px 8px 6px; color:#777; outline:none; text-decoration: none;}
#top-nav li a:hover,
#top-nav li a:focus{color:{$layout_info->ccs}}

#top-nav li.admin-link a{padding-left:4px; padding-right:4px}
#top-nav li a#fstar{background-color:#000; color:#fff; border-radius: 3px;}
#top-nav li a:focus{color:#333}

.marcado {color:#fede29}

/* ---------------------------------------------------------------------- */
/*	HEADER
/* ---------------------------------------------------------------------- */
#header{padding:20px 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}
#logo img{height: 60px;}

/*--[ Top banner ]--*/
.trend-banner { position: absolute; left: 220px; }
.trend-banner img { height: 60px; }

/* Search */
#header .isearch{float:right; width:220px; background:#fafafa; border:1px solid #d6d6d6; border-radius: 20px;}
#header #isearch{margin:0; padding:0 5px}
#header #isearch .inputText{float:left; width:173px; height:32px; line-height: 32px; margin:0; padding-left: 10px; border:0; background:none; font-size:13px; color:#888; outline:none; font-family: 'Malgun Gothic', 돋움, sans-serif;}
#header #isearch .submit{float:left; width:34px; height:34px; 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:30px}
#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: "Noto Sans", Calibri, Arial, sans-serif; font-size:15px; color:#777; text-decoration: none;}
#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}

/*--[ Aside Widget ]--*/
#trends-nav .aside_widget1{margin-top:90px}
#trends-nav .aside_widget2{margin-top:25px; margin-bottom: 50px;}

/*--[ SNS ]--*/
.trend-sns{display: inline-block; position: absolute; top: 20px; right: 0}
.trend-sns a{display:inline-block; background-color: rgba(255, 255, 255, 0.15); width:40px; height:40px; overflow:hidden}
.footer-sns{display: inline-block; margin-right: 2px; border-radius: 8px; font-size: 15px;}
.fa-color{color: #bbb !important}

/* ---------------------------------------------------------------------- */
/*	FOOTER
/* ---------------------------------------------------------------------- */
#footer{background: #000; border-top: 1px solid #333; border-bottom: 1px solid #333; z-index:96}
#footer .footer-cont{padding:14px 0 15px 0;}

/*--[ 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:#999}
#footer_nav li a{text-decoration: none; color:#999}

/*--[ Goto Top ]--*/
#goto-top{float:right; margin-right:5px}


/* ---------------------------------------------------------------------- */
/*	FOOTER BOTTOM
/* ---------------------------------------------------------------------- */
#footer-bottom{background: #000; z-index:95}

/*--[ Contact ]--*/
#footer-bottom .trends-contact{width:100%; padding:20px 0 20px; border:0; border-spacing:0}
#footer-bottom .trends-contact td{padding:0 30px; padding-top: 20px; padding-bottom: 20px; border-right:1px solid #333; vertical-align:top}
#footer-bottom .trends-contact td.contact1{padding-left:5px;}
#footer-bottom .trends-contact td.contact1 img{height:58px;}
#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.4; font-family: "Noto Sans", Calibri, Arial, sans-serif; font-size:14px; 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}