@charset "utf-8";
/*--[ NAVIGATION BUTTON ]--*/
#TouchMe{display:none; position:fixed; top:10px; right:10px; z-index:1000; width:40px; height:40px; text-align:center; border-radius:40px; cursor:pointer; overflow:hidden; background-color:#ea5859; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out;  -o-transition:all .2s ease-out; transition:all .2s ease-out}
#TouchMe i.fa{line-height:40px; font-size:24px; color:#fff}
#TouchMe.active{right:230px}

/*--[ MOBILE NAVIGATION ]--*/
#cameron-mobile-nav{display:none; position:fixed; top:0; right:0; float:right; margin-right:-220px; z-index:999; width:220px; background-color:#f4f4f4; border-bottom:1px solid #dedede; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out}
#cameron-mobile-nav.open{position:relative; margin-right:0}
/* Loginfo */
#mobile-sign ul{margin:0; padding:0; list-style:none}
#mobile-sign li{float:left; width:50%; margin:0; padding:0}
#mobile-sign .alist li{width:33.33333333333333%}
#mobile-sign .sTitle li{width:100%}
#mobile-sign li a{display:block; padding:18px 0; background-color:#ea5859; text-align:center; font-family:'Nanum Gothic'; font-size:14px; font-weight:700; color:#fff}
#mobile-sign li a:focus,
#mobile-sign li a:active{background-color:#666}
/* Navigation */
#mobile-nav ul{margin:0; padding:0; list-style:none}
#mobile-nav li{margin:0; padding:0}
#mobile-nav a{position:relative; display:block; padding:16px 0 16px 12px; border-top:1px solid #dedede; border-left:1px solid #dedede; font-family:'Nanum Gothic'; font-weight:700; -webkit-transition:all .1s ease-out; -moz-transition:all .1s ease-out; -ms-transition:all .1s ease-out; -o-transition:all .1s ease-out; transition:all .1s ease-out}
#mobile-nav a.nav1st{background-color:#fff; line-height:1.3; font-size:13px; color:#333}
#mobile-nav a.nav1st i.fa{position:absolute; right:14px; top:50%; margin-top:-6px; font-size:11px}
#mobile-nav a.nav1st i.fa-home{right:9px; margin-top:-8px; font-size:16px; color:#444}
#mobile-nav li.current a.nav1st,
#mobile-nav li.selected a.nav2nd,
#mobile-nav a.nav1st:focus,
#mobile-nav a.nav1st:active{background:#ea5859; border-color:#ea5859; color:#fff}
#mobile-nav a.nav2nd{padding:18px 0 18px 14px; color:#666}

/*--[ MOBILE BLIND ]--*/
#mobile-blind{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:997; background:rgba(0,0,0,.6)}
#mobile-blind.on{display:block}

/*--[ CAMERON BODY ]--*/
#cameron-body{position:relative; width:100%}
#cameron-body.sliding-x{position:fixed; top:0; left:0; z-index:1}

@media screen and (max-width:991px){
	#TouchMe,
	#cameron-mobile-nav{display:block}
}

@media screen and (min-width:992px){
	#TouchMe.active{right:10px !important}
	#cameron-mobile-nav.open{position:fixed !important; margin-right:-220px !important}
	#cameron-body.sliding-x{position:relative !important}
	#mobile-blind.on{display:none !important}
}