@charset "utf-8";
*	{margin:0;padding:0;vertical-align:baseline;border:0;font-family:"Noto Sans", sans-serif;}
html	{font-size:10px;-webkit-text-size-adjust:none;}
*:lang(ko)	{font-family:"Noto Sans KR", sans-serif;}
*:lang(ja)	{font-family:"Noto Sans JP", sans-serif;}
*:lang(zh-hans)	{font-family:"Noto Sans SC", sans-serif;}
*:lang(zh-hant)	{font-family:"Noto Sans TC", sans-serif;}
*:lang(th)	{font-family:"Prompt", sans-serif;}
*:lang(ar)	{font-family:"Tajawal", sans-serif;}
body	{line-height:1;background:#f7f8fa;}
img	{width:100%;vertical-align:top;pointer-events:none;}
button	{vertical-align:top;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:none;outline:none;-webkit-transform:translate(0, 0);transform:translate(0, 0);}
a	{color:inherit;text-decoration:none;outline:0;}
ol,ul	{list-style:none;}
blockquote,q	{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after	{content:"";content:none;}
table	{border-spacing:0;border-collapse:collapse;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section	{display:block;}

/* 로딩이미지 */
.loading	{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.4) url(../img/loading.gif) 50% 50% no-repeat;background-size:32px 32px;}

/* 브라우저 지원 팝업 */
.browser_not_supported_alert	{height:60px;background-color:#1277ff;background-image:url(../img/bg_browser_not_supported.png);background-repeat:no-repeat;background-position:50% 50%;background-size:1920px auto;}
.browser_not_supported_alert .msg	{width:100%;height:100%;position:absolute;font-size:14px;line-height:60px;color:#fff;text-align:center;}
.browser_not_supported_alert .btn_close	{width:22px;height:22px;position:absolute;top:19px;right:0;font-size:0;color:rgba(0, 0, 0, 0);background-image:url(../img/img_btn_close.png);background-position:0 0;background-size:22px 22px;}

/* Skip to Main */
a.skip_to_content	{width:1px;height:1px;position:absolute;overflow:hidden;z-index:-999;top:-50px;right:0;left:0;}
a.skip_to_content:focus,a.skip_to_content:active	{width:auto;height:auto;display:block;position:absolute;z-index:999;top:0;margin:0;padding:5px 5px 2px;font-size:15px;color:#fff;text-align:center;text-decoration:none;background-color:#1277ff;}

/* 이미지 */
.nav .logo.logo a,.nav .select_language .btn_dropdown .icon,.footer .logo,.footer .channel a .icon	{background-image:url(../img/icon_2x.png);background-repeat:no-repeat;background-size:500px 500px;}

/* 공통 */
.wrap	{min-width:1240px;overflow:hidden;background-color:#f7f8fa;}

/* 레이아웃 */
.content	{width:1240px;position:relative;margin:0 auto;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;}

/* 헤더 */
.header	{position:relative;margin:0;padding:0;background-color:#000;}
.header.main	{background-color:rgba(0, 0, 0, 0);}

/* 네비 */
.nav	{width:1240px;height:82px;position:relative;z-index:100;margin:0 auto;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;}
.nav .logo	{width:85px;height:28px;position:absolute;top:30px;left:20px;font-size:0;color:rgba(0, 0, 0, 0);}
.nav .logo.logo a	{background-position:0 -117px;}
.nav .logo a	{width:100%;height:100%;display:block;position:absolute;z-index:100;top:0;left:0;}
.nav .gnb li	{height:82px;display:inline-block;position:relative;margin:0 31px;padding:0 2px;font-size:15px;font-weight:bold;line-height:1.47;color:#fff;color:#b0baca;vertical-align:middle;}
.nav .gnb li.on a	{color:#1277ff;}
.nav .gnb li.on span	{border-bottom:2px solid #1277ff;}
.nav .gnb li:hover a	{color:#1277ff;}
.nav .gnb li a	{width:100%;height:100%;display:inline-block;}
.nav .gnb li a:after	{width:0;height:100%;display:inline-block;vertical-align:middle;content:"";}
.nav .select_language	{width:auto;height:100%;position:absolute;top:0;right:20px;font-size:14px;font-weight:bold;line-height:1.43;color:#b0baca;text-align:right;}
.nav .select_language .btn_dropdown	{height:100%;top:0;padding-left:20px;font:inherit;color:inherit;}
.nav .select_language .btn_dropdown .icon	{width:20px;height:20px;display:inline-block;position:relative;margin-left:10px;vertical-align:top;background-position:-52px -1px;}
.nav .select_language .dropdown	{position:absolute;z-index:-1;top:66px;right:0;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;font-weight:bold;line-height:1.43;color:#b0baca;visibility:hidden;background-color:#fff;border:2px solid #b0baca;border-radius:10px;opacity:0;-webkit-transition:opacity 0.1s;transition:opacity 0.1s;}
.nav .select_language .dropdown.on	{z-index:10;visibility:visible;opacity:1;-webkit-transition:opacity 0.1s;transition:opacity 0.1s;}
.nav .select_language .dropdown button	{height:20px;font:inherit;color:inherit;white-space:nowrap;}
.nav .select_language .dropdown button:hover,.nav .select_language .dropdown button.btn_on	{color:#0a0a12;}
.nav .select_language .dropdown li	{margin:5px 0;}
.nav .select_language .dropdown li:first-child	{margin:15px 0 5px;}
.nav .select_language .dropdown li:last-child	{margin:5px 0 15px;}
.nav .select_language .tip	{width:356px;position:absolute;z-index:11;top:64px;right:0;padding:15px;box-sizing:border-box;color:#9dc9ff;text-align:left;background-color:#0059ff;border-radius:6px;}
.nav .select_language .tip dt	{margin-bottom:10px;font-size:15px;line-height:22px;color:#fff;}
.nav .select_language .tip dt:before	{width:18px;height:18px;display:inline-block;position:relative;margin-right:5px;vertical-align:middle;content:"";background:url(../img/icon_2x.png) -159px -25px no-repeat;background-size:500px 500px;}
.nav .select_language .tip dd	{font-size:13px;font-weight:normal;line-height:18px;}
.nav .select_language .tip .icon	{width:10px;height:10px;position:absolute;top:50%;left:50%;background-position:-257px -86px;transform:translate(-50%,-50%);}
.nav .select_language .tip .btn_close	{width:20px;height:20px;position:absolute;top:10px;right:10px;}

/* 섹션 - 타이틀 섹션 */
.section_title	{margin:0;padding:0;background-color:rgba(10, 10, 18, 0.85);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.section_title .overlay	{padding:54px 0;text-align:center;background-image:url(../img/overlay_title_section.png);background-repeat:repeat-x;background-size:1px 180px;}
.section_title .title	{margin-top:14px;font-size:32px;line-height:38px;color:#fff;}
.section_title .breadcrumb	{color:#7e8592;}
.section_title .breadcrumb li	{display:inline;font-size:14px;line-height:20px;}
.section_title .breadcrumb li + li:before	{padding:0 2px;color:#7e8592;content:">";}
.section_title .breadcrumb li a:hover	{text-decoration:underline;}

/* 일문 전자공고 타이틀 */
.section_title.electric_ja .overlay	{padding:100px 0 162px;background-size:1px 314px;}
.section_title.electric_ja .title {margin-top:0;}

/* 푸터 */
.footer	{overflow:hidden;background-color:#0a0a12;}
.footer .content	{padding:40px 20px 64px 20px;}
.footer .content:after	{content:"";display: block;clear:both;}
.footer .policy	{width:100%;display:block;position:relative;float:left;text-align: right;}
.footer .policy .link	{padding: 0 14px;font-size:13px;line-height: 18px;color: #b0baca;border-radius:10px;-webkit-transition:background-color 0.2s;transition:background-color 0.2s;position: relative;}
.footer .policy .link:after	{content:"";display: block;width: 1px;height: 12px;background: #393e45;position: absolute;right:0;top: 50%;transform:translateY(-50%);}
.footer .policy .link:last-child:after	{display:none;}
.footer .policy .link:last-child	{margin-right:0;padding-right: 0;}
.footer .policy .link:hover	{color: #fff;}
.footer .policy:after	{display:table;clear:both;content:"";}
.footer .license	{display:block;float:left;overflow:hidden;font-size:13px;line-height:18px;color:#7e8592;}
.footer .license:after	{display:table;clear:both;content:"";}
.footer .logo	{width:201px;height:18px;margin-top:6px;margin-bottom:20px;font-size:0;color:rgba(0, 0, 0, 0);background-position:-1px -95px;}
.footer .channel	{float:right;margin-top:31px;}
.footer .channel:after	{display:table;clear:both;content:"";}
.footer .channel .com2us,.footer .channel .gamevil	{width:100%;margin-bottom:28px;text-align:left;}
.footer .channel .title	{min-width:300px;display:inline-block;margin-right:20px;font-size:14px;line-height:20px;color:#b0baca;text-align:right;vertical-align:middle;}
.footer .channel a	{width:40px;height:40px;display:inline-block;position:relative;margin:0 10px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;color:rgba(0, 0, 0, 0);vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:20px 20px;border:1px solid #b0baca;border-radius:38px;}
.footer .channel a:last-child	{margin-right:0;}
.footer .channel a .icon	{width:20px;height:20px;position:absolute;top:50%;left:50%;margin:-10px 0 0 -10px;}
.footer .channel a.facebook .icon	{background-position:-115px -1px;}
.footer .channel a.blog .icon	{background-position:-73px -1px;}
.footer .channel a.youtube .icon	{background-position:-115px -22px;}
.footer .channel a.twitter .icon	{background-position:-157px -1px;}
.footer .channel a.cafe .icon	{background-position:-73px -22px;}
.footer .channel a.forum .icon	{background-position:-197px -2px;}
.footer .channel a.jblog .icon	{background-position:-241px -2px;}
.footer .channel a.wechat .icon	{background-position:-285px -2px;}
.footer .channel a.weibo .icon	{background-position:-329px -2px;}
.footer .channel a.youku .icon	{background-position:-373px -2px;}
.footer .channel a:hover	{border:1px solid #fff;}
.footer .channel a:hover.facebook .icon	{background-position:-136px -1px;}
.footer .channel a:hover.blog .icon	{background-position:-94px -1px;}
.footer .channel a:hover.youtube .icon	{background-position:-136px -22px;}
.footer .channel a:hover.twitter .icon	{background-position:-178px -1px;}
.footer .channel a:hover.cafe .icon	{background-position:-94px -22px;}
.footer .channel a:hover.forum .icon	{background-position:-219px -2px;}
.footer .channel a:hover.jblog .icon	{background-position:-263px -2px;}
.footer .channel a:hover.wechat .icon	{background-position:-307px -2px;}
.footer .channel a:hover.weibo .icon	{background-position:-351px -2px;}
.footer .channel a:hover.youku .icon	{background-position:-395px -2px;}

.footer .change_view	{position: absolute;top: 108px;right: 20px;}
.footer .change_view:after	{display:table;clear:both;content:"";}
.footer .change_view .go_mobile	{display:inline-block;padding:9px 15px;font-size:13px;line-height:18px;color:#b0baca;vertical-align:middle;border:1px solid #b0baca;border-radius:10px;-webkit-transition:all 0.5s;transition:all 0.5s;}
.footer .change_view .go_mobile:hover	{color:#fff;border:1px solid #fff;}

.footer.electric_ja	{font-size:13px;line-height:1.38;color:#7e8592;text-align:center;background-color:transparent;}
.footer.electric_ja .content	{padding-top:30px;}

/* 메뉴 없을 때 해더 */
body.company .nav .logo {position:relative;display:inline-block;top:auto;left:auto;width:auto;height:18px;margin:32px auto 0;}
body.hive .nav .logo {position:relative;display:inline-block;top:auto;left:auto;width:auto;height:28px;margin:27px auto 0;}
body.company .nav .logo a {width:auto;background:none;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
body.company .nav .logo a img {width:auto;height:100%;}