@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css'); 




.check_line {margin-top:25px; border:1px solid #333; background:#fff; padding:20px;}
.chk_wrap { display:flex; flex-wrap:wrap; margin-bottom:15px;}
.chk_wrap > label {margin:5px 20px 5px 0;}

.cont_sitemap{}
.cont_sitemap .sitemap_lst:after{content:''; display:block; clear:both;}
.cont_sitemap .sitemap_lst > li{position:relative; padding:35px 0; border-top:1px solid #e2e2e2; line-height:1.4;}
.cont_sitemap .sitemap_lst > li:before{content:''; display:inline-block; position:absolute; top:-1px; left:0; width:17.5%; height:3px; background:#0a4096;}
.cont_sitemap .sitemap_lst > li:after{content:''; display:block; clear:both;}
.cont_sitemap .sitemap_lst > li > a{ width:25%; font-weight:800; font-size:1.625em; letter-spacing:-1px;}
.cont_sitemap .sitemap_lst > li > ul { display:flex; flex-wrap:wrap; margin-top:20px;}
.cont_sitemap .sitemap_lst > li > ul > li{ width:20%; padding:0 15px 15px 0; font-weight:600; font-size:1.1em;}
.cont_sitemap .sitemap_lst > li > ul > li > a{display:flex; padding:0 10px 0 15px; height:56px; line-height:1.2; align-items:center; border:1px solid #b4d3ec;}
.cont_sitemap .sitemap_lst > li > ul > li > a[target="_blank"]:after{content:''; display:inline-block; width:15px; height:13px; margin:0 0 0 6px; background:url(../images/common/blank_b.png) no-repeat; vertical-align:baseline; opacity:.7;}
.cont_sitemap .sitemap_lst > li > ul > li > ul{margin:12px 0 0 15px;}
.cont_sitemap .sitemap_lst > li > ul > li > ul > li{position:relative; margin:5px 0; padding-left:8px; font-weight:400; font-size:0.85em;}
.cont_sitemap .sitemap_lst > li > ul > li > ul > li:before{content:''; display:inline-block; position:absolute; top:9px; left:0; width:3px; height:3px; border-radius:50%; background:#6097c1;}
.cont_sitemap .sitemap_lst > li > ul > li > ul > li a[target="_blank"]:after{content:''; display:inline-block; width:15px; height:13px; margin:0 0 0 6px; background:url(../images/common/blank_b.png) no-repeat; vertical-align:baseline; opacity:.4;}


.rec_box02 {background:#fff; display:flex; justify-content:space-between; align-items: center; padding:40px; border:1px solid #e2e2e2; margin-bottom:20px; }
.rec_box02 .img {width:140px; border:1px solid #ddd;}

.rec_box02 .right h3 {font-size:20px; margin-bottom:10px;}
.rec_box02 .right p {margin-bottom:20px;}
.rec_box02 .right .t2 {display:inline-block; margin:5px 20px 5px 0; vertical-align:middle;}
.rec_box02 .right .t2 i {background:#f0f0f0; width:40px; height:40px; border-radius:50%; text-align:center; line-height:40px; vertical-align: middle; margin-right:12px;}


.job_ex_box {display:flex; justify-content: space-between; margin:15px 0 20px; align-items: center;}
.job_ex_box .left {display:flex; gap:10px; color:#888; gap:15px;}
.job_ex_box .left span {color:#0a49a1; opacity:.75; margin-left:2px;}



.job_lst {display:flex; flex-wrap:wrap; margin:0 -10px;}
.job_lst li {width:calc(25% - 20px); margin:0 10px 20px; position:relative;}
.job_lst li a { border:1px solid #d7dce5; background:#fff; display:block; padding:20px 20px 52px; border-radius:20px; min-height:158px;}
.job_lst li a img { height:28px; display:block; margin:0 auto 15px;}
.job_lst li a .tit {display:block; font-size:15px; margin-bottom:5px;}
.job_lst li a .txt {display:block; font-size:15px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.job_lst li .ex {position:absolute; right:20px; bottom:20px; display:flex; align-items: center; gap:8px;}
.job_lst li .ex span {font-size:13px; color:#67738e;}
.job_lst li .ex button {display:inline-block; width:21px; height:20px; background:url(../images/common/star.png) no-repeat; }
.job_lst li .ex button.on {background-image:url(../images/common/star_on.png);}


.radio_box2 {display:flex; margin-bottom:20px;}
.radio_box2 label {position:relative; margin-right:12px;}
.radio_box2 label span {display:block; width:150px; height:46px; border:1px solid #e2e2e2; background:#fff; text-align:center; line-height:44px;}
.radio_box2 label input {width:0; height:0; opacity:0; position:absolute;}
.radio_box2 label input:checked + span {border-color:#0a49a1; background:#0a49a1; color:#fff; font-weight:500;}
.job_dtl_con {margin:35px 0;}


.favorite_wrap {margin:36px 0;}
.favorite_wrap button { background:#fff; border:1px solid #e2e2e2; width:170px; height:50px; text-align:center; line-height:48px; margin:0 3px;}
.favorite_wrap button i {color:#eb3f2e; vertical-align: middle; position:relative; top:-2px; margin-right:6px;}
.favorite_wrap button.on {border:1px solid #eb3f2e; background:#eb3f2e; color:#fff;}
.favorite_wrap button.on i {color:#fff;}



.login_wrap {display:flex; justify-content: space-between;}
.login_wrap .box {width:48.6%; padding:50px; border:1px solid #ddd; background:#fff; border-radius:30px; }
.login_wrap .box h2 {text-align:center; font-size:34px; font-weight:900; margin-bottom:30px;}
.login_wrap .box h2 span {font-size:24px; font-weight:600; color:#0a49a1;}
.login_wrap .box.n2 h2 span { color:#00982b;}
.login_wrap .box h2:before {content:''; display:block; width:140px; height:140px; background:url("../images/content/login_ico01.png") no-repeat; margin:0 auto 20px;}
.login_wrap .box.n2 h2:before { background-image:url("../images/content/login_ico02.png");}
.login_wrap .box .i_txt { width:100%; height:70px; font-size:18px; margin:0 0 14px; padding:0 20px; border:1px solid #ccc; border-radius:5px;}
.login_wrap .box .check_wrap { display:flex; align-items: center; gap:20px; margin:10px 0 24px;}
.login_wrap .box .check_wrap label {font-size:16px;}
.login_wrap .box .check_wrap label input { position:relative; top:-2px; margin-right:6px; width:20px; height:20px; }
.login_wrap .box button {display:block; width:100%; height:70px; background:#000; border-radius:5px; font-size:22px; font-weight:500; color:#fff; text-align:center; line-height:70px;}
.login_wrap .box ul {display:flex; justify-content:center; gap:24px; margin-top:30px;}
.login_wrap .box ul a {font-size:17px; position:relative; padding-left:12px;}
.login_wrap .box ul a:before {content:''; display:block; width:4px; height:4px; background:#333; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-2px;}

table th span {font-size:15px; color:red;}


.label_box > div {display:flex; flex-wrap:wrap;}
.label_box > div label {width:25%; margin:3px 0;}
.label_box.type2 > div label {width:12.5%;}

.id_box {display:flex; justify-content: space-between;}
.id_box .box {width:48.6%; background:#fff; border:1px solid #ddd; padding:40px;}
.id_box .box h2 {font-size:24px; margin-bottom:20px;}
.id_box .box label {display:flex; align-items: center; justify-content: space-between; margin-bottom:10px;}
.id_box .box label span {width:70px;}
.id_box .box label input {width:100%; border-radius:4px; height:50px; }
.id_box .box button {display:block; height:56px; border:0; background:#000; border-radius:4px; color:#fff; line-height:56px;}

.submit_wrap { padding:40px 0; margin-bottom:40px; text-align:center; border-bottom:1px solid #d7dce5; }
.submit_wrap a { background:#000; display:inline-block; width:220px; height:60px; line-height:60px; border-radius:60px; color:#fff; font-size:20px; color:#fff !important; position:relative;}
.submit_wrap a i {position:absolute; right:20px; top:50%; margin-top:-12px;}



.box_scroll {height:200px; border:1px solid #d2d2d2; padding:30px; white-space: pre-wrap; overflow-y:scroll; background:#fff;}
.box_label { margin-top:-1px; border:1px solid #d2d2d2; padding:12px; background:#fff;}
.box_label input {margin-right:7px; position:relative; top:-2px;}



.car_box { position:relative;}
.car_box .car_close {position:absolute; right:18px; top:18px;}


.profile_img img {width:120px; margin-bottom:8px;}


.txt_pre {padding:40px; border:1px solid #e2e2e2; background:#fff; white-space: pre-wrap;}

.link_box {padding:35px 40px; border:1px solid #e2e2e2; background:#fff;}
.link_box div {margin:5px 0;}
.link_box div i {position:relative; top:5px;}

.ai_tit {display:flex; align-items: center; border:1px solid #e2e2e2; border-radius:15px; background:#fff;}
.ai_tit h2 { padding:30px 40px; text-align:center; border-right:1px solid #eee;}
.ai_tit h2 img {padding-right:6px; width:80px;}
.ai_tit h2 span {display:block; font-size:20px; margin-top:12px;}
.ai_tit div {padding:40px;}
.ai_tit div span {display:inline-block; border-radius:60px; font-size:17px; color:#fff; background:#eb3f2e; padding:8px 20px; margin:6px 14px 6px 0;}






.process_box {background:#fff; padding:30px; margin-bottom:40px;}
.process_box h3 {font-size:22px; margin-bottom:18px;}



.ci {line-height:1.4; word-break:keep-all;}
.ci h2 {font-size:24px; margin-bottom:16px;}
.ci .ci01 .img {padding:50px 20px; text-align:center; background:#fff; margin-bottom:30px;}
.ci .ci01 p {font-size:18px;}
.ci .ci02 {display:flex; margin:54px 0; gap:50px;}
.ci .ci02 .img {padding:50px; background:#fff;}
.ci .ci02 p {font-size:18px;}
.ci .ci03 {position:relative; display:flex; justify-content: space-between; gap:40px;}
.ci .ci03 p {font-size:18px;}
.ci .ci03 p span {font-size:18px; color:#f04e30;}
.ci .ci03 p span.c02 {color:#a6ce39;}
.ci .ci03 p strong {font-size:18px;}

.ci .ci03 .right span { display:block; position:relative; padding-left:88px;}
.ci .ci03 .right span:before {content:''; display:block; width:70px; height:70px; border-radius:80px; background:#f04e30; position:absolute; left:0; top:0;}
.ci .ci03 .right span + span {margin-top:30px;}
.ci .ci03 .right span:last-child:before {background:#a6ce39;} 


@media (max-width: 1499px){



}


 @media (max-width: 1280px){
 


     
     
 }



 @media (max-width: 1023px){


     
     .job_lst  li { width:calc(33.3333% - 20px);}
 }



 @media (max-width: 767px){

     .job_lst {margin:0 -4px;}
     .job_lst li {width:calc(50% - 8px); margin:0 4px 8px;}
     .job_lst li a {padding:12px; border-radius:10px; min-height:126px;}
     .job_lst li a img {height:20px; margin:0 auto 12px;}
     .job_lst li .ex {right:12px; bottom:12px;}
     .job_lst li .ex button {background-size:16px; width:17px; height:16px;}
     .job_lst li a .tit {font-size:14px;}
     .job_lst li a .txt {font-size:13px;}
     
     .process_box {background:none; padding:0px; margin-bottom:20px;}
     .process_box h3 {font-size:20px; margin-bottom:14px;}
     
     table tbody th , table tbody td { font-size:15px; padding:8px;}
     
     .label_box > div label {width:50%; font-size:15px;}
     .label_box.type2 > div label {width:25%; font-size:15px;}
     
     
     #bbsList {border-top:1px solid #333;}
     #bbsList thead { display:none;}
     #bbsList colgroup col:nth-child(4) {width:90px !important;}
     #bbsList td:nth-child(4) {text-align:right; padding-left:0;}
     #bbsList td a {font-size:15px;}
     
     #bbsList.bbs_m {overflow:hidden; display:block; width:100%; background:#fff; border-bottom:1px solid #e2e2e2;}
     #bbsList.bbs_m colgroup {display:none !important;}
     #bbsList.bbs_m tbody {display:block; width:100%;}
     #bbsList.bbs_m tr {display:block; width:100%; border-bottom:1px solid #e2e2e2; padding:10px;}
     #bbsList.bbs_m tr td {width:100%; display:block; border:0; text-align:left; float:none; padding:3px 0; }
     #bbsList.bbs_m tr td:first-child {display:none;}
     #bbsList.bbs_m tr td a {font-weight:bold;}
     #bbsList.bbs_m.n1 tr td:nth-child(3):before {content:'접수기간 :'; display:inline-block; margin-right:4px;}
     #bbsList.bbs_m.n1 tr td:nth-child(4):before {content:'신청일 :'; display:inline-block; margin-right:4px;}
     #bbsList.bbs_m.n2 tr td:nth-child(3):before {content:'접수기간 :'; display:inline-block; margin-right:4px;}
     
     #bbsList.bbs_m.n1_1 tr td:nth-child(3):before {content:'접수기간 :'; display:inline-block; margin-right:4px;}
     #bbsList.bbs_m.n1_1 tr td:nth-child(4):before {content:'등록일 :'; display:inline-block; margin-right:4px;}
     #bbsList.bbs_m.n1_1 tr td:nth-child(5):before {content:'지원수 :'; display:inline-block; margin-right:4px;}
     
     #bbsList.find_tbl {overflow:hidden; display:block; width:100%; background:#fff; border-bottom:1px solid #e2e2e2;}
     #bbsList.find_tbl colgroup {display:none !important;}
     #bbsList.find_tbl tbody {display:block; width:100%;}
     #bbsList.find_tbl tr {display:block; width:100%; border-bottom:1px solid #e2e2e2; padding:10px; overflow:hidden;}
     #bbsList.find_tbl tr td { display:block; border:0; text-align:left; float:left; padding:3px 15px 3px 0; }
     #bbsList.find_tbl tr td:nth-child(1) {width:100%; font-weight:bold;}
     #bbsList.find_tbl tr td:nth-child(2):before {content:'성별 :'; display:inline-block; margin-right:4px;}
     #bbsList.find_tbl tr td:nth-child(3):before {content:'나이 :'; display:inline-block; margin-right:4px;}
     #bbsList.find_tbl tr td:nth-child(4):before {content:'주거지역 :'; display:inline-block; margin-right:4px;}
     #bbsList.find_tbl tr td:nth-child(5):before {content:'근무희망지역 :'; display:inline-block; margin-right:4px;}
     #bbsList.find_tbl tr td:nth-child(6):before {content:'학력 :'; display:inline-block; margin-right:4px;}
     #bbsList.find_tbl tr td:nth-child(7):before {content:'경력기간 :'; display:inline-block; margin-right:4px;}
     #bbsList.find_tbl tr td:nth-child(8) {width:100%;}
     #bbsList.find_tbl tr td:nth-child(8) * {margin:0;}
     #bbsList.find_tbl tr td .button.gray {font-size:13px; height:20px; line-height:18px; margin:0; padding:0 7px; position:relative; top:-1px;}
     
     
     #bbsList.tbl_ai {overflow:hidden; display:block; width:100%; background:#fff; border-bottom:1px solid #e2e2e2;}
     #bbsList.tbl_ai colgroup {display:none !important;}
     #bbsList.tbl_ai tbody {display:block; width:100%;}
     #bbsList.tbl_ai tr {display:block; width:100%; border-bottom:1px solid #e2e2e2; padding:10px; overflow:hidden;}
     #bbsList.tbl_ai tr td { display:block; border:0; text-align:left; float:left; padding:3px 15px 3px 0; }
     #bbsList.tbl_ai tr td:nth-child(1) {width:100%; font-weight:bold;}
     #bbsList.tbl_ai tr td:nth-child(2):before {content:'성별 :'; display:inline-block; margin-right:4px;}
     #bbsList.tbl_ai tr td:nth-child(3):before {content:'나이 :'; display:inline-block; margin-right:4px;}
     #bbsList.tbl_ai tr td:nth-child(4):before {content:'주거지역 :'; display:inline-block; margin-right:4px;}
     #bbsList.tbl_ai tr td:nth-child(5):before {content:'근무희망지역 :'; display:inline-block; margin-right:4px;}
     #bbsList.tbl_ai tr td:nth-child(6):before {content:'희망근무직종 :'; display:inline-block; margin-right:4px;}
     #bbsList.tbl_ai tr td:nth-child(7):before {content:'경력기간 :'; display:inline-block; margin-right:4px;}
     #bbsList.tbl_ai tr td:nth-child(8) {width:100%;}
     #bbsList.tbl_ai tr td:nth-child(8) * {margin:0;}
     
     
     .m_tbl {overflow:hidden; display:block; width:100%; background:#fff; border-bottom:1px solid #e2e2e2;}
     .m_tbl tbody {display:block; width:100%;}
     .m_tbl tr {display:block; width:100%;}
     .m_tbl tr th {width:25%;float:left; border:0; border-top:1px solid #e2e2e2; clear:left;}
     .m_tbl.n2 tr th {min-height:60px; display:flex; align-items: center; justify-content: center; text-align:center;}
     .m_tbl tr td {width:75%;  min-height:60px; float:left; border:0; border-top:1px solid #e2e2e2; display:flex; flex-wrap:wrap; align-items: center; }
     
     .car_box .car_close { position:initial;}
     
     .login_wrap {display:block;}
     .login_wrap .box {width:auto; padding:20px; border-radius:10px;}
     .login_wrap .box + .box {margin-top:20px;}
     .login_wrap .box h2:before {width:60px; height:60px; background-size:cover; margin-bottom:12px;}
     .login_wrap .box h2 {font-size:18px; margin-bottom:16px;}
     .login_wrap .box h2 span {font-size:16px;}
     .login_wrap .box .i_txt {height:44px; margin-bottom:10px; padding:0 10px; font-size:16px;}
     .login_wrap .box .check_wrap {margin:6px 0 12px;}
     .login_wrap .box .check_wrap label {font-size:15px;}
     .login_wrap .box button {height:50px; line-height:50px; font-size:17px;}
     .login_wrap .box ul {margin-top:20px;}
     .login_wrap .box ul a {font-size:15px;}
     
    .ai_tit:before {display:none;}
    .ai_tit {display:block; margin-top:20px;}
    .ai_tit h2 {  height:44px; text-align:left; padding:0 0 0 15px; line-height:44px; border-bottom:1px solid #eee; }
     .ai_tit h2 span {padding:0; margin:0; font-size:17px;}
    .ai_tit h2 img { width:30px; height:30px; background-size:cover; position:absolute; left:15px; top:15px; display:none;}
     .ai_tit div {padding:14px 15px;}
     .ai_tit div span {font-size:14px; padding:4px 10px; margin:2px 4px 2px 0;}
     
     
     .rec_box02 {padding:20px;}
     .rec_box02 .right .t2 i {width:26px; height:26px; line-height:26px; font-size:16px;}
     
     .conTit2 {font-size:20px;}
     
     .ci h2 {font-size:20px; margin-bottom:12px;}
     .ci .ci01 .img {padding:30px 20px; margin-bottom:20px;}
     .ci .ci01 .img img { width:100%; max-width:240px;}
     .ci .ci01 p , .ci .ci02 p , .ci .ci03 p {font-size:16px;}
     .ci .ci02 { display:block; margin:40px 0; }
     .ci .ci02 .img {text-align:center; padding:30px 20px; margin-bottom:20px;}
     .ci .ci02 .img img {max-width:60px;}
     .ci .ci03 {display:block;}
     .ci .ci03 .right { margin-top:30px;}
     
     
}


@media (max-width: 420px){
    
       .label_box > div label {width:100%; font-size:15px;}
     .label_box.type2 > div label {width:33.333333%; font-size:15px;}
   
}