/* BASIC css start */
/*====================================================================*/
/******************************** side ********************************/
/*====================================================================*/

aside{position:fixed; top:0; right:0; width:420px; height:100%; background:#fefdfe; text-align:left; z-index:1000; padding:120px 0 40px 65px; box-sizing:border-box; 
opacity:0; visibility:hidden; transform:translateX(50px); -webkit-transition:.8s cubic-bezier(.075,.82,.165,1); -moz-transition:.8s cubic-bezier(.075,.82,.165,1); -o-transition:.8s cubic-bezier(.075,.82,.165,1); transition:.8s cubic-bezier(.075,.82,.165,1); box-shadow:-1px -1px 10px rgba(70,70,70,0.015);}
aside.open{transform:translateX(0); opacity:1; visibility:visible;}

/* 사이드상단 - 탭 */
#one_sideTop .side_tab{font-size:0; line-height:0; letter-spacing:0;}
#one_sideTop .side_tab li{display:inline-block; vertical-align:middle; padding:10px 0; margin-right:78px; font-size:16px; line-height:1; color:#dadada; font-family:'Hind Guntur', sans-serif; letter-spacing:2.5px; text-transform:uppercase; cursor:pointer; font-weight:400; -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; transition:0.2s ease-in-out;}
#one_sideTop .side_tab li:last-child{margin:0; position:relative;}
#one_sideTop .side_tab li:last-child:before{content:""; position:absolute; top:9px; left:-39px; width:1px; height:13px; background:#ddd;}
#one_sideTop .side_tab li:hover{color:#bababa;}
#one_sideTop .side_tab li.active{color:#747474 !important;}

/* 사이드상단 - 카테고리, 게시판 목록 */
#one_sideTop section{display:none; padding-top:30px;}
#one_sideTop section.active{display:block;}
#one_sideTop section ul{}
#one_sideTop section ul li{position:relative;}
#one_sideTop section ul li a{display:block; font-size:12px; font-weight:300; line-height:31px; letter-spacing:0.8px; box-sizing:border-box; color:#b9b9b9; -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; transition:0.2s ease-in-out;}

/* 사이드상단 - 카테고리, 게시판 목록 호버효과 */
#one_sideTop section ul li:before{content:""; position:absolute; background-color:#858585; width:15px; height:1px; left:0; top:13px; transform:scaleX(0); transform-origin:left center; -webkit-transition:transform 0.25s ease-in-out; -moz-transition:transform 0.25s ease-in-out; -o-transition:transform 0.25s ease-in-out; transition:0.2s ease-in-out;}
#one_sideTop section ul li:hover:before{transform:scaleX(1);}
#one_sideTop section ul li:hover a{padding-left:20px; color:#747474; font-weight:400;}

#one_cate .sub-category{display:none !important;}



/* 사이드하단 */
#one_sideBottom{position:absolute; bottom:0px; left:0px; width:100%;}

/* 사이드하단 - 검색영역 */
#one_sideBottom .searArea{position:relative;}
#one_sideBottom .searArea input{width:100%; box-sizing:border-box; height:65px; line-height:65px; padding:10px 20px 10px 70px; background:#f9f9f9; -webkit-box-shadow:0 0 0 1000px #f9f9f9 inset;}
#one_sideBottom .searArea .btn{position:absolute; top:0; right:50px; padding:24px 19px; font-size:16px;}

/* 사이드하단 - CS영역 */
#one_sideBottom .csArea{font-size:12px; color:#c5c5c5; padding:40px 65px; box-sizing:border-box; font-size:11px; line-height:22px; letter-spacing:0.4px; font-weight:300;}
#one_sideBottom .csArea h3{font-size:15px; color:#666; font-weight:normal; letter-spacing:1.2px; padding-bottom:12px; font-weight:300;}
#one_sideBottom .csArea h3 span{font-size:11px; margin-left:4px; letter-spacing:0.5px;}
#one_sideBottom .csArea b{margin-right:10px; font-weight:400; letter-spacing:0.5px;}
/* BASIC css end */