@charset "utf-8";
/* 공통 */
.btnType1.btn-group-toggle .btn-secondary{min-width: 192px; height:50px; background-color:#f5f5f5; border-radius: 8px !important; font-size:16px;}
.btnType1.smallType.btn-group-toggle{display:flex;}
.btnType1.smallType.btn-group-toggle .btn-secondary{min-width:auto; width:100%; height:36px; border-radius: 6px !important; font-size:14px;}
.btnType1.smallType.btn-group-toggle .btn-secondary + .btn-secondary{margin-left:8px}
.btnType1.size140.btn-group-toggle .btn-secondary{min-width:140px;}
.btnType1.btn-group-toggle .btn-secondary +  .btn-secondary{margin-left:12px}
.btnType1.btn-group-toggle  .btn-secondary:not(:disabled):not(.disabled).active{border-color:#4373f4; background-color:#4373f4; color:#fff !important}
.btnTypeSort{text-align:center}
.btnTypeSort .btn{position:relative;padding:0 16px}
.btnTypeSort .btn.right{padding:0}
.btnTypeSort .btn:first-child:before{display:none}
.btnTypeSort .btn:before{content:'';position:absolute;left:0;top:50%;margin-top:-7px;width:1px;height:14px;background:#bbb}
.renewWrap .type-btns .btn-formround {width: 100%;height: 48px; border-radius: 8px;font-size: 16px;}
.renewPage .bg-graybox, .renewWrap .bg-graybox{border-radius:8px; background:#f5f5f5;}
.renewPage .bg-graybox .bulletlist li:last-child{margin-bottom:0}
.bg-graybox .iconoti{padding-left:20px;background:url('/images/icon_16_notice.svg') no-repeat 0 2px}
.renewWrap .bg-fullwhite{position:absolute; display:flex; align-items:center; width:100%; min-height:calc(100% - 56px); padding:0 16px;}
.renewWrap .PriceInvstRqstPage .bg-fullwhite{position:inherit;display:block}
.renewPage button, .renewWrap button{letter-spacing:-.4px}
.fullgray{min-height:100%; background:#f5f5f5;}
.flexbox .shrink{flex-shrink:0;}
.flexboxcenter{display:flex;align-items:center;justify-content:center}
.bg-guidebox{padding:5px; font-size:12px; border-radius:4px; background:#f5f5f5; text-align:center}
.bg-guidebox p > span{display:inline-block}
.flexbox > .bg-guidebox{flex:1; line-height:14px;}
.bg-guidebox.typesec{display:flex;padding:9px 12px;align-items:center;border-radius:6px}
.bg-guidebox.typesec .tcont{display:flex;flex-direction: column;font-size:11px;text-align:left}
.bg-guidebox.typesec .tcont:first-child{margin-right:12px;font-size:12px;font-weight:700}
.bg-guidebox.typesec .tcont + .tcont{position:relative;padding-left:12px}
.bg-guidebox.typesec .tcont + .tcont:before{content:'';width:1px;height:calc(100% - 4px);position:absolute;top:2px;left:0;background:#e0e0e0}
img.darkMode{display:none}
.bdT0{border-top:0 !important}
.bdB0{border-bottom:0 !important}
.bd0{border:0 !important}
/* 홈 인기단지 없을때  */
.danjinodata{margin-top:36px; padding-top:64px; background:url('/images/icon_24_danji_talk_2.svg') no-repeat center top; color:#b2b2b2; text-align:center;}
.danjinodata>span{display:block;}

/* 텍스트 컬러  */
.labecolorda9500{color:#da9500 !important}
/* 인기단지 사진 리스트  */
.danjiimglistgroup{padding:0 16px; }
.imgbanner-text{width:100%; height:162px; padding:16px;background:url('/images/banner_popularity_danji_graphic.svg') no-repeat right bottom/139px #fffad7; text-align: left; border-bottom:solid 1px #f1f1f1; margin-bottom:10px;}
.imgbanner-text > span{display:block;}
.imgbanner-text .event-maintext{color:#676767; display:block}
.imgbanner-text .event-maintext + .event-maintext{margin-top:6px;}
.imgbanner-text .event-maintext + .event-maintext img{width:215px}
.imgbanner-text .event-date{color:#888; margin:10px 0; font-size: 12px;;}
.btn-bullittext{background:url('/images/next_btn.svg') no-repeat right center/16px;;color:#4c4a3f; font-size: 12px; padding-right:18px;}
.imgbanner-text .btn-bullittext{width:133px;height:16px;min-height:16px;font-size:0;background:url('/images/text_view_evtmain.png') no-repeat 0 0 / 133px auto;border-radius:0}
.danjilistItem{text-align: left; padding:16px 0; border-bottom:solid 1px #f1f1f1; display:flex;}
.danjilistItem .imgbox{width:100px;height:100px; flex-shrink:0; position: relative; }
.danjilistItem .imgbox > span{display:block }
.danjilistItem .imgbox .imgwrap{border-radius:12px; width:100%; height:100%; overflow: hidden;}
.danjilistItem .imgbox .imgwrap img{max-width: 100%;;}


.danjilistItem .imgbox .btn-imgmore{ position: absolute;width:58px;height:34px; background:rgba(34,34,34,.48); right:0; bottom:0;color:#fff;border-radius:12px 0 12px 0}
.danjilistItem .imgbox .btn-imgmore:before{content:"";position:relative;top:3px;left:0;display:inline-block;width:16px;height:16px;margin-right:2px;background:url('/images/icon_16_photo_count.svg') no-repeat left center/16px; }
.itemparagraph{display:flex;flex-direction:column;padding-left:10px;width:calc(100% - 100px)}
.itemparagraph > span{display:block;}
.itemparagraph .paragraphtit{font-size: 16px; color:#222222;; font-weight: 700;}
.itemparagraph .paragraphdec{color:#676767}
.itemparagraph .paragraphdec{width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.itemparagraph .paragraphicon{margin:8px 0; font-size:12px;}
.itemparagraph .prdouct-label{position:relative;display:inline-block;height:22px; padding-left:4px; background: #FEAE2F; font-size:11px; color:#fff; line-height:22px; text-align: center;letter-spacing:-0.5px;border-radius:4px 0 0 4px;}
.itemparagraph .prdouct-label:after{content:"";position:absolute;top:0;right: -10px;width:10px;height:22px;background:url('/images/prize_flag_bg.svg') no-repeat 100% 0 / 75px auto}
.itemparagraph .paragraphicon > span:not(.count){color:#b2b2b2; position: relative;padding-left:4px; margin-left:4px}
.itemparagraph .paragraphicon > span.count{font-weight:700; color:#444444; position: relative;padding-left:20px;background:url('/images/icon_24_like_selected_3.svg') no-repeat left center}
.itemparagraph .paragraphicon > span.count.none{background:url('/images/icon_24_like_selected_2_none.png?20220421') no-repeat left center; background-size:16px;}
.itemparagraph .paragraphicon > span:not(.count):before{content: ""; width:2px; height:2px; background:#b2b2b2; position: absolute; left:0; top:7px}
.itemparagraph .parabtmgroup{margin-top:auto}

/* 메인 관심단지 사진 */
.danjitalklistgroup{text-align: left;}
.danjitalkMainItem{background:#fff;padding:20px 16px 20px 44px; position: relative; margin-bottom:8px;word-break:break-all}
.danjitalkMainItem > .num{position: absolute; left:16px; top:20px; width:20px; height:20px; font-size:16px; text-align: center;}
.danjitalkMainItem > .talkName{max-height:44px; overflow:hidden;font-size:16px;display:flex; margin-bottom:8px;}
.danjitalkMainItem > .talkName + p{ text-overflow: ellipsis;overflow: hidden;max-height:42px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.danjitalkparagraph{margin-top:12px; position: relative;}
.danjitalkparagraph > span.count {color: #444444;position: relative;padding-left: 20px; background: url('/images/icon_24_like_selected_3.svg') no-repeat left center; font-weight:700;}
.danjitalkparagraph > span.count.none{background:url('/images/icon_24_like_selected_2_none.png') no-repeat left center/16px}
.danjitalkparagraph > span.storename, .danjitalkparagraph > span.date{position: relative;color:#b2b2b2; position: relative;padding-left:4px; margin-left:4px}
.danjitalkparagraph > span.storename:before{content: ""; width:2px; height:2px; background:#b2b2b2; position: absolute; left:0; top:7px;}
.danjitalkparagraph > span.date{position:absolute; right:0; top:0;padding:0; margin:0}
.danjitalkMainItem + .danjiimglismore{margin:16px;}

/* 과거 당선작 */

.danjiimgfilter{width:100%;max-width:448px;background: #fff; z-index: 99; transition: .3s;height:56px;border-top:solid 1px #f1f1f1;border-bottom:solid 1px #f1f1f1; text-align: left; padding:8px 16px;position: fixed; left:0; top:56px;}
.danjiimgfilter.up{ transform: translate3d(0, -100%, 0);}
.imgdetailList{padding:56px 16px 0 16px;}
.detailItem{padding:12px 0 24px 0; border-bottom:solid 1px #f1f1f1; text-align: left;}
.detailI-tit{display: flex; font-size:16px; font-weight:500; justify-content: space-between;}
.detailI-tit em{font-size:14px; font-weight:400;}
.detailI-tit .btn-text{font-size:14px; color:#676767;}
.detailI-tag > span{font-size:12px; color:#b2b2b2;}
.detailI-tag > span + span{margin-left:2px}
.detailI-tag > span:before{content: "#"; display:inline-block;vertical-align: middle;}
.detailI-tag > span:nth-of-type(1){color:#4e7eff}
.detailI-imgbox{display:flex; height:162px; margin-top:12px;}
.detailI-imgbox > div {position: relative;}
.detailI-imgbox > div img{height:100%; width:100%;}
.detailI-imgbox > div {flex:1 1 auto; width:49.5%; border-radius:4px; overflow: hidden;}
.detailI-imgbox > div:nth-of-type(odd){margin-right:.5%;}
.detailI-imgbox > div:nth-of-type(even){margin-left:.5%;}
.detailI-imgbox > div:nth-of-type(2){display:flex; flex-wrap: wrap; }
.detailI-imgbox > div:nth-of-type(2) > span{width:49%; height:50%;border-radius:4px; overflow: hidden; position: relative;}
.detailI-imgbox > div:nth-of-type(2) > span:nth-of-type(odd){margin-right:1%;}
.detailI-imgbox > div:nth-of-type(2) > span:nth-of-type(even){margin-left:1%;}
.detailI-imgbox > div:nth-of-type(2) > span:nth-of-type(1), .detailI-imgbox > div:nth-of-type(2) > span:nth-of-type(2){margin-bottom:1%;}
.detailI-imgbox > div:nth-of-type(2) > span:nth-of-type(3), .detailI-imgbox > div:nth-of-type(2) > span:nth-of-type(4){margin-top:1%;}
.detailI-imgbox .error{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius: 4px;background: url('/images/blur_deleted_photo.svg') no-repeat 0 0/cover; display: flex; align-items: center;justify-content: center;color: #ddd;}
.selectTypeList .btn-secondary.active:after{content:""; display:block;width:24px; height:24px; position:absolute;  right:16px; top:16px;background:url('/images/icon_24_check_bottom.svg') no-repeat 0 0/24px}
.danjiimglist .vm--overlay{filter: blur(50);}
.danjiimgfilter + .imgnoBox{margin-top:90px}
.imgnoBox{background:url('/images/icon_48_errorinfo.svg') no-repeat center top/48px; padding-top:64px; color:#b2b2b2}
/* 당선작 */
.imgviewlayer{overflow: hidden;padding:0;}
.layerimgviewcon{border-radius:16px;background:#fff}
.imgviewtit{display:flex;align-items:center;width:100%;padding:12px 16px; font-size:16px; white-space:nowrap}
.imgviewtit > strong{max-width:calc(100% - 115px); font-weight:500;display:inline-block;  vertical-align: middle;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;flex-shrink:0}
.imgviewtit > span{display:inline-block;vertical-align: middle;}
.imgviewtit > span.danjilabel{width:16px;min-width:16px; height:16px; font-size:10px; padding:0; position: relative; left:auto; background-size:16px; vertical-align: middle;margin-right:8px;}
.imgviewtit > span:not(.danjilabel){color:#b2b2b2; font-size:12px;font-weight:400; position: relative; margin-left:4px; padding-left:4px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-left:auto}
.btn-close.type3{position: absolute; border-radius:50%; width:36px; height:36px;left:50%; margin-left:-18px; bottom:-51px; background-image:url('/images/icon_24_close_type1.svg'); background-color:#fff; background-size:20px;}
.imgviewlayer .btn-close.type3{left:50%; margin-left:-18px; bottom:-51px;right:auto;top:auto; background-image:url('/images/icon_24_close_type1.svg'); background-color:#fff; background-size:20px;}
.imgviewlayer .btn-close.type3{left:50%; margin-left:-18px; bottom:-51px;right:auto;top:auto; background-image:url('/images/icon_24_close_type1.svg'); background-color:#fff; background-size:20px;}
.imgdetailbtns > .btn{width:calc(100%/3); height:43px; position: relative;}
.imgdetailbtns > .btn + .btn:after{content:""; display: block; width:1px; height:16px; background:#f1f1f1; position: absolute; left:0; top:12px}
.imgdetailbtns > .btn:before{content:""; display:inline-block; width:24px; height:24px; vertical-align: middle; position: relative; top:-2px}
.imgdetailbtns >  .btn-danji{background:none}
.layerimgviewcon .btn-like{width: calc(100% /3) !important;height: 43px !important;background: none !important;}
.imgdetailbtns > .btn-danji:before{content:"";background:url('/images/icon_24_building.svg') no-repeat }
.imgchoicelist{padding:72px 16px 16px 16px; display:flex; flex-wrap: wrap;}
.choiceimg{ width:50%; flex-shrink:0;padding-top:1%;position: relative;}
.choiceimg>span.danjilabel{top:auto; margin-top:.5%; z-index: 9;}
.choiceimg>span:not(.danjilabel){width:100%; height:100%; display: block;background-repeat:no-repeat; background-size:cover; background-position:center center; border-radius: 4px;position: relative;}
.choiceimg:nth-of-type(odd){padding-right:.5%}
.choiceimg:nth-of-type(even){padding-left:.5%}
.choiceimg .error{display: block; width:100%; height:100%;position: absolute; left:0; top:0; border-radius:4px; background: url('/images/blur_deleted_photo.svg') no-repeat 0 0/cover; display: flex; align-items: center;justify-content: center; color:#ddd}
.choiceimg .danjinm{position:absolute; right:6px; bottom:6px; max-width:calc(100% - 12px); padding:4px 6px; background:rgb(0 0 0 / 7%); color:#fff; line-height:22px; border-radius:6px; letter-spacing:-.5px;}
.imgDetail {height:328px; overflow: hidden;}
.slickimgbanner{width:328px; height:328px;overflow: hidden;background-repeat:no-repeat; background-size:cover; background-position:center center;background-image:url('/images/honeypot_danji_img3.jpg')}
.imgDetail .slick-dots {position: absolute; left:0; bottom:0}
.imgDetail .slick-dots > li{width:6px; height:4px; background:#545045}
.imgDetail .slick-dots > li.slick-active{width:12px; height:4px; background:#ddd}
/* 공통 */
.danjilabel{padding-top:3px; width:28px; height:30px; background:url('/images/rank_bg.svg') no-repeat 0 0/100%; position: absolute; left:8px; top:0; text-align: center; color:#fff; font-size: 12px;}
/* 페이지 레이아웃 */
.divideLine{position:relative;display:block;width:100%;height:7px;background:#f5f5f5;border-color:#eee}
.divideLine.sm{position:relative;display:block;width:100%;height:1px;background:#eee;border:0}
.divideLine.fillgrey{background:#eee;border:0;margin:20px 0}
.divideLine.gap32{margin:32px 0}
.divideLine.bdb{border-top:0;border-bottom:1px solid #eee}
.scrollactive .pageHead{border-bottom:1px solid #eee}
.pageHead{position:relative;position:-webkit-sticky;position:sticky;width:100%;height:56px;font-size:14px;z-index:9999;left:0;top:0;color:#444;background:#fff}
.pageHead >h1{line-height:56px; font-size:18px;text-align: center;font-weight:700;color:#222;max-width:calc(100% - 112px);margin:0 auto;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
.pageHead >h1.textellipsis{padding:0 40px}
.pageHead >h1.kbland{background:url("/images/logo.svg") no-repeat 50% 50% / 78px;}
.pageHead >h1.kbland > span{overflow:hidden;display:inline-block;position:relative;z-index:-1;width:1px;height:1px;border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);}
.pageHead .btn-pageback{position: absolute;top: 16px;left: 16px;background: url(/images/icon_24_navi_arrow.svg) no-repeat 0 0 / 24px auto;}
.pageHead .btn-close{position:absolute;top:16px;right:16px;background: url(/images/icon_24_navi_close.svg) no-repeat 0 0 / 24px auto;}
.renewPage .pageHead .btn-close{background-size:24px auto}
.pageHead .btn-txt{position:absolute;top:16px;right:16px;font-size:14px;color:#888;text-decoration:underline;}
.pageHead .logo{width:85px;height:56px;margin:0 auto;padding:15px 0;background:url('/images/logokbland.svg') no-repeat 0 center}
.pageHead .btn-24-calculator, .wrap-header-biz-community .btn-24-calculator{position:absolute;top:16px;right:16px}
.pageContent .btn{color:#444}
.pageContent .titCont{display:block;padding:32px 16px 8px;font-size:18px;text-align:left;color:#222}
.pagebtns.auto .btn-nomal{height:auto;min-height: 64px;line-height: 1.5;padding: 17px 39px 17px 16px;}
.pagebtns.auto .btn-nomal:after{top:25px}
.pagebtns .btn-nomal{position:relative;width:100%;height:64px;line-height:64px;border:0;border-bottom:1px solid #eee;padding:0 16px;border-radius:0;text-align:left;font-size:16px}
.pagebtns .btn-nomal:after{position:absolute;top:23px;right:20px;content: "";display: inline-block;width: 10px;height: 10px;transform: rotate(45deg);border-width: 1px 1px 0 0;border-style: solid;border-color: #888;}
.pagebtns .box-nomal{position:relative;display:flex;width:100%;height:64px;line-height:64px;border-bottom:1px solid #eee;padding:0 16px;border-radius:0;text-align:left;font-size:16px}
.pagebtns .box-nomal .txt-info{margin-left:auto;color:#4373f4}
.pagebtns.linebox{padding:0 16px;border-radius:8px;overflow:hidden;border:1px solid #eee;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.08)}
.pagebtns.linebox .btn-nomal{display:flex;align-items:center;height:62px;line-height:62px;padding:0}
.pagebtns.linebox .btn-nomal:last-child{border:0}
.pagebtns.linebox .btn-nomal:after{right:2px}
.pagebtns.linebox .btn-nomal span{margin-right:4px}
.pageBottom{margin:40px 16px 0;padding-bottom:16px; position: relative;}
.pageBottom .btn-formround{width:100%;height:54px;border-radius:8px;font-size:16px;font-weight:700;background:#eee;color:#bbb}
.pageBottom .btn-formround.navy{background:#515d7d;color:#fff}
.pageBottom .btn{position:relative}
.pageBottom .btn-formtext{margin:16px 0 0;color:#444;font-size:16px}
.pageBottom .btn-formtext:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:1px;background:#444}
.pageBottom .btn-formtext.text-grey:after{background:#888}
.pageBottom .infobtn{text-align:left;font-size:14px;color:#888;margin-bottom:24px}
.pageBottom .infobtn .info{padding-right:4px}
.btn-formround.single{width:100%;height:48px;border-radius:8px;font-size:14px;font-weight:700;background:#eee;color:#bbb}
.btn-formround.single.lg{width:100%;height:54px;border-radius:8px;font-size:16px;font-weight:700;background:#eee;color:#bbb}
.btn-formround.single.bg617fd1{background:#617fd1;color:#fff}
.btn-formround.single.bgeb9b00{background:#eb9b00;color:#fff}
.btn-formround.single.bg6d58b2{background:#6d58b2;color:#fff}
.pageBottom .cscenter{margin:0 -16px 16px;background:#f5f5f5;padding:16px;text-align:left}
.pageBottom .cscenter a{color:#4373f4;text-decoration:underline}
.pageBottom.half{display: flex; justify-content: space-between;padding-bottom:0}
.pageBottom.half .btn-formround{width:49%; margin-top:0 !important}
.pageBottom.half .btn-formround.line-gray{border-color:#bbbbbb; color:#444;background-color:#fff;}
.pageBottom.flexbox button:last-of-type{margin-left:12px}
.pageBottom .btn-formround.line-gray{background-color:#fff;border-color:#bbb;color:#444;font-weight:400}
.pageBottom .btn-formround.line-gray.disable{background-color: #fff;border-color: #e0e0e0; color:#bbb;}
.pageBottom .btn-formround.disable{background-color:#eee; color:#bbbbbb}
.pageBottom .btn-formround.bg-blue2{background-color:#4373f4; color:#fff}
.pageBottom .btn-formround.yellow{background-color:#ffd338;border-color:#ffd338;color:#444}
.pageBottom .btn-formround.green{background-color:#9dad4b;border-color:#9dad4b;color:#222}
.pageBottom.fixBtm{padding: 16px;position: fixed;bottom: 0;width: 100%;background: #fff;margin: 0;}
.pagewrap .pageBottom.fixBtm{max-width:423px}
.fixBtmcon{padding-bottom:86px !important}
.fixBtmcon .addedItems{border-bottom:0}
.renewModal .fixBtmcon{padding-bottom:0 !important}
.fixBtmcon.pdB86{padding-bottom:86px !important} /* 버튼 하단 고정일 경우 padding-bottom 간격정의 */
@media (max-width: 560px){
    .pageBottom.fixBtm{max-width:100% !important}
}
.fixT56{position:fixed !important;top:56px;width:100%;z-index:1}
.pagewrap .fixT56{max-width:423px}
.btn-linegrey{width:100%;height:48px;border-radius:8px;background-color: #fff;border-color: #e0e0e0;color: #444;font-weight: 300;}
.btn-linegrey.arrowbullet:after{width:9px; height:9px; margin-left:4px; border-color:#444;}
.btn-linegrey.type2{display:flex;align-items:center;justify-content:center;border-color:#bbb;height:36px}
.icon_24_certification{display:inline-block;width:24px;height:24px;background:url('/images/icon_24_certification.png') no-repeat 0 0 / 100% auto}
.btn-linegrey.type2 .icon_24_certification{margin-right:4px}
.btn-arrowgray{position:relative;display:flex;align-items: center;}
.btn-arrowgray:after{display: inline-block;content: "";width: 8px;height:8px;margin-left:4px;border-width: 1px 1px 0 0;border-style: solid;border-color: #444;border-radius: 0;transform: rotate(48deg);}
.btn-fillgray{height:30px;padding:0 12px;background:#f5f5f5;border-radius:4px;font-size:14px}
.btn-type-s{height:20px;min-height:20px;line-height:18px;padding:0 3px;font-size:11px;color:#bbb}
/* 단지상세 하단 */
.pageBottom.fixedbtns{display: flex;}
.pageBottom.fixedbtns .line-gray{width:76px;min-width:76px;flex-shrink: 0;}
.pageBottom.fixedbtns .btns2type{display:flex;flex:1;margin-left:12px}
.pageBottom.fixedbtns .btns2type .btn + .btn{margin-left:-12px}
.pageBottom.fixedbtns .btns2type .btn + .btn:before{content:'';width:1px;height:100%;background:#232b42;opacity:.15;position:absolute;left:6px;top:0;}
.pageBottom.fixedbtns .btn + .btn{margin-left:12px;}
.flexBottom{padding:0 0 24px;text-align:center}
.flexBottom .btn-formtext{position:relative;color:#444;font-size:16px}
.flexBottom .btn-formtext:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:1px;background:#444}
.pageBottom.typeauto{text-align:center}
.pageBottom.typeauto .btn{width:auto;display:inline-block;padding:0 16px;}
.pageBottom.typeauto .btn.typesm{min-width:0;padding:0 8px}

/* 인증서 로그인 */
.certificateLogin.userWrap{height:600px}
.certificateLogin.userWrap .pageBottom{margin:0;padding:0}
.certificateLogin .setinput-wrap{margin-bottom:16px}
.certificateLogin.userWrap .setinput-wrap .setinput-item{margin-bottom:8px}
.certificateLogin .infoCon{padding:12px 0 24px}
.certificateLogin .infoCon p{position:relative;font-size:20px;color:#222;text-align:center}
.certificateLogin .infoCon p:before{content:"";display:block;width:64px;height:64px;background:url('/images/icon_64_certification_light.svg') no-repeat 0 0;margin:0 auto 14px}
.certificateLogin .infoCon .btn-arrowgray{margin:10px auto 0;font-size:16px}
.certificateLogin .flexBottom{margin-top:auto}
@media (max-width: 1015px) {
    .certificateLogin{height:100% !important}
    .webResponsiveBox{height:100%;}
    .renewModal.webResponsiveModal{height:100%;}
    /* .memberArea .renewWrap.renewModal.webResponsiveModal{height: 100vh;} */
}
.certificateLogin.lite .infoCon{padding:60px 0 88px}
.certificateLogin.lite .infoCon p:before{background:url('/images/icon_64_litecertification_light.svg') no-repeat 0 0;margin:0 auto 22px}
.certificateLogin .flexBottom .btn-formtext{color:#888;font-size:14px}
.certificateLogin .flexBottom .btn-formtext:after{background-color:#888}
.layerselwrap .certificateLogin .infoCon{padding:10px 0 32px;text-align:center}
.layerselwrap .certificateLogin .infoCon p{font-size:16px;color:#444}
.layerselwrap .certificateLogin .infoCon span{display:block;margin-top:8px}
.btn-applogin{position:relative;padding-left:20px;font-size:14px;color:#444;font-weight:700}
.btn-applogin:before{position:absolute;top:0;left:0;content:'';width:20px;height:20px;background:url('/images/icon_20_appcertification.png') no-repeat 0 0 / 20px auto}
.btn-applogin span{text-decoration:underline}
.certificateLogin .flexBottom .btn-applogin{margin-right:16px}
.allmenuNew .btn-applogin{padding-left:24px;margin-right:10px}
.allmenuNew .btn-applogin:before{top:-2px;width:24px;height:24px;background:url('/images/icon_24_appcertification.png') no-repeat 0 0 / 100% auto}
.applogin .title{margin-bottom:40px;padding-top:80px;font-size:18px;background:url('/images/icon_64_appcertification.png') no-repeat 50% 0 / 64px auto}
.applogin .numlist{display:flex;justify-content:center;align-items:center}
.applogin .numlist li{display:flex;align-items:center;justify-content:center;min-width:32px;width:32px;height:52px;margin:0 4px;border-radius:8px;background:#eee;font-weight:700;color:#4373f4;font-size:16px}
.applogin .timetext{font-size:14px;margin-top:8px}
.applogin .timetext span{color:#f54f1b;padding-left:10px}
.applogin .imgbox{max-width:328px;margin:24px auto 0}
.applogin .imgbox img{width:100%}
.popScrollwrap{margin:24px 0 40px}
.popScrollwrap.overGradation{position:relative;margin:24px 0 0}
.popScrollwrap.overGradation:after{position:absolute;bottom:0;left:0;content:"";display:block;width:100%;height:32px; background: linear-gradient(  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100% );}
.popScrollwrap.userWrap.overGradation .type-btm{overflow-x:hidden}
.renewModal .type-nomal .popScrollwrap .text{padding:0 16px;word-break:keep-all}
.renewModal .bg-graybox{border-radius:8px;background-color:#f5f5f5}
.bg-graybox.whylike{margin-top:16px;padding:16px 10px;text-align:center}
.bg-graybox.whylike p + p{margin-top:8px}
.bg-graybox.whylike + .bottomInfoS{margin-top:20px}
.popScrollwrap.liteStop div.fts14{padding:12px 0}
.popScrollwrap.liteStop .img{padding:22px 0 0}
.topInfoS{padding:16px 0;border-bottom:1px solid #eee;text-align:left}
.topInfoS.noline{border-bottom:0}
.bottomInfoS{margin-top:16px;font-size:14px;text-align:left;line-height:22px}
.bottomInfoS + .bottomInfoS{margin-top:8px}
.bottomInfoS p{position:relative;padding-left:10px}
.bottomInfoS p:before{position:absolute;top:6px;left:2px;content:"";width:3px;height:3px;border-radius:100%;background:#444}
.bottomInfoS.certifiLite .bottomList{position:relative;display:flex;margin-bottom:25px;align-items:center;font-size:16px}
.bottomInfoS.certifiLite .bottomList:before{content:'';display:block;width:46px;height:46px;margin-right:12px;border-radius:17px;background-color:#f5f5f5;background-size:24px auto;background-repeat: no-repeat;background-position:50% 50%}
.bottomInfoS.certifiLite .bottomList.list1:before{background-image:url('/images/icon_24_2_step.png')}
.bottomInfoS.certifiLite .bottomList.list2:before{background-image:url('/images/icon_24_10_seconds.png')}
.bottomInfoS.certifiLite .bottomList.list3:before{background-image:url('/images/icon_24_3_years.png')}
.bottomInfoS.certifiLiteType2 .bottomList{position:relative;display:flex;margin-bottom:16px;align-items:center;font-size:16px}
.bottomInfoS.certifiLiteType2 .bottomList:before{content:'';display:block;width:187px;height:152px;margin-right:12px;background-size:187px auto;background-repeat: no-repeat;background-position:50% 50%}
.bottomInfoS.certifiLiteType2 .bottomList.list1:before{background-image:url('/images/img_login_litepopup_1.png')}
.bottomInfoS.certifiLiteType2 .bottomList.list2:before{height:119px;background-image:url('/images/img_login_litepopup_2.png')}
.bottomInfoS.certifiLiteType2 .bottomList.list3:before{height:119px;background-image:url('/images/img_login_litepopup_3.png')}
.bottomInfoS.certifiLiteType2 .bottomList strong{color:#727f2c}
.iconcount{display:inline-block; padding-left:24px; color:#888;background:url('/images/icon_24_like_nor.svg') no-repeat 0 50%;}
.iconcount.active{font-weight:700; color:#4373f4; background-image:url('/images/icon_24_like_act.svg')}
.memberArea{ width:100%; height:100%;display:flex; flex-direction:column; align-items: center;justify-content:center;opacity:0; transition: .3s;}
.memberArea.active{ position: fixed;left:0; top:0; z-index: 999999;opacity:1;}
.memberOverlay{width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,.3); z-index: 9;}
.memberContent{max-width:360px;width:100%;height:600px; background:#fff; border-radius:16px;position: relative; z-index: 10; overflow: hidden;}
.certificateLogin .infostar{height:132px;margin-bottom:12px}
.certificateLogin .infostar .innerstar{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:100%;padding-left:12px;font-size:20px;text-align:left}
.certificateLogin .infostar p, .certificateLogin .infostar button{position:relative;z-index:1}
.certificateLogin .infostar button{margin-top:8px}
.certificateLogin .infostar .innerstar:after{position:absolute;right:0;top:0;content:'';width:160px;height:132px;background:url('/images/login_img_star.png') no-repeat 0 0 / 160px auto}
@media (max-width: 1023px) {
    .memberContent{max-width:none; height:100%; border-radius:0;}
    .memberContent .scrollbar-outer{height:100% !important; max-height:100% !important}
    .memberContent .loginMain.pagelayout{height:100%; padding:0;}
    .loginMain .loginCont{display:flex; flex-direction:column; height:calc(100% - 56px);}
    /* .loginMain .loginCont .txtinfo{flex:1;}
    .loginMain .loginCont .btns{flex:4;} */
}

/* 모달레이어 고정 버튼  */
.layerBottomBtns .btn-formround {width: 49%;margin-top: 0 !important;height:54px;border-radius:8px;font-size:16px;font-weight:700;}
.layerBottomBtns .btn-formround.navy{background:#515d7d;color:#fff}
.layerBottomBtns .btn-formround.line-gray{border-color: #bbbbbb;color: #444;background-color: #fff;}
.layerBottomBtns {width: 100%;padding:16px;margin:0; display: flex; justify-content: space-between; position: absolute;left: 0;bottom: 0px; background:#fff;box-shadow: 0px -3px 5px rgb(0 0 0 / 4%); border-radius: 0 0 16px 16px;}

/* 버튼 */
.btn-alarmsetting{width:32px; height:32px; background:url('/images/icon_32_setting.svg') no-repeat;}
.btn-alarmbell{width:32px; height:32px; background:url('/images/icon_32_notice_on.svg') no-repeat; }
.btn-alarmbell.off{ background:url('/images/icon_32_notice_off.svg') no-repeat; }
.btn-sotingmore{width:34px; height:34px;border:solid 1px #eee; border-radius:50%;;}
.btn-default{min-width:68px; height:36px; line-height:36px; border-radius: 8px !important;}
.btn-default.darkblue{background:#515d7d; color:#fff}
.btn-pageTop{width:79px; height:40px; border:solid 1px #eee;border-radius:100px; font-size:16px; color:#444; font-weight:700; box-shadow:0 0 8px #f1f1f1; }
.btn-iconTop{width:40px; height:40px; background:#fff url('/images/icon_32_go_to_top.svg') no-repeat 50%; border-radius:50%; box-shadow:0 2px 4px rgba(0 0 0 / 33%)}

.btn-formround.Fullbt{width:100%; height:54px;border-radius:8px; font-size:16px;}
.btn-formround.Fullbt.light-blue{color:#fff}
.btn-formround.Fullbt.disabled{background: #eee;color: #bbb;}
.btn-formround.typesm{width:100%;height:36px;border-radius:6px;font-size:14px}
.btn-typetext.blue{color:#4373f4; text-decoration: underline;}
.btn-typetext.grey{color:#888; text-decoration: underline;}
.btn-typetext.grey2{color:#444 !important; text-decoration: underline !important;}
.sortingList .btn-typetext.grey2.calender{position:absolute;top:4px;right:0}
.sortingList.offbg .btn-typetext.grey2.calender{top:40px}
.btn-typetext.arrowbullet:after{width:6px; height:6px;}
.btn-changeType{width:43px; border:solid 1px #e0e0e0; border-radius:4px !important;}
.btn-changeType:before{content:""; display:inline-block; width:16px; height:16px;background:url('/images/icon_16_change.svg') no-repeat 0 0/16px; vertical-align: middle;color:#444}
.btn-fold{position: relative; margin-left:16px;}
.btn-fold:before{content:""; display:block; width:1px;height:14px; background: #e0e0e0; position: absolute; left:-8px; top:4px;}
.btn-fold.arrowbullet:after{position: relative;top:-2px; border-color: #444444; width:12px; height:12px}
.btn-plus{background:url('/images/icon_24_plus_add.svg') no-repeat center center/24px}
.btn-icon{width:24px; height:24px; background:url('/images/icon_24_info-type1.svg')}
.btn-morelist{width:100%;height:48px; border-radius:8px; background:#f5f5f5; line-height:48px;}
.btn-morelist.bge6ebf5{background:#e6ebf5;}
.btn-morelist.arrowbullet:after{width:8px; height:8px;margin-left:5px; border-color:#444; vertical-align:middle;}
.btn-morelist.arrowbullet.down:after{margin-top:-8px}
.btn-registcard{width:56px; height:56px; border:dashed 1px #e0e0e0; border-radius:50%; margin:0 auto; font-size:28px; color:#888888}
.btn-pickplay{width:48px; height:48px; background:url('/images/icon_48_news_play.svg') no-repeat center/ 100%;}
.btn-infohelp{ background:url('/images/icon_16_info.svg') no-repeat 50% 50% / 16px; position: relative; top:-2px;margin-left:3px}
.btn-infohelp.gray{opacity:.7;}
.btn-infotxt .btn-infohelp, .source.sm .btn-infohelp{top:-1px;}
.btn.sm{min-width: 16px; min-height: 16px;}
.btn-budget{font-size: 16px; color:#4373f4;font-weight:700; padding-right:13px;}
.btn-budget:after {content: ""; display: inline-block; width: 10px;height: 10px;transform: rotate(135deg);border-width: 1px 1px 0 0;border-style: solid; border-color: #444;position: relative; top:-3px; right:-8px}
.btn-budget.active:after{transform:rotate(-45deg); top:1px}
.btn-moretalklist{height:56px; line-height:56px; font-size:16px; width:100%; text-align: center; border-top:solid 1px #eee; border-radius:0;}
.btn-rodeview{width:80px; min-height:30px; line-height:30px;border:solid 1px #e0e0e0; border-radius:6px; vertical-align: middle;}
.btn-rodeview::before{content:""; display:inline-block; width:24px; height:24px;background:url('/images/icon_24_roadview_nor.svg') no-repeat left center; vertical-align: middle; position: relative; top:-2px}
.btn-storemap{color:#4373f4;text-decoration:underline; min-height:22px; line-height:22px; border:none}
.btn-serviceitem{width:100%;height:56px;font-size:16px;border-bottom:1px solid #eee;background:url('/images/icon_24_plus_add.svg') no-repeat 100% 50%;text-align:left;border-radius:0}
.btn-choice{position:relative; height:22px; line-height:22px; padding:0 22px 0 6px; color:#444;}
.btn-choice:after{content: "";display: inline-block;width: 0;height: 0;position: absolute;top:calc(50% + 3px);right:8px;transform:translateY(-50%); border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 6px solid transparent; border-top: 6px solid #444;}
.btn-choice.fill{height:auto; padding:7px 28px 7px 12px; background-color:#f5f5f5; border-radius:6px;}
.btn-choice.fill:after{right:14px}
.btn-changeNew{width:43px; height:24px; padding-left:16px;  line-height:24px; border:solid 1px #e0e0e0; font-size:14px; border-radius:4px;position: relative;}
.btn-changeNew:before{content:"";width:16px; height:16px; background:url('/images/icon_16_change_new.svg'); position: absolute; left:5px; top:3px;}
.btn-changeNew.auto{width:auto;padding:0 6px 0 24px}
.btn-changeplus{position:relative;width:auto;height:24px;line-height:24px;padding:0 6px 0 24px; border:solid 1px #e0e0e0; font-size:14px; border-radius:4px;}
.btn-changeplus:before{content:"";width:16px; height:16px; background:url('/images/icon_16_plus.svg'); position: absolute; left:5px; top:3px;}
.btn-navi{height:34px; padding:0 10px;line-height:32px; border-radius:32px; font-size:16px;}
.btn-navi:hover{background-color:#eee;}
.btn-navi.active{background:#4373f4; color:#fff}
.btn-navi.line{width:auto !important; margin-right:8px; border:1px solid #eee; font-size:14px; border-radius:20px;}
.btn-navi.line.active{border-color:#4373f4}
.btn-navi .num{color:#4373f4}
.btn-navi.active .num{color:#fff}
.btn-navigo{padding-right:20px; background:url('/images/icon_16_open.svg') no-repeat 100% 50%; font-size:16px; font-weight:700; color:#4373f4;}
.btn-iconhelp{min-width:16px; min-height:16px; background:url('/images/icon_16_info_pop.svg') no-repeat 0 0/16px;}
.btn-like:before{content:"";background:url('/images/icon_24_like_unselected.svg') no-repeat }
.btn-like.active:before{background:url('/images/icon_24_like_selected.svg') no-repeat}
.btn-talk:before{content:"";background:url('/images/icon_24_danji_talk_line.svg') no-repeat }
.btn-imgfilter{border:solid 1px #ddd; border-radius:20px; min-width:50px; height:40px; line-height:38px; color:#26282c; padding:0 12px; position: relative;color:#888}
.btn-imgfilter:hover{background:#f1f1f1}
.btn-imgfilter.active{font-weight:500; background:#fff;color:#26282c}
.btn-imgfilter:active {background:#f1f1f1;font-weight:500;}
.btn-imgfilter + .btn-imgfilter{margin-left:8px}
.btn-imgfilter.bullet{padding-right:25px;}
.btn-imgfilter.bullet:after{content:""; display:block;width: 6px;height: 6px;margin-left: 10px;border-width: 1px 1px 0 0; border-color: #888; border-style: solid;transform: rotate(135deg); position: absolute; right:10px; top:13px; }
.btn-imgfilter.bullet.active:after{ border-color: #1e1e1e; }
.btn-imgfilter.bullet.active{color:#26282c}
.btn-imgfilter.bullet.disabled{color:#b2b2b2;background:#f1f1f1; border-color:#dddddd}
.btn-imgfilter.bullet.disabled:after{border-color:#b2b2b2}
.btn-formdefault{width:100%;height:54px;border-radius:8px;font-size:16px;font-weight:700;background:#eee;color:#bbb !important;}
.btn-formdefault.blue{background-color:#4373f4;color:#fff !important}
.btn-formdefault.navy{background-color:#515d7d;color:#fff !important}
.btn-print{width:103px; height:40px; background:url('/images/btn-print.svg') no-repeat center center; border-color:#bbbbbb; border-radius:100px; float: right;}
.arrBullet:after{content: "";display: inline-block;margin: 4px; width:12px;height: 12px;border-width: 1px 1px 0 0; border-style: solid;border-color: #666;transform: rotate(135deg); position: absolute; right:16px; top:16px}
.btn-select.type1{border-color:#bbbbbb; width:100%; height:52px;border-radius:8px; color:#444444; font-size:16px; margin-top:12px}
.btn-select.type1.half{width:49%;}
.btn-select.type1:after{content: "";display: inline-block;margin: 4px; width: 8px;height: 8px;border-width: 1px 1px 0 0; border-style: solid;border-color: #666;transform: rotate(135deg);}
.btn-godanji{height:32px; border-radius:8px !important; background-color:#f1f1f1; margin-top:16px; padding:0 12px}
.btn-saletype{border-radius:6px; border:solid 1px transparent; background-color:#f5f5f5; color:#888; min-width:70px; height:36px; line-height:34px;}
.btn-saletype:hover{background-color:#e0e0e0;}
.btn-saletype.active{border-color:#444; background-color:#fff; color:#444; font-weight:700;}
.btn-reflash{width:76px; height:32px; border-radius:8px; background:#f1f1f1; margin-top:16px;}
.btn-reflash:focus{background:#b2b2b2}
.btn-reflash.type2{width:90px; height:30px; padding-left:25px; border-radius:6px; border:1px solid #e0e0e0; background:transparent url('/images/icon_24_reset.svg') no-repeat 3px 50%;}
.btn-reflash:focus{border-color:#888; background-color:#f5f5f5;}
.btn-underline{color:#888; text-decoration: underline;}
.btn-underline:hover{color:#888; text-decoration: underline;}
.userWrap .btn-underline{color:#888}
.btn-typeselect{display:block; font-size:16px; color:#444;  width:100%; height:56px; text-align: left; border-radius:0;padding:0 16px;position: relative;}
.btn-typeselect:after{content:""; display:block; width:calc(100% - 32px); height:1px; background:#f5f5f5;position: absolute; left:16px; bottom:-1px}
.btn-typeselect.active{display:block; font-size:16px; color:#4373f4; font-weight:700; background: url('/images/check_small_blue.svg') no-repeat calc(100% - 16px) 50% / 24px auto #f5f5f5;}
.btn-addlist{display:block; width:100%; height:46px; background:#fff; border-radius:12px;}
.btn-addlist:before{content:""; display:inline-block; vertical-align:middle; width:16px; height:16px; margin:-2px 4px 0 0; background:url('/images/icon_16_plus.svg') no-repeat;}
.btn-check{padding:4px 12px; border:1px solid #eee; border-radius:4px;}
.btn-check.active{border-color:#4373f4; background-color:#4373f4; color:#fff}
.btn-rounded{padding:12px 5px; border:1px solid #eee; font-size:16px; line-height:22px; border-radius:12px}
.btn-rounded > *{display:block;}
.btn-24-calculator{display:block;width:24px;height:24px;background:url('/images/icon_24_navi_interest.png') no-repeat 0 0 / 24px auto}

.renewWrap .btn-select{padding-right:30px; border-color:#eee}
.renewWrap .btn-select.arrowbullet.up{background-color:#f5f5f5}
.renewWrap .btn-select.arrowbullet:after{width:9px; height:9px; border-color:#444;}
.renewWrap .btn-select.arrowbullet.down:after{top:7px}

.renewPage .btngroup{display:flex;}a
                                   .layerselwrap .btngroup{margin:20px 0; padding:0 16px}
.layerselwrap .btn-rounded{flex:1; box-shadow:0 2px 4px rgb(0 0 0 / 8%)}
.layerselwrap .btn-rounded + .btn-rounded{margin-left:8px}

.linktext{color:#4373f4; text-decoration: underline; cursor: pointer;}

/* 텍스트 컬러 */
.text-4373f4{color:#4373f4 !important}
.text-1549ad{color:#1549ad !important}
.text-ffaf00{color:#ffaf00!important}
.text-f54f1b{color:#f54f1b!important}
.text-6ca4ff{color:#6ca4ff!important}
.text-515d7d{color:#515d7d!important}
.text-3bb120{color:#3bb120 !important}
.text-black{color: #444!important}
.text-grey{color:#888 !important}
.text-9969ff{color:#9969ff !important}
.text-517ad6{color:#517ad6 !important}
.text-grey2{color:#222 !important}
.text-bbb{color:#bbb !important}
.text-ffc93e{color:#ffc93e !important}
.text-8936e0{color:#8936e0 !important}
.text-69b2b2{color:#69b2b2 !important}
.text-1e1e1e{color:#1e1e1e !important}
.text-009ab0{color:#009ab0 !important}

.list-numbers p{position:relative;text-align:left;padding-left:20px;margin-top:12px}
.list-numbers p:before{content:"";position:absolute;top:0;left:0}
.list-numbers p:first-child{margin:0}
.list-numbers p:nth-child(1):before{content:"①"}
.list-numbers p:nth-child(2):before{content:"②"}
.list-numbers p:nth-child(3):before{content:"③"}
.list-numbers p:nth-child(4):before{content:"④"}
.list-numbers p:nth-child(5):before{content:"⑤"}

/* 이미지 아이콘 */
.iconhoney:before{content:""; display:inline-block; vertical-align:top; width:24px; height:24px; background:url('/images/icon_24_notice_sales_yellow.svg')}
.iconkb:before{content:""; display:inline-block; vertical-align:middle; width:16px; height:16px; background:url('/images/icon_16_k_bsymbol.svg')}
.iconkb.lite:before{width:24px; height:24px; background:url('/images/icon_24_profile_lite.png') no-repeat 0 0 / 24px auto}
*[class*=""].iconhoney:before{margin-right:6px}
.iconimg:before{content:""; display:inline-block; vertical-align:middle; background:no-repeat center;}
.iconkepco:before{width:24px; height:24px; margin:-2px 4px 0 0; background-image:url("/images/icon_24_kepco_light.svg")}
.iconlock:before{width:32px; height:32px; margin-top:-3px; background-image:url("/images/icon_32_lock.svg")}
.iconElectronic{display:inline-block;position:relative;color:#7C43F5;font-size:14px;padding-left:18px;font-weight:700;margin-bottom:2px}
.iconElectronic:before{content:"";width:16px;height:16px;position:absolute;top:50%;left:0;margin-top:-8px;background:url('/images/icon-16-electronic-contract.svg') no-repeat 0 0/100% auto}
.iconElectronic + .cleanhouse, .cleanhouse + .iconElectronic{margin-left:8px}
.cleanhouse + .iconElectronic{position:relative;top:-2px}
.saleNameinfo .iconElectronic:before{width:20px;height:20px;margin-top:-10px}

/* 리스트 삭제 편집 */
.settingedit{text-align: left; margin-bottom:12px}
.settingedit.delmode > span{text-decoration: underline; cursor: pointer;}
.settingedit .editbtns{float:right}
.settingedit .editbtns{float:right}



/* 소팅 라디오 체크 */
.sortingbtns{position: relative;}
.sortingbtns .btn-group-toggle{display:block; flex-wrap: wrap; padding:24px 35px 13px 16px; text-align: left;}
.sortingbtns .btn-group-toggle .btn-secondary{display:inline-block;min-width:53px; height:34px; line-height:34px; background:#f5f5f5;color:#444; border-radius:32px !important; margin:0 8px 12px 0;
    font-size:16px;}
.alarmbanner + .sortingbtns.disabled .btn-group-toggle .btn-secondary, .alarmbanner + .sortingbtns.disabled .btn-group-toggle .btn-secondary.active{color:#bbb;background:#f5f5f5}
.sortingbtns .btn-group-toggle .btn-secondary:not(:disabled):not(.disabled).active{background:#4373f4; color:#fff !important; border:none !important}
.alarmbanner + .sortingbtns .btn-sotingmore{top:8px}
.sortingbtns .btn-sotingmore{width:34px; height:34px;border:solid 1px #eee; border-radius:50%;position: absolute; right:16px; top:24px; z-index: 9; background-color:#fff;}
.sortingbtns .btn-sotingmore:after{position: relative; top:-2px; border-color:#444444}
.sortingbtns .btn-sotingmore.up:after{top:3px}
.sortingbtns.hidden{width:100%; overflow: hidden;}
.sortingbtns.hidden .btn-group-toggle{display:flex; flex-wrap: nowrap; width: max-content;}

/* 블릿 */
.arrowbullet:after {display: inline-block;content: "";width: 10px;height: 10px;border-width: 1px 1px 0 0;border-style: solid;border-color: #888;border-radius:0;}
.arrowbullet.down:after{transform: rotate(135deg);}
.arrowbullet.up:after{transform:rotate(-45deg); }
.arrowbullet.left:after{transform:rotate(48deg); }
.arrowbullet.smbul:after{width:7px;height:7px;position:relative;top:-2px}
.btn-arrowbullet-black:after{position: relative;top: -2.5px;display: inline-block;content: "";width: 7px;height: 7px;border-width: 1px 1px 0 0;border-style: solid;border-color: #444;border-radius:0;transform:rotate(48deg);margin-left:2px}

/* 슬릭 공통 dots */
.renewSlick .slick-dots > li{width:5px !important; height:5px !important; background:#e0e0e0; margin-left:8px}
.renewSlick .slick-dots > li.slick-active{background:#4373f4 }


/* 공통팝업 */
.renewModal{font-family:'Spoqa Han Sans Neo', sans-serif;color:#444}
.renewModal .vm--modal, .renewModal .wh-layer{border-radius:16px}
.renewModal .type-btns .btn-formround{width:100%;height:48px;border-radius:8px;font-size:16px;background-color:#eee; color:#bbb}
.renewModal .type-btns .btn-underline{margin-top:12px}
.renewModal .type-btns.type-flex { display:flex;  }
.renewModal .type-btns.type-flex .btn { flex:1; margin-top:0; }
.renewModal .type-btns.type-flex .btn + .btn { margin-left:8px; }
.renewModal .type-btns.type-flex .btn.sm{flex:none;width:76px}
.renewModal .type-btns .scrollbar-outer{margin-right:-10px;}
.renewModal .type-btns .scroll-wrapper > .scroll-content{padding-right:10px;}
.renewModal .btn-formround + .btn-formround{margin-top:8px}
.renewModal .btn-formround.disabled{background-color:#eee; color:#bbb;}
.renewModal .type-flex .btn-formround + .btn-formround{margin:0}
.renewModal .btn-formround .sub:after{content:""; display:inline-block; vertical-align:middle; width:1px; height:16px; margin:-4px 8px 0 8px; background:#eee;}
.renewModal .btn-close{position:absolute;right:16px;top:16px;background:url('/images/icon_16_close_black.svg') no-repeat 50% 50% / 20px auto}
.renewModal .pageHead  .btn-close{background-size:24px auto}
.renewModal .tx-red{color:#f54f1b}
.renewModal .tx-red strong{text-decoration:underline}
.renewModal .tx-blue{color:#4373f4}
.renewModal .type-nomal{text-align:center;font-size:16px}
.renewModal .type-btm{position:relative;border-top:1px solid #eee}
.renewModal .stext{color:#888;font-size:14px}
.renewModal .callimg{display:flex;align-items:center;text-align:left;padding:40px 0 16px}
.renewModal .callimg .img{width:64px;margin-right:16px}
.renewModal .callimg.sm .img{flex-shrink:0;width:48px}
.renewModal .img img{width:100%}
.renewModal .imgtext p{color:#888;font-size:14px}
.renewModal .chktype{display:flex;align-items:center;padding:8px 0 32px}
.renewModal .chkWrap{margin-left:auto}
.renewModal .chkWrap.sm{margin:0}
.renewModal .calltext{padding:16px 0 40px;text-align:center}
.renewModal .calltext.sm{padding-bottom:16px}
.renewModal .calltext > * + *{margin-top:4px}
.renewModal .signBox{display:inline-block; padding:9px 16px; border:1px solid #e0e0e0; font-size:16px; border-radius:8px;}
.renewModal * + .signBox{margin-top:10px}
.renewModal .type-nomal .text{padding:32px 0 40px;text-align:center}
.renewModal .type-nomal .text .text{padding:0}
.renewModal .type-nomal .text .subtext{display: block; color:#888888;font-size:14px;}
.renewModal .type-nomal .text .pointtext{color:#4373f4}
.renewModal .chkWrap .custom-control-label{width:32px;height:32px;padding:0}
.renewModal .chkWrap .custom-control-label::before{display:none}
.renewModal .chkWrap.square .custom-control-label::after{width:32px;height:32px;border-radius:16px;background-color:#fff;border:1px solid #888;transition: .3s;background-image:none}
.renewModal .chkWrap.square .custom-checkbox .custom-control-input:checked + .custom-control-label::after{background-color:#4373f4;background-image:url('/images/property_1_l_property_2_default.svg');background-size:20px !important;background-position:50% 50%}
.renewModal .chkWrap.square .custom-checkbox .custom-control-input:checked:disabled + .custom-control-label::after{background-color:#eee; background-image:url('/images/property_1_l_property_2_default.svg');background-size:20px !important;background-position:50% 50%}
.renewModal .btn-formround.line-gray {border:1px solid #bbb;color:#444;background-color:transparent}
.renewModal.alarm .wh-layer{padding:16px 0}
.renewModal.blur .vm--overlay{background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px)}
.renewModal.blur .vm--modal{border-radius:8px;box-shadow:none}
.renewModal .btn-textblue{color:#4373f4;font-size:14px;margin-top:8px;border:0}
.renewModal .txleft{text-align:left !important;}
.renewModal .type-nomal .text.txleft{letter-spacing:-.7px}
.renewModal .tittext{font-size:18px;font-weight:700}
.renewModal .type-btns {text-align:center}
.renewModal .userWrap .noti-wrap{padding-top:0}
.renewModal.pd0 .wh-layer{padding:16px 0}
.renewModal.pd0 .userWrap, .renewModal.pd0 .type-btns{padding:0 16px}
.renewModal .type-btns .btn-formtext{position:relative;margin:16px 0 0;color:#444;font-size:16px}
.renewModal .type-btns .btn-formtext:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:1px;background:#444}
.renewModal .type-btns .btn-formround.navy, .renewModal .type-btns .btn-formround.bg-navy{background: #515d7d;color:#fff;}
.renewModal.callInfoAgent .contbox{margin:0 -4px; letter-spacing:-.6px;}
.renewModal .type-btns .btn-formtext.text-grey:after{background-color:#888}
.renewiframeWrap .type-nomal{height: calc(100% - 60px)}
.modalLayerbot .type-btns{margin:16px 16px 0;text-align:center}
.modalLayerbot .type-btns .btn-formround{width:100%;height:48px;border-radius:8px;font-size:16px;background-color:#eee; color:#bbb}
.modalLayerbot .type-btns .btn-underline{margin-top:12px}
.modalLayerbot .type-btns.type-flex { display:flex; flex-wrap:wrap }
.modalLayerbot .type-btns.type-flex .btn { flex:1; margin-top:0; }
.modalLayerbot .type-btns.type-flex .btn + .btn { margin-left:8px; }
.modalLayerbot .type-btns.type-flex  .btn-underline{flex:none;width:100%;margin:12px 0 0 0}
.modalLayerbot .btn-formround.disabled{background-color:#eee; color:#bbb;}
.modalLayerbot .type-btns .btn-formround.navy, .modalLayerbot .type-btns .btn-formround.bg-navy{background: #515d7d;color:#fff;}
.modalLayerbot .btn-formround.line-gray {border:1px solid #bbb;color:#444;background-color:transparent}
.modalLayerbot .type-btns .btn-underline{margin-top:12px}

.renewWrap .chkWrap.sm .custom-control-label{width:auto; height:auto; padding-left:24px; font-size:14px; font-weight:400; line-height:22px;}
.renewWrap .chkWrap.sm .custom-control-label::after{width:20px; height:20px; background-size:16px !important}
.renewModal .chkWrap.sm .custom-control-label::after{width:20px; height:20px; background-size:16px !important}
.renewWrap .chkWrap.sm.square .custom-control-label{padding-left:28px}
.renewWrap .chkWrap.sm.square .custom-control-label::after{border-radius:4px;background-size:24px !important}
.renewPage .chkWrap.sm .custom-control-label{width:auto; height:auto; padding-left:24px; font-size:14px; font-weight:400; line-height:22px;}
.renewPage .chkWrap.sm .custom-control-label::after{width:20px; height:20px; background-size:16px !important}
.renewPage .chkWrap.sm.square .custom-control-label{padding-left:28px}
.renewPage .chkWrap.sm.square .custom-control-label::after{border-radius:4px;background-size:24px !important}
.renewPage .chkWrap.sm.square .custom-control-label .txleft{position:absolute;left:-56px}
.renewPage .chkWrap.sm.square.line .custom-control-label::after{background:transparent;border:1px solid #888;transition:none}
.renewPage .chkWrap.sm.square.line .custom-checkbox .custom-control-input:checked + .custom-control-label::after{background-color: #4373f4;background-image: url(/images/property_1_l_property_2_default.svg);background-size: 24px;background-position: 50% 50%;border:0;}
.renewPage .chkWrap.sm.square.line .custom-control-input:disabled + .custom-control-label::after{border:0;background-color: #eee;background-image: url('/images/property_1_l_property_2_default.svg');background-size: 24px;background-position: 50% 50%;}
.renewPage .chkWrap.sm.square.line .custom-control-input:disabled + .custom-control-label{color:#b2b2b2}

/* 통합검색 */
.searchNew .search-area{position:relative; position:-webkit-sticky; position:sticky;left:0;top:0;z-index:10;width:100%;height:56px;background:#fff;border-bottom:1px solid #eee}
.searchNew .search-area .btn-pageback{position:absolute;top:16px;left:16px;background:url(/images/icon_24_navi_arrow.svg) no-repeat 0 0 / 24px auto;}
.searchNew .search-area .inner{width:calc(100% - 60px);margin-left:60px; position: relative;}
.searchNew .search-area .inner.full{width:calc(100% - 40px);margin-left:40px;}
.searchNew .search-section{position:relative;padding:0}
.searchNew .search-section + .search-section{margin-top:16px}
.searchNew .search-section + .search-section:before{display:none}
.searchNew .form-control.is-valid,
.searchNew .was-validated .form-control:invalid,
.searchNew .form-control.is-invalid,
.searchNew .form-control.is-valid:focus,
.searchNew .was-validated .form-control:invalid:focus,
.searchNew .form-control.is-invalid:focus{padding-top:10px;border:0}
.searchNew .inner:after{content:""; display:block; width:16px; height:16px;background:url(/images/icon_16_search.svg) no-repeat 0 0px; position: absolute; left:-18px; top:21px}
.searchNew .inner.focus:after{display:none}
.searchNew .btn-txtDel{position:absolute;top:18px;right:18px;background:url(/images/icon_24_clear.svg) no-repeat 0 0 / 24px auto}
.searchNew .tabs > div:nth-of-type(1){ position:sticky;left:0;top:56px;z-index:10;width:100%;background:#fff;border-top:8px solid #f5f5f5}
.searchNew .tabs{border-radius:0; padding:0; margin:0;box-shadow: none;}
.searchNew .tabs .card-header{padding:16px 0 0 0}
.searchNew .tabs .nav-item{height:48px;line-height:48px; position:static;}
.searchNew .tabs .nav-link{width:calc(100% - 32px);height:48px;border-bottom:0;color:#444}
.searchNew .tabs .nav-link.active{color:#4373f4;}
.searchNew  .tabs .nav-tabs .nav-link{position: static;}
.address-step{padding-top:55px;}
.address-section .step{ position: fixed; left: 0;top: 113px;background: #fff;z-index: 9;width: 100%; max-width:448px;}
.pagewrap .address-section .step{max-width:423px}
.tabs.type2 .address-section .step{top:168px}
.NewComplexSearchPage .pageHead{z-index:9997}
.NewComplexSearchPage .pageHead + .search-area{top:56px}
.NewComplexSearchPage .pageHead + .search-area + .card-body .tabs > div:nth-of-type(1){top:112px}
.NewComplexSearchPage .pageHead + .search-area + .card-body .tabs.type2 .address-section .step{position:sticky;top:169px}
.NewComplexSearchPage .pageHead + .search-area + .card-body .address-step,
.NewComplexSearchPage .pageHead + .search-area + .card-body .address-item{padding-top:0}
.NewComplexSearchPage .pageHead + .search-area + .card-body .tabs.type2 .quicksort{top:169px}
.NewComplexSearchPage .pageHead + .search-area + .searchResultWrap .search-viewnav{top:112px}
.tabs.type2 .quicksort{top:168px}
.tabs.type2 .textBanner{width:calc(100% - 72px);margin:48px 16px 0}
.tabs.type2 .nodatabox{padding:124px 16px 80px}
.searchNew .nodatabox .linktext,
.myhomeCont .nodatabox .linktext{font-weight:700;text-decoration:underline;color:#4373f4}
.anibtn.tabs .nav-tabs .nav-link:after{content:""; display:block;width:50%;  height:3px; transition:all .3s cubic-bezier(0.25, 0.25, 0.75, 0.75);position: absolute; left:0; bottom:0;}
.anibtn.tabs .nav-tabs .nav-link.active:after{ background:#4373f4;width:50%;}
.anibtn.tabs .nav-tabs .nav-item:nth-of-type(1) .nav-link.active:after{transform: translateX(0);}
.anibtn.tabs .nav-tabs .nav-item:nth-of-type(2) .nav-link.active:after{transform: translateX(100%);}
.anibtn.tabwrap .itemwrap li span:after{content:""; display:block;width:33%;  height:3px; transition:all .3s cubic-bezier(0.25, 0.25, 0.75, 0.75);position: absolute; left:0; bottom:0;}
.anibtn.tabwrap .itemwrap li.active span:after{ background:#4373f4;width:33%;}
.anibtn.tabwrap .itemwrap li:nth-of-type(1).active span:after{transform: translateX(0);}
.anibtn.tabwrap .itemwrap li:nth-of-type(2).active span:after{transform: translateX(100%);}
.anibtn.tabwrap .itemwrap li:nth-of-type(3) span:after{transform: translateX(100%);}
.anibtn.tabwrap .itemwrap li:nth-of-type(3).active span:after{transform: translateX(200%);}

.searchNew .btn_pos{z-index:1;bottom:24px}
.searchNew .btn_pos .btn-movemap{padding:11px 16px 11px 48px;background:url(/images/icon_24_map.svg) no-repeat 16px 50% /24px auto #fff;box-shadow: 0 4px 10px rgb(0 0 0 / 10%);border-radius:22px;font-size:14px;font-weight:700;color:#444}
.often-section{position:relative;padding:0 16px}
.often-section h2, .latest-section h2{padding-top:20px;line-height:26px;font-size:18px;font-weight:700;color:#444}
.latest-section{position:relative}
.latest-section h2{padding:0 16px;margin-top:20px}
.often-items{display:flex;flex-wrap:wrap;max-height:58px;overflow:hidden;margin:4px -4px 0; transition: .3s; transition-delay: .3s;}
.searchNew .often-items{max-height:140px;transition:none}
.searchNew .anibtn.tabs .nav-tabs .nav-link:after{transition:all .1s cubic-bezier(.66,0,.35,.8);}
.often-items.active{max-height:max-content}
.often-items .item{flex: 0 0 auto;align-content:flex-start;height:34px;line-height:34px;margin:12px 4px 0;padding:0 12px;background:#f5f5f5;border-radius:16px;color:#444;font-size:16px}
.often-items .item em{display:inline-block;line-height:34px;vertical-align:top;padding-right:6px;font-size:12px;color:#888}
.btn-itemmore{width:100%;height:56px;font-size:14px;color:#444}
.btn-itemmore span{position:relative;display:inline-block;margin-left:-20px}
.btn-itemmore span:after{position:relative;top:-3px;right:-8px;content:"";display:inline-block;width:10px;height:10px;transform:rotate(135deg);border-width:1px 1px 0 0;border-style:solid;border-color:#444;}
.btn-itemdel{position:absolute;top:0;right:16px;color:#4373f4;text-decoration:underline;z-index:1}
.btn-itemmore.active span:after{top:1px;transform: rotate(-44deg); }

/* 최근검색 아이콘 */
.search-items{margin-top:8px}
.address-step .search-items{width:calc(100% - 37px);padding-left:16px}
.search-items .clickarea{display:flex;flex:1;align-items:center;flex-wrap:nowrap;overflow: hidden;}
.searchNew .list-search-poi .item-search-poi .search-poi{padding:0;line-height:24px;height:32px}
.searchNew .list-search-poi .item-search-poi{overflow:hidden;display:flex;flex:1;flex-wrap:nowrap;align-items:center;height:56px;margin:0 16px;padding:0;border-bottom:1px solid #eee;text-align:left;letter-spacing:-0.5px}
.searchNew .list-search-poi .item-search-poi > div{padding:0}
.searchNew .list-search-poi .item-search-poi .ico-poi{width:auto;height:auto;width:58px;flex-shrink:0;font-size:12px;font-weight:700;background:none}
.searchNew .list-search-poi .item-search-poi .ico-poi.ico-search{position:relative;height:32px;font-size:0}
.searchNew .list-search-poi .item-search-poi .ico-poi.ico-search:before{content:"";position:absolute;top:1px;left:1px;font-size:0;clip: initial;text-indent:-9999px;width:31px;height:31px;border-radius:50%;background:url(/images/icon_16_search_black.svg) no-repeat 50% 50% /16px auto #f5f5f5}
.searchNew .list-search-poi .item-search-poi .ico-poi.ico-location{position:relative;height:32px;font-size:0}
.searchNew .list-search-poi .item-search-poi .ico-poi.ico-location:before{content:"";position:absolute;top:0;left:0;font-size:0;clip: initial;text-indent:-9999px;width:32px;height:32px;border-radius:50%;background:url(/images/icon_32_location.svg) no-repeat 50% 50% /32px auto}
.searchNew .list-search-poi .item-search-poi .ico-poi.ico-subway{position:relative;height:32px;font-size:0}
.searchNew .list-search-poi .item-search-poi .ico-poi.ico-subway:before{content:"";position:absolute;top:0;left:0;font-size:0;clip: initial;text-indent:-9999px;width:32px;height:32px;border-radius:50%;background:url(/images/icon_32_subway.svg) no-repeat 50% 50% /32px auto}
.searchNew .list-search-poi .item-search-poi .ico-poi.ico-school{position:relative;height:32px;font-size:0}
.searchNew .list-search-poi .item-search-poi .ico-poi.ico-school:before{content:"";position:absolute;top:0;left:0;font-size:0;clip: initial;text-indent:-9999px;width:32px;height:32px;border-radius:50%;background:url(/images/icon_32_school.svg) no-repeat 50% 50% /32px auto}
.searchNew .list-search-poi .item-search-poi .text{font-size:16px;padding:0 8px 0 0}
.searchNew .list-search-poi .item-search-poi .date{color:#888;line-height:24px}
.searchNew .list-search-poi .item-search-poi .r-append{max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:12px}
.searchNew .list-search-poi .btn-close{background-image:url(/images/icon_16_close_black.svg);background-size:16px;margin-left:16px}
.searchNew .nav-tittext{display:block;width:100%;text-align:left;padding:0 16px;font-size:18px;color:#444}
.searchNew .address-section .item-search-poi.typeauto{width:calc(100% - 32px)}
.searchNew .list-search-poi .item-search-poi.typeauto .search-poi{height:auto}
.searchNew .list-search-poi .item-search-poi.typeauto .search-poi .text{white-space:normal;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.searchNew .list-search-poi .item-search-poi.typeauto .r-append{max-width:fit-content}
/* 지하철 노선별 컬러*/
.searchNew .search-poi .line1{color:#263c96}
.searchNew .search-poi .line2{color:#3cb449}
.searchNew .search-poi .line3{color:#f06e00}
.searchNew .search-poi .line4{color:#2c9ede}
.searchNew .search-poi .line5{color:#8936e0}
.searchNew .search-poi .line6{color:#b5500b}
.searchNew .search-poi .line7{color:#697215}
.searchNew .search-poi .line8{color:#e51e6e}
.searchNew .search-poi .line9{color:#d1a62c}
.searchNew .search-poi .line10{color:#eba801}
.searchNew .search-poi .line11{color:#73b6e4}
.searchNew .search-poi .line12{color:#ee8d4a}
.searchNew .search-poi .line13{color:#7cc4a5}
.searchNew .search-poi .line14{color:#77c371}
.searchNew .search-poi .line15{color:#09ac79}
.searchNew .search-poi .line16{color:#a71e31}
.searchNew .search-poi .line17{color:#ff9d27}
.searchNew .search-poi .line18{color:#2673f2}
.searchNew .search-poi .line19{color:#c6c100}
.searchNew .search-poi .line20{color:#8bc53f}
.searchNew .search-poi .line21{color:#96710a}
.searchNew .search-poi .line22{color:#6f99d0}
.searchNew .search-poi .line23{color:#f4ab3e}
.searchNew .search-poi .line1.busan{color:#f06e00}
.searchNew .search-poi .line2.busan{color:#3cb449}
.searchNew .search-poi .line3.busan{color:#d1a62c}
.searchNew .search-poi .line4.busan{color:#426fb5}
.searchNew .search-poi .line5.busan{color:#a3c3e2}
.searchNew .search-poi .line6.busan{color:#80499c}
.searchNew .search-poi .line1.daegu{color:#f06e00}
.searchNew .search-poi .line2.daegu{color:#3cb449}
.searchNew .search-poi .line3.daegu{color:#fec057}
.searchNew .search-poi .line1.gwangju{color:#3cb449}
.searchNew .nodata{padding:80px 0;font-size:16px;color:#444}
.searchNew .nodata p{color:#888;font-size:14px;}
.search-items .text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;padding:0 8px;font-size:16px}

/* 주소로찾기 */
.address-item{padding:60px 10px 0 10px}
.address-item .btn-group-toggle{display: flex;flex-wrap: wrap;width: 100%;align-items:center;justify-content:flex-start;}
.address-item .btn-group-toggle .btn-secondary{height:50px;min-width: calc((100% / 3 - 12px) );max-width: calc((100% / 3 - 12px));border-radius:8px !important;margin:6px;letter-spacing: -.5px;background:#f5f5f5;color:#444;font-size:16px}
.address-item .btn-group-toggle .btn-secondary.fts12{padding:0}
.address-item .btn-group-toggle .btn-secondary.active{background:#4373f4;color:#fff !important;font-weight:700;border:0}
.address-item .btn-group-toggle .btn-secondary.full{min-width:calc(100% - 12px);max-width:calc(100% - 12px)}
.address-item.pd0{padding:18px 10px 0 !important}
.address-section{position:relative; margin-bottom:44px}
.address-section .item-search-poi{width:calc(100% - 52px)}
.address-section .step{padding:18px 16px;text-align:left}
.address-section .step span{position:relative;font-size:16px;color:#bbb;padding:0 24px 0 0}
.address-section .step span.active{color:#444;font-weight:700}
.address-section .step span:first-child{padding:0 24px 0 30px}
.address-section .step span:first-child:before{position:absolute;top:50%;left:0;content:"";display:block;width:20px;height:20px;margin-top:-10px;background:url(/images/icon_16_search_building.svg) no-repeat 50% 50% #666;border-radius:50%}
.address-section .step span:after{position:absolute;top:8px;right:10px;content: "";display: inline-block;width: 10px;height: 10px;transform: rotate(45deg);border-width: 1px 1px 0 0;border-style: solid;border-color: #bbb;}
.address-section .step span.active:after{border-color:#444}
.address-section .step span:last-child:after{display:none}
.MyHomeRegionSelectPage.address-section .step{top:60px}/* 내집내집 개인화 검색영역  */
.quicksort{position:fixed;top:114px;left:auto;width:36px;height:calc(100% - 114px);border-left:1px solid #eee; z-index:99;}
.quicksort span{display:block;width:100%;height:38px;line-height:38px;color:#888;text-align:center}
.quicksort span.active{color:#4373f4;font-weight:700}
.search-viewnav{position:relative; position:-webkit-sticky; position:sticky;left:0;top:56px;height:55px;z-index:10;margin-bottom:8px;overflow:hidden;border-top:8px solid #f5f5f5;background:#fff}
.search-viewnav .nav{display: flex;flex-wrap: nowrap;width: 100%;padding-top:14px;border-bottom:2px solid #eee}
.search-viewnav .nav-item{display:inline-block;flex:none;font-size:16px}
.search-viewnav .nav-item a{color:#888}
.search-viewnav .nav-item:first-child{margin-left:16px}
.search-viewnav .nav-item.active a{color:#444;font-weight:700}
.search-viewnav .nav-item.active a span{font-weight:400}
.search-viewnav .nav-item:first-child:before{content: '';position: absolute;bottom:-2px;left: -16px;height: 2px;width:16px;background: #eee;}
.search-viewnav .nav-item:after{content: '';position: absolute;bottom:-2px;left: 0;height: 2px;width: 100%;background: #eee;}
.search-viewnav .nav-item.active:after{background:#444}
.search-viewnav .nav-link{padding:0 8px;height:24px;line-height:24px}
.searchNew .del-searchall{padding:32px 0;text-align:center;font-size:16px}
.searchResult-section .search-viewnav{height:51px;border-top:0;margin-bottom:0}

/* 검색결과 모션처리 */
.searchNew .address-step  .item-search-poi{transition: .3s;  transform: translate3d(0, -30px, 0); opacity: 0;}
.searchNew .address-step  .item-search-poi:nth-of-type(1){transition-delay: .2s;}
.searchNew .address-step  .item-search-poi:nth-of-type(2){transition-delay: .2s;}
.searchNew .address-step  .item-search-poi:nth-of-type(3){transition-delay: .2s;}
.searchNew .address-step  .item-search-poi:nth-of-type(4){transition-delay: .3s;}
.searchNew .address-step  .item-search-poi:nth-of-type(5){transition-delay: .3s;}
.searchNew .address-step  .item-search-poi:nth-of-type(6){transition-delay: .3s;}
.searchNew .address-step  .item-search-poi:nth-of-type(7){transition-delay: .4s;}
.searchNew .address-step  .item-search-poi:nth-of-type(8){transition-delay: .4s;}
.searchNew .address-step  .item-search-poi:nth-of-type(9){transition-delay: .4s;}
.searchNew .address-step  .item-search-poi:nth-of-type(10){transition-delay: .4s;}
.searchNew .address-step  .item-search-poi{transition-delay: .4s;}
.searchNew .motion.address-step  .item-search-poi{transform: translate3d(0, 0px, 0);opacity: 1;}

/* 하단 고정 네비게이션 */
.fixdnav{position:fixed;bottom:0;left:0;right:0;z-index:99999;width:100%;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -4px 8px rgb(0 0 0 / 3%)}
.fixdnav .in{display:flex;flex-wrap:wrap;width:100%;height:66px;padding:8px 0}
.fixdnav button.btn-nav{position:relative;flex: 1;width:100%;margin:0;padding-top:32px;line-height:18px;font-size:12px;text-align:center;background:#fff;transition:.3s}
.fixdnav button.btn-nav:before{position:absolute;top:0;left:50%;transform:translate(-50%, 0);content:"";display:block;width:32px;height:32px} .fixdnav button.btn-nav:before{position:absolute;top:0;left:50%;transform:translate(-50%, 0);content:"";display:block;width:32px;height:32px}
.fixdnav button.btn-nav.active{color:#4373f4;font-weight:700}
.fixdnav .btn-nav.home:before{background:url(/images/icon_32_home_nor.svg) no-repeat 0 0}
.fixdnav .btn-nav.map:before{background:url(/images/icon_32_map_nor.svg) no-repeat 0 0}
.fixdnav .btn-nav.community:before{background:url(/images/icon_32_interior_nor.svg) no-repeat 0 0}
.fixdnav .btn-nav.noti:before{background:url(/images/icon_32_noti_nor.svg) no-repeat 0 0}
.fixdnav .btn-nav.noti.new:before{background:url(/images/icon_32_noti_new_nor.svg) no-repeat 0 0}
/*.fixdnav .btn-nav.noti.new:before{display:none}*/
.fixdnav .btn-nav.menu:before{background:url(/images/icon_32_menu_nor.svg) no-repeat 0 0}
.fixdnav .btn-nav.menu.new:before{background:url(/images/icon_32_menu_new_nor.svg) no-repeat 0 0}
.fixdnav .active.btn-nav.home:before{background:url(/images/icon_32_home_act.svg) no-repeat 0 0}
.fixdnav .active.btn-nav.map:before{background:url(/images/icon_32_map_act.svg) no-repeat 0 0}
.fixdnav .active.btn-nav.community:before{background:url(/images/icon_32_interior_act.svg) no-repeat 0 0}
.fixdnav .active.btn-nav.noti:before{background:url(/images/icon_32_noti_act.svg) no-repeat 0 0}
.fixdnav .active.btn-nav.noti.new:before{background:url(/images/icon_32_noti_new_act.svg) no-repeat 0 0}
.fixdnav .active.btn-nav.menu:before{background:url(/images/icon_32_menu_act.svg) no-repeat 0 0}
.fixdnav .active.btn-nav.menu.new:before{background:url(/images/icon_32_menu_new_act.svg) no-repeat 0 0}
.fixdnav .icolottie{position:absolute;top:0;left:50%;transform: translate(-50%, 0);display:none}
.fixdnav .btn-nav.myhome:before{display:none}
.fixdnav .btn-nav.myhome .myimg{position:absolute;top:-20px;left:50%;transform: translate(-50%, 0);display:block;width:48px;height:48px;border-radius:100%;border:3px solid #eee;overflow:hidden}
.fixdnav .btn-nav.myhome .myimg img{width:100%;height: 100%;object-fit: cover;}
.fixdnav .btn-nav.myhome.active .myimg{border-color:#4373f4;background-color:#4373f4}
.fixdnav .btn-nav.myhome.new:after{position:absolute;top:-19px;left:50%;margin-left:13px;display:block;content:'';width:6px;height:6px;border-radius:100%;background:#f54f1b;border:1px solid #fff}
@media all and (min-width: 1024px) {
    .fixdnav .icolottie{ top:10px}
    .fixdnav .btn-nav.myhome .myimg{top:10px;width:36px;height:36px;border-width:2px}
    .fixdnav .btn-nav.myhome.new:after{top:10px;right:18px;left:auto}
}
.fixdnav .new .icolottie{display:block}
.fixdnav .intext{z-index:1;position:relative}
/* 커뮤니티 말풍선박스 추가 */
.fixdnav .bouncebox{position:absolute;top:8px;left:72px;z-index:100;display:flex;align-items:center;width:127px;height:62px;border-radius:8px;background: linear-gradient(99.85deg, rgba(94, 139, 255, 0.9) 18.12%, rgba(126, 146, 250, 0.9) 82.48%);color:#fff;font-weight:400;    -webkit-animation: bounce 2s infinite ease-in-out;-o-animation: bounce 1.8s infinite ease;-ms-animation: bounce 1.8s infinite ease;-moz-animation: bounce 1.8s infinite ease;animation: bounce 1.8s infinite ease;box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);text-align:left;padding:8px}
.fixdnav .bouncebox .mtxt{display:none}
.fixdnav .bouncebox:before{content: "";display: block;position: absolute;top: 25px;left: -7px;border-width: 0 6px 6px 6px;border-style: solid;border-color: transparent transparent rgba(113, 143, 252, 1) transparent;transform: rotate(-90deg);}
.fixdnav .bouncebox em{position:relative;display:inline-block;font-size:14px;line-height:22px}
.fixdnav .bouncebox em:after{position:absolute;right:-32px;bottom:-4px;content:'';width:32px;height:31.5px;background:url('/images/ico_bounce_star.png') no-repeat 0 0 / 100% auto}
@-webkit-keyframes bounce {
    0% { transform: translateX(-10px)  }
    50% { transform: translateX(12px) }
    100% { transform: translateX(-10px) }
}
@keyframes bounce {
    0% { transform: translateX(-10px)  }
    50% { transform: translateX(12px) }
    100% { transform: translateX(-10px) }
}
@-webkit-keyframes bounceM {
    0% { transform: translateY(-10px)  }
    50% { transform: translateY(6px) }
    100% { transform: translateY(-10px) }
}
@keyframes bounceM {
    0% { transform: translateY(-10px)  }
    50% { transform: translateY(6px) }
    100% { transform: translateY(-10px) }
}
@media (max-width: 1023px){
    .fixdnav .bouncebox .pctxt{display:none}
    .fixdnav .bouncebox .mtxt{display:block;padding-right:0}
    .fixdnav .bouncebox .mtxt:after{right:-32px}
    .fixdnav .bouncebox{width:176px;height:40px;top:-48px;left:50%;margin-left:-88px;    -o-animation: bounceM 1.8s infinite ease;-ms-animation: bounceM 1.8s infinite ease;-moz-animation: bounceM 1.8s infinite ease;animation: bounceM 1.8s infinite ease;box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);}
    .fixdnav .bouncebox:before{left:50%;top:39px;margin-left:-6px;transform: rotate(-180deg);  border-color: transparent transparent rgba(113, 143, 252, 1) transparent;}
}

/* 하단시트 */
.bottomBox{width:100%; min-height:148px; /*max-height:237px;*/ max-height:262px; border-radius:16px 16px 0 0; padding:30px 16px 16px 16px; background:#fff;bottom:-100px; box-shadow: -1px 0px 8px rgb(0 0 0 / 9%);}
.bottomBox .bottomBtn{width:100%;; height:30px; border-radius:16px 16px 0 0; position: absolute; left:0; top:0; background:url('/images/icon_24_bottom_up_arrow.svg?v2') no-repeat center center/24px}
.bottomBox .btn-fold{width:100%;; height:30px; border-radius:16px 16px 0 0; margin:0;position: absolute; left:0; top:0; ;background:url('/images/icon_24_bottom_down_arrow.svg') no-repeat 50% 50% / 24px auto}
.bottomBox .btn-fold:before{display:none}

/* 단지 요약 */
.summaryContent .btn-like,
.summaryContent .btn-bookmark-basic{position: absolute; right:16px; top:36px}
.summaryContent .btn-like.lottietype{top:28px;right:8px}
.summaryContent .name .btn-like{right:2px; top:4px;}
.summaryContent .name{padding-right:30px; text-align:left; font-size:20px; color:#222; font-weight:700;}
.summaryContent .name .nameValue{display:inline-block;max-width:calc(100% - 92px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;vertical-align: middle;}
.summaryContent .addr{display:inline-block;margin-left:5px; vertical-align: middle; font-size:12px;color:#888; font-weight:400;}
.summaryContent .typelists.dot{color:#444}
.summaryContent .typelists.dot > *:after{background-color:#444}
.summaryContent .budgetDetail{margin-top:16px; border-bottom:0}
.summaryContent .name .labelround {margin-right:8px}
.typelists{margin-bottom:10px;color:#888; text-align: left;}
.typelists > *{display:inline-block;position: relative;padding:0 4px 0 4px;}
.typelists > *:after{content:""; width:1px; height:12px; background:#eee;position: absolute; left:0; top:50%; transform:translateY(-50%); cursor:default; pointer-events:none;}
.typelists > *:nth-child(1){padding-left:0 !important}
.typelists > *:nth-child(1):after{display:none}
.typelists.sm{font-size:12px}
.typelists.dot > *{padding:0 8px;}
.typelists.dot > * em{color:#4373f4}
.typelists.dot > *:after{width:2px; height:2px; background-color:#888; border-radius:50%;}
.summarycost{margin-bottom:8px;text-align:left; font-size:16px;position: relative;}
.labelgroup{margin-bottom:3px;}
.summarycost .sellcost > span, .summarycost .belowcost > span, .summarycost .parcost > span{display: inline-block; margin-right:4px; font-size: 16px;}
.summarycost .sellcost > span{color:#f54f1b}
.summarycost .belowcost > span{color:#439972}
.summarycost .parcost{color:#4373f4}
.summarycost .parcost > span{color:#444444}
.summaryImg{width:88px; height:60px; overflow:hidden;position:absolute; right:0; bottom:0;border-radius:8px}
.summaryImg img{width:100%;}
.summaryinfoList > .flexbox + .flexbox{margin-top:8px;}
.summaryinfoList .textlg{font-size:16px;}
.summaryinfoList :not(.textlg) .tit{color:#888;}
.summaryinfoList .total{padding-bottom:16px; margin-bottom:8px; border-bottom:1px solid #eee;}
.summaryinfoList .total .tit{color:#444;}
.summaryinfoList.type2{padding:0 16px 16px; font-size:16px; color:#888;}
.summaryinfoList.type2 .flexbox:not(.total){padding:7px 0; margin:0;}

.countlists{border:solid 1px #eeeeee; border-radius:8px; height:40px; display: flex;}
.countlists span{display:block;flex:1 1 auto; height:40px;padding:0 11px 0 11px; line-height:40px; font-size: 16px;position: relative; text-align: center; cursor: pointer;}
.countlists span > em{display:inline-block;margin-right:4px; font-size:14px; color:#888888}
.countlists span:after{content:""; width:1px; height:12px; background:#eee;position: absolute; left:0; top:15px}
.countlists span:nth-of-type(1):after{display:none}
.villadec{color:#888; font-size:12px;}
.parlabelgroup, .pardate{display:none; text-align: left;}
.typePar .labelgroup{display:none}
.typePar .parlabelgroup{display:block}
.typePar .pardate{display:block}
.typePar .pardate > span{display:inline-block; padding:0 8px; height:22px; line-height: 22px; background-color:#f5f5f5; color:#888888; text-align: center; border-radius:6px;}
.typePar .summarycost{min-height:30px}
.typePar .summarycost .summaryImg{top:50%;margin-top:-10px}
.labelround{font-size:12px; font-weight:400; line-height:18px; padding:4px 8px; border:1px solid; border-radius:30px;}
.labelround em{font-weight:700;}
.labelround.color-4373f4{border-color:#4373f4; color:#4373f4;}
.labelround.color-9969ff{border-color:#9969ff; color:#9969ff}

/* 학군 */
.schoolSummary{text-align: left;}
.schNamebox{margin-bottom:5px;}
.schNamebox > span{display:inline-block; vertical-align: middle;}
.schNamebox > span.schName{font-size: 20px; color:#222; font-weight:700; margin:0 4px;}
.caseNum > span{display:block;}
.caseNum > span > em{color:#888; margin-right:4px}
.caseNum + .caseNum{margin-top:5px}
.caseNum.totalNum{color:#4373f4}
.caseNum.totalNum > span{display: inline-block;position: relative; padding:0 6px}
.caseNum.totalNum > span:after{content: ""; width:1px; height:12px; background:#eeeeee; position: absolute; left:0; top:5px;}
.caseNum.totalNum > span:nth-of-type(1){padding-left:0}
.caseNum.totalNum > span:nth-of-type(1):after{display: none;}

/* 지역요약 */
.locationSummary{text-align: left; margin:0 -16px -16px -16px}
.locationTitle{display:flex; justify-content: space-between; align-items: center; border-bottom:solid 1px #eeeeee; padding:0 16px 16px 16px}
.locationTitle > span > span{display:inline-block}
.locationTitle .locationname{font-size:20px; font-weight:700;}
.locationTitle span.label{font-size:12px; font-weight:400;}
.locationcharttit{margin:0 4px; font-size:12px}
.locationCost{display:flex;}
.locationCost .costBox{flex:1 0 50%; min-height:102px; padding:16px}
.locationCost .costBox +.costBox{border-left:solid 1px #eee}
.locationCost .costBox > span{display:block}
.locationCost .costType{font-size:18px}
.costType{font-size:16px;}
.costType em{font-size:16px;}
.racenum em{color:#888;}
.costBox.sell .costType em{color:#f54f1b}
.costBox.below .costType em{color:#3bb120}
.costBox .locationrate{position: relative;}
.costBox .locationrate.up:before{content: ""; display:inline-block;width:10px; height:10px;position:relative;margin-right:2px;top:-3px;border-bottom:5px solid #f54f1b;border-top:5px solid transparent;border-left: 5px solid transparent;border-right: 5px solid transparent;}
.costBox .locationrate.down:before{content: ""; display:inline-block;width:10px; height:10px;position:relative;margin-right:2px;top:2px;border-bottom:5px solid transparent;border-top:5px solid #4373f4;border-left: 5px solid transparent;border-right: 5px solid transparent;}

.locationchart{display:inline-block; margin-left:4px }
.locationchart > em{display:inline-block; width:2px; height:8px; background:#4373f4; margin-right:2px; border-radius:4px;position: relative; }
.locationchart > em:nth-of-type(1){height:6px;top:0px }
.locationchart > em:nth-of-type(2){height:9px; top:1px }
.locationchart > em:nth-of-type(3){height:14px; top:3px}
.locationchart > em:nth-of-type(4){height:7px; top:-2px}

/* 지역시세 애니메이션 */
.openBottom .locationchart > em:nth-last-child(1) {animation: loadingA 1.2s ease-in-out 1s 1;}
.openBottom .locationchart > em:nth-last-child(2) {animation: loadingA 1.2s ease-in-out 0.5s 1;}
.openBottom .locationchart > em:nth-last-child(3) {animation: loadingA 1.2s ease-in-out 0s 1;}
@keyframes loadingA {
    0% {height: 5px;}
    50% {height: 15px;}
    100% {height: 4px;}
}


/* 전체메뉴 */
.allmenuNew{text-align:left;color:#444;letter-spacing:-.5px}
.allmenuNew .topbtns{position:relative;display:flex;padding:20px 16px;justify-content:flex-end;z-index:1}
.allmenuNew .topbtns .modelayer{z-index:1;position:absolute;top:50px;right:16px;width:186px;background:#fff;border-radius:8px;box-shadow:0 5px 10px rgb(0 0 0 / 15%); height:0; opacity: 0; transition: .3s; z-index:-1;overflow:hidden}
.allmenuNew .topbtns .modelayer.active{ height:auto;  opacity: 1; z-index:2; }
.allmenuNew .modelayer .btn-group{display:block;}
.allmenuNew .modelayer .btn-group .btn-secondary:not(:disabled):not(.disabled).active{border:none;border-top:1px solid #f5f5f5;color:#4373f4 !important;}
.allmenuNew .modelayer .btn-group .btn-secondary:not(:disabled):not(.disabled).active:nth-of-type(1){border-top:none}
.allmenuNew .modelayer .btn{position:relative;display:block;width:100%;height:50px;padding-left:48px;color:#444;text-align:left;transition:.3s;  background:none; line-height:48px;}
.allmenuNew .modelayer .btn{border-radius:0 !important;border:none;border-top:1px solid #f5f5f5; transition: .3s; opacity: 0;}
.allmenuNew .modelayer .btn:hover{background:#f5f5f5}
.allmenuNew .modelayer .btn.focus{border:none;border-top:1px solid #f5f5f5;}
.allmenuNew .modelayer .btn.active{color:#4373f4 !important;font-weight:700; border-color:#f5f5f5}
.allmenuNew .modelayer .btn:before{position:absolute;top:13px;left:13px;content:"";display:block;width:24px;height:24px;background:url('/images/icon_24_lightmode.svg') no-repeat 0 50%;z-index:2}
.allmenuNew .modelayer .btn.active:before{background:url('/images/icon_24_lightmode_selected.svg') no-repeat 0 50%}
.allmenuNew .modelayer .btn:nth-of-type(3):before{background:url('/images/icon_24_device.svg') no-repeat 0 50%}
.allmenuNew .modelayer .btn:nth-of-type(3).active:before{background:url('/images/icon_24_device_selected.svg') no-repeat 0 50%}
.allmenuNew .modelayer .btn:nth-of-type(1){border-top:0;}
.allmenuNew .modelayer .btn:nth-of-type(1):before{transform: rotate(180deg)}
.allmenuNew .modelayer .btn:after{content:"";display:block; width:0; height:100%; background:#f5f5f5; position:absolute; left:0; top:0; z-index:1; transition: .3s;}
.allmenuNew .modelayer .btn:hover:after{width:100%}
.allmenuNew .modelayer .btn > span{position: relative; z-index:3}
.allmenuNew .modelayer .btn:nth-of-type(1){transform: translate3d(0,-20px,0);transition-delay: .2s;}
.allmenuNew .modelayer .btn:nth-of-type(2){transform: translate3d(0,-20px,0); transition-delay: .3s;}
.allmenuNew .modelayer .btn:nth-of-type(3){transform: translate3d(0,-20px,0);  transition-delay: .3s;}
.allmenuNew .modelayer.active .btn{transform: translate3d(0,0px,0); opacity: 1;}
.allmenuNew .profile{display:flex;padding:0 16px;align-items: center;}
.allmenuNew .topbtns .btn{font-size:12px}
.allmenuNew .topbtns .btn-noti{min-width:62px;height:24px;background:url('/images/icon_24_notice.svg') no-repeat 0 0/ 24px auto;padding-left:26px}
.allmenuNew .topbtns .btn-noti.new{background-image:url('/images/icon_24_notice_new.svg')}
.allmenuNew .topbtns .btn-modesetting{min-width:70px;padding-left:26px; position: relative;}
.allmenuNew .topbtns .btn-modesetting:before{display:block; content: ""; width:24px; height:24px;background:url('/images/icon_24_lightmode.svg') no-repeat 0 0/ 24px auto; position: absolute; left:0; top:0}
.allmenuNew .topbtns .btn-modesetting.dark:before{transform: rotate(180deg)}
.allmenuNew .topbtns .btn-modesetting.device:before{background:url('/images/icon_24_device.svg') no-repeat 0 50%}
.allmenuNew .attention{margin:30px 0 20px;padding:0 16px}
.allmenuNew .attention button{font-size:16px;color:#444;font-weight:700}
.allmenuNew .attention.type2{display:flex;justify-content:space-around;align-items:self-end}
.allmenuNew .attention.type2 button{position:relative;flex:1;font-size:14px;font-weight:400}
.allmenuNew .attention.type2 button:before{position:absolute;top:50%;left:0;margin-top:-12px;content:"";display:block;width:1px;height:24px;background:#eee;}
.allmenuNew .attention.type2 button:first-child:before{display:none}
.allmenuNew .attention.type2 button .tabtext{display:block}
.allmenuNew .attention.type2 button .tabtext:before{content:"";display:block;width:33px;height:32px;margin:0 auto}
.allmenuNew .attention.type2 button:nth-child(1) .tabtext:before{background:url('/images/icon_32_menu_bookmarker.svg') no-repeat 0 0 / 100% auto}
.allmenuNew .attention.type2 button:nth-child(2) .tabtext:before{background:url('/images/icon_32_menu_record.svg') no-repeat 0 0 / 100% auto}
.allmenuNew .attention.type2 button:nth-child(3) .tabtext:before{background:url('/images/icon_32_menu_inquiry.svg') no-repeat 0 0 / 100% auto}
.lottieSize40{display:inline-block;width:40px;height:40px}
.allmenuNew .profile + .menu-section{margin-top:24px}
.allmenuNew .menu-section{padding-top:8px;}
.allmenuNew .menu-section > .btn{width:100%;padding:0 16px; min-width:100%;height:48px;line-height:48px;font-size:16px;transition:.3s; border-radius:0; background:none; display:block; position: relative; text-align:left; border:none;color:#444}
.allmenuNew .menu-section > .btn.default1{margin-top:16px}
.allmenuNew .menu-section > .btn:nth-of-type(1):before{position:absolute;top:-8px;left:16px;content:"";width:calc(100% - 32px);height:1px;background:#eee;}
.allmenuNew .menu-section > .btn:after{content:""; display:block; width:0%; height:100%;background-color:#eee; position: absolute; left:0; top:0; transition: .2s;}
.allmenuNew .menu-section > .btn > span{display: block; position: relative; z-index:3;}
.allmenuNew .menu-section > .btn:hover:after{width:100%}
.allmenuNew .menu-section > .btn.texttype1{color:#4373f4}
.allmenuNew .menu-section > .btn.texttype1.last, .allmenuNew .menu-section > .defaultlast{margin-bottom:8px;}
.allmenuNew .menu-section > .btn.texttype1.last:before, .allmenuNew .menu-section > .defaultlast:before{position:absolute;bottom:-8px;left:16px;content:"";width:calc(100% - 32px);height:1px;background:#eee;}
.allmenuNew .menu-section > .defaultlast + .btn{margin-top:16px}

/* 전체메뉴 리스트 모션 */
.allmenuNew .menu-section  > .btn{transition: .2s; transform: translate3d(0 ,20px, 0); opacity: 0;}
.menu-section  > .btn:nth-of-type(1){transition-delay: .2s;}
.menu-section  > .btn:nth-of-type(2){transition-delay: .2s;}
.menu-section  > .btn:nth-of-type(3){transition-delay: .25s;}
.menu-section  > .btn:nth-of-type(4){transition-delay: .25s;}
.menu-section  > .btn:nth-of-type(5){transition-delay: .28s;}
.menu-section  > .btn:nth-of-type(6){transition-delay: .28s;}
.menu-section  > .btn:nth-of-type(7){transition-delay: .3s;}
.menu-section  > .btn:nth-of-type(8){transition-delay: .3s;}
.menu-section  > .btn:nth-of-type(9){transition-delay: .3s;}
.menu-section  > .btn:nth-of-type(10){transition-delay: .3s;}
.menu-section  > .btn:nth-of-type(11){transition-delay: .3s;}
.menu-section  > .btn:nth-of-type(12){transition-delay: .3s;}
.menu-section  > .btn:nth-of-type(13){transition-delay: .3s;}
.menu-section  > .btn:nth-of-type(14){transition-delay: .3s;}
.menu-section  > .btn:nth-of-type(15){transition-delay: .3s;}
.ani .menu-section > .btn{ transform: translate3d(0 ,0px, 0); opacity: 1;}
.allmenuNew .topbtns, .allmenuNew .profile, .allmenuNew  .attention, .allmenuNew .kbchannel, .allmenubn{transform: translate3d(0,20px, 0); transition: .2s; opacity: 0;}
.allmenuNew .topbtns{transition-delay: .15s;}
.allmenuNew .profile{transition-delay: .15s;}
.allmenuNew .attention{transition-delay: .15s;}
.allmenubn, .allmenuNew .kbchannel{transition-delay: .45s;}
.ani.allmenuNew .topbtns, .ani.allmenuNew .profile, .ani.allmenuNew  .attention, .ani .allmenubn,
.ani.allmenuNew .kbchannel{transform: translate3d(0, 0px, 0);opacity:1;}
.allmenuNew .menu-section .badge{font-size:0;text-indent:-9999px;}
.allmenuNew .menu-section .badge.kbsignature{width:79px;height:24px;background:url('/images/badge_kbsignature.svg') no-repeat 0 0;display: inline-block; vertical-align: middle;border-radius:0}
.allmenuNew .menu-section .badge.new{width:24px;height:24px;background:url('/images/badge_new.svg') no-repeat 0 0; display: inline-block; vertical-align: middle; margin-left:-3px}
.allmenubn .bnimg img{width:100%;min-height:110px}
.allmenubn .slick-dots{margin:0}
.allmenubn .slick-dots > li.slick-active{width:5px;height:5px;background:#4373f4}
.allmenubn .slick-dots > li{width:5px !important;height:5px !important;background:#e0e0e0}
.allmenuNew .kbchannel{margin:20px 16px 48px}
.allmenuNew .kbchannel h3{font-size:14px;color:#888;}
.allmenuNew .kbchannel .btns button{position:relative;width:40px;height:40px;margin:15px 12px 0 0;background:#eee;border-radius:50%;font-size:0;text-indent:-9999px}
.allmenuNew .kbchannel .btns button:before{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);content:"";display:block;width:32px;height:32px;}
.allmenuNew .kbchannel .btn-kakaotv:before{background:url(/images/icon_32_kakao_tv.svg)}
.allmenuNew .kbchannel .btn-youtube:before{background:url(/images/icon_32_youtube.svg)}
.allmenuNew .kbchannel .btn-naverblog:before{background:url(/images/icon_32_naver.svg)}
.allmenuNew .kbchannel .btn-navertv:before{background:url(/images/icon_32_naver_tv.svg)}
.allmenuNew .kbchannel .btn-facebook:before{background:url(/images/icon_32_facebook.svg)}
.allmenuNew .kbchannel .btn-1boon:before{background:url(/images/icon_32_1_boon.svg)}
.allmenuNew .profile-frame{position:relative;width:48px;height:48px;border-radius:50%}
.allmenuNew .profile-frame .img{display:block;width:48px;height:48px;background-size:48px;background-image:url('/images/profile_nond.svg')}
.allmenuNew .profile-frame img{width:100%}
.allmenuNew .profile-frame button{position:absolute;top:0;left:0;width:48px;height:48px;background:none}
.allmenuNew .profile-frame .btn-sns:before{content:"";width:24px;height:24px;position:absolute;bottom:-4px;right:-4px;background-repeat:no-repeat;background-size:24px}
.allmenuNew .profile-frame .btn-sns.naver:before{background-image:url('/images/icon_24_profile_naver.svg')}
.allmenuNew .profile-frame .btn-sns.kakao:before{background-image:url('/images/icon_24_profile_kakao.svg')}
.allmenuNew .profile-frame .btn-sns.google:before{background-image:url('/images/icon_24_profile_google.svg')}
.allmenuNew .profile-frame .btn-sns.facebook:before{background-image:url('/images/icon_24_profile_facebook.svg')}
.allmenuNew .profile-frame .btn-sns.kb:before{background-image:url('/images/icon_24_profile_kb.svg')}
.allmenuNew .profile-frame .btn-sns.kblite:before{background-image:url('/images/icon_24_profile_kb_lite.svg')}
.allmenuNew .profile-edit{margin-left:16px;text-align:left}
.allmenuNew .profile-edit .name{display:flex;line-height:32px;font-size:24px;font-weight:700}
.allmenuNew .profile-edit .name span{display:block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width:192px;}
.allmenuNew .profile-edit .email{font-size:12px;color:#888}
.allmenuNew .profile-edit .btn-editing{min-width:50px;padding-left:24px;margin-left:4px;background:url('/images/icon_24_write.svg') no-repeat 0 50%/ 24px auto}
.allmenuNew .profile-edit .btn-before{position:relative;padding-right:24px;background:none;border-radius:0;font-size:24px;font-weight:700}
.allmenuNew .profile-edit .btn-before:after{position:absolute;top:0;right:0;content:"";display:block;width:24px;height:24px;background:url('/images/icon_24_filter_arrow_act.svg')}

/* 프로필관리 */
.renewWrap{color:#444;letter-spacing:-.5px}
.renewPage{letter-spacing:-.5px}
.renewWrap .profilebox{margin-top:8px;border-bottom:8px solid #f5f5f5}
.renewWrap .profilebox .in{border-bottom:1px solid #eee}
.renewWrap:not(.allmenuNew) .profile-frame{margin:0 auto}
.renewWrap .profile-frame{position:relative;width:48px;height:48px;border-radius:50%}
.renewWrap .profile-frame .img{display:block;width:48px;height:48px;background-image:url('/images/profile_none.svg');background-size:48px;border-radius:100%;background-position: 50% 50%;background-repeat: no-repeat;background-size:cover}
.renewWrap .profile-frame img{width:100%}
.renewWrap .profile-frame button{position:absolute;top:0;left:0;width:48px;height:48px}
.renewWrap .profile-frame .btn-setImg.camera:after{background-image:url('/images/icon_16_camera.svg')}
.renewWrap .profile-frame .btn-setImg.camera:before{content:"";position:absolute;bottom:-4px;right:-4px;width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid #eee}
.renewWrap .profile-setting{padding:12px 16px 32px;border-bottom:1px solid #eee}
.renewWrap .profile-setting .set-notice{font-size:12px;color:#888;text-align:left;background:url('/images/icon_16_notice_form.svg') no-repeat 0 1px/16px auto;padding-left:20px;margin-top:12px;line-height:18px}
.profile-setting .pagebtns.linebox{margin-top:32px}
.setinput-wrap{text-align:left}
.setinput-wrap .title{padding-bottom:8px;font-size:14px;color:#888}
.setinput-wrap .setinput-item{position:relative}
.setinput-wrap .setinput-item .inputbt{position:absolute;top:14px;right:14px}
.setinput-wrap .setinput-item .inputbt .textnum{font-size:12px;color:#888;margin-right:8px}
.setinput-wrap .setinput-item .form-control{height:52px;padding:0 80px 0 16px;line-height:24px;border:1px solid #e0e0e0;border-radius:8px}
.setinput-wrap .setinput-item .form-control.blue{border-color:#4373f4;color:#676767}
.setinput-wrap .setinput-item .invalid-feedback{color:#f54f1b;font-size:12px}
.setinput-wrap .setinput-item .form-control.is-invalid{border-color:#f54f1b}
.setinput-wrap .setinput-item .form-control.blue.is-invalid{border-color:#f54f1b}
.setinput-wrap .setinput-item .form-control.blue.is-invalid:focus{border-color:#f54f1b}
.setinput-wrap .setinput-item .form-control.is-invalid:focus{border-color:#f54f1b}
.setinput-wrap .setinput-item .form-control.is-invalid:disabled{background:#eee;color:#bbb}
.setinput-wrap .setinput-item .form-control.is-invalid.normal{border-color:#e0e0e0}
.setinput-wrap .setinput-item .form-control.is-invalid.normal:focus{border-color:#4373f4}
.setinput-wrap .setinput-item .form-control.is-invalid.normal:disabled{border-color:#eee}
.setinput-wrap .setinput-item .inputtxt{position:absolute;top:18px;right:42px;font-size:12px;color:#888;letter-spacing:-1px}
.setinput-wrap .setinput-item .inputbtn{position:absolute;top:15px;right:15px;font-size:14px;color:#4373f4;text-decoration:underline;}
.setinput-wrap .setinput-item .btn-iptform{position:absolute;top:8px;right:8px;height:36px;padding:0 8px;background:#eee;color:#bbb;font-size:14px;border-radius:8px}
.setinput-wrap .setinput-item .btn-iptform.navy{background:#515d7d;color:#fff;}
.setinput-wrap .setinput-item .btn-smallgrey{display:inline-block;margin-top:8px;line-height:22px;height:24px;border-radius:0}
.setinput-wrap .btn-txtDel{background:url('/images/icon_24_clear.svg') no-repeat 0 0 / 24px auto}
.setinput-wrap.type2{position:relative;margin-top:12px;background:#f5f5f5;border-radius:8px;border:1px solid #e0e0e0;overflow:hidden}
.setinput-wrap.type2 .setinput-item{position:relative;height:78px}
.setinput-wrap.type2 .setinput-item .title{font-size:14px;color:#888;padding:0}
.setinput-wrap.type2 .setinput-item .bxnomal{width:100%;height:100%;background:#f5f5f5;border-radius:0;text-align:left;padding:16px}
@media (hover: hover) {
    .setinput-wrap.type2 .setinput-item .bxnomal:hover{background-color:#eee}
}
.setinput-wrap.type2 .setinput-item .bxnomal:before{content:"";display:block;width:calc(100% - 32px);height:1px;background:#e0e0e0;position:absolute;bottom:0;left:16px}
.setinput-wrap.type2 .setinput-item .btn.bxnomal:active{background-color:#e0e0e0}
.setinput-wrap.type2 .setinput-item .btn.bxnomal:active:before{background-color:#bbb}
.setinput-wrap.type2 .setinput-item:last-of-type .bxnomal:before{display:none}
.setinput-wrap.type2 .setinput-item .bxnomal .txtcon{font-size:16px}
.setinput-wrap.type2 .boxblur{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}
.setinput-wrap.type2 .boxblur:before{position:absolute;top:0;left:0;content:'';width:100%;height:100%;background: rgba(255, 255, 255, .3);-webkit-backdrop-filter: blur(2.5px);backdrop-filter: blur(2.5px);}
.setinput-wrap.type2 .boxblur p, .setinput-wrap.type2 .boxblur .btn-default{position:relative;z-index:1;text-align:center}
.setinput-wrap.type2 .boxblur .btn-default{margin-top:12px;border-radius:6px !important}
.setinput-wrap .btn.bxnomal:after{position:absolute;top:31px;right:20px;content: "";display: inline-block;width: 10px;height: 10px;transform: rotate(45deg);border-width: 1px 1px 0 0;border-style: solid;border-color: #888;}
.setinput-wrap .sns{position:relative;display:flex}
.setinput-wrap .sns:before{content:"";display:block;width:24px;height:24px;margin-right:4px}
.setinput-wrap .sns.naver:before{background-image:url('/images/icon_24_profile_naver.svg')}
.setinput-wrap .sns.kakao:before{background-image:url('/images/icon_24_profile_kakao.svg')}
.setinput-wrap .sns.facebook:before{background-image:url('/images/icon_24_profile_facebook.svg')}
.setinput-wrap .sns.google:before{background-image:url('/images/icon_24_profile_google.svg')}
.setinput-wrap .sns.kb:before{background-image:url('/images/icon_24_profile_kb.svg')}
.setinput-wrap .sns.kblite:before{background-image:url('/images/icon_24_profile_kb_lite.svg')}
.myHomeTop .setinput-wrap .sns.kblite:before{background: url('/images/icon_24_profile_lite.png') no-repeat 0 0 / 24px auto;}
.setinput-wrap .sns.apple:before{display:none}
.setinput-wrap.expect{position:relative;padding-top:40px}
.setinput-wrap.expect:before{position:absolute;top:0;left:-16px;content:"";display:block;width:calc(100% + 32px);height:8px;background:#f5f5f5;border-top:1px solid #eee}
.setinput-wrap.expect:after{position:absolute;bottom:-32px;left:0;content:"";display:block;width:100%;height:1px;background:#f5f5f5}
.setinput-wrap .setinput-item .form-control.disabled.is-invalid{border-color:#f54f1b}
.setinput-wrap .setinput-item .form-control.disabled, .setinput-wrap .setinput-item .form-control:disabled{background:#eee;color:#bbb;border-color:#eee}
.setinput-wrap .setinput-item .form-control:focus{border-color:#4373f4}
.setinput-wrap .custom-radio .custom-control-label{font-weight:700;padding-left:32px}
.setinput-wrap .custom-radio .custom-control-label::before{top:0;display:block;content:"";width:24px;height:24px;border:1px solid #888;}
.setinput-wrap .custom-radio .custom-control-input:checked ~ .custom-control-label::after{top:0;width:24px;height:24px;background:#4373f4}

/* input 버튼 유무 */
.setinput-wrap .setinput-item.split .form-control{padding:0 126px 0 16px}
.setinput-wrap .setinput-item.split .form-control.blue{padding:0 140px 0 16px}
.setinput-wrap .setinput-item.full .form-control{padding:0 56px 0 16px}
.setinput-wrap .setinput-item.nomal .form-control{padding:0 16px}

/* 검색 박스 클래스 공통화 */
.setsearch-item.blue{position:relative;margin:0 16px;background:none}
.setsearch-item.blue .form-control{height:52px;padding:0 40px 0 44px;line-height:24px;border-radius:8px;border:1.6px solid #4373f4;background:url('/images/icon_24_search_blue.png') no-repeat 12px 50% / 24px auto;box-shadow: 0 4px 16px rgb(0 0 0 / 19%);font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.setsearch-item.blue .form-control:disabled,
.setsearch-item.blue .form-control[readonly]{color:#bbb;-webkit-text-fill-color:#bbb;opacity:1}
.setsearch-item.blue .inputbt{position:absolute;top:50%;transform:translate(0,-50%);right:32px;font-size:14px;color:#4373f4;text-decoration:underline;cursor: pointer;}

/* 공통 탭(new) */
.renewWrap .tabwrap{border-radius:0; padding:0; margin:0;box-shadow: none;background:#fff;position:-webkit-sticky; position:sticky;left:0;top:56px;z-index:10;border-bottom: 1px solid #dee2e6;}
.renewWrap .tabwrap.lineTop{border-top:solid 1px #eeeeee}
.renewWrap .itemwrap{position:relative;display:flex;margin:0 16px;transition: all .3s;}
.renewWrap .itemwrap .btn-itemtab{flex:1;height:48px;line-height:48px;height:48px;border-bottom:0;color:#444;font-size:18px;transition:.3s;}
.renewWrap .itemwrap .btn-itemtab.active{color:#4373f4;font-weight:700}
.renewWrap .itemwrap .linebg{content:"";display:block;transition:all .3s;position:absolute;height:3px;left:8px;bottom:0; z-index:1;background-color:#4373f4;}
.renewWrap .tabs-sorting{border-radius:0;padding:0;margin:0;box-shadow:none}
.renewWrap .tabs-sorting .nav{display:block;margin:16px 0;text-align:left}
.renewWrap .tabs-sorting .nav-item{display:inline-block;border:0;height:30px;margin-right:8px}
.renewWrap .tabs-sorting .nav-link{display:block;height:32px;line-height:32px;border:0;padding:0 19px;font-weight:700;color:#bbb;border-radius:30px;transition:.3s}
.renewWrap .tabs-sorting .nav-link.active{background:#4373f4;color:#fff}
.renewWrap .tabs-sorting .nav-link.active:after{display:none}
.renewWrap .sortingInfo{position:relative;display:flex;align-items:center;height:40px;padding:0 16px;background:#f5f5f5}
.renewWrap .sortingInfo .sorting-text{text-align:left;}
.renewWrap .sortingInfo .sorting-text.del{text-decoration:underline; cursor: pointer;}
.renewWrap .btn-delmode{width:24px;height:24px;background:url('/images/icon_24_close_delete.svg')}
.renewWrap .sortingInfo .btn-typetext, .renewWrap .sortingInfo .btn-changeNew{margin-left:auto}
.renewWrap .sortingInfo .btn-changeNew{background-color:#fff}
.renewWrap .sortingInfo .selWrap{display: inline-block; top:-3px}
.renewWrap .sortingInfo .selWrap{margin-left:17px}
.renewWrap .sortingInfo .selWrap:before{position:absolute;top:16px;left:-8px;content:"";display:block;width:1px;height:14px;background:#e0e0e0}
.renewWrap .sortingNoti{position:relative;padding:7px 16px 7px 16px; margin:-20px -16px 20px -16px; text-align:left;font-size:12px;background:#f5f5f5}
.renewWrap .sortingNoti .date{padding-left:18px;background:url('/images/icon_16_conversation.svg') no-repeat 0 50% / 16px auto}
.renewWrap .sortingNoti .date:before{display:none}
.renewWrap .sortingNoti span{position:relative;display:inline-block;padding:0 5px 0 4px}
.renewWrap .sortingNoti span:before{position:absolute;top:3px;left:0;content:"";display:block;width:1px;height:12px;background:#e0e0e0;}
.renewWrap .sortingNoti.type1{margin:0; border:solid #e0e0e0; border-width:1px 0;}
.renewWrap .sortingNoti.type1 .guidetxt{width:max-content; margin:0 auto; font-size:14px; color:#444; background-position:0 50%}
.renewWrap .sortingList + .sortingNoti.type1{margin-top:-1px}
.renewWrap .sortingNoti .btn-typetext{float:right}
.renewWrap .sortingType{position:relative; padding:10px 16px; text-align:left;}
.renewWrap .sortingType .subtaplist{margin:-10px -16px}
.renewWrap .sortingType .btn-choice{position:absolute; right:14px; top:50%; transform:translateY(-50%)}
.renewWrap .sortingType .btn-check + .btn-check{margin-left:8px}
.renewWrap .sortingType + .sortingCon{border-top:1px solid #eee}
.renewWrap .sortingType.bottomline{border-bottom:1px solid #eee}
.renewWrap .btn-typetext{color:#4373f4;text-decoration:underline}
.renewWrap .btn-typetext.grey{color:#888; text-decoration: underline;}
.renewWrap .btn-typetext.grey2{color:#444 !important; text-decoration: underline !important;}
.renewWrap .btn-typetext.bg-grey{color:#444; text-decoration: none;background-color:#f5f5f5;border-radius:4px;padding:0 12px;height:30px;line-height:30px}
.renewWrap .btn-typetxt{text-decoration:underline}
.renewWrap .myhouseBanner{padding:18px 20px;position: relative; text-align: left; border-bottom:solid 1px #eeeeee}
.renewWrap .myhouseBanner .btn-text{color:#4373f4; font-size: 14px; text-decoration: underline;}
.renewWrap .myhouseBanner:after{content:""; display: block; width:64px; height:64px; background:url('/images/house_Bannerbg.png') no-repeat right bottom/64px; position: absolute; right:16px; bottom:20px}
.renewWrap .myhouseBanner > p{color:#888888; display: block; line-height:22px;}
.renewWrap .myhouseBanner > p.myhouseBanner-strong{margin:2px 0 4px 0;background: url('/images/icon_24_bookmarker_select.svg') no-repeat left center/16px; padding-left:19px; color:#444444; font-size:16px; font-weight:700;}
.renewWrap .myhouseBanner > p em{color:#4373f4; }
.renewWrap .myhouseBanner .btn-close{width:16px; height:16px; position:absolute;top: 16px;right: 16px; background: url('/images/icon_24_navi_close.svg') no-repeat 50% / 16px auto;}
.renewWrap .myhouseBanner.type2 > p.myhouseBanner-strong{margin-bottom:4px; padding:0; background:none; color:#444; font-size:16px; font-weight:700; line-height:24px;}
.renewWrap .myhouseBanner.type2:after{width:100px; height:80px; background:url('/images/info_img_banner_interested.png') no-repeat 100% 8px / 100%}
.renewWrap .myhouseBanner.typeElec > p.myhouseBanner-strong{margin-bottom:4px; padding:0; background:none; color:#444; font-size:16px; font-weight:700; line-height:24px;}
.renewWrap .myhouseBanner.typeElec:after{width:100px; height:89px; background:url('/images/info_img_banner_elec.png') no-repeat 100% 8px / 100%}
.renewWrap .ico-poi{width:auto;height:auto;flex-shrink:0;font-size:12px;font-weight:700;background:none}
.renewWrap .ico-poi.ico-officetel{color:#ae89f4}
.renewWrap .ico-poi.ico-apt{color:#638dff;position: relative;top:1px}
.renewWrap .search-poi .ico-poi.ico-apt{word-break:keep-all;line-height:1.3}
.renewWrap .ico-poi.ico-presale{color:#efa06f}
.renewWrap .ico-poi.ico-villa{color:#444}
.renewWrap .ico-poi.ico-search{position:relative;height:32px;font-size:0}
.renewWrap .ico-poi.ico-search:before{content:"";position:absolute;top:1px;left:1px;font-size:0;clip: initial;text-indent:-9999px;width:31px;height:31px;border-radius:50%;background:url(/images/icon_16_search_black.svg) no-repeat 50% 50% /16px auto #f5f5f5}
.renewWrap .ico-poi.ico-location{position:relative;height:32px;font-size:0}
.renewWrap .ico-poi.ico-location:before{content:"";position:absolute;top:0;left:0;font-size:0;clip: initial;text-indent:-9999px;width:32px;height:32px;border-radius:50%;background:url(/images/icon_32_location.svg) no-repeat 50% 50% /32px auto}
.renewWrap .ico-poi.ico-subway{position:relative;height:32px;font-size:0}
.renewWrap .ico-poi.ico-subway:before{content:"";position:absolute;top:0;left:0;font-size:0;clip: initial;text-indent:-9999px;width:32px;height:32px;border-radius:50%;background:url(/images/icon_32_subway.svg) no-repeat 50% 50% /32px auto}
.renewWrap .ico-poi.ico-school{position:relative;height:32px;font-size:0}
.renewWrap .ico-poi.ico-school:before{content:"";position:absolute;top:0;left:0;font-size:0;clip: initial;text-indent:-9999px;width:32px;height:32px;border-radius:50%;background:url(/images/icon_32_school.svg) no-repeat 50% 50% /32px auto}
.renewWrap .ico-poi.ico-housing{color:#a58d7b}
.renewWrap .ico-poi.ico-room{color:#ffaf00}
.renewWrap .ico-poi.ico-room2{color:#fe7915}
.renewWrap .ico-poi.ico-rebuild{color:#9aa1b6}
.renewWrap .ico-poi.ico-redev{color:#acab4e}
.renewWrap .ico-poi.ico-building{color:#246b5d}
.renewWrap .ico-poi.ico-office{color:#515d7d}
.renewWrap .ico-poi.ico-land{color:#d1a62c}
.renewWrap .ico-poi.ico-residence{color:#09ac79}
.renewWrap .itemCard .listname .ico-poi{top:0;font-size:12px;font-weight:700}

.renewWrap .label{padding:0 4px;font-size:11px;font-weight:500;height:20px;line-height:18px;border:1px solid #fff2d9;border-radius:4px}
.renewWrap .label.kb{background: #fff2d9;color:#7c7366}
.renewWrap .label.kb em,
.label.kbai em{color:#ffaf00}
.label.kbai{background:#e8f4f1;border-color:#e8f4f1;color:#009AB0}
.renewWrap .label.kb em{color:#ffaf00}
.renewWrap .label.ownerchk{border-color:#ffaf00;color:#ffaf00;background-color:#fff}
.renewWrap .label.videosale{background-color:transparent;border-color:#f8875e;color:#f8875e}
.renewWrap .label.electronicm{background-color:transparent;border-color:#7c43f5;color:#7c43f5}
.label.sh{background-color:transparent;border-color:#2a8461;color:#2a8461}
.label.electronicm{background-color:transparent;border-color:#7c43f5;color:#7c43f5}
.buylistWrap .label.electronicm{font-size:11px;border-radius:2px;height:16px;line-height:14px;font-weight:700}
.renewWrap .label.vrsale{background-color:#edf9ff;border-color:#edf9ff;color:#5bc7ff}
.renewWrap .label.primerate{background-color:#fff;border-color:#4373f4;color:#4373f4}
.renewWrap .label.house{background:url('/images/label_hows_much.svg') no-repeat 0 0 / 57px auto; width:57px; height:20px; font-size: 0;}
.renewWrap .label.elem{background:#fabc23; color:#fff}
.renewWrap .label.mid{background:#acab4e; color:#fff}
.renewWrap .label.hight{background:#a58d7b; color:#fff}
.renewWrap .label.areanews{padding-left:22px; border-color:#dde6ff; background:#dde6ff url('/images/icon_16_search_blue.svg') no-repeat 6px 50%; color:#4373f4;}
.renewWrap .label.linegray{border-color:#888; color:#888}
.renewWrap .label.bgblue{border-color:#4373f4; background-color:#4373f4; color:#fff;}
.renewWrap .label.bggrey{border-color:#f5f5f5;background-color:#f5f5f5;color:#888;font-weight:400}
.renewWrap .label.bgpurple{background-color:#f5f0ff; color:#7c43f5}
.bottomArea .renewWrap .label.kb{font-weight:400;font-size:12px}
.textlinelabel{ display: inline-block;position: relative; padding: 0 4px 0 4px;}
.textlinelabel:after {content: "";width: 1px;height: 12px;background: #eee;position: absolute;left: 0;top: 5px;}
.textlinelabel:nth-of-type(1), .sell-tag + .textlinelabel{padding-left:0}
.textlinelabel:nth-of-type(1):after, .sell-tag + .textlinelabel:after{display:none}

.renewWrap .sortingList{position:relative;padding:20px 0; margin:0 16px;border-bottom:1px solid #eee}
.renewWrap .sortingList.offbg:after{content: "";display: block;width:calc( 100% + 32px);height: 100%;position: absolute; top: 0;left: 0;background: rgba(0,0,0,0.3); margin:0 -16px}
.renewWrap .callList .sortingList.offbg:after{display:none}
.renewWrap .callList .sortingList.offbg .demed{width:calc( 100% + 32px);position: absolute; top: 0;left: 0;background: rgba(0,0,0,0.3); margin:0 -16px}
.renewWrap .sortingList.offbg .bookmarker .btn-delmode{width:32px; height:32px; border-radius:50%;right: 0;top: 0; z-index: 9999; background-color: #ffff; background-position: center center;}
.renewWrap .sortingList .sellviewStop{margin:-20px -16px 20px -16px; background:#f5f5f5; height:40px; padding:0 16px;text-align: left; line-height:40px;}
.renewWrap .sortingList .colbx{position: relative;}
.renewWrap .sortingList .listlbl{text-align: left;}
.renewWrap .sortingList .listbtns{position: relative;text-align: left;}
.renewWrap .sortingList .listbtns .listname{width:calc(100% - 27px); display: flex; align-items: center;}
.renewWrap .sortingList .listbtns .listname.type1 .name{display:inline-block;}
.renewWrap .sortingList .listbtns .listname > span{vertical-align: middle;}
.renewWrap .sortingList .listbtns .listname > .ico-poi{font-size:12px;font-weight:700}
.renewWrap .sortingList .year, .renewWrap .sortingList .name{margin-left:4px;}
.renewWrap .sortingList .name{font-size:16px}
.renewWrap .listname .name.flexbox{flex-wrap:wrap; max-width:calc(100% - 45px);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.renewWrap .listname .name.flexbox em{flex-shrink:0;}
.renewWrap .listname .name.flexbox em + em{margin-left:4px}
.renewWrap .listname .name.flexbox .textellipsis{flex:1; max-width:max-content}
.renewWrap.MyActivityPage .listname .name.flexbox{align-items:center;margin-left:0}
.renewModal .listname{display:flex; justify-content:center;}
.renewWrap .sortingList .year{font-size:12px;}
.renewWrap .sortingList .bookmarker{position: absolute; right:0px; top:-2px; padding-top:33px; text-align: right;}
.renewWrap .sortingList .bookmarker > button{position:absolute; right:0; top:0;}
.renewWrap .sortingList .bookmarker > button.btn-typetext{min-width:30px}
.renewWrap .sortingList .textcon{height:20px;display: block;font-size:12px;color:#888}
.renewWrap .callList .sortingList.offbg .callTypbox{position: relative;}
.renewWrap .callList .sortingList.offbg .callTypbox .demed{height:calc(100% + 10px);}
.renewWrap .sortingList .listbtns.type2 .listname{width:100%}
.renewWrap .sortingList .listbtns.type2 .ico-poi{font-size:12px}
.renewWrap .sortingList .listbtns.type2 .name{font-size:14px;}
.renewWrap .sortingList .listbtns.type2 .listinfo{margin-top:0;}
.renewWrap .sortingList .listbtns.type2 .infocon:before{top:4px; width:1px; height:12px; background-color:#eee; border-radius:0;}
.renewWrap .sortingList .listbtns.type2 .imginfo{top:auto; bottom:0;}
.renewWrap .sortingList .listbtns.type2 .colgroup-btn{margin-top:10px;}
.renewWrap .sortingList .listbtns.type2 .listinfo, .renewWrap .sortingList .listbtns.type2 .colgroup-btn{margin-right:96px;}


.renewWrap .sortingList .listtitle{text-overflow: ellipsis;white-space: nowrap;overflow:hidden;margin-top:7px;font-size:16px;font-weight:700;max-width:calc(100% - 70px)}
.renewWrap .sortingList .listparcel{text-overflow: ellipsis;white-space: nowrap;overflow:hidden}
.renewWrap .sortingList .listparcel .tit{margin-right:4px}
.renewWrap .sortingList .listparcel .num{color:#4373f4;font-size:16px}
.renewWrap .listlbl .label{margin:0 6px 8px 0}
.renewWrap .sortingList .colgroup-name{display:flex}
.renewWrap .sortingList .colgroup-name .name{position:relative;max-width:100%;margin:0;font-size:14px;padding-left:9px}
.renewWrap .sortingList .colgroup-name  .sell-tag + .name{padding-left:0;}
.renewWrap .sortingList .colgroup-name  .sell-tag + .name:before{display:none}
.renewWrap .sortingList .colgroup-name .name:first-child{padding:0}
.renewWrap .sortingList .colgroup-name .name:before{content:"";position:absolute;top:6px;left:4px;width:1px;height:8px;background-color:#eee}
.renewWrap .sortingList .colgroup-name .name:first-child:before{display:none}
.renewWrap .sortingList .colgroup-name .label{margin-top:0}
.renewWrap .btn-like, .renewPage .btn-like{width:24px;height:24px;background:url('/images/icon_24_bookmarker.svg') 0 -1px;border-radius:0}
.renewWrap .btn-like.btn-like.lottietype{width:40px;height:40px;background:none !important}
.renewWrap .sortingList .bookmarker > button.lottietype{right:-8px}
.renewWrap .btn-like.like, .renewPage .btn-like.like{background:url('/images/icon_24_bookmarker_select.svg') 0 -1px}
.renewWrap .titlename{font-size:18px;font-weight:700}
.renewWrap .recentList .sell-tag{flex:0 0 auto; margin-left:auto}
.renewWrap .sortingList .listinfo{margin-top:4px;margin-right:94px}
.renewWrap .sortingList .listinfo.textellipsis{width:100%}
.renewWrap .sortingList .listnoti{margin-top:4px; margin-right:94px; font-size:12px;}
.renewWrap .sortingList .infocon{position:relative;padding-left:6px;margin-right:6px;color:#888}
.renewWrap .sortingList .infocon:before{position:absolute;top:10px;left:0;content:"";width:2px;height:2px;border-radius:50%;background-color:#888}
.renewWrap .sortingList div.infocon{padding:0;margin:0}
.renewWrap .sortingList div.infocon:before{display:none}
.renewWrap .sortingList .infocon:first-child{padding-left:0;}
.renewWrap .sortingList .infocon:first-child:before{display:none}
.renewWrap .sortingList .badge{height:20px;line-height:20px;margin-left:auto;border-radius:22px;padding:0 7px;color:#fff;font-size:11px}
.renewWrap .sortingList .badge.round-green{background-color:#3bb120}
.renewWrap .sortingList .badge.round-navy{background-color:#515d7d}
.renewWrap .sortingList .badge.round-blue{background-color:#3159c6}
.renewWrap .sortingList .badge.round-orange{background-color:#f54f1b}
.renewWrap .sortingList .btn-select{margin-top:8px}

.renewWrap .sortingList .imginfo{border-radius:8px;overflow:hidden}
.renewWrap .sortingList:not(.type2) .imginfo{position:absolute; right:0; bottom:2px; min-width:86px;width:86px; height:72px;}
.renewWrap .sortingList .imginfo img{width:100%; height:100%;}
.renewWrap .sortingList .imginfo.round{width:68px;min-width:68px;height:68px;border-radius:50%;overflow:hidden; bottom:0}
.renewWrap .sortingList .imginfo.round .deem{display:flex;align-items:center;justify-content: center;position:absolute;top:0;left:0;width:68px;height:68px;font-size:12px;color:#fff;background:#888}
.renewWrap .sortingList .imginfo.round.top{bottom:auto;top:-12px}
.renewWrap .sortingList .imginfo .video{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:32px;height:32px;background:url('/images/icon_32_video_play.svg')}
.renewWrap .sortingList .imginfo .txtnum{position:absolute;top:52px;right:4px;height:16px;padding:0 4px;color:#f5f5f5;font-size:11px;border-radius:4px;background:rgba( 34, 34, 34, 0.8)}
.renewWrap .sortingList .imginfo .txtdanji{position:absolute;top:0;right:0;width:42px;height:28px;line-height:28px;color:#f5f5f5;font-size:11px;border-radius:0 8px 0 8px;background:rgba( 0, 0, 0, 0.6);text-align:center}
.renewWrap .sortingList .imginfo .txtdanji.type2{width:23px; height:16px; top:auto; right:4px; bottom:4px; border-radius:2px; line-height:16px}
.renewWrap .interestList .imginfo.small{min-width:56px;width:56px; height:56px;top:-1px; bottom:auto;}
.renewWrap .interestList .imginfo img{height:100%}
.renewWrap .sortingList .listrate{display:inline-block;height:26px;line-height:26px;margin-top:10px;background:#f5f5f5;border-radius:4px;padding:0 8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.renewWrap .sortingList .listrate .tit{color:#888;margin-right:4px}
.renewWrap .sortingList .listrate .tit.line{position:relative;padding-left:9px}
.renewWrap .sortingList .listrate .tit.line:before{content:"";position:absolute;top:4px;left:5px;display:block;width:1px;height:12px;background-color:#eee;}
.renewWrap .detailBox .sortingList + .sortingList{padding:12px 0 20px}
.renewWrap .listprice{width:100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.renewWrap .ico-poi{font-weight:400;font-size:14px;margin-right:4px;}
.renewWrap .ico-sale{color:#f54f1b}
.renewWrap .ico-lease{color:#3bb120}
.renewWrap .ico-monthly{color:#7c7366}
.renewWrap .listprice .title{max-width: calc(100% - 44px);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 16px;font-weight:700}
.renewWrap .overlayWrap{position:relative; background-color:#f5f5f5}
.renewWrap .overlayWrap:before{content:""; position:absolute; left:0; right:0; top:-1px; height:1px; background:#eee}
.renewWrap .overlayWrap .colbx[role="button"]{display:flex; flex-direction:column; justify-content:center; min-height:72px;}
.renewWrap .overlayWrap .sortingList{margin:0; padding:20px 16px;}
.renewWrap .overlayWrap .sortingList:not(:last-of-type){border-color:#e0e0e0}
.renewWrap .overlayWrap .broker .brokername:after{background:linear-gradient(90deg, rgba(245,245,245,0) 0%, rgba(245,245,245,0.8) 50%, rgba(245,245,245,1) 100%)}
.renewWrap .overlayWrap .colgroup-btn.honey{background-color:#fff}
.renewWrap .sortingGroup .detailBox{padding:0}
.renewWrap .sortingGroup .detailBox:nth-of-type(1){border-top:none;}
.renewWrap .sortingGroup .detailBox:nth-of-type(1):before, .renewWrap .sortingGroup .detailBox:nth-of-type(1):after{content:none}

.fulldanjiItem .listbtns{margin-top:10px; }
.fulldanjiItem .listbtns.type1{padding:0 94px 0 40px}
.fulldanjiItem .listbtns.type1 > .bedge{position: absolute; left:0; top:4px;}
.fulldanjiItem .listbtns.type2{padding:0 0 0 40px}
.fulldanjiItem .listbtns.type2 > .bedge{position: absolute; left:0; top:4px;}

.sortingList.type2 .colbx{display:flex; align-items:center;}
.sortingList.type2 .imginfo{flex-shrink:0; position:relative; width:176px; height:162px; margin-right:10px; background-color:#f5f5f5}
.sortingList.type2 .listbtns{flex:1; max-width:100%;}
.sortingList.type2 .listgroup{display:flex;}
.sortingList.type2 .listgroup.reverse{-ms-flex-direction:row-reverse; flex-direction:row-reverse;}
.sortingList.type2 .listgroup > *{margin-right:0}
.sortingList.type2 .listlbl .label{margin-bottom:0}
.sortingList.type2 .listbtns .listname, .sortingList.type2 .listprice{width:auto}
.sortingList.type2 .listbtns .listname{margin-bottom:6px}
.sortingList.type2 .listbtns .name.flexbox{max-width:100%}
.sortingList.type2 .listprice .ico-poi{margin-right:2px}
.sortingList.type2 .listinfo{flex:1; margin-top:0;}
.sortingList.type2 .listnoti{max-width:100%; margin-top:0;}
.sortingList.type2 .brokerlabel{margin-left:auto}
.sortingList.type2 .imginfo + .listbtns{max-width:calc(100% - 186px)}
.sortingList.type2 .imginfo + .listbtns .listgroup{-ms-flex-align:column; flex-direction:column; align-items:flex-start;}
.sortingList.type2 .imginfo + .listbtns .brokerlabel{margin-left:0}
.sortingList.type2 .imginfo + .listbtns .listname, .sortingList.type2 .imginfo + .listbtns .name{margin:0}
.sortingList.type2 .imginfo + .listbtns .listname, .sortingList.type2 .imginfo + .listbtns .name:not(.flexbox){display:block;}
.sortingList.type2 .imginfo + .listbtns .listprice .title{font-size:14px}
.sortingList.type2 .imginfo + .listbtns .list *{margin-top:2px; margin-bottom:2px;}
.sortingList.type2 .imginfo + .listbtns .listnoti{margin:2px 0;}
.sortingList.type3{padding:16px;margin:0}

.renewWrap .fulldanjiItem .sortingList .listbtns .listname{display:flex; align-items:center;}
.renewWrap .fulldanjiItem  .sortingList .year{width:80px; flex-shrink: 0;}
.renewWrap .fulldanjiItem .sortingList .listbtns .listname .titlename{ text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.renewWrap .bedge.kb{display:block;width:40px;height:40px;line-height:15px;padding-top:5px;background:#7c7366;color:#fabc23;font-size:12px;border-radius:8px;white-space: pre;text-align:center;align-self: center;}
.renewWrap .bedge.kb:after{content:"K B\A시세"}
.renewWrap .bedge.housemuch{display:block;width:40px;height:40px;line-height:15px;padding-top:5px;background:#515d7d;color:#fff;font-size:12px;border-radius:8px;white-space: pre;text-align:center;align-self: center;}
.renewWrap .bedge.housemuch:after{content:"하우스\A머치"}
.renewWrap .listpricewrap{flex:1;text-align:left;margin-left:8px}
.renewWrap .listpricewrap .title{font-weight:400}
.renewWrap .colgroup-btn{display:flex;margin-top:14px;border-radius:8px;border:1px solid #eee;padding:7px}
.renewWrap .colgroup-btn .btn{position:relative;flex:1}
.renewWrap .colgroup-btn .btn:not(.btn-row):before{position:absolute;top:5px;left:0;content:"";display:block;width:1px;height:12px;background:#eee;}
.renewWrap .colgroup-btn .btn:first-child:before{display:none}
.renewWrap .colgroup-btn .btn span{color:#888}
.renewWrap .colgroup-btn .btn em{margin-left:4px;font-size:16px}
.renewWrap .colgroup-btn .btn-row > *{display:block}
.renewWrap .colgroup-btn.grey{border:0;padding:0}
.renewWrap .colgroup-btn.grey .btn{background:#f5f5f5;margin-left:8px;height:36px;line-height:36px;border-radius:6px}
.renewWrap .colgroup-btn.grey .btn:first-child{margin:0}
.renewWrap .colgroup-btn.grey .btn:before{display:none}
.renewWrap .colgroup-btn .btn-row.active{font-weight:700}
.renewWrap .colgroup-btn.honey{background:#f5f5f5; box-shadow:0 2px 4px rgba(0,0,0,.08)}
.renewWrap .colgroup-btn.honey span{color:#444}
.renewWrap .blue{color:#4373f4}
.renewWrap .broker{overflow:hidden;display:flex; align-items:center;margin:8px 94px 0 0;letter-spacing:-.5px}
.renewWrap .broker .brokerimg{flex-shrink:0;width:24px;height:24px; margin-right:4px; background:url('/images/face.png') no-repeat 0 0 /24px; border-radius:50%; overflow: hidden;;}
.renewWrap .broker .brokerimg img{width: 100%; height:100%;object-fit: cover;}
.renewWrap .broker .brokername { max-width:100%;padding-right:8px;overflow: hidden; font-size:12px; flex: 1; word-break: keep-all; position: relative; white-space:nowrap; }
.renewWrap .broker .brokername:after {content:'';height:18px;width:24px;position:absolute;top:0;right:0;background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,1) 100%);}
.renewWrap .brokerlabel{flex-shrink:0;border-radius:4px;border:solid 1px #888; font-size:11px; color:#888;letter-spacing: -.5px; padding:0 4px; }
.renewWrap .brokerlabel em{font-size:11px; color:#888; line-height:16px;}
.renewWrap .brokerlabel.kb em{padding-left:18px;background:url('/images/icon_16_k_bsymbol.svg') no-repeat 0 50% / 16px}

/* 자주가는 단지 리스트 */
.renewWrap .oftenList{padding:12px 16px}
.renewWrap .oftenList .in{display:flex;align-items:baseline}
.renewWrap .oftenList .stit{font-size:12px;color:#888}
.renewWrap .oftenList .tit{flex:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-left:8px;text-align:left}
.renewWrap .oftenList.rowtype{flex-direction: column;}
.renewWrap .oftenList .brokerlabel{margin-left:auto}
.renewWrap .oftenList .listprice .title{font-weight:400}
.renewWrap .oftenList .in:first-child{margin:0}
.renewWrap .oftenList .in{margin-top:4px}

.renewWrap .sortingbx{position:relative}
.renewWrap .sortingCon .nodata{display:flex;height:auto;padding:80px 0 0;text-align:center;font-size:16px}
.renewWrap .sortingCon .nodata .stip{font-size:14px;color:#888;padding-top:2px}
.renewWrap .sortingbx.off .sortingInfo:after{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.3)}
.renewWrap .sortingbx.off .sortingList:after{content:"";position:absolute;top:0;left:-16px;display:block;width:calc(100% + 32px);height:100%;background:rgba(0,0,0,0.3)}
.renewWrap .callList .sortingList{border-bottom:0}
.renewWrap .callList .sortingbx.off .sortingInfo:after{display:none}
.renewWrap .callList .sortingbx .colgroup-btn{margin:12px 0px 0;padding:0 0 16px;border-bottom:1px solid #eee; border-radius:0;}
.renewWrap .callList .sortingbx.off .sortingNoti:after{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.3)}
.renewWrap .callList .sortingbx.off .sortingList:after{content:"";position:absolute;top:0;left:-16px;display:block;width:calc(100% + 32px);height:100%;background:rgba(0,0,0,0.3)}
.renewWrap .sortingbx.off .btn-delmode{position:relative;z-index:1;background-color:#eee;width:32px;height:32px;background-repeat: no-repeat;background-position: 50% 50%;}
.renewWrap .danjiimginfo{position:absolute;top:0;right:0;width:42px;height:28px;border-radius: 0 8px 0 8px;overflow: hidden;}
.renewWrap .sortingList .imginfo .danjiimginfo .txtdanji{background:rgba( 0, 0, 0, 0.3)}

/* select */
.renewWrap .selWrap{position:relative;text-align:left}
.renewWrap .selWrap .btn-selchoice{position:relative;top:2px;font-size:14px;height:40px;line-height:41px;padding-right:16px}
.renewWrap .selWrap .btn-selchoice:after{position:absolute;top:18px;right:0;content: "";display: inline-block;width:0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 6px solid transparent;border-top: 6px solid #444;}
.renewWrap .selWrap .btn-selchoice.active:after{border-top: 6px solid transparent;border-bottom: 6px solid #222;top:12px;}
.renewWrap .sellist{position:absolute;top:38px;left:0;min-width:110px;background:#fff;border-radius:8px;z-index:1;box-shadow: 0 4px 10px rgb(0 0 0 / 10%);letter-spacing:-.7px}
.renewWrap .sellist li{height:48px;line-height:48px;padding:0 16px;border-bottom:1px solid #f5f5f5}
.renewWrap .sellist li:last-child{border-bottom:0}
.renewWrap .sellist li.active{color:#4373f4;font-weight:700}
.renewWrap .sellist li:hover{background-color:#f5f5f5}

/* 체크박스 */
.chkWrap .custom-control-label{width:32px;height:32px;padding:0}
.chkWrap .custom-control-label::before{display:none}
.chkWrap .custom-control-label::after{width:32px;height:32px;border-radius:16px;background-color:#eee;transition: .3s;background-image:url('/images/property_1_l_property_2_default.svg');background-size:24px;background-position:50% 50%}
.chkWrap .custom-checkbox .custom-control-input:checked + .custom-control-label::after{background-color:#4373f4;background-image:url('/images/property_1_l_property_2_default.svg');background-size:24px;background-position:50% 50%}
/* 스위치체크박스 */
.newtype.btn-switch .switch label{width:48px; height:30px; background:#cdd0d5}
.newtype.btn-switch .switch label.custom-control-label:after{width:26px; height:26px; border-radius:50%;;}
.newtype.btn-switch .switch input:checked + label{background-color:#4373f4}
.newtype.btn-switch .switch input:checked + label.custom-control-label:after{transform: translateX(17px);}
.newtype1.btn-switch{display: flex; align-items:center; margin-bottom:8px}
.newtype1.btn-switch +.newtype1.btn-switch{margin-left:18px}
.newtype1.btn-switch +.newtype1.btn-switch:before{content:""; display: block; position:absolute; width:1px; height:14px;background-color:#e0e0e0; left:-10px; top:6px}
.newtype1.btn-switch .switch {position: relative; top:6px; margin-left:10px}
.newtype1.btn-switch .switch label{width:48px;height:8px; background-color:#e0e0e0}
.newtype1.btn-switch .switch label.custom-control-label{opacity:1}
.newtype1.btn-switch .switch label.custom-control-label:after{box-shadow:0 1px 10px rgb(0 0 0 / 20%); top:-10px; left:-2px; width:26px; height:26px; border-radius:50%;}
.newtype1.btn-switch .switch input:disabled + label.custom-control-label{background:#eee}
.newtype1.btn-switch .switch input:disabled + label.custom-control-label:after{background:#f5f5f5;box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.15);}
.newtype1.btn-switch .switch input:checked + label{background-color:#4373f4}
.newtype1.btn-switch .switch input:checked + label.custom-control-label:after{transform: translateX(27px);}

/* 공통뱃지 */
.renewWrap .sell-tag { display:inline-block; height:20px; padding:0 4px;margin-right:8px; border-radius:4px; font-size:11px; font-weight:700; line-height:20px; color:#fff; }
.renewWrap .sell-tag.round{border-radius:22px;padding:0 7px}/* 분양단계 라운드 */
.renewWrap .sell-tag.step1 { background:#4373f4; } /* 분양계획 */
.renewWrap .sell-tag.step2 { background:#f54f1b; } /* 분양중 */
.renewWrap .sell-tag.step3 { background:#3bb120; } /* 입주예정 */
.renewWrap .sell-tag.myhome{background:#515d7d}/* 내집내집 : 부모님집 */
.renewWrap .myhouselabel{color:#4373f4; font-size:12px; font-weight:700;}

/* 업/다운 컬러 화살표 */
.renewWrap .ratenum:before{content:""; display:inline-block; width:8px; height:8px; vertical-align:middle; margin-right:4px;}
.renewWrap .ratenum.up:before{margin-top:-8px; border-width:6px 4px 6px 4px; border-style:solid; border-color:transparent transparent #f54f1b transparent;}
.renewWrap .ratenum.down:before{margin-top:4px; border-width:6px 4px 6px 4px; border-style:solid; border-color:#4373f4 transparent transparent transparent;}
.ratenumtype1 {position:relative;display:inline-block;width:4px;height:4px}
.ratenumtype1:before{position:absolute;top:0;left:0;content:""; display:inline-block; width:4px; height:4px;}
.ratenumtype1.up:before{top:-4px;border-width:4px 3px 4px 3px; border-style:solid; border-color:transparent transparent #f54f1b transparent;}
.ratenumtype1.down:before{ border-width:4px 3px 4px 3px; border-style:solid; border-color:#4373f4 transparent transparent transparent;}
.ratenumtype2 {position:relative;display:inline-block;padding-left:12px;line-height:20px;font-size:12px}
.ratenumtype2.up{color:#f54f1b}
.ratenumtype2.down{color:#4373f4}
.ratenumtype2:before{position:absolute;top:50%;left:0;content:""; display:inline-block;}
.ratenumtype2.up:before{top:3px;border-width:6px 4px 6px 4px; border-style:solid; border-color:transparent transparent #f54f1b transparent;}
.ratenumtype2.down:before{ top:8px;border-width:6px 4px 6px 4px; border-style:solid; border-color:#4373f4 transparent transparent transparent;}

/* 연락한 */
.renewWrap .callList .sortingInfo{background:#fff}
.renewWrap .memoList{padding:12px 0;;border-bottom:1px solid #eee}
.renewWrap .listlimit{overflow: hidden;}
.renewWrap .listlimit.active{max-height:100% !important; height:auto;overflow: hidden;}
.renewWrap .memobx {position:relative; margin-bottom:8px; text-align:left; padding-right:56px}
.renewWrap .memobx .btnpo{position:absolute;top:0;right:0}
.renewWrap .btn-reg{height:40px;padding:0 8px;background:#eee;color:#bbb;border-radius:8px}
.renewWrap .guidetxt{background:url('/images/icon_16_notice.svg') no-repeat 0 2px/16px; padding-left:20px; color:#888888; font-size:12px; text-align: left;margin-bottom:8px;}
.renewWrap .guidetxt.ico20{background:url('/images/icon_24_condition_info_nor.svg') no-repeat 0 0/20px;padding-left:28px;font-size:14px}
.renewWrap .auto .btn-reg{background-color:#4373f4;color:#fff}
.renewWrap .memobx .date {width:46px;flex-shrink:0;margin:0 10px 0 0;color:#888;font-size:12px;align-self:center}
.renewWrap .memobx .time {display:block}
.renewWrap .memobx .date.blue {color:#4373f4;align-self:flex-start;padding-top:10px}
.renewWrap .limtarea{display:none;position: relative; bottom:auto; right:auto; text-align: right; margin-top:4px; color:#888;font-size:12px}
.renewWrap .limtarea.focus{display:block}
.renewWrap .memobx .formwrap{display:flex;flex:1;}
.renewWrap .formwrap .textarea{flex:1;position:relative;height:auto;border:solid 1px #bbb;border-radius:8px}
.renewWrap .formwrap .textarea:hover{border-color:#888}
.renewWrap .formwrap.auto .textarea{border-color:#4373f4;height:auto}
.renewWrap .formwrap .textarea .form-control{border:0 !important;line-height:22px;overflow-y:auto !important;border-radius:8px;vertical-align:top;align-self:flex-start;padding:8px !important}
.renewWrap .btn-regDel{width:48px;height:40px;background:url('/images/icon_16_memo_delete.svg') no-repeat 50% 50% / 16px auto;}
.renewWrap .memobx .formwrap.textDone .textarea{border-color:#f5f5f5}
.renewWrap .memobx .formwrap.textDone textarea.form-control{min-height:38px; height:100%;background-color: #f5f5f5;color:#888; }
.renewWrap .memobx .formwrap.textDone.auto .textarea{border-color:#4373f4;height:auto}
.renewWrap .memobx .formwrap.textDone.auto textarea.form-control{background:#fff}
.renewWrap .memobx .formwrap.textDone.auto .time{display:none}
.renewWrap .memobx .formwrap.textDone.doneauto .textarea{height:auto}
.renewWrap .listlimit  .textarea{min-height:40px; height:auto}
.renewWrap .memotext{display:flex;flex:1;align-items:center;min-height:40px;background-color: #f5f5f5; padding:8px;border-radius:8px;word-break:break-all;color:#888;}
.renewWrap .btn-tablemore{width:100%;height:32px;font-size:14px;color:#444;text-align:center;transform:.3s}
.renewWrap .btn-tablemore:after{content:"";display:inline-block;width:10px;height:10px;transform:rotate(135deg);border-width:1px 1px 0 0;border-style:solid;border-color:#444;}
.renewWrap .btn-tablemore.active:after{transform:rotate(-45deg);}
.renewWrap .btn-tablemore.typetext{font-size:16px}
.renewWrap .btn-tablemore.typetext:after{display:none}
.renewWrap .btn-share {background:url('/images/ico_24_share_nor.svg')}
.renewWrap .chkList{padding:12px 0px 16px;text-align: left;}
.renewWrap .chkList .tit {display:block;font-size:14px;padding-bottom:4px}
.renewWrap .chkList .chkbx{position:relative;margin-top:4px;padding-left:32px}
.renewWrap .chkList .chkbx .btn{margin:8px 8px 0 0;border:0}
.renewWrap .chkbx .ico-advantage{position:absolute;top:8px;left:0;display:block;width:24px;height:24px;background:url('/images/icon_24_like.svg') no-repeat 50% 50% / 24px auto;font-size:0}
.renewWrap .chkbx .ico-weakness{position:absolute;top:8px;left:0;display:block;width:24px;height:24px;background:url('/images/icon_24_dislike.svg') no-repeat 50% 50% / 24px auto;font-size:0}
.renewWrap .btn-advantageBlue{height:28px;padding:0 10px;background:rgba(67, 115, 244, 0.1);border-radius:38px}
.renewWrap .advantagebx, .renewWrap .weaknessbx{display:none}
.renewWrap .advantagebx.open, .renewWrap .weaknessbx.open{display:block}
.renewWrap .btn-weaknessRed{height:28px;padding:0 10px;background:rgba(254, 121, 21, 0.1);border-radius:38px}
.renewWrap .btn-chkplus{position:relative;width:28px;height:28px;background:#f5f5f5}
.renewWrap .btn-chkplus:after{content:"";display:block;width:16px;height:16px;margin:0 auto;background:url('/images/icon_16_plus.svg') no-repeat 0 0}
.renewWrap .chkList .group-chkbx{margin:8px 0 4px}
.renewWrap .group-chkbx .btn-group-toggle{display: flex;flex-wrap: wrap;width: 100%;align-items: center;justify-content: flex-start}
.renewWrap .group-chkbx .btn-secondary {height: 36px;min-width: calc((100% / 3 - 8px) );max-width: calc((100% / 3 - 8px));border-radius: 6px !important;margin:4px;letter-spacing: -.5px;background: #f5f5f5;color: #444;font-size:14px;}
.renewWrap .group-chkbx .btn-secondary.active{background-color:#4373f4;font-weight:500;border:0}
.renewWrap .group-chkbx .btn-secondary.active span{color:#fff}
.renewWrap .weaknessbx .group-chkbx .btn-secondary.active{background-color:#fe7915}
.renewWrap .pagingWrap{padding:24px 0}
.renewWrap .pagingWrap .btn{position:relative;width:40px;height:40px;border-radius:20px;border:1px solid #e0e0e0;margin:0 12px}
.renewWrap .pagingWrap .btn.disable{border-color:#eee}
.renewWrap .pagingWrap .btn:after {position:relative;top:0;left:-1px;content: "";display:inline-block;width:11px;height:11px;transform:rotate(45deg);border-width: 1px 1px 0 0;border-style: solid;border-color: #444;}
.renewWrap .pagingWrap .btn.btn-pagePrev:after{transform:rotate(-135deg);left:1px}
.renewWrap .pagingWrap .btn.disable:after {border-color:#eee}

/* 로그인메인 */
.loginMain .loginCont{padding:0 0 10px}
.loginMain .loginCont .txtinfo{padding:12px 0 24px;font-size:20px;line-height:28px}
.loginMain .loginCont .btns{padding:0 48px}
.loginMain .loginCont .recent{font-size:12px;color:#888;margin:-4px 0 12px}
.loginMain .btn-login{position:relative;display:block;width:100%;max-width:264px;height:46px;border-radius:100px;background-color:#f3f5f9;font-size:14px;font-weight:700;margin:0 auto 12px;color:#444}
.loginMain .btn-login:active{opacity:.9}
.loginMain .btn-login.pc{display:block}
.loginMain .btn-login.mo{display:none}
.loginMain .loginCont .or{position:relative;display:inline-block;font-size:14px;color:#888;margin-bottom:12px}
.loginMain .loginCont .or:before{position:absolute;top:10px;left:-44px;content:"";display:block;width:32px;height:1px;line-height:22px;background-color:#eee}
.loginMain .loginCont .or:after{position:absolute;top:10px;right:-44px;content:"";display:block;width:32px;height:1px;line-height:22px;background-color:#eee}
.loginMain .btn-login span{position:relative;display:inline-block;height:32px;line-height:32px}
.loginMain .btn-login:active{background-color:#eaedf3}
.loginMain .btn-login.disabled{background-color:#eee;color:#bbb;border-color:#eee}
.loginMain .btn-login.naver{background-color:#03c75a;color:#fff}
.loginMain .btn-login.naver span{padding-left:32px;background:url('/images/icon_32_naver_white.svg') no-repeat 0 50% /32px auto}
.loginMain .btn-login.naver:active{background-color:#00a74a}
.loginMain .btn-login.naver.disabled{background-color:#8ac7a5;border-color:#8ac7a5;color:#eee}
.loginMain .btn-login.kakao{background-color:#f9e000;color:#444}
.loginMain .btn-login.kakao span{padding-left:32px;background:url('/images/icon_32_kakao_black.svg') no-repeat 0 50% /32px auto}
.loginMain .btn-login.kakao:active{background-color:#e9d414}
.loginMain .btn-login.kakao.disabled{background-color:#efe79a;border-color:#efe79a}
.loginMain .btn-login.kakao.disabled span{opacity:.5}
.loginMain .btn-login.facebook{background-color:#455d98;color:#fff}
.loginMain .btn-login.facebook span{padding-left:32px;background:url('/images/icon_32_facebook_white.svg') no-repeat 0 50% /32px auto}
.loginMain .btn-login.facebook:active{background-color:#37466a}
.loginMain .btn-login.facebook.disabled{background-color:#87a0dd;border-color:#87a0dd;color:#eee}
.loginMain .btn-login.google{background-color:#fff;color:#444;border:1px solid #e0e0e0}
.loginMain .btn-login.google span{padding-left:32px;background:url('/images/icon_32_google_color.svg') no-repeat 0 50% /32px auto}
.loginMain .btn-login.google:active{background-color:#f5f5f5}
.loginMain .btn-login.google.disabled{background-color:#eee;border-color:#e0e0e0}
.loginMain .btn-login.google.disabled span{-webkit-filter: grayscale(100%);filter: gray;opacity:.5}
.loginMain .btn-login.apple{background-color:#000;color:#fff}
.loginMain .btn-login.apple span{padding-left:32px;background:url('/images/logo_siwa_left_aligned_white_medium_1.svg') no-repeat 0 50% /32px auto}
.loginMain .btn-login.starbank{background-color:#ffcc00}
.loginMain .btn-login.starbank span{padding-left:30px;background:url('/images/icon_28_certification.png') no-repeat 0 50% / 28px auto}
.loginMain .btn-login.starbank:active{background-color:#e8ba05}
.loginMain .btn-login.lite{background-color:#9dad4b}
.loginMain .btn-login.lite span{padding-left:32px;background:url('/images/icon_32_litecertification.png') no-repeat 0 50% / 32px auto}
.loginMain .btn-login.lite:active{background-color:#899647}
.loginMain .loginBtmcon{padding-top:54px}
.loginMain .loginBtmcon .btn{color:#444;text-decoration:underline}
.loginMain .btn-applogin{margin-top:12px}

/* 약관동의 */
.chkCon .custom-checkbox .custom-control-input ~ .custom-control-label::after{top:50%;transform: translate(0%, -50%);background:url('/images/check_small.svg') no-repeat 0 0/ 24px auto #fff}
.chkCon .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{background:url('/images/check_small_blue.svg') no-repeat 0 0/ 24px auto  #fff;transition: .3s;}
.chkCon.sm .custom-checkbox .custom-control-input ~ .custom-control-label::after{border-radius: 16px;background-color: #eee;background-image: url('/images/property_1_l_property_2_default.svg');background-position: 50% 50%;background-size:16px auto}
.chkCon.sm .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{background-color: #4373f4;background-image: url('/images/property_1_l_property_2_default.svg');}
.chkCon .custom-control-label::before, .joinCont .custom-control-label::after{border:0}
.chkCon .custom-control-label::before{display:none}
.chkCon .custom-checkbox .custom-control-label{padding-left:30px}
.chkWrap{position:relative}
.chkWrap .custom-control-label{width:auto;padding-left:40px;line-height:32px;font-size:16px;font-weight:700}
.agreecon .chkCon .btn-view{position:relative;width:24px;height:24px;margin-left:auto;font-size:0;text-indent:-9999px;align-self:center}
.agreecon .chkCon .btn-view:after{position:absolute;top:4px;right:0;content:"";display:inline-block;width:10px;height:10px;transform:rotate(45deg);border-width: 1px 1px 0 0;border-style: solid;border-color: #888;    border-radius: 0;min-width: auto;min-height: auto;}
.agreecon.line{border:1px solid #e0e0e0;border-radius:12px;text-align:left;padding:16px}

/* 회원가입 */
.userWrap{display:flex;flex-direction:column;letter-spacing:-.5px;color:#444}
.userWrap input, .userWrap textarea, .userWrap select, .userWrap button{letter-spacing:-.5px;color:#444}
.userWrap button.bg-navy{color:#fff}
.userWrap button.btn-smallgrey{color:#888}
.userWrap .pageHead >h1{color:#222}
.userWrap .pageBottom{margin-top:auto}
.userWrap .joinCont{padding:16px}
.userWrap .agreecon{border:1px solid #e0e0e0;border-radius:12px;text-align:left;padding:16px}
.userWrap .setagree-wrap.sm .agreecon{padding:16px 8px}
.userWrap .agreecon.sm {padding: 16px 8px;overflow: hidden;}
.renewModal .userWrap .agreecon.sm.type2{padding:8px}
.renewModal .userWrap .agreecon.sm.type2 .chkWrap.sm .custom-control-label{font-size:13px;font-weight:300}
.renewModal .userWrap .agreecon.type2.svc{padding:16px 20px}
.renewModal .userWrap .agreecon.type2.svc .chkCon{font-size:16px}
.renewModal .userWrap .agreecon.type2.svc .bulletlist{margin:8px 0 0 24px}
.renewModal .userWrap .agreecon.type2.svc .infodl .chkCon{font-size:14px}
.setagree-wrap.sm .chkCon .custom-checkbox .custom-control-label{padding-left:26px;min-height:22px;line-height:22px}
.userWrap .agreecon .chkWrap{position:relative;padding-bottom:16px}
.userWrap .agreecon .chkWrap .custom-control-label{width:auto;padding-left:40px;line-height:32px;font-size:16px;font-weight:700}
.userWrap .agreecon .chkWrap.sm .custom-control-label{padding-left: 24px;font-size: 14px;font-weight: 400;line-height: 22px;}
.userWrap .setagree-wrap.sm .agreecon .chkWrap.sm .custom-control-label{padding-left: 32px;font-size: 16px;font-weight: 700;line-height: 24px;}
.userWrap .setagree-wrap.sm .agreecon .chkWrap.sm .custom-control-label:after{top:2px;left:4px}
.userWrap .agreecon.sm .chkWrap.sm .custom-control-label{padding-left: 32px;font-size: 16px;font-weight: 700;line-height: 24px;height:24px}
.userWrap .agreecon.sm .chkWrap.sm .custom-control-label:after{top:2px;left:4px}

.userWrap .agreecon .chkWrap:after{position:absolute;bottom:0;left:-16px;content:"";display:block;width:calc(100% + 32px);height:1px;background:#eee}
.userWrap .agreecon .chkCon{display:flex;position:relative;padding:18px 4px 0;font-size:14px;color:#888}
.userWrap .agreecon .chkCon.sm{padding-top:0;margin:-6px 0;font-size:13px}
.userWrap .agreecon.type2 .chkWrap{padding:0}
.userWrap .agreecon.type2 .chkWrap:after{display:none}
.userWrap .agreecon.type2 .chkCon{padding:0}
.userWrap .agreecon.type2.svc{margin-top:20px}
.userWrap .agreecon.type2.svc .chkCon{color:#444;font-size:16px}
.userWrap .agreecon.type2.svc .infodl dd{width:50%;margin-top:13px;font-size:14px}
.type2.svc .chkCon .custom-checkbox .custom-control-input ~ .custom-control-label::after{top:2px;transform:none;background-position:50% 50%}
.type2.svc .chkCon .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{background-position:50% 50%}
.userWrap .agreecon.type2.svc .bulletlist {margin:8px 32px 0}
.userWrap .agreecon.type2.svc .bulletlist li{display:inline-block}
.userWrap .agreecon.type2.svc .bulletlist li:nth-child(2n){margin-left:8px}
.agreecon.type2.svc .chkCon .btn-view{margin-top:2px;align-self: baseline;}
.infodl{display:flex;flex-wrap: wrap;margin:16px 40px 0}
.infodl dt{display:block;width:100%;font-size:14px;font-weight:300}
.btn-smallgrey{position:relative;font-size:14px;color:#888}
.btn-smallgrey:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:1px;background:#888}
.userWrap .loginCont{padding:16px}
.userWrap .setinput-wrap{margin-bottom:20px}
.userWrap .setagree-wrap{padding:28px 0 32px}
.userWrap .setagree-wrap.sm{padding:8px 0 40px}
.userWrap .myhomeCont .setagree-wrap{padding:16px 0 0}
.userWrap .setinput-wrap .setinput-item{margin-bottom:12px}
.userWrap .form-control{font-size:16px;transition: .3s;}
.userWrap .setinput-wrap .setinput-item .inputbt{top:8px}
.userWrap .setinput-wrap .setinput-item .inputbt .btn-txtDel{position:relative;top:6px}
.userWrap .myhomeCont .setinput-wrap .setinput-item .inputbt{top:14px}
.userWrap .myhomeCont .setinput-wrap .setinput-item .inputbt .btn-txtDel{top:0}
.userWrap .setinput-wrap .setinput-item.split .inputbt{display:flex;align-items:center;height:36px;top:8px;right:8px}
.userWrap .setinput-wrap .setinput-item.split .inputbt .btn-txtDel{position:relative;top:0}
.userWrap .setinput-wrap .time{margin-left:10px;color:#f54f1b;font-size:14px}
.userWrap .memberBx{position:relative;padding-bottom:12px}
.userWrap .memberBx.line{padding-top:40px}
.userWrap .memberBx.line:before{position:absolute;top:0;left:-16px;content:"";display:block;width:calc(100% + 32px);height:8px;background:#f5f5f5;border-top:1px solid #eee}
.userWrap .setinput-wrap .setinput-item .btn-iptform{position:static;margin-left:6px}
.error-text{padding-top:8px;font-size:12px;color:#f54f1b}
.renewWrap .setinput-wrap .send-text, .setagree-wrap .send-text{padding-top:8px;font-size:12px}
.renewWrap .setinput-wrap .send-text .time{font-size:12px;margin-left:0}
.renewWrap .setinput-wrap .submit-text{position:relative;padding:8px 0 0 28px;font-size:12px;background:url('/images/icon_24_check_submit.svg') no-repeat 0 5px / 24px auto}
.renewWrap .setinput-wrap .noti-text{padding-top:8px;font-size:12px;color:#888}
.userWrap .noti-wrap{padding:16px 0 32px;text-align:left}
.userWrap .noti-wrap strong{font-weight:400;font-size:18px;}
.userWrap .noti-wrap strong .icon_24_info{position:relative;top:6px}
.userWrap .noti-wrap .blue{display:block;color:#4373f4;}
.userWrap .noti-wrap .text{font-size:18px}
.userWrap .noti-wrap .stext{padding-top:4px;font-size:14px;color:#888}
.userWrap .noti-wrap .btn_sns_login{position:relative;top:-4px;line-height:26px;border:0;border-radius:0;font-size:18px;}
.userWrap .noti-wrap .fts18 + .fts16{margin-top:18px}
.userWrap .noti-wrap .notiBoxType1{margin-top:12px}
.userWrap .noti-wrap .btn-typetext.arrowbullet{margin:8px 0;}
.userWrap .joinCont .text-black{position:relative;text-align:left}
.userWrap .noti-wrap.type2{padding:20px 0 24px;font-size:16px}
.userWrap .noti-wrap.type2 strong{font-size:inherit;font-weight:700}
.renewModal .userWrap .noti-wrap.type2{padding:0 0 24px;font-size:14px;text-align:center}

/* 닉네임 체크 */
.userWrap .nickname-wrap{display:flex;align-content:center;min-height:224px;margin-top:18px;justify-content:center;flex-flow:wrap}
.userWrap .nickname-wrap .in{display: flex;align-items: center;justify-content: flex-start;flex-wrap:wrap;min-height:auto;margin:auto 0 auto 8px}
.userWrap .nickname-wrap .item{width:32px;height:52px;line-height:54px;border-radius:8px;margin:2px 8px 2px 0;font-size:16px;font-weight:700}
.userWrap .nickname-wrap .item.form-control{padding:0;text-align:center;border:1px solid #e0e0e0;color:#4373f4}
.userWrap .nickname-wrap .item.form-control:disabled{background:#eee;border:0;font-size:10px}
.userWrap .nickname-wrap .item.form-control::placeholder {color:#bbb;font-size:10px}
.userWrap .nickname-wrap .item.form-control::-webkit-input-placeholder {color:#bbb;font-size:10px}
.userWrap .nickname-wrap .item.form-control:-ms-input-placeholder {color:#bbb;font-size:10px}
.userWrap .nickname-wrap .item.form-control:focus{border-color:#4373f4}
.userWrap .nickname-wrap .item.form-control.is-invalid{border-color:#f54f1b}
.userWrap .nickname-wrap .error-text{width:100%;text-align:left;}

/* 회원가입:내집내집 등록 유도 */
.userWrap .myhomeCont, .userWrap .myhomeBottom{background:#fff}
.myhomeCont{padding:16px}
.joinCont .myhomeCont{padding:0}
.myhomeCont .noti-wrap{margin-bottom:40px;padding-bottom:166px;background:url('/images/graphic_myhome_142.svg') no-repeat 50% 100% / 142px auto}
.myhomeCont .noti-wrap.myhometype2{position:relative;background:none;padding:0;margin:0 -16px 24px}
.myhomeCont .noti-wrap.myhometype2 img{display:block;width:100%;max-width:360px;margin:24px auto 0}
.myhomeCont .noti-wrap.myhometype2 img.defaultMode{display:block}
.myhomeCont .noti-wrap.myhometype2 img.darkMode{display:none}
.myhomeCont .noti-wrap.myhometype2 strong{display:block;padding:0 16px}
.myhomeCont .noti-wrap strong{font-size:20px;font-weight:500}
.myhomeCont .setinput-wrap{margin-bottom:32px}
.myhomeCont .setinput-wrap .title{display:block;padding-bottom:16px;font-size:18px;color:#222;font-weight:700; position: relative;}
.myhomeCont .setinput-wrap .title.flexbox{display:flex;justify-content: space-between;}
.myhomeCont .setinput-wrap .costText{display:block;padding-bottom:16px;font-size:18px;color:#222;font-weight:700; position: absolute; right:0; top:0; font-size:14px; color:#4373f4;}
.myhomeCont .setinput-wrap .stitle{position:relative;display:block;padding-bottom:8px;font-size:14px;color:#888}
.myhomeCont .setinput-wrap .stitle .costText{font-weight:400}
.myhomeCont .setinput-wrap .setinput-item .inputtxt{position:static;top:auto;right:auto;display:inline-block;padding-right:8px}
.myhomeCont .hashtag{display:flex;flex-wrap: wrap;}
.myhomeCont .hashtag .item{padding:0 4px;margin:0 8px 8px 0;line-height:20px;background:#f3f5f9;border-radius:4px;font-size:11px}
.myhomeCont .setsearch-item{position:relative;margin:0 -16px;padding:20px 16px;background:#f3f5f9}
.myhomeCont .setsearch-item .form-control{height: 52px;padding: 0 80px 0 44px;line-height: 24px;border-radius: 8px;border:0;background:url('/images/icon_24_search_new.svg') no-repeat 12px 50% / 24px auto #fff;box-shadow: 0 4px 16px rgb(0 0 0 / 19%);}
.myhomeCont .setsearch-item .form-control:focus{border:0;background:url('/images/icon_24_search_new.svg') no-repeat 12px 50% / 24px auto #fff }
.myhomeCont .setsearch-item .inputbt{position:absolute;top:34px;right:32px;font-size:14px;color:#4373f4;text-decoration:underline;cursor: pointer;}
.myhomeCont .setsearch-item.blue{background:none;padding:0 16px}
.myhomeCont .setsearch-item.blue .form-control{border:1px solid #4373f4;background:url('/images/icon_24_search_blue.png') no-repeat 12px 50% / 24px auto}
.myhomeCont .setsearch-item.blue .form-control:disabled,
.myhomeCont .setsearch-item.blue .form-control[readonly]{color:#bbb;-webkit-text-fill-color:#bbb;opacity:1}
.myhomeCont .setsearch-item.blue .inputbt{top:50%;transform:translate(0,-50%)}
.myhomeCont .select-item{display:flex}
.myhomeCont .select-item .item{position:relative;margin-left:8px;width:100%}
.myhomeCont .select-item .item:nth-of-type(1){margin-left:0}
.myhomeCont .select-item .item .txt{position:absolute;top:0;right:15px;height:52px;line-height:52px;font-size:16px;font-weight:700}
.myhomeCont .select-item + .text-grey{margin-top:12px}
.myhomeCont .setinput-wrap .text-grey{font-size:12px;padding-top:0}
.myhomeCont .btn-seltype1{border:1px solid #e0e0e0;border-radius:8px;height:52px;width:100%;padding:0 32px 0 16px;text-align:left;background:url('/images/icon_16_more_arrow.svg') no-repeat calc(100% - 16px) 50% / 16px auto #fff;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.myhomeCont .btn-seltype1.disabled{border-color:#eee;background:url('/images/icon_16_more_arrow_disabled.svg') no-repeat calc(100% - 16px) 50% / 16px auto #eee;color:#bbb}
.myhomeCont .btn-seltype1.before{border-color:#eee;color:#bbb}
.myhomeCont .btn-seltype2{position:relative;border:1px solid #e0e0e0;border-radius:8px;height:52px;width:100%;padding:0 40px 0 16px;text-align:left;background:#fff}
.myhomeCont .btn-seltype2:disabled{border-color:#eee;background:#eee;color:#bbb}
.myhomeCont .btn-seltype2:disabled + .txt{color:#bbb}
.myhomeCont .btn-seltype2:focus{border-color:#4373f4}
.myhomeCont .addbtns{margin-top:12px}
.myhomeCont .addbtns +.title{margin-top:32px}
.myhomeCont .addbtns .btn-addmoney{height:30px;line-height:30px;border-radius:4px;padding:0 4px;margin-right:8px;min-width:62px;font-size:14px;background-color:#f5f5f5}
.myhomeCont .addbtns .btn-addmoney.disabled, .addbtns .btn-addmoney:disabled{border-color:#f5f5f5}
.myhomeCont .marketPrcwrap .text{position:relative;padding:32px 0 12px;font-size:16px;color:#000;z-index:1}
.myhomeCont .marketPrcwrap .text em{position:relative;display:inline-block}
.myhomeCont .marketPrcwrap .text em:after{position:absolute;bottom:3px;left:-1px;content:"";display:block;width:calc(100% + 2px);height:4px;background:#ffaf00;z-index:-1}
.myhomeCont .myhomeCont .setagree-wrap{padding:12px 0 32px}
.myhomeCont .addbtns .chkWrap{position:relative;top:4px;float:right}
.myhomeCont .addbtns .chkWrap.sm.square .custom-control-label{padding-left:0;padding-right:28px}
.myhomeCont .addbtns .chkWrap.sm.square .custom-control-label:after{left:auto;right:0}
.myhomeCont .agreecon .chkCon .btn-view{min-width:14px;width:14px;height:20px;min-height:20px}
.myhomeCont .agreecon .chkCon .btn-view:after{border-color:#444}
.userWrap .myhomeCont .select-item .btn-group-toggle .btn-secondary{flex:1;min-width:auto;max-width:none;margin-left:8px}
.myhomeCont .select-item .btn-group-toggle .btn-secondary.disabled{background-color:#eee}
/* .btn-group-toggle.gmyhome .btn-secondary{height:78px !important;flex-direction:column;} */
.btn-group-toggle.gmyhome .ico-hbtn{display:none}
.btn-secondary.disabled .ico-hbtn{filter: invert(100%);}
.btn-secondary.active .ico-hbtn{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.ico-hbtn{display:block;width:24px;height:24px;margin:0 auto 4px;background:url('/images/icon_24_home_my_normal_light.png') no-repeat 0 0 / 100% auto}
.ico-hbtn.type2{background:url('/images/icon_24_home_wish_normal_light.png') no-repeat 0 0 / 100% auto}
.ico-hbtn.type3{background:url('/images/icon_24_home_lend_normal_light.png') no-repeat 0 0 / 100% auto}
.selectwrapList .btn-group{display:block}
.selectwrapList .btn-secondary{position:relative;display:block;width:100%;height:56px;line-height:56px;padding:0 16px;border-radius:0 !important;border:0;background:none;text-align:left;font-size:16px;color:#444}
.selectwrapList .btn-secondary:not(:disabled).active{background:url('/images/check_small_blue.svg') no-repeat calc(100% - 16px) 50% / 24px auto #f5f5f5;color:#4373f4 !important;border:0;font-weight:700}
.selectwrapList .btn-secondary:after{content:"";display:block;width:calc(100% - 32px);position:absolute;bottom:0;left:16px;height:1px;background-color:#f5f5f5}
.userWrap .select-item .btn-group-toggle{display: flex;flex-wrap: wrap;width: 100%;align-items:center;justify-content:flex-start;}
.userWrap .select-item .btn-group-toggle .btn-secondary{height:50px;min-width: calc((100% / 3 - 8px) );max-width: calc((100% / 3 - 8px ));border-radius:8px !important;margin-left:12px;letter-spacing: -.5px;background:#f5f5f5;color:#444;font-size:16px;transition:none}
.userWrap .select-item .btn-group-toggle .btn-secondary.active{background:#4373f4;color:#fff !important;font-weight:700;border:0}
.userWrap .select-item .btn-group-toggle .btn-secondary:first-child{margin:0 !important}
.userWrap .select-item .btn-group-toggle .btn-secondary:nth-child(2){margin-top:0 !important}
.userWrap .select-item .btn-group-toggle .btn-secondary.disabled{color:#bbb}
.userWrap .select-item.type2 .btn-group-toggle .btn-secondary{min-width: calc((100% / 2 - 8px));max-width: calc((100% / 2 - 8px));margin-top:8px}
.userWrap .select-item.type2 .btn-group-toggle .btn-secondary:nth-child(2n-1){margin-left:0}
.myhomeBottom {margin: 0px 16px 0; padding-bottom: 16px;}
.myhomeBottom .btn-formtext { margin: 16px 0 0;color: #444;font-size: 16px; text-decoration: underline;}
.joinCont .myhomeBottom{margin:48px 0 0;padding:0}
.joinCont .myhomeCont .divideLine{margin:0 -16px 32px;padding:0 16px}
@media all and (max-width:1024px) {
    .layerselwrap.bottom{max-width:427px;}
}
/* 이용약관 */
.policyCont{padding:16px;text-align:left}
.policyCont .title{font-size:18px;padding-bottom:32px}
.policyCont .conBx{padding-bottom:54px}
.policyCont .conBx2{padding-bottom:32px}
.policyCont .stitle{display:block;font-size:16px;padding-bottom:8px}
.policyCont .cont{display:flex;font-size:14px;padding-bottom:8px}
.policyCont .cont .num{padding-right:5px}
.policyCont .scont li{position:relative;font-size:14px;color:#888;margin:0 0 8px 14px;padding-left:16px}
.policyCont .scont li:after{position:absolute;top:0;left:0}
.policyCont .scont li:nth-of-type(1):after{content:"①"}
.policyCont .scont li:nth-of-type(2):after{content:"②"}
.policyCont .scont li:nth-of-type(3):after{content:"③"}
.policyCont .scont li:nth-of-type(4):after{content:"④"}
.policyCont .scont li:nth-of-type(5):after{content:"⑤"}
.policyCont .scont li:nth-of-type(6):after{content:"⑥"}
.policyCont .scont li:nth-of-type(7):after{content:"⑦"}
.policyCont .scont li:nth-of-type(8):after{content:"⑧"}
.policyCont .scont li:nth-of-type(9):after{content:"⑨"}
.policyCont .scont li:nth-of-type(10):after{content:"⑩"}
.policyCont .scont li:nth-of-type(11):after{content:"⑪"}
.policyCont .scont li:nth-of-type(12):after{content:"⑫"}
.policyCont .scont li:nth-of-type(13):after{content:"⑬"}
.policyCont .scont li:nth-of-type(14):after{content:"⑭"}
.policyCont .scont li:nth-of-type(15):after{content:"⑮"}
.policyCont .scont li:nth-of-type(16):after{content:"⑯"}
.policyCont .scont li:nth-of-type(17):after{content:"⑰"}
.policyCont .scont li:nth-of-type(18):after{content:"⑱"}
.policyCont .scont li:nth-of-type(19):after{content:"⑲"}
.policyCont .scont li:nth-of-type(20):after{content:"⑳"}

/* 오늘의 집 추가  */
.todayhouseCon{padding:0 16px;}
.todayhouseCon .title{display: block; font-size: 16px;}
.todayhouseCon .stext{position:absolute; right:16px; top:20px;}
.todayhouseCon .stext .btn-help{margin-top:-3px;}
.todayhouseFilter{margin:24px -16px 11px 0;}
.todayhouseFilter  .scrollbar-inner {padding-bottom:5px}
.todayhouseFilter .btn-secondary{min-width:54px; height:32px; background: #f8f8f8; border-radius:18px; color:#676767; margin-right:8px;}
.todayhouseFilter .btn-secondary:not(:disabled):not(.disabled).active{border:none; background:#35c5f0; color:#fff !important}
.todayItem{display: flex; margin-bottom:16px;}
.todayimg{width:158px; height:114px; flex-shrink: 0; overflow: hidden; border-radius:4px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.todaycon{position:relative;margin-left:12px;}
.todaycon > span{display: block; }
.todaycon > span.widthsetting{position:absolute;top:8px;left:-162px;height:24px;line-height:24px;padding:0 4px;border-radius:4px;background:rgba(34,34,34,0.6);color:#fff;font-size: 12px;}
.todaycon > span.todaytitle{font-weight: 500; margin-bottom:10px; height:60px}
.todaycon > span.writer{font-size:12px;}
.todaycon > span.writer > em{display: inline-block; width:16px; height:16px; border-radius:50%; overflow: hidden; margin-right:5px; vertical-align: middle; position: relative; top:-2px}
.todaycon > span.writer > em img{ width:16px; height:16px; }
.todaycon > span.todaylabel{margin-top:4px;font-size:12px;font-weight:500}
.todaycon > span.todaylabel.apart{color:#ff8181}
.todaycon > span.todaylabel.similar{color:#888}
.btn-todaymore{width:100%; height:40px; background:#f8f8f8; color:#676767; border-radius: 0;}
.btn-todaymore span:after {position: relative;content: "";display: inline-block;width: 5px;height: 5px;transform: rotate(135deg);border-width: 1px 1px 0 0;border-style: solid;border-color: #444;margin-left: 5px;
    top: -4px;}
.btn-todaymore.active span:after {top:-1px;transform: rotate(-44deg);}
.houserstore{margin-top:32px;}
.houserstore > h2{font-size:16px; font-weight:500; margin-bottom:16px;}
.storelist{display:flex; flex-wrap: wrap;}
.storelist .storeItem{width:49.5%; flex-shrink:0; margin-bottom:16px;}
.storelist .storeItem .storeimg{min-height:144px;margin-bottom:4px;overflow: hidden; border-radius:4px;background-repeat: no-repeat; background-position: center center; background-size: cover;}
.storelist .storeItem:nth-of-type(odd){margin-right:.5%;}
.storelist .storeItem:nth-of-type(even){margin-left:.5%;}
.storecount{color:#676767; font-size: 12px; ;}
.storereview > strong{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.storecount> span{display: inline-block;margin-right:4px;}
.storecount> span > strong{display: inline-block; color:#222; margin-left:2px;}
.houseNone{margin:24px 0;padding-top:140px; text-align: center; background: url('/images/noneWidth.png') no-repeat center top/220px; font-size:16px; color:#222;}
.houseNone.internet{ background: url('/images/noneinternet.png') no-repeat center top/220px;}


/* 회원탈퇴 */
.leaveCont{padding:16px;text-align:left}
.leaveCont .title{display:block;margin-bottom:16px;font-size:18px;color:#222}
.leaveCont .notilist li{position:relative;padding-left:20px;margin-bottom:4px}
.leaveCont .notilist li:before{position:absolute;top:8px;left:8px;content:"";display:block;width:3px;height:3px;border-radius:50%;background-color:#444}
.leaveCont .chkWrap{margin-top:16px;padding:16px;border:1px solid #e0e0e0;border-radius:12px}
.leaveCont .chkWrap .custom-control-label{width:100%}
.leaveCont .chkCon .custom-checkbox{margin-bottom:16px;font-size:16px}
.leaveCont .memberBx{padding-bottom:32px}
.leaveCont .stitle{margin-top:32px;font-size:14px;color:#888}
.leaveCont .txareaBx{margin-top:8px}
.txareaBx textarea.form-control{border-radius:8px;border:1px solid #e0e0e0;padding:14px 16px;line-height:1.4}
.txareaBx textarea.form-control:focus{border-color:#4373f4}
.txleaveNoti{padding:16px;font-size:16px;text-align:left;}
.txleaveNoti p{margin-bottom:24px}
.txleaveNoti .blue{color:#4373f4}
.userWrap .custom-checkbox{display:block;margin-right:0}
.honeyPotWrap .pageTop .btn-close{right:auto; left:16px;}

/* 회원정보 연결 */
.userConnectWrap{position:absolute; width:100%; min-height:100%;}
.userConnectWrap .noti-wrap{padding:35px 16px 32px}
.userConnectWrap .noti-wrap strong{font-size:20px}
.userConnectWrap .noti-wrap strong span{font-weight:700}
.userConnectWrap .connectCon{background:url("/images/img_connect_bg.png") repeat-x center bottom / auto 260px}
.userConnectWrap .connectCon img{margin:0 auto; padding:120px 0 40px;}
.userConnectWrap .pageBottom{flex:1; margin-left:0; margin-right:0; padding:0 16px 16px; background-color:#d7ecff}
.renewModal .userConnectWrap{position:relative}
.renewModal .userConnectWrap .connectCon{display: flex;flex-direction: column;padding-top:35px}
.renewModal .userConnectWrap .connectCon img{padding:120px 0 24px}
.renewModal .userConnectWrap .pageBottom{padding:16px 16px 16px}

/* 리뉴모달 웹 반응형 적용시 클래스 .webResponsiveModal */
.renewModal.webResponsiveModal .wh-layer{padding:0;border-radius:16px;overflow:hidden}
.renewModal.webResponsiveModal .noneact .sh-box-sub{padding:16px}
.renewModal.webResponsiveModal .noneact .pageBottom.fixBtm{position:inherit}
.renewModal.webResponsiveModal .noneact .pageBottom.fixBtm .btn{margin-top:0}
@media (max-width: 1023px) {
    .renewModal.webResponsiveModal .vm--modal{max-width:none; height:100% !important; border-radius:0 !important; width:100% !important;top:0 !important;left:0 !important}
    .renewModal.webResponsiveModal .vm--modal .scrollbar-outer{height:100% !important; max-height:100% !important}
    .renewModal.webResponsiveModal .wh-layer{border-radius:0; box-shadow:none;}
    .renewModal.webResponsiveModal .vm--modal .noneact .scrollbar-outer{height:calc(100vh - 160px) !important; max-height:calc(100vh - 160px) !important}
    .renewModal.webResponsiveModal .noneact .pageBottom.fixBtm{position:fixed}
    .loginMain .btn-login.mo{display:block}
    .loginMain .btn-login.pc{display:none}
}
@media (min-width: 1024px) {
    .renewModal.webResponsiveModal .noneact .pageBottom.fixBtm .btn{height:48px}
}
.renewModal.webResponsiveModal .type-nomal{margin:0 16px}
.renewModal.webResponsiveModal .type-btns{margin:0 16px 16px}
.renewModal.webResponsiveModal .userWrap .noti-wrap strong{font-size:inherit}
.renewModal.webResponsiveModal .centerPop .tittext{text-align:center}
.renewModal.webResponsiveModal .centerPop .type-btns{margin:0}

/* 관심단지알림 */
.alarmFavorite .type-btns{text-align: center;}
.alarmFavorite .type-btns .btn-text-gray{color:#888888; margin-top:12px;}
.alarmani{margin-top:20px; text-align: center;}
.bgbell{width:154px; height:147px; display: inline-block;transform-origin: 50% 0%; animation:shake 2s 2 .5s; background:url('/images/alarm_img.png') no-repeat 0 0/100%}
.blocktext{margin-top:5px; display: block;}
@keyframes shake{
    0%{transform: rotate(0deg);}
    10%{transform: rotate(30deg);}
    20%{transform: rotate(-30deg);}
    30%{transform: rotate(15deg);}
    40%{transform: rotate(-15deg);}
    50%{transform: rotate(5deg);}
    60%{transform: rotate(-5deg);}
    70%{transform: rotate(0deg);}


    100%{transform: rotate(0deg);}
}


/* 리뉴얼 레이아웃 관련 */
/* 지도위 플로팅 레이어 */
#maplayer, #searchArea, .filterArea, .bottomBox, .toolbar-group{z-index:9999;position: fixed}
#maplayer{position:absolute; width:100%; height:100%;}
#searchArea{width:calc(100% - 108px);left:12px; bottom:78px;height:40px}
.filterArea{top:16px;left:0;width:100%;max-width:560px;height:50px;white-space:nowrap;z-index:9999}
.bottomBox{ left:16px; bottom:-120px;  transition: all .3s; opacity: 0;}
.openBottom .bottomBox{bottom:0px;opacity:1; }

/* 컨텐츠 페이지 */

.pagewrap{position: fixed; top:0;width:100%; left:0; opacity: 0;transition: .3s; background:#fff;z-index: 99;z-index: -1;box-shadow:0 -6px 16px rgb(0 0 0 / 19%)}
#contentsWrap.active{position:relative;z-index: 99999;}
.depth1Page.active{opacity: 1;z-index: 99999}
.depth1Page.active + .depth2Page.active{left:494px;opacity: 1; z-index:99999}
.depth2Page.active{left:424px;opacity: 1; z-index: 99999;border-left:1px solid #eee}
.depth2Page.active.detailMain{left:0px;opacity: 1; z-index: 99999;}
.hiddenMenu{display: none;}

@media (min-width: 560px){
    .pagewrap{max-width:424px}
}
@media (min-width: 1024px){
    .pagewrap{padding-bottom:0;border-left:1px solid #eee}
}

/* 메인 검색 */
.searchBox{width:100%;height:40px;line-height:24px;padding:8px 12px 8px 44px;background:#fff;font-size:16px;color:#444;border-radius:8px;text-align:left;box-shadow:0 4px 8px rgb(0 0 0 / 10%)}
.searchBox .btn-openSearch{position:absolute;top:8px;left:12px;width:24px;height:24px;background:url('/images/icon_24_search_new.svg') no-repeat 0 0;font-size:0}
.searchBox .btn-adrSearch{max-width:calc(100% - 44px);overflow:hidden; white-space:nowrap;text-overflow:ellipsis;vertical-align:top}
.searchBox .arealabel{position:absolute;right:12px;font-size:11px}
.searchBox.typeWarn .arealabel{color:#f54f1b}
.searchBox.typeOver .arealabel{color:#fe7915}
.searchBox.typeCare .arealabel{color:#ffaf00}

/* 토스트레이어 */
.v-notices{z-index: 100003 !important;}
.v-notices .v-toast-default{width: calc(100% - 32px); padding:9px 16px !important; background-color: rgba(34, 34, 34, .8) !important; border-radius:8px !important; color:#f5f5f5 !important}
@media all and (min-width:1024px) {
    .v-notices .v-toast-default{width:600px}
}
.toastinner{display: flex; justify-content: space-between; align-items:center;}
.v-toast-text{width:100%;}
.toastinner p{flex:1; text-align:left;}
.toastinner button + button{margin-left:12px;}
.toastinner .btn-tostin{color:#4373f4; text-decoration: underline; border:none; font-weight:500;}
.toastinner .btn-tostfill{padding:1px 6px; background:#4373f4; border:none; font-size:12px; font-weight:500; color:#fff; border-radius:4px;}

/* 말풍선레이어 */
.bubbleBox{position:relative;width:100%;padding:16px;border:1px solid #d8d8d8;border-radius:4px;text-align:left;font-size:14px;color:#222; background-color:#fff}
.bubbleBox:before{position:absolute;top:-5px;left:82px;content:"";width:9px;height:9px;transform:rotate(-45deg);border-width:1px 1px 0 0;border-style: solid;border-color:#d8d8d8;background:#fff}
.bubbleBox.right:before{left:auto;right:26px}
.bubbleBox .noti{padding-top:10px}

.renewPage .pagewrap .layerselect.layerinfo{width:100%}

@media all and (min-width:560px) {
    #searchArea{max-width:318px}
    .fixdnav{max-width:424px}
    .filterArea{max-width:400px}
    .bottomBox{width:424px}
    .renewPage .pagewrap .danjiimgfilter{left:0 !important;max-width:423px}
    .renewPage .danjiimglist .layerselect.layerinfo{max-width:424px;left:0}
}
@media all and (min-width:1024px) {
    .layerselect.layerinfo{max-width:360px; left:50%; margin-left:-130px;}
    .danjiimglist .layerselect.layerinfo{max-width:448px;left:0;margin-left:0}
    .renewPage .danjiimglist .layerselect.layerinfo{max-width:424px;left:70px}
    .danjiimgfilter{left:448px}
    .pagewrap .danjiimgfilter{left:495px;max-width:423px}
    .renewPage .pagewrap .danjiimgfilter{left:72px !important;max-width:423px}

}

@media all and (min-width:1024px) {
    .fixdnav{width:70px; height:100%; left:0; top:0;border-radius:0}
    .fixdnav .in{display:block;padding:0}
    .fixdnav button.btn-nav{display:block;height:80px;border-bottom:1px solid #eee;border-radius:0;font-size:12px}
    .fixdnav button.btn-nav:before{top:15px}
    .pagewrap, .searchBox, .bottomBox{left:70px}
    .filterArea{top:68px}
    .filterArea, #searchArea, .bottomBox{left:88px}
    #searchArea{top:16px;bottom:auto;width:392px;max-width:392px}
    .address-section .step{left:71px;}
    .pagewrap  .quicksort{margin-left:0;left:457px !important}
    .bottomBox{width:392px}
}
@media all and (max-width:1023px) {
    .depth1Page.active + .depth2Page.active{left:0px}
    .bottomBox{left:0px}

}
@media all and (max-width:767px) {
    .depth1Page.active + .depth2Page.active{left:0px}
}
@media (min-width: 1440px){
    .filterArea{top:19px;left:520px;width:auto;max-width:calc(100% - 610px)}
}


/* 빠른시세조회 */
.quickPrwrap{width:100%;padding:16px 40px 0 40px; max-width:1128px; margin:0 auto}
.outTitle{clear:both; color:#222222; margin-bottom:32px; font-size:24px; font-weight:700; text-align: center;}
.formlabelTit{display:block; color:#888888; font-size:14px;margin-bottom:8px;}
.formlabelTit.lg{color:#222; font-size:16px;}
.formlistbox + .formlistbox{margin-top:32px}
.formlistbox .flexbox{flex-wrap:wrap; justify-content: space-between;}
.formlistbox + .type-btns{margin-top:30px; display: flex; justify-content: space-between;}
.formlistbox + .type-btns > .btn{width:49% !important;}
.formbox{margin:12px 0;}

.quicksearchlist{border-bottom:solid 1px #eee; padding-bottom:48px;width:100%;max-width:600px; margin:0 auto}
.quicksearchresult{padding-top:24px; border-top:solid 8px #f5f5f5; }
.resultacc{padding-bottom:48px}
.resultacc-Top{height:90px; width:100%; background:#f5f5f5;padding:20px 16px; position: relative; text-align: left;}
.resultacc-Top > strong{display: block; font-size: 18px;}
.resultacc-Top > span{display: block; font-size: 14px; color:#888888}
.resultacc-Top.arrBullet:after{top:27px}
.resultacc-Top.active.arrBullet:after{transform: rotate(-45deg); top:37px}
.resultacc-Con{padding-top:24px; display:flex; justify-content: space-between;}
.resultTablein{width:calc((100%/3) - 20px)}
.resultTablein > strong{display:block; font-size:16px; margin-bottom:12px; text-align: left;}
.resultTablein:nth-of-type(1) > strong{color:#f54f1b}
.resultTablein:nth-of-type(2) > strong{color:#3bb120}
.resultTablein:nth-of-type(3) > strong{color:#7c7366}
.resultTablein .table thead th{padding:12px 4px; background:#f5f5f5; border-right:solid 1px #eeeeee; border-bottom:solid 1px #eeeeee;border-top:solid 1px #eeeeee}
.resultTablein .table thead th:nth-last-of-type(1){border-right: none;}
.resultTablein .table tbody td{padding:12px 8px; border-right:solid 1px #eeeeee; text-align: right;border-bottom:solid 1px #eeeeee}
.resultTablein .table tbody td:nth-last-of-type(1){border-right: none;}
.resultinfoText{display: flex; justify-content:space-between; margin-bottom:32px}
.resultinfoText .resultdate{color:#888888}
.resultinfoText .resultdate > span{display:inline-block;position: relative;margin-right:9px; padding-left:9px}
.resultinfoText .resultdate > span + span:after{content:"";display:block; width:1px; height:14px; background:#888; position:absolute; left:0; top:4px}
.selectTypeList.quickprice{margin:0 -24px}
.selectTypeList.quickprice .btn-secondary{padding:0 24px}
.selectTypeList.quickprice .btn-secondary.active{background-color:#f5f5f5 !important; border-radius:0 !important;}
@media all and (max-width: 1024px) {
    .quickPrwrap > .btn-print{display: none;}
    .resultacc-Con{flex-wrap: wrap;}
    .resultTablein{width:48%}
    .formlistbox .btn-group{display: flex;}
    .formlistbox .btnType1.btn-group-toggle .btn-secondary{min-width:32.3%; width:32.3%;}
    .btnType1.size140.btn-group-toggle .btn-secondary{min-width:23%; width:23%;}
}
@media all and (max-width: 640px) {
    .resultacc-Con{flex-wrap: wrap;}
    .resultTablein{width:100%}
}

/* 내집내집 검색 */
.search-area .inner > .form-control{border:none}
.searchResultWrap{background: #fff; border-top: 8px solid #f5f5f5}
.searchResultWrap .textBanner{margin:0 16px 16px}
.searchNew .searchResultWrap .search-section + .search-section{margin-bottom:48px}
.myhomesearch .searchResultWrap{height:calc(100vh - 56px)}
.searchBefore, .searchnone{padding-top:80px}
.searchBefore > span{display: block; color:#888888; font-size:16px; margin-bottom:8px;}
.searchBefore > span em{display: inline-block; color:#444444}
.searchBefore .beforeGuide{display: block;margin-top:12px; color:#888888; font-size:12px; margin-top:12px;}
.searchnone > span{display: block; color:#888888; font-size: 14px;}
.searchnone > span:nth-of-type(1){font-size:16px; color:#444444}



/* 모달레이어 하단 zindex */
.modalLayerbot > .vm--overlay{z-index: 9; }
.modalLayerbot > .vm--modal > div{z-index: 99; opacity: 0; transition:.2s; transform: translateY(-30px);}
.modalLayerbot > .vm--modal > div.delayModal{ opacity: 1;transform: translateY(0px);transition-delay: .1s;}
.renewWrap .layerselwrap, .renewPage .layerselwrap, .userWrap .layerselwrap{width: 100%; max-width:494px;position: absolute;left: 0;bottom: 0;padding:30px 0 20px;background-color:#Fff; border-radius:16px 16px 0 0; box-shadow: 0 -5px 10px 0 #33222222;}
.renewWrap .layerselwrap .btn-close.type2, .renewPage .layerselwrap .btn-close.type2{position:absolute; top:32px; right:32px;}
.renewWrap .layerselwrap .infotit, .renewPage .layerselwrap .infotit, .userWrap .layerselwrap .infotit{display:block;margin-bottom:12px; font-size:18px;padding:0 16px;color:#222}
.renewWrap .layerselwrap .infocon, .renewPage .layerselwrap .infocon, .userWrap .layerselwrap .infocon{font-size:16px; color:#444;}
.renewWrap .layerselwrap .infotit.line, .renewPage .layerselwrap .infotit.line{padding:0 0 12px; margin-left:16px; margin-right:16px; font-size:16px; border-bottom:1px solid #eee;}
.renewWrap .layerselwrap .infocon .summarynoti, .renewPage .layerselwrap .infocon .summarynoti{margin-left:16px; margin-right:16px;}
.renewWrap .layerselwrap .btmaera, .renewPage .layerselwrap .btmaera{margin-top:auto; padding-top:24px;}
.renewWrap .layerselwrap .btmaera .btn,
.renewPage .layerselwrap .btmaera .btn{ width:100%; height: 48px;line-height: 48px;font-size: 16px; font-weight:700; border-radius: 4px;}
.renewWrap .layerselwrap .btn-fold, .renewPage .layerselwrap .btn-fold, .userWrap .layerselwrap .btn-fold{position:absolute;top:0;left:0;width:100%;height:30px;margin-left:0;background:url('../../images/icon_24_bottom_down_arrow.svg') no-repeat 50% 50% / 24px auto;opacity:.5}
.renewWrap .layerselwrap .btn-fold:before, .renewPage .layerselwrap .btn-fold:before, .userWrap .layerselwrap .btn-fold:before{display: none;}
.renewWrap .layerselwrap .subtaplist.flexbox, .renewPage .layerselwrap .subtaplist.flexbox{padding-top:0; margin-bottom:15px;}
.renewWrap .bg-graybox .infotit, .renewPage .bg-graybox .infotit{margin-bottom:8px; padding:0; font-size:16px; color:#444;}
.renewWrap .contbox, .renewPage .contbox{padding:12px 10px; background:#f5f5f5; border-radius:8px;}
.renewWrap .infocon.elec{margin:16px 16px 0}
.renewWrap .infocon.elec .bg-graybox{position:relative;background:#f3f5f9}
.renewWrap .infocon.elec .bg-graybox .infotit{font-size:14px}
.renewWrap .infocon.elec .bg-graybox .arrowbullet{position:absolute;top:40px;right:16px;width:24px;height:24px;border:0}
.renewWrap .infocon.elec .bg-graybox .arrowbullet:after{border-width:1.5px 1.5px 0 0;border-color:#444}
.bg-graybox .infotit.type2{font-size:16px;font-weight:600;text-align:center}
.layerselwrap .infotit .infostit{display:block;font-size:14px;color:#888;font-weight:400}
@media all and (max-width:1024px) {
    .renewWrap .layerselwrap, .renewPage .layerselwrap, .userWrap .layerselwrap{max-width:427px;}
}
@media all and (max-width:560px) {
    .renewWrap .layerselwrap, .renewPage .layerselwrap, .userWrap .layerselwrap{max-width:100%;}
}

.layerpar{padding:0 16px; font-size:16px; color:#444; word-break:break-all;}
.layerpar.sm{font-size:14px;}
.layerpar.gray{color:#888}
.layerpar + .layerinbox{margin-top:12px}
.eventDec{display:block; margin-top:20px;padding:0 16px;font-size: 16px;color: #444;}
.renewPage .layertit{display:block; margin:12px 16px 2px; font-size:16px; color:#222;}
.renewPage .layertit:nth-of-type(1){margin-top:0;}
.renewPage .layerinbox .bg-graybox{margin:14px 0;}
.layerselwrap .layerinbox p{word-break:break-all}

.layercenter .infotit{margin:10px auto 20px; text-align:center}
.layercenter .imgbox{margin:20px auto; max-width:270px;}
.layercenter .imgbox img{max-width:100%}
.layercenter .bg-graybox{margin:16px;}

/* 규제지역 안내 */
.reguList{padding:20px 16px 0;text-align:left;color:#444;letter-spacing:-.5px}
.reguList .listtit{position:relative;margin-bottom:12px;font-size:18px;font-weight:700}
.reguList .listtit.red{padding-left:28px;color:#f54f1b}
.reguList .listtit.orange{padding-left:28px;color:#fe7915}
.reguList .listtit.yellow{padding-left:28px;color:#ffaf00}
.reguList .listtit:before{display:none;position:absolute;top:0;left:0;content:"";display:block;width:24px;height:24px;}
.reguList .listtit.red:before{display:block;background:url('/images/icon_24_regulation_red.svg') no-repeat 0 0}
.reguList .listtit.orange:before{display:block;background:url('/images/icon_24_regulation_orange.svg') no-repeat 0 0}
.reguList .listtit.yellow:before{display:block;background:url('/images/icon_24_regulation_yellow.svg') no-repeat 0 0}
.reguList .listCont{margin-bottom:14px;font-size:16px}
.reguList .stit{font-weight:700;font-size:16px}
.reguList .stit + .listCont{margin-top:8px;}
.reguList .sublist{position:relative;font-size:14px;color:#888;padding-left:14px;margin:4px 0}
.reguList .sublist:before{position:absolute;top:8px;left:6px;content:"";display:block;width:3px;height:3px;background:#888;border-radius:100%;}
.regulate {background:#fff;min-height: 100vh !important;max-height: 100%;}
.regulate .tabwrap{width:100%;}
.regulate .tabwrap .subtaplist{padding-left:16px;white-space:nowrap;}

/* kb시세 */
.selectYearBox{padding:16px 16px 8px 16px; border-bottom:solid 1px #eee; text-align: left; height:116px; overflow: hidden; position: relative;}
.selectYearBox .btn-btndefault{width:calc((100%/4) - 6px);}
.selectYearBox .btn-btndefault.more{position: absolute; right:16px; bottom:18px; margin:0 !important; border:solid 1px #bbbbbb; background: #fff; width:calc((100%/4) - 16px)}
.selectYearBox + .subtaplist{border-top:solid 8px #f5f5f5}
.btn-btndefault{border-radius:6px !important; height:36px; line-height:36px; background:#f5f5f5; width:calc((100%/4) - 8px); display:inline-block; margin:0 0px 8px 8px !important; padding:0; color:#444}
.btn-btndefault.active{background:#4373f4; color:#fff}
.btn-btndefault:nth-of-type(1){margin-left:0 !important}
.btn-btndefault:nth-of-type(4n+1){margin-left:0 !important}
.btn-btndefault.arrowbullet{border-radius:0 !important; background:none; text-align: right; padding-right:10px}
.btn-btndefault.arrowbullet:after{position: relative; top:-5px; border-color:#444; width:12px; height:12px; }
.btn-btndefault.type-l{height:50px;line-height:50px}
.btn-btndefault:disabled{background:#eee;color:#bbb;border-color:#eee}
.btn-btndefault.navy{background:#515d7d;color:#fff}
.btn-ytablemore{width:100%; height:46px; border-radius:0 !important; border:none; background:#f5f5f5;top:-8px; position: relative;}
.btn-ytablemore:after{display:inline-block; content:"";width: 10px;height: 10px;transform: rotate(135deg);border-width: 1px 1px 0 0;border-style: solid;border-color: #888;border-radius: 0; vertical-align:middle; margin-top:-8px;}
.btn-ytablemore.up:after{transform: rotate(-45deg);}
.btndefault.btn-group{display:block; text-align: left;}
.btndefault-group{text-align:left}
.btndefault-group .btn-btndefault{height:32px;line-height:32px;width:auto;padding:0 12px}
.moreSelect.selectYearBox{height:auto}
.moreSelect.selectYearBox .btn-btndefault.more{position:relative; right:auto; bottom:auto; width:calc((100%/4) - 8px); margin:0 0 8px 8px !important}
.moreSelect.selectYearBox + .kbcostCon{border-top:8px solid #f5f5f5}
.subtaplist{padding:16px 8px 0 8px;text-align: left;border-bottom:solid 1px #eeeeee; position: relative;}
.subtaplist .linebg{content:""; display:block;width:29px;height:2px; background:#444; position:absolute; bottom:-1px; transition:all .2s;}
.subtaplist .btn-subtapbt{min-width:35px;height:32px;padding:0 5px; border:none; border-radius:0; color:#888; font-size:16px;position: relative;}
.subtaplist .btn-subtapbt.active{color:#444; font-weight:700;}
.subtaplist .btn-subtapbt .btn-iconhelp{position:relative;top:-3px}
.subtaplist.sm{padding-left:16px; padding-right:16px;}
.subtaplist.sm .btn-subtapbt{padding:0; font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.subtaplist.flexbox .btn-subtapbt{flex:1}
.subtaplist.none.renewSlick .slick-track{margin-left:0 !important; margin-right:0 !important}
.subtaplist.none.renewSlick .btn-subtapbt.active:after{content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:#444;}/* subtaplist linebg 효과 삭제 */
.subtaplist.none.renewSlick .slick-arrow{position:absolute; top:calc(50% - 2px); z-index:1; transform:translateY(-50%); width:24px; height:100%; margin:0; border:0; font-size:0; background-color:rgb(255 255 255 / 0.8); background-repeat:no-repeat; background-position:center; background-size:100%}
.subtaplist.none.renewSlick .slick-arrow.slick-prev{left:0; background-image:url(/images/icon_24_arrow_big_left.svg)}
.subtaplist.none.renewSlick .slick-arrow.slick-next{right:0; background-image: url(/images/icon_24_arrow_big_right.svg)}
.subtaplist.none .btn-subtapbt.active:after{content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:#444;}/* subtaplist linebg 효과 삭제 */
.danjiDetail .widthChange5.subtaplist .linebg{display:none}
.danjiDetail .widthChange5.subtaplist .btn-subtapbt{padding:0}
.web .danjiDetail .emptyBtmArea{display:none}/* 단지상세,매물상세 하단 100px 개발적용부분 해당 페이지만 css 숨김처리 */

.imgTabWrap .subtaplist{display:flex; padding-left:0; padding-right:0;}
.imgTabWrap .btn-subtapbt{flex:1;}
.imgTabWrap.srhimg .btn-subtapbt{background-repeat:no-repeat; background-position:50% 50%; background-size:auto; font-size:0;}
.imgTabWrap.srhimg .btn-subtapbt:nth-of-type(1){background-image:url("/images/logo_area_news_naver.svg")}
.imgTabWrap.srhimg .btn-subtapbt:nth-of-type(2){background-image:url("/images/logo_area_news_daum.svg")}
.imgTabWrap.srhimg .btn-subtapbt:nth-of-type(3){background-image:url("/images/logo_area_news_google.svg")}
.imgTabWrap.srhimg .btn-subtapbt::before{overflow:hidden;display:inline-block;position:relative;z-index:-1;width:1px;height:1px;border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);}
.imgTabWrap.srhimg .btn-subtapbt:nth-of-type(1)::before{content:"네이버"}
.imgTabWrap.srhimg .btn-subtapbt:nth-of-type(2)::before{content:"다음"}
.imgTabWrap.srhimg .btn-subtapbt:nth-of-type(3)::before{content:"구글"}
.kbcostCon{padding:12px 16px;}
.averageguide{text-align: right; color:#888888; margin-bottom:12px;}
.yearTable{color:#444;max-height:614px; overflow: hidden; }
.yearTable.moretable{height:auto; max-height:100%;overflow:visible;}
.ytablebody + .ytablebody{ border-top:solid 8px #f5f5f5}
.ytableHead{border-top:solid 1px #eee; font-weight: 700;}
.ytableHead, .ytablebody .ybodytr{display:flex;  border-bottom:solid 1px #eee}
.ytableHead > span, .ytablebody .ybodytr > span{padding:12px;width:calc((100% - 53px)/3); flex-shrink: 0; border-left:solid 1px #eee}
.ytableHead > span{background:#f5f5f5;}
.ytableHead > span.hdate, .ytablebody .ybodytr> span.ybtrdate{width:53px;border-left:none}
.ytablebody .ybodytr, .ytablebody .ybodyTop{border-bottom:solid 1px #eee}
.ytablebody .ybodyTop{height:46px; line-height:46px; font-weight: 700;}
.yearTable.below .ytableHead > span, .yearTable.below  .ytablebody .ybodytr > span{width:calc((100% - 53px)/2)}
.yearTable.below .ytableHead > span.hdate, .yearTable.below .ytablebody .ybodytr> span.ybtrdate{width:53px}
.yearTable.nowcost .ytableHead > span, .yearTable.nowcost  .ytablebody .ybodytr > span{width:calc((100% - 138px)/3)}
.yearTable.nowcost .ytableHead > span.hdefault, .yearTable.nowcost .ytablebody .ybodytr> span.ybtrdefault{width:138px}
.kbcostCon.none .noneText{padding-top:80px; font-size: 16px;}

.kbcostdetail .selectYearBox{border-top:1px solid #eee;}
.kbcostdetail.pagelayout.renewWrap{background:#fff}

/* 알림리스트 */
.alarmnewWrap{padding-bottom:40px}
.alarmTop{height:64px; padding:16px; display: flex; justify-content: space-between; background: #fff;}
.alarmTop > h1{font-size: 24px; font-weight:700;}
.alarmsetting > .btn:nth-last-of-type(1){margin-left:16px}
.alarmbanner .slick-slider .slick-list{height:78px;}
.alarmbanner .slick-slider .slick-list .slick-slide img {width:100%;height:78px;}

.alarmbanner + .sortingbtns .btn-group-toggle{padding-top:8px}
.alarmnewWrap .sortingbtns.hidden:after{content: "";display: block;width: 60px;height: 60px; 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%);position: absolute;top: 0;right: 0;z-index: 1;}
.alarmnewWrap .slick-dots{margin:3px 0 0;height:16px}
.alarmnewWrap .alarmbanner + .sortingbtns .btn-group-toggle{padding-top:24px}
.alarmnewWrap .alarmbanner + .sortingbtns .btn-sotingmore{top:24px}
.alarmcount{padding:0 16px 12px 16px; border-bottom:solid 1px #eeeeee; text-align:left; }
.alarmcount .editbtns{ float:right;}
.alarmcount .editbtns > .btn{ margin-left:10px; position: relative;}
.alarmcount.delmode .editbtns > .btn:nth-of-type(1):after{ content:""; display:block; width:1px; height:14px; background:#e0e0e0; position: absolute; right:-7px; top:5px}
.alarmcount .btn-typetext{color:#4373f4; text-decoration:underline;}
.alarmcount .btn-typetext1{color:#444; text-decoration:underline;}
.alarmcount.delmode > span{text-decoration: underline; cursor: pointer;}
.alarmlist{border-top:solid 8px #f5f5f5; padding:20px 16px}
.noalarm{padding-top:80px; font-size:16px;}
.alarmsettingbox{padding:16px; background:#Fff; border-radius:12px; box-shadow:0 0 15px #f1f1f1; text-align:left; position: relative;}
.alarmsettingbox > strong, .alarmsettingbox > span{display: block;}
.alarmsettingbox > strong{font-size:16px; color:#222222;}
.alarmsettingbox > span{color:#888888}
.alarmsettingbox > .btn-default{position: absolute; right:16px; top:16px;}
.alarmdateTit{display: block; color:#888888; text-align: left; margin:32px 0 0px;}
.alarmItembox{text-align: left; position: relative; padding:20px 0;border-bottom:solid 1px #eeeeee}
.ani .alarmItembox.alarmoff{opacity: .5 !important;}
.alarmItembox.delmode{padding-left:40px}
.alarmItembox.delmode .chkWrap{position: absolute; left:0; top:50%;margin-top:-16px}
.alarmItemtit{padding-left:32px; font-size:16px; color:#222; font-weight:700;}
.alarmnoti{display:inline-block; width:6px; height:6px; background-color:#ff0000; border-radius:50%; position: relative; vertical-align: top; top:2px}
.alarmItemdate{display: block; color:#888; font-weight: 400; font-size:14px;}
.alarmItemdate >em{display:inline-block;margin-right:5px; }
.alarmItemtext{padding-left:32px; margin:8px 0 0 0}
.alarmdetaillist{padding-left:32px; color:#888}
.alarmdetaillist.bullet li{padding-left:9px; position: relative;}
.alarmdetaillist.bullet li:after{content:""; display: block; width:3px; height:3px; border-radius:50%;background-color:#888; position: absolute; left:0; top:8px}
.alarmItemimg{width:54px; height:38px;border-radius:8px; position: absolute; right:0; top:20px; overflow: hidden;}
.alarmItemimg img{width:100%;height:100%;object-fit: cover;-o-object-fit: cover;}
.alarmguidetext{display: block; margin:20px 0;padding-left:20px; background:url('/images/icon_16_notice.svg') no-repeat; color:#888; font-size:12px; text-align: left;}
.alarmItemtit.danjitalk{background:url('/images/icon_24_notice_talk.svg') no-repeat left top;}
.alarmItemtit.housecheck{background:url('/images/icon_24_notice_house.png') no-repeat left top / 24px 24px;}
.alarmItemtit.cost{background:url('/images/icon_24_notice_ap_tprice.svg') no-repeat left top;}
.alarmItemtit.pricesale{background:url('/images/icon_24_notice_sales.svg') no-repeat left top;}
.alarmItemtit.pricesale1{background:url('/images/icon_24_notice_subdivision.svg') no-repeat left top;}
.alarmItemtit.pricesale2{background:url('/images/icon_24_notice_o_pprice.svg') no-repeat left top;}
.alarmItemtit.pricesale3{background:url('/images/icon_24_notice_villaprice.svg') no-repeat left top;}
.alarmItemtit.kbex{background:url('/images/icon_24_notice_k_bexpert.svg') no-repeat left top;}
.alarmItemtit.notice{background:url('/images/icon_24_notice_notice.svg') no-repeat left top;}
.alarmItemtit.event{background:url('/images/icon_24_notice_event.svg') no-repeat left top;}
.alarmItemtit.myhome{background:url('/images/icon_24_notice_myhome.svg') no-repeat left top;}
.alarmItemtit.investigation{background:url('/images/icon_24_notice_investigation.svg') no-repeat left top;}
.alarmItemtit.opinion{background:url('/images/icon_24_notice_opinion.svg') no-repeat left top;}
.alarmItemtit.kbprice{background:url('/images/icon_24_notice_k_bprice.svg') no-repeat left top;}
.alarmItemtit.mprice{background:url('/images/icon_24_notice_h_mprice.svg') no-repeat left top;}
.alarmItemtit.choice{background:url('/images/icon_24_notice_pic_choice.svg') no-repeat left top;}
.alarmItemtit.etc{background:url('/images/icon_24_notice_others.svg') no-repeat left top;}
.renewPage .alarmTop{position: sticky;left: 0;top: 0;background: #fff;z-index: 99;border-bottom:solid 1px #eee}
.scrTop{position: fixed; left:250px; bottom:20px; background-color:#fff }
@media (max-width: 1023px){
    .alarmnewWrap{padding-bottom:100px}
    .btn-pageTop{bottom:86px; left:170px}
}
@media (max-width:360px){
    .btn-pageTop{left:140px}
}
@media (max-width:424px){
    .scrTop.btn-pageTop{left:50%;margin-left:-40px}
}
@media (min-width:560px){
    /* .scrTop.btn-pageTop{left:180px}     */
}

/* 텍스트 배너 */
.textBanner{padding:12px 16px; background:#f5f5f5; border-radius:8px;}
.textBanner p{color:#888}
.textBanner .btn-typetext{font-weight:700}

/* 알림설정 변경 전 Start */
.alarmSettingWrap{background:#f5f5f5;min-height:100%;}
.settingItem{padding:16px 64px 16px 16px; position: relative; text-align: left; border-bottom:solid 1px #eeeeee; background-color:#fff}
.settingItem .newtype.btn-switch{position: absolute; right:16px; top:16px}
.settingItem .settingTit{display: block; font-size: 16px; font-weight:700;}
.settingItem > span{display: block; font-size: 14px;color:#888}
.settingItem .alarmguidetext{margin:12px 0 0 0}
.settingItem + .settingItem:not(.sub){border-top:solid 8px #f5f5f5;}
.settingItem + .subtaplist{padding-top:32px;background-color:#fff}
.alarmcount.noani{transform:translate3d(0,0px, 0); opacity: 1; transition: 0s; border-bottom:none}
.alarminfoCon{ padding:20px 16px}
.alarminfoNodata{padding-top:80px}
.alarminfoNodata > span{display:block; font-size: 16px;}
.alarminfoNodata > span.subtext{ font-size: 14px; color:#888888; margin-bottom:12px}
.alarminfoNodata.fullgray{padding:32px 16px;min-height:auto}
.alarminfoNodata.fullgray .btn-addlist:before{color:#444}
.alarmCard{padding:16px; padding-bottom:8px; margin-top:8px; border-radius:12px; background-color:#fff; box-shadow: 0 5px 10px #eeeeee; text-align: left; position: relative;}
.alarmCard .alarmcTit{display: block; margin-bottom:12px; font-weight:500; font-size:16px; padding-right:30px; max-width:100%; text-overflow:ellipsis; overflow: hidden; white-space: nowrap;}
.alarmCard .btn-like{position:absolute;right:16px; top:16px; }
.alarmCard .btn-close.black{background:url(/images/icon_24_navi_close.svg) no-repeat 0 0 / 24px auto;position:absolute;right:18px; top:16px}
.alarmCard .address{margin-top:-12px; display:block; color:#888}
.alarmCard .myhometit{margin-top:-12px; display:block; color:#4373f4;}
.alarmCard .alarmtagbox > span{display:inline-block;background-color:#f5f5f5; border-radius: 12px; padding:0 9px; height:28px; line-height:28px;margin:0 8px 8px 0; max-width:100%; max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.alarmCard .alarmtagbox > span > em+em{display:inline-block}
.alarmCard .alarmtagbox > span > em+em:before{content:"/"; display: inline-block; margin:0 3px}
.myhomeSwitch{display: flex; justify-content:flex-end;}
.disabled .btn-like{ filter: grayscale(100%); opacity: .6;}
.disabled .alarmCard .alarmcTit,.disabled .settingedit, .disabled .alarmCard .address,  .disabled .alarmCard .myhometit, .disabled .newtype1.btn-switch,
.disabled .alarmCard .alarmtagbox > span{color:#ddd}
/* 알림설정 변경 전 End */
.disabled .newtype1.btn-switch .switch{filter: grayscale(100%); opacity: .6;}
.disabled .newtype1.btn-switch .switch input[type=checkbox]{pointer-events: none;}
.alarmSettingWrap .textBanner{position:absolute; left:16px; right:16px; bottom:33px;}
.settingItem.sub{padding:20px 16px; border-bottom:0;}
.settingItem .pagebtns .btn-nomal{height:56px; padding:0 20px 0 0; font-weight:700; line-height:56px;}
.settingItem .pagebtns .btn-nomal:after{right:5px; border-color:#444}
.alarmSetList .alarminfoCon{ padding:20px 16px}
.alarmSetList .alarminfoNodata{padding-top:22px}
.alarmSetList .alarminfoNodata > span{display:block; font-size: 16px;}
.alarmSetList .alarminfoNodata > span.subtext{ font-size: 14px; color:#888888; margin-bottom:12px}
.alarmSetList .alarmCard{padding:16px; padding-bottom:8px; margin-top:8px; border-radius:12px; background-color:#fff; box-shadow:0 2px 4px rgb(0 0 0 / 10%); text-align: left; position: relative;}
.alarmSetList .alarmCard .alarmcTit{display: block; margin-bottom:8px; font-weight:500; font-size:16px; padding-right:30px; max-width:100%; text-overflow:ellipsis; overflow: hidden; white-space: nowrap;}
.alarmSetList .alarmCard .btn-typetext{position:absolute;right:16px; top:15px; }
.alarmSetList .alarmCard .btn-close.black{background:url(/images/icon_24_navi_close.svg) no-repeat 0 0 / 24px auto;position:absolute;right:18px; top:16px}
.alarmSetList .alarmCard .address{display:block; margin:0 0 5px; color:#888}
.alarmSetList .alarmCard .alarmtagbox > span{display:inline-block; height:auto; margin:0 6px 3px 0; padding:0; background-color:transparent; color:#888; line-height:22px; border-radius:0}
.alarmSetList .alarmCard .alarmtagbox > span > em:nth-child(1):before{content:"#"}
.alarmSetList .alarmCard .alarmtagbox > span > em+em{display:inline-block}
.alarmSetList .alarmCard .alarmtagbox > span > em+em:before{content:"/"; margin:0}
.alarmSetList .alarmCard.disabled *:not(.btn){color:#ddd}

/* 알림마케팅수신약관 */
.alarmMarktingAgreeCon{padding:16px;text-align: left; height:calc(100vh - 56px); display:flex; flex-direction: column;}
.agreetit{font-size:18px;}
.agreetit > span{display: block; color:#4373f4}
.agreepar{margin-top:32px; font-size:14px;}
.agreepar > .pointGroup{margin-top:20px; display: block;}
.agreelistGroup{margin-bottom:32px}
.agreelistGroup .labeltit{display:block; margin-bottom:8px; font-size: 16px; color:#222}
.alarmMarktingAgreeCon .pageBottom{margin:auto 0 0 0;}
/* 알림설정레이어 */
.alarmLayertit{margin-bottom:15px;font-size:18px; font-weight:700; text-align:center;padding: 0 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.alarmtypeItem{padding:16px 0; margin:0 16px;display: flex; justify-content: space-between; position: relative;}
.alarmtypeItem+.alarmtypeItem{border-top:solid 1px #eeeeee}
.alarmtypeItem > strong{font-size: 16px;}
.alarmtypeItem > strong.blue{color:#4373f4}
.alarmtypeItem > strong > span{display: block; color:#888888; font-size:12px;font-weight:400;}
.alarmtypeItem1{margin: 16px; padding:16px 70px 16px 16px; box-shadow: 0 6px 16px 0 rgb(0 0 0 / 16%); border-radius:12px; position: relative;}
.alarmtypeItem1 .btn-switch{position:absolute; right:16px; top:16px}
.alarmtypeItem1 > strong{display: block; color:#4373f4; font-size:16px; }
.alarmtypeItem1 > strong > span{display: block; color:#888888; font-size:14px;font-weight:500;}
.alarmtypeItem .toolmaptip{left:43px; top:47px}
.alarmtypeItem .toolmaptip:after{right:9px; top:-4px; transform: rotate(0deg);}
.alarmtypeItem .alarminfoType1 .toolmaptip{z-index:1;top:24px;left:-4px}
.alarmScrollin{min-height:94px; max-height:415px}
.alarmLayerCon{padding-bottom:68px}
.alarmDetailTypelist{position:relative; border-top:solid 8px #f5f5f5;border-bottom:solid 1px #eee; padding:20px 16px 0 16px}
.alarmDetailTypelist:before{content:""; position:absolute; left:0; right:0; top:0; height:1px; background:#eee}
.alarmDetailTypeItem{margin-bottom:32px; text-align: left;}
.alarmDetailTypeItem .typelabel{display: block; color:#888888; margin-bottom:8px}
.alarmDetailTypeItem .controlbtns{float:right; position: relative; top:-2px}
.bottomBox .renewModal .alarmDetailTypeItem .controlbtns .btn-fold{position: relative;width: 24px;background: none;border-radius: 0;left: auto;top: auto;height: 24px;margin-left: 16px;}
.bottomBox .renewModal .alarmDetailTypeItem .controlbtns .btn-fold:before {content: "";display: block;width: 1px;height: 14px;background: #e0e0e0;position: absolute;left: -8px;top: 4px;}
.alarmDetailTypelist.villa .typeSelectBox .btn-btndefault{width:100%}
.alarmDetailTypelist.slot .typeSelectBox .btn-btndefault,
.alarmDetailTypelist.myhome .typeSelectBox .btn-btndefault{width:100%; position: relative; margin-bottom:46px !important}
.alarmDetailTypelist.slot .typeSelectBox .btn-btndefault:after,
.alarmDetailTypelist.myhome .typeSelectBox .btn-btndefault:after{display: block; width:100%;position: absolute; left:0;top:33px; font-size:12px; color:#888888; text-align:left;}
.alarmDetailTypelist.slot .typeSelectBox .btn-btndefault:nth-of-type(1):after{content:"해당 단지의 분양일정과 단지글을 알려드립니다.";}
.alarmDetailTypelist.slot .typeSelectBox .btn-btndefault:nth-of-type(2):after{content:"지역 내 분양소식과 단지글을 알려드립니다.";}
.alarmDetailTypelist.myhome .typeSelectBox .btn-btndefault:nth-of-type(1):after{content:"해당 단지의 단지톡 정보를 알려드립니다.";}
.alarmDetailTypelist.myhome .typeSelectBox .btn-btndefault:nth-of-type(2):after{content:"해당 단지의 시세변동 정보를 알려드립니다.";}
.alarmLayerCon .layerBottomBtns .btn-formround{font-weight:300}
.typeSelectBox{display:flex; justify-content: space-between; flex-wrap: wrap;}
.typeSelectBox .btn-btndefault{width:49%; margin-left:0 !important}
.typeSelectBox .btn-btndefault:disabled{background:#f5f5f5;border-color:#f5f5f5;color:#ddd}
.typeSelectBox.typeSmall{justify-content: flex-start; margin-right:-8px}
.typeSelectBox.typeSmall .btn-btndefault{width:calc(33.3% - 8px); margin-right:8px !important }
.alarmDetailTypelist .btn-fold.arrowbullet.down:after{top:-2px}
.alarmDetailTypelist .btn-fold.arrowbullet.up:after{top:4px}
.typeSelectBox.typeSmall .btn-btndefault.down:after{top:-2px}
.typeSelectBox.typeSmall .btn-btndefault.up:after{top:-1px}

.alarmTypemyHome{margin-bottom:10px; border-top:solid 8px #f5f5f5}
.subDetailItem{margin-top:32px}
.subDetailItem .subtaplist{padding:0 11px; margin:0 -16px 20px -16px;}


.disable .btn-btndefault{color:#ddd}
.disable .btn-btndefault.active{background-color:#f5f5f5; pointer-events: none;}
.disable .subDetailItem{display:none}
.disable .btn-fold,.disable .btn-changeType{pointer-events: none;opacity: .5;}
.subDetailItem.buy .subtaplist > button:not(.active){pointer-events: none; color:#ddd}
.subDetailItem.buy.below .subtaplist > button, .subDetailItem.below .subtaplist > button{pointer-events:initial;color:#888}
.subDetailItem.buy.below .subtaplist > button.active, .subDetailItem.below .subtaplist > button.active{color:#444}
.subDetailItem.below .subtaplist > button:nth-of-type(1){ pointer-events: none;color:#ddd}
.subDetailItem.below .subtaplist > button:nth-of-type(3){ pointer-events: none;color:#ddd}
.subDetailItem.buy.below .subtaplist > button:nth-of-type(1){pointer-events:initial;color:#888}
.subDetailItem.buy.below .subtaplist > button:nth-of-type(1).active{color:#444}
.subDetailItem.buy.belowtype1 .subtaplist > button{pointer-events:initial;color:#888}
.subDetailItem.buy.belowtype1 .subtaplist > button.active{color:#444}
.subDetailItem.below.belowtype1 .subtaplist > button:nth-of-type(3){pointer-events:initial;color:#888}
.subDetailItem.below.belowtype1 .subtaplist > button:nth-of-type(3).active{color:#444}
.subDetailItem.belowtype1 .subtaplist > button:nth-of-type(1){pointer-events: none;color:#ddd}
.heightmin .typeSelectBox.typeSmall{height:36px; overflow: hidden;}

/* 리워드안내 */
.userRewardWrap .pageBottom{margin-top:16px}
.rewardCon{text-align:left}
.rewardinfoTop{padding:16px 16px 20px;border-bottom:1px solid #eee}
.rewardinfoTop strong{display:block;padding-bottom:40px;font-size:20px}
.rewardinfoTop strong:after{content:"";display:block;width:280px;height:182px;margin:24px auto 0;background:url('/images/bg_userreward_top.png') no-repeat 0 0 / 100% auto}
.rewardinfoTop .notitext{font-size:16px;margin-bottom:12px}
.rewardinfoTop .notitext.blue{color:#4373f4}
.rewardPhoneBox{border-top:8px solid #f5f5f5}
.rewardPhoneBox .bxitem{margin:32px 16px;padding:32px 16px;font-size:16px;border:1px solid #f5f5f5;border-radius:12px;text-align:center;box-shadow: 0 4px 16px rgb(0 0 0 / 10%)}
.rewardPhoneBox strong{display:block;padding-bottom:20px}
.rewardPhoneBox .noti{margin-top:12px;font-size:12px;text-align:left}
.rewardnotiBox{padding:16px;background:#f5f5f5;font-size:14px}
.rewardnotiBox strong{display:block;padding-bottom:12px}
.rewardnotiBox p{position:relative;padding-left:18px;margin-top:4px}
.rewardnotiBox p:before{position: absolute;top: 8px;left: 8px;content: "";display: block;width: 3px;height: 3px;border-radius: 50%;background-color: #444;}
.rewardSetBox{padding:0 16px}
.rewardSetBox .bxitem{padding:32px 0;border-bottom:1px solid #eee}
.rewardSetBox .bxitem.noline{border-bottom:0}
.rewardSetBox .bxitem:nth-of-type(1){padding-top:16px}
.rewardSetBox .setboxTitle{font-size:18px}
.rewardSetBox .setboxText{padding-bottom:16px;font-size:16px}


/* 브라우저 최적화 팝업 */
.btn-formround.chrome{font-weight:500}
.btn-formround.chrome:before{content:"";display:inline-block;width:24px;height:24px;background:url('/images/icon_24_chrome.png') no-repeat 0 0 / 100% auto;vertical-align:top;margin-right:4px}
.ieBrowser .subtext{margin-top:8px}
.ieBrowser .logo{display:inline-block;width:76px;height:18px;background:url('/images/logokbland.svg') no-repeat 0 0 / 100% auto;font-size:0;vertical-align:middle}

/* 안심 서비스 제공 정보 */
.renewModal .modaltit{font-size:18px;font-weight:700;text-align:center}
.safeService .wh-layer{padding:16px 0}
.safeService .linebg{width:40px}
.safeService .type-btns{margin:10px 16px 0}
.safeService .subtaplist{white-space:nowrap;margin-bottom:10px}
.safeService .subtaplist .btn-subtapbt{padding:0 8px}
.safeServiceList{padding:10px 16px;font-size:16px;letter-spacing:-.5px}
.safeServiceList .listTit{font-weight:700}
.safeServiceList .listCont{margin-top:2px}
.safeServiceList .listwrap{margin-top:16px}
.safeServiceList .listwrap:first-child {margin-top:0}
.safeServiceList .link{display:inline-block;padding-left:2px;color:#4373f4;cursor:pointer;text-decoration:underline}
.safeServiceList .subtitle{color:#4373f4}
.safeServiceList .subtxt{margin-bottom:8px}

/* 대출 연계,부가서비스 동의 팝업 */
.renewModal.agreeChk .agreecon{padding:32px 0 40px; border:none; border-radius:0;}
.renewModal.agreeChk .agreecon .chkCon .btn-view{align-self:auto; margin-top:1px;}

/* 시세문의결과조회 */
.priceResultView{overflow:hidden}
.priceResultCon{text-align:left}
.priceResultCon .noti-wrap{padding:16px 16px 166px;margin-bottom:40px;background:url('/images/graphic_search_142.svg') no-repeat 50% 100% / 142px auto;}
.priceResultCon .noti-wrap strong{font-size:20px;color:#4373f4}
.priceResultCon .noti-wrap .stext{margin-top:4px;font-size:14px;color:#888}
.priceResultList{padding:0 16px}
.priceResultItem{position:relative;padding:20px 0;border-bottom:1px solid #eee;font-size:14px;text-align:left}
.priceResultItem .listname span{position:relative;display:inline-block;float:none;margin-right:8px;vertical-align:middle}
.priceResultItem .listname .date:before{content:"";position:absolute;top:50%;left:-4px;transform:translate(0, -45%);width:1px;height:12px;background-color:#eee}
.priceResultItem .listinfo{width:calc(100% - 76px);margin-top:9px}
.priceResultItem .listinfo div{text-overflow:ellipsis;white-space:nowrap;overflow: hidden}
.priceResultItem .listinfo .name{color:#222;font-weight:700;font-size:18px}
.priceResultItem .listinfo .adrwidth{margin-top:2px;color:#888}
.priceResultItem .imginfo{position:absolute;bottom:20px;right:0;width:68px;height:68px;border-radius:50%;overflow:hidden;}
.priceResultItem .imginfo img{width:100%;height:100%}
.prcresult-tag{min-width:38px;height:20px;line-height:20px;padding:0 4px;border-radius:4px;font-size:11px;color:#fff;text-align:center}
.prcresult-tag.step1{background-color:#4373f4}
.prcresult-tag.step2{background-color:#3bb120}
.prcresult-tag.step3{background-color:#bbb}
.priceResultStep{display:flex;width:calc(100% + 100%/6);height:74px;background-color:#f3f5f9}
.priceResultStep .step{display:flex;align-items:center;justify-content:center;flex-direction:column;flex:1;position:relative;}
.priceResultStep .step:before{z-index:1;content:"";display:block;width:16px;height:16px;background:#fff;border-radius:50%;border:2px solid #e0e0e0}
.priceResultStep .progressname{color:#bbb}
.priceResultStep .active .progressname{color:#4373f4;font-weight:700}
.priceResultStep .active .progressname em{font-weight:300}
.priceResultStep .beforeact.active .progressname{color:#444;font-weight:300}
.priceResultStep .step1{margin-left:calc(-100%/6 + 8px)}
.priceResultStep .step1 .progressname{transform: translateX(calc(50% - 8px));width: 50%;text-align: left;}
.priceResultStep .step3 .progressname{transform: translateX(calc(-50% + 8px));width: 50%;min-width:88px;text-align: right;}
.priceResultStep .step.active:before, .priceResultStep .active .progressbar{background-color:#4373f4}
.priceResultStep .step.active:before{border-color:#fff}
.priceResultStep .step:after{position:absolute;top:23px;content:"";display:block;width:100%;height:6px;background:#fff;transform:translateX(-50%)}
.priceResultStep .step.active:after{background-color:#4373f4}
.priceResultStep .step:first-child:after{display:none}
.notiGrey{position:relative;font-size:12px;color:#888;text-align:left;padding-left:20px}
.notiGrey:before{position:absolute;top:-1px;left:0;content:"";display:inline-block;width:16px;height:16px;background:url('/images/icon_16_notice_form.svg') no-repeat 0 1px/16px auto}
.priceResultView .notiGrey{margin:12px 16px 0}
.priceResultView .date{float:right;margin-top:2px;font-size:12px;color:#888}
.textareaNew .form-control{line-height:18px;padding:8px 16px;border:1px solid #e0e0e0}
.textareaNew .form-control:disabled{color:#444}
.textareaNew .textlimit{position:absolute;bottom:1px;left:1px;width:calc(100% - 2px);height:30px;background:#fff;border-radius:0 0 10px 10px;padding:0 16px;text-align:right;font-size:12px;color:#888}
.priceResultQ{position:relative;margin:32px 16px 0;text-align:left;border-radius:8px;overflow:hidden}
.priceResultQ .info{z-index:1;position:absolute;top:1px;left:1px;width:calc(100% - 2px);height:40px;padding:12px 16px;background:#fff;border-radius:10px 10px 0 0}
.priceResultQ span{display:inline-block}
.priceResultQ .user{width:calc(100% - 66px);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size:14px;font-weight:500}
.priceResultQ .textareaNew .form-control{padding:40px 16px 30px;height:178px;}
.priceResultA{margin:16px;padding:16px;background:#f5f5f5;border-radius:8px;text-align:left}
.priceResultA .textareaNew{margin-top:8px}
.priceResultA .manager{position:relative;padding-left:28px;font-weight:500;color:#4373f4}
.priceResultA .manager:before{position:absolute;top:-1px;left:0;content:"";display:block;width:24px;height:24px;background:url('/images/icon_16_ars.svg') no-repeat 50% 50% / 16px auto #4373f4;border-radius:50%}

/* 홈화면 */
.homeMain{padding:16px 0; text-align: left;background: #f3f5f9;}
.homeMain .slick-dots > li{width:5px; height:5px; background:#e0e0e0; margin-left:8px}
.homeMain .slick-dots > li.slick-active{width:5px;background:#4373f4 }
.homeMain .btn-morelist{background:#e6ebf5}
.countTit{margin-bottom:20px; padding:0 16px}
.countTit .titletext{font-size: 16px;}
.numBox{color:#4373f4; font-size:24px;}
.numBox strong{font-size:36px;}
.numdate{color:#bbbbbb}
.homeSerchBox{width:calc(100% - 32px);height:40px;line-height: 24px;padding: 8px 12px 8px 44px; margin:0 16px;background: #fff;font-size: 16px;color: #444;border-radius: 8px; text-align: left;position: relative;box-shadow: -2px 4px 5px rgb(0 0 0 / 10%);}
.btn-homesearch{position: absolute;top: 8px; left: 12px; width: 24px;height: 24px;background: url(/images/icon_24_search_new.svg) no-repeat 0 0;font-size: 0;}
.Placeholdertext{color:#bbbbbb; font-size:16px;}
.homeQuick{padding:0 16px 32px 8px;  border-bottom:solid 8px #e6ebf5}
.hometit{margin-bottom:16px; display:flex; justify-content: space-between; margin-top:32px; padding-left:16px}
.hometit strong{font-size:18px; color:#222}
.homeMain .btn-close.black{position:absolute;top:16px;right:16px;background: url(/images/icon_24_navi_close.svg) no-repeat 0 0 / 24px auto;}
.quickSale .saleScroll{margin:10px 16px 12px;padding:0; width:calc(100% - 32px);height:82px;border-radius:12px;box-shadow: -2px 4px 5px rgb(0 0 0 / 10%);}
.quickSaleBox{position:relative;padding:17px 10px; background:#fff;width:25%;text-align:center}
.quickSaleBox:before{content:"";display:block;width:1px;height:50px;background:#e0e0e0;position:absolute;top:50%;left:0;margin-top:-25px}
.quickSaleBox:nth-of-type(1){border-radius:12px 0 0 12px}
.quickSaleBox:nth-of-type(1):before{display:none}
.quickSaleBox:nth-of-type(4){border-radius:0 12px 12px 0}

.quickMenuBox{padding:0 0px 8px 8px;vertical-align: top;}
.saleLabel{font-size:14px}
.saleLabel, .saleCount{display:block; font-weight:700; line-height:24px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.saleCount{color:#4373f4;font-size:16px;}
.quickMenuBox .quickMenuin{border-radius:8px; width:100%; height:148px; padding:16px 12px; background-color:#fff; box-shadow:-2px 4px 5px rgb(0 0 0 / 10%);}
.quickMenuin{display: flex; flex-direction: column; justify-content: space-between;}
.quick-tit{font-size:16px; font-weight:700; color:#222; position: relative;}
.quick-tit:after{content:""; display:block; width:40px; height:40px; position: absolute; right:0; top:0}
.quick-tit > span{position:relative;}
.quick-tit > span:before, .quick-tit > span:after{content:""; position:absolute; display:inline-block;}
.quick-tit .update:before{top:0; left:32px; width:4px; height:4px; background:#f54f1b; border-radius:50%;}
.quick-tit .new:after{width:24px;height:24px;background:url('/images/badge_new.svg') no-repeat 0 0;}
.quickMenuin.kbstatic .quick-tit .update:before{left:24px;}
.quick-text{font-size: 12px; color:#888; text-align: right;}
.quick-text > span{display:block;}
.quick-text > span.point-blue{color:#4373f4}
.quickMenuBox .quickMenuin.registCard{text-align: center; padding-top:46px;}
.quick-text .text-over{display:flex; white-space:nowrap; justify-content:flex-end;}
.quick-text .text-over em{text-overflow:ellipsis; overflow:hidden;}
.quickMenuin.myhome .quick-tit:after{background:url('/images/icon_40_myhome_light.svg') no-repeat 0 0/40px}
.quickMenuin.kbstatic .quick-tit:after{background:url('/images/icon_40_kb_static_light.svg') no-repeat 0 0/40px}
.quickMenuin.lab .quick-tit:after{background:url('/images/icon_40_lab_light.svg') no-repeat 0 0/40px}
.quickMenuin.loan .quick-tit:after{background:url('/images/icon_40_smart_loan_light.svg') no-repeat 0 0/40px}
.quickMenuin.agent .quick-tit:after{background:url('/images/icon_40_agent_hub_light.svg') no-repeat 0 0/40px}
.quickMenuin.tax .quick-tit:after{background:url('/images/icon_40_tax_calculate_light.svg') no-repeat 0 0/40px}
.quickMenuin.subdivision .quick-tit:after{background:url('/images/icon_40_subdivision_light.svg') no-repeat 0 0/40px}
.quickMenuin.price .quick-tit:after{background:url('/images/icon_40_quick_price_search_light.svg') no-repeat 0 0/40px}
.quickMenuin.hub .quick-tit:after{background:url('/images/icon_40_data_hub_light.svg') no-repeat 0 0/40px}
.quickMenuin.kbloan .quick-tit:after{background:url('/images/icon_40_preferential_treatment_light.svg') no-repeat 0 0/40px}
.quickMenuin.bookmarkquick .quick-tit:after{background:url('/images/icon_40_bookmark_light.svg') no-repeat 0 0/40px}
.quickMenuin.kbloantype2 .quick-tit:after{background:url('/images/icon_40_preferential_treatment_light2.svg') no-repeat 0 0/40px}
.quickMenuin.safetyanalysis .quick-tit:after{background:url('/images/icon_40_safetyinspection_light.svg') no-repeat 0 0/40px}
.quickMenuin.shhousing .quick-tit:after{background:url('/images/icon_40_sh_light.svg') no-repeat 0 0/40px}
.homeMainbn{position:absolute;right:-300px;top:42px;width:104px;height:96px;transition:all .2s}
.homeMainbn img{width:100%}
.homeMainbn.active{animation:quickBnShow .6s cubic-bezier(0.215, 0.61, 0.355, 1) forwards .2s;}
@keyframes quickBnShow {
    0% {right:-300px}
    70% {right:42px}
    100% {right:16px}
}
@-webkit-keyframes quickBnShow {
    0% {right:-300px}
    70% {right:42px}
    100% {right:16px}
}


/* 리뉴얼 슬릭 버튼 */
.renewSlick.slick-slider:hover .slick-arrow{opacity: 1}
.renewSlick .slick-arrow{position:absolute;top:50%;width:40px;height:65px;margin-top:-33px;z-index:1;font-size:0;border:0;opacity: 0; transition: opacity .3s linear;border-radius:0}
.renewSlick .slick-arrow.slick-prev{left:0;background:url('/images/web_neb_prev.svg') no-repeat 0 0 / 40px auto}
.renewSlick .slick-arrow.slick-next{right:0;background:url('/images/web_neb_next.svg') no-repeat 0 0 / 40px auto}
.renewSlick .scrollbar-ctrl{z-index:1}
.renewSlick .scrollbar-ctrl .btn-ctrl-scroll{transition:inherit;margin-top:-33px;width:40px;height:65px;border-radius:0}
.renewSlick .scrollbar-ctrl .btn-ctrl-scroll.prev{left:0;background:url('/images/web_neb_prev.svg') no-repeat 0 0 / 40px auto}
.renewSlick .scrollbar-ctrl .btn-ctrl-scroll.next{right:0;background:url('/images/web_neb_next.svg') no-repeat 0 0 / 40px auto}
.homeQuickRolling .renewSlick .slick-arrow{margin-top:-50px}
.homeQuickRolling .renewSlick .slick-arrow.slick-prev{left:-8px}
.detailBox .navScroll .renewSlick .slick-arrow.slick-prev{left:-16px}
.homeQuickRolling .renewSlick .slick-arrow.slick-next{right:-16px}
.homeBanner .renewSlick .slick-arrow{margin-top:0; top:calc(50% - 10px); transform:translateY(-50%)}

.danjiConTap{padding:16px 16px 0 16px;border-bottom:solid 1px #e0e0e0; position: relative;}
.danjiConTap > span{display:inline-block; width:50%; height:48px; line-height:48px; font-size:18px;text-align: center;}
.danjiConTap > span.active{color:#4373f4; font-weight:700;}
.danjiConTap > span > em{cursor: pointer; vertical-align: middle;}
.danjiConTap > span.active .btn-icon{background:url('/images/icon_24_info-type1_on.svg')}
.danjiConTap:after{content: ""; display:block; width:calc(50% - 16px); height:3px; background:#4373f4; position: absolute; left:16px; bottom:0; transition: .2s;}
.danjiConTap.type2:after{left:calc(50%); }
.danjiConTap.default{border-bottom:0}
.danjiConTap.default:after{display:none}
.danjiConTap.default > span.active, .danjiConTap.default > span{color:#444;font-weight:700;text-align:left}
.danjiConTap.default > span.active .btn-icon{background:url('/images/icon_24_info-type1.svg')}
.danjiimgMain .danjilistItem{padding:20px 0}
.danjiimgMain .itemparagraph{width:calc(100% - 126px)}
.danjiimgMain .danjilistItem .imgbox{width:136px; height:136px;overflow:hidden}
.danjiimgMain .itemparagraph .prdouct-label{margin-bottom:14px}
.danjiimgMain .danjitalkparagraph > span{vertical-align: top;line-height:21px}
.danjiimgMain .danjitalkparagraph > span.storename{display:inline-block;width:calc(100% - 110px);height:20px;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;}
.danjiimglismore{text-align:center; margin-top:16px}
.homeBanner{ width:100%; padding:40px 0}
.homeBanner .bnimg{width:100%;cursor:pointer}
.homeBanner .bnimg img{width:100%;}
.homeBanner.type1{padding:8px 0 0}
.homeBanner.pd0{padding:0}
.todaysPick{padding-bottom:30px;border-bottom:solid 8px #e6ebf5}
.picktit{padding:0 16px; display: flex; justify-content: space-between; align-items: center; color:#222; font-size: 18px; font-weight:700;}
.pickCon{padding:0; margin-top:20px; width:100%; overflow: hidden;}
.pickConlist {display:flex; width:max-content; padding:0 0 10px 16px}
.pickConlist li{width:206px; margin-right:8px;position: relative;}
.pickConlist li:last-child{width:auto;}
.pickConlist li .btn-pickplay{position: absolute; top:30px; left:50%; margin-left:-24px}
.pickConlist li> span{display:block;}
.pickConlist li> span.pickimg{position:relative; width:100%; height:116px; overflow: hidden; border-radius:12px;}
.pickConlist li> span.pickimg img{width:100%;height:116px}
.pickConlist li .playtime{position:absolute; right:8px; bottom:8px; padding:2px 4px; background:rgba(34,34,34,0.64); font-size:12px; color:rgba(245,245,245); border-radius:5px;}
.pickConlist .btn-youtubelink{width:160px; height:64px; margin-top:12px; padding-left:43px; text-align:left; letter-spacing:-.5px; border-radius:12px; background:#fff url('/images/icon_32_youtube.svg') no-repeat 10px center;}
.pickConlist li> span.pickdate{color:#888888;padding:0 8px;}
.pickConlist li> span.pickdec{height:42px;line-height:21px;text-overflow: ellipsis;overflow: hidden;word-break: break-word;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin:6px 8px;white-space:normal}
.todaysPick.news{padding-top:40px; border:none}
.news .pickConlist li{width:66px; margin-right:16px}
.news .pickConlist li> span.pickimg{height:66px; border-radius:50%;}
.news .pickConlist li> span.pickdec{display:block;height:auto;margin:0;overflow:visible;padding:8px 0; text-align: center;}
/* 뉴스 아이콘 */
.news .pickConlist li> span.pickimg{background-color:#fff !important}
.news .pickConlist li> span.pickimg img{display:block;width:56px;height:56px;margin:5px auto}
.news .pickConlist li> span.pickimg.naver{background:url('/images/logo_news_naver_light.svg') no-repeat center center/56px;}
.news .pickConlist li> span.pickimg.googel{background:url('/images/logo_news_google_light.svg') no-repeat center center/56px;}
.news .pickConlist li> span.pickimg.daum{background:url('/images/logo_news_daum_light.svg') no-repeat center center/56px;}
.news .pickConlist li> span.pickimg.today{background:url('/images/logo_news_money_today_light.svg') no-repeat center center/56px;}
.news .pickConlist li> span.pickimg.money{background:url('/images/logo_news_money_s_light.svg') no-repeat center center/56px;}
.news .pickConlist li> span.pickimg.seoul{background:url('/images/logo_news_seoul_edaily_light.svg') no-repeat center center/56px;}
.news .pickConlist li> span.pickimg.biz{background:url('/images/logo_news_chosun_biz_light.svg') no-repeat center center/56px;}
.news .pickConlist li> span.pickimg.hankyung{background:url('/images/logo_news_hankyung_light.svg') no-repeat center center/56px;}
.news .pickConlist li> span.pickimg.edaily{background:url('/images/logo_news_edaily_light.svg') no-repeat center center/56px;}
.news .pickConlist li> span.pickimg.mk{background:url('/images/logo_news_mk_light.svg') no-repeat center center/56px;}
.news .pickConlist li> span.pickimg.go{background:url('/images/logo_news_chosun_go_light.png') no-repeat center center/56px;}
.news .pickConlist li> span.pickimg.donga{background:url('/images/logo_news_dong_a_light.svg') no-repeat center center/56px;}

.NolistCon{padding:80px 0; text-align: center; font-size:16px;}
.NolistCon > p{margin-bottom:8px}
.NolistCon > .btn-text{font-size:16px; text-decoration: underline;}
.NolistCon > .btn-registcard{border-style:solid; background-color:#fff }

.renewPage .danjiWritebox{margin:0px 0 0px 0; padding:0 16px}
.renewPage .danjiWriteitem{height:48px; border-radius:8px; margin-bottom:12px}
.renewPage .danjiWriteitem > span{overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:16px; color:#444444}
.renewPage .danjiWriteitem .btn-danjedit{min-width:80px;background:url('/images/icon_24_write.svg') no-repeat 0 0/24px; padding-left:24px; color:#888888; font-weight:400;}
.NolistCon + .danjiWritebox{margin-top:-40px;}
.danjiimglismore.maintalk{padding:0 16px;}
.danjiimglismore.maintalk .btn-morelist.arrowbullet:after{margin-left:8px;}
.danjiimglismore.maintalk .btn-morelist.arrowbullet.up:after{top:0px}
.danjiimglismore.maintalk .btn-morelist.arrowbullet.down:after{top:-3px}
.homeMain .itemparagraph .parabtmgroup{margin:0 0 0px 0}
.renewPage .itemparagraph .paragraphicon{font-size:14px}
.renewPage .itemparagraph .paragraphicon > span.count, .renewPage .danjitalkparagraph > span.count{background-image:url('/images/icon_16_Like_Selected.svg')}
.renewPage .itemparagraph .paragraphicon > span.count.none, .renewPage .danjitalkparagraph > span.count.none{background-image:url('/images/icon_16_Like_Default.svg')}
.renewPage .itemparagraph .paragraphicon > span:not(.count):before, .renewPage .itemparagraph .paragraphicon > span:not(.count):before{top:9px;}
.renewPage .danjiimgMain .itemparagraph .prdouct-label{margin:18px 0 0 0}

/* 관심단지톡 상세 */
.imgbanner-text.type2{height:148px; background:url('/images/banner_interesting_danji_graphic_1.svg') no-repeat right bottom/139px #f4f5ff; padding-top:26px}
.danjiTalkDetail .danjitalklistgroup{padding:0 16px;}
.danjiTalkDetail .danjitalklistgroup .danjitalkMainItem{padding:20px 0px 20px 28px; border-bottom:solid 1px #eeeeee}
.danjiTalkDetail .danjitalklistgroup .danjitalkMainItem > .num{left:0}
.imgicon{display:inline-block; background:url('/images/icon_16_photo.svg') no-repeat left center/16px; font-size: 14px; color:#b2b2b2; font-weight:400; padding-left:18px; line-height:24px;}


/* 홈 > 빠른메뉴 편집 */
.editQuickMenu{padding:16px 0 24px;text-align:left}
.addedItems{padding-bottom:24px;border-bottom:1px solid #eee}
.addedItems.all{padding-bottom:24px;border-bottom:none}
.addedItems + .addedItems{padding:32px 0 0;border-top:7px solid #f5f5f5;border-bottom:0}
.itemSortingTitle{display:flex;align-items:center;height:26px;padding:0 16px;margin-bottom:16px}
.itemSortingTitle strong{margin-right:auto;font-size:18px;color:#222}
.itemSortingTitle em{font-weight:700}
.itemSortingTitle.sm{height:auto;margin-bottom:8px}
.itemSortingTitle.sm strong{font-size:16px}
.dragItemsbox{padding:0 16px}
.dragItemsbox .ghost { opacity: 0.5; }
.dragItemsbox .dragItem{position:relative;display:block;padding:16px 20px;font-size:16px;font-weight:700;margin-bottom:8px;border-radius:12px;background:#f3f5f9;cursor:all-scroll;transition: transform 0.5s}
.dragItemsbox .dragItem:after{position:absolute;right:16px;top:50%;transform:translate(0,-50%);content:"";display:block;width:24px;height:24px;background:url('/images/icon_24_dragable.svg') no-repeat 50% 50%}
.dragItemsbox .dragItem.deleteMode{cursor:pointer}
.dragItemsbox .dragItem.deleteMode:after{background-image:url('/images/icon_16_close_black.svg');background-size:20px}
.dragItemsbox .dragItem .intertit{display:block;font-size:16px;font-weight:700;}
.dragItemsbox .dragItem .intercon{display:block;font-size:14px;color:#222;font-weight:400}
.dragItemsbox.news{display:flex;flex-wrap:wrap}
.dragItemsbox.news .dragItem{width:calc(100%/3 - 8px);margin:0 12px 12px 0;text-align:center;padding:16px 0}
.dragItemsbox.news .dragItem:nth-of-type(3n){margin-right:0}
.dragItemsbox.news .dragItem:after{display:none}
.dragItemsbox.news .dragItem.deleteMode:after{display:block;width:24px;height:24px;top:10px;right:-5px;background:url('/images/icon_24_delete.svg') no-repeat 0 0 / 24px auto }
.serviceItembox{padding:0 16px}
.editQuickMenu .nodata{padding:80px 0;font-size:16px;line-height:24px;color:#444;text-align:center}

/* 홈 메인 풀화면 타입 : PC (해상도 1024px ~) */
.fullWebType.homeMain{position:fixed;width:100%;height:100%;padding:96px 0 100px 70px;text-align:center;overflow-x: hidden;z-index:99999}
.fullWebType.homeMain .countTit .titletext,
.fullWebType.homeMain .numBox{font-size:32px;line-height:1.3;}
.fullWebType.homeMain .numBox{padding-top:12px}
.fullWebType.homeMain .numBox strong{font-size:72px}
.fullWebType.homeMain .countTit{padding:0;margin-bottom:30px}
.fullWebType.homeMain .numdate{font-size:16px}
.fullWebType.homeMain .homeSerchBox{height:64px;max-width:824px;padding:12px 24px 12px 56px;margin:0 auto;line-height:32px;border:4px solid #4373f4}
.fullWebType.homeMain .btn-homesearch{top:50%;margin-top:-12px}
.fullWebType.homeMain .hometit, .fullWebType.homeMain .hometit strong{font-size:32px}
.fullWebType.homeMain .hometit{margin:60px 0 24px;justify-content: center;padding:0}
.fullWebType .homeQuick .hometit{position:relative;max-width:824px;margin:60px auto 24px;padding:0}
.fullWebType.homeMain .quickSale{margin:80px 0 0 ;border-top:solid 8px #e6ebf5}
.fullWebType.homeMain .quickSale .saleScroll{max-width:824px;height:120px;margin:0 auto}
.fullWebType.homeMain .quickSaleBox{padding:21px 10px;cursor:pointer}
.fullWebType.homeMain .saleLabel{font-size:18px}
.fullWebType.homeMain .saleCount{font-size:32px;line-height:48px}
.fullWebType.homeMain .saleCount em{font-size:12px;vertical-align:top;}
.fullWebType.homeMain .homeQuickRolling{max-width:824px;margin:0 auto}
.fullWebType.homeMain .quickMenuBox {display:flex;justify-content: space-between;flex-wrap:wrap;padding:0}
.fullWebType.homeMain .quickMenuBox .quickMenuin{width:calc(33% - 8px);height:200px;padding:24px;margin-bottom:16px;cursor:pointer}
.fullWebType.homeMain .quickMenuBox .quickMenuin:nth-child(3n){width:33%}
.fullWebType.homeMain .quick-tit{padding:72px 0 0;font-size:20px}
.fullWebType.homeMain .quick-tit:after{width:60px;height:60px;right:auto;left:50%;transform:translate(-50%, 0);background-size:60px}
.fullWebType.homeMain .quick-text{text-align:center;font-size:14px}
.fullWebType.homeMain .homeQuick{border:0;padding:0 0 44px}
.fullWebType.homeMain .homeBanner{max-width:824px;margin:0 auto;padding:0}
.fullWebType.homeMain .homeBanner .bnimg{position:relative;height:110px;max-width:824px;overflow:hidden}
.fullWebType.homeMain .homeBanner .bnimg img{width:360px;display:inline-block}
.fullWebType.homeMain .homeBanner .renewSlick .slick-arrow{top:calc(50% - 20px)}
.fullWebType.homeMain .picktit,
.fullWebType.homeMain .pickCon{max-width:824px;margin:0 auto;padding:0}
.fullWebType.homeMain .picktit{position:relative;justify-content:center;margin:60px auto 24px;font-size:32px}
.fullWebType.homeMain .picktit .btn, .fullWebType .homeQuick .hometit .btn{position:absolute;right:0}
.fullWebType.homeMain .pickConlist{padding:0;text-align:left}
.fullWebType.homeMain .pickConlist li{cursor:pointer;margin-right:12px}
.fullWebType.homeMain .pickConlist li:last-child{margin-right:0}
.fullWebType.homeMain .news .picktit,
.fullWebType.homeMain .news .pickCon{max-width:968px}
.fullWebType.homeMain .news .pickConlist li{margin-right:24px}
.fullWebType.homeMain .todaysPick{padding:0 0 60px}
.fullWebType.homeMain .news.todaysPick{padding:0}
.fullWebType.homeMain .slick-dots{margin:0}
.fullWebType.homeMain .slick-dots > li{width:5px !important;height:5px !important}

/* 홈 메인 풀화면 타입 : 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px) */
@media all and (max-width:1023px) {
    .fullWebType.homeMain{padding:24px 0 126px}
    .fullWebType.homeMain .homeSerchBox{width:calc(100% - 24px);max-width:none;height:48px;line-height:22px;border-width:2px;padding:12px 12px 12px 44px}
    .fullWebType .fixdnav{max-width:none}
    .fullWebType .fixdnav .in{max-width:420px;margin:0 auto}
    .fullWebType.homeMain .countTit .titletext{font-size:18px}
    .fullWebType.homeMain .countTit{margin-bottom:20px}
    .fullWebType.homeMain .numBox{padding-top:6px;line-height:1.5;font-size:24px}
    .fullWebType.homeMain .numBox strong{font-size:40px}
    .fullWebType.homeMain .numdate{font-size:12px}
    .fullWebType.homeMain .quickSale, .fullWebType .homeQuick .hometit{margin:40px 0 0}
    .fullWebType.homeMain .hometit{margin:40px 0 16px}
    .fullWebType.homeMain .hometit, .fullWebType.homeMain .hometit strong{font-size:24px}
    .fullWebType.homeMain .quickSale .saleScroll{width:calc(100% - 24px);max-width:none;height:90px}
    .fullWebType.homeMain .saleLabel{font-size:16px}
    .fullWebType.homeMain .saleCount{font-size:20px;line-height:28px}
    .fullWebType.homeMain .quickSaleBox{padding:16px 10px}
    .fullWebType.homeMain .homeQuickRolling{max-width:none;width:calc(100% - 24px)}
    .fullWebType.homeMain .homeQuick{padding:0 0 40px}
    .fullWebType.homeMain .quickMenuBox .quickMenuin{width:calc(33% - 5px);height:166px;padding:16px;margin-bottom:10px}
    .fullWebType.homeMain .quick-tit{padding-top:56px;font-size:18px}
    .fullWebType.homeMain .quick-tit:after{width:48px;height:48px;background-size:48px}
    .fullWebType.homeMain .picktit{margin:40px 12px 16px;font-size:24px}
    .fullWebType.homeMain .pickCon{padding-left:12px}
    .fullWebType.homeMain .homeBanner, .fullWebType.homeMain .homeBanner .bnimg{max-width:none}
    .fullWebType.homeMain .todaysPick{padding-bottom:40px}
    .fullWebType.homeMain .picktit, .fullWebType.homeMain .pickCon{max-width:none}
    .fullWebType .homeQuick .hometit{max-width:none;margin:40px 16px 16px}
}

/* 홈 메인 풀화면 타입 : 모바일 가로, 모바일 세로 (해상도 320px ~ 767px) */
@media all and (max-width:767px) {
    .fullWebType.homeMain{padding:16px 0 114px}
    .fullWebType.homeMain .countTit .titletext{font-size:16px}
    .fullWebType.homeMain .countTit{margin-bottom:16px}
    .fullWebType.homeMain .numBox{padding-top:0}
    .fullWebType.homeMain .numBox strong{font-size:36px}
    .fullWebType.homeMain .homeSerchBox{width:calc(100% - 32px)}
    .fullWebType.homeMain .hometit{margin:32px 0 16px}
    .fullWebType.homeMain .hometit, .fullWebType.homeMain .hometit strong{font-size:18px}
    .fullWebType.homeMain .quickSale .hometit{margin:48px 0 16px}
    .fullWebType.homeMain .quickSale .saleScroll{width:calc(100% - 32px);height:82px}
    .fullWebType.homeMain .saleLabel{font-size:14px}
    .fullWebType.homeMain .saleCount{font-size:16px;line-height:24px}
    .fullWebType.homeMain .quickMenuBox .quickMenuin{width:calc(100% - 8px);height:148px;margin-bottom:8px;margin-left:4px}
    .fullWebType.homeMain .quickMenuBox .quickMenuin:nth-child(3n){width:calc(100% - 8px)}
    .fullWebType.homeMain .homeQuick{padding:0 0 32px}
    .fullWebType.homeMain .picktit{justify-content: space-between;margin:40px 16px 16px;font-size:18px}
    .fullWebType.homeMain .news .picktit{justify-content: center}
    .fullWebType.homeMain .quick-tit{padding-top:48px;font-size:16px}
    .fullWebType.homeMain .quick-tit:after{width:40px;height:40px;background-size:40px}
    .fullWebType.homeMain .quick-text{font-size:12px}
    .fullWebType.homeMain .homeQuickRolling{width:calc(100% - 32px)}
    .fullWebType.homeMain .pickCon{padding-left:16px}
    .fullWebType.homeMain .pickConlist li{margin-right:8px}
    .fullWebType.homeMain .news .pickConlist li{margin-right:16px}
    .fullWebType .homeQuick .hometit{    margin: 40px 16px 16px;}
}

/* 단지사진 */
.danjiImgBox{position: relative;}
.danjiImgBox .pictureimg{height:344px;overflow:hidden;position:relative}
.danjiImgBox .pictureimg img{width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}
.danjiImgBox .countlabel{background:transparent;color:#888}
.danjiImgBox .countlabel.num{bottom:-35px;right:3px;z-index:0}
.danjiImgBox .countlabel strong{color:#444}
.danjiImgBox .btn-underline{position:absolute; bottom:-35px; left:16px;}
.danjiImgCont{position:relative;padding:16px;margin-top:44px;text-align:left;transition: all .3s;}
.danjiImgCont .tit{position:relative;display:block;line-height:24px;font-size:16px}
.danjiImgCont.gold .tit, .danjiImgCont.silver .tit{padding-left:30px;}
.danjiImgCont.gold .tit:before,
.danjiImgCont.silver .tit:before{content:"";position:absolute;top:0;left:0;display:block;width:24px;height:24px;}
.danjiImgCont.gold .tit:before{background:url('/images/icon_24_pic_choice_gold.svg') no-repeat 0 0 / 24px auto}
.danjiImgCont.silver .tit:before{background:url('/images/icon_24_pic_choice_silver.svg') no-repeat 0 0 / 24px auto}
.danjiImgCont .cont{width:calc(100% - 10px);height:44px;line-height:22px;margin-top:4px;font-size:14px;color:#888;text-overflow:ellipsis;overflow: hidden;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.danjiImgCont .btn-budget{position:absolute;transform: rotate(0deg);bottom:16px;right:12px}
.danjiImgCont.active{position:relative;top:-20px;left:0;width:100%;margin:0;border-radius:16px 16px 0 0;background-color:#fff;box-shadow: 0 -5px 10px 0 #19000000}
.danjiImgCont.active .cont{width:100%;height:auto;overflow:auto;-webkit-line-clamp:inherit;}
.danjiImgCont.active .btn-budget{bottom:auto;top:12px;transform: rotate(180deg);right:16px}
.danjiImgAll .itemBox{display: flex;justify-content: stretch;margin-bottom:2px;overflow: hidden;height: 238px}
.danjiImgAll .itemBox.reverse{flex-flow: row-reverse;}
.danjiImgAll .imgitem{position:relative;background-size:cover;background-repeat:no-repeat;margin-right:2px;margin-bottom:2px;height:100%}
.danjiImgAll .imgitem:before{content:"";display:block;width:100%;height:100%;background: linear-gradient(0deg, #000000 12.81%, rgba(0, 0, 0, 0) 41.95%);position:absolute;top:0;left:0;opacity:.3}
.danjiImgAll .bigitem{flex:2;height:100%;max-width:66.6%}
.danjiImgAll .smallitem{display:flex;flex:1;flex-direction:column;width:33.3%}

.danjiImgAll .smallitem .imgitem{height:calc(100% - 50%);}
.danjiImgAll .smallitem:nth-last-of-type(1) .imgitem{margin-right:0}
.danjiImgAll .smallitem .imgitem:nth-last-child(1){margin-bottom:0}
.danjiImgAll .reverse .bigitem .imgitem{margin-right:0}
.danjiImgAll .reverse .bigitem + .smallitem .imgitem{margin-right:2px}
.danjiImgAll .smallwrap .smallitem{flex-direction: row; flex-wrap:wrap;justify-content: flex-start;}
.danjiImgAll .smallwrap .smallitem >.imgitem{width:calc(33.3% - 2px)}
.danjiImgAll .smallwrap .smallitem:nth-last-of-type(1) .imgitem{margin-right:2px}
.danjiImgAll .smallwrap .smallitem:nth-last-of-type(1) .imgitem:nth-of-type(3n){width:33.3%;margin-right:0}
.danjiImgAll .txtitem{position:absolute;bottom:12px;left:12px;color:#fff}
.danjiImgAll .imgitem.gold:after,
.masonry-container .imgitem.gold:after{position:absolute;top:12px;right:12px;content:"";width:24px;height:24px;background:url('/images/land/ic_contents_danji_rank_1_24.png') no-repeat 0 0 / 24px auto}
.danjiImgAll .imgitem.silver:after,
.masonry-container .imgitem.silver:after{position:absolute;top:12px;right:12px;content:"";width:24px;height:24px;background:url('/images/land/ic_contents_danji_rank_2_24.png') no-repeat 0 0 / 24px auto}
.danjiImgAll .imgitem.video:after,
.danjiImgBox .pictureimg.video:after{position:absolute;top:50%;left:50%;content:"";width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:rgba(255 255 255 / 32%) url('/images/icon_32_video_play.svg') no-repeat 50% / 32px}
.masonry-container .imgitem .txtitem{position:absolute;bottom:12px;left:12px;color:#fff}
.danjiImgAll.typegrid .itemBox.smallwrap{height:118px;}
.danjiImgAll.typegrid .itemBox.smallwrap .smallitem .imgitem{height:100%}
.danjiImgAll .imgitem.centertxt .txtitem{width:max-content;bottom:auto;top:50%;left:50%;transform: translate(-50%, -50%);text-decoration:underline;font-size:12px;font-weight:500}
.danjiImgAll .imgitem.centertxt:before{background:rgba(0, 0, 0, 0.4)}

/* 시세 */
.danjiDetail{position: relative;width:100%;overflow: hidden;}
.detailImgBox{height:248px; overflow:hidden; position: relative;cursor:pointer}
.detailPageTop{display:flex; align-items:center; width:100%; height:56px; padding:0 16px; position: absolute; left:0;top:0; z-index:9999; }
.detailPageTop > h1{display:flex; width:100%; min-width:0; margin:0 12px; font-size:14px; font-weight:700; color:#444;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);}
.detailPageTop > h1 span:not(.textellipsis){flex-shrink:0; margin-left:3px}
.detailPageTop > .btn{width:24px; height:24px; font-size:0;}
.detailPageTop > .btn + .btn{margin-left:16px}
.btn-detailclose{background:url('/images_dark/icon_24_navi_arrow.svg') no-repeat center center/24px;}
.btn-dshare{background:url('/images/icon_24_detail_share.svg') no-repeat center center/24px;}
.btn-dtalk{position:relative;border-radius:0;background:url('/images/icon_24_detail_talk_white_bubble.png') no-repeat center center/24px;}
.btn-alarm{background:url('/images/icon_24_detail_bookmarker.svg') no-repeat center center/24px;}
.btn-dtalk.active{background-image:url('/images/icon_24_detail_talk_white_bubble.png')}
.btn-alarm.active{background-image:url('/images/icon_24_detail_bookmarker_line_select.svg')}
.btn-alarm.lottietype{width:44px;height:44px;background:none;min-width:44px;margin-left:8px !important}
.btn-ddanji{border-radius:0;background:url('/images/icon_24_detail_danji.svg') no-repeat center center/24px;}
.btn-dtalk .badge-numdata{position:absolute;top:-9px;left:5px;z-index:1}
.badge-numdata{padding:0 4px;height:16px;line-height:16px;background:#4373f4;border-radius:100px;color:#fff;font-size:11px;font-weight:700}
.countlabel{display: inline-block; height:26px; padding:0 10px; line-height:26px; background:rgba(34,34,34,.6); border-radius:100px; position: absolute; left:16px; bottom:16px; z-index: 999; color:#ffff}
.countlabel.num{left:auto; right:16px;}
.countlabel.arrowbullet:after{width:9px; height:9px; margin-left:3px; border-color:#fff}
.saleBar{display:flex;width:100%;height:48px; border-bottom:solid 1px #eeeeee;}
.saleBar > .btn{flex:1; height:100%; line-height:48px; text-align: center; font-size:16px; color:#444;position: relative;}
.saleBar > .btn:before{content:""; width:1px; height:12px; background:#eee; position: absolute; left:0; top:19px}
.saleBar > .btn:nth-of-type(1):before{display:none}
.saleBar > .btn > strong{display:inline-block; color:#4373f4; font-weight:700;}
.toolmaptip[name="danjiToptip1"]{z-index:9999; right:17px; top:51px; width: max-content;}
/* 단지 이미지 없을 때 */
.danjiNoimg{padding-top:56px;}
.danjiNoimg .btn-detailclose{background-image:url('/images/icon_24_navi_arrow.svg')}
.danjiNoimg .btn-dshare{background-image:url('/images/icon_24_detail_share_black.svg')}
.danjiNoimg .btn-dtalk{background-image:url('/images/icon_24_detail_talk_black_bubble.png')}
.danjiNoimg .btn-alarm{background-image:url('/images/icon_24_detail_bookmarker_black.svg')}
.danjiNoimg .btn-alarm.lottietype{background:none !important}
.danjiNoimg .btn-dtalk.active{background-image:url('/images/icon_24_detail_talk_black_bubble.png')}
.danjiNoimg .btn-alarm.active{background-image:url('/images/icon_24_detail_bookmarker_fill_select.svg')}
.danjiNoimg .detailPageTop:not(.up){border-bottom:solid 1px #eeeeee}
.danjiNoimg .countlabel{position:static; display:block; width:max-content; margin-left:16px; background-color:transparent; color:#444;border:1px solid #bbb}
.danjiNoimg .btn-ddanji{background-image:url('/images/icon_24_detail_danji_black.svg');}
.danjiNoimg .saleDetailsummary .countlabel{position: relative;top: 40px;left: 0;bottom: auto;margin: 0;}

/* 요약정보 */
.saleDetailsummary{position:relative; padding:40px 16px; text-align: center; }
.saleDetailsummary.typeS{padding:40px 16px 16px}
.saleDetailsummary .btn-changeNew{position:absolute; right:16px; top:12px;}
.saleDetailsummary h2{text-align: center;font-size:24px; margin-bottom:8px; font-weight:700;}
.saleDetailsummary h2 .textellipsis{display:inline-block; vertical-align:top; max-width:100%;}
.saleDetailsummary h2 .ico-poi{font-size:24px; }
.saleDetailsummary h2 .addr{display:inline-block; vertical-align:middle; margin-left:4px; font-size:18px; font-weight:400;}
.saleDetailsummary h2 .addr:before{content:"("}
.saleDetailsummary h2 .addr:after{content:")"}
.saleDetailsummary .saleNameinfo > span{display:block;margin-top:2px;}
.saleDetailsummary .saleNameinfo > span:nth-of-type(1){margin-top:0px;}
.saleDetailsummary .saleNameinfo > span.saleName{font-size:16px; color:#444; line-height:24px;}
.saleDetailsummary .saleNameinfo > span.saleName:not(strong){font-weight:400;}
.summaryType > span{display: inline-block; line-height:22px; padding:0 3px; margin-bottom:2px; position: relative;color:#888888}
.summaryType > span:before{content:""; width:1px; height:12px; background:#eee; position: absolute; left:0; top:5px}
.summaryType > span:nth-of-type(1){padding-left:0}
.summaryType > span:nth-of-type(1):before{display:none}
.summaryType .buildType{color:#444}
.summaryType .saleType{color:#f54f1b}
.summaryType .saleType1{color:#fe7915}
.summaryType .saleType2{color:#ffaf00}
.summaryType em.label{vertical-align:top}
.salesource{margin-top:2px;color:#888888}
.salesource span{display:inline-block; text-decoration:underline; margin-left:4px}
.salesource .iconkb:before{margin-right:4px}
.danjiDetailSubNavi{position:relative; height:58px;}
.danjiDetailSubNavi.flexNavi{display:flex;}
.danjiDetailSubNavi.flexNavi .navScroll{flex:1; min-width:1px;}
.danjiDetailSubNavi.flexNavi .btn-navigo{flex-shrink:0; position:relative; height:100%; padding-left:28px; margin-left:-20px; margin-right:12px}
.danjiDetailSubNavi.flexNavi .btn-navigo:before{content:""; display:block; position:absolute; left:0; top:0; width:28px; height:100%; background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 25%, rgba(255,255,255,1) 50%)}
.danjiDetailSubNavi:not(.flexNavi) .scrollbar-outer::after{content:""; position:absolute; top:0; bottom:2px; right:0; width:32px; background:linear-gradient(to left, #fff, transparent);}
.danjiDetailSubNavi .renewSlick .slick-arrow.slick-prev{left:-16px}
.storeDecBox{margin:40px -16px 0 -16px;padding:16px; border-top:solid 1px #eee; border-bottom:solid 1px #eee; text-align: left;}
.storeDecBox > strong{display: block; margin-bottom:4px; cursor: pointer; position: relative;}
.storeDecBox > strong.arrowbullet:after{position: absolute; top:3px; right:0; border-color:#444}
.storeDecBox > strong.arrowbullet.up:after{top:7px}
.storeDecBox > p{height:22px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; color:#888}
.storeDecBox.open > p{height:auto;white-space:break-spaces;}

.detailBox{border-top:solid 8px #f5f5f5; position: relative; padding:20px 0 0 0;}
.detailBox.noline, .detailBox.bg-gray, .detailBox.fill + .detailBox, .danjiDetailSubNavi.flexNavi + .detailBox{border:none; }
.detailBox.noline:before, .detailBox.noline:after, .detailBox.bg-gray:before, .detailBox.bg-gray:after,
.detailBox.fill + .detailBox:before, .detailBox.fill + .detailBox:after,
.danjiDetailSubNavi.flexNavi + .detailBox:before{height:0}
.detailBox.last{min-height:98px; padding-top:40px;}
.detailBox > .detailBox .detailTit{font-size:16px; padding-top:8px;}
.detailBox .pageBottom{margin:32px 16px; padding-bottom:0}
.detailBox.last + .pageBottom.fixedbtns:not(.up){margin-top:0; padding-top:30px;}
.detailBox .pageBottom .btn:not(.btn-linegrey){height:36px; line-height:34px; border-radius:6px; font-size:14px;}
.detailBox .pageBottom:not(.flexbox) .btn + .btn{margin-top:8px}
.detailBox .chartTap .subtaplist .btn-subtapbt{min-width:33.3%;}
.detailBox .bg-graybox{margin:16px;}
.detailBox::before{content:"";position:absolute; top:-9px; left:0; width:100%; height:1px; background:#eeeeee}
.detailBox::after{content:"";position:absolute; top:-1px; left:0; width:100%; height:1px; background:#eeeeee}
.detailBox.noline .chartlegend:not(.subtaplist + .chartlegend){margin-top:0;}
.detailBox > .detailTit.small, .detailInner .detailTit.small{padding:0 16px}
.detailBox .homeBanner{padding:26px 0 0}
.detailBox .subtaplist button{position:relative}
.detailBox .subtaplist button.active:after{content:"";width:calc(100% - 10px);height:2px;position:absolute;bottom:0;left:5px;background:#444;}
.detailTit{padding:0 16px; margin-bottom:20px; font-size:20px;font-weight:700; position: relative;}
.detailTit.small{font-size:16px; padding:0}
.detailTit.typebetween{display:flex;justify-content:space-between;align-items:center}
.detailTit.fill{padding:28px 16px; border-top:1px solid #eee; background:#f5f5f5}
.detailTit.bulletlist{padding-left:32px; font-weight:400; font-size:16px;}
.detailTit.bulletlist:before{content:"・"; position:absolute; left:15px;}
.detailTit.typebetween .source{border:none; padding:0; font-size:14px; font-weight:400;}
.detailTit .btn-changeType{position:absolute; right:116px; top:-1px}
.detailTit .btn-changeNew{position:absolute; right:16px; top:-4px}
.detailTit .btn-changeNew.first{width:91px; height:30px;}
.detailTit .btn-changeNew.first:before,
.detailBox .detailInner .btn-changeNew.first:before{background:url('/images/icon_24_reset.svg') no-repeat; width:24px; height:24px}
.detailTit > .btn-infohelp{margin-left:0;}
.detailTit .btn-infotxt{min-height:auto; line-height:normal}
.detailTit .normal{font-weight:400}
.detailTit .label{margin-bottom:6px;}
.detailTit .sub{display:block; font-size:13px; font-weight:400; color:#888; line-height:20px;}
.detailTit .iconimg{font-size:14px; font-weight:400;line-height:1.5}
.detailTit.small + .tableDatabox{margin:20px 0;}
.detailTit + .subtaplist, .detailBox .detailInner{padding-top:0}
.detailBox .detailInner{position:relative}
.detailBox .detailInner .btn-changeNew.first{ position: absolute;right: 16px;top: -46px; width:91px;height:30px;}
.detailBox .detailInner .navScroll{padding:0}
.selectTypebar{margin-bottom:12px;text-align: right; padding:0 16px; position: relative;}
.selectTypebar .toolmaptip{top: -49px;right: 10px; width:max-content; background: rgba(34, 34, 34, .86);word-break:break-all}
.selectTypebar .toolmaptip:after{border-bottom-color: rgba(34, 34, 34, .86);}
.selectTypebar .btn{display: inline-block; height:22px; line-height:22px; padding:0 6px; margin-bottom:2px; position: relative;color:#888888; text-decoration: underline;}
.selectTypebar .btn:before{content:""; width:1px; height:12px; background:#eee; position: absolute; left:0; top:5px}
.selectTypebar .btn-choice:before{display:none}
.selectTypebar .btn-choice{color:#444; text-decoration: none;padding-right:22px;}
.selectTypebar .btn-samewidth{padding:0 0 0 8px}
.selectTypebar .btn-close:before{display:none}
.selectTypebar .toolbtnWrap{display:inline-block;position:relative}
.selectTypebar .toolbtnWrap .toolmaptip{top:auto;bottom:38px;right:0;z-index:1}
.selectTypebar .toolbtnWrap .btn-close:before{display:none}
.costbox{text-align: left;}
.costbox.saletype{margin:0 -16px -40px -16px; border-bottom:solid 8px #f5f5f5; position: relative;}
.costbox.saletype:after{content:""; display:block; width:100%; height:1px;background: #eeeeee; position:absolute; left:0; bottom:0px;}
.costtitBar{padding:8px 16px;background:#f5f5f5; }
.costtitBar > span{display:inline-block; margin-right:4px; font-weight:700;}
.costtype{display:flex; width:100%;}
.costtype > div{width:50%; padding:16px; border-left:solid 1px #eeeeee}
.costtype > div span,.costtype > div strong{display:block;}
.costtype > div:nth-of-type(1){border-left:none}
.costtype .defaultCost{display: flex; align-items: center;}
.costtype .noCostdec,.costtype .registBtns{margin-top:12px; color:#888}
.costbox .costlabel{vertical-align: middle;}
.costbox .costlabel .btn-iconhelp{top:-3px; position: relative; margin-left:4px;}
.costbox .costlabel em{font-size:12px; color:#888}
.costbox .costvalue{font-size:18px;}
.costbox .costdate{color:#888888}
.costbox .btnswrap{text-align:right}
.costbox .btnwtype{padding:10px 16px}
.costbox .btnwtype .arrowbullet:after{position:relative;top:8px;border-color:#fff;width:6px;height:6px;vertical-align:top;margin-left:8px;}
.valueaverage{margin-top:12px}
.valueaverage > span{display: block;}
.valueaverage > span em{display:inline-block;color:#888888; margin-right:4px;}
.source{position:relative; text-align: right; padding:16px; border-top:solid 1px #eeeeee}
.source.noline{border:none}
.source > span{display: inline-block;height:22px; line-height:22px; padding:0 6px; margin-bottom:2px; position: relative;color:#888888;}
.source > span:before{content:""; width:1px; height:12px; background:#eee; position: absolute; left:0; top:5px}
.source > span:nth-of-type(1){padding-left:0}
.source > span:nth-of-type(1):before{display:none}
.source > .arrowbullet.left{color:#444}
.source > .arrowbullet.left:after{width:8px; height:8px; margin:-2px 0 0 3px; border-color:#444; vertical-align:middle;}
.source > .btn:not(.btn-typetext){color:#888888; text-decoration: underline;}
.source .btn-underline{margin-top:-2px;}
.source.sm{padding-top:8px; padding-bottom:8px;}
.source.sm > span{height:auto; font-size:11px; line-height:13px;}
.source.sm > span:before{top:2px; height:11px;}
.source.mm {padding:8px 0 0;border-top:0}
.source.mm span{font-size:12px}

.costbox.month .costtype > div{width:100%; display:flex; justify-content: space-between;align-items: center;}
.costbox.month .costtype > div.btnswrap{display:block;width:100%}
.costbox.month.saletype .costtype > div{flex-wrap:wrap}
.costbox.month.saletype .costtype > div .costlabel{width:50%}
.costbox.month.saletype .costtype > div .costvalue{width:50%;text-align:right}
.costbox.month.saletype .costtype > div .btnswrap{width:100%}
.costbox.sell .costtitBar span{color:#f54f1b}
.costbox.below .costtitBar span{color:#3bb120}
.costbox.month .costtitBar span{color:#7c7366}

.costbox.villatype{background-color:#f5f5f5;}
.costbox.villatype > .flexbox{flex-wrap:wrap; align-items:flex-start; padding:16px;}
.costbox.villatype > .flexbox.nodata{flex-direction:row;padding:24px;}
.costbox.villatype > .flexbox.nodata .btn{font-size:16px}
.costbox.villatype .flexbox .value{flex:1;}
.costbox.villatype .costlabel{font-size:16px;}
.costbox.villatype .costvalue{display:block; margin:5px 0 3px; font-size:24px; line-height:32px; color:#4373f4;}
.costbox.villatype .valueaverage{display:flex; width:100%; flex-shrink:0; margin:0;}
.costbox.villatype .valueaverage.column{flex-direction:column; width:auto;}
.costbox.villatype .valueaverage:not(.column) > span{font-size:16px;}
.costbox.villatype .valueaverage:not(.column) > span:not(:last-of-type):after{content:""; display:inline-block; vertical-align:middle; width:1px; height:14px; margin:-2px 6px 0; background:#e0e0e0;}
.costbox.villatype .source{border-color:#fff; text-align:left;}
.costbox.villatype .source > span:before{background-color:#e0e0e0}

.kbbtns{height:56px; border-top:solid 1px #eee}
.kbbtns .btn{line-height:56px; width:50%; font-size: 16px;color:#444;position: relative;}
.kbbtns .btn:before{content:""; width:1px; height:14px; background:#eee; position: absolute; left:0; top:19px}
.kbbtns .btn:nth-of-type(1):before{display:none}
.kbbtns .btn:nth-of-type(1){padding-left:0}

.kbbtns.fixed{position:fixed; top:55px; z-index:99; width:100%; max-width:423px; border-bottom:1px solid #eee; background:#fff;}
@media (max-width: 560px){
    .kbbtns.fixed{max-width:none}
}

/* 차트 툴팁 */
.chartTap{position:relative;}
.chartToolTip{position:absolute; left:0; top:70px; width:100%;}
.chartToolTip .chartLabel{position:absolute; left:16px; top:-21px; background:#232b42;border-radius:4px 4px 0 0; color:#fff; height:21px; line-height: 21px; font-size:12px; padding:0 7px}
.chartToolTipCon{background:#f5f5f5; text-align: left; padding:12px  16px}
.chartlist > span{margin-bottom:2px; display:block}
.chartlist +.chartlist{margin-top:12px; padding-top:12px;border-top:solid 1px #fff}
.chartValue > span{display: inline-block;height:22px; line-height:22px; padding-right:8px; position: relative;color:#888888;}
.chartValue:not(.noline) > span:before{content:""; width:1px; height:14px; background:#e0e0e0; position: absolute; right:2px; top:4px}
.chartValue > span:last-of-type:before{display:none}
.chartValue > span > em{display:inline-block; margin-left:4px;color:#444}
.chartValue.type2 > span{padding-right:16px; font-size:13px;}
.chartValue.type2 > span:before{right:7px}
.chartValue.type2 + .chartValue.type2{margin-top:6px}
.chartlist.sell > span, .chartlist .sell{color:#f54f1b}
.chartlist.below > span, .chartlist .below{color:#3bb120}

.rightbtns{position: absolute; right:16px; top:0px;}
.sortingBtns{display:table; table-layout:fixed; background:#f5f5f5; border-radius:6px; height:38px; padding:3px;}
.sortingBtns > .btn{display:table-cell; vertical-align:middle; min-width:58px; height:32px; padding:0 4px; border-radius:6px; line-height:32px; position: relative;color:#888;letter-spacing:-.5px;}
.sortingBtns > .btn.active{background:#232b42; color:#fff; font-weight:700;}
.bg-fullwhite .rightbtns{top:20px;}

.noDataTxt{display:flex; justify-content:center; flex-direction:column; min-height:60px; padding:5px; font-size:16px; color:#444;}
.noDataTxt.center{min-height:170px; height:100%; align-items:center;}
/* 실거래가 */
.tableDatabox{padding:0 16px; margin-top:26px}
.tableDatabox .txcenter{text-align:center}
.tableDatabox .txright{text-align:right !important}
.tableDatabox .txleft{text-align:left !important}
.tableDatabox .tbody-tr .data + .data:before{content:"|"; display:inline-block; margin:0 6px; color:#bbb;}
.tableDatabox .thead-tr{background:#f5f5f5; min-height:46px; display: flex; align-items: center;}
.tableDatabox .thead-tr .thbox{height:100%; font-weight:700;padding: 12px 8px;line-height: 1.5;}
.tableDatabox .thead-tr .thbox:nth-of-type(1){width:116px;}
.tableDatabox .thead-tr .thbox:nth-of-type(2){width:50px;}
.tableDatabox .thead-tr .thbox:nth-of-type(3){width:calc(100% - 226px)}
.tableDatabox .thead-tr .thbox:nth-of-type(4){width:60px;}
.tableDatabox  .tbody-tr{ display: flex; align-items: stretch;border-bottom:solid 1px #eeeeee}
.tableDatabox  .tbody-tr .tdbox{display:flex;justify-content:center;align-items:center;padding: 12px 8px;line-height: 1.5;}
.tableDatabox  .tbody-tr .tdbox.txleft{justify-content: flex-start;}
.tableDatabox  .tbody-tr .tdbox.column{flex-direction:column;}
.tableDatabox  .tbody-tr .tdbox:nth-of-type(1){width:56px;}
.tableDatabox  .tbody-tr .tdbox.col5{width:calc(100% - 56px); border-left:solid 1px #eeeeee;padding:0;flex-flow:column;align-items:inherit}
.tableDatabox  .tbody-tr .tdbox.col5 .intd{display:flex;border-bottom:solid 1px #eeeeee}
.tableDatabox  .tbody-tr .tdbox.col5 .intd:nth-last-of-type(1){border-bottom:none}
.tableDatabox  .tbody-tr .tdbox.col5 .intd em{text-align:center;height:46px; line-height:46px;border-left:solid 1px #eeeeee;}
.tableDatabox  .tbody-tr .tdbox.col5 .intd em:nth-of-type(1){width:59px;border-left:none}
.tableDatabox  .tbody-tr .tdbox.col5 .intd em:nth-of-type(2){width:50px;}
.tableDatabox  .tbody-tr .tdbox.col5 .intd em:nth-of-type(3){width:calc(100% - 169px)}
.tableDatabox  .tbody-tr .tdbox.col5 .intd em:nth-of-type(4){width:60px;}
.tableDatabox .tbody-tr .intd.cancel{color:#bbb}
.tableDatabox .tbody-tr .intd.cancel em{height:auto !important;line-height:24px !important;padding:10px 0}
.tableDatabox .tbody-tr .tdbox.col5 .intd em.txright{padding-left:4px;padding-right:4px}
.textLinethrough{text-decoration:line-through}
.tableDatabox .tbody-tr .thbox.tdbox{width:107px; background:#f5f5f5; font-weight:700; text-align:left;}
.tableDatabox .thead-tr.col2 .thbox:nth-of-type(2),
.tableDatabox .tbody-tr.col2 .tdbox:nth-of-type(2){width:calc(100% - 116px)}
.tableDatabox .tbody-tr.col2 .tdbox:nth-of-type(1){width:116px}

.tableDatabox .thead-tr.col3 .thbox:nth-of-type(1),
.tableDatabox .tbody-tr.col3 .tdbox:nth-of-type(1){width:32%}
.tableDatabox .thead-tr.col3 .thbox:nth-of-type(2),
.tableDatabox .tbody-tr.col3 .tdbox:nth-of-type(2){width:21%}
.tableDatabox .thead-tr.col3 .thbox:nth-of-type(3),
.tableDatabox .tbody-tr.col3 .tdbox:nth-of-type(3){width:47%}

.tableDatabox .thead-tr.col4 .thbox:nth-of-type(1),
.tableDatabox .tbody-tr.col4 .tdbox:nth-of-type(1){width:32%}
.tableDatabox .thead-tr.col4 .thbox:nth-of-type(2),
.tableDatabox .tbody-tr.col4 .tdbox:nth-of-type(2),
.tableDatabox .thead-tr.col4 .thbox:nth-of-type(3),
.tableDatabox .tbody-tr.col4 .tdbox:nth-of-type(3){width:21%}
.tableDatabox .thead-tr.col4 .thbox:nth-of-type(4),
.tableDatabox .tbody-tr.col4 .tdbox:nth-of-type(4){width:26%}
.tableDatabox.bPrcType .thead-tr .thbox:nth-of-type(1),
.tableDatabox.bPrcType .tbody-tr .tdbox:nth-of-type(1){width:126px}
.tableDatabox.bPrcType .thead-tr .thbox:nth-of-type(2),
.tableDatabox.bPrcType .tbody-tr .tdbox:nth-of-type(2),
.tableDatabox.bPrcType .thead-tr .thbox:nth-of-type(3),
.tableDatabox.bPrcType .tbody-tr .tdbox:nth-of-type(3){width:68px}
.tableDatabox.bPrcType .thead-tr .thbox:nth-of-type(4),
.tableDatabox.bPrcType .tbody-tr .tdbox:nth-of-type(4),
.tableDatabox.bPrcType .thead-tr .thbox:nth-of-type(5),
.tableDatabox.bPrcType .tbody-tr .tdbox:nth-of-type(5){width:82px}
.tableDatabox.bPrcType .thead-tr .thbox:nth-of-type(6),
.tableDatabox.bPrcType .tbody-tr .tdbox:nth-of-type(6){width:112px}
.pagewrap .tableDatabox.bPrcType .thead-tr,
.pagewrap .tableDatabox.bPrcType .tbody-tr{display: inline-flex;}
.tableDatabox.bPrcType  .tdbox.text-4373f4{font-weight:700}
.tableDatabox .thead-tr.layoutfix .thbox,
.tableDatabox .tbody-tr.layoutfix .tdbox{flex:1}
.tableDatabox.typerow .tbody-tr:nth-of-type(1){border-top:1px solid #eee}
.tableDatabox.typerow .tdbox{padding:12px}
.tableDatabox.typeline .thead-tr{border-top:1px solid #eee}
.tableDatabox.typeline .thead-tr .thbox{font-weight:700}
.tableDatabox.typeline .thead-tr .thbox, .tableDatabox.typeline .tbody-tr .tdbox{border-left:1px solid #eee}
.tableDatabox.typeline .thead-tr .thbox:nth-of-type(1), .tableDatabox.typeline .tbody-tr .tdbox:nth-of-type(1){border-left:0}
.tableDatabox.typefix .thbox,
.tableDatabox.typefix .tdbox{flex:1; text-align:center;}
.tableDatabox.typefix .thead-tr .thbox:nth-of-type(1),
.tableDatabox.typefix .tbody-tr .tdbox:nth-of-type(1){max-width:65px}
.tableDatabox  .maxValue{padding:8px 0 0 0}
.tableDatabtns{margin:8px 0}
.tableDatabtns .btn-tablemore{height:48px; line-height:48px; }
.tableDatabtns .btn-tablemore:after{margin-left:8px;position: relative; top:-3px}
.tableDatabtns .btn-tablemore.active:after{top:3px}
.tableDatabox  .tbody-tr .tdtx{display:block}
.tableDatabox .tbody-tr .tdbox .tollmapwrapType2{top:-2px}
.tableDatabox .tbody-tr .tdbox .btn-typetext.grey2{position:relative;top:1px;margin-left:2px}
.tableDatabox.typedef .thbox,
.tableDatabox.typedef .tdbox{width:auto!important;flex:1;text-align:center}
/* 분양 상세 테이블 정의 */
.tableDatawrap .tableDatabox.bPrcType .thead-tr,
.tableDatawrap .tableDatabox.bPrcType .tbody-tr{margin-right:16px}
.tableDatawrap .tableDatabox .thead-tr{align-items:stretch}
.tableDatawrap .tableDatabox .thbox{display:flex;justify-content: center;align-items:center;height:auto}
.tableDatabox .thbox.typepar{min-width:92px !important}
.tableDatabox .tdbox.typepar{min-width:92px !important;justify-content: flex-start;text-align:left !important}
.tableDatabox .thbox.typeavg{min-width:112px !important}
.tableDatabox .tdbox.typeavg{min-width:112px !important}
.tableDatawrap.typefull .tableDatabox .thead-tr,
.tableDatawrap.typefull .tableDatabox .tbody-tr{width:100%}
.tableDatawrap.typefull .tableDatabox.bPrcType .thead-tr .thbox,
.tableDatawrap.typefull .tableDatabox.bPrcType .tbody-tr .tdbox{width:auto;flex:1;word-break:break-all}
.tableDatawrap.typefull .tableDatabox.bPrcType .thead-tr .thbox:first-child,
.tableDatawrap.typefull .tableDatabox.bPrcType .tbody-tr .tdbox:first-child{min-width:94px}
.tableDatawrap.typefull .tableDatabox.bPrcType .thead-tr .thbox:last-child,
.tableDatawrap.typefull .tableDatabox.bPrcType .tbody-tr .tdbox:last-child{flex:1.5;width:auto}

.danjiDetail .tableDatabox.typerow .tbody-tr .thbox.tdbox{min-width:108px}
.summarybulletList{padding:0px 16px 0 16px}
.summarybulletList > span{display: block; text-align: left; margin-bottom:16px; padding-left:20px;position: relative; font-size: 16px;}
.summarybulletList > span:not(.bulletnone):after{content:""; display: block; width:4px; height:4px; border-radius:50%; background:#444; position:absolute; left:5px;top:10px}
.summarybulletList > span.bulletnone{padding-left:0;}
.summarybulletList > span .btn{margin:-3px 0 0 5px; font-size: 14px; color:#4373f4}
.summarybulletList > span .btn.grey2{margin:-2px 0 0 4px;}
.summarybulletList > span .tollmapwrapType2{display:inline-block}
.summarybulletList > span .tollmapwrapType2 .btn{margin:-3px 0 0 0}
.summarybulletList > span.flexbox{display:flex}
.summarybulletList > span.flexbox .textellipsis{max-width:calc(100% - 48px)}
.summarybulletList > span.flexbox button.text-grey{position:relative;top:-1px;border:0;font-size:14px;padding:0 2px}
.summarybulletList > span.flexbox.more{display:block}
.summarybulletList > span.flexbox.more .textellipsis{max-width:100%;overflow:visible;text-overflow: inherit;white-space:inherit}
.summarybulletList > span.flexbox.more button.text-grey{padding:0;top:-2px}
.summaryIconList{border-bottom:solid 1px #eeeeee; margin:0 16px 20px 16px;display:flex;}
.summaryIconList:not(.noline){justify-content:center}
.summaryIconList.noline{flex-wrap:wrap; border:none}
.summaryIconList .summaryicon{flex:1; min-width:40px; max-width:33.333%; margin-bottom:20px; padding-top:44px; font-size:14px; color:#444; text-align:center; background-repeat: no-repeat; background-position: center top;}
.summaryIconList .summaryicon[class*="iconoption"], .summaryIconList .summaryicon[class*="iconfac"]{flex-grow:0; min-width:20%; padding-top:52px}
/* 매물정보 아이콘 */
.summaryIconList .iconfloor{background-image: url('/images/icon_40_danji_detail_floor.svg');} /*층 */
.summaryIconList .icondirection{background-image: url('/images/icon_40_danji_detail_direction.svg');} /*방향*/
.summaryIconList .iconhousehold{background-image: url('/images/icon_40_danji_detail_household.svg');} /*면적당 세대수*/
.summaryIconList .iconland{background-image: url('/images/icon_40_danji_detail_land.svg');} /*지목*/
.summaryIconList .iconparking{background-image: url('/images/icon_40_danji_detail_parking.svg');} /*주차대수*/
.summaryIconList .iconpyeong{background-image: url('/images/icon_40_danji_detail_pyeong.svg');} /*평형*/
.summaryIconList .iconroom{background-image: url('/images/icon_40_danji_detail_room.svg');} /*방,욕실수*/
.summaryIconList .iconcommerce{background-image: url('/images/icon_40_danji_detail_commerce.svg');} /*상업지역 */
.summaryIconList .iconliving{background-image: url('/images/icon_40_danji_detail_living.svg');} /*주거지역*/
.summaryIconList .iconindustry{background-image: url('/images/icon_40_danji_detail_industry.svg');} /*공업지역*/
.summaryIconList .icongreen{background-image: url('/images/icon_40_danji_detail_green.svg');} /*녹지지역*/
.summaryIconList .iconagriculture{background-image: url('/images/icon_40_danji_detail_agriculture.svg');} /*농림지역*/
.summaryIconList .iconmanage{background-image: url('/images/icon_40_danji_detail_manage.svg');} /*관리지역*/
.summaryIconList .iconpreserve{background-image: url('/images/icon_40_danji_detail_preserve.svg');} /*보전지역*/
/* 내부옵션 아이콘 */
.summaryIconList .iconoption1{background-image: url('/images/icon_40_danji_detail_option1.svg');} /*에어컨*/
.summaryIconList .iconoption2{background-image: url('/images/icon_40_danji_detail_option2.svg');} /*에어컨*/
.summaryIconList .iconoption3{background-image: url('/images/icon_40_danji_detail_option3.svg');} /*에어컨*/
.summaryIconList .iconoption4{background-image: url('/images/icon_40_danji_detail_option4.svg');} /*침대*/
.summaryIconList .iconoption5{background-image: url('/images/icon_40_danji_detail_option5.svg');} /*책상*/
.summaryIconList .iconoption6{background-image: url('/images/icon_40_danji_detail_option6.svg');} /*옷장*/
.summaryIconList .iconoption7{background-image: url('/images/icon_40_danji_detail_option7.svg');} /*붙박이장*/
.summaryIconList .iconoption8{background-image: url('/images/icon_40_danji_detail_option8.svg');} /*식탁*/
.summaryIconList .iconoption9{background-image: url('/images/icon_40_danji_detail_option9.svg');} /*소파*/
.summaryIconList .iconoption10{background-image: url('/images/icon_40_danji_detail_option10.svg');} /*신발장*/
.summaryIconList .iconoption11{background-image: url('/images/icon_40_danji_detail_option11.svg');} /*냉장고*/
.summaryIconList .iconoption12{background-image: url('/images/icon_40_danji_detail_option12.svg');} /*세탁기*/
.summaryIconList .iconoption13{background-image: url('/images/icon_40_danji_detail_option13.svg');} /*건조기*/
.summaryIconList .iconoption14{background-image: url('/images/icon_40_danji_detail_option14.svg');} /*샤워부스*/
.summaryIconList .iconoption15{background-image: url('/images/icon_40_danji_detail_option15.svg');} /*욕조*/
.summaryIconList .iconoption16{background-image: url('/images/icon_40_danji_detail_option16.svg');} /*비데*/
.summaryIconList .iconoption17{background-image: url('/images/icon_40_danji_detail_option17.svg');} /*싱크대*/
.summaryIconList .iconoption18{background-image: url('/images/icon_40_danji_detail_option18.svg');} /*가스오븐*/
.summaryIconList .iconoption19{background-image: url('/images/icon_40_danji_detail_option19.svg');} /*식기세척기*/
.summaryIconList .iconoption20{background-image: url('/images/icon_40_danji_detail_option20.svg');} /*가스레인지*/
.summaryIconList .iconoption21{background-image: url('/images/icon_40_danji_detail_option21.svg');} /*인덕션*/
.summaryIconList .iconoption22{background-image: url('/images/icon_40_danji_detail_option22.svg');} /*전자레인지*/
/* 편의시설 아이콘 */
.summaryIconList .iconfac1{background-image: url('/images/icon_40_danji_detail_fac1.svg');} /*경비원, 사설경비*/
.summaryIconList .iconfac2{background-image: url('/images/icon_40_danji_detail_fac2.svg');} /*비디오폰*/
.summaryIconList .iconfac3{background-image: url('/images/icon_40_danji_detail_fac3.svg');} /*인터폰*/
.summaryIconList .iconfac4{background-image: url('/images/icon_40_danji_detail_fac4.svg');} /*카드키*/
.summaryIconList .iconfac5{background-image: url('/images/icon_40_danji_detail_fac5.svg');} /*CCTV*/
.summaryIconList .iconfac6{background-image: url('/images/icon_40_danji_detail_fac6.svg');} /*현관보안*/
.summaryIconList .iconfac7{background-image: url('/images/icon_40_danji_detail_fac7.svg');} /*방범창*/
.summaryIconList .iconfac8{background-image: url('/images/icon_40_danji_detail_fac8.svg');} /*엘리베이터*/
.summaryIconList .iconfac9{background-image: url('/images/icon_40_danji_detail_fac9.svg');} /*화재경보기*/
.summaryIconList .iconfac10{background-image: url('/images/icon_40_danji_detail_fac10.svg');} /*베란다*/
.summaryIconList .iconfac11{background-image: url('/images/icon_40_danji_detail_fac11.svg');} /*테라스*/
.summaryIconList .iconfac12{background-image: url('/images/icon_40_danji_detail_fac12.svg');} /*마당*/
.summaryIconList .iconfac13{background-image: url('/images/icon_40_danji_detail_fac13.svg');} /*무인택배함*/
.summarynoti{margin-top:12px; padding-top:12px; border-top:1px solid #eee;}
.summarynoti.refer p:before{content:"※"; position:absolute; left:0;}
.summarynoti.refer p{position:relative; padding-left:15px;}
.summarynoti.refer p + p{margin-top:8px;}
.summarynoti.gray{color:#888}
.summarynoti .bulletlist{margin-left:10px}
.summarynoti .bulletlist.sm li{margin:6px 0; font-size:12px}
.summarynoti .bulletlist.sm li:after{top:7px}
.summaryDec{padding:20px 16px; border-top:1px solid #eee; text-align:left; font-size:16px;}
.detailDec{max-height:168px; overflow:hidden;line-height:28px;margin-bottom:14px;position:relative;}
.detailDec.moreopen{max-height:none}
.detailDec.moreopen + .btn-morelist:before{content:none}
.summaryDec .btn-morelist{position:relative; margin-top:10px; margin-bottom:32px;}
.summaryDec .btn-morelist:before{content:""; display: block; width:100%; height:120px; background: linear-gradient(to top, #fff, transparent);; position:absolute; left:0; bottom:64px}
.summaryDec .summaryIconList{margin-left:0; margin-right:0;}
.summaryDec + .infosource{padding-top:0}
.infosource{padding:20px 16px; color:#888888; font-size:14px; background:transparent; text-align:left;}
.pageBottom .toolmaptip{z-index: 999;top:-60px; left:50%; margin-left:-140px;width:280px;}
.pageBottom .toolmaptip.bottom.right:after{right:135px}

.chartlegend{width:100%;margin:20px 0 12px 0; text-align: right;padding-right:16px}
.chartlegend > span{display:inline-block;margin-left:8px;padding-left:12px; position: relative;}
.chartlegend > span:after{content:""; display:block; width:8px; height:2px;  position: absolute; left:0; top:9px}
.chartlegend > span.linef54f1b:after{background:#f54f1b;}
.chartlegend > span.line3bb120:after{background:#3bb120;}
.chartlegend > span.line3d465d:after{background:#3d465d;}
.chartlegend > span.line4373f4:after{background:#4373f4;}
.chartlegend > span.round{padding-left:9px}
.chartlegend > span.round:after {width:5px;height:5px;border-radius:50%;opacity:.14}
.chartlegend > span.round.circlef54f1b:after {background-color:#f54f1b}
.chartlegend > span.round.circle3bb120:after {background-color:#3bb120}
.chartlegend > span.round.circle4373f4:after {background-color:#4373f4; opacity:.2;}
.chartlegend > span.square{font-size:12px;}
.chartlegend > span.square:after{top:4px; width:10px; height:10px; border-radius:2px;}
/* 타입 탭 */
.typeTapcon{padding:20px 16px;text-align: left;position: relative;}
.typeTapcon .source{padding:12px 0 0 0; border-top:none}
.typeTapcon .typetit{position: relative;}
.typeTapcon .typetit strong{display:block; font-size:16px; padding-left:10px; color:#444;}
.typeTapcon .typetit strong:before{content:""; display: block; width:5px; height:5px; position:absolute; left:0; top:10px; border-radius:50%;}
.typeTapcon .typetit .rightbtns{right:0; top:50%; margin-top:-19px;}
.typeTapcon .typeimgbox{display:block !important; width:218px !important;margin:32px auto;}
.typeTapcon .typeimgbox img{width:100%; cursor:pointer;}
.typeTapcon .noDataTxt{margin:32px auto}
.typeTapcon .typeDetail{display: flex; margin-bottom:26px;}
.typeTapcon .typeDetail > span{flex:1 1 auto;color:#444;font-size:16px;position: relative; padding-left:16px;}
.typeTapcon .typeDetail > span:before{content:""; display: block; width:1px; height:46px; background:#eee; position: absolute; left:0;top:0;}
.typeTapcon .typeDetail > span:nth-of-type(1){padding-left:0}
.typeTapcon .typeDetail > span:nth-of-type(1):before{display:none;}
.typeTapcon .typeDetail > span:nth-of-type(2){width:102px; flex-shrink:0;}
.typeTapcon .typeDetail > span:nth-of-type(3){width:86px; flex-shrink:0;}
.typeTapcon .typeDetail > span em{display:block; color:#888;font-size:14px;font-weight:400; }
.typeTapcon .countlists {margin:26px 0}
.typeTapcon .countlists span > em{color:#444;font-weight:400; font-size:16px;}
.typeTapcon .countlists span{color:#4373f4; font-weight:700;}
.typeTapcon .averageYear{background:#f5f5f5; width:100%; height:46px; text-align: center; padding:12px 0;border-radius:8px}
.typeTapcon .averageYear strong{display: inline-block; position:relative; margin-left:4px;}
.typeTapcon .averageYear .toolmaptip{width:186px; top:auto; bottom:30px; right:-30px; font-weight:400;}
.typeTapcon .averageYear .toolmaptip .btn-close{float:right; margin-top:3px;}
.detailTit + .typeTapcon{padding-top:10px}
/* 평면도 상세 */
.renewWrap .fullimgview{width:100%;}
.renewWrap .fullimgview .typeimgbox{padding:40px 0 100px;}
.renewWrap .fullimgview img{max-width:100%; max-height:100%;}
/* 예산 */
.resultBudget{margin-bottom:16px; display:flex; justify-content: space-between; align-items:center; padding:0 16px;}
.resultBudget em{display:inline-block; margin-left:8px;font-weight:700; color:#444;}
.resultBudget .totalB{position:relative; color:#444; font-size: 16px;}
.resultBudget .totalB em{font-size: 18px;}
.resultBudget .kbB{font-size: 14px;color:#888}
.resultBudget .kbB em{ font-weight:700;}
.budgetDetail{border-top:solid  1px #eeeeee; border-bottom:solid 1px #eeeeee; padding:16px 0; display:flex;}
.budgetDetail > span{flex:1; position: relative; text-align:center;color:#888888; transition:0.2s ease;}
.budgetDetail > span:before{content: ""; display:block; width:1px; height:100%; background:#eeeeee; position: absolute; left:0; top:0}
.budgetDetail > span:nth-of-type(1):before{display: none;}
.budgetDetail > span > em{display:block; font-size:16px; color:#444; }
.budgetDetail > span .tit{font-size:12px}
.budgetDetail > span .btn-infohelp{margin-left:0}
.budgetDetail > span .text-4373f4{font-weight:700}
.budgetDetail > span.active, .budgetDetail > span.active > em{color:#4373f4}
.budgetDetail > span.active > em{font-weight:700}
.detailBox .toolmaptip[name="budgetTip1"]{right:50%; top:calc(-100% - 10px); width:122px; margin-right:-38px;}
.detailBox .toolmaptip[name="budgetTip1"].left{margin-right:-132px;}
.detailBox .toolmaptip[name="budgetTip2"]{width:180px;}
.detailBox .toolmaptip[name="budgetTip2"].right{right:50%; top:calc(-100% - 10px); margin-right:-45px;}
.detailBox .toolmaptip[name="budgetTip2"].left{top:calc(-100% - 26px); left:calc(100% - 19px);}
.rangeSliderBox{position: relative;padding:0 20px;margin-top:112px}
.sliderTipbox{position: absolute; min-width:111px;background:#232b42; padding:3px 8px; border-radius:4px;}
.sliderTipbox:after { content: "";display: block;border-width: 0 5px 5px;border-color: transparent;border-bottom-color: #232b42;border-style: solid;position: absolute;bottom:-4px; left:50%; margin-left:-5px;transform: rotate(-180deg);}
.slidervalue{display:flex;justify-content: space-between; color:#fff}
.slidervalue em{padding-left:8px; font-weight:700;}
.maxValue{position:relative; padding:16px 0 24px 0;text-align: right; color:#888}
.maxValue strong{display: inline-block; margin-left:4px; color:#4373f4}
.maxValue .toolmaptip{top:auto; bottom:calc(100% - 10px); right:0; width:326px;z-index:10}
.smartloanInfo{min-height:92px;display:flex;align-items: center;flex-flow: column;justify-content: center;background:#f3f5f9; padding:20px 16px;position: relative; font-size:16px;}
.smartloanInfo:after { content: "";display: block;border-width: 0 8px 8px;border-color: transparent;border-bottom-color: #f3f5f9;border-style: solid;position: absolute;top:-8px; left:calc(50% - 8px);}
.smartloanInfo.flatType:after{display:none}
.smartloanInfo strong{display:flex; color:#4373f4; justify-content:center;}
.smartloanInfo strong span:not(.textellipsis){flex-shrink:0}
.smartloanInfo + .source{padding:8px 16px; border-top:none; border-bottom:1px solid #eee}
.detailBox .smartloanInfo .pageBottom{width:100%;margin:18px 0 0 0}
/* .detailBox .smartloanInfo .pageBottom .btn-formround{width:calc(50% - 6px)} */
.detailBox .smartloanInfo .pageBottom .btn-formround + .btn-formround{margin:0 0 0 12px}
/* 내 자금기준 추천 매물 */
.recommSale{padding:20px 0 0px 0px;}
.recommSale .detailTit, .aroundArea .detailTit{padding:0px; font-size: 16px; margin-bottom:16px;}
.recommSale .detailTit{padding:0 16px}
.saleScroll{display:flex; padding:10px 0px 32px 0; width:max-content}
.recommSale .saleScroll{padding-left:16px}
.recommSaleBox{max-width:304px; padding:21px 16px; border:1px solid #f5f5f5; border-radius:16px; margin-right:12px; box-shadow:0 6px 10px rgb(0 0 0 / 12%);position: relative; flex-shrink:0;}
.recommSaleBox .imgroundbox{float:left;}
.recommSaleBox .imgroundbox + .recommSaleText{margin-left:80px;}
.recommSaleText{width:192px; text-align: left;}
.recommSaleText .salecost{display:flex; justify-content: space-between; font-size:16px;}
.recommSaleText .salecost em{font-size:14px; font-weight:400;}
.recommSaleText .salename{display:block;}
.recommSaleText .salewidth{color:#888}
.imgroundbox{width:64px; height:64px; overflow: hidden; border-radius:50%;;}
.imgroundbox img{width:64px; height:64px;}
.taxBanner{padding:20px 16px; text-align: left; cursor:pointer;position: relative; color:#888; border-top:solid 1px  #eee}
.taxBanner strong{display:block; font-size:16px; color:#444}
.taxBanner.arrowbullet:after{position: absolute; right:16px; top:50%; margin-top:-5px;}
.renewslick .addBannerimg{overflow: hidden;}
.renewslick .addBannerimg img{width:100%}
.source + .taxBanner{border:none}
/* 단지톡 */
.rankinglist{padding:16px 20px; background: #f5f5f5; display:flex; font-size:16px; justify-content: space-between;}
.rankinglist .rankingrate{font-weight:700;}
.rankinglist +.rankinglist{border-top:solid 1px #fff}
.rankinglist .rankingtext{position:relative;padding-left:32px}
.rankinglist.rank1 .rankingtext:before{position:absolute;top:0;left:0;content:"";display:inline-block;width:24px;height:24px;vertical-align:top;background:url('/images/icon_24_rank_gold.png') no-repeat 0 0 / 24px auto}
.rankinglist.rank2 .rankingtext:before{position:absolute;top:0;left:0;content:"";display:inline-block;width:24px;height:24px;vertical-align:top;background:url('/images/icon_24_rank_silver.png') no-repeat 0 0 / 24px auto}
.rankingimgList{padding:24px 0px 24px 16px; background: #f5f5f5; }
.rankingimgList .saleScroll{padding-top:0 }
.rankingimgList .talkimg{width:152px !important; height:98px; margin-right:8px; overflow: hidden; border-radius:12px; flex-shrink:0;}
.rankingimgList .talkimg img{width:100%; height:98px}
.rankingimgList .moreimg{width:auto !important; min-width:80px; height:98px; padding:0 8px 0 5px; background-color:#e0e0e0; font-size:16px; line-height:96px;}
.rankingimgList .moreimg .arrowbullet:after{margin-left:3px; border-color:#444;}
.talkreviewList{text-align:left;}
.talkreviewbox {padding:20px 16px;}
.talkreviewbox .reviewtit{display: block; text-align:left; margin-bottom:8px; font-weight:700;}
.talkreviewbox .reviewid{display:inline-block; color:#888888; margin-left:8px; font-weight:400;}
.talkreviewbox .reviewCon{display: block;font-size:16px; margin-bottom:21px;word-break: break-word;}
.talkreviewbox .reviewCon .btn{vertical-align:top; font-size:16px;}
.talkreviewbox .reviewCon .btn:after{border-color:#444; width:8px;height:8px; position:relative; top:-2px}
.reviewCon .renewslick{margin:16px 0;}
.reviewCon .renewslick .slick-list{border-radius:12px;}
.reviewCon .renewslick .reviewimg{display:block !important; height:212px; border-radius:12px; background-repeat:no-repeat; background-position:50%; background-size:cover;}
.reviewBtns{display:flex; justify-content: space-between; color:#888}
.reviewBtns .iconcount{font-size:16px;}
.talkreviewbox.nolist{padding:16px}
.talkreviewbox .btn-danjiedit{padding:0 4px 0 8px;height:30px;border-radius:6px;background:url('/images/icon_24_write.svg') no-repeat 0 50%/24px; padding-left:24px; color:#444; font-weight:400;border:1px solid #e0e0e0}
.talkreviewbox .nolisttit{display:block;height:30px;line-height:30px;color:#444;font-weight:700}
.talkreviewbox .nolisttit .btn{float:right}
.talkreviewbox .nolistcon{margin:4px 0; font-size:16px;}
.talkreviewList .wrap-card.type-default:nth-child(2){border-bottom:0}
.talkreviewList .wrap-card.type-default:nth-child(2) .card-bottom{border-bottom:0}
.talkreviewList .wrap-card .card-top{text-align:left}
.talklistWrap .wrap-card .card-top{text-align:left}

/* 학군 */
.subtaplist.widthChange5 .btn-subtapbt{width:calc(100%/5)}
.schoolsubdec{height:34px; line-height:34px; background:#f5f5f5; font-size:12px; color:#888; text-align: center;border-radius:4px; margin-bottom:16px}
.schoolsubdec span{color:#444}
.schoollist{padding:20px 0; border-bottom:solid 1px #eeeeee; cursor:pointer;}
.schoollist .flexbox{justify-content:space-between;}
.schoollist .flexbox > *:last-of-type{flex-shrink:0;}
.schoolmm{text-align:right;}
.scName{font-size: 16px;}
.scName.textover{display:flex; position:relative; max-width:calc(100% - 63px);align-items: center;}
.scName.textover .textellipsis{min-width:94px}
.scName.textover .btn-underline{flex-shrink:0; margin-left:4px;}
.scName.textover .toolbtnWrap{position:relative;flex-shrink:0; margin-left:4px;}
.scName.textover .toolbtnWrap .btn-underline{margin:0}
.scName.textover .toolbtnWrap .toolmaptip{top:auto;bottom:38px;right:-8px;left:auto;z-index:1}
.schoollist .scName:last-of-type{font-weight:700; color:#4373f4;}
.scName .toolmaptip{left:0; right:auto; top:auto; bottom:calc(100% + 7px); width:186px;word-break: break-all;z-index:1}
.scName .toolmaptip .btn-close{margin-top:2px;}
.scType em{display:inline-block; position: relative; color:#888888; padding:0 5px}
.scType em.colorB{color:#444;}
.scType em:before{content: ""; display:block; width:1px; height:14px; background:#eeeeee; position: absolute; left:0; top:4px}
.scType em:nth-of-type(1){padding-left:0}
.scType em:nth-of-type(1):before{display: none;}
/* .schoolmm .scName{font-weight:700; color:#4373f4;} */
.schoollist + .tableDatabtns{margin:0;}
.aroundArea{background:#f5f5f5; padding:23px 16px;}
.typeTapcon + .aroundArea{margin-top:-16px}
.detailTit .btn-rodeview{margin-left:8px}
.aroundBtns{display:flex; flex-wrap:wrap;}
.aroundBtns > .btn{width:50%; flex-shrink:0; text-align: left;  margin-bottom:20px; display: flex; align-items: center;}
.aroundBtns .btn-around::before{content:""; display: block; width:48px; height:48px; margin-right:8px;}
.aroundBtns .btn-around.naver::before{background:url('/images/btn_naver.png') no-repeat 0 0/100%}
.aroundBtns .btn-around.kakao::before{background:url('/images/btn_kakao.png') no-repeat 0 0/100%}
.aroundBtns .btn-around.navermap::before{background:url('/images/btn_naver2.png') no-repeat 0 0/100%}
.aroundBtns .btn-around.google::before{background:url('/images/btn_google.png') no-repeat 0 0/100%}
.aroundSearch{padding:4px 16px 0 16px; background:#fff;border-radius:16px;box-shadow: 0 6px 10px rgb(0 0 0 / 10%); text-align: left;}
.locatiolist{padding:16px 0; display: flex; justify-content: space-between; color:#888}
.locatiolist +.locatiolist{border-top:solid 1px #eeeeee}
.locatiolist .currentloValue{color:#444; font-size:16px; font-weight:700;}
.locatiolist.form{background: url('/images/icon_32_naver.svg') no-repeat left center/32px; padding-left:40px;}
.locatiolist.form input[type="text"]{width:100%;height:32px; line-height:32px; border:none; text-align: right; font-size:16px;}
.locatiolist.form input[type="text"]::placeholder{color:#bbbbbb;}
.locatiolist.form input[type="text"]:focus{outline: none;}

/* 중개사무소 */
.detailTit > .labelbox{display:inline-block; position: absolute; right:16px; top:5px; color:#ffaf00; font-size:14px; margin-bottom:0;}
.storeRlist{text-align: left; padding:0 16px}
.storeTitle{display: flex; align-items:center;margin-bottom:12px;}
.storeTitle .storeimg{width:48px; height:48px; border-radius:50%; overflow: hidden; flex-shrink: 0; margin-right: 16px;}
.storeTitle .storeimg img{width:100%;height:100%}
.storeTitle .storename{font-size:16px; font-weight:700;}
.storeTitle .storeRtcon .label{display:inline-block}
.storeTitle .storeRtcon span{display:block;margin-bottom:3px}
.storeTitle .infoname{color:#888;font-size:14px}
.storeInfo span{color:#888888;}
.storeInfo span em{display:inline-block; position: relative;}
.storeInfo span em:not(:last-of-type){padding:0 12px 0 0;}
.storeInfo span em:not(:last-of-type):before{content:""; display: block; width:1px; height:14px; background:#eee; position: absolute; right:4px;top:4px;}
.storeInfo.flex{display:flex;}
.storeInfo.flex .rtcon{margin-left:12px}
.storeTalk{display:block; margin-top:16px; border-top:1px solid #eee; color:#888; text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2}
.storeTalk.active{display:block;height:max-content;overflow: visible}
.storeTalk p{margin-top:16px}
.storeCard .tableDatabtns{margin:0 0 -14px;}
.storeCard .pageBottom{margin:30px 0 0;}
.storeCard .pageBottom .btn-formround{height:48px; font-size:14px; line-height:22px;}
.storeCard .pageBottom .btn-formround.disable{border-color:#e0e0e0; background-color:#fff;}

.storeInfo .btn-storemap{margin:-2px 0 0 5px;}
.detailBox .storeRlist .pageBottom{margin:32px 0 10px 0;}
.detailBox .storeRlist .pageBottom .btn{min-height: 48px;line-height: 1.5;padding: 12px 0;height: auto;}
.agentdetail .detailBox .pageBottom{margin:16px 0 20px}
.agentdetail .subtaplist{padding-top:0}
.agentdetail .navScroll{padding:20px 0 16px 16px;white-space: nowrap;}
.agentdetail .subtaplist .btn-subtapbt.active{position:relative}
.agentdetail .subtaplist .btn-subtapbt.active:after{content:'';position:absolute;bottom:0;left:8px;width:calc(100% - 16px);height:2px;background:#444;}
.danjiDetailBot{position:relative; text-align:center;}
.danjiDetailBot span{display:block; margin-bottom:12px}
.danjiDetailBot span .btn{font-size:14px; color:#888;padding:0 6px;; position: relative;}
.danjiDetailBot span .btn:before{content:""; display: block; width:1px; height:14px; background:#eee; position: absolute; left:0px;top:4px;}
.danjiDetailBot span .btn:nth-of-type(1){padding-left:0}
.danjiDetailBot span .btn:nth-of-type(1):before{display: none;}
.danjiDetailBot .btn-iconTop{position:absolute; bottom:-6px; right:16px;}
.danjiDetailBot .btn-iconTop:focus{box-shadow:0 2px 4px rgb(0 0 0 / 33%)}
/* 단지상세 스크롤 */
.navScroll{position:relative; padding:12px 0 12px 16px; text-align:left;font-size:0;letter-spacing:0;word-spacing:0;}
.navScroll:after{content:""; position:absolute; right:0; top:0; width:32px; height:100%; background:linear-gradient(90deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%);}
.navScroll .slick-track{margin-left:0 !important; margin-right:0 !important}
.detailPageTop.up{position:fixed; max-width:423px; background:#fff; left:auto;}
.detailPageTop.up .btn-detailclose{background-image:url('/images/icon_24_navi_arrow.svg')}
.detailPageTop.up .btn-dshare{background-image:url('/images/ico_24_detail_share_black.svg')}
.detailPageTop.up .btn-dtalk{background-image:url('/images/icon_24_detail_talk_black_bubble.png')}
.detailPageTop.up .btn-alarm{background-image:url('/images/icon_24_detail_bookmarker_black.svg')}
.detailPageTop.up .btn-dtalk.active{background-image:url('/images/icon_24_detail_talk_black_bubble.png')}
.detailPageTop.up .btn-alarm.active{background-image:url('/images/icon_24_detail_bookmarker_fill_select.svg')}
.detailPageTop.up .btn-ddanji{background-image:url('/images/icon_24_detail_danji_black.svg')}
.detailPageTop.up > h1{clip: rect(0,0,0,0);clip-path: inset(0);}
.danjiDetailSubNavi.up{position:fixed; max-width:423px; width:100%; background:#fff; left:auto; top:56px; background:#fff; z-index: 9000; border-top:solid 1px #eee; border-bottom:solid 1px #eee; box-shadow: 0 6px 10px rgb(0 0 0 / 10%);}
.danjiDetailSubNavi.down{top:0; transition: top .2s;}
.selectTypeFixmenu{padding:12px  16px; max-width:423px; width:100%;display: flex; justify-content: space-between; align-items: center;background:#fff;  opacity: 1; transition: top .2s;border-top:1px solid #eee}
.selectTypeFixmenu.active{ position:fixed; left:auto; top:56px; z-index:9999; top:114px; opacity: 1; box-shadow: 0 6px 10px rgb(0 0 0 / 10%);border-top:0}
.selectTypeFixmenu.active.down{position:fixed;z-index:9999;top:58px; opacity: 1;box-shadow: 0 6px 10px rgb(0 0 0 / 10%);border-top:0}
.selectTypeFixmenu.down{box-shadow:none;border-top:1px solid #eee}
.selectTypeFixmenu  .btn-saletype + .btn-saletype{margin-left:8px}
.selectTypeFixmenu.type2{padding:20px 36px;justify-content:flex-end}
.widthTypeValue{font-weight:700; color:#4373f4}
.widthTypeValue.arrowbullet:after{margin-left:8px;position: relative; top:-2px; border-color:#4373f4}
.pageBottom.fixedbtns.up{position:fixed; bottom:0; z-index:999; width:100%; max-width:423px; margin:0; padding:40px 16px 16px; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 22%, rgba(255,255,255,1) 50%)}
@media (max-width: 1023px){
    .danjiDetailSubNavi.down,.detailPageTop.down,.selectTypeFixmenu.active,
    .detailPageTop.up,
    .danjiDetailSubNavi.up{left:0}
}
@media (max-width: 560px){
    .danjiDetailSubNavi.down,.detailPageTop.down,.selectTypeFixmenu.active,
    .detailPageTop.up,
    .danjiDetailSubNavi.up,.pageBottom.fixedbtns.up{max-width:100%;}
}
/* 팝업 리스트 스타일 */
.layerinbox{padding:0 16px;}
.layerinbox .bulletlist li{font-size:16px; margin-bottom:5px;}
.layerinbox .bulletlist li:after{width:3px; height:3px;top:10px;}
.layerinbox .bulletlist li .grayTypetext{display:block; color:#888888}
.layerinbox.mt0{margin:0 -16px}
.bulletlist li{text-align:left;word-break: keep-all;}
.bulletlist li.indent{display:flex;}
.bulletlist li.indent > span{flex-shrink:0; margin-right:2px;}
.bulletlist.sm li{margin-bottom:1px; padding-left:8px; font-size:14px; color:#888;}
.bulletlist.sm li:after{top:9px; background-color:#888;}
.bulletlist.black li{color:#444}
.bulletlist.black li:after{background-color:#444}
.bulletlist.flextype2{display:flex;flex-wrap:wrap}
.bulletlist.flextype2 li{display:flex;align-items:center;width:50%}
.bulletlist.flextype2 li .ico-star.size20{position:relative;top:-1px;margin:0 2px}
.bulletlist.flextype2.fts14 li{width:60%}
.bulletlist.flextype2.fts14 li:nth-child(2n){width:40%}
.bulletlist.flextype3 li{display:flex;justify-content: space-between;margin-bottom:12px}
.bulletlist.flextype3 span:first-child{width:calc(100% - 132px);word-break: break-all}
.bulletlist.flextype3 span + span{width:132px;text-align:right}
.layerinbox .type-btns{margin:28px 16px 0}
.starlist li{position:relative;padding-left:7px;text-align:left;word-break: keep-all;}
.starlist li:after{content:'*';display:inline-block;position:absolute;top:3px;left:0;font-size:13px}
.startext{position:relative;padding-left:16px;;text-align:left;word-break:keep-all;font-size:12px;color:#888}
.startext:after{content:'';display:inline-block;position:absolute;top:2px;left:0;width:12px;height:12px;background:url('/images/icon_12_comment_star.png') no-repeat 0 0 / 12px auto}

/*네트워크연결오류*/
.notnetworkbox{padding:67px 0 43px}
.notnetworkbox span{display:block;padding:64px 0 12px;background:url('/images/icon_48_no_network.svg') no-repeat 50% 0 / 48px auto;font-size:16px}

/*예측시세*/
.chartPrediction{padding:0 16px;text-align:left}
.chartPrediction .preHead{height:36px;line-height:36px}
.chartPrediction .preHead strong{position:relative;display:inline-block;font-size:16px;padding-left:36px;margin-right:auto}
.chartPrediction .preHead strong:before{position:absolute;top:0;left:0;content:"";width:32px;height:32px;background:url('/images/icon_32_richgo_addinfo.png') no-repeat 0 0 / 32px auto}
.chartPrediction .preHead .texthead{float:right;color:#888}
.chartPrediction .preHead .btn{border:0;margin-top:-2px}
.chartPrediction .noti{margin-top:20px;font-size:12px;color:#888}
.tableTab{margin:5px -16px 0; padding:0 16px; position:relative; border-bottom:1px solid #e0e0e0;}
.tableTab:after{content:""; position:absolute; left:16px; bottom:0; width:calc(50% - 16px); height:3px; background:#4373f4; transition:.2s;}
.tableTab.type2:after{left:50%;}
.tableTab > span{display:inline-block; width:50%; padding:4px 0; color:#bbb; text-align:center; cursor:pointer;}
.tableTab > span strong{display:block; font-size:16px;}
.tableTab > span.active{color:#4373f4;}
.chkchartPre{height:60px;margin-top:16px}
.chkchartPre span{display:block;font-size:14px;font-weight:400;line-height:1.5}
.chkchartPre span.text{font-weight:700;color:#444;letter-spacing:-.5px;}
.chkchartPre span.date{color:#888}
.chkWrap.chkchartPre .custom-control-label{width:100%;padding-left:48px}
.chkWrap.chkchartPre .custom-checkbox .custom-control-input + .custom-control-label::after{top:10px}
.notiblue{color:#4373f4}
.tableBottom{display:flex;justify-content:space-between;align-items: center;}
.tableBottom > span:not(:first-child){color:#888}
.chartPrediction .popTit{display:block;padding-top:32px;font-size:18px;color:#4373f4;text-align:center}
.chartPrediction .popTit .textellipsis{display:inline-block; vertical-align:top; max-width:calc(100% - 118px);}
.chartPrediction .popCont{padding-bottom:25px;font-size:16px;text-align:center}
.renewModal .chartPrediction{padding:0}
.renewModal .subtaplist{padding:8px 0 0}
.renewModal .subDetailItem .subtaplist{padding:0 11px}
.renewModal .subcont{padding:20px 0;border-bottom:1px solid #eee}
.renewModal .chkWrap.chkchartPre{margin:32px 0 40px}
.renewModal .chkWrap.chkchartPre .custom-control-label{padding-left:40px;}
.renewModal .chartPrediction .preHead strong:before{background-image:url('/images/icon_32_richgo.png')}
.danjiCost .pageHead{border-bottom:1px solid #eee}
.layerinfocon .sinfotit{display:block; margin:10px 16px 8px}
.layerinfocon .sinfotxt{margin:0 16px 20px}
.layerinfocon .sinfotit + .bg-graybox{margin-top:8px; margin-bottom:12px}
.layerinfocon .infocon:nth-of-type(1) .sinfotxt{border-bottom:1px solid #eee;padding-bottom:20px}
.modalLayerbot.widthType .btn-changeNew{position:absolute;right:16px;top:30px}
.modalLayerbot.widthType .navScrollWrap{margin-bottom:12px;padding:0 16px}
.modalLayerbot.widthType .slick-track{min-width:100% !important;padding-left:16px}
.modalLayerbot.widthType .tableWidthbox.widthtype2{padding-bottom:12px}
.modalLayerbot.widthType .navScrollWrap .navScroll{padding:12px 0}
.modalLayerbot.widthType .navScrollWrap .renewSlick .slick-arrow.slick-prev{left:-16px;width:28px}
.modalLayerbot.widthType .navScrollWrap .renewSlick .slick-arrow.slick-next{right:-16px;width:28px;background-position-x:100%}
.tableWidthbox{padding:0 16px;}
.tableWidthbox .txright{text-align:right}
.tableWidthbox .thead-tr{height:38px;display:flex;align-items:center;position:relative;font-weight:700}
.tableWidthbox .thead-tr:after{content:"";position:absolute;left:-16px;right:-16px;bottom:0;height:1px;background:#eee}
.tableWidthbox .thead-tr .thbox{flex:1}
.tableWidthbox .thead-tr .thbox:nth-of-type(1){flex:1.02}
.tableWidthbox .thead-tr .thbox:nth-of-type(2){flex:1.64}
.tableWidthbox .thead-tr .thbox:nth-of-type(3){flex:.37}
.tableWidthbox .txcenter{text-align: center !important;}
.tableWidthbox .f1 { flex:1 !important; }
.tableWidthbox .f2 { flex:2 !important; }
.tableWidthbox .f3 { flex:3 !important; }
.tableWidthbox .f4 { flex:4 !important; }
.tableWidthbox .tbody-tr{display:flex;align-items:center;position:relative;padding:12px 0;cursor:pointer;}
.tableWidthbox .tbody-tr + .tbody-tr{border-top:1px solid #eee;}
.tableWidthbox .tbody-tr:last-of-type{border-bottom:1px solid #eee;}
.tableWidthbox .tbody-tr.active, .tableWidthbox .tbody-tr.active + .tbody-tr{border-color:transparent;}
.tableWidthbox .tbody-tr.active:before{content:"";position:absolute;left:-16px;right:-16px;top:0;bottom:0;z-index:-1;background-color:#f5f5f5;}
.tableWidthbox .tbody-tr .tdbox{line-height:22px;flex:1}
.tableWidthbox .tbody-tr .tdbox:nth-of-type(1){flex:1.02}
.tableWidthbox .tbody-tr .tdbox:nth-of-type(2){flex:1.64}
.tableWidthbox .tbody-tr .tdbox:nth-of-type(3){flex:.37}
.tableWidthbox .tbody-tr .tdbox strong{display:block}
.tableWidthbox .tbody-tr .tdbox .intd{display:block}
.tableWidthbox .tbody-tr .tdbox .intd em + em{padding-left:4px}
.tableWidthbox .tbody-tr .tdbox .intd.flexbetween{display:flex;justify-content:space-between}
.tableWidthbox .tbody-tr .tdbox .intd.flexbetween em{text-align:right}
.tableWidthbox .tbody-tr .tdbox .intd.flexbetween em:first-child{text-align:left}
.tableWidthbox .tdbold{position:relative;padding-left:8px;font-weight:700;}
.tableWidthbox .tdbold:before{content:"";width:2px;height:14px;position:absolute;top:4px;left:0;border-radius:100px}
.tableWidthbox .tdbold + .tdgrey{padding-left:8px}
.tableWidthbox .tdgrey{color:#888}
.tableWidthbox .tdblue{color:#4373f4}
.tableWidthbox.widthtype2 .thead-tr .thbox, .tableWidthbox.widthtype2 .tbody-tr .tdbox{flex:1}
.tableWidthbox.widthtype2 .thead-tr .thbox:nth-of-type(1), .tableWidthbox.widthtype2 .tbody-tr .tdbox:nth-of-type(1){flex:0 0 62px;}
.tableWidthbox.widthtype2 .tbody-tr .tdbox:nth-of-type(3) .tdblue{display:inline-block; min-width:82px; text-align:left;}
.tableWidthbox.widthtype2 .tdbold{padding:0}
.layerinfoHead{min-height:38px}
.layerinfoHead.down{box-shadow: 0 6px 10px rgb(0 0 0 / 10%)}
/* 면적별 컬러 */
.tableWidthbox .tdbold.red:before, .typeTapcon .typetit.red strong:before{background-color:#f54f1b}
.tableWidthbox .tdbold.orange:before, .typeTapcon .typetit.orange strong:before{background-color:#fe7915}
.tableWidthbox .tdbold.yellow:before, .typeTapcon .typetit.yellow strong:before{background-color:#ffaf00}
.tableWidthbox .tdbold.green:before, .typeTapcon .typetit.green strong:before{background-color:#3cb449}
.tableWidthbox .tdbold.blue:before, .typeTapcon .typetit.blue strong:before{background-color:#4373f4}
.tableWidthbox .tdbold.purple:before, .typeTapcon .typetit.purple strong:before{background-color:#ae89f4}
.tableWidthbox .tbody-tr .tdbox strong.blue{color:inherit}
/*인테리어*/
.renewWrap .apartContitle img{height:20px;}
.renewWrap .todayhouseCon{padding:0;text-align:left}
.renewWrap .todayimg{height:136px;border-radius:12px}
.renewWrap .todayimg img{width:100%;height:100%}
.renewWrap .todaycon{display:flex;flex-direction:column;justify-content:center;}
.renewWrap .todaycon > span.todaylabel{margin:0 0 2px;font-size:14px}
.renewWrap .todaycon > span.todaytitle{height:auto;margin-bottom:2px;font-size:16px}
.renewWrap .todayhouselist{padding:0 16px;border-top:1px solid #eee}
.renewWrap .todayItem{border-bottom:1px solid #eee;margin-bottom:0;padding:20px 0}
.renewWrap .todayhouseFilter{margin:12px 0 0 0}
.renewWrap .todaycon > span.todaylabel.apart{color:#4373f4}
.renewWrap .todaycon > span.writer{font-size:14px;color:#888}
.renewWrap .houseNone{margin:20px 0; padding:60px 0; background:none;}


/* 학군상세 */
.schoolnameInfo{padding:20px 0 0 0;}
.schooltit{padding:0 16px; margin-bottom:20px; font-size:14px;}
.schooltit > strong{display: block; font-size:18px; margin-top:9px; line-height:26px;}
.schooldetail{padding-bottom:10px}
.schooldetail .pageHead{border-bottom:1px solid #eee;}
.schooldetail .detailTit.bulletlist:not(:first-of-type){padding-top:20px;}
.schooldetail .detailTit.line{border-top:1px solid #eee; margin-top:20px; margin-right:16px; margin-left:16px}
.schooldetail .tableDatabox{margin-bottom:20px;}
.schooldetail .summarybulletList > span .btn{font-size:16px}
.schooldetail.renewWrap .sortingList:nth-of-type(1){padding-top:0;}

.labeltype{display:inline-block; height:20px; line-height:18px; border-radius:6px; border:solid 1px #e0e0e0;font-size:11px;padding:0 4px;;}
.labeltype + .labeltype{margin-left:8px;}
.labeltype.color-8bc53f{background-color:#8bc53f; border-color:#8bc53f; color:#fff; font-weight:700;}
.labeltype.color-a58d7b{background-color:#a58d7b; border-color:#a58d7b; color:#fff; font-weight:700;}
.labeltype.color-fa8a23{background-color:#fa8a23; border-color:#fa8a23; color:#fff; font-weight:700;}
.labeltype.color-fabc23{background-color:#fabc23; border-color:#fabc23; color:#fff; font-weight:700;}
.labeltype.color-acab4e{background-color:#acab4e; border-color:#acab4e; color:#fff; font-weight:700;}
.labeltype.color-f5f5f5{background-color:#f5f5f5;border-color:#f5f5f5;color:#444;font-weight:400}
.labeltype.line-f54f1b{border-color:#f54f1b; color:#f54f1b}
.labeltype.line-3bb120{border-color:#3bb120; color:#3bb120}
.labeltype.color-e6e8ef{background-color:#e6e8ef;border-color:#e6e8ef;color:#515d7d;font-weight:700}
.schoolnameInfo .kbbtns{padding:0 16px}
.schoolnameInfo .kbbtns .btn:before{display:inline-block; vertical-align:middle; position:static; width:24px; height:24px; margin:-4px 4px 0 0; background:url('/images/icon_24_roadview_nor.svg');}
.schoolnameInfo .kbbtns .btn:not(:nth-child(1)):after{content:""; width:1px; height:14px; background:#eee; position: absolute; left:0; top:19px}
.loadviewbtns > .btn{width:50%; font-size:16px;line-height:50px}
.totalclassNum{border-top:solid 1px #eeeeee; height:58px; color:#888888; padding-right:16px; text-align: right; font-size:16px; line-height:57px}
.totalclassNum strong{display: inline-block;margin-left:4px; color:#444444}
.totalclassNum span{font-size:14px;}
.totalclassNum span + span:before{content:""; display:inline-block; vertical-align:middle; width:1px; height:14px; background:#eee; margin:-2px 4px 0 5px;}
.valueCircle{width:170px; height:170px; border-radius:50%; margin:0 auto;position: relative;}
.Circlelegend{border:solid 1px #eeeeee; border-radius:4px;padding:16px 16px 8px 16px; display: flex; flex-wrap:wrap; margin:20px 16px}
.classtype{padding-left:20px; position: relative; width:50%; margin-bottom:8px; text-align: left;}
.classtype:after{content: ""; display:block; width:10px; height:10px;border-radius:50%; position: absolute; left:0; top:6px}
.classtype.bgcolor-d7e6fe:after{background:#d7e6fe}
.classtype.bgcolor-afccfe:after{background:#afccfe}
.classtype.bgcolor-87aefc:after{background:#87aefc}
.classtype.bgcolor-6995f9:after{background:#6995f9}
.classtype.bgcolor-4373f4:after{background:#4373f4}
.classtype.bgcolor-2c5aef:after{background:#2c5aef}
.classtype.bgcolor-f5f5f5:after{background:#f5f5f5}

.Circlebar{display:block; width: calc(100% - 34px);height: calc(100% - 34px); position:absolute; left: 17px;top: 17px;border-radius: 50%; background:#fff}
.Circlebar.datanum{display:flex; flex-direction:column; justify-content:center;}
.Circlebar.datanum span{font-size:16px;}
.Circlebar.datanum strong{font-size:18px;}
.Circlebar.bgcolor-d7e6fe{background:#d7e6fe}
.Circlebar.bgcolor-afccfe{background:#afccfe}
.Circlebar.bgcolor-87aefc{background:#87aefc}
.Circlebar.bgcolor-6995f9{background:#6995f9}
.Circlebar.bgcolor-4373f4{background:#4373f4}
.Circlebar.bgcolor-2c5aef{background:#2c5aef}
.Circlebar.bgcolor-f5f5f5{background:#f5f5f5}

.barchartbox{padding:0 16px; margin-bottom:20px;}
.barchartbox .legendtext{display: flex; justify-content:space-between;margin-bottom:12px; color:#888; text-align:left;}
.barchartbox .legendtext > span:first-of-type{max-width:calc(100% - 60px)}
.barchartbox .legendtext .colorB{color:#444;}
.barline{width:100%; height:8px;background-color:#f5f5f5;border-radius:200px; overflow: hidden; }
.barline .barin{height:8px;background-color:#9aa1b6;border-radius:200px; transition: width .3s;}
.barchartbox.activeblue .barline{background-color:#edf1fe;}
.barchartbox.activeblue .barline .barin{background-color:#4373f4;}
.barchartbox.activered .barline{background-color:#feeee9;}
.barchartbox.activered .barline .barin{background-color:#f54f1b;}
.squareBarbox{padding:6px 0;}
.squareBar{display:flex; align-items:center; width:100%;}
.squareBar .barin{height:12px; border-radius:2px;}
.squareBar .data{flex-shrink:0; padding-left:4px; font-size:13px; line-height:20px;}

.graphbox{padding:0 16px;}
.graphbarbox{display:flex; padding:0 25px; justify-content:center; border-bottom:1px solid #eee;}
.graphbarbox .barbg{display:flex; flex-flow:column-reverse; flex:1; width:100%; max-width:66px; align-items:center;}
.graphbarbox .barbg .barin{width:10px; background-color:#4373f4; border-radius:10px 10px 0 0; transition:height .3s;}
.graphbarbox .barbg .data{color:#888;}
.graphbox .legendtext{display:flex; justify-content:center; padding-top:6px; padding-bottom:6px; color:#888;}
.graphbox .legendtext span{flex:1; width:100%; max-width:66px;}
.schooldetail .graphbarbox{height:110px;}
.schooldetail .graphbox .legendtext{padding-left:22px; padding-right:22px;}

.btnstoggleGroup{padding:0 16px; text-align: left;}
.btnstoggleGroup > .btn{display: inline-block;min-width:50px;height:34px;margin:0 16px 14px 0;border:solid 1px #eeeeee; background-color:#eeeeee; border-radius:100px;padding:0 12px; line-height:32px; color:#888}
.btnstoggleGroup > .btn.active{border-color:#444444; color:#444444; background:#fff}
.summarybulletList > span .labelth{display: inline-block;padding-right:8px; margin-right:6px; position: relative;}
.summarybulletList > span .labelth:after{content:""; display:block; width:1px;height:14px; background: #eee; position: absolute; right:0; top:5px}
.pageBottom.schoolbtns{margin:0; padding:20px 16px 50px 16px; border-top:solid 1px #eee}
.detailBox .pageBottom.schoolbtns .btn-formround{height:48px; font-size:14px; line-height:48px;}
.detailBox .pageBottom.schoolbtns{padding-bottom:20px}

.CircleBox .toolmaptip{right:auto; width:auto; min-width:110px; max-width:100%;}
.CircleBox .toolmaptip {width:auto !important;min-width:110px;box-shadow:none !important;border:8px !important;border-radius:8px !important;opacity:1 !important;visibility:visible !important;color:#fff !important;pointer-events:auto !important;font-size: 14px;background:rgba(54, 54, 54, .8) !important;padding:12px !important;text-align:left;}


/* 학군상세 - 스크롤시 pageHead 변경 */
.schooldetail .pageHead h1{display:flex; align-items:center; justify-content:center; padding:0 24px 0 40px;}
.schooldetail .pageHead h1 strong{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.schooldetail .pageHead h1 .labeltype[class*="color-"]{flex-shrink:0; margin-right:8px;}

/* 재건축 정보 */
.rebuildSummary{padding:0 16px 24px; text-align:left;}
.rebuildSummary .summary-ing{display:block; min-height:32px; margin-bottom:16px; padding:4px 0 4px 36px; background:url('/images/rebuild_circle_light.svg') no-repeat 0 50%;}
.rebuildSummary .summary-ing strong{margin-right:4px; font-size:16px;}
.renewPage .boxgroup{display:flex;}
.renewPage .boxgroup .box{flex:1; background:#fff; padding:16px 12px; border-radius:12px;}
.renewPage .boxgroup .box + .box{margin-left:8px;}
.renewPage .boxgroup .boxtit{color:#888}
.renewPage .boxgroup .boxtext{margin-top:4px; font-size:16px}
.renewPage .boxgroup .boxtext em{display:block; font-size:14px;}
.rebuildStep{padding:24px 16px; background:#fff; text-align:left;}
.stepGroupbox{position:relative;}
.stepGroupbox .steplist{position:relative; margin-left:28px; padding:8px 70px 8px 16px; font-size:16px; border-radius:30px;}
.stepGroupbox .steplist + .steplist{margin-top:12px;}
.stepGroupbox .steplist .num{display:inline-block; min-width:50px; margin-right:6px;}
.stepGroupbox .steplist .date{position:absolute; right:16px; top:calc(50% - 9px); font-size:12px; color:#888}

.stepGroupbox:before, .stepGroupbox .steplist:before, .stepGroupbox .steplist:after, .stepGroupbox .steplist.ing .num:before{content:""; position:absolute;}
.stepGroupbox:before, .stepGroupbox .steplist:before{left:8px; width:4px; background:#f5f5f5; border-radius:4px;}
.stepGroupbox:before, .stepGroupbox .steplist:first-child:before{top:4px}
.stepGroupbox:before, .stepGroupbox .steplist:last-child:before{bottom:4px}

.stepGroupbox .steplist:before{left:-20px; top:0; bottom:calc(-100% + 24px); background:#4373f4;}
.stepGroupbox .steplist.ing{background:#4373f4; padding-right:110px; font-weight:700; color:#fff;}
.stepGroupbox .steplist.ing:before{left:-20px; bottom:calc(50% + 2px); background:#4373f4;}
.stepGroupbox .steplist.ing:last-of-type:before{bottom:0;}
.stepGroupbox .steplist.ing:after{left:-28px; top:50%; margin-top:-10px; width:20px; height:20px; background:url("/images/TimeLine_Dot_Light.svg");}
.stepGroupbox .steplist.ing .num:before{left:-7px; top:50%; margin-top:-4px; width:0; height:0; border-bottom:8px solid #4373f4; border-left:6px solid transparent; border-right:6px solid transparent; transform:rotate(-90deg);}
.stepGroupbox .steplist.ing .date{color:#fff;}
.stepGroupbox .steplist.ing ~ .steplist{color:#bbb;}
.stepGroupbox .steplist.ing ~ .steplist:before{content:none}
.stepGroupbox .steplist.ing ~ .steplist .date{display:none}
.stepGroupbox .steplist.before:before,
.stepGroupbox .steplist.before ~ .steplist:before{content:none}
.stepGroupbox .steplist.before .date,
.stepGroupbox .steplist.before ~ .steplist .date{display:none}
.stepGroupbox .steplist.before,
.stepGroupbox .steplist.before  ~ .steplist{color:#bbb}

.roundboxWrap{padding:20px 4px; border:1px solid #e0e0e0; border-radius:12px;}
/* 전기차 충전소 */
.evcharging{margin-bottom:30px; border-bottom:8px solid #f5f5f5}
.evcharging .pageHead{border-bottom:1px solid #eee}
.evcharging .saleDetailsummary .summaryType:nth-of-type(1){margin-bottom:28px}
.evcharging .detailBox:last-of-type{border-bottom:1px solid #eee;}
.evcharging .detailTit .source > span{margin-bottom:0; font-size:12px}
.evcharging .detailTit.small{display:block; margin:30px 0 8px; font-size:18px}
.evcharging .typeTapcon{padding-top:0;}
.flexbox .lineitem{flex:1;padding:0 12px;}
.flexbox .lineitem + .lineitem{border-left:1px solid #e0e0e0;}
.flexbox .lineitem > *{display:inline-block;}
.flexbox .lineitem .tit{font-size:12px; font-weight:700;}
.flexbox .lineitem .con{float:right; width:calc(100% - 50px); text-align:right;}
.flexbox .lineitem.none *{color:#bbb}
*[class*="evtype"]:before{content:""; display:inline-block; vertical-align:middle; width:20px; height:20px; margin:-1px 4px 0 0;}
.evtype1:before{background-image:url("/images/icon_20_danji_electric_charge_1.svg")} /* 급속 충전 */
.evtype2:before{background-image:url("/images/icon_20_danji_electric_charge_2.svg")} /* 완속 충전 */
.none *[class*="evtype"]:before{background-image:url("/images/icon_20_danji_electric_charge_3.svg")}/* 충전기 없는 상태 */
.evtype1{color:#f54f1b}
.evtype2{color:#09ac79}
.evcharging .summarynoti{font-size:12px; color:#888;}
.evcharging .summarybulletList{color:#888;}
.evcharging .iconlock:before{margin-right:8px}
.chargingList{border-top:1px solid #eee}
.chargingList .item{display:flex; align-items:center; padding:16px 0 16px 8px; border-bottom:1px solid #eee;}
.chargingList .info{width:92px;}
.chargingList .info > *{display:block}
.chargingList .info span:nth-of-type(1){font-size:16px; font-weight:700; color:#bbb}
.chargingList .info.usable span:nth-of-type(1){color:#48ac52} /* 충전기 상태 : 사용가능 */
.chargingList .info.using span:nth-of-type(1){color:#444} /* 충전기 상태 : 사용중 */
.chargingList .info.unusable span:nth-of-type(1){color:#f54f1b} /* 충전기 상태 : 사용불가 */
.chargingList .state{flex-shrink:0; display:table; table-layout:fixed; width:calc(100% - 92px);}
.chargingList .state span{display:table-cell; vertical-align:middle; position:relative; font-size:12px; color:#bbb; text-align:center;}
.chargingList .state span.active{color:#444}
.chargingList .state span:before{content:""; display:block; width:100%; height:20px; background:transparent no-repeat center;}
.chargingList .state span + span:after{content:""; position:absolute; left:0; bottom:0; width:1px; height:16px; background:#eee;}
.chargingList .state span:nth-child(1):before{background-image:url("/images/status_disabled_mode_dc01.svg")}
.chargingList .state span:nth-child(2):before{background-image:url("/images/status_disabled_mode_dc02.svg")}
.chargingList .state span:nth-child(3):before{background-image:url("/images/status_disabled_mode_ac.svg")}
.chargingList .state span:nth-child(4):before{background-image:url("/images/status_disabled_mode_charge.svg")}
.chargingList .state span.active:nth-child(1):before{background-image:url("/images/status_nor_mode_dc01.svg")}
.chargingList .state span.active:nth-child(2):before{background-image:url("/images/status_nor_mode_dc02.svg")}
.chargingList .state span.active:nth-child(3):before{background-image:url("/images/status_nor_mode_ac.svg")}
.chargingList .state span.active:nth-child(4):before{background-image:url("/images/status_nor_mode_charge.svg")}
.chargingList + .summarynoti{padding-top:0; border:0}

/* 단지상세 하단 시세 */
.marketValue{text-align:left}
.marketValue .userWrap{padding:24px 16px 16px}
.marketValue .userWrap .pageBottom{margin:60px 0 0}
.marketValue .noti-wrap{position:relative; padding-top:0;}
.marketValue .dot-step{position:absolute; right:0; top:10px;}
.marketValue .summarynoti{margin-top:32px; padding-top:20px;}
.marketValue .summarynoti p{margin-bottom:8px}
.marketValue .priceResultItem .imginfo{bottom:auto; top:50%; transform:translateY(-50%)}
.marketValue .txareaBx{position:relative}
.marketValue .txareaBx textarea{height:148px}
.marketValue .txareaBx .textlimit{opacity:0}
.marketValue .txareaBx textarea:focus{padding-bottom:40px}
.marketValue .txareaBx textarea:focus + .textlimit{opacity:1; transition:.2s;}
.marketValue .notiGrey{margin-top:8px}
.marketValue .notiGrey + .settingItem.bgbox{margin-top:20px}
.marketValue .averageguide{margin-top:20px}
.marketValue .bg-guidebox{padding:8px 12px; font-size:11px; text-align:left;}
.marketValue .formbox:nth-of-type(1){margin-top:20px}
.marketValue .btn-typetext.arrowbullet:after{margin:-2px 0 0 4px; border-color:#4373f4; vertical-align:middle;}
@media screen and (max-width: 380px) {
    .marketValue .itemwrap .btn-itemtab{letter-spacing:-.8px}
}

.userWrap .noti-wrap + .settingItem, .userWrap .settingItem:nth-of-type(1){padding-top:0}
.userWrap .settingItem{padding:32px 16px; margin:0 -16px; border-bottom:0}
.userWrap .settingItem + .settingItem:after{content:""; position:absolute; left:0; right:0; top:-8px; height:1px; background:#eee}
.userWrap .tableDatabox{padding:0; margin-top:8px}
.settingItem .priceResultItem{padding:0; border:0}
.settingItem.bgbox{padding:16px 64px 16px 16px; background:#f5f5f5}
.ResultStepBox{margin:0 -16px; overflow:hidden;}

.dot-step .step{float:left; width:5px; height:5px; margin:0 4px; background:#e0e0e0; border-radius:5px}
.dot-step .step.active{background:#4373f4}

.noti-wrap[class*="noti-icon"]::after{content:""; display:block; width:142px; height:142px;}
.noti-wrap.noti-icon1::after{margin:28px auto 6px; background-image:url("/images/img_price_research_01.svg")}
.noti-wrap.noti-icon2::after{margin:54px auto 22px; background-image:url("/images/img_price_research_02.svg")}
.noti-wrap.noti-icon3::after{margin:54px auto 22px; background-image:url("/images/img_price_research_03.svg")}
.noti-wrap.noti-icon4::after{margin:54px auto 22px; background-image:url("/images/img_price_research_04.svg")}
.noti-wrap.noti-icon5::after{margin:54px auto 22px; background-image:url("/images/img_price_research_05.svg")}



.textbox{height:170px; padding:12px; border:1px solid #e0e0e0; cursor:default}
.textbox .scrollbar-outer{margin-right:-15px;}
.textbox .scrollbar-inner{padding-right:12px;}


/* 매물리스트 */
.saleListPage.allfilterPage{padding-bottom:0}
.saleListPage.allfilterPage .filtersHead{position:-webkit-sticky; position:sticky; padding-bottom:0; border-bottom:1px solid #eee; box-shadow:none}
.saleListPage .pagefilterWrap .filtersHead{padding:0 0 0 12px}
.saleListPage .pagefilterWrap .filtersHead .itemgroup{padding-top:10px;margin-bottom:14px}
.saleListPage .filtersHead .btn-filtermap{max-width:140px}
.saleListPage .saleListWrap{padding-top:40px}
.saleListPage .filtersHead .pagefilterCon{top:auto;}
.saleListPage .filtersHead.hidden .pagefilterCon{top:60px;}
.saleListPage .filtersHead .sortingType{height:52px;margin-top:0}
.saleListPage .sortingInfo{position:fixed; z-index:2; width:100%; margin-top:-40px;}
.saleListPage .btn-check{padding:4px 8px}
.filtersHead .sortingType{margin-left:-16px; margin-top:14px; border-top:1px solid #eee;}
@media all and (min-width: 560px){
    .saleListPage .sortingInfo{max-width:423px}
}

/* 지역시세 상세 */
.localmarket{text-align:left;overflow-x:auto}
.localmarket .pageHead{border-bottom:1px solid #eee}
.localmarket .bg-guidebox + *{margin-left:10px}
.localmarket .detailTit .sortingBtns .btn-typecheck{min-width:46px}
.localmarket .detailTit.small + .chartlegend{margin-top:-10px}
.localmarket .bg-guidebox .line{position:relative;}
.localmarket .bg-guidebox .line:after{content:""; display:inline-block; vertical-align:middle; width:1px; height:12px; margin:-2px 6px 0 8px; background:#e0e0e0;}
.localmarket .flexbox > .bg-guidebox{display:flex; flex-direction:column; justify-content:center;}
.localmarket .budgetDetail .btn-infohelp{top:-1px; margin-left:3px;}
.localmarket .subtaplist .linebg{display:none}
.toolmaptip[name="localprice1"]{top:100%; right:20px; min-width:258px;z-index:1}
.toolmaptip[name="localprice1"] .btn-close{float:right; margin-top:3px}
.rightbtns .selectListBox{margin-top:-8px;}
.rankingCard{margin:16px -16px}
.rankingCard .slick-dots{margin-top:-10px}
.compareCard .slick-dots{padding:10px 0 25px}
.cardSlickBox > div{height:220px; margin:0 16px 16px; padding:22px 16px 0; border:1px solid #e0e0e0; background:#fff; border-radius:10px; box-shadow:0 8px 12px rgb(0 0 0 / 12%)}
.cardSlickBox .labelround{padding:0 10px; line-height:20px;}
.cardSlickBox .summaryContent .name{position:relative; margin-bottom:6px;}
.cardSlickBox .summaryContent .nameValue{max-width:100%}
.cardSlickBox .summaryContent .typelists{margin-bottom:4px;}
.typeTapcon .rankWrap{padding:0}
.rankWrap{padding:0 16px;}
.rankWrap.iconlocate .flexbox{padding-right:38px; cursor:pointer;}
.rankWrap.iconlocate .flexbox:after{content:""; position:absolute; top:0; right:8px; width:20px; height:100%; background:url("/images/icon_20_region_table_nor_light.svg") no-repeat 50% 50%;}
.rankWrap.iconlocate .flexbox > *:last-of-type:after{content:"지도에서 단지로 이동";overflow:hidden;display:inline-block;position:relative;z-index:-1;width:1px;height:1px;border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);}
.rankWrap .flexbox{position:relative; align-items:center; padding:10px 16px; border-bottom:1px solid #eee}
.rankWrap .flexbox > *{position:relative;}
.rankWrap .rank > *{display:block; width:24px; text-align:center}
.rankWrap .rank span:not(.ratenum){font-size:10px}
.rankWrap .txt{width:52px; text-align:center;}
.rankWrap .info{flex:1; min-width:0; padding:0 10px 0 20px;}
.rankWrap .info .tit{display:block; line-height:15px}
.rankWrap .info > span{margin-right:2px; font-size:12px}
.rankWrap .note{min-width:48px; text-align:right}
.rankWrap .sell-tag{margin-right:0}
.rankWrap .ratenum{display:block; font-size:13px;}
.rankWrap .shrink .ratenum{width:68px; text-align:right;}
.rankWrap > div .ratenum:nth-of-type(2){color:#888}
.rankWrap + .btn-morelist{width:calc(100% - 32px); margin:25px 16px 2px;}
.rankWrap .flexbox.active{border-color:transparent; color:#3769e4}
.rankWrap .flexbox.active .info .tit{text-decoration:underline}
.rankWrap .flexbox.active .note{font-weight:700}
.rankWrap .flexbox:before{content:""; position:absolute; left:50%; top:0; bottom:0; width:0; background-color:#e8edfb;}
.rankWrap .flexbox.active:before{left:-16px; width:calc(100% + 32px); transition:0.2s ease-in-out; transform-origin:center;}
.rankWrap.iconlocate .flexbox.active{transition:0.3s ease;}
.rankWrap.iconlocate .flexbox.active:after{background-image:url("/images/icon_20_region_table_select_light.svg"); }
.rankWrap.iconlocate .ratenum{font-size:12px}
.rankWrap.iconlocate .ratenum:before{margin-right:0}
.rankWrap.iconlocate .ratenum.up{color:#f54f1b}
.rankWrap.iconlocate .ratenum.down{color:#17356e}
.rankWrap.iconlocate .ratenum.down:before{border-top-color:#17356e}
.localmarket [class*="compareColor"]:after{transition:0.25s ease}
.alltype .compareColor1:after, .alltype .info .squareBar:nth-of-type(1) .barin,
.saletype .compareColor1:after, .saletype .info .squareBar:nth-of-type(1) .barin{background-color:#f54f1b}
.saletype .compareColor2:after, .saletype .info .squareBar:nth-of-type(2) .barin{background-color:#f5841b}
.saletype .info .squareBar:nth-of-type(2) .data{color:#f5841b}
.alltype .compareColor2:after, .alltype .info .squareBar:nth-of-type(2) .barin,
.belowtype .compareColor1:after, .belowtype .info .squareBar:nth-of-type(1) .barin{background-color:#3bb120}
.belowtype .compareColor2:after, .belowtype .info .squareBar:nth-of-type(2) .barin{background-color:#9acc8f}
.alltype .info .squareBar:nth-of-type(2) .data{color:#3bb120}
.belowtype .info .squareBar:nth-of-type(2) .data{color:#9acc8f}
.pricetype .compareColor1:after, .pricetype .info .squareBar:nth-of-type(1) .barin{background-color:#b3ccfa}
.pricetype .compareColor2:after, .pricetype .info .squareBar:nth-of-type(2) .barin{background-color:#4373f4}


.compareCard .init .squareBar *{transition:0s !important;}
.compareCard .init .squareBar .barin{width:0 !important}
.compareCard .init .squareBar .data{opacity:0;}
.compareCard .squareBar .barin{transition:width 0.3s ease-in-out;}
.compareCard .squareBar .data{transition:opacity 0.3s ease-in-out;}
.compareCard .squareBar:nth-child(1) .barin{transition-delay:0.15s;}
.compareCard .squareBar:nth-child(2) .barin{transition-delay:0.45s;}
.compareCard .squareBar:nth-child(1) .data{transition-delay:0.3s;}
.compareCard .squareBar:nth-child(2) .data{transition-delay:0.65s;}

.tablebgBox{padding:0 16px 16px}
.tablebgBox .thead-tr{display:flex; align-items:center;}
.tablebgBox .thead-tr .thbox{flex:1; position:relative; padding:8px 0; background:#f5f5f5; font-size:13px; font-weight:700; text-align:center;}
.tablebgBox .thead-tr .thbox em{font-weight:400}
.tablebgBox .tbody-tr{padding:4px 0;}
.tablebgBox.rankWrap .thead-tr .thbox:first-child{padding-left:88px; text-align:left;}
.tablebgBox.rankWrap .thead-tr .thbox:last-child{flex-grow:0; flex-shrink:0; min-width:84px;}
.tablebgBox.rankWrap .flexbox{padding:7px 16px; border:0; background:#f5f5f5;}
.tablebgBox.rankWrap .thead-tr .thbox:first-child::after,
.tablebgBox.rankWrap .info::after,.alltype .rankWrap .info::after{content:""; position:absolute; top:8px; bottom:8px; right:0; width:1px; background:#e0e0e0;}

.infoguide{display:flex;}
.infoguide .bg-graybox{margin:0}
.infoguide > div + div{margin-left:8px}

/* 셀렉트 스타일 */
.selectListBox{position:relative;}
.selectListBox .optionbox{visibility:hidden; position:absolute; top:calc(100% - 6px); z-index:-10; width:100%; padding:4px 0; background:#fff; border-radius:8px; box-shadow:0 8px 14px rgb(0 0 0 / 10%); transition:top 0.2s linear}
.selectListBox .optionbox .option{padding:13px 16px; font-weight:400; font-size:14px; line-height:22px; cursor:pointer;}
.selectListBox .optionbox .option.active{color:#4373f4; font-weight:700;}
.selectListBox .optionbox .option + .option{border-top:1px solid #f5f5f5}
.selectListBox.open .optionbox{visibility:visible; z-index:100; top:100%;}

/* 리스트 스타일 */
.listboxgroup .sm{font-size:12px !important}
.listboxgroup .subtxt{font-size:13px !important}
.listboxgroup .ratenum{font-size:11px;}
.listboxgroup .typelists{margin-bottom:0}
.listboxgroup > .item + .item{border-top:1px solid}
.listboxgroup.linegray{border:1px solid #e0e0e0; border-radius:8px}
.listboxgroup.lineblue{border:1.5px solid #4373f4;box-shadow: 0 3px 5px rgba(0,0,0,0.1);}
.listboxgroup.lightblue{background:#f3f5f9}
.listboxgroup.type1 .flexbox{margin:6px 0;}
.listboxgroup.type1 .tit{flex-shrink:0;}
.listboxgroup.type1 .con{flex:1; text-align:right;}
.listboxgroup.type1 .con > *{display:block;}
.listboxgroup.type1 .con > * + *{margin-top:4px}
.listboxgroup.type1 em:not(.labeltype){font-size:12px; color:#515d7d;}
.listboxgroup.type1 .typelists{text-align:right;}
.listboxgroup.type2 .flexbox > *{flex:1;}
.listboxgroup.type2 .item + .item{margin-top:10px; padding-top:10px; border-color:#eee;}
.listboxgroup.type2 .con{display:block; margin:2px 0; padding:0 8px; font-size:14px; color:#888; text-align:right;}
.listboxgroup.type2 .con.sm{align-self:center; padding:0;}
.listboxgroup.type3{padding:0 16px}
.listboxgroup.type3 .item{padding:16px 0; border-color:#d9d9d9}
.listboxgroup.type3 .subtxt{float:right;}
.listboxgroup.type3 .typelists > *{padding:0 8px; color:#444; vertical-align:middle;}
.listboxgroup.type3 .typelists > strong{font-size:16px;}
.detailBox .listboxgroup{margin:0 16px}
.listboxgroup.type4{padding:20px 12px}
.listboxgroup.type4 .listgroup.typeflex{display:flex}
.listboxgroup.type4 .listgroup.typeflex .listcont{width:50%}
.listboxgroup.type4 .listgroup.topline{border-top:1px solid #eee;margin-top:16px}
.listboxgroup.type4 .listhead.topline{border-top:1px solid #eee;margin-top:16px;padding-top:16px}
.listboxgroup.type4 .listhead{padding-bottom:4px}
.listboxgroup.type4 .listhead strong{font-size:16px}
.listboxgroup.type4 .listcont{margin-top:8px}
.listboxgroup.type4 .listcont.flexbox .stxtcon{margin-left:8px;margin-top:0}
.listboxgroup.type4 .name{display:block;color:#888}
.listboxgroup.type4 .stxtcon{display:flex;color:#444;line-height:26px;margin-top:2px;font-size:14px}
.listboxgroup.type4 .stxtcon em{min-width:32px}
.listboxgroup.type4 .stxtcon em.auto{min-width:auto;margin-right:4px}
.listboxgroup.type4 .stxtcon strong{font-size:18px;font-weight:500}
.listboxgroup.type4 .listgroup.topline .listcont:first-of-type{margin-top:16px}
.listboxgroup.type4 .listgroup.topline .stxtcon{line-height:22px}
.listboxgroup.type4 .listcont.full{display:flex;justify-content:space-between;align-items:center}

/* 아코디언 */
.foldlist{border-bottom:solid 1px #eee;}
.foldtit{display:flex; justify-content:space-between; padding:20px 16px; cursor:pointer;}
.foldtit > span{color:#888;}
.foldlist .foldcon{display:none; padding:16px; background-color:#f5f5f5; text-align:left;}
.foldlist.active{border-bottom: none;}
.foldlist.active .foldcon{display:block;}
.foldlist.active .btn-budget:after{top:1px; transform:rotate(-45deg);}
.foldcon .summarybulletList{padding:0;}
.foldcon .summarybulletList > span{margin:0;}
.foldcon .summarybulletList > span + span{margin-top:8px;}
.foldcon .summarybulletList span em{display:block; font-size:14px; color:#888;}
.foldcon .summarynoti{border-top-color:#fff; color:#888;}

/* 텍스트정보 박스 */
.detailBox .infobox{margin:8px 16px 20px; text-align:left;}
.infobox{background:#f5f5f5; border-radius:8px;}
.infobox-txt{height:68px; padding:12px 16px; line-height:22px; overflow:hidden;}
.infobox-txt p + p{margin-top:20px;}
.infobox .arrowbullet{width:100%; height:48px; border-top:1px solid #fff;}
.infobox .arrowbullet.up:after{margin:2px 0 0 8px; vertical-align:middle;}
.infobox .arrowbullet.down:after{margin:-8px 0 0 8px; vertical-align:middle;}
.infobox.active .infobox-txt{height:max-content}

/* 스크롤 타입 */
.scrollLight .scrollbar-inner > .scroll-element.scroll-y .scroll-bar{width:2px}
.scrollLight .scrollbar-inner > .scroll-element .scroll-bar{background-color:#eee}
.scrollLight .scrollbar-inner:hover > .scroll-element .scroll-bar,
.scrollLight .active > .scrollbar-inner > .scroll-element .scroll-bar{opacity:1}

/* 로딩 */
.loading-box{position:relative; text-align:center;}
.loading-box .num{position:absolute; left:50%; top:50%; font-size:20px; line-height:28px; transform:translate(-50%, -50%);}
.renewModal .loading-box{margin:32px auto -15px;}


/* 레이아웃 위계 */
/* 모달오픈관련 */
.renewPage .vm--container{z-index: 999999 !important;}
.modalOpen .pagewrap > .scrollbar-outer{overflow: visible;}
.modalOpen .scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div{z-index: 999;}
.modalOpen  .fixdnav{z-index: 9999;}
.open-modal .fixdnav{z-index:99998}
.modalOpen #contentsWrap.active + .fixdnav +  #searchArea{z-index: 9998;}
.modalOpen .toolbarArea{position:relative}
.modalOpen .depth1Page.active + .depth2Page.active{z-index:9999}
.modalOpen.modalOpen2depth .depth1Page.active , .modalOpen.modalOpen2depth .fixdnav{z-index:9999}
.modalLayer2depth .vm--modal{box-shadow:none}
.modalOpen .depth1Page.active+.depth2Page.active{z-index:99998 !important}
.modalOpen.modalOpen2depth .depth1Page.active+.depth2Page.active{z-index:99999 !important}

/* 진입배너 팝업  */
.renewModal.mainstartBn .wh-layer{padding:56px 0 0;overflow:hidden}
.renewModal.mainstartBn .mainBnWrap{position:relative;max-width:360px;min-height:200px;margin:0 auto}
.renewModal.mainstartBn .mainBnWrap img{max-width:360px;width:100%}
.renewModal.mainstartBn .mainBnbtm{height:40px;line-height:38px;padding:0 16px;background:#f5f5f5}
.renewModal.mainstartBn .mainBnbtm .todayclose{font-size:12px;color:#888;text-decoration:underline}
.renewModal.mainstartBn .slick-dots > li{width:5px; height:5px; background:#e0e0e0; margin-left:8px}
.renewModal.mainstartBn .slick-dots > li.slick-active{width:5px;background:#4373f4 }
.renewModal.infoMapNoti .subtext{position:relative;margin-top:12px;padding-left:16px;}
.renewModal.infoMapNoti .subtext:before{position:absolute;top:0;left:0;content:"※";display:inline-block;color:#888}

/* 홈 진입배너 팝업  */
.homePopupcon{z-index:999991;position:fixed;bottom:0;opacity:1;left:0;transition:.3s;width:100%;height:100vh;background: rgba(0, 0, 0, 0.2);}
.homePopupcon img{width:100%;}
.homePopupcon .mainBnWrap{position:relative;width:100%;min-height:200px;max-width:360px;padding-top:30px;margin:0 auto}
.homePopupcon .mainBnWrap img{width:100%}
.homePopupcon .mainBnWrap.typeauto{max-width:none}
.homePopupcon .mainBnbtm{height:40px;line-height:38px;padding:0 16px;background:#f5f5f5;text-align:left}
.homePopupcon .mainBnbtm .todayclose{font-size:12px;color:#888;text-decoration:underline}
.homePopupcon .mainBnbtm .btn-close{float:right;margin-top:8px;font-size:12px;font-weight:700}
.homePopupcon .slick-dots > li{width:5px; height:5px; background:#e0e0e0; margin-left:8px}
.homePopupcon .slick-dots > li.slick-active{width:5px;background:#4373f4 }
.homePopupcon .subtext{position:relative;margin-top:12px;padding-left:16px;}
.homePopupcon .subtext:before{position:absolute;top:0;left:0;content:"※";display:inline-block;color:#888}
.homePopupcon .popConWrap{position:absolute;bottom:0;left:0;width:100%;background:#fff;border-radius:16px 16px 0 0;overflow:hidden;box-shadow: 0 -5px 10px 0 #33222222;}
.homePopupcon .btnDivide{position:relative}
.homePopupcon .btnDivide button{border:0}
.homePopupcon .btnDivide .btnLt{position:absolute;width:50%;height:100%;top:0;left:0}
.homePopupcon .btnDivide .btnRt{position:absolute;width:50%;height:100%;top:0;right:0}

@media all and (min-width:1024px) {
    .homePopupcon{left:70px}
    .renewWrap.PropertyListPage .layerselwrap{left:70px}
}
@media all and (min-width: 560px){
    .homePopupcon,
    .homePopupcon .popConWrap{max-width:424px;}
    .renewWrap.PropertyListPage .layerselwrap{max-width:424px}
}

/* 동적 팝업 추가 */
.centerPop{position:fixed;bottom:0;left:0;z-index:9999999;line-height:1.4;width:100%;height:100%}
.centerPop .poprow{display: table;table-layout: fixed;width: 100%;height:100%}
.centerPop .popcol{display: table-cell;vertical-align: middle;padding:0 24px}
.centerPop .popdim {position: absolute;left: 0;bottom: 0;z-index: 1;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.2);}
.centerPop .popcon{z-index:1;margin:0 auto;background-color:#fff; border-radius:16px;padding:16px; position: relative;box-shadow: 0 2px 5px rgba(0,0,0,0.19), 0 1px 1px rgba(0,0,0,0.23);}

/* IE 브라우저 지원 */
.supportWrap{display:none}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .supportWrap{display:block;width:100%;height:100%}
    .supportWrap .supportCon{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;font-size:20px}
}

.pageInnerCon{padding-bottom:48px}
.pageInnerCon pre{padding:16px;white-space: pre-wrap;word-break: break-all;font-size: 14px;color: #444;line-height: 1.5;text-align:left;font-family: 'Spoqa Han Sans Neo', sans-serif;}
.txtLicense{position:relative;padding:0 0 20px;margin:0 16px;font-size:16px;text-align:left;border-bottom:1px dashed #444}
.txtLicense:after{content:'';width:100%;height:1px;border-bottom:1px dashed #444;position:absolute;bottom:-5px;left:0}
.listtxtLine{position:relative;padding-left:11px;font-size:16px;color:#888;text-align:left;margin:0 16px 8px;word-break:break-word}
.listtxtLine:before{content:'';position:absolute;top:10px;left:0;width:4px;height:1px;background:#888}

.renewTerms .termscon{line-height:22px}
.renewTerms .termscon + .pageBottom{margin-top:32px}
.renewTerms .termscon .term-par .termstit{font-size:16px;color:#222}
.renewTerms .termscon .term-list.type-flex li{color:#888}
.renewTerms .termscon .term-par .termstit em{font-size:14px;color:#444}
.renewTerms .termscon + .termscon:before{height:1px;background-color:#eee}
.renewTerms .termscon .term-par .link{color:#4373f4}
.termslink{display:block;position:relative;margin-top:8px;color:#4373f4;font-size:14px;padding-left:18px;cursor:pointer}
.termslink:before{content: "";display: block;border-width: 0 6px 8px;border-color: transparent;border-bottom-color:#4373f4;border-style: solid;position: absolute;left: 2px;top: 5px;transform: rotate(90deg);}
.renewTerms .terms-box .box-line{padding:12px;border-color:#e0e0e0}
.renewTerms .termscon .term-par.line{padding-top:32px;border-top:1px solid #eee}
.bullet-txt.noti { display:block; position:relative; padding-left:20px; }
.bullet-txt.noti:before { content:'※'; position:absolute; left:0; top:0; }
.renewTerms .agreeimg.graph img{max-width:328px;width:100%}
.renewTerms .term-table th, .renewTerms .term-table td{white-space:initial;}
.renewTerms .term-table caption{overflow:hidden;display:inline-block;position:absolute;z-index:-1;width:1px;height:1px;border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);}
.renewTerms .term-table th{font-weight:500;border-right:1px solid;border-color:#eee;padding:12px;vertical-align:middle;color:#444}
.renewTerms .term-table th.fill{background:#f5f5f5;}
.renewTerms .term-table thead th:last-child{border-right:0}
.renewTerms .term-table tbody th{background-color:transparent;/*border-right:1px solid #eee*/}
.renewTerms .term-table tbody td{vertical-align:middle;border-right:1px solid #eee;padding:12px}
.renewTerms .term-table tbody td:last-child{border-right:0}
.renewTerms .term-table tbody td.line:last-child{border-right:1px solid #eee}
.renewTerms .term-table tbody, .renewTerms .term-table tbody td{border-color:#eee}
.renewTerms .term-table .tx-center{text-align:center}
.renewTerms .term-table .keep-all{word-break:keep-all;}
.renewTerms .bullet-txt.circle:before{width:3px;height:3px;background:#888}
.renewTerms .box-title{display:block;margin-bottom:8px;font-size:16px;color:#222}
.renewTerms .agreeimgdec{font-size:12px;color:#888;margin-top:16px}
.renewTerms .term-table .term-agree{text-align:center}
.renewTerms .term-table .term-agree .btn-switch.newtype{height:30px;margin-bottom:8px}
.renewTerms .term-table-scroll{position:relative;width:auto}
.renewTerms .term-list .term-table-scroll table{padding-left:0;min-width:max-content;}
.renewTerms .term-list .term-table-scroll{margin:8px -16px 8px -20px}
.renewTerms .term-list table{text-indent:0}
.renewTerms .term-list .term-table-scroll:after{position:absolute;top:0;right:0;content:"";width:32px;height:100%;display:block;background:url('/images/chart_hide_right.png') repeat-y 0 0;background-size:32px}
.renewTerms .term-list .term-table-scroll .table-scroll-wrap{overflow-x:scroll}
.renewTerms .term-table-scroll .bxshadow{position:relative}
.renewTerms .term-table-scroll .bxshadow:after{position:absolute;top:0;right:-28px;content:"";display:block;width:28px;height:100%;background:url('/images/chart_hide.png') repeat-y 0 0;background-size:28px}
.renewTerms .term-list-sinfo{text-indent:0;margin:8px 0 8px -20px}
.renewTerms .term-list-sinfo strong{color:#222}
.renewTerms .term-list .bullet-txt.noti{color:#888;text-indent:0}
.renewTerms li .termslink + p{padding-left:18px}
.renewTerms .term-list .term-list-table{margin-left:-20px}
@media (min-width: 1024px){
    .renewTerms .term-list .term-table-scroll:after,
    .renewTerms .term-table-scroll .bxshadow:after{display:none}
    .renewTerms .term-list .term-table-scroll table{width:calc(100% - 16px)}
}

.icokakao{display:inline-block;width:24px;height:24px;background:url('/images/icon_24_profile_kakao.svg') no-repeat 0 50% / 100% auto;vertical-align:top;font-size:0;text-indent:-9999px}
.iconaver{display:inline-block;width:24px;height:24px;background:url('/images/icon_24_profile_naver.svg') no-repeat 0 50% / 100% auto;vertical-align:top;font-size:0;text-indent:-9999px}
.icofacebook{display:inline-block;width:24px;height:24px;background:url('/images/icon_24_profile_facebook.svg') no-repeat 0 50% / 100% auto;vertical-align:top;font-size:0;text-indent:-9999px}
.icogoogle{display:inline-block;width:24px;height:24px;background:url('/images/icon_24_profile_google.svg') no-repeat 0 50% / 100% auto;vertical-align:top;font-size:0;text-indent:-9999px}
.icoapple{display:inline-block;width:24px;height:24px;background:url('/images/icon_24_profile_apple.svg') no-repeat 0 50% / 100% auto;vertical-align:top;font-size:0;text-indent:-9999px}
.icosademoji{position:relative;top:2px;display:inline-block;width:16px;height:17px;background:url('/images/icon_16_sad_emoji.svg') no-repeat 0 50% / 100% auto;vertical-align:top;font-size:0;text-indent:-9999px}
.icosorrowemoji{position:relative;display:inline-block;width:20px;height:20px;background:url('/images/icon_20_sorrow_emoji.png') no-repeat 0 50% / 100% auto}
.icosmileemoji{position:relative;display:inline-block;width:16px;height:16px;background:url('/images/icon_16_smile_emoji.png') no-repeat 0 0 / 16px auto}
.renewModal .icosns{margin-right:5px}
.renewModal .iconhoney:before, .renewPage .layerselwrap .iconhoney:before{margin-right:5px}


/* 동별매물 */
.flexsorting{position:relative;display:flex;align-items:center;height:60px;padding:0 16px}
.flexsorting.line{border-bottom:1px solid #eee;margin-bottom:20px}
.flexsorting .sortingBtns{margin-left:auto}
.flexsorting.col4{flex-wrap:wrap;height:auto}
.flexsorting.col4 .inner{width:25%;margin-bottom:2px;text-align:left;font-size:11px;color:#888}
.flexsorting.row{flex-wrap:wrap;height:auto;margin:0 0 12px}
.flexsorting.row .priceRowLabel{flex:1;height:8px}
.flexsorting.row .priceRowLabel:first-child{border-radius:8px 0 0 8px}
.flexsorting.row .priceRowLabel:last-child{border-radius:0 8px 8px 0}
.flexsorting .sortingBtns > .btn{padding:0 10px}
.btn-lgselect{width:100%; height:52px; border:solid 1px #bbb; padding:0 40px 0 16px;text-align: left; position: relative;border-radius:8px;color:#444}
.btn-smallselect{min-width:126px; height:36px; border:solid 1px #bbb; padding:0 40px 0 16px;text-align: left; position: relative;border-radius:8px;color:#444}
.btn-smallselect:after, .btn-lgselect:after{position:absolute;top:8px;right:16px;content: "";display: inline-block;width: 10px;height: 10px;transform: rotate(135deg);border-width: 1px 1px 0 0;border-style: solid;border-color: #444;}
.btn-lgselect:after{top:16px}
.btn-smallselect.typefct, .btn-lgselect.typefct{border-color:#e0e0e0;color:#bbb}
.btn-smallselect.typefct:hover, .btn-lgselect.typefct:hover{border-color:#888;color:#444}
.btn-smallselect.typefct:focus, .btn-lgselect.typefct:focus{border-color:#4373f4}
.btn-smallselect.typefct.active, .btn-lgselect.typefct.active{color:#444}
.btn-smallselect.typefct:disabled, .btn-lgselect.typefct:disabled{border-color:#eee;background:#eee;color:#bbb}
.btn-smallselect.typefct:disabled:hover, .btn-lgselect.typefct:disabled:hover{border-color:#eee}
.btn-smallselect.typefct:disabled:after, .btn-lgselect.typefct:disabled:after{border-color:#bbb}
.danjiDetailPrice .colgroup-btn{margin:0 16px 16px}
.danjiDetailPrice .bottomBox .colgroup-btn{margin:20px 0 16px}
.danjiDetailPrice .noDataTxt{margin:60px 0;}
.priceLabel{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px;}
.priceLblType1{background:#6ab3f9}
.priceLblType2{background:#509ae9}
.priceLblType3{background:#afd7fb}
.priceLblType4{background:#5dcdde}
.priceLblType5{background:#bdeaf1}
.priceLblType6{background:#a981f4}
.priceLblType7{background:#9164e7}
.priceLblType8{background:#e06e94}
.priceLblType9{background:#87e3c0}
.priceLblType10{background:#b5e064}
.priceLblType11{background:#87d786}
.priceLblType12{background:#fae079}
.priceRowType1{background:#d7e6fe}
.priceRowType2{background:#afccfe}
.priceRowType3{background:#87aefc}
.priceRowType4{background:#6995f9}
.priceRowType5{background:#4373f4}
.priceRowType6{background:#2c5aef}
.priceRowType7{background:#ffaf00}
.priceRowType8{background:#f54f1b}
.danjiDetailPrice .flexsortingBox{padding:20px 0 0;margin:20px 16px 0;border-top:1px solid #eee}
.flexsortingBox {display:flex;justify-content:center;margin:0 16px}
.flexsortingBox .graph { display:flex; flex-wrap:nowrap; flex-direction:column; justify-content:flex-start; max-height:100%; padding-bottom:20px;margin:0 auto;} /* overflow-x:auto;  */
.flexsortingBox .graph .line {display:flex; position:relative; flex-shrink:0; cursor:pointer}
.flexsortingBox .line.on .inner:after {content: '';position: absolute;left: 1px;right: 0;top: -1px;bottom: -1px;border: 2px solid #4373f4;box-sizing: border-box;}
.flexsortingBox .graph .line .inner{display:flex;position:relative}
.flexsortingBox .graph .line span {display:inline-block;position:relative; width:40px; height:20px; margin:1px 0 0 1px; font-size:11px; line-height:18px; color:#444; box-sizing:border-box; flex-shrink:0; }
.flexsortingBox .line span.selected {background-color: #bbb !important;}
.flexsortingBox .line .inner .toolmaptip{left:16px;top:-2px;z-index:10;width:90px}
.flexsortingBox .line .inner .toolmaptip:before{display:none}
.bottomPrice .infotit{font-size:14px;text-align:left;margin-top:15px}
.bottomPrice .danjiDetailPrice .colgroup-btn{margin:12px 0 16px}
.bottomPrice .typetopinfo{padding:0 0 8px;margin:0 0 6px;border-bottom:1px solid #eee;text-align:left;color:#888}
.bottomPrice .typetopinfo .costBox{display:flex;align-items:center}
.bottomPrice .typetopinfo .costBox span{display:inline-block;position:relative;margin-left:4px}
.bottomPrice .typetopinfo .costBox .nameVaule{margin:0;font-size:18px;color:#222;font-weight:700}
.bottomPrice .typetopinfo .costBox .addr{padding-left:5px}
.bottomPrice .typetopinfo .costBox .addr:after {content: "";width: 1px;height: 12px;background: #eee;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
@media (min-width: 1024px){
    /* .danjiDetailPrice .bottomBox {width:423px;left:495px} */
    .renewPage .modalLayer2depth .layerselwrap{width:423px;left:495px}
    .modalLayer2depth.biz-modal.show + .modal-backdrop, .modalLayer2depth.biz-modal.show{left:495px}
}
.danjiDetailPrice .schoolsubdec{margin:16px;font-size:11px}
.modalOpen2depth .fixdnav{z-index: 9999;}
.topPriceinfo{display:flex;justify-content: space-between;padding:0 16px;font-size:14px;color:#888;line-height:22px}
.icon_24_info{display:inline-block;width:24px;height:24px;background:url('/images/icon_24_info-type1.svg') no-repeat 0 0 / 24px auto}
.toolmaptipWrap{position:relative;display:inline-block;vertical-align:top}
.btn-biz-clear{position: absolute;right: 53px;top: 50%;transform: translateY(-50%);width: 24px;height: 24px;background: url('../../images/biz_image/icon/icon_24_clear.svg');border: none;}
.myhomeCont .btn-seltype2.pd_r85{padding-right: 85px;}

/* 동별매물 테이블 */
.widthtypedong{text-align:center}

/* KB부동산 매물 대출 */
.nodatabox{padding:80px 16px;text-align:center;font-size:16px}
.nodatabox p{padding-bottom:5px}
.kbLoanWrap, .kbLoanWrap.pdB40{padding-bottom:86px !important;text-align:left}
.kbLoanWrap .imgarea{margin:40px 14px 0;text-align:center}
.kbLoanWrap .imgarea img{width:100%;max-width:600px}
.kbLoanWrap .guidetxt{margin:16px 16px 0}
.kbLoanWrap .pageBottom{margin:16px 16px 0}
.kbLoanWrap .pageBottom.fixBtm{margin:0}
.app .kbLoanWrap .pageBottom.fixBtm{padding-bottom:40px}/* 앱 내 웹뷰로 들어가는 경우 안드로이드 하단 주소창에 가려지는 영역 대응 */
.notiTopWrap{padding:16px 16px 40px;text-align:left}
.notiTopWrap .tit{font-size:20px;font-weight:400}
.notiTopWrap .tit span{font-weight:700}
.notiTopWrap .cont{padding-top:8px;font-size:16px;}
.notiTopWrap .notiSinfo{margin-top:16px}
.notiSinfo{padding:12px 16px;background:#f5f5f5;border-radius:8px;font-size:12px}
.itemCard{margin:16px 16px 0;padding:20px 12px;box-shadow: 0 4px 10px rgb(0 0 0 / 16%);border-radius:12px}
.itemCard .listhead{position:relative;display:flex;align-items:center}
.itemCard .listhead .date{font-size:12px;margin-right:auto}
.itemCard .listbtns{margin:8px 0 12px}
.itemCard .storeTitle{padding-top:12px;border-top:1px solid #e0e0e0}
.itemCard .pageBottom{margin:20px 0 0;padding-bottom:0}
.itemCard .pageBottom .btn{height:36px;line-height:34px;border-radius:6px;font-size:14px}
.itemCard .pageBottom .btn + .btn{margin-top:8px}
.itemCard.disabled .stxtcon, .itemCard.disabled .listbtns, .itemCard.disabled .listhead, .renewWrap .itemCard.disabled .ico-poi{color:#bbb !important}
.itemCard .storeInfo span{color:#444}
.itemCard .storeInfo .btn-storemap{color:#888;font-size:12px}
.stxtcon{font-size:12px;color:#888}
.btn-linkmapblack{min-width:56px;height:28px;line-height:28px;font-size:12px;padding:0 8px 0 22px;border-radius:6px;background:url('/images/icon_32_location.svg') no-repeat 6px 50%/16px #f5f5f5}
.btn-chkConditions{position:relative;z-index:1;margin-top:12px;width:100%;height:28px;padding:0 8px;border-radius:4px;background:#f5f5f5;font-size:12px;text-align:left}
.btn-chkConditions:after {position:absolute;top:50%;right:12px;display: inline-block;content: "";width:8px;height:8px;margin-top:-4px;border-width: 1px 1px 0 0;border-style: solid;border-color: #444;border-radius: 0;transform: rotate(45deg);}
.bgpageGrey{height:calc(100vh - 56px);background:#f3f5f9;border-top:1px solid #eee}
.itemCard.typeS{padding:16px;background:#fff;text-align:left}
.imgareatype.kbloan{width:220px;height:140px;margin:16px auto;background:url('/images/loancard_percent_img_light.png') no-repeat 50% 50% / 220px auto}
.info p{position:relative;color:#888;font-size:12px;padding-left:8px}
.info.bul p:before{content:"";position:absolute;top:6px;left:0;width:4px;height:4px;background:#888;border-radius:50%}
.itemCard.typeS .info p{float:right}
.itemCard.typeS .info:after{content:'';display:block;clear:both}
.itemCard.typeS .pageBottom{margin:8px 0 0}
.itemCard.typeS .pageBottom .btn{height:54px;line-height:52px;border-radius:8px;font-size:16px}
.itemCard .bridgeBox .info{margin-top:16px}
.shadowCard{padding:24px 12px;box-shadow: 0 4px 10px rgb(0 0 0 / 16%);border-radius: 12px;}
.shadowCard.line{border:1px solid #eee}
.renewWrap .kbLoanWrap .sortingInfo .selWrap{top:0}
.renewWrap .kbLoanWrap .sortingInfo .selWrap .btn-selchoice{top:0}
.renewWrap .kbLoanWrap .sortingInfo .selWrap:before{top:13px}

/* 폰트사이즈 */
.fts24{font-size:24px !important}
.fts20{font-size:20px !important}
.fts18{font-size:18px !important}
.fts16{font-size:16px !important}
.fts15{font-size:15px !important}
.fts14{font-size:14px !important}
.fts12{font-size:12px !important}
.fts11{font-size:11px !important}
.ftwr{font-weight:400 !important}
.ftwm{font-weight:500 !important}
.ftwb{font-weight:700 !important}
.ltsm{letter-spacing:-1.1px}

/* 페이지 내부 필터 */
.pagefilterWrap{position:-webkit-sticky;position: sticky;top: 56px;left: 0;background:#fff;z-index:99; }
.pagefilterWrap .deem{z-index:1;display:none;width:100%;height:100%;position:fixed;top:0;left:0;right:0;background:rgba(0,0,0,0.3)}
.pagefilterWrap.active .pagefilterCon{display:block}
.pagefilterCon{display:none;z-index:1;position:absolute;display:none;width:100%;height:auto;margin-left:-12px;background:#fff;border-top:1px solid #eee}
.pagefilterCon .btn-group-toggle {display: flex;flex-wrap: wrap;width: 100%;margin-top: 24px;padding: 0 16px;}
.pagefilterWrap:not(.saleListPage) .pageHead{border-bottom:1px solid #eee}
.pagefilterWrap .pageHead .btn-txt{color:#444;font-size:16px;text-decoration:none}
.pagefilterWrap .filtersHead{position:relative;width:100%;padding:12px 0 4px 12px;transition: all .3s; background:#fff;z-index:10}
.pagefilterWrap .filtersHead.hidden .itemgroup{display:flex;flex-wrap:nowrap;width:max-content;}
.pagefilterWrap .filtersHead .allFilters{top:12px;right:10px}
.pagefilterWrap .btn-filtermap.open:after{transform: rotate(-45deg);top:6px;left:-1px}
.pagefilterWrap .hidden .btn-filtermap.open:after{transform: rotate(135deg);top:3px}
.pagefilterWrap .hidden:after{content:"";display:block;width:60px;height:60px;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%);position:absolute;top:0;right:0}
.pagefilterWrap .filtersBody { display: block;border-radius:0;padding-top:154px}
.pagefilterWrap .hidden + .filtersBody{padding-top:62px}
.pagefilterWrap .filtersBody .range-value{margin-right:16px}
.pagefilterWrap .filtersBody .filters-range{margin-top:24px}
.pagefilterWrap{display:flex;align-items: center;}
.pagefilterWrap strong {position: relative;padding-left: 16px;padding-top:32px;margin-right: auto;font-size: 18px;}
.pagefiltertitle{padding-top:32px}
.pagefilterWrap{border-bottom: 1px solid #eee;}
.pagefilterWrap:nth-of-type(1) .allfiltertitle{border-top:0}
.pagefilterWrap:nth-last-child(1){border-bottom:0}
.pagefilterWrap .itemtitle{padding:0 16px;font-size:18px;font-weight:700}
.pagefilterWrap .btn-group-toggle .btn-secondary{flex:0 0 auto;height:36px;padding:0 8px 0 0;margin-bottom:12px;background:transparent;border:0 !important}
.pagefilterWrap .btn-group-toggle .btn-secondary span{z-index:1;display:flex;width:100%;height:36px;line-height:1.2;border-radius:6px !important;border:1px solid #bbb;background:#fff;border-radius:6px;align-items:center;justify-content:center}
.pagefilterWrap .btn-group-toggle .btn-secondary.active span{border-color:#4373f4;color:#4373f4 !important;font-weight:700}
.pagefilterWrap .btn-group-toggle.type2 .btn-secondary{width:calc(100%/2)}
.pagefilterWrap .btn-group-toggle.type2 .btn-secondary:nth-of-type(2n){padding:0}
.pagefilterWrap .btn-group-toggle.type3 .btn-secondary{width:calc(100%/3)}
.pagefilterWrap .btn-group-toggle.type3 .btn-secondary:nth-of-type(3n){padding:0}
.pagefilterWrap .btn-group-toggle.type4 .btn-secondary{width:calc(100%/4)}
.pagefilterWrap .btn-group-toggle.type4 .btn-secondary:nth-of-type(4n){padding:0}
.pagefilterWrap .btn-group-toggle.type5 .btn-secondary{width:calc(100%/5)}
.pagefilterWrap .btn-group-toggle.type5 .btn-secondary:nth-of-type(5n){padding:0}
.pagefilterWrap .filters-range{padding:0 16px;margin-top:24px}
.pagefilterWrap .vue-range-slider.slider-component .slider .slider-process{background-color:#4373f4}
.pagefilterWrap .range-head{padding:16px 0 24px;text-align:right}
.pagefilterWrap .range-value{display:inline-block;margin-right:8px;font-size:16px;color:#4373f4;font-weight:700}
.pagefilterWrap .vue-range-slider.slider-component .slider-tooltip-wrap .slider-tooltip{display:none}
.pagefilterWrap .vue-range-slider.slider-component .slider{background-color:#f5f5f5;height:4px !important}
.pagefilterWrap .range-foot .legend{flex-direction:inherit;width:calc(100% + 20%);margin-left:-10%;font-size:12px;color:#888}
.pagefilterWrap .range-foot .legend .active{color:#444;font-weight:700}
.pagefilterWrap .range-foot .legend span{margin:0 !important;flex:1;text-align:center}
.pagefilterWrap .range-foot.split3 .legend{width:calc(100% + 33%);margin-left:-16.5%}
.pagefilterWrap .range-foot.split4 .legend{width:calc(100% + 25%);margin-left:-12.5%}
.pagefilterWrap .range-foot.split5 .legend{width:calc(100% + 20%);margin-left:-10%}
.pagefilterWrap .range-foot.split6 .legend{width:calc(100% + 16.6%);margin-left:-8.3%}
.pagefiltertitle .btn-unit{float:right;margin-right:16px}

/* 마케팅 안내페이지 */
.infoPageWrap{position:relative;width:100%;text-align:center;max-width:560px}
.infoPageWrap img{width:100%}
.infoPageWrap .in{position:relative}
.infoPageWrap .btmbtns .pageBottom{position:absolute;top:50%;width:100%;margin:-56px 0 0;padding:0 16px}
.infoPageWrap .btmbtns .bubble{z-index:1;position:absolute;top:-47px;left:50%;margin-left:-81px;width:163px;height:60px;padding-top:14px;background:url('/images/landloaninfo/bubble.png') no-repeat 0 0 / 163px;color:#4373f4;font-weight:700}
.infoPageWrap .btmbtns .bubble strong:after{content:"";display:inline-block;width:16px;height:17px;background:url('/images/landloaninfo/money.png') no-repeat 0 0 /16px;position:relative;top:3px}
.infoPageWrap.p230103 .btmbtns{background:#1d2957;padding:42px 0 40px}
.infoPageWrap.p230103 .btmbtns .pageBottom{position:inherit;margin:0;top:0}
.infoPageWrap .notibox{padding:20px 16px;background:#3b487b;font-size:12px;color:#f5f5f5}
.infoPageWrap .notibox ul{text-align:left}
.infoPageWrap .notibox ul li{position:relative;padding-left:10px;margin:0 0 8px}
.infoPageWrap .notibox ul li:before{position:absolute;top:6px;left:0;content:"";display:block;width:3px;height:3px;border-radius:50%;background:#f5f5f5}
.infoPageWrap .notibox .date{padding:12px 0 0;text-align:right}
.infoPageWrap .notibox ul li.noneico:before{display:none}

.flexBxCenter{display:flex;flex-direction: column;height:100vh;max-height:640px}
.flexBxCenter .pageBottom{margin-top: auto;}
.flexBxCenter .exposurCon{margin-top:132px;padding-top:144px;background:url('/images/endofexposure.png') no-repeat 50% 0 / 264px auto}
.flexBxCenter .exposurCon p{margin-top:24px;font-size:18px;font-weight:700}
.flexBxCenter .exposurCon p + p{margin-top:8px;font-size:16px;font-weight:400}

.bunyangPriceinfo{padding:0 0 22px;margin:0 16px;text-align:left}
.bunyangPriceinfo .infotit{font-size:18px}
.bunyangPriceinfo .infotit strong{color:#222}
.bunyangPriceinfo .infotit + .labeltype{margin-top:4px}
.bunyangPricerate{margin:0 16px;text-align:left}
.bunyangPricerate .infotit{font-size:16px}
.bunyangPricerate .costlabel{display:inline-flex;align-items:center;color:#888}
.bunyangPricerate .costlabel em{color:#444}
.bunyangPricerate .costlabel + .costlabel{position:relative;padding-left:9px}
.bunyangPricerate .costlabel + .costlabel:before{position:absolute;top:4px;left:4px;content:'';width:1px;height:14px;background-color:#e0e0e0;}
.bunyangPricerate.type{margin:0;padding:24px 16px 32px}
.bunyangPricerate.type .infotit + .infotit{margin-top:6px}
.bunyangPricerate.type .detailTit.small{padding:0 !important}
.typeTapcon .bunyangPricerate.type{padding:24px 16px 0;border-top:1px solid #eee;margin:0 -16px}
.bunyangPricerate.type.bdline{border-top:1px solid #eee;padding:24px 16px 32px}
.bunyangCal {padding:26px 16px;text-align:left}
.bunyangCal .btn.Fullbt{height:48px;line-height:46px}
.bunyangCal .text{position:relative;margin-bottom:12px;font-size:16px;color:#222;z-index:1}
.bunyangCal .text em{position:relative;display:inline-block}
.bunyangCal .text em:after{position:absolute;bottom:3px;left:-1px;content:"";display:block;width:calc(100% + 2px);height:4px;background:#e3ecff;z-index:-1}
.bunyangCal .resultBudget{padding:16px;margin-bottom:0;background:#f5f5f5;border-radius:8px}
.bunyangCal .resultBudget .totalB{font-size:14px}
.bunyangCal .resultBudget .totalB em{font-size:20px}
.bunyangCal .resultBudget .totalB em + em{font-size:14px;color:#888;font-weight:400}
.bunyangCal .arrowbullet{display:flex;justify-content:end;align-items:center;margin-bottom:10px;font-size:12px;color:#888}
.bunyangCal .arrowbullet:after{margin-left:4px;color:#888;width:6px;height:6px}
.detailBoxInfo{display:flex;justify-content: space-between;align-items: center;background:#f3f5f9; padding:20px 16px;font-size:16px;}
.detailBoxInfo strong{color:#4373f4; }
.detailBoxInfo .btn-formround{height: 36px;line-height: 34px;border-radius: 6px;font-size: 14px}
.detailBoxInfo .btn-formround.navy{background-color:#515d7d;color:#fff}
.detailBoxInfo .btn-formround.line-gray{border-color:#bbb;color:#444}

.bunyangSchedule{padding:0 16px 32px;text-align:left}
.bunyangSchedule .infotit{font-size:18px}
.bunyangSchedule .scheduleBox{margin-top:24px;text-align:center}
.bunyangSchedule .scheduleCon{display:flex;flex-direction:column}
.bunyangSchedule .scheduleCon .inner{display:flex;justify-content:space-between;padding:13px 16px;font-size:14px;}
.bunyangSchedule .scheduleCon.bgGrey{background:#f5f5f5;color:#bbb}
.bunyangSchedule .scheduleCon.bgGrey:first-child{border-radius:4px 4px 0 0}
.bunyangSchedule .scheduleCon .tit {text-align: left;flex: 2;width: 140px;flex-shrink: 0;}
.bunyangSchedule .scheduleCon .date {flex: 1.6;text-align: left;display: flex;flex-wrap: wrap;}
.bunyangSchedule .scheduleCon .etc{flex: .9;text-align: center;color:#888}
.bunyangSchedule .scheduleCon.today{color:#4373f4}
.bunyangSchedule .scheduleCon.today.bgBlue{background-color:#4373f4;color:#fff;font-weight:700}
.bunyangSchedule .scheduleCon.today.bgBlue .etc{color:#fff}
.bunyangSchedule .scheduleCon .btn-linewhite{min-width:120px;height:30px;line-height:28px;margin:0 16px 13px auto;padding:0 12px;color:#fff;border:1px solid #fff;font-size:13px;border-radius:30px;}
.bunyangSchedule .scheduleCon .btn-linewhite .arrowbullet:after{position:relative;top:-2px;margin-left:4px;width:6px;height:6px;border-color:#fff}
.renewWrap .bunyangCompare .tabwrap{position:static}
.bunyangCompare{padding-top:20px}
.bunyangCompare .detailTit{padding:0 16px}
.bunyangCompare .bg-guidebox{margin:20px 16px}
.bunyangCompare .rankWrap .txt{width:74px;text-align:left}
.bunyangCompare .rankWrap .txt strong{display:block;line-height:1.3}
.bunyangCompare .rankWrap .txt strong + span{display:block;line-height:1.3;font-size:12px}
.bunyangCompare .squareBar .data{font-weight:400;color:#888}
.bunyangCompare .compareCard .squareBar:nth-child(2) .data{color:#4373f4}
.bunyangCompare .rankWrap .flexbox:first-child{background-color:#f3f5f9;border-radius:2px}
.bunyangCompare .source p{font-size:12px;color:#888}

.notiBoxType1{padding:12px 8px;background:#f3f5f9;font-size:14px;border-radius:12px}
.notiBoxType1 strong{display:block;padding-bottom:12px}
.notiBoxType1 p{position:relative;padding-left:18px;margin-top:4px}
.notiBoxType1 p:first-child{margin-top:0}
.notiBoxType1 p:before{position: absolute;top: 8px;left: 8px;content: "";display: block;width:4px;height:4px;border-radius: 50%;background-color: #444;}

/* 예산 슬라이더 */
.vslide.budgetSlide {margin: auto;}
.budgetSlide .sliderTipbox{position: absolute;bottom:0;min-width:111px;background:#232b42; padding:3px 8px; border-radius:4px;}
.budgetSlide .sliderTipbox:after { content: "";display: block;border-width: 0 5px 5px;border-color: transparent;border-bottom-color: #232b42;border-style: solid;position: absolute;bottom:-4px; left:50%; margin-left:-5px;transform: rotate(-180deg);}
.budgetSlide .slidervalue{display:flex;justify-content: space-between; color:#fff}
.budgetSlide .slidervalue em{padding-left:8px; font-weight:700;}
.budgetSlide .vue-slider-process {background-color: #ffaf00 !important;border-radius: 5px;height: 11px;}
.budgetSlide .sliderInner{width:100%;height:100%;border-radius: 5px;}
.budgetSlide .vue-slider-rail{height:8px;background:transparent;border-radius:5px;}
.budgetSlide .vue-slider-dot-handle{width:40px !important;height:40px !important;box-shadow: 0 0 16px 0px rgb(0 0 0 / 19%);border:0}
.budgetSlide .vue-slider-dot{width:40px !important;height:40px !important}
.budgetSlide .vue-slider-dot-tooltip-top{top:-10px;left:-100%}
.budgetSlide.right, .budgetSlide.left{float:none}
.budgetSlide.right .vue-slider-dot-tooltip-top{left: -200%;}
.budgetSlide.right .vue-slider-dot-tooltip-top .sliderTipbox:after{left:auto;margin-left:0;right:16px}
.budgetSlide.left .vue-slider-dot-tooltip-top{left: 0}
.budgetSlide.left .vue-slider-dot-tooltip-top .sliderTipbox:after{left:16px;margin-left:0}

/* 시세그래프 툴팁 */
.chartTooltipNew {left: 50% !important;transform: translateX(-50%) !important;text-align: left;width: 316px;background:rgba(35, 43, 66, .9) !important;box-shadow:none !important;border:0 !important;border-radius:12px !important;opacity:1 !important;visibility:visible !important;color:#fff !important;pointer-events:auto !important}
.chartTooltipNew .detailinfoBox{padding:8px 12px}
.chartTooltipNew .btn-close{cursor:pointer;position: absolute;right:8px;top:8px;background: url(/images/icon_16_close_white.svg) no-repeat 50% 50% / 16px auto;}
.chartTooltipNew .topInfo{padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.09);font-size:14px;font-weight:700}
.chartTooltipNew .midInfo{padding-top:8px;font-weight:700}
.chartTooltipNew .midInfo + br{display:none}
.chartTooltipNew .midInfo strong{font:14px "Spoqa Han Sans Neo";}
.chartTooltipNew .midInfo .titType{color:rgba(244, 244, 244, .9);font-weight:400}
.chartTooltipNew .midInfo .titType.type2{position:relative;padding-left:5px;margin-left:5px;line-height:20px;vertical-align: top;font-size:12px}
.chartTooltipNew .midInfo .titType.type2:before{position:absolute;top:1px;left:0;content:"";width:1px;height:14px;background:#e0e0e0;}
.VillaDetailPage .chartTooltipNew .midInfo .titType.type2{margin-left:4px;font-size:14px}
.VillaDetailPage .chartTooltipNew .midInfo .titType.type2:before{top:3px}
.arrowtext.down{position:relative;color:#4373f4;}
.arrowtext.down:after{content:"";display:inline-block;position:relative;top:2px;width:16px;height:16px;background:url('/images/icon_16_arr_down.svg') no-repeat 0 0 / 100% auto}

/* 스켈레톤 */
.webSkleton img{width:100%}
.webSkleton .seleton_top{width:100%;max-width:560px}
.webSkleton{z-index:99999;overflow:hidden;position:absolute;width:100%;max-width:560px;height:100vh;}
.webSkleton .skeleton-bar{position: absolute;top: 0; left: -100px;width: 40px;height: 100%;background: #fff;transform: rotate(15deg);filter: blur(15px);-webkit-filter: blur(15px);animation: skeletonMove 1s infinite;}
@keyframes skeletonMove {from{left: -100px;}to{left: calc(100% + 100px);}}
.renewSlick.ht500 .slick-initialized .slick-slide{height:500px}
.webSkleton.darkimg .skeleton-bar{background-color: #222;}

.detailBox .downloadWrap{margin:0 16px 16px}
.downloadWrap.type2 .btn-download {overflow: hidden;display: block;position: relative;width: 100%;height: auto; padding: 15px 72px 15px 16px;border-radius: 6px; box-shadow:none; background: #f3f5f9; color: #4373f4; font-size: 16px; font-weight:700;word-break: break-word;text-align:left;white-space:normal;}
.downloadWrap.type2 .btn-download:before { display:none; }
.downloadWrap.type2 .btn-download:after { content: ''; display: block; position: absolute; right:16px; top: calc(50% - 12px); width: 24px; height: 24px; background: url('/images/icon_24_download_blue.svg') no-repeat center center / 100%; }
.stripBanner{position:relative;padding:12px 24px 12px 16px;background: rgb(235,245,255);background: linear-gradient(to right, rgba(235,245,255,1) 0%, rgba(247,243,255,1) 100%);text-align:left;font-size:14px}
.stripBanner:after{position:absolute;right:18px;top:50%;margin-top:-5px;content: "";display: inline-block;width: 10px;height: 10px;transform: rotate(45deg);border-width: 1px 1px 0 0;border-style: solid;border-color: #444;}
.saleDetailsummary .stripBanner{margin:40px -16px -40px}
.stripBanner.typeloan{padding:12px;margin:40px 0 -40px;border-radius:12px;line-height:22px;background:#f3f5f9}
.stripBanner.typeloan .btn-view{position:relative;padding-right:8px;margin-top:7px;border:0;font-weight:700;color:#444;font-size:12px}
.stripBanner.typeloan .btn-view:after{position:absolute;right:0;top:50%;margin-top:-3px;content: "";display: inline-block;width: 6px;height: 6px;transform: rotate(45deg);border-width: 1px 1px 0 0;border-style: solid;border-color: #444;}
.stripBanner.typeloan:after{transform: none;width:40px;height:58px;background:url('/images/img_danji_loanthumb.png') no-repeat 0 0 / 40px auto;right:16px;top:auto;bottom:0;border:0}
.countlabel + .stripBanner.typeloan{margin-top:52px}
.modalLayerbot .stripBanner.typeloan{margin:24px 0 0}
.stripBanner.typeloan + .storeDecBox{margin-top:56px}
.stripBanner.typeloan.loantype2{padding:14px 12px;margin:40px 0 -16px}
.stripBanner.typeloan.loantype2 .btn-view{margin-top:4px;font-weight:400}
.stripBanner.typeloan.loantype2:after{transform: none;width:41px;height:40.5px;background:url('/images/img_danji_loanthumb2.png') no-repeat 0 0 / 41px auto;right:23px;top:auto;bottom:14px;border:0}
.stripBanner.typedef{display:flex;justify-content:space-between;align-items:center;width:100%;padding:5px 16px;background:#f3f5f9;font-size:16px}
.stripBanner.typedef .btn-view{position:relative;padding-right:8px;border:0;color:#444;font-size:14px}
.stripBanner.typedef .btn-view:after{position:absolute;right:0;top:50%;margin-top:-3px;content: "";display: inline-block;width: 6px;height: 6px;transform: rotate(45deg);border-width: 1px 1px 0 0;border-style: solid;border-color: #444;}
.stripBanner.typedef:after{display:none}
.stripBanner.typedef .imgcont{width:80px}
.stripBanner.typesh{padding:12px 68px 12px 16px;border-radius:8px;background:#fff;border:1px solid #f5f5f5;box-shadow: 0px -1px 16px 0px rgba(0, 0, 0, 0.1)}
.stripBanner.typesh:after{width:56px;height:56px;background:url('/images/img_sh_find_light.png') no-repeat 0 0 / 56px auto;border: 0;transform: translate(0, -50%);margin: 0;}

/* 간격 */
.gapT0{margin-top:0 !important}
.gapT2{margin-top:2px !important}
.gapT4{margin-top:4px !important}
.gapT6{margin-top:6px !important}
.gapT8{margin-top:8px !important}
.gapT12{margin:12px 0 0 0 !important}
.gapT16{margin-top:16px !important}
.gapT18{margin-top:18px !important}
.gapT20{margin-top:20px !important}
.gapT24{margin-top:24px !important}
.gapT28{margin-top:28px !important}
.gapT32{margin-top:32px !important}
.gapT40{margin-top:40px !important}
.gapTB20{margin:20px 0 !important}
.gapLR16{margin:0 16px !important}
.gap16{margin:16px !important}
.gapL4{margin-left:4px !important}
.pd0{padding:0 !important}
.pdT12{padding:12px 0 0!important}
.pdB40{padding:0 0 40px !important}
.pdB12{padding-bottom:12px !important}

.textdivision{position:relative;padding:0 4px;margin:0 4px}
.textdivision:before, .textdivision:after{content:"";position:absolute;top:50%;left:0;transform:translate(0, -50%);width:1px;height:13px;background:#eee;}
.storeInfo .textdivision:before, .storeInfo .textdivision:after{top:4px;transform:translate(0, 0);}
.storeCard .storeInfo em .textdivision:after{display:none}
.textdivision:after{left:auto;right:0}
.app .agentdetail .vm--container{padding-bottom:0}
.textellipsisLine2{line-height: 24px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
/* 모달 베이스 페이지 스크롤 제어 */
.lockScroll{overflow: hidden !important;height: 100vh !important}
/* Safari 브라우저만 적용 scroll-wrapper 내부 position:fixed 영향도 수정 */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 560px) {
    ::i-block-chrome,  .renewPage .scroll-wrapper.scrollbar-inner{position:static !important}
}
.btnShareSns{display:flex;height:82px;justify-content:  space-evenly}
.btnShareSns button{position:relative;width:56px;padding-top:60px;height:22px;line-height:22px;border:0}
.btnShareSns .icoSharekakao{background:url('/images/img_danji_share_kakao.png') no-repeat 0 0 / 56px auto}
.btnShareSns .icoSharefacebook{background:url('/images/img_danji_share_facebook.png') no-repeat 0 0 / 56px auto}
.btnShareSns .icoSharetwitter{background:url('/images/img_danji_share_twitter.png') no-repeat 0 0 / 56px auto}
.btnShareSns .icoSharecopy{background:url('/images/img_danji_share_linkcopy.png') no-repeat 0 0 / 56px auto}
.bgWhite{background:#fff}/* 웹뷰영역 일부 투명 배경처리 수정을 위한 스타일 */

/* 스피너 추가 */
.cercleSpinner {display: inline-block;position: relative;width: 80px;height: 80px;zoom:60%;}
.cercleSpinner div {transform-origin: 40px 40px;animation: cercleSpinner 1.2s linear infinite;}
.cercleSpinner div:after {content: " ";display: block;position: absolute;top: 3px;left: 37px;width: 7px;height: 20px;border-radius: 24%;background: #82868b;}
.cercleSpinner div:nth-child(1) {transform: rotate(0deg);animation-delay: -.7s;}
.cercleSpinner div:nth-child(2) {transform: rotate(45deg);animation-delay: -.6s;}
.cercleSpinner div:nth-child(3) {transform: rotate(90deg);animation-delay: -.5s;}
.cercleSpinner div:nth-child(4) {transform: rotate(135deg);animation-delay: -.4s;}
.cercleSpinner div:nth-child(5) {transform: rotate(180deg);animation-delay: -.3s;}
.cercleSpinner div:nth-child(6) {transform: rotate(225deg);animation-delay: -.2s;}
.cercleSpinner div:nth-child(7) {transform: rotate(270deg);animation-delay: -.1s;}
.cercleSpinner div:nth-child(8) {transform: rotate(315deg);animation-delay: 0s;}
.loadingWrap{z-index:10000;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:rgba(255,255,255,0.7)}

@keyframes cercleSpinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/* 개인화 홈 내집내집 */
.btn-unit {height: 20px;padding: 0 6px 0 22px;border: 1px solid #e0e0e0;border-radius: 4px;color: #444;font-size: 14px;background: url('/images/icon_16_change.svg') no-repeat 6px 4px / 16px auto;vertical-align: top}
.btn-ico-guide{display:inline-block;width:16px;height:16px;background:url('/images/icon_16_notice.svg') no-repeat 0 0/16px;border:0}
.btn-ico-guide.ico20{width:20px;height:20px;background:url('/images/icon_24_condition_info_nor.svg') no-repeat 0 0/20px}
.btn-ico-editing{width:24px;height:24px;background:url('/images/icon_24_write.svg') no-repeat 0 50%/ 24px auto}
.btn-noti-nor{width:32px;height:32px;background: url('/images/icon_32_noti_nor.svg') no-repeat 0 0}
.btn-noti-nor.new{background:url('/images/icon_32_noti_new_nor.svg') no-repeat 0 0}
.btn-ico-kbwallet{position:relative;padding-left:30px;font-size:16px;font-weight:700}
.btn-ico-kbwallet:before{content:'';position:absolute;top:0;left:0;width:24px;height:24px;background:url('/images/icon_24_kbwallet_light.png') no-repeat 0 0 / 24px auto}
.btn-ico-point{position:relative;font-size:12px;padding-left:28px;line-height:24px}
.btn-ico-point:before{content:'';position:absolute;top:0;left:0;width:24px;height:24px;background:url('/images/icon_24_walletpoint_light.png') no-repeat 0 0 / 24px auto}
.btn-ico-coupon{position:relative;font-size:12px;padding-left:28px;line-height:24px}
.btn-ico-coupon:before{content:'';position:absolute;top:0;left:0;width:24px;height:24px;background:url('/images/icon_24_walletcoupon_light.png') no-repeat 0 0 / 24px auto}
.btn-myinfo-check{position:relative;font-size:16px;font-weight:700;padding-left:28px;margin:0 auto}
.btn-myinfo-check:before{content:'';position:absolute;top:0;left:0;width:24px;height:24px;background:url('/images/icon_24_mylandfinance_light.png') no-repeat 0 0 / 24px auto}
.btn-simpleline{height:28px;line-height:28px;border:1px solid #bbb !important;background:#fff;border-radius:6px;padding:0 8px;font-size:14px;color:#444}
.btn-rounddef{padding:5px 12px;border-radius:32px;border:1px solid #eee;background:#fff;font-size:16px;color:#222}
.btn-rounddef.active{background:#8facf9;border-color:#8facf9;color:#fff;font-weight:700}
.btn-def40{display:block;width:100%;height:40px;line-height:40px;border:1px solid #eee;border-radius:8px;font-weight:700}
.btn-def40.blue{border-color:#4373f4}
.btn-fulldef{display:block;width:100%;height:48px;line-height:48px;border-radius:8px;background:#eee;color:#b2b2b2;border-color:#eee}
.btn-fulldef.arrowbullet:after{border-color:#bbb}
.btn-fulldef.col444{color:#444;background:#f5f5f5;border-color:#f5f5f5}
.btn-fulldef.col444.arrowbullet:after{border-color:#444}
.btn-fulldef.col444:disabled{color:#b2b2b2;background:#eee;border-color:#eee}
.btn-fulldef.col444.arrowbullet:disabled:after{border-color:#bbb}
.myHomeMain{text-align:left;color:#222;padding-bottom:66px}
.myHomeMain .slick-dots > li{width:5px !important; height:5px !important; background:#e0e0e0; margin-left:8px}
.myHomeMain .slick-dots > li.slick-active{width:5px;background:#4373f4 }
@media all and (min-width:1024px) {
    .myHomeMain{padding-bottom:0}
}
.myHomeTop button{border:0}
.myHomeMain .profileimg{width:32px;min-width:32px;height:32px;border-radius:100%;overflow:hidden}
.myHomeMain .profileimg img{width:100%;height:100%;object-fit:cover}
.myHomeMain .homeBanner{padding-top:4px}
.myHomeMain .mh-notice::before{top:0}
.myHomeMain .mh-tbl-default + .mh-notice::before{top:12px}
.myHomeTop{margin:16px 0 20px}
.myHomeTop .info{display:flex;align-items:center;margin:0 16px 20px}
.myHomeTop .nickname{max-width:calc(100% - 120px);margin-left:8px;font-size:20px;color:#222;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.myHomeTop .iconkb{width:24px;height:24px;text-align:center}
.myHomeTop .btn-ico-editing{margin-left:4px}
.myHomeTop .btn-noti-nor{margin-left:auto}
.infobg{border-radius:8px;font-size:14px;color:#222}
.infobg.row{padding:16px 20px}
.infobg.column{padding:16px 12px}
.infobg.bgf5f5f5{background-color:#f5f5f5}
.infobg.bgf3f5f9{background-color:#f3f5f9}
.infobg.bgb6d6f8{background-color:rgba(182, 214, 248, 0.3)}
.infobg.bga285ed{background-color:rgba(162, 133, 237, 0.15)}
.infobg.bgff8181{background-color:rgba(255, 129, 129, 0.15)}
.infobg.bg7acbdb{background-color:rgba(122, 203, 219, 0.2)}
.infobg.bg99d48e{background-color:rgba(153, 212, 142, 0.2)}
.infobg.bgf4ce6d{background-color:rgba(244, 206, 109, 0.2)}
.infobg.bgb6d6f8{background-color:rgba(182, 214, 248, 0.4)}
.infobg.bgc6e9f0{background-color:rgba(198, 233, 240, 0.6)}
.infobg .tit{font-weight:700}
.infobg .count strong{padding-right:2px;font-size:18px;color:#4373f4}
.infobg .rightcon{margin-left:auto}
.infobg .rightcon button{margin:0 12px}
.infobg .rightcon button:last-child{margin:0 0 0 12px}
.infobg .rightcon button:after{position:absolute;top:5px;left:-12px;content:'';display:block;width:1px;height:12px;background:#888;opacity:.3}
.infobg .rightcon button:first-child:after{display:none}
.infobg .btn-idcard .stxt{color:#619ae3}
.infobg .btn-idcard .stxt:before{background:url('/images/icon_32_myhome_document_light.png') no-repeat 0 0 / 32px auto}
.infobg .btn-buildingdoc .stxt{color:#60a2af}
.infobg .btn-buildingdoc .stxt:before{background:url('/images/icon_32_myhome_building_light.png') no-repeat 0 0 / 32px auto}
.myHomeTop .infobg.row{margin:0 16px}
.myHomeTop .infobg.row + .row{margin-top:6px}
.myHomeTop .infobg.row .mystarbox{flex:1;margin:0;padding:0;background:transparent;color:#222}
.myHomeTop .infobg.row .mystarbox .btn-arrowbullet .arrowbullet:after{border-color:#4373f4}
.myHomeTop .infobg.row .mystarbox .mltext{font-weight:700}
.myHomeTop .infobg.row .mystarbox .mlnum{color:#4373f4}
.myHomeTop .infobglist{margin-top:20px;padding-bottom:10px}
.myHomeTop .infobglist .infobg{width:76px;height:76px;padding:13px 12px;margin-right:8px;display:flex;flex-flow:column;justify-content:space-between;text-align:center}
.myHomeTop .infobglist .slick-list{padding-left:16px}
.myHomeTop .infobglist .slick-slide{width:76px;margin-right:8px}
.myHomeTop .infobglist .infobg .tit{margin-bottom:5px}
.myHomeTop .infobglist .navScroll{padding:0}
.mysearchNone{position:relative;margin:20px 16px 0;border-radius:8px;padding:20px;background:#4373f4}
.mysearchNone .txt{position:relative;color:#fff;font-size:16px}
.mysearchNone .txt p{width:calc(100% - 80px);font-weight:700}
.mysearchNone .txt:before{content:"";position:absolute;top:50%;right:0;width:77px;height:70px;margin-top:-30px;background:url('/images/img_myhome_mysearch_none.png') no-repeat 0 0 / 77px auto}
.mysearchNone .txt button{position:relative;padding-right:10px;font-size:12px;color:#fff}
.mysearchNone .txt button:after {position:absolute;top:6px;right:0;display: inline-block;content: "";width: 7px;height: 7px;border-width: 1px 1px 0 0;border-style: solid;border-color: #fff;border-radius: 0;transform: rotate(48deg);}
.myHomeBtm{background:#f3f5f9;padding-top:12px}
.myHomeBtm .scrollTabWrap button{border:0}
.myHomeBtm .scrollTabWrap button:first-child{margin-left:16px}
.myHomeBtm .infobglist{display:flex;margin:0 16px 20px;padding-top:10px}
.myHomeBtm .infobglist .infobg{flex:1;margin-left:6px;border:0}
.myHomeBtm .infobglist .infobg:first-child{margin-left:0}
.myHomeBtm .infobglist .infobg .stxt{position:relative;display:block;padding-top:40px;font-size:14px}
.myHomeBtm .infobglist .infobg .stxt:before{position:absolute;top:0;left:0;content:'';display:block;width:32px;height:32px}
.myHomeBtm .infobglist .infobg .txt{display:block;font-size:16px;font-weight:700}
.myHomeTab{position:-webkit-sticky;position: sticky;top: 0;z-index:10;padding-bottom:10px;background:#f3f5f9;overflow-x:hidden}
.myHomeTab .btn-simpleline{position:absolute;top:20px;right:0;margin:0 14px 0 0;z-index:1}
.myHomeTab:after{content:""; position:absolute; right:0; top:0; width:32px; height:100%; background:linear-gradient(90deg, rgba(243, 245, 249,0) 0%,rgba(243, 245, 249,1) 75%);}
.myHomeBtm .slick-dots{margin-bottom:0}
.scrollTabWrap{position:relative;display:flex;flex-wrap: nowrap;width: max-content;padding:20px 70px 10px 0}
.scrollTabWrap .btn-scrolltab{position:relative;padding-bottom:10px;font-size:20px;font-weight:700;color:#bbb;margin-left:16px}
.scrollTabWrap .btn-scrolltab:first-child{margin-left:0}
.scrollTabWrap .btn-scrolltab.active{color:#222;}
.scrollTabWrap .btn-scrolltab.active:after{position:absolute;bottom:0;left:0;content:'';width:100%;height:3px;background:#222}
.accodianCard{margin:0 16px 20px;padding:20px 16px;box-shadow: 0 4px 10px rgb(0 0 0 / 16%);border-radius:8px;background:#fff; transition: all .3s ease-in;}
.accodianCard .acTitle{position:relative;display:flex;height:28px;line-height:28px;font-size:20px}
.accodianCard .acTitle .twrap{width:calc(100% - 30px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.accodianCard .acTitle .twrap .btn-iconhelp{position:relative;top:-3px;left:4px}
.accodianCard .acTitle.type2{height:auto;margin-top:7px}
.accodianCard .todayhouseFilter .navScroll {padding:0}
.accodianCard .todayhouseFilter{margin: 12px 0 11px 0;padding: 0 0 0 10px;}
.accodianCard .todaycon > span.todaylabel{margin:0 0 2px;font-size:14px}
.accodianCard .todaycon > span.todaytitle{height:auto;margin-bottom:2px;font-size:16px}
.accodianCard .todaycon > span.todaylabel.apart {color: #4373f4;}
.accodianCard .todaycon > span.writer {font-size: 14px;color: #888;}
.accodianCard .acTitle .apartContitle{position:relative;top:6px;width:126px;margin-right:16px}
.accodianCard .acTitle .apartContitle img{width:126px}
.accodianCard .btn-actitle{display:none;width:24px;height:28px;margin-left:auto}
.accodianCard.typeAuto .btn-actitle{display:block;min-width:24px;border:0}
.accodianCard .btn-actitle .arrowbullet{display:block;width:100%;height:100%;text-align:center}
.accodianCard .btn-actitle .arrowbullet:after{transform: rotate(135deg);transition: transform .3s ease-out;border-width:2px 2px 0 0;border-color:#444;border-radius:0 2px}
.accodianCard.active .btn-actitle .arrowbullet:after{position:relative;top:5px;transform: rotate(-45deg);}
.accodianCard.typeAuto .acContent{height:0;overflow: hidden;transition: all .3s ease-in;}
.accodianCard.typeAuto.active .acContent{height:auto}
.accodianCard.typeAuto .acSection{padding-top:12px}
.accodianCard.typeAuto .acSection .subtaplist{padding-top:8px}
.accodianCard.typeAuto .acSection .bg-guidebox.typesec{justify-content: space-between;}
.accodianCard.typeAuto{padding:20px 0}
.accodianCard.typeAuto .acTitle, .accodianCard.typeAuto .chartTap{padding:0 16px}
.accodianCard .chartTap .subtaplist .btn-subtapbt {min-width: 32.8%;}
.accodianCard .tableDatabox{margin:12px 0 0;padding:0;text-align:center}
.accodianCard .tableDatabox .thead-tr .thbox:nth-of-type(1), .accodianCard .tableDatabox .tbody-tr .tdbox:nth-of-type(1){width:19%}
.accodianCard .tableDatabox .thead-tr.col3 .thbox:nth-of-type(2), .accodianCard .tableDatabox .tbody-tr.col3 .tdbox:nth-of-type(2){width:37%}
.accodianCard .tableDatabox .thead-tr.col3 .thbox:nth-of-type(3), .accodianCard .tableDatabox .tbody-tr.col3 .tdbox:nth-of-type(3){width:44%}
.accodianCard .tableDatabox .thead-tr.col2 .thbox:nth-of-type(2), .accodianCard .tableDatabox .tbody-tr.col2 .tdbox:nth-of-type(2){width:81%}
.accodianCard .tableDatabox .tbody-tr .tdbox:nth-of-type(1){font-weight:700}
.accodianCard .tableDatabox .thbox{font-size:16px}
.accodianCard .tableDatabox .txprice{position:relative;font-size:16px;color:#444;font-weight:700;padding-bottom:1px}
.accodianCard .tableDatabox .txprice:after{content:'';width:100%;height:1px;background:#444;position:absolute;bottom:3px;left:0}
.accodianCard .tableDatabox .txdate{font-size:11px;color:#888}
.accodianCard .tableDatabox .ratenumtype2{margin-top:4px}
.accodianCard .noti{font-size:11px;color:#888;text-align:right}
.accodianCard .tableDatabox .noti{display:flex;align-items:center;justify-content: end;margin:5px 0 0}
.accodianCard .tableDatabox .noti .icoratenum{display:flex;margin-right:2px}
.accodianCard .tableDatabox .btn-ico-guide,
.accodianCard .tableDatabox .btn-iconhelp{position:relative;top:-2px;left:2px}
.accodianCard .noti .ratenumtype1{margin:0 1px}
.accodianCard .infocont{display:flex;flex-wrap:wrap;align-items:center;font-size:16px;margin-top:4px;text-overflow: ellipsis;white-space: nowrap;}
.accodianCard .infocont:first-child{margin:0}
.accodianCard .infocont.type2{position:relative}
.accodianCard .infocont.type2  span{max-width:calc(100% - 32px);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.accodianCard .infocont.type2 .btn-more-type2{margin-left:auto}
.list-line-btns {position: absolute;top: 0;right:32px;z-index: 10;display: flex;flex-direction: column;align-items: flex-start;box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);background-color: #fff;border-radius:8px;}
.list-line-btns button{padding: 13px 16px;border:0;border-bottom: 1px solid #f5f5f5;width: 100%;text-align: left;cursor:pointer}
.list-line-btns button:last-of-type{border-bottom:0}
.accodianCard .topinfo + hr{margin-top:16px}
.accodianCard .btminfo{margin-top:16px}
.accodianCard .topinfo .infocont{color:#888}
.accodianCard .topinfo .infocont .btn-changeNew{margin-left:4px}
.accodianCard .topinfo .infolabel{height:20px;padding:0 4px;margin-right:4px;border:1px solid #e0e0e0;color:#888;font-size:11px;border-radius:4px}
.accodianCard .btminfo .infocont{color:#444}
.accodianCard .topinfo .textdivision:after{display:none}
.accodianCard .infoparagraph + .infoparagraph{margin-top:16px}
.accodianCard .infocont .btn-typetext{margin-left:auto}
.accodianCard .infocont .num, .accodianCard .infocont .text-4373f4, .accodianCard .infocont .text-f54f1b{margin-left:7px}
.accodianCard .infocont .labelf54f1b, .accodianCard .infocont .btn-ico-guide, .accodianCard .infocont .label4373f4{margin-left:4px}
.accodianCard .infocont .stit{font-size:14px;color:#888;margin-left:12px}
.labelf54f1b{background:#f54f1b;font-size:11px;font-weight:700;color:#fff;padding:0 6px;height:20px;line-height:20px;border-radius:4px}
.label4373f4{background:#4373f4;font-size:11px;font-weight:700;color:#fff;padding:0 6px;height:20px;line-height:20px;border-radius:4px}
.accodianCard .infocont .toolmaptip{width:auto;max-width:260px}
.accodianCard .infocont .tollmapwrap{position:relative}
.accodianCard .infocont .tollmapwrap .btn-ico-guide{margin-top:-2px;border:0}
.accodianCard .infocont .tollmapwrap .toolmaptip{top:28px;left:auto;right:-2px;z-index:1}
.accodianCard .infocont .tollmapwrap .toolmaptip.center{right:auto;left:50%;width:260px;margin-left:-130px}
.accodianCard .infocont .tollmapwrap .toolmaptip.center.top:after{left:128px;right:auto}
.accodianCard.typeLink .btn-actitle .arrowbullet:after{transform: rotate(45deg);position:relative;top:3px}
.accodianCard.typeLink .acTitle .twrap{display:flex;align-items:center}
.accodianCard .infolinklist.typebtn{padding:0}
.accodianCard .apartContitle .datahublogo{margin:-1px 0 0 2px}
.recentTrans.rankWrap{margin-top:20px;padding:0}
.recentTrans.rankWrap .flexbox{border-bottom:0}
.recentTrans.rankWrap .numdata{text-align:right}
.recentTrans.rankWrap .numdata span{display:block}
.recentTrans.rankWrap .flexbox.active .info .tit{text-decoration: none;font-weight:700}
.recentTrans.rankWrap .flexbox:before{background-color:rgba(232, 237, 251, 0.6)}
.recentTrans.rankWrap .flexbox.active{color:#638dff}
.recentTrans.rankWrap .flexbox .rank{padding:0 12px 0 0}
.recentTrans.rankWrap .flexbox .info{padding:0 10px 0 0}
.recentTrans .btn-morelist:after{position:relative;top:-2px}
.recentTrans .ico-poi{display:inline-block;width:auto;height:auto;margin-right:6px;font-size:12px;font-weight:700;background:none}
.recentTrans .ico-poi.ico-officetel{color:#ae89f4}
.recentTrans .ico-poi.ico-apt{color:#638dff;position: relative;top: 1px;}
.recentTrans .ico-poi.ico-presale{color:#efa06f}
.recentTrans .ico-poi.ico-villa{color:#3d465d}
.recentTrans .ico-poi.ico-housing{color:#a58d7b}
.recentTrans .ico-poi.ico-room{color:#ffaf00}
.recentTrans .ico-poi.ico-room2{color:#fe7915}
.recentTrans .ico-poi.ico-rebuild{color:#9aa1b6}
.recentTrans .ico-poi.ico-redev{color:#acab4e}
.recentTrans .ico-poi.ico-building{color:#246b5d}
.recentTrans .ico-poi.ico-office{color:#515d7d}
.recentTrans .ico-poi.ico-land{color:#d1a62c}
.recentTrans .ico-poi.ico-residence{color:#09ac79}
.recentTrans .ratenum:before{content:""; display:inline-block; width:8px; height:8px; vertical-align:middle; margin-right:4px;}
.recentTrans .ratenum.up:before{margin-top:-8px; border-width:6px 4px 6px 4px; border-style:solid; border-color:transparent transparent #f54f1b transparent;}
.recentTrans .ratenum.down:before{margin-top:4px; border-width:6px 4px 6px 4px; border-style:solid; border-color:#4373f4 transparent transparent transparent;}
.recentTrans.rankWrap .ratenum{font-size:12px}
.recentTrans.rankWrap .ratenum:before{margin-right:0}
.recentTrans.rankWrap .ratenum.up{color:#f54f1b}
.recentTrans.rankWrap .ratenum.down{color:#17356e}
.recentTrans.rankWrap .ratenum.down:before{border-top-color:#17356e}
.recentTrans.rankWrap .info .tit{display:flex;align-items:center;font-weight:400;margin-top:4px;font-size:16px}
.recentTrans.rankWrap .gapLR16{margin-top:20px !important}
.recentTrans.rankWrap .active .numdata span:first-child{font-weight:700}
.recentTrans.rankWrap .active .numdata span:last-child{font-size:12px}
.recentTrans.rankWrap .info > span{color:#888}
.recentTrans.rankWrap .active .info > span{color:#4373f4}
.myHomeInfoBtns{display:flex;justify-content: normal;padding-top:12px}
.myHomeInfoBtns button{position:relative;width:46%;padding-left:62px;margin-left:8%;height:54px;font-size:14px;font-weight:700;border:0;text-align:left}
.myHomeInfoBtns button:first-child{margin:0;min-width:140px}
.myHomeInfoBtns button:before{position:absolute;top:0;left:0;content:'';width:54px;height:54px;border-radius:100%;background:#f3f5f9}
.myHomeInfoBtns .btn-infobtn1:after{content:'';position:absolute;top:50%;left:13px;transform: translate(0, -50%);width:32px;height:32px;background:url('/images/icon_32_myhome_registration_light.png') no-repeat 0 0 / 32px auto}
.myHomeInfoBtns .btn-infobtn2:after{content:'';position:absolute;top:50%;left:11px;transform: translate(0, -50%);width:32px;height:32px;background:url('/images/icon_32_myhome_taxcalculator.png') no-repeat 0 0 / 32px auto}
.myHomeInfoBtns.sm {justify-content:center}
.myHomeInfoBtns.sm button{width:auto;min-width:146px;height:44px;padding-left:44px;margin:0 0 0 9px}
.myHomeInfoBtns.sm button:before{width:40px;height:40px;top:2px}
.myHomeInfoBtns.sm .btn-infobtn1:after{width:24px;height:24px;left:8px;background:url('/images/ico_safetyinspection.png') no-repeat 0 0 / 24px auto}
.myHomeInfoBtns.sm .btn-infobtn2:after{width:24px;height:24px;background-size:24px;left:8px}
.accodianCard .wrap-card.type-default .card-top{padding-top:12px}
.accodianCard .wrap-card.type-default{border-bottom-width:1px}
.accodianCard .pageBottom{margin:20px 16px 0;padding:0}
.myHomeMain .layerselwrap .myHomeWrapper .mh-textbox{padding:0 0 20px;margin:0 16px}
.myHomeMain .layerselwrap .myHomeWrapper .typeTapcon.mh-border{margin:16px;border:1px solid #eee;border-radius:8px}

.myHomeMain .myHomeBtm .nodatatext{display:none}
.myHomeMain .myHomeBtm .nodataimg{width:100%;padding:0 16px;max-width:424px;margin:0 auto 20px}
.myHomeMain .myHomeBtm .nodataimg img{width:100%}
.myHomeMain .myHomeBtm.nodataregimg .myHomeTab{display:none}
.myHomeMain .myHomeBtm.nodatareg .myHomeTab{position:relative}
.myHomeMain .myHomeBtm.nodatareg .nodataregdeem{position:relative}
.myHomeMain .myHomeBtm.nodatareg .nodataregdeem:before{z-index:20;content:"";display:block;width:calc(100% - 32px);height:100%;border-radius:8px;background:rgba(81, 93, 125, 0.6);position:absolute;top:0;left:16px;}
.myHomeMain .myHomeBtm.nodatareg .nodataregdeem .nodatatext{z-index:21;position:absolute;top:14.6%;left:0;display:block;width:100%;text-align:center;font-size:20px;font-weight:700;color:#fbfcfc}
.myHomeMain .myHomeBtm.nodatareg .nodataregdeem .nodatatext:before{display:block;content:'';width:24px;height:24px;margin:4px auto;background:url('/images/icon_24_myhome_plus_add.png') no-repeat 0 0 / 24px auto}
.myHomeMain .layerselwrap .foldlist:last-child{border-bottom:0}

.tabwrap.tabcarousel{width:100% !important}
.tabwrap.tabcarousel .itemwrap{width:100%;display:block;margin:0}
.tabcarousel .slick-list{padding-left:16px}
.tabcarousel .itemwrap .btn-itemtab{width:110px !important;transition: all .3s;}
.renewWrap .tabcarousel .itemwrap .btn-itemtab{position:relative}
.renewWrap .tabcarousel .itemwrap .btn-itemtab.active:after{position:absolute;bottom:0;left:0;content:'';display:block;width:100%;height:3px;background-color: #4373f4;}
.tabwrap.type2 .itemwrap .btn-itemtab{position:relative}
.tabwrap.type2 .itemwrap .btn-itemtab.active:after{position:absolute;bottom:0;left:0;content:'';display:block;width:100%;height:3px;background-color: #4373f4;}
.complexlistbx{padding:24px 16px 20px;text-align:left;border-bottom: 1px solid #eee}
.complexlistbx .titcon{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px;}
.complexlistbx .titcon .text{display:block;width:calc(100% - 52px);font-size:18px;font-weight:700;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;color:#222}
.complexlistbx .datecon{font-size:12px;margin-bottom:8px}
.complexlistbx .numcon span{position:relative;color:#888;padding:0 4px}
.complexlistbx .numcon span:before{content:"";display:block;width:1px;height:8px;background:#eee;position:absolute;top:50%;left:0;transform:translate(0,-50%)}
.complexlistbx .numcon span:first-child{padding:0 4px 0 0}
.complexlistbx .numcon span:first-child:before{display:none}
.complexlistbx .btnsgroup{margin:20px 0 16px}
.complexlistbx .btnsgroup button{margin:0 6px 8px 0}
.complexlistbx .btnsgroup button:last-child{margin:0 0 8px 0}
.complexlistbx.active{position:relative;z-index:10;background:#fff}
.complexlistbx.active .pagefilterWrap{position:relative;top:0;padding:0}
.complexlistbx.active .pagefilterCon{position:relative;padding:0;display:block;margin-left:0;border-top:0}
.complexlistbx.active .pagefilterWrap strong{padding-left:0}
.complexlistbx.active .pagefilterCon .btn-group-toggle{padding:0}
.complexlistbx.active .pageBottom{margin:40px 0 0}
.complexlist{padding-bottom:66px}
@media all and (min-width:1024px) {
    .complexlist{padding-bottom:0}
}
.complexlist .nodata{font-size:16px;text-align:center;padding-top:80px}
.complexlist .pagefiltertitle .btn-unit{margin:0}
.bg-graybox.icosmile p{position:relative;text-align:center;display:flex;align-items:center;justify-content:center;font-size:14px;color:#888;font-weight:700}
.bg-graybox.icosmile p:after{content:'';display:inline-block;width:16px;height:16px;background:url('/images/icon_16_smile_emoji.png') no-repeat 0 0 / 16px auto;margin-left:2px}
.accodianCard .bg-graybox.icosmile{margin:30px 16px 0}
.accodianCard .biz-nodata{padding-top:30px}
.accodianCard .biz-nodata a.fz-16{margin-top:8px}
.recentTranswrap{text-align:left;padding:20px 0 0;overflow:hidden}
.recentTranswrap .bg-guidebox{margin:0 16px 20px;padding:11px 5px}
.recentTranswrap .flexbox.between{margin:0 16px;align-items: end;}
.recentTranswrap .flexbox.between strong{color:#bbb}
.recentTranswrap .recentTrans.rankWrap{margin-top:16px;}
.recentTranswrap .recentTrans.rankWrap .flexbox{border-bottom:1px solid #eee}
.recentTranswrap .recentTrans.rankWrap .flexbox:first-child{border-top:1px solid rgba(67, 115, 244,0.3)}
.recentTranswrap .pageBottom{margin-top:12px}
.accodianCard .todayItem{border-bottom:1px solid #eee;padding:16px 0;margin:0 16px}
.accodianCard .todayhouseCon .tableDatabtns{margin:16px 16px 0}
.accodianCard .todayimg{width:128px;height:120px;border-radius:8px}
.accodianCard .todaycon > span.widthsetting{left: -130px;}
.renewWrap .accodianCard .todayhouseCon, .accodianCard .todayhouseCon{padding:0}
.renewWrap .accodianCard .todayhouselist{padding:0;}
.accodianCard .todayhouselist .biz-nodata{padding-top:120px}
.accodianCard .todayhouselist .bg-graybox.icosmile{margin:120px 16px 0}
.accodianCard .todayhouselist {border-top: 1px solid #eee;}
.accodianCard .electricCaritem{margin:0 16px}
.accodianCard .btn-morelist{color:#444}
.accodianCard.typeAuto .acSection .nodataitem{margin:28px 0 20px;text-align:center;color:#444}
.accodianCard.typeAuto .acSection .nodataitem + .pageBottom{margin-top:-4px}
.accodianCard.typeAuto .acSection .nodataitem [class*="ico"]{margin-bottom:14px}
.electricCaritem{padding:20px 0;border-bottom:1px solid #eee}
.electricCaritem:first-child{padding:8px 0 20px}
.electricCaritem .itemtitle{font-size:16px}
.electricCaritem .itemaddress{margin-top:4px;font-size:14px;color:#444}
.electricCaritem .iteminfo{display:flex;font-size:11px;margin-top:14px;align-items:center}
.electricCaritem .iteminfo .tag{padding:0 6px;height:20px;line-height:20px;background:#f5f5f5;color:#444;border-radius:4px;margin-left:6px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.electricCaritem .iteminfo .tag:first-child{margin-left:0}
.electricCaritem .iteminfo .tag strong{margin-right:3px}
.electricCaritem .iteminfo .tag.off strong{color:#bbb}
.electricCaritem .iteminfo .tag.off .text-4373f4{color:#bbb !important}
.electricCaritem .time{position:relative;padding-left:20px;margin-left:auto;color:#4373f4;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.electricCaritem .time:before{position:absolute;top:0;left:0;content:"";width:16px;height:16px;background:url('/images/icon_16_time_light.png') no-repeat 0 0 / 16px auto}
.defaultBanner{display:flex;align-items:center;justify-content: space-between;min-height:72px;margin:30px 16px 0;padding:10px 12px;border-radius:8px;background:#f3f5f9;font-size:16px;color:#444;text-align:left}
.defaultBanner .bnfinance{width:68px;height:50px;background:url('/images/banner1_light.png') no-repeat 0 0 / 100% auto}
.defaultBanner.pd12{padding:12px}
.infolinklist li{padding:16px 0;border-bottom:1px solid #eee;text-align:left}
.infolinklist li:first-child{padding-top:0}
.infolinklist li:last-child{padding-bottom:0;border-bottom:0}
.infolinklist li a{display:flex;align-items:center;text-decoration:none}
.infolinklist li>button{display:flex;align-items:center;text-decoration:none;border:0;text-align:left}
.infolinklist li .imgitem{position:relative;width:44px;min-width:44px;height:44px;border-radius:12px;background:#f3f5f9}
.infolinklist li .imgitem:before{content:'';display:block;position:absolute;top:0;left:0;width:44px;height:44px}
.infolinklist li .textitem{display:flex;flex-direction:column;margin-left:12px;font-size:14px;word-break:keep-all;}
.infolinklist li .textitem .label{width:fit-content;margin-bottom:4px}
.infolinklist li .textitem strong{font-size:16px;margin-bottom:2px}
.accodianCard .infolinklist{margin:0 16px}
.infolinklist li.listfinance1 .imgitem:before{background:url('/images/img_myhome_finance_1_light.png') no-repeat 0 0 / 100% auto}
.infolinklist li.listfinance2 .imgitem:before{background:url('/images/img_myhome_finance_2_light.png') no-repeat 0 0 / 100% auto}
.infolinklist li.listfinance3 .imgitem:before{background:url('/images/img_myhome_finance_3_light.png') no-repeat 0 0 / 100% auto}
.detailBox .infolinklist{margin:0 16px}
.detailBox .infolinklist + .defaultBanner{margin:16px 16px 20px}
.infolinklist.typebtn{padding:12px 0 20px}
.infolinklist.typebtn li{padding:12px 0}
.infolinklist.typebtn li:last-child{padding:12px 0}
.infolinklist.typebtn button{width:100%}
.infolinklist.typebtn .textitem{position:relative;flex:auto;flex-direction:row;align-items:center}
.infolinklist.typebtn .textitem .btn-icoarrow{position:relative;display:block;width:24px;height:24px}
.infolinklist.typebtn .textitem .btn-icoarrow:after{display: inline-block;content: "";width: 8px;height: 8px;margin-left:10px;border-width: 1px 1px 0 0;border-style: solid;border-color: #444;border-radius: 0;transform: rotate(45deg);}
.infolinklist.typebtn .textitem strong{width:calc(100% - 26px);text-overflow: ellipsis;overflow: hidden;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;margin-bottom:0}
.infolinklist.typebtn .imgitem.town{background-color:#ebebff}
.infolinklist.typebtn .imgitem:before{display:none}
.infolinklist.typebtn .imgitem.price{background-color:#e4edff}
.infolinklist.typebtn .imgitem.dealing{background-color:#d9f2f5}
.infolinklist.typebtn .imgitem.map{background-color:#e4f4e7}
.infolinklist.typebtn .imgitem img{display:block;position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:28px;height:28px}
.card-header .btn-accordion .apartContitle.flexbox{position:absolute;right:42px;top:14px}/* 주변지역빅데이터 분석을 기존 분양 ui에 추가 틀어지는 부분 수정 */
.typecon .whbox .infolinklist{margin:0 16px;padding:0}/* 주변지역빅데이터 분석을 기존 분양 ui에 추가 틀어지는 부분 수정 */
.accodianCard .topinfo .toptitcon{display:flex;align-items:center;width:calc(100% - 24px)}
.myhometxt{display:flex;align-items:center;font-size:16px;color:#4373f4;font-weight:700}
.myhometxt:before{display:none;content:'';width:24px;min-width:24px;height:24px;margin-right:2px;background:url('/images/ir_myhometxt.png') no-repeat -5px -5px / 34px auto}
.myhometxt.lease:before{background-position:-5px -39px}
.myhometxt.wish:before{background-position:-5px -73px}
.accodianCard .infocont.type2 span.myhometxt{max-width:none;overflow:visible}
.accodianCard .infocont.type2 .textdivision{margin:0 0 0 6px;color:#444}
.accodianCard .infocont.text-black{margin-top:12px;white-space: pre-wrap}
.accodianCard .infocont .labeltype{height:24px;line-height:22px;padding:0 6px;font-size:14px;border-radius:4px;margin-left:8px;color:#444}
.accodianFlex{margin:0 16px 20px;}
.accodianFlex .myHomeInfoBtns.sm{display:flex;gap:0 8px;padding-top:0}
.accodianFlex .myHomeInfoBtns.sm button{display:flex;justify-content:center;align-items:center;flex:1;height:76px;margin:0;padding:16px;box-shadow: 0 4px 10px rgb(0 0 0 / 16%);border-radius: 8px;background: #fff;transition: all .3s ease-in;}
.accodianFlex .myHomeInfoBtns.sm button:before{position:inherit}
.accodianFlex .myHomeInfoBtns.sm button:after{left:50%;transform:translate(calc(-50% - 42px), -50%)}
.accodianFlex .myHomeInfoBtns.sm button.btn-infobtn2:after{transform:translate(calc(-50% - 43px), calc(-50% + 2px))}
.accodianFlex .myHomeInfoBtns.sm button span{margin-left:8px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}

/* 리뉴얼 피커 */
.newPicker .mx-btn {top:2px;color:#222;font-size:18px;font-weight:700}
.newPicker .mx-btn i{color:#444}
.newPicker .mx-calendar-header-label span{font-size:18px;font-weight:700}
.newPicker .mx-table { color: #222; }
.newPicker .mx-datepicker-main { border: 1px solid transparent; color: #222; }
.newPicker .mx-time-header{margin:0 0 32px}
.newPicker .mx-calendar{padding:15px 0 40px}
.newPicker .mx-calendar-header{height:26px;margin:0 0 26px}
.newPicker .mx-calendar-header-label .mx-btn:last-child:after{display:none}
.newPicker .mx-calendar-panel-year .mx-calendar-header-label{margin-left:10px}
.newPicker .mx-calendar-panel-year .mx-calendar-header-label:last-child:after{content:"";display:inline-block;width:20px;height:20px;background:url('/images/icon_20_calendar.svg') no-repeat 0 0 / 100% auto;vertical-align:top;margin-left:2px}
.newPicker .mx-calendar-content .mx-table-date {font-size:16px}
.newPicker .mx-calendar-content .mx-table-date td,
.newPicker .mx-calendar-content .mx-table-date th{width:32px;height:32px;color:#444}
.newPicker .mx-calendar-content .mx-date-row td,
.newPicker .mx-calendar-content .mx-date-row th{padding-top:18px;height:50px}
.newPicker .mx-table-year tr{display:inline}
.newPicker .mx-table-year td {float:left;width: calc(100% / 3 - 8px );height: 50px;margin: 0 4px 12px;}
.newPicker .mx-calendar-content .mx-table th{font-weight:700}
.newPicker .mx-calendar-content .mx-table-date .cell.today div { border-color:#e0e0e0;color:#bbb }
.newPicker .mx-calendar-content .mx-table-date .cell.today.active div,
.newPicker .mx-calendar-content .mx-table-date .cell.active div {display:flex;align-items:center;justify-content: center;background:transparent;width:32px;height:32px;border-radius:100%;border:1px solid #4373f4;color:#444}
.newPicker .mx-calendar-content .mx-table:not(.mx-table-date) .cell div{width:100%;height:50px;line-height:50px;margin:0;color:#444;background:#f5f5f5;border:0;font-size:16px}
.newPicker .mx-calendar-content .mx-table:not(.mx-table-date) .cell.active { background: transparent; }
.newPicker .mx-calendar-content .mx-table:not(.mx-table-date) .cell.active div { background-color:#4373f4;color:#fff;font-weight:700 }
.newPicker .mx-calendar-content .mx-table:not(.mx-table-date) .cell.disabled div {color:#bbb }
.newPicker .mx-calendar-content .mx-table:not(.mx-table-date) .cell div { border: 0}
.newPicker .mx-calendar-content .mx-table-year .cell.active { background: transparent; }
.newPicker .mx-calendar-content .mx-table-year .cell.active div { background: #9d8f78; color: #fff; }
.newPicker .mx-calendar-content .cell.active-start:after,
.newPicker .mx-calendar-content .cell.active-end:before { background: #4373f4; }
.newPicker .mx-calendar-content .cell.in-range div { color: #fff; background-color: #4373f4; font-weight:700}
.newPicker .mx-table-month td{width:calc(100% / 3 - 8px );height:50px;margin:6px 4px}
.newPicker .mx-calendar-panel-date tr th:nth-of-type(1){color:#f54f1b}
.newPicker .mx-calendar-panel-date tr th:nth-of-type(7){color:#4373f4}
.newPicker .mx-calendar-panel-date tr td:nth-of-type(1).cell{color:#f54f1b}
.newPicker .mx-calendar-panel-date tr td:nth-of-type(1).cell.active div{color:#f54f1b}
.newPicker .mx-calendar-panel-date tr td:nth-of-type(7).cell{color:#4373f4}
.newPicker .mx-calendar-panel-date tr td:nth-of-type(7).cell.active div{color:#4373f4}
.newPicker .mx-table-date .cell.not-current-month{color:#bbb !important}
.newPicker .mx-calendar-content .cell.disabled, .newStc [class*="disabled"] div{color:#bbb}
.newPicker .mx-calendar-panel-date tr td:nth-of-type(1).cell.disabled div,
.newPicker .mx-calendar-panel-date tr td:nth-of-type(1).cell.not-current-month div{color:rgba(245, 79, 27, .4)}
.newPicker .mx-calendar-panel-date tr td:nth-of-type(7).cell.disabled div,
.newPicker .mx-calendar-panel-date tr td:nth-of-type(7).cell.not-current-month div{color:rgba(67, 115, 244, .4)}
.newPicker .mx-calendar-panel-date .mx-icon-double-left:after,
.newPicker .mx-calendar-panel-date .mx-icon-double-right:after{content: '';position: relative;top: -3px;left:-6px;display: inline-block;width: 12px;height: 12px;vertical-align: middle;border-style: solid;border-color: currentColor;border-width: 2px 0 0 2px;border-radius: 1px;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate(-45deg) scale(0.8);transform: rotate(-45deg) scale(0.8);}
.newPicker .mx-calendar-panel-date .mx-icon-double-right:after{left:-2px;-webkit-transform: rotate(135deg) scale(0.8);transform: rotate(135deg) scale(0.8);}
.newPicker [class*="mx-icon"]:after, .newPicker [class*="mx-icon"]:before{width:12px;height:12px;top:-3px}
.newPicker [class*="mx-icon"] .mx-btn-text{color:#444}
.newPicker  .mx-calendar-panel-date .mx-btn-icon-double-left { display:block !important; left: calc(50% - 112px); }
.newPicker  .mx-calendar-panel-date .mx-btn-icon-double-right { display:block !important; right: calc(50% - 112px); }
.btn-moregrey{position:relative;color:#888;}
.btn-moregrey:after{position:relative;top:-2px;left:1px;content: "";display: inline-block;width:6px;height: 6px;transform: rotate(45deg);border-width: 1px 1px 0 0;border-style: solid;border-color: #888;}
.rankTitle{display:flex;margin:16px 16px 0;justify-content: space-between;font-weight:700;align-items:end}
.rankTitle .tit{font-size:16px;color:#444}
.rankTitle .info{font-size:12px;color:#bbb}
.rankTitle + .recentTrans.rankWrap{margin-top:8px}
.bg-guidebox + .recentTrans.rankWrap{margin-top:30px}
.myHomeMain .pageBottom .btn-formround{height:48px}
.myHomeMain .pageBottom .btn-formround.typesm{height:36px}
.myHomeMain .pageBottom .btn-formround.typesm + .btn-formround.typesm{margin-top:8px}
.myHomeMain .pageBottom.typeauto .btn-formround{height:36px}
.myHomeMain .pageBottom.typeauto{margin-bottom:12px}
.ico-boltwhite{display:inline-block;width:48px;height:48px;background:url('/images/icon_24_condition_bolt_white.png') no-repeat 50% 50% / 34px auto #e0e0e0;border-radius:100%;}
.ico-nonetwork{display:inline-block;width:48px;height:48px;background:url('/images/icon_48_no_network.png') no-repeat 0 0 / 48px auto}
.ico-timelight{display:inline-block;width:48px;height:48px;background:url('/images/icon_48_9_time_light.png') no-repeat 0 0 / 48px auto}

.btn-enlarge{position:relative;width:52px;height:52px;border-radius:8px;background:rgba(0,0,0,0.5)}
.btn-enlarge:after{position:absolute;top:50%;left:50%;    transform: translate(-50%,-50%);content:'';width:32px;height:32px;background:url('/images/icon_32_enlargement.png') no-repeat 0 0 / 32px auto}
.renewModal.typeWebPhoto .vm--modal{box-shadow:none}
.webResponsivePop .danjiImgWrap{height:calc(100% - 114px)}
.webResponsivePop{width:100%;height: 100%;overflow:hidden}
.webResponsivePop .popInner{width:100%;height:100%;background-color:#fff}
.webResponsivePop .danjiDetailSubNavi{padding-left:16px;margin: 0 auto}
.webResponsivePop .danjiDetailSubNavi:after{content: "";position: absolute;right: 0;top: 0;width: 32px;height: 100%;background: linear-gradient(90deg, rgba(255, 255, 255,0) 0%,rgba(255, 255, 255,1) 75%);}
.webResponsivePop .danjiDetailSubNavi .renewSlick{padding-top:10px}
.webResponsivePop .danjiDetailSubNavi .slick-track {min-width:100%}
.webResponsivePop .btn-enlarge{display:none;position:absolute;bottom:24px;left:50%;transform:translateX(-50%)}
.webResponsivePop .enlarge.danjiImgBox .btn-enlarge:after{background:url('/images/icon_32_reduction.png') no-repeat 0 0 / 32px auto}
.webResponsivePop .pageHead .btn-close{display:none}
.webResponsivePop .danjiImgBox .pinch-zoom-content, .webResponsivePop .danjiImgBox .pinch-zoom-wrapper{height:100%}
.webResponsivePop .danjiImgBox .pictureimg img{position:inherit;top:0;left:0;transform: none;object-fit:cover;width:100%;height:100%}
.webResponsivePop .danjiImgBox .pictureimg img{object-fit: contain;position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
}
.webResponsivePop .danjiImgWrap .danjiImgBox .renewSlick, .webResponsivePop .danjiImgWrap .danjiImgBox .slick-list, .webResponsivePop .danjiImgWrap .danjiImgBox .slick-track, .webResponsivePop .danjiImgWrap .slick-slide{width:100%;height:100%}
.webResponsivePop .danjiImgWrap .renewSlick .slick-arrow{width:32px;height:57px}
.webResponsivePop .danjiImgWrap .renewSlick .slick-arrow.slick-next{background:url('/images/icon_24_pc_next.png') no-repeat 50% 50% / 24px auto rgba(0,0,0,0.4)}
.webResponsivePop .danjiImgWrap .renewSlick .slick-arrow.slick-prev{background:url('/images/icon_24_pc_prev.png') no-repeat 50% 50% / 24px auto rgba(0,0,0,0.4)}
.typeWebPhoto.full .sortingBtns{margin:0 auto 20px}
.typeWebPhoto.full .danjiImgBox .pictureimg img{padding:20px 0}
.webResponsivePop .danjiImgWrap .renewSlick .slick-arrow{opacity:1}/* 단지 사진 팝업에서만 해당 arrow 버튼 default */

@media all and (max-width:1023px) {
    .renewModal.typeWebPhoto .vm--modal{width:100% !important;height:100% !important;top:0 !important;left:0 !important}
}

/* 태블릿 */
@media all and (min-width:769px) {
    .webResponsivePop .danjiImgBox .pictureimg{background:#222;height:582px}
    .webResponsivePop .danjiImgWrap .danjiImgBox .pictureimg .pinch-zoom-wrapper{height:582px;background:#222 !important}
    .webResponsivePop .danjiImgBox .pictureimg img{object-fit: contain}
    .webResponsivePop .enlarge .pictureimg img{object-fit:cover}
    .webResponsivePop .danjiDetailSubNavi .slick-track {min-width:200px}
}

/* 데스크탑 1024 */
@media all and (min-width:1024px) {
    .webResponsivePop{margin-left:30px}
    .renewModal.typeWebPhoto .wh-layer{width:944px;height:570px;margin:0 auto}
    .webResponsivePop .popInner{border-radius: 16px;display: inline-block;overflow: hidden;}
    .webResponsivePop .danjiImgWrap{display:flex;height:456px}
    .webResponsivePop .danjiImgWrap .danjiImgBox{width:704px}
    .typeWebPhoto.full .webResponsivePop .danjiImgWrap .danjiImgBox{width:100% !important}
    .webResponsivePop .danjiImgWrap .danjiImgBox .pictureimg{height:456px}
    .webResponsivePop .danjiImgWrap .danjiImgBox .pictureimg img{object-fit:contain}
    .webResponsivePop .danjiImgWrap .danjiImgBox .pictureimg .pinch-zoom-wrapper{height:456px;background:transparent !important;padding:0 114px}
    .webResponsivePop .danjiImgWrap .danjiImgBox.enlarge .pictureimg img{object-fit:cover}
    .webResponsivePop .danjiImgWrap .danjiImgCont{width:calc(100% - 704px);margin-top:0;background:#f5f5f5}
    .webResponsivePop .danjiImgCont .tit{overflow:hidden;text-overflow:ellipsis;white-space: nowrap}
    .webResponsivePop .danjiImgCont .cont {width:100%;height:auto;margin-top:12px;overflow:auto;-webkit-line-clamp:inherit;}
    .webResponsivePop .danjiImgCont .btn-budget{display:none}
    .webResponsivePop .danjiDetailSubNavi{max-width:784px}
    .webResponsivePop .danjiImgBox .countlabel{background:rgba(34,34,34,0.6)}
    .webResponsivePop .danjiImgBox .countlabel.num{top:20px;right:16px;bottom:auto}
    .webResponsivePop .danjiImgBox .countlabel strong{color:#fff}
    .webResponsivePop .pageHead .btn-close{display:block}
    .webResponsivePop .pageHead .btn-pageback{display:none}

}

/* 데스크탑 1440 */
@media all and (min-width:1440px) {
    .renewModal.typeWebPhoto .wh-layer{width:1360px;height:700px}
    .webResponsivePop .danjiImgWrap{height:586px}
    .webResponsivePop .danjiImgWrap .danjiImgBox .pictureimg, .webResponsivePop .danjiImgWrap .danjiImgBox .pictureimg .pinch-zoom-wrapper{height:586px}
    .webResponsivePop .danjiImgWrap .danjiImgBox{width:1120px}
    .webResponsivePop .danjiImgWrap .danjiImgCont{width:calc(100% - 1120px)}
    .webResponsivePop .danjiDetailSubNavi{max-width:1200px}
    .webResponsivePop .danjiImgWrap .danjiImgBox .pictureimg .pinch-zoom-wrapper{padding:0 190px}
}

/* 데스크탑 1920 */
@media all and (min-width:1920px) {
    .renewModal.typeWebPhoto .wh-layer{width:1532px;height:900px}
    .webResponsivePop .danjiImgWrap{height:786px}
    .webResponsivePop .danjiImgWrap .danjiImgBox .pictureimg, .webResponsivePop .danjiImgWrap .danjiImgBox .pictureimg .pinch-zoom-wrapper{height:786px}
    .webResponsivePop .danjiImgWrap .danjiImgBox{width:1292px}
    .webResponsivePop .danjiImgWrap .danjiImgCont{width:calc(100% - 1120px)}
    .webResponsivePop .danjiDetailSubNavi{max-width:1372px}
}

.imgbox328{max-width:328px;margin:0 auto}
.imgbox190{max-width:190px;margin:0 auto}
.imgbox328 img{width:100%}
.MarketTermPageContent .wh-layer{box-shadow:none}
.MarketTermPageContent .renewModal .type-btns.type-flex{margin:16x 0}

/* 내라이트 */
.btn-type-lineblue{border:1px solid #4373f4;color: #4373f4;border-radius:6px;padding:0 16px;height:36px;line-height:36px;font-size:14px;font-weight:500}
.btn-arrowbullet{position:relative;width:16px;height:16px;border:0}
.btn-arrowbullet .arrowbullet:after{border-color:#fff}
.btn-my-star .ico {display: inline-block;width: 20px;height: 20px;vertical-align: bottom;background:url('/images/btnmystar.png') no-repeat 0 0 / 20px auto}
.btn-my-star.active .ico{background:url('/images/btnmystaractive.png') no-repeat 0 0 / 20px auto}
.card-state-items.btn-my-star .biz-cnt{margin-left:-2px}
.star-btn-wrap{position:relative}
.star-btn-wrap .btn-my-star{position:relative;display:flex;align-items:center;margin:0}
.star-btn-wrap .btn-my-star .ico-star{margin-right:2px}
.star-btn-wrap .toolmaptip{position:absolute;top:-50px;left:0;width:217px}
.star-btn-wrap .toolmaptip:before{top:14px}
.toolmaptip.startip{width:194px;position:absolute;right:0;top:-53px}
.wrt-dtr-bot-fixed .ip-wrap .toolmaptip.center{width:295px;position:absolute;left:50%;right:auto; top:-92px;transform:translate(-50%, 0);}
.wrt-dtr-bot-fixed .ip-wrap .toolmaptip.center:after{left:50%;right:auto;margin-left:-4px}
.mystarbox{display:flex;flex-wrap:wrap;align-items:center;padding:15px 16px;margin-bottom:12px;border-radius:8px;background:#4373f4;color:#fff}
.mystarbox .mltext{font-size:16px}
.mystarbox .mlnum{display:flex;align-items:center;position:relative;margin-left:auto;font-size:20px;font-weight:700}
.mystarbox .mlnum .btn-arrowbullet{margin-left:8px}
.mystarbox .mlnum .arrowbullet:after{position:relative;top:-3px}
.mystarbox .mlnum span, .mystarbox .mlnum strong{margin:0 2px}
.mystarbox .mlnum .all{opacity:.5;margin-left:-1px}
.mystarbox.type2{padding:10px 20px;background:#ecf1fe;color:#4373f4}
.mystarbox.type2 .mltext{font-size:14px}
.mystarbox.type2 .mlnum{font-size:18px}
.mystarbox .list{display:flex;align-items:center;width:100%;padding:6px 0;border-top:1px solid rgba(238,238,238,.2)}
.mystarbox .list:first-child{padding-top:0;border-top:0}
.mystarbox .list:last-child{padding-bottom:0}
.rewardlayer{margin:0 16px;text-align:center}
.rewardlayer .imgbox.lighttype1{max-width:250px;margin:26px auto 0}
.rewardlayer .imgbox.lighttype1 img{width:100%}
.rewardlayer .ico-star{position:relative;top:3px;margin-left:2px}
.rewardlayer .lightinfobox .ico-star{margin:0 2px 0 0}
.lightinfobox{display:flex;align-items:center;position:relative;border-radius:12px;padding:16px;text-align:left;word-break: keep-all;}
.lightinfobox:before{flex:none;content:'';display:block;margin-right:16px}
.lightinfobox + .lightinfobox{margin-top:12px}
.lightinfobox.type1{background:#ecf1fe;margin-top:20px}
.lightinfobox.type1:before{width:80px;height:96px;margin-bottom:-16px;background:url('/images/lightinfobox1.png') no-repeat 0 0 / 80px auto}
.lightinfobox.type2{background:#f6f2ff}
.lightinfobox.type2:before{width:80px;height:80px;background:url('/images/lightinfobox2.png') no-repeat 0 0 / 80px auto}
.lightinfobox.type3{background:#ecf1fe;margin-top:20px;font-size:16px}
.lightinfobox.type3:before{width:88px;height:88px;background:url('/images/first_click1.png') no-repeat 0 0 / 88px auto}
.lightinfobox.type4{background:#f6f2ff;margin-top:20px;font-size:16px}
.lightinfobox.type4:before{width:88px;height:88px;background:url('/images/first_click2.png') no-repeat 0 0 / 88px auto}
.lightinfobox .labeltit{display:inline-block;padding:0 12px;height:30px;line-height:30px;margin:0 0 4px;border-radius:15px;background:#638dff;color:#fff;font-size:14px;font-weight:700}
.lightinfobox.type4 .labeltit{background:#ae89f4}
.lightinfobox .ico-light.click{width:30px;height:30px;background: url(/images/lightclick_sm.png) no-repeat 0 0 / 30px auto;margin:-7px -4px -7px -6px;}
.starmodal{position:relative;text-align:center}
.starmodal .numclick{position:absolute;right:0;top:0;padding:4px;letter-spacing:1px}
.starmodal .numclick strong{color:#222}
.starmodal .imgbox{margin:0 auto}
.starmodal .text{font-size:18px}
.starmodal + .type-btns, .lightlayer + .type-btns{margin-top:40px}
.starplus{display:inline-block;height:36px;line-height:36px;padding:0 20px;border-radius:18px;background:#638dff;box-shadow: 0 4px 4px rgb(0 0 0 / 10%)}
.starplus span{position:relative;display:flex;align-items:center;color:#fff;font-weight:700;font-size:20px}
.starplus span:before{content:'';width:20px;height:20px;margin:-2px 2px 0 0;background:url('/images/spr_ico_star.png') -5px -5px / 60px auto}
.starplus + .text{margin-top:12px}
.sortingguide{padding:10px 16px;border-bottom:1px solid #eee}
.renewWrap .sortingguide .guidetxt{margin:0;font-size:14px;background-position: 0 50%;}
.starmodal .lightplus{margin-top:10px}
.starmodal .lightplus + .text{margin-top:12px}
.starmodal.typeover{padding:14px 0}
.starmodal.typeover .text{margin-top:16px}
.starmodal .ico-light{margin:-2px -2px -2px 0;width:22px;height:22px;background-size:22px}
.ico-light{display:inline-block;width:28px;height:28px;background:url('/images/mystar_small.png') no-repeat 0 0 / 28px auto}
.ico-light.size36{width:36px;height:36px;background:url('/images/mystar_medium.png') no-repeat 0 0 / 36px auto}
.ico-light.size16{width:16px;height:16px;background:url('/images/mystar_xsmall.png') no-repeat 0 0 / 16px auto}
.ico-light.size20{width:20px;height:20px;background:url('/images/mystar_size20.png') no-repeat 0 0 / 20px auto}
.ico-light.click{width:32px;height:32px;background:url('/images/lightclick_sm.png') no-repeat 0 0 / 32px auto;margin:-5px}
.ico-light.size90{width:90px;height:94px;background:url('/images/lightclick_lg.png') no-repeat 0 0 / 90px auto}
.ico-trophy-gold{display:inline-block;width:24px;height:24px;background:url('/images/ico_trophy_gold.png') no-repeat 0 0 / 24px auto}
.ico-star, .btn-my-star .ico{display:inline-block;width:20px;height:20px;background-image:url('/images/spr_ico_star.png');background-repeat:no-repeat;background-position: -5px -64px ;background-size:60px auto}
.ico-star.active, .btn-my-star.active .ico-star, .btn-my-star.active .ico{background-position:-5px -34px}
.ico-star.size20{width:20px;height:20px;background-position:-5px -5px}
.ico-star.size32{width:32px;height:31px;background-position:-5px -94px}
.ico-star.size50{width:50px;height:48px;background-position:-5px -135px}
.renewModal .fts20 .ico-star.size20{position:relative;top:2px;margin-left:2px}
.renewModal .fts16 .ico-star.size20{position:relative;top:2px;margin:0 2px}
.renewModal .fullImg{margin-left:-16px;margin-right:-16px }
.mystarMain{text-align:left;padding-bottom:16px}
.mystarTop{padding:8px 16px 30px}
.mystarTop .ico-light{vertical-align:top}
.mystarTop .num{display:flex;align-items:center;margin-top:4px;font-size:32px;color: #4373f4;font-weight:700}
.mystarTop .num .arrowbullet{width:24px;height:24px;margin-left:8px}
.mystarTop .num .arrowbullet:after{width:15px;height:15px;border-color:#4373f4}
.mystarTop .num .ico-star{margin:-4px 4px 0 0}
.mystarTop .mystarbox{margin-top:20px}
.mystarTop .mystarbox .mlnum{font-weight:300}
.mystarTop .exchangebox{margin-top:20px;padding: 20px;box-shadow: 0 4px 10px rgb(0 0 0 / 16%);border-radius:8px}
.mystarTop .exchangebox .extit{font-size:12px;color:#515d7d}
.mystarTop .exchangebox .extext{padding-top:4px;font-size:18px}
.mystarTop .exchangebox .exchange{display:flex;justify-content: space-between;margin-top:16px}
.mystarTop .exchange .mlnum{display:flex;align-items:center;font-size:24px;color:#4373f4}
.mystarTop .exchange .mlnum .ico-star{margin:-2px 4px 0 0}
.mystarTop .exchangebox .bg-guidebox{display:flex;justify-content: space-between;margin-top:12px;padding:6px 16px}
.mystarTop .exchangebox .bg-guidebox .text{display:flex;align-items:center}
.mystarTop .exchangebox .bg-guidebox .tollmapwrap{margin-left:2px}
.mystarTop .exchangebox .bg-guidebox .mlnum{display:flex;align-items:center}
.mystarTop .exchangebox .bg-guidebox .mlnum .ico-star{margin-right:2px}
.mystarBtm{padding:24px 16px;background:#ecf1fe}
.mystarBtm .tit{display:flex;align-items:center;font-size:18px;color:#222}
.mystarBtm .tit .ico-starsmile{margin-left:2px}
.mystarBtm .wrap-card{margin-top:30px;background:#fff;box-shadow: 0 4px 10px rgb(0 0 0 / 16%);border-radius:8px;border-bottom:0 !important}
.mystarBtm .wrap-card.type-default .card-top{padding:24px 16px 16px}
.mystarBtm .wrap-card.type-default .card-top .card-info{margin-top:0}
.mystarBtm .card-info-date{color:#bbb;font-size:12px}
.mystarBtm .rank, .lightRanking .rank{position:absolute;top:-10px;left:20px;display:inline-block;height:26px;line-height:26px;min-width:50px;padding:0 16px;background:#515d7d;color:#fff;font-size:12px;font-weight:500;border-radius:13px;box-shadow:0 2px 4px rgb(0 0 0 / 8%);}
.mystarBtm .rank.active, .lightRanking .rank.active{background:#4373f4}
.tollmapwrap{position:relative;}
.tollmapwrapType2{position:relative}
.tollmapwrapType2 .toolmaptip{z-index:1;right:30px;word-break:break-all}
.tollmapwrapType2 .toolmaptip.center{left: 50%;right: auto;transform: translate(-50%, 0);}
.tollmapwrapType2 .toolmaptip.left{left:-5px;right:auto}
.tollmapwrapType2 .toolmaptip.right{left:auto;right:-5px}
.tollmapwrapType2 .toolmaptip.top{top:29px}
.tollmapwrapType2 .toolmaptip.bottom{top:auto;bottom:24px}
.tollmapwrapType2 .toolmaptip.top.center:after{left:50%;right:auto;transform: translate(-50%, 0);}
.tollmapwrapType2 .toolmaptip.bottom.center:after{left:50%;right:auto;transform: translate(-50%, 0) rotate(185deg)}
.tollmapwrapType3{position:relative}/* 단지글 하단 글쓰기 버튼 기준 툴팁 적용시 사용 */
.tollmapwrapType3 .toolmaptip{z-index:1;right:30px}
.tollmapwrapType3 .toolmaptip.center{left: 50%;right: auto;transform: translate(-50%, 0);}
.tollmapwrapType3 .toolmaptip.left{left:8px;right:auto}
.tollmapwrapType3 .toolmaptip.right{left:auto;right:8px}
.tollmapwrapType3 .toolmaptip.top{top:60px}
.tollmapwrapType3 .toolmaptip.bottom{top:auto;bottom:60px}
.tollmapwrapType3 .toolmaptip.top.center:after{left:50%;right:auto;transform: translate(-50%, 0);}
.tollmapwrapType3 .toolmaptip.bottom.center:after{left:50%;right:auto;transform: translate(-50%, 0) rotate(185deg)}
.tollmapwrapTypecal{position:absolute;top:0;right:0}
.tollmapwrapTypecal .toolmaptip.right{left:auto;right:16px}
.tollmapwrapTypecal .toolmaptip.top{top:46px}
.tit-biz-modal .tollmapwrapType2{top:-3px;font-weight:300;font-size:14px;line-height:1.4}
.mystarTop .exchangebox .bg-guidebox .toolmaptip.center {right: auto;left: 50%; top:24px;width: 304px;margin-left: -152px;}
.mystarTop .exchangebox .bg-guidebox .toolmaptip:after{right:auto;left:50%;margin-left:-4px}
.mystarBanner{display:flex;align-items:center;height:80px;margin:30px 16px 0;padding:0 20px;border-radius:8px;background:url('/images/mystar_banner.png') no-repeat 96% 50% / 110px auto #fff4ca;font-size:18px;color:#222}
.btn-datelist{width:24px;height:24px}
.btn-datelist .arrowbullet{display:block;width:100%;height:100%;text-align:center}
.btn-datelist .arrowbullet:after{width:10px;height:10px;transform: rotate(135deg);transition: transform .3s ease-out;border-width:2px 2px 0 0;border-color:#222;border-radius:1px 0}
.mystarMain .datelist{display:flex;align-items:center;margin:0 16px;font-size:24px}
.mystarMain .btn-navi.line{font-size:16px}
.mystarMain .btn-navi.line.active{box-shadow: 0 2px 8px rgb(0 0 0 / 8%)}
.mystarMain .naviwrap{margin:30px 16px 0}
.mystarMain .historywrap{padding:24px 16px}
.mystarMain .historylist{position:relative;padding:20px 8px;border-top:1px solid #eee}
.mystarMain .historylist:first-child{border-top:0}
.mystarMain .historylist .date{position:absolute;top:20px;left:8px;width:73px;font-size:18px}
.mystarMain .historylist .infolist{display:flex;justify-content:space-between;padding-left:73px;font-size:16px}
.mystarMain .historylist .infolist + .infolist{margin-top:14px}
.mystarMain .historylist .info{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.mystarMain .historylist .info strong,.mystarMain .historylist .info span{display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.mystarMain .historylist .info span{font-size:14px;color:#888}
.mystarMain .historylist .info strong{line-height:28px}
.mystarMain .historylist .light{font-size:20px;line-height:28px}
.pickbtnswrap .btn-btndefault{width: calc((100%/2) - 8px);font-size:16px}
.pickbtnswrap .btn-btndefault:nth-of-type(2n-1){margin-left:0 !important}
.monthpick{padding:12px 16px 0;text-align:center}
.monthpick .topbtnswrap{display:flex;align-items:center;justify-content:center}
.monthpick .topbtnswrap button{border:0;width:24px;height:24px}
.monthpick .topbtnswrap button .arrowbullet:after{border-width:2px 2px 0 0;border-color:#444}
.monthpick .topbtnswrap button .arrowbullet.disable:after{border-color:#bbb}
.monthpick .topbtnswrap button .arrowbullet.prev:after{transform: rotate(225deg);}
.monthpick .topbtnswrap button .arrowbullet.next:after{transform: rotate(45deg);}
.monthpick .topbtnswrap strong{margin:0 24px;font-size:18px;color:#222}
.monthpick .pickbtnswrap{margin-top:24px}
.light-click-box{z-index:100;display: flex;align-items: center;flex-direction: column;justify-content: center;position:fixed;top:244px;left:50%;width:200px;height:200px;margin-left:-100px;background:rgba(34,34,34,0.5);border-radius:50%;color:#fff;font-size:18px}
.light-click-box .fts14{letter-spacing:1px}
@media (min-width: 560px){.light-click-box{margin-left:0;left:111px}}
@media (min-width: 1024px){.light-click-box{margin-left:0;left:181px}}
.lightRanking{margin:0 16px}
.lightRanking .rankingcon{margin-top:-5px}
.lightRanking .rankinfo{position:relative;padding:13px;background:#ecf1fe;min-height:50px;margin-bottom:16px;border-radius:6px;font-size:14px;text-align:center}
.lightRanking .rankinfo .rank{left:16px;padding:0 8px;min-width:33px;height:20px;line-height:20px;font-size:11px}
.lightRanking .rankinfo strong{font-size:16px}
.lightRanking .titcon{height:80px;font-size:16px;background:url('/images/town.png') no-repeat 100% 50% / 130px auto;text-align:left}
.lightRanking .titcon strong{font-size:24px}
.lightRanking .rankinfo .ico-light{position:relative;top:4px;margin-left:6px}
.lightRanking .btn-btndefault{min-width:158px;margin:20px auto 26px !important;font-size:16px;font-weight:500}
.lightRanking .imgbox190{margin:28px auto 0 !important}
.lightRanking .imgbox190 img{margin-left:-30px}
.exchange-noti {text-align:right;color:#888;font-size: 11px;margin-top:8px}

.schSub {position:relative;min-height:656px;margin:-32px -16px -16px}
.schSub .search-viewnav .nav{border-width: 1px;}
.schSub .search-viewnav .nav-item:first-child:before{height:0}
.schSub .searchResult-section .search-viewnav{margin:0;height:48px}
.schSub .quicksort{position:absolute;top:46px;right:0;height:608px}
.schSub .list-search-poi{width:calc(100% - 20px)}
.schSub .search-viewnav .nav-item:after{display:none}
.schSub .search-viewnav .nav-item.active:after{display:block}
.addSelect .itemSortingTitle{padding:0}
.addSelect .nodataitem{margin-top:80px}
.addSelect .nodataitem .pageBottom.typeauto .btn.typesm{min-width:86px}
.lb-e6edfc{display:inline-block;height:20px;line-height:20px;padding:0 4px;border-radius:4px;background:#e6edfc;font-size:11px;color:#515d7d}
.adresslist{padding-bottom:18px}
.adresslist .lb-e6edfc{position:relative;top:-2px;margin-bottom:4px;font-weight:500}
.adresslist .add-text{font-size:14px;font-weight:300}
.adresslist .setinput-wrap{margin-bottom:16px}
.adresslist .custom-radio .flexbox{justify-content: space-between;align-items: center;width:100%}
.adresslist .custom-radio .flexbox .textellipsis{flex:1;margin-right:2px}
.adresslist .custom-radio .custom-control-input:disabled + label > *{color:#bbb}
.adresslist .setinput-wrap .custom-radio .custom-control-label{width:100%}
.adresslist .add-text {display:flex;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.myhomeCont .adresslist .add-text{text-overflow:inherit;white-space:normal;overflow:auto}
.adresslist .setinput-wrap .custom-radio .guidetxt{ flex-shrink: 0;margin:0 0 0 24px;font-weight:400;font-size:14px;background-position:0 50%;white-space: nowrap;}
.adresslist .setinput-wrap .custom-radio label strong{display:block;margin-bottom:4px}
.setinput-wrap .custom-radio .custom-control-input:disabled  + .custom-control-label::before{border-color:#e0e0e0;background:#f5f5f5}
.setinput-wrap .custom-radio .custom-control-input:disabled  + .custom-control-label::after{display:block;background:#e0e0e0;top: 0;width: 24px;height: 24px;border-radius: 50%;background-image: none;transform: scale(0.7);border: none;}
.infolinelist li{display:flex;align-items:center;padding:12px;margin-top:8px;border-radius:8px;border:1px solid #eee}
.infolinelist li .imgitem{width:48px;min-width:48px;height:48px;border-radius:50%;overflow:hidden}
.infolinelist li .imgitem img{width:100%}
.infolinelist li .textitem{margin-left:12px}
.infolinelist li .textitem span{display:block}
.infolinelist li .rtcon{margin-left:auto}
.infolinelist li .rtcon .btn-btndefault{width:auto;padding:0 8px;margin:0 !important}
.ico-ars{position:relative;top:6px;margin-right:4px;display:inline-block;width:24px;height:24px;background:url('/images/icon_16_ars_black.png') no-repeat 50% 50% / 16px auto #eee;border-radius:50%}
.ico-starsmile{display:inline-block;width:24px;height:22px;background:url('/images/ico_star_smile.png') no-repeat 0 0 / 24px auto}
.landdfbn + .btn-typetxt{margin-top:-4px;line-height:16px;min-height:0}
.callogowrap{margin:24px -16px 0}
.callogowrap .slick-initialized .slick-slide{width:206px !important;}
.callogowrap .callogo{padding:0 29px;transform: scale(0.7)}
.callogowrap .slick-current .callogo{transform: scale(1)}
.calllogobtns{display:none;padding:50px 0 0 0;text-align:center}
.callogowrap .btn-btndefault.navy{width:148px;height:48px}
.callogowrap .callogo .calllogotext{display:none;font-size:18px;margin:16px 0 0;text-align:center}
.callogowrap .slick-active.slick-center.slick-current .callogo .calllogotext,
.callogowrap .slick-active.slick-center.slick-current .callogo .calllogobtns{display:block}
.callogowrap .callogo img{width:100%}
.callogowrap .slick-dots{position:absolute;bottom:65px}
@media (max-width: 380px){
    .callogowrap .slick-initialized .slick-slide{width:178px !important}
    .callogowrap .callogo{padding:0 15px}
}
@media (max-width: 360px){
    .callogowrap .slick-initialized .slick-slide{width:168px !important}
    .callogowrap .callogo{padding:0 10px}
}
.logo-datahub{display:inline-block;width:36px;min-width:36px;height:36px;background:url('/images/logo_datahub_light.png') no-repeat 0 0 / 36px 36px}
.accodianCard  .logo-datahub{position:relative;top:-4px}

/* sh */
.scrollbarnone .pagelayout, .scrollbarnone .renewPage{height:100%}
.shcontainer{display:flex;flex-direction: column;height:calc(100% - 58px);text-align:left}
.default-body.app .shcontainer{height:calc(100vh - 58px);}
.progress-container {width: 100%;height: 2px;background: #eee;position:sticky;position: -webkit-sticky;top:56px;left:0;z-index:10000}
.progress-bar {height: 2px;background: #4373f4;width: 0%;transition:all .2s ease-in;}
.sh-box{margin-top:auto;padding:28px 16px 110px;text-align:left}
@keyframes actfadeInUp {0% {opacity: 0;transform: translateY(100px);}to {opacity: 1;transform: none;}}
.sh-box .obj_1{opacity:0;position: relative;animation: actfadeInUp .9s ease-out;animation-fill-mode:forwards;}
.form-act-box{opacity:0;height:0;overflow:hidden}
.form-act-box .form-act-tit{font-size:16px;}
.form-act-box.fadeup{position: relative;animation: actfadeInUp .9s ease-out;animation-delay: .2s;animation-fill-mode:forwards;margin-top:36px;height:auto;}
.form-act-box.obj_2.fadeup{animation-delay: 1.3s;}
.form-act-box.fadeup.now .form-act-tit{font-weight:700;color:#4373f4}
.form-act-box.fadeup .form-act-before{display:none}
.form-act-box.fadeup .form-act-before.select-money{display:block}
.form-act-box.fadeup .form-act-after{display:block}
.form-act-box.fadeup.now .form-act-before{display:block}
.form-act-box.fadeup.now .form-act-before.pdb20{padding-bottom:20px}
.form-act-box.fadeup.now .form-act-after{display:none}
.form-act-box.fadeup.now .form-act-before.divide-type2,
.form-act-box.fadeup.now .form-act-before.divide-type4{display:flex;flex-wrap:wrap}
.noneact .form-act-box{opacity:1;height:auto;margin-top:36px;flex:none}
.noneact .form-act-box .form-act-before.divide-type2, .noneact .form-act-before.divide-type4{display:flex;flex-wrap:wrap}
.noneact .form-act-box .form-act-choice.active{background-color:#4373f4;color:#fff;font-weight:700}
.form-act-before.divide-type2 .form-act-choice{width:calc(50% - 8px);margin-right:8px;text-align:center}
.form-act-before.divide-type2 .form-act-choice:nth-child(2n){width:50%;margin-right:0}
.form-act-before.divide-type4 .form-act-choice{width:calc(25% - 8px);margin-right:8px;text-align:center}
.form-act-before.divide-type4 .form-act-choice:nth-child(4n){width:25%;margin-right:0}
.form-act-before .btn.arrowbullet{margin-top:8px;color:#444}
@media (max-width: 340px){.form-act-before .btn.arrowbullet{font-size:13px}}
.form-act-before .btn.arrowbullet:after{border-color:#444}
.shpopflbox{display:flex;margin-top:8px;font-size:14px}
.shpopflbox span.tit{white-space:nowrap;margin-right:4px;}
.shdefbox{margin-top:16px}
.shdefbox + .shdefbox{margin-top:20px}
.shdefbox .tit{position:relative;padding-left:16px}
.shdefbox .tit:after{content:"";display:block;width:3px;height:3px;background-color:#222;position:absolute;left:4px;top:12px;border-radius: 50%;}
.shdefbox .tableDatabox{margin:5px 0 0;padding:0 0 0 16px;font-size:14px}
.shdefbox .tdbox:first-child{font-weight:700}
.form-act-after{display:none}
.form-act-choice{width:100%;min-height:36px;line-height:22px;padding:7px 16px;margin-top:8px;border-radius:6px;background:#f5f5f5;font-size:14px;border:0;text-align:left}
.form-act-choice:disabled{color:#bbb}
.form-act-select{width:100%;height:36px;padding:0 16px;line-height:36px;margin-top:8px;border-radius:6px;border:1px solid #e0e0e0;font-size:14px;text-align:left;    background: url(/images/icon_16_more_arrow.svg) no-repeat calc(100% - 16px) 50% / 16px auto #fff;}
.form-act-select:hover{border-color:#888}
.form-act-select:active{border-color:#4373f4}
.btns-sh-apt{display:flex;margin:16px 16px}
.btns-sh-apt button{position:relative;display:block;width:calc(50% - 4px);padding:12px;text-align:left;height:136px;margin-left:8px;border-radius:12px;border:1px solid #eee;transition:all .1s ease-in;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);}
.btns-sh-apt button:first-child{margin-left:0}
.btns-sh-apt button span{position:absolute;top:12px;left:12px;font-size:16px;font-weight:700}
.btns-sh-apt button.active{border-color:#4373f4}
.btns-sh-apt button.btn-sh-apt1{background:url('/images/img_sh_apt_1.png') no-repeat calc(100% - 8px) calc(100% - 8px) / 96px auto}
.btns-sh-apt button.btn-sh-apt2{background:url('/images/img_sh_apt_2.png') no-repeat calc(100% - 8px) calc(100% - 8px) / 96px auto}
.sh-box-sub{display:flex;flex-direction:column;height:100%;padding:16px 16px 134px;text-align:left}
.sh-box-sub .agreecon{margin-top:auto}
.sh-box-sub .listboxgroup{margin-top:16px;word-break: keep-all;border-radius:12px}
.sh-box-sub .listboxgroup:first-of-type{margin-top:24px}
.sh-box-sub .listboxgroup .btn-fulldef.arrowbullet:after{margin-left:4px}
.sh-box-sub .listboxgroup .bxpercent{margin:0 4px 0 0;width:82px}
.sh-box-sub .txtpercent{position:relative;display:flex;flex-wrap:wrap;align-items:center;font-size:17px}
.sh-box-sub .txtpercent .inner{display:flex;align-items:center}
.sh-box-sub .txtpercent .error-text{padding-top:4px;font-size:12px}
.sh-box-sub .txtpercent .txtpertype1{display:inline-flex;margin-right:4px}
.sh-box-sub .txtpercent .txtpertype2{display:inline-flex}
.sh-box-sub .txtpercent.err .txtpertype1{display:flex}
.sh-box-sub .txtpercent.err .txtpertype2{display:flex}
.sh-box-sub .txtpercent.err{flex-wrap:nowrap;align-items:baseline}
.sh-box-sub .txtpercent.err .txtpertype2{flex-flow:column;}
.sh-box-sub .txtpercent.err .txtpertype2 .inner{display:flex;align-items:center}
.sh-box-sub .listboxgroup .txtpercent.err .bxpercent{border-color:#f54f1b}
.txtpercent .setinput-wrap.typedef{position:relative;width:100px;margin:4px 4px 0 0}
.txtpercent .setinput-wrap.typedef .btn-seltype2{height:40px;line-height:40px;padding:0 42px 0 8px;font-size:16px}
.txtpercent .setinput-wrap.typedef.err .btn-seltype2{padding:0 42px 0 8px}
.txtpercent .setinput-wrap.typedef em{position:absolute;top:0;right:8px;height:40px;line-height:40px;font-weight:700}
.txtpercent .setinput-wrap.typedef .btn-seltype2 + .inputbt .btn-txtDel{top:8px;right:23px}
.sh-box-sub .btn-fulldef{text-align:center}
.sh-box-sub + .pageBottom{z-index:2}
.sh-box-sub .infobg{margin:36px 0 52px;justify-content:center;align-items:center;font-size:14px}
.sh-box-sub .infobg strong{font-weight:700;font-size:16px;padding:0 4px}
.sh-box-sub .listboxgroup .listboxgroup.lightblue{padding:12px 20px}
.sh-box-sub .listboxgroup .listboxgroup .error-text{display:flex;align-items:center;justify-content:center;height:48px;padding:0;font-size:16px;text-align:center}
.sh-box-sub .listboxgroup.type4.bg-graybox{padding:12px 16px}
.notiboxgroup{padding:24px 16px;background:#f5f5f5}
.notiboxgroup .bulletlist{margin-top:16px}
.notiboxgroup .bulletlist .btn-typetext{margin-top:4px}
.sh-box-sub .notiboxgroup{margin:48px -16px 0}
.ico-round-grey{display:flex;align-items:center;justify-content:center;background:#f3f5f9;border-radius:100%}
.ico-round-grey.size42{width:42px;height:42px}
.ico-round-grey:before{content:'';width:28px;height:28px}
.ico-round-grey.nohome:before{background:url('/images/icon_28_nohome.png') no-repeat 50% 50% / 28px auto}
.ico-round-grey.seoul:before{background:url('/images/icon_28_seoul.png') no-repeat 50% 50% / 28px auto}
.ico-round-grey.homepick:before{background:url('/images/icon_28_homepick.png') no-repeat 50% 50% / 28px auto}
.entitledlist{display:flex;align-items:center;margin:0 0 12px}
.entitledlist:first-of-type{margin:28px 0 12px}
.entitledlist strong{margin:0 0 0 12px;font-size:16px}
.entitledlist .btn-infohelp{top:0;margin-left:5px}
.integratedWrap{padding-top:16px}
.integratedWrap .bulletlist, .integratedWrap .bg-graybox{margin:0 16px}
.integratedWrap .bg-graybox .bulletlist{margin:0}
.integratedWrap .itemSortingTitle.sm{margin-top:32px}
.pagedefbox{padding:16px 16px 48px;text-align:left}
.pagedefbox .divideLine{width:calc(100% + 32px);margin:20px -16px}
.pagedefbox .pagedefcon{padding-top:12px}
.pagedefbox .pagedefcon > strong{display:block;margin-bottom:4px}
.pagedefbox .pagedefcon p{font-size:16px}
.pagedefbox .pagedefcon .starlist{margin-top:8px;margin-left:8px}
.pagedefbox .tableDatabox{padding:0;margin-top:12px}
.tableDatabox.th102 .tbody-tr .thbox.tdbox{width:102px;min-width:102px}
.tableDatabox.th196 .thead-tr{border-bottom:1px solid #eee}
.tableDatabox.th196 .thead-tr .thbox{width:196px;min-width:196px;text-align:center;flex:1}
.tableDatabox.th196 .thead-tr .thbox + .thbox{width:auto;min-width:auto}
.tableDatabox.th196 .tbody-tr .thbox.tdbox{width:196px;min-width:196px}
.tableDatabox.th196 .tbody-tr .tdbox{min-width:auto;width:auto;flex:1}
.tableDatabox.th84 .thead-tr .thbox{width:84px;min-width:84px;text-align:center}
.tableDatabox.th84 .thead-tr .thbox + .thbox{width:calc(50% - 42px)}
.tableDatabox.th84 .tbody-tr .thbox.tdbox{width:84px;min-width:84px}
.tableDatabox.th84 .tbody-tr .tdbox{width:calc(50% - 42px);text-align:center}
.tableDatabox.th84 .tbody-tr .tdbox.flex-align{width:calc(100% - 42px);padding:0}
.tableDatabox.th84 .tbody-tr .tdbox.flex-align .intd{display:flex;width:100%;border-top:1px solid #eee;padding:12px}
.tableDatabox.th84 .tbody-tr .tdbox.flex-align .intd:first-child{border-top:0;padding:0}
.tableDatabox.th84 .tbody-tr .tdbox.flex-align .intd{justify-content: center;}
.tableDatabox.th84 .tbody-tr .tdbox.flex-align .intd:first-child em{flex:1;    border-left: 1px solid #eee;padding:12px 0}
.tableDatabox.th84 .tbody-tr .tdbox.flex-align .intd:first-child em:first-child{border-left:0}
.bubbletype1{position:relative;display:inline-block;margin-top:16px;padding:6px 24px;background:#fff;box-shadow: 0px 1px 10px 0px rgba(215, 228, 240, 1);border-radius:60px;font-weight:700}
.bubbletype1:after{position: absolute;bottom: -7px;left: 50%;content: "";width: 11px;height: 11px;transform: translateX(-50%) rotate(-225deg);border-width: 1px 1px 0 0;border-style: solid;border-color: rgba(222, 233, 243, .5);background: #fff;}
.bubbletype1.bgfff9d5{padding:6px 26px;box-shadow:none;background:#fff9d5}
.bubbletype1.bgfff9d5:after{border-color:#fff9d5;background:#fff9d5}
.bubbletype2{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;margin-bottom:10px;height:40px;background: linear-gradient(99.85deg, rgba(94, 139, 255, 0.9) 18.12%, rgba(126, 146, 250, 0.9) 82.48%);border-radius:8px;box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);font-size:14px;color:#fff}
.bubbletype2:after{content: "";display: block;border-width: 0 4px 4px;border-color: transparent;border-bottom-color:  rgba(94, 139, 255, 0.9) ;border-style: solid;position: absolute;top: auto;bottom: -4px;transform: rotate(185deg);}
.btn-topscrollup{position:relative;width:100%;background:#4373f4;padding:8px 12px 8px 32px;border-radius:8px;color:#fff;margin:0 auto 16px;text-align:left;font-weight:700}
.btn-topscrollup:after{position:absolute;top:15px;right:12px;display: inline-block;content: "";width: 8px;height: 8px;margin-left:4px;border-width: 1px 1px 0 0;border-style: solid;border-color: #fff;border-radius: 0;transform: rotate(45deg);}
.btn-topscrollup:before{position:absolute;top:10px;left:12px;display:inline-block;content:"";width:16px;height:16px;background:url('/images/shstep1_DocumentColor.png') no-repeat 0 0 / 16px auto}
.logo-sh{display: inline-block;width: 24px;min-width: 24px;height: 20px;background: url('/images/logo_sh_symbol_light.png') no-repeat 0 0 / 24px auto}
.ico-partyemoji{display: inline-block;width:20px;min-width: 20px;height: 20px;background: url('/images/ico_PartyEmoji.png') no-repeat 0 0 / 20px auto}
.shstep1{text-align:center;padding-bottom:106px}
.shstep1 .con1{background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 246, 223, 0.29) 56.58%, #EDF6FF 100.72%);padding:10px 0 36px}
.shstep1.down .con1{padding-top:0}
.shstep1 .topscrollbtnw{position:sticky;top:64px;padding:0 16px;z-index:1;}
.shstep1 .topscrollbtnw .btn-topscrollup{transition:all .1s ease-in;opacity:1;}
.shstep1.down .topscrollbtnw{display:none}
.shstep1.down  .btn-topscrollup{opacity:0}
.shstep1 .con1 .context{font-size:16px;margin-top:22px}
.shstep1 .imgbox{padding-top:36px;text-align:center}
.shstep1 .con1 .imgbox img{width:276px}
.shstep1 .con2, .shstep1 .con3, .shstep1 .con4{padding:0 16px;text-align:left}
.shstep1 .con2 .context{font-size:16px;margin-top:8px}
.shstep1 .con2 .context.text-4373f4{margin-top:4px;font-size:14px}
.shstep1 .con2 .imgbox img{width:288px}
.shstep1 .con2 .imgbox, .shstep1 .con2 .imgbox328{padding-top:24px}
.shstep1 .contit{display:block;margin-top:48px;font-size:18px;font-weight:500}
.shstep1 .con2 .stripBanner, .shstep1 .con2 .stripBanner + .contit{margin-top:32px}
.shstep1 .bg-graybox{background:#f3f5f9;border-radius:12px;overflow:hidden}
.shstep1 .con3 .bg-graybox{margin-top:12px;word-break:keep-all}
.shstep1 .con3 .bg-graybox strong{display:block;font-size:18px;margin-bottom:4px}
.shstep1 .con4 .bg-graybox{text-align:center;margin-top:40px}
.shstep1 .con4 .bg-graybox strong{display:block; margin-bottom:4px;color:#f54f1b}
.shstep1 .numlist{margin:20px 0}
.shstep1 .numlist li{position:relative;margin-bottom:30px;padding-left:32px}
.shstep1 .numlist li:after{content:'';position:absolute;top:22px;left:10.5px;width:3px;height: calc(100% + 5px);;background:url('/images/shstep1_ico_dot.png') repeat-y 0 0 / 3px auto}
.shstep1 .numlist li em{position:absolute;top:0;left:0;display:inline-block;width:24px;height:24px;line-height:24px;border-radius:100%;background:#ecf5ff;font-size:14px;color:#4373f4;font-weight:700;text-align:center}
.shstep1 .numlist li strong{display:flex;font-size:16px;align-items: center;font-weight:400}
.shstep1 .numlist li .btn-sh{position:absolute;top:0;right:0}
.shstep1 .numlist li:first-child strong{justify-content:space-between}
.shstep1 .numlist li strong .btn-sh{margin-top:0}
.shstep1 .numlist li:last-of-type:after{display:none}
.shstep1 .btn-sh{position:relative;display:flex;align-items:center;font-size:14px;font-weight:700;color:#444}
.shstep1 .btn-sh:after{    display: inline-block;content: "";width: 6px;height: 6px;margin-left:4px;border-width: 1px 1px 0 0;border-style: solid;border-color: #888;border-radius: 0;transform: rotate(45deg);}
.shstep1 .btn-sh .logo-sh{margin-right:4px}
.shstep1 .numlist li strong .ico-partyemoji{margin-left:4px}
.shstep1 .linebox{border:1px solid #eee;border-radius:8px;padding:8px 16px;font-size:14px;margin-top:8px}
.shstep1 .linebox span{display:block}
.shstep1 .ing .btn-sh{position:absolute;right:0;top:0;margin-top:0 !important}
.shstep1 .contnew{margin:0 0 0 16px;text-align:left}
.shstep1 .contnew .linebox{min-width:230px;margin-right:16px;background:#fff;border-radius:12px;border:1px solid #f5f5f5;border-radius:12px;margin-top:12px;padding:12px 16px}
.shstep1 .contnew .linebox span + span{margin-top:2px}
.shstep1 .contnew .linebox .btn-sh{margin-top:11px;font-weight:400;font-size:12px}
.shstep1 .contnew .renewSlick .slick-slide{margin-right:12px}
.shstep1 .contnew .renewSlick .slick-slide .linebox{margin-right:0}
.shstep1 .contnew .renewSlick .slick-arrow.slick-prev{left:-16px}
.btn-more-type2{display:block;width:24px;height:24px;background:url('/images/biz_image/icon/icon_24_more.svg') no-repeat 50% 50% / 24px auto}
.apartlogokb{width:54px;height:auto !important}
.apartlogolg{width:64px;height:auto !important}
.datahublogo{width:46px;height:auto !important}
.apartContitle .datahublogo{margin:-2px 0 0 2px}
.apartlogox{width:15px;height:15px;margin:0 3px;background:url('/images/icon_16_close_black.svg') no-repeat 50% 50% / 15px auto}
.homeProduct .filtersHead{margin:20px 16px 8px;padding:0 40px 0 0;overflow:hidden}
.homeProduct .filtersHead.hidden .itemgroup {display: flex;flex-wrap: nowrap;width: max-content;}
.homeProduct .filtersHead.hidden:after {content: "";display: block;width: 60px;height:50px;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%);position: absolute;top: 0;right: 0;}
.homeProduct .filtersHead .btn-filtermap.open:after {transform: rotate(-45deg);top: 6px;left: -1px;transition: transform .3s ease-out;}
.homeProduct .filtersHead.hidden .btn-filtermap.open:after {transform: rotate(135deg);top: 3px;}
.itemgroup.typegrey .btn-filtermap{box-shadow:none;background-color:#f5f5f5;color:#444}
.itemgroup.typegrey .btn-filtermap.submit{background-color:#4373f4;color:#fff}
.homeProduct .btn-filtermap.open{box-shadow:none;border:1px solid #eee}
.homeProduct .btn-filtermap.open:hover, .homeProduct .btn-filtermap.open:focus{background:inherit;box-shadow:none;border:1px solid #eee}
.homeProduct  .filtersHead .allFilters{right:0}
.homepdtlist {margin:0 16px}
.homepdtlist ul{display:flex;flex-wrap:wrap;}
.homepdtlist ul li{position:relative;width:30.48%;min-width:30.48%;margin-left:4.2%;margin-bottom:20px;text-align:left;cursor:pointer}
.homepdtlist ul li.etc{    flex-direction: column;}
.homepdtlist ul li:nth-child(3n -2){margin-left:0}
.homepdtlist ul li .imgcon{width:100%;max-height:200px;border-radius:8px;border:1px solid #eee;overflow:hidden}
.homepdtlist ul li .imgcon img{width:100%;height:100%;object-fit:cover;}
.homepdtlist ul li.etx .imgcon{border:0}
.homepdtlist ul li .infocon{padding-top:8px}
.homepdtlist .listflexcon{display:flex;flex-wrap:wrap}
.homepdtlist .titconsm{display:inline-block;padding:0 4px;height:17px;line-height:17px;border-radius:4px;background:#feede8;color:#f54f1b;font-size:11px}
.homepdtlist .titconlg{font-weight:700;font-size:14px;  text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.homepdtlist ul li .infocon div{word-break:keep-all;}
.homepdtlist .stitcon{font-size:12px;color:#515d7d;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.homepdtlist .textcon{font-size:13px;color:#888;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.homepdtlist ul li:nth-child(1) .num, .homepdtlist ul li:nth-child(2) .num, .homepdtlist ul li:nth-child(3) .num{background:#444;color:#fff}
.homepdtlist ul li .num{position:absolute;top:0;left:0;width:20px;height:20px;line-height:18px;text-align:center;border-radius:5px;border:1px solid #444;color:#444;font-weight:700;font-size:11px;background:#fff}
.homepdtlist .etccon{padding-top:8px}
.homepdtlist .etccon .label + div{padding-top:6px}
.homepdtlist .etccon .label{margin:0}
.label.colf74e4e{border-color:#f74e4e;color:#f74e4e}
.label.col444{border-color:#444;color:#444}
.homepdtlist .etccon div{word-break: keep-all}
.homepdtlist .tableDatabtns{border-top:1px solid #eee}
.flexbox.m050521 div:first-child{min-width:75px;margin-right:12px}
.flexbox.m050521 div + div{text-align:right}
.flexbox.m050521 div + div span{word-break:break-all}
.bn_datahub{width:100%;background:#a2d3ff;text-align:center}
.bn_datahub img{width:100%;max-width:360px}
.form-act-before .setinput-wrap.typedef{margin-top:8px}
.setinput-wrap.typedef .title{display:block;padding-bottom:8px;font-size:14px;color:#888;position: relative;}
.setinput-wrap.typedef .title.flexbox{display:flex;justify-content: space-between;}
.setinput-wrap.typedef .costText{display:none;font-size:14px;position: absolute; right:0; top:0; font-size:14px; color:#4373f4;}
.setinput-wrap.typedef.ing .costText, .setinput-wrap.typedef.err .costText{display:block}
.setinput-wrap.typedef.err .costText{color:#f54f1b}
.setinput-wrap.typedef .stitle{display:block;padding-bottom:8px;font-size:14px;color:#888}
.setinput-wrap.typedef .setinput-item .inputtxt{position:static;top:auto;right:auto;display:inline-block;padding-right:8px}
.setinput-wrap.typedef .select-item{display:flex}
.setinput-wrap.typedef .select-item .item{position:relative;margin-left:14px;width:100%}
.setinput-wrap.typedef .select-item .item:nth-of-type(1){margin-left:0}
.setinput-wrap.typedef .select-item .item .txt{position:absolute;top:0;right:15px;height:52px;line-height:52px;font-size:16px;font-weight:700}
.setinput-wrap.typedef .select-item + .text-grey{margin-top:12px}
.setinput-wrap.typedef .text-grey{font-size:12px}
.setinput-wrap.typedef .btn-seltype2{position:relative;border:1px solid #e0e0e0;border-radius:8px;height:52px;width:100%;padding:0 40px 0 16px;text-align:left;background:#fff;color:#444}
.setinput-wrap.typedef .btn-seltype2:disabled{border-color:#eee;background:#eee;color:#bbb}
.setinput-wrap.typedef .btn-seltype2:disabled + .txt{color:#bbb}
.setinput-wrap.typedef .btn-seltype2:focus, .setinput-wrap.typedef .btn-seltype2.is-valid.blue{border-color:#4373f4}
.setinput-wrap.typedef.err .btn-seltype2{border-color:#f54f1b;padding:0 70px 0 16px}
.setinput-wrap.typedef .btn-seltype2 + .inputbt .btn-txtDel{position:absolute;top:13px;right:50px}
.setinput-wrap.typedef .btn-seltype2::placeholder{color:#bbb}
.setinput-wrap.typedef .addbtns{position:relative;margin-top:12px}
.setinput-wrap.typedef .addbtns +.title{margin-top:32px}
.setinput-wrap.typedef .addbtns .btn-addmoney{height:30px;line-height:30px;border-radius:4px;padding:0 4px;margin-right:8px;min-width:62px;font-size:14px;background-color:#f5f5f5}
.setinput-wrap.typedef .addbtns .btn-addmoney.disabled, .addbtns .btn-addmoney:disabled{border-color:#f5f5f5}
.setinput-wrap.typedef .addbtns .chkWrap{position:absolute;right:0;top:4px}
.sh-box-sub .filterInputwrap{position:relative;display:flex;padding:0 16px 54px}
.sh-box-sub .filterInputwrap .form-control{height:38px;line-height:38px;padding:10px;border-top:1px solid #eee;border-bottom:1px solid #eee;text-align:right;font-size:14px;color:#444;font-weight:700}
.sh-box-sub .filterInputwrap .input-group{margin-left:26px;}
.sh-box-sub .filterInputwrap .input-group:nth-of-type(1){margin:0}
.sh-box-sub .filterInputwrap .input-group-prepend{background:#f5f5f5;border:1px solid #eee;border-right:0;border-radius:8px 0 0 8px;padding:0}
.sh-box-sub .filterInputwrap .input-group-prepend button{width:38px;background:url('/images/map/filters/icon_24_minus.svg') no-repeat 50% 50% / 24px auto;font-size:0}
.sh-box-sub .filterInputwrap .input-group-append{background:#f5f5f5;border:1px solid #eee;border-left:0;border-radius:0 8px 8px 0;padding:0}
.sh-box-sub .filterInputwrap .input-group-append button{width:38px;background:url('/images/map/filters/icon_24_plus.svg') no-repeat 50% 50% / 24px auto;font-size:0}
.sh-box-sub .filterInputwrap .wavetext{position:absolute;top:0;left:calc(50% - 13px);width:26px;line-height:45px;text-align:center;font-size:14px;color:#000;font-weight:700}
.sh-box-sub .filterInputwrap .textnum{position:absolute;top:43px;left:16px;width:calc(100% - 32px)}
.sh-box-sub .filterInputwrap .textnum span{float:left;display:inline-block;width:calc(50% - 13px);font-size:14px;color:#4373f4;text-align:right}
.sh-box-sub .filterInputwrap .textnum span:nth-of-type(2){margin-left:26px}
.sh-box-sub .setinput-wrap.typedef.numfield .title, .sh-box-sub .setinput-wrap.typedef.numfield .select-item{width:160px}
.sh-box-sub .setinput-wrap.numfield .filterInputwrap{padding:0}
.bxpercent{display:flex;align-items:center;justify-content:space-between;min-width:82px;height:40px;padding:0 8px;border:1px solid #e0e0e0;border-radius:8px}
.bxpercent em{font-weight:700}
.bxpercent input{border:0;padding:0;width:52px;height:38px;line-height:38px;font-size:16px;color:#444;background:transparent;outline:none}
.bxpercent input[type="number"]::-webkit-outer-spin-button,
.bxpercent input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.bxpercent input[type=number] {-moz-appearance: textfield;}

/* 어드민 이벤트 폼 */
.eventForm{position:relative;width:100%;max-width:560px;text-align:center}
.eventForm img{width:100%}
.eventForm .in{position:relative}
.eventForm button,
.eventForm a{border:0}
.eventForm .btn-link{color:#fff;text-decoration:underline;font-size:12px;min-height:auto;line-height:1.5;margin-top:-2px}
.eventForm .btn-evt-close{z-index:10;border:0;position:absolute;top: 21px;left: 16px;width:24px;height:24px;background: url('/images/icon_24_close_delete.svg') no-repeat 0 0 / 24px auto}
.eventForm .btn-evt-share{z-index:10;border:0;position:absolute;top: 16px;right: 16px;width:35px;height:34px;background: url('/images/event230518/btn_event_share.png') no-repeat 0 0 / 34px auto}
.eventForm .btn-evt-close.white{background: url('/images/event230227/icon_24_navi_close.png') no-repeat 0 0 / 24px auto}
.eventForm .btn-evt-share.white{background: url('/images/event230227/btn_event_share.png') no-repeat 0 0 / 34px auto}
.eventForm .renewModal .btn-close{position:absolute;left:auto;right:16px;top:16px;background:url('/images/icon_16_close_black.svg') no-repeat 50% 50% / 20px auto}
.eventForm .textblind {overflow: hidden;border: 0;position: absolute;z-index: -1;width: 1px;height: 1px;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);}
.eventForm .notitit{font-size:16px;font-weight:700;color:#eee;margin-bottom:16px}
.eventForm .notibox{padding:30px 16px;background:#888379;text-align:left}
.eventForm .notibox li{position:relative;padding-left:10px;margin:0 0 8px;color:rgba(238, 238, 238, .8);font-size:12px;word-break: keep-all;line-height:18px}
.eventForm .notibox ul li:before{position:absolute;top:6px;left:0;content:'';display:block;width:3px;height:3px;border-radius:50%;background:rgba(238, 238, 238, .8)}
.eventForm .date{padding-top:12px;text-align:right;color:rgba(238, 238, 238, .8);font-size:12px}
.eventForm .noti_txtbtn{font-size:12px;color:rgba(238, 238, 238, .8);text-decoration:underline}
.eventForm .custom-radio{margin-top:12px}
.eventForm .custom-radio label{font-weight:400;color:#444;word-break:break-all;overflow-wrap:break-word}
.eventForm .setinput-wrap .custom-radio .custom-control-input:checked ~ .custom-control-label::after,
.eventForm .setinput-wrap .custom-radio .custom-control-label::before,
.eventForm .setinput-wrap .custom-radio .custom-control-input:disabled + .custom-control-label::after{top:1px}
.eventForm .setinput-wrap .custom-radio .custom-control-label::before{background-color:#fff}
.eventpopimg{width:64px;margin:32px auto -16px}
.eventpopimg img{width:100%}
.eventpopimg.wd70{width:70px}

/* 토픽목록 */
.topicbox{padding-bottom:32px}
.topicbox:first-child{margin-top:25px}
.topictop{display:flex;justify-content:space-between;margin-bottom:16px}
.topictop button{border:0;font-size:16px}
.topicitem{display:flex;flex-wrap:wrap}
.topicitem .item{flex:0 0 auto;margin:0 8px 8px 0;font-size:16px}
.topicitem .item .btn-biz-ico-check-inner{height:36px;line-height:34px;padding:0 12px 0 36px;border:1px solid #e0e0e0;border-radius:100px}
.topicitem .item .btn-biz-ico-check-inner:before{left:12px}
.topicitem .item :checked + label .btn-biz-ico-check-inner{border-color:#4373f4;color:#4373f4}
.selctop{padding-bottom:20px}
.selctbox{margin-top:16px}
.selctbox + .selctbox{margin-top:36px}
.selctbox em.text-grey{margin:0 16px;font-size:14px}
.selctbox + .selctbox .btn-typeselect:last-child:after{display:none}

/* 브릿지페이지 */
.pagebridge{display:flex;flex-direction:column;height:100%}
.pagebridge .imgbox{width:100%;margin:0 auto}
.pagebridge .imgbox img{width:100%}
.pagebridge .myhomep{padding-top:24px}
.pagebridge .myhomep .imgbox{position:relative;margin-top:22px}
.pagebridge .myhomep .imgbox img{max-width:375px}
.pagebridge .fixedbottom{position:fixed;bottom:0;width:100%}

/* 알림 도움말 */
.helpcon{margin:24px 16px 0;display:grid;width: calc(100% - 32px);grid-template-columns: repeat(2, 1fr);-webkit-column-gap: 12px;column-gap: 12px;row-gap: 12px;text-align:left;}
.helpcon .item{background: rgba(67, 115, 244, 0.1);border-radius:12px;min-height:200px;padding:16px}
.helpcon .icon{width:74px;height:72px}
.helpcon .icon.help1{background:url('/images/help_page_img_01.png') no-repeat 0 0 / 100% auto}
.helpcon .icon.help2{background:url('/images/help_page_img_02.png') no-repeat 0 0 / 100% auto}
.helpcon .icon.help3{width:78px;background:url('/images/help_page_img_03.png') no-repeat 0 0 / 100% auto}
.helpcon .icon.help4{background:url('/images/help_page_img_04.png') no-repeat 0 0 / 100% auto}
.helpcon .icon.help5{background:url('/images/help_page_img_05.png') no-repeat 0 0 / 100% auto}
.helpcon .txtcon em{display:inline-block;height:20px;padding:0 4px;background: rgba(154, 161, 182, 0.15);font-size:11px;color:#515d7d;line-height:20px;font-weight:700;border-radius:4px}
.helpcon .txtcon p{margin-top:4px;font-size:16px;font-weight:700}
.helpsetting{margin:24px 16px 0;text-align:left}
.helpsetting .pageBottom{margin:40px 0 0}
.setstep{margin-top:8px;background: rgba(243, 245, 249, 1);border-radius:8px;padding-top:16px;text-align:center;font-size:16px;overflow:hidden}
.setsteptit{display:block;padding-top:40px;font-size:18px}
.setsteptit:nth-of-type(1){padding-top:32px}
.setstepstit{padding:4px 0 8px 16px;font-size:16px}
.setstep strong{display:block;padding-bottom:2px}
.setstep p{padding-bottom:8px}
.setstep img{max-width:328px;width:100%;margin:0 auto}
.setstep .bulletlist{margin:0 16px 16px}
.setstep .bulletlist li:after{top:10px}
.setstep .bulletlist li + li{margin-top:12px}
.helpsetting .slick-dots{height:5px;margin:16px 0 0}
.helpsetting .slick-dots li{vertical-align:top}
.helpico20{position:relative;top:2px;width:20px;margin-right:2px}
.helpico20 img{width:100%}
.detailBox .summarybtnsw{margin:20px 16px}
.summarybtnsw{display:flex;min-height:48px;border:solid 1px #e0e0e0;border-radius:8px;}
.summarybtnsw .summarybtn{display:flex;flex-direction:column;align-items:center;flex:1 1 0; height:100%;padding:0 11px;margin:11px 0;line-height:22px;font-size:14px;position: relative; text-align: center; cursor: pointer;border:0;color:#444}
.summarybtnsw .summarybtn:after{content:""; width:1px; height:100%; background:#eee;position: absolute; left:0; top:0}
.summarybtnsw .summarybtn:nth-of-type(1):after{display:none}
.summarybtnsw .summarybtn:before{position:relative;content:'';display:inline-block;width:24px;height:24px}
.summarybtnsw .summarybtn.youtube:before{background:url('/images/icon_24_youtube.png') no-repeat 0 0 / 100% auto}
.summarybtnsw .summarybtn.google:before{background:url('/images/icon_24_google.png') no-repeat 0 0 / 100% auto}
.summarybtnsw .summarybtn.naver:before{background:url('/images/icon_24_naver.png') no-repeat 0 0 / 100% auto}
.summarybtnsw .summarybtn.smap:before{width:100%;background:url('/images/map/marker/logo_3_d_smap.png') no-repeat 50% 50% / 72px auto}
.pageflexcolumn{display:flex;flex-direction:column;height:100%}
.pageflexcolumn .setagree-wrap{padding-top:0}
.text-etc{margin:-16px 0 24px}
.text-aos, .text-ios{position:relative;display:flex;align-items:center;font-size:18px}
.text-aos:before, .text-ios:before{content:'';width:28px;height:28px;margin-right:8px;background:url('/images/ico_aos.png') no-repeat 0 0 / 28px auto}
.text-ios:before{background:url('/images/ico_ios.png') no-repeat 0 0 / 28px auto}

/*경매락*/
.auctioncon{text-align:left}
.auctioncon .auctiontop{padding:16px 16px 30px}
.auctioncon .auctiontop .imgbox328{margin-top:24px}
.auctioncon .topnoti{display:flex;align-items:center;justify-content:center;font-size:16px}
.auctioncon .auctionbtm{padding-bottom:40px;background:#f3f5f9}
.auctioncon .pageBottom{margin:24px 0 0;-webkit-transform: translateZ(0);transition:left .3s;}
.auctioncon .pageBottom.fixBtm{left:0;z-index:1;margin:0}
@media (min-width: 1024px){.auctioncon .pageBottom.fixBtm{left:71px}}
.auctionbtm .servicetit{display:flex;padding:40px 16px 16px;justify-content: space-between;}
.auctionbtm .servicetit strong{font-size:20px;font-weight:500}
.auctionbtm .servicelist{background:#fff;border-radius:12px;padding:24px 16px;margin:0 16px}
.auctionbtm .listbox{border-top:1px solid #eee;padding:16px 0}
.auctionbtm .listbox:first-child{border-top:0;padding-top:0}
.auctionbtm .listbox strong{display:flex;font-size:18px;color:#515d7d;font-weight:500;word-break: keep-all}
.auctionbtm .listbox strong em{display:block;width:24px;height:24px;min-width:24px;line-height:24px;margin-right:8px;border-radius:12px;background:#515d7d;color:#fff;font-size:14px;text-align:center;}
.auctionbtm .listbox .bulletlist{padding-left:32px;margin-top:4px;font-size:16px}
.auctionbtm .listbox .bulletlist li{margin-bottom:2px}
.auctioncon .notiboxgroup{padding-bottom:110px;background:#fff}
.auctioncon .notiboxgroup .bulletlist li{margin-bottom:8px}
.auctioncon .servicepreview .slick-slide{width:260px;margin-right:11px}
.auctioncon .servicepreview .slick-slide img{width:100%}
.auctioncon .servicepreview .slick-list{padding-left:16px}
.auctioncon .slick-dots{margin:10px 0 0;height:6px}
.auctioncon .slick-dots li{vertical-align:top}
.auctionpreview{padding-bottom:86px}
.auctionpreview img{width:100%}
.icon-28-certification{display:inline-block;width:28px;height:28px;background:url('/images/icon_28_certification.png') no-repeat 0 0 / 100% auto}
.icon-28-litecertification{display:inline-block;width:28px;height:28px;background:url('/images/icon_28_litecertification.png') no-repeat 0 0 / 100% auto}
.filter-box-sh{display:flex;align-items:center;margin-top:16px}
.filter-box-sh .btn-choice{min-width:72px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;background-color:transparent;border: none;border-radius: 0;padding:0 22px 0 0}
.filter-box-sh span{display:inline-block;white-space:nowrap;font-size:14px;color:#888}
.filter-box-sh.type2{margin:16px 16px 20px}
.filter-box-sh span.mwd70{margin-right:10px}
/* 전문가분석 */
.expertcon{padding-bottom:70px;text-align:left;color:#222}
.expertcon .expertnoti{display:block;padding:16px 16px 24px;font-size:20px;font-weight:500}
.expertcon .cardwrap{padding:24px 16px;background:#f3f5f9}
.expertcon .box{cursor:pointer}
.expertcard{padding:20px 12px;margin-bottom:16px;background:#fff;border-radius:12px;border:1px solid #eee}
.expertcard:last-child{margin:0}
.expertcard .box{position:relative;width:calc(100% + 24px);height:0;max-height:176px;padding-bottom: calc(56% + 12px);overflow:hidden;margin:12px -12px}
.expertcard .box img{z-index:1;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width: 100%;height: 100%;object-fit: cover}
.expertcard .box.video:before,
.todaywrap .box.video:before{z-index:2;content: "";display: block;position: absolute;top: 50%;left: 50%;width: 42px;height: 42px;transform: translate(-50%, -50%);background: url('/images/partners/spr_partners_main.png') -5px -173px;background-size: 90px auto;}
.expertcard .box:after,
.todaywrap .box:after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0}
.expertcard .box iframe,
.todaywrap .box iframe{z-index:10;position:absolute;top:0;left:0;width:100%;height:100%}
.expertcard .tit{font-size:18px;font-weight:500}
.expertcard .dec{height: 48px;line-height: 24px;text-overflow: ellipsis;overflow: hidden;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size:16px;color:#444}
.expertcard .binfo{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px;color:#888}
.expertcard .binfo .hash{display:flex;flex-wrap:wrap;min-width:auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;gap:0 8px}
.expertcard .binfo .hashin{position:relative;display:flex;overflow: hidden}
.expertcard .binfo .hashin:first-child{margin:0}
.expertcard .date{white-space:nowrap}
.todaywrap .picktit{padding:32px 16px 30px;font-weight:500}
.todaywrap .picktit .btn-allview{border:0;font-size:16px;color:#888}
.todaywrap .picktit .btn-allview:after{position:relative;top:-1px}
.todaywrap .picklist{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 16px 10px}
.todaywrap .picklist li{display:flex;flex-direction:column;width:calc((100% - 8px) / 2);margin:0 0 20px}
.todaywrap .box{display:block;position:relative;width:100%;height:0;max-height:90px;padding-bottom:56.25%;border-radius:8px;overflow:hidden}
.todaywrap .box img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width: 100%;height: 100%;object-fit: cover}
.todaywrap .dec{height: 42px;line-height: 21px;text-overflow: ellipsis;overflow: hidden;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin:16px 0 4px;white-space: normal;font-size:16px}
.todaywrap .date{color:#888}
.btn-kblandtv{width:calc(100% - 32px);height:48px;background:#fff2ed;border-radius:8px;margin:0 16px;font-size:16px;color:#222}
.btn-kblandtv span{display:flex;align-items:center;justify-content:center;}
.btn-kblandtv span:before{content:'';display:block;width:32px;height:32px;margin-right:4px;background:url('/images/partners/spr_partners_main.png') no-repeat -5px -131px;background-size: 90px auto}
.btn-kblandtv span:after{content:'';display:block;width:10px;height:10px;margin-left:4px;border-width:1px 1px 0 0;border-style: solid;border-color: #444 ;border-radius: 0;transform: rotate(45deg)}
.nodata.pd80{padding:80px 0 40px}
.cleanhouse{position:relative;display:inline-flex;align-items:center;color:#f8496c;font-size:14px;font-weight:700}
.cleanhouse:before{content:'';display:block;width:28px;height:16px;margin-right:2px;background:url('/images/logo_cleanhome.png') no-repeat 0 0 / 100% auto}
.label.cleanhouse{position:relative;top:1px;font-size:11px;border-color:#f8496c}
.label.cleanhouse:before{width:19px;height:11px;margin-right:1px;background:url('/images/logo_cleanhome_s.png') no-repeat 0 0 / 100% auto}
.bgmyhometop{background: linear-gradient(180deg, #FFFFFF 50%, #F5F7FF 100%);}
.btnTypeSort.myhomesort{position:relative;display:flex;margin:16px 0 0;padding-bottom:40px;}
.btnTypeSort.myhomesort .btn{flex:1}
.btnTypeSort.myhomesort:after{position:absolute;bottom:0;left:-16px;content:'';display:block;width:calc(100% + 32px);height:8px;background:#f5f5f5;border-top:1px solid #eee}
/* 주소로 검색 */
.card-search-ad{border-top:1px solid #eee}
.card-search-ad .address-section .step{position:sticky;top:56px;left:0}
.card-search-ad .address-item{padding:0 10px}
.card-search-ad .search-area .inner > .form-control{padding:12px 40px 0 2px}
.card-search-ad .address-section .step span:first-child:before{background:url('/images/icon_16_search_building.svg') no-repeat 50% 50% #868F9C}
.searchNew .card-search-ad .search-area{top:116px;height:64px;border-bottom:7px solid #f5f5f5}
.searchNew .card-search-ad .search-area:after{content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:#eee}
.searchNew .card-search-ad .inner:after{left:-22px}
.list-search-poi .search-keyword{color:#4373f4}
.ad-list-item{padding:20px 0;margin:0 16px;border-bottom:1px solid #eee;text-align:left}
.ad-list-item .text-grey{margin-top:4px}
.nickname-view{position:absolute;top:15px;width:calc(100% - 60px);height:20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.sortingXscroll{width:calc(100% - 65px);margin-top:-8px}
.sortingXscroll .inner{display:flex;width:max-content;padding-right:34px}
.sortingXscroll .scroll-wrapper.scrollbar-inner{padding:8px 0}
.tipdatabox{padding:24px 16px;text-align:left}
.tipdatabox .bulletlist{margin-top:16px}
.tipdatabox .bulletlist li + li{margin-top:6px}
.renewWrap.notice-contents .scrollbar-inner>.scroll-element,
.renewWrap.notice-contents .scrollbar-inner>.scroll-element div{z-index: 10000}
.blank-layer.renewWrap .QuickPriceSearchPage,
.blank-layer.renewWrap .statisticsReferenceWrap.newStc{max-width:720px;margin:0 auto}
.blank-layer.renewWrap .QuickPriceSearchPage .btn-print{position:absolute;top:5px;right:10px;height:30px}
/* 알림설정 변경 관련 스타일 : 기존영향 없음 */
.notice-contents .myhomeCont{border-bottom:1px solid #eee}
.notice-contents .myhomeCont .setinput-wrap{margin:0}
.singleline .btn.btn-typeselect{padding-right:30px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.sub-switch-wrap{margin:0 16px}
.notice-setting .sub-switch-wrap .swich-list-inner{min-height:30px}
.notice-setting .sub-switch-wrap .switch-list{border-top:1px solid #eee;padding:16px 0 16px 16px}
.notice-setting .sub-switch-wrap .switch-list:first-child{border-top:0}
.notice-setting .sub-switch-wrap .switch-list .tit{font-weight:400}
.notice-setting .setinput-wrap.radios-multi{padding:8px 0}
.setinput-wrap.radios-multi .custom-radio .custom-control-label{font-weight:400;margin:8px 0}
.setinput-wrap.radios-multi .custom-radio .custom-control-label span{display:block}
.setinput-wrap.radios-multi .custom-radio .custom-control-label span + span{margin-top:6px}
.alarmSetList.type2{min-height:auto;background:#f5f5f5}
.alarmSetList.type2 .alarminfoCon{padding:24px 16px}
.alarmSetList.type2 .alarmtagbox{display:flex;margin-top:10px}
.alarmSetList.type2 .alarmtagbox .tagname{margin:0 4px}
.alarmSetList.type2 .alarmtagbox .tagname:first-child{margin:0 4px 0 0}
.alarmSetList.type2 .alarmCard{padding:16px}
.alarmSetList.type2 .alarmCard .address{margin:4px 0 10px}
.alarmSetList.type2 .alarmtagbox .tagname{display:block;background:rgba(81, 93, 125, 0.1);;border-radius:4px;height:24px;line-height:24px;padding:0 6px;color:#515d7d}
.alarmSetList.type2 .alarmCard.disabled .tagname,
.alarmSetList.type2 .alarmtagbox .tagname.disabled{color:#9aa1b6;opacity:.8}
.alarmSetList.type2 .alarmCard .alarmcTit{max-width:calc(100% - 30px);padding-right:0;margin:0;font-weight:400}
.alarmSetList.type2 .flexbox .icon24Notice{margin-left:auto}
.switch-list.disabled .sw-box .guidetxt{opacity:.5}
.icon24Notice{display:inline-block;width:24px;height:24px;background:url('/images/icon_24_notice_active_light.png') no-repeat 0 0 / 24px auto}
.btn-menu-link-box .btn-menu-link-in .text-4373f4,
.btn-menu-link-box .btn-menu-link-in .text-bbb{position:absolute;top:50%;right:32px;transform:translateY(-50%)}
.alarmSetList.type2 .alarmCard.disabled .icon24Notice{filter:grayscale(1);opacity:.2;}
.notice-setting .switch-list .sw-box .guidetxt{margin:7px 0 -16px}
.notice-setting .sub-setting-new{background:#f5f5f5;min-height:calc(100vh - 112px);padding:24px 0;margin-top:10px}
.notice-setting .sub-setting-new .sub-switch-wrap .switch-list{padding:16px;height:auto}
.notice-setting .sub-setting-new .setinput-wrap.radios-multi{padding:8px 0 0}
.sub-setting-new .sub-switch-wrap{border-radius:12px;background:#fff;margin:0 16px 12px}
.sub-setting-new .alarminfoNodata{border-radius:12px;background:#fff;margin:0 16px;padding:48px 16px}
.sub-setting-new .btn-addlist{border:1px solid #bbb;border-radius:8px;color:#444}
.sub-setting-new .alarmSetList.type2{border-radius:12px;background:#fff;margin:0 16px;overflow:hidden}
.sub-setting-new .landtab-wrap{padding:16px 16px 0;min-height:56px;border-radius:12px 12px 0 0}
.sub-setting-new .alarmSetList .alarmCard{margin-top:12px;border:1px solid #eee;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08)}
.notice-setting .sub-setting-new .switch-list{height:64px}
.notice-setting .sub-setting-new .sub-switch-wrap .swich-list-inner{min-height:24px}
.sub-setting-new .newtype1.btn-switch{margin:0}
.sub-setting-new .alarminfoNodata > span.subtext{margin-bottom:16px}
.tablebase{width:100%;border-collapse:collapse;table-layout:fixed}
.tablebase caption{display:none}
.tablebase thead th{padding:12px 8px;border-top: 1px solid #eee;border-right:1px solid #eee;color:#444;background:#f5f5f5;font-weight:700;font-size:14px;line-height:22px;text-align:center}
.tablebase tbody td{padding:12px 4px;line-height:22px;border-bottom:1px solid #eee;;border-right:1px solid #eee;color:#444;font-size:14px;text-align:center}
.tablebase thead th:last-child,
.tablebase tbody td:last-child{border-right:0}
.tablebase tbody th{padding:12px 8px;border-bottom: 1px solid #eee;color:#444;background:#f5f5f5;font-weight:700;font-size:14px;line-height:22px;}
.tablebase tr.text-4373f4 td{color:inherit;font-weight:700}
.tablebase .text-4373f4{font-weight:700}
.tablebase.base-rowline{border-top:1px solid #eee}
.tablebase.base-rowline tbody th, .tablebase.base-rowline tbody td{text-align:left}
.tablebase.base-rowline td{padding:12px 8px}
.tablebasew.overtype{margin-right:-16px;padding-right:16px}
/* old design download 버튼타입 추가 */
.downloadWrap.term-btntype .btn-download {overflow: hidden;display: block;position: relative;width: 100%;height: auto;padding: 15px 72px 15px 16px;margin-bottom: 8px;border-radius: 12px;box-shadow: none;background-color:#fff;border:1px solid #bbb;color: #444;font-size: 14px;word-break: break-word;text-align: left;white-space: normal;}
.downloadWrap.term-btntype .btn-download:before {display: none;}
.downloadWrap.term-btntype .btn-download:after {content: '';display: block;position: absolute;right: 16px;top: calc(50% - 12px);width:24px;height:24px;background:url('/images/statistics/icon_24_download.svg') no-repeat center center / 100%;}