@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{position:fixed; top:0; background-color:#af5592; z-index:999}

/*--[ Top Navigation ]--*/
#top-nav{float:left}
#sf-menu-top,
#sf-menu-top ul,
#sf-menu-top li{margin:0; padding:0; list-style:none}
#sf-menu-top li{position:relative; white-space:nowrap; *white-space:normal; -moz-transition:background .1s; -o-transition:background .1s; -ms-transition:background .1s; -webkit-transition:background .1s; transition:background .1s}
#sf-menu-top li a{position:relative; display:block; zoom:1; white-space:nowrap; *white-space:normal; text-decoration:none; outline:none}
/* 1st */
#sf-menu-top li a.nav1st{width:30px; height:30px; background:rgba(0,0,0,.1); line-height:28px; text-align:center; font-size:18px; color:#fff}
#sf-menu-top li a.nav1st i.fa{line-height:28px; font-size:18px}
/* 2nd */
#sf-menu-top ul{display:none; position:absolute; top:100%; left:0; z-index:999; min-width:12em; *width:12em; background:#fff; border:1px solid #eee; border-top:0}
#sf-menu-top li:hover > ul,
#sf-menu-top li.sfHover > ul{display:block}
#sf-menu-top ul li a{padding:11px 20px; background-color:#f8f8f8; border-top:1px solid #eee; font-family:'Malgun Gothic',돋움,sans-serif; font-weight:700; font-size:12px; line-height:1.2; color:#666}
#sf-menu-top ul li:first-child a.nav2nd{border-top:1px solid #eee}
#sf-menu-top ul li a:hover,
#sf-menu-top ul li a:focus,
#sf-menu-top ul li.sfHover a.nav2nd,
#sf-menu-top ul ul li.sfHover a.nav3rd,
#sf-menu-top ul ul ul li.sfHover a.nav4th{background-color:#fff; color:#af5592; text-decoration:none}
#sf-menu-top ul li.current1 a.nav2nd,
#sf-menu-top ul li.current2 a.nav3rd,
#sf-menu-top ul li.current3 a.nav4th{background-color:#fff; border-left:1px solid #b35d97}

/* 3rd~ */
#sf-menu-top ul ul{top:0; left:100%}
#sf-menu-top ul ul li a{font-weight:400}

/*--[  Bookmark ]--*/
#bookmark{float:left; margin-left:10px; padding:8px 0 7px}
#bookmark a{line-height:1.2; font-family:돋움,sans-serif; font-size:12px; color:#fff}

/*--[  Sign Navigation ]--*/
#sign-nav{float:right; padding:7px 0 8px}
#sign-nav ul{margin:0; padding:0; list-style:none}
#sign-nav li{float:left; margin:0; padding:0 0 0 24px; line-height:1.2; font-family:'Malgun Gothic',돋움,sans-serif; font-size:13px; color:#fff}
#sign-nav li a{color:#fff; outline:none}
#sign-nav li.admin-link a{padding-left:4px; padding-right:4px}
#sign-nav li a:focus{color:#eee}


/* ---------------------------------------------------------------------- */
/*	HEADER
/* ---------------------------------------------------------------------- */
#header{padding:38px 0 10px 0; z-index:99}
#header .header1-container{margin-bottom:60px}
#header .header2-container{border-bottom:1px solid #ddd}

/*--[ SNS ]--*/
.trends-sns{text-align:right}
.trends-sns a{display:inline-block; zoom:1; *display:inline; width:26px; height:28px; overflow:hidden}
.trends-sns .fa-stack{width:28px; height:28px; line-height:28px}
.trends-sns .fa-stack .fa-stack-2x{font-size:27px; color:#3c73b6}
.trends-sns a:hover .fa-stack .fa-stack-2x,
.trends-sns a:focus .fa-stack .fa-stack-2x{color:#af5592 !important}
.trends-sns .fa-stack .fa-stack-1x{font-size:14px; color:#fff}

/*--[ Logo ]--*/
.trends-logo{margin-top:28px}
#logo{outline:none}
#logo .trends-logoi{display:block; width:210px; height:36px; background:url(../img/logo.png) no-repeat}

/*--[ Main Navigation ]--*/
#main-nav{float:left}
#sf-menu,
#sf-menu ul,
#sf-menu li{margin:0; padding:0; list-style:none}
#sf-menu li{position:relative; white-space:nowrap; *white-space:normal; -moz-transition:background .1s; -o-transition:background .1s; -ms-transition:background .1s; -webkit-transition:background .1s; transition:background .1s}
#sf-menu a{position:relative; display:block; zoom:1; white-space:nowrap; *white-space:normal; font-family:'Malgun Gothic',돋움,sans-serif; font-size:12px; line-height:1.2; color:#666; text-decoration:none; outline:none}
#sf-menu a:hover{text-decoration:none}
/* 1st */
#sf-menu > li{float:left}
#sf-menu a.nav1st{padding:0px 32px 15px 0; font-size:13px; font-weight:700; text-transform:uppercase}
#sf-menu a.nav1st:hover,
#sf-menu a.nav1st:focus,
#sf-menu li:hover a.nav1st,
#sf-menu li.current1 a.nav1st{color:#af5592; -moz-transition:none; -o-transition:none; -ms-transition:none; -webkit-transition:none; transition:none}
/* 2nd */
#sf-menu ul{display:none; position:absolute; top:100%; left:0; z-index:99; min-width:12em; *width:12em; background:#fff; border:1px solid #eee; border-top:0}
#sf-menu li:hover > ul,
#sf-menu li.sfHover > ul{display:block}
#sf-menu ul li a{padding:11px 20px; background-color:#f8f8f8; border-top:1px solid #eee; color:#666}
#sf-menu ul li:first-child a.nav2nd{border-top:1px solid #eee}
#sf-menu ul li a:hover,
#sf-menu ul li a:focus,
#sf-menu ul li.sfHover a.nav2nd,
#sf-menu ul li.current2 a.nav2nd,
#sf-menu ul li.current3 a.nav3rd,
#sf-menu ul li.current4 a.nav4th{background-color:#fff; color:#af5592}
/* 3rd~ */
#sf-menu ul ul{top:0; left:100%}

/*-- Arrows --*/
/* 2nd~ */
.sf-arrows ul li > .sf-with-ul:after{content:'\f105'; position:absolute; top:50%; right:20px; margin-top:-7px; width:0; height:0; font-family:FontAwesome; font-style:normal; font-weight:normal; font-size:13px; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; color:#4c4c4c}
.sf-arrows ul li > .sf-with-ul:hover:after,
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after{color:#af5592}


/*--[ Search ]--*/
#header .isearch{float:right; width:160px; background:#fff}
#header #isearch{margin:4px 0 0 0; padding:0}
#header #isearch .inputText{float:left; width:138px; height:14px; margin:0; padding:0; border:0; background:none; font-family:'Malgun Gothic',돋움,sans-serif; font-size:12px; color:#666; outline:none}
#header #isearch .submit{float:left; width:14px; height:14px; margin:0; padding:0; background:url(../img/isearch.png) no-repeat right center; border:0; border-radius:0; outline:none; cursor:pointer; -webkit-appearance:none; 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=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')}


/* ---------------------------------------------------------------------- */
/*	CONTENT
/* ---------------------------------------------------------------------- */
#contents{padding-bottom:30px; z-index:98}
#contents.sub-contents{padding-top:40px}


/* ---------------------------------------------------------------------- */
/*	FOOTER
/* ---------------------------------------------------------------------- */
#footer{margin-bottom:10px; z-index:97}

/*--[ Option Navigation ]--*/
#footer-nav{float:right}
#footer-nav ul{margin:0; padding:0; list-style:none}
#footer-nav li{float:left; margin:0 0 0 5px; padding:0; font-family:'Malgun Gothic',돋움,sans-serif; font-size:12px; color:#999}
#footer-nav li:before{display:inline-block; content:'|'; margin-right:5px; margin-left:5px; font-family:'Malgun Gothic',돋움,sans-serif; font-size:10px}
#footer-nav li:first-child:before{display:none}
#footer-nav li a{color:#999}
#footer-nav li a:hover,
#footer-nav li a:focus{color:#666}


/* ---------------------------------------------------------------------- */
/*	SITE INFO
/* ---------------------------------------------------------------------- */
#site-info{background-color:#f8f8f8; border-top:1px solid #eee; z-index:96}
#site-info .site-info-img{padding:27px 0 35px; text-align:center}


/* ---------------------------------------------------------------------- */
/*	FOOTER BOTTOM
/* ---------------------------------------------------------------------- */
#footer-bottom{z-index:95}
#footer-bottom .footer-bottom-img{padding:20px 0; text-align:center}



/* ---------------------------------------------------------------------- */
/*	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:998}
#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:997; 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~8 ]--*/
@media \0screen\,screen\9 {
	/* IE6~8 Hack */
	#sf-menu-top li a.nav1st{background:url(../img/top_nav.png)}
	#bookmark{padding:7px 0 6px}
	#sign-nav{padding:6px 0 7px}
}

/*--[ 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 TRENDSHOP SKIN CUSTOM
/* ---------------------------------------------------------------------- */
#signup-form,
#mypage,
.mypage-title,
#itemdetail,
#cart-items,
#orderlist,
#order-items,
#order-complete,
.xm{width:990px; margin:60px auto 120px auto}
#signin-form{margin-bottom:70px}

/*--[PRODUCT]--*/
/* nproduct Module Skin */
#cameron-body .category-title .category-title-list li a:hover,
#cameron-body .category-title .category-title-list li a:focus,
#cameron-body .category-title .category-title-list li a.current{color:#af5592}
#cameron-body #item-list-title .category-list li a:hover,
#cameron-body #item-list-title .category-list li a:focus,
#cameron-body #item-list-title .category-list li a.current{color:#af5592}
#cameron-body .list-style a:hover,
#cameron-body .list-style a:focus{color:#af5592}
#cameron-body #itemdetail .item-btn a.btn-buynow{background-color:#af5592; border-color:#af5592}
#cameron-body .view_type1 td.review-btn #review-com{background:#af5592; border-color:#af5592}
#cameron-body .view_type1 td.qna-btn #qna-com{background:#af5592; border-color:#af5592}
#cameron-body .goto-section .goto-btn{background:#af5592}
/* ShopCarousel Widget Skin */
#cameron-body .widget-ccs .owl-controls.clickable .owl-buttons > div:hover{background-color:#af5592; border-color:#af5592}

/*--[PAYMENT]--*/
/* ncart Module Skin */
#cameron-body #total-price .go-payment{background-color:#af5592; border-color:#af5592}
#cameron-body .addr-btn .addr-add-btn{background-color:#af5592; border-color:#af5592}
#cameron-body #signin-form .signin-submit #siginin-btn{background:#af5592}
#cameron-body .complete-btn a.btn-home{border-color:#af5592; color:#af5592}
#cameron-body .complete-btn a.btn-continue{background-color:#af5592; border-color:#af5592}
/* nstore Module Skin */
#cameron-body .back-btn a{background-color:#af5592}
#cameron-body #orderlist .info-table td.total-price{color:#af5592}
#cameron-body #orderlist .period td.period-date input.inquiry{background-color:#af5592; border-color:#af5592}
#cameron-body #signin-form .signin-submit #siginin-btn{background:#af5592}
/* epay Module Skin */
#cameron-body .payments td .gopay-btn{color:#af5592}
#cameron-body .cash-btn .cash-com-btn{background-color:#af5592; border-color:#af5592}

/*--[MEMBER]--*/
#cameron-body #signin-form .signin-submit #siginin-btn{background:#af5592}
#cameron-body #signin-form .signin-ex a:hover,
#cameron-body #signin-form .signin-ex a:focus{color:#af5592}
#cameron-body #signup-form .signup-btn-area .signup-btn-submit{background:#af5592; border-color:#af5592}


/* ---------------------------------------------------------------------- */
/*	CAMERON XE FIX
/* ---------------------------------------------------------------------- */
/*--[ Page Fix ]--*/
#content .btnArea{margin:0 !important; padding-top:10px !important; padding-bottom:10px !important}