﻿.section_wrap2_img .section-img_tcsm {width:1200px; height:432px; padding:0px 0; text-align:center; cursor:pointer; /*background:url("../images/m_tcs.jpg")no-repeat*/ margin:0 auto;}
.section_wrap2_img .section-img_tcsm p{ margin:0 auto; text-align:center}
.section_wrap2_img .section-img_tcsm p.tcstit{font-size:22px; line-height:35px; color:#fff; position:relative; top:40px;letter-spacing:1.5px; font-weight:normal; width:100%}
.section_wrap2_img .section-img_tcsm p.tcstit2{font-size:35px; line-height:35px; color:#4c6f85; position:relative; top:290px; letter-spacing:1.5px}
.section_wrap2_img .section-img_tcsm p.tcstit3{font-size:80px; line-height:35px; color:#08324d; position:relative; top:270px; font-weight:600; letter-spacing:1.5px}


.tcsta {border-top:solid 2px #000;margin-bottom:20px;margin-top:20px;}
.tcsta table {border-collapse:collapse;width:100%;color:#4c4c4c;font-size:13px;table-layout:fixed; line-height:40px}
.tcsta table th {border-bottom:solid 1px #ddd;padding-left:35px;color:#4c4c4c;font-size:16px;text-align:left;font-weight:bold;background:#f8f8f8;padding-top:10px; padding-bottom:10px}
.tcsta table th em{margin-left:-15px;display:inline-block;width:15px;color:#e02222;}
.tcsta table th.cen{padding-left:25px}
.tcsta table th.exp{font-size:13px; text-align:center; padding-left:0px;font-weight:normal}
.tcsta table th.mtit{padding-left:10px}
.tcsta table th.mtit2{padding-left:10px; margin-top:10px}
.tcsta table th.m_icon01{background:#f8f8f8 url('../images/m_icon01.png')no-repeat center center;}
.tcsta table th.m_icon02{background:#f8f8f8 url('../images/m_icon02.png')no-repeat center center;}
.tcsta table th.m_icon03{background:#f8f8f8 url('../images/m_icon03.png')no-repeat center center;}
.tcsta table th.m_icon04{background:#f8f8f8 url('../images/m_icon04.png')no-repeat center center;}
.tcsta table th img.micon01{background:url('/images/m_icon01.gif')no-repeat 0px 10px;}
.tcsta table td {border-bottom:solid 1px #ddd;color:#333;/*padding:10px 0 10px;*/font-size:15px;padding-left:20px;/*line-height:140%*/}
.tcsta table td label{margin-right:26px;}
.tcsta table td div.td_in{padding:5px 0;}
.tcsta table td strong.tm{font-size:30px;color:#666666;position:relative;bottom:-6px;margin-right:2px;}
.tcsta table td input[type='text'] {width:200px; border-radius:3px; height:30px; vertical-align:middle;}

#tcsDialog {overflow-y: hidden;}

#exp-imp-nation {display: none;}
#exp-result, #imp-result {cursor: pointer}

.stepBox2  {width:1200px; height:840px; background:#fff; position:absolute; top:50%; left:50%; margin-left:-600px; margin-top:-420px; border-radius:3px; overflow:hidden; display:none} /*수정*/
.stepBox2 .top  {width:100%; height:50px; background:#1db8ed; color:#fff; padding:15px 0 0 10px; box-sizing:border-box;}
.stepBox2_wrap {width:100%; height:700px; overflow-y:auto;}
.stepBox2 .export {box-sizing:border-box; padding:10px; }
.stepBox2 .import {box-sizing:border-box; padding: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}
.flag_top .flag {width:30px; border:1px solid #ccc; vertical-align:middle}
.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 }

.hsBox ul {padding:20px;}
.hsBox ul .tit {color:#0006f0}
.hsBox ul .txt {margin-top:10px; font-size:13px; color:#444}
.hsBox .hslist {padding:0px 20px 20px 20px;}
/*.hsBox .hslist .ex {background:#1db8ed; padding:5px; display:inline-block; font-size:12px; color:#fff;}*/
.hsBox .hslist .ex {background:#effbff; padding:5px; 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 #eee; font-size:14px; color:#888; padding:5px 0 5px 10px}
.hsBox .hslist .on {background:#effbff;  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;}

/*거래국 선택부분 화살표
.exp_na{display:inline-block;}
.exp_arrow{display:inline-block; background:url('../images/icon_arrow_s.gif') no-repeat; width:50px; height:28px; vertical-align:middle; margin: 0 15px;}
.imp_na{display:inline-block; vertical-align:middle;}
*/


/*거래국 선택부분 화살표*/
.exp_na {display: inline-block; /*width:150px;*/}
.exp_arrow{display:inline-block; background:url('../images/icon_arrow_s.png') no-repeat; width:15px; height:15px; vertical-align:middle; margin: 0 15px;}
.imp_na{display:inline-block; /*width:150px;margin-left:80px; */ vertical-align:middle;}


 /* 결과보기 */
/*table {border:10px solid #ccc; border-collapse: collapse; width: 100%;}
table th, table td {border: 1px solid #ccc;}*/
.link-return-item {text-decoration: underline; border:1px solid #1db8ed}
/*결과 중 감면액 품명 선택*/
.item-list-sel {height: 200px;overflow-y: auto; width: 100%; display: none;}
.item-sel {display: none;}
.item-desp {display: none; height: 200px; overflow-y: auto; width: 100%;}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }

/*품명 결과 처리*/
.last-code {margin: 0 10px;}
.hs-2-str, .hs-4-str, .hs-5-str, .hs-6-str, .last-str, #hsinfo-title span {
    display: inline-block;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.last-str {max-width: 710px}
.hs-str-last {
    display: inline-block;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    color: blue;
}
/* 결과 보기 아코디언 처리 */
.group .head.ui-accordion-header {
    padding: 0;
    margin: 15px 0 0 0;
}
.group .head.ui-state-active {background: none; /*border: none;*/}


.titarea{}
/*.all_openclose{float:right}
.all_open{width:100px; display:inline; margin-right:10px; border:1px solid #ccc;}
.all_close{width:100px; display:inline; border:1px solid #ccc}*/


.all_openclose{float:right; border:1px solid #ccc; width:105px; line-height:20px}
.all_open{display:inline;}
.all_close{display:inline;}



/*도움말 다이얼 로그*/
.ui-dialog {
    border: none !important;
    border-radius: 0px !important;
}
.highlight {
    border: 1px solid #1db8ed !important;
}

/*최종 품명 컬러 변경*/
span.last {color: #f00;}

/*다이얼로그 스크롤*/
.popContents{overflow:hidden}

#impTrfTbl {border: 1px solid #ccc; border-collapse: collapse;}
#impTrfTbl th, #impTrfTbl td{border: 1px solid #ccc;border-collapse: collapse; empty-cells:show;}

/*수량 입력 다이얼 로그*/
#unit-div div {margin-bottom:20px; /*padding:5px;*/}
#unit-div div:last-child {margin-bottom: 15px; }
#unit-div div#trf, #unit-div div#tax, #unit-div div#rate {margin-bottom: 0; text-align: center; }
#unit-div input[type=text] {margin: 0 15px; width: 80px; float:left }
.unit-lable {line-height:30px}

.unit-unit{text-align:left; line-height:34px}

/* 아이템, 운송 조건 결과*/ 
#item-result, #trans-result {cursor: pointer;}
/* 협정 세율, 다중 내국세*/
.tax_row.on  td{
    cursor: pointer;
    color: blue;
}


/*top area*/
.conbtn {margin-top: 10px;float: right; margin-right:5px}
/*top area*/
.conbtn2 {margin-top: 10px;float: right;}




/*메인부분 시작*/


/*메인테이블*/
/*.mainta{width:500px;}
.mainta th {width:720px; padding-left:20px; border:1px solid #ccc; background:#f9f9f9; color:#333; font-size:16px; text-align:left; font-weight:bold; }
.mainta td {width:100px; padding:20px; border:1px solid #ddd; text-align:center}
.mainta ul {margin-left:20px;}
.mainta ul li{line-height:30px; color:#000}
.mainta ul li .tblue{line-height:30px; font-color:#0066cc}*/


.mainta{width:485px;height:240px; float:left; margin-right:30px}
.mainta th {/*padding-left:20px;*/ /*border:1px solid #1db8ed;*/ border:1px solid #8edbf6; background:#fff; color:#333; font-size:16px; text-align:center; font-weight:bold; padding:10px }
.mainta td {width:100px; padding:20px; /*border:1px solid #1db8ed;*/ border:1px solid #8edbf6; text-align:center}
.mainta ul {margin-left:20px;}
.mainta ul li{line-height:30px; color:#000}
.mainta ul li.tblue{line-height:30px; color:#0066cc}

.baro{font-weight:normal; float:right; margin-top:10px; color:#0066cc; margin-right:10px}
.baro a {color:#0066cc; font-size:14px}
.baro a:hover {color:#0066cc}


.mainta ul li.bl a{color:#000}
.mainta ul li.bl a:hover {color: #000}

.mainta ul li.tblue a {display:inline-block;  height:50px; color:#0066cc}
.mainta ul li.tblue a:hover {color:#0066cc}




.section-title ul li a{color:#fff}
.section-title ul li a:hover {color:#fff}
.section-title {}




.mainta2 {
    width: 1000px;
    float: left;
    margin-right: 30px
}
.mainta2 th {/*padding-left:20px;*/ border:1px solid #ffbf7f; background:#fff; color:#333; font-size:16px; text-align:left; font-weight:bold; padding:10px }
.mainta2 td {padding:20px; border:1px solid #ffbf7f; text-align:center}
.mainta2 ul {margin-left:20px;}
.mainta2 ul li{line-height:30px; color:#000}
.mainta2 ul li.tblue{line-height:30px; color:#0066cc}



.mainta3 {
    width: 1000px;
    float: left;
    margin-right: 30px
}
.mainta3 th {/*padding-left:20px;*/ border:1px solid #ffbf7f; background:#fff; color:#333; font-size:16px; text-align:left; font-weight:bold; padding:10px }
.mainta3 td {padding:20px; border:1px solid #ffbf7f; text-align:center}
.mainta3 ul {margin-left:20px;}
.mainta3 ul li{line-height:30px; color:#000}
.mainta3 ul li.tblue{line-height:30px; color:#0066cc}




section {max-width:1200px; margin:auto; box-sizing:border-box; background:#ebf1f7; padding:20px; border-radius:5px; margin-top:20px; margin-bottom:20px; /*min-height: 40%; clear: both;*/}
.section_wrap {width:100%; border-bottom: none/*1px solid #eee*/; position:relative }
.section_wrap_lg {width:100%; position:relative }
.section_wrap .section-title {padding:30px 0; padding-left:80px; cursor:pointer; height:240px}
.section_wrap .section-title2 {padding:30px 0; padding-left:80px; cursor:pointer; width:600px}
.section_wrap .section-title3 {padding:0px 0; padding-left:80px; cursor:pointer;}
.section_wrap .section-title.ico1 {background:#fff url("../images/ico1.png")no-repeat left center;}
.section_wrap .section-title.ico2 {background:#fff url("../images/ico2.png")no-repeat left center;}
.section_wrap .section-title.ico3 {background:#fff url("../images/ico3.png")no-repeat left center;}
.section_wrap .section-title.ico4 {background:#fff url("../images/ico4.png")no-repeat left center;}

.m_tit_s{color:#0066cc; padding-bottom:20px}