@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url(http://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);

/*common*/
/*html, body{height:100%; margin:0; padding:0;}*/
html, body{margin:0; padding:0;}
body{font:15px "돋움", "돋움체", Arial; color:#333;line-height:150%; 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;}
button {background:none; border:0; vertical-align:middle;}
.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 Square'; font-size:20px; color:#FFF; text-align:center; padding:15px 0; min-height:21px; }
#title_mail{background:#1fadb3; font-weight:bold; font-family:'Nanum Square'; font-size:20px; color:#FFF; text-align:center; padding:15px 0; min-height:21px; }
#title_receive{background:#a2c1c2; font-weight:bold; font-family:'Nanum Square'; font-size:20px; color:#FFF; text-align:center; padding:15px 0; min-height:21px; }
#title_schedule{background:#ffb254; font-weight:bold; font-family:'Nanum Square'; font-size:20px; color:#FFF; text-align:center; padding:15px 0; min-height:21px; }
#title_decision{background:#f79122; font-weight:bold; font-family:'Nanum Square'; font-size:20px; color:#FFF; text-align:center; padding:15px 0; min-height:21px; }
#title_data{background:#909090; font-weight:bold; font-family:'Nanum Square'; font-size:20px; color:#FFF; text-align:center; padding:15px 0; min-height:21px; }
#title_address{background:#6f6f6f; font-weight:bold; font-family:'Nanum Square'; font-size:20px; color:#FFF; text-align:center; padding:15px 0;min-height:21px; }
#title_organ{background:#444; font-weight:bold; font-family:'Nanum Square'; font-size:20px; color:#FFF; text-align:center; padding:15px 0; min-height:21px; }
#title_notice{background:#697183; font-weight:bold; font-family:'Nanum Square'; font-size:20px; color:#FFF; text-align:center; padding:15px 0; min-height:21px; }
#title_erp{background:#006dbd; font-weight:bold; font-family:'Nanum Square'; font-size:20px; 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 Square'; font-size:20px; color:#FFF; text-align:center; padding:15px 0; min-height:21px; }

#top_function{background:#333333; padding:8px 5px 20px 5px;min-height:21px; margin-bottom:10px;}
#sub_tit{color:#6a7bad; font-weight:bold; float:left; font-size:17px; padding:5px }
#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 Square'; font-size:20px; color:#FFF; text-align:center; padding:15px 0; min-height:21px; margin-bottom:1px; width:100%; }
.note_head{background:#999; font-weight:bold; font-size:17px; color:#FFF; padding:5px; border-bottom:1px solid #666; height:40px}
.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:rgba(0,0,0,.7); 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:10px; 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;}

#left_menu ul {clear:both;}
#left_menu li a {display:block; width:100%; color:#fff; font-size:0.9rem; font-weight:bold; border-bottom:1px solid #000; border-right:1px solid #000; box-sizing:border-box;}
#left_menu li a.leftm11 {color:#000; background:#fff; border-top:1px solid #000;}
#left_menu li a.leftm09 {background:#78c7ca;}
#left_menu li a.leftm02 {background:#26bfc6;}
#left_menu li a.leftm03 {background:#a2c1c2;}
#left_menu li a.leftm04 {background:#ffb254;}
#left_menu li a.leftm17 {background:#2274ba;}
#left_menu li a.leftm15 {background:#76649e;}
#left_menu li a.leftm05 {background:#f79122;}
#left_menu li a.leftm12 {background:#ffb254;}
#left_menu li a.leftm13 {background:#697183;}
#left_menu li a.leftm06 {background:#909090;}
#left_menu li a.leftm07 {background:#6f6f6f;}
#left_menu li a.leftm14 {background:#3d3d3d;}
#left_menu li a.leftm08 {background:#101010;}
#left_menu li a.leftm10 {background:#455170;}

#header{
	position:relative;
	max-width:640px;
	overflow:hidden;
	border-bottom:1px solid #CCC;
	height:60px; 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); box-sizing:border-box;}
#login_box .pw{width:299px; height:40px; font-size:20px; background-image:url(/img/login_pw.png); box-sizing:border-box;}
#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;}

.language_box {margin-top:20px; background:#f5f5f5; color:#333; font-size:12px; padding:5px 0; border:1px solid #d9d9d9; border-radius:3px;}
.language_box input {background:none;}

.language_error {display:block; width:300px; margin:60px auto; padding:10px 0; border:1px solid #d9d9d9; background:#f5f5f5; color:#333; font-size:12px; text-align:center; box-sizing:border-box; border-radius:3px;}

#main_content table{border-top:2px solid #000; width:100%;}
#main_content th {border-bottom:1px solid #b9b9b9; padding:10px 5px; background:#f2f2f2; height:30px; text-align:center;}
#main_content td{padding:7px; border-bottom:1px solid #e2e2e2; 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:7px; height:25px; line-height:150%; vertical-align:top;}


.tr_head{background:#efefef; text-align:center; font-weight:bold;}
.td_name{font-size:14px; color:#9c9c9c; font-weight:normal; text-align:left}
.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;}
.schedule_arrow {font-size:1.1em; font-weight:normal;}
.schedule_arrow a {display:block; color:#333333; background:#ffffff; border:1px solid #cccccc; text-align:center; padding:3px 7px; margin:3px 7px; border-radius:3px;}

.schedule_month {width:100%; border-top:1px solid #e2e2e2; border-left:1px solid #cccccc; }
.schedule_month 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;}
.schedule_month td {color:#555555; line-height:150%; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; vertical-align:top;}
.schedule_month td div {min-height:80px; padding:4px 7px;} 
.schedule_month td div.today {background-color:#e3edff; border:1px solid #517cda;}
.schedule_month td div p {font-size:1.15em; font-weight:bold; padding-bottom:5px;}
.schedule_month td div p span {color:#666666; font-size:0.8em; font-weight:normal; padding-left:7px;}
.schedule_month td div p.sun {color:#ff3333;}
.schedule_month td.sun, .schedule_month th.sun {color:#ff3333;}
.schedule_month td.sat, .schedule_month th.sat {color:#0073e5;}
.schedule_month td.total {padding:5px 10px; border-bottom:1px solid #979a9f; background-color:#f9f9f9;}

#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:5px; }
#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:8px; margin:4px 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 #666; margin:10px 0;}
.tab_menu li {display:inline-block;}
.tab_menu li a {display:block; color:#666; background:#ffffff; width:75px; padding:7px 0; border:1px solid #dddddd; text-align:center; border-bottom:0; }
.tab_menu li a.on {color:#ffffff; background:#666; border:1px solid #666; border-bottom:0;}

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

.S_btn {display:inline-block; background:#666; border-radius:3px; margin:1px; }
.S_btn a {display:block;  color:#ffffff; padding:6px 10px; font-size:14px; }

.btn_b {display:inline-block; padding:10px 20px; margin:0 4px; font-size:18px; line-height:1.6; font-weight:bold; background:linear-gradient(to bottom, #ffffff, #f0f0f0); border:1px solid #aaa; border-radius:3px; vertical-align:middle;}
.btn_m {display:inline-block; padding:4px 12px; margin:0; font-size:14px; line-height:1.6; font-weight:bold; background:linear-gradient(to bottom, #ffffff, #f0f0f0); border:1px solid #aaa; border-radius:3px; vertical-align:middle;}
.btn_s {display:inline-block; padding:2px 8px; margin:0; font-size:12px; line-height:1.6; font-weight:bold; background:linear-gradient(to bottom, #ffffff, #f0f0f0); border:1px solid #aaa; border-radius:3px; vertical-align:middle;}
.btn_blue {color:#fff; background:linear-gradient(to bottom, #24c7b9, #12b3a5); border:1px solid #00998c;}
.btn_sky {color:#fff; background:linear-gradient(to bottom, #33bbff, #17a1e6); border:1px solid #0088cc;}
.btn_red {color:#fff; background:linear-gradient(to bottom, #f5706c, #e5534e); border:1px solid #c23f3a;}
.btn_orange {color:#fff; background:linear-gradient(to bottom, #f39d24, #d9830b); border:1px solid #b36800;}

.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; }

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

/*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:0; text-align:left; float:left; padding:1%; 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:50%; float:left; position:relative; clear:none; overflow:hidden; padding:1%; box-sizing:border-box;}
.main_menu2 {width:50%; float:left; position:relative; clear:none; overflow:hidden; padding:1%; box-sizing:border-box;}
.main_menu3 {width:100%; float:left; position:relative; clear:none; overflow:hidden; padding:1%; box-sizing:border-box;}
.main_menu4 {width:25%; float:left; position:relative; clear:none; overflow:hidden; padding:1%; box-sizing:border-box;}
.main_menu5 {width:24.7%;float:left;}
.main_menu1 img{width:100%; border-radius:3px;}
.main_menu2 img{width:100%; border-radius:3px;}
.main_menu3 img{width:100%; border-radius:3px;}
.main_menu4 img{width:100%; border-radius:3px;}
.main_menu5 img{width:100%;}

.main_menu1 span {position:absolute; display:block; top:7%; left:8%; font-size:1.3rem; line-height:normal; color:#fff; letter-spacing:-0.05rem; font-weight:bold;}
.main_menu1 span small {font-size:0.9rem; font-weight:normal;}

.main_menu2 span {position:absolute; display:block; top:14%; left:8%; font-size:1.1rem; line-height:normal; color:#fff; letter-spacing:-0.05rem; font-weight:bold;}

.main_menu3 span {position:absolute; display:block; top:10%; left:4%; font-size:1.3rem; line-height:normal; color:#fff; letter-spacing:-0.05rem; font-weight:bold;}
.main_menu3 span small {font-size:0.9rem; font-weight:normal;}

.main_menu4 span {position:absolute; display:block; bottom:10%; left:0; width:100%; text-align:center; font-size:1rem; line-height:normal; color:#fff; letter-spacing:-0.05rem; font-weight:bold;}

.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; font-size:1.3rem; line-height:normal; color:#333; letter-spacing:-0.05rem; font-weight:bold;}
#notice_tit img{width:50%;}
#notice_more img{width:50%;}
#notice_more{float:right; width:25%; text-align:right;}
#notice_more a {font-size:0.9rem; line-height:normal; color:#666; letter-spacing:-0.05rem;}
#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:2px solid #000; clear:both; height:50px;}
#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:11px 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 10px 0;}
.board_btn{text-align:center;}
.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_b5 {padding-bottom:5px;}
.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_r5 {margin-right:5px;}
.mar_r8 {margin-right:8px;}
.mar_r10 {margin-right:10px;}

/*테이블 List에서 다음라인으로 떨어지지 않게끔*/
.Valiable_Line {width:100%;height:24px;overflow:hidden;}


/* 사원증 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_board_Bbtn {float:right; padding:0px 5px; margin:-6px 0px 0px;}

#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;
}*/


/*버튼모양 (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(/v2/common/img/ico_file_add.gif) 7px 6px no-repeat; font:12px 돋움; color:#222222;}

.filestyle2{display:inline-block; background:linear-gradient(to bottom, #ffffff, #f6f6f6); vertical-align:top; border:1px solid #9e9e9e; border-radius:2px;}
.filestyle2_add{display:none;}
.filestyle2 label {display:block; padding:5px 6px 4px 19px; background:url(/v2/common/img/ico_file_del.gif) 7px 8px no-repeat; font:12px 돋움; color:#222222;}

.filestyle_upload{display:inline-block; background:linear-gradient(to bottom, #ffffff, #f6f6f6); vertical-align:top; border:1px solid #9e9e9e; border-radius:2px;}
.filestyle_upload_add{display:none;}
.filestyle_upload label {display:block; padding:5px 7px 4px 19px; background:url(/v2/common/img/ico_file_down.gif) 7px 8px no-repeat; font:12px 돋움; color:#222222;}

.list_file_down {cursor:pointer; }


/* Dext5 에디터 Contents */
.smartOutput {font-family:"굴림체";}
.smartOutput td {padding:2px}

/* 삼원강재 ERP */
.ERP_10 {font-family:"굴림체"; font-size:10pt;}
.ERP_11 {font-family:"굴림체"; font-size:11pt;}
.ERP_20 {font-family:"굴림체"; font-size:20pt; font-weight:bold;}

.ERP_TABLE {margin-bottom:10px; border-collapse:collapse; border-spacing:0; border:1px solid grey !important;}
.ERP_TABLE th {font-family:"굴림체"; font-size:11pt; padding:5px; border:1px solid grey !important;}
.ERP_TABLE td {font-family:"굴림체"; font-size:10pt; padding:5px; border:1px solid grey !important;}
.ERP_TABLE td.ERP_11 {font-family:"굴림체"; font-size:11pt;}

.ERP_10_V2 {font-family:"Malgun Gothic"; font-size:10pt;line-height:20px;}
.ERP_11_V2 {font-family:"Malgun Gothic"; font-size:11pt;line-height:20px;}
.ERP_12_V2 {font-family:"Malgun Gothic"; font-size:12pt;line-height:20px;}
.ERP_13_V2 {font-family:"Malgun Gothic"; font-size:13pt;line-height:20px;}
.ERP_14_V2 {font-family:"Malgun Gothic"; font-size:14pt;line-height:20px;}
.ERP_15_V2 {font-family:"Malgun Gothic"; font-size:15pt;line-height:20px;}
.ERP_16_V2 {font-family:"Malgun Gothic"; font-size:16pt;line-height:20px;}
.ERP_17_V2 {font-family:"Malgun Gothic"; font-size:17pt;line-height:20px;}
.ERP_18_V2 {font-family:"Malgun Gothic"; font-size:18pt;line-height:20px;}
.ERP_19_V2 {font-family:"Malgun Gothic"; font-size:19pt;line-height:20px;}
.ERP_20_V2 {font-family:"Malgun Gothic"; font-size:20pt; font-weight:bold;line-height:20px;}

.ERP_TABLE_V2 {margin-bottom:10px;}
.ERP_TABLE_V2 th {font-family:"Malgun Gothic"; font-size:11pt; padding:5px;}
.ERP_TABLE_V2 td {font-family:"Malgun Gothic"; font-size:10.5pt; padding:5px;}
.ERP_TABLE_V2 td.ERP_11 {font-family:"Malgun Gothic"; font-size:11pt;}

.ERP_TABLE_V3 {margin-bottom:10px; border-collapse:collapse;}
.ERP_TABLE_V3 th {font-family:"Malgun Gothic"; font-size:10pt; padding:5px;}
.ERP_TABLE_V3 td {font-family:"Malgun Gothic"; font-size:9.5pt; padding:5px;}
.ERP_TABLE_V3 td.ERP_11 {font-family:"Malgun Gothic"; font-size:11pt;}

.ERP_BORDER_L_2 {border-left:2px solid #000000;} 
.ERP_BORDER_R_2 {border-right:2px solid #000000;}
.ERP_BORDER_T_2 {border-top:2px solid #000000;}
.ERP_BORDER_B_2 {border-bottom:2px solid #000000;}

.ERP_BORDER_L_3 {border-left:3px solid #000000;} 
.ERP_BORDER_R_3 {border-right:3px solid #000000;}
.ERP_BORDER_T_3 {border-top:3px solid #000000;}
.ERP_BORDER_B_3 {border-bottom:3px solid #000000;}

.ERP_BLOCK {display:}
.ERP_BLOCK_NONE {display:none}

.ERP_BK_TABLE {width:98%; border:1px solid #000; border-collapse:collapse; font-size:9pt;}
.ERP_BK_TABLE th {border:1px solid #000; text-align:center; height:20pt; background:#DAEEF3;}
.ERP_BK_TABLE td {border:1px solid #000; text-align:center; height:20pt;}
.ERP_BK_TABLE .t_left {text-align:left; padding-left:5pt;}
.ERP_BK_TABLE .t_right {text-align:right; padding-right:5pt;}


/* New Login */
#login_wrap {width:100%; min-width:290px; background:#cf385a; font-family:'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', 'Dotum', '돋움', '돋움체', sans-serif !important;}
.login_top {position:relative; min-height:70px; padding-top:15vh; color:#fff; box-sizing:border-box;}
.login_top h3 {position:absolute; left:20px; bottom:15px; font-size:32px;}
.login_top h3 img {width:26px; padding:0 12px 5px 0;}
.login_container {height:68vh; min-height:450px; display:flex; flex-direction:column; justify-content:center; align-items:center; background:#f4f6fa; padding:10px 0; border-radius:40px 40px 0 0; box-sizing:border-box;}
.logo_area {width:100%; margin-bottom:30px; padding:25px 5px; border-bottom:1px solid #dbdcdc; text-align:center; box-sizing:border-box;}
.logo_area img {height:38px;}
.lang_area {padding:0 10px 20px;}
.lang_area ul {width:100%; max-width:320px; margin:0 auto; padding:5px; background:#fff; border:1px solid #dbdcdc; border-radius:18px; overflow:hidden; box-sizing:border-box;}
.lang_area ul li {float:left; width:50%; height:45px; border-radius:15px; overflow:hidden;}
.lang_area ul li input[type=radio] {display:none;}
.lang_area ul li input[type=radio]:checked + label {background:#ffeded; color:#cf385a;}
.lang_area ul li input[type=radio] + label {color:#afb5be;}
.lang_area ul li label {display:block; margin:0 auto; font-size:16px; font-weight:bold; color:#cf385a; text-align:center; line-height:45px; cursor:pointer;}
.lang_area ul li label img {width:23px; padding:0 2px 2px 0;}
.login_form_area {padding:0 10px 30px; text-align:center;}
.login_form_area ul {width:100%; max-width:320px; margin:0 auto; background:#fff; border:1px solid #dbdcdc; border-radius:18px; box-sizing:border-box;}
.login_form_area ul li {padding:5px 5px 5px 15px; text-align:left;}
.login_form_area ul li:last-child {border-top:1px solid #dbdcdc;}
.login_form_area ul li label {display:inline-block; width:80px; font-size:13px; font-weight:bold; color:#afb5be;}
.login_form_area ul li input {width:calc(100% - 100px); height:30px; line-height:30px; padding:5px; background:#fff; border:0; font-size:16px;}
.login_form_area .remember_info {padding:20px 0;}
.remember_info label {display:inline-block; position:relative; padding:0 10px 0 25px; font-size:16px; color:#2a2b3d; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.remember_info label input[type="checkbox"] {display:none;}
.remember_info label .on {position:absolute; top:0; left:0; width:20px; height:20px; background:#fff; border:1px solid #dbdcdc; border-radius:50%; box-sizing:border-box;}
.remember_info label input[type="checkbox"]:checked + .on {border:6px solid #cf385a;}
.btn_signin {display:block; width:100%; max-width:320px; margin:0 auto; padding:16px 5px; background:#cf385a; border-radius:18px; font-size:20px; color:#fff; text-align:center; box-sizing:border-box;}
.btn_signin:hover {color:#fff;}


/* New Main */
#main_wrap {position:relative; width:100%; max-width:640px; min-width:290px; margin:0 auto; font-family:'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', 'Dotum', '돋움', '돋움체', sans-serif !important; overflow:hidden;}
.header_wrap {width:100%; height:60px;}
.header_wrap ul {height:100%; padding:0 10px; display:flex; justify-content:space-between; align-items:center;}
.header_wrap .logo img {height:35px;}
.header_wrap .btn_head {width:27px;}

.main_container {background:#cf385a; background:linear-gradient(0deg, #eef1f6 50%, #cf385a 50%); padding:22px 15px 35px; border-radius:40px 40px 0 0; box-sizing:border-box; z-index:1;}
.main_user {padding:0 8px 18px; display:flex; justify-content:space-between; align-items:center;}
.main_user ul {display:flex; align-items:center; margin-right:15px; overflow:hidden;}
.main_user .main_user_pic {width:50px; height:50px; border-radius:50%; overflow:hidden;}
.main_user .main_user_info {margin-left:5px; line-height:1.3; overflow:hidden;}
.main_user .main_user_info p {all:inherit; letter-spacing:-1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_user .main_user_info .m_user_part {font-size:16px; color:#ffd684;}
.main_user .main_user_info .m_user_name {font-size:1.36em; font-weight:bold; color:#fff;}
.main_user .main_user_info .m_user_name small {padding-left:5px; font-weight:normal;}
.main_user .btn_main_setting {display:block; width:24px;}
.main_menu_list {background:#fff; border-radius:30px; box-shadow:0 5px 20px rgba(42, 43, 61, 0.15);}
.main_menu_list .current_date {padding:14px 0; border-bottom:1px solid #dbdcdc; font-size:16px; color:#898c91; text-align:center;}
.main_menu_list > ul {padding:15px 10px; display:flex; flex-flow:row wrap;}
.main_menu_list > ul > li {width:25%; padding:10px 3px; text-align:center; box-sizing:border-box;}
.main_menu_list > ul > li > a {font-size:0.96em; color:#2a2b3d; letter-spacing:-1px; white-space:nowrap;}
.main_menu_list > ul > li > a:hover {color:inherit;}
.main_menu_list .ico_main_menu {position:relative; width:100%; max-width:58px; margin:0 auto 6px; background:#f4f6fa; border-radius:32%;}
.main_menu_list .ico_main_menu::before {content:''; display:block; padding-top:100%;}
.main_menu_list .ico_main_menu img {position:absolute; top:25%; left:25%; width:50%; max-width:30px;}
.main_menu_list .cnt_bubble {position:absolute; top:-6px; right:-6px; min-width:20px; height:20px; line-height:20px; padding:0 5px; background:#ffdf4b; border-radius:30px; font-size:12px; font-weight:bold; text-align:center; letter-spacing:0; z-index:2;}

#main_notice {padding:40px 15px;}
.main_notice_tit {padding-bottom:15px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #dbdcdc;}
.main_notice_tit h3 {font-size:21px; font-weight:600; color:#2a2b3d; letter-spacing:-1px; vertical-align:middle;}
.main_notice_tit h3 img {display:inline-block; width:17px; padding:0 8px 3px 0;}
.main_notice_more img {display:block; width:9px;}
.main_notice_list > ul > li {height:48px; line-height:48px; padding:0 3px; border-bottom:1px solid #dbdcdc; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box;}
.main_notice_list > ul > li > a {font-size:1em;}
.main_notice_list > ul > li > a:hover {color:inherit;}
.ico_notice {width:15px; padding-bottom:2px}

#mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); zoom:1; opacity:0.5; z-index:3;}
#side_menu {display:none; position:absolute; top:0; left:0; width:70%; height:100%; min-height:100vh; padding:20px 0 30px 20px; background:#f4f6fa; overflow-y:scroll; box-sizing:border-box; z-index:4;}

.side_user {margin-bottom:20px; padding:15px; display:flex; justify-content:space-between; align-items:center; background:#ffefeb; border-radius:20px 0 0 20px; box-shadow:0 2px 12px rgba(42, 43, 61, 0.15); box-sizing:border-box;}
.side_user ul {display:flex; align-items:center; margin-right:15px; overflow:hidden;}
.side_user .side_user_pic {width:36px; height:36px; border-radius:50%; overflow:hidden;}
.side_user .side_user_info {margin-left:5px; line-height:1.3; overflow:hidden;}
.side_user .side_user_info p {all:inherit; letter-spacing:-1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.side_user .side_user_info .s_user_part {padding-left:1px; font-size:14px; color:#f55448;}
.side_user .side_user_info .s_user_name {font-size:17px; font-weight:bold; color:#2a2b3d;}
.side_user .side_user_info .s_user_name small {padding-left:5px; font-weight:normal;}
.side_user .side_menu_close {display:block; width:21px;}

.side_menu_list {background:#fff; border-radius:20px 0 0 20px; box-shadow:0 5px 20px rgba(42, 43, 61, 0.15); overflow:hidden; box-sizing:border-box;}
.side_menu_list > ul > li {border-bottom:1px solid #dbdcdc;}
.side_menu_list > ul > li:last-child {border:0;}
.side_menu_list > ul > li > a {display:block; padding:15px 15px 15px 18px; font-size:15px; color:#2a2b3d; letter-spacing:-0.03em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.side_menu_list > ul > li > a:hover {background:#e5efff;}
.side_menu_list > ul > li > a img {width:22px; margin-right:15px;}
.side_menu_list .cnt_bubble {display:inline-block; min-width:20px; height:19px; line-height:19px; margin-left:3px; padding:0 5px; background:#ffdf4b; border-radius:30px; font-size:12px; font-weight:bold; text-align:center; z-index:4;}


/* New Footer */
.divider {clear:both; width:100%; height:10px; background:#f0f1f3; border:0;}
#footer_wrap {clear:both; padding:25px 15px 30px; font-family:'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', 'Dotum', '돋움', '돋움체', sans-serif !important;}
.copy {line-height:1.3; font-size:13px; color:#a8aeb6; text-align:center; word-spacing:-1px;}


/* New Sub */
.sub_top_wrap {position:relative; width:100%; height:56px; background:#fff; box-shadow:0 2px 7px rgba(42, 43, 61, 0.15);}
.sub_top_wrap ul {height:100%; padding:2px 10px 0; display:flex; justify-content:space-between; align-items:center;}
.sub_top_wrap .btn_sub_top01 {width:27px;}
.sub_top_wrap .btn_sub_top02 {width:29px;}
.sub_title {position:absolute; top:18px; left:50%; transform:translateX(-50%); font-family:'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', 'Dotum', '돋움', '돋움체', sans-serif !important; font-size:19px; font-weight:bold; color:#2a2b3d; letter-spacing:-0.03em;} 

.content_wrap {padding:20px 0 50px;}

.btn_rd {display:inline-block; padding:4px 12px; background:#cf385a; border:1px solid #cf385a; border-radius:10px; color:#fff;}
.btn_rd:hover {color:#fff;}
.btn_rd_l {display:inline-block; padding:4px 12px; background:#fff; border:1px solid #cf385a; border-radius:10px; color:#cf385a;}
.btn_rd_l:hover {background:#cf385a; color:#fff;}