@charset "utf-8";
/* popup */
#popup {display:block; width:auto; line-height:initial; background:#fff; color:#444; font-size:13px}
#popup strong {font-style:normal; font-family:NanumGothicBold}
#popup .pop_close {position:absolute; right:11px; top:9px; width:12px; height:12px; background:url(/ext_jobcenter/image/contents/popup/btn_popClose.png) 0 0 no-repeat; text-indent:-9999px}
#popup h1 {display:block; padding-left:9px; height:36px; line-height:36px; background:#1b3760; color:#fff; font-size:15px; font-style:normal; font-family:NanumGothicBold}
#popup h2 {margin-bottom:13px; font-size:18px; font-family:NanumGothicBold}

#popup .btn_group {margin-top:20px; text-align:right;}
#popup .btn_gry {display:inline-block; padding:0 13px; height:30px; line-height:30px; background:#6c6f73; color:#fff; font-size:14px; font-family:NanumGothicBold}
#popup .srch_area .btn_srch {width:78px; height:34px; line-height:34px; background:#1b3760; color:#fff}
#popup .srch_area .btn_srch:before {position:relative; top:2px; display:inline-block; margin-right:3px; width:13px; height:13px; background:url(/ext_jobcenter/image/contents/popup/ico_srch.png) 0 0 no-repeat; content:""}
#popup .tbl_select td .btn_del {display:inline-block; margin-left:4px; padding:0 3px 0 2px; height:16px; line-height:16px; background:#666; font-size:12px; color:#fff; letter-spacing:-1px}
#popup .bth_wht_link {display:inline-block; padding:0 10px; height:24px; line-height:24px; background:#fff; border:1px solid #bababa; font-size:12px; color:#222}
#popup .btn_wht {display:inline-block; padding:0 10px; min-width:48px; height:36px; line-height:36px; border:1px solid #1b3760; background:#fff; color:#1b3760; font-size:14px; font-family:NanumGothicBold; text-align:center} /* 20210218 추가 */
#popup .btn_navy {display:inline-block; padding:0 10px; min-width:48px; height:36px; line-height:36px; border:1px solid #1b3760; background:#1b3760; color:#fff; font-size:14px; font-family:NanumGothicBold; text-align:center} /* 20210218 추가 */
#popup .btn_navy:hover, #popup .btn_navy:focus {text-decoration:none} /* 20210218 추가 */

#popup .cont {padding:15px 20px 18px; line-height:22px}
#popup .cont input[type="text"], #popup .cont input[type="password"] {padding-left:10px; height:28px; line-height:28px; border:1px solid #dedede}
#popup .txt_guide {font-size:13px}
#popup .txt_guide + table {margin-top:12px}
#popup .tbl_select {border-top:2px solid #ddd; font-size:13px}
#popup .tbl_select th, #popup .tbl_select td {border-bottom:1px solid #e3e3e3}
#popup .tbl_select tbody th {padding-left:10px; background:#f1f1f1; font-family:NanumGothicBold}
#popup .tbl_select th, #popup .tbl_select td {padding:8px 0 9px; font-size:13px}
#popup .tbl_select td {padding-left:15px; padding-right:15px}
#popup p.f_15 {font-size:15px}

#popup table.tbl_list th, #popup table.tbl_list td {font-size:14px}
#popup table td .sel_view {overflow:hidden}
#popup table td .sel_view li {float:left; margin-right:13px}
#popup .sel_region {position:relative; margin-top:30px; overflow:hidden; font-size:13px}
#popup .sel_region .tit {display:block; width:100%; height:26px; border-bottom:1px solid #ddd; background:#f3f3f3; text-align:center}
#popup .sel_region ul:after {display:block; clear:both; content:""}
#popup .sel_region ul li.bb_none {border-bottom:none !important}
#popup .sel_region .city {position:relative; float:left; margin-right:60px; width:158px; border:1px solid #ddd}
#popup .sel_region .city:after {position:absolute; left:175px; top:50%; display:block; margin-top:-20px; width:30px; height:40px; background:url(/ext_jobcenter/image/contents/popup/bg_arrow.gif) 0 0 no-repeat; content:""}
#popup .sel_region .city ul {height:260px; overflow-y:auto}
#popup .sel_region .city ul:after {display:block; clear:both; content:""}
#popup .sel_region .city ul li {float:left; width:50%; border-bottom:1px solid #ddd}
#popup .sel_region .city ul li:first-child {width:100%}
#popup .sel_region .city button {width:100%; line-height:25px}
#popup .sel_region .town {float:left; border:1px solid #ddd; width:378px}
#popup .sel_region .town ul {height:260px; overflow-y:auto}
#popup .sel_region .town ul li {float:left; padding-left:10px; width:47%; height:30px; line-height:30px; border-bottom:1px solid #ddd}

#popup .division {margin-top:30px; font-size:13px; overflow:hidden}
#popup .division > div {position:relative; float:left; margin-left:51px; width:164px; border:1px solid #e5e5e5}
#popup .division > div.first {margin-left:0}
#popup .division > div:before {position:absolute; left:-40px; top:50%; display:block; margin-top:-20px; width:30px; height:40px; background:url(/ext_jobcenter/image/contents/popup/bg_arrow.gif) 0 0 no-repeat; content:""}
#popup .division div .tit {display:block; width:100%; height:24px; line-height:24px; border-bottom:1px solid #e5e5e5; background:#f3f3f3; text-align:center}
#popup .division div ul {height:244px; overflow-y:auto}
#popup .division div ul li {position:relative; padding:4px 5px 4px 20px; line-height:18px; border-bottom:1px solid #e5e5e5}
#popup .division div ul li:last-child {border-bottom:none}
#popup .division div ul li input[type="checkbox"] {position:absolute; left:5px; top:8px}
#popup .division div ul li button {text-align:left}

#popup .tbl_view th, #popup .tbl_view td {font-size:14px} /* 20210218 추가 */

#popup .srch_area {margin-top:20px; padding:10px 0 10px 10px; background:#f1f1f1; font-size:13px}
#popup .srch_area .tit {display:inline-block; margin-right:25px; width:auto; line-height:34px}
#popup .srch_area input[type="text"] {width:368px; height:34px; line-height:32px; border:1px solid #888; box-sizing:border-box}

#popup .info_guide {padding:20px 0 20px 17.5%; width:82.5%; min-height:84px}
#popup .info_guide:before {position:absolute; left:20px; top:20px; display:block; width:84px; height:84px; background:url(/ext_jobcenter/image/contents/popup/bg_guide.png) 0 0 no-repeat; content:""}
#popup .info_guide.fax:before {background:url(/ext_jobcenter/image/contents/popup/bg_guide.png) 0 0 no-repeat}

#popup .srch_box {padding:19px 4% 12px 4%; width:92%}
#popup .srch_box > ul {width:78%}
#popup .srch_box > ul > li {width:100%}
#popup .srch_box ul li > div {width:auto}
#popup .srch_box ul li .tit {width:20.5%}
#popup .srch_box input[type="text"] {width:89%}

#popup .view_faq {margin-top:5px; border-top:2px solid #000; border-bottom:1px solid #dedede; line-height:22px}
#popup .view_faq .title {display:table; width:100%; height:51px; border-bottom:1px solid #000; background:#f7fcff; color:#333}
#popup .view_faq .title span {display:table-cell; padding:0 20px; vertical-align:middle}
#popup .view_faq .scroll {max-height:250px; overflow-y:auto}
#popup .view_faq p {padding:15px 20px 16px}

/* 직종찾기 */
#popup .tbl_condition {margin:0 0 5px}
#popup .workSrch_wrp {border-top:1px solid #e5e5e5}
#popup .workSrch_wrp .scroll {max-height:240px; overflow-y:auto}
#popup .workSrch_wrp .title {display:block; height:24px; line-height:24px; border-bottom:1px solid #e5e5e5; background:#f3f3f3; font-size:13px; color:#444; text-align:center}
#popup .workSrch_wrp ul li {border-bottom:1px solid #e5e5e5; font-size:12px; text-indent:24px}
#popup .workSrch_wrp ul li.second {text-indent:34px}
#popup .workSrch_wrp ul li.third {text-indent:44px}
#popup .workSrch_wrp ul li button, #popup .workSrch_wrp ul li label {line-height:29px; font-size:12px; color:#444}