@charset "utf-8";

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td {
margin:0; padding:0; border:0; background:transparent}
body {line-height:1.2; font-family:'arial','돋움', sans-serif; font-size:12px; color:#fff}
select,textarea {padding-top:2px; font-family:'arial','돋움', sans-serif; font-size:11px; color:#fff}
ol,ul, dl {list-style:none}
em, address {font-style:normal}
a {text-decoration:none; border:0;color:#000}
a:hover{text-decoration:underline;}
table {border-spacing:0; border-collapse:collapse; vertical-align:top; text-align:center; table-layout:fixed}
table img,p img {vertical-align:middle}
img {border:none; vertical-align:top}
fieldset, img, button {border:none}
img,input,select,textarea, fieldset img {vertical-align:middle}
button,label{cursor:pointer}
textarea{overflow:auto}
html:first-child select{height:20px; padding-right:6px}
option{padding-right:6px}
#skip {position:absolute; left:-100000px}
.clear {clear:both; height:0; line-height:0; font-size:0}
input.text, textarea{*margin:-1px 0;padding-right:1px}
input.check, input.radio {width:13px;height:13px}
#skip, .blind, legend, caption{display:none;overflow:hidden;position:absolute;left:0;top:-5000px}
hr, .hide{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}
.overflow_txt{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-o-text-overflow:ellipsis;}
.ofy{overflow-y:auto !important;overflow-x:hidden !important;}



/* 채용공고 */
html, body{position:relative;height:100%;background-color:#1e1e1e;}

#wrap{position:relative;width:100%;min-height:100%;}
#header{z-index:30;position:relative;width:100%;height:268px;padding-top:68px;background-color:#302323;}
#header .headerWrap{width:930px;margin:0 auto;}
#header .section{overflow:hidden;padding-top:170px;}
#header .section div.copy{float:left;font-size:11px;line-height:13px;letter-spacing:-1px;color:#594f4f;}
#header .section div.fr{float:right;}
#header .section div.fr > a{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
#header .section div.fr .bar{padding:0 3px;color:#594f4f;}
#container{z-index:20;position:relative;width:100%;}
#container .contArea{width:930px;margin:0 auto;padding-bottom:100px;}
#container .portfolio{position:relative;}
#container .portfolio .section{margin-top:130px;}
#container .portfolio .section .hgroup{overflow:hidden;border-bottom:1px dotted #363232;}
#container .portfolio .section .hgroup h2{float:left;padding:0 0 0 0px;font-size:20px;font-weight:normal;letter-spacing:0px;color:#706262;}
#container .portfolio .section .hgroup a{float:right;margin-top:15px;}
#container .portfolio .section .top{float:right;margin-bottom:5px;}
#container .portfolio .section .imgBox{margin-top:80px;padding:0 12px;text-align:center;}
#container .portfolio .section .imgBox img{width:900px}
#container #web{display:none;}
#tab{overflow:hidden;}
#tab li{float:left;margin-right:20px;}
#tab a{color:#7d7d7d;font-size:18px;text-decoration:none;}
#tab a.active{display:inline-block;color:#706262;border-bottom:1px solid #706262;}

#footer{z-index:10;position:relative;width:100%;height:50px;margin:30px 0 0 0;background-color:#1e1e1e;}
#footer .footer_wrap{overflow:hidden;width:930px;margin:0 auto;opacity:0.7;filter:alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
#footer .footer_wrap address,
#footer .footer_wrap > span{display:block;float:left;padding-right:30px;}
#footer .footer_wrap a.fr{float:right;padding-right:0;}





/* popup */
.overay{z-index:1000;display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.8;filter:alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
#layerPop{z-index:1001;display:none;position:absolute;top:15%;left:0;width:100%;height:100%;}
#layerPop .layerWrap{position:relative;width:740px;height:740px;margin:0 auto;background:#fff;}
#layerPop2{z-index:1001;display:none;position:absolute;top:15%;left:0;width:100%;height:100%;}
#layerPop2 .layerWrap{position:relative;width:740px;height:740px;margin:0 auto;background:#fff;}
#layerPop .close,
#layerPop2 .close{position:absolute;right:10px;top:10px;}