:root {
--max-width:1400px;
--color-pm:#006AFF;
--bg-gray:#F2F3F6;
--radius-l:20px;
--radius-m:10px;
--radius-s:5px;
}
/*회원*/
.join_wrap{width:100%;max-width:var(--member-width);margin:60px auto;font-size:15px}
.join_wrap li{margin-bottom:35px; position:relative;}
.user_info_detail dd input[type="text"],.user_info_detail dd input[type="password"],.contact_box dd input[type="text"],.contact_box dd input[type="password"]{border:1px solid #ddd; height:40px;width:100%;background:#f6f6f6;border-radius:3px;padding:10px}
.join_wrap li input[type="text"], .join_wrap li input[type="password"] {font-size:17px; border:none; border-bottom:1px solid #ddd; height:40px;width:100%;background:#fff;border-radius:0;padding:10px 0}
.join_wrap li.email input[type="text"]{width:calc(50% - 34px)}
.join_wrap li.email select{width:50%;height:40px;padding-left:10px;background:#f6f6f6 url(../images/common/select_bg.png) no-repeat 95% 50%;;border-radius:3px;-webkit-appearance: none;-moz-appearance: none;appearance:none;}
.join_wrap li.email span{display:inline-block; width:30px;text-align:center}test2
.join_wrap .btn_wrap{margin-bottom:15px; margin-top: 45px; }
.join_wrap .btn_wrap  input{display: inline-block;width: 100%; cursor:pointer; font-weight: 700;background: var(--color-pm);border-radius: var(--radius-l);padding: 20px 0;color: #fff;text-align: center; font-size:20px; }
.btn_wrap  button {display: inline-block;width: 100%;font-weight: 700;background: var(--color-pm);border-radius: var(--radius-l);padding: 20px 0;color: #fff;text-align: center; font-size:20px; }


.agree_box{font-size:14px; color:#555;line-height:130%}
.agree_box p{padding:3px 0;}
.agree_box p input[type="checkbox"]{margin-right:5px}
.agree_box .btn_agree a{display:inline-block;padding:5px;border:1px solid #ddd;font-size:12px;border-radius:3px;background:#f6f6f6}
.join_wrap a.btn_join,.join_wrap button.btn_join{display:inline-block; width:100%; background:#ff801a;border-radius:5px;padding:15px 0;color:#fff;text-align:center}
.join_wrap button.btn_join{border:0}
.login_check{display:flex;flex-wrap:wrap; margin-top: 10px;}
.login_check p{width:100%; text-align: center;}
.login_check p a{display:inline-block; color: #666;}
.login_check p a:hover {opacity: 0.6;}
.login_check p a:last-child {color: var(--color-pm);}
.login_case{margin-top:30px;}
.login_case a{display:inline-block;border:1px solid #ddd; padding:15px;text-align:center; width:100%;margin-bottom:10px;color:#666}
.login_case a img{vertical-align:middle}
.member_type{width:100%;text-align:center;padding-bottom:10px;font-size:15px}
.member_type span{display:inline-block; padding:0 10px}
.agree_box{border:1px solid #ddd; padding:20px;overflow-y:scroll;height:180px;margin-top:10px;}
.agree_check{margin:10px 0;font-size:14px; color:#595959}


.tbl_join{max-width:var(--member-width); margin:0 auto}
.tbl_join h3 span{font-size:14px;font-weight:300}
.tbl_join table{width:100%;margin-top:5px;}
.tbl_join tbody th{padding:10px 0 0 0;font-size:16px;font-weight:400;display: block; width: 100%; text-align: left;}
.tbl_join tbody td{padding:0 0 10px 0;color:#666;display: block; width: 100%;}
.tbl_join tbody td input[type="text"],.tbl_join tbody td input[type="password"],.tbl_join tbody td select, .tbl_join tbody td input[type="date"]
{font-size:16px; height:50px;vertical-align:middle;margin:1px 0; width:100%;border-radius:10px; border:1px solid #ddd;padding:0 15px; width: 100%;  color: #000; font-weight: 500;}
.tbl_join tbody td input[type="date"] {-webkit-appearance: none;  -moz-appearance: none; text-align: left !important;} 
.tbl_join tbody td input[type="date"]::-webkit-date-and-time-value {text-align: left;}
.tbl_join tbody td textarea{width:100% !important; padding: 15px; border-radius:10px; font-size:16px; height: 150px !important;}
.ex{font-size:12px; color:#666;text-align:right}
.tbl_join em{color:#ff6600; font-style:normal;font-size:15px;vertical-align:middle}
.zip-wrap span {width: calc(100% - 124px);}
.zip-wrap input {width: 100% !important;}
.zip-wrap .tbl_btn {border:1px solid #000; color: #000 !important;  width:120px;}
.tbl_btn{display:inline-block; color: #006AFF !important; background:#fff; border:1px solid #006AFF; font-size:15px; font-weight: 700;border-radius:10px;vertical-align:middle; height:50px;line-height:48px; width:80px;text-align:center}
.nomem_txt{font-size:14px; color:#595959;padding-bottom:20px;text-align:center;}
.nomem_agree{text-align:center;margin-bottom:15px}
.ck-wrap input[type="text"],.ck-wrap input[type="password"]{width:calc(100% - 85px) !important}
.input-email input[type="text"],.input-email select{width:calc(100% - 85px)  !important;}
.input-birth input[type="text"]{width:50% !important}
.input-tel input[type="text"],.input-tel select{width:calc(33.3% - 3px) !important}
.input-code .img{width:60px;}
.input-code .img {width:100%}
.input-code input[type="password"]{width:calc(100% - 110px) !important; float:right;}
.zip-w {position: relative;}
.zip-w input[type="text"] {margin-top: 4px !important; margin-bottom: 0 !important;}
.zip-code input[type="text"] {margin: 0 !important;}


/* 버튼 */
.btn_warp{margin-top:20px;width:100%;text-align:center}
.btn_warp a.btn_list{display:inline-block; padding:10px 20px; border-1px solid #666; background:#f6f6f6;border-radius:3px; border:1px solid #ddd;font-size:14px; font-weight:500; }
a.btn_agree,input.btn_agree{background:var(--color-pm); padding:10px 35px;color:#fff !important;font-size:15px;border-radius:3px;}
a.btn_reset{background:#999; padding:10px 35px;color:#fff !important;font-size:15px;border-radius:3px;}
a.btn_agree2 {background:var(--color-pm); padding:10px 35px;color:#fff !important;font-size:15px;border-radius:3px;}

select{padding-right:20px !important}

.capslock {color:#fff !important; position:absolute;z-index:1111;bottom:-42px;left:0;padding: 0 10px;/* border:1px solid #ddd; */background: #1bc5bd;height: 30px;line-height: 30px;font-size:0.8em;}
.capslock::after{position: absolute;top: -7.5PX;left:  10PX;content: " ";height: 0;z-index: -1;border-bottom: 8px solid;/* border-left: 7px solid rgba(0, 0, 0, 0); */border-right: 10px solid rgba(0, 0, 0, 0);color: #1bc5bd;}
.capslock::before{position: absolute;top:-11PX;left:  5PX;content: " ";height: 0;z-index: -1;border-bottom: 11px solid;/* border-left: 8px solid rgba(0, 0, 0, 0); *//* border-right: 8px solid rgba(0, 0, 0, 0); *//* color: #ddd; */}
.toggle-password {background: #f6f6f6;;position:absolute; right:10px; line-height: 1; ;top:50%; -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
/* #gs_passwd {padding-right: 33px;} */

.find_btn {width:100%; text-align: center; margin-top: 30px;}
.find_btn li {display:inline-block; vertical-align: middle;}
.find_btn li a {display:block; padding: 10px 35px; border:1px solid var(--color-pm); color: var(--color-pm); font-size: 15px;  font-weight: 400;  border-radius: 5px;}
.find_btn li:last-child a {background: var(--color-pm);color: #fff !important; }
.result_tb {background: #f2f3f6; color:#666; font-size:16px;padding:8%; text-align: center;}
.result_tb span {font-weight: 500; color:#000; font-size:1.1em}

.ds-none {display: none !important;}
.member-list {width: calc(100% + 40px); margin-left: -20px; margin-top: -20px;}
.member-list li {width: calc(100%/5 - 40px); margin: 20px; border:1px solid #f2f2f2; border-radius:var(--radius-m); position: relative; overflow:hidden;}

.member-list.w6 {width: calc(100% + 20px); margin-left: -10px; margin-top: -10px;}
.member-list.w6 li {width: calc(100%/6 - 20px); margin: 10px;}

.chairman-icon {background: var(--color-pm); color: #fff; display: inline-block; border-radius:0 0 5px 5px; position: absolute; left: 10px; top: 0; padding: 0 5px; font-weight: 600;}

.mem-img {width: 100%; height: 0; padding-bottom: 130%; -webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.member-list li:hover .mem-img {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
.mem-con-box {padding: 15px 20px; line-height: 1.4;color: #fff;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s; position: absolute; left: 0; right: 0; bottom: 0; background: rgba(20, 20, 20, 0.55);  will-change: background-color; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);}
.mem-con-box div {display: block; font-size:0.9em; opacity: 0.5;}
.member-list li:hover .mem-con-box {background: rgba(20, 20, 20, 0.75);}
.page-num {margin-top: 40px; text-align: center;}
.no-data {text-align: center; padding:60px 0; min-height: 300px;}

.page-num { text-align:center; width:100%; }
.page-num a{display:inline-block; width: 30px; padding:;font-weight:400; color: #CACACA !important; font-size:19px;}
.page-num b{display:inline-block; width: 30px; font-weight:bold; color: #000 !important; font-size:19px;}
.page-num .pageArrow {opacity: 0.6; font-size:18px;width:20px;}
.page-num .pageArrow:hover {opacity: 1;}

.mem-view-img-w {background: #fff; padding: 40px;}

.mem-view {/* max-width: 1100px; */margin: 0 auto;background: #f2f3f6;padding: 10px; padding-bottom: 0 !important;}
.mem-view-img {width: 480px; margin-right: 60px; }
.mem-view-con {background: #fff;flex:1;padding: ; font-weight: 500;}
.mem-view-con dl > * {padding: 13px 0; border-bottom: 1px solid #eee;}
.mem-view-con dt{ width: 150px; color: #999;}
.mem-view-con dd {width: calc(100% - 150px);}
.bb-n {border-bottom: none !important;}
.view-btn-w {padding: 35px 20px;}
.view-btn {flex:1; position: relative; padding: 0 40px; line-height: 1.4; font-weight: 500;}
.view-btn a {display: inline-block;}
.view-btn div {opacity: 0.5;}
.view-btn p {font-weight: 700; font-size:1.5em;}
.list-btn {width: 70px; height: 70px; line-height: 70px; text-align: center; border-radius:25px; background: #000; color: #fff; font-size:18px; font-weight: 500; -webkit-transition: 0.6s;-moz-transition: 0.3s;-ms-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;}
.list-btn a {display: block;}
.list-btn:hover {border-radius:70px;}
.view-next {text-align: right;}
.view-btn span {opacity: 0.1; position: absolute;width: 30px; height: 30px; background: url(/images/sub/arrow-left-s-line.svg) no-repeat center/100%; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.view-prev span {left: 0; -webkit-transform: translateY(-50%) scaleX(-1); -moz-transform: translateY(-50%) scaleX(-1); -ms-transform: translateY(-50%) scaleX(-1); -o-transform: translateY(-50%) scaleX(-1); transform: translateY(-50%) scaleX(-1);}
.view-next span {right: 0;}
/* .view-btn a:hover span {opacity: 1;} */
.view-btn a:hover p {color: var(--color-pm);}
.profile-tit {font-size:24px; font-weight: 800;}
.profile-tit img {width: 30px; display: inline-block;}
.profile-tit * {vertical-align: middle;}

.m-v-img-w {padding: 10%; position: relative; border-radius:var(--radius-m); overflow:hidden;}
.m-v-img-w .overlay {position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(20, 20, 20, 0.1);  will-change: background-color; backdrop-filter: blur(26px); -webkit-backdrop-filter: blur(26px);}
.m-v-img {width: 100%; height: 0; padding-bottom: 130%; position: relative; z-index:1; border-radius:var(--radius-l);  -webkit-box-shadow: 0 0 35px rgba(0,0,0,0.05); -moz-box-shadow: 0 0 35px rgba(0,0,0,0.05); box-shadow: 0 0 35px rgba(0,0,0,0.05);}
.m-v-info {position: relative; z-index:1; text-align: center; color: #fff; margin-top: 20px; line-height: 1.4;}
.m-v-info div {font-size:18px; opacity: 0.7; display: block;text-shadow: 0 0 50px rgba(0,0,0,0.8);}
.m-v-info p {font-size:26px; font-weight: 800;text-shadow: 0 0 50px rgba(0,0,0,0.8);}

.profile-01 {background: var(--bg-gray); padding: 20px; border-radius:var(--radius-l); position: relative; margin-bottom: 15px;}
.pf01-img {width: 150px; height:150px; border-radius:10px;}
.pf01-con {flex:1; padding: 10px 30px; padding-left: 40px;}
.pf01-con p {font-size:20px; font-weight: 300;}
.pf01-con h4 {font-size:28px;}

.edit-btn {position: absolute; right: 10px; top: 10px;  opacity: 0.2;}
.edit-btn:hover {opacity: 1;}

.tbl_join input::placeholder, .join_wrap input::placeholder  {color: #bbb; opacity: 1; font-weight: 400;}
.tbl_join input::-webkit-input-placeholder, .join_wrap input::-webkit-input-placeholder  {color: #bbb; font-weight: 400;}
.tbl_join input:-ms-input-placeholder, .join_wrap input:-ms-input-placeholder {color: #bbb; font-weight: 400;}
.tbl_join input:-mos-input-placeholder, .join_wrap input:-mos-input-placeholder {color: #bbb; font-weight: 400;}

.tbl_join textarea::placeholder {color: #bbb; opacity: 1; font-weight: 400;}
.tbl_join textarea::-webkit-input-placeholder {color: #bbb; font-weight: 400;}
.tbl_join textarea:-ms-input-placeholder {color: #bbb; font-weight: 400;}
.tbl_join textarea:-mos-input-placeholder {color: #bbb; font-weight: 400;}

.sns-w {margin-top: 100px;}
.sns-w p {position: relative; text-align: center;}
.sns-w p span {background: #fff; padding: 10px; position: relative; font-size:18px;}
.sns-w p:before {content:''; position: absolute; left: 0; right: 0; top: 50%; width: 100%; height: 1px; margin-top: -0.5px; background: #ddd;}
.sns-login {margin-top: 15px;}
.sns-login div {margin-right: 10px;}
.sns-login div:last-child {margin-right: 0;}

.pw-check {max-width: var(--member-width); margin: 0 auto; margin-top: 60px;}
.member_modi .con input {border:none; border-radius:0; border-bottom: 1px solid #000;width: 100%; height: 50px; margin: 40px 0;font-size:16px;}
.member_modi {border:none;}
.member_modi .con a{display:inline-block; background:var(--color-pm);color:#fff; padding:10px 35px;  font-size:16px;vertical-align:middle;font-weight:400;border-radius:var(--radius-s)}
.member_modi .con a.btn_cancel{background:#999}
.member_modi .con a:hover {opacity: 0.8;}

.member_modi input::placeholder {color: #bbb; opacity: 1; font-weight: 400;}
.member_modi input::-webkit-input-placeholder {color: #bbb; font-weight: 400;}
.member_modi input:-ms-input-placeholder {color: #bbb; font-weight: 400;}
.member_modi input:-mos-input-placeholder {color: #bbb; font-weight: 400;}


/* 회원탈퇴 */
.mem_out{background:#f2f3f6;padding:20px; }
.mem_out h4{font-size:16px; font-weight:500;padding:0 0 10px 0; text-align: center;}
.mem_out li{padding-bottom:5px;font-size:13px;color:#595959;line-height:130%; text-indent: -9px; padding-left: 9px;}
.mem_out li:before{content:'- '}

.mem_out_btn {color: #aaa !important; display: block; text-align: right; margin-top: 40px; font-size:13px;}
.mem_out_btn:hover {color: #555 !important;}
.mem_out_btn span {text-decoration:underline}


.check_wrap {padding: 8% 10%; text-align: left; }
.check_wrap h3 {text-align: left; font-size:24px; margin-bottom: 20px;}

.joinCheck01 {font-size:18px; border-bottom: 1px solid #eee; padding-bottom: 30px;}
.joinCheck01 a {display:block; width: 100%; height: 40px; line-height: 40px; background: var(--color-pm); color: #fff !important; text-align: center; margin-top: 5px; border-radius:5px;}
.joinCheck01 a:hover {opacity: 0.8;}
.joinCheck01 b {color: var(--color-pm);}
.joinCheck02 {margin: 0 0 20px 0;padding-top: 20px;}
.joinCheck02 h4 {font-size:16px; margin-bottom: 5px;}
.joinCheckBtn {margin-top: 30px; text-align: center;}
.joinCheckBtn a {display:inline-block; font-size:14px; border-radius:5px; width: 110px; text-align: center; height: 40px; line-height: 40px;}
.check_search {width: 100%; font-size:0;}
.check_search > * {font-size:14px;display: inline-block; height: 40px; line-height: 40px; vertical-align: middle;}
.check_search span {width: calc(100% - 65px);}
.check_search span input {width: 100%; height: 100%; font-size:15px; border:none; border-bottom: 1px solid;}
.check_search a {width: 60px; margin-left: 5px;text-align: center; border:1px solid;}
.joinCheckBtn .btn_ok {background: #000; color: #fff;}
.joinCheckBtn .btn_close {background: #000; color: #fff;}
.joinCheckBtn a:hover {opacity:0.6;}
.pwCheck {display:block; margin-top: 4px;}
.pwCheck input {vertical-align: middle; margin-right: 3px; margin-top: -2px;}

.pf-phto br{display: none;}
.del-file-txt .del-f {display: none !important;}

.preview_img span {display: block;}
.preview_img span.del-f {display: contents; font-size:14px; vertical-align: middle;}
.pf-phto #gs_file1 {width: 100%; padding: 10px; border-radius:var(--radius-m)}

.pf-region select {background: url(/images/sub/arrow-down-s-line.svg) no-repeat calc(100% - 10px) 50%/20px !important; padding-right: 30px !important;}

.mem_out{background:#f2f3f6;padding:20px; }
.mem_out h4{font-size:16px; font-weight:500;padding:0 0 10px 0; text-align: center;}
.mem_out li{padding-bottom:5px;font-size:13px;color:#595959;line-height:130%; text-indent: -9px; padding-left: 9px;}
.mem_out li:before{content:'- '}

.out_tb {width: 100%; overflow:hidden;}
.out_tb li {width: 100%; overflow:hidden; margin-top: 20px;}
.out_tb input {width: 100%; height: 40px; padding: 0 0; border-radius:0 !important}
.out_tb textarea {height: 100px !important;}
.out_tb b {display: block; margin-bottom: 5px; font-weight: 500;}
.out_tb textarea, .out_tb input {font-size:15px; border:none; border-bottom: 1px solid #000;}

.member_tab_menu {width:100%;}
.member_tab_menu .tab {overflow: hidden; margin-bottom: 60px;}
.member_tab_menu .tab li {position:relative; text-align: center; flex:1; font-weight: 300; padding: 10PX; border-bottom: none !important; border:1px solid #f2f3f6; background: #f2f3f6; color: #999; font-size: 20px; transition:0.3s; border-bottom: none; box-sizing:border-box; cursor:pointer; -webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.member_tab_menu .tab li.current {border:1px solid #000; color: #000;}
.member_tab_menu .tab li:hover {opacity:1}
.member_tab_menu .tabcontent {display: none; margin: 10px auto; box-sizing:border-box;}
.member_tab_menu ul.tab li.current{background: none; box-sizing:border-box; font-weight: 500;}
.member_tab_menu .tabcontent.current {display: block;}
.member_tab_menu .tabcontent ul {width:100%; overflow:hidden; }

.find_wrap{width:100%; display:flex; flex-wrap:wrap; margin-top: 60px;}
.find_id, .find_pw{width:100%;}
.find_id h3,.find_pw h3{margin-bottom:10px}
.find_id .txt,.find_pw .txt{color:#999;font-size:14px}
.find_id dl, .find_pw dl{width:100%; margin:10px 0; display:flex;flex-wrap:wrap;min-height:160px}
.find_id dt, .find_pw dt{width:100%;font-size:14px;line-height:2em; display: none;}
.find_id dd, .find_pw dd{width:100%; margin-bottom:35px;font-size:14px;}
.find_wrap dd input {padding: 10px 0; vertical-align:middle;width: 100%; border:none; border-bottom: 1px solid #ddd; font-size: 17px}
.find_wrap #gs_mid {width: 100%;}
.find_wrap dd input::placeholder {color: #bbb; opacity: 1; font-weight: 400;}
.find_wrap dd input::-webkit-input-placeholder {color: #bbb; font-weight: 400;}
.find_wrap dd input:-ms-input-placeholder {color: #bbb; font-weight: 400;}
.find_wrap dd input:-mos-input-placeholder {color: #bbb; font-weight: 400;}




.admin-write .ck-wrap {display: flex !important; justify-content:space-between;}
.admin-write .zip-wrap {display: flex !important; }
.admin-write textarea {border:1px solid #ddd !important}

/* .adwBtn {position: fixed; left: 5px; bottom: 30px; text-align: left;} */


.excel-btn {margin-bottom: 10px;}
.excel-btn img {width: 20px;;}
.excel-btn a {display: inline-block; background: #1b6f44; color: #fff !important; padding: 6px 8px; text-decoration:none !important; border-radius:5px !important;}
.excel-btn a * {vertical-align: middle;}
.excel-btn a:hover {color: rgba(255, 255, 255, 0.8) !important; }



@media screen and (min-width:1200px) {
.admin-write tbody th, .admin-write tbody td {width: auto; display: table-cell; padding: 5px 0;}
.admin-write #gs_file1 {height: 50px; line-height: 50px;}
}


@media screen and (max-width:1200px) {

.mem-view-img {width: 300px;}
.member-list.w6 li {width: calc(100%/5 - 20px); margin: 10px;}

}


@media screen and (max-width:1000px) {

.member-list {width: calc(100% + 30px); margin-left: -15px; margin-top: -15px;}
.member-list li {width: calc(100%/4 - 30px); margin: 15px; }
.mem-view-img {width: 100%; margin-right: 0; margin-bottom: 50px;}
.member-list.w6 li {width: calc(100%/4 - 20px); margin: 10px;}

}


@media screen and (max-width:768px) {

.member-list {width: calc(100% + 20px); margin-left: -10px; margin-top: -10px;}
.member-list li {width: calc(100%/3 - 20px); margin: 10px; }

.member-list.w6 li {width: calc(100%/3 - 20px); margin: 10px;}

.mem-view {padding: 0;}
.mem-view-img-w {padding: 0;}
.m-v-img-w {border-radius:0; padding:  55px 25px 50px 25px;}
.mem-view-img {margin-bottom: 00px; ;position: relative; margin-bottom: -20px;}
.mem-view-con {padding: 24px; border-radius:var(--radius-l); position: relative; margin-bottom: -20px; -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);}

.view-btn-w {padding: 55px 10px 105px 10px;}
.mView .container {padding: 0 !important;}
.view-prev {padding-right: 5px !important;}
.view-next {padding-left: 5px !important;}
.pd-bt {padding-bottom: 100px;}
}



@media screen and (max-width:600px) {

.result_tb table td {color:#666; font-size:14px;}
.tbl_join tbody th, .tbl_join tbody td {display: block; width: 100%;border-bottom: none;}
.tbl_join tbody th { padding-bottom: 0; font-size:15px;}
.tbl_join tbody td {padding-top: 0;}

.mem06 .btn_reset {display: none !important;}

.mb-gnb {margin-bottom: 70px; margin-top: 30px; border-radius:var(--radius-m); overflow:hidden;}

.mb-gnb > div a {display: block; padding: 10px 15px; font-weight: 500; background: #f2f3f6; position: relative;}
.m-gnb01 a {background: #6da5f3 !important; font-weight: 700 !important; color: #fff !important;}
.m-gnb02 {border-bottom: 1px solid #fff;}
.mb-gnb > div a:before {opacity: 0.3;content:""; width: 18px; height: 18px; background: url(/images/sub/arrow-right-s-line.svg) no-repeat center/100%;position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}

.m-gnb01 a:before { background: url(/images/sub/arrow-right-s-line-w.svg) no-repeat center/100% !important; opacity: 1 !important;}

.member-list, .member-list.w6 {width: calc(100% + 15px); margin-left: -7.5px; margin-top: -7.5px;}
.member-list li, .member-list.w6 li {width: calc(100%/2 - 15px); margin: 7.5px;}
.chairman-icon {font-size:14px;}

.profile-tit {font-size:18px;}
.profile-tit img {width: 24px;}
.mem-view-con {font-size:15px;}
.mem-view-con dt {width: 88px;}.mem-view-con dd {width: calc(100% - 88px);}
.view-btn span {width: 24px; height: 24px;}
.view-btn {padding: 0 24px;}
.view-btn div {font-size:11px;}
.view-btn p {font-weight: 700; font-size:1em;}
.no-data {min-height: auto;}
.join_wrap {margin: 40px auto 0 auto;}
.mem01 {position: relative; min-height: 100dvh; padding-bottom: 150px !important;}
.sns-w {margin-top:0; position: absolute; bottom: 25px; left: 0;right: 0;;}
.member_tab_menu .tab li {font-size:16px;}
.find_wrap {margin-top: 30px;}
.member_tab_menu .tab {margin-bottom: 40px;}
.mem_out {padding: 13px; }
.mem_out li {font-size:11px; color: #999;}
.mem_out h4 {padding-bottom: 5px; font-size:13px; text-align: left;}
}


.del-file-txt .preview_img {width: 100px ;margin-top: 10px; position: relative; max-height:100px; overflow:Hidden;;}
.del-file-txt .preview_img img {width: 100px; display:inline-block; vertical-align: top;}
.del-file-txt .preview_img br {display:none;}
.del-file-txt .preview_img > span {text-align: center; display:inline-block; width: 100%; vertical-align: top;line-height: 1.2;font-size: 13px;  color: #fff; position: absolute; left:0; bottom: 0; right:0; background: rgba(0,0,0,0.3); padding: 3px 5px;}
.del-file-txt .preview_img > span input {margin-right: 4px; vertical-align: middle;margin-top: -3px;}
.del-file-txt .del-f {display:none !important}
.del-file-txt .preview_img > span:after {content:'삭제';}