@charset "UTF-8"; @media screen and (max-width: 1600px){
 .quick { right:50px; }
 }

@media screen and (min-width: 1200px){
 .header_popup { min-width:1200px; }
 .header_popup .wrap_inner { width:1200px; }
 header { min-width:1200px; }
 header .gnb { display:flex; width:700px; margin-left:70px }
 header .sub_menu ul { width:1200px; }
 footer { min-width:1200px }
 .wrap_inner { width:1200px; }
 .container { min-width:1200px; }
 .contents { width:1200px; }
 .header_popup .goodCompany_popup .wrap_inner { left:calc(50% - 600px) }
 .loading_area.fixed { display:flex !important; width:1200px !important; }
 .empmn_area .loading_area { width: 1200px !important; }
 header .gnb { display:flex; width:600px; margin-left:70px }
 }

/*pc*/
@media screen and (max-width: 1199px) { footer .dropdown { position: absolute; right:0; top:0; width: 220px; }
 footer .dropdown > a { height:40px; line-height:40px; }
 footer .logo { position:absolute; left:0; top:80px; margin:0 }
 header { padding:0 20px }
 .wrap_inner, .contents { width:100%; }
 .container { min-width:100%; }
 header .sub_menu ul { width:100%; overflow:auto; gap:0; }
 header .sub_menu ul > li > a { padding:0 12px }
 .quick { position: fixed; right:20px; }
 .header_popup .goodCompany_popup .wrap_inner { left:0 }
 .loading_area.fixed { display:flex !important; width:100% !important; }
 header .gnb { display:flex; width:550px; margin-left:40px }
 footer .link a { padding:0 10px; }

 .main_modal { width:auto; margin-left:0; left:0; }
 }
/* pc */
@media screen and (min-width: 1025px){
 .mobile_block { display:none !important }
 .mobile_block02 { display: none; }
 .m_br { display:none; }

 header .gnb_area .wrap_inner { display:flex; align-items:center; z-index:2; padding-top:0; }
 header .gnb > li { position:relative; z-index:1; flex:1; }
 header .gnb > li > a { height:100px; line-height:100px; text-align:center; }
 header .gnb .sub_gnb_area { display:none; position:absolute; left:-25px; top:80px; width:200px; padding:25px 10px 15px; background-color:#fff; border:1px solid #D7DCE5; box-shadow:-1px 3px 6px 0px #D7DCE5; border-radius:15px; }
 header .gnb .sub_gnb li { margin-bottom:15px; text-align:center; }
 header .gnb .sub_gnb li a { position:relative; word-break:keep-all; }
 header .gnb .sub_gnb li a > em { position: relative; z-index: 1; }
 header .gnb .sub_gnb li.active a:after,
 header .gnb .sub_gnb li a:hover:after, header .gnb .sub_gnb li a:focus:after { content:''; display:block; position:absolute; right:-6px; top:-0; width:12px; height:12px; background-color:#1F98E9; border-radius: 100%; }
 header .gnb .sub_gnb li a:hover, header .gnb .sub_gnb li a:focus { font-weight:700; }
 /* header .gnb.cmp_gnb .sub_gnb_area { left:17px } */
 header .m_gnb .mypage { display:none; }
 header .sub_menu { border-top:1px solid #969696; }

 .header_popup .goodCompany_popup img { object-fit: cover; }

 footer .copy { position:absolute; right:0; bottom:30px; font-size:12px; font-weight:500; color:#000 }
 footer .family_site { position: absolute; right:0; top:10px;; }
 footer .phone em { display:block; }

 .table_form .form_email, .table_form .form_address { width:565px }
 .table_form .form_tel { width:300px }
 .table_form td .etc_chk { display:inline-block; margin-left:10px }
 .table_form td .etc_chk .intxt { margin-top:-5px; }
 .form_email .intxt + .select { margin-left:5px; }
 .form_email.cell .intxt,
 .form_email.cell .select { width:138px; flex:none; }


 .table_cont .table th.sub { padding-left:0; text-align:center; }
 .bbs_view .view_cont .img_area { margin-top:30px }
 .list_box01 li .table_cont03 th { font-weight:400; }
 .table_cont02 .board_list .table { min-width:auto }
 .dl_cnt01.lg > dt { color:#003894; font-size:21px }
 .dl_cnt01.lg > dt:before { top:16px }

 .lyform { flex-wrap:wrap }

 .fixed_cell .file_upload { margin-right:-220px }

/* 채용공고 */
.selectedLists { position: relative; width: 100%; background: #F7F7F7; margin: 30px 0; border-radius: 8px; padding: 0 20px; box-sizing: border-box; line-height: 46px; color: #353A4A; }
.selectedLists .listArea { width: 90%; }
.selectedLists button.listReset { padding-left: 20px; position: absolute; top:14px; right: 20px; color: #0072DB; background: url("../images/contents/reset.png") no-repeat; background-position: left center; cursor: pointer; }
.selectedLists .taskList { padding-right: 20px; margin-right: 20px; background: url("../images/contents/list_del.png") no-repeat; background-position: right center; display: inline-block; color: #353A4A; cursor: pointer; }

/*지역채용관*/
.localList { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 30px; }
.localList label { margin-bottom: 8px; cursor:pointer; padding: 0 10px; height: 46px; border: 1px solid #0072DB; border-radius: 8px; color: #0072DB; font-size: 16px; text-align: center; line-height: 46px; }
.localList input[type="radio"] { display: none; }
.localList input[type="radio"]:checked + label { background: #0072DB; color: #fff; }

.search_box01.local { padding: 0; display: flex; justify-content: space-between; border-radius: 0; border: 1px solid #353A4A; height: 105px; box-sizing: border-box; }
.search_box01.local div.localTab { padding:20px; box-sizing: border-box; border-left: 1px solid #eee; border-right: 1px solid #eee; width: 30%; }
.search_box01.local div:nth-of-type(4) { width: 11%; background: #0072DB; color: #fff; height: 100%; display: inline; }
.search_box01.local .localTab.active { background: #fff; box-sizing: border-box; border-left: 1px solid #353A4A; border-right: 1px solid #353A4A; }
.search_box01.local button.search { width: 100%; height: 100%; background: #0072DB; color: #fff; font-size: 16px; margin-bottom: 0; }
.search_box01.local span { display: block; text-align: left; color: #353A4A; margin-bottom: 10px; }
.search_box01.local input { outline: none; border: none; background: none; font-size: 18px; width: 100%; }
.search_box01.local .localTab button { font-size: 18px; text-align: left; width: 100%; background: url("../images/common/ico_arrow03.png") no-repeat; background-position: right center; }
.search_box01.local .localTab.btn { background: #0072DB; width: 200px; }

.group1, .group2 { border: 1px solid #353A4A; width: 100%; height: 100%; margin-bottom: 30px; margin-top: -21px; }
.job_select_area.local > ul > li { width: 33.3%; }
.job_keyword { padding: 20px; box-sizing: border-box; }
.job_keyword span { display: block; margin-bottom: 10px; color: #5B6174; }
.job_keyword input { width: 100%; height: 36px; padding: 0 10px; box-sizing: border-box; font-size: 16px; }
.job_keyword fieldset { display: flex; }
.job_keyword button { width: 36px; height: 36px; background-color: #0072DB; background-image: url("../images/common/ico_search01.png"); background-size: 30px; background-repeat: no-repeat; background-position: center center; }

.group2>.job_keyword { border-bottom: 1px solid #eee; }
.group2>.job_keyword>span { margin-bottom: 0; }
.group2 .locals { display: flex; border-bottom: 1px solid #eee;}
.group2 .locals ul.locals_left { width: 20%; border-right: 1px solid #eee; }
.group2 .locals ul.locals_left::after { display: block; clear: both; content: ""; }
.group2 .locals ul.locals_left li { width: 50%; float: left; text-align: center; padding: 10px 0; font-size: 16px; }
.group2 .locals ul.locals_left li button.on { color: #0072DB; }
.group2 .locals ul.detailList {width: 80%; padding-left: 20px;}
.group2 .locals ul.detailList li {width: 25%; float: left; text-align: left; padding: 10px 0; }


.hidden{
    display: none;
}



}

/* 테블릿 */
@media screen and (max-width:1024px){
 .search_box01.local fieldset { display: flex; flex-wrap: wrap; flex-direction: column; }
 .search_box01.local fieldset input,
 .search_box01.local fieldset select { width: 100%; height: 40px; margin-bottom: 5px; color: #72777E; }

/* 채용공고 */
 .selectedLists { position: relative; width: 100%; background: #F7F7F7; margin: 30px 0; border-radius: 8px; padding: 0 20px; box-sizing: border-box; line-height: 46px; color: #353A4A; }
 .selectedLists .listArea { width: 90%; }
 .selectedLists button.listReset { padding-left: 20px; position: absolute; top:14px; right: 20px; color: #0072DB; background: url("../images/contents/reset.png") no-repeat; background-position: left center; cursor: pointer; }
 .selectedLists .taskList { padding-right: 20px; margin-right: 20px; background: url("../images/contents/list_del.png") no-repeat; background-position: right center; display: inline-block; color: #353A4A; cursor: pointer; }

/*지역채용관*/
 .localList { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 30px; }
 .localList label { cursor:pointer; padding: 0 10px; height: 46px; border: 1px solid #0072DB; border-radius: 8px; color: #0072DB; font-size: 16px; text-align: center; line-height: 46px; }
 .localList input[type="radio"] { display: none; }
 .localList input[type="radio"]:checked + label { background: #0072DB; color: #fff; }


 .search_box01.local { padding: 0; justify-content: space-between; border-radius: 0; border: 1px solid #353A4A; box-sizing: border-box; }
 .search_box01.local div.localTab { padding:10px; box-sizing: border-box; border-bottom: 1px solid #eee; }
 .search_box01.local div:nth-of-type(4) { background: #0072DB; color: #fff; height: 40px; }
 .search_box01.local .localTab.active { background: #fff; border-top: 1px solid #353A4A; border-bottom: 1px solid #353A4A; }
 .search_box01.local button.search { margin-bottom:0; width: 100%; height: 100%; background: #0072DB; color: #fff; font-size: 16px; }
 .search_box01.local span { display: block; text-align: left; color: #353A4A; margin-bottom: 10px; font-size: 14px; }
 .search_box01.local input { outline: none; border: none; background: none; font-size: 16px; width: 100%; }
 .search_box01.local .localTab button { font-size: 16px; text-align: left; width: 100%; background: url("../images/common/ico_arrow03.png") no-repeat; background-position: right center; background-size: 0.50rem; }
 .search_box01.local .localTab.btn { background: #0072DB; width: 200px; }


 .group1, .group2 { border: 1px solid #353A4A; width: 100%; height: 100%; margin-bottom: 30px; margin-top: -21px; }
 .job_select_area.local > ul > li {  }
 .job_keyword { padding: 20px; box-sizing: border-box; }
 .job_keyword span { display: block; margin-bottom: 10px; color: #5B6174; }
 .job_keyword input { width: 100%; height: 36px; padding: 0 10px; box-sizing: border-box; font-size: 16px; }
 .job_keyword fieldset { display: flex; }
 .job_keyword button { width: 36px; height: 36px; background-color: #0072DB; background-image: url("../images/common/ico_search01.png"); background-size: 30px; background-repeat: no-repeat; background-position: center center; }

 .group2>.job_keyword { border-bottom: 1px solid #eee; }
 .group2>.job_keyword>span { margin-bottom: 0; }
 .group2 .locals { display: flex; border-bottom: 1px solid #eee;}
 .group2 .locals ul.locals_left { width: 30%; border-right: 1px solid #eee; }
 .group2 .locals ul.locals_left::after { display: block; clear: both; content: ""; }
 .group2 .locals ul.locals_left li { text-align: center; padding: 10px 0; font-size: 16px; }
 .group2 .locals ul.locals_left li button.on { color: #0072DB; }
 .group2 .locals ul.detailList {width: 70%; padding-left: 10px;}
 .group2 .locals ul.detailList li {text-align: left; padding: 10px 0; }


 .job_keyword { margin-bottom: 10px; padding: 20px; box-sizing: border-box; }
 .job_keyword span { display: block; margin-bottom: 10px; color: #5B6174; font-size: 14px; }

 .job_keyword input { width: 100%; height: 36px; padding: 0 10px; box-sizing: border-box; font-size: 16px; }
 .job_keyword fieldset { display: flex; }
 .job_keyword button { width: 36px; height: 36px; background-color: #0072DB; background-image: url("../images/common/ico_search01.png"); background-size: 30px; background-repeat: no-repeat; background-position: center center; }



 .hidden{
    display: none;
}




 .mobile_none { display: none !important; }
 .mobile_block { display: block; }
 .mobile_block02 { display: none; }

 /* header */
 header { padding:0 }
 .header_popup { display: none; }
 header { position:relative; width:100%; min-width:auto; border-bottom:none; }
 header .gnb_area { height:auto }
 header .gnb_area .logo { width:100px; height:54px; padding-left:20px; padding-top:15px; }
 header .gnb_area .logo a { width:85px; height:30px; }

 header .gnb { width:100%; height:54px; margin-left:0; background-color:#fff; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; text-align: center; align-items: center; }
 header .gnb li { flex:1; }
 header .gnb > li > a { padding:15px 0; font-size:16px; color:#666B79; }
 header .gnb > li.active > a, header .gnb > li:hover > a, header .gnb > li > a:focus { color:#242B36; }
 header .gnb .sub_gnb_area { display:none; position:absolute; left:-9999px; top:0; width:calc(100% - 140px); background-color: #fff; height: 100vh }
 header .gnb .sub_gnb_area .sub_gnb { margin:10px 20px; }
 header .gnb .sub_gnb_area > ul > li > a { display:block; padding:15px 0; font-size:14px; background:url(../images/common/ico_arrow_r03.png) right center / 8px auto no-repeat }
 header .util { right:40px; top:5px; z-index: 3; }
 header .util .item { margin:0 10px }
 header .util .item > a { font-size:13px }
 header .util_box .item + .item { margin-left:0; }
 header .util_box .item.mypage .item_box { display:none; }
 header .m_gnb { display: block; z-index: 1; }
 header .m_gnb .mypage { display:none; }
 header .sub_menu { overflow:auto; border-bottom:1px solid #D7DCE5 }
 header .sub_menu ul { width:100%; height:55px; }
 header .sub_menu ul li a { line-height:54px; font-size:16px; padding:0 10px }

 .header_popup .wrap_inner { height:130px; }
 .header_popup .goodCompany_popup { position:relative; height:100%; }
 .header_popup .goodCompany_popup img { height:130px }
 .header_popup .goodCompany_popup img.pc { display:none }
 .header_popup .goodCompany_popup img.mb { display:block }

 .mb_active { background:linear-gradient(276.91deg, #F95A99 54.53%, #0072DB 94.68%); }
 .mb_active .gnb { position:relative; width:100%; border:none; text-align: left; }
 .mb_active .gnb > li { flex:none; }
 .mb_active .gnb > li a:focus:after,
 .mb_active .gnb > li.active > a:after { content:''; display:block; position:absolute; left:120px; bottom:-4px; z-index:2; width:20px; height:4px; background-color:#0072DB; border-radius: 20px 0 0 20px; }
 .mb_active .gnb .sub_gnb_area { left:140px; }
 .mb_active .gnb li.active .sub_gnb_area { display:block; }
 .mb_active .gnb { position:relative; display:none; width:100%; margin-left:0; }
 .mb_active .gnb > li > a { width:140px; padding:20px; }

 .mb_active .mb_active .util { height:184px; }
 .mb_active .gnb_area .logo { display:none; }
 .mb_active .util { right:auto; top:0; left:0; }
 .mb_active .util .join { display:none; }
 .mb_active .util_box .item_box { position:absolute; left:-20px; top:40px; width:max-content; padding:10px 20px; border:none; border-radius:15px; background:transparent; }
 .mb_active .util_box .item_box ul li a { position:relative; display:block; padding:2px 0; color:#fff; font-size:12px; }
 .mb_active .util_box .item_box ul li a:hover, header .util_box .item_box ul li a:focus { font-weight:700; }
 .mb_active .util_box { display:block; }
 .mb_active .util_box .login .item_box { left:0; top:20px; position:relative; }
 .mb_active .util_box.login_before > .item > a { display:none }
 .mb_active .util { width:100%; display:block; }
 .mb_active .util .login .ico { display:none; }
 .mb_active .util .login .item_box { display:block; }
 .mb_active .util .login .item_box ul { display:flex; }
 .mb_active .util_box .login .item_box > ul > li { position:relative; }
 .mb_active .util_box .login .item_box > ul > li:first-child:after { content:''; display:block; position:absolute; right:-1px; top:3px; width:1px; height:14px; background-color:#fff; }
 .mb_active .util_box .login .item_box > ul > li:first-child a { padding-left:20px; padding-right:10px; background:url(../images/common/ico_indvdl_m.png) left center / 15px auto no-repeat }
 .mb_active .util_box .login .item_box > ul > li:last-child a { margin-left:10px; padding-left:25px; background:url(../images/common/ico_entrprs_m.png) left center / 18px auto no-repeat }
 .mb_active .util_box .item.mypage .item_box .myname em:after,
 .mb_active .util_box .item ul li.on a:after, .mb_active .util_box .item ul li a:hover:after, .mb_active .util_box .item ul li a:focus:after { display:none }
 .mb_active .util .item.resume { display:none; }
 .mb_active .util_box .item.mypage .ico { display:none; }
 .mb_active .util_box .item.mypage .item_box .myname { color:#fff }
 .mb_active .util_box .item.mypage .item_box .myname em b { font-weight: 500; }
 .mb_active .util_box .item.mypage .item_box { display:block; left:0; top:0; right:auto; }
 .mb_active .util_box .item.mypage .item_box ul { display:none; }
 .mb_active .util_box .item.mypage .item_box .btn_logout { position:relative; top:auto; right:auto; background-color:#003D76; color:#fff; margin-left:5px; }
 .mb_active .m_gnb { display: block; z-index:5; width:100%; }
 .mb_active .m_gnb .mypage { position:absolute; left:0; top:80px;; width:100%; display:block; }
 .mb_active .m_gnb .mypage ul { display:flex; justify-content: center; align-items: center; gap:10px; padding:0; width:360px; margin:0 auto; }
 .mb_active .m_gnb .mypage ul li { width:25%; }
 .mb_active .m_gnb .mypage ul a { display:block; width:100%; padding-top:38px; color:#fff; font-size:12px; text-align:center; }
 .mb_active .m_gnb .mypage ul li:first-child a { background:url(../images/common/ico_mypage_m01.png) center top / 30px auto no-repeat }
 .mb_active .m_gnb .mypage ul li:nth-child(2) a { background:url(../images/common/ico_mypage_m02.png) center top / 30px auto no-repeat }
 .mb_active .m_gnb .mypage ul li:nth-child(3) a { background:url(../images/common/ico_mypage_m03.png) center top / 30px auto no-repeat }
 .mb_active .m_gnb .mypage ul li:nth-child(4) a { background:url(../images/common/ico_mypage_m04.png) center top / 30px auto no-repeat }
 .mb_active .gnb > li:first-child .sub_gnb_area { display:block; }
 .mb_active .sub_menu { display:none; }
 .mb_active .gnb_area { border-bottom:none; }
 .mb_active .gnb_area .wrap_inner { padding-top:10px; }

 .container { padding-top:40px; padding-bottom:50px }
 .wrap_inner, .container { width:100%; min-width:auto; }
 .contents { width:100%; padding-left:20px; padding-right:20px; }
 .contents_box { margin-bottom:20px; padding:40px 20px }
 .contents_box + .contents_box { margin-top:0 }
 .list_title { font-size:18px; margin-top:30px; margin-bottom:10px; }
 .list_title.line { padding-bottom:10px; margin-bottom:20px }

 footer { width:100%; min-width:auto; padding:0 }
 footer .wrap_inner { display:block; padding:20px; }
 footer .mss { width:120px; }
 footer .logo { position: relative; top:0; width:100px; height:50px; }
 footer .footer_mid { margin:10px 0 }
 footer .footer_mid .company_area { display: flex; justify-content: center; width: 100%; margin:0; padding:20px 0 10px 0; float:none; text-align:left; border-top:1px solid #ccc }
 footer .footer_mid .company { margin:0; float:none; text-align:left; }
 footer address br { display:none; }
 footer .company li span { width:175px }
 footer .footer_right { text-align: left; }
 footer .copy { position: relative; text-align:center; font-size:11px; }
 footer .footer_left { display: flex; justify-content: center; align-items: center; }
 footer .footer_left .logo { margin-left:30px }
 footer .footer_mid { text-align:center; }
 footer .family_site { padding:10px 0 20px 0; border-bottom: 1px solid #ccc; }
 footer address { margin:20px 0 10px }
 footer .phone { margin-bottom:20px; }
 footer .phone em { display:inline-block; margin-left:10px }
 footer .link a { margin-bottom:10px }

 /* header */
 header.mb_active { position: absolute; top:0; left:0; width:100%; height:100%; }
 header.mb_active .gnb { display:block; height: 100vh; margin-top:160px; padding-top:4px; background-color: #F1F4F8; }
 header.mb_active .gnb_area .navi { margin:0 15px 0 115px; position: relative; height:100%; border-left:1px solid #e9e9e9 }
 header.mb_active .gnb_area .gnb_inner { padding:0 0 0 10px; }

 /* txt */
 .page_title { margin-bottom:20px; }
 .page_title h2 { font-size:24px }
 .cnt_txt01 { font-size:18px; }
 .cnt_txt02 { font-size:18px }

 .search_box .select { width:100%; margin-bottom:10px; }
 .search_box .intxt { width:100%; margin-bottom:10px; }
 .search_box button.mbtn { width:50%; }

 /* box */
 .info_box01 { padding:30px 20px }
 .info_box01 i.ico { display:none; }
 .line_area { margin:20px 0 0 0; padding-top:20px; }
 .search_box01 { margin-bottom:25px; padding:20px; text-align:center; background-color:#F3F7FA; border-radius: 8px; }
 .search_box01 .intxt { width:calc(100% - 87px); }
 .search_box01 .select + .select { width:40%; }
 .title_box01 { font-size:18px; font-weight:500 }
 .title_box01 > em.sub { display:block; margin-top:10px; }
 .list_box01 li { display:block; }
 .list_box01 li .left { width:100%; padding:10px; }
 .list_box01 li .table_cont03 { padding-top:0 }

 /* tab */
 .tab_area01 ul { flex-wrap: wrap; border-bottom:none; background-color: #F3F7FA; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
 .tab_area01 ul > li { width: 50%; min-width:auto; top:0; flex:none }
 .tab_area01 ul > li > a { padding:10px 10px; border-bottom:1px solid #ccc; margin-bottom:-1px; text-align:center; border-radius:0; font-size:14px }
 .tab_area01 ul > li.active > a, .tab_area01 ul > li > a:hover,.tab_area01 ul > li > a:focus { border-bottom:1px solid #242B36; }
 .tab_area01 ul > li:nth-child(even) a { margin-right:-1px; }

 .tab_area02 { min-height: auto; flex-wrap: wrap; background-color: #F3F7FA; border:1px solid #ccc; border-bottom:none; border-right:none; }
 .tab_area02 > li { flex:none; width: calc( 100% / 3 );; height:60px; }
 .tab_area02 > li:nth-child(3n) > .tab { border-right:1px solid #ccc }
 .tab_area02 > li > .tab { border-radius: 1px; border-bottom:1px solid #ccc; border-top:none }
 .tab_area02 > li.active > .tab { border:1px solid #000 !important; border-bottom:1px solid #000 }
 .tab_area02 > li:first-child > .tab { border-left:none }

 .tab_area02.cell4 > li { width:calc(100%/4) }

 .table_cont02 colgroup,
 .table_cont03 colgroup { display:none; }
 .table_cont02 > .table > tbody > tr, .table_cont02 > .table > tbody > tr > th, .table_cont02 > .table > tbody > tr > td,
 .table_cont03 tr, .table_cont03 th, .table_cont03 td { display:block; width:100%; border-left:none; }
 .list_title.line + .table_cont02 { margin-top:-20px }
 .table_cont02 > .table > tbody > tr > th { padding:20px 0 20px 0; font-size:18px; }
 .table_cont02 > .table > tbody > tr > td { padding:0 0 30px 0 !important; border-left:none; }
 .table_cont02 td .list_cnt02 > li + li { margin-top:5px }
 .table_cont03 .table th { padding:0 10px 0 10px }
 .table_cont03 .table td { padding:5px 10px 15px 10px }
 .table_cont03 .table tr:last-child td { padding-bottom:0 }

 .board_list .table th { padding:10px 0 !important; }
 .board_list .table td { padding:10px 12px !important; }
 .bbs_view .tit, .bbs_view .view_cont { padding:15px 20px }
 .bbs_form .form_top .item,
 .bbs_view .view_top .item { padding:15px 0; }
 .bbs_view .view_cont .img_area { margin-top:20px }

 .table_form .table { width:100%; table-layout: fixed; }
 .table_form colgroup { display:none }
 .table_form tr th { display:block; width:100%; padding:0 0 5px 0; font-size:16px; }
 .table_form tr td { display:block; width:100%; padding:5px 0 20px 0 }
 .table_form .item_cell .tbtn { flex:none; min-width:100px; margin-left:5px; padding:0 10px }
 .table_form .form_email { display:block; width:100% }
 .table_form .form_email .intxt { width:calc(50% - 14px); }
 .table_form .form_email .select { width:100%; margin-top:10px; }
 .table_form .form_email .dash { margin:0 }
 .table_form .form_email.cell { display:flex; }
 .table_form .form_email.cell select { margin:0 }
 .table_form .form_email.cell .dash { margin:0 5px }
 .table_form .item_row { display: block }
 .table_form .item_row > div { margin-top:5px }
 .table_form td .etc_chk .intxt { margin-top:5px; }
 .table_form .form_email .select,
 .form_address .inp_w02 { margin-top:5px; }
 #passwordChgBtn { margin-top: 5px; margin-left: 0px !important; }

 /* form */
 .intxt.inp_w01,
 .intxt.inp_w03 { width:100% }
 .sel_w02 { width:100% }
 .sel_w02 + .sel_w02 { margin-top:5px }

 /* button */
 .btn_area { margin-top:0; }
 .btn_form { margin-top:20px }
 .btn_more01 { width:100%; }
 .btn_form_md .btn_center { width:100%; }

 /* paging */
 .paging { margin-top:35px }
 .paging .btn { width:25px; height:25px; line-height:25px; background-size:auto 10px }
 .paging a, .paging strong { width:26px; height:26px; line-height:26px; font-size:14px;; margin:0 }
 .btn_form + .paging { margin-top:30px }

 /* contents */
 .mypage_wrap .mypage_left { width:100% }
 .sns_ico i { width:44px; height:44px }

 /* 모달팝업 */
 .modal .modal_inner { width:90% !important; padding-bottom:20px; }
 .modal .modal_inner h2.tit { height:60px; line-height:60px; padding-left:30px; font-weight:700; font-size:20px; }
 .modal .modal_inner .modal_con { padding:20px; }
 .modal .modal_inner .modal_con .contents_box { margin-bottom:0; padding:0; }
 .modal .modal_wrap .btn_close { top:15px; right:20px; background-size:30px auto; }
 .modal .modal_inner .btn_area { margin-top:0; padding:0 20px 10px 20px }
 .modal .modal_inner .table_form { padding-bottom:10px }

 /* tooltip */
 .tooltip { top:0 }

 .keyword_area li { margin-right:20px; margin-bottom:5px }

 .info_box02 { padding:20px }
 .info_box02.chk_area { text-align:left; }
 .info_box02.chk_area .item_radio { display:block }
 .info_box02.chk_area .item_radio:last-of-type { margin-bottom:0; }

/*  .quick { right:10px; bottom:80px; } */
/*  .quick ul li { width:75px; height:75px } */
/*  .quick li a img { width:100%; } */
/*  .quick li.btn_top { right:40px; } */
/*  .quick li.btn_close a { margin-right: 38px; } */
/*  .quick .btn_open a { width: 78px; } */
/*  .quick li.btn_open, .quick li.btn_close { width: 150px; } 2024-06-04 추가 */
/*quick css 변경으로 인한 삭제*/
 @keyframes motion {
 0% { bottom: -73px; }

 100% { bottom: -93px; }
 }

 .quick ul li.btn_match { width: 150px; height: 65px; } /* 2024-03-15 추가부분 시작 */
 .quick ul li.btn_match img { width: 100%; }
 .match_wrap { width: 100%; height: auto; padding: 5px; }
 .match_title { padding-top: 25px; margin: 0 25px }
 .match_input { padding: 0 25px; }
 li.match_input_title { width: 30%; }
 li.match_input_info { width: 70%; margin-left: 0; }
 li.match_input_title.match_policy { width: 70%; }
 li.match_input_info.match_policy { width: 30%; text-align: right; }
 .intxt.match_name { width: 83%; }
 .intxt.match_cell { width: 97%; }
 .match_quick { padding: 18px 0 25px; margin: 18px 25px 0; } /* 2024-03-18 추가부분 끝 */

 .main_modal { left:0; top:0; }
 .main_modal .modal_wrap { border-radius: 20px 50px 20px 50px; margin:10px; position: relative; left:0 !important; }
 }

/* 모바일 */
@media screen and (max-width:767px){
 .m_br { display:block }
 .m_br_none02 { display:none }

 header .util_box .item.mypage .item_box ul { width:270px; }
 header .util_box .item.mypage .item_box ul li:nth-child(even) { width:50% }
 footer .link .left { display:block; }
 footer .link > a::before { right:-3px; left:auto }
 footer .link > a:last-child::before { display:none }
 footer address br { display:block; }

 /* etc */
 .list_title small { display:block; margin-left:0; margin-top:5px }
 .btn_resume { width:120px; height:38px; line-height:37px; font-size:14px }
 .btn_resume > i { width:20px; background-size: 20px auto !important; }
 .btn_form.cell { margin-top:30px; margin-bottom:40px; }
 i.ico_resume { background-size:auto 25px; }

 .table_form td .chk_area_type2 .item_radio + .item_radio { margin-left:50px; }
 .form_list li { display:block; float:left; padding:7px 0 }
 .form_list li label { line-height:16.8px }
 .sel_w04 { width:100% }

 .tag_list li { font-size:13px; padding:3px 22px 3px 8px; min-height:25px; }
 .tag_list li button { height:25px; }

 /* tab */
 .tab_area02 > li > .tab { padding:0 5px; font-size:13px; }

 /* file upload */
 .file_upload { padding:20px }
 .file_upload .upload-select .btn-file-attach { width:100%; margin-bottom:10px }
 .file_upload .upload-select .upload_constrain { width:100%; margin-left:0; float:none }

 .file_upload .upload-list .upload-item-name { width:calc(100% - 30px); height:30px; font-size:13px; padding:4px 10px 4px 20px; background-size:14px auto; background-position:left 4px center }
 .file_upload .upload-list .upload-list-item-card-actions { width:auto; }
 .file_upload .upload-list .upload-list-item-card-actions .file-size { display:none }
 .file_upload .upload-list .upload-list-item-card-actions button { width:30px; height:30px; background-size:24px auto }
 .file_upload .upload-info { margin-top:15px; font-size:13px }
 .table_cont .table { table-layout:auto }
 .table_cont .table colgroup { display:none }
 .table_cont .table tbody th { display:block; width:100%; text-align: left; padding-bottom:8px; padding-left:10px }
 .table_cont .table tbody th::after { display: none; }
 .table_cont .table tbody td { display:block; width:100%; padding-top:0; border-bottom: 1px solid #d0d0d0; }
 .table_cont .table tr { border-bottom:none; }

 .table_cont03.m_table table tr { display:flex }
 .table_cont03.m_table table tr th { width:135px; flex:none }
 .table_cont03 .table td { padding-top:0 }

 .board_list .table td.data_no { text-align:left; padding-left:25px !important; }
 .bbs_view .view_top .item .cell { padding-left:20px; }
 .bbs_view .view_top .item .con { padding-left:5px; padding-right:5px; }
 .bbs_view .view_file .cell:after, .bbs_view .view_top .item .cell:after { right:12px }
 .bbs_view .view_file .con { padding-left:10px; padding-right:10px }
 .btn_form { display: block; }
 .btn_form:not(.cell) .lbtn { width:100%; margin:0 0 5px 0 !important }
 .btn_form_md { flex-wrap: wrap; }
 .btn_form_md .btn_center .lbtn { width:auto; flex:1 }
 .btn_form_md .btn_center + .lbtn { position:relative; width:100%; margin-top:10px; }
 .textarea_box { padding:20px }
 .tooltip { position:static }
 .tooltip .tooltip_body { margin-left:0; top:initial; left:50%; transform:translate(-50%, 30px) }
 .tooltip .tooltip_body:before { display:none }

 .search_box01,
 .search_box01 fieldset { display:block; }
 .search_box01 select { width:100%; }
 .search_box01 .select + .select { width:100% }

 .desc_area .tit { font-size:20px; }
 .desc_area .txt { font-size:15px; }
 .cnt_txt04.lg { font-size:14px }
 .mb_blk { display:block; margin-top:5px; margin-left:0 }
 .table_form .sel_w04 + .sel_w04 { margin-top:5px }

 .main_modal .modal_wrap { width:96% !important; border-radius: 20px 50px 20px 50px; margin:10px; position: relative; left:0 !important; }

 /* 2024-03-18 추가부분 시작 */
 .intxt.match_name { width: 75%; }
 /* 2024-03-18 추가부분 끝 */ }

/* 모바일 sm */
@media screen and (max-width:500px) { br.m_br_sm { display:block }
 br.m_br_none { display:none }

 header .util_box .item.resume { margin:0 }
 header .util_box .item.mypage { margin:0 8px 0 3px }
 header .util_box .item.resume .ico { width:30px; background-position: center 4px; background-size: auto 20px; }
 header .util_box .item.mypage .ico { width:25px; background-size: auto 18px; }

 .btn_form_md.odd .btn_center { flex-direction:column; gap:5px }
 .btn_form_md.odd .btn_center button { width:100%; flex:0 0 auto; margin:0 }
 .btn_form_md .btn_left { display:flex; margin-bottom:10px }
 .btn_form_md .btn_left .mbtn { flex:1 }
 .btn_form_md .btn01 { width:100%; }
 .btn_form_md .btn07 { width:100%; }
 .btn_full { display:block; }
 .btn_full .lbtn + .lbtn { margin-left:0 }
 .btn_full button { width:100%; }

 footer .company li span { width:auto; margin-right:15px; }
 .cmp_logo_area img { width:50%; }

 .bbs_view .view_file .cell, .bbs_view .view_top .item .cell { width:80px; padding-left:20px }
 .bbs_view .view_top, .bbs_view .view_file { display:block; }
 .bbs_view .view_top { padding:10px 0; }
 .bbs_view .view_top .item { display:block; width:100%; padding:0; }
 .bbs_view .view_top .item > span { padding:5px }
 .bbs_view .view_top .item .con { padding-left:10px; }
 .bbs_view .view_top.row .item { padding-bottom:10px; }
 .bbs_view .view_top.row .item + .item { padding-top:10px; padding-bottom:0 }
 .bbs_view .view_file .cell:after, .bbs_view .view_top .item .cell:after { right:4px }
 .bbs_view .view_file .cell { display:inline-block; width:110px; padding:20px 0 0 20px }
 .bbs_view .view_file .con { width:100%; }
 .bbs_view .view_file .file_upload { margin-left:10px; }
 .bbs_view .view_file .file_upload .upload-list .upload-item-name { padding:9px 20px; background-position: left 12px; }
 .resume_view_area .myresume_top .btn_area { display:block; }
 .resume_view_area .myresume_top .btn_area button { width:100%; margin:0; }
 .resume_view_area .myresume_top .btn_area button + button { margin-top:5px }

 .btn_form.cell { display: block; margin:30px 0 }
 .btn_form.cell .lbtn { width:100%; margin-left:0; margin-bottom:5px }
 .table_form .item_cell .tbtn { flex:none; width:auto; min-width:auto; }
 .modal .modal_inner.main_pop .lbtn { width:80px }

 /* 2024-03-18 추가부분 시작 */
 .intxt.match_name { width: 71%; }
 /* 2024-03-18 추가부분 끝 */ }

/* 모바일 sm */
@media screen and (max-width:400px){
 .cmp_logo_area { margin-bottom:10px; }
 .cmp_info_area > ul li { display: block; }
 .cmp_info_area > ul li > span.tit,
 .cmp_info_area > ul li > span.txt { text-align: left; }
 .cmp_info_area > ul li > span.txt > em { text-align: left; }
 .cmp_info_area > ul li .certify_img { display:block; margin-top:10px; width:auto; text-align: center !important; }
 .intxt { padding:0 10px }
 .dday_area { margin-bottom:10px }
 .table_cont03.m_table table tr { display:block }
 .table_cont03.m_table table tr th { width:100% }
 .table_cont03 .table td { padding-top:5px }
 footer .link a { font-size:13px; padding:0 5px }
 footer .link .left a { font-size:13px; padding:0 10px }
 .mb_active .m_gnb .mypage ul { width:100%; }
 .table_form .dash { margin:0 3px }
 .table_form .item_cell .tbtn { padding:0 5px }

 /* 2024-03-18 추가부분 시작 */
 .intxt.match_name { width: 60%; }
 /* 2024-03-18 추가부분 끝 */ }