/* swipe 플러그인 공통 css */ #wrap{} .swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1;} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} .swiper-container-android .swiper-slide, .swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} .swiper-slide{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative;} .swiper-pagination{text-align:center;z-index:10;} .swiper-pagination span{cursor:pointer;width:7px;height:7px;display:inline-block;border-radius:100%;background:#d0cfd1;margin-left:1px;} .swiper-pagination span.active{background:#39f;} /* list sprite image */ .spImg, .listItem .jkListBtns button.btnFavorite:before, .listItem .jkListBtns button.btnScrap:before, .ssToggBtn button:after{background:url(/content/images/m/ver_1/list/sp_list.png?v=201610281400) 0 0 no-repeat; background-size:150px 300px;} /* header , 통합검색, 마이메뉴, 새창 타이틑 sprite image */ .skip, .blind{position:absolute; left:-9999px;} #jkHeader #topArea .headUtilBtn{position:absolute; right:7px; top:7px;} #jkHeader #topArea .headLink a:after, #jkHeader #topArea .icoSchBtn:after, #jkHeader #topArea .myAlarm:after, #jkHeader #topArea .myAlarm:before, .topSchArea .schIco:after, .topSchArea .schHome:after, .itemDelBtn:after, .jkHeadWrap .viewHeadBtn:after, .spCommon:after, .jkSpIco:before{content:""; display:block; position:absolute; background:url(/content/images/m/ver_1/sp_common.png?v=201610281400) no-repeat 0 0; background-size:250px 400px;} /* form sprite image */ .headSchBx input, .jkTxInput .schIco:after, .jkSchInput .schIco:after, .jkCoApply .btnAppSel:after, .jkSelWrap:after, .formSpEl, .jkInpSp:before{background:url(/content/images/m/ver_1/bg_form_sprite_v1.png?v=201611071300) no-repeat 0 0; background-size:100px 200px;} /* button sprite image */ .jkSchBtn:after, .jkBtnApply:before{background:url(/content/images/m/ver_1/bg_button_sprite_v1.png?v=201610281400) no-repeat 0 0; background-size:150px 150px;} /* Smart Match */ .smartMatchArea .dataLoadingBx .ldTx02:before, .jkBgSpSm:before{content:""; display:block; position:absolute; background:url(/content/images/m/ver_1/smart_match/sprite_sm.png?v=201610281400) no-repeat 0 0; background-size:200px 400px;} /* 신입공채 top버튼 공통 */ .starViewBody .btn_ctrler{position: fixed; width: 100%; left: 0; bottom: 0; z-index: 100;} .starViewBody .btn_ctrler .go_top{position: absolute; bottom: 20px; right: 5px; width: 38px; height: 38px; background: url(/content/images/m/gib/sp_recruit.png?201603171020) no-repeat 0 -200px; background-size: 150px 250px;} .starViewBody .btn_ctrler .go_top a{display: inline-block; width: 100%; height: 38px;} /* select style */ .jkSelWrap{display:inline-block; position:relative; width:148px; vertical-align:middle; line-height:1.3;} .jkSelWrap .jkSelect{display:block; width:100%; height:100%; min-height:auto; box-sizing:border-box; padding:3px 30px 0 10px; vertical-align:middle; background:#fff;} .jkSelWrap:after{content:""; display:block; position:absolute; top:50%;} .jkSelWrap.selInput{height:40px;} .jkSelWrap.selInput .jkSelect{font-size:14px; padding:3px 30px 0 10px; color:#999; border:1px solid #d2d2d2;} .jkSelWrap.on .jkSelect{border-color:#666 !important; color:#333 !important;} .jkSelWrap.change .jkSelect{color:#333 !important; font-weight:bold !important;} .jkSelWrap.selInput:after{width:14px; height:8px; right:12px; margin-top:-2px; background-position:0 -76px;} .jkSelWrap.selInput.on:after{background-position:-15px -76px !important;} .jkSelWrap.selSort{height:30px;} .jkSelWrap.selSort .jkSelect{font-size:14px; padding:3px 20px 0 10px; color:#333; border:1px solid #e0e0e0;} .jkSelWrap.selSort:after{width:9px; height:5px; right:7px; margin-top:-1px; background-position:0 -86px;} /* input */ .jkSchInput{position:relative; border:1px solid #d2d2d2; box-sizing:border-box; text-align:left; border-radius:2px;} .jkSchInput.on{border-color:#666;} .jkSchInput .schIco{text-indent:-9999px; background:none;} .jkSchInput .schInpWrap{background-color:#fff; position:relative; padding:0 70px 0 0; border-radius:2px;} .jkSchInput .schInpWrap .jkSchInp{border:none; height:38px; min-height:38px; width:100%; padding-top:3px; line-height:1.3; font-size:14px; padding-left:10px; box-sizing:border-box;color:#333; vertical-align:top;} .jkSchInput .schInpWrap .reSet:after, .jkSchInput .schInpWrap .btnSch:after{content:""; display:block; position:absolute;} .jkSchInput .schInpWrap .reSet{width:34px; height:38px; position:absolute; right:36px; top:0;} .jkSchInput .schInpWrap .reSet:after{width:15px; height:15px; background-position:-50px -100px; left:9px; top:12px;} .jkSchInput .schInpWrap .btnSch{width:36px; height:38px; background-position:0 -40px; position:absolute; right:0; top:0px;} .jkSchInput .schInpWrap .btnSch:after{width:18px; height:18px; background-position:-25px -100px; left:9px; top:11px;} .jkTxInput{position:relative; border:1px solid #d2d2d2; box-sizing:border-box; text-align:left; border-radius:2px;} .jkTxInput.on{border-color:#666;} .jkTxInput .schIco{text-indent:-9999px; background:none;} .jkTxInput .inpWrap{background-color:#fff; position:relative; padding:0 0px 0 0; border-radius:2px;} .jkTxInput.reset .inpWrap{padding-right:34px;} .jkTxInput .inpWrap .jkSchInp{border:none; height:38px; min-height:38px; width:100%; padding-top:3px; line-height:1.3; font-size:14px; padding-left:10px; box-sizing:border-box;color:#333; vertical-align:top;} .jkTxInput .inpWrap .reSet{width:34px; height:38px; position:absolute; right:2px; top:0;} .jkTxInput .inpWrap .reSet:after{content:""; display:block; position:absolute; width:15px; height:15px; background-position:-50px -100px; left:9px; top:12px;} /* button */ .jkSchBtn{position:relative; height:40px; width:148px; border:1px solid #e0e0e0; background-color:#fff; text-align:left; padding:2px 0 0 10px; font-size:0.929em;} .jkSchBtn:after{content:""; display:block; width:18px; height:18px; position:absolute; right:10px; top:11px; background-position:0 0;} .jkBtnApply{position:relative; height:45px; width:100%; background-color:#40a1ff; text-align:center; padding-top:2px; font-size:1.286em; color:#fff;} .jkBtnApply:before{content:""; display:inline-block; width:16px; height:11px; background-position:-25px 0; margin-right:8px;} .buttons-form .button::-moz-focus-inner{border:0; padding:0;} .buttons-form{font-size:0; overflow:hidden; position:relative; padding:0 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; line-height:1.3;} .buttons-form .button{position:relative; vertical-align:top; color:#333; font-size:16px;} .buttons-form .button-cancel{margin-right:2px; border:1px solid #d1d5db; background-color:#fff;} .buttons-form .button-apply{margin-left:2px; border:1px solid #3399ff; background-color:#3399ff; color:#fff;} .buttons-form .button-save{margin-left:2px; border:1px solid #3399ff; background-color:#3399ff; color:#fff;} .buttons-form .button-cancel, .buttons-form .button-apply, .buttons-form .button-save{text-align:center; width:-webkit-calc(50% - 2px); width:calc(50% - 2px); height:50px; text-align:center; border-radius:2px;} .userInfoEdit .buttons-form{margin-top:10px;} .buttons-form .button-save span{opacity:.5} .buttons-form .button-save.btnOk_1 span{opacity:1} /* text line_clamp */ .txLineClamp{display:-moz-box; display:-webkit-box; display:box; -moz-box-orient:vertical; -webkit-box-orient:vertical; box-orient:vertical; overflow:hidden; white-space:normal; text-overflow:ellipsis;} /* header */ #jkHeader{background-color:#3b78ce; padding:7px 7px 7px 10px; line-height:1.3; color:#666; font-family:"Apple SD Gothic Neo", Arial, sans-serif; font-size:14px; position:relative;} #jkHeader .jkLogo a{display:block; width:37px; height:32px; position:absolute; left:10px; top:7px; text-align: center;} #jkHeader .jkLogo a:after{content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background-color:transparent;} #jkHeader .jkLogo img{height:16px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);} #jkHeader #topArea{background-color:transparent;} #jkHeader #topArea .headLink {height:32px; margin-left:50px; position:relative;} #jkHeader #topArea .headLink:before{content:""; display:block; width:1px; height:26px; background-color:#76c6f2; position:absolute; left:-7px; top:3px;} #jkHeader #topArea .headLink:after {content:""; display:block; clear:both;} #jkHeader #topArea .headLink a{height:32px; position:relative; float:left; margin-left:7px; font:0/0 a; color:transparent; text-shadow:none;} #jkHeader #topArea .headLink a:first-child{margin-left:0 !important;} #jkHeader #topArea .headLink a:after{height:18px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);} /* jk gnb width common */ #jkHeader #topArea .headLink a:nth-child(1){width:40px;} #jkHeader #topArea .headLink a:nth-child(2){width:40px;} #jkHeader #topArea .headLink a:nth-child(3){width:72px;} #jkHeader #topArea .headLink a:nth-child(1):after{width:30px;} #jkHeader #topArea .headLink a:nth-child(2):after{width:30px;} #jkHeader #topArea .headLink a:nth-child(3):after{width:62px;} /* jk sub gnb */ #jkHeader #topArea .headLink a:nth-child(1).on:after{background-position:0 -70px;} #jkHeader #topArea .headLink a:nth-child(2).on:after{background-position:-40px -70px;} #jkHeader #topArea .headLink a:nth-child(3).on:after{background-position:-80px -70px;} #jkHeader #topArea .headLink a:nth-child(1):after{background-position:0 -90px;} #jkHeader #topArea .headLink a:nth-child(2):after{background-position:-40px -90px;} #jkHeader #topArea .headLink a:nth-child(3):after{background-position:-80px -90px;} /* jk main gnb */ #main #jkHeader #topArea .headLink a:nth-child(1):after{background-position:0 -50px;} #main #jkHeader #topArea .headLink a:nth-child(2):after{background-position:-40px -50px;} #main #jkHeader #topArea .headLink a:nth-child(3):after{background-position:-80px -50px;} /* hrp gnb width common */ #jkHeader #topArea .headLink.hrpHead a{margin-left:0px;} #jkHeader #topArea .headLink.hrpHead a:nth-child(1){width:40px;} #jkHeader #topArea .headLink.hrpHead a:nth-child(2){width:40px;} #jkHeader #topArea .headLink.hrpHead a:nth-child(3){width:71px;} #jkHeader #topArea .headLink.hrpHead a:nth-child(4){width:42px; margin-left:-3px;} #jkHeader #topArea .headLink.hrpHead a:nth-child(1):after{width:30px;} #jkHeader #topArea .headLink.hrpHead a:nth-child(2):after{width:30px;} #jkHeader #topArea .headLink.hrpHead a:nth-child(3):after{width:61px;} #jkHeader #topArea .headLink.hrpHead a:nth-child(4):after{width:32px;} /* hrp sub gnb */ #jkHeader #topArea .headLink.hrpHead a:nth-child(1):after{background-position:0 -90px;} #jkHeader #topArea .headLink.hrpHead a:nth-child(2):after{background-position:-40px -90px;} #jkHeader #topArea .headLink.hrpHead a:nth-child(3):after{background-position:-65px -112px;} #jkHeader #topArea .headLink.hrpHead a:nth-child(4):after{background-position:-145px -90px;} #jkHeader #topArea .headLink.hrpHead a:nth-child(1).on:after{background-position:0 -70px;} #jkHeader #topArea .headLink.hrpHead a:nth-child(2).on:after{background-position:-40px -70px;} #jkHeader #topArea .headLink.hrpHead a:nth-child(3).on:after{background-position:-130px -112px;} #jkHeader #topArea .headLink.hrpHead a:nth-child(4).on:after{background-position:-145px -70px;} /* hrp main gnb */ #main #jkHeader #topArea .headLink.hrpHead a{margin-left:0px;} #main #jkHeader #topArea .headLink.hrpHead a:nth-child(4){width:42px; margin-left:-3px;} #main #jkHeader #topArea .headLink.hrpHead a:nth-child(1):after{background-position:0 -50px;} #main #jkHeader #topArea .headLink.hrpHead a:nth-child(2):after{background-position:-40px -50px;} #main #jkHeader #topArea .headLink.hrpHead a:nth-child(3):after{background-position:0 -112px;} #main #jkHeader #topArea .headLink.hrpHead a:nth-child(4):after{background-position:-145px -50px;} /* #jkHeader #topArea .headLink a.linkSt{width:40px;} #jkHeader #topArea .headLink a.linkSt:after{width:30px; background-position:0 -50px;} #jkHeader #topArea .headLink a.linkCr{width:40px;} #jkHeader #topArea .headLink a.linkCr:after{width:30px; background-position:-40px -50px;} #jkHeader #topArea .headLink a.linkNews{width:72px;} #jkHeader #topArea .headLink a.linkNews:after{width:62px; background-position:-80px -50px;} #jkHeader #topArea .headLink a.linkSt.on:after{background-position:0 -70px;} #jkHeader #topArea .headLink a.linkCr.on:after{background-position:-40px -70px;} #jkHeader #topArea .headLink a.linkNews.on:after{background-position:-80px -70px;} */ /* header , 통합검색, 마이메뉴 */ #jkHeader #topArea .icoSchBtn{position:relative; width:32px; height:32px; float:left;} #jkHeader #topArea .icoSchBtn:after{left:6px; top:6px; width:25px; height:25px; background-position:-25px -25px;} #jkHeader #topArea .myAlarm{position:relative; width:32px; height:32px; border-radius:2px; float:left;} #jkHeader #topArea .myAlarm:after{width:22px; height:23px; left:6px; top:4px; background-position:-25px 0;} #jkHeader #topArea .myAlarm.on:before{width:12px; height:12px; right:4px; bottom:3px; background-position:-50px 0; z-index:2;} #jkHeader #topArea .myAlarm.selPage{background-color:#1b8ced;} /* 메인 검색 영역(개편용) */ .mainSchBtn {padding:1px 10px 7px; background-color:#3b78ce;} .mainSchBtn.oldVer {background-color:#3399ff !important;} .mainSchBtn button {height:36px; min-height:36px; border:none; border-radius:3px; width:100%; font-size:1.286em; color:#000; background-color:#fff; position:relative; color:#000; text-align:left; padding:0 32px 0 8px; vertical-align: middle;} .mainSchBtn button:after {content:""; display:block; width:31px; height:36px; position:absolute; right:0; top:0; background:url(/content/images/m/bg_gnb_sprite.png?201603282000) no-repeat 0 -40px; background-size:125px 125px;} /* 기본탭 */ .jkDefaultTab{width:100%; height:42px; background-color:#fff; border-bottom:1px solid #dadada; line-height:1.3;} .jkDefaultTab ul:after{content:""; display:block; clear:both;} .jkDefaultTab li{width:50%; float:left;} .jkDefaultTab li a{display:block; height:42px; font-size:15px; color:#333; text-align:center;} .jkDefaultTab li a span{display:inline-block; height:42px; box-sizing:border-box; padding:14px 4px 0; position:relative;} .jkDefaultTab li a span:after{display:none; content:""; height:3px; width:100%; position:absolute; left:0; bottom:-1px; background-color:#3b78ce;} .jkDefaultTab li a.on{color:#3399ff;} .jkDefaultTab li a.on span:after{display:block;} .jkDefaultTab .col03 li{width:33.33%;} .jkDefaultTab .col03 li:first-child{width:33.34%;} .jkDefaultTab .col04 li{width:25%;} .jkDefaultTab .col05 li{width:20%;} /* hrp 신규탭 */ .colTabs{padding:0 10px;} .colTabs:after{content:""; display:block; clear:both;} .colTabs a{float:left; position:relative; width:50%; text-align: center; height:40px; line-height:42px; font-weight:bold; font-size:13px; color:#666;} @media screen and (-webkit-min-device-pixel-ratio:0){.colTabs a{line-height:44px;}} @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){@media{.colTabs a{line-height:42px;}}} .colTabs a.on{color:#3399ff;} .colTabs a:first-child:after{content:""; display:block; height:16px; width:1px; background-color:#cfd5d9; position:absolute; right:0; top:50%; margin-top:-8px;} .lsfTalkContent .content .hrpCtAtc:nth-of-type(1), .hrpBody .content .hrpCtAtc:nth-of-type(1){padding-top:0;} .colTabs + .hrpCtAtc .jkBoothBx .listItem > li:first-child{margin-top:0;} /* layer popup*/ .jkLyWrap{position:fixed; top:0; left:0; right:0; bottom:0; z-index:5000; display:none; line-height:1.3;} .jkLyWrap:after{display:block; content:""; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.7); z-index:1} .jkLyWrap .lyBack{display:block; position:fixed; left:0; top:0; width:100%; height:100%; z-index:2} .jkLyWrap.jkLyAb{position:absolute;} .jkLyWrap .jkLyArea{width:100%; height:100%; display:table; position:relative; z-index:3} .jkLyWrap .jkLyArea .areaInner{display:table-cell; vertical-align:middle; text-align:center;} .jkLyWrap .jkLyArea .lyInCont{height:auto; width:290px; display:inline-block; background:#fff; letter-spacing:-0.5px; position:relative; z-index:3;} .jkLyWrap .jkLyClose{position:absolute; right:5px; top:5px; width:30px; height:30px;} .jkLyWrap .jkLyClose:before{width:15px; height:15px; background-position:-212px -95px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);} .jkLyWrap .jkLyArea .agBtns{border-top:1px solid #e9e9e9; margin-top:17px;} .jkLyWrap .jkLyArea .agBtns:after{content:""; display:block; clear:both;} .jkLyWrap .jkLyArea .agBtns button{float:left; width:50%; height:49px; font-size:16px; color:#666; padding-top:2px;} .jkLyWrap .jkLyArea .agBtns button:first-child{border-right:1px solid #e9e9e9;} .jkLyWrap .jkLyArea .agBtns button.ok{color:#3399ff; font-weight:bold;} /* 해외취업 동의 레이어 */ .jkLyWrap .lyAgOversea{padding-top:132px;} .jkLyWrap .lyAgOversea .lyIco{display:block; width:84px; height:84px; background-color:#3399ff; border-radius:50px; position:absolute; left:50%; top:30px; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0);} .jkLyWrap .lyAgOversea .lyIco:before{width:28px; height:44px; background-position:-222px -114px; top:22px; left:50%; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0);} .jkLyWrap .lyAgOversea .agTx{font-size:16px; color:#333;} .jkLyWrap .lyAgOversea .agTx strong{font-weight:normal; color:#3399ff;} /* 페이스북 권한 추가 확인 레이어 */ .jkLyWrap .getFaceBook .agTx{height:148px; padding-top:9px; box-sizing:border-box; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; align-items:center; font-size:16px; color:#333; letter-spacing:-0.5px; } .jkLyWrap .getFaceBook .agTx strong{font-weight:normal; color:#3399ff; margin-left:3px;} .jkLyWrap .getFaceBook .agBtns{margin-top:0;} /* 공유하기 레이어 */ .jkLyWrap .lyJkShare{padding:52px 30px 40px; text-align:center; margin-top:-80px; box-sizing:border-box;} .jkLyWrap .lyJkShare.len04{padding:52px 20px 40px;} .jkLyWrap .lyJkShare.len04 .shareLink a{width:62px;} .jkLyWrap .lyJkShare .shareTx{color:#000; font-size:23px;} .jkLyWrap .lyJkShare .shareLink{font-size:0; margin-top:20px; display:inline-block;} .jkLyWrap .lyJkShare .shareLink:after{content:''; display:block; clear:both;} .jkLyWrap .lyJkShare .shareLink a{display:inline-block; width:75px; padding-top:58px; margin-bottom:10px; position:relative; font-size:12px; color:#666;} .jkLyWrap .lyJkShare .shareLink a:after{width:51px; height:51px; position:absolute; left:50%; top:0; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0);} .jkLyWrap .lyJkShare .shareLink a.shareKakao:after{background-position:0 -200px;} .jkLyWrap .lyJkShare .shareLink a.shareLine:after{background-position:-58px -200px;} .jkLyWrap .lyJkShare .shareLink a.shareFacebook:after{background-position:-116px -200px;} .jkLyWrap .lyJkShare .shareLink a.shareMail:after{background-position:-174px -200px;} .jkLyWrap .lyJkShare .shareLink a.shareCal:after{background-position:0 -255px;} .jkLyWrap .completeTx{width:215px; height:38px; text-align:center; position:absolute; left:50%; top:78.125%; color:#fff; font-size:14px; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); background-color:#000; border-radius:50px; letter-spacing:-0.5px; box-sizing:border-box; padding-top:11px; z-index:2;} .jkLyWrap .urlCopyBx{margin-top:10px; position:relative; padding-right:74px;} .jkLyWrap .urlCopyBx .btn{position:absolute; right:0; top:0; width:74px; height:38px; background-color:#dbdbdb; font-size:12px; color:#666;} .jkLyWrap .urlCopyBx .urlInp{min-height:38px; box-sizing:border-box; background-color:transparent; border-radius:0; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%; border-right:none; border:1px solid #dbdbdb;} .jkLyWrap .urlCopyBx .btn, .jkLyWrap .urlCopyBx .urlInp, .jkLyWrap .iosUrlBx .linkUrl{display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; align-items:center; box-sizing:border-box; font-size:12px; color:#666;} .jkLyWrap .urlCopyBx .urlInp span{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px; letter-spacing:-0.2px} .jkLyWrap .iosUrlBx{margin-top:10px;} .jkLyWrap .iosUrlBx .linkUrl{height:38px; border:1px solid #dbdbdb; background-color:#f4f4f4;} .jkLyWrap .iosUrlBx .linkUrl span{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px; letter-spacing:-0.2px} .jkLyWrap .iosUrlBx .iosTx{font-size:11px; color:#999; margin-top:7px;} /* sub nav */ .navTop{height:44px; width:100%;} .mobileNavCover{display:none; background:#000; position:fixed; left:0; top:0; width:100%; z-index:4; height:100%; opacity:0.7;} .navTop.android4{overflow:hidden;} .navTop .navDep01{text-align:center; box-sizing:border-box; height:100%;} .navTop .navDep01Swiper{position:relative; overflow:hidden; padding:0 15px; width:100%; box-sizing:border-box; background-color:#fff; height:44px; z-index:5;} .navTop .navDep01Swiper.jkNavStatic{position:absolute !important; top:0 !important; left:0 !important;} .navTop.android4 .navDep01Swiper{overflow:visible;} .navDep01Swiper.navFix{position:fixed; top:0; left:0; width:100%;} .navTop .navDep01Swiper:after, .navTop .navDep01Swiper:before{content:""; display:block; position:absolute; height:40px; width:20px; top:0; z-index:2} .navTop .navDep01Swiper:before{left:0; background:-webkit-gradient(linear,left top,right top,color-stop(16.66%,#fff),color-stop(100%,rgba(255,255,255,0)))} .navTop .navDep01Swiper:after{right:0; background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(60%,#fff))} .navTop .swiper-container-android .swipeSlide,.navTop .swipeWrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } .navTop .swipeWrapper{ position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; } .navTop .navInner:after{content:""; display:block; width:100%; height:1px; background-color:#dadada; position:absolute; left:0; bottom:0;} .navTop .navDep01.autoList{display:table; table-layout:fixed; width:100% !important;} .navTop .navDep01.autoList li{display:table-cell;} .navTop .navDep01 li{padding:0 8px; width:auto;} .navTop .navDep01 li:first-child{padding:0 8px 0 0;} .navTop .navDep01 li:last-child{padding:0 0 0 8px;} .navTop .navDep01 a{display:inline-block; height:44px; padding:2px 4px 0; box-sizing:border-box; font-size:1.071em; color:#000; letter-spacing:-1px; position:relative; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; align-items:center; box-sizing:border-box;} .navTop .navDep01 li.on a:after{display:none; content:""; width:100%; height:3px; background-color:#ca1e2c; position:absolute; left:0; bottom:0; z-index:2;} .navTop.oldVer .navDep01 li.on a:after{background-color:#3399ff !important;} .navTop .navDep01 li.on a{color:#ca1e2c;} .navTop.oldVer .navDep01 li.on a{color:#3399ff !important;} .navTop .navDep01 li.on a:after{display:block;} .navTop .swipeSlide{ -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative; } .navTop .schNav li{float:left; width:25%; box-sizing:border-box;} .navService .navDep02{border-bottom:1px solid #dadada; text-align:center; box-sizing:border-box; height:100%; display:table; table-layout:fixed; width:100%;} .navService .navDep02 li{margin:0 6px; display:table-cell; position:relative;} .navService .navDep02 a{display:block; height:40px; line-height:43px; box-sizing:border-box; font-size:1.071em; color:#999; letter-spacing:-1px;} .navService .navDep02 a:after{display:block; content:""; width:1px; height:20px; background-color:#e5e5e5; position:absolute; left:0; top:50%; margin-top:-10px;} .navService .navDep02 li:first-child a:after{display:none;} .navService .navDep02 li.on a{color:#3399ff;} /* 개인화 네비관련 */ .navTop.userNav{position:relative; margin-bottom:20px;} .navTop.userNav .navDep01Swiper{padding:0;} .navTop.userNav .navDep01Swiper:after{right:0px;} .navTop.userNav .navInner{margin-right:41px; padding:0 15px;} .navFix .navTopBtn{position:fixed; z-index:102; width:41px; height:44px;} .navFix .navDep01Swiper{position:fixed; left:0; top:0;} .navTopBtn{ overflow:hidden; position:absolute; right:0; top:0; width:41px; height:44px;} .navTop.otherAgent .navTopBtn{ z-index:102;} .navTopBtn .navTopAll{position:absolute; right:0; top:0; z-index:102; width:41px; height:44px; background-color:#fff; border-left:1px solid #e5e5e5; border-bottom:1px solid #dcdcdc; -webkit-backface-visibility:hidden;} .navTopBtn .navTopAll span.tx{color:transparent; position:absolute; left:0; top:0; font-size:10px;} .navTopBtn .navTopAll:after {width:18px; height:10px; position:absolute; left:50%; top:50%; background-position:-233px -95px; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); margin:0 0 0 2px;} .navTopBtn .navTopAll.open:after {-webkit-transform:rotate(180deg); transform:rotate(180deg); margin:-6px 0 0 -8px;} .navAllWrap{display:none; position:absolute; left:0; top:0; z-index:101; width:100%; border-bottom:1px solid #e0e3e6; background-color:#fff;} .navAllWrap .sNavTit{box-sizing:border-box; height:44px; border-bottom:1px solid #dcdcdc; font-size:14px; color:#333; padding:15px 0 0 15px; font-weight:normal; letter-spacing:-0.5px;} .navAllWrap .sNavTits{margin-bottom:-3px; padding:10px 0 0 15px; font-size:14px; font-weight:normal; color:#999; letter-spacing:-0.5px;} .navAllWrap .sNavItems{padding:0 5px 10px 10px; margin-top:10px; line-height:16px;} .navAllWrap .sNavItems:after{content:""; display:block; clear:both;} .navAllWrap .sNavItems:last-child{border-bottom:1px solid #dcdcdc;} .navAllWrap .sNavItems li{float:left; width:33.33%; box-sizing:border-box; padding:0 5px 5px 0;} .navAllWrap .sNavItems li:first-child{width:33.34%;} .navAllWrap .sNavItems li a{display:block; border:1px solid #e5e5e5; text-align:center; padding:13px 0 9px; font-size:14px; color:#333; letter-spacing:-0.5px;} .navAllWrap .sNavItems.pcSize li a{font-size:12px;} @media all and (max-width:360px){ .navAllWrap .sNavItems li a {font-size:13px;} } .navAllWrap .sNavItems li.on a{border-color:#3399ff; color:#3399ff;} .navFix .navAllWrap{position:fixed;} /* 통합검색 */ .topSchArea{height:46px; background-color:#3399ff; position:relative; padding-top:5px; box-sizing:border-box;} .topSchArea .schIco{text-indent:-9999em; background:none;} .topSchArea .schBack{width:46px; height:46px; background:none; position:absolute; left:0; top:0;} .topSchArea .schBack:after{width:12px; height:21px; background-position:-75px 0; position:absolute; left:17px; top:13px;} .topSchArea .schHome{width:46px; height:46px; background:none; position:absolute; left:0; top:0;} .topSchArea .schHome:after{width:22px; height:20px; left:11px; top:13px; background-position:-125px -25px;} .topSchArea .boxSearch{background-color:#fff; position:relative; margin:0 10px 0 45px; height:36px; padding:0 70px 0 0;} .schWrap .topSchArea .boxSearch{padding-right:70px;} .container .schWrap .topSchArea .boxSearch{padding-right:10px;} .topSchArea .boxSearch .jkSchInp{border:none; height:36px; min-height:36px; width:100%; padding-top:3px; line-height:1.3;font-size:15px;padding-left:10px; box-sizing:border-box;color:#666} .topSchArea .boxSearch .reSet{width:32px; height:32px; position:absolute; right:36px; top:2px;} .topSchArea .boxSearch .reSet:after{width:16px; height:16px; background-position:-75px -25px; left:8px; top:8px;} .topSchArea .boxSearch .btnSch{width:36px; height:36px; background-position:0 -40px; position:absolute; right:0; top:0; border-left:1px solid #d6ebff;} .topSchArea .boxSearch .btnSch:after{width:20px; height:20px; background-position:-50px -25px; left:8px; top:8px;} /* 통합검색 검색 리스트 */ .schListWrap{background-color:#f6f7f8; padding-top:5px;} .schListWrap > ul{line-height:1.3; border-top:1px solid #efefef;} .schListWrap > ul li{border-bottom:1px solid #e8e8e8; position:relative; background-color:#fff;} .schListWrap > ul li a{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:14px 0 11px 13px; margin-right:36px; font-size:16px; color:#000;} .schListWrap > ul li a span.num{display:inline-block; width:19px; height:16px; line-height:18px; background-color:#999; font-weight:bold; font-size:11px; color:#fff; text-align:center; vertical-align:1px; border-radius:1px; margin-right:6px;} .schListWrap > ul li:nth-child(1) a span.num, .schListWrap > ul li:nth-child(2) a span.num, .schListWrap > ul li:nth-child(3) a span.num{background-color:#3399ff;} .schListWrap .scNoSelect{background-color:#fff; font-size:15px; color:#999; border-bottom:1px solid #e8e8e8; height:159px; line-height:159px; text-align:center;} /* 검색 > 최근검색어 > 성공 취업툴 */ .schWrap .topSchTool{margin-top:5px; background-color:#fff; padding:14px 10px 0; border-top:1px solid #e6e7e8; border-bottom:1px solid #e1e4e7;} .schWrap .topSchTool .titTool{height:26px; font-size:12px; box-sizing:border-box; position:relative; padding-left:6px; color:transparent; border-bottom:1px solid #dcdcdc;} .schWrap .topSchTool .titTool:after{position:absolute; left:6px; top:0; width:69px; height:19px; background-position:-25px -160px;} .schWrap .topSchTool .toolListItem{padding:12px 0;} .schWrap .topSchTool .toolListItem:after{content:""; display:block; clear:both;} .schWrap .topSchTool .toolListItem span{float:left; width:20%;} .schWrap .topSchTool .toolListItem span a{display:block; text-align:center; font-size:12px; color:#666; letter-spacing:-0.5px; padding-top:34px; position:relative;} .schWrap .topSchTool .toolListItem span a:after{width:26px; height:26px; left:50%; top:0; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0)} .schWrap .topSchTool .toolListItem span a:before{content:""; display:block; width:1px; height:57px; position:absolute; left:0; top:1px; background-color:#e4e4e4;} .schWrap .topSchTool .toolListItem span:first-child a:before{display:none;} .schWrap .topSchTool .toolListItem span:nth-child(1) a:after{background-position:-95px -160px;} .schWrap .topSchTool .toolListItem span:nth-child(2) a:after{background-position:-123px -160px;} .schWrap .topSchTool .toolListItem span:nth-child(3) a:after{background-position:-151px -160px;} .schWrap .topSchTool .toolListItem span:nth-child(4) a:after{background-position:-179px -160px; width:32px; margin-left:3px;} .schWrap .topSchTool .toolListItem span:nth-child(5) a:after{background-position:-212px -160px; width:33px; margin-left:3px;} /* 검색어 삭제 */ .itemDelBtn{width:24px; height:24px; position:absolute; right:10px; top:50%; margin-top:-12px; text-indent:-9999em; text-align:center;} .itemDelBtn:after{width:14px; height:13px; background-position:-150px 0; position:absolute; left:50%; top:50%; margin:-6px 0 0 -6px;} /* 최근검색어 */ .schListBtn{background-color:#fff; padding:13px 0 12px 15px; border-bottom:1px solid #dadada;} .schListBtn button{font-size:12px; color:#666; position:relative;} .schListBtn button strong{color:#fe8d4f;} .schListBtn button:last-child{margin-left:16px;} .schListBtn button:last-child:before{content:""; display:block; width:1px; height:12px; background-color:#dfe2e6; position:absolute; left:-10px; top:50%; margin-top:-6px;} /* 인기검색어 */ .schListTx{background-color:#f2f4f5; padding:10px 0 9px 15px;} .schListTx{font-size:11px; color:#666;} /* 새창 타이틀 */ .jkHeadWrap{height:46px; position:relative; background:none !important; font-size:14px;} .jkHeadWrap .jkHeadInner{position:fixed; left:0; top:0;background-color:#3b78ce; width:100%; letter-spacing:-1px; z-index:102; width:100%; word-wrap:break-word; word-break:keep-all; box-sizing:border-box; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; align-items:center; box-sizing:border-box; padding-top:2px; line-height:1.2; height:46px;} .jkHeadWrap .jkHeadInner:after{content:""; display:block; clear:both;} .jkHeadWrap .jkHeadInner.jkHeadStatic{position:absolute !important; top:0 !important; left:0 !important;} .jkHeadInner *{font-family:"Apple SD Gothic Neo", Arial, sans-serif !important;} .jkHeadWrap .headTit{padding:0 85px 0 41px; margin-left:0 !important; width:100%; color:#d2f3ff; font-size:1.286em; box-sizing:border-box; padding-top:2px !important;} .jkHeadWrap .headTit strong{color:#fff;} .jkHeadWrap.jkHeadEp .jkHeadInner{-webkit-justify-content:flex-start !important; justify-content:flex-start !important;} .jkHeadWrap.jkHeadEp .headTit{overflow:hidden; float:left; width:auto; max-width:100%; padding:0 85px 0 41px; margin-left:0 !important; color:#d2f3ff; font-size:1.286em; box-sizing:border-box; padding-top:2px !important;} .jkHeadWrap.jkHeadEp .headTit strong{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#fff; line-height:1.2;} .jkHeadWrap.jkHeadEp .headTit span{float:right; position:relative; margin-left:9px; white-space:nowrap; color:#d2f3ff;} .jkHeadWrap .jkBtnBack, .jkHeadWrap .jkBtnShare, .jkHeadWrap .jkBtnClose, .jkHeadWrap .jkBtnHome{position:absolute; text-indent:-9999px; width:41px; height:46px; right:0; top:0;} .jkHeadWrap .jkBtnHome:after{width:22px; height:20px; left:11px; top:13px; background-position:-125px -25px;} .jkHeadWrap .jkBtnBack{left:0; top:0;} .jkHeadWrap .jkBtnBack:after{width:11px; height:19px; left:16px; top:14px; background-position:-100px 0;} .jkHeadWrap .jkBtnShare{right:41px; top:0;} .jkHeadWrap .jkBtnShare:after{width:21px; height:19px; left:11px; top:14px; background-position:-100px -25px;} .jkHeadWrap .jkBtnShare:before{content:""; display:block; width:1px; height:22px; position:absolute; right:-1px; top:12px; background-color:#5cadff;} .jkHeadWrap .jkBtnClose{right:0; top:0;} .jkHeadWrap .jkBtnClose:after{width:17px; height:19px; left:12px; top:15px; background-position:-125px 0;} .jkHeadWrap .jkBtnSave, .jkHeadWrap .jkBtnStOk{font-size:1em; color:#fff; height:46px; position:absolute; right:0; top:0; text-align:right; padding:2px 11px 0;} .jkHeadWrap .jkBtnSave.disabled, .jkHeadWrap .jkBtnStOk.disabled{color:#baddff;} .jkHeadWrap.jkRegType, .jkHeadWrap.jkEventType, .jkHeadWrap.jkCenterType{text-align:center;} .jkHeadWrap.jkRegType .headTit, .jkHeadWrap.jkEventType .headTit, .jkHeadWrap.jkCenterType .headTit{padding:0;} .jkHeadWrap.jkEventType .jkBtnHome{left:0; top:0; width:46px;} .jkHeadWrap.jkEventType .jkBtnHome:after{left:13px; top:13px;} .jkHeadWrap.jkRegType .jkBtnClose{left:0; width:46px;} .jkHeadWrap.jkRegType .jkBtnClose:after{left:15px;} .jkHeadWrap.type02 .headTit{padding-left:11px;} .jkHeadWrap.type02 .headTit .headLogo{display:inline-block; position:relative; padding-right:9px; margin-right:5px;} .jkHeadWrap.type02 .headTit .headLogo:before{content:""; display:block; width:1px; height:16px; background-color:#8bd4fb; position:absolute; right:0; top:1px;} .jkHeadWrap.type02 .headTit .headLogo:after{width:88px; height:13px; position:static; display:inline-block; background-position:-145px -257px;} .jkHeadWrap.type02 .headTit span{font-weight:normal; color:#fff;} .jkHeadWrap.type02 .jkBtnShare{width:29px;} .jkHeadWrap.type02 .jkBtnShare:before{display:none;} .jkHeadWrap.type02 .jkBtnShare:after{left:5px;} .jkHeadWrap.type02 .jkBtnHome{width:35px; right:5px;} .jkHeadWrap.type02 .jkBtnHome:after{left:7px;} /* 더보기 */ .moreLink{border:1px solid #dfe2e6; text-align:right; margin-top:5px; background-color:#f1f3f5;} .moreLink a{display:block; box-sizing:border-box; padding:11px 18px 9px; font-size:0.929em; color:#333; position:relative;} .moreLink a:after{content:""; display:inline-block; position:absolute; right:10px; top:50%; margin:-2px 0 0 0; width:4px; height:4px; border-top:1px solid #797979; border-right:1px solid #797979; -webkit-transform:rotate(45deg); transform:rotate(45deg);} /* paging */ .jkPg{text-align:center; color:#888; position:relative; line-height:1.3; height:44px; box-sizing:border-box; margin:5px 0 0 0; background-color:#fff; border:1px solid #dfe2e6; position:relative;} .jkPg li{display:inline-block;} .jkPg li a{font-weight:normal; font-family:Arial, sans-serif; color:#333; font-size:1.071em; margin:0 7px; display:inline-block; vertical-align:middle; padding:0 10px; height:44px; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; align-items:center; box-sizing:border-box; padding-top:2px;} .jkPg li a.now{color:#3399ff;} .jkPg li a.prev, .jkPg li a.next{width:33px; height:28px; padding:0; position:absolute; top:50%; margin-top:-14px;} .jkPg li a.prev{left:0; margin-left:0;} .jkPg li a.next{right:0; margin-right:0;} .jkPg li a.prev span, .jkPg li a.next span{position:absolute; left:-9999px;} .jkPg .prev:after, .jkPg .next:after{content:""; display:inline-block; position:absolute; left:50%; top:50%; margin:-3px 0 0 -4px; width:8px; height:8px; border-top:1px solid #a9adb2; border-right:1px solid #a9adb2; -webkit-transform:rotate(225deg); transform:rotate(225deg);} .jkPg .next:after{margin:-3px 0 0 -4px; -webkit-transform:rotate(405deg); transform:rotate(405deg);} /* 신입 > 채용정보 swipe 영역 */ .jkRecruitInfo{margin:18px 5px 10px; padding-top:17px; border-top:1px solid #ddd; line-height:1.3;} .jkRecruitInfo .recInfoSwipe{margin:0 -5px; background-color:#fff; padding:12px 10px 15px; box-sizing:border-box; overflow:hidden;} .jkRecruitInfo .recInfoSwipe .hRecInfo{font-size:0.929em; color:#333;} .jkRecruitInfo .recInfoSwipe .hRecInfo strong{display:inline-block; font-size:0.857em; color:#3399ff; border:1px solid #389bff; border-radius:50px; height:20px; padding:0 10px; box-sizing:border-box; margin-right:6px;} @media screen and (-webkit-min-device-pixel-ratio:0){.jkRecruitInfo .recInfoSwipe .hRecInfo strong{line-height:19px; vertical-align:1px;}} @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){@media{.jkRecruitInfo .recInfoSwipe .hRecInfo strong{line-height:20px; vertical-align:1px;}}} .jkRecruitInfo .recInfoSwipe .swipeInner{margin-top:12px;} .jkRecruitInfo .recInfoSwipe .swiper-slide, .jkRecruitInfo .recInfoSwipe .swiper-slide img{width:109px; height:94px;} .jkRecruitInfo .recInfoSwipe .swiper-slide a{display:table; text-align:center; width:100%; table-layout:fixed; height:100%;} .jkRecruitInfo .recInfoSwipe .serviceImg{position:absolute; left:0; top:0; z-index:-1;} .jkRecruitInfo .recInfoSwipe .serviceTit{display:table-cell; font-size:0.714em; color:#fff; line-height:16px; padding-top:4px; font-weight:normal; width:100%; height:100%; vertical-align:middle;} .jkRecruitInfo .recInfoSwipe .serviceTit span{font-size:1.4em;} /* 검색결과 없음 */ .scNoSelectArea{padding:75px 0 50px; text-align:center; color:#999; font-size:1.143em;} /* 입사지원 개편 */ .jkCoApply{background-color:#e9ecef;} .jkCoApply .jkBtnApply{font-weight:bold; border-radius:2px;} .jkCoApply .bCoApplySec{letter-spacing:-0.5px; line-height:1.3; background-color:#e9ecef;} .jkCoApply .bCoApplySec .bCoAppAtc{position:relative; margin:8px 8px 0;} .jkCoApply .bCoApplySec .bCoAppAtc .btnAppSel{display:block !important;} .jkCoApply .opTitBx{height:44px; line-height:48px; padding:0 11px 0 14px; box-sizing:border-box;} .jkCoApply .opTitBx .btnAppSel{width:30px; height:30px; position:absolute; right:4px; top:9px; overflow:hidden; text-indent:-9999px; outline:none;} .jkCoApply .opTitBx .btnAppSel:after{content:""; display:block; position:absolute; left:7px; top:50%; width:15px; height:8px; margin-top:-4px; background-position:-50px -120px;} .jkCoApply .jkAppResume.on .opTitBx .btnAppSel:after{background-position:-50px -130px;} .jkCoApply .btnSelComp{position:absolute; right:11px; top:11px; width:35px; height:23px; box-sizing:border-box; border:1px solid #3399ff; background-color:#3399ff; text-align:center; color:#fff; font-size:0.786em; padding-top:2px; border-radius:2px; display:block;} .jkCoApply .btnAppModi{position:absolute; right:11px; top:11px; width:35px; height:23px; box-sizing:border-box; border:1px solid #b4bbc7; background-color:#fff; text-align:center; color:#9fa5b0; line-height:1.3; font-size:0.786em; padding-top:2px; border-radius:2px;} .jkCoApply .jkAppContact .btnAppModi{display:block;} .jkCoApply .jkAppContact.on .btnAppModi{display:none;} .jkCoApply .jkAppContact .btnSelComp{display:none;} .jkCoApply .jkAppContact.on .btnSelComp{display:block;} .jkCoApply .jkAppPf .btnAppModi{display:block;} .jkCoApply .jkAppPf.on .btnAppModi{display:none;} .jkCoApply .bCoApplySec .jkAppPf.on .btnAppSel{display:none !important;} .jkCoApply .jkAppPf .btnSelComp{display:none;} .jkCoApply .jkAppPf.on .btnSelComp{display:block;} .jkCoApply .jkAppinner .btnAppSel{display:block;} .jkCoApply .jkAppinner .totalTx{display:block;} .jkCoApply .jkAppinner.on .totalTx{display:none;} .jkCoApply .jkAppResume .jkAppinner.on .btnAppSel:after{background-position:-50px -130px;} .jkCoApply .opTitBx .appHd{color:#333; font-size:1.071em;} .jkCoApply .opTitBx .totalTx{position:absolute; right:36px; top:0; font-size:0.929em; color:#666; height:44px; line-height:46px;} .jkCoApply .opTitBx .totalTx strong{color:#3399ff;} .jkCoApply .bCoApplySec .jkResEng.on .btnAppSel{display:none !important;} .jkCoApply .jkAppSel{padding:20px 8px 8px; background-color:#fff; border-bottom:1px solid #d8dbdd;} .jkCoApply .jkAppSel .descBx{padding:0 7px;} .jkCoApply .jkAppSel .descBx .tit{color:#3399ff; font-size:0.857em;} .jkCoApply .jkAppSel .descBx .desc{color:#333; font-size:15px; margin-top:2px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; max-height:38px; padding-bottom:1px;} .jkCoApply .jkAppSel .descBx .etc{color:#999; font-size:0.857em; margin-top:6px;} .jkCoApply .jkAppSel .descBx .etc:after{content:""; display:block; clear:both;} .jkCoApply .jkAppSel .descBx .etc span{position:relative; float:left; padding-right:9px; margin-right:8px;} .jkCoApply .jkAppSel .descBx .etc span:last-child{margin-right:0; padding-right:0;} .jkCoApply .jkAppSel .descBx .etc span:last-child:after{display:none;} .jkCoApply .jkAppSel .descBx .etc span:after{content:""; display:block; width:1px; height:9px; position:absolute; right:0; top:2px; background-color:#ccc;} @media screen and (-webkit-min-device-pixel-ratio:0){.jkCoApply .jkAppSel .descBx .etc span:after{top:2px;}} @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){@media{.jkCoApply .jkAppSel .descBx .etc span:after{top:4px;}}} .jkCoApply .jkAppSel .jkselBx{margin-top:13px;} .jkCoApply .jkAppSel .jkselBx .jkSelWrap{width:100%; height:45px;} .jkCoApply .jkAppSel .jkselBx .jkSelWrap .jkSelect{padding-left:15px;} .jkCoApply .jkAppSel .jkselBx .jkSelWrap.selInput:after{content:""; display:block; position:absolute; right:13px; width:15px; height:8px; background-position:-50px -120px;} .jkCoApply .jkAppSel .jkselBx .jkSelect{background-color:#f5faff; color:#333; font-size:1em; background:#f5faff; border:1px solid #cce3f9; border-radius:2px;} .jkCoApply .jkAppResume .jkAppinner{border:1px solid #3399ff; border-radius:2px; background-color:#fff; overflow:hidden;} .jkCoApply .jkSelOk{border-top:1px solid #dadee1;} .jkCoApply .jkSelOk .selViewLink{display:block; padding:17px 50px 16px 14px; box-sizing:border-box; background-color:#f5faff; position:relative;} .jkCoApply .jkAppResume .cateTx strong{margin-right:8px; color:#3399ff; font-size:0.857em;} .jkCoApply .jkAppResume .cateTx strong.null{margin-right:0;} .jkCoApply .jkAppResume .cateTx span{color:#999; font-size:0.786em; letter-spacing:0;} .jkCoApply .jkAppResume .jkSelTx{display:block; font-size:1em; color:#333; margin-top:1px;} .jkCoApply .jkAppResume .jkSelView{width:35px; height:23px; position:absolute; right:10px; top:50%; margin-top:-11px; color:#fff; font-size:0.786em; background-color:#b4bbc7; border-radius:2px; text-align:center; line-height:25px; letter-spacing:0;} .jkCoApply .jkAppResume .jkUiFormRadio{} .jkCoApply .jkAppResume .jkUiFormRadio input[type="radio"]{position:absolute; left:-9999px;} .jkCoApply .jkAppResume li{position:relative; border-top:1px solid #ebeded; background-color:#f5faff;} .jkCoApply .jkAppResume li:first-child{border-top:1px solid #dadee1;} .jkCoApply .jkAppResume .spJkForm{display:block; padding:17px 50px 16px 43px; box-sizing:border-box; position:relative; margin-right:50px;} .jkCoApply .jkAppResume .nextEle .spJkForm{padding-right:10px;} .jkCoApply .jkAppResume .formSpEl{display:block; width:21px; height:21px; position:absolute; left:15px; top:50%; margin-top:-10px; background-position:0 -120px;} .jkCoApply .jkAppResume .chk .formSpEl{background-position:-25px -120px;} .jkCoApply .jkAppResume .jkSelOk{display:block;} .jkCoApply .jkAppResume .jkSelResume{display:none;} .jkCoApply .jkAppResume .opTitBx .atcSideBx{position:absolute; top:0; right:0;} .jkCoApply .jkAppResume .opTitBx .atcSideBx:after{content:""; display:block; clear:both;} .jkCoApply .jkAppResume .opTitBx .atcSideBx .totalTx{float:left; position:relative; top:0; right:0;} .jkCoApply .jkAppResume .opTitBx .atcSideBx .btnAppResLoad{float:left; color:#9fa5b0; font-size:10px; margin-right:10px;} .jkCoApply .jkAppResume .opTitBx .atcSideBx .btnAppResLoad:before{content:""; display:inline-block; width:10px; height:10px; background-position:-33px -76px; margin-right:3px; vertical-align:-1px;} .jkCoApply .jkAppResume .opTitBx .atcSideBx .totalTx{padding-left:6px; padding-right:35px;} .jkCoApply .jkAppResume .opTitBx .atcSideBx .btnAppResLoad + .totalTx:before{content:""; display:block; width:1px; height:11px; background-color:#d9dde3; position:absolute; left:-2px; top:50%; margin-top:-4px;} .jkCoApply .jkAppResume.on .opTitBx .atcSideBx .btnAppResLoad{display:none;} /* 입사지원 > 이력서 첨부 */ .jkCoApply .addResFile {position:relative; margin:8px 8px 0; line-height:1.3;} .jkCoApply .addResFile .fileSelWrap {position:relative; background-color:#f5faff; height:70px; padding:0 14px; box-sizing:border-box; border-top:1px solid #dadee1;} .jkCoApply .addResFile .fileSelWrap .addFileTx{padding:28px 37px 0 0; font-size:14px; color:#999; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .jkCoApply .addResFile .fileSelWrap .addFileTx a{color:#333; font-size:14px;} .jkCoApply .addResFile .fileSelWrap .addFileInp{width:51px; height:23px; position:absolute; right:10px; top:50%; margin-top:-11px; color:#fff; font-size:0.786em; background-color:#b4bbc7; border-radius:2px; text-align:center; line-height:25px; letter-spacing:0; cursor:pointer; line-height:23px;} .jkCoApply .addResFile input[type="file"] {position:absolute; left:0; top:0; display:block; width:100%; height:100%; opacity:0; overflow:hidden; z-index:100;} .jkCoApply .addResFile .fileSelWrap .addFileDel{width:35px; height:23px; position:absolute; right:10px; top:50%; margin-top:-11px; color:#fff; font-size:0.786em; background-color:#b4bbc7; border-radius:2px; text-align:center; line-height:25px; letter-spacing:0; cursor:pointer; line-height:23px;} @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){@media{ .jkCoApply .addResFile .fileSelWrap .addFileInp{line-height:26px;} .jkCoApply .addResFile .fileSelWrap .addFileDel{line-height:26px;} }} /* 영문이력서 */ .jkCoApply .jkResEng .jkAppinner{border:1px solid #d8dbdd; border-radius:2px; background-color:#fff;} .jkCoApply .jkResEng .jkAppinner .appHd{padding:0 11px 0 0;} .jkCoApply .jkResEng .jkAppinner{position:relative; border-top:1px solid #d8dbdd;} .jkCoApply .jkResEng .fileSelWrap {position:relative; height:45px; padding:0 14px; box-sizing:border-box; border-top:1px solid #dadee1;} .jkCoApply .jkResEng .engResList {display:none;} .jkCoApply .jkResEng .engResOpenBtn {display:none;} .jkCoApply .jkResEng .fileSelWrap .selOkBx{display:none;} .jkCoApply .jkResEng .fileSelWrap .addFileTx{padding:14px 37px 0 0; font-size:14px; color:#999; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .jkCoApply .jkResEng .fileSelWrap .addFileTx a{color:#333; font-size:14px;} .jkCoApply .jkResEng .fileSelWrap .addFileInp{width:51px; height:23px; position:absolute; right:10px; top:50%; margin-top:-11px; color:#fff; font-size:0.786em; background-color:#b4bbc7; border-radius:2px; text-align:center; line-height:25px; letter-spacing:0; cursor:pointer;} .jkCoApply .jkResEng input[type="file"] {position:absolute; left:0; top:0; display:block; width:100%; height:100%; opacity:0; overflow:hidden; z-index:100;} .jkCoApply .jkResEng .addFileCancel, .jkCoApply .jkResEng .fileSelWrap .addFileDel{position:absolute; right:11px; top:11px; width:35px; height:23px; box-sizing:border-box; border:1px solid #3399ff; background-color:#3399ff; text-align:center; color:#fff; font-size:0.786em; padding-top:2px; border-radius:2px; display:block;} .jkCoApply .jkResEng .addFileCancel{right:55px; top:11px; margin-top:0; border:1px solid #b4bbc7; background-color:#b4bbc7;} @media screen and (-webkit-min-device-pixel-ratio:0){.jkCoApply .jkResEng .fileSelWrap .addFileInp{line-height:23px;}} @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){@media{.jkCoApply .jkResEng .fileSelWrap .addFileInp{line-height:25px;}}} .jkCoApply .jkResEng .cateTx strong{margin-right:8px; color:#3399ff; font-size:0.857em;} .jkCoApply .jkResEng .cateTx strong.null{margin-right:0;} .jkCoApply .jkResEng .cateTx span{color:#999; font-size:0.786em; letter-spacing:0;} .jkCoApply .jkResEng .jkSelTx{display:block; font-size:1em; color:#333; margin-top:1px;} .jkCoApply .jkResEng .jkSelView{width:35px; height:23px; position:absolute; right:10px; top:50%; margin-top:-11px; color:#fff; font-size:0.786em; background-color:#b4bbc7; border-radius:2px; text-align:center; line-height:25px; letter-spacing:0;} .jkCoApply .jkResEng .jkUiFormRadio{} .jkCoApply .jkResEng .jkUiFormRadio input[type="radio"]{position:absolute; left:-9999px;} .jkCoApply .jkResEng li{position:relative; border-top:1px solid #ebeded; background-color:#fff;} .jkCoApply .jkResEng li:first-child{border-top:1px solid #dadee1;} .jkCoApply .jkResEng .spJkForm{display:block; padding:17px 10px 16px 43px; box-sizing:border-box; position:relative;} .jkCoApply .jkResEng .nextEle .spJkForm{padding-right:10px;} .jkCoApply .jkResEng .formSpEl{display:block; width:21px; height:21px; position:absolute; left:15px; top:50%; margin-top:-10px; background-position:0 -120px;} .jkCoApply .jkResEng .chk .formSpEl{background-position:-25px -120px;} .jkCoApply .jkResEng .jkSelOk{display:block;} .jkCoApply .jkResEng .jkSelResume{display:none;} .jkCoApply .jkResEng.on .engResOpenBtn{display:block;} .jkCoApply .fileLoading{display:none; width:100%; height:100%; background-color:rgba(0,0,0,.8); position:fixed; left:0; top:0; z-index:10000;} .jkCoApply .fileLoading .bxWrap{width:100px; height:100px; position:fixed; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);} .jkCoApply .loading{width:100px; height:100px; position:relative;} .jkCoApply .loading.bar div{width: 4px; height: 10px; background:#fff; position: absolute; top: 35px; left: 45px; opacity:0.05; border-radius:5px; -webkit-animation: fadeit 1.1s linear infinite; animation: fadeit 1.1s linear infinite; } .jkCoApply .loading.bar div:nth-child(1){ -webkit-transform: rotate(0deg) translate(0, -15px); transform: rotate(0deg) translate(0, -15px); -webkit-animation-delay:0.39s; animation-delay:0.39s; } .jkCoApply .loading.bar div:nth-child(2){ -webkit-transform: rotate(45deg) translate(0, -15px); transform: rotate(45deg) translate(0, -15px); -webkit-animation-delay:0.52s; animation-delay:0.52s; } .jkCoApply .loading.bar div:nth-child(3){ -webkit-transform: rotate(90deg) translate(0, -15px); transform: rotate(90deg) translate(0, -15px); -webkit-animation-delay:0.65s; animation-delay:0.65s; } .jkCoApply .loading.bar div:nth-child(4){ -webkit-transform: rotate(135deg) translate(0, -15px); transform: rotate(135deg) translate(0, -15px); -webkit-animation-delay:0.78s; animation-delay:0.78s; } .jkCoApply .loading.bar div:nth-child(5){ -webkit-transform: rotate(180deg) translate(0, -15px); transform: rotate(180deg) translate(0, -15px); -webkit-animation-delay:0.91s; animation-delay:0.91s; } .jkCoApply .loading.bar div:nth-child(6){ -webkit-transform: rotate(225deg) translate(0, -15px); transform: rotate(225deg) translate(0, -15px); -webkit-animation-delay:1.04s; animation-delay:1.04s; } .jkCoApply .loading.bar div:nth-child(7){ -webkit-transform: rotate(270deg) translate(0, -15px); transform: rotate(270deg) translate(0, -15px); -webkit-animation-delay:1.17s; animation-delay:1.17s; } .jkCoApply .loading.bar div:nth-child(8){ -webkit-transform: rotate(315deg) translate(0, -15px); transform: rotate(315deg) translate(0, -15px); -webkit-animation-delay:1.3s; animation-delay:1.3s; } @-webkit-keyframes fadeit{ 0%{ opacity:1; } 100%{ opacity:0;} } @keyframes fadeit{ 0%{ opacity:1; } 100%{ opacity:0;} } /* 입사지원 > 연락처 */ .jkCoApply .jkAppContact .jkAppinner{border:1px solid #d8dbdd; border-radius:2px; background-color:#fff;} .jkCoApply .jkAppContact li{position:relative; border-top:1px solid #ebeded;} .jkCoApply .jkAppContact .jkSelResume{display:none;} .jkCoApply .jkAppContact li:first-child{border-top:1px solid #dadee1;} .jkCoApply .jkAppContact li .inpBx{padding:0; position:relative;} .jkCoApply .jkAppContact li .csteTit{position:absolute; left:15px; top:15px; font-size:0.929em; color:#999; font-weight:normal;} .jkCoApply .jkAppContact .on li .csteTit{position:absolute; left:15px; top:22px; font-size:0.929em; color:#999;} .jkCoApply .jkAppContact li .ctViewBx{padding:0 15px 0 102px; display:block; width:100%; box-sizing:border-box;} .jkCoApply .jkAppContact li .ctFormBx{padding:10px 11px 10px 102px; display:none; width:100%; box-sizing:border-box;} .jkCoApply .jkAppContact li .valTx{display:block; height:26px; line-height:26px; text-align:right; line-height:46px; height:44px; color:#333;} .jkCoApply .jkAppContact li .jkCtInp{border:none; border-bottom:1px solid #e4e4e6; border-radius:3px; background-color:#f0f2f4; box-sizing:border-box; width:100%; height:36px; min-height:36px; padding:2px 10px 0; font-size:13px; text-align:right; color:#333;} .jkCoApply .jkAppContact li .jkCtInp::-webkit-input-placeholder{color:#ccc;} .jkCoApply .jkAppContact li .jkCtInpinput:focus::-webkit-input-placeholder{color:transparent;} .jkCoApply .jkAppContact li .atTx{display:block; color:#ff2f2f; font-size:0.714em; margin-top:5px; text-align:right; display:none;} @media screen and (-webkit-min-device-pixel-ratio:0){.jkCoApply .jkAppContact li .csteTit{top:17px;}} @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){@media{.jkCoApply .jkAppContact li .csteTit{top:15px;}}} /* 입사지원 > 첨부파일 */ .jkCoApply .jkAppPf .jkAppinner{border:1px solid #d8dbdd; border-radius:2px; background-color:#fff;} .jkCoApply .jkAppPf .cateTx strong{margin-right:8px; color:#999; font-size:0.857em;} .jkCoApply .jkAppPf .cateTx span{color:#999; font-size:0.786em; letter-spacing:0;} .jkCoApply .jkAppPf .jkSelTx{display:block; font-size:1em; color:#333; margin-top:1px; word-wrap:break-word; word-break:keep-all; padding-right:10px;} .jkCoApply .jkAppPf .jkSelView{width:35px; height:23px; position:absolute; right:10px; top:50%; margin-top:-11px; color:#fff; font-size:0.714em; background-color:#b4bbc7; border-radius:2px; text-align:center; line-height:25px; letter-spacing:0;} .jkCoApply .jkAppPf .jkUiFormChk{} .jkCoApply .jkAppPf .jkUiFormChk input[type="checkbox"]{position:absolute; left:-9999px;} .jkCoApply .jkAppPf li{position:relative; border-top:1px solid #ebeded;} .jkCoApply .jkAppPf li:first-child{border-top:1px solid #dadee1;} .jkCoApply .jkViewPf .spJkForm{display:block; padding:18px 0 15px 15px; box-sizing:border-box; position:relative; margin-right:50px;} .jkCoApply .jkSelPf .spJkForm{display:block; padding:14px 0 12px 43px; box-sizing:border-box; position:relative;} .jkCoApply .jkAppPf .formSpEl{display:block; width:21px; height:21px; position:absolute; left:15px; top:50%; margin-top:-10px; background-position:0 -120px;} .jkCoApply .jkAppPf .chk .formSpEl{background-position:-25px -120px;} .jkCoApply .jkViewPf .jkPfTit, .jkCoApply .jkAppPf .jkPfTit{color:#3399ff; font-size:0.857em; padding:12px 14px 8px; border-top:1px solid #dadee1; border-left:none; border-right:none; background-color:#f8f9fa; font-weight:normal;} .jkCoApply .jkViewPf .jkPfTit strong, .jkCoApply .jkAppPf .jkPfTit strong{font-weight:normal;} .jkCoApply .jkViewPf .jkPfTit, .jkCoApply .jkAppPf .jkPfTit:after{content:""; display:block; clear:both;} .jkCoApply .jkViewPf .jkPfTit, .jkCoApply .jkAppPf .jkPfTit span{float:right; color:#999;} .jkCoApply .jkViewPf{display:block;} .jkCoApply .jkSelPf{display:none;} .jkCoApply .on .jkViewPf{display:none;} .jkCoApply .on .jkSelPf{display:block;} /* 입사지원 > 인성역량검사 */ .jkCoApply .jkAppJat .jkAppinner{border:1px solid #d8dbdd; border-radius:2px; background-color:#fff;} .jkCoApply .jkAppJat .jkAppinner .appHd{padding:0 11px 0 0;} .jkCoApply .jkAppJat .jkAppinner{position:relative; border-top:1px solid #d8dbdd;} .jkCoApply .jkAppJat .jkSelJat{position:absolute; right:14px; top:0;} .jkCoApply .jkAppJat .jkSelJat:after{content:""; display:block; clear:both;} .jkCoApply .jkAppJat .jkSelJat li{float:left; position:relative;} .jkCoApply .jkAppJat .jkSelJat .jkUiFormRadio{} .jkCoApply .jkAppJat .jkSelJat .jkUiFormRadio input[type="radio"]{position:absolute; left:-9999px;} .jkCoApply .jkAppJat .jkSelJat .spJkForm{display:block; padding:14px 0 12px 29px; margin-left:20px; box-sizing:border-box; position:relative;} .jkCoApply .jkAppJat .jkSelJat .spJkForm .cateTx{font-size:0.929em; color:#666;} .jkCoApply .jkAppJat .jkSelJat .formSpEl{display:block; width:21px; height:21px; position:absolute; left:0; top:50%; margin-top:-10px; background-position:0 -120px;} .jkCoApply .jkAppJat .jkSelJat .chk .formSpEl{background-position:-25px -120px;} .jkCoApply .jkAppJat .noJat{font-size:12px; color:#333; padding:20px 14px 16px 14px; border-top:1px solid #dadee1;} .jkCoApply .jkAppJat .noJat span{font-size:13px; color:#666; display:block; margin-top:2px;} .jkCoApply .jkAppJat .noJat span strong{color:#3399ff; font-weight:normal;} .jkCoApply .jkAppJat .noJat.type02 span{font-size:13px;} .jkCoApply .jkAppJat .noJat.type02 strong{color:#3399ff; font-size:12px; font-weight:normal;} .jkCoApply .jkAppBtn{margin-top:25px; padding:0 8px 30px 8px;} /* 입사지원 > 입사지원 완료 */ .jkCoApply .jkAppCompInfo{padding:5px;} .jkCoApply .jkAppCompInfo .infoInner{background-color:#fff; border:1px solid #d9dcde; border-bottom:none; padding-top:25px;} .jkCoApply .jkAppCompInfo .compTit{font-size:1.714em; color:#363636; font-weight:normal; text-align:center;} .jkCoApply .jkAppCompInfo .compTit strong{color:#3399ff; font-weight:normal;} .jkCoApply .jkAppCompInfo .compTx{font-size:1.071em; color:#3399ff; text-align:center; margin-top:4px;} .jkCoApply .jkAppCompInfo .compTx strong{font-weight:normal; text-decoration:underline;} .jkCoApply .jkAppCompInfo .appListTit{background-color:#f7f8fa; border-bottom:1px solid #d8dde0; font-size:0.857em; color:#666; margin:22px 15px 0; padding:5px 0 2px 6px;} .jkCoApply .jkAppCompInfo .appTx{color:#333; padding:14px 20px 3px; font-size:1em;} .jkCoApply .jkAppCompInfo .appTx02{color:#333; padding:1px 21px 0; padding-bottom:0 !important; font-size:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; max-height:38px; padding-bottom:1px; margin-bottom:14px;} .jkCoApply .jkAppCompInfo .txBx{} .jkCoApply .appCompTab{border-top:2px solid #dbdce0;} .jkCoApply .appCompTab:after{content:""; display:block; clear:both;} .jkCoApply .appCompTab li{float:left; width:50%;} .jkCoApply .appCompTab li a{display:block; box-sizing:border-box; border-left:1px solid #dbdce0; background-color:#f7f8fa; padding:12px 0 8px; text-align:center; border-bottom:1px solid #dbdce0;} .jkCoApply .appCompTab li:first-child a{border-left:none;} .jkCoApply .appCompTab li a.foldBtn:after{content:""; display:inline-block; width:15px; height:8px; background:url(/content/images/m/ver_1/sp_common.png?v=201607281500) no-repeat 0 0; background-size:250px 400px; background-position:-190px 0; margin:0px 0 0 4px; position:relative; top:-1px;} .jkCoApply .appCompTab li a.foldBtn.on{color:#3399ff; border-bottom:1px solid #fff; background-color:#fff;} .jkCoApply .appCompTab li a.foldBtn.on:after{background-position:-210px 0;} .jkCoApply .jkCompInfoBx{padding:24px 21px 21px; border-bottom:1px solid #d9dcde;} .jkCoApply .jkCompInfoBx dl{position:relative; margin-top:23px;} .jkCoApply .jkCompInfoBx dl:first-child{margin-top:0;} .jkCoApply .jkCompInfoBx dt{color:#666; font-size:0.857em; position:absolute; left:0; top:0;} .jkCoApply .jkCompInfoBx dd{color:#666; padding-left:85px;} .jkCoApply .jkCompInfoBx dd.descAppRes p:first-child{font-size:0.786em; color:#999;} .jkCoApply .jkCompInfoBx dd.descAppRes p:first-child strong{color:#3399ff; margin-right:4px;} .jkCoApply .jkCompInfoBx dd.descAppRes p.tx{font-size:13px; color:#333; margin-top:6px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; max-height:32px; padding-bottom:1px;} .jkCoApply .jkCompInfoBx dd.descAppCont div, .jkCoApply .jkCompInfoBx dd.descAppFile div{margin-top:7px; position:relative;} .jkCoApply .jkCompInfoBx dd.descAppCont div:first-child, .jkCoApply .jkCompInfoBx dd.descAppFile div:first-child{margin-top:-1px;} .jkCoApply .jkCompInfoBx dd.descAppCont strong, .jkCoApply .jkCompInfoBx dd.descAppFile strong{font-size:0.786em; color:#999; width:61px; padding-top:1px; position:absolute; left:0; top:0;} .jkCoApply .jkCompInfoBx dd.descAppCont span, .jkCoApply .jkCompInfoBx dd.descAppFile span{font-size:0.929em; color:#333; box-sizing:border-box; word-wrap:break-word; display:block; padding-left:60px;} .jkCoApply .jkCompInfoBx dd.descAppJat .jkCompJat{display:block; font-size:0.929em; color:#333; color:#333; font-size:0.929em; margin-top:-1px;} .jkCoApply .jkCompInfoBx dd.descAppJat .jkCompJat:before{content:""; display:inline-block; width:12px; height:12px; background-position:-230px 0; position:static; vertical-align:-1px; margin-right:4px;} .jkCoApply .jkAppCompList{padding:5px;} .jkCoApply .jkAppCompList .jkCompTit{padding:9px 0 2px 4px; font-size:0.929em; color:#333;} /* 입사지원 > 사전인터뷰 */ .jkCoApply .jkAppInterView .jkAppinner{border:1px solid #d8dbdd; border-radius:2px; background-color:#fff;} .jkCoApply .jkAppInterView .opTitBx .spCommon{width:31px; height:31px; text-indent:-9999px; position:absolute; right:6px; top:9px;} .jkCoApply .jkAppInterView .opTitBx .spCommon:after{width:21px; height:21px; left:5px; top:5px; background-position:0 -160px;} .jkCoApply .jkAppInterView .interViewCont{padding:15px 11px 13px; border-top:1px solid #dadee1;} .jkCoApply .jkAppInterView .interViewCont dt{font-size:14px; color:#333; padding-left:32px; position:relative;} .jkCoApply .jkAppInterView .interViewCont dt:after{content:"Q"; display:block; width:20px; height:20px; position:absolute; left:4px; top:-2px; background-color:#40a1ff;border-radius:50px; text-indent:-1px; text-align:center; line-height:20px; font-size:14px; color:#fff; font-weight:bold; box-sizing:border-box; padding-top:1px;} .jkCoApply .jkAppInterView .interViewCont .interViewArea{margin-top:12px;} .jkCoApply .jkAppInterView .interViewCont .interViewArea textarea{box-sizing:border-box; padding:10px; background-color:#f0f2f4; width:100%; height:140px; border:none; border-bottom:1px solid #e4e4e6; border-radius:3px;} .jkCoApply .jkAppInterView .ssHelpWrap{position:relative; line-height:18px;} @media screen and (-webkit-min-device-pixel-ratio:0){.jkCoApply .jkAppInterView .ssHelpWrap{margin-top:-2px;}} @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){@media{.jkCoApply .jkAppInterView .ssHelpWrap{margin-top:-1px;}}} .jkCoApply .jkAppInterView .ssHelpWrap .btnHelp{width:16px; height:16px; background-position:-50px 0; vertical-align:top} .jkCoApply .jkAppInterView .ssHelpWrap .helpLayer{position:absolute; top:-3px; right:3px; background:#ffea63; border-radius:2px; box-sizing:border-box; padding:8px 10px 7px 10px; z-index:10; display:none;} .jkCoApply .jkAppInterView .ssHelpWrap .helpLayer .layCt{letter-spacing:-1px;} .jkCoApply .jkAppInterView .ssHelpWrap .helpLayer .layCt dt{font-weight:bold; color:#000; font-size:12px; margin-bottom:0;} .jkCoApply .jkAppInterView .ssHelpWrap .helpLayer .layCt dd{color:#333; font-size:12px;} .jkCoApply .jkAppInterView .ssHelpWrap .helpLayer .btnHelpClose{position:absolute; right:3px; top:2px; overflow:hidden; width:22px; height:22px;} .jkCoApply .jkAppInterView .ssHelpWrap .helpLayer .btnHelpClose:before, .jkCoApply .jkAppInterView .ssHelpWrap .helpLayer .btnHelpClose:after{content:''; position:absolute; height:2px; width:12px; top:50%; left:5px; margin-top:-1px; background:#e2a02c;} .jkCoApply .jkAppInterView .ssHelpWrap .helpLayer .btnHelpClose:before{-webkit-transform:rotate(45deg); transform:rotate(45deg); -ms-transform:rotate(45deg);} .jkCoApply .jkAppInterView .ssHelpWrap .helpLayer .btnHelpClose:after{-webkit-transform:rotate(-45deg); transform:rotate(-45deg); -ms-transform:rotate(-45deg);} .jkCoApply .jkAppInterView .ssHelpWrap .helpLayer .arrow{width:10px; height:10px; position:absolute; top:-10px; right:10px;} .jkCoApply .jkAppInterView .ssHelpWrap .helpLayer .arrow:after{content:""; position:absolute; width:0px;height:0px; left:0; top:1px; border-right:10px solid transparent; border-bottom:10px solid #ffea63; transform:rotate(265deg); -ms-transform:rotate(265deg); -webkit-transform:rotate(265deg);} /* 신규 리스트 형식 */ .jkBoothBx .listItem{border-bottom:none; padding:0 5px; letter-spacing:-0.5px;} .jkBoothBx .listItem.hList{background-color:#f5faff;} .jkBoothBx .listItem > li{margin-top:5px; border:1px solid #e1e4e7; border-bottom:none; background-color:#fff;} .jkBoothBx .listItem > li > a{display:block; position:relative; padding:14px 10px 13px;} .jkBoothBx .listItem > li > a > span{display:block;} .jkBoothBx .listItem > li > a .comp{font-size:14px; color:#3399ff;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;} .jkBoothBx .listItem > li > a .tit{font-size:15px; color:#333; overflow:hidden; padding-top:4px; white-space:nowrap; text-overflow:ellipsis;} .jkBoothBx .listItem > li > a .desc{font-size:12px; color:#999; margin-top:4px;} .jkBoothBx .listItem > li > a .desc span{position:relative; display:inline-block; padding-left:8px; margin-left:4px; color:#666; vertical-align:middle;} .jkBoothBx .listItem > li > a .desc span.blue{color:#3399ff;} .jkBoothBx .listItem > li > a .desc + .tit{margin-top:6px;} .jkBoothBx .listItem > li > a .desc span.tEnd{color:#ed1d26;} .jkBoothBx .listItem > li > a .desc span:after{content:""; display:block; width:1px; height:10px; position:absolute; left:0; top:6px; background-color:#d7d7d7;} .jkBoothBx .listItem > li > a .desc span:first-child{padding-left:0; margin-left:0;} .jkBoothBx .listItem > li > a .desc span:first-child:after{display:none;} .jkBoothBx .listItem > li > a .desc span.pay{color:#39f !important;} .jkBoothBx .listItem > li > .item{display:block; position:relative; padding:14px 10px 13px;} .jkBoothBx .listItem > li > .item > span{display:block;} .jkBoothBx .listItem > li > .item .comp{font-size:14px; color:#3399ff;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;} .jkBoothBx .listItem > li > .item .tit{font-size:15px; color:#333; overflow:hidden; padding-top:4px; white-space:nowrap; text-overflow:ellipsis;} .jkBoothBx .listItem > li > .item .desc{font-size:12px; color:#999; margin-top:4px;} .jkBoothBx .listItem > li > .item .desc span{position:relative; display:inline-block; padding-left:8px; margin-left:4px; color:#666; vertical-align:middle;} .jkBoothBx .listItem > li > .item .desc span.blue{color:#3399ff;} .jkBoothBx .listItem > li > .item .desc + .tit{margin-top:6px;} .jkBoothBx .listItem > li > .item .desc span.tEnd{color:#ed1d26;} .jkBoothBx .listItem > li > .item .desc span:after{content:""; display:block; width:1px; height:10px; position:absolute; left:0; top:6px; background-color:#d7d7d7;} .jkBoothBx .listItem > li > .item .desc span:first-child{padding-left:0; margin-left:0;} .jkBoothBx .listItem > li > .item .desc span:first-child:after{display:none;} .jkBoothBx .listItem > li > .item .desc span.pay{color:#39f !important;} .jkBoothBx .listItem .jkListBtns{border-bottom:1px solid #e1e4e7; display:-webkit-box; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; justify-content:space-between;display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative;} .jkBoothBx .listItem .jkListBtns:after{content:""; display:block; clear:both;} .jkBoothBx .listItem .jkListBtns button, .jkBoothBx .listItem .jkListBtns a{height:40px; padding-top:2px; box-sizing:border-box; border-top:1px solid #e1e4e7; border-left:1px solid #e1e4e7; font-size:0.929em; color:#999; background-color:#fff; -webkit-flex:1;-ms-flex:1; flex:1;} .jkBoothBx .listItem .jkListBtns button:first-child{border-left:none;} .jkBoothBx .listItem .jkListBtns button.btnFavorite:before, .jkBoothBx .listItem .jkListBtns button.btnScrap:before{content:""; display:inline-block; vertical-align:middle; margin-top:-3px; margin-right:6px;} .jkBoothBx .listItem .jkListBtns button.btnFavorite:before{width:19px; height:18px; background-position:0 0;} .jkBoothBx .listItem .jkListBtns button.btnScrap:before{width:20px; height:20px; background-position:-25px 0; margin-top:-4px;} .jkBoothBx .listItem .jkListBtns button.btnFavorite.on:before{background-position:0 -25px;} .jkBoothBx .listItem .jkListBtns button.btnScrap.on:before{background-position:-25px -25px;} .jkBoothBx .listItem .jkListBtns button.btncoun{color:#666;} .jkBoothBx .listItem .jkListBtns button.btnApply{color:#f68b34; font-weight:bold;} /* 개발용 프레임 */ #toappframe{position:absolute; left:-9999px;} /* 우량기업 3차메뉴 탭스타일 */ .jkTab_1{clear:both;padding:6px 5px 5px 6px;background:#e9ecef;} .jkTab_1 ul{background:#fff;} .jkTab_1 ul:after{content:""; display:block; height:0; clear:both;} .jkTab_1 ul li{float:left; width:50%; box-sizing:border-box; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:center; -webkit-box-align:center; -webkit-align-items:center; align-items:center; -webkit-justify-content:flex-start; justify-content:flex-start; flex-wrap:nowrap;} .jkTab_1 ul li > a{display:block;width:100%;height:37px;line-height:37px;text-align:center;color:#333;font-size:0.929em;letter-spacing:-1px;border:1px solid #e8e8e8;margin-top:-1px;margin-left:-1px;} .jkTab_1 ul li a.on{color:#39f;} .jkTab_1 ul li a.on:before{content:"";display:inline-block;top:2px;width:15px;height:12px;background:url(/content/images/m/ver_1/list/sp_list.png?v=201606231300) -100px 4px no-repeat; background-size:150px 300px;} /* short footer */ .shortFoot{padding:0 !important;} .shortFoot .copyright{padding:0 !important; text-align:center; margin-bottom:25px; margin-top:10px;} .shortFoot .btn_ctrler{position:fixed;width:100%;left:0;bottom:-2px;z-index:100;padding:5px;box-sizing:border-box;} .shortFoot .btn_ctrler span{display:block;vertical-align:middle;cursor:pointer} .shortFoot .btn_ctrler span.permal_link a{display:inline-block;width:100%;height:38px} .shortFoot .btn_ctrler span.permal_link{width:38px;height:36px;background:url(/content/images/m/gib/sp_recruit.png?v=201606231300) no-repeat -43px -200px; background-size:158px 249px;border:1px solid #ccc} .shortFoot .btn_ctrler .footer_btns{display:-webkit-box;display:box;display:flex;display:-webkit-flex;width:100%;box-sizing:border-box;border:0;} .shortFoot .btn_ctrler.ios .footer_btns{padding:0 48px;} /* 스마트 매치 스크랩 공통 .lySmartMatch :입사지원 완료 레이어 스와이프영역 .smartMatchArea :마이페이지 홈 상단 스와이프 영역 .smListArea :마이페이지 > 스마트매치 .giSmWrap:공고뷰 */ .lySmartMatch .btns a.btnScrap, .smartMatchArea .btns a.btnScrap, .info_cont .giSmWrap .btns a.btnScrap, .smListArea .btns a.btnScrap{position:absolute; width:40px; height:40px; border:0; padding:0;} .lySmartMatch .btns a.btnScrap:before, .smartMatchArea .btns a.btnScrap:before, .info_cont .giSmWrap .btns a.btnScrap:before, .smListArea .btns a.btnScrap:before{content:""; display:inline-block; vertical-align:middle; margin-top:-3px; margin-right:6px; background:url('/content/images/m/text_user/sp_my.png') 0 0 no-repeat; background-size:100px 100px;} .lySmartMatch .btns a.btnScrap:before, .smartMatchArea .btns a.btnScrap:before, .info_cont .giSmWrap .btns a.btnScrap:before, .smListArea .btns a.btnScrap:before{width:20px; height:20px; background-position:-59px 0; margin-top:-4px; position:absolute; top:10px; right:9px; margin:0;} .lySmartMatch .btns a.btnScrap.on:before, .smartMatchArea .btns a.btnScrap.on:before, .info_cont .giSmWrap .btns a.btnScrap.on:before, .smListArea .btns a.btnScrap.on:before{background-position:-59px -20px;} .lySmartMatch .btns .msgScrap, .smartMatchArea .btns .msgScrap, .info_cont .giSmWrap .btns .msgScrap, .smListArea .btns .msgScrap{position:absolute; right:37px; top:8px; padding:4px 9px 2px 9px; background-color:#ff6600; color:#fff; white-space:nowrap; font-size:13px; box-shadow:0 1px 0 rgba(0,0,0,0.08);} .lySmartMatch .btns .msgScrap:after, .smartMatchArea .btns .msgScrap:after, .info_cont .giSmWrap .btns .msgScrap:after, .smListArea .btns .msgScrap:after{position:absolute; top:7px; bottom:9px; right:-14px; content:""; border:6px solid transparent; border-width:4px 7px; border-top-color:transparent; border-left-color:#ff6600;} /* 스마트 매치 입사지원 버튼 .lySmartMatch :입사지원 완료 레이어 스와이프영역 .smartMatchArea :마이페이지 홈 상단 스와이프 영역 .smListArea :마이페이지 > 스마트매치 */ .lySmartMatch .smSwipeArea .btnLink a, .smartMatchArea .smSwipeArea .btnLink a, .smListArea .btnLink a{color:#fff; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; align-items:center; box-sizing:border-box; padding-top:2px; height:40px; background-color:#ff6600; font-size:14px; color:#fff; font-weight:bold;} .lySmartMatch .smSwipeArea .btnLink.viewBtn a, .smartMatchArea .smSwipeArea .btnLink.viewBtn a, .smListArea .btnLink.viewBtn a{border:1px solid #d1d5db; background-color:#fff; color:#333; font-weight:normal;} /* 스마트매치 입사지원완료 레이어 스와이프 */ .lySmartMatch{position:fixed; top:0; left:0; right:0; bottom:0; z-index:5001; line-height:1.3;} .lySmartMatch .lySmBg{display:block; position:absolute; left:0; top:0; width:100%; height:100%; width:100%; height:100%; background-color:rgba(0,0,0,.8); z-index:2} .lySmartMatch.jkLyAb{position:absolute;} .lySmartMatch .lySmWrap{width:100%; height:100%; display:table; position:relative; z-index:3} .lySmartMatch .lySmWrap .lySmInner{display:table-cell; vertical-align:middle; text-align:center;} .lySmartMatch .lySmWrap .lySmCont{height:auto; width:100%; display:inline-block; letter-spacing:-0.5px; position:relative; z-index:3;} .lySmartMatch .lySmClose{position:fixed; right:21px; top:19px; width:23px; height:23px; overflow:hidden;} .lySmartMatch .lySmClose:before{width:23px; height:23px; background-position:0 0; left:0; top:0;} .lySmartMatch .txTotalApp{font-size:15px; color:#3399ff;} .lySmartMatch .txTotalApp em{text-decoration:underline;} .lySmartMatch .txAppOk{font-size:24px; color:#fff; margin-top:5px;} .lySmartMatch .txAppOk em{font-weight:bold;} .lySmartMatch .txMore{font-size:13px; color:#b7b7b7; margin-top:20px;} .lySmartMatch .smSwipeWrap{position:relative; height:255px; margin-top:14px;} .lySmartMatch .smSwipeArea{position:absolute; left:0; top:0; width:100%; overflow:visible;} .lySmartMatch .countNum{font-size:12px; color:#999; position:absolute; right:40px; top:-23px; z-index:10;} .lySmartMatch .countNum .swiper-pagination-current{color:#fff;} .lySmartMatch .smSwipeArea .swiper-slide{background-color:#fff; color:#999; height:255px; margin:0 5px; box-sizing:border-box; border:1px solid #dedddd; padding-top:40px;} .lySmartMatch .smSwipeArea.ready:before, .lySmartMatch .smSwipeArea.ready:after{content:""; display:block; box-sizing:border-box; width:18px; height:255px; position:absolute; border:1px solid #dedcdd; background-color:#fff;} .lySmartMatch .smSwipeArea.ready:before{left:0; top:0;} .lySmartMatch .smSwipeArea.ready:after{right:0; top:0;} .lySmartMatch .smSwipeArea.ready .swiper-slide{width:-webkit-calc(100% - 56px); width:calc(100% - 56px); margin-left:28px;} .lySmartMatch .smSwipeArea.ready .swiper-slide:first-child{border:1px solid #fff;} .lySmartMatch .smSwipeArea .swiper-slide.swiper-slide-active{border:1px solid #fff;} .lySmartMatch .smSwipeArea .swiper-slide:before{content:"Smart Match"; overflow:hidden; text-indent:-9999px; width:116px; height:35px; background-position:-30px 0; left:50%; top:-6px; margin-left:-58px;} .lySmartMatch .smSwipeArea .txLink{display:block; padding:0 10px 0 10px; box-sizing:border-box; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;} .lySmartMatch .smSwipeArea .cName{font-size:18px; color:#000; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .lySmartMatch .smSwipeArea .cDesc{font-size:15px; color:#333; margin-top:7px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .lySmartMatch .smSwipeArea .cDesc .hrpTx{color:#3399ff;} .lySmartMatch .smSwipeArea .smDescList{text-align:left; margin-top:11px; padding-top:6px; border-top:1px solid #dedddd; width:100%;} .lySmartMatch .smSwipeArea .smDescList:after{content:""; display:block; clear:both;} .lySmartMatch .smSwipeArea .smDescList dt{clear:left; float:left; font-size:12px; color:#999; width:62px; padding-top:7px; padding-left:1px;} .lySmartMatch .smSwipeArea .smDescList dd{font-size:12px; color:#333; padding-top:7px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .lySmartMatch .smSwipeArea .smDescList dd.descItems span{margin-left:4px; padding-left:5px; position:relative; font-size:12px;} .lySmartMatch .smSwipeArea .smDescList dd.descItems .itemsBx{width:200px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .lySmartMatch .smSwipeArea .smDescList dd.descItems span:after{content:""; display:block; width:1px; height:10px; background-color:#c0c0c0; position:absolute; left:0; top:2px;} .lySmartMatch .smSwipeArea .smDescList dd.descItems span:first-child{margin-left:0; padding-left:0;} .lySmartMatch .smSwipeArea .smDescList dd.descItems span:first-child:after{display:none;} .lySmartMatch .smSwipeArea .smDescList dd em{color:#ff6600;} .lySmartMatch .smSwipeArea .btnLink{padding:0 50px; margin-top:19px;} .lySmartMatch .etcLink{margin-top:8px;} .lySmartMatch .etcLink:after{content:""; display:block; clear:both;} .lySmartMatch .etcLink .links{float:left; padding-left:18px;} .lySmartMatch .etcLink .links a{font-size:13px; color:#989898; float:left; padding:8px;} .lySmartMatch .etcLink .links a:first-child{position:relative;} .lySmartMatch .etcLink .links a:first-child:after{content:""; display:block; width:1px; height:10px; background-color:#989898; position:absolute; right:0; top:50%; margin-top:-6px;} .lySmartMatch .etcLink .smartMatchLink{float:right; margin-right:27px; padding:8px; font-size:13px; color:#fff; position:relative;} .lySmartMatch .etcLink .smartMatchLink:before{width:5px; height:8px; right:0; top:50%; margin-top:-5px; background-position:-175px -20px;} .lySmartMatch .btns{} /*.lySmartMatch .btns a{padding:11px 0; box-sizing:border-box; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; font-size:0.929em; float:left; text-align:center; box-sizing:border-box;} */.lySmartMatch .btns a.btnScrap{top:0; left:0;} .lySmartMatch .btns .msgScrap:after{left:-14px; right:auto; border-right-color:#ff6600; border-left-color:transparent;} .lySmartMatch .btns .msgScrap{right:-78px;} .lySmartMatch .btns:after{content:""; display:block; clear:both;} /* 스마트매치 마이홈 상단 스와이프*/ .smartMatchArea{line-height:1.3; margin-top:18px;overflow:hidden; padding-top:3px;} .smartMatchArea .smTitBx{position:relative;} .smartMatchArea .smTitBx:after{content:""; display:block; clear:both;} .smartMatchArea .smToolTip{float:left; position:relative; width:20px; height:20px;} .smartMatchArea .smToolTip .jkBgSpSm{width:95px; height:20px; position:absolute; right:-1px; top:-2px;} .smartMatchArea .smToolTip .jkBgSpSm:focus{outline:none !important;} .smartMatchArea .smToolTip .jkBgSpSm:before{width:18px; height:18px; right:1px; top:1px; background-position:-150px 0;} .smartMatchArea .tooltipCont{display:none; position:absolute; left:18px; top:27px; background-color:#fff; z-index:3; font-size:12px; color:#666; padding:14px 30px 13px 15px; background-color:#fff; border:1px solid #78838e; border-radius:5px; margin-right:10px;} .smartMatchArea .tooltipCont:before{width:16px; height:9px; background-position:-150px -23px; left:62px; top:-9px; background-clip:padding-box;} .smartMatchArea .txSmApp{float:left; margin-left:5px;} .smartMatchArea .tooltipCont .smHelpClose{position:absolute; right:8px; top:9px; overflow:hidden; width:14px; height:14px;} .smartMatchArea .tooltipCont .smHelpClose:before, .smartMatchArea .tooltipCont .smHelpClose:after{content:''; position:absolute; height:1px; width:100%; top:50%; left:0; margin-top:-1px; background:#a1a2a6;} .smartMatchArea .tooltipCont .smHelpClose:before{-webkit-transform:rotate(45deg); transform:rotate(45deg);} .smartMatchArea .tooltipCont .smHelpClose:after{-webkit-transform:rotate(-45deg); transform:rotate(-45deg);} .smartMatchArea .h{padding-left:10px; font-size:10px; width:69px; position:relative; color:transparent; float:left;} .smartMatchArea .h:before{width:69px; height:10px; background-position:0 -40px; left:10px; top:3px;} .smartMatchArea .smSwipeWrap{position:relative; box-sizing:border-box; padding:10px 0 0; height:265px; margin-top:4px; border-bottom:1px solid #e5e5e5; border-top:1px solid #dfe0e2; background-color:#fff;} .smartMatchArea .smSwipeArea{width:100%;} .smartMatchArea .countNum{font-size:11px; color:#666; position:absolute; right:10px; top:-19px;} .smartMatchArea .countNum .swiper-pagination-current{color:#000;} .smartMatchArea .smSwipeArea{} .smartMatchArea .smSwipeArea .swiper-slide{background-color:#fff; height:244px; margin:0 5px; box-sizing:border-box; border:1px solid #dedddd; padding-top:20px;} .smartMatchArea .smSwipeArea .swiper-slide.swiper-slide-active{border:1px solid #4c4f60;} .smartMatchArea .smSwipeArea .swiper-slide:before{display:none;} .smartMatchArea .smSwipeArea .txLink{display:block; padding:0 18px; box-sizing:border-box; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;} .smartMatchArea .smSwipeArea .cName{font-size:17px; color:#000; font-weight:bold; padding:0 22px; text-align:center;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .smartMatchArea .smSwipeArea .cDesc{font-size:15px; color:#333; margin-top:9px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center;} .smartMatchArea .smSwipeArea .cDesc .hrpTx{color:#3399ff;} .smartMatchArea .smSwipeArea .smDescList{text-align:left; margin-top:14px; padding-top:9px; border-top:1px solid #dedddd;} .smartMatchArea .smSwipeArea .smDescList:after{content:""; display:block; clear:both;} .smartMatchArea .smSwipeArea .smDescList dt{clear:left; float:left; font-size:12px; color:#999; width:62px; padding-top:7px; padding-left:1px;} .smartMatchArea .smSwipeArea .smDescList dd{font-size:12px; color:#333; padding-top:7px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .smartMatchArea .smSwipeArea .smDescList dd.descItems span{margin-left:4px; padding-left:5px; position:relative; font-size:12px;} .smartMatchArea .smSwipeArea .smDescList dd.descItems span:after{content:""; display:block; width:1px; height:10px; background-color:#c0c0c0; position:absolute; left:0; top:2px;} .smartMatchArea .smSwipeArea .smDescList dd.descItems span:first-child{margin-left:0; padding-left:0;} .smartMatchArea .smSwipeArea .smDescList dd.descItems span:first-child:after{display:none;} .smartMatchArea .smSwipeArea .smDescList dd em{color:#ff6600;} .smartMatchArea .smSwipeArea .btnLink{padding:0 50px; margin-top:19px;} .smartMatchArea .btns a.btnScrap{top:-3px; right:0;} .smartMatchArea .btns:after{content:""; display:block; clear:both;} /* 마이페이지 로딩 영역 */ #swipeDataWrap{position:absolute; left:0; top:10px; width:100%;} .smartMatchArea .dataLoadingBx{position:relative;} .smartMatchArea .dataLoadingBx .bx-l, .smartMatchArea .dataLoadingBx .bx-r{display:block; width:18px; height:244px; box-sizing:border-box; border:1px solid #dedddd; position:absolute; top:0;} .smartMatchArea .dataLoadingBx .bx-l{left:0; border-left:none;} .smartMatchArea .dataLoadingBx .bx-r{right:0; border-right:none;} .smartMatchArea .dataLoadingBx .ldWrap{background-color:#fff; height:244px; box-sizing:border-box; border:1px solid #a5a7af; margin:0 27px; overflow:hidden;} .smartMatchArea .dataLoadingBx .ldTx{font-size:15px; padding-bottom:15px; line-height:22px;} .smartMatchArea .dataLoadingBx .ldDotBx{width:100%; text-align:center; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);} .smartMatchArea .dataLoadingBx .ldTx02{font-size:15px; color:#999; line-height:22px; letter-spacing:-0.5px;} .smartMatchArea .dataLoadingBx .ldTx02 .subTx{display:block; font-size:12px; color:#333; padding-top:1px;} .smartMatchArea .dataLoadingBx .ldTx02:before{content:""; position:static; width:129px; height:81px; background-position:0 -85px; margin:0 auto 28px;} .smartMatchArea .dataLoadingBx .ldDotBx span[class*="l-"]{ display:block; height:4px; width:4px; background:#000; display:inline-block; margin:12px 2px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -webkit-animation:loader 3s infinite; -webkit-animation-timing-function:cubic-bezier(0.030, 0.615, 0.995, 0.415); -webkit-animation-fill-mode:both; -moz-animation:loader 3s infinite; -moz-animation-timing-function:cubic-bezier(0.030, 0.615, 0.995, 0.415); -moz-animation-fill-mode:both; -ms-animation:loader 3s infinite; -ms-animation-timing-function:cubic-bezier(0.030, 0.615, 0.995, 0.415); -ms-animation-fill-mode:both; animation:loader 3s infinite; animation-timing-function:cubic-bezier(0.030, 0.615, 0.995, 0.415); animation-fill-mode:both; } .smartMatchArea .dataLoadingBx .ldDotBx span.l-1{-webkit-animation-delay:1s;animation-delay:1s;-ms-animation-delay:1s;-moz-animation-delay:1s;} .smartMatchArea .dataLoadingBx .ldDotBx span.l-2{-webkit-animation-delay:0.8s;animation-delay:0.8s;-ms-animation-delay:0.8s;-moz-animation-delay:0.8s;} .smartMatchArea .dataLoadingBx .ldDotBx span.l-3{-webkit-animation-delay:0.6s;animation-delay:0.6s;-ms-animation-delay:0.6s;-moz-animation-delay:0.6s;} .smartMatchArea .dataLoadingBx .ldDotBx span.l-4{-webkit-animation-delay:0.4s;animation-delay:0.4s;-ms-animation-delay:0.4s;-moz-animation-delay:0.4s;} .smartMatchArea .dataLoadingBx .ldDotBx span.l-5{-webkit-animation-delay:0.2s;animation-delay:0.2s;-ms-animation-delay:0.2s;-moz-animation-delay:0.2s;} .smartMatchArea .dataLoadingBx .ldDotBx span.l-6{-webkit-animation-delay:0;animation-delay:0;-ms-animation-delay:0;-moz-animation-delay:0;} @-webkit-keyframes loader{ 0%{-webkit-transform:translateX(-30px); opacity:0;} 25%{opacity:1;} 50%{-webkit-transform:translateX(30px); opacity:0;} 100%{opacity:0;} } @-moz-keyframes loader{ 0%{-moz-transform:translateX(-30px); opacity:0;} 25%{opacity:1;} 50%{-moz-transform:translateX(30px); opacity:0;} 100%{opacity:0;} } @-keyframes loader{ 0%{-transform:translateX(-30px); opacity:0;} 25%{opacity:1;} 50%{-transform:translateX(30px); opacity:0;} 100%{opacity:0;} } @-ms-keyframes loader{ 0%{-ms-transform:translateX(-30px); opacity:0;} 25%{opacity:1;} 50%{-ms-transform:translateX(30px); opacity:0;} 100%{opacity:0;} } /* 마이페이지 > 스마트매치 */ .mySmScrollBtn {padding:5px 10px 10px;} .mySmScrollBtn .scrollInner {background-color:#f7f8fa; border:1px solid #dfe2e6; box-sizing:border-box; padding:13px 10px 9px; position:relative; z-index:1;} .mySmScrollBtn .scrollInner button {font-size:13px; color:#999;margin-right:14px;} .mySmScrollBtn .scrollInner button:focus {outline:none;} .mySmScrollBtn .scrollInner button .spImg{display:inline-block; width:11px; height:8px; background-position:-100px -13px; margin-right:7px;} .mySmScrollBtn .scrollInner button.on{color:#333;} .mySmScrollBtn .scrollInner button.on .spImg{background-position:-100px 0;} .mySmartInfo{padding:15px 0; background-color:#353a50; margin:10px 0; position:relative;} .mySmartInfo .smTit{padding-left:20px; font-size:20px; color:#fff;} .mySmartInfo .smDescTx{padding-left:20px; color:#fff; opacity:.6; font-size:11px; margin-top:3px;} .mySmartInfo:before{width:111px; height:73px; background-position:0 -170px; right:20px; top:50%; -webkit-transform:translate(0, -50%); transform:translate(0, -50%);} @media all and (min-width:320px) and (max-width:374px){ .mySmartInfo .smTit, .mySmartInfo .smDescTx{padding-left:10px;} .mySmartInfo:before{right:10px;} } .mySmartMatch{padding-bottom:30px;} .smListArea li{background-color:#fff; box-sizing:border-box; border:1px solid #dcdee0; position:relative; margin:10px 10px 0; overflow:hidden;} .smListArea .txLink{display:block; padding:13px 10px; box-sizing:border-box; border:none;min-height:154px;} .smListArea li .txLink:before{display:none !important; width:43px; height:43px; right:0; top:0; background-position:-70px -40px;} .smListArea li.active .cName:before{display:inline-block; content:'추천'; font-size:11px; padding:2px 5px 0 5px; color:#03d6ce; border-radius:50px; height:18px;line-height:1.3; box-sizing:border-box; border:1px solid #03d6ce; vertical-align:1px; margin-right:4px;} .smListArea li.hrpListItem .cName:before{display:inline-block; content:'헤드헌팅'; font-size:11px; padding:2px 5px 0 5px; color:#3399ff; border-radius:50px; height:18px;line-height:1.3; box-sizing:border-box; border:1px solid #3399ff; vertical-align:1px; margin-right:4px;} .smListArea li.active .txLink{-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;} .smListArea li.active .txLink:before{display:block;} .smListArea li.read{background:rgba(255,255,255,0.6) !important; border:none; padding:2px;} .smListArea li.read .txLink{border:none;} .smListArea li .txRead{display:none} .smListArea li.read .txRead{display:inline-block; position:absolute; right:10px; top:12px;} .smListArea li.read .txRead:before{content:""; position:static; display:inline-block; background-position:-175px 0; width:11px; height:8px; vertical-align:middle;} .smListArea li .txRead:after{display:none} .smListArea li .txRead{display:none;} .smListArea .cName{font-size:15px; color:#3299fe; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:45px;} .smListArea .cDesc{font-size:17px; color:#323332; margin-top:4px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:60px;} .smListArea .smDescList{text-align:left; margin-top:10px; padding:9px 100px 0 0; border-top:1px solid #dedddd;} .smListArea .smDescList:after{content:""; display:block; clear:both;} .smListArea .smDescList dt{clear:left; float:left; font-size:12px; color:#999; width:50px; padding-top:4px; padding-left:1px;} .smListArea .smDescList dd{font-size:12px; color:#333; padding-top:4px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .smListArea .smDescList dd.descItems span{margin-left:4px; padding-left:5px; position:relative; font-size:12px;} .smListArea .smDescList dd.descItems span:after{content:""; display:block; width:1px; height:10px; background-color:#c0c0c0; position:absolute; left:-1px; top:2px;} .smListArea .smDescList dd.descItems span:first-child{margin-left:0; padding-left:0;} .smListArea .smDescList dd.descItems span:first-child:after{display:none;} .smListArea .smDescList dd em{color:#ff6600;} .smListArea .btnLink{position:absolute; right:10px; bottom:13px; width:87px; text-align:right;} .smListArea .btnLink .date{font-size:12px; color:#333; display:inline-block; position:absolute; right:0; top:-70px;} .smListArea .btnLink .date.end{color:#ed1d26;} .smListArea .btnLink a{height:33px; font-size:13px;} .smListArea .btns{position:absolute; right:0; top:0;} .smListArea .btns a.btnScrap{top:70px; right:1px;} .smListArea .btns:after{content:""; display:block; clear:both;} .noResultSm{height:280px; position:relative; box-sizing:border-box; padding-top:50px;} .noResultSm .noResultSmTx{font-size:18px; color:#666; line-height:22px; letter-spacing:-0.5px; text-align:center;} .noResultSm .noResultSmTx .subTx{display:block; font-size:12px; color:#333; padding-top:3px;} .noResultSm .noResultSmTx:before{content:""; position:static; width:129px; height:81px; background-position:0 -85px; margin:0 auto 29px;} .smListArea li .unIteBx {position:absolute; right:0; top:0;} .smListArea li .unIteBx button {width:auto; height:43px; padding:0 10px; text-align:right; position:relative; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;} .smListArea li .unIteBx button:focus{outline:none;} .smListArea li .unIteBx button > span {display:inline-block; box-sizing:border-box; position:relative; width:20px; height:20px; background-color:#d8dce0; border-radius:50px; overflow:hidden; padding:4px 0 0 6px; text-align:center;} .smListArea li .unIteBx button > span span {display:block; white-space:nowrap; font-size:11px; color:#fff;} .smListArea li .unIteBx button > span span:before {position:static; display:inline-block; margin-right:5px; background-position:-180px -54px; width:9px; height:9px; vertical-align:-1px;} .noResultSm .mSmReBtn{display:block; margin:20px auto 0; width:205px; box-sizing:border-box; background-color:#fff; border-radius:3px; padding-top:2px; height:40px; text-align:center; line-height:40px; font-size:14px; font-weight:bold; color:#333; border:1px solid #d3d7dc;} .smMoreBtnWrap{padding:10px 10px 0 10px;} .smMoreBtnWrap .btnSmMore{border:1px solid #dadcde; width:100%; height:40px; text-align:center; background-color:#fff; color:#666;} .smMoreBtnWrap .btnSmMore:before {background:url(/content/images/m/ver_1/start/coredata/sp_coredata.png?v=201603161700) no-repeat 0 0; background-size:200px 150px; content:""; display:inline-block; width:18px; height:18px; background-position:0 -25px; vertical-align:-4px; margin-right:4px;} .giSmWrap .smMoreBtnWrap{padding:10px 0;} /* 공고뷰 > 스마트 매치 리스트 */ .info_cont .giSmWrap{margin-bottom:6px;} .info_cont .giSmWrap li{padding-right:40px; box-sizing:border-box; border:1px solid #e2e1e1; position:relative; margin-top:10px;} .info_cont .giSmWrap li:first-child{margin-top:0;} .info_cont .giSmWrap li.active{border-color:#00c1c0;} .info_cont .giSmWrap .smGiLink{display:block; box-sizing:border-box; min-height:91px; padding:10px 0 8px 10px;} .info_cont .giSmWrap .cName{font-size:15px; color:#3299fe; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:0;} .info_cont .giSmWrap .cDesc{font-size:17px; color:#323332; margin-top:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .info_cont .giSmWrap .smDescList{text-align:left; margin-top:1px; font-size:12px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .info_cont .giSmWrap .smDescList span{margin-left:4px; padding-left:5px; position:relative; font-size:12px;} .info_cont .giSmWrap .smDescList span:after{content:""; display:block; width:1px; height:10px; background-color:#c0c0c0; position:absolute; left:0; top:2px;} .info_cont .giSmWrap .smDescList span:first-child{margin-left:0; padding-left:0;} .info_cont .giSmWrap .smDescList span:first-child:after{display:none;} .info_cont .giSmWrap .btns{position:absolute; right:0; top:0;} .info_cont .giSmWrap .btns a.btnScrap{top:26px; right:0px;} .info_cont .giSmWrap .btns .msgScrap{display:block; right:36px; top:7px; padding:2px 9px 1px 9px;} .info_cont .giSmWrap .btns .msgScrap:after{right:auto; position:absolute; top:7px; bottom:9px; right:-12px; content:""; border:6px solid transparent; border-width:6px 6px; border-top-color:transparent !important; border-left-color:#ff6600;} .info_cont .giSmWrap .jkBoothBx li{border-bottom:none; padding-right:0;} /* 입사지원 이벤트 */ .appDownBx{background-color:#fff; position:relative;} .appDownBx .appDownLink{display:block; height:62px; position:relative;} .appDownBx .appDownLink:after{content:""; display:block; width:311px; height:35px; background:url("/content/images/m/banner/ban_appDown_20161013v2.png?201611251125") 0 0 no-repeat; background-size:302px 35px; position:absolute; left:50%; top:15px; margin-left:-142px;} .appDownBx .appDownClose{width:24px; height:24px; position:absolute; left:13px; top:50%; margin-top:-10px; font-size:1px;} .appDownBx .appDownClose:after{content:""; display:inline-block; width:12px; height:12px; background:url("/content/images/m/banner/btn_close02.png") 0 0 no-repeat; background-size:12px 12px;} @media all and (min-width:320px) and (max-width:374px){ .appDownBx .appDownLink:after{width:280px; background-size:280px auto; margin-left:-125px;} .appDownBx .appDownClose{left:7px;} } /* 해상도 360이상 공통 */ @media all and (min-width:360px){ /* hrp gnb */ #jkHeader #topArea .headLink.hrpHead a{margin-left:7px;} #jkHeader #topArea .headLink.hrpHead a:nth-child(4){margin-left:7px;} #main #jkHeader #topArea .headLink.hrpHead a{margin-left:7px;} #main #jkHeader #topArea .headLink.hrpHead a:nth-child(4){margin-left:7px;} #jkHeader #topArea .icoSchBtn{left:-2px;} } /* 해상도 360이상 375이하 */ @media all and (min-width:360px) and (max-width:375px){ } /* 게임잡 로고 변경 (i.jobkorea.kr\content\css\m\mtu.css 로 옮겨야함) */ #menuWrap .jkApp ul li a:before{background-image:url('/content/images/m/text_user/sp_mobile_jk.png?201608121150');} /*모바일 공고뷰(result.min.css 파일에 옮겨야함) */ .info_cont .scCnt dd li{display:none;} .info_cont .scCnt_1 li:after{vertical-align:middle; color:#dadada;} .info_cont .scCnt dd li:first-child{display:block;} .info_cont .scCnt dd li.first:after{display:none;} .info_cont .scCnt dd li .itemsViewBtn, .info_cont .scCnt dd .etcViewBtn{font-size:12px; color:#999; margin:-4px 0 0 11px; padding:0 11px 0 0; vertical-align:-1px; position:relative;} .info_cont .scCnt dd li .itemsViewBtn:after, .info_cont .scCnt dd .etcViewBtn:after{content: ""; display: inline-block; position: absolute; right: 0; top: 50%; margin: -5px 0 0 -2px; width:6px; height: 5px; border-top: 1px solid #a3a9b2; border-right: 1px solid #a3a9b2; -webkit-transform: rotate(135deg); transform: rotate(135deg);} .info_cont .scCnt dd li a, .info_cont .scCnt dd li text{vertical-align:middle;} .info_cont .scCnt dd .etcFileBx{display:none; border-radius:2px; overflow:hidden; margin-top:4px;} .info_cont .scCnt dd .etcFileBx a{display:block; width:100%; position:relative; box-sizing:border-box; height:34px; line-height:34px; padding:0 26px; margin-top:-1px; border:1px solid #e0e0e0; font-size:12px; letter-spacing:-1px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .info_cont .scCnt dd .etcFileBx a:first-child{margin-top:0;} .info_cont .scCnt dd .etcFileBx a:before{content:""; display:block; width:12px; height:12px; position:absolute; left:8px; top:50%; margin-top:-6px; background:url('/content/images/m/gib/sp_recruit_v2.png?v2') no-repeat 0 -60px; background-size:250px 250px;} /* 신입공채 개편 하단 공통 메뉴 */ body.passAssay .starTotalNav{} .starTotalNav{background-color:#fff; padding:12px 0;} .starTotalNav:after{content:""; display:block; clear:both;} .starTotalNav a{height:38px; float:left; width:33.33%; text-align:center; font-size:13px; color:#999; display:-webkit-flex; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; align-items:center;} .starTotalNav a:nth-child(3n + 2){width:33.34%; color:#3076d3;}