@charset "utf-8";

/*
* File : layout.css 
* 헤더, 푸터, 모달, 팝업 등 css
*/



/* **************************************** *
* COMMON
* **************************************** */
:root {
	--red-color: #E0001A;
	--white-color: #ffffff;
	--black-color: #242424;
	--grey-color-01: #aaaaaa; /*table th 사용*/
	--grey-color-02: #dddddd; /*border 사용*/
}


html, body { height: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: Noto Sans KR; }
input::-ms-clear, input::-ms-reveal { display: none; width: 0; height: 0; }
input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration { display: none; }
a, button, select { color: var(--black-color); }

* { box-sizing: border-box !important; } 
body,html,button,select,option,input { font-size: 16px; font-family: 'Noto Sans KR', sans-serif !important; font-weight: 400; } 
.w800 { max-width: 800px; width: 100%; margin: 0 auto; padding-top: 160px; } 
.w1240 { max-width: 1240px; width: 100%; margin: 0 auto; padding-top: 160px; padding-left: 20px; padding-right: 20px; } 
.w1400 { max-width: 1400px; width: 100%; margin: 0 auto; padding-top: 160px; padding-left: 20px; padding-right: 20px; }
h1.page_tit { font-size: 28px; font-weight: 600; color: var(--black-color); text-align: center; } 
input[type="date"]::-webkit-calendar-picker-indicator { margin-left: 0px; } 
input::placeholder { color: var(--grey-color-01); font-size: 16px; } 
select::-ms-expand { display:none; } 
select { -webkit-appearance:none; -moz-appearance:none; appearance:none; background: url(../image/sub/select_bt.png) no-repeat 96% 50%/20px auto; } 

.wrap { width: 100%; max-width: 800px; margin: 0 auto; }
.wrap-wide { width: 100%; max-width: 1200px; margin: 0 auto; }

/*페이징*/
.paging li { margin: 0 15px; cursor: pointer; } 
.paging li.num.active { color: var(--red-color); font-weight: 700; } 
.paging { width: 100%; display: flex; justify-content: center; margin-top: 30px; font-size: 16px; color: #CCCCCC; }

/*라디오버튼 꾸미기*/
input[type="radio"] { background-color: var(--white-color)F; -webkit-appearance: none; -moz-appearance: none; border: 1px solid rgb(216, 216, 216); border-radius: 100%; cursor: pointer; } 
input[type="radio"]:hover { background-color: var(--white-color); } 

/*체크박스 꾸미기*/
input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance:none; outline: none; box-shadow: none; border: 2px solid var(--grey-color-02); cursor: pointer; position: relative; } 
input[type="checkbox"]:hover { background-color: var(--white-color); } 
input[type='checkbox']:checked { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance:none; box-shadow: none; border: none; background-color: var(--red-color); }
input[type="checkbox"]:checked:after { display: block; } 
input[type="checkbox"]:after { content: ''; position: absolute; left: 30%; top: 10%; width: 28%; height: 46%; border: solid var(--white-color); border-width: 0 2px 2px 0; transform: rotate(45deg); display: none; } 
.ml { margin-left: 0 !important; } 
.mr { margin-right: 0 !important; } 



/* **************************************** *
* HEADER
* **************************************** */
header { width: 100%; height: 80px; position: absolute; z-index: 1; border-bottom: 1px solid var(--grey-color-02); }
header .nav { max-width: 1200px; width: 100%; height: 100%; display: flex; margin: 0 auto; position: relative; z-index: 10; gap: 40px; padding: 0 20px; }
header .nav .nav-tw { width: 100%; height: 100%; display: flex; justify-content: space-between; }
.logo { width: 55px; height: 55px; margin-top: 15px; background-repeat: no-repeat; background-position: top left; float: left; -webkit-background-size: 74%; background-size: 100%; }
header .menumain { display: flex; align-items: center; height: 100%; gap: 24px; }
header .menumain li { font-size: 18px; line-height: 26px; font-weight: bold; }
header .menumain li a { color: var(--black-color); transition: all 0.2s; }
header .menumain li a:hover { color: var(--red-color); }
header .menu ul { display: flex; align-items: center; height: 100%; }
header .menu ul li { text-align: center; font-size: 16px; line-height: 24px; margin-right: 16px; position: relative; }
header .menu ul li.menu_login-premium { margin-right: 0; }
header .menu ul li:last-child { margin-right: 0; }
header .menu ul li::after { position: absolute; content: ''; width: 1px; height: 15px; top: 5px; left: -9px; background: var(--black-color); }
header .menu ul li:first-child:after, 
header .menu ul li.menu_login-premium + li::after { display: none; }
header .menu ul li a { color: var(--black-color); transition: all 0.3s; }
header .menu ul li a:hover { color: var(--red-color); }

header .menu_login ul li:first-child a::after { content: ""; display: block; clear: both; }
header .menu_login ul li a b { font-weight: 600; color: #000; float: left; }
header .menu_login ul li a span.message { display: inline-block; /*padding: 0 6px;*/ background-color: var(--red-color); color: var(--white-color); line-height: 1.3; font-size: 18px; font-weight: 600; float: right; margin-left: 5px; vertical-align: middle; }
header .menu_login ul li span.level { display: inline-block; padding: 2px 15px; margin-right: 8px; background-color: #F8F8F8; color: var(--red-color); font-size: 14px; font-weight: 500; border-radius: 30px; line-height: 1.4; cursor: default; }

.menu-big.login { transition: all 0.4s; }
header .menu ul li .s-menu ul li { padding: 11px 0px; text-align: center; font-size: 17px; height: auto; line-height: normal; }
header .gnb { width: 207px; float: left; height: 104px; }
header .gnb ul li { width: 50px; height: 32px; float: left; margin-top: 30px; font-size: 20px; font-family: "gt", sans-serif; line-height: 35px; text-align: center; color: white; cursor: pointer; }
.main-banner .swiper-slide .caption .bot-btn span:nth-child(1) { padding-right: 0; background: none; background-position: right center; background-repeat: no-repeat; font-family: junggt140; color: var(--white-color); }
header .gnb ul li:nth-child(2) { width: 50px; margin-left: 55px; height: 32px; }
header .nav-bot { width: 100%; height: 190px; background-color: rgba(255, 255, 255, 0.8); }
header .nav-bot .menu-list { width: 1350px; margin: 0 auto; padding: 5px 0px; }
header .nav-bot .menu-list ul { width: 750px; margin-left: 353px; overflow: hidden; }
header .nav-bot .menu-list ul li { float: left; width: 150px; }
header .nav-bot .menu-list ul li a { display: block; text-align: center; padding: 11px 0px; color: var(--black-color); font-weight: 500; font-family: "Noto Sans KR", sans-serif; }
.mobsublist { margin: 30px auto 0; }
.mobsublist p { font-size: 20px; line-height: 24px; display: block; color: var(--white-color); background-color: var(--black-color); overflow: hidden; text-align: left; margin-bottom: 20px; }

.mob-nav { display: none; overflow: hidden; position: relative; width: 100%; height: 100%; }
.mob-nav .mob-logo { height: 46px; width: 46px; position: absolute; top: 50%; translate: 0 -50%; left: 30px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.mob-nav .mob-logo img { width: 100%; }
.mobile-m { z-index: 9999; position: absolute; width: 30px; height: 25px; right: 30px; top: 50%; translate: 0 -50%; }
.mobile-m .bar { width: 31px; height: 20px; cursor: pointer; }
.mobile-m .bar div { width: 31px; height: 2px; background-color: #666666; transition-duration: 0.5s; border-radius: 20px; }
.mobile-m .bar.active .bar1-1, .mobile-m .bar.active .bar3-1 { display: none; }
.mobile-m .bar.active .bar2-1 .c-bar1 { transform: rotate(-45deg) translate(0px, 0px); }
.mobile-m .bar.active .bar2-1 .c-bar2 { transform: rotate(45deg) translate(0px, 0px); }
.mobile-m .bar .bar1-1 { position: absolute; top: 0px; }
.mobile-m .bar .bar2-1 { position: absolute; top: 11.7px; background: transparent; }
.mobile-m .bar .bar2-1 div { position: absolute; top: 0px; }
.mobile-m .bar .bar3-1 { position: absolute; top: 23.3px; }
.mo_gnb { overflow: hidden; position: absolute; top: 10px; right: 20px; }
.mo_gnb ul li { float: left; margin-left: 20px; }
.mo_gnb ul li a { display: block; }
.mo_gnb ul li:nth-child(1) { margin-left: 0px; }
.mo_gnb ul li:nth-child(1) a { width: 28px; height: 23px; background: url("../img/common/log-white.png"); background-repeat: no-repeat; background-size: 27px; }
.mo_gnb ul li:nth-child(2) a { width: 33px; height: 23px; background: url("../img/common/my-white.png"); background-repeat: no-repeat; background-size: 33px; }
.mob-menu { display: none; width: 50%; position: fixed; top: 0; right: 0; background-color: var(--black-color); height: 100%; padding: 60px 20px; }
.mob-menu.active { display: none; transform: translateX(0px); transition: all 1s; }
.mob-menu ul { display: flex; flex-wrap: wrap; padding-bottom: 10px; font-size: 24px; border-bottom: 1px solid var(--white-color); align-items: center; gap: 0 20px; }
.mob-menu ul li { position: relative; }
.mob-menu ul li a.m-big { font-size: 15px; }
.mob-menu ul li a span { word-break: keep-all; }
.mob-menu_login ul li span.level { position: absolute; top: -15px; left: 50%; translate: -50% 0; display: inline-block; padding: 2px 7px; background: #F8F8F8; color: var(--red-color); font-size: 11px; font-weight: 500; border-radius: 30px; }
.mob-menu_login ul li:first-child { padding-bottom: 7px; }
.mob-menu_login ul li:first-child a::after { content: ""; display: block; clear: both; }
.mob-menu_login ul li a span.message {display: inline-block;/*padding: 0 6px 0 5px;*/background-color: var(--red-color); color: var(--white-color);line-height: 1.3;font-size: 18px;font-weight: 600;}
.mob-menu_login ul li:first-child a { display: inline-block; vertical-align: middle; }
.mob-menu ul li::after { content: ''; display: block; width: 1px; height: 15px; background: var(--white-color); position: absolute; right: -8px; top: 50%; translate: 0 -50%; }
.mob-menu ul li:last-child::after { display: none; }
.menuback { background: var(--white-color); }
.coltt { background: var(--white-color) !important; }
.dn { display: none; }
.logochange { background: url("../img/common/logo.png") no-repeat center center !important; width: 126px; height: 76px; margin-top: 27px; }  
.logoout { background: url("../img/main/witelogo.png") no-repeat center center; width: 100%; height: 50px; margin-top: 25px; background-size: 95px; }
.mob-menu .m-big { font-size: 18px; line-height: 24px; display: block; color: var(--white-color); background-color: var(--black-color); overflow: hidden; text-align: left; }
.mob-menu li:first-child .m-big { padding-left: 0 !important; }
.mob-menu .m-big .big-img { float: right; width: 24px; height: 12px; background: url("../img/common/mob-arrowup.png"); background-size: 24px; }
.mob-menu .m-small ul li a { font-size: 16px; font-family: "gt", sans-serif; padding: 10px 60px; display: block; color: var(--white-color); }
.mob-menu .m-small { display: none; }
.mob-menu ul li.on .m-big .big-img { float: right; width: 24px; height: 12px; background: url("../img/common/mob-arrow.png"); background-size: 24px; }
.mob-menu ul li.on .m-small { display: block; }



/* **************************************** *
* FOOTER
* **************************************** */
footer { position: relative; width: 100%; background-color: var(--grey-color-01); }
footer .footerwarp { width: 100%; max-width: 1200px; padding: 0 20px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 30px 0 20px; }
footer .footerwarp .footerimgbox { width: 100%; text-align: center; }
footer .footerwarp img { flex: none; flex-shrink: 0; width: 57px; height: 58px; }
footer .footerwarp .footerinfobox { width: 100%; margin-top: 10px; }
footer .footerwarp .footerinfobox ul { text-align: center; font-size: 13px; line-height: 20px; letter-spacing: 0px; color: var(--white-color); column-gap: 14px; }
footer .footerwarp .footerinfobox ul li ul li { position: relative; color: var(--white-color); }
footer .footerwarp .footerinfobox ul li ul li::after { position: absolute; content: ''; top: 5px; right: -7px; width: 1px; height: 10px; background: var(--white-color); }
footer .footerwarp ul { display: flex; justify-content: center; align-items: center; }
footer .copyright { margin-top: 0px; text-align: center; font-size: 12px; line-height: 20px; letter-spacing: 0px; color: var(--black-color); display: block; width: 100%; margin-top: 10px; }
footer .f-line { display: none; }



/* **************************************** *
* MODAL - 공통
* **************************************** */
/* 20240813 추가 */
.modalbox { z-index: 99999; }
.modalblack { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.493) 0% 0% no-repeat padding-box; z-index: 999; }
.modalwrap { position: fixed; width: 500px; padding: 30px 40px 50px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--white-color); z-index: 9999; }
.modalwrap .title_wrap h1,
.modalwrap .title_wrap p { font-size: 22px; font-weight: bold; }
.modalheader { width: 100%; }
.modalheader ul { display: flex; justify-content: space-between; align-items: center; }
.modalheader ul li .m-logo { width: 40px; }
.modalheader ul li span.m-tt { color: var(--black-color); font-size: 24px; font-weight: bold; line-height: 30px; }
.modalheader ul li.x-iconbox { height: 21px; cursor: pointer; }
.m-content { margin-top: 20px; }
.m-content form .m-inputbox:first-child { margin-bottom: 8px; }
.m-content form .m-inputbox { position: relative; }
.m-content form .m-inputbox input { border: 1px solid var(--grey-color-02); width: 100%; height: 54px; padding: 0 50px 0 20px; font-size: 16px; line-height: 24px; }
.m-content form .m-inputbox input::placeholder { font-size: 16px; }
.m-content form .m-inputbox .passeye { position: absolute; z-index: 9999; width: 24px; top: 50%; right: 15px; transform: translateY(-50%); cursor: pointer; }



/* **************************************** *
* MODAL - 로그인
* **************************************** */
/* 20240813 추가 */
.m-content .m-nomalconbox { margin-top: 14px; }
.m-content .m-nomalconbox .m-loginmflex { width: 100%; display: flex; justify-content: space-between; }
.m-content .m-nomalconbox .m-loginmflex label { display: flex; align-items: center; }
.m-content .m-nomalconbox .m-loginmflex label #m-checkid { width: 20px; height: 20px; }
.m-content .m-nomalconbox .m-loginmflex label .m-nspan { margin-left: 8px; display: inline-block; }
.m-content .m-nomalconbox .m-loginflex { display: flex; gap: 8px; }
.m-content .m-nomalconbox .m-loginflex .m-findbox { text-decoration: underline; cursor: pointer; }
.m-content .m-submit p { width: 100%; height: 60px; font-size: 18px; line-height: 60px; margin-top: 30px; background: var(--red-color); color: var(--white-color); font-weight: bold; text-align: center; }



/* **************************************** *
* MODAL - 아이디/비밀번호찾기
* **************************************** */
.modalbox.find .m-content.nomal .m-nomalconbox p { background: #888888 0% 0% no-repeat padding-box !important; }

.modalbox.passwordsend .m-passboxtt { width: 100%; text-align: center; }
.modalbox.passwordsend .m-passboxtt span { display: inline-block; width: 95%; font: 20px/30px Noto Sans KR; letter-spacing: 0px; color: #888888; }
.modalbox.passwordsend .m-passboxtt .m-passemail { margin: 20px auto 0; width: calc(100% - 80px); height: 80px; background: var(--white-color) 0% 0% no-repeat padding-box; box-sizing: border-box; }
.modalbox.passwordsend .m-passboxtt .m-passemail span { display: inline-block; font: normal normal bold 20px/80px Noto Sans KR; letter-spacing: 0px; color: var(--black-color); }
.modalbox.passwordsend .m-passlastline { width: calc(100% - 80px); margin: 0 auto; display: flex; justify-content: space-between; cursor: pointer; }
.modalbox.passwordsend .m-passlastline span:first-child { font: 18px/30px Noto Sans KR; letter-spacing: 0px; color: #888888; }
.modalbox.passwordsend .m-passlastline span:last-child { text-decoration: underline; font: 18px/30px Noto Sans KR; letter-spacing: 0px; color: var(--red-color); }

.modalbox.state .m-stateboxtt { width: 100%; text-align: center; }
.modalbox.state .m-stateboxtt span { display: inline-block; width: 100%; font: 22px/36px Noto Sans KR; letter-spacing: 0px; color: #888888; }

.modalbox.state2 .m-stateboxtt { width: 100%; text-align: center; }
.modalbox.state2 .m-stateboxtt span { display: inline-block; width: 100%; font: 20px/30px Noto Sans KR; letter-spacing: 0px; color: #888888; }
.modalbox.state2 .m-stateboxtt span em { color: var(--red-color); }
.modalbox.state2 .m-state2bbox { margin-top: 50px; width: 100%; text-align: center; }
.modalbox.state2 .m-state2bbox .m-bb1 { background: #888888 0% 0% no-repeat padding-box; }
.modalbox.state2 .m-state2bbox .m-bb2 { background: var(--black-color) 0% 0% no-repeat padding-box; }
.modalbox.state2 .m-content { padding-bottom: 41px; }

.modalbox.passwordreset .m-content.nomal .m-nomalconbox .m-submit p { background: #888888 0% 0% no-repeat padding-box !important; }
.modalbox.passwordreset .passsubbox { display: flex; width: 100%; max-width: 251px; justify-content: space-between; margin: 30px auto 0; }
.modalbox.passwordreset .passsubbox span { display: inline-block; font: 18px/26px Noto Sans KR; color: #888888; text-decoration: underline; cursor: pointer; }



/* **************************************** *
* MODAL - 숨기기
* **************************************** */
/*modal login */
.modalbox { display: none; } 
.modalbox.login { display: none; } 
.m-content.login { display: none; } 

/*modal find */
.modalbox.find { display: none; } 

/*modal passwordsend */
.modalbox.passwordsend { display: none; } 

/*modal state */
.modalbox.state { display: none; } 

/*modal state2 */
.modalbox.state2 { display: none; } 

/*modal state2 */
.modalbox.passwordreset { display: none; } 
.modalbox.signup { display: none; } 

/* 인증모달 */
.modalbox.certified { display: none; } 

/* 인증모달 */
.modalbox.tax_1 { display: none; } 

/* 중개사 선택*/
.modalbox.sel { display: none; } 

/* 중개사 모달 */
.modalwrap.aprt_giveittome { display: none; } 
.modalbox.Brokerage { display: none; } 

/* 단계별모달 */
.modalbox.stage { display: none; } 

/* 중개사 */
.modalbox.mddd { display: none; } 

/* 탈퇴 */
.modalbox.signout { display: none; } 

/* 매수인 임차인 */
.modalbox.mme { display: none; } 

/* 계약서 관리 */
.modalbox.contract { display: none; } 

/* 포인트 */
.modalbox.pointt { display: none; } 

/* 중개제안 */
.modalbox.mnonee { display: none; } 

/* 상태변경 */
.modalbox.stateee { display: none; } 

/* 탈퇴프로세스 */
.modalbox.outpro { display: none; } 

/* 주소 모달 */
.modalbox.serchhh { display: none; } 

/* 지도 모달 */

/* 지하철 모달 */

/* 모달없음 */
.modalbox.jajaja { display: none; } 

/* 그림 변경 */
.modalbox.pichange { display: none; } 

/* 리뷰 */
.modalwrap.rrr { display: none; } 

/* 등록증 첨부 */
.modalbox.join_img { display: none; } 



/* **************************************** *
* POPUP
* **************************************** */
.popup { max-width: 683px; width: 90%; margin: 0 auto; padding: 40px 30px 60px; }
.popup .title_wrap h1 { font-size: 24px; }
.popup .title_wrap { background-image: url("../image/sub/popup_icon.png"); background-repeat: no-repeat; background-position: 30px center; width: 100%; height: 50px; display: block; position: relative; top: 0px; left: 0; z-index: 10; display: flex; align-items: center; justify-content: center; } 
.popup .title_wrap .x_button { position: absolute; top: 50%; transform: translateY(-50%); right: 0px; cursor: pointer; z-index: 10; } 
.popup .popup_con { padding-top: 30px; margin: 0 auto; } 
.popup .filebox .upload-name { display: inline-block; height: 60px; padding: 10px; max-width: 640px; width: 100%; box-shadow: 0 0 0; border: 2px solid var(--grey-color-02); cursor: pointer; color: #888888; } 
.popup .filebox label { display: inline-block; max-width: 160px; width: 100%; color: var(--black-color); background-color: #f8f8f8; cursor: pointer; line-height: 60px; margin-left: 10px; font-size: 16px; font-weight: 600; color: var(--black-color); height: 60px; } 
.popup .flex_center { display: flex; align-items: center; justify-content: center; } 
.popup_con { height: auto !important; max-height: 500px; }
.popup .popup_con .col_gray { font-size: 16px; color: var(--black-color); display: block; margin-top: 10px; } 
.mypage_con .btn_wrap_4,
.popup .popup_con .btn_wrap { text-align: center; margin-top: 50px; display: flex; align-items: center; justify-content: center; } 
.popup .popup_con .btn_wrap2 { text-align: center; margin-top: 30px; display: flex; align-items: center; justify-content: center; } 
.mypage_con .m-nomalconbox .btn_wrap_4 .btn1,
.popup .popup_con .btn_wrap .btn1 { margin-right: 20px; background-color: var(--red-color); height: 50px; max-width: 100px; width: 100%; color: var(--white-color); font-size: 18px; font-weight: 600; } 
.mypage_con .m-nomalconbox .btn_wrap_4 .btn2,
.popup .popup_con .btn_wrap .btn2 { background-color: #888888; height: 50px; max-width: 100px; width: 100%; color: var(--white-color); font-size: 18px; font-weight: 600; } 
.popup .popup_con .btn_wrap2 .btn1 { background-color: var(--red-color); height: 50px; max-width: 100px; width: 100%; color: var(--white-color); font-size: 18px; font-weight: 600; } 
.popup .popup_con .btn_wrap2 .btn2 { background-color: var(--black-color); height: 50px; max-width: 100px; width: 100%; color: var(--white-color); font-size: 18px; font-weight: 600; } 

/*일반회원가입 완료 팝업*/
.popup .popup_con ul li { text-align: center; font-size: 16px; font-weight: 500; color: var(--black-color); line-height: 1.5; word-break: keep-all; } 
.popup .popup_con ul li b.nickname { font-size: 18px; color: var(--black-color); } 

/*중개사 회원가입 완료*/
.popup .popup_con .content { font-size: 16px; color: var(--black-color); font-weight: 500; text-align: center; line-height: 1.6; } 
.popup .popup_con .content span.red { color: var(--red-color); font-weight: 600; } 

/*인증하기*/
.popup .popup_con ul li .red { color: var(--red-color); } 

/* 허위 매수인/임차인 신고*/
.popup .popup_con ul li select#reason { width: 100%; height: 70px; border: 1px solid var(--grey-color-02); background-color: var(--white-color); font-size: 16px; color: var(--black-color); font-weight: 500; outline: none; padding: 0 20px; margin-top: 20px; } 

/*중개요청*/
.popup .popup_con ul li.radio_list { display: flex; align-items: center; margin-bottom: 30px; text-align: left; } 
.popup .popup_con ul li.radio_list:last-child { margin-bottom: 0; } 
.popup .popup_con ul li.radio_list .apt_radio { min-width: 30px; min-height: 30px; margin-right: 0px; vertical-align: middle; margin-bottom: 0px; } 
.popup .popup_con ul li.radio_list .content_box { max-width: 930px; width: 100%; padding: 25px 30PX; background-color: var(--white-color); border: 1px solid var(--grey-color-02); margin-left: 30px; } 
.popup .popup_con ul li.radio_list .content_box .box_tit { font-size: 18px; color: var(--black-color); font-weight: 600; text-align: left; } 
.popup .popup_con ul li.radio_list .content_box .row { display: flex; justify-content: flex-start; margin-top: 10px; } 
.popup .popup_con ul li.radio_list .content_box .img { max-width: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid var(--grey-color-02); } 
.popup .popup_con ul li.radio_list .content_box .img img { max-width: 100%; max-height: 100%; } 
.popup .popup_con ul li.radio_list .content_box .row .flex_bw { justify-content: space-between; display: flex; margin-left: 30px; width: 100%; } 
.popup .popup_con ul li.radio_list .content_box .col { display: flex; flex-direction: column; justify-content: space-between;/* width: 57%; */}
.popup .popup_con ul li.radio_list .content_box .num { font-size: 16px; color: var(--black-color); background-color: #F8F8F8; width: 200px; padding: 4px 0; text-align: center; font-weight: 500; } 
.popup .popup_con ul li.radio_list .content_box .type_price { display: flex; align-items: center; flex-wrap: wrap; } 

/*매매*/
.popup .popup_con ul li.radio_list .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; } 
/*전세*/
.popup .popup_con ul li.radio_list .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; } 
/*월세*/
.popup .popup_con ul li.radio_list .content_box .type3 { display: inline-block; font-size: 16px; font-weight: 500; color: #3260C9; width: 100px; height: 40px; line-height: 40px; text-align: center; background-color: #F8F8F8; border-radius: 30px; margin-right: 10px; } 
.popup .popup_con ul li.radio_list .content_box .price { font-size: 16px; color: var(--black-color); font-weight: 500; display: inline-block; } 
.popup .popup_con ul li.radio_list .content_box .apt_name { font-size: 22px; color: var(--black-color); font-weight: 600; } 
.popup .popup_con ul li.radio_list .content_box .btn_wrap { text-align: center; display: flex; align-items: center; margin-top: 0; } 
.popup .popup_con ul li.radio_list .content_box .btn_wrap .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; } 
.popup .popup_con ul li.radio_list .content_box .btn_wrap .btn1:last-child { margin-right: 0; } 

/*매수인/임차인 상세보기*/
.popup .popup_con ul.top_col { display: flex; align-items: center; justify-content: space-between; padding-bottom: 5px; border-bottom: 2px solid var(--grey-color-02); } 
.popup .popup_con ul.top_col li img.ic { vertical-align: middle; cursor: pointer; } 
.popup .popup_con ul.top_col li span.type { width: 130px; height: 40px; line-height: 40px; display: inline-block; background-color: var(--white-color); font-size: 16px; color: var(--black-color); font-weight: 500; margin-left: 12px; } 
.popup .popup_con ul.top_col li b.nickname { font-size: 22px; } 
.popup .popup_con .type_radio_wrap { display: flex; align-items: center; justify-content: space-between; margin-top: 40px; margin-bottom: 20px; flex-wrap: wrap; } 
.popup .popup_con .type_radio_wrap .btn_wrap { margin-top: 0; } 
.popup .popup_con .type_radio_wrap .btn_wrap .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: 0; } 
.popup .popup_con .apt_content_wrap table tr { display: flex; margin-bottom: 20px; align-items: center; } 
.popup .popup_con .apt_content_wrap table tr:last-child { margin-bottom: 0; } 
.popup .popup_con .apt_content_wrap table tr th.table_tit { font-size: 18px; font-weight: 600; color: var(--black-color);width: 250px; text-align: left;}
.popup .popup_con .apt_content_wrap table tr td { max-width: 550px; width: 100%; display: flex; align-items: center; justify-content: flex-start; font-size: 16px; font-weight: 500; color: var(--black-color); } 
.popup .popup_con .apt_content_wrap table tr td.chk_select { flex-wrap: wrap; } 
.popup .popup_con .apt_content_wrap table tr td.apt_name { width: 100%; border: 1px solid var(--grey-color-02); font-size: 16px; font-weight: 500; color: var(--black-color); background-color: #F8F8F8; height: 50px; justify-content: center; } 
.popup .popup_con .apt_content_wrap table tr td input[type="text"] { width: 65%; padding: 0 10px; outline: none; cursor: pointer; border: 1px solid var(--grey-color-02); font-size: 16px; font-weight: 500; color: var(--black-color); background-color: #F8F8F8; height: 50px; margin-right: 10px; } 
.popup .popup_con .apt_content_wrap table tr td input[type="text"].write { cursor: pointer; border: none; background-color: var(--white-color); border: 1px solid var(--grey-color-02); } 
.popup .popup_con .apt_content_wrap table tr td label.txt18 { font-size: 14px; white-space: nowrap; cursor: pointer; } 
.popup .popup_con .apt_content_wrap table tr td input.same_ckb { width: 20px; height: 20px; margin-right: 7px; vertical-align: middle; margin-bottom: 3px; } 
.popup .popup_con .apt_content_wrap table tr td input[type="text"].money { width: 70%; } 
.popup .popup_con .apt_content_wrap table tr td .date_box { width: 100%; padding: 10px; border: 2px solid var(--white-color); background-color: #F8F8F8; } 
.popup .popup_con .apt_content_wrap table tr td textarea { width: 100%; resize: vertical; height: 150px; padding: 10px; outline: none; border: 1px solid var(--grey-color-02); font-size: 16px; font-weight: 500; color: var(--black-color); background-color: #F8F8F8; } 
.popup .popup_con .apt_content_wrap table tr td .filebox label { display: inline-block; width: 180px; max-width: none; height: 50px; color: var(--black-color); vertical-align: middle; font-size: 16px; font-weight: 500; background-color: #F8F8F8; cursor: pointer; border: 1px solid var(--black-color); text-align: center; line-height: 50px; } 
.popup .popup_con .apt_content_wrap table tr td input[type="text"].datepicker { width: 45%; font-weight: 500; outline: none; padding: 5px 10px; cursor: pointer; border: 1px solid var(--grey-color-02); font-size: 16px; font-weight: 500; color: var(--black-color); background-color: #F8F8F8; height: 50px; } 
.popup .popup_con .apt_content_wrap table tr td input[type="text"].datepicker.write { cursor: pointer; border: none; background-color: var(--white-color); border: 1px solid var(--grey-color-02); } 
.popup .popup_con .apt_content_wrap table tr td input[type="text"].meter { width: 35%; text-align: center; } 
.popup .popup_con .apt_content_wrap table tr td img { cursor: pointer; padding: 0 20px; } 
.popup .popup_con .apt_content_wrap table tr td img.change { padding: 0 20px; } 
.popup .popup_con .apt_radio_wrap .radio_txt.selec,
.popup .popup_con .apt_content_wrap .radio_txt.selec { color: var(--black-color); } 
.popup .popup_con .apt_radio_wrap .radio_txt,
.popup .popup_con .apt_content_wrap .radio_txt { font-size: 16px; font-weight: 500; color: var(--grey-color-01); margin-right: 40px; cursor: pointer; display: inline-block; } 
.popup .popup_con .btn_wrap3 { text-align: center; margin-top: 60px; } 
.popup .popup_con .btn_wrap3 .btn1 { background-color: var(--red-color); height: 80px; max-width: 400px; width: 100%; color: var(--white-color); font-size: 18px; font-weight: 600; } 

/*아파트 구하기 - 찜한 아파트*/
.popup .popup_con ul.bookmark_col li.radio_list2 .apt_radio { width: 20px; height: 20px; margin-right: 0px; vertical-align: middle; margin-bottom: 10px; } 
.popup .popup_con ul.bookmark_col { display: flex; flex-wrap: wrap; } 
.popup .popup_con ul li.radio_list2 { display: flex; align-items: center; margin-bottom: 30px; text-align: left; flex-direction: column; margin-bottom: 20px; margin-right: 10px; width: calc(33.333333% - 7px); } 
.popup .popup_con ul li.radio_list2:last-child { margin-bottom: 0; margin-right: 0; } 
.popup .popup_con ul li.radio_list2:nth-child(3),
.popup .popup_con ul li.radio_list2:nth-child(6),
.popup .popup_con ul li.radio_list2:nth-child(9),
.popup .popup_con ul li.radio_list2:nth-child(12) { margin-right: 0; } 
.popup .popup_con .apt_content_box { max-width: 300px; width: 100%; min-height: 340px; padding: 20px 10px; border: 1px solid var(--grey-color-02); } 
.popup .popup_con .apt_content_box .col3 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } 
.popup .popup_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; } 
.popup .popup_con .mark_apt .mark { cursor: pointer; } 
.popup .popup_con .apt_content_box .img { max-width: 200px; width: 100%; height: 268px; border: 2px solid var(--white-color); display: flex; align-items: center; justify-content: center; margin: 0 auto; } 
.popup .popup_con .apt_content_box .img img { max-width: 200px; width: 100%; max-height: 100%; } 
.popup .popup_con .apt_content_box .address { text-align: center; overflow-wrap: break-word; word-break: break-all; font-size: 16px; color: var(--black-color); font-weight: 500; margin-top: 10px; height: 60px; display: flex; justify-content: center; align-items: center; line-height: 1.4; } 

/*아파트 내놓기 - 의뢰 중개사 선택하기*/
.popup .popup_con ul li.radio_list3 { display: flex; align-items: center; margin-bottom: 10px; text-align: left; } 
.popup .popup_con ul li.radio_list3 input[type="radio"] { min-width: 30px; } 
.popup .popup_con ul li.radio_list3 .broker-box { width: 100%;background-color: var(--white-color); border: 1px solid var(--grey-color-02); padding: 10px 20px; box-sizing: border-box; display: flex; align-items: center; } 
.popup .popup_con ul li.radio_list3 .broker-box .left-image { max-width: 80px; width: 100%; height: 80px; border: 2px solid var(--white-color); box-sizing: border-box; background-color: #F9F9F9; margin-right: 20px; display: flex; justify-content: center; align-items: center; font-size: 0.6875rem; font-weight: 500; color: var(--grey-color-01); } 
.popup .popup_con ul li.radio_list3 .broker-box .right-wrap { width: 100%;font-family: "Noto Sans KR",sans-serif; display: flex; flex-direction: column; justify-content: space-between; } 
.popup .popup_con ul li.radio_list3 .broker-box .right-wrap .top-box { vertical-align: text-top; } 

.popup .popup_con ul li.radio_list3 .broker-box .right-wrap span.broker-level,
.popup .popup_con ul li.radio_list3 .broker-box .right-wrap span.broker-rest { height: 25px; padding-left: 10px; padding-right: 10px; background-color: #F8F8F8; border-radius: 13px; font-weight: 500; color: #888888; font-size: 14px; } 
.popup .popup_con ul li.radio_list3 .broker-box .right-wrap span.broker-level { color: var(--red-color); } 
.popup .popup_con ul li.radio_list3 .broker-box .right-wrap span.broker-name { font-size: 20px; color: var(--black-color); font-weight: 700;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } 
.popup .popup_con ul li.radio_list3 .broker-box .right-wrap span.broker-phone { font-size: 14px; color: var(--black-color); font-weight: 700; } 
.popup .popup_con ul li.radio_list3 .broker-box .right-wrap span.broker-sns { height: 25px; padding-left: 10px; padding-right: 10px; background-color: #888888; color: var(--white-color); border-radius: 12px; font-size: 12px; font-weight: 500; cursor: pointer; } 
.popup .popup_con ul li.radio_list3 .broker-box .right-wrap span.broker-sns-title { font-size: 14px; color: var(--black-color); margin-right: 10px; cursor: pointer; } 
.popup .popup_con ul li.radio_list3 .broker-box .right-wrap span.broker-language { font-size: 14px; font-weight: 500; color: #888888; } 

/*거래목록*/
.popup .popup_con .apt_content_wrap table { width: 100%; table-layout: fixed; } 
.popup .popup_con .apt_content_wrap table tr.fl_wrap { flex-direction: column; align-items: flex-start; } 
.popup .popup_con .apt_content_wrap table tr th.table_tit2 { font-size: 18px; font-weight: 600; color: var(--black-color); width: 100%; text-align: left; margin-bottom: 10px; } 
.popup .popup_con .apt_content_wrap table tr.fl_wrap td { flex-wrap: wrap; width: 100%; } 
.popup .popup_con .apt_content_wrap table tr.fl_wrap td .img_box_wrap { margin: 0 auto; width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin-top: 10px; } 
.popup .popup_con .apt_content_wrap table tr.fl_wrap td .img_box_wrap .img_box img.x_icon { width: auto; position: absolute; right: 10px; top: 10px; cursor: pointer; } 
.popup .popup_con .apt_content_wrap table tr.fl_wrap td .img_box_wrap .img_box { max-width: 250px; width: 100%; height: 330px; border: 1px solid var(--grey-color-02); display: flex; justify-content: center; align-items: center; position: relative; margin-right: 20px; } 
.popup .popup_con .apt_content_wrap table tr.fl_wrap td .img_box_wrap .img_box:last-child { margin-right: 0; } 
.popup .popup_con .apt_content_wrap table tr.fl_wrap td .img_box_wrap .img_box img { max-width: 100%; max-height: 100%; padding: 0; } 
.popup .popup_con .apt_content_wrap table tr td .col1 .input1 { width: 140px; margin-left: 10px; } 
.popup .popup_con .apt_content_wrap table tr td span.bold { font-size: 18px; color: var(--black-color); font-weight: 500; margin-right: 20px; } 
.popup .popup_con .apt_content_wrap table tr td.fl_bt { justify-content: space-between; flex-wrap: wrap; } 
.popup .popup_con .apt_content_wrap table tr td.fl_bt .col1 { margin-bottom: 5px; } 
.popup .popup_con .apt_content_wrap .radio_list3 { margin-top: 30px; } 
.popup .popup_con .apt_content_wrap ul li.radio_list3 .broker-box { border: 1px solid var(--grey-color-02); box-shadow: 0 0 0 0; } 
.popup .popup_con .apt_content_wrap table tr td input[type="text"].input1 { max-width: 140px; width: 100%; text-align: center; } 
.popup .popup_con .btn_wrap4 { text-align: center; display: flex; flex-direction: row; justify-content: flex-end; margin-bottom: 30px; } 
.popup .popup_con .btn_wrap4 .btn1 { border: 1px solid var(--black-color); background-color: #F8F8F8; color: var(--black-color); font-size: 16px;height: 40px; font-weight: 500; margin-right: 20px; padding: 0 20px; } 
.popup .popup_con .btn_wrap4 .btn1:last-child { margin-right: 0; } 
.popup .popup_con .btn_wrap4 .mark img { vertical-align: middle; margin-left: 10px; margin-bottom: 3px; } 

/*마이페이지 일반 회원 - 아파트 내놓기 단계별 팝업*/
.popup .popup_con ul.level_wrap { max-width: 341px; width: 100%; margin: 0 auto; } 
.popup .popup_con ul li.level { display: flex; align-items: center; margin-bottom: 30px; } 
.popup .popup_con ul li.level:last-child { margin-bottom: 0; } 
.popup .popup_con ul li.level span.circle { display: inline-block; width: 30px; height: 30px; border-radius: 100%; border: 10px solid #DDDDDD; background-color: #DDDDDD; margin-right: 20px; position: relative; } 
.popup .popup_con ul li.level span.circle::after { content: ""; display: inline-block; height: 30px; border-left: 2px dashed var(--grey-color-02); position: absolute; bottom: -51px; left: 50%; transform: translateX(-50%); height: 40px; } 
.popup .popup_con ul li.level.active span.circle { border: 10px solid var(--red-color); background-color: var(--white-color); } 
.popup .popup_con ul li.level:last-child span.circle::after { display: none; } 
.popup .popup_con ul li.level span.date_num { font-size: 16px; color: var(--black-color); margin-right: 20px; display: inline-block; } 
.popup .popup_con ul li.level span.level { font-size: 18px; color: var(--black-color); font-weight: 600; display: inline-block; } 
.popup .popup_con ul li.level.active span.level { color: var(--red-color); display: inline-block; } 
.popup .popup_con ul li .star_img_wrap { display: flex; align-items: center; justify-content: space-between; max-width: 336px; margin: 0 auto; margin-top: 20px; } 

/*리뷰 별*/
.popup .popup_con ul li .star_img_wrap .jq-star { cursor: pointer; width: 35px !important; height: 35px !important; } 
.popup .popup_con ul li .star_img_wrap .jq-star svg { width: 100%; height: 100%; overflow: unset; } 

/*휴대폰 번호 인증*/
.popup .popup_con ul li.phone_wrap { display: flex; align-items: center; margin-bottom: 20px; justify-content: space-between; } 
.popup .popup_con ul li.phone_wrap:last-child { margin-bottom: 0; } 
.popup .popup_con ul li.phone_wrap .phone_col { display: flex; align-items: center; } 
.popup .popup_con ul li.phone_wrap .phone_col span { display: inline-block; margin-right: 20px; } 
.popup .popup_con ul li span.phone_num { font-size: 18px; color: var(--black-color); display: inline-block;}
.popup .popup_con ul li button.pone_btn { max-width: 190px; width: 100%; height: 60px; background-color: #F8F8F8; border: 2px solid var(--black-color); font-size: 16px; color: var(--black-color); font-weight: 500; } 
.popup .popup_con ul li.phone_wrap .phone_col input { width: 370px; height: 60px; background-color: var(--white-color); border: 1px solid var(--grey-color-02); margin-right: 20px; padding: 0 10px; } 

/*중개사 회원 마이페이지 - 아파트 구하기 상세팝업*/
.popup .popup_con ul.top_col2 { display: flex; align-items: center; justify-content: flex-start; padding-bottom: 5px; border-bottom: 2px solid var(--grey-color-02); margin-bottom: 30px; } 
.popup .popup_con ul.top_col2 li:first-child { margin-right: 30px; } 

/*중개사 회원 마이페이지 - 아파트 구하기 상세팝업 수정하기*/
.popup .popup_con .apt_content_wrap.write table tr td textarea.write,
.popup .popup_con .apt_content_wrap.write table tr td input[type="text"].write.datepicker,
.popup .popup_con .apt_content_wrap.write table tr td input[type="text"].write { cursor: pointer; border: none; background-color: var(--white-color); border: 1px solid var(--grey-color-02); } 

/*중개사 회원 마이페이지 - 매수인 임차인*/
.popup .popup_con .notice { width: 100%; } 
.popup .popup_con .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); } 
.popup .popup_con .notice .tit_border th { padding: 7px 0; font-size: 16px; color: var(--white-color); font-weight: 500; border-left: 1px solid var(--white-color); } 
.popup .popup_con .notice .tit_border th:first-child { border-left: none; } 
.popup .popup_con .notice td { font-size: 16px; color: var(--black-color); font-weight: 400; border-bottom: 1px solid var(--white-color); border-left: 1px solid var(--white-color); text-align: center; padding: 14px 10px; } 
.popup .popup_con .notice td:first-child { border-left: none; } 

/*중개사 회원 마이페이지 - 계약완료*/
.popup .popup_con .apt_radio2 { width: 30px; height: 30px; vertical-align: middle; } 
.popup .popup_con p.content2 { font-size: 16px; font-weight: 500; color: #888888; text-align: center; word-break: keep-all; line-height: 1.6; } 
.popup .popup_con p.content2.tl { text-align: left; } 
.popup .popup_con .btn_wrap_r { margin-top: 40px; } 
.popup .popup_con .btn_wrap_r .btn2 { margin-right: 10px; height: 50px; max-width: 120px; width: 100%; font-size: 16px; } 
.popup .popup_con .btn_wrap_r .btn1 { margin-right: 0; height: 50px; max-width: 120px; width: 100%; font-size: 16px; } 

/*포인트 안내*/
.popup .popup_con h2.pop_subtit { font-size: 22px; font-weight: 600; color: var(--black-color); margin-bottom: 10px; } 
.popup .popup_con p.content3 { font-size: 16px; font-weight: 400; color: var(--black-color); text-align: left; word-break: keep-all; line-height: 1.6; margin-bottom: 30px; } 
.popup .popup_con p.content3 span.gray_txt { font-size: 16px; color: var(--grey-color-01); font-weight: 400; margin-top: 20px; display: block; } 

/*탈퇴하기*/
.popup .popup_con .btn_wrap_4 { margin-top: 40px; } 
.mypage_con .m-nomalconbox .btn_wrap_4 .btn2,
.popup .popup_con .btn_wrap_4 .btn2 { height: 60px; width: 150px; font-size: 16px; margin-right: 0; } 
.mypage_con .m-nomalconbox .btn_wrap_4 .btn1,
.popup .popup_con .btn_wrap_4 .btn1 { height: 60px; width: 150px; font-size: 16px; margin-right: 40px; } 
.popup .popup_con .btn_wrap_4 .btn3 { margin-right: 0; height: 60px; width: 200px; font-size: 16px; } 
.popup .popup_con ul.broker_company li p { margin-bottom: 10px; } 
.popup .popup_con ul.broker_company li { text-align: left; font-size: 16px; color: #888888; margin-bottom: 30px; } 
.popup .popup_con ul.broker_company li input { cursor: pointer; background-color: var(--white-color); border: 1px solid var(--grey-color-02); width: 100%; height: 50px; padding: 0 10px; background-color: var(--white-color); } 
.popup .popup_con ul.broker_company li .col_wrap { display: flex; align-items: center; } 
.popup .popup_con ul.broker_company li input.num { width: 69%; margin-right: 10px; } 
.popup .popup_con ul.broker_company li input.address1 { width: 50%; border: 1px solid var(--grey-color-02); background-color: var(--white-color); box-shadow: 0 0 0; height: 50px; margin-right: 10px; } 
.popup .popup_con ul li button.company_btn { height: 50px; background-color: #F8F8F8; border: 1px solid var(--black-color); font-size: 16px; color: var(--black-color); font-weight: 500; padding: 0 30px; } 

/*주소 찾기*/
.popup .popup_con .address_wrap { text-align: center; } 
.popup .popup_con select#addressCity { width: 100%; height: 50px; border: 1px solid var(--grey-color-02); background-color: var(--white-color); font-size: 16px; color: var(--black-color); font-weight: 500; outline: none; padding: 0 16px; margin-right: 16px; margin-bottom: 10px; cursor: pointer; } 
.popup .popup_con select#addressCity option,
.popup .popup_con select#fullCity option,
.popup .popup_con select#county option { font-size: 16px; color: var(--black-color); font-weight: 500; outline: none; } 
.popup .popup_con select#fullCity { width: 100%; height: 50px; border: 1px solid var(--grey-color-02); background-color: var(--white-color); font-size: 16px; color: var(--black-color); font-weight: 500; outline: none; padding: 0 16px; margin-right: 16px; margin-bottom: 10px; cursor: pointer; } 
.popup .popup_con select#county { width: 100%; height: 50px; border: 1px solid var(--grey-color-02); background-color: var(--white-color); font-size: 16px; color: var(--black-color); font-weight: 500; outline: none; padding: 0 16px; cursor: pointer; } 

/* 지하철 */
.popup .popup_con select#addressCity_subw { max-width: 180px; width: 80%; height: 50px; border: 1px solid var(--grey-color-02); background-color: var(--white-color); font-size: 16px; color: var(--black-color); font-weight: 500; outline: none; padding: 0 16px; margin-right: 16px; cursor: pointer; } 
.popup .popup_con select#addressCity_subw option,
.popup .popup_con select#fullCity_subw option,
.popup .popup_con select#county_subw option { font-size: 16px; color: var(--black-color); font-weight: 500; outline: none; } 
.popup .popup_con select#fullCity_subw { max-width: 180px; width: 80%; height: 50px; border: 1px solid var(--grey-color-02); background-color: var(--white-color); font-size: 16px; color: var(--black-color); font-weight: 500; outline: none; padding: 0 16px; margin-right: 16px; cursor: pointer; } 
.popup .popup_con select#county_subw { max-width: 240px; width: 80%; height: 50px; border: 1px solid var(--grey-color-02); background-color: var(--white-color); font-size: 16px; color: var(--black-color); font-weight: 500; outline: none; padding: 0 16px; cursor: pointer; } 

.popup .popup_con select#addressCity_get { max-width: 230px; width: 100%; height: 60px; border: 1px solid var(--grey-color-02); background-color: var(--white-color); font-size: 16px; color: var(--black-color); font-weight: 500; outline: none; padding: 0 20px; margin-right: 20px; cursor: pointer; } 
.popup .popup_con select#addressCity_get option,
.popup .popup_con select#fullCity_get option,
.popup .popup_con select#county_get option { font-size: 16px; color: var(--black-color); font-weight: 500; outline: none; } 
.popup .popup_con select#fullCity_get { max-width: 230px; width: 100%; height: 60px; border: 1px solid var(--grey-color-02); background-color: var(--white-color); font-size: 16px; color: var(--black-color); font-weight: 500; outline: none; padding: 0 20px; margin-right: 20px; cursor: pointer; } 
.popup .popup_con select#county_get { max-width: 300px; width: 100%; height: 60px; border: 1px solid var(--grey-color-02); background-color: var(--white-color); font-size: 16px; color: var(--black-color); font-weight: 500; outline: none; padding: 0 20px; cursor: pointer; } 

.popup .popup_con select#addressCity_sale { max-width: 230px; width: 100%; height: 60px; border: 1px solid var(--grey-color-02); background-color: var(--white-color); font-size: 16px; color: var(--black-color); font-weight: 500; outline: none; padding: 0 20px; margin-right: 20px; cursor: pointer; } 
.popup .popup_con select#addressCity_sale option,
.popup .popup_con select#fullCity_sale option,
.popup .popup_con select#county_sale option { font-size: 16px; color: var(--black-color); font-weight: 500; outline: none; } 
.popup .popup_con select#fullCity_sale { max-width: 230px; width: 100%; height: 60px; border: 1px solid var(--grey-color-02); background-color: var(--white-color); font-size: 16px; color: var(--black-color); font-weight: 500; outline: none; padding: 0 20px; margin-right: 20px; cursor: pointer; } 
.popup .popup_con select#county_sale { max-width: 300px; width: 100%; height: 60px; border: 1px solid var(--grey-color-02); background-color: var(--white-color); font-size: 16px; color: var(--black-color); font-weight: 500; outline: none; padding: 0 20px; cursor: pointer; } 

.broker_wrap .broker_content .search_detail .search_col1.search_mo { display: none; } 
.table_box { width: 100%; overflow-x: auto; overflow-y: hidden; } 

.img_box_wrap::-webkit-scrollbar ,
.table_box::-webkit-scrollbar { height: 8px; border-radius: 30px; } 
.img_box_wrap::-webkit-scrollbar-thumb ,
.table_box::-webkit-scrollbar-thumb { background-color: var(--red-color); border-radius: 30px; } 
.img_box_wrap::-webkit-scrollbar-track ,
.table_box::-webkit-scrollbar-track { background-color: #e1e1e1; border-radius: 30px; } 
.mo_snb { display: none; } 
.mypage_con.broker_mypage .search_detail .search_mo { display: none; } 
.popup .popup_con .apt_content_wrap table tr.fl_wrap td { max-width: none; width: 100%; }