@charset "UTF-8";

#wrapper {position:relative; height:99.99%}
#header {position:fixed; top:0; left:0; z-index:5; width:100%; height:100px}
#header .inner {position:relative; width:1024px; margin:0 auto; line-height:100px}
#header .inner h1 {display:inline-block; vertical-align:middle}
#header .inner h1 a {display:block; width:140px; height:46px; text-indent:-999em; font-size:0; background:url(/new/images/common/logo.png) center center no-repeat}
#header .inner .list-gnb {position:absolute; top:0; right:8px; line-height:100px}
#header .inner .list-gnb ul {display:inline-block; vertical-align:middle}
#header .inner .list-gnb ul:after {content:""; display:block; clear:both}
#header .inner .list-gnb ul li {float:left}
#header .inner .list-gnb ul li ~ li {margin-left:140px} 
#header .inner .list-gnb ul li a {position:relative; display:block; font-weight:bold; font-size:24px; color:#fff; cursor:pointer}
#header .inner .list-gnb ul li a:after {content:""; display:none}
#header .inner .list-gnb ul li.active a:after {content:""; display:block; position:absolute; left:0; bottom:-36px; width:100%; height:5px; background:#ff6a21}
/* #header .inner .list-gnb ul li a:hover:after {content:""; display:block; position:absolute; left:0; bottom:-36px; width:100%; height:5px; background:#ff6a21} */
#header.fold {border-bottom:1px solid #6a6a6a; background:rgba(255,255,255,.9)}
#header.fold .inner h1 a {background:url(/new/images/common/logo-clr.png) center center no-repeat}
#header.fold .inner .list-gnb ul li a {color:#000}

#footer {width:100%; height:240px; border-top:5px solid #e6e6e6}
#footer .inner {width:1024px; margin:0 auto; padding-top:30px}
#footer .inner .link {float:left}
#footer .inner .link ul:after {content:""; display:block; clear:both}
#footer .inner .link ul li {float:left; line-height:36px}
#footer .inner .link ul li ~ li {margin-left:33px; padding-left:38px; border-left:1px solid #b0b0b0} 
#footer .inner .link ul li a {display:inline-block; text-indent:-999em; font-size:0}
#footer .inner .link ul li a.u-bridge {vertical-align:top; width:117px; height:36px; background:url(/new/images/common/logo-ubridge-g.png) center center no-repeat}
/*#footer .inner .link ul li a.oncar {vertical-align:middle; width:120px; height:21px; background:url(/new/images/common/logo-oncar-g.png) center center no-repeat}*/
#footer .inner .link ul li a.mgears {vertical-align:middle; width:120px; height:40px; background:url(/new/images/common/logo-mgears-g.png) center center no-repeat}
#footer .inner .lang {float:right; line-height:36px}
#footer .inner .lang ul {display:inline-block; vertical-align:middle}
#footer .inner .lang ul:after {content:""; display:block; clear:both}
#footer .inner .lang ul li {float:left}
#footer .inner .lang ul li ~ li {margin-left:10px; padding-left:10px; border-left:1px solid #bbbbbb} 
#footer .inner .lang ul li a {display:inline-block; line-height:1.4em; font-size:17px; color:#a4a4a4}
#footer .inner .lang ul li.on a {font-weight:bold; color:#7f7f7f}
#footer .inner .info {clear:both; padding-top:30px}
#footer .inner .info ul:after {content:""; display:block; clear:both}
#footer .inner .info ul li {float:left; font-size:16px; color:#696969; letter-spacing:-0.045em}
#footer .inner .info ul li ~ li {margin-left:12px; padding-left:13px; border-left:1px solid #696969}
#footer .inner .info ul li a {color:inherit}
#footer .inner p.copy {padding-top:13px; font-weight:bold; font-size:16px; color:#696969}

[class*="section-"] .header-section {position:relative}
[class*="section-"] .header-section .bg {position:absolute; top:0; left:0; z-index:1; width:100%; height:340px; background:url(/new/images/content/bg-head-recruit.jpg) center center no-repeat;}
[class*="section-"] .header-section .inner {position:relative; z-index:2; width:100%}
[class*="section-"] .header-section .inner h2 {width:1024px; height:340px; padding-top:270px; margin:0 auto; font-weight:bold; font-size:38px; color:#fff}
[class*="section-"] .header-section .inner .list-lnb {text-align:center; border-bottom:1px solid #bcbcbc}
[class*="section-"] .header-section .inner .list-lnb ul {display:inline-block; vertical-align:middle}
[class*="section-"] .header-section .inner .list-lnb ul:after {content:""; display:block; clear:both}
[class*="section-"] .header-section .inner .list-lnb ul li {float:left; position:relative; line-height:60px; text-align:center}
[class*="section-"] .header-section .inner .list-lnb ul li ~ li:after {content:""; display:block; position:absolute; top:50%; left:-3px; width:6px; height:6px; margin-top:-3px; border-radius:100%; background:#dbdbdb}
[class*="section-"] .header-section .inner .list-lnb ul li a {display:inline-block; vertical-align:middle; font-size:20px; color:#000; letter-spacing:-0.05em}
[class*="section-"] .header-section .inner .list-lnb ul li.active a {font-weight:bold; color:#ff6a21}
[class*="section-"] .header-section .inner .list-lnb.type2 ul li {width:512px}
[class*="section-"] .header-section .inner .list-lnb.type3 ul li {width:300px}
[class*="section-"] .header-section .inner .list-lnb.type4 ul li {width:225px}
[class*="section-"] .content-section {width:1024px; margin:0 auto; padding-bottom:80px}
[class*="section-"] .content-section header.cont-head {padding:80px 0 70px}
[class*="section-"] .content-section header.cont-head h3 {padding-bottom:35px; text-align:center; font-weight:normal; font-size:46px; color:#202020; letter-spacing:-0.05em; border-bottom:1px solid #ff6a21}
[class*="section-"] .content-section header.cont-head p.desc {padding-top:35px; line-height:1.7em; text-align:center; font-weight:bold; font-size:20px}
[class*="section-"] .content-section .cont-area {width:100%; padding:0 62px}
[class*="section-"] .content-section .paginate {width:100%; margin-top:90px; background:url(/new/images/common/bg-page-list.png) center center no-repeat}
[class*="section-"] .content-section .paginate:after {content:""; display:block; clear:both}
[class*="section-"] .content-section .paginate a.prev,
[class*="section-"] .content-section .paginate a.next {display:block; width:80px; height:80px; /* width:20px; height:34px; */ text-indent:-999em; font-size:0; border:1px solid #b0b0b0}
[class*="section-"] .content-section .paginate a.prev {float:left; background:url(/new/images/common/bg-page-prev.png) center center no-repeat}
[class*="section-"] .content-section .paginate a.next {float:right; background:url(/new/images/common/bg-page-next.png) center center no-repeat}
[class*="section-"] .content-section .paginate a.prev:hover {border:1px solid #ff6a21; background:url(/new/images/common/bg-page-prev-on.png) center center no-repeat}
[class*="section-"] .content-section .paginate a.next:hover {border:1px solid #ff6a21; background:url(/new/images/common/bg-page-next-on.png) center center no-repeat}