@charset "utf-8";

/*
 * File : mypage.css 
 * 회원가입, 마이페이지 css
 */



/* **************************************** *
* 회원가입 - 메인
* **************************************** */
.join_main .apt_content_wrap { display: flex; height: 100vh; flex-direction: column; justify-content: center; } 
.join_main .join_title { position: relative; margin: 0px auto 70px; } 
.join_main .join_title img { position: absolute; left: 4px; top: -31px; } 
.join_main .main_tit { font-size: 40px; font-weight: 600; color: var(--black-color); text-align: center; word-break: keep-all; } 
.join_main .main_tit span.red { color: var(--red-color); } 
.join_main .btn_wrap .btn1 { background-color: #F8F8F8; border: 2px solid var(--black-color); max-width: 310px; width: 100%; height: 70px; font-size: 22px; font-weight: 500; color: var(--black-color); margin-right: 40px; word-break: keep-all; } 
.join_main .btn_wrap .btn1:last-child { margin-right: 0; } 
.join_main .btn_wrap .btn1:hover { font-weight: 600; color: var(--red-color); border: 2px solid var(--red-color); } 
.join_main .btn_wrap { display: flex; align-items: center; justify-content: center; } 



/* **************************************** *
* 회원가입 - 일반회원
* **************************************** */
.join.wrap { padding-top: 160px; } 
.join .apt_content_wrap { margin-top: 70px; margin-bottom: 60px; } 
.join .sub_title { font-size: 17px; color: var(--black-color); font-weight: 500; margin-bottom: 10px; } 
.join .apt_content_wrap3 input[type="text"],
.join .apt_content_wrap input[type="text"],
.join .apt_content_wrap input[type="number"],
.join .apt_content_wrap input[type="password"] { padding: 0 20px; height: 50px; border: 1px solid var(--grey-color-02); outline: none; width: 100%; } 
.join .apt_content_wrap .btn3 { border: 1px solid var(--black-color); font-size: 16px; font-weight: 500; color: var(--black-color); background-color: #F8F8F8; width: 150px; height: 50px; box-sizing: border-box; margin-left: 10px; } 
.join .apt_content_wrap input[type="text"].input1 { width: 80%; } 
.join .col_gray { font-size: 14px; color: var(--grey-color-01); display: block; margin-top: 5px; } 
.join .col_red { font-size: 14px; color: var(--red-color); display: block; margin-top: 5px; } 
.join .apt_content_wrap3 div.col,
.join .apt_content_wrap div.col { margin-bottom: 30px; } 
.join .apt_content_wrap div.col .chk_select { display: flex; align-items: center; flex-wrap: wrap } 
.join .apt_content_wrap3 div.col:last-child,
.join .apt_content_wrap div.col:last-child { margin-bottom: 0; } 
.join .apt_content_wrap .col .result_input { margin-top: 10px; } 
.join .apt_content_wrap .eye_none { position: absolute; width: 24px; right: 20px; cursor: pointer; top: 50%; transform: translateY(-50%); } 
.join .apt_content_wrap .flex_center { display: flex; align-items: center; position: relative; align-content: center; } 
.join .bot_chk { text-align: center; } 
.join .bot_chk p { font-size: 17px; color: var(--black-color); font-weight: 600; margin-bottom: 20px; } 
.join .bot_chk .ok2 { border: 1px solid var(--red-color); background-color: var(--white-color); width: 400px; display: inline-block; text-align: center; line-height: 50px; font-size: 16px; color: var(--black-color); font-weight: 500; cursor: pointer; } 
.join .bot_chk .ok1 { border: 1px solid var(--grey-color-02); background-color: #F8F8F8; max-width: 400px; width: 100%; display: inline-block; text-align: center; line-height: 50px; font-size: 16px; color: #888888; font-weight: 500; cursor: pointer; } 
.join .bot_chk .ok .ckb { width: 16px; height: 16px; margin-right: 10px; vertical-align: middle; margin-bottom: 3px; position: relative; } 
.join .bot_chk .policy_list { margin-top: 30px; margin-bottom: 60px; } 
.join .bot_chk .policy_list li { border-bottom: 1px solid var(--grey-color-02); width: 100%; padding: 8px; font-size: 16px; color: #888888; font-weight: 500; display: flex; justify-content: space-between; align-items: center; text-align: left; } 
.join .bot_chk .policy_list li .list_fl { display: flex; align-items: center; cursor: pointer; } 
.join .bot_chk .policy_list li .list_fl input[type="checkbox"] { min-width: 18px; height: 18px; margin-top: 2px; margin-right: 10px; } 
.join .bot_chk .policy_list li button.button2 { background-image: url("../image/sub/v.png"); background-repeat: no-repeat; background-size: 17.12px; background-position: 15px center; width: 100px; height: 40px; font-size: 16px; font-weight: 500; color: var(--black-color); border: 2px solid var(--red-color); background-color: var(--white-color); padding-left: 20px; } 
.join .bot_chk .policy_list li button.button1 { width: 80px; height: 40px; font-size: 16px; font-weight: 500; color: #888888; border: 1px solid var(--grey-color-02); background-color: #F8F8F8; } 
.join .bot_chk .policy_list span { font-size: 15px; color: #888888; display: inline-block; margin-top: 20px; } 
.join .btn_wrap .btn2 { background-color: var(--red-color); width: 100%; height: 60px; font-size: 20px; font-weight: 600; color: var(--white-color); margin-bottom: 160px; } 
.join .btn_wrap .btn1 { background-color: #CCCCCC; width: 100%; height: 60px; font-size: 20px; font-weight: 600; color: var(--white-color); margin-bottom: 160px; } 



/* **************************************** *
* 회원가입 - 중개사회원
* **************************************** */
/* add2.css */
.join_broker .input3 { display: inline-block; height: 50px; padding: 10px; width: 75% !important; border: 1px solid var(--grey-color-02); cursor: pointer; color: #888888; } 
.join_broker .col .btn2 { display: inline-block; width: 190px; color: var(--black-color); background-color: #f8f8f8; cursor: pointer; line-height: 50px; margin-left: 10px; font-size: 16px; font-weight: 500; color: var(--black-color); border: 1px solid var(--black-color); } 
.join_broker .broker_select option { font-size: 16px; font-weight: 400; color: var(--grey-color-01); } 
.join_broker .col input.mt10 { margin-top: 10px; } 
.join_broker .col input.input2 { border: 1px solid var(--grey-color-02); background-color: var(--white-color); box-shadow: 0 0 0; width: 200px; } 
.join_broker .flex_wrap { display: flex; flex-direction: column; } 
.join_broker .ranking { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } 
.join_broker .ranking .fl_right { max-width: 666px; width: 100%; display: flex; align-items: center; justify-content: space-between; } 
.join_broker .ranking .w100 { width: 100px; font-size: 15px; color: var(--black-color); cursor: pointer; white-space: nowrap; margin-right: 10px; } 
.join_broker .ranking .w100 .same_ckb { margin-right: 8px; width: 16px; height: 16px; vertical-align: middle; margin-bottom: 3px; position: relative; } 
.join_broker .ranking:last-child { margin-bottom: 0 !important; } 
.join_broker .apt_content_wrap2 .ranking .rank_tit { font-size: 16px; color: var(--black-color); margin-left: 10px; white-space: nowrap; margin-right: 10px; } 
.join_broker .apt_content_wrap2 .rank_tit.re { margin-left: 0; } 
.join_broker .apt_content_wrap2 .rank_tit.re::before { content: "*"; display: inline-block; } 
.join_broker .area1 { border: 1px solid var(--black-color); background-color: #F9F9F9; font-size: 16px; color: var(--black-color); width: 170px; height: 50px; font-weight: 500; white-space: nowrap; } 
.join_broker .area2 { border: 2px solid var(--grey-color-02); background-color: #DDDDDD; font-size: 16px; color: var(--black-color); width: 170px; height: 50px; font-weight: 600; margin-right: 10px; } 
.join_broker .apt_select.col_red { color: var(--red-color); } 
.join_broker .apt_select.col_red option { font-size: 16px; font-weight: 400; color: var(--red-color); } 
.join_broker .apt_select option { font-size: 16px; font-weight: 400; color: var(--grey-color-01); } 
.join_broker .apt_content_wrap3 { margin-bottom: 60px; } 
.join_broker .apt_content_wrap3 .sub_title { font-size: 16px; font-weight: 500; color: var(--black-color); margin-bottom: 20px; } 
.join_broker .apt_content_wrap3 .col .sub_title,
.join_broker .apt_content_wrap3 .profile .sub_title { font-size: 16px; color: var(--black-color); font-weight: 500; margin-bottom: 10px; } 
.join_broker .apt_content_wrap3 .profile .img_box { max-width: 200px; width: 100%; height: 200px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--grey-color-02); position: relative; } 
.join_broker .apt_content_wrap3 .profile .img_box img { max-width: 100%; max-height: 100%; } 
.join_broker .apt_content_wrap3 .profile .img_wrap { display: flex; align-items: flex-end; } 
.join_broker .apt_content_wrap3 .profile .img_box img.x_icon { width: auto; position: absolute; right: 10px; top: 10px; cursor: pointer; } 
.join_broker .apt_content_wrap3 .w100:last-child { margin-right: 0; } 
.join_broker .apt_content_wrap3 .sns_select { max-width: 370px; width: 100%; height: 50px; padding: 0 10px; border: 1px solid var(--grey-color-02); background-color: var(--white-color); outline: none; font-size: 16px; font-weight: 400; color: var(--grey-color-01); cursor: pointer; margin-right: 30px; } 
.join_broker .apt_content_wrap3 .sns_select:last-child { margin-right: 0; } 
.join_broker .apt_content_wrap3 .sns_select option { font-size: 16px; font-weight: 400; color: var(--grey-color-01); } 

/* 20240813 추가 */
.upload_name_license { display: inline-block; height: 50px; padding: 10px; max-width: 640px; width: 100%; border: 1px solid var(--grey-color-02); cursor: pointer; color: #888888; } 
.upload_name_license::placeholder { font-size: 16px; } 
.join_broker .broker_select { width: 100%; height: 50px; padding: 0 10px; border: 2px solid var(--grey-color-02); background-color: var(--white-color); outline: none; font-size: 16px; font-weight: 400; color: var(--grey-color-01); cursor: pointer; } 
.join_broker .col input.mt10::placeholder { font-size: 16px; } 
.join_broker .apt_content_wrap3 .col .sub_title, .join_broker .apt_content_wrap3 .profile .sub_title { font-size: 18px; color: var(--black-color); font-weight: 500; margin-bottom: 10px; } 
.join_broker .apt_content_wrap3 .w100 { font-size: 16px; color: var(--black-color); margin-right: 40px; cursor: pointer; } 

.join.join_broker .apt_content_wrap { border-bottom: 1px solid var(--grey-color-02); padding-bottom: 60px; } 
.join_broker .apt_content_wrap2 { margin-top: 60px; margin-bottom: 60px; border-bottom: 1px solid var(--grey-color-02); padding-bottom: 60px; } 
.join_broker .apt_content_wrap2 .sub_title { margin-bottom: 20px; font-size: 20px; color: var(--black-color); font-weight: 600; } 
.join_broker .apt_content_wrap3 .w100 { font-size: 16px; color: var(--black-color); margin-right: 40px; cursor: pointer; } 
.join_broker .apt_content_wrap3 .w100 .same_ckb { margin-right: 10px; width: 20px; height: 20px; vertical-align: middle; margin-bottom: 3px; position: relative; }
.filebox label { border: 1px solid var(--grey-color-02); background-color: #F9F9F9; font-size: 16px; color: var(--black-color); width: 120px; height: 50px; font-weight: 500; margin-right: 10px; } 
.join_broker .area1 { border: 1px solid var(--grey-color-02); background-color: #F9F9F9; font-size: 16px; color: var(--black-color); width: 120px; height: 50px; font-weight: 500; margin-right: 10px; } 
.join_broker .apt_content_wrap2 .ranking .rank_tit { font-size: 16px; color: var(--black-color); margin-left: 10px; } 



/* **************************************** *
* 마이페이지  - 일반회원
* **************************************** */
.mypage_wrap { display: flex; justify-content: space-between; } 
.snb_wrap_broker,
.snb_wrap { width: 280px; position: relative; } 
.snb_wrap_broker::after { content: ""; display: inline-block; width: 2px; height: 716px; background-color: #eee; position: absolute; right: -14px; top: 0; } 
.snb_wrap .snb_list li:last-child { margin-bottom: 0; } 
.snb_wrap .snb_list li span.red { color: var(--red-color); } 
.snb_wrap .snb_list li:hover { border: 2px solid var(--black-color); background-color: var(--white-color); font-weight: 600; color: var(--black-color); } 
.snb_wrap .snb_list li.active { border: 2px solid var(--black-color); background-color: var(--white-color); font-weight: 600; color: var(--black-color); } 
.mypage_con { max-width: 930px; width: 100%; margin-bottom: 80px; margin-left: 28px; } 

.mypage_con .tit_col { display: flex; align-items: center; } 
.mypage_con .tit_col img { margin-bottom: 30px; margin-left: 10px; vertical-align: middle; cursor: pointer; } 
.mypage_con .on_content { position: relative; } 
.mypage_con .on_content .deco_line_red { display: inline-block; width: 10px; height: 12px; background-color: var(--red-color); position: absolute; left: 50%; transform: translateX(-50%); top: -11px; } 
.mypage_con > .content_box:last-child { margin-bottom: 0; } 
.mypage_con .content_box .row { display: flex; justify-content: flex-start; margin-top: 10px; } 
.mypage_con .content_box .row .flex_bw { justify-content: space-between; display: flex; margin-left: 30px; width: 100%; } 
.mypage_con .content_box .row.mt { margin-top: 0; } 
.mypage_con .content_box .col { display: flex; flex-direction: column; justify-content: space-between; width: 57%; } 
.mypage_con .content_box .col2 { display: flex; flex-direction: column; align-items: center; justify-content: center; padding-right: 30px; } 
.mypage_con .content_box .col3 { display: flex; justify-content: space-between; position: relative; } 
.deco_line { display: inline-block; width: 2px; background-color: #eee; } 
.mypage_con .content_box .img { width: 150px; height: 200px; display: flex; align-items: center; justify-content: center; } 
.mypage_con .content_box .img img { max-width: 150px; width: 100%; max-height: 100%; border: 1px solid var(--grey-color-02); } 
.mypage_con .content_box .num { font-size: 16px; color: var(--black-color); background-color: #F8F8F8; width: 200px; padding: 4px 0; text-align: center; font-weight: 500; } 
.mypage_con .content_box .type_price { display: flex; align-items: center; flex-wrap: wrap; }
.mypage_con .content_box .type1 { display: inline-block; font-size: 16px; font-weight: 500; color: #EB750D; width: 100px; height: 40px; line-height: 40px; text-align: center; background-color: #F8F8F8; border-radius: 30px; margin-right: 10px; } /*매매*/
.mypage_con .content_box .type2 { display: inline-block; font-size: 16px; font-weight: 500; color: #17A253; width: 100px; height: 40px; line-height: 40px; text-align: center; background-color: #F8F8F8; border-radius: 30px; margin-right: 10px; } /*전세*/
.mypage_con .content_box .type3 { display: inline-block; font-size: 16px; font-weight: 500; color: #3260C9; width: 80px; height: 40px; line-height: 40px; text-align: center; background-color: #F8F8F8; border-radius: 30px; margin-right: 10px; } /*월세*/
.mypage_con .content_box .price { font-size: 20px; color: var(--black-color); font-weight: 500; display: inline-block; } 
.mypage_con .content_box .apt_name { font-size: 22px; color: var(--black-color); font-weight: 600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width: 270px; } 
.mypage_con .content_box .btn_wrap { text-align: center; display: flex; align-items: center; width: 100%; } 
.mypage_con .content_box .btn_wrap .btn1 { border: 1px solid var(--grey-color-02); background-color: #F8F8F8; color: var(--black-color); font-size: 16px; max-width: 130px; width: 100%; height: 40px; font-weight: 500; margin-right: 10px; } 
.mypage_con .content_box .btn_wrap .btn1:last-child { margin-right: 0; } 
.mypage_con .content_box .btn_wrap .btn2 { white-space: nowrap; border: 1px solid var(--grey-color-02); background-color: #CCCCCC; color: var(--black-color); font-size: 16px; width: 130px; height: 40px; font-weight: 500; } 
.mypage_con .content_box .state { font-size: 18px; font-weight: 500; color: var(--black-color); margin-bottom: 20px; } 
.mypage_con .content_box .btn_wrap2 { text-align: center; display: flex; flex-direction: column; } 
.mypage_con .content_box .btn_wrap2 .btn1 { border: 1px solid var(--grey-color-02); background-color: #F8F8F8; color: var(--black-color); font-size: 16px; width: 130px; height: 40px; font-weight: 500; margin-bottom: 10px; } 
.mypage_con .content_box .count { font-size: 16px; color: var(--black-color); font-weight: 500; background-color: #F8F8F8; width: 230px; display: inline-block; padding: 4px 0; text-align: center; position: absolute; right: 0; top: -10px; } 
.mypage_con .content_box .btn_wrap .btn1:hover,
.mypage_con .content_box .btn_wrap2 .btn1:hover,
.mypage_con .content_box .col3 .btn3:hover,
.mypage_con.broker_mypage .top_col .btn_wrap3 .btn:hover { border: 2px solid var(--red-color); color: var(--red-color); } 
.mypage_con .content_box .state_wrap { justify-content: space-evenly; margin-top: 40px; } 
.mypage_con .content_box .state_wrap .state_list { display: flex; align-items: center; justify-content: center; width: 100%; } 
.mypage_con .content_box .state_wrap .state_list li:first-child { margin-left: 0; } 
.mypage_con .content_box .state_wrap .state_list li.on { color: var(--red-color); cursor: pointer; } 
.mypage_con .content_box .state_wrap .state_list li img { vertical-align: middle; } 
.mypage_con .content_box .save_num { padding: 4px 15px; font-size: 16px; color: var(--black-color); font-weight: 500; background-color: #F8F8F8; margin-top: 30px; display: block; text-align: center; } 

/* 20240813 추가 */
.snb_wrap .menu_tit { font-size: 20px; font-weight: 600; color: var(--black-color); text-align: center; margin-bottom: 30px; } 
.snb_wrap .snb_list li { width: 100%; background-color: #F8F8F8; color: var(--black-color); font-size: 18px; text-align: center; padding: 10px 0; margin-bottom: 10px; cursor: pointer; border: 2px solid #F8F8F8; transition: border 0.3s; word-break: keep-all; } 
.snb_wrap::after { content: ""; display: inline-block; width: 1px; height: 100%; background-color: #eee; position: absolute; right: -14px; top: 0; } 
.mypage_con .content_box .box_tit { font-size: 18px; color: var(--black-color); font-weight: 600; } 
.mypage_con .content_box .state_wrap .state_list li { font-size: 18px; color: var(--black-color); font-weight: 600; text-align: center; margin-left: 30px; white-space: nowrap; } 
.mypage_con .content_box .col3 .btn3 { border: 1px solid var(--grey-color-02); background-color: #F8F8F8; color: var(--black-color); font-size: 16px; width: 100px; height: 40px; font-weight: 500; } 
.mypage_con .sub_tit { font-size: 20px; color: var(--black-color); font-weight: 500; margin-bottom: 30px; } 
.mypage_con .content_box { width: 100%; border: 1px solid var(--grey-color-02); margin-bottom: 10px; padding: 30px; } 
.mypage_con .sub_tit2 { font-size: 20px; color: var(--black-color); font-weight: 600; margin-bottom: 30px; } 
.mypage_con .content_box .col3 .btn3 + .btn3 { margin-left: 5px; }


/* **************************************** *
* 마이페이지 > 일반회원 > 찜한 매물
* **************************************** */
.mypage_con .content_box .col2 .btn_wrap2 .mark img { vertical-align: middle; margin-left: 10px; margin-bottom: 3px; } 



/* **************************************** *
* 마이페이지 > 일반회원 > 찜한 아파트
* **************************************** */
.mypage_con .apt_content_box { width: calc(33.33% - 20px); min-height: 340px; padding: 30px; border: 1px solid var(--grey-color-02); } 
.mypage_con .apt_content_box:nth-child(3),
.mypage_con .apt_content_box:nth-child(6),
.mypage_con .apt_content_box:last-child { margin-right: 0; } 
.mypage_con .apt_content_box .apt_name { width: 220px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 18px; color: var(--black-color); font-weight: 600; } 
.mypage_con .apt_content_box .apt_name2 { font-size: 18px; color: var(--black-color); font-weight: 600; cursor: pointer; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width: 80%; } 
.mypage_con .apt_content_box .img { width: 100%; height: 267px; display: flex; align-items: center; justify-content: center; margin: 0 auto; } 
.mypage_con .apt_content_box .img img { width: 100%; height: 100%; object-fit: cover; border: 2px solid var(--grey-color-02); cursor: pointer; } 
.mypage_con .apt_content_box .address { text-align: center; overflow-wrap: break-word; word-break: break-all; font-size: 18px; color: var(--black-color); font-weight: 500; margin-top: 20px; height: auto; display: flex; justify-content: center; align-items: center; line-height: 1.4; } 
.mypage_con .apt_content_box .col3 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } 
.mypage_con .mark_apt { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 10px; } 
.mypage_con .mark_apt .mark { cursor: pointer; } 



/* **************************************** *
* 마이페이지 > 일반회원 > 내알림
* **************************************** */
.mypage_con .notice { width: 100%; border-bottom: 1px solid var(--grey-color-02); } 
.mypage_con .notice .tit_border { border-top: 1px solid var(--grey-color-02); border-bottom: 1px solid var(--grey-color-02); } 
.mypage_con .notice .tit_border th { padding: 7px 0; font-size: 16px; color: var(--black-color); font-weight: 600; } 
.mypage_con .notice td { font-size: 16px; color: var(--black-color); font-weight: 400; } 
.mypage_con .notice td.notice_txt { cursor: pointer; padding: 12px 20px; } 
.mypage_con .notice td.notice_txt a:hover { font-weight: 600; text-decoration: underline; } 
.mypage_con .notice td.date { text-align: center; border-left: 1px solid var(--grey-color-02); padding: 5px; } 
.mypage_con .notice th.date { border-left: 1px solid var(--grey-color-02); } 
.mypage_con span.gray_txt { font-size: 16px; color: #888888; margin-top: 10px; display: inline-block; padding-left: 20px; } 
.mypage_con .notice a { font-size: 16px; color: var(--black-color); font-weight: 400; } 



/* **************************************** *
* 마이페이지 > 일반회원 > 회원정보
* **************************************** */
.mypage_con .info_box { margin-bottom: 80px; } 
.mypage_con .info_box.mb { margin-bottom: 0; } 
.mypage_con .info_box2 { max-width: 800px; width: 100%; } 
.mypage_con .info_box:last-child { margin-bottom: 0; } 
.mypage_con .info_box .sub_tit3 { display: inline-block; padding: 0 20px; font-size: 18px; color: var(--black-color); font-weight: 500; margin-bottom: 20px; background-color: #F8F8F8; height: 50px; line-height: 50px; } 
.mypage_con .info_box .deco_bt { display: block; height: 1px; width: 100%; background-color: #e1e1e1; } 
.mypage_con .info_box span.user { font-weight: 600; color: var(--black-color); } 
.mypage_con .info_box .user_info { width: 100%; border-bottom: 1px solid var(--grey-color-02); border-top: 1px solid var(--grey-color-02); } 
.mypage_con .info_box .user_info tr { border-bottom: 1px solid var(--grey-color-02); } 
.mypage_con .info_box .user_info tr th { padding: 10px 20px; text-align: left; font-size: 16px; font-weight: 500; color: var(--black-color); } 
.mypage_con .info_box .user_info tr td { padding: 10px 0px; font-size: 16px; color: var(--black-color); } 
.mypage_con .info_box .user_info tr td .chk_select { display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; margin-right: 20px; align-items: center; flex-wrap: wrap; } 
.mypage_con .info_box .user_info tr td .chk_select .radio_txt { font-size: 16px; } 
.mypage_con .info_box .user_info tr td .tb_btn1 { border: 1px solid var(--black-color); background-color: #F8F8F8; max-width: 170px; width: 100%; height: 40px; font-size: 16px; color: var(--black-color); } 
.mypage_con .info_box .user_info tr td input.number { width: 200px; border: 1px solid var(--grey-color-02); font-size: 16px; color: var(--black-color); font-weight: 500; margin-right: 20px; height: 40px; padding: 0px 10px; } 
.mypage_con .info_box .user_info tr td .tb_btn2 { border: 1px solid var(--black-color); background-color: #F8F8F8; width: 150px; height: 40px; font-size: 16px; color: var(--black-color); font-weight: 500; margin-right: 20px; } 
.mypage_con.broker_mypage .content_box .btn_wrap1 .btn1:hover,
.mypage_con .info_box .pwbtn_wrap .pw_btn1:hover,
.mypage_con .info_box .user_info tr td .tb_btn1:hover,
.mypage_con .info_box .user_info tr td .tb_btn2:hover { border: 1px solid var(--red-color); color: var(--red-color); } 
.mypage_con .info_box .user_info tr td .tb_btn2:last-child { margin-right: 0; } 
.mypage_con .info_box .agree { padding: 10px; border-bottom: 1px solid var(--grey-color-02); display: flex; justify-content: space-between; align-items: center; } 
.mypage_con .info_box .agree li label.radio_txt { font-size: 16px; color: var(--black-color); font-weight: 500; } 
.mypage_con .info_box .agree li label.radio_txt .apt_radio { width: 24px; height: 24px; } 
.mypage_con .info_box .agree li label.radio_txt input[type="radio"]:checked { border: 8px solid var(--red-color); } 
.mypage_con .info_box .txt { font-size: 16px; color: #888888; font-weight: 500; } 
.mypage_con .info_box .btn_wrap { text-align: center; margin-top: 30px; } 
.mypage_con .info_box .btn_wrap button.red_bt { width: 100px; height: 60px; color: var(--white-color); font-weight: 600; font-size: 16px; margin-right: 10px; background-color: var(--red-color); } 
.mypage_con .info_box .btn_wrap button.gray_bt { width: 100px; height: 60px; color: var(--white-color); font-weight: 600; font-size: 16px; background-color: #888888; } 
.mypage_con .info_box .btn_wrap button.gray_bt2 { width: 200px; height: 60px; color: var(--white-color); font-weight: 400; font-size: 16px; background-color: var(--grey-color-01); } 
.mypage_con .info_box p.txt { border-bottom: 1px solid var(--grey-color-02); padding: 10px; } 



/* **************************************** *
* 마이페이지 > 일반회원 > 비밀번호 변경
* **************************************** */
.mypage_con .sub_tit2 span.fw400 { font-weight: 400; } 
.mypage_con .user_info input[type="text"],
.mypage_con .user_info input[type="password"] { padding: 10px; height: 50px; border: 1px solid var(--grey-color-02); outline: none; cursor: pointer; width: 100%; } 
.mypage_con .user_info .eye_none { position: absolute; right: 10px; cursor: pointer; top: 50%; transform: translateY(-50%); } 
.mypage_con .user_info .pw_wrap { position: relative; display: flex; align-items: center; max-width: 430px; width: 100%; } 
.mypage_con .user_info .password .col_red { font-size: 1.125rem; color: var(--red-color); display: block; margin-top: 3px; } 
.mypage_con .info_box .user_info.user_pw tr { border: none; } 

.mypage_con .info_box .pwbtn_wrap { display: flex; align-items: center; justify-content: flex-end; margin-top: 10px; } 
.mypage_con .info_box .pwbtn_wrap .sub_title { font-size: 16px; font-weight: 500; color: var(--black-color); margin-right: 20px; } 
.mypage_con .info_box .pwbtn_wrap .pw_btn1 { border: 1px solid var(--black-color); background-color: #F8F8F8; width: 200px; height: 40px; font-size: 16px; color: var(--black-color); font-weight: 500; } 
.mypage_con .info_box .btn_wrap button.red_bt2 { width: 200px; height: 60px; color: var(--white-color); font-weight: 600; font-size: 16px; background-color: var(--red-color); } 


/* **************************************** *
* 마이페이지 > 중개사회원 > 나의매물
* **************************************** */
.mypage_con.broker_mypage .content_box .state_wrap .state_list li { margin-left: 30px; display: flex; flex-direction: column; justify-content: flex-end; height: 124px; } 
.mypage_con.broker_mypage .content_box .state_wrap .state_list li p { font-size: 1.1rem; color: var(--black-color); font-weight: 500; text-align: center; margin-bottom: 15px; } 
.mypage_con.broker_mypage .content_box .state_wrap .state_list li:nth-child(5) p,
.mypage_con.broker_mypage .content_box .state_wrap .state_list li:nth-child(7) p,
.mypage_con.broker_mypage .content_box .state_wrap .state_list li:nth-child(9) p { margin-bottom: 25px; } 
.mypage_con.broker_mypage .content_box .state_wrap .state_list li span.count_num { font-size: 18px; color: var(--black-color); font-weight: 500; } 
.mypage_con.broker_mypage .content_box .state_wrap .state_list li span.count_num.on { color: var(--red-color); cursor: pointer; } 
.mypage_con.broker_mypage .content_box .state_wrap { margin-top: 0; } 
.mypage_con.broker_mypage .content_box .state_wrap .state_list li img { margin-bottom: 5px; } 
.mypage_con.broker_mypage .conbox_wrap .box_tit { font-size: 18px; color: var(--black-color); font-weight: 600;}
.mypage_con.broker_mypage .conbox_wrap > .box_tit { padding: 20px 0; } 
.mypage_con.broker_mypage .content_box .col3 { position: relative; } 
.mypage_con.broker_mypage .conbox_wrap .count { font-size: 16px; color: var(--black-color); font-weight: 500; background-color: #F8F8F8; width: 230px; display: inline-block; padding: 4px 0; text-align: center; position: absolute; right: 0; top: -10px; } 
.mypage_con.broker_mypage .conbox_wrap p.gray_txt { font-size: 16px; color: var(--black-color); font-weight: 500; margin-bottom: 20px; margin-top: 10px; } 
.mypage_con.broker_mypage .content_box .state_red { font-size: 18px; font-weight: 500; color: var(--red-color); margin-bottom: 30px; } 
.mypage_con.broker_mypage .content_box .lank { display: inline-block; font-size: 16px; font-weight: 500; color: var(--black-color); width: 100px; height: 40px; line-height: 40px; text-align: center; background-color: #EEEEEE; border-radius: 30px; margin-right: 10px; } 
.mypage_con.broker_mypage .content_box .col4 { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-top: 20px; } 
.mypage_con.broker_mypage .content_box .col4 .col5 { display: flex; align-items: center; } 
.mypage_con.broker_mypage .content_box .btn_wrap1 { display: flex; align-items: center; } 
.mypage_con.broker_mypage .content_box .btn_wrap1 .btn1 { border: 1px solid var(--black-color); background-color: #F8F8F8; color: var(--black-color); font-size: 16px; width: 130px; height: 40px; font-weight: 500; margin-right: 10px; } 
.mypage_con.broker_mypage .content_box .btn_wrap1 .btn2 { border: 1px solid var(--black-color); background-color: #CCCCCC; color: var(--black-color); font-size: 16px; width: 130px; height: 40px; font-weight: 500; } 
.mypage_con.broker_mypage .content_box .state_red2 { font-size: 18px; font-weight: 500; color: var(--red-color); } 



/* **************************************** *
* 마이페이지 > 중개사회원 > 계약서 관리
* **************************************** */
.content-wrap.contract { width: 96%; max-width: 1440px; margin: auto; font-family: "굴림",sans-serif; } 
.content-wrap.contract input[type="text"] { background-color: var(--white-color) !important; } 
.content-wrap.contract h1.title { text-align: center; font-size: 2rem; font-weight: 700; margin-top: 20px; margin-bottom: 20px; } 
.content-wrap.contract div.content { width: 100%; border: 1px solid var(--black-color); box-sizing: border-box; } 
.content-wrap.contract div.content .con-intro { margin-top: 2px; font-size: 0.75rem; } 
.content-wrap.contract div.content .minicon { width: 100%; } 
.content-wrap.contract div.content .minicon .mini-title { margin-top: 4px; margin-bottom: 4px; font-size: 0.875rem; font-weight: 700; } 
.content-wrap.contract div.content .minicon .mini-desc { margin-top: 4px; margin-bottom: 4px; font-weight: 400; font-size: 0.75rem; } 
.content-wrap.contract div.content .minicon table { width: 100%; box-sizing: border-box; border-top: 1px solid var(--black-color); border-collapse: collapse; } 
.content-wrap.contract div.content .minicon table input[type="text"] { border: none; background-color: #eee; font-size: 0.75rem; padding: 0 6px; } 
.content-wrap.contract div.content .minicon table input[type="text"]:focus { outline:none; } 
.content-wrap.contract div.content .minicon table tr { border-bottom: 1px solid var(--black-color); } 
.content-wrap.contract div.content .minicon table tr th { background-color: #EDEDED; border: 1px solid var(--black-color); border-left: none; width: 9%; font-size: 0.75rem; } 

/* 1항 부동산의 표시 */
.content-wrap.contract div.content .minicon.real-estate table tr td { line-height: 20px; text-align: left; box-sizing: border-box; overflow: hidden; font-size: 0.75rem; padding: 0 6px; width: 10%; } 
.content-wrap.contract div.content .minicon.real-estate table tr td.subhead { width: 6%; border-right: 1px solid var(--black-color); border-left: 1px solid var(--black-color); text-align: center; padding: 0; } 
.content-wrap.contract div.content .minicon.real-estate table tr td input { width: 100%; height: 100%; font-size: 0.75rem; } 

/* 2항 계약내용 */
.content-wrap.contract div.content .minicon.detail table tr td input { text-align: right; font-size: 0.75rem; } 
.content-wrap.contract div.content .minicon.detail table tr td.bundle1 { width: 70%; display: inline-block; } 
.content-wrap.contract div.content .minicon.detail table tr td.bundle1 div,
.content-wrap.contract div.content .minicon.detail table tr td.bundle1 span { display: inline-block; } 
.content-wrap.contract div.content .minicon.detail table tr td.bundle2 { width: 22%; display: inline-block; } 
.content-wrap.contract div.content .minicon.detail table tr td.bundle2 input { width: 50%; } 
.content-wrap.contract div.content .minicon.detail table tr td.bundle2 .spaceDummy { width: 50%; display: inline-block; text-align: right; } 
.content-wrap.contract div.content .minicon.detail table tr td { display: inline-block; font-size: 0.75rem; align-items: center; width: 100%; } 
.content-wrap.contract div.content .minicon.detail table tr td div.won-num { width: 30%; display: inline-block; } 
.content-wrap.contract div.content .minicon.detail table tr td div.won-num.first { width: 40%; } 
.content-wrap.contract div.content .minicon.detail table tr td div.won-num input { width: calc(100% - 40px); margin-left: 10px; font-size: 0.75rem; } 
.content-wrap.contract div.content .minicon.detail table tr td div.won-num .spaceDummy { width: calc(100% - 40px); margin-left: 10px; font-size: 0.75rem; text-align: right; padding: 0 6px; } 
.content-wrap.contract div.content .minicon.detail table tr td span.bank_box .spaceDummy { display: inline-block; width: 20%; text-align: right; } 
.content-wrap.contract div.content .minicon.detail table tr td span.date-num { display: inline-block; width: 69%; } 
.content-wrap.contract div.content .minicon.detail table tr td span.date-num input { width: calc(20%); display: inline-block; } 
.content-wrap.contract div.content .minicon.detail table tr td span.date-num .spaceDummy { width: calc(20%); display: inline-block; text-align: right; padding: 0 6px; } 
.content-wrap.contract div.content .minicon.detail table tr td div.won-num span { float: right; margin-right: 10px; } 

/* 2항 계약내용 텍스트 */
.content-wrap.contract div.content .detail-text { border-bottom: 1px solid var(--black-color); } 
.content-wrap.contract div.content .detail-text p { margin-top: 4px; margin-bottom: 8px; font-size: 0.75rem; line-height: 20px; } 
.content-wrap.contract div.content .detail-text p input { border: none; border-bottom: 1px solid var(--black-color); text-align: right; width: 10%; font-size: 0.75rem; } 
.content-wrap.contract div.content .detail-text p input:focus { outline:none; } 

/* 특약내용 입력창 */
.content-wrap.contract div.content .detail-special { display: flex; flex-direction: column; } 
.content-wrap.contract div.content .detail-special h5 { margin-top: 4px; margin-bottom: 4px; } 
.content-wrap.contract div.content .detail-special textarea { width: 99%; max-width: 99%; min-width: 99%; min-height: 200px; max-height: 600px; align-self: center; font-size: 0.75rem; } 
.content-wrap.contract div.content .detail-special textarea:focus { outline:none; } 
.content-wrap.contract div.content .detail-special .text-box { font-size: 0.75rem; } 
.content-wrap.contract div.content .detail-special p { margin-top: 4px; margin-bottom: 4px; font-size: 0.75rem; } 
.content-wrap.contract div.content .detail-special p input { border: none; background-color: #eee; text-align: right; width: 6%; font-size: 12px; } 
.content-wrap.contract div.content .detail-special p input:focus { outline:none; } 

/* 매도인정보 */
.content-wrap.contract div.content .seller table tr th { width: 11%; } 
.content-wrap.contract div.content .seller table tr td.subhead { border-left: 1px solid var(--black-color); border-right: 1px solid var(--black-color); text-align: center; font-size: 0.75rem; width: 10%; } 
.content-wrap.contract div.content .seller table tr td.subhead.add { border-right: 1px solid var(--black-color); } 
.content-wrap.contract div.content .seller table tr td.text-box input { width: 100%; padding: 0 6px; } 
.content-wrap.contract div.content .seller table tr td { overflow: hidden; } 
.content-wrap.contract div.content .seller table tr td input { width: 100%; } 
.content-wrap.contract div.content .seller table tr td.ingam { text-align:center; border:1px solid var(--black-color); box-sizing:border-box; border-right:none; width: 9%; } 

/* 매수인 정보 */
.content-wrap.contract div.content .buyer table { border-top: none; } 
.content-wrap.contract div.content .buyer table tr th { width: 11%; border-top: none; } 
.content-wrap.contract div.content .buyer table tr td.subhead { border-left: 1px solid var(--black-color); border-right: 1px solid var(--black-color); text-align: center; font-size: 0.75rem; width: 10%; } 
.content-wrap.contract div.content .buyer table tr td.subhead.add { border-right: 1px solid var(--black-color); } 
.con-putout .apt_putout .apt_content_wrap table tr td div.fixed-box-info { width: 100%; height: 100%; border: 2px solid var(--grey-color-02); background-color: #F8F8F8; } 
.content-wrap.contract div.content .buyer table tr td.text-box input { width: 100%; height: 100%; } 
.content-wrap.contract div.content .buyer table tr td { overflow: hidden; } 
.content-wrap.contract div.content .buyer table tr td input { width: 100%; height: 100%; } 
.content-wrap.contract div.content .buyer table tr td.ingam { text-align:center; border:1px solid var(--black-color); box-sizing:border-box; border-right:none; border-top: none; width: 9%; } 

/* 공인중개사 정보 */
.content-wrap.contract div.content .broker table { border-top: none; } 
.content-wrap.contract div.content .broker table tr th { border-top: none; border-bottom: none; width: 11%; } 
.content-wrap.contract div.content .broker table tr td { border-right: 1px solid var(--black-color); border-left: 1px solid var(--black-color); overflow: hidden; width: 200px; height: 100%; } 
.content-wrap.contract div.content .broker table tr:last-child { border-bottom: none; } 
.content-wrap.contract div.content .broker table tr td:last-child { border-right: none; } 
.content-wrap.contract div.content .broker table tr td.subhead { text-align: center; font-size: 0.75rem; width: 10%; } 
.content-wrap.contract div.content .broker table tr td input { width: 100%; height: 100%; } 
.content-wrap.contract div.content .broker table tr td input.textminus { width: calc(100% - 24px); margin-right: 2px; } 

/* 하단 정보박스 */
.content-wrap.contract .modue-box { width: 100%; margin-top: 50px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; } 
.content-wrap.contract .modue-box p { font-size: 1.125rem; text-decoration: none; color: var(--black-color); font-weight: 700; font-family: "Noto Sans KR",sans-serif; } 

/* 임대차계약서 */
.content-wrap.lease-form { display: none; } 
.content-wrap.lease-form .lease-checkwrap { display: flex; margin-bottom: 4px; } 
.content-wrap.lease-form .lease-checkwrap div { display: flex; margin-right: 15px; } 
.content-wrap.lease-form .lease-checkwrap div input { width: 16px; height: 16px; margin-right: 10px; border-radius: 0; } 
.content-wrap.lease-form .lease-checkwrap div h6 { font-size: 0.875rem; } 
.content-wrap.lease-form .lease-checkwrap div input[type="radio"]:checked { background-color: var(--red-color); border: none; } 

/* 1224 계약서 프린트 팝업 수정 (mypage_broker_contract_print.php) */
.content-wrap.printPage h1.title { font-size: 28px; margin-top: 5px; margin-bottom: 8px; } 
.content-wrap.printPage .modue-box { margin-top: 20px; margin-bottom: 0; } 
.content-wrap.printPage div.content .detail-text p { margin-bottom: 4px; line-height: 14px; font-size: 10px; } 
.content-wrap.printPage div.content .minicon table.mini { border-right: none; } 
.content-wrap.printPage div.content .minicon table tr th.smaller { width: 6%; } 
.content-wrap.contract div.content .minicon table tr th.smaller { width: 6%; } 
.content-wrap.printPage div.content .minicon table.mini tr td { height: 20px; } 
.content-wrap.printPage div.content .seller table tr td.subhead { word-break: keep-all; width: 10.8%; } 
.content-wrap.printPage div.content .buyer table tr td.subhead { word-break: keep-all; width: 10.8%; } 
.content-wrap.printPage div.content .broker table tr td.subhead { word-break: keep-all; width: 10.8%; } 
.content-wrap.printPage div.content .buyer table tr td.small-box { width: 10.8%; } 
.content-wrap.printPage div.content .broker table tr td.small-box { width: 10.8%; } 
.content-wrap.printPage div.content .broker table tr td.dojang { font-size: 11px; text-align: right; padding-right: 2px; } 
.content-wrap.printPage .modue-box p { font-size: 1rem; } 
.content-wrap.printPage .modue-box img { width: 25px; } 
.content-wrap.printPage div.content .buyer table tr th { border-top: 1px solid var(--black-color); } 
.content-wrap.printPage div.content .broker table tr th { border-top: 1px solid var(--black-color); border-bottom: none; } 
.content-wrap.printPage div.content .seller table tr td,
.content-wrap.printPage div.content .buyer table tr td,
.content-wrap.printPage div.content .broker table tr td { font-size: 10px; } 
.content-wrap.contract div.content .seller table tr td,
.content-wrap.contract div.content .buyer table tr td,
.content-wrap.contract div.content .broker table tr td { font-size: 12px; } 

/* 0104 계약서추가수정 */
.content-wrap.contract div.content .seller table tr td.subhead.smaller,
.content-wrap.contract div.content .buyer table tr td.subhead.smaller,
.content-wrap.contract div.content .broker table tr td.subhead.smaller { width: 8%; } 
.content-wrap.contract div.content .seller table tr td.liveinput,
.content-wrap.contract div.content .buyer table tr td.liveinput,
.content-wrap.contract div.content .broker table tr td.liveinput { width: 13% !important; } 
.content-wrap.contract div.content .seller table tr td.subhead.smaller,
.content-wrap.contract div.content .buyer table tr td.subhead.smaller,
.content-wrap.contract div.content .broker table tr td.subhead.smaller { width: 6%; } 
.content-wrap.contract div.content .seller table tr td.liveinput,
.content-wrap.contract div.content .buyer table tr td.liveinput,
.content-wrap.contract div.content .broker table tr td.liveinput { width: 19% !important; } 
.content-wrap.contract div.content .minicon.detail table tr td div.won-num .spaceDummy.norightP { padding-right: 0; margin-right: 0; } 

/* 220107 계약서 수정 */
.content-wrap.contract div.content .broker table tr td.indo .dojang { float: right; margin-right: 10px; } 
.content-wrap.contract div.content .seller table tr td.subhead.smaller.too,
.content-wrap.contract div.content .buyer table tr td.subhead.smaller.too { width: 6% !important; } 
.content-wrap.contract div.content .seller table tr td.callbig,
.content-wrap.contract div.content .buyer table tr td.callbig { width: 21.9%; } 
.content-wrap.contract div.content .seller table tr td.callsmall { width: 21.9%; } 
.content-wrap.contract div.content .seller table tr td.leftP,
.content-wrap.contract div.content .buyer table tr td.leftP { padding-left: 40px; position: relative; } 
.content-wrap.contract div.content .seller table tr td.leftP span,
.content-wrap.contract div.content .buyer table tr td.leftP span { position: absolute; height: 100%; left: 0; top: 0; bottom: 0; margin: auto; border-right: 1px solid var(--black-color); display: flex; align-items: center; justify-content: center; width: 33px; } 
.content-wrap.printPage div.content .broker table tr td.indo .dojang { float: right; margin-right: 10px; } 
.content-wrap.printPage div.content .seller table tr td.subhead.smaller.too,
.content-wrap.printPage div.content .buyer table tr td.subhead.smaller.too { width: 6% !important; } 
.content-wrap.printPage div.content .seller table tr td.callbig,
.content-wrap.printPage div.content .buyer table tr td.callbig { width: 20%; } 
.content-wrap.printPage div.content .seller table tr td.callsmall { width: 20%; } 
.content-wrap.printPage div.content .seller table tr td.leftP,
.content-wrap.printPage div.content .buyer table tr td.leftP { padding-left: 40px; position: relative; } 
.content-wrap.printPage div.content .seller table tr td.leftP span,
.content-wrap.printPage div.content .buyer table tr td.leftP span { position: absolute; height: 100%; left: 0; top: 0; bottom: 0; margin: auto; border-right: 1px solid var(--black-color); display: flex; align-items: center; justify-content: center; width: 33px; } 
.content-wrap.printPage div.content .seller table tr td.liveinput,
.content-wrap.printPage div.content .buyer table tr td.liveinput,
.content-wrap.printPage div.content .broker table tr td.liveinput { width: 17% !important; } 
.content-wrap.contract div.content .minicon table input[type="text"].nobig { width: calc(100% - 30px); } 
.content-wrap.contract div.content .broker table tr td.subhead.twice { white-space: nowrap; font-size: 10px; } 

/* add2.css */
.mypage_con.broker_mypage .notice { margin-top: 10px; border: 1px solid var(--grey-color-02); } 
.mypage_con.broker_mypage .notice .tit_border { border-top: 1px solid var(--grey-color-02); border-bottom: 1px solid var(--grey-color-02); background-color: var(--grey-color-01); } 
.mypage_con.broker_mypage .notice .tit_border th { padding: 7px 0; font-size: 16px; color: var(--white-color); font-weight: 500; border-left: 1px solid var(--grey-color-02); word-break: keep-all; } 
.mypage_con.broker_mypage .notice .tit_border th:first-child { border-left: none; } 
.mypage_con.broker_mypage .notice td.num { text-align: center; } 
.mypage_con.broker_mypage .notice td { font-size: 16px; color: var(--black-color); font-weight: 400; border-bottom: 1px solid var(--grey-color-02); border-left: 1px solid var(--grey-color-02); text-align: center; padding: 14px 10px; } 
.mypage_con.broker_mypage .notice td.notice_txt { text-align: left; padding-left: 20px; } 
.mypage_con.broker_mypage .notice td:first-child { border-left: none; } 
.mypage_con.broker_mypage .notice tr:last-child td { border-bottom: none; } 
.mypage_con.broker_mypage .notice td button.print { border: 2px solid var(--black-color); background-color: #F8F8F8; font-size: 16px; color: var(--black-color); font-weight: 500; width: 100px; height: 50px; } 

/*검색폼*/
.mypage_con.broker_mypage .top_col { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; } 
.mypage_con.broker_mypage .top_col .search_wrap { display: flex; align-items: center; justify-content: flex-start; width: 100%; margin-right: 20px; } 
.mypage_con.broker_mypage .top_col .search_wrap .search_icon img { width: 28px; } 
.mypage_con.broker_mypage .top_col .search_wrap .search_icon { min-width: 50px; height: 50px; border: 1px solid var(--grey-color-02); border-radius: 50px; display: flex; justify-content: center; align-items: center; cursor: pointer; background: linear-gradient(110deg, var(--white-color) 30%, #ddd); } 
.mypage_con.broker_mypage .top_col .search_wrap .search_input { border: 2px solid var(--grey-color-02); background-color: var(--white-color); border: 1px solid var(--grey-color-02); height: 50px; padding: 0 30px; border-radius: 30px; margin-right: 10px; min-width: 240px; width: 100%; } 
.mypage_con.broker_mypage .top_col .btn_wrap3 { display: flex; align-items: center; width: 100%; } 
.mypage_con.broker_mypage .top_col .btn_wrap3 .btn { border: 1px solid var(--black-color); background-color: #F8F8F8; font-size: 16px; color: var(--black-color); font-weight: 600; max-width: 160px; width: 100%; height: 50px; margin-right: 10px; } 
.mypage_con.broker_mypage .top_col .btn_wrap3 .btn:last-child { margin-right: 0; } 

/*중개사 회원 마이페이지 계약서 관리 - 상세*/
.mypage_con.broker_mypage .detail_box { width: 100%; padding: 30px; border: 1px solid var(--grey-color-02); background-color: var(--white-color); } 
.mypage_con.broker_mypage .detail_box .apt_radio_wrap { display: flex; flex-wrap: wrap; align-items: center; } 
.mypage_con.broker_mypage .detail_box h1.title { font-size: 18px; font-weight: 600; color: var(--black-color); } 
.mypage_con.broker_mypage .detail_box .tit_wrap { border-bottom: 1px solid var(--grey-color-02); padding-bottom: 10px; } 
.mypage_con.broker_mypage .detail_box p.date { font-size: 16px; font-weight: 500; color: var(--black-color); margin-top: 10px; } 
.mypage_con.broker_mypage .detail_box .top_col { justify-content: flex-end; } 
.mypage_con.broker_mypage .detail_box .btn_wrap3 { text-align: right; margin-top: 20px; justify-content: flex-end; } 
.mypage_con.broker_mypage .detail_box .btn_wrap3 .btn1 { border: 2px solid var(--black-color); background-color: #F8F8F8; font-size: 16px; color: var(--black-color); font-weight: 500; width: 160px; height: 60px; } 
.mypage_con.broker_mypage .detail_box .btn_wrap3 .btn1_red { white-space: nowrap; border: 2px solid var(--red-color); background-color: var(--red-color); font-size: 16px; color: var(--white-color); font-weight: 500; width: 130px; height: 50px; } 
.mypage_con.broker_mypage .detail_box .btn_wrap3 .btn { border: 2px solid var(--black-color); background-color: #F8F8F8; font-size: 16px; color: var(--black-color); font-weight: 500; width: auto; padding: 0 30px; height: 50px; margin-right: 20px; max-width: none; } 
.mypage_con.broker_mypage .detail_box .btn_wrap3 .btn2 { border: 2px solid var(--black-color); background-color: #CCCCCC; font-size: 16px; color: var(--black-color); font-weight: 500; width: 100px; height: 50px; } 
.mypage_con.broker_mypage .detail_box .contract_wrap { border: 2px solid var(--grey-color-02); margin-top: 10px; } 

/*중개사 회원 마이페이지 계약서 관리 - 작성*/
.mypage_con.broker_mypage .detail_box input.title { width: 100%; height: 50px; padding: 0 30px; border: 1px solid var(--grey-color-02); margin-bottom: 20px; } 

/*중개사 회원 마이페이지 찜한 매수*/
.mypage_con.broker_mypage .bookmark .tit_border th { padding: 7px 0; font-size: 16px; color: var(--white-color); font-weight: 400; border-left: 1px solid var(--grey-color-02); } 
.mypage_con.broker_mypage .bookmark tr.blind td { position: relative; } 
.mypage_con.broker_mypage .bookmark tr.blind td::after { content: ""; display: inline-block; width: 100%; height: 99px; background-color: rgba(0, 0, 0, 0.30); position: absolute; left: 0; top: 0; z-index: 10; } 
.mypage_con.broker_mypage .bookmark td .type1 { display: inline-block; font-size: 16px; font-weight: 500; color: #EB750D; width: 80px; height: 40px; line-height: 40px; text-align: center; background-color: #F8F8F8; border-radius: 30px; } /*매매*/
.mypage_con.broker_mypage .bookmark td .type2 { display: inline-block; font-size: 16px; font-weight: 500; color: #17A253; width: 80px; height: 40px; line-height: 40px; text-align: center; background-color: #F8F8F8; border-radius: 30px; } /*전세*/
.mypage_con.broker_mypage .bookmark td .type3 { display: inline-block; font-size: 16px; font-weight: 500; color: #3260C9; width: 80px; height: 40px; line-height: 40px; text-align: center; background-color: #F8F8F8; border-radius: 30px; } /*월세*/
.mypage_con.broker_mypage .bookmark td img.ic { cursor: pointer; } 
.mypage_con.broker_mypage .notice.bookmark td { font-size: 16px; color: var(--black-color); font-weight: 500; border-bottom: 1px solid var(--grey-color-02); border-left: 1px solid var(--grey-color-02); text-align: center; padding: 10px; height: 80px; } 
.mypage_con.broker_mypage .notice.bookmark td:first-child { border-left: none; } 

/*상세 검색폼*/
.mypage_con.broker_mypage.none .top_col { display: block; } 
.mypage_con.broker_mypage .search_detail { border: 1px solid var(--grey-color-02); padding: 30px 40px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; } 
.mypage_con.broker_mypage .search_detail .search_col3 { display: flex; flex-direction: row; align-items: center; margin-bottom: 20px; width: 100%; } 
.mypage_con.broker_mypage .search_detail .search_col1 { display: flex; flex-direction: column; align-items: center;flex-wrap: wrap; margin: 0 auto; } 
.mypage_con.broker_mypage .search_detail .search_col1 select.type { border: 2px solid var(--grey-color-02); max-width: 265px; width: 100%; height: 40px; color: var(--black-color); font-size: 16px; font-weight: 500; padding: 0 10px; outline: none; } 
.mypage_con.broker_mypage .search_detail .search_col1 select.type option { color: var(--black-color); font-size: 16px; font-weight: 500; outline: none; } 
.mypage_con.broker_mypage .search_detail .search_col2 { display: flex; align-items: center; } 
.mypage_con.broker_mypage .search_detail .search_col2 .ui-datepicker-trigger img { min-width: 36px !important; max-width: 45px; } 
.mypage_con.broker_mypage .search_detail p { font-size: 16px; font-weight: 600; color: var(--black-color); margin-right: 10px; width: 110px; } 
.mypage_con.broker_mypage .search_detail .search_col1 .search_col2_1 p {word-break: keep-all; } 
.mypage_con.broker_mypage .search_detail .search_col2 input { border: 1px solid var(--grey-color-02); height: 40px; padding: 0 10px; width: 167px; background-color: var(--white-color); } 
.mypage_con.broker_mypage .search_detail .search_col2 span { font-size: 16px; font-weight: 500; color: var(--black-color); margin-left: 10px; margin-right: 10px; width: 24px; word-break: keep-all; } 
.mypage_con.broker_mypage .search_detail .search_btn { border: 2px solid var(--red-color); background-color: var(--red-color); color: var(--white-color); font-weight: 600; background-image: url('../image/sub/search_de.png'); background-repeat: no-repeat; background-position: 27px center; padding-left: 34px; height: 50px; width: 150px; font-size: 1.7rem; margin-top: 20px; } 

.mypage_con.broker_mypage .top_col.mark .btn_wrap3 { justify-content: flex-end; } 
.mypage_con.broker_mypage .top_col.mark .btn_wrap3 .btn3 { border: 1px solid var(--black-color); background-color: #F9F9F9; font-weight: 500; font-size: 16px; color: var(--black-color); width: 200px; height: 50px; } 
.mypage_con.broker_mypage .top_col.mark .btn_wrap3 .btn3_1 { border: 1px solid var(--grey-color-02); background-color: #F9F9F9; font-weight: 500; font-size: 16px; color: var(--grey-color-01); width: 200px; height: 50px; } 
.mypage_con.broker_mypage .bot_con select.apt_sel { border: 2px solid var(--grey-color-02); max-width: 300px; width: 100%; height: 50px; color: var(--black-color); font-size: 16px; font-weight: 400; padding: 0 10px; outline: none; } 
.mypage_con.broker_mypage .bot_con select.apt_sel option { color: var(--black-color); font-size: 16px; font-weight: 400; outline: none; } 
.mypage_con.broker_mypage .bot_con { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } 
.mypage_con.broker_mypage .bot_con .line::after { content: ""; display: block; clear: both; } 
.mypage_con.broker_mypage .bot_con .line li { float: left; font-size: 16px; color: var(--black-color); transition: color 0.3s; } 
.mypage_con.broker_mypage .bot_con .line li:hover { color: var(--red-color); font-weight: 600; } 
.mypage_con.broker_mypage .bot_con .line li a { position: relative; padding: 0 12px; color: inherit; } 
.mypage_con.broker_mypage .bot_con .line li:first-child a { padding-left: 0; } 
.mypage_con.broker_mypage .bot_con .line li:last-child a { padding-right: 0; } 
.mypage_con.broker_mypage .bot_con .line li:first-child a::before { display: none; } 
.mypage_con.broker_mypage .bot_con .line li a::before { content: ""; position: absolute; left: 0; top: 22%; width: 2px; height: 70%; background: var(--black-color); } 



/* **************************************** *
* 마이페이지 > 중개사회원 > 프리미엄 클럽
* **************************************** */
.mypage_con.broker_mypage .txt_wrap { text-align: center; } 
.mypage_con.broker_mypage .txt_wrap h1 { font-size: 36px; color: var(--black-color); font-weight: 600; } 
.mypage_con.broker_mypage .txt_wrap h1 span.red { color: var(--red-color); } 
.mypage_con.broker_mypage .txt_wrap p { font-size: 16px; color: var(--black-color); margin-top: 15px; line-height: 1.6; } 
.mypage_con.broker_mypage .img_wrap { width: 100%; height: 600px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--grey-color-02); margin-top: 20px; } 
.mypage_con.broker_mypage .img_wrap img { max-width: 100%; max-height: 100%; } 
.mypage_con.broker_mypage .clubbtn_wrap { text-align: center; margin-top: 30px; } 
.mypage_con.broker_mypage .clubbtn_wrap .btn1 { background-color: var(--red-color); font-size: 16px; font-weight: 600; color: var(--white-color); width: 250px; height: 60px; margin-right: 10px; } 
.mypage_con.broker_mypage .clubbtn_wrap .btn2 { background-color: var(--black-color); font-size: 16px; font-weight: 600; color: var(--white-color); width: 250px; height: 60px; } 



/* **************************************** *
* 마이페이지 > 중개사회원 > 쿠폰
* **************************************** */
.mypage_con.broker_mypage .coupon_wrap { background-color: #F8F8F8; width: 100%; padding: 20px 30px; margin-bottom: 40px; } 
.mypage_con.broker_mypage .coupon_wrap span { font-size: 16px; color: var(--black-color); margin-bottom: 20px; display: inline-block; } 
.mypage_con.broker_mypage .coupon_wrap .input_wrap { display: flex; align-items: center; } 
.mypage_con.broker_mypage .coupon_wrap .input_wrap input { border: 1px solid var(--grey-color-02); max-width: 500px; width: 100%; padding: 0 20px; margin-right: 20px; height: 50px; } 
.mypage_con.broker_mypage .coupon_wrap .input_wrap button { border: 1px solid var(--black-color); background-color: #F8F8F8; font-size: 16px; font-weight: 500; width: 100px; height: 50px; } 



/* **************************************** *
* 마이페이지 > 중개사회원 > 결제내역
* **************************************** */
.mypage_con.broker_mypage .notice tr.cancel td { font-size: 16px; color: var(--grey-color-01); font-weight: 500; border-bottom: 1px solid var(--grey-color-02); border-left: 1px solid var(--grey-color-02); text-align: center; padding: 15px 10px; } 
.mypage_con.broker_mypage .notice.pay tr.cancel td { word-break: keep-all; } 
.mypage_con.broker_mypage .notice tr.cancel td:first-child { border-left: none; } 
.mypage_con.broker_mypage .date_wrap { display: flex; align-items: center; justify-content: flex-end; margin-bottom: 20px; } 
.mypage_con.broker_mypage .date_wrap .data_in { display: flex; align-items: center; } 
.mypage_con.broker_mypage .date_wrap input[type="text"].datepicker { border: 1px solid var(--grey-color-02); max-width: 200px; width: 100%; height: 40px; margin-right: 5px; padding: 10px; font-size: 16px; color: var(--black-color); font-weight: 500; } 
.mypage_con.broker_mypage .date_wrap button.search_bt { width: 100px; height: 40px; background-color: var(--red-color); font-size: 16px; color: var(--white-color); font-weight: 600; margin-left: 20px; } 



/* **************************************** *
* 마이페이지 > 중개사회원 > 나의정보
* **************************************** */
.mypage_con.join_broker .apt_content_wrap2.mb { margin-top: 40px; margin-bottom: 0px; } 
.mypage_con.join_broker .apt_content_wrap3.mb { margin-bottom: 60px; } 
.mypage_con .info_box2 .btn_wrap { text-align: center; margin-top: 30px; } 
.mypage_con .info_box2 .btn_wrap button.red_bt { width: 150px; height: 60px; color: var(--white-color); font-weight: 600; font-size: 16px; margin-right: 40px; background-color: var(--red-color); } 
.mypage_con .info_box2 .btn_wrap button.gray_bt { width: 150px; height: 60px; color: var(--white-color); font-weight: 600; font-size: 16px; background-color: #888888; } 
.mypage_con.join_broker .info_box.mb table { margin-bottom: 30px; } 
.mypage_con.join_broker .info_box2 .mb30 { margin-bottom: 30px; } 
.mypage_con .info_box .user_info tr td .sel { width: 250px; height: 40px; padding: 0 10px; border: 1px solid var(--grey-color-02); background-color: var(--white-color); outline: none; font-size: 16px; font-weight: 400; color: var(--grey-color-01); cursor: pointer; margin-right: 20px; } 
.mypage_con .info_box .user_info tr td .sel option { font-size: 16px; font-weight: 400; color: var(--grey-color-01); } 
.mypage_con .info_box .user_info2 { background-color: #F8F8F8; border: none; } 
.mypage_con .info_box .user_info2 tr { border: none; } 
.mypage_con .info_box .user_info2 tr td.flex_bw { display: flex; align-items: center; justify-content: space-between; padding-right: 20px; }