/* BASIC css start */
.menu_on {overflow:hidden}
.menu_off {height:auto;overflow:initial}

#mask { display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:#fff; z-index:1000; opacity:0.7 }
#wrap { position:relative; width:100%; min-width:320px; overflow:hidden }
#header {position:fixed; top:0; left:0; right:0; width:100%; z-index:101 }

#gnb { height:60px; -webkit-transition:background-color 0.5s; transition:background-color 0.5s }
#gnb.fix { background:rgba(255,255,255,0.8); -webkit-transition:background-color 1s; transition:background-color 1s }
#gnb .logo { margin-left:-55px; position:absolute; top:9px; left:50%; width:110px; height:40px; text-indent:-9999em; z-index:10; background:url(//skin.makeshop.co.kr/skin/tem100/m/logo.png) 0 0 no-repeat; background-size:110px auto; -webkit-transition:all 0.3s ease;transition:all 0.3s ease }
#gnb .logo a { display:block; height:40px }
#gnb p.asideOpen { position:absolute; top:17px; left:10px; z-index:10 }
#gnb p.asideOpen i { font-size:24px }
#gnb p.asideOpen span { margin-left:5px; line-height:25px; vertical-align:top }
#gnb ul { position:absolute; top:17px; right:10px }
#gnb ul li { padding-left:5px; float:left }
#gnb ul li a { font-size:24px }
 
/* 사이드 메뉴 */
aside { position:fixed; top:0; left:-100%; right:0; width:80%; height:100%; background:#fff; overflow-y:auto; -webkit-overflow-scrolling:touch; z-index:1001; -webkit-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.2); box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.2); }
aside .inner { padding:15px 10px }
aside .asideTop { margin:15px 0 15px; position:relative; height:28px; border:1px solid #ca8b8b }
aside .asideTop li { position:relative; float:left; width:50% }
aside .asideTop li a { display:block; font-weight:bold; line-height:28px; text-align:center }
aside .asideTop li a.black { color:#fff; background:#ca8b8b }
aside .asideTop li .bubble { margin-left:-25px; position:absolute; top:27px; left:50%; height:21px; color:#fff; text-align:center; border-radius:5px; background:#ca8b8b }
aside .asideTop li .bubble i { margin-left:-7px; position:absolute; top:-9px; left:50%; color:#ca8b8b }
aside .asideTop li .bubble .tx { display:block; padding:0 5px; line-height:21px; vertical-align:top }

aside .asideQuick ul { *zoom:1 }
aside .asideQuick ul:after { display:block; clear:both; content:'' }
aside .asideQuick ul li { margin-left:-1px; float:left; width:33.33% }
aside .asideQuick ul li a { display:block; text-align:center }
aside .asideQuick ul li a i { margin-top:10px; font-size:24px; color:#ca8b8b }

aside .asideCate { position:relative }
aside .asideCate .cate1 { padding-top:10px; position:relative; height:36px; line-height:36px; border-bottom:1px solid #000 }
aside .asideCate .cate1 span { font-size:14px; font-weight:bold }
aside .asideCate .cate1 i { position:absolute; top:21px; right:0; font-size:20px }
aside .asideCate ul { padding-top:5px }
aside .asideCate ul li { height:30px; line-height:30px }
aside .asideCate ul li a { font-size:14px }

#asideClose { position:absolute; top:21px; right:10px; font-size:24px; cursor:pointer }

.btn_toggle_area { display: none; position: fixed; bottom:75px; right:10px;z-index: 999;}
.btn_toggle_area ul { border:1px solid #cdcdcd }
.btn_toggle_area .hideToggle { display:none }
.btn_toggle_area .showToggle { margin-top:-1px }
.btn_toggle_area li { width:39px; height:39px; border-bottom:1px solid #cdcdcd; background:rgba(255,255,255,0.8) }
.btn_toggle_area li:last-child { border-bottom:none }
.btn_toggle_area li a { display:block; height:39px; text-align:center; line-height:47px }
.btn_toggle_area li a i { font-size:19px }
.btn_toggle_area li a.btn_up { line-height:12px }
.btn_toggle_area li a.btn_up i { margin-top:5px; vertical-align:bottom }
.btn_toggle_area li a.btn_up span { line-height:3px; vertical-align:top }


/* BASIC css end */