/*common*/
body,div,dl,dt,dd,ul,ol,li,form,fieldset,p,button{margin:0;padding:0;}
body,input,select,textarea{color:#333;font-family:dotum,gulim,Helvetica,Apple-Gothic,sans-serif;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;}

select {height:22px;line-height:22px;vertical-align:top}

/* 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: °íÁ¤ */

.gray_bg {background-color:#f7f7f7}

#container {margin:15px 5px 15px 5px;overflow:hidden;}
#footer {margin-top:0;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; }

.simpleform{ height:28px;width: 100%; padding:0px 0px 0px 0px;border:1px solid #bebebe;font-size:13px;color:#222;}
.btn_login {width:82px;height:66px;padding:1px;border:0 none;-webkit-border-radius:10px;background-color:#5d69e3;-webkit-box-shadow:inset 0 0 1px #fff;font-size:0;line-height:0;}
.btn_login span {display:inline-block;width:100%;height:100%;-webkit-border-radius:6px;font-size:15px;background:-webkit-gradient(linear,left top,left bottom,from(#828bf5), to(#6a75ee));background-color:#7781f2;line-height:64px;color:#fff;text-align:center;}

.more {height:22px;margin-top:5px;text-align:right;}
.clr {clear:both;font-size:0px;}

/* 2017-04-26 add lyj */
/* ¿©¹é¼³Á¤(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.div50 {
	width:50%;
}
.tab-menu li.div100 {
	width:100%;
}
.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:0px;}

#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:0;border-bottom:2px solid #4e78ff }
#slide_menu ul li a.title { display:block; padding: 10px 15px; font-weight: 600; font-size: 15px; color: #fff;background-color:#68aff5}

.title-box{padding:0 40px 0 20px;margin: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;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:0;}
.sub-menu-box li{float: left; border-top: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; box-sizing: border-box;}
.sub-menu-box a { display: block; font-size: 12px; padding:15px 0;text-align: center; color: #333; }
.sub-menu-box li.work-field {width:33.3%;border-left:0 none}
.sub-menu-box li.work-type {width:33.3%}
.sub-menu-box li.work-area{width:33.3%;}
.sub-menu-box li.resume-field {width:33.3%;}
.sub-menu-box li.resume-type {width:33.3%}
.sub-menu-box li.resume-area{width:33.3%}
.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%;}
/* .sub-menu-box li.community{width:33.3%;} */
.sub-menu-box li.community{width:50%;}
.sub-menu-box li.div50{width:50%;}
.sub-menu-box li.div100{width:100%;}
.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-size:bold; color:#c5c5c5 }
.page-group .swiper-pagination-current { font-size:1em; font-weight:bold; color:#d8911c }

.page-group .swiper-pagination-total { font-size:1em; font-weight:bold; color:#b5b5b5 }

.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; margin-top:5px;word-wrap: break-word; white-space: normal; text-align:left; color: #000; }
.em-urgent .etc1 { font-size:12px; padding: 3px 10px 3px 15px; margin-top:3px; text-align:left; color:#aaa;  }
.em-urgent .etc2 { font-size:12px; padding: 3px 10px 0 15px; margin-top:3px; text-align:left; color:#aaa;  }
.em-urgent .etc3 { font-size:12px; padding: 3px 10px 10px 15px; margin-top:3px; margin-bottom:5px; text-align:left; color:#aaa;  }

.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;}
.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 3px 8px; text-align:left; color:#333;  }
.treated-resume .etc { font-size:12px; padding: 3px 5px 5px 8px; text-align:left; color:#aaa;  }

.sub-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;}
.sub-treated-resume ul li a { height: 75px; padding: 5px 19px 0 70px;}
.sub-treated-resume ul li a span {overflow:hidden;display:block;text-align:center;white-space:nowrap;text-overflow:ellipsis;vertical-align:top;}
.sub-treated-resume .photo { position: absolute; left:0; width: 74px; height: 70px;  }
.sub-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;}
.sub-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;}
.sub-treated-resume .info { font-size:12px; padding: 3px 5px 0px 8px; text-align:left; color:#333;  }
.sub-treated-resume .etc { font-size:12px; padding: 3px 5px 10px 8px; text-align:left; color:#aaa;  }


.button {display:inline-block;padding:0 3px 0 3px;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;text-decoration:none}
.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}

/* table>tbody>tr>td>a>img {width:100%;} */


a.btn_h42{padding-left:20px;background:url(../../images/btn_h42.gif);text-decoration:none;font:12px ±¼¸²;color:#777777;/* line-height:42px; */display:inline-block;font-weight:bold;}
a.btn_h42:hover{background: url(../../images/btn_h42_on.gif) 0 0;color:#000000;}
a.btn_h42 span{padding-right:20px;background:url(../../images/btn_h42.gif) 100% 0;cursor:pointer;padding-top:0px;padding-bottom:0px;line-height:42px;letter-spacing:0px;}
a.btn_h42:hover span{background:url(../../images/btn_h42_on.gif) 100% 0;}

a.btn_h32{padding-left:15px;background:url(../../images/btn_h32.gif);text-decoration:none;font:12px ±¼¸²;color:#777777;/* line-height:32px; */display:inline-block;font-weight:bold;}
a.btn_h32:hover{background: url(../../images/btn_h32_on.gif) 0 0;color:#000000;}
a.btn_h32 span{padding-right:15px;background:url(../../images/btn_h32.gif) 100% 0;cursor:pointer;padding-top:0px;padding-bottom:0px;line-height:32px;letter-spacing:0px;}
a.btn_h32:hover span{background:url(../../images/btn_h32_on.gif) 100% 0;}

.btn_box{vertical-align:middle;display:inline-block;}
.btn_txt{color:#ff6000;}


/* ÆÄÀÏÅ×À̺í */
.file_table { width:100%;height:100%;border:white 3px solid; }
.file_table_sel { border:#fcf2da 3px solid; }
.file_table_item { cursor:pointer;float:left;background-color:white;border:#dedede 1px solid;width:100px;height:90px;margin:6px 0px 0px 6px; word-break:break-all;overflow:hidden}
.file_table_empty { cursor:default;background-color:#fbfbfb;border:#e4e4e4 1px dotted; }