@font-face{font-family:'Nanum Gothic'; src:url('/ez_common/fonts/NanumGothic.woff')}
@font-face{font-family:'Nanum Gothic'; src:url('/ez_common/fonts/NanumGothic.eot')}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

html{
	width: 100%; 
	height: 100%;
	overflow-y: scroll;
}
/*
body { 
	width: 100%; 
	height: 100%;
	font-size: 13px; 
	line-height:20px; 
	margin: 0; 
	padding: 0;
	font-family: Nanum Gothic, 굴림, 'helvetica',sans-serif;
	-webkit-text-size-adjust:none;

	color : #333;
}
*/

body,th,td, textarea {font-size:13px;line-height:1.5em; font-family:Nanum Gothic, 굴림, 'helvetica',sans-serif;color:#555; -webkit-text-size-adjust:none;}

input, textarea {  margin:2px 0;  padding:5px; vertical-align: middle; ime-mode:active} /* textarea 폰트상속 안됨 */
input[type=text] { padding:7px;  border:1px solid #ccc; }
input[type=password] { padding:7px;  border:1px solid #ccc;}
textarea  { padding:7px;  border:1px solid #ccc;}
select	{  margin:2px 0; padding:7px 5px 7px 5px; border:1px solid #ccc;  vertical-align: middle;
/*
-webkit-appearance: none; -moz-appearance: none; appearance: none;
background: transparent url(/ez_img/select_arrow.png) no-repeat 95% center; */
}
form	{ display:inline;}
ul, ol, li	{ list-style:none; padding:0; margin:0; }
p {padding:0; margin:0;}

a {text-decoration:none; color:#0066cc;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none; color: #0033ff;  }

h1 {font-size:2.5em; font-weight: bold; line-height:2em; }
h2 {font-size:2.0em; font-weight: bold; line-height:2em; }
h3 {font-size:1.5em; font-weight: bold; line-height:2em; }

input[type=button], input[type=submit] {min-width:60px; cursor:pointer; background-color: #ddd; border:1px solid #ccc; border-radius:5px; line-height:1.5em; margin:3px 0px; font-size:13px;}
input[type=button]:hover, input[type=submit]:hover {color:#fff; background-color: #999; border:1px solid #aaa;}
.btn_blue {background-color: #56b8b8 !important;  border:1px solid #56b8b8 !important;}
.btn_sm {min-width:20px !important;  padding:4px 3px !important; margin:3px 1px !important;  font-size: 12px !important; line-height:1.5em !important;}
.btn_xsm {min-width:20px !important;  padding:2px 2px !important; margin:2px 1px !important;  font-size: 11px !important;}
.btn_lg {min-width:120px !important;  padding:7px 10px !important; margin:2px 2px !important;  font-size: 1.2em !important;}


:-webkit-input-placeholder { /* 크롬 4–56 */
    color: #bbb;
}
:-moz-placeholder { /* 파이어폭스 4–18 */
   color: #bbb;
   opacity:  1;
}
::-moz-placeholder { /* 파이어폭스 19–50 */
   color: #bbb;
   opacity:  1;
}
:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */
   color:  #bbb;
}
::placeholder { /* 파이어폭스 51+, 크롬 57+ */
   color: #bbb;
   opacity:  1;
}

/*테이블, 검색 td*/ 
.sch_tit50 {display:inline-block; width:50px; padding:5px 0; color:#000; font-weight: bold;}
.sch_tit60 {display:inline-block; width:60px; padding:5px 0; color:#000; font-weight: bold;}
.sch_tit70 {display:inline-block; width:70px; padding:5px 0; color:#000; font-weight: bold;}
.sch_tit80 {display:inline-block; width:80px; padding:5px 0; color:#000; font-weight: bold;}
.sch_tit90 {display:inline-block; width:90px; padding:5px 0; color:#000; font-weight: bold;}
.sch_sub   {text-align: left; padding-right:5px;}




/*페이징*/
.paging{
	text-align: center;
	margin-top:20px;
	line-height:18px; 
}

.paging span{
	display: inline-block;
	padding: 3px 10px 3px 10px;
	margin:2px;
	border: 1px solid #ccc;
	background-color: beige;
	vertical-align: middle;
	font-size: 12px;
	cursor: pointer;
}




/* common ********************************************** */


/* id */
#wrap {width:100%; background-color: #ffffff }
.wrap_center{ 
	width:800px;
	margin:0 auto;
}


#container{
	width:100%; 
	margin:0 auto; 
	height:100%; 
	display: table; 
/*	margin-bottom:0px;*/

	padding-bottom:50px;
	background-image: url(/images/left_bg2.gif); 

}
#container:after{content:""; clear:both; display:block; }

#footer {  line-height:1.4;  }




/*TOP*/
.top_box {position:fixed; background-color: #f0f0f0; width:100%; height:60px;  z-index:98;}
.top1 {
	position:fixed;  width:100%; max-width:800px; left:50%; margin:0 0 0 -400px; top:0;  z-index:99; background-color: #f0f0f0; height:60px;
	padding:10px 20px;display:flex; justify-content:space-between; flex-wrap:wrap;
}
.top1 .logozone {width:80%;}
.top1 .tit {	font-size: 1.5em; vertical-align: middle; display:inline-block; padding-left:10px;}
.top1 img {height:40px;}
.top1 .btnzone { width:20%; } 

.top_blank {height:60px; background-color: #fff;}

.top2 {
	position:fixed; width:35%; max-width:300px; z-index:99; background-color: #ddd; text-align: center;display:flex; justify-content:center;
	padding-top:7px; height:35px; top:60px;  right:50%; margin:0 -400px 0 0; border-radius:0  0 10px 10px;
}
.top2 span {color:#6666ff; cursor:pointer;}


@media screen and (max-width: 799px) {
	.wrap_center{ width:100%; }
	.top1 { max-width:initial; left:0; margin:0;}
}




/* main index */
.notice { text-align:left; margin-top:50px; padding-left:10%; }
.notice li {list-style-type:circle}


.main_box { width:100%; display:flex; justify-content:space-evenly; flex-wrap:wrap; background-color: #fff}

.main_box .btn_main{ 
	display:block;
	width: 40%;
	margin:50px 0% 0 0;
	background-color: #fff; 
	color:#777;
	border:1px solid #ccc; border-radius:10px;
	padding:50px 5%;
	text-align: center;
	cursor: pointer;
	vertical-align: middle
}
.main_box .btn_main:hover {color: #009933; background-color: #f5f5f5 }
.main_box svg {vertical-align: middle; }
.main_box span {vertical-align: middle;	font-size: 1.5em; line-height:1.0em; font-weight: 500; }


@media screen and (max-width: 799px) {
	.main_box .btn_main{ width:70%; padding:30px 5%;}
}


/* 이력서 입력폼 */
#resume_form {position:relative;  }
#resume_form .tit {position:relative; text-align:left; font-size:15px; color:#222; font-weight:bold; margin:40px 0 5px 5px;}
#resume_form .desc {position:absolute; right:0; color:#0066ff;  font-size:12px; padding: 3px 5px 5px 0;  }

#resume_form .tbl1 {margin-bottom:0px; border-top:1px solid #bbb;}
#resume_form .tbl1 th {text-align:left;  padding:5px 0 5px 10px; width:12%; font-weight:bold; background-color: #fff;}
#resume_form .tbl1 td {padding:7px 5px; }
#resume_form .tbl1 th span { color:#0066ff; margin-left:5px; }
#resume_form .tbl1 td span { color:#0066ff; }
#resume_form .tbl1 select {width:40%;}
#resume_form .tbl1 input[type='text'] {width:95%;}
#resume_form .tbl1 .th_wide { width:17%!important;}
#resume_form .tbl1 .reason_txt {display:inline-block;  padding:0 5px; color:#555;}


#resume_form .tbl2 {margin-bottom:0px; border-top:1px solid #bbb;}
#resume_form .tbl2 th {text-align:center;  padding:7px 0; width:12%;font-weight:bold; background-color: #efefef;}
#resume_form .tbl2 td {padding:7px 5px; }
#resume_form .tbl2 .td_flex {width:100%; display:flex; justify-content:flex-start; flex-wrap:wrap;}
#resume_form .tbl2 .td_flex div:nth-child(1) {display:inline-block; padding-right:10px;}
#resume_form .tbl2 .td_flex div:nth-child(2) {width:55%}

 .btn_add {background-color: #5175c9; color:#fff; padding:3px; cursor:pointer;}

@media screen and (max-width: 799px) {
	#resume_form .tbl1 th{ width:22%; padding:5px 0 5px 0px; letter-spacing: -1px;}
	#resume_form .tbl1 select {width:80%;}
	#resume_form .tbl2 .th_wide { width:25%!important;}
	#resume_form .tbl2 .td_flex div:nth-child(1) {width:100%}
	#resume_form .tbl2 .td_flex div:nth-child(2) {width:100%}
}



 /*tabmenu ************************/
.tab_mnu {margin-bottom:30px; width:100%}
.tab_mnu a {display:inline-block; vertical-align:top; box-sizing:border-box; width:33.33%; height:50px; line-height:50px; text-align:center; font-size:15px; color:#333333; 
border-top:1px solid #d6d6d6;
border-bottom:1px solid #d6d6d6;
border-right:1px solid #d6d6d6;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.tab_mnu a {color:#888;  border:1px solid #efefef; background-color: #efefef; border-bottom:1px solid #aaa;}
.tab_mnu_1 a {width:100% !important;}
.tab_mnu_2 a {width:50% !important;}
.tab_mnu_3 a {width:33.33% !important;}
.tab_mnu a.on {background:#fff; color:#0066cc; border-color:#aaa; border-bottom:none; }
/*tabmenu ************************/