@charset "utf-8";

/* 로그인 팝업 */
.layerLogin { display:flex; flex-direction:column; position:absolute; left:12px; right:12px; top:12px; height:calc(100vh - 24px); border-radius:10px; box-sizing:border-box; background:#fff; box-shadow:0 2px 4px rgba(0,0,0,0.5); }
.layerLogin h1.logo {flex-shrink:0; display:block; margin:94px auto 0; width:96px; height:81px; background:url('../../images/logo_liiv.svg?20211125') no-repeat 0 0; background-size:96px auto;}
.layerLogin .txtLogin { margin-top:46px; font-weight:400; font-size:12px; color:#222; line-height:16px; text-align:center;}
.layerLogin .txtLogin strong { display:block; font-weight:400; font-size:16px; line-height:24px;}
.layerLogin .txtLogin strong.textblue {color:#517ad6}
.layerLogin .logLogin {width:260px; margin:77px auto 0;}
.layerLogin .log { display:block; margin:8px 0 18px 0; font-size:10px; line-height:14px; color:#4c4a3f; }
.layerLogin .startLogin { width:260px; margin:auto auto 0; padding:18px 0;}
.layerLogin .btn-login {display:flex; width:100%; align-items:center; height:44px; padding:0 20px; font-size:14px; font-weight:400; line-height:20px; color:#676767; border-radius:4px; border:1px solid #ddd; }
.layerLogin .btn-login:focus { border-color: #b2b2b2; background-color: #ddd; }
.layerLogin .btn-login:before {content:''; left:20px; width:34px; height:24px; background-repeat:no-repeat; background-size:24px 24px; }
.layerLogin .btn-login.naver { border-color:rgba(28,170,3,0.4); background-color: #1ec800; color: #fff; }
.layerLogin .btn-login.naver:focus { border-color:#106502; background-color: #148002; }
.layerLogin .btn-login.naver:before {background-image:url('../../images/ico_naver_w.png');}
.layerLogin .btn-login.kakaotalk { border-color:rgba(255,204,21,0.4); background-color: #fee500; color: #222; }
.layerLogin .btn-login.kakaotalk:focus { border-color:#ffa215; background-color: #ffbf15; }
.layerLogin .btn-login.kakaotalk:before {background-image:url('../../images/ico_kakao_notext.png'); background-size: 22px 21px; background-position: center left; }
.layerLogin .btn-login.facebook { border-color:rgba(51,77,132,0.5); background-color: #3b5998; color: #fff; }
.layerLogin .btn-login.facebook:focus { border-color:#21345d; background-color: #2b4171; color: #fff; }
.layerLogin .btn-login.facebook:before {background-image:url('../../images/ico_facebook_w.png');}
.layerLogin .btn-login.google:before {background-image:url('../../images/ico_google.png');}
.layerLogin .btn-login.apple:before {background-image:url('../../images/ico_apple.svg');}
.layerLogin .btn-login.join:before {background-image:url('../../images/ico_liiv.svg?version=20211125');}
.layerLogin .btn-login.login:before {background-image:url('../../images/ico_login.png');}
.layerLogin .btn-login +  .btn-login {margin-top:8px;}
.layerLogin .txtOr { position:relative; height:16px; margin:8px 0; }
.layerLogin .txtOr:before {content:''; position:absolute; top:9px; left:0; right:0; height:1px; background:#ddd;}
.layerLogin .txtOr .text { position:absolute; left:50%; top:50%; font-size:12px; color:#676767; text-align:center; padding:0 8px; background:#fff; transform:translate(-50%, -50%);}
.layerLogin .otherLogin {display:flex;}
.layerLogin .otherLogin .btn-login{padding:0 16px; letter-spacing: -.5px;}
.layerLogin .otherLogin .btnLogbtn-loginin {flex:1; padding-right:10px;}
.layerLogin .otherLogin .btn-login span {padding:0; margin-left:10px; border:0;}
.layerLogin .otherLogin .btn-login + .btn-login {margin:0 0 0 8px;}
.layerLogin .btn-closeB{position:absolute; left:8px; top:16px;  }
.layerLogin .titbox{flex:1; text-align:center; font-size:14px}
.layerLogin .logincheck{margin-top:10px;}
.eventtext-blue{color:#517ad6}
.agreecheck +.eventtext-blue{padding:5px 0 0 26px; font-size:12px;}
.profile-register +.eventtext-blue{padding:0 0 12px 0; font-size:12px; margin-top:-12px; text-align:left}
.tipbox.eventtext-blue{padding:8px;margin-bottom:20px; background:#4178f4; color:#fff; border-radius:8px; position:relative; top:-4px}
.tipbox.eventtext-blue:before{content:""; display:block; width:0; height:0; border-color:transparent transparent #4178f4 transparent; border-style:solid; border-width:7px; 
  position:absolute; left:17px; top:-14px}

.layerLogin.type2 h1.logo { margin-top:150px; }
.layerLogin.type2 .txtLogin { margin-top:38px; }
.layerLogin.type2 .startLogin { display:flex; flex-direction:column; justify-content:center; min-height:245px; margin:0 auto;  }
.layerLogin.type2 .btn-login { background:#f8f8f8; }
.layerLogin.type2 .btn-login:focus { border-color:#b2b2b2; background-color:#ddd; }
.layerLogin .btn-login.kbCertify:before {background-image:url('../../images/ico_kb_certify.svg');}
.layerLogin.type2 .botLogin { flex-shrink:0; display:flex; align-items:center; justify-content:center; width:260px; height:41px; margin:auto auto 0; border-top:1px solid #ddd; }
.layerLogin.type2 .botLogin .btn-Link { text-decoration:underline; }
.layerLogin.type2 .botLogin .btn-Link:after { margin-left:0; }

.loginManageW { display:flex; flex-direction:column; height:100%; padding:16px 16px 12px; box-sizing:border-box; text-align:left; }
.loginManageW .loginManage-section { margin:0 0 32px; }
.loginManageW .loginManage-section .title { display:block; font-weight:400; font-size:14px; line-height:20px; color:#517ad6; }
.loginManageW .list-btns { margin:8px 0 0; }
.loginManageW .etcLogin-btns { display:flex; justify-content:space-around; margin:16px auto 0; }

.recently-log { padding:12px 0; border-bottom:1px solid #f1f1f1; }
.btn-log { display:flex; align-items:center; justify-content:center; width:100%; height:44px; border-radius:4px; border:1px solid #ddd; font-size:12px; color:#222; background-color:#f8f8f8; }
.btn-log:focus { border-color:#b2b2b2; background-color:#ddd; }
.btn-log:before { content:''; width:32px; height:32px; margin-right:8px; background-repeat:no-repeat; background-size:100%; }
.btn-log.kakaotalk:before { background-image:url('../../images/icon_sns_badge_kakao2.png'); }
.btn-log.naver:before { background-image:url('../../images/icon_sns_badge_naver2.png'); }
.btn-log.google:before { background-image:url('../../images/icon_sns_badge_google2.png'); }
.btn-log.facebook:before { background-image:url('../../images/icon_sns_badge_facebook2.png'); }
.btn-log.kakaotalk:focus:before { background-image:url('../../images/icon_sns_badge_kakao2_focus.png'); }
.btn-log.naver:focus:before { background-image:url('../../images/icon_sns_badge_naver2_focus.png'); }
.btn-log.google:focus:before { background-image:url('../../images/icon_sns_badge_google2_focus.png'); }
.btn-log.facebook:focus:before { background-image:url('../../images/icon_sns_badge_facebook2_focus.png'); }
.recently-log .btn-login { justify-content:center; overflow:hidden;}
.recently-log .btn-login.apple { border-radius:6px; font-size:19px; color:#fff; background:#000; border:0; }
.recently-log .btn-login.apple:before { width:44px; height:44px; background-image:url('../../images/ico_apple_w.png'); background-size:100%; background-position:50% 50%; margin:2px -9px 0 0;}
.recently-log .txt-log { margin:4px 0; text-align:center; font-size:12px; line-height:16px;  }

.underlinetext{display:inline-block !important; position: relative; font-weight:700 !important;  }
.underlinetext:before{content: "";display: block;width: 100%;height: 8px;background: rgba(255, 204, 0, .3);position: absolute;left: 0;bottom: 0;}


/* 토스트 */
.toastComm { display:flex; justify-content:center; position:fixed; bottom:0; left:20px; right:20px; bottom:12px; z-index:10; }
.toastComm .inner { overflow:hidden; padding:8px 16px; font-size:14px; line-height:20px; color:#fff; border-radius:16px; text-align:left; opacity:.8; background:#363636;}
/* toastLogin */
.toastLogin {position:fixed; bottom:0; left:0; right:0; z-index:10;}
.toastLogin .inner { overflow:hidden; padding:16px 24px 12px; font-size:16px; line-height:24px; color:#fff; border-radius:8px 8px 0 0; text-align:left; background:#17356e;}

/*회원가입 인증절차*/
.memberBox{padding:16px 12px 16px 12px;min-height: auto;height: inherit; max-height: calc(100% - 42px); background-color:#fff; text-align: left;display: flex;flex-direction: column;justify-content: space-between;}
.app .memberBox{min-height: calc(100vh - 42px);}
.member-item{padding:19px 0 0 0}
.member-item:nth-of-type(1){padding:0px}
.member-input{margin:15px 0 0 20px;padding:0px 0 0 8px; position: relative;}
.member-input .time{margin:0 8px 0 0; font-size: 12px; line-height:24px; color:#ff0000; align-items:center;}
.member-input:nth-of-type(1){margin:5px 0 0 20px;}
.member-input.noindent{margin:15px 0 0 0px; padding:0}
.member-input.noindent:nth-of-type(1){margin:5px 0 0 0px;}
.layercon .memberBox{padding-top:30px; height:100%; min-height:auto}
/*css 원복*/
.member-input .inputbt{position: absolute; right:0; top:16px;}
.member-input .inputbt .btn-close.gray1 { margin-right:8px; }
.error-message{margin:1px 8px 0;  color:#ff0000; display: none;}
.error-message.top{position:absolute; left:8px; top:0; font-size: 10px;color:#ff0000}
/*.member-input .inputbt{position: absolute; right:10px; top:15px;display:none}
.error-message{margin:3px 8px 0;margin-bottom:-20px; padding-bottom:5px; color:#ff0000; display:none;}
.error-message.top{position:absolute; left:8px; top:0; font-size: 10px;color:#ff0000; display:none;}*/
.error-message.top.blue{color:#3d70e3}
.member-input.noindent .error-message.top{left:0}
/*css 원복*/
.done{margin:1px 8px 0; font-size:12px; color:#676767}
/*.done{margin:7px 8px 0; font-size:12px; color:#676767; display:none}*/
.done.phone{padding-left:24px;background: url('../../images/ico_certify_ok.svg') no-repeat left center; margin-top:6px;}
.formbot .member-dec{margin-bottom:12px;font-size:12px; line-height:16px; text-align:center}
.formbot .btn-formround{width:100%;height:40px; border-radius: 8px; font-size:14px;}
.formbot .btn-formround + .pass-retext{margin:12px 0 0 0}
.formbot.type-flex { display:flex;  }
.formbot.type-flex .btn { flex:1; margin-top:0; }
.formbot.type-flex .btn + .btn { margin-left:8px; }
.missMsg{display:flex; justify-content: flex-end; align-items: center; margin-top:12px; font-size:12px; text-align:center}
.missMsg .btn-formround.line-gray{padding:0 12px; margin-left:18px;}
.formbot.half .btn{width:48%}
.formbot.half .btn:nth-of-type(1){margin-right:4%}
/*회원가입*/
.form-tit{margin-bottom:10px;font-size:10px}
.member-radio, .member-check{padding:0 0 0 8px}
.member-check { margin-top:16px; }
.member-radio .custom-control-inline{width:105px; margin:0  0 13px 0;}
.custom-checkbox .custom-control-label{padding-left:24px}
.custom-checkbox .custom-control-label::before, .custom-checkbox .custom-control-label::after{border-radius: 0; top:1px}
.agreeBox {overflow: hidden; margin:15px 0 24px 0; padding:15px 8px 15px 10px; border: 1px solid #b2b2b2;border-radius: 10px;text-align: left;}
.agreecheck{display:flex; margin-top:19px;justify-content: space-between; align-items: center;}
.agreeBox .agreecheck { font-size:12px; }
.agreecheck:nth-of-type(1){ margin-top:0px;}
.agreecheck .btn-text { flex-shrink:0; align-self:flex-start; }
.imgcheck.custom-checkbox .custom-control-label::before, .imgcheck.custom-checkbox .custom-control-label::after{border-radius:.25rem; top:1px}
.agreecheck .custom-checkbox .custom-control-label::before, .agreecheck .custom-checkbox .custom-control-label::after{top:0px}

/* 회원가입 혜택 */
.eventBenefit{padding:8px;background:#f8f8f8; border-radius: 8px; }
.eventBenefitsub{font-size:12px; color:#676767; padding:0 8px}
.eventtip{padding:8px; border:solid 1px #4178f4; border-radius:10px; position: relative; margin-top:13px;}
.eventtip::before{content:""; display:block; width:10px; height:10px; background:url('/images/triangle_copy.svg') no-repeat 0 0/10px; position:absolute; left:13px; top:-9px;}
.joinBenefit { margin-top:39px; }
.joinBenefit .titBenefit, .eventBenefit .titBenefit { display:block; font-size:16px; font-weight:400; line-height:24px; color:#222; text-align:center;}
.eventBenefit .titBenefit { text-align:left;}
.eventBenefit .conbenefit{font-size:14px; margin-top:8px}
.joinBenefit .titBenefit .mark, .eventBenefit .titBenefit .mark { position:relative; background:none;}
.joinBenefit .titBenefit .mark:after, .eventBenefit .titBenefit .mark:after { content:''; position:absolute; left:2px; right:2px; bottom:4px; height:8px; opacity:.3; background:#0066ff;}

.joinBenefit .itemBenefit { display:flex; flex-wrap:wrap; margin:4px 0 24px -8px }
.joinBenefit .itemBenefit li { display:flex; flex-direction:column; flex-shrink:0; width:calc(50% - 8px); padding:12px; margin:8px 0 0 8px; border-radius:8px; font-size:14px; line-height:20px; text-align:center; background:#f8f8f8; }
.joinBenefit .itemBenefit li:before { content:''; width:48px; height:48px; margin:0 auto 4px; background-repeat:no-repeat; background-size:100%; }
.joinBenefit .itemBenefit .benefit1:before {background-image:url('../../images/ico_benefit_item1.svg'); }
.joinBenefit .itemBenefit .benefit2:before {background-image:url('../../images/ico_benefit_item2.svg'); }
.joinBenefit .itemBenefit .benefit3:before {background-image:url('../../images/ico_benefit_item3.svg'); }
.joinBenefit .itemBenefit .benefit4:before {background-image:url('../../images/ico_benefit_item4.svg'); }

.phone-agree { position: relative; padding:6px 0; border-radius:6px; text-align:center; background:#ddd; }
.phone-agree:after { content:''; position: absolute; left:0; top:0; width:100%; height:100%; }
.phone-agree.active { background:#17356e; }
.phone-agree.active:after { display:none; }
.phone-agree .text { display:block; font-size:14px; line-height:20px; color:#b2b2b2; }
.phone-agree.active .text { color:#fff; }
.phone-agree .check { display:flex; justify-content:center; }
.phone-agree .check .custom-checkbox .custom-control-label { padding-left:28px; font-size:12px; line-height:24px; color:#b2b2b2; }
.phone-agree.active .check .custom-checkbox .custom-control-label { color:#fff; }
.phone-agree .check .custom-checkbox .custom-control-label:before { top:-1px; width:24px; height:24px; border:0; background:transparent url('../../images/common-checkon-disabled.svg') no-repeat 0 0; background-size:24px 24px;}
.phone-agree.active .check .custom-checkbox .custom-control-label:before { background-image:url('../../images/common-checkon.svg'); }
.phone-agree .check .custom-checkbox .custom-control-label:after { display:none; }
.phone-agree .btn-text { margin-left:8px; text-decoration:underline; border:0; }
.phone-agree.active .btn-text { color:#56d4f0; }
/*이용약관*/
.fullheight{min-height: 1px;     height: calc(100vh - 42px);}
.fbArea{flex:1; height:100%; display:flex; flex-direction: column; }
.termsArea{flex:1; height:calc(100% - 85px); overflow: hidden; overflow-y:auto;}
.bg-graybox{padding: 16px; text-align: left; background: #f3f3f4;}
.stickyArea{height:85px; display:flex;align-items: flex-end;}

/* 이벤트 팝업 하단버튼 */
.formbot.type-flex1{display:flex;margin:20px -16px -16px}
.formbot.type-flex1 .btn-formround.bg-gray{border-radius:0 0 0px 8px; color:#222}
.formbot.type-flex1 .btn-formround.disabled, .formbot.type-flex1 .btn-formround.bgblue{border-radius:0 0 8px 0px;}
/* guide */
.titGuide { display:block; margin-top:8px; font-size:24px; font-weight:400; line-height:34px; color:#222; text-align:left;}
.txtGuide { display:block; margin-top:8px; font-weight:300; font-size:14px; line-height:20px; color:#222; text-align:left;}
.txtGuide + .nicknameWrap { margin:48px 0 0;}
.txtGuide + .formlist { margin:19px 0 0;}
.titGuide + .formlist { margin:11px 0 0;}

/*비밀번호 입력*/
.nicknameWrap .inner {display:flex; align-items:center; justify-content:center;}
.nicknameWrap .message { margin:24px 12px; font-size:12px; line-height:16px; font-weight:400; color:#ff0000; text-align:left;}
.nicknameWrap .unit {margin:0 8px; font-size:18px; line-height:26px; color:#222; }
.nicknameWrap.multi .unit {margin:0 6px;}
.nicknameWrap .unit.mask { position:relative; width:32px; height:48px; border:1px solid #b2b2b2; border-radius:8px;}
.nicknameWrap .unit.mask input {width:100%; height:46px; font-size:18px; color:#222; line-height:26px; border:0; text-align:center; outline:none; background:transparent;}
.form-control.unit{padding:0;text-align:center;}
.form-control.unit.disabled{background-color:#ddd; border-color:#ddd}
.phone-agree + .pass-retext { margin:7px 0 0; }
.pass-retext{margin-bottom:16px;text-align:center; color:#676767;}
.pass-retext span{display:inline-block; vertical-align: middle;}
.pass-retext .btn-txbt{text-decoration: underline; font-size:12px; }
.pass-retext span + .btn-txbt { font-size:14px; }
.formbot .btn-formround.line-blue{margin-top:8px}


/* bottomSheetLayer */
.bsLayer { position:fixed; bottom:0;  z-index:10; width:100%; max-width:448px;border-radius:10px 10px 0 0; background:#fff; box-shadow:0 1px 8px rgba(0,0,0,0.25); z-index:10000 !important}
@media all and (max-device-width: 717px) and (max-device-height:717px) {.bsLayer{max-width:100%}/* 갤럭시 폴드 대응 */}
@media all and (max-device-height:500px) {.bsLayer{max-width:100%}/* 모바일 가로사이즈 대응 */}
.bsLayer:not(.datepicker-layer) { background-color:#fff !important; }
.bsLayer .body { padding:60px 12px 32px; background: url('../../images/ico_phone_call.svg') no-repeat center 20px; font-size:16px; color:#222; text-align:center;}
.bsLayer .footer {display:flex; padding:0 40px 24px; justify-content: space-between;}
.bsLayer .footer .btn-formround.line {min-width:49%; height:32px; border:1px solid #888; border-radius:4px; font-size:12px; line-height:16px; text-align:center; color:#222}
.bsLayer .btn-closeB {position:absolute; right:16px; top:16px; }
.bsLayer .mx-datepicker { overflow:hidden; border-radius:10px 10px 0 0; margin:8px 0; }
.bsLayer .mx-datepicker .mx-datepicker-main { border:0; }
.bsLayer .mx-datepicker .mx-calendar-header-label { border:0; }
.bsLayer.datepicker-layer { left:50%; transform:translateX(-50%); } 

/* 청약가점 월 달력 */
.bsLayer .mx-datepicker-main { font-family:'Spoqa Han Sans Neo', sans-serif; }
.bsLayer .mx-calendar { padding:0; }
.bsLayer .mx-table-month td { height:56px; }
.bsLayer .mx-calendar-header .mx-calendar-header-label .mx-btn-text { font-weight:700; }
.mx-datepicker-range .mx-calendar-panel-date .mx-btn-icon-left,
.mx-datepicker-range .mx-calendar-panel-date .mx-btn-icon-right { width:24px; }
.mx-datepicker-range .mx-calendar-panel-date .mx-btn-icon-double-left { display:block; width:24px; left: calc(50% - 112px); }
.mx-datepicker-range .mx-calendar-panel-date .mx-btn-icon-double-right { display:block; width:24px; right: calc(50% - 112px); }
.bsLayer .mx-calendar-content { margin:20px 20px 6px; }
.bsLayer .mx-calendar-content .mx-table-month .cell div { width:56px; height:32px; margin:12px auto; line-height:30px; }
.bsLayer .mx-calendar-content .mx-table-month .cell:not(.disabled):not(.active) div { color:#17356e; border-color:#17356e; }
.bsLayer .mx-calendar-content .mx-table-month .cell.active div { background:#17356e; }
.bsLayer .mx-calendar-content .mx-table-month .cell.disabled div { color:#b2b2b2; }

/* 동별매물 */
.select-wrap{display:flex; padding:28px 0; align-items:center; justify-content: space-between;}
.select-wrap .btn-secondary{font-size:14px;}
.saleBtnGroup { display:flex; margin-top:-4px; height:32px; border-radius:4px; border:1px solid #ddd; background:#fff; }
.saleBtnGroup .btn-sale { position:relative; flex:1; border:0; font-weight:300; font-size:14px; line-height:20px; color:#222; text-align:center;}
.saleBtnGroup .btn-sale:before { content:''; position:absolute; left:0; top:8px; bottom:8px; width:1px; height:16px; background:#ddd; }
.saleBtnGroup .btn-sale:first-of-type:before { display:none; }
.saleBtnGroup .btn-sale .num { color:#517ad6; font-weight:400; }
.saleLegend { margin:24px 0px 0; }
.saleLegend .sLegend { display:flex; flex-wrap:wrap; justify-content:center; margin-left:-4px; margin-top:-4px; }
.saleLegend .sLegend [class^="type"] { position:relative; margin-left:4px; margin-top:4px; font-size:12px; line-height:16px; color:#676767; }
.saleLegend .sLegend [class^="type"]:before {content:''; display:inline-block; margin-right:6px; width:8px; height:8px; border-radius:3px;}
.saleLegend .assist { margin-top:4px; font-size:10px; line-height:14px; color:#161616; }
.saleLegend .type1:before { background:#e3edf4;}
.saleLegend .type2:before { background:#56d4f0;}
.saleLegend .type3:before { background:#60a5ff;}
.saleLegend .type4:before { background:#4178f4;}
.saleLegend .type5:before { background:#1549ad;}
.saleLegend .type6:before { background:#7f4de9;}
.saleLegend .type7:before { background:#36a18b;}
.saleLegend .type8:before { background:#17356e;}
.saleLegend .type8:after {content:""; width:4px; height:4px; display:block; background:#fff; position:absolute; left:2px;top:7px}

.saleGraph { display:flex; flex-wrap:wrap; align-items:center; height:400px; margin:16px 0px 20px; }
.saleGraph.s-village { padding-bottom:50px; }
.saleGraph.s-village { padding-bottom:50px; }
.saleGraph .scrollbar-outer { margin:auto; }
.saleGraph .scrollbar-inner { max-height:330px !important; }
.saleGraph .graph { display:flex; flex-wrap:nowrap; flex-direction:column; justify-content:flex-start; max-height:100%; margin:0 auto;} /* overflow-x:auto;  */
.saleGraph .graph .line {display:flex; position:relative; flex-shrink:0; }
.saleGraph .graph .line span { overflow:hidden; position:relative; width:34px; height:16px; margin:1px 0 0 1px; font-size:10px; line-height:14px; color:#161616; box-sizing:border-box; flex-shrink:0; }
.saleGraph .graph .line span.blank { background:url('../../images/bg_nothing_room.svg') no-repeat 50% 50%; background-size:34px 16px;} /* 필로티영역 */


.s-village .line .type1 { background:#e3edf4;}
.s-village .line .type2 { background:#56d4f0; }
.s-village .line .type3 { background:#60a5ff; }
.s-village .line .type4 { background:#4178f4; }
.s-village .line .type5 { background:#1549ad; }
.s-village .line .type6 { background:#7f4de9; }
.s-village .line .type7 { background:#36a18b; }
.s-village .line .type8 { background:#1549ad; }
.s-village .graph .line { cursor:pointer; }
.s-village .line.on:after { content:''; position:absolute; left:1px; right:0; top:-1px; bottom:-1px; border:2px solid #190099; box-sizing:border-box; }
/* .s-village .line:hover span, hover속성은 2차시 PC에서만 넣기 */
.s-village .line.selected span { color:#fff !important; background-color:#b2b2b2 !important; }

.s-village .line.on:after { display:none; }
.s-village .line .inner { display:flex; position:relative }
.s-village .line.on .inner:after { content:''; position:absolute; left:1px; right:0; top:-1px; bottom:-1px; border:2px solid #190099; box-sizing:border-box; }


.selectedFloatGroup { position:fixed; left:12px; right:12px; bottom:24px; display:flex; border-radius:8px; box-shadow:0 1px 8px 1px rgba(0, 0, 0, 0.2); background:#f8f8f8; }
/*  */
.selectedFloatGroup.s-village  { justify-content:center; align-items:center; height:38px; }
.selectedFloatGroup.s-village .item { position:relative; border:0; font-size:12px; line-height:16px; color:#222; }
.selectedFloatGroup.s-village .item:before { content:''; display:inline-block; width:1px; height:11px; margin:0 15px; vertical-align:middle; background:#b2b2b2; }
.selectedFloatGroup.s-village .item:first-of-type:before { display:none; }
.selectedFloatGroup.s-village .item .num { margin:0 8px; }
.selectedFloatGroup.s-village .item .num { margin-right:0; }


.priceLegend { padding:0; background:#fff;}
.priceLegend .pLegnd { display:flex; height:10px; margin-top:10px; }
.priceLegend .pLegnd [class^="type"] { position:relative; flex:1; }
.pLegndText {display:flex; justify-content:space-between; }
[class^="legend-float"] { display:flex; align-items:center; font-size:12px; line-height:16px; color:#676767; }
[class^="legend-float"] .f-balloon { display:flex; align-items:center; position:relative; height:20px; padding:0 4px; font-weight:700; font-size:12px; line-height:16px; color:#fff; border-radius:4px; background:#666; }
.legend-float-r {flex-direction:row-reverse;}
.legend-float-l .f-balloon { margin-left:8px; }
.legend-float-r .f-balloon { margin-right:8px;}
[class^="legend-float"] .f-balloon:before { content:''; position:absolute; top:50%; margin-top:-4px; border-top:3px solid transparent; border-bottom:3px solid transparent; }
.legend-float-l .f-balloon:before { left:-9px; border-right:5px solid #666; border-left: 5px solid transparent;}
.legend-float-r .f-balloon:before { right:-9px; border-right:5px solid transparent; border-left: 5px solid #666;}
.priceLegend .pLegnd .type1 {background:#fff9cc;}
.priceLegend .pLegnd .type2 {background:#fff396;}
.priceLegend .pLegnd .type3 {background:#ffe928;}
.priceLegend .pLegnd .type4 {background:#ffd528;}
.priceLegend .pLegnd .type5 {background:#fdb206;}
.priceLegend .pLegnd .type6 {background:#fc8b00;}
.priceLegend .pLegnd .type7 {background:#f46600;}
.priceLegend .pLegnd .type8 {background:#ff320c;}
.priceLegend .assist { margin-top:8px; text-align:right; font-size:10px; line-height:14px; color:#161616;}

/* 공시가격 정보없음 noInfomation */
.priceLegend.noInfomation [class^="legend-float"] .f-balloon { display: none !important; }
.priceLegend.noInfomation .no-data { background-color: #f1f1f1; color: #676767; border-radius: 8px; line-height: 32px; margin-top: 12px; }
.priceLegend.noInfomation + .saleGraph .graph .line > span { background-color: #ddd !important; color: #676767 !important; }

/* 공시가격 */
.s-price .line .type1 {background:#fff9cc;}
.s-price .line .type2 {background:#fff396;}
.s-price .line .type3 {background:#ffe928;}
.s-price .line .type4 {background:#ffd528;}
.s-price .line .type5 {background:#fdb206;}
.s-price .line .type6 {background:#fc8b00;}
.s-price .line .type7 {background:#f46600;}
.s-price .line .type8 {background:#ff320c;}
.s-price .graph .line > span { cursor:pointer; }
/* .s-price .line > span:hover, hover속성은 2차시 PC에서만 넣기 */
.s-price .line .selected { color:#fff !important; background-color:#b2b2b2 !important; }
.selectedFloatGroup.s-price { text-align:left; padding:12px 12px 12px 24px; bottom:19px; }
.selectedFloatGroup.s-price .item .title { font-size:12px; line-height:16px; color:#222; }
.selectedFloatGroup.s-price .item .detail { margin-top:4px; }
.selectedFloatGroup.s-price .item .detail .price { font-size:16px; line-height:24px; color:#222; }
.selectedFloatGroup.s-price .item .detail .compared {  font-size:12px; line-height:16px; color:#222; }
.selectedFloatGroup.s-price .item .detail .compared:before {content:''; display:inline-block; width:1px; height:11px; margin:0 2px 0 5px; background:#b2b2b2;}
.selectedFloatGroup.s-price .item .tax { margin-top:8px; font-size:12px; line-height:16px; color:#222; }
.selectedFloatGroup.s-price .item .tax .taxType { margin-right:5px; }
.selectedFloatGroup.s-price .btn-closeB { position:absolute; right:8px; top:8px;}
/*동선택 , 평선택*/
.layerBotSheet { position:relative; border-radius:10px 10px 0 0; box-shadow:0 -1px 3px 0 rgba(0, 0, 0, 0.2); background:#fff; }
.topTitWrap {display:flex; justify-content: space-between; align-items:center; position:relative; height:56px; padding:0 16px; }
.titflex{display: flex;}
.topTitle { margin-right:8px; font-size:16px; line-height:24px; color:#222; font-weight:700; }

.ta-scroll { max-height:431px; }
/* .ta-body { max-height:431px; overflow-y:auto; }  */
.ta-tr { display:flex; align-items:stretch; position:relative; cursor:pointer; }
.ta-tr:after {content:''; position:absolute; left:16px; bottom:0px; right:16px; height:1px; background:#ddd; }
.ta-cell { display:flex; align-items:center; justify-content:flex-start; padding:4px 4px 8px; font-size:14px; line-height:16px; color:#222; }
.ta-cell .txt-bot-s{font-size:12px;}
.ta-cell .inner { text-align:left;}
.ta-cell .inner.center { text-align:center; flex:1}
.ta-head .ta-tr .ta-cell{font-size:16px; text-indent:8px; }
.ta-tr .ta-cell:first-of-type { padding-left:16px; }
.ta-tr .ta-cell:last-of-type { padding-right:16px; }
.ta-cell .s-row { display:block; margin-top:4px; }
.ta-cell .s-row .txt-l{font-weight: 700;}
.ta-cell .s-row .txt-s{font-size:12px}
.detailBform{display:flex;}
.detailBform .btn-group{ padding:0 16px 8px; justify-content: flex-start; display:block; text-align: left;}
.detailBform .btn-group .btn-secondary{margin-right:8px; min-width:48px; padding:0 5px; margin-bottom:8px; border-color:transparent; color:#222;background-color:transparent;}
.detailBform .btn-group .btn-secondary:not(:disabled):not(.disabled).active{background-color:#17356e !important; color:#fff !important}
/* bg */
.bg-gray { background:#f8f8f8; }

.ta-tr .ta-r { justify-content:flex-end; }
.ta-tr .ta-r .inner { text-align:right; }
.ta-tr .ta-c { justify-content:center; }
.ta-tr .ta-c .inner { text-align:center; }

.ta-wrap .txt-l { font-size:14px; line-height:20px; }
.ta-wrap .txt-s { font-size:10px; line-height:14px; color:#161616; }
.ta-wrap .txt-bot-s { align-self:flex-end; font-size:10px; line-height:14px; color:#161616; }

.ta-tr .f1 { flex:1; }
.ta-tr .f2 { flex:2; }
.ta-tr .f3 { flex:3; }
.ta-tr .f4 { flex:4; }

.ta-body .ta-tr.selected .ta-cell,
.ta-body .ta-tr:hover .ta-cell { background:#f8f8f8; }
.ta-body .ta-tr.selected .ta-cell.bg-gray,
.ta-body .ta-tr:hover .ta-cell.bg-gray  { background:#ddd; }
/* 평형색깔 */
[class*="m-color"] { position:relative; }
[class*="m-color"]:after { content:''; position:absolute; left:16px; top:8px; bottom:8px; width:4px; border-radius:12px; }
.m-color0:after { background:#FF0200;} /* 10 이하 */
.m-color1:after { background:#F46600;} /* 10 */
.m-color2:after { background:#FFcc00;} /* 20 */
.m-color3:after { background:#3BB120;} /* 30 */
.m-color4:after { background:#4178F4;} /* 40 */
.m-color5:after { background:#7F4DE9;} /* 50 */

/*허위매물신고*/
.report-con{padding:12px 0 28px 0;text-align:left;}
.report-tit{padding:8px 0; margin-bottom:16px; border-bottom:solid 1px #ddd;  font-size:16px;}
.report-subtit{margin-bottom:8px}
.table.b-table.b-table-stacked > tbody > tr > :first-child{border-top-width: 0px;}
.lefttable {border-top:solid 1px #888;border-bottom:solid 1px #888}
.table.b-table.b-table-stacked > tbody > tr > [data-label]::before{width:98px;height:32px; padding-right:0; background-color:#f8f8f8; color:#676767; line-height:30px; text-align:center; font-weight: 400;}
.table.b-table.b-table-stacked > tbody > tr > [data-label] > div{width:calc(100% - 98px);height:32px; line-height:30px; text-align:left; padding-left:8px; }
.report-con .radiobox .custom-radio{margin-top:8px; }
.report-con .radiobox .custom-control-inline.custom-radio:first-child{margin-top:0px;}
.text-limt{position: absolute;bottom: 16px;right: 16px;font-size: 12px; line-height: 16px;color: #676767}
.form-btn .text-limt{position: relative;bottom: auto;right: auto;}
.report-con .btn-formround{width:100%; height:40px; border-radius: 8px; font-size:14px; color:#676767}
.report-con .btn-formround.bg-blue.disabled {background-color:#d2d2d2 !important}
.report-con .btn-formround.bg-blue{color:#fff}
.report-dec{margin-top:4px; display:block;font-size:12px; color:#676767;}
.report-txlist{padding:16px; margin:0 -12px 16px -12px}
.report-txlist .report-subtit{font-size:12px;}
.report-txlist .listtext{margin:0px;font-size:12px;color:#676767;}
.report-txlist .listtext:after{background-color:#676767;}
.pricelayercon.report .listtext{font-size:12px;line-height: 16px;}
/*알림 허위매물신고*/
.report-result{margin-bottom:12px;font-size:14px;}
.report-result .blue{color:#517ad6}
.lefttable.leftline{border-left:solid 1px #ddd;border-right:solid 1px #ddd}
.radiobox+.textarea{margin-top:8px}


/*단지톡*/
.talkbox{padding: 16px 0px 0 0;margin: 0 12px;background-color: #fff; border-radius: 10px; box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.2);}
.talkbox .badge1 .tit{font-weight:700; color:#676767}
.talkbox .badge1 .int{color:#222}
.smalltx{font-size: 10px;}
.smalltx.first { display:inline-block; margin:0 -2px; text-indent:-9999px; vertical-align:2px; width:5px; height:5px; background:url('../../images/txt_dantalkbang_1.png') no-repeat 0 0; background-size:100%; }
.smalltx.second {display:inline-block; margin:0 -2px; text-indent:-9999px; vertical-align:2px; width:6px; height:5px; background:url('../../images/txt_dantalkbang_2.png') no-repeat 0 0; background-size:100%; }
.youtList2{display:flex; flex-wrap: nowrap; padding-bottom:10px; margin:0; padding:8px 12px 0 12px;position:relative; max-height:130px;height:130px; }
.youtList2 .boxW{flex-basis: 50%; position: relative;left:auto; top:auto; flex-shrink: 0; margin-left:4px;}
/*.youtList2 .boxW:first-child {left:0;}*/
/*.youtList2 .boxW:nth-child(2n) {right:0;}*/
/*.youtList2 .boxW:first-child .box {margin-right:4px;}*/
/*.youtList2 .boxW:nth-child(2n) .box {margin-left:4px;}*/
.youtList2 .box {display:block; overflow:hidden; position:relative; height:100%; border-radius:4px; background:no-repeat 0 0/cover;}
.youtList2 .box.movie:before{content:""; display:block;position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4);}
.youtList2 .box .btn-img {overflow:hidden; position:absolute; z-index:3; top:4px; right:4px;}
.youtList2 .box .btn-play {overflow:hidden; position:absolute; z-index:3; top:4px; right:4px; }
.listscroll{padding-right:16px}
.youtList2 .boxW:nth-of-type(1){margin-left:0px;}
.youtList2 .boxW:nth-last-of-type(1){margin-right:16px;}
.youtList2 .boxW .box img{width:100%;}

.ttbangConW {margin:8px 12px; padding:12px 0px 0 0; border:1px solid #dddddd; border-radius:8px; background:#fff;}
.defaultTalk{padding:0 16px}
.ttbangConW .titW {position:relative; text-align:left;}
.ttbangConW .tit {font-size:14px; line-height:1.5; font-weight:700; text-align:left;}
.ttbangConW .txt2 {text-align:left; color:#676767}
.ttbangConW .uid {display:inline-block; padding:0 5px; font-size:12px; line-height:16px; border-radius:4px; background:#dddddd;}
.ttbangConW .date {font-size:14px; line-height:1.5; color:#676767; font-weight:300;}
.ttbangConW .right {position:absolute; top:-2px; right:0;}
.ttbangConW .btn-text { padding:0 3px; font-size:14px; line-height:1.5; color:#676767; font-weight:300;}
.ttbangConW .boxW {position:relative; padding:8px 0px 0 0; font-size:14px; line-height:20px; font-weight:300; text-align:left;}
.ttbangConW .conflex{display: flex;}
.ttbangConW .boxW .txt {overflow:hidden; position:relative; max-height:60px; color:#676767; flex:1; padding-right:9px}
.ttbangConW .boxW .imgW {position:relative; width:80px; height:70px; border-radius:8px; border-top-right-radius:0;}
.ttbangConW .boxW .imgW img {width:100%;}
.ttbangConW .boxW .imgW .cnt {position:absolute; bottom:0; right:0; width:24px; height:24px; line-height:23px; color:#fff; text-align:center; border-bottom-right-radius:8px; border-top-left-radius:8px; background:rgba(0, 0, 0, 0.6);}
.ttbangConW .btnBox {display:flex; width:100%; align-items: center; padding:8px 0;}
.ttbangConW .btnBox  >.btn{margin-right:4px}
.ttbangConW .cnt {display:inline-block; line-height:24px; font-size:12px; line-height:24px; vertical-align:top;}
.ttbangConW .re-tit{padding-top:0}

.honeyPotbg{background-color:#f6f6f6}
.honeyPotCon .label{width:39px; height:24px; margin-right:8px; font-weight:700; font-size:12px; text-align:center; border-radius: 12px; line-height:22px;}
.honeyPotCon .label.type1{color:#ff861e; border-color:#ff861e;}
.honeyPotCon .label.type2{color:#f94343; border-color:#f94343;}
.honeyPotCon .label.type3{color:#4178f4; border-color:#4178f4;}
.honeyPotCon .label.type4{color:#3bb120; border-color:#3bb120;}
.honeyPotCon .btn-accordion{ height:48px; padding-top:8px; margin-top:8px; padding-left:12px; font-weight:400; box-shadow:none !important;border-radius: 0; background:#fff}
.honeyPotCon .btn-accordion:before { top:15px; right:28px; }
.honeyPotCon .card-header{padding:0; }
.honeyPotCon .btn-accordion.not-collapsed{background-color:#fff !important}
.honeyPotCon .card .card-header:nth-of-type(1) .btn-accordion{margin-top: 0;}
.honeyPotCon .collapse.show{background:#fff; padding-bottom: 16px; text-align:left;}
.honeyPotCon .honeyAcc .pollbtn .btn-Link,
.honeyPotCon .viewreviewwrite .btn-Link { font-size:14px; }
.honeyPotCon .honeyAcc .pollbtn .btn-Link:after,
.honeyPotCon .viewreviewwrite .btn-Link:after { width:7px; height:7px; margin-left:0; top:-2px; }

.honeynodata{padding:12px 10px 12px 16px;margin-top:6px;border:solid 1px #ddd; border-radius:8px;}
.honeynodata.type4 { margin-top:16px; }
.honeynodata .message span{display: inline-block; padding-left:32px; font-weight:300; background:url('../../images/icon_24_honey_photo_empty.svg') no-repeat left top; }
.honeynodata.type2 .message span{display: inline-block; padding-left:32px; background:url('../../images/icon_24_honey_video_empty.svg') no-repeat left top; }
.honeynodata.type3 .message span{display: inline-block; padding-left:32px; background:url('../../images/icon_24_honey_charming_empty.svg') no-repeat left top; }
.honeynodata.type4 .message span{display: inline-block; padding-left:32px; background:url('../../images/icon_24_honey_talk_empty.svg') no-repeat left top; }
.honeynodata .messagebt{margin-top:8px; text-align:right; flex-shrink:0;}
.btn-honeyround{width:91px; height:24px; line-height:22px; border-radius:12px;border-color:#676767; color:#676767; font-size:12px;}
.honeyPotCon .honeynodata .messagebt .sell-tip { display:inline-flex; align-items:center; justify-content:center; width:190px; height:44px; margin:-11px -4px -9px 0; padding:0 14px 0 10px; font-size:12px; color:#222; background:url('../../images/bg_sell_tip.svg') no-repeat 0 0; background-size:100%;}
.honeyimgRoll{ overflow:hidden; margin-right:-12px;} /* overflow-x: auto; */
.rollin{display:flex; }
.honeythum{width:214px;height:120px;margin-right:4px; border-radius:8px; overflow: hidden; flex-shrink: 0;}
.photo.honeyAcc .honeythum { width:120px; }
.photo.honeyAcc .honeythum img { width:120px; }
.honeythum img{width:214px;height:120px;}
.thummore{padding-right:12px;border-radius:8px;flex-shrink: 0; }
.thummore > div{width:75px;height:120px;border-radius:8px; background-color:#f1f1f1; text-align:center}
.thummore > div span{display:block; padding:40px 0 17px; font-size:16px; color:#676767}
.thummore .btn-Link::after{margin-left:2px;}
.btn-thumadd { flex-shrink:0; width:75px; margin-right:4px; font-size:14px; line-height:20px; color:#676767; background:#f1f1f1; border:0; border-radius:8px; }
.btn-thumadd:before { content:''; display:block; width:24px; height:24px; margin:0 auto; background-repeat:no-repeat; background-size:100%; }
.btn-thumadd.photo:before { background-image:url('../../images/ico_roll_photo.svg'); }
.btn-thumadd.mov:before { background-image:url('../../images/ico_roll_mov.svg'); }
.before-poll { display:flex; justify-content:flex-end; margin-top:10px; }


.honeyAcc .pollbtn{margin-top:-5px; text-align: right;}
.honeytalk .title3{background-color:#fff; margin:0 -12px; padding:16px 12px 8px 12px; min-height:40px; height:auto}
.honeytalk .hobneytit-tip{ flex-shrink:0; padding-left:16px;font-size:12px; position:relative; line-height:38px;background:url('../../images/pattern_tooltip_up_left_line_1.svg') no-repeat;background-size:100%; width:256px; height:38px; }
.honeytalk .hobneytit-tip .btn-close{min-width:16px; min-height:16px; background-image:url('../../images/tipclose.svg'); position:absolute; right:15px; top:12px; }
.honeytalk .title3 .sellpoint { justify-content:flex-end; }
.honeytalk .title3 .sellpoint .imgcheck { margin:5px 0 0 5px; }
.honeyPotCon + .btn-b-area{ padding:34px 72px 24px;}
.honeyPotCon + .btn-b-area .area-bg { margin-right:0; }
.honeyPotCon + .btn-b-area .btn.gotop { position:absolute; bottom:12px; right:6px; }
.ttbangConW .recomW .box .textarea .form-control{position:absolute; left:0; top:0; background-color:transparent; font-size:0}
.ttbangConW .recomW .box .textarea .form-control::placeholder{font-size:14px;}
.textmodelbox {width: 100%;min-height: 32px;white-space: pre-wrap; overflow: hidden;word-break: break-all; padding:8px 10px;}
/* .box.one:hover{border:solid 1px #4178F4}
.ttbangConW .recomW .box.one:hover .btn-text{position: relative; right:auto; bottom:auto} */
.ttbangConW .recomW .box textarea.form-control{height:100%;}
.ttbangConW .recomW .box.one.focus .btn-text{position: relative; right:auto; bottom:auto; margin-bottom:2px}
.ttbangConW .recomW .box.one.focus .form-btn{margin-top:0; }

.talkbox .reviewnocon { margin-top:-26px; margin-bottom:-5px; }

/*하단툴팁*/
.moreview{padding:16px 12px}
#honeymore .tooltip-inner { background-color:transparent; }
#honeymore .tooltip-inner > div{ display:flex; align-items:center; padding:0 8px;font-size: 12px;line-height: 29px; color:#222;border: 1px solid #ffcc00;border-radius: 4px;box-shadow: 0 0 5px rgba(0,0,0,0.25);background: #fff; position: relative; top:6px}
#honeymore .tooltip-inner > div:after{content: '';
  position: absolute;
  z-index: 3;
  bottom: -5px;
  left: 50%;
  width: 5px;
  height: 5px;
  background: url('../../images/ico_tip_yellow1.png') no-repeat 0 0/5px auto;
}
#honeymore.bs-tooltip-top{padding:0}
#honeymore.tooltip .arrow{display:none}
#honeymore.tooltip .pointY{color:#f7b500}
#honeymore .btn-textarrow{margin:-7px -7px 0 0}
#honeymore img { margin-right:4px; }
#honeymore.bs-tooltip-bottom { padding:0; margin-top:-14px; }
#honeymore.bs-tooltip-bottom .tooltip-inner > div:after { bottom:inherit; top:-5px; transform:rotate(180deg);}

#partmore .tooltip-inner { background-color:transparent; }
#partmore .tooltip-inner > div{padding:0 8px;font-size: 12px;line-height: 29px; color:#222;border: 1px solid #ffcc00;border-radius: 4px;box-shadow: 0 0 5px rgba(0,0,0,0.25);background: #fff; position: relative; top:6px}
#partmore .tooltip-inner > div:after{content: '';
  position: absolute;
  z-index: 3;
  bottom: -5px;
  left: 14%;
  width: 5px;
  height: 5px;
  background: url('../../images/ico_tip_yellow1.png') no-repeat 0 0/5px auto;
}
#partmore.bs-tooltip-top{padding:0}
#partmore.tooltip .arrow{display:none}
#partmore.tooltip .pointY{color:#f7b500}
#partmore .btn-textarrow{margin:-7px -7px 0 0}
#partmore.bs-tooltip-bottom { padding:0; margin-top:-14px; }
#partmore.bs-tooltip-bottom .tooltip-inner > div:after { bottom:inherit; top:-5px; transform:rotate(180deg);}



.ttbangConW .recomW {margin:0; padding:0px 16px 16px 16px; border-bottom-right-radius:8px; border-bottom-left-radius:8px; }
.ttbangConW .recomW .box {position:relative; padding:0 0px 0 0px; border-radius:4px; background:#fff; text-align:left}
.ttbangConW .recomW .box input[type="text"]{border:solid 1px #ddd; padding-left:8px; height:40px; border-radius: 5px; width:calc(100% - 62px); -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.ttbangConW .recomW .box input[type="text"]:focus{border:solid 1px #ddd; padding-left:8px; height:40px; border-radius: 5px; outline:none}
.ttbangConW .recomW .box input[type="text"]+.btn-text{position:absolute; right:0; top:4px; width:58px; height:40px; border-radius: 4px; line-height:30px; color:#fff; font-size:14px;background-color:#b2b2b2}
/* .ttbangConW .recomW .box {position:relative; padding:0 45px 0 12px; border-radius:4px; background:#fff;} */
.ttbangConW .recomW .box input {width:100%; height:32px; border:0; line-height:31px; background:transparent;}
.ttbangConW .recomW .box input::placeholder {color:#676767;}
.ttbangConW .recomW .box .btn-text { width:50px; color:#676767; margin-top:-4px; }
.ttbangConW .recomW .box .form-btn{justify-content: space-between;align-items: center; padding-right:0; padding-left:10px}
.ttbangConW .recomW .box .form-btn.only{justify-content:flex-end;align-items: center;}
.ttbangConW .recomW .box .form-btn .imgcheck label{padding-left:20px}
.ttbangConW .recomW .box  .textarea .form-control{border-color:transparent; padding:8px 10px !important }
.ttbangConW .talklist{margin:0}
.ttbangConW .talklist .retext .part-b {padding:5px 0px 0 0px;}
.ttbangConW .talklist .text-parttx{color:#517ad6; font-size:12px; text-align: left; padding:8px 0 0 16px}
.ttbangConW .talklist  .imglist{margin:0}
.honeytalk .title3 > div{position: relative;}
.honeytalk .title3 > div.flexbox{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center;}
.honeytalk .imgcheck label{color:#517ad6}
.honeytalk .imgcheck span{color:#222}
.honeytalk .text-parttx{color:#517ad6; font-size:12px;}
.honeytalk .part-b{padding:5px 16px 0 16px;}
.honeytalk .retext .part-b {padding:5px 0px 0 0px;}
.viewreviewtit{ padding-left:16px; font-size:12px;background:url('../../images/talk_num.svg') no-repeat left center; background-size:16px;left:95px;top:3px;position:absolute;}
.viewrighttit{display:none;}

.ttbangConW .recomW .box textarea.form-control{height:32px; font-size:0}
.ttbangConW .recomW .box.one .btn-text{position: absolute;right: 0px;bottom: 5px; height:24px}
/* .ttbangConW .recomW .box.one .textarea textarea.form-control{padding-right:40px !important;}
.ttbangConW .recomW .box.one .textarea textarea.form-control:focus{padding-right:0px !important; } */
/* .ttbangConW .recomW .box textarea.form-control:focus{height:70px;} */
.ttbangConW .recomW .box textarea.form-control::placeholder{color:#676767}

/* .ttbangConW .recomW .box .btn-text {position:absolute; z-index:2; top:0; right:0; width:50px; min-height:32px; line-height:31px; color:#676767; } */


/* 댓글리스트 */
.reconlist{background:#f8f8f8; padding:12px 0;}
.recontit{text-align: left; padding-left:23px}
.reconlist .recomW {margin:0; padding:8px 16px;}
.reconlist .recomW .box {position:relative; padding:16px 8px; border-radius:4px; background:#fff;}
.reconlist .recomW .box .btnW{position: relative; top:auto; right:auto}
.reconlist .conflex.title{justify-content: space-between; align-items: center;}
.reconlist .conflex.title .tit{margin-right:3px;}
.recom-bot{display:flex; padding:0 26px 16px 26px; justify-content:space-between; align-items: center;}
.recom-bot .recom-info > span{display:inline-block;color: #676767;font-size: 12px; padding:0 6px; position: relative;}
.recom-bot .recom-info > span::before{content: '';width: 1px;height: 8px;margin-top: -4px;position: absolute; top: 50%;left: 0;background: #cccccc;}
.recom-bot .recom-info > span:nth-of-type(1){padding-left:0}
.recom-bot .recom-info > span:nth-of-type(1)::before{display:none}
.recom-bot .btn-text{padding:0;min-height:auto;font-size:12px; vertical-align: top;line-height:16px}
.hash-tag{text-align: left; font-size: 12px;margin-top: 5px;}
.defaultTalk .hash-tag{margin-top: -5px;}
.reviewDepth1{padding-left:16px;}
.reviewMore .reconlist:nth-of-type(1){padding-top:0; margin-top:-12px;}
.reviewnocon{margin:8px 16px 0 16px; padding:8px 0 16px;text-align: left;line-height:20px; }
.reviewnocon .honeynodata{border:none; padding:0; display:flex; align-items: flex-end;justify-content:space-between}
.reviewnocon .honeynodata.type4 .message span{padding-left:26px; letter-spacing: -.5px; font-size:13px; }
/* 단지톡 설문 */
.txtPoll .numtx{color:#0050ff;font-weight:700;}
.honeyPollIntro .text .pointColor:after{content:""; display:inline-block; width:24px; height:24px; background:url('../../images/icon_24_finger.svg') no-repeat right top; vertical-align: bottom;}
.honeyPollRigister{padding:12px 0}
.honeyPollRigister .txtPoll {margin-bottom:16px; font-size:16px; line-height:24px; color:#222; text-align:left; }
.checkPoll .btn-group{display:flex; flex-wrap:wrap}
.checkPoll .btn-group-toggle .btn-secondary{display: flex;width: 100%;height: 40px; margin-top:8px;justify-content: center;align-items: center; font-size: 14px;line-height: 38px; background: #f8f8f8;border-radius: 16px; color:#222}
.checkPoll .btn-group-toggle .btn-secondary:not(:disabled):not(.disabled).active { color:#222 !important; }
.checkPoll .btn-group-toggle .btn-secondary:nth-of-type(1){margin-top:0}
/* 단지찾기 */
.honeySearchWrap{padding:12px 0;text-align: left;}
.txtSerach{font-size: 16px;}
.honeyResultSerach{margin:24px 0}
.link-group{cursor: pointer;}
.nameSearch {display: block;font-size: 14px;line-height: 20px; color: #222;}
.addrSearch {display: block;margin-top: 4px;font-size: 12px;line-height: 16px;color: #222;}
.searchKeyword {color: #517ad6;}
.searchbar{padding-top:16px; position: relative;}
.searchbar .btn-txtDel{position: absolute; right:16px; top:24px}
.resultSerach + .resultSerach {margin-top: 16px;}
/*꿀단지 등록*/
.honeyEditRegister .searchbar .form-control.round{padding-right:40px}
.honeyEditRegister textarea { margin-bottom:4px; }
.honeyEditRegister textarea.form-control{margin-top:4px;border-color:#ddd; line-height:16px; }
.honeyEditRegister  .text-limt{position: relative; width: 100%;text-align: right;bottom: auto;margin: 10px 0; color:#222;}
/*.honeyEditRegister textarea.form-control[aria-invalid=true].text-limt, .honeyEditRegister textarea.form-control.is-valid.text-limt,
.text-limt{position: relative; width: 100%;text-align: right;bottom: auto;margin: 10px 0; color:#222; }*/
.honeyEditRegister .txt-guide { padding:0 80px 0 10px; margin-top:-25px; margin-bottom:-2px; text-align:left; color:#ff0000; font-size:12px; line-height:16px; }
/*.honeyEditRegister .txt-guide.focus{margin-top:-25px;padding:0 80px 0 10px}*/
.honeyEditRegister .txt-guide + .txt-guide { margin-top:2px; }
.honeyEditBnr { position:relative; margin:16px 0 16px; padding:10px 42px 12px 6px; border-radius:8px; background:#f1f1f1;}
.honeyEditBnr:after { content:''; position: absolute; right:6px; top:24px; margin-top:-13px; width:36px; height:26px; background:url('../../images/ico_medal.svg') no-repeat 0 0; background-size:36px 26px; }
.honeyEditBnr .text { font-size:12px; line-height:16px; color:#676767; text-align:left; }
.honeyEditBnr .text .pointColor {color:#517ad6;}
.honeyEditBnr .text p + p { margin-top:2px; }
.honeyEditBnr .btn-text{position:absolute; right:6px; bottom:10px }
/* 인기단지사진 내용 추가 */
.layerscroll{margin-right:-10px}
.layerscroll .scrollbar-inner{padding-right: 5px !important;}
.point_colorff0000{color:#ff0000;font-size:12px;}
.talkinfocon{margin-top:20px}
.talkinfocon > strong{display: block; margin-bottom:5px;}
.talkinfocon > strong > img{position: relative; top:-1px}
.talkinfocon .markbulletlist{margin-top:10px}
.talkinfocon .barbulletlist{padding-top:10px;margin-top:10px; border-top:solid 1px #f1f1f1 }
.talkinfocon .barbulletlist.noline{margin-top:0; padding-top:0; border-top:none}
.talkinfocon .barbulletlist.noline li{font-size: 14px;}
.talkinfocon  + .guidetext{margin-top:10px; margin-bottom:16px;padding-top:10px; border-top:solid 1px #f1f1f1; font-size:12px;}

.registerItem{margin-bottom:8px}
.registerItem .custom-file{overflow:hidden; width:100%; height:100%;border-radius:4px; background:url('../../images/ico_add_photo.svg') no-repeat center 20px #f8f8f8; background-size:24px}
.registerItem{display:flex; flex-wrap:wrap}
.registerItem .filebox{position:relative;width:80px; height:80px; margin-right:4px;margin-bottom:4px;flex-shrink: 0;}
.registerItem .filebox .text{width:100%;position:absolute; left:0;bottom:10px;font-size: 12px;line-height: 16px;color: #676767; text-align:center}
.registerItem .imgbox{position:relative;width:80px; height:80px; margin-right:4px; margin-bottom:4px; flex-shrink: 0;}
.registerItem .imgbox img{width:100%; height:100%}
.registerItem .imgbox .btn-imgdel{position: absolute; right:0; top:0; z-index:99;}
.registerItem .scrollbox{flex:1;overflow: hidden;} /* overflow-x:scroll */
.registerItem .moreimg{display:flex; width:max-content; }
.registerItem.youtube .imgbox{width:107px;}
.txtAppend {display: flex;align-items: center;margin-top: 10px; padding-left:12px; font-size: 12px; text-align: left;}
.txtAppend .urlYoutube {display: inline-block; margin-right: 2px;padding-left: 30px;font-size: 14px;text-decoration: underline; vertical-align: top;background: url('../../images/ico_youtube.svg') no-repeat 0 50%;background-size: 28px 24px;}
.honeyEditAgree { display:flex; flex-wrap:wrap; align-items:center; padding:8px 12px 0; text-align:left; background:#fff; }
.honeyEditAgree .custom-control-label::before, .honeyEditAgree .custom-control-label::after{width:16px; height:16px; top:3px; border-radius:4px;
  background-size:16px; border:none;
  background-image:url('../../images/checkoff.svg')}
.honeyEditAgree .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image:url('../../images/checkon.svg')}
.honeyEditAgree .custom-checkbox .custom-control-label{padding-left:20px;font-size:12px; line-height:20px;}
.honeyEditAgree .txtAgree { flex:1; margin-right:10px; font-size:10px; color:#161616; line-height:14px; font-weight:400; }
.btn-botbox .honeyEditAgree { padding:8px 0; }

.honeyimgRegister .formbot{padding:16px 12px;}
.urlBalloon{position:relative; padding:0 9px;}
.urlBalloon:before {content:'';position:absolute;left:39px;top:-3px;height:5px;width:5px;background:transparent url('../../images/ico_tip_gray.png') no-repeat 0 0;background-size:5px 5px;z-index: 2;}
.urlBalloon .msgError{margin: 4px 0 0 16px;font-size: 12px;line-height: 20px;text-align: left;color: #ff0000;}
.urlBalloon .inputarea { padding:0 4px; }
.urlBalloon .inputarea .form-control { padding-right:82px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.urlBalloon .inputarea .btbox { top:7px; }
.inputarea{position: relative;}
.inputarea .form-control{height: 36px;border-radius: 5px;padding:0 36px 0 16px;box-shadow: 0 -1px 5px rgba(0,0,0,0.2);}
.inputarea .btbox{position:absolute; right:16px; top:6px; }
.inputarea .btn-txtDel{background-image:url('../../images/btn_txt_del3.svg');margin-top:-1px}
.check-add {display: flex; justify-content: space-between; margin:8px 0; padding:8px 10px; text-align: left; border-radius:7px; background-color:#f8f8f8;}
.honeyEditAgree + .check-add { margin-top:0; }
.check-add .imgcheck label{color:#222}
.check-add .imgcheck.custom-checkbox .custom-control-label{padding-left:20px}
.add-dec{display:flex; flex:1; flex-direction: column; font-size:12px; color:#517ad6; margin-left:7px;}

/* 단지톡 사진보기*/
.imgArea{ width:100%; flex:1; display: flex; }
.imgArea .slick-slider{display:flex;width:100%; justify-content: center; align-items: center; padding-top:40px}
.imgArea .slick-list{width:100%;}
.imgArea .slick-arrow.slick-prev{display:none}
.viewimgBox{display:flex;min-height:calc(100vh - 42px); flex-direction: column;}
.imgAreain{width:100%; height:201px; background-repeat: no-repeat; background-position: center center; background-size:100%; position:relative}
.textArea{height:145px;overflow:hidden; padding:8px 0px 12px 0px;margin-top:auto; position:relative; }

.imgArea.movie .slick-slider{padding-top:110px}
.imgAreain .btn-play{position: absolute; right:8px; top:8px;}
.moveimg{height:198px; overflow: hidden;}
.moveinfo{padding:8px 12px}
.moveinfo > strong{display:block; margin-bottom:0px}
.moveinfo > span{font-size:12px;}
.viewtit{display:flex; align-items:center; font-size: 16px;line-height: 23px; padding:0 12px;}
.viewtit .r-append { flex-shrink:0; margin-left:auto; }
.viewtit em{font-size: 12px; font-weight:400;margin-left:2px;line-height:16px;}
.viewtit .recommlike .cnt { font-weight:400; font-size:12px; line-height:16px; }
.viewtit .btn-text.detail { font-weight:400; font-size:14px; min-height:20px; color:#222; } /* 상세보기  */
.textArea .txt{overflow:hidden; height:86px; padding:0 12px;position: relative; word-break:break-all;} /* overflow: hidden;  overflow-y: auto; */
.textArea .txt .btn-text{  margin-top:-4px;font-size:14px;}
.textArea .txt .btn-text.more{position:relative;/* right:17px; bottom:-4px; background-color:#000;*/}
/* .textArea .txt .btn-text.more:before{content: ''; width: 18px;height: 20px;position: absolute; bottom:0;left: -17px;z-index: 1; background: linear-gradient(to right, transparent, #000);} */
.recomm1{display:flex;justify-content: flex-end; align-items: center;  margin-top:8px;padding:4px 12px 0 12px; border-top:1px solid #979797; color:#fff; }
.recomm1 .btn-Like{background-image: url('../../images/unselected.svg');}
.recomm1 .btn-text{margin-left:6px;color:#fff}
.hfull .textArea{position:absolute; left:0; bottom:0; height:auto; z-index:5}
.hfull .textArea .txt{height:212px; } /* overflow-y:scroll; */
.hfull .imgArea{padding-bottom:145px}
.hfull .imgArea:before{content:""; display:block; width:100%; height:100%;  background: linear-gradient(-180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);; position: absolute; left:0px; top:0; transform:rotateX(-180deg); z-index:3}
.registPop{width: 100%; height:100vh; background:rgba(0,0,0,0.5);position: fixed; left:0; top:0; z-index: 100001; display:flex; flex-direction: column; justify-content:flex-end;}
.popbtn{padding:12px}
.popbtn .btn-pbt.type1{border-radius: 4px 4px 0 0;}
.popbtn .btn-pbt.type2{border-radius: 0 0 4px 4px; margin-bottom:8px}

/*단지 상세 매물상세*/
.imgradio {padding:16px;}
.imgradio .btn-group{display: inline-flex; flex-wrap:wrap;}
.imgradio .btn-group-toggle .btn-secondary{padding:0 8px; height:24px; max-width:100px;background-color:rgba(136, 136,136, .3); color:#222; font-size:12px; line-height:24px; margin:0 4px 8px;  border:none}
.imgradio .btn-secondary:not(:disabled):not(.disabled).active{background-color:#666 !important; color:#fff !important;border:none}
.imgArea.comm .slick-slider{padding-top:0}
.viewWrap.imgfull{position:relative;background-color:#fff; color:#222}
.viewWrap .scrollbox {height: 100%; overflow: auto;}
.imgAreafull{width:100%; height:100vh;position:relative}
.imgAreain{height:100vh;}
.viewWrap.imgfull .imgradio{width:100%; height:104px; position:absolute; left:0; top:0; z-index:99}
.viewWrap.imgfull .textArea{ overflow:visible; width:calc(100% - 16px); height:128px; padding:16px 4px; position:absolute; left:8px; top: calc(100% - 136px); bottom:auto; right:8px; background:#fff;}
.viewWrap.imgfull .imgradio .btn-pageback{position: absolute; left:16px; top:8px; z-index: 999; }
.viewWrap.imgfull .imgradio .btn-pageback:after{content: '';width: 12px;height: 12px;position: absolute;top: 50%;left: 2px;margin-top: -6px;border: 2px solid #fff;border-left: 0;border-bottom: 0;transform: rotate(225deg);}
.viewWrap.imgfull .imgradio .btn-group-toggle .btn:nth-of-type(1){margin-left:32px}
.viewWrap.imgfull .imgradio{padding:8px 16px;}
.viewWrap.imgfull .rollnum{position: absolute; right:10px; top:0px; cursor: pointer;}
.viewWrap.imgfull .textArea .slideinfo {right:0px; top:-26px; bottom:calc(100% + 6px); }
.viewWrap.imgfull .textArea .medal { width: unset; height: unset; margin:2px 0 0 0; }
.viewWrap.imgfull .textArea .rollnum { position: static; background-color: rgba(34,34,34, .8);}
.viewWrap .slideEnd { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; max-width:424px; height:337px; padding:32px 0 0 32px; color:#234a6e; background:url('../../images/clear_sale_photo.svg') no-repeat 50% 0; background-size:auto 337px;}
.viewWrap .slideEnd .msg { font-size:24px; line-height:34px; }
.viewWrap .slideEnd .msg + .msg { margin-top:8px; }
.viewWrap .slideEnd .msg.danji strong { color:#007f9c; }
.viewWrap .viewtype { position:absolute; bottom:26px; right:24px; width:156px;}
.viewWrap .viewtype .btn-round { display:inline-flex; align-items:center; justify-content:center; width:100%; height:48px; margin-top:16px; border:0; font-size:18px; font-weight:700; border-radius:24px; background:rgba(34,34,34,.45); }
.viewWrap .viewtype .btn-round:after { content:''; width:24px; height:24px; margin:3px -11px 0 0; background:url('../../images/ico_arrow_w.svg') no-repeat 0 0; background-size:100%; }
.imgradio .btn-imgpick {padding: 0 8px;height: 24px; background-color: rgba(136,136,136, .3);color: #fff; font-size: 12px; line-height: 24px;margin: 0 2px 8px; border: none;border-radius: 16px;}
.imgradio .btn-imgpick.active {background-color: #666 !important;color: #fff !important; border: none;}
.viewWrap.imgfull .imgradio  .btn-imgpick:nth-of-type(1) {margin-left: 32px;}
.viewWrap.imgfull .imgradio .rollnum{top:10px;}
.viewWrap.imgfull .toparea { display:flex; align-items:center; position:absolute; left:0; top:0; z-index:99; height:40px; padding:8px }
.viewWrap.imgfull .toparea .r-append { display:flex; margin-left:auto; }
.viewWrap.imgfull .toparea .btn-pageback { background-image:url(../../images/icon_white_blur_left.svg); }
.viewWrap.imgfull .toparea .rollnum {position:static; }
.viewWrap.imgfull .toparea .ico-mov { display:inline-block; vertical-align:middle; width:24px; height:24px; background-image:url('../../images/ico_mov_play.svg'); background-size:100%;}
.viewWrap.imgfull .toparea .r-append .btn-lineLink { margin-right:8px }
.price-Bgroup{padding: 0 16px; margin-bottom:7px; font-size:14px}
.price-Bgroup .btn-help.gray1{margin-top:-3px}
.price-Bgroup .subdescription.price{margin:0; font-size:12px}
.price-Bgroup .flexbox{align-items: center;}
.data-table.autoH{margin-bottom:0;height: auto; font-size: 14px;}
.data-table.autoH .table td{ padding:6px 8px; font-size:13px}
.table-btnarea{display: flex; justify-content: flex-end;padding-right: 16px; margin-bottom:10px}
.table-btnarea .btn-textmore{font-size:12px;color:#676767;}
.apppull .priceG-legend{margin: 24px 12px 16px 12px}
.apppull .priceG-wrap{margin:0 12px}
.apppull .subdec .flexbox.end{margin-top:-6px; padding-right:12px;justify-content: flex-end; font-size:12px; color:#676767}
.data-table.detailB .table td{padding:3px; text-align: center;}
.data-table.detailB {height:137px;}
.full.data-table.detailB{height: auto;}
.pt-tit .tit-dec{font-size:12px}
.gray-dec{background-color:#f8f8f8; margin:0 12px; padding:8px 0; border-radius: 4px; text-align: center; font-size:12px;}

/* 빌라시세팝업 */
.txt-item-l { margin-top:8px; font-size:14px; line-height:20px; color:#222; text-align:left; }
.txt-item-l:first-of-type { margin-top:0; }
.txt-item-l.bulletsmall{font-size:12px; position: relative; padding-left:5px;position: relative; line-height:16px;}
.txt-item-l.bulletsmall:after{content:""; display:block; width:2px; height:2px; background-color:#222; border-radius: 50%; position:absolute; left:0; top:8px}
.txt-help-wrap { margin-top:8px; }
.txt-help-s { font-size:10px; line-height:16px; color:#676767; text-align:left; }
.txt-help-s .pointColor-black { color:#222; }
.txt-help-s .pointColor-red { color:#ff0200; }

/* 시세이용안내 */
.pricecon{ padding:16px 0 0; min-height: calc(100vh - 110px); }
.pricecon.type2 {min-height: calc(100vh - 87px);}
.tit-line-l { margin:32px 0 8px; padding:8px 0; font-size:16px; line-height:24px; font-weight:400; color:#222; border-bottom:1px solid #ddd; text-align:left; }
.tit-line-l:nth-of-type(1){margin-top: 0;}
.tit-default-l { display:block; font-weight:400; font-size:14px; line-height:20px; color:#222; text-align:left; }
.tit-subtitle-l { margin:32px 0 8px; font-size:12px; line-height:16px; font-weight:400; color:#222; text-align:left; }
.tit-line-l + .tit-subtitle-l { margin-top:16px; }
.txt-default-l { font-size:14px; font-weight:300; line-height:20px; color:#676767; text-align:left; }
.txt-append-l { margin-top:8px; font-size:12px; line-height:16px; color:#222; text-align:left; }
.txt-append-l-blue { margin-top:8px; font-size:12px; line-height:16px; color:#517ad6; text-align:left; }
.txt_item_round_num { display:flex; font-size:12px; line-height:16px; color:#222; text-align:left; }
.txt_item_round_num:last-child {margin-bottom:12px;}
.txt_item_round_num .num { margin-right:3px; }
.pricecon .table.b-table.b-table-stacked{margin-top:16px}
.tablelegend{padding:16px 0 8px; text-align:right;font-size:12px; color:#676767}

.table-list{border-top: solid 1px #888;border-bottom: solid 1px #888; color:#676767}
.tl-body{display: flex; flex-direction: column;}
.tl-header{background:#f8f8f8;align-items: center;}
.tl-header, .tl-row{display:flex; }
.tl-header > span, .tl-row > span{flex:1; min-height:32px; padding:4px 0; height:100%; display:flex; align-items: center;justify-content:center}
.tl-row {border-top:solid 1px #ddd}
.tl-row > span.tl-cols{flex:3;justify-content: flex-start; padding-right:2px; }
.tl-row > span.tl-cols em{display:inline-block;padding-left:10px}
.tl-row > span.tl-cols em strong{display: inline-block; padding-left:4px}
.tl-header > span.type2{flex:2;    justify-content: flex-end; padding-right: 13px;}
.tl-row > span + span { border-left:solid 1px #ddd; }
.tl-row > span.row-th{background:#f8f8f8;}

.table-list.type-inner { margin:4px 0; }
.table-list.type-inner .tl-header > span:nth-of-type(1) { flex:1.6 }
.table-list.type-inner .row-th { flex:1.61; padding-right:1px; text-align:center; background:#f8f8f8; }
.table-list.type-inner .row-th.type-rowspan { display:flex; align-items:center; justify-content:center; flex:0.16; border-top:solid 1px #ddd; border-right:solid 1px #ddd; }
.table-list.type-inner .tl-rowspan { display:flex; }
.table-list.type-inner .tl-rowspan > .tl-col { flex:1; }
.table-list.type-inner .tl-rowspan > .tl-col .row-th { flex:1.105; text-align:center; padding-right:0; }


.txt-append-l-blue {margin: 8px 0;font-size: 12px;line-height: 16px;color: #517ad6;text-align: left;}
.pricecon .textarea .form-control{line-height: 16px; color:#676767}
.pricecon .textarea .form-control::placeholder{line-height: 16px; color:#676767}
.pricecon textarea.form-control[aria-invalid=true]:focus+.text-limt, .pricecon textarea.form-control.is-valid:focus+.text-limt,
.text-limt.focus{position: relative; width: 100%;text-align: right;bottom: auto;margin: 10px 0; color:#222; }
.pricecon .formbot{margin-top: 12px; margin-bottom:16px;}
.flex-align.pricecon .btn-botbox { padding-bottom:16px; }
.flex-align.pricecon .btn-botbox .grey-wrap-l.typenNotification { margin-top:0; margin-bottom:29px; }
.flex-align.pricecon .grey-wrap-l.typenNotification { margin-bottom:0; }

.raidolist{text-align:left;}
.txt-append-l-gray{margin-bottom:16px;text-align:left; color:#676767}
.raidolist{margin-bottom:32px;}
.raidolist:nth-last-of-type(1){margin-bottom:24px;}
.radio-l-tit{margin-bottom:16px}
.box-l { text-align:left;position:relative; padding:16px 12px; margin:16px -12px 0; border-top:solid 8px #f8f8f8; }
.tit-default-l+.textarea{margin-top:8px;}
.pricecon .info-danji { position:relative; text-align:left; margin:-8px -12px 16px; padding:16px 120px 16px 28px; color:#222; border-bottom:8px solid #f8f8f8; }
.pricecon .info-danji .addr { display:block; margin-top:5px; color: #222; font-size:14px; line-height:20px; }
.pricecon .info-danji .name { display:block; margin-top:2px; color: #222; font-size:16px; line-height:24px; }
.pricecon .info-danji .info-photo { position:absolute; top:16px; right:28px; border-radius:50%; height:72px; width:72px; overflow: hidden; }
.pricecon .info-danji .info-photo img { width: 100%; height: 100%; }
.textarea + .grey-wrap-l.typenNotification { margin-top:48px; }
.pricecon .table.b-table.b-table-stacked td { border-top: 1px solid #ddd; }
.pricecon > .inner {display: flex; flex-direction: column; flex: 1; justify-content: center;}

.marketPrice-indicator { display:flex; justify-content:flex-end; align-items:center; height:6px; margin-top:16px; }
.marketPrice-indicator .indicator { margin-left:4px; width:4px; height:4px; border-radius:100%; background:#ddd; cursor:pointer;}
.marketPrice-indicator .indicator.current { width:6px; height:6px; background:#545045; }
.marketPrice-indicator .indicator.current:before { content:'현재 진행중 단계'; position:absolute; overflow:hidden; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; }
.marketPrice-checklist { margin:16px 0 24px; }
.marketPrice-checklist .tit-checklist { display:block; font-size:14px; line-height:20px; font-weight:400; color:#222; text-align:left; }
.marketPrice-checklist .btns-radio-wrap { margin-top:16px; }
.marketPrice-checklist .btns-radio-wrap + .tit-checklist { margin-top:32px; }
.marketPrice-step { padding:30px 0; width: 100%; }
.marketPrice-step .icon { display:block; width:68px; height:65px; margin:0 auto 32px; }
.marketPrice-step .icon img { width:100%; }
.marketPrice-step .title { display:block; font-weight:400; font-size:16px; line-height:24px; color:#222; }
.marketPrice-step .text-box { background: #f8f8f8; padding: 16px 20px; text-align: left; min-width: 260px; display: inline-block; margin: 16px 20px 0; word-break: keep-all; }
.marketPrice-step .blue { color: #517ad6; }
.marketPrice-step .text-info { color: #222 !important; text-align: left; min-width: 240px; margin: 0 auto; display: inline-block; background: url('../../images/icon_info.svg') no-repeat top 2px left; padding-left: 20px; margin-top: 16px; font-weight:300; }
.marketPrice-step .text-info .link { text-decoration: underline; color: #517ad6; }
.marketPrice-step .list-step { display:flex; justify-content:center; margin-top:16px; }
.marketPrice-step .list-step li { display:flex; flex-direction:column; align-items:center; position:relative; min-width:60px; font-size:12px; line-height:16px; color:#b2b2b2; }
.marketPrice-step .list-step li:first-child { margin-left:0; }
.marketPrice-step .list-step li:before { content:''; position:absolute; left:-12px; top:4px; width:24px; height:24px; background:url('../../images/ico_right_arrow.svg') no-repeat 0 0; background-size:24px 24px;}
.marketPrice-step .list-step li:first-child:before { display:none; }
.marketPrice-step .list-step .num { display:flex; align-items:center; justify-content:center; width:32px; height:32px; margin-bottom:4px; border-radius:32px; font-size:14px; line-height:20px; color:#fff; background:#ddd; }
.marketPrice-step .list-step .current { color:#17356e; }
.marketPrice-step .list-step .current .num { background:#17356e; }

.marketPrice-step .single-step { border: 1px solid #b2b2b2; border-radius: 8px; width: 280px; margin: 16px auto 0; }
.marketPrice-step .single-step + .grey-wrap-l { margin-top: 0; }
.marketPrice-step .single-step + .grey-wrap-l .text { font-size: 12px; }
.marketPrice-step .textarea .inner-title { font-size: 14px; text-align: left; margin: 16px 0 8px; }

/*내집마련플래너*/
.myHomePlan {overflow:hidden; padding:0 16px; text-align:left;}
.myHomePlan .txt1 {font-size:18px; line-height:34px; font-weight:300; }
.myHomePlan .txt2 { color:#676767; }
.myHomePlan .emp {font-size:24px;}
.myHomePlan .tl .emp {font-size:24px; font-weight:400;}
.myHomePlan .blue {color:#517ad6 !important;}
.myHomePlan .red {color:#f94343 !important;}
.myHomePlan .grayBox1 {margin:8px 0 0 0; padding:16px; border-radius:8px; text-align:center; border:solid 1px #f1f1f1}
.myHomePlan .grayBox1 .txt1 {font-size:18px; line-height:31px;} /*221019 수정 24px -> 31px*/
.myHomePlan .grayBox1 .emp {font-size:18px; line-height:31px;}
.myHomePlan .grayBox1 .btnBox {margin-top:12px; display:flex; justify-content:center;}
.myHomePlan .grayBox1 .btnBox .btn + .btn { margin-left:8px; }
.myHomePlan .grayBox1 .btnBox .btn-sm1 { display:inline-flex; align-items:center; justify-content:center; flex:1; padding:0 6px; }
.myHomePlan .grayBox1 .btnBox .btn-sm1:only-child { max-width:130px; }
.myHomePlan .grayBox1 .btnBox .btn-sm1:after { position:static; margin-top:0; margin-left:2px; }
.myHomePlan .grayBox1 .btnBox .btn-sm1.mymoney { flex:1.1; }
.myHomePlan .vslider-wrap{top:-19px}
.myHomePlan .mamulTax{padding:0}
.myHomePlan .mamulTax + .grayBox1, .myHomePlan .mamulTax + .txt2 + .grayBox1{margin-top:12px}
.myHomePlan .mamulTax .blue{font-weight:700}

/* 내집마련 플래너 버튼 변경 */
.myHomePlan .btnBox.loan{display:block; }
.myHomePlan .btnBox.loan:after{display:block; content:""; clear:both}
.myHomePlan .btn-loanbtn{padding:8px 12px; width:100%; border:none; border-radius:6px;background-color:#fff; box-shadow:0 1px 5px 1px rgb(0 0 0 / 20%); position: relative}
.myHomePlan .btn-loanbtn:active{background-color:rgba(221,221,221,1)}
.myHomePlan .btn-loanbtn:after{content:""; display:block; width:24px; height:100%; background:url('/images/icon_24_arrow_small_right.svg') no-repeat 0 center/24px; position: absolute; right:12px; top:0px}
.myHomePlan .btn-loanbtn > span{display:block;}
.myHomePlan .btn-loanbtn > span:nth-of-type(1) > strong{display:inline-flex; align-items: center;position: relative; }
.myHomePlan .btn-loanbtn > span:nth-of-type(1) > strong:before{content:""; display: block; width:100%; height:8px; background:rgba(255, 204, 0, .3); position: absolute; left:0; bottom:0 }
.myHomePlan .btn-loanbtn > span:nth-of-type(1) > strong:after{content:""; display:block; width:16px; height:16px; background:url('/images/icon_24_interesting_rate.svg') no-repeat 0 center/16px;}
.myHomePlan .btn-loanbtn > span:nth-of-type(2){font-size:11px; color:#b2b2b2; line-height:1.5;}
.myHomePlan .btn-loanbtn.type2:after{display:none}
.myHomePlan .btn-loanbtn.type2 > span:nth-of-type(2).tx2{display:inline-block;color:#4c4a3f;font-size:12px}
.myHomePlan .btn-loanbtn.type2 > span:nth-of-type(2).tx2 em{position:relative;font-weight:700}
.myHomePlan .btn-loanbtn.type2 > span:nth-of-type(2).tx2 em:before {content: "";display: block;width: 100%;height: 8px;background: rgba(255, 204, 0, .3);position: absolute;left: 0;bottom: 0;}
.myHomePlan .btn-loanbtn.type2 > span:nth-of-type(2).tx2 em.moneyico:after{content:"";position:relative;top:4px;left:0;margin-left:2px;display:inline-block; width:16px; height:16px; background:url('/images/icon_24_interesting_rate.svg') no-repeat 0 center/16px;}
.myHomePlan .btn-loanbtn.type2 > span:nth-of-type(2).tx2 i{position: relative;display:inline-block;left: 0;top: 3px;width: 16px;height: 16px;background: url(../../images/icon_16_arrow_small_right.svg) no-repeat 0 0;background-size: 16px 16px;}
.myHomePlan .btnBox.loan .btn-sm1{border:none;background:none; float:right; text-decoration: underline; margin:3px 0 0 0}
.myHomePlan .btnBox.loan .btn-sm1:after{display:none}
.grayBox1 .txt1{text-align: center;}
.warnning1 {display:inline-block; position:relative; font-size:12px; line-height:14px; color:#676767;}
.warnning1 [class*='ico'] {display:inline-block; position:relative; z-index:2; margin-right:3px; vertical-align:top; background:no-repeat 0 0;}
.warnning1 .ico1 {width:12px; height:12px; margin-top:1px; background-image:url('../../images/ico_warnning1.svg');}
.warnning1 .ico2 {width:12px; height:12px; margin-top:1px; background-image:url('../../images/ico_warnning2.svg');}
.warnning1 .ico3 {width:16px; height:16px; margin-right:3px; background-image:url('../../images/ico_evt_cong.svg');}

.costList {display:flex; margin-top:20px; font-size:12px; line-height:20px;}
.costList .tit {font-weight:700;flex-shrink:0;}
.costList .desc {padding-left:10px; text-align:left; color:#676767;}
.costList .emp2 {font-size:14px; color:#222;}
.costList .under {text-decoration:underline;}
.costList .txt2 {color:#727272;}
.costList.bdtLine {padding-top:12px; border-top:1px solid #f1f1f1; }
.costList + .costList { margin-top:8px; }
.bs-tooltip-bottom .arrow::before{border-width:0 0.3rem 0.5rem}
.bs-tooltip-top .arrow::before{border-width:0.5rem 0.3rem 0}
#saleTip.tooltip.b-tooltip .tooltip-inner{width:163px;padding:8px; border-radius:5px;background-color:rgba(54,54,54, .8); font-size:10px;  line-height:14px;}
#saleTip.tooltip.b-tooltip.bs-tooltip-bottom .arrow::before {content:""; display: block; border-bottom-color:rgba(54,54,54, .8);}
#saleTip.tooltip.b-tooltip.bs-tooltip-top .arrow::before {content:""; display: block; border-top-color:rgba(54,54,54, .8);}
/* .tooltip.b-tooltip  .arrow::before{border-right-color:rgba(54,54,54, .8);} */
.tax-calculator { position:relative; border-top:1px solid #ddd; margin-top:14px; padding:8px 30px 8px 24px; font-size:12px; line-height:16px; background:url('../../images/icon_24_calculate.svg') no-repeat 0 center; background-size:16px 16px; }
.tax-calculator:after { content:''; position:absolute; right:0; top:50%; margin-top:-12px; width:24px; height:24px; background:url('../../images/icon_24_arrow_small_right.svg') no-repeat 0 0; background-size:24px 24px; }
.tax-calculator .title { display:block; }
.tax-calculator .detail { color:#676767; }
.moneyStand {display:flex; align-items:center; margin:14px 0 0; padding-top:16px;text-align:left;position:relative; border-top:1px solid #ddd;}
.tax-calculator +  .moneyStand { margin:0; }
.moneyStand .tit {width:88px;display:block; padding-top:16px; position:relative; line-height:20px;  flex-shrink:0}
.moneyStand .tit:before {content:''; position:absolute; z-index:2; top:0; left:0; width:16px; height:16px; background:url('../../images/ico_building1.svg') no-repeat 0 0;}
/* .moneyStand .flex-scroll { margin-right:-16px; } */
.moneyStandslide { display:flex; flex-wrap:nowrap; }
.moneyStand .grayBox1 {position:relative; width:210px; height:100%; padding:8px; margin:0 8px 0 0; -ms-flex:0 0 210px}
.moneyStand .grayBox1:nth-last-of-type(1) { margin-right:16px; }
.moneyStand .grayBox1 .txtBox {padding-right:60px; text-align:left;}
.moneyStand .grayBox1 .txtBox .txt1,.moneyStand .grayBox1 .txtBox .txt2{display: block; text-align: left;}
.moneyStand .grayBox1 .txtBox .tit2 {font-size:16px; line-height:1.4; font-weight:700;}
.moneyStand .grayBox1 .txtBox .txt1 {font-size:12px; line-height:16px;}
.moneyStand .grayBox1 .txtBox .desc {overflow:hidden; width:115px; padding-top:8px; font-size:12px; line-height:16px; text-overflow:ellipsis; white-space:nowrap;}
.moneyStand .grayBox1 .img {overflow:hidden; position:absolute; z-index:1; top:10px; right:8px; width:60px; height:60px; border-radius:50%;}
.moneyStand .grayBox1 .img img {width:100%;}
.moneyStand .grayBox1 .tag {position:absolute; z-index:3; top:14px; right:36px; min-width:58px; height:16px; padding:0 3px; color:#fff; font-size:10px; line-height:15px; text-align:center; border-radius:8px; background:#666666;}
.imgbanner{margin:8px 0 0; height:88px;overflow:hidden}
.imgbanner img { width:100%; }
.imgbanner.onlink {height:auto;}
/*금리우대팝업*/
.preIntPop {padding-top:16px; height:100%; display: flex; flex-direction: column;}
.preIntPop .title {display:block; color:#17356e; font-size:16px; line-height:24px; text-align: center;}
.preIntPop .contW .list {text-align:left; font-size:14px; line-height:20px;}
.preIntPop .contW .list [class*='step'] {position:relative; margin-top:16px; padding-left:57px;}
.preIntPop .contW .list .under {text-decoration:underline;}
.preIntPop .contW .list .urlLink {font-size:12px; line-height:16px; color:#676767;}
.preIntPop .contW .list [class*='ico'] {position:absolute; top:0; left:0; width:48px; height:20px; line-height:19px; color:#fff; text-align:center; border-radius:12px;}
.preIntPop .contW .list .step1 .ico {background-color:#9dc4ff;}
.preIntPop .contW .list .step2 .ico {background-color:#3c83ee;}
.preIntPop .contW .list .txtbl {color:#17356e;}
.preIntPop .contW .list .mark1 {position:relative;}
.preIntPop .contW .list .mark1 .bg {position:absolute; z-index:1; bottom:0; left:0; width:100%; height:8px; background:#ffef75;}
.preIntPop .contW .list .mark1 .preInt {position:relative; z-index:2;}
.preIntPop .contW .txt2 {padding-top:16px; font-size:12px; line-height:16px; color:#676767; text-align: center;}
.preIntPop .btn-botbox{margin:0 -16px; margin-top:auto; margin-bottom:-16px; padding-bottom:0}
.preIntPop .btn-botbox .btn-formround{ font-size:16px; border-radius: 0 0 8px 8px;}
.btn-botbox .btn-formround{font-size:14px; }


/* 학군 보육시설기본정보 */
.default-list { padding:8px 0 16px; font-size:14px; line-height:20px; color:#222; }
.default-list .default-info .title { width:70px; flex-shrink:0; }
.default-list.typeTable { border-bottom:1px solid #ddd; }
.default-list.typeTable .default-info { justify-content:space-between; flex-wrap:wrap; }
.default-list.typeTable .default-info .title { width:auto; flex-shrink:0; font-weight:400; color:#676767; }
.default-list.typeTable .default-info .value { font-weight:300; }
.default-info.school-info .title { color:#222 !important; }
.default-info.school-info .value { font-weight:400 !important; }
.default-info { display:flex; margin-top:8px; font-size:14px; line-height:20px; }
.default-info .title { margin-right:4px; font-weight:300; }
.default-info .value { font-weight:400; }
.default-info .pointColor { color:#517ad6; }
.phone-call{ position:relative; height:24px; padding:0 0 0 36px; line-height:24px;}
.phone-call:after{ content:''; position:absolute; left:0; top:0; width:32px; height:24px; border-radius:14px; background:#f1f1f1 url('../../images/phone_call.svg') center center no-repeat; }

.section-btnGroup { position:relative; margin-top:8px; padding:16px 12px 16px; }
.section-btnGroup:after { content:''; position:absolute; left:0; top:0; right:0; width:100%; height:8px; background:#f8f8f8; }
.sGroup-cont .section-btnGroup + .section-sGroup { margin-top:24px; }
.section-btnGroup .btn-formround { width:100%; height:40px; border-radius:8px; font-size:14px; color:#676767; background:#f1f1f1; }





.sGroup-top.scroll+.sGroup-cont{padding:75px 0 0 0;}
.sGroup-cont{background:#fff; position: relative; z-index: 99;}
.sGroup-cont .section-sGroup {text-align: left;}
.sGroup-cont .section-sGroup:first-child { margin-top:8px; }

.section-sGroup .title-area {display: flex;align-items: center;flex-wrap: wrap;height: 40px; margin: 0 12px;padding: 8px 0;box-sizing: border-box;border-bottom: 1px solid #ddd;}
.section-sGroup .title-area .title { font-weight:400; font-size:16px; line-height:24px; color:#222; }
.schoolLeg1 {max-width: 360px;margin: 0 auto; padding:40px 0 0px 0; display:flex; justify-content:flex-end;}
.graphArea{flex:0 0 140px; height:140px; margin-right:47px}
.schoolLeg1 .LegArea{flex:0 0 140px}
.schoolLeg1 .LegArea .leg {display: inline-flex;position: relative;padding: 3px 0 0 0px;font-size: 12px;line-height: 16px;align-items: center;}
.schoolLeg1 .LegArea .leg [class*='ico'] {content: '';display: block;width: 12px;height: 12px;margin-right:4px; border-radius:2px;}
.schoolLeg1 .LegArea .leg .ico1 {background-color:#e3edf4;}
.schoolLeg1 .LegArea .leg .ico2 {background-color:#56d4f0;}
.schoolLeg1 .LegArea .leg .ico3 {background-color:#60a5ff;}
.schoolLeg1 .LegArea .leg .ico4 {background-color:#4178f4;}
.schoolLeg1 .LegArea .leg .ico5 {background-color:#1549ad;}
.schoolLeg1 .LegArea .leg .ico6 {background-color:#1549ad;}
.schoolLeg1 .LegArea .leg .ico7 {background-color:#0d1b34;}
.schoolLeg1 .LegArea .stanBox {position: relative; margin: 10px 16px 0 16px;padding: 5px;font-size: 12px;line-height: 16px;text-align: right; border-radius: 4px;background: #f8f8f8;}
.schoolLeg1 .LegArea .stanBox:before {content: '';display: block;position: absolute;top: 0;left: -10px;width: 0;border-width: 12px 0 0 12px; border-style: solid;border-color: #f8f8f8 transparent;}
.schoolLeg1 .LegArea .stanBox .cnt {display: block; font-size: 16px; line-height: 24px;}

.sGroup-cont .section-sGroup + .section-sGroup {margin-top: 40px;}
.section-sGroup .title-area {display: flex;align-items: center;flex-wrap: wrap;height: 40px;margin: 0 12px;padding: 8px 0;border-bottom: 1px solid #ddd;}
.section-sGroup .title-area.between{justify-content: space-between;}
.section-sGroup .title-area.center{justify-content: center;}
.section-sGroup .detail-area {margin: 0 12px;}
.section-sGroup .detail-area .graph-tit{display:block;margin:16px 0; text-align:center;font-weight:400;}
.default-info {display: flex; margin-top: 8px;font-size: 14px;line-height: 20px;}
.default-info .title {margin-right: 4px;font-weight: 300;}
.default-info .value {font-weight: 400;}

.graphArea-T{display:flex;height:108px; margin:16px 12px 40px 12px}

.graphArea-T .t-leg, .graphArea-T .t-bar{ display:flex; flex-direction:column; align-items: center; justify-content: space-between;padding:14px 0}
.graphArea-T .t-leg >span{font-size:12px;}
.graphArea-T .t-bar >span{flex:0 0 16px; width:100%;background-color:#f1f1f1}
.listbar-bg{position: relative;}
.listbar-bg .bar{border-radius: 0 5px 5px 0; display:flex; justify-content: flex-end;}
.listbar-bg .bar .bar-text{padding-right:5px;font-size:12px; color:#Fff}
.listbar-bg .bar .bar-text.min{position: relative; right:-25px; color:#222}
.listbar-bg.type1 .bar{background-color:#4178f4 !important}
.listbar-bg.type2 .bar{background-color:#60a5ff !important}
.listbar-bg.type3 .bar{background-color:#56d4f0 !important}
.listbar-bg.type4 .bar{background-color:#1549ad !important}
.listbar-bg.type5 .bar{background-color:#7f4de9 !important}

.graphArea-T .t-leg{flex:0 0 21px; border-right:solid 1px #ddd;}
.graphArea-T .t-bar{flex:1;}
.graphArea-T.class-b{height:148px}
.graphArea-T.class-b .t-leg{flex:0 0 57px;align-items: flex-start; display:flex; }

.detail-area .gForm > div{display:flex; padding:0px 0 0px 0; justify-content: flex-start; flex-wrap:wrap;}
.detail-area .gForm > div .custom-checkbox{flex:0 0 33%; margin: 14px 0 0 0}
.detail-area .gForm > div .custom-checkbox span{color:#b2b2b2}
.detail-area .gForm > div .custom-control-input:checked~.custom-control-label >span{color:#222}
.detail-area .gForm > div .custom-control-input:disabled~.custom-control-label:before{background-color: #fff;border-color:rgba(136,136,136,.4)}
.detail-area .gForm > div .custom-control-input:disabled:not(:checked)~.custom-control-label>span{color:#b2b2b2}
.schoolGroupW { background:#fff; }
.schoolGroupW .sGroup-top {/* position:sticky; */top:0;z-index:1;}
.sGroup-top { position:relative; }
.sGroup-top .btn-prevWh { position:absolute; left:16px; top:9px;  }
.sGroup-top .shcool-top-info { height:auto; padding:48px 28px 8px; text-align:left; box-sizing:border-box; }
.sGroup-top.eduStage1 { background:#ffc72c; }
.sGroup-top.eduStage2 { background:#ffb82e; }
.sGroup-top.eduStage3 { background:#fca700; }
.sGroup-top.eduStage4 { background:#9d8f78; }
.sGroup-top.eduStage5 { background:#545045; }
.sGroup-top:after { content:'';  position:absolute; right:11px; bottom:45px; width:194px; height:62px; background-repeat:no-repeat; background-position:0 0; background-size:194px 62px;  }
.sGroup-top.eduStage1:after { background-image:url('../../images/bg_edu_stage1.svg'); }
.sGroup-top.eduStage2:after { background-image:url('../../images/bg_edu_stage2.svg'); }
.sGroup-top.eduStage3:after,
.sGroup-top.eduStage4:after,
.sGroup-top.eduStage5:after { background-image:url('../../images/bg_edu_stage3.svg'); }
.sGroup-top .badge-area .badge { display:inline-flex; align-items:center; justify-content:center; height:20px; padding:0 6px; font-weight:400; font-size:12px; color:#222; text-align:center; border-radius:10px; }
.sGroup-top .badge-area .badge + .badge { margin-left:4px; }
.eduStage1 .badge-area .badge.badge-type, .eduStage2 .badge-area .badge.badge-type, .eduStage3 .badge-area .badge.badge-type {background: #ffef75;}
.eduStage2 .badge-area .badge.badge-type{background:#ffe928}
.eduStage4 .badge-area .badge.badge-type, .eduStage5 .badge-area .badge.badge-type{background:#a68b00; color:#fff}
.eduStage3 .badge-area .badge.badge-type{background:#ffcc00}



.sGroup-top .badge-area .badge.badge-distance {background: #fff;}
.sGroup-top.eduStage4 .badge-area .badge.badge-distance,
.sGroup-top.eduStage5 .badge-area .badge.badge-distance { background:#c9b89b;}
.sGroup-top.scroll{position:fixed; left:0; top:0; width:100%;box-shadow: 0 2px 2px rgba(0,0,0,0.1);z-index: 999}
.sGroup-top.scroll:after{display:none}
.sGroup-top.scroll .shcool-top-info{display: flex;align-items: center;justify-content: center; padding: 0 50px; height: 42px;}
.sGroup-top.scroll .shcool-top-info .badge-distance{display:none}
.sGroup-top.scroll .shcool-top-info .school-name {overflow: hidden;display: inline-block; margin-left: 4px;font-weight: 400; font-size: 16px;line-height: 24px;text-overflow: ellipsis;white-space: nowrap;}

.sGroup-top .school-name { position:relative; z-index:1; display:block; font-weight:700; font-size:18px; line-height:30px; color:#222; }
.sGroup-top.eduStage4 .school-name,
.sGroup-top.eduStage5 .school-name { color:#fff; }
.sGroup-top .shcool-top-btns {display: flex;border-top: 1px solid #645b4c;}

.eduStage1 .shcool-top-btns, .eduStage1 .shcool-top-btns .btn {border-color: rgba(255,255,255,.35) !important;}
.eduStage2 .shcool-top-btns, .eduStage2 .shcool-top-btns .btn  { border-color:rgba(255,255,255,.35) !important; }  /* 유치원  */
.eduStage3 .shcool-top-btns, .eduStage3 .shcool-top-btns .btn  { border-color:rgba(255,255,255,.35) !important; } /* 초등학교  */
.eduStage4 .shcool-top-btns, .eduStage4 .shcool-top-btns .btn { border-color:rgba(255,255,255,.35) !important; } /* 중학교  */
.eduStage5 .shcool-top-btns, .eduStage5 .shcool-top-btns .btn { border-color:rgba(255,255,255,.35) !important; } /* 고등학교  */
.sGroup-top .shcool-top-btns .btn {display: flex; align-items: center; justify-content: center;flex: 1;height: 32px;font-size: 14px;line-height: 20px;color: #222;border-radius: 0; border: 0;}
.sGroup-top .shcool-top-btns .btn:before {content: '';width: 16px;height: 16px;margin-right: 2px;background-repeat: no-repeat;background-position: 0 0;background-size: 16px 16px;}
.sGroup-top .shcool-top-btns .btn-mapLocation:before {background-image: url('../../images/ico_map_location_16.svg');}
.sGroup-top .shcool-top-btns .btn-loadView:before {background-image: url('../../images/ico_road_view_16.svg');}
.sGroup-top .shcool-top-btns .btn-mapLocation{border-right:solid 1px rgba(255,255,255, .35) }
.eduStage4.sGroup-top .shcool-top-btns{border-color:#545045}
.eduStage5.sGroup-top .shcool-top-btns{border-color:#888}
.eduStage4.sGroup-top .shcool-top-btns .btn,
.eduStage5.sGroup-top .shcool-top-btns .btn { color:#fff !important; }
.eduStage4.sGroup-top .shcool-top-btns .btn-mapLocation{ border-right:solid 1px #545045}
.eduStage5.sGroup-top .shcool-top-btns .btn-mapLocation{border-right:solid 1px #888}
.eduStage4.sGroup-top .shcool-top-btns .btn-mapLocation:before,
.eduStage5.sGroup-top .shcool-top-btns .btn-mapLocation:before{background-image: url('../../images/ico_map_location_w.svg');}
.eduStage4.sGroup-top .shcool-top-btns .btn-loadView:before,
.eduStage5.sGroup-top .shcool-top-btns .btn-loadView:before{background-image: url('../../images/ico_road_view.svg');}



.update-data{font-size:12px; color:#676767; display:flex; justify-content: space-between;}
.update-data em:after{content:"|"; display:inline; padding:0 2px}
.update-data em:nth-last-of-type(1):after{display:none; padding:0}

.classC-graphbox{padding-bottom:24px;border-bottom:solid 1px #ddd}
.class-d .classC-barbox,.class-d .legendbox{padding:0 46px;}
.classC-barbox{display:flex;   justify-content: space-between;align-items: flex-end; padding:0 23px;border-bottom:solid 1px #ddd}
.classC-barbox .classC-bar{display:flex; flex:0 0 24px; flex-direction: column;flex-flow:column-reverse}
.classC-barbox .classC-bar .listbar{background-color:#60a5ff; border-radius: 5px 5px 0 0;}
.classC-barbox .classC-bar .bar-text{font-size:12px; font-weight:700;text-align: center;}
.legendbox{display:flex;   justify-content: space-between;align-items: flex-end; padding:0 23px;}
.legendbox >span{margin-left:-8px;}

.c-graphhalf-box{display: flex; padding:16px 0; border-bottom:solid 1px #ddd}
.c-graphhalf-box >.half{flex:1}
.c-graphhalf-box >.half:nth-of-type(1){padding-right:12px;border-right:1px solid  #ddd}
.c-graphhalf-box >.half:nth-of-type(2){padding-left:12px;}
.c-graphhalf-box >.half >strong{display: block; margin-bottom:16px; text-align:Center; font-size:14px; font-weight:400;}

.graphArea-T.class-c .t-leg, .graphArea-T.class-c .t-bar{padding:0}
.graphArea-T.class-c{margin:0; height:66px}
.graphArea-T.class-c .t-leg{flex:0 0 48px; border-right:none}
/* .graphArea-T.class-c .t-bar{min-width:106px;} */
.graphArea-T.class-c .t-bar >span{flex:0 0 14px}
.graphArea-T.class-c .listbar-bg .bar{background-color:#666}


.section-sGroup .title-area .append {align-self: flex-end;margin-left: auto;font-size: 12px; line-height: 16px;color: #676767;}
.detail-area .table{margin-top: 16px; border-top:solid 1px #888888;border-bottom:solid 1px #888888;}
.detail-area .table td{padding:5px 0;text-align:center}
.detail-area .table th, .detail-area .table td{border-right:solid 1px #ddd}
.detail-area .table th:nth-of-type(1), .detail-area .table td:nth-of-type(1){border-left:solid 1px #ddd}


.sGroup-cont .section-btnGroup + .section-sGroup{margin-top:24px;}


/*단지요약*/
.summaryPop {overflow:hidden; width:100%; padding:0 16px 0 16px; border-radius:16px; }
.summaryContW {position:relative; text-align:left;}
.summaryContW .link {display:block;}
.summaryContW .tit {display:flex; flex-wrap:nowrap; flex:2; padding-right:35px; font-size:18px; line-height:26px;}
.summaryContW .txt2 {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.summaryContW .txt1 {display:inline-flex; flex-shrink:0; margin-left:6px; font-size:12px; font-weight:400;}
.summaryContW .btn-heart-pos {position:absolute; z-index:5; top:-2px; right:0;}
.summaryContW .txt-house {margin-top:-2px;}
.summaryPop .summaryContW .txt-house { padding-right:26px; }
.summaryContW .address {font-size: 12px;}
.summaryContW .txt-house .house-size {display:inline-block; font-size:12px; line-height:16px;}
.summaryContW .txt-house .house-size.blue{color:#517ad6 !important;}
.summaryContW .txt-house .house-size:after {content:''; display:inline-block; width:1px; height:8px; margin:-2px 4px 0 4px; vertical-align:middle; background:#ddd;}
.summaryContW .txt-house .house-size:last-child:after {display:none;}
.summaryContW .txtBox {min-height:40px; margin:4px 0; padding:0 0 0 40px; position:relative}
.summaryContW .txtBox .left {position:absolute; top:0; left:0; width:36px; height:38px; font-size:0; text-indent:-9999px; color:transparent; background:url('../../images/kb_pirce.svg') no-repeat 0 0; background-size:100%;}
.summaryContW .txtBox .left.housemuch { top:1px; height:36px; background-image:url('../../images/house_much.svg')}
.summaryContW .txtBox .price {font-size:15px; line-height:17px; color:#517ad6;}
.summaryContW .txtBox .price .label { margin-right:0; }
.summaryContW .txtBox .price strong{font-size:16px;font-weight:400;}
.summaryContW .txtBox .price .type {display:inline-block; margin-right:2px; color:#222; font-size:14px; }
.summaryContW .txtBox .price .assist { font-size:10px; line-height:14px; color:#222; }
.summaryContW .img {overflow:hidden; position:absolute; top:-18px; right:0; width:56px; height:56px; border-radius:4px;}
.summaryContW .wmark {position:absolute; z-index:2; top:50%; left:50%; width:18px; height:20px; margin:-9px 0 0 -9px; background:url('../../images/logo_wmark.png') no-repeat 50% 50%/18px auto;}
.summaryContW .img img {width:100%; height:100%; border-radius:6px; }
.summaryContW.type2 .img {top:40px;}
.summaryContW.type2 .img {width:68px; height:68px; border-radius:50%;}
.summaryContW.type2 .tit {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:4px 0; padding-right:75px; font-size:16px; line-height:24px;}
.summaryContW.type2 .txtBox {padding:0; min-height:inherit; position:relative}
.summaryContW .info-sale-btns {margin:7px 0 0 0;}
.summaryPop .summaryContW .info-sale-btns { margin-bottom:3px; }
.summaryContW .info-sale-btns .sale-btn-group {border-color:#ddd;}
.summaryContW .info-sale-btns .sale-btn-group.f1 {margin-left:4px;}
.summaryContW .info-sale-btns .sale-btn-group.f3 .btn-sale {color:#222;font-size:14px;}
.summaryContW .info-sale-btns .sale-btn-group.f3 .btn-sale .num {color:#17356e;}
.summaryContW .info-sale-btns .sale-btn-group {flex:3.25;height:32px;font-size:14px; line-height:30px; color:#17356e;}
.summaryContW .info-sale-btns >.btn-salegroup{flex:0 0 56px;}

.summaryContW .btn-bookmaker {position:absolute; z-index:5; top:0; right:0;}
.summaryCont-list { padding:0 0 16px; background:#fff;}
.summaryCont-list .summaryContW .link { color:#222; }
.summaryCont-list .info-sale-btns {margin-top:6px;}
.summaryCont-list .info-sale-btns .sale-btn-group {height:28px;}
.summaryCont-list .info-sale-btns .sale-btn-group.f3 .btn-sale {line-height:27px; font-size:12px; }
.summaryCont-list .info-sale-btns .sale-btn-group.f3 .btn-sale .num { font-size:12px; margin-left:2px; }
.summaryCont-list .summaryContW { padding:12px 0; border-bottom:1px solid #ddd; position: relative;}
.summaryCont-list .summaryContW .tit,
.summaryCont-list .summaryContW .txtBox,
.summaryCont-list .summaryContW .txt-house {padding-right:84px;}
.summaryCont-list .summaryContW .tit { display:flex; align-items:center; font-size:14px; line-height:20px; font-weight:400;}
.summaryCont-list .summaryContW .tit .completion { flex-shrink:0; font-size:12px; line-height:16px; }
.summaryCont-list .summaryContW .img {top:12px; width:76px; height:76px; display:block}
.summaryCont-list .summaryContW .txtBox {padding-left:0;min-height:inherit;}
.summaryCont-list .summaryContW .label {margin:-5px 0 0 0; vertical-align:middle;}
.summaryCont-list .summaryContW .txt-house {margin-top:1px;}
.summaryCont-list .summaryContW .txt-house .house-size:last-child {color:#222;}
.info-comp {display:inline-block; vertical-align:top; margin-top:6px; padding:1px 4px; font-size:12px; background:#f1f1f1;}
.sellgroup .summaryContW .txtBox{position:initial}
/*분양요약*/
.sell-step-tag + .house-size{margin-left:4px;}

/*꿀단지*/
.userpick{margin:0 -12px;}
.youtList1 {overflow:scroll;}
.youtList1.bdb1 {border-bottom:8px solid #f6f6f6 !important}
.youtList1 > ul {overflow:hidden; width:max-content; padding:8px 0 16px 12px;}
.youtList1 > ul > li {overflow:hidden; float:left; position:relative; width:208px; height:205px; margin-right:8px; border-radius:16px; box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.2); background:#fff;}
.youtList1 > ul > li:last-child {margin-right:0;}
.youtList1 > ul > li .img {display:block; overflow:hidden; position:relative; z-index:1; width:100%; height:136px; border-bottom-right-radius:0; border-bottom-left-radius:0; background:no-repeat 0 0/cover;}
.youtList1 > ul > li .img .btn-play {position:absolute; z-index:3; bottom:4px; right:4px; width:28px; min-height:22px; margin:-11px 0 0 -14px; background-image:url('../../images/btn_youtube_player_s.svg');}
.youtList1 > ul > li .tit { position:relative; display:flex; align-items:flex-start; padding:8px 4px 0 12px; font-size:14px; line-height:20px; font-weight:400;}
.youtList1 > ul > li .chan {display:flex; padding:0 12px; margin-top:4px; color:#676767; font-size:12px; line-height:1.2; font-weight:400;}
.youtList1 > ul > li .chan .btn-text { flex-shrink:0; min-width:inherit; min-height:inherit; line-height:inherit; border:0; margin-left:auto; color:#676767; }
.youtList1 > ul.only {width:auto; padding:0px;}
.youtList1 > ul.only > li {width:100%; height:132px; border-radius: 0;}
.youtList1 > ul.only > li .img{height:132px; border-radius: 0;}
.youtList1 > ul.only > li .img img{height:132px; }
.youtList1 > ul > li .txtBox {position:absolute; z-index:3; left:0; bottom:16px; padding:0 16px; text-align:left;}
.youtList1 > ul > li .txtBox .txt {margin-bottom:10px; color:#fff; font-size:14px; line-height:20px; font-weight:300;}
.youtList1 > ul > li .write {display:inline-block; height:24px; padding:0 12px; border:1px solid #b2b2b2; color:#fff; font-size:12px; line-height:23px; border-radius:12px;}
.youtList1 > ul > li .bg {position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5);}
.youtList1 > ul > li.last1 .img {height:100%;}
.youtList1 > ul > li.last2 {width:122px; box-shadow:0 0 0; margin-right:0;}
.youtList1 > ul > li.last2 .btn-all {position:absolute; top:50%; left:50%; width:52px; height:68px; margin:-4px 0 0 -26px;}
.youtList1 > ul > li.last2 .btn-all >span {display:block; position:relative; height:100%; padding-top:2px; font-size:13px; line-height:26px; color:#676767;}
.youtList1 > ul > li.last2 .btn-all >span:before {content:''; display:block; height:46px; border:1px solid #ddd; border-radius:50%;}
.youtList1 > ul > li.last2 .btn-all >span:after {content:''; position:absolute; top:19px; left:50%; width:12px; height:12px; margin-left:-8px; border:1px solid #999; border-left:0; border-bottom:0; transform:rotate(45deg);}
.youtList1 > ul > li.last1 .txtBox {bottom:25px;}

/*꿀단지 차트*/
.tr{text-align:right}
.point{margin:0 -12px}
.honeytalk .ttbangConW{margin:8px 0}

.honeytalk .ttbangConW  .reviewlist .recomW{margin:0}
.honeytalk .ttbangConW  .reviewlist .recomW + .recom-bot{position: relative; top:-5px}
.honeytalk .ttbangConW .recomW.replay{ margin-top:-10px; margin-left:20px;}
.honeytalk .ttbangConW  .reviewlist .recom-bot + .recomW .box{padding:0 8px}
.chartArea {position:relative;}
/* .chartArea {position:relative; padding:0px 0px 8px 0px; box-sizing:border-box; border-bottom:8px solid #f6f6f6} */
.chartArea .boxW {display:block; position:relative; width:100%; height:132px; background:no-repeat 50% 50%/cover;}
.chartArea .txtBox {position:absolute; z-index:3; left:0; bottom:16px; padding:0 16px; text-align:left;}
.chartArea .txtBox .txt {margin-bottom:10px; color:#fff; font-size:14px; line-height:20px; font-weight:300;}
.chartArea .write {display:inline-block; height:24px; padding:0 12px; border:1px solid #b2b2b2; color:#fff; font-size:12px; line-height:23px; border-radius:12px;}
.chartArea .bg {position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5);}
.chartArea .chartCon {overflow:hidden; position:relative; height:270px;}
.honeyAcc .chartArea { margin:0 -12px; }
.chartCon .btn-formround.bg-line{position:absolute; right:12px; bottom:8px}
.honeyAcc .chartCon .btn-formround.bg-line { right:24px; }
.chartArea .chartCon li {position:absolute; z-index:2; top:30px; left:50%; width:120px; text-align:center;}
.chartArea .chartCon li:first-child {margin-left:-163px;}
.chartArea .chartCon li:nth-child(2) {top:40px; margin-left:83px; text-align:left;}
.chartArea .chartCon li:nth-child(3) {top:110px; margin-left:122px; width:100px; text-align:left;}
.chartArea .chartCon li:nth-child(4) {top:114px; margin-left:-180px; width:100px;}
.chartArea .chartCon li:nth-child(5) {top:187px; margin-left:-171px;}
.chartArea .chartCon li:nth-child(6) {top:187px; margin-left:78px; text-align:left;}
.chartArea .chartCon li [class*="ico"] {position:absolute; z-index:3; bottom:23px; width:32px; height:32px; background:url('../../images/honey_ico_charm.svg') no-repeat 0 0;}
.chartArea .chartCon li:first-child .ico1-1 {right:-13px; background-position:0 0;}
.chartArea .chartCon li:first-child .ico1-2 {right:-13px; background-position:-44px 0;}
.chartArea .chartCon li:first-child .ico1-3 {right:-13px; background-position:-88px 0;}
.chartArea .chartCon li:first-child .ico1-4 {right:-13px; background-position:-132px 0;}
.chartArea .chartCon li:first-child .ico1-5 {right:-13px; background-position:-176px 0;}
.chartArea .chartCon li:first-child .ico1-6 {right:-13px; background-position:-220px 0;}
.chartArea .chartCon li:nth-child(2) .ico2-1 {left:-34px; background-position:0 -44px;}
.chartArea .chartCon li:nth-child(2) .ico2-2 {left:-34px; background-position:-44px -44px;}
.chartArea .chartCon li:nth-child(2) .ico2-3 {left:-34px; background-position:-88px -44px;}
.chartArea .chartCon li:nth-child(2) .ico2-4 {left:-34px; background-position:-132px -44px;}
.chartArea .chartCon li:nth-child(2) .ico2-5 {left:-34px; background-position:-176px -44px;}
.chartArea .chartCon li:nth-child(2) .ico2-6 {left:-34px; background-position:-220px -44px;}
.chartArea .chartCon li:nth-child(3) .ico3-1 {left:-34px; bottom:19px; background-position:0 -88px;}
.chartArea .chartCon li:nth-child(3) .ico3-2 {left:-34px; bottom:19px; background-position:-44px -88px;}
.chartArea .chartCon li:nth-child(3) .ico3-3 {left:-34px; bottom:19px; background-position:-88px -88px;}
.chartArea .chartCon li:nth-child(3) .ico3-4 {left:-34px; bottom:19px; background-position:-132px -88px;}
.chartArea .chartCon li:nth-child(3) .ico3-5 {left:-34px; bottom:19px; background-position:-176px -88px;}
.chartArea .chartCon li:nth-child(3) .ico3-6 {left:-34px; bottom:19px; background-position:-220px -88px;}
.chartArea .chartCon li:nth-child(4) .ico4-1 {right:3px; background-position:0 -132px;}
.chartArea .chartCon li:nth-child(4) .ico4-2 {right:3px; background-position:-44px -132px;}
.chartArea .chartCon li:nth-child(4) .ico4-3 {right:3px; background-position:-88px -132px;}
.chartArea .chartCon li:nth-child(4) .ico4-4 {right:3px; background-position:-132px -132px;}
.chartArea .chartCon li:nth-child(4) .ico4-5 {right:3px; background-position:-176px -132px;}
.chartArea .chartCon li:nth-child(4) .ico4-6 {right:3px; background-position:-220px -132px;}
.chartArea .chartCon li:nth-child(5) .ico5-1 {bottom:17px; right:-5px; background-position:0 -176px;}
.chartArea .chartCon li:nth-child(5) .ico5-2 {bottom:17px; right:-5px; background-position:-44px -176px;}
.chartArea .chartCon li:nth-child(5) .ico5-3 {bottom:17px; right:-5px; background-position:-88px -176px;}
.chartArea .chartCon li:nth-child(5) .ico5-4 {bottom:17px; right:-5px; background-position:-132px -176px;}
.chartArea .chartCon li:nth-child(5) .ico5-5 {bottom:17px; right:-5px; background-position:-176px -176px;}
.chartArea .chartCon li:nth-child(5) .ico5-6 {bottom:17px; right:-5px; background-position:-220px -176px;}
.chartArea .chartCon li:nth-child(6) .ico6-1 {bottom:14px; left:-34px; background-position:0 -220px;}
.chartArea .chartCon li:nth-child(6) .ico6-2 {bottom:14px; left:-34px; background-position:-44px -220px;}
.chartArea .chartCon li:nth-child(6) .ico6-3 {bottom:14px; left:-34px; background-position:-88px -220px;}
.chartArea .chartCon li:nth-child(6) .ico6-4 {bottom:14px; left:-34px; background-position:-132px -220px;}
.chartArea .chartCon li:nth-child(6) .ico6-5 {bottom:14px; left:-34px; background-position:-176px -220px;}
.chartArea .chartCon li:nth-child(6) .ico6-6 {bottom:14px; left:-34px; background-position:-220px -220px;}
.chartArea .chartCon li:nth-child(5) .ico8-1 {bottom:17px; right:-5px; background-position:0 -308px;}
.chartArea .chartCon li:nth-child(5) .ico8-2 {bottom:17px; right:-5px; background-position:-44px -308px;}
.chartArea .chartCon li:nth-child(5) .ico8-3 {bottom:17px; right:-5px; background-position:-88px -308px;}
.chartArea .chartCon li:nth-child(5) .ico8-4 {bottom:17px; right:-5px; background-position:-132px -308px;}
.chartArea .chartCon li:nth-child(5) .ico8-5 {bottom:17px; right:-5px; background-position:-176px -308px;}
.chartArea .chartCon li:nth-child(5) .ico8-6 {bottom:17px; right:-5px; background-position:-220px -308px;}
.chartArea .chartCon li .tit {display:inline-block; font-size:12px; line-height:16px; color:#676767; }
.chartArea .chartCon li.rank1 .tit {font-size:16px; line-height:24px; color:#2665e6;}
.chartArea .chartCon li.rank2 .tit {font-size:16px; line-height:24px; color:#4abc94;}
.chartArea .chartCon li.rank3 .tit {font-size:16px; line-height:24px; color:#5806bc;}
.chartArea .chartCon li[class*="rank"] {font-size:18px; line-height:24px; }
.chartArea .chartCon li .txt {display:inline-block; font-size:12px; line-height:16px; color:#676767; font-weight:400; vertical-align:top;}
.chartArea .chartCon li:nth-child(3) .txt {text-indent:-35px;}
.chartArea .chartCon li:nth-child(1) .tit {text-indent:20px;}
.chartArea .chartCon li:nth-child(1)[class*="rank"] .tit {text-indent:0;}
.chartArea .chartCon li:nth-child(4)[class*="rank"] .tit {text-indent:-7px;}
.chartArea .chartCon li:nth-child(5)[class*="rank"] .tit {text-indent:-7px;}
.chartArea .chartCon .bg {position:absolute;z-index:1; top:44px; left:50%; width:158px; height:158px; margin-left:-79px; border-radius:50%; background:url('../../images/honey_charm.svg') no-repeat 50% 50%; background-size:148px auto;}
.chartSize { width:148px !important; height:148px !important; margin:5px; }

/*꿀단지 타이틀*/
.title3 {position:relative; height:40px; margin-top:11px; padding:8px 12px 0 12px; box-sizing:border-box;}
.title3 .tag {display:inline-block; height:24px; margin-right:6px; padding:0 10px; border:1px solid #4178f4; color:#517ad6; font-size:12px; line-height:23px; border-radius:12px; vertical-align:top; box-sizing:border-box;}
.title3 .tit {display:inline-block; font-size:16px; font-weight:400; line-height:23px; vertical-align:top;}
.title3.flexbox{justify-content:space-between; align-items: center; margin-bottom:10px}
.title3 .tit .txt1 {display:inline-block; margin:0 1px; color:#999; font-size:6px; line-height:1.2; font-weight:300;}
.title3 .tit .txt2 {display:inline-block; color:#999; font-size:6px; line-height:1.2; letter-spacing:-0.3px; font-weight:300;}
.title3 b {position:absolute; top:12px; right:12px; font-size:12px; line-height:16px; font-weight:500;}
.honeyPotWrap {min-height:100vh; background-color:#fff}
.honeyPotWrap .honeyPotCon .card-header { position:relative; }
.honeyPotWrap .honeyPotCon .card-header:before { content:''; position:absolute; left:0; right:0; top:0; height:8px; background:#f6f6f6; }
.honeyPotWrap .top { position:-webkit-sticky; position:sticky; top:0; left:0; width:100%; z-index:4; }
.honeyPotWrap .titleW {display:flex; align-items:center; position:relative; z-index:1; height:42px; padding:6px 16px; background:#ffcc00;}
.honeyPotWrap .titleW .title { overflow:hidden; position:relative; display:flex; align-items:center; flex:1; height:30px; padding:0 32px 0 8px; color:#222; font-size:16px; line-height:20px; color:#222; text-align:left; border:1px solid #fff; border-radius:6px; cursor:pointer; background-color:rgba(255,233,40,.5);}
.honeyPotWrap .titleW .title:after { content:'펼치기'; position:absolute; right:7px;top:4px; padding-right:16px; font-size:12px; color:#222; background:url('../../images/icon_16_arrow_small_down.svg') no-repeat right center; background-size:16px 16px; }
.honeyPotWrap .titleW .title.open:after { content:'접기'; background-image:url('../../images/icon_16_arrow_small_up.svg');}
.honeyPotWrap .titleW .title .danji { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:132px; }
.honeyPotWrap .titleW .title .honey-txt { flex-shrink:0; margin-left:5px; }
.honeyPotWrap .titleW .btnW { flex-shrink:0; margin-left:16px; }
.honeyPotWrap .titleW .btnW .btn { border:0; }
.honeyPotWrap .titleW .btnW .btn + .btn { margin-left:12px; }
.tipdanji{background:#febd36; padding:0 4px; position: absolute; right:32px; top:41px; font-size: 12px; border-radius:4px;cursor: pointer;}
.tipdanji::before{content:""; display:inline-block; width:0; height:0; top:-12px;right:20px;position:absolute; border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 6px solid #febd36;border-top: 6px solid transparent;}
.talklist{margin:0 -12px; }
.recon{padding:8px 0px 10px 0px;}
.recon .btn:hover{color:#676767}
.recon > p{padding:0px 16px; text-align:left; word-break:break-all;}
.recon > .txt-blind { color:#676767; }
.retext > .txt-blind { color:#676767; }
.re-tit{ position:relative; display:flex; justify-content: space-between; padding:16px 16px 0 16px;color:#676767;}
.re-tit > span{flex:1; text-align:left;}
.relabel{display:inline-block; background-color:#f1f1f1; line-height: 16px; border-radius:4px; padding:0 5px; font-size: 12px;;}
.talklist .btn-wrap{display:flex; padding:16px; padding-top:0; align-items:center; justify-content: space-between;}
.talklist .btn-wrap .date-tx{color:#b2b2b2}
.talklist .btn-wrap .btn{margin-left:8px}
.talklist .btn-wrap .cnt { margin-left:8px; vertical-align:middle; }
.talklist .btn-wrap .cnt + .btn-Like { margin-left:0; }
.talklist .btn-wrap .btn-Like + .cnt { margin-left:0; }
.replyregist{padding:16px; padding-top:0;}
.replyregist .textarea .form-control{border:none; padding:0px!important; border-radius:5px; vertical-align: top; align-self: flex-start;transition:none; overflow-y:auto !important;}
.replyregist .flexbox .textarea { flex:1; margin-right:4px; }
.replyregist .textarea {border:1px solid #b2b2b2; border-radius:5px;height:40px; overflow: hidden; padding:10px 0 8px 8px;   display: flex;align-items: flex-start; background-color:#fff}
.replyregist.auto .textarea{height:auto; border:none; padding:0px;}
.replyregist.auto .textarea .form-control{border:1px solid #b2b2b2; padding:10px 8px!important;}
.replyregist.auto .textarea .form-control:focus, .replyregist .textarea:hover, .replyregist .textarea.focus{border-color:#4178f4}
.replyregist .btn-registbt{width:58px; height:40px; border-radius: 4px; line-height:30px; color:#fff; font-size:14px;background-color:#b2b2b2}
.replyregist .btn-registbt.active{background-color:#4178f4}
.registbt{ margin-top:7px; }

.depthwrap{background-color:#f8f8f8; padding:8px 16px 0 16px; margin-bottom:16px;}
.replyregist.depth2{padding-left:16px !important;}
.morenum{margin-bottom:8px;color:#517ad6}
/* 대대글 */
.retx-box .retit{ display:flex; margin-bottom:8px; justify-content: space-between; align-items:center; color:#676767}
.retx-box .retit .likebox{display:flex;align-items:center; font-size:12px;}
.retx-box .retext > p { word-break:break-all; }
.retx-box .rewhbox{background-color:#fff; border-radius: 4px; padding:12px;}
.rebtn-wrap{position:relative; padding:8px 0 16px 12px; display:flex; justify-content: space-between;align-items:center; color:#676767; font-size:12px;}
.rebtn-wrap .btn{min-height:16px; line-height:16px; border:none; color:#676767}
.rebtn-wrap .btn-moreview2 { margin-left:-4px; min-width:16px; background-image:url(../../images/btn_more_16.svg); }
.rebtn-wrap>div{display:flex; align-items:center;}
.rebtn-wrap span{line-height:16px;}
.rebtn-wrap>div .btn:before{content:""; display:inline-block; width:1px; height:8px; background-color:#ccc;margin:0 4px}
.rebtn-wrap span:after{content:""; display:inline-block; width:1px; height:8px; background-color:#ccc;margin:0 4px}
.rebtn-wrap>div .btn:nth-of-type(1):before{content:""; display:none}
.depthwrap .replyregist{padding:0 0 16px 16px; margin-bottom:16px;}
.writebt{margin:0 -12px; padding:16px 12px 0; border-top:1px solid #ddd;}
.re-depth1{padding-left:16px;}
.depthwrap .re-depth1 .replyregist { padding-left:0; }
.talklist >.re-text{border-top:solid 8px #f1f1f1}
.talklist >.re-text:nth-of-type(1){border-top:none}
.replyimg img{width:100%;}
.imglist{margin:10px 0 0 0;}
.imglist .slick-dots{margin:-6px 0 0 0;}
.ttbang{ position:relative; padding:8px 12px 110px 12px; margin-top:8px;text-align:left; background:#fff}
.ttbang:before { content:''; position:absolute; left:0; right:0; top:0; height:8px; background:#f6f6f6; }
.ttbang .whbox{padding:16px 12px !important; padding-bottom:0 !important;text-align:left;}
.title2 {color:#4a63fd; font-size:16px; line-height:1.5; font-weight:500;}
.title2 .txt {display:inline-block; position:relative; z-index:2; font-weight:700;}
.title2 .txt:before {content:''; position:absolute; z-index:-1; bottom:0; left:0; width:100%; height:7px; background:#ffef75;}
.ttbang .txt1 {padding:12px 0 0px 0; font-size:14px; line-height:20px; font-weight:300; text-align:left;}
.ttbang .txt2 {padding:8px 0 0px 0; font-size:14px; line-height:20px; font-weight:300; text-align:left;}

.ttbang .tabs {padding:16px 16px 0 16px;}
.ttbang .videoAreaW {overflow:hidden; position:relative; margin:16px -16px 0 -16px; border-bottom-right-radius:10px; border-bottom-left-radius:10px;}
.ttbang .videoAreaW .img {position:relative;width:100%; }
.ttbang .videoAreaW .img img {width:100%;}
.ttbang .videoAreaW .btn-play2 {overflow:hidden; position:absolute; z-index:3; top:50%; left:50%; margin:-19px 0 0 -19px; }
.imgAreaW {position:relative; margin-top:7px; padding:16px 128px 16px 0; border-top:1px solid #f6f6f6;}
.imgAreaW .tit {display:block; margin-top:-5px; font-size:14px; line-height:20px; font-weight:500;}
.imgAreaW .txt {margin-top:8px; color:#676767; font-size:14px; line-height:20px; font-weight:300;}
.imgAreaW .img {overflow:hidden; position:absolute; top:16px; right:0;}
.imgAreaW .img img {width:104px;}


.ttbangNodata {padding-bottom:16px;}
.ttbangNodata .txt {padding-top:0; color:#517ad6; font-size:16px; line-height:23px;}
.ttbangNodata .txt2 {padding:4px 0 16px 0; color:#676767; font-size:14px; line-height:19px;}
.ttbangNodata .txt3 {position:relative; text-align:right;}
.ttbangNodata .play {display:inline-block; position:relative; padding-right:8px; padding-left:30px; font-size:12px; line-height:23px; vertical-align:middle; background:url('../../images/btn_youtube_player_s.svg') no-repeat 0 0;}
.ttbangNodata .play:after {content:''; display:inline-block; width:5px; height:5px; margin-left:5px; border:1px solid #666666; border-bottom:0; border-left:0; vertical-align:middle; transform:rotate(45deg);}
.ttbangNodata .btn-formround{min-width:auto;margin-left:5px; padding:0 12px;}


.honeyPotWrap .visual {position:relative; height:189px; padding:24px 0 0 16px; text-align:left; box-sizing:border-box; background:#ffcc00 url('../../images/top_img_honey.svg') no-repeat 100% 100%; background-size:360px auto;}
.honeyPotWrap .visual .txt1 {color:#4c4a3f; font-size:14px; line-height:22px; }
.honeyPotWrap .visual .txt2 {margin-top:7px; color:#4c4a3f; font-size:18px; line-height:24px; font-weight:700; }
.honeyPotWrap .visual .txt2 .tag1 {display:inline-flex; align-items:center; height:20px; padding:0 3px; font-size:18px; border-radius:10px; background:#446bf0; color:#fff}
.honeyPotWrap .visual .txt2 .tag2 {display:inline-flex; align-items:center; height:20px; padding:0 3px; font-size:18px; border-radius:10px; background:#ff861e; color:#fff}
.honeyPotWrap .visual .txt3 {margin-top:16px; color:#4c4a3f; font-size:12px; line-height:16px;}
.honeyPotWrap .visual .btn-honeyclose{position:absolute; top:2px; right:2px;}

/* 꿀단지 tab */
/* .honyTab {overflow:hidden; overflow-x:auto; background-color:#fff}
.honyTab > ul {width:max-content; height:40px; border-bottom:1px solid #dddddd; box-sizing:border-box;}
.honyTab > ul > li {float:left;display:block; cursor:pointer; position:relative; padding:0 12px; line-height:39px; font-size:14px; color:#676767; font-weight:300;}
.honyTab > ul > li.on {color:#645b4c; font-weight:500;}
.honyTab > ul > li.on:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#febd36;}
.honyTab > ul > li .txt {display:inline-block; margin:0 1px; color:#999; font-size:5px; line-height:1.2; font-weight:300; vertical-align:middle;}
.honyTab > ul > li .txtTalk {overflow:hidden; display:inline-block; margin-top:2px; color:#999; font-size:5px; line-height:1.2; letter-spacing:-0.2em; vertical-align:middle;}
.honyTab > ul > li.btnGoogle {overflow:hidden; width:80px; text-indent:200%; white-space:nowrap; background:url('../../images/honey_btn_google.svg') no-repeat 10px 12px;}
.honyTab > ul > li.btnNaver {overflow:hidden; width:80px; text-indent:200%; white-space:nowrap; background:url('../../images/honey_btn_naver.svg') no-repeat 10px 15px;}
.honyTab > ul > li.btnDaum {overflow:hidden; width:62px; text-indent:200%; white-space:nowrap; background:url('../../images/honey_btn_daum.svg') no-repeat 10px 12px;}20200824 추가 */

.honey-tab { position:absolute; left:0; right:0; top:42px; z-index:1; }
.honey-tab:before { content:''; position:absolute; left:0; top:0; width:100%; height:65px; background:linear-gradient(rgba(255,204,0,1) 0%, rgba(255,204,0,0) 100%) }
.honey-tab .depth1 { position:relative; display:flex; flex-wrap:nowrap; padding:8px 12px; } /* overflow-x:auto; */
.honey-tab .depth2 { position:relative; }
.honey-tab .btn-honeybtn { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; min-width:36px; height:32px; padding:0 5px; margin-right:8px; border:1px solid #fff; border-radius:16px; font-size:14px; color:#222; box-shadow:0 1px 2px 1px rgba(0, 0, 0, 0.2); background:#fff;}
.honey-tab .btn-honeybtn:not(:disabled):not(.disabled).active{background:#ffcc00;}
.honey-tab .btn-honeybtn.circle { padding:0; min-width:32px; }
.honey-tab .btn-honeybtn img { height:24px; }
.honey-tab .btn-honeybtn.dantalk img { height:15px; }
.honey-tab .btn-tab-news { display:inline-flex; align-items:center; height:28px; padding:0 7px; margin:0 4px; font-size:12px; color:#222; background:#fff; border-radius:14px; border:1px solid #ddd; }
.honey-tab .btn-tab-news:before { content:''; width:16px; height:16px;  margin-right:2px; background-repeat:no-repeat; background-position:0 0; background-size:100%; }
.honey-tab .btn-tab-news.naver:before { background-image:url('../../images/icon_24_naver.svg'); }
.honey-tab .btn-tab-news.daum:before { background-image:url('../../images/icon_24_daum.svg'); }
.honey-tab .btn-tab-news.google:before { background-image:url('../../images/icon_24_google.png'); }
.honey-tab .btn-tab-news:not(:disabled):not(.disabled).active{border-color:#ffcc00;}

.novisual .honyTab{background-color:#fff; }
.novisual .honyTab > ul > li.on{color:#febd36}
.novisual .honyTab > ul > li.on:after{background-color:#febd36}
.novisual .honyTab > ul > li, .novisual .honyTab > ul > li .txtTalk{color:#676767}
.novisual .visual{display:none}
/*꿀단지 신고하기*/
.txtReport {font-size:16px; line-height:24px; color:#222; text-align:left; }
.txtReport .nickname { font-weight:700; }
.report-con .radiobox.honey .custom-control-inline.custom-radio:first-child{margin-top:16px;}
.honey.radiobox .custom-control{display:block;margin-top:16px; margin-right:0}
.bv-no-focus-ring + .textarea{margin-top:16px;}
/*사진영상보기*/
.honey-top{position:relative; position:-webkit-sticky; position:sticky; width:100%; left:0 ; top:0; z-index: 9;}
.honey-top + .bg-fullwhite {padding:0}
.part-section{padding:12px 12px 16px;background-color:#fff; position: relative;}
.part-section .img-part{width:100%; height:140px; border-radius:16px; overflow:hidden;position:relative}
.part-section .img-part img{width:100%;}
.part-section .img-part:after{background:rgba(34,34,34, 0.5); background-size:100%; content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.part-section .part-tit{color:#fff; font-size:14px; position: absolute; left:28px; bottom:88px}
.part-section .btn-whbt{border-color:#fff; width:127px; line-height: 24px; border-radius: 12px;position: absolute; left:28px; bottom:32px; font-size:12px; color:#fff}
.honeyBG{background-color:#fff}
.honeyBG{display:flex;}
.honeyBG .pagetit{font-size:16px; color:#222; flex-grow: 1; }
.btn-honeywrite{background-image:url('../../images/btn_write-bl.svg'); background-size:24px; border-radius:0}
.honey-top + .bg-fullwhite .imglist{margin-top:0; width:100%; overflow:hidden}
.hdetail-tap{background-color:#fff; border-top:solid 1px #fff; border-bottom: 1px solid #fff;}
.hdetail-tap ul{display:flex; padding-top:7px;}
.hdetail-tap ul li{flex:1; line-height:32px; color:#676767; text-align: center; cursor: pointer;position: relative; border-bottom: 1px solid #ddd;}
.hdetail-tap ul li.on{color:#222}
.hdetail-tap ul li.on:after {content:''; position:absolute; bottom:-2px; left:0; width:100%; height:3px; background:#ffcc00;}
.bg-fullwhite .honeyD.youtList1 {margin: 0 -12px;}
.honeyD.youtList1{overflow:visible; padding-top:41px;}
.honeyD.youtList1 > ul{padding:0; overflow:visible;}
.honeyD.youtList1 > ul{width:100%;}
.honeyD.youtList1 > ul li{width:100%; text-align:left; float:none; margin-right:0; border-radius: 0; box-shadow:none; height:auto;}
.honeyD .movThumb {display:block;}
.honeyD .movThumb .thumbnail { width:100%; height:auto; }
.honeyD .tit {color:#222; padding: 12px 12px 5px 12px;}
.honeyD .chan {margin-bottom: 23px; padding: 0 12px;}
.imglist .detailimg-wrap {padding:0px 0 12px 0}
.imglist .bigimg,
.imglist .smallimg .img { display: flex; justify-content: center; align-items: center;}
.imglist .wartermark { position: relative; background:url('../../images/watermark.svg') no-repeat; width: 20px; height: 18px; }
/*영상제작하기*/
.inputarea { display:flex; align-items:center; overflow:hidden; height:40px; }
.inputarea .form-control.round{box-shadow:none}

/* .honeyMovRigister {padding: 16px 12px;background: #fff; text-align: left;}
.honeymoveTop{height:42px; padding:0 16px; display:flex; background-color:#ffcc00; font-size:16px; align-items: center; justify-content: space-between; color:#222}
.honeyMovManual {padding:16px 17px; text-align:left; background:#645b4c url('../../images/bg_honey_mov_top.svg') no-repeat 100% 0; background-size:360px auto;}
.honeyMovManual li {position:relative; padding-left:24px; font-size:14px; line-height:20px; font-weight:400; color:#222;}
.honeyMovManual li + li { margin-top:8px; }
.honeyMovManual li:before { content:''; position:absolute; left:0; top:3px; width:17px; height:16px; background:url('../../images/ico_honey_mov_manual.svg') no-repeat 0 0; background-size:17px 16px; }
.honeyMovManual li .pointColor { color:#676767;}
.honeyMovManual .liiveYoutube:before { content:''; display:inline-block; width:15px; height:13px; margin-right:3px; background:url('../../images/ico_youtube_round.svg') no-repeat 50% 50%; background-size:15px 13px;}
.honeyMovRigister { padding:16px 12px; background:#fff; }
.honeyMovRigister .subTitle { margin:16px 0 8px; font-size:14px; line-height:20px; font-weight:400; }
.honeyMovRigister .subTitle:first-of-type { margin-top:0;}
.honeyMovRigister .inputarea + .inputarea { margin-top:8px;}
.honeyMovRigister .textarea { height:168px; }
.honeyMovRigister .textarea textarea{ height:168px; } */
.honeyMovManual { padding:16px 17px; text-align:left; background:#ffcc00 url('../../images/bg_honey_mov_top.svg') no-repeat 100% 0; background-size:360px auto;}
.honeymoveTop{height:42px; padding:0 16px; display:flex; background-color:#ffcc00; font-size:16px; align-items: center; justify-content: space-between; color:#222}
.honeyMovManual li { position:relative; padding-left:24px; font-size:14px; line-height:20px; font-weight:400; color:#222;}
.honeyMovManual li + li { margin-top:8px; }
.honeyMovManual li:before { content:''; position:absolute; left:0; top:3px; width:17px; height:16px; background:url('../../images/ico_honey_mov_manual.svg') no-repeat 0 0; background-size:17px 16px; }
.honeyMovManual li .pointColor { color:#676767;}
.honeyMovManual .liiveYoutube:before { content:''; display:inline-block; width:15px; height:13px; margin-right:3px; background:url('../../images/ico_youtube_round.svg') no-repeat 50% 50%; background-size:15px 13px;}
.honeyMovRigister { padding:16px 12px; background:#fff;  text-align: left;}
.fullbg-white .honeyMovRigister{height:calc(100vh - 42px)}
.honeyMovRigister .subTitle { margin:16px 0 8px; font-size:14px; line-height:20px; font-weight:400; }
.honeyMovRigister .subTitle:first-of-type { margin-top:0;}
.honeyMovRigister .inputarea + .inputarea { margin-top:8px;}
/* .honeyMovRigister .textarea { min-height:168px; height:auto;} */
.honeyMovRigister .textarea textarea.form-control[aria-invalid=true]:focus+.text-limt, .honeyMovRigister .textarea textarea.form-control.is-valid:focus+.text-limt{position: relative; width:100%; text-align: right; bottom:auto;margin:10px 0}
.honeyMovRigister .textarea .text-limt.focus{position: relative; width:100%; text-align: right; bottom:auto;margin:10px 0}
.honeyMovStep { padding:16px; background:#f8f8f8; }
.honeyMovStep .titMovStep { font-size:16px; line-height:24px; color:#517ad6; font-weight:400; text-align:center;}
.honeyMovStep .listMovStep { margin-top:8px; padding:16px; text-align:left; border-radius:16px; background:#fff; }
.honeyMovStep .listMovStep li { display:flex;}
.honeyMovStep .listMovStep li + li { margin-top:13px; }
.honeyMovStep .listMovStep .step { height:20px; width:48px; font-size:14px; line-height:20px; color:#fff; text-align:center; border-radius:24px; background:#4178f4; }
.honeyMovStep .listMovStep .detail { flex:1; margin-left:6px; }
.honeyMovStep .listMovStep .detail .title { display:block; font-weight:400; font-size:14px; line-height:20px; color:#222; }
.honeyMovStep .listMovStep .detail .text { display:block; margin-top:3px; font-size:12px; line-height:16px; color:#676767; }
.honeyMovStep .listMovStep li:first-child .step {background:#9dc4ff;}
.honeyMovStep .listMovStep li:last-child .step {background:#1549ad;}
.honeyMovStep + .formbot {padding:16px 12px}
/*중개업소 제공 정보*/
.top-room {background-image:url('../../images/ico_room.svg');}
.top-parking {background-image:url('../../images/ico_parking.svg');}
.top-people {background-image:url('../../images/ico_people.svg');}
.top-farm {background-image:url('../../images/icon_farm.svg');}
.top-forest {background-image:url('../../images/icon_forest.svg');}
.top-factory {background-image:url('../../images/icon_factory.svg');}
.top-residentialarea {background-image:url('../../images/icon_residential_area.svg');}
.top-arcadebuilding {background-image:url('../../images/icon_arcade_building.svg');}
.top-landpurpose {background-image:url('../../images/icon_land_purpose.svg');}
.top-dimension {background-image:url('../../images/icon_dimension.svg');}
.mamulLineTop1 {margin:16px 16px 0 16px; padding:10px 0 0 0; border-top:4px solid #f1f1f1;}
.detail-dec + .detail-info { margin-top:6px; }
.mamulOptBox [class*='option'] {display:inline-block; position:relative; min-width:48px; margin:5px 11px 10px 0; padding-top:48px; font-size:12px; line-height:16px; text-align:center;}
.mamulOptBox [class*='option']:before {content:''; position:absolute; top:0; left:50%; width:48px; height:48px; margin-left:-24px; background:no-repeat 0 0;}
.mamulOptBox {display:flex; flex-wrap:wrap; justify-content:flex-start;}
.mamulOptBox [class*='option'] {position:relative; width:20%; margin:5px 0 10px 0; padding-top:48px; font-size:12px; line-height:16px; text-align:center;}
.mamulOptBox [class*='option']:before {content:''; position:absolute; top:0; left:50%; width:48px; height:48px; margin-left:-24px; background:no-repeat 0 0;}
.mamulOptBox .option1:before {background-image:url('../../images/ico_inop1.svg');}
.mamulOptBox .option2:before {background-image:url('../../images/ico_inop2.svg');}
.mamulOptBox .option3:before {background-image:url('../../images/ico_inop3.svg');}
.mamulOptBox .option4:before {background-image:url('../../images/ico_inop4.svg');}
.mamulOptBox .option5:before {background-image:url('../../images/ico_inop5.svg');}
.mamulOptBox .option6:before {background-image:url('../../images/ico_inop6.svg');}
.mamulOptBox .option7:before {background-image:url('../../images/ico_inop7.svg');}
.mamulOptBox .option8:before {background-image:url('../../images/ico_inop8.svg');}
.mamulOptBox .option9:before {background-image:url('../../images/ico_inop9.svg');}
.mamulOptBox .option10:before {background-image:url('../../images/ico_inop10.svg');}
.mamulOptBox .option11:before {background-image:url('../../images/ico_inop11.svg');}
.mamulOptBox .option12:before {background-image:url('../../images/ico_inop12.svg');}
.mamulOptBox .option13:before {background-image:url('../../images/ico_inop13.svg');}
.mamulOptBox .option14:before {background-image:url('../../images/ico_inop14.svg');}
.mamulOptBox .option15:before {background-image:url('../../images/ico_inop15.svg');}
.mamulOptBox .option16:before {background-image:url('../../images/ico_inop16.svg');}
.mamulOptBox .option17:before {background-image:url('../../images/ico_inop17.svg');}
.mamulOptBox .option18:before {background-image:url('../../images/ico_inop18.svg');}
.mamulOptBox .option19:before {background-image:url('../../images/ico_inop19.svg');}
.mamulOptBox .option20:before {background-image:url('../../images/ico_inop20.svg');}
.mamulOptBox .option21:before {background-image:url('../../images/ico_inop21.svg');}
.mamulOptBox .option22:before {background-image:url('../../images/ico_inop22.svg');}

.mamulOptBox .fac1:before {background-image:url('../../images/ico_fac1.svg');}
.mamulOptBox .fac2:before {background-image:url('../../images/ico_fac2.svg');}
.mamulOptBox .fac3:before {background-image:url('../../images/ico_fac3.svg');}
.mamulOptBox .fac4:before {background-image:url('../../images/ico_fac4.svg');}
.mamulOptBox .fac5:before {background-image:url('../../images/ico_fac5.svg');}
.mamulOptBox .fac6:before {background-image:url('../../images/ico_fac6.svg');}
.mamulOptBox .fac7:before {background-image:url('../../images/ico_fac7.svg');}
.mamulOptBox .fac8:before {background-image:url('../../images/ico_fac8.svg');}
.mamulOptBox .fac9:before {background-image:url('../../images/ico_fac9.svg');}
.mamulOptBox .fac10:before {background-image:url('../../images/ico_fac10.svg');}
.mamulOptBox .fac11:before {background-image:url('../../images/ico_fac11.svg');}
.mamulOptBox .fac12:before {background-image:url('../../images/ico_fac12.svg');}
.mamulOptBox .fac13:before {background-image:url('../../images/ico_fac13.svg');}

.detail-dec .table {padding: 0 16px 10px 16px; }
.detail-dec .table th {font-weight: 400; padding: 2px 4px; background: #f1f1f1;}
.detail-dec .table td {padding: 2px 4px; border-top: 1px solid #ddd}
.detail-dec .table tr:last-child {border-bottom: 1px solid #ddd}
.detail-dec .dt-infotit { margin-top: 12px; margin-bottom: 8px; }
.detail-dec .dt-infotit:first-child { margin-top: 0; }
.detail-info .dt-textbox li { font-weight: 300; }

.detail-top .dt-text small { font-size: 10px; }

/*세금 중개수수료*/
.mamul.detail-dec {padding-left:5px;}
.mamul.detail-dec .listtext {padding-left:10px;}
.mamulTax {padding:16px 0;}
.mamulTax .blue {color:#517ad6; font-size:16px; line-height:20px;}
.mamulTax .txt1 {margin:8px 0 0 0; padding:8px; font-size:10px; line-height:14px;}
.mamulTax-con{padding:0 16px;}


.commission-graph{margin-top:16px;}
.commission-graph  .bar-bg{height:10px; display:flex; width:100%; flex-wrap:wrap; border-radius: 4px; overflow: hidden;}
.commission-graph  .bar-bg .type1{background-color:#9d8f78}
.commission-graph  .bar-bg .type2{background-color:#ffcc00}
.commission-legend{display:flex; justify-content: space-between;margin-top:8px;}
.commission-graph  .co-cost-dec{font-size:12px}
.commission-graph  .type2 .co-cost{color:#fca700}
.mamulTax-con >.btn-help.gray{position: relative; top:-2px;}
.commission-graph  .co-cost-dec >.btn-help.gray{position: relative; top:-1px;}



/* layerSearch */
.layerSearch {position: fixed;left: 12px;right: 12px;top: 8px;bottom: 12px;border-radius: 10px;background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.5);overflow-y:auto; display:flex; flex-direction: column; -webkit-overflow-scrolling:touch; }
/* 웹전용 */
.EmailRegistPage .layerSearch{position: relative; left:0; top:0;border-radius: 0;}
.layerSearch .titbox{flex:1; text-align:center; font-size:14px}
.layerSearch .layerTop .btn-text { font-size:14px; font-weight:700; margin-left:-28px; } /* 프로필관리 */
.layerSearch .scrollbar-outer { height:100%; }
.totalSearchbar { display:flex; align-items:center; position:relative; height:40px; padding:0 52px 0 48px;} /* 0828  margin-top:4px; 삭제*/
.totalSearchbar .btn-pageback { position:absolute; top:8px; left:16px; }
.totalSearchbar .btn-search { position:absolute; top:0; right:16px; animation:searchmove 2s; width:40px; height:40px; background-size:24px 24px; border:0;}
.totalSearchbar .inp-total-search { display:flex; width:100%; height:24px; }
.totalSearchbar .inp-total-search .form-control { flex:1; border:0; width:100%; font-size:14px; line-height:20px; color:#222; font-weight:400; vertical-align:top; padding:0;height:auto }
.totalSearchbar .inp-total-search .form-control::placeholder { font-weight:300; color:#676767; }
.web .layerSearch.leftfullpage{position: relative;left: auto;top: auto; right:auto;border-radius: 0; box-shadow: none;padding-top:16px; display:block;}
@keyframes searchmove {
from {transform:translateX(-44px);}
to {transform:translateX(0px);}
}
.totalSearchWrap { position:relative; position:-webkit-sticky; position:sticky;left:0;top:0;z-index:10;width:100%;padding-top:4px;background:#fff;}
.totalSearchWrap.fixed { box-shadow:0 2px 2px rgba(0, 0, 0, 0.06); }
.search-column-wrap { display:flex; flex-direction:column; box-sizing:border-box; position: relative; z-index:1 } /* padding-top:44px;  */

.search-guide { overflow:hidden; position:relative; margin:8px 16px; padding:8px 12px; border-radius:10px; background:#17356e; }
.search-guide:after { content:''; width:140px; height:140px; position:absolute; right:-24px; bottom:0; background:url('../../images/bg_search_guide.svg') no-repeat 0 0; background-size:140px 140px;  }
.search-guide .tit-gudie { display:block; font-weight:400; font-size:10px; line-height:16px; color:#ffcc00; text-align:left; }
.search-guide .guide-example + .tit-gudie { margin-top:8px; }
.search-guide .example { position:relative; padding-left:8px; margin-top:2px; font-size:12px; line-height:16px; color:#fff; text-align:left; }
.search-guide .example .comming-soon { display:inline-block; vertical-align:middle; width:73px; height:13px; font-size:10px; line-height:14px; color:#fff; font-weight:400; background:url('../../images/bg_comming_soon_r.png') no-repeat; background-size:100%;}
.search-guide .example:before { content:''; position:absolute; left:2px; top:8px; width:2px; height:2px; background:#fff; }
.search-section .tit-search .append .btn-search-guide { margin-right:5px; }

.search-section { position:relative;position: sticky; padding:4px 0; background:#fff; }
.search-section .tit-search { display:flex; align-items:center; height:32px; padding:0 16px; margin-top:4px; text-align:left; }
.search-section .tit-search .title { font-weight:400; font-size:14px; line-height:20px; color:#222; }
.search-section .tit-search .append { flex-shrink:0; margin-left:auto; }
.search-section .tit-search .btn-text {font-size:12px; line-height:16px; color:#676767; }
.search-section + .search-section { margin-top:4px; }
.search-section + .search-section:before { content:''; position:absolute; left:0; right:0; top:-4px; width:100%; height:4px; background:#f4f4f4; }
.search-section .btn-more { width:100%; height:40px; margin-bottom:-4px; background:url('../../images/btn_more.svg') no-repeat center center; background-size:24px 24px; }
.search-section.open-visit {border-bottom:4px solid #f4f4f4;position:relative;position: sticky;top: 44px;z-index: 9; }
.search-section.open-visit + .search-section { margin-top:0; }
.search-section.open-visit + .search-section:before { display:none; }

/* 자주가는 단지 */
.slide-often-visit {display:flex;flex-wrap:nowrap; padding:0 0 4px 16px; margin-left:-5px; } /* overflow: hidden; overflow-x: scroll; */
.slide-visit-item { position:relative; flex:0 0 66px; margin-top:8px; }
.slide-visit-item .ico-myyourhome { position:absolute; right:8px; top:36px; z-index:1; width:24px; height:24px; background:url('../../images/ico_myyourhome.png') no-repeat 50%; background-size:24px 24px; }
.slide-visit-item .thumbnail { overflow:hidden; position:relative; width:56px; height:56px; margin:0 auto; border-radius:56px; }
.slide-visit-item .thumbnail .rank { position:absolute; left:8px; top:0; width:16px; height:26px; font-size:10px; line-height:26px; color:#fff; text-align:center; background:url('../../images/bg_visit_rank.svg') no-repeat 50%; background-size:16px 26px;}
.slide-visit-item .thumbnail img { width:100%; }
.slide-visit-item .danji-name { display:-webkit-box; overflow:hidden; height:28px; margin-top:4px; font-size:10px; line-height:14px; color:#4c4a3f; text-align:center; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all; }
.slide-visit-item .lookafter-danji .thumbnail { overflow:visible; position:relative; width:56px; height:56px; border-radius:56px; box-shadow:0 1px 8px rgba(0,0,0,0.2); background:url('../../images/ico_bookmark_on.svg') no-repeat 50%; background-size:24px 24px;}
.slide-visit-item .lookafter-danji .thumbnail .num { position:absolute; right:0; top:0; display:flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:18px; font-size:10px; line-height:14px; color:#fff; background:#ff0200; }
.slide-visit-item .lookafter-danji .detail { margin-top:4px; font-size:10px; line-height:14px; color:#4c4a3f; }
.slide-visit-item .lookafter-danji .detail:after { content:'>'; }
.slide-visit-item .lookafter-danji .detail .num { color:#f61800; }
/* 검색리스트 */
.list-search-poi .search-keyword { color:#517ad6;}
.list-search-poi .item-search-poi { position:relative; display:flex; align-items:center; }
.list-search-poi .item-search-poi .btn-del { margin:0 16px 0 -16px; flex-shrink:0; }
.list-search-poi .item-search-poi > div { overflow:hidden; display:flex; flex:1; flex-wrap:nowrap; align-items:center; height:44px; padding:10px 16px; text-align:left; box-sizing:border-box; }
.list-search-poi .item-search-poi .ico-poi { flex-shrink:0; width:24px; height:24px; margin-right:8px; background-repeat:no-repeat; background-position:0 0; background-size:24px 24px; }
.list-search-poi .item-search-poi .ico-poi:before { position:absolute; overflow:hidden; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; }
.list-search-poi .item-search-poi .ico-poi.ico-location { background-image:url('../../images/ico_poi_location.svg'); } /* 지역 */
.list-search-poi .item-search-poi .ico-poi.ico-subway { background-image:url('../../images/ico_poi_subway.svg'); } /* 지하철 */
.list-search-poi .item-search-poi .ico-poi.ico-school { background-image:url('../../images/ico_poi_school.svg'); } /* 학교 */
.list-search-poi .item-search-poi .ico-poi.ico-apt { background-image:url('../../images/ico_poi_apt.svg'); } /* 단지(아파트) */
.list-search-poi .item-search-poi .ico-poi.ico-officetel { background-image:url('../../images/ico_poi_officetel.svg'); } /* 단지(오피스텔) */
.list-search-poi .item-search-poi .ico-poi.ico-location:before { content:'지역'; }
.list-search-poi .item-search-poi .ico-poi.ico-subway:before { content:'지하철'; }
.list-search-poi .item-search-poi .ico-poi.ico-school:before { content:'학교'; }
.list-search-poi .item-search-poi .ico-poi.ico-apt:before { content:'단지(아파트)'; }
.list-search-poi .item-search-poi .ico-poi.ico-officetel:before { content:'단지(오피스텔)'; }

.list-search-poi .item-search-poi .ico-poi.ico-villa { background-image:url('../../images/ico_poi_villa.svg'); } /* 빌라 */
.list-search-poi .item-search-poi .ico-poi.ico-search { background-image:url('../../images/ico_poi_search.svg'); } /* 최근검색 */
.list-search-poi .item-search-poi .ico-poi.ico-villa:before { content:'빌라'; }
.list-search-poi .item-search-poi .ico-poi.ico-search:before { content:'최근검색'; }
.list-search-poi .item-search-poi .search-poi { overflow:hidden; flex:1; display:flex; flex-wrap:nowrap; align-items:center; padding:0 8px 0 0; font-size:14px; line-height:20px; color:#222;  }
.list-search-poi .item-search-poi .search-poi .text { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list-search-poi .item-search-poi .search-poi .text .addr { position:relative; top:-1px; margin-right:2px; font-size:12px; line-height:16px; color:#676767;}
.list-search-poi .item-search-poi .r-append { flex-shrink:0; margin-left:auto; padding-left:4px; }
.list-search-poi .item-search-poi .addr-poi { font-size:12px; line-height:16px; color:#676767; }
.list-search-poi .item-search-poi .date { font-size:12px; line-height:16px; color:#b2b2b2; }

/*검색결과 없을시*/
.none-search { display:flex; align-items:center; justify-content:center; width:100%; min-height:210px;padding:16px 16px; text-align:center; box-sizing:border-box; }
.none-search .icon { display:block; width:24px; height:24px; margin:0 auto 2px; border:0; background:url('../../images/ico_none_search.svg') no-repeat 0 0; background-size:24px 24px; }
.none-search .tit-message { font-weight:400; font-size:18px; line-height:30px; color:#676767; }
.none-search .txt-assist { margin-top:2px; font-size:12px; line-height:16px; color:#676767; }
.none-search .subtext{color:#676767; font-size:12px}
.chartWrap .none-search .tit-message {font-size:14px;}

/* 자동완성*/
.current-search .addr{display:none}
.current-search .search-keyword{color:#222;}
.autoCompleteWrap{position:absolute; left:0; top:50px; width:100%; height:calc(100% - 51px); background-color:#fff; z-index: 99; } /* overflow: hidden; overflow-y:scroll */
.autoCompleteWrap .addr{display:inline-block}
.autoCompleteWrap .btn-del{display:none}
.autoCompleteWrap .search-keyword{color:#517ad6}
.autoCompleteWrap .item-search-poi .r-append{display:none}
.autoCompleteWrap .item-search-poi.current-search .r-append{display:block}
.autoCompleteWrap .item-search-poi:not(.current-search) .ico-poi.ico-apt,
.autoCompleteWrap .item-search-poi:not(.current-search) .ico-poi.ico-officetel { background-image:url('../../images/ico_poi_apt_l.svg'); }
.autoCompleteWrap .item-search-poi:not(.current-search) .ico-poi.ico-villa { background-image:url('../../images/ico_poi_villa_l.svg'); }

/*검색결과*/
.search-tabs { padding:6px 16px 11px; box-sizing:border-box; background:#fff;position:-webkit-sticky; position: sticky;z-index: 999;left: 0;top: 44px;}
.search-tabs.fixed { position:-webkit-sticky; position:sticky; left:0; top:44px; z-index:10; }
.tabs-search { display:flex; justify-content:space-between; width:100%; border-bottom:2px solid #ddd; }
.nav-item { display:flex; flex:auto; align-items:center; justify-content:center; position:relative; height:31px; border:0; font-weight:300; font-size:12px; line-height:16px; color:#676767;cursor: pointer; }
.nav-item.active { color:#222; }
.nav-item.active:after { content:''; position:absolute; bottom:-2px; left:0; height:2px; width:100%; background:#222; }
.tabs-search  .nav-link{padding:0}
.scrollBody{position:relative; height:calc(100vh - 118px); } /* overflow:hidden; overflow-y:auto */
.tag-sale {display: flex;align-items: center;flex-shrink: 0;height: 16px;padding: 0 8px;font-size: 10px;line-height: 14px;color: #fff;text-align: center;border-radius: 10px; background: #e7573a;}
.list-search-poi{position:relative; }
.list-search-poi.more{height:480px; overflow:hidden;}
.list-search-poi.moreauto{height:auto; overflow:hidden; padding-bottom:40px;}
.list-search-poi .btn-moretable{background-color:#fff; border-top:none; height: 40px;bottom:0px}
.list-search-poi .btn-moretable.up{ border-bottom:none;}
.list-search-poi.more .btn-moretable{display:block}
.search-section + .search-section:before{content: '';position: absolute;left: 0; right: 0; top: -4px; width: 100%; height: 4px; background:#f4f4f4;}

.none-search.view{height:calc(100vh - 118px);}


/*전체메뉴 레이어 */
.stickyTop > .mainbt{position: absolute; right:21px; top:5px; z-index:99}
.mainbt .btn + .btn {margin-left:10px}
.profileWMain {display:flex; flex-wrap:nowrap; align-items:center; position: relative; padding:0 16px;}
.profileWMain .img {position:relative; width:48px; height:48px; border-radius:50%; background:#d8d8d8;}
.profileWMain .img img {width:100%;}
.profileWMain .txt1 {width: calc(100% - 48px);  padding-left:13px; font-size:16px; line-height:24px; text-align:left;}
.profileWMain .userInfo { max-width: calc(100% - 79px); margin-bottom:-8px;}
.profileWMain .userInfo span { overflow: hidden; white-space: nowrap; word-break: break-all; }
.profileWMain .userInfo span {position: relative; display:flex; align-items: center;}
.profileWMain .userInfo span > em{max-width:225px;overflow: hidden;}
.profileWMain .userInfo span > em:after{content:""; display:block; width:10px; height:24px;background:url("/images/nickname_gradient.svg") no-repeat right top; position: absolute; right:27px; top:0}
.profileWMain .userInfo span.uphone> em{max-width: 180px;}
.profileWMain .userInfo span.uphone> em:after{right:8px}
.profileWMain .uname { display:block;  font-size:16px; line-height:24px; color:#222; }
.profileWMain .uphone {display:block; margin-top:-3px; font-size:12px; line-height:21px; color:#161616; }
.profileWMain .link1 {display:inline-block; position:relative; line-height:23px; padding-right:24px;}
.profileWMain .link1:after {content:''; position:absolute; top:1px; right:0; width:24px; height:24px; transform:rotate(-180deg); background:url('../../images/btn_searchbar_back.svg') no-repeat 0 0/24px auto;}
.profileWMain .btn-setImg {position:absolute; left:50%; top:0; bottom:0;margin-left:-34px; border:0;}
.profileWMain .quickLinkList { position: absolute; right: 0; top: 0; margin: 9px 0 0; border-left: 1px solid #ddd; width:101px}
.profileWMain .quickLinkList [class*='quickicon'] { min-width: auto; width: 45px; margin: 0 0 0 10px; }
.profileWMain .quickLinkList [class*='quickicon']:before { width: 20px; height: 20px; background-size: 100%; }
.profileWMain .quickLinkList .btn-quickicon.ico6{width:100%; margin-left:0}
.profileWMain .userInfo span.uname:after{content:""; display:inline-block; width:16px; height:16px;background:url('../../images/btn_mainedit.svg') no-repeat 0 0/100%;}

@media (max-width: 580px)  {
  .profileWMain .userInfo span > em{max-width:135px;}
}

.myyourTabBox {display:flex; height:40px; margin:8px 16px 0; align-items:center; box-shadow:0 1px 8px 0 rgba(0, 0, 0, 0.15); border-radius:10px; background:#fff;}
.myyourTabBox [class*='btn-tab'] { width:100%; height:100%; line-height:40px; color:#222; }
.myyourTabBox [class*='btn-tab']:before {content:''; display:inline-block; width:24px; height:24px; margin:-3px 4px 0 0; background:no-repeat 50% 0/24px auto; vertical-align:middle;}
.myyourTabBox [class*='btn-tab'].active{color:#517ad6; font-weight:700;}
.myyourTabBox [class*='btn-tab'].active:before {width:28px; height:28px; margin-right:2px; background-position:50% 0; background-size:28px auto;}
.myyourTabBox .btn-tab.tab1:before {background-image:url('../../images/ico_myyour_history.svg');}
.myyourTabBox .btn-tab.tab2:before {background-image:url('../../images/ico_myyour_interest.svg');}
.myyourTabBox .btn-tab.tab3:before {background-image:url('../../images/ico_myyour_call.svg'); }
.myyourTabBox .btn-tab.tab1.active:before {background-image:url('../../images/ico_myyour_history_on.svg');}
.myyourTabBox .btn-tab.tab2.active:before {background-image:url('../../images/ico_myyour_interest_on.svg');}
.myyourTabBox .btn-tab.tab3.active:before {background-image:url('../../images/ico_myyour_call_on.svg'); }
.myyourhomeBox {position:relative; border-radius:10px;margin:0 16px 0px; padding:11px; padding-bottom:14px; background:#0b214b;}
.myyourhomeBox.myyourhomeDef img {width:100%; max-width:282px; }
.bnr-danji { margin:0 16px 8px; border-radius:10px; background:#0b214b; }
.bnr-danji img { width:100%; max-width:304px; }

.quickLinkList {display:flex; flex-wrap:wrap; margin:20px 0 8px 0; padding:0 16px; align-items: flex-start;}
.quickLinkList .link {display:flex; position:relative; width:25%; margin-top:4px; padding-top:28px; font-size:12px; line-height:16px; justify-content:center;}
.quickLinkList [class*='quickicon']{ min-width:25%; width:25%;cursor: pointer; display:flex; flex-direction: column; align-items: center; font-size:12px; margin-bottom:15px; color:#676767; border:0; line-height:14px; }
.quickLinkList [class*='quickicon']:before{content:"";display:block; width:24px; height:24px; margin:0 auto 2px; background:no-repeat 0 0/20px auto; }
.quickLinkList .btn-quickicon.ico1:before{background-image:url('../../images/ico_myyour_group1.svg');}
.quickLinkList .btn-quickicon.ico2:before{background-image:url('../../images/ico_myyour_group2.svg');}
.quickLinkList .btn-quickicon.ico3:before{background-image:url('../../images/ico_myyour_group3.svg');}
.quickLinkList .btn-quickicon.ico4:before{background-image:url('../../images/ico_myyour_group4.svg');}
.quickLinkList .btn-quickicon.ico5:before{background-image:url('../../images/ico_myyour_group5.svg');}
.quickLinkList .btn-quickicon.ico6:before{background-image:url('../../images/ico_myyour_group6.svg'); width:24px; height:24px;}
.quickLinkList .btn-quickicon.ico7:before{background-image:url('../../images/ico_myyour_group7.svg');}
.quickLinkList .btn-quickicon.ico8:before{height:20px; background-image:url('../../images/ico_myyour_group8.svg');}
.quickLinkList .btn-quickicon.ico9:before{background-image:url('../../images/ico_myyour_group9.svg');}
.quickLinkList .btn-quickicon.ico10:before{background-image:url('../../images/icon_24_estate_hub.svg'); height:25px}
.quickLinkList .btn-quickicon.ico11:before{background-image:url('../../images/icon_24_quick_search.svg'); height:24px}



.quickLinkWrap{padding:0 16px; margin:10px 0;}
.boxquick{padding-bottom:8px;border-bottom: solid 1px #f1f1f1; display: flex;justify-content: space-between;}
.boxquick > .btn{flex:1; height:76px;border:none; border-radius:0;padding:0px; margin-right:4px;line-height:14px; letter-spacing:-1px;}
.boxquick > .btn:nth-last-of-type(1){border:none; border-radius:0;padding:0px; margin-right:0px;}
.boxquick > .btn >span{display:block;width:100%; height:100%; background-color:#fff; box-shadow:0 0 5px rgb(0 0 0 / 10%); border-radius:8px;padding:8px; text-align:left;border:solid 1px #f1f1f1}
.boxquick > .btn >span::before{content:"";display:block; width:100%; height: 24px; margin-bottom:4px;}
.boxquick > .btn:active > span{background-color:rgba(211,211,211,1)}
.boxquick > .btn.type1 >span:before{background: url('../../images/icon_24_quick_search_main.svg') no-repeat right 0/24px;}
.boxquick > .btn.type2 >span:before{background: url('../../images/icon_24_statistics_main.svg') no-repeat right 0/24px;}
.boxquick > .btn.type3 >span:before{background: url('../../images/icon_24_smart_loan_main.svg') no-repeat right 0/24px;}
.boxquick > .btn.type4 >span:before{background: url('../../images/icon_24_calculate_2_main.svg') no-repeat right 0/24px;}
.listquick{padding-top:8px;}
.listquick > .btn{display:block; border:none; padding:0 12px; height:40px; width:100%;border-radius: 0}
.listquick > .btn:active{background-color:rgba(211,211,211,1);border-radius:4px}
.listquick > .btn > span{display:flex;justify-content: flex-start; align-items:center; position: relative;}
.listquick > .btn > span:before{content:""; display:inline-block; margin-right:8px;}
.listquick > .btn > span::after{content:""; display:block;width:8px; height:8px;position: absolute;top: 50%;right: 0px;margin-top: -6px; border: 2px solid#d8d8d8; border-left: 0;border-bottom: 0;transform: rotate(45deg);}
.listquick > .btn:active > span::after{border-color:#b5b4b4}
.listquick > .btn.type1 > span:before{content:""; display:block; width:24px; height:24px;background: url('../../images/icon_24_estate_hub_main.svg?20211125') no-repeat 0 0/100%;}
.listquick > .btn.type2 > span:before{content:""; display:block; width:24px; height:24px;background: url('../../images/icon_24_find_home_main.svg') no-repeat 0 0/100%;}
.listquick > .btn.type3 > span:before{content:""; display:block; width:24px; height:24px;background: url('../../images/icon_24_opinion_main.svg') no-repeat 0 0/100%;}
.listquick > .btn.type4 > span:before{content:""; display:block; width:24px; height:24px;background: url('../../images/icon_24_cscenter_main.svg') no-repeat 0 0/100%;}
.listquick > .btn.type5 > span:before{content:""; display:block; width:24px; height:24px;background: url('../../images/icon_24_dathub.jpg') no-repeat 0 0/100%;}
.listquick > .btn.type2{height:40px;margin-bottom:8px; margin-top:8px;border-bottom: solid 1px #f1f1f1;}
.listquick > .btn.type3{height:40px;margin-top:8px; }
@media all and (max-width: 720px)  {
  .listquick > .btn > span{padding:8px 6px}
}
.layerimg{padding:32px 0; text-align:center}

.liivStoryW {display:flex; margin:0px 16px 8px 16px; text-align:left;align-items: center; cursor:pointer;}
.liivStoryW .tit { flex-shrink:0; overflow:hidden; width:115px; height:13px; text-indent:100%; background:url('../../images/ico_logo_liiv1.svg?20211125') no-repeat 0 50%/100% auto;}
.liivStoryW .linkBox { flex:1; padding-left:3px; display:flex; justify-content:space-between; max-width:162px; }
.liivStoryW .linkBox .ico-sns { text-indent:100%; border-radius:0; border:0; min-width:16px; min-height:16px; background-size:16px}
.ico-sns.youtube { background-image:url('../../images/btn_youtube_player_s.svg'); background-size:22px}
.ico-sns.naverp { background-image:url('../../images/ico_myyour_naverp.jpg');}
.ico-sns.facebook { background-image:url('../../images/ico_myyour_facebook.svg');}
.ico-sns.iboon { background-image:url('../../images/ico_myyour_iboon.jpg');}
.ico-sns.cacatv { background-image:url('../../images/ico_myyour_kakaotv.jpg');}
.ico-sns.navertv { background-image:url('../../images/ico_myyour_navertv.jpg');}
.liivStoryW .linkBox .ico-sns.youtube { width:22px; background-size:24px auto;}

.app-info, .web-info { margin-bottom:4px; }
.app-info .inner, .web-info .inner { display:flex; justify-content:space-between; align-items:center; margin:0 16px; }
.app-info .btn-txt, .web-info .btn-txt {min-height:14px; padding:0 12px 0 4px; display:inline-flex; align-items:center; font-size:10px; line-height:14px; color:#676767; border:0;
  background-color:#f1f1f1; background-image:url('../../images/icon_16_arrow_small_right.svg');
  background-repeat: no-repeat;
  background-position: right center;
  background-size:12px;
}
.app-info .btn-txt .icoStar { display:inline-block; width:9px; height:9px; margin:0 1px; background:url('../../images/ico_app_star.svg') no-repeat 0 0; background-size:9px 9px; }
.appVersion {display:block; height:16px; padding:0 6px; color:#676767; font-size:10px; line-height:15px; border-radius:12px; }
.appVersion.pos-a {position:absolute; bottom:4px; left:50%; margin-left:-40px;}

.web-info .inner { justify-content:flex-end; }
.web-info .btn-txt + .btn-txt { margin-left:8px; }
.app .web-info { display:none; }

.bg-bulr-white .vm--overlay {background: rgba(255, 255, 255, 0.65);}
.bg-bulr-white .vm--modal { background:none; box-shadow:none;}
.snsPop { background-color:rgba(54,54,54,.95); width:100%; height:100%; border-radius:24px;padding:16px 15px; position:relative;}
.snsPop .title { display:block; width:129px; height:14px; margin:0 auto 4px; background:url('../../images/tit_logo_liiv.svg') no-repeat 0 0; background-size:129px 14px;}
.snsPop .list-sns { display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 -15px; }
.snsPop .list-sns > div { display:flex; flex-direction:column; width:33.3%; align-items:center; margin-top:16px; font-size:12px; line-height:16px; color:#fff; }
.snsPop .list-sns > div .btn-sns { margin-bottom:4px; width:60px; height:60px; border:0; background-repeat:no-repeat; background-size:60px 60px; }

/*전체메뉴 내집네집 등록후 */
.regist-roll{position: relative; }
.regist-roll .slick-initialized .slick-slide .myyourhome-card { height:266px; margin:0; }
.regist-roll .slick-initialized .slick-slide .myyourhome-card .chartArea { margin-top:10px; height:120px; }
.regist-roll .slick-initialized .slick-slide .lastbox{ position:relative; height:140px; padding:20px 0 0; border-radius:16px; border:1px solid #17356e; box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.2); background-color:#fff;}
.regist-roll .lastbox .txt4{font-size:14px; line-height:20px; text-align:center; color:#517ad6; }
.regist-roll .lastbox .btn-lineLink { border:0; font-weight:300; }
.regist-roll .lastbox .txt4 + .btn-lineLink { margin-top:38px; }
.regist-roll .lastbox .btn-lineLink:after { content:''; display:inline-block; vertical-align:middle; width:16px; height:16px; background:url('../../images/icon_16_arrow_small_right.svg') no-repeat 0 0; background-size:100%; }
.regist-roll .slick-initialized .slick-slide .whbox .btn-moreview2{position:absolute; z-index:2; top:8px; right:8px;}
.regist-roll .myyourhome-card .addr-myyourhome {display:flex; align-items: baseline;}
.regist-roll .myyourhome-card .addr-myyourhome .name {font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.regist-roll .myyourhome-card .addr-myyourhome .number { flex-shrink: 0; font-size: 12px; margin-left: 4px; }
.regist-roll .myyourhome-card .addr-myyourhome .number { flex-shrink: 0; font-size: 12px; margin-left: 4px; }
.regist-roll .myyourhome-card .addr-myyourhome .dimension { flex-shrink: 0; }
.regist-roll .slick-dots{margin:-9px 0 0px 0; padding:0 80px; }
.regist-roll .slick-dots > li { width:4px !important; height:4px !important; }
.regist-roll .slick-dots > li.slick-active { width:6px !important; height:6px !important;}
.chartArea .kb-legend, .chartArea .sale-legend { position:absolute; left:50%; top:10px; transform:translate3d(-50%,0,1px); background-color:#0b214b;}
.kb-legend { display:inline-flex; align-items:center; height:20px; padding:0 7px; font-size:10px; line-height:18px; color:#fff; border:1px solid #4178f4; border-radius:8px; }
.kb-legend:before { content:''; width:20px; height:20px; margin-right:2px; background:url('../../images/legend5.svg') no-repeat 0 0; background-size:100%; }
.sale-legend { display:inline-flex; align-items:center; height:20px; padding:0 7px; font-size:10px; line-height:18px; color:#fff; border:1px solid #56d4f0; border-radius:8px; }
.sale-legend:before { content:''; width:20px; height:20px; margin-right:2px; background:url('../../images/legend6.svg') no-repeat 0 0; background-size:100%; }
.myyourhome-card .chartArea.nodata .nodatatx { color:rgba(255,255,255,.6); background-image: url('../../images/error2_w.svg'); }
.registbot{width:100%; padding:0 20px; text-align:right; position: absolute; right:0; bottom:0}
.registbot .btn-text{ font-size:12px; color:#676767; text-decoration: underline; font-weight:400; min-height:16px; line-height:16px; border:none}

/*최근*/
.gropup-none{margin-top:90px;}
.text-none{flex:1;background:url('../../images/non_apt.svg') no-repeat center top; padding-top:58px;  font-size:18px; color:#676767}
.menumain .tabs .card-header{ position:-webkit-sticky; position:sticky; z-index:9; top:86px; margin:0 -16px; padding:8px 16px 0; background:#fff; }
.menumain .tabs.tabs-etc{margin:0 16px;padding-top:0;}
.menumain .tabs.tabs-etc .nav-tabs .nav-link { font-size:14px; }

.list-info{display:flex; justify-content: space-between; align-items: center;height:36px; font-size:12px;}
.listcount{display:inline-block; margin-left:3px;}
.grouplists .list{display:flex; padding:12px 0 13px; border-top:solid 1px #ddd; }
.grouplists .list .listinfo, .grouplists .list .alerm{flex-shrink:0; display:flex; flex-direction: column;color:#676767;}
.grouplists .list .listinfo { flex:1; align-items:flex-start; margin-top:2px; overflow:hidden; }
.grouplists .list .listinfo .name{display: flex; color:#222; line-height:20px; min-width:0;width:100%;}
.grouplists .list .listinfo .name .label { flex-shrink:0; }
.grouplists .list .listinfo .name div { text-overflow:ellipsis; white-space:nowrap;text-align:left;overflow:hidden}
.grouplists .list .listinfo .name-dec { margin-top:3px; line-height:16px; text-align:left}
.grouplists .list .listinfo .name-dec .listtext{margin:0 0 0 5px; padding-left:6px;  font-size:12px; line-height:16px; color:#676767;}
.grouplists .list .listinfo .name-dec .listtext::after{background-color:#676767; top:8px; }
.grouplists .list .listinfo .name-dec .listtext:nth-of-type(1){margin-left:0; padding-left:0}
.grouplists .list .listinfo .name-dec .listtext:nth-of-type(1)::after{display: none;}
.grouplists .list .alerm { position:relative; align-items: flex-end;}
/* .grouplists .list .alerm:before { content:''; height:24px; width: 24px; position: absolute; top: 0; left:-24px; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,1) 100%); } */
.grouplists .list .alerm .btn-bookmaker{max-width:24px;}
.grouplists .list .alerm .alermbt{display:flex;}
.grouplists .list .alerm .checklabel .label.round{background-color:#023177; color:#fff; height:16px; line-height:13px; padding:0 8px; margin:0 8px 0 0;}
.grouplists .list .alerm .checklabel .tag-sale { display:inline-flex; margin:0 8px 0 0; }
.grouplists .list .alerm .alerm-data {position:absolute;bottom:0;right:0;text-align:right;width:70px;font-size:12px;line-height:16px;color: #676767;}

.buygroup .blistbox{padding:11px 0 6px; border-color:#ddd; border:1px solid #ddd; border-width:1px 0 0 0;}
.buygroup .blistbox .imginfo{width:86px}
.buygroup .blistbox .imginfo img{width: 86px; height:72px}
.buygroup .blistbox .imginfo .orderlabel { width:39px; height:14px; }
.buygroup .blistbox .name.flexbox{justify-content: space-between; align-items: center;}
.buygroup .blistbox .name.flexbox > div { display:flex; }
.buygroup .blistbox .name.flexbox > div:nth-last-child(1) { flex-shrink:0; }
.buygroup .blistbox .label { flex-shrink:0; }
.buygroup .blistbox .name.flexbox .name-location{margin-right:4px}
.buygroup .blistbox .name.flexbox .name-location + .btn{margin-top:-2px;}
.buygroup .blistbox .name.flexbox .fullname{width:150px;display:inline-block;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.buygroup .textinfo .cost .date{position:absolute; right:0; top:10px; color:#676767; font-size:12px}
.buygroup .blistbox .name.flexbox + .flexbox{position: relative;}

/* 관심 */
/* 관심단지 */
.guideBox {position:relative; margin-top:8px; padding:8px; font-size:12px; line-height:16px; color:#fff; text-align:left; box-shadow:0 2px 4px rgba(0, 0, 0, 0.2); border-radius:10px; background:#17356e url('../../images/bg_guideBox1.svg') no-repeat right 90%/40px auto;}
.guideBox .btn-bookmark {display:inline-block; margin-top:-3px; vertical-align:top; background-position:50% 50%; background-size:20px auto;}
.guideBox .pointTxt1 {color:#f8e71c;cursor: pointer;}
.guideBox .pointTxt2 {color:#50e3c2; text-decoration:underline;cursor: pointer;}
.guideBox .btn-close {position:absolute; z-index:5; top:8px; right:8px; min-width:16px; min-height:16px; background-size:16px 16px;}
.iconlike{display:inline-block; width:18px; height:18px; margin:0 2px; background:url('../../images/ico_bookmark_like.svg') no-repeat center center; background-size:18px; vertical-align: middle;}
.summarylist { border-bottom:1px solid #ddd; }
.summarylist .summaryContW{padding:8px 0 12px;border-top:solid 1px #ddd}
.summarylist .summaryContW .btarea{position:absolute; top:9px; right:0;}
.summarylist .summaryContW .btarea .btn{min-width:24px; min-height: 24px; vertical-align: middle; margin-left:8px;}
.summarylist .summaryContW .btarea .btn-bookmaker{position: relative; top:auto; right:auto; }
.summarylist .summaryContW .tit{padding-right:50px;}
.summarylist .summaryContW .img { top:-20px; }
.summarylist .summaryContW .info-sale-btns { margin:-2px 0 0; }
.summarylist .summaryContW .sale-btn-group { height:24px; font-size:12px; }
.summarylist .summaryContW .sale-btn-group.f3 .btn-sale,
.summarylist .summaryContW .sale-btn-group.f3 .btn-sale .num { font-size:12px; }
.summarylist .summaryContW .info-sale-btns >.btn-salegroup { line-height:22px; font-size:12px; }

/* 자주가는 단지 */
.gropup-none+.oftengroup{margin-top:90px}
.oftengroup .oftentit{display: block;margin: 0 -16px; padding: 0 16px;font-size: 12px; line-height: 32px;text-align: left;background: #f8f8f8;}
.oftengroup .oftentit .blue{color:#517ad6}
.oftenlist{padding:12px 0; }
.oftenlist.openSell { padding:10px 0 11px; }
.oftenlist .line{ display:flex; flex-wrap:nowrap;justify-content: space-between;align-items: center;}
.oftenlist .name{ flex:1; overflow: hidden; text-overflow: ellipsis;white-space:nowrap;text-align:left;}
.oftenlist .line + .line { margin-bottom:3px; } /* 관심매물탭_자주본 매물등록하기 */
.oftenlist .line + .line .name { display:flex; align-items:center; } /* 관심매물탭_자주본 매물등록하기 */
.oftenlist .name .label { margin-top:0; }
.oftenlist .name .costtx { font-weight:400; }
.oftenlist .location{margin-right:2px;font-size:12px; color:#676767}
.oftenlist .sell-step-tag{margin-right:6px;}
/* 관심분양 */
.textsorting .btn-text{margin-right:10px;font-size:14px; color:#222;}
.textsorting .btn-text:not(.active) {font-weight:300;}
.textsorting .btn-text.active{font-size:14px; color:#517ad6;font-weight:400;}
.sellgroup .summaryContW{padding:13px 0 14px;}
.sellgroup .summaryContW { border-top:solid 1px #ddd}
.sellgroup .summaryContW .btn-bookmaker {top:11px; }
.sellgroup .summaryContW .btn-close { position:absolute; right:0; top:11px; }

.layermore{width:152px; height:56px; position: absolute; right:0; top:30px;; background-color:#fff; box-shadow: 0 2px 4px rgba(0,0,0,0.5); z-index:99;}
.layermore .btn-text{display:block;width:100%; height:28px; line-height:27px; color:#222; font-size:14px;border-bottom:solid 1px #f1f1f1; text-align:left; padding-left:8px; border-radius: 0;}
.layermore .btn-text.active{color:#517ad6}
.layermore .btn-text.disable{color:#ddd}
.list-info >div{position: relative;}
.list-info >div .btn + .btn-moreview2 { margin-left:8px; }
.stoplistbar{height:32px; margin:0 -16px; padding:0 16px;line-height:32px;background-color:#b2b2b2; text-align:left; font-size:12px;}
.buygroup.stoplist{position:relative;}
.buygroup.stoplist:after{content:""; display:block; width:calc(100% + 32px); height:100%;margin:0 -16px; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.5)}
.roundinfo{width:70px; height:70px; display:flex; flex-direction: column;  background-color:#363636; color:#fff; font-size:12px; text-align:center;position: absolute;left: 0;top: 0;justify-content:center}

/* 알림 */
.alarm-sort{padding: 0 16px 10px 4px;text-align: left;}
.checkGroupform {display:flex;}
.checkGroupform .btn-group { flex-wrap:wrap; }
.checkGroupform .btn-group .btn-secondary { display:flex; align-items:center; justify-content:center; flex-grow:0; padding:0 5px; border:0; line-height:23px; font-size:12px; }
.checkGroupform .btn-group .btn-secondary:not(:last-child) { margin-right:8px; }
.checkGroupform .btn-group .btn-secondary.disabled { color:#b2b2b2; background:#f1f1f1; }
.checkGroupform .btn-group .btn-secondary:not(:disabled):not(.disabled).active{background-color:#17356e !important; color:#fff !important}
.checkGroupform.grid .btn-group .btn-secondary { flex:1; }
.checkGroupform.grid .btn-group .btn-secondary:nth-last-of-type(1) { margin-right:0; }

.checkGroupform.setup1,
.checkGroupform.setup3 { padding-right: 12px; }
.checkGroupform.setup1 .btn-group,
.checkGroupform.setup3 .btn-group { display: flex; flex-direction: row; flex: 1; }
.checkGroupform.setup1 .btn-group .btn-secondary,
.checkGroupform.setup3 .btn-group .btn-secondary { flex: 1; }
.checkGroupform.setup2 .btn-group,
.checkGroupform.setup4 .btn-group { padding-right: 12px; }
.checkGroupform.setup2 .btn-group .btn-secondary { min-width:60px; position: relative; }
.checkGroupform.setup4 .btn-group .btn-secondary { min-width:44px; }
.checkGroupform .btn{height:32px; line-height:32px;}
.setup-layer .alarm-control .btn{height:40px; }


.alarm-guide { position:relative; padding:10px 16px; margin:16px 16px 8px; border-radius:8px; text-align:left; box-shadow:0 1px 8px rgba(0,0,0,0.2) }
.alarm-guide .tit-guide { display:block; font-weight:400; font-size:14px; line-height:20px; color:#222; }
.alarm-guide .txt-guide { font-size:12px; line-height:16px; color:#676767; }
.alarm-guide .btn-formround { position:absolute; right:16px; top:8px; min-width:66px; }
.alarm-sort .checkGroupform .btn-group .btn-secondary { min-width:50px; padding:0 10px; margin:8px 0 0 10px; }
.alarm-period {display: flex; align-items: center; margin-top: 16px; padding: 0 16px;height: 32px;font-size: 12px;line-height: 16px;color: #222;text-align: left;}

/* 알람 약관 */
.alram-termcon{text-align:left; padding:0 16px}
.alram-termcon .contit{font-size:18px; margin-bottom:10px;}
.term-par{margin-top:20px;}
.term-par.blue{color:#517ad6;}
.termlist{margin:20px 0;font-size:12px;}
.termlist > div{margin-bottom:10px;}
.termlist .termtitbox{width:96px; height:20px; display:block; margin-bottom:5px; border-radius:10px;background-color:#dddddd; text-align: center; line-height:20px}



.receive-alarm-item { position:relative; padding:10px 16px 16px; background:#fff; }
.receive-alarm-item:before { content:''; position:absolute; left:16px; right:16px; bottom:0px; height:1px; background-color:#ddd; }
.alarm-period + .receive-alarm-item:after, .alarm-period + div .receive-alarm-item:after { content:''; position:absolute; left:16px; right:16px; top:0px; height:1px; background-color:#ddd; }
.receive-alarm-item.new{ background:#f8f8f8; }
.receive-alarm-item.new .alarm-item-head .alarm-type:after { content:'new'; text-indent:-9999px; color:transparent; position:absolute; left:14px; top:-5px; width:6px; height:6px; border-radius:3px; background:#ff0200; }
.receive-alarm-item .alarm-item-head { display:flex; flex-wrap:wrap; align-items:center; height:24px; }
.receive-alarm-item .alarm-item-head .alarm-type { position:relative; padding-left:22px; font-size:12px; line-height:16px; color:#676767; }
.receive-alarm-item .alarm-item-head .alarm-type:before { content:''; position:absolute; left:-4px; top:50%; width:24px; height:24px; margin-top:-12px; background-repeat:no-repeat; background-size:100%; }
.receive-alarm-item .alarm-type.type1:before { background-image:url('../../images/ico_alarm_type1.svg'); } /* KB시세 */
.receive-alarm-item .alarm-type.type2:before { background-image:url('../../images/ico_alarm_type2.svg'); } /* 아파트,오피스텔 실거래가 */
.receive-alarm-item .alarm-type.type3:before { background-image:url('../../images/ico_alarm_type3.svg'); } /* 분양 */
.receive-alarm-item .alarm-type.type4:before { background-image:url('../../images/ico_alarm_type4.svg'); } /* 매물 */
.receive-alarm-item .alarm-type.type5:before { background-image:url('../../images/ico_alarm_type5.svg'); } /* 내집네집 */
.receive-alarm-item .alarm-type.type6:before { background-image:url('../../images/ico_alarm_type6.svg'); } /* 허위매물 신고처리 결과 */
.receive-alarm-item .alarm-type.type7:before { background-image:url('../../images/ico_alarm_type7.svg'); } /* KB엑스퍼트 */
.receive-alarm-item .alarm-type.type8:before { background-image:url('../../images/ico_alarm_type8.svg'); } /* 이벤트 */
.receive-alarm-item .alarm-type.type9:before { background-image:url('../../images/ico_alarm_type9.svg'); } /* 단지사진 선정 */
.receive-alarm-item .alarm-type.type10:before { background-image:url('../../images/ico_alarm_type10.svg'); } /* 신규시세조사요청 */
.receive-alarm-item .alarm-type.type11:before { background-image:url('../../images/ico_alarm_type11.svg'); } /* 시세의견등록 */
.receive-alarm-item .alarm-type.type12:before { background-image:url('../../images/ico_alarm_type12.svg'); } /* 빌라시세-하우스머치 */
.receive-alarm-item .alarm-type.type13:before { background-image:url('../../images/ico_alarm_type13.svg'); } /* 빌라 실거래가 */
.receive-alarm-item .alarm-type.type14:before { background-image:url('../../images/ico_alarm_type14.svg'); } /* 분양 실거래가 */
.receive-alarm-item .alarm-type.type15:before { background-image:url('../../images/ico_alarm_type15.svg'); } /* 기타 */
.receive-alarm-item .alarm-type.type16:before { background-image:url('../../images/ico_alarm_type16.svg'); } /* 단지톡 */
.receive-alarm-item .alarm-item-head .date { flex-shrink:0; margin-left:auto; font-size:12px; line-height:16px; color:#676767; }
.receive-alarm-item .alarm-item-body { margin-top:4px; text-align:left; display: flex; flex-direction: column;}
.receive-alarm-item .alarm-item-body .title { display:block; margin-bottom:6px; font-weight:400; font-size:12px; line-height:16px; color:#222; }
.receive-alarm-item .alarm-item-body .detail { display:flex; align-items:flex-end; position:relative; font-size:12px; line-height:18px; color:#676767; }
.receive-alarm-item .alarm-item-body .detail > div { align-self:flex-start; }
.receive-alarm-item .alarm-item-body .detail .thumb { margin-left:auto; width:41px; height:34px; border-radius:5px; }
.receive-alarm-item .alarm-item-body .detail span + span { margin-left:2px; }

/* 알람 삭제기능 추가 */
.alarm-section .list-info{margin:0 16px;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1}
.alarm-section .list-info + .alarm-period{margin-top:8px}
.alarm-section .list-info + .list-info{border-top:0}
.btn-textbk{font-size:12px;color:#222;font-weight:700}
.btn-textcancel{margin-left:16px;font-size:12px;color:#222;font-weight:400}
.receive-alarm-item.del{display:flex;background:transparent;padding:0}
.receive-alarm-item .agreecheck{flex:0 0 36px;padding-top:0;align-items:center;margin-left:16px;border-right:1px solid #ddd}
.del .alarm-item-wrap{flex:1;padding:10px 16px 16px}
.del.new .alarm-item-wrap{background:#f8f8f8}

.alarm-bot-info { display:flex; align-items:flex-start; justify-content:center; height:32px; margin-top:12px; font-size:12px; line-height:16px; color:#676767; }
.alarm-time-message { position:relative; display:flex; justify-content:flex-end; margin:11px 16px 8px; font-size:12px; line-height:16px; color:#bbb; flex-shrink: 0; }
.alarm-time-message:before { content:''; display:inline-block; width:16px; height:16px; margin-right:4px; background:url('../../images/ico_error.svg') no-repeat 0 50%; background-size:16px 16px; }
.alarm-column-wrap { display:flex; flex-direction:column; box-sizing:border-box;} /* padding-top:44px; height:calc(100% - 44px); */
.alarm-column-wrap .flex1 { position:relative; flex:1; min-height:200px; }
.alarm-column-wrap .flex1 .none-alarm { position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); }

.alarm-column-wrap .alarm-setbox .alarm-setbox-head .btn-switch { position: absolute; right: 16px; top: 15px; }
.alarm-column-wrap .alarm-setbox .alarm-setbox-head .btn-switch .switch input:checked + label { background-color: #17356e; }
.alarm-column-wrap .alarm-setbox .alarm-setbox-head .btn-switch .switch label { height: 14px; width: 33px; background-color: #ddd; }
.alarm-column-wrap .alarm-setbox .alarm-setbox-head .btn-switch .switch label.custom-control-label:after { top: -3px; left: -2px; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);}
.alarm-column-wrap .title { float: left; }
.alarm-column-wrap .btn-view-terms { color: #517ad6; height: 16px !important; min-height: 16px; line-height: 1; font-size: 12px; padding: 0 !important; margin: 0 0 0 8px !important; float: left; }

.none-alarm { display:flex; align-items:center; justify-content:center; width:100%; min-height:210px;padding:16px 16px; text-align:center; box-sizing:border-box; }
.none-alarm .icon { display:block; width:68px; height:54px; margin:0 auto 16px; border:0; background:url('../../images/ico_none_alarm.png') no-repeat 0 0; background-size:68px 54px; }
.none-alarm .tit-message { font-weight:300; font-size:18px; line-height:30px; color:#676767; }
.none-alarm .txt-assist { margin-top:2px; font-size:12px; line-height:16px; color:#676767; }
.none-alarm .btn-txtlink { margin-top:16px; font-size:12px; line-height:16px; color:#676767; border:0; text-decoration:underline; }

.alarm-setbox { margin:8px 16px; border-radius:8px; background:#f8f8f8;}
.alarm-time-message + .alarm-setbox { margin-top:0; }
.alarm-tab { display:flex; justify-content:space-between; margin:10px 8px 0; border-bottom:2px solid #ddd; }
.alarm-tab .nav-item { display:flex; flex:auto; align-items:center; justify-content:center; position:relative; min-width:83px; height:30px; border:0; }
.alarm-tab .nav-link { padding:0; font-size:14px; line-height:20px; font-weight:300; border:0; color:#676767; }
.alarm-tab .nav-link span { position:relative; }
.alarm-tab .nav-link span:after { content:''; display:inline-block; vertical-align:middle; width:2px; height:2px; margin:0 2px; border-radius:2px; background:#676767; }
.alarm-tab .nav-link span:nth-last-of-type(1):after { display:none; }
.alarm-tab .nav-item.active .nav-link { font-weight:700; color:#222; }
.alarm-tab .nav-item.active:after { content:''; position:absolute; bottom:-2px; left:0; height:2px; width:100%; background:#222; }
.alarm-tab .nav-link.active span:after { background:#222; }

.alarm-setbox .alarm-setbox-head { position:relative; padding:14px 60px 14px 16px; }
.alarm-setbox .alarm-setbox-head .left { display:flex; justify-content:space-between; align-items:center; font-size:12px; line-height:16px; text-align:left; }
.alarm-setbox .alarm-setbox-head .left > .inner { flex:1; }
.alarm-setbox .alarm-setbox-head .title { font-weight:400; color:#222; }
.alarm-setbox .alarm-setbox-head .title .optional { color:#676767; }
.alarm-setbox .alarm-setbox-head .assist { margin-top:4px; color:#676767; }
.alarm-setbox .alarm-setbox-head .btn-text { align-self:flex-start; flex-shrink:0; min-height:auto;  line-height:16px; border:0; }
.alarm-setbox .alarm-setbox-head .btn-switch { position:absolute; right:16px; top:10px; }
.alarm-setbox .tabs.tabs-etc{background-color:transparent;margin:0;}
.alarm-setbox .tabs.tabs-etc .nav-tabs .nav-link:hover,
.alarm-setbox .tabs.tabs-etc .nav-tabs .nav-link:not(:disabled):not(.disabled).active{background-color:transparent}
.alarm-setbox .tabs.tabs-etc .card-header{padding:0 8px;}
.alarm-setbox .tabs.tabs-etc .nav-tabs .nav-item:nth-of-type(1){flex:2}
.alarm-setbox .tabs.tabs-etc .list-info{padding:0 12px}
.alarm-setbox .tabs.tabs-etc .card-text{margin-top:8px}
.list-info .total{font-size: 12px;line-height: 16px;color: #676767;}
.list-info .btn-formround{    min-width: auto !important; padding: 0 12px;}

.btn-formround.line-gray {color: #222;border: 1px solid #888; background-color:#fff}



.alarm-item-list .alarm-item { padding:6px 4px; margin:0 8px; }
.alarm-item-list:not(.type-sale) .alarm-item + .alarm-item { margin-top:2px; border-top:1px solid #ddd; }
.alarm-item-list:not(.type-sale) + .alarm-item-list:not(.type-sale) { border-top:1px solid #ddd; }
.alarm-item-list .alarm-item-name { display:flex; align-items:center; height:36px; }
.alarm-item-list .alarm-item-name .name { flex:1; overflow:hidden; width:calc(100% - 55px); padding-right:8px; font-weight:400; font-size:14px; line-height:20px; color:#222; text-align:left; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; }
.alarm-item-list .alarm-item-name .name .addr { margin-right:2px; font-size:12px; line-height:16px; color:#676767; }
.alarm-item-list .alarm-item-name .btn-formround { flex-shrink:0; min-width:47px; background:#fff;}
.alarm-item-list .alarm-item-name .btn-del { background-image:url('../../images/btn_x_del_b.svg');}
.alarm-item-list .alarm-item-option { overflow:hidden; margin-left:-8px; text-align:left; font-size:0;}
.alarm-item-list .alarm-item-option .option { display:inline-block; overflow:hidden; text-align:center; min-width:64px; max-width:calc(100% - 8px); height:24px; padding:0 12px; margin:0 0 8px 8px; border-radius:18px; background:#888; font-size:12px; line-height:24px; color:#fff; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; vertical-align:top; }

/* .alarm-item-list.disabled .alarm-item-name .btn { display:none;} */
.alarm-item-list.disabled .alarm-item-name .name { color:#b2b2b2;}
.alarm-item-list.disabled .alarm-item-name .name .addr { color:#b2b2b2;}
.alarm-item-list.disabled .alarm-item-option .option { background:#e8e8e8;}
.alarm-item-list.disabled .alarm-item-name .tag-myyourhome { background:#b2b2b2;}
.alarm-item-list.disabled .alarm-item .alarm-item-setup .setup { color:#b2b2b2;}


.alarm-item-list .tag-myyourhome { flex-shrink:0; background:#17356e; }
.alarm-item-list.type-myyourhome .alarm-item-name .name { flex:inherit; width:auto; max-width:100%;}
.alarm-item-list .alarm-item-setup { display:flex; flex-wrap:wrap; align-items:center; margin-bottom:8px;}
.alarm-item-list .alarm-item-setup .setup { position:relative; display:flex; justify-content:center; align-items:center; width:50%; height:44px; }
.alarm-item-list .alarm-item-setup .setup:after { content:''; position:absolute; right:0; top:50%; height:20px; width:1px; margin-top:-10px; background:#b2b2b2; }
.alarm-item-list .alarm-item-setup .setup:nth-last-of-type(1):after { display:none; }
.alarm-item-list .alarm-item-setup .setup .btn-switch { margin-left:16px; }

.alarm-item-list .alarm-item-setup .btn-switch label { height: 14px; width: 33px; background-color: #ddd; }
.alarm-item-list .alarm-item-setup .btn-switch label.custom-control-label:after { top: -3px; left: -2px; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);}
.alarm-item-list .alarm-item-setup .btn-switch { margin-top: 10px; }


.comming-soon-area { width:230px; height:139px; margin:0 auto; background:url('../../images/img_comming_soon.svg') no-repeat right center; background-size:177px 139px; }
.alarm-column-wrap .flex1 .comming-soon-area { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
.alarm-setbox .comming-soon-area { min-height:258px; }

/* .setup-layer{padding: 0 0 12px} */
.modal_style .vm--modal { box-shadow: none; }
.setup-layer { padding: 0; box-shadow: 0 1px 8px rgba(0,0,0,0.19); }
.setup-layer-title { text-align: center; font-size: 16px; padding: 16px 0 4px; line-height: 1; }
.alarm-control { display:flex; flex-direction: row; }
.setup-layer .alarm-control { padding:12px; border-top:1px solid #ddd; }
.alarm-control .btn { border: 1px solid #17356e; flex: 1; border-radius: 8px; padding: 4px 0; }
.alarm-control .btn-closeB { margin-right: 8px; background-image: none; position: relative; right: auto; top: auto; margin-right: 8px; background-color: #fff; color: #17356e; }
.alarm-control .btn-saveClose { background-color: #17356e; color: #fff; font-weight:700; }

.setup-layer .setup-register { text-align:left; }
.setup-layer .setup-register.line { position: relative; }
.setup-layer .setup-register.line:after { content: ''; display: block; height: 1px; width: calc(100% - 24px); background-color: #f1f1f1; margin: 0 auto; }
.setup-register .setup-handle { position:relative; padding:10px 56px 10px 12px; }
.setup-register .setup-handle > strong { display:block; font-weight:400; font-size:14px; line-height:20px; color:#222; }
.setup-register .setup-handle .assist { display:block; margin-top:4px; font-size:12px; line-height:16px; color:#676767; }
.setup-register .setup-handle .btn-switch { position:absolute; right:16px; top:13px; }
.setup-register.setupCon { position:relative; border-top: 1px solid #ddd; }
.setup-register.setupCon.disabled:after { content:''; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; }
.setup-register.setupCon .setup-item { background-color: #f8f8f8; position: relative; }
.setup-register.setupCon .setup-item:after { content: ''; height: 1px; width: calc(100% - 24px); margin: 0 auto; display: block; background: #ddd; }
.setup-register.setupCon .setup-item:last-child:after { height: 0; }
.setup-register.setupCon.disabled .setup-item .head .title { color:#b2b2b2; }
.setup-register.setupCon.disabled .setup-item .body .checkGroupform .btn-secondary { border-color:#ddd !important; color:#b2b2b2 !important; background-color:#f1f1f1 !important; }

.setup-register .setup-handle + .setup-item { margin-top:-6px; }
.setup-register .setup-handle + .setup-item .head { border-top:0; }
.setup-register .setup-item .head { display:flex; align-items:center; justify-content:space-between; padding:8px 0 0; margin:0 12px; border-top:1px solid #f8f8f8; }
.setup-register .setup-item .head .title { font-weight:400; font-size:12px; line-height:16px; color:#676767; }
.setup-register .setup-item .body { padding: 12px 0 12px 12px; overflow: hidden;overflow-x: auto;} /* overflow-x:auto; */
.setup-register .setup-item .body .checkGroupform .btn-group { flex-wrap:nowrap; }
.setup-register .setup-item .body .checkGroupform .btn-secondary { background:#fff; border:1px solid #ddd; color:#222; border-radius: 4px !important; }
.setup-register .setup-item .body .checkGroupform .btn-secondary.active { border-color: #17356e; }

.setup-register .switch label { height: 14px; width: 33px; background-color: #ddd; }
.setup-register .switch label.custom-control-label:after { top: -3px; left: -2px; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);}

.btn-change.active {background-image:url('../../images/label_type2.svg'); }

.setup-layer .setup-sale { padding: 15px 12px; background-color: #f8f8f8; border-top: 1px solid #ddd; border-radius: 0 0 8px 8px; }
.setup-sale .checkGroupform .btn-group {width:100%;}
.setup-sale .checkGroupform .btn-group .btn-secondary { border: 1px solid #ddd; color: #222; background:#fff; }
.setup-sale .checkGroupform .btn-group .btn-secondary.active { border-color: #17356e; }
.setup-layer .myyourhome { padding:8px 12px 12px; border-top:1px solid #ddd;}
.setup-layer .myyourhome .btn-myyourhome { position:relative; display:flex; align-items:center; margin:0 auto; padding:0 18px 0 26px; font-size:14px; line-height:20px; color:#517ad6; background:url('../../images/ico_myyourhome.png') no-repeat 0 50%; background-size:24px 24px;}
.setup-layer .myyourhome .btn-myyourhome:after { content:''; position: absolute; right:0; top:4px; width:16px; height:16px;  background-size:100%; background:url('../../images/btn_myyourhome_add.svg') no-repeat 0 0; background-size:100%; }
.setup-layer .myyourhome .btn-myyourhome.disabled,
.setup-layer .myyourhome .btn-myyourhome:disabled { background-color:inherit; border:0; }
.setup-layer .myyourhome .btn-myyourhome.disabled:after,
.setup-layer .myyourhome .btn-myyourhome:disabled:after { background:url('../../images/btn_myyourhome_add_disabled.svg') no-repeat 100% 50%;; }
.setup-layer .myyourhome .btn-myyourhome .comming-soon { position: absolute; left:60px; top:-20px; width:81px; height:21px; font-size:10px; line-height:14px; color:#fff; font-weight:400; background:url('../../images/bg_comming_soon.svg') no-repeat; background-size:100%; }

.setup-layer .myyourhome p { margin-top:6px; font-size:12px; line-height:16px; color:#676767; text-align: center; }
.profileW { display:flex; flex-direction:column; height:auto; padding:16px 16px 12px; box-sizing:border-box; }
.profileW .profile-thumb { position:relative; margin:16px 0 12px; }
.profile-thumb .img { overflow:hidden; width:64px; height:64px; margin:0 auto; border-radius:64px; }
.profile-thumb .img img { width:100%; }
.profile-thumb .btn-setImg { position:absolute; left:50%; top:0; bottom:0; width:68px; height:100%; margin-left:-34px; border:0; }
.profile-thumb .btn-setImg:after { content:''; position:absolute; right:0; bottom:0; width:20px; height:20px; border-radius:20px; background-color:#363636; background-image:url('../../images/btn_set_img.svg'); background-repeat:no-repeat; background-size:20px 20px; }
.profile-thumb.registered .btn-setImg:after { background-image:url('../../images/btn_set_img2.svg'); }
.profile-nickname .nickname-area { display:flex; justify-content:center; overflow:hidden;  }
.profile-nickname .nickname-area .txt-nickname { display:block; overflow:hidden; font-size:16px; line-height:24px; color:#222; text-overflow:ellipsis; white-space:nowrap; }
.profile-nickname .nickname-area .btn-edit { flex-shrink:0;}
.profile-nickname .inputGroup .member-input{margin:12px 0 0 0; padding:0}
.profile-nickname .form-control[aria-invalid=true]:focus{border-color: #4178f4;}
.profile-nickname .inputGroup input { height:29px; padding:0 70px 4px 0; font-size:16px; text-align:center; line-height:24px;}
.profile-nickname .inputGroup .byte { position:absolute; top:4px; right:32px; font-size:12px; line-height:16px; color:#676767; }
.profile-nickname .inputGroup .member-input .inputbt {top:0px; right:0}

/* profile */
.profile-register { margin:27px 0; }
.profile-register .register-item { display:flex; flex-wrap:wrap; align-items:stretch; min-height:40px; border-bottom:1px solid #eaeaea; box-sizing:border-box; }
.profile-register .register-item .title { display:flex; align-items:flex-start; width:96px; margin-top:10px; padding:0 8px; font-size:14px; line-height:20px; color:#222; box-sizing:border-box; }
.profile-register .register-item .title .sub { margin:3px 0 0 6px; font-size:12px; line-height:16px; color:#222; }
.profile-register .register-item .value { display:flex; flex:1; align-items:center; text-align:left; position:relative; padding-right:20px; font-size:14px; line-height:20px; color:#222; }
.profile-register .register-item .value .txt-assist { font-size:12px; line-height:16px; color:#676767; text-align:left; }
.profile-register .register-item .value .btn-area { position:absolute; left:0; top:0; bottom:0; right:0;border:0; width:100%; height:100%; background:url('../../images/btn_area.svg') no-repeat right center; background-size:24px 24px; }
.profile-register .register-item .value.sns-connect { padding:0; justify-content:space-between;  }
.profile-register .register-item .value.sns-connect .btn-formround { min-height:20px; height:20px; line-height:18px; width:115px; }
.profile-register .register-item .value.sns-connect .ico-sns { width:20px; height:20px; background-repeat:no-repeat; background-size:100%; }
.profile-register .register-item .value.sns-connect .ico-sns.sns-naver { background-image:url('../../images/naver_size20.svg'); }
.profile-register .register-item .value.sns-connect .ico-sns.sns-kakao { background-image:url('../../images/kakao_size20.svg'); }
.profile-register .register-item .value.sns-connect .ico-sns.sns-apple { background-image:url('../../images/apple_size20.png'); }
.profile-register .register-item .value.sns-connect .ico-sns.sns-google { background-image:url('../../images/google_size20.png'); }
.profile-register .register-item .value.sns-connect .ico-sns.sns-facebook { background-image:url('../../images/facebook_size20.svg'); }
.profile-register .register-item .formGroup{flex:1}
.profile-register .register-item .formGroup .gForm > div{ display:flex;flex-wrap: wrap; align-items:center; flex:1; width:100%; margin:2px 0 10px; }
.profile-register .register-item .formGroup .gForm[class*="grid"] { margin-top:8px }
.profile-register .register-item .formGroup .custom-control-inline{font-size:14px;}
.profile-register .register-item .formGroup .gForm[class*="grid"] .custom-control{width:33.3%; margin-right:0}
.profile-register .register-item .ageFormGroup .gForm .custom-control { margin-top:8px; margin-right:0}
.profile-register .register-item .ageFormGroup .gForm .custom-control:nth-child(even) { flex:45%;}
.profile-register .register-item .ageFormGroup .gForm .custom-control:nth-child(odd) { flex:55%;}
.profileW .bot-btn-group { margin-top:auto; }
.bot-btn-group .major-btns { display:flex; flex-direction:column; align-items:center; }
.bot-btn-group .major-btns .btn-formround.line-gray { width:116px; min-width:80px; padding:0 9px; }
.bot-btn-group .major-btns .btn-formround + .btn-formround { margin-top:12px;}

.bot-btn-group .append-btns { display:flex; justify-content:center; margin-top:24px; }
.bot-btn-group .append-btns .btn-link { font-size:12px; line-height:16px; color:#676767; }
.bot-btn-group .append-btns .btn-link + .btn-link { margin-left:16px;}
.setupCon .setup-item .head { border-top:0; position: relative; line-height: 1; }
.setupCon .setup-item .head > .btn { position: absolute; right: 0; top: 7px; }
.toggleTab .btn-group-toggle .btn-secondary { min-height:12px; min-width:auto; height:12px; padding:0 8px; border:0 !important; background:none !important; font-size:12px; line-height:1; color:#222; align-items: unset; }
.toggleTab .btn-group-toggle .btn-secondary.active { text-decoration:underline; color:#517ad6; }
.toggleTab .btn-group-toggle .btn-secondary:after { content:''; position:absolute; right:0; top:50%; margin-top:-5px; width:1px; height:12px; background: #d2d2d2; }
.toggleTab .btn-group-toggle .btn-secondary:nth-last-child(1) { padding-right:0; }
.toggleTab .btn-group-toggle .btn-secondary:nth-last-child(1):after { display:none; }
.toggleTab .btn-secondary:not(:disabled):not(.disabled).active { color:#517ad6 !important; }
.toggleTab .btn-secondary:disabled,
.toggleTab .btn-secondary.disabled { color:#b2b2b2 !important; }
.setup-register .tooltip-inner{max-width:calc(100% - 24px); min-width:174px; padding:8px 7px;background-color:rgba(54,54,54, .9); font-size:10px; letter-spacing:-.5px; position: absolute; right:12px;; top:38px; z-index: 9; text-align:left}
.setup-register .tooltip-inner span.text{display:inline-block; float:right; text-decoration:underline;}
.setup-register .tooltip-inner .arrow{width:0; height:0;  position: absolute; right:12px; top:-12px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 6px solid  rgba(54,54,54, .9);
  border-top: 6px solid transparent;}
/* 알림, 관심 설정_분양 레이어 팝업 */
.setup-sale { padding:12px 12px 0;}
.setup-sale .checkGroupform .btn-group { width:100%;}
.setup-sale .help-form { display:flex; margin-top:4px;}
.setup-sale .help-form .assist { flex:1; text-align:center; font-size:10px; line-height:14px; color:#4c4a3f; }


/* 약관동의 변경하기 */
.termAgreeW { display:flex; flex-direction:column; height:100%; padding:16px 16px 12px; box-sizing:border-box; text-align:left; }
.termAgreeW .termAgree-section { margin:0 0 16px; }
.termAgreeW .termAgree-section .title { display:block; font-weight:400; font-size:14px; line-height:20px; color:#517ad6; }
.termAgreeW .list-btns { margin:16px 0 0; }
.list-btns .btn-secondary:after { content:''; width:24px; height:24px; position:absolute; right:8px; top:50%; margin-top:-12px; background:#fff url('../../images/btn_area.svg') no-repeat 0 0; background-size:100%; }
.list-btns .btn-secondary,
.list-btns .btn-secondary:not(:disabled):not(.disabled).active,
.list-btns .btn-secondary:not(:disabled):not(.disabled):active,
.list-btns .btn-secondary:focus,
.list-btns .btn-secondary.focus { position:relative; display:flex; align-items:center; width:100%; min-height:40px; padding:5px 40px 5px 8px; font-size:14px; line-height:20px; color:#222; text-align:left; border-radius:0; border:none; border-bottom:1px solid rgba(34,34,34,.1); background-color:#fff; box-shadow:none;}

/* 회원탈퇴 */
.membershipW { display:flex; flex-direction:column; height:100%; padding:16px 16px 12px; box-sizing:border-box; text-align:left; }
.membershipW .member-section { margin:0 0 25px; }
.membershipW .member-section .title { display:block; font-weight:400; font-size:14px; line-height:20px; color:#517ad6; }
.membershipW .member-section .desc { margin-top:8px; font-weight:300; font-size:14px; line-height:20px; color:#222; }
.membershipW .member-section .gForm.leave-agree { margin-top:7px; text-align:right; }
.member-section .formGroup.leave-reason .gForm .custom-control{ margin-top:8px; margin-right:0}
.member-section .formGroup.leave-reason .gForm .custom-control-inline{display:flex}
.member-section .formGroup.leave-reason .gForm >div{display: flex;flex-wrap: wrap;flex-direction: column;}
.member-section .formGroup.leave-reason + .textarea{margin-top:16px;}
.member-section .formGroup.leave-reason + .textarea .form-control::placeholder { color:#676767; font-size:12px;}
.membershipW .btn-botbox .btn-formround{border-radius: 8px; }
.membershipW .btn-botbox .btn-formround[aria-pressed='false'] {color: #fff; background: #b2b2b2;}

/* 고객센터 */
.customerWrap {display:flex; flex-direction:column; min-height:100%; padding:24px 16px 15px;}
.customerWrap .list-btns { margin-bottom:24px; }
.customerBotBox { position:relative; overflow:hidden; margin-top:auto; height:160px; padding-top:4px; border:1px solid rgba(0,0,0,0.1); text-align:left; border-radius:12px;}
.customerBotBox:before { content:''; width:84px; height:58px; position:absolute; right:15px; top:12px; background:url('../../images/customerCenter_img.svg') no-repeat 0 0; background-size:100%; }
.customerBotBox .tit {display:inline-block; width:189px; height:98px; background:url('../../images/customerCenter_tit.png') no-repeat 14px 2px/175px auto;}
.customerBotBox .btn-phone {position:absolute; z-index:5; top:76px; right:8px;}
.btn-phone {height:24px; padding:0 8px 0 24px; border:1px solid #febd36; font-size:12px; line-height:24px; border-radius:12px;background-image:url('../../images/customerCenter_call.svg'); background-size:16px; background-position: 8px center;}
.customerBotList {padding:4px 14px; background:#f5f5f5;}
.customerBotList li {position:relative; padding:3px 0 0 5px; font-size:10px; line-height:1.2; border-radius:8px;}
.customerBotList li:after{content:"";position:absolute; top:9px; left:0; width:2px; height:2px; background:#676767; border-radius:50%;}
/* 내집네집등록 */
.myyourhomeR .header-section { position:relative; position:-webkit-sticky; position:sticky; top:0; z-index:10; display:flex; align-items:center; justify-content:center; height:44px; padding:0 40px;  background:#0b214b; }
.myyourhomeR .header-section h1 { margin-top:3px; font-size:16px; line-height:24px; font-weight:400; color:#fff }
.myyourhomeR .header-section .btn-close { position:absolute; right:16px; top:12px;}
.myyourhomeR .header-section .btn-prevWh{position: absolute; left:16px; top:10px}
.myyourhomeR .header-section .btn-back { position:absolute; left:16px; top:12px; background-image:url('../../images/btn_back_w.svg'); }
.myyourhomeR .visual-section { position:relative; height:168px; padding:32px 0 0 16px; margin-bottom:16px; box-sizing:border-box; background:#0b214b; }
.myyourhomeR .visual-section:before { content:''; position:absolute; right:16px; bottom:16px; width:99px; height:96px; background:url('../../images/bg_myyourhomeR_visual.svg') no-repeat 0 0; background-size:99px 95px;}
.myyourhomeR .visual-section span { display:block; position:relative; font-size:14px; line-height:20px; color:#fff; text-align:left; }
.myyourhomeR .visual-section strong { display:block; position:relative; margin-top:6px; font-weight:700; font-size:18px; line-height:24px; color:#fff; text-align:left; }
.myyourhomeR .register-section { margin:8px 16px 24px; }
.myyourhomeR .register-section .title { padding-left:8px; text-align: left; }
.myyourhomeR .register-section .desc { padding-left:8px; }
.myyourhomeR .register-section .price-reading { padding-left:8px; }
.myyourhomeR .go-marketPrice { display:flex; justify-content:flex-end; margin:-17px 16px 14px; }
.go-marketPrice .text { margin-right:8px; font-size:12px; line-height:16px; color:#517ad6; text-align:right; }
.go-marketPrice .btn { height:32px; padding:0 16px; font-size:12px; line-height:16px; color:#222; border:1px solid #4178f4; border-radius:4px; background-color:#fff }
.myyourhomeR .btnWrap { margin:0 16px 12px; }
.myyourhomeR .list-search-poi { margin-top:-4px; }
.myyourhomeR .btnWrap [class^="btn"] {width: 100%;border-radius: 8px; font-size: 14px;height: 40px;font-weight: 400;}
.myhome-tag { margin:7px 0 0 8px; }
.myhome-tag .tag { display:inline-flex; align-items:center; height:18px; margin-right:6px; padding:0 1px; font-size:12px; color:#676767; background-color:#eaeaea; vertical-align:top; }

.register-section .form-control.is-invalid{border-color:#3d70e3}
.register-section .form-control{height:36px; line-height:20px; padding:8px 62px 8px 8px}
.register-section .member-input.noindent{margin:0 !important}
.register-section .member-input .inputbt{top:4px; right:0;}
.register-section .btn-formround.line-gray2{min-width:80px;color:#222;border-color:#888}
.register-section .btn-formround.line-gray2.disabled { color:#b2b2b2; border-color:#f1f1f1; background-color:#f1f1f1; }
.register-section .myhome-price .btn-formround.line-gray2{min-width: 50px;}
.register-section .in-flex .btn + .btn{margin-left:8px;}
.register-section .member-input.myhome-price input { padding-right:190px; }
.register-section .form-control::placeholder { color:#676767; }
.register-section .gForm .custom-control+ .custom-control{margin-top:4px; margin-right:0}
.register-section .gForm .custom-control-inline{margin-right:0}
.register-section .custom-checkbox .custom-control-label{color:#b2b2b2}
.register-section .custom-checkbox .custom-control-input:checked ~ .custom-control-label{color:#222}

.register-section { margin:0 0 16px; text-align:left; }
.register-section .title {display:flex; font-weight: 400;font-size: 12px;line-height: 16px; color: #517ad6;}
.register-section .title .optional { align-self:flex-end; margin-left:4px; font-size:10px; line-height:14px; color:#676767; }
.register-section .title .btn-help-grey { margin-left:2px; }
.register-section .desc { display:block; margin-top:4px; font-size:12px; line-height:16px; color:#676767; }
.register-section .price-reading { display:block; margin-top:3px; font-size:12px; line-height:16px; color:#676767; }
.register-section .help-example { margin:5px 0 0 8px; }
.register-section .help-example .txt-help-example { font-size:12px; line-height:16px; color:#676767; text-align:left; }
.register-section .help-example .txt-help-example + .txt-help-example { margin-top:4px; }
.register-section .help-example .txt-help-example > span { margin-right:8px; color:#222; }
.register-section .agreetype{margin-top:4px; display:flex;justify-content: space-between; align-items: flex-start;}

.register-section .checkGroupform2 { margin-top:8px; }
.checkGroupform2 .btn-group { display:flex; flex-wrap:wrap; }
.checkGroupform2 .btn-group .btn-secondary { flex-grow:0; display:flex; align-items:center; justify-content:center; min-width:76px; height:32px; margin-right:8px; border:0; padding:0 10px; font-size:14px; line-height:20px; text-align:center; border-radius:8px !important; box-sizing:border-box; background:#f1f1f1; }
.checkGroupform2 .btn-group .btn-secondary:disabled,
.checkGroupform2 .btn-group .btn-secondary.disabled { color:#b2b2b2; background-color:#ddd; }
.checkGroupform2 .btn-group .btn-secondary:not(:disabled):not(.disabled).active{background-color: #1d366a;color: #fff !important; border:none}
.checkGroupform2.grid .btn-group .btn-secondary { flex:1; }
.checkGroupform2.grid .btn-group .btn-secondary:nth-last-of-type(1) { margin-right:0; }
.selectGroup { display:flex; }
.register-section .selectGroup { margin-top:8px; }
.register-section .flexbox .selectGroup { overflow:hidden; flex:1; }
.register-section .flexbox .selectGroup + .selectGroup { margin-left:8px; }
.selectGroup .btn-selectform { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.selectGroup select,
.selectGroup .btn-selectform,
.selectGroup .selectinput { position:relative; flex:1; padding:0 40px 0 15px; height:32px; font-size:12px; line-height:16px; color:#222; border:1px solid #ddd; -webkit-appearance:none; -moz-appearance:none;  appearance:none; outline:none; background:url('../../images/bg_select_arrow.svg') no-repeat 100% 50%; background-size:36px 16px; border-radius:0;}

.selectGroup .selectinput { border:none; background:none; padding:0; }
.selectGroup .selectinput:after { content:'호'; position:absolute; right:16px; top:7px; font-size:12px; color:#676767; }
.selectGroup .selectinput .form-control { font-size:12px; line-height:16px; height:32px; padding:0 32px 0 16px; border:1px solid #ddd; }
.selectGroup select + .selectinput { margin-left:8px; flex:none; width:calc(50% - 4px); }
.selectGroup select:focus,
.selectGroup select.on,
.selectGroup .btn-selectform:focus,
.selectGroup .selectinput .form-control:focus { border-color:#4c7aec; }
.selectGroup select:disabled,
.selectGroup .btn-selectform:disabled,
.selectGroup .selectinput .form-control:disabled { color:#b2b2b2 !important; }
.selectGroup select + select { margin-left:8px; }



.btnWrap {display:flex;}
.btnWrap.full {flex-wrap:wrap;}
.btnWrap [class^="btn"] { width:100%; border-radius:8px; font-size:14px; height:40px; font-weight:400; box-sizing:border-box;}
.btnWrap [class^="btn"] + [class^="btn"] {margin-left:8px;}
.btnWrap.full  [class^="btn"] + [class^="btn"] {margin:8px 0 0 0;}

.card-ordering { display:flex; flex-direction:column; padding:8px 12px 72px; height:calc(100vh - 42px); background:#f8f8f8; }
.card-ordering p.txt-ordering { margin-bottom:8px; font-size:12px; line-height:16px; color:#517ad6; text-align:left; }
.card-ordering .myyourhome-card-list { flex:1; overflow-y:auto; position:relative; padding-top:8px; }
.card-ordering .myyourhome-card { width:100%; height:80px; margin:0 0 16px; padding:16px 16px 16px 48px; background:#55585c; }
.card-ordering .myyourhome-card .handler { position:absolute; left:0; top:0; width:48px; height:100%; background:url('../../images/ico_card_handler.svg') no-repeat 50% 50%; background-size:16px 14px; }
.card-ordering .myyourhome-card .info-myyourhome .tag { border:0; background:#888; }
.card-ordering .myyourhome-card .btn-del { border:0; background:url('../../images/btn_close_w.svg'); }
.card-ordering .myyourhome-card .info-myyourhome .tag + .tag {  margin-left:8px; }

.card-ordering .myyourhome-card.first { background:#17356e; }
.card-ordering .myyourhome-card.first .info-myyourhome .tag { background:#4178f4; }
.card-ordering .btn-formround { font-size:14px; }
.card-ordering .btn-formround.line-blue { color:#676767; background:transparent; }
.card-ordering .myyourhome-card.drag-item,
.card-ordering .myyourhome-card.deleteitem { background:rgba(221, 221, 221, .5); box-shadow:none; }
.card-ordering .myyourhome-card.drag-item .card-head,
.card-ordering .myyourhome-card.deleteitem .card-head { display:none; }

.card-ordering .myyourhome-card.drag-floating-item { background:rgba(136, 136, 136, .8) !important; box-shadow:none; }
.card-ordering .myyourhome-card.drag-floating-item * { opacity:.8; }
.card-ordering .myyourhome-card.drag-floating-item .tag { background:none !important; }

.card-ordering .myyourhome-card.delete-slide-item { transform:translate3d(0, 0, 0) !important; }
.card-ordering .myyourhome-card.delete-slide-item.hide { animation:slidedelete 2s forwards; }

.card-ordering .btnWrap { position:fixed; bottom:0; left:0; width:100%; padding:16px 12px; background:#f8f8f8;}

/* 내집네집설정 */
.myyourhome-card { position:relative; margin:14px 12px 5px; padding:12px 16px 16px; border-radius:16px; background:#0b214b; box-sizing:border-box; box-shadow:0 2px 4px rgba(0,0,0,0.5); }
.myyourhome-card .card-head .info-myyourhome { display:flex; align-items:center; flex-wrap:wrap; }
.myyourhome-card .info-myyourhome .nickname { margin-right:8px; font-weight:700; font-size:16px; line-height:24px; color:#fff; }
.myyourhome-card .info-myyourhome .tag { display:inline-flex; align-items:center; padding:0 10px; height:20px; border-radius:10px; border:1px solid #4178f4; font-size:12px; line-height:16px; color:#fff;}
.myyourhome-card .info-myyourhome .tag + .tag { margin-left:4px; }
.myyourhome-card .info-myyourhome .control { position:relative; margin-left:auto; }
.myyourhome-card .info-myyourhome .ctrl-layer { position:absolute; right:0; top:100%; width:68px; padding:8px 0; border-radius:10px; box-sizing:border-box; background:#fff; z-index: 10; }
.myyourhome-card .info-myyourhome .ctrl-layer .btn-ctrl { display:flex; align-items:center; width:100%; padding:0 12px; height:30px; font-weight:300; font-size:14px; color:#222; box-sizing:border-box; }
.myyourhome-card .btn-change { background-image:url('../../images/label_type_blue.svg'); }
.myyourhome-card .btn-change.active {background-image:url('../../images/label_type2_blue.svg'); } /* 평/m² 으로 전환 */
.myyourhome-card .btn-ctrlMore { margin:0 -8px 0 8px; }
.myyourhome-card .card-head .addr-myyourhome { margin-top:4px; font-size:14px; line-height:20px; color:#fff; text-align:left; }
.myyourhome-card .addr-myyourhome .dimension { margin-left:4px; font-size:10px; line-height:14px; opacity:.6; }
.myyourhome-card .card-box { margin-left:-8px; color:#fff; }
.myyourhome-card .card-box .flexrow { display:flex; }
.myyourhome-card .card-box .flexrow .f2 { flex:2; }
.myyourhome-card .card-box .flexrow .f3 { flex:3; }
.myyourhome-card .card-box .flexrow .fp65 { flex:.65; }
.myyourhome-card .card-box .flexrow .box-item.fp65 .value .dl-value .price { padding:0; }
.myyourhome-card .card-box .box-item { position:relative; display:flex; flex-direction:column; flex:1; min-height:60px; margin:8px 0 0 8px; padding:4px; border-radius:4px; box-sizing:border-box; background:rgba(255,255,255,0.08);}
.myyourhome-card .card-box .flexcolumn { display:flex; flex-direction:column; width:100%; }
.myyourhome-card .card-box .box-item.type-title { padding-top:9px; text-align:left; background:none; }
.myyourhome-card .card-box .box-item.type-point { background:rgba(96,165,255,0.3);  }
.myyourhome-card .card-box .box-item .title { display:block; font-weight:400; font-size:10px; line-height:14px; color:rgba(255,255,255,.6); }
.myyourhome-card .card-box .box-item .title.al-l { padding:0 14px; text-align:left; }
.myyourhome-card .card-box .box-item.type-title .title { font-size:12px; line-height:16px; color:#fff; }
.myyourhome-card .card-box .box-item .value { display:flex; flex:1; align-items:center; justify-content:center; }
.myyourhome-card .card-box .box-item .value .price { font-size:14px; line-height:20px; }
.myyourhome-card .card-box .box-item .value .price .percent { display:block; margin-bottom:-2px; font-size:10px; line-height:14px; }
.myyourhome-card .card-box .box-item .value .price.kb { color:#ffcc00; }
.myyourhome-card .card-box .box-item .value .price.up { color:#f94343; }
.myyourhome-card .card-box .box-item .value .icon-arrow.up { border-bottom-color:#f94343; }
.myyourhome-card .card-box .box-item .value .price.down { color:#00b6fa; }
.myyourhome-card .card-box .box-item .value .price .icon-arrow { margin-right:0; }
.myyourhome-card .card-box .box-item .value .price.down .icon-arrow { border-top-color:#00b6fa; }
.myyourhome-card .card-box .box-item .value .dl-value { width:100%; margin-top:2px; font-size:10px; line-height:14px; }
.myyourhome-card .card-box .box-item .value .dl-value .dl-value-item { display:flex; align-items:center; }
.myyourhome-card .card-box .box-item .value .dl-value .price { flex:1; padding-left:2px; }

.myyourhome-card .card-box .box-item-wrap { display:flex; margin:8px 0 0 8px; padding:4px; border-radius:4px; box-sizing:border-box; background:rgba(255,255,255,0.08); flex-basis:46px }
.myyourhome-card .card-box .box-item-wrap .box-item { min-height:auto; margin:0; padding:0; border-radius:0; background:none; }

.myyourhome-card .card-box .box-item-wrap .box-item:after { content:''; position:absolute; right:0; top:11px; bottom:5px; width:1px; background:rgba(151,151,151,.5); }
.myyourhome-card .card-box .box-item-wrap .box-item:nth-last-of-type(1):after { display:none; }
.myyourhome-card .card-info { margin:10px 0 -8px; font-size:10px; line-height:14px; color:#fff; text-align:right; }

.myhouseAgree{position:absolute; left:16px; top:0; width:calc(100% - 32px); height:140px; border-radius: 16px; overflow: hidden; z-index: 8; max-width: calc(424px - 32px); padding:6px 24px;}
.myhouseAgree:before{content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%;background:rgba(11, 33, 75, .8); filter: blur(10px); }
.myhouseAgreecon{width:100%; border-radius:6px; text-align: center; padding:6px 12px; background:#fff;position: relative;z-index: 99;line-height:19px}
.myhouseAgreecon .contit{margin-bottom:6px;}
.myhouseAgreecon .checkboxwrap{display:flex; justify-content: space-between; align-items: flex-start; text-align: left; margin:0 0 7px 0}
.settingbtnwrap{text-align: center; margin-top:0px;}
.settingbtnwrap .btn-setting{color:#676767;padding-right:20px;background:url('/images/icon_16_arrow_small_right.svg') no-repeat right 4px}
.myhouseAgreecon .formbot .btn-formround{height:32px; line-height:32px}

.regist-roll {height:140px}
.regist-roll .slick-initialized .slick-slide .myyourhome-card{height:138px; overflow: hidden;}
.regist-roll.height .slick-initialized .slick-slide .myyourhome-card{height:266px;}
.regist-roll.height{height:auto}
.regist-roll .slick-dots{margin-top:-5px !important; position: relative; z-index: 999;}
.regist-roll.height .slick-dots{margin-top:0px !important}
.btn-heightauto{display:block;position:absolute; right:37px; top:8px; z-index:9999;}
.btn-heightauto:before{content:""; display:inline-block; width:10px; height:10px;border: 2px solid#fff;border-left: 0;border-bottom: 0; transform: rotate(134deg); }
.myhousemain{position:relative; padding-bottom:20px; z-index:1;}
.registbot .btn-text{position: relative; z-index: 9999;}
.myhousemain.height {padding-bottom:0px;}
.myhousemain.height .btn-heightauto{transform: rotate(-180deg); top:14px;}
.regist-roll.myhouseagree .slick-dots li{pointer-events:none;}
.regist-roll.height .slick-initialized .slick-slide .lastbox{padding-top:72px; height:266px;}
.regist-roll.height .btn-writeplus{width:48px; height:48px}
.regist-roll.height .settingbtnwrap{margin-top:20px;;}
@keyframes slidedelete {
	from { left:0; }
	to { left:calc(-100% - 20px); }
}

/*내집네집 상세*/
.myyourhome-tab { display:flex; padding:8px 0 8px 12px; border-bottom:1px solid #e8e8e8; background:#fff; } /* overflow-x:auto; */
.myyourhome-tab .checkGroupform { display:flex; flex-shrink:0;}
.myyourhome-tab .checkGroupform .btn-group .btn-secondary { height:32px; padding:0 12px; font-size:14px; line-height:30px; background-color:#f1f1f1;; }
.myyourhome-tab .enroll { display:inline-flex; flex-shrink:0; padding-right:12px; margin-left:8px; }
.myyourhome-tab .btn-enroll { display:flex; align-items:center; height:32px; padding:0 10px; border:1px solid #4178f4; color:#517ad6; }
.myyourhome-tab .btn-enroll + .btn-enroll { margin-left:8px; }
.myyourhome-tab .btn-enroll:before { content:''; display:inline-block; width:16px; height:16px; margin-left:-6px; background:url('../../images/ico_add_blue.svg') no-repeat 0 0; background-size:16px 16px;}
.myyourhome-tab .btn-enroll.order:before { margin-right:2px; background:url('../../images/ico_order_blue.svg') no-repeat 0 0; background-size:16px 16px; }
.myhome.selectbox{margin-top:-4px; margin-right:12px; padding:0; float:right; box-shadow:none;}
.myhome.selectbox:after{content:""; display:block; clear:both}
.myhome.selectbox + .linegraph{clear:both; padding-top:12px}
.subdec .flexbox.end{margin-top: -6px;padding-right: 12px;justify-content: flex-end; font-size: 12px; color: #676767;}
.table-bot-info { display:flex; align-items:flex-start; margin-top:4px; padding:0 14px; font-size:12px; line-height:16px; color:#676767; }
.table-bot-info .unit { margin-left:auto; color:#4c4a3f; }

.tax-inform { padding:0 14px 8px; }
.tax-inform .title { display:block; font-weight:400; font-size:12px; line-height:16px; color:#517ad6; }
.tax-inform .suppose { display:block; margin-top:2px; font-size:10px; line-height:14px; color:#222; }

.myhome-info { margin-top:8px; padding:0 14px  }
.myhome-info .text { font-size:12px; line-height:16px; color:#222; }
.myhome-info .text em { color:#517ad6; }
.myhome-info .text + .text { margin-top:4px; }

.go-register { display:flex; align-items:flex-end; padding:0 14px; margin-top:16px;}
.go-register .text { font-size:12px; line-height:18px; color:#222; }
.go-register .btn-textmore { min-height:18px; border:0; padding-right:8px; flex-shrink:0; margin-left:auto; background-image:url('../../images/arrow.svg'); background-size:5px 9px; color:#222; text-decoration:underline; opacity:0.73;}

.go-tax-calculator { display:flex; justify-content:flex-end; align-items:center; padding:0 14px; margin-top:16px; }
.go-tax-calculator .text { font-size:12px; line-height:16px; color:#517ad6; }
.go-tax-calculator .btn { flex-shrink:0; margin-left:8px; padding:0 16px; height:32px; border-radius:4px; border:1px solid #4178f4; font-size:12px; line-height:30px; color:#222;background-color:#fff}

.tax-table{border-top:solid 1px #888;border-bottom:solid 1px #888;margin:0 16px;font-size:12px;}
.tax-table .tax-th{display:flex;padding:2px 0;background-color:#f8f8f8;border-bottom:solid 1px #ddd;  text-align:left; color:#676767}
.tax-table .tax-th div em{display:block; color:#517ad6; font-size:10px;}
.tax-table .tax-th div, .tax-table .tax-td div{flex:1; padding:0 2px;}
.tax-table .tax-td div { align-self:center; }
/* 취득세 테이블 */
.tax-table.acquire .form-control.round::placeholder { font-size:11px; }
.tax-table.acquire .cell:nth-of-type(1) { flex:25.6 }
.tax-table.acquire .cell:nth-of-type(2) { flex:18.4 }
.tax-table.acquire .cell:nth-of-type(3) { flex:13.8 }
.tax-table.acquire .cell:nth-of-type(4) { flex:20.4; padding-right:0; }
.tax-table.acquire .cell:nth-of-type(5) { flex:21.8; text-align:right; padding-left:0; }
/* 양도세 테이블 */
.tax-table.handover .cell:nth-of-type(1) { flex:29 }
.tax-table.handover .cell:nth-of-type(2) { flex:26.6 }
.tax-table.handover .cell:nth-of-type(3) { flex:20.4 }
.tax-table.handover .cell:nth-of-type(4) { flex:24; text-align:right;}


.tax-table .flex2{flex:2 !important;}
.tax-table .flex23{flex:2.3 !important;}
.tax-table .flex28{flex:2.8 !important;}
.tax-table .flex5{flex:5 !important;}
.tax-table .tax-td{display:flex;padding:8px 0; line-height:16px; }
.tax-table .tax-td.light{padding:1px 0; background-color:#f1f1f1; font-size:12px; line-height:17px; height:18px; }
.tax-table .tax-td.light .flex5{text-align: right;}
.tax-table .tax-td.light .tx-point{color:#ff1212}
.tax-table .tax-chart .taxbar{display:block; padding-right:2px; background-color:#666; border-radius: 0 5px 5px 0; height:20px; text-align: right; word-break:break-all; max-width:70px; }
.tax-table .tax-chart.property .taxbar { min-width:80%; width:calc(100% - 10px);}
.tax-table .tax-chart.real-estate .taxbar { width:calc(100% - 4px); }

.tax-table .tax-chart .taxbar em{display:inline-block; color:#fff; line-height:20px; }
.tax-table .tax-chart .taxbar.blue{background-color:#4178f4}
.tax-table .blue-text{color:#517ad6; }
.tax-table .btn-help.small{top:-1px; position: relative;}
.tax-table .form-control.round{height:30px;line-height:30px; padding:0 3px; font-size:12px;}
.tax-table .form-control.round.type1 { margin:-6px 0; }
.tax-table .form-control.round::placeholder { text-align:center; }

.divide-line { display:flex; margin-top:16px; padding:13px 0 17px 32px; border-top:8px solid #ddd; text-align:left; }
.divide-line .title { width:129px; height:16px; background:url('../../images/invalid_name.png') no-repeat 0 0; background-size:100%; }

/* 연락 */
.list-info.list-side{ height:24px; margin-bottom:8px; padding:0 16px; }
.list-info.list-side .text-blue{color:#517ad6}
.list-graybox{padding:7px 16px;background-color:#ddd; margin:0 -16px}
.repeatBoxTitle { display: block;padding: 0 0px 0 20px;font-size: 12px; text-align: left;background: #dddddd url('../../images/ico_myyour_call_s.svg') no-repeat left center; background-size:16px}
.buygroup.connection {padding:0 16px;}
.buygroup.connection .blistbox{border:none}
/* .buygroup .blistbox:nth-of-type(1){border-top:none} */
.buygroup.connection .store-customer{padding:5px 0 8px 0;margin-bottom:9px;border-bottom: 1px solid #f1f1f1;}
.buygroup.connection .store-customer .btn-customer { height:32px; padding:0; border:none; color:#222; }


.formInfoBox {display:flex; justify-content:space-between; align-items:flex-start; position:relative; margin-top:4px; text-align:left; }
.formInfoBox .date {color:#676767; font-size:12px; width:98px; flex-shrink:0; margin-top:6px;}
.formInfoBox .time {display:inline-block; margin-left:6px}
.formInfoBox .date.blue {color:#517ad6;}
.formInfoBox .formwrap{flex:2.05; padding-right:35px;}
.formInfoBox .textarea {position:relative;}
.formInfoBox .textarea .form-control{height: 32px; padding:6px 62px 6px 8px; border-radius: 4px;}
.formInfoBox .textarea .text-limt{position:absolute; right:5px; bottom:8px; color:#676767}

.formInfoBox .form-control.focus.is-invalid{box-shadow: none; border-color:#517ad6}
.formInfoBox textarea.form-control:focus, .formInfoBox textarea.form-control.focus{height: 70px;padding:6px 8px 10px 8px;overflow-y:scroll; }
.formInfoBox textarea.form-control:focus+.text-limt, .formInfoBox textarea.form-control.focus+.text-limt{margin-top:2px;bottom:auto; position:relative;color:#b1b1b1; text-align: right;}
.formInfoBox .textarea .text-limt.focus{position:absolute !important; bottom:-28px !important; right:0}
.form-btn{margin-top:3px;display:flex; justify-content: flex-end; padding-right:70px; position: relative; z-index:9}
.form-btn .btn{margin-left:8px;}
.form-btn .btn:nth-of-type(1){margin-left:0px;}
.formInfoBox .texta{display:flex; align-items: center; justify-content: space-between;margin-top:3px}
.formInfoBox .textaType1{color: #676767;font-size: 14px;line-height: 20px;border-radius: 4px;}
.checklist{padding: 8px 0 16px 0;border-top: 1px solid #f1f1f1;text-align: left;}
.checklist .tit { display:block; margin-bottom: 12px;}
.checklist .listBox{ position:relative; margin-top: 8px; padding-left:26px; }

.listreply{position: relative;  overflow: hidden; padding-bottom:36px;}
.listreply .tooltip-inner{position:absolute; background-color:rgba(54,54,54, .8); font-size:10px;padding:8px; left:115px; top:70px}
.listreply.auto{height:auto}
.listreply .tooltip-inner .arrow{
  position: absolute;
  width:0; height:0;  top:-12px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 6px solid  rgba(54,54,54, .8);
  border-top: 6px solid transparent;
}
.mamulCheckBoxWrap .btn-group{display: flex;margin-top:6px;flex-wrap: wrap;}
.mamulCheckBoxWrap .btn-secondary{position: relative; width: 25%; height: 24px;margin: 4px 1% 0 0;border:1px solid #b2b2b2;border-radius:4px !important; font-size:12px;color:#676767; line-height:23px; background-color:#fff}
.mamulCheckBoxWrap .btn-secondary.active{border-color: #17356e;color: #17356e;background: #e3edf4 !important;}
.mamulCheckBoxWrap .bad .btn-secondary.active{border-color: #f46600 !important; color: #f46600 !important; background: rgba(255,186,136,0.26) !important;}
.mamulCheckBoxWrap .btn-secondary:not(:disabled):not(.disabled):active{color: #17356e;background-color: #e3edf4;border-color: #17356e;}
.mamulCheckBoxWrap .bad .btn-secondary:not(:disabled):not(.disabled):active{border-color: #f46600; color: #f46600 !important; background: rgba(255,186,136,0.26)}
.listreply .btn-moretable, .mamulCheckBoxWrap .btn-moretable{position: relative; height:36px; background-color:#fff; background-image:url('../../images/btn_more_arr.svg'); border-top:none}
.listreply .btn-moretable{position: absolute; left:0; bottom:0;}
.mamulCheckBoxWrap .btn-moretable { margin-bottom:-3px; }
.listBox .btn{margin-left:4px;}
.listBox .btn:nth-of-type(1){margin-left:0px; position:absolute; left:0; top:0;}

.mamulCheckBoxWrap .inner{height:34px; overflow: hidden;}
.mamulCheckBoxWrap.autoH .inner{height:auto; overflow: visible;}
.listreply .btn-moretable.up, .mamulCheckBoxWrap .btn-moretable.up{border-bottom:none}
.buygroup.connection .blistbox.stop{position: relative;}
.buygroup.connection .blistbox.stop:after{content:""; display:block; width:calc(100% + 32px); height:100%; background-color:rgba(0,0,0,0.2); position:absolute; left:-16px; top:0}

.formwrap .editbtnarea{position: absolute; right:0; top:0}
.formwrap .editbtnarea .btn-closeSm, .formwrap .editbtnarea .btn-regist.blue{display:none; margin-top:7px}
.formwrap .editbtnarea .btn-regist.blue{margin-top:0}
.formwrap .editbtnarea .btn-regist.blue1{background-color:#4178f4}
.listreply .textarea{border:solid 1px #ddd; padding:6px 5px; border-radius:5px; height:32px; overflow: hidden;}
.listreply .formwrap .textarea .form-control{overflow-y:auto !important; border: none; padding: 0px!important;border-radius: 5px;vertical-align: top;align-self: flex-start;transition: none;}
.listreply .formwrap .text-limt{position: relative; bottom:auto; right:auto; text-align: right; margin-top:4px; color:#b1b1b1;}
.listreply .formwrap.auto .textarea{height: auto;border: none;padding: 0px;}
.listreply .formwrap.auto .textarea .form-control{border: 1px solid #b2b2b2;padding:6px 5px!important;}
.listreply .formwrap.auto .textarea .form-control:focus, .listreply  .formInfoBox .textarea:hover {border-color: #4178f4;}
.listreply .doneregist .editbtnarea .btn-closeSm{display:block; margin-right:10px;}
.listreply .doneregist .editbtnarea .btn-regist{display:none}
.listreply .doneregist .textarea{border:none !important; background-color:#f8f8f8; height:auto}
.listreply .doneregist .formwrap .textarea .form-control{border: none; padding: 0px!important;border-radius: 5px;vertical-align: top;align-self: flex-start;transition: none;}
.listreply .doneregist.auto .textarea{border:none; background-color:#fff; height:auto}
.listreply .doneregist .formwrap .text-limt{display:none}
.listreply .doneregist .formwrap.auto .textarea{background-color:transparent}
.listreply .doneregist .formwrap.auto .textarea .form-control{border: 1px solid #b2b2b2;padding:6px 5px!important;}
.listreply .doneregist .formwrap.auto .textarea .form-control:focus, .listreply .done .formwrap.auto .textarea:hover {border-color: #4178f4;}
.listreply .doneregist .formwrap.auto .editbtnarea .btn-closeSm{display: none; }
.listreply .doneregist .formwrap.auto .editbtnarea .btn-regist.blue{display:block; }
.listreply .doneregist .formwrap.auto .text-limt{display:block}
.listreply .textconbox{background-color: #f8f8f8; padding:5px;border-radius:5px;word-break:break-all;color:#676767;}



/* 재건축정보 */
.rebuilding-step { margin:6px 16px 0; padding-top:19px; border-top:4px solid #f1f1f1; }
.rebuilding-step .step-title { display:flex; justify-content:space-between; margin-bottom:16px; }
.rebuilding-step .step-title .title { font-size:14px; line-height:20px; color:#222; font-weight:400; }
.rebuilding-step .step-title .btn { display:inline-flex; align-items:center; padding:0 4px; border-radius:4px; border:0; background:#e6e6e6; font-size:12px; color:#222; }
.rebuilding-step .step-title .btn:before { content:''; width:16px; height:16px; margin-right:3px; background:url('../../images/icon_16_rebuild.svg') no-repeat 0 0; background-size:16px 16px; }
.rebuilding-step .step { display:flex; flex-direction:column; position:relative; padding-left:16px; }
.rebuilding-step .step + .step { margin-top:4px; }
.rebuilding-step .step-label { display:flex; align-items:center; position:absolute; left:1px; top:0; bottom:0; width:14px; border-radius:4px 0 0 4px; font-weight:400; font-size:10px; line-height:14px; color:#fff; text-align:center; }
.rebuilding-step .step-item { display:flex; position:relative; height:30px; align-items:center; font-size:14px; color:#222; }
.rebuilding-step .step-item:after { content:''; position:absolute; left:30px; right:0; bottom:0; height:1px; background-color:#f1f1f1;}
.rebuilding-step .step-item.off { color:#676767; }
.rebuilding-step .step-item.on { font-weight:700; }
.rebuilding-step .step-item + .step-item { margin-top:1px; }
.rebuilding-step .step-item .num { align-self:stretch; display:flex; align-items:center; justify-content:center; width:15px; font-weight:400; font-size:12px; color:#fff; text-align:center; margin-right:16px; }
.rebuilding-step .step-item:nth-of-type(1) .num { border-top-right-radius:4px; }
.rebuilding-step .step-item:nth-last-of-type(1) .num { border-bottom-right-radius:4px; }
.rebuilding-step .step-item .date { margin-left:auto; font-size:12px; line-height:16px; color:#b2b2b2; font-weight:400; }
.rebuilding-step .step-item .date span { margin-left:4px; }

.rebuilding-step .step1 .step-label,
.rebuilding-step .step1 .step-item .num { background:rgba(96,165,255,.7); }
.rebuilding-step .step2 .step-label,
.rebuilding-step .step2 .step-item .num { background:rgba(65,120,244,.7); }
.rebuilding-step .step3 .step-label,
.rebuilding-step .step3 .step-item .num { background:rgba(11,33,75,.7); }

.rebuilding-step .step1 .step-item.on,
.rebuilding-step .step1 .step-item.on .date { color:#5477b3; }
.rebuilding-step .step1 .step-item.on .num { background:#60a5ff; }
.rebuilding-step .step2 .step-item.on,
.rebuilding-step .step2 .step-item.on .date  { color:#517ad6; }
.rebuilding-step .step2 .step-item.on .num { background:rgba(65,120,244,1); }
.rebuilding-step .step3 .step-item.on,
.rebuilding-step .step3 .step-item.on .date  { color:#0b214b; }
.rebuilding-step .step3 .step-item.on .num { background:rgba(11,33,75,1); }

.layer-graybox .reconsList { margin:-4px 0; }
.scrollwrap{ padding-right:0; height:calc( 100% - 32px); }
.type-scroll { height: 100%; }
.type-scroll .reconsList .box{ padding-right:16px}
.reconsList .box {margin-top:16px;}
.reconsList .box:first-of-type {margin-top:0;}
.reconsList .box .tit {font-size:14px; line-height:20px;}
.reconsList .box .desc {margin-top:4px; font-size:12px; line-height:16px;}
.reconsList [class*='icoRecon'] {display:inline-block; width:24px; height:24px; vertical-align:middle; background:no-repeat 0 0;}
.reconsList .icoRecon1 {background-image:url('../../images/icon_rebuild1.svg');}
.reconsList .icoRecon2 {background-image:url('../../images/icon_rebuild2.svg');}
.reconsList .icoRecon3 {background-image:url('../../images/icon_rebuild3.svg');}
.reconsList .icoRecon4 {background-image:url('../../images/icon_rebuild4.svg');}
.reconsList .icoRecon5 {background-image:url('../../images/icon_rebuild5.svg');}
.reconsList .icoRecon6 {background-image:url('../../images/icon_rebuild6.svg');}
.reconsList .icoRecon7 {background-image:url('../../images/icon_rebuild7.svg');}
.reconsList .icoRecon8 {background-image:url('../../images/icon_rebuild8.svg');}
.reconsList .icoRecon9 {background-image:url('../../images/icon_rebuild9.svg');}
.reconsList .icoRecon10 {background-image:url('../../images/icon_rebuild10.svg');}

/* 타입정보 카드 > 동별 사용승인일 팝업 */
.tableDataType1 thead th {padding:8px; border-bottom:1px solid #b2b2b2; border-right:1px solid #b2b2b2; color:#222222; font-size:12px; line-height:16px; font-weight:400; text-align:center; background:#dddddd; }
.tableDataType1 td {padding:8px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; color:#222222; font-size:12px; line-height:16px; font-weight:400; text-align:center; background:#f8f8f8; }
.tableDataType1 th:last-of-type,
.tableDataType1 td:last-of-type {border-right:0;}

/* 약관동의 레이어 */
.agreePop {padding:16px 0 0; text-align:left;}
.agreeTit {display:block; font-size:18px; line-height:26px; font-weight:400;}
.agreeTxt {margin-top:16px; font-size:14px; font-weight:300; line-height:20px; }
.agreeTxt.emp { color:#517ad6; font-weight:400;}
.agree-item { margin-top:4px; }
.agree-item .item-label {display:inline-block; margin-top:12px; padding:0 10px; font-size:12px; line-height:20px; border-radius:10px; background:#dddddd;}
.agree-item .item-value {margin-top:4px; font-size:12px; line-height:16px; }
.agreePop .btnWrap { margin-top:24px;}
.agreePop .btnWrap .btn { flex:1; }
.agreePop .btnWrap .f2 { flex:2; }



/* 분양단지 요약정보 */
.groupDetail-txt .listtext.phone2{ height:17px; padding:0 0 0 35px; margin:0 0 0 15px; border-radius:14px; line-height:17px;}
.groupDetail-txt .listtext.phone2:after{ left:0; top:0; width:27px; height:17px; border-radius:14px; background:#f1f1f1 url('../../images/phone_call.svg') center center no-repeat; }
.groupDetail-txt .btn-map-location { display:inline-flex; align-items:center; height:20px; padding:0 4px; margin-left:5px; font-size:12px; line-height:16px; color:#222; text-align:center; border:0; border-radius:4px; background:#f1f1f1; }
.groupDetail-txt .btn-map-location:before { content:''; width:16px; height:16px; background:url('../../images/ico_map.svg') no-repeat 0 0; background-size:16px 16px; }
.grey_round_btnGroup { display:flex; flex-wrap:wrap; justify-content:space-between;margin: 0 16px 0 8px; }
.grey_round_btnGroup .btn-grey_round { display:flex; margin-top:14px; margin-left:8px; flex-shrink:0; align-items:center; justify-content:center; position:relative; height:26px; font-size:14px; line-height:20px; font-weight:400; color:#222; border-radius:14px;; border:0; box-sizing:border-box; background:#f1f1f1; }
.grey_round_btnGroup .btn-grey_round:before { content:''; width:16px; height:16px; margin-right:5px; background-repeat:no-repeat; background-position:0 0; background-size:100%; }
.grey_round_btnGroup .btn-grey_round.sell-homepage { flex-grow:1; }
.grey_round_btnGroup .btn-grey_round.sell-download { flex-grow:0.8; }
.grey_round_btnGroup .btn-grey_round.sell-naver { flex-grow:1; }
.grey_round_btnGroup .btn-grey_round.sell-homepage:before { background-image:url('../../images/ico_sell_browser.svg'); } /* 0828 */
.grey_round_btnGroup .btn-grey_round.sell-download:before { width:20px; height:20px; margin-right:3px; background-image:url('../../images/ico_sell_download_w.svg');  }
.grey_round_btnGroup .btn-grey_round.sell-naver:before { background-image:url('../../images/ico_sell_naver.svg'); }



/* 인근 분양단지 비교, 인근 입주단지 비교*/
.whbox .bg-grey-bottom { display:flex; align-items:center; margin:4px 0 -16px; height:40px; background:#f8f8f8; }

.sell-compare .tit-sell { display:block; margin:0 16px; font-weight:400; font-size:18px; line-height:26px; color:#222; }
.sell-compare .subtit-sell { display:block; margin:3px 16px 0; font-size:12px; line-height:16px; color:#222; }
.apppage .sell-compare .tit-sell {margin:0}
.apppage .sell-compare .subtit-sell{margin:3px 0px 0}
.apppage .compare-box {margin:16px 0 0}
.whbox.apppage .subdescription.price{padding-left:0}
.compare-box{margin:12px 16px 0;}
.compare-box .tabs .nav-tabs .nav-link { font-size:14px; }
.compare-box .taptoolTip{top:68px;left:76px;}
.compare-box .taptoolTip:after { left:12px; }
.compare-box .taptoolTip.right { left:inherit; right:15%; }
.compare-box .taptoolTip.right:after{left:inherit; right:12px}
.compare-box .tabs .card-header{padding:0}
.regend{display:flex;height:33px; padding:0 8px;justify-content:space-between; align-items: center; background-color:#f8f8f8}
.typedec > span{display: inline-block; padding-left:16px;font-size:10px; position: relative;margin-right:8px }
.typedec > span:before{content:"";position:absolute; left:0; top:2px;width:12px; height:12px;}
.typedec .typedec1:before{background-color:#645b4c; border-radius:2px;}
.typedec .typedec2:before{background:url('../../images/group_3.svg') no-repeat; background-size:100%;}
.regend .select{font-size:12px; padding-right:20px;background:url('../../images/down1.svg') no-repeat right center; background-size:16px; position: relative;cursor:pointer;}
.regend  .selectover{width:102px; height:76px; padding:10px 8px; background-color:#fff; border-radius:16px; position: absolute; box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.2); z-index: 99; top:28px; left:-10px}
.regend  .selectover >span{display:block; font-size:14px; margin-bottom:8px}
.regend .selectover >span:nth-last-of-type(1){margin-bottom:0}
.regend  .selectover >span.active{font-weight:700}
.compare-box .legend-num > div >span{margin-left:40%;}
.compare-box .lgr-databar{flex-direction: column; flex-shrink: 0; justify-content: space-around; height:auto; position: relative;}
.compare-box .lgr-databar .databar{margin-top:4px; background-color:#ddd !important}
.compare-box .selectbg{background-color:rgba(241,241,241, .6); border-bottom:solid 1px #ddd;}
.compare-box .selectbg .lgr-databar .databar{margin-top:4px; background-color:#645b4c !important}
.compare-box .lgr-databar .databar:nth-of-type(1){margin-top:0px;}
.compare-box .selectbg .lgr-databar .databar.bgbar{background:url('../../images/yellow-bar.png') repeat-x}
.compare-box .selectbg .lgr-databar .databar.bgbar .data-numtip{color:#222}
.compare-box .lgr-databar .databar.bgbar{background:url('../../images/gray-bar1.png') repeat-x}
.compare-box .lgr-tx{width:132px;font-weight: 400;padding:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.compare-box .lgr-tx em{display:block; font-size:10px;}
.compare-box .lgr-group{padding-right:55px; height:52px; position: relative;}
.compare-box .lgr-group:nth-of-type(1) { border-top:1px solid #ddd; }
.compare-box .selectbg .lgr-databar .databar.bgbar{border:solid 1px #ffcc00}
.compare-box .selectbg .lgr-databar .databar.bgba.data-numtip{top:-3px}
.compare-box .texttooltip{background-color:#ffcc00; left:100%; top:11px; margin-left:8px;}
.compare-box .texttooltip:after{left:0; border-right-color:#ffcc00; border-left-color:transparent; left:-10px; top:6px; right:auto}
.compare-box .average-bar .texttooltip{background-color:#666; width:max-content; }
.compare-box .btn-moretable{position:relative; border:none; margin-top:8px}
.compare-box .btn-moretable.active{transform: rotate(-180deg);}
.compare-box .list-graph1{padding:20px 0 0 0; border:none;margin:42px -16px 0 0;}
.compare-box .list-graph1 .legend-box { width:auto; right:16px; }
.compare-box .average-bar{z-index: 4; width:calc(100% - 183px); left:132px; top:0}
.compare-box .average-bar .average:after{height:100%}
.compare-box .legend-num > div:after{height:calc(100% - 16px); top:22px}
.compare-box .lgr-data-box{height:156px; overflow: hidden; padding-right:16px; border-top:none;}
.compare-box .lgr-data-box.auto{height:auto; overflow: hidden;}

.collapse.show {position: relative;}
.collapse.typeinfo{padding-top:0 !important}
.typeCarousel{padding:0 12px 10px; }
.sell-info-box .tit-sell { display:block; margin:0 16px 8px; font-weight:400; font-size:18px; line-height:26px; color:#262626; }
.sell-info-box .tit-sell .date { font-size:12px; }
.sell-info-box .price-sell { display:flex; align-items:center; margin:0 16px; font-size:14px; line-height:16px; color:#676767; }
.sell-info-box .price-sell .price { margin-left:4px; font-size:16px; line-height:20px; color:#517ad6; }
.sell-info-box .info-sell { display:inline-flex; font-weight:300; margin:6px 16px 0; align-items:center; }
.sell-info-box .info-sell > span { font-size:14px; line-height:20px; color:#222; }
.sell-info-box .info-sell > span:after { content:'|'; margin:0 5px; }
.sell-info-box .info-sell > span:nth-last-of-type(1):after { display:none;}
.sell-info-box .alarm-deadline { margin:8px 16px 0; font-size:14px; line-height:20px; color:#222; }
.sell-info-box .my-sell-point { display:flex; flex-wrap:wrap; align-items:center; margin:8px 16px 0; padding:8px; font-weight:400; font-size:14px; line-height:20px; color:#676767; border-radius:5px; background:#f1f1f1;}
.sell-info-box .my-sell-point .extra-point { margin-left:8px; }
.sell-info-box .my-sell-point .extra-point em { font-weight:400; font-size:18px; line-height:20px; color:#517ad6; }
.sell-info-box .my-sell-point .btn-sell-point { margin-left:auto; padding:0 12px; border:1px solid #888; border-radius:12px; font-size:12px; line-height:16px; color:#222; text-align:left; background:#fff;}
.subscribe-bnr{margin:8px 0 0}
.subscribe-bnr img{width:100%}
.tableround{margin:8px 16px; border-radius:5px; border:solid 1px #ddd; overflow: hidden;} /* overflow-x: scroll; */
.tableround .tablein{border-radius: 5px;overflow: hidden;min-width: 100%;width:max-content;}
.tableround .tablein table{border-radius: 5px;}
.tableround .tablein td { height:32px; padding:0 4px; line-height:31px; text-align:center; color:#676767; }
.tableround .tablein th { height:28px; padding:0 4px; line-height:28px; color:#676767; }
.tableround .tablein .table .block{display: block;}
.tableround .tablein .table-typify td { font-weight:700; color:#222; } /* 분양가/경쟁률 카드-타입별 평형대 강조 */
.tableround.comparetable .tablein{width:100%; position:relative}
.tableround.comparetable .tablein th, .tableround.comparetable .tablein td{line-height:16px; height:auto; padding:4px; vertical-align:top;font-size:12px}
.tableround.comparetable .tablein th { font-size:14px; line-height:20px; }
.tableround.comparetable .tablein td{color:#222}
.whbox .bg-grey-bottom {display: flex;align-items: center; margin: 4px 0 -16px;height: 40px;background: #f8f8f8;}


.datelistBox{display:flex; justify-content:space-between; align-items: center;margin:0 16px; border-bottom:solid 1px #ddd; height: 37px; color:#676767}
.datelistBox.today{background-color:rgba(201, 184, 155,.3); color:#222}
.datelistBox.group{flex-direction: column; height:auto; padding:8px 0}
.datelistBox.group .flexbox{justify-content:space-between;align-items:flex-start; width:100%;}
.datelistBox .date{flex:1.6;text-align:left;display:flex; flex-wrap: wrap;}
.datelistBox .tit{text-align:left;padding-left:14px; flex:2;width: 140px; flex-shrink: 0;}
.datelistBox .dateafter{flex:.9;text-align:right; padding-right:14px;}
.datelistBox.today .tit, .datelistBox.today .date, .datelistBox.today .dateafter{font-weight: 700;}
.datelistBox.today.group .tit, .datelistBox.today.group .date { font-weight:400; }
.datelistBox .btnarea{margin-top:2px;margin-right:7px;align-self:flex-end; display:none}
.datelistBox.today .btnarea{display:block}
.datelistBox .btn-textarrow{font-size:14px}


/* 지역내분양단지 */
.summaryContList{height: 400px;margin:-8px 16px -8px; overflow: hidden;}
.summaryContList.auto{overflow: visible; height:auto}
.summaryContList .summaryContW { padding:8px 0; cursor:pointer; }
.summaryContList .summaryContW + .summaryContW { border-top:1px solid #ddd; }
.btn-moretablew { width:100%; border:0; background-image:url('../../images/down2.svg'); background-size:24px;}
.btn-moretablew.up{ transform:rotate(-180deg); }
.whbox .summaryContList + .btn-moretablew { height:40px; margin:-8px 0 -16px; padding:7px 0 7px;margin-top: 9px;padding-bottom: 0; background-color: #fff; z-index: 999; position: relative; }
.whbox .summaryContList.auto + .btn-moretablew{transform: rotate(-180deg);}

/* 지도앱바로가기 하단 팝업 */
.map-shortcut { padding:16px; border-radius:10px 10px 0 0; box-shadow:0 1px 8px rgba(0,0,0,0.25); box-shadow:0 1px 8px rgba(0,0,0,0.25); border:10px 10px 0 0;}
.map-shortcut .tit-shortcut { display:block; font-weight:700; font-size:16px; line-height:24px; color:#222; text-align:left;  }
.map-shortcut-group { display:flex; justify-content:flex-start; flex-wrap:wrap; }
.map-shortcut-group .btn-mapShortcut { flex:0 1 33.3%; margin-top:16px; font-size:12px; line-height:16px; color:#222; text-align:center; }
.map-shortcut-group .btn-mapShortcut .icon { display:block; width:24px; height:24px; margin:0 auto 8px; box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); }
.map-shortcut-group .btn-mapShortcut .icon img { width:100%; }
.btn-mapLocation:hover{color:#fff}

/* 지도-축척지역마커  */
.scalearea_box { padding: 0; }
.scalearea { background-color: rgba(157, 143, 120, 0.8); padding: 4px 8px 8px; position: relative; }
.scalearea::before { content: ''; display: block; height: 2px; width: 52px; background-color: #ddd; border-radius:4px; margin: 0 auto; }
.scalearea .header {color: #fff; padding: 0 8px; display: flex; margin:2px 0 4px; align-items:baseline; }
.scalearea .header .title { font-weight: 700; font-size: 18px; }
.scalearea .header .market-trand { margin-left:2px; font-size:14px; color:#fff; }
.scalearea .header .graph { align-self:center; margin-left:6px; text-align:left; width: 34px; height: 13px; }
.scalearea .header .append { align-self:center; margin-left:auto; }
.scalearea .header .news { display: block; width:64px; height:20px; background: url('../../images/area_news.png') no-repeat 0 0; background-size:100%;}

/* 지도-축척지역마커 가격정보  */
.priceinfo_block { background-color: #fff; padding:9px 8px; color: #222; border-radius: 16px; display: flex; align-items: center; }
.priceinfo_block .content_badge { width: 36px; height: 36px; flex: 0 0 36px; margin-right: 8px; padding: 4px 0 0 0; color: #febd36; font-size: 12px; line-height: 1.2; text-align: center; border-radius: 4px; background: #545045;}
.priceinfo_block .content_priceinfo { display: flex; flex-direction: row; flex-grow: 1; text-align: left; }
.priceinfo_block .content_priceinfo .priceinfo { flex: 1; }
.priceinfo_block .content_priceinfo .priceinfo:first-child { margin-right: 10px; }
.priceinfo_block .content_priceinfo .priceinfo > span {display: inline-block; }
.priceinfo_block .content_priceinfo .priceinfo .rank { font-size:12px; }
.priceinfo_block .content_priceinfo .priceinfo .rank .sm { font-size:11px; }
.priceinfo_block .content_priceinfo .price { flex: 1; font-size: 16px; color: #517ad6; line-height: 1; vertical-align: text-bottom; }
.priceinfo_block .content_priceinfo .sale_lank { font-size: 14px; color: #222; }

/* 지역이동 */
.stickyTop.move{top:0; padding-bottom:12px; }
.localdetail{display:flex; height:48px; padding:0 16px; align-items:center;position: relative;}
.overlocal{  width:calc(100% - 34px); padding-left:12px; margin-right:10px;overflow: hidden; position: relative;} /* overflow-x: scroll; */
.overlocal:before { content:''; position:absolute; right:2px; top:13px; bottom:9px; width:1px; background-color:#ddd; }
.localdetail:after{content: '';display:block;position: absolute;top: 12px;right:45px;width: 1px;height: 27px;background: #dddddd;}
.overlocal .inner {width:max-content; display:flex; height:48px; }
.btn-mapbt{padding:0 12px 0 0; font-size:18px; font-weight:300;background:url('../../images/ico_area_map_part.svg') no-repeat right center}
.btn-mapbt.active { font-weight: 500; }
.btn-mapbt:nth-child(3) { background:none; }
.icoLmakerV {position:absolute; height:23px; padding:0 6px; border:2px solid #17356e; font-size:12px; line-height:1.6; box-shadow:0 2px 4px rgba(0, 0, 0, 0.2); white-space:nowrap; border-radius:8px; cursor:pointer; background:#ffffff;}
.mapMovAreaW {display: flex;align-items: center;position: relative;height:calc(100% - 16px);margin: 0 16px 16px;background: #e6edf3;}
.mapMovArea {position: relative;width: 304px; height: 486px; margin: 0 auto;background: url('../../images/bg_area_map.svg') no-repeat 0 0;}
.mapMovAreaW + .btn_pos {position: relative;height: 0;margin-top: -40px;}
.mapMovAreaW + .btn_pos .btn-formround {width: 150px;height: 30px;line-height: 28px;padding: 0 12px;border-radius: 16px;box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
.mapMovArea .icoLmakerV {padding:0 4px;}
.mapMovArea .ico_pos1 {top:93px; left:27px;}
.mapMovArea .ico_pos2 {top:83px; left:74px;}
.mapMovArea .ico_pos3 {top:74px; left:181px;}
.mapMovArea .ico_pos4 {top:121px; left:102px;}
.mapMovArea .ico_pos5 {top:192px; left:40px;}
.mapMovArea .ico_pos6 {top:168px; left:92px;}
.mapMovArea .ico_pos7 {top:152px; left:154px;}
.mapMovArea .ico_pos8 {top:209px; left:120px;}
.mapMovArea .ico_pos9 {top:181px; left:225px;}
.mapMovArea .ico_pos10 {top:251px; left:195px;}
.mapMovArea .ico_pos11 {top:271px; left:253px;}
.mapMovArea .ico_pos12 {top:298px; left:167px;}
.mapMovArea .ico_pos13 {top:317px; left:244px;}
.mapMovArea .ico_pos14 {top:263px; left:83px;}
.mapMovArea .ico_pos15 {top:310px; left:55px;}
.mapMovArea .ico_pos16 {top:349px; left:78px;}
.mapMovArea .ico_pos17 {top:426px; left:58px;}
.scrollWrap1{padding:0 0 0 16px; overflow: hidden; position: relative;}/* overflow-x: scroll; */
.localdetail:after{content:""; display:block; width:calc(100% - 32px); height:1px;background-color: #ddd; position:absolute; left:16px; top:48px}
.txtLink{display: block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 34px;cursor:pointer;}
.txtLink.active span { display: inline-block; padding: 0 8px; border-radius: 16px;  }
.scrollin{display: flex;flex-wrap: nowrap;justify-content:space-between;}
.scrollin > div{border-right:solid 1px #f1f1f1;  padding-left:16px;text-align: left;}
/* .scrollin > div:nth-of-type(1){padding-left:0} */
.scrollin.colum1 > div{ flex:0 0 100%; width:100%; border-right:none}
.scrollin.colum2 > div{ flex:0 0 50%; width:50%;}
.scrollin.colum3 > div{ flex:0 0 43%; width:43%;}
.scrollin.colum4 > div{ flex:0 0 29%; width:29%;}
.btn_pos { position:relative; position:-webkit-sticky; position:sticky; width:100%; bottom:11px; }
.btn_pos .typemap{min-width:55px; height:30px; line-height:28px; padding:0 12px 0 35px; border-radius:16px;background: #17356e url('../../images/ico_mapMov_btn.svg') no-repeat 12px center; box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}



/* 지도-화면 UI(좌/우) */
.mapScreenPop {position:absolute; top:120px; width:40px;}
.mapScreenPop.left {left:8px; width:40px;}
.mapScreenPop .mode {display:inline-block; position:relative;}
/* .mapScreenPop .btn {overflow:hidden; border:0; white-space:nowrap; border-radius:50%; box-shadow:0 0 0; background:no-repeat 50% 50%;} */
.mapScreenPop .btn.btnSize { width:40px; min-width:40px; height:40px; min-height:40px; text-indent: -9999px; }
.mapScreenPop .btn.btnMamul {background-image:url('../../images/btn_map_screen_left1.svg');}
.mapScreenPop .btn.btnDanji {border-radius:0; box-shadow:0 0 0; background-image:url('../../images/btn_map_screen_left2.svg');}
.mapScreenPop .btn.btnParcel {border-radius:0; box-shadow:0 0 0; background-image:url('../../images/btn_map_screen_left3.svg');}
.mapScreenPop .btn.btnBook {background-image:url('../../images/btn_map_screen_left4.svg');}
.mapScreenPop .btn.btnMamul.active {background-image:url('../../images/btn_map_screen_left1_on.svg');}
.mapScreenPop .btn.btnDanji.active {background-image:url('../../images/btn_map_screen_left2_on.svg');}
.mapScreenPop .btn.btnParcel.active {background-image:url('../../images/btn_map_screen_left3_on.svg');}
.mapScreenPop .btn.btnBook.active {background-image:url('../../images/btn_map_screen_left4_on.svg');}
.mapScreenPop .btn.btnMamul.disabled {background-image:url('../../images/btn_map_screen_left1_dis.svg');}
.mapScreenPop .btn.btnDanji.disabled {background-image:url('../../images/btn_map_screen_left2_dis.svg');}
.mapScreenPop .btn.btnParcel.disabled {background-image:url('../../images/btn_map_screen_left3_dis.svg');}
.mapScreenPop .btn.btnBook.disabled {background-image:url('../../images/btn_map_screen_left4_dis.svg');}

.mapScreenPop.right {position:absolute; top:118px; right:12px; width:40px}
.mapScreenPop.right .btn {width:40px; min-width:40px; height:39px; min-height:39px; border-radius:5px; text-indent: -9999px;}
.mapScreenPop .btnMapQuick {background-image:url('../../images/btn_map_screen_right1.svg');}
.mapScreenPop .btnMapQuick.disabled {background-image:url('../../images/btn_map_screen_right1_dis.svg');}
.mapScreenPop .btnMapQuick.active {background-image:url('../../images/btn_map_screen_right1_on.svg');}

.mapScreenPop .btnSns {background-image:url('../../images/btn_map_screen_right3.svg');}
.mapScreenPop .btnSns.disabled {background-image:url('../../images/btn_map_screen_right3_dis.svg');}
.mapScreenPop .btnSns.active {background-image:url('../../images/btn_map_screen_right3_on.svg');}

.mapScreenPop .btnRegul {background-image:url('../../images/btn_map_screen_regul1_off.svg');}
.mapScreenPop .btnRegul1 {background-image:url('../../images/btn_map_screen_regul1.svg');}
.mapScreenPop .btnRegul1.active {background-image:url('../../images/btn_map_screen_regul1_on.svg');}
.mapScreenPop .btnRegul1.off {background-image:url('../../images/btn_map_screen_regul1_off.svg');}
.mapScreenPop .btnRegul2 {background-image:url('../../images/btn_map_screen_regul2.svg');}
.mapScreenPop .btnRegul2.active {background-image:url('../../images/btn_map_screen_regul2_on.svg');}
.mapScreenPop .btnRegul2.off {background-image:url('../../images/btn_map_screen_regul2_off.svg');}
.mapScreenPop .btnRegul3 {background-image:url('../../images/btn_map_screen_regul3.svg');}
.mapScreenPop .btnRegul3.active {background-image:url('../../images/btn_map_screen_regul3_on.svg');}
.mapScreenPop .btnRegul3.off {background-image:url('../../images/btn_map_screen_regul3_off.svg');}
.mapScreenPop.right .btnYoutube {width:40px; min-width:40px; height:28px; min-height:28px; background-image:url('../../images/btn_map_screen_right4.svg');}
.mapScreenPop.right .btnYoutube.active {background-image:url('../../images/btn_map_screen_right4_on.svg');}

.mapScreenPop.show {z-index:1000 !important;}
.parcelfilterPop.show {display:block; z-index:1003;}
.dim {display:none; position:fixed; z-index:999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.35);}
.dim.show {display:block; z-index: 99; }

.parcelfilterPop {display:none; position:absolute; z-index:100; top:50%; left:49px; width:255px; height:138px; margin-top:-69px; padding:12px; border-radius:10px; text-align:left; background:#ffffff;}
.parcelfilterPop:before {content:""; position:absolute; top:50%; left:-15px; margin-top:-8px; border-top:0px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ffffff; transform:rotate(-90deg);}
.parcelfilterPop .inner {position:relative; margin-bottom:4px; padding-bottom:4px; border-bottom:1px solid #e7e7e7;}
.parcelfilterPop .inner .form-group { margin-bottom: 0; }
.parcelfilterPop .inner:last-of-type {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.parcelfilterPop .btnFilter {display:inline-block; min-height:32px; margin-right:5px; padding:0 8px; border:1px solid #b2b2b2; font-weight:300; line-height:30px; border-radius:8px; cursor:pointer; transition:0.5s;}
.parcelfilterPop .btnFilter:last-of-type {margin-right:0;}
.parcelfilterPop .btnFilter.active {font-weight:400; border-color:#dddddd; background:#dddddd;}

.parcelfilterPop .building_type > [role="group"] .btn.active,
.parcelfilterPop .rental_type > [role="group"] .btn.active,
.parcelfilterPop .sale_type > [role="group"] .btn.active { font-weight:400; border-color:#dddddd; background:#dddddd; color: #222 !important; }

.parcelfilterPop .building_type > [role="group"] .btn,
.parcelfilterPop .rental_type > [role="group"] .btn,
.parcelfilterPop .sale_type > [role="group"] .btn { min-height:32px; margin-right:5px; padding:0 8px; border:1px solid #b2b2b2; font-weight:300; line-height:30px; border-radius:8px !important; cursor:pointer; transition:0.5s;background-color: transparent; color: #222; }

.appQuickPop.show {display:block; z-index:1003;}
.appQuickPop {display:none; position:absolute; z-index:100; top:15px; right:49px; width:214px; height:350px; margin-top:0; padding:16px; border-radius:10px; border-top-right-radius:0; text-align:left; background:#ffffff;}
.appQuickPop:before {content:""; position:absolute; top:0; right:-20px; border-top:0px solid transparent; border-left: 10px solid #ffffff; border-right: 10px solid transparent; border-bottom: 10px solid transparent; transform:rotate(0deg);}

.appQuickPop .tit {display:block; margin-bottom:8px; font-size:10px; line-height:14px;}
.appQuickPop .inner {margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid #dddddd;}
.appQuickPop .inner:last-of-type {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.appQuickMapList {display:flex; justify-content:space-around;}
.appQuickMapList .box {flex:1; font-size:12px; line-height:16px; color:#161616; text-align:center;}
.appQuickMapList .box .ico {display:block; width:24px; height:24px; margin:8px auto 8px auto;}
.appQuickMapList .box .ico img {width:100%;}

.appQuickMapMode_mapselect { width: 100%; }
.appQuickMapMode_mapselect > [role="radiogroup"] { display: flex; flex-direction: row; }
.appQuickMapMode_mapselect > [role="radiogroup"] > .btn { flex: 1; border-radius: 0 !important; border: 0 !important; text-indent: unset; height: 40px; }
.appQuickMapMode_mapselect > [role="radiogroup"] > .btn:first-child { background-image:url('../../images/bg_map_mode1.jpg'); }
.appQuickMapMode_mapselect > [role="radiogroup"] > .btn:not(:first-child) { background-image:url('../../images/bg_map_mode2.jpg'); }
.appQuickMapMode_mapselect > [role="radiogroup"] > .btn:last-child { background-image:url('../../images/bg_map_mode3.jpg'); }
.appQuickMapMode_mapselect > [role="radiogroup"] > .btn.active:first-child { background-image:url('../../images/bg_map_mode1_on.jpg'); }
.appQuickMapMode_mapselect > [role="radiogroup"] > .btn.active:not(:first-child) { background-image:url('../../images/bg_map_mode2_on.jpg'); }
.appQuickMapMode_mapselect > [role="radiogroup"] > .btn.active:last-child { background-image:url('../../images/bg_map_mode3_on.jpg'); }

.appQuickPop .radioBox label {display:flex; flex-direction:row-reverse; justify-content:space-between; margin-top:16px;}
.appQuickPop .radioBox label {background:url('../../images/ico_map_radio.svg') no-repeat right 0/20px auto;}
.appQuickPop .radioBox label:hover,
.appQuickPop .radioBox label.active {background-image:url('../../images/ico_map_radio_on.svg');}

.appQuickPop_radioselect > [role="radiogroup"] { display: flex; flex-direction: column; }
.appQuickPop_radioselect > [role="radiogroup"] .btn { width: 100%; color: #676767 !important; border: none !important; height: 21px; min-height: 21px; text-indent: unset; }
.appQuickPop_radioselect > [role="radiogroup"] .btn.active span { color: #222 !important; }
.appQuickPop_radioselect > [role="radiogroup"] .btn span { text-align: left; flex:1; padding-left:25px; color:#676767; background:no-repeat 0 2px/18px auto; }
.appQuickPop_radioselect > [role="radiogroup"] .btn:first-child span { background-image:url('../../images/btn_map_mode3.svg') }
.appQuickPop_radioselect > [role="radiogroup"] .btn:last-child span { background-image:url('../../images/btn_map_mode4.svg') }
.appQuickPop_radioselect > [role="radiogroup"] .btn:first-child.active span { background-image:url('../../images/btn_map_mode3_on.svg') }
.appQuickPop_radioselect > [role="radiogroup"] .btn:last-child.active span { background-image:url('../../images/btn_map_mode4_on.svg') }

.appQuickPop [class*='btnMapView'] {width:100%; padding-left:22px; border:0; text-align:left; background:no-repeat 0 0/18px auto;}
.appQuickPop .btnMapView1 {background-image:url('../../images/ico_map_view1.svg');}
.appQuickPop .btnMapView2 {margin-top:12px; background-image:url('../../images/ico_map_view2.svg');}

.buycheckLayer { text-align:center; }
.realty-info { padding:0 0 16px; }
.realty-info .thumbnail { display:block; width:56px; height:56px; margin:0 auto; border-radius:100%; }
.realty-info .thumbnail img { width:100%; height:100%; }
.realty-info .name { display:flex; align-items:center; justify-content:center; margin:4px 0 0; font-size:14px; line-height:20px; font-weight:700; }
.realty-info .name .ceo { font-weight:400; color:#222; }
.realty-info .name .ceo:before { content:'|'; margin:0 2px; color:#b2b2b2; }
.realty-info .call { display:inline-flex; align-items:center; height:20px; margin:4px 0 0; padding:0 8px; font-size:14px; border-radius:14px; background:#f1f1f1; }
.realty-info .call:before { content:''; width:16px; height:16px; margin-right:4px; background:url('../../images/phone_call.svg') no-repeat 0 0; background-size:100%;}

/* 분양상세 > 전화문자 레이어팝업 */
.buy-info { padding:12px 0; border-top:2px solid #f1f1f1; border-bottom:1px solid #f1f1f1; }
.buy-info .name { display:flex; align-items:center; justify-content:center; font-size:16px; }
.buy-info .name .label { flex-shrink:0; align-self:flex-start; margin-top:4px; }
.buy-info .name .floor { flex-shrink:0; align-self:center; font-size:12px; margin:2px 0 0 3px; }
.buy-info .price { display:flex; align-items:center; justify-content:center; margin-top:4px; }
.buy-info .price .label { flex-shrink:0; }
.buy-info .price strong { font-weight:700; font-size:16px; line-height:24px; }
.buy-info .buy-number { display:inline-flex; align-items:flex-end; height:32px; margin-top:8px; padding:2px 16px 4px; border-radius:8px; font-size:14px; color:#676767; background:#f1f1f1; }
.buy-info .buy-number .number { margin-left:4px; font-size:18px; line-height:26px; color:#517ad6; }
.buy-info .buy-number .number em + em { margin-left:4px; }
.certify-info { padding:8px 12px 15px; margin:0 -16px; background:#f8f8f8; text-align:left; }
.certify-info .member-input { margin:0; }
.certify-info .member-input .form-control { background:#f8f8f8; }
.certify-info .member-input .error-message { margin-bottom:0; }
.certify-info .tit-info { display:block; font-size:14px; line-height:20px; font-weight:400; margin-bottom:8px; }
.buycheckLayer .message { border-top:1px solid #f1f1f1; padding:12px 0 0; }
.buycheckLayer .message p { font-size:14px; line-height:20px; color:#676767; }
.buycheckLayer .message .emph { color:#ff0000; }
.buycheckLayer .message .realty { text-decoration:underline; }
.buycheckLayer .message p + p { margin-top:4px; }
.buycheckLayer .formbot { margin-top:16px; }
.buycheckLayer .formbot .phone-agree + .pass-retext { margin:7px 0 -8px; }
.checkboxwrap{display:flex; margin:13px 0; align-items: center; justify-content: center;}
.checkboxwrap .btn-text{min-height:21px; line-height:21px; top: -2px;position: relative;margin-left: 4px;}
.checkboxwrap +.formbot{margin-top:0}
/* .buycheckLayer .formbot.type-scroll { margin:8px -16px 0; padding:0 16px; max-height:163px; overflow-x:hidden; overflow-y:auto;}  */
.buycheckLayer .type-scroll { margin:8px -16px 0; }
.buycheckLayer .type-scroll .formbot { margin:0; padding:0 16px; max-height:163px; } /*  overflow-y:auto; */

.buycheckLayer .type-scroll .btn { position:relative; padding-left:42px; }
.buycheckLayer .type-scroll .btn:before { content:''; position:absolute; left:3px; top:3px; width:32px; height:32px; border-radius:4px; }
.buycheckLayer .type-scroll .btn.call:before { background:#17356e url('../../images/icon_16_call.svg') no-repeat 50% 50%; background-size:16px 16px; }
.buycheckLayer .type-scroll .btn.phone:before { background:#17356e url('../../images/icon_16_phone.svg') no-repeat 50% 50%; background-size:16px 16px; }
.buycheckLayer .type-scroll .btn.sms:before { border:1px solid #ddd; background:#f8f8f8 url('../../images/icon_16_message.svg') no-repeat 50% 50%; background-size:16px 16px; }
.buycheckLayer .label.electronic{margin-top:8px;top:0}
/* 신고버튼 레이어 */
.morelayer { position: absolute;right:0;top:38px;background-color:#fff;box-shadow: 0 1px 8px rgba(0,0,0,0.2);z-index:8;border-radius:8px; }
.morelayer .btn-text { min-width:42px; height:32px; padding:0 8px; font-size:14px; color:#222; display: block;}
.morelayer .btn-text + .btn-text{border-top:solid 1px #ddd; border-radius:0;}
.re-tit .morelayer { right:28px; }
.ttbangConW .re-tit .morelayer { top:22px; }
.rebtn-wrap .morelayer { top:26px; right:8px; }
.youtList1 > ul > li .tit .btn-moreview2 { flex-shrink:0; margin-left:auto; margin-bottom:-4px; }
.youtList1 > ul > li .tit .morelayer { top:30px; right:18px; }
.viewWrap.imgfull .toparea .btn-moreview2 { margin-right:-3px; margin-left:5px; }
.viewWrap.imgfull .toparea .morelayer { top:35px; right:20px; }

/* 고객센터 > 시세문의 결과조회 */
.question-search { margin: 0 16px; }
.question-search .nodata { color: #676767; font-size: 18px; justify-content: center; display: flex; align-items: center; height: calc(100vh - 84px); align-self: center; }
.question-search .nodata .icon { width: 57px; height: 57px; background: url('../../images/icon_question_notice_nodata.svg') no-repeat center center; }
.question-search .notice { color: #fff; border-radius: 8px; text-align: left; padding: 8px; margin: 8px 0; font-size: 12px; background: #17356e url('../../images/icon_question_notice_bg.svg')  no-repeat right 8px bottom 8px; }
.question-search .notice p { margin-right: 70px; word-break: keep-all; }
.question-search .notice span { color: #f8e71c; }
.question-search .stickyTop { padding-top: 8px; padding-bottom: 0; }
.question-search .result-count { text-align: left; border-bottom: 1px solid #ddd; padding: 10px 0; }
.result-item { position: relative; text-align: left; border-bottom: 1px solid #ddd; padding: 12px 0; display: flex; flex-direction: row; cursor: pointer; }
.result-item .item-info { display: flex; flex-direction: column; flex-grow: 1; min-width: 0; margin-right: 15px; }
.result-item .step-info { font-size: 12px; }
.result-item .step-info span { margin-left: 4px; }
.result-item .step-info span:last-child::before { content: ''; display: inline-block; width: 1px; height: 8px; margin: -2px 4px 0 0; vertical-align: middle; background: #ddd; }
.result-item .step-tag { min-width: 49px; text-align: center; display:inline-block; height:14px; padding:0 6px; border-radius:6px; font-size:10px; line-height:14px; color:#fff; }
.result-item .step-tag.step1 { background-color: #3c83ee; }
.result-item .step-tag.step2 { background-color: #e7573a; }
.result-item .step-tag.step3 { background-color: #b2b2b2; }
.result-item .item-tit { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; line-height: 24px; width: 100%; display: inline-block; }
.result-item .item-img {width: 72px; height: 72px;border-radius: 50%; display: inline-block; overflow: hidden; flex-shrink: 0; }
.result-item .item-img img {width: 100%;height: 100%;border-radius: 6px;}
.search-single { border-top: 1px solid #ddd; }
.single-step { display: flex; padding: 16px 26px; }
.single-step .step-status { flex-grow: 1; color: #ddd; align-items: center; display: flex; flex-direction: column; flex: 1 0 52px; position: relative; }
.single-step .step-status .step { color: #fff; display: block; text-align: center; width: 20px; height: 20px; font-size: 10px; position: relative; background: url('../../images/icon_question_step_off.svg') no-repeat center center; line-height: 20px; }
.single-step .step-status.active { color: #4178f4; }
.single-step .step-status.active .step { color: #fff; background: url('../../images/icon_question_step_on.svg') no-repeat; }
.single-step .step-status .toolTip { display: none; }
.single-step .step-status.step2.active .toolTip {display:inline-block;padding:8px; background-color:rgba(54,54,54, .9); border-radius:3px; color:#fff; font-size:12px; position: absolute; top:45px; min-width: 210px; }
.single-step .step-status.step2.active .toolTip:after {content:""; left: 100px;right: auto;top: -8px; border-top: 3px solid transparent; border-bottom: 5px solid rgba(54,54,54, .9); border-left: 3px solid transparent; border-right: 3px solid transparent; position: absolute; }
.single-step .step-arrow { display: flex; flex-shrink: 0; flex: 0 1 16px; margin: 0 16px; background-color: #ccc; background: url('../../images/icon_question_step_arrow.svg') no-repeat center center; }
.question-qa .question-q { border: 1px solid #dddddd; padding: 12px 16px; border-radius: 8px; }
.question-qa .question-q .user-question { display: flex; margin-bottom: 8px; }
.question-qa .question-q .user-question > span { text-align: right; flex-grow: 1; color: #676767; }
.question-qa .question-q .textarea { border: none; padding: 0 !important; text-align: left; word-break: break-all; }
.question-qa .question-a { padding: 12px 16px; margin-top: 16px; border-radius: 8px; background-color: #f8f8f8; }
.question-qa .question-a .kb-answer { display: flex; margin-bottom: 8px; }
.question-qa .question-a .kb-answer .user-id { display: flex; align-items: center; }
.question-qa .question-a .kb-answer .user-id::before { content: ''; display: inline-block; width: 16px; height: 16px; background: url('../../images/icon_question_liiv.svg?20211118') no-repeat center center; margin-right: 4px; }
.question-qa .question-a .kb-answer > span { text-align: right; flex-grow: 1; color: #676767; }
.question-qa .question-a .textarea { border: none; padding: 0 !important; text-align: left; background: transparent; }
.question-search .modify-btn { display:flex; flex-direction:column; align-items:flex-start; margin-top:16px }
.question-search .modify-btn .btn-formround { width:100%; height:32px; font-size:14px; border-radius:8px; }
.question-search .modify-btn .btn-formround.bg-gray { color: #222; }
.question-search .modify-btn .btn-formround.bg-blue { background-color:#4178f4 !important; }
.question-search .modify-btn .modifyTip { position:relative; display:inline-flex; align-items:center; height:30px; padding:0 8px; margin-top:14px; border-radius:5px; font-size:10px; color:#fff; background-color:rgba(54,54,54,.9); }
.question-search .modify-btn .modifyTip:before { content:''; position:absolute; left:7px; top:-5px; width:0; height:0; border-left:3px solid transparent; border-right:3px solid transparent; border-bottom:5px solid rgba(54,54,54,.9); }
.question-search .modify-btn .modifyTip .btn-close { min-width:16px; min-height:16px; margin-top:1px; }

/* 분양관, 분양목록 공통 요소 */
.condominium .tabs .card-header { background-color: #fff; padding: 8px 16px 0; }
.condominium .tabs .card-header .nav-item { background: #fff; }
.condominium .condominium-area { width: 100%; text-align: left; padding: 14px 16px; display: block;}
.condominium .condominium-list { width: 100%; text-align: left; padding: 14px 0; display: block;}
.condominium .badge-specialday { border-radius: 10px; font-size: 10px; border: 1px solid; padding: 0 8px; display: inline-block; line-height: 16px; align-self: center; }
.condominium .badge-specialday + .address { margin-left: 4px; font-size: 12px; }
.condominium .badge-specialday.light { border-color: #fff; color: #fff; }
.condominium .badge-specialday.dark { border-color: #666; color: #4c4a3f; }
.condominium .txt-house { margin-top:0 !important; font-size: 12px; }
.condominium .txt-house .house-size {display:inline-block; font-size:12px; line-height:16px;}
.condominium .txt-house .house-size:after {content:''; display:inline-block; width:1px; height:8px; margin:-2px 4px 0 4px; vertical-align:middle; background:#ddd;}
.condominium .txt-house .house-size:last-child:after {display:none;}
.condominium .txtBox { position:relative; margin-top:4px; padding: 0 !important; min-height: auto !important; }
.condominium .w-r-help { background: url('../../images/icon_help_w_round.svg') no-repeat center center/16px; min-width: 21px; min-height: 21px; margin-top: 4px; }
.condominium .info-name .name { text-shadow: 0 2px 4px #000; }

.layertit.condominiumtit { display: flex; flex: 1; position: absolute; z-index: 0; justify-content: center; width: 100%; font-size: 16px; left:0 }
.page-utility { display: flex;    position: absolute;right: 16px;top: 17px; }
.additional-calculator { position: relative; background: url('../../images/icon_24_calculate.svg') no-repeat center center; background-size: 24px 24px; border-radius: 0; margin-right: 16px; }
.additional-calculator + .toolTip { display: inline-block; padding: 8px; background-color: rgba(54,54,54,.9); border-radius: 3px; color: #fff; font-size: 12px; position: absolute; top:35px; word-break: keep-all; }
.additional-calculator + .toolTip:after {content:""; left: 47px;right: auto;top: -8px; border-top: 3px solid transparent; border-bottom: 5px solid rgba(54,54,54, .9); border-left: 3px solid transparent; border-right: 3px solid transparent; position: absolute; }
.calculator-result { font-size: 10px; color: #fff; background: #545045; border-radius: 9px; padding: 0 4px; line-height: 16px; margin-right: 8px; align-self: center; min-width: 30px; }
.calculator-result::after { content: '점'; }

/* 분양관 */
.condominium-area-title { margin-bottom: 8px; margin-top: 16px; }
.condominium-area .title { font-size: 14px; font-weight: 400; position: relative; }
.condominium-area .title.rate, .condominium-area .title.closeup { margin: 0; }
.condominium-area .title.rate::after { content: ''; width: 24px; height: 24px; position: absolute; background: #ccc; background: url('../../images/icon_title_rate.svg') no-repeat; top: -3px; }
.condominium-area .title.closeup::after { content: ''; width: 24px; height: 24px; position: absolute; background: #ccc; background: url('../..images/icon_title_closeup.svg') no-repeat; top: -3px; }
.condominium-area .title.condominium-infomation { background: url('../../images/tit_condominium_infomation.png') no-repeat left center; background-size: contain; text-indent: -9999px; overflow: hidden; width: 148px; display: block; }
.condominium-area .info { font-size: 10px; display: inline-block; padding: 3px 4px; position: relative; margin-left: 9px; border-radius: 4px; background: #f1f1f1; }
.condominium-area .info::before { content: ''; position: absolute; width: 8px; height: 8px; left: -4px; top: 6px; transform: rotate(45deg); border-radius: 2px; background: #f1f1f1; }
.condominium-info { display: flex; }
.condominium-info .condominium-item { flex-grow: 1; text-indent: -999px; overflow: hidden; min-height: 26px; position: relative; }
.condominium-info .line { font-size: 10px; text-align: center; width: 16px; height: 16px; color: #000; display: block; margin: 10px 15px 0; }
.condominium-item.kab { background: url('../../images/logo_kab.svg') no-repeat center bottom; }
.condominium-item.lh { background: url('../../images/logo_lh.svg') no-repeat center bottom; }
.condominium-item.sh { background: url('../../images/logo_sh.svg') no-repeat center bottom/70px; }

/* 분양관 : 특별공급 Today */
.condominium-area-top .slick-slider .slick-dots { margin: 0; }
.condominium-area-top .condominium-inner { display: flex; }
.condominium-area-top .condominium-inner .address { text-shadow: 0 2px 4px #000; }
.condominium-area-top .building-photo { height: 180px; overflow: hidden; }
.condominium-area-top .building-photo img { max-width: 100%; }
.condominium-area-top .infoWrap { padding: 0 12px; }
.condominium-area-top .info-sell { font-size: 12px; }
.condominium-area-top .info-top { top: 12px; width: 100%; }
.condominium-area-top .summaryContW { position:absolute; bottom: 12px; color: #fff; padding: 0 12px; z-index: 1; }
.condominium-area-top .summaryContW .info-comp { background-color: rgba(255,255,255,.3); border-radius: 4px; }
.condominium-area-top .summaryContW .txtBox .price strong { color:#56d4f0; font-weight: 700; }
.condominium-area-top .summaryContW .btn-bookmaker { right: 12px; }
.condominium-area-top .txtBox .price .type { color:#fff !important; }
.condominium-slider-item { border-radius: 8px; overflow: hidden; position: relative; }
.condominium-slider-item::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(6,6,6,0) 100%); opacity: 1; }

/* 분양관 : 인기 분양 단지 */
.popularity { box-shadow: 0 1px 8px rgba(0,0,0,0.3); border-radius: 8px; overflow: hidden; }
.popularity .btn-moretablew { background-color: #f1f1f1; border-radius: 0; }
.popularity .btn-moretablew.on { transform: rotate(180deg); }
.popularity-outer { height: 176px; overflow: hidden; }
.popularity-outer.auto { height: auto; overflow: visible; }
.popularity-list { display: block; padding: 0 12px; }
.popularity-list .tit { font-size: 16px; justify-content: flex-start; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 24px; width: 100%; display: inline-block; margin-right: 6px; }
.popularity-list .badge1 { padding: 6px 0; margin-top: 0; border-radius: 0; background-color: transparent; border-bottom: 1px solid #ddd; }
.popularity-list .badge1:last-child { border-bottom: none; }
.popularity-list .badge1 [class*='rank'] { padding: 0; }
.popularity-list .badge1 .ico { top: 0; text-indent: unset; font-size: 10px; color: #fff; text-align: center; background-position: top 1px center; }
.popularity-list .badge1 .rank1, .popularity-list .badge1 .rank2 { margin-top: 0; }
.popularity-list .badge1 .rank1 .ico { background-image: url('../../images/ico_popularity_badge1.svg'); }
.popularity-list .badge1 .rank2 .ico { background-image: url('../../images/ico_popularity_badge2.svg'); }
.popularity-list .badge1 .rank3 .ico { background-image: url('../../images/ico_popularity_badge3.svg'); background-size: 17px; background-position: top 4px center; padding-top: 2px; }
.popularity-list .badge1 .int { position: absolute; top: 4px; right: 16px; color: #676767; font-size: 12px; line-height: 15px; }
.popularity-list-info { display: flex; flex-direction: row; margin-left: 30px; font-weight: 700; }
.popularity-list-info + .popularity-list-info { font-weight: 400; color: #676767; }
.popularity-list-info + .popularity-list-info .address { color: #222; }
.popularity-list-info + .popularity-list-info span:first-child::after { content:'|'; color: #ddd; margin: 0 4px; font-size: 10px; }
.badge-specialday { align-self: baseline; flex-shrink: 0; }

/* 분양관 : 청약 경쟁률 */
.condominium-rate { margin-right: -16px; }
.condominium-rate .list-slide { padding-bottom: 0; display: flex; flex-wrap: nowrap; }
.condominium-rate .list-slide::after { content: ''; display: block; width: 0; height: 0; padding: 8px; position: relative; }
.condominium-rate .rate-item { display: block; width: 140px; border: 1px solid #ddd; padding: 8px; border-radius: 4px; overflow: hidden; box-sizing: border-box; flex-shrink: 0; }
.condominium-rate .rate-item:not(:first-child) { margin-left: 8px; }
.condominium-rate .rate-item span { display: block; font-size: 12px; }
.condominium-rate .rate-item b { display: block; font-size: 14px; text-overflow: ellipsis; width: 100%; overflow: hidden; white-space: nowrap; }
.condominium-rate .rate-item dl { display: block; }
.condominium-rate .rate-item dl dt, .condominium-rate .rate-item dl dd { float: left; font-weight: 400; width: 50%; }
.condominium-rate .rate-item dl dt { font-size: 12px; color: #676767; }
.condominium-rate .rate-item dl dd { font-size: 14px; clear: right; text-align: right; color: #ff0200; }

/* 분양관 : 청약 임박 */
.condominium-area-top .slick-slider .slick-dots { margin: 0; }
.condominium-area-closeup { position: relative; }
.condominium-area-closeup .toolTip { display: inline-block; padding: 8px; background-color: rgba(54,54,54,.9); border-radius: 3px; color: #fff; font-size: 12px; position: absolute; right: 0; top: -60px; margin-right: 0; width: 150px; }
.condominium-area-closeup .toolTip:after { content: ""; right: 22px; bottom: -8px; border-bottom: 3px solid transparent; border-top: 5px solid rgba(54,54,54, .9); border-left: 3px solid transparent; border-right: 3px solid transparent; position: absolute; }
.condominium-area-closeup .toolTip .btn-close { position: absolute; top: 5px; right: 5px; min-width: 16px; min-height: 16px; }
.condominium-closeup-item { border-radius: 8px; overflow: hidden; position: relative; box-shadow: 0px 2px 4px rgba(0,0,0,0.2); }
.condominium-closeup-item:not(:last-child) { margin-bottom: 16px; }
.condominium-closeup-item::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%); opacity: 1; }
.condominium-closeup-item::after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(6,6,6,0.1) 80%); opacity: 1; }
.condominium-closeup-item .condominium-inner { display: flex; }
.condominium-closeup-item .condominium-inner .address { color: #fff; text-shadow: 0 2px 4px #000; }
.condominium-closeup-item .building-photo { height: 194px; overflow: hidden; }
.condominium-closeup-item .building-photo img { width: 100%; }
.condominium-closeup-item .infoWrap { padding: 0 12px; }
.condominium-closeup-item .info-sell { font-size: 12px; }
.condominium-closeup-item .info-top { color: #222; top: 12px; padding: 0 12px; font-size: 12px; z-index: 1; position: absolute; width: 100%; }
.condominium-closeup-item .info-top .btn-bookmaker { right: 12px; }
.condominium-closeup-item .summaryContW { position:absolute; bottom: 0; color: #222; padding: 3px 12px; background: #fff; width: 100%; z-index: 1; }
.condominium-closeup-item .summaryContW > div { margin: 0 0 4px; }
.condominium-closeup-item .info-comp { margin-top: 0; border-radius: 4px; }
.bookmaker-tooltip .arrow::before { border-top-color: rgba(54,54,54,0.9) !important; }
.bookmaker-tooltip .tooltip-inner { width: 150px; word-break: keep-all; background: rgba(54,54,54,0.9); font-size: 12px; }

/* 분양목록 */
/* 분양목록 : 지역선택 */
.condominium-list-area { display: flex; justify-content: flex-start; padding: 0 16px; }
.condominium-list-area .btn-area { background: #fff; border: 1px solid #4178f4; color: #517ad6; padding: 3px 6px; border-radius: 8px !important; display: flex; }
.condominium-list-area .btn-area::before { content: ''; width: 16px; height: 16px; align-self: center; display: inline-block; background: url('../../images/ico_add_blue.svg') no-repeat center left -2px/16px; }
.condominium-list-area .btn-area.active { background: #4178f4; border: 1px solid #4178f4; color: #fff !important; }
.condominium-list-area .btn-area.active::before { display: none; }
.condominium-list-area .btn-area.active::after { content: ''; width: 16px; height: 16px; align-self: center; display: inline-block; background: url('../../images/btn_close_w.svg') no-repeat center right -2px/16px; }
.condominium-list-area .btn-area:not(:last-child) { margin-right: 8px; }

/* 분양목록 : 필터영역 */
.condominium-list-filter { background: #f1f1f1; padding: 8px 16px; margin-top: 16px; }
.filter-group .inner { margin: 4px 0 0; display: inline-block; }
.filter-group .line { position: relative; margin-right: 7px; }
.filter-group .line::after { content: '|'; position: absolute; top: 2px; right: -5px; padding: 0; font-size: 12px; color: #ddd; }
.filter-group .form-group { margin-bottom: 0; }
.filter-group .form-group .btn-secondary { background-color: transparent; border-color: transparent; padding: 0 5px; min-width: 40px; }
.filter-group .form-group .btn-secondary:not(:last-child) { margin-right: 4px; }
.filter-group .form-group .btn-secondary.active { background-color: #17356e; color: #fff !important; }
.other-filter-group { border-top: 1px solid #ddd; margin-top: 4px; padding-top: 4px; }
.other-type .btn-secondary:first-child::before { content: ''; width: 24px; height: 24px; background: #eee; margin-right: 3px; background: url('../../images/icon_loan_off.svg') no-repeat center center; }
.other-type .btn-secondary:first-child:active:before + .other-dec { display: block; }
.other-type .btn-secondary.active:first-child::before { content: ''; width: 24px; height: 24px; background: #eee; margin-right: 3px; background: url('../../images/icon_loan_on.svg') no-repeat center center; }
.other-type .btn-secondary:last-child::before { content: ''; width: 24px; height: 24px; background: #eee; margin-right: 3px; background: url('../../images/ico_bookmark_like_small.svg') no-repeat center center; }
.other-dec { font-size: 10px; color: #517ad6; }

/* 분양목록 : 필터결과 리스트 */
.condominium-list .condominium-result-list { padding: 0 16px; }
.result-filter { border-bottom: 1px solid #ddd; padding: 8px 0; }
.result-filter .btn-listfilter { margin-right: 10px; }
.result-filter .btn-listfilter.active { color: #517ad6; }
.result-filter .btn-listfilter:active, .result-filter .btn-listfilter:focus { color: #517ad6; }
.result-filter-list-item { padding: 8px 0; border-bottom: 1px solid #ddd; }
.result-filter-list .condominium-inner { display: flex; margin-bottom: 4px; }

/* 공인중개사 하단시트 - 하나일때 */
.mapAgent-outer { overflow: hidden; position: absolute; z-index: 100; bottom: 12px; left: 12px; width: calc(100% - 24px); padding: 8px 11px 11px 11px; border-radius: 16px; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2); background-color: #fff; }
.mapAgent { display: flex; }
.mapAgent .sn-info { text-align: left; flex-grow: 1; width: calc(100% - 58px); }
.mapAgent .sn-title{font-size: 18px; text-overflow: ellipsis; white-space: nowrap;width:100%;display: inline-block; overflow: hidden; margin-right: 0; margin-left: 0;line-height: 1;}
.mapAgent .sn-tag { display:inline-flex; align-self: center;  margin-right:10px;}
.mapAgent .sn-tag +.sn-title{width: calc(100% - 82px);}
.mapAgent .sn-tag + .sn-add { margin-left: 4px; width: calc(100% - 72px); text-overflow: ellipsis; white-space: nowrap; display: inline-block; overflow: hidden; }
.mapAgent .sn-add { text-overflow: ellipsis; white-space: nowrap; width: 100%; display: inline-block; overflow: hidden; margin-right: -72px; line-height: 1; }
.mapAgent .btn-tel { width: 24px; height: 24px; background: url('../../images/icon_24_contact_call.svg') no-repeat center center; border-radius: 0; position: relative; margin-right: 8px; }
.mapAgent .btn-tel::after { content: ''; width: 1px; height: 10px; display: inline-block; background-color: #a7a7a7; margin: 0; right: -5px; top: 5px; position: absolute; }
.mapAgent + .mapAgent.info { margin-top: 6px; align-items: flex-end; }
.mapAgent + .mapAgent.info .saleBtnGroup { flex-grow: 1; }
.mapAgent-innerbox { display: flex; }
.mapAgent .ceo-img { flex: 0 1 48px; flex-shrink: 0; flex-basis: 48px; height: unset; margin-left: 6px; }
.mapAgent .ceo-img .imgbox { width: 48px; height: 48px; overflow: hidden; border-radius: 50px; }
.mapAgentBtnGroup { display: inline-block; margin-top: -4px; height: 24px; font-size: 12px;  position: relative; margin-right: 8px; }
.mapAgentBtnGroup::after { content: ''; width: 1px; height: 10px; display: inline-block; background-color: #a7a7a7; margin: 0; right: -4px; top: 7px; position: absolute; }
.mapAgentBtnGroup .btn:first-child { margin-right: 4px; }
.mapAgentBtnGroup .btn:last-child { margin-right: 0; }
.mapAgentBtnGroup .label { line-height: 20px; height: 24px; position: relative; border: 1px solid; border-radius: 4px; flex: 1; font-weight: 300; font-size: 12px; text-align: center; margin-top: 0; padding: 0 3px; background-color: transparent; }
.mapAgent-outer .saleBtnGroup { height: 24px; }
.mapAgent-outer .saleBtnGroup .btn-sale { display: flex; justify-content: center; }
.mapAgent-outer .saleBtnGroup .btn-sale .num { color: #17356e; margin-left: 3px; }
.mapAgent-outer .saleBtnGroup .btn-sale:before { top: 0; bottom: 0; height: 22px; }

/* 공인중개사 하단시트 - 하나이상일때 */
.mapAgent-list { position: absolute; bottom: 0; left: 0; width: 100%; background: #fff; }
.mapAgent-list .mapAgent .saleBtnGroup { height: 24px; }
.mapAgent-list.fullpage { top: 0; padding-top:42px }
.mapAgent-list.fullpage .pageTop{position:fixed; left:0; top:0}
.mapAgent-list .pageTop{position: relative; left:auto; top:auto; z-index: 999;}
.mapAgent-list .pageTop .btn-close{right:auto; left:16px;}
.mapAgent-list .btn-pageback{display: none;}
.mapAgent-list.fullpage .mapAgent-list-title { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background: #fff; }
.mapAgent-list.fullpage .mapAgent-list-title + .mapAgent-list-group { margin-top: 42px; }
.mapAgent-list-title { font-size: 16px; display: flex; justify-content: center; padding: 9px 16px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); }
.mapAgent-list-title .btn-close { width: 24px; height: 24px; background: url('../../images/close.svg') no-repeat center center; }
.mapAgent-list-title .tit { display: flex; justify-content: center; width: 100%; }
.mapAgent-list-group { overflow-y: scroll; padding: 0 12px; }
.mapAgent-list-item { position: relative; width: 100%; border-radius: 0; box-shadow: none; padding: 12px 0; border-bottom: 1px solid #b2b2b2; }
.mapAgent-list-item:last-child { border-bottom: none; }
.mapAgent-list-item .mapAgent-outer { padding: 0; position: relative; width: 100%; z-index: unset; border-radius: 0; box-shadow: none; background-color: transparent; top: 0; left: 0; }

/* 공인중개사 하단시트 - 상세 */
.mapAgent.sortingwrap { padding: 0; box-shadow: none; background: transparent; border:none }
.mapAgent.sortingwrap .default-group { padding: 0; }
.mapAgent.sortingwrap .default-group:before { display: none; }
.mapAgent.sortingwrap .default-group .sort_up,
.mapAgent.sortingwrap .default-group .sort_down { padding-right: 10px; }
.mapAgent.sortingwrap .default-group .sort_up::after,
.mapAgent.sortingwrap .default-group .sort_down::after { width: 12px; }
.pageTop.mapagent { display: flex; flex-direction: row; align-items: center; z-index: 999; }
.pageTop.mapagent .icon-mapagent { width:68px; height:16px; background:url('../../images/badge_certification_research_office_3.svg') no-repeat 0 0 / 68px auto #645b4c; text-indent: -9999px; margin-right:5px; display:inline-flex; flex: 1 0 71px; align-items: center; position:relative; top:0;border-radius:3px}
.pageTop.mapagent .icon-mapagent + .title { margin-left: 0; }
.pageTop.mapagent .title { flex-grow: 1; font-weight: 700; margin: 0 56px; padding: 0 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: calc(100% - 56px); }
.pageTop.mapagent + .mapAgent-detail { padding: 12px; background: #f8f8f8; border-bottom: 1px solid #ddd;}
.mapAgent-detail .mapAgent { flex-direction: column; }
.mapAgent-detail .mapAgent .agent-top { display: flex; }
.mapAgent-detail .mapAgent .agent-info { display: flex; border-bottom: 1px solid #d8d8d8; padding-bottom: 4px; }
.mapAgent-detail .mapAgent .ceo-img { flex: 0 0 56px; flex-basis: 56px; height: 56px;  margin-top: 5px; margin-left: 8px; }
.mapAgent-detail .mapAgent .ceo-img .imgbox { width: 56px; height: 56px; }
.mapAgent-detail .mapAgent .sn-info { display: flex; flex-direction: column; flex-grow: 1; }
.mapAgent-detail .sn-name { font-size: 16px; font-weight: 700; flex-grow: 1; text-align: left; }
.mapAgent-detail .sn-rep { font-size: 12px; color: #676767; font-weight: 400; }
.mapAgent-detail .sn-add { text-overflow: unset; white-space: unset; margin-left: 0; line-height: 20px; }
.mapAgent-detail .sn-dec { color: #676767; font-size: 12px; }
.mapAgent-detail .btn-sn-address { position: relative; text-align: left; text-decoration: underline; display: inline-block; }
.mapAgent-detail .btn-sn-address::after { content: ''; width: 16px; height: 13px; display: inline-block; background: url('../../images/location.svg') no-repeat right bottom -3px/16px; }
.mapAgent-detail .btn-question,
.mapAgent-detail .btn-map{position: relative;min-width: 52px;height:24px;line-height:22px;justify-content: flex-end; display: flex; padding: 0 4px 0 12px;margin-left:8px;border-radius:4px;border: 1px solid #17356e; color:#17356e;}
.mapAgent-detail .btn-map{margin:0}
.mapAgent-detail .btn-question::before { content: ''; width: 16px; height:16px; display: inline-block; position: absolute; top: 2px; left: 4px; background: url('../../images/icon_24_contact_call_blue.svg') no-repeat 0 1px/16px auto }
.mapAgent-detail .btn-map::before { content: ''; width: 16px; height:16px; display: inline-block; position: absolute; top: 2px; left: 4px; background: url('../../images/icon_16_location_blue.svg') no-repeat 0 1px/16px auto }

.mapAgent-detail .mapAgentBtnGroup { margin: 8px 0 0; display: block; height: auto; text-align: left; }
.mapAgent-detail .mapAgentBtnGroup::after { display: none; }
.mapAgent-detail .mapAgentBtnGroup .label { flex: unset; min-width: 30px; padding: 0 4px; background: #fff; margin-bottom: 7px; }
.mapAgent-detail .mapAgentBtnGroup .label.active { background: #17356e; color: #fff !important; }
.mapAgent-detail .mapAgentBtnGroup .label.all { flex: unset; min-width: 30px; border: 1px solid #3e4454; color: #3e4454; }
.mapAgent-detail .saleBtnGroup { margin-top: 0; overflow: hidden; }
.mapAgent-detail .saleBtnGroup .num { color: #17356e; }
.mapAgent-detail .saleBtnGroup .active { background: #17356e; color: #fff !important; border-radius: unset; }
.mapAgent-detail .saleBtnGroup .active + .btn-sale:before, .mapAgent-detail .saleBtnGroup .active::before { display: none; }
.mapAgent-detail .saleBtnGroup .active .num { color: #fff; }
.mapAgent-detail .sn-name .label.electronic{margin-left:4px}

/*평면도 보기*/
.patternimgview{width:calc(100% + 24px); height:calc(100vh - 42px); margin:0 -12px; display: flex; align-items: center;}
.patternimgview img{width:100%;}

/* 툴팁 수정 */
.loan-tooltip.bs-tooltip-top .arrow::before { border-width:0.4rem 0.4rem 0; border-top-color:#000; }
.loan-tooltip.bs-tooltip-bottom .arrow::before { border-width:0 0.4rem 0.4rem; border-bottom-color:#000; }
/* 허위매물중개업소소명 */
.falsecon{padding:16px;}
.falsecon .falsetitle{padding: 8px 0; font-size:14px; font-weight:700}
.falsecon .falsetitle em{font-size:12px; color:#ff0200}
.listtable{width: 100%;}
.listtable > ul > li{display:flex;  align-items: stretch;width: 100%; margin-bottom:4px}
.listtable > ul > li > .tablelabel{flex-shrink: 0;width: 78px;font-size: 14px; color: #676767;text-align: left;}
.listtable > ul > li > .data-cell{    display: flex;flex-wrap: wrap;align-items: center; padding: 0 20px;}
.listtable > ul > li > .tablelabel:nth-of-type(1) { border-left: none;}
.listtable > ul > li:nth-last-of-type(1) { border-bottom: none;}
.flasetype{text-align: left;}
.flasetype .textarea{margin-top:20px;}
.falsebtnwrap{display:flex;justify-content:space-between;margin-bottom:20px;}
.falsecon .btn-formround{width: 100%;height: 40px; border-radius: 8px;font-size: 14px; flex:0 0 100px}
.falsecon .btn-formround:nth-of-type(2){flex:0 0 120px}
.falsebtnwrap .btn-formround.line-gray.active{border-color:#17356e; color:#17356e}
.falsecon  .btn-formround.disabled{height:50px;background-color: #d2d2d2 !important; color:#676767}
.flasetype .form-control{padding:0 10px; border-radius:8px;border:1px solid #b2b2b2 }
.pageTop.icontit{box-shadow: none; border-bottom:solid 1px #eaeaea}
.pageTop.icontit > h1{display:flex; justify-content: center; align-items: center; font-weight:700}
.pageTop.icontit > h1:before{content:""; margin-right:5px;display:block; width:78px; height:18px; background:url('/images/loanlogo.svg')}
.falseguide{padding-left:12px;text-align: left;color:#517ad6; position: relative; margin-bottom:40px}
.falseguide:before{content:"*"; font-size:14px; display:block; color:#517ad6; position: absolute; left:0; top:0}
.falseguide strong{display:block;}
.falsepar{padding-bottom:24px;margin-bottom:16px; border-bottom: solid 1px #f1f1f1;text-align: left;}
.falsepar .custom-control{display:inline-block; margin-right:16px;}
.falsepar.noline{border:none; padding-bottom:16px; margin-bottom:0}
.text-message.gray{background-color:#f8f8f8; padding:8px 16px;}
.text-message.gray .date{display: block; margin-top:5px; color:#676767}
.bg-fullwhite.galleryimgwrap .detailimg-wrap { margin:0; }
.lastconfirm{margin-top:16px}
.falsepar.noline+.lastconfirm{margin-top:0px}

/* 지역검색 (신규 스타일) */
.overlocal { padding: 0 12px; }
.stickyTop.move { top: 0; padding: 0; }
.scrollWrap1 { padding: 12px 0 32px 16px; }
.scrollWrap1 .scrollbar-outer { width: 424px; max-width: calc(100% + 1px); }
.scrollin { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-start; height: 472px; max-height: calc(100vh - 172px); }
.scrollin .txtLink { display: flex; position: relative; align-items: center; overflow: visible; min-width: 136px; height: 36px; padding: 0 1px; text-align: left; }
.scrollin .txtLink:after { content: ''; display: block; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #ddd; }
.scrollin .txtLink .txt { display: inline-block; overflow: hidden; padding: 4px 12px; border-radius: 16px; font-size: 16px; line-height: 20px; white-space: nowrap;  word-break: break-all; }
.scrollin .txtLink.active .txt { border-radius: 16px; background: #ddd; }


/* 단지톡이벤트 당첨자 발표 */
.danji-event .evt-head { position:relative; height:194px; background:#fff6d7 url('/images/bg_danji_evt_head.png') no-repeat 50% 0; background-size:auto 194px; }
.danji-event .evt-head .btn-closeB { position:absolute; right:24px; top:33px; }
.danji-event .evt-body { padding:24px 24px 40px; background:#fff6d7 url('/images/bg_danji_evt_body.svg') repeat-y 50% -67px; background-size:auto 332px;}
.danji-event .evt-body .section + .section { margin-top:38px; }
.danji-event .tit-area { display:flex; text-align:left; align-items:center; }
.danji-event .tit-area.type1:before { content:'';width:6px; height:6px; margin:0 5px 0 3px; border-radius:6px; background-color:#6e5144; }
.danji-event .tit-area .assist { margin-left:4px; font-size:14px; line-height:16px; color:#676767; }
.danji-event .tit-area .number { display:inline-flex; height:20px; padding:0 6px; margin-left:4px; font-size:12px; font-weight:700; color:#fff; border-radius:12.5px; background-color:#fca700; }
.danji-event .txt-assist { color:#676767; font-size:14px; text-align:left; margin-top:8px; line-height:20px; }
.prize-search { display:flex; margin:8px 0 -21px; }
.prize-search .form-control { padding:0 16px; height:40px; border-radius:10px; border:1px solid #ddd; font-size:14px; color:#222; background-color:#fff; }
.prize-search .form-control::placeholder { color:#676767; }
.prize-search .btn-ask { margin-left:8px; flex-shrink:0; width:42px; height:40px; border:0; border-radius:10px; color:#222; background-color:#fdc10c;}
.prize-search .btn-ask:disabled,
.prize-search .btn-ask.isabled { margin-left:8px; flex-shrink:0; color:#b2b2b2; background-color:#ddd; }
.prize-table { overflow:hidden; border:1px solid #fdc10c; border-radius:10px; margin-top:10px; }
.prize-table thead th { font-size:14px; background-color:#fdc10c; }
.prize-table td { padding-top:7px; font-size:12px; line-height:16px; background-color:#fff; border:none !important; }
.prize-table tbody tr:nth-of-type(1) td { padding-top:10px; }
.prize-table tbody tr:nth-last-of-type(1) td { padding-bottom:11px; }
.danji-event .evt-foot { padding:16px; background-color:#555044; }
.danji-event .evt-foot .notice { color:rgba(255,255,255,.7); text-align:left; }
.danji-event .evt-foot .notice + .notice { margin-top:16px; }
.danji-event .evt-foot .notice .title { display:block; font-size:12px; line-height:16px; }
.danji-event .evt-foot .notice .list li { position:relative; padding-left:10px; margin-top:4px; font-size:12px; line-height:16px; }
.danji-event .evt-foot .notice .list li:before { content:'-'; position:absolute; left:0; top:0; }
.danji-event .evt-foot .notice .txt-append { margin-top:4px; font-size:12px; line-height:16px; }
/* 이벤트 당첨조회 레이어팝업 */
.prize-result { padding-top:40px; text-align:center; }
.prize-result .message { font-size:16px; line-height:24px; color:#222; }
.prize-result .message strong { font-size:18px; line-height:26px; }
/* 통합검색 도움말  */
_:-ms-input-placeholder, :root .viewguide .search-section.open-visit{top:164px}
.viewguide .search-section.open-visit{top:168px; transition: top .3s;}
.viewguide .search-guide{position: sticky;left: 0; top: 44px;z-index: 999;transition: top .3s;}
_:-ms-input-placeholder, :root .search-section.open-visit{top:0}
/* 공유하기 */
.shareicon{margin:20px 0 0 0}
.shareicon ul{display:flex;}
.shareicon ul li{flex:1; padding:0 6px; text-align: center;display:flex; flex-direction:column; align-items: center;}
.shareicon ul li:before{content:""; width:60px; height:60px; display:block; margin-bottom:8px; }
.shareicon ul li.kakao:before{background:url('/images/kakaotalk.svg') no-repeat; background-size:100%;}
.shareicon ul li.face:before{background:url('/images/facebook.svg') no-repeat; background-size:100%;}
.shareicon ul li.twit:before{background:url('/images/Twitter.svg') no-repeat; background-size:100%;}
.shareicon ul li.linkcopy:before{background:url('/images/url_link.svg') no-repeat; background-size:100%;}
.sharedec{max-width:247px; padding:5px 0; background:#f1f1f1; border-radius:8px;text-align: center; margin:16px auto 0 auto;}
/* 오픈소스라이선스 */
.openinner{padding:0px 0 0 0;}
.openlistwrap-tit{padding:20px 0 20px 0; font-weight: 700; text-align: center; font-size:18px;}
.openitem {padding-top:10px; margin-bottom:10px; border-top:solid 1px #f1f1f1;word-break: break-all;}
.openitem:nth-of-type(1) {padding-top:8px; margin-bottom:12px; border-top:none}
.openitem > strong{display:block; color:#222; position:relative;font-size:16px;}
.openitem > span{display:block; padding-left:10px;position:relative;}
.openitem > span:after{display:block; content:""; width:5px; height:1px; background:#676767; position: absolute; left:0px; top:11px}
.openitem > span.opentype{color: #676767; font-size:14px;}
.openitem > span.openurl{font-size:14px;color: #676767;}


/* 단지상세 엑셀다운로드 */
.excelcon{padding-top:32px;text-align:center;}
.exceltitle{font-weight:700;font-size:14px; }
.exceltitle strong{display:block; font-size:16px}
.excelimg{margin:16px 0; }
.excelimg > img{max-width:204px;}
.excelbtn{display: flex; justify-content: space-between;}
.excelbtn > .btn{width:calc(50% - 4px); padding:9px 0; border-color:#17356e; border-radius:8px; background:#f8f8f8}
.excelbtn > .btn span{display:block; color:#676767}


.downloaddec{margin-top:16px;font-size:12px; color:#676767;text-align: left;}
.downloaddec  ul  li{position: relative;}
.downloaddec  ul  li:after{content:""; display:block; width:2px; height:2px; border-radius:50%; background:#676767; position:absolute; left:0; top:8px}
.downloaddec  > ul > li{padding-left:5px;}
.downloaddec  > ul > li > ul{padding-left:4px;}
.downloaddec  > ul > li > ul>li{padding-left:4px;}
/* 빠른시세조회 */
.btn-share.quick{position:absolute;top:8px;right:16px;z-index:9999}
.quickPricecon{padding:16px;}
.quickPricecon .whbox{padding:24px 32px}
.resulttableWrap .whbox{padding:20px 24px}
.resulttableWrap .whbox +.whbox{margin-top:16px}
.row-colum{display:flex; margin-top:24px;}
.row-colum > div{flex-basis:450px;}
.row-colum:nth-of-type(1){margin-top:0px;}
.row-colum strong{flex-basis:115px; font-weight: 400;}
.row-colum .custom-select{height:32px;  line-height:30px;border:solid 1px #b2b2b2; padding:0 10px}
.row-colum .selectHalf{display:flex; justify-content: space-between; margin-bottom:8px;}
.row-colum .selectHalf .custom-select {width:133px}
.row-colum .selectHalf1{display:flex; justify-content: space-between; margin-bottom:8px;}
.row-colum .selectHalf1 .custom-select {width:49%}
.row-colum .selectOne .custom-select {width:450px}
.row-colum  .custom-control{width:110px; display: inline-block;}
.row-colum  .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{background-color:#4178f4;}
.summaryresult{margin:16px -16px; padding:16px 36px; background:#f1f1f1; font-size:16px; position: relative; text-align: left;}
.summaryresult >p strong{color:#517ad6}
.summaryresult .pricelimt{font-size:14px; position: absolute; right:36px; bottom:16px;}
.resultTitle strong{display:block; margin-bottom:10px; padding-left:25px;background:url('/images/icon_16_building.svg') no-repeat 0 2px/20px;font-size:18px;color:#4c4a3f}
.btnwrap{margin-top:24px;padding-top:24px; border-top:solid 1px #ddd; text-align: center;}
.btnwrap > .btn{height:40px; line-height:38px;border-radius:8px; font-size:14px}
.btnwrap > .btn.line-gray3{border-color:#888; color: #222;width:185px;}
.btnwrap > .btn.light-blue{width:370px; margin-right: 8px;}
.btnwrap > .btn.light-blue.disabled{background:#ddd; border-color:#ddd; color:#b2b2b2}
.Tablegroup{margin-top:15px; display:flex; justify-content: space-between; flex-wrap:wrap;}
.Tablegroup .tablebox{width:32%}
.tablebox{border:solid 1px #b2b2b2; border-radius:8px; overflow:hidden; }
.tabletit{height:24px; line-height:24px; background-color:#f46600; color:#fff; text-align:center;}
.tabletit.type2{background-color:#3bb120;}
.tabletit.type3{background-color:#5e564a}
.tablebox .table thead th{ border-left:1px solid #ddd; background-color:#f5f5f9; padding-right:8px;text-align:right;}
.tablebox .table thead th:nth-of-type(1){border-left:none; width:65px;word-break:break-word; padding-right:0;text-align:center;}
.tablebox .table tbody td:nth-of-type(1){font-size:12px;width:65px;word-break:break-word; padding-right:0}
.tablebox .table tbody td{text-align:right; vertical-align: middle; padding-right:8px;}
@media screen and (max-width:1023px) {
.resulttableWrap .whbox{padding:16px}
.Tablegroup .tablebox{width:49%}
.Tablegroup .tablebox:nth-last-of-type(1){margin-top:10px}
}
@media screen and (max-width:723px) {
.resulttableWrap .whbox{padding:16px}
.quickPricecon .whbox{padding:12px}
.Tablegroup .tablebox{width:100%}
.Tablegroup .tablebox+.tablebox{margin-top:10px}
.row-colum{flex-direction:column; display:block;}
.row-colum > div{flex-basis:0;}
.row-colum strong{flex-basis: 0; margin-bottom:8px;}
.row-colum .selectHalf .custom-select{width:32%}
.row-colum .selectOne .custom-select{width:100%}
.row-colum .btn-type{width:33.3%; }
.row-colum .custom-control{width:25%; display:inline-block}
.btnwrap > .btn.light-blue{max-width:198px;}
.btnwrap > .btn.line-gray3{width:calc(50% - 198px)}
.btnwrap{margin-top:16px;padding-top:16px;}
.summaryresult{padding:8px 24px; font-size:14px;}
}


.row-colum .selectHalf .custom-select{ max-width:none !important; white-space:nowrap; text-overflow:ellipsis; padding:0 20px 0 10px !important}
.memberoutbox .memberouttit{margin-bottom:8px; color:#517ad6}
.memberoutbox .memberoutpar .bluetext{color:#517ad6}

.buyadbanner{margin-top:13px;}
.collapse.show + .buyadbanner{margin-top:0px;}
.termprevlist{margin:20px 0 0 0; font-size:12px; color:#517ad6}
.termprevlist ul li{position: relative; padding-left:10px; cursor: pointer;}
.termprevlist ul li::before{content:""; display:block;  width: 5px; height: 5px;border-top: 2px solid #517ad6;  border-right: 2px solid #517ad6;transform: rotate(45deg);position:absolute; left:0; top:8px}
/* 분양관 */
.pageTop.presaletop .btn-close{right:auto; left:16px; }
.fullbg-white{min-height:calc(100% - 42px); background-color:#fff}
.presalecalc-area{display:inline-block;padding:2px 2px 0px 28px;;border:solid 1px #ddd;background: url('/images/icon_24_calculate.svg') no-repeat 0 1px/24px; background-color:#f8f8f8; border-radius:4px; position: absolute; right:12px; top:6px; cursor: pointer;}
.presalecalc-area .btntext:after{content:""; display:inline-block; width:8px; height:8px; background:url('/images/icon_8_arrow_small_right.svg') no-repeat 0 0/8px; position:relative; top:1px }
.presalecalc-area .btntext{cursor: pointer; font-size:10px; line-height:10px; display:inline-block; text-align:left;}
.presalecalc-area .textgrade{display:inline-block; position: relative; top:-2px}
.presaleTap {display: flex; height:40px; justify-content: center; align-items:center;}
.presaleTap > span{cursor: pointer; flex:1 1 auto; height:100%;position: relative; line-height:40px; color:#676767}
.presaleTap > span::before{content: ""; display:block; width:0; height:1px; background:#4178f4; position: absolute; left:0; bottom:0 }
.presaleTap > span.active{color:#222}
.presaleTap > span.active::before{width:100%}

.localfilter{width:100%; overflow: hidden; border-top:solid 7px #f1f1f1; position: relative;}

.localfilter .btn-filter{border-radius: 18px !important; margin-right:8px;margin-left:0; padding:0; color:#676767; flex:0 0 42px ;}
.localfilter .btn-filter:hover{background-color:transparent;}
.localfilter .btn-filter.active{background-color:#fff; color:#222; font-weight: 700; border-color:#17356e}
.localfilter .btn-filter.active,.localfilter .btn-filter.focus {box-shadow: 0 2px 5px rgb(0 0 0 / 19%), 0 1px 1px rgb(0 0 0 / 23%);}
.localfilter  .btn-group-toggle{display:flex;padding:6px 0px 6px 8px;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd}
.localfilter.open  .btn-group-toggle{flex-wrap: wrap;}
.localfilter.open  .btn-group-toggle .btn-filter{margin-bottom:8px;}
.localfilter.open .btn-open{top:88px; transform: rotate(180deg);}
.presaleCon{padding:16px 0px}
.presaleCon-type{padding:0 12px;}
.presaleCon .presale-title{font-size:14px}
.starsorting{margin:14px 0 8px;}
.starsorting .btn-group-toggle{display:flex; border-bottom:2px solid #ddd;}
.starsorting .btn-raidotap{height:32px; line-height:32px; padding:0 7px; border-radius: 0; color:#676767; margin:0;position: relative; flex:1 1 auto}
.starsorting .btn-raidotap::before{content: ""; display:block; width:0; height:2px; background:#222; position: absolute; left:0; bottom:-3px}
.starsorting .btn-raidotap.active{color:#222; font-weight: 700;}
.starsorting .btn-raidotap.active::before{width:100%}
.presaleitem.badge1 [class*='rank']{padding-right:0}
.presaleitem.badge1{margin-top:0; background:none; padding-left:0; border-radius: 0; border-bottom:solid 1px #ddd}
.presaleitem .btn-gosale{top:-2px}
.presaleitem .btn-bookmaker{position: absolute; right:0; top:0;z-index:1}
.saleitemcon{padding:6px 96px 6px 0; margin-left:-30px;min-height:86px; position: relative;}
.saleitemcon > ul > li{color:#676767; font-size:12px;}
.saleitemcon > ul > li.sale-cost{color:#222; font-size:14px;}
.saleitemcon > ul > li.sale-cost > span{color:#517ad6}
.saleitemcon > ul > li.sale-width > span, .saleitemcon > ul > li.sale-date > span{display:inline-block; position: relative; padding:0 4px}
.saleitemcon > ul > li.sale-width > span:before, .saleitemcon > ul > li.sale-date > span:before{content:""; display: block; width:1px; height:8px; background:#ddd; position: absolute; left:0; top:6px}
.saleitemcon > ul > li.sale-width > span:nth-of-type(1)::before, .saleitemcon > ul > li.sale-date > span:nth-of-type(1)::before{display: none;}
.saleitemcon > ul > li.sale-width > span:nth-of-type(1),.saleitemcon > ul > li.sale-date > span:nth-of-type(1){padding-left:0} 
.saleitemcon > ul > li.sale-width > span:nth-of-type(2){color:#517ad6}
.saleitemcon .sale-thum{position: absolute; right:10px; top:10px; width:86px; height:86px; border-radius:50%; overflow: hidden;}
.saleitemcon .sale-thum img{width:100%; height:86px}
.saleitemcon .sale-thum:before{content:""; display:block; width:100%; height:100%; background:url('/images/logo_watermark_basic.svg') no-repeat center center/18px; position: absolute; left:0; top:0 }
.sortiongbanner{width:100%; height:84px;padding:16px 24px; border-radius:8px; background: url('/images/tool_tip_1.png') no-repeat right bottom/auto 76px #ffcc00; font-size:12px; text-align: left; box-shadow: 0 0px 5px rgb(0 0 0 / 15%), 0 1px 5px rgb(0 0 0 / 19%);}
.sortiongbanner.type2{background: url('/images/tool_tip_2.png') no-repeat right bottom/auto 68px #9cc816;}
.sortiongbanner.type3{background: url('/images/tool_tip_3.png') no-repeat right bottom/auto 79px #8bb9ff;}
.sortiongbanner.type4{background: url('/images/tool_tip_4.png') no-repeat right bottom/auto 74px #c796fe;}
.sortiongbanner strong{display:block;font-size:14px;}
.morepresale{border-top:solid 7px #f1f1f1; padding-top:20px;}
.prealseroll{margin-top:13px;}
.prealseroll .title{display:flex; justify-content: space-between; align-items: center; margin-bottom:8px}
.prealseroll .livcon-list{width:calc(100% + 12px); margin:0 -12px 0 0;}
.gotopresale{background-color:#f8f8f8;padding:16px 0;}
.presalegroup{margin-top:8px}
.presalegroup > ul{display: flex;}
.presalegroup > ul > li{padding-right:4px; flex:1 1 auto}
.presalegroup > ul > li:nth-last-of-type(1){padding-right:0px;}
.presalegroup > ul > li > em{ display: block; margin-bottom:4px;font-size:12px; color:#676767;text-align: left;}
.presalegroup > ul > li > span{ display: block; border:solid 1px #f1f1f1; background:#fff}
.presalegroup > ul > li > span img{max-width:86px; height:32px;}
.btn-gosale{height:21px;min-height:21px;line-height:18px;font-size: 10px;color:#676767;padding: 0px 4px;position: relative; margin-left:3px;border-radius: 4px;background: #f1f1f1;}
.btn-movemap{min-width:16px; min-height:16px; padding:0; margin:0; border:none; background:url('/images/icon_16_location.svg') no-repeat 0 0/16px; top:-2px; position: relative;}
.btn-open{width:44px; height:46px; background:url('/images/btn_arrow.svg') no-repeat 0 0/100%; position:absolute; right:0; top:0;}
.badge1 .rank3 .ico, .badge1 .rank4 .ico, .badge1 .rank5 .ico{text-indent: 0; color:#fff; width:18px;text-align:center; line-height:15px; font-size:10px;}
.badge1 .rank3 .ico{background-image:url('/images/ico_honey_badge3.svg'); }
.badge1 .rank4 .ico, .badge1 .rank5 .ico{background-image:url('/images/ico_honey_badge4.svg')}


.presaleinfo .sortingwrap.filter{padding-top:0px !important}
.presaleinfo .btn-txbt{margin-left:7px}
.presaleinfo .sortingwrap .sortingbtbox{padding-left:6px !important}
.presaleinfo .filterWrap.buylist{top:82px; border-top:solid 7px #f1f1f1; padding-top:0; border-bottom:none}
.presaleinfo .filterWrap .fliter-head{border-top:solid 1px #ddd}
.presaleinfo .fliter-group .btn-filter{border:solid 1px #17356e}

.presalesummary{margin-top:51px; padding-top:16px; border-top:solid 1px #ddd;}
.summarycon{padding:8px 12px; background:#f8f8f8; display:flex}
.summarytit{padding:0 12px 5px 12px; text-align: left; font-weight: 700; position: relative;}
.summarytit .btn-map{border:solid 1px #ddd; min-height:21px; min-width:45px; line-height:19px; font-size:12px; background-color:#f8f8f8; display:flex; justify-content: center; 
align-items: center; border-radius:4px; position: absolute; right:12px; top:0} 
.summarytit .btn-map:before{content:""; display: block; width:16px; height:16px; background:url('/images/icon_16_location.svg') 0 0/16px; }
.summarytit  .btn-datepicker{width:24px; height:24px; background: url('/images/icon_24_calendar_2.svg') no-repeat 0 0/24px; position: relative; top:-2px;}
.summarytit > strong{color:#517ad6}
.summarytit > .date{font-weight: 400;}
.summaryitem{margin-right:4px; width:calc(25% - 4px); padding:5px; background-color:#fff; border-radius:8px; text-align:left; text-align:center}
.summaryitem .title{display:block;padding:0 0 0px 20px; margin-bottom:6px; font-size:10px; position: relative; color:#676767}
.summaryitem .title:before{content:""; width:16px; height:16px; display:block; border-radius:4px; position: absolute; left:0; top:0;}
.summaryitem.step1 .title:before{background:url('/images/icon_16_receipt.svg') no-repeat center center/16px #60a5ff}
.summaryitem.step2 .title:before{background:url('/images/icon_16_notice.svg') no-repeat center center/16px #4178f4}
.summaryitem.step3 .title:before{background:url('/images/icon_16_under_contract.svg') no-repeat center center/16px #1549ad}
.summaryitem.step4 .title:before{background:url('/images/icon_16_event_2.svg') no-repeat center center/16px #17356e}
.summaryitem.step1 > ul > li{font-size:12px; display:flex; justify-content: space-between;}
.summaryitem.step1 > ul > li > em{color:#517ad6}
.summaryitem > em{display:inline-block; padding-top:15px; text-align: center; font-size:16px;color:#517ad6}
.salelists{padding:0 12px}
.salelists .summaryContW{padding:12px 0; border-bottom:solid 1px #ddd}
.salelists .summaryContW .btn-bookmaker{top:12px}
.salelists .summaryContW.type2 .img{width:100px; height:100px}
.salelists .summaryContW.type2 .tit{padding-right:120px}
.salelists .summaryContW .txt-house .house-size{color:#676767}
.salelists .summaryContW .txtBox .price strong{font-size:14px}
.presaleinfo .honeyconbox{margin-top:8px}
.presaleinfo .honeyconbox .flexbox{flex-wrap: wrap;color:#676767}
.presaleinfo .honeylist .listtext{width:100%;}
.presaleinfo .honeylist .list-dec{padding-left:3px; letter-spacing: -1px;}
.presaleinfo .honeylist .list-dec em{font-size:13px;}
.presaleinfo .honeydec .tit:before{background:url('/images/icon_16_honey_sub_div.svg') no-repeat; position: relative; top:-2px}
/* .presaleinfo .summaryContW .txt-house .house-size.blue:after{width:calc(100% - 40px)}
.presaleinfo .summaryContW .txt-house .house-size.blue:after{display:none} */
.presalehoney .hl-list{height:410px; padding:0 15px 0 0}
.presalehoney .hl-list .listbox .flexbox + .listtext{padding-left:0}
.presalehoney .hl-list .listbox .flexbox + .listtext:after{display:none}
.presalehoney .hl-list .listbox .listsubdec{letter-spacing: -1px;}
.presalehoney .hl-list .listbox .listsubdec span.block.left{text-align: left;}


.presaleinfo .btn-honeyfilter:before{background:url('/images/icon_24_honey_sub_div.svg') no-repeat;margin-top:-2px}
.presaleinfo .btn-honeyfilter.active:before{background:url('/images/icon_24_honey_sub_div_w.svg') no-repeat}
.presaleinfo .all-filter .num{background-color:#60a5ff}
.presaleinfo .summaryContW .txtBox .price+.price{margin-top:3px;}
.honeydetail{width:120px; border:solid 1px #febd36; border-radius:6px; overflow: hidden;position:absolute; right:0; top:40px}
.honeydetail .honeydetailcon { padding: 3px 4px; border-top: 1px solid #ddd; }
.honeydetail .honeydetailcon:first-child { border-top: none; }
.honeydetail .honeydetailcon.active { border-top: none; background: #ffcc00; }
.honeydetail .honeydetailcon.active + .honeydetailcon { border-top: none; }
.honeydetailcon > strong { font-weight: 400; }
.honeydetailcon > em { display: block; font-size: 12px; }
.comparecost { display: flex; justify-content: space-between; }
.comparecost > div { flex:1 1 auto; line-height: 14px; font-size: 12px; text-align:right }
.comparecost > div em { display: block; font-size: 10px; letter-spacing: -.5px; }
.comparecost .blank { width: 10px; }
.comparecost.color-blue { color: #0066ff; }
.comparecost.color-red { color: #ff0200; }



.summaryitem.step1 > ul > li, .summaryitem > em{position: relative;}
.summaryitem.step1 > ul > li.active:before, .summaryitem > em.active:before{content:""; display:block; width:100%; height:8px; background:rgba( 65, 120, 244, .2); position: absolute;  left:0; bottom:0;}
.layerselect{padding:0 16px 16px 16px; width:100%; position: absolute; left:0; bottom:0}
@media all and (min-width:1024px) {
  .calulator .layerselect.layerinfo{max-width:448px;margin-left:-224px}
}
@media all and (min-width:560px) {/* 개편으로 인한 bug 수정 */
.calulator .layerselect.layerinfo {left: 50%;margin-left: -224px;max-width: 448px;}
}
@media screen and (max-height:414px){
  .calulator .layerselect{bottom:inherit;top:0;height:100%;overflow:auto}
}

.select-list{background:#fff; border-radius:8px; overflow: hidden;margin-bottom:8px;}
.btn-selectbt{display:block;width:100%; height:48px;  text-align: center; line-height:48px; border:none; border-top:solid 1px #f1f1f1; background:#fff; font-size:16px; border-radius:0;}
.btn-selectbt:nth-of-type(1){border-top:none; }
.select-list +.btn-selectbt{border-radius:8px;}

/* .pricecompare{padding:3px 4px 0 4px;}
.priceaverage{padding:0px 4px;}
.pricecompare > strong{font-weight:400;}
.priceaverage > em{display:block;font-size:12px;} */
/* .pricecompare .comparecost{color:#0066ff}
.priceaverage .comparecost{color:#ff0200} */
/* .comparecost{display:flex; justify-content: space-between;}
.comparecost > div{flex:1 1 auto; line-height:14px;font-size:12px;}
.comparecost > div em{display:block; font-size:10px; letter-spacing: -.5px;} */
.priceaverage .comparecost{font-size:12px;}
.priceaverage .comparecost  > div em, .neargroup .comparecost  > div em{display: inline-block;}
.neargroup{background:#f46942; padding:0 4px 3px 4px; color:#fff}
.neargroup > em{font-size:12px;}

/* 분양관 new */
.presale-top{height:auto;padding:0 24px 16px;box-shadow:none}
.presale-top h1{padding-top:56px;font-size:28px;line-height:28px;color:#26282c;text-align:left;font-weight:700}
.presale-top .btn-close{top:16px;right:24px}
.presale-top.scroll{position:sticky !important;position:-webkit-sticky !important;top:0;left:0;padding:16px 24px;border-bottom:1px solid #ebeef0}
.presale-top.scroll h1{display:none}
.presale-top.scroll .presale-tab span{display:none}
.presale-top.scroll .presale-tab span.active{display:block;font-size:18px}
.presale-top.scroll .presale-tab span.active:after{display:none}
.presale-top.scroll .btn-presalecalc{display:none}
.presalecalc-w{position: absolute;top:14px;right:64px;height:28px;padding:0 4px 4px 28px;border:1px solid #ebeef0;border-radius:4px;background:url('/images/icon_20_calculator_new.svg') no-repeat 4px 3px / 20px auto #f7f7f8;cursor: pointer;}
.presalecalc-w .btntext:after{content:""; display:inline-block; width:8px; height:8px; background:url('/images/icon_8_arrow_small_right.svg') no-repeat 0 0/8px; position:relative; top:1px }
.presalecalc-w .btntext{cursor: pointer; font-size:10px; line-height:10px; display:inline-block; text-align:left;}
.presalecalc-w .textgrade{display:inline-block; position: relative; top:0;color:#696e76;font-size:14px}
.presalecalc-w .textgrade .num{font-size:18px;font-family:'Helvetica'}
.presale-top .btn-presalecalc{display:none}
.presale-tab{padding:0 24px 8px;border-bottom:1px solid #ebeef0;font-size:20px;font-weight:700;color:#c6cbd0;text-align:left;letter-spacing:-.4px}
.presale-tab span{position:relative;display:inline-block;width:50%;max-width:156px;text-align:center;cursor:pointer}
@media all and (max-width: 340px)  {
  .presale-tab span{width:auto;min-width:120px}
}
.presale-tab .active{color:#26282c}
.presale-tab .active:after{position:absolute;bottom:-9px;left:0;content:"";display:block;width:100%;height:2px;background:#26282c}
.local-filter{width:100%; overflow: hidden; position: relative}
.local-filter .btn-filter{height:40px;border-radius:25px !important;margin-right:8px;margin-left:0; padding:0; color:#26282c; flex:0 0 50px ;background:#fff;box-shadow:none;border:1px solid #dde1e4;transition:color 0.15s ease-in-out}
.local-filter .btn-filter span{position:relative;top:4px}
.local-filter .btn-filter:hover{background:#f7f7f8}
.local-filter .btn-filter.active, .local-filter .btn-filter.focus{box-shadow:none;color:#26282c;background:#ebeef0;border:1px solid #ebeef0;font-weight:700}
.local-filter .btn-group-toggle{display:flex;margin:0 24px;overflow:hidden}
.local-filter .btn-open{position:absolute;top:0;right:0;width:74px;height:40px;border:0;background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 20%,rgba(255,255,255,1) 50%, #fff 100%);border-radius:0;}
.local-filter .btn-open:after{z-index:1;content:"";position:absolute;top:0;right:24px;width:40px;height:40px;background:url('/images/ico_arrow_big.svg') no-repeat 50% 50% / 24px auto #fff;border:1px solid 
  #ebeef0;transform: rotate(-90deg);border-radius:50%}
.local-filter .btn-open:hover:after{background-color:#f7f7f8}
.local-filter.open .btn-group-toggle{flex-wrap:wrap;margin:0 0 0 24px}
.local-filter.open .btn-group-toggle .btn-filter{margin-bottom:10px}
.local-filter.open .btn-open{top:inherit;bottom:10px;right:0;transform: rotate(180deg);background:linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 20%,rgba(255,255,255,1) 50%, #fff 100%)}
.local-filter.open .btn-open:after{background-position:40% 50%}
.star-sorting {display:flex;padding:0 24px;margin-top:8px}
.star-sorting span{position:relative;flex:1 1 auto;min-width:104px;font-size:18px;line-height:25px;padding-bottom:10px;font-weight:700;color:#c6cbd0;cursor:pointer}
.star-sorting span.active{color:#26282c}
.star-sorting span.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#696e76}
.fullbg-white.sale-new{min-height: calc(100% - 130px);padding-top: 16px;}
.sale-new .salelists{padding:0}
.sale-new .presaleCon-type{padding:0}
.sale-new .morepresale{padding:20px 0 0;border-top:8px solid #f7f7f8}
.sale-new .presaleCon .presale-title{font-size:20px;font-weight:700;color:#26282c}
.sorting-bn{position:relative;width:100%;min-height:90px;margin-bottom:16px}
.sorting-bn .sorttext .after{display:none}
.sorting-bn .sorttext.active .before{display:none}
.sorting-bn .sorttext.active .after{display:block}
.sorting-bn.type1{background:#ffcd00}
.sorting-bn.type2{background:#95ce1b;cursor:pointer}
.sorting-bn.type3{background:#9dc4ff;cursor:pointer}
.sorting-bn .before:after{content:"";position:absolute;top:0;right:24px;width:120px;height:90px}
.sorting-bn.type1 .before:after{background:url('/images/solting_bg_1.png') no-repeat 100% 50% / 100% auto}
.sorting-bn.type2 .before:after{background:url('/images/solting_bg_2.png') no-repeat 100% 50% / 100% auto}
.sorting-bn.type3 .before:after{background:url('/images/solting_bg_3.png') no-repeat 100% 50% / 100% auto}
.sorting-bn .before{position:relative;width:100%;height:100%;padding:24px 0 24px 24px;text-align:left}
.sorting-bn .before span{display:block;width:162px;height:46px;font-size:0;text-indent:-9999px;background-size:162px}
.sorting-bn.type1 .before span{background-image:url('/images/solting_text_1.png?v3');background-size:192px;width:192px}
.sorting-bn.type2 .before span{background-image:url('/images/solting_text_2.png?v2');background-size:88px;width:88px}
.sorting-bn.type3 .before span{width:180px;background-image:url('/images/solting_text_3.png?v3');background-size:180px}
.sorting-bn .after{padding:24px 24px 56px;text-align:left;font-size:16px}
.sorting-bn .after .tit{display:block;width:187px;height:23px;margin-bottom:14px;background:url('/images/aft_text_2.png') no-repeat 0 0 / 187px;font-size:0}
.sorting-bn.type3 .after .tit{width:156px;background:url('/images/aft_text_3.png') no-repeat 0 0 / 156px}
.sorting-bn .after button{display:none}
.sorting-bn .after:after{content:"";position:absolute;bottom:16px;left:50%;margin-left:-12px;width:24px;height:24px;border:1px solid #fff;border-radius:50%;font-size:0;cursor:pointer;background:url('/images/btn_close_after.svg') no-repeat 3px 3px / 16px auto;transform:rotate(90deg)}


/*분양관 new_label*/
.badge2 {overflow:hidden;padding:16px 0;margin:0 24px;text-align:left;background:#fff;border-bottom:1px solid #ebeef0}
.badge2 > div{position:relative;}
.badge2 [class*='rank'] .ico{position:absolute; padding-left:24px;font-size:0; line-height:20px;}
.badge2 [class*='rank'] .ico + [class*='rank'] .ico { margin-top:9px;}
.badge2 .rank2 {margin-top:9px;}
.badge2 .ico {overflow:hidden; position:absolute;top:0;left:0;width:24px;height:24px; text-indent:-999px; background:no-repeat 0 0;}
.badge2 .rank1 .ico {background-image:url('/images/icon_24_trophy_1.svg')}
.badge2 .rank2 .ico {background-image:url('/images/icon_24_trophy_2.svg')}
.badge2 .rank3 .ico {background-image:url('/images/icon_24_trophy_3.svg')}
.badge2 .rank4 .ico {background-image:url('/images/icon_24_trophy_4.svg')}
.badge2 .rank5 .ico {background-image:url('/images/icon_24_trophy_5.svg')}
.badge2 .rank6 .ico {background-image:url('/images/icon_24_trophy_6.svg')}
.badge2 .rank7 .ico {background-image:url('/images/icon_24_trophy_7.svg')}
.badge2 .rank8 .ico {background-image:url('/images/icon_24_trophy_8.svg')}
.badge2 .rank9 .ico {background-image:url('/images/icon_24_trophy_9.svg')}
.badge2 .rank10 .ico {background-image:url('/images/icon_24_trophy_10.svg')}
.badge2 .int {position:absolute; top:4px; right:16px; color:#676767; font-size:12px; line-height:15px;}
.badge2 strong{font-size:18px}
.badge2 [class*='rank'] strong{padding-left:28px}
.badge2 .sale-dday{display:inline-block;padding:0 4px;margin-bottom:8px;height:25px;line-height:25px;font-size:14px;border-radius:4px}
.badge2 .sale-dday{content:"";clear:both}
.badge2 .sale-dday.type1{background:rgba(249,120,110,0.14);color:#f9786e}
.badge2 .sale-dday.type2{background:rgba(65,120,244,0.14);color:#517ad6}
.badge2 .sale-rate{display:inline-block;margin-top:4px;height:25px;line-height:25px;font-size:14px;color:#8c949e}
.badge2 .sale-rate span{display:block;padding:0 8px;background:#f1f1f1;border-radius:4px;}
.badge2 .sale-rate span + span{margin-top:-4px;padding-top:4px}
.badge2 .btn-bookmaker{position:absolute;top:50%;right:0;margin-top:-12px}

/*분양관 sale-itemcon */
.sale-itemcon{min-height:60px;position:relative}
.sale-itemcon > ul > li{max-width:calc(100% - 30px);color:#8c949e; font-size:14px;margin-bottom:4px}
.sale-itemcon > ul > li.sale-cost{color:#222; font-size:16px;margin-top:4px}
.sale-itemcon > ul > li.sale-cost > span{color:#4c79f2}
.badge2 .sale-itemcon strong{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;display: block;}
.presalesearch .sale-itemcon{margin-left:0}
.goto-presale{background:#f7f7f8;padding:30px 20px}
.presaleCon-type2 h1{padding-bottom:16px;font-size:18px;color:#26282c}
.presaleCon-type2 li span{cursor:pointer;padding:10px}
.presale-group ul {display:flex}
.presale-group li{padding-right:8px;flex:1 1 auto}
.presale-group li:last-child{padding-right:0}
.presale-group li span{ display:block;height:64px;background:url(/images/apply_logo_1.svg) no-repeat 50% 50% / 80px auto #fff;font-size:0;text-indent:-9999px}
.presale-group li:nth-child(2) span { background-image:url(/images/apply_logo_2.svg)}
.presale-group li:nth-child(3) span { background-image:url(/images/apply_logo_3.svg)}
.presale-group li span img{display:none}

/*분양관 아코디언 */
.presale-acdion .btn-accordion:first-child{border:0}
.presale-acdion .btn-accordion{margin:0;font-size:20px;color:#26282c;border-top:4px solid #f7f7f8;box-shadow:none !important;height:64px;padding:0 24px;border-radius:0}
.presale-acdion .btn-accordion:before{top:12px;width:40px;height:40px;background: url(/images/ico_arrow_big.svg) no-repeat 50% 50% / 24px auto;transform: rotate(-90deg);}
.presale-acdion .btn-accordion.not-collapsed:before{transform: rotate(90deg)}
.presale-acdion .collapse{padding:0 !important}
.presale-acdion .badge2 [class*='rank']{padding:0}
.presale-acdion .badge2:first-child{border-top:1px solid #ebeef0}
.presale-acdion .sale-itemcon{margin:0;padding-top:4px}
.presale-acdion .label{position:relative;top:-2px}

/* 분양관 - 검색해볼까 */
.presalesearch .local-filter{margin:24px 0}
.presalesearch .local-filter .btn-filter{ flex:0 0 auto;padding:0 10px;font-weight:700}
.presalesearch .local-filter .btn-open{right:0}
.presaleitemtit{display:flex;align-items:center;margin: 0;font-size: 20px;color: #26282c;height: 64px;margin:0 24px;border-bottom: 1px solid #ebeef0;font-weight:700}

/* 꿀분양 */
.honeyinfobox{margin:24px;border-radius:4px;box-shadow:none; background-color:#f7f7f8;text-align: left;; overflow: hidden;border:1px solid #ebeef0}
.honeyinfobox .collapse { padding-top:0 !important; }
.honeyinfobox .collapse .honeylist:nth-of-type(1) { padding-top:10px; }
.honeyinfobox + .badge2 .btn-bookmaker, 
.honeyinfobox + .badge2 ~ .badge2 .btn-bookmaker, 
.honeyinfobox + .salelists .btn-bookmaker{top:calc(50% - 35px)}
.honeydec.type2{background:#f7f7f8;border-radius:4px;padding:0}
.honeydec.type2 .tit{margin:0 16px;font-size:16px;color:#26282c;cursor:pointer;padding:12px 0}
.honeydec.type2 .tit:before{position:relative;top:-2px;width:20px;height:20px;background:url(/images/honey_sale2.svg) no-repeat;margin-right:8px;}
.honeydec.type2 .tit:after{background:url(/images/ico_arrow_big.svg) no-repeat 0 0 / contain;transform: rotate(-90deg);}
.honeydec.type2.open .tit{font-weight:700}
.honeydec.type2.open .tit:after{transform: rotate(90deg);}
.honeydec.type2 .tit + p{font-size:16px;color:#484b51;margin:0 16px;font-weight:400}
.honeydec.type2 .subdecx{position:relative;font-size:14px;color:#696e76;margin:4px 16px 16px;vertical-align:top;padding-left:9px}
.honeydec.type2 .subdecx:before{content:"*";position:absolute;top:0;left:0}
.honeyinfocon{background:#fff;border-top:1px solid #ebeef0;padding:16px;font-size:14px;color:#696e76;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.honeyinfocon li{margin-top:16px}
.honeyinfocon li:first-child{margin:0}
.honeyinfocon .info-tit{position:relative;padding-left:9px;font-size:14px;color:#484b51}
.honeyinfocon .info-tit:before{content:"";position:absolute;top:8px;left:0;width:4px;height:4px;background:#696e76;border-radius:50%}
.honeyinfocon .info-con{padding:4px 0 9px}

.sale-tbl{overflow:hidden;padding-top:10px; cursor: pointer;}
.sale-tbl .tl-header{background:#55585c;border-top-left-radius:4px;border-top-right-radius:4px;border:1px solid #febd36;border-bottom:0}
.sale-tbl .tl-header > span{padding:0;min-height:24px;border:0;font-size:14px;color:#fff}
.sale-tbl .tl-header > span:first-child{flex:2;justify-content:flex-start;padding-left:16px}
.sale-tbl .tl-row{border-top:1px solid #dde1e4;background:#f7f7f8}
.sale-tbl .tl-row:first-child, .sale-tbl .tl-row.active + .tl-row{border-top:0}
.sale-tbl .tl-row span{padding:7px 0;font-size:16px;color:#26282c}
.sale-tbl .tl-row > span + span{border-left:0}
.sale-tbl .tl-row span:first-child{flex:2;justify-content:flex-start;padding-left:16px;color:#26282c !important}
.sale-tbl .tl-row span:nth-child(3){flex:0.1}
.sale-tbl .tl-row.active{background:#febd36}
.sale-tbl .tl-row .red{color:#f9786e}
.sale-tbl .tl-row .red + span{color:#f9786e}
.sale-tbl .tl-row .sky{color:#4c79f2}
.sale-tbl .tl-row .sky + span{color:#4c79f2}

.sale-tbl .tl-body{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border:1px solid #febd36;border-top:0;overflow:hidden}

/* 분양관 리뉴얼 : 스타뱅킹연계 */
.starBank .presale-top h1{font-size:18px;color:#222;padding:20px 0 7px}
.starBank .presale-tab{display:flex;font-size:16px}
.starBank .presale-tab span{flex:1;text-align:center;height:44px;line-height:44px;background:#f7f7f8;border:1px solid #dde1e4;color:#aab0b8;max-width:initial}
.starBank .presale-tab span:after{display:none}
.starBank .presale-tab span.active{border-color:#26282c;color:#26282c;font-weight:700;background:#fff}
.starBank .presale-tab span:first-child{padding-right:0}
.starBank .sorting-wrap{border-bottom:1px solid #ebeef0;border-top:0}
.starBank .star-sorting .btn-raidotap{font-size:14px;padding-bottom:3px}
.starBank .star-sorting .btn-raidotap.active{font-weight:700}
.starBank .star-sorting .btn-raidotap.active:after{height:4px;background:#222}
.starBank .sale-new .sorting-wrap{border-top:0}
.starBank .sale-new .presaleCon{padding-top:20px}
.starBank .star-sorting span.active:after{height:4px;background-color:#222}
.starBank .star-sorting span{font-size:14px}
.starBank .local-filter .btn-open:after{background: url(/images/newstar_arrow_dwon.svg) no-repeat 50% 50% / 24px auto #fff;transform: rotate(0);}
.starBank .presale-acdion .btn-accordion:before{background: url(/images/newstar_arrow_dwon.svg) no-repeat 50% 50% / 24px auto #fff;transform: rotate(0)}
.starBank .presale-nodata .text-none{color:#26282c}
.starBank .open .btn-open{right:0}
.starBank .open .btn-open:after{right:0}
.starBank .presalesearch .local-filter .btn-open:after{right:24px}

/* 스타뱅킹연계 꿀분양 */
.starhoney-wrap{padding:14px 24px;text-align:left;border-top:1px solid #ebeef0}
.starhoney-wrap .btn-switch.type2{display:inline-block;font-size:16px;color:#26282c;font-weight:700}
.starhoney-wrap .btn-switch .switch{position:relative;top:2px;display:inline-block;margin-left:10px}
.btn-starnoti{position:relative;top:-4px;float:right;font-size:14px;color:#696e76}
.btn-starnoti:after{position:relative;top:4px;content:"";display:inline-block;width:20px;height:20px;margin-left:4px;background:url(/images/newstar_icon_tooltip.svg)}
.sorting-wrap.type2 .sortingbtbox{justify-content:flex-end;margin-right:12px}
.starBank .btn-txg{color:#676767}
.sorting-wrap.type2 .btn-txg:first-child{margin:0}
.sorting-wrap.type2 .btn-txg:hover, .sorting-wrap.type2 .btn-txg.active, .sorting-wrap.type2 .btn-txg:focus{font-weight:700;color:#4c79f2}
.starBank .sale-new .sorting-wrap .btn-txg.active.sort_down:after{top:3px;background: url(/images/ico_sort_down.svg) no-repeat 0 0;background-size:16px;width:16px;height:16px}
.starBank .sale-new .sorting-wrap .btn-txg.active.sort_up:after{top:3px;background: url(/images/ico_sort_up.svg) no-repeat 0 0;background-size:16px;width:16px;height:16px}
.starBank .honeylayer.type2 .stit{padding-top:20px;color:#484b51}
.starBank .honeylayer.type2 .subdecx{position:relative;display:block;font-size:14px;color:#696e76;margin:4px 0 0;padding-left:9px}
.starBank .honeylayer.type2 .subdecx:before{content:"*";position:absolute;top:0;left:0}
.starBank .presale-top .btn-close, .starBank .presalecalc-w{display:none}
.starBank .fullbg-white.sale-new{padding-top:16px}
.starBank .sele-new .filters-container{top:112px}
.starBank .presalesearch .selotNew.filters-container{top:115px !important}

/* 분양관 리뉴얼 : nodata */
.presale-nodata{margin:72px 0 120px}
.presale-nodata .text-none{flex: 1;background: url(/images/empty_salenew.svg) no-repeat center top;padding-top: 80px;font-size: 16px;color: #c6cbd0;}

.vm--container{z-index: 9999 !important;}
.tooltip{z-index: 10000 !important;}

.mx-datepicker-main{font-family: 'Spoqa Han Sans Neo', sans-serif;}
.wh-layer .mx-calendar{padding:0}
.wh-layer .mx-datepicker-main{border:none}
.wh-layer .mx-calendar-content{overflow: hidden;}
.wh-layer .mx-calendar-content .cell div{width:28px; height:28px;line-height:26px;}
.wh-layer .mx-calendar-content .cell.active div{background:#17356e; border-radius:20px 0 0 20px;width:40px;height:28px; }
.wh-layer .mx-calendar-content .cell.in-range div{background:#17356e; width:40px}
.wh-layer .mx-calendar-content .cell.in-range +.cell.active div{border-radius:0 20px 20px 0; }
.wh-layer .mx-table-date td, .mx-table-date th{height:30px}
.wh-layer .mx-table-date .today div{border-color:#17356e}
.wh-layer .mx-calendar-header-label{border:none; font-weight:900;}
.wh-layer .mx-calendar-content .mx-table-month .cell div{width:54px; height:32px;border-color:#17356e;color:#17356e;border-radius:8px; line-height:30px}
.wh-layer .mx-calendar-content .mx-table-month .cell.active div{width:54px; height:32px; background:#17356e; color:#fff;border-radius:8px;}
.wh-layer .mx-table-month td{width: 25%;height: 50px;}
.wh-layer .mx-calendar-header-label > button{pointer-events:none ;}



.btn-datepic{width:50px; height:32px; border:solid 1px #b2b2b2; background:#f8f8f8; color:#676767; border-radius:6px;position: relative; text-indent:-9px}
.btn-datepic+.btn-datepic{left:-12px; z-index:1; text-indent:9px}
.btn-datepic.active{background:#17356e; color:#fff; border-color:#17356e; z-index:2 !important;  text-indent:0px !important;}

.selot-filter .all-filters-head .all-filters-group.typeList .btn-filter-wrap { width: 50%; max-width: 50%; }
.selot-filter .all-filters-wrap { position: absolute; width: 100%; z-index: 6; }
.selot-filter .all-filters .btn-all-filters { z-index: 7; }
.selot-filter .filters-wrap { position: absolute; width: 100%; z-index: 6; }
.selot-filter .title-typeStep { margin-top: 20px; padding: 15px 12px 7px; border-top: 1px solid #ddd; margin-left:12px; padding-left:0}
@media all and (min-width: 1016px) {
    .selot-filter .filters-head .filters-group-outer { flex-wrap: nowrap; }
    .selot-filter .filters-head .filters-group { flex-wrap: nowrap; }
    .selot-filter .all-filters-wrap { max-width: 100%; }
    .selot-filter .filters-wrap > .scrollbar-outer { max-width: 100%; }
    .selot-filter .filters-body,
    .selot-filter .filters-foot { max-width: 100%; }
}


.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap .btn-filter{font-size:16px}
.selot-filter .all-filters-body .filters-tabs-content{padding:0 12px 12px 0}
.selot-filter .loandec{font-size:12px; color:#676767; padding:8px 12px}
.selot-filter .filters-body{border-radius: 0;}
.selot-filter .all-filters .btn-all-filters .badge,
.selot-filter .all-filters.active .btn-all-filters .badge{background-color:#60a5ff}
.selot-filter .filters-head .filters-group .btn-filter.submit{border-color:#17356e}
.selot-filter .filters-head .filters-group .btn-filter.submit:hover{background-color:#fff}
.selot-filter .filters-head .filters-group-outer{border-top:solid 7px #f1f1f1}
.selot-filter .all-filters .btn-all-filters{top:7px}
.selot-filter .all-filters-wrap .scrollbar-outer{border-radius: 0;}
.selot-filter .all-filters-wrap.active{top:52px; border-radius: 0 0 10px 10px;}
.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap .btn-filter.submit{border-color:#4178f4; background-color:#fff; color:#222}
.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap .btn-filter.submit:hover{color:#222}
.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap .btn-filter.active,
.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap .btn-filter:hover{background-color:#4178f4; color:#fff}
.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap .btn-filter.active:hover{color:#fff}
.selot-filter  [class*="filters-body"] .filters-range .range-body .range-value{color:#4178f4;}
.selot-filter  .vue-range-slider.slider-component .slider .slider-process{background-color:#4178f4;}
.selot-filter .btn-filter-wrap.active.typeRegion .btn-filter.submit:hover{color:#fff}
.selot-filter .filters-head .filters-group .btn-filter.active{background-color:#17356e; color:#fff}
.selot-filter .filters-head .filters-group .btn-filter.active:hover{background-color:#17356e; color:#fff}
.selot-filter [class*="filters-body"] .filters-tabs-title .nav-tabs .nav-link.active{border-color:#4178f4;}
.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap.active .btn-filter:hover{color:#fff}

/* 분양 필터 아이콘 */
.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap.typeRegion:after{background-image:url('/images/icon_24_filter_location_default.svg')}
.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap.typeBuilding:after{background-image:url('/images/icon_24_filter_21_newhouse_1_default.svg')}
.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap.typeShape:after{background-image:url('/images/icon_24_filter_22_newhouse_2_default.svg')}
.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap.typeStep:after{background-image:url('/images/icon_24_filter_23_newhouse_3_default.svg')}
.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap.typePrice:after{background-image:url('/images/icon_24_filter_3_money_default.svg')}
.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap.typeArea:after{background-image:url('/images/icon_24_filter_4_roomsize_default.svg')}
.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap.typeHouse:after{background-image:url('/images/icon_24_filter_7_people_default.svg')}
.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap.typePlan:after{background-image:url('/images/icon_24_filter_move_in_default.svg')}
.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap.typeLoan:after{background-image:url('/images/icon_24_filter_default.svg')}

/* 분양 필터 선택아이콘 */
.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap.active.typeRegion:after{background-image:url('/images/icon_24_filter_location_selected_2.svg')}
.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap.active.typeBuilding:after{background-image:url('/images/icon_24_filter_21_newhouse_1_selected.svg')}
.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap.active.typeShape:after{background-image:url('/images/icon_24_filter_22_newhouse_2_selected.svg')}
.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap.active.typeStep:after{background-image:url('/images/icon_24_filter_23_newhouse_3_selected.svg')}
.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap.active.typePrice:after{background-image:url('/images/icon_24_filter_3_money_selected.svg')}
.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap.active.typeArea:after{background-image:url('/images/icon_24_filter_4_roomsize_selected.svg')}
.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap.active.typeHouse:after{background-image:url('/images/icon_24_filter_7_people_selected.svg')}
.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap.active.typePlan:after{background-image:url('/images/icon_24_filter_move_in_selected_2.svg')}
.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap.active.typeLoan:after{background-image:url('/images/icon_24_filter_selected_2.svg')}

/* 분양관 필터 new 버전 */
.presalesummary{margin-top:57px}
.sale-new .filters-container{top:140px !important}
.sale-new .sorting-wrap{margin-top:58px;border-top:1px solid #ebeef0}
.sale-new .sorting-wrap .btn-txbt{margin-left:8px;color:#696e76}
.sale-new .sorting-wrap .btn-txbt.active{color:#696e76;font-weight:700}
.sale-new .sorting-wrap .default-group .active.sort_up:after{top:4px;background:url('/images/icon_sort_up.svg') no-repeat 50% 1px /12px auto}
.sale-new .sorting-wrap .default-group .active.sort_down:after{top:4px;background:url('/images/icon_sort_down.svg') no-repeat 50% 0 /12px auto}
.selotNew.selot-filter .filters-head{background:#fff}
.selotNew.selot-filter .all-filters-head{border-top:1px solid #ebeef0}
.presalesearch .selotNew.selot-filter .local-filter .btn-open{margin-top:7px}
.selotNew.selot-filter .filters-head .filters-group{margin:0;padding:16px 12px 8px 0}
.selotNew.selot-filter .filters-head .filters-group-outer{border-top:0}
.selotNew.selot-filter .filters-head .filters-group .btn-filter{min-height:40px;border-radius:25px;padding:0 12px}
.selotNew.selot-filter .filters-head .filters-group .btn-filter.submit{border-color:#ebeef0;background-color:#ebeef0;box-shadow:none;color:#26282c}
.selotNew.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap .btn-filter.submit{border:0;font-weight:700;color:#26282c}
.selotNew.selot-filter .all-filters-wrap.active{background:#fff;top:72px;border-radius:0 0 16px 16px}
.selotNew.selot-filter .btn-filter{border-radius:0}
.selotNew.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap .btn-filter.active, .selotNew.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap .btn-filter:hover
{background:none;font-weight:700;box-shadow:none;color:#4c79f2}
.selotNew.selot-filter .all-filters-head .all-filters-group.typeList .btn-filter-wrap .btn-filter{margin:12px 0 12px 24px}
.selotNew.selot-filter .all-filters-wrap.active .all-filters-body{box-shadow:none;background:#f7f7f8;padding:8px 0 0}
.selotNew.selot-filter [class*="filters-body"] .filters-tabs-content,
.selotNew.selot-filter .all-filters-body .filters-tabs-content .filters-tabs-content,
.selotNew.selot-filter .filters-body .filters-tabs, .selotNew .filters-tabs{background:none}
.selotNew.selot-filter [class*="filters-body"] .filters-tabs-title-group{padding:0 6px 0 24px}
.selotNew.selot-filter [class*="filters-body"] .filters-tabs-title-group-outer:after{display:none}
.selotNew.selot-filter [class*="filters-body"] .btn-filters-tabs-title{height:38px;padding:0 15px;margin:0 4px;font-size:16px;color:#aab0b8}
.selotNew.selot-filter [class*="filters-body"] .filters-tabs-title-group .btn-filters-tabs-title{margin:0;border-color:#c6cbd0}
.selotNew.selot-filter [class*="filters-body"] .btn-filters-tabs-title.active{color:#26282c;font-weight:700;border-color:#696e76}
.selotNew.selot-filter [class*="filters-body"] .btn-filters-tabs-title.active:after{display:none}
.selotNew.selot-filter .all-filters-head .all-filters-group.typeList .btn-filter-wrap:after{top:11px}
.selotNew.selot-filter .all-filters-head .all-filters-group.typeList{padding:12px 24px}
.selotNew.selot-filter [class*="filters-body"] .filters .form-group{padding:0 20px}
.selotNew.selot-filter .all-filters-wrap.active .all-filters-foot{background-color:#fff}
.selotNew.selot-filter [class*="filters-body"] .filters .form-group .btn-secondary{padding:0 10px;height:36px;min-width:50px;border-radius:4px !important;border-color:#c6cbd0;background-color:#f7f7f8;color:#484b51;font-size:14px}
.selotNew.selot-filter [class*="filters-body"] .filters .form-group .btn-secondary.active{border-color:#dde1e4;background-color:#dde1e4;color:#222;font-weight:700}
.selotNew.selot-filter [class*="filters-body"] .filters.typeArea .form-group .btn-secondary{background:none;min-width: calc((100% / 4) - 8px);max-width: calc((100% / 4) - 8px);padding:0}
.selotNew.selot-filter [class*="filters-body"] .filters.typeHouse .form-group .btn-secondary{padding:0;min-width: calc((100% / 4) - 8px);max-width: calc((100% / 4) - 8px);letter-spacing:-.5px}
.selotNew.selot-filter [class*="filters-body"] .filters-tabs-title .nav-tabs .nav-link.active{position:relative;border:0;background:none;font-weight:700;color:#26282c}
.selotNew.selot-filter [class*="filters-body"] .filters-tabs-title .nav-tabs .nav-link.active:after{content: '';display: block;position: absolute;left: -3px;bottom: -1px;width: calc(100% + 6px);height:1px;background: #696e76;}
.selotNew.selot-filter [class*="filters-body"] .filters.typeArea .form-group .btn-secondary{min-width: calc((100% / 4) );max-width: calc((100% / 4));letter-spacing:-.5px}
.selotNew.selot-filter [class*="filters-body"] .filters.typeArea .form-group .btn-secondary:first-child{border:1px solid #c6cbd0;margin:8px 6px 8px 0;min-width: calc((100% / 4) - 6px);}
.selotNew.selot-filter [class*="filters-body"] .filters.typeArea .form-group .btn-secondary:first-child.active{border-radius:4px !important}
.selotNew.selot-filter [class*="filters-body"] .filters.typeArea .form-group .btn-secondary.active{font-weight:400;background:#dde1e4;border-radius:4px !important}
.selotNew.selot-filter [class*="filters-body"] .filters.typeArea .form-group .btn-secondary.active-start{border-radius:4px 0 0 4px !important;font-weight:400}
.selotNew.selot-filter [class*="filters-body"] .filters.typeArea .form-group .btn-secondary.active-end{border-radius:0 4px 4px 0 !important}
.selotNew.selot-filter [class*="filters-body"] .filters.typeArea .form-group .btn-secondary.active-start ~ .btn-secondary.active{font-weight:400;border-radius:0 !important}
.selotNew.selot-filter [class*="filters-body"] .filters.typeArea .form-group .btn-secondary.active:first-child ~ .btn-secondary:last-child{border-radius:0 !important}
.selotNew.selot-filter.selot-filter [class*="filters-body"] .filters-range .range-body .range-value:before{display:inline-block;content:"전용면적";padding-right:6px;color:#26282c;font-size:16px}
.selotNew.selot-filter .vue-range-slider.slider-component .slider{height:8px !important;background-color:#dde1e4}
.selotNew.selot-filter [class*="filters-body"] .filters-range .range-body{padding:0 16px}
.selotNew.selot-filter [class*="filters-body"] .filters-range .range-foot{padding:4px 24px 8px}
.selotNew.selot-filter [class*="filters-body"] .filters-range .range-foot .legend span{font-size:12px;color:#696e76}
.selotNew.selot-filter [class*="filters-body"] .filters-range{padding:0 16px}
.selotNew.selot-filter [class*="filters-body"] .filters.typePrice .form-group .btn-secondary.active-start ~ .btn-secondary.active-end{border-radius:0 4px 4px 0 !important}
.selotNew.selot-filter [class*="filters-body"] .filters.typePrice .form-group .btn-secondary:first-child{min-width:calc((100% / 5) - 8px);margin:8px 6px 8px 0}
.selotNew.selot-filter [class*="filters-body"] .filters.typeArea .form-group .btn-secondary.active-start ~ .btn-secondary.active-end{border-radius:0 4px 4px 0 !important}
.selotNew.selot-filter [class*="filters-body"] .filters.typePrice .form-group .btn-secondary:not(:first-child){min-width:calc(100% / 5);padding:0 6px}
.selotNew.selot-filter [class*="filters-body"] .filters.typePrice .form-group .btn-secondary.active-start{border-radius:4px 0 0 4px !important}
.selotNew.selot-filter [class*="filters-body"] .filters.typePrice .form-group .btn-secondary.active{font-weight:400;background-color:#dde1e4}
.selotNew.selot-filter  [class*="filters-body"] .filters-tabs-title .nav-tabs .nav-link:hover{background:transparent}
.selotNew.selot-filter .filters .form-group-notice{padding:8px 24px 16px;color:#696e76;font-size:14px}
.selotNew.selot-filter [class*="filters-body"] .filters .filters-tabs-title.typeCenter .nav-tabs .nav-item{flex:0.4}
.selotNew.selot-filter .icoClear{padding: 0 20px 0 7px;background:url(/images/icon_filter_refresh_new.svg) no-repeat right center / 16px;color:#696e76}
.selotNew.selot-filter [class*="filters-foot"]{padding:8px 24px;background:#fff}
.selotNew.selot-filter [class*="filters-foot"] .btn-close-filters{top:8px;width:24px;height:24px;border-radius:50%;border:1px solid #f7f7f8;background:#f7f7f8;overflow:hidden}
.selotNew.selot-filter [class*="filters-foot"] .btn-close-filters:after{width:20px;height:20px;top:0;background:url(/images/icon_filter_arrow_new.svg) no-repeat 50% 49% / 16px;transform:rotate(90deg)}
.selotNew.selot-filter .title-typeStep{padding:15px 20px 7px;font-weight:700}
.selotNew.selot-filter [class*="filters-body"] .filters .form-group div[role="group"]{padding:8px 0}
.selotNew.selot-filter [class*="filters-body"] .filters-tabs-content .tab-pane{background-color:#f7f7f8}
/* 분양관 필터 new 아이콘 */
.selotNew.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap.active.typeRegion:after{background-image:url('/images/icon_new_filter_location_default.svg')}
.selotNew.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap.active.typeBuilding:after{background-image:url('/images/icon_new_filter_21_newhouse_1_default.svg')}
.selotNew.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap.active.typeShape:after{background-image:url('/images/icon_new_filter_22_newhouse_2_default.svg')}
.selotNew.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap.active.typeStep:after{background-image:url('/images/icon_new_filter_23_newhouse_3_default.svg')}
.selotNew.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap.active.typePrice:after{background-image:url('/images/icon_new_filter_3_money_default.svg')}
.selotNew.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap.active.typeArea:after{background-image:url('/images/icon_new_filter_4_roomsize_default.svg')}
.selotNew.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap.active.typeHouse:after{background-image:url('/images/icon_new_filter_7_people_default.svg')}
.selotNew.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap.active.typePlan:after{background-image:url('/images/icon_24_filter_move_in_default.svg')}
.selotNew.selot-filter .all-filters-head .all-filters-group .btn-filter-wrap.active.typeLoan:after{background-image:url('/images/icon_24_filter_default.svg')}
/* 분양관 필터 new 스타뱅킹 */
.starBank .selotNew.selot-filter [class*="filters-body"] .filters-tabs-title .nav-tabs .nav-link{font-size:16px}
.starBank .selotNew.selot-filter [class*="filters-body"] .btn-filters-tabs-title.active{border-bottom-width:4px;border-color:#26282c}
.starBank .selotNew.selot-filter [class*="filters-body"] .filters-tabs-title .nav-tabs .nav-link.active:after{height:4px;background:#26282c}
.starBank .selotNew.selot-filter .filters-head .filters-group-outer{border-top:0}

/* 분양 리스트  */
.salelists  .ico-poi { display:inline-block; width:24px; height:24px; margin-right:8px; background-repeat:no-repeat; background-position:0 0; background-size:24px 24px;vertical-align: middle;position:relative; top:-3px; }
.salelists .ico-poi:before { position:absolute; overflow:hidden; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; }
.salelists .ico-poi.ico-location { background-image:url('../../images/ico_poi_location.svg'); } /* 지역 */
.salelists.ico-poi.ico-subway { background-image:url('../../images/ico_poi_subway.svg'); } /* 지하철 */
.salelists .ico-poi.ico-school { background-image:url('../../images/ico_poi_school.svg'); } /* 학교 */
.salelists .ico-poi.ico-apt { background-image:url('../../images/ico_poi_apt.svg'); } /* 단지(아파트) */
.salelists .ico-poi.ico-officetel { background-image:url('../../images/ico_poi_officetel.svg'); } /* 단지(오피스텔) */
.salelists .ico-poi.ico-villa { background-image:url('../../images/ico_poi_villa.svg'); } /* 빌라 */
.salelists .ico-poi.ico-location:before { content:'지역'; }
.salelists .ico-poi.ico-subway:before { content:'지하철'; }
.salelistsi .ico-poi.ico-school:before { content:'학교'; }
.salelists .ico-poi.ico-apt:before { content:'단지(아파트)'; }
.salelists .ico-poi.ico-officetel:before { content:'단지(오피스텔)'; }

.presaleitem  .ico-poi { display:inline-block; width:24px; height:24px; margin-left: -8px; background-repeat:no-repeat; background-position:0 0; background-size:24px 24px;vertical-align: middle;position:relative; top:-1px; }
.presaleitem .ico-poi:before { position:absolute; overflow:hidden; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; }
.presaleitem .ico-poi.ico-location { background-image:url('../../images/ico_poi_location.svg'); } /* 지역 */
.presaleitem .ico-poi.ico-subway { background-image:url('../../images/ico_poi_subway.svg'); } /* 지하철 */
.presaleitem .ico-poi.ico-school { background-image:url('../../images/ico_poi_school.svg'); } /* 학교 */
.presaleitem .ico-poi.ico-apt { background-image:url('../../images/ico_poi_apt.svg'); } /* 단지(아파트) */
.presaleitem .ico-poi.ico-officetel { background-image:url('../../images/ico_poi_officetel.svg'); } /* 단지(오피스텔) */
.presaleitem .ico-poi.ico-villa { background-image:url('../../images/ico_poi_villa.svg'); } /* 빌라 */
.presaleitem .ico-poi.ico-location:before { content:'지역'; }
.presaleitem .ico-poi.ico-subway:before { content:'지하철'; }
.presaleitem .ico-poi.ico-school:before { content:'학교'; }
.presaleitem .ico-poi.ico-apt:before { content:'단지(아파트)'; }
.presaleitem .ico-poi.ico-officetel:before { content:'단지(오피스텔)'; }


/* 문자문의 */
.inputarea .form-control.round:disabled{background-color:#f1f1f1; color:#b2b2b2}
.honeyMovRigister .textarea + .formbot{margin-top:60px;}
.btn-formround.bg-blue.disabled{background-color:#ddd !important}

/*공인중개사 전용관 팝업*/
.hubtit{display:block; margin-top:30px;text-align: center;}
.hubtextcon{margin-bottom:16px;color:#676767; text-align: center;}
.hubtextcon > span{display:block;margin-top:10px;}
.formbot .btn-formround.bg-yellow{color:#222; background-color:#fdbd37}
.formbot .btn-formround + .bg-yellow{margin-top:10px;}


/* 스마트연계대출 약관동의팝업 */
.loanAgreebox{padding-top:34px}
.loanAgreebox > .member-list{margin-top:0px}
.loanAgreebox .agreecheck+.agreecheck{margin-top:12px}
.pcconlayer{padding-top:30px; text-align: center;}
.pcconlayer .storeQR{width: 259px;height: 167px; margin:0 auto; background: url(/images/bg_store_qr_web.jpg) no-repeat center center / 100%;}
.pcconlayer .pccontext{font-size:16px;;}
.pcconlayer .pccontext > div{margin:16px 0;color:#676767; font-size:14px;}
.pcconlayer .btnStoreWrap{display:flex; margin-top:20px;}
.pcconlayer .btnStoreWrap .btn[class*="Store"] { width: 140px; height: 48px; margin: 0 4px; padding: 0 0 0 10px; border: 1px solid #b2b2b2; border-radius: 8px; color: #222; font-size: 14px; line-height: 48px; }
.pcconlayer .btnStoreWrap  .btn[class*="Store"] .txt { position: relative; }
.pcconlayer .btnStoreWrap  .btn[class*="Store"] .txt:before { content:''; display: inline-block; position: absolute; left: -20px; top: 2px; width: 16px; height: 16px; }
.pcconlayer .btnStoreWrap  .btn-toPlayStore .txt:before { background: url('/images/ico_play_store.svg') no-repeat left center / 100%; }
.pcconlayer .btnStoreWrap  .btn-toAppStore .txt:before { background: url('/images/ico_app_store.svg') no-repeat left center / 100%; }
.loanagreescroll .layerTop{display:block; text-align: center;}


.savelayer{padding-top:16px;margin:0 -16px; }
.savelayer .search-tabs{padding:0;overflow: hidden; overflow-x: scroll;}
.savelayer .tabs-search{width:max-content}
.savelayer .nav-item{min-width:50px; padding:0 7px; font-size:14px}
.savelayercon{padding:20px 16px 0 16px;}
.savetit{display: block;}
.savepar .link{color:#72afff}
.savepar  + .savetit{margin-top:20px}

.member-page-container{background-color:#fff; }
.logotop{height:40px; display:flex; width:100%; background:#fff; align-items: center; justify-content: center; box-shadow: 0 1px 3px rgb(0 0 0 / 10%), 0 2px 2px rgb(0 0 0 / 6%), 0 0 2px rgb(0 0 0 / 7%); position: relative;z-index: 2; position: relative;}
.logotop .btn-closeB{position: absolute; right:10px; top:8px}
.dec-graybg{background:#f8f8f8; text-align: center; padding:16px 0}
.dec-graybg span{color:#676767; display:block}
.dec-graybg span > strong{color:#517ad6}
.loancowrap{padding:16px 12px;}
.loancondec{padding:16px;margin-bottom:16px;background:url('/images/buliding.svg') repeat-x left bottom #e8f4ff;}
.loantextbox{text-align: center; margin-bottom:40px;;}
.loanimg{text-align: center;}

/* 빌라 평형선택스크롤 */
.web .SelectType .scrollbar-outer .ta-body.hoList {padding-bottom:80px;}

/* 메인내집내집 슬릭 */
/* .myHouseList .slickbtnwrap .slick-arrow{display:block !important} */

.typesetting{margin:10px 16px;}

/* 마커 안내 팝업 */
.markerinfo{padding:16px 8px 20px 8px; color:#676767; font-size:16px; line-height:26px;}

/* 단지톡 미작성자 진입 팝업 */
[data-modal="notalk"].vm--overlay{background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px)}
[data-modal="notalk"] + .vm--modal{border-radius:8px;box-shadow:none}
.notalkinfo{padding:40px 0 32px;text-align:center;color:#222;font-size:16px}
.notalkinfo strong{display:block;padding-bottom:8px}
.notalkinfo .name{color:#4178f4}
.notalkinfo p{color:#b2b2b2;font-size:14px}
.notalkinfo + .formbot .bg-gray{color:#676767;background:#f1f1f1}
@media all and (-ms-high-contrast:none) {
  [data-modal="notalk"].vm--overlay{background:rgba(255,255,255,.9);}
}

/* 청약가점 */
.calulator{height:640px;display:flex;flex-direction:column;background: #fff;border-radius:16px;overflow: hidden }
.calulator .btn-infopop{margin-right:30px}
.modal_calc .calulator + .renewModal .vm--modal{height:640px !important;display:flex !important;flex-direction:column;border-radius:0}
.modal_calc .calulator + .renewModal .wh-layer{border-radius:0}
@media all and (max-width: 560px) {
  .app .vm--container > div[data-modal="calcLayer"]+ .vm--modal{height:100vh !important;}
  .app .calulator, .app .modal_calc .calulator + .renewModal .vm--modal{height:100vh !important;}
  .web .vm--container > div[data-modal="calcLayer"]+ .vm--modal{height:100vh !important;}
  .web .calulator, .web .modal_calc .calulator + .renewModal .vm--modal{height:100vh !important;}
  .renewModal.modal_calc .vm--modal{max-width:none; height:100% !important; border-radius:0 !important; width:100% !important;top:0 !important;left:0 !important}
  /* .renewModal.modal_calc .vm--modal .scrollbar-outer{height:100% !important; max-height:100% !important} */
  .web .calulator{border-radius:0}
}
@media all and (max-height: 414px) {
.web .calulator{border-radius:0;height:100%}
.web .vm--container > div[data-modal="calcLayer"]+ .vm--modal{height:100vh !important;}
.renewModal.modal_calc .vm--modal{max-width:none; height:100% !important; border-radius:0 !important; width:100% !important;top:0 !important;left:0 !important}
.renewModal.modal_calc .vm--modal .scrollbar-outer{height:100% !important; max-height:100% !important}
}
.app .calulator{border-radius:0}

.topheader {padding:0 24px; display:flex; align-items: center;justify-content: flex-end; height:56px;min-height:56px}
.topheader .btn-pageback {margin-right: auto;background-image: url('/images/icon_24_arrow_big_down.svg');}
.topheader .btntxt {margin:0 16px 0 0;font-size: 18px;}
.topheader .btn-infopop{border-radius:0}
.stveiw {display:flex; height:inherit;flex-direction:column; padding:0 24px; overflow-y: auto;}
.stveiw .title{margin-bottom:32px;}
.stveiw .title .color-blue{color:#4c79f2}
.stveiw .title.leftalign > span, .stveiw .title.leftalign > strong{text-align: left;}
.stveiw .title > span,.stveiw .title > strong{display: block; font-size:24px; text-align: center;}
.stveiw .imgbox{ max-width:280px;  margin:0 auto; flex:.9 ;display: flex; align-items: center;}
.stveiw .imgbox img{width:100%;;}
.stveiw .btmaera{margin-top:auto; padding-bottom:24px;}
.mobilePc .stveiw .btmaera { padding-bottom: 120px; }
.stveiw .btmaera .btn{ width:100%; height: 48px;line-height: 48px;font-size: 16px; font-weight:700; border-radius: 4px;}
.stveiw .btmaera .btn.disabled{background-color:#dde1e4;color:#aab0b8}
.stveiw .btmaera .btn:active{background-color:#1549ad;color:#fff}
.stveiw .checkPoll .btn-group-toggle .btn-secondary{background-color:#f7f7f8; height:48px; line-height:46px; font-size:16px; border-radius:4px !important; margin-top:16px;}
.stveiw .checkPoll .btn-group-toggle .btn-secondary:active{background-color:#4c79f2;color:#fff}
.stveiw .checkPoll .btn-group-toggle .btn-secondary.disabled{background-color:#dde1e4;color:#aab0b8}
.layerselect.layerinfo{ padding:32px 24px;background-color:#Fff; border-radius:16px 16px 0 0; box-shadow: 0 -5px 10px 0 #33222222;}
.layerinfo .btn-close.type2{position:absolute; top:32px; right:32px;}
.layerinfo .infotit{display:block; margin-bottom:32px; font-size:22px;}
.layerinfo .infocon{font-size:16px; color:#696e76}
.layerinfo .btmaera{margin-top:auto; padding-top:24px;}
.layerinfo .btmaera .btn{ width:100%; height: 48px;line-height: 48px;font-size: 16px; font-weight:700; border-radius: 4px;}
.stveiw .guidetext{position:relative;margin-top:8px;font-size:16px; color: #8c949e; text-align: left;}
.stveiw .guidetext button{position:relative;top:-2px}
.regiselect-area .btn-rect{width:100%; margin-bottom:16px;}
.regiselect-area.active .btn-rect{border-color: #4c79f2;}
.regiselect-area.active .btn-rect:after{transform:rotate(90deg)}
.regiselect-area.selfSelect .btn-rect{border-color: #696e76; background-color:#f7f7f8;}
.selectTypeList .btn-group{display:block}
.selectTypeList .btn-secondary{display:block; height:56px; line-height:56px; width:100%; background-color:transparent; border-radius:0; color:#26282c; font-size:16px; text-align:left;border:none;}
.selectTypeList .btn-secondary:not(:disabled):not(.disabled).active{border:none; color: #26282c !important;font-weight:700; }
.layerinfocon .mx-datepicker-inline{max-width:300px; margin:0 auto; display:block}
.layerinfocon .mx-datepicker-main{max-width:300px; margin:0 auto; border:none; font-family: 'Spoqa Han Sans Neo', sans-serif; font-size:16px;}
.layerinfocon .mx-calendar-header{margin-bottom:30px;}
.layerinfocon .mx-calendar-header-label .mx-btn{font-size:18px;}
.layerinfocon .txtbox {font-size:16px;line-height:24px;color:#696e76;text-align: left;}
.layerinfocon .txtbox .link {text-decoration:underline;}

.tbl-style {margin:24px 0 12px;}
.tbl-ly {color:#696e76;}
.tbl-ly th, .tbl-ly td {font-size:16px;line-height:24px; border-bottom:1px solid #dde1e4;}
.tbl-ly tr:last-child th, .tbl-ly tr:last-child td {border-bottom:none;}
.tbl-ly th {padding:16px;text-align: center;width:130px;font-weight:400; background-color:#ebeef0;letter-spacing: -0.4px;}
.tbl-ly td {padding:16px;flex:1;background-color: #f7f7f8;text-align: center;}
.tbl-ly .bullet-txt {text-align: left;}

.typeResultcon .result-tit{margin-bottom:8px;font-size:18px; color:#26282c; text-align:left;}
.typeResultlist .resultrow{display:flex; border-top:solid 1px #dde1e4; align-items: stretch;}
.typeResultlist .resultrow:nth-of-type(1){border-top:none}
.typeResultlist .resultrow > span{ font-size:16px; min-height:49px; align-items:center; justify-content: center;display:flex}
.typeResultlist .resultrow .resultlabel{width:120px; flex-shrink:0; background-color: #ebeef0; color:#696e76}
.typeResultlist .resultrow .resultvalue{flex:1; background-color:#f7f7f8;}
.typeResultlist .resultrow:nth-last-of-type(1) .resultlabel{padding:16px 30px}


.agreeResultForm{margin-top:75px; text-align: left;}
.agreeResultForm .flexbox{width:100%;align-items: center; justify-content: space-between;}
.agreeResultForm .flexbox .imgcheck label,
.agreeResultForm .flexbox .btn-text{font-size: 14px;}
.agreeResultForm > p{padding:3px 0 0 32px; margin-bottom:16px; color:#8c949e}
.agreeResultForm  .imgcheck label:before,
.agreeResultForm .imgcheck.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{width:24px; height:24px; background-repeat:no-repeat !important; background-size:24px !important; top:-2px}
.agreeResultForm .imgcheck.custom-checkbox .custom-control-label::before{top:-2px;}
.agreeResultForm .custom-checkbox .custom-control-label{padding-left:34px;}
.agreeNotice{padding:12px 0 24px;text-align:left;color:#8c949e;font-size:12px;border-top:1px solid #ebeef0}
.agreeNotice strong{display:block;padding-bottom:8px;font-size:14px;font-weight:400}

/* 시세 top */
.pricePerPyeong-wrap .pagecontainer,
.recentTicker-wrap .pagecontainer,
.volumeTop10-wrap .pagecontainer{padding:15px 24px 26px}
.pricePerPyeong-wrap .pagecontainer .tabs .card-header-tabs,
.recentTicker-wrap .pagecontainer .tabs .card-header-tabs,
.volumeTop10-wrap .pagecontainer .tabs .card-header-tabs{height:44px}
.pricePerPyeong-wrap .pagecontainer .tabs .nav-tabs .nav-item,
.recentTicker-wrap .pagecontainer .tabs .nav-tabs .nav-item,
.volumeTop10-wrap .pagecontainer .tabs .nav-tabs .nav-item{height:44px;font-size:18px;color:#c6cbd0}
.pricePerPyeong-wrap .pagecontainer .tabs .nav-tabs .nav-link,
.recentTicker-wrap .pagecontainer .tabs .nav-tabs .nav-link,
.volumeTop10-wrap .pagecontainer .tabs .nav-tabs .nav-link{color:#c6cbd0;border-color:#c6cbd0}
.pricePerPyeong-wrap .pagecontainer .tabs .nav-tabs .nav-link.active,
.recentTicker-wrap .pagecontainer .tabs .nav-tabs .nav-link.active,
.volumeTop10-wrap .pagecontainer .tabs .nav-tabs .nav-link.active{color:#26282c;border-color:#26282c}
.pricePerPyeong-wrap .tabs .nav-tabs .nav-link.active:after,
.recentTicker-wrap .tabs .nav-tabs .nav-link.active:after,
.volumeTop10-wrap .tabs .nav-tabs .nav-link.active:after{display:none}
.pricePerPyeong-wrap .grayBox1,
.recentTicker-wrap .grayBox1,
.volumeTop10-wrap .grayBox1{padding:12px 0;margin:16px 0 0;background:#f7f7f8;color:#26282c;font-size:16px}
.pricePerPyeong-wrap .grayBox1 .blue,
.recentTicker-wrap .grayBox1 .blue,
.volumeTop10-wrap .grayBox1 .blue{color:#4178f4}
.top-tapcon.type2{margin:16px 0 20px}
.top-tapcon.type2 .lgr-tx{width:120px;margin-right:7px;font-size:14px;color:#26282c;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.top-tapcon.type2 .lgr-group{height:56px;padding-right:8px}
.top-tapcon.type2 .lgr-databar{height:24px}
.top-tapcon.type2 .lgr-databar .databar{height:24px;background-color:#e3edf4}
.top-tapcon.type2 .lgr-group:nth-of-type(1) .lgr-databar .databar{background-color:#4178f4}
.top-tapcon.type2 .tx-name{font-size:14px;color:#26282c;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.top-tapcon.type2 .tx-dong{font-size:12px;color:#696e76;font-weight:400}
.top-tapcon.type2 .data-numtip{top:2px;right:4px;color:#696e76;font-size:14px;letter-spacing:-.1px}
.top-tapcon.type2 .lgr-group:nth-of-type(1) .data-numtip{color:#fff}
.top-tapcon.type2 .databar.outtext .data-numtip{right:inherit;margin-left:8px}
.top-tapcon.type2 .legend-text, .top-tapcon.type2 .legend-limttx{font-size:14px;color:#26282c}
.top-tapcon.type2 .lgr-data-box{border-top:1px solid #dde1e4}
.top-tapcon.type2 .legend-text:after{content: "";display: block;width: 100%;height: calc(100% - 30px);border-right: solid 1px #dde1e4;position: relative;top: 8px;}
.top-tapcon.type2 .legend-num > div:after{    display: block;width: 100%;height: calc(100% - 30px);border-right: solid 1px #dde1e4;position: relative;top: 30px;}
.top-tapcon.type2 .list-graph1{margin:0;padding:28px 0 0}
.top-tapcon.type2 .dectext{font-size:13px;color:#8c949e;border-top: solid 1px #dde1e4;}
.top-tapcon.type2 .dectext .pointcolor{text-decoration:underline;color:#8c949e}
.type2 .sell-group .s-bar{width:64px;height:44px}
.type2 .s-data{flex-direction:column;padding-left:20px}
.type2 .sell-group{margin-bottom:2px}
.type2 .sellingwrap{margin-top:36px;border-bottom:0;padding-bottom:30px}
.type2 .sell-group .texttooltip{display:block;background-color:#e3edf4;padding:2px 8px}
.type2 .sell-group:nth-of-type(1) .texttooltip{background-color:rgb(65, 120, 244)}
.type2 .sell-group:nth-of-type(1) .texttooltip .in{color:#fff}
.type2 .sell-group:nth-of-type(1) .texttooltip .in:last-child{color:#fff}
.type2 .sell-group .texttooltip .in {display:flex;text-align:left;font-size:14px;font-weight:700;justify-content: space-between;padding-right:0;color:#26282c}
.type2 .sell-group .texttooltip .in:last-child{font-size:12px;font-weight:400;color:#696e76}
.type2 .sell-group .texttooltip:after{top:50%;left:-8px;margin-top:-5px;border-right-color:#e3edf4}
.type2 .sell-group:nth-of-type(1) .texttooltip:after{border-right-color:rgb(65, 120, 244)}
.type2 .sell-group .texttooltip .in span:first-child{max-width:120px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.type2 .sell-group:nth-of-type(10) .s-bar, .type2 .sell-group:nth-of-type(11) .s-bar{height: 12px; background-color:#f1f1f1}
.type2 .sell-group:nth-of-type(10) .texttooltip, .type2 .sell-group:nth-of-type(11) .texttooltip{background-color:#f1f1f1}
.type2 .sell-group:nth-of-type(10) .texttooltip:after, .type2 .sell-group:nth-of-type(11) .texttooltip:after{border-right-color:#f1f1f1}
.type2 .sell-group .texttooltip .rate{margin-left:auto}
.decboxtip{position:relative;text-align:left}
.decboxtip .tit{padding-right:26px;font-size:16px;color:#26282c;background:url('/images/icon_24_info2.svg') no-repeat 100% 1px}
.decboxtip .cont{position:relative;display:none;border:1px solid #dde1e4;border-radius:5px;margin-top:10px;padding:16px 14px;font-size:14px;color:#26282c;background:#fff;z-index:1}
.decboxtip .cont:before{content:"";display:block;position:absolute;top:-5.4px;left:156px; content: '';width: 10px;height: 10px;border-top: 1px solid #dde1e4;border-right: 1px solid #dde1e4;transform: rotate(-44deg);;background:#fff}
.decboxtip.active .cont{display:block;position:absolute;top:27px;left:0}
.decboxtip .cont span{display:block;font-size:13px;color:#696e76}

/* 지도선택 팝업 */
.mapchoice{padding-bottom:24px;text-align:center;color:#222;font-size:16px}
.mapchoice strong{display:block;padding-bottom:40px;font-weight:400}
.mapchoice .listmap{display:flex;padding:0 30px}
.mapchoice .listmap > div{flex:1;font-size:14px;color:#888}
.mapchoice .listmap .btn{display:block;margin:0 auto 8px;width:60px;height:60px;background-size:60px;border-radius:12px;border:1px solid #f2f2f2}
.mapchoice .listmap .btn-naver{background-image:url('/images/map/filters/bg_map_naver.png')}
.mapchoice .listmap .btn-kakao{background-image:url('/images/map/filters/bg_map_kakao.png');border-color:#fee200}
.mapchoice .listmap .btn-tmap{background-image:url('/images/map/filters/bg_map_tmap.png');border:0}

/* ios 버전 업데이트 권유 팝업 */
.iosupdate .topcon{padding-bottom:206px;background:url('/images/iosupdate.png?v2') no-repeat 100% 100% / 303px auto;color:#222;margin-bottom:10px}
.iosupdate .topcon strong{display:block;font-size:20px;line-height:26px;padding:0 0 10px 0}
.iosupdate .topcon p{font-size:15px;line-height:22px;padding-bottom:10px}
.iosupdate .topcon p span{font-weight:700;color:#4178f4}
.btn-verup{width:100%;height:42px;line-height:40px;border-radius:8px;font-size:16px;font-weight:700}
.btn-verup.bg-blue{background-color:#17356e;color:#fff}
.btn-verup.bg-grey{background-color:#f1f1f1;color:#222;font-weight:400}
.btn-verup:first-child{margin-bottom:12px}
.typeinfo-link{margin:12px 16px 0;text-align:right}
.btn-naverview{color:#676767;font-size:12px}

/* 단지톡 푸시 완료 팝업 */
.pushCompletion{padding:40px 0 172px;margin-bottom:20px;text-align:center;color:#222;font-size:16px;background:url('/images/img_pushcompletion.svg') no-repeat 50% 100% / 160px auto }
.pushCompletion strong{display:block}
.pushUserinfo{padding:30px 0 32px;text-align:center;color:#222;font-size:16px}
.pushUserinfo .txtemoji{position:relative;padding-bottom:8px;display:flex;align-items:center;justify-content: center;}
.pushUserinfo .txtemoji:before{content:"";display:inline-block;width:24px;height:24px;margin-right:4px;background:url('/images/img_emoji_hand.png') no-repeat 0 0/24px auto}
.pushUserinfo .txtemoji:after{content:"";display:inline-block;width:24px;height:24px;margin-left:4px;background:url('/images/img_emoji_hand.png') no-repeat 0 0/24px auto}
.pushUserinfo em{color:#517ad6}