@charset "utf-8";

/* base */
html,body {margin:0;padding:0;background-color:#fff;} /* f0f2f5 */
body {min-width:320px;font-size:1rem;font-family:'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;line-height:1.2;color:#000;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,.1)}
html.fixed,
body.fixed {overflow:hidden}
html.layerOpen,
body.layerOpen {position:relative;overflow:hidden}
html.hybrid body {padding:0 !important}
div,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,fieldset,legend,iframe,table,th,td,a {margin:0;padding:0;font-size:.875rem;color:#000}
header, footer, section, article, aside, nav, address, hgroup, details, menu, figure, figcaption {display:block}
ul,ol,li {list-style:none}
form {margin:0}
input,select,textarea {vertical-align:middle;color:#000;outline:none}
input,select,textarea, button {font-family:'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif}
input[type="search"] {-webkit-appearance:textfield}
input[type="radio"],
input[type="checkbox"] {opacity:0}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea {margin:0;padding:0;border:1px solid #bdbdbd;resize:none}
select {height:24px;padding:0 22px 0 3px;background:#fff url('/image/bullet.gif') no-repeat 100% 0;border:1px solid #C9C9C9;border-radius:2px;-webkit-appearance:none}
select[multiple] {padding-right:8px}
@-moz-document url-prefix() {
  select {-moz-appearance:none;text-indent:0.01px;text-overflow:""}
}
img, fieldset, button {border:0 none}
img {vertical-align:top}
hr {display:none}
em,address,i {font-style:normal}
.hide {overflow:hidden;position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;border:0 none}
.displayNone {display:none}
.filter {overflow:hidden;z-index:99998;position:fixed;left:0;top:0;width:100%;height:100%;background:#000;filter:alpha(opacity=40);opacity:0.4;touch-action:none;-webkit-touch-action:none}

::-webkit-input-placeholder {font-size:.875rem;color:#747a84}
:-ms-input-placeholder {font-size:.875rem;color:#747a84}
::placeholder {font-size:.875rem;color:#747a84}

/* link */
a,a:visited,a:hover,a:active {color:#000;text-decoration:none}
/* text-logo */
.logo>.text {/* margin:0 8px; */ font-family:'HGSoftGGothicssi80g';font-size:.688rem}
.logo>.text-20,
.logo>.text-19 {font-size:.563rem}
.logo>.text-15,
.logo>.text-14,
.logo>.text-13,
.logo>.text-5 {font-size:.75rem}
.logo>.text-4,
.logo>.text-3 {font-size:.875rem}
.logo>.text-2,
.logo>.text-1 {font-size:1rem}

/* skipNav */
.skipNav {z-index:1;position:absolute}
.skipNav li a {position:absolute;top:-999em;left:10px;width:120px;height:28px;padding:0 5px;line-height:28px;text-align:center;background-color:#fee49b;border:1px solid #292c33}
.skipNav li a:focus,
.skipNav li a:active {top:14px}

/* Header */
.header-main {z-index:2;position:relative;width:100%;background-color:#f0f2f5}

.main-search {padding:0 12px 12px;border-bottom-right-radius:32px;border-bottom-left-radius:32px;box-shadow:0 0 12px 0 rgba(62, 76, 89, 0.12);background-color:#fff}
.main-search__wquery {position:relative;display:block}
.main-search__wquery::after {content:"";box-sizing:border-box;position:absolute;top:4px;right:5px;width:32px;height:32px;border-radius:100%;border:solid 1px #ffe500;background:#fff230 url('//image.alba.kr/m/main/icon-main-search.svg') center / 16px no-repeat}
.main-search__wquery>input {display:block;box-sizing:border-box;width:100%;height:40px;padding-right:40px;padding-left:20px;line-height:38px;border:solid 1px #dfe7f2;border-radius:19px;background-color:#fff;appearance:none;-moz-appearance:none;-webkit-appearance:none}


/* body.scroll-main .header-float {z-index:99999;position:fixed;top:0;left:0;width:100%;box-sizing:border-box} */
/* body.scroll-main .main-nav {padding:4px 12px} */
/* body.scroll-main .header-main {position:fixed;top:-100%} */

/* Footer */
#Footer {width:100%;margin:0;padding:40px 0 44px;text-align:center;background-color:#f0f2f5}
#Footer .action {overflow:hidden;position:relative;display:inline-block;padding:0 1px;text-align:center;vertical-align:top}
#Footer .action li {float:left;margin-left:-1px;font-size:.75rem}
#Footer .action li a {display:inline-block;width:80px;height:36px;margin-right:12px;border-radius:8px;line-height:36px;font-size:.875rem;color:#747a84;background-color:rgba(255,255,255, 0.68)}
#Footer .action li:last-child a {margin-right:0}
#Footer .agree {display:block;padding:16px 0 10px;font-size:0;text-align:center}
#Footer .agree a {display:inline-block;position:relative;padding:4px 8px 4px 9px;font-size:.75rem;line-height:1.7;color:#8f959f}
#Footer .agree a.first {padding:4px 8px}
#Footer .agree a+a::before {display:inline-block;position:absolute;left:0;top:50%;width:1px;height:10px;margin-top:-5px;background-color:#d5d9df;content:''}
#Footer .copyRight {display:inline-block;padding:14px 0 1px;width:100%;height:15px;font-size:.75rem;font-family:'Arial', Sans-serif;font-weight:bold;text-align:center;color:#8f959f}
#Footer .copyRight>span {display:inline-block;margin-top:1px;font-size:.813rem;vertical-align:top}
#Footer .copyRight .cssIcon-arrow {margin-top:2px;margin-left:8px}
#Footer .copyRight .cssIcon-arrow::after {width:5px;height:5px;border:1px solid #747a84}
#Footer .copyRight .cssIcon-arrow.top::after {top:4px}
#Footer address {display:none;margin:0 auto;padding-top:13px;max-width:320px;font-size:.688rem;line-height:1.4;color:#8f959f}
#Footer address a {color:#9ca2ac}
#Footer address .line {margin-left:4px;padding-left:3px;border-left:1px solid #c4c4c4}

/* Section */
#Section {overflow:hidden;position:relative}
.main-inner {position:relative;z-index:1}

/* 메인리터치 as-is*/
/* #Section.app-division--round-header{padding-top:40px} */
/* #Section.app-division--round-header .areaset-wrapper {padding-top:20px} */
#Section.app-division--round-header .promotion-top {height:234px;margin-bottom:-24px;border-top:0}
#Section.app-division--round-header .promotion-top .swiper-pagination-bullets {bottom:36px}
#Section.app-division--round-header .promotion-top__item {padding:40px 0 4px}
h1.hide {display:none}

/* class - swiper */
.swiper-container {position:relative;width:100%;padding:0 16px 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.swiper-wrapper {position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.swiper-container-multirow .swiper-wrapper {-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.swiper-slide {position:relative;float:left;width:100%;margin-right:6px;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0}
.swiper-pagination-bullets {position:absolute;right:0;bottom:5%;left:0;text-align:center}
.swiper-pagination-bullet {overflow:hidden;display:inline-block;width:4px;height:4px;margin:0 1.5px;border-radius:3px;cursor:pointer;background-color:#b6bbc3}
.swiper-pagination-bullet-active {width:12px;background-color:#8f959f}
.swiper-pagination-fraction {position:absolute;top:20px;right:16px;width:47px;height:20px;border-radius:16px;font-size:.688rem;text-align:center;line-height:20px;color:#8f959f;background-color:rgba(255,255,255,0.65)}
.swiper-pagination-current {color:#4c515b}
.swiper-scrollbar {position:absolute;bottom:0;left:15px;right:15px;height:2px;background-color:#ebedf1}
.swiper-scrollbar-drag {height:100%;background-color:#4c515b}

.pageBtnGroup {padding-top:8px;text-align:center}
.pageBtnGroup .swiper-pagination {display:inline-block;width:56px;margin:0 45px;padding-top:4px;font-size:1.063rem;vertical-align:top}
.pageBtnGroup .swiper-pagination>span {margin:0 1px}
.pageBtnGroup .swiper-button {display:inline-block;width:32px;height:32px;box-shadow:0 0 4px 0 rgba(0,0,0,0.1);border-radius:50%;font-size:0;vertical-align:top;color:transparent;background-color:#fff;outline:none}
.pageBtnGroup .swiper-button::before {content:"";display:block;width:10px;height:14px;margin:9px 0 0 12px;background:url('//image.alba.kr/m/main3.png') no-repeat -40px -40px;background-size:120px 120px}
.pageBtnGroup .swiper-button-prev::before {margin-left:10px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}

.swiper-action {position:absolute;top:50%;box-sizing:border-box;width:39px;height:42px;margin-top:-26px;box-shadow:0 0 6px 0 rgba(0,0,0,0.2);font-size:0;color:transparent;background-color:rgba(255,255,255,0.8)}
.swiper-action::before {content:"";display:block;width:12px;height:18px;margin:12px 0 0 17px;background:url('//image.alba.kr/m/main3.png') no-repeat 0 -40px;background-size:120px 120px}
.swiper-action-prev {left:0;border-radius:0 21px 21px 0}
.swiper-action-prev::before {margin-left:11px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
.swiper-action-next {right:0;border-radius:21px 0 0 21px}
#MPremierJob .swiper-action {margin-top:-38px}
#MGrandJob .swiper-action {margin-top:-16px}
#MEmergencyJob .swiper-action {margin-top:0}

/* action btn (arrow) */
.cssIcon-arrow {position:relative;display:inline-block;width:10px;height:10px;font-size:0;color:transparent}
.cssIcon-arrow::after {content:"";position:absolute;left:0;width:8px;height:8px;border:2px solid #747a84;border-right-width:0 !important;border-bottom-width:0 !important}
.cssIcon-arrow.top::after {transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.cssIcon-arrow.right::after {left:-4px;transform:rotate(135deg);-webkit-transform:rotate(135deg)}
.cssIcon-arrow.bottom::after {transform:rotate(225deg);-webkit-transform:rotate(225deg)}
.cssIcon-arrow.left::after {left:2px;transform:rotate(315deg);-webkit-transform:rotate(315deg)}

/* 메인 - 채용정보 */
i.time {color:#248192}
i.day {color:#19891e}
i.week {color:#5a68ef}
i.month {color:#c25353}
i.year {color:#ab44e3}
i.case {color:#b36121}

.goodsWrap h1 {padding:20px 16px 12px 20px;font-family:'HGSoftGGothicssi80g';font-size:.938rem;font-weight:normal;color:#747a84}
.goodsWrap .swiper-pagination-fraction {top:-32px;right:16px}
.goodsLogo {margin:0 0 6px;padding:0 16px 0 16px}
.goodsLogo.singlePage {padding:0 16px}
.goodsLogo::after {content:"";display:block;clear:both}
.goodsLogo ul li {position:relative;float:left;width:50%;border-bottom:1px solid #f0f2f5;box-sizing:border-box}
.goodsLogo ul li:nth-child(even) {border-left:1px solid #f0f2f5}
.goodsLogo ul li:nth-last-child(1),
.goodsLogo ul li:nth-last-child(2) {border-bottom:0 none}
.goodsLogo ul li a {display:block;box-sizing:border-box;height:204px;padding:20px 16px 20px;background-color:#fff;-webkit-tap-highlight-color:transparent}
.goodsLogo ul li:nth-child(1) a {border-top-left-radius:12px}
.goodsLogo ul li:nth-child(2) a {border-top-right-radius:12px}
.goodsLogo ul li:nth-last-child(1) a {border-bottom-right-radius:12px}
.goodsLogo ul li:nth-last-child(2) a {border-bottom-left-radius:12px}
.goodsLogo ul li a span {overflow:hidden;display:block;padding:0}
.goodsLogo ul li a span.logo {overflow:hidden;display:table;width:100%;margin-bottom:16px;text-align:center}
.goodsLogo ul li a span.logo>img {display:block;width:110px;height:44px;margin:0 auto}
.goodsLogo ul li a span.logo>.text {display:table-cell;height:44px;padding:0 11px;font-family:'HGSoftGGothicssi80g';font-size:.875rem;vertical-align:middle}
.goodsLogo ul li a span.logo>.text-20,
.goodsLogo ul li a span.logo>.text-19,
.goodsLogo ul li a span.logo>.text-15,
.goodsLogo ul li a span.logo>.text-14,
.goodsLogo ul li a span.logo>.text-13 {font-size:.875rem}
.goodsLogo ul li a span.logo>.text-10,
.goodsLogo ul li a span.logo>.text-9 {font-size:1rem}
.goodsLogo ul li a span.logo>.text-8,
.goodsLogo ul li a span.logo>.text-7 {font-size:1.125rem}
.goodsLogo ul li a span.logo>.text-6,
.goodsLogo ul li a span.logo>.text-5 {font-size:1.25rem}
.goodsLogo ul li a span.logo>.text-4,
.goodsLogo ul li a span.logo>.text-3 {font-size:1.375rem}
.goodsLogo ul li a span.logo>.text-2,
.goodsLogo ul li a span.logo>.text-1 {font-size:1.5rem}
.goodsLogo ul li a span.company {display:inline-block;font-size:.813rem;vertical-align:top;color:#000}
.goodsLogo ul li a span.title {display:block;overflow:hidden;height:44px;margin:4px 0 8px;font-size:1rem;font-weight:600;line-height:22px;white-space:normal;word-break:break-all;color:#000}
.goodsLogo ul li a span.local {font-size:.75rem;color:#747a84;vertical-align:top;line-height:16px;word-break:break-all}
.goodsLogo ul li a span.pay {display:block;color:#747a84}
.goodsLogo ul li a span.pay>b {font-weight:normal}
.goodsLogo ul li a span.bar {display:none}
.goodsLogo ul li a span.myAd {display:none;position:absolute;top:-6px;right:-11px;transform:rotate(45deg);width:60px;height:50px;box-sizing:border-box;padding-top:12px;font-size:.625rem;text-align:center;color:#fff;text-overflow:unset}
.goodsLogo ul li a span.myAd::before{content:"";z-index:-1;position:absolute;top:6px;right:10px;transform:rotate(-45deg);width:40px;height:40px;border-top-right-radius:8px;clip-path:polygon(0% 0%, 100% 100%, 100% 0%);background-color:#3396fe}
.goodsLogo ul li a.quickOpen {position:absolute;bottom:20px;right:9px;width:54px;height:30px;line-height:30px;border-radius:16px;border:solid 1px #dfe7f2;padding:0}
.goodsLogo ul li a.quickOpen span {font-size:.688rem;font-family:'HGSoftGGothicssi60g';color:#2f547a;text-align:center}
.goodsLogo ul li a.quickOpen span::before{content:"";display:inline-block;width:18px;height:18px;margin-left:-4px;vertical-align:-5px;background:url('//image.alba.kr/m/main/icon-airplane.svg') 0 0 / contain no-repeat}

.goodsLogo ul li.noInfo .no-info__bi{position:relative;text-align:center}
.goodsLogo ul li.noInfo .no-info__bi::before{content:"";position:absolute;top:calc(50% - 18px);left:50%;transform:translate(-50%,-50%);width:85px;height:20px;background:url('//image.alba.kr/m/main/bi-symbol-gray.svg') 0 0 / contain no-repeat}
.goodsLogo ul li.noInfo .no-info__text{position:absolute;top:calc(50% + 15px);left:50%;transform:translate(-50%,-50%);width:100px;height:30px;margin:0 auto;line-height:28px;box-sizing:border-box;border-radius:17px;border:solid 1px #ebedf1;font-size:.688rem;color:#8f959f}

.goodsList {margin:0 0 8px;padding:0 16px 0 16px}
.goodsList::after {content:"";display:block;clear:both}
.goodsList>h1 {padding:18px 4px 12px;font-weight:normal;font-family:'HGSoftGGothicssi80g';font-size:.938rem;color:#747a84}
.goodsList ul li {position:relative;margin-bottom:8px}
.goodsList ul li:last-child{margin-bottom:0}
.goodsList ul li a {position:relative;display:block;min-height:94px;box-sizing:border-box;padding:16px 20px;-webkit-tap-highlight-color:transparent}
.goodsList ul li a:first-child {border-radius:12px;background-color:#fff}
.goodsList ul li a span {overflow:hidden;display:block;padding:0;white-space:nowrap;text-overflow:ellipsis}
.goodsList ul li a span.logo {overflow:hidden;position:absolute;top:50%;left:20px;display:flex;justify-content:center;align-items:center;width:80px;height:32px;margin-top:-16px;text-align:center}
.goodsList ul li a span.logo::after {display:none;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('//image.alba.kr/m/svg/squircle-mask_border_gray.svg') 0 0 / contain no-repeat}
.goodsList ul li a span.logo>img {width:80px;height:32px}
.goodsList ul li a span.company,
.goodsList ul li a span.workComnm {display:block;font-size:.8125rem}
.goodsList ul li a span.title {display:block;overflow:hidden;min-height:19px;max-height:44px;margin:4px 0 8px;font-size:1rem;font-weight:600;line-height:19px;word-break:break-all}

.goodsList ul li a span.local {font-size:.75rem;color:#747a84}
.goodsList ul li a span.pay {display:inline-block;margin-left:4px;color:#747a84;vertical-align:bottom}
.goodsList ul li a span.pay::before {margin-right:4px;content:'·'}
.goodsList ul li a span.pay b {font-weight:normal}
.goodsList ul li a span.bar {display:none;}
.goodsList ul li a span.myAd {display:none;position:absolute;top:-6px;right:-11px;transform:rotate(45deg);width:60px;height:50px;box-sizing:border-box;padding-top:12px;font-size:.625rem;text-align:center;color:#fff;text-overflow:unset}
.goodsList ul li a span.myAd::before{content:"";z-index:-1;position:absolute;top:6px;right:10px;transform:rotate(-45deg);width:40px;height:40px;border-top-right-radius:8px;clip-path:polygon(0% 0%, 100% 100%, 100% 0%);background-color:#3396fe}
.goodsList ul li a.quickOpen {position:absolute;bottom:14px;right:16px;width:70px;height:32px;line-height:30px;border-radius:16px;border:solid 1px #dfe7f2;padding:0}
.goodsList ul li a.quickOpen span {font-size:.75rem;font-family:'HGSoftGGothicssi60g';color:#2f547a;text-align:center}
.goodsList ul li a.quickOpen span::before{content:"";display:inline-block;width:20px;height:20px;margin:0 3px 0 -6px;vertical-align:-6px;background:url('//image.alba.kr/m/main/icon-airplane.svg') 0 0 / contain no-repeat}

.goodsList ul li.noInfo .no-info__bi{position:relative;text-align:center}
.goodsList ul li.noInfo .no-info__bi::before{content:"";position:absolute;top:calc(50% - 18px);left:50%;transform:translate(-50%,-50%);width:85px;height:20px;background:url('//image.alba.kr/m/main/bi-symbol-gray.svg') 0 0 / contain no-repeat}
.goodsList ul li.noInfo .no-info__text{position:absolute;top:calc(50% + 15px);left:50%;transform:translate(-50%,-50%);width:100px;height:30px;margin:0 auto;line-height:29px;box-sizing:border-box;border-radius:17px;border:solid 1px #dfe7f2;font-size:.688rem;color:#8f959f}

.goodsList ul li a span.photoWork {overflow:hidden;position:absolute;top:15px;right:33px;width:52px;height:52px;border-radius:4px;background-color:#d8d8d8}
.goodsList ul li a span.photoWork>img {display:block;width:94px;height:52px;margin-left:-21px}

/* 홈 배너 */
.goodsBannerList {position:relative;margin:28px 0 8px;padding:0 16px 0 16px}
.goodsBannerList .swiper-pagination-fraction {top:initial;right:28px;bottom:12px;color:#747a84}
.goodsBannerList .swiper-pagination-current {color:#4c515b}
.home-banner__item {box-sizing:border-box;height:153px;padding:0 20px;border-radius:12px}
.home-banner__item.bg-pattern1 {background:url('//image.alba.kr/m/main/bg_pattern01_01.png') 100% 0 /63px 63px no-repeat, url('//image.alba.kr/m/main/bg_pattern01_02.png') 0 100% /38px 76px no-repeat}
.home-banner__item.bg-pattern2 {background:url('//image.alba.kr/m/main/bg_pattern02_01.png') 100% 0 /73px 76px no-repeat, url('//image.alba.kr/m/main/bg_pattern02_02.png') 0 8px /100px 79px no-repeat}
.home-banner__item.bg-pattern3 {background:url('//image.alba.kr/m/main/bg_pattern03_01.png') 100% 0 /94px 152px no-repeat, url('//image.alba.kr/m/main/bg_pattern03_02.png') 0 100% /118px 152px no-repeat}
.home-banner__item.bg-pattern4 {background:url('//image.alba.kr/m/main/bg_pattern04_01.png') 100% 0 /152px 86px no-repeat, url('//image.alba.kr/m/main/bg_pattern04_02.png') 0 100% /164px 152px no-repeat}
.home-banner__item.bg-pattern5 {background:url('//image.alba.kr/m/main/bg_pattern05_01.png') 100% 100% /116px 82px no-repeat, url('//image.alba.kr/m/main/bg_pattern05_02.png') 0 0 /158px 111px no-repeat}
.home-banner__item.bg-color1 {background-color:#6276e0}
.home-banner__item.bg-color2 {background-color:#f57a7a}
.home-banner__item.bg-color3 {background-color:#3fb0af}
.home-banner__item.bg-color4 {background-color:#e875af}
.home-banner__item.bg-color5 {background-color:#33b175}
.home-banner__item.bg-color6 {background-color:#e7ab44}
.home-banner__item.bg-color7 {background-color:#5094c4}
.home-banner__item.bg-color8 {background-color:#f58e5d}
.home-banner__item.bg-color9 {background-color:#9673e6}
.home-banner__item.bg-color10 {background-color:#7bca57}

.home-banner__wrap {display:flex;width:100%;height:100%;align-items:center}
.home-banner__logo {display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:80px;height:80px;padding:0 6px;background:transparent url('//image.alba.kr/m/svg/squircle-mask_white.svg') 0 0 /100% no-repeat;text-align:center}
.home-banner__logo>img {vertical-align:middle;max-width:100%}
.home-banner__info {box-sizing:border-box;width:calc(100% - 80px);padding-left:16px}
.home-banner__compnm {overflow:hidden;font-size:.813rem;color:#fff;white-space:nowrap;text-overflow:ellipsis}
.home-banner__title {overflow:hidden;max-height:45px;margin-top:4px;font-size:1rem;font-weight:bold;line-height:1.4;color:#fff}
.home-banner__title .myAd {display:inline-block;vertical-align:middle;margin-right:4px;padding:0 5px;height:18px;border-radius:3px;background-color:#3396fe;color:#fff;font-size:.688rem;font-weight:bold;text-align:center;line-height:18px}
.home-banner__location {position:relative;margin-top:10px;padding-left:16px;font-size:.688rem;color:#fff}
.home-banner__location::before {position:absolute;top:0;left:0;width:12px;height:12px;background:url('//image.alba.kr/m/icon_pin_white.png') 0 0 /12px 12px no-repeat;content:''}
.home-banner__pay {margin-top:4px;font-size:.813rem;font-weight:600;color:#fff}
.home-banner__pay i {color:#fff}

/* M프리미어 */
#MPremierJob ul li a span.company {overflow:hidden;width:100%;height:16px;white-space:normal}

/* M그랜드 */
#MGrandJob ul li a.info {height:119px;padding:16px 20px 16px 116px}
#MGrandJob ul li a span.title {height:44px;white-space:normal;line-height:22px}
#MGrandJob ul li a span.photoWork {top:25px}
#MGrandJob ul li.noInfo a {height:119px}

/* 메인 - 브랜드매장 알바 */
#BrandInfo {padding:0 16px 8px 16px}
#BrandInfo >h1 {position:relative;padding:20px 4px 12px 4px;font-family:'HGSoftGGothicssi80g';font-weight:normal;font-size:.938rem;color:#747a84}

.main-brand {overflow:hidden;padding:0 0 20px 0;border-radius:12px;background-color:#fff}
.brandMain {overflow:hidden;padding:0}
.brandMain .swiper-slide {overflow:hidden;border-radius:12px}
.brandMain .swiper-pagination-bullets {position:unset;margin-top:4px}
.brandMain.singlePage {border-left:1px solid #ebebeb;box-sizing:border-box}
.brandMain .swiper-pagination-fraction{top:auto;bottom:0;left:50%;transform:translateX(-50%)}

.brand-card {overflow:hidden;display:flex;flex-wrap:wrap;width:100%;background:url('//image.alba.kr/m/main/bg_brand_line.png') 20px 0 /calc(100% - 40px) 100% no-repeat;}
.brand-card__item {position:relative;vertical-align:top;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:calc(100% / 3);height:110px;}
.brand-card__item:nth-child(3n - 1)::before,
.brand-card__item:nth-child(3n)::before {position:absolute;top:calc(50% - .5px);left:0;width:1px;height:20px;background-color:#ebedf1;content:''}
.brand-card__item .thumb {overflow:hidden;display:block;padding:0 8px}
.brand-card__item .thumb img {display:block;height:11vw;max-height:60px;margin:0 auto}
.brand-card__item .company {overflow:hidden;box-sizing:border-box;max-width:100%;margin-top:16px;padding:0 12px;text-overflow:ellipsis;white-space:nowrap;font-family:'HGSoftGGothicssi60g';font-size:12px;color:#747a84}

.brand-today {padding:0 20px 0}
.brand-today__title {position:relative;padding-top:28px;font-family:'HGSoftGGothicssi80g';font-weight:normal;font-size:.938rem;color:#747a84}
.brand-today__item {width:100%;margin-top:12px}
.brand-today__item a {overflow:hidden;display:flex;height:19px;text-overflow:clip;word-break:break-all;font-size:.875rem;line-height:19px;}
.brand-today__company {flex-shrink:0;overflow:hidden;max-width:121px}
.brand-today__info {margin-left:8px;font-weight:bold}

/* 메인 - 오늘의 실시간 알바 */
.today-job .swiper-pagination-fraction {top:-31px}
.today-job h1 {position:relative;padding:20px 4px 12px 20px;font-family:'HGSoftGGothicssi80g';font-weight:normal;font-size:.938rem;color:#747a84}
.today-job .goodsList ul {overflow:hidden;border-radius:12px;padding:6px 20px;background-color:#fff}
.today-job .goodsList ul li {margin:0;padding:0}
.today-job .goodsList ul li + li {border-top:1px solid #ebedf1}
.today-job .goodsList ul li a {border-radius:0;padding:14px 0}


/* 메인 - 핫플레이스 알바 */
.hotplace-main {padding:0 16px 8px 16px}
.hotplace-main__wrap {padding:0}
.hotplace-main__title {position:relative;padding:20px 4px 12px 4px;font-family:'HGSoftGGothicssi80g';font-weight:normal;font-size:.938rem;color:#747a84}
.hotplace-main__item {overflow:hidden;width:104px;height:126px;margin:0;border-radius:12px;background:url('//image.alba.kr/hotplace/202412/H0000.png') 0 0 /100% 100% no-repeat}
.hotplace-main__item + .hotplace-main__item {margin-left:8px}
.hotplace-card {position:relative;display:block;box-sizing:border-box;width:100%;padding:45px 12px 0}
.hotplace-card::before {position:absolute;top:20px;left:12px;width:15px;height:16px;content:''}
.hotplace-card.icon_type1::before {background:url('//image.alba.kr/m/main/icon_pin01.png') 0 0 /100% 100% no-repeat}
.hotplace-card.icon_type2::before {background:url('//image.alba.kr/m/main/icon_pin02.png') 0 0 /100% 100% no-repeat}
.hotplace-card.icon_type3::before {background:url('//image.alba.kr/m/main/icon_pin03.png') 0 0 /100% 100% no-repeat}
.hotplace-card.icon_type4::before {background:url('//image.alba.kr/m/main/icon_pin04.png') 0 0 /100% 100% no-repeat}
.hotplace-card.icon_type5::before {background:url('//image.alba.kr/m/main/icon_pin05.png') 0 0 /100% 100% no-repeat}
.hotplace-card__name {display:block;margin-bottom:5px;font-weight:700;font-size:15px;height:42px;line-height:1.4;color:#fff}
.hotplace-card__count {font-weight:500;font-size:12px;color:#fff}

/* 메인 - 알바랭킹 */
.ranking-main {padding:12px 0 0}
.ranking-main .swiper-container {padding:0;overflow:hidden}
.ranking-main__content {height:324px;overflow:hidden}
.ranking-main__title {box-sizing:border-box;height:55px;padding:23px 180px 0 20px;background:url('//image.alba.kr/m/main/bg_ranking_title.png') 100% 100% /auto 54px no-repeat}
.ranking-main__title>h1 {display:inline-block;padding-right:22px;background:url('//image.alba.kr/m/main/icon_trophy.png') 100% 1px /18px auto no-repeat;font-family:'HGSoftGGothicssi80g';font-size:.938rem;font-weight:normal;color:#747a84;line-height:21px}

.ranking-wrap {overflow:hidden;margin-bottom:8px;padding-bottom:10px;border-radius:12px;background-color:#fff}
.ranking-main .main-title-link {bottom:6px;right:20px}
.ranking-main .ranking-list {flex-direction:column;height:340px}

/* 메인 - promotion */
.promotion a {overflow:hidden;display:block;margin:8px 0 !important;background-color:#fff;border:1px solid #ebebeb}
.promotion a img {width:304px;height:45px}

/* 메인 - 알바스토리 */
.storyMainCommunity>h1 {position:relative;padding:20px 0 12px 4px;font-family:'HGSoftGGothicssi80g';font-weight:normal;font-size:.938rem;color:#747a84}
.storyMainStory {margin-bottom:8px;padding:0 16px}
.storyMainStory__list {overflow:hidden;padding:8px 20px;border-radius:12px;background-color:#fff}
.storyMainStory__list-item {height:72px;padding:0 4px;border-bottom:1px solid #ebedf1}
.storyMainStory__list-item:last-child {border-bottom:0 none}
.storyMainStory__list-link {display:block;position:relative;box-sizing:border-box;height:100%;padding:17px 60px 18px 0}
.storyMainStory__list-link--103::before {background-position:-36px 0}
.storyMainStory__list-category {display:block;margin-top:5px;font-size:.75rem;color:#2e89e5}
.storyMainStory__list-title {overflow:hidden;box-sizing:border-box;display:inline-block;vertical-align:top;max-width:100%;font-size:1rem;font-weight:600;white-space:nowrap;text-overflow:ellipsis}
.storyMainStory__list-title--new {position:relative;padding-right:20px}
.storyMainStory__list-title--new::after{content:'';position:absolute;top:0;right:0;width:16px;height:16px;margin:1px 0 0 4px;font-size:0;vertical-align:top;color:transparent;background:url('//image.alba.kr/m/svg/badge_new.svg') 0 0 / contain no-repeat}
.storyMainStory__list-time {display:inline-block;margin-left:4px;font-size:.75rem;color:#8f959f}
.storyMainStory__list-comment{position:absolute;top:12px;right:0;width:48px;height:48px;border-radius:12px;font-size:0;text-align:center;background-color:#f6f9fe}
.storyMainStory__list-comment::before{content:'';display:block;width:20px;height:20px;margin:6px auto 2px;background:url('//image.alba.kr/m/community/community_icon_20230612.png') 0 -20px / 60px auto no-repeat}
.storyMainStory__list-comment-num{font-size:.75rem;color:#8f959f}
.storyMainStory__list-reply {position:absolute;top:50%;right:0;width:60px;height:24px;transform:translateY(-50%);border:solid 1px #e5e8ec;border-radius:4px;line-height:24px;text-align:center;color:#8f959f}

.storyMainConsult {margin-bottom:8px;padding:0 16px}
.storyMainConsult__list-item {box-sizing:border-box;width:152px;height:134px;margin-right:8px;border-radius:12px;background-color:#fff}
.storyMainConsult__list-item:last-child{margin-bottom:0}
.storyMainConsult__list-link {position:relative;display:block;box-sizing:border-box;height:100%;padding:50px 16px 20px}
.storyMainConsult__list-title {overflow:hidden;display:-webkit-box;width:100%;height:66px;line-height:1.4;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1rem;font-weight:600;color:#000}
.storyMainConsult__list-reply {position:absolute;top:16px;right:16px;box-sizing:border-box;width:60px;height:24px;border:1px solid #e5e8ec;border-radius:6px;font-size:.75rem;line-height:22.5px;text-align:center;background-color:#fff;color:#8f959f}
.story-main-consult__icon{position:absolute;left:16px;top:16px}
.story-main-consult__icon.color--1 .fill{fill:#6cb1ff}
.story-main-consult__icon.color--2 .fill{fill:#ffab62}
.story-main-consult__icon.color--3 .fill{fill:#be88ee}
.story-main-consult__icon.color--4 .fill{fill:#ff8484}
.story-main-consult__icon.color--5 .fill{fill:#83e921}

.main-community {margin-bottom:8px;padding:0 16px}
.main-community>h1 {position:relative;padding:20px 0 12px 4px;font-family:'HGSoftGGothicssi80g';font-weight:normal;font-size:.938rem;color:#747a84}

.main-board {overflow:hidden;padding:8px 20px;border-radius:12px;background-color:#fff}
.main-board--consult {padding:4px 20px}
.main-board__item {border-bottom:1px solid #ebedf1}
.main-board__item:last-child {border-bottom:0 none}
.main-board__link {display:block;position:relative;box-sizing:border-box;height:100%;padding:12px 60px 12px 0}
.main-board__link--consult {padding:16px 70px 16px 0}
.main-board__category {display:flex;margin-bottom:6px}
.main-board__title {overflow:hidden;box-sizing:border-box;display:inline-block;vertical-align:top;max-width:100%;font-size:1rem;font-weight:600;white-space:nowrap;text-overflow:ellipsis}
.main-board__title--new {position:relative;padding-right:20px}
.main-board__title--new::after{content:'';position:absolute;top:0;right:0;width:16px;height:16px;margin:1px 0 0 4px;font-size:0;vertical-align:top;color:transparent;background:url('//image.alba.kr/m/svg/badge_new.svg') 0 0 / contain no-repeat}
.main-board__info {display:flex}
.main-board__sub {display:inline-block;margin-top:5px;font-size:.75rem;color:#8f959f}
.main-board__sub + .main-board__sub {position:relative;padding-left:7px}
.main-board__sub + .main-board__sub::before {position:absolute;top:calc(50% - .5px);left:3px;width:1px;height:1px;border-radius:50%;background-color:#8f959f;content:''}
.main-board__comment{position:absolute;top:50%;right:0;transform:translateY(-50%);width:48px;height:48px;border-radius:12px;font-size:0;text-align:center;background-color:#f6f9fe}
.main-board__comment::before{content:'';display:block;width:20px;height:20px;margin:6px auto 2px;background:url('//image.alba.kr/m/community/community_icon_20230612.png') 0 -20px / 60px auto no-repeat}
.main-board__comment-num{font-size:.75rem;color:#8f959f}
.main-board__reply {position:absolute;top:50%;right:0;width:48px;height:48px;padding:9px 0;transform:translateY(-50%);box-sizing:border-box;border-radius:12px;background-color:#edf8ea;font-size:.75rem;line-height:15px;text-align:center;color:#28b84e}
.main-board__reply--N {background-color:#f7f8fa;color:#8f959f}

/* 이벤트 */
.storyMainEvent {padding:0 16px}
.storyMainEvent__wrap {overflow-x:auto;overflow-y:hidden;box-sizing:border-box;width:100%}
.storyMainEvent__list-item {overflow:hidden;margin-bottom:8px;border-radius:12px;background-color:#fff}
.storyMainEvent__list-link {display:block}
.storyMainEvent__list-image {display:block;width:100%;max-width:396px;margin:0 auto;border-radius:4px}

.main-event {overflow-x:auto;overflow-y:hidden;box-sizing:border-box;width:100%}
.main-event__item {overflow:hidden;margin-bottom:8px;border-radius:12px;background-color:#fff}
.main-event__link {display:block}
.main-event__image {display:block;height:114px;margin:0 auto;border-radius:4px}


/* 설문조사 */
.storyMainResearch {padding:0 16px}
.storyMainResearch__wrap {overflow-x:auto;overflow-y:hidden;box-sizing:border-box;width:100%}
.storyMainResearch__list-item {overflow:hidden;margin-bottom:8px;border-radius:12px;line-height:22px;font-size:1rem;color:#000;background-color:#fff}
.storyMainResearch__list-link {position:relative;box-sizing:border-box;display:block;height:108px;padding:20px 16px 16px 146px}
.storyMainResearch__list-image {position:absolute;left:16px;top:16px;width:114px;max-height:76px;border-radius:6px}
.storyMainResearch__list-title {overflow:hidden;display:-webkit-box;height:44px;line-height:22px;font-weight:600;font-size:1rem;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.storyMainResearch__list-date {overflow:hidden;display:block;margin-top:6px;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap;color:#8f959f}

.main-research {overflow-x:auto;overflow-y:hidden;box-sizing:border-box;width:100%}
.main-research__item {overflow:hidden;margin-bottom:8px;border-radius:12px;line-height:22px;font-size:1rem;color:#000;background-color:#fff}
.main-research__link {position:relative;box-sizing:border-box;display:block;height:108px;padding:20px 16px 16px 146px}
.main-research__image {position:absolute;left:16px;top:16px;width:114px;max-height:76px;border-radius:6px}
.main-research__title {overflow:hidden;display:-webkit-box;height:44px;line-height:22px;font-weight:600;font-size:1rem;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.main-research__date {overflow:hidden;display:block;margin-top:6px;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap;color:#8f959f}

/* 광고안내 */
.goodsGuideLink {display:inline-block;height:14px;margin:3px 0 0;padding:0 4px;line-height:14px;font-family:'Pretendard Variable';font-size:.688rem;vertical-align:top;color:#8f959f}
.goodsGuideLink::after{content:"";display:inline-block;width:11px;height:11px;margin-left:-2px;vertical-align:-2px;background:url('//image.alba.kr/m/svg/question_circle_grayA.svg') 0 0 / contain no-repeat}
.goodsGuideLink:visited,.goodsGuideLink:hover,.goodsGuideLink:active{color:#8f959f}

/* 전체보기 */
.view-more__link {display:inline-block;width:7px;height:12px;margin-left:-3px;padding:5px;font-size:0;vertical-align:top;color:transparent}
.view-more__link::after {content:"";display:block;width:7px;height:12px;background:url('//image.alba.kr/m/main_icon.png') no-repeat -24px 0;background-size:48px 48px}

/* 게재중공고 리스트 */
.announcement {overflow:hidden;position:relative;margin:0 16px 20px;box-sizing:border-box;border:2px solid #3396fe;border-radius:16px;background-color:#fff}
.announcement__count {padding:18px 16px 12px 18px;font-size:.938rem;font-family:'HGSoftGGothicssi80g';color:#000}
.announcement__mag {position:absolute;top:18px;right:14px}
.announcement__mag>a {display:block;height:16px;font-size:.75rem;font-family:'HGSoftGGothicssi60g';color:#8f959f}
.announcement__mag>a::after {content:'';display:inline-block;width:16px;height:16px;margin-left:2px;vertical-align:-4px;background:url('//image.alba.kr/m/svg/icn_arrow_circle_grayBBB.svg') 0 0 / contain no-repeat}
.announcement__listwrap {margin-bottom:14px;padding:0 14px}
.announcement__list-item {position:relative;height:117px;box-sizing:border-box;border-radius:8px;border:1px solid #e7edf6}
.announcement__list-link {display:block;padding:16px 16px 12px;box-sizing:border-box}
.announcement__list-title {overflow:hidden;display:block;font-size:.938rem;font-weight:bold;text-overflow:ellipsis;white-space:nowrap}
.announcement__list-adid {margin-top:8px;font-size:.688rem;color:#9ca2ac}
.announcement__list-info {display:flex;justify-content:space-between;align-items:center;padding:0 16px 16px}
.announcement__list-detail {overflow:hidden;display:inline-flex;flex-wrap:wrap;flex:1;margin-top:-4px}
.announcement__list-detail>dt {width:30px;margin-top:4px;font-size:.75rem;color:#9ca2ac}
.announcement__list-detail>dd {overflow:hidden;width:calc(100% - 30px);margin-top:4px;font-size:.75rem;color:#343840;text-overflow:ellipsis;white-space:nowrap}
.announcement__list-action {display:inline-block;width:64px;height:32px;margin-left:8px;font-size:.75rem;font-family:'HGSoftGGothicssi60g';text-align:center;line-height:32px;box-sizing:border-box;border-radius:16px;color:#fff !important;background-color:#3396fe}
.announcement__close {position:relative;height:44px;padding:12px 14px 0;border-radius:0 0 16px 16px;box-sizing:border-box;background-color:#f7f8fa}
.announcement__close span.input label {font-size:.875rem;color:#747a84}
.announcement__close-text {position:absolute;right:14px;bottom:14px;padding:0;font-size:.875rem;color:#4c515b;background-color:transparent}


/* 상품안내 레이어 */
.goods-info-layer {z-index:999999;position:fixed;top:50%;left:50%;width:320px;margin-left:-160px;border-radius:12px;background:#fff}
.goods-info__title {height:56px;border-bottom:solid 1px #f0f2f5;font-family:'HGSoftGGothicssi60g';font-size:1.063rem;line-height:58px;text-align:center;color:#000}
.goods-info__contents {overflow-y:auto;box-sizing:border-box;height:100%;max-height:68vh;padding:25px 20px}
.goods-info__term {position:relative;margin-top:16px;font-size:.938rem;font-weight:bold;line-height:1.5;color:#000}
.goods-info__term:first-child {margin-top:0}
.goods-info__description p {font-size:.938rem;line-height:1.5;color:#747a84}
.goods-info__explain {position:relative;padding-left:26px;font-size:.813rem;font-weight:bold;line-height:1.5;color:#292c33}
.goods-info__explain--first,
.goods-info__explain--genius {margin-top:12px}
.goods-info__explain::before {content:'';position:absolute;top:0;left:0;width:16px;height:16px;background:url('//image.alba.kr/m/biz/biz_goods_v1.png') no-repeat;background-size:120px 90px}
.goods-info__explain--first::before {background-position:-60px -30px}
.goods-info__explain--genius::before {background-position:-90px -30px}
.goods-info__explain--noimage::before {background-image:none}
.goods-info__explain>em {color:#48e}
.goods-info__etc {position:relative;padding-left:10px;font-size:.813rem;line-height:1.5;color:#292c33}
.goods-info__etc::before {content:'';position:absolute;top:6px;left:0;width:4px;height:4px;border-radius:50%;background-color:#4c515b}

.goods-info__action {position:relative;margin-top:0px;padding:0 20px 20px}
.goods-info__action::before{content:'';position:absolute;top:-25px;left:0;width:100%;height:25px;background:linear-gradient(180deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,1) 100%)}
.goods-info-btn {display:block;width:100%;height:54px;border-radius:6px;line-height:54px;font-family:'HGSoftGGothicssi60g';font-size:1rem;color:#fff !important;text-align:center;background-color:#3396fe}
.goods-info__close {position:absolute;top:0;right:0;padding:16px;font-size:0;color:transparent;background-color:transparent}
.goods-info__close:before {content:"";display:block;width:24px;height:24px;background:url('//image.alba.kr/m/Reg_icon.png') no-repeat -31px 0;background-size:240px auto}

.infoLayerFilter {display:none;z-index:100000;position:fixed;left:0;top:0;width:100%;height:100%;background:#292c33;filter:alpha(opacity=40);opacity:0.4;touch-action:none;-webkit-touch-action:none}

/* 지역선택 */
.areaset-wrapper {margin:0 16px}
.areaset__select {position:relative;overflow:hidden;box-sizing:border-box;height:48px;border-radius:24px;border:1px solid #ebedf1;box-shadow:0 4px 8px 0 rgba(0, 0, 0, .08); font-family:'HGSoftGGothicssi60g'}
/* .areaset__select.on {box-shadow:0 2px 6px 0 rgba(62,76,89,0.12)} */
.areaset__value {position:relative;float:left;box-sizing:border-box;width:50%;height:48px;padding:0 32px 0 15px;font-size:.938rem;line-height:48px;text-overflow:ellipsis;white-space:nowrap;background-color:#fff}
/* .areaset__value::after {content:"";position:absolute;top:0;right:0;width:40px;height:48px} */
/* background:url('//image.alba.kr/m/droparrow_202008.png')no-repeat 0 0;background-size:80px auto */
.areaset__value--sido {padding-left:34px;font-family:'HGSoftGGothicssi80g';color:#000}
.areaset__value--sido::before {content:"";position:absolute;top:13px;left:16px;width:20px;height:20px;background:url('//image.alba.kr/m/main/icon-location.svg')0 0 / contain no-repeat}
.areaset__value--sido .areaset__value-text{margin-left:5px}
.areaset__value--gugun {float:right}
.areaset__value--gugun::before {content:'';position:absolute;left:0;top:50%;width:1px;height:16px;margin-top:-9px;background-color:#ebedf1}
.areaset__value--gugun i {color:#4c515b}
.areaset__value-text {overflow:hidden;display:inline-block;max-width:100%;text-overflow:ellipsis;white-space:nowrap}
.areaset__value.disabled {color:#9ca2ac}
.select-arrow__wrap {position:absolute;top:15px;right:12px;width:16px;height:16px}
.areaset__value.on .select-arrow__wrap{transform:rotate(180deg)}
.areaset__value.on .select-arrow__wrap .path{stroke:#000}
.areaset__value.on .areaset__value--gugun {color:#292c33}
.areaset__list-area {display:none;overflow:hidden;box-sizing:border-box;width:calc(100% - 2px);margin-top:-30px;margin-left:1px;padding:50px 16px 20px;border-top:1px solid #dfe7f2;border-bottom-left-radius:12px;border-bottom-right-radius:12px;background-color:#fff}
.areaset__list-area.on {display:block}
.areaset__list-swiper {display:none;overflow:hidden;padding:0}
.areaset__list-swiper.on {display:block}
.areaset__list-swiper .swiper-slide {margin-right:0}
.areaset__list-swiper .swiper-pagination-lock {display:none}
.areaset__list-swiper .swiper-pagination-bullets {position:relative}
/* .areaset__list {display:none} */
/* .areaset__list.on {display:block} */
.areaset__list-item {float:left}
.areaset__list-target {display:block;box-sizing:border-box;height:36px;border:1px solid #dfe7f2;border-radius:4px;font-size:.813rem;line-height:34px;text-align:center;color:#747a84}
.areaset__list-target.on {border-color:#4c515b;font-weight:bold;color:#000}
.areaset__list--sido {display:none}
.areaset__list--sido.on {display:block}
.areaset__list--sido .areaset__list-item {width:calc(20% - 3.2px);margin:4px 0 0 4px}
.areaset__list--sido .areaset__list-item:nth-child(5n+1) {margin-left:0}
.areaset__list--sido .areaset__list-item:nth-child(-1n+5) {margin-top:0}
.areaset__list--gugun .areaset__list-item {width:calc(50% - 2px);margin:4px 0 0 4px}
.areaset__list--gugun .areaset__list-item:nth-child(2n+1) {margin-left:0}
.areaset__list--gugun .areaset__list-item:nth-child(-1n+2) {margin-top:0}

/* class - 지원하기 */
.applyLayer {z-index:99999;display:none;position:fixed;top:0;right:0;bottom:0;left:0}
.applyLayer__wrap {z-index:99999;position:fixed;right:0;bottom:0;left:0}
.applyLayer__wrap::before{content:'';position:absolute;top:-24px;left:50%;transform:translateX(-50%);width:130px;height:130px;border-radius:100%;background-color:#fff}
.applyLayer__wrap::after{content:'';position:absolute;left:50%;top:-14px;transform:translateX(-54%);width:40px;height:40px;background:url('//image.alba.kr/m/main/icon-airplane.svg') 0 0 / contain no-repeat}
.applyLayer__title {position:relative;box-sizing:border-box;height:68px;padding-top:29px;border-radius:20px 20px 0 0;font-family:'HGSoftGGothicssi80g';font-size:1.125rem;text-align:center;background-color:#fff}
.applyLayer__list {overflow:hidden;position:relative;padding:21px 20px 16px;font-size:0;background-color:#fff}
.applyLayer__list::before{content:'';position:absolute;left:20px;top:0;width:calc(100% - 40px);height:1px;background-color:#ebedf1}
.applyLayer__list--1{text-align:center}
.applyLayer__list--1 .applyLayer__item{width:auto}
/* .applyLayer__list--2 {padding:35px 0} */
.applyLayer__item {display:inline-block;width:50%;text-align:center}
.applyLayer__link {position:relative;display:block;padding-left:54px;height:44px;margin-bottom:16px;font-size:1rem;line-height:44px;text-align:left;color:#000}
.applyLayer__link::before {content:"";z-index:1;position:absolute;left:10px;top:10px;width:24px;height:24px;background:url("//image.alba.kr/m/applyLayer2.png") 0 0 / 180px auto no-repeat}
.applyLayer__link::after{content:"";position:absolute;left:0;top:0;width:44px;height:44px;background:url("//image.alba.kr/m/main/component-apply-frame.svg") 0 0 / contain no-repeat}
.applyLayer__link--tel::before {background-position:0 0}
.applyLayer__link--online::before {background-position:-120px 0}
.applyLayer__link--simple::before {background-position:-90px 0}
.applyLayer__link--smsFree::before {background-position:-150px 0}
.applyLayer__link--sms::before {background-position:-150px 0}
.applyLayer__link--email::before {background-position:-30px 0}
.applyLayer__link--homepage::before {background-position:-60px 0}
.applyLayer__link--market::before {background-position:-30px -30px}
.applyLayer__link--chat::before {background-position:-150px -30px}
.applyLayer__close {position:absolute;top:0;right:0;width:45px;height:48px;font-size:0;text-align:center;color:transparent}
.applyLayer__close::after {content:"";position:absolute;top:14px;right:16px;width:24px;height:24px;background:url("//image.alba.kr/m/main/btn-popup-close-g.svg") 0 0 / contain no-repeat}
.applyLayer__floating {position:absolute;top:-80px;right:8px;left:8px;height:48px;line-height:48px;font-size:.875rem;text-align:center;border-radius:8px;color:#fff;background-color:rgba(0,0,0,0.65)}

/* class - formLayer(modalLayer) */
.modalLayer {display:block}
.modalLayer .layerWrap {transform:translate(0, -50%);-webkit-transform:translate(0, -50%)}
.modalLayer .layerTitle {height:50px;padding:0;border-bottom:2px solid #ffd100;font-weight:bold;font-size:1.063rem;line-height:52px;text-align:center;color:#292c33}
.modalLayer .contentWrap {padding:20px;border-bottom:1px solid #d5d9df}
.modalLayer .contentWrap dl {line-height:1.4;color:#292c33}
.modalLayer .contentWrap dl dt {margin-bottom:15px;font-weight:bold}
.modalLayer .contentWrap dl dd {margin-bottom:5px}
.modalLayer .contentWrap dl dd:last-child {margin-bottom:0}
.modalLayer .submitBtn {position:static;top:17px;right:17px;float:right;width:90px;height:45px;padding-top:0;font-size:.813rem;line-height:45px;text-align:center;color:#2346e4;background:none}
.modalLayer .submitBtn::before {content:none}

/* modal-form1 */
.modal-form1 {z-index:99999;display:none;position:fixed;top:0;right:0;bottom:0;left:0}
.modal-form1.on {display:-webkit-box;display:box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-box-orient:vertical;-webkit-box-pack:center;align-items:center;justify-content:center}
.modal-form1__wrap {z-index:99999;position:relative;box-sizing:border-box;width:89%;border-radius:3px;background-color:#fff}
.modal-form1__title {height:50px;border-bottom:2px solid #ffd200;font-weight:bold;font-size:1.125rem;line-height:50px;text-align:center}
.modal-form1__action {overflow:hidden}
.modal-form1__action>a {float:left;width:50%;height:50px;font-size:.875rem;line-height:50px;text-align:center;color:#747a84;background-color:#e5e5e5}
.modal-form1__action>a.modal-form1__action--cancel {width:35%;border-radius:0 0 0 3px}
.modal-form1__action>a.modal-form1__action--continue {width:35%;border-radius:0 0 0 3px;color:#fff;background-color:#3c3f44}
.modal-form1__action>a.modal-form1__action--confirm,
.modal-form1__action>a.modal-form1__action--login {float:right;width:65%;border-radius:0 0 3px 0;color:#2c2100;background-color:#ffd200}
.modal-form1__close {position:absolute;top:0;right:0;width:55px;height:50px;font-size:0;line-height:0;color:transparent}
.modal-form1__close::before {content:"";position:absolute;top:18px;right:20px;width:15px;height:15px;background:url('//image.alba.kr/m/header.png') no-repeat -120px -120px;background-size:160px 160px}
.modal-form1>.filter {z-index:999998}

/* modal-form1 - 지원하기 */
.modal-apply,
.modal-apply>.modal-form1__wrap {z-index:999999}
.modal-apply>.filter {z-index:999998}
.modal-apply__guide {padding:30px;font-size:.875rem;line-height:1.43;color:#292c33}
.modal-apply__help {margin-top:-20px;padding:0 30px 30px;font-size:.75rem;line-height:1.42;color:#8f959f}


.mainAdBanner {overflow:hidden;margin:28px 16px 8px;border-radius:12px;text-align:center}
.mainAdBanner a {display:block}
.mainAdBanner img {display:block;width:100%;max-width:328px;margin:0 auto}

.brandAdBanner {overflow:hidden;margin:28px 16px 8px;border-radius:12px;text-align:center}
.brandAdBanner a {display:block}
.brandAdBanner img {display:block;width:100%;max-width:328px;margin:0 auto}

.adBannerBottom {margin-top:28px;text-align:center;background-color:#f0f2f5}
.adBannerBottom a {overflow:hidden;display:block;margin:0 16px;border-radius:12px}
.adBannerBottom img {display:block;width:100%;max-width:328px;margin:0 auto}

.appdown-banner {position:relative;overflow:hidden;width:100%;height:70px;font-size:0;color:transparent;/*background:#fdf9d1 url('//image.alba.kr/m/appdown-banner_img2.png') no-repeat 0 0;background-size:224px 70px*/}
.appdown-banner__action {position:absolute;top:0;right:0;width:137px;height:70px;font-size:0;color:transparent;background:#fdf9d1 url('//image.alba.kr/m/appdown-banner_action2.png') no-repeat 0 0;background-size:137px 70px}
.appdown-banner__close {position:absolute;top:0;left:0;width:40px;height:70px;font-size:0;color:transparent}

/* 메인 타이틀 */
.main-title-link{position:absolute;right:0;bottom:12px;font-family:'HGSoftGGothicssi60g';font-weight:normal;font-size:.75rem;line-height:16.5px;color:#8f959f}
.main-title-link,
.main-title-link:visited,
.main-title-link:hover,
.main-title-link:active{color:#8f959f}
.main-title-link::after{content:'';display:inline-block;width:16px;height:16px;margin-left:2px;vertical-align:top;background:url('//image.alba.kr/m/svg/icn_arrow_circle_grayBBB.svg') 0 0 / contain no-repeat}

/* class - radio/checkbox */
span.input {position:relative;display:inline-block}
span.input input {position:absolute;left:0}
span.input label {display:inline-block;height:20px;padding:0 0 0 24px;font-size:.938rem;line-height:20px;vertical-align:middle;color:#000}
span.input input[type="checkbox"] + label {background:url('//image.alba.kr/m/input_checkbox_v5.png') no-repeat 0 0;background-size:20px 200px}
span.input input[type="checkbox"]:checked + label {background-position:0 -60px}

/* 광고 배너 영역 */
.ad-pop {margin:15px 0 0}

/* 인기브랜드 채용관 노출 202401 */
.hot-brand {padding:0 16px 8px 16px}
.hot-brand__title {padding:20px 4px 12px 4px;font-family:'HGSoftGGothicssi80g';font-weight:normal;font-size:.938rem;color:#747a84}
.hot-brand__item {overflow:hidden;display:block;height:114px;border-radius:12px;background-color:#2a75d1;background-size:auto 100%;background-position:100% 0;background-repeat:no-repeat}
.hot-brand__info {display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;width:calc(100% - 116px);height:100%;padding:0 16px 0 26px;border-radius:0 0 70px 0;background-color:#3396fe}
.hot-brand__text {overflow:hidden;max-height:36px;font-size:.813rem;font-family:'HGSoftGGothicssi60g';color:#fff;line-height:1.3;word-break:break-all}
.hot-brand__name {overflow:hidden;max-height:44px;margin-top:6px;font-size:1.125rem;font-family:'HGSoftGGothicssi80g';color:#fff;word-break:keep-all;word-wrap:break-word}

/* 퀵 네비 */
.header-float .main-nav {overflow:hidden;position:relative;display:flex;align-items:center;padding:0 12px 8px;background-color:#fff}
.header-float .main-nav__item {width:100%;height:32px;line-height:32px;font-size:.938rem;font-family:'HGSoftGGothicssi60g';text-align:center;color:#000}

.quick-nav {position:relative;margin-top:-20px;padding:20px 16px 2px;border-radius:20px 20px 0 0;background-color:#fff}
.quick-nav::before {position:absolute;left:0;bottom:calc(-100% - 20px);width:100%;height:98px;background:linear-gradient(to bottom, #fff, #f0f2f5);content:''}
.quick-nav .main-nav {overflow:hidden;display:flex;align-items:center;background-color:#fff}
.quick-nav .main-nav__item {position:relative;flex:1;font-size:.75rem;font-family:'HGSoftGGothicssi60g';text-align:center;color:#4c515b}
.quick-nav .main-nav__item::before {display:block;margin:0 auto 8px;width:38px;height:38px;content:''}

/* .quick-nav .main-nav__item::before {display:block;margin:0 auto 6px;width:24px;height:24px;content:''} */

.quick-nav .main-nav__item--local::before {background:url('../banner/mega.png') 0 0 /100% no-repeat}  /*메가커피*/
.quick-nav .main-nav__item--custom::before {background:url('../banner/compose.png') 0 0 /100% no-repeat}  /*컴포즈커피*/
.quick-nav .main-nav__item--map::before {background:url('../banner/baskin.png') 0 0 /100% no-repeat}  /*empty*/
.quick-nav .main-nav__item--short::before {background:url('../banner/baskin.png') 0 0 /100% no-repeat}  /*배스킨라빈스*/
.quick-nav .main-nav__item--urgent::before {background:url('../banner/lotteria.png') 0 0 /100% no-repeat}  /*롯데리아*/
.quick-nav .main-nav__item--foreign::before {background:url('../banner/lotteria.png') 0 0 /100% no-repeat}  /*골프존*/
.quick-nav .main-nav__item--senior::before {background:url('../banner/a.png') 0 0 /100% no-repeat}  /*메가커피*/

/* 메인 탑 슬라이드 */
/* home banner */
.promotion-top {padding:0;height:194px;border-top:4px solid #fff}
.promotion-top li {margin:0}
.promotion-top img {display:block;width:100%;max-width:360px;min-height:190px;margin:0 auto}
.promotion-top .swiper-pagination-bullets {display:flex;align-items:center;justify-content:center;bottom:32px;left:0;width:100%;height:4px;text-align:center}
.promotion-top .swiper-pagination-bullet {background-color:#fff;opacity:.5}
.promotion-top .swiper-pagination-bullet-active {background-color:#fff;opacity:.7}
.promotion-top__item {height:100%}
.promotion-top__item > a {display:block;width:100%;min-width:360px;height:100%;text-align:center}

/* 하단 주의 배너 */
.main-caution {margin-top:20px;text-align:center}
.main-caution a {overflow:hidden;display:block;margin:0 16px;border-radius:12px;background-color:#fcdddd}
.main-caution img {display:block;width:100%;max-width:328px;margin:0 auto}