@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('//fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');

/*common*/
body,div,dl,dt,dd,ul,ol,li,form,fieldset,p,button{margin:0;padding:0;}

* {
	/* font-family: Helvetica,AppleGothic; */
	font-family: 'Noto Sans KR',sans-serif;
}
input[type=submit], input[type=text] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
}
select {
	border-radius: 0;
}

body,input,select,textarea{color:#333;font-size:13px;font-weight:normal;}
body{background-color:#fff;-webkit-text-size-adjust:none;}
img,fieldset{border:0 none;}
/* img,input,select,textarea{vertical-align:middle;} */
ul,ol,li{list-style:none outside;}
a{text-decoration:none;text-overflow:ellipsis;-o-text-overflow:ellipsis;cursor:pointer;color:#333;}
a:link,a:hover,a:active{text-decoration:none;color:#333;}
table{border-collapse:collapse;}

.highlight {color:#2b5eb0;font-weight:bold;}
.lowlights {color:#aaa;}
.s1 {font-size:11px;}

/* layout */
body { text-align:left; margin: 0; padding: 0; background-color: #fff;min-width:320px; -webkit-text-size-adjust: none;} /*-webkit-text-size-adjust : font-size: 고정 */

#container {margin-top:15px;overflow:hidden;}
#footer {margin-top:15px;background-color:#f2f2f2;padding:15px 5px;text-align:center;}
#footer .ftxt {font-size:12px;color:#adadad; padding-top:10px;}

table#tbl1 {table-layout:fixed;}
#tbl1 td {border-bottom:1px solid #dfdfdf;padding:9px 6px;}
#tbl1 th{background-color:#f5f5f5;text-align:center;font-size:14px;border-bottom:1px solid #dfdfdf;padding:9px 6px;letter-spacing:-1px;color:#666;border-right:1px solid #dfdfdf;}
#tbl1 .title {background-color:#f5f5f5;text-align:center;font-weight:bold;letter-spacing:-1px;}
#tbl1 .nowrap {text-overflow:ellipsis;overflow:hidden;}
#tbl1 .test { padding:7px;border: none; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; background-color:#f5f5f5; -webkit-box-shadow:inset 0 0 1px #a5a5a5; }
#tbl1 .test2 { padding:7px;border: none; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; background-color:#f5f5f5; -webkit-box-shadow:inset 0 0 1px #a5a5a5; }
#tbl1 .bg_gray {background-color:#f2f2f2}
#tbl1 .bd_r {border-right:1px solid #dfdfdf}

#tbl2 {border-top:2px solid #999;}
#tbl2 td {border-bottom:1px solid #dfdfdf;padding:9px 6px;}
#tbl2 th{background-color:#f5f5f5;text-align:center;font-size:14px;border-bottom:1px solid #dfdfdf;padding:9px 6px;letter-spacing:-1px;color:#666;border-right:1px solid #dfdfdf;}
#tbl2 .title {background-color:#f5f5f5;text-align:center;font-weight:bold;letter-spacing:-1px;}

#tab_container{ width: 100%; margin-top: 10px;  border-top: 1px solid #bfbfbf; }
#tab_container td { width: 50%; text-align: center; }
#tab_container td.off{ background-color: #eeeeee; border-bottom: 1px solid #c1c1c1;  }
#tab_container td a.tab_link{ display: block; }
#tab_li1{ border-right: 1px solid #c1c1c1; }

#tab_container .tab_ul li { width: 49.9%; text-align: center; }
#tab_sel1 { width: 85%; margin:0px auto; margin-top: 10px; }
#tab_sel2 { width: 85%; margin:0px auto; display: none; }

#tbl7 { width: 100%; margin: 0px; padding: 0px; margin-bottom: 11px; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; }
#tbl7 .nowrap {text-overflow:ellipsis;overflow:hidden;}
#tbl7 { font-size:13px; }
#tbl7 td { padding: 4px; background-color: #f7f7f7; border-bottom:1px solid #dfdfdf; }
#tbl7 th { height: 33px; border-bottom:1px solid #dfdfdf; background-color: #f0f0f0; text-align:center; font-size: 11pt; }
#tbl7 .n_bd { border-bottom: 0px; }
#search_btn { width: 98%; margin-top: -2px; text-align: right; }

/* Paging */
#paging{text-align:center;margin-top:10px;margin-bottom:10px;}
#paging span{margin-left:2px;margin-right:2px;color:#c5c5c5;}
#paging .num a{ font-weight:bold;margin-left:2px;margin-right:2px;border:2px solid #d4d4d4;padding:1px 6px 0px 6px;font-size:15px;font-family:Arial;color:#777}
#paging .on{font-weight:bold;color:#fff;margin-left:2px;margin-right:2px;border:2px solid #184793;padding:1px 6px 0px 6px;background-color:#5078b9;font-size:15px;font-family:Arial;color:#fff}

.box_tbl { margin-top: 8px; border: 1px solid #C6C6C6; background-color: #F2F2F2; width: 95%; cursor: pointer; }
.box_tbl td{ border: 0px; padding: 5px 5px 5px 10px; text-align:left; }

.more {height:22px;margin-top:5px;text-align:right;}
.clr {clear:both;font-size:0px;}
.number1 { font-weight: bold; color: #0341a7; }
.more_btn{ width: 6px; height: 9px; background:url("../img/bt_more.gif"); }

/* 여백설정(padding,margin) */
.mt2{margin-top:2px;}
.mt3{margin-top:3px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}

.mr2{margin-right:2px;}
.mr3{margin-right:3px;}
.mr4{margin-right:4px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mb2{margin-bottom:2px;}
.mb3{margin-bottom:3px;}
.mb5{margin-bottom:5px;}
.mb7{margin-bottom:7px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.ml4{margin-left:4px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.mlr4{margin:0 4px 0 4px;}

.info_txt{letter-spacing:-1px;color:#333333;font-size:11px;}
.info_txt_n{color:#333333;font-size:11px;}

.tab-menu {
	display:block;
	box-sizing: border-box;
	margin-bottom: 12px;
	box-shadow: none;
	width: 100%;
	height: 38px;
}
.tab-menu li {
	border-top:1px solid #e1e1e1;
	border-left:1px solid #e1e1e1;
	box-sizing: border-box;
	float:left;
	width:33.3%;
}
.tab-menu li.end {
	border-bottom:1px solid #e1e1e1;
}
.tab-menu li a {
	display: block;
	width: 100%;
	height: 38px;
	padding: 0;
	text-align: center;
	line-height: 38px;
	font-size:12px;
	font-weight:bold;
	color: #000;
	background-color: #fff;
}
.tab-menu li.on a {
	background-color:#333;
	color:#ffffff
}
.table1{border-collapse:collapse; border-spacing:0; background-color:#ffffff;}
.table_line td,.table_line th{border:1px solid #d7d7d7}

.slide-menu-open {position:absolute;left:0px;top:4px;}

#slide_menu {
	display:none;
	z-index:9999;
	box-sizing: border-box;
	position:fixed;
	width:300px;
	height:100%;
	background:#ffffff;
	opacity:1;
	overflow-y:scroll;
	transition: transform .3s ease-out;
}
#slide_menu article {position: relative; margin: 0; padding: 0;}
#slide_menu li span {display:inline-block;font-size:14px; font-weight:bold;color:#333}
#slide_menu a.close {display:block;z-index: 99999; position: absolute; top: 13px;  right: 8px; width: 16px;  height: 16px; padding: 10px;color:white}
#slide_menu a.close span { display: block; width: 20px; height: 20px; font: 0/0 Dotum; color: transparent; background: url(/m/img/m_close.png) no-repeat -11px -10px;}

#slide_menu ul li.title-menu {display:block;margin-bottom:25px;border-bottom:2px solid #4e78ff }
#slide_menu ul li a.title { display:block; padding: 0 15px; font-weight: 600; font-size: 15px; color: #333; }

.title-box{padding:0 40px 0 20px;margin:0 0 10px 0;font-size:14px;color:#fff;background-color:#415cb4;}
.title-box a{display:block;padding: 22px 0; font-weight: 600; font-size: 18px; color: #fff;}
.logout-box{padding:0 40px 0 20px;margin:0;font-size:14px;color:#fff;text-align:center;background-color:#415cb4;}
.logout-box a{display:block; padding: 22px 0; font-weight: 600; font-size: 18px; color: #fff;}
.sub-menu-box{display:block;overflow:hidden;width:100%;margin-top:10px;}
.sub-menu-box li{float: left; border-top: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; height:50px; padding-top:20px; box-sizing: border-box;}
.sub-menu-box a { display: block; font-size: 12px; word-wrap:break-all; text-align: center; color: #333; }
.sub-menu-box li.work-job {width:50%;border-left:0 none}
.sub-menu-box li.work-area {width:50%}
.sub-menu-box li.work-subway{width:50%;border-bottom:1px solid #e8e8e8;border-left:0 none}
.sub-menu-box li.work-search {width:50%;border-bottom:1px solid #e8e8e8;}
.sub-menu-box li.resume-work {width:33.3%;border-left:0 none;border-bottom:1px solid #e8e8e8}
.sub-menu-box li.resume-area {width:33.3%;border-bottom:1px solid #e8e8e8}
.sub-menu-box li.resume-search{width:33.3%;border-bottom:1px solid #e8e8e8;}
.sub-menu-box li.arebeit-work {width:33.3%;border-left:0 none;border-bottom:1px solid #e8e8e8}
.sub-menu-box li.arebeit-resume {width:33.3%;border-bottom:1px solid #e8e8e8}
.sub-menu-box li.arebeit-search{width:33.3%;border-bottom:1px solid #e8e8e8;}
.sub-menu-box li.first{border-left:0 none}
.sub-menu-box li.end{border-bottom:1px solid #e8e8e8}
.sub-menu-box li.mypage{width:33.3%;padding-top:12px;}
.sub-menu-box li.community{width:33.3%;}
.blind-layer {overflow: hidden;z-index: 9998;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #000;filter: alpha(opacity=85);opacity: 0.85;}


/* class - swiper */
.swiper-container {position:relative;width:100%;margin:0 auto}
.swiper-wrapper {position:relative;width:100%;height:100%;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:content-box;-moz-box-sizing:content-box;box-sizing:content-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 {overflow:hidden;position:relative;float:left;width:100%;height:100%;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0}
.swiper-pagination {position:absolute}
.swiper-pagination .swiper-pagination-bullet {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}
.swiper-pagination .swiper-pagination-bullet-active {background:#ffca00}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {opacity:0.35;cursor:auto;pointer-events:none}

.swiper-container ul li { position: relative;}
.swiper-container ul li a { display:block; }
.swiper-container  ul li a span { display:block;}

.page_group .swiper-pagination-fraction { font-size:1em; font-weight:200; color:#7f7f7f }
.page-group .swiper-pagination-current { font-size:1em; font-weight:200; color:#565656 }
.page-group .swiper-pagination-total { font-size:1em; font-weight:200; color:#565656}

/*
.premium-banner {margin:0 3px 20px 3px}
.premium-banner ul li{ position: relative; float: left; width: 50%; height:144px; margin-top: -1px; background-color: #fff; border-right: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; box-sizing: border-box;border-color:#e0e0e0;}
.premium-banner ul li a span {overflow:hidden;display:block;text-align:center;white-space:nowrap;text-overflow:ellipsis;vertical-align:top;}
.premium-banner ul li a span.empty {padding:38px 0;height:70px;vertical-align:middle;}
.premium-banner .logo { height: 38px; padding: 14px 0 10px; text-align: center;}
.premium-banner .company { height:16px; font-size:12px; padding: 0 10px 0 15px; font-weight: bold; text-align: left; color: #2b5eb0;}
.premium-banner .subject { height:36px; font-size:14px; padding: 3px 10px 0 15px; word-wrap: break-word; white-space: normal; text-align:left; color: #000; }
.premium-banner .etc { font-size:12px; padding: 3px 10px 10px 15px; text-align:left; color:#aaa;  }

.premium-logo {margin:0 3px 20px 3px}
.premium-logo ul li{ position: relative; float: left; width: 50%; height:126px;margin-top: -1px; background-color: #fff; border-right: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; box-sizing: border-box;border-color:#e0e0e0;}
.premium-logo ul li a span {overflow:hidden;display:block;text-align:center;white-space:nowrap;text-overflow:ellipsis;vertical-align:top;}
.premium-logo ul li a span.empty {padding:29px 0;height:70px;vertical-align:middle;}
.premium-logo .logo { height: 38px; padding: 5px 0 5px; text-align: center;}
.premium-logo .company { height:16px; font-size:12px; padding: 0 5px 0 8px; font-weight: bold; text-align: left; color: #2b5eb0;}
.premium-logo .subject { height:32px; font-size:12px; padding: 3px 5px 0 8px; word-wrap: break-word; white-space: normal; text-align:left; color: #000; }
.premium-logo .etc { font-size:12px; padding: 3px 5px 10px 8px; text-align:left; color:#aaa;  }

.premium-treated {margin:0 3px 20px 3px}
.premium-treated ul li{ position: relative; float: left; width: 100%; height:91px; margin-top: -1px; background-color: #fff; border-right: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; box-sizing: border-box;border-color:#e0e0e0;}
.premium-treated ul li a { height: 75px; padding: 16px 19px 0 110px;}
.premium-treated ul li a.empty {height:91px; padding:10px 0 0 0;text-align:center;}
.premium-treated ul li a span {overflow:hidden;display:block;text-align:center;white-space:nowrap;text-overflow:ellipsis;vertical-align:top;}
.premium-treated .logo { position: absolute; top: 50%; left: 13px; width: 84px; height: 38px; margin-top: -19px; height: 38px; }
.premium-treated ul li a span.empty{ padding:0px;top:5px;width:120px;height:100%;left:3px;margin-left:-15px;margin-top:0px;vertical-align:middle;color:#dedede}
.premium-treated .company { height:16px; font-size:12px; padding: 0 5px 0 8px; font-weight: bold; text-align: left; color: #2b5eb0;}
.premium-treated .subject { height:36px; font-size:14px; padding: 3px 5px 0 8px; word-wrap: break-word; white-space: normal; text-align:left; color: #000; }
.premium-treated .subject_empty { height:36px; font-size:14px; padding: 3px 5px 0 8px; word-wrap: break-word; white-space: normal; text-align:left; color: #dedede; }
.premium-treated .etc { font-size:12px; padding: 3px 5px 10px 8px; text-align:left; color:#aaa;  }

.hr-em-special {margin:0 3px 20px 3px}
.hr-em-special ul li{ position: relative; float: left; width: 50%; height:126px; margin-top: -1px; background-color: #fff; border-right: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; box-sizing: border-box;border-color:#e0e0e0;}
.hr-em-special ul li a span {overflow:hidden;display:block;text-align:center;white-space:nowrap;text-overflow:ellipsis;vertical-align:top;}
.hr-em-special ul li a span.empty {padding:29px 0;height:70px;vertical-align:middle;}
.hr-em-special .logo { height: 38px; padding: 5px 0 5px; text-align: center;}
.hr-em-special .company { height:16px; font-size:12px; padding: 0 5px 0 8px; font-weight: bold; text-align: left; color: #2b5eb0;}
.hr-em-special .subject { height:32px; font-size:12px; padding: 3px 5px 0 8px; word-wrap: break-word; white-space: normal; text-align:left; color: #000; }
.hr-em-special .etc { font-size:12px; padding: 3px 5px 10px 8px; text-align:left; color:#aaa;  }

.em-hot {margin:0 3px 20px 3px}
.em-hot ul li{ position: relative; float: left; width: 100%; height:72px; margin-top: -1px; background-color: #fff; border-right: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; box-sizing: border-box;border-color:#e0e0e0;}
.em-hot ul li a {  padding: 16px 0px 0 0;}
.em-hot ul li a span {overflow:hidden;display:block;text-align:center;white-space:nowrap;text-overflow:ellipsis;vertical-align:top;}
.em-hot ul li a span.empty{ padding: 11px 0 0 0; height:47px;vertical-align:middle;color:#b1afaf;}
.em-hot .company { height:16px; font-size:12px; padding: 0 5px 0 8px; font-weight: bold; text-align: left; }
.em-hot .subject { height:18px; font-size:14px; padding: 0px 5px 0 8px; word-wrap: break-word; white-space: normal; text-align:left; color: #000; }
.em-hot .etc { font-size:12px; padding: 3px 5px 5px 8px; text-align:left; color:#aaa;  }

.treated-resume ul li{ position: relative; float: left; width: 50%; height:80px; margin-top: -1px; background-color: #fff; border-right: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; box-sizing: border-box;border-color:#e0e0e0;}
.treated-resume ul li a { height: 75px; padding: 5px 19px 0 70px;}
.treated-resume ul li a span {overflow:hidden;display:block;text-align:center;white-space:nowrap;text-overflow:ellipsis;vertical-align:top;}
.treated-resume .photo { position: absolute; left:0; width: 74px; height: 70px;  }
.treated-resume .subject { height:28px; font-size:12px; padding: 0 5px 0px; 8px; font-weight: bold; word-wrap: break-word;  white-space: normal; text-align: left; color: #2b5eb0;}
.treated-resume .subject2 { height:28px; font-size:12px; padding: 0 5px 0px; 8px; font-weight: bold; word-wrap: break-word;  white-space: normal; text-align: left; color: #b1afaf;}
.treated-resume .info { font-size:12px; padding: 3px 5px 0px 8px; text-align:left; color:#333;  }
.treated-resume .etc { font-size:12px; padding: 3px 5px 10px 8px; text-align:left; color:#aaa;  }


.em-urgent {margin:0 3px 20px 3px}
.em-urgent ul li{ position: relative; float: left; width: 50%; height:140px; margin-top: -1px; background-color: #fff; border-right: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; box-sizing: border-box;border-color:#e0e0e0;}
.em-urgent ul li a span {overflow:hidden;display:block;text-align:center;white-space:nowrap;text-overflow:ellipsis;vertical-align:top;}
.em-urgent ul li a span.empty {padding:35px 0;height:70px;vertical-align:middle;}
.em-urgent .logo { height: 38px; padding: 14px 0 10px; text-align: center;}
.em-urgent .company { height:16px; font-size:12px; padding: 0 10px 0 15px; font-weight: bold; text-align: left; color: #2b5eb0;}
.em-urgent .subject { height:32px; font-size:14px; padding: 3px 10px 0 15px; word-wrap: break-word; white-space: normal; text-align:left; color: #000; }
.em-urgent .etc { font-size:12px; padding: 3px 10px 10px 15px; text-align:left; color:#aaa;  }

.em-treated {margin:0 3px 20px 3px}
.em-treated ul li{ position: relative; float: left; width: 50%; height:140px; margin-top: -1px; background-color: #fff; border-right: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; box-sizing: border-box;border-color:#e0e0e0;}
.em-treated ul li a span {overflow:hidden;display:block;text-align:center;white-space:nowrap;text-overflow:ellipsis;vertical-align:top;}
.em-treated ul li a span.empty {padding:35px 0;height:70px;vertical-align:middle;}
.em-treated .logo { height: 38px; padding: 14px 0 10px; text-align: center;}
.em-treated .company { height:16px; font-size:12px; padding: 0 10px 0 15px; font-weight: bold; text-align: left; color: #2b5eb0;}
.em-treated .subject { height:32px; font-size:14px; padding: 3px 10px 0 15px; word-wrap: break-word; white-space: normal; text-align:left; color: #000; }
.em-treated .etc { font-size:12px; padding: 3px 10px 10px 15px; text-align:left; color:#aaa;  }

.hr-em-urgent {margin:0 3px 20px 3px}
.hr-em-urgent ul li{ position: relative; float: left; width: 50%; height:144px; margin-top: -1px; background-color: #fff; border-right: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; box-sizing: border-box;border-color:#e0e0e0;}
.hr-em-urgent ul li a span {overflow:hidden;display:block;text-align:center;white-space:nowrap;text-overflow:ellipsis;vertical-align:top;}
.hr-em-urgent ul li a span.empty {padding:38px 0;height:70px;vertical-align:middle;}
.hr-em-urgent .logo { height: 38px; padding: 14px 0 10px; text-align: center;}
.hr-em-urgent .company { height:16px; font-size:12px; padding: 0 10px 0 15px; font-weight: bold; text-align: left; color: #2b5eb0;}
.hr-em-urgent .subject { height:36px; font-size:14px; padding: 3px 10px 0 15px; word-wrap: break-word; white-space: normal; text-align:left; color: #000; }
.hr-em-urgent .etc { font-size:12px; padding: 3px 10px 10px 15px; text-align:left; color:#aaa;  }


.arbeit-em-treated {margin:0 3px 20px 3px}
.arbeit-em-treated ul li{ position: relative; float: left; width: 100%; height:91px; margin-top: -1px; background-color: #fff; border-right: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; box-sizing: border-box;border-color:#e0e0e0;}
.arbeit-em-treated ul li a { height: 75px; padding: 16px 19px 0 110px;}
.arbeit-em-treated ul li a.empty { padding: 16px 0 0 0;}
.arbeit-em-treated ul li a span {overflow:hidden;display:block;text-align:center;white-space:nowrap;text-overflow:ellipsis;vertical-align:top;}
.arbeit-em-treated ul li a span.empty{ padding: 16px 0 0 0;vertical-align:middle;color:#b1afaf;}
.arbeit-em-treated .logo { position: absolute; top: 50%; left: 13px; width: 84px; height: 38px; margin-top: -19px; height: 38px; }
.arbeit-em-treated .company { height:16px; font-size:12px; padding: 0 5px 0 8px; font-weight: bold; text-align: left; color: #2b5eb0;}
.arbeit-em-treated .subject { height:36px; font-size:14px; padding: 3px 5px 0 8px; word-wrap: break-word; white-space: normal; text-align:left; color: #000; }
.arbeit-em-treated .etc { font-size:12px; padding: 3px 5px 10px 8px; text-align:left; color:#aaa;  }

.arbeit-treated-resume ul li{ position: relative; float: left; width: 100%;  height:80px; margin-top: -1px; background-color: #fff; border-right: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; box-sizing: border-box;border-color:#e0e0e0;}
.arbeit-treated-resume ul li a { height: 75px; padding: 5px 19px 0 70px;}
.arbeit-treated-resume ul li a span {overflow:hidden;display:block;text-align:center;white-space:nowrap;text-overflow:ellipsis;vertical-align:top;}
.arbeit-treated-resume .photo { position: absolute; left:0; width: 74px; height: 70px;  }
.arbeit-treated-resume .subject { height:28px; font-size:12px; padding: 0 5px 0px; 8px; font-weight: bold; word-wrap: break-word;  white-space: normal; text-align: left; color: #2b5eb0;}
.arbeit-treated-resume .subject2 { height:28px; font-size:12px; padding: 0 5px 0px; 8px; font-weight: bold; word-wrap: break-word;  white-space: normal; text-align: left; color: #b1afaf;}
.arbeit-treated-resume .info { font-size:12px; padding: 3px 5px 0px 8px; text-align:left; color:#333;  }
.arbeit-treated-resume .etc { font-size:12px; padding: 3px 5px 10px 8px; text-align:left; color:#aaa;  }
*/


.button1 {display:inline-block;text-align:center;background:#626a70;border:1px #383e52 solid;color:#ffffff;font-size:12px;letter-spacing:-2px;line-height:18px;vertical-align:top;cursor:pointer;width:70px;text-decoration:none}
.button2 {display:inline-block;text-align:center;background:#626a70;border:1px #383e52 solid;color:#ffffff;font-size:12px;letter-spacing:-2px;line-height:18px;vertical-align:top;cursor:pointer;width:50px;text-decoration:none}
.button3 {display:inline-block;text-align:center;background:#626a70;border:1px #383e52 solid;color:#ffffff;font-size:12px;letter-spacing:-2px;line-height:18px;vertical-align:top;cursor:pointer;width:50px;text-decoration:none}
.button4 {display:inline-block;text-align:center;background:#626a70;border:1px #383e52 solid;color:#ffffff;font-size:12px;letter-spacing:-2px;line-height:18px;vertical-align:top;cursor:pointer;width:80px;text-decoration:none}

/* 모바일 강조효과 추가 2017-10-27 lyj */
span.effect_color {color:#0066cc;font-family:verdana;}
span.effect_bold {font-weight:bolder;letter-spacing:-1px;font-family:verdana;}
span.effect_pen {display:inline-block;margin-top:3px;background-color:#e8ff7f;padding:3px 3px 1px 3px;height:20px;}
span.blink_on {color:#dddddd;}

a.btn-reading {display:inline-block;min-width:70px;text-align:center;border:1px solid #eee;border-radius:3px;box-shadow:1px 1px 2px #ccc;font-size:11px!important;line-height:1em!important;color:#828282;padding:3px 0;text-decoration:none!important}
a.btn-reading:hover {border:1px solid #bbb;color:#333;}