@charset "utf-8";

/*** 서브 공통 ***/
#visual {height:230px; color:#fff; text-align:center;}
#visual .location {padding:15px 0; font-size:0; color:rgba(255,255,255,0.9); text-align:left}
#visual .location li {display:inline-block; margin-right:15px; font-size:14px; letter-spacing:0; line-height:20px; vertical-align:top}
#visual .location li.ico_after::after {width:6px; height:10px; background-position:-110px 0px; margin:6px 0 0 15px;}
#visual .location li a {display:inline-block;}
#visual .location li a.ico_before::before {width:14px; height:13px; background-position:-80px 0px; margin:3px 5px 0 0; opacity:0.8}
#visual .location li.now {font-weight:bold; color:#fff}
#visual h2 {font-size:36px; font-weight:300; line-height:80px}
#contents {position:relative; padding-top:50px;}
#contents:before {position:absolute; top:-50px; left:50%; width:1200px; height:50px; margin-left:-600px; background:#fff; content:'';}


/* tab */
.applyTab ul {overflow:hidden;}
.applyTab li {float:left; box-sizing:border-box; border:1px solid #ddd; border-left:none; background:#f5f5f5; color:#888; line-height:48px; text-align:center}
.applyTab td {box-sizing:border-box; border:1px solid #ddd; border-left:none; background:#f5f5f5; color:#888; line-height:48px; text-align:center;padding:0 !important;}
/*.applytabtd{box-sizing:border-box; border:1px solid #ddd; border-left:none; background:#f5f5f5; color:#888; line-height:48px; text-align:center;padding:0 !important;}*/
.applyTab li:first-child, .applyTab td:first-child {border-left:1px solid #ddd;}
.applyTab li.fc {background:#fff; font-weight:bold; border-bottom:1px solid #fff}
.applyTab td.fc {background:#fff; font-weight:bold; border-bottom:1px solid #fff}
.applyTab td a {display:block; line-height:48px}
.tbl_comm td{text-align:left;}
/* 입사지원 유의사항 */
.note {padding:70px 0 90px}
.note h3.aft_bg {padding-top:22px; font-size:28px; font-weight:300; text-align:left}
.note h3.aft_bg::after {left:12px; margin:0;}
.note h3.aft_bg + .list_note {margin-top:20px;}
.note .list_note li {padding:12px 0; border-bottom:1px dashed #aaa;}

/* hd_cont */
.hd_cont {position:relative; text-align:center}
.hd_cont .state {display:table; position:absolute; top:0; left:0; width:100px; height:100px; text-align:center; font-weight:bold;}
.hd_cont .state .inner {display:table-cell; vertical-align:middle; line-height: 1.2}
.hd_cont .firm {position:absolute; right:0;}
.hd_cont .firm strong {display:inline-block; font-weight:normal; margin-right:15px; vertical-align:top;}
.hd_cont .firm span {display:inline-block; vertical-align:top; font-weight:bold; letter-spacing:0;}

/* process */
.process {margin-left:-13px; font-size:0;}
.process li {display:inline-block; width:25%; font-size:16px; vertical-align:top;}
.process li:nth-child(n+5) {margin-top:14px;}
.process li .inner {position:relative; height:240px; margin-left:13px; border:1px solid #d5d5d5;}
.process li .hd {background:#f5f5f5; border-bottom:1px solid #d5d5d5; overflow:hidden;}
.process li .hd .step {float:left; width:60px; height:60px; background:#777; color:#fff; text-align:center; font-size:18px; font-weight:bold; letter-spacing:0}
.process li .hd .step em {display:block; padding-top:12px; font-size:12px; font-weight:300; line-height:1}
.process li .hd strong {display:block; padding-left:16px; line-height:60px; overflow:hidden;}
.process li .desc {padding:20px;}
.process li dl + dl {margin-top:10px;}
.process li dt,
.process li dd {display:inline-block; vertical-align:top;}
.process li dt {line-height:22px; font-size:14px; padding:0 8px; border:1px solid #d5d5d5; margin-right:6px; border-radius:22px;}
.process li dd {line-height:24px; letter-spacing:0;}
.process li .desc span {display:block; margin-bottom:10px;}
.process li .inner::after {position:absolute; top:50%; left:-25px; width:36px; height:36px; margin-top:-18px; background-position:-70px -60px;}
.process li:nth-child(5n) .inner::after {left:-18px}

.prcs_ver1  {margin-bottom:70px;}
.prcs_ver1 .box {background:#f5f5f5; padding:55px 0; text-align:center; font-size:0}
.prcs_ver1 li {display:inline-block;}
.prcs_ver1 li + li {margin-left:36px; padding-left:56px;}
.prcs_ver1 li + li::after {position:absolute; width:16px; height:30px; top:50%; left:0; margin-top:-15px; background-position:-20px -70px; opacity:0.4;}
.prcs_ver1 .step {float:left; width:108px; margin-right:12px; padding-top:18px; border-radius:100%; border:1px solid #aaa; background:#fff; font-size:14px; line-height:20px; letter-spacing:0; font-weight:400}
.prcs_ver1 .step::after {display:inline-block; width:70px; height:70px; margin-top:-3px; background:url(../_img/ico_process2.png) 0 0 no-repeat; content:''}
.prcs_ver1 .step1 .step::after {background-position:-70px 0px}
.prcs_ver1 .step2 .step::after {background-position:-70px -140px}
.prcs_ver1 .step3 .step::after {background-position:-70px -210px}
.prcs_ver1 .step4 .step::after {background-position:-70px -280px}
.prcs_ver1 .desc {overflow:hidden; height:110px; font-size:14px; text-align:left; line-height:1.3}
.prcs_ver1 .desc strong {display:block; padding:26px 0 9px; font-size:18px;}


/* etc */
table .chk + label {line-height:22px; padding-left:28px;}
table .radio + label {line-height:24px; padding-left:28px;}
table .chk + label::after {width:22px; height:22px;}
table .chk + label.hidetxt {padding-left:22px; vertical-align:top; }
table .radio + label.hidetxt {padding-left:24px; vertical-align:top; }
table .radio + label:before {top:0}
table .radio:checked + label::after {top:8px;}

/*** 채용 안내 ***/
.intro #visual {height:370px; background:url(../_img/intro_visual.jpg) 50% 50% no-repeat; background-size:cover;}
.intro #visual h2 {padding-top:18px; line-height:1.2}
.intro #visual p {font-size:18px; line-height:1.4; margin-top:24px;}
.intro .cont1 {padding-bottom:100px;}
.intro .cont1 .intro_blind {padding:76px 10px 65px; overflow:hidden;}
.intro .cont1 .intro_blind > div {position:relative; float:left; width:50%;}
.intro .cont1 .intro_blind .inner {height:200px; padding-left:220px;}
.intro .cont1 .intro_blind .inner::before {position:absolute; top:0; left:0; width:200px; height:200px; border-radius:100%; background:#f5f5f5; content:'';}
.intro .cont1 .intro_blind > div::after {position:absolute; top:55px; left:40px; width:120px; height:90px; background:url(../_img/ico_process1.png) 0 0 no-repeat; content:''}
.intro .cont1 .intro_blind .item1:after {background-position:-120px 0}
.intro .cont1 .intro_blind .item2:after {background-position:-120px -90px}
.intro .cont1 .intro_blind strong {display:block; padding-top:60px; font-size:20px; font-weight:500}
.intro .cont1 .intro_blind p {line-height:1.4; padding-top:15px;}
.intro .cont1 .desc_blind {overflow:hidden;}
.intro .cont1 .desc_blind > div {float:left; width:282px; height:340px; padding:0 50px; border:1px solid #d5d5d5; text-align:center}
.intro .cont1 .desc_blind > div + div {margin-left:24px;}
.intro .cont1 .desc_blind strong {display:block; padding:45px 0 25px; border-bottom:1px dashed #aaa; font-weight:500; font-size:20px;}
.intro .cont1 .desc_blind strong::before {display:block; width:120px; height:90px; margin:0 auto 18px; background:url(../_img/ico_process1.png) 0 0 no-repeat; content:''}
.intro .cont1 .desc_blind .item1 strong::before {background-position:0 -180px;}
.intro .cont1 .desc_blind .item2 strong::before {background-position:0 -270px;}
.intro .cont1 .desc_blind .item3 strong::before {background-position:0 -360px;}
.intro .cont1 .desc_blind span {display:block; padding:10px 0; border-bottom:1px dashed #aaa; line-height:1.3}
.intro .cont2 {background:#e7f6ff; padding:100px 0; text-align:center;}
.intro .cont2 .list_ideal {overflow:hidden; margin-top:118px;}
.intro .cont2 .list_ideal li {float:left; width:33.333%; padding-top:298px;}
.intro .cont2 .list_ideal strong {display:block; margin-bottom:10px; font-size:24px;}
.intro .cont2 .list_ideal span {font-size:18px; line-height: 1.2}
.intro .cont2 .list_ideal .item1 {background:url(../_img/intro_ideal1.png) 50% 0 no-repeat}
.intro .cont2 .list_ideal .item2 {background:url(../_img/intro_ideal2.png) 50% 0 no-repeat}
.intro .cont2 .list_ideal .item3 {background:url(../_img/intro_ideal3.png) 50% 0 no-repeat}
.intro .cont3 {padding:100px 0;}
.intro .cont3 .list_benefit {margin:40px 0 0 -30px;; overflow:hidden;}
.intro .cont3 .list_benefit li {float:left; width:380px; margin:30px 0 0 30px;}
.intro .cont3 .list_benefit .cont {height:75px; margin-top:4px; padding:0 5px}
.intro .cont3 .list_benefit dt {font-weight:bold; font-size:18px;}
.intro .cont4 {padding:100px 0; background:#f5f5f5}
.intro .cont4 .intro_process {margin-top:74px; font-size:0; text-align:center;}
.intro .cont4 li {display:inline-block; position:relative; width:150px; font-size:18px; }
.intro .cont4 li + li {padding-left:95px;}
.intro .cont4 li + li::after {position:absolute; top:71px; left:39px; width:16px; height:30px; background-position:-20px -70px; opacity: .4}
.intro .cont4 li span {display:block; height:172px; margin-bottom:18px; background:url(../_img/intro_process.png) 0 0 no-repeat; font-size:0; line-height:0; text-indent:-9999px;}
.intro .cont4 li.p1 span {background-position:0 0px;}
.intro .cont4 li.p2 span {background-position:0 -180px;}
.intro .cont4 li.p3 span {background-position:0 -360px;}
.intro .cont4 li.p4 span {background-position:0 -540px;}
.intro .cont4 li.p5 span {background-position:0 -720px;}
.intro .cont4 li strong {font-weight:400}

/*** 채용 공고 ***/
.notice #visual {background:url(../_img/notice_visual.jpg) 100% 50% no-repeat #a39f9c; background-size:auto 100%}
/* 채용 공고 목록 */
.notice .applyList .tab_list {margin:55px 0 50px; border:1px solid #ddd; overflow:hidden;}
.notice .applyList .tab_list li {float:left; width:33.3333%;}
.notice .applyList .tab_list li a {display:block; line-height:48px; text-align:center; color:#888;}
.notice .applyList .tab_list li + li a {border-left:1px solid #ddd}
.notice .applyList .tab_list li .bg {font-weight:bold; color:#fff;}
.notice .list_item {overflow:hidden; margin-left:-15px;}
.notice .applyList .list_item li {float:left; width:390px; margin:0 0 20px 15px;}
.notice .applyList .list_item li .inner {position:relative; height:145px; padding:45px 30px 30px; border:1px solid #ddd}
.notice .applyList .list_item .state {position:absolute; top:0; left:0; width:60px; line-height:30px; background:#555; text-align:center; color:#fff; font-weight:500; font-size:14px;}
.notice .applyList .list_item a {opacity:0.6; }
.notice .applyList .list_item a:hover {text-decoration:underline;}
.notice .applyList .list_item dl {position:absolute; bottom:30px; left:30px; opacity:0.6}
.notice .applyList .list_item dt {display:inline-block; line-height:20px; padding:0 5px; border:1px solid #777; border-radius:20px; font-size:12px;}
.notice .applyList .list_item dd {margin-top:8px; letter-spacing:0; font-family:'arial'}
.notice .applyList .list_item .bg + a,
.notice .applyList .list_item .bg + a + dl  {opacity:1}
.notice .applyList .list_item .bg + a {font-weight:bold}
.notice .applyList .paging {margin-top:40px;}
.notice .applyList .note {margin-top:100px; border-top:1px solid #eee}
/* 채용 공고 보기 */
.notice .applyView .hd_cont {padding-bottom:36px; border-bottom:2px solid #222;}
.notice .applyView .hd_cont .firm {bottom:36px; right:0;}
.notice .applyView .wrap_cont {padding:60px 50px 200px;}
.notice .applyView .wrap_cont > div + div {margin-top:60px;}
.notice .applyView .cont2 th {width:75px; padding-right:20px;}
.notice .applyView .cont3 .tac {font-size:0; padding-top:10px;}
.notice .applyView .cont3 dl {display:inline-block; width:180px; height:180px; border-radius:100%; background:#f5f5f5; font-size:16px;}
.notice .applyView .cont3 dl + dl {margin-left:40px;}
.notice .applyView .cont3 dt {padding:58px 0 14px; font-size:20px; font-weight:bold}
.notice .applyView .cont4 .box {border:1px solid #d5d5d5; padding:30px;}
.notice .applyView .cont4 .box strong {display:block}
.notice .applyView .cont4 .box * + strong {margin-top:15px;}
.notice .applyView .cont6 th,
.notice .applyView .cont7 th {width:166px;}
.notice .applyView .cont8 .btn {width:200px; line-height:48px; margin-right:5px; border-color:#aaa}
.notice .applyView .cont8 .btn::before {width:20px; height:20px; background-position:-140px -100px; margin:14px 6px 0 0; opacity:0.8}
.notice .applyView .note {padding:0}
.notice .applyView .wrap_btn {margin-top:80px; text-align:center}
.notice .applyView .wrap_btn a {display:inline-block; width:230px; line-height:70px; font-size:20px; font-weight:bold;}
.notice .applyView .wrap_btn a::after {display:inline-block; width:8px; height:14px; background-position:-40px -80px; margin:28px 0 0 12px; vertical-align:top;}


/*** 입사 지원 ***/
.apply #visual {background:url(../_img/apply_visual.jpg) 50% 50% no-repeat; background-size:cover}
.apply h3.aft_bg + .box,
.apply .hd_cont + .box {margin-top:45px; padding:27px 0; border:1px solid #ccc; text-align:center; font-size:0;}
.apply h3.aft_bg + .box dl,
.apply .hd_cont + .box dl {display:inline-block; vertical-align:top; line-height:24px;}
.apply h3.aft_bg + .box dl + dl,
.apply .hd_cont + .box dl + dl {margin-left:50px; padding-left:50px; border-left:1px solid #ccc;}
.apply h3.aft_bg + .box dt,
.apply h3.aft_bg + .box dd,
.apply .hd_cont + .box dt,
.apply .hd_cont + .box dd {display:inline-block; vertical-align:top; font-size:20px;}
.apply h3.aft_bg + .box dt,
.apply .hd_cont + .box dt {margin-right:15px; font-weight:bold}
.apply .wrap_cont {margin-top:70px;}

/* 입사 지원 메인 */
.applyEntry {padding-bottom:150px;}
.applyEntry h3.aft_bg + .box dl {line-height:38px}
.applyEntry h3.aft_bg + .box dl + dl {margin-left:40px; padding-left:40px;}
.applyEntry .cont1  {margin-bottom:70px;}
.applyEntry .ovf .box {height:385px; border:1px solid #d5d5d5; padding:40px;}
.applyEntry .cont2,
.applyEntry .cont3 {float:left; width:580px;}
.applyEntry .cont2 {margin-right:40px;}
.applyEntry .cont2 .fc {display:block; margin-top:28px; font-weight:bold;}
.applyEntry .cont2 a {display:block; width:230px; line-height:70px; margin-top:40px; text-align:center; font-size:20px; font-weight: bold}
.applyEntry .cont2 a .ico_comm {width:8px; height:14px; background-position:-40px -80px; margin:28px 0 0 10px;}
.applyEntry .cont3 .wrap_form {margin-top:12px;}
.applyEntry .cont3 .list_form {padding:18px 0; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.applyEntry .cont3 li + li {margin-top:5px;}
.applyEntry .cont3 li:nth-child(3) {margin-top:20px;}
.applyEntry .cont3 label {float:left; width:100px; line-height:46px; font-weight:bold;}
.applyEntry .cont3 .wrap_inp {overflow:hidden;}
.applyEntry .cont3 .inp {display:block; width:100%; height:46px; padding:5px;}
.applyEntry .cont3 .hasbtn {position:relative;}
.applyEntry .cont3 .hasbtn .wrap_inp {float:left; width:278px;}
.applyEntry .cont3 .hasbtn .btn_inp {width:120px; height:46px;}
.applyEntry .cont3 .wrap_btn {margin-top:20px; text-align:center;}
.applyEntry .cont3 .wrap_btn > * {display:inline-block; width:170px;}
.applyEntry .cont3 .wrap_btn .bg {line-height:50px; font-weight:bold;}
.applyEntry .cont3 .wrap_btn .btn {line-height:48px; margin-left:10px;}

.applyMain1::before {display:none;}
.applyMain1 .applyTab {position:absolute; top:-50px; left:50%; width:1200px; margin-left:-600px;}
.applyMain1 .applyTab li {width:20%;}
.applyMain1 .wrap_cont {margin-top:20px;}
.applyMain1 .wrap_btn {margin:70px 0; text-align:center; font-size:0;}
.applyMain1 .wrap_btn > * {display:inline-block; width:170px; font-size:16px; text-align:center; line-height:50px;}
.applyMain1 .wrap_btn > * + * {margin-left:10px;}
.applyMain1 .wrap_btn .btn {line-height:48px;}
.applyMain1 .note {border-top:1px solid #eee}

.applyMain2 {padding-bottom:150px;}
.applyMain2 .cont2 {margin-top:60px;}
.applyMain2 .cont2 .hd {line-height:20px; margin-bottom:10px}
.applyMain2 .cont2 .hd strong {display:inline-block; font-size:18px; font-weight:bold;}
.applyMain2 .cont2 .hd strong::before {display:inline-block; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #444; vertical-align:top; margin:5px 5px 0 0; content:''}
.applyMain2 .cont2 .desc_file {margin-bottom:10px;}
.applyMain2 .cont2 .desc_file .inp {width:400px; width:calc(100% - 100px)}
.applyMain2 .cont2 .lab {display:inline-block; width:95px; line-height:40px;}
.applyMain2 .cont2 .wrap_file .inp {width:300px;}
.applyMain2 .cont2 .hd span {display:inline-block; font-size:16px; color:#777; padding-left:8px;}
.applyMain2 .cont3 {margin-top:30px; padding:45px 0; background:#f5f5f5; text-align:center;}
.applyMain2 .cont3 strong {display:block; margin-bottom:8px; font-size:20px;}
.applyMain2 .cont3 strong::before {display:block; width:120px; height:90px; margin:0 auto 12px; background:url(../_img/ico_process1.png) 0 0 no-repeat; content:'';}
.applyMain2 .cont3 strong.step1::before {background-position:-120px -180px;}
.applyMain2 .cont3 strong.step2::before {background-position:-120px -450px;}
.applyMain2 .cont3 strong.step3::before {background-position:-120px -90px;}
.applyMain2 .cont3 strong.step4::before {background-position:-120px -360px;}
.applyMain2 .cont3 dl {margin-top:30px;}
.applyMain2 .cont3 dt,
.applyMain2 .cont3 dd {display:inline-block; vertical-align:top; line-height:23px;}
.applyMain2 .cont3 dt {padding:0 12px; margin-right:6px; font-size:14px; border-radius:23px}
.applyMain2 .cont4 {margin-top:60px;}
.applyMain2 .cont4 > div {overflow:hidden; background:url(../_img/apply_line.png) 50% 50% no-repeat}
.applyMain2 .cont4 .tit {float:left; width:50%; height:174px; text-align:right; overflow:hidden;}
.applyMain2 .cont4 .tit .inner {display:table; float:right; position:relative; width:280px; height:84px; margin:43px 22px 0 0; padding-right:12px;}
.applyMain2 .cont4 .tit .inner::after {position:absolute; top:50%; right:0; width:0; height:0; border-top:12px solid transparent !important; border-bottom:12px solid transparent !important; border-left:12px solid #aaa; margin-top:-12px; content:'';}
.applyMain2 .cont4 .tit span {display:table-cell; width:36px; padding-left:22px; border:5px solid #aaa; border-right:none; border-radius:6px 0 0 6px; letter-spacing:0; font-size:30px; font-weight:bold; text-align:center; line-height:1.2; vertical-align: middle;}
.applyMain2 .cont4 .tit span em {display:block; font-size:12px; font-weight:300}
.applyMain2 .cont4 .tit strong {display:table-cell; overflow:hidden; border:5px solid #aaa; border-left:none; border-radius:0 6px 6px 0 ;  text-align:center; font-size:18px; line-height:74px; vertical-align:middle;}
.applyMain2 .cont4 .tit a {display:block; float:right; width:280px; line-height:40px; margin:6px 34px 0 0; color:#fff; text-align:center; border-radius:3px; clear:both; font-size:15px; font-weight:400}
.applyMain2 .cont4 .tit a::before {width:15px; height:13px; background-position:-100px -20px; margin:14px 6px 0 0;}

.applyMain2 .cont4 .step1 .tit .inner {color:#a7cc3b}
.applyMain2 .cont4 .step2 .tit .inner {color:#8bcc62}
.applyMain2 .cont4 .step3 .tit .inner {color:#69c991}
.applyMain2 .cont4 .step4 .tit .inner {color:#52c2af}
.applyMain2 .cont4 .step5 .tit .inner {color:#42b0bd}
.applyMain2 .cont4 .step6 .tit .inner {color:#3794c0}
.applyMain2 .cont4 .step7 .tit .inner {color:#317fc1}

.applyMain2 .cont4 .step1 .tit strong,
.applyMain2 .cont4 .step1 .tit span,
.applyMain2 .cont4 .step1 .tit .inner::after {border-color:#a7cc3b;}
.applyMain2 .cont4 .step2 .tit strong,
.applyMain2 .cont4 .step2 .tit span,
.applyMain2 .cont4 .step2 .tit .inner::after {border-color:#8bcc62;}
.applyMain2 .cont4 .step3 .tit strong,
.applyMain2 .cont4 .step3 .tit span,
.applyMain2 .cont4 .step3 .tit .inner::after {border-color:#69c991;}
.applyMain2 .cont4 .step4 .tit strong,
.applyMain2 .cont4 .step4 .tit span,
.applyMain2 .cont4 .step4 .tit .inner::after {border-color:#52c2af;}
.applyMain2 .cont4 .step5 .tit strong,
.applyMain2 .cont4 .step5 .tit span,
.applyMain2 .cont4 .step5 .tit .inner::after {border-color:#42b0bd;}
.applyMain2 .cont4 .step6 .tit strong,
.applyMain2 .cont4 .step6 .tit span,
.applyMain2 .cont4 .step6 .tit .inner::after {border-color:#3794c0;}
.applyMain2 .cont4 .step7 .tit strong,
.applyMain2 .cont4 .step7 .tit span,
.applyMain2 .cont4 .step7 .tit .inner::after {border-color:#317fc1;}

.applyMain2 .cont4 .step1 .tit a {background-color:#a7cc3b}
.applyMain2 .cont4 .step2 .tit a {background-color:#8bcc62}
.applyMain2 .cont4 .step3 .tit a {background-color:#69c991}
.applyMain2 .cont4 .step4 .tit a {background-color:#52c2af}
.applyMain2 .cont4 .step5 .tit a {background-color:#42b0bd}
.applyMain2 .cont4 .step6 .tit a {background-color:#3794c0}
.applyMain2 .cont4 .step7 .tit a {background-color:#317fc1}

.applyMain2 .cont4 .desc {overflow:hidden; padding-left:40px}
.applyMain2 .cont4 .desc .box {display:table; position:relative; width:440px; height:128px; margin-top:22px; border:1px solid #ccc}
.applyMain2 .cont4 .desc .box:before {position:absolute; top:50%; left:-14px; width:14px; height:18px; margin-top:-9px; background:url(../_img/arw_box.png) 50% 50% no-repeat; content: '';}
.applyMain2 .cont4 .desc .inner {display:table-cell; position:relative; padding-left:130px; vertical-align:middle}
.applyMain2 .cont4 .desc .inner:before {position:absolute; top:19px; left:24px; width:90px; height:90px; background:#f5f5f5; border-radius:100%; content:''}
.applyMain2 .cont4 .desc .inner:after {position:absolute; top:29px; left:34px; width:70px; height:70px; background:url(../_img/ico_process2.png) 0 0 no-repeat; opacity:0.4; content:''}
.applyMain2 .cont4 .inner.case1::after {background-position:-70px 0px}
.applyMain2 .cont4 .inner.case2::after {background-position:-70px -70px}
.applyMain2 .cont4 .inner.case3::after {background-position:-70px -140px}
.applyMain2 .cont4 .inner.case4::after {background-position:-70px -210px}
.applyMain2 .cont4 .desc p {font-size:15px;}
.applyMain2 .cont4 .desc dl {margin-top:14px; font-size:0;}
.applyMain2 .cont4 .desc dt,
.applyMain2 .cont4 .desc dd {display:inline-block; line-height:23px;}
.applyMain2 .cont4 .desc dt {font-size:14px; border-radius:23px; margin-right:8px; border:1px solid #ccc; padding:0 10px;}
.applyMain2 .cont4 .desc dd {letter-spacing:0;font-size:16px;}
.applyMain2 .cont4 .desc .btn {width:110px; margin-top:14px; line-height:32px; font-size:14px; font-weight:400}
.applyMain2 .cont4 .last {margin-top:-2px; padding:40px 0 0 520px; background-position:50% 0}
.applyMain2 .cont4 .last .circle {float:left; width:148px; height:148px; border:6px solid #34446f; border-radius:100%; background:#fff; text-align:center; color:#34446f; font-size:20px; line-height:1}
.applyMain2 .cont4 .last .circle::before {display:block; width:70px; height:70px; margin:20px auto 0; background:url(../_img/ico_process2.png) -70px -350px no-repeat;}
.applyMain2 .cont4 .last a {display:inline-block; margin:60px 0 0 24px; line-height:40px; background:#34446f; color:#fff; padding:0 15px; border-radius:3px; font-size:15px}
.applyMain2 .cont4 .last a::before {width:16px; height:18px; background-position:-100px -40px; margin:11px 6px 0 0;}

/* 지원서 작성 */
.register {padding-bottom:150px;}
.register .hd_cont em.bg {display:inline-block; margin-left:8px; font-size:14px; padding:0 8px; border-radius:22px; vertical-align:top}
.register .hd_cont .firm {top:35px}
.register .hd_cont > .ico_before {position:absolute; width:140px; line-height:38px; top:70px; right:0; font-size:14px;}
.register .hd_cont > .ico_before::before {width:11px; height:14px; background-position:-120px 0px; margin:12px 7px 0 0;}
.register .applyTab {margin-top:60px;}
.register .applyTab li {width:14.285%;}
.register .applyTab a {display:block; line-height:48px;}
.register .applyTab .step {display:inline-block; padding-right:8px; margin-right:8px; border-right:1px solid #ddd; font-size:12px; font-family:'arial'; letter-spacing:0; line-height:14px; vertical-align:top; margin-top:17px;}
.register .applyTab .fc a {border-top:2px solid #555; line-height:46px;}
.register h4.bfr_bg {font-size:20px; line-height:22px;}
.register h4.bfr_bg::before {height:18px; margin-right:7px;}
.register th,
.register td {padding:10px; border-color:#e5e5e5}
#contents.register td.write {font-size:14px; text-align:left;}
#contents.register td .code {display:block; text-align:center; font-size:14px; color:#555; letter-spacing:0; margin-top:5px;}
.register .inp {height:40px; padding:5px; background:#f9f9f9}
.register .slt {min-width:80px; height:40px; border:1px solid #ccc;}
.register .noti {margin-left:50px;}
.register td.grade .inp,
.register td.grade .slt {width:82px;}
.register .wrap_cont > .wrap_btn {position:relative; margin-top:60px; font-size:0;}
.register .wrap_cont > .wrap_btn * {font-size:16px;}
.register .wrap_cont > .wrap_btn .bg {width:170px; line-height:50px; font-weight:bold; letter-spacing:0.05em; font-weight:500}
.register .wrap_cont > .wrap_btn .bg::before {width:18px; height:18px; background-position:-110px -60px; margin:17px 6px 0 0;}
.register .wrap_cont > .wrap_btn .btn {width:130px; line-height:48px;}
.register .wrap_cont > .wrap_btn .prev,
.register .wrap_cont > .wrap_btn .next {position:absolute; top:0; }
.register .wrap_cont > .wrap_btn .prev.ico_before {left:0;}
.register .wrap_cont > .wrap_btn .prev.ico_before::before {width:14px; height:12px; background-position:0px -100px; margin:18px 6px 0 0; opacity:0.6}
.register .wrap_cont > .wrap_btn .next.ico_after {right:0;}
.register .wrap_cont > .wrap_btn .next.ico_after::after {width:14px; height:12px; background-position:-20px -100px; margin:18px 0 0 6px; opacity:0.6}.register.step1 .inp {width:230px}
.register .cont .hd {position:relative;}
.register .cont .hd h4 {display:inline-block;}
.register .cont .hd p {display:inline-block; margin-left:24px; line-height:22px; color:#777}
.register .cont .hd .wrap_btn {position:absolute; top:0; right:0; font-size:0;}
.register .cont .hd .wrap_btn .ico_before {width:70px; line-height:29px; font-size:14px; margin-left:6px; border:1px solid #bbb}
.register .cont .hd .wrap_btn .ico_before::before {width:11px; height:11px; margin:9px 4px 0 0}
.register .cont .hd .wrap_btn .btn_add::before {background-position:-40px -100px;}
.register .cont .hd .wrap_btn .btn_del::before {background-position:-60px -100px;}
.register .cont .hd .total {position:absolute; top:0; right:180px; line-height:32px}
.register .cont .hd .total em {display:inline-block; padding:0 5px; line-height:32px;}
.register .cont .hd .total input {height:32px; width:50px; margin:}
.register .cont .hd .total em + input + em {margin-right:5px;}
.register .cont .hd .total input:nth-of-type(2) {width:70px;}

.register.step1 td em {display:inline-block; padding:0 8px;}
.register.step1 td label {display:inline-block; padding-left:5px;}
.register.step1 td label + .slt {margin-left:30px}
.register.step1 .radio + label,
.register.step1 .chk + label {padding-left:28px; margin-right:40px;}
.register.step1 td.email .inp {width:320px;}
.register.step1 td.birth .inp {width:62px;}
.register.step1 td.birth #year {width:100px}
.register.step1 td.picture .thumb {float:left; width:120px; height:160px; margin-right:10px; box-sizing:border-box; overflow:hidden;}
.register.step1 td.picture .thumb img {width:100%; height:100%}
.register.step1 td.picture .cont {position:relative; overflow:hidden; height:160px;}
.register.step1 td.picture .noti {display:block; margin:15px 0 0 8px;;}
.register.step1 td.picture .fileName {position:absolute; bottom:50px; left:0; font-size:12px; color:#333; letter-spacing:0}
.register.step1 td.picture .wrap_btn {position:absolute; bottom:0; left:0; font-size:0; }
.register.step1 td.picture .btn {width:100px; line-height:38px; font-size:14px; margin-right:5px; color:#222; font-weight:400; cursor:pointer;}
.register.step1 td.picture button.btn::before {width:13px; height:15px; background-position:-120px -20px; margin:12px 5px 0 0; opacity: 0.7}
.register.step1 td.sight .inp {width:62px;}
.register.step1 td.sight label {padding:0 5px 0 0}
.register.step1 td.sight label + .inp {margin:0;}
.register.step1 td.sight .inp + label {margin-left:50px;}
.register.step1 td dl,
.register.step1 td dt,
.register.step1 td dd {display:inline-block;}
.register.step1 td dt {padding-right:5px;}
.register.step1 td dl + dl {margin-left:40px;}
.register.step1 td.address .btn {width:100px; margin-left:2px; line-height:38px; font-size:14px; vertical-align:top;}
.register.step1 td.address > .inp {display:block; width:450px; margin-top:5px;}
.register.step1 .wrap_btn.hasbtn .inp {width:px;}

.register .graybox {position:relative; background:#f5f5f5; padding:40px;}
.register .graybox .noti {position:absolute; top:46px; right:40px; margin:0; font-size:15px; color:#000; letter-spacing:-0.05em; font-weight:400}
.register .graybox th,
.register .graybox td {width:50%; padding:8px; border-color:#aaa; text-align:center}
.register .wrap_cont > .cont {margin-top:70px;}
.register.step2 td,
.register.step3 td {text-align:center; color:#222}
#layer_edu .w100 {width:100%;}
#layer_training dl.dl_row dt {width:120px;}
#layer_training dl.dl_row dt.towline {line-height:1.2;}

.list_selected {margin-top:8px; background:#f5f5f5; padding:14px 20px; font-size:14px;}
.list_selected .item {line-height:23px; letter-spacing:0}
.list_selected .item .btn_del {width:19px; height:19px; vertical-align:top; margin:2px 0 0 8px;}
.list_selected .item .btn_del .ico_comm {width:11px; height:11px; margin-top:3px; background-position:-60px -100px; opacity:0.7}
.list_selected .item + .item {margin-top:10px;}

.register .upload td {padding:30px 10px; border-color:#aaa}
.register .upload td p {margin-bottom:10px; font-weight:bold}
.register .upload .wrap_upload * {vertical-align:top}
.register .upload .list_selected {margin-top:12px}
.register .upload .wrap_upload .bg,
.register .upload .wrap_upload > .btn {height:40px; margin-left:2px; width:80px;}
.register .upload .wrap_upload .bg {margin-left:15px}
.register .upload .wrap_upload > .btn::before {width:11px; height:11px; background-position:-40px -100px; margin:6px 4px 0 0;}

.register .portfolio .td_chk {border-right:1px solid #ddd;}
.register .portfolio td {padding:10px 20px;}
.register .portfolio dl {overflow:hidden;}
.register .portfolio dl + dl {margin-top:10px;}
.register .portfolio dt {float:left; width:80px; line-height:40px; font-weight:bold}
.register .portfolio dd {overflow:hidden}
.register .portfolio textarea {width:100%; height:100px;}

.register .agreeBox {border:1px solid #ccc; padding:50px 100px;}
.register .agreeBox strong {display:block; font-size:24px; text-align:center; padding-bottom:15px; border-bottom:2px solid #222}
.register .agreeBox .txt {padding:40px; background:#f5f5f5; margin:20px 0 30px; word-break:keep-all;}
.register .agreeBox > span {display:block; text-align:center}
.register .agreeBox .name {margin-top:20px; padding-left:1em; font-size:20px; letter-spacing:1em}
.register.step7 .wrap_btn .preview {width:170px;}
.register.step7 .wrap_btn .preview::before {width:11px; height:14px; background-position:-120px 0px; margin:17px 6px 0 0; opacity:0.7}
.register.step7 .wrap_btn .preview + .bg {margin-left:10px;}

.register .note {margin-top:80px; border-top:1px solid #eee}
.register.start {padding-bottom:0}
.register.start .hd_cont {text-align:center; padding-bottom:36px; border-bottom:2px solid #222}
.register.start .wrap_cont {margin-top:30px;}
.register.start .wrap_cont > .box {padding:40px 0; text-align:center; background:#f5f5f5; line-height:1.4}
.register.start .wrap_cont > .box strong {display:block; font-size:18px; margin-bottom:15px;}
.register.start .wrap_cont > div + div {margin-top:70px;}
.register.start .cont .box {height:180px; border:1px solid #ccc; padding:25px; background:#f5f5f5; font-size:14px; color:#444; overflow-y:auto;}
.register.start .cont label {margin-top:15px;}
.register.start th {width:100px; padding-left:20px;}
.register.start .wrap_inp {width:430px;}
.register.start .wrap_inp .inp {width:100%; height:46px; }
.register.start .wrap_inp.hasbtn .inp {width:318px}
.register.start .wrap_inp.hasbtn .btn_inp {width:110px; height:46px;}
.register.start .wrap_btn {margin-top:80px; text-align:center;}
.register.start .wrap_btn .bg {display:inline-block; width:230px; line-height:70px; text-align:center; font-size:20px; font-weight:bold;}
.register.start .wrap_btn .bg::after {width:8px; height:14px; background-position:-40px -80px; margin:28px 0 0 10px;}


/*** 헬프데스크 ***/
.help #container {padding-bottom:150px;}
.help #visual {background:url(../_img/help_visual.jpg) 50% 50% no-repeat; background-size:cover}
.help .grayBox {margin:45px 0 40px;}
.help .grayBox > * {height:40px;}
.help .grayBox .btn,
.help .grayBox .bg {padding:0 12px;}
.help .grayBox .btn {line-height:38px;}
.help .grayBox .bg.btn_sch {padding:0 12px;}
.help .grayBox .bg.btn_sch::before {width:14px; height:14px; margin:5px 3px 0 0; background-position:-140px -50px;}
.help td .btn {line-height:22px; padding:0 6px;}
.help .foot_cont {position:relative; margin-top:60px;}
/* 아이디, 비밀번호 찾기 */
.help .find {width:900px; margin:40px auto 0; border:1px solid #ddd; padding:50px 0;}
.help .find > p {margin-bottom:30px; font-size:18px; text-align:center;}
.help .find > p .fc {font-weight:bold}
.help .find dl {width:492px; margin:0 auto; font-size:0;}
.help .find dl + dl {margin-top:10px; padding-top:10px; border-top:1px solid #e5e5e5}
.help .find dt,
.help .find dd {display:inline-block;}
.help .find dt {width:92px; margin-right:5px; font-weight:bold; text-align:left; font-size:16px;}
.help .find dd {text-align:left; font-size:0;}
.help .find dd * {font-size:16px;}
.help .find .inp {width:390px; height:40px; padding:10px; background:#f5f5f5}
.help .find dl + dl .inp {width:280px}
.help .find .btn_dk {width:110px; line-height:40px;}
.help .find + .wrap_btn > * {width:160px;}
.help .find + .wrap_btn .bg {font-weight:bold}
.help .find .result {width:492px; margin:0 auto; padding:30px; background:#f5f5f5; text-align:center; letter-spacing:0}
.help .find .result .fc {font-weight:bold}
.help .find .inp_pw {width:490px; margin:30px auto 0; border:1px solid #ddd; padding:30px;text-align:center;}
.help .find .inp_pw .inp {margin-top:10px; text-align:center;}


/*기타*/
#wrap.nopage {position:absolute; top:50%; left:0; width:100%; margin-top:-105px;text-align:center}
#wrap.nopage #contents {display:inline-block; height:210px; padding:0 0 0 290px; background:url(../_img/nopage.png) 0 2px no-repeat; text-align:left;}
#wrap.nopage strong {display:block; padding-top:48px; font-size:30px; font-weight:bold;}
#wrap.nopage p {padding-top:10px; font-size:18px; color:#777}