@charset "utf-8";

/* base */
html,body {margin:0;padding:0}
body {min-width:320px;font-size:14px;font-family:'Noto sans','Droid sans','Apple SD Gothic Neo','AppleGothicNeoSD','Microsoft NeoGothic','Malgun Gothic',Sans-serif;line-height:1.2;letter-spacing:-0.05em;color:#222;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,.1)}
html.ios body {letter-spacing:-0.02em}
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:1em;color:#222}
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:#222;outline:none}
input[type="search"] {-webkit-appearance:textfield}
input[type="radio"],
input[type="checkbox"] {opacity:0;opacity:1\9}
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;padding-right:0\0;*padding-right:0;font-family:tahoma;background:#fff url('/image/bullet.gif') no-repeat 100% 0;background:none\0;*background:none;border:1px solid #C9C9C9;border-radius:2px;-webkit-appearance:none}
select[multiple] {padding-right:8px;padding-right:0\0;*padding-right:0}
@-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;visibility:hidden;position:absolute;top:-999em;left:-999em;width:0;height:0;font-size:0}
.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 {color:#bbb}
:-ms-input-placeholder {color:#bbb}
::placeholder {color:#bbb}

/* link */
a,a:visited,a:hover,a:active {color:#222;text-decoration:none}

/* 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 #222}
.skipNav li a:focus,
.skipNav li a:active {top:14px}

/* Header */
.header-main {position:relative;padding-top:12px;background-color:#ffeb00}
.header-main__title {z-index:1;position:absolute;top:6px;left:42px}
.header-main__title>a {display:block;height:26px;padding:12px 5px 6px}
.header-main__title img {width:26px;height:26px}
.header-main__action>li {z-index:1;position:absolute;top:6px}
.header-main__action a {display:block;width:24px;height:24px;padding:13px 10px 7px;font-size:0;color:transparent}
.header-main__action a::before {content:"";display:block;width:24px;height:24px;background:url('//image.alba.kr/m/header_main1.png') no-repeat;background-size:72px 48px}
.header-main__action-directory {left:3px}
.header-main__action-directory>a {padding-right:5px}
.header-main__action-directory>a::before {background-position:0 0}
.header-main__action-directory>a:active::before {background-position:-24px 0}
.header-main__action-service {right:1px}
.header-main__action-service>a {padding-left:9px;padding-right:11px}
.header-main__action-service>a::before {background-position:0 -24px}
.header-main__action-service>a:active::before {background-position:-24px -24px}
.header-main__search {padding:0 45px 0 83px}
.header-main__search-wquery {position:relative;display:block;height:38px}
.header-main__search-wquery::after {content:"";position:absolute;top:7px;right:15px;width:24px;height:24px;background:url('//image.alba.kr/m/header_main1.png') no-repeat -48px 0;background-size:72px 48px}
.header-main__search-wquery>input {display:block;box-sizing:border-box;width:100%;height:38px;padding-right:40px;padding-left:15px;border:0 none;border-radius:21px;background-color:#fff}

.navPrimary {overflow:hidden;position:relative;background-color:#ffeb00}
.navPrimary-menu {overflow-x:auto;height:44px}
.navPrimary-menu::-webkit-scrollbar {display:none}
.navPrimary-menu-list {z-index:1;overflow:hidden;height:44px;padding:0 9px 0 2px}
.navPrimary-menu-list>li {float:left;margin-left:9px;text-align:center}
.navPrimary-menu-list>li>a {position:relative;display:block;height:44px;padding:0 6px;box-sizing:border-box;font-size:16px;line-height:44px;white-space:nowrap;color:#000}
.navPrimary-menu-list>li.on>a::before {content:"";position:absolute;right:3px;bottom:0;left:3px;height:1px;border-radius:1px;background-color:#222}
html.ios .navPrimary-menu-list>li>a {letter-spacing:0}

body.scroll-main .navPrimary {z-index:99999;position:fixed;top:0;left:0;width:100%;box-sizing:border-box}
.submenu-wrapper {display:none}

/* Footer */
#Footer {width:100%;margin:0;padding:14px 0 13px;text-align:center;background-color:#e2e4e5;border-top:1px solid #eee}
#Footer .action {overflow:hidden;position:relative;display:inline-block;height:26px;padding:0 1px;text-align:center}
#Footer .action li {float:left;margin-left:-1px;font-size:12px}
#Footer .action li a {display:inline-block;width:68px;height:24px;line-height:24px;color:#8f8e8e;background-color:#ebedee;border:1px solid #d0d0d0}
html.ios #Footer .action li a {line-height:26px}
#Footer .agree {display:block;padding:10px 0;border-bottom:1px solid #dcdcdc;font-size:0;text-align:center}
#Footer .agree a {position:relative;margin-left:10px;padding-left:11px;font-size:12px;color:#8f8e8e}
#Footer .agree a.privacy {color:#000}
#Footer .agree a::before {display:block;content:"";position:absolute;left:0;top:50%;margin-top:-5px;width:1px;height:10px;background:#c4c4c4}
html.ios #Footer .agree a::before {margin-top:-6px}
#Footer .agree a:first-child {margin-left:0;padding-left:0;border-left:0 none}
#Footer .agree a:first-child::before {display:none;}
#Footer .copyRight {display:inline-block;padding:14px 0 1px;width:100%;height:15px;font-size:12px;font-family:'Arial', Sans-serif;font-weight:bold;text-align:center;color:#8f8e8e}
#Footer .copyRight>span {display:inline-block;margin-top:1px;font-size:13px;vertical-align:top}
#Footer .copyRight .cssIcon-arrow {margin-top:2px;margin-left:8px}
html.ios #Footer .copyRight>span {margin-top:0}
html.ios #Footer .copyRight .cssIcon-arrow {margin-top:2px}
#Footer .copyRight .cssIcon-arrow::after {width:5px;height:5px;border:1px solid #8f8e8e}
#Footer .copyRight .cssIcon-arrow.top::after {top:4px}
#Footer address {display:none;margin:0 auto;padding-top:13px;max-width:320px;font-size:11px;line-height:1.27;color:#8f8e8e}
#Footer address a {color:#8f8e8e}
#Footer address .line {margin-left:4px;padding-left:3px;border-left:1px solid #c4c4c4}

/* Section */
#Section {overflow:hidden;position:relative}
h1.hide {display:none}

/* class - swiper */
.swiper-container {position:relative;width:100%;padding:0 15px 15px;-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:16%;left:0;text-align:center}
.swiper-pagination-bullet {overflow:hidden;display:inline-block;width:5px;height:5px;margin:0 2px;border-radius:50%;cursor:pointer;background-color:#000;opacity:0.1}
.swiper-pagination-bullet-active {opacity:0.4}
.swiper-pagination-fraction {position:absolute;top:18px;right:15px;font-size:11px;color:#999}
.swiper-pagination-current {color:#222}
.swiper-scrollbar {position:absolute;bottom:0;left:15px;right:15px;height:2px;background-color:#eee}
.swiper-scrollbar-drag {height:100%;background-color:#444}

.pageBtnGroup {padding-top:8px;text-align:center}
.pageBtnGroup .swiper-pagination {display:inline-block;width:56px;margin:0 45px;padding-top:4px;font-size:17px;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:0/0 dotum;color:transparent}
.cssIcon-arrow::after {content:"";position:absolute;left:0;width:8px;height:8px;border:2px solid #666;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:#e47852}
i.day {color:#59ab4b}
i.week {color:#cb7c1b}
i.month {color:#5a74f1}
i.year {color:#8c6ae7}
i.case {color:#4c93ac}

.goodsWrap h1 {padding:10px 15px 5px;font-weight:normal;font-size:16px}
html.ios .goodsWrap h1 {padding:12px 15px 3px}
.goodsWrap .swiper-pagination-fraction {top:-17px}

.goodsLogo {margin:0 0 10px;padding:0 15px 18px}
.goodsLogo.singlePage {padding-bottom:0}
.goodsLogo::after {content:"";display:block;clear:both}
.goodsLogo ul {overflow:hidden;border:1px solid #ebebeb;border-top:0 none;border-bottom-color:#d9d9d9}
.goodsLogo ul li {position:relative;float:left;width:50%;box-sizing:border-box;border-top:1px solid #ebebeb}
.goodsLogo ul li:nth-child(even) {border-left:1px solid #ebebeb}
.goodsLogo ul li a {overflow:hidden;display:block;box-sizing:border-box;height:146px;padding:13px 15px 14px;background-color:#fff;-webkit-tap-highlight-color:transparent}
html.ios .goodsLogo ul li a {height:144px}
.goodsLogo ul li a span {overflow:hidden;display:block;padding:0;white-space:nowrap;text-overflow:ellipsis}
.goodsLogo ul li a span.logo {overflow:hidden;display:block;width:85px;height:34px;margin:0 auto 6px;text-align:center}
.goodsLogo ul li a span.logo>img {width:85px;height:34px}
.goodsLogo ul li a span.logo>.text {display:table-cell;width:80px;height:32px;font-size:12px;line-height:1.15;vertical-align:middle;white-space:normal;word-wrap:break-word;word-break:break-word}
.goodsLogo ul li a span.logo>.text-6,
.goodsLogo ul li a span.logo>.text-5 {font-size:15px}
.goodsLogo ul li a span.logo>.text-4,
.goodsLogo ul li a span.logo>.text-3 {font-size:17px}
.goodsLogo ul li a span.logo>.text-2,
.goodsLogo ul li a span.logo>.text-1 {font-size:19px}
.goodsLogo ul li a span.company {display:inline-block;font-weight:800;font-size:13px;letter-spacing:-0.02em;vertical-align:top;color:#333}
.goodsLogo ul li a span.title {display:block;overflow:hidden;min-height:19px;max-height:40px;margin:2px 0 6px;font-size:15px;line-height:1.33;white-space:normal;word-break:break-all;color:#222}
html.ios .goodsLogo ul li a span.title {margin:1px 0 5px;line-height:1.34}
.goodsLogo ul li a span.local {font-size:12px;color:#666}
.goodsLogo ul li a span.pay {display:inline-block;vertical-align:top;color:#222}
.goodsLogo ul li a span.pay::before {content:"·";padding:0 2px;vertical-align:top;color:#666}
.goodsLogo ul li a span.pay>b {font-weight:normal;letter-spacing:-0.02em}
.goodsLogo ul li a span.bar {display:none}
.goodsLogo ul li a span.myAd {display:none;position:absolute;top:auto;bottom:10px;right:10px;width:39px;height:16px;border-radius:10px;font-size:10px;line-height:15px;text-align:center;color:#fff;background-color:#5b79fe}
html.ios .goodsLogo ul li a span.myAd {padding-top:1px;height:17px}
.goodsLogo ul li a.quickOpen {position:absolute;top:0;right:0;width:3px;height:45px !important;padding:15px 15px 15px 25px;box-shadow:none;text-align:center}
.goodsLogo ul li a.quickOpen span {display:inline-block;width:3px;height:14px;font-size:0;vertical-align:top;color:transparent;background:url('//image.alba.kr/m/main3.png') no-repeat -80px -80px;background-size:120px 120px}
.goodsLogo ul li.noInfo a {height:146px;padding-top:45px;text-align:center}
html.ios .goodsLogo ul li.noInfo a {height:144px}
.goodsLogo ul li.noInfo a img {width:88px;height:42px}
.goodsLogo ul li.noInfo span {display:block;height:136px;background:#fff url('//image.alba.kr/m/noInfo.png') no-repeat center;background-size:81px 22px}

.goodsList {margin:0 0 10px;padding:0 15px 18px}
.goodsList.singlePage {padding-bottom:0}
.goodsList::after {content:"";display:block;clear:both}
.goodsList>h1 {padding:10px 0 5px;font-weight:normal;font-size:16px}
html.ios .goodsList>h1 {padding:12px 0 3px}
.goodsList ul {border:1px solid #ebebeb;border-bottom-color:#d9d9d9}
.goodsList ul li {position:relative;border-top:1px solid #ebebeb;background-color:#fff}
.goodsList ul li:first-child {margin:0;border-top:0 none}
.goodsList ul li a {position:relative;display:block;box-sizing:border-box;height:89px;padding:16px 20px 14px 15px;-webkit-tap-highlight-color:transparent}
html.ios .goodsList ul li a {padding:18px 20px 12px 15px}
.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:15px;width:60px;height:24px;margin-top:-12px;text-align:center}
.goodsList ul li a span.logo>img {width:60px;height:24px}
.goodsList ul li a span.logo>.text {display:table-cell;width:65px;height:26px;font-weight:bold;font-size:11px;line-height:1.2;vertical-align:middle;word-wrap:break-word;word-break:break-word;white-space:normal}
.goodsList ul li a span.logo>.text-5,
.goodsList ul li a span.logo>.text-4 {font-size:12px}
.goodsList ul li a span.logo>.text-3 {font-size:14px}
.goodsList ul li a span.logo>.text-2,
.goodsList ul li a span.logo>.text-1 {font-size:16px}
.goodsList ul li a span.company,
.goodsList ul li a span.workComnm {display:inline-block;font-weight:800;font-size:13px;letter-spacing:-0.02em;vertical-align:top;color:#333}
.goodsList ul li a span.title {display:block;overflow:hidden;min-height:19px;max-height:40px;margin:2px 0 6px;font-size:15px;line-height:1.33;word-break:break-all;color:#222}
html.ios .goodsList ul li a span.title {margin:1px 0 5px;line-height:1.34}
.goodsList ul li a span.local {font-size:12px;color:#666}
.goodsList ul li a span.pay {display:inline-block;vertical-align:top;color:#222}
.goodsList ul li a span.pay::before {content:"·";padding:0 2px;vertical-align:top;color:#666}
.goodsList ul li a span.pay b {font-weight:normal;letter-spacing:-0.02em}
.goodsList ul li a span.bar {display:none}
.goodsList ul li a span.myAd {display:none;position:absolute;top:auto;bottom:8px;right:10px;width:44px;height:18px;border-radius:9px;font-size:12px;line-height:18px;text-align:center;color:#fff;background-color:#2346e4}
html.ios .goodsList ul li a span.myAd {padding-top:1px;height:17px}
.goodsList ul li a.quickOpen {position:absolute;top:0;right:0;box-sizing:content-box;width:3px;height:13px !important;padding:15px;text-align:center}
.goodsList ul li a.quickOpen span {display:inline-block;width:3px;height:13px;font-size:0;vertical-align:top;color:transparent;background:url('//image.alba.kr/m/main3.png') no-repeat -80px -80px;background-size:120px 120px}
.goodsList ul li.noInfo a {height:89px;padding:23px 0 0;text-align:center}
.goodsList ul li.noInfo a img {width:88px;height:42px}
.goodsList ul li.noInfo span {display:block;height:32px;margin-top:27px;background:#fff url('//image.alba.kr/m/noInfo.png') no-repeat center;background-size:81px 22px}

.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}
.goodsList ul li a.info--photo span.title,
.goodsList ul li a.info--photo span.local {padding-right:74px}

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

/* M그랜드 */
#MGrandJob ul li a.info {height:110px;padding-left:90px}
#MGrandJob ul li a span.title {white-space:normal}
#MGrandJob ul li a span.photoWork {top:25px}
#MGrandJob ul li.noInfo a {height:110px;padding-top:30px;padding-left:0}

/* 메인 - 브랜드매장 알바 */
.brandMain {margin:0 0 10px}
.brandMain>h1 {padding:10px 0 5px;font-weight:normal;font-size:16px}
.brandMain ul {overflow:hidden;width:100%;border:1px solid #ebebeb;border-bottom-color:#d9d9d9;background-color:#fff}
.brandMain.singlePage ul {border-left:1px solid #ebebeb;box-sizing:border-box}
.brandMain ul li {position:relative;float:left;width:33.33%;border-bottom:1px solid #ebebeb;border-left:1px solid #ebebeb;box-sizing:border-box}
.brandMain ul li:nth-child(3n+1) {border-left:0 none}
.brandMain ul li:nth-child(4),
.brandMain ul li:nth-child(5),
.brandMain ul li:nth-child(6) {border-bottom:0 none}
.brandMain ul li a {display:block;box-sizing:border-box;padding:32px 0;text-align:center;-webkit-tap-highlight-color:transparent}
.brandMain ul li a span {overflow:hidden;display:block;padding:0}
.brandMain ul li a .thumb img {display:block;margin:0 auto;width:80px;height:36px}
.brandMain ul li a .company {display:none;overflow:hidden;height:31px;word-break:break-all;font-size:12px;line-height:1.2;color:#999}
html.ios .brandMain>h1 {padding:12px 0 3px} 

/* 메인 - 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 {padding:10px 15px 5px;font-weight:normal;font-size:16px}

.storyMainStory {margin-bottom:10px}
.storyMainStory__title {border-bottom:1px solid #ebebeb}
.storyMainStory__list {padding:0 15px;border-bottom:1px solid #ebebeb;background-color:#fff}
.storyMainStory__list-item {height:64px;border-bottom:1px solid #ebebeb}
.storyMainStory__list-item:last-child {border-bottom:0 none}
.storyMainStory__list-link {display:block;position:relative;box-sizing:border-box;height:100%;padding:13px 7px 0 46px}
.storyMainStory__list-link::before {content:"";position:absolute;top:13px;left:0;width:36px;height:36px;background:url('//image.alba.kr/m/main_story.png') no-repeat 0 0;background-size:108px 72px}
.storyMainStory__list-link--103::before {background-position:-36px 0}
.storyMainStory__list-category {display:block;margin-bottom:5px;font-size:12px;color:#2346e4}
.storyMainStory__list-title {overflow:hidden;display:inline-block;max-width:100%;white-space:nowrap;text-overflow:ellipsis}
.storyMainStory__list-title--new {max-width:93%}
.storyMainStory__list-new {display:inline-block;width:13px;height:13px;margin:2px 0 0 4px;font-size:0;vertical-align:top;color:transparent;background:url('//image.alba.kr/m/main_story.png') no-repeat -72px 0;background-size:108px 72px}
html.ios .storyMainStory__list-link {padding-top:14px}
html.ios .storyMainStory__list-new {margin-top:0}

.storyMainConsult {margin-bottom:5px}
.storyMainConsult__list {padding:0 15px}
.storyMainConsult__list-item {box-sizing:border-box;height:45px;margin-bottom:5px;border:1px solid #ebebeb}
.storyMainConsult__list-link {position:relative;display:block;padding:0 70px 0 43px}
.storyMainConsult__list-link::before {content:"";position:absolute;top:10px;left:15px;width:23px;height:23px;background:url('//image.alba.kr/m/main_story.png') no-repeat -72px -36px;background-size:108px 72px}
.storyMainConsult__list-title {overflow:hidden;display:block;width:100%;height:43px;line-height:43px;white-space:nowrap;text-overflow:ellipsis}
html.ios .storyMainConsult__list-title {line-height:45px}
.storyMainConsult__list-reply {position:absolute;top:12px;right:15px;box-sizing:border-box;width:48px;height:19px;border:1px solid #222;border-radius:9.5px;font-size:10px;line-height:17px;text-align:center;background-color:#fff}
html.ios .storyMainConsult__list-reply {line-height:19px}
html.ios.app .storyMainConsult__list-reply {line-height:18px}

.storyMainEtc {margin-bottom:10px;padding:0 15px}
.storyMainEtc__list {overflow:hidden;box-sizing:border-box;height:60px;border:1px solid #ebebeb}
.storyMainEtc__list-item {float:left;box-sizing:border-box;width:50%;border-left:1px solid #ebebeb}
.storyMainEtc__list-item:first-child {border-left:0 none}
.storyMainEtc__list-link {position:relative;display:block;height:58px;line-height:58px;text-align:center}
.storyMainEtc__list-link::after {content:"";display:inline-block;width:25px;height:25px;margin:-6px 0 0 5px;vertical-align:middle;background:url('//image.alba.kr/m/main_story.png') no-repeat 0 -36px;background-size:108px 72px}
.storyMainEtc__list-link--laboroverdue::after {background-position:-36px -36px}

.storyMainEvent {margin-bottom:30px}
.storyMainEvent__wrap {overflow-x:auto;overflow-y:hidden;box-sizing:border-box;width:100%;-webkit-overflow-scrolling:auto}
.storyMainEvent__wrap::-webkit-scrollbar {display:none}
.storyMainEvent__list {padding:0 15px}
.storyMainEvent__list:after {content:'';clear:both;display:block}
.storyMainEvent__list-item {float:left;width:150px;margin-left:10px}
.storyMainEvent__list-item:first-child {margin-left:0}
.storyMainEvent__list-link {display:block}
.storyMainEvent__list-image {display:block;width:150px;height:100px;margin:0 0 5px;border-radius:8px}
.storyMainEvent__list-title {overflow:hidden;display:block;height:36px;font-size:13px;line-height:1.4;color:#000}
.storyMainEvent__list-title>em {color:#2346e4}
.storyMainEvent__list-title--research>em {color:#e4239e}

/* 광고안내 */
.goodsGuideLink {display:inline-block;height:14px;margin:2px 0 0 1px;padding:0 6px;border:1px solid #ddd;border-radius:10px;font-size:10px;line-height:14px;vertical-align:top;color:#999 !important}
html.ios .goodsGuideLink {margin-top:1px;line-height:16px}

/* 전체보기 */
.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}
html.ios .view-more__link {padding-top:4px}

/* 기업서비스 - 리스트 */
.bizList {z-index:90;position:absolute;top:0;left:0;width:100%;border-bottom:1px solid #eee;background-color:#fff}
.bizList__count {height:40px;padding:0 15px;border-bottom:1px solid #eee;font-size:12px;line-height:40px;color:#666}
.bizList__count>span {color:#000}
.bizList__list-item {position:relative;border-bottom:1px solid #eee}
.bizList__list-link {display:block;box-sizing:border-box;height:67px;padding:13px 90px 0 15px}
html.ios .bizList__list-link {height:63px}
.bizList__list-title {overflow:hidden;display:block;margin-bottom:7px;font-size:15px;text-overflow:ellipsis;white-space:nowrap}
.bizList__list-product {overflow:hidden;display:block;font-size:11px;text-overflow:ellipsis;white-space:nowrap;color:#666}
.bizList__list-expire {position:absolute;top:13px;right:15px;font-size:12px;letter-spacing:0;color:#2346e4}
.bizList__list-actioin {position:absolute;top:21px;right:0;padding:15px;font-size:13px}
.bizList__list-actioin::before {content:"";display:inline-block;width:14px;height:14px;margin:0 3px 0 0;vertical-align:top;background:url('//image.alba.kr/m/main_bizlist.png') no-repeat 0 0;background-size:48px 48px}
.bizList__list-actioin--renew::before {background-position:-24px 0}
.bizList__mag {position:absolute;top:0;right:0}
.bizList__mag>a {display:block;height:40px;padding:0 15px;font-size:12px;line-height:40px}
.bizList__mag>a::after {content:"";display:inline-block;width:6px;height:11px;margin:14px 0 0 4px;vertical-align:top;background:url('//image.alba.kr/m/main_bizlist.png') no-repeat 0 -24px;background-size:48px 48px}
html.ios .bizList__mag>a::after {margin-top:13px}
.bizList__close {text-align:right;background-color:#f5f5f5}
.bizList__close>a {display:inline-block;height:35px;padding:0 15px;font-size:12px;line-height:35px}
.bizList__close>a::after {content:"";display:inline-block;width:8px;height:9px;margin:13px 0 0 4px;vertical-align:top;background:url('//image.alba.kr/m/main_bizlist.png') no-repeat -24px -24px;background-size:48px 48px}
html.ios .bizList__close>a::after {margin-top:12px}

/* 상품안내 레이어 */
.goods-info-layer {z-index:99999;overflow:hidden;position:fixed;top:50%;left:50%;width:300px;margin-left:-150px;border-radius:5px}
.goods-info-layer .infoLayer-link {display:none} /* 기존 신청버튼 */
.goods-info__title {height:45px;border-bottom:1px solid #ddd;font-weight:bold;font-size:16px;line-height:45px;text-align:center;background-color:#fff}
.goods-info__contents {padding:15px;background-color:#fff}
.goods-info__contents>dl {margin-bottom:15px}
.goods-info__term {position:relative;padding-left:23px;font-size:13px;line-height:1.46}
.goods-info__term--service {display:none}
.goods-info__term::before {content:'';position:absolute;top:0;left:0;width:15px;height:15px;background:url('//image.alba.kr/m/pop_goods.png') no-repeat 0 0;background-size:48px 24px}
.goods-info__description p {display:none;padding-left:23px;font-size:12px;line-height:1.5;color:#666}
.goods-info__description p:first-child {display:block}
.goods-info__explain {position:relative;padding-left:23px;font-size:13px;line-height:1.46}
.goods-info__explain::before {content:'';position:absolute;top:0;left:0;width:15px;height:15px;}
.goods-info__explain--first::before {background:url('//image.alba.kr/m/pop_goods.png') no-repeat -24px 0;background-size:48px 24px}
.goods-info__explain--noimage::before {background-image:none}
.goods-info__explain>em {color:#2346e4}
.goods-info__explain--genius {display:none}
.goods-info-btn--apply {display:block;width:100%;height:50px;font-size:15px;line-height:50px;text-align:center;background-color:#ffe000}
.goods-info-btn--close {position:absolute;top:0;right:0;padding:15px;font-size:0;color:transparent}
.goods-info-btn--close::before {content:'';display:block;width:15px;height:15px;background:url('//image.alba.kr/m/pop.png') no-repeat 0 0;background-size:48px 24px}

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

/* 지역선택 */
.areaset-wrapper {box-shadow:0 1px 2px 0 rgba(0,0,0,0.06);box-sizing:border-box;margin:0 15px 5px;border:1px solid #ebebeb;border-bottom-color:#d9d9d9}
.areaset__select {overflow:hidden;background-color:#fff}
.areaset__value {position:relative;float:left;box-sizing:border-box;width:50%;height:38px;padding:0 20px 0 10px;font-size:13px;line-height:38px;text-overflow:ellipsis;white-space:nowrap}
.areaset__value::after {content:"";position:absolute;top:17px;right:10px;width:11px;height:6px;background:url('//image.alba.kr/m/main_icon.png') no-repeat 0 0;background-size:48px 48px;-webkit-transition:transform .1s ease-in-out;transition:transform .1s ease-in-out}
.areaset__value--sido {font-weight:bold;color:#222}
.areaset__value--gugun {float:right}
.areaset__value--gugun::before {content:"";position:absolute;top:12px;left:0;width:1px;height:14px;background-color:#ddd}
.areaset__value--gugun i {color:#999}
.areaset__value.disabled {color:#999}
.areaset__value.on::after {transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.areaset__value.on .areaset__value--gugun {color:#222}
html.ios .areaset__value {line-height:42px}

.areaset__list {display:none;overflow:hidden;box-sizing:border-box;padding:10px;border-top:1px solid #ebebeb;background-color:#fff}
.areaset__list.on {display:block}
.areaset__list-item {float:left}
.areaset__list-target {display:block;box-sizing:border-box;height:32px;border:1px solid #ebebeb;border-radius:2px;font-size:12px;line-height:30px;text-align:center;color:#999}
.areaset__list-target.on,
.areaset__list-target:hover,
.areaset__list-target:active {border-color:#5b79fe;color:#2346e4}
.areaset__list--sido .areaset__list-item {width:18.75%;margin:5px 0 0 1.56%}
.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:49.21%;margin:5px 0 0 1.56%}
.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}
html.ios .areaset__list-target {line-height:32px}

/* 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__title {height:48px;border-radius:10px 10px 0 0;font-size:16px;line-height:48px;text-align:center;background-color:#ffe000}
.applyLayer__list {overflow:hidden;padding:6px 0;background-color:#fff}
.applyLayer__list--1,
.applyLayer__list--2 {padding:35px 0}
.applyLayer__item {float:left;display:table;width:50%;text-align:center}
.applyLayer__list--1 .applyLayer__item {width:100%}
.applyLayer__link {display:inline-block;width:115px;height:58px;font-size:12px;line-height:58px;text-align:left}
.applyLayer__link::before {content:"";display:inline-block;width:32px;height:32px;margin-right:10px;vertical-align:middle;background:url("//image.alba.kr/m/applyLayer.png") no-repeat;background-size:108px 108px}
.applyLayer__link--tel::before {background-position:0 0}
.applyLayer__link--online::before {background-position:-36px 0}
.applyLayer__link--simple::before {background-position:-72px 0}
.applyLayer__link--sms::before {background-position:0 -36px}
.applyLayer__link--email::before {background-position:-36px -36px}
.applyLayer__link--homepage::before {background-position:-72px -36px}
.applyLayer__link--market::before {background-position:0 -72px}
.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:20px;left:15px;width:15px;height:8px;background:url("//image.alba.kr/m/applyLayer.png") no-repeat -36px -72px;background-size:108px 108px}

/* 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:17px;line-height:52px;text-align:center;color:#222}
.modalLayer .contentWrap {padding:20px;border-bottom:1px solid #ddd}
.modalLayer .contentWrap dl {line-height:1.4;color:#222}
.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:13px;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:18px;line-height:50px;text-align:center}
.modal-form1__action {overflow:hidden}
.modal-form1__action>a {float:left;width:50%;height:50px;font-size:14px;line-height:50px;text-align:center;color:#666;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:14px;line-height:1.43;color:#222}
.modal-apply__help {margin-top:-20px;padding:0 30px 30px;font-size:12px;line-height:1.42;color:#888}

/* home banner */
.promotion-top {padding-top:10px}
.promotion-top li {margin:0}
.promotion-top img {display:block;width:100%;border-radius:8px}

.mainAdBanner {overflow:hidden;margin:0 0 10px;padding:10px 15px 0;text-align:center}
.mainAdBanner a {display:block;border-radius:8px}
.mainAdBanner img {display:block;width:330px;height:50px;margin:0 auto;border-radius:8px}

.brandAdBanner {overflow:hidden;margin:0 0 10px;padding:10px 15px 0;text-align:center}
.brandAdBanner a {display:block;border-radius:8px}
.brandAdBanner img {display:block;width:330px;height:70px;margin:0 auto;border-radius:8px}

.adBannerBottom {overflow:hidden;width:100%;height:50px;text-align:center;background-color:#fff}
.adBannerBottom img {display:block;width:320px;height:50px;margin:0 auto}

@media screen and (max-width:320px) {
	.mainAdBanner img,
	.brandAdBanner img {max-width:290px;height:auto}
}

.appdown-banner {overflow:hidden;width:100%;height:70px;font-size:0;color:transparent;background:#4f3723 url('//image.alba.kr/m/appdown-banner_img.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:#4f3723 url('//image.alba.kr/m/appdown-banner_action.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::after {content:'';display:inline-block;width:7px;height:12px;margin:3px 0 0 5px;vertical-align:top;background:url('//image.alba.kr/m/main_icon.png') no-repeat -24px 0;background-size:48px 48px}
.ios .main-title-link::after {margin-top:2px}