@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0 }

ul,ol,dl { list-style:none }
img { border:0; vertical-align:top; }
ul { list-style:none; padding:0; margin:0; }
html,body { height:100%; width:100%;font:normal 12px Arial, Helvetica, sans-serif, "굴림"; color:#555; }
table { font-size:98% }
input { height:18px; border:1px solid #bfcada; color: #555;  padding-left:3px; font:normal 11px Arial, Helvetica, sans-serif, "굴림"; line-height:16px;}
input[type=checkbox], input[type=radio] { border:none; height:auto; }
select { height:20px; border:1px solid #bfcada; color:#555; font:normal 11px Arial, Helvetica, sans-serif, "굴림"; line-height:16px;}
a { selector-dummy : expression(this.hideFocus=true);}
A:link { COLOR: #555; FONT-STYLE: normal;}
A:visited { COLOR: #555; FONT-STYLE: normal;}
A:active { COLOR: #555; FONT-STYLE: normal;}
A:hover { COLOR: #555; FONT-STYLE: normal;}


.input_01 { height:18px; border:1px solid #d1adda; color:#523269; padding-left:3px; background-color:#f3e9f8; font:normal 11px Arial, Helvetica, sans-serif, "굴림"; line-height:16px;}

/*all teble*/
#wrap { width:100%; height:100%;}


/*footer*/
#footer {width:100%; height:21px; background-color:#dfe5ee; border-top:solid 1px #7d8590; font-size:11px; padding:4px 10px 0 10px;}
#footer span { padding-right:20px;}
#footer b {color:#222;}


/*header */
#header { width:100%;  min-width:800px;}
#top { float:left; width:100%; height:49px; background: url(../images/top_bg.jpg) repeat-x; } 
#top h1 { float:left; width:192px; text-align:center;}
#top ul { color:#222; padding-top:3px; font-size:12px;}
#top li {  float:left; display:inline;}
#top li b { text-transform: uppercase;}
.align_l { float:left;}
.align_r { float:right;}
#top dl { padding:4px 20px 0 0; }
#top dt { color:#5d6b7d; font-size:11px; padding-bottom:2px;}
#top dt img { padding:1px 2px 0 0 ;}
#top dd { width:50px; height:16px; font-size:11px; border:1px solid #bfcada; background-color:#dde5f0; color:#5d6b7d; line-height:16px; padding:0 5px;}

#gnb { float:left; width:100%; height:34px; background: url(../images/top_gnb_bg.jpg) repeat-x left top; border-top:solid 1px #b9bdc3; border-bottom:solid 2px #7d8590; }
#gnb ul { height:100%; width:100%; background: url(../images/top_gnb_pattern.jpg) no-repeat left top; border-left:solid 1px #b9bdc3; border-right:solid 1px #b9bdc3; }
#gnb li { float:left; display:inline; text-align:center; font-weight:bold; font-size:12px;}
#gnb li a { display:block; color:#101d2d; text-decoration: none; line-height:34px;}
#gnb li .gnb_on { color:#2d00a5; background: url(../images/top_gnb_over.jpg) repeat-x; border-left:solid 1px #acb1b8; border-right:solid 1px #acb1b8; font-weight:bold}
#gnb li p {border-left:solid 1px #fff; border-right:solid 1px #fff;}


/*sidebar*/
#sidebar { width:192px; height:100%; background:#d4dce6 url(../images/dot_white.jpg) repeat-x left top; border-left:solid 1px #7d8590; border-right:solid 1px #7d8590;  vertical-align:top; }
#sidebar #snb { width:100%;  margin-top:5px; }
#sidebar #snb h1 { width:100%; height:29px; color:#fff; font-size:12px; line-height:30px; background: url(../images/snb_title.gif) no-repeat; text-align:center; text-transform: uppercase;}
#sidebar #snb .snb_off a { height:26px; display:block; font-size:11px; color:#101d2d; text-decoration: none; line-height:26px; background: url(../images/snb_bg.gif) no-repeat right; border-bottom:solid 1px #7d8590; padding-left:13px; }
#sidebar #snb .snb_on a { height:26px; display:block; font-size:11px; color:#c8ff21; text-decoration: none; line-height:26px; background: url(../images/snb_bg_on.gif) no-repeat right; padding-left:13px; border-bottom:solid 1px #7d8590; }
#sidebar #snb .snb_low_off a { height:26px; display:block; font-size:11px; color:#101d2d; text-decoration: none; line-height:26px; background: url(../images/snb_bg_low.gif) no-repeat right; border-bottom:solid 1px #7d8590; padding-left:13px;}
#sidebar #snb .snb_low_on p a{ height:26px; display:block; font-size:11px; color:#c8ff21; text-decoration: none; line-height:26px; background: url(../images/snb_bg_low_on.gif) no-repeat right; padding-left:13px;}
#sidebar #snb .snb_low_on dl { background: #7d8ba2 url(../images/snb_dotline.gif) repeat-x top; padding:10px 0 10px 3px; border-bottom:solid 1px #7d8590; }
#sidebar #snb .snb_low_on .low_off { display:block; color:#fff; font-size:11px; line-height:12px; text-decoration: none; background: url(../images/icon_low.png) no-repeat 10px 2px; padding:3px 3px 3px 26px;}
#sidebar #snb .snb_low_on .low_on { display:block; color:#fffd64; font-size:11px; line-height:12px; text-decoration: none; background: url(../images/icon_low_on.png) no-repeat 10px 2px;  padding:3px 3px 3px 26px;}
#left_summary { margin:40px 0 0 6px; text-align:center;}
#left_summary dl { width:177px; border:solid 1px #6e92be; background-color:#fff;}
#left_summary dt { background:url(../images/summary.gif); text-align:center; color:#fff; line-height:20px; font-size:10px;  text-transform: uppercase;}
#left_summary dd { font-size:11px; color:#222; padding:7px 14px; }
#left_summary dd span { font-size:20px; color:#4a7dc1; font-weight:bold; vertical-align:middle; padding-left:5px; }

#wrapper{
clear:both;	
width:100%;
padding:0px 15px 15px 10px;
border: 0px solid #FFBB00;

}
/*contents*/
#contents { padding:15px 15px 15px 10px; vertical-align:top; }
#cont_main { width:100%; float:left;}
#cont_main h3 { float:left;  width:100%; font-size:30px; color:#446699; font-weight: normal;  text-transform: uppercase; padding-bottom:15px; }
#cont_main h3 p { float:right; padding:6px 0 0 0;}
#cont_main h4 { float:left;  width:100%; border-top:solid 1px #bfc3ca; border-bottom:solid 1px #fff; background: url(../images/h4_bg.jpg) repeat-x bottom; padding:7px 0 5px 0; font-weight:bold; text-transform: uppercase; font-size:12px;}
#cont_main h4 span { float:left; width:15px; background: url(../images/h4_icon.png) no-repeat 5px center; padding-right:5px; }
#cont_main h4 p { float:right; display:inline; padding-right:6px;}


#cont_sub { width:100%;}
#cont_sub h3 { font-size:12px; color:#446699; font-weight: normal;  text-transform: uppercase; padding-bottom:10px;} 
#cont_sub h4 { float:left; background: url(/images/h4_icon.png) no-repeat left center; padding:4px 0 4px 15px; text-transform: uppercase; font-size:12px;}

.box_A { float:left; width:99.5%; background: url(/images/box_bg.jpg) repeat-x bottom; border:solid 1px #bfc3ca; margin-bottom:10px;}
.box_A dl { float:left; padding:10px 30px 10px 15px;} 
.box_A dt { float:left; clear:both;  background: url(../images/box_icon.png) no-repeat left 10px; color:#222; padding:5px 0 0 12px; }
.box_A dd { padding:2px 0; overflow:hidden; }
.box_A img { margin-right:3px;}
.box_A p { float:right; padding:10px;} 
.box_dtw01 dt { width:50px;}
.box_dtw02 dt { width:70px;}
.box_dtw03 dt { width:90px;}
.box_dtw04 dt { width:120px;}

.search_btn { float:right; padding-top:10px;}
.search_btn p { padding:5px 7px;}


.type_A {float:left; width:100%; font-size:11px; border-top:solid 1px #84a5ce;}
.type_A th { text-transform: uppercase; border-bottom:solid 1px #84a5ce; color:#294a7c;  }
.type_A .line {  background: #c7daf3 url(../images/table01_th.jpg) repeat-x top; padding:7px 5px; border-right:solid 1px #7695bf;}
.type_A .line_last { background: #c7daf3 url(../images/table01_th.jpg) repeat-x top; padding:7px 5px;}
.type_A .low { background-color:#95b2d8;border-right:solid 1px #7695bf; color:#fff; font-weight:normal; padding:2px 0;}
.type_A td { font-weight:normal; border-bottom:solid 1px #b6c0cd; padding:5px 5px; text-align:center;}
.type_A .tl{ text-align:left;}
.type_A .td_line { border-right:solid 1px #d3dce8;}
.type_A .td_bg { background-color:#e8ecfa;}
.type_A .font_od { color:#d3488a;}
.type_A .font_m1 { color:#7658e3;}
.type_A .font_m3 { color:#0f8eb1;}

.type_B {float:left; width:100%; font-size:12px; border-top:solid 1px #84a5ce;}
.type_B th { background-color:#d4e4f8; border-bottom:solid 1px #b6c0cd; text-transform: uppercase; color:#294a7c;  text-align:left; padding-left:15px;}
.type_B td { border-bottom:solid 1px #b6c0cd; padding:3px 15px;}
.type_B .tl{ text-align:left;}
.type_B .tr{ text-align:right;}
.type_B img {padding:0 1px;}

.type_C {float:left; width:100%; font-size:11511px; border-top:solid 1px #84a5ce;}
.type_C th { background-color:#95b2d8;  border-bottom:solid 1px #7695bf; color:#fff; padding:3px 0; font-weight:normal;}
.type_C .line { border-right:solid 1px #7695bf;}
.type_C td { border-bottom:solid 1px #b6c0cd; padding:3px; text-align:center;}
.type_C .tl{ text-align:left;}
.type_C .tr{ text-align:right;}
.type_C .td_line { border-right:solid 1px #d3dce8;}
.type_C .td_bg { background-color:#e8ecfa;}
.type_C img {padding:0 1px;}

.type_D {float:left; width:100%; font-size:11px; border-top:solid 1px #84a5ce;}
.type_D th { background-color:#95b2d8;  border-bottom:solid 1px #7695bf; color:#fff; text-align:left; padding-left:15px;}
.type_D td { border-bottom:solid 1px #b6c0cd; padding:2px 15px;}
.type_D .tl{ text-align:left;}
.type_D .tr{ text-align:right;}
.type_D img {padding:0 1px;}

/*popup*/
#popup { width:100%; vertical-align:top;}
.contents_popup{ padding:15px;}
.contents_popup h4 { float:left; background: url(../images/h4_icon.png) no-repeat left center; padding:4px 0 4px 15px; text-transform: uppercase; font-size:12px;}

/*popup_Schedule*/
.Schedule_title { font-size:30px; color:#446699; font-weight: normal;  text-transform: uppercase; text-align:center;}
.Schedule_title img { vertical-align:middle; padding-bottom:5px;}
.Schedule_title span { padding:0 30px;}
.Schedule_year { float:right; padding-bottom:5px;}

.Schedule {float:left; width:100%; font-size:11px; min-width:250px; }
.Schedule th { background: #c7daf3 url(../images/table01_th.jpg) repeat-x top; line-height:24px; border-right:solid 1px #7695bf; border-bottom:solid 1px #84a5ce; border-top:solid 1px #84a5ce; color:#446699; text-transform: uppercase; width:14%; }
.Schedule .th_r { background: #f3c7df url(../images/table_th_r.jpg) repeat-x top; border:solid 1px #ce849d; color:#a92a2a; }
.Schedule .th_g { background: #cbebee url(../images/table_th_g.jpg) repeat-x top; border-top:solid 1px #84bece; border-bottom:solid 1px #84bece; border-right:solid 1px #84bece; color:#148485; }
.Schedule td { border-bottom:solid 1px #b6c0cd; border-right:solid 1px #d3dce8; padding:10px; text-align:right; vertical-align:top;}
.s_h td {height:65px;}
.Schedule .last { border-left:solid 1px #d3dce8; }
.Schedule .td_bg { background-color:#eceffb;}

.Schedule dt { font-size:13px; font-weight:bold; font-style:normal;}
.Schedule dd { font-size:11px; font-weight:normal; font-style:normal; color:#6e758c; padding-top:5px;  background: url(../images/line_dot.png) repeat-x top;}

/*sun*/
.Schedule .sun { COLOR: #a92a2a;} 
.Schedule .sun_over { COLOR: #a92a2a; background: url(../images/sc_r_bg.png) repeat;} 
/*sat*/
.Schedule .sat { COLOR: #148485;} 
.Schedule .sat_over { COLOR: #148485; background: url(../images/sc_g_bg.png) repeat;} 
/*day*/
.Schedule .day { COLOR: #555;} 
.Schedule .day_over { COLOR:#555; background: url(../images/sc_b_bg.png) repeat;} 
/*today*/
.Schedule .today { background: url(../images/sc_r_bg.png) repeat; border:solid 2px #edaeae;}



/*popup_calendar*/
.calendar_title { float:left; font-size:15px; color:#446699; font-weight: normal;  text-transform: uppercase;}
.calendar_title img { vertical-align:middle; padding-bottom:5px;}
.calendar_title span { padding:0 10px;}
.calendar_year { float:right; padding-bottom:5px;}

/*page*/
#page { float:left; width:100%; padding-top:10px;}
#page ul { padding-left:40%; } 
#page li { float:left;}
#page a { text-decoration: none;  padding:0 8px; line-height:20px;}
#page b { color:#e96751;}

/*login*/
#login_bg { width:100%; height:100%; background: #e4e9f0 url(../images/login/login_bg.png) repeat-x center;}
#login { width:550px; height:320px; left:50%; top:50%; position:absolute; margin:-180px 0 0 -270px;}
#login h1 { text-align:center; padding-bottom:10px;}
#login .l_footer { text-align:center; padding-bottom:10px; padding-top:14px;}
#login .l_footer b{ color:#222;}
#login .login_center { width:546px; height:248px; border:solid 1px #fff; background: url(../images/login/login_box_bg.png) repeat-x; }
#login .login_center .login_box{ border:solid 1px #838fa1; height:100%;}
#login .login_center .login_box h2{ font-size:30px; color:#222; text-transform: uppercase; font-weight:normal;}
#login .login_center .login_box li { padding-bottom:15px;}
#login .login_center .login_box dl{ float:left; width:240px;}
#login .login_center .login_box dt { float:left; clear:both; color:#556f96; text-transform: uppercase; font-size:11px; width:75px; padding-top:5px;}
#login .login_center .login_box dd { padding-bottom:3px;} 
#login .login_center .login_box .l_pl{ padding-left:70px;}
#login .login_center .login_box img {padding-left:5px;}
#login .login_center .login_box p { font-size:12px; color:#333; padding-bottom:5px;}
#login .login_center .login_box b { font-weight:bold; color:#2d00a5;}
#login .login_center .login_box .l_cen { padding:46px 0 0 120px; font-size:11px; color:#333; padding-bottom:5px;}

.font_orange {color:#e96751;}
.font_blue   {color:#4772b7;}
.pt40 { float:left; margin-top:45px; padding:7px 5px;}
.btn_c { float:left; width:100%; text-align:center; padding-top:15px;}
.mt25 { margin-top:25px;}
.mt5 { margin-top:5px;}
.mb5 { margin-bottom:5px;}

/*퀵메뉴-메인*/
#quick { background:url(../images/quick_bg.jpg) no-repeat; width:416px; height:303px; margin:20px 0 0 20px;}
#quick ul { float:right; padding:25px 32px 0 0;}
#quick li { float:left; padding:0 0 10px 10px; }
#q_notice { width:416px; margin:40px 0 0 20px; background-color:#fff;}
#q_notice th,td { border-bottom:1px solid #b6c0cd; padding:6px 0;}
#q_notice th { font-weight:normal;}
#q_notice td { padding-left:10px;}
#q_notice a { text-decoration: none; }
.qlogo_bg { background: url(../images/logo_bg.jpg) no-repeat right bottom;}

.clear {clear:both !important;}



 .custom-combobox {
    position: relative;
    display: inline-block;
}



.custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto; /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
    z-index: 1000 !important;
}

#Progress_Loading
{
 position: absolute;
 left: 50%;
 top: 50%;
 background: #ffffff;
}









/* v0.5 utf-8 layout overrides */
html, body { min-width:1280px; }
body { background:#d4dce6; }
#header::after { content:""; display:block; clear:both; }
#top::after { content:""; display:block; clear:both; }
#gnb::after { content:""; display:block; clear:both; }
.content-shell { clear:both; width:100%; }
.content-shell::after { content:""; display:block; clear:both; }
.side-fixed { float:left; width:194px; }
.main-fixed { overflow:hidden; background:#eef2f7; min-height:calc(100vh - 86px); }
#sidebar { float:none; width:192px; min-height:calc(100vh - 100px); }
#contents { padding:15px 20px 15px 14px; }
#cont_main h3, #cont_main h4, .type_A, .type_B, .content-card, .form-wrap, .table-wrap { width:100%; box-sizing:border-box; }
.action-bar { gap:12px; }
.action-bar .state-box { flex:1; }
.table-wrap, .form-wrap, .content-card { box-shadow:none; }
#footer { clear:both; }


/* v1.1 common ui baseline */
.app-shell{background:#d4dce6;min-width:1024px;}
.app-body{display:flex;align-items:stretch;min-height:calc(100vh - 86px);}
.app-main{flex:1;display:flex;flex-direction:column;background:#eef2f7;border-right:solid 1px #7d8590;}
.app-main #contents{flex:0 0 auto;}
.app-main #contents.home-contents{flex:1;}
.world-clock li{margin-left:8px;}
.world-clock dt{white-space:nowrap;}
#sidebar{flex:0 0 192px;min-width:192px;}
.page-container{padding:15px 15px 0 10px;}
.list-grid-wrap{padding:0 15px 15px 10px;}
.user-grid{width:100%;}
.user-grid td{font-size:11px;}
.user-grid .tl{text-align:left;}
.search_btn img{vertical-align:top;}
#contents:after,#cont_sub:after{content:"";display:block;clear:both;}

/* v1.3 bizMgr original UX reinforcement */
.biz-jqgrid-wrapper { padding:0 15px 10px 10px; }
.biz-comment-wrapper { padding:0 15px 15px 10px; }
.biz-search-box { clear:both; width:99.5%; }
.biz-comment-wrapper h4 { font-size:12px; color:#333; padding:4px 0 5px 0; }
.ui-jqgrid { font-size:11px; }
.ui-jqgrid .ui-jqgrid-htable th { height:24px; color:#294a7c; font-weight:normal; }
.ui-jqgrid tr.jqgrow td { height:22px; padding:0 4px; }
.ui-jqgrid .ui-state-highlight, .ui-jqgrid .ui-widget-content .ui-state-highlight { background:#fff1a8 !important; border-color:#d6b656 !important; }
.ui-jqgrid input, .ui-jqgrid select { font-size:11px; height:18px; padding:0 2px; box-sizing:border-box; }
#ResultListPager { font-size:11px; }

/* v1.7 fixes: login validation, jqGrid position, inline edit */
#login .login_center .login_box { position: relative; }
#login .login_center .login_box .error-box { left: 322px; right:auto; top:86px; }
#login .login_center .login_box .password-error { top:106px; }
.app-main #contents { flex:0 0 auto; }
.app-main #contents.home-contents { flex:1; }
#cont_sub .search_btn { padding-top:0; }
.biz-jqgrid-wrapper { padding:0 15px 8px 10px; margin-top:0; clear:both; }
.biz-comment-wrapper { padding:0 15px 15px 10px; margin-top:0; clear:both; }
.biz-search-box { clear:both; width:99.5%; margin-bottom:8px; }
.biz-search-box dl { padding-top:7px; padding-bottom:7px; }
.ui-jqgrid .editable { background:#fffef2; }

/* v1.8 jqGrid load/edit/search stabilization */
.biz-jqgrid-wrapper { padding:0 15px 8px 10px; margin-top:0; clear:both; overflow:visible; }
.biz-jqgrid-wrapper .ui-jqgrid { border:1px solid #84a5ce; }
.biz-jqgrid-wrapper .ui-jqgrid-bdiv { background:#fff; }
.biz-search-box dd { white-space:nowrap; }
.mini-search-btn { height:20px; padding:0 8px; border:1px solid #9ab571; background:#eef7df; color:#294a7c; font:bold 11px Arial, Helvetica, sans-serif; vertical-align:middle; cursor:pointer; }
.grid-message { margin:0 0 4px 0; padding:5px 8px; border:1px solid #d49a6a; background:#fff7e8; color:#a04a00; font-size:11px; }
.ui-jqgrid tr.jqgrow.ui-state-highlight td { background:#fff1a8 !important; }
.ui-jqgrid tr.jqgrow td input.editable, .ui-jqgrid tr.jqgrow td select.editable { width:96% !important; height:18px !important; border:1px solid #d6b656; background:#fffef2; }
/* v2.1 product jqGrid */
.product-jqgrid-wrapper { padding:0 15px 8px 10px; margin-top:0; clear:both; overflow:visible; }
.product-jqgrid-wrapper .ui-jqgrid { border:1px solid #84a5ce; }
.product-jqgrid-wrapper .ui-jqgrid-bdiv { background:#fff; }
.product-search-box { clear:both; width:99.5%; margin-bottom:8px; }
.product-search-box dl { padding-top:7px; padding-bottom:7px; }
.product-search-box dd { white-space:nowrap; }
.product-fallback-list { display:none; }

/* v2.5 fluid application width baseline
   Use full browser width, while keeping header/body/footer aligned to the same right edge.
   jqGrid keeps its own horizontal scroll inside the content area when columns exceed available width. */
:root { --arion-sidebar-width: 192px; }
html, body { width:100%; min-width:1024px; overflow-x:auto; }
.app-shell { width:100%; min-width:1024px; max-width:none; overflow:hidden; }
#header, #top, #gnb, .app-body {
    width:100%;
    max-width:none;
    box-sizing:border-box;
}
#gnb ul { box-sizing:border-box; }
.app-body { display:flex; align-items:stretch; }
#sidebar {
    flex:0 0 var(--arion-sidebar-width);
    width:var(--arion-sidebar-width);
    min-width:var(--arion-sidebar-width);
}
.app-main {
    flex:1 1 auto;
    width:auto;
    max-width:none;
    min-width:0;
    overflow:hidden;
}
.page-container, #contents {
    box-sizing:border-box;
    max-width:100%;
    overflow:hidden;
}
#wrapper, .biz-jqgrid-wrapper, .product-jqgrid-wrapper, .list-grid-wrap {
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    overflow:hidden;
}
.ui-jqgrid, .ui-jqgrid-view, .ui-jqgrid-hdiv, .ui-jqgrid-bdiv, .ui-jqgrid-pager {
    max-width:100%;
    box-sizing:border-box;
}
.ui-jqgrid-bdiv { overflow-x:auto !important; }
#footer {
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    overflow:hidden;
}



/* v2.7 sales biz original-style list */
.sales-biz-jqgrid-wrapper {
    padding: 0 15px 8px 10px;
    margin-top: 0;
    clear: both;
    overflow: visible;
    max-width: 760px;
}
.sales-biz-jqgrid-wrapper .ui-jqgrid {
    border: 1px solid #84a5ce;
}
.sales-biz-jqgrid-wrapper .ui-jqgrid-bdiv {
    background: #fff;
}
.sales-biz-comment-wrapper {
    padding: 0 15px 15px 10px;
    max-width: 900px;
}


/* v2.9 password change */
.password-change-wrapper {
    padding: 0 15px 15px 10px;
    clear: both;
}
.password-change-table {
    width: 99%;
}
.password-change-table th {
    width: 180px;
    height: 26px;
    text-align: left;
    padding-left: 18px;
}
.password-change-table td input {
    width: 78%;
    height: 18px;
}
.field-error {
    color: #c62828;
    font-size: 11px;
    padding-left: 8px;
}


/* v3.1 sales biz grid matches purchase biz list columns */
.sales-biz-jqgrid-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box;
}
.sales-biz-comment-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box;
}


/* v3.2 sales biz search */
.sales-biz-search-area {
    clear: both;
    margin: 28px 10px 10px 10px;
    padding: 8px 10px;
    border: 1px solid #c0cad8;
    background: #eef3f8;
}
.sales-biz-search-area .search-label {
    display: inline-block;
    min-width: 55px;
    padding-left: 12px;
    margin-right: 8px;
    color: #003f7f;
    font-weight: bold;
    background: url(/resources/images/bu_02.gif) no-repeat left center;
}
.sales-biz-search-area input[type="text"] {
    height: 20px;
    box-sizing: border-box;
}
.sales-biz-search-area input[type="button"] {
    height: 22px;
    margin-left: 4px;
}


/* v3.3 sales biz search position fix */
.sales-biz-search-area {
    float: none !important;
    clear: both !important;
    display: block;
    margin: 18px 10px 14px 10px !important;
    padding: 9px 10px !important;
    width: auto !important;
    box-sizing: border-box;
}
.sales-biz-search-area form {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
.sales-biz-search-area .search-label {
    vertical-align: middle;
}
.sales-biz-search-area input {
    vertical-align: middle;
}


/* v3.4 sales biz design match with purchase biz list */
.sales-biz-search-box {
    float: none !important;
    clear: both !important;
    display: block !important;
    margin: 0 !important;
    width: auto !important;
}
.sales-biz-search-box .box_dtw02 {
    margin: 0 !important;
}
.sales-biz-search-box dt,
.sales-biz-search-box dd {
    float: none;
}
.sales-biz-jqgrid-wrapper {
    max-width: 100% !important;
    width: auto !important;
    box-sizing: border-box;
    padding: 0 15px 8px 10px !important;
    margin-top: 0 !important;
    clear: both;
    overflow: hidden !important;
}
.sales-biz-jqgrid-wrapper .ui-jqgrid {
    border: 1px solid #84a5ce;
}
.sales-biz-comment-wrapper {
    padding: 0 15px 15px 10px !important;
    max-width: 100% !important;
    width: auto !important;
    box-sizing: border-box;
}


/* v3.5 approval list */
.approval-page #cont_sub {
    min-height: 130px;
}
.approval-top-buttons {
    right: 15px;
}
.approval-blue-btn {
    display: inline-block;
    min-width: 74px;
    height: 25px;
    line-height: 24px;
    margin-left: 5px;
    padding: 0 13px;
    border: 1px solid #b7d3e8;
    border-radius: 6px;
    background: #e8f5ff;
    color: #2c628f !important;
    text-align: center;
    text-decoration: none !important;
    font-weight: bold;
}
.approval-search-area {
    clear: both;
    margin: 18px 10px 8px 10px;
    padding: 10px 12px;
    border: 1px solid #c0cad8;
    background: linear-gradient(#f1f5fa, #dfe7f1);
    box-sizing: border-box;
}
.approval-search-row {
    min-height: 28px;
    line-height: 24px;
    white-space: nowrap;
}
.approval-search-area .search-label {
    display: inline-block;
    min-width: 65px;
    margin-left: 12px;
    margin-right: 5px;
    padding-left: 12px;
    color: #304d1a;
    font-weight: bold;
    background: url(/resources/images/bu_02.gif) no-repeat left center;
}
.approval-search-area input,
.approval-search-area select {
    vertical-align: middle;
}
.approval-search-area input[type=text] {
    width: 145px;
}
.approval-jqgrid-wrapper {
    padding: 0 15px 8px 10px;
    margin-top: 0;
    clear: both;
    overflow: hidden;
    box-sizing: border-box;
}
.approval-jqgrid-wrapper .ui-jqgrid {
    border: 1px solid #84a5ce;
}
.approval-by-biz-popup {
    background: #fff;
    overflow: auto;
}
.popup-title {
    padding: 25px 0 15px 12px;
    font-weight: bold;
    color: #333;
}
.popup-title:before {
    content: '● ';
    color: #7266b0;
}
.approval-by-biz-table {
    margin: 0 10px;
}


/* v3.6 approval list UI fix */
.approval-page {
    padding: 0 14px 0 10px;
}
.approval-page #cont_sub {
    min-height: 0 !important;
}
.approval-search-area {
    margin: 18px 0 8px 0 !important;
    padding: 10px 12px !important;
    border: 1px solid #bfcada !important;
    background: linear-gradient(#f7f9fc, #e1e8f2) !important;
}
.approval-search-row {
    height: 27px;
    line-height: 24px;
}
.approval-search-area .search-label:first-child {
    margin-left: 0;
}
.approval-search-area select {
    min-width: 82px;
}
.approval-jqgrid-wrapper {
    padding: 0 !important;
    margin: 8px 0 0 0 !important;
    clear: both;
    overflow: hidden !important;
    width: 100%;
    box-sizing: border-box;
}
.approval-jqgrid-wrapper .ui-jqgrid {
    border: 1px solid #84a5ce !important;
}
.approval-jqgrid-wrapper .ui-jqgrid-bdiv {
    background: #fff;
}


/* v4.0 approval new/insert */
.approval-form-body {
    background: #eef2f7;
    margin: 0;
    overflow: auto;
}
.approval-form-wrap {
    padding: 15px 12px;
}
.approval-form-wrap #cont_sub h4 {
    float: left;
    background: url(/resources/images/h4_icon.png) no-repeat left center;
    padding: 4px 0 4px 15px;
    text-transform: uppercase;
    font-size: 12px;
}
.approval-form-buttons {
    float: right;
    padding-top: 18px;
}
.approval-form-table,
.approval-item-table {
    width: 99%;
    clear: both;
}
.approval-form-table th {
    width: 150px;
    height: 26px;
    text-align: left;
    padding-left: 12px;
}
.approval-form-table td {
    height: 26px;
}
.approval-form-table input,
.approval-form-table select {
    height: 20px;
}
.approval-form-table textarea {
    border: 1px solid #bfcada;
    color: #555;
    font: normal 11px Arial, Helvetica, sans-serif, "굴림";
}
.approval-item-title {
    margin: 14px 0 5px 2px;
    font-weight: bold;
}
.approval-item-table th {
    text-align: center;
}
.approval-item-table td {
    padding: 2px;
}
.approval-item-table input,
.approval-item-table select {
    height: 20px;
    box-sizing: border-box;
}
.hint {
    color: #777;
    font-size: 11px;
    padding-left: 3px;
}


/* v4.1 approval form original UI alignment */
.approval-form-wrap {
    padding: 18px 10px 8px 10px !important;
}
.approval-form-buttons {
    float: right;
    padding-top: 10px !important;
    margin-right: 15px;
}
.approval-form-table th {
    width: 155px !important;
    height: 26px;
    background: #d6e7f9 !important;
    color: #174373;
    font-weight: bold;
    text-align: left !important;
    padding-left: 15px !important;
}
.approval-form-table td {
    height: 26px;
    padding-left: 15px;
}
.approval-form-table input[type=text],
.approval-form-table select {
    height: 20px;
    font-size: 12px;
}
.approval-form-table textarea {
    width: 430px !important;
    height: 120px;
}
.payment-biz-select {
    width: 240px;
}
.approval-small-btn {
    display: inline-block;
    min-width: 56px;
    height: 22px;
    line-height: 21px;
    padding: 0 8px;
    border: 1px solid #b7d3e8;
    border-radius: 3px;
    background: #e8f5ff;
    color: #2c628f !important;
    text-align: center;
    text-decoration: none !important;
    font-weight: bold;
}
.approval-item-title {
    height: 24px;
    text-align: right;
    margin: 15px 0 2px 0 !important;
}
.approval-item-table {
    width: 99%;
}
.approval-item-table th {
    background: #cfe4f8 !important;
    color: #174373;
    height: 21px;
}
.approval-item-table td {
    border-bottom: 1px solid #aebed0;
}
.approval-blue-btn {
    border-radius: 6px;
}


/* v4.4 approval item add button: original position over exchange-rate column */
.approval-item-table th.approval-rate-th {
    position: relative;
    overflow: visible !important;
    vertical-align: bottom;
}
.approval-rate-add-button {
    position: absolute;
    right: -4px;
    top: -27px;
    height: 23px;
    white-space: nowrap;
    z-index: 3;
}
.approval-rate-label {
    line-height: 21px;
}
.approval-item-add-row {
    display: none !important;
}
.approval-item-title {
    display: none !important;
}


/* v4.5 approval list purchase company search select */
.approval-search-area .approval-biz-search-select {
    width: 210px;
    height: 20px;
}


/* v4.6 approval list purchase company search select binding fix */
.approval-biz-search-select {
    width: 210px;
    height: 20px;
}


/* v4.7 approval biz dropdown force */
.approval-biz-search-select {
    width: 210px;
    height: 20px;
}


/* v4.8 approval edit page */
.approval-edit-body {
    background: #fff;
    margin: 0;
    overflow: auto;
}
.approval-edit-wrap {
    padding: 18px 10px 8px 10px;
}
.approval-edit-wrap #cont_sub h4 {
    float: left;
    background: url(/resources/images/h4_icon.png) no-repeat left center;
    padding: 4px 0 4px 15px;
    font-size: 12px;
}
.approval-sign-table {
    width: 99%;
    clear: both;
    margin-top: 18px;
}
.approval-sign-table th {
    height: 21px;
    text-align: center;
    background: #cfe4f8 !important;
    color: #174373;
}
.approval-sign-table td {
    height: 24px;
    text-align: center;
    border-bottom: 1px solid #aebed0;
}
.approval-sign-table .approval-memo-line td {
    text-align: left;
    padding-left: 90px;
    background: #fffde8;
}
.approval-sign-name {
    font-style: italic;
    font-weight: bold;
    font-family: "Times New Roman", serif;
    font-size: 14px;
}
.approval-edit-buttons {
    text-align: right;
    margin: 14px 15px 6px 0;
}
.approval-edit-table {
    width: 99%;
    clear: both;
}
.approval-edit-table th {
    width: 150px;
    height: 26px;
    background: #d6e7f9 !important;
    color: #174373;
    font-weight: bold;
    text-align: left;
    padding-left: 15px;
}
.approval-edit-table td {
    height: 26px;
    padding-left: 15px;
}
.approval-edit-table input[type=text],
.approval-edit-table select {
    height: 20px;
    font-size: 12px;
}
.approval-edit-table textarea {
    border: 1px solid #999;
    font-size: 12px;
}
.approval-edit-item-table {
    width: 99%;
    margin-top: 14px;
}
.approval-total-table {
    width: 99%;
    margin-top: 28px;
    border-collapse: collapse;
}
.approval-total-table th {
    width: 50%;
    text-align: center;
    height: 25px;
    border-top: 1px solid #aebed0;
}
.approval-total-table td {
    text-align: right;
    height: 25px;
    border-top: 1px solid #aebed0;
    padding-right: 15px;
}
@media print {
    .approval-edit-buttons,
    button,
    .approval-small-btn {
        display: none !important;
    }
}


/* v5.0 approval edit popup UI spacing */
.approval-edit-buttons {
    clear: both;
    text-align: right;
    margin: 24px 15px 18px 0 !important;
    padding-top: 12px;
}
.approval-sign-table {
    margin-bottom: 10px !important;
}
.approval-edit-table {
    margin-top: 0 !important;
}
.approval-edit-item-table {
    margin-top: 14px !important;
}
.approval-total-table {
    width: 99% !important;
    margin-top: 28px !important;
    border-collapse: collapse;
}
.approval-total-table tr {
    height: 29px;
}
.approval-total-table th {
    width: 50% !important;
    height: 29px !important;
    line-height: 29px;
    text-align: center !important;
    border-top: 1px solid #aebed0 !important;
    background: #fff !important;
    color: #333 !important;
    font-weight: bold;
}
.approval-total-table td {
    width: 50% !important;
    height: 29px !important;
    line-height: 29px;
    text-align: right !important;
    border-top: 1px solid #aebed0 !important;
    padding-right: 15px !important;
    background: #fff !important;
}
.approval-total-table tr:last-child th,
.approval-total-table tr:last-child td {
    border-bottom: 1px solid #aebed0 !important;
}




/* v6.2 approval new popup compact/original alignment */
.approval-form-body { overflow-y: auto; overflow-x: hidden; }
.approval-form-wrap { padding: 12px 8px 6px 8px !important; }
.approval-form-buttons { padding-top: 6px !important; margin-right: 8px; }
.approval-form-table, .approval-item-table { width: 100% !important; }
.approval-form-table th { width: 150px !important; height: 24px !important; }
.approval-form-table td { height: 24px !important; padding: 2px 10px !important; }
.approval-form-table textarea { width: 430px !important; height: 90px !important; }
.approval-item-toolbar { clear: both; width: 100%; text-align: right; margin: 6px 0 2px 0; }
.approval-item-table { margin-top: 0 !important; }
.approval-item-table th { height: 20px !important; padding-left: 0 !important; text-align: center !important; }
.approval-item-table td { padding: 1px 2px !important; height: 21px; }
.approval-item-table input, .approval-item-table select { height: 20px !important; }
.approval-item-table tfoot { display: none !important; }
.approval-rate-add-button { display: none !important; }
.approval-rate-th { position: static !important; }
.approval-item-row button { padding: 0 4px; height: 20px; }