@charset "utf-8";

/* base */
html,body {margin:0;padding:0;background-color:#eee}
body {min-width:320px;font-size:14px;font-family:'Malgun Gothic','AppleGothicNeoSD','Microsoft NeoGothic','Droid sans',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.fixed,
body.fixed {overflow:hidden}
body.search {padding-top:44px}
body.sub {padding-top:0}
/*  ¾Û¿¡ À¥ºä¿¡ Çì´õ¾ø´Â ÆäÀÌÁö ¿¹¿Üó¸® */
html.hybrid body {padding:0 !important}
/* ·¹ÀÌ¾î ¿ÀÇÂÇÒ¶§ ½ºÅ©·Ñ ¹æÁö */
html.layerOpen,
body.layerOpen {position:relative;overflow:hidden;touch-action:none;-webkit-touch-action:none}
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;}
header, footer, section, article, aside, nav, address, hgroup, details, menu, figure, figcaption {display:block}
table {font-size:12px}
ul,ol,li {list-style:none}
form {margin:0}
/*input,select,textarea {vertical-align:middle;font-size:12px;color:#222;-webkit-appearance:none}*/
input[type="search"] {-webkit-appearance:textfield;box-sizing:content-box}
input[type="radio"],
/*input[type="checkbox"] {opacity:0;opacity:1\9}*/
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"] {background:#fff;resize:none;}
textarea {margin:0;padding:7px;background:#fff;border:1px solid #c6c9cf;resize:none;box-sizing:border-box}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {border-color:#ffd100}
input[type="text"]:disabled,
input[type="email"]:disabled,
input[type="tel"]:disabled,
input[type="number"]:disabled,
textarea:disabled {background-color:#f8f8f9}
.orderby select {height:30px;padding:0 26px 0 12px;border:1px solid #ddd;border-radius:16px;background-color:#fff}

@-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}
caption, legend, .hide {overflow:hidden;visibility:hidden;position:absolute;top:-999em;left:-999em;width:0;height:0;font-size:0;padding:0}
.displayNone {display:none}
.filter {overflow:hidden;z-index:99998;position:fixed;left:0;top:0;width:100%;height:100%;background:#222;filter:alpha(opacity=50);opacity:0.5;touch-action:none}
.myMenuListWrap .filter {filter:alpha(opacity=85);opacity:0.85}
.filterHeader {overflow:hidden;z-index:99998;position:fixed;left:0;top:44px;width:100%;height:100%;background:#222;filter:alpha(opacity=50);opacity:0.5;touch-action:none}
.cursorDefault {cursor:default}

::-webkit-input-placeholder {color:#999}
::-ms-input-placeholder {color:#999}
::placeholder {color:#999}

/* link */
a,a:visited,a:hover,a:active {text-decoration:none}

/* action btn (close) */
.cssIcon-close {position:relative;display:inline-block;}
.cssIcon-close::before {content:"";position:absolute;left:0;top:50%;width:100%;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.cssIcon-close::after {content:"";position:absolute;left:0;top:50%;width:100%;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
/* 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)}
/* action btn (switch[toggle]) */
.cssIcon-switch {box-sizing:border-box;position:relative;display:inline-block;width:44px;height:18px;padding-right:7px;font-size:12px;font-weight:bold;line-height:16px;text-align:right;vertical-align:middle;border:1px solid #a6abad;border-radius:8px;background:#a6abad;color:#fff !important}
.cssIcon-switch::after {content:"";position:absolute;left:0;top:0;width:16px;height:16px;border-radius:50%;background:#fff}
.cssIcon-switch.on {padding-left:7px;text-align:left;border:1px solid #ffcf1c;border-radius:8px;background:#ffd43d;color:#fff !important}
.cssIcon-switch.on::after {left:26px;top:0}
/* action btn (hamburgerbtn) */
.cssIcon-hamburger {position:relative;display:block;width:22px;height:15px;font:0/0 dotum;color:transparent}
.cssIcon-hamburger::before {content:"";display:block;position:absolute;left:0;top:0;width:22px;height:2px;border-radius:4px;box-shadow:0 6px #222,0 12px #222;-webkit-box-shadow:0 6px #222,0 12px #222;background:#222;}
/* action btn (check) */
.cssIcon-check {position:relative;display:inline-block;width:15px;height:15px}
.cssIcon-check::before {content:'';position:absolute;top:8px;left:4px;width:2px;height:8px;background-color:#ffca00;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.cssIcon-check::after {content:'';position:absolute;top:5px;left:10px;width:2px;height:12px;background-color:#ffca00;border-radius:2px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}

/* Dropdown control */
.selectBox-dropdown {overflow:hidden;position:relative;display:inline-block;min-width:50px;height:17px;font-size:12px;text-align:left;vertical-align:top;cursor:default;color:#757575;border-bottom:1px solid #959595;box-sizing:border-box}
.selectBox-dropdown:focus,
.selectBox-dropdown:focus .selectBox-arrow {border-color:#666}
.selectBox-dropdown.selectBox-menuShowing-bottom {}
.selectBox-dropdown.selectBox-menuShowing-top {}
.selectBox-dropdown .selectBox-label {overflow:hidden;display:block;width:auto !important;padding:0 0 0 1px;white-space:nowrap;box-sizing:border-box}

.selectBox-dropdown-menu {z-index:99999;overflow:auto;-webkit-overflow-scrolling:touch;position:absolute;max-height:200px;min-height:1em;margin:5px 0;background:#fff;box-shadow:0 1px 8px rgba(0,0,0,.4)}
.selectBox-inline {overflow:auto;display:inline-block;background:#fff}
.selectBox-inline:focus {border-color:#666}
.selectBox-options,
.selectBox-options li,
.selectBox-options li a {display:block;margin:0;padding:0;cursor:default}
.selectBox-options {z-index:999999}
.selectBox-options.selectBox-options-top {margin-top:-3px}
.selectBox-options.selectBox-options-bottom {margin-top:6px}
.selectBox-options li a {overflow:hidden;padding:10px 5px;font-size:12px;white-space:normal}
.selectBox-options li.selectBox-hover a {background-color:#eee}
.selectBox-options li.selectBox-disabled a {color:#999}
.selectBox-options li.selectBox-selected a {background-color:#e0e4eb}
.selectBox-options .selectBox-optgroup {padding:10px 7px;font-weight:bold;white-space:normal;color:#666;background:#eee}
.selectBox.selectBox-disabled {color:#999 !important}
.selectBox-dropdown.selectBox-disabled .selectBox-arrow {border-color:#666;opacity:.5;filter:alpha(opacity=50)}
.selectBox-inline.selectBox-disabled {color:#999 !important}
.selectBox-inline.selectBox-disabled .selectBox-options a {background-color:transparent !important}
.orderby .selectBox-dropdown {width:auto !important;height:32px;padding:0 21px 0 10px;font-size:12px;line-height:32px;color:#666;background-color:#fff;border:1px solid #e1e1e1;border-radius:25px}

#CustomJobList .selectBox-options.selectBox-options-bottom {min-width:92px;overflow:hidden;margin-left:-5px}

/* 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 */
body.sub #Header {display:none}
body.scroll-main .navPrimary,
body.scroll-sub .header-sub {z-index:99999;position:fixed;top:0;left:0;width:100%;box-sizing:border-box}

.header-main {background-color:#fee404}
.header-main__title {height:44px;padding:0 0 0 51px;line-height:44px}
.header-main__title>a {display:block;height:22px;padding:10px 0 12px}
.header-main__title img {width:86px;height:22px}
.header-main__action>li {position:absolute;top:0}
.header-main__action a {display:block;width:24px;height:24px;padding:10px;font-size:0;color:transparent}
.header-main__action a::before {content:"";display:block;width:24px;height:24px; background-size:48px 48px}
.header-main__action-directory {left:5px}
.header-main__action-directory a::before {background-position:0 0}
.header-main__action-service {right:5px}
.header-main__action-service a::before {background-position:-24px 0}

.header-main__search {position:relative;padding:0 17px}
.header-main__search-wquery {display:block;height:38px}
.header-main__search-wquery::before {content:"";position:absolute;top:11px;left:31px;width:15px;height:15px;background-size:48px 48px}
.header-main__search-wquery>input {display:block;box-sizing:border-box;width:100%;height:38px;padding:0 0 0 39px;border:0 none;border-radius:4px;box-shadow:0 0 1px 0 rgba(0,0,0,0.1);color:#bbb;background-color:#fff}
.header-main__search-wquery>input::-webkit-input-placeholder {color:#bbb}
.header-main__search-wquery>input:-ms-input-placeholder {color:#bbb}
.header-main__search-wquery>input::-moz-placeholder {color:#bbb}
.header-main__search-wquery>input:moz-placeholder {color:#bbb}

.header-sub {width:100%;background-color:#fee404}
.header-sub__title {box-sizing:border-box;height:44px;padding:0 100px 0 45px;font-weight:bold;font-size:17px;line-height:44px}
.header-sub__action:after {content:'';clear:both;display:block}
.header-sub__action>li {position:absolute;top:0}
.header-sub__action a {display:block;width:24px;height:24px;padding:10px;font-size:0;color:transparent}
.header-sub__action a::before {content:"";display:block;width:24px;height:24px;background-size:48px 48px}
.header-sub__action-prev {left:5px}
.header-sub__action-prev a {width:16px}
.header-sub__action-prev a::before {background-position:0 0}
.header-sub__action-close {right:5px}
.header-sub__action-close a::before {background-position:-24px 0}
html.app .header-sub__title,
html.app .header-sub__action {display:none}
html.app.ios body.biz .header-sub__title,
html.app.ios body.biz .header-sub__action,
html.mbiz body.biz .header-sub__title,
html.mbiz body.biz .header-sub__action {display:block}
.ios .header-sub__title {padding-top:2px}

.headerWrap {z-index:200;overflow:hidden;position:fixed;left:0;top:0;right:0;width:100%;background-color:#fee404}
.headerWrap h1 {overflow:hidden;box-sizing:border-box;height:44px;padding:0 100px 0 45px;font-weight:bold;font-size:17px;line-height:44px;}
.headerWrap.pageEnd h1 {padding-left:20px}
.headerWrap h1>em {font-weight:normal}
.headerWrap .backBtn {position:absolute;top:0;left:8px;box-sizing:border-box;height:44px;padding:10px;font-size:0;color:transparent}
.headerWrap .backBtn::before {content:"";display:block;width:16px;height:24px;background-size:48px 48px}
.headerWrap .closeBtn {position:absolute;top:2px;right:10px;width:40px;height:40px;font:0/0 Dotum;color:transparent;background-size:160px 160px}

.headerWrap .detailAction {position:absolute;top:2px;right:10px;height:40px}
.headerWrap .detailAction>a {float:left;width:40px;height:40px;font:0/0 Dotum;color:transparent;background-size:160px 160px}
.headerWrap .detailAction {position:absolute;top:2px;right:10px;height:40px}
.headerWrap .detailAction>a {float:left;width:40px;height:40px;font:0/0 Dotum;color:transparent;background-size:160px 160px}
.headerWrap .detailAction>a.otherBtn {background-position:-40px 0}
.headerWrap .detailAction>a.scrapBtn {background-position:0 -80px}
.headerWrap .detailAction>a.scrapBtn.on {background-position:-40px -80px}
.headerWrap .detailAction>a.shareBtn {background-position:0 -118px}
.headerWrap .submitAction {position:absolute;top:2px;right:10px;height:40px;font-size:18px;line-height:40px;color:#442816}
.headerWrap .submitAction>a {display:block;padding:0 10px;color:#442816 !important}

.ios .headerWrap h1 {padding-top:2px}

/* °ø°í»ó¼¼ Á¦¸ñ */
.headerWrap--detail {padding-top:0}
.headerWrap--detail .detail-head {padding-top:0 !important}
.headerWrap--detail .detail-head__area {display:table;box-sizing:border-box;width:100%;height:100%;padding-top:2px;}
.headerWrap--detail .detail-head__cell {display:table-cell;vertical-align:middle}
.headerWrap--detail .detail-head__title {overflow:hidden;position:relative;display:block;max-height:43px;font-size:17px;line-height:1.2;white-space:nowrap;-webkit-transition:top .7s, opacity .7s, height .7s;transition:top .7s, opacity .7s, height .7s}
.headerWrap--detail .detail-head__title--default {top:0;height:auto;opacity:1;}
.headerWrap--detail .detail-head__title--default.hideOn {top:-5px;opacity:0;height:0}
.headerWrap--detail .detail-head__title--text {display:none;height:0;top:5px;max-height:30px;opacity:0}
.headerWrap--detail .detail-head__title--text.on {display:block;top:0;opacity:1;height:auto}
.headerWrap--detail .detail-head__title--text.long {white-space:normal;font-size:14px}
.ios .headerWrap--detail .detail-head__area {padding-top:3px}

body.sub .subTab {overflow:hidden;height:36px;background-color:#fff}
body.sub .subTab li {float:left}
body.sub .subTab li a {display:block;height:24px;padding-top:10px;text-align:center;color:#222}
body.sub .subTab li.on a {border-bottom:2px solid #ffd100}

/*
* ios Çì´õ ÇȽº ·¡ÆÛ »ç¿ë ÆäÀÌÁö
* C:\SVN\m.alba.co.kr\job\JobDetail.asp
* C:\SVN\m.alba.co.kr\story\AlbaDicDetail.asp
*/
html.ios .header-fixed-wrapper {z-index:999;position:fixed;left:0;top:0;right:0;width:100%}
html.ios .header-fixed-wrapper .headerWrap {position:relative}
html.ios .header-fixed-wrapper .summary-wrap {position:relative;top:0}

/* navPrimary */
.navPrimary {overflow:hidden;position:relative;padding-bottom:40px;background-color:#fee404}
.URGENT .navPrimary,
.JOBKIND .navPrimary,
#StoryMain .navPrimary{padding-bottom:0}
.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 11px}
.navPrimary-menu-list>li {float:left;margin-left:8px;text-align:center}
.navPrimary-menu-list>li:first-child {margin-left:0}
.navPrimary-menu-list>li>a {display:block;box-sizing:border-box;height:44px;padding:0 5px;font-size:17px;line-height:44px;white-space:nowrap;vertical-align:top;color:#2c2200}
.navPrimary-menu-list>li.on>a {border-bottom:2px solid #2c2200;font-weight:bold}

.submenu-wrapper {display:none;position:absolute;left:0;bottom:0;right:0;overflow-x:auto;overflow-y:hidden;height:40px;padding:0 11px;text-align:left;background-color:#fff}
.submenu-wrapper::-webkit-scrollbar {display:none}
.submenu-wrapper:after {content:'';z-index:1;position:absolute;left:0;bottom:0;right:0;width:100%;height:1px;background-color:#f2f2f2}
.navPrimary-menu-list .on .submenu-wrapper {display:block}
.submenu__list {z-index:2;position:relative;white-space:nowrap}
.submenu__list>li {display:inline-block;}
.submenu__list>li>a {display:block;box-sizing:border-box;height:40px;line-height:40px;padding:0 5px;color:#999}
.submenu__list>li.on>a {font-weight:bold;border-bottom:2px solid #222;color:#222}

/* navPrimarySub - Ä¿¹Â´ÏƼ/¾Ë¹Ù¸Å´ÏÀú */
.navPrimarySub {background-color:#fff}
.navPrimarySub .navPrimary-menu {height:40px;padding:0 11px}
.navPrimarySub .navPrimary-menu-list {overflow:visible;height:40px;padding:0;white-space:nowrap}
.navPrimarySub .navPrimary-menu-list>li {float:none;display:inline-block;margin:0}
.navPrimarySub .navPrimary-menu-list>li>a {height:40px;font-size:14px;line-height:40px;color:#999}
.navPrimarySub .navPrimary-menu-list>li.on>a {color:#222}

/* 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;letter-spacing:-0.5px;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}
body.sub #Section {padding-top:44px !important}
#CertApplicationList #Section,
#CertificationList #Section {padding-bottom:40px}
#CustomJobList #Section {padding-top:0 !important}
#CustomJobList.scroll-main {padding-top:84px}
/*
body.brand #Section,
#AppJobList #Section {padding:0}
#WebJobList #Section {padding:0 0 75px}
.refferLive #Section {padding-bottom:50px !important}
body.settle #Section,
body.sub #Section {padding:44px 0 0}
#BrandSpecialMain #Section {background:#fff}
#BrandSiteJobList #Section {overflow:visible}
#CustomJobSetting #Section {padding:0;background:#fff}
#JobRegist.sub #Section,
#ResumeRegist.sub #Section {padding-top:85px}
#StoryMain #Section,
body.albaStory #Section,
body.brandStory #Section {padding:0}
#StoryReputeList #Section {padding-bottom:60px}
#InterviewReward #Section,
#LaborOverdueOwner #Section {padding:10px 0 0}
html.hybrid body.sub #Section {padding:0 !important}
body.sub #Section>article {position:relative;padding:8px 7px}
*/
/* 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 23px;line-height:20px;vertical-align:middle;color:#222}
span.input.alone label {padding-left:16px}
pan.input.after label {padding-left:0;padding-right:19px}
span.input.after input[type="checkbox"] + label {background-position:100% 0}
span.input.after input[type="checkbox"]:checked  + label {background-position:100% -60px}
span.input.after input[type="radio"] + label {background-position:100% 0}
span.input.after input[type="radio"]:checked  + label {background-position:100% -60px}
span.input.disabled label {color:#999}
html.ios span.input label {padding-top:2px}

/* class - swiper */
.swiper-container {position:relative;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.swiper-container h1 {padding-left:6px;padding-right:6px}
.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%;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0}


.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-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}

/* class - input File */
.formInputFile {overflow:hidden;position:relative}
.formInputFile .inputFile {overflow:hidden;display:inline-block;width:100px;height:36px;box-sizing:border-box}
.formInputFile input[type="file"] {position:absolute;left:0;top:0;opacity:0}
.formInputFile label {position:relative;display:block;cursor:pointer}
.formInputFile.addTxt {padding-left:100px}
.formInputFile.addTxt .inputFile {position:absolute;left:0;top:0;width:96px}
.formInputFile.addTxt .fileTxt {width:100%}
.formInputFile.addTxt.after {padding-left:0;padding-right:100px}
.formInputFile.addTxt.after .inputFile {left:auto;right:0}

/* class - formInputText */
.formInputText {position:relative;display:inline-block;font-size:12px;line-height:12px}
.formInputText input {width:100%;height:26px;background:none;border:0 none}
.formInputText label {position:absolute;left:5px;top:50%;margin-top:-6px;color:#afafaf;white-space:nowrap;cursor:pointer}

/* class - listCnt */
.listCnt {margin:0 0 10px}
.listCnt ul {background:#fff;border:1px solid #e8e8e8}
.listCnt ul:after {content:" ";display:block;clear:both;height:0;visibility:hidden}
.listCnt ul li {float:left;width:33.33%;height:50px}
.listCnt ul li a {display:block;height:43px;padding-top:7px;border-left:1px solid #f1f2f3}
.listCnt ul li:first-child a {border-left:0 none}
.listCnt ul li .title {display:block;margin-top:7px;margin-bottom:4px;text-align:center;font-size:12px;color:#535353}
.listCnt ul li a .title {margin-top:0}
.listCnt ul li .cntNum {display:block;text-align:center;font-weight:bold;font-size:14px;color:#3457f1}
#RecruitListCnt.listCnt ul li,
#ResumeListCnt.listCnt ul li {width:50%}

/*Æ÷Å佺Ʃµð¿À default form*/
#DivResumePhotoEdit .filter {opacity:0.85}
.formLayer .layerAction.default {position:fixed;padding:0;top:0;left:0;right:0;width:100%;background:transparent}
.formLayer .layerAction.default li {float:left;position:relative;width:50%;height:51px}
.formLayer .layerAction.default a.cancelSelect {position:absolute;top:0;left:0;width:15px;height:15px;padding:18px 13px;font-size:0;line-height:0;color:transparent}
.formLayer .layerAction.default a.cancelSelect:before {display:block;content:"";width:15px;height:15px;background-size:36px 360px}
.formLayer .layerAction.default a.submitSelect {position:absolute;top:11px;right:15px;padding:0 18px;height:27px;font-weight:bold;font-size:14px;line-height:27px;text-align:center;color:#222;background-color:#ffd100;border-radius:15px}
.formLayer .cropper-view-box {outline:1px solid #fff;outline-color:#fff}
.formLayer .cropper-point {background-color:#fff}
.formLayer .cropper-line {background-color:#fff}
.formLayer .cropper-point.point-sw, .formLayer .cropper-point.point-se, .formLayer .cropper-point.point-nw, .formLayer .cropper-point.point-ne {width:20px;height:20px;opacity:1}
.formLayer .cropper-face {border:1px solid #fff}

/* class - formLayer */
body.layerOpen .selectBox-dropdown-menu,
body.layerOpenOld .selectBox-dropdown-menu {z-index:99999}
.formLayer {z-index:99999;display:none;position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%}
.formLayer .layerWrap {z-index:99999;position:fixed;left:50%;top:50%;width:320px;margin-left:-160px;background:#fff;border-radius:5px;box-shadow:0px 7px 14px rgba(0,0,0,.5)}
.formLayer .layerTitle {display:block;overflow:hidden;padding:17px 50px 15px 16px;font-weight:bold;white-space:nowrap;text-overflow:ellipsis}
.formLayer .layerContents {overflow-y:auto;overflow-x:hidden}
.formLayer .layerAction {overflow:hidden;position:relative;padding:0 15px;text-align:right;background:#fff;border-top:1px solid #eff2f7;box-sizing:border-box}
.formLayer .layerAction li {display:inline-block}
.formLayer .layerAction a {display:block;height:59px;padding:0 25px;line-height:59px;font-weight:bold;font-size:16px;text-decoration:none;text-align:center}
.formLayer .closeBtn {position:absolute;right:17px;top:17px;width:16px;height:16px;font:0/0 Dotum;color:transparent;}
#PersonMain .formLayer .layerAction {padding:0;text-align:center}
#PersonMain .formLayer .layerAction li {float:left;width:50%}
@media screen and (-webkit-min-device-pixel-ratio:1.5){
	.formLayer .closeBtn {background-size:720px 432px}
}

/* class - formLayer1 */
.formLayer1 {z-index:99999;display:none;position:fixed;left:0;top:0;width:100%;height:100%}
.formLayer1 .layerWrap {z-index:99999;overflow:hidden;position:fixed;left:50%;top:50%;margin-left:-152px;background:#fff;border:2px solid #555}
.formLayer1 .layerWrap .layerHead {padding:20px 20px 0;font-weight:bold;font-size:19px}
.formLayer1 .layerWrap .layerContents {padding:20px}
.formLayer1 .layerWrap .closeBtn {position:absolute;right:20px;top:20px;width:16px;height:16px;font:0/0 Dotum;color:transparent;background:url('//image.alba.kr/m/icon_v1.png') no-repeat -533px 7px}
.formLayer1 .layerWrap.over {overflow:visible}
.formLayer1 .layerWrap.over .closeBtn {top:-28px;right:-2px;padding:5px;background-color:#fff;background-position:-533px 7px;border:2px solid #555;border-bottom:0 none}
@media screen and (-webkit-min-device-pixel-ratio:1.5){
	.formLayer1 .layerWrap .closeBtn {}
}

/* class - formLayer : Áö¿øÇϱ⠰ü·Ã ºÎºÐ Ãß°¡(Main.css ÂüÁ¶) */
.applyListLayer .layerWrap {z-index:99999;position:fixed;top:auto;bottom:0;left:0;width:100%;margin:0 !important;border-radius:0;background-color:#fff}
.applyListLayer .layerTitle {position:relative;box-sizing:border-box;width:100%;height:50px;padding:0;font-size:18px;line-height:50px;text-align:center;color:#222;background-color:#ffd200}
.applyListLayer .layerTitle .close-applayer {position:absolute;top:0;right:0;width:50px;height:50px;text-align:center}
.applyListLayer .layerTitle .close-applayer .ico {overflow:hidden;position:relative;display:inline-block;width:17px;height:11px;font-size:0;color:transparent}
.applyListLayer .layerTitle .close-applayer .ico::after {content:"";width:17px;height:17px;position:absolute;top:-15px;left:0;border:1px solid #222;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
.applyListLayer .layerContents {overflow:hidden;padding:0 0 18px;width:100%;box-sizing:border-box;text-align:center}
.applyListLayer .selectList {overflow:hidden;display:inline-block;text-align:left;width:300px}
.applyListLayer .selectList li {display:inline-block;margin:18px 0 0 30px;font-size:0}
.applyListLayer .selectList li:nth-child(odd) {margin-left:0}
.applyListLayer .selectList li.selectList__item--scrap {position:absolute;top:0;left:0;margin:0}
.applyListLayer .selectList li a {display:table-cell;position:relative;box-sizing:border-box;width:131px;height:42px;padding-left:50px;font-size:13px;text-align:left;vertical-align:middle;color:#222}
.applyListLayer .selectList li a span {font-size:10px;color:#999}
.applyListLayer .selectList li a::before {content:"";position:absolute;top:0;left:0;width:42px;height:42px;;background-size:288px 216px}
.applyListLayer .selectList li a.online::before {background-position:0 0}
.applyListLayer .selectList li a.email::before {background-position:-72px 0}
.applyListLayer .selectList li a.homepage::before {background-position:-144px 0}
.applyListLayer .selectList li a.sms::before {background-position:-216px 0}
.applyListLayer .selectList li a.market::before {background-position:-216px -66px}
.applyListLayer .selectList li a.tel::before {background-position:-144px -66px}
.applyListLayer .selectList li a.simple::before {background-position:0 -144px}
.applyListLayer .selectList li a.scrap {position:absolute;top:0;left:0;width:62px;height:50px !important;padding:0;font-size:0;color:transparent}
.applyListLayer .selectList li a.scrap::before {top:15px !important;left:20px;width:21px;height:21px;margin:0 !important;background-position:-72px -144px}
.applyListLayer .selectList li a.scrap.on::before {background-position:-108px -144px}
.applyListLayer .selectList.selectList--1 {text-align:center}
.applyListLayer .selectList.selectList--1 li a,
.applyListLayer .selectList.selectList--2 li a {height:84px}
.applyListLayer .selectList.selectList--1 li a::before,
.applyListLayer .selectList.selectList--2 li a::before {top:50%;margin-top:-21px}

.applyLayer--staff .layerTitle {height:60px;padding:0 56px 0 24px;font-size:16px;line-height:64px}
.applyLayer--staff .selectList li {position:relative;border-top:1px solid #eff2f7}
.applyLayer--staff .selectList li:first-child {border-top:2px solid #ffd100}
.applyLayer--staff .selectList li a {display:block;height:66px;padding:0 20px 0 79px;font-weight:600;font-size:17px;line-height:66px;color:#222}
.applyLayer--staff .selectList li a span {position:absolute;top:14px;left:24px;width:38px;height:38px;margin:0;line-height:66px;vertical-align:middle;background-size:360px 144px}
.applyLayer--staff .selectList li a.online span {background-position:0 0}
.applyLayer--staff .selectList li a.email span {background-position:-72px 0}
.applyLayer--staff .selectList li a.sms span {background-position:-144px 0}
.applyLayer--staff .selectList li a.homepage span {background-position:-216px 0}
.applyLayer--staff .selectList li a.tel span {background-position:-288px 0}
.applyLayer--staff .selectList li a.market span {background-position:-72px -60px}
.applyLayer--staff .selectList li a.scrap span {top:22px;left:32px;width:22px;height:22px;background-position:0 -72px}
.applyLayer--staff .selectList li a.scrap.on span {background-position:-36px -72px}
.applyLayer--staff .closeBtn {top:22px}

/* class - formLayer(modalLayer) */
.modalLayer .layerTitle {height:50px;padding:0;border-bottom:2px solid #ffd100;font-weight:bold;font-size:17px;line-height:52px;text-align:center}
.modalLayer .selectWrap {padding:0 20px;border-bottom:1px solid #ddd}
.modalLayer .selectWrap li {position:relative;border-top:1px solid #f4f4f4}
.modalLayer .selectWrap li:first-child {border-top:0 none}
.modalLayer .selectWrap li a {display:block;height:50px;padding:0 0 0 45px;font-size:14px;line-height:50px}
.modalLayer .selectWrap li a::before {content:"";position:absolute;top:10px;left:0;width:30px;height:30px;line-height:50px;background-size:108px 108px}
.modalLayer .selectWrap li.twitter a::before {background-position:-36px 0}
.modalLayer .selectWrap li.facebook a::before {background-position:0 0}
.modalLayer .selectWrap li.kakaotalk a::before {background-position:0 -36px}
.modalLayer .closeBtn {position:static;float:right;width:90px;height:45px;font-size:13px;line-height:45px;text-align:center;color:#999;background:none}
html.ios .modalLayer .layerTitle {line-height:56px}
html.ios .modalLayer .selectWrap li a {line-height:52px}

/* class - quickSearch */
.quickSearch {display:none;position:relative;padding:12px}
.quickSearch .icon {position:absolute;right:20px;top:50%;width:15px;height:16px;margin-top:-8px}
.quickSearch .formInputText {display:block}
.quickSearch .formInputText input {padding:0 40px 0 5px;border-left:1px solid #3457f1}
@media screen and (-webkit-min-device-pixel-ratio:1.5){
	.quickSearch .icon {background-size:720px 432px}
}

/* class - selectLayer (Áö¿ª, Á÷Á¾, ¿ª¼¼±Ç ¼±ÅÃ) */
.selectLayer .layerWrap {}
.selectLayer .selectView {display:none;overflow-y:auto;max-height:30px;padding:10px;background:#ebedf2;box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}
.selectLayer .selectView li {font-size:12px;line-height:20px;vertical-align:middle;color:#222}
.selectLayer .selectView li .viewDelBtn {display:inline-block;width:17px;height:17px;margin:0 5px 0 0;font:0/0 dotum;vertical-align:text-top;color:transparent;}
.selectLayer .layerContents,
.selectLayer .layerContentsWrap {position:relative}
.selectLayer .layerContentsWrap .layerContents {margin-top:-1px;height:230px}
.selectLayer .layerContentsWrap .selectListWrap.on {padding-top:36px}
.selectLayer .layerContents {border-top:1px solid #eff2f7}
.selectLayer .selectListWrap .layerContents,
.selectLayer .selectListWrap .selectList {display:none}
.selectLayer .selectListWrap.on .layerContents,
.selectLayer .selectListWrap.on .selectList,
.selectLayer .selectListWrap.on .quickSearch {display:block}
.selectLayer .selectListWrap .title {z-index:1;position:absolute;top:0;height:36px}
.selectLayer .selectListWrap .title a {overflow:hidden;position:relative;display:block;height:34px;padding:0 10px;line-height:34px;text-align:center;color:#222;white-space:nowrap;text-overflow:ellipsis;background:#f3f3f3;border-top:1px solid #e0e4eb;border-bottom:1px solid #e0e4eb}
.selectLayer .selectListWrap.on .title a {background:#ffd100;border-top:1px solid #eeae00;border-bottom:1px solid #eeae00}
.selectLayer .selectListWrap .title span {z-index:1;display:none;position:absolute;top:0;width:10px;height:36px;background-size:10px 77px}
.selectLayer .selectListWrap.on .title span.front {display:block;left:0;background-position:0 0}
.selectLayer .selectListWrap.next .title span.front {display:block;left:0;background-position:0 -41px}

.selectLayer .selectList {border-top:1px solid #eff2f7}
.selectLayer .layerContents .selectList {border-top:0 none}
.selectLayer .selectList:after {content:" ";display:block;clear:both;height:0;visibility:hidden}
.selectLayer .selectList li {position:relative;float:left;width:33%;height:52px}
.selectLayer .selectList li.mareaName {width:100% !important;line-height:52px;text-align:center;background:#ffd100;color:#222}
.selectLayer .selectList li:nth-child(3n) {width:34%}
.selectLayer .selectList li input {position:absolute;top:0;left:0}
.selectLayer .selectList li label {display:block;padding:0 7px;text-align:center;vertical-align:middle;background:#fff;box-sizing:border-box}
.selectLayer .selectList li label em {color:#018acf}
.selectLayer .selectList li label span {display:inline-block;vertical-align:middle}
.selectLayer.selectMoney .selectList li label span {text-align:left}
.selectLayer .selectList li label span.lhmiddle {height:52px;line-height:52px}
.selectLayer .selectList li input:checked + label {border:2px solid #ffd100}
.selectLayer .selectList li input:checked + label span.lhmiddle {height:48px;line-height:48px}
.selectLayer .selectList li label strong {font-weight:normal}
.selectLayer .selectWrap {margin-top:-1px;padding:0}
.selectLayer .selectWrap li {position:relative;padding:20px 22px;border-top:1px solid #eff2f7}
.selectLayer .selectWrap li .input {display:block}
.selectLayer .selectWrap li .input label {width:100%;box-sizing:border-box}

.selectLayer .selectWrap li .subSelect {overflow:hidden;display:none;width:100%;padding-top:10px}
.selectLayer .selectWrap li .subSelect.on {display:block}
.selectLayer .selectWrap li .subSelect .input {float:left;width:33.33%;margin-top:10px}
.selectLayer .selectWrap li .subSelect .input label {width:auto;box-sizing:border-box}

.selectLayer .layerContentsWrap.two .selectListWrap .title {left:0;width:50%}
.selectLayer .layerContentsWrap.two .selectListWrap:last-child .title {left:50%}
.selectLayer .layerContentsWrap.three .selectListWrap .title {left:33%;width:33%}
.selectLayer .layerContentsWrap.three .selectListWrap:first-child  .title {left:0;width:33%}
.selectLayer .layerContentsWrap.three .selectListWrap:last-child .title {left:66%;width:34%}
.selectLayer.selectJobkind .selectList li,
.selectLayer.selectJobkindSub .selectList li {width:50%}
.selectLayer.selectJobkind .selectList li:nth-child(3n),
.selectLayer.selectJobkindSub .selectList li:nth-child(3n) {width:50%}
.selectLayer.selectSubway .subwaySearch {position:relative;padding:10px 35px 10px 15px}
.selectLayer.selectSubway .subwaySearch .formInputText {display:block}
.selectLayer.selectSubway .subwaySearch .btn {position:absolute;right:15px;top:50%;width:15px;height:16px;margin-top:-8px;font:0/0 Dotum;color:transparent;}
.selectLayer.selectDate .layerContentsWrap .layerContents {height:320px}
@media screen and (-webkit-min-device-pixel-ratio:1.5){
	.selectLayer .selectView li .viewDelBtn,
	.selectLayer.selectSubway .subwaySearch .btn {background-size:720px 432px}
}

/* class - autocomplete (À̷¼­µî·Ï) */
.ui-widget-content {z-index:99999;color:#222;background-color:#fff;box-shadow:1px 1px 5px rgba(0,0,0,.5)}
.ui-widget-content a {color:#222}
.ui-menu .ui-menu-item {position:relative;min-height:0;margin:0;padding:12px 10px;color:#222;cursor:pointer}
.ui-menu .ui-menu-item a.imgType {position:relative;display:block;padding:5px 0 5px 84px}
.ui-menu .ui-menu-item img.comLogo {position:absolute;left:0;top:50%;margin-top:-17px}
.ui-menu .ui-menu-item:last-child {padding:20px 10px;background-color:#f9f9f9;border-top:2px solid #bababa}
.ui-menu .ui-menu-item:last-child a.imgType {padding-left:0}
.ui-menu .ui-menu-item:last-child span {color:#3457f1}
.ui-state-hover,
.ui-state-focus {background-color:#e0e4eb !important}
.ui-helper-hidden {display:none}
.ui-helper-hidden-accessible {overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0)}

/* class - pagination/paging */
.pagination {width:100%;margin:6px auto;border-radius:8px;text-align:center;background-color:#fff;-webkit-box-shadow:0 0 4px 0 rgba(0, 0, 0, .1);box-shadow:0 0 4px 0 rgba(0, 0, 0, .1)}
.pagination a {overflow:hidden;position:relative;display:inline-block;width:38px;height:40px;padding:0;font-size:15px;line-height:40px;vertical-align:top;color:#999}
.pagination a.prev span {position:absolute;left:50%;top:50%;width:10px;height:14px;margin:-7px 0 0 -5px;font:0/0 Dotum;color:transparent;vertical-align:top;background-size:10px 14px}
.pagination a.next span {position:absolute;left:50%;top:50%;width:10px;height:14px;margin:-7px 0 0 -5px;font:0/0 Dotum;color:transparent;vertical-align:top;background-size:10px 14px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.pagination a.pageNum.on {font-weight:bold;color:#000}
#CertApplicationList .pagination ,
#CertificationList .pagination {width:calc(100% - 12px);margin:0 auto}
.paging {width:100%;margin:10px 0;text-align:center}
.paging a.page {overflow:hidden;display:inline-block;width:6px;height:6px;margin:0 2px;cursor:pointer;background:#bebebe;border-radius:50%;-webkit-transition-property:all;-webkit-transition-duration:300ms}
.paging a.page.on {background:#ffd100}


/* class - °øÅë ¹öÆ° Æû */
.btn {display:inline-block;text-align:center;vertical-align:middle}
.btn.btnType1 {color:#222;background-color:#fff;border:1px solid #ccc}
.btn.btnType2 {color:#666;background-color:#f8f8f9;border:1px solid #e2e4e7}
.btn.btnType3 {color:#3457f1}
.btn.btnType4 {font-weight:bold;color:#222;background-color:#ffd100;border:1px solid #ffe100}
.btn.btnType5 {color:#999}
.btn.btnType6 {color:#fff;background-color:#a7a7a7}
.btn.btnType7 {color:#b64e4d;background-color:#fff;border:1px solid #b64e4d}
.btn.btnType8 {color:#756b62;background-color:#fff;border:1px solid #756b62}

/* class - snsLink */
.snsLink {padding:10px;border-bottom:1px solid #dfdfdf}
.snsLink ul {overflow:hidden;width:100%;border-radius:2px;box-shadow:inset 0 -1px 2px #eaeaea,inset 0 0 0 1px #d6d6d6}
.snsLink ul li {float:left;width:33.33%;box-shadow:inset -1px 0 0 #eaeaea}
.snsLink ul li a {display:block;width:44px;height:24px;margin:0 auto;padding:6px 0;text-align:center;text-indent:-999em}
.snsLink ul li a span {display:block;width:24px;height:24px;margin:0 auto;}
.snsLink ul li.facebook a span {background-position:-4px -68px}
.snsLink ul li.twitter a span {background-position:-36px -68px}
.snsLink ul li.me2day a span {background-position:-68px -68px}
.snsLink ul li.cLog a span {background-position:-100px -68px}
.snsLink ul li.kakaotalk a span {background-position:-132px -68px}
body#JobDetail .snsLink {padding-top:0;border-bottom:0 none}
@media screen and (-webkit-min-device-pixel-ratio:1.5){
	.snsLink ul li a span {background-size:192px 96px}
}

/* class - select ¼±Åà */
.searchSelect {position:relative;border-top:1px solid #f2f2f2;border-bottom:1px solid #e9e8e5}
.searchSelect>.searchWrap:after {content:" ";display:block;clear:both;height:0;visibility:hidden}
.searchSelect>.searchWrap>li {position:relative;float:left;width:100%;box-sizing:border-box;background-color:#fff}
.searchSelect>.searchWrap>li>a::after {content:"";position:absolute;top:50%;right:16px;width:8px;height:6px;margin-top:-3px;background-size:60px 60px;-webkit-transition:transform .1s ease-in-out;transition:transform .1s ease-in-out}
.searchSelect>.searchWrap>li>a.on::after {-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.searchSelect>.searchWrap>li.half {width:50%}
.searchSelect>.searchWrap>li.half:nth-child(2n+1),
.searchSelect>.searchWrap>li.half:first-child {border-right:0 none}
.searchSelect>.searchWrap select {width:100%;box-sizing:border-box;border:0 none}
.searchSelect>.searchWrap select,
.searchSelect>.searchWrap .selectOpen,
.searchSelect>.searchWrap .searchOpen {overflow:hidden;display:block;height:37px;padding:0 30px 0 10px;line-height:37px;color:#222;white-space:nowrap;text-overflow:ellipsis}
.searchSelect>.searchWrap .searchOpen.on {background-position:100% -21px}
.searchSelect>.searchWrap .searchDetail::before {content:"";position:absolute;top:50%;left:0;width:1px;height:14px;margin-top:-7px;background-color:#eee}
.ios .searchSelect>.searchWrap .searchDetail::before {margin-top:-8px}

.searchSelect>.searchWrap .detailSearch {height:0;margin:0;visibility:hidden}
.searchSelect>.searchWrap .detailSearch.on {height:auto;margin:2px 0 6px;visibility:visible}
.searchSelect>.searchWrap .detailSearchWrap {background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.09)}
#ReputeWriteLayer .searchSelect>.searchWrap {margin:0}
#LocationBasedJobList .searchSelect>.searchWrap>li {margin:0 1%}
#LocationBasedJobList .searchSelect>.searchWrap>li.searchJobkind {width:98%}
#LocalResumeList .searchSelect>.searchWrap>li.searchJobkind,
#PeriodJobList .searchSelect>.searchWrap>li.searchArea,
#ThemeJobList .searchSelect>.searchWrap>li.searchArea,
#SalaryJobList .searchSelect>.searchWrap>li.searchArea {border-right:0 none}
body.albaStory .searchSelect>.searchWrap .selectOpen {height:40px;padding-left:15px;line-height:40px;color:#666}

/* class - guideText */
.guideText {padding:10px;font-size:12px;color:#3457f1;background-color:#fff}
#SeasonJobList .guideText {padding-left:43px;background-position:12px -1126px}
#SeasonJobList .guideText.lunar {padding-left:40px;background-position:12px -1091px}
#SeasonJobList .seasonGuideTxt {padding:0 10px}
#SeasonJobList .guideText.chusuck {padding-left:30px;background-position:0 -1162px;background-color:#fff;border-bottom:1px solid #e8e8e8}
#SeasonJobList #Section #Contents .searchArea select {width:32.4% !important}
#SeasonJobList #Section #Contents .searchSeason {position:relative;top:0;right:0;width:auto;padding:0 10px;background-color:#fff}
.guideTextList {padding:10px;font-size:12px;background-color:#fff}
.guideTextList li {position:relative;padding-left:10px;line-height:1.5;color:#7b7b7b}
.guideTextList li span.icon {position:absolute;left:0;top:0;width:6px;height:5px;font-weight:bold}
.guideTextList li strong {font-weight:normal}
#MyStoryList .guideTextList {padding:13px 14px}
#MyStoryList .guideTextList li {font-size:12px;color:#999}

/* class - noticeText */
.noticeText {position:relative;display:inline-block;margin:0 auto;padding-left:27px;font-size:12px;color:#3457f1}
.noticeText .icon {position:absolute;left:0;top:50%;width:23px;height:18px;margin:-9px 0 0 0;}
@media screen and (-webkit-min-device-pixel-ratio:1.5){
	.noticeText .icon  {background-size:720px 432px}
}

/* class - btnAction */
.btnAction {margin-top:12px;padding:0;font-size:16px;text-align:center}
.btnAction .btn {display:block;height:48px;border-radius:8px;box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);line-height:48px;border:0 none}
.btnAction ul:after {content:" ";display:block;clear:both;height:0;visibility:hidden}
.btnAction li {float:left;width:50%}
.btnAction li .btn {margin:0 3px}
.btnAction li:first-child .btn {margin-left:0}
.btnAction li:last-child .btn {margin-right:0}

html.app.android #CustomJobSetting.setJob .customSetting .btnAction {margin-bottom:0}
html.app .customSetting {padding-bottom:75px;background:#fff}
html.app .btnAction.app-style {z-index:9999;margin:0;padding:15px 0;width:100%;height:auto;position:fixed;top:auto;bottom:0;left:0;text-align:center;background:-webkit-linear-gradient(top, rgba(255,255,255,0), #fff 100%)}
html.app .btnAction.app-style>.btn {display:inline-block;margin:0 auto;width:210px;height:45px;border-radius:22.5px;font-size:16px;line-height:45px;text-align:center;font-weight:bold;color:#222;background:#ffd200}

/* class - ÀÔ·ÂÆû */
.infoBase {position:relative;padding-bottom:10px}
.infoBase legend {height:23px;padding:10px 0 0 3px;font-weight:bold;line-height:23px;color:#7b7b7b}
.infoBase legend.hide {display:none}
.infoBase legend .guide {font-weight:normal;font-size:12px}
.infoBase .subLink {position:absolute;right:0;top:0}
.infoBase .subLink .btn {font-size:12px;color:#222}
.infoBase .titleHead {display:block;margin-bottom:8px;font-size:16px;font-weight:bold}
.infoBase .titleHead em {padding-right:5px;color:#ff0000}
.infoBase .titleHead span {font-size:12px;color:#999}
.infoBase .memo {display:block;margin:5px 0 0 0;color:#88a9d2;font-size:11px;line-height:1.6}
.infoBase .comment {display:block;margin:18px -70px 0 -70px;color:#88a9d2;font-size:11px;line-height:1.6}
.infoBase .option {display:block;margin:12px 0 0 0}
.infoBase select {width:100%;height:30px;line-height:28px;color:#222;border:1px solid #ccc}
.infoBase .selectBox-dropdown {overflow:hidden;display:block;height:30px;line-height:28px;color:#222;background-color:#fff;border:1px solid #ccc}
.infoBase .selectBox-dropdown .selectBox-label {line-height:28px;padding:0 10px 0 6px}
.infoBase .label {position:relative}
.infoBase .label input {position:absolute;left:0;top:0}
.infoBase .label label {position:relative;overflow:hidden;display:block;height:40px;line-height:40px;text-align:center;color:#666;background:#fff;box-sizing:border-box}
.infoBase .label input:checked + label {z-index:1;height:42px;margin:-1px 0 -1px -1px;padding:1px 0 0 1px;line-height:36px;border:2px solid #ffd100}
.infoBase .label label.multi {padding:5px 0 0 0;line-height:1.2}
.infoBase .label label.multi span {position:relative;display:block;margin:3px 0 0;font-size:11px;color:#999}
.infoBase .label input:checked + label.multi {padding:4px 0 0 1px;line-height:1.2;border:2px solid #ffd100}
.infoBase .fieldsetWrap {position:relative}
.infoBase .fieldsetWrap>li {position:relative;margin:6px 0 0;padding:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.09)}
.infoBase .fieldsetWrap .inputSelect {padding-left:100px}
.infoBase .fieldsetWrap .inputSelect .titleHead {position:absolute;left:12px;top:17px}
.infoBase .selectContents {position:relative;min-height:40px}
.infoBase .selectContents:after {content:" ";display:block;clear:both;height:0;visibility:hidden}
.infoBase .selectContents .col {float:left;width:100%;padding:0;border-left:1px solid #e0e4eb;box-sizing:border-box}
.infoBase .selectContents.wide .col:first-child {border-left:0 none}
.infoBase .selectContents .col.line {border-top:1px solid #e0e4eb}
.infoBase .selectContents .col.txt {padding:11px 10px}
.infoBase .selectContents.two .col {width:50%}
.infoBase .selectContents.twoOne .col {width:66.66%}
.infoBase .selectContents.twoOne .col.label {width:33.33%}
.infoBase .selectContents.three .col {width:33.33%}
.infoBase .selectContents.four .col {width:25%}
.infoBase .selectContents.five .col {width:20%}
.infoBase .selectContents .col .btn {display:block;height:40px;line-height:40px}
.infoBase .selectContents .col input[type="text"],
.infoBase .selectContents .col input[type="number"],
.infoBase .selectContents .col input[type="tel"],
.infoBase .selectContents .col input[type="email"] {width:100%;height:40px;line-height:40px;border:0 none}
.infoBase .selectContents .col textarea {width:100%;border:0 none}
.infoBase .selectContents .col select,
.infoBase .selectContents .col .selectBox-dropdown,
.infoBase .selectContents .col .selectBox-dropdown .selectBox-label {padding:0 10px;height:40px;line-height:40px;border:0 none}
.infoBase .selectContents .col.search {position:relative;padding:0 30px 0 0}
.infoBase .selectContents .col.search .icon {position:absolute;right:14px;top:50%;width:15px;height:16px;margin-top:-7px;}
.infoBase .selectContents .col.memo {margin:0;padding:10px}
.infoBase .selectContents .bar {float:left;width:10%;line-height:40px;text-align:center;box-sizing:border-box}
.infoBase .selectContents .etc {float:left;width:10%;padding-left:5px;line-height:40px;box-sizing:border-box}
.infoBase .selectContents .certicon {position:absolute;right:10px;top:50%;display:block;padding:0 10px;height:18px;font-size:12px;line-height:18px;margin-top:-9px;vertical-align:top;background:#34a6fe;color:#fff}
@media screen and (-webkit-min-device-pixel-ratio:1.5){
	.infoBase .selectContents .col.search .icon {background-size:720px 432px}
}

#addrResult {display:none;-webkit-overflow-scrolling:touch} /* ÁÖ¼Ò°Ë»ö */
#addrResult .guide {padding:5px 0 5px 95px;line-height:20px;word-break:break-all;background-color:#f8f8f8;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb}
#addrResult.selected .guide {margin-left:95px;margin-right:10px;padding:0;background-color:#fff;border:0 none}
#addrResult .addr {padding:3px 0 0 95px}
#addrResult .msg {display:block;margin-top:5px}
#addrResult ul {padding:5px 10px}
#addrResult ul li {position:relative;padding:4px 0 4px 85px;border-bottom:0 none}
#addrResult ul li span {position:absolute;left:5px;top:4px;width:60px;color:#767676}

/* ÈÞ´ëÆù ÀÎÁõÇϱâ */
#MobileCertNumInput {overflow:hidden;position:relative;display:none;width:235px;height:32px;padding-right:65px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3)}
#MobileCertNumInput input {width:100%;border:0 none}
#MobileCertNumInput .btn {position:absolute;right:0;top:0;width:65px;height:32px;line-height:32px;border:0 none}

/* Àüüº¸±â */
.navAllList {display:none;position:relative;background-color:#fff;border-bottom:1px solid #d7d7d7}
.navAllList h1 {padding:15px 12px;text-align:left}
.navAllList ul li {position:relative}
.navAllList ul li ul {overflow:hidden;width:100%;margin-top:-1px;padding:0}
.navAllList ul li ul li {float:left;width:33.33%;margin:0;border-left:1px solid #eff0f3;border-top:1px solid #eff0f3;box-sizing:border-box}
.navAllList ul li ul li:nth-child(3n+1) {border-left:0 none}
.navAllList ul li ul li a {display:block;height:48px;font-size:12px;line-height:48px;color:#666}
.navAllList ul li ul li.blank {height:48px}
.navAllList .sectionMenu {z-index:1;position:relative;display:block;padding:10px 12px;font-size:12px;text-align:left;color:#222;background:#ebedee;border-top:1px solid #d4d6d7;border-bottom:1px solid #dcdde0}
#FooterNavAll {position:relative;top:-14px}

/* class - ½ÃÁð ¹è³Ê - season */
.season {margin:10px 0 0}
.season p {width:100%;box-shadow:0 1px 3px rgba(0,0,0,.09)}
.season p a {display:block;width:300px;height:33px;margin:0 auto}
.season p a img {width:300px;height:33px}

/* class - ÇÁ·Î¸ð¼Ç ¹è³Ê - promotion */
.promotion {}
.promotion a {display:block;margin:0 0 8px;text-align:center;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.09)}
.promotion a img {display:block;width:306px;height:45px;margin:0 auto}

/* class - ÇÁ·Î¸ð¼Ç ¹è³Ê - prGuide */
.prGuide {z-index:9;overflow:hidden;position:relative;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.09)}
.prGuide .banImg {position:relative;display:block;height:81px;margin-right:34px}
.prGuide .banImg img {width:338px;height:81px}
.prGuide .closeBtn {position:absolute;right:13px;top:13px;width:16px;height:16px;font:0/0 Dotum;color:transparent;}
@media screen and (-webkit-min-device-pixel-ratio:1.5){
	.prGuide .closeBtn {background-size:720px 432px}
}
#PR_GoodsGuide {margin:10px 0}

/* class - navSub */
.navSub {overflow:hidden;width:100%;margin-bottom:6px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.09)}
.navSub:after {content:" ";display:block;clear:both;height:0;visibility:hidden}
.navSub>li {position:relative;float:left;width:50%}
.navSub>li input {position:absolute}
.navSub>li> a,
.navSub>li>label {display:block;width:100%;height:38px;padding:0;font-weight:bold;text-align:center;line-height:38px;color:#222;background-color:#fff}
.navSub>li.on>a,
.navSub>li>input:checked+label {background:#ffd100}
.navSub.four>li {width:25%}
.navSub.three>li {width:33.33%}

/* class - tabType */
.tabType1 {overflow:hidden;height:40px}
.tabType1 li {float:left;width:50%;height:40px}
.tabType1 li a {display:block;width:100%;height:40px;padding:0;text-align:center;font-size:1.143em;line-height:40px;color:#fff;background-color:#4f5053}
.tabType1 li.on a {font-weight:bold;color:#222;background-color:#fff}

.tabType2 {overflow:hidden;height:50px}
.tabType2 li {float:left;width:25%;height:50px}
.tabType2 li a {display:block;height:38px;padding:7px 0 5px;text-align:center;font-size:1.143em;line-height:1.4;color:#999;background-color:#4f5053;border-left:1px solid #414141}
.tabType2 li a span {display:block;font-size:0.768em}
.tabType2 li:first-child a,
.tabType2 li.on + li a {border-left:0 none}
.tabType2 li.on a {font-weight:bold;color:#777;background-color:#fff;border-left:0 none}
.tabType2 li.on a span {color:#222}
.tabType2 li.on a em {color:#ffc35a}

.tabType3 {overflow:hidden;width:100%;height:44px;margin:0 auto 8px;border:1px solid #e1e1e1;box-sizing:border-box}
.tabType3 li {float:left;width:50%;height:44px;border-left:1px solid #e1e1e1;box-sizing:border-box}
.tabType3 li:first-child {border-left:0 none}
.tabType3 li a {display:block;width:100%;height:44px;padding:0;text-align:center;line-height:44px;color:#999;background-color:#fff}
.tabType3 li.on a {font-weight:bold;color:#222;border-bottom:5px solid #ffd100;box-sizing:border-box}
.tabType3 li a strong {color:#ff5166}

.tabType4 {overflow:hidden;width:100%;height:42px;margin:0;background-color:#fff}
.tabType4 li {float:left;width:25%;height:42px}
.tabType4 li a {display:block;width:100%;height:44px;padding:0;text-align:center;font-size:16px;line-height:44px;color:#777;background-color:#fff;border-bottom:1px solid #cecfcf}
.tabType4 li a span {display:inline-block;height:39px;border-bottom:2px solid #fff;font-size:13px;color:#999}
.tabType4 li.on a span {font-weight:bold;border-bottom:2px solid #222;color:#222}

/* Ȩ - Áö¿ª¼³Á¤ */
.topAreaSet {overflow:hidden;margin-top:8px !important;background:#fff;border:1px solid #e8e8e8}
.topAreaSet .setArea {position:relative;display:block;padding:11px 35px;color:#666}
.topAreaSet .setArea span {position:absolute;top:50%;}
.topAreaSet .setArea span.markIcon {left:16px;width:13px;height:16px;margin-top:-8px;background-position:0 0}
.topAreaSet .setArea span.arrowIcon {right:15px;width:13px;height:7px;margin-top:-4px;background-position:-36px 0}
.topAreaSet .setArea.on span.arrowIcon {background-position:-252px -288px}
.topAreaSet .setAreaList {overflow:hidden;display:none;width:100%;height:131px;border-top:1px solid #dfe2e7}
.topAreaSet .setAreaList li {float:left;width:20%}
.topAreaSet .setAreaList li a {display:block;height:32px;font-size:12px;line-height:32px;text-align:center;color:#666;border-bottom:1px solid #eef1f4;border-right:1px solid #eef1f4}
.topAreaSet .setAreaList li:nth-child(5n) a {border-right:0 none}
.topAreaSet .setAreaList li.on a {background:#eef1f4}
.topAreaSet .setAreaList li.blank {height:32px;border-top:1px solid #eef1f4}
#GoodsJobList .topAreaSet {margin:0 0 10px}
@media screen and (-webkit-min-device-pixel-ratio:1.5){
	.topAreaSet .setArea span {}
}


/* ios fixed ¼öÁ¤ */
.ios-fixed {content:'';z-index:-1;position:absolute;top:0;left:0;height:44px}

/* °øÅë Å佺Ʈ Æ˾÷ */
.toast-pop {z-index:9999999;position:fixed;left:0;right:0;bottom:-93px;width:100%;text-align:center}
.toast-pop__link {display:block;text-align:center}
.toast-pop img {max-width:320px;vertical-align:top}
.toast-pop.on {animation:.3s showToast forwards;-webkit-animation:.3s showToast forwards}
@keyframes showToast {
	0% {bottom:-93px}
	100% {bottom:0}
}
@-webkit-keyframes showToast {
	0% {bottom:-93px}
	100% {bottom:0}
}
.toast-pop.off {animation:.3s hideToast forwards;-webkit-animation:.3s hideToast forwards}
@keyframes hideToast {
	0% {bottom:0}
	100% {bottom:-93px}
}
@-webkit-keyframes hideToast {
	0% {bottom:0}
	100% {bottom:-93px}
}

/* °øÅë ÆË¿À¹ö */
.pop-over.on {display:block}
.pop-over {display:none;z-index:20;padding:21px 20px 19px;box-sizing:border-box;position:absolute;border-radius:8px;border:1px solid #666;background-color:#fff}
html.android .pop-over {padding:20px 20px 19px}
.pop-over__guide--title {padding-bottom:7px;font-size:13px;font-weight:bold;line-height:100%;letter-spacing:-0.3px;color:#222}
html.android .pop-over__guide--title {padding-bottom:8px}
.pop-over__guide--content {margin-top:5px;font-size:13px;line-height:1.38;letter-spacing:-0.3px;color:#666}
.pop-over__list--item:first-child {margin-top:0}
.pop-over__list--item {margin-top:5px;font-size:13px;line-height:1.38;letter-spacing:-0.3px;color:#666}
.pop-over__close {position:absolute;top:0;right:0;padding:10px;width:16px;height:16px}
.pop-over__close span {display:block;overflow:hidden;position:relative;width:16px;height:16px;color:transparent}
.pop-over__close span::before {display:block;content:"";position:absolute;top:0;left:50%;width:1px;height:16px;transform:rotate(-135deg);background:#666}
.pop-over__close span::after {display:block;content:"";position:absolute;top:0;left:50%;width:1px;height:16px;transform:rotate(-45deg);background:#666}
.pop-over__link {margin-top:15px;line-height:100%}
html.android .pop-over__link {margin-top:16px}
.pop-over__link .pop-over__link--btn {display:inline-block;font-size:13px;color:#3457f1}
.pop-over__link .pop-over__link--btn .cssIcon-arrow {margin-left:8px;width:6px;height:11px}
.pop-over__link .pop-over__link--btn .cssIcon-arrow::after {margin-top:-3px;left:-3px;top:50%}
.pop-over__link .pop-over__link--btn .cssIcon-arrow.right::after {width:6px;height:6px;border:1px solid #3457f1}

/* °³ÀÎÁ¤º¸ À̿뵿ÀÇ */
.agreement-wrapper {position:relative;padding:25px 10px 0;background:#fff}
.agreement__title {padding-bottom:10px;font-weight:bold;font-size:11px}
.agreement__table {width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.agreement__table-title {width:80px;padding:11px 0;border-top:1px solid #eee;text-align:center;background:#f9f9f9}
.agreement__table-contents {padding:11px 10px;border-top:1px solid #eee}
.agreement__table-first-row .agreement__table-title,
.agreement__table-first-row .agreement__table-contents {border-top:0 none}
.agreement__confirm {padding:20px 0;text-align:center}



#Header + #Section {border:1px solid red}