@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/css?family=Play);


p, li { background: url(''); } 

* { margin:0; padding:0; border:0;}

body{ font-family: 'Nanum Gothic', '나눔고딕', 'NanumGothic', '맑은 고딕', 'Malgun Gothic', 'dotum'; font-size:16px; color:#555; margin:0 auto; padding:0; width:100%; height:100%; position:relative; }
div, p, ol, ul, li, img, a, h1, h2, h3, h4, h5, h6, form, iframe, dl, dt, dd, blockquote {margin:0;padding:0; border:0 ; list-style:none;}

a { color:#555;text-decoration:none;}
a:hover, a:active{ color:#05367b; text-decoration:none;}

a img {border-width:0; border-style: none;}
img,table {border:0;}
input,select,textarea{ color:#555; border:1px solid #c9c9c9; font-family: 'Nanum Gothic', '나눔고딕', 'NanumGothic', '맑은 고딕', 'Malgun Gothic', 'dotum'; font-size:14px; }

.fixLength { text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

/* Remove silly dotted outline from links in FF */
a{outline: none;}
    

#wrapper { width:1100px; height:100%; margin:0 auto; position:relative; }
#header { width:1100px; height:110px; z-index:7; position:relative; }
.logo { position:absolute; left:0; top:73px; z-index:8;}

.gnb { width:800px; height:85px; position:absolute; right:0; top:73px; overflow:hidden; z-index:8; } 
.gnb li.mainMenu {float:left; padding-bottom:30px; margin-right:57px; }
.gnb li.mainMenu a.mainMenu { font-size:20px; color:#333; font-weight:normal; font-family: 'Play'; padding-bottom:24px; } 
.gnb li.mainMenu a.mainMenu:hover,.gnb li.mainMenu a.mainMenu.current:hover, .gnb li.mainMenu a.mainMenu.current, .gnb li.mainMenu a.mainMenu.current:active { color:#000; border-bottom:2px solid #ed1b23;  }
.gnb li.gnb06 { margin-right:0;}
.gnb li.mainMenu a.menu_cafe { color:#ce1118; }


.subMu { position:absolute; left:0; top:24px; width:800px; height:30px; padding-top:30px; z-index:8; }
.subMu li.subMenu{ float:left; margin-right:20px; padding-top:5px; z-index:8;}
.subMu li.subMenu.end { margin-right:0;}
.subMu li.subMenu a.subMenu { font-size:14px; color:#333; font-weight:normal; }
.subMu li.subMenu a.subMenu:hover,.subMu li.subMenu a.subMenu.current:hover, .subMu li.subMenu a.subMenu.current, .subMu li.subMenu a.subMenu.current:active { color:#004384; font-weight:bold; }

#subMu_bar { position:absolute; left:0; top:122px; width:100%; height:38px; background:url(../images/common/bg_subMu.png) repeat-x left top; z-index:-1; }

.job_subMu { padding-left:140px; }
.candidate_subMu { padding-left:160px; }
.client_subMu {  padding-left:280px; }
.information_subMu { padding-left:410px; }
.cafe_subMu { padding-left:600px; }
.cafe_subMu_noview { padding-left:670px; }

/*infoMu*/
.infoMu { position:absolute; right:0; top:0; background:#064176; }
.infoMu li { float:left; padding-left:20px; padding-right:20px; padding-top:18px; padding-bottom:19px; background:url(../images/common/bg_infoMu_list.jpg) no-repeat right 15px; line-height:0;  }
.infoMu li.home { padding-left:0;  }
.infoMu li a { font-family:'Nanum Gothic', "나눔고딕", 'NanumGothic', '맑은 고딕', 'Malgun Gothic', 'dotum'; color:#fff; font-size:12px; }



/*컨텐츠*/

#contents { position:relative; z-index:5; }



/*footer*/
#footer { width:100%; height:150px; position:relative; clear:both; z-index:9; }

.logo_footer { position:absolute; left:0; top:90px;  }
.footerMu { position:absolute; left:252px; top:0;  }
.footerMu li { float:left; padding:10px 25px; background:url(../images/common/bg_footerMu.jpg) no-repeat right 16px; }
.footerMu li a {font-size:14px; color:#fff; font-weight:bold; }
.footerMu .footerMu_01 { padding-left:0; }
.footerMu .footerMu_04 { padding-right:0; background:none; }
                         
.copyright { position:absolute; left:252px; top:63px; font-size:13px; font-weight:normal; line-height:18px; }
.copyright .com_name { font-size:14px; font-weight:600; line-height:22px; }
#bg_footer { position:absolute; left:0; bottom:0; min-width:2000px; width:100%; height:150px; background:url(../images/common/bg_footer.jpg) repeat-x left top; z-index:-1;}


/*테이블 레이아웃*/
.fix { table-layout:fixed; }
td.fixLength { text-overflow: ellipsis; overflow: hidden; white-space:nowrap;}
input[type="radio"] {border:0}
input[type="checkbox"] {border:0}