@import url('../css/mul_common.css');

.wrap { font-size: 12px; font-family: Arial, sans-serif !important; }
.sub_DB { width:100%; margin:0 auto; overflow: hidden; position: relative; }

.tblInfo { position:relative; height:58px; border:1px solid #e3e3e3; background-color: #f8fbff; }

.tblInfo .tblTab { float:left; height:58px; line-height:58px; font-weight:600; font-size: 14px; color: #7a7a7a; cursor: pointer; }
.tblInfo .tab .tblTab { background-color:#fff; position:relative; padding-left:20px; }
.tblInfo .tab .tblTab:after { content:" "; width:20px; height: 58px; display:block; background-image:url('../images/step_off_bg.png');position:absolute;top:0; z-index:3; }
.tblInfo .tab .tblTab.on:after { content:" "; width:20px; height: 58px; display:block; background-image:url('../images/step_off_bg.png');position:absolute;top:0; z-index:3; }
.tblInfo .tab .tblTab.on.viewTab:after { content:" "; width:20px; height: 58px; display:block; background-image:url('../images/step_on_bg.png');position:absolute;top:0; }
.tblInfo .tblTab span { display:inline-block; text-align:left; background:url('../images/step_icon.png') no-repeat 0 0; }
.tblInfo .tblTab .icon01 { background-position:0 0; padding-left:49px; }
.tblInfo .tblTab .icon02 { background-position:-279px 0; padding-left:44px; }
.tblInfo .tblTab .icon03 { background-position:-159px 0; padding-left:44px; }
.tblInfo .tblTab .icon04 { background-position:-548px 0; padding-left:41px; }
.tblInfo .tblTab .icon05 { background-position:-809px 0; padding-left:43px; }
.tblInfo .tblTab.on.viewTab { color:#fff;background-color:#0E5CAA; }
.tblInfo .tblTab.on.viewTab .icon01 { background-position:0 -58px; padding-left:49px; }
.tblInfo .tblTab.on.viewTab .icon02 { background-position:-279px -58px; padding-left:44px; }
.tblInfo .tblTab.on.viewTab .icon03 { background-position:-159px -58px; padding-left:44px; }
.tblInfo .tblTab.on.viewTab .icon04 { background-position:-548px -58px; padding-left:41px; }
.tblInfo .tblTab.on.viewTab .icon05 { background-position:-809px -58px; padding-left:43px; }
.tblInfo .tblTab.step01 { width:250px; padding-left:0px; }
.tblInfo .tblTab.step01:after { margin-left:250px; }
.tblInfo .tblTab.step02 { width:250px; }
.tblInfo .tblTab.step02:after { margin-left:250px; }
.tblInfo .tblTab.step03 { width:250px; }
.tblInfo .tblTab.step03:after { margin-left:250px; }
.tblInfo .tblTab.step04 { width:250px; }
.tblInfo .tblTab.step04:after { margin-left:250px; }
.tblInfo .tblTab.step05 { width:250px; }
.tblInfo .tblTab.step05:after { margin-left:250px; }

.viewStep { overflow:hidden; margin-top:-1px; border:1px solid #dfdfdf; }

#tabType.tblInfo { float:left; width:8%; height: 871px; background:#eef3fa; border-width:0 1px 0 0; border-style:solid; border-color:#e3e3e3; }
#tabType.tblInfo .tblTab { float: none; width:100%; height:110px; border:none; color:#fff; font-weight:400; border-bottom:1px solid #e3e3e3; }
#tabType.tblInfo .tblTab.on { background:#fff; color:#555; border-left:2px solid #55a1ff; width:77px; }
#tabType.tblInfo .tblTab .ico_list { display:block; width:42px; height:43px; margin:0 auto; padding-top:20px; background:url('../images/ico_btn.png') no-repeat -5px 12px; }
#tabType.tblInfo .tblTab .txt { line-height:18px; margin-top:10px; text-align:center; font-family:Arial, sans-serif !important; font-size:16px; color:#444; }

.tabCont { float: left; width:97.8%; margin:10px; }
.tabCont.min { width: calc(100% - 18px); }

.tblInfo_top { overflow:hidden; padding:10px; border-width:2px 1px 1px 1px; border-style:solid; border-color:#0E5CAA #d5d5d5 #d5d5d5; background:#f9f9f9; color:#222; font-size:14px; font-weight:500; }
.tblInfo_top input[type=text].title {margin-left:10px;padding:0 10px;width: 650px;height:28px;font-size:14px;color:#666;}
.tblInfo_top input[type=text].title.short { width: 298px; }
.tblInfo_top input[type=text].title.long { width: 80%; }
.tblInfo_top input[readonly] { background-color:#fbf9e5; }
.tblInfo_top .objSearchBar { float: left; font-size: 13px; line-height: 28px; }
.tblInfo_top .searchBar { float: right; }
.tblInfo_top .searchBar input[type=text] { width:154px; height:24px; vertical-align:top; }
.tblInfo_top .searchBar input[type=button] {padding: 0 20px;margin:0 3px;border: none;height: 28px;line-height: 28px;text-align: center;background: #0E5CAA;color: #fff;}
.tblInfo_top .tab_tit { font-size:13px; line-height:28px; }
.tblInfo_top .gap { padding:0 5px; vertical-align:middle; font-weight:400; }
.tblInfo_top .iconWrap { float: right; line-height: 24px; margin-left: 5px; }
.tblInfo_top img { color:#ccc; vertical-align:middle; }
.tblInfo_top .cellInfo { float: left; margin: 0 10px; line-height: 28px; }
.tblInfo_top.tit_m { margin: 10px 10px 0 10px; }

.tblInfo_top .table_list { /* width: 80%; */width: calc( 90% - 10px ); height: auto; float: left; margin: 0; margin-left: 10px; border: solid 1px #dfdfdf; box-sizing: border-box; background-color: #ffffff; border-bottom: none; }
.tblInfo_top .table_list table { width: 100%; }
.tblInfo_top .table_list table th { padding: 6px 0; color: #171717; background: #e1efff; border-bottom: 1px solid #dfdfdf; }
.tblInfo_top .table_list table td { border-bottom: 1px solid #d5d5d5; padding: 4px 0 4px 0; color: #636363; line-height: 20px; text-align: center; font-weight: 500; background-color: #ffffff; font-size: 12px; }

.tblStepArea { height: 100%; }
.tbltabMenu { float:left; width:9%; height:100%; background:#206fcf; }
.tbltabMenu .tabmenu { float:left; text-align:center; width:81px; height:79px; line-height:79px; border-bottom:1px solid #1260c0; font-family:Arial, sans-serif !important; font-size: 14px; color: #fff; cursor: pointer; }
.tbltabMenu .tabmenu span { display:inline-block; text-align:center; padding:15px 3px 0 3px; background:url('../images/tab_icon.png') no-repeat 0 0; }
.tbltabMenu .tabmenu .icon01 { background-position:-21px -76px; }
.tbltabMenu .tabmenu .icon02 { background-position:-103px -76px; }
.tbltabMenu .tabmenu .icon03 { background-position:-185px -76px; }
.tbltabMenu .tabmenu .icon04 { background-position:-271px -76px; }
.tbltabMenu .tabmenu .icon05 { background-position:-354px -76px; }
.tbltabMenu .tabmenu.on { background:#fff; color:#393939; }
.tbltabMenu .tabmenu.on .icon01 { background-position:-21px 5px; }
.tbltabMenu .tabmenu.on .icon02 { background-position:-103px 5px; }
.tbltabMenu .tabmenu.on .icon03 { background-position:-185px 5px; }
.tbltabMenu .tabmenu.on .icon04 { background-position:-271px 5px; }
.tbltabMenu .tabmenu.on .icon05 { background-position:-354px 5px; }

#tblArea { overflow:hidden; margin-top:-1px; /* border:1px solid #d5d5d5; */ height: 546px; }
#tblArea #searchArea { width: 100%; /*height: 403px; border: solid 1px #ccc; */ }
#tblArea #searchArea .searchTitle { width: 100%; display: inline-block; border-bottom: solid 1px #ccc; }
#tblArea #searchArea .searchTitle .result { float: left; font-weight: 600; margin: 7px 10px; }
#tblArea #searchArea .searchTitle .result span { color: #4887e3; }
#tblArea #searchArea .searchTitle .close { float: right;; margin: 7px 5px; }
#tblArea #searchArea .searchList { overflow: auto; height:495px; padding:10px 0 10px 13px; }
#tblArea #searchArea ul>li { font-size: 13px; padding:6px 0; }
#tblArea #searchArea ul>li>span { cursor: pointer; vertical-align: bottom; margin-right: 5px; }
#tblArea #searchArea span.searchKeyword { font-weight: 600; color: #4887e3; }

#tblArea #tblListArea { overflow: hidden; }
/* #tblArea #tblListArea div { box-sizing: border-box; height: 547px; overflow: auto; border-right: solid 1px #ccc; font-family:'Nanum'; float: left; } */	/* 20201019 arham */
#tblArea #tblListArea div.tree_contents {display: inline-block !important;}
#tblArea #tblListArea div ul li { line-height:18px; cursor: pointer; }

#tblArea #tblListArea div.step01 { background:#ddebff; border-right:1px solid #b5c7df; width: 25%; }
#tblArea #tblListArea div.step01 ul li { border-bottom:1px solid #c1d2e9; padding: 16px 20px; }
#tblArea #tblListArea div.step01 ul li.on { background:#55a1ff; color:#fff; }

#tblArea #tblListArea div.step02 { background:#ecf4ff; border-right:1px solid #cdd9e9; width: 25%; }
#tblArea #tblListArea div.step02 ul li { border-bottom:1px solid #d3deed; padding: 10px 20px; }
#tblArea #tblListArea div.step02 ul li.on { background:#ddebff; }

#tblArea #tblListArea div.step03 { background:#f8fbff; border-right:1px solid #cdd9e9; width: 20%; }
#tblArea #tblListArea div.step03 ul li { border-bottom:1px solid #d6e0ed; padding: 10px 20px; }
#tblArea #tblListArea div.step03 ul li.on { background:#ecf4ff; }

#tblArea #tblListArea div.step04 { background:#fff;border:none;height: 547px; width: 50%; }	/* 20201019 arham */
#tblArea #tblListArea div.step04 ul li { border-bottom:1px solid #d6e0ed; padding:10px 15px; font-size:13px; }
#tblArea #tblListArea div.step04 ul li.on { background:#f8fbff; }
#tblArea #tblListArea div.step04 img { vertical-align:middle; margin:1px; }

.table_list { margin:10px 0; border: solid 1px #dfdfdf; height:180px; overflow: auto; }
.table_list table { width: 100%; }
.table_list table th { padding: 9px 0 8px 0; color: #171717; background: #f8fbff; border-bottom: 1px solid #dfdfdf; }
.table_list table th.bg_none { background-image: none; background-color: #f8fbff; }
.table_list table td { border-bottom: 1px solid #d5d5d5; padding: 10px 0 8px 0; color: #636363; line-height: 20px; text-align: center; }
.table_list table td.t_left { text-align: left; }
.table_list table td img { vertical-align: middle; }
.table_list table td div.layer { width: 200px; height: 150px; background-color: #fff; border: 1px solid #ccc; position: absolute; display: none; text-align: left; }
.table_list table td select { height: 24px; font-size: 12px; margin-right: 5px; min-width: 30%; }

.subTblList { margin-top:-1px; height:410px; overflow: auto; padding:10px; border:1px solid #d5d5d5; }
.subTblList table { text-align: center; border-width:1px 1px 0 1px; border-style:solid; border-color:#dfdfdf;border-collapse: collapse; }
.subTblList table tr.tblColor { background-color: #f8fbff; }
.subTblList table th { border: solid 1px #d5d5d5; padding: 5px; color:#171717; background-color: #f8fbff; font-weight:500; }
.subTblList table td { border: solid 1px #d5d5d5; padding: 5px; color:#636363; font-weight:300; }
.subTblList table td select { height: 24px; font-size: 12px; margin-right: 5px; min-width: 30%; }
.subTblList table td.dtVal { /*text-align: right;*/ text-align:center; }

#objArea { position:relative; margin-top:-1px; height:430px; padding:15px 20px; overflow:auto; border:1px solid #dfdfdf }
#objArea .object { display: inline-block; width: 100%; }
#objArea .object .title { line-height: 25px; }
#objArea .object .title .titleNm { float: left; width: 100%; margin-bottom:5px; color:#368bf4; font-size:14px; font-family:Arial, sans-serif !important; }
#objArea .object .item { float: left; width: 44.5%; margin-bottom:20px; color:#888; }
#objArea .object .item span { line-height:20px; }
#objArea .object .item select.selectList { width:100%; padding:5px 0; margin-top:5px; height: 130px; color:#888; border-color:#e3e3e3; }
#objArea .object .item select.selectList option { padding:3px 12px; }
#objArea .object .btnArea { float: left; width: 10%; text-align: center; margin-top:30px; }
#objArea .object .btnArea input[type=button] { width: 50px; }
#objArea .object .btn_arrow { margin:3px 0; height:24px; text-align:center; border:1px solid #e3e3e3; background:#f8fbff; color:#4589de; font-family:Arial, sans-serif !important; }

#tbObjTblList tbody tr { cursor: pointer; }
#tbObjTblList tbody tr.on { background-color: #fbf9e5; }
#tbObjTblList .btn_blue {display:inline-block;width: 80px;border-radius:3px; height: auto;line-height: 20px;text-align: center;background: #0E5CAA;color: #fff;}
#tbObjTblList .btn_gray { display:inline-block; width: 80px; border-radius:3px; height: auto; line-height: 20px; text-align: center; background: #e0e4ea; color: #393939; }


.prd_info { overflow:hidden; width: 100%; /*height:282px;*/ }
.tbl_info { width: 60.5%; float: left; }
#prdArea { width: 37.5%; /*height: 96.5%;*/ float: right; margin-top:10px; border: solid 1px #dfdfdf; }
#prdArea .prd_top { height:32px; line-height:32px; padding:0 10px; border-bottom: solid 1px #dfdfdf; background:#f8fbff; }
#prdArea .prd_top select { font-size:12px; }

#prdArea .prd_top .btn a {position:relative;background-color: #0E5CAA;padding:2px 8px;font-size:12px;padding-left:20px;color:#fff;}
#prdArea .prd_top .btn a:before { content:" "; width:10px; height:10px; display:inline-block; background-image:url('../images/button/btnSearch.png'); position:absolute;top:4px; left:7px; }

#prdArea .prd_de_list { /* height:127px; */height: 547px; overflow-y: auto; color:#636363; padding:10px 15px; }
#prdArea .prd_de_list div { padding:3px 0; } 

.multi_tbl_info { margin-top:-1px; height: 530px; border:1px solid #e3e3e3; }
.multi_tbl_title { /*font-size: 15px; font-weight: bold; display: inline-block; padding: 10px 5px;*/ }
.multi_tbl_comm { color:#1f5cbe; margin: 10px; }
#multiTblArea, #chartArea { border: solid 1px #dfdfdf; height: 96%; overflow: auto; margin:10px; }
#multiTblArea table { margin:-1px 0 0 -1px; text-align: center; border-collapse:collapse; table-layout: fixed; }
#multiTblArea table tr.tblColor { background-color: #f9fff7; }
#multiTblArea table th { border: solid 1px #d5d5d5; padding: 5px; background-color: #f8fbff; font-weight:500; min-width: 80px; }
#multiTblArea table td { border: solid 1px #d5d5d5; padding: 5px; color:#636363; font-weight:400; vertical-align: top; }
#multiTblArea table td.dtVal { /*text-align: right;*/ text-align:center; }

.chartArea .chartTop { height: 20px; padding: 5px; border-bottom: solid 1px #ccc; background-color: #e4edf9; line-height: 28px; }
.chartArea .chartTop .chartBtn { float: left; }
.chartArea .chartTop select { vertical-align: top; }
/* .chartArea .chartViewArea .legend { height: 200px; border: solid 1px #ccc; overflow: auto; } */
.chartArea .chartViewArea .legend table { border-top: solid 1px #ccc; border-left: solid 1px #ccc; margin: 0 10px; }
.chartArea .chartViewArea .legend table tr { padding: 10px 5px; height: 25px; }
.chartArea .chartViewArea .legend table tr th, .chartArea .chartViewArea .legend table tr td { min-width: 80px; max-width: 150px; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; padding: 5px; }
.chartArea .chartViewArea .legend table thead tr { background-color: #f8fbff; }
.chartArea .chartViewArea .chartInfo { padding: 10px; }

.btn_basic { padding: 0 20px; margin:0 3px; border: none; height: 28px; line-height: 28px; text-align: center; background: #1f5cbe; color: #fff; } 
.btn_help { line-height: 58px; margin: 10px; padding: 10px 30px; border: none; text-align: center; background: #1f5cbe; color: #fff; }
.btn_sky_basic { padding: 0 20px; margin:0 3px; border: none; height: 28px; line-height: 28px; text-align: center; background: #55a1ff; color: #fff; }
.btn_blue {display:inline-block;width: 58px;border-radius:3px;height: 20px;line-height: 20px;text-align: center;background: #0E5CAA;color: #fff;}
.btn_gray { display:inline-block; width: 58px; border-radius:3px; height: 20px; line-height: 20px; text-align: center; background: #e0e4ea; color: #393939; }

.f_sky { color:#368bf4; }

.cur_default { cursor: default; }

.btn_small_wrap { padding-top:3px; }

/* help css */
.help_btn { position:absolute;right:20px; font-size:13px;top:20px; color:#555; }
.help_btn:before { width:13px; height:13px; position:absolute; display:block; content:" "; margin-left:-16px;margin-top:1px; background:url('../images/icon/help_icon.png') no-repeat 0 0; }

.cnt_wrap { padding:10px; }
.cnt_wrap .cnt_box { width:100%; height:785px; border:1px solid #dfdfdf;box-sizing:border-box; border-top:none; padding:20px; overflow-y:auto; padding-top:0px; }
.cnt_wrap .cnt_box h3 { font-size:14px; color:#1f5cbe; margin-bottom:15px;padding-bottom:7px; border-bottom:1px solid #c1d2e9; display:block;padding-top:20px; }
.cnt_wrap .cnt_box .step_box { overflow:hidden;margin-bottom:10px; }
.cnt_wrap .cnt_box .step_box .ul_1st > li { padding-left: 10px; font-size:13px; line-height:22px; margin-bottom:10px; }
.cnt_wrap .cnt_box .step_box .ul_1st > li span { 
	color:#fff; background-color:#ff7a00; 
	width:17px; height:17px; 
	font-size:10px; font-weight:600; 
	border-radius:30px; display:inline-block; box-sizing:border-box; 
	line-height:17px; padding-left:5px;
	margin-right:7px; margin-top:2px; 
	float:left;
 }
.cnt_wrap .cnt_box .step_box .ul_1st > li p { display:inline-block; width:285px; }
.cnt_wrap .cnt_box .step_box .ul_2nd { margin:5px 0; }
.cnt_wrap .cnt_box .step_box .ul_2nd > li { padding-left: 16px; color:#666; font-size:12px; line-height:20px; }
.cnt_wrap .cnt_box .step_box .img_box { width:60%; }
.cnt_wrap .cnt_box .step_box .txt_box { width:40%; padding:20px; box-sizing:border-box; }
.cnt_wrap .cnt_box .step_box .img_box img { border:1px solid #dcdcdc; box-sizing:border-box; width:100%; }
.cnt_wrap .quick_box { width:100%; overflow:hidden; background-color:#1f5cbe; }
.cnt_wrap .quick_box a { padding: 10px 20px; display:inline-block; color:#fff; border-right:1px solid #3b75d2; }
.cnt_wrap .tit { line-height:28px; }

.min-wd80 { min-width: 80px; }
.max-wd1100 { max-width: 1100px; }