/* 리셋 */
* { margin:0; padding:0; }
html {width:100%; height:100%;}
body { width:100%; height:100%; line-height:1; color:#333; font-size:14px; font-family:'Nanum Gothic', '나눔고딕', 'NanumGothic', '나눔스퀘어', 'NanumSquareR', '맑은고딕', 'dotum', '돋음', 'Roboto', sans-serif; }
ul, li { padding:0; margin:0; list-style:none; }
a { text-decoration:none; color:#333; }
strong, em, i, address, b { font-style:normal; font-weight:400; }
img { vertical-align:middle; border:none; }
h1, h2, h3, h4, h5 ,h6 { line-height:1; font-weight:400; }
.hidden { visibility:inherit; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
.clear { clear:both; }
input[type=checkbox] { vertical-align:middle; }
input[type=radio] { vertical-align:middle; margin:0 5px; }
input[type=button] { cursor:pointer; border:none; }
input { vertical-align:top; margin:0; padding:0;font-family:'Nanum Gothic', '나눔고딕', 'NanumGothic'; }
select { font-family:'Nanum Gothic', '나눔고딕', 'NanumGothic'; }
#wrap { position:relative;width:100%;}
/*---------- 스킵 네비게이션----------*/
#skipNav { position:relative; width:100%; z-index:2000; overflow:hidden; }
#skipNav a { font-size:0; height:0px; line-height:0; text-align:center; overflow:hidden; display:block; }
#skipNav a:focus { width:100%; height:30px; margin:0; background:#3e4756; color:#fff; font-size:12px; line-height:30px; margin:0; text-decoration:none; }
/*----------메뉴----------*/
#header { width:100%; height:69px; /*border-bottom:1px solid #dcdcdc;*/ }
#header #headerWrap { position:relative; width:1000px; height:69px; margin:0 auto; overflow:hidden; }
#headerWrap h1 { position:absolute; top:12px; left:0; }
#headerWrap #gnbArea { float:right; margin:38px 240px 0 0;}
#gnbArea ul li { float:left; margin:0 10px 0 0; }
#gnbArea ul li a { font-weight:600; font-size:15px; color:#222; }
#headerWrap #utilMenu { position:absolute; top:41px; right:105px; }
#headerWrap #utilMenu ul li { float:left; margin:0 4px; }
#headerWrap #utilMenu ul li a { font-size:12px; color:#999999; }
#headerWrap .gosite{position:absolute; top:0; right:97px; }
#container { width:100%; }
/* COMMON - LIST */
.squareList { position:relative; width:524px; height:auto; margin:0 auto; background:url(/images/common/square_bg.gif) repeat top left; border-left:1px solid white; border-right:2px solid white;}
.squareList > ul:after { display:block; content:""; clear:both; }
.squareList > ul > li { position:relative; float:left; width:130px; height:130px; border-left:1px solid #fff; border-bottom:1px solid #fff;}
.squareList > ul > li.hover { z-index:100; border-left:1px solid #fff; border-bottom:1px solid #fff;}
.squareList > ul > li > img { width:100%; height:100%; }
.squareList > ul > li > a { width:100%; height:130px; overflow:hidden; display:block; border-left:1px solid #fff; border-bottom:1px solid #fff;}
.squareList > ul > li > a > img { width:100%; height:auto; }
/* .squareList > ul > li > div > img { width:100%; } */
/* 작품갤러리 - 마우스오버 */
.infoLayer_w { position:absolute; top:0; left:0; width:100%; height:100%; z-index:500; }
/* .infoLayer_w .photo img { width:100%; height:100%; } */
.infoLayer_w .photo img { width:100%; }
.infoLayer_w a.btn{ position:absolute; right:0px; bottom:0px; display:block; }
.infoLayer_w a.btn img { width:auto; height:auto; }
/* 인재리스트 - 마우스오버 */
.infoLayer_p { position:absolute; top:110px; left:-150px; width:auto; height:auto; background:rgba(255,255,255,1); z-index:500; }
.infoLayer_p strong { width:100%; height:30px; text-indent:10px; line-height:30px; background:#262e3b; font-weight:600; font-size:15px; color:#69C; display:block;}
.infoLayer_p > .gallery { min-width: 470px; border:1px solid #eaeaea; }
.infoLayer_p > .gallery > ul { overflow:hidden; }
.infoLayer_p > .gallery > ul > li { position:static; float:left; width:140px; height:auto; margin:10px 7px; text-align:center;}
.infoLayer_p > .gallery > ul > li a { width:140px; height:140px; }
.infoLayer_p > .gallery > ul > li a span { display:block; margin:5px 0 0 0; font-size:12px; }
/*.infoLayer_p > .gallery > ul > li a img { width:100%; height:100%; } */
.infoLayer_p a.btn{ position:absolute; top:0px; right:0px; height:30px; padding:0 0 0 10px; line-height:30px; background:#ff6e42; font-size:13px; color:#fff; display:block; }
.infoLayer_p a.btn img { width:auto; height:auto; vertical-align:top;}
/* 인재리스트 - 취업불가능자 */
.squareList > ul > li > .disable { position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/common/disable_bg.png) repeat top left; }
.squareList > ul > li > .disable > img { position:absolute; right:5px; bottom:5px; width:auto; height:auto; }
/*----------푸터----------*/
#footer { width:100%; padding:25px 0; background:#1a1a1a; }
#footerWrap { width:1000px; margin:0 auto; overflow:hidden; }
#footerWrap .copyArea { float:left; }
#footerWrap ul.menu { margin:20px 0 0 20px; overflow:hidden; }
#footerWrap ul.menu li { float:left; margin:0 30px 0 0; }
#footerWrap ul.menu li a { font-size:13px; color:#fff; }
#footerWrap .copyArea address { margin:10px 0 10px 20px; color:#888; line-height:150%; }
#footerWrap .copyArea address span { margin:0 0 0 20px; padding:0 0 0 22px; background:url(../images/common/copy_bullet.gif) no-repeat left center; }
#footerWrap .copyArea .copyright { font-family:'Roboto'; font-size:11px; color:#777; margin-left:20px;}
#footerWrap .copyArea .copyright span { text-transform:uppercase; color:#ccc; }
#footerWrap .etc { float:right; margin:45px 0 0 0; }
#footerWrap .etc ul li { float:left; margin:0 30px 0 0; }
#footerWrap .etc ul li a { width:90px; height:90px; text-indent:-9999px; display:block; }
#footerWrap .etc ul li.etc01 a{background:url(../images/common/btn_etc01.png) no-repeat top left;}
#footerWrap .etc ul li.etc02 a{background:url(../images/common/btn_etc02.png) no-repeat top left;}
#footerWrap .etc ul li.etc03 a{background:url(../images/common/btn_etc03.png) no-repeat top left;}
#footerWrap .etc ul li.etc01 a:hover{background:url(../images/common/btn_etc01_over.png) no-repeat top left;}
#footerWrap .etc ul li.etc02 a:hover{background:url(../images/common/btn_etc02_over.png) no-repeat top left;}
#footerWrap .etc ul li.etc03 a:hover{background:url(../images/common/btn_etc03_over.png) no-repeat top left;}