@charset "utf-8";@import url("style.css");html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, abbr, address, cite,em, img,
strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav,section, summary, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
body{line-height:1.2;word-wrap:break-word;word-break:break-all;-webkit-text-size-adjust:none;background:#ffffff}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
table{border-spacing:0;border-collapse:collapse;}
img{border:none;max-width:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
ol, ul{list-style:none;}
body.modal-open{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.modal{-webkit-tap-highlight-color:rgba(10, 10, 10, 0.1) !important}
.clfix:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
.clfix{display:inline-block;}
.clfix{display:block;}
* html .clfix{height:1%;}
.clfix{zoom:1;}
.bdnone{border-bottom:0 none !important}
.ico_homeAdd{width:72px;height:72px}
body{font-family:Dotum, "돋움체", Gulim, "굴림체", NanumGothic, "나눔고딕", Arial, Malgun Gothic, Helvetica, Apple-Gothic, snas-serif;font-size:14px;color:#444;background:#f2f2f2;}
img, select, input{vertical-align:middle;}
caption, hr{display:none;}
legend{visibility:hidden;overflow:hidden;height:0px;width:0px;line-height:0px;_text-indent:-1000px;font-size:0px;}
a,a:link,a:visited,a:active,a:hover{color:inherit;text-decoration:none;}
br{line-height:1.3}
.txt_line{text-decoration:underline}
.clfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clfix{display:inline-block;}.clfix{display:block;}
strong{font-weight:bold;}
textarea{display:block;padding:10px;border-radius:5px;border:1px solid #a9a9a9;border-top:0 none;background:#ffffff url('../img/common/bg_top_textarea.png') -1px 0 repeat-x;background-size:3px 8px;font-size:14px}
textarea::-webkit-input-placeholder{color:#ccc;}
label{font-size:12px !important;color:#444444}
.dinone{display:none !important}
.diblock{display:'' !important}
.inline{display:inline-block !important;}
.vam{vertical-align:middle !important}
.fl{float:left}
.fr{float:right}
.pa0{padding:0 !important;}
.pat20{padding-top:20px !important}
.pa10{padding:10px !important;}
.pat10{padding-top:10px !important}
.patb10{padding:10px 0 !important}
.pd0{padding:0 !important}
.pdr37{padding-right:0 37px 0 0 !important}
.mg0{margin:0 !important}
.mgt5{margin-top:5px !important;}
.mgt10{margin-top:10px !important;}
.mgt15{margin-top:15px !important;}
.mgt35{margin-top:35px !important;}
.mgt30{margin-top:30px !important;}
.mgb14{margin-bottom:14px !important;}
.mgb20{margin-bottom:20px !important;}
.mgb30{margin-bottom:30px !important;}
.mgb5{margin:0 0 5px 0 !important}
.mgb25{margin:0 0 25px 0 !important}
.mgl70{margin:0 0 0 70px !important}
.mgt25{margin-top:25px !important}
.txtc,.tac{text-align:center !important;}
.tal{text-align:left !important}
.tar{text-align:right !important}
.font11{font-size:11px !important}
.font12{font-size:12px !important}
.font14{font-size:14px !important}
.f12{font-size:12px !important;}
.fotColor4{color:#444444 !important}
.fotColorblue{color:#198be7 !important}
.fotColorPink{color:#ce2078 !important}
.fotColorPink2{color:#ce2775 !important}
.fontBold{font-weight:bold !important}
.letr-1{letter-spacing:-1px}
.txtIndent8{text-indent:8px !important}
.dimm{width:100%;min-height:100%;position:absolute;top:0;left:0;z-index:800;background:#000 !important;opacity:.75;filter:alpha(opacity=75);}
.dimmContent{position:relative;z-index:900;}
/* 2012-08-21 삭제 #wrap{width:100%;min-width:320px;background:#f5f5f5;}*/
/* 2012-08-21 수정 #header_wrap{position:relative;width:100%;height:33px;padding-top:12px;background:url('../img/common/bg_top.png') center top repeat-x;background-size:640px 45px;overflow:hidden;text-align:center;}*/
#LoginBody {background: #f2f2f2;}
#header_wrap{position:relative; z-index: 10;width:100%;height:33px;padding-top:12px;background:url('../img/common/bg_top.png') center top repeat-x;background-size:640px 45px;overflow:hidden;text-align:center;}

.h3_tit{font-size:19px;font-weight:bold;color:#fff;text-shadow:1px 1px 1px #000;}
.h3_tit img{height:18px;}
.btn_prev{position:absolute;left:10px;top:8px;}
.btn_prev span{cursor:pointer;display:block;width:44px;height:26px;background:url('../img/common/icon.png') 0 -30px no-repeat;background-size:80px 140px;}
.btn_home{position:absolute;right:10px;top:8px;}
.btn_home span{display:inline-block;width:58px;height:26px;background:url('../img/common/icon.png') -22px -84px no-repeat;background-size:80px 140px;}
.btn_home span.btn_login{background-position:-22px -84px;}
.btn_home span.btn_logout{background-position:-22px -112px;}

#location{position:relative;height:22px;padding:12px 10px 0 10px;border-bottom:1px solid #c6c6c6;color:#888888;background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#dedede));background:-moz-linear-gradient(top,#f7f7f7,#dedede);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#dedede');}
.r_select{position:absolute;right:10px;top:12px;font:12px dotum;}
.r_select em{color:#333;font:11px verdana;}
#location a{color:#888888;}
#location strong{color:#444444}
#copyright{height:31px;padding-top:18px;border-top:1px solid #c7c7c8;background:#f2f2f2;text-align:center;}
#copyright2{height:31px;padding-top:18px; background:#f2f2f2; text-align:center;}
#footer_wrap{position:fixed;bottom:0;right:0;width:38px;height:60px;z-index:100;}
.btn_foot{display:none;overflow:hidden;width:100%;background:url('../img/common/bg_btn.png') repeat-x left top;background-size:1px 60px}
.btn_foot li{float:left;display:inline-table;width:20%;text-align:center;height:60px;background-image:url('../img/common/bg_btn_line.png'),url('../img/common/bg_btn.png');background-position:right top,left top;background-repeat:no-repeat,repeat-x;background-size:1px 60px,1px 60px;}
.btn_foot li.last{background:url('../img/common/bg_btn.png') repeat-x left top}
.foot_btn{display:inline-block;width:100%;height:100%;}
.foot_btn span{cursor:pointer;display:inline-block;overflow:hidden;background:url('../img/common/icon.png') no-repeat;background-size:80px 140px;}
.foot_btn span.ico_1{margin-top:22px;width:24px;height:19px;background-position:-24px -65px;}
.foot_btn span.ico_2{margin-top:22px;width:22px;height:20px;background-position:-55px 0;}
.foot_btn span.ico_3{margin-top:20px;width:19px;height:24px;background-position:-45px -25px;}
.foot_btn span.ico_4{margin-top:23px;width:23px;height:19px;background-position:0px -60px;}
.foot_btn span.ico_5{margin-top:23px;width:17px;height:23px;background-position:-35px -0px;}
.open_foot{display:;position:absolute;right:0;top:0px;width:52px;height:44px;background:url('../img/common/btn_foot.png') no-repeat;background-size:52px 44px;}
#global_menu_wrap{position:fixed;height:0;bottom:54px;left:0;width:100%;z-index:300;overflow:hidden;}
.global_menu{background:url('../img/common/bg_menu.png') left -119px repeat-x;background-size:2px 150px;text-align:right;overflow:hidden;}
.btn_menu_close img{width:32px;}
.menu_list{float:left;width:100%;padding:0;background:#2c2c2c;background:#474747;}
.menu_list li{float:left;width:33%;height:40px;background-image:url('../img/common/bg_menu.png'),url('../img/common/bg_menu.png');background-repeat:no-repeat, repeat-x;background-position:right top, left -50px;background-size:2px 150px, 2px 150px;}
.menu_list li.r_menu{width:34% !important;background-image:url('../img/common/bg_menu.png');background-repeat:repeat-x;background-position:left -50px;background-size:2px 150px;}
.menu_list li a{display:block;padding-top:10px;height:30px;color:#fff;font-size:12px;font-weight:normal;text-align:center;text-shadow:0px -1px 0px #282828;}
.menu_list li a.no_a{color:#888;}
.ico_po{float:left;margin:0 5px 0 22px;background:url('../img/common/ico_menu.png') no-repeat;background-size:100px 40px;}
.ico_po2{float:left;margin:0 5px 0 22px;background:url('../img/common/icon3_on.png') no-repeat;background-size:15px 170px;}
.menu_list li a .ico_1{display:inline-block;width:15px;height:14px;background-position:left top;}
.menu_list li a .ico_2{display:inline-block;width:15px;height:14px;background-position:-20px top;}
.menu_list li a .ico_3{display:inline-block;width:15px;height:15px;background-position:-40px top;}
.menu_list li a .ico_4{display:inline-block;width:15px;height:14px;background-position:-60px top;}
.menu_list li a .ico_5{display:inline-block;width:15px;height:14px;background-position:-80px top;}
.menu_list li a .ico_6{display:inline-block;width:15px;height:14px;background-position:left -20px;}
.menu_list li a .ico_7{display:inline-block;width:15px;height:14px;background-position:0px 0px;}
.menu_list li a .ico_8{display:inline-block;width:15px;height:15px;background-position:0px -108px;}
.menu_list li a .ico_9{display:inline-block;width:15px;height:14px;background-position:-60px -20px;}
.menu_list li a .ico_10{display:inline-block;width:15px;height:15px;background-position:left -37px;}
.menu_list li a .ico_11{display:inline-block;width:15px;height:15px;background-position:-20px -36px;}
.menu_list li a .ico_10_on{display:inline-block;width:15px;height:15px;background-position:-40px -37px;}
.menu_list li a .ico_11_on{display:inline-block;width:15px;height:15px;background-position:-60px -36px;}
.menu_list li a .menu_txt{float:left;margin-top:3px;display:inline-block;}
.ico_tel{display:inline-block;padding-left:32px;background:url('../img/common/bg_modal.png') -135px -48px no-repeat;background-size:251px 164px;}
.point{padding:0 0 0 5px;color:#ba0f2b;font-size:12px;font-weight:bold}
.chk_box{display:inline-block;margin:6px 15px 0 0;}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000000;}
.modal-backdrop.fade{opacity:0;}
.modal-backdrop, .modal-backdrop.fade.in{opacity:0.8;filter:alpha(opacity=80);}
.intro{background:#ffffff}
.in_wrap{min-height:100%}
.in_header{height:209px;background:url('../img/common/intro_top.png') no-repeat right top;background-size:281px 209px}
.in_content{padding:0 0 40px 0;text-align:center}
.in_content .logo{width:178px;height:71px;margin:0 auto 15px auto;background:url('../img/common/txt_mobile_hana.png') no-repeat 0 0;background-size:178px 71px}
.in_content p img{width:232px;margin:0 auto}
.in_footer{height:161px;background:url('../img/common/intro_bottom.png') no-repeat left bottom; background-size:152px 161px}

/* 전자결재 문서함 */
#location2 {position:relative;height:28px;padding: 6px 10px 0 10px;border-bottom:1px solid #c6c6c6;color:#888888;background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#dedede));background:-moz-linear-gradient(top,#f7f7f7,#dedede);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#dedede');}
#location2 strong {color: #444444;}
.paper_condition {position: absolute; right: 18px ;top: 6px;}
.PaymentBox {}
.PaymentBox .PaymentTitle {padding: 5px ; border-top: 1px solid #cacaca; border-bottom:1px solid #c6c6c6;color:#888888;background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#dedede));background:-moz-linear-gradient(top,#f7f7f7,#dedede);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#dedede');-webkit-box-shadow: 0 2px 5px #9d9d9d; }
.PaymentBox .PaymentTitle span {display: inline-block; width: 23%; line-height: 20px; text-align: center;}
.PaymentBox .PaymentTitle span.date {width: 23%;text-align: left;}
.PaymentBox .PaymentTitle span.name {}
.PaymentBox .PaymentTitle span.document {}
.PaymentBox .PaymentTitle span.state {}
.PaymentBox .PaymentTitle p {line-height: 20px;;}
.PaymentBox .PaymentList li {position: relative; padding: 10px 5px; border-bottom: 2px solid #dbdbdb;}
.PaymentBox .PaymentList li a {display: block;}
.PaymentBox .PaymentList li span {display: inline-block; width: 23%; background: url('../img/common/line_height_01.gif') no-repeat 0 45%; background-size: 1px 12px; line-height: 28px; text-align: center;}
.PaymentBox .PaymentList li span.date {width: 23%; font-size: 12px; font-family: verdana; background: none; color: #999999; text-align: left; letter-spacing: -1px;}
.PaymentBox .PaymentList li span.name {}
.PaymentBox .PaymentList li span.document {color: #198be7;}
.PaymentBox .PaymentList li span.state {color: #ce2078; }
.PaymentBox .PaymentList li .title {display: block; color: #444444;}
.PaymentBox .PaymentList li .BtnMore {position: absolute; right: 15px; top: 15px; width: 15px; height: 23px; background: url('../img/common/icon8.png') no-repeat 0 0; background-size: 15px 23px; -moz-background-size: 15px 23px; -webkit-background-size: 15px 23px;}
.PaymentBox .TypeTitle01 span {width: 34%;}
.PaymentBox .TypeList01 li span {width: 34%;}
/* 품의서 내용 */
.tab_style02 {overflow: hidden; width: 100%; background-color: #E7E7E7; }
.tab_style02:after {content:""; display: block; clear: both; visibility: hidden; width: 0; height: 0;}
.tab_style02 li {float: left; width: 33%; font-weight: bold; background: #E7E7E7 url('../img/common/tab_line_01.png') repeat-x 0 bottom; text-align: center;}
.tab_style02 li.on {background: whiteSmoke;}
.tab_style02 li.last-child {width: 34%;}
.tab_style02 li.last-child a {border-right: 0 none;}
.tab_style02 li a {display: block; padding: 10px 0; border-right: 1px solid #CCC; }
.table_request {width: 100%;}
/* 2012-08-21 수정
.table_request th , .table_request td {line-height: 30px;}
.table_request th {overflow: hidden; width: 33%; border-bottom: 1px solid #CCC; background-color: #E0E0E0; text-align: left;}
.table_request th span {display: block; padding: 0 10px 0 10px; border-right: 1px solid #CCC;}
.table_request td {overflow: hidden; width: 67%; padding: 0 10px; border-bottom: 1px solid #CCC; background-color: #f0f0f0;}*/
.table_request th , .table_request td {line-height: 22px; vertical-align: middle;}
.table_request th {overflow: hidden; width: 30%; padding: 10px 0; border-right: 1px solid #ccc;  background-color: #E0E0E0; text-align: left;}
.table_request th span {display: block; padding: 0 10px 0 10px;font-size: 12px;}
.table_request td {overflow: hidden; width: 70%; padding: 10px;font-size: 12px; background-color: #f0f0f0;}

.request_th_top {background-size: 1px 5px; background: url('../img/unpaid/bg_table_th_top.png') , url('../img/unpaid/bg_gubun3.gif');background-position:left top, left bottom;background-repeat: repeat-x, repeat-x;}
.request_td_top {background-size: 1px 5px; background: url('../img/unpaid/bg_table_td_top.png') , url('../img/unpaid/bg_gubun2.gif');background-position:left top, left bottom;background-repeat: repeat-x, repeat-x;}
.request_th_middle {background: url('../img/unpaid/bg_gubun3.gif');background-position: left bottom;background-repeat: repeat-x;}
.request_td_middle {background: url('../img/unpaid/bg_gubun2.gif');background-position:left bottom;background-repeat: repeat-x;}
.request_th_bottom {background-size: 1px 5px; background: url('../img/unpaid/bg_table_th_bottom.png') repeat-x left bottom;}
.request_td_bottom {background-size: 1px 5px; background: url('../img/unpaid/bg_table_td_bottom.png') repeat-x left bottom;}
.request_info {overflow:auto; position: relative; padding: 20px 10px;}
.request_info dl dt {text-align: center;}
.request_info .request_title {margin-bottom: 20px; font-size: 1.15em;}
.request_info dl dd {color: #666; line-height: 22px;}
.request_info dl dd dl dt {margin-top: 10px; text-align: left;}
.request_info .btn_attach {position: absolute; top: 13px; right: 20px;}
/* 품의서 결재정보 */
.txt_news {font-size:12px; color: #444;}
.pay_info_list {position:relative; padding: 15px 10px;}
/* 2012.08.22 수정 .pay_info_title {display: block; padding: 9px 12px; border-bottom: 1px solid #939393; font-family: verdana; font-size: 12px;font-weight: bold;  background: url('../img/reservation/bg_reservation_list.jpg') repeat-x left top; background-size:1px 33px; color: #252525; -webkit-box-shadow: 0 1px 3px #bababa;}*/
.pay_info_title {display: block; height: 16px; padding: 11px 10px; font-size: 12px; font-weight: bold; background: url('../img/unpaid/bg_tbl_th.gif') repeat-x 0 0; background-size: 1px 38px; color: #444;}
.pay_info_list .pay_state {font-size: 13px; font-weight: bold; color: #CE2078;}
.pay_info_list .security_class ,
.pay_info_list .search_name ,
.pay_info_list .btn_conform,
.btn_add_write {position: absolute; top: 8px; right: 20px; background: 0 none}
.btn_add_write .pa10 {padding: 0 !important;}
.pay_info_list .write_date {font-family: Verdana;color: #999; }
.unpaid_list .approval_search {-webkit-box-shadow: 0 2px 5px #9D9D9D;}
.search_dae02 {position: relative; height: 43px; padding: 7px 50px 0 7px; background: url('../img/unpaid/bg_date.png') repeat-x left top; background-size:1px 50px}
.search_dae02 .btn_search {position: absolute; right: 10px; top: 7px; width: 40.5px; height: 35px; background: url('../img/common/icon2.png') no-repeat left top; background-size: 300px 300px;}
.textarea01 {width:100%; padding: 10px ; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.approval_ico01 {display: inline-block; width: 43px; height: 12px; padding: 4px 0; background: url('../img/common/bg_ico_all.png') no-repeat 0 0; background-size: 100px 140px; font-size: 0.8em; text-align: center; color: #FFF;}
.approval_ico02 {display: inline-block; width: 43px; height: 12px; padding: 4px 0; background: url('../img/common/bg_ico_all.png') no-repeat 0 -20px; background-size: 100px 140px; font-size: 0.8em; text-align: center; color: #FFF;}
.tbl03 {width:100%; padding: 5px 0; border-bottom: 2px solid #dbdbdb;}
.tbl03 th {margin: 5px 0; padding:3px 10px 3px 10px;text-align:left;font-size:11px;border-right:1px solid #bfbfbf;background-color:#e0e0e0;}
.tbl03 td {margin: 5px 0; padding:3px 10px 3px 10px;border-bottom:0 none;background-color:#f0f0f0}
.tbl03 td.app_date {font-size: 12px; font-family: Verdana; color: #999;text-align: right;}
.tbl03 td:nth-child(3) {color: #9A9A9A;}
.tbl03 tr:nth-child(1) td {padding-top: 15px;}
.tbl03 tr:nth-child(2) td {padding-bottom: 15px;}
.tbl03 .no-approval {color: #c5c5c5;}
.tbl03:last-child {border-bottom: 0 none}
.pay_info_list .person_charge {display: inline-block; width: 78%;}
/* 품의서 경유/합의 */
/* .txt_pass {height: 30px; padding: 14px 10px 0 10px;border-bottom: 1px solid #c6c6c6; font-weight: bold; background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#dedede));background:-moz-linear-gradient(top,#f7f7f7,#dedede);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#dedede'); -webkit-box-shadow: 0 2px 5px #9D9D9D} */
.txt_pass {display: block; position: relative; padding: 9px 12px; font-family: verdana; font-size: 12px; font-weight: bold;background: url('../img/reservation/bg_reservation_list.jpg') repeat-x left top; background-size:1px 33px; color: #252525; -webkit-box-shadow: 0 2px 5px #9D9D9D;}
.unpaid_list li a.passpaid_ck {position: absolute; right: 20px; top: 7px; padding: 0;}
.btn_pass01 {padding:4px 9px 4px;margin-bottom:0;font-size:12px;line-height:18px;color:#444;text-align:center;vertical-align:middle;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#efefef,#e1dfdf);background-image:-ms-linear-gradient(top,#efefef,#e1dfdf);background-image:-webkit-gradient(linear,0 0,0 100%,from(#efefef),to(#e1dfdf));background-image:-webkit-linear-gradient(top,#efefef,#e1dfdf);background-image:-o-linear-gradient(top,#efefef,#e1dfdf);background-image:linear-gradient(top,#efefef,#e1dfdf);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef',endColorstr='#e1dfdf',GradientType=0);border-color:#bababa #a2a1a1 #4f4e4e;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid #9f9e9e;border-bottom-color:#4f4e4e;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);cursor:pointer;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);*margin-left:.3em}
.btn_pass02 {padding:4px 9px 4px;margin-bottom:0;font-size:12px;line-height:18px;color:#fff;text-align:center;vertical-align:middle;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#E860A0,#CC2471);background-image:-ms-linear-gradient(top,#E860A0,#CC2471);background-image:-webkit-gradient(linear,0 0,0 100%,from(#E860A0),to(#CC2471));background-image:-webkit-linear-gradient(top,#E860A0,#CC2471);background-image:-o-linear-gradient(top,#E860A0,#CC2471);background-image:linear-gradient(top,#E860A0,#CC2471);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E860A0',endColorstr='#CC2471',GradientType=0);border-color:#bababa #a2a1a1 #4f4e4e;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid #E860A0;border-bottom-color:#470C28;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);cursor:pointer;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);*margin-left:.3em}
.txt_pass .ico_pass {display: inline-block; width: 13px; height: 14px; background: url('../img/eds/arrow_02.png') no-repeat 1px 2px; background-size: 12px 12px;}
.txt_pass .pass_confirm {color: #198BE7;}
.deadline_condition .deadline_txt {padding: 10px;border-top: #2F3130;border-bottom: 1px solid #202221;font-size: 0.9em;background-color: #343635;color: #949494;}
.deadline_condition .condition_view {color: #FFC600;}
.deadline_condition ul {overflow: hidden;padding: 5px 0; line-height: 26px;}
.deadline_condition ul li {float: left;margin: 0 10px;}
.deadline_condition .txt_point01 {color: #2792E8;}
.agreement_icon {display: inline-block;width: 63px;height: 12px;padding: 4px 0; margin-right: 5px; font-size: 11px; font-weight: bold; background: url('../img/common/bg_ico_all.png') no-repeat 0 0;background-size: 100px 140px; text-align: center;color: white;}
.agree_ico01 {background-position: 0 -40px; color: #666666;}
.agree_ico02 {background-position: 0 -60px}
.agree_ico03 {background-position: 0 -80px}
.agree_ico04 {background-position: 0 -100px}
.agree_ico05 {background-position: 0 -120px}
.agreement_list li {position: relative; padding: 12px 10px 11px 10px; border-bottom: 1px solid #DBDBDB;}
.agreement_list li p {margin: 5px 0;}
.agreement_list .agreement_data span {margin-right: 20px;font-size: 0.9em;color: #989898;}
.agreement_info {font-size: 0.85em; letter-spacing: -1px;}
.agreement_info .depart {display: inline-block; padding: 0 5px; margin-left: 5px; background: url('../img/common/line_height_01.gif') no-repeat 0 45%; background-size: 1px 12px; line-height: 28px;}
/* 2012-08-21 수정 .agree_confirm {color: #A3A3A3;}*/
.agree_confirm {color: #CE2078;}
.agreement_data span {padding-left: 10px;background: url('../img/eds/arrow_01.png') no-repeat 0 4px;background-size: 6px 6px;}
.btn_aside {position: absolute; right: 20px; top: 10px;}
/* 나의결재 */
/* 2012-08-21 수정 body,html {overflow-x: hidden; width: 100%; height: 100%;}*/
body,html {overflow-x: hidden; width: 100%; min-height: 400px; background-color: #363D46;}
/* 2012-08-21 삭제 #mainwrap {position: relative; width: 100%; height: 100%; min-height: 455px; max-height: 100%; overflow-x: hidden; background-color: #363D46;}*/

/* 2012-08-12 추가 */
#body-area {min-height: 100%; margin: -45px 0 0px;background-color: #363D46;}
* html #body-area {height: 100%;}
#content_wrap{min-height: 100%; margin: -45px 0 -50px;}
#content-area01 {padding: 45px 0 0px;}
#content-area02 {min-height: 445px; padding: 45px 0 50px; background-color: #f5f5f5;}

/* 2012-08-21 수정 #wrap {position: absolute; top: 0; z-index: 10; height: 100%;box-shadow: 0 -10px 20px rgba(0,0,0,0.6);-moz-box-shadow: 0 -10px 20px rgba(0,0,0,0.6);-webkit-box-shadow: 0 -10px 20px rgba(0.0.0.0.6);}*/
#wrap {position: relative ; width:100%;min-width:320px; min-height: 400px;background:#f5f5f5; top: 0; z-index: 100; box-shadow: 0 -10px 20px rgba(0,0,0,0.6);-moz-box-shadow: 0 -10px 20px rgba(0,0,0,0.6);-webkit-box-shadow: 0 -10px 20px rgba(0.0.0.0.6);}

/* 2012-08-21 수정 #header_wrap01 {width: 100%; height: 33px; padding-top: 12px; background: url('../img/common/bg_top02.png') center top repeat-x; background-size: 640px 45px;}*/
#header_wrap01 {position: relative; z-index: 1; width: 100%; height: 33px; padding-top: 12px; background: url('../img/common/bg_top02.png') center top repeat-x; background-size: 640px 45px;}

#mypayment_list {position: absolute; z-index: 1; background-color: #363d46; height: 100%;}
#mypayment_list h3 {padding: 11px 15px; border-bottom: 1px solid #24282B;color: #fff;}
/* #form_list {height: 372px; max-height: 100%;overflow: auto} */
#mypayment_list dl dt {padding: 7px 15px; border-bottom: 1px solid #24282b ;color: #94acce;background:-webkit-gradient(linear,left top,left bottom,from(#525E6E),to(#3E454F));background:-moz-linear-gradient(top,#525E6E,#3E454F);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#525E6E',endColorstr='#3E454F'); -webkit-box-shadow: 0 2px 5px #9D9D9}
#mypayment_list dl dd {border-top: 1px solid #464c54; border-bottom: 1px solid #24282b;background-color: #363d46; color: #fff;}
#mypayment_list dl dd a {display: block; padding: 9px 15px;}
#mypayment_list h3 , #mypayment_list dt , #mypayment_list dd a {text-shadow: -1px -1px 1px #000;}
/* 근태계 */
.aside_text {position: absolute; right: 18px; top: 11px; font-size: 13px; color: #999;}
.text_dutyday {color: #999999;}
.normal_list.duty_list {padding: 4px 0;background-color:#e0e0e0;background-image:url('../img/unpaid/bg_date_bottom.png'),url('../img/unpaid/bg_date_top.png');background-position:left bottom,left top;background-repeat:repeat-x,repeat-x;background-size:1px 4px,1px 4px}
.normal_list.duty_list li {padding-left: 20px; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #C1C1C1; font-size: 12px; background-color:#e0e0e0;}
.normal_list.duty_list li a {padding-left: 5px; font-size: 12px; color: #666;}
.normal_list.duty_list li.first-child {border-top: none !important;}
.normal_list.duty_list li.last-child {border-bottom: 0 none !important;}
.search_dae03 {position: relative; height: 40px; padding: 7px 50px 0 7px; background: url('../img/unpaid/bg_date02.png') repeat-x; border-bottom: 1px solid #C1C1C1;}
.search_dae03 .btn_search {position: absolute; right: 10px; top: 7px; width: 40.5px; height: 35px; background: url('../img/common/icon2.png') no-repeat left top; background-size: 300px 300px;}
.btn_side {position: absolute; top: 8px; right: 20px;}
.btn_side .btn_ck {padding: 4px 5px;}
.per_charge02 {padding-left: 15px; font-size: 12px; color: #666;}
.f_size12 {font-size: 12px !important}
.f_size13 {font-size: 13px !important}
.c_gary01 {color: #666 !important;}
.agreement_list01 li  {position: relative; height: 16px; padding: 12px 10px 11px 10px; border-bottom: 1px solid #dbdbdb;}
.agreement_list02 {position: relative; height: 26px; padding: 10px; border-bottom: 1px solid #dbdbdb;}
.file_box {overflow: hidden; padding: 10px 10px 30px 10px; border-bottom: 1px solid #dbdbdb}
.file_box .btn_add{float: right;}
.file_box .file_text{font-size: 12px; color: #666666;}
.f_verdana {font-family: verdana; font-size: 11px; color: #666666;}
