/*
2015-07-14
family_site
*/
html{height:100%;}
body {height:100%; margin:0; padding:0; font-size:13px; -webkit-text-size-adjust:none; font-family: 'Nanum Gothic', sans-serif; color:#595959;font-weight:normal}
* {margin:0; padding:0; font-family:'Nanum Gothic'; -webkit-print-color-adjust:exact; -webkit-text-size-adjust:none; /*font-weight:normal*/}
table {border-collapse: collapse}
img,fieldset {border:0;}
img {margin-bottom:0; vertical-align:top}
li,dt,dd {list-style:none}
a {color:#595959; text-decoration:none; cursor:pointer}
button {cursor:pointer; border:none}
button span {display:none}
/*b {font-weight:normal;}*/
b a {font-weight:bold !important;color:#000 !important; font-weight:600;}
em,address,var {font-style:normal}
var {padding:0 3px}
legend, caption {display:none}
input, select {vertical-align:middle}
a {font-family:'Nanum Gothic'; color:#2b2b2b; text-decoration:none}
table,td,tr,div {font-family:'Nanum Gothic'; color:#2b2b2b;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {padding:0; margin:0; border:0 none}
select, input, textarea {vertical-align:middle;font-family:Gulim, Arial, AppleGothic, verdana, sans-serif}
form {font-family:Gulim, Arial, AppleGothic, verdana, sans-serif}
/* family_site */
.family_site_box{border-right:1px solid #dedfe2;z-index:100000;background:#f2f2f2;width:159px;height:100%;position:absolute;left:0;top:0;padding-top:20px;}
.family_site_box .login_line{background:none;text-align:left;color:#a7a7a7;padding:0 20px 0 30px;line-height:48px;height:48px;border-bottom:1px solid #dedfe2;}
.family_site_box .login_line a{color:#101013 !important;font-size:11px;}
.login_after_line{margin-top:45px;position:relative;z-index:111;color:#101013;font-size:12px;letter-spacing:-1px;padding:0 20px;height:61px;text-align:center;border-bottom:1px solid #dedfe2;}
.login_after_line.new{margin-top:26px;position:relative;z-index:111;color:#101013;font-size:12px;line-height:15px;letter-spacing:-1px;padding:0 20px;height:77px;text-align:left;border-bottom:1px solid #dedfe2;}/* 151214 추가*/
.family_site_box .select_box{margin-top:10px;}
.family_site_box .select_box > a{display:block;font-size: 12px;color: #9a9a9a;/*width: 110px;*/height: 22px;padding-left:4px;line-height: 22px;background: url("http://hackers.gscdn.com/hacademia/images/common/bg_login.png") 95px 0 no-repeat;border: 1px solid #a0a0a0;}
.family_site_box .select_list{display:none;border:1px solid #dedfe2;border-top:0;background:#c0c0c0;}
.family_site_box .select_list li a{text-align:left;font-size:11px;letter-spacing:-1px;padding-bottom:3px;padding-top:3px;padding-left:5px;display:block;color:#fff;}
.family_site_box .select_list li a:hover{background:#858585;color:#fff !important;}
.login_name {color:#101013;font-weight:bold;}
.family_site_box .family_site_open_btn{display:none;}
/* 닫기 */
.family_site_box.close{/*width:42px;*/overflow:hidden;border:0;background:#f2f2f2 url("http://hackers.gscdn.com/hacademia/images/common/bg_family_site_open.png") repeat-y right 0;}
.family_site_box.close .close_area{display:none;}
.family_site_box.close .family_site_open_btn{display:block;float:right;margin-top:124px;}
.family_site_tit{margin-top:42px;font-size:0;*text-indent:0;text-indent:-9999em;padding-bottom:20px;display:block;width:160px;height:41px;background:url("http://hackers.gscdn.com/hacademia/images/common/bg_family_site_tit.png") no-repeat 25px 0;border-bottom:1px solid #dedfe2;}
/* 151214 수정 */
.family_site_tit{margin-top:26px;font-size:0;*text-indent:0;text-indent:-9999em;padding-bottom:16px;display:block;width:160px;height:61px;background:url("http://hackers.gscdn.com/hacademia/images/common/bg_family_site_tit_new.png") no-repeat 25px 0;border-bottom:1px solid #dedfe2;}
.family_list{padding-bottom:40px;}
.family_list strong{display:block;}
.family_list strong a{color:#585858;font-size:14px;padding-left:25px;display:block;height:57px;line-height:57px; background:url("http://hackers.gscdn.com/hacademia/images/common/bg_family_site_sub_ov.png") no-repeat 136px center;}
.family_list > li{padding:0 !important;border-bottom:1px solid #e0e1e6;}
.family_list li .family_site_sub{display:none;border-top:1px solid #e0e1e6;}
.family_list li.on .family_site_sub{display:block;}
.family_list li.active,.family_list li.on{background:#fff;}
.family_list li .family_site_sub{overflow:hidden;padding:25px 0 20px;}
.family_list li .family_site_sub li{padding-left:25px;margin-bottom:8px;}
.family_list li .family_site_sub li a{color:#858585;font-size:12px;}
.family_list li .family_site_sub li span{font-size:10px;}
.family_list li .family_site_sub li.active a,
.family_list li .family_site_sub li a:hover{color:#616161;font-weight:bold;}
.family_list li.on.active strong a,
.family_list li.active strong a{background:url("http://hackers.gscdn.com/hacademia/images/common/bg_family_site_sub.png") no-repeat 136px center;}
/* 160126추가 */
.family_list li.hackers_cs a{height:20px;padding:11px 0 13px 25px;font-size:11px;line-height:20px;background:#fafafa; }
.family_list li.hackers_cs a em{display:block;padding-left:26px;background:url('http://image.hackers.ac/images/common/icn_lnb_cs.png') no-repeat 0 50%;}
.on#language strong a{color:#d01716;} /* 어학 */
.on#group strong a{color:#d01716;} /* 그룹소개 */
.on#community strong a{color:#d01716;} /* 커뮤니티 */
.on#job strong a{color:#d01716;} /* 취업 */
.on#pass strong a{color:#d01716;} /* 공무원 */
.on#finance strong a{color:#d01716;} /* 자격증 */
.on#hackersut strong a{color:#d01716;}/* 편입/평생교육 */
/*.header_wrap.close{padding-left:40px;}*/
.facebook_btn{height:24px;padding:0 0 6px 28px;}
.facebook_btn .sns_tit{background:url("http://hackers.gscdn.com/hacademia/images/common/bg_sns.png") no-repeat 0 0;width:65px;height:13px;display:block;font-size:0;text-indent:-9999em;*text-indent:0}
.facebook_btn .sns_btn{margin-bottom:15px;}
.facebook_btn .sns_btn a{margin-right:7px;display:inline-block;*display:inline;*zoom:1;width:28px;height:28px;font-size:0;text-indent:-9999em;*text-indent:0;background:url("http://hackers.gscdn.com/hacademia/images/common/bg_sns.png") no-repeat 0 -24px;}
.facebook_btn .sns_btn a:hover{background-position:0 -24px;}
.facebook_btn .sns_btn a.btn2{background-position:-35px -24px;}
.facebook_btn .sns_btn a.btn2:hover{background-position:-35px -24px;}
.facebook_btn .sns_btn a.btn3{background-position:-70px -24px;}
.facebook_btn .sns_btn a.btn3:hover{background-position:-70px -24px;}