/* 국가별 정보 검색 영역 */
.boardSearchN { display: flex; flex-wrap: wrap; align-items: center; margin: 25px 0 20px; } 
.boardSearchN p { padding: 10px 10px 5px 0px; color: #888; box-sizing: border-box; } 
.boardSearchN fieldset { margin-left: auto; } 
.boardSearchN .boardSearchB { display: flex; flex-wrap: wrap; margin: 0 -2px; } 
.boardSearchN select { flex: 1; border: 1px solid #ccc; padding: 0 20px 0 10px; height: 40px; line-height: 40px; font-size: 14px; width: auto; min-width: 120px; margin: 0 2px; appearance: none; background: url("/np/resources/images/board/boardSchBul.png") no-repeat right center; } 
.boardSearchN a.btnSrch { background-color: #333; color: white; height: 40px; line-height: 40px; font-size: 15px; text-align: center; padding: 0 20px; margin: 0 2px; } 

/* 테이블 오버효과 */
.tableBox.hover tr:hover { background-color: #f6fbfe; } 

/* 새창 버튼 */
.newWindowBtn { display: inline-block; border: 1px solid #1579b5; color: #1579b5; margin-left: 10px; padding: 8px 33px 8px 8px; background: url("/np/resources/images/common/newWindowBg.png") right 8px center no-repeat; background-size: 16px; font-size: 15px; line-height: 16px; } 

/* 국가별 정보 지도 */
.map { position: relative; } 
.map .nation { cursor: pointer; } 
.map path { fill: #cccbcb; } 
.map .nation.active path { fill: #3671C8; stroke: #3671C8}
.map .mark { position: absolute; padding: 10px 20px; background-color: #0F4C81; color: #fff; transition: all .3s; } 
.map .mark::before { content: ""; position: absolute; bottom: -20px; left: calc(50% - 10px); width: 0; height: 0; border-bottom: 10px solid transparent; border-top: 10px solid #0F4C81; border-left: 10px solid transparent; border-right: 10px solid transparent; } 
.nationList { display: none;flex-wrap: wrap; margin-top: 60px; border: 1px solid #ccc; border-width: 0 0 0 1px; } 
.nationList.active {display: flex;}
.nationList li { flex: 0 0 25%; height: 65px; background-color: #ededed; font-size: 18px; color: #666; text-align: center; line-height: 65px; margin-top: -1px; } 
.nationList li a { height: 100%; border: 1px solid #ccc; border-width: 1px 1px 1px 0; } 
.nationList li:hover { background-color: #fff; } 
.nationList li:hover a { font-weight: bold; color: #303030; } 

/* 해외 개인정보 감독기구 */
.imgFlex { display: flex; flex-wrap: wrap; align-items: center; } 
.rowContent { flex: 1; } 
.rowImg { max-width: 265px; margin-left: 60px; } 
.rowImg img { width: 100%; } 
.tableBox.paginated tr:hover { background-color: #f6fbfe; } 
.tableBox.paginated tbody tr.show { display: table-row; } 
.tableBox.paginated.p1 .pageNum li:nth-child(n+12)~li a { display: none !important; } 
.tableBox.paginated.p2 .pageNum li:nth-child(n+2)~li a { display: none !important; } 
.tableBox.paginated.p3 .pageNum li:nth-child(n+7)~li a { display: none !important; } 
.tableBox.paginated.p4 .pageNum li:nth-child(n+13)~li a { display: none !important; } 
.pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 40px 0; } 
.pagination .pageNum { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; box-sizing: border-box; text-align: center; margin: 0; } 
.pagination .pageNum li { padding: 0; margin: 0; } 
.pagination .pageNum li::after { content: none; } 
.pagination .pageNum a { display: block; font-size: 14px; line-height: 30px; height: 32px; width: 32px; transition-duration: 0.4s; border: 1px solid #fff; border-radius: 50px; } 
.pagination .pageNum a:hover { border: 1px solid #ddd; background-color: #fafafa; } 
.pagination a.first { width: 26px; height: 32px; background: url("/np/resources/images/egov/egovframework/com/cmm/mod/icon/icon_prevend.gif") no-repeat 0 0; font-size: 0; } 
.pagination a.btnPrev { width: 26px; height: 32px; background: url("/np/resources/images/egov/egovframework/com/cmm/mod/icon/icon_prev.gif") no-repeat 0 0; font-size: 0; } 
.pagination a.active { background-color: #222; color: #fff; border: 1px solid #222; font-weight: bold; } 
.pagination a.btnNext { width: 26px; height: 32px; background: url("/np/resources/images/egov/egovframework/com/cmm/mod/icon/icon_next.gif") no-repeat 0 0; font-size: 0; } 
.pagination a.last { width: 26px; height: 32px; background: url("/np/resources/images/egov/egovframework/com/cmm/mod/icon/icon_nextend.gif") no-repeat 0 0; font-size: 0; } 

@media all and (max-width:767px){
    .boardSearchN { display: block; } 
    .boardSearchN p { float: none; margin-bottom: 5px; } 
    .boardSearchN .boardSearchB { float: none; } 
    .boardSearchN a.btnSrch { width: 100%; margin: 4px 2px 0; } 
    /* 국가별 정보 검색 영역 */

    .nationList li { flex: 0 0 33.3333%; font-size: 15px; } 
    .map .mark {padding: 4px 10px;font-size: 11px;}
    .map .mark::before {left: calc(50% - 5px); bottom: -9px; border-width: 5px;}
    .map .mark.n0 { top: 0; left: 0; } 
    .map .mark.n1 { top: 10px; left: 80px; } 
    .map .mark.n2 { top: 10px; right: 50px; } 
    .map .mark.n3 { bottom: 20px; left: 50%; transform: translate(-100%, -100%); } 
    .map .mark.n4 { bottom: 40px; right: 10px; } 
    /* 국가별 정보 지도 */

    .imgFlex { flex-direction: column; } 
    .rowImg { max-width: 160px; margin: 40px 0 20px; } 
    .newWindowBtn { display: block; max-width: 70px; margin: 10px 0 0;} 
    .tableBox.paginated { overflow: hidden; border: 0; } 
    .tableBox.paginated .type1 { display: block; table-layout: auto; min-width: auto; } 
    .tableBox.paginated thead { display: none; } 
    .tableBox.paginated colgroup { display: none; } 
    .tableBox.paginated tr { display: flex; flex-direction: column; align-items: baseline; border: 1px solid #c3d0d4; padding: 16px 10px; } 
    .tableBox.paginated tbody { display: block !important; } 
    .tableBox.paginated tbody td:nth-child(1),
    .tableBox.paginated tbody td:nth-child(2) { display: none; } 
    .tableBox.paginated tbody td:nth-child(3) { order: 1; font-size: 20px; font-weight: 500; } 
    .tableBox.paginated tbody td:nth-child(5) { order: 2; margin-top: 6px; } 
    .tableBox.paginated tbody td:nth-child(4) { order: 3; margin-top: 10px; } 
    .tableBox.paginated tbody td:nth-child(6) { order: 4; margin-top: 10px; } 
    .tableBox.paginated tbody tr.show { display: flex; } 
    .tableBox.paginated tr { margin-top: 10px; } 
    .tableBox.paginated td { border: 0; padding: 0; } 
}

@media all and (min-width:768px) and (max-width:1400px) {
    .map .mark.n0 { top: 30px; left: 20px; } 
    .map .mark.n1 { top: 60px; left: 150px; } 
    .map .mark.n2 { top: 30px; right: 150px; } 
    .map .mark.n3 { bottom: 10%; left: 50%; transform: translate(-100%, -100%); } 
    .map .mark.n4 { bottom: 150px; right: 100px; } 
    /* 국가별 정보 지도 */
}

@media (min-width: 1241px){
    .map .mark.n0 { top: 170px; left: 60px; } 
    .map .mark.n1 { top: 170px; left: 340px; } 
    .map .mark.n2 { top: 170px; right: 260px; } 
    .map .mark.n3 { bottom: 140px; left: 510px; } 
    .map .mark.n4 { bottom: 200px; right: 150px; } 
    /* 국가별 정보 지도 */
}