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

#sideInner { padding:0 25px; }
.btn_close { position:absolute; bottom:30px; left:30px; z-index:99999; }
.btn_close span { display:block; width:160px; line-height:30px; background:#000; font-size:10px; color:#fff; text-align:center; cursor:pointer; }

.btn_open { position:fixed; bottom:30px; left:30px; z-index:1; }
.btn_open span { display:block; width:160px; line-height:30px; background:#000; font-size:10px; color:#fff; text-align:center; cursor:pointer; }

/* ·Î°í */
.xans-layout-logotop { max-width:160px; margin:40px 5px 30px; text-align:left; }
.xans-layout-logotop img { max-width:160px; height:auto; }

/* Ä«Å×°í¸® */
.xans-layout-category { margin:0; }
.xans-layout-category .position {}
.xans-layout-category .position > ul { font-size:0px; line-height:0px; }
.xans-layout-category .position > ul > li { position:relative; z-index:10; width:100%; display:inline-block; *display:inline; *zoom:1; }
.xans-layout-category .position > ul > li > a { display:block; padding:0 5px; line-height:21px; color:#000; font-size:11px; word-spacing:0; letter-spacing:1px; text-transform:uppercase; }
.xans-layout-category .position > ul > li > a:hover,
.xans-layout-category .position > ul > li.selected > a,
.xans-layout-category .position > ul > li.on > a { color:#999; }

.xans-layout-category .sub-category { position: absolute; top: -10px; left: 150px; width: 350px; padding: 20px; border: 1px solid #ddd; background: #fff; display: none; z-index: 1000; }
.xans-layout-category .sub-category ul {}
.xans-layout-category .sub-category li { position:relative; padding:0 15px; }
.xans-layout-category .sub-category li:first-child a { border-top:0; }
.xans-layout-category .sub-category a { display:block; line-height:24px; font-size:11px; color:#2e2e2e; text-decoration:none; }
.xans-layout-category .sub-category a:hover,
.xans-layout-category .sub-category li.selected a { color:#999; }

.xans-layout-category .sub-category a::after,
.xans-layout-category .sub-category li.selected a::after { content:""; position:absolute; top:50%; left:0; width:2px; height:0; background:#fff; -webkit-transition:all 0.3s ease; -khtml-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }

.xans-layout-category .sub-category a:hover::after,
.xans-layout-category .sub-category li.selected a:hover::after { content:""; position:absolute; top:0; left:0; width:2px; height:24px; background:#ddd; }

/* Ãß°¡¸Þ´º */
.cateTop { margin-top:30px; }

/* °í°´¼¾ÅÍ */
.sideInfo { padding-top:30px; margin:30px 5px 0; background:url(/design/zavanas/onedesign/images/bg_title.png) left top no-repeat; }
.sideInfo::after { content:""; width:15px; height:1px; margin:0; background:#000; }
.sideInfo p { margin-bottom:20px; line-height:16px; font-size:11px; color:#000; letter-spacing:1px; }

/* BASIC css end */