.wid {max-width:1920px; width:100%; margin:0 auto; padding:0 60px;}
@media screen and (min-width:1920px) {
	.wid {max-width:100%;}
}

.member {padding:60px 90px 90px 90px;  }
.member:after {content:''; clear:both; display: table;}

.member h3 {font-size:14px; color:#d7d7d7; display: none;}
.member h2 {font-size:25px; margin-top:12px; color:#111; font-weight:500; display: none;}

.member .write_bt {float:right; width:125px; height:50px; border-radius:15px ;font-size:15px; background:#2A8393; color:#fff; border:none;}

.member .search_box {padding:13px; border-radius:20px; background:#f8f8f8; margin-bottom:30px; }
.member .search_box:after {content:''; clear:both; display: table;}
.member .search_box .select { float:left; width:190px;  position: relative; margin:0;}
.member .search_box .select .label {width:100%; text-align:left; border:none; height:50px; padding-left: 15px; background: none; font-size:15px; padding-bottom:1px; color:#888; background:url('../img/down_arrow2.svg')no-repeat center right 15px #fff; border-radius:12px;font-weight:500; cursor: pointer;}
.member .search_box .select .optionList {position: absolute; top:55px; left: 0px; width: 100%;  max-height: 0; transition: .3s ease-in;   z-index: 1;   overflow:hidden; border-radius:8px; font-weight:400; }
.member .search_box .select.active .optionList {max-height: 170px;overflow:auto; background:#fff; box-shadow: 1px 1px 6px rgba(0,0,0,.1);}
.member .search_box .select .optionItem { padding:7px 15px 7px 15px; font-size:14px; color:#888; font-weight:400;}
.member .search_box .select .optionItem:last-child {padding-bottom:15px;}
.member .search_box .select .optionItem:first-child {padding-top:15px;}
.member .search_box .select .optionList::-webkit-scrollbar {width: 6px;}
.member .search_box .select .optionList::-webkit-scrollbar-thumb {background:  none; border-radius: 45px;}

.member .search_box input[type="text"] {float:left; width:calc(100% - 431px); height:50px; font-size:15px; color:#111; padding:0 18px; border-radius:15px; background:#fff; border:none; outline: none; margin-left:7px;}
.member .search_box.on input[type="text"]{width:calc(100% - 563px);}
.member .search_box .reset {float:left; margin-left:7px; width:110px; height:50px; border-radius:15px; font-size:15px; color:#777; background:#fff; border:none; }
.member .search_box .sch {float:left; margin-left:7px; width:110px; height:50px; border-radius:15px; font-size:15px;  border:none; background:#111; color:#fff; }
.member .search_box button img {margin:-2px 0 0 7px; height:14px;}

.member .list:after {content:''; clear:both; display: table;}
.member .list .box {float:left; width:calc((100% - 100px) / 3); background:url('../img/member_bg.jpg')no-repeat center; background-size:cover; box-shadow: 10px 10px 40px rgba(0,0,0,.15); margin:0 50px 80px 0px; padding:25px 25px 30px 25px; position: relative; cursor: pointer;}
.member .list .box:nth-child(3n) {margin-right:0;}
.member .list .box:nth-child(3n + 1) {clear:both;}
.member .list .box button.quick {position: absolute;  border:none; background:none; font-size:14px; color:#777; right:25px; top:35px;}
.member .list .box button.quick img {margin:-2px 0 0 10px;}
.member .list .box .logo_img {height:32px; mix-blend-mode: multiply;}
.member .list .box .txt_logo {height:32px; display: inline-block; font-size:23px; color:#333; font-weight:400; line-height:32px; font-family: 'Independent'; letter-spacing: -1.2px; }
.member .list .box .img {width:100%; padding-top:100%; position: relative; margin-top:20px;}
.member .list .box .img span {position: absolute; left:0; bottom:0; font-size:16px; color:#444; font-weight:500; padding:10px 20px; border-radius:0 15px 0 0; background:url('../img/member_bg.jpg')no-repeat center;}
.member .list .box b {display: inline-block; padding:0 11px; font-size:14px; color:#84967F; font-weight:600; font-family: 'GmarketSansMedium'; margin-top:35PX; position: relative;}
.member .list .box b:after {content:''; position: absolute; left:11px; top:-13px; width:25px; height:2px; background:#84967F}
.member .list .box p {margin-top:5px; font-size:14px; color:#444; font-weight:300; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding:0 10px;}
.member .list .box span.tel {display: inline-block; background:#E4E8E3; color:#84967F; font-weight:600; padding:6px 11px 7px 11px; border-radius:7px; margin-left:8px; margin-top:13px; font-size:13px;}

.member .list .box .bt_box {position: absolute; left:0; bottom:-30px; width:100%;}
.member .list .box .bt_box:after {content:''; clear:both; display: table}
.member .list .box .bt_box button {height:30px; font-size:13.5px; color:#999; background:#f0f0f0; border:none; float:left; width:50%;}
.member .list .box .bt_box button.on {background:#111; color:#fff;}

.member .more_bt {width:135px; display: block; margin:20px auto 0 auto; height:45px; border:1px solid #111; background:#fff; border-radius:50px;font-size:16px; color:#111; font-weight:500;}

@media screen and (min-width:1920px) {
	.member .list .box { width:calc((100% - 120px) / 4); margin-right:40px;}
	.member .list .box:nth-child(3n) {margin-right:40px;}
	.member .list .box:nth-child(4n) {margin-right:0;}
	.member .list .box:nth-child(3n + 1) {clear:initial;}
	.member .list .box:nth-child(4n + 1) {clear:initial;}
}

@media screen and (max-width:1500px) {
	.member {padding:50px 60px;}
	.member .list .box {width:calc((100% - 60px) / 3); margin-right:30px; margin-bottom:50px;}
	.member .list .box:nth-child(3n) {margin-right:0;}
	.member .list .box .logo_img {height:28px;}
	.member .list .box .txt_logo {height:28px; line-height:28px; font-size:20px;}

	.member .list .box button.quick {top:29px;}
}


@media screen and (max-width:1200px) {
	.wid {padding:0 25px;}
	.member {padding:40px 40px;}
	.member .list .box button {top:30px;}
	.member .list .box {width:calc((100% - 30px) / 2); margin:0px 30px 60px 0; padding:20px 15px;}
	.member .list .box:nth-child(3n) {margin-right:30px;}
	.member .list .box:nth-child(2n) {margin-right:0;}
	.member .list .box:nth-child(3n + 1) {clear:initial;}
	.member .list .box:nth-child(4n + 1) {clear:initial;}
}

@media screen and (max-width:1024px) {


	.member .list .box .logo_img {height:27px;}
	.member .list .box .txt_logo {height:27px; line-height:27px; font-size:20px;}
	.member .list .box button {right:15px; top:27px; font-size:13px;}
	.member .list .box button img {margin:-2px 0 0 6px; width:17px;}
	.member .list .box .img span {font-size:14px; padding:8px 15px;}
	.member .list .box b {font-size:13px; margin-top:25px;}
	.member .list .box p {margin-top:2px; font-size:13px;}

	.member .search_box .select {width:140px;}
	.member .search_box input[type="text"] {width:calc(100% - 381px);}

	.member .search_box .select {width:120px;}
	.member .search_box .select .label {font-size:14px; height:45px;}
	.member .search_box input[type="text"] {width:calc(100% - 127px); height:45px; font-size:14px;}
	.member .search_box.on input[type="text"] {width:calc(100% - 127px);}
	.member .search_box .reset {height:42px; margin-left:0; width:calc((100% - 7px) / 2); margin-top:7px; font-size:14px; padding-bottom:2px;}
	.member .search_box .sch {height:42px;  width:calc((100% - 7px) / 2); margin-top:7px; font-size:14px; padding-bottom:2px;}
	.member .search_box .write_bt {height:42px;  width:calc((100% - 14px) / 3); margin-top:7px; font-size:14px; padding-bottom:2px; margin-left:7px;}

	.member .search_box.on .reset, .member .search_box.on .sch {width:calc((100% - 14px) / 3);}

	.member .search_box button img {height:12px;}
}



@media screen and (max-width:767px) {
	.wid {padding:0 0px;}
	.member {padding:30px 25px 60px 25px;}
	.member h2 {margin-top:0px; position: fixed; z-index: -1; top:127px; left:0; width:100%; color:#fff; text-align: center; display: block;}
	.member h3 { margin-top:0px; position: fixed; z-index: -1; top:106px; left:0; width:100%; color:#fff; text-align: center; font-weight:500; color:rgba(255,255,255,.8); display: block;}

	.member .list .box {width:100%; margin:0 0 40px 0;}

	.member .list .box button.quick {font-size:12px; top:26px;}
	.member .list .box button.quick img {margin:-2px 0 0 3px; width:15px;}
	.member .list .box .txt_logo {}

}