@charset 'utf-8';
/********************************** 서브공통 **********************************/
.sub{ min-width:1200px; min-height: 100%; padding-bottom: 100px; font-family:"Noto Sans KR", "돋움", "맑은 고딕", 'Malgun Gothic', Dotum, Helvetica, AppleGothic, sans-serif;}
.sub_common{ position: relative; width:100%; }
.sub_content{ position: relative;  max-width:1024px; margin:0 auto; padding-top: 100px; }
.sub_content2{ position: relative; max-width:1024px; margin:0 auto; padding-top: 100px; }

.sub_visual {overflow:hidden;}
.sub_visual ul.sv_imgs > li {position:relative; display:none; height:480px;}
/* .sub_visual_bg {background:url('../images/sub/sub_visual.jpg') no-repeat center center; background-size:cover; width:100%; height:100%;} 공채로 인한 이미지 변경 */
.sub_visual_bg {background:url('../images/sub/kpmg_banner.jpg') no-repeat center center; background-size:cover; width:100%; height:100%;}
.m_navi_tit{ display: none; }

.sub_navi{ border: 1px solid #dfdfdf; border-left:none; border-right:none; margin-bottom: 20px;}
.sub_navi > div.inner{ position: relative; width: 1024px; margin:0 auto; }

.sub_visual_txt {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1; color:#fff; font-size:36px; font-weight:400; text-align:center;}
.sub_visual_menu {display:block; margin-bottom:35px; font-size:20px; font-weight:400; letter-spacing:-0.025em;}

.navi_wrap{ position: relative; }
.navi_wrap:after{ content: ""; display: block; clear: both; }
.navi_wrap > li{ position: relative; float: left; padding: 0 19px; border-right: 1px solid #dfdfdf; }
.navi_wrap > li.last{ padding: 0 24px; min-width: 100px; }
.navi_wrap > li:first-child{ border-left: 1px solid #dfdfdf; padding: 0px; }
.navi_wrap > li > a{ display: block; height: 14px; padding: 17px 54px 17px 0; background: url('../images/sub/ico_arrow_down.png') right center no-repeat; font-size: 16px; color: #444; }
.navi_wrap > li > a.on{ font-weight: bold; color: #1f1f1f; }
.navi_wrap > li:first-child > a{ padding: 17px 19px; background: none; }
.navi_wrap > li.on > a{ background: url('../images/sub/ico_arrow_up.png') right center no-repeat; }

.navi_wrap ul.navi_box{ position: absolute; top: 48px; left: -1px; display: block; width: 101%; display: none; z-index: 100; }
.navi_wrap ul.navi_box > li{ padding: 17px 19px; border: 1px solid #dfdfdf; border-top: 0px; background: #fff; }
.navi_wrap ul.navi_box > li:first-child{ border-top: 1px solid #dfdfdf; }
.navi_wrap ul.navi_box > li > a{ display: block; font-size:16px; color:#444; }
.navi_wrap ul.navi_box > li > a:hover {color:#00338d;}

.sub_navi p.now_recruit{ display:none; position: absolute; top: 4px; right: 0px; width: 164px; height: 40px; background: #00338d; font-size: 16px; color: #fff; line-height: 40px; text-align: center; border-radius: 25px; } /* 진행중인  채용건수 */
.sub_navi p.now_recruit > span{ display: inline-block; font-size: 18px; font-weight: bold; padding-left: 5px; }
*:first-child+html .sub_navi p.now_recruit > span{ display: inline; }

/* hgroup + text */
.h_box{overflow:hidden;margin-bottom: 5px; }
.h_box h3{float:left;font-size: 20px; color: #00338d; font-weight: 500; letter-spacing: -0.5px;line-height:24px;}
.h_box h5{float:left;font-size: 16px; color: #454545; font-weight: normal; line-height:32px;}

.h_box h3 span{font-size: 14px; color: #222;}
.h_box h3 span i{font-style:normal;}
.h_box h3 .ess i{display:inline-block;color: #f96c6c;vertical-align:middle;padding-top:3px;}

.h_box .guide_view{float:right;background:#00338d;height: 35px;border-radius:3px; }
.h_box .guide_view a{ display: block; background: #00338d; width: 38px; height: 35px; text-align: left; line-height: 35px; color: #fff; font-size: 0px; background:url('../images/recruit/write_guide_icon.png') center center no-repeat; }
.h_box .guide_view:hover{background: #00338d; }
.h_box .guide_view:hover a{ width:115px;padding-left:37px; background-position: 8px center;font-size:16px; }

.guide_info{margin-bottom:10px;font-size: 16px; color: #222;}
.guide_info i{ display: inline-block; color: #485359; border-bottom: 1px solid #485359; font-style: normal; vertical-align: bottom; }

/* selectbox */
select{ cursor: pointer; }
select:disabled{ cursor: default; }
button{ cursor: pointer; }
.sel_txt.on{ border: 1px solid #1d1d1b !important; }
option{ padding: 0px; }
input, textarea{ -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 0px; }
textarea{ resize: none; border: 1px solid #bbb; }
textarea:focus{ border: 1px solid #000; outline: none; }

.select_box > div.inner{ position: relative; text-align: left; }
.select_box > div.inner > .sel_txt{ position: absolute; top: 0px; left: 0px; display: block; font-size: 14px; color: #767676; width: 100%; height: 35px; line-height: 33px; border: 1px solid #ccc;  padding: 0px; text-indent: 10px;background:#fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-right: 23px; box-sizing: border-box; }
.select_box > div.inner > .sel_txt.disabled{background:#f3f3f3; }
.select_box > div.inner > .sel_txt i{ position: absolute; top:13px; right: 14px; background: url('../images/recruit/sch_down.png') 0 0 no-repeat; width: 9px; height: 8px; display: block; }
.select_box > div.inner > .sel_txt.on > i{ background: url('../images/recruit/sch_up.png') 0 0 no-repeat; }
.select_box > div.inner > label.disabled{background:#f0f0f0;}
.select_box > div.inner > select{ width: 100%; height: 35px; line-height: 33px; opacity: 0; filter: alpha(opacity=0);  border: 0px; box-sizing: content-box; padding: 0px; text-indent: 10px; vertical-align:top; }

input{ border: 1px solid #bbb; color: #444; font-size: 14px; height: 33px; text-indent: 9px; width: 354px; line-height: 31px; }

/* 신규달력 */
.date_list li{display:inline-block;vertical-align:top;}

.cb_box{display:inline-block;position: relative;width: 354px;line-height: 33px;vertical-align:top; border:1px solid #bbb;}
.cb_box input{width:100%;height:33px;line-height:33px;box-sizing:border-box;border:none;background:url(../images/recruit/calendar_icon_new.png) no-repeat right center;}
.cb_box input:disabled{background:#f3f3f3 url(../images/recruit/calendar_icon_new.png) no-repeat right center;;}

/* datepicker */
.ui-datepicker {width:305px !important; border-radius:0 !important; padding:0 !important;}
.ui-datepicker .ui-widget-header {background-color:#003087; border-radius: 0; border:none; padding:5px 0;}
.ui-datepicker .ui-datepicker-title {padding:5px 0; font-size:0;}
.ui-datepicker .ui-datepicker-title select {padding:3px 0; font-size: 15px !important; font-weight: 600;}
.ui-datepicker select.ui-datepicker-year, .ui-datepicker select.ui-datepicker-month {width:32% !important; margin:5px !important; }

.ui-datepicker table {margin:0 !important;}
.ui-datepicker th {background-color:#f5f5f5; width:35px; height:45px; padding:0 !important; font-size:14px;}
.ui-datepicker td a,
.ui-datepicker td span {display:block; width: 35px; height: 35px; line-height:35px; font-size:14px; margin:0 !important;}

.ui-datepicker .ui-widget.ui-widget-content {border:1px solid #a2a2a2;}

.ui-datepicker .ui-state-default, 
.ui-datepicker .ui-widget-content .ui-state-default, 
.ui-datepicker ui-widget-header .ui-state-default {background:none !important; text-align:center !important; border:none !important; color:#222 !important;}

.ui-datepicker-calendar .ui-state-highlight, 
.ui-datepicker-calendar .ui-widget-content .ui-state-highlight {background:transparent !important; color:#222 !important;}

.ui-datepicker .ui-datepicker-buttonpane,
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {display:none;}
 
.ui-state-active,
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active,
.ui-button:active, 
.ui-button.ui-state-active:hover,
.ui-datepicker-calendar .ui-state-default:hover {width:35px; height:35px; background: #003087 !important; color: #fff !important; border-radius: 100%;}

/* select type */
.sel_type01{display:inline-block;width:80px;vertical-align:top;}
.select_box.sel_type01 .sel_txt{height:35px !important;line-height:35px !important;box-sizing:border-box;}

/* btn style */
.btn_wrap{text-align:center;margin-top: 30px;}
.btn_wrap a{display:inline-block; height: 46px;color: #444;font-size: 18px; line-height: 46px; text-align: center;border: 1px solid #9da3a8; margin-bottom: 2px; }
.btn_wrap a.btn_style01{ width: 171px; }
.btn_wrap a.btn_style01:hover{ color: #00338d; border: 1px solid #00338d; }
.btn_wrap a.btn_style02{ width: 238px; }
.btn_wrap a.btn_style02:hover{ color: #00338d;  border: 1px solid #00338d;  }


/* 첨부파일 */
.file_design{position:absolute;left:0;width:100%;height:43px;font-size:15px;line-height:43px;text-indent:15px;cursor:pointer;box-sizing:border-box;border:1px solid #cbcbcb;background:#fff;opacity: 0; filter: alpha(opacity:'0');}
.file_trick{width:68%;height:35px;line-height:35px;box-sizing:border-box;}
.btn_file{float:right;display:inline-block;width:30%; background: #333; color: #fff; text-align: center; line-height: 35px; height: 35px;}

/* email box */
.email_box ul.email li{ display: inline-block; line-height: 33px; vertical-align:top;text-align:center; }
*:first-child+html .email_box ul.email li{ display: inline; }
.email_box ul.email li input{ width: 100%;text-align:left; }
.email_box ul.email li:first-child + li{width:14px; color: #444; font-size: 16px;}
.email_box ul.email li:first-child + li + li + li{ width: 181px; }
.email_box ul.email .select_box{ margin:0 5px;}

/* phone box */
.phone_box{ width: 100%; display: flex; flex-wrap: nowrap; align-items: center;}
.phone_box li{ display: table-cell; padding: 0 2px; line-height: 35px;text-align:center; color:#444;}
.phone_box i{ display: inline-block; line-height: 33px; min-width: 6px; }
*:first-child+html .phone_box i{ display: inline; }
.phone_box li input{ width: 106px;text-align:left; }
/* .phone_box li .select_box{ margin:0 5px;}
.phone_box li:first-child .select_box{ margin:0px; } */

.phone_box .select_box > div.inner{ padding-right: 0px; }
.phone_box .select_box > div.inner > .sel_txt{ width: 110px; padding: 0px; text-indent: 10px; }
.phone_box .select_box > div.inner > select{ width: 110px; padding: 0px; text-indent: 10px; }

/* checkbox*/
.chk_box input[type="checkbox"] {display:none;}
.chk_box input[type="checkbox"] + label{ display:inline-block; vertical-align:middle; height:auto; background: transparent;  text-indent: unset; line-height: unset; font-size: 16px; color: #333; cursor:pointer;}
.chk_box input[type="checkbox"]:checked + label { background:transparent; }
.chk_box input[type="checkbox"] + label:before { content:""; display:inline-block; vertical-align:middle; width:20px; height:20px; margin-right:10px; border:2px solid #dedede; background-color:#fff; background-image:url('../../../images/check_off.png'); background-repeat:no-repeat; background-position:center center; background-size:10px 8px; box-sizing:border-box; }
.chk_box input[type="checkbox"]:checked + label:before { border-color: #003387; background-image:url('../../../images/check_on.png'); }

/* input:radio */
.radio_box input[type="radio"] {display:none;}
.radio_box input[type="radio"] + label { display:inline-block; vertical-align:middle; font-size: 16px; color: #333; cursor:pointer;}
.radio_box input[type="radio"] + label:before { content:""; display:inline-block; vertical-align:middle; width:15px; height:15px; margin-right:10px; background-color:#dedede; box-shadow:0 0 0 2px #dedede; border:3px solid #fff;	 border-radius:50%; box-sizing:border-box; }
.radio_box input[type="radio"]:checked + label:before { background-color:#003387; box-shadow:0 0 0 2px #003387; }

/* address box */
.address_box div.ar_sch{ position: relative; display: inline-block; padding-right: 122px; margin-bottom: 6px; }
*:first-child+html .address_box div.ar_sch{ display: inline; }
.address_box div.ar_sch input{ position: relative; }
.address_box div.ar_sch a.ar_btn{ position: absolute; top: 0px; right: 0px; display: block; width: 112px; text-align: center; color: #3a3a3a; font-size: 14px; height: 35px; line-height: 35px; background: #eee; }
.address_box div.ar_sch a.ar_btn:hover{ background:#00338d; color:#fff; }

/* 주민등록번호 */
.resident_num > li{ display: inline-block; width: 100px; }
*:first-child+html .resident_num > li{ display: inline; }
.resident_num > li > input{ width: 100%; }
.resident_num > li:first-child + li{ width: 10px; text-align: center; }

/* span *처리 */
.em_ess{ display:inline-block;margin:0 2px;color: #f95e5e;font-style:normal;vertical-align:middle;}

/* btn_wrap */
.btns_wrap{ width: 100%; text-align: center; margin-top: 80px; }
.btns_wrap > a{ display: inline-block; position: relative; height: 50px; line-height: 48px; text-align: center; font-size: 16px; color: #444; border: 1px solid #c4c4c4; margin-left: 1%; margin-bottom: 2px; box-sizing: border-box;}
.btns_wrap > a:first-child{ margin-left: 0px; }
*:first-child+html .btns_wrap > a{ display: inline; }

a.spt_btn{ width: 172px; }
a.spt_btn2{ width: 238px; }


a.spt_btn:hover{ color: #00338d; border: 1px solid #00338d; }
a.spt_btn2:hover{ color: #00338d;  border: 1px solid #00338d; }
a.spt_btn3:hover{ color: #00338d;  border: 1px solid #00338d; }

a.spt_btn.nhover{ color: #00338d; border: 1px solid #00338d; }
a.spt_btn2.nhover{ color: #00338d;  border: 1px solid #00338d; }
a.spt_btn3.nhover{ color: #00338d;  border: 1px solid #00338d; }

/* sub - paging number */

.paging{padding-top: 70px;text-align:center;}
.paging a{display: inline-block; width: 28px;height:28px;line-height:26px; font-size:15px; vertical-align:top;box-sizing:border-box;border: 1px solid #d3d3d3;background: #fff; color:#444; font-weight:normal !important;}
.paging a:hover{color:#fff;border:none;background:#00338d;font-size:15px; font-weight:normal !important;}
.paging span{display: inline-block;width: 28px; height:28px;color:#fff;line-height: 26px;vertical-align:top;background: #00338d; font-size:15px; font-weight:normal !important;}
.paging a,.paging span,.paging .num{margin:0 3px;}
.paging .btn_first{border:none !important;background: url(../images/sub/page_allprev.png) no-repeat !important;text-indent:-9999em;background-size:100% 100% !important;}
.paging .btn_pre{border:none !important;background: url(../images/sub/page_prev.png) no-repeat !important;text-indent:-9999em;background-size:100% 100% !important;}
.paging .btn_next{border:none !important;background: url(../images/sub/page_next.png) no-repeat !important;text-indent:-9999em;background-size:100% 100% !important;}
.paging .btn_last{border:none !important;background: url(../images/sub/page_allnext.png) no-repeat !important;text-indent:-9999em;background-size:100% 100% !important;}


/* 2021-03-03 추가 */
.border_gray {border: 1px solid #bbb;}

/************************* guide_ay *************************/
/* display: table-cell; */
.guideay input{ width: 100%; }
.guideay .select_box{ width: 120px; }
.guideay p.supt5_txt1{ background: url('../images/recruit/tetscon1_txtbg.png') left 4px no-repeat; padding-left: 8px; font-size: 14px; color: #333; line-height: 1.3; text-align: left; }

.li_table_wrap{ display: table; width: 100%; border-top: 2px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; margin-bottom: 60px; } 
.li_table{ display: table-row; }
.li_table > li{ display: table-cell; text-align: center; border-bottom: 1px solid #dedede; }
.li_table > li > dl > dt{ position: relative; border-bottom: 1px solid #dedede; background: #f9f9f9; height: 50px; line-height: 50px; }
.li_table > li > dl > dt > label.paragr2 > br{ display: none; }
.li_table > li > dl > dd{ padding: 9px 5px; }
.li_table > li.last{ width: 190px; }

.li_table.inner{ height: 40px; background: #f9f9f9; }
.li_table.inner > li{ background: #f9f9f9; font-size: 14px; line-height: 1.3; padding: 12px 0; }
.li_table.inner > li.ta_l{ padding-left: 18px; text-align: left; background: url('../images/recruit/tetscon1_txtbg.png') 10px 22px no-repeat; }

.toeic_wrap{ width: 130px; }

/* table안에있는 버튼*/
a.litb_btn{ display: inline-block; padding: 6px 25px; font-size: 14px; line-height: 1.2; color: #fff; text-align: center; margin-top: 4px; }
a.litb_btn.ver1{ background: #292929; }
a.litb_btn.ver1:hover{ background: #000; }
a.litb_btn.ver2{ background: #525252; }
a.litb_btn.ver2:hover{ background: #9ca2a7; }

a.litb_sbtn{ display: inline-block; font-size: 14px; padding: 3px 16px; line-height: 1.2; text-align: center; background: #fff; margin-top: 3px; }
a.litb_sbtn.ver1{ border: 1px solid #323232; color: #292929; }
a.litb_sbtn.ver1:hover{ background: #000; border: 1px solid #000; color: #fff; }
a.litb_sbtn.ver2{ border: 1px solid #898989; color: #9ca2a7; }
a.litb_sbtn.ver2:hover{ background: #525252; border: 1px solid #525252; color: #fff; }

/* 검색input */
.sch_box{ position: relative; padding-right: 68px; min-width:50px; }
.sch_box > a.sch_btn{ position: absolute; top: 0px; right: 0px; width: 68px; background: #333; color: #000; text-align: center; line-height: 35px; height: 35px; box-sizing:border-box;}

/* text+input */
.txtinput{ position: relative; padding-left: 35px; }
.txtinput dt{ position: absolute; top: 9px; left: 0px; font-size: 14px; width: 35px; }

/* dl.style01 */
.dl_style01{ display: table; width: 100%; }
.dl_style01 dt{ display: table-cell; width: 30%; padding: 10px 0; vertical-align: middle; }
.dl_style01 dd{ display: table-cell; width: 70%; padding: 10px; vertical-align: middle; }

/************************* guide_ay *************************/

/* sub popup */
.sub_popup{ position: relative; width: 100%; }
.sub_popup a.spop_close{ position: absolute; top: 0px; right: 0px; }
.sub_popup > div.inner{ padding: 40px 60px; }
.sub_popup > div.inner .supt_wrap{ width: auto; margin: 0px; }

.sub_popup div.spop_top{ }
.sub_popup ul.gender{ text-align: center;display:table;width:100%;background: #f4f4f5; padding: 9px 0 8px 0; border-top: 1px solid #e9eaeb; border-bottom: 1px solid #e9eaeb; }
.sub_popup ul.gender > li{display:table-cell;}
.sub_popup .btns_wrap{margin-top:20px;}

.tab_cons{ display: none; }
.tab_cons.on{ display: block; }

.spop_strong{font-size:15px;color:#00338d;font-weight:600;}

/* sub popup_비밀번호찾기, 이메일찾기 팝업 */
.spop_con > li > dl{ position: relative; padding-left: 135px; color:#444; font-size:17px;}
.spop_con > li > dl > dt{ position: absolute; top: 0px; left: 0px; width: 120px; height: 100%; background: #f9f9f9; }
.spop_con > li > dl > dt > p{ padding: 16px 0 0 15px; }
.spop_con > li > dl > dd{ padding: 8px 0; }
/* .spop_con .email_box ul.email li:first-child + li + li + li{ margin-top: 7px; } */
.spop_con .email_box ul.email li:first-child + li{ width:22px; }

.spop_con_pwd > li > dl > dt {width:165px;}
.spop_con_pwd > li > dl{padding-left: 180px;}


.spop_con div.spop_phone{ position: relative; padding-right: 100px; display: inline-block; }
*:frist-child+html .spop_con div.spop_phone{ display: inline; }
.spop_con div.spop_phone ul.phone_box{ width: 100%; }
.spop_con div.spop_phone div.chk_box{ position: absolute; top: 50%; right: 0px; margin-top: -8px; }

.spop_con .email_box ul.email li{ width: 21.4%; }

.spop_con dl.pw_box{ position: relative; padding-right: 175px; display: inline-block; }
*:frist-child+html .spop_con dl.pw_box{ display: inline; }
.spop_con dl.pw_box > dd{ position: absolute; top: 0px; right: 0px; font-size: 14px; color: #585757; line-height: 33px; }

.spop_btn1{ width: 157px; margin: 0 auto; }
.spop_btn1 > li{ display: block; }

.spop_btn2{ width: 361px; margin: 0 auto; }
.spop_btn2:after{ content: ""; display: block; clear: both; }
.spop_btn2 > li{ float: left; width: 175px; margin-left: 10px; }
.spop_btn2 > li:first-child{ margin-left: 0px; }
.spop_btn2 > li:first-child + li{ float: right; }

/* sub popup_우편번호 찾기 */
.sadress_top{ padding: 25px 0; }
.sadress_top > ul.spop_ar{ text-align: center; }
.sadress_top > ul.spop_ar > li{ display: inline-block; vertical-align: top; margin-left: 4px; }
.sadress_top > ul.spop_ar > li:first-child{ margin-left: 0px; }
.sadress_top > ul.spop_ar > li > dl{ position: relative; padding-left: 50px; }
.sadress_top > ul.spop_ar > li > dl > dt{ position: absolute; top: 10px; left: 0px; width: 45px; font-size: 14px; color: #000; }
.sadress_top > ul.spop_ar .select_box{ width: 95px !important; }
.sadress_top > p.spop_txt{ font-size: 14px; color: #000; text-align: center; margin-top: 14px; }

.sadress_con{ position: relative; background: #f9f9f9; border-top: 1px solid #e9eaeb; padding: 20px 30px; border-bottom: 1px solid #c4c4c4; color:#444;}
.sadress_con div.adr_top{ position: relative; padding:10px 0; }
.sadress_con span.adr_count{ position: absolute; bottom: 10px; right: 0px; color: #000; font-size: 14px; }
.sadress_con span.adr_count i{ font-style: normal; color: #00338d; font-size: 16px;}
.sadress_con ul.adr_list{ width: auto; display:flex; flex-wrap:nowrap; align-items:center;}
.sadress_con ul.adr_list:after{ content: ""; display: block; clear: both; }
.sadress_con ul.adr_list li{ float: left; text-align: center; padding: 8px 0; font-size: 13px; }

.sadress_con ul.adr_list.tit{ border-top: 1px solid #e9eaeb;}
.sadress_con ul.adr_list.tit li{ font-size: 14px; border-bottom: 0px; padding: 11px 0;}
.sadress_con ul.adr_list.tit li.adress{ text-align: center; }

.sadress_con ul.adr_list li.select{ width: 16%; }

.sadress_con ul.adr_list li.number{ width: 21%; } 
.sadress_con ul.adr_list li.adress{ width: 63%; text-align: left; }

.sadress_con ul.adr_list li.code{ width: 30%; } 
.sadress_con ul.adr_list li.university{ width: 34%; }

.sadress_con ul.adr_list li.license1{ width: 30%; }
.sadress_con ul.adr_list li.license2{ width: 27%; }
.sadress_con ul.adr_list li.license3{ width: 27%; }

.sadress_con ul.adr_list li.company{ width: 34%; }

.sadress_con ul.adr_list li.award1{ width: 27%; }
.sadress_con ul.adr_list li.award2{ width: 27%; }
.sadress_con ul.adr_list li.award3{ width: 30%; }

.adr_list_wrap > li{ border-bottom: 1px solid #e9eaeb; }

.sadress_con > div.con{ background: #fff; overflow-y: auto; height: 170px; border: 1px solid #bbb;}

/* .sadress_con > div.con div.chk_box{ width: 17px; height: 13px; margin: 0 auto; }
.sadress_con > div.con div.chk_box label{ width: 17px; height: 17px; padding-left: 0px; text-indent:-9999px;} */

.sadress_con > div.con div.chk_box {position:relative;}
.sadress_con > div.con div.chk_box input{opacity:0; position:absolute; left:0; top:0;}
.sadress_con > div.con div.chk_box input + label{ display:inline-block; vertical-align:middle; height:auto; background: transparent;  text-indent: unset; line-height: unset; font-size: 16px; color: #333; cursor:pointer;}
.sadress_con > div.con div.chk_box input:checked + label { background:transparent; }
.sadress_con > div.con div.chk_box input + label:before { content:""; display:inline-block; vertical-align:middle; width:20px; height:20px; margin-right:10px; border:2px solid #dedede; background-color:#fff; background-image:url('../../../images/check_off.png'); background-repeat:no-repeat; background-position:center center; background-size:10px 8px; box-sizing:border-box; }
.sadress_con > div.con div.chk_box input:checked + label:before { border-color: #003387; background-image:url('../../../images/check_on.png'); }


/* sub popup_사진업로드(사진등록) */
.spop_upload{ padding: 70px 0 55px 0px; background: #f9f9f9; }
.spop_upload > dl{ position: relative; padding-left: 55px; width: 405px; margin: 0 auto; margin-bottom: 45px; }
.spop_upload > dl > dt{ position: absolute; top: 50%; left: 0px; font-size: 14px; width: 55px; margin-top: -7px; color:#444;}
.spop_upload > dl > dd{position:relative;}
.spop_upload > dl > dd .file_trick{ width:100%; background-color:#fff;}
.spop_upload > dl > dd .btn_file{ position:absolute;top:0px;right:-2px;width:42px;background:none; }
.spop_upload > dl > dd .btn_file img {height:100%;}
.spop_upload > dl > dd .file_design{ top:0px; }
.spop_upload p.notice{ font-size: 14px; color: #000; line-height: 22px; padding: 0 50px; text-align: center; }
.input_license p.notice{ font-size: 14px; color: #000; line-height: 22px; padding: 0 50px; text-align: center; }
.input_license{ padding: 20px 35px; max-width: 700px; margin: 0 auto; }
.input_license > dl{ position: relative; padding-left: 70px; margin-top: 10px; }
.input_license > dl dt{ position: absolute; top:50%; left: 8px; font-size: 14px; color: #000; margin-top: -8px; }
.input_license > dl dd input{ width: 100%; border:1px solid #444; }

/* sub popup_학교코드 요청추가 */
.spop_ul > ul > li > dl{ position: relative; padding-left: 135px; }
.spop_ul > ul > li > dl > dt{ position: absolute; top: 0px; left: 0px; width: 120px; height: 100%; background: #f9f9f9; border-right: 1px solid #e9eaeb; }
.spop_ul > ul > li > dl > dt > p{ font-size: 16px; color: #444; padding: 12px 0 0 16px; }
.spop_ul > ul > li > dl > dd{ padding: 8px 0; }
.spop_ul > ul > li > dl > dd textarea{ width: 100%; padding: 0px; height: 78px; }
.spop_ul > ul > li > dl > dd div.select_box{ width: 234px; }

.spop_ul dl.txt_input{ position: relative; padding-right: 180px; width: 252px; }
.spop_ul dl.txt_input > dd{ position: absolute; top: 50%; right: 0px; font-size: 14px; color: #585757; width: 170px; margin-top: -7px; }

/* sub popup_대학교 검색 */
.spop_sch .spop_upload{ padding: 20px 0; background: #f4f4f5; }
.spop_sch .spop_upload > dl{ margin-bottom: 12px; }
.sup5_sch span.sup5_txt{ position: absolute; top:11px; left: 16px; color: #777; font-size: 14px; }
.sadress_con a.school_add{ display: block; width: 123px; height: 35px; line-height: 35px; font-size: 14px; color: #000; margin-top: 9px; background: #eee; text-align: center; margin-left: 10px; }

.spop_sch .spop_upload.bg2{ background: #fff; }

/* 1:1문의하기 */
.spop_ul.ver2 > ul > li{ border-top: 1px solid #e9eaeb; }
.spop_ul.ver2 > ul > li:first-child{ margin-top: 0px; }
.inner_ul{ width: 100%; }
.inner_ul:after{ content: ""; display: block; clear: both; }
.inner_ul > li{ width: 50%; }
.inner_ul > li.left{ float: left; }
.inner_ul > li.right{ float: right; }
.inner_ul > li dl{ position: relative; padding-left: 135px; }
.inner_ul > li dl > dt{ position: absolute; top: 0px; left: 0px; width: 120px; height: 100%; background: #f9f9f9; border-right: 1px solid #e9eaeb;}
.inner_ul > li dl > dt > p{ font-size: 16px; color: #444; padding: 12px 0 0 16px; }
.inner_ul > li dl > dd{ padding: 8px 10px 8px 0; }
.inner_ul > li dl > dd textarea{ width: 100%; padding: 0px; height: 78px; }

.inner_ul .phone_box li{ width: 28%; padding: 0 1%; }
.inner_ul .phone_box li:first-child + li{ width: 3%; }
.inner_ul .phone_box li:first-child + li + li + li{ width: 3%; }
.inner_ul .phone_box .select_box > div.inner > .sel_txt{ width: 100%; text-indent: 2px; }
.inner_ul .phone_box .select_box > div.inner > select{ width: 100%; }
.inner_ul .phone_box li input{ width: 100%; }

.in_placeholder{ position: relative; }
.in_placeholder > input{ }
.in_placeholder > span{ position: absolute; top: 10px; left: 10px; font-size: 14px; color: #777; }

.ta_placeholder{ position: relative; }
.ta_placeholder > textarea{ text-indent: 10px; padding-top: 10px !important; }
.ta_placeholder > span{ position: absolute; top: 10px; left: 10px; font-size: 14px; color: #777; }

.spop_ul .email_box ul.email li{ width: 24%; text-align: center; }
.spop_ul .email_box ul.email li:first-child + li{ width: 3%; }

.spop_ul > ul > li > dl > dd span.noti{ font-size: 14px; color: #777; padding-top: 10px; display: inline-block; line-height: 16px; }

.supt_tit a.my_recruit{ display: block; position: absolute; top: -18px; right: 0px; width: 166px; height: 33px; background: #eee; border: 1px solid #c6c6c6; font-size: 14px; color: #3a3a3a; line-height: 33px; text-align: center; }



/********************************** // 서브공통 **********************************/

/* 채용안내 > 채용공고 > 진행중인 공고 */
.rec_top{ position: relative; max-width:1024px; margin:0 auto; padding-bottom: 40px; }
.rec_list{ height: 38px; overflow: hidden; }
.rec_list > li{ float: left; margin-left: 10px; }
.rec_list > li:first-child{ margin-left: 0px; }
.rec_list > li > a{ display: block; padding: 10px 25px; border: 1px solid #fff ; font-size: 18px; color: #222; }
.rec_list > li.on > a{ border:1px solid #000; border-bottom:0; color:#000; }
.rec_list > li:hover> a{ border:1px solid #000; border-bottom:0; color:#000;}

.recruit_wrap .select_box{ position: absolute; top: 0px; right: 0px; width: 270px;}
.recruit_wrap .select_box > a.sch_btn{ position: absolute; top: 0px; right: 6px; display: block; color: #fff; height: 35px; line-height: 33px; text-align: center; font-size: 16px; box-sizing: border-box; }
.recruit_wrap .select_box > a.sch_btn img{height:100%;}
.rec_cont{ position: relative; max-width:1024px; margin:0 auto; padding: 0 0 100px;}
.rec_cont p.count{ font-size: 18px; color: #222;}
.rec_cont p.count span{ color: #00338d; }

.rec_con_list{ position: relative; max-width:1024px; margin:0 auto; padding-top: 20px; }
.rec_con_list.first{ margin-top: 0px; }
.rec_con_list:after{ content: ""; display: block; clear: both; }

/* 2021-02-26 수정  */
.rec_con_list_li {position:relative; display:flex; flex-wrap:nowrap; align-items:center; padding:30px 40px; margin-top:10px; color:#333; background-color:#f8f8f8; border:1px solid #f8f8f8;}
.rec_con_list_li:first-child {margin-top:0;}
.rec_con_list_li .dday_box { min-width: 90px; }
.rec_con_list_li .dday_box .num {font-size:20px; color:#003087; font-weight:500; margin-right:35px;}
.rec_con_list_li .info_box {max-width:75%;}
.rec_con_list_li .info_box .tit_box {font-size:0;}
.rec_con_list_li .info_box .tit_box p {display:inline-block; font-size:19px; line-height:1.2; margin-bottom:2px;}
.rec_con_list_li .info_box .tit_box .cre:after {display:inline-block; margin:0 12px; width:1px; height:19px; background-color:#333; vertical-align:middle; content:'';}
.rec_con_list_li .date_box {margin-top:12px;}
.rec_con_list_li .date {font-size:16px; color:#aaa;}
.rec_con_list_li .apply_box {position:absolute; right:40px; top:50%; transform:translateY(-50%);}
.rec_con_list_li .apply_box a {display:block;  width:120px; height:42px; background-color:#003087; font-size:16px; color:#fff; text-align:center; line-height:42px;}
.rec_con_list_li:hover {border:1px solid #003087;}

/* 채용안내 > 채용공고 > 진행중인 공고 > 상세페이지 */
.ance_view{ position: relative; width: 1024px; margin:30px auto 0;}
.ance_view > div.inner{ position: relative; width: 1024px; margin: 0 auto; }

.top_line{ background: url('../images/recruit/table_tline.png') left top no-repeat; background-size:100% 1px;padding-top: 1px; }

.tb_ance1{ border: 1px solid #cdc8c8; border-top: 0px; }
.tb_ance1 th{ text-align: center; font-size: 14px; padding: 17px 0; border-bottom: 1px solid #cdc8c8; background: #fff; }
.tb_ance1 th.tb_tit{ font-size: 24px; color: #1e91ec; padding: 20px; }
.tb_ance1 td{ border-left: 1px solid #cdc8c8; border-top: 1px solid #cdc8c8; padding-left: 32px; color: #020202; background: #fff;  font-size: 15px; }
.tb_ance1 td.tb_con{ font-size: 17px; line-height: 1.3; padding: 40px 60px; }

.supt_tit3{ font-size: 18px; color: #0047a3; margin-bottom: 10px; }

/* 채용공고 view table */
.ance_tbox{margin-bottom:30px;}
.ance_table01{position:relative;width:100%;padding-top:2px;border-left: 1px solid #cdc8c8;background:#fff;}
.ance_table01 caption{display:block;position:absolute;top:0;left:0;right:0;height:2px;text-indent:-9999px;background: url('../images/recruit/table_tline.png') left top no-repeat;background-size:100% 1px; }
.ance_table01 thead th{font-size: 14px; color: #020202;}
.ance_table01 thead th,.ance_table01 tbody td{padding: 28px 0;border-right: 1px solid #cdc8c8;border-bottom: none;}
.ance_table01 td{text-align:center;vertical-align:middle;}
.ance_table01 td.con{padding:28px 10px;text-align:left;}

.ance_con_list{margin-bottom:30px;background: url('../images/recruit/table_tline.png') left top no-repeat; padding-top: 1px;}
.ance_con_list > li{border-bottom: 1px solid #cdc8c8;}
.ance_con_res{ width: 100%; }
.ance_con_res:after{ content: ""; display: block; clear: both; }
.ance_con_res > li{ float: left; width: 12%; }
.ance_con_res > li:first-child + li + li + li{ width: 18%; }
.ance_con_res > li:first-child + li + li + li + li{ width: 30%;}
.ance_con_res > li > dl{ background: #fff; border-right: 1px solid #cdc8c8; }
.ance_con_res > li:first-child dl{ border-left: 1px solid #cdc8c8; }
.ance_con_res > li > dl > dt{ font-size: 14px; color: #020202; text-align: center; padding: 20px 0;border-bottom: 1px solid #cdc8c8;}
.ance_con_res > li > dl > dd{ font-size: 15px; color: #020202; text-align: center;padding:20px 15px;}
.ance_con_res ul.inner_list li{ text-align: left; font-size: 15px; color: #020202; padding-left: 12px; line-height: 21px; }

.ance_con_res.style02 > li:first-child + li{width: 16%;}
.ance_con_res.style02 > li:first-child + li + li{ width: 28%; }
.ance_con_res.style02 > li:first-child + li + li + li{width:16%;}
.ance_con_res.style02 > li:first-child + li + li + li + li{ width: 8%;}
.ance_con_res.style02 > li:first-child + li + li + li + li + li{ width: 12%;}
.ance_con_res.style02 > li:first-child + li + li + li + li + li + li{ width: 8%; }

.white_bg{ border: 1px solid #cdc8c8; background: #fff; border-top: 0px; padding: 23px 33px; }

.white_bg ul.txt > li{ font-size: 15px; color: #020202; display: inline-block; margin-left: 100px; }
*:first-child+html .white_bg ul.txt > li{ display: inline; }
.white_bg ul.txt > li:first-child{ margin-left: 0px; }

.coe_list > li{ margin-top: 20px; }
.coe_list > li:first-child{ margin-top: 0px; }
.coe_list > li > dl > dt{ font-size: 14px; color: #020202; margin-bottom: 13px; }
.coe_list > li > dl > dd > ul > li{ font-size: 15px; color: #020202; line-height: 1.3; }

.anv_btns{ text-align: right;  padding-bottom: 36px; border-bottom: 1px solid #cdc8c8; margin-bottom: 35px; }
.anv_btns > li{ display: inline-block; min-width: 211px; margin-left: 16px; }
*:first-child+html .anv_btns > li{ display: inline; }
.anv_btns > li:first-child{ margin-left: 0px; }
.anv_btns > li > a{ display: block; border: 2px solid #333; font-size: 18px; color: #444; text-align: center; height: 46px; line-height: 46px;}
.anv_btns > li > a:hover{ background: url('../images/recruit/anv_btn.png') no-repeat; border: 0px; color: #00338d; height: 50px; line-height: 50px; }

/* 채용안내 > 입사지원하기 */
.supt_wrap{ position: relative; width: 1024px; margin: 0 auto;}
.supt_step{padding:30px 0 50px;}
.supt_step ul.step:after{ content: ""; display: block; clear: both; }
.supt_step ul.step {display:flex; flex-wrap:nowrap;}
.supt_step ul.step > li{ width: 14.3%; text-align: center; }
.supt_step ul.step > li > a{ display: block; padding: 27px 0 12px 0; border: 1px solid #d7d7d7; background: #f9f9f9; border-left: 0px;}
.supt_step ul.step > li:first-child > a{ border-left: 1px solid #d7d7d7; }
.supt_step ul.step > li:hover > a{ border: 1px solid #00338d; background: #fff; }
.supt_step ul.step > li.on > a{ border: 1px solid #00338d; background: #fff; }
.supt_step ul.step > li > a > p.info{ font-size: 14px; padding-bottom: 16px; color: #666; }
.supt_step ul.step > li.on > a > p.info{ color: #222; }
.supt_step ul.step > li > a > p.info span{ font-size: 18px; display:block; margin-top: 3px; }


h3.supt_tit{ position: relative; font-size: 24px; color: #00338d; margin-bottom: 10px; font-weight: 500; letter-spacing: -0.5px; }
h4.supt_stit{ font-size: 16px; color: #222; font-weight: normal; }
h4.supt_stit br{ display: none; }
h3.supt_tit.guidtit{ margin-bottom:20px;font-size:22px; }
h5.supt_tit{ position: relative; font-size: 30px; color: #00338d; margin-bottom: 25px; font-weight: normal; letter-spacing: -0.5px; }

.supt_desc {font-size:16px; color: #555; line-height:1.2; margin-bottom:20px;}
.refer_txt {color:#444;}
.refer_txt a {display:inline-block; color:#00338d;}

.supt_agree{ padding-bottom: 30px; }
.supt_agree ul.agree_list > li:first-child div.chk_box{ border-top: 1px solid #d7d7d7; }
.supt_agree div.chk_box{ position: relative;  border: 1px solid #d7d7d7; margin-top:20px; padding: 20px;}
.supt_agree div.chk_box input{ left: 20px; }
.supt_agree div.chk_box a.arrow{ position: absolute; top: 50%; right: 10px; margin-top: -4px; }

.agree_sub{ padding: 30px 0; border-bottom: 1px solid #e7e7e7;}
.agree_sub h5{ font-size: 18px; color: #222; margin-bottom: 10px; font-weight: normal; }
.agree_sub div.agree_box{ font-size: 14px; color: #555; line-height: 20px; white-space:pre-line; border: 1px solid #dcdcdc; padding: 22px 16px; background: #f9f9f9; height: 150px; overflow-y: auto; }

.tablestyle_01 { padding: 0; border-top: #bbb solid 1px; border-left: #bbb solid 1px; border-collapse: collapse; font-weight:400; }
.tablestyle_01 caption { display: none; }
.tablestyle_01 th { border-right: #bbb solid 1px; border-bottom: #bbb solid 1px; background-color: #eff0f4; font-size: 14px; margin: 0; padding: 10px 6px; text-align: center; font-weight:400; }
.tablestyle_01 td { border-right: #bbb solid 1px; border-bottom: #bbb solid 1px; color: #4d4d4d; font-size: 14px; margin: 0; padding: 10px; }
.tablestyle_01 td.tleft { text-align: left; }
.tablestyle_01 td.bold {font-weight:800; text-decoration:underline;}

.cfm_wrap{ padding: 20px 0 50px 0; }
.cfm_wrap ul.cfm_two:after{ content: ""; display: block; clear: both; }
.cfm_wrap ul.cfm_two > li{ width: 50%; visibility:visible; }
.cfm_wrap ul.cfm_two > li > div{ border: 1px solid #d0d0d0; padding: 177px 0 40px 0; border-left: 0px; }
.cfm_wrap ul.cfm_two > li:first-child > div{ border-left: 1px solid #d0d0d0; } 
.cfm_wrap ul.cfm_two > li.left{ float: left; background: url('../images/recruit/cfm_bg1.png') center 27px no-repeat; }
.cfm_wrap ul.cfm_two > li.right{ float: right; background: url('../images/recruit/cfm_bg2.png') center 41px no-repeat; }
.cfm_wrap ul.cfm_two > li.left:hover{ background: url('../images/recruit/cfm_bg1_on.png') center 27px no-repeat; }
.cfm_wrap ul.cfm_two > li.right:hover{ background: url('../images/recruit/cfm_bg2_on.png') center 41px no-repeat; }
.cfm_wrap ul.cfm_two > li a.cfm_btn{ display: block; width: 325px; background: #eee; font-size: 16px; color: #3a3a3a; text-align: center; padding: 21px 0; border: 1px solid #c6c6c6; margin:0 auto; }
.cfm_wrap ul.cfm_two > li:hover a{ background: #767676; border: 1px solid #505050; color: #fff; }

.cfm_wrap ul.cfm_two > li.left.on{ background: url('../images/recruit/cfm_bg1_on.png') center 27px no-repeat; }
.cfm_wrap ul.cfm_two > li.right.on{ background: url('../images/recruit/cfm_bg2_on.png') center 41px no-repeat; }
.cfm_wrap ul.cfm_two > li.on a{ background: #767676; border: 1px solid #505050; color: #fff; }

.foreign_wrap > p.stit{ font-size: 16px; color: #454545; margin-bottom: 10px; }
.foreign_info{ padding: 15px 0; border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; }
.foreign_info > li{ margin-top: 15px; }
.foreign_info > li:first-child{ margin-top: 0px; }
.foreign_info > li > dl{ position: relative; }
.foreign_info > li > dl > dt{ position: absolute; top: 50%; left: 0px; font-size: 16px; color: #444; width: 110px; margin-top: -8px; }
.foreign_info > li > dl > dd{ margin-left: 110px; position: relative; min-height: 20px; }
.foreign_info > li > dl > dd.calend_btn > div.cb_inner{ width: 230px; }

.gender > li{ display:inline-block; margin-left: 46px;vertical-align:top;}
*:first-child+html .gender > li{ display: inline; }
.gender > li:first-child{ margin-left: 0px; }

.foreign_info .calend_btn.on a.calendar{ border: 1px solid #1d1d1b; }

/* 채용안내 > 입사지원하기 > 개인정보입력 */
.guide_box{ position: absolute; top: -17px; right: 0px;}
.guide_box.top0{ top: 0px; }
.guide_box.bottom-26{ bottom: -26px; top: auto; }
.guide_txt{ font-size: 16px; color: #222; vertical-align: bottom; }
.guide_txt i{ display: inline-block; color: #8c7459; border-bottom: 1px solid #8c7459; font-style: normal; vertical-align: bottom; }
*:first-child+html .guide_txt i{ display: inline; }
.guide_box a{ background: #8c7459; width: 120px; height: 32px; display: inline-block; text-align: center; line-height: 32px; color: #fff; font-size: 14px; border-radius: 3px; -webkit-border-radius: 3px; }
*:first-child+html .guide_box a{ display: inline; }
.guide_box a:hover{ background: #583e21; }
.guide_box span.m_guidtxt{ position: relative; font-size: 14px; color: #222; display: none; vertical-align: bottom; padding-left: 10px; }
.guide_box span.m_guidtxt > i{ color: #f96c6c; position: absolute; top: 3px; left: 0px; }

.write_list{ padding: 30px 0; border-top: 2px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; }
.write_list > li{ position: relative; margin-top: 30px; padding-left: 111px; }
.write_list > li:first-child{ margin-top: 0px; }
.write_list > li:first-child + li{ border-top:1px dotted #b4b4b4; padding-top: 30px; }
.write_list > li:first-child + li > dl > dt{ top: 40px; }
.write_list > li:first-child .select_box > div.inner > select{ width: 354px; }
.write_list > li:first-child .select_box > div.inner > .sel_txt{ width: 354px; font-size: 14px; }
.write_list > li:first-child + li + li .select_box > div.inner > select{ width: 164px; }
.write_list > li:first-child + li + li .select_box > div.inner > .sel_txt{ width: 164px; }

.write_list > li > dl > dt{  position: absolute; top: 10px; left: 0px; font-size: 16px; color: #444;  }
.write_list > li > dl > dt.middle{ top: 50%; margin-top: -8px; }
.write_list > li > dl > dd{  position: relative; min-height: 20px; display: inline-block; }
*:first-child+html .write_list > li > dl > dd{ display: inline; }
.write_list > li > dl > dd span.noti{ font-size: 13px; color: #00338d; padding-top: 5px; display: inline-block; line-height: 16px; }
p.noti.pw{ font-size: 13px; color: #00338d; padding-top: 5px; display: inline-block; line-height: 16px; }
*:first-child+html .write_list > li > dl > dd span.noti{ display: inline; }
.write_list > li > dl > dd a.myinfo_sch{ display: inline-block; width: 161px; text-align: center;  background: #eee; font-size: 14px; color: #3a3a3a; height: 32px; margin-left:4px; line-height: 32px; border: 1px solid #eee; }
*:first-child+html .write_list > li > dl > dd a.myinfo_sch{ display: inline; }
.write_list > li > dl > dd a.myinfo_sch:hover{ background:#00338d; color:#fff; }
.write_list > li input{ height: 33px; }
.write_list .calend_btn.on a.calendar{ border: 1px solid #1d1d1b; }

/* > 비밀번호 찾기 버튼 */
.myinfo_sch {display: inline-block; width: 161px; text-align: center; background: #eee; font-size: 14px; color: #3a3a3a; height: 32px; margin-left: 4px; line-height: 32px; border: 1px solid #eee;}
.myinfo_sch:hover {background: #00338d; color: #fff;}

/* 채용안내 > 입사지원하기 > 모집분야 선택 */
.supt_tit2{ font-size: 24px; color: #020202; font-weight: 500; padding-bottom: 20px; border-bottom: 1px dotted #b4b4b4; margin-bottom: 30px; }
.supt_tit2 > span{ color: #00338d; }

.supt_tit > span{ font-size: 14px; color: #222; position: relative; }
.supt_tit > span > i{ font-style: normal; color: #f95e5e; vertical-align:middle; position: absolute; top: 2.2px; }
.supt_tit > span > i.black{ position: relative; display: inline-block; vertical-align: middle; color: #222; padding-right: 3px; }
.supt_tit > span.right{ position: absolute; top: 22px; right: 150px; }

.supt_write2 { border-top: 2px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; }

.write_list2 > li > dl{ position: relative; padding-left: 120px; }
.write_list2 > li > dl > dt{ position: absolute; top:0px; left: 0px; width: 119px; height: 100%; font-size: 16px; color:#444; background-color:#f9f9f9;}
.write_list2 > li > dl > dt > p{ padding: 25px 0 0 15px; }
.write_list2 > li > dl > dt span{ color: #f96c6c; vertical-align: middle; display: inline-block; padding-top: 3px }
.write_list2 > li > dl > dd{ position: relative; padding: 15px 9px; }
.write_list2 > li > dl > dd label{ line-height: 35px; font-size: 14px; color:#444;}
.write_list2 > li.join{ position: relative; display: inline-block; padding-right: 30px; }
*:first-child+html .write_list2 > li.join{ display: inline; }
.write_list2 > li.join .calend_btn > div.chk_box{ position: absolute; top: 50%; right: -70px; transform:translateY(-50%); width: auto; margin-left: 0px; border: 0px; padding-right: 0px; }

.supt_area{ width: 100%; }
.supt_area:after{ content: ""; display: block; clear: both; }
.supt_area > li{  float: left; width: 251px; margin-bottom:5px; }
.supt_area > li:first-child{ margin-left: 0px; }
.supt_area > li.w_first{ margin-left: 0px; }
.supt_area > li > dl{ position: relative; padding-left: 45px; }
.supt_area > li > dl > dt{ position: absolute; top: 10px; left: 0px; font-size: 14px; color: #222; width: 55px; }
.supt_area .select_box > div.inner > select{ width: 186px; }
.supt_area .select_box > div.inner > .sel_txt{ width: 186px; }

.write_list2 div.chk_box { display: inline-block; padding-left: 15px; }
*:first-child+html .write_list2 div.chk_box{ display: inline; }

/* 채용안내 > 입사지원하기 > 자기소개서 */
.supt_write2.bb0{ border-bottom: 0px; }

.write_list3{ padding-top: 22px; }
.write_list3 li{ margin-top: 50px; }
.write_list3 li:first-child{ margin-top: 0px; }
.write_list3 p.wl3_tit{margin-bottom: 13px; font-size: 18px; color: #222; }
.write_list3 p.wl3_tit span{ color: #f96d6d; vertical-align: middle; line-height: 19px; display: inline-block; padding-top: 2px; }
.write_list3 textarea{ width: 100%; height: 300px; resize: none; padding: 10px; overflow-y: auto; border: 1px solid #bbb; }
.write_list3 p.word_bytes{ font-size: 14px; color: #222 ; text-align: right; margin-top: 8px; }

/* 채용안내 > 입사지원하기 > 지원서제출 */
.supt7_wrap{  border-bottom: 1px solid #c4c4c4; padding-bottom: 30px; }
.supt7_wrap ul.last_wrap{ width: 100%; }
.supt7_wrap ul.last_wrap:after{ content: ""; display: block; clear: both; }
.supt7_wrap ul.last_wrap > li{ width: 493px; border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-bottom: 1px solid #c4c4c4; background: url('../images/recruit/supt7_lw_line.png') 118px top repeat-y; }
.supt7_wrap ul.last_wrap > li.left{ float: left; }
.supt7_wrap ul.last_wrap > li.right{ float: right; }

.supt7_wrap ul.result{ min-height: 220px; }
.supt7_wrap ul.result > li  > dl{ position: relative; padding-left: 118px; }
.supt7_wrap ul.result > li  > dl > dt{ font-size: 16px; color: #444; text-align: left; position: absolute; top: 18px; left: 13px; }
.supt7_wrap ul.result > li  > dl > dd{ padding: 18px 0 18px 42px; }
.supt7_wrap ul.result > li  > dl > dd p{ color: #444; font-size: 16px; padding-left: 20px; background: url('../images/recruit/sp7_check.png') left center no-repeat; }
.supt7_wrap ul.result > li  > dl > dd p.no_comf{ background: url('../images/recruit/sp7_no_check.png') left center no-repeat; }

.supt7_wrap ul.result.tit{ border-top: 2px solid #c4c4c4; min-height: auto; border-bottom: 1px solid #dedede; }
.supt7_wrap ul.result.tit > li{ background: #f9f9f9; }
.supt7_wrap ul.result.tit > li dl{ text-align: center; background: url('../images/recruit/supt7_lw_line.png') 118px top repeat-y; }
.supt7_wrap ul.result.tit > li  > dl > dt{ left: 29px; }
.supt7_wrap ul.result.tit > li  > dl > dd{ text-align: center; padding-left: 0px; color:#444;}
.supt7_wrap p.last_noti{ font-size: 16px; color: #222; margin-top: 24px; line-height: 20px; }
.supt7_wrap div.comf_show div.chk_box{ margin-top: 46px; }

.supt7_slect{ border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 10px; margin: 15px 0; }
.supt7_slect > ul{ width: 100%; }
.supt7_slect > ul:after{ content: ""; display: block; clear: both; }
.supt7_slect > ul > li{ width: 48%; }
.supt7_slect > ul > li.left{ float: left; }
.supt7_slect > ul > li.right{ float: right; }
.supt7_slect > ul > li dl{ position: relative; padding-left: 130px; }
.supt7_slect > ul > li dl dt{ position: absolute; top: 9px; left: 0px; width: 130px; font-size: 14px; color: #444; }

/* 채용안내 > 입사지원하기 > 기본입력 사항 */
.cb_box.school_form {width:auto;}

.upload_wrap{ display: none; }
.upload_wrap.on{ display: block; }

.supt4_box1{ position: relative; padding-left: 228px; border-top: 2px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; }
.supt4_box1 > dt{ position: absolute; top: 0px; left: 0px; width: 228px; height: 100%; background: #f4f4f5; }
.supt4_box1 > dt div.dt_box{ padding: 41px 0 0 0; }
.supt4_box1 > dt div.img_upload{ background: #fff; text-align: center; width: 126px; height: 165px; margin: 0 auto; margin-bottom: 15px; }
.supt4_box1 > dt div.img_upload span.no_img{ display: block; font-size: 16px; color: #444; padding-top: 68px; text-align: center;}
.supt4_box1 > dt a.up_btn{ display: block; font-size: 16px; color: #444; width: 124px; height: 33px; background: #fff; border: 1px solid #bbb; line-height: 33px; text-align: center; margin: 0 auto; margin-bottom: 19px; }
.supt4_box1 > dt p.up_noti{ font-size: 14px; color: #444; line-height: 1.3; text-align: center; }

.sup4_stit{ position: relative; font-size: 16px; color: #454545; margin-bottom: 10px; font-weight: normal; }

.supt4_inner th{ font-weight: normal; }
.supt4_inner table.tb_spt4{ width: 100%; }
.supt4_inner table.tb_spt4 th{ position: relative; width: 118px; text-align: left; min-width: 118px; background-color:#f9f9f9;}
.supt4_inner table.tb_spt4 th > p{ position: absolute; top: 17px; left: 17px; font-size: 16px; color: #444; }
.supt4_inner table.tb_spt4 th > p.t50p{ top: 50%; margin-top: -10px; }
.supt4_inner table.tb_spt4 th > p span{ color: #f95e5e; vertical-align: middle; display: inline-block; padding-top: 4px; }
.supt4_inner table.tb_spt4 td{ position: relative; padding: 10px; font-size: 16px; color: #444; line-height: 35px; width: 100%; text-align:left;}
.supt4_inner table.tb_spt4 td div.calend_btn{ position: relative; }
.supt4_inner table.tb_spt4 td .name_li{}
.supt4_inner table.tb_spt4 td .name_li li{display:inline-block;}

.supt4_inner table.tb_spt4 td.last{ padding-bottom: 15px; }

.supt4_inner table.tb_spt4 tr.bb1px th{ border-bottom: 1px solid #dedede; }
.supt4_inner table.tb_spt4 tr.bb1px td{ border-bottom: 1px solid #dedede; }

.supt4_box1 .calend_btn{ width: 236px; }
.supt4_box1 .email_box ul.email li input{ width: 187px; }
.supt4_box1 .radio_box input[type="radio"]{ top: 5px; }
.supt4_box1 .radio_box input[type="radio"] + label{ height: 30px; }

.supt4_border0{ border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; }
.supt4_border{ border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; }
.supt4_mborder{ border-top: 2px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; }
.supt4_border.over{ border-top: 2px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; }
.supt4_mborder .li2_box > li{ border-top: 0px; }

.supt4_box2 table.tb_spt4 td{ font-size: 14px; }
.supt4_box2 ul.input_text2{ height: 35px; overflow: hidden; }
.supt4_box2 ul.input_text2 li{ float: left; color: #3a3a3a; line-height: 35px; font-size: 14px; width: 15%; }
.supt4_box2 ul.input_text2 li:first-child{ margin-left: 0px !important; }
.supt4_box2 ul.input_text2 li > dl{ position: relative; padding-left: 35px; height: 35px; }
.supt4_box2 ul.input_text2 li > dl > dt{ position: absolute; top: 0px; left: 0px; width: 35px; text-align: center; font-size: 14px; }
.supt4_box2 ul.input_text2 li > dl > dd input{ width: 97%; }
.supt4_box2 ul.input_text2.w50p li{ width: 49%; }

.supt_tit > p.stit{ font-size: 16px; color: #222; position: relative; margin-top: 8px; }

.supt4_box3 table.tb_spt4 td.w100p input{ width: 100%; }
.supt4_box3 table.tb_spt4 td.va_top{ vertical-align: top; }

.supt4_box3 ul.cont_two{ width: 100%; }
.supt4_box3 ul.cont_two:after{ content: ""; display: block; clear: both; }
.supt4_box3 ul.cont_two > li{ position: relative; float: left; width: 24px; text-align: center; height: 33px; }
.supt4_box3 ul.cont_two > li.lh35{ line-height: 35px; }
.supt4_box3 ul.cont_two > li.calend_btn{ width: 45%; }
ul.cont_two > li.calend_btn > div.cb_inner{ width: auto; }

.supt4_tab{ width: 100%; margin-bottom: 15px; }
.supt4_tab:after{ content: ""; display: block; clear: both; }
.supt4_tab > li{ width: 20%; float: left; }
.supt4_tab > li > a{ display: block; font-size: 16px; color: #6e6e6e; border: 1px solid #eaeaea; border-left: 0px; text-align: center; padding: 15px 0; }
.supt4_tab > li:first-child > a{ border-left: 1px solid #eaeaea; }
.supt4_tab > li.on > a{ border: 1px solid #000; border-bottom: 0px; color: #000; }

.supt4_tab_con{ width: 100%; }
.supt4_tab_con > form > li{ display: none; }
.supt4_tab_con > form > li.on{ display: block; }

.supt4_box4 ul.cont_two{ width: 100%; }
.supt4_box4 ul.cont_two:after{ content: ""; display: block; clear: both; }
.supt4_box4 ul.cont_two > li{ position: relative; float: left; width: 24px; text-align: center; height: 33px; }
.supt4_box4 ul.cont_two > li.calend_btn{ width: 280px; }
.supt4_box4 ul.cont_two > li.calend_btn > div.cb_inner{ width: 150px; }

.supt4_box4 ul.cont_two > li.calend_btn > div.select_box{ position: absolute; top: 0px; right: 0px; width: 86px; border: 0px; }
.supt4_box4 ul.cont_two > li.calend_btn > .select_box > div.inner > .sel_txt{ width: 86px; text-align: left; }
.supt4_box4 ul.cont_two > li.calend_btn > .select_box > div.inner > select{ width: 86px; }

.input_btn{ position: relative; padding-right: 42px;display:inline-block; }
.input_btn > input{ position: relative; width: 184px; }
.input_btn > a.ib_btn{ display: block; position: absolute; top: 0px; right: 2px; width: 42px; height: 35px; line-height: 35px; font-size: 14px; color: #fff; text-align: center; }
.input_btn > a.ib_btn img {height:100%;}

/* ysj
.school{ width: 330px; }
.school > div.sc_inner{ position: relative; padding-right: 90px; }
.school > div.sc_inner > dl{ position: relative; padding-right: 60px; }
.school > div.sc_inner > dl > dd{ position: absolute; top: 3px; right: 0px;  font-size: 14px; color: #666; }
.school > div.sc_inner > div.chk_box{ position: absolute; top:3px; right: 0px; }
.school > div.sc_inner > div.chk_box label{ font-size: 14px; }
*/

.school > div.sc_inner > dl{overflow:hidden;display:inline-block;position: relative;margin-right: 10px;box-sizing:border-box;}
.school > div.sc_inner dt,.school > div.sc_inner dd{float:left;}
.school > div.sc_inner > dl > dd{margin-left:10px;font-size: 14px; color: #666; }
.school > div.sc_inner > div.chk_box{display:inline-block;top:0 !important;vertical-align:top;}
.school > div.sc_inner > div.chk_box label{display:inline-block;font-size: 14px;vertical-align:top;line-height:35px;}
.school .calend_btn{display:inline-block;width:150px;vertical-align:top;}

.jeongong{ position: relative; width: 250px; padding-right: 230px; }
.jeongong > dd{ position: absolute; top: 3px; right: -10px; font-size: 14px; color: #666; }

.conts{ width: 100%; }
.conts:after{ content: ""; display: block; clear: both; }
.conts > li{ float: left; margin-left: 18px; }
.conts > li:first-child{ margin-left: 0px !important; }
*:first-child+html .conts > li{ display: inline; }
.conts .select_box{ width: 106px; }
.conts .select_box > div.inner > .sel_txt{ width: 106px; }
.conts .select_box > div.inner > select{ width: 106px; }

.conts .select_box.w181{ width: 181px; }
.conts .select_box.w181 > div.inner > .sel_txt{ width: 181px; }
.conts .select_box.w181 > div.inner > select{ width: 181px; }

.conts ul.gender{ line-height: 35px; }

.conts.ver2{ margin-top: 7px; }
.conts.ver2 > li{ margin-left: 5px; }

.conts.ver3{ min-width: 200px; }
.conts.ver3 li{ margin-left: 5px; }

.conts dl{ position: relative; padding-left: 85px; }
.conts dl > dt{ position: absolute; top: 0px; left: 0px; width: 85px; font-size: 14px; line-height: 35px; }
.conts dl.w63{ padding-left: 63px; }
.conts dl.w63 > dt{ width: 63px; }
.conts dl.w50{ padding-left: 50px; }
.conts dl.w50 > dt{ width: 50px; }

.save_btns{ text-align: center; }
.save_btns ul.btns > li{ display: inline-block; margin-left: 5px; width: 81px; }
*:frist-child+html .save_btns ul.btns > li{ display: inline; }
.save_btns ul.btns > li:first-child{ margin-left: 0px; }
.save_btns ul.btns > li > a{ display: block; text-align: center; height: 30px; line-height: 30px; background: #525252; color: #fff; }
.save_btns ul.btns > li.btns2 > a{ background: #9ea3a9; }
/* .save_btns ul.btns > li > a:hover{ background: #000000; }
.save_btns ul.btns > li.btns2 > a:hover{ background: #525252; color:#fff; } */

.supt4_box5 table{ width: 100%; }
.supt4_box5 table th{ background: #f9f9f9; text-align: center; padding: 19px 0 18px 0; font-size: 16px; color: #444; }
.supt4_box5 table td{ border-top: 1px solid #dedede; text-align: center; padding: 10px 0; font-size: 14px; color: #333; }

.cur_btns{ width: auto; text-align: center; }
.cur_btns li{ width: 55px; display: inline-block; }
*:first-child+html .cur_btns li{ display: inline; }
.cur_btns li a{ display: block; color: #292929; font-size: 14px; padding: 3px 0; line-height: 1.2; text-align: center; border: 1px solid #505a60; background: #fff; color: #292929; }
.cur_btns li.btns2 a{ border: 1px solid #a2a7ad; color: #a2a7ad; }
.cur_btns li a:hover{ background: #003387; color: #fff; }
.cur_btns li.btns2 a:hover{ background: #003387;border: 1px solid #003387; }

.cur_btns.ver2 li{ width: 81px; }
.cur_btns.ver2 li a{ padding: 6px 0; background: #9ea3a9; color: #fff; border:1px solid #9ea3a9; }
.cur_btns.ver2 li.btns2 a{ background: #e6e7e9; color:#485359; border:1px solid #e6e7e9;}
.cur_btns.ver2 li a:hover{ background: #00338d; color:#fff; border:1px solid #00338d;}
.cur_btns.ver2 li.btns2 a:hover{ background: #00338d; border:1px solid #00338d;}

.cur_btns.ver3 li{ width: 81px; }
.cur_btns.ver3 li a{ padding: 6px 0; border: 1px solid #505a60; background: #fff; color:#292929; }
.cur_btns.ver3 li.btns2 a{ color: #9ca2a7; border: 1px solid #a2a7ad; }
.cur_btns.ver3 li a:hover{ background: #000; color: #fff; border: 1px solid #000; }
.cur_btns.ver3 li.btns2 a:hover{ background: #525252; border: 1px solid #525252; }

.sup4_box6 table{ width: 100%; }
.sup4_box6 table th{ background: #f9f9f9; text-align: center; padding: 19px 0 18px 0; font-size: 16px; color: #444; border-bottom: 1px solid #dedede;}
.sup4_box6 table th span{ color: #f95e5e; vertical-align: middle; display: inline-block; padding-top: 4px; }
.sup4_box6 table td{ border-bottom: 1px solid #dedede; text-align: center; padding: 8px 0px; font-size: 14px; color: #333; line-height: 35px; }
.sup4_box6 table td.pl0{ padding-left: 0px; }
.sup4_box6 table td.pr0{ padding-right: 0px; }
.sup4_box6 table td.ta_l{ text-align: left; padding-left: 12px; }
.sup4_box6 table tfoot td{ background: #f9f9f9; }
.sup4_box6 table td.fonts16{ font-size: 16px; }

.sup4_box6 .select_box.w100p{ padding: 0 10px; text-align: left; width: auto; }
.sup4_box6 .select_box.w100p > div.inner > .sel_txt{ width: 100%; }
.sup4_box6 .select_box.w100p > div.inner{ width: 100%; }
.sup4_box6 .select_box.w100p > div.inner > select{ width: 100%; }

.li3_box{ width: 100%; }
.li3_box:after{ content: ""; display: block; clear: both; }
.li3_box > li{ float: left; text-align: center; padding: 13px 0; line-height: 34px; font-size: 14px; color: #333; border-top: 1px solid #dedede; min-height: 34px; }
.li3_box > li > p.finish{ line-height: 1.3; }
.li3_box.tit > li{ background: #f9f9f9; padding: 9px 0; font-size: 16px; color: #444; }
.li3_box.tit > li > span{ display: inline-block; color: #f96c6c; vertical-align: middle; padding-top: 2px; }

.li2_box{ width: 100%; border-bottom: 1px solid #dedede; }
.li2_box:after{ content: ""; display: block; clear: both; }
.li2_box > li{ float: left; text-align: center; font-size: 14px; color: #333; border-top: 1px solid #dedede; }
.li2_box > li > span{ display: inline-block; color: #f96c6c; vertical-align: middle; padding-top: 2px; }
.li2_box > li > dl > dt{  background: #f9f9f9; height: 50px; line-height: 50px; ;font-size: 16px; color: #444; border-bottom: 1px solid #dedede; }
.li2_box > li > dl > dt span{ display: inline-block; color: #f96c6c; vertical-align: middle; padding-top: 2px; }
.li2_box > li > dl > dt br{ display: none; }
.li2_box > li > dl > dd{ padding: 9px 2px;}
.li2_box > li > dl > dd .toeic_wrap,.li2_box > li > dl > dd .cb_box{width:100%;}
.li2_box > li > dl > dd .date_list li{width:46%}
.li2_box > li > dl > dd .date_list li.and{width:3%; text-align: center; line-height: 35px; vertical-align: top; }
.li2_box.inner.mt9{ border-top: 1px solid #e7e7e7; }
.li2_box.inner > li{ padding:15px 0; line-height: 1.3; font-size: 14px; color: #333; border-bottom: 1px solid #e7e7e7; border-top: 0px; border-bottom: 0px; display: flex; justify-content: center; align-items: center; text-align: left; }
.li2_box.inner > li.ta_l{ text-align: left; }
.li2_box dd > div.calend_btn{ padding: 0 10px; }
.li2_box ul.cont_two{ width: 100%; }
.li2_box ul.cont_two:after{ content: ""; display: block; clear: both; }
.li2_box ul.cont_two > li{ float: left; width: 46%; }
.li2_box ul.cont_two > li:first-child + li{ width: 4%; line-height: 35px; }

/* 자격 및 경력사항 info */
.data_init_info_list{border-bottom:1px solid #e7e7e7;}
.data_init_info{display:table;width:100%;padding:12px 10px;box-sizing:border-box;border-top:1px solid #e7e7e7;background:#f9f9f9;}
.data_init_info li{display:table-cell;color: #333;font-size: 14px;text-align:center;line-height:25px;box-sizing:border-box;}
.data_init_info li.ta_l{padding-left: 8px;text-align:left;background: url('../images/recruit/tetscon1_txtbg.png') left 8px no-repeat;}
.data_init_info li.last{text-align:right;}
.btn_sm_style{display:inline-block;width:55px;height:25px;text-align:center;line-height:23px;box-sizing:border-box;background:#fff;}
.btn_sm_modify{color:#292929;border:1px solid #323232;}
.btn_sm_del{color:#9ca2a7;border:1px solid #898989;}


.input_text{ padding: 0 10px; }
.input_text dl{ position: relative; padding-right: 20px; }
.input_text dl > dt input{ width: 100%; }
.input_text dl dd{ position: absolute; top: 0px; right: 0px; line-height: 35px; }

.ppt_txt{ color: #585757; font-size: 14px; line-height: 35px; }

.normal{ position: relative; padding-left: 210px; margin: 8px 0; }
.normal dt{ position: absolute; top: 7px; left: 15px; font-size: 16px; color: #444; }
.normal .select_box{ width: 40% !important; }

.ul_spt4 > li > ul.inner{ width: 100%; }
.ul_spt4 > li > ul.inner > li.left{ float: left; width: 35%;}
.ul_spt4 > li > ul.inner > li.right{ float: right; width: 65%; } 
.ul_spt4 > li > ul.inner:after{ content: ""; display: block; clear: both; }
.ul_spt4.liw50p > li > ul.inner > li{ width: 50% !important; }
.ul_spt4 > li > ul.inner > li > dl{ position: relative; padding-left: 130px; }
.ul_spt4 > li > ul.inner > li > dl > dt{ position: absolute; top: 0px; left: 0px; width: 119px; background: #f9f9f9; font-size: 16px; color: #444; height: 100%; }
.ul_spt4 > li > ul.inner > li > dl > dt > p{ padding: 15px 0 0 16px; }
.ul_spt4 > li > ul.inner > li > dl > dt > p.font14{ font-size: 14px; }
.ul_spt4 > li > ul.inner > li > dl > dt > p > span{ display:inline-block; color: #f95e5e; padding-top: 4px; vertical-align:middle; }
.ul_spt4 > li > ul.inner > li > dl > dd{ padding: 7px 15px 9px 0; line-height: 1; color:#444; font-size:15px;}
.ul_spt4 > li > ul.inner > li > dl > dd > textarea{ height: 33px; padding: 0px; }
.ul_spt4 > li > ul.inner > li > dl > dd input.w50p{ width: 50%; }
.ul_spt4 .inner > li > dl > dd .date_list li{width:44%}
.ul_spt4 .inner > li > dl > dd .date_list li:first-child + li{ width: 4%; text-align: center; line-height: 35px; vertical-align: top; color:#444; }
.ul_spt4 .inner > li > dl > dd .date_list li.and{width:3%; }
.ul_spt4 .inner > li > dl > dd .date_list li .cb_box{width:100%;}

.ul_spt4 > li > .ul_spt5.inner > li.w100p{ width: 100% !important; }
.ul_spt5 .supt_ara1 > textarea{ width: 100%; height: 135px; margin: 0 0 2px; border: 1px solid #e2e2e2; resize: none; padding: 10px; }

p.career_notice_txt { font-size:16px; color:#666; padding:20px 0 20px 16px; }

.ul_spt4.ver2 > li > ul.inner > li{ float: left !important; width: 33%; }
.ul_spt4.ver2 > li > ul.inner.w50p > li{ width: 50%; }

.ul_spt4 > li > ul.inner > li > dl > dd input.nation_input {width:100%;}
.nation_input_div {width:47%; margin-left:3%;}

.select_box.w100p > div.inner > .sel_txt{ width: 100%; }
.select_box.w100p > div.inner > select{ width: 100%; }

.select_box.w45p{ width: 45%; }
.select_box.w50p{ width: 50%; }
.select_box.w50p > div.inner > .sel_txt{ width: 100%; }
.select_box.w50p > div.inner > select{ width: 100%; }

.ul_spt4 > li > ul.inner > li > dl.action_dl {padding-left:51%;}
.ul_spt4 > li > ul.inner > li > dl > dt.action_dt {width:51%;}
.ul_spt4 > li > ul.inner > li > dl > dd.action_dd {padding:7px 15px;}
.ul_spt4 > li > ul.inner > li > dl > dt.action_dt > p {line-height:1.4;}
.ul_spt4 > li > ul.inner > li > dl > dd.action_dd .radio_box label {line-height:30px;}


/* 채용안내 > 입사지원하기 > 자격 및 경력사항 */
.supt5_txta{ width: 100%; height: 100%; resize: none; display: table-cell; padding-top: 10px; text-indent: 10px; }
.tb_spt4.spt5_in input{ width: 100%; }
.tb_spt4.spt5_in .calend_btn > div.cb_inner{ width: 181px; }

.test_box{ position: relative; border: 1px solid #e7e7e7; background: #f9f9f9; padding: 19px 30px; }
.test_box ul.test_cons1{ margin-bottom: 33px; }
.test_box ul.test_cons1 li{ display: inline-block; margin-left: 40px; min-width: 72px; }
.test_box ul.test_cons1 li:first-child{ margin-left: 0px; }
.test_box div.test_text{ margin-top: 15px; font-size: 14px; color: #666; line-height: 20px; }
.test_box ul.cur_btns{ position: absolute; top: 14px; right: 25px; width: auto; }

.test_box table.test_cons2{ width: 100% }
.test_box table.test_cons2 th{ width: 105px; padding: 8px 0; text-align: left;}
.test_box table.test_cons2 td{ width: 360px; padding: 8px 0; text-align: left; font-size: 14px; color: #333; }
.test_box table.test_cons2 tr.first td{ padding-top: 0px; }
.test_box table.test_cons2 tr.first th{ padding-top: 0px; }
.test_box table.test_cons2 tr.last td{ padding-bottom: 0px; }
.test_box table.test_cons2 tr.last th{ padding-bottom: 0px; }


.test_box2{ position: relative; border: 1px solid #e7e7e7; background: #f9f9f9; padding: 20px 30px; }
.test_box2 > ul.inner{ width: 100%; }
.test_box2 > ul.inner:after{ content: ""; display: block; clear: both; }
.test_box2 > ul.inner > li{ float: left; width: 50%; margin-top: 18px; }
.test_box2 > ul.inner > li:first-child{ margin-top: 0px; }
.test_box2 > ul.inner > li:first-child + li { margin-top: 0px; }
.test_box2 > ul.inner > li > dl{ position: relative; padding-left: 104px; }
.test_box2 > ul.inner > li > dl > dt{  position: absolute; top: 0px; left: 0px; width: 104px; font-size: 14px; color: #333; background: url('../images/recruit/tetscon1_txtbg.png') left center no-repeat; padding-left: 8px; }
.test_box2 > ul.inner > li > dl > dd{ font-size: 14px; color: #333; }
.test_box2 > ul.inner > li.w100p { width: 100%; }
.test_box2 > ul.inner > li.w100p dd { word-break:break-word; }

.test_box2 ul.cur_btns{ position: absolute; top: 14px; right: 25px; width: auto; }

p.supt5_txt1{ background: url('../images/recruit/tetscon1_txtbg.png') left 4px no-repeat; padding-left: 8px; font-size: 14px; color: #333; line-height: 1.3; }

.calend_btn.w103{ width: 103px; }
.calend_btn.w103 div.cb_inner{ width: 103px; }

.sup5_sch{ position: relative; padding-right: 42px; }
.sup5_sch input{ position: relative; width: 100%; }
.sup5_sch a.btn{ position: absolute; top: 0px; right: 2px; width: 39px; color: #fff; text-align: center; line-height: 35px; height: 35px; border-bottom: none;}

.supt4_inner table.tb_spt4.w181 td > input{ width: 181px; }
.supt4_inner table.tb_spt4.w181 td > select{ width: 181px; }
.supt4_inner table.tb_spt4.w181 .select_box > div.inner > select{ width: 181px; }
.supt4_inner table.tb_spt4.w181 .select_box > div.inner > .sel_txt{ width: 181px; }
.supt4_inner table.tb_spt4.w181 .sup5_sch{ width: 181px; }
.supt4_inner table.tb_spt4.w181 td > input.w100p{ width: 100%; }

.supt_ara1{ padding-bottom: 10px; }
.supt_ara1 > textarea{ width: 100%; height: 135px; margin: 20px 0 2px; border: 1px solid #e2e2e2; resize: none; padding: 10px; box-sizing:border-box; }
.supt_ara1 > p{ font-size: 14px; color: #222; text-align: right; }

.cont_two.supt100{ width: 100%; }
.cont_two.supt100 > li{ display: inline-block; }
.cont_two.supt100 .calend_btn > div.cb_inner{ width: 100px; }
.cont_two.supt100 .calend_btn input{ width: 100px; }

.va_middle td{ vertical-align:middle; }

.dis_ib{ width: 100%; }
.dis_ib:after{ content: ""; display: block; clear: both; }
.dis_ib.mb16{ margin-bottom: 16px; }
.dis_ib > li{ float: left; margin-left: 35px; }
.dis_ib > li:first-child{ margin-left: 0px; }
.dis_ib > li.ml27{ margin-left: 27px; }
.dis_ib > li input{ width: 113px; }
.dis_ib > li dl{ position: relative; padding-left: 60px; }
.dis_ib > li dl dt{ position: absolute; top: 0px; left: 0px; text-align: right; width: 53px; }
.dis_ib ul.inner_two{ width: 100%; }
.dis_ib ul.inner_two:after{ content: ""; display: block; clear: both; }
.dis_ib ul.inner_two > li{ width: 50%; float: left; }

.ul_supt5_con1{ width: 100%; }
.ul_supt5_con1:after{ content: ""; display: block; clear: both; }
.ul_supt5_con1 > li{ height: 100%; }
.ul_supt5_con1 > li.left{ float: left; width: 35%; }
.ul_supt5_con1 > li.right{ float: right; width: 65%; }
.ul_supt5 > li > dl{ position: relative; padding-left: 120px; }
.ul_supt5 > li > dl > dt{ position: absolute; top: 0px; left: 0px; height: 100%; background: #f9f9f9; border-right: 1px solid #e9eaeb; width: 120px; }
.ul_supt5 > li > dl > dt > p{ position: relative; height: 100%; }
.ul_supt5 > li > dl > dt > p > span{ display: block; position: absolute; left: 12px; top: 50%; margin-top: -10px; font-size: 16px; color: #444; }
.ul_supt5 > li > dl > dt > p > span  > i{ color: #f96868; display: inline-block; padding-top: 4px; vertical-align:middle; }
.ul_supt5 > li > dl > dt > p > span br{ display: none; }
.ul_supt5 > li > dl > dd{ padding: 8px 10px; }
.ul_supt5 > li > dl > dd input{ width: 100%; }
.ul_supt5 > li > dl > dd textarea{ width: 100%; height: 133px; padding: 0px; }
.ul_supt5 > li > dl > dd .calend_btn > div.cb_inner{ width: auto; }
.ul_supt5 > li > dl > dd .cb_box{width:100%;}

.li2_box.inner2 p.supt5_txt1{ display: inline-block; }
.li2_box.inner2.mt9{ border-top: 1px solid #e7e7e7; }
.li2_box.inner2 > li{ position: relative; height: 48px; line-height: 48px; background: #f9f9f9; font-size: 14px; color: #333; border-bottom: 1px solid #e7e7e7; border-top: 0px; border-bottom: 0px; }
.li2_box.inner2 > li.ta_l{ text-align: left; }
.li2_box.inner2 > li > p{ margin-left: 12px; }

.sup4_box6.project ul.li2_box > li dd > *{ margin-top: 15px; }
.sup4_box6.project ul.li2_box > li.last dd > *{ margin-top: 0px; }

.li2_box_wrap{ background: #f9f9f9; }

.mobile_non{ width: 60%; }
.li2_box.ver3{ border-bottom: 0px; }
.li2_box.ver3 li{ border-top: 0px; }
.li2_box.file{ border-bottom: 0px; }
.li2_box.file > li + li dl dd{ min-height: 35px }
.li2_box.file p.file_txt{ font-size: 16px; line-height: 35px; }

.toeic_wrap{ display: none; }
.toeic_wrap.on{ display: block; }
.toeic_wrap > ul.toeic_input{ width: 100%; }
.toeic_wrap > ul.toeic_input:after{ content: ""; display: block; clear: both; }
.toeic_wrap > ul.toeic_input > li{ float: left; width: 48%; }
.toeic_wrap > ul.toeic_input > li:first-child + li{ float: right; }
.toeic_wrap > ul.toeic_input > li > dl{ position: relative; padding-left: 20px; }
.toeic_wrap > ul.toeic_input > li > dl > dt{ position: absolute; top: 50%; left: 0px; width: 20px; margin-top: -7px; }
.toeic_wrap > ul.toeic_input > li > dl > dd{ }
.toeic_wrap{ }

/* 채용안내 > 입사지원하기 > 마지막페이지 */
.supt_end{ width: 1024px; margin: 0 auto; padding: 65px 0;}
.supt_end p.stend_tit{ font-size: 28px; color: #003387; padding-bottom: 20px; border-bottom: 1px solid #1c3a78; }
.supt_end div.stend_con{ padding: 155px 0; text-align: center; border-bottom: 1px solid #1c3a78; color:#000; }
.supt_end div.stend_con p.txt1{ font-size: 28px; margin-bottom: 15px;}
.supt_end div.stend_con p.txt1 span{ color: #eb3a4a; }
.supt_end div.stend_con p.txt2{ font-size: 18px; color: #616161; line-height: 1.3; }

/* 나의채용 > 나의지원현황(공통) */
.myrec_list{ border-top: 2px solid #c4c4c4;/*  padding: 15px 0;  */border-bottom: 1px solid #c4c4c4; }
.myrec_list > li > dl{ position: relative; padding-left: 111px; /* margin-top: 17px;  */}
.myrec_list > li:first-child dl{ margin-top: 0px; }
.myrec_list > li.last dl{ border-top:1px dotted #b4b4b4; }
.myrec_list > li.last > dl > dt p{ padding-top: 19px; }
.myrec_list .email_box ul.email li input{ width: 206px; }
.myrec_list > li.last .select_box > div.inner > select{ width: 334px; }
.myrec_list > li.last .select_box > div.inner > .sel_txt{ width: 334px; font-size: 15px; }
.myrec_list > li.last + li + li .select_box > div.inner > select{ width: 164px; }
.myrec_list > li.last + li + li .select_box > div.inner > .sel_txt{ width: 164px; }

.myrec_list > li > dl > dt{ position: absolute; top: 0px; left: 0px; height: 100%; width: 111px; }
.myrec_list > li > dl > dt p{ padding: 19px 0 0 15px; font-size: 16px; color: #444; }
.myrec_list > li > dl > dt.middle{ top: 50%; margin-top: -8px; }
.myrec_list > li > dl > dd{ position: relative; min-height: 20px; padding: 10px 0; }
.myrec_list > li > dl > dd span.noti{ font-size: 14px; color: #777; padding-top: 10px; display: inline-block; line-height: 16px; }
*:first-child+html .myrec_list > li > dl > dd span.noti{ display: inline; }
.myrec_list > li > dl > dd a.myinfo_sch{ display: inline-block; width: 111px; text-align: center;  background: #eee; font-size: 14px; color: #3a3a3a; height: 33px; line-height: 33px; border: 1px solid #eee; }
*:first-child+html .myrec_list > li > dl > dd a.myinfo_sch{ display: inline; }
.myrec_list > li > dl > dd a.myinfo_sch:hover{ background:#00338d; color:#fff; }
.myrec_list > li input{ width:205px;height: 33px; border: 1px solid #bbb; }
.myrec_list .calend_btn.on a.calendar{ border: 1px solid #1d1d1b; }

.dl_ab{ position: relative; padding-right: 125px; max-width: 205px; }
.dl_ab > dt input{ width: 100%; }
.dl_ab > dd{ position: absolute; top: 0px; right: 0px; width: 113px; }

.ing_txt{ font-size: 18px; color: #444; padding-top: 20px; line-height: 1.3; }
.ing_txt span{ color: #00338d; }
a.recruit_go{ display: block; width: 150px; height: 40px; line-height: 40px; background: #00338d; color: #fff; font-size: 16px; text-align: center; border-radius: 5px; margin: 10px 0; }

.myrec_list .sel_btn_box{position:relative;width:332px;padding-right:125px;}
.myrec_list .sel_btn_box .select_box{display:inline-block;width:100%;vertical-align:top;}
.myrec_list .sel_btn_box .select_box label, .myrec_list .sel_btn_box .select_box select{width:100% !important;}
.myrec_list a.select_btn{position:absolute;top:0px;right:0px;display: inline-block;width: 111px;text-align: center;background: #eee;font-size: 14px;color: #3a3a3a;height: 33px;line-height: 33px;border: 1px solid #eee;}
.apply_sel_btn_box a.select_btn {width:140px;}
.apply_sel_btn_box a.btn1 {right:-30px;}
.apply_sel_btn_box a.btn2 {right:-185px;}
.apply_sel_btn_box a.select_btn:hover {background-color:#00338d; color:#fff;}

/* 나의채용 > 전형결과 조회 */
.mr_result div.result_box{ border-top: 2px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; }
.mr_result div.result_box > dl{ position: relative; padding-left: 106px; border-bottom: 1px solid #e9eaeb; }
.mr_result div.result_box > dl > dt{ position: absolute; top:50%; left: 0px; margin-top: -8px; }
.mr_result div.result_box > dl > dt > p{ font-size: 16px; color: #444; padding-left: 13px; }
.mr_result div.result_box > dl > dd{ font-size: 20px; color: #020202; padding: 29px 0; }
.result_box div.result_con{ padding: 40px 0 140px 106px; line-height: 26px; font-size: 16px; color: #444; white-space:pre-line; }

/* 나의채용 > 면접일정조회 > 면접일정결과 */
.result_box div.result_con.ver2{ padding: 38px 0 40px 53px; line-height: 26px; font-size: 16px; color: #444; white-space:pre-line; }
.mr_result .supt7_slect{ margin: 0px; border-top: 0px; }

/* 공지사항 */
.inquiry_wrap{ border-top: 2px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; }
.inquiry_list{ width: 100%; border-top: 1px solid #dedede;  display:flex; flex-wrap: nowrap;}
.inquiry_list:after{ content: ""; display: block; clear: both; }
.inquiry_list > li{ float: left; text-align: center; font-size: 16px; color: #444; padding: 17px 0; }
.inquiry_list > li a{ font-size: 16px; color: #444; display: block; height: 17px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;  }
.inquiry_list > li.lst1{ width: 10%; }
.inquiry_list > li.lst2{ width: 20%; }
.inquiry_list > li.lst3{ width: 75%; text-align: left; }
.inquiry_list.tit > li.lst3{ text-align: center; }
.inquiry_list > li.lst4{ width: 20%; }
.inquiry_list > li.lst5{ width: 7%; }

.inquiry_list.tit{ border-top: 0px; display:flex; flex-wrap: nowrap;}
.inquiry_list.tit > li{ background: #f9f9f9; }

/* 나의채용 > 나의채용 문의 내역 */
.inquiry_wrap2{ border-top: 2px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; }
.inquiry_list2{ width: 100%; border-top: 1px solid #dedede; }
.inquiry_list2:after{ content: ""; display: block; clear: both; }
.inquiry_list2 > li{ float: left; text-align: center; font-size: 16px; color: #444; padding: 17px 0; }
.inquiry_list2 > li a{ font-size: 16px; color: #444; display: block; width:90%; height: 17px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;  }
.inquiry_list2 > li.lst1{ width: 10%; }
.inquiry_list2 > li.lst2{ width: 20%; }
.inquiry_list2 > li.lst3{ width: 43%; text-align: left; }
.inquiry_list2.tit > li.lst3{ text-align: center; }
.inquiry_list2 > li.lst4{ width: 20%; }
.inquiry_list2 > li.lst5{ width: 7%; }

.inquiry_list2.tit{ border-top: 0px; }
.inquiry_list2.tit > li{ background: #f9f9f9; }

/* 나의채용 > 1:1문의하기 답변 */
.inq_answer ul.answer_top{ width: 100%; }
.inq_answer ul.answer_top:after{ content: ""; display: block; clear: both; }
.inq_answer ul.answer_top > li{ width: 50%; }
.inq_answer ul.answer_top > li.left{ float: left; }
.inq_answer ul.answer_top > li.right{ float: right; }
.inq_answer ul.answer_top.title li.left{ width: 100%; }

.answer_top.answer{ border-bottom: 1px solid #dedede; }
.answer_top.answer li.left{ width: 100%;}
.answer_top.answer ul.answer_list > li > dl > dt{ border-right: 0px; }
.answer_top.answer ul.answer_list > li:first-child > dl > dt > p{ color: #00338d; background: url('../images/myrecruit/answer.png') 20px 0px no-repeat; padding-left: 45px; }
.answer_top.answer ul.answer_list > li:first-child > dl > dd{ color: #00338d; }

.answer_top.title > li:first-child{ border-top: 1px solid #dedede; }

.answer_list > li{ border-top: 1px solid #dedede; }
.answer_list > li:first-child{ border-top: 0px !important; }
.answer_list > li > dl{ position: relative; padding-left: 132px; }
.answer_list > li > dl > dt{ position: absolute; top: 0px; left: 0px; width: 110px; background: #f9f9f9; height: 100%; border-right: 1px solid #dedede; }
.answer_list > li > dl > dt > p{ position: relative; font-size: 16px; color: #444; padding-left: 20px; top: 50%; margin-top: -8px; }
.answer_list > li > dl > dd{ padding: 18px 0; min-height: 16px; font-size: 16px; color: #444; }

.qus_cont{ position: relative; padding-left: 133px; border-bottom: 1px solid #c4c4c4; }
.qus_cont > dt{ position: absolute; top: 50%; left: 0px; margin-top: -8px; width: 111px; text-align: center; }
.qus_cont > dd{ padding: 50px 0; white-space:pre-line; line-height: 32px; }

.answer_cont{ padding: 50px 0 120px 133px; font-size: 16px; color: #444; line-height: 32px; border-bottom: 1px solid #c4c4c4; }

/* 채용서류 반환창구 */
.return_txt{ padding: 37px 197px; background: #f9f9f9; border-bottom: 1px solid #e9eaeb; }
.return_txt > p.txt1{ font-size: 20px; color: #020202; line-height: 24px; margin-bottom: 30px;}
.return_list > li{ margin-top: 40px; }
.return_list > li:first-child{ margin-top: 0px; }
.return_list > li > dl > dt{ font-size: 16px; color: #444; margin-bottom: 15px; }
.return_list > li > dl > dd{ font-size: 16px; color: #222; line-height: 20px; }
.return_list > li > dl > dd span.noti{ display: inline-block; vertical-align: middle; padding-top: 4px; }
.mr_result ul.myrec_list{ border: 0px; }

.return_input{ border-bottom: 1px solid #c4c4c4; }
.return_input .select_box{ max-width: 586px; }
.return_input input{ max-width: 586px; }

/* 채용안내 > 입사도우미 > FAQ */
.faq_wrap{ position: relative; max-width:1024px; margin:0 auto; margin-top: 50px; }
.faq_wrap div.sup5_sch{ position: absolute; top: 45px; left: 0px; }

.search_box{position:relative;}
.search_box .sup5_sch{top:0 !important;}

.faq_sch{ margin-bottom: 20px; position:absolute; right:0;}
.faq_sch > li{ position: relative; display: inline-block; margin-left: 10px; vertical-align: top;}
*:first-child+html .faq_sch > li{ display: inline; }
.faq_sch > li:first-child{ margin-left: 0px; }
.faq_sch > li .select_box{ width: 220px; }
.faq_sch > li:first-child + li{ padding-right: 42px; }
.faq_sch > li a.sch_btn{ position: absolute; top: 0px; right: 0px; width: 42px; height: 35px; line-height: 35px; background: #333; color: #fff; display: block; text-align: center; }
.faq_wrap_modi, .faq_wrap div.faq_sch_box {top:-35px !important;}
.faq_sch_select {margin-right:245px;}
.faq_wrap div.faq_sch_box {left:auto; right:0;}
.faq_wrap div.notice_sup5_sch {left:auto; right:0; top:-35px !important;}

.faq_list > li{ border-top: 1px solid #e9eaeb; background:#f9f9f9;}
.faq_list > li > a{ padding: 23px 18px; display: block; background: url('../images/recruit/faq_off.png') 97% center no-repeat; background-size:24px 14px;}
.faq_list > li > a > dl{ background: url('../images/recruit/faq_q.png') 5px center no-repeat; padding-left: 50px; }
.faq_list > li > a  > dl > dt{ font-size: 19px; color: #000; margin-bottom: 8px; }
.faq_list > li > a  > dl > dd > ul > li{ display: inline-block; background: url('../images/recruit/faq_sline.png') left center no-repeat; padding-left: 13px; margin-left: 13px; font-size: 14px; color: #585757; }
.faq_list > li > a  > dl > dd > ul > li:first-child{ margin-left: 0px; padding-left: 0px; background: none; }
.faq_list > li.on > a{ background: url('../images/recruit/faq_on.png') 97% center no-repeat; background-size:24px 14px; border-bottom: 1px solid #e9eaeb; }
.faq_list > li > div.inner{ position: relative; padding: 50px 70px; font-size: 16px; color: #444; line-height: 1.3; display: none; background:#fff;}
.faq_list > li > div.inner p.ans{ position: absolute; top: 50%; left: 23px; transform:translateY(-50%); color: #00338d; font-size: 24px; }

.faq_list_box { border-top:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; }

.more_btn{ position: relative; display: block; width: 155px; height: 41px; line-height: 41px; margin: 0 auto; border: 1px solid #a8a8a8; text-align: center; }
.more_btn:hover{ border: 1px solid #00338d; }
.more_btn:hover span{ color: #00338d; background: url('../images/recruit/more_btn_on.png') right center no-repeat; }
.more_btn span{ font-size: 17px; color: #7f7f7f; display: inline-block; background: url('../images/recruit/more_btn.png') right center no-repeat; padding-right: 33px; }
*:first-child+html .more_btn span{ display: inline; }

/* 채용안내 > 입사도우미 > 채용공고 문의 */
.ance_inq{ padding: 0 15px; }
.inq_input > li{ padding: 10px 10px 10px 0; }
.inq_input > li > dl{ position: relative; padding-left: 148px; } 
.inq_input > li > dl > dt{ position: absolute; top: 8px; left: 30px; height: 100%; font-size: 16px; color: #444; }

.inq_input ul.li2_con{ width: 100%; }
.inq_input ul.li2_con:after{ content: ""; display: block; clear: both; }
.inq_input ul.li2_con > li{ float: left; width: 50%; }
.inq_input ul.li2_con > li > dl{ position: relative; padding-left: 148px; }
.inq_input ul.li2_con > li > dl > dt{ position: absolute; top: 8px; left: 30px; height: 100%; color: #444; font-size: 16px;}

.input_txt{ position: relative; }
.input_txt > input{ width: 100%; padding: 0px; font-size: 14px; color: #777; }
.input_txt > textarea{ width: 100%; padding: 0px; font-size: 14px; color: #777; padding-top: 10px; text-indent: 10px; }
.input_txt > span{ position: absolute; top: 10px; left: 10px; font-size: 14px; color: #777; }

.inq_input .pw_box{ position: relative; padding-right: 170px; max-width: 260px; }
.inq_input .pw_box > dd{ position: absolute; top: 10px; right: 0px; font-size: 14px; color: #777; }

.inq_input span.noti{ font-size: 14px; color: #777; line-height: 30px; }

.anc_tpic{ width: 100%; }
.anc_tpic:after{ content: ""; display: block; clear: both; }
.anc_tpic > li{ float: left; text-align: center; }
.anc_tpic > li.tpic1{ width: 34%; }
.anc_tpic > li.tpic2{ width: 33%; } 
.anc_tpic > li.tpic3{ width: 33%; }
.anc_tpic > li.tpic1_1{ width: 25%; }
.anc_tpic > li.tpic1_2{ width: 25%; }
.anc_tpic > li.tpic1_3{ width: 25%; }
.anc_tpic > li.tpic1_4{ width: 25%; }

.anc_tpic > li > dl > dt{ background: #f9f9f9; border-bottom: 1px solid #cdc8c8; font-size: 14px; color: #020202; padding: 17px 11px; }
.anc_tpic > li > dl > dd{ border-bottom: 1px solid #cdc8c8; padding: 23px 0; font-size: 15px; color: #020202; }

.email_box .input_txt span{ top: 2px; }

/* 채용정보 > 공지사항 */
.result_box > dl > dd{ position: relative; }
.result_box > dl > dd ul.result_nav{ position: absolute; top: 29px; right: 25px; }
.result_box > dl > dd ul.result_nav > li{ display: inline-block; font-size: 16px; color: #444; border-left: 1px solid #cecece; padding-left: 15px; margin-left: 15px; }
.result_box > dl > dd ul.result_nav > li:first-child{ border-left: 0px; margin-left: 0px; padding-left: 0px; }

.result_file{ padding: 20px 0; border-bottom: 1px solid #dedede; }
.result_file > li{ padding: 0 14px; margin-top: 15px; }
.result_file > li:first-child{ margin-top: 0px; }
.result_file > li > dl{ position: relative; padding-left: 106px; }
.result_file > li > dl > dt{ position: absolute; top: 1px; left: 0px; font-size: 15px; color: #000; background: url('../images/info/file_icon.png') left center no-repeat; padding-left: 41px; }
.result_file > li > dl > dd{ position: relative; display: inline-block; }
.result_file > li > dl > dd > a{ display: inline-block; font-size: 15px; color: #00338d; border-bottom: 1px solid #00338d; }

.noti_navi > li{ padding: 17px; border-top: 1px solid #dedede; }
.noti_navi > li > dl{ position: relative; padding-left: 93px; }
.noti_navi > li > dl > dt{ position: absolute; top: 0px; left: 0px; padding-left: 24px; font-size: 16px; color: #444; }
.noti_navi > li > dl > dt.prev{ background: url('../images/info/noti_up.png') left center no-repeat; }
.noti_navi > li > dl > dt.next{ background: url('../images/info/noti_down.png') left center no-repeat; }
.noti_navi > li > dl > dd{ font-size: 16px; color: #444; }
.noti_navi > li > dl > dd > a{ display: block; font-size: 16px; color: #444; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }


.notice_wrap{ margin-top:50px; border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; }

/* 채용정보 > 직무소개 */
.job_list{ width:100%; }
.job_list:after{ content: ""; display: block; clear: both; }
.job_list > li{ position: relative; width: 482px; }
.job_list > li:hover div.job_img{left:1px;padding:2px;}
.job_list > li.left{ float: left; }
.job_list > li.right{ float: right; }
.job_list > li dl{ padding-left: 207px; border: 1px solid #dedede; height: 100%; margin-bottom: 36px; height: 164px; }
.job_list > li:hover dl{ background: url('../images/info/job_list_on.png') 0 0 no-repeat; border: 1px solid #fff; }
.job_list > li dl > dt{ font-size: 20px; color: #000000; padding: 26px 0 19px 0; }
.job_list div.job_img{ position: absolute; top:1px; left: 0px; width: 164px; box-sizing:border-box; }
.job_list div.job_img img{ width:100%; height:100%; }
.job_list a.job_detail{ position: absolute; bottom: 55px; left: 207px; display: inline-block; font-size: 15px; color: #7f7f7f; padding: 11px 26px; border: 1px solid #a8a8a8; }
*:first-child+html .job_list a.job_detail{ display: inline; }

/* 채용정보 > 직무소개 상세페이지 */
.job_view{ position: relative; }
.job_view div.jobselect{ position: absolute; top: 0px; right: 0px; width: 200px; }

.jview{ position: relative; padding: 45px 0 57px 260px; }
.jview div.jview_img{ position: absolute; top: 46px; left: 0px; }
.jview_tit{ font-size: 32px; color: #00338d; font-weight: normal; }
.jview_tit a.home_btn{ display: inline-block; padding: 9px 20px; font-size: 15px; color: #7f7f7f; border: 1px solid #a8a8a8; vertical-align: middle; margin: -4px 0 0 20px; }
*:fisrt-child+html .jview_tit a.home_btn{ display: inline; }
.jview_txt{ font-size: 17px; color: #000; padding: 28px 100px 0 0; line-height: 1.3; }

.jview_txt2{ padding-top: 27px; }
.jview_txt2 > li{ font-size: 17px; color: #000; line-height: 28px; }

.jview_detail{ width: 994px; margin: 0 auto; padding-top: 32px; border-top: 1px solid #dedede; }
.jview_detail > ul{ width: 995px; margin: 0 auto; margin-bottom: 14px; }
.jview_detail > ul:after{ content: ""; display: block; clear: both; }
.jview_detail > ul > li{ float: left; position: relative; width: 323px; height: 214px; background: url("../images/info/jview_detail.png") no-repeat; margin-left: 13px; }
.jview_detail > ul > li:first-child{ margin-left: 0px; }
.jview_detail > ul > li:hover{ background: url("../images/info/jview_detail_on.png") no-repeat; }
.jview_detail > ul > li > a{ display: block; width: 100%; height: 100%; }
.jview_detail > ul > li > a > dl{ padding: 0 20px; }
.jview_detail > ul > li > a > dl > dt{ padding: 26px 0 22px 0; font-size: 24px; color: #00338d; background: url('../images/info/jdetail_txt.png') left center no-repeat; padding-left: 12px; border-bottom: 1px solid #dedede; }
.jview_detail > ul > li > a > dl > dd{ padding: 21px 0; }
.jview_detail p.txt{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; height: 51px; font-size: 17px; color: #000; line-height: 24px; }
.jview_detail p.detail_btn{ position: absolute; left: 20px; bottom: 20px; display: inline-block; background: #eee; padding: 6px 20px; font-size: 14px; color: #2f2f2f; }
.jview_detail > ul > li:hover p.detail_btn{ background: #00338d; color: #fff; }

/* 채용정보 > 직무소개 상세페이지 > 직무별 */
.detail_info{ margin-top: 30px; padding: 30px; background: #f9f9f9; border: 1px solid #dedede; border-radius: 10px; -webkit-border-radius: 10px; }
.detail_info > div.di_top{ position: relative; padding-left: 185px; min-height: 175px; border-bottom: 1px solid #dedede; }
.detail_info > div.di_top > div.di_img{ position: absolute; top: 0px; left: 0px; width:155px; }
.di_tits{ padding-top: 20px; } 
.di_tits > p.tit{ font-size: 32px; color: #000; margin-bottom: 10px; }
.di_tits > p.stit{ font-size: 28px; color: #00338d;}
.di_top a.dif_job{ position: absolute; top: 20px; right: 0px; display: inline-block; font-size: 15px; color: #222; background: #eee; padding: 12px 15px; }
*:first-child+html .di_top a.dif_job{ display: inline; }

.di_con_list{ padding: 0 28px; }
.di_con_list > li{ margin-top: 35px; }
.di_con > dt{ font-size: 22px; color: #000; background: url('../images/info/jdetail_txt.png') left center no-repeat; padding-left: 12px; margin-bottom: 20px; }
.di_con > dd{ font-size: 17px; color: #000; line-height: 1.3; padding-bottom: 50px; }


/* 함께하는HHI > 캠퍼스리쿠르팅 */
.tb_campus{ border-top: 2px solid #c4c4c4; }
.tb_campus th{ padding: 10px 0; vertical-align: middle; background: #f9f9f9; border: 1px solid #c4c4c4; font-size: 16px; color: #444;}
.tb_campus td{ padding: 20px 0; vertical-align: middle; border-bottom: 1px solid #c4c4c4; text-align: center; font-size: 13px; color: #444;border:1px solid #c4c4c4;}

.cam_recrting{border-top: 2px solid #c4c4c4;border-right:1px solid #c4c4c4;}
.cam_recrting > li{border-bottom: 1px solid #c4c4c4;}
.cam_recrting > li dt{display:none;}
.cam_recrting > li:first-child dt{display:block;}
.campus{display: table; width: 100%;}
.campus > li{ display: table-cell; width:25%;text-align: center; vertical-align: top;border-left:1px solid #c4c4c4;}


p.cont_no{padding:20px 0;text-align:center;border-left:1px solid #c4c4c4;}

/* .cp_school{width:20%;}
.cp_date{width:20%;}
.cp_con{width:60%;} */

.campus > li.cp_con{border-left:0px;}

.cp_school dt,.cp_date dt{padding: 24px 0 25px;color: #444;font-size: 16px;font-weight:bold;background: #f9f9f9;border-bottom: 1px solid #c4c4c4;}
.cp_school dd, .cp_date dd, .campus .time_where dd{padding: 24px 10px 25px; font-size: 13px;}
.cp_school dd{font-size: 16px;}
.campus .cp_con{overflow:hidden;box-sizing:border-box;}
.campus .cp_con > dl{display:table-cell;width:50%;height:100%;}
.campus .title{padding:8px 0;color: #444;font-size: 16px;font-weight:bold;border-left:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;background:#f9f9f9;}
.campus .time_where{overflow:hidden;height:100%;min-width: 231px;}
.campus .time_where ul{display:table;width:100%;height:100%;}
.campus .time_where li{display:table-cell;width:50%;height:100%;border-left:1px solid #c4c4c4;box-sizing:border-box;vertical-align:top;}
.campus .time_where dt{padding:8px 0;color: #444;font-size:16px;font-weight:bold;border-bottom:1px solid #c4c4c4;background:#f9f9f9;}


/* 채용안내 > 채용절차 */
.restep{position:relative;width:100%;height:1000px;background:url('../images/recruit/tab_top_line.png') left 49px no-repeat;}
.restep:after{content:"";display:block;clear:both;}
.restep > li{float:left;width:231px;}
.restep > li > a{display:block;width:100%;height:50px;background:#f9f9f9;border:1px solid #d7d7d7;border-left:0px;font-size:17px;color:#000;line-height:50px;text-align:center;box-sizing:border-box;}
.restep > li:first-child > a{border-left:1px solid #d7d7d7;}
.restep > li.on > a{background:#fff;border:1px solid #00338d;font-weight:bold;}

.restep > li.on .tab_inner{display:block;}
.tab_inner{display:none;position:absolute;top:85px;left:0px;width:994px;}
.tab_inner h4{padding-bottom:15px;font-size:28px;color:#000;font-weight:bold;}
.tab_inner p.info{padding-bottom:25px;font-size:19px;color:#00338d;font-weight:bold;}
.tab_inner p.type{margin-bottom:40px;font-size:16px;color:#000;}
.tab_inner p.type span{font-weight:bold;}

.table_box{position:relative;height:229px;background:url('../images/info/tab_inner.png') no-repeat;background-size:100% 100%;}
.table_box .m_bg{display:none;}
.table_box ul.table{position:relative;width:100%;overflow:hidden;}
.table_box ul.table li{position:relative;float:left;text-align:center;height:229px;font-size:15px;color:#485359;font-weight:bold;}
.table_box ul.table li div{position:absolute;width:100%;bottom:0px;left:0px;padding-bottom:15px;}
.table_box ul.table li div.over p{width:300px;}
.table_box ul.table li p{position:absolute;bottom:0px;left:0px;width:100%;height:10px;border-radius:15px;}
.table_box ul.table li i{font-size:13px;font-style:normal;}

.table_box ul.table li p.pink{background:#add4eb;}
.table_box ul.table li p.brown{background:#66adda;}
.table_box ul.table li p.gray{background:#3392cd;}
.table_box ul.table li p.green{background:#00338d;}
.table_box ul.table li p.mint{background:#0063af;}
.table_box ul.table li p.sky_blue{background:#014085;}
.table_box ul.table li p.blue{background:#03376b;}
.table_box ul.table li p.dark_blue{background:#08244d;}

.table_box ul.table li.w1{width:5.44%;}
.table_box ul.table li.w1_1{width:8.22%;}
.table_box ul.table li.w2{width:10.99%;}
.table_box ul.table li.last{width:6%;}
.table_box ul.table li.w2_1{width:13.87%;}
.table_box ul.table li.w3{width:15.75%;}
.table_box ul.table li.w4{width:16.54%;}

.table_box ul.table.ver1 li:first-child div{bottom:6%;}
.table_box ul.table.ver1 li:first-child + li div{bottom:13.71%;}
.table_box ul.table.ver1 li:first-child + li + li div{bottom:26.54%;}
.table_box ul.table.ver1 li:first-child + li + li + li div{bottom:35.398%;}
.table_box ul.table.ver1 li:first-child + li + li + li + li div{bottom:50.44%;}
.table_box ul.table.ver1 li:first-child + li + li + li + li + li div{bottom:61.50%;}
.table_box ul.table.ver1 li:first-child + li + li + li + li + li + li div{bottom:73%;}

.table_box ul.table.ver2 li:first-child div{bottom:12.54%;}
.table_box ul.table.ver2 li:first-child + li div{bottom:24.5%;}
.table_box ul.table.ver2 li:first-child + li + li div{bottom:37.44%;}
.table_box ul.table.ver2 li:first-child + li + li + li div{bottom:50.50%;}
.table_box ul.table.ver2 li:first-child + li + li + li + li div{bottom:62.5%;}

.table_box ul.table.ver3 li:first-child div{bottom:11%;}
.table_box ul.table.ver3 li:first-child + li div{bottom:19.8%;}
.table_box ul.table.ver3 li:first-child + li + li div{bottom:29.64%;}
.table_box ul.table.ver3 li:first-child + li + li + li div{bottom:39.8%;}
.table_box ul.table.ver3 li:first-child + li + li + li + li div{bottom:50.44%;}
.table_box ul.table.ver3 li:first-child + li + li + li + li + li div{bottom:58.40%;}
.table_box ul.table.ver3 li:first-child + li + li + li + li + li + li div{bottom:67.699%;}
.table_box ul.table.ver3 li:first-child + li + li + li + li + li + li + li div{bottom:76.5%;}



.step_list{display:inline-block;background:url('../images/recruit/step_list_bg.png') left 45px repeat-x;}
.step_list:after{content:"";display:block;clear:both;}
.step_list > li{float:left;}
.step_list > li:first-child{padding-left:0px;background:url('../images/recruit/white_bg.png') left top no-repeat;background-size:25px auto;}
.step_list .inner{padding-top:130px;}
.step_list dl{width:120px;height:153px;padding:0 10px;border-right:1px solid #e8e8e9;text-align:center;}
.step_list > li:first-child dl{border-left:1px solid #e8e8e9;}
.step_list dl dt{margin-bottom:20px;font-size:22px;color:#000;}
.step_list dl dd{font-size:14px;color:#485359;line-height:16px;text-align:left;}

.step_list > li.end{background:url('../images/recruit/white_bg.png') right top no-repeat;background-size:25px auto;}
.step_list > li.end dt{font-size:25px;color:#00338d;font-weight:bold;}

.step_list.step1 > li:first-child .inner{background:url('../images/recruit/step1_1.png') center top no-repeat;}
.step_list.step1 > li:first-child + li .inner{background:url('../images/recruit/step1_2.png') center top no-repeat;}
.step_list.step1 > li:first-child + li + li .inner{background:url('../images/recruit/step1_3.png') center top no-repeat;}
.step_list.step1 > li:first-child + li + li + li .inner{background:url('../images/recruit/step1_4.png') center top no-repeat;}
.step_list.step1 > li:first-child + li + li + li + li .inner{background:url('../images/recruit/step1_5.png') center top no-repeat;}

.step_list.step2 > li:first-child .inner{background:url('../images/recruit/step1_1.png') center top no-repeat;}
.step_list.step2 > li:first-child + li .inner{background:url('../images/recruit/step1_2.png') center top no-repeat;}
.step_list.step2 > li:first-child + li + li .inner{background:url('../images/recruit/step1_3.png') center top no-repeat;}
.step_list.step2 > li:first-child + li + li + li .inner{background:url('../images/recruit/orange1.png') center top no-repeat;}
.step_list.step2 > li:first-child + li + li + li + li .inner{background:url('../images/recruit/step1_4.png') center top no-repeat;}
.step_list.step2 > li:first-child + li + li + li + li + li .inner{background:url('../images/recruit/step1_5.png') center top no-repeat;}

.step_list.step3 > li:first-child .inner{background:url('../images/recruit/step1_1.png') center top no-repeat;}
.step_list.step3 > li:first-child + li .inner{background:url('../images/recruit/step1_2.png') center top no-repeat;}
.step_list.step3 > li:first-child + li + li .inner{background:url('../images/recruit/step1_3.png') center top no-repeat;}
.step_list.step3 > li:first-child + li + li + li .inner{background:url('../images/recruit/orange2.png') center top no-repeat;}
.step_list.step3 > li:first-child + li + li + li + li .inner{background:url('../images/recruit/orange3.png') center top no-repeat;}
.step_list.step3 > li:first-child + li + li + li + li + li .inner{background:url('../images/recruit/step1_4.png') center top no-repeat;}
.step_list.step3 > li:first-child + li + li + li + li + li + li .inner{background:url('../images/recruit/step1_5.png') center top no-repeat;}

/* 채용정보 > 현대정신 */
.hyun_txt{font-size:17px;color:#000;line-height:22px;}

.hyun_vis{padding-top:80px;}
.hyun_vis > ul{width:100%;text-align:center;}
.hyun_vis > ul > li{display:inline-block;width:193px;margin-left:140px;vertical-align:top;}
*:first-child+html .hyun_vis > ul > li{display:inline;}
.hyun_vis > ul > li:first-child{margin-left:0px;}
.hyun_vis > ul > li > dl{padding:235px 5px 0 5px;text-align:left;}
.hyun_vis > ul > li:first-child > dl{background:url('../images/info/hyun_img1.png') center top no-repeat;}
.hyun_vis > ul > li:first-child + li > dl{background:url('../images/info/hyun_img2.png') center top no-repeat;}
.hyun_vis > ul > li:first-child + li + li> dl{background:url('../images/info/hyun_img3.png') center top no-repeat;}

.hyun_vis > ul > li > dl > dt{padding-bottom:10px;font-size:20px;color:#000;font-weight:bold;text-align:center;}
.hyun_vis > ul > li > dl > dd{font-size:16px;color:#9ca2a7;line-height:20px;}

.mail_wrap .cb_box{ width: auto; }
.mail_wrap input{ width: 100%; }
.mail_wrap .select_box{ min-width: 80px; }
.mail_wrap p.supt5_txt1{ background: url('../images/recruit/tetscon1_txtbg.png') left 4px no-repeat; padding-left: 8px; font-size: 14px; color: #333; line-height: 1.3; text-align: left; }
.mail_wrap .li_table > li > dl > dt{ font-size: 14px; }
.mail_wrap .li_table > li > dl > dt label{ font-size: 14px; }

.plus_del{ position: absolute; top: 0px; right: 0px; }
.plus_del > a{ display: inline-block; font-size: 14px; padding: 3px 15px; line-height: 1.2; text-align: center; background: #fff; }
.plus_del > a:first-child{ border: 1px solid #323232; color: #292929; }
.plus_del > a:first-child + a{ border: 1px solid #898989; color: #9ca2a7; }

.plus_del > a:first-child:hover{ background: #000; color: #fff; }
.plus_del > a:first-child + a:hover{ background: #525252; color: #fff; }

/* 로그인 */
.login_box{ padding: 50px 20px; border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; }
.login_box > li{ margin-top: 10px; }
.login_box > li:first-child{ margin-top: 0px; }
.login_box > li > dl{ text-align: center; position: relative; }
.login_box > li > dl > dt{ display: inline-block; width: 100px; }
.login_box > li > dl > dd{ display: inline-block; height: 35px; vertical-align: middle; }

/* 채용정보 > 인사제도 > 인재육성 */
.devp_vis1{padding-bottom:100px;background:url('../images/info/devp_bg1.png') center 160px no-repeat;}
.devp_vis1 ul.devp_list1{display:table;width:100%;margin-bottom:40px;}
.devp_list1 > li{display:table-cell;width:313px;vertical-align:top;}
.devp_list1 > li > dl{position:relative;padding:62px 10px 0 10px;}
.devp_list1 > li > dl > dt{position:absolute;top:0px;left:50%;width:124px;height:124px;margin-left:-62px;background:url('../images/info/devp_cir1.png') center top no-repeat;font-size:17px;color:#fff;font-weight:bold;line-height:124px;text-align:center;}
.devp_list1 > li > dl > dd{padding:75px 29px 35px 29px;background:#f6f6f6;text-align:center;border-radius:10px;}
.devp_list1 > li > dl > dd > dl{display:inline-block;width:120px;vertical-align:top;}
.devp_list1 > li > dl > dd > dl dt{height:30px;background:#ccc;border-radius:10px;font-size:18px;color:#fff;font-weight:bold;line-height:30px;}
.devp_list1 > li > dl > dd > dl dd{height:120px;background:#fff;border-radius:10px;}

.devp_list1 ul.list{padding:0 15px;}
.devp_list1 ul.list > li{position:relative;padding:10px 0 0 10px;font-size:17px;color:#333;text-align:left;}
.devp_list1 ul.list > li > p{font-size:13px;}
.devp_list1 ul.list > li span{position:absolute;top:10px;left:0px;}

.devp_result{width:537px;padding:18px 0;margin:0 auto;background:#f6f6f6;border-radius:10px;text-align:center;}
.devp_result > dt{width:301px;margin:0 auto;height:48px;background:#00338d;border-radius:10px;font-size:26px;color:#fff;line-height:48px;}
.devp_result > dd{text-align:center;}
.devp_result ul{display:inline-block;padding-top:15px;}
.devp_result ul > li{font-size:20px;color:#000;text-align:left;line-height:24px;}

.devp_top{text-align:center;padding:0 0 80px 0;}
.devp_top h4.devp_tit{margin-bottom:15px;font-size:24px;color:#000;font-weight:normal;text-align:left;}
.devp_top h4.devp_tit span{color:#00338d;font-weight:bold;}
.devp_top p.devp_stit{font-size:17px;color:#545454;line-height:20px;text-align:left;}

.devp_img{margin-bottom:50px;}

.devp_tab{position:relative;width:994px;border-bottom:1px solid #d7d7d7;text-align:left;background:url('../images/recruit/tab_top_line.png') left 51px no-repeat;}
.devp_tab:after{content:"";display:block;clear:both;}
.devp_tab > li{float:left;width:273px;}
.devp_tab > li > a{display:block;height:50px;background:#f9f9f9;border:1px solid #d7d7d7;border-left:0px;font-size:17px;color:#000;text-align:center;line-height:50px;}
.devp_tab > li:first-child > a{border-left: 1px solid #d7d7d7;}
.devp_tab > li.on > a{border:1px solid #00338d;background:#fff;}
.devp_tab > li .tab_cont{position:absolute;top:100px;left:0px;}
.devp_tab > li .tab_cont p.tit{margin-bottom:65px;font-size:17px;color:#000;line-height:24px;}
.devp_tab > li.on .edu_cont{display:block;}

.edu_cont{display:none;}
.edu_cont > li{position:relative;margin-top:55px;padding-left:288px;min-height:162px;}
.edu_cont > li:first-child{margin-top:0px;}
.edu_cont > li div.edu_img{position:absolute;top:0px;left:0px;}
.edu_cont > li > dl{padding-top:10px;}
.edu_cont > li > dl > dt{font-size:22px;color:#000;font-weight:bold;margin-bottom:25px;}
.edu_cont > li > dl > dd{font-size:18px;color:#000;line-height:24px;}

/* 채용정보 > 인사제도 > 급여 및 복리후생 */
.pay_txt1{ text-align: left; margin-bottom: 90px; }
.pay_txt1 > dt{ font-size: 26px; color: #000; margin-bottom: 15px; }
.pay_txt1 > dd{ font-size: 16px; color: #313131; line-height: 19px; }

.pay_list{width:994px;text-align:center;}
.pay_list > li{display:inline-block;width:49%;text-align:left;margin-bottom:67px;vertical-align:top;}
.pay_list > li > dl{padding:0 30px 0 128px;min-height:100px;}
.pay_list > li > dl > dt{font-size:29px;color:#000;padding:12px 0;}
.pay_list > li > dl > dd{background:url('../images/info/pay_list.png') left 6px no-repeat;padding-left:8px;font-size:16px;color:#485359;line-height:18px;}

.pay_list > li:first-child > dl{background:url('../images/info/pay_icon1.png') left top no-repeat;}
.pay_list > li:first-child + li > dl{background:url('../images/info/pay_icon2.png') left top no-repeat;}
.pay_list > li:first-child + li  + li  > dl{background:url('../images/info/pay_icon3.png') left top no-repeat;}
.pay_list > li:first-child + li  + li  + li  > dl{background:url('../images/info/pay_icon4.png') left top no-repeat;}
.pay_list > li:first-child + li  + li  + li  + li  > dl{background:url('../images/info/pay_icon5.png') left top no-repeat;}
.pay_list > li:first-child + li  + li  + li  + li  + li > dl{background:url('../images/info/pay_icon6.png') left top no-repeat;}
.pay_list > li:first-child + li  + li  + li  + li  + li + li > dl{background:url('../images/info/pay_icon7.png') left top no-repeat;}
.pay_list > li:first-child + li  + li  + li  + li  + li + li + li > dl{background:url('../images/info/pay_icon8.png') left top no-repeat;}

span.star{ display: inline-block; vertical-align: middle; }

/* 채용정보 > 인사제도 > 직급제도 */
.rank_wrap h5{margin-bottom:5px;font-size:24px;color:#00338d;font-weight:normal;}
.rank_wrap .restep{margin-bottom:110px;}

.rank_txt{font-size:17px;color:#485359;line-height:20px;}

.rank_text{position:relative;padding-top:47px;}
.rank_text p.circle{position:absolute;top:50%;left:0;width:100%;height:160px;background:url('../images/info/rank_circle.png') center center no-repeat;margin-top:-80px;text-align:center;font-size:30px;color:#fff;line-height:160px;}
.rank_text > ul{width:100%;}
.rank_text > ul:after{content:"";display:block;clear:both;}
.rank_text > ul > li{float:left;width:383px;padding:20px;height:101px;margin-bottom:51px;}

.rank_text > ul > li:first-child{background:url('../images/info/rank_bg1.png') 0 0 no-repeat;}
.rank_text > ul > li:first-child + li{background:url('../images/info/rank_bg2.png') 0 0 no-repeat;}
.rank_text > ul > li:first-child + li + li{background:url('../images/info/rank_bg3.png') 0 0 no-repeat;}
.rank_text > ul > li:first-child + li + li + li{background:url('../images/info/rank_bg4.png') 0 0 no-repeat;}

.rank_text > ul > li:nth-child(even){float:right;text-align:right;}
.rank_text > ul > li > dl{height:100px;}
.rank_text > ul > li > dl > dt{padding-top:14px;font-size:23px;color:#000;font-weight:bold;}
.rank_text > ul > li > dl > dd{padding-top:10px;}

.rank_text > ul > li:first-child > dl{padding-left:120px;background:url('../images/info/rank_icon1.png') left center no-repeat;}
.rank_text > ul > li:first-child ul.inner li{padding-left:10px;background-position:left center;}

.rank_text > ul > li:first-child + li> dl{padding-right:120px;background:url('../images/info/rank_icon2.png') right center no-repeat;}
.rank_text > ul > li:first-child + li ul.inner li{padding-right:10px;background-position:right center;}

.rank_text > ul > li:first-child + li + li > dl{padding-left:120px;background:url('../images/info/rank_icon3.png') left center no-repeat;}
.rank_text > ul > li:first-child + li + li ul.inner li{padding-left:10px;background-position:left center;}

.rank_text > ul > li:first-child + li + li + li > dl{padding-right:120px;background:url('../images/info/rank_icon4.png') right center no-repeat;}
.rank_text > ul > li:first-child + li + li + li ul.inner li{padding-right:10px;background-position:right center;}

.rank_text ul.inner > li{background:url('../images/info/rank_list.png') no-repeat;font-size:15px;color:#353739;line-height:16px;}

.hh2_buis_wrap > h4{padding:30px 0 5px 0;font-size:24px;color:#424d54;font-weight:bold;border-bottom:2px solid #a1a7aa;}

.hh2_bus{ position: relative; width: 995px; padding:15px 0 80px 0;}
.hh2_bus:after{ content: ""; display: block; clear: both; }
.hh2_bus > li{ float: left; width: 239px; min-height: 287px; background: url('../images/hhi2/buis_bg.png') no-repeat;  background-size:100% 100%;margin-left: 13px;padding:1px;box-sizing:border-box; }
.hh2_bus > li:hover{ background: url('../images/hhi2/buis_bg_over.png') no-repeat;background-size:100% 100%; }
.hh2_bus > li:hover .img_box{ padding:2px; }
.hh2_bus > li.on{ background: url('../images/hhi2/buis_bg_on.png') no-repeat;background-size:100% 100%; }
.hh2_bus > li.on .img_box{ padding: 2px; }
.hh2_bus > li:first-child{ margin-left: 0px; }
.hh2_bus > li .hh2_vis > a.inner{ display: table; width:100%; padding:100% 0 0 0; }
.hh2_bus > li .hh2_vis > a.inner span.txt{ display: table-cell; height: 51px; padding: 0 20px 10px 20px;font-size: 20px; text-align: center; color: #000;vertical-align:middle; }
.hh2_bus > li .hh2_vis > a.inner.on span.txt{ display: block; width: 114px; height: 36px; margin: 0 auto; border: 1px solid #1c7bda; background: #3091f3; text-align: center; font-size: 15px; color: #fff; line-height: 36px; padding-top: 0px; }

.hh2_bus .hh2_vis{ position: relative; }
.hh2_bus .img_box{ position: absolute; top: 0px; left: 0px; width: 100%; text-align: center; cursor: pointer; box-sizing:border-box;overflow:hidden; }

.bus_detail{ display: none; position: absolute; top: 375px; left: 0px; width: 994px; padding: 47px 44px; border: 1px solid #dcdcdc; border-radius: 10px; box-sizing: border-box; }
.bus_detail a.close_btn{ position: absolute; top: 20px; right: 20px; display: block; width: 29px; height: 28px; background: url('../images/hhi2/box_close.png') no-repeat; }

.jview_stxt{ margin-top: 28px; border-top: 1px solid #dcdcdc; }
.jview_stxt > dl.inner{ padding-top: 24px; }
.jview_stxt > dl.inner > dt{ font-size: 16px; color: #000; margin-bottom: 5px; }
.jview_stxt > dl.inner > dd{ font-size: 15px; color: #000; }

.hh2_buis_wrap .detal_btn{ display: none; width: 114px; height: 36px; margin: 20px auto; border: 1px solid #1c7bda; background: #3091f3; text-align: center; font-size: 15px; color: #fff; line-height: 36px; padding-top: 0px;  }

/* 법적고지 */
.legal_txt{ font-size: 16px; color: #2b2b2b; line-height: 20px; }
.legal_con{ width: 995px; margin-top: 35px; }
.legal_con:after{ content: ""; display: block; clear: both; }
.legal_con > li{ float: left; width: 325px; margin-left: 10px; }
.legal_con > li:first-child{ background: url('../images/legal_line1.png') left top no-repeat; margin-left: 0px; }
.legal_con > li:first-child + li{ background: url('../images/legal_line2.png') left top no-repeat; }
.legal_con > li:first-child + li + li{ background: url('../images/legal_line3.png') left top no-repeat; }
.legal_con > li > dl{ background-size: 100% 1px !important; }
.legal_con > li:first-child dl{ background: url('../images/legal_line1.png') left bottom no-repeat; }
.legal_con > li:first-child + li dl{ background: url('../images/legal_line2.png') left bottom no-repeat; }
.legal_con > li:first-child + li + li dl{ background: url('../images/legal_line3.png') left bottom no-repeat; }
.legal_con > li > dl > dt{ height: 92px; padding: 25px 8px; font-size: 20px; color: #181818; line-height: 24px; }
.legal_con > li > dl > dd{ height: 446px; padding: 25px 8px; border-top: 1px solid #c6c6c6; font-size: 15px; color: #000; line-height: 24px; }


/* 오시는길 */
.location_wrap .location{ width: 994px; padding-top: 35px; }

.loaction_tab{ margin-top: 20px; }
.loaction_tab > ul{ width: 100%;text-align:center;}
.loaction_tab > ul > li{ display:inline-block;width: 31.9%;margin:0.5%;border: 1px solid #9ca2a7;box-sizing:border-box;}
.loaction_tab > ul > li > a{ display: block; padding: 18px 0; font-size: 18px; color: #48535a; text-align: center; box-sizing: border-box; }
.loaction_tab > ul > li.on{ border: 1px solid #00338d; }
.loaction_tab > ul > li.on a{ color: #00338d; }

.location_in > li{ display: none; }
.location_in > li.on{ display: block; }

.location > li{ display: table-cell; height: 100%; margin-left: 10px; }
.location > li:first-child{ width: 325px; margin-left: 0px; }
.location > li:first-child + li{ width: 658px; }
.location_tit{ display: block; margin-bottom: 9px; padding-left: 5px; font-size: 16px; color: #48535a;}
.location > li > div.inner{ height: 100%; border-top: 2px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; margin-left: 10px; padding: 13px 0 23px 0; }
.location > li:first-child > div.inner{ border-bottom:0px;margin-left: 0px; }
.location > li:first-child + li .location_tit{padding-left:13px;}

.bonsa > li{ margin-top: 40px; }
.bonsa > li:first-child{ margin-top: 0px; }
.bonsa > li > dl{ padding: 0 18px; }
.bonsa > li > dl > dt{ margin-bottom: 15px; font-size: 15px; color: #48535a; }
.bonsa > li > dl > dd{ font-size: 17px; color: #48535a; line-height: 24px; }

.trans{padding: 0 17px;}
.trans > li{ margin-top: 20px; }
.trans > li:first-child{ margin-top: 0px; }
.trans > li span.stit{ display: block; font-size: 15px; color: #666; margin-bottom: 4px;}

.tb_location{ width: 100%;margin:0 13px;border-top: 2px solid #c4c4c4; border-left: 1px solid #dedede;}
.tb_location th{ padding: 10px 0; background: #f9f9f9; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; font-size: 14px; color: #48535a; text-align: center; vertical-align: middle; }
.tb_location td{ padding: 8px 0; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; font-size: 14px; color: #48535a; text-align: center; vertical-align: middle; }

/* 개인정보 취급방침 */
.privacy_wrap a{ color: #00338d; border-bottom: 1px solid #00338d; }
.priv_stit{ font-size: 16px; color: #2b2b2b; line-height: 20px; margin-bottom: 90px; }

.priv_list{ background: url('../images/priv_line.png') 0 0 no-repeat; background-size: 100% 1px; padding-top: 1px; }
.priv_list > li{ position: relative; padding-left: 135px; border-bottom: 1px solid #c6c6c6; }

.priv_num{ position: absolute; top: 35px; left: 25px; font-size: 28px; color: #181818; }

.priv_list > li > dl{ position: relative; padding-left: 233px; }
.priv_list > li > dl > dt{ position: absolute; top: 0px; left: 0px; width: 233px; height: 100%; background: #f9f9f9; }
.priv_list > li > dl > dt > span{ display: block; padding: 28px 30px; font-size: 22px; color: #000; line-height: 24px; }
.priv_list > li > dl > dd{ padding: 25px 11px; font-size: 15px; color: #000; line-height: 22px; }

.priv_tit{ font-size: 15px; color: #00338d; line-height: 20px; padding-bottom: 10px; }
.priv{ padding-bottom: 30px; font-size: 15px; color: #000; line-height: 22px; white-space:pre-line; }
.priv > div.inner{ padding-left: 8px; }

.tb_priv{ border-left: 1px solid #dedede; }
.tb_priv th{ padding: 17px 7px; background: #f9f9f9; font-size: 14px; color: #00338d; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; text-align: center; vertical-align: middle; }
.tb_priv td{ padding: 17px 7px; font-size: 14px; color: #000; line-height: 16px; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; text-align: center; vertical-align: middle; }
.tb_priv .left{ text-align: left !important; }

/* 채용안내 > 가이드 팝업*/
.spop_guide{ position: fixed; left: 50%; top:50%; transform:translateY(-50%); width: 890px; margin-left: -445px; background: #fff; border-radius: 15px; z-index: 250; box-shadow: 0px 8px 22px rgb(0,0,0,0.09);}
h3.sg_tit{ padding: 25px; font-size: 20px; color: #003387; font-weight: 500; border-bottom:1px solid #e7e7e7;}
.guide_inner{ position: relative; min-height: 390px; padding: 25px 340px 35px 25px; border-bottom: 1px solid #e7e7e7; overflow-y: auto;}

.guide_ex{ position: absolute; top: 25px; right: 0px; }
.guide_ex span.tit{ display: block; font-size: 20px; color: #111; margin-bottom: 25px; }

.guide_txts{ width: 320px; padding-bottom: 20px; }
.guide_txts > li{ position: relative; margin-top: 13px; padding: 0 20px 0 10px; font-size: 16px; color: #2a2a2a; line-height:1.3; word-break: keep-all;}
.guide_txts > li:first-child{ margin-top: 0px; }
.guide_txts > li span.star{ position: absolute; top: 3px; left: 0px; }

.spop_guide .btn_wrap{ margin: 20px 0; }

/* 채용안내 > 입사지원하기 */
.recruit_guide{ border-top: 1px solid #b4b4b4; }
.recruit_guide .guide_inner{ height: auto; overflow-y: inherit; padding: 25px 0px 35px 25px; }

.ex_list > li{ display: none; }
.ex_list > li.on{ display: block; }

.ex_list .inner{ position: relative; padding-right: 330px; margin-bottom: 15px; }

.giude_img { max-height:550px; border:1px solid #dad5d5; overflow:hidden;}


/* 입사지원 > 기본입력사항 > 영문이름 분리 */
.eng_name{overflow:hidden;}
.eng_name li{width:50%;}
.eng_name li label{display:inline-block;width:50px;}
.eng_name li input{width:76%;}
.eng_name li:first-child {margin-bottom:6px;}

#old_addr_addr {width:auto;}
#old_addr_addr.addr_input {min-width:300px;}


/* longdisc */
.longdisc{display:none;}

.post_center_custom {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}