/* footer */
footer{background: #fff; padding: 0 0 90px; font-size: 13px; border-top: 1px solid #eee;}
footer ul{overflow: hidden;}
footer .menu{font-size: 14px; width: 100%; border-bottom:  1px solid #eee;}
footer .menu li{display: flex; align-items: center; height: 40px; width: 70%; line-height: 0.8;}
footer .menu li > a{color: #222; padding: 0 15px; border-left: 1px solid #ccc;}
footer .menu a strong{color: #0d52d0;}
footer .menu a:first-child{padding-left: 0; border-left: 0;}
footer .menu li span{padding: 0 0 0 15px; border-left: 1px solid #ccc; color: #aaa; font-weight: 300;}
/* sns */
footer .sns{display: inline-flex; align-items: center; padding: 0 15px 0 0;}
.menu li .sns > a{background: #eee; width: 20px; height: 20px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin: 0 2px; padding: 3px;}
.menu li .sns > a:first-child{margin-left: 10px;}
.sns img{width: 15px;}
.sns a:first-child img{width: 8px;}

/* footer */
footer .inner{position: relative;}
footer .info{padding-top: 20px;}
footer .info li{float: left;}
footer .info li:last-child{width: 15%; float: right; padding: 5px 0 0;}
footer .info div{color: #777; line-height: 1.5; letter-spacing: -1px;}
footer .info span{display: inline-block; border-left: 1px solid #ddd; padding: 0 5px; line-height: 1;}
footer .info span:first-child{border-left: 0; padding-left: 0;}
footer .info li:last-child div{padding-top: 20px;}
footer select{padding: 5px 10px; border: 1px solid #777; background: none; color: #777; cursor: pointer; font-size: 12px; width: 100%;}
footer select option{color: #777;}

 
footer .info li .mo_ver{margin-top: 30px}
footer .info li .btn_mogo{background: #000; color: #fff; padding: 10px 20px; font-size: 50px; display: flex; width: 50%; justify-content: center; margin-bottom: 50px}
 
/* footer popup */
.footer_pop{position: absolute; bottom: 0; right: 0; z-index: 9;}
.footer_pop_wp{position: relative;}
.footer_pop_wp .colosed{position: absolute; bottom: -1rem; right: -3rem; font-size: 4rem; cursor: pointer;}


 /* 서브 공통 페이지 */
.sub_cont .sub_txt{padding-bottom: 30px; font-size: 18px; line-height: 1.3; border-bottom: 1px solid #ccc;}
.sub_cont .conts{position: relative;}

.sub_cont .conts p img{border-radius: 10px; margin-top: 20px; width: 100%;}
.sub_cont .conbox{position: relative; padding: 0 0 40px; border-bottom: 1px solid #eee; margin: 40px 0;}
.conts .conbox:last-child{margin-bottom: 0 !important;}

.main__tit{font-size: 26px; border-bottom: 1px solid; padding-bottom: 18px; margin-bottom: 30px; font-weight: 800;}
.main__tit span{font-weight: 300;}
.sub__tit{font-size: 21px; padding: 7px 0 13px; font-weight: 400;}
.sub__txt{border-bottom: 1px solid #eee; padding: 0 0 20px; font-size: 18px; font-weight: 400; color: #333;}
.sub__txt span{display: block; font-size: 15px; padding: 7px 0 0 20px;}
.sub__txt span::before{content: '·'; margin-left: -20px; margin-right: 5px;}

.sub_cont .tit{font-size: 22px; font-weight: 600; padding: 60px 0 0;}
.sub_cont .conts:first-child .tit{padding: 0 0 20px;}

.sub_cont .tit span{font-weight: 300; font-size: 15px; display: inline-block; margin-left: 10px;}
.sub_cont ul.info{overflow: hidden; margin-top: 10px;}
.sub_cont .info li{width: 43%; margin: 1% 0 0 0; display: inline-flex; align-items: center; padding: 15px 30px; border: 1px solid #777; font-size: 14px; letter-spacing: -0.5px; background: #fff; border-radius: 5px;}
.sub_cont .info li:nth-child(-n+2){margin-top: 0;}
.sub_cont .info li:nth-child(even){margin-right: 0;}
.sub_cont .info li div{display: inline-block;}
.sub_cont .info li div:first-child{width: 30%;}
.sub_cont .info li div:last-child{width: 70%;}
.sub_cont .info li img{border-radius: 50%; margin-right: 20px;}
.sub_cont .info.logo li img{border: 1px solid #eee !important;}
.sub_cont .info li em{display: block; font-weight: 800; font-size: 16px; padding-bottom: 5px;}

.sub_cont .conbox .info li{border: 1px solid #eaeaea;}

.sub_cont ul.info.type3 li{width: 29.6%; padding: 15px; min-height: 95px;}
.sub_cont ul.info.type3 li div:first-child{width: 41%;}
/* .sub_cont ul.info.type3 li:nth-child(-n+3){margin-top: 0;}*/

.sub_cont .slide_box .btn{bottom: 5px;}
.sub_cont .slide_box .btn a{padding: 8px 21px;}

.depth_tit{font-weight: 700; margin-top: 20px; padding: 10px 20px; font-size: 18px; border-radius: 5px; background: #3b46a8; color: #fff;}
.depth_tit.fire{background: #8b1234;}
.depth_tit.electrical{background: #592daa;}
.sub_cont .conts .small{font-size: 13px; margin-top: 10px; color: rgba(0, 0, 0, 0.5);}
.sub_cont .conbox .txt{padding: 15px 0 0;}

.txtbox{padding: 20px 30px; margin: 20px auto 0; border-radius: 5px; line-height: 1.5; border: 1px solid #ddd; font-size: 14px;}
.txtbox p{padding-left: 10px;}
.txtbox p::before{content: '\002D'; margin: 0 5px 0 -10px;}
.txtbox.top{margin-top: 20px;}
.__no{counter-reset: list-number;}
.__no li{counter-increment: list-number; padding-left: 10px;}
.__no li:before{content: counter(list-number) "."; padding-right: 5px; margin-left: -15px;}
.__no i{display: block; padding-left: 20px;}
.__no i::before{margin-left: -20px; color: #777;}
.__no i:nth-child(1)::before{content: "가. ";}
.__no i:nth-child(2)::before{content: "나. ";}
.__no i:nth-child(3)::before{content: "다. ";}
.__no i:nth-child(4)::before{content: "라. ";}
.__no i:nth-child(5)::before{content: "마. ";}
.__no i:nth-child(6)::before{content: "바. ";}
.__no i:nth-child(7)::before{content: "사. ";}
.__no i:nth-child(8)::before{content: "아. ";}
.pl-10{padding-left: 10px;}
      
.sub_cont .conts:first-child .txtbox{margin: 0 auto 30px;}
.pub_jobs .sub_cont .tit{padding: unset;}
.pub_jobs .sub_cont .conbox{margin: 10px 0 30px; padding: 0 0 30px; border-bottom: 1px solid #777;}
.pub_jobs .sub_cont .conts:first-child .txtbox{margin: 0 auto;}
.pub_jobs em.tit::after{content: ''; margin: 0 10px 0 5px; width: 15px; border-bottom: 2px solid; display: inline-block;}

.pub_jobs .txtbox{margin: 10px auto 0;}
.pub_jobs .btn_frmline{position: absolute; top: -4px; right: 0; width: fit-content; height: fit-content; font-size: 13px; padding: 6px 12px 5px !important;}
/* .pub_jobs td:nth-child(4){text-align: left;} */

.pub_selbox{display: flex; align-items: center;position: relative;}
.pub_selbox strong{width: 50%;  padding: 0 0 15px 0px; margin-right: 10px; color: #0d52d0;}
.pub_jobs select{cursor: pointer;}
.pub_jobs .pub_selbox select{width: 30%;border-radius: 8px;padding: 9px;border: 1px solid #ededed;position: absolute; position: right;right: 0;bottom: 0;}

.pub_info{display: flex; align-items: center; padding-top: 20px !important;}
.pub_info > .logo{width: 30%; text-align: center;}
.pub_info > .logo img{width: 70%;}
.pub_info > .intro{width: 70%;}
.pub_info > .intro strong{font-size: 18px; padding-bottom: 6px; display: block;}
.pub_info > .intro ul{overflow: hidden;}
.pub_info > .intro li{float: left; padding-right: 100px; line-height: 1.5;}
.pub_info > .intro li i{color: #a3a3a3; width: 80px; display: inline-block;}
.pub_info > .intro li a:hover{text-decoration: underline;}

 * [id^="pub_cons_"]{display: none;}

table.pub_jobs_post{position: relative;}
table.pub_jobs_post th{text-align: left; border-top: 3px solid #555; padding: 15px 0; margin: -2px 20px 0 0; display: block;}
table.pub_jobs_post td{border-bottom: 1px dashed #ececec; padding: 15px; margin-left: 30px;}
table.pub_jobs_post tr:last-child td{border-bottom: 0;}
.se2_input_area.husky_seditor_editing_area_container iframe .se2_inputarea table.pub_jobs_post th{text-align: left; border-top: 3px solid #555; padding: 15px 0; margin: -2px 20px 0 0; display: block;}
.se2_input_area.husky_seditor_editing_area_container iframe .se2_inputarea table.pub_jobs_post td{border-bottom: 1px dashed #ececec; padding: 15px; margin-left: 30px;}


.conts:first-child table.info{margin: 0 auto !important;}
table.info{border-top: 1px solid #555; border-bottom: 1px solid #ddd; margin: 20px auto 0; width: 100%; table-layout: fixed;}
table.info thead th{background: #555; color: #fff; padding: 7px 0; border: 1px solid #333; border-left: 0; border-bottom: 0;}
table.info thead th *{color: #fff !important;}
table.info thead tr:first-child th{border-top: 0;}
table.info thead th:last-child{border-right: 1px solid #555;}

table.info tbody th{background: #efefef; padding: 7px 0; border: 1px solid #ccc; border-right: 0; border-bottom: 0;}
table.info tbody tr:first-child th{border-top: 0;}
table.info td:last-child{border-right: 1px solid #ccc;}
table.info td{text-align: center; padding: 10px 5px; border: 1px solid #ddd; background: #fff; font-size: 14px; border-top: 0; border-right: 0;}
table.info tr:last-child td{border-bottom: 0; padding: 15px 5px;}
table.info tbody.total th,
table.info tbody.total td{background: #f9f9f9;}

table.info.test thead td{background: #efefef;}
table.info.test tbody th{background: #f1f7f9; font-weight: 400; font-size: 14px; border-right: 1px solid #ccc;}
table.info.test tbody tr:first-child th{border-top: 0;}

table.info.test colgroup col:nth-child(1) {width: 10%;}
table.info.test colgroup col:nth-child(2) {width: 20%;}
table.info.test colgroup col:nth-child(3) {width: 20%;}
table.info.test colgroup col:nth-child(4) {width: 10%;}
table.info.test colgroup col:nth-child(5) {width: 20%;}
table.info.test colgroup col:nth-child(6) {width: 10%;}
table.info.test colgroup col:nth-child(7) {width: 10%;}

table.info.test.type2 colgroup col:nth-child(-n+7):not(:nth-child(2)):not(:nth-child(5)){width: auto;}

table.info colgroup col:nth-child(1) {width: 15%;}
table.info colgroup col:nth-child(2) {width: 15%;}
table.info colgroup col:nth-child(3) {width: 50%;}
table.info colgroup col:nth-child(4) {width: 20%;}

table.info.pub colgroup col:nth-child(1){width: 20%;}
table.info.pub colgroup col:nth-child(2){width: 10%;}
table.info.pub colgroup col:nth-child(3){width: 10%;}
table.info.pub colgroup col:nth-child(4){width: 10%;}
table.info.pub colgroup col:nth-child(5){width: 10%;}
table.info.pub colgroup col:nth-child(6){width: 10%;}
table.info.pub colgroup col:nth-child(7){width: 10%;}
table.info.pub colgroup col:nth-child(8){width: 10%;}
table.info.pub colgroup col:nth-child(9){width: 10%;}

table.info.learn colgroup col:nth-child(1) {width: 25%;}
table.info.learn colgroup col:nth-child(2) {width: 85%;}
table.info.learn tbody th{border-left: 0; font-weight: 400; font-size: 15px;}
table.info.learn tbody td{text-align: left; padding: 10px 20px; border-right: 0;}
table.info.learn td p{ padding-left: 10px;}
table.info.learn td p::before{content:'\0387'; margin-left: -10px; margin-right: 5px; vertical-align: middle;}

table.info.learn.col__3 col:nth-child(1) {width: 10%;}
table.info.learn.col__3 col:nth-child(2) {width: 10%; text-align: center;}
table.info.learn.col__3 col:nth-child(3) {width: 80%;}
      
.license_roadmap{width: 100%; display: inline-flex; align-items: center; overflow: hidden; justify-content: center; background: #f1f7f9; border-radius: 3px; padding: 30px 5px; margin-top: 20px;}
.license_roadmap li{padding: 0 8px;}
.license_roadmap li div{background: #fff; width: 180px; text-align: center; padding: 10px 0; margin: 2px 0; border-radius: 5px; border: 1px solid #333; line-height: 1;}
.license_roadmap li div strong{display: block;}
.license_roadmap li div.point{border: 1px solid; color: #e91e63; font-weight: 800;}
.license_roadmap li span{font-size: 12px; width: 100px; display: inline-block; padding-left: 4px;}
.license_roadmap li span::before{content: '\00B7'; margin-left: -7px; margin-right: 3px;}

.license_roadmap li.arrow,
.license_roadmap .arrow_down{text-align: center;}
.license_roadmap li.arrow::after{content:'\25B6'; font-size: 12px; color: #777;}
.license_roadmap .arrow_down::after{content:'\25BC'; font-size: 11px; color: #999; text-align: center; line-height: 2;}

.license_roadmap .step{padding: 0 10px; border-radius: 5px; text-align: center; background: #3b46a8; padding: 10px; color: #fff; height: 210px; width: 14.5%;}
.license_roadmap .step div{text-align: left; padding: 10px; font-size: 14px; height: 140px; line-height: 1.1; width: 86%;}
.license_roadmap .step strong{height: 40px; display: grid; font-size: 15px; align-items: center;}
.license_roadmap li div span{font-size: 14px; display: block; width: 100%; padding-top: 5px;}
.license_roadmap .step div em{display: block; color: #3b46a8;}
.sub_cont .tit a{padding: 5px 15px; font-size: 14px; position: absolute; right: 0; border-radius: 3px;}
.license_roadmap a{padding: 3px 5px;}

.license_roadmap.info_step li{padding: 0 2px !important}


.test_step{display: inline-flex; align-items: center; overflow: hidden; justify-content: center; width: 12%;}
li.test_step div{min-height: 30px; border-color: #eee;}
li.test_step div em{display: block; font-size: 11px; color: #fff; background: #3b46a8; font-weight: 500; border-radius: 15px; width: fit-content; margin: 0 auto 6px; padding: 2px 10px;}

.btn_add{background: #0d52d0; color: #fff; text-align: center; border-radius: 520px; padding: 20px 50px; width: fit-content; margin: 30px auto 0; font-weight: 800; font-size: 21px; display: block;}
.btn_add:hover{background: #123e8f;}

.graph__wrap{margin: 50px 0 30px -10px; width: 100%; height: fit-content; position: relative;}
.graph__border{position: absolute; top: 20px; left: 0; height: 100%; background: #fff; width: 10px;}

/* 이용약관 */
.terms p{font-size: 15px; line-height: 1.5;}
.terms em{padding: 70px 0 0; display: block; color:#000; font-size: 23px; font-weight: 600;}
.terms small {color: #555; font-size: 15px; line-height: 1.5}
.terms  i{display: block; font-weight: 700; padding: 30px 0 5px;}
.terms > .box_subtxt{width: inherit; white-space: normal; overflow: hidden; padding: 15px 20px; border-radius: 5px; background: #f7f7f7; color: #777; margin: 20px 0 0;}
.terms > .box_subtxt li {display: inline-block; padding: 10px 6px; width: fit-content; border-bottom:0; font-size: 13px; vertical-align: top;}
.terms > .box_subtxt li div{line-height: 1.5;}
.terms > .box_subtxt a {color: #555;}
.terms > .box_subtxt a:hover {text-decoration: underline;}
.terms > .conts {width: inherit;}
.terms > .conts > i {font-size: 15px; letter-spacing: -0.5; font-weight: 700; display: block; padding: 20px 0 5px;}
.terms > .conts > sub {font-size: 13px; display: block; padding-top: 15px;}
.terms .no{padding: 0 0 0 15px; counter-reset: number;}
.terms .txt.no > p{padding-top: 5px;}
.terms .txt.no p::before{counter-increment: number 1; content: counter(number) '\2024'; padding-right: 3px; margin-left: -15px;}
.terms .left.no p::before{counter-increment: number 1; content: counter(number) '\0029'; padding-right: 3px; margin-left: -15px;}


/* 개인 처리 방침 */
.privacy{line-height: 1.5; padding-bottom: 50px; font-size: 15px;}
.privacy .intro{position: relative;}
.privacy .btn_top{position: fixed; right: 1%; bottom: 3%; background: rgba(0,0,0,0.98); width: 38px; height: 38px; font-size: 12px; font-weight: 900; border-radius: 50%; color: #fff; display: grid; align-items: center; text-align: center;}

.privacy .txt{padding-top: 20px;}
.privacy em{font-size: 20px; font-weight: 900; padding-top: 45px; line-height: 1; display: flex; align-items: center;}
.privacy em img{margin-right: 10px;}

.privacy .notice{padding-left: 15px;}
.privacy .notice::before{content: '\203B'; padding-right: 5px; margin-left: -15px;}

.privacy .hyphen{display: block; padding: 5px 0 0 5px; ;}
.privacy .hyphen::before{content: '\002D'; margin-left: -12px; padding-right: 3px;}

.privacy .depth{padding: 0 10px;}

.privacy .alink{width: fit-content; padding-top: 20px;}
.privacy .alink P{font-size: 13px; border-bottom: 1px solid #ccc; padding: 5px 0 3px;}
.privacy .alink i{width: 240px; display: inline-block;}
.privacy .privacy_btn{border: 1px solid #ccc; padding: 0 10px; font-size: 11px; text-align: center; display: inline-block; margin-left: 10px;}

.privacy .list{overflow: hidden; margin-top: 10px; padding: 20px; border: 1px solid #efefef; counter-reset: number;}
.privacy .list li{float: left; width: fit-content; padding: 0 5% 0 5%;}
.privacy .list li div{width: fit-content; padding: 0 0 1px 20px;}
.privacy .list li div::before{content: '제'; margin-left: -20px;}
.privacy .list li div i{display: inline-block; font-style: normal;}
.privacy .list li div i::before{counter-increment: number 1; content: counter(number) '';}
.privacy .list li div i::after{content: '조'; padding-right: 5px;}
.privacy .list li div:hover{border-bottom: 1px solid #000; padding-bottom: 0;}

.privacy .info{padding: 10px 0 0 20px; counter-reset: number;}
.privacy .info li{padding-top: 10px;}
.privacy .info li::before{counter-increment: number 1; content: counter(number) '\002E'; padding-right: 5px; margin-left: -15px;}
.privacy .info li.bold::before{font-weight: 900;}

.privacy .no{padding: 5px 0 0 20px; counter-reset: number;}
.privacy .no p::before{counter-increment: number 1; content: counter(number) '\0029'; padding-right: 5px; margin-left: -20px;}

.privacy .priv_list{margin-top: 40px; color:  #555; font-size: 14px;}

table{table-layout: fixed; word-break: break-all; border-collapse: collapse; width: 100%;}
table.labeling{margin-top: 45px; border-top: 2px solid #000; border-bottom: 1px solid #000;}
table.labeling th,
table.labeling td{text-align: center;}
table.labeling td{border-top: 1px solid #efefef; padding: 20px 0;}
table.labeling td:nth-child(2){border: 1px solid #efefef; border-bottom: 0;}
table.labeling thead th{padding: 15px 0; border-bottom: 1px solid #000; font-size: 16px;}
table.labeling img{width: 54px; margin: 0 auto 10px;}

table.data{margin: 20px auto 0; border: 1px solid #e7e7e7;}

table.data strong{line-height: 2;}
table.data th{text-align: center;}
table.data tbody th{font-weight: 500; border-top: 0;}
table.data th,
table.data td{font-size: 14px; border: 1px solid #e7e7e7; border-right: 0; padding: 10px;}
table.data thead th{background: #efefef; border-bottom: 0;}

table.data tr td:first-child,
table.data tr:first-child td{border-top: 0;}
table.data col:nth-child(1){width: 35%;}
table.data.v2 tbody th{background: #efefef; font-weight: 900;}


table.data.col_01 col{width: 33.3%;}
table.data.cell_1 col:nth-child(1){width: 10%;}

table.data.cell_3 td,
table.data.cell_4 td,
table.data.cell_5 td{text-align: center;}

table.data.cell_3 col:nth-child(1){width: 40%}
table.data.cell_3 col:nth-child(2){width: 20%}
table.data.cell_3 col:nth-child(3){width: 40%}

table.data.cell_3.v2 col:nth-child(1){width: 30%}
table.data.cell_3.v2 col:nth-child(2){width: 45%;}
table.data.cell_3.v2 col:nth-child(3){width: 25%}

table.data.cell_3.v2 td:nth-child(2),
table.data.cell_3.v2 tr:nth-child(2) > td:nth-child(1){text-align: left;}
table.data.cell_3.v2 td:last-child{text-align: center !important;}

table.data.cell_4 col:nth-child(1){width: 25%}
table.data.cell_4 col:nth-child(2){width: 25%}
table.data.cell_4 col:nth-child(3){width: 15%}
table.data.cell_4 col:nth-child(4){width: 40%}

table.data.cell_4.v2 col:nth-child(1){width: 22%}
table.data.cell_4.v2 col:nth-child(2){width: 35%}
table.data.cell_4.v2 col:nth-child(3){width: 26%}
table.data.cell_4.v2 col:nth-child(4){width: 17%}

table.data.cell_5 col:nth-child(1){width: 25%}
table.data.cell_5 col:nth-child(2){width: 25%}
table.data.cell_5 col:nth-child(3){width: 15%}
table.data.cell_5 col:nth-child(4){width: 20%}
table.data.cell_5 col:nth-child(5){width: 20%}


table.data.cell_5 tr:nth-last-child(2) td:nth-last-child(2),
/* table.data.cell_5 td:nth-child(4), */
table.data.cell_5 tr:last-child td:nth-last-child(2){text-align: left;}

.board table.col__6.pub_jobs col:nth-child(1){width: 9%;}
.board table.col__6.pub_jobs col:nth-child(2){width: 12%;}
.board table.col__6.pub_jobs col:nth-child(3){width: 16%;}
.board table.col__6.pub_jobs col:nth-child(4){width: 38%;}
.board table.col__6.pub_jobs col:nth-child(5){width: 16%;}
.board table.col__6.pub_jobs col:nth-child(6){width: 9%;}
.pub_jobs .board .form{color: #fff; font-weight: 500; margin-left: 5px; border-radius: 3px; padding: 5px 0; width: 80px; display: inline-block; font-size: 12px;}
.pub_jobs ul.header i.form{color: #fff !important; font-weight: 500; font-size: 15px; border-radius: 20px; padding: 5px 25px;}
.pub_jobs .form.__1{background: #3e96a6;}
.pub_jobs .form.__2{background: #3e7ba6;}
.pub_jobs .form.__3{background: #4c6488;}
.pub_jobs .form.__4{background: #4859c0;}
.board table.pub_jobs img{width: 16px;}

.board_top{display: flex; align-items: center; margin-bottom: 15px;}
.board_top .search-sub{position: relative; width: 69%; height: fit-content;}
.board_top .prog_dn{position: relative; width: 31%; display: flex; justify-content: center;align-items: center; border: 1px solid #eaeaea; padding: 5px 10px; border-radius: 5px;}
.board_top .prog_dn span{color: #555; font-weight: 500; font-size: 15px; display: flex;align-items: center;}
.board_top .prog_dn span::after{content: ''; padding: 0 6px; border-right: 1px solid; height: 20px; display: inline-block; margin-right: 13px; color: #ddd;}
.board_top .prog_dn a{margin: 5px 10px 0 0;}

.black{color: #000;}
.point{color: #3389f2;}



/*이도현 추가 기업현황*/
@media (max-width:860px){
    .pub_selbox{display: block;}
    .pub_jobs .pub_selbox select {width:100%;position:static;    margin-top: 10px;}
}