@charset "utf-8";
/* 레이어 팝업 */
.loginLayerPop {display:none; position:fixed; top:0; left:0; z-index:1000; width:100%; height:100%; background:rgba(255,255,255,0.95)}
.loginLayerPop > .inner {overflow:hidden; position:fixed; top:50%; left:50%; padding-top:67px; border:2px solid #004a98; border-radius:5px; max-width:90%; max-height:90%; background:#fff; transform:translate(-50%, -50%) scale(0); -ms-transform:translate(-50%, -50%) scale(0); -moz-transform:translate(-50%, -50%) scale(0); -webkit-transform:translate(-50%, -50%) scale(0); transition:all 0.2s; -moz-transition:all 0.2s; -webkit-transition:all 0.2s}
.loginLayerPop > .inner .tit {position:absolute; top:0; left:20px; right:20px; z-index:3; padding:20px 20px 15px; border-bottom:2px solid #000; line-height:30px; font-size:22px; font-weight:700; color:#000; background:#fff}
.loginLayerPop > .inner .cont {overflow-y:auto; padding:20px 20px 60px}
.loginLayerPop > .inner .cont p {line-height:30px; font-size:13px; font-weight:700; color:#4a4a4a}
.loginLayerPop > .inner .cont .btnBottom {display:flex; justify-content:center; margin-top:10px}
.loginLayerPop > .inner .cont .btnBottom .btn + .btn {margin-left:10px}
.loginLayerPop > .inner .cont .tableBottom .paging .page * {width:20px}
.loginLayerPop > .inner > a {position:absolute; top:30px; right:32px; width:60px; height:60px; text-indent:-9999px; background:url("/images/kotra/membership/n-btn-close.png") no-repeat center/22px auto}
.loginLayerPop.on > .inner {transform:translate(-50%, -50%) scale(1); -ms-transform:translate(-50%, -50%) scale(1); -moz-transform:translate(-50%, -50%) scale(1); -webkit-transform:translate(-50%, -50%) scale(1)}

/* 일반 레이어 팝업 */
.layerPop {display:none; position:fixed; top:0; left:0; z-index:1000; width:100%; height:100%; background:rgba(255,255,255,0.95)}
.layerPop > .inner {overflow:hidden; position:fixed; top:50%; left:50%; padding-top:67px; border:2px solid #004a98; border-radius:5px; max-width:90%; max-height:90%; background:#fff; transform:translate(-50%, -50%) scale(0); -ms-transform:translate(-50%, -50%) scale(0); -moz-transform:translate(-50%, -50%) scale(0); -webkit-transform:translate(-50%, -50%) scale(0); transition:all 0.2s; -moz-transition:all 0.2s; -webkit-transition:all 0.2s}
/* .layerPop > .inner .tit {position:absolute; top:0; left:0; z-index:3; padding:20px 20px 15px; border-bottom:2px solid #000; line-height:30px; font-size:22px; font-weight:700; color:#000; background:#fff} */
.layerPop > .inner .cont {overflow-y:auto; padding:20px 20px 60px;box-sizing:border-box;}
/* .layerPop > .inner .cont p {line-height:30px; font-size:13px; font-weight:700; color:#4a4a4a} */
.layerPop > .inner .cont .btnBottom {display:flex; justify-content:center; margin-top:10px}
.layerPop > .inner .cont .btnBottom .btn + .btn {margin-left:10px}
.layerPop > .inner .cont .tableBottom .paging .page * {width:20px}
/* .layerPop > .inner > a {position:absolute; top:30px; right:32px; width:60px; height:60px; text-indent:-9999px; background:url("/images/kotra/membership/n-btn-close.png") no-repeat center/22px auto} */
.layerPop.on > .inner {transform:translate(-50%, -50%) scale(1); -ms-transform:translate(-50%, -50%) scale(1); -moz-transform:translate(-50%, -50%) scale(1); -webkit-transform:translate(-50%, -50%) scale(1)}


/* 검색 영역 */
.nPopSrchWrap {margin:27px 0 30px}
.nPopSrchWrap .inner {position:relative; padding-right:60px}
.nPopSrchWrap input[type=text] {padding:10px 18px; width:100%; height:38px; border:1px solid #ccc; border-radius:5px; letter-spacing:-0.05em; font-size:16px; color:#555}
.nPopSrchWrap table {width:100%}
.nPopSrchWrap table tbody th {padding:0 10px 0 0; height:38px; line-height:38px; font-size:16px; color:#666; font-weight:700}
.nPopSrchWrap.v2 {margin-top:0; border-radius:10px; background:#f3f3f3}
.nPopSrchWrap.v2 .inner {padding:24px 17px}
.nPopSrchWrap.v2 input[type=text] {height:44px}
.nHsCodeNm {text-decoration:underline; color:#055ecd}
.nHsCodeNm:hover {font-weight:700}
@media(max-width:767px) {
    .nPopSrchWrap {margin:10px 0 30px}
    .nPopSrchWrap .inner {padding:0 0 54px}
    .nPopSrchWrap table {display:block}
    .nPopSrchWrap table tbody {display:block}
    .nPopSrchWrap table tbody tr {display:block}
    .nPopSrchWrap table tbody th {display:block; width:100%; text-align:left}
    .nPopSrchWrap table tbody td {display:block; width:100%}
    
}

/* 테이블 상단 */
.popTableTop {margin:20px 0 10px}
.popTableTop p {letter-spacing:-0.05em; line-height:26px; font-size:17px; color:#666}
.popTableTop p span {color:#ca2f01; font-weight:700}

/* col 테이블 */
.nPopTable table {table-layout:fixed; width:100%}
.nPopTable table th {padding:11px 7px; border-bottom:1px solid #000; text-align:center; letter-spacing:-0.03em; line-height:26px; font-size:16px; color:#003663; font-weight:500; background:#efefef}
.nPopTable table td {border-bottom:1px solid #ccc; padding:11px 7px; text-align:center; font-size:16px; word-break:break-all}
.nPopTable table td:not([rowspan]) + td {border-left:1px solid #ccc}
.nPopTable input[type=text] {min-width:142px}
.nPopTable + .nPopTable {margin-top:20px}
.nPopTable.v2 {overflow-y:auto; max-height:480px}
.nPopTable.v2 th[rowspan] {border-right:1px solid #000}
.nPopTable.v2 td[rowspan] {border-right:1px solid #ccc}
@media(max-width:767px) {
    .nPopTable table th,
    .nPopTable table td {font-size:14px}
}

/* 페이징 */
.nPopPaging {display:flex; justify-content:center; margin-top:30px}
.nPopPaging ul {display:flex;justify-content: center;}
.nPopPaging ul li {margin:1px;list-style:none !important;}
.nPopPaging ul li + li {margin-left:4px;}
.nPopPaging ul li a {display:block; min-width:42px;height:42px; padding:0 5px; line-height:40px;list-style:none !important;text-align:center;font-size:14px; color:#272d3d; border:1px solid #ccc;border-radius:4px;box-sizing:border-box;background:#fff}
/* 2022.11.16 SHW 페이징 이미지 안나오는거 수정 */
.nPopPaging ul li a.first{text-indent:-9999px; background:url("/images/kotra/membership/bsnsInfo-first.png")no-repeat center}
.nPopPaging ul li a.prev {text-indent:-9999px; background:url("/images/kotra/membership/bsnsInfo-prev.png") no-repeat center}
.nPopPaging ul li a.next {text-indent:-9999px; background:url("/images/kotra/membership/bsnsInfo-next.png") no-repeat center}
.nPopPaging ul li a.last {text-indent:-9999px; background:url("/images/kotra/membership/bsnsInfo-last.png") no-repeat center}
.nPopPaging ul li a.curr {color:#fff; border-color:#004a98; background:#004a98;}
@media(max-width:767px) {
		.nPopPaging ul {flex-wrap:wrap;width:100%;}
    .nPopPaging ul li a {min-width:28px;height:28px;line-height:26px;font-size:13px;}
    .nPopPaging ul li,
    .nPopPaging ul li + li {margin:2px;}
}

/* 버튼 */
.nBasicBtn {display:inline-block; padding:0 20px; height:36px; border:1px solid #004a98; border-radius:5px; text-align:center; line-height:34px; font-size:14px; font-weight:700; letter-spacing:-0.03em; color:#004a98; background:#fff; cursor:pointer}
.nSrchBtn {display:inline-block; padding:0 10px; width:150px; height:44px; border:2px solid #004a98; border-radius:5px; background:#fff; cursor:pointer}
.nSrchBtn span {display:inline-block; padding-left:27px; line-height:20px; font-size:14px; font-weight:700; letter-spacing:-0.03em; color:#004a98; background:url("/images/kotra/membership/kotraSrchBtnSet.png") no-repeat left top}
.nSrchBtn span.resetIcon {background-position:left top -23px}
.nSrchBtn.bgBlue {background:#004a98}
.nSrchBtn.bgBlue span {color:#fff}
.nPopBtn {position:absolute; top:0; right:0; border:none; border-radius:5px; padding:0 10px; height:38px; font-size:15px; color:#fff; background:#727272}
.nPopSlctBtn {display:inline-block; padding:3px 10px; vertical-align:top; line-height:23px; border-radius:5px; font-size:14px; color:#fff; font-weight:700; background:#707070}
.btnPopClose {position:absolute; top:25px; right:25px; z-index:8; border:none; width:22px; height:22px; text-indent:-9999px; background:url("/images/kotra/membership/pop-close.png") no-repeat center}
@media(max-width:767px) {
    .nSrchBtn span {padding-left:22px}
    .nPopBtn {top:initial; bottom:0; width:100%; height:40px}
}

/* 정렬 */
.nPopFlexBox {display:flex}
.nPopFlexBox > * {margin-left:10px}
.nPopFlexBox > *:not(.nFlxBtnArea) {flex:1}
.nFlxBtnArea {display:flex}
.nFlxBtnArea * + * {margin-left:10px}
@media(max-width:767px) {
    .nPopFlexBox {flex-direction:column; align-items:center}
    .nPopFlexBox > * {margin-left:0; width:100%}
    .nPopFlexBox > * + * {margin-top:10px}
    .nFlxBtnArea {justify-content:center}
}

/* 텍스트 */
.popContTit {display:inline-block; position:relative; padding-left:20px; color:#004a98; font-size:18px}
.popContTit:before {content:""; position:absolute; top:4px; left:0; display:inline-block; width:14px; height:19px; vertical-align:middle; background:url("/images/kotra/membership/ico-bullet.png") no-repeat left center; transition:left 0.5s}
.nSrchInfo {font-size:15px; color:#004a98; font-weight:700}