@charset "euc-kr";

body * {font-family:'Malgun Gothic';letter-spacing:-0.1em}
#Global {margin:0}
#SkyBanner,
#PrLocation {display:none}
#WingBanner {top:252px}
#FooterWrapper {border-top:2px solid #000}
#FooterWrapper * {font-family:dotum}
#Location {position:relative}
#Location .locationRoute {width:1070px;height:27px;padding-top:14px;margin:0 auto;border-bottom:1px solid #e1e1e1;font-family:Gulim}
#Location .locationRoute * {font-family:Gulim}
#SubContents {padding:10px 0 20px}
#JobAreaMain #SubContents {background:#e9ecef}
#SubContents .contents {position:relative;width:1070px;margin:0 auto}
#SubContents .contents .pageTitle {z-index:1;position:relative;margin-bottom:13px}
#SubContents .contents .pageTitle h1 {font:bold 25px 'Malgun Gothic'}
#SubContents .contents .pageTitle h1 .next {position:relative;top:7px;display:inline-block;width:13px;height:25px;margin:0 10px;vertical-align:top;background:url('//image.alba.kr/job/jobArea_icon.png') no-repeat -170px -41px}

/* select */
select.select {height:28px;padding:0 25px 0 3px;padding-right:0\0;*padding-right:0;line-height:24px;background:url('//image.alba.kr/comm/select.png') no-repeat 100% center;background:none\0;*background:none;background-color:#fff;border:1px solid #bbb;-webkit-appearance:none;-webkit-appearance:menulist\0;*-webkit-appearance:menulist}
@-moz-document url-prefix() {
  select.select {-moz-appearance:none;text-indent:0.01px;text-overflow:""}
}

/* input */
span.input {position:relative;display:inline-block}
span.input * {vertical-align:middle;cursor:pointer}
span.input input {position:absolute;width:0;height:0;margin:0;cursor:pointer;opacity:0;filter:alpha(opacity=0)}
span.input label {display:inline-block;height:19px;padding:0 0 0 20px;background:url('//image.alba.kr/comm/input.png') no-repeat;white-space:nowrap}
span.input.alone label {padding-left:22px}
span.input input[type="checkbox"] + label {background-position:0 2px}
span.input.on input[type="checkbox"] + label {background-position:0 -18px;color:#2073f0}
span.input input[type="checkbox"]:focus + label::before {content:"";position:absolute;top:2px;left:0;box-shadow:0 0 0 3px rgba(131,192,253,0.5);width:15px;height:15px;border-radius:3px}
span.input input[type="radio"] + label {background-position:0 -38px}
span.input.on input[type="radio"] + label {background-position:0 -58px;color:#2073f0}
span.input input[type="radio"]:focus + label::before {content:"";position:absolute;top:2px;left:0;box-shadow:0 0 0 3px rgba(131,192,253,0.5);width:15px;height:15px;border-radius:50%}
span.input.after label {padding-left:0;padding-right:32px}
span.input.after.alone label {padding-right:22px}
span.input.after input[type="checkbox"] + label {background-position:100% 2px}
span.input.after.on input[type="checkbox"] + label {background-position:100% -18px;color:#2073f0}
span.input.after input[type="checkbox"]:focus + label::before {left:auto;right:0}
span.input.after input[type="radio"] + label {background-position:100% -38px}
span.input.after.on input[type="radio"] + label {background-position:100% -58px;color:#2073f0}
span.input.after input[type="radio"]:focus + label::before {left:auto;right:0}

/* ¼¿·ºÆ®¹Ú½º ·¹ÀÌ¾î */
.selectBoxLayer {position:relative;border:1px solid #c5ccd1}
.selectBoxLayer .selectValue {position:relative;display:block;padding:7px 40px 7px 15px;padding:6px 40px 8px 15px\0;*padding:6px 40px 8px 15px;font-size:15px;text-decoration:none;background:#fff}
.selectBoxLayer .selectList {display:none;position:absolute;left:-1px;top:34px;width:100%;padding:7px 0 12px;border:1px solid #c5ccd1;background:#fff}
.selectBoxLayer .selectList li a {display:block;padding:4px 0 4px 15px;font-size:14px}
.selectBoxLayer .selectList li a.on,
.selectBoxLayer .selectList li a:hover {text-decoration:none;color:#0183d5}
.selectBoxLayer .arrowBg {position:absolute;right:12px;top:50%;width:7px;height:4px;margin-top:-2px;background:url('//image.alba.kr/job/jobArea_icon.png') no-repeat -206px -27px;cursor:pointer}
.selectBoxLayer .arrowBg.opened {background-position:-218px -27px}
.localSelectWrap {z-index:20;display:block;position:absolute;right:0;top:0}
.localSelectWrap:after {content:'';display:block;clear:both}
.localSelectWrap .selectBoxLayer {float:left}
.localSelectWrap .selectBoxLayer.localSelect {margin-right:8px}
.localSelectWrap .localTypeChange {float:left}
.localSelectWrap .localTypeChange a {z-index:0;position:relative;float:left;display:block;padding:7px 12px;padding:6px 12px 8px;*padding:6px 12px 8px;margin-left:-1px;font-size:15px;text-decoration:none;border:1px solid #c4cdd2;background:#fff}
.localSelectWrap .localTypeChange a:first-child {margin:0}
.localSelectWrap .localTypeChange a.on {z-index:1;border:1px solid #b2d3e6;background:#eaf7ff;color:#008de7}
.localSelectWrap .localTypeChange a img {margin:-2px 0 0;vertical-align:middle}

/* ÇÖÇÃ·¹ÀÌ½º ¼¥ */
.sharp {margin-right:4px;color:#67a9d3}

/* ÁÂÃø µû¶ó´Ù´Ï´Â ¸Þ´º */
#AreaLeftNav {position:fixed;_position:absolute;top:291px;right:50%;margin-right:548px;width:140px;border:1px solid #d6d6d6}
#AreaLeftNav ul li {width:140px;height:37px;border-top:1px solid #efefef}
#AreaLeftNav ul li:first-child {border-top:0 none}
#AreaLeftNav ul li a {display:block;height:23px;padding:14px 0 0 14px;font:12px gulim}
#AreaLeftNav ul li a:hover {color:#018ce9}
#JobAreaSubMain #AreaLeftNav a.local ,
#JobAreaHotplaceMain #AreaLeftNav a.hotplace ,
#JobMapMain #AreaLeftNav a.map ,
#JobLocalSubwaylist #AreaLeftNav a.subway ,
#JobAreaCollegelist #AreaLeftNav a.univ {font-weight:bold;color:#018ce9 !important}
@media all and (max-width:1300px) {
	#AreaLeftNav {display:none}
}

/* ¸®½ºÆ®ÆäÀÌÂ¡ */
.pagenation {position:relative;padding:20px 0 30px;text-align:center}
.pagenation.img {padding-top:80px;background-repeat:no-repeat;background-position:center 20px}
.pagenation.img1 {background-image:url('//image.alba.kr/e/common/201707/paging_img01.png')}
.pagenation.img2 {background-image:url('//image.alba.kr/e/common/201707/paging_img02.png')}
.pagenation.img3 {background-image:url('//image.alba.kr/e/common/201707/paging_img03.png')}
.pagenation.img4 {background-image:url('//image.alba.kr/e/common/201707/paging_img04.png')}
.pagenation.img5 {background-image:url('//image.alba.kr/e/common/201707/paging_img05.png')}
.pagenation.img6 {background-image:url('//image.alba.kr/e/common/201707/paging_img06.png')}
.pagenation.img7 {background-image:url('//image.alba.kr/e/common/201707/paging_img07.png')}
.pagenation.img8 {background-image:url('//image.alba.kr/e/common/201707/paging_img08.png')}
.pagenation.img9 {background-image:url('//image.alba.kr/e/common/201707/paging_img09.png')}
.pagenation.img10 {background-image:url('//image.alba.kr/e/common/201707/paging_img10.png')}
.pagenation.img11 {background-image:url('//image.alba.kr/e/common/201707/paging_img11.png')}
.pagenation.img12 {background-image:url('//image.alba.kr/e/common/201707/paging_img12.png')}
.pagenation span {display:inline-block;height:30px;margin-right:4px;font-size:14px;font-family:'¸¼Àº °íµñ','Malgun Gothic';vertical-align:top;border:1px solid #bbb;border-radius:2px}
.pagenation span.page {*margin-right:8px;border:0 none}
.pagenation span.page a {display:inline-block;width:30px;height:24px;padding:6px 0 0;margin:0 2px;text-align:center;border:1px solid #bbb;border-radius:2px}
.pagenation span.page a:hover,
.pagenation span.page a.on {font-weight:bold;border:1px solid #83c9ff;color:#267cd3}
.pagenation span.total {position:relative;width:120px;height:32px;*margin-right:8px;border:0 none}
.pagenation span.total .totalBtn {overflow:hidden;position:absolute;left:0;top:0;width:118px;height:30px;background:#f4f4f4;cursor:pointer}
.pagenation span.total .totalBtn .state {display:block;height:24px;padding:6px 0 0;text-align:center;font-weight:bold;border:0 none}
.pagenation span.total .totalBtn a {position:absolute;left:0;width:105px;height:24px;padding:6px 0 0 15px;text-align:left}
.pagenation span.total .totalBtn a.first {top:30px}
.pagenation span.total .totalBtn a.last {top:60px}
.pagenation span.total.oneBtn .totalBtn {height:62px}
.pagenation span.total.twoBtn .totalBtn {height:92px}
.pagenation span.pageBtn {border:0 none}
.pagenation span.pageBtn a {display:inline-block;width:30px;height:30px;font-size:18px;background:#f4f4f4;border:1px solid #bbb;border-radius:2px}
.pagenation span.pageBtn a.next {margin-left:-1px}
.pagenation span.pageBtn a.none {color:#bbb}

/* »ó´Ü±Ç¿ª¼±ÅÃ */
#TopAreaSelect {z-index:10;position:relative;margin-bottom:32px}
#TopAreaSelect.colledge {margin-bottom:0}
#TopAreaSelect .detailSearchBtn {position:absolute;right:0;bottom:-22px;width:157px;height:20px;padding-top:2px;font:bold 13px 'Malgun Gothic';text-align:center;border:2px solid #67a9d3;border-top:0 none;background:#fff url('//image.alba.kr/job/detailSearchBtn_bg.png') repeat-x}
#TopAreaSelect .detailSearchBtn span {position:relative;top:7px;display:inline-block;width:11px;height:6px;vertical-align:top;background:url('//image.alba.kr/job/jobArea_icon.png') no-repeat -235px 0;cursor:pointer}
#TopAreaSelect .detailSearchBtn.on span {background-position:-251px 0}
#TopAreaSelect .topSelectCategory {display:none}
#TopAreaSelect .topSelectCategory ul {position:relative;width:1070px;height:47px;background:url('//image.alba.kr/job/topSelectArea_bg.png') repeat-x left bottom}
#TopAreaSelect .topSelectCategory ul:after {content:' ';clear:both;display:block}
#TopAreaSelect .topSelectCategory ul li {z-index:1;position:relative;float:left;width:58px;margin-left:-1px;border:1px solid #dce2e7;border-bottom:0 none !important;background:#f4f8fb}
#TopAreaSelect .topSelectCategory ul li:first-child {margin-left:0 !important}
#TopAreaSelect .topSelectCategory ul li a {display:block;height:32px;padding-top:12px;font-size:15px;text-align:center}
#TopAreaSelect .topSelectCategory ul li.on {z-index:2;width:63px;border:2px solid #67a9d3;background:#fff}
#TopAreaSelect .topSelectCategory ul li.on a {height:34px;padding-top:11px;font-weight:bold;color:#3093d1;background:url('//image.alba.kr/job/topSelectArea_select.png') no-repeat center 38px}
#TopAreaSelect .topSelectList {position:relative;width:1066px;border:2px solid #67a9d3;border-top:2px solid #67a9d3;background:#fff}
#TopAreaSelect .topSelectList:after {content:"";display:block;clear:both}
#TopAreaSelect .topSelectList .title {margin-bottom:10px;font:bold 19px 'Malgun Gothic';color:#393939}
#TopAreaSelect .topSelectList .linkArrow {position:relative;top:7px;display:inline-block;width:4px;height:7px;margin-left:2px;vertical-align:top;background:url('//image.alba.kr/job/jobArea_icon.png') no-repeat}
#TopAreaSelect .topSelectList .areaList {overflow:hidden;width:100%;border:0 none;border-bottom:1px solid #e3e3e3}
#TopAreaSelect .topSelectList .areaList li {padding:19px 28px 15px}
#TopAreaSelect .topSelectList .areaList li a {font-size:15px}
#TopAreaSelect .topSelectList .areaList li a:hover {text-decoration:none;color:#008de8}
#TopAreaSelect .topSelectList .areaList li a.on {font-weight:bold;color:#008de8}
#TopAreaSelect .topSelectList .areaList li .title {display:none}
#TopAreaSelect .topSelectList .areaList li .subAreaList {overflow:hidden}
#TopAreaSelect .topSelectList .areaList li .subAreaList li {float:left;width:20%;padding:3px 0 2px}
#TopAreaSelect .topSelectList .areaList.hotplace {border-bottom:0 none}
#TopAreaSelect .topSelectList .areaList.hotplace .title {display:block !important}
#TopAreaSelect .topSelectList .areaList.hotplace .hotplaceView {display:none;padding:25px 0 10px;font-size:14px;text-decoration:underline;color:#474747}
#TopAreaSelect .topSelectList .areaList.hotplace .hotplaceView .linkArrow {background-position:-226px 0}
#TopAreaSelect .topSelectList .directBtn {display:none;position:absolute;left:20px;bottom:20px;padding:6px 10px;font-size:15px;border:1px solid #b1d8f1}
#TopAreaSelect .topSelectList .directBtn .linkArrow {margin-left:6px;background-position:-217px 0}
/* »ó´Ü Áö¿ª¼±ÅÃ (¼­¿ï,°æ±â) */
#TopAreaSelect .topSelectList.seoul ,
#TopAreaSelect .topSelectList.gyeonggi {padding-bottom:0 !important}
#TopAreaSelect .topSelectList.seoul .areaList {float:left;width:192px;padding:18px 0 20px 20px;border-left:1px solid #e3e3e3;border-bottom:0 none}
#TopAreaSelect .topSelectList.gyeonggi .areaList {float:left;width:245px;padding:18px 0 20px 20px;border-left:1px solid #e3e3e3;border-bottom:0 none}
#TopAreaSelect .topSelectList.seoul .areaList:first-child ,
#TopAreaSelect .topSelectList.gyeonggi .areaList:first-child {border-left:0 none}
#TopAreaSelect .topSelectList.seoul .areaList li ,
#TopAreaSelect .topSelectList.gyeonggi .areaList li {padding:3px 0 2px;border-bottom:0 none}
#TopAreaSelect .topSelectList.seoul .areaList li .title ,
#TopAreaSelect .topSelectList.gyeonggi .areaList li .title {display:block}
#TopAreaSelect .topSelectList.seoul .areaList li .subAreaList ,
#TopAreaSelect .topSelectList.gyeonggi .areaList li .subAreaList {overflow:hidden}
#TopAreaSelect .topSelectList.seoul .areaList li .subAreaList li ,
#TopAreaSelect .topSelectList.gyeonggi .areaList li .subAreaList li {float:none;width:auto}
#TopAreaSelect .topSelectList.seoul .areaList .hotplaceView ,
#TopAreaSelect .topSelectList.gyeonggi .areaList .hotplaceView {display:block}
/* »ó´Ü Áö¿ª¼±ÅÃ (¸ÞÀÎºÐ±â) */
#JobAreaMain #TopAreaSelect {margin-bottom:18px}
#JobAreaMain #TopAreaSelect .detailSearchBtn ,
#JobAreaMain #TopAreaSelect .localSelectWrap {display:none}
#JobAreaMain #TopAreaSelect .topSelectCategory {display:block}
#JobAreaMain #TopAreaSelect .topSelectList {padding-bottom:50px;border-top:0 none}
#JobAreaMain #TopAreaSelect .topSelectList .directBtn {display:block}
/* »ó´Ü Áö¿ª¼±ÅÃ (´ëÇÐ°¡) */
#JobAreaCollegelist #TopAreaSelect .topSelectCategory {display:block}
#JobAreaCollegelist #TopAreaSelect .topSelectCategory ul li {width:61px}
#JobAreaCollegelist #TopAreaSelect .topSelectCategory ul li.on {width:74px}
#JobAreaCollegelist #TopAreaSelect .topSelectList {width:1020px;padding:23px;border-top:0 none}
#JobAreaCollegelist #TopAreaSelect .topSelectList li {position:relative;overflow:hidden;*margin:-6px 0 0;border-top:1px solid #e4e4e4}
#JobAreaCollegelist #TopAreaSelect .topSelectList li.first {*margin:0;border-top:0 none}
#JobAreaCollegelist #TopAreaSelect .topSelectList li span.category {float:left;width:36px;height:100%;margin-right:15px;font:bold 14px 'Malgun Gothic';text-align:center;background:#f6f6f6}
#JobAreaCollegelist #TopAreaSelect .topSelectList li .subList {overflow:hidden;float:right;width:969px}
#JobAreaCollegelist #TopAreaSelect .topSelectList li .subList li {float:left;width:242px;padding:5px 0;padding:6px 0 4px\0;*padding:6px 0 4px;*margin:0;border:0 none}
#JobAreaCollegelist #TopAreaSelect .topSelectList li .subList li .input label {font-size:13px;background-position:0 3px}
#JobAreaCollegelist #TopAreaSelect .topSelectList li .subList li .input.on label {background-position:0 -16px}
#JobAreaCollegelist #TopAreaSelect .topSelectList li .subList li .input label em {position:relative;top:1px;margin-left:4px;font-size:13px;vertical-align:top;color:#0184e5}
#JobAreaCollegelist #TopAreaSelect .topSelectList li .subList li .favorite {display:none !important;position:relative;top:7px;display:none;width:10px;height:10px;margin-left:8px;font:0/0 dotum;color:transparent;vertical-align:top;background:url('//image.alba.kr/job/jobArea_icon.png') no-repeat -188px -56px}
#JobAreaCollegelist #TopAreaSelect .topSelectList li .subList li:hover .favorite {display:inline-block}
#JobAreaCollegelist #TopAreaSelect .topSelectList li .subList li .favorite.on {display:inline-block !important;background-position:-188px -41px}
#JobAreaCollegelist #TopAreaSelect .topSelectList li.none {padding:16px 0 20px;font-size:15px;text-align:center;border:0 none}

/* ±¸±º¼±ÅÃ */
#TopLocalSearch {z-index:10;position:relative;margin-bottom:14px;border:2px solid #67a9d3}
#TopLocalSearch .localList {overflow:hidden;padding:10px 22px 15px}
#TopLocalSearch .localList li {float:left;width:16.66%;padding:4px 0 2px}
#TopLocalSearch .localList li .input label {font-size:15px;background-position:0 4px}
#TopLocalSearch .localList li .input label span {position:relative;top:2px;font-size:13px;color:#0184e5;vertical-align:top}
#TopLocalSearch .localList li .input.on label {background-position:0 -18px}
#TopLocalSearch .localList.listFirst li {text-indent:23px}
#TopLocalSearch .localList.listFirst li a {font-size:15px}
#TopLocalSearch .localList.listFirst li a:hover {text-decoration:none;color:#2073f0}
#TopLocalSearch .localList.listFirst li a.on {font-weight:bold;color:#2073f0}
#TopLocalSearch .localList.listFirst li span {position:relative;top:2px;font-size:13px;color:#0184e5;vertical-align:top}
#TopLocalSearch .localList.listFirst li .input label {font-size:15px;background:none}
#TopLocalSearch .localList.listFirst li .input label:hover {font-size:15px;background:url('//image.alba.kr/comm/input.png') no-repeat;background-position:0 4px}
#TopLocalSearch .localList.listSecond {border-top:1px solid #e3e3e3;background:#f4faff}

/* ÇÖÇÃ·¹ÀÌ½º Áö¿ª¼±ÅÃ */
.hotplaceSelect {width:1066px;border:2px solid #67a9d3}
.hotplaceSelect:after {content:'';display:block;clear:both}
.hotplaceSelect .mapBox {float:left;width:373px;height:306px;border-right:2px solid #67a9d3}
.hotplaceSelect .hotplaceList {overflow:hidden;height:306px}
.hotplaceSelect .hotplaceList .title {padding:18px 0 10px;font:bold 19px 'Malgun Gothic';color:#393939}
.hotplaceSelect .hotplaceList .areaList {width:auto;height:306px;padding-left:15px;border-left:1px solid #e3e3e3}
.hotplaceSelect .hotplaceList .areaList:first-child {border-left:0 none !important}
.hotplaceSelect .hotplaceList .areaList>li {height:276px;padding:30px 0 0 10px}
.hotplaceSelect .hotplaceList .areaList>li .title {display:none}
.hotplaceSelect .hotplaceList .areaList>li .customScroll {width:auto;height:246px}
.hotplaceSelect .hotplaceList .areaList>li .customScroll .overview {width:100%}
.hotplaceSelect .hotplaceList .areaList>li .customScroll .subAreaList {overflow:hidden}
.hotplaceSelect .hotplaceList .areaList>li .customScroll .subAreaList li {float:left;width:33.33%;padding:3px 0 2px}
.hotplaceSelect .hotplaceList .areaList>li .customScroll .subAreaList li a {font-size:15px}
.hotplaceSelect .hotplaceList .areaList>li .customScroll .subAreaList li a:hover {text-decoration:none;color:#008de8}
.hotplaceSelect .hotplaceList .areaList>li .customScroll .subAreaList li a.on {font-weight:bold;color:#008de8} 

/* ÇÖÇÃ·¹ÀÌ½º Áö¿ª¼±ÅÃ (¼¼·ÎÇü) */
.hotplaceSelect .hotplaceList.seoul .areaList {float:left;width:157px;border-left:1px solid #e7e7e7}
.hotplaceSelect .hotplaceList.gyeonggi .areaList {float:left;width:215px;border-left:1px solid #e7e7e7}
.hotplaceSelect .hotplaceList.gyeonggi .areaList:first-child {width:214px}
.hotplaceSelect .hotplaceList.seoul .areaList>li ,
.hotplaceSelect .hotplaceList.gyeonggi .areaList>li {height:306px;padding:0}
.hotplaceSelect .hotplaceList.seoul .areaList>li .title ,
.hotplaceSelect .hotplaceList.gyeonggi .areaList>li .title {display:block}
.hotplaceSelect .hotplaceList.seoul .areaList>li .title a:hover,
.hotplaceSelect .hotplaceList.gyeonggi .areaList>li .title a:hover {color:#008de8}
.hotplaceSelect .hotplaceList.seoul .areaList>li .customScroll .subAreaList li ,
.hotplaceSelect .hotplaceList.gyeonggi .areaList>li .customScroll .subAreaList li {float:none;width:auto}

/* ¼øÀ§Ç¥ */
span.num {margin-right:8px;font-size:15px}
span.num.highRank {color:#fa6a6e}
.rankList {padding:10px 30px 0}
.rankList li {padding:6px 0 4px}
.rankList li a {position:relative;display:block;font-size:14px;font-weight:bold}
.rankList li a:hover {text-decoration:none}
.rankList li a em.normal {font-weight:normal}
.rankList li a em.result {position:absolute;right:0;top:0;font-weight:normal;letter-spacing:0}
.rankList li a em.result strong {position:relative;top:0;font-weight:normal;vertical-align:top;color:#2b9cf7}
.rankList li a span.regTime {font-weight:normal}
.rankList li a span.regTime strong {font-weight:bold;color:#2b9cf7}
.rankList li a span.regTime .regDesc {position:relative;top:4px;display:inline-block;padding-left:4px;font:11px dotum;letter-spacing:-1px;color:#49abeb;vertical-align:top}
.rankList li a span.regTime .regDesc .icon {position:relative;top:1px;top:0\0;*top:0;display:inline-block;width:10px;height:10px;vertical-align:top;background:url('//image.alba.kr/job/jobArea_icon.png') no-repeat -228px -12px}

/* ¹Ú½º ¼øÀ§¸®½ºÆ® ¿µ¿ª  */
.article {position:relative;float:left;width:343px;margin-right:18px;border:1px solid #c5ccd1;background:#fff}
.article:first-child {width:342px}
.article .title {height:81px;padding-top:17px;text-align:center;border-bottom:1px solid #eee}
.article .title p {font-size:20px;font-weight:bold}
.article .title .icon {display:inline-block;width:36px;height:36px;margin-bottom:5px;vertical-align:top;background:url('//image.alba.kr/job/jobArea_icon.png') no-repeat}
.article.averagePay .title .icon {background-position:0 0}
.article.favoriteJob .title .icon {background-position:-41px 0}
.article.stationJob .title .icon {background-position:-82px 0}
.article.univJob .title .icon {background-position:-123px 0}
.article.searchMap .title .icon {background-position:-165px 0}
.article.averagePay .rankList li a em.result strong {font-weight:bold;letter-spacing:0}
.articel.graph,
.articel.sectionPay {display:none}
.article .articleCont {position:relative}
.article .articleCont .categoryWrap {position:relative;height:25px;border-bottom:1px solid #eee}
.article .articleCont .categoryWrap .category {position:relative;overflow:hidden;width:240px;height:26px;margin:0 auto}
.article .articleCont .categoryWrap .category ul {overflow:hidden;position:absolute;height:26px}
.article .articleCont .categoryWrap .category ul li {float:left;width:60px;text-align:center}
.article .articleCont .categoryWrap .category ul li a {display:block;height:25px;font-size:14px}
.article .articleCont .categoryWrap .category ul li a.on {color:#2b9fff;border-bottom:1px solid #43a6ff}

/* ³ë¼±µµ */
.subwayIconWrap {position:relative;display:inline-block;vertical-align:text-top !important}
.subwayIconWrap em {display:inline-block;width:15px;height:16px;margin:-3px 4px 0 0;padding-right:1px;font-size:11px !important;line-height:16px;line-height:14px\0;*line-height:14px;text-align:center;vertical-align:middle;border-radius:50%;color:#fff}
.subwayIconWrap em.icon_101 {background:#003499} /* ¼­¿ï/¼öµµ±Ç - 1È£¼± */
.subwayIconWrap em.icon_102 {background:#21aa16} /* ¼­¿ï/¼öµµ±Ç - 2È£¼± */
.subwayIconWrap em.icon_103 {background:#ff853b} /* ¼­¿ï/¼öµµ±Ç - 3È£¼± */
.subwayIconWrap em.icon_104 {background:#1f9cfc} /* ¼­¿ï/¼öµµ±Ç - 4È£¼± */
.subwayIconWrap em.icon_105 {background:#9a2fd8} /* ¼­¿ï/¼öµµ±Ç - 5È£¼± */
.subwayIconWrap em.icon_106 {background:#ba5400} /* ¼­¿ï/¼öµµ±Ç - 6È£¼± */
.subwayIconWrap em.icon_107 {background:#969810} /* ¼­¿ï/¼öµµ±Ç - 7È£¼± */
.subwayIconWrap em.icon_108 {background:#ee3b82} /* ¼­¿ï/¼öµµ±Ç - 8È£¼± */
.subwayIconWrap em.icon_113 {background:#bf9f1e} /* ¼­¿ï/¼öµµ±Ç - 9È£¼± */
.subwayIconWrap em.icon_109 {background:#76a3de} /* ¼­¿ï/¼öµµ±Ç - ÀÎÃµ1È£¼± */
.subwayIconWrap em.icon_120 {background:#ffb850} /* ¼­¿ï/¼öµµ±Ç - ÀÎÃµ2È£¼± */
.subwayIconWrap em.icon_110 {background:#ffb900} /* ¼­¿ï/¼öµµ±Ç - ºÐ´ç¼± */
.subwayIconWrap em.icon_116 {background:#c01642} /* ¼­¿ï/¼öµµ±Ç - ½ÅºÐ´ç¼± */
.subwayIconWrap em.icon_111 {background:#6cc69f} /* ¼­¿ï/¼öµµ±Ç - °æÀÇÁß¾Ó¼± */
.subwayIconWrap em.icon_112 {background:#71b8e5} /* ¼­¿ï/¼öµµ±Ç - °øÇ×¼± */
.subwayIconWrap em.icon_115 {background:#26a97f} /* ¼­¿ï/¼öµµ±Ç - °æÃá¼± */
.subwayIconWrap em.icon_117 {background:#edb217} /* ¼­¿ï/¼öµµ±Ç - ¼öÀÎ¼± */
.subwayIconWrap em.icon_118 {background:#ff8e00} /* ¼­¿ï/¼öµµ±Ç - ÀÇÁ¤ºÎ°æÀüÃ¶ */
.subwayIconWrap em.icon_119 {background:#8ace7c} /* ¼­¿ï/¼öµµ±Ç - ¿¡¹ö¶óÀÎ */
.subwayIconWrap em.icon_121 {background:#2683f2} /* ¼­¿ï/¼öµµ±Ç - °æ°­¼± */
.subwayIconWrap em.icon_122 {background:#abc465} /* ¼­¿ï/¼öµµ±Ç - ¿ìÀÌ½Å¼³¼± */
.subwayIconWrap em.icon_123 {background:#79b63b} /* ¼­¿ï/¼öµµ±Ç - ¼­ÇØ¼± */
.subwayIconWrap em.icon_124 {background:#f78e1d} /* ¼­¿ï/¼öµµ±Ç - ÀÚ±âºÎ»óÃ¶µµ */
.subwayIconWrap em.icon_125 {background:#94772b} /* ¼­¿ï/¼öµµ±Ç - ±èÆ÷°ñµå */
.subwayIconWrap em.icon_201 {background:#f2682a} /* ºÎ»ê - 1È£¼± */
.subwayIconWrap em.icon_202 {background:#4db748} /* ºÎ»ê - 2È£¼± */
.subwayIconWrap em.icon_203 {background:#c29142} /* ºÎ»ê - 3È£¼± */
.subwayIconWrap em.icon_204 {background:#5f85c4} /* ºÎ»ê - 4È£¼± */
.subwayIconWrap em.icon_205 {background:#814a9e} /* ºÎ»ê - ±èÇØ°æÀüÃ¶ */
.subwayIconWrap em.icon_206 {background:#366db3} /* ºÎ»ê - µ¿ÇØ¼± */
.subwayIconWrap em.icon_301 {background:#f9702c} /* ´ë±¸ - 1È£¼± */
.subwayIconWrap em.icon_302 {background:#4bb748} /* ´ë±¸ - 2È£¼± */
.subwayIconWrap em.icon_303 {background:#febf55} /* ´ë±¸ - 3È£¼± */
.subwayIconWrap em.icon_401 {background:#50b648} /* ±¤ÁÖ - 1È£¼± */
.subwayIconWrap em.icon_501 {background:#4db749} /* ´ëÀü - 1È£¼± */
#idCountInfo {z-index:99999;display:none;position:absolute;margin:-43px 0 0 0;padding:7px;font-size:12px;letter-spacing:-0.1em;background:#fff;border:1px solid #bababa}
#idCountInfo strong {display:inline-block;color:#017ece;border:1px solid #fff}
#idCountInfo span.arrow {position:absolute;left:50%;bottom:-7px;width:12px;height:7px;margin-left:-6px;background:url('//image.alba.kr/subway/subway_arrow.png') no-repeat 0 0}

/* Ä¿½ºÅÒ ½ºÅ©·Ñ¹Ù */
.scrollable {position:relative}
.scrollable:focus {outline:0}
.scrollable .viewport {position:relative;overflow:hidden}
.scrollable .viewport .overview {position:absolute;width:100%}
.scrollable .scroll-bar {display:none}
.scrollable .scroll-bar.vertical {position:absolute;right:2px;height:100%}
.scrollable .scroll-bar.horizontal {position:relative;width: 100%}
.scrollable .scroll-bar .thumb {position:absolute}
.scrollable .scroll-bar.vertical .thumb {width: 100%;min-height:10px}
.scrollable .scroll-bar.horizontal .thumb {height:100%;min-width:10px;left:0}
.scrollable.customScroll {padding-right:10px}
.scrollable.customScroll .scroll-bar.vertical {width:4px}
.scrollable.customScroll .scroll-bar .thumb {background-color:#a5abb8;border-radius:3px;-moz-border-radius:4px;-webkit-border-radius:4px}

/* ¼±ÅÃ°Ë»ö */
#JobSearch {z-index:3;position:relative;margin-bottom:25px}
#JobSearch * {font-size:13px}	
#JobSearch fieldset {position:relative;width:1068px;border:1px solid #d5d5d5}
#JobSearch .inputWrap {width:100%}
#JobSearch .inputWrap:after {content:" ";display:block;clear:both;height:0;visibility:hidden}
#JobSearch .inputWrap li {float:left;position:relative;padding-top:9px}
#JobSearch span.input.on label {color:#2073f0}
#JobSearch input[type="text"] {height:21px;height:18px\0;*height:18px;padding:1px 5px 0;padding:1px 5px 3px\0;*padding:1px 5px 3px;border:1px solid #bbb}

#JobSearch dl {width:1068px}
#JobSearch dl:after {content:" ";display:block;clear:both;height:0;visibility:hidden}
#JobSearch dl .content {position:relative;width:auto}
#JobSearch dl .content .blank {display:inline-block;width:930px;height:24px;padding:7px 8px 0;text-decoration:none;color:#728fb0;background:#fff;border:1px solid #bbb}
#JobSearch dl .content .value {display:inline-block;width:940px;padding:0 3px 3px;text-decoration:none;background:#fff;border:1px solid #bbb}
#JobSearch dl .content .value span {display:inline-block;height:15px;height:14px\0;*height:14px;margin:3px 4px 0 0;padding:3px 5px 5px;padding-top:4px\0;*padding-top:4px;color:#222;background:#e5f3ff;border:1px solid #cbe6ff}
#JobSearch dl .content .value span button {display:inline-block;width:10px;height:15px;margin:0 0 0 4px;padding:0;vertical-align:middle;cursor:pointer;background:url('//image.alba.kr/job/jobSearch.png') no-repeat -337px -36px;border:0 none}
#JobSearch dl .data {display:none;float:left;position:relative;width:1066px;margin:5px -1px 0;background:#fff;border:2px solid #5da3d3}
#JobSearch dl .data .tabForm {overflow:hidden;width:1066px;height:70px;background:#f3f3f4;border-bottom:2px solid #f8f8f8}
#JobSearch dl .data .tabForm li {float:left}
#JobSearch dl .data .tabForm li a {display:block;height:24px;height:23px\0;*height:23px;padding-top:10px;padding-top:11px\0;*padding-top:11px;text-align:center;border-right:1px solid #bbb;border-bottom:1px solid #bbb}
#JobSearch dl .data .tabForm li.last a {border-right:0 none}
#JobSearch dl .data .tabForm li.on a {font-weight:bold;color:#fff;background:#5da3d3;border-color:#487da1}
#JobSearch dl .data .inputWrap {width:1030px;padding:6px 18px 15px}
#JobSearch dl .data .inputWrap li {width:146px}
#JobSearch dl .data .dataCloseBtn {position:absolute;right:10px;top:auto;bottom:12px;width:14px;height:13px;font:0/0 Dotum;color:transparent;background:url('//image.alba.kr/job/jobSearch.png') no-repeat -319px -40px}

#JobSearch .base {padding-bottom:10px;background:#fbfbfb}
#JobSearch .base dl {padding-top:10px}
#JobSearch .base dl .item {float:left;width:75px;height:25px;padding:8px 0 0 25px;font-weight:bold}
#JobSearch .base dl .content {float:left}
#JobSearch .base dl.area .data .tabForm li {width:85px}
#JobSearch .base dl.area .data .tabForm li.last {width:86px}
#JobSearch .base dl.area .data .inputWrap li {width:121px}
#JobSearch .base dl.area .data .inputWrap .input input[type="radio"] + label {background-position:0 40px}
#JobSearch .base dl.area .data .inputWrap .input.on input[type="radio"] + label {background-position:0 -60px}
#JobSearch .base dl.area .data .inputWrap.dongWrap {background:#fafeff;border-top:1px solid #d3e3ed}
#JobSearch .base dl.subway select {width:200px}
#JobSearch .base dl.subway .value span {height:15px;height:14px\0;*height:14px;padding:3px 5px 5px;padding:1px 5px 6px\0;*padding:2px 5px 1px}
#JobSearch .base dl.subway .subwayIconWrap em {top:1px}
#JobSearch .base dl.kind .data .tabForm li {width:266px}
#JobSearch .base dl.kind .data .tabForm li.odd {width:267px}
#JobAreaSubMain dl.local dd.content a,
#JobAreaCollegelist dl.univ dd.content a,
#JobLocalSubwaylist dl.subway dd.content a {cursor:default}

#JobSearch.shortSearch .base dl.local .data .tabForm li {width:118px}
#JobSearch.shortSearch .base dl.local .data .tabForm li.last {width:122px}
#JobSearch.shortSearch .base dl.local .data .inputWrap li {width:128px}

#JobSearch .work {overflow:hidden;width:1068px;background:#fff}
#JobSearch .work dl {float:left;width:338px}
#JobSearch .work dl.date {position:relative}
#JobSearch .work dl.date .clearBtn {display:none;position:absolute;right:5px;top:4px;width:65px;height:24px;font:0/0 Dotum;vertical-align:top;color:transparent;background:url('//image.alba.kr/job/jobSearch.png') no-repeat -249px -40px}
#JobSearch .work dl.middle {width:397px}
#JobSearch .work.double dl {width:384px}
#JobSearch .work dl .item {height:25px;padding-top:6px;font-weight:bold;text-align:center;background:#f3f3f4;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5}
#JobSearch .work dl .content {padding:5px 27px 14px;border-right:1px solid #d5d5d5}
#JobSearch .work dl.last .item,
#JobSearch .work dl.last .content {border-right:0 none}
#JobSearch .work .inputWrap {width:100%;padding:0}
#JobSearch .work .term {width:333px}
#JobSearch .work .term .inputWrap li {width:50%}
#JobSearch .work .date .inputWrap li {width:85px}
#JobSearch .work .time .inputWrap li {width:115px}
#JobSearch .work .time .inputWrap li.short {width:96px}
#JobSearch .work .time .inputWrap li.last {width:73px}
#JobSearch .work .time .inputWrap li.long {width:188px}
#JobSearch .work .inputWrap li.full {width:100%}
#JobSearch .work .subSelect {z-index:1;display:none;position:absolute;left:99px;top:9px}
#JobSearch .work .subSelect ul {overflow:hidden;width:165px;height:54px;padding:0 6px 5px 10px;background:#fbfbfb;border:1px solid #d5d5d5}
#JobSearch .work .subSelect ul li {width:auto !important}
#JobSearch .work .week .subSelect ul li {padding:6px 8px 0 0}
#JobSearch .work .week .subSelect ul li span.input label {padding:1px 0 0 16px;padding:2px 0 0 16px\0;*padding:2px 0 0 16px}
#JobSearch .work .day .subSelect ul li {padding:6px 9px 0 0}
#JobSearch .work .subSelect .arrow {position:absolute;left:-4px;top:7px;*top:8px;width:5px;height:7px;background:url('//image.alba.kr/job/jobSearch.png') no-repeat -350px -40px}
#JobSearch .work.double dl.alba .item,
#JobSearch .work.double dl.alba .content {border-right:0 none}
#JobSearch .work.double dl.alba .content .inputWrap {padding-top:15px}
#JobSearch .work.double dl.time .item,
#JobSearch .work.double dl.time .content {border-left:1px solid #d5d5d5}
#JobSearch .work.double dl.time .content .inputWrap li {width:135px}
#JobSearch .work.double dl.time .content .inputWrap li.short {width:90px}

#JobSearch .detail {display:block;border-top:1px solid #aaa}
#JobSearch .detail dl {position:relative;background:url('//image.alba.kr/job/jobSearch_detail_bg.png') repeat-y 0 0}
#JobSearch .detail dl.career,
#JobSearch .detail dl.gender {float:left;width:558px;border-right:1px solid #eaeaea}
#JobSearch .detail dl.career .content,
#JobSearch .detail dl.gender .content {width:448px}
#JobSearch .detail dl.school,
#JobSearch .detail dl.age {float:left;width:509px}
#JobSearch .detail dl.school .content ,
#JobSearch .detail dl.age .content {width:399px}

#JobSearch .detail dl.pay,
#JobSearch .detail dl.welfare,
#JobSearch .detail dl.prefer {clear:both}
#JobSearch .detail dl.valueNo {display:none}
#JobSearch .detail dl .item {float:left;width:74px;height:27px;height:26px\0;*height:26px;padding:13px 0 0 15px;padding-top:14px\0;*padding-top:14px;font-weight:bold;background:#fafafa;border-right:1px solid #eaeaea;border-top:1px solid #eaeaea}
#JobSearch .detail dl .content {float:left;width:956px;padding:6px 10px;border-top:1px solid #eaeaea}
#JobSearch .detail dl .content .inputWrap li {padding-top:4px}
#JobSearch .detail dl .content .inputWrap li label {padding-right:15px}
#JobSearch .detail dl .content select {width:150px}
#JobSearch .detail dl .content .blank {width:692px}
#JobSearch .detail dl .content .value {width:702px}
#JobSearch .detail dl .content .addCondition {position:absolute;top:12px;margin-left:10px}
#JobSearch .detail dl .content .addCondition label {padding-right:20px}
#JobSearch .detail dl .content .addCondition strong {color:#ea7400}
#JobSearch .detail dl .content .addCondition .clearBtn {display:none;width:65px;height:24px;margin-top:-4px;font:0/0 Dotum;vertical-align:top;color:transparent;background:url('//image.alba.kr/job/jobSearch.png') no-repeat -249px -40px}
#JobSearch .detail dl .content .addCondition .clearBtn.on {display:inline-block}
#JobSearch .detail dl .data {margin-top:0;margin-bottom:10px}

#JobSearch .detail dl.gender .inputWrap {float:left;width:150px;width:154px\0;*width:154px}
#JobSearch .detail dl.pay .inputWrap {float:left;width:auto}
#JobSearch .detail dl.pay .price {margin-top:-2px}
#JobSearch .detail dl.pay .price input {width:89px;margin-right:4px}
#JobSearch .detail dl.keyword input {width:388px}
#JobSearch .detail dl.keyword .regBtn {display:inline-block;width:50px;height:24px;font:0/0 Dotum;vertical-align:middle;color:transparent;background:url('//image.alba.kr/job/jobSearch.png') no-repeat -194px -40px}
#JobSearch .detail dl.keyword .value {display:block;width:100%;margin:3px 0 0;padding:0;border:0 none}

#JobSearch .searchAction {clear:both;position:relative;border-top:1px solid #aaa}
#JobSearch .searchAction .detailBtn {position:absolute;right:-1px;top:-1px;width:182px;height:35px;font:0/0 Dotum;color:transparent;background:url('//image.alba.kr/job/jobSearch.png') no-repeat 0 0}
#JobSearch .searchAction .detailBtn.on {background-position:-187px 0}
#JobSearch .searchAction .ect {height:28px;padding:10px 14px 4px;background:#f3f3f4;border-bottom:1px solid #d5d5d5}
#JobSearch .searchAction .ect select {width:128px;margin-right:15px}
#JobSearch .searchAction .ect label {width:100px}
#JobSearch .searchAction .btnAction {padding:10px 0;text-align:center}
#JobSearch .searchAction .btnAction a {display:inline-block;width:92px;height:36px;margin:0 3px;font:0/0 Dotum;vertical-align:top;color:transparent;background:url('//image.alba.kr/job/jobSearch.png') no-repeat}
#JobSearch .searchAction .btnAction .searchSubmit {background-position:0 -40px}
#JobSearch .searchAction .btnAction .searchClear {background-position:-97px -40px}

/* Áö¿ª¸ÞÀÎ ¿µ¿ªÁ¶Á¤ */
.contentBox {overflow:hidden}
.contentBox.middle {margin-bottom:18px}
.contentBox.middle .article {height:278px}
.contentBox.middle .article.graph {overflow:hidden}
.contentBox.middle .article.graph #donutchart * {letter-spacing:0}
.contentBox.middle .article.graph .graphTitle {position:absolute;left:50%;top:50%;width:74px;height:54px;margin:-27px 0 0 -37px;font-size:20px;font-weight:bold;text-align:center}
.contentBox.middle .article.favoriteJob {margin:0}
.contentBox.middle .article.favoriteJob .article .rankList li a em.result strong {font-weight:normal}
.contentBox.bottom .article {height:298px}
.contentBox.bottom .article .title {border:0 none}
.contentBox.bottom .article.searchMap {background:url('//image.alba.kr/job/searchmap_bg.png') no-repeat}
.contentBox.bottom .article.searchMap .areaList {overflow:hidden;width:275px;margin:10px auto 0}
.contentBox.bottom .article.searchMap .areaList li {float:left;width:51px;height:25px;padding-top:5px;margin:0 5px 4px 0;font-size:14px;text-align:center;background:#fff}
.contentBox.bottom .article.searchMap .areaList li .mapFlag {position:relative;top:6px;display:inline-block;width:6px;height:8px;margin-right:6px;vertical-align:top;background:url('//image.alba.kr/job/jobArea_icon.png') no-repeat -206px 0}
.contentBox.bottom .article.searchMap .areaList li.last {margin-right:0}
.contentBox.bottom .article.searchMap .areaInfo {position:absolute;left:0;bottom:0;width:100%;height:20px;padding-top:10px;font:11px dotum;letter-spacing:-1px;text-align:center;color:#8c8c8c;background:#fff}
.contentBox.bottom .article.stationJob .categoryWrap .category {width:310px}
.contentBox.bottom .article.stationJob .categoryWrap .category ul li:first-child {width:70px}
.contentBox.bottom .article.univJob {margin:0}
.contentBox.bottom .article.univJob .slideWrapper {position:relative}
.contentBox.bottom .article.univJob .slideWrapper .slideMoveBtn {position:absolute;top:6px;width:6px;height:9px;font:0/0 dotum;color:transparent;background:url('//image.alba.kr/job/jobArea_icon.png') no-repeat}
.contentBox.bottom .article.univJob .slideWrapper .slideMoveBtn.slidePrev {left:30px;background-position:-206px -13px}
.contentBox.bottom .article.univJob .slideWrapper .slideMoveBtn.slideNext {right:30px;background-position:-217px -13px}

/* ½Ãµµº°¸ÞÀÎ */
.subArticle {position:relative;float:left;margin-right:15px;height:218px;border:1px solid #c5ccd1}
.subArticle .title {height:36px;padding:18px 0 0 25px;border-bottom:1px solid #e3e9ee}
.subArticle .title p {font:bold 15px 'Malgun Gothic'}
.subArticle .articleCont {height:163px;padding:0 24px}
.subArticle .articleCont .rankList {padding:0}
.subArticle .articleCont .listBox {overflow:hidden}
/* ½Ãµµº°¸ÞÀÎ Ç×¸ñ */
.subArticle.hourPay {width:228px}
.subArticle.hourPay .payResult {padding-top:26px;text-align:center}
.subArticle.hourPay .payResult strong {font-size:26px;font-weight:normal;letter-spacing:0;color:#fa5b60}
.subArticle.hourPay .payResult p {font-size:15px;color:#3f4040}
.subArticle.hourPay .payResult.mean {height:86px;border-bottom:1px solid #e3e9ee}
.subArticle.hourPay .payResult.mean p {margin-top:7px}
.subArticle.hourPay .payResult.overMean {height:85px;padding-top:20px}
.subArticle.hourPay .payResult.overMean strong {text-decoration:underline}
.subArticle.hourPay .payResult.overMean p {margin-top:12px}
.subArticle.popularJob {width:273px}
.subArticle.popularJob .articleCont {height:123px;padding:20px;text-align:center}
.subArticle.popularJob .articleCont .listBox {height:130px}
.subArticle.popularJob .articleCont a {display:inline-block;padding:3px 8px 4px;margin-bottom:9px;font-size:14px;vertical-align:top;background:#f3f3f3}
.subArticle.popularJob .articleCont a.color {color:#599ae1}
.subArticle.realTimeJob {overflow:hidden;width:533px;margin:0}
.subArticle.realTimeJob .subway {display:inline-block;width:160px}
.subArticle.realTimeJob .subway em {top:2px}
.subArticle.realTimeJob .articleCont {overflow:hidden;height:153px;height:151px\0;*height:151px;padding-top:10px;padding-top:12px\0;*padding-top:12px}
.subArticle.realTimeJob .articleCont .listBox {position:relative;overflow:hidden;height:142px}

/* ÇÏ´Ü Å×ÀÌºí ¸®½ºÆ® ¿µ¿ª */
.tableListWrap {position:relative;width:1070px;background:url('//image.alba.kr/job/areaAside_bg.png') repeat-y 100% 0}
.tableListWrap:after {content:" ";display:block;clear:both}
.tableListWrap .tableList {float:left;width:770px}
/* Å×ÀÌºí¸®½ºÆ® »çÀÌµå Åë°è */
.tableListWrap #AreaAside {float:right;position:relative;width:210px;padding:5px 30px;border-top:1px solid #e0e0e0}
.tableListWrap #AreaAside .asideGroup {position:relative;padding-bottom:10px;border-bottom:1px solid #e0e0e0}
.tableListWrap #AreaAside .asideGroup .asideTitle {padding:20px 0 10px;font:bold 17px 'Malgun Gothic';color:#333}
.tableListWrap #AreaAside .asideGroup .asideTitle .icon {position:relative;display:inline-block;width:29px;height:29px;margin-right:6px;vertical-align:top;background:url('//image.alba.kr/job/jobArea_icon.png') no-repeat}
.tableListWrap #AreaAside .asideGroup.local .asideTitle .icon {background-position:0 -41px}
.tableListWrap #AreaAside .asideGroup.hotplace .asideTitle .icon {background-position:-34px -41px}
.tableListWrap #AreaAside .asideGroup.job .asideTitle .icon {background-position:-68px -41px}
.tableListWrap #AreaAside .asideGroup.station .asideTitle .icon {background-position:-136px -41px}
.tableListWrap #AreaAside .asideGroup.university .asideTitle .icon {background-position:-102px -41px}
.tableListWrap #AreaAside .asideGroup.lastFlow {position:fixed;top:0;left:50%;width:210px;margin-left:295px}
.tableListWrap #AreaAside .asideGroup .asideList {position:relative;overflow:hidden}
.tableListWrap #AreaAside .asideGroup .asideList li {height:25px}
.tableListWrap #AreaAside .asideGroup .asideList li a {position:relative;display:block;padding:4px 0 3px;font-size:13px}
.tableListWrap #AreaAside .asideGroup .asideList li a:hover {text-decoration:none;color:#008de8}
.tableListWrap #AreaAside .asideGroup .asideList li a.active {font-weight:bold;color:#008de8}
.tableListWrap #AreaAside .asideGroup .asideList li a .count {position:absolute;right:1px;top:6px;top:5px\0;*top:5px;letter-spacing:0;color:#0593f6}
.tableListWrap #AreaAside .asideGroup .asideList li a .num {font-weight:bold}
.tableListWrap #AreaAside .asideGroup .asideList li a .subway em {top:2px}
.tableListWrap #AreaAside .asideGroup .asideList.inSlide li .localName .toggleBtn {position:relative;top:2px;display:inline-block;width:15px;height:16px;margin-right:4px;vertical-align:top;background:url('//image.alba.kr/job/jobArea_icon.png') no-repeat -223px -41px;cursor:pointer}
.tableListWrap #AreaAside .asideGroup .asideList.inSlide li .localName.open .toggleBtn {background-position:-203px -41px}
.tableListWrap #AreaAside .asideGroup .asideList.inSlide li ul {display:none;padding:7px 0 10px 18px}
.tableListWrap #AreaAside .asideGroup .asideList.inSlide li ul li a {font-size:13px}
.tableListWrap #AreaAside .asideGroup .moreBtn {display:block;padding:10px 0 0;font:11px dotum;letter-spacing:-1px;text-decoration:underline;color:#908f8f}
.tableListWrap .bottomLine {position:absolute;right:0;bottom:0;width:270px;height:1px;background:#e0e0e0}

/* ¾Ë¹Ù Áöµµ°Ë»ö */
#JobMapMain .searchBar {z-index:10;position:absolute;right:0;top:0}
#JobMapMain .searchBar .selectBoxLayer {z-index:10;position:relative;float:left}
#JobMapMain .searchBar input[type="text"] {float:left;width:172px;height:34px;padding:0 0 0 5px;margin:0 0 0 -1px;font-size:14px;border:1px solid #c5ccd1}
#JobMapMain .contents .searchBar .resultLayer {position:absolute;top:35px;right:0;width:100%;background:#fff}
#JobMapMain .contents .searchBar .resultLayer ul {width:auto;padding:13px 0 8px 10px;border:1px solid #c5ccd1;border-bottom:0 none}
#JobMapMain .contents .searchBar .resultLayer ul li {height:19px;font-size:13px}
#JobMapMain .contents .searchBar .resultLayer ul li a {font-size:13px;color:#5f69e4}
#JobMapMain .contents .searchBar .resultLayer .autoSearchOff {padding:5px 10px 6px 0;text-align:right;color:#909090;background:#f5f5f5;border:1px solid #c5ccd1}
#JobMapMain .contents .searchBar .resultLayer .autoSearchOff a {color:#909090}
#MapArea {z-index:1;position:relative;width:1066px;margin-bottom:25px;border:2px solid #67a9d3}
#MapArea .mapView {overflow:hidden;width:1066px;height:431px;border-bottom:2px solid #67a9d3}
#MapArea .selectKind {overflow:hidden;border-bottom:1px solid #cacaca}
#MapArea .selectKind li {position:relative;float:left;width:117px;height:56px;border-left:1px solid #dbdbdb}
#MapArea .selectKind li:first-child {width:122px;border-left:0 none}
#MapArea .selectKind li a {overflow:hidden;display:block;height:50px;padding:6px 0 0;text-align:center}
#MapArea .selectKind li a span {position:static;display:block;width:25px;height:25px;margin:0 auto;font:0/0 dotum;color:transparent;background:url('//image.alba.kr/job/map_category_icon.png') no-repeat}
#MapArea .selectKind li.on {background:#f7fcff}
#MapArea .selectKind li.on a {color:#34a6fe}
#MapArea .selectKind li.off a {opacity:0.5;filter:alpha(opacity=50);cursor:default}
#MapArea .selectKind li.kind00 a span {background-position:0 0}
#MapArea .selectKind li.kind00.on a span {background-position:0 -50px}/* ÀüÃ¼*/
#MapArea .selectKind li.kind01 a span {background-position:0 -25px}
#MapArea .selectKind li.kind01.on a span {background-position:0 -75px}/* »ç¹«È¸°è */
#MapArea .selectKind li.kind02 a span {background-position:-50px -25px}
#MapArea .selectKind li.kind02.on a span {background-position:-50px -75px}/* »ó´ã¿µ¾÷ */
#MapArea .selectKind li.kind03 a span {background-position:-25px 0}
#MapArea .selectKind li.kind03.on a span {background-position:-25px -50px}/* ¸ÅÀå°ü¸® */
#MapArea .selectKind li.kind04 a span {background-position:-75px 0}
#MapArea .selectKind li.kind04.on a span {background-position:-75px -50px}/* ¼­ºñ½º */
#MapArea .selectKind li.kind05 a span {background-position:-100px 0}
#MapArea .selectKind li.kind05.on a span {background-position:-100px -50px}/* »ý»ê±â´É */
#MapArea .selectKind li.kind06 a span {background-position:-50px 0}
#MapArea .selectKind li.kind06.on a span {background-position:-50px -50px}/* ¼­ºùÁÖ¹æ */
#MapArea .selectKind li.kind07 a span {background-position:-25px -25px}
#MapArea .selectKind li.kind07.on a span {background-position:-25px -75px}/* ITµðÀÚÀÎ */
#MapArea .selectKind li.kind08 a span {background-position:-75px -25px}
#MapArea .selectKind li.kind08.on a span {background-position:-75px -75px}/* °­»ç±³À° */
#MapArea .selectKind li span {display:none;position:absolute;left:1px;top:0;width:47px;height:47px;background:url('//image.alba.kr/job/map_bg.png') no-repeat -276px -85px}
#MapArea .selectKind li.off span {z-index:1;display:block}
#MapArea .mapFoot {width:1066px}
#MapArea .mapFoot .mapPaging {padding:7px 0;text-align:center}
#MapArea .mapFoot .mapPaging .pagenation {padding:0}
/* Áöµµ¹Ì¸®º¸±â */
#MapArea .mapLayerWrap {z-index:5;position:absolute;top:0;height:431px;background:#fff}
#MapArea .mapLayerWrap .layerCloseBtn {position:absolute;top:15px;right:22px;width:11px;height:11px;background:url('//image.alba.kr/job/map_category_icon.png') no-repeat -139px 0}
#MapArea .mapLayerWrap .layerToggleBtn {position:absolute;right:-15px;top:50%;width:9px;height:34px;padding:24px 4px 0 0;margin-top:-29px;text-align:right;border:2px solid #67a9d3;border-left:0 none;background:#fff}
#MapArea .mapLayerWrap .layerToggleBtn span {display:inline-block;width:4px;height:7px;margin:auto;background:url('//image.alba.kr/job/map_category_icon.png') no-repeat -130px 0}
#MapArea .mapLayerWrap .layerToggleBtn.close span {background-position:-130px -13px}
#MapArea .mapLayerWrap .searchBtn {height:38px;padding-top:6px;text-align:center}
#MapArea .mapLayerWrap .searchBtn a {display:inline-block;width:81px;height:25px;padding-top:6px;font-size:15px;font-weight:bold;text-align:center;border:1px solid #b5b5b5;color:#4d4d4d}
#MapArea .mapLayerWrap .searchBtn a.gray {border:1px solid #48535a;background:#59646c;color:#fff}
#MapArea .mapLayerWrap .mapLayer.subWay {display:none}
/* Áöµµ¹Ì¸®º¸±â - Áö¿ª ¹× ÁöÇÏÃ¶ °Ë»ö*/
#MapArea .mapLayerWrap.searchLayerWrap {left:0;width:358px;border-right:2px solid #67a9d3}
#MapArea .mapLayerWrap.searchLayerWrap .layerTab {overflow:hidden;height:39px;background:url('//image.alba.kr/job/topSelectArea_bg.png') repeat-x left bottom}
#MapArea .mapLayerWrap.searchLayerWrap .layerTab a {float:left;display:block;width:178px;height:28px;padding-top:9px;font:bold 15px 'Malgun Gothic';text-align:center;background:#f4f8fb}
#MapArea .mapLayerWrap.searchLayerWrap .layerTab a:first-child {border-right:2px solid #67a9d3}
#MapArea .mapLayerWrap.searchLayerWrap .layerTab a.on {width:178px;height:30px;color:#0682d1;background:#fff}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer {overflow:hidden;border-bottom:1px solid #ddd}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .localList {float:left}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .localList .category {padding:4px 0 6px;font-size:14px;text-align:center;border-bottom:1px solid #ddd}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .localList .customScroll {height:318px;border-right:1px solid #ddd}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .localList .customScroll ul {padding:5px 0}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .localList .customScroll ul li {padding:4px 0 3px;text-align:center}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .localList .customScroll ul li label {font-size:13px}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .localList .customScroll ul li label:hover ,
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .localList .customScroll ul li label.on {color:#0183d5}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .localList .customScroll ul li input[type="radio"] {display:none;position:absolute;width:0;height:0;line-height:0;visibility:hidden}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .localList.sido {width:95px}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .localList.sido .customScroll {width:84px}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .localList.sido .customScroll ul {width:95px}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .localList.gugun {width:130px}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .localList.gugun .customScroll {width:119px}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .localList.gugun .customScroll ul {width:130px}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .localList.dong {width:133px}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .localList.dong .customScroll {width:123px;border-right:0}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .localList.dong .customScroll ul {width:133px}

#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .subwayList {float:left}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .subwayList .category {padding:4px 0 6px;font-size:14px;text-align:center;border-bottom:1px solid #ddd}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .subwayList .customScroll {height:318px;border-right:1px solid #ddd}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .subwayList .customScroll ul {padding:5px 0}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .subwayList .customScroll ul li {padding:4px 0 3px;text-align:center}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .subwayList .customScroll ul li label {font-size:13px}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .subwayList .customScroll ul li label:hover ,
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .subwayList .customScroll ul li label.on {color:#0183d5}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .subwayList .customScroll ul li input[type="radio"] {display:none;position:absolute;width:0;height:0;line-height:0;visibility:hidden}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .subwayList.sido {width:95px}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .subwayList.sido .customScroll {width:84px}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .subwayList.sido .customScroll ul {width:95px}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .subwayList.line {width:128px}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .subwayList.line .customScroll {width:117px}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .subwayList.line .customScroll ul {width:128px}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .subwayList.station {width:135px}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .subwayList.station .customScroll {width:125px;border-right:0}
#MapArea .mapLayerWrap.searchLayerWrap .mapLayer .subwayList.station .customScroll ul {width:135px}

/* Áöµµ¹Ì¸®º¸±â - °ø°íÁ¤º¸ */
#MapArea .mapLayerWrap.summaryWrap {right:0;width:247px;border-left:2px solid #67a9d3}
#MapArea .mapLayerWrap.summaryWrap .summaryTitle {padding:13px 0 8px;border-bottom:1px solid #c5c5c5}
#MapArea .mapLayerWrap.summaryWrap .summaryTitle span {display:block}
#MapArea .mapLayerWrap.summaryWrap .summaryTitle .name {overflow:hidden;width:195px;margin-bottom:4px;font-size:13px;text-overflow:ellipsis;white-space:nowrap;color:#0075ab}
#MapArea .mapLayerWrap.summaryWrap .summaryTitle .name span {position:relative;top:-1px;display:inline-block;width:20px;height:20px;margin-right:4px;vertical-align:top;background: url('//image.alba.kr/job/map_category_icon.png') no-repeat}
#MapArea .mapLayerWrap.summaryWrap .summaryTitle .name span.kind00 {background-position:0 -100px}/* ÀüÃ¼*/
#MapArea .mapLayerWrap.summaryWrap .summaryTitle .name span.kind01 {background-position:0 -125px}/* »ç¹«È¸°è */
#MapArea .mapLayerWrap.summaryWrap .summaryTitle .name span.kind02 {background-position:-50px -125px}/* »ó´ã¿µ¾÷ */
#MapArea .mapLayerWrap.summaryWrap .summaryTitle .name span.kind03 {background-position:-25px -100px}/* ¸ÅÀå°ü¸® */
#MapArea .mapLayerWrap.summaryWrap .summaryTitle .name span.kind04 {background-position:-75px -100px}/* ¼­ºñ½º */
#MapArea .mapLayerWrap.summaryWrap .summaryTitle .name span.kind05 {background-position:-100px -100px}/* »ý»ê±â´É */
#MapArea .mapLayerWrap.summaryWrap .summaryTitle .name span.kind06 {background-position:-50px -100px}/* ¼­ºùÁÖ¹æ */
#MapArea .mapLayerWrap.summaryWrap .summaryTitle .name span.kind07 {background-position:-25px -125px}/* ITµðÀÚÀÎ */
#MapArea .mapLayerWrap.summaryWrap .summaryTitle .name span.kind08 {background-position:-75px -125px}/* °­»ç±³À° */
#MapArea .mapLayerWrap.summaryWrap .summaryCont {height:273px;padding:0 17px;border-bottom:1px solid #c5c5c5}
#MapArea .mapLayerWrap.summaryWrap .summaryCont .summaryTitle .title {overflow:hidden;height:36px;font-size:14px;line-height:18px}
#MapArea .mapLayerWrap.summaryWrap .summaryCont .summaryInfo {padding:6px 0 8px}
#MapArea .mapLayerWrap.summaryWrap .summaryCont .summaryInfo li {position:relative;padding:2px 0 1px 45px;font-size:13px}
#MapArea .mapLayerWrap.summaryWrap .summaryCont .summaryInfo li span {position:absolute;left:0;top:2px;width:45px;color:#666}
#MapArea .mapLayerWrap.summaryWrap .summaryCont .summaryInfo li em {color:#ff3d3d}
#MapArea .mapLayerWrap.summaryWrap .summaryCont .detailBtn {display:block;width:203px;height:23px;padding-top:3px;margin:0 auto;font-size:13px;text-align:center;border:1px solid #c5c5c5;color:#000}
#MapArea .mapLayerWrap.summaryWrap .similar {overflow:hidden;height:156px;background:#f7fcff}
#MapArea .mapLayerWrap.summaryWrap .similar .customScroll {height:156px;padding:0 17px}
#MapArea .mapLayerWrap.summaryWrap .similar .customScroll .summaryTitle {border-top:1px solid #c5c5c5;border-bottom:0 none}
#MapArea .mapLayerWrap.summaryWrap .similar .customScroll .summaryTitle:first-child {border-top:0 none}
#MapArea .mapLayerWrap.summaryWrap .similar .customScroll .summaryTitle.on a {font-weight:bold;color:#0075ab}
#MapArea .mapLayerWrap.summaryWrap .similar .customScroll .summaryTitle .name {width:215px}
.labelCompany {display:block;min-width:150px;padding-right:15px}
.labelClose {position:absolute;right:5px;top:5px;overflow:hidden;display:block;width:14px;height:13px;text-indent:-999em;background:url('//image.alba.kr/job/map_bg.png') no-repeat -149px -68px}
/* ¿ª¼¼±Ç¾Ë¹Ù */
#JobLocalSubwaylist .contents .search {z-index:20;position:absolute;right:-1px;top:0}
#JobLocalSubwaylist .contents .search .bullet {position:relative;top:6px;display:inline-block;width:25px;height:24px;margin-right:6px;vertical-align:top;background:url('//image.alba.kr/job/JobArea_icon.png') no-repeat -267px 0}
#JobLocalSubwaylist .contents .search .writeWord {width:267px;height:32px;padding:0 0 2px 10px;font:16px/32px 'Malgun Gothic';vertical-align:top;border:1px solid #c5ccd1}
#JobLocalSubwaylist .contents .search .resultLayer {position:absolute;top:35px;right:1px;width:277px;border:1px solid #c5ccd1;background:#fff}
#JobLocalSubwaylist .contents .search .resultLayer ul {width:267px;padding:13px 0 8px 10px}
#JobLocalSubwaylist .contents .search .resultLayer ul li {height:19px;font-size:13px}
#JobLocalSubwaylist .contents .search .resultLayer ul li a {font-size:13px;color:#5f69e4}
#JobLocalSubwaylist .contents .search .resultLayer .autoSearchOff {padding:5px 10px 6px 0;text-align:right;color:#909090;background:#f5f5f5;border-top:1px solid #d6dde2}
#JobLocalSubwaylist .contents .search .resultLayer .autoSearchOff a {color:#909090}
#JobLocalSubwaylist #SubwaySelect .tabMenu {overflow:hidden;width:1070px;height:47px;background:url('//image.alba.kr/job/topSelectArea_bg.png') repeat-x left bottom}
#JobLocalSubwaylist #SubwaySelect .tabMenu li {position:relative;float:left;width:212px;height:44px;margin-left:-1px;border:1px solid #d4dee3;border-top:1px solid #c7c7c7;border-bottom:0 none;background:#f4f8fb}
#JobLocalSubwaylist #SubwaySelect .tabMenu li:first-child {margin-left:0}
#JobLocalSubwaylist #SubwaySelect .tabMenu li a {display:block;height:32px;padding-top:12px;font:bold 15px 'Malgun Gothic';text-align:center}
#JobLocalSubwaylist #SubwaySelect .tabMenu li.on {z-index:1;width:214px;border:2px solid #67a9d3;border-bottom:2px solid #fff;background:#fff}
#JobLocalSubwaylist #SubwaySelect .tabMenu li.on a {color:#007fcf}
#JobLocalSubwaylist #SubwayMap {border:2px solid #67a9d3;border-top:0 none}
#JobLocalSubwaylist #SubwayMap .mapSelect {display:none}
#JobLocalSubwaylist #SubwayMap .lineSelect {overflow:hidden;padding:20px 0 18px 15px}
#JobLocalSubwaylist #SubwayMap .lineSelect ul {display:none;background-repeat:no-repeat;background-position:0 0}
#JobLocalSubwaylist #SubwayMap .lineSelect li {float:left}
#JobLocalSubwaylist #SubwayMap .lineSelect li a {display:block;padding:0 6px;font:bold 14px 'Malgun Gothic';text-align:center}
#JobLocalSubwaylist #SubwayMap .lineSelect li a.on {color:#007bca;text-decoration:underline}
#JobLocalSubwaylist #SubwayMap #MapView {z-index:2;position:relative;overflow:hidden;width:1066px;height:470px;border-top:1px solid #dbeaf4}
#JobLocalSubwaylist #SubwayMap #MapView .selectedSubway {display:none}
#JobLocalSubwaylist #SubwayMap #MapView #Maptd {position:absolute}
#JobLocalSubwaylist #SubwayMap #MapView #Maptd.mapTd_100 {background-image:url('//image.alba.kr/subway/subway_100_180622.png')}
#JobLocalSubwaylist #SubwayMap #MapView #Maptd.mapTd_200 {background-image:url('//image.alba.kr/subway/subway_200.png')}
#JobLocalSubwaylist #SubwayMap #MapView #Maptd.mapTd_300 {background-image:url('//image.alba.kr/subway/subway_300_161005.png')}
#JobLocalSubwaylist #SubwayMap #MapView #Maptd.mapTd_400 {background-image:url('//image.alba.kr/subway/subway_400.png')}
#JobLocalSubwaylist #SubwayMap #MapView #Maptd.mapTd_500 {background-image:url('//image.alba.kr/subway/subway_500.png')}
#JobLocalSubwaylist #SubwayMap #MapView #Maptd span.subwayBg {position:absolute;top:0;left:0;width:1240px;height:940px;filter:alpha(opacity=80);opacity:0.8;background-color:#fff}
#JobLocalSubwaylist #SubwayMap #MapView #Maptd img {z-index:1;position:relative}
#JobLocalSubwaylist #SubwayMap #MapView .stationChecked {z-index:999;display:none;position:absolute;margin:-9px 0 0 -7px}

/* ´ëÇÐ°¡¾Ë¹Ù */
#JobAreaCollegelist .contents .search {z-index:20;position:absolute;right:-1px;top:0}
#JobAreaCollegelist .contents .search .bullet {position:relative;top:6px;display:inline-block;width:25px;height:24px;margin-right:6px;vertical-align:top;background:url('//image.alba.kr/job/JobArea_icon.png') no-repeat -267px 0}
#JobAreaCollegelist .contents .search .writeWord {width:267px;height:32px;padding:0 0 2px 10px;font:16px/32px 'Malgun Gothic';vertical-align:top;border:1px solid #c5ccd1}
#JobAreaCollegelist .contents .search .resultLayer {position:absolute;top:35px;right:1px;width:277px;border:1px solid #c5ccd1;background:#fff}
#JobAreaCollegelist .contents .search .resultLayer ul {width:267px;padding:13px 0 8px 10px}
#JobAreaCollegelist .contents .search .resultLayer ul li {height:19px;font-size:13px}
#JobAreaCollegelist .contents .search .resultLayer ul li a {font-size:13px;color:#5f69e4}
#JobAreaCollegelist .contents .search .resultLayer .autoSearchOff {padding:5px 10px 6px 0;text-align:right;color:#909090;background:#f5f5f5;border-top:1px solid #d6dde2}
#JobAreaCollegelist .contents .search .resultLayer .autoSearchOff a {color:#909090}


/* ´Ü±â¾Ë¹ÙÃ¤¿ë°ü - »ó´ÜÅÇ¸Þ´º */
.shortAlbaTab {overflow:hidden;position:relative;height:41px;margin-bottom:10px}
.shortAlbaTab-Menu {display:block;position:relative;float:left;width:266px;height:30px;padding-top:8px;margin-left:-1px;font-size:15px;font-weight:bold;text-align:center;border:1px solid #d4d4d4;border-bottom:2px solid #2392d9;background:#f4f8fb;color:#474749}
.shortAlbaTab-Menu:first-child {margin:0}
.shortAlbaTab-Menu.on {z-index:1;width:265px;border:2px solid #2392d9;border-bottom:2px solid #fff;background:#fff}
.shortAlbaTab.time>.shortAlbaTab-Menu {width:177px}
.shortAlbaTab.time>.shortAlbaTab-Menu.on {width:176px}
/* ´Ü±â¾Ë¹ÙÃ¤¿ë°ü - °Ë»ö¿µ¿ª */
#ShortAlba #JobSearch .content .blank {width:800px}
#ShortAlba #JobSearch .content .value {width:810px}
#ShortAlba #JobSearch .content .load-btn {display:inline-block;width:122px;height:33px;vertical-align:top;border:1px solid #87949d;background:#fff;color:#464646;cursor:pointer}
#ShortAlba #JobSearch .welfare .content .value,
#ShortAlba #JobSearch .prefer .content .value {width:701px}
#ShortAlba #JobSearch .welfare .content .blank,
#ShortAlba #JobSearch .prefer .content .blank {width:691px}
/* ´Ü±â¾Ë¹ÙÃ¤¿ë°ü - »ó´Ü½½¶óÀÌµå */
.shortAlbaSlide {position:relative;padding:25px 42px;border:1px solid #d5d5d4;border-bottom:0 none;background:#fbfbfb}
.shortAlbaSlide-title {margin-bottom:5px;font-size:14px;font-weight:bold}
.shortAlbaSlide-box {overflow:hidden;position:relative;width:980px;height:122px;margin:0 auto}
.shortAlbaSlide-list {padding-left:1px}
.shortAlbaSlide-list>li {position:relative;float:left;width:162px;height:120px;border:1px solid #dfdede;margin-left:-1px}
.shortAlbaSlide-list>li>a {display:block;height:120px}
.shortAlbaSlide-list.shortAlbaType1>li>a {background:url('//image.alba.kr/job/short_category_slideBg1.png') no-repeat}
.shortAlbaSlide-list.shortAlbaType2>li>a {background:url('//image.alba.kr/job/short_category_slideBg2.png') no-repeat}
.shortAlbaSlide-list>li>a.category1 {background-position:0 0}
.shortAlbaSlide-list>li>a.category2 {background-position:-162px 0}
.shortAlbaSlide-list>li>a.category3 {background-position:-324px 0}
.shortAlbaSlide-list>li>a.category4 {background-position:-486px 0}
.shortAlbaSlide-list>li>a.category5 {background-position:-648px 0}
.shortAlbaSlide-list>li>a.category6 {background-position:-810px 0}
.shortAlbaSlide-list>li>a.category7 {background-position:-972px 0}
.shortAlbaSlide-list>li>a.category8 {background-position:-1134px 0}
.shortAlbaSlide-list>li>a.category9 {background-position:-1296px 0}
.shortAlbaSlide-list>li>a.category1.on {background-position:0 -120px}
.shortAlbaSlide-list>li>a.category2.on {background-position:-162px -120px}
.shortAlbaSlide-list>li>a.category3.on {background-position:-324px -120px}
.shortAlbaSlide-list>li>a.category4.on {background-position:-486px -120px}
.shortAlbaSlide-list>li>a.category5.on {background-position:-648px -120px}
.shortAlbaSlide-list>li>a.category6.on {background-position:-810px -120px}
.shortAlbaSlide-list>li>a.category7.on {background-position:-972px -120px}
.shortAlbaSlide-list>li>a.category8.on {background-position:-1134px -120px}
.shortAlbaSlide-list>li>a.category9.on {background-position:-1296px -120px}
.shortAlbaSlide-list-target .shortAlbaSlide-list-target-box {display:block;height:143px;border:1px solid #e0dfdd}
.shortAlbaSlide-controller-button {position:absolute;top:50%;width:20px;height:39px;margin-top:-20px;font:0/0 dotum;color:transparent;background:url('//image.alba.kr/job/short_category_arrow.png') no-repeat}
.shortAlbaSlide-controller-button.shortAlbaSlide-controller-prev {left:10px;background-position:0 0}
.shortAlbaSlide-controller-button.shortAlbaSlide-controller-next {right:10px;background-position:-30px 0}
/* ´Ü±â¾Ë¹ÙÃ¤¿ë°ü - °Ë»ö¹Ù Å¸ÀÓ¶óÀÎ¹Ù */
.timeSet-area {width:940px}
.timeSet-area-rangeBarWrap {position:relative;padding:24px 0 0}
.timeSet-area-rangeBarWrap .timeSet-area-rangeBar-dayFlag {position:absolute;top:1px;font-size:10px !important;letter-spacing:0;color:#808080}
.timeSet-area-rangeBarWrap .timeSet-area-rangeBar-dayFlag1 {left:-1px}
.timeSet-area-rangeBarWrap .timeSet-area-rangeBar-dayFlag2 {right:110px}
.timeSet-area-rangeBarWrap .timeSet-area-rangeBar {position:relative;height:3px;border:1px solid #bbb;background:#fff}
.timeSet-area-rangeBarWrap .timeSet-area-rangeBar .ui-widget-header {background:#4296da}
.timeSet-area-rangeBarWrap .timeSet-area-rangeBar .ui-slider-range {z-index:1;display:block;position:absolute;top:0;height:100%;border:0}
.timeSet-area-rangeBarWrap .timeSet-area-rangeBar .ui-slider-handle {z-index:2;position:absolute;top:-10px;width:23px;height:23px;margin-left:-12px;background:url('//image.alba.kr/job/range_dot.png') no-repeat 0 0;cursor:default;-ms-touch-action:none;touch-action:none}
.timeSet-area-value {overflow:hidden;height:18px}
.timeSet-area-value .timeSet-area-value-text {padding:0 3px}
.timeSet-area-value .timeSet-area-value-text.timeSet-area-value-start {float:left;padding-left:0;margin:0 12px 0 -1px}
.timeSet-area-value .timeSet-area-value-text.timeSet-area-value-end {float:left}
.timeSet-area-value .timeSet-area-value-text>strong {padding-right:6px;vertical-align:top}
.timeSet-area-value .timeSet-area-value-text>span {position:relative;top:-1px;font-size:14px !important;vertical-align:top}
/* ´Ü±â¾Ë¹ÙÃ¤¿ë°ü -Ä¶¸°´õ */
.date-calendar {z-index:10;position:relative}
.date-calendar .content {padding-top:6px}
.date-calendar .date-calendar-box {}
.date-calendar .date-calendar-box:after {content:'';display:block;clear:both}
.date-calendar .date-calendar-box .layerArea {float:left;position:relative;width:770px;border-right:1px solid #d3d3d3;background:#fff}
.date-calendar .date-calendar-box .layerArea .layerCont {padding:15px 19px 16px}
.date-calendar .date-calendar-box .layerArea .layerCont .calendar {overflow:hidden;width:100%} 
.date-calendar .date-calendar-box .layerArea .layerCont .calendar .fleft {position:relative;float:left;width:344px}
.date-calendar .date-calendar-box .layerArea .layerCont .calendar .fright {position:relative;float:right;width:344px}
.date-calendar .date-calendar-box .layerArea .layerCont .calendar .calCont {} 
.date-calendar .date-calendar-box .layerArea .layerCont .calendar .calCont strong.title {position:absolute;left:3px;top:2px;font:bold 14px dotum;letter-spacing:-1px}
.date-calendar .date-calendar-box .layerArea .layerCont .calendar .calCont .head {width:344px;padding:0 0 8px;text-align:right}
.date-calendar .date-calendar-box .layerArea .layerCont .calendar .calCont .head em {position:relative;top:2px;margin:0 5px;font:bold 12px tahoma}
.date-calendar .date-calendar-box .layerArea .layerCont .calendar .calCont table {border-collapse:collapse;border-bottom:1px solid #ccc;border-right:1px solid #ccc}
.date-calendar .date-calendar-box .layerArea .layerCont .calendar .calCont table thead th {width:46px;height:20px;height:18px\9;padding:2px 0 0;padding:4px 0 0\9;font:bold 11px dotum;text-align:center;background:#f8f8f8;border-top:1px solid #d5d5d5;border-right:1px solid #e6e6e6}
.date-calendar .date-calendar-box .layerArea .layerCont .calendar .calCont table thead th.sun {color:#fe7e01;border-left:1px solid #d5d5d5}
.date-calendar .date-calendar-box .layerArea .layerCont .calendar .calCont table thead th.sat {width:45px;border-right:1px solid #d5d5d5}
.date-calendar .date-calendar-box .layerArea .layerCont .calendar .calCont table tbody td {width:43px;height:32px;padding:3px 0 0 5px;font:12px tahoma;vertical-align:top;color:#999;border-top:1px solid #ececec;border-left:1px solid #ececec}
.date-calendar .date-calendar-box .layerArea .layerCont .calendar .calCont table tbody .first td {border-top:1px solid #ececec !important}
.date-calendar .date-calendar-box .layerArea .layerCont .calendar .calCont table tbody td.sun {border-left:1px solid #ccc}
.date-calendar .date-calendar-box .layerArea .layerCont .calendar .calCont table tbody td em {position:relative;top:0;right:3px;display:block;font-weight:normal;font-size:11px;letter-spacing:-1px;text-align:right;color:#2073f0}
.date-calendar .date-calendar-box .layerArea .layerCont .calendar .calCont table tbody td em span {font-family:dotum;color:#474747}
.date-calendar .date-calendar-box .layerArea .layerCont .calendar .calCont table tbody td.select {cursor:pointer;color:#333}
.date-calendar .date-calendar-box .layerArea .layerCont .calendar .calCont table tbody td.select.sun,
.date-calendar .date-calendar-box .layerArea .layerCont .calendar .calCont table tbody td.startDay.sun,
.date-calendar .date-calendar-box .layerArea .layerCont .calendar .calCont table tbody td.endDay.sun {color:#fe7e01}
.date-calendar .date-calendar-box .layerArea .layerCont .calendar .calCont table tbody td.startDay,
.date-calendar .date-calendar-box .layerArea .layerCont .calendar .calCont table tbody td.endDay {font-weight:bold;letter-spacing:-1px;color:#fff;background:#34a6fe}
.date-calendar .date-calendar-box .layerArea .layerCont .calendar .calCont table tbody td.startDay em,
.date-calendar .date-calendar-box .layerArea .layerCont .calendar .calCont table tbody td.endDay em {color:#fff}
.date-calendar-box-TypeSelect {float:right;width:295px}
.date-calendar-box-TypeSelect>p {height:26px;padding:21px 0 0 20px;font:bold 14px 'Malgun Gothic';border-bottom:1px solid #d3d3d3}
.date-calendar-box-TypeSelect>ul {padding:15px 0 0 20px}
.date-calendar-box-TypeSelect>ul>li {margin-bottom:3px}