/* BASIC css start */
/******************************************************* Side *******************************************************/

#side{position:fixed; left:0; top:0; width:600px; height:100%; background: rgba(255,255,255,1); z-index:9998; visibility: hidden; transform: translateX(-100%); transition: transform .5s ease-in-out, visibility .5s ease-in-out; overflow-y:auto;}
#side * { font-family: 'Open Sans', 'NanumBarunGothic', 'Nanum Gothic', sans-serif; }
#side.open{visibility:visible; transform:translateX(0%);}
#side .inner{width:100%; height:100%; padding:150px 90px 0 90px; box-sizing:border-box; position:relative;}
#side .inner:after{content:""; display:block; clear:both;}
#side .inner .list_01{position:relative; left: -20px; opacity:0; transition: left .5s ease-in-out, opacity .4s ease-in-out;}

/* »çÀÌµå ¿ÀÇÂÈ¿°ú */
#side.open .inner .list_01{opacity:1; left:0; transition: left .5s ease-in-out, opacity .4s ease-in-out;}
#side.open .inner .list_01:nth-child(1){transition-delay: .3s;}
#side.open .inner .list_01:nth-child(2){transition-delay: .45s;}


/* ¿ÜºÎ Ŭ¸¯ ½Ã ´ÝÈ÷´ÂÈ¿°ú */
#mask{position:fixed; left:0; top:0; width:100%; height:100%; background: rgba(51,51,51,0.5); z-index:9997; display:none;}
#mask.show{display:block;}

/* ulµé */
#side .inner .cate,
#side .inner .else{width:47%; margin-right:6%; float:left;}
#side .inner .else{margin-right:0;}
#side ul{padding:20px 0 40px; border-top:1px solid #edebe8;}
#side ul li{position:relative;}
#side ul li a{display:block; width:100%; height:100%; padding:5px 3px; box-sizing:border-box; font-size:14px; letter-spacing:2px;}
#side ul.letter li a{letter-spacing:2.5px;}
#side ul li a.brown{color:#c5813e;}

.bubble 
{
position: absolute;
top:5px;
left:75px;
font-size:10px;
color:#fff;
text-align:center;
width: 32px;
height: 15px;
padding: 2px 4px;
background: #f4989b;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.bubble:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 4px 4px 4px 0;
border-color: transparent #f4989b;
display: block;
width: 0;
z-index: 1;
left: -4px;
top: 5px;
}
/* BASIC css end */