@charset "utf-8";
body{position:relative; margin:0; padding:0; font-size:12px; line-height:1.428571429}

.cw-container{width:100%; position:relative}
.shoe-container{position:relative; width:1170px; 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}
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:999; padding-top:8px; border-bottom:1px solid #ddd}

/*--[ 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}
#sf-menu-top li a{position:relative; display:block; zoom:1; white-space:nowrap; *white-space:normal; text-decoration:none; outline:none}
#sf-menu-top li,
#sf-menu-top li a,
#sf-menu-top li a > *{-moz-transition:background .1s; -o-transition:background .1s; -ms-transition:background .1s; -webkit-transition:background .1s; transition:background .1s}
/* 1st */
#sf-menu-top li a.nav1st{width:100%; height:23px; padding-right:10px; text-align:center; color:#888}
#sf-menu-top li a.nav1st i.fa{font-size:11px; padding-right: 15px;}
/* 2nd */
#sf-menu-top ul{display:none; position:absolute; top:100%; left:0; z-index:999; min-width:11em; *width:11em; background:#fff; border:1px solid #ddd; border-top:0}
#sf-menu-top li:hover > ul,
#sf-menu-top li.sfHover > ul{display:block}
#sf-menu-top ul li a{padding:6px 20px 7px; border-top:1px solid #ddd; font-family:'Malgun Gothic',돋움,sans-serif; font-weight:400; font-size:12px; color:#777}
#sf-menu-top ul li:first-child a.nav2nd{border-top:1px solid #ddd}
#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:#57bbc2; 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 #666}

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

/*--[  Bookmark ]--*/
#bookmark{float:left; line-height:1.2}
#bookmark a{font-family:'Malgun Gothic',돋움,sans-serif; font-size:11px; color:#888}
#bookmark a .fa{color:#555}

/*--[  Sign Navigation ]--*/
#sign-nav{float:right}
#sign-nav ul{margin:0; padding:0; list-style:none}
#sign-nav li{float:left; margin:0; padding:0 12px 8px 14px; background:url(../img/nav_bar.png) no-repeat left 5px; font-family:'Malgun Gothic',돋움,sans-serif; font-size:11px; color:#888}
#sign-nav li:first-child{padding-left:0; background:none}
#sign-nav li:last-child{padding-right:0}
#sign-nav li a{color:#888; outline:none}
#sign-nav li.admin-link a{padding-left:4px; padding-right:4px}
#sign-nav li a:hover,
#sign-nav li a:focus{color:#333}


/* ---------------------------------------------------------------------- */
/*	HEADER
/* ---------------------------------------------------------------------- */
#header{margin-top:35px; margin-bottom:15px; z-index:99}
#header .header1-container{margin-bottom:6px}
#header .header2-container{width: auto; background: #072146; border-top:1px solid #ddd; border-bottom:1px solid #ddd}

/*--[ SNS ]--*/
.plain-sns{position:absolute; top:-20px; right:0}
.plain-sns a{display:inline-block; zoom:1; *display:inline; width:26px; height:28px; overflow:hidden}
.plain-sns .fa-stack{width:28px; height:28px; line-height:28px}
.plain-sns .fa-stack .fa-stack-2x{font-size:27px; color:#888}
.plain-sns a:hover .fa-stack .fa-stack-2x,
.plain-sns a:focus .fa-stack .fa-stack-2x{color:#555 !important}
.plain-sns .fa-stack .fa-stack-1x{font-size:14px; color:#fff}

/*--[ Banner ]--*/
.shoe-banner{position:absolute; top: 5px; left:0; *border: solid 1px #ddd;}

/*--[ Logo ]--*/
.shoe-logo{margin-bottom:15px; text-align:center}
#logo{outline:none}
#logo .shoe-logoi{display:inline-block; zoom:1; *display:inline; width:253px; height:63px; background:url(../img/logo.png) no-repeat}

/*--[ Search ]--*/
#header .isearch{text-align:right}
#header #isearch{display:inline-block; vertical-align:top; zoom:1; *display:inline; width:200px; margin:0; padding:0; background:#fff}
#header #isearch .inputText{float:left; width:178px; height:14px; margin:0; padding:0; border:0; background:none; line-height:1.428571429; font-family:'Malgun Gothic',돋움,sans-serif; font-size:12px; color:#999; 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')}


/*--[ Main Navigation ]--*/
#main-nav{width: 1170px; margin-left: auto; margin-right: auto;}
#sf-menu{}
#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}
#sf-menu a{position:relative; display:block; zoom:1; white-space:nowrap; *white-space:normal; font-family:'Malgun Gothic',돋움,sans-serif; font-size:11px; color:#777; text-decoration:none; outline:none}
#sf-menu a:hover{text-decoration:none}
#sf-menu li,
#sf-menu a,
#sf-menu a > *{-moz-transition:background .1s; -o-transition:background .1s; -ms-transition:background .1s; -webkit-transition:background .1s; transition:background .1s}
/* 1st */
#sf-menu > li{float:left}
#sf-menu a.nav1st{padding:15px 10px 15px 11px; font-size:12px; font-weight:700; *letter-spacing: -0.35px; text-transform:uppercase; color:#ddd}
#sf-menu > li:last-child a.nav1st{padding-right:0}
#sf-menu a.nav1st:hover,
#sf-menu a.nav1st:focus,
#sf-menu li:hover a.nav1st,
#sf-menu li.current1 a.nav1st{color:#57bbc2; -moz-transition:none; -o-transition:none; -ms-transition:none; -webkit-transition:none; transition:none}
#sf-menu li.current1 a.nav1st{font-weight:700; *letter-spacing:-0.4px}
/* 2nd */
#sf-menu ul{display:none; position:absolute; top:100%; left:8px; z-index:99; min-width:10em; *width:10em; background:#fff; border:1px solid #ddd}
#sf-menu li:hover > ul,
#sf-menu li.sfHover > ul{display:block}
#sf-menu ul li a{font-size: 12px; padding:8px 12px 7px; border-top:1px solid #eee}
#sf-menu ul li:first-child > a{border-top:none}
#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:#57bbc2}
/* 3rd~ */
#sf-menu ul li:first-child ul{top:-1px}
#sf-menu ul ul{top:0; left:100%}
#sf-menu ul ul li:first-child > a .li-line{border-top:none}

/*-- Arrows --*/
/* 2nd~ */
.sf-arrows ul li > .sf-with-ul:after{content:'>'; position:absolute; top:50%; right:12px; margin-top:-6px; width:0; height:0; font-family:serif; font-style:normal; font-weight:normal; font-size:10px; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; color:#888}
.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:#57bbc2}


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


/* ---------------------------------------------------------------------- */
/*	FOOTER
/* ---------------------------------------------------------------------- */
#footer{border-top:1px solid #ddd; border-bottom:1px solid #ddd; z-index:97}
#footer .footer-cont{padding-top:7px; padding-bottom:7px}

/*--[ Option Navigation ]--*/
#footer-nav{}
#footer-nav ul{margin:0; padding:0; list-style:none}
#footer-nav li{float:left; margin:0; padding:0 35px 0 0; font-family:'Malgun Gothic',돋움,sans-serif; font-size:12px; color:#888}
#footer-nav li:last-child{padding-right:0}
#footer-nav li a{color:#888}
#footer-nav li a:hover,
#footer-nav li a:focus{color:#57bbc2}

/*--[ Goto Top ]--*/
#sTop2{position:absolute; bottom:-1px; right:0; display:block; width:31px; height:31px; border:1px solid #ddd; outline:none; text-align:center; font-family:'Malgun Gothic',돋움,sans-serif; color:#999}
#sTop2 .sTop-arrow{display:block; font-size:12px}
#sTop2 .sTop-text{display:block; font-size:11px; line-height:1.3}
#sTop2:hover{border-color:#888}


/* ---------------------------------------------------------------------- */
/*	SITE INFO
/* ---------------------------------------------------------------------- */
#site-info{z-index:96}
#site-info .site-info-img{padding:24px 0}

/* ---------------------------------------------------------------------- */
/*	FOOTER BOTTOM
/* ---------------------------------------------------------------------- */
#footer-bottom{z-index:95}
#footer-bottom .shoe-container{border-top:1px solid #ccc}
#footer-bottom .footer-bottom-img{padding:21px 0 24px; 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:97; top:244px; right:50%}
#trendshop-quick #quick-nav{background:#fcfcfc; border:none; border-top:4px solid #555}
#trendshop-quick #quick-nav ul{padding:0; border:1px solid #ddd; border-top:none}
#trendshop-quick #quick-nav li{padding:0 4px}
#trendshop-quick #quick-nav li a{padding:8px 0; border-top:1px solid #f2f2f2; font-family:'Malgun Gothic',돋움,sans-serif; color:#666}
#trendshop-quick #quick-nav li:first-child a{border-top:none}

/*--[ 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 {
}

/*--[ IE 6~7 ]--*/
@media screen\9 {
	#footer-bottom .contact_info p{padding-left:0}
	#footer .shoe-sitego select{margin-top:6px; padding:0}
	#footer .shoe-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:#57bbc2}
#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:#57bbc2}
#cameron-body .view_type1 td.review-btn #review-com{background:#57bbc2; border-color:#57bbc2}
#cameron-body .view_type1 td.qna-btn #qna-com{background:#57bbc2; border-color:#57bbc2}
#cameron-body .goto-section .goto-review{background:#4d91bc}
/* ShopCarousel Widget Skin */
#cameron-body .widget-ccs .owl-controls.clickable .owl-buttons > div:hover{background-color:#57bbc2; border-color:#57bbc2}

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

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


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