/************************************************************************ * date : 2020-1022 ************************************************************************/ @charset "utf-8"; @import url('../common.css'); html,body {margin:0; line-height:1.6; font-size:12px; font-family:"Pretendard","Helvetica Neue","HelveticaNeue-Light","HelveticaNeue-Regular",'AppleSDGothicNeo-Medium','Helvetica','AppleGothic','Sans-serif'; color:#484949;} body::-webkit-scrollbar {width:6px; height:6px; border-radius:6px; background-color:transparent;} body::-webkit-scrollbar-thumb {background:#e4e4e4; border-radius:6px;} body::-webkit-scrollbar-track {background:transparent; border-radius:6px;} body:hover::-webkit-scrollbar-thumb {background:#bbb !important;} select, input, textarea {font-family:"PT","Helvetica Neue","HelveticaNeue-Light","HelveticaNeue-Regular",'AppleSDGothicNeo-Medium','Helvetica','AppleGothic','Sans-serif';} ul,li,dl,dt,dd { margin: 0; padding: 0; list-style-type: none; } nav, section, article, header, aside, footer, figure, dialog {display:block} time, progress, mark, output {display:inline} html{-webkit-text-size-adjust: none;} /* iphone */ body, ul, ol, li, dt, dl, dd, div, h1, h2, h3, h4, h5, h6, p, form, fieldset, blockquote, iframe, input, object, table, tr, th, td{margin:0;padding:0} ul, ol, li{list-style:none} em,i{font-style:normal} fieldset, img{border:none;} legend, caption{display:none} table { table-layout: fixed; border-collapse: collapse; width: 100%; margin: 0 auto; } label, button {cursor:pointer; font-family:"PT","Helvetica Neue","HelveticaNeue-Light","HelveticaNeue-Regular",'AppleSDGothicNeo-Medium','Helvetica','AppleGothic','Sans-serif';} a {cursor:pointer} a:link, a:visited, a:active {text-decoration:none} a:hover{text-decoration:underline} #skipNavigation li { line-height: 0; } #skipNavigation a{ overflow:hidden; position:absolute; top:0; left:-100%; float: left; color: #fff; font-size: 14px; background-color: #727f96; } #skipNavigation a:focus { left: 0; padding: 10px; } /* layout */ .contents { position: relative; width: 960px; height:100%; margin: 0 auto; } .contents .contents {width: 100%;} .footer { font-size: 11px; margin-top: 11px; color: #8b8b8b; text-align: center; } /* 달력 UI 관련 수정 */ .ui-datepicker-trigger {margin-left: 5px; height: 26px;} /*.hasDatepicker { margin-left: 20px;} .hasDatepicker:frist-child { margin-left: 0px;}*/ /*css3 effect*/ button, #skipNavigation a, .recruit_header ul li a, .recruit_header ul li a span { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /* commen class */ .hide {display:none} /* none */ .blind {display: block; position: absolute; overflow: hidden; left: -9999px; width: 1px; height: 1px; font-size: 0; line-height: 0; text-indent: -9999px; } .floatR {float: right;} .txtL{text-align: left !important;} .txtR{text-align: right !important;} .txtC{text-align: center !important;} .gray { background-color:#f9f9f9;} .red { color:#ff4165 !important;} .blue { color:#005af1 !important;} .w100p {width: 100% !important;} .w100 {width: 100px !important;} .w190 {width: 190px !important;} .mt10 {margin-top: 10px !important;} .error_box { border: 1px solid #ff4165 !important; color:#ff4165;} .btn1, .btn2, .btn3 { width: 110px; height: 50px; margin-left: 5px; color:#000; border: 1px solid #666; background-color: #fff; font-size: 16px; } .btn1.off { color:#9b9b9b; border-color:#999; cursor: default;} .btn2 { color: #fff; background-color: #2e6afd; border-color: #2e6afd;} .btn3 { color: #fff; background-color: #ff3262; border-color: #ff3262;} .btn1:first-child, .btn2:first-child, .btn3:first-child {margin: 0;} .btn_search { width: 40px !important; height: 40px !important; border: 1px solid #d6d6d6 !important; font: 0/0 a !important; margin-left: -11px; background: transparent url('/inc/recruit/img/front/btn_search.png') no-repeat center !important; } .afreeca_recruit {min-width:1280px; padding-top:70px;} .recruit_header {position:fixed; top:0; left:0; right:0; background:#fff; width:100%; height:70px; border-bottom:1px solid #eee; box-sizing:border-box; z-index:100;min-width:1280px} .recruit_header h1 {position:absolute; top:50%; left:0px; transform:translate(0, -50%);} .recruit_header h1 a {display:flex; align-items:center; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='103' height='37' fill='none'%3e%3cg fill='%230545B1' clip-path='url(%23a)'%3e%3cpath d='M39.712 9.284a9.223 9.223 0 0 0-6.892 3.083.18.18 0 0 1-.27 0 9.246 9.246 0 0 0-16.139 6.164 9.246 9.246 0 0 0 16.139 6.164.18.18 0 0 1 .27 0 9.246 9.246 0 0 0 16.139-6.164 9.246 9.246 0 0 0-9.247-9.247zm0 14.055c-1.48 0-2.715-.713-3.474-1.518-.24-.257-.54-.61-.87-.908a7.249 7.249 0 0 0-.463-.385 3.811 3.811 0 0 0-2.22-.703c-.832 0-1.6.262-2.218.703a6.83 6.83 0 0 0-.463.385c-.33.298-.63.65-.87.908-.759.805-1.995 1.518-3.475 1.518l-.112-.003c-.064-.002-.128-.003-.19-.007a5.802 5.802 0 0 1-.13-.01l-.077-.007a4.808 4.808 0 0 1-4.299-4.781v.02-.04.02a4.81 4.81 0 0 1 4.298-4.782l.081-.007a5.234 5.234 0 0 1 .318-.017l.11-.002c1.48 0 2.716.712 3.474 1.518.242.257.541.61.87.908.158.142.314.27.464.385a3.812 3.812 0 0 0 2.219.702c.833 0 1.6-.261 2.22-.702.15-.115.305-.243.462-.385.33-.299.63-.651.87-.908.759-.806 1.995-1.518 3.474-1.518l.11.002a6.446 6.446 0 0 1 .402.024 4.809 4.809 0 0 1 4.287 4.5c0 .016.002.03.003.045l.004.131c0 .066.002.13 0 .196-.001.05-.001.1-.004.148l-.002.03a4.809 4.809 0 0 1-4.288 4.511l-.088.008-.12.009a4.092 4.092 0 0 1-.194.007c-.036 0-.073.003-.11.003l.001.002zM8.073 15.992l2.751.893c.409.166 1.888.536 2.998 1.646 1.022 1.022 1.48 2.39 1.48 3.72 0 4.047-4.178 5.526-7.213 5.526-4.623 0-6.617-2.047-7.212-2.589l2.733-3.492c.193.262 2.075 2.013 4.479 2.013.925 0 2.404-.37 2.404-1.48 0-.74-.759-1.322-2.404-1.849l-2.75-.894c-1.892-.75-3.353-2.065-3.353-4.654 0-1.417.545-2.496.794-2.883 1.537-2.394 4.614-2.665 5.679-2.665 1.873 0 3.258.346 4.262.77 1.275.54 1.938 1.205 2.21 1.45l-2.279 2.912c-2.6-1.609-4.222-1.489-5.118-1.17-.61.216-.804.702-.832 1.017-.034.387.028 1.227 1.371 1.728zm50.133-6.615h-7.398v18.308h4.439v-6.103h2.959c3.115 0 5.917-1.85 5.917-6.103s-2.802-6.102-5.918-6.102zm1.479 6.102a2.404 2.404 0 0 1-2.404 2.405h-2.034v-4.809h2.034a2.404 2.404 0 0 1 2.404 2.404z'/%3e%3c/g%3e%3cpath fill='%230545B1' d='M75.678 14.98c0 2.561 1.057 5.196 3.432 6.439l-1.169 1.521c-1.567-.816-2.616-2.282-3.21-4.045-.593 1.893-1.65 3.517-3.228 4.416l-1.188-1.521c2.338-1.373 3.415-4.156 3.415-6.81v-.463h-2.932v-1.689h2.931v-2.356h1.949v2.356h2.894v1.689h-2.894v.463zm9.425-5.102V26.65h-1.966v-8.498H81.41v7.682h-1.948v-15.66h1.948v6.271h1.726V9.878h1.966zm17.164 8.071v1.652h-15.29v-1.652h3.563v-2.134c-1.262-.528-1.985-1.373-1.985-2.467 0-2.004 2.356-3.192 6.048-3.192 3.693 0 6.031 1.188 6.049 3.192-.009 1.104-.733 1.948-2.004 2.467v2.134h3.619zm-7.663 2.672c3.618-.018 5.789 1.058 5.807 2.987-.018 1.949-2.19 3.006-5.808 3.006-3.655 0-5.844-1.057-5.844-3.006 0-1.93 2.19-3.006 5.844-2.987zm0 1.559c-2.45 0-3.767.482-3.748 1.428-.02.947 1.298 1.448 3.748 1.448 2.393 0 3.729-.501 3.748-1.448-.019-.946-1.355-1.428-3.749-1.428zm0-10.428c-2.487 0-3.915.557-3.897 1.596-.018 1.02 1.41 1.558 3.897 1.558 2.467 0 3.915-.538 3.915-1.558 0-1.04-1.448-1.596-3.916-1.596zm-1.986 6.197h3.97v-1.596a14.56 14.56 0 0 1-1.984.13c-.715 0-1.383-.046-1.986-.13v1.596z'/%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 .5h65v36H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; width:103px; height:36px; color:#0545b1; font:0/0 a;} .recruit_header h1 a:hover {text-decoration:none;} .recruit_header ul {float: right; height: 100%; } .recruit_header ul li { float: left; height: 100%; text-align: center; } .recruit_header ul li a { position: relative; display: block; height: 100%; padding: 0 25px; color:#5e636e; font-size:16px; text-decoration: none; outline: none; line-height:70px;} .recruit_header ul li a > strong {font-weight:700;} .recruit_header ul li a.on {font-weight:700;} .recruit_header ul li a.on, .recruit_header ul li:hover a {color:#0545b1;} .recruit_header ul li a.on:before {content:""; position:absolute; bottom:-1px; left:50%; background:#0545b1; width:calc(100% - 50px); height:1px; transform:translate(-50%, 0); z-index:10;} .recruit_header .sub_dim {display:none; position:fixed; top:70px; left:0; right:0; background:rgba(255,255,255,.96); width:100%; height:168px; border-bottom:1px solid #eee; z-index:5;} .recruit_header.shadow:before {content:""; position:absolute; bottom:-21px; background:linear-gradient(180deg, rgba(0,0,0,.05), rgba(216,216,216,0) 100%); width:100%; height:20px;} /* .recruit_main_img {background: url("/inc/recruit/img/front/main_bg.png") repeat-x; height: 311px;} */ .recruit_main_img { background: #5580fb url('/inc/recruit/img/front/front_new/recruit_main.png') 50% 0 no-repeat;background-size: auto; } /* .recruit_main_img .contents {background: url("/inc/recruit/img/front/main.png") no-repeat; } */ .recruit_main_img .contents { height: 300px; background: url('/inc/recruit/img/front/front_new/recruit_main_character.png') no-repeat 97% center; box-sizing: border-box; } .recruit_main_img .contents h2 { padding: 62px 0 79px 38px; font-size: 38px; font-weight: 400; color: #fff; line-height: 1.3; } .recruit_main_img .contents h2 strong { font-weight:700; } .main_banner {position:relative;} .main_banner .banner_wrap {overflow:hidden;} .main_banner .banner_wrap ul {display:flex;} .main_banner .banner_wrap ul li {flex:0 0 auto; overflow:hidden; position:relative; width:100%; min-height:240px; max-height:340px;} .main_banner .banner_wrap ul li img {display:block; width:100%; height:100%; min-width:1440px; margin:0 auto; object-fit:cover;} .main_banner .banner_wrap ul li .txt_box {display:flex; flex-direction:column; justify-content:center; position:absolute; top:0; left:50%; width:960px; height:100%; margin-left:-480px;} .main_banner .banner_wrap ul li .txt_box h2 {color:#fff; font-size:34px; font-weight:700; line-height:40px;} .main_banner .banner_wrap ul li .txt_box h2 em {font-family:'Roboto','PT',-apple-system,'Helvetica Neue',sans-serif; font-weight:700;} .main_banner .banner_wrap ul li .txt_box p {padding-top:10px; line-height:24px; color:#fff; font-size:16px; } .main_banner .banner_wrap ul li .txt_box p em {font-weight:700;} .main_banner .banner_wrap ul li .txt_box p em.ye {color:#ccff8c;} .main_banner .banner_wrap ul li .txt_box p em.gr {color:#8cff91;} .main_banner .banner_wrap ul li .txt_box p em.bl {color:#8cfff7;} /* .main_banner.open_recruit .banner_wrap ul li {background:#074fcb;} */ .main_banner .btn_box {position:absolute; top:0; left:50%; width:960px; height:100%; transform:translate(-50%, 0);} .main_banner .btn_box [class^=btn_] {position:absolute; top:50%; width:8px; height:14px; padding:10px; border:0; box-sizing:content-box; transform:translate(0, -50%); font:0/0 a;} .main_banner .btn_box .btn_prev {left:-10px; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14'%3e%3cpath fill='none' stroke='%231E293B' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M7 1 1 7l6 6'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:8px 14px;} .main_banner .btn_box .btn_next {right:-10px; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14'%3e%3cpath fill='none' stroke='%231E293B' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='m1 1 6 6-6 6'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:8px 14px;} .main_banner .btn_box [class^=btn_].swiper-button-disabled {opacity:.5;} /* 메인 */ /* .afreeca_recruit.main {min-width:1280px; padding-top:0;} .afreeca_recruit.main .recruit_header {position:fixed; top:0; background:linear-gradient(180deg, rgba(0,0,0,.5), rgba(0,0,0,0)); border:0;} .afreeca_recruit.main .recruit_header h1 {width:184px;} .afreeca_recruit.main .recruit_header h1 a {background:url('/inc/recruit/img/front/front_new/logo_white.svg') no-repeat 50% 0;} .afreeca_recruit.main .recruit_header ul li a {color:#fff;} .afreeca_recruit.main .recruit_header .sub_dim {background:transparent;} .afreeca_recruit.main .recruit_header.sub_ver {background:#fff; border-bottom:1px solid #ddd;} .afreeca_recruit.main .recruit_header.sub_ver h1 a {background:url('/inc/recruit/img/front/logo_recruit.png') no-repeat 50% 0; color:#1e293b;} .afreeca_recruit.main .recruit_header.sub_ver ul li a {color:#1e293b;} .afreeca_recruit.main .recruit_header.sub_ver .sub_dim {background:rgba(255,255,255,.8);} .afreeca_recruit.main .recruit_header ul li a.on:before {display:none;} */ .visual_banner .banner_slider {position:relative; width:100%; height:640px; overflow:hidden;} .visual_banner .swiper-wrapper {display:flex; width:100%; height:100%;} .visual_banner .swiper-wrapper .swiper-slide {flex:0 0 auto; position:relative;} .visual_banner .swiper-wrapper .swiper-slide:after {content:""; position:absolute; bottom:0; left:0; right:0; background:linear-gradient(0, rgba(1,0,22,.38), rgba(35,23,3,.14) 54%, rgba(216,216,216,0)); width:100%; height:160px;} .visual_banner .swiper-wrapper .swiper-slide > img {width:100%; height:100%; object-fit:cover;} .visual_banner .swiper-wrapper .swiper-slide.banner3 > img {object-position:bottom;} .visual_banner .swiper-wrapper .swiper-slide > p {position:absolute; top:118px; left:50%; width:100%; text-align:center; color:#fff; font-size:64px; font-weight:700; line-height:80px; text-shadow:rgba(0,0,0,.3) 1px 0 10px; transform:translate(-50%, 0);} .visual_banner .banner_slider .controller {display:flex; align-items:center; justify-content:center; position:absolute; bottom:24px; width:100%;} .visual_banner .banner_slider .controller .swiper-pagination {display:flex;} .visual_banner .banner_slider .controller .swiper-pagination-bullet {display:block; background:rgba(255,255,255,.3); width:12px; height:12px; margin-right:12px; border-radius:50%; cursor:pointer;} .visual_banner .banner_slider .controller .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#fff;} .visual_banner .banner_slider .controller > button {display:block; border:0; font:0/0 a;} .visual_banner .banner_slider .controller > button.on {display:none;} .visual_banner .banner_slider .controller > button.stop {background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3e%3cg fill='%23FFF' fill-rule='evenodd'%3e%3crect width='3' height='12' x='2' y='1' rx='1.5'/%3e%3crect width='3' height='12' x='9' y='1' rx='1.5'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; width:14px; height:14px;} .visual_banner .banner_slider .controller > button.play {background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3e%3cpath fill='%23FFF' fill-rule='evenodd' d='m11.285 8.029-6.468 3.88A1.2 1.2 0 0 1 3 10.882V3.119A1.2 1.2 0 0 1 4.817 2.09l6.468 3.881a1.2 1.2 0 0 1 0 2.058z'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; width:14px; height:14px;} .recruit_main_body h3{ margin: 55px 0 15px; color: #484848; font-weight: normal; font-size: 24px; } .recruit_main_body table {border-top: 2px solid #000000;} .recruit_main_body table th { height: 65px; background-color: #f6f6f6; color:#484949; font-size: 16px;} .recruit_main_body table td { height: 90px; font-size: 18px; color:#484949; text-align: center; border-bottom: 1px solid #f0f0f0; } .recruit_main_body table td:first-child { padding-left: 20px; text-align: left;} .recruit_main_body table td a { border-bottom: 2px solid #a3a3a3; color:#484949; text-decoration: none;} .recruit_main_body table td .apply { display: block; width: 353px; height: 74px; margin: 100px auto 70px; color:white; border: none; text-align: center; font-weight: normal; background-color: #2e6afd; font-size: 24px;line-height: 3.2; cursor: pointer;} .recruit_main_body table dl {margin-top: 35px; color:#484848;} .recruit_main_body table dl dt { margin-bottom: 12px;} .recruit_main_body table dl li { position: relative; padding-left: 12px; font-size: 16px; font-weight: normal; line-height: 1.4;} .recruit_main_body table dl li:before { content:''; position: absolute; left: 0; top: 10px; display:block; width: 7px; height: 1px; background-color: #484848; } section {padding:80px 0 0 0;} section h3 {color:#1e293b; font-size:34px; font-weight:700; line-height:48px; } section .inner {width:960px; margin:0 auto;} section.lifeList_area {overflow:hidden; background:#f8f8f8; padding:80px 0 58px;} section.lifeList_area .life_list {margin-top:40px;} section.lifeList_area .life_list ul {display:flex;} section.lifeList_area .life_list ul li {flex:0 0 auto; overflow:hidden; position:relative; width:470px; height:420px; margin-right:20px; padding:27px; border-radius:14px; box-sizing:border-box; z-index:20;} section.lifeList_area .life_list ul li:last-of-type {margin-right:0;} section.lifeList_area .life_list ul li > img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; transition:all .5s; z-index:5;} section.lifeList_area .life_list ul li > strong {position:relative; color:#fff; font-size:24px; font-weight:700; z-index:20;} section.lifeList_area .life_list ul li .word {display:block; display:-webkit-box; overflow:hidden; position:relative; -webkit-box-orient:vertical; text-overflow:ellipsis; white-space:normal; -webkit-line-clamp:2; z-index:20;} section.lifeList_area .life_list ul li .word > p {display:inline; width:100%; margin-top:8px; color:#fff; font-size:14px; line-height:20px; word-break:keep-all;} section.lifeList_area .life_list ul li > button {display:block; position:relative; width:28px; height:28px; margin-top:20px; border:0; font:0/0 a; z-index:20;} section.lifeList_area .life_list ul li .btn_open {background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath fill='%23FFF' d='M13.5 8h1v12h-1z'/%3e%3cpath fill='%23FFF' d='M8 14h12v1H8z'/%3e%3ccircle cx='14' cy='14' r='13.5' stroke='%23FFF'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%;} section.lifeList_area .life_list ul li:before, section.lifeList_area .life_list ul li:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; transition:all .5s;} section.lifeList_area .life_list ul li:before {background:rgba(2,19,60,.5); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); opacity:0; z-index:15;} section.lifeList_area .life_list ul li.open:before {opacity:1;} section.lifeList_area .life_list ul li:after {background:rgba(255,255,255,.4); opacity:0; z-index:10;} section.lifeList_area .life_list ul li.open:after {opacity:1;} section.lifeList_area .life_list ul li.open .word {overflow:visible; display:block; display:-webkit-block;} section.lifeList_area .life_list ul li.open .btn_open {display:none;} section.lifeList_area .life_list .btn_box {display:flex; justify-content:center; margin-top:40px;} section.lifeList_area .life_list .btn_box > button {background:transparent; width:32px; height:32px; border:1px solid #ddd; border-radius:50%; font:0/0 a} section.lifeList_area .life_list .btn_box > button.swiper-button-disabled {cursor:default;} section.lifeList_area .life_list .btn_box .btn_prev {background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='15'%3e%3cpath fill='none' stroke='%231E293B' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='m7.5 1.5-6.58 6 6.58 6'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:10px 15px; margin-right:16px;} section.lifeList_area .life_list .btn_box .btn_next {background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='15'%3e%3cpath fill='none' stroke='%231E293B' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='m2.5 1.5 6.58 6-6.58 6'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:10px 15px;} section.lifeList_area .life_list .btn_box .btn_prev.swiper-button-disabled {background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='15'%3e%3cpath fill='none' stroke='%23DDD' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='m7.5 1.5-6.58 6 6.58 6'/%3e%3c/svg%3e") 50% 50% no-repeat;} section.lifeList_area .life_list .btn_box .btn_next.swiper-button-disabled {background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='15'%3e%3cpath fill='none' stroke='%23ddd' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='m2.5 1.5 6.58 6-6.58 6'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:10px 15px;} .work_info {display:flex; flex-wrap:wrap; margin-top:40px;} .work_info [class^=detail_work] {flex:0 0 auto; width:calc(50% - 10px); height:360px; padding:32px; box-sizing:border-box;} .work_info [class^=detail_work] > strong {color:#1e293b; font-size:18px; font-weight:700; line-height:25px;} .work_info [class^=detail_work] > p {margin-top:12px; color:#1e293b; font-size:16px; line-height:22px;} .work_info .detail_work1 {background:url(/inc/recruit/img/front/front_new/work_info1.png) 50% 50% no-repeat; background-size:cover; margin-right:20px;} .work_info .detail_work2 {background:url(/inc/recruit/img/front/front_new/work_info2.png) 50% 50% no-repeat; background-size:cover;} .work_info .detail_work2 > strong, .work_info .detail_work2 > p {color:#fff;} .work_info .detail_work3 {background:url(/inc/recruit/img/front/front_new/work_info3.png) 50% 50% no-repeat; background-size:cover; width:100%; height:240px; margin-top:20px;} .benefit_list {display:none; margin-top:40px;} .benefit_list.active {display:block;} .benefit_list > ul {display:flex; flex-wrap:wrap;} .benefit_list > ul li {width:calc(100% / 3 - (42px / 3)); margin-right:21px; padding:24px 0; border-top:1px solid #eee; box-sizing:border-box;} .benefit_list > ul li:nth-of-type(3n) {margin-right:0;} .benefit_list > ul li:nth-of-type(-n + 3) {padding-top:0; border:0;} .benefit_list > ul li:before {content:""; display:block; width:64px; height:64px;} .benefit_list > ul li > strong {display:block; margin-top:14px; color:#1e293b; font-size:18px; font-weight:700; line-height:24px;} .benefit_list > ul li > p {margin-top:8px; color:#888; font-size:16px; line-height:22px; word-break:keep-all; word-wrap:break-word;} .benefit_list.tab2 > ul li.benefit9, .benefit_list.tab3 > ul li.benefit3 {border-bottom:1px solid #eee} .benefit_list.tab1 > ul li.benefit1:before {background:url(/inc/recruit/img/front/front_new/icon_benefit1.png) 50% 50% no-repeat; background-size:cover;} .benefit_list.tab1 > ul li.benefit2:before {background:url(/inc/recruit/img/front/front_new/icon_benefit2.png) 50% 50% no-repeat; background-size:cover;} .benefit_list.tab1 > ul li.benefit3:before {background:url(/inc/recruit/img/front/front_new/icon_benefit3.png) 50% 50% no-repeat; background-size:cover;} .benefit_list.tab1 > ul li.benefit4:before {background:url(/inc/recruit/img/front/front_new/icon_benefit4.png) 50% 50% no-repeat; background-size:cover;} .benefit_list.tab1 > ul li.benefit5:before {background:url(/inc/recruit/img/front/front_new/icon_benefit5.png) 50% 50% no-repeat; background-size:cover;} .benefit_list.tab1 > ul li.benefit6:before {background:url(/inc/recruit/img/front/front_new/icon_benefit6.png) 50% 50% no-repeat; background-size:cover;} .benefit_list.tab1 > ul li.benefit7:before {background:url(/inc/recruit/img/front/front_new/icon_benefit7.png) 50% 50% no-repeat; background-size:cover;} .benefit_list.tab1 > ul li.benefit8:before {background:url(/inc/recruit/img/front/front_new/icon_benefit8.png) 50% 50% no-repeat; background-size:cover;} .benefit_list.tab1 > ul li.benefit9:before {background:url(/inc/recruit/img/front/front_new/icon_benefit9.png) 50% 50% no-repeat; background-size:cover;} .benefit_list.tab2 > ul li.benefit1:before {background:url(/inc/recruit/img/front/front_new/icon_benefit10.png) 50% 50% no-repeat; background-size:cover;} .benefit_list.tab2 > ul li.benefit2:before {background:url(/inc/recruit/img/front/front_new/icon_benefit15.png) 50% 50% no-repeat; background-size:cover;} .benefit_list.tab2 > ul li.benefit3:before {background:url(/inc/recruit/img/front/front_new/icon_benefit12.png) 50% 50% no-repeat; background-size:cover;} .benefit_list.tab2 > ul li.benefit4:before {background:url(/inc/recruit/img/front/front_new/icon_benefit13.png) 50% 50% no-repeat; background-size:cover;} .benefit_list.tab2 > ul li.benefit5:before {background:url(/inc/recruit/img/front/front_new/icon_benefit14.png) 50% 50% no-repeat; background-size:cover;} .benefit_list.tab2 > ul li.benefit6:before {background:url(/inc/recruit/img/front/front_new/icon_benefit18.png) 50% 50% no-repeat; background-size:cover;} .benefit_list.tab2 > ul li.benefit7:before {background:url(/inc/recruit/img/front/front_new/icon_benefit16.png) 50% 50% no-repeat; background-size:cover;} .benefit_list.tab2 > ul li.benefit8:before {background:url(/inc/recruit/img/front/front_new/icon_benefit17.png) 50% 50% no-repeat; background-size:cover;} .benefit_list.tab2 > ul li.benefit9:before {background:url(/inc/recruit/img/front/front_new/icon_benefit21.png) 50% 50% no-repeat; background-size:cover;} .benefit_list.tab2 > ul li.benefit10:before {background:url(/inc/recruit/img/front/front_new/icon_benefit19.png) 50% 50% no-repeat; background-size:cover;} .benefit_list.tab2 > ul li.benefit11:before {background:url(/inc/recruit/img/front/front_new/icon_benefit20.png) 50% 50% no-repeat; background-size:cover;} .benefit_list.tab2 > ul li.benefit12:before {background:url(/inc/recruit/img/front/front_new/icon_benefit21.png) 50% 50% no-repeat; background-size:cover;} .benefit_list.tab3 > ul li.benefit1:before {background:url(/inc/recruit/img/front/front_new/icon_benefit22.png) 50% 50% no-repeat; background-size:cover;} .benefit_list.tab3 > ul li.benefit2:before {background:url(/inc/recruit/img/front/front_new/icon_benefit23.png) 50% 50% no-repeat; background-size:cover;} .benefit_list.tab3 > ul li.benefit3:before {background:url(/inc/recruit/img/front/front_new/icon_benefit16.png) 50% 50% no-repeat; background-size:cover;} .benefit_list.tab3 > ul li.benefit4:before {background:url(/inc/recruit/img/front/front_new/icon_benefit25.png) 50% 50% no-repeat; background-size:cover;} .benefit_list.tab3 > ul li.benefit5:before {background:url(/inc/recruit/img/front/front_new/icon_benefit26.png) 50% 50% no-repeat; background-size:cover;} .benefit_list.tab4 > ul li.benefit1:before {background:url(/inc/recruit/img/front/front_new/icon_benefit27.png) 50% 50% no-repeat; background-size:cover;} .benefit_list.tab4 > ul li.benefit2:before {background:url(/inc/recruit/img/front/front_new/icon_benefit28.png) 50% 50% no-repeat; background-size:cover;} .mainPost_area {position:relative; background:url(/inc/recruit/img/front/front_new/main_post.png) 50% 50% no-repeat; background-size:cover; width:100%; height:320px; margin-top:80px; box-sizing:border-box; text-align:center;} .mainPost_area:before {content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(15,20,30,.7); width:100%; height:100%;} .mainPost_area .post {position:relative; z-index:5;} .mainPost_area .post > strong {display:block; color:#fff; font-size:34px; font-weight:700; text-align:center; line-height:48px; } .mainPost_area .post > a {display:inline-block; background:#fff; height:44px; margin-top:19px; padding:0 39px; border-radius:24px; box-sizing:border-box; line-height:44px; color:#1e293b; font-size:15px; font-weight:700;} .mainPost_area .post > a:hover {text-decoration:none;} .afreeca_recruit.main .recruit_footer {margin-top:0;} /* 공채페이지 */ .open_recruit .banner_wrap {overflow:hidden;background:#0c0b50 url(/inc/recruit/img/front/front_new/visual_25_sub.png) center 0 no-repeat;height:240px} .open_recruit .banner_wrap ul li img {display: none;} .open_recruit .banner_wrap ul li .txt_box h2 {text-indent:-999em; background: url(/inc/recruit/img/front/front_new/visual_25_sub_text.png) 0 0 no-repeat;height:146px;background-size: auto 100%; } .open_recruit .banner_wrap ul li .txt_box p {display: none; } .openRecruit_banner .banner {position:relative; background:#0c0b50 url(/inc/recruit/img/front/front_new/visual_25.png) 50% 50% no-repeat; background-size:auto 100%; width:100%; height:520px; width:100%; height:520px;} .openRecruit_banner .banner .txt_box {display:flex; flex-direction:column; justify-content:center; position:absolute; top:0; left:50%; width:960px; height:100%; margin-left:-480px;} .openRecruit_banner .banner .txt_box h2 {color:#fff; font-size:64px; font-weight:700; line-height:76px;text-indent:-9999em;font-size:0px; background: url(/inc/recruit/img/front/front_new/visual_25text.png) 0 0 no-repeat;width:570px;height:246px;background-size: 100% 100%; } .openRecruit_banner .banner .txt_box h2 em {font-family:'Roboto','PT',-apple-system,'Helvetica Neue',sans-serif;text-indent:-9999em } .openRecruit_banner .banner .txt_box p {padding-top:13px; line-height:34px; color:#fff; font-size:24px; display: none; } .openRecruit_banner .banner .txt_box p em {font-weight:700;; } .openRecruit_banner .banner .txt_box p em.ye {color:#ccff8c;} .openRecruit_banner .banner .txt_box p em.gr {color:#8cff91;} .openRecruit_banner .banner .txt_box p em.bl {color:#8cfff7;} .openRecruit_contents {padding:60px 0 80px;} .openRecruit_contents .inner {width:960px; margin:0 auto;} .openRecruit_contents .btn_box {display:flex; justify-content:center; padding-top:60px;} .openRecruit_contents .btn_box > a {display:flex; align-items:center; justify-content:center; background:#fff; width:238px; height:52px; border:1px solid #ddd; border-radius:26px; box-sizing:border-box; color:#1e293b; font-size:15px; } .openRecruit_contents .btn_box > a:hover {text-decoration:none;} .openRecruit_contents .btn_box .apply {background:#2e6afd; margin-left:12px; border:0; color:#fff;} .openRecruit_contents .openPost_box {position:relative;} .openRecruit_contents .openPost_box > img {width:960px;} .openRecruit_contents .openPost_box .btn_broad {position:absolute; top:688px; left:45px; width:189px; height:40px; font:0/0 a;} .location {width: 960px; margin: 60px auto 10px; color: #484848; font-size: 24px; overflow: hidden;} .location li {float: left; opacity:.5; filter: alpha(opacity=50);-moz-opacity: .5; } .location li.on { opacity:1; filter: alpha(opacity=100);-moz-opacity: 1; } .location em { padding: 0 10px 0 20px; font-family: dotum;} .location li.last { float: right; margin-top: 5px; font-size: 18px; color: #2e6afd; opacity:1; filter: alpha(opacity=100);-moz-opacity: 1; } .recruit_inputArea .contents { width: 878px; padding: 60px 40px; margin-bottom: 20px; border: 1px solid #e5e5e5; background-color: #fff; } .recruit_inputArea .contents .contents {padding: 0; border: none;} .recruit_inputArea h3 { display: inline-block; margin-bottom: 25px; color:#1a1a1a; font-size: 20px; font-weight:700; } .recruit_inputArea h3 em { padding-left: 10px; color:#2e6afd; font-size: 16px; } .recruit_inputArea h3 em.alert { font-size: 16px; color:#ff4165; } .recruit_inputArea h3 span { padding-left: 10px; color:#484848; font-size: 18px; } .recruit_inputArea h3 span em {padding-left: 0; font-size: 18px;} .recruit_inputArea .recruit_privacy { overflow-y: auto; margin:-35px 0 20px; padding: 20px; height: 130px; border: 1px solid #707070; color:#666; background-color: #f9f9f9; font-size: 14px; } .recruit_inputArea .recruit_privacy p { margin-bottom: 15px; line-height: 1.4; } /* .recruit_inputArea .checkbox_wrap {text-align: right; font-size: 18px; color:#666; line-height: 1.6; margin-bottom: 100px; } */ .recruit_inputArea .checkbox_wrap { position: relative; width: 400px; margin: 0 auto 100px; font-size: 18px; color:#666; line-height: 1.6; } .recruit_inputArea .checkbox_wrap label { display: inline-block; height: 24px; padding-left: 32px; line-height:26px; background: #fff url('/inc/recruit/img/front/split_front.png') no-repeat 0 0; } .recruit_inputArea .checkbox_wrap input:checked + label, .recruit_inputArea .checkbox_wrap input:checked + label.on {background-position: 0 -50px;} .recruit_inputArea .checkbox_wrap strong { display: block; font-size: 16px; color: #1a1a1a; line-height: 1.2; } .recruit_inputArea .checkbox_wrap span { font-size: 14px; color: #666; } .recruit_inputArea .checkbox_wrap .agree_btn { position: absolute; bottom: 5px; right: 0; padding: 7px 19px; border: 1px solid #2e6afd; background-color: #fff; font-size: 14px; font-weight:700; color: #2e6afd; outline: none; } .recruit_inputArea .checkbox_wrap .agree_btn.on { padding: 7px 24px; border: 1px solid #646472; background-color: #646472; color: #fff; } .recruit_inputArea .password_reset { display: block; margin:20px auto 0; text-align:center; color:#484848; font-size: 13px; } .recruit_inputArea .password_reset:hover {text-decoration: none;} .recruit_inputArea .password_reset strong {margin-left:5px; border-bottom: 1px solid #484848; } .recruit_inputArea .disc_text {display: block; width: 400px; margin: 10px auto -10px; color:#484848; font-size: 14px; } .recruit_inputArea .alert { margin: -15px 0 25px 0; font-size: 13px; text-align: right;} /* .recruit_inputArea table + table { margin-top: 10px; padding-top: 10px; border-top: 1px solid #e5e5e5; } */ .recruit_inputArea table + table { margin-top: 10px; padding-top: 10px; } .recruit_inputArea table + table::before { content: ""; position: absolute; display: block; left: 40px; right: 40px; height: 1px; background-color: #e5e5e5; } .recruit_inputArea table + table tr:first-child th {padding-top: 25px;} .recruit_inputArea table + table tr:first-child td {padding-top: 20px;} .recruit_inputArea table th { padding-top: 14px; font-size: 18px; color: #999; vertical-align: top; font-weight: normal; text-align: left; } .recruit_inputArea table td { position:relative; padding: 10px 0; font-size: 18px; } .recruit_inputArea table td strong { font-size: 14px; line-height: 38px;} .recruit_inputArea table td select { float: left; width: 190px; height: 38px; margin-right: 10px; font-size: 16px; text-indent: 10px; color:#484848; border: 1px solid #d6d6d6; overflow: hidden; text-overflow: ellipsis; } .recruit_inputArea table td span { height: 40px; color:#4d4d4d; font-size: 14px; line-height: 2.8;; opacity:.5; filter: alpha(opacity=50);-moz-opacity: .5; } .recruit_inputArea table td input[type='text'] { float: left; width: 260px; height: 38px; margin-right: 10px; font-size: 16px; text-indent: 10px; line-height: 2.4; color: #484848; border: 1px solid #d6d6d6; box-sizing: border-box; } .recruit_inputArea table td input[type='radio'] { position: absolute; overflow: hidden; left: -9999px; width: 1px; height: 1px; font-size: 0; line-height: 0; text-indent: -9999px; } .recruit_inputArea table td input[type='radio']:focus + label { text-decoration: underline; outline: #a5c7fe auto 1px ;} .recruit_inputArea table td label { padding: 3px 0 2px 34px; margin: 0 20px 10px 0; background: url('/inc/recruit/img/front/split_front.png') no-repeat 0 -100px;} .recruit_inputArea table td button { width: 140px; height: 40px; border: none; color: #fff;background-color: #646472; font-size: 17px;} .recruit_inputArea table td label.on , .recruit_inputArea table td input[type='radio']:checked + label { background-position: 0 -150px;} .recruit_inputArea table td p { clear:both; font-size: 14px; opacity:.5; filter: alpha(opacity=50);-moz-opacity: .5; } .recruit_inputArea table .bday_wrap input[type='text'] {width: 100px; vertical-align: middle;} .recruit_inputArea table .bday_wrap label { float: left; margin: 5px 0 0 38px; padding-top: 0; } .recruit_inputArea table .bday_wrap em { float: left; font-size: 14px; height: 40px; padding-right: 10px; line-height: 2.6; } .recruit_inputArea table .location_wrap input[type='text'] { width: 500px; margin: 0 0 10px 0; } .recruit_inputArea table .location_wrap input[type='text']:first-child { width: 349px; margin: 0 10px 10px 0; } .recruit_inputArea table .location_wrap input[type='text']:last-child { margin: 0; } .recruit_inputArea table .military_wrap { vertical-align: middle} .recruit_inputArea table .military_wrap div {margin-top: 15px;} .recruit_inputArea table .military_wrap div select {float: left; width: 140px;} .recruit_inputArea table .military_wrap div input[type="text"] { width: 140px; text-indent: 10px; line-height: 2.6;} .recruit_inputArea table .military_wrap div input[type="text"].reason {width: 270px;} .recruit_inputArea table .military_wrap div em , .recruit_inputArea table .military_wrap div strong {float: left; height: 40px; padding: 0 20px 0 ; font-size: 14px; line-height: 2.6; color:#4d4d4d; font-weight: normal; } .recruit_inputArea table .military_wrap div em {padding: 0 10px 0 0;} .recruit_inputArea table .military_wrap div strong:first-child {padding-left: 0;} .recruit_inputArea table .disabled_wrap input[type="text"] { width: 130px; } .recruit_inputArea table .disabled_wrap input[type="text"]:first-child { width: 340px; } .recruit_inputArea table .disabled_wrap em { float: left; height: 40px; font-size: 14px; line-height: 2.6;color: #4d4d4d; } .recruit_inputArea table .period_wrap input[type="text"] { width: 150px; text-indent: 10px; line-height: 2.6;} .recruit_inputArea table .period_wrap em { float: left; height: 40px; margin-right: 10px; font-size: 14px; line-height: 2.6; } .recruit_inputArea table .profile_wrap { padding: 18px 0 10px; } .recruit_inputArea table .profile_wrap .profile { overflow: hidden; display: block; width: 160px; height: 200px; border: 1px solid #d6d6d6; text-align: center; } .recruit_inputArea table .profile_wrap .profile img { display: inline-block; width: 100%; vertical-align: middle; } .recruit_inputArea table .profile_wrap p { position: absolute; top: 18px; left: 180px; font-size: 16px; color: rgba(77,77,77,.5); line-height: 1.4; } .recruit_inputArea table .profile_wrap label[for=upload] { position: absolute; display: inline-block; top: 96px; left: 180px; width: 96px; height: 40px; margin: 0; padding: 0; background: #ff3262; text-align: center; font-size: 17px; color: #fff; cursor: pointer; line-height: 40px; box-sizing: border-box; } .recruit_inputArea table .profile_wrap label[for=del] { position: absolute; display: inline-block; top: 96px; left: 285px; width: 96px; height: 40px; margin: 0; padding: 0; border: 1px solid #666; background: transparent; text-align: center; font-size: 17px; color: #484848; cursor: pointer; line-height: 40px; box-sizing: border-box; } .recruit_inputArea table .profile_wrap label[for=upload] input, .recruit_inputArea table .profile_wrap label[for=del] input { display: none; } .recruit_inputArea table .apply_gubun_wrap label { padding: 0px 0 5px 34px; vertical-align: -4px; } .recruit_inputArea table .grade_wrap input[type='text'] { width: 140px; margin-right: 23px; } .recruit_inputArea table .grade_wrap select { width: 140px; margin: 0; } .recruit_inputArea table .grade_wrap em { float: left; height: 40px; margin-right: 23px; font-size: 14px; line-height: 2.6; } .recruit_inputArea table .incentive { float: left; font-size: 16px; height: 40px; line-height: 2.6; } .recruit_inputArea table .blog {text-indent: 55px !important;} .recruit_inputArea table .blog_label { position: absolute; padding: 0; margin: -14px 0 0 0; top: 50%; left: 10px; background: none;} .recruit_inputArea table.language input[type="text"] {width: 190px !important;} .recruit_inputArea table.language .period_wrap input[type="text"] {width: 150px !important;} .recruit_inputArea table.tool .period_wrap input[type="text"] {width: 90px !important;} .recruit_inputArea table.tool .period_wrap em:last-of-type { margin-left: 10px; } .recruit_inputArea table.tool .license_wrap { vertical-align: top; } .recruit_inputArea table.award .period_wrap input[type="text"] {width: 90px !important;} .recruit_inputArea table.award .period_wrap em:last-of-type { margin-left: 10px; } .recruit_inputArea table.award td:nth-of-type(2) input[type="text"] { width: 100%; } .recruit_inputArea table.eduTable .period_wrap input[type="text"] { width: 140px; margin-right: 22px; } .recruit_inputArea table.eduTable em { margin-right: 22px; } .recruit_inputArea table.career .period_wrap input[type="text"] {width: 100px !important;} .recruit_inputArea table.career .period_wrap input[type="checkbox"] {margin: -1px 0 0 15px; vertical-align: 1px; cursor:pointer; } .recruit_inputArea table.career .period_wrap label { margin:0; padding: 0 0 0 5px; line-height: 40px; background:none; cursor:pointer; } .recruit_inputArea textarea { display: block; width: 838px; height: 200px; padding: 20px; font-size: 16px; color:#4d4d4d; line-height: 1.6; overflow-y: scroll; resize: vertical; font-family: "PT" , Arial, sans-serif;} .recruit_inputArea p.title { margin: 50px 0 20px; font-size: 18px; color:#484848; font-weight:700;} .recruit_inputArea p.title:first-child {margin-top: 0;} .recruit_inputArea p.title span { color: #999; font-weight: normal; } .recruit_inputArea p.title span:last-child { display: block; font-size: 16px; color: #999; } .recruit_inputArea .text_cnt { text-align: right; font-size: 14px; color: #4d4d4d; } .recruit_inputArea .text_cnt em { color: #ff3262; } .recruit_inputArea .notice_box {background:rgba(248,250,253,1); padding:10px; box-sizing:border-box; text-align:center;} .recruit_inputArea .notice_box > p {line-height:20px; font-weight:700; font-size:13px; color:#2e6afd;} .recruit_inputArea hr { clear:both; margin: 40px 239px 30px; opacity:.3; filter: alpha(opacity=30);-moz-opacity: .3; } .recruit_inputArea ul { clear: both; } .recruit_inputArea ul li { position: relative; padding-left: 12px; font-size: 16px; font-weight: normal; line-height: 1.4; } .recruit_inputArea ul li:before { content: ''; position: absolute; left: 0; top: 10px; display: block; width: 5px; height: 1px; background-color: #4d4d4d; } .recruit_inputArea ul li span { color:#ff4165; } .recruit_inputArea p.notice strong { font-size: 16px; color: #1a1a1a; } .recruit_inputArea p.notice span { display: block; font-size: 16px; color: #666; } .recruit_inputArea .interview_disc { color: #999; font-size: 14px; margin-left: 15px;} .recruit_inputArea .interview_disc p { opacity:1; filter: alpha(opacity=100);-moz-opacity: 1; } .recruit_inputArea .interview_disc div { position: relative; padding-left:64px; margin: 5px 0; } .recruit_inputArea .interview_disc div span { position: absolute; top: 0; left: 0; height: auto; line-height: normal; } .recruit_inputArea .interview_disc div em { color: #244493; } .recruit_inputArea .portfolio_wrap { min-height: 40px; margin-top:24px; } .recruit_inputArea .portfolio_wrap input {float: left;} .recruit_inputArea .portfolio_wrap input[type="text"] { width: 446px; height: 42px; margin:0 12px 0 48px; font-size: 16px; text-indent: 10px; line-height: 2.4; color: #484848; border: 1px solid #d6d6d6; box-sizing:border-box;} .recruit_inputArea .portfolio_wrap label { float: left; padding: 0px 0 1px 34px; margin: 5px 37px 10px 0; font-size: 16px; background: url(/inc/recruit/img/front/split_front.png) no-repeat 0 -100px; } .recruit_inputArea .portfolio_wrap label.file_seach { width: 140px; height: 42px; margin: 0; padding: 0; text-align: center; color: #fff; background: #646472 none; font-size: 17px; line-height: 2.5; } .recruit_inputArea .portfolio_wrap label.on, .recruit_inputArea input[type='radio']:checked + label {background-position: 0 -150px;} .recruit_inputArea.portfolio h3 {margin-bottom:20px; color:#484848; line-height:1.2; font-size:24px; font-weight:normal; font-family:'PT';} .recruit_inputArea.portfolio .contents > ul {margin-bottom:50px;} .recruit_inputArea.portfolio .contents > ul li {margin-top:4px;} .recruit_inputArea.portfolio .contents > ul li:first-of-type {margin-top:0;} .recruit_inputArea.portfolio .contents .btn_wrap {height:auto; margin-top:40px;} .recruit_inputArea.portfolio .contents .btn_wrap .contents {margin:0; font-size:0;} .recruit_inputArea.portfolio .contents .btn_wrap .contents > button {width:96px; height:40px; margin-left:8px; font-size:17px;} .recruit_inputArea.portfolio .contents .btn_wrap .contents .btn1 {color:#484848;} .recruit_inputArea .portfolio_wrap {display:flex; align-items:center;} .recruit_inputArea .portfolio_wrap .title {display:block; width:100px; font-size:16px; font-weight:normal;} .recruit_inputArea .portfolioTable {margin:0;} .recruit_inputArea .portfolioTable:before {display:none;} .recruit_inputArea .portfolioTable td {padding:0;} .recruit_inputArea .portfolioTable + table tr:first-child td {padding:0;} .recruit_inputArea .btn_white { display: block; width: 400px; height: 65px; margin: 40px auto 50px; font-size: 20px; line-height: 3.4; border: none; text-align: center; font-weight: normal; text-decoration: none; cursor: pointer; outline: none; color: #2e6afd; background-color: #fff; border: 1px solid #2e6afd; } .recruit_inputArea.n0 {margin-top: 65px;} .recruit_inputArea.n0 input[type="text"], .recruit_inputArea.n0 input[type="password"] {display:block; width:540px; height:48px; margin:10px auto 0; border:1px solid #ddd; border-radius:8px; box-sizing:border-box; color:#1e293b; font-size:15px; text-indent:20px; line-height:46px; } .recruit_inputArea.n0 input[type="text"]:-webkit-autofill, .recruit_inputArea.n0 input[type="password"]:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;} .recruit_inputArea.n0 input[type="text"].error, .recruit_inputArea.n0 input[type="password"].error {border-color:#ff220d;} .recruit_inputArea.n0 input[type="text"].safe, .recruit_inputArea.n0 input[type="password"].safe {background:#f8fafd;} .recruit_inputArea.n0 input[type="text"]:first-of-type, .recruit_inputArea.n0 input[type="password"]:first-of-type { margin: 0 auto; } .recruit_inputArea.n0 input[type="text"]:focus, .recruit_inputArea.n0 input[type="password"]:focus {border-color:#17191c; outline:none;} .recruit_inputArea.n0 input[type="text"]::placeholder, .recruit_inputArea.n0 input[type="password"]::placeholder {color:#888;} .recruit_inputArea.n0 input[name="password"] {margin-top:28px;} .recruit_inputArea.n0 input[type="text"]:read-only, .recruit_inputArea.n0 input[type="password"]:read-only {background:#f9f9fb; margin-bottom:10px; border-color:#ddd;} .recruit_inputArea.n0 h3:first-of-type { margin-bottom: 80px;} .recruit_inputArea.n0 .apply {display:block; background:#17191c; width:290px; height:58px; margin:20px auto 0; border:0; border-radius:29px; line-height:56px; color:#fff; font-size:16px; text-align:center; font-weight:700; text-decoration:none; cursor:pointer; outline:none;} .recruit_inputArea.n0 .apply:disabled {background:#f8f8f8; color:#ccc; cursor:default;} .recruit_inputArea.n0 .apply + h3 { margin-top: 50px; } .recruit_inputArea.n0 .txt_error {display:block; padding:6px 0; color:#ff220d;} .recruit_inputArea.n0 .select_box {width:100%; margin:0 0 10px 0;} .recruit_inputArea.n0 .select_layer > ul li {padding:0;} .recruit_inputArea.n0 .select_layer > ul li:before {display:none;} /* .recruit_inputArea.n0 select { position: absolute; right: 278px; top: 110px; height: 30px; line-height: 30px; border: 1px solid #666; } */ .recruit_inputArea.n0 select { display: block; width: 400px; height: 50px; margin: 0 auto 25px; padding-left: 20px; line-height: 50px; border: 1px solid #666; font-size: 16px; font-weight:700; color: #1a1a1a; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='13.5' height='8.5'%3e%3cpath stroke='%23555' fill='none' d='M2.208.5l4.291 4.627L10.791.5'/%3e%3c/svg%3e") 96% 50% no-repeat; background-size: 13.5px 8.5px; appearance: none; } .recruit_inputArea.n0 select::-ms-expand { display: none; } .recruit_inputArea .failure {text-align: center; } .recruit_inputArea .failure p { margin-bottom: 15px; color:#ff3262; font-size: 24px; font-weight:700; } .recruit_inputArea .failure span { display: block; color:#777777; font-size: 24px; } .recruit_inputArea .failure .apply { margin: 130px auto 30px; color: #2e6afd; background-color: #fff; border: 1px solid #2e6afd;} /* .recruitment_guide { background: #5580fb url('/inc/recruit/img/front/recruit_main.png') 50% 0 no-repeat;background-size: auto; } .recruitment_guide .contents { height: 300px; padding-top: 62px; background: url('/inc/recruit/img/front/recruit_main_character.png') no-repeat 97% center; box-sizing: border-box; } .recruitment_guide .contents h2 { padding: 0 0 0 38px; font-size: 38px; font-weight: normal; color: #fff; line-height: 1.4; letter-spacing: -4px; } */ .recruitment_guide { background: #6f72ff url('/inc/recruit/img/front/front_new/main_bg.png') 50% 0 no-repeat; background-size: auto; } .recruitment_guide .contents { display: flex; justify-content: center; flex-flow: column; height: 300px; background: url('/inc/recruit/img/front/front_new/main_character.png') no-repeat 97% center; } .recruitment_guide .contents strong { font-size: 32px; color: #fff; line-height: 1.2;} .recruitment_guide .contents strong span { color: #fff; font-weight: normal; } .recruitment_guide .contents p { padding-top: 25px; font-size: 14px; color: #d8d9ff; } .recruitment_guide .contents p:last-of-type { padding-top: 10px; } .recruit_talent .contents { padding-top: 60px; } .recruit_talent h3 { margin-bottom: 40px; color: #1a1a1a; font-size: 20px; font-weight:700; line-height: 1.2; } .recruit_talent ul li { position: relative; float: left; display: flex; align-items: center; justify-content: center; width: 320px; height: 205px; box-sizing: border-box; } .recruit_talent ul li:last-of-type { border: 0; } .recruit_talent ul li p { display: flex; justify-content: center; align-items: center; flex-flow: column; } .recruit_talent ul li p strong{ padding-top: 24px; text-align: center; font-size: 16px; color: #1a1a1a;} .recruit_talent ul li p em { display: block; } .recruit_talent ul li:nth-of-type(1) p em { width: 97px; height: 131px; background: url('/inc/recruit/img/front/front_new/character_1.png') 0 50% no-repeat; } .recruit_talent ul li:nth-of-type(2) p em { width: 89px; height: 131px; background: url('/inc/recruit/img/front/front_new/character_2.png') 0 50% no-repeat; background-size: 89px 118px; } .recruit_talent ul li:nth-of-type(3) p em { width: 132px; height: 131px; background: url('/inc/recruit/img/front/front_new/character_3.png') 0 50% no-repeat; background-size: 132px 115px; } .recruit_talent ul::after { content:""; display:block; clear:both; } .recruit_talent ul li::after { content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 160px; background-color: #e6e6e6; transform: translateY(-50%); } .recruit_talent ul li:last-of-type::after { display: none; } .notice { background-color: #fff;} .notice span { display: block; padding-left: 7px; font-size: 16px; color: #666; text-indent: -7px; } .notice strong { display: block; font-size: 16px; color: #1a1a1a; } .recruit_footer {background:#fff; width:100%; height:106px; margin-top:90px;} .recruit_footer .f_list {padding-top:27px; text-align:center;} .recruit_footer .f_list li {display:inline; margin-left:15px; padding-left:15px; border-left:1px solid #ccc; font-size:14px;} .recruit_footer .f_list li:first-child {padding:0; margin:0; border:0;} .recruit_footer .f_list li a {color:#888; font-size:14px;} .recruit_footer .f_list li.player {padding-left:10px;margin-left:2px;background:url('/images/afmain/bul_bar_f.gif') no-repeat 0 4px} .recruit_footer .f_list li.player a {display:inline-block;color:#466dda;padding-right:22px;font-weight:700;background:url('/images/afmain/bul_down.png') no-repeat right 3px;} .recruit_footer .f_list li.player a em {display:none;} .recruit_footer .copyright {padding-top:16px; line-height:17px; text-align:center; font-size:12px; color:#333; font-weight:700;} .btn_wrap {margin-top: 25px; height: 50px;} .popup {min-width: 500px;} .popup .contents { width: 100%; } .popup h1 { height: 70px; text-indent: 20px; line-height: 4; font-size: 18px; font-weight: normal; color: #fff; background-color: #646472; } .popup .zip_code { overflow: hidden; position: relative; margin: 25px 25px 0; padding-top: 46px; } .popup ul { overflow: hidden;} .popup ul li .ziptitle { position:absolute; top: 0; right: 0; width: 50%; height: 46px; line-height: 2; font-size: 16px; background-color: #fff; border: 1px solid #d5d5d5; border-bottom-color: #484848;} .popup ul li.on .ziptitle { font-weight:700; color: #484848; border-color: #484848; border-bottom-color: #fff; } .popup ul li:first-child .ziptitle { position:absolute; top: 0; left: 0; right:auto; width: 50%; } .popup .zip_disc { height: 70px; font-size: 14px; font-weight:700; line-height: 5; color: #484848;} .popup table th { font-size: 14px; } .popup table td{ position:relative;} .popup table td input[type='text'] { float: left; width: 260px; height: 38px; margin:5px 10px 5px 0; font-size: 16px; text-indent: 10px; line-height: 2.4; color: #484848; border: 1px solid #d6d6d6; } .popup table td input[type='radio'] { position: absolute; overflow: hidden; left: -9999px; width: 1px; height: 1px; font-size: 0; line-height: 0; text-indent: -9999px; } .popup table td label { padding: 4px 0 1px 34px; margin: 0 35px 10px 0; background: url('/inc/recruit/img/front/split_front.png') no-repeat 0 -100px;} .popup table td button { float: left; width: 105px; height: 40px; margin: 5px 0; border: none; color: #fff;background-color: #646472; font-size: 17px;} .popup table td select {float: left; width: 160px; height: 38px; margin:5px 10px 5px 0; font-size: 16px; text-indent: 10px; color: #484848; border: 1px solid #d6d6d6; overflow: hidden; text-overflow: ellipsis;} .popup table td label.on , .popup table td input[type='radio']:checked + label { background-position: 0 -150px;} .popup .gray_box { position: relative; padding: 25px 25px 50px 25px; margin: 25px 0; background-color: #e8e8e8;} .popup .gray_box p { font-size: 14px; color:#484848;} .popup .gray_box p strong { display: block; margin-bottom: 5px; } .popup .gray_box ol { margin-top: 10px; font-size: 14px; color: #888; } .popup .gray_box a { position: absolute; right: 25px; bottom: 20px; font-size: 14px; font-weight:700; color: #2e6afd; } .popup .gray_box em { font-family: 'dotum';} .popup .zip_result { margin-bottom: 20px; } .popup .zip_result ul {padding: 10px; border: 1px solid #d7d7d7; height: 390px; overflow: auto;} .popup .zip_result li { border-top: 1px solid #d7d7d7; margin-top: 5px; padding-top: 5px; } .popup .zip_result li:first-child {border: none; margin-top: 0; padding-top: 5px;} .popup .zip_result button { display: block; min-height: 20px; padding-left: 40px; line-height: 1; border: none; text-align: left; line-height: 20px;} .popup .zip_result button span { display: inline-block;} .popup .zip_result .address_1 { background: transparent url('/inc/recruit/img/front/img_adtit01.gif') no-repeat left 2px; margin-bottom: 5px; } .popup .zip_result .address_2 { background: transparent url('/inc/recruit/img/front/img_adtit02.gif') no-repeat left 2px; color: #a1a1a1; } .popup .btn_wrap { margin-top: 0; text-align: center;} .popup .portfolio { overflow: hidden; position: relative; margin: 25px 25px 30px; } .popup .portfolio ul li { margin-bottom: 5px; color: #484848; font-size: 14px; } .popup .portfolio div { position: relative; margin-right: 114px;} .popup .portfolio input[type="text"] { display: block; width: 100%; height: 38px; margin:20px 0 0 0; font-size: 16px; text-indent: 10px; line-height: 38px; color: #484848; border: 1px solid #d6d6d6; } .popup .portfolio label { position: absolute; right: -114px; top: 0px; width: 105px; height: 41px; text-align: center; line-height: 40px; border: none; color: #fff; background-color: #646472; font-size: 17px; } div.rule , div.privacy { background-color: #fff; font-family: 'PT', verdana, sans-serif; color:#000; line-height: 1.4; } div.rule , div.privacy { padding: 80px 0; } .rule .contents , .privacy .contents { position: relative; max-width: 960px; margin: 0 auto; } div.rule h2 { padding-top: 80px; font-size: 20px; } div.rule h2:first-child { padding: 0; } div.rule h3 { padding-top: 25px; font-size: 16px; } div.rule p { padding-top: 5px; font-size: 14px; } div.rule ul li { padding-top: 5px; font-size: 14px; } div.rule ul li em { vertical-align: 2px; } div.rule ul.list_st2 { margin: 0 0 20px 35px; } div.privacy h2 { padding: 80px 0 25px; font-size: 20px; } div.privacy h2 + ul li:first-child { padding: 0; } div.privacy h3 { padding-top: 25px; font-size: 16px; } div.privacy p { padding-top: 5px; font-size: 14px; } div.privacy ul { margin: 0 0 20px 35px; } div.privacy ul li { padding-top: 25px; font-size: 14px; } div.privacy ul li a { color: #000; text-decoration: underline; } div.privacy ul li em { vertical-align: 2px; } div.privacy ul li ul { margin-left: 15px; } div.privacy ul li ul li { padding-top: 8px; } div.privacy .box { padding: 30px 0; font-size: 14px; } div.privacy .box em { vertical-align: 2px; } div.privacy .box p { padding-left: 15px; } div.privacy ul.list_st2 { margin: 0 0 20px 35px; } .box_404 { position: relative; padding: 150px 0 50px; text-align: center; font-size: 18px; color: #333; } .box_404 a { color: #2e6afd; border-bottom: 1px solid #2e6afd; text-decoration: none;} .box_404 .apply { display: block; width: 400px; height: 65px; font-size: 20px; line-height: 3.4; text-align: center; font-weight: normal; text-decoration: none; cursor: pointer; margin: 50px auto 30px; color: #2e6afd; background-color: #fff; border: 1px solid #2e6afd; } .arti_404 { position: relative; width: 122px; height: 104px; margin: 0 auto 40px; background:transparent url('/inc/recruit/img/front/arti/atri.png') no-repeat; } .arti_404 { background:transparent url('/inc/recruit/img/front/arti/atri_body.png') no-repeat; } .arti_404 .line { position: absolute; top: 35px; right: 70px; display: block; width: 25px; height: 60px; background:transparent url('/inc/recruit/img/front/arti/arti_line.png') no-repeat; background-size: auto 100% ; /*-webkit-animation-name: arti_lien; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinity; animation-name: arti_lien; animation-duration: 3s; animation-iteration-count: infinite;*/ } .arti_404 .mouth { position: absolute; top: 74px; right: 43px; display: block; width: 7px; height: 10px; background:transparent url('/inc/recruit/img/front/arti/arti_mouth.png') no-repeat; -webkit-background-size: 100%; background-size: auto 100% ; /*-webkit-animation-name: arti_mouth; -webkit-animation-duration: 6s; -webkit-animation-iteration-count: infinite; animation-name: arti_mouth; animation-duration: 6s; animation-iteration-count: infinite;arti_mouth*/ } .arti_404 .arm { position: absolute; top: 71px; left: 95px; display: block; width: 19px; height: 34px; background:transparent url('/inc/recruit/img/front/arti/arti_arm.png') no-repeat;} .arti_404 .tangle { position: absolute; top: 0px; left: 0px; display: block; width: 44px; height: 29px; background:transparent url('/inc/recruit/img/front/arti/arti_tangle.png') no-repeat; } @-webkit-keyframes arti_lien { 0% { } 50% { width: 32px; } 100% { width: 25px; } } @keyframes arti_lien { 0% { } 50% { width: 32px; } 100% { width: 25px; } } @-webkit-keyframes arti_mouth { 0% { } 40% { top: 73px; height: 12px; right: 41px; width: 10px; } 100% { top: 74px; height: 10px; right: 43px; width: 7px; } } @keyframes arti_mouth { 0% { } 40% { top: 73px; height: 12px; right: 41px; width: 10px; } 100% { top: 74px; height: 10px; right: 43px; width: 7px; } } /* 점검공지 레이어 팝업 */ .layer-pop {display:block; position:absolute; width: 450px; height: 490px; overflow: hidden; top: 30%; left:43%; border: 1px solid #3d3d3d; background-color: #fff; margin:auto; z-index: 9999} .layer-pop .check_area {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAT0AAABsCAIAAACXXPIsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4RjhGMkYxNjU0QUNFNDExODMxRkY5Q0I5MDI0Q0FGQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNDQ5N0QzRTNDOUYxMUU4QURDNUJDNEE2NzAyOEVGOCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNDQ5N0QzRDNDOUYxMUU4QURDNUJDNEE2NzAyOEVGOCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNjgxZTkwZC0zNDllLWIxNDktOTc2MS03YWRlYjZjYTQ2ZjYiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmNDE0OGQ5Zi0zODkzLTExZTgtYmNhYi1kMDllN2RkNDAxMWMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7cWtKyAAAo4ElEQVR42ux9CVgUV7r2QRBkk0ZFRUQB9y1AUGdGjILJJBc0I6jXGGfCYm5izMS4RcfcJCJm/GNcRklmYsy9ieBM1Kw0mRFvNmiMOokbTVxwidBo0CgozSoIwv+ePmV1dfVK0zTQ1Pv00093dW1dVe95v+873/mOU0tLC2kbrpaRI+fImRLNS0Uq67Q/jR9KfDzJlDFkfBCJnUgkSJBgEzhZzVvw8+BxsusgpauFAHWfjSGRY6XLLkGC3XkLxu7KJu8d1EorqIgXdBXqCo3lAR2GGoPY2SfoB4ZAP/LnBEl+JUiwI2/BwFf3cCQEA9fMJTGTiI+H+Q3B3v159MXYDp6//RzdgwQJEtqXt2AsDGOesQum64gwnFuQs0rg3wb2o56tUIGxGoR686f0M9j+1hJJeCVIaDfegm9xGzhXdnEMWT2P01jm5e4/RE1iY8Ca0GTwM+Y+RSHXCdu4va2eS9bMk26EBAm25i1PWjDw7SUc/ZhywtHlvVzoKtR1iJ+OfyuMMEOlNyZo2bv0XWo2A9Bt2MwSJEiwGW+FpJWv44xeEBKs471cKDDk1Jizqu/ZZqzi5BoLsR9JdSVIsDFvmSoKSbvlM85B1fdyTfNf6Nnye+OpCzJb7euiBYHjzbqRJbQdaFtxd9AcS4HDLslbnlTy17h+V6Fx++cEiyLJIu1dupNjF2xjxnm+acjdZM2DgrYATYmE9oAwlmFnsEhnh0DUndnFeIsLF7GUvsOChR1LBPFknnLW3Q9Q9+AJHdWNXkvJDL2F6rYKfDuCZgUP2ZSx3EMW9zoXKsN5LphGHe8Oefi6InCDjp6jHX7swuIG4TbZ+erh6C/u1Mm9szM6eczFFG8ZJXDbIIMAmJawra2k5YFdMeqefJu+g7SgrlDYLby7iYZOiVnywnZBghVAw4fLC/LY/yEe/jQ9Lu4dM81Ywqw9/7itnvP2QosRXLnZ0m8BfR0+S7+qa1uGLaJfX8loMYvs43RNvOsD+3k3m77jFfUnutpTW7mfsGd8nb2hxXKEL6WbbP5UvJydqsETkNAq4O6zxwDPg50PipvLf1AqlQqFori42D4ngCcKx03Y2nnvSw9jfGb2MEtgZBYya//g01rixPLvIgMsbgPd1XsHuS4lJuOseVs9j2vqTHQFi45ytYzu59kYcWOJA8FPjpEyOmwRoGKXcV9eq7cF2dpyaNah2FyrKpTPefA3M2Y8lTpsbMSGDRvs8K+njOEe104LFxMRKUI4txb0YF8tIa0JgLGsP4k9CmgF4DnDoMVymOJYDrOE9hgdsshUZvTmHVoeRwvpu35oWhgSk2AQog52nrpoW8+25rqlpaWtXLkSH2Qy2QcffDB79mzrzufzjA2VX6U1j0ls+Y8PiJuMlBekbpqRkJAQFBTUze9UD2N+I5Msxh+R9loH/f4kAFLJnFtGwsUa5Tx43LLwSS19nxBkNCQoBJoePt9LgjGwPDaRvcNuluXik5eXt/LlDc3zTzU/f6/iwb/MeXJRRkZGa8+kqSzvwJZhO/Yp7sXntEz9CyUt0C8Ur5IS6S4a0duj53Qki4nt4pi2kpYptjBQxFIgeY3FT2gs2IBe2w73Yy1Rh4RGuxBYsNBCe8cY4Ii2jEqkHCOkZXRiS7+wRUtmqFSqlJQUSzbHmtteXVl1NK9l0rqWB5bp/NagJlUl0HDpTvUw4aCym4fPeOJ547YtpDUYoFswTWv08ge10MW1HGy0Q+wkibSmwJpmfsSldYAR63RL4Nn2C22enbNh+55FixZZYmBHRETIL8ia/3BZh7QNaqfzGT0+jkicMz00NFS6Uz1Mu478Z6hie5CWJyqeFfa4MDU+K5lCXRbwZsP8KntkzYA7qqXu/JMZB5Rz5sxRq9XGrGswduX/y6iI+rxlxgecYUyIU3GWU86iHu/3jbqX8UHaOnjL0hU2zFvek2HSxLR3iFX5bnCMTZNWSN0rZdZ4UxI6G2DHfvvtt+uent7nqxmgHKlW0aVuMqhu1gn1ww8/LKIuvkKKZ8TMyfdKgFfcMkjzoFSrnA6v7PH3Yc6HVk4OCbp8+XJOTk5iYqJ0eY3yliWX8R4Ok0EWGW+dS3mcBoqJBf3XLLdRGDRiMScJXZe68GZBtpT5Q8E9jr0a6ubXh4K6fBcRDONhw4alH1JzhjGzh7NmOO+PGOGmfv2ND2QzLw+cvE4KIFtkJ9sEjIdr5plPOmFiXlWn41RLcBj2Jv2K8OyFDZzfPB3UXblyJRi7MuUtahjHfO50q4Daw/8YBnt45X8lymZdHjPzg+nTp0uX0X687X0/9gPGsh5gCd0WkEo4pVr2Ht/QMmnd7UdzdhyVFY/5S3Pct6Q0D8uDlYsgzpfPnYQ9HDcv0amnFDS2O2+Zflqe1HpFEMBkYTBp+JjDsnesCqLq9GMaFjodTwVjsSQni/4EcZbsYQvhYox1fE8M73xa3qcXM5GU7WvFSei70EMk3joue9etU2VkZJSUqGRToqZNWwdzuqWlRaFQCD2sxpuk3J3kH+c+sB+xZlhYmHQZDfOW1zrWbTvEr90dThYJEx5I6mXtilBpQDSZySxoXAJ2apYIF3Jwk5F+Yds/zje2tyMXyJGvuA/Rmg80uFWlEq4TFRXFtwhAaGgoiN0dRNtwvhQbP3X0HFVOJoM2T4QQNq6sgRBGlcdJg+86NzkZKisrWWSYU0sNFTURjiDirSGPWyjpd7/zZvb9hbZCg1pRfj/B42cVOVdC/ieNlCpA3WXLliUlJXU73sIkZjnD4G2kJnG/PXIPGVgHL5/XwRoIaU6DzoOis4q6M3lHflCEf67m+m8Cou6/y0iAJnvxmUw+U8J+wBEDonQXpYDMymJ58rLUtLS03bt3O6pdbZi3U8bSlInsE9wAIGEKsW0BpWW8ZbnQ/NA8ibedAVDR5ORk1W1CguPqxiwrB0+mRtn1DM6nk6IsmpYMhMwmo5PMtw5YAauNTlIW7AgPDwd1HVJ4DfMWLBJq7Jq5XEHGxTE2Lh/BJivhx8qKtFdCByI1NXX9GzvI5BQya3nHnMF3K0jBDu3XUgUpSCOxmZwpbhahy6HGyc9F46PjUddoPxAjDzSWaCJVLHeC5T/ZCrQIYzb9sGaujvaykQYSOhCQ2fV/lZP4XPr067qUVAOPpdJXqcIelvDk9fQ0HtlNfeYqVesOCobH5+K/CIPVjqy3jEtCjcXXg8ep/G75zGapFAma2kXQc9Yo8NorGckdixO56aVH5WRBvjiMVK4kmdGc1coTA4zq1z4+5EPb6YtHcBw9gdYeS3OG8fHx+fn5jhRnNspbprHgLTRW/ho3id7Sd2l5isB+NqiXhV1xEyA8p6O9bSypYU/g/Hcd1I56s7CIj21PwFgit7DtYwVNLaxo2VyrunZkBZmZaSD2C60DaaF7cCCZ8IJIsGahh3aAgSiUZRidpC4rgOrm5uY6Pm+Z5DKNxdMJ1QVXjxRqKyq3hbrawX1LuO4fLGHa21Wm+WIFNITjlsANe/KWr4BpELmbtCOrWKEPXOdTb5nfbfUPyS1jkgwzBDYz5Iv/Ca4vHM5+XWE07OQUxUfh6enpDuPomuIt7vTqeVRv8WLFKJg2MupeLbfGYMZjlLhNW+eShaNge2MJr71dAqyABtfAzaO93HbO8WK3A3cBkssKCbHGFJdxv6CGG19Sy5LR8LdUisZKJZmdaXQNIZ+p85nSXn/Po5kENgjOzIWU92yTVj+8e8WK+Li4OMcol+Fi+mfILCuBjTabTSbAUxcGc/ZxqjCWu6N4vLZ8ymVZYEOm2GxXzELunGnJInOUGZzC6ULZOIrenuKVwWRWdkeYgC20V4UrC2vk62e5jA/iJJ0H1udNHi1vp9GyeLjCCduoumL5wRNaSpvF9i2pVFTdOvrJHl9LQurFCxudSJE7KepFP1iBgCi1Z1haWpqF5XK6Nm+Bt5aQKxpDC48CzFrWzEeO4Yozxr2uCSxNM/VY4MEF83lXkO5hiXhyIDqrwPROSlqROcpK2wnBwuxQ3StlOlrHas2yYvGizfH3+RkVeLCRGPykEEIww4QnoXB9/TXRDuJSC/fDwhOmoVKpFP9WkgTDYjukoXJIQ1Wls9tpz/7te8XBWH3SAj1byKg6EnLHevZOTklPT+4uvGXPGfOR8M6eOTwxMZPok4HHlFU8Bv34go8wGmndGY0JJ5xrC7uC4c3Xl8NTxZ74zjynA4vPsRaH0QxqhjMXWsVYAV97CwxUbIUluFCv7NH+d2gmm1UUvMJFEI7cYEUtsTlaQOHlonavJ8dGnAMT+Sv3a/oY7FHHV9wFFpXgsWeV+aAUtIiExAnF1qepYWHZ6Vm3f5padUW4Jqj7od/4vX4TKl3cbHy5GTnNrhBYT5RerbacA6JU39JkEj6r2ZF5K6IuxIdNF8TcUdpddIgWxWZJGsbSmEWazE8RRDr9RCxCr9vvSa0FocPbaRxVeFCTZKyOBQvSyl/jJkAB/ViRZ+HK/M6FtrFQJEFIXnV5DTcYT8b5CE9GVEPTGORyOfm1VmyXXD/x8s9HQF39NSfU3txUm4Nf3xgcudPfpoHEgXcpMy3xfqdUkTOeVHhbheC4vLy87sJbnrov7qQWr9CzpbGrufTFeMs0FvSG+LDKxtBeUQ8E7+WyR6ot5V3tYyfbpFo6RJKF3/SBhk9IY2PA5sJZwg1bs/dHPm/+jNNkNt2ZWSiVSprPqOkdBVf3XsgUaayBR6KpYZMq54Ham2uDHraZ8N4rIj9eIgVHuK9ePmTYeBIynn4w6Ab7NJF8r1YFqIwVpnNM3jLqZqziWMd7tngmmAjwOVXGwOa/Zcos8nI7M6BsbaxLyks0C78Z4K0FU3iA8MY2Z+FDNkCaD+xBw8FzS9xahqysLBYrBhsPnNsHRaW37N6d03XXT9+5VnmPOpw+zr0muA+a4OHv4+zOb7iw7IzPvYaFo+KFe+vhWu056kOP4Cxnz2v6x2qsGNXS6N1817v+5xl1xb+ji6pVRJlGiuWiYXpagL2PPkl+u0BM4MAGqr3HvC11dwOmK5Wp3Yu3/CMCfgo9W1a7PHKMgVQn1uMPMRGa0K2a7brDwUgL/xDNk74pazmEsz3AjmUJpEL3mF6ZfnQdg3P58oJcto9eSTSaQuiTs7WTS1AjOZgGbHZezh5SVbJXfe6dm4dP110zuPIEj0G/7xuxsG8EI/DM25eYzcx5oL4X+s54GtQ16qL6XmAfeg3O9eiXVr5pCClMN3N+l8+Qna+Qv28m8YvpS8jevo3UZj7a28o4czfhLe/ygXv7NIOE2OxBlogGm8J8QRes9QWq9LZqKD+uFbNs4T6wkcw+nrTlAkWFxi37iXX2CE1rvrHjjw7n9kqZjf8dTEc6QG9SFMSTFMknqD6B0ppYH3xeW3ftjWvfvDzokSX9p2LJ2qtHPvQbf8WN0qnPQ8tNkFaI+kNV6o1nSc09S0+0ppJS96v9ZP0eqsACk51MriZHeku8NQ8qm/PoCxYa3N2zJeR0iQGTkhlvUGOhFdeFwJI94R0Iw7OBfjo0FvGNCGYnwuZsQ+ZZMJx6ixvVzCjNG8CQ9D2rdKSe32RxDLe+uFfJFrPCUrENiaONi+K5hTeOWLgVuL326j//pT67d1gChPflq0eWDI/1CP7CoG2sj9qPyyvTrllzujeukNWzyXMbyaMLdFQ3vKZ1vm735K1QRR14bmgWjBV2nDKnkaVeQA8Zo1gLhVaMjXzkLwhLJhFtztov+Tqd9GZyf5oPbMJizqLmgzUBwvXBc5tc+by8PBqRyow+UN7qmS8PVxfNvPjegZHPzqy4pDF9cyzZqvqDG9Xv3zDqyj4QyVnCN66Sy6epkawvvFtfIF69yZRYHV+3zplccDd14Aa1xNtuAXASdDIYkmWBdNNLGBsNbs7njeovF6quEO3UYUb19o6BZ3qIq+9M2bhZsnFaltYUQWBFfi++MupOrbpaNNh87j7MYwOkdZORx54nSU8bCB2DvdQ81is1uHUp2TJEx2AeVUcqnckvrkaPXV4QFRsl8VZCl4e4XBtrrZzdNwU+vrBvhGj5VO+Qtf6PQGOXqD6+crdCx+O9+s/osMAic4e7d/2ueuNVcaRqhHvjlHzyGz/iZShTakAgeeltGo6Cxgq1l6nuToXOyrCW82Skrodj37Ue0oPbzUF7gHQxwWPQ4bHL9EkrZC9WmCnQYWDvrZM/uGRbYiE36waiPGJ9/dJH0GGDPiYDVNDVLVk66ko0cebMXbptQAuZVO3wdrLE2+4OaiTr2sawePFuxn1wdt87LAEE1vGTT35pVmzrsitEStt72SDui7u5wDJMaFB3wBCdhZ/v0ju5JjLKSDy8XOkYc5dIvO3WUKlU/BRbnGxqgsMWbi5auSG/pvGSqQ6kmo/LdR4+L+c+bwzF+33lbTZ/SFB39du63u8VclRP5wPrJTtZQncRW9jGMJL1V4NDu/DynpkXd+EFz5aPSzE3WLimSE5FqP+uSvjVPdbX2d+1FaRleCCS5k4JcVRv/BT2ZnCHmurKDnDjpLiU5Nxq8bwmiUIEEBW+q8iV3Rk0nznAM2VjwV4+T6PpUr0JIxkvHe2cz2Wf3KsdRDwERjL0k48/TYkV+7R0YYxOeLnAUJ9zz2aDstQtxs1LcHg7WejZ6ovtzpuHRaTlyYz14d+CtHg/oD7Lm8pGeftLo/ArlJYXW8rb3hre1lSS1AQdHrLcxiUbdXkbKzaVRWh0IpUujiq2kp3craFWq3V462YgFvXOjcPGNn/nJvfTA4ZMa3006Yqty0DdXlY2fE9EWobMXZS9IoRG6nwV5WYUGXLRG9SOIbaS3nZriKoKVzqLx7JeuVsh7KTVd3oNNwcbr9673thcc4+PUbmF0/RDUfeP64O6KZo+TZScBUayLEFd0XACEWorBf/ExfC4XEdJupD0tluDpjcKcNqz/+HeOl0slU2mgsPGxh7UZVeIAsv4qh9qFvm6VG+/2m/0YLCfi85Y9K/qehClp+GxQeVKHx8fibcSHEpvSbVqyfAY4Qj4CSYNYP7XH+usGR4ATdaa0PBv+zYacFNNoKZS5yvr1IXS5skMeLb37WTJv5XQ5Z1b2nMrLP9fpYJVPHPsk0LqmsiaYnnLVKWri6w4AaH83qsNML+Bp48OaUUO7YBAcsGD5PmYGoXrQHEpyb/tpuBIG6KZvINHYcbpySmg7oFz+1hlqU2Bj5++c11/AD3Edq3/IyDtzB4NQoO55wj3XtN6M4dWiKbrd0HUWkHeBdzdu/m1ruEaL7dvI6eZxiR3gO74AVGHrX8o+cbXTE5ytUomk/37J9m+PPFYKwMugKZq1xkVN47Sx4M8Mb1zVeSXeNuNnduAKDo55bH12qUFO8iYxNPeQRPCn9uk+pbWoHF2PzDy2SWqT/ieHmBJ/6nPB85aGzRjZ5/h5KNw4W69Fw0Ab/UPp+Gnb9OlemFHUfX7N/r+VZAp+dQaOk5AH14+dKC8EKLwcv9o8wMJqlS1rmGi0ctm2FunrVuQfYIOxuo8JR+6C2/ZMHfcBltNSuYIzq1fIjdvCD/JXYOaHIgn8bmVbrIlw2PfCIz8fdmZqZVXd7o9g59orSnP/tjkxz4jJ/hp1O/bZGFFKGd/V4Ok5eEe6yvkLT4zyb17cyLBdo8uoKNtReMEWE6yUGyxgkiWxySa/8OleS6+1EheHMNVMuBLo5nFwRNczWCJt/YGjBxcd/C2LTWiHAm3jirJk7vpp8kpJFOh/YFNuhefS9xkV9x8aNWowUZ2AdLq1oWC2Jo+KFjdI81Z2CF0e60Kktt0bQgZzqR8I4mMpYFlxswpseJacKfPicUW7Y4lk/RVq3p40qmM/pzA8dbyyZwiNdO4V9Z1otvXXXgb6EcHo7+yxzbFGbs6mtTKFifCzbiH535Mkg4DGXUf2m50/rtqFfkmWTQVLXxaj1gzo4h6eDl7PtFPOGgeHL79csm96WVk8AhumoIHIulLbLO6kKtu5Mw58uHvSINuJNnCOYqqVC7+RmX5TIlOjRFYZ2vmdeoqLt3Iv4VRFDNR4ixFeroy+aKAk1O3kzKlToCKUZdSOpG+M4aDrlitOMtA+cXeQY1TDjVWrOJrNRoDNLn+UJVOMPn6XXqsqt1kegylrk/TfZOgJ/Vay3tyH+B7f7dCvDvNpPIW/edShcuvM01YwqI5XCYESbyV0MlQUFCgY1u6yahhDPKI6ktBUS2Z3x2bx2Y2OwXeynm/94ObPYK/ML16nzeGliVd0kmfgl+dHU8KNM1EsM5cJ7SxKJLTCTv1SyvjL1gotppgslNPo0mOz8ZwJTV56Nf6k3groYNBO4ECUsTcM0hdswB57k9y3XzXW/3961Wn1vSUcarr5FptUIFdn7tT//YGcfUJrplIplNjM4XHyRirUIHjapxwi06yTBkWFmYi38rHo3XlpiXeSugA0GDyM5kGZHNBPjmWSi1SC+u5TF5PQpeJyAP2NtzUOiT1P0cb3jY+mjYTBg8EaTU2cYEVpCVcZvKZ845zByXe2hv6sw0QYqe+QdA1Ly+PqwIHy9MYQuLMTyAAjEnS2Y+bD93Q22L7EtxLKKbmsSWmuMinhXncqkl6SxVDhyYSibcSbIv27mOAYRwfT6fwiYqKCgoKWr9+vcnVwb31rT9EniIrVT00iQaihTifToqyqMXLSygY6xdGRmsiXpBNuK+HV5gRWAasD8ZaGIjS9W9phuOXEm87AVipfv1JN9gUHqdVnfS04UeV7bP3QUHalJSUpKSkdj0KlDw8PFx1PpSMTuK802+SwwaTxKWJGRkqmUzLt7AwWXp6vLpPFHl4N1Vplm5ZmEG1V9/BBlFZZNtyMRcCpniVymEyk7nAQUtLSxc9dTYZr48H+el9w8tPvm1+subuANDJ19fXPjc6PT09+dUMqqLVKrI/fPsm2lhER0f7eTYumvcQdV1r7ix+LaO4uFgmkyUnJ8sPq6hTbcAjVVJL2DqiilAkj6pLy83NZSk3aDT5D5bDik3aFV14PND4oTSbAhamaAI77fJPJc5S2LPIA50SmvmrhRlRvwnDV5CzF6ne9Xrir0JD8Ort5Y7zga2O98zMzCAvtWH/Fra0TUhLm4ACBxNb0tXH8a3RJBtv/lQ8G+BGTQrbroMWzRLYHQCeiOqttt+BmD9JQmYrTqlgNp/4Pu/dDVxKIcR29ZsfQf+dNIAO00I5bu3crJQqHKNmsuPwls12BSx9l774WeFjJmqXJ2yzwWzxXR0QHPvwlpPcKhUXLg6IWpb4W2gs+ykt4+ufnUPJCy30lVis8E0hz1RYlF3cJr1VOp7edvl48tvPUSeWSatBddVPYeuGqPspLKigwG5thOJoHhf1HZO4+s3kz748OfexiKqa+t3/OqP1Zr2DLLWEG9R0DAPM6WcqrCBtkL+MswIkve1U+HMCkb9GBbYrzq9rp+bZN9Ruejt06FBqJzOMTgLZvu/36upP7r5+sAeNV7XWaz2WSvYEU1sa6m2VkUz13/FuqGP8jcixHZOnxidRnHqLC4ZFLKXve1ZZOYYB20avpYOWbJuJoVKFhYfbibfUKC3L0H4H5cBe1jPUKpxPp6QFz2Mzremz5XibN33RbIm3EnTAQtm81G/5lBIPLYjVA4/e08xMjb3ZNn2KGYoqlcoOFiPlbXkb2ghodWEGzbWE3/vwbusZy1Akj4ra7ngPnlQXrk1iy+qYsLA2+MYGZFtdUgOc35Wt3aHN6WQfU5l187SauqAruLo/nGQE08/QWBjVbSYt/rXjObcOordL36V9tgbndLeD2IKlTGw3f9ZWi/09TVEFm4stz9uCgoK4uDg7XBlQRcVCytX3RwjAWhbGjdnyBjUpL6AMZ+N+wNKwZeJxfG1BaV5UtAM6t12et5C47BM0jAze0leQ/RKkcFCILQ63OJY7ExbN7pxiC4SGhupPUd1OiIqKUmTmgTZUQplmVusO8eFpzGrTTU5pXW8Qdhu63PxqxfLZO3ZLvO1EdN2XR/Yf0hadOVPCxYeY8NphbA1T12djuJbCVmKL8zd78jB3FQoFxJPN7gO7FJyEnIItJlKjsL5dQ8oF6ykVE4ttlvbE49tkWnbDLG/LlbIeaocMJndJ/xY+ZPRaaqMy0rJiIiAP+wACw2x+8EVtBc12ElscvT3E1nSxMrlcHq7BihUrQNGUlBSqbArFX7Zt+9OaNcHBwTt27NDfKj09nf70iRI85wbxtTO4PAcren3Mgo4uktOR+mZRmGEfp6BD0MXGFYCTjCGQNVZHE5wBS/FV/hp9+g8ep9LHKN3arhSY3B/lWTSk7oyKrkYbC81jeaWMo7HVxU3YHtj/MojmRnVpTrLy+39FvDi4obLBKb/PP/b+77+/K1i18qX/evrpBU88gXVO5eev+dOfxkS9tOj5FFwcsBQ8T0tLU93WFE8bnUQyo3P/kWIfCXJycqKSCJpZkSxhwjw+lkqbA0uM6j3B4x7ePjxcS13WlOMK8x8sB9sErSqeqM4wWKUr8ZYnLS6fMAoFjcWl5JMuwKhX93BrZqyytMw81sf+OydaGtWVOdEujSUjHh03+pmqrP88u3Xrf5eoSt/768fv/O1vI0eM4GI9NTUHDhzYnpbmPmr5wGZF8SUlHdoePJuOkrtvYa5/IggqbYdzhlFAzXKcwMM28jBhHkNpLSRtudLp8+i+cyps/r9g1uVukvzb1jR4jIr6KiqquwcOYx1GxRd3kkjLRvNtvt8Tu2Ca+CfmOUPPOwSwbBPmR/dyutlvxMSBU2qKDt6OfeTxpYs3wPRdsXw5I23eoUNr1q7lwjwBUXd8ZMX9UshjelZiv1CVyk7ZjtxIhoDpNFYMa7ktIWJWNQ7vCcWW7qcwIykx6enltAVHsw67DA19G+8jDCK2NzyKHV6MqsvwlnW6WB5zAnVxfWmfajathWvJXWFbGYP9bxX80qysLNi6vbx8B46gZkOfBxpO7Lr16uZEUKKhoWFmLDft+vXr16kKmah4zPE2TKnMsM/Jw8WV59Bx8/QLTsyS8K8xh/a7FdRkmLq9FeQ/n/5iem7YWK64Ah4b/va15T4eKeT6ETqct10jLgVSMQdj9bxWbMU6VLrioIIdO3ZATl94efHs2bPfPPbi0F89iIWeAU0u7i0Vl+6MHT/8QPYX/v7++z/66H/ffx+v67/8QmWt1NyoxYAou4WU6dA5yOwLGi/MiiRHoinvmBlNHVpY2ni1hrRhY4LaYwzQkE6TAO8SvdbAMDcYlvJ1nP2ZfYIkbusspzv86VZvgn9n+dwiJta0zwQlTWplzQ/JuPJrdrxQP7J0/oi5idl/a7hN5wFw69t8I7/Gr3+fU6e/Uf7471OnTvV1bxg7nE5C28QmmOaz+U1ol6Y6nB1CU9qUKfCNTSNksK6FsfMszKCbQ6X16kVaYiRfGpAovF/CQnxtv48w/USlGswCgs/3FBhkXGt9bMN2cqeaCqX7oLlWVZkTHfnE0O/2KLcXrpzYN/rkbUX9bc4m8gqghfzBW379RfMe+lVoyM+/VMx6dkdvL/cqV5lR/7BYDuFyvkecfMNYr689eIvjoimJz6WGrp859aP2goKaDHiHUNPEqUxrvOJqlWflyQlxe+pJ3c+3OkuZIpvPbuNiNjgWO7ETldVxbERHJ4c9n/TQitH4fPKW4qmQl/6vdG/DLWfhOjIfv7mzllz4sfJT8n8BA6gOp2V8/dvIcYWXr53TzIKpDbc2aErAFGfRNN0xQcvSaKmn1NTUvLy89i4Qx0D7lg/Ec4wtU1L2Qkj1q0axVKreQZrJAadTZ7gtvb7HUidNiXo+7iYhN4WLe7o4y7w9PN1d/Xy9A/xk+NpRd9km4WhpPFCnQHx8PDxPtVr9P/v/Vulys7DyJI0iuQ0qqb3YcFsbg3D1cv6p9HrPnm6s8ApktqqGm2jn12HDqOQWpNGHnk3ko6nzEPdEXGJiPp9b7+PjI5fLt2/fbvOiUzj5tLQ0WlGdELjly5cv3717N7Qd/6uykufhcvY32Re6MitfbquSF+fTPa9+9p+v7NX/pbHpXllFdVkFUV27pXRxHjlkwNgQ/677wEi87XjINdiwYUNOTk5jrztDe408dOOfQz1HUeOx4ZpnADfPVf1t58AR7irVeVXJpbtNNf7+/rXVauUXqaBr2O9SNq+ZDw5/feQsIaV4P1d+beO2d2JnzfLsSWQyb7YHsGjFihUgCd5BKtuSNjo6WlkVREYvo4TcmFpSUoLWAe2FCV+a5ma0ccSPyCv+Jvn51K1+A8wQEhw+W3TtZkV1VMRIibcSrAG49Ps/LHw87pG+/akzVlJ7YYxPBD54uFCyldVfc/boydas/ZmadoMf8nlzW8r06MlN92hQipVuAmMHD/T9oaACvi5Iy0T4lVXP48W23f33vUl/eDIjI4MmQkzdnp4ZrQgOFlrLoaGhBhUYim2JMqenpyvLZCT+fvqhX9iOHcEpKSnGtmWybDPANz6W6nnz29Vbd40NjbBwI8iv6vqtIP++Em8ltBrXbt9xcnL5saAQr5Li0jsvlP8QeunQjS8ae9VF/k7Rq3jQjZqL9TXNVG8vkBv5NV4DXQ/lHgdvY2ZNk3/8JVgK6uIFmxmknftYxJY/zV/95sd4h/fLos2ffXli69ZtIydMpmwJXsbmAVKdT1+fXaIZpJ5uXdhJOK6Vdi9NEQg4bPWQOKg6W4dnqZauMIxxGiFtyB+mYwA1XV9Fcs/6y7FznoyN/8LTy7tV+wB1uyhvu3DdcweAurru6x8K8eFcwUm25OyP3IeyX66X3bimv8lNI8uBuY9NBF3P/XTtuXUZh/a+zC//oaDo5b/mbH537zsbX6IlFEWmqcHyxTRWVGJA1orkUY8+HvXoLO5kbnAn88me97iuWh4Gp6u1DiIH+P4kfeNCI4YOG4n3SVOsNLYD/GRTQodJeiuhdZB5e4wLGaS6Xs5bd5abeWJ7+/LFt9b/kRrSA30hvHiV3qDZuaDx98rL+ODp7mrk4bXsoQcPSxWQtaQlq/hlfNYQ5a0ItOvVqhwpNBnKNDir40YPm65pI8rQOvyibar8Bq4y68FaiEH9ZV30yZF428EYG+KPV2393bo7DWUVNVhyt6lJXX3Hkm0bm+5BsTnDddhIF08/WMsgKiRo2sI3sAR2o4end9DwyJQVc6c8YK2wQJCPpfo1XfzjxjetblYssnuL5aQww7PyJPQzdsk7OH+OqAP8bUVUUaPZRY1kibedBZ69XPHy8/W2YlvGXlD9w4/l8DNlAwb3dOPyDVinZdCgvqzHklY2zs1qRQhXM9E7iKTxHlPMeI/QSSv6XRld4aYWpoOosQsXTpqS0lo31QrgUkd2TQtZ8m+7HT7J/Nf8J58yP6oGdNVka/jJPGbOeXL6o7P6+/XFgy7z8pB50/A1rAPVtVtlFdX8FltSXjrukdiKPGSQvEjOokqgK3zmSZFR7SGqBppId9exIYO6rtJKvO12OH5O9cdnko9fVOtM1s4CszRVo4AlG4JIsId/Gxs3eWIE6AonELaA/t4uXbmpvHiVfT5XcHL9hjfIE/mmWgQ2Rya4Wq70bL419oEIcBUmvVm6wmQQpTfV1TfU3rlryV9mFgc+uGo+DPLzYV+7OiTediOAaUdOnXtnS+rxk0phsUWQR+MGjxwHLk2MGBEc6OfrZcnznX3kNM8f7FZx6ip5ZDe1ltmIAhr4reRmrC5XojkIGjaKNQq87yriWH+ourcHjs7zTYLEWwlUcmHiqi5frKup9vDyZvxhVIEP3FoH+2jB5dIybcGqT/7+Xvbn+2prqllIzG/AIL+B/njvP8DfRECLHdfClkKCxNtuCnV1XVlFTWPTPY2muetboZbjXNH1s0XXrNgQRwzoLxvkJwNppTtiBaR4crcDiGorZfMw1idsBJ7uruBqkH9fSVolvZXQkfj6h0K+D9m0JWwsviVB4q0EewP29qUrNy9euYEPQjMYitpf47Va1yktQeKtBHuApXwRQ902EmyO/y/AALjjtqqDtojsAAAAAElFTkSuQmCC) 50% 74px no-repeat; width:450px; margin:0 auto; padding-top:200px; font-family:'ng';} .layer-pop .check_area h2 {margin:10px 0 20px; color:#1559ff; font-size:30px; text-align:center; font-weight:normal; line-height:1.2;} .layer-pop .check_area p {color:#666; font-size:14px; text-align:center; line-height:24px;} .layer-pop .check_area p strong {display:block; color:#222;} .layer-pop .check_area dl {margin-top:27px; padding:25px 0; border:1px solid #1559ff; border-width:1px 0; zoom:1; font-family:dotum; font-size:14px; font-weight:700; line-height:26px;} .layer-pop .check_area dl:after {content:""; display:block; clear:both;} .layer-pop .check_area dl dt {float:left; width:105px; padding-left:40px; color:#1458ff;} .layer-pop .check_area dl dt span {display:inline-block; *display:inline; zoom:1; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAIAAACpTQvdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4RjhGMkYxNjU0QUNFNDExODMxRkY5Q0I5MDI0Q0FGQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowQzI2Mjc4NjM4QTgxMUU4QjdGMkZDNzRDODU4QUZBNCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowQzI2Mjc4NTM4QTgxMUU4QjdGMkZDNzRDODU4QUZBNCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2ODM1OTg1MS1jMWY2LTJjNDYtYjVjYS0xOWE3NTY4YzViNjQiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmNDE0OGQ5Zi0zODkzLTExZTgtYmNhYi1kMDllN2RkNDAxMWMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz621alvAAABFUlEQVR42oxSOwwBQRCd00ooRItoaSTUaleoJCqNRqOmoVBK1PQKJCoFtUtoKH1aER0NiWjXG7u3d3GElyt2Zt/Mvnk3hhCCbAwtGlm03KswGSMzTZUcBf3kQLxwvYt8S6SqYjDns8R0xcne1AmPZ6EKcFHqOFQv0ChetgsQoPdP9ubAZy4AG8/9w+YCNA4VVaCz39hcsNjxABK4A+MjGxKkCh+Muj2UY5MmNfpsrrQYZ2RgLrA98qdshSSMr1Wha7X7riRbVy9wAQxtj5078CDSzYZs1EsbSTLwiHdi/U/RXnck93xec9EFbCjUMPQuzdY8ZcDP+5OMqimRrBX40zDcyyfNOV14/yJhSkTJzPDBjacAAwA2xdPpTQw8OgAAAABJRU5ErkJggg==) 0 0 no-repeat; width:16px; height:14px; margin-right:5px; vertical-align:middle;} .layer-pop .check_area dl dd {float:left; width:305px; color:#181818;} .layer-pop a.chk_close {display:block; float:right; background: url(/inc/recruit/img/btn_pop_close.gif); width:30px; height:30px; font:0/0 a;} /* 2020-09-01 new 추가 */ input::placeholder { color: #999; } /* 헤더 */ .recruit_header .contents { overflow: visible; } #gnb { position: relative; } #gnb li { position: relative; } #gnb li ul {display:none; position:absolute; top:64px; left:25px; min-width:100%; height:168px; padding-top:18px; box-sizing:border-box; z-index:10;} #gnb li ul li {float:none; height:auto;} #gnb li ul li a {display:block; height:24px; padding:10px 0; line-height:24px; text-align:left; color:#5e636e; font-size:16px; white-space:nowrap;} #gnb li:hover ul {display:block;} #gnb li:hover > ul li:hover > a {color:#0545b1 !important;} /* 인재채용 */ .recruit_main_body .banner { position: relative; max-height: 200px; margin: 50px 0 0; background: transparent; } .recruit_main_body .banner img { width: 100%; } .recruit_main_body .banner p { position: absolute; top: 40px; left: 40px; line-height: 1.2; } .recruit_main_body .banner p em { display: block; font-size: 17px; color: #000; } .recruit_main_body .banner p strong { display: block; margin: 22px 0 0; font-weight:700; font-size: 30px; color: #000; } .recruit_main_body .banner p a { display: inline-block; margin: 22px 0 0; padding: 6px 56px 6px; border: 1px solid #8f8f8f; border-radius: 18px; background: #fff; text-decoration: none; font-weight:700; font-size: 18px; color: #000;} .recruit_main_body .title { position: relative; display: flex; justify-content: space-between; align-items: center; margin: 50px 0 25px; } .recruit_main_body .title h3 { margin: 0; color: #1a1a1a; font-size: 24px; font-weight:700; line-height: 1.2; } .recruit_main_body .title .process { font-size: 14px; color: #999; } .recruit_main_body .sub_title { position: relative; display: flex; justify-content: space-between; align-items: center; margin: 58px 0 25px; } .recruit_main_body .sub_title h4 { margin: 0; color: #1a1a1a; font-size: 20px; font-weight:700; line-height: 1.2; } .recruit_main_body .process_tab { border-radius: 10px; background-color: #ebebeb; } .recruit_main_body .process_tab li { position: relative; float: left; width: 320px; height: 50px; background-color: #ebebeb; box-sizing: border-box; } .recruit_main_body .process_tab li:first-of-type { border-radius: 10px 0 0 10px; } .recruit_main_body .process_tab li:first-of-type::before { content: ""; display: none !important; } .recruit_main_body .process_tab li:last-of-type { border-radius: 0 10px 10px 0; } .recruit_main_body .process_tab li::before { content: ""; position: absolute; display: inline-block; top: 50%; left: 0; width: 1px; height: 20px; background-color: #ccc; transform: translateY(-50%); } .recruit_main_body .process_tab li.on { background-color: #2266ff; border-radius: 10px; } .recruit_main_body .process_tab li.on::before { content: ""; display: none !important; } .recruit_main_body .process_tab li.on + li::before { content: ""; display: none !important; } .recruit_main_body .process_tab li a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 17px; font-weight:700; color: #8c8c8c; text-decoration: none; } .recruit_main_body .process_tab li.on a { color: #fff; } .recruit_main_body .process_tab::after { content: ""; display: block; clear: both; } .recruit_main_body .dev_tab { display: flex; justify-content: center; align-items: center; max-height: 50px; height: 100%; border: 1px solid #d6d6d6; border-radius: 10px; background-color: #ebebeb; box-sizing: border-box; } .recruit_main_body .dev_tab li { position: relative; display: flex; justify-content: center; align-items: center; width: 320px; height: 50px; font-size: 17px; font-weight:700; color: #8c8c8c; box-sizing: border-box; cursor: pointer; } .recruit_main_body .dev_tab li span { padding-left: 3px; color: #2e6afd; } .recruit_main_body .dev_tab li::before { content: ""; position: absolute; display: inline-block; top: 50%; left: 0; width: 1px; height: 20px; background-color: #ccc; transform: translateY(-50%); } .recruit_main_body .dev_tab li:first-of-type::before { content: ""; display: none !important; } .recruit_main_body .dev_tab li.on { border: 1px solid #d6d6d6; border-radius: 10px; background-color: #fff; color: #1a1a1a; } .recruit_main_body .dev_tab li.all.on { border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; border-left: 0; border-right: 1px solid #d6d6d6; } .recruit_main_body .dev_tab li.none_dev.on { border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; border-right: 0; } .recruit_main_body .dev_tab li.on::before { content: ""; display: none !important; } .recruit_main_body .dev_tab li.on + li::before { content: ""; display: none !important; } .recruit_main_body .filter_wrap { position: relative; display: flex; justify-content: space-between; margin-top: 20px; } .recruit_main_body .filter_wrap ul { } .recruit_main_body .filter_wrap ul li { float: left; display: flex; justify-content: center; align-items: center; width: 48px; padding-bottom: 10px; font-size: 16px; font-weight:700; color: #999; box-sizing: border-box; cursor: pointer; } .recruit_main_body .filter_wrap ul li.on { border-bottom: 3px solid #2e6afd; color: #2e6afd; } .recruit_main_body .filter_wrap ul::after { content: ""; display: block; clear: both; } .recruit_main_body .filter_wrap select { display: block; width: 210px; height: 43px; padding-left: 20px; line-height: 43px; border: 1px solid #d9d9d9; font-size: 14px; font-weight:700; color: #1a1a1a; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='13.5' height='8.5'%3e%3cpath stroke='%23555' fill='none' d='M2.208.5l4.291 4.627L10.791.5'/%3e%3c/svg%3e") 90% 50% no-repeat; background-size: 14px 9px; appearance: none; outline: none; } .recruit_main_body .filter_wrap select::-ms-expand { display: none; } .recruit_main_body .recruit_list_wrap { margin-top: 20px; } .recruit_main_body .recruit_list_wrap ul li { display: flex; flex-flow: column; justify-content: space-between; width: 100%; height: 121px; margin-top: 10px; padding: 34px 30px; border: 1px solid #d6d6d6; box-sizing: border-box; cursor: pointer; } .recruit_main_body .recruit_list_wrap ul li:first-of-type { margin: 0; } .recruit_main_body .recruit_list_wrap ul li .title, .recruit_main_body .recruit_list_wrap ul li .info { display: flex; justify-content: space-between; align-items: center; margin: 0; line-height: 1.2; } .recruit_main_body .recruit_list_wrap ul li .title strong { overflow: hidden; display: block; display: -webkit-box; max-width: 587px; width: 100%; height: 24px; font-size: 20px; font-weight:700; color: #1a1a1a; text-overflow: ellipsis; word-break: break-all; white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .recruit_main_body .recruit_list_wrap ul li .title span { font-size: 18px; color: #1a1a1a; } .recruit_main_body .recruit_list_wrap ul li .info span { font-size: 14px; } .recruit_main_body .recruit_list_wrap ul li .info span:first-of-type { color: #666; } .recruit_main_body .recruit_list_wrap ul li .info span:last-of-type { color: #999; } .recruit_main_body .recruit_list_wrap ul li:hover { border: 1px solid #2e6afd; transition: all 0.3s ease; } .recruit_main_body .recruit_list_wrap ul li:hover .title strong, .recruit_main_body .recruit_list_wrap ul li:hover .title span { color: #2e6afd; transition: all 0.3s ease; } .recruit_main_body .recruit_list_wrap ul li.no_data { height: 200px; border: 0; text-align: center; justify-content: center; cursor: default; } .recruit_main_body .recruit_list_wrap ul li.no_data strong { font-size: 20px; color: #1a1a1a; } /* 인재채용 프로세스 */ .recruit_process h3 { margin-bottom: 47px; color: #1a1a1a; font-size: 20px; font-weight:700; line-height: 1.2; } .recruit_process .title {display:flex; justify-content:space-between; align-items:center; position:relative; margin-top:60px;} .recruit_process .title h3 {margin:0; color: #1e293b; font-size:34px; font-weight:700; line-height:48px;} .recruit_process .title .process { font-size: 14px; color: #999; } .recruit_process .sub_title { position: relative; display: flex; justify-content: space-between; align-items: center; margin: 58px 0 25px; } .recruit_process .sub_title h4 { margin: 0; color: #1a1a1a; font-size: 20px; font-weight:700; line-height: 1.2; } .recruit_process .process_tab { border-radius: 10px; background-color: #ebebeb; } .recruit_process .process_tab li { position: relative; float: left; width: 320px; height: 50px; background-color: #ebebeb; box-sizing: border-box; } .recruit_process .process_tab li:first-of-type { border-radius: 10px 0 0 10px; } .recruit_process .process_tab li:first-of-type::before { content: ""; display: none !important; } .recruit_process .process_tab li:last-of-type { border-radius: 0 10px 10px 0; } .recruit_process .process_tab li::before { content: ""; position: absolute; display: inline-block; top: 50%; left: 0; width: 1px; height: 20px; background-color: #ccc; transform: translateY(-50%); } .recruit_process .process_tab li.on { background-color: #2266ff; border-radius: 10px; } .recruit_process .process_tab li.on::before { content: ""; display: none !important; } .recruit_process .process_tab li.on + li::before { content: ""; display: none !important; } .recruit_process .process_tab li a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 17px; font-weight:700; color: #8c8c8c; text-decoration: none;} .recruit_process .process_tab li.on a { color: #fff; } .recruit_process .process_tab::after { content: ""; display: block; clear: both; } .recruit_process ol {background:url('/inc/recruit/img/front/front_new/recruit_process2.png') no-repeat 50% 50%; background-size:cover; width:960px; height:287px; margin:66px 0 54px; text-indent:-9999em;} .recruit_process ol li { font-size: 0; width: 0; left: 0; } .recruit_process .notice strong:first-of-type { padding-top: 30px; } .recruit_notice .contents {display:flex; padding-top:40px; border-top:1px solid #eee;} .recruit_notice .sub_title {flex:0 0 auto; width:95px;} .recruit_notice .sub_title h4 {color:#1a1a1a; font-size:15px; font-weight:700; } .recruit_notice .notice li {padding-left:8px; line-height:22px; text-indent:-8px; color:#888; font-size:13px; word-break:keep-all; } .recruit_notice .notice li:before {content:""; display:inline-block; background:#888; width:2px; height:2px; border-radius:50%; margin-right:4px; vertical-align:3px;} .recruit_notice .notice .other {margin-top:20px; padding-left:10px;} .recruit_notice .notice .other li {color:#1e293b;} .recruit_notice .notice .other li:before {display:none;} /* 인재영입 FAQ */ .recruit_faq .contents > .title {margin-top:60px;} .recruit_faq .title h3 {color:#1e293b; font-size:34px; line-height:48px;} .category_menu {display:flex; padding-top:48px;} .category_menu li {margin-left:10px;} .category_menu li:first-of-type {margin-left:0;} .category_menu li button {background:#f6f6f9; height:44px; padding:0 24px; border:0; border-radius:24px; line-height:44px; color:#1e293b; font-size:15px; } .category_menu li button.on {background:#17191c; color:#fff; font-weight:600;} .faq_list {display:none; padding-top:28px;} .faq_list.active {display:block;} .faq_list > dl {border-bottom:1px solid #eee;} .faq_list > dl dt .title {display:flex; align-items:center; position:relative; width:100%; height:74px; color:#1e293b; font-size:18px; font-weight:700;} .faq_list > dl dt .title:hover {text-decoration:none;} .faq_list > dl dt .title:after {content:""; display:block; position:absolute; right:0; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M-947-33H13v74h-960z'/%3e%3cpath stroke='%231E293B' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='m1 1 6 6.58L13 1'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat; background-size:14px 9px; width:14px; height:9px; transition:all .3s;} .faq_list > dl dt .title .ic_cate {display:inline-block; height:20px; margin-right:8px; padding:0 8px; border:1px solid #0545b1; border-radius:12px; box-sizing:border-box; color:#0545b1; font-size:12px;} .faq_list > dl dt .title.on:after {transform:rotate(180deg);} .faq_list > dl .accordiBox {display:none; padding:0 82px 47px 0;} .faq_list > dl .accordiBox p {color:#888; font-size:15px; line-height:22px; word-break:keep-all;} .faq_list > dl .accordiBox ul {margin:10px 0;} .faq_list > dl .accordiBox ul li {color:#888; font-size:15px; line-height:22px; word-break:keep-all;} .faq_list.notice {display:block; padding:0;} .faq_list.notice > dl:first-of-type {margin-top:28px;} .faq_list.notice > dl:last-of-type {margin-bottom:32px;} .faq_list.notice > dl dt .title strong {font-size:18px;} /* 채용공고 */ .recruitList_wrap .contents {overflow:visible;} .recruitList_wrap .contents > .title {margin-top:60px;} .recruitList_wrap .title h3 {color:#1e293b; font-size:34px; font-weight:700; line-height:48px;} .filter_list {display:flex; margin-top:28px;} .filter_list .search_box {display:flex; align-items:center; overflow:hidden; position:relative; width:470px; height:48px; border:1px solid #ddd; border-radius:8px; box-sizing:border-box;} .filter_list .search_box input {width:100%; height:100%; padding:0 19px 0 49px; border:0; box-sizing:border-box; color:#1e293b; font-size:15px; } .filter_list .search_box input::placeholder {color:#888;} .filter_list .search_box input:focus {outline:none;} .filter_list .search_box .ic_search {position:absolute; left:19px; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3e%3cg fill='none' fill-rule='evenodd' transform='translate(-20 -14)'%3e%3crect width='305' height='47' x='.5' y='.5' stroke='%23DDD' rx='8'/%3e%3cg transform='translate(20 14)'%3e%3ccircle cx='8.246' cy='8.246' r='7.246' stroke='%23CCC' stroke-width='2'/%3e%3cpath fill='%23CCC' d='m13.227 13.816.589-.59a.5.5 0 0 1 .707 0l5.123 5.125a.5.5 0 0 1 0 .707l-.588.588a.5.5 0 0 1-.707 0l-5.124-5.123a.5.5 0 0 1 0-.707z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; width:20px; height:20px; font:0/0 a; transition:all .3s} .filter_list .search_box input:focus + .ic_search {background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3e%3cg fill='none' fill-rule='evenodd' transform='translate(-20 -14)'%3e%3crect width='305' height='47' x='.5' y='.5' stroke='%23DDD' rx='8'/%3e%3cg transform='translate(20 14)'%3e%3ccircle cx='8.246' cy='8.246' r='7.246' stroke='%2317191c' stroke-width='2'/%3e%3cpath fill='%2317191c' d='m13.227 13.816.589-.59a.5.5 0 0 1 .707 0l5.123 5.125a.5.5 0 0 1 0 .707l-.588.588a.5.5 0 0 1-.707 0l-5.124-5.123a.5.5 0 0 1 0-.707z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%;} .select_box {position:relative; width:225px; margin-left:20px;} .select_box .selected {display:block; overflow:hidden; position:relative; height:48px; padding:0 39px 0 19px; border:1px solid #ddd; border-radius:8px; box-sizing:border-box; line-height:48px; color:#1e293b; font-size:15px; text-overflow:ellipsis; white-space:nowrap;} .select_box .selected:hover {text-decoration:none;} .select_box .selected:after {content:""; position:absolute; top:19px; right:19px; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M-947-33H13v74h-960z'/%3e%3cpath stroke='%231E293B' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='m1 1 6 6.58L13 1'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; width:14px; height:9px; transition:all .3s;} .select_box .select_layer {display:none; position:absolute; top:47px; left:0; background:#fff; width:100%; padding:10px 0; border-bottom:1px solid #17191c; border-left:1px solid #17191c; border-right:1px solid #17191c; border-radius:0 0 8px 8px; box-sizing:border-box; z-index:5;} /* .select_box .select_layer:before {content:""; position:absolute; top:0; left:10px; right:10px; background:#eee; height:1px;} */ .select_box .select_layer > ul {overflow-x:hidden; overflow-y:auto; max-height:418px;} .select_box .select_layer > ul::-webkit-scrollbar {background-color:transparent; width:4px; height:4px; border-radius:4px;} .select_box .select_layer > ul::-webkit-scrollbar-thumb {background:#e4e4e4; border-radius:4px;} .select_box .select_layer > ul::-webkit-scrollbar-track {background:transparent; border-radius:4px;} .select_box .select_layer > ul:hover::-webkit-scrollbar-thumb {background:#bbb !important;} .select_box .select_layer > ul li button {background:#fff; width:100%; min-height:42px; padding:10px 20px; border:0; text-align:left; color:#888; line-height:22px; font-size:15px; word-break:keep-all; transition:all .2s;} .select_box .select_layer > ul li button:hover {background:#f9f9fb; color:#5e636e;} .select_box .select_layer > ul li button.on {color:#17191c;} .select_box.active .selected {border-color:#17191c; border-radius:8px 8px 0 0;} .select_box.active .selected:after {transform:rotate(180deg);} .select_box.active .select_layer {display:block;} .recruitList_box {width:calc(100% + 40px); margin:28px 0 28px -20px;} .recruitList_box li {position:relative; padding:0 20px; transition:all .3s;} .recruitList_box li:hover {background:#fff; box-shadow:0 2px 11px rgba(0,0,0,.07); transform:translate(0, -1px);} .recruitList_box li > a {display:flex; align-items:center; justify-content:space-between; height:99px; border-bottom:1px solid #eee; transition:all .3s;} .recruitList_box li > a:hover {border-color:transparent; text-decoration:none;} .recruitList_box li > a .title {width:calc(100% - 266px);} .recruitList_box li > a .title strong {overflow:hidden; display:block; line-height:28px; color:#1e293b; font-size:18px; white-space:nowrap; text-overflow:ellipsis;} .recruitList_box li > a .title .info {display:flex; padding-top:6px;} .recruitList_box li > a .title .info dt {overflow:hidden; position:absolute; width:0; height:0; text-indent:-9999em;} .recruitList_box li > a .title .info dd {display:flex; align-items:center; line-height:17px; color:#888; font-size:13px; } .recruitList_box li > a .title .info dd:before {content:""; display:block; background:#ddd; width:2px; height:2px; border-radius:50%; margin:0 4px;} .recruitList_box li > a .title .info dd:first-of-type:before {display:none;} .recruitList_box li > a .details dl {display:flex; justify-content:space-between;} .recruitList_box li > a .details dt {overflow:hidden; position:absolute; width:0; height:0; text-indent:-9999em;} .recruitList_box li > a .details dd {min-width:90px; max-width:136px; text-align:right; color:#1e293b; font-size:13px; } .search_empty {margin-top:80px; text-align:center;} .search_empty:before {content:""; display:block; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='134' height='134'%3e%3cdefs%3e%3clinearGradient id='a' x1='31.839%25' x2='74.991%25' y1='0%25' y2='100%25'%3e%3cstop offset='0%25' stop-color='%235BAFFF'/%3e%3cstop offset='100%25' stop-color='%235C86ED'/%3e%3c/linearGradient%3e%3clinearGradient id='c' x1='50%25' x2='50%25' y1='0%25' y2='100%25'%3e%3cstop offset='0%25' stop-color='%23DCE6FF'/%3e%3cstop offset='100%25' stop-color='%23C8D6FF'/%3e%3c/linearGradient%3e%3clinearGradient id='d' x1='13.352%25' x2='83.915%25' y1='17.663%25' y2='80.732%25'%3e%3cstop offset='0%25' stop-color='%23EFF3FD'/%3e%3cstop offset='100%25' stop-color='%23BACCFF'/%3e%3c/linearGradient%3e%3ccircle id='e' cx='14.876' cy='14.876' r='14.876'/%3e%3crect id='b' width='56' height='70' x='0' y='0' rx='8'/%3e%3c/defs%3e%3cg fill='none' fill-rule='evenodd'%3e%3ccircle cx='67' cy='67' r='67' fill='%23F8FAFD'/%3e%3cg transform='translate(37 32)'%3e%3cuse xlink:href='%23b' fill='url(%23a)'/%3e%3crect width='40' height='1.4' x='8' y='14' fill='%23FFF' rx='.7'/%3e%3crect width='40' height='1.4' x='8' y='21' fill='%23FFF' rx='.7'/%3e%3crect width='20' height='1.4' x='8' y='28' fill='%23FFF' rx='.7'/%3e%3c/g%3e%3cg transform='translate(71.5 58.5)'%3e%3cpath fill='url(%23c)' d='M30.166 21.901h3.305v18.182a1.653 1.653 0 0 1-3.305 0V21.901z' opacity='.7' transform='rotate(-45 31.819 31.819)'/%3e%3cuse xlink:href='%23e' fill='url(%23d)' stroke='%23FFF' opacity='.756'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; width:134px; height:134px; margin:0 auto 16px;} .search_empty > p {line-height:22px; color:#1e293b; font-size:15px;} .search_empty > button {background:#fff; width:290px; height:52px; margin-top:28px; border:1px solid #ddd; border-radius:26px; box-sizing:border-box; color:#1e293b; font-size:15px; font-weight:700; } /* 채용공고 - 상세 */ .recruitList_sub_wrap .contents {display:flex; align-items:flex-start; margin-top:60px;} .recruitList_sub_wrap .board_view {flex:0 1 auto; width:100%; max-width:960px; margin:0 auto;} .recruitList_sub_wrap .board_view .title {position:relative; padding-bottom:24px; border-bottom:1px solid #eee;} .recruitList_sub_wrap .board_view .title > strong {display:block; width:calc(100% - 120px); line-height:48px; color:#1e293b; font-size:34px; font-weight:700; word-break:keep-all;} .recruitList_sub_wrap .board_view .title .info {display:flex; align-items:center; padding-top:10px; line-height:17px;} .recruitList_sub_wrap .board_view .title .info:nth-of-type(2) {padding-top:5px;} .recruitList_sub_wrap .board_view .title .info dt {overflow:hidden; position:absolute; width:0; height:0; text-indent:-9999em;} .recruitList_sub_wrap .board_view .title .info dd {display:flex; align-items:center; color:#888; font-size:14px; } .recruitList_sub_wrap .board_view .title .info dd:before {content:""; display:block; background:#ddd; width:2px; height:2px; border-radius:50%; margin:0 4px;} .recruitList_sub_wrap .board_view .title .info dd:first-of-type:before {display:none;} .recruitList_sub_wrap .board_view .title .sns_share {display:flex; margin-top:16px;} .recruitList_sub_wrap .board_view .title .sns_share > a {display:block; width:34px; height:34px; margin-left:12px; border-radius:50%; font:0/0 a; transition:all .2s ease-in-out;} .recruitList_sub_wrap .board_view .title .sns_share > a:first-of-type {margin-left:0;} .recruitList_sub_wrap .board_view .title .sns_share .ic_kakao {background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34'%3e%3cg fill='none' fill-rule='evenodd'%3e%3ccircle cx='17' cy='17' r='17' fill='%23F8F8F8'/%3e%3cpath fill='%23000' d='M17.041 9.35c4.196 0 7.609 2.831 7.609 6.52 0 3.69-3.422 6.534-7.617 6.534-.473 0-.936-.035-1.387-.102-.252.202-.529.43-.811.663l-.307.252c-1.022.838-2.037 1.63-2.228 1.39-.177-.224.018-1.29.582-3.198-2.115-1.113-3.532-3.077-3.532-5.429 0-3.689 3.496-6.63 7.691-6.63z'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%;} .recruitList_sub_wrap .board_view .title .sns_share .ic_kakao:hover {background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' fill='none'%3e%3ccircle cx='17' cy='17' r='17' fill='%23E8EAEF'/%3e%3cpath fill='%23000' fill-rule='evenodd' d='M17 22.404c4.225 0 7.65-2.922 7.65-6.527S21.225 9.35 17 9.35c-4.225 0-7.65 2.922-7.65 6.527 0 2.315 1.412 4.348 3.541 5.507-.215.744-.82 2.933-.591 3.222.214.271 1.47-.763 2.606-1.7.257-.211.508-.418.74-.604.44.067.892.102 1.354.102z' clip-rule='evenodd'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%;} .recruitList_sub_wrap .board_view .title .sns_share .ic_url {background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34'%3e%3cg fill='none' fill-rule='evenodd'%3e%3ccircle cx='17' cy='17' r='17' fill='%23F8F8F8'/%3e%3cpath fill='%23000' fill-rule='nonzero' d='M12.686 15.078a.765.765 0 0 1 1.145 1.01l-.063.072-1.997 1.997c-1.03 1.029-.932 2.844.276 4.051 1.167 1.167 2.902 1.297 3.946.375l.105-.099 1.939-1.938a.765.765 0 0 1 1.145 1.01l-.063.072-1.939 1.938c-1.654 1.654-4.435 1.505-6.215-.276-1.735-1.734-1.921-4.42-.4-6.086l.124-.13 1.997-1.996zm3.964-3.964.13-.124c1.666-1.521 4.35-1.335 6.085.4 1.728 1.728 1.92 4.399.417 6.067l-.141.148-1.938 1.939-.072.063a.765.765 0 0 1-1.079-1.067l.069-.078 1.938-1.939.1-.105c.921-1.044.791-2.78-.376-3.946-1.164-1.165-2.893-1.297-3.938-.382l-.113.106-1.997 1.997-.072.063a.765.765 0 0 1-1.079-1.067l.069-.078 1.997-1.997zm.936 4.353a.85.85 0 0 1 1.268 1.128l-.066.074-2.95 2.951a.85.85 0 0 1-1.27-1.128l.067-.074 2.95-2.95z'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%;} .recruitList_sub_wrap .board_view .title .sns_share .ic_url:hover {background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' fill='none'%3e%3ccircle cx='17' cy='17' r='17' fill='%23E8EAEF'/%3e%3cpath fill='%23000' fill-rule='evenodd' d='M12.685 15.078a.765.765 0 0 1 1.146 1.01l-.064.072-1.996 1.997c-1.03 1.029-.932 2.845.275 4.052 1.167 1.167 2.903 1.297 3.947.374l.105-.099 1.938-1.938a.765.765 0 0 1 1.146 1.01l-.064.072-1.938 1.938c-1.654 1.654-4.435 1.505-6.216-.275-1.734-1.735-1.92-4.42-.399-6.087l.124-.13 1.996-1.996zm4.9.39a.85.85 0 0 1 1.268 1.128l-.066.074-2.95 2.95a.85.85 0 0 1-1.268-1.128l.066-.074 2.95-2.95zm-2.932-1.275a.765.765 0 0 1 0-1.082l1.996-1.997.13-.123c1.666-1.522 4.351-1.336 6.086.399 1.78 1.78 1.93 4.561.276 6.216l-1.939 1.938-.072.063a.765.765 0 0 1-1.01-1.145l1.939-1.938.099-.106c.922-1.044.792-2.78-.375-3.946-1.207-1.207-3.023-1.305-4.052-.276l-1.997 1.997-.072.064a.765.765 0 0 1-1.01-.064z' clip-rule='evenodd'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%;} .recruitList_sub_wrap .btn_apply {display:block; background:#17191c; width:300px; height:52px; border-radius:26px; color:#fff; font-size:18px; font-weight:700; text-align:center; line-height:52px;} .recruitList_sub_wrap .btn_apply:hover {text-decoration:none;} .recruitList_sub_wrap .board_view .title .btn_apply {position:absolute; bottom:21px; right:0;} .recruitList_sub_wrap .board_view .board_detail {padding-top:32px; font-family:"PT","Helvetica Neue","HelveticaNeue-Light","HelveticaNeue-Regular",'AppleSDGothicNeo-Medium','Helvetica','AppleGothic','Sans-serif';;} .recruitList_sub_wrap .board_view .board_detail > p {line-height:30px; color:#1e293b; font-size:16px; } .recruitList_sub_wrap .aside_board {flex:0 0 auto; position:sticky; top:10px; width:300px; margin-left:50px; padding-top:74px;} .recruitList_sub_wrap .aside_board .aside_conts {margin-top:22px; padding:26px 0; border:1px solid #eee; border-radius:14px;} .recruitList_sub_wrap .aside_board .aside_conts > strong {padding:0 26px; color:#000; font-size:20px; font-weight:700;} .recruitList_sub_wrap .aside_board .aside_conts > ul {margin-top:16px;} .recruitList_sub_wrap .aside_board .aside_conts > ul > li {position:relative;} .recruitList_sub_wrap .aside_board .aside_conts > ul > li:before {content:""; position:absolute; top:0; left:26px; right:26px; background:#eee; height:1px;} .recruitList_sub_wrap .aside_board .aside_conts > ul > li:first-of-type:before {display:none;} .recruitList_sub_wrap .aside_board .aside_conts > ul li > a {display:block; padding:20px 26px; transition:all .2s ease-in-out;} .recruitList_sub_wrap .aside_board .aside_conts > ul li > a:hover {background:#f9f9fb; text-decoration:none;} .recruitList_sub_wrap .aside_board .aside_conts > ul li > a .title {color:#1e293b; font-size:16px; } .recruitList_sub_wrap .aside_board .aside_conts > ul li > a .info {display:flex; align-items:center; padding-top:6px; line-height:15px;} .recruitList_sub_wrap .aside_board .aside_conts > ul li > a .info dt {overflow:hidden; position:absolute; width:0; height:0; text-indent:-9999em;} .recruitList_sub_wrap .aside_board .aside_conts > ul li > a .info dd {display:flex; align-items:center; color:#888; font-size:14px; } .recruitList_sub_wrap .aside_board .aside_conts > ul li > a .info dd:before {content:""; display:block; background:#ddd; width:2px; height:2px; border-radius:50%; margin:0 4px;} .recruitList_sub_wrap .aside_board .aside_conts > ul li > a .info dd:first-of-type:before {display: none;} .recruitList_sub_wrap .aside_board .aside_conts > ul li > a .company {margin-top:19px;} .recruitList_sub_wrap .aside_board .aside_conts > ul li > a .company {display:flex; align-items:center;} .recruitList_sub_wrap .aside_board .aside_conts > ul li > a .company dt {overflow:hidden; position:absolute; width:0; height:0; text-indent:-9999em;} .recruitList_sub_wrap .aside_board .aside_conts > ul li > a .company dd {margin-left:12px; color:#1e293b; font-size:12px;} .recruitList_sub_wrap .aside_board .aside_conts > ul li > a .company dd:first-of-type {margin-left:0;} .recruitList_sub_wrap .btn_box {display:flex; justify-content:center; margin-top:71px;} .recruitList_sub_wrap .btn_box a {display:flex; align-items:center; justify-content:center; background:#fff; width:300px; height:52px; margin-left:12px; border:1px solid #ddd; border-radius:26px; box-sizing:border-box; color:#1e293b; font-size:15px; font-weight:700;} .recruitList_sub_wrap .btn_box a:hover {text-decoration:none;} .recruitList_sub_wrap .btn_box a:first-of-type {margin-left:0;} .recruitList_sub_wrap .btn_box a.apply {background:#2e6afd; border:0; color:#fff;} /* 인재풀 */ .recruit_register .title { position:relative; margin:60px 0 0; text-align:center;} .recruit_register .title h3 {color: #1e293b; font-size:34px; font-weight:700; line-height:48px;} .recruit_register .title .process { font-size: 14px; color: #999; } .recruit_register .title > p {margin-top:12px; line-height:22px; color:#888; font-size:15px; } .recruit_register .title > em {display:block; margin-top:10px; line-height:22px; color:#ff220d; font-size:15px; } .recruit_register .sub_title { position: relative; display: flex; flex-flow: column; margin: 58px 0 25px; } .recruit_register .sub_title h4 { margin: 0; color: #1a1a1a; font-size: 20px; font-weight:700; line-height: 1.2; } .recruit_register .sub_title span { padding-top: 25px; font-size: 16px; color: #666; line-height: 1.2; } .recruit_register .sub_title .alert { font-size: 16px; font-weight: normal; color: #ff4165; } .recruit_register .process_tab { border-radius: 10px; background-color: #ebebeb; } .recruit_register .process_tab li { position: relative; float: left; width: 320px; height: 50px; background-color: #ebebeb; box-sizing: border-box; } .recruit_register .process_tab li:first-of-type { border-radius: 10px 0 0 10px; } .recruit_register .process_tab li:first-of-type::before { content: ""; display: none !important; } .recruit_register .process_tab li:last-of-type { border-radius: 0 10px 10px 0; } .recruit_register .process_tab li::before { content: ""; position: absolute; display: inline-block; top: 50%; left: 0; width: 1px; height: 20px; background-color: #ccc; transform: translateY(-50%); } .recruit_register .process_tab li.on { background-color: #2266ff; border-radius: 10px; } .recruit_register .process_tab li.on::before { content: ""; display: none !important; } .recruit_register .process_tab li.on + li::before { content: ""; display: none !important; } .recruit_register .process_tab li a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 17px; font-weight:700; color: #8c8c8c; text-decoration:none;} .recruit_register .process_tab li.on a { color: #fff; } .recruit_register .process_tab::after { content: ""; display: block; clear: both; } .recruit_register .recruit_inputArea.n0 {margin: 0; } .recruit_register .recruit_inputArea .inner {width:540px; margin:0 auto; padding:40px 0 0; border:0;} .recruit_register .recruit_inputArea .check_box {margin:42px auto 0; text-align:center;} .recruit_register .recruit_inputArea .check_box input[type=checkbox] {position:absolute; opacity:0;} .recruit_register .recruit_inputArea .check_box label {color:#1e293b; font-size:15px; line-height:22px;} .recruit_register .recruit_inputArea .check_box label:before {content:""; display:inline-block; width:20px; height:20px; margin-right:6px; border:1px solid #888; border-radius:4px; vertical-align:-6px;} .recruit_register .recruit_inputArea .check_box label > a {color:#1e293b; text-decoration:underline;} .recruit_register .recruit_inputArea .check_box input[type=checkbox]:checked + label:before {background:#0545b1 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3e%3cpath fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8.597 3.152 4.196L15.067 6'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:20px 20px; border-color:#0545b1;} .recruit_register .recruit_inputArea .select_box .selected {border-color:#1e293b;} .recruit_register .recruit_inputArea .select_box .select_layer {border-color:#1e293b;} .recruit_inputArea table .name input[type='text'] { width: 170px; } .recruit_inputArea.n1 h3, .recruit_inputArea.n2 h3 { font-size: 24px; font-weight: lighter; color: #484848; } .recruit_inputArea.n1 hr, .recruit_inputArea.n2 hr { margin: 40px 0 30px; } .recruit_inputArea.n2 table .period_wrap input[type="text"]:last-of-type { margin: 0; } .recruit_inputArea.regular .profile_wrap { display: inline-block; min-width: 700px; } .recruit_inputArea.regular table:first-of-type tr:last-of-type td { display: inline-block; min-width: 775px; } .recruit_inputArea.regular table:first-of-type tr:last-of-type td input[type="text"] { box-sizing: border-box; } .afreeca_recruit.inputPage {position:relative; min-height:100vh; padding:70px 0 194px; box-sizing:border-box;} .afreeca_recruit.inputPage .recruit_footer {position:absolute; bottom:0;} .inputPage .recruit_notice {margin-top:60px;} .inputPage .recruit_notice .notice li {margin-top:10px; padding-left:6px; line-height:18px; text-indent:-6px;} .inputPage .recruit_notice .notice li:first-of-type {margin-top:0;} .inputPage .recruit_notice .notice li:before {content:""; display:inline-block; background:#888; width:2px; height:2px; border-radius:50%; margin-right:4px; vertical-align:3px;} .inputPage .recruit_notice .notice li > strong {display:inline; color:#1e293b; font-size:13px; font-weight:normal;} /* 인사제도 */ .compensation_welfare_main_img { background: #866eff url('/inc/recruit/img/front/front_new/compensation_welfare_main_bg.png') 50% 0 no-repeat; background-size: auto; } .compensation_welfare_main_img .contents { height: 300px; background: url('/inc/recruit/img/front/front_new/compensation_welfare_main_character.png') no-repeat 90% center; box-sizing: border-box; } .compensation_welfare_main_img .contents h2 { padding: 77px 0 77px 58px; font-size: 38px; font-weight: 400; color: #fff; line-height: 1.3; } .compensation_welfare_main_img .contents h2 strong { font-weight:700; } .compensation_welfare h3 { margin-bottom: 47px; color: #1a1a1a; font-size: 20px; font-weight:700; line-height: 1.2; } .compensation_welfare .title { position: relative; display: flex; justify-content: space-between; align-items: center; margin: 50px 0 25px; } .compensation_welfare .title h3 { margin: 0; color: #1a1a1a; font-size: 24px; font-weight:700; line-height: 1.2; } .compensation_welfare .title .process { font-size: 14px; color: #999; } .compensation_welfare .process_tab { border-radius: 10px; background-color: #ebebeb; } .compensation_welfare .process_tab li { position: relative; float: left; width: 50%; height: 50px; background-color: #ebebeb; box-sizing: border-box; } .compensation_welfare .process_tab li:first-of-type { border-radius: 10px 0 0 10px; } .compensation_welfare .process_tab li:first-of-type::before { content: ""; display: none !important; } .compensation_welfare .process_tab li:last-of-type { border-radius: 0 10px 10px 0; } .compensation_welfare .process_tab li::before { content: ""; position: absolute; display: inline-block; top: 50%; left: 0; width: 1px; height: 20px; background-color: #ccc; transform: translateY(-50%); } .compensation_welfare .process_tab li.on { background-color: #2266ff; border-radius: 10px; } .compensation_welfare .process_tab li.on::before { content: ""; display: none !important; } .compensation_welfare .process_tab li.on + li::before { content: ""; display: none !important; } .compensation_welfare .process_tab li a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 17px; font-weight:700; color: #8c8c8c; text-decoration: none;} .compensation_welfare .process_tab li.on a { color: #fff; } .compensation_welfare .process_tab::after { content: ""; display: block; clear: both; } .compensation_welfare dl { padding: 53px 0 0; } .compensation_welfare dl dt { padding-bottom: 20px; font-weight:700; font-size: 20px; color: #2e6afd; line-height: 1.2; } .compensation_welfare dl dd { padding-bottom: 50px; font-size: 16px; color: #666; line-height: 1.2; } .compensation_welfare dl dd:last-of-type { padding-bottom: 0; } /* 공채/특채 모집요강 */ .open_recruit_main_img { background-color: #50c8ed; } .open_recruit_main_img .contents { width: 1280px; height: 300px; } .open_recruit_main_img .contents h2 { padding: 77px 205px 77px; font-size: 38px; font-weight:700; color: #fff; line-height: 1.3; } .open_recruit h3 { margin-bottom: 47px; color: #1a1a1a; font-size: 20px; font-weight:700; line-height: 1.2; } .open_recruit .title { position: relative; display: flex; justify-content: space-between; align-items: center; margin: 50px 0 25px; } .open_recruit .title h3 { margin: 0; color: #1a1a1a; font-size: 24px; font-weight:700; line-height: 1.2; } .open_recruit .title .process { font-size: 14px; color: #999; } .open_recruit .process_tab { border-radius: 10px; background-color: #ebebeb; } .open_recruit .process_tab li { position: relative; float: left; width: 50%; height: 50px; background-color: #ebebeb; box-sizing: border-box; } .open_recruit .process_tab li:first-of-type { border-radius: 10px 0 0 10px; } .open_recruit .process_tab li:first-of-type::before { content: ""; display: none !important; } .open_recruit .process_tab li:last-of-type { border-radius: 0 10px 10px 0; } .open_recruit .process_tab li::before { content: ""; position: absolute; display: inline-block; top: 50%; left: 0; width: 1px; height: 20px; background-color: #ccc; transform: translateY(-50%); } .open_recruit .process_tab li.on { background-color: #2266ff; border-radius: 10px; } .open_recruit .process_tab li.on::before { content: ""; display: none !important; } .open_recruit .process_tab li.on + li::before { content: ""; display: none !important; } .open_recruit .process_tab li a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 17px; font-weight:700; color: #8c8c8c; text-decoration: none; } .open_recruit .process_tab li.on a { color: #fff; } .open_recruit .process_tab::after { content: ""; display: block; clear: both; } .open_recruit dl { padding: 53px 0 0; } .open_recruit dl dt { padding-bottom: 20px; font-weight:700; font-size: 20px; color: #000; line-height: 1.2; } .open_recruit dl dd { padding-bottom: 50px; font-size: 16px; color: #666; line-height: 1.2; } .open_recruit dl dd a { text-decoration: none; color: #666; } .open_recruit dl dd em { display: block; font-weight:700; color: #1a1a1a; line-height: 1.6; } .open_recruit dl dd em a { text-decoration: none; color: #1a1a1a; } .open_recruit dl dd span.blue { font-weight:700; } .open_recruit dl dd.small em { font-family: 'PT'; font-size: 15px; } .open_recruit dl dd em.pl { padding-left: 15px; } .open_recruit dl dd em:first-of-type { padding-top: 20px; } .open_recruit dl dd p { margin-bottom: 10px; } .open_recruit dl dd:last-of-type { padding-bottom: 0; } .open_recruit ol { height: 185px; margin: 0; background: url('/inc/recruit/img/front/front_new/open_recruit_process.png') no-repeat 50% 50%; overflow: hidden; text-indent: -9999em; } .open_recruit ol li { font-size: 0; width: 0; left: 0; } /* 공채/특채 채용공고 */ .open_recruit .sub_title { position: relative; display: flex; justify-content: space-between; align-items: center; margin: 58px 0 25px; } .open_recruit .sub_title h4 { margin: 0; color: #1a1a1a; font-size: 20px; font-weight:700; line-height: 1.2; } .open_recruit .dev_tab { display: flex; justify-content: center; align-items: center; max-height: 50px; height: 100%; margin: 40px 0 0; border: 1px solid #d6d6d6; border-radius: 10px; background-color: #ebebeb; box-sizing: border-box; } .open_recruit .dev_tab li { position: relative; display: flex; justify-content: center; align-items: center; width: 320px; height: 50px; font-size: 17px; font-weight:700; color: #8c8c8c; box-sizing: border-box; cursor: pointer; } .open_recruit .dev_tab li span { padding-left: 3px; color: #2e6afd; } .open_recruit .dev_tab li::before { content: ""; position: absolute; display: inline-block; top: 50%; left: 0; width: 1px; height: 20px; background-color: #ccc; transform: translateY(-50%); } .open_recruit .dev_tab li:first-of-type::before { content: ""; display: none !important; } .open_recruit .dev_tab li.on { border: 1px solid #d6d6d6; border-radius: 10px; background-color: #fff; color: #1a1a1a; } .open_recruit .dev_tab li.all.on { border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; border-left: 0; border-right: 1px solid #d6d6d6; } .open_recruit .dev_tab li.none_dev.on { border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; border-right: 0; } .open_recruit .dev_tab li.on::before { content: ""; display: none !important; } .open_recruit .dev_tab li.on + li::before { content: ""; display: none !important; } .open_recruit .filter_wrap { position: relative; display: flex; justify-content: space-between; margin-top: 20px; } .open_recruit .filter_wrap ul { } .open_recruit .filter_wrap ul li { float: left; display: flex; justify-content: center; align-items: center; width: 48px; padding-bottom: 10px; font-size: 16px; font-weight:700; color: #999; box-sizing: border-box; cursor: pointer; } .open_recruit .filter_wrap ul li.on { border-bottom: 3px solid #2e6afd; color: #2e6afd; } .open_recruit .filter_wrap ul::after { content: ""; display: block; clear: both; } .open_recruit .filter_wrap select { display: block; width: 210px; height: 43px; padding-left: 20px; line-height: 43px; border: 1px solid #d9d9d9; font-size: 14px; font-weight:700; color: #1a1a1a; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='13.5' height='8.5'%3e%3cpath stroke='%23555' fill='none' d='M2.208.5l4.291 4.627L10.791.5'/%3e%3c/svg%3e") 90% 50% no-repeat; background-size: 14px 9px; appearance: none; outline: none; } .open_recruit .filter_wrap select::-ms-expand { display: none; } .open_recruit .recruit_list_wrap { margin-top: 20px; } .open_recruit .recruit_list_wrap ul li { display: flex; flex-flow: column; justify-content: space-between; width: 100%; height: 121px; margin-top: 10px; padding: 34px 30px; border: 1px solid #d6d6d6; box-sizing: border-box; cursor: pointer; } .open_recruit .recruit_list_wrap ul li:first-of-type { margin: 0; } .open_recruit .recruit_list_wrap ul li .title, .open_recruit .recruit_list_wrap ul li .info { display: flex; justify-content: space-between; align-items: center; margin: 0; line-height: 1.2; } .open_recruit .recruit_list_wrap ul li .title strong { overflow: hidden; display: block; display: -webkit-box; max-width: 587px; width: 100%; height: 24px; font-size: 20px; font-weight:700; color: #1a1a1a; text-overflow: ellipsis; word-break: break-all; white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .open_recruit .recruit_list_wrap ul li .title span { font-size: 18px; color: #1a1a1a; } .open_recruit .recruit_list_wrap ul li .info span { font-size: 14px; } .open_recruit .recruit_list_wrap ul li .info span:first-of-type { color: #666; } .open_recruit .recruit_list_wrap ul li .info span:last-of-type { color: #999; } .open_recruit .recruit_list_wrap ul li:hover { border: 1px solid #2e6afd; transition: all 0.3s ease; } .open_recruit .recruit_list_wrap ul li:hover .title strong, .open_recruit .recruit_list_wrap ul li:hover .title span { color: #2e6afd; transition: all 0.3s ease; } .open_recruit .recruit_list_wrap ul li.no_data { height: 200px; border: 0; text-align: center; justify-content: center; cursor: default; } .open_recruit .recruit_list_wrap ul li.no_data strong { font-size: 20px; color: #1a1a1a; } /* 공채/특채 */ /* 개인정보 제공동의 팝업 */ .dim { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.7); z-index: 1000; } .flex_box { display: none; } .flex_box.on { display: flex !important; justify-content: center; align-items: center; } .personal_info_agree_popup {overflow:hidden; position: relative; z-index: 1001; width: 800px; height: 636px; background-color: #fff; border-radius:18px;} .personal_info_agree_popup .header {width:100%; padding:40px 28px 20px; box-sizing:border-box; line-height:34px;} .personal_info_agree_popup .header strong {font-size:24px; color:#1e293b; line-height:34px;} .personal_info_agree_popup .contents {width:100%; height:auto; padding:0 28px; text-align:center; box-sizing: border-box;} .personal_info_agree_popup .recruit_privacy { overflow-y: auto; padding: 20px; height: 300px; color:#666; background-color: #f8f8f8; text-align: left; font-size: 14px; box-sizing: border-box; } .personal_info_agree_popup .recruit_privacy p { margin-bottom: 15px; line-height: 1.4; } .personal_info_agree_popup .contents span {display:block; margin-top:20px; font-size:15px; color:#888; } .personal_info_agree_popup .checkbox_wrap {margin-top:40px; text-align: center; font-size: 18px; line-height: 1.6; } .personal_info_agree_popup .checkbox_wrap label {display:inline-block; color:#1a1a1a; font-size:15px;} .personal_info_agree_popup .checkbox_wrap label:before {content:""; display:inline-block; width:20px; height:20px; margin-right:6px; border:1px solid #888; border-radius:4px; vertical-align:-6px;} .personal_info_agree_popup .checkbox_wrap .agree_btn {display:block; background:#17191c; width:290px; height:58px; margin:20px auto 0; border:0; border-radius:29px; line-height:56px; color:#fff; font-size:16px; text-align:center; font-weight:700; text-decoration:none; cursor:pointer; outline:none;} .personal_info_agree_popup .checkbox_wrap input:checked + label:before, .personal_info_agree_popup .checkbox_wrap input:checked + label.on:before {background:#0545b1 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3e%3cpath fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8.597 3.152 4.196L15.067 6'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:20px 20px; border-color:#0545b1;} .personal_info_agree_popup .checkbox_wrap .error {margin-top:8px; color:#ff220d; font-size:13px; line-height:22px;} .personal_info_agree_popup .close_btn {position:absolute; top:20px; right:20px; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24'%3e%3cdefs%3e%3cpath id='a' d='M0 0h24v24H0z'/%3e%3c/defs%3e%3cg fill='none' fill-rule='evenodd'%3e%3cmask id='b' fill='%23fff'%3e%3cuse xlink:href='%23a'/%3e%3c/mask%3e%3cpath fill='%231E293B' d='M5.692 4.29 12 10.598l6.308-6.308a.991.991 0 0 1 1.308-.082l.094.082a.991.991 0 0 1 0 1.402L13.402 12l6.308 6.308a.991.991 0 0 1-1.402 1.402L12 13.402 5.692 19.71a.991.991 0 0 1-1.308.082l-.094-.082a.991.991 0 0 1 0-1.402L10.598 12 4.29 5.692A.991.991 0 1 1 5.692 4.29z' mask='url(%23b)'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; width:24px; height:24px; padding:0; border:0; font:0/0 a; outline:none;} /* 채용공고 팝업 */ .recruit_popup { position: relative; z-index: 1001; width: 800px; height: 755px; background-color: #fff; } .recruit_popup .header { display: flex; align-items: center; width: 100%; height: 70px; padding: 0 28px; background-color: #646472; box-sizing: border-box; } .recruit_popup .header strong { font-size: 18px; color: #fff; line-height: 1.2; } .recruit_popup .title_wrap { padding: 30px 28px; border-bottom: 1px solid #d6d6d6; background-color: #f7f7f7; box-sizing: border-box; } .recruit_popup .title_wrap .title { font-size: 20px; color: #1a1a1a; line-height: 1.2;} .recruit_popup .title_wrap .company { display: flex; justify-content: space-between; padding-top: 12px; line-height: 1.2; } .recruit_popup .title_wrap .company p span, .recruit_popup .title_wrap .company span { font-size: 16px; color: #666; } .recruit_popup .title_wrap .company p span:first-of-type { padding-right: 20px; color: #2e6afd; } .recruit_popup .contents { width: 100%; padding: 40px 28px 50px; text-align: right; box-sizing: border-box; } .recruit_popup .detail_info { overflow-y: auto; height: 323px; border: 0; color:#666; background-color: #fff; text-align: left; font-size: 16px; box-sizing: border-box; } .recruit_popup .detail_info p { margin-bottom: 15px; line-height: 1.4; } .recruit_popup .checkbox_wrap {text-align: center; font-size: 18px; line-height: 1.6; } .recruit_popup .checkbox_wrap .apply_btn { display: inline-block; margin: 0 auto 0; padding: 18px 101px; border: 0; background-color: #2e6afd; font-size: 20px; color: #fff; } .recruit_popup .close_btn { position: absolute; top: 26px; right: 30px; width: 18px; height: 18px; padding: 0; border: 0; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3e%3cpath fill-rule='evenodd' fill='%23FFF' d='M17.995 17.275l-.72.72L9 9.719.724 17.995l-.719-.72L8.28 9 .005.724.724.005 9 8.28 17.275.005l.72.719L9.719 9l8.276 8.275z'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; font: 0/0 a; outline: none; } .result_output {padding-top:60px;} .result_output.error {padding-top:168px;} .result_output.pass:before {content:""; display:block; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='134' height='134'%3e%3cdefs%3e%3clinearGradient id='a' x1='50%25' x2='50%25' y1='0%25' y2='100%25'%3e%3cstop offset='0%25' stop-color='%235AAAFD'/%3e%3cstop offset='100%25' stop-color='%235987EF'/%3e%3c/linearGradient%3e%3clinearGradient id='b' x1='50%25' x2='50%25' y1='0%25' y2='100%25'%3e%3cstop offset='0%25' stop-color='%23AFCDFB'/%3e%3cstop offset='100%25' stop-color='%233572C6'/%3e%3c/linearGradient%3e%3c/defs%3e%3cg fill='none' fill-rule='evenodd'%3e%3ccircle cx='67' cy='67' r='67' fill='%23F8FAFD'/%3e%3cg transform='translate(29.977 28.408)'%3e%3cg transform='translate(9.483 6.491)'%3e%3cpath fill='url(%23a)' d='M33.748 7.446c11.773 0 21.316 4.217 21.316 9.419 0 1-.353 1.965-1.008 2.87a3.985 3.985 0 0 1-.173 2.403L37.466 63.511a4 4 0 0 1-7.436 0L13.613 22.138a3.982 3.982 0 0 1-.173-2.403c-.654-.904-1.008-1.87-1.008-2.87 0-5.202 9.544-9.42 21.316-9.42z' transform='rotate(-30 33.748 37.137)'/%3e%3cpath stroke='%23FFF' stroke-width='3' d='M26.624 48.697c2.994-.882 6.218-2.261 9.424-4.112 4.474-2.583 8.17-5.655 10.69-8.67m-13.61 18.343a45.83 45.83 0 0 0 7.015-3.313c3.273-1.89 6.13-4.041 8.415-6.24' opacity='.8'/%3e%3cellipse cx='23.46' cy='19.318' fill='url(%23b)' stroke='%23FFF' stroke-opacity='.501' opacity='.8' rx='20.816' ry='9.5' transform='rotate(-30 23.46 19.318)'/%3e%3c/g%3e%3cpath fill='%2388F8F4' d='M36.59 22.702C38.444 8.285 45.296.717 57.148 0v8.668C46.308 5.654 41.606 14.48 36.59 22.702z'/%3e%3ccircle cx='35.5' cy='1.5' r='1.5' fill='%23D4A7F3'/%3e%3ccircle cx='64.5' cy='26.5' r='2' fill='%2388F8F4'/%3e%3ccircle cx='5.5' cy='39.5' r='1.5' fill='%23A7C1F3'/%3e%3cpath fill='%23B9B7F8' d='M20.85 30.646C14.12 22.992 7.17 21.28 0 25.51l3.398 5.038c5.12-6.002 11.313-2.715 17.452.098z'/%3e%3c/g%3e%3cpath fill='%23C0F888' d='M44.673 38.861c5.06 1.92 9.439 9.052 13.137 21.4-5.233-12.425-15.9-17.86-32-16.309v-7.046c7.515-.616 13.803.036 18.863 1.955z'/%3e%3cpath fill='%23F8DF88' d='M57.24 89.643c5.254-3.295 8.197-8.182 8.829-14.66l3.683 1.899c-1.725 7.237-4.702 12.147-8.93 14.73l-3.581-1.969z'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; width:134px; height:134px; margin:0 auto 16px;} .result_output.empty:before {content:""; display:block; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='134' height='134'%3e%3cdefs%3e%3clinearGradient id='a' x1='31.839%25' x2='74.991%25' y1='0%25' y2='100%25'%3e%3cstop offset='0%25' stop-color='%235BAFFF'/%3e%3cstop offset='100%25' stop-color='%235C86ED'/%3e%3c/linearGradient%3e%3clinearGradient id='c' x1='50%25' x2='50%25' y1='0%25' y2='100%25'%3e%3cstop offset='0%25' stop-color='%23DCE6FF'/%3e%3cstop offset='100%25' stop-color='%23C8D6FF'/%3e%3c/linearGradient%3e%3clinearGradient id='d' x1='13.352%25' x2='83.915%25' y1='17.663%25' y2='80.732%25'%3e%3cstop offset='0%25' stop-color='%23EFF3FD'/%3e%3cstop offset='100%25' stop-color='%23BACCFF'/%3e%3c/linearGradient%3e%3ccircle id='e' cx='14.876' cy='14.876' r='14.876'/%3e%3crect id='b' width='56' height='70' x='0' y='0' rx='8'/%3e%3c/defs%3e%3cg fill='none' fill-rule='evenodd'%3e%3ccircle cx='67' cy='67' r='67' fill='%23F8FAFD'/%3e%3cg transform='translate(37 32)'%3e%3cuse xlink:href='%23b' fill='url(%23a)'/%3e%3crect width='40' height='1.4' x='8' y='39' fill='%23FFF' rx='.7'/%3e%3cg stroke='%23FFF' stroke-width='1.4' transform='translate(10 10)'%3e%3ccircle cx='9' cy='5' r='4.3'/%3e%3cpath stroke-linejoin='round' d='M18 18a9 9 0 0 0-18 0'/%3e%3c/g%3e%3crect width='40' height='1.4' x='8' y='46' fill='%23FFF' rx='.7'/%3e%3crect width='20' height='1.4' x='8' y='53' fill='%23FFF' rx='.7'/%3e%3c/g%3e%3cg transform='translate(71.5 58.5)'%3e%3cpath fill='url(%23c)' d='M30.166 21.901h3.305v18.182a1.653 1.653 0 0 1-3.305 0V21.901z' opacity='.7' transform='rotate(-45 31.819 31.819)'/%3e%3cuse xlink:href='%23e' fill='url(%23d)' stroke='%23FFF' opacity='.756'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; width:134px; height:134px; margin:0 auto 16px;} .result_output.error:before {content:""; display:block; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='134' height='134' fill='none'%3e%3ccircle cx='67' cy='67' r='67' fill='%23F8FAFD'/%3e%3crect width='56' height='70' x='37' y='32' fill='url(%23a)' rx='8'/%3e%3crect width='40' height='1.4' x='45' y='46' fill='%23fff' rx='.7'/%3e%3crect width='40' height='1.4' x='45' y='53' fill='%23fff' rx='.7'/%3e%3crect width='20' height='1.4' x='45' y='60' fill='%23fff' rx='.7'/%3e%3ccircle cx='90' cy='89' r='17.75' fill='%239FBFF6' stroke='%23F8FAFD' stroke-width='1.5'/%3e%3cmask id='b' width='34' height='34' x='73' y='72' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3e%3ccircle cx='90' cy='89' r='17' fill='%23fff'/%3e%3c/mask%3e%3cg mask='url(%23b)'%3e%3cg filter='url(%23c)'%3e%3crect width='56' height='70' x='37' y='33' fill='url(%23d)' rx='8'/%3e%3c/g%3e%3crect width='3' height='11' x='88.5' y='80' fill='%23fff' rx='1.5'/%3e%3ccircle cx='90' cy='95.5' r='1.5' fill='%23fff'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='a' x1='21.109' x2='71.285' y1='55.599' y2='115.133' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%235BAFFF'/%3e%3cstop offset='1' stop-color='%235C86ED'/%3e%3c/linearGradient%3e%3clinearGradient id='d' x1='21.109' x2='71.285' y1='56.599' y2='116.133' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%235BAFFF'/%3e%3cstop offset='1' stop-color='%235C86ED'/%3e%3c/linearGradient%3e%3cfilter id='c' width='61.437' height='75.437' x='34.282' y='30.282' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur result='effect1_foregroundBlur_63_3214' stdDeviation='1.359'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; width:134px; height:134px; margin:0 auto 16px;} .result_output > p {text-align:center; color:#1e293b; font-size:15px; line-height:26px;} .result_output > p em, .result_output > p .blue {color:#17191c !important; font-weight:700;} .result_output > p > a {color:#1e293b; text-decoration:underline; text-underline-position:under;} .result_output .red { font-family:'ngb'; color:#ff3262; } .recruit_inputArea .result_output .btn_white {width:290px; height:52px; margin:40px auto 0; border:1px solid #ddd; border-radius:26px; box-sizing:border-box; color:#1e293b; font-size:15px; font-weight:700; line-height:48px; } /* 레이어팝업 */ .recruit_modal_wrap { position:fixed; top:0; bottom:0; left:0; right:0; overflow:auto; background:rgba(0,0,0,.24); transition:all .2s; z-index:10005;} .recruit_modal_wrap .flex_box {display:flex; flex-direction:column; height:100%;} .recruit_modal_wrap .modal_contents {margin:auto;} .recruit_modal_wrap .contents_wrap {overflow:hidden; position:relative; background:#fff; width:480px; margin:auto; border-radius:18px; box-sizing:border-box;} .recruit_modal_wrap .contents_wrap .close {position:absolute; top:16px; right:16px; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24'%3e%3cdefs%3e%3cpath id='a' d='M0 0h24v24H0z'/%3e%3c/defs%3e%3cg fill='none' fill-rule='evenodd'%3e%3cmask id='b' fill='%23fff'%3e%3cuse xlink:href='%23a'/%3e%3c/mask%3e%3cpath fill='%231E293B' d='M5.692 4.29 12 10.598l6.308-6.308a.991.991 0 0 1 1.308-.082l.094.082a.991.991 0 0 1 0 1.402L13.402 12l6.308 6.308a.991.991 0 0 1-1.402 1.402L12 13.402 5.692 19.71a.991.991 0 0 1-1.308.082l-.094-.082a.991.991 0 0 1 0-1.402L10.598 12 4.29 5.692A.991.991 0 1 1 5.692 4.29z' mask='url(%23b)'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; width:24px; height:24px; padding:0; border:0; font-size:0;} .recruit_modal_wrap .contents_wrap .const {padding:40px 32px 60px;} .recruit_modal_wrap .contents_wrap .const h2 {text-align:center; line-height:34px; color:#1e293b; font-size:24px;} .recruit_modal_wrap .contents_wrap .const .txt_box {padding:20px 0 40px} .recruit_modal_wrap .contents_wrap .const .txt_box:before {content:""; display:block; width:140px; height:140px; margin:0 auto 20px;} .recruit_modal_wrap .contents_wrap .const .txt_box > p {padding-top:12px; text-align:center; line-height:20px; color:#1e293b; font-size:15px; } .recruit_modal_wrap .contents_wrap .const .txt_box > p:first-of-type {padding-top:0;} .recruit_modal_wrap .contents_wrap .const .txt_box > p strong {color:#2e6afd;} .recruit_modal_wrap .contents_wrap.closing .const .txt_box:before {background:url(/inc/recruit/img/front/front_new/layer_closing.png) 50% 50% no-repeat; background-size:100% 100%;} .recruit_modal_wrap .contents_wrap.result .const .txt_box:before {background:url(/inc/recruit/img/front/front_new/layer_result.png) 50% 50% no-repeat; background-size:100% 100%;} .recruit_modal_wrap .contents_wrap .btn_area {display:flex; position:absolute; bottom:0; left:0; right:0; width:100%; height:60px; border-top:1px solid #eee;} .recruit_modal_wrap .contents_wrap .btn_area > button {position:static; background:#fff; width:100%; height:100%; border:0; border-left:1px solid #eee; color:#1e293b !important; font-size:15px; } .recruit_modal_wrap .contents_wrap .btn_area > button:first-of-type {border-left:0;;} .toast-box {position:fixed; bottom:0; left:50%; width:480px; margin-left:-240px; text-align:center; z-index:2000;} .toast-box > div {display:inline-block; position:relative; background:#3b3b3b; min-width:300px; max-width:480px; margin-bottom:8px; padding:17px 36px 17px 28px; border-radius:2px; box-sizing:border-box; z-index:100; box-shadow:1px 2px 2px rgba(0,0,0,.2); transition:all .2s ease; -webkit-animation:left_AC 0.4s ease forwards; animation:left_AC 0.4s ease forwards;} .toast-box > div p {color:#fff; font-size:13px; font-weight:700; line-height:1.5; text-align:left;} .toast-box .close {position:absolute; top:0; right:0; background:transparent; padding:12px 12px 0 0; border:0;} .toast-box .close span {display:block; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(232,232,232,0.999)' stroke='%23e8e8e8' viewBox='0 0 12 12'%3e%3cpath fill-rule='evenodd' d='M11.254 12.001L5.978 6.725.702 12.001l-.703-.703 5.276-5.276L-.001.746.702.043l5.276 5.276 5.32-5.32.703.703-5.32 5.32 5.276 5.276-.703.703z'/%3e%3c/svg%3e") 0 0 no-repeat; width:11px; height:11px; font:0/0 a;}