@font-face { font-family: 'Paperlogy-3Light'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2'); font-weight: 300; font-style: normal; } 
@font-face { font-family: 'Paperlogy-5Medium'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2'); font-weight: 400; font-style: normal; } 
@font-face { font-family: 'Paperlogy-6SemiBold'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2'); font-weight: 500; font-style: normal; } 
@font-face { font-family: 'Paperlogy-7Bold'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2'); font-weight: 600; font-style: normal; } 
@font-face { font-family: 'Paperlogy-8ExtraBold'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2'); font-weight: 700; font-style: normal; } 
@font-face { font-family: 'Paperlogy-9Black'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2'); font-weight: 800; font-style: normal; } 
/*
 * Noto Sans KR
 * Thin 100, ExtraLight 200, Light 300, Regular 400, Medium 500, SemiBold 600, Bold 700, ExtraBold 800, Black 900
 * font-family: 'Noto Sans KR', sans-serif;
 * Kanit
 * Regular 400, Medium 500, SemiBold 600
 * font-family: 'Kanit', sans-serif; 
 * Paperlogy-8ExtraBold
 * Light 300, Medium 500, Bold 700
 * font-family: 'Paperlogy-8ExtraBold', sans-serif; */
 
body { font-family: 'Paperlogy-5Medium','MalgunGothic','돋움','dotum','sans-serif'; font-size: 16px; line-height: 1; font-weight: 500; color: #222; } 

select, input, textarea, button { font-family: 'Paperlogy-5Medium','MalgunGothic','돋움','dotum','sans-serif'; font-size: inherit; font-weight: 300; vertical-align: middle; } 

button { border:0; background:none; cursor:pointer; } 
#wrap { position:relative; width:100%; } 
.inner { width:1600px; margin:0 auto; } 
.clear::after { content:''; display:block; clear:both; } 
.hide { position:absolute; top:-9999em; left:0; user-select:none; font-size:1rem; } 


.gnb { display:flex; align-items:center; height:100%; margin:0 -40px; gap: 18px; } 
.gnbA { height:100%;text-align: center;} 
.gnbA > a { font-family: 'Paperlogy-5Medium'; display:block; width:auto; height:100%; font-size:20px; line-height:120px; color:#fff; padding:0 40px; } 
.gnbA.on > a:after { content: ''; position: relative; top: -10px; display: block; width: 100%; height: 5px; background-color: #ffffff; } 
.gnbA:hover > a:after { content: ''; position: relative; top: -11px; display: block; width: 100%; height: 5px; background-color: #f25c05; } 
.gnbA:hover > a { font-family: 'Paperlogy-7Bold'; color: #f25c05!important; } 
.gnbA.on > a { font-family: 'Paperlogy-7Bold'; color: #fff; } 
.gnbB_wrap { display:none; position:absolute; left:0; width:100%; background:#fff; z-index:10; border-top: 1px solid #d3d3d3; } 
.gnbB_wrap .gnb_inner { display:flex; width:1600px; /* margin:0 auto; */ } 
.gnbB_wrap .tit { order:1; position:relative; display:flex; width: 662px; border-top-right-radius: 81px; background: #FEA100; padding-left: 58px; box-sizing:border-box; overflow:hidden; align-items: center; justify-content: center; } 
.gnbB_wrap .tit::after { position:absolute; top: 0; left: -3px; content:''; display:block; width: 352px; height: 198px; background: url(/layout/images/www2/common/gnb_bg.png) no-repeat; } 
.gnbB_wrap .tit h2 { font-family:'Paperlogy-7Bold'; font-size:33px; color:#fff; z-index: 1; margin: 17px 0 0; } 
.gnbB_wrap .tit h2::before { content:''; display: inline-block; width: 5px; height: 27px; border-radius: 50px; background-color: #fff; margin-right: 19px; } 
.gnbB_wrap .gnbB { order:2; display:flex; flex-wrap:wrap; width:calc(100% - 502px); background-color:#fff; padding:60px 0 60px 138px; } 
.gnbB_wrap .gnbB > li { width:265px; margin:12px 0 0 30px; } 
.gnbB_wrap .gnbB > li:nth-child(-n+3) { margin-top:0; } 
.gnbB_wrap .gnbB > li:nth-child(3n-2) { margin-left:0; } 
.gnbB_wrap .gnbB > li > a.newwin span { display: inline-block; width: 15px; height: 17px; background: url(/images/job2024/common/sp_layout.png) no-repeat -636px -22px; vertical-align: middle; margin-left: 7px; text-indent: -9999px; } 
.gnbB_wrap .gnbB > li:hover > a.newwin span { background-position: -684px -22px; } 
.gnbB_wrap .gnbB > li > a { position:relative; display:flex; align-items:center; width:100%; height:58px; font-size:17px; border:1px solid #d3d3d3; border-radius:10px; background-color:#fff; padding:0 30px; box-sizing:border-box; transition:all .2s;color: #222; } 
.gnbB_wrap .gnbB > li > a:hover  { font-family:'Paperlogy-7Bold'; border-color:#222; } 
.gnbB_wrap .gnbB > li.on > a { font-family:'Paperlogy-7Bold'; border-color:#222; } 
.gnbC { display:none; } 

#header .bg { display:none; position:absolute; top: 115px; left:0; width:100%; height:317px; background-color:#fff; z-index:-1; border-top: 1px solid #d3d3d3; } 
#header { position:absolute; top:0; left:0; width:100%; height: 115px; border-bottom:1px solid rgba(255,255,255,.35); box-sizing:border-box; z-index:10; } 
#header.on { background-color: #fff; } 
#header.on .logo a { background: url(/layout/images/www2/common/logo_bk.png) no-repeat; } 
#header.on .sitemap a { background: url(/layout/images/www2/common/sp_layout.png) no-repeat -104px 0; } 
#header.on .gnb > .gnbA > a { color: #222; } 
#header.on .gnb > .gnbA.on > a { color: #f25c05; } 
#header.on .gnb > .gnbA.on > a:after { content: ''; position: relative; top: -11px; display: block; width: 100%; height: 5px; background-color: #f25c05; } 
#header .inner { display:flex; align-items:center; justify-content:space-between; width:1600px; height:100%; } 
#header .logo { width:307px; height:59px; } 
#header .logo a { display:block; width:100%; height:100%; background: url(/layout/images/www2/common/logo.png) no-repeat; text-indent:-9999px; } 
#header .sitemap a { display:block; width: 27px; height:25px; background:url(/layout/images/www2/common/sp_layout.png) no-repeat; text-indent:-9999px; } 

#footer { width:100%; color:#fff; background-color:#111; padding:64px 0 60px; } 
#footer .top { position:relative; } 
#footer .top .logo { width:307px; height:59px; background:url(/layout/images/www2/common/logo.png) no-repeat; text-indent:-9999px; } 
#footer .top .address { font-style:normal; font-size:16px; line-height:1.8; margin-top:40px; } 
#footer .top .btn_top { font-family: 'Paperlogy-7Bold'; position:absolute; top:80px; right:0; width:120px; height:63px; font-size:15px; line-height:52px; text-align:center; color:#fff; border-radius:50px; border:2px solid #fff; box-sizing:border-box; } 
#footer .top .btn_top:hover { color:#111; border:2px solid #fff; background: #fff; } 
#footer .top .btn_top::after { content:''; display:inline-block; width: 13px; height: 10px; background: url(/layout/images/www2/common/sp_layout.png) no-repeat -378px -7px; vertical-align:middle; margin-left:11px; } 
#footer .top .btn_top:hover::after { background: url(/layout/images/www2/common/sp_layout.png) no-repeat -464px -7px; } 
#footer .bot { margin-top:60px; } 
#footer .bot .copy { float:left; font-size:16px; color:#e1e1e1; opacity:.45; } 
#footer .bot .util { float:right; display:flex; align-items:center; } 
#footer .bot .util li { padding: 0 13px; border-right: 1px solid #ffffff30; } 
#footer .bot .util li:last-child { border-right:0; padding-right: 0; } 
#footer .bot .util li a { font-size:16px; color:#fff; } 

@media screen and (max-width:1676px) {#header .inner { width:100%; padding:0 30px; box-sizing:border-box; } 
 }

@media screen and (max-width:1560px) {.gnbA > a { width:172px; } 
 }

@media screen and (max-width:1476px) {#wrap { width:1480px; } 
.inner { width:100%; padding:0 30px; box-sizing:border-box; } 
 }

.manager > a { color: #FFDD29!important; }