.wrap {position:relative; max-width:100%; min-width:1200px; min-height:100%;}

/* 배너 */
.bannerBox {max-width:100%; min-width:1200px; height:415px; position:relative; padding-top:145px;}
.bannerBox .img {height:270px; /* background:url(../image/subbg.png) no-repeat center; */ text-align:center;}
.bannerBox .textBox {position:absolute; top:60%; text-align:center; width:100%; transform:translateY(0)}
.bannerBox .textBox .mainTitle {font-size:40px; font-weight:700; margin-bottom:0; color:#fff; word-break:keep-all;}


/* 퀵메뉴 */
.navBor {position:relative; background:#C0DBF6; width:100%; height:45px;}
.navBor .navWarp {width:1200px; margin:0 auto; position:relative; padding-right:15px; padding-left:15px; text-align:center;}
.navBor .navWarp li {float:left; width:200px; background:#62a5e9; height:45px; border-right:solid 1px #fff;}
.navBor .navWarp li.home {width:45px; border-left:solid 1px #fff;}
.navBor .navWarp li.home svg {width:45px; height:45px; color:#fff; padding:12px;}
.navBor .navWarp li .select {position:relative; width:199px; cursor:pointer; line-height:45px; text-align:left; padding-left:15px; color:#fff; font-size:15px;}
.navBor .navWarp li .select ul {position:absolute; top:30px; left:0; width:100%; border:solid 1px #D2D2D2; cursor:pointer; padding:0; margin:0;}
.navBor .navWarp li .select ul li {background:#fff; color:#333; width:100%; padding:0 20px; font-size:14px; height:40px; clear:both; line-height:40px;}
.navBor .navWarp li .select ul li:hover {background:#C0DBF6;}
.navBor .navWarp li .select svg {float:right; position:relative; width:45px; height:45px; padding:14px;}


/* 회원사현황 */
.contentWarp {width:1200px; margin:100px auto; position:relative; padding:0 20px; text-align:center;}
.contentWarp .title {font-size:32px; font-weight:700; color:#333; margin-bottom:30px; word-break:keep-all;}
.contentWarp .border {width:120px; height:4px; background:#057AF0; margin:0 auto 80px;}

.contentWarp .mapWarp {display:table; width:100%;}
.contentWarp .mapWarp .mapBox {position:relative; width:350px; height:409px; margin:0 auto;}
.contentWarp .mapWarp .mapBox .pointBox {letter-spacing:-1px; font-family:"돋움",dotum; font-size:13px; width:350px;}
.contentWarp .mapWarp .mapBox .pointBox li {position:absolute;}
.contentWarp .mapWarp .mapBox .pointBox .m1 {left:120px; top:86px;}
.contentWarp .mapWarp .mapBox .pointBox .m2 {left:131px; top:111px;}
.contentWarp .mapWarp .mapBox .pointBox .m3 {left:82px; top:90px;}
.contentWarp .mapWarp .mapBox .pointBox .m4 {left:98px; top:150px;}
.contentWarp .mapWarp .mapBox .pointBox .m5 {left:145px; top:178px;}
.contentWarp .mapWarp .mapBox .pointBox .m6 {left:165px; top:132px;}
.contentWarp .mapWarp .mapBox .pointBox .m7 {left:195px; top:80px;}
.contentWarp .mapWarp .mapBox .pointBox .m8 {left:210px; top:172px;}
.contentWarp .mapWarp .mapBox .pointBox .m9 {left:116px; top:225px;}
.contentWarp .mapWarp .mapBox .pointBox .m10 {left:214px; top:212px;}
.contentWarp .mapWarp .mapBox .pointBox .m11 {left:258px; top:234px;}
.contentWarp .mapWarp .mapBox .pointBox .m12 {left:248px; top:262px;}
.contentWarp .mapWarp .mapBox .pointBox .m13 {left:184px; top:252px;}
.contentWarp .mapWarp .mapBox .pointBox .m14 {left:111px; top:264px;}
.contentWarp .mapWarp .mapBox .pointBox .m15 {left:100px; top:292px;}
.contentWarp .mapWarp .mapBox .pointBox .m16 {left:89px; top:360px;}
.contentWarp .mapWarp .mapBox .pointBox .m17 {left:124px; top:166px;}
.contentWarp .mapWarp .comment {margin-bottom:50px; word-break:keep-all; color:#999; margin-top:5px;}

.contentWarp .formBox {border:1px solid #ddd; text-align:center; padding:30px 0; margin-bottom:30px;}
.contentWarp .formBox select.input-inline {height:40px; width:120px; margin-right:10px; font-size:16px; padding-left:10px; border:solid 1px #dedede; border-radius:4px;}
.contentWarp .formBox select {-webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(../image/btn_arrow.png) no-repeat 95% 50%;}
.contentWarp .formBox .inputText {height:40px; width:360px; margin-right:10px; font-size:16px; padding-left:10px; border:solid 1px #dedede; border-radius:4px;}
.contentWarp .formBox .searchBtn {width:100px; background:#057AF0; display:inline-block; text-align:center; line-height:39px; font-size:19px; color:#fff; font-family:'NanumSquare-B'; border-radius:4px; margin-right:10px;}
.contentWarp .formBox .resetBtn {width:100px; background:#efefef; display:inline-block; text-align:center; line-height:39px; font-size:19px; color:#585858; font-family:'NanumSquare-B'; border-radius:4px;}

.contentWarp .count {text-align:left; padding:5px 0 0 10px; font-size:14px; font-weight:700; line-height:26px; color:#000;}
.contentWarp .count strong {color:red;}
.contentWarp .memberList table {width:100%; margin:0; padding:0; border-spacing:0; border:0; border-collapse:collapse;}
.contentWarp .memberList table caption {color:#1BA6B2; text-align:left; display:none;}
.contentWarp .memberList table thead th {text-align:center; padding:10px 0; font-size:16px; font-weight:700; line-height:26px; color:#fff; background:#62a5e9;}
.contentWarp .memberList table tbody td {padding:10px 0; border-bottom:1px solid #dedede; color:#333; text-align:center;}


/* bradley */
.contentWarp .memberList table tbody td.left {text-align:left; padding-left: 20px;}
.contentWarp .mapWarp .centerBox {width: 256px; margin: 0 auto; text-align: left;}
.navBor .navWarp li.width365 {width:365px;}
.navBor .navWarp li .select.width364 {width:364px;}

/* 2023-01-10 그리드 수정 시작 */

/* 왼쪽고정,해더고정 스크롤 */
.contentWarp .fixedScroll {overflow:hidden; width:1330px; min-width:100%; margin-bottom:21px;}
.contentWarp .fixedScroll .grid-layout {margin:0 auto; width:100%; background:#fff; font-size:12px; color:#444; border:solid 1px #dddfe4; border-top:none; position:relative; box-sizing:border-box;}
/*툴팁레이어가 grid-layout 위에 있을 경우 overflow:hidden 제거 필요 */

/* 스크롤바 스타일 관련 */
.contentWarp .fixedScroll .grid-layout {scrollbar-highlight-color:#fff; scrollbar-shadow-color:#fff; scrollbar-arrow-color:#8a8a8a; scrollbar-face-color:#d9d9d9; scrollbar-3dlight-color:#fff; scrollbar-darkshadow-color:#fff; scrollbar-track-color:#fff;}
.contentWarp .fixedScroll .grid-layout ::-webkit-scrollbar {-webkit-appearance:none; width:17px; height:17px; background-color:#fff;}
.contentWarp .fixedScroll .grid-layout ::-webkit-scrollbar-thumb {background-color:#d9d9d9; border:5px solid transparent; border-radius:16px; background-clip:content-box;}
.contentWarp .fixedScroll .grid-layout ::-webkit-scrollbar-thumb:hover {background-color:#c1c1c1;}
.contentWarp .fixedScroll .grid-layout ::-webkit-scrollbar-corner {background-color:#f2f2f2;}

/* 헤더 영역 */
.contentWarp .fixedScroll .grid-layout .header {position:relative; overflow:hidden; border-top:1px solid #e6e6e6; height:calc(100% - 100px); z-index:unset; min-width:unset;}
.contentWarp .fixedScroll .grid-layout .header:before {display:none;}
.contentWarp .fixedScroll .grid-layout .header:after {display:none;}
.contentWarp .fixedScroll .grid-layout .header .headerBox {overflow:hidden; left:-1px; overflow-y:scroll; height:46px;}
.contentWarp .fixedScroll .grid-layout .header .base {overflow-x:hidden; margin-right:-1px;}
.contentWarp .fixedScroll .grid-layout .header .config-button {display:none;}
.contentWarp .fixedScroll .grid-layout .header tbody {background-color:#f6f6f6;}
.contentWarp .fixedScroll .grid-layout #headerBox::-webkit-scrollbar-thumb {background-color:#f6f6f6;}
.contentWarp .fixedScroll .grid-layout #headerBox::-webkit-scrollbar-track {background-color:#62a5e9; border-bottom:1px solid #62a5e9;}

/* 바디 영역 */
.contentWarp .fixedScroll .grid-layout .body {position:relative; overflow:hidden; margin-bottom:-1px;}
.contentWarp .fixedScroll .grid-layout .body .height-bar {display:none;}
.contentWarp .fixedScroll .grid-layout .body .base {margin-right:-1px;}
.contentWarp .fixedScroll .grid-layout .body .bodyBox {top:-1px; left:-1px; overflow:hidden;}
.contentWarp .fixedScroll .grid-layout .vertical-scrollbar-line {display:none;}
.contentWarp .fixedScroll .grid-layout .horizontal-scrollbar-line {display:none; position:absolute; width:100%; height:1px; left:0px; background-color:#dddfe4;}
.contentWarp .fixedScroll .grid-layout .container {position:relative;}
/* .contentWarp .fixedScroll .grid-layout .left {display:none; position:absolute; top:0;} */
.contentWarp .fixedScroll .grid-layout .right {display:none; position:absolute; top:0; right:-1px;}
.contentWarp .fixedScroll .grid-layout .clipboard {position:absolute; left:-999px; width:1px; height:1px; bottom:0;}

/* 그리드 전체 비활성화 */
.contentWarp .fixedScroll .grid-layout .blocker-layer {display:none; position:absolute; background:rgba(0, 0, 0, 0.05); width:100%; height:100%; top:0;}
.contentWarp .fixedScroll .grid-layout.disabled, .fixedScroll .contentWarp .fixedScroll .grid-layout.disabled th, .fixedScroll .grid-layout.disabled .content-holder {color:#e0e0e0 !important;}
.contentWarp .fixedScroll .grid-layout.disabled .blocker-layer {display:block;}

/* 수평 스크롤 가능 영역 */
.contentWarp .fixedScroll .grid-layout .horizontal-scrollable {overscroll-behavior-x:none;}

/* 수직 스크롤바를 사용하지 않는 경우 */
.contentWarp .fixedScroll .grid-layout .virtual-horizontal-scrollbar {display:none;}
.contentWarp .fixedScroll .grid-layout .virtual-horizontal-scrollbar .space {display:none;}

/* 수직 스크롤바를 사용하는 경우 */
.contentWarp .fixedScroll .grid-layout.vertical-scrollbar .header .config-button {display:block; position:absolute; border:solid 1px #dddfe4; top:0; right:-1px; width:18px; background-color:#f6f6f6;}
.contentWarp .fixedScroll .grid-layout.vertical-scrollbar .body {overflow-y:scroll; margin-right:-1px; min-height:255px; max-height:initial; height:601px;}
.contentWarp .fixedScroll .grid-layout.vertical-scrollbar .body .height-bar {display:block; position:absolute; width:1px; top:0; left:0; background:transparent;}
.contentWarp .fixedScroll .grid-layout.vertical-scrollbar .virtual-horizontal-scrollbar {margin-right:16px;}
.contentWarp .fixedScroll .grid-layout.vertical-scrollbar .vertical-scrollbar-line {display:block; position:absolute; width:1px; height:100%; top:0; right:16px; background-color:#dddfe4;}
.contentWarp .fixedScroll .grid-layout.vertical-scrollbar .vertical-scrollbar-line:after {position:absolute; right:-17px; top:0; width:1px; height:100%; background-color:#dddfe4; content:'';}

/* grid-layout overflow:hidden 제거시 필요 */
.contentWarp .fixedScroll .grid-layout.vertical-scrollbar .header .container {margin-right:16px;}
.contentWarp .fixedScroll .grid-layout.vertical-scrollbar .horizontal-scrollbar-line {bottom:-1px;}

/* 수평 스크롤바를 사용하는 경우 */
.contentWarp .fixedScroll .grid-layout.horizontal-scrollbar .container {overflow:hidden;}
.contentWarp .fixedScroll .grid-layout.horizontal-scrollbar .body .base {overflow-x:hidden;}
.contentWarp .fixedScroll .grid-layout.horizontal-scrollbar .virtual-horizontal-scrollbar {display:block; overflow-y:hidden; overflow-x:scroll; height:17px;}
.contentWarp .fixedScroll .grid-layout.horizontal-scrollbar .virtual-horizontal-scrollbar .width-bar {height:1px;}
.contentWarp .fixedScroll .grid-layout.horizontal-scrollbar .horizontal-scrollbar-line {bottom:16px;}

/* 데이터 테이블 관련 */
.contentWarp .fixedScroll .grid-layout table {border:0; table-layout:fixed; border-collapse:collapse; border-spacing:1px; width:100%; height:46px;}
.contentWarp .fixedScroll .grid-layout table.titleTable {position:relative; right:0;}
.contentWarp .fixedScroll .grid-layout table col {background-color:#fff;}
.contentWarp .fixedScroll .grid-layout table th {text-align:center; padding:10px 0; font-size:16px; font-weight:700; line-height:26px; color:#fff; background:#62a5e9;}
/* .contentWarp .fixedScroll .grid-layout table tr {height:46px;} */ /* bradley 수정 */
.contentWarp .fixedScroll .grid-layout table tr.hover {background-color:#fff;}
.contentWarp .fixedScroll .grid-layout table tr.checked {background-color:#fff;}
.contentWarp .fixedScroll .grid-layout table tr.focused {background-color:#fff;}
.contentWarp .fixedScroll .grid-layout table tr.disabled, .fixedScroll .grid-layout table tr.disabled-row {color:#b0b0b0;}
.contentWarp .fixedScroll .grid-layout table td {padding:10px 0; border-bottom:1px solid #dedede; color:#333; text-align:center; font-size:14px;}
.contentWarp .fixedScroll .grid-layout table td.leftRow{text-align:left; padding-left:10px;} /* bradley 추가 */
.contentWarp .fixedScroll .grid-layout table td.textOverflow {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} /* bradley 추가 */
.contentWarp .fixedScroll .grid-layout table td div.productNameType {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 5px;}
.contentWarp .fixedScroll .grid-layout table td div.productOptionType {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 5px;}
.contentWarp .fixedScroll .grid-layout table td div.couponNameType {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 5px;}
.contentWarp .fixedScroll .grid-layout table td div.contentType {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 5px;}
.contentWarp .fixedScroll .grid-layout table td div.leftAlign {text-align:left;}
.contentWarp .fixedScroll .grid-layout table td div.rightAlign {text-align:right;}
.contentWarp .fixedScroll .grid-layout .body.variable-row-height table td .content-holder {white-space:normal; white-space:initial;}
.contentWarp .fixedScroll .grid-layout table td.no-padding {padding:0px !important;}
.contentWarp .fixedScroll .grid-layout table td.multi-line .content-holder {white-space:normal !important;}
.contentWarp .fixedScroll .grid-layout table td.ellipsis .content-holder {text-overflow:ellipsis; overflow:hidden;}
.contentWarp .fixedScroll .grid-layout table td.focused {border:solid 1px #5a86dd; padding:7px 11px;}
.contentWarp .fixedScroll .grid-layout table td a {color:#5a86dd;}
.contentWarp .fixedScroll .grid-layout table td img {vertical-align:middle; margin:-1px;}

/* 체크 박스 관련 스타일 */
.contentWarp .fixedScroll .grid-layout .checkbox label:after, .contentWarp .fixedScroll .grid-layout .checkbox label:before {height:18px; width:18px; top:4px; left:7px; position:absolute;}
.contentWarp .fixedScroll .grid-layout .checkbox label:after {content:''; border:1px solid #e6e6e6; border-radius:4px; -webkit-transition:.1s ease-in-out; transition:.1s ease-in-out;}
.contentWarp .fixedScroll .grid-layout .checkbox label:before {content:''; border-radius:4px;}
.contentWarp .fixedScroll .grid-layout .checkbox input:checked~label:before {background-color:#FFF; border:1px solid #e6e6e6;}
.contentWarp .fixedScroll .grid-layout .checkbox input:checked~label:after {border-top-style:none; border-right-style:none; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); height:.6rem; width:1rem; border-color:#5a95ee; border-radius:0; border-width:2px; top:10px; left:12px;}   

.contentWarp .fixedScroll .cui-grid-textbox {display:inline-block; width:100%; box-sizing:border-box;}

/* 데이터 없을 때 */
.contentWarp .fixedScroll .grid-layout .empty-layer {display:none; width:100%; height:100%; position:absolute; top:0; background:#fff;}
.contentWarp .fixedScroll .grid-layout .empty-layer .content {display:table-cell; font-size:14px; height:100%; text-align:center; padding-top:100px; overflow-x:hidden; overscroll-behavior-x:none;}

/* 열고정 라인 그라데이션 스타일 */
.contentWarp .fixedScroll .grid-layout .line-gradient:after {position:absolute; top:0; bottom:0; width:6px; height:100%; content:'';}

/* 툴팁 레이어 */
.contentWarp .fixedScroll .grid-layout .tooltip-layer {display:none; position:absolute; margin-bottom:6px; border-radius:2px; background-color:#5885de; white-space:nowrap;}
.contentWarp .fixedScroll .grid-layout .tooltip-layer .desc-tooltip {margin:0; padding:9px 13px 8px; font-size:12px; line-height:15px; color:#fff;  letter-spacing:-0.05em;}
.contentWarp .fixedScroll .grid-layout .tooltip-layer:after {position:absolute; left:50%; bottom:-5px; width:16px; height:9px; margin-left:-8px; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNiA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1My4yICg3MjY0MykgLSBodHRwczovL3NrZXRjaGFwcC5jb20gLS0+CiAgICA8dGl0bGU+VHJpYW5nbGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNOC43NDc0MDkzMiwwLjg0MDgzNTQ4NCBMMTYsOSBMMCw5IEw3LjI1MjU5MDY4LDAuODQwODM1NDg0IEM3LjYxOTUwODcsMC40MjgwNTI3MTUgOC4yNTE1ODEwNywwLjM5MDg3MTk4NyA4LjY2NDM2Mzg0LDAuNzU3NzkwMDA0IEM4LjY5MzY0ODcsMC43ODM4MjA5ODkgOC43MjEzNzgzMywwLjgxMTU1MDYyNSA4Ljc0NzQwOTMyLDAuODQwODM1NDg0IFoiIGlkPSJUcmlhbmdsZSIgZmlsbD0iIzU4ODVERSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOC4wMDAwMDAsIDQuNTAwMDAwKSBzY2FsZSgxLCAtMSkgdHJhbnNsYXRlKC04LjAwMDAwMCwgLTQuNTAwMDAwKSAiPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+) no-repeat 0 0; content:'';}
.contentWarp .fixedScroll .grid-layout .tooltip-layer.left-type:after {left:1px; margin:0;}
.contentWarp .fixedScroll .grid-layout .tooltip-layer.right-type:after {left:auto; right:1px; margin:0;}

.contentWarp .listNav {display:inline-block; width:100%; height:30px; position:relative;}
/* 리스트우측셀렉트3종 */
.contentWarp .listNav .selectBox {position:absolute; top:0; right:0;}
.contentWarp .listNav .selectBox .selectList {margin:30px 0 0 7px; float:right; width:150px;}

/* 2023-01-10 그리드 수정 종료 */

/*반응형 View*/
@media only screen and (max-width:1200px) {
	/* 배너 */
	.wrap {min-width:280px;}
	.bannerBox {max-width:100%; min-width:280px; height:290px; padding-top:60px;}
    .bannerBox .img {height:230px;}
    .bannerBox .textBox {transform:translateY(-50%);}
    
    /* 퀵메뉴 */	/* bradley 수정 : 모든 li에 적용돼서 수정 */
    .navBor .navWarp {max-width:100%; min-width:280px; padding:0;}
    .navBor .navWarp>li:nth-child(1) {border-left:none;}
	.navBor .navWarp>li:nth-child(2) {display:none;}
    .navBor .navWarp>li:nth-child(3) {width:calc(100% - 45px); border-right:none;}
    .navBor .navWarp>li:nth-child(3) .select {width:100%;}
	
	/* 회원사현황 */
    .contentWarp {width:100%;}
    .contentWarp .title {font-size:30px;}

    .total {width:850px; margin:0 auto 15px;}
	.contentWarp .memberList {padding:0; overflow:auto;}
}

@media only screen and (max-width:800px) {
	/* 배너 */
	.bannerBox {height:240px;}
	.bannerBox .img {height:180px;}
	.bannerBox .textBox {top:65%; transform:translateY(-65%);}
	.bannerBox .textBox .mainTitle {font-size:30px;}
    .bannerBox .textBox .subTitle {font-size:16px; line-height:24px;}
    
    /* 회원사현황 */
    .contentWarp {margin:50px auto;}
    .contentWarp .title {font-size:26px; margin-bottom:15px;}
    .contentWarp .border {margin:0 auto 50px;}
    .contentWarp .mapWarp .comment {margin-bottom:30px;}
    
    .contentWarp .formBox {padding:10px 0; margin-bottom:30px;}
	.contentWarp .formBox select.input-inline {width:100px; margin:0 5px 0 0;}
    .contentWarp .formBox .inputText {width:200px; margin:0 5px 0 0;}
    .contentWarp .formBox .searchBtn {width:70px; font-size:17px; margin:0 5px 0 0;}
    .contentWarp .formBox .resetBtn {width:70px; font-size:17px;}
    
    .total {width:100%;}
    .contentWarp .memberList table {width:850px; margin:0 auto;}

    .contentWarp .listNav .selectBox { top:-10px; }
    .contentWarp .listNav .selectBox .selectList { margin-top:0; }
}

@media only screen and (max-width:540px) {
	/* 배너 */
	.bannerBox {height:190px;}
    .bannerBox .img {height:130px;}
    .bannerBox .textBox {transform:translateY(-50%);}
	.bannerBox .textBox .mainTitle {font-size:26px;}
    .bannerBox .textBox .subTitle {font-size:16px; color:#fff; padding:0 20px;}
    
    /* 회원사현황 */
    .contentWarp {padding:0 10px;}
    .contentWarp .title {font-size:24px; margin-bottom:20px;}
    .contentWarp .border {margin:0 auto 30px; width:100px;}
    .contentWarp .mapWarp .mapBox {width:298px; height:348px;}
    .contentWarp .mapWarp .mapBox img {width:298px; height:348px;}
	.contentWarp .mapWarp .mapBox .pointBox {width:298px; font-size:11px;}
    .contentWarp .mapWarp .mapBox .pointBox .m1 {left:100px; top:73px;}
    .contentWarp .mapWarp .mapBox .pointBox .m2 {left:110px; top:93px;}
	.contentWarp .mapWarp .mapBox .pointBox .m3 {left:70px; top:78px;}
	.contentWarp .mapWarp .mapBox .pointBox .m4 {left:84px; top:129px;}
	.contentWarp .mapWarp .mapBox .pointBox .m5 {left:123px; top:152px;}
	.contentWarp .mapWarp .mapBox .pointBox .m6 {left:140px; top:112px;}
	.contentWarp .mapWarp .mapBox .pointBox .m7 {left:163px; top:66px;}
	.contentWarp .mapWarp .mapBox .pointBox .m8 {left:180px; top:148px;}
	.contentWarp .mapWarp .mapBox .pointBox .m9 {left:98px; top:193px;}
	.contentWarp .mapWarp .mapBox .pointBox .m10 {left:182px; top:180px;}
	.contentWarp .mapWarp .mapBox .pointBox .m11 {left:220px; top:200px;}
	.contentWarp .mapWarp .mapBox .pointBox .m12 {left:210px; top:222px;}
	.contentWarp .mapWarp .mapBox .pointBox .m13 {left:156px; top:215px;}
	.contentWarp .mapWarp .mapBox .pointBox .m14 {left:94px; top:226px;}
	.contentWarp .mapWarp .mapBox .pointBox .m15 {left:82px; top:250px;}
	.contentWarp .mapWarp .mapBox .pointBox .m16 {left:75px; top:308px;}
	.contentWarp .mapWarp .mapBox .pointBox .m17 {left:106px; top:142px;}
	
	.contentWarp .formBox select.input-inline {width:calc(100% - 20px); height:35px; margin:0 10px 5px; font-size:14px;}
	.contentWarp .formBox select {background:url(../image/btn_arrow.png) no-repeat 98% 50%;}
	.contentWarp .formBox .inputText {width:calc(100% - 20px); height:35px; margin:0 10px 5px; font-size:14px;}
	.contentWarp .formBox .searchBtn {width:calc(100% - 20px); margin:0 10px 5px;; font-size:15px; line-height:35px;}
	.contentWarp .formBox .resetBtn {width:calc(100% - 20px); margin:0 10px; font-size:15px; line-height:35px;}
	
	.contentWarp .memberList table thead th {font-size:14px; padding:7px 0;}
    .contentWarp .memberList table tbody td {font-size:13px; padding:7px 0;}
	
}

@media only screen and (max-width: 375px) {
	/* 배너 */
	.bannerBox .textBox .mainTitle {font-size:22px;}
	.bannerBox .textBox .subTitle {font-size:14px;}
	
	/* 회원사현황 */
    .contentWarp .title {font-size:22px;}
}

@media only screen and (max-width: 360px) {
}

@media only screen and (max-width: 320px) {
	/* 배너 */
	.bannerBox .textBox .MsubTitle {font-size:12px;}
	
	/* 회원사현황 */
	.contentWarp .mapWarp .mapBox {width:220px; height:270px;}
	.contentWarp .mapWarp .mapBox img {width:220px; height:270px;}
	.contentWarp .mapWarp .mapBox .pointBox {width:220px; font-size:11px;}
    .contentWarp .mapWarp .mapBox .pointBox .m1 {left:72px; top:55px;}
    .contentWarp .mapWarp .mapBox .pointBox .m2 {left:76px; top:73px;}
	.contentWarp .mapWarp .mapBox .pointBox .m3 {left:50px; top:62px;}
	.contentWarp .mapWarp .mapBox .pointBox .m4 {left:55px; top:98px;}
	.contentWarp .mapWarp .mapBox .pointBox .m5 {left:88px; top:116px;}
	.contentWarp .mapWarp .mapBox .pointBox .m6 {left:98px; top:87px;}
    .contentWarp .mapWarp .mapBox .pointBox .m7 {left:119px; top:52px;}
	.contentWarp .mapWarp .mapBox .pointBox .m8 {left:126px; top:112px;}
	.contentWarp .mapWarp .mapBox .pointBox .m9 {left:67px; top:149px;}
	.contentWarp .mapWarp .mapBox .pointBox .m10 {left:133px; top:140px;}
	.contentWarp .mapWarp .mapBox .pointBox .m11 {left:160px; top:154px;}
	.contentWarp .mapWarp .mapBox .pointBox .m12 {left:153px; top:171px;}
	.contentWarp .mapWarp .mapBox .pointBox .m13 {left:111px; top:166px;}
	.contentWarp .mapWarp .mapBox .pointBox .m14 {left:66px; top:174px;}
	.contentWarp .mapWarp .mapBox .pointBox .m15 {left:56px; top:194px;}
	.contentWarp .mapWarp .mapBox .pointBox .m16 {left:52px; top:236px;}
	.contentWarp .mapWarp .mapBox .pointBox .m17 {left:67px; top:111px;}
}