/* 웹폰트 경로 변경*/
@import url("/Libs/_style/fonts/webfont.css");

.hackers-site-wrap *{font-family:'noto',sans-serif !important;}
.hackers-site-wrap {position: absolute; top:0; left:-142px; bottom: 0; z-index: 1003; width: 142px; height: 100%; background: #F4F4F4;border-right: 1px solid #D7D7D7;letter-spacing: -1px;padding-top:35px;}
.hackers-site-wrap.close {left: -100%; width: 53px;}
#family_site_open {position:absolute; top:0; left:-100px;; width: 53px; z-index: 1002;}
.hackers-site-header .text{position:relative;display:block;text-align: left;padding:15px;font-size:14px;color:#404040;font-weight:400;}
.hackers-site-header .text.ft14 a{font-size:14px !important}
.hackers-site-header .text span{display:none;position:absolute;left:15px;top:15px;	width:79%;color:#395CC1;background:#F4F4F4;}
.hackers-site-header .text em {font-weight: 600;}
.hackers-site-header .title {display: block;margin: 15px;width: 126px;height: 99px;background: url(/Libs/_images/common/top_familysite_job.gif) no-repeat -10px 0px;font-size: 0;line-height: 0;}.hackers-site-header [class^='family-menu-'] {padding-left: 15px;font-size: 14px;color: #939393;cursor: pointer;}
.hackers-site-header .title.gong {display: block;margin: 15px;width: 126px;height: 99px;background: url(/Libs/_images/common/top_familysite_public.gif) no-repeat -10px 0px;font-size: 0;line-height: 0;}.hackers-site-header [class^='family-menu-'] {padding-left: 15px;font-size: 14px;color: #939393;cursor: pointer;}
.hackers-site-header [class^='family-menu-']:before {content: '';display: inline-block;width: 20px;height: 20px;margin-right: 6px;background-image: url(//gscdn.hackers.co.kr/champ/img/common/icon_family_site.png);background-position: -2px -21px;vertical-align: bottom;}
.hackers-site-header [class^='family-menu-'] {padding-left: 15px;font-size: 14px;color: #939393;cursor: pointer;}
.hackers-site-header .family-menu-open:before {display: block;margin: 0 auto;background-position-x: -24px;}
.hackers-site-header .title-close {display: inline-block;margin-top: 20px;padding-left: 15px;font-size: 15px;color: #5E5F61;writing-mode: tb-rl;text-align: center;}
.hackers-site-header .title-close:before {content: '';display: inline-block;margin-bottom: 10px;width: 25px;height: 25px;background-image: url(//gscdn.hackers.co.kr/champ/img/common/icon_family_site.png);background-position: -48px -21px;}

.hackers-site-myInfo>li {position: relative;border-top: 1px solid #E0E1E3;}
.hackers-site-myInfo>li>a {display: block;height: 40px;line-height: 40px;padding-left: 15px;font-size: 14px;color: #939393;}
.hackers-site-myInfo .ico-family {display: inline-block;margin-right: 2px;width: 21px;height: 21px;vertical-align: middle;background-image: url(//gscdn.hackers.co.kr/champ/img/common/icon_family_site.png);}
.hackers-site-myInfo .ico-family.mypage {background-position-x: -80px;}
.hackers-site-myInfo .ico-family.cart {background-position-x: -101px;}
.hackers-site-myInfo .ico-family.lock {background-position-x: -20px;}
.hackers-site-myInfo .ico-family.send {background-position-x: -40px;} 
.hackers-site-myInfo .ico-family.play {background-position-x: -60px;}

.title{position:relative; cursor:pointer;}
.basis_text {width:100%; display:inline-block; position:absolute; top:100px; left:5px; background-color:#000; color:#fff; z-index:999; text-align:left; padding:5%; font-size:12px;  line-height:150%; display:none;}
.title:hover .basis_text{display:block;}