@charset "UTF-8"

#dialog-modal {display:none; margin:50 auto;  background:#fff; color:#fff}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {color:#fff; background-color:#fff; border:2px solid #444; padding:2px 10px 12px 0px;}
#simplemodal-container .simplemodal-data {padding:2px 5px 12px 5px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(/images/common/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {line-height:33px; padding:0 20px; background:url(/images/common/bg_inner_h3.jpg) repeat-x; color:#000; font-size:13px;}


.tbl_type2 a.btn_detail	{ margin:0px 0 0 3px; width:45px; height:24px; line-height:24px; text-indent:8px;background:url(/images/common/btn_detail.gif) no-repeat; display:inline-block; }
.tbl_type2 a.btn_detail:hover	{ text-decoration:none }

/*메일읽기*/
.viewTitle { position: relative; border: 1px solid #e8e8e8; color: #000; width: auto; _height: 1%; overflow: hidden; zoom: 1; margin-left:11px; }
.viewTitle h4 { margin: 0 210px 0 15px; padding: 10px 0 6px; _padding: 13px 0 8px; background: none; font-weight: bold; font-size: 13px; line-height: 18px; color: #333; overflow: hidden; word-break: break-all; }
.viewTitle .spr { vertical-align: top; margin-top: 2px; *margin-right: 3px; *margin-top: 0; *margin-bottom: 2px; _margin-bottom: 5px; }
.viewTitle .icoImportantOn { width: 12px; height: 11px; background: url(/Images/Common/ico_mail1_130319.png) 0 -265px no-repeat; }
.viewTitle .icoImportantOff { width: 12px; height: 11px; background: url(/Images/Common/ico_mail1_130319.png) 0 -279px no-repeat; }
.viewTitle .icoNaverAdmin { width: 32px; height: 11px; background: url(/Images/Common/ico_jmail2_120309.png) 1px -631px no-repeat; }
.viewTitle .iCal { width: 13px; height: 12px; background: url(/Images/Common/ico_mail1_130319.png) 0 -568px no-repeat; }
.viewTitle .subMenu { position: absolute; top: 15px; right: 17px; font-weight: normal; font-size: 11px; }
.viewTitle .send_date { position: absolute; top: 11px; right: 15px; }
.viewTitle .send_date em { color: #00b232; }
.viewTitle .send_date .btn_modify { margin-left: 2px; }
.viewTitle .send_date .btn_modify img { background: url(/Images/Common/btn_jmail_121220_2.png) no-repeat -161px -44px; vertical-align: -2px; }
.viewTitle .send_date a.btn_modify:hover img { background-position: -179px -44px; }
.viewTitle .send_date .btn_cncl { color: #00b232; text-decoration: underline; }
.viewTitle .newJob { background: url(/Images/Common/ico_mail1_130319.png) right -359px no-repeat; padding-right: 9px; color: #666; letter-spacing: -1px; }
.viewTitle dl { padding: 0 8px 7px 15px; color: #333; overflow: hidden; font-size: 12px; }
.viewTitle dl dt { padding: 0 0 2px 16px; line-height: 18px; zoom: 1; }
.viewTitle dl .first-child { padding-left: 0; }
.viewTitle dl.popPreview dt { padding-left: 0 !important; }
.viewTitle dl dt img { vertical-align: middle; margin-right: 0; *vertical-align: top; _margin-bottom: 4px; }
.viewTitle dl dt .viewMoreOn, .viewTitle dl dt .viewMoreOff { background: url(/Images/Common/btn_jmail_121220_2.png) -122px -183px no-repeat; width: 12px; height: 12px; border-radius: 0; padding: 0; border: 0; margin: 0; }
.viewTitle dl dt .viewMoreOff { background-position: -108px -183px; }
.viewTitle dl dd { padding: 0 0 2px 75px; margin-top: -20px; line-height: 18px; text-indent: -8px; word-break: break-all; }
.viewTitle dl dd a { color: #333; }
.viewTitle dl dd .s { margin-left: -3px; padding-left: 0; font-size: 11px; color: #d1d1d1; letter-spacing: -1px; }
.viewTitle dl dd .s a { color: #666; padding: 0 2px; }
.viewTitle dl dd .s .refuse { color: #f00; }
.viewTitle dl dd.reserve { padding-left: 102px; }
.viewTitle dl dd.reserve a { font-size: 11px; text-decoration: underline; padding-left: 2px; color: #05b938; }

.mimg_btn { background-image: url(/images/common/merge_btns_111129.gif); background-repeat: no-repeat;}
.noSplitBtn a, .hSplitBtn a, .vSplitBtn a, .noSplitAndScrollBtn a { float: left; display: block; width: 21px; height: 21px; text-indent: -1000em; overflow: hidden;}
#noSplitMode {background-position: 0 0;}
#verticalSplitMode {background-position: -22px 0;}
#horizontalSplitMode {background-position: -44px 0;}

/*메일주소록자동완성*/
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }


 ul.tabstyleH	{width:29px; height:100%; border-right:0px solid #cfcfcf; display:inline-block; font-weight:bold}
 ul.tabstyleH li	{width:29px; height:100%; line-height:19px; margin-top:2px; float:left; text-align:center; background:url(/images/common/bg_ulh_middle.gif) repeat-y}
 ul.tabstyleH li a{ width:29px; height:100%; display:block; color:#373737}
 ul.tabstyleH li a:hover,
 ul.tabstyleH li.on{ background:url(/images/common/bg_ulh_middle_on.gif) repeat-y !important; text-decoration:none; font-weight:bold; color:#fff}
 ul.tabstyleH li.on a{ color:#fff;}


ul.ul_contract_list li {position: relative; height: 25px; line-height: 25px; background-color: #f5f5f5; margin-bottom: 2px; text-indent: 15px;}


div.list_spec {position: relative;margin: 10px 10px 10px 10px;padding: 10px 20px 15px;background: #f2f5fe;border: 1px solid #d8e0f3;border-left-width: 3px;}
div.cmt_box {margin: 10px 10px 10px 10px;border: 1px solid #dfdfdf;margin-top: 10px;}
div.cmt_top {margin: 0px 0px 0px 0px;height: 33px;background: url(/images/common/title_comment.gif) repeat-x left top;border-bottom: 1px solid #cfcfcf;}
div.cmt_top p.count {float: left;display: inline;margin: 8px 0 0 8px;color: #000;font-weight: bold;}
div.cmt_top a.new {float: right;margin: 10px 10px 0 0;text-decoration: underline;color: black;font-weight: bold;}
div.cmt {margin: 12px 15px 0px 15px;}
div.cmt div.message {margin-bottom: 15px;}
div.cmt div.post_info {padding: 3px 0 5px 15px;background: url(/images/common/cmt_icon02.gif) no-repeat left 5px;}
div.post_info span.user {color: #000;font-weight: bold;}
div.post_info span.date {font-family: tahoma;margin-left: 5px;margin-right: 5px;font-size: 11px;color: #999;}
div.cmt div.post_data {margin-left: 15px;}
div.post_data div.user_text {line-height: 130%;white-space: normal;}
div.user_file {margin: 15px 0 0 5px;}
div.user_file div.file {margin-bottom: 3px;}
div.file a.file {color: #4a58a7;font-size: 12px;background: none;}
div.file span.size {color: #999;font-family: tahoma;font-size: 11px;}
div.file a.download {padding-left:12px;background: url(/images/common/bul_file.gif) no-repeat;margin-left: 5px;}
div.cmt div.reply {margin-bottom: 15px;}
div.cmt div.reply .post_info {padding-left: 30px;background: url(/images/common/cmt_icon04.gif) no-repeat 5px 5px;}
div.cmt div.reply .post_data {padding-left: 30px;}








/*이전CSS 정리필요*/

.ContentWrapper{width:100%; border:1px solid #eee; margin:auto; min-width: 980px;}
.ContentLeft,.ContentCenter,.ContentRight{float:left; height:100%; min-height: 350px;}
.ContentLeft{width:350px;}
.ContentRight{width:100px;}
.ContentCenter{width:500px;}
.ContentHead{height:30px;background:#eee;}
.ContentFoot{clear:both;height:30px;background:#eee;}

/*컨텐츠 레이아웃 테이블*/
table.tableContent { table-layout:fixed; width:100%; height:100%; border-collapse:collapse; margin-left:5px; margin-top:5px; /*border:1px solid red*/}
table.tableContent td { vertical-align:top;}


/*컨텐츠 리스트 테이블*/
table.tableList { table-layout:fixed; border-top:2px #EA0000 solid; border-bottom:1px #CFCFCF solid; width:100%; border-collapse:collapse;}
table.tableList tr.even { background:#FFFFEA } /* CSS2 나 CSS3 에 even 은 없다 */
table.tableList tr:hover { background:#E3F2FF } /* 마우스 커서가 올려진 경우라서 모바일에선 무용. :focus 가 아님에 유의 */
table.tableList th, table.tableList td { padding:7px 3px 3px 3px; font-size:9pt; }
table.tableList th { border-right:1px #F3D7D7 solid; border-bottom:1px #CFCFCF solid; border-top:2px #CFCFCF solid; color:#000000; background:#faf9fa; }
table.tableList th.end, table.tableList td.end { border-right:1px #CFCFCF solid; }
table.tableList th:nth-child(1), table.tableList td:nth-child(1) {border-left:1px #CFCFCF solid;}
table.tableList th.center { text-align:center; }
table.tableList th.left { text-align:left; }
table.tableList th.right { text-align:right; }
table.tableList td { border-right:1px #F0F0F0 solid; border-bottom:1px #CFCFCF dotted; vertical-align:middle; }
table.tableList td.dot { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } /* 말줄임 */
table.tableList td.center { text-align:center; }
table.tableList td.left { text-align:left; }
table.tableList td.right { text-align:right; }
table.tableList td img { vertical-align:middle; }


.row-highlight { background:#E3F2FF; }

/*컨텐츠 입력 테이블*/   
.table-input {border-collapse:collapse; width:100%;}
.table-input td {padding:4px 0 3px 15px; color:#3e3e3e; font-size:12px; line-height:13px; text-align:left; border-bottom:1px solid #cbd0d0; border-right:1px solid #cbd0d0; border-left:1px solid #cbd0d0;}
.table-input td img {vertical-align:middle;}
.table-input td .tb_bt {background:none; padding:0px;}
.table-input td .tb_bt li {float:left; height:20px;}
.table-input td .tb_bt .left_bg {width:1px; background:url('../images/btn/btn01_l_bg.gif') no-repeat left top;}
.table-input td .tb_bt .mid_bg {padding-left:5px; padding-right:5px; padding-top:4px; background:url('../images/btn/btn01_m_bg.gif') repeat-x left top;}
.table-input td .tb_bt .mid_bg a {font-family:dotum; font-size:11px; color:#fff; }
.table-input td .tb_bt .mid_bg img {margin-top:3px;}
.table-input td .tb_bt .right_bg {width:1px; background:url('../images/btn/btn01_r_bg.gif') no-repeat left top;}
.table-input .sign_impo {font-weight:bold;padding:9px 10px 6px 9px; background:#f6f6f6;}
.table-input .sign_impo span {float:right; font-weight:normal;}
.table-input .sign_impo span img {margin-top:-2px;}
.table-input .topbg {background:#c0c0c0; margin:0px; padding:1px 0 0 0; height:1px; border:1px solid #c1c1c1; border-top:none; border-bottom:none;}
.table-input .title {padding:9px 10px 6px 9px; background:#f6f6f6; border-bottom:1px solid #d8d8d8; color:#3e3e3e; text-align:right;}
.table-input .title_cal {padding:9px 0px 6px 9px; background:#f6f6f6; border-bottom:1px solid #d8d8d8; color:#3e3e3e;}
.table-input .title_center {padding:9px 0 6px 0; background:#f6f6f6; border-bottom:1px solid #d8d8d8; color:#3e3e3e; text-align:center;}
.table-input .title_box {width:100%; margin:0; padding:0; border-bottom:1px solid #d8d8d8;} /*color:#516c85; */
.table-input .title_box textarea {margin:3px 0 3px 0;}
.table-input .title_box .tit_box {padding:1px 0 0 15px; width:100%; background:none;}
.table-input .title_box .tit_box li {width:100%;}
.table-input td input[type=text] {border: 1px #abadb3 solid; padding: 2px 0 0 3px; height: 15px;}
.table-input td button {border: 1px #abadb3 solid; padding: 1px 2px 1px 3px; height: 19px;}/*table in button*/

input.input-date {width : 80px;  }
input.input-tel {width : 120px;  }
input.input-zipcode {width : 60px;  }

/*트리메뉴*/
div.jstreediv {background:#f5f5f5;}
div.jstreein {padding-top:5px; width:100%; border:1px solid #CFCFCF; min-height:400px; background:#f5f5f5; overflow:auto; height:400px;}

/*상세검색조건*/
div._search_option { border-bottom:1px solid #CFCFCF; padding: 11px 0 8px 12px;}
div._search_option input[type=text] {border: 1px #abadb3 solid; padding: 2px 0 0 3px; height: 15px}

/*파일첨부*/
.file_input_textbox {float:left; width:120px; border:1px solid #cccccc; font-family:'dotum'; resize:none; height:18px; line-height:18px; padding:0 10px; color:#373737;}
.file_input_div {position:relative; width:125px; height:23px; overflow: hidden; float:left; cursor:pointer;}
.file_input_button {width:125px; position:absolute;top:0px; background-color:#f8f8f8; color:#555555; border:1px solid #cccccc;}
.file_input_hidden {font-size:45px; position:absolute; right:0px; top:0px; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0;}


/*탭*/
.tab{position:relative; height:29px; margin-top:2px; background:url(/Images/Common/tab_menu.gif) repeat-x 0 100%; font-family:'돋움',dotum; font-size:12px;}
.tab ul {margin:0;padding:0}
.tab ul li{margin:0;padding:0; list-style:none}
.tab ul li,.tab ul li a{background:url(/Images/Common/bg_tab2_off.gif) no-repeat}
.tab ul li{float:left;margin-right:-1px;line-height:26px}
.tab ul li a{display:inline-block; padding:2px 16px 1px;_padding:3px 16px 0; background-position: 100% 0; font-weight:bold;color:#666; text-decoration:none !important}
.tab ul li a:hover{color:#000}
.tab ul li.on,.tab ul li.on a{background-image:url(/Images/Common/bg_tab2_on.gif)}
.tab ul li.on a{color:#3376b8}

/*결재작성*/
.table-app { background-color:#ffffff; border-collapse:collapse;  height:110px;  width:100%;  min-height:148px;}
.table-app td {padding:0px 0px 0px 0px; font-size:12px; text-align:center; border-top:1px solid #cbd0d0; border-bottom:1px solid #cbd0d0; border-right:1px solid #cbd0d0; border-left:1px solid #cbd0d0;}
.table-app .title {width:42px; background:#f6f6f6; padding:4px 0px 3px 0px; color:#3e3e3e; }
.table-app-line {border-collapse:collapse; height : 100%; table-layout:fixed;}
.table-app-line td {padding:0px 0px 0px 0px; text-align:center; vertical-align:middle; font-size:12px; word-break: break-all;  word-wrap: break-word; border-top:1px solid #cbd0d0; border-bottom:1px solid #cbd0d0; border-right:1px solid #cbd0d0; border-left:1px solid #cbd0d0;}
.app-line-top {height: 24px; position: relative; padding:0 0 0 0;}
.app-line-grade {left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; line-height: 14px; position: absolute; z-index: 3;  padding:0 0 0 0;}
.app-line-middle {height: 64px; position: relative; padding:0 0 0 0;}
.app-line-middle-sign {left: 0px; top: 5px; width: 100%;  text-align: center; position: absolute; z-index: 10;  padding:0 0 0 0;}
.app-line-middle-app-state {left: 13px; top: 5px; width: 30px;  text-align: center; position: absolute; z-index: 11;  padding:4px 0px 0px 0px; border-top:1px solid #0756f7; border-bottom:1px solid #0756f7; border-right:1px solid #0756f7; border-left:1px solid #0756f7; background-color:#c3e2f3;}
.app-line-middle-emp {left: 0px; top: 5px; width: 100%;  text-align: center; line-height: 46px; position: absolute; z-index: 20;  padding:0 0 0 0;}
.app-line-middle-app-rep {left: 0px; top: 30px; width: 100%;  text-align: center; line-height: 46px; position: absolute; z-index: 20;  padding:0 0 0 0;}
.app-line-bottom-appdt {font-size:8px;}
.ul-appline-receive {margin:0px 0px 0px 0px; padding:0px 0px 0px 3px; list-style-type:none;}
.ul-appline-receive li {float:left; padding:2px 3px 0px 0px;}
.table-vertical-align { border-collapse:collapse;  height:100%;  width:100%; }
.table-vertical-align td { text-align: center; vertical-align: middle; border-top:0px solid #cbd0d0; border-bottom:0px solid #cbd0d0; border-right:0px solid #cbd0d0; border-left:0px solid #cbd0d0;}


/*첨부파일*/
.attfile_area {position: relative; padding: 0; min-width: 460px;}
.attfile_area h5 {margin-bottom: 9px; padding-left: 12px; background: url(/images/common/btn_jmail_121220_2.png) no-repeat -209px -45px; font-size: 12px; color: #333; text-align:left;}
.attfile_area h5 .num {margin: 0 3px 0 1px; font-weight: normal;}
.attfile_area h5 em {color: #38b601;}
.attfile_area h5 a {padding-left: 12px; font-size: 12px; font-weight: normal; color: #666; letter-spacing: -1px;}
.file_list {border: 1px solid #ededee; border-bottom: 0; margin:0 0 0 0;}
.file_list ul { margin:0 0 0 0;}
.file_list li { text-align:left; font-size: 12px; list-style: none; text-align: -webkit-match-parent; padding: 5px 3px 5px 15px; height: 17px; line-height: 17px; border-bottom: 1px solid #ededee; position: relative; }
.file-info .file-nm {font-size: 12px;  }
.file-info .file-size {padding-left:5px; color: #999;}
.delete-file{background: url(/images/common/btn_jmail_121220_2.png) no-repeat; background-position: 3px -52px; width: 12px; height: 13px; position: absolute; right: 3px; margin-top: 1px;}

/*결재코멘트*/
.ul-comment { margin:0 0 0 0;}
.ul-comment li { text-align:left; font-size: 12px; list-style: none; text-align: -webkit-match-parent; padding: 5px 3px 5px 3px; }
.ul-comment li .ul-comment-emp{ font-size: 12px; font-weight: normal; color: #515151;}
.ul-comment li .ul-comment-dt{margin-left:8px; font-size: 11px; font-weight: normal; color: #666;}
.ul-comment li .ul-comment-edit{margin-left:8px; font-size: 11px; font-weight: normal; color: #666;}

/*결재양식리스트*/
.form_in {position:relative; top:-120px; z-index:8; height:28px;}
.form_out {position:relative; top:0px; z-index:9;}
.doc_area img {margin-left:8px; margin-top:8px;	border: 1px solid rgb(200, 200, 200);}
.doc_area a:hover .form_in{ background-color:#CFCFCF; display:block; z-index:10;}
.doc_name { margin: 9px 0px 0px; color: rgb(51, 51, 51); line-height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


/*포털 포틀릿*/
.ul-portlet { margin:0 0 0 0;}
.ul-portlet li { text-align:left; font-size: 12px; list-style: none; text-align: -webkit-match-parent; padding: 0px 3px 20px 3px; }
.ul-portlet li .ul-portlet-subject{ font-size: 12px; font-weight: normal; color: #515151; width:330px; text-overflow:ellipsis; overflow: hidden; float:left;}
.ul-portlet li .ul-portlet-emp{margin-left:8px; font-size: 11px; font-weight: normal; color: #666; float:right;}
.ul-portlet li .ul-portlet-dt{margin-left:8px; font-size: 11px; font-weight: normal; color: #666; float:right;}

/*주소록인덱스*/
.top_line {border-top: 1px solid #ededed;}
.addr_index_top {padding-top: 16px;padding-bottom: 10px;}
.addr_index {padding: 9px 0; height: 13px;position: relative;}
.addr_index ul {list-style: none; float: left; margin: 0; padding: 0;}
.addr_index li {display: list-item; list-style: none; float: left; margin: 0; padding: 0; background: url("/images/common/line_1.gif") no-repeat right top;}
.addr_index li a {color: #333; font-size: 13px; padding: 0 12px 0 10px; font-family: "돋움",dotum,"굴림",gulim; cursor: pointer;}
.c_index{ font-weight: bold;}

/*
 * jQuery Selectbox plugin 0.2
 *
 * Copyright 2011-2012, Dimitar Ivanov (http://www.bulgaria-web-developers.com/projects/javascript/selectbox/)
 * Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) license.
 * 
 * Date: Tue Jul 17 19:58:36 2012 +0300
 */