﻿/*아이템 검색 시 팝업*/
.stepBox2  {width:1200px; height:80%; background:#fff; position:absolute; top:10%; left:50%; margin-left:-600px; border-radius:3px; overflow:hidden; display:none; box-sizing:border-box; border:1px solid #00a0e9;}
.stepBox2 .top  {width:100%; height:50px; color:#333; border-bottom:1px solid #ccc; /*padding:15px 0 0 10px;*/ box-sizing:border-box; line-height:50px; text-align:left; font-weight:bold; padding:0 20px;}
.stepBox2 .top span {font-size:1.1rem; padding-left:10px; background:url('/images/blt/blt_input_tit.png') no-repeat left center; vertical-align:middle;}
.stepBox2_wrap {width:100%; height:97%; overflow-y:auto;}
.stepBox2 .export {box-sizing:border-box; padding:20px 10px; }
.stepBox2 .import {box-sizing:border-box; padding:20px 10px;  }

.stepBox2 .export_o {box-sizing:border-box; padding:10px; display:none}
.stepBox2 .import_o {box-sizing:border-box; padding:10px; display:none}

.flag_top { box-sizing:border-box; padding:20px 0 20px 80px; text-align:left;}
.flag_top .flag {width:30px; height:20px; border:1px solid #ccc; vertical-align:middle; margin-right:5px;}
.flag_top.ico1 { background: url('/images/ico1.png') no-repeat left 10px center;}
.flag_top.ico2 { background: url('/images/ico2.png') no-repeat left 10px center;}

.hsBox {border:1px solid #ccc; margin:20px 10px}
.hsBox .hsBox_top {height:50px; background:#f7f7f7; border-bottom:1px solid #ccc; line-height:50px; box-sizing:border-box; /*padding-left:10px*/ position:relative;}
.hsBox .hsBox_top a {display:inline-block; height:24px; line-height:24px; border:1px solid #999; background:#f9f9f9; padding:0 10px; position:absolute; right:20px; top:13px;}
.hsBox .hsBox_top a:hover {cursor:pointer; background:#f1f1f1;}

.hsBox ul {padding:20px; text-align:left; border-bottom:1px dotted #ccc;}
.hsBox ul .tit {color:#333;}
.hsBox ul .tit span.cate {color:green; margin-left:10px;}
.hsBox ul .txt {margin-top:10px; font-size:13px; color:#444}
.hsBox .hslist {padding:20px 20px 20px 20px; text-align:left;}
/*.hsBox .hslist .ex {background:#1db8ed; padding:5px; display:inline-block; font-size:12px; color:#fff;}*/
.hsBox .hslist .ex {/*background:#effbff;*/ display:inline-block; font-size:12px; color:blue;}
.hsBox .hslist table {width:100%; margin-top:10px; border-top:1px solid #333; padding-top:1px}
.hsBox .hslist td {height:30px; border:1px solid #ccc; font-size:0.9rem; color:#888; padding:5px 0 5px 10px}
.hsBox .hslist .on {background:#effbff;}
.hsBox .hslist .on:hover {background:#dcf1ff; cursor:pointer}
.hsBox .hslist .on td {color:#333;}
.hsBox .hslist td.tit {background:#fff; border:1px solid #fff; border-bottom:1px solid #1db8ed;  color:#000; padding-left:0px;}

.tcs_close {top: 10px; right: 10px;}





/* 경합세율 팝업 */
#impTrfTbl {border: 1px solid #ccc; border-collapse: collapse; width:100%;}
#impTrfTbl th, #impTrfTbl td{border: 1px solid #ccc;border-collapse: collapse; empty-cells:show; padding:10px;}

/* 수량 입력 다이얼 로그 */
#unit-div {height:458px; padding:20px; box-sizing:border-box;}
.unit_notice {font-size:1rem; text-indent:-20px; margin-left:20px;}
.unit-body {margin-top:20px; border:1px solid #ccc; border-radius:3px; height:250px; padding:20px;}
.unit_pop_tit {display:inline-block; width:200px;}
#unit-sel {width:100px;}
#unitFrm {margin-top:10px;}
.unit-label {display:inline-block; line-height:30px; width:200px;}
#unit-div input[type=text] {width:120px; line-height:30px; padding:0 5px; border:1px solid #999; border-radius:3px;}
.unit-unit{line-height:30px; margin-left:10px;}
#unit-div .btn_area {text-align:center;}
#unit-div #unitOK {margin-top:10px; padding:5px 10px; border-radius:3px; background:#e7e7e7; border:1px solid #ccc;}
#unit-div #unitOK:hover {cursor:pointer; background:#e1e1e1;}


/* 협정세율 팝업 */
#trfDialog {overflow-y: auto;}
#trfDialog .content {padding:20px;}
#trfDialog .content h4 {color:#ff0000;}
#trfDialog .content > div .tit {margin-top:30px; font-size:1.1rem; font-weight:bold; background:#333; display:inline-block; color:#fff; height:30px; line-height:30px; padding:0 20px; border-radius:15px;}
#trfDialog .content .tcsta {margin-top:10px;}
#trfDialog .content .tcsta table {width: 100%}
#trfDialog .content .tcsta th {height:30px; border-top:1px solid #999; border-bottom:1px solid #999; font-size:1rem; background:#f1f1f1;}
#trfDialog .content .tcsta td.hs_name {padding:6px 10px; border-bottom:1px solid #999; font-size:0.9rem; text-align:left; line-height:1.3rem;}
#trfDialog .content .tcsta td.hs_num {padding:6px 5px; border-bottom:1px solid #999; font-size:0.9rem; text-align:center; line-height:1.3rem;}

#trfDialog .content .tcsta .trf_row.on {color:#0080d2; background:#f1fbff;}
#trfDialog .content .tcsta .trf_row.on:hover {cursor:pointer; background:#dcf1ff;}

#trfDialog .content .tcsta.there_is_no table {width:100%;}
#trfDialog .content .tcsta.there_is_no td {padding:6px 10px; border-top:1px solid #999; border-bottom:1px solid #999; font-size:0.9rem; text-align:left; line-height:1.3rem;}

/*2개 세율 팝업*/
#taxDialog {overflow-y: auto;}
#taxDialog .content {padding:20px;}
#taxDialog .content h4 {color:#ff0000;}
#taxDialog .content > div .tit {margin-top:30px; font-size:1.1rem; font-weight:bold; background:#333; display:inline-block; color:#fff; height:30px; line-height:30px; padding:0 20px; border-radius:15px;}
#taxDialog .content .tcsta {margin-top:10px;}
#taxDialog .content .tcsta table {width: 100%}
#taxDialog .content .tcsta th {height:30px; border-top:1px solid #999; border-bottom:1px solid #999; font-size:1rem; background:#f1f1f1;}
#taxDialog .content .tcsta td.hs_name {padding:6px 10px; border-bottom:1px solid #999; font-size:0.9rem; text-align:left; line-height:1.3rem;}
#taxDialog .content .tcsta td.hs_num {padding:6px 5px; border-bottom:1px solid #999; font-size:0.9rem; text-align:center; line-height:1.3rem;}
#taxDialog .content .tcsta .tax_row.on {color:#0080d2; background:#f1fbff;}
#taxDialog .content .tcsta .tax_row.on:hover {cursor:pointer; background:#dcf1ff;}
#taxDialog .content .tcsta .tax_row.on td.not_apply {height:30px; border-bottom:1px solid #999; padding:0 10px;}
#taxDialog .content .tcsta.there_is_no table {width:100%;}
#taxDialog .content .tcsta.there_is_no td {padding:6px 10px; border-top:1px solid #999; border-bottom:1px solid #999; font-size:0.9rem; text-align:left; line-height:1.3rem;}
