/* ═══════════════════════════════════════════════════════════════════════════
 *  브랜드 토큰                                                 2026-08-06 신설
 * ═══════════════════════════════════════════════════════════════════════════
 *
 * ▍왜 만들었나
 *   브랜드 색이 이 파일 118곳에 파랑 값으로 **흩어져 박혀** 있었다(치환 전 `0e8ee8`).
 *   색 하나 바꾸려면 118곳을 찾아 고쳐야 했고, 그래서 예전 사이트와 똑같이 남아 있었다.
 *   전부 `var(--brand)` 로 바꿨다. **이제 아래 한 줄만 고치면 사이트 전체 색이 바뀐다.**
 *
 * ▍왜 코럴인가 (2026-08-06 사장님 결정)
 *   이 사이트를 오래 들여다보는 사람은 **일자리를 찾는 여성**이다.
 *   지하철·카페에서 보는 화면이라 **옆 사람이 흘끗 봤을 때 업종이 읽히면 안 된다.**
 *   그래서 검정+금색 같은 튀는 조합을 접고, 카페 메뉴판 같은 차분한 따뜻함으로 갔다.
 *   (자세한 근거는 docs/UI-방향.md)
 *
 * ▍색을 바꾸고 싶으면 --brand 한 줄만 고칠 것. 나머지는 따라온다.
 *
 * ▍색은 눈으로 고르지 않고 **대비를 재서** 정했다 (WCAG 기준: 작은 글자 4.5 이상)
 *   처음 고른 밝은 코럴 `#D9635C` 는 흰 글자 대비가 **3.57** 로 미달이었다.
 *   밤에 보는 화면이고 이용자 연령대도 넓어 가독성을 양보할 수 없다.
 *   그래서 기준을 넘기는 선에서 **가장 밝은** 코럴로 조였다.
 *
 *     --brand  #C64B45 :  흰 글자 버튼 4.67 · 크림 바탕 링크 4.54 · 옅은 띠 위 4.26
 *     --safe   #357F6E :  흰 글자 배지 4.76 · 크림 바탕 4.62
 *     --ink    #2B2422 :  크림 바탕 14.81 (넉넉)
 */
:root{
  --brand:#C64B45;          /* 코럴 — 버튼·링크·강조 */
  --brand-deep:#A82F2B;     /* 눌렀을 때·진한 강조 (흰 글자 6.76) */
  --brand-soft:#FFF2EC;     /* 아주 옅은 배경(띠·선택된 칸) */
  --safe:#357F6E;           /* 안심번호·실영업 확인 같은 **안전** 배지. 브랜드색과 일부러 다르다 */
  --ink:#2B2422;            /* 본문 글자 — 순검정이 아니라 따뜻한 진갈색 */
  --page:#FFFBF8;           /* 페이지 바탕 — 흰색에 아주 옅게 온기 */
}

/**/
.cheditor-container .cheditor-modify-block input[type="text"] {width:auto; height:auto; padding:0; font-size:auto; margin:0;}

/*데모체험*/
.sample_info {position:fixed; animation-name:point; right:20px; bottom:10px; animation-duration:1.5s; animation-iteration-count:infinite; animation-direction:alternate; border:2px solid #e84166; border-radius:10px; box-shadow:0 2px 5px #ccc; padding:15px; background:#fff; text-align:center; z-index:99999; }
@keyframes point {
from{bottom:10px;}
to{bottom:20px;}
}
.sample_info>p {font-size:13px; line-height:18px; color:#444; }
.sample_info>p b.col2 {color:#333;}
.sample_info>p b.col1 {color:#FF6559;}
.sample_info div {border:1px solid #ccc; border-radius:5px; padding:10px; margin-top:10px;}
.sample_info div p {font-size:13px; color:#444; line-height:18px; border-top:1px dashed #ddd; padding-top:8px; margin-top:8px; letter-spacing:-0.8px;}
.sample_info div b {font-weight:bold; font-size:14px; color:#222;}
.sample_info div a {position:relative; display:flex; align-items:center; justify-content:center; border-radius:4px; background:#e84166; color:#fff; padding:7px 10px; font-size:14px; margin-bottom:5px;}
.sample_info div a span {display:inline-block; width:22px; height:22px; color:#fff; text-align:center; border-radius:50px; 
background:rgba(0,0,0,0.3); font-size:9px; line-height:22px; margin-left:5px;}
.sample_info div a.solution_go::before {content:""; position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:rgba(0,0,0,0.3);}
.sample_info div em { display:flex; align-items:center; position:relative; z-index:1;}


/*19adult*/
.adult { position:fixed; width:100%; height:100%; background:#f4f4f4; padding:5rem 1rem; z-index:100000; }
.adult_box {width:100%; margin:0 auto; max-width:950px; background:#fff; border-radius:3rem; padding:4rem; box-shadow:0px 0px 20px rgba(0,0,0,0.1);  }
.adult .adult_ex {display:flex; flex-wrap:wrap; align-items:center; letter-spacing:-1px;}
.adult .adult_ex .img {width:100%; max-width:148px;}
.adult .adult_ex .txt {width:calc(100% - 148px - 4%); margin-left:4%; font-size:2rem; line-height:3.0rem; color:#333; }
.adult .adult_ex .txt span {font-weight:500;}
.adult .adult_ex .txt strong {font-size:3rem;  line-height:4rem; color:#111;}
.adult .adult_ex .adult_out {overflow:hidden; width:100%;  padding-top:2rem; border-top:1px solid #ddd; margin-top:2rem;}
.adult .adult_ex .adult_out p:nth-of-type(1) {float:left; width:100%; }
.adult .adult_ex .adult_out p:nth-of-type(2) {float:right; width:auto;}
.adult .adult_ex .adult_out p {font-size:14px; line-height:2.2rem; color:#777; margin-bottom:1rem;}
.adult .adult_ex .adult_out p b {font-weight:500;}
.adult .adult_ex .adult_out p a {display:inline-block; background:#fc686b; border:1px solid #e6505b; color:#fff; padding:.5rem 1.5rem; font-size:15px; text-shadow:1px 1px 1px rgba(200,7,79,0.5); text-align:center;}
.adult table .mem_cho {overflow:hidden; margin-bottom:1.5rem;}
.adult table .mem_cho li {float:left; margin-left:1.5rem;}
.adult table .mem_cho li:first-child {margin-left:0;}
.adult table th {color:#62708c; font-weight:500;}
.adult table div {display:flex;}
.adult table div p {width:70%;}
.adult table div .login {width:28%; margin-left:2%; font-size:1.8rem; font-weight:500; background:#273953; color:#fff;border-radius:3px;}
.adult table div p input {margin:0;}
.adult table div p input:nth-of-type(1) {margin-bottom:5px;}
.adult table .bl {border-left:1px solid #ddd;}
.adult table td {padding:1.5rem;}
.adult table .base {display:flex; align-items:center;}
.adult table .base li {width:100%; margin:0 1%;}
.adult table .base button {background:#0d78bf; border:2px solid #2b6599; color:#fff; font-weight:500; text-align:center; border-radius:5px; width:100%; padding:1.5rem; font-size:1.8rem;}
.adult table .bbt button {background:#0d78bf; border:2px solid #2b6599; color:#fff; font-weight:500; text-align:center; border-radius:5px; width:100%; padding:1.5rem; font-size:1.8rem;}
.adult .domain {text-align:center; font-size:13px; margin-top:20px; color:#999; letter-spacing:0px;}




/**/
html {font-size:62.5%}
header {width:1260px; margin:0 auto; /*overflow:hidden;*/ padding:1.8rem 0 2.4rem 0; background:#fff;}
header ul.util {/*overflow:hidden; */margin-bottom:5px; width:100%; display:flex; justify-content:flex-end;}
header ul.util li {float:left; position:relative;}
header ul.util li.search {display:none;}
header ul.util li::after {content:""; display:inline-block; background:#cfcece; height:10px; width:1px; margin:0 10px;}
header ul.util li:last-child::after {display:none;}
header ul.util li a {font-size:1.3rem; color:#8a8a8a; font-family:var(--font-heading); font-weight:500;}
header ul.util li a i {margin-right:-4px;}
header ul.quick_my {position:absolute; left:-40px; top:25px; background:#fff; border-radius:3px; border:1px solid #ddd; padding:10px; width:120px; z-index:9999999;}
header ul.quick_my::before {content:""; display:block; width:11px; height:6px; background:url("../images/quick_my_arrow.png") center center no-repeat; position:absolute; top:-6px; left:55px;}
header ul.quick_my li {text-align:center; line-height:30px;}
header ul.quick_my li::after {display:none; }
header ul.quick_my li a {display:block; font-size:13px; color:#555;}
header ul.quick_my li a:hover {text-decoration:underline !important; }
header .top_area {overflow:hidden; display:flex; align-items:center; justify-content:space-between;}
header .top_area .logo {float:left;width:25%}
/* 2026-08-06 — PC 에서 로고 높이를 정한다.
   **여기에 규칙이 아예 없었다.** 옛 로고가 233×60 이라 원본 크기로 나와도 티가 안 났는데,
   새 로고를 폰 고해상도에 맞춰 584×150 으로 넣자 PC 헤더가 **210px 로 부풀었다.**
   높이 60px 이면 폭이 233px 이 되어 옛 슬롯과 정확히 같다(비율 584:150 = 3.89).
   ⚠️ 폰·태블릿 값은 아래 미디어쿼리에 따로 있다(≤1023px 50px · ≤650px 35px).
   ⚠️ **`max-width:100%` 를 붙이면 안 된다.** 한 번 붙였다가 폰에서 로고가
      가로로 눌렸다(비율 3.89 → 2.91). 높이를 고정한 채 폭만 잘리니 글자가 찌그러진다.
      대신 `object-fit:contain` 으로, 자리가 모자라도 **비율을 지키며** 줄어들게 한다. */
header .top_area .logo img {width:auto; height:60px; object-fit:contain;}
header .top_area .main_search {float:left;width:50%; display:flex; justify-content:center;}
header .top_area .regist_btn {float:right;width:25%;}
header .main_search .search_style {border:2px solid var(--brand);height:5rem; border-radius:8px; position:relative;}
header .main_search form {width:55%;}
header .main_search label {width:85%;}
header .main_search input[type="text"] {float:left; height:4.6rem; width:100%; padding:0 2rem; font-size:1.4rem; border-radius:7px 0 0 7px; margin:0; border:none; font-size:1.6rem;}
header .main_search input[type="text"]::placeholder {color:#999;}
header .main_search input[type="text"]:focus {outline:none !important; border:0 !important; }
header .main_search button {position:absolute; right:0; height:4.6rem; width:15%;}
header .main_search button i {font-size:22px; color:var(--brand); margin-top:-2px; position:absolute; left:10px; top:12px;}
header .regist_btn {overflow:hidden; display:flex; justify-content:flex-end; align-items:center;}
header .regist_btn li {float:left; margin-right:10px; }
header .regist_btn li:nth-child(2) {margin-left:3rem; margin-right:0;}
header .regist_btn li:first-child span {display:inline-block; margin-right:1rem; background:#ff6a37; width:2.4rem; height:2.4rem; border-radius:3px;}
header .regist_btn li:nth-child(2) span {display:inline-block; margin-right:1rem; background:#48d4c8; ; width:2.4rem; height:2.4rem; border-radius:3px;}
/* ⚠️ 이 버튼(구인공고등록·이력서등록)은 통 315px 에 내용물 290px 로 **여유가 7.9% 뿐**이다.
   글꼴을 바꿔 글자 폭이 8% 이상 넓어지면 줄바꿈된다. 굵기를 올릴 때도 같이 확인할 것.
   (651px 미만에서는 이 버튼이 숨겨지므로 데스크톱·태블릿만 해당) */
header .regist_btn li a {font-size:1.8rem; color:#1c1814; font-family:var(--font-heading); font-weight:600; line-height:2.4rem;}
header .regist_btn li:first-child a span {text-align:center; padding-top:0.4rem;}
header .regist_btn li:nth-child(2) a span {background-image:url("../images/resume_icon.png"); background-repeat:no-repeat; background-position:center;}
header .regist_btn li.m_menubtn {margin-left:3rem; display:none;}
header .regist_btn li.m_menubtn a {display:block; width:40px; height:40px; border:2px solid var(--brand); border-radius:30px; text-align:center;}
header .regist_btn li.m_menubtn a i {color:var(--brand); line-height:36px; font-size:24px;}

/*스킨1*/
nav { z-index:999;}
.nav_wrap {position:sticky;  position: -webkit-sticky; top:0; z-index:999;}
/*.nav_wrap.fixed_header {position:fixed; top:0; width:100%; margin:0 auto; z-index:99999; box-shadow:0 2px 2px rgb(0 0 0 / 20%);}*/
.nav_wrap.skin1 {border-bottom:2px solid var(--brand); border-top:1px solid #e1e1e1; background:#fff;}
.nav_wrap.skin1 nav {width:1260px; margin:0 auto;}
.nav_wrap.skin1 .nav_div {overflow:hidden;}
.nav_wrap.skin1 .nav_div>ul {overflow:hidden; height:6rem;}
.nav_wrap.skin1 .nav_div>ul>li {float:left;}
/* ⚠️ PC 1차 메뉴 — 스킨이 2벌(skin1·skin2)이라 **둘 다** 고쳐야 한다.
   🔴 이 메뉴는 폰트와 무관하게 이미 1024~1105px 구간에서 둘째 줄로 넘어간다(기존 버그).
      글꼴을 바꿔 폭이 10% 이상 넓어지면 깨지는 구간이 위로 넓어진다. */
.nav_wrap.skin1 .nav_div>ul>li>a {display:block; font-size:1.8rem; line-height:6rem; padding:0 1.5rem; font-family:var(--font-heading); font-weight:600; text-align:center;}
.nav_wrap.skin1 .nav_div>ul>li>a:hover {color:var(--brand)}
.nav_wrap.skin1 .nav_div>ul>li>a:hover>span {border-color:var(--brand);}
.nav_wrap.skin1 .nav_div>ul>li>a:hover>span i {color:var(--brand);font-weight:bold;}
.colchange {border-color:var(--brand);}
.nav_wrap.skin1 .nav_div>ul>li:nth-child(2)>a {padding-left:3rem;}
.nav_wrap.skin1 .nav_div>ul>li>a>span {display:inline-block; width:24px; height:24px; border:1px solid #e8e8e8; border-radius:50%; margin-left:10px; vertical-align:middle; position:relative;}
.nav_wrap.skin1 .nav_div>ul>li>a>span i {position:absolute; left:2px; top:2px; color:#1c1814; }
.nav_wrap.skin1 .nav_div>ul.left_nav {float:left;}
.nav_wrap.skin1 .nav_div>ul.left_nav>li:first-child {border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; }
.nav_wrap.skin1 .nav_div>ul.left_nav>li:first-child>a {font-size:28px;}
.nav_wrap.skin1 .nav_div>ul.left_nav>li:first-child>a i {vertical-align:baseline;}
.nav_wrap.skin1 .nav_div>ul.left_nav>li {color:#e8e8e8;}
.nav_wrap.skin1 .nav_div>ul.left_nav>li.line_plus {margin:0 5px; line-height:6rem;}
.nav_wrap.skin1 .nav_div>ul.right_nav {float:right;}
.nav_wrap.skin1 .nav_div>ul.right_nav>li {border-left:1px solid #e8e8e8;}
.nav_wrap.skin1 .nav_div>ul.right_nav>li:last-child {border-right:1px solid #e8e8e8;}

/*스킨2*/
.nav_wrap.skin2 {background:var(--brand);}
.nav_wrap.skin2.nav_wrap {border-bottom:0}
.nav_wrap.skin2 .nav_div .menubg {border-top:0;}
.nav_wrap.skin2 nav {width:1260px; margin:0 auto;}
.nav_wrap.skin2 .nav_div {overflow:hidden;}
.nav_wrap.skin2 .nav_div>ul {overflow:hidden; height:6rem;}
.nav_wrap.skin2 .nav_div>ul>li {float:left;}
.nav_wrap.skin2 .nav_div>ul>li>a {display:block; font-size:1.8rem; line-height:6rem; padding:0 1.5rem; font-family:var(--font-heading); font-weight:600; text-align:center; color:#fff;}
.nav_wrap.skin2 .nav_div>ul>li>a:hover {font-weight:bold; color:#fff;}
.nav_wrap.skin2 .nav_div>ul>li>a:hover>span {background:#fff;}
.nav_wrap.skin2 .nav_div>ul>li>a:hover>span i {color:var(--brand)}
.nav_wrap.skin2 .nav_div>ul>li:nth-child(2)>a {padding-left:3rem;}
.nav_wrap.skin2 .nav_div>ul>li>a>span {display:inline-block; width:24px; height:24px; border:1px solid #e8e8e8; border-radius:50%; margin-left:10px; vertical-align:middle; position:relative;}
.nav_wrap.skin2 .nav_div>ul>li>a>span i {position:absolute; left:2px; top:2px; color:#fff;}
.nav_wrap.skin2 .nav_div>ul.left_nav {float:left;}
.nav_wrap.skin2 .nav_div>ul.left_nav>li:first-child {}
.nav_wrap.skin2 .nav_div>ul.left_nav>li:first-child>a {font-size:28px; padding:0 1rem;}
.nav_wrap.skin2 .nav_div>ul.left_nav>li:first-child>a i {vertical-align:baseline; background:#fff; border-radius:25px; padding:5px; color:#fff;}
.nav_wrap.skin2 .nav_div>ul.left_nav>li {color:#e8e8e8;}
.nav_wrap.skin2 .nav_div>ul.left_nav>li.line_plus {margin:0 5px; line-height:6rem; opacity:0.6;}
.nav_wrap.skin2 .nav_div>ul.right_nav {float:right;}
.nav_wrap.skin2 .nav_div>ul.right_nav>li {border-left:1px solid rgba(255,255,255,0.25);}
.nav_wrap.skin2 .nav_div>ul.right_nav>li:last-child {border-right:1px solid rgba(255,255,255,0.25);}

.nav_wrap .nav_div .menubg {background:#fff; border-top:2px solid var(--brand); border-bottom:1px solid #e8e8e8; position:absolute; width:100%; left:0; font-family:var(--font-body); box-shadow:0 10px 20px rgba(0,0,0,0.05); display:none; z-index:999;}
.nav_wrap .nav_div .menubg:hover {}
.nav_wrap .nav_div .menuwrap {width:1260px; margin:0 auto; display:flex;}
.nav_wrap .nav>li:hover .menubg {display:block;}
.nav_wrap .nav_div div ul li>a {display:block;}
.bgblack {position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); left:0; top:193px; z-index:500; display:none;}

/*모바일메뉴*/
.m_nav {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9999;}
.m_menu {position:absolute; right:0; top:0; width:85%; height:100%; background:#fff;}
.m_menu .m_top {background:var(--brand);}
.m_menu .m_top>div {display:flex; justify-content:space-between; align-items:center; width:100%; padding:0 2rem; height:70px; overflow:hidden;}
.m_menu .m_top>div p {display:flex; flex-wrap:wrap; align-items:center; float:left; color:#fff; font-size:1.5rem;}
.m_menu .m_top>div button {float:right; width:35px; height:35px; color:#fff; font-size:1.8rem; border:1px solid #fff; border-radius:50px; }
.m_menu .m_top>div p span {border:1px solid #fff; border-radius:50px; margin:5px; font-size:13px;}
.m_menu .m_top>div p span a {display:inline-block; color:#fff; padding:.5rem 1rem;}
.m_menu .m_top>ul {display:flex; overflow:hidden; border-top:1px solid rgba(255,255,255,0.4);}
.m_menu .m_top>ul li {float:left; width:100%; min-width:33%; text-align:center; line-height:40px;}
.m_menu .m_top>ul li a {display:block;font-size:1.5rem; color:#fff;}
.m_menu .m_top>ul li:nth-child(2) {border-right:1px solid rgba(255,255,255,0.4); border-left:1px solid rgba(255,255,255,0.4);}
.m_menu .m_top>ul li a i {vertical-align:middle; margin-right:5px;}
.m_menu .m_nav_1d {position:relative; height:100%;}
.m_menu .m_nav_1d>li {height:45px; line-height:45px; letter-spacing:-0.5px; text-align:center; }
.m_menu .m_nav_1d>li:last-child {border-bottom:0;}
.m_menu .m_nav_1d>li>a {display:block; font-size:14px; font-weight:500;width:100px;border-bottom:1px solid #ddd;  }
.m_menu .m_nav_1d>li>a.on { color:var(--brand);}
.m_menu .m_nav_1d .m_nav_2d {width:calc(100% - 100px); position:absolute; top:0; left:0; margin-left:100px; text-align:left; padding:10px 0; border-left:1px solid #ddd; height:calc(100% - 230px); overflow-y:scroll; min-height:320px}
.m_menu .m_nav_2d>li {line-height:45px;}
.m_menu .m_nav_2d>li>a {display:block; margin:0 20px; color:#333; background:url("../images/arrow-gray.png"); 
background-position:right center; background-repeat:no-repeat; font-size:15px; font-weight:500;}
.m_menu .m_nav_2d>li>a.arrow_no {background:none;}

.m_menu .m_nav_3d {background:#f8f8f8; margin:1rem; max-height:220px; overflow-y:scroll; border:1px solid #dfdfdf;}
.m_menu .m_nav_3d>li {line-height:40px;}
.m_menu .m_nav_3d>li a {display:block; font-size:14px; padding:0 2rem; color:#666;}
.m_menu .m_nav_3d dl {background:#fff; margin:0 2rem; font-size:13px;}
.m_menu .m_nav_3d dl dt {padding:0 2rem;}
.m_menu .m_nav_3d dl dd {border-top:1px solid #eee; color:#555}
.m_menu .m_nav_3d dl dd i {vertical-align:middle; margin-left:5px;}
.m_menu .m_bottom {position:absolute; bottom:0; width:100%; border-top:1px solid #ddd; background:#f5f5f5;}
.m_menu .m_bottom ul {overflow:hidden;}
.m_menu .m_bottom ul li {float:left; width:33.3%; text-align:center; border-right:1px solid #ddd;}
.m_menu .m_bottom ul li:nth-child(-n+3) {border-bottom:1px solid #ddd;}
.m_menu .m_bottom ul li:last-child {border-right:0}
.m_menu .m_bottom ul li a {display:block; padding:1rem 0;}
.m_menu .m_bottom ul li p {font-size:1.8rem; margin-bottom:5px; color:#444}
.m_menu .m_bottom ul li em {font-size:1.3rem; color:#444;}

/*메뉴공통*/
.nav_wrap .nav_div .line50per {display:flex; flex-wrap:wrap;}
.nav_wrap .nav_div .line50per li {width:50%;}
/*전체메뉴*/
.nav_wrap .nav_div .menubox {width:20%; border-right:1px solid #e8e8e8; padding:20px 30px;}
.nav_wrap .nav_div .menubox:first-child {border-left:1px solid #e8e8e8;}
.nav_wrap .nav_div .menubox>div p {font-size:1.5rem; color:#222222; font-weight:700; margin-bottom:15px;}
.nav_wrap .nav_div .menubox>div p i {color:#333; font-size:2rem; vertical-align:text-bottom;}
.nav_wrap .nav_div .menubox>div ul li {line-height:3rem;}
.nav_wrap .nav_div .menubox>div ul li a {color:#555555; font-size:1.4rem; letter-spacing:-0.5px;}
.nav_wrap .nav_div .menubox>div a:hover {text-decoration:underline !important;}
.nav_wrap .nav_div .menubox>div p.onemenu {padding-bottom:20px; border-bottom:1px solid #e8e8e8;}
.nav_wrap .nav_div .menubox>div p.onemenu:last-child {border-bottom:0;}
/*채용정보*/
.nav_wrap .nav_div .menubox2 {width:25%; border-right:1px solid #e8e8e8; padding:20px 30px;}
.nav_wrap .nav_div .menubox2:first-child {border-left:1px solid #e8e8e8;}
.nav_wrap .nav_div .menubox2>div p {font-size:1.5rem; color:#222222; font-weight:700; margin-bottom:15px;}
.nav_wrap .nav_div .menubox2>div p i {color:#333; font-size:2rem; vertical-align:text-bottom;}
.nav_wrap .nav_div .menubox2>div ul li {line-height:3rem;}
.nav_wrap .nav_div .menubox2>div ul li a {color:#555555; font-size:1.4rem; letter-spacing:-0.5px;}
.nav_wrap .nav_div .menubox2>div a:hover {text-decoration:underline !important;}
.nav_wrap .nav_div .menubox2>div p.onemenu2 {border-top:1px solid #e8e8e8; padding-top:10px; margin-top:10px;}
.nav_wrap .nav_div .menubox2>div ul.location {display:flex; flex-wrap:wrap;}
.nav_wrap .nav_div .menubox2>div ul.location li {width:33%}
.nav_wrap .nav_div .menubox2>div ul.target {display:flex; flex-wrap:wrap;}
.nav_wrap .nav_div .menubox2>div ul.target li {width:50%}
/*인재정보*/
.nav_wrap .nav_div .menubox3 {width:33.33%; border-right:1px solid #e8e8e8; padding:20px 30px;}
.nav_wrap .nav_div .menubox3:first-child {border-left:1px solid #e8e8e8;}
.nav_wrap .nav_div .menubox3>div p {font-size:1.5rem; color:#222222; font-weight:700; margin-bottom:15px;}
.nav_wrap .nav_div .menubox3>div p i {color:#333; font-size:2rem; vertical-align:text-bottom;}
.nav_wrap .nav_div .menubox3>div ul li {line-height:3rem;}
.nav_wrap .nav_div .menubox3>div ul li a {color:#555555; font-size:1.4rem; letter-spacing:-0.5px;}
.nav_wrap .nav_div .menubox3>div a:hover {text-decoration:underline !important;}
.nav_wrap .nav_div .menubox3>div p.onemenu2 {border-top:1px solid #e8e8e8; padding-top:10px; margin-top:10px;}
.nav_wrap .nav_div .menubox3>div ul.location {display:flex; flex-wrap:wrap;}
.nav_wrap .nav_div .menubox3>div ul.location li {width:33%}
/*브랜드정보*/
.nav_wrap .nav_div .menubox4 {float:left;width:50%;  border-right:1px solid #e8e8e8; padding:20px 30px;}
.nav_wrap .nav_div .menubox4:first-child {border-left:1px solid #e8e8e8;}
.nav_wrap .nav_div .menubox4>div p {font-size:1.5rem; color:#222222; font-weight:700; margin-bottom:15px;}
.nav_wrap .nav_div .menubox4>div p i {color:#333; font-size:2rem; vertical-align:text-bottom;}
.nav_wrap .nav_div .menubox4>div ul li {line-height:3rem;}
.nav_wrap .nav_div .menubox4>div ul li a {color:#555555; font-size:1.4rem; letter-spacing:-0.5px;}
.nav_wrap .nav_div .menubox4>div a:hover {text-decoration:underline !important;}
.nav_wrap .nav_div .menubox4>div p.onemenu2 {border-top:1px solid #e8e8e8; padding-top:10px; margin-top:10px;}
.nav_wrap .nav_div .menubox4>div ul.brand {display:flex; flex-wrap:wrap;}
.nav_wrap .nav_div .menubox4>div ul.brand li {width:33%}
.nav_wrap .nav_div .brand_menu_list {float:right; overflow:auto; overflow-x:hidden; height:300px; width:50%; border-right:1px solid #e8e8e8; padding:10px 30px; }
.nav_wrap .nav_div .brand_menu_list a {display:block; float:left;  overflow:hidden; width:81px; margin-right:10px; margin-top:10px; }
.nav_wrap .nav_div .brand_menu_list a p {width:100%; height:48px; border:1px solid #e1e1e1; background-position:center center; background-repeat:no-repeat; background-size:100%;}
.nav_wrap .nav_div .brand_menu_list a em {display:block; width:100%; font-size:11px; font-family:var(--font-body); color:#555; text-align:center; margin-top:5px;}
/*기업서비스*/
.nav_wrap .nav_div .menubox3>div dl.assistant {border:1px solid #dddddd; font-size:13px;}
.nav_wrap .nav_div .menubox3>div dl.assistant  dt {background:#f9f9f9; padding:0 10px; border-bottom:1px solid #ddd;}
.nav_wrap .nav_div .menubox3>div dl.assistant  dd {padding:0 10px; }
.nav_wrap .nav_div .menubox3>div dl.assistant  dd a {display:block; font-size:13px;}
.nav_wrap .nav_div .menubox3>div dl.assistant  dd a i {vertical-align:middle; float:right; position:relative; top:9px;}


.top_con_wrap {background:#f9f9f9;}
.top_con_wrap section {padding:1.5rem 0;}
.top_con_wrap .top1 {display:flex; justify-content:space-between; flex-wrap:wrap; overflow:hidden; width:1260px; margin:0 auto 15px auto;}
.top_con_wrap .top1 .main_visual {position:relative; float:left; width:49.5%; height:170px; overflow:hidden; border:1px solid #dfdfdf; background:red; order:1; background:#fff; border-radius:5px;}
.top_con_wrap .top1 .cycle-slide img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100% !important; height:100% !important;}
.top_con_wrap .top1 .cycle-slideshow {width:100%; height:100%;}
.top_con_wrap .top1 .cycle-slide {width:100%; height:100%;}
.top_con_wrap .top1 .cycle-slide>div {width:100%; height:100%;}
.top_con_wrap .top1 .main_A-cycle-pager > span.cycle-pager-active::after  {color:#f65645}
.top_con_wrap .top1 .banner_list_ {width:100%; height:100%;}

/*메인탑공지사항*/
.top_con_wrap .top1 .main_notice { width:24%; background:#fff; border:1px solid #dfdfdf; border-radius:5px; overflow:hidden;}
.top_con_wrap .top1 .main_notice h3 {display:flex; justify-content:space-between; align-items:center; height:45px; line-height:45px; padding-left:20px; font-size:1.6rem; color:#fff; border-bottom:1px solid #dfdfdf; font-weight:500; letter-spacing:-0.5px;}
.top_con_wrap .top1 .main_notice h3 a {display:inline-block; width:23px; height:23px; font-size:11px; border:1px solid #ddd; border-radius:3px; color:#333; text-align:center; line-height:23px; margin-right:10px;}
.top_con_wrap .top1 .main_notice h3 i {position:relative; top:-1px; vertical-align:baseline; color:#fff;}
.top_con_wrap .top1 .main_notice ul {padding:1.4rem 2rem;}
.top_con_wrap .top1 .main_notice ul li {position:relative; line-height:30px;}
.top_con_wrap .top1 .main_notice ul li a {font-size:14px; display:block; color:#444; padding-left:10px;}
.top_con_wrap .top1 .main_notice ul li:before {position:absolute; top:48%; left:0; content:""; display:inline-block; width:3px; height:3px; background:#333; }

/*개인.기업회원 로그인 선택 후*/
.top_con_wrap .top1 .main_login.login_form {}
.top_con_wrap .top1 .main_login.login_form .form_style {display:flex; padding:0 1rem;}
.top_con_wrap .top1 .main_login.login_form .form_style p {width:70%;}
.top_con_wrap .top1 .main_login.login_form .form_style button {width:30%; height:7rem; background:var(--brand); font-size:1.5rem; font-weight:500; color:#fff }
.top_con_wrap .top1 .main_login.login_form .form_style input {margin:0; border-radius:0; height:3.5rem;}
.top_con_wrap .top1 .main_login.login_form .form_style input::placeholder {color:#999; font-size:13px;}
.top_con_wrap .top1 .main_login.login_form .form_style input[type="password"] {border-top:0;}
.top_con_wrap .top1 .main_login.login_form ul.choice_member {width:100%; display:flex; align-items:center; padding:0 1rem;overflow:hidden; margin-top:15px;}
.top_con_wrap .top1 .main_login.login_form ul.choice_member li {float:left; font-size:13px; margin-right:1rem;}
.top_con_wrap .top1 .main_login.login_form ul.choice_member li:last-child {margin-right:0;}
.top_con_wrap .top1 .main_login.login_form input[type="radio"] {width:1.5rem; height:1.5rem;}

/*로그인하기전*/
.top_con_wrap .top1 .main_login {width:24%; order:2; height:170px; border:1px solid #dfdfdf; border-radius:5px;}
.top_con_wrap .top1 .main_login.logout {display:flex; flex-direction:column; justify-content:space-between; background:#fff;}
.top_con_wrap .top1 .main_login.logout .login_choice {width:100%; overflow:hidden;padding:2rem 0;}
.top_con_wrap .top1 .main_login.logout .login_choice a {display:block; width:50%; float:left; text-align:center; }
.top_con_wrap .top1 .main_login.logout .login_choice em {font-size:1.4rem; color:#444; line-height:1.8rem;}
.top_con_wrap .top1 .main_login.logout .login_choice a:nth-child(1) {border-right:1px solid #f3f3f3;}
.top_con_wrap .top1 .main_login.logout .login_choice a p {margin-top:10px; height:35px;}
.top_con_wrap .top1 .main_login.logout .assistant_box {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:100%; background:#e6e6e6; padding:10px 2rem; overflow:hidden;}
.top_con_wrap .top1 .main_login.logout .assistant_box ul li {float:left;}
.top_con_wrap .top1 .main_login.logout .assistant_box ul li a {color:#12px; font-size:12px;}
.top_con_wrap .top1 .main_login.logout .assistant_box ul li:nth-child(2)::before {content:""; display:inline-block; width:1px; height:7px; background:#babbbf; margin:0 10px;}
.top_con_wrap .top1 .main_login.logout .assistant_box ul.sns_login li {margin-left:5px;}
.top_con_wrap .top1 .main_login.logout .assistant_box ul.sns_login li:nth-child(2)::before {display:none;}
/*로그인후*/
.top_con_wrap .top1 .main_login.login {flex-wrap:wrap; padding:2rem; float:left; background:#fff; display:flex; overflow:hidden;}
.top_con_wrap .top1 .main_login.login p {width:100%; font-size:1.8rem; margin-bottom:8px; }
.top_con_wrap .top1 .main_login.login p span a {float:right; font-size:12px; color:#888888; padding:3px 6px; border:1px solid #dfdfdf;}
.top_con_wrap .top1 .main_login.login>div {overflow:hidden; width:100%;}
.top_con_wrap .top1 .main_login.login>div.login_info {margin:0px 0 10px 0; border-radius:3px; overflow:hidden;}
.top_con_wrap .top1 .main_login.login dl {float:left; display:flex; width:50%;  background:#f7f9fa; line-height:30px;}
.top_con_wrap .top1 .main_login.login dl dt {background:#d9dcde; color:#fff; float:left; min-width:30px; font-size:15px; text-align:center; }
.top_con_wrap .top1 .main_login.login dl dt i {line-height:30px;}
.top_con_wrap .top1 .main_login.login dl dd {font-size:13px; color:#333; float:left; padding-left:7px;}
.top_con_wrap .top1 .main_login.login div button {width:49%; line-height:28px; font-size:13px;}
.top_con_wrap .top1 .main_login.login div button:nth-child(1) {float:left; background:var(--brand); color:#fff; border-radius:3px;  border:1px solid var(--brand);}
.top_con_wrap .top1 .main_login.login div button:nth-child(2) {float:right; margin-left:2%; background:#fff; color:#999999; border-radius:5px; border:1px solid #e5e5e5;}

/*메인탭메뉴*/
.top_con_wrap .top2 {display:flex; justify-content:space-between; flex-wrap:wrap;; overflow:hidden; width:1260px; margin:0 auto; order:0; }
.top_con_wrap .top2>div {width:24%;}


/*지역별 채용정보*/
.top_con_wrap .top2 .location {background:#fff; border:1px solid #dfdfdf; order:1; border-radius:5px;}
.top_con_wrap .top2 .location h3 {height:45px; line-height:45px; padding-left:20px; font-size:1.6rem; color:#333333; border-bottom:1px solid #dfdfdf; font-weight:500;}
.top_con_wrap .top2 .location h3 span {color:var(--brand);}
.top_con_wrap .top2 .location>ul {overflow:hidden; padding:1.4rem 2rem;}
.top_con_wrap .top2 .location>ul li {float:left; width:16.6%; text-align:center;}
.top_con_wrap .top2 .location>ul li a {display:block; font-size:14px; color:#444444; line-height:35px}
.top_con_wrap .top2 .location>ul li a:hover {text-decoration:underline !important;}

.top_con_wrap .top2 .b_type {background:#fff; border:1px solid #dfdfdf; order:1; border-radius:5px;}
.top_con_wrap .top2 .b_type h3 {height:45px; line-height:45px; padding-left:20px; font-size:1.6rem; color:#333333; border-bottom:1px solid #dfdfdf; font-weight:500;}
.top_con_wrap .top2 .b_type h3 span {color:var(--brand);}
.top_con_wrap .top2 .b_type>ul {display:flex; flex-wrap:wrap; gap:0 20px;overflow:hidden; padding:1.4rem 2rem;}
.top_con_wrap .top2 .b_type>ul li {float:left; text-align:center; }
.top_con_wrap .top2 .b_type>ul li a {display:block; font-size:14px; color:#444444; line-height:35px}
.top_con_wrap .top2 .b_type>ul li a:hover {text-decoration:underline !important;}


/*테마별(키워드) */
.top_con_wrap .top2 .tema {float:left; overflow:hidden; border:1px solid #dfdfdf; background:#fff;  order:2; position:relative; border-radius:5px;}
.top_con_wrap .top2 .tema h3 {height:45px; line-height:45px; padding-left:20px; font-size:1.6rem; color:#333333; border-bottom:1px solid #dfdfdf;  font-weight:500;}
.top_con_wrap .top2 .tema h3 span {color:var(--brand);}
.top_con_wrap .top2 .tema h3 em {position:absolute; right:15px; top:10px;}
.top_con_wrap .top2 .tema h3 button {border:1px solid var(--brand); width:23px; height:23px; border-radius:3px;}
.top_con_wrap .top2 .tema h3 button:nth-child(2) {margin-left:-6px;}
.top_con_wrap .top2 .tema h3 button i {color:var(--brand); font-size:20px;}
.top_con_wrap .top2 .tema ul {overflow:hidden; display:flex; flex-wrap:wrap;}
.top_con_wrap .top2 .tema ul li {float:left; max-width:33%; text-align:center; border:1px solid #dfdfdf; border-radius:20px; margin-right:5px; margin-bottom:5px;}
.top_con_wrap .top2 .tema ul li:hover {border-color:var(--brand);}
.top_con_wrap .top2 .tema ul li:hover a {color:var(--brand)}
.top_con_wrap .top2 .tema ul li a {display:block; padding:8px 9px; font-size:13px; color:#666;}
.top_con_wrap .top2 .tema ul li a::before {content:"#"}
.top_con_wrap .top2 .tema .tema_box {padding:1.5rem 2rem; overflow:hidden; }

/*보장제도 */
.top_con_wrap .top2 .guaranteed {float:left; overflow:hidden; border:1px solid #dfdfdf; background:#fff;  order:2; position:relative; border-radius:5px;}
.top_con_wrap .top2 .guaranteed h3 {height:45px; line-height:45px; padding-left:20px; font-size:1.6rem; color:#333333; border-bottom:1px solid #dfdfdf;  font-weight:500;}
.top_con_wrap .top2 .guaranteed h3 span {color:var(--brand);}
.top_con_wrap .top2 .guaranteed h3 em {position:absolute; right:15px; top:10px;}
.top_con_wrap .top2 .guaranteed h3 button {border:1px solid var(--brand); width:23px; height:23px; border-radius:3px;}
.top_con_wrap .top2 .guaranteed h3 button:nth-child(2) {margin-left:-6px;}
.top_con_wrap .top2 .guaranteed h3 button i {color:var(--brand); font-size:20px;}
.top_con_wrap .top2 .guaranteed ul {overflow:hidden; display:flex; flex-wrap:wrap;}
.top_con_wrap .top2 .guaranteed ul li {float:left; width:calc(50% - 5px); text-align:center; border:1px solid #dfdfdf; border-radius:20px; margin-right:5px; margin-bottom:5px;}
.top_con_wrap .top2 .guaranteed ul li:hover {border-color:var(--brand);}
.top_con_wrap .top2 .guaranteed ul li:hover a {color:var(--brand)}
.top_con_wrap .top2 .guaranteed ul li a {display:block; padding:8px 9px; font-size:13px; color:#666;}
.top_con_wrap .top2 .guaranteed ul li a::before {content:"#"}
.top_con_wrap .top2 .guaranteed .guaranteed_box {padding:1.5rem 2rem; overflow:hidden;}

/****************************************메인컨텐츠*****************************************/
.main_con_wrap {width:1260px; margin:0 auto; }
.main_con_wrap section {margin-top:6rem;}
.main_con_wrap section.platinum {margin-top:4rem;}
.main_con_wrap .product_title {overflow:hidden; display:flex; justify-content:space-between; align-items:center; margin-bottom:2rem;}
.main_con_wrap .product_title p {float:left; font-size:2.4rem; color:#1c1814; font-family:var(--font-heading); font-weight:600; margin-bottom:0; margin-top:0;}
.main_con_wrap .product_title span {float:right;}
.main_con_wrap .product_title span a {display:inline-block; border:1px solid #8c8c8c; border-radius:20px; padding:6px 10px; font-size:14px; color:#666666;  background:#fff}
/* 🎀 감성 문구 — "구인중인 공고가 없습니다." 처럼 목록이 비었을 때의 안내.
   Gowun Dodum 을 쓰는 세 자리 중 하나다(나머지: default.css 의 .no_content p, 아래 .no_s_employ).
   ⚠️ 여기 말고 긴 본문·표·목록에 이 글꼴을 쓰면 유치해 보인다. */
.main_con_wrap .no_employ {background:#fcfcfc; border:1px solid #e5e5e5; text-align:center; font-size:15px; padding:3rem 1rem; color:#777; font-family:var(--font-accent);}

/*플래티넘+프라임*/
.main_con_wrap .pla_pri {}
.main_con_wrap .pla_pri ul {overflow:hidden; display:flex; flex-wrap:wrap;}
.main_con_wrap .pla_pri ul.num3 li {width:32%; margin-bottom:2%; margin-right:2%; /*height:295px*/}
.main_con_wrap .pla_pri ul.num3 li:nth-child(3n) {margin-right:0; }
.main_con_wrap .pla_pri ul.num3 li.text_ver .toparea {padding:2rem 2rem;}
.main_con_wrap .pla_pri ul.num3 li.text_ver .toparea p {font-size:3.4rem; font-weight:500; color:#333; line-height:4rem; overflow:hidden;}
.main_con_wrap .pla_pri ul.num3 li.text_ver .textarea {padding:0.5rem 0rem 0rem 0rem;}
/*.main_con_wrap .pla_pri ul.num3 li.bg_ver .toparea p {padding-bottom:48%}
.main_con_wrap .pla_pri ul.num3 li .toparea p {padding-bottom:48%}*/
.main_con_wrap .pla_pri ul.num4 li {width:24%; margin-bottom:1.3%; margin-right:1.3%; /*height:260px;*/}
.main_con_wrap .pla_pri ul.num4 li:nth-child(4n) {margin-right:0;}
.main_con_wrap .pla_pri ul.num4 li.text_ver .toparea {padding:1.5rem 2rem;}
.main_con_wrap .pla_pri ul.num4 li.text_ver .toparea p {font-size:2.8rem; font-weight:500; color:#333; line-height:3.2rem; overflow:hidden; margin-top:1px;}
/*.main_con_wrap .pla_pri ul.num4 li.bg_ver .toparea p {padding-bottom:52%}
.main_con_wrap .pla_pri ul.num4 li .toparea p {padding-bottom:52%}*/
/*.main_con_wrap .pla_pri ul.num4 li.logo_ver .toparea p {padding-bottom:37%}*/
.main_con_wrap .pla_pri ul.num5 li {width:19%; margin-bottom:1.25%; margin-right:1.25%; /*height:235px;*/}
.main_con_wrap .pla_pri ul.num5 li:nth-child(5n) {margin-right:0; }
.main_con_wrap .pla_pri ul.num5 li.text_ver .toparea p {font-size:2.5rem; font-weight:500; color:#333; line-height:3.2rem; overflow:hidden;}
/*.main_con_wrap .pla_pri ul.num5 li.bg_ver .toparea p {padding-bottom:50%;  }
.main_con_wrap .pla_pri ul.num5 li .toparea p {padding-bottom:50%;  }*/
/*.main_con_wrap .pla_pri ul.num5 li.text_ver .toparea {padding:0.6rem 2rem;}*/
.main_con_wrap .pla_pri ul.num6 li {width:15.6%; margin-bottom:1.28%; margin-right:1.28%; /*height:218px*/}
.main_con_wrap .pla_pri ul.num6 li:nth-child(6n) {margin-right:0; }
.main_con_wrap .pla_pri ul.num6 li.text_ver .toparea p {font-size:2.2rem; font-weight:500; color:#333; line-height:2.7rem; overflow:hidden;}
/*.main_con_wrap .pla_pri ul.num6 li.text_ver .toparea {padding:0.5rem 2rem;}*/
/*.main_con_wrap .pla_pri ul.num6 li.bg_ver .toparea p {padding-bottom:55%;}
.main_con_wrap .pla_pri ul.num6 li .toparea p {padding-bottom:55%;}*/
.main_con_wrap .pla_pri ul li.common {float:left; min-height:100px; border-radius:5px; overflow:hidden;}
.main_con_wrap .pla_pri ul li.common:hover p.title {text-decoration:underline !important}
.main_con_wrap .pla_pri ul li.common a {height:100%; display:flex; flex-direction:column; justify-content:space-between; }
.main_con_wrap .pla_pri ul li.common .flexwrap {height:100%;}
.main_con_wrap .pla_pri ul li.common .toparea button {position:absolute; top:3px; right:3px; font-size:20px; color:#c9c9c9; z-index:2;}
.main_con_wrap .pla_pri ul li.common .toparea button i.scrap {color:#ffd304;} /*스크랩 되었을때*/
.main_con_wrap .pla_pri ul li.common .textarea .tt {display:flex; align-items:center; justify-content:space-between; padding:0rem 1.5rem 0 1.5rem; }
.main_con_wrap .pla_pri ul li.common .textarea h2 {font-size:13px; font-weight:500; color:#d82d4e; margin-right:5px;}
.main_con_wrap .pla_pri ul li.common .textarea .tt span {display:inline-block; min-width:35px; border:1px solid #eee; border-radius:50px; padding:4px 5px 4px 5px; font-size:11px; color:#888; font-weight:500; font-family:var(--font-body);}
.main_con_wrap .pla_pri ul li.common .textarea p.title {font-size:1.7rem; line-height:2.2rem; color:#1c1814; margin:7px 1.5rem 0 1.5rem; /*min-height:4.4rem; 형광펜세로값영향*/ font-weight:500;}
.main_con_wrap .pla_pri ul li.common .textarea p.date {}
.main_con_wrap .pla_pri ul li.common .textarea p.location {font-size:13px; color:#444; font-family:var(--font-body); }
/*.main_con_wrap .pla_pri ul li.common .textarea p.location span {display:inline-block;padding:3px 4px 4px 2px;; color:#fff; border-radius:3px; vertical-align:baseline;}*/
.main_con_wrap .pla_pri ul li.common .toparea {position:relative; overflow:hidden; padding:10px;}
.main_con_wrap .pla_pri ul li.common .asi_wrap {padding:1rem 1.5rem 1.3rem 1.5rem; }
.main_con_wrap .pla_pri ul li.logo_ver .toparea p {background-position:top center; background-repeat:no-repeat; padding-bottom:42%; background-size:contain; /*margin-top:5px;*/}
.main_con_wrap .pla_pri ul li.bg_ver .toparea p {background-position:center center; background-repeat:no-repeat; padding-bottom:50%; background-size:cover; }
.main_con_wrap .pla_pri ul li.bg_ver .toparea {padding:0; margin-bottom:10px;}
/*
.main_con_wrap .pla_pri ul li.bg_ver .textarea h2 {padding-top:1.3rem;}
.main_con_wrap .pla_pri ul li.bg_ver .textarea p.title {margin-top:10px; }
.main_con_wrap .pla_pri ul li.bg_ver a {display:block;}
*/
.main_con_wrap .pla_pri ul li.text_ver .toparea {display:flex; align-items:center; height:100%;}
.main_con_wrap .pla_pri ul li.text_ver .toparea p {width:100%; text-align:center; font-size:3rem; font-weight:500; color:#333; line-height:3.5rem; overflow:hidden; }
.main_con_wrap .pla_pri ul li.noproduct a {justify-content:center; text-align:center; flex-direction:inherit; align-items:center;}
.main_con_wrap .pla_pri .business_type {margin:7px 1.5rem 0 1.5rem; font-size:12px; color:#888; font-family:var(--font-body);}

/*플래티넘*/
.main_con_wrap .pla_pri ul li.common {border:1px solid #d6d6d6; }
.main_con_wrap .platinum_list ul li.common .asi_wrap {background:#f7f7f7; padding:8px 1.5rem 8px 1.5rem;  margin-top:1.2rem;}

/*프라임
.main_con_wrap .prime_list ul {display:flex; flex-wrap:wrap;}
.main_con_wrap .prime_list ul li.common { border:1px solid #d6d6d6; min-height:100px;}
*/

/*리스트*/
.main_con_wrap .list_list {margin-left:1px;}
.main_con_wrap .list_list ul {display:flex; flex-wrap:wrap; gap:10px;}
.main_con_wrap .list_list ul::after {content:""; display:block; clear:both;}
.main_con_wrap .list_list ul.num2 li {width:calc((100% - 10px) / 2); /*height:76px;*/}
.main_con_wrap .list_list ul li {border:1px solid #d6d6d6; float:left; position:relative; min-height:50px; border-radius:5px;}
.main_con_wrap .list_list ul li h2 {font-size:1.5rem; color:#d82d4e; min-width:20%; width:20%; padding:0 10px; font-weight:500; text-align:center;}
.main_con_wrap .list_list ul li a {display:flex; position:relative; ; height:100%; padding:1.5rem 0; align-items:center;}
.main_con_wrap .list_list ul li a:hover p.title {text-decoration:underline !important; }
.main_con_wrap .list_list ul li a button {position:absolute; right:5px; top:5px; color:#c9c9c9;  font-size:20px; text-align:right;}
.main_con_wrap .list_list ul li a button i.scrap {color:#ffd304;}
.main_con_wrap .list_list ul li .textarea {width:80%; padding:0 10px;}
.main_con_wrap .list_list ul li .textarea p.title {font-size:1.6rem; color:#1c1814; margin-bottom:7px;padding-bottom:1px;}
.main_con_wrap .list_list ul li .asi_wrap {display:flex; flex-wrap:wrap; align-items:center; font-size:13px; font-family:var(--font-body); color:#888; gap:5px 0;} 
.main_con_wrap .list_list ul li.noproduct a { justify-content:center; text-align:center;}
.main_con_wrap .list_list .location {line-height:20px; font-size:12px;}
.main_con_wrap .list_list ul li .asi_wrap div {display:flex; align-items:center;}
.main_con_wrap .list_list ul li .asi_wrap span {display:inline-block; border:1px solid; border-radius:3px; font-size:12px; padding:2px 3px; margin-right:4px;}
.main_con_wrap .list_list .num4 h2 {min-width:62px;}


/*최근채용정보*/
.main_con_wrap .lately .th_title {background:#fff; line-height:50px; border-top:2px solid #ddd; border-bottom:1px solid #d6d6d6}
.main_con_wrap .lately .th_title ul {overflow:hidden;}
.main_con_wrap .lately .th_title ul li {float:left; font-size:1.5rem; color:#555; text-align:center; font-weight:bold; background:#fafafa;}
.main_con_wrap .lately .th_title ul li:nth-child(1) {width:10%}
.main_con_wrap .lately .th_title ul li:nth-child(2) {width:11%}
.main_con_wrap .lately .th_title ul li:nth-child(3) {width:11%}
.main_con_wrap .lately .th_title ul li:nth-child(4) {width:43%}
.main_con_wrap .lately .th_title ul li:nth-child(5) {width:15%}
.main_con_wrap .lately .th_title ul li:nth-child(6) {width:10%}
.main_con_wrap .lately .td_con a {display:flex; /*flex-wrap:wrap;*/ align-items:center; overflow:hidden; height:60px; /*line-height:60px;*/border-bottom:1px dotted #d6d6d6;}
.main_con_wrap .lately .td_con a:hover p {text-decoration:underline !important}
.main_con_wrap .lately .td_con .area {display:flex; align-items:center; width:100%;}
.main_con_wrap .lately .td_con .area li {text-align:center; font-size:1.5rem; color:#555;}
.main_con_wrap .lately .td_con .area li:nth-child(1) {width:10%; text-align:left; color:#d82d4e; font-weight:500;}
.main_con_wrap .lately .td_con .area li:nth-child(2) {width:11%}
.main_con_wrap .lately .td_con .area li:nth-child(3) {width:11%}
.main_con_wrap .lately .td_con .area li:nth-child(4) {width:43%; text-align:left;}
.main_con_wrap .lately .td_con .area li:nth-child(5) {width:15%}
.main_con_wrap .lately .td_con .area li:nth-child(6) {width:10%}
.main_con_wrap .lately .td_con .area li button {color:#c9c9c9;  font-size:20px; margin-right:4px; vertical-align:sub;}
.main_con_wrap .lately .td_con .area li button i.scrap {color:#ffd304;}
/*
.main_con_wrap .lately .td_con a>div.area0 button {width:100%;}
.main_con_wrap .lately .td_con a>div.area0 button i {color:#c9c9c9;  font-size:20px; text-align:right; vertical-align:middle;}
.main_con_wrap .lately .td_con a>div.area0 button i.scrap {color:#ffd304;}
.main_con_wrap .lately .td_con a>div.area0 {width:4%}
.main_con_wrap .lately .td_con a>div.area1 {width:33%}
.main_con_wrap .lately .td_con a>div.area2 {width:38%}
.main_con_wrap .lately .td_con a>div.area3 {width:25%}
.main_con_wrap .lately .td_con a span.sstyle {display:inline-block; padding:1px 4px 2px 4px;}
.main_con_wrap .lately .td_con .lately0 {width:100%}
.main_con_wrap .lately .td_con .lately1 {width:33.33%; color:#d82d4e; font-weight:500;}
.main_con_wrap .lately .td_con .lately2 {width:33.33%;}
.main_con_wrap .lately .td_con .lately3 {width:33.33%;}
.main_con_wrap .lately .td_con .lately4 {width:100%; text-align:left;  font-weight:500;}
.main_con_wrap .lately .td_con .lately5 {width:60%}
.main_con_wrap .lately .td_con .lately6 {width:40%}
.main_con_wrap .lately .td_con p {float:left; font-size:1.5rem; color:#555; text-align:center; padding:0 5px;}
*/
.commu.view .reply_con .secret_co input {width:17px; height:17px;}

/*서브 최근구인정보*/
.employ_list_sub .product_title span {display:none;}
.employ_list_sub .job_box .name {width:10%}
.employ_list_sub .job_box .locaiotn {width:10%; text-align:center; font-size:1.6rem; color:#444;}
.employ_list_sub .job_box .jb {width:10%; text-align:center; font-size:1.6rem; color:#444;}
.employ_list_sub .job_box .resume_info {width:46%}
.employ_list_sub .job_box .pay {width:12%}
.employ_list_sub .job_box .date {width:12%}

/*********인재정보**********/
.injae_con_wrap {background:#f8f8f8; padding:4rem 0; margin:4rem 0 0 0}
.main_con_wrap2 {width:1260px; margin:0 auto;}
.main_con_wrap2 section {padding-top:4rem;}
.main_con_wrap2 section:nth-of-type(1) {padding-top:0;}
.sub .main_con_wrap2 section:nth-of-type(1) {padding-top:4rem;} /*인재정보서브페이지*/
.main_con_wrap2 .product_title {overflow:hidden; display:flex; justify-content:space-between; align-items:center; margin-bottom:2rem;}
.main_con_wrap2 .product_title p {float:left; font-size:2.4rem; color:#1c1814; font-weight:500;}
.main_con_wrap2 .product_title span {float:right}
.main_con_wrap2 .product_title span a {display:inline-block; border:1px solid #8c8c8c; border-radius:20px; padding:6px 10px; font-size:14px; color:#666666; background:#fff}
.main_con_wrap2 .no_resume {background:#fcfcfc; border:1px solid #e5e5e5; text-align:center; font-size:15px; padding:3rem 1rem; color:#777;}
.main_con_wrap3 {width:1260px; margin:0 auto;}

/*포커스 인재정보*/
.main_con_wrap2 .injae_wrap {}
.main_con_wrap2 .injae_wrap ul {display:flex; flex-wrap:wrap;}
.main_con_wrap2 .injae_wrap ul li {width:32.5%; margin-right:1.25%; border:1px solid #dddddd; border-top:3px solid #ffc765; background:#fff; margin-top:1.25%; box-shadow: 5px 5px 5px rgba(0,0,0,0.05); border-radius:15px;}
.main_con_wrap2 .injae_wrap ul li:nth-child(-n+3) {margin-top:0}
.main_con_wrap2 .injae_wrap ul li:nth-child(3n) {margin-right:0;}
.main_con_wrap2 .injae_wrap ul li a {display:flex; flex-direction:column; padding:2rem 1.5rem 1.5rem 1.5rem; position:relative; height:100%;}
.main_con_wrap2 .injae_wrap ul li a:hover p.title {text-decoration:underline !important}
.main_con_wrap2 .injae_wrap .toparea {width:100%; display:flex; justify-content:space-between; }
.main_con_wrap2 .injae_wrap .textarea {width:75%}
.main_con_wrap2 .injae_wrap .textarea button {position:absolute; right:0px; top:0px;}
.main_con_wrap2 .injae_wrap .textarea button i {color:#c9c9c9;  font-size:20px; text-align:right; vertical-align:middle;}
.main_con_wrap2 .injae_wrap .textarea button  i.scrap {color:#ffd304;}
.main_con_wrap2 .injae_wrap .textarea .myinfo {font-size:1.5rem; color:#333; font-weight:700; padding:1px 0;}
.main_con_wrap2 .injae_wrap .textarea .myinfo span {font-size:13px;  font-weight:400;}
.main_con_wrap2 .injae_wrap .textarea .myinfo em {color:#777777; font-size:13px; font-weight:400;}
.main_con_wrap2 .injae_wrap .textarea .title {font-size:1.7rem; letter-spacing:-0.3px; color:#333; margin-top:10px; line-height:2.2rem;}
.main_con_wrap2 .injae_wrap .photo p {width:77px; height:77px; border:1px solid #dddddd; border-radius:50%; background-color:#e8e9ec; background-image:url("../images/no_injae.png"); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.main_con_wrap2 .injae_wrap .bottomarea {width:100%; overflow:hidden;}
.main_con_wrap2 .injae_wrap .bottomarea p {float:left; width:100%; font-size:14px; color:#555;}
.main_con_wrap2 .injae_wrap .bottomarea .injae_icon {margin-top:0;}
.main_con_wrap2 .injae_wrap .bottomarea {padding:8px 8px; background:#f8f8f8; margin-top:15px; border-radius:3px;}
.main_con_wrap2 .injae_wrap .injae_icon img {float:left; display:block; margin-right:3px;}
.main_con_wrap2 .injae_wrap .injae_jb em {color:#888888; vertical-align:baseline;}
.main_con_wrap2 .injae_wrap .injae_jb em::before {content:""; display:inline-block; width:1px; background:#c8c8c8; height:10px; margin:0 5px;}
.main_con_wrap2 .injae_wrap ul li.noproduct a {justify-content:center; text-align:center; flex-direction:inherit; align-items:center;}

/*포커스*/
.main_con_wrap2 .focus_wrap {margin-top:50px;}
.main_con_wrap2 .focus_wrap .toparea {position:relative;}
.main_con_wrap2 .focus_wrap .textarea {position:relative; margin-left:90px;}
.main_con_wrap2 .focus_wrap .photo {position:absolute; top:-50px;}
.main_con_wrap2 .focus_wrap .textarea .myinfo {display:flex; align-items:center; gap:5px; font-size:1.6rem;}
.main_con_wrap2 .focus_wrap .title {font-size:1.6rem; line-height:2.3rem; margin-top:20px; border-top:1px dotted #ddd; padding-top:15px;}


/*플러스 인재정보*/
.main_con_wrap2 .flus_wrap ul li {border:1px solid #dddddd}
.main_con_wrap2 .flus_wrap .textarea {float:right;}
.main_con_wrap2 .flus_wrap .toparea {gap:0 10px;}
.main_con_wrap2 .flus_wrap .textarea div {display:flex; justify-content:space-between; align-items:center;}
.main_con_wrap2 .flus_wrap .textarea div button {position:initial;}
.main_con_wrap2 .flus_wrap .photo {float:left; }
.main_con_wrap2 .flus_wrap .photo p {width:74px; height:74px;}

/*최근 인재정보*/
.main_con_wrap2 .lately_injae {}
.main_con_wrap2 .lately_injae ul {}
.main_con_wrap2 .lately_injae ul li {border:1px solid #dddddd; position:relative; margin-top:-1px; border-left:3px solid #ffc765; background:#fff; border-radius:5px;}
.main_con_wrap2 .lately_injae ul li a {display:block; height:100%; overflow:hidden;}
.main_con_wrap2 .lately_injae ul li a:hover p.title {text-decoration:underline;}
.main_con_wrap2 .lately_injae ul li a div {display:flex; align-items:center; flex-wrap:wrap; overflow:hidden; height:60px; float:left;}
.main_con_wrap2 .lately_injae ul li a div.lately1 {width:60%}
.main_con_wrap2 .lately_injae ul li a div.lately2 {width:25%}
.main_con_wrap2 .lately_injae ul li a div.lately3 {width:15%}
.main_con_wrap2 .lately_injae ul li a p {float:left; /*line-height:60px;*/ text-align:center; font-size:1.5rem;}
.main_con_wrap2 .lately_injae ul li a p.myinfo  {width:20%; font-size:1.5rem; color:#333; font-weight:700;}
.main_con_wrap2 .lately_injae ul li a p.myinfo span {font-size:13px;  font-weight:400;}
.main_con_wrap2 .lately_injae ul li a p.scrap {width:10%;}
.main_con_wrap2 .lately_injae ul li a p.scrap button i {color:#c9c9c9;  font-size:20px; text-align:right; vertical-align:middle;}
.main_con_wrap2 .lately_injae ul li a p.scrap button i.scrap {color:#ffd304;} 
.main_con_wrap2 .lately_injae ul li a p.title {width:70%; text-align:left;}
.main_con_wrap2 .lately_injae ul li a p.location {width:50%; color:#888888}
.main_con_wrap2 .lately_injae ul li a p.job {width:50%; color:#888888}
.main_con_wrap2 .lately_injae ul li a p.salary {width:100%}
.main_con_wrap2 .lately_injae ul li a p.salary span {/*display:inline; padding:1px 4px 2px 4px;*/display:inline-block; padding:3px 4px 4px 4px;}
.main_con_wrap2 .lately_injae ul li a p.career {width:50%;}
.main_con_wrap2 .lately_injae ul li a p.career span { background:#f8f8f8; border:1px solid #eeeeee; padding:0.6rem 1.5rem; border-radius:20px; }

/*게시판*/
.board {overflow:hidden; margin-top:4rem; display:flex; flex-wrap:wrap;}
.board .boardlist {float:left;border:1px solid #d6d6d6; padding:2rem; width:32.5%; margin-right:1.25%; margin-bottom:1.25%; border-radius:5px;}
.board .boardlist img {width:100%}
.board .boardlist .line1 img {width:20px !important; height:14px !important; max-width:20px !important; min-height:14px !important; min-width:20px !important; max-height:14px !important; position:relative; left:0; top:0; bottom:0; right:0;}
.board .boardlist:nth-child(3n) {margin-right:0;}
.board .boardlist a:hover {text-decoration:underline !important;}
.board h2 {font-size:1.8rem; color:#333; margin-bottom:15px; font-family:var(--font-heading); font-weight:600;}
.board h2 span {float:right; font-size:2rem}
.board h2 span button {color:#c8c8c8;}
.phpto_board ul {overflow:hidden; width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.phpto_board ul li {float:left; width:48%; margin-top:2rem;}
.phpto_board ul li:nth-child(-n+2) {margin-top:0;}
.phpto_board ul li a p { position:relative; overflow:hidden; padding-bottom:65%;}
.phpto_board ul li a p img {position:absolute;  top:-100%; left:-100%; right:-100%; bottom:-100%; min-width:100%; min-height:100%; margin:auto; }
.phpto_board ul li a p.line1 {font-size:1.5rem; color:#555555; text-align:center; padding-bottom:1px; line-height:30px; margin-top:5px;}
.webzin_board ul li {width:100%}
.webzin_board ul li {margin-bottom:10px;}
.webzin_board ul li:last-child {margin-bottom:0;}
.webzin_board ul li a {display:flex; align-items:center; justify-content:space-between;}
.webzin_board ul li a p {float:left; width:35%; position:relative; overflow:hidden; padding-bottom:20%;}
.webzin_board ul li a p img {position:absolute; top:-100%; left:-100%; right:-100%; bottom:-100%; min-width:100%; min-height:100%; margin:auto; }
.webzin_board ul li a dl {float:right; width:62%;}
.webzin_board ul li a:hover dl {text-decoration:underline !important;}
.webzin_board ul li a dl dt {font-size:1.5rem; color:#555555;padding-bottom:1px;}
.webzin_board ul li a dl dd {font-size:13px; color:#999999; margin-top:10px;padding-bottom:1px; line-height:18px;}
.text_board ul {}
.text_board ul li {border-bottom:1px solid #d6d6d6;}
.text_board ul li:last-child {border-bottom:none;}
.text_board ul li{overflow:hidden;}
.text_board ul li a {float:left; display:block;font-size:1.5rem; color:#555555; padding:10px 0; width:75%}
.text_board ul li a::before {display:inline-block; content:""; clear:both; width:3px; height:3px; background:#333333; margin-right:8px; margin-bottom:5px;}
.text_board ul li span {width:25%; font-size:13px; text-align:right; color:#888; float:right; padding:10px 0}

/*하단 필수 박스*/
.main_con_wrap .necessary {border:1px solid #d6d6d6; border-top:2px solid var(--brand); margin-top:4rem; padding:2rem 0; overflow:hidden; display:flex; justify-content:space-between; border-radius:5px;}
.main_con_wrap .necessary .common {float:left; width:100%; min-width:33.3%; overflow:hidden; padding:0 2rem;}
.main_con_wrap .necessary .common h3 {font-size:1.6rem; color:333333; font-family:var(--font-heading); font-weight:600;}
.main_con_wrap .necessary .client_center {border-right:1px solid #ddd;}
.main_con_wrap .necessary .client_center div:nth-child(1) {float:left; width:50%;}
.main_con_wrap .necessary .client_center div:nth-child(2) {float:right; width:48%; margin-left:2%;}
.main_con_wrap .necessary .client_center p.num {font-size:2.4rem; font-weight:700; margin-top:10px;}
.main_con_wrap .necessary .client_center p.site_info {font-size:14px; color:#333333; line-height:22px;}
.main_con_wrap .necessary .client_center ul {float:left; overflow:hidden; width:100%; margin-top:20px;}
.main_con_wrap .necessary .client_center ul li {float:left; width:50%; border:1px solid #d6d6d6; background:#fff;}
.main_con_wrap .necessary .client_center ul li a {display:block; line-height:45px; text-align:center; font-size:13px;}
.main_con_wrap .necessary .client_center ul li:nth-child(2) {margin-left:-1px; background:#f8f8f8;}
.main_con_wrap .necessary .peak {/*border-left:1px solid #dddddd; border-right:1px solid #ddd;*/border-right:1px solid #ddd;}
.main_con_wrap .necessary .peak p {color:var(--brand)}
.main_con_wrap .necessary .peak p.info {float:left; width:100%; font-size:13px; margin-top:2rem; line-height:16px;}
.main_con_wrap .necessary .peak p.num {font-size:3.2rem; font-weight:700; margin-top:10px;}
.main_con_wrap .necessary .peak div:nth-child(1) {float:left; width:45%;}
.main_con_wrap .necessary .peak div:nth-child(2) {float:left; width:55%;}
.main_con_wrap .necessary .peak table {border-top:2px solid #e6e6e6; border-bottom:2px solid #e6e6e6; font-family:var(--font-body); font-size:13px; width:100%; text-align:center; line-height:23px;}
.main_con_wrap .necessary .peak table .graybg {background:#f8f8f8;}
.main_con_wrap .necessary .peak table th {border-bottom:1px solid #e6e6e6;}
.main_con_wrap .necessary .peak table td {border-bottom:1px solid #e6e6e6; color:#777777;}
.main_con_wrap .necessary .peak table td span {font-weight:bold; color:#515151}
.main_con_wrap .necessary .text_board h3 {margin-bottom:10px;}
.main_con_wrap .necessary .text_board h3 span {float:right; font-size:1.6rem}
.main_con_wrap .necessary .text_board h3 span button {color:#c8c8c8;}

footer {margin-top:3rem;}
footer .b_menu {background:#575963; width:100%; height:50px;}
footer .b_menu ul li {float:left; font-family:var(--font-heading); font-weight:500; line-height:50px;}
footer .b_menu ul li a {display:block; color:#fff; font-size:14px; padding:0 15px;}
footer .b_menu ul li:first-child a {padding-left:0;}
footer .b_wrap {background:#f8f8f8;}
footer .b_wrap .main_con_wrap2 {display:flex; justify-content:space-between; overflow:hidden; padding:20px 0; display:flex; align-items:center; justify-content:space-between;}
footer .b_wrap .main_con_wrap2 .left_b {width:75%; font-size:14px;}
footer .b_wrap .main_con_wrap2 .left_b p:nth-child(1) {}
footer .b_wrap .main_con_wrap2 .right_b {display:flex; justify-content:right; width:25%;}
footer .b_wrap .main_con_wrap3 {overflow:hidden; padding:0px 0 10px 0; display:flex; justify-content:end}
footer .b_wrap p {font-size:13px; color:#555; line-height:22px;}
footer .b_wrap p:nth-child(1) {float:left; margin-right:20px;}


/*사이드 슬라이드*/
.slide_banner {position:sticky; position: -webkit-sticky; top:60px;  width:1260px; margin:0 auto; }
.slide_banner .left_banner {margin-left:-167px; left:auto !important;}
.slide_banner .right_banner {margin-left:1280px; right:auto !important} 
.banner_con {float:left; overflow:hidden; margin-bottom:20px;}
.banner_con .banner_img {clear:both;}
.banner_con .banner_img a {display:inline-block; border:1px solid #dfdfdf;}
.banner_con .banner-group-br- .cycle-slideshow { overflow:hidden; position:relative; }
.banner_con .banner-group-br- .banner_list_ > div { float:none !important; display:block; position:relative; }
.left_banner {position:absolute; top:20px;}
.right_banner {position:absolute; top:20px;}

.right_banner .right_qmenu {border:1px solid #dfdfdf; background:#fff; margin-bottom:8px; min-width:145px; border-radius:5px;}
.right_banner .right_qmenu ul li a {display:block; border-bottom:1px solid #dfdfdf; font-size:13px; color:#555555; letter-spacing:-0.5px; padding: 0 15px; line-height:40px;}
.right_banner .right_qmenu ul li a:hover {color:var(--brand)}
.right_banner .right_qmenu ul li a i {float:right; color:var(--brand); line-height:40px;}
.right_banner .right_qmenu ul li:last-child {overflow:hidden;}
.right_banner .right_qmenu ul li:last-child a {border-bottom:0;}
.right_banner .right_qmenu ul li dl {float:left; text-align:center; width:50%;}
.right_banner .right_qmenu ul li.service_box_cnt_1 dl { float:none; width:auto; }
.right_banner .right_qmenu ul li dl a {line-height:inherit; padding:15px 0;}
.right_banner .right_qmenu ul li dl dd {margin-top:8px;}
.right_banner .h_top {border:1px solid #dfdfdf; text-align:center; background:#fff; margin-bottom:10px; border-radius:5px;}
.right_banner .h_top a {display:block; padding:7px 0; font-weight:bold; color:var(--brand); font-size:12px; letter-spacing:-0.5px;}

/*배너조정*/
.banner_list_ {/*display:flex; flex-wrap:wrap;*/}
.banner_main_B_list_ .item_ {margin-top:1%;}
.banner_main_C_list_ .item_ {margin-top:1%;}
.banner_main_D_list_ .item_ {margin-top:1%;}
.banner_main_E_list_ .item_ {margin-top:1%;}
.banner_main_F_list_ .item_ {margin-top:1%;}
.banner_main_G_list_ .item_ {margin-top:1%;}
.banner_main_H_list_ .item_ {margin-top:1%;}
.banner_main_I_list_ .item_ {margin-top:1%;}
.banner_main_J_list_ .item_ {margin-top:1%;}
.banner_main_K_list_ .item_ {margin-top:1%;}
.banner_main_M_list_ .item_ {margin-top:1%;}
.banner_employ_A_list_  .item_ {margin-bottom:1%;}
.banner_employ_B_list_  .item_ {margin-top:1%;}
.banner_employ_D_list_  .item_ {margin-top:1%;}
.banner_employ_E_list_ .item_ {margin-top:1%;}
.banner_employ_F_list_  .item_ {margin-top:1%;}
.banner_employ_G_list_ .item_ {margin-bottom:1%;}
.banner_resume_A_list_ .item_ {margin-bottom:1%;}
.banner_resume_B_list_  .item_ {margin-top:1%;}
.banner_resume_C_list_  .item_ {margin-top:1%;}
.banner_resume_D_list_  .item_ {margin-top:1%;}
.banner_resume_E_list_  .item_ {margin-top:1%;}
.banner_resume_F_list_  .item_ {margin-bottom:1%;}
.banner_common_F_list_  .item_ {margin-top:1%}
.banner_common_G_list_ .item_ {margin-bottom:1%;}
.banner_common_I_list_  .item_ {margin-bottom:1%;}
.banner_common_J_list_ .item_ {margin-top:1%}
.banner_board_B_list_ .item_ {margin-bottom:1%;}

/*배너공통 E,H 영역?*/

/******************************메인컨텐츠 끝****************************************/
/******************************서브페이지 시작****************************************/
/*로그인*/
.login_sub {border:1px solid #d5d5d5; background:#eff0f8; padding:1rem;}
.login_sub .loginborder  {width:100%; background:#fff; border:1px solid #d5d5d5;}
/* 2026-08-04 반응형 보수: width:940px 고정이라 폰에서 로그인 화면이 가로로 잘렸다.
   이 사이트의 다른 화면은 대부분 %/max-width 기반인데 로그인·비밀번호찾기만 빠져 있었다. */
.login_sub .centerwrap {width:100%; max-width:940px; margin:0 auto; padding:9rem 0;}
.login_sub .centerwrap h3 {font-size:3.0rem; color:#222222; letter-spacing:-0.3px; border-bottom:1px solid #222222; margin-bottom:2rem; padding-bottom:2rem; font-family:var(--font-heading); font-weight:700;}
.login_sub .centerwrap>div {overflow:hidden;}
.login_sub h3 span {font-size:13px; color:#999999; font-weight:400; vertical-align:bottom; margin-left:1rem; }
.login_sub>div {overflow:hidden;}
.login_sub .loginbox {float:left; width:48%; overflow:hidden;}
.login_sub .logintab {overflow:hidden;}
.login_sub .logintab li {float:left; width:50%; background:#f3f3f3; text-align:center; border:1px solid #f3f3f3;}
.login_sub .logintab li a {/* 2026-08-05 — 원본에 오타 두 개가 있었다. `olor:`(→color) 와 `font-family:500`(→font-weight).
   둘 다 무효 선언이라 글자색과 굵기가 여태 안 먹고 있었다. 폰트를 넣는 김에 바로잡는다. */
display:block; line-height:60px; color:#969696; font-size:1.8rem; font-family:var(--font-heading); font-weight:600;}
.login_sub .logintab li.on {background:#fff; border:1px solid var(--brand); border-bottom-color:#fff;}
.login_sub .logintab li.on a {color:#222222;}
.login_sub .logininput {overflow:hidden; margin-top:2rem;}
.login_sub .logininput>p {float:left; width:75%; }
.login_sub .logininput input {border:1px solid #d9d9da; height:5.4rem; line-height:5.4rem; width:100%; padding:0 20px; margin:-1px 0 0 0; color:#555; font-size:1.5rem; border-radius:0; max-width:100%;}
.login_sub .logininput input[type="text"] {margin-top:0;}
.login_sub .logininput input::placeholder {color:#999999; font-size:1.5rem;}
.login_sub .logininput button {float:right; background:var(--brand); color:#fff; width:25%; line-height:10.8rem; font-size:1.8rem;}
.login_sub .loginlink {overflow:hidden; margin-top:1rem;}
.login_sub .loginlink li {float:left; font-size:13px; color:#555555; margin-top:10px;}
.login_sub .loginlink li:nth-child(2),
.login_sub .loginlink li:nth-child(3) {float:right;}
.login_sub .loginlink li:nth-child(2) a::before {content:""; clear:both; display:inline-block; width:1px; height:10px; 
background:#b5b5b5; margin:0 10px; }
.login_sub .loginlink li a {display:block;color:#555555;}
.login_sub .snslogin {overflow:hidden; display:flex; justify-content:center; border-top:1px solid #dddddd; margin-top:4rem; padding-top:3rem; }
.login_sub .snslogin li {float:left; text-align:center; margin-right:2rem;}
.login_sub .snslogin li:last-child {margin-right:0;}
.login_sub .snslogin li a {display:block; width:5.4rem; height:5.4rem; border-radius:50px;font-size:2.5rem;  line-height:5rem; }
.login_sub .snslogin li.naver a {background:#3bab36; color:#fff; font-weight:700;}
.login_sub .snslogin li.kakao a {background:#fae100; color:#381e1e}
.login_sub .snslogin li.face a {background:#3a5ca9;color:#fff;}
.login_sub .snslogin li.twi a {background:#1da1f2;color:#fff;}
.login_sub .snslogin li.kakao i {vertical-align:baseline;}
.login_sub .snslogin li  i {vertical-align:middle;}
.login_sub .loginbanner {float:right; width:48%; max-height:352px; border:1px solid #eee;}

/*서브-로그인 회원선택*/
.login_sub .help_txt {font-size:14px; line-height:23px; margin-bottom:3rem; text-align:center; border:3px solid #ffe1e2; padding:2rem; background:#fff9fb;}
.login_sub .help_txt span {color:#ff6a37; font-size:15px; text-decoration:underline; font-weight:500;}
.login_sub .help_txt br {display:none;}
.login_sub .individual_s {float:left;}
.login_sub .corporation_s {float:right; }
.login_sub .m_box { width:48%; overflow:hidden; border:1px solid #ccc; background:#f9f9f9;}
.login_sub .m_box ul {padding:30px 10px 20px 10px; width:100%;}
.login_sub .m_box ul li {text-align:center; font-size:8rem; color:#bbb}
/* 2026-08-05 — 굵기 300(Light)은 쓰지 않는다. 야간·노안 이용자가 많은 사이트라
   흰 글자에 얇은 굵기는 특히 안 읽힌다. 버튼이므로 heading 600 으로 올린다. */
.login_sub .m_box ul button {display:block; background:var(--brand); font-size:1.8rem; color:#fff; padding:1.5rem 0; width:90%; font-family:var(--font-heading); font-weight:600; text-align:center; margin:10px auto;}

/*휴면계정*/
.login_sub .sleep {text-align:center; background:#f8f8f8; padding:4rem;}
.login_sub .sleep p { font-size:1.8rem; line-height:2rem;}
.login_sub .sleep p.blue {margin-bottom:4rem;  background:#fff; padding:15px 10px;}
.login_sub .sleep p.bb {margin:2rem 0; }
.login_sub .sleep p.gray {color:#888; font-size:14px; margin-top:4rem;}
.login_sub .sleep p.gray i {vertical-align:baseline; font-size:15px;}
.login_sub .sleep .next_btn {margin-top:4rem; display:flex; justify-content:center; flex-wrap:wrap;}
.login_sub .sleep .next_btn button:first-child {order:1}
.login_sub .sleep .next_btn button:last-child {width:40%; order:2}

/*아이디패스워드찾기*/
.find_idpw {border:1px solid #d5d5d5; background:#eff0f8; padding:1rem;}
.find_idpw .find_id {padding:3rem 0;}
.find_idpw .find_id p.txt { font-size:1.6rem; margin-bottom:1.5rem;}
.find_idpw .find_id p.id_view {font-size:1.6rem; text-align:center; /*background:#f4f4f4;border-radius:5px;*/  width:100%; padding:2rem 1rem; border-top:1px solid #ddd; border-bottom:1px solid #ddd ; color:#777}
.find_idpw .loginborder  {width:100%; background:#fff; border:1px solid #d5d5d5;}
/* 2026-08-04 반응형 보수: 위 .login_sub 와 같은 이유(940px 고정 → 폰에서 가로 잘림) */
.find_idpw .centerwrap {width:100%; max-width:940px; margin:0 auto; padding:9rem 0;}
.find_idpw .centerwrap h3 {font-size:3.0rem; color:#222222; letter-spacing:-0.3px; border-bottom:1px solid #222222; margin-bottom:2rem; padding-bottom:2rem;}
.find_idpw .centerwrap>div {overflow:hidden;}
.find_idpw h3 span {font-size:13px; color:#999999; font-weight:400; vertical-align:bottom; margin-left:1rem; }
.find_idpw>div {overflow:hidden;}
.find_idpw .loginbox {float:left; width:100%; overflow:hidden;}
.find_idpw .logintab {overflow:hidden;}
.find_idpw .logintab li {float:left; width:50%; background:#f3f3f3; text-align:center; border:1px solid #f3f3f3;}
.find_idpw .logintab li a {/* 2026-08-05 — 원본에 오타 두 개가 있었다. `olor:`(→color) 와 `font-family:500`(→font-weight).
   둘 다 무효 선언이라 글자색과 굵기가 여태 안 먹고 있었다. 폰트를 넣는 김에 바로잡는다. */
display:block; line-height:60px; color:#969696; font-size:1.8rem; font-family:var(--font-heading); font-weight:600;}
.find_idpw .logintab li.on {background:#fff; border:1px solid var(--brand); border-bottom-color:#fff;}
.find_idpw .logintab li.on a {color:#222222;}
.find_idpw .input_wrap {margin:0 auto; width:760px;}
.find_idpw .input_wrap button {width:100%; margin-top:2rem; border-radius:5px; background:var(--brand); color:#fff; font-size:1.8rem; line-height:5.5rem;}
.find_idpw .input_wrap em {display:block; color:#999999; font-size:13px; margin:3.5rem 0 1.5rem;}
.find_idpw .input_wrap dl {overflow:hidden; margin-bottom:1rem;}
.find_idpw .input_wrap dl dt {margin-right:1rem; min-width:9rem;float:left; font-size:1.5rem; color:#333333; font-weight:500; background:#f1f1f1; border:1px solid #d9d9da; border-radius:5px 0 0 5px; text-align:center; line-height:5.4rem; height:5.5rem;}
.find_idpw .input_wrap dl dd {float:left; line-height:5.5rem; width:calc(100% - 10rem); height:5.3rem;}
.find_idpw .input_wrap dl dd input {border:1px solid #d9d9da; border-radius:0 5px 5px 0;  line-height:5.5rem; margin:0; height:5.5rem;}


/*회원가입*/
.register {}
.register table.style1 .axi-ion-android-checkmark {margin-left:0; margin-right:3px; vertical-align:middle;}
.register .box_wrap {border:1px solid #ddd; /*border-top:2px solid #62708c;*/ padding:4rem; line-height:normal; border-radius:5px;}
.register .order {display:flex; align-items:center; justify-content:center; overflow:hidden; width:100%; background:url("../images/diagonal_bg.png"); background-position:center center; margin-bottom:2rem;}
.register .order li {float:left; padding:2rem 0; font-size:1.8rem; color:#bdbdbd; font-weight:500;}
.register .order li.on {color:#222;}
.register .order li span {display:inline-block; width:4rem; height:4rem; vertical-align:middle; line-height:3rem; background:#fff; font-size:1.8rem; color:#dedede; border:3px solid #dedede; border-radius:40px; text-align:center; margin-right:1rem;}
.register .order li.on span {background:var(--brand); color:#fff; border-color:var(--brand); }
.register .order li.on::after {background-color:#62708c;}
.register .order li::after {content:""; display:inline-block; margin:2rem; width:25px; height:1px; background:#e0e0e0; vertical-align:middle;}
.register .order li:last-child::after {display:none;}
.register .allagree {display:flex; justify-content:space-between; flex-wrap:wrap; overflow:hidden; border:1px solid #eaeaea; background:#fafafa; padding:3rem 3rem;}
.register .allagree p:nth-child(1) {float:left; font-size:1.8rem; color:#555555; }
.register .allagree p:nth-child(2) {float:right; font-size:1.8rem; color:#333; font-weight:500; }
.register .terms {overflow:hidden;}
.register .terms h2 {font-size:2.2rem; color:#222222; margin-top:4rem; letter-spacing:-0.5px; font-weight:500; margin-bottom:2rem; }
.register .terms .terms_box {width:100%; height:20rem; overflow-y:scroll; background:#fafafa; border:1px solid #eaeaea; padding:2rem; line-height:normal;}
.register .terms .terms_box p {font-size:13px; line-height:30px; color:#555555;}
.register .terms>p {float:right; font-size:1.6rem; color:#444444; margin-top:2rem;}
.register .terms .terms_box2 {overflow:hidden; border:1px solid #eaeaea;}
.register .terms .terms_box2>div {width:50%; border-right:1px solid #eaeaea; padding:2rem;}
.register .terms .terms_box2>div:first-child {display:flex; align-items:center; justify-content:center; }
.register .terms .terms_box2>div button {box-shadow:inset 0px 1px 0px 0px #83a2e5; background:linear-gradient(to bottom, #718cc7 0%,#637aad 100%); border:1px solid #546894; color:#fff; width:48%; font-size:1.8rem; text-align:center; padding:2rem 0; margin:0 1rem; border-radius:5px;}
.register .terms .terms_box2>div:first-child {float:left;}
.register .terms .terms_box2>div:last-child {float:right; border-right:none; font-size:13px; color:#555555; line-height:20px;}
.register .terms .terms_box2>div span {color:#ff3615;}
.register .terms .terms_box2>div span i {vertical-align:middle; font-size:1.5rem;}
.next_btn {margin-top:6rem; text-align:center;}
.next_btn button.darkbluebtn {background:#535f77; margin-right:1rem; color:#fff;}
.next_btn button.graybtn {background:#aeb1b7; margin-right:1rem;}

.register .box_wrap>h2 {font-size:2.2rem; color:#222222; margin-top:4rem; letter-spacing:-0.5px; font-family:var(--font-heading); font-weight:600; margin-bottom:2rem; }
.register .box_wrap>h3 {font-size:2.2rem; color:#222222; margin-top:0rem; letter-spacing:-0.5px; font-weight:500; margin-bottom:2rem; }
.register select {width:20%;}
.register label {margin-left:1rem;}
.register label:nth-of-type(1) {margin-left:0;}
.register input[type="checkbox"] + label.checkstyle1 {margin-left:5px;}
.register input[type="radio"] {margin-right:5px;}
.register table th {width:15%; min-width:80px;}
.register input[type="text"],
.register input[type="password"] {max-width:210px; }
.register td.size1 input[type="text"] {width:10%;}

.register .join_message {display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; border:1px solid #eaeaea; background:#fafafa; padding:6rem 2rem;}
.register .join_message p:nth-child(1) {width:8.5rem; height:8.5rem; background:var(--brand); font-size:5rem; color:#fff; border-radius:50px; text-align:center;}
.register .join_message p:nth-child(1) i {line-height:8.5rem;}
.register .join_message p:nth-child(2) {font-size:3rem; color:#222222; font-weight:500; margin-top:3rem;}
.register .join_message p:nth-child(3) {font-size:1.8rem; color:#222222; font-weight:500; margin-top:3rem; line-height:3rem;}
.register .join_message p:nth-child(3) em {color:var(--brand)}

/*고객센터*/
.register ul.help_text {border:3px solid #eee; padding:1.5rem 2rem; background:#fbfbfb; margin-bottom:2rem; }
.register ul.help_text li {font-size:13px; color:#777; line-height:20px;}
.register ul.help_text li::before {content:""; display:inline-block; clear:both; width:2px; height:2px; background:#888; vertical-align:middle; margin-right:6px;}
.register ul.li_float {overflow:hidden; line-height:2.5rem;}
.register ul.li_float li {float:left;margin:5px 2rem 5px 0; font-size:14px; color:#666;}
.register ul.li_float li:first-child label {margin-left:0;}
.register textarea {width:100%; border:1px solid #d5d5d5; border-radius:3px; padding:1.5rem; font-family:var(--font-body); font-size:14px;}
.register textarea::placeholder {color:#aaa;}

/*본인인증*/
.agreement .certification {display:flex; justify-content:center;}
.agreement .box_wrap {padding:0; border-top:1px solid #bbb}
.agreement .box_wrap>div {padding:4rem 4rem;overflow:hidden; }
.agreement .agree {float:left;  padding:0 2rem; width:100%; max-width:590px;}
.agreement .agree h2 {color:#222; font-size:2rem; border-bottom:1px solid #222; padding-bottom:2rem;}
/*.agreement .ipin {margin-right:4%;}*/
.agreement .agree div {background:#f9f9f9; border:1px solid #ddd; margin-top:2rem; width:100%; padding:3rem;}
.agreement .agree div p {margin:0 auto; background:#fff; border:3px solid #ddd; border-radius:50px; width:10rem; height:10rem; text-align:center;}
.agreement .agree div i {font-size:6rem; vertical-align:middle; line-height:9rem;}
.agreement .agree button {background:var(--brand); color:#fff; font-size:1.6rem; width:100%; border-radius:5px; text-align:center; padding:2rem 1rem; margin-top:3rem; line-height:2rem;}
.agreement .box_wrap>p {font-size:13px; color:#888;  padding:1rem; border-bottom:1px solid #ddd; line-height:18px;}
.agreement .box_wrap>p i {color:#f62c6a; vertical-align:middle;}


/*통합검색*/
.search_mian .sub_search .depth_btn li {width:50%;}
.search_mian .sub_search .depth_btn li:last-child {width:50%;}
.search_mian table.style3 a.blue:hover { text-decoration:underline !important;}
.search_mian .tab_search {display:flex; flex-wrap:wrap; overflow:hidden; margin-top:3rem; border-bottom:2px solid #62708c;}
.search_mian .tab_search li {float:left; border:1px solid #ddd; border-left:none; border-bottom:none; background:#f9f9f9; width:25%; text-align:center;}
.search_mian .tab_search li:first-child {border-left:1px solid #ddd;}
.search_mian .tab_search li a {display:block; font-size:1.6rem; padding:1.8rem 0}
.search_mian .tab_search li.on {}
.search_mian .tab_search li.on a {color:#fff; background:#62708c}

/*채용 상세정보*/
.employ_detail .no_open {position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:899; padding:8rem 2rem;}
.employ_detail .no_open .no_open_words {position: -webkit-sticky; position:sticky; top:15rem; text-align:center;}
.employ_detail .no_open .no_open_words p {font-size:2.4rem; color:#fff; line-height:3.5rem; text-shadow:0 0px 5px rgba(0,0,0,0.5); }
.employ_detail .no_open .no_open_words p b {color:#ffd018;}
.employ_detail .no_open .no_open_words button.open {border-radius:5px; color:#fff; background:#ffd018; padding:2rem; color:#333; font-size:2rem; margin-top:3rem; font-weight:500;}
.employ_detail .no_open .no_open_words button.close {border-radius:5px; color:#fff; background:#fff; padding:2rem; color:#888; font-size:2rem; margin-top:3rem; font-weight:500; margin-right:1.5rem;}
.employ_detail .job_tab1 {position:relative;}

.employ_detail.sub {overflow:initial; position:relative;}
.employ_detail .detail_top {display:flex; justify-content:end; align-items:center; overflow:hidden; margin-bottom:10px;}
.employ_detail .detail_top .scrap-star- i {color:#ffd304;}
/*
.employ_detail .job_d2 .job_d2btn {display:flex; width:100%;  margin-top:2.5rem; font-size:1.5rem;}
.employ_detail .job_d2 .job_d2btn button {width:50%; border:1px solid #d5d5d5; padding:1.5rem 0}
.employ_detail .job_d2 .job_d2btn button:first-child {background:#f9f9f9; color:#555555;}
.employ_detail .job_d2 .job_d2btn button:last-child {color:#fff; background:#626262; border-left:0; }
*/
.employ_detail .detail_top p.company_title {font-size:2rem; font-weight:700; letter-spacing:-0.5px;}
.employ_detail .detail_top>div {float:right; display:flex; align-items:center; overflow:hidden;}
.employ_detail .detail_top>div ul {float:left; overflow:hidden;}
.employ_detail .detail_top>div ul li {float:left; margin-right:5px;}
.employ_detail .detail_top>div ul li:last-child {margin-right:0;}
.employ_detail .detail_top>div ul li a {display:block; color:#888888; font-size:12px; font-family:var(--font-body); }
.employ_detail .detail_top>div ul:nth-child(1) {margin-right:10px;}
.employ_detail .detail_top>div ul:nth-child(1) li {border:1px solid #d5d5d5; border-radius:3px;}
.employ_detail .detail_top>div ul:nth-child(1) li a {padding:3px 5px}
.employ_detail .job_detail {display:flex; flex-wrap:wrap; overflow:hidden; margin-bottom:4rem;}
.employ_detail .job_d1 {float:left; width:70%; overflow:hidden; border:1px solid #d5d5d5; padding:4rem 4rem; border-radius:10px 0 0 10px;}
.employ_detail .job_d1 h3 {font-size:2.8rem; color:#222222; line-height:3.3rem; letter-spacing:-0.5px; font-weight:700; padding-bottom:2.5rem; border-bottom:1px solid #e5e5e5}
.employ_detail .job_d1 .condition_box {}
.employ_detail .job_d1>div {overflow:hidden;}
.employ_detail .job_d1 .con1 {float:left; margin:2.5rem 0 0 0; width:47%;}
.employ_detail .job_d1 .con1:first-child {margin-right:6%}
.employ_detail .job_d1 .con1 h4 {display:inline-block; border:1px solid;  padding:10px 15px; border-radius:50px; font-size:14px; font-weight:500; margin-bottom:10px;}
.employ_detail .job_d1 .con1 dl {overflow:hidden; display:flex; flex-wrap:wrap;}
.employ_detail .job_d1 .con1 dl dt {float:left; width:20%; color:#888; font-size:14px; letter-spacing:-0.5px; margin:7px 0;  line-height:22px; font-weight:500}
.employ_detail .job_d1 .con1 dl dd {float:left; width:80%; color:#333; font-size:14px; letter-spacing:-0.5px; line-height:22px; margin:7px 0;}
.employ_detail .job_d1 .con1 span.sstyle {padding:2px 3px 2px 3px;}
.employ_detail .job_d1 .accept {margin-top:2.5rem;}
.employ_detail .job_d1 .accept h4 {display:inline-block; border:1px solid;  padding:10px 15px; border-radius:50px; font-size:14px; font-weight:500; margin-bottom:10px;}
.employ_detail .job_d1 .accept p {font-size:14px; color:#333; line-height:22px; margin:7px 0;}
.employ_detail .job_d1 .manager_box {background:#f9f9f9; border:1px solid #e5e5e5; padding:2rem; border-radius:5px;  margin-top:20px;}
.employ_detail .job_d1 .con2 {display:flex; justify-content:space-between; flex-wrap:wrap; overflow:hidden; width:100%; padding-bottom:2rem; border-bottom:1px solid #e5e5e5; }
.employ_detail .job_d1 .con2 dl:first-child dd:nth-of-type(1)::after {content:""; display:inline-block; width:1px; height:1.7rem; background:#d0d0d0; margin:0 2rem;}
.employ_detail .job_d1 .con2 dl {display:flex; flex-wrap:wrap; align-items:center;}
.employ_detail .job_d1 .con2 dl dt {font-size:14px; margin-right:2.5rem; color:#727272; font-weight:500; }
.employ_detail .job_d1 .con2 dl dd {display:flex; align-items:center; font-size:14px; color:#727272; }
.employ_detail .job_d1 .con3 {display:flex; flex-wrap:wrap; gap:15px 20px; margin-top:2rem}
.employ_detail .job_d1 .con3 dl {display:flex; align-items:center; width:calc(50% - 10px); font-size:14px;}
.employ_detail .job_d1 .con3 dl dt {min-width:80px; width:80px; color:#888; font-weight:500;}
.employ_detail .job_d1 .con3 dl dd {color:#333;}
.employ_detail .job_d1 .con3 button {border:1px solid #eee; font-size:12px; padding:5px; background:#fff; border-radius:3px; color:#333;}
.employ_detail .job_d1 .con3 button i {margin-right:3px;}
.employ_detail .job_d1 .con4 {width:100%; font-size:14px; margin-top:2rem; border-top:1px solid #e5e5e5; padding-top:2rem; color:#ff4362; line-height:18px;}
.employ_detail .job_d2 {float:left; width:30%; border:1px solid #d5d5d5; border-left:none; border-radius:0 10px 10px 0; padding:4rem; position:relative;}
.employ_detail .job_d2 .logo_area {position:relative; overflow:hidden; border-radius:5px; overflow:hidden; max-height:110px; margin-bottom:2.5rem;}
.employ_detail .job_d2 .logo_area p {font-size:2rem; line-height:2.2rem; font-weight:500; text-align:center; max-height:78px; width:100%; background-position:center center; background-repeat:no-repeat; padding-bottom:35%; background-size:contain;}
.employ_detail .job_d2>div h4 {font-size:1.6rem; color:#222; font-weight:500; margin-bottom:1.5rem;}
.employ_detail .job_d2>div dl {overflow:hidden;}
.employ_detail .job_d2>div dl dt {float:left; width:30%; color:#777777; font-size:14px; letter-spacing:-0.5px; margin:7px 0; min-height:15px;}
.employ_detail .job_d2>div dl dd {float:left; width:70%; color:#333; font-size:14px; letter-spacing:-0.5px; line-height:17px; margin:7px 0; min-height:15px;}
.employ_detail .job_d2 .interest {position:absolute; border:1px solid #d5d5d5;  right:0; top:0; border-top:0; border-right:0; font-family:var(--font-body); font-size:12px; color:#888888; padding:8px;}
.employ_detail .job_d2 .interest i {font-size:13px; color:#888; vertical-align:bottom;}
.employ_detail .job_d2 .interest i.axi-heart2 {font-size:13px; color:#f42b43;}
.detail_common .btnbox {overflow:hidden; display:flex; flex-wrap:wrap; gap:10px; margin-top:30px;}
.detail_common .btnbox li {width:100%; text-align:center;}
.detail_common .btnbox li.home_sup a {border:2px solid var(--brand); color:var(--brand)}
.detail_common .btnbox li.online_sup a {border:2px solid #ff6702; color:#ff6702}
.detail_common .btnbox li.email_sup a {border:2px solid #20b09a; color:#20b09a}
.detail_common .btnbox li.scrap_btn a {border:2px solid #ff4362; color:#ff4362}
.detail_common .btnbox li.scrap_btn i {color:#ff4362}
.detail_common .btnbox li:last-child {margin-right:0;}
.detail_common .btnbox li a {display:block; font-size:1.8rem; font-weight:500; padding:2rem 1rem; border-radius:5px;}
.employ_detail .job_tab1 {border:1px solid #d5d5d5; padding:2.5rem; border-radius:10px;}
/* 2026-08-05 — 원본은 `max-width:880px` 이었다. **폰에서 화면 밖으로 넘친다**(360~430px).
   앞서 `width:100%` 였다가 "이미지가 커지는 현상"으로 뺐다는 주석이 있는데, 원인은 100% 자체가
   아니라 `width` 를 쓴 것이다 — width 는 **작은 이미지까지 억지로 늘려** 흐려진다.
   `max-width` 는 큰 것만 줄이고 작은 것은 원본 크기를 지킨다. 그래서 100% 로 되돌린다.
   `height:auto` 가 있어야 비율이 안 찌그러진다. */
.employ_detail .job_tab1 img {max-width:100%; height:auto;}
.employ_detail .job_tab1 img.no100 {width:24px !important; height:24px !important;}
.employ_detail .job_tab1>p {font-size:1.6rem; line-height:2.5rem;}
.employ_detail .tab {margin-top:5rem; position:relative;}
.employ_detail .tab h2 {font-size:2.2rem; padding-bottom:1.5rem; font-family:var(--font-heading); font-weight:600;}

/*.employ_detail .job_tab2 .map {border:1px solid #d5d5d5; height:100%; max-height:4rem; margin:0.5rem 0;}*/
.employ_detail .job_tab2 .company_img {border:1px solid #d5d5d5; border-radius:10px;}
.employ_detail .job_tab2 .company_img ul {display:flex; flex-wrap:wrap; gap:2%; overflow:hidden;padding:2rem;}
.employ_detail .job_tab2 .company_img ul li {float:left; width:23.5%; height:16rem; border:1px solid #d5d5d5;  background:#f6f6f6 url("../images/no_imgicon.png"); background-position:center center; background-repeat:no-repeat; background-size:contain; border-radius:5px; overflow:hidden;}
.employ_detail .job_tab2 .company_img ul li:last-child {margin-right:0;}
.employ_detail .job_tab2 .company_img ul li a {display:block; width:100%; height:100%;}
.employ_detail .job_tab2 .video {position:relative; padding-top:40%; height:0; overflow:hidden; border:1px solid #d5d5d5; height:100%; max-height:4rem; width:100%; text-align:center; border-radius:10px;}
.employ_detail .job_tab2 .video iframe {position:absolute; left:0; top:0; height:100%; width:100%; }
.employ_detail .area_map button.map {border:1px solid #e5e5e5; background:#f4f4f4; border-radius:3px; font-size:12px; padding:0px 3px; color:#888; margin-right:5px;}
.employ_detail .area_map li:first-child {margin-top:0;}
.employ_detail .area_map li {margin-top:3px;}

.detail_common .keyword {margin-top:5rem;}
.detail_common .keyword ul {overflow:hidden;}
.detail_common .keyword ul li {float:left; margin:5px 1rem 0 0; background:#f1f3f9;}
.detail_common .keyword ul li:last-child {margin-right:0;}
.detail_common .keyword ul li a {display:block; padding:1rem; color:#555555; font-size:13px;}
.detail_common .keyword ul li a::before {content:"#"}

.detail_common .caution {background:#fbfbfb; padding:2rem; border:1px solid #d5d5d5; margin-top:5rem;}
.detail_common .caution ul li {font-size:13px; color:#727272; margin:5px 0; line-height:18px;}

/*이력서 상세정보*/
.resume_detail {position:relative; overflow:initial;}
.resume_detail .no_open {position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:899; padding:8rem 2rem;}
.resume_detail .no_open .no_open_words {position: -webkit-sticky; position:sticky; top:15rem; text-align:center;}
.resume_detail .no_open .no_open_words p {font-size:2.4rem; color:#fff; line-height:3.5rem; text-shadow:0 0px 5px rgba(0,0,0,0.5); }
.resume_detail .no_open .no_open_words p b {color:#ffd018;}
.resume_detail .no_open .no_open_words button.open {border-radius:5px; color:#fff; background:#ffd018; padding:2rem; color:#333; font-size:2rem; margin-top:3rem; font-weight:500;}
.resume_detail .no_open .no_open_words button.close {border-radius:5px; color:#fff; background:#fff; padding:2rem; color:#888; font-size:2rem; margin-top:3rem; font-weight:500; margin-right:1.5rem;}


.resume_detail .detail_top {overflow:hidden;}
.resume_detail .detail_top p.s_title {float:left;}
.resume_detail .detail_top>div {float:right; display:flex; align-items:center; overflow:hidden; margin-bottom:1.5rem;}
.resume_detail .detail_top>div ul {float:left; overflow:hidden;}
.resume_detail .detail_top>div ul li {float:left; margin-right:5px;}
.resume_detail .detail_top>div ul li:last-child {margin-right:0;}
.resume_detail .detail_top>div ul li a {display:block; color:#888888; font-size:12px; font-family:var(--font-body); }
.resume_detail .detail_top>div ul:nth-child(1) {margin-right:10px;}
.resume_detail .detail_top>div ul:nth-child(1) li {border:1px solid #d5d5d5; border-radius:3px;}
.resume_detail .detail_top>div ul:nth-child(1) li a {padding:3px 5px}
.resume_detail .r_detail {display:flex; flex-wrap:wrap;overflow:hidden; border:1px solid #fae0e5; border-radius:10px; background:#ffeeee; padding:0.5rem; margin-bottom:4rem;}
.resume_detail .resume_d1 {float:left; width:70%; background:#fff; border:1px solid #fae0e5; padding:3.5rem 4rem; border-radius:5px 0 0 5px;}
.resume_detail .resume_d1 h2 {font-size:2.8rem; color:#222222; line-height:3.3rem; letter-spacing:-0.5px; padding-bottom:2.5rem; margin-bottom:2.5rem; font-weight:700; border-bottom:1px solid #e5e5e5;}
.resume_detail .resume_d1 .con1 {overflow:hidden;}
.resume_detail .resume_d1 .ij_img {float:left; margin-right:4rem; border-radius:10px;}
.resume_detail .resume_d1 .ij_img p {width:14rem; height:17rem; background:#e8e9ec url("../images/no_injae.png"); background-position:center center; background-size:cover; border-radius:6px;}
.resume_detail .resume_d1 .ij_info {float:left; overflow:hidden; width:calc(100% - 192px); margin-top:10px;}
.resume_detail .resume_d1 .ij_info h3 {display:flex; align-items:center; float:left; width:100%; font-size:2.4rem; color:#222222; font-weight:500; margin-bottom:2rem; gap:0 5px;}
.resume_detail .resume_d1 .ij_info h3 span {color:#9e9e9e; font-size:1.8rem; letter-spacing:-0.5px;}
.resume_detail .resume_d1 .ij_info>div {float:left; background:#fffbfb; padding:1.8rem 2rem; border:1px solid #f7e7e7; border-radius:10px;}
.resume_detail .resume_d1 .ij_info dl {overflow:hidden; float:left; width:100%; margin:8px 0;}
.resume_detail .resume_d1 .ij_info dl dt {float:left; width:100px;font-size:14px; color:#888888; font-weight:500;  letter-spacing:-0.5px;line-height:20px;}
.resume_detail .resume_d1 .ij_info dl dd {float:left; width:calc(100% - 100px); font-size:14px; color:#777777; letter-spacing:-0.5px; line-height:20px;}
.resume_detail .resume_d1 .ij_info dl:nth-of-type(1),
.resume_detail .resume_d1 .ij_info dl:nth-of-type(2) {width:50%}
.resume_detail .resume_d1 table.con2 {width:100%; border:2px solid #d1d5e5}
.resume_detail .resume_d1 table.con2 th {background:#eff0f8; padding:1.5rem 0; font-weight:500; font-size:1.5rem; color:#777a8d; letter-spacing:-0.5px; border:1px solid #d1d5e5;}
.resume_detail .resume_d1 table.con2 td {background:#fff; padding:1rem 0; font-size:1.5rem; color:#555555; letter-spacing:-0.5px; vertical-align:middle; border:1px solid #d1d5e5; text-align:center; line-height:2.4rem;}

.resume_detail .resume_d2 {float:left; width:30%; background:#fff; border:1px solid #fae0e5; border-left:0;  padding:3.5rem 4rem; border-radius:0 5px 5px 0;}
.resume_detail .resume_d2 h2 {font-size:3rem; color:#888; line-height:3.5rem; padding-bottom:2.5rem; margin-bottom:2.5rem; font-weight:400; border-bottom:1px solid #e5e5e5;}
.resume_detail .resume_d2 dl {overflow:hidden;}
.resume_detail .resume_d2 dl dt {float:left; width:28%; font-size:14px; color:#888888; line-height:24px;  margin:0.5rem 0; min-height:15px;}
.resume_detail .resume_d2 dl dd {float:left; width:72%; font-size:14px; color:#444444; line-height:24px; margin:0.5rem 0;min-height:15px;}

.resume_detail .btnbox {display:flex; justify-content:center; gap:10px;}
.resume_detail .btnbox li {width:20%;}

.resume_detail .tab {margin-top:5rem; position:relative;}
.resume_detail .tab h2 {font-size:2.2rem; color:#222; padding-bottom:1.5rem; }
.resume_detail .tab.self_intro>div {border:1px solid #fae0e5; padding:2.5rem; font-size:1.5rem; border-radius:10px;}
.resume_detail .tab.self_intro>div iframe {width:100% !important;}
/* 2026-08-05 — 공고 상세와 같은 이유. `width:100%` 는 작은 이미지까지 늘려 흐려지고,
   `max-width:880px` 는 폰에서 화면을 넘는다. */
.resume_detail .tab.self_intro>div img {max-width:100%; height:auto;}
.resume_detail .tab.self_intro p {/*font-size:1.6rem; color:#444444; line-height:2.5rem; */}
.resume_detail .tab.self_intro table {border-top:1px solid #d5d5d5; margin-top:10px;}
.resume_detail .tab.self_intro table a {display:block;}
.resume_detail .tab.self_intro table a:hover {text-decoration:underline !important;}
.resume_detail .tab.video >div {position:relative; padding-top:40%; height:0; overflow:hidden; border:1px solid #d5d5d5; height:100%; max-height:4rem; width:100%; text-align:center;}
.resume_detail .tab.video >div.open_pl {padding:4rem 2rem; max-height:initial;}
.resume_detail .tab.video iframe {position:absolute; left:0; top:0; height:100%; width:100%; }
.resume_detail .tab.video.not_read { padding-top:0px !important; }
.resume_detail .tab.video.not_read > div {border:1px solid #d5d5d5; padding-top:0px; font-size:1.5rem; max-height:80px; height:80px; line-height:80px; }

.resume_detail .tab.ability span.class {margin-right:0;}
.resume_detail .tab.ability p {margin-bottom:10px;}
.resume_detail .tab.ability p span {display:inline-block; width:20px; height:20px; font-size:12px; text-align:center; color:#fff; margin-right:5px; border-radius:50px; line-height:20px;}
.resume_detail .tab.ability td:nth-of-type(1) p span {background:#f75d2f}
.resume_detail .tab.ability td:nth-of-type(2) p span {background:#4f88df}
.resume_detail .tab.ability td:nth-of-type(3) p span {background:#0f914d}
.resume_detail .tab.ability td:nth-of-type(4) p span {background:#9f34d6}
.resume_detail .tab.awards div {border:1px solid #d5d5d5; padding:3rem;}
.resume_detail .tab.awards div p {font-size:1.6rem; color:#444; line-height:2.5rem;}

.resume_detail table span.class {display:inline-block; font-size:1.8rem; width:4rem; height:4rem;  font-weight:500; border:3px dotted ; border-radius:50px; text-align:center; vertical-align:middle; margin-right:10px; line-height:3.3rem;}
.resume_detail table span.class1 {color:#ff5215; border-color:#ff5215; }
.resume_detail table span.class2 {color:#12bb45; border-color:#12bb45}
.resume_detail table span.class3 {color:#1392f3; border-color:#1392f3}

/*채용정보상세, 이력 상세 공통*/
.detail_common .tab .open_pl {font-size:1.8rem; text-align:center; background:#efefef; padding:4rem 2rem; color:#444;}
.detail_common .tab .open_pl b {font-weight:500;}
.detail_common .tab .open_pl button {font-size:1.9rem; border-radius:5px; background:#ffd018; padding:1.5rem 2rem; color:#333; font-weight:500; margin-top:2rem; border:1px solid #f3c617;}



/*이력서등록*/
.regist_common {display:flex; flex-wrap:wrap; overflow:initial;}
.regist_common .side_con {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-bottom:15px;}
.regist_common .left_info {float:left; width:79%; margin-right:3%;}
.regist_common .right_info {float:right; width:18%; position:sticky; position: -webkit-sticky; right:0; top:80px; align-self:flex-start; }
.regist_common .title {overflow:hidden;}
.regist_common .title h3 {float:left;}
.regist_common .title input[type="text"] {width:100%; border:3px solid #fcb2b7; height:6rem; text-align:center; font-size:2rem; color:#333; font-weight:500; margin:0; border-radius:5px;}
.regist_common .title input[type="text"]::placeholder {font-size:2rem; color:#eb9fa8;}
.regist_common .com_table {width:100%; }
.regist_common .com_table tr {border-bottom:1px dashed #dbdbdb;}
.regist_common .com_table tr:last-child {border-bottom:0;}
.regist_common .com_table th {width:15%; text-align:left; font-size:1.6rem; color:#333333; letter-spacing:-1.5px; vertical-align:middle; padding:15px 0 1rem 2rem; font-weight:500; background:#f6f7f9}
.regist_common .com_table i {color:#ff0000; font-size:1.3rem; margin-right:10px; vertical-align:bottom;}
.regist_common .com_table td {width:85%; padding:2rem; font-size:14px; color:#555;}
.regist_common .com_table select {width:20%; vertical-align:middle;}
.regist_common .com_table input[type="text"] {width:20%; vertical-align:middle;}
.regist_common .com_table input[type="text"].long100 {width:100%;}
.regist_common .com_table dl {display:flex; flex-wrap:wrap; align-items:center;}
.regist_common .com_table dl dt {font-size:14px; color:#333333; width:13%;}
.regist_common .com_table dl dt em.ess {display:none;}
.regist_common .com_table dl dt i {margin-right:5px;}
.regist_common .com_table dl dd {float:left; width:87%}
.regist_common .regist_btn1 {background:#aab1c9; border-radius:3px; text-align:center; color:#fff; margin:3px; border:1px solid #afafaf; height:4rem; width:6.5rem; font-size:1.5rem; font-weight:400; vertical-align:middle;}
.regist_common .regist_btn2 {background:#aab1c9; border-radius:3px; text-align:center; color:#fff;  border:1px solid #afafaf; height:2.5rem; width:7rem; font-size:13px;  font-weight:400; vertical-align:middle; margin-top:1rem;}
.regist_common .regist_btn3 {background:var(--brand); border-radius:3px; text-align:center; color:#fff; margin:3px; border:1px solid var(--brand); height:4rem; width:6.5rem; font-size:1.5rem; font-weight:400; vertical-align:middle;}
.regist_common div.line {border-top:1px solid #ddd; padding:10px 0;}
.regist_common div.line:nth-of-type(1) {border-top:none}
.regist_common div.line:last-child {padding-bottom:0}
.regist_common ul.li_float {overflow:hidden; vertical-align:middle; display:flex; flex-wrap:wrap; align-items:center;}
.regist_common ul.li_float li {float:left;margin:5px 2rem 5px 0; font-size:14px; color:#666;}
.regist_common .cheditor-container .cheditor-tb-wrapper {height:auto !important;}

.resume_regist tr ul {overflow:hidden;}
.resume_regist tr.worktype ul li {float:left; margin:5px 2.5rem 5px 0;} 
.resume_regist tr.edu ul:nth-child(2) li {float:left; margin:5px 2.5rem 5px 0;}
.resume_regist tr.edu ul:nth-child(2) li:first-child {margin-right:0}
.resume_regist tr.edu ul li:first-child {color:#888;}
.resume_regist tr.c_edu select {width:10%;}
.resume_regist .edh .common_box {margin-bottom:2rem;}
.resume_regist .edh .common_box:last-child {margin-bottom:0;}
.resume_regist .career button {margin-left:15px;}
.resume_regist .career_list dl:nth-child(3) select {width:13%;}
.resume_regist .career_list dl:nth-child(4) input[type="text"] ,
.resume_regist .career_list dl:nth-child(5) input[type="text"] {width:100%;}
.resume_regist .self_intro .write {display:block; border:3px solid #d8dee6;}
.resume_regist .self_intro h5 {font-size:1.6rem; color:#333333; font-weight:500; overflow:hidden; margin-top:2rem;}
.resume_regist .self_intro h5 span {float:right; font-size:13px;}
.resume_regist .self_intro .file li {width:100%; border:1px solid #d5d5d5; padding:1rem; margin-top:10px; overflow:hidden;}
.resume_regist .self_intro .file li input[type="file"] {float:left; font-size:13px;}
.resume_regist .self_intro .file li button {float:right; border:1px solid #ccc; color:#444; border-radius:3px; font-size:13px; line-height:23px; padding:0 8px; margin-right:1rem;}
.resume_regist .self_intro .file input[type="text"] {margin:10px 0 0 0;}
.resume_regist .self_intro textarea {width:100%; border:1px solid #d5d5d5; border-radius:3px; padding:5px; font-family:var(--font-body); font-size:14px; margin-top:5px;}
.resume_regist .setting td {overflow:hidden;}
.resume_regist .setting dl {float:left; width:50%; border-bottom:1px solid #dddddd; padding:2rem 0}

.resume_regist .setting dl:nth-child(1),
.resume_regist .setting dl:nth-child(2) {padding-top:0;}
.resume_regist .setting dl dt {width:20%; font-weight:500;}
.resume_regist .setting dl dd {width:80%;}
.resume_regist .setting ul li {float:left; margin-right:20px;}
.resume_regist .choice .common_box {border-top:1px solid #d5d5d5;}
.resume_regist .choice ul.choice_box {overflow:hidden; border:3px solid #e5e5e6; background:#f8f8f9;padding:1.5rem;}
.resume_regist .choice ul.choice_box li {float:left; margin:.5rem 3rem .5rem 0; font-size:15px; color:#666666; }
.resume_regist .choice ul.choice_box li input[type="checkbox"] + label.checkstyle1 {background:#fff;}
.resume_regist .choice .common_box {margin-top:2rem;}
.resume_regist .choice .com_table { border-top:1px solid #ddd;}
.resume_regist .choice .com_table:first-child {border-top:0;}
.resume_regist .choice .license input[type="text"] {width:30%;}
.resume_regist .choice ul.class {overflow:hidden; display:inline-block; vertical-align:middle;}
.resume_regist .choice ul.class li {float:left; margin:5px 2rem 10px 0; font-size:13px; color:#666;}
.resume_regist .choice ul.class li span {display:inline-block; color:#fff; border-radius:3px; vertical-align:middle; padding:1px 2px 2px 2px;}
.resume_regist .choice ul.class li span.class1 {background:#ff5215}
.resume_regist .choice ul.class li span.class2 {background:#12bb45}
.resume_regist .choice ul.class li span.class3 {background:#1392f3}
.resume_regist .choice .language .add_exam {border-top:1px solid #dddddd; padding-top:10px; margin-top:10px;}
.resume_regist .choice .technology dl {border-top:1px solid #dddddd; padding-top:15px; margin-top:15px;}
.resume_regist .choice .technology dl:first-child {border-top:0; margin:0; padding:0;}
.resume_regist .choice .technology dl dt {width:20%;}
.resume_regist .choice .technology dl dd {width:80%;}
.resume_regist .choice .awards textarea {border:1px solid #ddd; border-radius:3px; width:100%; height:100px; padding:2rem; font-size:14px; color:#555; font-family:var(--font-body)}
.resume_regist .choice .preferential ul {overflow:hidden; }
.resume_regist .choice .preferential ul li {float:left; margin-right:3rem;}
.resume_regist .choice .preferential select {/*width:10%*/}
.resume_regist .choice .preferential input[type="text"] {width:100%;}
.resume_regist .choice .preferential .scroll_box {padding:15px; overflow-y:scroll; height:100px; background:#fff; border:1px solid #d5d5d5; padding:10px; font-size:14px; color:#777777; font-weight:400; line-height:18px; letter-spacing:0}
.resume_regist .carrerbox tbody:nth-of-type(2) tr {border-top:1px dashed #dbdbdb;}
.resume_regist .self_intro .cheditor-container {width:100% !important;}
.resume_regist .language .li_float select{width:auto;}

.regist_common .right_info {}
.regist_common .right_info>p {border:1px solid var(--brand); color:var(--brand); font-weight:500; text-align:center; border-radius:3px; height:40px; line-height:40px; font-size:1.6rem;}
.regist_common .right_info .info_box {padding:2rem; border:1px solid #d5d5d5; margin-top:15px; border-radius:5px;}
.regist_common .right_info .info_box .injae_img {border:1px solid #d5d5d5; padding:5px; margin:0 auto; width:fit-content;}
.regist_common .right_info .info_box .injae_img p { width:14rem; height:17rem; background:url("../images/no_injae.png"); background-position:center center; background-size:cover; background-repeat:no-repeat; }
.regist_common .right_info .info_box ul {overflow:hidden; width:fit-content; margin:10px auto;}
.regist_common .right_info .info_box ul li {float:left; margin-left:5px;}
.regist_common .right_info .info_box ul li:first-child {margin-left:0px;}
.regist_common .right_info .info_box ul li  button {border:1px solid #d5d5d5; font-size:13px; color:#666666; width:6.8rem; height:30px; border-radius:3px;}
.regist_common .right_info .info_box dl {overflow:hidden;}
.regist_common .right_info .info_box dt {float:left; width:33%; font-size:13px; color:var(--brand); margin:6px 0; line-height:18px; }
.regist_common .right_info .info_box dd {float:left; width:67%; color:#555555; font-size:13px; margin:6px 0; line-height:18px;}
.regist_common .right_info>button {width:100%; margin-top:1rem; font-size:1.8rem; line-height:60px; border-radius:5px;}
.regist_common .right_info button.pay {color:var(--brand); border:2px solid var(--brand); background:#fff;}

/*여기서부터 수정*/
.regist_common .h_no {display:none;}
.regist_common .title table {width:100%;}
.regist_common h6 {font-size:2.2rem; color:#222222; font-family:var(--font-heading); font-weight:600; margin-bottom:15px;}
.regist_common h6 span {display:none; font-size:13px; color:#999999; font-weight:400; margin-left:1.5rem; vertical-align:bottom;}
.regist_common .side_con h6 {margin-bottom:0}
.regist_common .side_con .h_right {overflow:hidden;}
.regist_common .side_con select {float:right; width:100%; margin:0;}
.regist_common .box_wrap {margin-top:4rem;}
.regist_common .common_box {border:1px solid #d5d5d5; border-top:2px solid #62708c;}
.regist_common .com_table th em {display:none;}
.regist_common span.bojotext {display:block; font-family:var(--font-body); color:#888 !important; line-height:15px;  font-size:11px; margin-bottom:5px;}/**/
.regist_common span.bojotext i {color:#ff6982; margin-right:0;}
.employ_regist .recruitment .common_box {padding:1rem; margin-bottom:1rem;}
.employ_regist .recruitment .common_box ul {display:flex; overflow:hidden;}
.employ_regist .recruitment .common_box ul li {float:left; margin-right:1.5rem; border:1px solid #d5d5d5; max-width:150px; width:33.3%;}
.employ_regist .recruitment .common_box ul li a {display:block;padding:1rem;}
.employ_regist .recruitment .common_box ul li a img {width:100%;}
.employ_regist .recruitment .common_box ul li.on {border:3px solid var(--brand);}
.employ_regist .recruitment .side_con button {background:var(--brand); color:#fff; border-radius:3px; color:#fff !important; font-size:1.5rem; height:4rem; padding:0 1rem;}
.employ_regist .recruitment .write {display:block; border:3px solid #d8dee6;}
.employ_regist .recruitment .cheditor-container {width:100% !important;}

/*채용공고 등록*/
.employ_regist .p_work ul.logotype li {float:left; margin:0px 15px 0 0}
.employ_regist .p_work ul.logotype li:first-child {margin-top:0;}
.employ_regist .p_work ul.logotype li:last-child {margin-bottom:0;}
.employ_regist .p_work ul.logotype li button {border:1px solid #d5d5d5; font-size:13px; color:#666; padding:8px 8px; font-weight:400; vertical-align:middle; margin-left:10px;}
.employ_regist .p_work .logotype_box span {position:absolute; top:0; right:0; display:inline-block; background:rgba(0,0,0,0.5);}
.employ_regist .p_work .logotype_box span a {display:block; width:2.5rem; height:2.5rem; text-align:center; }
.employ_regist .p_work .logotype_box span i {color:#fff; font-size:1.8rem; line-height:2.5rem; margin:0;}
.employ_regist .p_work .logo_box {position:relative; width:400px; height:140px; border:1px solid #eaeaea; background:#f6f6f6 url("../images/no_imgicon.png") center center no-repeat; background-size:contain;}
.employ_regist .p_work .bg_box {position:relative; width:400px; height:200px; border:1px solid #eaeaea; background:#f6f6f6 url("../images/no_imgicon.png") center center no-repeat; background-size:contain;}
.employ_regist .p_work th button {border:1px solid #c5c5c5; color:#888; border-radius:30px; padding:5px 8px; background:#fff; display:inline-block; font-size:12px; margin-top:1.5rem; font-weight:400}
.employ_regist .p_work th button i {margin-right:1px; color:#999; vertical-align:middle;}
.employ_regist .p_work input[type="text"] {width:62%;}
.employ_regist .p_work .click-logo-td- button {border-radius:3px; text-align:center; border:1px solid #ccc; padding:1rem; margin-right:1rem; margin-bottom:1rem; font-size:13px;}
.employ_regist .p_work .click-logo-td- .one {display:flex; align-items:center; flex-wrap:wrap;}
.employ_regist .p_work .click-logo-td- .one span {font-size:11px;}
/*.employ_regist .w_condition input[type="radio"] + label.radiostyle1 {margin-left:15px;}*/
.employ_regist td.flex_td {/*display:flex; align-items:center;*/}
.employ_regist td.flex_td button {margin-right:10px;}
.employ_regist ul.flex_child {overflow:hidden; display:inline-block;}
.employ_regist ul.flex_child li {float:left; margin:10px 1rem 10px 0;}
.employ_regist ul.flex_child li button {display:inline-block; background:#394659; margin-left:5px; padding:0px 1px 1px 1px}
.employ_regist ul.flex_child li button i {color:#fff; margin:0;}
.employ_regist .appli input[type="text"] {width:100%;}
.employ_regist .appli .age input[type="text"] {width:10%;}
.employ_regist .group .personnel input[type="text"] {width:50px;}
.employ_regist .group .group_close  input[type="text"]  {width:150px}
.employ_regist .group .receipt p {color:#777; letter-spacing:-1px; font-size:1.5rem;}
.employ_regist .group .receipt p input[type="text"] {width:60%; margin-left:10px;}
.employ_regist .group .receipt .requisition- {border-top:1px dashed #ddd; padding-top:1rem;}
.employ_regist .group .receipt .requisition_online- input[type="file"] {width:60%;}
.employ_regist .group .resume p {background:#fff; border:1px solid #dddddd; padding:6px; width:100%; font-size:1.5rem;}
.employ_regist .group .resume p input[type="file"] {width:100%;}
.employ_regist .group textarea {width:100%; border:1px solid #d5d5d5; border-radius:3px; padding:10px; height:80px; font-size:1.5rem; color:#555; letter-spacing:-1px; font-family:var(--font-body)}
.employ_regist .group textarea::placeholder {font-size:1.5rem; color:#999999; letter-spacing:-0.5px; font-family:var(--font-body)}
.employ_regist .guide .common_box {padding:1rem; margin-bottom:1rem;}
.employ_regist .guide .common_box ul {display:flex; overflow:hidden;}
.employ_regist .guide .common_box ul li {float:left; margin-right:1.5rem; border:1px solid #d5d5d5; max-width:150px; width:33.3%;}
.employ_regist .guide .common_box ul li a {display:block;padding:1rem;}
.employ_regist .guide .common_box ul li a img {width:100%;}
.employ_regist .guide .common_box ul li.on {border:3px solid var(--brand);}
.employ_regist .guide .side_con button {background:var(--brand); color:#fff; border-radius:3px; color:#fff; font-size:1.5rem; height:4rem; padding:0 1rem;}
.employ_regist .guide .write {display:block; border:3px solid #d8dee6;}
.employ_regist .img_box .parent_file_upload- button {border-radius:3px; text-align:center; border:1px solid #ccc; padding:1rem; margin-right:10px; margin-bottom:1rem;}
.employ_regist .img_box .parent_file_upload- .one {display:flex; flex-wrap:wrap; align-items:center; font-size:13px; }
.employ_regist .img_box .common_box {padding:0}
.employ_regist .img_box p {width:100%; overflow:hidden; padding:1rem 2rem; font-size:13px; color:#999999;}
.employ_regist .img_box p span {float:right; font-size:13px; margin-top:0.6rem;}
.employ_regist .img_box ul {overflow:hidden;width:100%; padding:1rem 0rem 0 0rem; border-top:1px solid #d5d5d5;}
.employ_regist .img_box ul li i {margin-right:0;}
.employ_regist .img_box ul li {float:left; position:relative; width:23.5%; height:14rem; border:1px solid #d5d5d5; margin-right:2%; background:#f6f6f6 url("../images/no_imgicon.png"); background-position:center center; background-repeat:no-repeat; background-size:contain;}
.employ_regist .img_box ul li:last-child {margin-right:0}
.employ_regist .img_box ul li span {position:absolute; top:0; right:0; display:inline-block; background:rgba(0,0,0,0.5);}
.employ_regist .img_box ul li span a {display:block; width:2.5rem; height:2.5rem; text-align:center; }
.employ_regist .img_box ul li span i {color:#fff; font-size:1.8rem; line-height:2.5rem;}
.employ_regist .img_box table th {padding:15px 0  15px 2rem;}
.employ_regist .img_box table td {padding:1.5rem 2rem 1.5rem 2rem}
.employ_regist .img_box table input[type="text"] {width:100%;}
.employ_regist .img_box table td span { font-size:11px; }
.employ_regist .img_box textarea {width:100%; border:1px solid #d5d5d5; border-radius:3px; font-family:var(--font-body); padding:4px; font-size:14px; }
.employ_regist .img_box  span.bojotext {margin-top:4px;}
.employ_regist .keyword>div {height:200px; overflow-y:scroll; border-top:2px solid #62708c; border:1px solid #ddd}
.employ_regist .keyword table {width:100%; }
.employ_regist .keyword table td {border:1px solid #dddddd; font-size:14px; color:#666666; padding:1.5rem 0 1.5rem 2rem;}
.employ_regist .w_condition .pay select {width:100px;}
.employ_regist .w_condition .pay input[type="text"] {width:150px;}
.employ_regist .manager .num input[type="text"],
.employ_regist .manager .num select {width:10%;}
.employ_regist .manager td span {display:inline-block; vertical-align:middle; margin-left:10px;}
.employ_regist .manager .chain select {width:200px;}
.employ_regist .manager .chain input[type="text"] {width:200px;}
.employ_regist span.put_wr_grade {vertical-align:baseline; }
.employ_regist span.put_wr_preferential {vertical-align:baseline; display:block; line-height:22px; margin-top:5px;}
.employ_regist span.put_wr_welfare {vertical-align:baseline; display:block; line-height:22px; margin-top:5px;}
.employ_regist span.put_wr_position {vertical-align:baseline;}

.employ_regist .right_info select {border-color:var(--brand); color:var(--brand); margin:0;}
.employ_regist .right_info .logo_img p {width:100%; height:11rem; background-position:center center; font-size:2rem; background-repeat:no-repeat; background-size:contain; text-align:center; font-weight:500; display:flex; align-items:center; justify-content:center; background-image:url("../images/no_img2.png");}
.employ_regist .right_info .info_box dt {width:43%;}
.employ_regist .right_info .info_box dd {width:57%;}


/*개인/기업서비스홈*/
.my_bgwrap {background:#e8edf6; padding:2rem 0;}
.my_common {display:flex; flex-wrap:wrap; overflow:hidden;}
.my_common .left_menu {margin-right:3rem;}
.my_common .my_sub .tab_style1 .tabcon>div:nth-of-type(1) {border-top:2px solid #62708c}
.my_common .my_infobox {position:relative; width:35%; margin-right:1.5%; border:1px solid var(--brand); background:#fff; padding:1.5rem; border-radius:5px;}
.my_common .my_infobox .top {overflow:hidden; padding-bottom:1.2rem; border-bottom:1px solid var(--brand)}
.my_common .my_infobox .top .img {float:left; margin-right:2rem;}
.my_common .my_infobox .top p {position:relative; border:1px solid #dddddd; border-radius:100px; width:9.7rem; height:9.7rem; box-shadow:0 3px 6px rgb(0 0 0 / 15%); background-image:url("../images/no_injae.png"); background-position:center center; background-repeat:no-repeat; background-size:cover;}
.company_main .my_infobox .top p {background:url("../images/no_imgicon.png"); background-color:#e8e9ec ;background-size:cover; background-repeat:no-repeat; background-position:center;}
.my_common .my_infobox .top p button {position:absolute; right:0; bottom:0; width:28px; height:28px; border-radius:30px; border:1px solid #dddddd; background:#fff;}
.my_common .my_infobox .top p button i {color:#c4c4c4; font-size:16px;}
.my_common .my_infobox .top .text {display:flex; flex-wrap:wrap; float:left; overflow:hidden; width:calc(100% - 11.7rem); padding-top:1.5rem; }
.my_common .my_infobox .top h3 {float:left; font-size:2rem; color:#333; width:100%; font-weight:500; margin-bottom:2rem;}
.my_common .my_infobox .top h3 span {font-size:13px; color:#888888; font-weight:400; vertical-align:bottom;}
.my_common .my_infobox .top .in_btn {display:flex; width:100%;}
.my_common .my_infobox .top .text button {float:left; min-width:30%; font-size:13px; color:#555555;  border:1px solid #dddddd; border-radius:5px; padding:1.3rem .2rem;}
.my_common .my_infobox .top dl {display:flex; float:left; width:68%; overflow:hidden; margin-left:2%;}
.my_common .my_infobox .top dl dt {float:left; width:62%; background:#e8edf6; font-size:13px; color:#333;  padding:1.3rem 1rem; border-radius:5px 0 0 5px}
.my_common .my_infobox .top dl dt span a {color:var(--brand); font-weight:500;}
.my_common .my_infobox .top dl dd {float:left; width:38%; text-align:center; background:var(--brand); border-radius:0 5px 5px 0;}
.my_common .my_infobox .top dl dd a {display:block; color:#fff; padding:0 1rem; font-size:13px; padding:1.3rem 0}
.my_common .my_infobox .bottom {overflow:hidden; padding-top:1rem;}
.my_common .my_infobox .bottom dl {float:left; overflow:hidden; width:50%; font-size:13px; line-height:18px; margin:.7rem 0;}
.my_common .my_infobox .bottom dl:nth-child(n+5) {width:100%;}
.my_common .my_infobox .bottom dl dt {float:left; color:var(--brand); width:65px;}
.my_common .my_infobox .bottom dl dd {float:left; color:#555; width:calc(100% - 65px);}
.my_common .my_infobox .bottom dl dd a {color:#555;}
.my_common .my_infobox .bottom dl dd a:hover {text-decoration:underline !important;}
.my_common .my_infobox>span {position:absolute; right:0; top:0; display:block; border-radius:0 0 0 5px; background:#fff; border:1px solid var(--brand); border-right:0; border-top:0;}
.my_common .my_infobox>span a {display:block; color:var(--brand); font-size:13px; text-align:center; padding:.7rem 1rem;}

.my_common .my_situbox {width:63.5%; background:#fff; border:1px solid #dddddd; padding:1.5rem 1.5rem; border-radius:5px;}
.my_common .my_situbox ul {display:flex; flex-wrap:wrap; overflow:hidden; border-bottom:1px solid #eee; padding-bottom:1.5rem; margin-bottom:1rem;}
.my_common .my_situbox ul li {float:left; width:16.6%; padding:0 1rem; border-right:1px solid #eeeeee}
.my_common .my_situbox ul li:last-child {border-right:0;}
.my_common .my_situbox a {display:block;}
.my_common .my_situbox dl dt {max-width:9.6rem; margin:0 auto; font-size:3.6rem; background:#f6f7f9; border-radius:100px; color:var(--brand); text-align:center; line-height:9.1rem;}
.my_common .my_situbox dl dd {color:#666666; font-size:14px; border:1px solid #e7e9e9; margin-top:1.5rem; letter-spacing:-0.7px; text-align:center; padding:5px; border-radius:3px;}
.my_common .my_situbox .service {overflow:hidden;}
.my_common .my_situbox .service p {float:left;font-size:1.6rem; color:#333333; width:100%; margin-top:5px; line-height:4rem; letter-spacing:-0.1px;}
.my_common .my_situbox .service p button {float:right;  width:16rem; font-weight:500; border-radius:5px;}
.my_common .my_situbox .service p span {color:var(--brand)}
.my_common .my_situbox .service p:nth-child(1) {margin-top:0}
.my_common .my_situbox .service p:nth-child(1) button {background:var(--brand); color:#fff; border:1px solid var(--brand);}
.my_common .my_situbox .service p:nth-child(2) button {background:#fff; color:var(--brand); border:1px solid var(--brand)}

.my_common .my_sub h2 {font-size:2.2rem; color:#222; margin-bottom:2rem; font-weight:500;}
.my_common .current h2 {margin-top:3rem;}
.my_common .ijcurrent h2 {margin-top:4rem;}
.my_common .brand_entire h2 {margin-top:4rem;}
/* {display:flex; align-items:center; justify-content:space-between; margin-top:7rem; margin-bottom:2rem;}*/
{display:flex; align-items:center; justify-content:space-between; margin-top:3rem; margin-bottom:2rem;}
.my_sub .customij p.s_title {margin-bottom:0;}
.my_sub .customij p.s_title span {font-size:13px; color:#999999; font-weight:400; vertical-align:bottom;}
.my_common .current2 h2 {margin-top:3rem;}
.my_common .current2.tab_style2 .img_box p {background:url("../images/no_imgicon.png"); background-size:contain; 
background-position:center center; background-repeat:no-repeat;}
.my_common .rescurrent {margin-top:5rem;}
.my_sub .ijcurrent .tabcon>div:first-child {border-top:2px solid #62708c}
.my_sub .rescurrent .tabcon>div:first-child {border-top:2px solid #62708c}
.my_sub .rescurrent.tab_style1 .img_box p {display:flex; align-items:center; width:100%; height:100%; /*background:url("../images/no_injae.png"); background-position:center center; background-repeat:no-repeat; background-size:contain;*/ font-size:1.8rem; vertical-align:middle; font-weight:500;}


/*비밀번호변경*/
.my_sub .subcon_area .password_form table.style1 th {width:190px;}
.my_sub .subcon_area .password_form table.style1 td input[type="text"] {width:30%}
.my_sub .pass_check h1 {display:block;}


/*기업서비스-브랜드서브*/
.my_sub p.s_title {font-size:2.2rem; color:#222222; margin-bottom:2rem; font-weight:500;}
.my_sub .brand_entire .brand_info {border:3px solid #e5e5e5; margin-bottom:2rem;}
.my_sub .brand_entire table.brand_all {border:1px solid #ddd;width:100%;} 
.my_sub .brand_entire table.brand_all th {vertical-align:middle; background:#f8f8f8; font-size:1.5rem; color:#333333; min-width:80px; padding:1rem;}
.my_sub .brand_entire table.brand_all td {vertical-align:middle; font-size:1.5rem; color:#333333; padding:1rem;}
.my_sub .brand_entire table.brand_all td span {color:#999999;}
.my_sub .brand_entire table.brand_all td button {background:var(--brand); color:#fff; padding:1rem 1rem; border-radius:3px}
.my_sub .brand_entire .infobox {display:flex; flex-wrap:wrap; overflow:hidden; border:1px solid #ddd; border-top:0;}
.my_sub .brand_entire .infobox>div {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; float:left;overflow:hidden; width:50%; border-left:1px solid #ddd; padding:2rem;}
.my_sub .brand_entire .infobox>div:first-child {border-left:0}
.my_sub .brand_entire .infobox>div button {float:right; border:1px solid #eaeaea; border-radius:3px; color:#666666; font-size:14px; padding:1rem;}
.my_sub .brand_entire .infobox>div p {display:flex; align-items:center; float:left; color:#333333; font-size:1.8rem;}
.my_sub .brand_entire .infobox>div p i {color:var(--brand); vertical-align:middle; font-size:3rem; margin-right:1rem;}
.my_sub .brand_entire .infobox>div p a:hover {text-decoration:underline !important}
.my_sub .brand_entire .infobox>div p span {display:inline-block; font-weight:700; margin-left:1.5rem;}
.my_sub .brand_entire .infobox>div ul {float:right; border:1px solid var(--brand); border-radius:3px; text-align:center;}
.my_sub .brand_entire .infobox>div ul li:first-child {color:#555; padding:0.7rem; font-size:14px;}
.my_sub .brand_entire .infobox>div ul li:last-child {background:var(--brand);}
.my_sub .brand_entire .infobox>div ul li a {display:block; color:#fff;  font-size:14px;padding:0.7rem;}
.my_sub .brand_entire .infobox>div ul li i {vertical-align:middle;}
.my_sub .file_page table.style3 th:nth-child(1) {width:10%;}
.my_sub .file_page table.style3 th:nth-child(2) {width:60%;}
.my_sub .file_page table.style3 th:nth-child(3) {width:15%;}
.my_sub .file_page table.style3 th:nth-child(4) {width:15%;}

/*개인서비스 서브*/
.my_sub .subcon_area .current2 .tab li {width:30%;}
.my_sub .subcon_area .open .tab li {width:30%}
.my_sub .subcon_area .concern .tab li {width:30%;}
/*.my_sub .jump_list.tab_style1 .img_box p {background:url("../images/no_injae.png");background-position:center center; background-repeat:no-repeat;background-size:contain;}*/
.my_sub .jump_list .tabcon>div:first-child {border-top:2px solid #62708c;}
.my_sub .point_list ul.fr {font-size:1.6rem; margin-bottom:1rem;}
.my_sub .point_list ul.fr li em {display:inline-block; background:#f47820; padding:.2rem .5rem; color:#fff; border-radius:25px; text-align:center; font-size:1.5rem;}
.my_sub .mail_page table a {display:block; color:#555;}
.my_sub .mail_page table .mail_con {background:#f6f6f6; padding:1.5rem;}
.my_sub .mail_page table p {line-height:20px;}
.my_sub .mail_page table button.n_check {font-size:12px; padding:4px 5px; border:1px solid #bbb; margin-right:10px; vertical-align:middle;}
.my_sub .mail_page table ul {margin-top:5px;}
.my_sub .mail_page table ul li::before {content:""; display:inline-block; width:1px; height:10px; background:#aaa; margin:0 15px 0 10px;}
.my_sub .mail_page table ul li a {display:inline-block; color:#888}
.my_sub .mail_page table ul li:first-child::before {display:none;}
.my_sub .applycert .button_area {margin-top:1.5rem;}

/*기업서비스 서브*/
.my_sub .subcon_area .sub_serach {overflow:hidden; border:3px solid #eee; padding:1.5rem 2rem; background:#fbfbfb; margin-bottom:2rem;}
.my_sub .subcon_area .sub_serach>div {width:40%; margin:0 auto; }
.my_sub .subcon_area .sub_serach select {float:left; width:33%; margin:0 2% 0 0;}
.my_sub .subcon_area .sub_serach form {float:left; width:65%;}
.my_sub .subcon_area .sub_serach .search_style {position:relative; border:1px solid #d5d5d5; height:4rem; position:relative; background:#fff; border-radius:3px;}
.my_sub .subcon_area .sub_serach .search_style label {position:absolute; left:0; top:0; width:100%;}
.my_sub .subcon_area .sub_serach .search_style input {border:1px solid; height:3.7rem; width:100%; padding:0 1rem; font-size:1.4rem; margin:0; border:none;}
.my_sub .subcon_area .sub_serach .search_style button {position:absolute; right:0; height:3.7rem; width:15%; background:#fff;}
.my_sub .subcon_area .sub_serach .search_style button i {position:absolute; top:.9rem; right:.9rem; font-size:1.8rem; color:#b9b9b9; }
.my_sub .subcon_area .manager table.style3 th:nth-child(1) {width:5%;}
.my_sub .subcon_area .manager table.style3 th:nth-child(2) {width:20%;}
.my_sub .subcon_area .manager table.style3 th:nth-child(3) {width:20%;}
.my_sub .subcon_area .manager table.style3 th:nth-child(4) {width:20%;}
.my_sub .subcon_area .manager table.style3 th:nth-child(5) {width:20%;}
.my_sub .subcon_area .manager table.style3 th:nth-child(6) {width:15%;}
.my_sub .subcon_area .my_brandinfo .con_box {overflow:hidden; display:flex; flex-wrap:wrap;}
.my_sub .subcon_area .my_brandinfo .con_box>div {overflow:hidden; float:left; width:50%; border:1px solid #d5d5d5;  padding:2rem; }
.my_sub .subcon_area .my_brandinfo .con_box h3 {float:left; width:100%; font-size:2rem; font-weight:500; color:#333333; border-bottom:1px solid #717171; padding-bottom:1.5rem; margin-bottom:1rem;}
.my_sub .subcon_area .my_brandinfo .con_box .brand_infocon {border-right:none;}
.my_sub .subcon_area .my_brandinfo .brand_manager {float:left; width:50%; border:1px solid #d5d5d5;}
.my_sub .subcon_area .my_brandinfo .brand_infocon .img_box {float:left; width:30%; border:1px solid #ddd; padding:5px; background:#f9f9f9;}
.my_sub .subcon_area .my_brandinfo .brand_infocon .img_box p {border:1px solid #ddd; padding-bottom:100%; background-color:#fff;}
.my_sub .subcon_area .my_brandinfo .brand_infocon .text_box {float:left; margin-left:5%; width:65%;}
.my_sub .subcon_area .my_brandinfo .con_box dl {overflow:hidden; width:100%;}
.my_sub .subcon_area .my_brandinfo .con_box dl dt {float:left; line-height:35px; min-width:90px; border-bottom:1px solid #e5e5e5; font-size:1.5rem; color:#777777; }
.my_sub .subcon_area .my_brandinfo .con_box dl dd {float:left;  line-height:35px;  width:calc(100% - 90px); border-bottom:1px solid #e5e5e5; font-size:1.5rem; color:#333333;}
.my_sub .subcon_area .my_brandinfo .brand_intro {margin-top:2rem; border:1px solid #d5d5d5; padding:2rem;}
.my_sub .subcon_area .my_brandinfo .brand_intro h3 {width:100%; font-size:2rem; font-weight:500; color:#333333; border-bottom:1px solid #717171; padding-bottom:1.5rem; margin-bottom:1rem;}
.my_sub .subcon_area .my_brandinfo .brand_intro p {font-size:14px; line-height:18px; margin-top:1rem;}
.my_sub .subcon_area .my_brandinfo .no_brand {font-size:1.8rem; background:#f6f7f9; text-align:center; padding:3rem; line-height:2.5rem;}
.my_sub .subcon_area .my_brandinfo .no_brand button {background:var(--brand); color:#fff; padding:1rem 2rem; border-radius:3px; margin-top:2rem; font-size:1.6rem;}
.my_sub .subcon_area .brand_chain ul.fl li {line-height:3.8rem;}
.my_sub .subcon_area .brand_chain ul.fl li a {font-size:14px; color:#888;}
.my_sub .subcon_area .brand_chain ul.fl li.on a {color:var(--brand)}
.my_sub .subcon_area .brand_chain table.style3 button i {vertical-align:middle;}
.my_sub .subcon_area .brand_entire .sub_serach {overflow:hidden;}
.my_sub .subcon_area .brand_entire .sub_serach select {width:35%;}
.my_sub .subcon_area .brand_entire .sub_serach form {width:63%;}
.my_sub .subcon_area .brand_entire ul.fr select {width:100%;}
.my_sub .subcon_area .brand_entire .sub_serach .search_style button i {left:.7rem;}
.my_sub .subcon_area .brand_regist_info {background:#f7f8fa; border:1px solid #eee; padding:3rem; margin-bottom:4rem;}
.my_sub .subcon_area .brand_regist_info h3 {font-size:2.4rem; color:#111111;}
.my_sub .subcon_area .brand_regist_info>span {display:block; width:100%; background:#fff; color:#555555; padding:1rem; margin:2rem 0; font-size:14px; text-align:center;}
.my_sub .subcon_area .brand_regist_info p {font-size:14px; color:#555555; line-height:20px;}
.my_sub .subcon_area .brand_regist h2 span {font-size:13px; color:#999; letter-spacing:-0.5px; vertical-align:bottom; margin-left:10px; line-height:16px;}
.my_sub .subcon_area .brand_regist .box_wrap>h2:nth-of-type(1) {margin-top:0;}

/*열람한 인재정보*/
.my_sub .subcon_area .sub_serach.reading {display:flex; align-items:center; justify-content:space-between; border-radius:5px;}
.my_sub .subcon_area .sub_serach.reading>div {overflow:hidden; margin:0; width:auto;}
.my_sub .subcon_area .sub_serach.reading>div.sub_serach_box1 {float:left; border:1px solid #e5e5e5; background:#fff; height:4rem; padding:0 1rem; display:flex; align-items:center; border-radius:3px;}
.my_sub .subcon_area .sub_serach.reading>div.sub_serach_box1 dl {font-size:1.5rem;}
.my_sub .subcon_area .sub_serach.reading>div.sub_serach_box1 dl dt {float:left; color:#555;}
.my_sub .subcon_area .sub_serach.reading>div.sub_serach_box1 dl dd {float:left; margin-left:5px; color:#555;}
.my_sub .subcon_area .sub_serach.reading>div.sub_serach_box1 dl dd b {font-weight:bold;}
.my_sub .subcon_area .sub_serach.reading>div.sub_serach_box1 dl:nth-of-type(2) {border-left:1px solid #ddd; padding-left:10px; margin-left:10px;}
.my_sub .subcon_area .sub_serach.reading>div.sub_serach_box2 {float:right; width:40%;}

/*서브 결제내역*/
.pay_list table.style3 td {padding:0;}
.pay_list table.style3 td .wrap {display:flex; flex-wrap:wrap; align-items:center;}
.pay_list table .pr_name {float:left; width:55%; padding:1.5rem 1rem 1.5rem 2rem }
.pay_list table .pr_name h3 {font-size:1.6rem; color:#333333; margin-bottom:1.5rem; font-weight:500;}
.pay_list table .pr_name ul li {font-size:1.5rem; color:#333333; line-height:3rem;}
.pay_list table .pr_name ul li span {color:#888888;}
.pay_list table .pay_way {float:left; padding:1.5rem 1rem; width:15%; font-size:1.5rem; color:#333333;}
.pay_list table .point_us {float:left; padding:1.5rem 1rem; width:15%;  font-size:1.5rem; color:#333333;}
.pay_list table .point_us span {font-size:2rem; color:#1b9a9c; font-family:var(--font-body); font-weight:700; vertical-align:bottom;}
.pay_list table .payment {float:left; padding:1.5rem 1rem; width:15%;  font-size:1.5rem; color:#333;}
.pay_list table .payment span {font-size:2rem; color:#e83606; font-family:var(--font-body); font-weight:700; vertical-align:bottom;}
.pay_list table .assi_line {float:left; padding:1.5rem 1rem; width:100%; background:#f6f7f9; padding:.8rem 2rem;}
.pay_list table .assi_line ul li {font-size:13px; margin:5px 0;}
.pay_list table .assi_line ul.fl {color:#888888;}
.pay_list table .pay_way em, 
.pay_list table .point_us em,
.pay_list table .payment em {display:none;}


/*서비스 상품 공통*/
.service h4 {font-size:2.2rem; color:#222222; font-weight:700; padding-bottom:2rem; border-bottom:1px solid #222; padding-top:6rem;}
.service h4:nth-of-type(1) {padding-top:0;}
.service h4.orange {border-bottom:0;}
.service .current_status { text-align:center; background:#f7f8fa; padding:1rem; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5;}
.service .current_status p {font-size:1.6rem;  line-height:2.4rem; color:#222222; }
.service .current_status p em {text-decoration:underline !important; }
.service .tablewrap {overflow:hidden; display:flex; flex-wrap:wrap;}
.service .tablewrap input[type="radio"] + label.radiostyle2 {margin:0;}
.service table.fl {float:left;}
.service table.fr{float:right;}
.service table.fr th:first-child {border-left:0;}
.service table.fr td:first-child {border-left:0;}
.service table th {height:5rem;}
.service table td h5 {font-size:2rem; color:#222222; margin-bottom:1.5rem; font-weight:500;}
.service table td h5 button {color:#f47820; margin-left:5px; display:none;}
.service table td.tac img {max-width:100%;}
.service table td ul.product_info ul li {font-size:14px; color:#666666; line-height:22px; margin:10px 0; 
background-image:url("../images/dot.png"); background-position:0px 10px; background-repeat:no-repeat; background-size:2px 2px; padding-left:10px;}
.service table td ul.product_info li span.bojo {font-size:13px; color:#888;}
.service table td.price {padding:1rem 1.5rem;}
.service table td.price p.sale {color:#848484; font-size:13px; text-decoration:line-through}
.service table td.price p.sale span {display:inline-block; background:#fc3812; border-radius:3px; color:#fff; margin-right:5px; padding:0 3px; text-decoration:auto; font-size:12px; height:16px; line-height:16px;}
.service table td.price p {font-size:1.6rem; color:#555555; margin:3px 0;}
.service table td.price p em {color:#fa5f0a; font-weight:500;}
.service .payment {background-image:url("../images/diagonal_bg.png"); background-position:center center; padding:4rem; }
.service .payment_box {background:#fff; padding:2.5rem;}
.service .payment_box h5:nth-of-type(1) {margin-top:1rem;}
.service .payment_box h5 {font-size:2.2rem; color:#111111; font-weight:500; padding-bottom:2rem; border-bottom:1px solid #222; margin-top:4rem;}
.service .payment_box select {width:100%}
.service .payment .all_pay {overflow:hidden; background:#f2f3f9; padding:1rem 2rem; line-height:3rem; margin-top:2rem;}
.service .payment .all_pay p {font-size:1.6rem; color:#111111; font-weight:500;}
.service .payment .all_pay p:first-child {float:left}
.service .payment .all_pay p:last-child {float:right;}
.service .payment span.red {font-size:1.8rem; font-weight:700;}
.service .payment button.base2 {margin:0 10px}
.service .payment .apply_product {width:100%; background-image:url("../images/diagonal_bg.png"); background-position:center center; padding:1.5rem;  font-size:1.8rem; font-weight:500; text-align:center;}
.service .payment .apply_product select {width:100%; height:5rem;}
.service ul.li_float {overflow:hidden; line-height:2.5rem;}
.service ul.li_float li {float:left; margin:5px 2rem 5px 0; font-size:1.5rem;}
/*.service ul.li_float.list li {width:25%;}*/
.service table .ij_preview>div:nth-child(2) {margin-top:1.5rem; padding-top:1.5rem; border-top:1px solid #ddd;}
.service table .ij_preview p.title {font-size:1.7rem; color:#444; line-height:3rem; font-weight:500;}
.service table .ij_preview p.locaiotn {font-size:13px; color:#555; margin-top:0.3rem;}
.service table .ij_preview p.locaiotn i {color:#999; line-height:19px;}
.service table .ij_preview p.jb {font-size:13px; color:#999; margin-top:1rem;}
.service .indi_product table.fl {width:53%;}
.service .indi_product table.fr {width:47%;}
.service .accent table.fl {width:35%;}
.service .accent table.fr {width:65%;}
.service .accent table tr th:nth-child(1) {width:35%} 
.service .accent table tr th:nth-child(2) {width:40%} 
.service .accent table tr th:nth-child(3) {width:25%} 
.service .accent table ul.li_float {margin-top:1rem; padding-top:1rem; border-top:1px dashed #d5d5d5;}
.service .resume_open table tr th:nth-child(1) {width:auto;}
.service .resume_open table tr th:nth-child(2) {width:15%;}
.service .resume_open table tr th:nth-child(3) {width:20%;}
.service .resume_open table input[type="checkbox"] {margin:0;}
.service .package table tr th:nth-child(1) {width:20%;}
.service .package table tr th:nth-child(2) {width:auto;}
.service .package table tr th:nth-child(3) {width:12%;}
.service .package table tr th:nth-child(4) {width:5%;}
.service .service_quick {overflow:hidden; display:flex; flex-wrap:wrap; margin-bottom:6rem; position:sticky; position: -webkit-sticky; top:59px; z-index:3}
.service .service_quick li {float:left; width:16.66%; border:1px solid #d5d5d5; background:#f9fafb; text-align:center; border-left:0;}
.service .service_quick li:first-child {border-left:1px solid; border-color:#d5d5d5;}
.service .service_quick li.on {border:1px solid #222; background:#fff;}
.service .service_quick li.on a {color:#333}
.service .service_quick li a {display:block; font-size:1.8rem; padding:2rem .5rem; color:#666;}
/*.service .service_quick.company li {width:14.28%;}*/
.service span.area_f {display:inline-block; background:#333; color:#fff; padding:2px 5px; font-size:13px; margin-bottom:15px;}


/*채용공고, 이력서 프린트 팝업*/
.print_pop {max-width:640px; margin:0 auto; padding:20px 0;}
.print_pop .top {display:flex; justify-content:space-between; align-items:center; overflow:hidden; border-bottom:2px solid #222; padding:10px 0}
.print_pop .top .date {float:left; font-size:13px; color:#666; width:70%;}
.print_pop .top .date li {float:left; }
.print_pop .top .date li::before {content:""; display:inline-block; width:1px; height:8px; background:#ddd; margin:0 10px;}
.print_pop .top .date li:first-child::before {display:none;}
.print_pop .top .logo {float:right; text-align:right; width:30%;}
.print_pop .top .logo img {width:80%; display:inline-block;}
.print_pop .title {font-size:20px; font-weight:bold; margin:15px 0; line-height:24px;}
.print_pop .table_wrap {border:1px solid #ddd; padding:5px; background:#f9f9f9}
.print_pop table.style2 td.logo img {width:100%;}
.print_pop table.style2 {background:#fff;}
.print_pop table.style2 th {padding:1rem; font-size:14px;}
.print_pop table.style2 td {padding:1rem; font-size:14px}
.print_pop h2 {margin:30px 0 10px 0; font-size:16px;}

/*브랜드 상품*/
.brand_product table.fl {width:50%;}
.brand_product table.fr {width:50%;}

/*브랜드 채용공고 건수 추가*/
.brand_product.service table.style2 td button {border:1px solid #d5d5d5; border-radius:3px; width:4rem; height:4rem; margin:3px; background:linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%)}
.brand_product.service table.style2 td button i {vertical-align:baseline; font-weight:bold; color:#555;}
.brand_product.service table.style2 td input[type="text"] {width:50px; text-align:center;}

/*서비스안내 메인*/
section.service_main {overflow:initial;}
.service_main .choice {display:none;}
.service_main .top_tab {overflow:hidden; margin-top:1.8rem;}
.service_main .top_tab::after {content:""; clear:both; display:block; width:100%; height:2px; background:#000;}
.service_main .top_tab li {float:left; width:20%; text-align:center; background:#f9fafb; border:1px solid #d5d5d5; position:relative; top:2px; letter-spacing:-0.5px;}
.service_main .top_tab li a {display:block; padding:1.5rem 3.5rem; color:#777; font-size:1.8rem; }
.service_main .top_tab li.on {background:#fff; border:2px solid #000; border-bottom:2px solid #fff; }
.service_main .top_tab li.on a {color:#111;font-weight:500;}
.service_main h4 {overflow:hidden;}
.service_main h4 button {float:right; border:1px solid #f47820 ; border-radius:20px; padding:.6rem 1rem; font-size:1.5rem; color:#fff; background:#f47820 ; font-weight:400;}
.service_main .service_info {background:#f9fafb; border:1px solid #eeeeee; padding:3rem; margin:2rem 0 3rem 0;}
.service_main .service_info h3 {font-size:2.4rem; color:#111111; margin-bottom:2rem;}
.service_main .service_info p {font-size:14px; color:#444; line-height:20px; margin:.5rem 0;}
.service_main .service_info p span.wine {color:#d84f6c;}
.service_main .service_info .service_way {background:#fff; padding:1.5rem; border:1px solid #eeeeee; margin:1.5rem 0;}
.service_main .service_info .service_way dl dt {font-weight:700; font-size:14px; line-height:18px;}
.service_main .service_info .service_way dl:first-child dt {color:#444d81;}
.service_main .service_info .service_way dl:last-child dt {color:var(--brand); margin-top:20px;}
.service_main .service_info .service_way dl dd {font-size:14px; line-height:18px; margin:10px 0 0 0;}
.service_main .button_area {margin-bottom:3rem;}
.service_main .button_area>button {margin:0 auto; display:table;}
.service_main>h4:nth-of-type(1) {margin-top:3rem;}


/*서비스 구매페이지*/
.service_sub {overflow:initial;}
.service_sub h4 button {display:none;}
.service_sub h4:nth-of-type(1) {margin-top:6rem;}
.service_sub ul.img_icon img {vertical-align:middle; margin-left:5px;}
.service_sub ul.img_icon p {display:inline-block;}
.service_sub .tablewrap input[type="radio"] {margin:0; width:2.4rem; height:2.4rem;}


/*결제완료페이지*/
.payment_complete .payment_box {padding:2.5rem 0;}


/*지도검색*/
/* ── 지원 전 안내 (공고 상세 · 이력서 상세) ──────────────────────────
   2026-08-05 신설. 구직자가 지원을 누르기 직전, 업소가 면접 제의를 하기 직전에 뜬다.

   🎀 윗줄(.an_lead)만 Gowun Dodum 이다. 아랫줄은 **읽어야 하는 정보**라 본문 글꼴을 쓴다.
      감성 글꼴을 두 줄 다 쓰면 정작 중요한 안내가 장식처럼 보인다.
   ⚠️ 색을 튀게 하지 마라. 경고문처럼 붉게 만들면 공고가 의심스러워 보여
      정직한 업소가 손해를 본다. 차분한 회색 톤을 유지한다. */
.apply_notice {border:1px solid #e5e5e5; background:#fafafa; border-radius:7px; padding:1.6rem 1.8rem; margin-bottom:1.5rem;}
.apply_notice .an_lead {font-family:var(--font-accent); font-size:1.6rem; color:#444; margin-bottom:0.6rem; line-height:1.5;}
.apply_notice .an_sub {font-family:var(--font-body); font-size:1.3rem; color:#888; line-height:1.7; word-break:keep-all;}
@media all and (max-width:1023px){
	.apply_notice {padding:1.4rem 1.5rem;}
}

/* 🎀 감성 문구 — "주변에 검색된 구인정보가 없습니다." (Gowun Dodum 세 자리 중 셋째) */
section.map .no_s_employ {font-size:15px; border:1px solid #ddd; background:#f9f9f9; text-align:center; padding:2rem 1rem; border-radius:7px; font-family:var(--font-accent);}
section.map .map_wrap {display:flex; flex-wrap:wrap;}
section.map .map_area0 {float:left; width:30%; margin-right:2%; padding-bottom:20px; padding-right:1.5rem;}
section.map .map_area0 .map-list- {font-size:13px; background:#fff;}
section.map .map_list {overflow:auto; }
section.map .map_list::-webkit-scrollbar {width:2px;}
section.map .map_list::-webkit-scrollbar-thumb {background-color:#ccc;}
section.map .map_list::-webkit-scrollbar-track {background-color:#eee}
section.map .map_list li {width:100%;margin-top:20px;}
section.map .map_list li:first-child {margin-top:0;}
section.map .map_list li a {display:block;  padding:1.5rem; border:1px solid #ddd; border-radius:7px; box-shadow:3px 5px 10px rgb(96 96 96 / 10%); }
section.map .map_list li a:hover {border-color:var(--brand); transition:all .15s ease-in-out}
section.map .map_list li a:hover .order1 .area i {color:var(--brand); transition:all .15s ease-in-out}
section.map .map_list li .order1 {display:flex; align-items:center; overflow:hidden; margin-bottom:15px;}
section.map .map_list li .order1 .logo {float:left; width:37%; font-size:1.8rem; font-weight:500; margin-right:3%; padding-bottom:18.2%; background-position:center center; background-repeat:no-repeat; background-size:contain; border-radius:5px; border:1px solid #ddd; }
section.map .map_list li .order1 .txt {float:left; width:37%; font-size:1.8rem; font-weight:500; margin-right:3%; border-radius:5px; border:1px solid #ddd; padding:5% 2% 5% 2%; text-align:center;}
section.map .map_list li .order1 .right_box {float:left; width:60%; font-size:1.5rem; color:#444;}
section.map .map_list li .order1 .km  {display:inline-block; font-size:12px; color:#888; background:#f8f8f8; border:1px solid #ddd; border-radius:30px; padding:3px 8px;}
section.map .map_list li .order1 .km span {margin-right:5px; }
section.map .map_list li .order1 .area {margin-bottom:10px; line-height:1.9rem;}
section.map .map_list li .order1 .area i {color:#bbb; line-height:1.9rem;}
section.map .map_list li .order2 .corporation {font-size:1.5rem; font-weight:500; color:#222; margin-bottom:7px; font-weight:700;}
section.map .map_list li .order2 .tit {font-size:1.7rem; color:#222; line-height:2rem;}
section.map .map_list li .order2 .pay {font-size:14px; color:#555; margin-top:10px;}
section.map .map_list li .order2 .pay span {margin-right:5px; font-size:13px;}

section.map .map_area {float:right; position:relative; background:#ddd; width:68%; height:100%; min-height:900px;;}
section.map .map_area .map_search {position:absolute; left:20px; top:20px;  border:1px solid #d5d5d5; height:3.7rem; border-radius:50px; background:#fff; overflow:hidden;}
section.map .map_area .map_search label {width:85%;}
section.map .map_area .map_search label input[type="text"] {height:3.4rem; border-radius:50px 0 0 50px; position:relative; border:0; margin:0;}
section.map .map_area .map_search label button {position:absolute; right:5px; top:0px; width:15%; height:3.4rem; width:15%; font-size:2rem; color:var(--brand);}
section.map .map_area .map_box- {position:relative; width:auto; min-width:100px; max-width:150px; height:45px; padding:0px 25px 0 5px; line-height:40px; margin-top:-55px; font-size:15px;background:#fff; border-radius:20px; border:1px solid #3366cc; }
section.map .map_area .map_box- a {}
section.map .map_area .map_box- button {position:absolute; top:-4px; right:-5px; border:1px solid #0475f4; border-radius:50px; background:#fff; width:24px; height:24px;}
section.map .map_area .map_box- button span {position:absolute; left:6px; top:5px; font-size:13px; color:#0475f4; font-weight:bold; }
section.map .map_area .map_box- .line1 span {position:relative; display:inline-block; width:35px; height:35px; background:#0475f4; border-radius:50px; vertical-align:middle; margin-right:5px; }
section.map .map_area .map_box- .line1 i {position:absolute; top:0px; left:5px; font-size:23px; vertical-align:middle; color:#fff; text-align:center; line-height:35px; }

/*회사소개페이지*/
.register .box_wrap.order_sub {font-size:1.6rem;}

.company_info_bg {display:flex; align-items:end; height:20rem; background-image:url("../images/company_info_bg.png"); background-position:center center; background-repeat:no-repeat; background-size:cover; padding-top:9.5rem;}
.company_info .info_top {overflow:hidden; display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; background:#fff; border-radius:2rem 2rem 0 0; padding:2rem 4rem;}
.company_info .info_top .company_name {overflow:hidden; float:left; display:flex; flex-wrap:wrap; align-items:center;}
.company_info .info_top .company_name li {float:left;}
.company_info .info_top .company_name li img {max-width:22rem;}
.company_info .info_top .company_name li:nth-child(1) {}
.company_info .info_top .company_name li:nth-child(2) {font-size:3rem; color:#222222; font-weight:500;}
.company_info .info_top .company_name li:nth-child(2)::before {content:""; display:inline-block; width:1px; height:2rem; background:#c5c5c5; margin:0 3rem; }
.company_info .info_top .share {overflow:hidden; float:right; display:flex; flex-wrap:wrap; align-items:center;}
.company_info .info_top .share li { float:left; font-size:14px; margin-left:1rem;}
.company_info .info_top .share li button {border:1px solid #d5d5d5; border-radius:30px; color:#666666; line-height:4rem; padding:0 1rem}
.company_info .info_top .share li button i {vertical-align:middle; color:#888; margin-right:1rem;}
.company_info .info_top .share li button i.axi-heart2 {color:#f42b43;}

.company_info .info_wrap {background:#eaf1f5; padding:3rem 4rem; ;}
.company_info .fix_info {overflow:hidden;}
.company_info .fix_info li {float:left; background:#fff; border-radius:2rem; padding:3rem 1rem; width:23.5%; margin-right:2%;}
.company_info .fix_info li:last-child {margin-right:0;}
.company_info .fix_info li p {text-align:center; color:#333;}
.company_info .fix_info li:nth-child(1) p:nth-child(2) {color:#268bd9;}
.company_info .fix_info li:nth-child(2) p:nth-child(2) {color:#333333;}
.company_info .fix_info li:nth-child(3) p:nth-child(2) {color:#1a9ca1;}
.company_info .fix_info li:nth-child(4) p:nth-child(2) span {color:#e8350b;}
.company_info .fix_info li p:nth-child(1) {font-size:1.8rem; color:#666666;}
.company_info .fix_info li p:nth-child(2) {font-size:2.4rem; font-weight:700; margin-top:1.5rem;}
.company_info .box {overflow:hidden; margin-top:3rem; display:flex; flex-wrap:wrap;}
.company_info .box>div {background:#fff;}
.company_info .box h2 {float:left; width:100%; color:#222222; font-size:2rem; font-weight:700; line-height:5.5rem; background:#c1cdd9; padding:0 4rem;}
.company_info .box .detail {float:left; overflow:hidden; width:50%; padding:2rem 4rem; min-height:32.8rem;}
.company_info .box .detail dl dt {float:left; color:#999999; font-size:1.6rem; min-width:12.5rem; margin:1rem 0;  min-height:16px;}
.company_info .box .detail dl dd {float:left; font-size:1.6rem; color:#555555; width:calc(100% - 12.5rem); margin:1rem 0; min-height:16px;}
.company_info .box .map {width:50%; background:#ddd}
.company_info .box .detail2 {float:left; width:100%; min-height:10rem; padding:2rem 4rem;}
.company_info .box .detail2 p {font-size:14px; line-height:18px;}


/*설문조사*/
.poll .no_poll {border:1px solid #dddddd; background:#fafafa; padding:4rem 2rem;}
.poll .no_poll p {text-align:center;}
.poll .no_poll p:nth-child(1) i {color:#cecece; font-size:8rem;}
.poll .no_poll p:nth-child(2) {font-size:1.8rem; color:#999999; margin-top:2rem;}

.poll .qa {padding:2rem; border:1px solid #dddddd; margin-bottom:2rem;}
.poll .qa .question {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; overflow:hidden; border:1px solid #eeeeee; background:#fafafa; padding:1.5rem; margin-bottom:1rem;}
.poll .qa .question dl {float:left; width:80%; overflow:hidden;}
.poll .qa .question dl dt {float:left; font-size:1.8rem; color:#fff; font-weight:500; background:var(--brand); border-radius:20px; width:3rem; height:3rem; text-align:center; margin-right:10px; line-height:2.4rem;}
.poll .qa .question dl dd {float:left; width:calc(100% - 3rem - 10px); font-size:1.8rem; color:#222222; font-weight:500;  line-height:3rem; }
.poll .qa .question span {float:right; width:20%; font-size:14px; color:#777777;text-align:right;}
.poll .qa .answer {overflow:hidden; display:flex; flex-wrap:wrap; align-items:center;}
.poll .qa .answer ul:nth-child(1) {float:left; width:80%;}
.poll .qa .answer ul:nth-child(1) li {font-size:1.5rem; color:#555555; margin:1.5rem 0;}
.poll .qa .answer ul:nth-child(2) {float:left; width:20%;}
.poll .qa .answer ul:nth-child(2) li {text-align:right; margin:1rem 0; font-size:1.6rem;}
.poll .qa .answer ul:nth-child(2) li button {border-radius:5px;  font-size:2rem; padding:2rem; width:100%; }
.poll .qa .answer ul:nth-child(2) li.vote button {background:var(--brand); border:1px solid var(--brand); color:#fff;}
.poll .qa .answer ul:nth-child(2) li.result button {background:#fff;color:#333; border:1px solid #b5b5b5;}
.poll .qa .answer ul li {line-height:2rem;}
.poll .qa .answer ul li p {display:inline-block; background:#ededed; height:4px; width:20%; margin:0 2rem; vertical-align:middle;}
.poll .qa .answer ul li p span {display:block; width:85%; height:4px; background:var(--brand);}
.poll .qa .answer ul li  em {font-weight:700; color:var(--brand);}


/*브랜드 채용 홈*/
.brand_home .top_btn_area {}
.brand_home .top_btn_area::after {content:""; display:block; clear:both;}
.brand_home .top_btn_area ul:nth-child(1) {float:left;}
.brand_home .top_btn_area ul:nth-child(1) li button {color:var(--brand); border:1px solid var(--brand); border-radius:3px; line-height:4rem; font-size:1.5rem; padding:0 1.5rem;}
.brand_home .top_btn_area ul:nth-child(1) li button i {line-height:4rem; margin-left:.5rem;}
.brand_home .top_btn_area dl {float:right; position:relative;}
.brand_home .top_btn_area dl dt {float:left; padding:0 1rem; background:var(--brand); color:#fff; font-size:1.5rem; line-height:4rem; border-radius:3px 0 0 3px;}
.brand_home .top_btn_area dl dd {float:left; padding:0 1rem; background:#fff; border-radius:0 3px 3px 0; border:1px solid #d5d5d5; line-height:4rem; height:4rem;}
.brand_home .top_btn_area dl dd input::placeholder {color:#aaa}
.brand_home .top_btn_area dl dd.list {position:absolute; top:4rem; width:100%; float:inherit; height:auto; padding:.5rem 1rem; }
.brand_home .top_btn_area dl dd.list ul {width:100%;}
.brand_home .top_btn_area dl dd.list ul li {line-height:18px; }
.brand_home .top_btn_area dl dd.list ul li a {display:block; font-size:13px; color:var(--brand); padding:5px 0;}
.brand_home .top_btn_area dl dd.list ul li a:hover {text-decoration:underline !important;}
.brand_home .top_btn_area dl dd i {line-height:4rem; font-size:1.5rem;}
.brand_home .top_btn_area dl dd input {border:0; width:90%; height:3.6rem; padding:0; margin:0;}
.brand_home .brand_kind {overflow:hidden; display:flex; flex-wrap:wrap; padding:2.2rem 3rem; background:#f5f5f5; border:1px solid #ededed; margin-top:2rem;}
.brand_home .brand_kind h3 {float:left; width:100%; font-weight:500; font-size:2rem; color:#222222; margin-bottom:1rem;}
.brand_home .brand_kind dl {float:left; width:15.83%; margin-right:1%; margin-top:1%; border:1px solid #ededed; background:#fff;}
.brand_home .brand_kind dl:nth-of-type(6n) {margin-right:0;}
.brand_home .brand_kind dl a {display:block; height:100%;}
.brand_home .brand_kind dl dt {background-position:center center; background-repeat:no-repeat; padding:5px 5px 60% 5px; background-size:contain;}
.brand_home .brand_kind dl dd {font-size:1.5rem; color:#222222; padding:1rem .5rem; border-top:1px solid #ededed; text-align:center;}
.brand_home .brand_all_list {display:flex; flex-wrap:wrap; margin-left:1px;}
.brand_home .brand_all_list::after {content:""; display:block; clear:both;}
.brand_home .brand_all_list h2 {float:left; font-size:2.6rem; font-weight:500; text-align:center; color:#222222; width:100%; padding:2rem 1rem; border-top:1px solid #5b5b5b; border-bottom:1px solid #5b5b5b; margin:3rem 0 2rem 0;}
.brand_home .brand_all_list dl {float:left; width:25%; margin-left:-1px; margin-top:-1px; border:1px solid #d5d5d5;}
.brand_home .brand_all_list dl dt {background:#f5f6f9; font-size:1.8rem; color:#222222; font-weight:500; padding:1.5rem 3rem; border-bottom:1px solid #d5d5d5; }
.brand_home .brand_all_list dl dd {padding:1.3rem 3rem;}
.brand_home .brand_all_list dl dd ul {}
.brand_home .brand_all_list dl dd ul li {}
.brand_home .brand_all_list dl dd ul li a {display:block; font-size:14px; color:#555555; padding:.5em 0;}
.brand_home .brand_all_list dl dd ul li a:hover {text-decoration:underline !important;}

/*브랜드 서브*/
.brand_sub .top_btn_area {overflow:hidden;}
.brand_sub .top_btn_area ul.fl {float:left;}
.brand_sub .top_btn_area ul.fl li button {margin:3px 0; color:var(--brand); border:1px solid var(--brand); border-radius:3px; font-size:1.5rem; padding:0 1.5rem;}
.brand_sub .top_btn_area ul.fl li button i {line-height:4rem; margin-left:.5rem;}
.brand_sub .top_btn_area ul.fr {float:right;}
.brand_sub .top_btn_area ul.fr li select {width:180px;}
.brand_sub .top_btn_area ul.fr li button {border-radius:3px; background:var(--brand); color:#fff; font-size:1.5rem; line-height:4rem; padding:0 1rem; margin:3px;}
.brand_sub .brand_title {overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-top:1rem; background-color:var(--brand); padding:2rem; background-image:url("../images/brand_pattern.png"); background-position:right center; background-repeat:no-repeat; }
.brand_sub .brand_title p.name {float:left}
.brand_sub .brand_title p.name a {display:block; color:#fff; font-weight:700; font-size:3.4rem; }
.brand_sub .brand_title p.logo {float:right; width:170px; height:65px; background-color:#fff; background-repeat:no-repeat; background-size:contain; padding:5px; background-position:center center;}
.brand_sub .brand_intro {margin-top:2rem; border:1px solid #d3d3d3; padding:2rem; margin-bottom:2rem;}


/*게시물 패스워드입력*/
.lock_pw {position:absolute; left:50%; top:35%; transform:translate(-50%,-35%); display:flex; flex-wrap:wrap; justify-content:center; align-items:center; background:#f9f9f9; border:1px solid #bbb; padding:3rem 1.5rem; z-index:1000;}
.lock_pw div {display:flex; justify-content:center;  width:100%; }
.lock_pw p {font-size:15px; margin-bottom:10px; width:100%; text-align:center;}
.lock_pw input {width:40%;}
.lock_pw div button {border:1px solid var(--brand); border-radius:3px; height:4rem; font-size:1.5rem; padding:0 10px; margin:3px; background:#fff; color:var(--brand);}
.lock_pw button  {border:1px solid #ccc; border-radius:3px; height:3rem; font-size:1.5rem; padding:0 10px; margin-top:15px;; background:#f1f1f1; color:#666;}


/*커뮤니티*/
.commu table.style3 th {border-top-color:var(--brand);}
.commu .board {margin-top:2rem;}
.commu .board .boardlist {width:49%; margin-right:2%;}
.commu .board .boardlist:nth-child(2n) {margin-right:0;}
.commu .board .boardlist:nth-child(3n) {margin-right:auto;}
.commu .best {border:1px solid #d6d6d6; overflow:hidden; border-top:2px solid var(--brand)}
.commu .best h2 {width:100%; float:left; background:#fafafa; padding: 1.5rem 2rem; font-size:2.3rem; border-bottom:1px solid #d8d8d8;}
.commu .best h3 {font-size:2rem; font-weight:500; margin-bottom:1.5rem; padding-bottom:1.5rem; border-bottom:1px dashed #d5d5d5;}
.commu .best a:hover {text-decoration:underline !important; color:#f25632 ;}
.commu .best a:hover p { color:#f25632 ;}
.commu .best .best1 {width:50%; float:left; padding:2rem; }
.commu .best .best1 p {font-size:14px; color:#666; line-height:20px;}
.commu .best .best_list {width:50%; float:left; padding:2rem; border-left:1px solid #d8d8d8;}
.commu .best .best_list ul li {font-size:1.5rem; color:#555; margin:10px 0;}
.commu .best .best_list ul li span {background-color:var(--brand); color:#fff; font-size:1.5rem; width:20px; height:20px; line-height:20px; text-align:center; margin-right:7px; display:inline-block; border-radius:50px;}

.commu .tab_menu {display:flex; flex-wrap:wrap; overflow:hidden; }
.commu .tab_menu li {float:left; border:1px solid #ddd; border-bottom:0; border-left:none; background:#f9f9f9; border-bottom:1px solid #ddd;}
.commu .tab_menu li:first-child {border-left:1px solid #ddd;}
.commu .tab_menu li a {display:block; font-size:1.5rem; padding:1.2rem 2.5rem; color:#666}
.commu .tab_menu li.on {font-weight:500; border:1px solid var(--brand);}
.commu .tab_menu li.on a {color:#fff; background:var(--brand);}
.commu .pc_no {display:none !important;}
.commu i {vertical-align:middle; margin-right:5px;}
.commu .text_list td.tal a {max-height:2rem; overflow:hidden; display:inline-block; }
.commu .webzine_list a {display:block; overflow:hidden;}
.commu .webzine_list p.img {float:left; width:11.2rem; height:7.7rem; margin-right:15px; background-position:center center; background-size:cover; background-repeat:no-repeat;}
.commu .webzine_list p.img img {width:11.2rem; height:7.7rem; margin-right:15px}
.commut .webzine_list .text_area {float:left; width:calc(100% - 127px)}
.commu .webzine_list .text_area .li_tit {height:3.8rem; line-height:1.9rem; color:#333; font-weight:500; overflow:hidden;}
.commu .webzine_list .text_area .li_txt {color:#888; font-size:1.3rem; font-weight:400; height:1.6rem; line-height:1.8rem; overflow:hidden; margin-top:1.5rem;}
.commu .img_list {margin-top:1rem;}
.commu .img_list .img_list_no {background:#f4f4f4; border:1px solid #ddd; width:100%; font-size:15px; text-align:center; padding:4rem 2rem;}
.commu .img_list ul {overflow:hidden;}
.commu .img_list ul li {float:left; width:24%; margin-right:1.3%; margin-bottom:1.3%; padding:1rem; box-shadow:0 1px 2px rgb(0 0 0 / 20%); border:1px solid #e5e5e5; border-radius:5px;}
.commu .img_list ul li:nth-child(4n) {margin-right:0;} 
.commu .img_list ul li a {display:block;}
.commu .img_list p.img {width:100% !important; padding-bottom:60%;  background-image:url("../images/no_img2.png"); background-position:center center; background-size:cover; background-repeat:no-repeat;}
.commu .img_list dl {}
.commu .img_list dl dt {font-size:1.5rem; overflow:hidden; line-height:2rem; height:4rem; color:#333; margin-top:1rem;}
.commu .img_list dl dd {color:#888; font-size:1.4rem; overflow:hidden; line-height:1.7rem; height:1.9rem; margin-top:1rem;}
.commu.board_list .side_con {overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-bottom:1rem; padding-bottom:.5rem;}
.commu.board_list .side_con h6 {margin:0; padding-bottom:2px; font-size:2.2rem; font-weight:500;}
.commu.board_list .side_con .fr select {width:10rem;}
.commu.board_list .side_con .fr input[type="text"] {width:55%;}
.commu.board_list .side_con .fr button {width:5.5rem; margin:3px; border-radius:3px; background:var(--brand); color:#fff; line-height:4rem; font-size:1.5rem;}
.commu.board_list table a {color:#555;}
.commu.board_list table a:hover {color:var(--brand)}
.commu.board_list .wr_btn_con {overflow:hidden; width:100%; margin:1.5rem 0;}
.commu.board_list .wr_btn_con button {float:right; background:#e74c3c; color:#fff; padding:8px 15px; font-size:1.5rem; border-radius:3px;}
.commu.board_list .wr_btn_con button i {vertical-align:middle; margin-right:.5rem;}
.commu.view h2 {font-size:3.3rem; line-height:3.8rem; margin-top:2rem; overflow:hidden; margin-bottom:2.5rem;}
.commu.view .cmt_view_hd {display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; overflow:hidden; font-size:1.5rem; color:#444; margin-bottom:2rem; padding-bottom:2rem; border-bottom:1px solid #cdcdcd; }
.commu.view .cmt_view_info {float:left; display:flex; align-items:center; overflow:hidden; color:#3694ed; float:left; margin-top:5px;}
.commu.view .cmt_view_info li {float:left; font-size:1.5rem;}
.commu.view .cmt_view_info li.id {margin-right:1rem; border-right:1px solid #e5e5e5; padding-right:1rem;}
.commu.view .cmt_view_fnc {float:right; display:flex; align-items:center; flex-wrap:wrap; overflow:hidden; float:left; margin-top:5px;}
.commu.view .cmt_view_fnc li {float:left;font-size:1.5rem; border-right:1px solid #e5e5e5; padding-right:10px; padding-left:10px;}
.commu.view .cmt_view_fnc li:first-child {padding-left:0;}
.commu.view .cmt_view_fnc li:last-child {border-right:0}
.commu.view .cmt_view_hd .cmt_view_fnc .sns_gp {overflow:hidden;margin-top:0; }
.commu.view .cmt_view_hd .cmt_view_fnc .sns_gp span{float:left; margin-left:5px;}
.commu.view .cmt_view_con {font-size:1.5rem; line-height:2.4rem; color:#222; margin-bottom:1rem; padding-bottom:2rem; border-bottom:1px solid #cdcdcd;}
/* 2026-08-05 — 글에 넣은 이미지가 화면을 넘지 않게. 원본은 이 규칙이 `max-width:1260px`
   미디어쿼리 **안에만** 있어서 넓은 화면에서는 제한이 없었다. 여기(공통)로 올린다. */
.commu.view .cmt_view_con img {max-width:100%; height:auto;}
.commu.view .down_list {font-size:13px; margin-bottom:2rem;}
.commu.view .down_list li {padding:6px 0;}
.commu.view .down_list li a:hover {text-decoration:underline !important;}
.commu.view .cmt_view_bottom {overflow:hidden; margin-bottom:5rem; position:relative; width:100%;}
.commu.view .cmt_view_bottom ul {float:left; overflow:hidden;}
.commu.view .cmt_view_bottom ul li {float:left; border:1px solid #ccc; margin-right:1rem; border-radius:3px;  font-size:1.5rem; margin-top:1rem;}
.commu.view .cmt_view_bottom ul li a {display:block; height:3rem; line-height:3rem; padding:0 1rem;}
.commu.view .cmt_view_bottom .btn_gp2 {float:right;}
.commu.view .cmt_view_bottom .btn_gp2 .wr_btn {background:#8c9bc8; border:1px solid #8c9bc8;}
.commu.view .cmt_view_bottom .btn_gp2 .good_btn {background:#5f7cd8; border:1px solid #5f7cd8; margin-right:0;}
.commu.view .cmt_view_bottom .btn_gp2 .wr_btn a,
.commu.view .cmt_view_bottom .btn_gp2 .good_btn a {color:#fff;}
.commu.view .cmt_view_bottom i {vertical-align:middle; margin-right:5px;}
.commu.view .text_list td.tal a {color:#555;}
.commu.view .text_list td.tal a:hover {color:var(--brand);}
.commu.view .reply_con {margin-top:2rm; margin-bottom:3rem; position:relative;}
.commu.view .reply_con h3 {font-size:1.8rem; margin-bottom:1.5rem;}
.commu.view .reply_con h3 em {color:#f24443; margin-left:5px;}
.commu.view .reply_con_write {background:#fafafa; padding:1rem 1.5rem 1rem 1.5rem; border:1px solid #e1e1e1; width:100%;}
.commu.view .reply_con .input_area {overflow:hidden; margin-bottom:1.5rem;}
.commu.view .reply_con .input_area ul li {float:left; margin-right:1rem; color:#444;}
.commu.view .reply_con .input_area ul li label {margin-right:5px; font-size:1.4rem; vertical-align:middle;}
.commu.view .reply_con input {border:1px solid #e1e1e1; height:26px; line-height:26px; width:133px; padding:0 5px; vertical-align:middle;}
.commu.view .reply_con .input_area ul li span {color:#1a73e8; font-size:1.6rem; margin-left:1rem; vertical-align:middle;}
.commu.view .reply_con .text_area {width:100%; }
.commu.view .reply_con .text_area textarea {width:90%; padding:1rem;border:1px solid #e1e1e1; background:#fff; height:8rem;}
.commu.view .reply_con .text_area button {width:calc(10% - 5px); height:8rem; text-align:center; font-size:1.5rem; border:1px solid #ccc; background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); }
.commu.view .reply_list {margin-top:2rem;}
.commu.view .reply_list > li {width:100%; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:1.5rem 1rem;}
.commu.view .reply_list > li:nth-child(n+2) {border-top:0}
.commu.view .reply_list > li .top {display:flex; justify-content:space-between; flex-wrap:wrap; font-size:13px;}
.commu.view .reply_list > li .top p {color:#158fe4; margin:5px 0}
.commu.view .reply_list > li .top p span {color:#888; font-size:12px; margin-left:5px;}
.commu.view .reply_list > li .top a {color:#666;}
.commu.view .reply_list > li .top ul {display:flex; margin:5px 0}
.commu.view .reply_list > li .top ul li::after {content:""; display:inline-block; width:1px; height:10px; background:#ddd; margin:0 10px;}
.commu.view .reply_list > li .top ul li:last-child::after {display:none;}
.commu.view .reply_list > li > p {font-size:14px; color:#555; margin:1.5rem 0 2rem 0;}
.commu.view .reply_list > li .bottom {display:flex; justify-content:space-between;  font-size:13px; color:#666}
.commu.view .reply_list > li .bottom p button {color:#158fe4; font-size:12px;}
.commu.view .reply_list > li .bottom ul {display:flex;}
.commu.view .reply_list > li .bottom ul li {font-size:13px; margin-left:15px;}
.commu.view .reply_list > li .bottom ul li:first-child button {color:#e82626 }
.commu.view .reply_list > li .bottom ul li:last-child button {color:#7597dc}
.commu.view .reply_list .reply_con_write {margin:1rem 0 2rem 0;}
.commu.view .reply_list .re_reply_list {margin-top:2rem;}
.commu.view .reply_list .re_reply_list > li {background:#f9f9f9; border-top:1px dotted #ddd; border-bottom:1px dotted #ddd; padding:1.5rem 1rem;}
.commu.view .reply_list .re_reply_list > li .top p::before {content:"└"; color:#ccc; margin-right:5px;}
.commu.view .reply_listt .re_reply_list > li .top ul li::after {content:""; display:inline-block; width:1px; height:10px; background:#ddd; margin:0 10px;}
.commu.view .reply_list .re_reply_list > li > p {font-size:14px; color:#555; margin:2rem 0; padding:0 2rem;}
.commu.view .reply_list .re_reply_list > li .bottom {display:flex; justify-content:end;  font-size:13px; color:#666}
.commu.view .reply_list .re_reply_list > li:nth-child(n+2) {border-top:0}
.commu.view .secret_co {position:absolute; right:0; top:0; font-size:13px;}
.commu.view .secret_co input {width:17px; height:17px; line-height:17px; padding:0;}


/*서브-검색영역*/
.sub_search .depth_btn {display:flex; flex-wrap:wrap; margin-left:1px;}
.sub_search .depth_btn::after {content:""; display:block; clear:both;}
.sub_search .depth_btn li {position:relative; width:20%; float:left; border:1px solid #ddd; margin-left:-1px;}
.sub_search .depth_btn li:nth-child(1) {order:1;}
.sub_search .depth_btn li:nth-child(2) {order:2;}
.sub_search .depth_btn li:nth-child(3) {order:3;}
.sub_search .depth_btn li:last-child {width:calc(40% + 4px); order:4;}
.sub_search .depth_btn li.on {border:1px solid #5a5a5a; z-index:2; border-bottom:#fff;}
.sub_search .depth_btn li.on::after {content:""; clear:both; display:block; width:100%; height:1px; background:#fff;}
.sub_search .depth_btn li.on button {color:#222; font-weight:700;}
.sub_search .depth_btn li.on button i {color:#222; font-weight:700;}
.sub_search .depth_btn li button {position:relative; width:100%; display:inline-block; font-size:1.6rem; color:#666666; letter-spacing:-1px; padding:2rem; text-align:left;}
.sub_search .depth_btn li button i {position:absolute; right:2rem; font-size:2rem; color:#666; }
.sub_search .depth_btn li .search_word {display:flex; align-items:center; overflow:hidden; padding:1rem 0 1rem 2rem;}
.sub_search .depth_btn li .search_word p {display:inline-block; color:#666666; font-size:1.6rem; margin-right:1rem;}
.sub_search .depth_btn li input[type="text"] {width:50%; background:#f8f8f8; border:1px solid #dddddd; height:3.6rem; margin:0; 
border-radius:0;}
.sub_search .depth_btn li .search_word button {width:10%; color:#fff; background:#777; padding:0; text-align:center; margin-left:1rem; height:3.6rem; border-radius:3px; font-size:14px;}

.sub_search .s_choice {position:relative; width:100%; border:1px solid #5a5a5a; margin-top:-1px; z-index:1;}
.sub_search .p1 {padding:1.5rem;}
.sub_search .p2 {padding:0rem;}
.sub_search .s_choice ul.choice1 {overflow:hidden; display:flex; flex-wrap:wrap;}
.sub_search .s_choice ul.choice1 li {overflow:hidden; float:left; width:10%; margin:0.5%; display:flex; align-items:center;}
.sub_search .s_choice ul.choice1 li button {width:100%; font-size:14px; border:1px solid #dddddd; color:#444; /*padding:1.2rem 0;*/ height:4rem; max-height:4rem; overflow:hidden;}
.sub_search .s_choice ul.choice1 li button span {color:#888888; font-size:13px;}
.sub_search .s_choice ul.choice1 li.on button {color:#fff; background:var(--brand); border-color:var(--brand); font-weight:500;}
.sub_search .s_choice ul.choice1 li.on button span {color:#fff;}

.sub_search .s_choice ul.choice2 {display:flex; flex-wrap:wrap; align-items:center; overflow:hidden;border:3px solid #dfe1e4; background:#f3f5f8; /*padding:1.5rem 1.5rem .5rem 1.5rem;*/ padding:1rem 2rem; margin:1rem 0.5%;}
.sub_search .s_choice ul.choice2 li {position:relative; width:13%; float:left;  margin:0.7rem 1.25% 0.7rem 0;   font-size:14px; color:#444; line-height:18px;}
.sub_search .s_choice ul.choice2 li input[type="checkbox"] {display:none;}
.sub_search .s_choice ul.choice2 li button {position:relative; z-index:1; text-align:left; }
.sub_search .s_choice ul.choice2 li button:hover {text-decoration:underline !important}
.sub_search .s_choice ul.choice2 li.on::before {content:""; display:block; position:absolute; padding:4px 0px; top:-5px; border-radius:50px; width:100%; height:100%; background:#fff; border:1px solid red; }
.sub_search .s_choice ul.choice2 li.on button {padding-left:10px; width:100%;}
/*.sub_search .s_choice ul.choice2 li.on button {border:1px solid var(--brand); background:#fff; border-radius:35px; padding:5px 12px 5px 12px; color:var(--brand);}*/
.sub_search .s_choice ul.choice2 li span {color:#888888; vertical-align:baseline; font-size:12px; margin-left:2px; font-weight:normal;}
.sub_search .s_choice ul.choice2 li input[type="radio"] + label.radiostyle1 {background:#fff; border:1px solid #ccc;}

.sub_search .s_choice ul.choice3 {display:flex; flex-wrap:wrap; align-items:center; overflow:hidden;  margin:0.5% 0.5%; background:#f8f8f8; border:1px solid #eeeeee;  padding:1rem 2rem; margin:1rem 0.5%;}
.sub_search .s_choice ul.choice3 li {position:relative; width:13%; float:left; margin:0.7rem 1.25% 0.7rem 0;  font-size:13px; color:#444;}
.sub_search .s_choice ul.choice3 li input[type="checkbox"] {display:none;}
.sub_search .s_choice ul.choice3 li button {position:relative; z-index:1; text-align:left; }
.sub_search .s_choice ul.choice3 li button:hover {text-decoration:underline !important}
.sub_search .s_choice ul.choice3 li.on::before {content:""; display:block; position:absolute; padding:4px 0px; top:-5px; border-radius:50px; width:100%; height:100%; background:#fff; border:1px solid var(--brand); }
.sub_search .s_choice ul.choice3 li.on button {padding-left:10px; width:100%}
/*.sub_search .s_choice ul.choice3 li.on button {border:1px solid var(--brand); background:#fff; border-radius:35px;padding:5px 12px 5px 15px; color:var(--brand);}*/
.sub_search .s_choice ul.choice3 li span {color:#888888; vertical-align:baseline; font-size:12px; margin-left:2px; font-weight:normal;}
.sub_search .s_choice ul.choice3 li input[type="checkbox"] + label.checkstyle1 {background:#fff; border:1px solid #ccc;}

.sub_search .select_table {width:100%;}
.sub_search .select_table th {padding:1rem 0 1rem 2rem ; font-size:1.6rem; color:#111; font-weight:500; text-align:left; vertical-align:middle; letter-spacing:-0.5px; background:#f6f7f9}
.sub_search .select_table td {overflow:hidden; padding:1rem 2rem; vertical-align:middle; font-size:1.6rem;}
.sub_search .select_table td select {width:20%; vertical-align:middle;}
.sub_search .select_table td input[type="text"] {width:20%; vertical-align:middle;}
.sub_search .select_table td p.label {display:inline-block; font-size:13px; color:#666666; margin-top:1rem; margin-left:0.5%; margin-right:1.5rem; vertical-align:middle;}
.sub_search .select_table tr {border-bottom:1px dashed #dbdbdb;}
.sub_search .select_table tr:last-child {border-bottom:0;}
.sub_search .select_table tr.select_wide select {width:45%;}
.sub_search .select_table td div.flex {display:flex; flex-wrap:wrap; column-gap:1%;}
.sub_search .select_table ul.li_float {overflow:hidden; margin-left:0.5%;}
.sub_search .select_table ul.li_float li {float:left; font-size:14px; margin:.7rem 2rem .7rem 0;}
.sub_search .select_table dl {float:left; width:22%; margin:0 0.5% 10px 0;}
.sub_search .select_table dl dt {background:#f3f5f8; border:1px solid #dfe1e4; font-size:14px; color:#555555; text-align:center; padding:1rem; font-weight:500;}
.sub_search .select_table dl dd {font-size:13px; color:#666666; margin:1rem;}
.sub_search .select_table dl .no_over {overflow-y:scroll; max-height:120px;}
.sub_search .select_table dl .no_over::-webkit-scrollbar {width:3px;}
.sub_search .select_table dl .no_over::-webkit-scrollbar-thumb {background-color:#ddd;}
.sub_search .select_table dl .no_over::-webkit-scrollbar-track {background-color:#f2f2f2}

.sub_search .btn_area{width:100%; background:#fcfcfc; border:1px solid #dddddd; padding:10px 2rem; border-top:0;}
.sub_search .btn_area ul.btn {overflow:hidden; margin:0 auto; display:table;}
.sub_search .btn_area ul.btn li {float:left;}
.sub_search .btn_area ul.btn li button {font-size:1.5rem; color:#fff; font-weight:500; width:13.5rem; height:4rem; margin:0 5px;}
.sub_search .btn_area ul.btn li:first-child button {background:#7e8598}
.sub_search .btn_area ul.btn li:last-child button {background:var(--brand)}
.sub_search .btn_area ul.selection {overflow:hidden;/* border-bottom:1px dashed #d3d3d3; margin-bottom:1rem; */padding-bottom:1rem;}
.sub_search .btn_area ul.selection li {float:left; color:#666666; font-size:14px; letter-spacing:-0.5px; margin:1rem 2rem 1rem 0;}
.sub_search .btn_area ul.selection li button {margin-left:5px; background:#394659; color:#fff;}
.sub_search .btn_area ul.selection li:last-child button {background:#394659;}

/*인재정보 홈*/
.sub .main_con_wrap2 h1 {margin-bottom:0; display:block; margin-top:0;}
.sub.jobtable {margin-top:5rem;}
.resume_list_sub .job_box .name {width:15%;}
.resume_list_sub .job_box .resume_info {width:41%}
.resume_list_sub .job_box .h_area {width:10%; font-size:1.5rem; color:#555; text-align:center;}
.resume_list_sub .job_box .h_type {width:10%; font-size:1.5rem; color:#555; text-align:center;}
.resume_list_sub .job_box .pay {width:12%}
.resume_list_sub .job_box .date {width:12%}

/*레이어팝업*/
.popup_layer.help  { top: 35%; margin-top: -150px; }
.popup_layer.help>div h2 {font-size:1.5rem; color:#444444; background:#f6f7f9; padding:1.5rem 1rem;}
.popup_layer.help>div ul {overflow:hidden; margin:1rem 0 2rem 0; display:flex;}
.popup_layer.help>div ul li {float:left; margin-right:20px;}
.popup_layer.help>div ul li img {width:100%;}

.popup_layer.welfare {top: 35%; margin-top: -150px; }
.popup_layer.welfare>div {display:flex; flex-wrap:wrap; height:400px;overflow:hidden;overflow-y:scroll; border:1px solid #c9c9c9;}
.popup_layer.welfare>div dl {float:left; border:1px solid #c9c9c9; width:33.3%; margin-left:-1px; margin-top:-1px;}
.popup_layer.welfare>div dl dt {background:#f3f5f8; font-size:14px; color:#444444; font-weight:500; text-align:center; height:35px; line-height:35px;}
.popup_layer.welfare>div dl dd {padding:0 1rem;}
.popup_layer.welfare>div dl dd ul li {margin:10px 0; font-size:13px; color:#666666;}

.popup_layer.rank {top: 35%; margin-top: -150px; }
.popup_layer.rank>div {display:flex; flex-wrap:wrap; height:300px;overflow:hidden;overflow-y:scroll; border:1px solid #c9c9c9;}
.popup_layer.rank>div dl {float:left; border:1px solid #c9c9c9; width:50%; margin-left:-1px; margin-top:-1px;}
.popup_layer.rank>div dl dt {background:#f3f5f8; font-size:14px; color:#444444; font-weight:500; text-align:center; height:35px; line-height:35px;}
.popup_layer.rank>div dl dd {padding:0 1rem;}
.popup_layer.rank>div dl dd ul li {margin:10px 0; font-size:13px; color:#666666;}

/*.popup_layer.custom {top:35%; margin-top:-150px;}*/
.popup_layer.custom select {width:31%;}
.popup_layer.custom input[type="text"] {width:30%; vertical-align:middle;}
.popup_layer.custom table th {width:25%;}

.popup_layer.job_offer  {top:28%;}
.popup_layer.job_offer .scroll {height:350px; overflow-y:scroll;}
.popup_layer.job_offer .scroll::-webkit-scrollbar {height:3px; width:3px;}
.popup_layer.job_offer .scroll::-webkit-scrollbar-thumb {background-color:#ccc;}
.popup_layer.job_offer .scroll::-webkit-scrollbar-track {background-color:#f2f2f2}

.popup_layer.limit  {top:35%;}
.popup_layer.limit .scroll {height:350px; overflow-y:scroll;}
.popup_layer.limit .scroll::-webkit-scrollbar {height:3px; width:3px;}
.popup_layer.limit .scroll::-webkit-scrollbar-thumb {background-color:#ccc;}
.popup_layer.limit .scroll::-webkit-scrollbar-track {background-color:#f2f2f2}

.popup_layer.mail textarea {width:100%; font-family:var(--font-body)}

.popup_layer.manager {top:35%; }
.popup_layer.manager input[type="text"] {width:40%;}
.popup_layer.manager td.size1 input[type="text"] {width:25%}

.popup_layer.product .h6wrap {border-bottom:1px solid #aaa; padding-bottom:1rem;}
.popup_layer.product { top: 35%; width:95%; }
.popup_layer.product .scroll {text-align:center;}
.popup_layer.product .scroll img {width:100%}
.popup_layer.product.hurry {top:50%; height:auto;}
.popup_layer.product.hurry .scroll {height:auto;}
.popup_layer.product.service img {width:auto;}
.popup_layer.product.service table {width:100%; text-align:left;}
.popup_layer.product.service {top:50%; height:auto;}
.popup_layer.product.service .scroll {height:200px;}
.popup_layer.product.service .scroll.min-height {height:100px;}

.popup_layer.help  { top: 35%; margin-top: -150px; }
.popup_layer.help>div h2 {font-size:1.5rem; color:#444444; background:#f6f7f9; padding:1.5rem 1rem;}

.popup_layer.support  { top: 28%; margin-top: -150px; }
.popup_layer.support h2 {font-size:1.8rem; color:#444444; position:relative;padding:15px 0 15px 14px; font-weight:500; margin-top:1.5rem;}
.popup_layer.support h2:nth-of-type(1) { border-top:1px solid #ddd; margin-top:0;}
.popup_layer.support h2::before {position:absolute; left:0; top:22px; content:""; display:inline-block; width:5px; height:5px; background:#333;}
.popup_layer.support ul.li_float {overflow:hidden; border:1px solid #ddd; padding:1rem;;}
.popup_layer.support ul.li_float li {float:left; margin-right:20px; font-size:14px;}
.popup_layer.support ul.li_float li img {width:100%;}




/****************************@@@@@@@@@@ 반응형 @@@@@@@@@@****************************/
/****************************@@@@@@@@@@ 1600px 이하@@@@@@@@@@****************************/
@media all and (max-width:1600px) {
.slide_banner {display:none;}
}
/****************************@@@@@@@@@@ 1260px 이하@@@@@@@@@@****************************/
@media all and (max-width:1260px) {
/*메인*/
/* 2026-08-06 — 화면이 좁아질수록 글자를 줄이던 설계를 되돌린다(아래 구간들과 같은 이유). */
html {font-size:62.5%}
header {width:100%; padding-left:2rem; padding-right:2rem;}
.slide_banner {display:none;}
.header_wrap { }
.nav_wrap.skin1 nav {width:100%}
.nav_wrap.skin2 nav {width:100%}
.nav_wrap .nav_div .menuwrap {width:100%}
.top_con_wrap { padding-left:2rem; padding-right:2rem;}
.top_con_wrap .top1 {width:100%}
.top_con_wrap .top2 {width:100%}
.top_con_wrap .top2 .tema h3 button:nth-child(2) {margin-left:-4px;}
.main_con_wrap { padding-left:2rem; padding-right:2rem;}
.main_con_wrap {width:100%;}
.main_con_wrap2 { padding-left:2rem; padding-right:2rem;}
.main_con_wrap2  {width:100%;}
.main_con_wrap3 {width:100%;}
.top_con_wrap .top1 .main_login.logout .login_choice {padding:1rem 0}
.top_con_wrap .top1 .main_login.logout .assistant_box>ul {width:100%;}
.top_con_wrap .top1 .main_login.logout .assistant_box .sns_login {display:flex; justify-content:end; margin-top:15px;}
header .top_area .logo {width:33%}
header .top_area .main_search {34%}
header .top_area .regist_btn {width:33%}
header .main_search form {width:65%}
header .regist_btn li:nth-child(2) {margin-left:1.5rem;}
footer .b_wrap .main_con_wrap2 {padding-left:2rem; padding-right:2rem;}


/*서브*/
.wrap1260 {width:100%;}
section.sub { margin:0rem 2rem;}

/*서브 채용*/
.e_skincommon {width:100%;}
.regist_common .com_table th {padding:1rem 1rem 1rem 1rem;}

/*기업,개인서비스홈*/
.my_common .my_situbox .service p {font-size:1.5rem;}
.my_common .left_menu {margin-left:2rem;}

/*서브-검색영역*/
.sub_search .s_choice ul.choice1 li {width:15.5%;}
.sub_search .s_choice ul.choice2 li  {width:15.3%;}
.sub_search .s_choice ul.choice3 li  {width:15.3%}

/*통합검색*/
.search_mian section.sub.jobtable {margin:3rem 0 0 0;}
.search_mian .jobtable .side_con .select_area {width:auto;}

/*채용공고.이력서 등록*/
.employ_detail .job_tab1 img {width:100% !important; height:auto !important;}

/*커뮤니티*/
/* 2026-08-05 — `width:100%` 는 **작은 이미지까지 억지로 늘려** 흐려진다.
   큰 것만 줄이는 max-width 로 바꾼다(공통 규칙과 같은 값이라 사실상 위에서 처리된다). */
.commu.view .cmt_view_con img {max-width:100% !important; height:auto !important;}

}



/****************************@@@@@@@@@@ 1023px 이하@@@@@@@@@@****************************/
@media all and (max-width:1023px) {
/*데모체험*/
.sample_info {left:10px; right:auto;}

/*공통*/
/* 2026-08-06 — 위 폰 규칙(≤530px)과 같은 이유로 62.5%(=10px 기준)로 통일한다.
   화면이 좁아질수록 글자를 줄이던 설계를 되돌린 것이다. */
html {font-size:62.5%;}
button.base {font-size:1.8rem; width:45%; /*height:55px;*/ line-height:55px; }
/*헤더*/
.header_wrap {position:sticky; position: -webkit-sticky; top:0; z-index:9999;}
header {width:100%; padding-left:1rem; padding-right:1rem; padding-bottom:1.5rem; border-bottom:2px solid var(--brand); }
header ul.util {display:none;}
header ul.util li.search {display:block;}
header .top_area .logo {width:30%}
header .top_area .logo img {width:auto; height:50px;}
header .top_area .main_search {display:none;}
header .top_area .regist_btn {width:70%}
header .regist_btn li:nth-child(2) {margin-left:2rem;}
header .regist_btn li.m_menubtn {display:block;}
#head_top {display:none;}
footer .b_menu ul li {line-height:4rem;}

/*메인탑콘텐츠*/
.top_con_wrap .top1 {flex-wrap:wrap; margin:0 auto 2% auto;}
.top_con_wrap .top1 .main_visual {width:68%; order:0; height:auto;}
.top_con_wrap .top1 .main_notice{width:30%; order:1; height:auto;}
.top_con_wrap .top1 .cycle-slide img {position:initial; transform:none;}
.top_con_wrap .top2>div {width:49%;}
.top_con_wrap .top2>div:nth-child(-n+2) {margin-bottom:2%;}
.top_con_wrap .top2 .location,
.top_con_wrap .top2 .b_type,
.top_con_wrap .top2 .tema {height:auto;}
.top_con_wrap .top1 .main_login,
.top_con_wrap .top1 .main_login.login,
.top_con_wrap .top1 .main_login.logout {display:none;}
.top_con_wrap .top2 .tema .tema_box {height:auto;}

/*채용공고*/
section.sub .main_con_wrap {padding:0;}
.main_con_wrap { padding-left:1rem; padding-right:1rem;}
.main_con_wrap .pla_pri ul {display:flex; flex-wrap:wrap; gap:0 2%;}
.main_con_wrap .pla_pri ul li.common {width:calc(96% / 3); margin-right:0; height:auto; margin-bottom:2%; }
.main_con_wrap .pla_pri ul li.common.noproduct {padding:2rem 0;}
.main_con_wrap .pla_pri ul li.common.text_ver .toparea p {font-size:3.0rem; line-height:3.6rem; }
.main_con_wrap .lately .th_title {display:none;}
.main_con_wrap .lately .td_con .area li:nth-child(1) {width:120px;}
.main_con_wrap .lately .td_con .area li:nth-child(2) {width:13%}
.main_con_wrap .lately .td_con .area li:nth-child(3) {width:11%}
.main_con_wrap .lately .td_con .area li:nth-child(4) {width:calc(51% - 120px);}
.main_con_wrap .lately .td_con .area li:nth-child(5) {width:15%}
.main_con_wrap .lately .td_con .area li:nth-child(6) {width:10%}
.main_con_wrap .lately .td_con a {display:flex; align-items:center; width:100%; border-radius:5px; border:1px solid #d6d6d6; height:auto; margin-bottom:10px; padding:1.2rem 1rem;}
/*
.main_con_wrap .lately .td_con {display:flex; flex-wrap:wrap; gap:10px 0; }
.main_con_wrap .lately .td_con a {display:flex; align-items:center; border-radius:5px; width:100%;height:auto; line-height:inherit;border:1px solid #d6d6d6; position:relative; margin-top:-1px; padding:1rem; }
.main_con_wrap .lately .td_con a>div.area0 {width:20px;}
.main_con_wrap .lately .td_con a>div.area1 {display:flex; flex-wrap:wrap; margin-left:10px;}
.main_con_wrap .lately .td_con a>div.area2,
.main_con_wrap .lately .td_con a>div.area3 {display:flex; flex-direction:column; }
.main_con_wrap .lately .td_con a>div.area1 p.lately1,
.main_con_wrap .lately .td_con a>div.area1 p.lately2 {width:50%; text-align:left;margin:4px 0; padding:1px 5px;}
.main_con_wrap .lately .td_con a>div.area1 p.lately3 {width:100%;margin:5px 0; color:#333;  text-align:left;}
.main_con_wrap .lately .td_con a>div.area2 p {width:100%; margin:5px 0;}
.main_con_wrap .lately .td_con a>div.area3 p {width:100%;margin:5px 0;}
*/
.main_con_wrap .list_list ul li a {flex-wrap:wrap; padding:1rem 0;}
.main_con_wrap .list_list ul li h2 {width:100%; font-size:13px; padding-bottom:1rem; border-bottom:1px dotted #ddd; margin-bottom:1rem; text-align:left; }
.main_con_wrap .list_list ul li .textarea {width:100%;}
.main_con_wrap .list_list ul li a button {position:absolute; right:0.5rem; top:0.5rem;}
.main_con_wrap .list_list ul {display:flex; flex-wrap:wrap;}



/*인재공고*/
section.sub .main_con_wrap2 {padding:0;}
.main_con_wrap3  {width:100%;}
.main_con_wrap2 { padding-left:1rem; padding-right:1rem;}
.main_con_wrap2  {width:100%;}
.main_con_wrap2 .injae_wrap ul {justify-content:space-between;}
.main_con_wrap2 .injae_wrap ul li {width:49%; margin-right:0; margin-bottom:3%; margin-top:0; }
.main_con_wrap2 .lately_injae ul li {padding:1rem 0;}
.main_con_wrap2 .lately_injae ul li a {display:flex; align-items:center;}
.main_con_wrap2 .lately_injae ul li a div {height:auto; margin:0 1rem;}
.main_con_wrap2 .lately_injae ul li a p {line-height:inherit; margin:5px 0;}
.main_con_wrap2 .lately_injae ul li a div.lately1 {display:flex; flex-wrap:wrap; align-items:center; width:50%}
.main_con_wrap2 .lately_injae ul li a p.myinfo {order:1; width:calc(100% - 25px); text-align:left;}
.main_con_wrap2 .lately_injae ul li a p.scrap {order:0; margin-right:5px; width:20px; text-align:left;}
.main_con_wrap2 .lately_injae ul li a p.title {width:100%; order:3}
.main_con_wrap2 .lately_injae ul li a div.lately2,
.main_con_wrap2 .lately_injae ul li a div.lately3 {display:flex;  flex-direction:column; width:25%;}
.main_con_wrap2 .lately_injae ul li a div.lately2 p,
.main_con_wrap2 .lately_injae ul li a div.lately3 p {width:100%}
.main_con_wrap2 .lately_injae ul li a p.career span {display:block;}
.main_con_wrap2 .lately_injae ul li a p.salary span {display:inline-block;}
.main_con_wrap2 .focus_wrap ul li::after {background-size:65%}

.main_con_wrap2 .focus_wrap ul li {margin-bottom:50px;}

/*게시판*/
.board {justify-content:space-between;}
.board .boardlist {width:49%; margin-right:0; margin-bottom:2%;}

/*하단 정보 박스*/
.main_con_wrap .necessary {flex-wrap:wrap; border-top:none; border:none;  padding:0; border-top:0 !important;}
.main_con_wrap .necessary .common {width:100%; border:1px solid #d6d6d6; padding:2rem; border-top:2px solid var(--brand); margin-bottom:2rem; border-radius:5px;}

/*하단바텀*/
footer .b_menu {height:auto; overflow:hidden;}
footer .b_wrap .main_con_wrap2 {padding-left:2rem; padding-right:2rem;}
footer .b_menu ul {}
footer .b_menu ul li a {font-size:13px; padding:0 1rem;}
footer .b_menu ul li:first-child a {padding-left:1rem;}
footer .b_wrap .main_con_wrap2 {flex-wrap:wrap;}
footer .b_wrap p:nth-child(1) img {width:50%; max-width:200px; margin-bottom:2rem;}
footer .b_wrap .main_con_wrap2>div>p:nth-of-type(1) {width:100%;}
footer .b_wrap .main_con_wrap2 .left_b {width:100%;}
footer .b_wrap .main_con_wrap2 .right_b {width:100%; margin-top:15px;}


/*서브-로그인*/
.login_sub .loginbox {width:100%;}
.login_sub .centerwrap {width:100%; padding:4rem 3rem;}
.login_sub .loginbanner {width:100%; margin-top:5rem;}

/*서브-로그인 회원선택*/
.login_sub .help_txt  {text-align:left;}
.login_sub .help_txt br {display:block;}

/*서브-아이디비밀번호찾기*/
.find_idpw .loginbox {width:100%;}
.find_idpw .centerwrap {width:100%; padding:5rem 4rem;}
.find_idpw .input_wrap {width:100%;}

/*휴면계정*/
.login_sub .sleep .next_btn button:first-child {width:30%;}
.login_sub .sleep .next_btn button:last-child {width:50%;}

/*회원가입*/
.agreement .agree {padding:0 1rem;}
.agreement .agree div {padding:2rem}
.agreement .box_wrap>div {padding:3rem 3rem;}
.register .terms .terms_box2>div {width:100%;}
.register .terms .terms_box2>div:first-child { border-right:none; border-bottom:1px solid #eaeaea}
.register td.size1 input[type="text"] {width:20%;}
.register table.style1 th {padding:0 1.5rem}
.register select {width:50%;}
.register table th {width:35%;}


/*서브-채용공고상세정보*/
.employ_detail .detail_top p.s_title {display:none;}
.employ_detail .job_d1 {width:100%; border-radius:10px; margin-bottom:20px}
.employ_detail .job_d1 .con1 dl dt {width:80px;}
.employ_detail .job_d1 .con1 dl dd {width:calc(100% - 80px);}
.employ_detail .job_d2 {width:100%; border-left:1px solid #d5d5d5; border-radius:10px;}
.employ_detail .job_d2 .logo_area {max-height:inherit;}
.employ_detail .job_d2>div dl dt {width:90px;}
.employ_detail .job_d2>div dl dd {width:calc(100% - 90px);}
.detail_common .btnbox li {max-width:inherit; width:100%;}
.detail_common .btnbox li a {padding:1.5rem 1rem;}

/*서브-이력서상세정보*/
.resume_detail .detail_top p.s_title {display:none;}
.resume_detail .resume_d1 {width:100%; border-radius:5px 5px 0 0;}
.resume_detail .resume_d2 {width:100%; border-left:1px solid #fae0e5; border-top:0; border-radius:0 0 5px 5px;}
.resume_detail .resume_d1 .ij_info dl:nth-of-type(1),
.resume_detail .resume_d1 .ij_info dl:nth-of-type(2) {width:100%;}


/*서브-이력서등록*/
.regist_common .left_info {float:right; width:100%; margin-right:0;}
.regist_common .right_info {position:initial; float:left; width:100%;}
.regist_common .right_info>p {margin-top:20px;}
.regist_common .right_info .info_box dt {max-width:80px;}
.regist_common .right_info .info_box dd {width:calc(100% - 80px)}
.regist_common .com_table th {width:20%;}
.regist_common .com_table td {width:80%; padding:2rem 0 2rem 1.5rem;}
.regist_common .title select {width:100%; margin-top:20px;}
.regist_common .com_table select {width:26%;}
.regist_common .com_table dl dt {width:20%;}
.regist_common .com_table dl dd {width:80%;}
.regist_common .com_table input[type="text"] {width:40%}


.resume_regist .career_list dl:nth-child(3) select {width:15%;}
.resume_regist tr.c_edu select {width:15%}
.resume_regist .choice .preferential select {/*width:15%;*/}
.resume_regist .setting dl {width:100%;}
.resume_regist .setting dl:nth-child(2) {padding-top:2rem;}
.resume_regist .choice .license input[type="text"] {width:40%;}
.regist_common .com_table select {width:40%;}
.regist_common .right_info .info_box ul li:last-child {display:none;}



/*서브-채용등록*/
.regist_common .side_con select {width:100%; margin-top:10px;}
.employ_regist .manager .num input[type="text"],
.employ_regist .manager .num select {width:20%;}
.employ_regist .right_info select {margin-top:20px;}

/*서브 구인정보*/
.employ_list_sub colgroup col:nth-child(1) {width:15%;}
.employ_list_sub colgroup col:nth-child(2) {width:15%;}
.employ_list_sub colgroup col:nth-child(3) {width:10%;}
.employ_list_sub colgroup col:nth-child(4) {width:36%;}
.employ_list_sub colgroup col:nth-child(5) {width:12%;}
.employ_list_sub colgroup col:nth-child(6) {width:12%;}
.employ_list_sub .job_box .name {width:15%}
.employ_list_sub .job_box .locaiotn {width:15%}
.employ_list_sub .job_box .jb {width:10%}
.employ_list_sub .job_box .resume_info {width:36%}


/*서브 인재정보*/
.resume_list_sub colgroup col:nth-child(1) {width:20%;}
.resume_list_sub .job_box .name {width:20%}
.resume_list_sub .job_box .resume_info {width:36%;}

/*비밀번호변경*/
.my_sub .subcon_area .password_form table.style1 th {width:40%;}
.my_sub .subcon_area .password_form table.style1 td input[type="text"] {width:100%}

/*개인/기업서비스홈*/
/*.my_bgwrap { margin-bottom:3rem;}*/
.my_common .my_infobox {width:100%; margin-right:0;}
.my_common .my_situbox {width:100%; margin-top:1rem;}
.my_common .my_situbox .service p {width:49%; margin-right:2%; margin-top:0;}
.my_common .my_situbox .service p:last-child {margin-right:0;}
.my_common .my_situbox .service p em {display:none;}
.my_common .my_situbox .service p button {width:100%;}

.my_sub .brand_entire .infobox>div {width:100%; border-left:0;}
.my_sub .brand_entire .infobox>div:first-child {border-bottom:1px solid #ddd}
.my_sub .current.tab_style1 ul.tab li {width:35%;}
.my_sub .brand_entire.tab_style1 ul.tab {margin-top:5.5rem;}
.my_sub .brand_entire.tab_style1 ul.tab li {width:33.3%;}
.my_sub .brand_entire.tab_style1 ul.tab li:nth-child(4) {border-left:1px solid #ddd; border-top:0}
.my_sub .brand_entire.tab_style1 ul.tab li:nth-child(5) {border-top:0;}
.my_sub .brand_entire.tab_style1 ul.tab li:nth-child(4),
.my_sub .brand_entire.tab_style1 ul.tab li:nth-child(5) {width:50%;}
.my_sub .brand_entire.tab_style1 .tabcon .more {top:-15rem;}

/*개인서비스 서브*/
.my_sub .subcon_area .current2 .tab li {width:35%;}
.my_sub .subcon_area .open .tab li {width:50%;}
.my_sub .subcon_area .open .tabcon div.select_area {top:-11rem;}
.my_sub .subcon_area .open .tab {margin-top:7rem;}
.my_sub .subcon_area .concern .tab li {width:50%;}
.my_sub .subcon_area .tax table.style1 th {width:32%}

/*기업서비스 서브*/
.my_sub .subcon_area .sub_serach>div {width:100%; }
.my_sub .subcon_area .sub_serach .search_style button {width:40px}
.my_sub .subcon_area .my_brandinfo .con_box>div {width:100%;}
.my_sub .subcon_area .my_brandinfo .con_box .brand_infocon {border-right:1px solid #d5d5d5; border-bottom:none;}
.my_sub .subcon_area .my_brandinfo .brand_infocon .img_box p {padding-bottom:65%;}
.my_sub .subcon_area .brand_entire .sub_serach .search_style button i {left:1.3rem;}
.my_sub .subcon_area .brand_entire.tab_style1 ul.tab {margin-top:0;}


/*브랜드 상품*/
.brand_product table.fl {width:100%;}
.brand_product table.fr {width:100%;}
.brand_product table.fr th {border-top:0;}
.service table.fr th:first-child,
.service table.fr td:first-child {border-left:1px solid #d5d5d5;}
.service table td.price {min-width:115px;}
.service .payment {padding:2rem;}
.service .payment .payment_box {padding:1.5rem;}

/*서비스상품 메인*/
.service .service_quick {top:125px;}
.service .indi_product table.fl {display:none;}
.service .indi_product table.fr {width:100%;}
.service table td h5 button {display:inline-block;}
.service table .ij_preview {display:none;}
.service table .m_none {display:none;}
.popup_layer.product.service table .ij_preview {display:block;}
.service .resume_open table tr th:nth-child(1) {width:auto;}
.service .resume_open table tr th:nth-child(2) {width:17%;}
.service .resume_open table tr th:nth-child(3) {width:15%;}
.service_main .top_tab li {width:50%; text-align:center;}
.service_main .service_info p {font-size:13px;}
.service_main .service_info .service_way dl dt,
.service_main .service_info .service_way dl dd {font-size:13px;}

/*서비스결제완료*/
.register .join_message {padding:2rem 2rem;}
.register .join_message p:nth-child(1) {font-size:3rem; width:5rem; height:5rem;}
.register .join_message p:nth-child(2) {font-size:2rem; margin-top:1.5rem;}
.register .join_message p:nth-child(1) i {line-height:5rem;}

/*기업정보소개*/
.company_info .info_top {padding:1rem;}
.company_info .info_top .share {margin:0 auto; margin-top:2rem;}
.company_info .info_top .company_name {width:100%;}
.company_info .info_top .company_name li:nth-child(1) {width:100%; text-align:center;}
.company_info .info_top .company_name li:nth-child(2) {width:100%; text-align:center; font-size:2rem;}
.company_info .info_top .company_name li:nth-child(2)::before {display:none;}
.company_info .info_wrap {padding:2rem 2rem;}
.company_info .fix_info li {width:49%; margin-right:2%; padding:2rem 1rem;}
.company_info .fix_info li:nth-child(-n+2) {margin-bottom:2%;}
.company_info .fix_info li:nth-child(2n) {margin-right:0;}
.company_info .box .detail {width:100%; padding:2rem;}
.company_info .box .detail2 {padding:2rem;}
.company_info .box .map {width:100%;}
.company_info .box h2 {padding:0 2rem;}

/*설문조사*/
.poll .qa .question span {width:100%; margin-top:5px;}
.poll .qa .question dl {width:100%;}
.poll .qa .answer ul:nth-child(1) {width:100%;}
.poll .qa .answer ul:nth-child(2) {width:100%;display:flex; }
.poll .qa .answer ul:nth-child(2) li {float:left; width:100%;}
.poll .qa .answer ul:nth-child(2) li:first-child {margin-right:2%;}

/*브랜드페이지 홈*/
.brand_home .brand_kind dl {width:32%; margin-right:2%; margin-top:2%;}
.brand_home .brand_kind dl:nth-of-type(3n) {margin-right:0;}
.brand_home .brand_all_list dl {width:33.3%}
.brand_home .brand_all_list dl dt {padding:1.5rem;}
.brand_home .brand_all_list dl dd {padding:1.3rem 1.5rem;}

/*브랜드페이지 서브*/
.brand_sub .brand_title p.logo {display:none;}

/*커뮤니티*/
.commu.board_list .side_con .fl {margin-bottom:1rem;}
.commu .tab_menu li {width:20%;}
.commu.view h2 {font-size:3rem; line-height:3.5rem;}

/*서브-검색영역*/
.sub_search .depth_btn li {width:calc(33.3% + 1px); border-bottom:1px solid #ddd;}
.sub_search .depth_btn li:last-child {width:100%; border-left:0; border-bottom:0;}
.sub_search .depth_btn li .search_word button {width:15%;}
.sub_search .depth_btn li:last-child {order:0; border-left:1px solid #ddd;}

.sub_search .s_choice ul.choice1 li {width:19%;}
.sub_search .s_choice ul.choice2 li  {width:23.5%;}
.sub_search .s_choice ul.choice3 li  {width:23.5%}

.sub_search .select_table th {padding:1rem; min-width:7.7rem;}

/*기타페이지*/
.register .box_wrap.order_sub img {width:100%; height:auto;}



/*지도검색*/
section.map .map_wrap {display:flex; flex-wrap:wrap;}
section.map .map_area0 {width:100%; margin-right:0%; padding-bottom:10px; max-height:auto; /*overflow:auto; */ padding-right:0;}
section.map .map_list {display:flex; flex-wrap:wrap; }
section.map .map_list::-webkit-scrollbar {height:2px;}
section.map .map_list li {width:100%;margin-top:0px; margin-right:2%; /*max-width:300px;*/}
section.map .map_list li:first-child {margin-top:0;}
section.map .map_list li a {display:block;  padding:1.5rem; border:1px solid #ddd; border-radius:7px; box-shadow:3px 5px 10px rgb(96 96 96 / 10%); }
section.map .map_list li a:hover {border-color:var(--brand); transition:all .15s ease-in-out}
section.map .map_list li a:hover .order1 .area i {color:var(--brand); transition:all .15s ease-in-out}
section.map .map_list li .order1 {display:flex; align-items:center; overflow:hidden; margin-bottom:15px;}
section.map .map_list li .order1 .logo {float:left; width:37%; margin-right:3%; padding-bottom:20%; background-position:center center; background-repeat:no-repeat; background-size:contain; border-radius:5px; border:1px solid #ddd;}
section.map .map_list li .order1 .txt {font-size:1.6rem;}
section.map .map_list li .order1 .right_box {float:left; width:60%; font-size:1.5rem; color:#444;}
section.map .map_list li .order1 .km  {display:inline-block; font-size:12px; color:#888; background:#f8f8f8; border:1px solid #ddd; border-radius:30px; padding:3px 8px;}
section.map .map_list li .order1 .km span {margin-right:5px; }
section.map .map_list li .order1 .area {margin-bottom:10px; line-height:1.9rem;}
section.map .map_list li .order1 .area i {color:#bbb; line-height:1.9rem;}
section.map .map_list li .order2 .corporation {font-size:1.5rem; font-weight:500; color:#222; margin-bottom:7px; font-weight:700;}
section.map .map_list li .order2 .tit {font-size:1.7rem; color:#222; line-height:2rem;}
section.map .map_list li .order2 .pay {font-size:14px; color:#555; margin-top:10px;}
section.map .map_list li .order2 .pay span {margin-right:5px; font-size:13px;}

section.map .map_list .map-list- {display:flex; padding:0 0 10px 0}
section.map .map_list .map-list- li {min-width:250px;}
section.map .map_list .map-list-paging- {width:100%;}
section.map .paging ul {margin-top:1.5rem;}

section.map .map_area {width:100%; height:100%; min-height:400px; margin-top:10px;}
section.map .map_area .map_search {position:absolute; left:20px; top:20px;  border:1px solid #d5d5d5; height:3.7rem; border-radius:50px; background:#fff;}
section.map .map_area .map_search label {width:85%;}
section.map .map_area .map_search label input[type="text"] {height:3.5rem; border-radius:50px 0 0 50px; position:relative; border:0; margin:0;}
section.map .map_area .map_search label button {position:absolute; right:5px; top:0px; width:15%; height:3.5rem; width:15%; font-size:2rem; color:var(--brand);}

section.map #map_div {height:600px !important; }

}

/****************************@@@@@@@@@@ 650px 이하@@@@@@@@@@****************************/
@media all and (max-width:650px) {
/*데모체험*/
.sample_info {animation:none; /*transform:translate(-10px, 0);*/ padding:7px 5px 5px 5px; border-color:#444;}
/*.sample_info br {display:none;}*/
.sample_info>p {font-size:12px; line-height:16px;}
.sample_info>p b.col1 {color:#111;}
.sample_info div {padding:5px; margin-top:5px;}
.sample_info div p{font-size:12px; line-height:16px; margin-bottom:5px;}
.sample_info div a {font-size:13px; padding:5px; background:#444; letter-spacing:-0.7px;}


.adult {padding:1rem;}
.adult_box {padding:2rem;}
.adult .adult_ex .img {margin:0 auto; text-align:center;}
.adult .adult_ex .img img {width:50%; display:inline; text-align:center;}
.adult .adult_ex .txt {width:100%; margin-left:0; margin-top:2rem; font-size:15px; line-height:20px;}
.adult .adult_ex .txt strong {font-size:2rem; line-height:3rem;}
.adult table .base {flex-wrap:wrap;}
.adult table .base li {margin:1%;}
.adult table div {flex-wrap:wrap;}
.adult table div p {width:100%;}
.adult table div .login {width:100%; margin-left:0; padding:1.5rem .5rem; margin-top:.8rem;}
.adult table .mem_cho li {width:100%; margin:5px 0; text-align:left;}

header {padding:1rem;}
/* 2026-08-06 — 이 폭(≤650px)에서는 「구인공고등록」·「이력서등록」이 숨고
   오른쪽에는 햄버거 하나만 남는다. 그런데 칸 비율은 로고 30% · 버튼 70% 로 잡혀 있어
   **버튼 칸이 44px 짜리 햄버거 하나를 안고 200px 넘게 놀고 있었다.**
   그 여백을 로고에 준다. 새 로고는 일러스트가 붙어 있어 작으면 뭉개진다.
   ⚠️ `.top_area` 가 `justify-content:space-between` 이라 폭을 auto 로 풀어도
      로고는 왼쪽, 햄버거는 오른쪽에 그대로 붙는다. */
header .top_area .logo {width:auto; flex:0 1 auto; min-width:0;}
header .top_area .regist_btn {width:auto; flex:0 0 auto;}
header .top_area .regist_btn li:nth-child(1) {display:none;}
header .top_area .regist_btn li:nth-child(2) {display:none;}
/* 로고를 감싼 <a> 는 이미 44px 이다(터치 영역). 그림도 44px 로 채우면
   **헤더 높이는 1px 도 안 늘고** 로고만 커진다. */
header .top_area .logo img {width:auto; height:44px;}

.top_con_wrap {padding-left:10px; padding-right:10px;}
.top_con_wrap .top1 .main_visual {width:100%;}
.top_con_wrap .top2 .guaranteed {display:none;}
.top_con_wrap .top2 .location h3 {padding-left:10px;}
.top_con_wrap .top2 .location>ul {padding:1.0rem 1.2rem;}
.top_con_wrap .top2 .location>ul li {width:20%;}
.top_con_wrap .top2 .location>ul li a {line-height:30px;}
.top_con_wrap .top2 .b_type h3 {padding-left:10px;}
.top_con_wrap .top2 .b_type>ul {padding:1.0rem 1.2rem;}
.top_con_wrap .top2 .b_type>ul li a {line-height:30px;}
.top_con_wrap .top2>div:nth-child(-n+2) {margin-bottom:0;}
.top_con_wrap .top2 .tema {display:none;}
.top_con_wrap .top1 .main_notice{display:none;}
.main_con_wrap2 .injae_wrap .toparea {align-items:center;}
.main_con_wrap2 .injae_wrap .photo p {width:47px; height:47px;}
.main_con_wrap2 .injae_wrap .textarea .title {margin-bottom:5px;}


/*플래+프라임*/
.main_con_wrap .pla_pri ul li.common .textarea .tt {padding:0rem 1rem 0 1rem;}
.main_con_wrap .pla_pri .business_type {margin:6px 1rem 0 1rem;}
.main_con_wrap .pla_pri ul li.common .textarea p.title {margin:7px 1rem 0 1rem}
.main_con_wrap .prime_list ul li.common .asi_wrap {padding:1rem 1rem;}
.main_con_wrap .pla_pri ul li.common .asi_wrap {padding:1rem;}
.main_con_wrap .pla_pri ul li.common.text_ver .toparea p {font-size:2.2rem; line-height:2.8rem;}


/*리스트형*/
.main_con_wrap .list_list ul li .asi_wrap div {width:100%;}

/*포커스인재*/
.main_con_wrap2 .injae_wrap ul li a {padding:1.4rem;}
.main_con_wrap2 .injae_wrap .photo p {width:60px; height:60px;}

/*포커스인재*/
.main_con_wrap2 .focus_wrap {margin-top:30px;}
.main_con_wrap2 .focus_wrap .photo {top:-30px;}
.main_con_wrap2 .focus_wrap .title {margin-top:20px;}
.main_con_wrap2 .focus_wrap ul li {margin-bottom:20px;}
.main_con_wrap2 .focus_wrap ul li a {padding:2rem 1.4rem  1.4rem  1.4rem }
.main_con_wrap2 .focus_wrap .title {font-size:14px;}
.main_con_wrap2 .focus_wrap .textarea {margin-left:70px;}

.main_con_wrap2 .injae_wrap .textarea .title {font-size:14px;}
.main_con_wrap2 .injae_wrap .bottomarea {margin-top:10px;}

/*메인 최근 구인정보*/
.main_con_wrap .lately .td_con a {padding:10px 10px 3px 10px;}
.main_con_wrap .lately .td_con .area {flex-wrap:wrap;}
.main_con_wrap .lately .td_con .area li {padding:0; font-size:14px;}
.main_con_wrap .lately .td_con .area li:nth-child(1) {order:1; padding-left:0; }
.main_con_wrap .lately .td_con .area li:nth-child(2) {order:3; width:auto; padding:0;  margin:7px 0px 7px 0px;}
.main_con_wrap .lately .td_con .area li:nth-child(3) {order:4; width:auto; padding:0; margin:7px 0px 7px 0px;}
.main_con_wrap .lately .td_con .area li:nth-child(3)::before {content:"·"; margin:0 0.5rem; }
.main_con_wrap .lately .td_con .area li:nth-child(3)::after {content:"·"; margin:0 0.5rem}
.main_con_wrap .lately .td_con .area li:nth-child(4) {order:2; padding:0; width:calc(100% - 120px); }
.main_con_wrap .lately .td_con .area li:nth-child(5) {order:6; width:auto; padding:0; margin:7px 0px 7px 5px;}
.main_con_wrap .lately .td_con .area li:nth-child(6) {order:5; width:auto; padding:0; margin:7px 0px 7px 0px;}

/*회원가입*/
.register .box_wrap {padding:2rem;}
.register .order li {font-size:13px; margin-right:10px;}
.register .order li:last-child {margin-right:0;}
.register .order li span {width:2rem; height:2rem; font-size:13px; line-height:1.5rem; border-width:2px; margin-right:5px;}
.register .order li::after {display:none;}
.register .allagree p {width:100%;}
.register .allagree p:nth-child(2) {margin-top:15px;}
.register select {width:100%;}

/*.agreement .agree {padding:0;}*/
.agreement .agree div {padding:2rem;}
.agreement .agree div p {width:7rem; height:7rem;}
.agreement .agree div i {font-size:4rem; line-height:6rem;}
.agreement .box_wrap>div {padding:0}
.agreement .agree button {margin-top:1.5rem;}

/*본인인증*/
.agreement .box_wrap>p {padding:0 1rem 1rem 1rem;}

/*통합검색*/
.search_mian .jobtable table {display:none; border-top:none;}
.search_mian .jobtable table.style3 {display:block;}

/*서브 - 채용*/
.employ_detail .job_d1 .con2 {gap:15px;}
.employ_detail .job_d1 .con2>dl {width:100%; }
.employ_detail .job_d1 .con2 dl:last-child {float:left;}
.employ_detail .job_d1 .con3 dl {width:100%;}
.employ_detail .job_d1 .con1 dl dt {margin:5px 0;}
.employ_detail .job_d1 .con1 dl dd {margin:5px 0;}
.employ_detail .job_tab2 .company_img ul {gap:15px;}
.employ_detail .job_tab2 .company_img ul li {width:calc((100% - 15px) / 2); height:12rem;}
.employ_detail .job_tab2 .video {padding-top:60%;}

/*서브 최근구인정보*/
.employ_list_sub .job_box .name h2 {line-height:3rem;}
.employ_list_sub .job_box .name h2 button {margin-right:5px;}
.employ_list_sub .job_box {margin-bottom:10px; padding:10px;}
.employ_list_sub .job_box .name {width:120px; padding:10px; padding:0; margin-bottom:5px; order:0;}
.employ_list_sub .job_box .locaiotn {width:auto; order:2; padding:0 0 0 0;}
.employ_list_sub .job_box .jb {width:auto;  order:3; padding:0;}
.employ_list_sub .job_box .jb::before {content:"·"; margin:0 0.5rem;}
.employ_list_sub .job_box .jb::after {content:"·"; margin:0 0.5rem;}
.employ_list_sub .job_box .resume_info {width:calc(100% - 125px); order:1; border:none; padding:0; margin-bottom:5px; margin-left:5px;}
.employ_list_sub .job_box .resume_info a {padding:0 0 0 0px;}
.employ_list_sub .job_box .pay {width:auto; order:5; padding:0; margin-left:7px;}
.employ_list_sub .job_box .date {width:auto;  order:4; color:#444; font-size:1.6rem; padding:0; background:none;}

/*서브 -이력서등록*/
.regist_common .com_table dl dt {width:25%;}
.regist_common .com_table dl dd {width:75%; padding:0 0 0 10px;}
.resume_regist tr.c_edu select {width:20%;}
.resume_regist .career_list dl:nth-child(3) select {width:25%;}
.resume_regist .choice .preferential select {/*width:25%;*/}

/*서브-채용공고등록*/
.employ_regist .p_work .logo_box {width:97%;}
.employ_regist .p_work .bg_box {width:97%;}
.employ_regist .img_box ul li {width:48%;}
.employ_regist .img_box ul li:nth-child(n+3) {margin-top:10px;}
.employ_regist .appli .age input[type="text"] {width:25%;}

/*서브-이력서정보상세*/
.resume_detail .resume_d1 .con1 {display:flex; flex-wrap:wrap; justify-content:center;}
.resume_detail .resume_d1 .ij_img {margin-right:0;}
.resume_detail .resume_d1 .ij_info {width:100%;}
.resume_detail .resume_d1 .ij_info h3 {justify-content:center;}

/*개인,기업서비스홈*/
.my_common .my_situbox ul li {width:33.3%}
.my_common .my_situbox ul li:nth-child(3) {border-right:0;}
.my_common .my_situbox ul li:nth-child(n+4) {margin-top:1rem;}
.my_sub .customij p.s_title span {display:none;}
.my_common .current.tab_style1 ul.tab li {width:50%;}
.my_common .current2.tab_style2 ul.tab li{width:50%;}
.my_common .current2.tab_style2 ul.tab li:nth-child(3) {border-left:1px solid #ddd}
.my_common .current2.tab_style2 ul.tab li:nth-child(4) {border-left:0}
.my_common .current2.tab_style2 .tabcon .more {top:-9.5rem}

/*열람한 인재정보*/
.my_sub .subcon_area .sub_serach.reading { flex-wrap:wrap;}
.my_sub .subcon_area .sub_serach.reading>div { width:100%;}
.my_sub .subcon_area .sub_serach.reading>div:first-child {margin-bottom:1rem;}
.my_sub .subcon_area .sub_serach.reading>div:last-child {width:100%;}

/*개인서비스 서브*/
.my_sub .subcon_area .current2 .tab li {width:50%;}
.my_sub .subcon_area .current2 .tab {margin-top:7rem;}
.my_sub .subcon_area .tabcon div.select_area {top:-11rem;}
.my_sub .subcon_area .concern .tab li {width:100%;}
.my_sub .subcon_area .concern .tab {margin-top:7rem;}

/*서브-아이디,비밀번호찾기*/
.find_idpw .centerwrap h3 {font-size:2.4rem;}
.find_idpw .centerwrap {width:100%; padding:3rem 1.5rem;}

/*휴면계정*/
.login_sub .sleep {padding:2rem;}
.login_sub .sleep .next_btn button:first-child {width:100%; order:2; margin:0;}
.login_sub .sleep .next_btn button:last-child {width:100%; order:1; margin:0px 0px 15px 0px;}

/*기업서비스 서브*/
.my_sub .subcon_area .my_brandinfo .brand_infocon .img_box {width:100%;}
.my_sub .subcon_area .my_brandinfo .brand_infocon .img_box p {padding-bottom:20%;}
.my_sub .subcon_area .my_brandinfo .brand_infocon .text_box {width:100%; margin:1rem 0 0 0 ;}

/*서비스안내 메인*/
.service .service_quick {top:102px;}
.service .service_quick li {width:33.3%}
.service .service_quick li a {font-size:13px; padding:1.5rem .5rem; letter-spacing:-1px;}
.service .service_quick li:nth-child(4) {border-left:1px solid #d5d5d5;}
.service .service_quick li:nth-child(n+4) {border-top:0;}
.service .service_quick li:nth-child(-n+3) {width:33.3%}
.service .service_quick li:nth-child(n+4):nth-child(-n+7) {width:25%}
.service_main .service_info {padding:2rem;}
/*.service .service_quick.company li:nth-child(-n+3) {width:33.3%}
.service .service_quick.company li:nth-child(n+4):nth-child(-n+7) {width:25%}*/

/*서브 결제내역*/
.pay_list table .pr_name {width:200%; border-bottom:1px dashed #ddd;}
.pay_list table .pay_way, 
.pay_list table .point_us,
.pay_list table .payment {width:33.3%;}
.pay_list table .pay_way em, 
.pay_list table .point_us em,
.pay_list table .payment em {display:block; margin-bottom:5px;}
.pay_list table .assi_line {padding:0.8rem 1rem;}
.pay_list table th {display:none;}
.pay_list table colgroup col:first-child {width:100%;}
.pay_list table colgroup col:nth-child(n+2) {width:0;}
.pay_list table.style3 td {border-bottom:0;}
.pay_list table.style3 td .wrap {border:1px solid #d1d1d1; margin:13px 0 0 0;}
.pay_list .date_search {border-bottom:1px solid #ddd;}

/*브랜드페이지 홈*/
.brand_home .brand_kind {padding:1.5rem 1.5rem;}
.brand_home .brand_all_list dl {width:50%;}

/*브랜드 페이지 서브*/
.brand_sub .top_btn_area ul.fr {width:100%; text-align:center; margin-top:1rem; border:3px solid #eee; padding:1rem .7rem;}
.brand_sub .top_btn_area ul.fr li select {width:38%;}

/*커뮤니티*/
table.style3 td {font-size:14px; }
.commu .webzine_list .text_area .li_txt {font-size:13px;}
.commu colgroup col:nth-child(1) {width:15% !important; min-width:65px;}
.commu colgroup col:nth-child(3),
.commu colgroup col:nth-child(4),
.commu colgroup col:nth-child(5) {display:none;}
.commu .img_list ul li {width:49%; margin-right:2%;}
.commu .img_list ul li:nth-child(2n) {margin-right:0;}
.commu .img_list ul li:nth-child(4n) {margin-right:auto;}
.commu.view h2 {font-size:2.5rem; line-height:3rem;}
.commu .m_no {display:none !important;}
.commu .pc_no {display:block !important; overflow:hidden; width:100%; margin-top:10px;}
.commu .pc_no li {float:left; color:#888; font-size:12px;}
.commu .pc_no li i {vertical-align:middle;}
.commu .pc_no li::after {content:""; display:inline-block; width:1px; height:10px; background:#ddd; margin:0 5px;}
.commu .pc_no li:last-child::after {display:none;}

/*서브-검색영역*/
.sub_search .depth_btn li button {padding:1.6rem 1rem;}
.sub_search .depth_btn li button i {right:1rem;}
.sub_search .depth_btn li .search_word {padding:0.6rem 0 0.6rem 1rem}

.sub_search .s_choice ul.choice2 {padding:1rem;}
.sub_search .s_choice ul.choice3 {padding:1rem;}
.sub_search .s_choice ul.choice1 li {width:24%;}
.sub_search .s_choice ul.choice2 li  {width:32%; text-align:center; }
.sub_search .s_choice ul.choice3 li  {width:32%; text-align:center;}
.sub_search .s_choice ul.choice2 li.on button {padding:0 5px}
.sub_search .s_choice ul.choice3 li.on button {padding:0 5px}
.sub_search .s_choice ul.choice2 li button {text-align:center;}
.sub_search .s_choice ul.choice3 li button {text-align:center;}

.sub_search .select_table dl {width:31%;}
.sub_search .select_table dl dd {margin:1rem 0 1rem 0.5rem}
.sub_search .select_table td select {width:40%;}
.sub_search .select_table tr.select_wide select {width:100%;}

/*지도검색*/
section.map #map_div {height:400px !important; }

/*인재정보 홈*/
.resume_list_sub .job_box {margin-bottom:10px; padding:10px;}
.resume_list_sub .job_box .name h2 {line-height:3rem;}
.resume_list_sub .job_box .name {width:120px; padding:0; order:0; margin-bottom:5px;}
.resume_list_sub .job_box .resume_info {width:calc(100% - 125px); border:none; padding:0; margin-bottom:5px; margin-left:5px; order:2;}
.resume_list_sub .job_box .resume_info a {padding:0;}
.resume_list_sub .job_box .h_area {width:auto; padding:0 0 0 1.5rem; order:3; padding-left:0;}
.resume_list_sub .job_box .h_type {width:auto; padding:0 0 0 0; order:4}
.resume_list_sub .job_box .h_type p::after {content:"·"; margin:0 0.5rem;}
.resume_list_sub .job_box .h_type p::before {content:"·"; margin:0 0.5em;}
.resume_list_sub .job_box .pay {width:auto; padding:0; margin-left:7px; order:6}
.resume_list_sub .job_box .date {width:auto; background:none; font-size:1.5rem; color:#555; padding:0; order:5}
}

/****************************@@@@@@@@@@ 530px 이하@@@@@@@@@@****************************/
@media all and (max-width:530px) {
/*html {font-size:50.5%}*/
/* 🔴 2026-08-06 — 폰에서 글자를 **줄이고** 있었다(54% = 8.6px 기준 → `1.4rem` 이 12.1px).
 *   이 사이트는 20~40대 여성이 **거의 폰으로만** 본다(사장님 확인).
 *   폰은 손에 들고 보는 화면이라 오히려 글자가 커야 하고, 40대에게 12px 는 읽기 힘들다.
 *   PC 와 같은 62.5%(=10px 기준)로 올린다 → `1.4rem` 이 제대로 14px 가 된다.
 *   ⚠️ rem 은 여백·크기에도 쓰여서 화면이 조금 길어진다. 가로 스크롤이 생기지 않는지는 실측했다.
 *
 *   🔴 2차(사장님 지시 "폰트는 키워주고") — 66% 로 한 번 더 올렸다.
 *      `1.4rem` 이 14 → **14.8px**. 목록을 1열로 바꾸면서 가로 여유가 생겨 가능해졌다. */
html {font-size:66%}
header .regist_btn li.m_menubtn a {width:35px; height:35px;}
header .regist_btn li.m_menubtn a i {font-size:2.2rem; line-height:32px}
/*메인 커뮤니티*/
.text_board ul li a {font-size:14px;}
.webzin_board ul li a dl dt {font-size:14px;}
.phpto_board ul li a p.line1 {font-size:14px;}

/*플래티넘 채용정보*/
.main_con_wrap .pla_pri ul li.common .textarea p.title {font-size:14px;}

/*그랜드 채용정보*/
.main_con_wrap .grbn ul li.common .textarea .title {font-size:14px;}

/*배너형 채용정보*/
.main_con_wrap .banner_list ul li .textarea p.title {font-size:14px;}

/*리스트형 채용정보*/
.main_con_wrap .list_list ul li .textarea p.title {font-size:14px;}


/*채용정보*/
.main_con_wrap .lately .td_con .area li:nth-child(1) {width:90px;}
.main_con_wrap .lately .td_con .area li:nth-child(2) {}
.main_con_wrap .lately .td_con .area li:nth-child(3) {}
.main_con_wrap .lately .td_con .area li:nth-child(4) {width:calc(100% - 90px);}
.main_con_wrap .lately .td_con .area li:nth-child(5) {}
.main_con_wrap .lately .td_con .area li:nth-child(6) {}

/*채용정보
.main_con_wrap .grbn ul li.text_ver .textarea {padding:2rem;}
.main_con_wrap .lately .td_con a {flex-wrap:wrap;}
.main_con_wrap .lately .td_con a>div.area1 p.lately2 {text-align:right;}
.main_con_wrap .lately .td_con a>div.area1 p.lately1 {width:120px;}
.main_con_wrap .lately .td_con a>div.area1 p.lately2,
.main_con_wrap .lately .td_con a>div.area1 p.lately3 {width:auto; font-size:13px; padding-right:0;}
.main_con_wrap .lately .td_con a>div.area1 p.lately3::before {content:"·";  margin-right:5px;}
.main_con_wrap .lately .td_con a>div.area1 {width:calc(100% - 30px);}
.main_con_wrap .lately .td_con a>div.area3 {flex-direction:inherit; width:100%; height:26px; align-items:center; background:#f6f6f6; margin-top:5px;}
.main_con_wrap .lately .td_con a>div.area2 p,
.main_con_wrap .lately .td_con a>div.area3 p {font-size:14px;}
.main_con_wrap .lately .td_con a>div.area2 {width:calc(100% - 125px); margin-left:5px;}
*/
/*인재정보*/
.main_con_wrap2 .injae_wrap ul li {width:100%;}
.main_con_wrap2 .injae_wrap .photo p {width:57px; height:57px;}
.main_con_wrap2 .injae_wrap .textarea {width:calc(100% - 70px);}
.main_con_wrap2 .lately_injae ul li a {flex-wrap:wrap;}
.main_con_wrap2 .lately_injae ul li a div.lately1 {width:100%}
.main_con_wrap2 .lately_injae ul li a div.lately2, 
.main_con_wrap2 .lately_injae ul li a div.lately3 {width:auto; flex-direction:inherit; align-items:center;}
.main_con_wrap2 .lately_injae ul li a div.lately3 {margin:0}
.main_con_wrap2 .lately_injae ul li a div.lately2 p,
.main_con_wrap2 .lately_injae ul li a div.lately3 p {width:auto; text-align:left;  font-size:13px;}
.main_con_wrap2 .lately_injae ul li a p.career span {text-align:center;}
.main_con_wrap2 .lately_injae ul li a p.myinfo {width:95px; font-size:14px;}
.main_con_wrap2 .lately_injae ul li a p.title {width:calc(100% - 25px - 95px); font-size:15px;}
.main_con_wrap2 .lately_injae ul li a p.salary {font-size:13px;}
.main_con_wrap2 .lately_injae ul li a p.job::before {content:"·"; margin:0 5px;}
.main_con_wrap2 .injae_wrap .textarea .myinfo {font-size:13px;}
.main_con_wrap2 .focus_wrap {margin-top:15px;}
.main_con_wrap2 .focus_wrap .title {padding-top:10px; margin-top:15px;}
.main_con_wrap2 .focus_wrap ul li {margin-bottom:20px;}
.main_con_wrap2 .injae_wrap .textarea button {top:-2px;}

/*게시판*/
.board .boardlist {width:100%;}
.commu .board .boardlist {width:100%; margin-right:0;}

/*하단 정보 박스*/
.main_con_wrap .necessary .client_center div:nth-child(1),
.main_con_wrap .necessary .peak div:nth-child(1) {width:100%;}
.main_con_wrap .necessary .client_center div:nth-child(2),
.main_con_wrap .necessary .peak div:nth-child(2) {width:100%; margin-right:0; margin-top:2rem;}

/*서브 로그인,회원가입*/
.login_sub h3 span {display:none;}
.register td.size1 input[type="text"] {width:24%;}
.register input[type="file"] {width:100%;}
.register .box_wrap {padding:2rem 1rem;}

/*서비스안내*/
.service .service_quick {top:92px;}

/*서브-채용정보상세*/
.employ_detail .job_d1 h3 {font-size:18px; line-height:28px;}
.employ_detail .job_d1 {padding:2.3rem 2.3rem;}
.employ_detail .job_d1 .con1 {width:100%;}
.employ_detail .job_d1 .con1:first-child {margin-right:0}
.employ_detail .job_d1 .con2 dl:last-child dd:nth-of-type(1)::after {margin:0 1rem;}
.employ_detail .job_d1 .con2 dl dt {margin-right:1rem;}
.employ_detail .job_d2 {padding:2.3rem 2.3rem;}
.employ_detail .job_tab1 {padding:2.3rem;}


/*서브-이력서정보상세*/
.resume_detail .resume_d1 {padding:2.3rem;}
.resume_detail .resume_d1 h2 {font-size:18px; line-height:28px;}
.resume_detail .resume_d2 {padding:2.3rem;}
.resume_detail .tab.self_intro>div {padding:2.3rem;}
.resume_detail .tab.awards div {padding:1.5rem;}
.resume_detail .resume_d2 h2 {font-size:18px; line-height:28px;}

/*서브-이력서등록*/
.regist_common .common_box {padding:0 1rem 0 0}
.regist_common .com_table th {width:25%}
.regist_common .com_table td {width:75%}
.regist_common .com_table select {width:95%}
.regist_common .com_table input[type="text"] {width:95%}
.resume_regist tr.c_edu select {width:80%}
.regist_common .com_table dl dt {width:100%; margin-bottom:10px;}
.regist_common .com_table dl dd {width:100%; padding-left:0;}
.regist_common .com_table dl {margin:10px 0; padding:10px 0; border-bottom:1px solid #ddd;}
.regist_common .com_table dl:first-child {margin:0; padding:0 0 10px 0}
.regist_common .com_table dl:last-child {border-bottom:0;}
.resume_regist .career_list dl:nth-child(3) select {width:30%}
.regist_common .com_table dl {margin:0; }
.resume_regist .setting dl:nth-child(2) {padding-top:10px;}
.resume_regist .choice .license input[type="text"] {width:90%}
.resume_regist .choice .technology dl dt {width:100%; font-weight:500;}
.resume_regist .choice ul.class li {width:100%; margin:5px 0 10px 0}
.resume_regist .choice .technology dl {border-top:0; padding:15px 0; margin-top:0;}
.resume_regist .choice .technology dl dd {width:100%;}
.resume_regist .choice .preferential select {/*width:30%;*/}

/*서브-채용등록*/
.employ_regist .w_condition .pay select {width:30%;}
.employ_regist .w_condition .pay input[type="text"] {width:40%;}
.employ_regist .manager td span {display:block; vertical-align:middle; margin:10px 0 0 0;}
.employ_regist .manager .num input[type="text"], .employ_regist .manager .num select {width:25%;}
.employ_regist .keyword table td {padding:1rem 0 1rem 1rem;}

/*기업,개인서비스 홈*/
.my_common .my_situbox .service p {font-size:14px;}
.my_common .my_infobox .top .img {float:inherit; margin:0 auto; display:table}
.my_common .my_infobox .top .text {width:100%;}
.my_common .my_infobox .top h3 {text-align:center;}
.my_common .my_infobox .top .in_btn {justify-content:center; }

/*개인서브페이지*/
.my_sub .file_page table.style3 th:nth-child(1) {width:10%;}
.my_sub .file_page table.style3 th:nth-child(2) {width:50%;}
.my_sub .file_page table.style3 th:nth-child(3) {width:20%;}
.my_sub .file_page table.style3 th:nth-child(4) {width:20%;}

/*기업서브페이지*/
.my_sub .brand_entire .infobox>div ul {display:flex; width:100%; margin-top:2rem; align-items:center;}
.my_sub .brand_entire .infobox>div ul li {width:50%;}

/*게시판 패스워드*/
.lock_pw {width:90%}
.lock_pw {padding:3rem 2rem;}
.lock_pw p {font-size:14px;}
.lock_pw input {width:70%;}

/*커뮤니티*/
.commu.view h2 {font-size:2rem; line-height:2.5rem; margin-bottom:1.5rem;}
.commu.view .cmt_view_con {font-size:14px; line-height:19px;}
.commu .best .best1 {width:100%;}
.commu .best .best_list {width:100%; border-top:1px solid #d8d8d8;}
.commu.board_list .side_con .fr input[type="text"] {width:35%;}
.commu.board_list .side_con .fr {overflow:hidden;}
.commu.board_list .side_con .fr li {float:left;}
.commu.board_list .side_con .fr li:first-child {width:100%;}
.commu.board_list .side_con .fr li:last-child {width:100%;}
.commu.board_list .side_con .fr li:last-child select {width:98%;}
.commu .tab_menu li {width:33.3%;}
.commu.view .reply_con input {width:100px;}
.commu .tab_menu li:nth-child(4n) {border-left:1px solid #ddd;}


/*서브-검색영역*/
.sub_search .select_table dl {width:48%;}
.sub_search .s_choice ul.choice1 li {width:32%;}
/*.sub_search .s_choice ul.choice2 li  {width:32%;}
.sub_search .s_choice ul.choice3 li  {width:32%}
.sub_search .s_choice ul.choice2 li  {width:48%; text-align:center;}*/
.sub_search .s_choice ul.choice3 li  {width:48%; text-align:center;}

/*인재정보 홈*/
.jobtable .job_box .pay,
.resume_list_sub .job_box .h_type,
.resume_list_sub .job_box .h_area {font-size:13px;}


/*서브 최근구인정보*/
.employ_list_sub .job_box .jb,
.employ_list_sub .job_box .locaiotn,
.employ_list_sub .job_box .date {font-size:13px;}
.employ_list_sub .job_box .name {width:90px;}
.employ_list_sub .job_box .resume_info {width:calc(100% - 95px)}

/*모바일메뉴*/
.m_menu .m_nav_3d dl dd i {display:none;}
}



/****************************@@@@@@@@@@ 440px 이하@@@@@@@@@@****************************/
@media all and (max-width:440px) {

.agreement .agree div {padding:1rem;}
.e_skincommon .top_img h3,
.employ_skin2 .top_img h2,
.employ_skin2 .top_img h3,
.employ_skin3 .top_img h2, 
.employ_skin3 .top_img h3 {padding:0 2rem;}
.employ_regist .manager .chain select {width:130px;}
.employ_regist .manager .chain input[type="text"] {width:130px;}

.my_sub .subcon_area .brand_chain table.style3 button i{display:none;}
.my_sub .subcon_area .brand_entire ul.fr select {margin-top:1rem;}
.brand_home .top_btn_area dl dd input {width:80%;}
.brand_home .top_btn_area dl dd {width:130px;}

.commu.view .cmt_view_hd .cmt_view_fnc li.sns_gp {width:100%; padding-left:0; margin-top:1rem;}
.commu.view .cmt_view_hd .cmt_view_fnc .sns_gp span{margin-left:0; margin-right:5px;}
.commu.view .reply_con .text_area textarea {width:100%;}
.commu.view .reply_con .text_area button {width:100%; height:4rem; margin-top:1rem;}
.commu.view .reply_list > li .top ul {width:100%; justify-content:end;}

}

/****************************@@@@@@@@@@ 370px 이하@@@@@@@@@@****************************/
@media all and (max-width:380px) {
/* 🔴 2026-08-06 — 여기가 **실제로 이기던 규칙**이었다(50% = 8px 기준 → `1.4rem` 이 11.2px).
 *   앞의 530px 규칙을 고쳐도 이 줄이 뒤에 있어 계속 덮고 있었다. 실측으로 잡았다.
 *   iPhone SE(375px)·갤럭시 A 계열이 전부 이 구간에 들어간다 —
 *   즉 **작은 폰을 쓰는 사람일수록 글자가 더 작아지고 있었다.** 정확히 반대로 가야 한다.
 *   여기만 조금 낮춰 좁은 화면에서 줄바꿈이 과해지는 것만 막는다.
 *   🔴 2차 — 위 구간을 66% 로 올리면서 여기도 62%(=9.92px)로 함께 올렸다.
 *   🔴 3차 (같은 날 저녁) — **62% 도 여전히 덫이었다. 66% 로 위 구간과 통일한다.**
 *      시연용 공고 51건을 넣고 다시 재보니 이런 차이가 났다:
 *
 *          390px : 13px 미만 글자  28개 · 터치 미달   1개
 *          360px : 13px 미만 글자 138개 · 터치 미달 122개   ← 같은 화면인데
 *
 *      화면만 좁아졌을 뿐인데 다섯 배로 벌어진 이유가 이 한 줄이다. 62%면 기준이
 *      9.92px 이라 `1.3rem` = 12.9px, `4.4rem` = 43.6px — **13px·44px 문턱을 아슬하게
 *      전부 놓친다.** 66%(=10.56px)면 13.7px·46.5px 로 둘 다 넘긴다.
 *      값 하나 차이로 수백 곳이 갈리는 자리라, 구간을 나누지 말고 **하나로 맞춘다.**
 *      ⚠️ 자료가 없던 동안에는 이게 안 보였다 — 카드가 없으면 잴 글자도 없다. */
html {font-size:66%}
section.sub {margin:0 1rem;}
.main_con_wrap .pla_pri ul li.common {width:calc(98% / 2);}
.main_con_wrap .grbn ul li.common {width:100%; margin-bottom:4%; margin-right:0;}
.main_con_wrap .banner_list ul li.common {width:100%;}
.main_con_wrap .list_list ul li.common {width:100%;}
.employ_detail .job_d1 {padding:2rem 1.5rem}
.employ_detail .job_d2 {padding:4rem 1.5rem}
.employ_detail .job_tab1 {padding:1.5rem;}
.my_common .my_infobox .bottom dl {width:100%;}
.my_sub .brand_entire .infobox>div button {width:100%; margin-top:2rem;}
.brand_home .brand_kind dl {width:49%;}
.brand_home .brand_kind dl:nth-of-type(2n) {margin-right:0;}
.brand_home .brand_kind dl:nth-of-type(3n) {margin-right:auto;}
.brand_home .brand_kind dl:nth-of-type(6n) {margin-right:auto;}
.brand_home .top_btn_area dl {width:100%; margin-top:1rem;}
.brand_home .top_btn_area dl dd {width:calc(100% - 74px)}
.brand_home .top_btn_area dl dd input {width:90%;}

.commu.view .cmt_view_bottom .btn_gp2 {width:100%; }

/*서브-검색영역*/
/*.sub_search .s_choice ul.choice1 li {width:48%;}
.sub_search .s_choice ul.choice2 li  {width:48%;}
.sub_search .s_choice ul.choice3 li  {width:48%}*/
.sub_search .select_table dl {width:100%; margin:0}


/*서비스안내*/
.service .service_quick {top:88px;}

}


/* 2026-08-05 폰트 시스템 — 여기 있던 'CustomFont' 선언을 걷어냈다.
 *
 * 🔴 **폰트 파일이 아예 없었다.** 세 경로(woff2/woff/ttf) 전부 404 다.
 *    이전 운영자가 상용 폰트를 쓰다 파일만 빠진 것으로 보인다(UUID 파일명).
 *    그런데 이 파일은 default.css 보다 **뒤에** 로드되므로 이 `body` 한 줄이
 *    default.css 의 폰트 지정을 계속 이겨 왔다. 즉 사이트 전체가
 *    "없는 폰트를 찾다 실패하고 브라우저 기본 글꼴로 떨어지는" 상태였다.
 *    실측으로 확인했다(getComputedStyle → "CustomFont, sans-serif", 파일 404).
 *
 * 폰트는 css/fonts.css 에서 선언하고 css/default.css 의 토큰(--font-body 등)으로 쓴다.
 * 여기서 지웠으므로 그 토큰이 정상적으로 적용된다. 파일이 없던 선언이라 화면은 바뀌지 않는다.
 */

/* ═══════════════════════════════════════════════════════════════════════════
 *  하단 탭바 (폰 전용)                                          2026-08-06 신설
 * ═══════════════════════════════════════════════════════════════════════════
 *  마크업은 include/bottom_nav.inc.php. 왜 만들었는지도 그 파일 머리말에 있다.
 *  ⚠️ 이 파일 뒤에 색 스킨(pink.css)이 로드되지만 새 클래스명이라 충돌하지 않는다.
 */
.bb_bottom_nav{display:none}

@media all and (max-width:1023px){
  /* 탭바가 본문 마지막 줄을 가리지 않게 그만큼 아래를 비운다.
     56px(탭 높이) + 아이폰 홈바 여백. */
  body{padding-bottom:calc(5.6rem + env(safe-area-inset-bottom, 0px));}

  .bb_bottom_nav{
    display:block; position:fixed; left:0; right:0; bottom:0; z-index:9997;
    background:#fff; border-top:1px solid #ececec;
    padding-bottom:env(safe-area-inset-bottom, 0px);
    box-shadow:0 -1px 8px rgba(0,0,0,.05);
  }
  .bb_bottom_nav ul{display:flex; margin:0; padding:0; list-style:none;}
  .bb_bottom_nav li{flex:1 1 0; min-width:0;}
  .bb_bottom_nav a{
    /* 🔴 최소 56px — 권장 44px 보다 넉넉히. 폰에서 오탭이 나면 이탈로 이어진다. */
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    gap:.3rem; height:5.6rem; padding:0 .2rem;
    color:#8b8177; text-decoration:none; font-size:1.1rem; line-height:1.2;
    font-family:var(--font-heading); font-weight:600; letter-spacing:-.02em;
  }
  .bb_bottom_nav a i{font-size:2.2rem; line-height:1;}
  .bb_bottom_nav a span{
    /* 글자가 길면 줄바꿈 대신 줄여서 칸 높이가 흔들리지 않게 */
    max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  }
  .bb_bottom_nav a.on{color:var(--brand);}
  .bb_bottom_nav a:focus-visible{outline:2px solid var(--brand); outline-offset:-2px; border-radius:6px;}
}

/* ═══════════════════════════════════════════════════════════════════════════
 *  폰 목록 개편 — 1열 가로 카드                                 2026-08-06 신설
 * ═══════════════════════════════════════════════════════════════════════════
 *
 * ▍왜 (사장님 지시: 20~40대 여성이 거의 폰으로만 본다)
 *   폰 390px 에서 공고가 **한 줄에 3개**, 카드 폭이 **112px** 이었다.
 *   업소명·급여가 다 잘려서 무엇을 고를지 판단할 수가 없다.
 *   찜(별) 버튼은 **19×22px** 라 손가락으로 정확히 못 눌렀다.
 *
 * ▍무엇으로 바꾸나
 *   당근·알바몬 같은 **1열 가로 카드** — 왼쪽 사진, 오른쪽 정보.
 *   폰에서 세로로 훑어 내리는 것이 가장 익숙하고, 정보가 안 잘린다.
 *
 * ▍범위
 *   767px 이하(폰)에서만. 태블릿·PC 는 기존 격자 그대로 둔다.
 *   ⚠️ 업소가 돈 주고 고른 강조 테두리색은 인라인 `!important` 라 그대로 살아 있다(매출 관련).
 */
@media all and (max-width:767px){

  /* ── 목록을 세로 한 줄로 ────────────────────────────────────────────── */
  .main_con_wrap .pla_pri ul[class^="num"]{
    display:flex; flex-direction:column; gap:1rem;
  }
  .main_con_wrap .pla_pri ul[class^="num"] > li.common{
    width:100%; margin:0; height:auto;
  }

  /* ── 카드 한 장: 왼쪽 사진 · 오른쪽 정보 ──────────────────────────── */
  .main_con_wrap .pla_pri ul li.bg_ver > a{
    /* ⚠️ `flex-direction:row` 를 반드시 명시할 것 — 기존 규칙이 column 이라
     *    방향을 안 적으면 사진과 글이 **세로로 쌓이고** 글 영역이 129px 로 쭈그러든다
     *    (실측에서 잡았다. 카드는 350px 인데 글이 절반도 못 썼다). */
    display:flex; flex-direction:row; align-items:flex-start; gap:1.2rem;
    padding:1.2rem; height:auto;
  }
  /* 사진 — 정사각에 가깝게 고정. 없으면 회색 자리로 남는다(레이아웃이 안 흔들린다) */
  .main_con_wrap .pla_pri ul li.bg_ver .toparea{
    width:9rem; flex:0 0 9rem; margin:0; position:relative;
  }
  .main_con_wrap .pla_pri ul li.bg_ver .toparea p{
    padding-bottom:100%; border-radius:.8rem;
  }
  .main_con_wrap .pla_pri ul li.bg_ver .textarea{
    flex:1 1 auto; min-width:0; padding:0;
  }
  .main_con_wrap .pla_pri ul li.bg_ver .textarea h2{padding-top:0;}
  .main_con_wrap .pla_pri ul li.bg_ver .textarea p.title{margin-top:.4rem;}

  /* ── 글자 — 폰에서 읽히는 크기로 ──────────────────────────────────── */
  /* ⚠️ 선택자에 `li.common` 을 반드시 넣을 것.
   *    기존 규칙(:468 · :2929)이 `li.common .textarea p.title{font-size:14px}` 형태라
   *    `li` 만 쓰면 **특정성에서 져서 조용히 무시된다**(처음에 그렇게 짰다가 실측에서 잡았다). */
  .main_con_wrap .pla_pri ul li.common .textarea p.title{font-size:1.6rem; line-height:1.4;}
  .main_con_wrap .pla_pri ul li.common .textarea h2{font-size:1.5rem; line-height:1.4;}
  .main_con_wrap .pla_pri ul li.common .textarea .tt span{font-size:1.3rem;}
  .main_con_wrap .pla_pri ul li.common .textarea p.business_type{font-size:1.3rem;}
  /* 급여는 이 화면에서 가장 중요한 숫자다. 가장 크고 진하게. */
  .main_con_wrap .pla_pri ul li.common .textarea p.location{
    font-size:1.7rem; font-weight:700; color:var(--ink);
  }

  /* ── 찜(별) 버튼 — 44px 이상 ──────────────────────────────────────── */
  .main_con_wrap .pla_pri ul li .scrap-star-{
    position:absolute; top:-.6rem; right:-.6rem;
    width:4.4rem; height:4.4rem; display:flex; align-items:center; justify-content:center;
    z-index:2;
  }
  .main_con_wrap .pla_pri ul li .scrap-star- i{font-size:2.2rem;}
}

/* ═══════════════════════════════════════════════════════════════════════════
 *  폰 — 남은 작은 글자 정리                                     2026-08-06 신설
 * ═══════════════════════════════════════════════════════════════════════════
 *  앞의 목록 개편 뒤에도 메인에 11px 짜리가 98곳 남아 있었다(실측).
 *  20~40대가 폰으로 보는 화면에서 11px 는 읽기 힘들다. 최소 13px 로 올린다.
 *  ⚠️ 이 블록은 반드시 앞 블록보다 **뒤**에 있어야 한다(같은 특정성이면 뒤가 이긴다).
 */
@media all and (max-width:767px){

  /* 카드 아래 요약줄 — "지역 · 업종 · 급여" 가 한 줄로 붙는 자리 */
  .pla_pri li.common .asi_wrap,
  .pla_pri li.common .asi_wrap p,
  .pla_pri li.common .asi_wrap span{font-size:1.3rem; line-height:1.5;}
  /* 급여만은 다시 크게 — 위 규칙에 덮이지 않게 여기서 한 번 더 정한다 */
  .pla_pri li.common .asi_wrap p.location,
  .main_con_wrap .pla_pri ul li.common .textarea p.location{
    font-size:1.7rem; font-weight:700; color:var(--ink);
  }

  /* 메인의 표 형태 목록(최근 구인정보 등) */
  .lately .td_con, .lately .td_con *,
  .lately .th_title, .lately .th_title *{font-size:1.3rem; line-height:1.6;}
  /* 표는 폰에서 옆으로 넘칠 수 있다 — 페이지 전체가 밀리지 않게 그 안에서만 스크롤 */
  .lately{overflow-x:auto;}

  /* 섹션 제목("최근 구인정보" 등)과 「더보기」 */
  .product_title, .product_title *{font-size:1.6rem;}
  .product_title a, .product_title .more{font-size:1.3rem;}

  /* 하단 탭바 글자도 한 칸 키운다(12 → 13px) */
  /* 🔴 rem 이 아니라 px 다. `1.3rem` 으로 뒀더니 **360px 폰에서 12.9px** 이 나왔다 —
        이 파일은 ≤380px 에서 `html{font-size:62%}` 로 글자 기준을 더 내리기 때문이다.
        화면이 좁을수록 탭 이름이 작아지는 셈이라 정반대로 간다.
        탭바 글자는 본문이 아니라 **늘 떠 있는 이름표**라, 화면 폭과 무관하게 13px 로 못 박는다. */
  /* ⚠️ 이 줄은 여기(≤767px) 말고 아래 「탭바 글자」 블록에서 다시 잡는다 —
        탭바 자체는 **≤1023px** 에서 보이는데 글자만 767px 까지 지정해
        **768~1023px 구간에서 11px 로 남아 있었다**(실측으로 잡음). */
  .bb_bottom_nav a{font-size:13px;}
}

@media all and (max-width:767px){
  /* 2026-08-06 — 급여줄 안에 중첩된 요소(단위·구분자 등)가 11px 로 남아 있었다.
     부모 크기를 그대로 물려받게 해서 한 줄이 같은 크기로 읽히게 한다. */
  .pla_pri li.common .asi_wrap p.location *{font-size:inherit; color:inherit;}
  /* 그 밖에 카드 글 영역에 남은 11px 짜리 — 최소 13px 로 올린다 */
  .pla_pri li.common .textarea span,
  .pla_pri li.common .textarea p{font-size:1.3rem;}
  /* 위 한 줄이 제목·급여까지 덮으므로 둘은 다시 지정한다(순서상 뒤가 이긴다) */
  .pla_pri li.common .textarea p.title{font-size:1.6rem; line-height:1.4;}
  .pla_pri li.common .textarea p.location{font-size:1.7rem; font-weight:700; color:var(--ink);}
}

/* ═══════════════════════════════════════════════════════════════════════════
 *  폰 — `.pla_pri` 밖의 목록도 같은 규칙으로                     2026-08-06 신설
 * ═══════════════════════════════════════════════════════════════════════════
 *  앞 블록은 선택자가 `.pla_pri` 로 시작해서, 그 클래스가 없는 목록
 *  (`.main_con_wrap > section > ul > li.common`)에는 하나도 안 걸렸다.
 *  같은 화면에 두 종류의 목록이 섞여 있어 **한쪽만 커지는** 상태였다(실측으로 잡음).
 */
@media all and (max-width:767px){

  .main_con_wrap ul > li.common{width:100%; margin:0 0 1rem; height:auto;}
  .main_con_wrap ul{display:flex; flex-direction:column; gap:0;}

  .main_con_wrap li.common > a{
    display:flex; flex-direction:row; align-items:flex-start; gap:1.2rem;
    padding:1.2rem; height:auto;
  }
  .main_con_wrap li.common .toparea{width:9rem; flex:0 0 9rem; margin:0; position:relative;}
  .main_con_wrap li.common .toparea p{padding-bottom:100%; border-radius:.8rem;}
  .main_con_wrap li.common .textarea{flex:1 1 auto; min-width:0; padding:0;}

  .main_con_wrap li.common .textarea span,
  .main_con_wrap li.common .textarea p,
  .main_con_wrap li.common .asi_wrap,
  .main_con_wrap li.common .asi_wrap *{font-size:1.3rem; line-height:1.5;}
  .main_con_wrap li.common .textarea p.title{font-size:1.6rem; line-height:1.4; font-weight:600;}
  .main_con_wrap li.common .textarea h2{font-size:1.5rem;}
  .main_con_wrap li.common .textarea p.location,
  .main_con_wrap li.common .asi_wrap p.location{font-size:1.7rem; font-weight:700; color:var(--ink);}
  .main_con_wrap li.common .asi_wrap p.location *{font-size:inherit; color:inherit;}

  /* 찜(별) — `li` 없이 `a > button` 인 자리도 있어 범용으로 잡는다 */
  .main_con_wrap .scrap-star-{
    position:absolute; top:.4rem; right:.4rem;
    width:4.4rem; height:4.4rem; display:flex; align-items:center; justify-content:center; z-index:2;
  }
  .main_con_wrap .scrap-star- i{font-size:2.2rem;}
  /* 별의 기준점이 되도록 — 이미 relative 면 그대로다 */
  .main_con_wrap li.common, .main_con_wrap li.common > a{position:relative;}
}

/* ═══════════════════════════════════════════════════════════════════════════
 *  폰 — 마무리 (컨테이너를 안 따진다)                            2026-08-06 신설
 * ═══════════════════════════════════════════════════════════════════════════
 *  앞의 두 블록은 `.pla_pri` / `.main_con_wrap` 로 범위를 좁혔는데,
 *  같은 목록이 화면마다 다른 껍데기 안에 들어 있어 **계속 새어 나갔다**
 *  (실측할 때마다 안 걸린 자리가 하나씩 더 나왔다).
 *  목록 카드와 찜 버튼은 어디에 있든 규칙이 같아야 하므로 컨테이너를 안 따진다.
 *  ⚠️ 폰(767px 이하) 전용이라 PC 격자에는 영향이 없다.
 */
@media all and (max-width:767px){

  /* 카드 글 — 최소 13px. 제목·급여는 아래에서 다시 키운다(순서상 뒤가 이긴다) */
  li.common .textarea *,
  li.common .asi_wrap *{font-size:1.3rem; line-height:1.5;}
  li.common .textarea p.title{font-size:1.6rem; line-height:1.4; font-weight:600;}
  li.common .textarea p.title *{font-size:inherit;}
  li.common p.location{font-size:1.7rem; font-weight:700; color:var(--ink);}
  li.common p.location *{font-size:inherit; color:inherit;}

  /* 찜(별) — 화면마다 감싸는 태그가 달라 컨테이너를 안 따진다 */
  .scrap-star-{
    width:4.4rem; height:4.4rem;
    display:flex; align-items:center; justify-content:center;
  }
  .scrap-star- i{font-size:2.2rem;}
}

/* ═══════════════════════════════════════════════════════════════════════════
   폰 검색창                                                    2026-08-06 신설
   마크업: include/mobile_search.inc.php (왜 만들었는지는 그 파일 주석에)
   ═══════════════════════════════════════════════════════════════════════════ */

/* 화면에 안 보이지만 읽어주는 프로그램에는 들리는 글자.
   돋보기 아이콘만 있는 버튼이 "검색"이라고 읽히게 하려고 쓴다.
   ⚠️ display:none 으로 숨기면 읽어주는 프로그램도 건너뛴다 — 그래서 1px 로 접는 방식이다. */
.bb_blind{
  position:absolute; width:1px; height:1px; margin:-1px; padding:0;
  overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; border:0;
}

/* 기본은 숨김. PC 는 헤더 검색창이 살아 있다. */
.bb_m_search{display:none;}
.bb_quick_search{display:none;}

/* ═══════════════════════════════════════════════════════════════════════════
   지역·직종 빠른 찾기                                            2026-08-06 신설
   마크업: include/quick_search.inc.php (검색이 거는 조건은 그 파일 주석에)
   ═══════════════════════════════════════════════════════════════════════════ */
@media all and (max-width:1023px){
  .bb_quick_search{
    display:flex; gap:.6rem; align-items:center;
    padding:0 1.2rem 1rem;
    background:var(--brand-soft);
    border-bottom:1px solid rgba(0,0,0,.06);
  }
  .bb_quick_search select{
    flex:1 1 0; min-width:0;          /* min-width:0 이 없으면 셋이 안 줄어 가로 스크롤이 생긴다 */
    height:44px; margin:0; padding:0 2.2rem 0 .9rem;
    font-size:15px; color:var(--ink); background-color:#fff;
    border:1px solid rgba(0,0,0,.18); border-radius:.8rem;
    -webkit-appearance:none; appearance:none;   /* iOS 기본 화살표 제거 */
    /* 화살표를 직접 그린다 — 외부 파일을 안 받아도 되고 색을 맞출 수 있다 */
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23C64B45' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat; background-position:right .9rem center;
    text-overflow:ellipsis;
  }
  .bb_quick_search select:disabled{background-color:#F3EDEB; color:#9A8F8B;}
  .bb_quick_search select:focus{
    outline:none; border-color:var(--brand);
    box-shadow:0 0 0 3px rgba(198,75,69,.18);
  }
  .bb_quick_search button{
    flex:0 0 auto; height:44px; min-width:6.4rem; padding:0 1.2rem; margin:0;
    font-size:15px; font-weight:700; color:#fff; background:var(--brand);
    border:0; border-radius:.8rem; cursor:pointer; white-space:nowrap;
  }
  .bb_quick_search button:active{background:var(--brand-deep);}

  /* 검색어 입력줄과 붙여 하나의 묶음으로 보이게 — 사이 경계선을 없앤다 */
  .bb_m_search{border-bottom:0; padding-bottom:.8rem;}
}
/* 아주 좁은 폰(≤360px)에서는 넷이 한 줄에 안 들어간다 → **두 줄**로 나눈다.
     첫 줄: 시/도 · 구/군      둘째 줄: 직종 · 검색
   ⚠️ 직종에 `flex:1 1 auto` 를 주면 **내용 크기부터 늘어나** 한 줄을 통째로 먹고
      검색 버튼이 셋째 줄로 밀린다(실측 3줄·156px). `flex:1 1 0` 이라야
      0 에서부터 남는 폭을 나눠 버튼과 같은 줄에 앉는다. */
@media all and (max-width:360px){
  .bb_quick_search{flex-wrap:wrap;}
  .bb_quick_search select.qs_sido,
  .bb_quick_search select.qs_gu{flex:1 1 calc(50% - .3rem);}
  .bb_quick_search select.qs_job{flex:1 1 0; min-width:0;}
}

@media all and (max-width:1023px){
  .bb_m_search{
    display:flex; gap:.8rem; align-items:center;
    padding:1rem 1.2rem;
    background:var(--brand-soft);
    border-bottom:1px solid rgba(0,0,0,.06);
  }
  .bb_m_search input[type="search"]{
    flex:1 1 auto; min-width:0;   /* min-width:0 이 없으면 flex 안에서 입력칸이 안 줄어 가로 스크롤이 생긴다 */
    height:4.8rem; margin:0; padding:0 1.4rem;
    font-size:1.6rem;             /* 16px 미만이면 iOS 가 입력할 때 화면을 확대해 버린다 */
    line-height:normal;
    color:var(--ink); background:#fff;
    border:2px solid var(--brand); border-radius:.8rem;
    -webkit-appearance:none; appearance:none;   /* iOS 기본 둥근 테두리·× 버튼 제거 */
    box-sizing:border-box;
  }
  .bb_m_search input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
  .bb_m_search input[type="search"]::placeholder{color:#8A7E7A;}  /* 크림 바탕 대비 4.5 이상 */
  .bb_m_search input[type="search"]:focus{
    outline:none; border-color:var(--brand-deep);
    box-shadow:0 0 0 3px rgba(198,75,69,.18);   /* 어디에 입력 중인지 보이게 */
  }
  .bb_m_search button{
    flex:0 0 auto;
    width:4.8rem; height:4.8rem; padding:0; margin:0;
    display:flex; align-items:center; justify-content:center;
    color:#fff; background:var(--brand);
    border:0; border-radius:.8rem; cursor:pointer;
  }
  .bb_m_search button i{font-size:2.2rem; color:#fff;}
  .bb_m_search button:active{background:var(--brand-deep);}
}

/* ═══════════════════════════════════════════════════════════════════════════
   남은 작은 버튼 키우기                                          2026-08-06
   ═══════════════════════════════════════════════════════════════════════════

   폰에서 44px 에 못 미치던 것들을 실측으로 추려 손봤다.
   손가락 끝이 닿는 면적이 대략 그 정도라, 그보다 작으면 옆 것이 눌린다.

   🔴 **누르는 크기는 `rem` 이 아니라 `px` 로 적는다.**
      처음에 `4.4rem` 으로 썼다가 **360px 폰에서 43.6px** 이 나왔다.
      이 파일은 화면이 좁아지면 `html{font-size:…}` 를 내린다(≤380px 에서 62%).
      그러면 rem 이 같이 줄어 **좁은 폰일수록 버튼이 작아진다** — 정반대로 가는 것이다.
      글자는 화면 따라 줄어도 되지만 **손가락은 안 줄어든다.** 그래서 px 로 못 박는다.

   ▍헤더 안의 두 개(로고·햄버거)는 **헤더를 키워서** 해결했다

     처음에는 헤더 높이를 아끼려고, 보이는 크기는 그대로 두고 투명한 `::after` 를
     44×44 로 덮어 **손가락만 넓게 받는** 방법을 썼다. 그런데 실측해 보니
     네 귀퉁이 중 **위아래 2곳이 안 잡혔다.**

       `ul.regist_btn` 과 `div.top_area` 에 **`overflow:hidden`** 이 걸려 있고
       두 줄 다 높이가 35px 이라, 넘어간 부분이 **위아래로 잘려 나갔다.**
       (좌우는 줄이 넓어 멀쩡했다. 그래서 4곳 중 2곳만 됐다.)

     그 `overflow:hidden` 은 안쪽이 float 로 짜여 있어 높이를 잡아 주는 장치다.
     떼면 헤더 배치가 무너진다. **반만 되는 꼼수를 남기느니** 헤더를 키우기로 했다.

     비용은 sticky 헤더 **58 → 66px, 8px**. 흔한 폰 헤더가 56~64px 이니 벗어나지 않고,
     햄버거는 하단 탭바에 없는 메뉴(고객센터·서비스안내·약관)로 가는 **유일한 입구**라
     확실히 눌리는 편이 8px 보다 값지다.
*/

@media all and (max-width:1023px){

  /* ── 고정 헤더 안 — 줄 자체를 44px 로 ─────────────────────────────
     ⚠️ 안쪽이 float 라 `.top_area`/`.regist_btn` 의 `overflow:hidden` 은 그대로 둔다.
        높이를 잡아 주는 장치라 떼면 헤더가 무너진다. */
  header .top_area .regist_btn li > a,
  header .top_area h1.logo > a{
    display:flex; align-items:center;
    min-height:44px; min-width:44px;
  }
  header .top_area .regist_btn li.m_menubtn > a{justify-content:center;}
  /* 「구인공고등록」·「이력서등록」은 폰(≤530px)에서는 숨고 태블릿 폭에서만 보인다.
     거기서 127×21 이었다 — 위 규칙이 같이 받는다. */

  /* ── 고정 헤더 밖 — 세로로 자라도 그 자리만 내려갈 뿐이다 ────────── */

  /* 검색 상세조건 안의 「확인」 — 50×38 이었다.
     ⚠️ 320px(구형 아이폰 SE)에서는 **폭이 43.1px** 로 0.9px 모자랐다. 높이만 잡으면 안 된다.
        옆 입력칸이 남은 폭을 다 가져가서 그렇다 → `flex-shrink:0` 으로 이 버튼은 안 줄인다. */
  ul.depth_btn .search_word > button{min-height:44px; min-width:44px; flex-shrink:0;}

  /* 「초기화」 등 버튼 줄 — 143×42, 2px 모자랐다 */
  .btn_area > ul.btn > li > button,
  .btn_area > ul.btn > li > a{min-height:44px;}

  /* 목록 구획 제목 옆 「상품안내」 — 70×28 이었다.
     ⚠️ 선택자를 `.main_con_wrap` 까지 붙여야 한다. 원래 규칙이
        `.main_con_wrap .product_title span a {padding:6px 10px}` (클래스 2개)라
        `.product_title > span > a` (클래스 1개)로는 **진다.** */
  .main_con_wrap .product_title span a,
  .main_con_wrap2 .product_title span a,
  .product_title span a{
    display:inline-flex; align-items:center; min-height:44px;
    padding-top:0; padding-bottom:0;
  }

  /* ── 첫 화면 지역 18개 · 업종 11개 바로가기 ────────────────────────
     🔴 2026-08-06 저녁 — 사장님이 화면을 보고 "글자 위치가 어정쩡하다" 하셨다. 맞았다.
        처음에 `.location > ul > li > a` 로 `display:flex; min-height:44px` 를 줬는데,
        원래 규칙이 `.top_con_wrap .top2 .location>ul li a` (**클래스 3개**)라
        내 선택자(**클래스 1개**)가 **져서 `display:block` 이 그대로 남았다.**
        결과: `min-height:44px` 만 먹고 `line-height:35px` 는 그대로라
        **글자가 44px 칸의 위쪽 35px 에 붙어** 세로가 안 맞았다.
        게다가 `min-width:44px` 탓에 `li`(31px)보다 `a`(44px)가 넓어 **서로 밀고 겹쳤다.**

     ▍고친 방법 — 폭을 글자 길이에 맡기지 않고 **격자로 나눈다**
        `float` + `width:16.6%` 는 6칸을 전제한 PC 배치다. 폰에서 통이 179px 로 좁아지면
        한 칸이 30px 이 되어 44px 을 절대 못 채운다. 그래서 폰에서는
        **네 블록을 한 줄에 하나씩 펼치고**(통이 366px 이 된다) 격자로 나눈다.
          · 지역 18개 → 5칸 × 4줄 (한 칸 ≈ 69px)
          · 업종 11개 → 3칸 × 4줄 (한 칸 ≈ 116px, 「하이퍼블릭」도 들어간다)
        칸이 균등하니 글자가 세로로 딱 맞고, 줄도 어긋나지 않는다.

     ⚠️ 선택자를 `.top_con_wrap .top2 …` 까지 붙였다. 줄이면 원래 규칙에 **다시 진다.** */

  .top_con_wrap .top2{gap:1.2rem 0;}
  .top_con_wrap .top2 > div{width:100%;}            /* 한 줄에 하나씩 */

  .top_con_wrap .top2 .location > ul,
  .top_con_wrap .top2 .b_type > ul{
    display:grid; gap:.4rem; padding:1.2rem;
    overflow:visible;                                /* float 용 clearfix 였다 — 격자엔 불필요 */
  }
  .top_con_wrap .top2 .location > ul{grid-template-columns:repeat(5, 1fr);}
  .top_con_wrap .top2 .b_type  > ul{grid-template-columns:repeat(3, 1fr);}

  .top_con_wrap .top2 .location > ul li,
  .top_con_wrap .top2 .b_type > ul li{
    float:none; width:auto;                          /* 격자가 폭을 정한다 */
  }
  .top_con_wrap .top2 .location > ul li a,
  .top_con_wrap .top2 .b_type > ul li a{
    display:flex; align-items:center; justify-content:center;
    min-height:44px; line-height:1.2;                /* 35px 고정 줄높이를 풀어야 세로 가운데가 맞는다 */
    padding:0 .4rem; border-radius:.6rem;
    font-size:14px;                                  /* px — rem 이면 좁은 폰에서 더 작아진다 */
    color:var(--ink);
  }
  .top_con_wrap .top2 .location > ul li a:active,
  .top_con_wrap .top2 .b_type > ul li a:active{background:var(--brand-soft);}

  /* 구획 제목 옆의 「더보기」 화살표 — 17×20, 23×23 이었다.
     감싸는 태그가 자리마다 `span` 이기도 하고 `em` 이기도 해서 둘 다 받는다. */
  h3 > span > a, h3 > span > a > button,
  h3 > em > button, h3 > em > a,
  h3 > a{
    display:inline-flex; align-items:center; justify-content:center;
    min-height:44px; min-width:44px;
  }

  /* 목록 위 앞/뒤 넘김 버튼 — 60×43, 1px 모자랐다 */
  .m_title > button.back,
  .m_title > button.forward{min-height:44px;}

  /* 목록 위 정렬 상자(「등록일순」·「20개씩보기」) — 42.2px 로 1.8px 모자랐다.
     ⚠️ 이건 이번에 만든 게 아니라 **원래 그랬다.** 그동안 자동 점검이 `a·button·label` 만
        세고 **`select` 를 안 세서** 안 잡혔다. 빠른찾기를 넣으며 select 를 세다가 드러났다.
        → 앞으로 터치 점검에는 `select` 도 넣는다. */
  /* 폰에서는 **모든 고르기 상자**가 44px 이어야 한다. 정렬 상자든 이메일 도메인이든
     손가락으로 누르는 건 똑같다. 낱개로 쫓아다니면 새 화면이 생길 때마다 또 빠진다. */
  select{min-height:44px;}

  /* 로그인 화면 아래 줄 — 「아이디저장」 80×19, 「회원가입」 66×13,
     「아이디/비밀번호 찾기」 109×13 이었다.
     비밀번호를 잊었을 때 누르는 자리라, 여기서 못 누르면 그대로 되돌아간다. */
  .loginbox > ul.loginlink > li > a,
  .loginbox > ul.loginlink > li > label{
    display:inline-flex; align-items:center;
    min-height:44px;
  }

  /* 공지사항 탭(「전체」·「공지」) 115×41 과 그 옆 「검색」 58×42 — 2~3px 모자랐다 */
  ul.tab_menu > li > a{display:flex; align-items:center; justify-content:center; min-height:44px;}
  form > ul.fr > li > button{min-height:44px;}

  /* 검색결과 화면의 지역 고르기 17개 — 101×42.
     검색해서 들어온 사람이 범위를 좁히는 자리다. */
  .s_choice > ul > li > button{min-height:44px;}

  /* 고객문의 — 라디오(「일반문의」 72×26)와 개인정보 동의 체크(293×21).
     ⚠️ 동의 체크는 **못 누르면 문의를 아예 못 보낸다.** 여기 있는 것 중 제일 중요하다. */
  ul.li_float > li > label,
  .terms > p > label{display:inline-flex; align-items:center; min-height:44px;}
  /* 자동입력방지 「음성듣기」·「새로고침」 78×32 */
  .capcha_btn > button{min-height:44px;}

  /* 푸터 링크 — 42px. 줄 높이만 올리면 된다.
     ⚠️ 위(2257줄)의 `footer .b_menu ul li {line-height:4rem}` 보다 **뒤**에 있어야 이긴다.
        파일 맨 끝에 두는 이유다. */
  footer .b_menu ul li a{display:block; line-height:44px;}

  /* ── 🔴 아래 셋은 **공고가 실제로 있어야 화면에 나타나는 것들**이다 ─────
     빈 DB 로 재던 동안에는 존재하지 않아서 「미달 0」 으로 통과했다.
     2026-08-06 시연용 자료 51건을 넣자마자 드러났다.
     ⚠️ 앞으로 화면을 잴 때는 **자료를 넣은 상태에서** 재야 한다. */

  /* 급여 배지(「시급」·「월급」·「협의」) — 12px 이었다.
     ⚠️ 선택자를 `.main_con_wrap .list_list ul li` 까지 다 붙여야 한다.
        520줄의 `.main_con_wrap .list_list ul li .asi_wrap span {font-size:12px}` 가
        **클래스 3개**라, 짧게 `.asi_wrap span[class^=tcol]` 로 쓰면 **진다**(한 번 그렇게 썼다가
        여전히 12px 인 걸 실측으로 잡았다). */
  .main_con_wrap .list_list ul li .asi_wrap span,
  .job_box .pay span.sstyle{font-size:13px;}

  /* 인재 카드를 통째로 감싼 링크 — 201×32 였다. 카드 전체가 누르는 자리다. */
  .job_box > .resume_info > a{display:block; min-height:44px;}

  /* 페이지 번호 — 31×31 이었다. 촘촘히 붙어 있어 옆 쪽수가 눌리기 쉽다. */
  .paging ul li > a,
  .paging ul li > span{
    display:inline-flex; align-items:center; justify-content:center;
    min-width:44px; min-height:44px;
  }

  /* 🔴 로고 유형이 안 정해졌을 때 업소명이 10.56px 로 나온다 — 받침이 없는 자리다.
     카드 위쪽 로고 칸(`.toparea > p`)의 글자 크기는
     `li.text_ver .toparea p` · `li.logo_ver …` 처럼 **유형별 규칙에만** 있다.
     운영자가 「구인공고 로고설정」을 안 고르면(`$env['employ_logo']` 가 빈 값)
     카드 클래스가 `li.common _ver` 가 되어 **어느 규칙에도 안 걸리고 기본값을 상속**한다.
     → 업소 이름이 10.56px 로 찍힌다.

     ⚠️ 로컬에서는 이 설정이 'bg' 라 **끝까지 안 보였다.** 운영서버는 비어 있어서 드러났다.
        로컬 실측이 통과해도 서버 설정이 다르면 거짓일 수 있다.
     ⚠️ 유형이 정해진 경우에는 기존 규칙(클래스 4개)이 이기므로 이 줄은 **빈 경우에만** 먹는다. */
  li.common .toparea > p{font-size:1.8rem; line-height:1.35; font-weight:600; color:#333;}
}

/* ═══════════════════════════════════════════════════════════════════════════
   「리스트 구인정보」를 폰에서 한 줄에 하나씩                     2026-08-06
   ═══════════════════════════════════════════════════════════════════════════

   사장님: "리스트 구인 글자 한줄로 나오게"

   ▍무엇이 문제였나
     이 구획의 카드는 원래 **가로 배치**로 설계돼 있다 —
     `li a {display:flex; align-items:center}` 에 업소명 20% · 정보 80%(505~514줄).
     한 줄짜리 목록 행처럼 읽히라고 만든 구조다.

     그런데 폰에서도 `ul.num2 li {width:calc((100% - 10px) / 2)}` 가 그대로 먹어
     **한 칸이 179px** 로 좁아졌다. 그 안에서 20/80 을 다시 나누니 글자가 들어갈 자리가 없어
     제목·지역·급여가 세로로 겹겹이 쌓이고 카드 높이가 **157px** 까지 부풀었다.
     14건이면 화면 열한 번을 넘겨야 한다.

   ▍고친 방법
     폭을 100% 로 돌려 **한 줄에 하나씩** 놓는다. 그러면 원래 의도대로
     왼쪽에 업소명, 오른쪽에 제목·지역·급여가 **가로로 한 줄** 흐른다.

   ⚠️ 폰(≤767px)에만 적용한다. 태블릿·PC 는 가로가 넉넉해 2열이 낫다.
   ⚠️ 선택자를 `.main_con_wrap .list_list ul.num2 li` 로 **원본과 똑같이** 써야 한다.
      507줄이 클래스 3개라 짧게 쓰면 진다.
*/
@media all and (max-width:767px){
  .main_con_wrap .list_list ul.num2 li{width:100%;}

  /* 가로로 펴지면 업소명 20% 는 너무 좁다(「하버라운지 인천점」이 잘린다).
     이름이 들어갈 만큼 주되 고정하지 않고, 남는 폭은 정보 쪽이 가져가게 둔다. */
  .main_con_wrap .list_list ul li h2{
    min-width:9rem; width:auto; flex:0 0 auto; text-align:left; padding-left:1.2rem;
  }
  .main_con_wrap .list_list ul li .textarea{width:auto; flex:1 1 auto; min-width:0;}

  /* 🔴 여기가 「글자가 여러 줄로 나오던」 진짜 원인이다.
     2701줄에 `.asi_wrap div {width:100%}` 가 있어 지역·업종·급여가 **각각 한 줄씩** 차지했다
     (`.asi_wrap` 이 `flex-wrap:wrap` 이라 100% 짜리가 계속 다음 줄로 떨어진다).
     그래서 세 토막이 3줄 = 57px 이 되고 카드가 157px 까지 부풀었다.
     폭을 `auto` 로 돌리면 **한 줄에 이어 붙는다.** 자리가 모자랄 때만 다음 줄로 넘어간다. */
  .main_con_wrap .list_list ul li .asi_wrap div{width:auto;}
  /* 🔴 지역·업종과 급여는 **한 줄에 못 넣는다.** 억지로 넣어서 지역이 「대구 ...」 로 잘렸다.
       카드 368 − 앵커 80 − 별자리 54 − 여백 = **214px**
       「경북 경주시 · 하이퍼블릭」 만 232px · 급여 81~113px → 합쳐 254~345px 필요.
       앵커를 0 으로 없애도 안 들어간다. 폭 문제가 아니라 **글자 양**이 넘는 것이다.

     → 급여를 **아랫줄**로 내린다. 그러면 지역·업종이 214px 을 통째로 쓴다.
       카드 높이는 거의 안 는다 — 왼쪽 앵커가 이미 54px 이라 그 안에서 소화된다
       (실측 80 → 82px). 줄을 하나 늘리는 값으로 지역이 온전히 보인다. */
  .main_con_wrap .list_list ul li .asi_wrap{
    gap:.2rem .8rem; flex-wrap:wrap; overflow:hidden;
  }
  .main_con_wrap .list_list ul li .asi_wrap > p.location{flex:1 1 100%;}
  .main_con_wrap .list_list ul li .asi_wrap p{
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;   /* 길면 …으로 줄인다 */
  }
  /* 급여 배지(「일급」·「시급」)도 줄바꿈을 막는다.
     320px 에서 이 배지만 **45px** 이었다 — 폭이 26px 로 눌리자 두 글자가 위아래로 접혔다.
     배지가 세로로 커지면 그 줄 전체가 따라 커진다(그래서 320px 만 카드가 두꺼웠다). */
  .main_con_wrap .list_list ul li .asi_wrap span{white-space:nowrap; flex:0 0 auto;}

  /* 한 줄 안에서 **누가 줄어들지**를 정한다.
     안 정해 두면 업종명이 긴 카드(「텐프로.쩜오」)에서 지역 글이 자리를 다 먹고
     급여가 밀려 접혔다 — 그 카드만 141px 로 두꺼워졌다(나머지는 127px).
       · 지역·업종 = 남는 자리를 쓰고, 모자라면 **자기가 …으로 줄어든다**
       · 급여      = 금액이라 줄이면 안 된다 → 고정
     `min-width:0` 이 있어야 flex 항목이 실제로 줄어든다(없으면 내용 폭 밑으로 안 준다). */
  /* ⚠️ 위(3802줄)에서 이미 `flex:1 1 100%` 로 **한 줄 통째**를 준다.
        여기서 `flex:1 1 auto` 로 다시 쓰면 **뒤에 있는 이 줄이 이겨** 원상복구된다
        (특이도가 같으면 파일 뒤쪽이 이긴다). 그래서 폭 지정은 위에만 두고
        여기서는 **줄어드는 방식만** 정한다. */
  .main_con_wrap .list_list ul li .asi_wrap > p.location{min-width:0;}
  .main_con_wrap .list_list ul li .asi_wrap > div{flex:0 0 auto; white-space:nowrap;}

  /* 🔴 2026-08-06 저녁 — 사장님: "왼쪽 이미지를 좀 작게 해서 오른쪽 글자를 더 넣자"
     화면을 재보니 지역이 **필요한 폭의 3분의 1**만 받고 있었다.

         카드 368 − 앵커 101 − 별자리 54 − 여백 = **실사용 188px**
         「대구 달서구 · 바(BAR) ·」 만 240px 필요 + 급여 82~110px
         → 「대구 ...」 로 잘려 **지역이 안 보였다.**

     원인은 폭이 아니라 **글자 크기**였다. 지역·업종이 `1.7rem`(17.95px)로
     제목(14px)보다 **컸다** — 앞서 급여를 강조하려고 키운 것이 이 좁은 칸에서는 과했다.
     3412·3442줄이 목록 카드 전체에 그 값을 주고 있어 여기서 되돌린다.

     ▍세 가지를 같이 손봐 자리를 만든다
       ① 지역·업종 글자 17.95 → 14px (제목과 같게, 굵기도 낮춤)  … 폭 약 22% 절약
       ② 앵커 9.6 → 7.6rem (101 → 80px)                        … 21px 확보
       ③ 급여 배지·금액도 13px 로 맞춤                            … 약 15px 절약
     ⚠️ 카드 높이는 그대로 둔다(80px). 줄을 늘리지 않고 자리만 만든다. */
  .main_con_wrap .list_list ul li .asi_wrap p.location,
  .main_con_wrap .list_list ul li .asi_wrap p.location *{
    font-size:14px; font-weight:500; color:#6E6461;
  }
  .main_con_wrap .list_list ul li .asi_wrap > div{font-size:13px; color:var(--ink); font-weight:700;}
  /* ⚠️ 배지도 **13px 밑으로 내리지 않는다.** 자리를 아끼려고 12px 로 뒀다가
        「13px 미만 글자 0」 을 스스로 깨뜨릴 뻔했다(실측으로 잡음). */
  .main_con_wrap .list_list ul li .asi_wrap > div span{font-size:13px; padding:1px 4px;}

  /* ── 왼쪽 시각 앵커 (여우알바 벤치마킹) ─────────────────────────
     로고를 올린 업소는 이미지, 안 올린 업소는 업소명을 **색 배너**로.
     색은 업소명에서 뽑은 값(`--eh`)이라 업소마다 다르고 늘 같다.

     🔴 `a` 를 `flex-wrap:nowrap` 으로 못 박아야 한다.
        어딘가에서 `wrap` 이 걸려 있어, 앵커를 넣자마자 정보 칸이 **옆이 아니라 아래로**
        떨어졌다(카드 127 → 149px). 앵커와 정보는 **늘 한 줄에 나란히** 있어야 한다. */
  .main_con_wrap .list_list ul li > a{flex-wrap:nowrap;}

  .main_con_wrap .list_list ul li h2.emblem-txt,
  .main_con_wrap .list_list ul li h2.emblem-img{
    /* 9.6 → 7.6rem. 오른쪽 글자에 자리를 내주려고 줄였다(사장님 요청).
       세로는 그대로 둬서 카드 높이가 안 변한다. */
    flex:0 0 auto; width:7.6rem; min-width:7.6rem; height:5.4rem;
    margin:0; padding:0; border-radius:.8rem; overflow:hidden;
    display:flex; align-items:center; justify-content:center;
    text-align:center;
  }
  .main_con_wrap .list_list ul li h2.emblem-txt{
    background:hsl(var(--eh) 62% 93%);
    color:hsl(var(--eh) 55% 30%);
    /* 칸이 좁아졌으니 글자도 줄이고 **두 줄까지** 허용한다.
       「하버라운지 대전점」 처럼 긴 이름이 한 줄에는 안 들어가 삐져나왔다.
       `keep-all` 이라 낱말 단위(「하버라운지 / 대전점」)로 끊긴다. */
    font-size:13px; font-weight:700; line-height:1.25;
    padding:0 .5rem;
    word-break:keep-all;
    white-space:normal;
    display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
    overflow:hidden;
  }
  .main_con_wrap .list_list ul li h2.emblem-img img{
    width:100%; height:100%; object-fit:cover; display:block;
  }

  /* 총 건수 — 구획 제목 옆에 작게 */
  .product_title p em.cnt{
    margin-left:.8rem; font-size:1.4rem; font-weight:600;
    color:var(--brand); font-style:normal; vertical-align:middle;
  }

  /* 찜(별) 버튼이 오른쪽 위 구석에 절대배치돼 있다(46×46) — 한 줄 행에서는 글자와 겹친다.
     실측하니 제목 오른끝 332 · 별 왼끝 327 로 5px 겹쳤다. 별 폭 + 여백만큼 비운다. */
  .main_con_wrap .list_list ul li .textarea{padding-right:5.4rem;}
}

/* ── 태블릿·PC(≥768px)에서도 리스트 행이 깨지지 않게 ──────────  2026-08-06
   앵커(`h2.emblem-*`)를 넣자 이 폭에서 h2 가 **한 줄 전체(367px)** 를 먹고
   정보 칸이 아래로 밀렸다. 원인은 폰과 같다 — `a` 에 `flex-wrap:wrap` 이 걸려 있다.
   이 구획은 **원래 가로 배치 설계**라 어느 폭에서든 한 줄이어야 맞다.
   ⚠️ 위 폰 블록과 폭이 겹치지 않게 `min-width:768px` 로 나눈다
      (미디어 쿼리는 특이도를 안 올려서, 겹치면 파일 뒤쪽이 이겨 버린다). */
@media all and (min-width:768px){
  .main_con_wrap .list_list ul li > a{flex-wrap:nowrap;}
  .main_con_wrap .list_list ul li h2.emblem-txt,
  .main_con_wrap .list_list ul li h2.emblem-img{
    flex:0 0 auto; width:20%; min-width:20%;
    display:flex; align-items:center; justify-content:center; overflow:hidden;
  }
  .main_con_wrap .list_list ul li h2.emblem-img img{
    width:100%; height:auto; max-height:5rem; object-fit:contain; display:block;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   플래티넘 2열 · 그랜드 3열                                      2026-08-06
   ═══════════════════════════════════════════════════════════════════════════

   사장님: "플래티넘 카드 1줄에 2개, 그랜드는 3개씩. 스크롤 압박이 심하다"

   ▍재보니 정말 심했다 — 메인 화면 전체가 **13,557px**(폰으로 16번 넘김)
       플래티넘  8개 · 카드 369×293  →  2,749px
       그랜드   12개 · 카드 369×283  →  3,552px
       리스트   14개 · 카드 368× 99  →  1,737px

   🔴 **카드가 293px 이나 됐던 건 버그였다.**
      앞서(3268줄) 「1열 가로 카드」로 바꾸며 규칙을 `li.bg_ver > a` 에 걸었는데,
      실제 카드 클래스는 **`li.common _ver`** 다 — 운영자가 「구인공고 로고설정」을
      안 골라 `wr_logo_type` 이 빈 값이라 `bg_ver` 가 아니었다.
      그래서 **가로 배치가 하나도 안 걸리고** 사진·글이 세로로 쌓여,
      카드 폭 369px 중 **179px 만 쓰면서** 세로로만 길어졌다.

   ▍왜 사장님 안이 더 나은가 (1열 가로 카드로 고치는 것보다)
      지금은 플래티넘·그랜드·리스트가 **전부 1열**이라 등급 차이가 안 보인다.
      2열 / 3열 / 한 줄로 나누면 **돈을 더 낸 광고가 더 크게** 보인다 — 매출과 직결된다.
      스크롤도 같이 줄어드니 두 마리를 잡는다.

   ⚠️ 카드가 좁아지므로 안쪽을 다시 짠다: 로고는 위, 글은 아래(세로형).
      3열(118px)에는 지역까지 넣을 자리가 없어 **제목과 급여만** 남긴다.
   ⚠️ 앞 블록(3286줄)이 `ul[class^="num"]` 을 `flex-direction:column` 으로 잡고 있다.
      여기가 **파일 뒤쪽**이라 이긴다(특이도가 같으면 뒤가 이긴다).

   🔴 **`ul.num5`·`ul.num6` 으로 잡으면 안 된다** (2026-08-06 저녁에 바로잡음)
      그 숫자는 관리자 「디자인관리 > 사이트디자인설정」의 **가로 출력건수**에서 만들어진다
      (`employ_0_0.inc.php:21` — `class="num<?= 가로값 ?>"`).
      지금 값이 플래티넘 5 · 그랜드 6 이라 `num5`·`num6` 인 것뿐이다.
      **사장님이 관리자에서 그 숫자를 바꾸는 순간 클래스가 `num4` 등으로 바뀌어
      이 폰 규칙이 통째로 안 걸리고 화면이 옛날처럼 세로로 길어진다.**
      → 숫자에 안 묶이는 **부모 컨테이너**로 잡는다:
           플래티넘 = `.platinum_list.pla_pri`   그랜드 = `.prime_list.pla_pri`
      (`.pla_pri` 를 같이 붙여 특이도를 원래(클래스 3개)와 맞춘다.)
*/
@media all and (max-width:767px){

  /* ── 격자로 ────────────────────────────────────────────────────────── */
  .main_con_wrap .platinum_list.pla_pri ul,          /* 플래티넘 */
  .main_con_wrap .prime_list.pla_pri ul{          /* 그랜드   */
    display:grid; flex-direction:unset; gap:1rem;
  }
  .main_con_wrap .platinum_list.pla_pri ul{grid-template-columns:repeat(2, 1fr);}
  .main_con_wrap .prime_list.pla_pri ul{grid-template-columns:repeat(3, 1fr); gap:.8rem;}
  .main_con_wrap .platinum_list.pla_pri ul > li.common,
  .main_con_wrap .prime_list.pla_pri ul > li.common{
    width:auto; min-width:0; margin:0; float:none; height:auto;
  }

  /* ── 카드 안: 로고 위 · 글 아래 ────────────────────────────────────── */
  .main_con_wrap .platinum_list.pla_pri ul > li.common > a,
  .main_con_wrap .prime_list.pla_pri ul > li.common > a{
    display:flex; flex-direction:column; align-items:stretch;
    gap:0; padding:0; height:100%;
  }
  .main_con_wrap .platinum_list.pla_pri ul > li.common .toparea,
  .main_con_wrap .prime_list.pla_pri ul > li.common .toparea{
    width:auto; padding:.8rem; position:relative;
  }
  /* 로고 자리 — 가로를 꽉 채우고 높이는 고정(카드 높이가 들쭉날쭉하지 않게) */
  .main_con_wrap .platinum_list.pla_pri ul > li.common .toparea > p,
  .main_con_wrap .prime_list.pla_pri ul > li.common .toparea > p{
    width:100%; padding:0; margin:0;
    display:flex; align-items:center; justify-content:center;
    border-radius:.6rem; overflow:hidden;
    background:var(--brand-soft); color:var(--brand-deep);
    font-weight:700; word-break:keep-all; text-align:center;
  }
  .main_con_wrap .platinum_list.pla_pri ul > li.common .toparea > p{height:7rem; font-size:14px; line-height:1.3;}
  .main_con_wrap .prime_list.pla_pri ul > li.common .toparea > p{height:5rem; font-size:13px; line-height:1.25;}

  .main_con_wrap .platinum_list.pla_pri ul > li.common .textarea,
  .main_con_wrap .prime_list.pla_pri ul > li.common .textarea{
    width:auto; min-width:0; padding:0 .8rem .8rem;
  }
  /* 제목 — 두 줄까지 보여 주고 넘치면 … */
  .main_con_wrap .platinum_list.pla_pri ul > li.common .textarea p.title,
  .main_con_wrap .prime_list.pla_pri ul > li.common .textarea p.title{
    margin:.4rem 0 0; font-size:14px; line-height:1.35; white-space:normal;
    display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;
  }
  .main_con_wrap .prime_list.pla_pri ul > li.common .textarea p.title{font-size:13px;}

  .main_con_wrap .platinum_list.pla_pri ul > li.common .asi_wrap,
  .main_con_wrap .prime_list.pla_pri ul > li.common .asi_wrap{
    padding:.4rem 0 0; gap:.2rem .6rem; flex-wrap:wrap;
  }
  /* 2열(플래티넘)은 179px 이라 지역까지 들어간다. `p.location` = 급여. */
  .main_con_wrap .platinum_list.pla_pri ul > li.common .asi_wrap p.location{font-size:13px; font-weight:700; flex:1 1 100%;}
  .main_con_wrap .platinum_list.pla_pri ul > li.common .textarea p.business_type{font-size:13px; color:#6E6461;}

  /* 3열은 118px 밖에 안 된다 — **지역은 빼고 급여만** 남긴다.
     넣어 봐야 「경기 고양시 일산동구」 가 잘려 아무 도움이 안 된다.

     🔴 이 구획에서는 `p.location` 이 **급여**다(지역이 아니다).
        지역은 `p.business_type` 로 따로 있다 — 리스트 구획과 이름 쓰임이 반대다.
        처음에 `p.location` 을 숨겼다가 **급여가 사라졌다**(실측 96×4px 로 찌그러짐). */
  .main_con_wrap .prime_list.pla_pri ul > li.common .textarea p.business_type{display:none;}
  .main_con_wrap .prime_list.pla_pri ul > li.common .asi_wrap p.location{font-size:13px; font-weight:700;}

  /* `.tt` 줄(업소명 + 업종 배지)을 양쪽 다 뺀다.
     🔴 **업소명이 두 번 나오고 있었다** — 로고 칸 「아지트」 + `.tt` 안 「아지트 경기점」.
        좁은 카드에서 같은 말을 두 번 하는 셈이라 자리만 먹는다.
        업소명은 **로고 칸이 맡는다**(로고를 안 올린 업소는 거기 이름이 글자로 나오고,
        올린 업소는 배너에 이름이 들어 있다). 업종은 제목·아랫줄에 이미 드러난다. */
  .main_con_wrap .platinum_list.pla_pri ul > li.common .textarea .tt,
  .main_con_wrap .prime_list.pla_pri ul > li.common .textarea .tt{display:none;}

  /* 찜(별)은 로고 오른쪽 위 구석에 얹는다 — 44px 은 유지한다 */
  .main_con_wrap .platinum_list.pla_pri ul > li.common .toparea .scrap-star-,
  .main_con_wrap .prime_list.pla_pri ul > li.common .toparea .scrap-star-{
    position:absolute; top:0; right:0; width:4.4rem; height:4.4rem;
    display:flex; align-items:center; justify-content:center; z-index:2;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   리스트·최근 구인정보는 **글만**                                2026-08-06
   ═══════════════════════════════════════════════════════════════════════════

   사장님: "리스트와 최근구인정보는 오로지 글만 나오게 해. 광고 금액 차이가 있으니"

   ▍맞는 판단이다 — 눈에 띄는 순서가 광고비 순서여야 한다
     오늘 리스트에 색 배너(앵커)를 넣었더니, **더 비싼 그랜드보다 리스트가 튀는** 상황이
     됐다. 등급이 값을 못 하면 위 상품을 살 이유가 없어진다.

         플래티넘 : 2열 큰 카드 · 로고 · 제목 · 지역 · 급여
         그랜드   : 3열 카드   · 로고 · 제목 · 급여
         리스트   : **글만** (로고 없음)
         최근     : **글만** (원래 표)

   ▍덤으로 스크롤이 크게 준다
     리스트 카드 99px · 최근 한 줄 **213px**(PC용 6칸 표가 폰에서 세로로 쌓인 탓).
*/
@media all and (max-width:767px){

  /* ── 리스트: 앵커를 떼고 글로 ──────────────────────────────────────── */
  .main_con_wrap .list_list ul li h2.emblem-txt,
  .main_con_wrap .list_list ul li h2.emblem-img{
    /* 배경·고정폭·정사각을 모두 푼다. 업소명은 **글자로** 남긴다(지우지 않는다). */
    width:auto; min-width:0; height:auto; flex:0 0 auto;
    background:none; border-radius:0; overflow:visible;
    display:inline; padding:0;
    font-size:13px; font-weight:700; color:var(--brand-deep);
    -webkit-line-clamp:none;
  }
  .main_con_wrap .list_list ul li h2.emblem-img img{display:none;}   /* 로고 이미지도 뺀다 */

  /* 업소명은 **왼쪽에 그대로 두되 글자만** 남긴다.
     ⚠️ `flex-wrap:wrap` + `textarea{flex:1 1 100%}` 로 했더니 업소명이 제목 위
        **별도 줄**로 밀려 카드가 99 → 113px 로 오히려 두꺼워졌다(실측).
        한 줄에 나란히 둬야 줄 수가 안 는다. */
  .main_con_wrap .list_list ul li > a{
    flex-wrap:nowrap; align-items:center; gap:0 .8rem; padding:1rem 0;
  }
  .main_con_wrap .list_list ul li h2.emblem-txt{
    max-width:9rem; padding-left:1.2rem;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  }
  .main_con_wrap .list_list ul li .textarea{
    flex:1 1 auto; min-width:0; padding:0 5.4rem 0 0;
  }
  .main_con_wrap .list_list ul li .textarea p.title{margin:0;}
  .main_con_wrap .list_list ul li .asi_wrap{padding-top:.2rem;}

  /* ── 최근 구인정보: 6칸 표를 두 줄로 ───────────────────────────────
     PC 는 「업소명·근무지·업종·구인내용·급여·마감일」 6칸 표다.
     폰에서는 그 6개가 **세로로 쌓여** 한 줄이 213px 이나 됐다.
     제목을 첫 줄에 세우고, 업소명·지역·급여만 아랫줄에 잇는다.
     업종은 제목에 드러나고 마감일(「상시모집」)은 대부분 같은 값이라 뺀다. */
     ⚠️ **선택자를 `.main_con_wrap .lately .td_con .area li` 로 써야 한다.**
        원본이 이 형태(클래스 4개)로 `li:nth-child(n)` 마다 `width:%` 와 `order` 를
        박아 두었다. 짧게 `.lately .td_con > a ul.area > li` (클래스 3개)로 쓰면 **진다** —
        실제로 그렇게 썼다가 `order:-1` 도 `flex:1 1 100%` 도 안 먹고
        네 줄로 쌓인 채였다(실측 145px). */
  .main_con_wrap .lately .td_con > a{padding:1rem 1.2rem;}
  .main_con_wrap .lately .td_con .area{
    /* ⚠️ `flex-direction:row` 를 **반드시 명시**한다. 폰에서 `column` 으로 바뀌는 규칙이
       따로 있어, 안 적으면 `order` 와 `width:100%` 가 다 먹어도 칸이 하나씩
       **세로로 쌓인다**(실측: order 는 -1·1·3·6 으로 정상인데 y 좌표가 전부 달랐다). */
    display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; gap:.2rem .8rem;
  }
  .main_con_wrap .lately .td_con .area li{width:auto; min-width:0; flex:0 0 auto;}
  .main_con_wrap .lately .td_con .area li:nth-child(4){    /* 구인내용(제목) */
    order:-1; width:100%; flex:1 1 100%; font-size:14px;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  }
  .main_con_wrap .lately .td_con .area li:nth-child(1){font-size:13px; font-weight:700; color:var(--brand-deep);}
  .main_con_wrap .lately .td_con .area li:nth-child(2){font-size:13px; color:#6E6461;}
  .main_con_wrap .lately .td_con .area li:nth-child(5){font-size:13px; font-weight:700;}
  .main_con_wrap .lately .td_con .area li:nth-child(3),   /* 업종 — 제목에 이미 있다 */
  .main_con_wrap .lately .td_con .area li:nth-child(6){display:none;}  /* 마감일 — 대개 「상시모집」 */
}

/* ═══════════════════════════════════════════════════════════════════════════
   PC·태블릿(≥768px) 화면 정리                                    2026-08-06
   ═══════════════════════════════════════════════════════════════════════════

   사장님: "PC UI 도 바꾸자"  — 폰에서 한 것을 여기에도 적용한다.

   ▍재보니 등급 차등은 **이미 잘 되어 있었다**
       플래티넘 239×248(5열) > 그랜드 197×222(6열) > 리스트 625×76(2열) > 최근 1260×60
     돈을 더 낸 광고가 더 크게 나오는 구조라 여기는 손댈 이유가 없다.
     ⚠️ 이 배치는 관리자 「가로 출력건수 × 세로 줄수」가 정한다 —
        **개수에 CSS 를 걸지 않는다**(사장님이 설정을 바꿔도 안 깨지게).

   ▍진짜 문제는 글자였다 — **13px 미만이 110곳**
       업종 배지 11px · 지역 12px · 지역·업종 12px · 급여 배지 12px
     폰은 13px 이상으로 올려 뒀는데 PC 만 옛날 값 그대로였다.
     화면이 넓다고 글자가 잘 보이는 건 아니다. 오히려 **거리가 멀어 더 안 읽힌다.**

   ▍바꾸는 것 (배치는 그대로, 읽는 것만)
     ① 카드 안 정보 글자를 **전부 13px 이상**으로
     ② 급여를 **금액답게** — 폰과 같은 원칙(지역·업종은 눌러 두고 금액을 세운다)
     ③ 지역·업종은 회색으로 눌러 제목이 먼저 읽히게

   ⚠️ 원본 선택자가 클래스 5개(`.main_con_wrap .pla_pri ul li.common .textarea .tt span`)라
      짧게 쓰면 진다. 같은 깊이로 맞춰 쓴다.
   ⚠️ 「|」 10px(네비 구분자)은 **글자가 아니라 칸막이**라 그대로 둔다.
*/
@media all and (min-width:768px){

  /* ① 업종 배지 — 11px 이었다 */
  .main_con_wrap .pla_pri ul li.common .textarea .tt span{
    font-size:13px; padding:3px 8px; color:#6E6461; border-color:#E6DDDA;
  }

  /* ① 지역 — 12px 이었다. 회색으로 눌러 제목이 먼저 읽히게 한다 */
  .main_con_wrap .pla_pri .business_type{font-size:13px; color:#6E6461;}

  /* ① 리스트 구획의 지역·업종 — 12px 이었다 */
  .main_con_wrap .list_list ul li .asi_wrap,
  .main_con_wrap .list_list ul li .asi_wrap p.location{font-size:13px; color:#6E6461;}

  /* ② 급여 — 금액은 고르는 기준이라 세운다.
     배지(시급·월급)는 작게 두고 **금액을 굵게** 한다. */
  .main_con_wrap .pla_pri ul li.common .textarea p.location,
  .main_con_wrap .list_list ul li .asi_wrap > div{
    font-size:14px; font-weight:700; color:var(--ink);
  }
  .main_con_wrap .pla_pri ul li.common .textarea p.location span.sstyle,
  .main_con_wrap .list_list ul li .asi_wrap span,
  .main_con_wrap .lately .td_con a span.sstyle{
    font-size:13px; font-weight:600; padding:2px 6px;
  }

  /* ① 최근 구인정보 표 — 한 줄에 여섯 칸이라 글자가 작으면 훑기 어렵다 */
  .main_con_wrap .lately .td_con .area li{font-size:14px;}
  .main_con_wrap .lately .th_title ul li{font-size:13px; color:#6E6461;}

  /* ③ 제목은 카드에서 제일 먼저 읽혀야 한다 */
  .main_con_wrap .pla_pri ul li.common .textarea p.title{color:var(--ink);}
  .main_con_wrap .list_list ul li .textarea p.title{font-size:15px; color:var(--ink);}

  /* 업소명에 브랜드색을 준다 — 지금은 카드 안에 브랜드가 한 군데도 없다 */
  .main_con_wrap .list_list ul li h2.emblem-txt,
  .main_con_wrap .pla_pri ul li.common .textarea h2{color:var(--brand-deep); font-weight:700;}

  /* 로그인 상자 아래 「회원가입」·「ID/PW찾기」 — 12px 이었다.
     비밀번호를 잊었을 때 찾는 자리라 작으면 곤란하다.
     ⚠️ 원본(351줄)이 **클래스 5개**라 짧게 `.assistant_box ul li a` 로 쓰면 진다.
        한 번 그렇게 썼다가 그대로 12px 인 걸 실측으로 잡았다. 같은 깊이로 맞춘다.
     ⚠️ 그 원본 줄에는 `color:#12px` 라는 **오타**가 있다(색 자리에 px).
        값이 무효라 지금은 부모 색을 물려받는다. 원래 의도한 색을 알 수 없어
        건드리지 않고, 여기서 읽히는 색을 따로 준다. */
  .top_con_wrap .top1 .main_login.logout .assistant_box ul li a{font-size:13px; color:#4A423F;}

  /* 목록 화면(구인·인재)의 급여 배지 — 12px 이었다.
     폰에는 13px 규칙을 넣었는데 PC 는 빠져 있었다. */
  .job_box .pay span.sstyle{font-size:13px; padding:2px 6px;}

  /* 🔴 로고 유형이 안 정해졌을 때 업소명이 10.56px 로 나온다 — PC 에도 받침이 없었다.
     카드 위 로고 칸(`.toparea > p`)의 크기는 `li.text_ver …` 처럼 **유형별 규칙에만** 있다.
     운영자가 「구인공고 로고설정」을 안 고르면 카드가 `li.common _ver` 가 되어
     어느 규칙에도 안 걸리고 기본값을 상속한다.

     ⚠️ **로컬에서는 끝까지 안 보였다.** 로컬은 그 설정이 'bg'(배경이미지)라 글자가 없고,
        운영서버는 비어 있어 글자가 나온다. 폰에서 똑같이 당하고 받침을 넣었는데,
        그때 `≤1023px` 블록에만 넣어서 **PC 는 그대로 뚫려 있었다.**
        라이브에서 재보고서야 드러났다(로컬 15곳 vs 라이브 55곳). */
  .main_con_wrap li.common .toparea > p{font-size:2rem; line-height:1.3; font-weight:600; color:#333;}
}

/* 탭바 글자 — **탭바가 보이는 범위와 같아야 한다**(≤1023px).
   767px 까지만 지정해 두어 768~1023px 에서 11px 로 남아 있었다.
   ⚠️ 「탭바를 언제 보여주나」와 「그 안 글자 크기를 언제 정하나」의 구간이 어긋나면
      가운데 폭에서만 조용히 작아진다. 눈에 잘 안 띄는 종류의 어긋남이다. */
@media all and (max-width:1023px){
  .bb_bottom_nav a{font-size:13px;}
}