@charset "utf-8";
@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css');

/*common*/
/*html, body{height:100%; margin:0; padding:0;}*/
html, body{margin:0; padding:0;}
body{font:15px "돋움", "돋움체", Arial;  color:#333;line-height:160%; height:100%;}
div, p, img, ul, li, h1, h2, h3, h4, h5, table, tr, td, dl, dt, dd {margin:0; padding:0;}

img {border:0; vertical-align:middle; }
li {list-style:none;}
a {text-decoration:none; color:#333;}
a:hover {color: #cf2950;}
.hidden {position:absolute; left:-9999px;}
.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.t_left {text-align:left}
.t_center {text-align:center}
.t_right {text-align:right}
.d_left {float:left}
.d_center {margin:0 auto;text-align:center;}
.d_right {float:right}

#wrapper{width:100%; margin:0 auto; max-width:640px;  min-width:320px;  height:100%; position:relative; }
#wrapper_login{width:300px; margin:0 auto; max-width:598px; }
#right_wrapper{width:100%; max-width:640px;  min-width:320px; margin:0 auto;}
#title{background:#1fadb3; font-weight:bold; font-family:"Nanum Gothic"; font-size:18px; color:#FFF; text-align:center; padding:15px 0; min-height:21px; margin-bottom:20px;}
#title_mail{background:#1fadb3; font-weight:bold; font-family:"Nanum Gothic"; font-size:18px; color:#FFF; text-align:center; padding:15px 0; min-height:21px; margin-bottom:20px;}
#title_receive{background:#a2c1c2; font-weight:bold; font-family:"Nanum Gothic"; font-size:18px; color:#FFF; text-align:center; padding:15px 0; min-height:21px; margin-bottom:20px;}
#title_schedule{background:#ffb254; font-weight:bold; font-family:"Nanum Gothic"; font-size:18px; color:#FFF; text-align:center; padding:15px 0; min-height:21px; margin-bottom:10px;}
#title_decision{background:#f79122; font-weight:bold; font-family:"Nanum Gothic"; font-size:18px; color:#FFF; text-align:center; padding:15px 0; min-height:21px; margin-bottom:20px;}
#title_data{background:#909090; font-weight:bold; font-family:"Nanum Gothic"; font-size:18px; color:#FFF; text-align:center; padding:15px 0; min-height:21px; margin-bottom:20px;}
#title_address{background:#6f6f6f; font-weight:bold; font-family:"Nanum Gothic"; font-size:18px; color:#FFF; text-align:center; padding:15px 0;min-height:21px; margin-bottom:20px;}
#title_organ{background:#444; font-weight:bold; font-family:"Nanum Gothic"; font-size:18px; color:#FFF; text-align:center; padding:15px 0; min-height:21px; margin-bottom:20px;}
#title_notice{background:#697183; font-weight:bold; font-family:"Nanum Gothic"; font-size:18px; color:#FFF; text-align:center; padding:15px 0; min-height:21px; margin-bottom:20px;}
#title_erp{background:#006dbd; font-weight:bold; font-family:"Nanum Gothic"; font-size:18px; color:#FFF; text-align:center; padding:15px 0;  min-height:21px; width:100%}
#title_erp ul li{float:left; width:23%; border-right:1px solid #fff;}
#title_erp ul li:last-child{border:none}
#title_env{background:#455170; font-weight:bold; font-family:"Nanum Gothic"; font-size:18px; color:#FFF; text-align:center; padding:15px 0; min-height:21px; margin-bottom:20px;}

#top_function{background:#333333; padding:8px 5px 20px 5px;min-height:21px; margin-bottom:10px;}
#sub_tit{color:#6a7bad; font-weight:bold; margin:5px auto; float:left; }
#main_content{width:100%; margin:0 auto; min-width:320px;}
#main_content_ERP{width:100%; margin:0 auto; min-width:320px;}
#main_content_ele{width:100%; margin:0 auto;  max-width:640px; min-width:320px;}

/*스톨앤베르그*/
#title_note{background:#576AB7; font-weight:bold; font-family:"Nanum Gothic"; font-size:18px; color:#FFF; text-align:center; padding:15px 0; min-height:21px; margin-bottom:1px; width:100%; }
.note_head{background:#666; font-weight:bold; font-size:17px; color:#FFF; padding:10px 8px;}
.note_head li {display:inline-block;}
.note_head li.arrow {font-size:14px; font-weight:bold;}
.note_head li.arrow a {display:block; color:#333333; background:#ffffff; border:1px solid #333; padding:1px 8px; border-radius:3px; margin:0 5px;}

.noteplus{position:absolute; bottom:5px; right:5px;}
.note ul li{border-bottom:1px solid #DADADA; padding:5px; line-height:120%}
.note ul li p{margin-bottom:5px;}
.note{width:100%; margin:0 auto; min-width:320px;}

.note table{width:98.9%}
.note td{padding:2px; border-bottom:1px solid #CCC; }
.note th{background:#ebebeb; border-left:1px solid #CCC;border-bottom:1px solid #CCC; border-right:1px solid #CCC;}
.note_tit{font-size:18px; font-weight:bold; color:#000; padding:5px 0;}
.note_date{font-size:12px; color:#999; padding:5px 0; margin-bottom:10px}
.notesearch{position:absolute; top:60px; left:2px; width:99%; height:40px; background:#FFF; border:2px solid #333; visibility:hidden}

.erp_menu{padding:5px; clear:both; height:32px; border-bottom:1px solid #B5CADD; margin-bottom:10px; overflow:scroll; min-width:950px;}
.erp_menu li a{font-size:14px; color:#000; padding:5px 10px; float:left; font-weight:bold}
.erp_menu li a:hover{color:#006dbd; border-bottom:3px solid #006dbd; padding:5px 10px;}
.erp_menu li a.on{color:#006dbd; border-bottom:3px solid #006dbd; padding:0 10px;}

/*왼쪽메뉴 */
#left_menu{float:left; width:137px; background:url(/img/left_bg.png) repeat; text-align:left; position:absolute; left:0; top:0;  Z-index:2; display:none}
#left_menu span{font-family:NanumGothic; font-size:11px; font-weight:bold; color:#FFF; padding:5px;}
#left_menu .btnx{padding-right:20px; float:right;}

#left_erp_menu{clear:both; width:184px; background:url(/img/left_erp_bg.png) repeat; text-align:right; position:absolute; right:0; top:53px; Z-index:2; display:none;}

#left_erp_menu p{font-family:NanumGothic; font-size:11px; font-weight:bold; color:#FFF; height:30px}
#left_erp_menu .btnx{padding-right:10px; float:right;}

#header{
	position:relative;
	max-width:640px;
	overflow:hidden;
	border-bottom:1px solid #CCC;
	height:50px; text-align:center; padding-top:10px;
}
#header_login{position:relative; width:100%; min-width:320px; overflow:hidden; background-color:#f0f0f0; margin-bottom:5px; border-bottom:1px solid #d5d5d5;}
	.mTop {position:relative; top:8px; left:0; width:100%; }
	.btn_end{float:left; padding-left:10px; padding-top:4px;}
	.logo{text-align:center; margin:0 auto; }
	.login_logo{display:block; margin:0 auto; text-align:center; padding:10px 0; }
    .login_logo img{padding:7px 0 5px 0;}
	.btn_all{float:right; padding-right:10px; padding-top:4px;}

#login_tit{margin:0 auto; text-align:center; padding:70px 0 20px;}
#login_box{width:300px; margin-bottom:50px;}
#login_box .id{width:299px; height:40px; font-size:20px; background-image:url(/img/login_name.png);}
#login_box .pw{width:299px; height:40px; font-size:20px; background-image:url(/img/login_pw.png);}
#login_box input{ padding-left:120px; border:0;}
#login_pw{}
#remember{padding:10px 0 30px  40px; font-family:Tahoma, Geneva, sans-serif; font-size:17px;}


#main_content table{border-top:2px solid #6a7bad; width:100%;}
#main_content th {border-bottom:1px solid #b9b9b9; padding:10px 5px; background:#f2f2f2; height:30px; text-align:center;}
#main_content td{padding:10px 5px; border-bottom:1px solid #b9b9b9; height:25px; line-height:150%; vertical-align:top;}

#main_content_ERP table{border-top:2px solid #6a7bad; width:100%;}
#main_content_ERP th {padding:10px 5px; background:#f2f2f2; height:30px; text-align:center;}
#main_content_ERP td{padding:10px 5px; height:25px; line-height:150%; vertical-align:top;}


.tr_head{ background:#efefef; text-align:center;}
.td_name{font-size:14px; color:#9c9c9c; font-weight:normal; text-align:right}
.bg_gray{background:#f5f5f5;}

.sub_table{ 
 border-top:0  !important;
}
.sub_table td{padding:10px 5px; border-bottom:1px solid #b9b9b9; line-height:150%; vertical-align:top;}

#schedule{width:100%; margin:0 auto;}
#schedule table {border-top:1px solid #ccc; border-left:1px solid #ccc; }
#schedule td{border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:3px; }
#schedule th {border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:3px; background:#f2f2f2; height:20px; font-weight:normal; text-align:center;}
#schedule .num{font:9px Verdana, Geneva, sans-serif; text-align:right;  vertical-align:top;}
#schedule .dw{font:9px Verdana, Geneva, sans-serif; text-align:center; }
#schedule .event{font:12px NanumGothic; text-align:center;}

#write{width:100%; margin:0 auto;}
#write table {border-top:2px solid #6a7bad border-left:1px solid #ccc; margin:0 auto;}
#write td{border-bottom:1px solid #ccc; border-right:1px solid #ccc;  border-left:1px solid #ccc; padding:3px; }
#write th {border-bottom:1px solid #ccc; border-left:1px solid #ccc; padding:3px; background:#f2f2f2; height:20px; font-weight:normal; text-align:center;}

/*form*/
select,input,textarea{border:1px solid #ccc;border-radius:2px; background:#f9f9f9; padding:4px; font-size:15px; color:#4d4d4d; margin:1px 2px 1px 0; vertical-align:middle; }


.search{border:1px solid #d2d2d2; padding:5px 10px; margin-right:2px; float:left;}

/*page*/
.board_page {clear:both; padding:20px 0 20px 0; text-align:center;}
.board_page li {display:inline-block; margin-right:1px;}
.board_page li a {display:block; color:#666666; background:#f5f5f5; width:20px; height:20px; padding:3px 5px; line-height:20px; border:1px solid #dddddd;  border-radius:2px; text-align:center;}
.board_page li a.on {color:#ffffff; font-weight:bold; background:#666; border:1px solid #333;}

/*Tab메뉴 */
.tab_menu {clear:both; text-align:left; border-bottom:2px solid #6a7bad; margin-bottom:10px;}
.tab_menu li {display:inline-block; margin-right:0;}
.tab_menu li a {display:block; color:#666666; background:#ffffff; width:70px; padding:7px 0; border:1px solid #dddddd; text-align:center; border-bottom:0; }
.tab_menu li a.on {color:#ffffff; background:#6a7bad; border:1px solid #6a7bad; border-bottom:0;}

/*btn*/
.board_Sbtn {/*margin:5px 0;*/ float:left; }
.board_Sbtn li {float:left; }
.board_Sbtn li p {margin-right:3px;}

.S_btn {background:#9d9ea2; border-radius:3px;}
.S_btn a {display:block;  color:#ffffff; padding:4px 10px; font-size:1em; }

.board_Bbtn {float:right; }
.B_btn {background:#6a7bad; border-radius:3px;}
.B_btn a {display:block; font-size:1em; color:#ffffff;  padding:8px 10px; margin-bottom:5px;}

/*board reply*/
.board_reply {padding-top:20px;}
.reply_top {height:38px; line-height:38px; padding:0 20px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; background:#fafafa;}
.reply_top span {font-size:1.1em; color:#333333; font-weight:bold;}

.reply_comment {border-bottom:1px solid #eeeeee; min-height:80px; padding-bottom:15px;}
.reply_comment_write {border-bottom:1px solid #eeeeee; display:none;}
.comment_depth1 {position:relative;}
.comment_depth2 {position:relative; margin-left:20px; background:url(../img/ico_reply_re.gif) no-repeat 0 20px;}
.comment_depth3 {position:relative; margin-left:40px; background:url(../img/ico_reply_re.gif) no-repeat 0 20px;}
.comment_depth4 {position:relative; margin-left:60px; background:url(../img/ico_reply_re.gif) no-repeat 0 20px;}
.comment_depth5 {position:relative; margin-left:80px; background:url(../img/ico_reply_re.gif) no-repeat 0 20px;}
.comment_depth6 {position:relative; margin-left:100px; background:url(../img/ico_reply_re.gif) no-repeat 0 20px;}
.reply_img {position:absolute; top:10px; left:10px; width:50px; border:1px solid #efefef;}
.reply_img img {width:50px; height:50px;}
.reply_txt {padding:10px 15px 0 75px; line-height:18px;}
.reply_name {font-size:1.1em; color:#333333; font-weight:bold; line-height:24px;}
.reply_date {font-size:0.9em; color:#888888; line-height:24px;}
.reply_date img {padding-left:4px;}

.reply_bottom {border:1px solid #cccccc; background:#fafafa;}
.reply_write {position:relative; padding:20px 0;}
.comment_top {padding:0 15px;}
.comment_title {font-size:1.1em; color:#333333; font-weight:bold;}
.comment_write {position:relative; padding:0 15px;}
.reply_input {padding:0 69px 0 0; margin-top:10px;}
.reply_input textarea {width:100%; height:54px; background:#ffffff; padding-left:5px;}

/***** 개발자 추가(수정요소) *****/
.comment_modify {position:relative; top:10px; padding-bottom:5px; display:none;}
.reply_input_modify {padding:0 143px 0 10px; color:#707070;font-size:12px; }
.reply_input_modify textarea {width:100%; height:60px; padding-left:5px;}
.reply_modify_btn  {position:absolute; top:0; right:70px; width:54px; height:52px; border:1px solid #626874; background:#788194; border-radius:3px;padding:15px 0 0 0;}
.reply_modify_btn a {display:block; font-size:1.1em; color:#ffffff; font-weight:bold; height:34px; line-height:34px; text-align:center;}
.reply_cancel_btn  {position:absolute; top:0; right:10px; width:54px; height:52px; border:1px solid #626874; background:#788194; border-radius:3px;padding:15px 0 0 0;}
.reply_cancel_btn a {display:block; font-size:1.1em; color:#ffffff; font-weight:bold; height:34px; line-height:34px; text-align:center;}

.reply_btn {position:absolute; top:0; right:10px; width:54px; height:60px; border:1px solid #626874; background:#788194; border-radius:3px;}
.reply_btn a {display:block; font-size:1.1em; color:#ffffff; font-weight:bold; height:60px; line-height:54px; text-align:center;}
.reply_close {padding-left:23px; background:url(/AxizOffice/v2/common/img/ico_reply_del.gif) no-repeat 8px 2px; cursor:pointer;}
.reply_close a {padding-left:12px;}


.reply_comment_confirm{
  color:#222222; font:12px 돋움; padding:3px; border:1px solid #bbbbbb; background:linear-gradient(to bottom, #ffffff, #f6f6f6); border-radius:2px;
}
.reply_comment_cencel{
  color:#222222; font:12px 돋움; padding:3px; border:1px solid #bbbbbb; background:linear-gradient(to bottom, #ffffff, #f6f6f6); border-radius:2px;
}

.comment_pwd{
  padding-left:14px; background:url(../img/dot2.gif) no-repeat 8px 8px;
  /*padding:10px 0 0 28px; background:url(../img/dot2.gif) no-repeat 22px 18px;*/
}
.comment_pwd input {height:16px;}

.reply_pwd{
  display:none; border:1px dotted #b4b4b4; padding:5px 6px 4px 6px; margin-left:10px; background-color:#fafafa;
}
.reply_pwd input {height:16px; margin-bottom:1px;}

/*버튼모양 (button)*/
.filestyle{display:inline-block; background:linear-gradient(to bottom, #ffffff, #f6f6f6); vertical-align:top; border:1px solid #9e9e9e; border-radius:2px;}
.filestyle_add{display:none;}
.filestyle label {display:block; padding:5px 7px 4px 23px; background:url(/AxizOffice/v2/common/img/ico_file_add.gif) 7px 6px no-repeat; font:12px 돋움; color:#222222;}


/* 메인화면 버튼크기*/
#main_menu {margin:5px auto; text-align:center; float:left; padding:5px;  position:relative;  overflow:hidden;}
.main_menu {margin:5px auto; float:left; padding:5px;  position:relative; overflow:hidden;}
.desc1{display:block; position:absolute; top:25%; z-index:1; left:10%; font-size:1.3em; background:url(/img/num_bg.png); width:20px; height:20px; padding:7px; color:#C00;}
.desc2{display:block; position:absolute; top:40%; z-index:1; left:13%; font-size:1.3em; background:url(/img/num_bg.png); width:20px; height:20px; padding:7px; color:#C00;}
.desc3{display:block; position:absolute; top:35%; z-index:1; left:5%; font-size:1.3em; background:url(/img/num_bg.png); width:20px; height:20px; padding:7px; color:#C00;}
#main_menu ul li{float:left; position:relative; z-index:1;}
.main_menu img {float:left; position:relative; z-index:1;}
.main_menu1 {width:49%; float:left; position:relative; clear:none;overflow:hidden;}
.main_menu2 {width:50.5%; float:left; position:relative; clear:none; overflow:hidden;}
.main_menu3 {width:100%; float:left; position:relative; clear:none; overflow:hidden;}
.main_menu4 {width:25.1%;float:left; position:relative; clear:none; overflow:hidden;}
.main_menu5 {width:24.7%;float:left;}
.main_menu1 img{width:100%;}
.main_menu2 img{width:100%;}
.main_menu3 img{width:100%;}
.main_menu4 img{width:100%;}
.main_menu5 img{width:100%;}


.num_mail {background:url(/img/num_bg.png);	position:relative; left:20px; top:30%;	width:34px;	height:27px; padding-top:7px; font-size:16px; font-weight:bold;}
.num_receive {background:url(/img/num_bg.png);	position:relative; left:25px; top:30%;	width:34px;	height:27px; padding-top:7px; font-size:16px; font-weight:bold;}
.num_decision{background:url(/img/num_bg.png);	position:relative; left:30px; top:30%;	width:34px;	height:27px; padding-top:7px; font-size:16px; font-weight:bold;}

/*공지사항*/
#notice{clear:both; margin:0 auto; padding:20px 10px;}
#notice_tit{float:left; width:30%; padding-bottom:20px;}
#notice_tit img{width:50%;}
#notice_more img{width:50%;}
#notice_more{float:right; width:25%; text-align:right;}
#notice_list ul li{padding:3px; display:block; list-style-image:url(/img/ic_list.gif) padding-left:5px;}



/*푸터*/
#footer {padding-top:10px; margin:0 auto; border-top:1px solid #fff; clear:both; height:60px;}
#footer_menu {height:30px; margin:0 auto; width:210px; text-align:center; }
#footer_menu ul {overflow:hidden;  padding-top:4px; font-weight:bold; font:12px NanumGothic;}
#footer_menu ul li {float:left; width:70px; }
#footer_menu ul li a {display:block;  }
#footer_address {margin:0 auto; text-align:center; padding-top:12px;}
#fotter_adress img{vertical-align:baseline;}
#footer_address address {font:12px tahoma; text-decoration:none;}

.sun{color:#C03; text-align:right; font:9px Verdana, Geneva, sans-serif;}
.sat{color:#03F; text-align:right; font:9px Verdana, Geneva, sans-serif;}
.red{color:#C03;}
.blue{color:#03F;}
.red_bold{color:#C30; font-weight:bold;}
.tpad_20{padding-top:20px;}
.tmar_20{margin-top:20px;}
.pad5{padding:5px 0;}
.pad10{padding:10px 0;}
.lpad20{padding-left:20px;}
.blue_new{color:#4180bb;}
.brno{border:0;}
.bold{font-weight:bold;}
.stit{font-weight:bold; padding-top:5px; float:left;}


/* 주소록 */
#address .adcontent{border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:3px; }
#address .adtitle {border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:3px; background:#f2f2f2; height:20px; font-weight:normal; text-align:center;}
 
/* 조직도 */
#organ {		clear:both;}
#organ_list {position:relative;width:100%;border-top:0px solid #d0d0d0; border-bottom:0px solid #d0d0d0;font-size:1em; margin:5px 0  15px 0;OVERFLOW: hidden;}
#organ_list li {line-height:35px; font-size:1em; padding:0px 0 0px 22px; position:relative;OVERFLOW: hidden;}
#organ_list2 {position:relative;width:100%;border-top:0px solid #d0d0d0; border-bottom:0px solid #d0d0d0;font-size:1em; margin:5px 0  15px 0;OVERFLOW: hidden;}
#organ_list li {line-height:35px; font-size:1em; padding:0px 0 0px 22px; position:relative;OVERFLOW: hidden;}

#D_user_info{
		width:290px; 
}

.box {
		width:290px !important;
  padding:0 !important;
  margin:0 !important;
  background: url(/img/sub_img/div_bottom.gif) no-repeat bottom left !important;
}

.box .box_tit {
  margin: 0;
  padding: 8px 8px 6px 10px;
  background: url(/img/sub_img/div_top.gif) no-repeat top left;
  font-size:100%;
}
.box .box_tit span{
  color: #388613;  
}
.btn_cl{padding:0 0 0 182px;}

.box ul {
  margin: 0;
  padding:10px 10px;
  list-style: none;
}
.box li {
  margin: 0 0 6px 5px;
  padding: 0;
  padding-left:18px;
  background: url(/img/sub_img/ship_bullet.gif) no-repeat center left;
}

#User_info .list_wrap {width:250px; overflow:hidden; position:relative; margin:10px 5px 0 10px;}
#User_info .list_wrap img {float:left; padding-right:8px;}
#User_info .list_wrap .tit_nm {font-weight:bold;  padding-top:5px;}



.blink {
		animation: blink 2s steps(5, start) infinite;
		-webkit-animation: blink 2s steps(5, start) infinite;
}
@keyframes blink {
		to {
				visibility: hidden;
		}
}
@-webkit-keyframes blink {
		to {
				visibility: hidden;
		}
}

/*2016-01-21 추가된 것*/
/* 근태관리 new_layout.css에서 옮김 */
h6,ol,th,form,fieldset,legend,button{margin:0;padding:0;-webkit-text-size-adjust:none}
button{font-size:14px;line-height:1.25em;font-family:"나눔고딕",NanumGothic,"굴림",Gulim,Helvetica,AppleGothic,Sans-serif}
fieldset{border:0}
em,address{font-style:normal}
.b_btn_new {border:1px solid #626874; background:#788194; border-radius:3px;}
.b_btn_new a {display:block; font-size:1.1em; color:#ffffff; font-weight:bold; padding:2px 10px; margin-bottom:4px;}
#container {background:#fffff; padding-bottom:10px;}
#attend_method {padding-left:5px;}
.module_icon {margin:2px 0 30px 6px; float:left;}
.user_img {clear:both;width:135px; height:180px; margin:0 auto;}
#sawon_picture {width:135px; height:180px; border:1px solid #ccc;}

/* .user_img {width:138px; height:138px; margin:0 auto; background:#fff; border:4px solid #6688cc;} */
/*.user_img p {width:130px; height:130px; border:4px solid #fff; text-align:center; overflow:hidden;} */
/*.user_img p {width:234px; height:160px; border:4px solid #fff; text-align:center; overflow:hidden;}*/
/* .user_img p img {width:130px; height:130px;}*/

.user_name {line-height:1.25em;font-family:"나눔고딕",NanumGothic,"굴림",Gulim,Helvetica,AppleGothic,Sans-serif; padding:20px 0; text-align:center; color:#333; font-size:20px; letter-spacing:-0.05em;}
.time_box {width:305px; margin:0 auto; padding:4px; text-align:center; background:#fff; border:1px solid #ccc; border-radius:10px; overflow:hidden; box-sizing:border-box;}
.time_box p {width:295px; line-height:130%;padding:16px 0 12px; text-align:center; color:#fff; font-size:20px; font-weight:bold; background:linear-gradient(to bottom, #666, #333); border-radius:5px;}
.time_box p span {font-size:36px;}
.btn_box {padding-top:30px; text-align:center; font-size:0;}
.btn_box li {display:inline-block; padding:0 20px;}
.btn_box li img {width:110px;}
#sub_tit_popup {position:relative; width:96%;height:33px; line-height:33px; margin-left:10px; margin-bottom:20px; border:1px solid #bdbdbd; background:url(/img/sub_tit.gif) repeat-x; border-radius:17px;}
#sub_tit_popup h3 {padding-left:42px; font-size:1.15em; font-weight:normal}
.sub_tit_bg1 {background:url(/img/sub_tit_bg1.png) no-repeat 15px 7px;}
.board_write {padding:0 10px;}
.board_write table {width:100%; border-top:2px solid #979a9f; border-left:1px solid #cccccc; border-collapse:collapse; border-spacing:0;}
.board_write th {height:36px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; color:#333333; font-weight:bold; background-color:#f9f9f9;}
.board_write td {height:36px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; padding:0 10px;}
.board_write td.left {text-align:left;}
.board_write td.center {text-align:center;}
.board_write td.right {text-align:right;}
.board_write td.editor {border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; padding:1px}
.board_write td.content {height:300px; line-height:150%; padding:10px;}
/*.board_write td input[type=text]{padding:2px 0 2px 2px;} */
.board_write td input[type=password]{padding:2px 0 2px 2px;}
.board_write td textarea {padding:3px 0 3px 3px;}
.board_write select{height:24px;}
.board_write th.left {text-align:left;}
.board_write th.center {text-align:center;}
.board_write th.right {text-align:right;}
.board_write td.left {text-align:left;}
.board_write td.center {text-align:center;}
.board_write td.right {text-align:right;}
/*.board_write td a.btn_s {vertical-align:middle; display:inline-block; color:#333333; font-weight:bold; height:18px; line-height:18px; padding:0 6px; border:1px solid #bbbbbb; background:linear-gradient(to bottom, #ffffff, #f6f6f6); border-radius:3px;}*/
.board_bottom {padding:20px 0 20px 0;}
.board_btn li {float:left;}
.board_btn li p {margin-right:5px;}
.board_btn input {width:146px; padding:3px 0 2px 5px; border:1px solid #a9a9a9; margin-right:5px; border-radius:3px;}
.board_bottom select {height:29px; line-height:23px; border-radius:3px;border:1px solid #a9a9a9;}
.board_search {float:right;}
.board_search li {float:left;}
.board_search input[type=text] {width:146px; padding:3px 0 2px 5px; border:1px solid #a9a9a9; margin-right:5px; border-radius:3px;}
.board_search select {height:29px;line-height:23px; border-radius:3px;border:1px solid #a9a9a9;}
.board_search p {margin-right:5px;}
.btn_s {vertical-align:middle; display:inline-block; color:#333333; font-weight:bold; height:22px; line-height:22px; padding:0 6px; border:1px solid #bbbbbb; background:linear-gradient(to bottom, #ffffff, #f6f6f6); border-radius:3px; /*box-shadow:1px 1px 2px #dddddd;*/}
.b_btn_on {border:1px solid #626874; background:#ffffff; border-radius:3px;}
.b_btn_on a {display:block; font-size:1.1em; color:#333333; font-weight:bold; padding:2px 10px; margin-bottom:4px;}
.center {text-align:center;}
.t_left {text-align:left;}
.t_rignt {text-align:right;}
.lv_no {display:none;}
.cp_no {font-size:12px; display:none; padding:0;}
.pad_t5 {padding-top:5px;}
.pad_t10 {padding-top:10px;}
.pad_t20 {padding-top:20px;}
.pad_t30 {padding-top:30px;}
.pad_b10 {padding-bottom:10px;}
.pad_b20 {padding-bottom:20px;}
.pad_l5 {padding-left:5px;}
.pad_l10 {padding-left:10px;}
.pad_r10 {padding-right:10px;}
.mar_t10 {margin-top:10px;}
.mar_b5 {margin-bottom:5px;}
.mar_b10 {margin-bottom:10px;}
.mar_b20 {margin-bottom:20px;}
.mar_l10 {margin-left:10px;}
.mar_r10 {margin-right:10px;}

/* 사원증 main.css에서 옮김 */
/* CSS Document */
* {margin:0; padding:0;}
iframe {border:0;}
.clear_mid{ display:block; float:none; clear:both;}
.png24 { tmp:expression(setPng24(this)); }
hr {font-size: 0;
    left: 0;
    line-height: 0;}
input.kor {ime-mode:active;}	
input.eng {ime-mode:inactive;}
input.enum {ime-mode:disabled;} 
/* WRAPPER */
.waper{width:100%; height:27px; background:url(/employee_card/img/top_bg.gif) repeat-x top; margin:0 auto; color:#000;}
.top{width:100%; height:70px; aligin:center; padding:32px 0 0 0; margin:0 auto;}
.top p{font-size:30px; font-weight:Bold; font:nanumgothic; margin:0 0 0 130px;}

.all {width:360px; height:300px; margin:0 auto;}
.area {width:150px; height:180px; margin:15px 0 0 16px; float:left; font-size:22px;}
.area img {width:135px; height:180px; border:1px solid #ccc;}
.area2 {width:180px; float:left; }
.area2 ul{margin:15px 0 0 0;}
.area2 ul li{margin:0 0 0 15px;}

.b{font-size:22px; font-weight:Bold;}
.busejikgub{font-size:15px;}

.area3{width:360px; height:100px; margin:0 auto; font-size:13px;}
.area3 p{width:360px; margin:20px 0 50px 35px;}
.showdate_area { float:right; margin:0 30px 0 0;}

/*2016-01-21 추가된 것*/


/*근태관리 하단 달력*/
.attend_wrap {padding:0;}

.attend_wrap td input[type=text], .attend_wrap .attend_top2 input[type=text] { /* padding: 2px 0 2px 2px; */ }
.attend_wrap select { height:24px; }

.attend_top {position:relative; height:45px; padding-top:20px;}
.attend_top ul {text-align:center;}
.attend_top li {display:inline-block;}
.attend_top li.month {color:#333333; font-size:1.5em; font-weight:bold;}
.attend_top li.arrow {font-size:1.1em; font-weight:normal;}
.attend_top li.arrow a {display:block; color:#333333; background:#ffffff; border:1px solid #cccccc; text-align:center; padding:5px 15px; margin:0 7px; border-radius:3px;}
.attend_top #prn_userinfo {position:absolute; top:28px; left:0; font-size:1.2em; font-weight:bold; padding-left:13px; background:url(../img/dot3.gif) no-repeat 5px 9px;}

.attend_top2 {position:relative; height:30px;}
.attend_top2 div.date_today {position:absolute; top:7px; right:5px; padding:0 0 0 16px; font-size:1.1em; font-weight:bold; background:url(../img/dot3.gif) no-repeat 8px 8px;}
.attend_top2 div.all_view {position:absolute; top:2px; left:0;}
/*
.attend_top2 div.all_view a {color:#333333; font-weight:bold; padding:5px 10px; border:1px solid #bbbbbb; background:linear-gradient(to bottom, #ffffff, #f6f6f6); border-radius:5px; box-shadow:1px 1px 2px #dddddd;}
*/
.attend_top2 div.all_view a {display:inline-block; height:20px; padding:2px 10px 0 10px; text-align:center; color:#333333; font-weight:bold; border:1px solid #bbbbbb; background-color:#ffffff; border-radius:3px; box-shadow:1px 1px 2px #dddddd; }

.attend_top2 div.all_view_search {position:absolute; top:-4px;}
.attend_top2 div.all_view_search a {color:#333333; font-weight:bold; padding:5px 10px; border:1px solid #bbbbbb; background:linear-gradient(to bottom, #ffffff, #f6f6f6); border-radius:5px; box-shadow:1px 1px 2px #dddddd;}

.attend_top2 div.total_people {position:absolute; top:7px; left:0; padding:0 0 0 16px; font-size:1.1em; font-weight:bold; background:url(../img/dot3.gif) no-repeat 8px 8px;}
.attend_top2 div.total_people span {color:#ff3333;}
.attend_top2 div.total_people2 {position:absolute; top:7px; right:5px; padding:0 0 0 16px; font-size:1.1em; font-weight:bold; background:url(../img/dot3.gif) no-repeat 8px 8px;}
.attend_top2 div.total_people2 span.red {color:#0073e5;}
.attend_top2 div.total_people2 span.normal {font-weight:normal;}
.attend_top2 div.total_people3 {position:absolute; top:7px; padding:0 0 0 16px; font-size:1.1em; font-weight:bold; background:url(../img/dot3.gif) no-repeat 8px 8px;}
.attend_top2 div.total_people3 span.red {color:#0073e5;}
.attend_top2 div.total_people3 span.normal {font-weight:normal;}
.attend_top2 div.late_not {position:absolute; top:7px; right:7px; padding:0 0 0 16px; font-size:1.1em; font-weight:bold; background:url(../img/dot3.gif) no-repeat 8px 8px;}
.attend_top2 div.late_not span {color:#0073e5;}
.attend_top2 div.late_not2 {position:absolute; top:7px; right:7px; padding:0 0 0 16px; font-size:1.1em; font-weight:bold; background:url(../img/dot3.gif) no-repeat 8px 8px;}
.attend_top2 div.late_not2 span {color:#ff3333;}
.attend_top2 div.date_search {position:absolute; top:-4px; left:0; line-height:22px;}
.attend_top2 div.date_search a.btn_s {display:inline-block; height:22px; padding:0 10px; text-align:center; color:#333333; font-weight:bold; border:1px solid #bbbbbb; background-color:#ffffff; border-radius:3px; box-shadow:1px 1px 2px #dddddd;}
.attend_top2 div.date_search img, .attend_top2 div.date_search input {vertical-align:middle;}

.attend_top_search {margin-bottom:10px;}
.attend_top_search table {width:100%; border-top:2px solid #979a9f; border-left:1px solid #cccccc; border-bottom:2px solid #979a9f;}
.attend_top_search th {padding:5px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; font-size:1.1em; color:#333333; font-weight:bold; line-height:150%; background-color:#f9f9f9;}
.attend_top_search td {color:#555555; line-height:150%; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; padding:5px 7px; line-height:18px;}
.attend_top_search td a.btn_s {display:inline-block; height:22px; padding:0 10px; text-align:center; color:#333333; font-weight:bold; border:1px solid #bbbbbb; background-color:#ffffff; border-radius:3px; box-shadow:1px 1px 2px #dddddd;}
.attend_top_search td a.btn_s2 {display:inline-block; height:22px; padding:0 10px; text-align:center; color:#333333; font-weight:bold; border:1px solid #bbbbbb; background-color:#ffffff; border-radius:3px; box-shadow:1px 1px 2px #dddddd;}

.attend_book {width:100%; border-top:2px solid #979a9f; border-left:1px solid #cccccc; border-bottom:2px solid #979a9f;border-collapse:collapse; border-spacing:0;}
.attend_book th {height:27px; border-bottom:1px solid #979a9f; border-right:1px solid #cccccc; font-size:1.15em; color:#333333; font-weight:bold; background-color:#f9f9f9;}
.attend_book th.sun {color:#ff3333;text-align:center; }
.attend_book th.sat {color:#0073e5;text-align:center; }
.attend_book td {color:#555555; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; vertical-align:top;}
.attend_book td div {min-height:50px; }
.attend_book td div.today {background-color:#ffffe5; border:1px solid #ff9900;}
.attend_book td div p {font-size:1.15em; font-weight:bold;}
.attend_book td div p span {color:#666666; font-size:0.8em; font-weight:normal; padding-left:7px;}
.attend_book td div p.sun {color:#ff3333;}
.attend_book td div p.attend {text-align:center;}
/*.attend_book td div p a.attend_check {display:block; width:40px; height:40px; line-height:40px; color:#ffffff; border:2px solid #f21962; background-color:#f43878; text-align:center; margin:0 auto; border-radius:22px;}*/
.attend_book td.sun {color:#ff3333;text-align:left; font:12px "돋움", "돋움체", Arial; line-height:160%;}
.attend_book td.sat {color:#0073e5;text-align:left; font:12px "돋움", "돋움체", Arial; line-height:160%;}

.attend_table {width:100%; border-top:2px solid #979a9f; border-left:1px solid #cccccc; border-bottom:2px solid #979a9f;}
.attend_table th {padding:5px; border-bottom:1px solid #979a9f; border-right:1px solid #cccccc; font-size:1.1em; color:#333333; font-weight:bold; line-height:150%; background-color:#f9f9f9;}
.attend_table th.red {color:#ff3333;}
.attend_table th.blue {color:#0073e5;}
.attend_table td {color:#555555; line-height:150%; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; text-align:center; padding:5px 0;}
.attend_table td.left {padding:5px; text-align:left; color:#333333;}
.attend_table td.gray {background-color:#f9f9f9;}
.attend_table td strong.red {color:#ff3333;}
.attend_table tr.total {background-color:#ffffe5;}
.attend_table tr.total td {color:#333333; font-weight:bold;}
.attend_table td strong {color:#333333;}
.attend_table td a.btn_late {color:#333333; font-weight:bold; padding:2px 6px; border:1px solid #bbbbbb; background:linear-gradient(to bottom, #ffffff, #f6f6f6); border-radius:3px; box-shadow:1px 1px 2px #dddddd;}

.attend_term {width:100%; border-top:2px solid #979a9f; border-left:1px solid #b3b3b3; border-bottom:2px solid #979a9f; margin-bottom:20px;}
.attend_term th {padding:5px 0; border-bottom:1px solid #979a9f; border-right:1px solid #b3b3b3; font-size:1.1em; color:#333333; font-weight:normal; line-height:150%; background-color:#f9f9f9;}
.attend_term th.red {color:#ff3333;}
.attend_term th.blue {color:#0073e5;}
.attend_term td {color:#000000; line-height:150%; border-bottom:1px solid #b3b3b3; border-right:1px solid #b3b3b3; text-align:center;}
.attend_term td span {display:block; padding:5px 0;}
.attend_term td a.bg01 {background-color:#CCCCCC; color:#000000;}
.attend_term td a.bg02 {background-color:#FFCCCC; color:#000000;}
.attend_term td a.bg03 {background-color:#CC99CC; color:#000000;}
.attend_term td a.bg04 {background-color:#3366FF; color:#000000;}
.attend_term td a.bg05 {background-color:#999933; color:#000000;}
.attend_term td a.bg06 {background-color:brown;   color:#000000;}
.attend_term td a.bg07 {background-color:#FF3399; color:#000000;}
.attend_term td a.bg08 {background-color:orange;  color:#000000;}
.attend_term td a.bg09 {background-color:#9933CC; color:#000000;}
.attend_term td a.bg10 {background-color:#F5F986; color:#000000;}
.attend_term td a.bg11 {background-color:#67EDDF; color:#000000;}
.attend_term td a.bg12 {background-color:#7AF25E; color:#000000;}
.attend_term td a.bg13 {background-color:#333333; color:#ffffff;}
.attend_term td.gray {background-color:#f9f9f9; text-align:left; padding:5px;}
.attend_term td.gray a {display:inline;}

#listmailbox{border:1px solid #ccc;border-radius:2px; background:#f9f9f9; padding:4px; font-size:15px; color:#4d4d4d; margin:1px 2px 1px 0; vertical-align:middle; }




/*2016-09-07 추가된 것*/

/*환경설정의 내폰에 저장하기*/
#D_address_info{
		width:100%;
}

.address_box {
  width:100% - 2px !important;
  padding:0 !important;
  margin:0 !important;
  border: 1px solid #DCDCDC !important;
  border-radius: 8px;
}

.address_box .address_box_tit {
  margin: 0;
  padding: 8px 8px 6px 10px;
  font-size: 100%;
  background-color: #DCDCDC;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.address_box .address_box_tit span{
  color: #388613;  
}
.address_btn_cl{float:right; padding:0 0 0 10px;}

.address_box ul {
  margin: 0;
  padding:10px 10px;
  list-style: none;
}
.address_box li {
  margin: 0 0 6px 5px;
  padding: 0;
  padding-left:18px;
}

.address_S_btn {width:90%; height:90%; margin:5% 5%; background:#9d9ea2; border-radius:3px; text-align:center;}
.address_S_btn a {display:block;  color:#ffffff; padding:4px 10px; font-size:1em; }

#address_content table{border-top:2px solid #6a7bad; width:100%;}
#address_content th {border-bottom:1px solid #b9b9b9; padding:10px 5px; background:#f2f2f2; height:30px; text-align:center;}
#address_content td{padding:10px 5px; border-bottom:1px solid #b9b9b9; height:25px; line-height:150%; vertical-align:top;}

/*{border-radius:0;height:24px;background:#fff url(/img/serach_img.gif) no-repeat 100% 0;background-size:23px 24px;-webkit-background-size:23px 24px;color:#777;
text-align:left;
-webkit-appearance: none;
}*/
.S_btn2 {display:inline-block; background:#666; border-radius:3px; margin:1px; }
.S_btn2 a {display:block;  color:#ffffff; padding:3px 10px; font-size:14px; }