@charset "utf-8";

/* 내집내집 */
.myHomeWrapper{text-align:left}
.myHomeWrapper .renewslick{position:relative;width:100%;padding: 0 16px;}
.myHomeWrapper .renewslick .slickinner{position:relative;height:184px;background:#f5f5f5;border-radius:8px}
/* .myHomeWrapper .countlists{margin:20px 16px} */
.myHomeWrapper .detailBox{text-align:center}
.myHomeWrapper .detailBox.last{padding-bottom:40px}
.myHomeWrapper .detailBox.last .btn{color:#888}
.con-right{justify-content: right !important};
/* 내집내집 설정하기 */
.myHomeWrapper .dragItemsbox .dragItem{background:#f5f5f5;cursor: default;}
.myHomeWrapper .dragItemsbox .dragItem:after{top:50%;transform:translate(0, -50%)}

/* 내집내집상세 */
.c-blue{color: #4373f4 !important;}
.c-green{color: #3bb120 !important;}
.c-gray{color: #888 !important;}
.c-darkgray{color: #7c7366 !important;}
.mh-bdt{border-top: 1px solid #eee !important;}
.hide{display: none !important;}

.mh-container{padding: 0 16px;}
.card-type-info{position: relative;padding: 20px 16px;}
.card-type-info .btn-changeNew{position: absolute;right: 16px;top: 24px;}
.card-type-info .detailTit{padding-right: 48px;padding-left: 0;}
.card-type-info .detailTit .btn-typetext{vertical-align: bottom;margin-left: 4px;}
.card-type .countlabel{left: auto;right: 32px;bottom: 33px;}
.info-card-type{color: #888;font-size: 16px;}
.mh-info-item + .mh-info-item{margin-top: 2px;}
.info-card-category{margin-right: 9px;color: #f54f1b;}
.mh-source-item{font-size: 13px;}
.line-divide{position: relative;}
.line-divide + .line-divide{display: inline-block;margin-left: 4px;padding-left: 5px;}
.line-divide + .line-divide::before{content: '';display: block;height: 12px;border-left: 1px solid #eee;position: absolute;left: 0;top: 50%;margin-top: -6px;}
.info-card-price{}
.info-card-price .mh-price{margin-left: 4px;}
.mh-price{font-weight: 700;color: #444;}
.mh-price.lg{font-size: 16px;}
.mh-tit{color: #444;font-weight: 400;position: relative;}

.wrap-card-type-round{display: flex;margin: 12px 0;}
.type-round-item{border-radius: 7px;border: 1px solid #e0e0e0;padding: 16px;width: 100%;}
.type-round-item + .type-round-item{margin-left: 12px;}

.mh-source{margin-top: 12px;padding-bottom: 20px;color: #bbb;text-align: right;}
.wrap-mh-badge{text-align: right;margin-top: 17px;}
.mh-badge-tit{font-size: 12px;color: #888;}
.mh-badge-tit + .labeltype{margin-left: 4px;}
.wrap-mh-badge .mh-price{margin-top: 3px;}
.typeTapcon.mh-border{border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.mh-textbox{padding: 20px 16px;border-bottom: 1px solid #eee;}
.mh-textbox-tit{font-size: 20px;font-weight: 700;line-height: 1.4;}
.mh-contents-textbox{margin-top: 2px;color: #888;}

.mh-tit-btn {display:flex;}
/* .mh-tit-btn:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''} */
.mh-tit-text{/*display: inline-block;max-width:60%;float: left;*/margin-top: 8px;padding-right: 12px;font-size: 16px;font-weight: 700; word-break: keep-all;}
.mh-input-box{position: relative;}
.mh-input-box .btn-biz-clear{top: 5px;right: 2px;transform: none;}
.mh-input-box input{padding-right: 24px;}
.wrap-mh-input-unit{position: relative;display: flex;height: 36px;border-radius: 8px;border: 1px solid #e0e0e0;margin-left: auto;flex-grow: 1;background-color: #fff;padding-left: 16px;padding-right: 16px;align-items: center;}
.wrap-mh-price{display: flex;font-size: 16px;font-weight: 700;height: 36px;margin-left: auto;flex-grow: 1;padding: 8px 0 0 16px;justify-content: right;}

.input-unit{border: none;height: 24px;font-size: 16px;width: 100%;}
.input-unit.pd-r24{padding-right: 24px;}
.input-unit::placeholder{color: #bbb;font-weight: 400;}
.input-unit + .mh-unit{margin-left: 10px;font-size: 16px;font-weight: 700;word-break: keep-all;}
.wrap-input-unit-btn{margin-top: 12px;text-align: right;}
.unit-btn{border-radius: 4px;border: none;background-color: #eee;font-size: 14px;text-align: center;height: 30px;width: 62px;}
.unit-btn + .unit-btn{margin-left: 8px;}
.mh-tbl-default{margin: 6px 0;}
.mh-tbl-default th{color: #888;font-weight: 400;padding: 6px 0;}
.mh-tbl-default td{text-align: right;color: #444;font-weight: 700;padding: 6px 0;}
.mh-tbl-default th.lg, .mh-tbl-default td.lg{color: #444;font-weight: 800;padding: 6px 0;font-size: 16px;}
.mh-tbl-default + .mh-notice{padding-top: 12px;border-top: 1px solid #fff;}
.mh-notice{padding-left: 15px;position: relative;color: #888;}
.mh-notice::before{content: '※';position: absolute;left: 0;top: 12px;}

.badge-blue{background-color:#4373f4; border-color:#4373f4; color:#fff; font-weight:700;}
.badge-orang{background-color:#f54f1b; border-color:#f54f1b; color:#fff; font-weight:700;}

.btn-calculator{position: relative;height: 42px;width: 100%;padding-left: 48px;border: none;text-align: left;display: flex;flex-direction: column;}
.btn-calculator .c-blue{font-size: 12px;}
.btn-calculator .text{font-size: 16px;font-weight: 700;}
.btn-calculator::before, .btn-calculator::after{content: '';position: absolute;display: block;}
.btn-calculator::before{width: 40px;height: 40px;background: url(/images/ico_calculate.svg) 0 0 no-repeat;top: 0;left: 0;}
.btn-calculator::after{right: 0;top: 50%;transform: translateY(-50%);width: 16px;height: 16px;background: url(/images/biz_image/sp_form.png) no-repeat 0 -66px / 69px auto;}

.mh-infobox .arrowbullet{border-top-left-radius: 0;border-top-right-radius: 0;}

.wrap-mh-badge .marketPrcwrap .text {position: relative;}
.wrap-mh-badge .marketPrcwrap .text em {position: relative;display: inline-block;z-index: 0;}
.wrap-mh-badge .marketPrcwrap .text em:after {position: absolute;bottom: 3px;left: -1px;content: "";display: block;width: calc(100% + 2px);height: 4px;background: #ffaf00;z-index: -1;}
.pull-left{float: left;}
.pull-right{float: right;}
.type-round-item .pull-right{text-align: right;}
.pageHead .btn-add{position: absolute;padding-left: 14px;top: 16px;right: 16px;color: #4373f4;font-weight: 700;}
.pageHead .btn-add::before{content: '';position: absolute;left: 0;top: 5px;width: 12px;height: 12px;background: url(/images/icon_btn_plus.svg) 0 0 no-repeat;}
.card-type-info .wrap-add-myhome{position: absolute;left: 0;top: 0;bottom: 0;right: 0;}
.wrap-add-myhome{position: relative;width: 100%;min-height: 77.5px;background-color: #fff;border-radius: 8px;border: 1px dashed #e0e0e0;}
.wrap-add-myhome .btn-add-myhome{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.btn-add-myhome{border: none;}
.btn-add-myhome::before{content: '';display: block;width: 24px;height: 24px;background: url(/images/icon_plus_add.svg) 0 0 no-repeat;margin: 0 auto 8px;}

/* 내집내집 설정하기 */
.mh-dragItemsbox .dragItem{padding-right: 52px;}
.btn-write-modify{position: relative;margin-left: 4px;padding-left: 24px;height: 24px;color: #bbb;border: none;vertical-align: baseline;}
.btn-write-modify::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 24px;height: 24px;background: url(/images/icon_write_modify.svg) 0 0 no-repeat;}
.mh-drag-addr{font-size: 14px;font-weight: 400;}
.dragItemsbox.mh-dragItemsbox .dragItem:after{content: none;}
.dragItem-handle{position: absolute;right: 16px;display: block;border: none;width: 44px;height: 100%;top: 0;cursor: all-scroll !important;}
.dragItem-handle::before{content: '';display: block;position: absolute;width: 24px;height: 24px;background: url(/images/icon_24_dragable.svg) no-repeat 50% 50%;top: 50%;left: 12px;transform: translate(0, -50%);}
.deleteMode .dragItem-handle::before{background-image: url(/images/icon_16_close_black.svg);background-size: 20px;}
.deleteMode .dragItem-handle{cursor: pointer !important;}

.tableDatabox .tbody-tr .tdbox.col4, .tableDatabox .thead-tr .tdbox.col4{width: 100%;}
.tableDatabox  .tbody-tr .tdbox.col4 .intd, .tableDatabox  .thead-tr .tdbox.col4 .intd{display:flex;border-bottom:solid 1px #eeeeee}
.tableDatabox  .tbody-tr .tdbox.col4 .intd:nth-last-of-type(1), .tableDatabox  .thead-tr .tdbox.col4 .intd:nth-last-of-type(1){border-bottom:none}
.tableDatabox  .tbody-tr .tdbox.col4 .intd em, .tableDatabox  .thead-tr .tdbox.col4 .intd em{text-align:center;height:46px; line-height:46px;border-left:solid 1px #eeeeee;}
.tableDatabox  .tbody-tr .tdbox.col4 .intd em:nth-of-type(1), .tableDatabox  .thead-tr .tdbox.col4 .intd em:nth-of-type(1){width:62px;border-left:none}
.tableDatabox  .tbody-tr .tdbox.col4 .intd em:nth-of-type(2), .tableDatabox  .thead-tr .tdbox.col4 .intd em:nth-of-type(2){width:62px;}
.tableDatabox  .tbody-tr .tdbox.col4 .intd em:nth-of-type(3), .tableDatabox  .thead-tr .tdbox.col4 .intd em:nth-of-type(3){width: calc(100% - 186px);}
.tableDatabox  .tbody-tr .tdbox.col4 .intd em:nth-of-type(4), .tableDatabox  .thead-tr .tdbox.col4 .intd em:nth-of-type(4){width:62px;}
.kbcostCon .tableDatabox{padding-left: 0;padding-right: 0;}
.averageguide + .tableDatabox{margin-top: 0;}
.tableDatabox + .btn-ytablemore{top: 0;}