@charset "utf-8";
html,body{width:100%; overflow-x:hidden; margin:0; padding:0}
#cameron-body{position:relative; z-index:1; background:#fff}
a,a:hover{text-decoration:none; color:#333}


/* ---------------------------------------------------------------------- */
/*	HEADER TOP
/* ---------------------------------------------------------------------- */
#header-top{height:33px; background-color:#af5592}

/*--[ Navigation Button ]--*/
#header-top .nav-button{text-align:left}
#header-top .nav-button i{line-height:33px; font-size:19px; color:#fff}

/*--[ Sign ]--*/
#header-top .sign-nav{text-align:center}
#sign-nav{display:inline-block}
#sign-nav ul{margin:0; padding:0; list-style:none}
#sign-nav ul li{float:left; margin:0; padding:0; font-size:0.917em}
#sign-nav ul li a{display:block; height:33px; line-height:33px; padding:0 8px; font-weight:bold; color:#fff}
@media (max-width:320px){
	#sign-nav ul li a{padding:0 4px}
}
@media (min-width:768px){
	#sign-nav ul li{font-size:1em}
	#sign-nav ul li a{padding:0 16px}
}
#sign-nav ul li:first-child a{padding-left:0}
#sign-nav ul li:last-child a{padding-right:0}


/*--[ Search Button ]--*/
#header-top .search-button{text-align:right}
#header-top .search-button i{line-height:33px; font-size:17px; color:#fff}

/*--[ Search Form ]--*/
#header-search{display:none; width:100%; height:40px; margin-top:8px}
#header-search #isearch{position:relative; width:100%; height:40px; margin:0; padding:0}
#header-search #isearch .inputText{position:absolute; top:0; left:0; width:100%; height:40px; line-height:40px; margin:0; padding:9px 0 8px 10px; border:1px solid #ccc; background:none; border-radius:0; line-height:1.2; font-size:1.333em; color:#333; outline:none; -webkit-appearance:none}
#header-search #isearch .isearch-submit{position:absolute; top:0; right:0; width:40px; height:40px; margin:0; padding:0; background:#555; border:0; border-radius:0; outline:none; cursor:pointer; -webkit-appearance:none}
#header-search #isearch .isearch-submit i{font-size:20px; color:#fff}


/* ---------------------------------------------------------------------- */
/*	HEADER
/* ---------------------------------------------------------------------- */

/*--[ Logo ]--*/
#header-logo .logo{margin-top:28px; margin-bottom:28px; text-align:center}
#header-logo .logo a{outline:none}
#header-logo .logo .cameron-logo{display:inline-block; zoom:1; *display:inline; width:215px; height:19px; background:url(../img/logo.png) no-repeat center center; background-size:contain}

/*--[ Header Navigation ]--*/
#header-nav{padding:0 8px; border-top:1px solid #ddd}
#header-nav .header-nav ul{margin:0; padding:0; list-style:none}
#header-nav .header-nav li{margin:0; padding-top:0; padding-bottom:0; background:#fcfcfc; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:normal; font-size:0.917em; color:#333}
#header-nav .header-nav li:last-child{border-right:0}
#header-nav .header-nav li a{display:block; height:31px; line-height:31px; overflow:hidden; text-align:center; color:#333}
@media (min-width:768px) {
	#header-nav .header-nav li{font-size:1em}
}

/*--[ Breadcrumb ]--*/
#breadcrumb{margin-top:5px; text-align:center}
#breadcrumb ul{margin:0; padding:0; list-style:none}
#breadcrumb li{display:inline-block; margin:0; padding:0; font-size:0.917em; color:#666}
#breadcrumb li a{color:#666}

/* ---------------------------------------------------------------------- */
/*	CONTENT
/* ---------------------------------------------------------------------- */
#cameron-content > .content{padding-top:32px; padding-bottom:32px}


/* ---------------------------------------------------------------------- */
/*	FOOTER
/* ---------------------------------------------------------------------- */

/*--[ CS Infomation ]--*/
#cs-info{padding:10px 0; background:#f8f8f8; border-top:1px solid #ddd}
#cs-info .cs-info{font-weight:normal; color:#666}
#cs-info .col-line{border-left:1px solid #eee}

/*--[ Site Tel ]--*/
#call-me{padding:12px 0; background-color:#af5592}
#call-me .call-me{text-align:center; font-weight:normal; font-size:1.333em; color:#fff}
#call-me .call-me a{color:#fff}

/*--[ Quick Link ]--*/
#quick-link{border-bottom:1px solid #ddd}
#quick-link .quick-link-col{border-left:1px solid #ddd}
#quick-link .quick-link-col:first-child{border-left:0}
#quick-link .quick-link-col a{display:block; height:75px; text-align:center}
#quick-link .quick-link-col a > div{padding-top:18px}
#quick-link .quick-link-col a i{font-size:22px; color:#ccc}
#quick-link .quick-link-col a .link-title{padding-top:5px}
#quick-link .quick-link-col a span{font-size:0.917em; color:#666}

/*--[ Shop Infomation ]--*/
#shop-info{padding:12px 0; background:#f8f8f8; font-weight:normal; font-size:0.917em; color:#888}
#shop-info a{color:#666}

/*--[ Footer Navigation ]--*/
#footer-nav{padding:6px 0; background:#fff; border-top:1px solid #ddd}
#footer-nav .container{}
.footer-nav{text-align:center}
.footer-nav ul{margin:0; padding:0; list-style:none}
.footer-nav li{display:inline-block; margin:0 7px; padding:0; font-weight:normal; font-size:0.917em; color:#666}
.footer-nav li a{color:#666}

/*--[ Copyright ]--*/
#copyright{padding:6px 0 10px; background:#f8f8f8; border-top:1px solid #ddd}
#copyright .copyright{text-align:center; font-weight:normal; font-size:0.833em; color:#888}
#copyright .copyright a{color:#666}

@media (min-width:768px) {
	#cs-info .cs-info{font-size:1.167em}
	#quick-link .quick-link-col a{height:90px}
	#quick-link .quick-link-col a > div{padding-top:20px}
	#quick-link .quick-link-col a i{font-size:30px}
	#quick-link .quick-link-col a span{font-size:1.083em}
	#shop-info{font-size:1.083em}
	#footer-nav{padding-top:10px}
	.footer-nav li{font-size:1em}
}

/*--[ Back to Top ]--*/
#sButton{position:fixed; bottom:20px; right:10px; width:40px; height:80px; overflow:hidden; text-decoration:none; z-index:998}
#sButton a{display:block; width:36px; height:36px; margin:2px; line-height:36px; text-align:center; background:rgba(255,255,255,.5); border:1px solid rgba(255,255,255,.8); border-radius:2px; box-shadow:0 0 1px rgba(0,0,0,.6); font-size:18px; color:#666; outline:none}
#sButton #sTop{margin-bottom:4px}
#sButton #sBottom{margin-bottom:8px}
#sButton #sMiddle{text-indent:-999px}


/* ---------------------------------------------------------------------- */
/*	NAVIGATION
/* ---------------------------------------------------------------------- */

/*--[ NAVIGATION BUTTON ]--*/
#TouchMe{display:block; cursor:pointer; -webkit-tap-highlight-color:transparent; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-backface-visibility:hidden}
#TouchMe.touch-on{-webkit-backface-visibility:hidden}

/*--[ MOBILE NAVIGATION ]--*/
#cameron-mobile-nav{display:none}
#touch-scroll{position:fixed; top:0; left:0; z-index:-1; height:100%; overflow:hidden; background-color:#f4f4f4; -webkit-transition:visibility 0s linear .2s; -moz-transition:visibility 0s linear .2s; -ms-transition:visibility 0s linear .2s; -o-transition:visibility 0s linear .2s; transition:visibility 0s linear .2s}
.cameron-mobile-nav #touch-scroll{-webkit-transition:z-index 0s ease-out .3s; -moz-transition:z-index 0s ease-out .3s; -ms-transition:z-index 0s ease-out .3s; -o-transition:z-index 0s ease-out .3s; transition:z-index 0s ease-out .3s}

/* Tab List */
.tab-list{margin:0; padding:0; list-style:none}
.tab-list li{float:left; width:50%; margin:0; padding:0; background:#666}
.tab-list li a{display:block; height:33px; line-height:33px; text-align:center; font-weight:normal; color:#fff}
.tab-list li.active{background:#fff}
.tab-list li.active a{color:#666}

/* Navigation */
#mobile-nav{position:relative; width:262px; height:100%; overflow:hidden}
.cameron-mobile-nav #mobile-nav{}
#mobile-nav ul{margin:0; padding:0; list-style:none}
#mobile-nav > ul{position:relative; height:100%; overflow:auto; -webkit-overflow-scrolling:touch}
#mobile-nav li{margin:0; padding:0}
#mobile-nav a{position:relative; display:block; font-weight:bold}
#mobile-nav a.nav1st{padding:13px 0 13px 8px; background-color:#f9f9f9; border-top:1px solid #e9e9e9; border-right:1px solid #e9e9e9; line-height:normal; color:#444}
#mobile-nav li.nav-bottom a.nav1st{height:80px; background:none}
#mobile-nav a.nav2nd,
#mobile-nav a.nav3rd{background-color:#f2f2f2; border-top:1px solid #e9e9e9; border-right:1px solid #e9e9e9; color:#666}
#mobile-nav a.nav2nd{padding:12px 0 12px 16px}
#mobile-nav a.nav3rd{padding:11px 0 11px 24px}
#mobile-nav li.current1 a.nav1st{background-color:#af5592; color:#fff}
#mobile-nav li.current2 a.nav2nd,
#mobile-nav li.current3 a.nav3rd{color:#af5592}
#mobile-nav a i.xi-angle-down,
#mobile-nav a.nav1st i.xi-angle-right{position:absolute; right:14px; top:50%; margin-top:-4px; font-size:8px}
#mobile-nav a.nav3rd i.xi-angle-right{font-size:9px}

/* My Page */
#mobile-sign{position:relative; width:262px; height:100%; overflow:hidden; padding:4px; background-color:#f9f9f9; border-right:1px solid #eee}
.cameron-mobile-nav #mobile-sign{}
#mobile-sign ul{margin:0; padding:0; list-style:none}
#mobile-sign li{float:left; margin:4px; padding:0}
#mobile-sign li a{display:block; width:76px; height:76px; background-color:#fff; border:1px solid #eee; text-align:center}
.multil #mobile-sign li a{height:84px}
#mobile-sign li a > div{padding-top:14px}
#mobile-sign li a > div > div{margin-bottom:2px}
#mobile-sign li a i{font-size:30px; color:#ccc}
#mobile-sign li a span{font-family:돋움,sans-serif; font-size:0.917em; color:#444}
.multil #mobile-sign li a span{font-size:0.833em}
#mobile-sign li a:hover,
#mobile-sign li a:focus{border-color:#888; color:#333}

/*--[ CAMERON BODY ]--*/
#cameron-body{-webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0); -webkit-transition:.3s -webkit-transform ease-out; -moz-transition:.3s -moz-transform ease-out; -ms-transition:.3s -ms-transform ease-out; -o-transition:.3s -o-transform ease-out; transition:.3s transform ease-out; -webkit-backface-visibility:hidden}
#cameron-body.slide-x{height:100%; overflow-y:hidden; -webkit-transform:translateX(262px); -moz-transform:translateX(262px); -ms-transform:translateX(262px); -o-transform:translateX(262px); transform:translateX(262px); -webkit-backface-visibility:hidden}

/*--[bxSlider Fix]--*/
.bx-viewport{-webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0)}


/* ---------------------------------------------------------------------- */
/*	Font
/* ---------------------------------------------------------------------- */
.number-font{font-family:HelveticaNeue !important}
/*--[ xe.min.css fix ]--*/
button, input, select, table, textarea{font-family:"Malgun Gothic",돋움,sans-serif}


/* ---------------------------------------------------------------------- */
/*	Button
/* ---------------------------------------------------------------------- */
/*--[ Go Button ]--*/
.go-button{margin-top:16px}
.go-button a,
.go-button button,
.go-button input{display:block; width:100%; height:44px; line-height:44px; border:1px solid; border-radius:0; text-align:center; font-size:1.250em; text-transform:uppercase; cursor:pointer; -webkit-appearance:none}
.go-button .go-back{background:#fcfcfc; border-color:#bbb; color:#333}
.go-button .go-front{background:#53617f; border-color:#53617f; color:#fff}


/* ---------------------------------------------------------------------- */
/*	Module Skin Title
/* ---------------------------------------------------------------------- */
.member-title,
.ncart-title,
.nstore-title{margin-bottom:30px; text-align:center; font-weight:bold; font-size:1.167em; color:#444}
@media (min-width:768px) {
	.member-title,
	.ncart-title,
	.nstore-title{font-size:1.250em}
}