@charset "utf-8";
/* @import "./ui.css"; */
/* Font */

@font-face {
  font-family:'KB';
  font-weight:400;
  src: local('KB Regular'),
  url('../fonts/KBFGDisplayL.woff') format('woff');
  unicode-range:U+AC00-U+D7A3
}

@font-face {
  font-family:'KB';
  font-weight:700;
  src: local('KB Bold'),
  url('../fonts/KBFGDisplayM.woff') format('woff');
  unicode-range:U+AC00-U+D7A3
}

@font-face {
  font-family:'Roboto';
  font-weight:400;
  font-display: swap;
  src: local('roboto_regular'),
  url('../fonts/roboto_regular.woff') format('woff');
  unicode-range: U+0030-0039
}

@font-face {
  font-family:'Roboto';
  font-weight:700;
  font-display: swap;
  src: local('roboto_medium'),
  url('../fonts/roboto_medium.woff') format('woff');
  unicode-range: U+0030-0039
}


/* Font */
@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 400;
  src: local('Spoqa Han Sans Neo Regular'),
  url('../fonts/SpoqaHanSansNeo-Regular.woff2') format('woff2'),
  url('../fonts/SpoqaHanSansNeo-Regular.woff') format('woff'),
  url('../fonts/SpoqaHanSansNeo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 500;
  src: local('Spoqa Han Sans Neo Regular'),
  url('../fonts/SpoqaHanSansNeo-Medium.woff2') format('woff2'),
  url('../fonts/SpoqaHanSansNeo-Medium.woff') format('woff'),
  url('../fonts/SpoqaHanSansNeo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 700;
  src: local('Spoqa Han Sans Neo Bold'),
  url('../fonts/SpoqaHanSansNeo-Bold.woff2') format('woff2'),
  url('../fonts/SpoqaHanSansNeo-Bold.woff') format('woff'),
  url('../fonts/SpoqaHanSansNeo-Bold.ttf') format('truetype');
}
/*reset*/
html{font-size:100%;}
html, body { width: 100%; min-height: 100%; font-family:'Spoqa Han Sans Neo', sans-serif; font-weight:400; text-align:center;  position: relative;}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, button, abbr, acronym, address, code,del, dfn, em, img, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td ,hr {margin:0;padding:0;}
body {font-size:14px;color:#444;line-height:1.5; }
h1, h2, h3, h4, h5, h6 {font-weight:normal}
ol, ul, li {list-style:none}
table {width:100%; border-collapse:collapse;border-spacing:0}
strong, th {font-weight:700;}
form, fieldset, iframe {display:block;border:0}
img, button {border:0 none;vertical-align:top;}
hr {height:0; display:none}
i, em, address{font-style:normal}
label, button{cursor:pointer}
blockquote, q {quotes:none}
caption span, legend {overflow:hidden;visibility:hidden;position:absolute;width:0;height:0;padding:0;margin:0;font-size:0;text-indent:-100%;white-space:nowrap;z-index:-1}
.ellipsis {display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis}
.ellipsis2 {display:block;overflow:hidden;text-overflow:ellipsis;line-height:1.5;height:3em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}
input, textarea, select, button {font-size: 14px; color: #3c3e44; line-height: 1.5; letter-spacing: 0; vertical-align: middle; box-shadow: none; }
input, textarea {margin:0;padding:0}
textarea {resize:none}
button { border: 1px solid #c4c5c7; background: none; }
input[type=text]::-ms-clear {
  display:none;
}
a {color:#333;text-decoration:none}
a:link, a:visited, a:hover, a:active {text-decoration:none}
a.a-link { text-decoration: underline; color: #008cd2; }
a.link-line { text-decoration: underline; }
a.gray { font-size: 12px; color: #acacac; }
a.link-arrow { display: inline-block; padding-right: 15px; font-size: 14px }
/* 스크롤바색상 */
::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0)  !important;}
::-webkit-scrollbar-thumb:hover{background-color: rgba(0,0,0,0) !important;}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.darkimg{display:none}

a {-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
/* kbland_user #app 넓이/높이 상속 추가 */
#app { width: 100%; height: 100%; }
.h2-title{line-height: 24px;}
.pageHeader{padding:9px 16px 9px; box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.1); background-color:#fff; position:relative; position:-webkit-sticky; position: sticky;top: 0; z-index: 999;}
.pageHeader > div > div > strong{display:inline-block;margin-left:8px; vertical-align: middle; position: relative;top:-2px; font-weight:400; font-size:16px; }
.pageHeader .txt-trend { font-size:12px; margin-left:2px; }
.pageHeader .label-beta { margin-left:4px; }
.pageHeader .btn-kb-trend { flex-shrink:0; align-self:center; display:inline-flex; align-items:center; height:16px; line-height:14px; min-height:16px; padding:0 3px; margin-right:-8px; font-size:10px; color:#4c4a3f; border:1px solid #645b4c; border-radius:4px; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{color:#222; text-align:left}
.blind {width:1px; height:1px; border:0;overflow:hidden;clip:rect(1px 1px 1px 1px);clip-path:inset(50%);position:absolute;z-index:-1;}
[role=button] {outline: none;}
.bg-fullwhite{min-height:100%; padding:0 12px 0 12px;background-color:#fff}
.pageTop + .bg-fullwhite { min-height:calc(100% - 42px); }
.pageTop.type-float { box-shadow:none; }
.pageTop.type-float h1 { font-size:14px; }

.app .pageTop + .bg-fullwhite{min-height:calc(100vh - 42px); }
.bg-fullgray{min-height:calc(100% - 42px);padding:0;}
.stext{font-size:12px;font-weight:400;}
.vm--container{z-index:9999}
/*pagelayer*/
.pagelayer{width:100%; height:100vh; background-color:#fff; position:fixed; left:0; top:0;z-index: 9999;}
.linktx{font-weight:700; text-decoration: underline;}
/*상단 */
.selectbar{padding:8px 12px 4px; }
.selectbar.scroll{position:relative; position:-webkit-sticky; position:sticky; width: 100%;left: 0;top: 42px;background: #f8f8f8;z-index: 9999;}
.selectbar.scroll { padding:0 12px; background:rgba(255,255,255,.9); box-shadow:0px 1px 8px 0px rgba(0, 0, 0, 0.2); }
.selectbar.scroll .selectbox { background:transparent; box-shadow:none; }
.selectbar.scroll .selectbox .btn-select,
.selectbar.scroll .selectbox .btn-group-toggle .btn,
.selectbar.scroll .selectbox .btn-group-toggle .btn-secondary:not(:disabled):not(.disabled).active  { background:transparent; }
.selectbox {padding:4px;border-radius: 10px; background-color:#fff;box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.2)}
.selectbox .btn-group-toggle .btn-secondary{min-width:50px; height:32px; margin-left:4px; border-radius: 6px !important; padding:0 12px; color:#17356e;line-height:30px; font-size:14px; border-color:#ddd;background:#fff;font-weight:300;}
.selectbox .btn-group-toggle .btn-secondary:not(:disabled):not(.disabled).active {font-weight:400; background:#f8f8f8; }
.selectbox .btn-group-toggle .btn-secondary:nth-of-type(1){ margin-left:0px;}
.selectbox .btn-group > .btn:not(:first-child){margin-left:4px}
.selectbox .btn-change { margin-right:4px; }
.selectflex{display:flex;}
.selectflex .btn-group-toggle { flex-shrink:0; }
.select-text{position: relative; flex:1; margin:0 4px;} /* min-width: 168px; */
.select-text:before, .select-text:after{content:""; width:1px; height:16px; display:block; background-color:#ddd; position: absolute; top:8px}
.select-text:before{left:0}
.select-text:after{right:0}

.select-text .btn-select{width:auto; padding-left:0;padding-right:23px; border:none; background:#fff;} /* margin:0 16px; */
.select-text .btn-select:after{right:0; top:14px}
.select-text .btn-select.active:after{top:8px}
.groupDetail-txt{display:flex; flex-wrap:wrap; margin-top:3px;}
.groupDetail-txt .listtext{min-width:calc(50% - 15px); margin-bottom:12px; font-weight:400;}
.groupDetail-txt .listtext.block{width:100%; display:block}
.groupDetail-txt .listtext strong { font-weight:700; }
.groupDetail-txt .listtext.phone{min-width:calc(100% - 30px);height: 26px;padding:0;margin:0px 0 0 15px;border-radius: 14px; background-color:#f1f1f1;  line-height:24px;text-align:center}
.groupDetail-txt .listtext.phone span:after{content:"";width:16px; height:16px;  background: url('../../images/phone_call.svg') left center no-repeat; border-radius: 0;position:absolute;left:-20px; top:6px;}
.groupDetail-txt .listtext.phone span{position:relative;display:inline-block;margin-left:20px}
.groupDetail-txt .listtext.phone:after{display:none}
.groupDetail-txt .listtext .btn-graydefault { margin-left:4px; }
.viewWrap{background-color:#000; min-height:100vh; color:#fff;text-align: left;}
.toparea{width: 100%; height: 42px;padding: 9px 16px;line-height: 24px; }
.right{display:inline-block; float:right}
.grayBox1 {position:relative; z-index:1; margin:16px 12px 0 12px; border-radius:4px; background:#f8f8f8;}
.textellipsis{text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
/*lodaing*/
.data-overlay{height:100vh; width: 100%; left:0; top:0; position: fixed !important; }
.loadingbox{width:100%; height:100%; display:flex; justify-content: center; align-items: center; background-color:rgba(244,255,255, .5) }
/*toast*/
.v-notices .v-toast-default{min-width:180px;background-color:rgba(54,54,54, .8) !important; border-radius: 16px !important;;min-height:36px !important;; padding:8px 10px !important;; justify-content: center;}
.v-notices .v-toast .v-toast-text{padding:0 !important;}
/*flexbox align*/
.flexbox{display:flex}
.flexbox.between{justify-content: space-between;}
.flexbox.align-c{align-items: center;}
.flexbox.half{justify-content: space-around;}
.in-flex{display:inline-flex}
/* .flex-scroll{flex:1; display: flex;flex-wrap: nowrap;overflow: hidden; overflow-x:auto; }
.flex-scroll .flex-scrollin{width:max-content; display: flex;} */
/*하단고정 정렬*/
.flex-align{display:flex; flex-direction:column; }
.btn-botbox{margin-top:auto; padding-bottom: 12px;}
.btn-botbox .btn-formround{width: 100%;height: 40px;border-radius: 8px;}
.full .btn{height:40px; line-height:38px; border-radius: 8px;}
.class-list.full .btn{height:auto; line-height:14px; border-radius: 4px;}
.text-alignC{text-align:center}
/* form */
#app .custom-control{min-height:auto; padding-left:0}
.custom-control-label::before,.custom-control-label::after{left:0; top:3px; width: 20px; height: 20px;border: 1px solid #888;}
.custom-control-label::after{border:none}
.custom-radio .custom-control-label{padding-left:28px; font-size:16px}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after{background-color:#17356e; border-radius: 50%; background-image:none; transform: scale(0.7); border:none}
.custom-control-input:checked ~ .custom-control-label::before{border-color:#888; background-color:#fff}
.form-control{height: 47px;padding: 12px 0 0 8px;border:none;border-bottom: 1px solid #b2b2b2;box-sizing: border-box; color:#676767; font-size:14px}
.form-control:disabled, .form-control[readonly]{background-color:#fff; color:#b2b2b2}
.form-control::placeholder{color:#b2b2b2; }
.form-control:focus{background-color:transparent; box-shadow: none; border-bottom: 1px solid #b2b2b2;}
.form-control.is-invalid{margin-right: 8px;background: none;}
.was-validated .form-control:invalid,
.form-control.is-invalid,
.form-control.is-valid:focus,
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus{border-bottom: 1px solid #f75e5e;box-shadow:none; }
.form-control.is-invalid{border-bottom: 1px solid #b2b2b2;box-shadow:none; }
.form-control.is-valid{border-color:#b2b2b2; background-image:none}
/* .form-control[aria-invalid=true]:focus{border-color:#f75e5e}
.form-control[aria-invalid=true]:focus+.error-message,.form-control:focus+.error-message.top{display: block;}
/*css 원복*/
.form-control[aria-invalid=true]:focus+.error-message.top{display: block;}
.form-control.is-valid.blue{border-color:#3d70e3}
.form-control.is-invalid[aria-invalid=true]:focus ~ .invalid-feedback .error-message{display: block;}
/* 개발추가 에러메시지 노출 고정*/
.form-control[aria-invalid=true]~.error-message.top.show{display: block;}
.form-control.is-invalid[aria-invalid=true]~.invalid-feedback .error-message.show{display: block;}

/*.form-control[aria-invalid=true]:focus+.error-message.top{display: block;} *!
.form-control[aria-invalid=true]:focus+.error-message.top{display: block;} */
.focuserror .form-control{border-color:#f75e5e}
.focuserror .error-message,.focuserror .error-message.top{display: block;}
.focus .error-message.top{display: block;}
.focus .form-control{border-color:#3d70e3}
.focus .error-message.top{color:#3d70e3}
.focus.member-input .inputbt, .focuserror.member-input .inputbt{display:block}
.focuserror .invalid-feedback{display:block}
.focus .done.phone{display:block}
.disabled .form-control{color: #b2b2b2}
/* .form-control.is-valid.blue{border-color:#3d70e3}
.form-control.is-invalid.focuserror  ~ .invalid-feedback .error-message{display: block;} */
.custom-checkbox.bg-blue .custom-control-input:checked~.custom-control-label::after{background-color:#17356e}
.custom-control-input:focus ~ .custom-control-label::before{box-shadow: none;}
.form-control.round{height: 40px; border:solid 1px #ddd; border-radius: 10px;line-height:38px; padding:0 16px}
.form-control.round:focus{border-color:#4178f4}
.textarea{position: relative;}
.textarea.sm textarea::placeholder {font-size:12px; line-height:16px;}
textarea.form-control{position: relative;width: 100%;height: 124px;padding: 16px 16px 32px;border-radius: 10px;border: 1px solid #b2b2b2;box-sizing: border-box; background: #fff; -webkit-appearance:none;}
textarea.form-control.is-invalid{border-color: #ddd;}
textarea.form-control[aria-invalid=true]:focus, textarea.form-control.is-valid:focus{border-color:#4178f4}
.custom-file{width: 100%;height: 100%;border: 1px dashed #ddd;background: #f8f8f8;}
.custom-file-label{display:none}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{background-color:#17356e; background-size:20px; border:none; background-image:url('../../images/common-checkon.svg')}
/* .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{background-image:url('../../images/checkon.svg'); background-size:16px; border:none} */
.calcLayer{margin:12px;height:calc(100% - 24px) !important; width:calc(100% - 24px) !important}
.calcLayer .flex-align{height:calc(100% - 16px);}
.sellPointW .my-sell-point { display:flex; flex-wrap:wrap; align-items:center; margin:10px 0 24px; font-size:16px; line-height:24px; color:#222; }
.sellPointW .my-sell-point .extra-point { margin-left:8px; font-weight:300; font-size:14px; line-height:20px; color:#222;}
.sellPointW .my-sell-point .extra-point em { font-weight:400; font-weight:400; font-size:18px; line-height:20px; color:#517ad6; }
.sellPointW .txt-help-wrap { margin-top:0px; }
.sellPointW .txt-help-wrap .txt-help-s { line-height:14px; color:#888; }
.agreeWarp { display:flex; justify-content:space-between; align-items:flex-start; margin:6px 0; text-align:left; }
.agreeWarp .text { font-weight:400; color:#666; }
.agreeWarp .link { font-size:12px; line-height:16px; color:#517ad6; cursor:pointer; }
.sellPointW .flexbox .register-section { flex:1;  }
.sellPointW .flexbox .register-section + .register-section { margin-left:8px; }
#helpTipCont1 .tooltip-inner { min-width:inherit; width:312px; line-height:16px; }
#helpTipCont2 .tooltip-inner { min-width:inherit; width:312px; }
.tip-family { text-align:left; font-size:10px; }
.tip-family p + .group { margin-top:4px; border-top:1px solid #fff; }
.tip-family .group { display:flex; padding-top:4px }
.tip-family .group > span { flex-shrink:0; width:84px; padding-right:4px; }

.imgcheck label{font-weight: 400;color: #666;font-size: 12px;line-height: 16px;padding-left: 20px;}
.imgcheck label .blue{color:#517ad6}
.imgcheck label:before{top: 2px; width: 16px;height: 16px;border: 0 !important; background: transparent url('../../images/ico_check_form_sm.svg') no-repeat 0 0; background-size: 100%;}
.imgcheck .custom-control-input:check.searchbar-main .btn-searched ~ .custom-control-label::before{background-color: transparent; top:1px; border-radius:3px;}
.imgcheck.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{top:1px;width: 16px; height: 16px;background: transparent url('../../images/ico_check_form_sm_checked.svg') !important;background-size: 100%;}
.add.imgcheck.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{filter:invert(0)}
.smcheck label.custom-control-label {font-weight: 400;color: #676767;font-size: 12px;line-height: 16px;padding-left: 20px;}
.smcheck label:before{top: 2px; width: 16px;height: 16px;}
.smcheck .custom-control-input:check.searchbar-main .btn-searched ~ .custom-control-label::before{background-color: transparent; top:1px;}
.smcheck.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{top:1px;width: 16px; height: 16px;background-size: 100%;}

/* 지도필터 */
.custom-select{max-width:100%; height:24px; border:none;  padding:0 16px 0 0; font-size:14px; line-height:24px; color:#222; background:url('../../images/select-down.svg') no-repeat right center; background-size:16px}
.custom-select:focus{outline: none; box-shadow: none;}
.searchbar-main { display:flex; align-items:center; position:fixed; top:12px; left:12px; right:12px; height:40px; padding:8px 48px 8px 48px; border-radius:10px; text-align:left;  box-shadow:0 1px 8px rgba(0,0,0,0.2); background:#fff; }
.searchbar-main .btn-addrSearch { position:relative; overflow:hidden; display:block; max-width:100%; padding-right:16px; font-size:14px; line-height:20px; color:#222; font-weight:400; border:0; text-align:left; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap;}
.searchbar-main .btn-addrSearch:after { content:''; position:absolute; right:0; top:10px; display:inline-block; width:0; height:0; border-style:solid; border-width:5px; border-color:#222 transparent transparent transparent;}
.searchbar-main .btn-allmenu{position:absolute; top:8px; left:16px; border:0;}
.searchbar-main .btn-allmenu >span{display:block; width:4px; height:4px; border-radius: 50%; background-color:#ff0200; font-size:0; position:absolute; right:0; top:0}
.searchbar-main .btn-search{ flex:1; flex-shrink:0; min-width:40px; height:40px; background-size:24px 24px; border:0; background-position:calc(100% - 6px) center;}
.searchbar-main .btn-home { position:absolute; top:8px; right:16px;}

.filterWrap{ width:100%; position:fixed; top:58px; left:8px;}
.filterWrap.on { overflow:hidden; border-radius:10px; background:#fff; }
.filterWrap .fliter-head { position:relative; padding:0px 4px; height:44px; }
.filterWrap .fliter-group { display:flex; flex-wrap:wrap; align-items:center;}
.filterWrap.buylist{top:42px; left:0; z-index:1; padding-top:2px; border-bottom:4px solid#ddd; background-color: #fff;}
.filterWrap.buylist .fliter-head .all-filter{width:52px;}
/* fliter-group */
.filter-group-outer { display: flex; flex-wrap: wrap; width: calc(100%  - 52px); }
.filter-group-outer .filter-group { display: flex; flex-wrap: nowrap; padding: 4px 0 0; }

.fliter-group .btn-filter {min-width:auto; min-height:32px; padding:0 7px; margin:0 0 8px 8px; border:0; box-shadow:0 1px 3px rgba(0,0,0,0.2); border-radius:16px;background-color:#fff;white-space:nowrap; font-weight:300; font-size:14px; color:#222; line-height:30px;position:relative;}
.fliter-group .btn-filter:last-child:after{display: block; content: '';width: 1px; height: 1px; position: absolute; right: -12px; top: 0;}
.fliter-group .btn-filter .num { display:inline-block; vertical-align:top; min-width:16px; height:16px; margin:7px -4px 0 2px; font-size:10px; line-height:16px; color:#222; text-align:center; border-radius:16px; background:#ffcc00; }
.fliter-group .btn-filter.icomyFilter{padding:0 7px 0 20px; background-image:url('../../images/ico_myfliter.svg'); background-size:24px; background-position:left center; }
.fliter-group .btn-filter.icomyFilter.active{background-image:url('../../images/ico_myfliter_selected.svg');color:#222; background-color:#fff}
.fliter-group .btn-filter.icomyFilter.selected{color:#fff;background-color:#17356e; ;background-image:url('../../images/ico_myfliter_selected.svg');}
.fliter-group .btn-filter.icomyFilter.submit{border-color:transparent; min-width:50px;background-image:url('../../images/ico_myfliter.svg');font-weight:700}
.fliter-group .btn-filter.icomyFilter.submit:hover{background-image:url('../../images/ico_myfliter_selected.svg');}
.fliter-group .btn-filter.icomyFilter.submit:after{content: ''; position: absolute;top: -1px; bottom: -1px;left: -1px; right: -1px;z-index: -1;border-radius: 16px;transform: scale(1.05);
 background: #4178f4 linear-gradient(to right, #7f4de9, #4178f4);}
.fliter-group .icomyFilter.update:before{ content: '';position: absolute;left: 4px; top: 7px;z-index: 1;width: 4px;height: 4px;border-radius: 2px;  background: #ff0200;}
.fliter-group .btn-filter.submit{border:1px solid #febd36;font-weight:700}
.fliter-group .btn-filter.submit .num{font-weight:400}
.fliter-group .btn-filter.selected{background-color:#ffcc00}
.fliter-group .btn-filter.selected .num{background-color:#fff}
.filterWrap .fliter-head .all-filter { position: relative; }
.all-filter .btn-allfilter { width:44px; height:44px; border:0; background-image:url('../../images/btn_all_filter.svg'); }
.all-filter .num { position:absolute; right:7px; top:1px; width:14px; height:14px; font-size:12px; line-height:14px; color:#222; text-align:center; border-radius:7px; background:#ffcc00;}
.filterWrap.on .fliter-head .all-filter  { background:#fff;}
.filterWrap.on .fliter-head .all-filter:before { content:''; position:absolute; left:-1px; top:4px; bottom:4px; width:1px; background:#e7e7e7;}

/* 매물리스트 상단 고정 영역 추가 */
.web .sortingwrap.fix, .web .addlist.fix{max-width:448px}
.sortingwrap.filter.fix{position:fixed;top:42px;z-index:1;width:100%;padding-top:0 !important;}
.addlist.fix{position:fixed;top:86px;left:0;z-index:1;width:100%}
.addlist.fix + .conWbg{padding-top:82px}
.filterWrap.buylist{position:fixed !important}
@media (max-width: 1015px){
  .sortingwrap.filter.fix{top:92px}
  .addlist.fix{top:136px}
  .addlist.fix + .conWbg{padding-top:132px}
}

/* 스위치 체크박스 */
.btn-switch { display:inline-block; position:relative; height:24px; vertical-align:top; }
.btn-switch .switch .custom-control-label::after, .btn-switch .switch .custom-control-label::before{display: none;}
.btn-switch .switch label { width:40px; height:24px; border-radius:24px; background:#666666; position: relative;}
.btn-switch .switch label.custom-control-label:after{content:""; display: block; position:absolute; left:2px; top:2px; width:20px; height:20px; border-radius:10px; background:#fff; transition:.4s; }
.btn-switch .switch input:checked + label { background:#17356e; }
.btn-switch .switch input:checked + label.custom-control-label:after { transform:translateX(16px);background-image:none; background-color:#fff }
.btn-switch .switch input:disabled + label { opacity:.4; }

.btn-switch.type1 {height:20px; }
.btn-switch.type1 .switch label {height: 14px; width:40px; margin-top:3px; border-radius:17.5px; background-color: #ddd;}
.btn-switch.type1 .switch label:after {top: -3px; left:0; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);}
.btn-switch.type1 .switch input:checked + label { background: #17356e; }
.btn-switch.type1 .switch input:checked + label.custom-control-label:after { transform:translateX(22px); }

.btn-switch.type2 {height:24px;}
.btn-switch.type2 .switch label {height: 12px; width:40px; margin-top:5px; border-radius:17.5px; background-color: #dde1e4}
.btn-switch.type2 .switch label:after {top: -4px; left:0; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);}
.btn-switch.type2 .switch input:checked + label { background: #ffe475; }
.btn-switch.type2 .switch input:checked + label.custom-control-label:after { transform:translateX(22px);background-color:#ffbc00}
.btn-switch.type2 .switch label.custom-control-label:after{background-color:#f7f7f8}

/*button*/
.btn{min-width:24px; min-height:24px; display:inline-block; padding:0;
  font-size:14px;
  line-height:22px;
  text-align:center;
  color:#222;
  border-radius: 16px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position:center center;

}
.btn:focus, .btn.focus {box-shadow: 0 0 0 0;outline:none;}
button:focus {outline:none; }
/* .btn:hover{color:inherit;} */

.btn-pageclose{font-size:0; background-image:url('../../images/close.svg'); background-position: center center;}
.btn-bookmaker{font-size:0;background-image:url('../../images/default.svg');}
.btn-iconQ{min-width:16px;min-height:16px;font-size:0;background-image:url('../../images/type_2.svg'); position: relative; top:-1px}

.btn-common{min-width:47px;height:24px; background-color:#f8f8f8; color:#676767; font-size:12px;border:solid 1px #f8f8f8 }
.btn-common.active{background-color:#fff; color:#222 !important; border-color:#666}
.btn-common.disabled{background-color:#ddd; color:#b2b2b2; border-color:#ddd}
.btn.disabled, .btn:disabled{opacity: 1;background-color:#fff; border:solid 1px #b2b2b2; color:#b2b2b2}
.btn-common.blue{min-width:50px}
.btn-common.btn:hover{color:#b2b2b2}
.btn-common.blue.active{color:#17356e !important;border-color:#17356e}
.btn-moreview{padding:0 0 0 28px; background-image:url('../../images/top_10.svg'); background-size:24px; font-size: 12px; color:#222; background-position:left center }
.btn-moreview:after{content:""; width:8px; height:8px; display:inline-block; background:url('../../images/arrow.svg') no-repeat left center; background-size:100%; position: relative; top:-1px}
.btn-close{border-radius:0; border: none; background-image:url('../../images/btn_close_w.svg');}
.btn-close.btn-secondary{background-color:transparent !important}
.btn-close:hover{background-color:transparent}
.btn-close.black{background-image:url('../../images/close.svg')}
.btn-close.black2{background-image:url('../../images/icon_24_close_thin.svg')}
.btn-close.gray{background-image:url('../../images/close-gray.svg')}
.btn-close.gray1{background-image: url('../../images/btn_txt_del.svg')}
.btn-close.gray2{min-width:10px; min-height:26px;background-image: url('../../images/btn_selected_news_del.svg'); background-size:10px}
.btn-layerclose{width:33px; height:33px; background-image:url('../../images/layerclose.svg')}
.btn-closeB{background-image: url('../../images/close.svg');}
.btn-down{border-radius:0; border: none; background-image:url('../../images/icon-24-arrow-big-down.svg');}
.btn-share{background-image:url('../../images/btn_share_w.svg'); background-size:22px;}
.btn-honey{background-image:url('../../images/btn_honey_w.svg?ver=20211104'); background-size:24px;}
.btn-danji{background-image:url('../../images/btn_danji_w.svg'); background-size:24px;}
.btn-zim{background-image:url('../../images/btn_favorite_w.svg');background-size:22px;}
.btn-change{background-image:url('../../images/label_type.svg'); background-size:24px;}
.btn-change.typeM{background-image:url('../../images/label_type1.svg'); background-size:24px;}
.btn-moretable{width:100%;border-radius: 0; position: absolute; left:0; bottom:0; border-top:solid 1px #ddd;
  background-color:#f8f8f8; background-image:url('../../images/down.svg'); background-size:24px;}
.btn-moretable.up{transform: rotate(-180deg);border-bottom: solid 1px #ddd; border-top: none;}
.btn-customer{padding:8px 0; margin-left:4px; background-color:#f1f1f1;border-radius: 8px;}
.btn-customer:nth-of-type(1){margin-left:0px;}
.btn-sorting{width:16px; height:16px; background-image:url('../../images/sort_down.svg'); background-size:16px}
.btn-sorting.up{transform: rotate(-180deg);}


.btn-barbtn{flex:1; font-size: 14px; color:#676767; position: relative;}
.btn-barbtn:after{content: ""; display:inline-block; width:1px; height:calc(100% - 4px); background-color:#ddd; position:absolute; right:0; top:2px}
.btn-barbtn:nth-last-of-type(1):after{display:none}
.btn-barbtn:disabled, .btn-barbtn.disabled { color:#B2B2B2; background:none; border:none; border-radius:0; }
.btn-textmore{padding-right:15px; font-size:12px; color:#676767; background-color:#fff; background-image:url('../../images/more_review.svg');background-position: right center; background-size:16px 16px; }
.btn-ml-text{ position:relative; width:50%; min-height:64px; border:0; display:flex; flex-wrap: wrap; align-items:center; padding:8px 10px 8px 74px; text-align:left;}
.btn-ml-text:nth-of-type(odd){padding:0 0 0 68px}
.btn-ml-text:nth-of-type(2) ~ .btn-ml-text { margin-top:-7px; }
.btn-ml-text:before{content:""; position: absolute; left:2px; top:50%; width:64px; height:64px; margin-top:-32px; margin-right:10px; background-repeat: no-repeat; background-size:100%; }
.btn-ml-text:nth-of-type(even):before{ left:8px; }
.btn-ml-text.naver1:before{background-image: url('../../images/naver_real_estate.svg');}
.btn-ml-text.naver2:before{background-image: url('../../images/naver_map.svg');}
.btn-ml-text.kakao:before{background-image: url('../../images/kakao_map.svg');}
.btn-ml-text.google:before{background-image: url('../../images/google_map.svg');}

.btn-filter{min-width: 42px; padding:0 8px; margin-left:6px;height:32px; border-radius: 18px; line-height: 30px;border:solid 1px transparent;box-shadow: 0 2px 5px rgba(0,0,0,0.19), 0 1px 1px rgba(0,0,0,0.23);}
.btn-filter:nth-of-type(1){margin-left:3px}
.btn-filter:hover,.btn-filter.active{background-color:#17356e; color:#fff}
.btn-filter:focus{box-shadow: 0 2px 5px rgba(0,0,0,0.19), 0 1px 1px rgba(0,0,0,0.23);}
.btn-filter.selectbt{margin-top:10px; min-height:32px; height:auto}
.btn-honeyfilter{min-width:75px; height:32px; border-radius:8px;box-shadow: 0 2px 5px rgba(0,0,0,0.19), 0 1px 1px rgba(0,0,0,0.23); background-color:#fff;position: relative;}
.btn-honeyfilter.disabled{opacity: .5;}
.btn-honeyfilter:focus{box-shadow: 0 2px 5px rgba(0,0,0,0.19), 0 1px 1px rgba(0,0,0,0.23);}
.btn-honeyfilter:before{content:""; display:inline-block; width:20px; height:20px;background:url('../../images/honey_sale.svg') no-repeat; vertical-align: middle;margin-top:-1px;}
.btn-honeyfilter.active{background-color:#17356e; color:#fff; }
.btn-honeyfilter.active:before{ background:url('../../images/honey_sale_w.svg') no-repeat;}
.btn-honeyfilter.active:after{content:""; display:block; width:20px; height:14px; background:url('../../images/on.svg') no-repeat; background-size:100%;position:absolute; right:-6px; top:-6px; }
.btn-txbt{margin-left:10px;}
.btn-txbt:hover, .btn-txbt.active,.btn-txbt:focus{color:#517ad6}
.btn-txbt:nth-of-type(1){margin-left:0}
.btn-txbt.gray{color:#676767}
.btn-honeysale{min-width:79px;height:36px;border-radius:4px;background-color:#f7f7f8;position: relative;border:1px solid #ebeef0;font-size:14px;color:#484b51}
.btn-honeysale:before{content:"";display:inline-block;width:20px;height:20px;margin-right:4px;background:url('/images/honey_sale2.svg') no-repeat; vertical-align: middle;margin-top:-1px;}
.btn-honeysale.active{background:#4c79f2;color:#fff;font-weight:700}
.btn-honeysale.active:before{background:url('/images/honey_sale2_selected.svg') no-repeat;}

.btn-formround{min-width: 96px;border-radius: 12px; font-size: 12px;text-align: center;color: #fff;}
.btn-formround.bg-blue, .btn-formround.bgblue{background-color: #17356e !important;color: #fff;}
.btn-formround.light-blue{background-color:#4178f4;}
.btn-formround.bg-gray{background-color:#ddd}
.btn-formround.bg-gray1{background-color:#d2d2d2}
.btn-formround.bg-gray2{background-color:#f1f1f1;color:#676767}
.btn-formround.disabled{background-color:#d2d2d2; border:none}
.btn-formround.line-blue{background-color:#fff; border-color:#17356e; color:#17356e}
.btn-formround.line-blue.disabled{background-color:#d2d2d2;color:#fff;}
.btn-formround.line-gray2{border:1px solid #b2b2b2; color:#676767}
.btn-formround.bg-line{border-color:#17356e; color:#222; font-size:12px; padding:0 12px}
.btn-formround.line-gray4 {border:1px solid #bbb;color:#444}
.btn-formround.bg-navy {background-color:#515d7d}

.btn-round { min-height:inherit; height:16px; padding:0 3px; border-radius:4px; font-size:12px; color:#fff; line-height:15px; border:1px solid #fff; }
.btn-round.line-yellow { color:#ffcc00; border:1px solid #ffcc00; }


.btn-graydefault { display:inline-flex; align-items:center; min-height:20px; height:20px; padding:0 4px; font-size:12px; color:#676767; border:0; border-radius:4px; background:#f1f1f1; }
.btn-graydefault.map{padding-left:18px;background:url('../../images/icon_16_location.svg') no-repeat left center #f1f1f1}
.btn-selectfilter, .filterlabel{min-width:42px; height:32px; margin:0 8px 8px 0;border:solid 1px #b2b2b2; border-radius: 8px; line-height:30px; font-size:12px}
.btn-selectfilter.big{min-width:54px}
.btn-set{width:100%;height:40px;background-color:#17356e; border-radius:0;line-height: 38px; color:#fff}
.btn-set:hover{color:#fff}
.btn-selectwidth{min-width:46px; height:32px; margin:10px 0; border-radius:8px; border-color:#b2b2b2; }
.btn-selectwidth.active{background-color:#ddd; }
.btn-selectwidth.active.left{border-radius: 10px 0 0 10px;}
.btn-selectwidth.active.right{border-radius: 0px 10px 10px 0; float:none}
.btn-botbtn{ display:flex; align-items:center; min-width:55px; height:36px; padding:0 15px 0 20px; color:#fff;background-position:left center; position: relative; vertical-align:top;font-size:16px;}
.btn-botbtn:hover{ color:#fff;}
.btn-botbtn.typemap{background-image:url('../../images/map_location.svg');  background-size:16px }
.btn-botbtn.typegroup:after{content:""; display:block; width:1px; height:16px; background-color:#fff; position:absolute; left:-21px; top:9px}
.btn-botbtn.typegroup{background-image:url('../../images/building.svg');  background-size:14px }
.btn-botbtn.typecall{margin-left:0;color:#17356e;}
.btn-help{background-image:url('../../images/help_black.svg');border:0;}
.btn-help.small{min-width: 16px; height:16px; background-image:url('../../images/help-gray.svg');}
.btn-help.wh{min-width: 20px; min-height:20px; background-image:url('../../images/btn_home_today_jar_help.svg');}
.btn-help.gray{min-width:16px; min-height:16px;background-image:url('../../images/help-gray.svg')}
.btn-help.gray1{min-width:16px; min-height:16px;background-image:url('../../images/help-gray1.svg')}
/* .btn-help.gray2 dark.css에 있음 */
.btn-help.gray3{min-width:16px; min-height:16px;background-image:url('../../images/help-gray3.svg')}
.btn-help.black1{min-width:16px; min-height:16px;background-image:url('../../images/help_black1.svg')}
.btn-help.blackline{min-width:16px; min-height:16px;background-image:url('../../images/icon_16_help_type_2.svg')}
.btn-help.blue{min-width:14px; min-height:14px;background-image:url('../../images/help-blue.svg')}
.btn-text{font-size: 12px;color: #517ad6; font-weight: 400;}
.btn-text:focus,
.btn-text:hover {font-size: 12px;color: #517ad6; font-weight: 400;}
.btn-sm1{line-height: 23px;padding: 0 20px 0 10px;border: 1px solid #dddddd; font-size: 12px;color: #666;border-radius: 12px; background: #fff; position:relative;}
.btn-sm1:after {content: '';display:block; width: 5px; height: 5px;margin-top: -2px;
    position: absolute;top: 50%;right: 12px;z-index: 2;
    border: 1px solid #666;
    border-left: 0;
    border-bottom: 0;
    transform: rotate(45deg);
}
.btn-sm1.call:before { content:''; width:14px; height:14px; margin-right:2px; background:url('../../images/ico_headphone.svg') no-repeat 0 0; background-size:14px 14px; }
.btn-sm1.loan:before { content:''; width:16px; height:16px; background:url('../../images/icon_16_find_home.svg') no-repeat 0 0; background-size:16px 16px; }
.btn-sm1.mymoney:before { content:''; width:16px; height:16px; background:url('../../images/icon_16_my_money.png') no-repeat 0 0; background-size:16px 16px; }
.btn-textToggle{background-image:url('../../images/up.svg'); transform: rotate(180deg);}
.btn-textToggle.active{transform: rotate(0deg);}

.btn-select{min-width:82px; height:32px; border:solid 1px #d2d2d2; padding-left:12px; padding-right:25px; text-align: left; position: relative;}
.btn-select:after{content:""; display:block; position: absolute; right:12px; top:12px;
  width:0;height:0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 6px solid transparent;
  border-top: 6px solid #222;
}
.btn-select.active:after{
  border-top: 6px solid transparent;
  border-bottom: 6px solid #222;
  top:6px
}
.btn-badgescroll {font-size:10px; padding-right:9px;color:#fff; margin-left:1px; border:0; background-position:right 50%;background-image:url('../../images/ico_arrow_arrow.svg'); background-size:8px}
.btn-badgescroll.active { padding-right:0; background:none; }
.btn-roadview { display:flex; align-items:center; height:21px; min-height:21px; margin-left:2px; padding:0 4px 0 2px; font-size:14px; border:none; line-height:17px; color:#fff; border-radius:4px; background-color:rgba(34,34,34,.8); }
.btn-roadview:before { content:''; width:16px; height:16px; background:url('../../images/ico_road_view.svg') no-repeat 0 0; background-size:100%; }
.btn-toggleclose{background-image:url('../../images/btn-toggle-close-up.svg')}
.btn-toggleclose.up{transform: rotate(-180deg);}
.btn-sale { position:relative; flex:1; font-size:12px; line-height:20px; color:#fff; border:0; }
.btn-sale:before {content:''; position:absolute; left:0; top:4px;width:1px;height:calc(100% - 8px);background:#ddd; }
.btn-sale:first-of-type:before { display:none; }
.btn-sale .num { font-size:14px; color:#56d4f0; }
.btn-refresch{font-size:12px;}
.btn-refresch:after{content:""; display: inline-block; width:24px; height:24px; border-radius:50%; background:#f1f1f1 url('../../images/refresch.svg') right center; background-size:100%; vertical-align:top; margin:-2px 0 0 4px}
.btn-help.w{background-image:url('../../images/help.svg'); min-width: 17px; min-height:16px;}

.btn-play { min-width:16px; min-height:16px; background-image:url('../../images/ico_review_play.svg');}
.btn-img {min-width:16px; min-height:16px; background-image:url('../../images/ico_review_photo.svg');}
.btn-Like{ background-image: url('../../images/btn_like.svg');}
.btn-Like.active{ background-image: url('../../images/btn_like_active.svg');}
.btn-Write{ background-image: url('../../images/btn_write.svg');}
.btn-Del{background-image:url('../../images/btn_del.svg')}
.btn-Sharetalk{background-image:url('/images/icon_24_share_and.svg')}
.btn-moretalk{width:100%; height:40px; line-height: 38px; border-radius:8px;background: #f8f8f8; font-size:14px; color:#222;border:solid 1px #888}
.btn-moretalk.bg-gray1 { background:#f1f1f1; }
.btn-moretalk > span{display:inline-block}
.btn-moretalk > span:after,.btn-moretalk > span:before{content:"";display:inline-block; width:24px; height:24px; background-size:16px;vertical-align: middle;}
.btn-moretalk > span:before{background-image:url('../../images/ico_honey_pot24.svg?ver=20211104');margin:-2px 2px 0 0;background-size:16px;width: 16px;height: 16px;}
.btn-moretalk > span:after{width: 5px;height: 5px;margin-left: 5px; margin-top: -4px;
    border: 1px solid #494949;
    border-bottom: 0;
    border-left: 0;
    transform: rotate(45deg);
}
.btn-Link{padding: 0 3px;font-size:12px; color:#676767;    min-height: 16px; height: 20px;line-height: 18px; vertical-align: top;}
.btn-Link::after{content: '';display: inline-block;width: 5px;height: 5px;margin-left: 5px;
    border: 1px solid #666666;
    border-bottom: 0;
    border-left: 0;vertical-align: middle;transform: rotate(45deg); position: relative; top:-1px;}
.btn-txtDel{ background-image: url('../../images/btn_txt_del2.svg');}
.btn-imgdel{border:0; background-image:url('../../images/icon_24_cancel_circle.svg');}
.btn-youtube{width:80px; height:80px;border-radius:4px; background:url('../../images/ico_add.svg') no-repeat center 20px #f8f8f8; background-size:24px;border: 1px dashed #ddd;}
.btn-txround{margin-left: 3px;padding: 0 4px;min-width: 39px;font-size: 12px;line-height: 16px;text-align: center;border-radius: 12px; border-color:#17356e; color:#17356e}

.btn-prevWh{position: relative;}
.btn-prevWh:before{content: ''; width: 12px; height: 12px;position: absolute;top: 50%;left:2px; margin-top: -6px;
    border: 2px solid #fff;
    border-left: 0;border-bottom: 0;
    transform: rotate(225deg);
}
.btn-prevBl{position: relative;}
.btn-prevBl:before{content: ''; width: 12px; height: 12px;position: absolute;top: 50%;left:2px; margin-top: -6px;
    border: 2px solid #222;
    border-left: 0;border-bottom: 0;
    transform: rotate(225deg);
}
.btn-pbt{width:100%; border-radius:4px; height: 48px; line-height: 46px; font-size:16px;background-color: #fff;}
.btn-tip{width:57px;min-height:16px; margin-left:4px;background-color:#f1f1f1; border-radius: 4px; font-size:10px; line-height:14px;}
.btn-home {background-image:url('../../images/btn_searchbar_home.svg')}
.btn-allmenu {  background-image:url('../../images/btn_searchbar_menu.svg');}
.btn-search { background-image:url('../../images/btn_searchbar_search.svg');}


.btn-play3 {display:inline-block; position:relative; padding:0 8px 0 30px; font-size:12px; line-height:23px; vertical-align:middle; background:url('../../images/btn_youtube_player_s.svg') no-repeat 0 0;}
.btn-play3:after {content:''; display:inline-block; width:5px; height:5px; margin-left:5px; border:1px solid #666666; border-bottom:0; border-left:0; vertical-align:middle; transform:rotate(45deg);}
.btn-play2{width:38px; height:38px;  background-image:url('../../images/btn_youtube_player_b.svg');}
.btn-share {background-image:url('../../images/btn_share_w.svg')}
.btn-share.wh {background-image:url('../../images/btn_share_w_wh.svg')}
.btn-heart { background-image:url('../../images/btn_heart_w.svg');}
.btn-honeyclose {width:40px; height:40px; background-image:url('../../images/btn_close_bg.svg');}
.btn-write1 {padding-left: 25px;font-size: 12px;line-height: 16px; color: #676767;background-image: url('../../images/btn_write1.svg'); background-size:20px; background-position:left center;}
.btn-roundtx{display: inline-block;padding: 0 12px;border: 1px solid #b2b2b2;color: #fff;font-size: 12px;line-height: 23px;border-radius: 12px;}

.honeyPotWrap .btn-share{position: absolute; right:16px;top:8px;}
.honeyPotWrap .btn-danjigo{position: absolute; right:44px;top:8px;}

.btn-txtDel {background-image:url('../../images/btn_searchbar_txt_del.svg'); }
.btn-del{background-image:url('../../images/btn_x_del.svg');}
.btn-edit{ background-image:url('../../images/btn_edit.svg');}

.btn-linegray{min-width:80px; height:30px; line-height:28px; color:#676767; border:solid 1px #ddd;border-radius: 10px; font-size:12px; }
.btn-linegray.w100{min-width:100px; }

.btn-regist{width:32px; height: 32px; background-color:#b2b2b2; color:#fff; border-radius:5px;font-size:12px;}
.btn-regist.blue{background-color:#4178f4;}
.btn-regist:hover{color:#fff !important;}

.btn-search-guide { display:flex; align-items:center; position:relative; height:20px; padding:0 3px; border:1px solid #b2b2b2; border-radius:5px; font-size:12px; line-height:16px; color:#676767; background-color:#fff; }
.btn-search-guide:after { content:''; width:16px; height:16px; background:url('../../images/icon_24_finger_2.svg') no-repeat 0 0; background-size:100%; }

.btn-lineLink { font-size:14px; color:#222; text-decoration:underline; }
.btn-lineLink.s { font-size:12px; color:#676767; text-decoration:underline; }
.btn-lineLink:hover { text-decoration:underline;}


.btn-type{width:150px;height:32px; border:solid 1px #ddd; color:#222; border-radius: 0; border-left:none}
.btn-type:nth-of-type(1){border-left:solid 1px #ddd}
.btn-type.active{background:#4178f4; border-color:#4178f4; color:#fff}
.btn-danjigo{background:url('/images/icon_24_danji.svg') no-repeat center/24px; width:24px;height:24px;position: absolute; right:44px; top:8px;}

/*메인*/
.btn-mainsetting{background-image:url('../../images/ico_top_setting.svg'); min-width:16px; min-height:16px;background-size:16px; position: relative; top:-2px; }
.btn-mainalert{background-image:url('../../images/ico_top_alarm.svg'); position:relative; padding-top:24px; background-position:center top;}
.btn-mainalert span.txt{display:block;font-size:12px;}
.btn-mainalert .alarm { position:absolute; right:-9px; top:-6px; display:flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:18px; font-size:10px;color:#fff; background:#ff0200; }
.btn-setImg{ width:63px; height:100%; }
.btn-setImg:after {content:''; position:absolute; right:0; bottom:0; width:16px; height:16px; border-radius:20px; text-indent:-9999px; color:transparent; background:no-repeat 0 0/16px auto;}
.btn-setImg.ico1:after { content:'네이버로그인됨'; background-image:url('../../images/btn_set1_naver.svg');}
.btn-setImg.ico2:after { content:'카카오로그인됨'; background-image:url('../../images/btn_set1_kakao.svg');}
.btn-setImg.ico3:after { content:'구글로그인됨'; background-image:url('../../images/btn_set1_google.png');}
.btn-setImg.ico4:after { content:'페이스북로그인됨'; background-image:url('../../images/btn_set1_facebook.png');}
.btn-setImg.ico5:after { content:'애플로그인됨'; background-image:url('../../images/btn_set1_apple.png');}
.btn-myyourhomeDef {position:absolute; z-index:2; bottom:10px; right:10px; width:160px; height:56px; padding-right:60px; border:0; color:#ebc739 !important; letter-spacing:-0.5px; font-weight:700;}
.btn-myyourhomeDef:after {content:'+'; position:absolute; z-index:2; top:50%; right:0; width:56px; height:56px; margin-top:-28px; padding-top:8px; color:#545044; font-weight:400; font-size:30px; line-height:1.2; border-radius:50%; background:#ffcc02;}
.btn-myyourhomeDef .comming-soon { position: absolute; left:0; bottom:40px; width:81px; height:21px; font-size:10px; line-height:14px; color:#222; font-weight:400; background:url('../../images/bg_comming_soon_w.svg') no-repeat; background-size:100%;}
.btn-myyourhomeDef.disabled, .btn-myyourhomeDef:disabled { background-color:inherit; border:0; }
.btn-ico{min-width:16px; min-height:16px; background-size:16px}
.btn-ico.youtube { background-image:url('../../images/btn_youtube_player_s.svg'); background-size:22px}
.btn-ico.naverp { background-image:url('../../images/ico_myyour_naverp.jpg');}
.btn-ico.facebook { background-image:url('../../images/ico_myyour_facebook.svg');}
.btn-ico.iboon { background-image:url('../../images/ico_myyour_iboon.jpg');}
.btn-ico.cacatv { background-image:url('../../images/ico_myyour_kakaotv.jpg');}
.btn-ico.navertv { background-image:url('../../images/ico_myyour_navertv.jpg');}
/* 라운드된 sns버튼 */
.btn-sns { width:60px; height:60px; border:0; background-repeat:no-repeat; background-size:60px 60px; }
.btn-sns.youtube { background-image:url('../../images/ico_sns_youtube.png'); }
.btn-sns.iboon { background-image:url('../../images/ico_sns_1boon.png'); }
.btn-sns.navertv { background-image:url('../../images/ico_sns_navertv.png'); }
.btn-sns.kakaotv { background-image:url('../../images/ico_sns_kakaotv.png'); }
.btn-sns.naverpost { background-image:url('../../images/ico_sns_naverpost.png'); }
.btn-sns.facebook { background-image:url('../../images/ico_sns_facebook.png'); }
/* 원형 sns버튼 */
.btn-circleSns { width:44px; height:44px; border:0; background-repeat:no-repeat; background-size:100%; }
.btn-circleSns.kakaotalk { background-image:url('../../images/icon_sns_badge_kakao.png'); }
.btn-circleSns.naver { background-image:url('../../images/icon_sns_badge_naver.png'); }
.btn-circleSns.google { background-image:url('../../images/icon_sns_badge_google.png'); }
.btn-circleSns.facebook { background-image:url('../../images/icon_sns_badge_facebook.png'); }
.btn-circleSns.apple { background-image:url('../../images/icon_sns_badge_apple.png'); }
/* 관심, 알림  */
.btn-bookmaker { background-image:url('../../images/icon_24_re_bookmark_default.svg'); background-size:24px;}
.btn-bookmaker.like { background-image:url('../../images/icon_24_re_bookmark_select.svg'); }
.btn-bookmaker.alarm { background-image:url('../../images/icon_24_re_bookmark_select.svg'); }
.btn-bookmaker.alarm.like { background-image:url('../../images/icon_24_re_bookmark_select.svg'); }
.btn-bookmaker.small{background-image:url('../../images/icon_24_re_bookmark_default.svg')}
.btn-bookmaker.like.small{background-image:url('../../images/icon_24_re_bookmark_select.svg')}
.btn-bookmaker.small.alarm { background-image:url('../../images/icon_24_re_bookmark_select.svg');}
.btn-bookmaker.small.alarm.like { background-image:url('../../images/icon_24_re_bookmark_select.svg'); }
.btn-bookmaker.type2 { background-image:url('../../images/icon_24_re_bookmark_default.svg'); }
.btn-bookmaker.type2.like { background-image:url('../../images/icon_24_re_bookmark_select_white.svg'); }
.btn-bookmaker.type2.alarm { background-image:url('../../images/icon_24_re_bookmark_select_white.svg'); }
.btn-bookmaker.type2.alarm.like { background-image:url('../../images/icon_24_re_bookmark_select_white.svg'); }
.btn-bookmaker.type3 { background-image:url('../../images/icon_24_re_bookmark_default.svg'); }
.btn-bookmaker.type3.like,
.btn-bookmaker.type3.alarm,
.btn-bookmaker.type3.alarm.like{ background-image:url('../../images/icon_24_re_bookmark_select.svg'); }
.btn-salegroup{margin-left:4px;border:solid 1px #ddd;font-size: 14px;line-height: 30px;color: #17356e; border-radius: 4px;}
.btn-writeplus{display: block;width:32px;height: 32px;margin: 0 auto 7px auto; background: url('../../images/ico_write_plus.svg') no-repeat 0 0/100%; border:0;}
.btn-moreview2{background-image: url('../../images/btn_more_2.svg');}
.btn-moreview2.black{background-image:url('../../images/btn_more-black.svg')}
.btn-ctrlMore { border:0; background-image:url('../../images/btn_ctrl_more_w.svg'); }
.btn-listdel{background-image:url('../../images/trash.svg'); border:0; }
.btn-textround{min-width: 47px; padding:0 12px; text-align: center; border:solid 1px #888; border-radius: 12px; font-size:12px}
.btn-stopclose{background-image: url('../../images/stopclose.svg'); position: absolute; right:0; top:9px; background-color:#fff; z-index: 999;}
.Ranking .listslide .btn-bookmaker.type2{background-image:url('/images/icon_24_re_bookmark_default_white.svg')}
.Ranking .listslide .btn-bookmaker.type2.alarm{background-image:url('/images/icon_24_re_bookmark_select_white.svg')}
.Ranking .listslide .btn-bookmaker.type2.like{background-image:url('/images/icon_24_re_bookmark_select_white.svg')}
.Ranking .listslide .btn-bookmaker.type2.like.alarm{background-image:url('/images/icon_24_re_bookmark_select_white.svg')}

/* 분양일정 */
.btn-bot-wrap { margin:8px 16px 0; }
.btn-sell-alarm { display:flex; align-items:center; justify-content:center; width:100%; height:32px; border:0; border-radius:8px; font-size:14px; line-height:20px; color:#222; background:#f1f1f1; }
.btn-sell-alarm:before { content:''; width:16px; height:16px; margin-right:4px; background-image:url('../../images/ico_sell_alarm.svg'); background-repeat:no-repeat; background-position:0 0; background-size:16px 16px; }
.btn-sell-alarm:disabled { color:rgba(103,103,103,.5); background-color:#f1f1f1;border:0;  }
.btn-sell-alarm:disabled:before { background-image:url('../../images/ico_sell_alarm_disabled.svg'); }
.btn-detail-view { display:flex; align-items:center; position:absolute; right:16px; top:8px; padding-right:24px; border:0; background:url('../../images/btn_detail_view.svg') no-repeat 100% 50%; line-height:24px;font-size:10px }

.btn-share1{background-image:url('../../images/btn_share.svg')}
.btn-send1{min-width: 16px;min-height: 16px; background-size:16px; background-image:url('../../images/btn_send1.svg');}
.btn-closeSm{min-width: 16px;min-height: 16px; background-size:16px; background-image:url('../../images/btn_close_s.svg');}
.btn-mamulLike { background-image:url('../../images/btn_mamul_like.svg');}
.btn-mamulBad {background-image:url('../../images/btn_mamul_bad.svg');}
.btn-mamulDefaultBlue {display:inline-block; min-height:20px; padding:0 10px; font-size:12px; line-height:19px; border-radius:10px; background:#e3edf4;}
.btn-mamulDefaultRed {display:inline-block; min-height:20px; padding:0 10px;  font-size:12px; line-height:19px; border-radius:10px; background:#ffe8d8;}
.btn-mamulplus {display:inline-block; min-height:20px; padding:0 10px;  font-size:12px; line-height:19px; border-radius:10px; background:#f1f1f1; position: relative;}
.btn-mamulplus:before{content: "+"; display: block; position: absolute; left:0; top:0; width:100%; height:100%; text-align:center}
.btn-mapLocation { display:inline-flex; align-items:center; min-height:21px; margin-left:2px; padding:0 4px 0 2px; font-size:14px; line-height:17px; color:#fff; border:0; border-radius:4px;/*background:rgba(34,34,34,.8); */flex-shrink:0; }
.info-name .btn-mapLocation{background:rgba(34,34,34,.8);}
.btn-mapLocation:before { content:''; width:10px; height:14px; margin-right:4px; background:url('../../images/ico_map_location_w.svg') no-repeat 0 0; background-size:100%; }
.btn-load{display: inline-flex;align-items: center;min-height: 21px; margin-left: 2px;padding: 0 4px 0 2px;font-size: 14px;line-height: 17px; color: #fff;border: 0;border-radius: 4px;flex-shrink: 0;background: rgba(34,34,34,.8);}
.btn-load:before{ content:''; width:16px; height:16px;  background:url('../../images/icon_16_road_view.svg') no-repeat 0 0; background-size:100%; }
.btn-textarrow{display: inline-block;padding-right:24px;vertical-align: middle;background: url('../../images/btn_text_arrow.svg') no-repeat right 0;background-size: 24px 24px; font-size: 12px;line-height: 16px;color: #222;}
.btn-help-grey { border:0; min-width:16px; min-height:16px; margin-left:4px; background:url('../../images/btn_help_grey.svg') no-repeat 0 0; background-size:16px 16px;}
.btn-modelhouse{ padding:0 10px 0 22px; border:solid 1px #ddd; border-radius:11px; width:96px; height:20px; line-height:18px; color:#676767; position: absolute; left:102px; top:-31px; font-size:12px;}
.btn-modelhouse:before{content:"";width:16px; height:16px; display:block;background:url('../../images/online_model_house.svg') no-repeat; background-size:16px 16px; position:absolute; left:5px; top:3px;}
.btn-arrowW { border:0; min-width:16px; min-height:16px; background:url('../../images/btn_arrow_w.svg') no-repeat 0 0; background-size:16px 16px;}
.btn-talkbt{width:100%; height:40px; line-height:38px; border-radius:8px;background-color:#f1f1f1; border:solid 1px #ddd; color:#676767; font-size:14px;}
.btn-talkbt:after{content:""; display:inline-block; width:16px; height:16px; background: url('../../images/ico-writehoney.svg') no-repeat; position: relative; top:2px; margin-left:4px}
.btn-retext{font-size:14px; line-height:20px; border:none; min-height: 20px; color:#676767;}
.btn.gotop {width:60px;height: 80px; background: url('../../images/go_to_top.svg') no-repeat 0 0;background-size: 100%; border-radius: 0; font-size:0}
/* 약관 */
.btn-term { height:32px; padding:0 12px; color:#222; border-radius:8px; border:0; background:#f1f1f1; }


.btn-close.type2{background-image:url('/images/icon_24_close_type1.svg')}
.btn-infopop{margin-right:16px; font-size:18px;}
.btn-icohelp{background:url('/images/icon_24_info.svg') no-repeat; position: relative; top:-4px;}
.btn-rect{position: relative;padding: 0 40px 0 16px;height: 48px;font-size: 16px; color: #8c949e;text-align: left;border: 1px solid #c6cbd0; border-radius: 4px; letter-spacing: -0.2px;}
.btn-rect:after {content: ''; position: absolute; top: 12px;right: 16px;display: block; width: 24px;height: 24px;background: url('/images/icon_24_arrow_big_down.svg') no-repeat 0 0; background-size: 24px auto; transform: rotate(-90deg);}

.flex1 {position: relative;flex: 1;}
/*slick*/
.slick-arrow{position:absolute}
.slick-arrow:focus{outline: none;}
.slick-arrow.slick-next{width:40px; height:40px; background:url('../../images/slick-right.svg') no-repeat center center; background-color:rgba(0,0,0,0.5); font-size:0; border:none; right:0}

/*label*/
.badge1 {overflow:hidden; margin-top:-16px; padding:17px 0 16px 14px; text-align:left; border-top-left-radius:10px; border-top-right-radius:10px; background:#f8f8f8;}
.badge1 [class*='rank'] {position:relative; padding-left:30px; padding-right:78px; font-size:14px; line-height:20px;}
.badge1 [class*='rank'] + [class*='rank'] { margin-top:9px; }
.badge1 .rank2 {margin-top:9px;}
.badge1 .ico {overflow:hidden; position:absolute; top:-3px; left:0; width:24px; height:24px; text-indent:-999px; background:no-repeat 0 0;}
.badge1 .rank1 .ico {background-image:url('../../images/ico_honey_badge1.svg');}
.badge1 .rank2 .ico {background-image:url('../../images/ico_honey_badge2.svg');}
.badge1 .int {position:absolute; top:4px; right:16px; color:#676767; font-size:12px; line-height:15px;}

/* 아이콘 */
.ico-play { display:inline-block; vertical-align:middle; width:32px; height:32px; background-image:url('../../images/ico_play.svg'); background-size:100%;}


/*분양요약 태그*/
.sell-step-tag { display:inline-block; height:14px; padding:0 6px; border-radius:6px; font-size:10px; line-height:14px; color:#fff; }
.sell-step-tag.step1 { background:#b2b2b2; } /* 미분양 */
.sell-step-tag.step2 { background:#3c83ee; } /* 분양계획 */
.sell-step-tag.step3 { background:#e7573a; } /* 분양중 */
.sell-step-tag.step4 { background:#3bb120; } /* 입주예정 */
.sell-step-tag.step5 { background:#8b8b8b; } /* 입주미정 - 사용안함 */
.sell-step-tag.step6 { background:#8b8b8b; } /* 재건축 */
.sell-step-tag.step7 { background:#c9b89b; color:#645b4c} /* 사후 */
.datelistBox .sell-step-tag.step7{margin-right:2px;line-height: 20px;height: 20px; border-radius: 10px;font-size: 12px;}



/*라벨*/
.label{display: inline-block;margin-right:4px;margin-top:1px;padding: 0 2px;border:solid 1px #17356e;font-size:12px;line-height:16px;border-radius: 4px; color:#17356e; height:18px;}
.label.round{border-radius:9px;font-size:10px; min-width:27px; padding:0 3px; background:#fff;}
.label-layer{font-size:12px;}
.label.bg-navy{background-color:#023177; color:#fff}
.label.bg-yellow{background-color:#ffcc00; color:#222; border-color:#ffcc00} /* 집주인확인, 소유자확인 */
.label.priceline{padding:0 4px 0 60px; margin-left:5px;border-color:#645b4c;line-height:14px; background-color:#645b4c;  background-image: url('../../images/label_logo.svg'); background-repeat: no-repeat; background-position: 2px center; color:#222; background-size:59px;}
.label.priceline.report{background-image: url('../../images/label_logo_store.svg'); }
.label.priceline em{display:inline-block;  padding-left:3px; font-size:10px; color:#fff}
.label.priceline.type1, .label.priceline.type2{padding-left:0; background-image: none; border-color:#ddd; background-color:#fff; }
.label.priceline.type1 em, .label.priceline.type2 em{border-left:solid 1px #ddd;padding-left:3px;color:#222}
.label.priceline.type1 em:nth-of-type(1), .label.priceline.type2 em:nth-of-type(1){border-left:none;border-color:#ddd}
.label.priceline.type2 em{color:#888888}
.label.priceline.type2 em:nth-of-type(1){margin-right:3px}
.label.bg-gray{background-color:#f1f1f1; border-color: #f1f1f1; color:#222}
.label.bg-red {border-color:#cc4808; color:#fff; font-weight:400; background-color:#cc4808;}
.label.bg-gray1 {border-color:#5e564a; color:#fff; font-weight:400; background-color:#5e564a; font-size:10px; }
.label.bg-orange {border-color:#f46600; color:#fff; font-weight:400; background-color:#f46600; font-size:10px;}
.label.bg-green {border-color:#3bb120; color:#fff; font-weight:400; background-color:#3bb120; font-size:10px;}

.label-beta { display:inline-flex; align-items:center; font-weight:400; font-size:10px; height:14px; padding:0 2px; color:#fff; border-radius:4px; background-color:#645b4c; }

.label.price{width:34px; height:36px; font-size:0; text-indent:-9999px; color:transparent; border:0; background:url('../../images/kb_pirce.svg') no-repeat 0 0; background-size:100%;}

.label.comm{height:16px; color:#161616; border-color:#888; border-radius: 10px; padding:0 4px; line-height:14px; font-size:10px; }

.label.name-type2 {border-color:#9d1384; color:#9d1384;}
.label.name-type3 {border-color:#645b4c; color:#645b4c;}
.label.name-type4 {border-color:#3e4454; color:#3e4454;}
.label.name-type5 {border-color:#e69100; color:#e69100;}
.label.name-type6 {border-color:#f43800; color:#f43800;}
.label.name-type7 {border-color:#3bb120; color:#3bb120;}
.label.name-type8 {border-color:#888; color:#888;} /* 재건축 */
.label.name-type9 {border-color:#e8593b; color:#e7573a;} /* 분양권 */
.label.name-type10 {border-color:#36a18b; color:#36a18b;} /* 재개발 */
.label.name-type11 {border-color:#4178f4; color:#4178f4;} /* 사무실, 상가, 지식산업센터 */
.label.name-type12 {border-color:#ba7400; color:#ba7400;} /* 토지 */
.label.name-type13 {border-color:#246b5d; color:#1a5045;} /* 건물, 숙박, 공장창고 */
.label.name-type14 {border-color:#ffcc00; color:#ffcc00; background:#645b4c} /* 건물, 숙박, 공장창고 */
.label.name-type15 {border-color:#d68a18; color:#d28818;} /* 조회수 */
.label.electronic{position:relative;top:-1px;height:16px;padding:0 4px;background-color:#f5f0ff;color:#7c43f5;border:0;font-size:10px;font-weight:700} /* 전자계약 */

.label *[class*="number"] {display:inline-block; vertical-align:middle; width:16px; height:16px; margin:-2px 0 0 1px; background-size:100%; text-indent:-9999px; overflow:hidden;}
.label .number1 {background-image:url('../../images/icon_16_views_award_1.svg');}
.label .number2 {background-image:url('../../images/icon_16_views_award_2.svg');}
.label .number3 {background-image:url('../../images/icon_16_views_award_3.svg');}

.label.presale-type1{position:relative;top:-1px;height:22px;padding:0 6px;margin:0 4px 0 0;line-height:22px;border-radius:12px;background:#36a18b;border:0;font-size:14px;color:#fff;text-align:center}
.label.presale-type2{position:relative;top:-1px;height:22px;padding:0 6px;margin:0 4px 0 0;line-height:22px;border-radius:12px;background:#4178f4;border:0;font-size:14px;color:#fff;text-align:center}

/*하단 버튼영역*/
.liivlogo{width:100%; padding:10px 0 10px; margin-top:10px; }
.btn-b-area{padding:20px 12px; display:flex; justify-content: center; align-items: center; color:#fff}
.btn-b-area.scroll{position:-webkit-sticky;position:sticky; bottom:0; z-index:9999;}
.honeyPotCon + .btn-b-area.scroll{max-width:100% !important;}
.area-bg{padding:0 10px; margin-right:8px;border-radius:24px;vertical-align: middle; box-shadow:0 6px 8px 2px rgba(0,0,0,0.25);}
.area-bg:nth-last-of-type(1){margin-right:0px;}
.area-bg.b{background-color:#17356e; flex:1; display:flex; justify-content:center;}
.area-bg.b .btn{line-height:23px;padding-left:20px; padding-right:20px;min-width:inherit;}
.area-bg.b .btn:only-child { padding-right:0; margin:0 auto; }
.area-bg.b .btn + .btn { margin-left:20px; padding-right:0; }
.area-bg.w{background-color:#fff; border:solid 1px #17356e; padding:0 5px; width:109px}
.area-bg.w .btn:only-child { padding-left:0; padding-right:0; margin:0 auto; }
.area-bg.w .btn {line-height:23px;}
.area-bg.b.big{width:219px}
.area-bg.b.big+.area-bg.w{width:109px; padding:0}
.area-bg.bg-blue{background-color: #17356e;}
.area-bg.bg-blue .btn-botbtn{padding-left:0; vertical-align: text-bottom;}
.area-bg.bg-blue .btn-botbtn.typemap{padding-left:20px; text-align:center; margin-left: 0; line-height: 28px;}
.area-bg.bg-blue .btn-botbtn.typemap:after{display:none}

/* 단지상세 하단 버튼 TOP이동 버튼 추가시 topbtn-append 추가 */
.btn-b-area.topbtn-append { padding-left:8px; }
.topbtn-append > .area-bg { margin-right: 8px; min-height: 36px; display: flex; align-items:center; justify-content:center; }
.topbtn-append > .area-bg.bg-blue .btn-botbtn { padding-right:0; font-size:16px; }
.topbtn-append > div:nth-child(1) { flex:0.85; }
.topbtn-append > div:nth-child(2) { flex:2; }
.topbtn-append > div:nth-child(3) { flex-shrink:0; height:30px; width: 40px; position: relative; }
.topbtn-append > div:nth-child(3) > .gotop {width: 60px; height: 80px; display: block; background: url('../../images/go_to_top.svg') no-repeat 0px 0; background-size: 60px 76px; border: none; text-indent: -9999px; border-radius: 0; margin-left: -14px; margin-right: -8px; position: absolute; top: -28px; padding: 0; }
/* 분양상세 하단 버튼 : partD */
.btn-b-area.partD { position:relative; padding-right:56px; flex-wrap:wrap; }
.btn-b-area.partD .btn-botbgbtn{height:36px; border-radius:24px;font-size:14px;justify-content:center; padding:0; box-shadow: 0 6px 8px 2px rgba(0,0,0,0.25);}
.btn-b-area.partD .btn.typemap { flex:1; }
.btn-b-area.partD .btn.honey { flex:2; }
.btn-b-area.partD .btn.part { flex:2; }
.btn-b-area.partD .btn-botbgbtn:nth-last-of-type(1) { margin-right:8px;}
.btn-b-area.partD .btn.gotop { position:absolute; right:5px; top:-10px; }
.btn-b-area.partD.scroll{position:-webkit-sticky;position:sticky; bottom:0; z-index:9999;}
/* 매물상세 하단 버튼 중 원룸투룸 : typeRoom */
.btn-b-area.typeRoom { display:inline-flex; position:relative; padding-right:72px; flex-wrap:wrap; margin-right:-60px; }
.btn-b-area.typeRoom .btn.gotop { position:absolute; right:7px; top:-10px; }
.btn-b-area.typeRoom .area-bg.w { width:216px; }
.btn-b-area.typeElec .area-bg.b{width:120px}
.btn-b-area.typeElec .area-bg.w{width:calc(100% - 128px);display:flex;justify-content: center;align-items: center;}
.btn-b-area.typeElec .area-bg.w .typecall{position:relative;padding:0 8px}
.btn-b-area.typeElec .area-bg.w .typecall + .typecall:after{ content: "";display: block;width: 1px;height: 16px;background-color: #17356e;position: absolute;left: 0;top: 9px;}

.last .btn-botbtn.typegroup:after{display:none}
.botprice{margin-bottom:8px;}
.botprice .btn-txbt{ margin:0; font-size:12px}
.botprice .btn-txbt:before{content:""; display:inline-block; width:1px; height:10px;margin:0 16px; background-color:#ddd}
.botprice .btn-txbt:nth-of-type(1):before{display: none;}
.botprice+ div img{width:74px}
.btn-botbgbtn{padding:0 14px 0 12px;margin-right:8px;background-color:#17356e; color:#fff; height:30px; line-height:28px; display:flex; align-items: center;text-align:center;}
.btn-botbgbtn:before{content:"";width:16px;height:16px;margin-right:3px; background-size: 16px;position: relative; top:1px;}
.btn-botbgbtn:nth-last-of-type(1){margin-right:0px;}
.btn-botbgbtn.typemap:before{background-image: url('../../images/map_location.svg');}
.btn-botbgbtn.part:before{background-image: url('../../images/part.svg');}
.btn-botbgbtn.honey:before{background-image: url('../../images/honey_pot1.svg');}
.btn-botbgbtn.typemap.one{width:116px;justify-content: center;padding: 0 10px 0 0;}
.btn-botbgbtn.typemap.one+.btn-botbgbtn.honey{width:212px;justify-content: center;padding: 0 10px 0 0;}
.btn-b-area.partD .btn-botbgbtn.honey:before{background-image: url('../../images/honey_pot.svg');width:20px;height:20px;background-size:20px}

/*단지 상단 top*/
.topbtn-area{width:100%;height:42px; padding:0 16px;display:flex; justify-content: space-between; align-items: center; position: absolute; left:0; top:0;z-index: 8;}
.buildingimg img{width: 100%;}
.share-wrap > .btn{width:32px; height:32px; margin-left:12px;  border-radius: 50%; border: none; background-color:rgba(0, 0, 0, 0.3) !important; background-repeat: no-repeat; background-position: center center;}
.share-wrap > .btn:nth-of-type(1){margin-left:0}
.share-wrap > .btn:hover{background-color:transparent}
.topbtn-area .title{display:none}
.topbtn-area .share-wrap > .btn-bookmaker { width:32px; height:32px; }
.topbtn-area .share-wrap > .btn-bookmaker:not(.like):not(.alarm) { background-size:24px; background-image:url('../../images/icon_24_re_bookmark_default_white.svg'); }
.topbtn-area.scroll .share-wrap > .btn-bookmaker:not(.like):not(.alarm) { background-image:url('../../images/icon_24_re_bookmark_default.svg'); }
.topbtn-area.scroll{width:100%; background-color:#fff; position: fixed; left:0; top:0;    box-shadow: 0 1px 3px rgba(0,0,0,0.25), 0 1px 3px rgba(0,0,0,0.22);z-index: 9999;}
.topbtn-area.scroll .btn-close{background:url('../../images/close.svg') no-repeat}
.topbtn-area.scroll .title{flex:1; padding-left:8px; text-align:left; line-height:42px; font-weight: 700; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.topbtn-area.scroll .share-wrap > .btn{background-color:transparent !important; margin-left:4px}
.topbtn-area.scroll .btn-share{background-image:url('../../images/and.svg')}
.topbtn-area.scroll .btn-honey{background-image:url('../../images/honey_pot.svg?ver=20211104')}
.topbtn-area.scroll .btn-zim{background-image:url('../../images/default.svg')}
.topbtn-area.scroll .btn-prevWh:before{border-color:#000}
.topbtn-area.scroll .btn-danji{background-image:url('../../images/btn_danji_b.svg')}
#honey.tooltip.b-tooltip .tooltip-inner{height: 23px;line-height: 23px;padding:0 4px; border-radius:5px;background-color:#febd36; color:#222; font-size:12px;}
#honey.tooltip.b-tooltip{padding-top:12px}
#honey.tooltip .arrow{width:0; height:0;  top:0px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 6px solid  #febd36;
  border-top: 6px solid transparent;}
  #honey.tooltip .arrow:before{display:none}
/*단지상세 topimg */
.Topimgwrap{position: relative; height:246px; overflow: hidden; border-radius: 10px 10px 0 0; z-index:6}
.buildingimg{position: relative !important;}
.btn-player{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 38px;height: 38px; background: url(/../images/ico_player.svg) no-repeat 0 0;background-size: 100%; z-index:99}
.Topimgwrap.fullimg{height:auto}
.Topimgwrap.fullimg .buildingimg img{height:516px}
.building-info{width:100%;position: absolute; left:0; bottom:0}
.buildingimg::before{content:'';position: absolute;left: 0;top: 0; bottom: 0; right: 0; background: rgb(0,0,0);background: linear-gradient(342deg, rgba(0,0,0,0.7) 0%, rgba(6,6,6,0) 100%); opacity: 0;}
.buildingimg.error:before{opacity: 1;}
.buildingimg.error img{height:200px; position:relative; z-index:1}
.buildingimg.error::before{background:transparent url('../../images/detail_no_photo_bg.svg') repeat-x 0 0;background-size:1px 200px;z-index:2}
.slick-active .buildingimg::before{opacity: 1;}
.shdownone .slick-active .buildingimg:before{opacity:0 !important;}
.shdownone .slick-active .buildingimg.error:before{opacity:1 !important;}
.Topimgwrap.fullimg .info-list .btn-toggleclose{display:none}
.Topimgwrap.fullimg .info-list{display: flex;width:100%;flex-wrap: wrap;align-items: center;padding: 6px 0 5px;border-bottom: 1px solid #b2b2b2;}
.Topimgwrap.fullimg:not(.park) .info-list:nth-of-type(1){font-weight: 700;}
.Topimgwrap.fullimg:not(.park) .info-list:nth-of-type(2){font-weight: 700;}
.Topimgwrap.fullimg .info-item{padding-left:10px; flex:1}
.Topimgwrap.fullimg .info-item:before{content: '';position: absolute;left: 2px;top: 10px;width: 2px; height: 2px;background: #fff;}
.Topimgwrap.fullimg .info-item.phone{padding-left:42px;background:url('../../images/ico_call_detail_info.svg') no-repeat left center; background-size:32px 20px}
.Topimgwrap.fullimg .info-item.phone:before{display:none}
.Topimgwrap.fullimg .info-item.phone em{display:inline-block; margin-left:5px}
.Topimgwrap.fullimg .info-list:nth-last-of-type(2) { border-bottom:0; }
.Topimgwrap.fullimg .fullbt{margin-top:4px; text-align: center;}
.Topimgwrap.park{padding-bottom: 16px;}
.Topimgwrap.park .slickPaging{bottom:16px;}
.Topimgwrap.park .topimg-append { bottom:16px; }
.Topimgwrap.park .building-info{bottom:16px}
.Topimgwrap.park.fullimg .buildingimg img{height:564px;}
.Topimgwrap.park.fullimg{padding-bottom: 0px;}

.infoWrap {position:relative;  text-align:left; padding:0 16px}
.infoWrap .info-sell { display:block; overflow:hidden; width:100%; margin-top:2px; font-size:14px; line-height:20px; color:#fff; }
.infoWrap .info-name + .info-sell { margin-top:0; }
.infoWrap .info-sell span + span:before { content:'|'; display:inline-block; margin:0 3px; }
.infoWrap .info-sell-price { display:flex; align-items:center; font-size:16px; line-height:24px; color:#fff; }
.infoWrap .info-sell-price .btn-toggleclose { margin-top:-2px; }
.infoWrap .open-info-list { position:relative; display:inline-block; }
.infoWrap .open-info-list .btn-toggleclose { margin-top:-4px; }
.infoWrap .open-info-list .info-sell-price { display:inline-block; }
.infoWrap .open-info-list.open .info-sell-price { background:none; }
.infoWrap .open-info-list .info-sell-price .sell-price { margin-left:4px; font-weight:700; font-size:16px; line-height:24px; color:#56d4f0; }
.infoWrap .open-info-list .btn-area { position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; border:0;}
.info-badge { display:flex; align-items:flex-end; }
.info-badge .property-badge { display:inline-block; height:18px; padding:0 4px; font-size:12px; line-height:18px; color:#17356e; border:1px solid #17356e; border-radius:9px; background:#fff; box-sizing:border-box;}
.info-badge .rule-badge { display:flex; margin-left:4px; }
.info-badge .label + .rule-badge { margin-left:0; }
.info-badge .rule-badge .rule { position:relative; display:flex; align-items:center; height:14px; padding:0 6px; margin-right:4px; font-size:10px; line-height:14px; color:#fff; border-radius:6px; }
.info-badge .rule-badge .rule1 { background:#ff0200; }
.info-badge .rule-badge .rule2 { background:#f46600; }
.info-badge .rule-badge .rule3 { background:#fca700; }
.info-badge .rule-badge .rule2 .btn-badgescroll { background-image:url('../../images/ico_arrow_arrow2.svg'); }
.info-name { display:flex; align-items:center; }
.building-info .info-name { min-height:32px; }
.info-name h1{line-height: 0;}
.info-name .name { font-size:20px; line-height:32px; color:#fff; }
.info-name .btn-roadview { flex-shrink:0; }
.info-list{display: flex; color:#fff}
.info-item{position:relative;}
.info-item:before{content:"/"; display: inline-block; margin:0 3px}
.info-item:nth-of-type(1):before{content:""; margin:0}
.info-toggle { position:relative;  }
.info-toggle .btn-toggleclose { transform:rotate(180deg); }
.info-toggle .btn-toggleclose.active { transform:rotate(0); }

.info-sale-btns { display:flex; margin:20px 0 16px; }
.info-sale-btns .sale-btn-group { position:relative; height:32px; border-radius:4px; border:1px solid #888; font-size:14px; line-height:20px; color:#fff; }
.info-sale-btns .sale-btn-group.f3 {flex:3; display:flex;}
.info-sale-btns .sale-btn-group.f1 {flex:1; margin-left:8px;}

.Topimgwrap .topimg-append { display:flex; position:absolute; right:16px; bottom:56px; }
.Topimgwrap .topimg-append .medal-info { display:inline-flex; }
.Topimgwrap .topimg-append .medal-info .medal { position:relative; width:15px; height:20px; }
.Topimgwrap .topimg-append .medal-info .medal:after { position:absolute; width:15px; height:20px; background-size:100%; }
.Topimgwrap .topimg-append .slickPaging { position:relative; right:0; bottom:0; display:inline-flex; align-items:center; height:24px; }
.Topimgwrap .slickPaging{ padding:1px 8px; border-radius:12px;position:absolute; right:16px; bottom:56px; color:#fff; z-index: 9; font-size:14px; background-color:rgba(34,34,34, .7); border:1px solid #666;}
.Topimgwrap .slickPaging:before { content:''; display:inline-block; width:9px; height:9px; margin-right:4px; background:url('../../images/frame.svg') no-repeat 0 0; background-size:100%;}
.Topimgwrap .slickPaging span{display:inline-block}
.Topimgwrap .slickPaging span.total:before{content:"/"; display:inline-block; margin:0 2px;}
.Topimgwrap .slickPaging .pagingtip { position:absolute; display:flex; align-items:center; right:-16px; bottom:17px; width:116px; height:42px; padding:10px 10px 13px; color:#222; opacity:.9; font-size:12px; text-align:center; background:url('../../images/bg_paging_tip.svg') no-repeat 0 0; background-size:116px 42px;}
.Topimgwrap .info-sale-btns {position:relative;; margin:8px 0 16px}
.Topimgwrap .info-sale-btns:before { content:''; position:absolute; left:-16px; right:-16px; top:-4px; height:52px; background: linear-gradient( rgba(0,0,0,.001) 0%, rgba(0,0,0,.5) 100%);}
.Topimgwrap .info-sale-btns .btn-sale:before { top:8px; height:calc(100% - 16px); background:#888; }

.photo-challenge { position:absolute; right:0; bottom:0px; display:flex; flex-direction:column; align-items:flex-end; z-index: 10;color:#fff}
.photo-challenge .txt-photo-challenge { font-size:10px; line-height:14px; color:#fff; }
.photo-challenge .btn-photochallenge { display:flex; align-items:center; position:relative; height:16px; margin-top:4px; border:0; border-radius:4px; font-weight:700; font-size:12px; line-height:16px; color:#fff; background:rgba(34,34,34,.7); }
.photo-challenge .btn-photochallenge:before { content:''; width:12px; height:16px; margin:0 3px; background:url('../../images/ico_user_medal_gold.svg') no-repeat 0 0; background-size:100%; }
.photo-challenge .btn-photochallenge:after { content:''; width:12px; height:12px; background:url('../../images/btn-photo-challenge-right.svg') no-repeat 0 0; background-size:100%;}


.sell-btn-group { display:flex; height:24px; margin-top:8px; border-radius:6px; border:1px solid #fff;}
.sell-btn-group .btn-sell { position:relative; display:flex; align-items:center; justify-content:center; flex:1; border:0; font-size:14px; line-height:20px; color:#fff;}
.sell-btn-group .btn-sell + .btn-sell:after { content:''; position:absolute; left:0; top:4px; bottom:4px; width:1px; background:#fff; }
.sell-btn-group .btn-sell:before { content:''; width:16px; height:16px; margin-right:5px; background-repeat:no-repeat; background-position:0 0; background-size:16px 16px; }
.sell-btn-group .btn-sell.sell-homepage:before { background-image:url('../../images/ico_sell_homepage.svg');}
.sell-btn-group .btn-sell.sell-download:before { background-image:url('../../images/ico_sell_download.svg');}

/*icon*/
.icon-arrow{ display: inline-block; border-left: 4px solid transparent;border-right: 4px solid transparent;margin-right: 2px}
.icon-arrow.up{border-bottom: 8px solid #ff0200;}
.icon-arrow:before { position:absolute; overflow:hidden; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; }
.icon-arrow.up:before { content:'up'; }
.icon-arrow.down{border-top: 8px solid #0066ff; border-bottom:none}
.icon-arrow.down:before { content:'down'; }
.icon-arrow.down.wh{border-top-color:#fff}
.icon-arrow.down.gray{border-top-color:#666}
.icon-arrow.down.black{border-top-color:#222}
.icon-arrow.up.gray{border-bottom-color:#666}
.icon-arrow.up.black{border-bottom-color:#222}
.icon-arrow.up.wh{border-bottom-color:#fff}
.icon{display:inline-block; width:24px; height:24px; vertical-align:top; background-size: 100%; background-position: center center; background-repeat: no-repeat;}
.icon.icoCertifyOk {background-image:url('../../images/ico_certify_ok.svg');}
.icon.icoPhoneCall {background-image:url('../../images/ico_phone_call.svg');}
.icon.icoYoutueRound {background-image:url('../../images/ico_phone_call.svg'); }
.icon.icoUserMedalGold2 {background-image:url('../../images/ico_user_medal_gold_2.svg'); }
.icon.icoUserMedalSiver2 {background-image:url('../../images/ico_user_medal_silver_2.svg'); }
.icon-up:before,.icon-down:before{content:""; display:inline-block}
.icon-up:before {border-top: 6px solid transparent;border-bottom:6px solid #ff0200; border-right: 4px solid transparent;border-left: 4px solid transparent;}
.icon-down:before {vertical-align: middle;margin-top: 2px; border-top: 6px solid #0066ff;border-bottom: 4px solid transparent;border-right: 4px solid transparent;border-left: 4px solid transparent;}
.icon-myyour {display:inline-block; overflow:hidden; width:16px; height:16px; border:0; text-indent:100%;vertical-align: middle; white-space:nowrap; font-size:0; border-radius:50%; background:#645b4c url('../../images/ico_myyour1.svg') no-repeat 50% 50%/24px auto;}


/*블릿텍스트*/
.listtext{display:inline-block; padding-left:8px; margin:0 0 10px 15px;color:#222; position: relative; font-size:14px;}
.listtext:after{content:""; display: block; width:2px; height:2px; background-color: #222; border-radius: 50%; position:absolute; left:0; top:10px;}
.smalltx{font-size:10px; font-weight: 400;}

.bulletlist li{padding:0 0 0 10px;position: relative; margin-bottom:3px;}
.bulletlist li:after{content: ""; display:block; width:3px; height:3px; background-color:#222;position:absolute; left:0 ;top:8px; border-radius: 50%; }
.barbulletlist li{padding:0 0 0 10px;position: relative; margin-bottom:3px;font-size: 12px;}
.barbulletlist li:after{content: ""; display:block; width:3px; height:1px; background-color:#222;position:absolute; left:0 ;top:8px; }
.markbulletlist li{padding:0 0 0 12px;position: relative; margin-bottom:0px;font-size: 12px;}
.markbulletlist li:after{content: "※"; display:block;position:absolute; left:0 ;top:0px; }

.wh-layer * +.bulletlist.sm {margin-top:10px;}

/* 회색박스+도트 */
.grey-wrap-l { margin:24px -12px 0; padding: 0 12px 16px; text-align:left; }
.grey-wrap-l .title-sm {display:block; font-size:12px; line-height:16px; font-weight:400; color:#222; }
.grey-wrap-l .title-sm .icon {width: 16px; height: 16px; margin: 0 4px 2px 0; border: 0; background: url('../../images/ico_none_search.svg') no-repeat 0 0; background-size: 16px;}
.grey-wrap-l .title-lg {display:block; font-size:14px; line-height:20px; font-weight:400; color:#517ad6; }
.grey-wrap-l .text {display:block; font-size:12px; line-height:16px; color:#676767; }
.grey-wrap-l .title-lg + .text { margin-top:4px; }
.grey-wrap-l .txt-dot { position:relative; padding-left:10px; font-size:12px; line-height:16px; color:#676767; }
.grey-wrap-l .txt-dot:before { content:''; position:absolute; left:2px; top:7px; width:1px; height:1px; background:#676767; }
.grey-wrap-l .txt-dot.pointColor { color:#517ad6; }
.grey-wrap-l .txt-dot.pointColor:before { background:#517ad6; }
.grey-wrap-l.typenNotification { display:flex; justify-content:space-between; align-items:center; background: #f8f8f8; margin:32px -12px 24px; padding: 16px 20px; }
.grey-wrap-l + .tit-line-l { margin-top:16px; }
.grey-wrap-l .title-sm, .grey-wrap-l .mt8 { margin: 0 8px; }
.grey-wrap-l.typenNotification .btn-switch { margin-top: 30px; }
.grey-wrap-l.typenNotification .btn-switch .switch label {height: 14px; width: 33px; background-color: #ddd;}
.grey-wrap-l.typenNotification .btn-switch .switch label:after {top: -3px; left: -2px; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);}
.grey-wrap-l.typenNotification .btn-switch .switch input:checked + label { background: #17356e; }

/*메인 레이어*/
.stickyTop{ position:-webkit-sticky; position: sticky; top:36px; padding-bottom:8px; z-index:9; background-color:#fff}
.contWrap{overflow: auto;max-height: 100%; padding: 0px 16px 0 16px;}
.layerTop{display:flex; width:100%; height:36px; padding:8px 16px; justify-content:space-between; align-items: center; background-color:#fff; border-radius: 8px 8px 0 0; position:relative; position:-webkit-sticky; position:sticky; top:0; z-index: 10; flex-shrink: 0;}
.layerTop .btn-pageback { position:absolute; left:12px; top:8px; }
.layerTop .mainbt { position:absolute; right:12px; top:8px; }
.layerTop .layertit{font-size:14px; flex:1; }
.layercon{flex:1; }



.content-bg{background-color:#f8f8f8}
.gray-card{margin:0 12px; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); background-color:#55585c;border-radius:16px;color:#fff;}
.gray-card.flexbox{padding:16px 8px 16px 14px; justify-content: space-between;}
.gray-card.change{background-color:#fff; color:#517ad6}


.costprice{font-size: 16px;font-weight: 400;vertical-align: middle;}
.costprice.none{margin-left:5px;}
.costorder{display:block; font-size:12px;color:#222}
.costorder.none{margin-left:30px;}
.costcount{position: relative; padding:0 0 0 0px; text-align:left; flex:1}
.costcount .label{margin:0;vertical-align: middle;}
.priceWrap .label.price{margin:4px 7px 0 0;}
.costorder .icon-arrow{margin-right:0}


.subdescription{display:flex; flex-wrap:wrap; justify-content: flex-end;align-items:baseline;margin-top:3px; font-size:12px; line-height:16px; color:#4c4a3f;}
.subdescription span:after{content:"|"; display: inline-block; padding:0 5px}
.subdescription span:nth-last-of-type(1):after{display:none;}
.priceWrap .subdescription{padding-right:27px; margin:8px 0 7px; font-size:10px; color:#161616; }
.pricetip{padding:0; width:calc(100% - 32px);text-align:left;position: absolute; left:16px; top:56px; }
.pricetip .tipconbox{ background-color: #fff;padding:5px 8px 8px;box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.3);border-radius: 0px 6px 6px 6px;}
.pricetip .tip-date, .pricetip .tip-text{font-size:12px; display:inline-block}
.pricetip .tip-text{display:block;padding-left:6px;margin-right:8px;position: relative; }
.pricetip .tip-text:before{content:""; display: block; width:4px;height:4px; border-radius:50%;position: absolute; left:0px; top:7px;}
.pricetip .tip-date{display: block;width: 56px;padding: 2px 0;background: #f1f1f1;position: relative; border-radius: 6px 6px 0 0;text-align: center;font-size: 12px;line-height: 16px;color: #4c4a3f;font-weight: 700;box-shadow: -1px -1px 2px 0px rgba(0, 0, 0, 0.2);}
.pricetip .tip-text.blue{color:#3675fe}
.pricetip .tip-text.blue:before{background-color:#3675fe}
.pricetip .tip-text.lightgreen{color:#15c7ef}
.pricetip .tip-text.lightgreen:before{background-color:#15c7ef}
.pricetip .tip-text.purple{color:#8942f2}
.pricetip .tip-text.purple:before{background-color:#8942f2}
.pricetip .tip-text .subject { display:inline-block; width:58px; }
.pricetip .tip-text .market { margin-left:3px; }
.pricetip .btn-close-tool { position:absolute; right:4px; bottom:4px; background-image: url(../../images/icon_24_close_g.svg); }

/*accordion*/
.card{border:none; border-radius: none;background-color:transparent}
.card-header{padding:0 12px; border-radius: 0 !important; border:none; background-color:transparent}
.card-body{padding:0}
.btn-accordion{position: relative;height:40px;padding:0 12px 0 19px;margin:8px 0 0px;border-radius: 10px;background-color: #fff !important;box-shadow:0 1px 8px 1px rgba(0, 0, 0, 0.2) !important; color: #222;line-height:24px; font-size:16px; font-weight: 700; text-align:left;}
.btn-accordion:before{content:'';display: block;position: absolute; top:7px;right:16px;width:24px; height:24px;background-image: url('../../images/up.svg'); transform: rotate(180deg);}
.btn-accordion.not-collapsed{background-color: transparent !important;box-shadow: none !important; }
.btn-accordion.not-collapsed:before{transform: rotate(0deg);}
.card-header .btn-accordion { margin-top:16px; }

/*tooltop*/
.tooltip-inner{margin-left:0px; padding-left:0; padding-right:0;background-color:transparent; max-width:max-content}
/* .bs-tooltip-bottom .arrow::before{display:none} */
.helpTool{font-size:10px; text-align:right; padding:0 0 0 20px}
.helpTool .pass-text{padding:8px; border-radius:5px;background-color:#363636;font-size:10px; text-align:left; margin:-5px 0 0 10px}
.helpTool:before{content:"";display:inline-block; width:0;height:0;border-color: transparent;border-style: solid; border-bottom-color:#363636;border-width:0 4px 8px; margin-right:8px}

.bs-tooltip-right .tooltip-inner, .bs-tooltip-bottom .tooltip-inner, .bs-tooltip-left .tooltip-inner, .bs-tooltip-top .tooltip-inner{min-width:123px;padding:8px; border-radius:5px;background-color:rgba(54,54,54, .8); font-size:12px;  line-height:14px;}
.bs-tooltip-right .arrow::before{border-right-color:rgba(54,54,54, .8);}
.bs-tooltip-bottom .arrow::before{border-bottom-color:rgba(54,54,54, .8);}
.bs-tooltip-left .arrow::before{border-left-color:rgba(54,54,54, .8);}
.bs-tooltip-top .arrow::before{border-top-color:rgba(54,54,54, .8);}
.b-tooltip-textip{width:210px}
.tooltip-inner .small { font-size:10px; }

/*라디오 토글버튼*/

.togglebtn .custom-control-inline{display:inline-block}
.togglebtn .custom-control-label{display:inline-block;min-width: 47px;height: 24px;border-radius: 16px;background: #f8f8f8;border: solid 1px #f8f8f8; }
.togglebtn .custom-control-label::before,.togglebtn .custom-control-label::after{display:inline-block;min-width: 47px;height: 23px;
border-radius: 16px; padding: 0;top:0px;left:0;z-index: 1;background-image:none;border:none; background-color:#f8f8f8}
.togglebtn .custom-control-input:checked ~  .custom-control-label::after{background-color: #fff;color: #222 !important; border:solid 1px #666}
.togglebtn input[type="radio"]:checked+label >span{color:#222}
.togglebtn .custom-control-label span{display: block;position: relative; z-index: 2; height: 24px; line-height: 22px; font-weight: 700;font-size: 12px;color: #b2b2b2; text-align:center}
.togglebtn .custom-control-inline{margin:0 !important; padding:0 !important}
.togglebtn .custom-control-inline{display:inline-block}
.btn-group-toggle .btn-secondary{display: inline-flex;align-items:center; justify-content:center;min-width: 47px;height: 23px;border-radius: 16px !important;padding: 0;top: 0px;left: 0;z-index: 1;background-image: none;border: none;background-color: #f8f8f8; border: solid 1px #f8f8f8; color: #676767; font-size: 14px; line-height:22px; padding:0 9px;}
.btn-secondary:not(:disabled):not(.disabled).active{background-color: #fff; color: #17356e !important;border: solid 1px #17356e; }
.btn-group > .btn:not(:first-child){margin-left:0px}
.wide .btn-group-toggle .btn-secondary{min-width: 71px;}



/* 버튼라디오 */
.textarea .form-control{line-height: 16px; padding:8px 16px !important}
.selectRadio .btn-group {display: flex;}
.selectRadio .btn-group-toggle .btn-secondary{height:36px; border:solid 1px #ddd; border-left:none; background-color:transparent; border-radius:0 !important; line-height:34px; font-size: 14px;}
.selectRadio .btn-group-toggle .btn-secondary:nth-of-type(1){border-left:solid 1px #ddd}
.selectRadio .btn-secondary:not(:disabled):not(.disabled).active{background-color:#17356e !important; color:#fff !important}
.selectRadio .btn-secondary:not(:disabled):not(.disabled).active:nth-of-type(1){border-left:solid 1px #17356e}




/*공통 tab*/
.tabs{padding: 16px 0px 0 0;margin: 0 12px;background-color: #fff;border-radius: 10px; box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.2);}
.tabs .card-header{padding:0 16px}
.tabs .card-header-tabs{margin:0; padding:0;width:100%; justify-content: space-between; align-items: center;height:29px; }
.tabs .nav-tabs .nav-link{position:relative; color:#676767;width:100%; height:30px; border-radius: 0; border:none; border-bottom:1px solid #ddd; padding:0; font-weight: 400;}
.tabs .nav-tabs .nav-link.active{background: #fff;color: #222; border-color:#222; font-weight: 700; position: relative;outline:none;}
.tabs .nav-tabs .nav-link.active:after{position: absolute; content: ''; height: 1px; background: #000; bottom: 0; left: 0; width: 100%;}
.tabs .nav-tabs .nav-item{flex:1;margin-bottom: 0; color:#676767; font-size:16px; line-height:26px; text-align:center }
.tabs .nav-tabs .nav-link:hover{background: #fff;color: #222;}
.tabs .nav-tabs .nav-link sup { position:absolute; left:0; top:-4px; width:50%; text-align:right; font-weight:400; font-size:10px; }
.classgroup .tabs .nav-tabs .nav-item{font-size:14px}
.typecon .store{margin:0}

.tabs.tabs-etc{border-radius:0; box-shadow:none; }
.app .linegraph .tabs.tabs-etc .card-header{padding:0}
.app .apppull .linegraph .tabs.tabs-etc .card-header{padding:0 16px}
.subtapcon{background-color:#fff;}
/* .subtapcon{margin:0; padding-bottom:16px;background-color:#fff; position: relative; z-index: 3; border-radius: 0 0 10px 10px; box-shadow: 0 8px 9px -3px rgba(0, 0, 0, 0.2);} */
.subdescription.left{justify-content: flex-start; padding-left:16px}
.whbox .tabs{box-shadow: none;padding:0; margin: 0;position: relative;}
.linechart-default .chartline.weight{padding:14px 8px 14px 0px}
.kbprice-chart{padding:14px;}
.outbox.tabs{border-radius:0; padding:0; margin:0;box-shadow: none;}
.outbox.tabs .card-header{padding:16px 0 0 0}
.app .outbox.tabs{width:100%}

/*그래프텍스트 툴팁*/
.texttooltip{background-color:#666; position: absolute; left:-50px;top:-1px; color:#fff; font-weight: 400; font-size: 12px; border-radius:5px; padding:1px 4px}
.texttooltip:after{
     content:"";
     display: block;
     border-top: 3px solid transparent;
     border-bottom: 3px solid  transparent;
     border-left:5px solid #666;
     border-right:5px solid transparent;
     position: absolute;
     right:-10px;
     top:9px
}
.texttooltip.left:after
  {border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-right: 5px solid #666;
    border-left: 5px solid transparent;
    right:auto;
    left:-10px}
.texttooltip.bottom:afterf
  {border-top: 5px solid #666;
  border-bottom: 3px solid transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  right:auto;
  left:23px;
  top:26px;}
.graph-label{text-align:center; font-size: 12px;line-height: 16px;}
.graph-label{margin-bottom:5px;}
.graph-label .buy-type{display:inline-block; padding:0 16px 0 23px; background-position: left center; background-repeat: no-repeat;}
.graph-label .buy-type.color1{color:#517ad6; background:url('../../images/legend_sale.svg') no-repeat; background-size:19px}
.graph-label .buy-type.color2{color:#15c7ef; background:url('../../images/legend_rent.svg') no-repeat; background-size:19px}
.graph-label .buy-type.color3{color:#7f4de9; background:url('../../images/legend_ratio.svg') no-repeat; background-size:19px}


/*slide slick-vue*/
.slideWrap{margin:0 0px; height:200px; overflow: hidden; position: relative;}
.localcompare .slideWrap{height:auto; overflow: hidden; position: relative; margin:0 -12px;}
.app .localcompare .slideWrap{ margin:0;}
.slick-dots{width:100%; margin:3px 0 16px; text-align:center; background-color: transparent;}
.slick-dots > li{display:inline-block; width:4px; height:4px; margin-left:4px;background: #ddd; border-radius: 50%; cursor: pointer; vertical-align: middle;}
.slick-dots > li.slick-active{width:15px;height:6px; background:#545045; border-radius: 3px;}
.slick-dots > li.slick-active+li, .slick-dots > li.slick-active+li+li{width:6px; height:6px;}
.slick-dots > li:nth-of-type(1){margin-left:0;}
.slick-dots > li > button{font-size:0; border:none; }
.slideinfo{display:flex;position: absolute; right:0; bottom:9px; align-items: center;}
.slideinfo .medal{width:9px; height:12px; margin-right:4px}
.slideinfo .medal:after{ width:15px; height:20px; display:block; right:auto; left:0; background-size:9px; position: relative; background-size:15px !important}

/*단지랭킹*/


.subtit {margin:0 16px; height:40px; text-align:left; position:relative}
.subtit > div{padding:0px 5px;  display:inline-block;border-radius: 4px; font-size:14px;background:#f1f1f1; position: relative; top:4px; letter-spacing: -1px;}
.subtit:before{content:"";display:block; width:0px; height:0px; margin:3px 0 0px 30px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #f1f1f1;
  position: relative;
  top:4px;
}
.subtit span{display:inline-block; font-size:10px;line-height:14px;}
.subtit span:after{content:"";  display:inline-block; width:1px; height:11px; background:#171717; margin:0 5px; position: relative; top:2px}
.subtit span:nth-last-of-type(1):after{display:none;}
.subtit > div.togglebtn{ position:absolute; display: inline-flex; padding:0; border-radius: 16px; background-color: #f8f8f8; right:0; top:8px; }
.subtit > div.togglebtn .btn-common{font-size:14px}


.listslide{padding:0 8px;}
.listslide > div{padding:16px; border-radius:16px;background:#55585c;position: relative;}
.listslide .btn-bookmaker{padding:0;margin:0; position:absolute; right:16px; top:16px; z-index: 999; }
.slidetit{position:relative; padding:0 0 0 28px; margin-bottom:8px; font-size:16px;font-weight: 700; text-align:left; color:#fff !important;background:url('../../images/basic.svg') no-repeat 0 5px;background-size:24px;}
.slidetit > strong { display:block; padding-right:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:24px; }
.slidetit > span{display:block;margin-top:3px; font-size:12px; font-weight: 400;}
.slidetit > span > span + span:before { content:''; display:inline-block; vertical-align:middle; width:2px; height:2px; margin:0 3px; border-radius:2px; background:#fff; }
.slidetit .rank { position:absolute; left:6px; top:8px; width:12px; font-size:10px; color:#4c4a3f; font-weight:400; text-align:center; }

.gradegroup{margin:18px 0 15px 0}
.gradegroup ul{display:flex; justify-content: space-between;}
.gradegroup ul > li{display:flex; flex:1;justify-content: center; flex-direction: column; width: 56px; border-radius: 50%; background:none; color:#fff; position: relative;}
.gradegroup ul > li:after{content:""; display:block; width:1px; height:17px; margin-top:-10px;background-color:#888; position: absolute; left:0; top:50%;}
.gradegroup ul > li:nth-of-type(1):after{ display:none;}
.gradegroup ul > li > div >span, .gradegroup ul > li > div  >strong{display: block;}
.gradegroup ul > li > div >span{position:relative; font-size: 12px;}
.higher .gradegroup ul > li:nth-of-type(1) > div >span,
.popular .gradegroup ul > li:nth-of-type(2) > div >span,
.total .gradegroup ul > li:nth-of-type(3) > div >span,
.area .gradegroup ul > li:nth-of-type(4) > div >span { font-weight:700; }
.gradegroup ul > li > div >span sup { position:absolute; left:50%; margin-left:-25px; font-size:10px; font-weight:400 !important; }
.gradegroup ul > li  > div >strong{font-size: 16px; margin-top:-5px}
.gradegroup ul > li  > div >strong em{font-size: 16px; font-weight: 700;}

.costgroup{padding:7px 15px;border:solid 1px #fff; border-radius: 4px; color:#fff}
.costgroup > ul{display:flex;justify-content: space-between;}
.costgroup > ul li{flex:1; border-right:solid 1px #fff; font-weight: 400; font-size:14px; line-height:17px;}
.costgroup > ul li strong{display:inline-block; margin-left:2px;}
.costgroup > ul li:nth-last-of-type(1){flex:1; border-right:none;}


.graphWrap{margin-bottom:16px; position: relative;}
.graphItem .num{width:42px;text-align: center;left:0;top:0;}
.graphItem .num >strong,.graphItem  .num >span{display: block;}
.graphItem .num >strong{font-size:14px; font-weight:400;}
.graphItem.isActive .num >strong { font-weight:700; }
.graphItem .num >span{font-size:10px;}
.graphItem .num >span:before{content:""; display:inline-block;}
.graphItem .num >span.up:before{
  border-top:8px solid transparent;
  border-bottom:8px solid #ff0200;
  border-right: 5px solid transparent;
  border-left: 5px solid  transparent;
  margin-top:-3px;
}
.graphItem .num >span.down:before{
  vertical-align:middle; margin-top:2px;
  border-top:8px solid #0066ff;
  border-bottom:5px solid transparent;
  border-right: 5px solid transparent;
  border-left: 5px solid  transparent;
}
.graphItem .num >span.up:after { content:'up'; position:absolute; overflow:hidden; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; }
.graphItem .num >span.down:after { content:'down'; position:absolute; overflow:hidden; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; }
.graphItem .num >span.new:before{content:"신규"; background:#ff5713;width:22px; height:14px; font-size: 10px; color:#fff; line-height: 12px;}
.graphItem .name{text-align:left;}
.graphItem .name > strong, .graphItem .Itemwrap .name > span{display:block;}
.graphItem .name > strong{width: 190px;text-overflow: ellipsis; overflow: hidden;white-space: nowrap; margin-bottom:-2px;}
.graphItem .name > span{font-size:12px}
.graphItem .name > span > span + span { padding-left:2px; }
/* .graphItem .name > span > span + span:before { content:''; display:inline-block; vertical-align:middle; width:2px; height:2px; margin:0 3px; border-radius:2px; background:#222; }
.graphItem.isActive .name > span > span + span:before { background:#fff;} */

.graphItem .btn-map,.graphItem .cost,.graphItem .num,.graphItem .total,.graphItem .totalarea,
.graphItem .populartx { height:100%;position:absolute; }
.graphItem .cost { top:0; }
.graphItem .cost, .graphItem .total,.graphItem .totalarea,.graphItem .populartx{right:35px; font-size:14px; line-height: 2.4; display: none;}
.graphItem .populartx { right:43px; }
.graphItem.isActive .cost { font-weight:700; }
.graphItem .populartx{top:11px;}
.graphItem .populartx{background:#fe4646; height:14px; font-size: 10px; color:#fff; line-height: 13px; padding:0 6px; border-radius: 16px;}
.graphItem .btn-map{right:11px; top:6px; border:0; }
.graphItem .btn-map{width:24px;height: 24px; padding:0;background:url('../../images/location.svg') no-repeat center top; background-size:100%}
.graphItem.isActive .btn-map { background-image:url('../../images/location_w.svg'); }

.graphItem{width:100%;  padding:6px 0 5px; position: relative;}
.graphItem .Itemwrap{ display: flex; align-items: center;position: relative;z-index: 2; padding:0px 86px 0px 40px; }
.graphItem .after{content:""; display: block; width:100%; height:100%; position: absolute; left:0; top:0; transition: .5s;}

/* .graphItem:nth-of-type(1), */
.graphItem.isActive{z-index: 3; color:#fff}
.graphItem:nth-of-type(1) .after{  background:rgba(86,212,240, 1); background-size:100%; color:#fff; }
.graphItem:nth-of-type(2) .after{opacity: .8; width:95%}
.graphItem:nth-of-type(3) .after{opacity: .6; width:85%}
.graphItem:nth-of-type(4) .after{opacity: .5; width:80%}
.graphItem:nth-of-type(5) .after{opacity: .45; width:75%}
.graphItem:nth-of-type(6) .after{opacity: .4;width:70%}
.graphItem:nth-of-type(7) .after{opacity: .3; width:65%}
.graphItem:nth-of-type(8) .after{opacity: .2; width:60%}
.graphItem:nth-of-type(9) .after{opacity: .15; width:55%}
.graphItem:nth-of-type(10) .after{opacity: .1; width:50%}
.graphItem.isActive .after{ width:100% !important; background:rgba(86,212,240, 1);box-shadow: 0 3px 10px rgba(0,0,0,0.16), 0 3px 10px rgba(0,0,0,0.1);opacity: 1;}


.popular .subtit:before{margin-left:110px}
.total .subtit:before{ left:50%; }
.total .subtit div { position: absolute; right:0; top:4px; margin-top:6px; min-width:50%; }
.area .subtit div {position: absolute; right:0; top:4px; margin-top:6px; min-width:50%;}
.area .subtit:before{left:75%;}
.popular .graphItem .populartx,.higher .graphItem .cost,.total .graphItem .total, .area .graphItem .totalarea{display: inline-block;}

/* 단지랭킹 color */
.higher .gradegroup ul > li:nth-of-type(1){color:#56d4f0}
.popular .gradegroup ul > li:nth-of-type(2){color:#60a5ff}
.total .gradegroup ul > li:nth-of-type(3){color:#5a8dff}
.area .gradegroup ul > li:nth-of-type(4){color:#9a6bff}
.higher .graphItem .after{background-color:#56d4f0}
.popular .graphItem .after{background-color:#60a5ff;}
.total .graphItem .after{background-color:#4178f4;}
.area .graphItem .after{background-color:#7f4de9;}
.Ranking .tabs .tab-content .tab-pane:nth-of-type(1) .costgroup > ul li strong{color:#56d4f0}
.Ranking .tabs .tab-content .tab-pane:nth-of-type(2) .costgroup > ul li strong{color:#60a5ff}
.Ranking .tabs .tab-content .tab-pane:nth-of-type(3) .costgroup > ul li strong{color:#5a8dff}
.Ranking .tabs .tab-content .tab-pane:nth-of-type(4) .costgroup > ul li strong{color:#9a6bff}
.Ranking .tabs .nav-tabs .nav-link .label-beta { position:absolute; left:50%; top:-9px; height:12px; margin-left:-27px; padding:0 3px; border-radius:7.5px; background-color:#b2b2b2; }
.Ranking .tabs .nav-tabs .nav-link.active .label-beta { background-color:#666; }

/*graph*/
.grayBG{background-color:#f8f8f8}
.togglebtn{background-color:#f8f8f8; border-radius:16px; display: inline-flex;}
.togglebtn.price { margin-bottom:8px; }
.compare{padding:0px 12px}


.whbox{padding:16px 0; background-color: #fff;border-radius: 10px;box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.2);text-align:left; overflow: hidden;}
.chartWrap{padding:2px 16px 0}
.charttit{margin-bottom:38px; font-size:16px; text-align:left; font-weight: 700; justify-content: space-between; align-items: baseline; }
.charttit >h1{font-size:16px; font-weight: 400;}
.chart-subtit{display:block; margin-top:5px;font-size:12px;}
.slickcard{padding:10px 12px}
.chartcon{display: flex; height:136px; }
.legend{display: flex; width:36px;flex-direction: column;  }
.legend>div{height:calc(100%/4)}
.legend.text{ font-size:10px;justify-content: space-between;}
.legend{display: flex; width:36px; height:100%;flex-direction: column; justify-content: space-between; font-size:10px}
.legend.line{width:100%; height:100%; padding-left:36px;position: absolute; z-index: 1;}
.legend.line .barline{border-top:solid 1px #dddddd;position: relative;}
.legend.line .barline:nth-last-of-type(1){border-bottom:solid 1px #dddddd}
.bar{flex:1;  position: relative;}
.barbox{display:flex; height:100%;padding-left:36px; position:relative; z-index:3; justify-content: space-around;}
.rege-tx{position: absolute; top:-9px; left:-36px}
.rege-tx.init{top:24px; }
.graphbar{display: flex;flex-direction: column; justify-content:flex-end; height:100%; padding-top:8px; position: relative; text-align: center;flex:1;align-items:center;}
.graphbar.default .g-bar:before{content:""; display:block; width:8px;height:8px; border-radius: 50%; background:#fff; position:absolute; left:12px;top:-4px; border:solid 1px #7f4de9; z-index: 4; }
.graphbar .g-bar{width:32px;   border-radius: 5px 5px 0 0; transition: .3s; position: relative; z-index:3;  bottom:0}
.graphbar .g-num{font-size:12px; color:#222; font-weight: 700; z-index: 2; position:absolute; left:0; top:-25px }
.graphbar .g-bar .g-num { min-width:100%; left:50%; transform:translateX(-50%); } /* 평당 KB시세 */
.graphbar .g-bar-guide{width:32px; height:100%;  background-color:#f1f1f1; border-radius: 5px 5px 0 0; position:relative; z-index:2}
.graphbar .g-legend{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:14px;font-size: 10px; color:#222; font-weight: 700; position:absolute; left:0;bottom:-16px;}
.graphbar.default .g-bar{background-color:#7f4de9;height:100%;}

.graphbar.type2 .g-bar.g-bar-guide .centerbar{height:70%;background-color:#56d4f0;}


.graphbar.compare .g-num{position: relative; top:auto}
.defaultline{width:calc(100% - 36px); height:1px; border-bottom:dotted 2px #ddd; position: absolute; left:36px; top:16px}

.guidebar{width:32px; height:128px; background-color:#f1f1f1;  border-radius: 5px 5px 0 0;position: absolute; left:calc(50% - 16px); bottom:0; z-index:3}
.graphbar.type1 .g-bar{width:24px;height:50%;background-color:#4178f4;}
.graphbar.type2 .g-bar{width:24px;height:20%;background-color:#56d4f0;}

.graphbar.type1 .guidebar{height:80px}
.graphbar.type2 .guidebar{height:50px}

.g-bar .texttooltip { left:auto !important; right:100%; top:-10px; margin-right:7px; }

.charttextbox{margin-top:32px; text-align:center; padding:0 0 0 38px; }
.detailorder{ position:relative; }
.orderin{display:flex; border-radius:4px; padding:4px 0 7px; background-color:#f1f1f1; position:relative; color:#222}
.orderin > div{ position:relative; flex:1; padding:0 8px; font-size:14px;}
.orderin > div >strong{font-size:16px; font-weight: 400;}
.orderin > div >span{display:block;font-size:10px; color:#161616;margin-top:-1px;}
.orderin > div:before { content:''; position:absolute; right:0; top:4px; bottom:1px; width:1px; background-color:#ddd; }
.orderin > div:nth-last-of-type(1):before {display:none;}
.detailorder:before{content:""; position:absolute; left:15%; top:-10px; width:12px; height:10px; background:url('../../images/ico_triangle_gray.svg') no-repeat 0 0; background-size:100%; }

.chartbottom{display:flex; height:40px;margin-top:24px; padding:0 16px;align-items:center;  justify-content: space-between; background-color:#f8f8f8; border-radius: 0 0 10px 10px;}
.copy{font-size: 10px; display:flex;justify-content: space-around; color:#222}
.copy >span:after{content:"|"; display: inline-block; padding:0 5px; font-size: 10px;}
.copy >span:nth-last-of-type(1):after{content:""; display: inline-block; padding:0 0px; font-size: 10px;}


/* 그래프공통색상 */
.bg-color-c{ background-color:#56d4f0}
.bg-color-b{ background-color:#4178f4}
.bg-color-p{ background-color:#7f4de9}

/* 세로그래프비교 */
.graphbar.compare .g-bar{display:flex; align-items: flex-end;  }
.graphbar .bar-before, .graphbar .bar-after{width:17px; height:104px; border-radius: 5px 5px 0 0;}
.graphbar.colortype1 .bar-before, .graphbar.colortype1 .bar-after{background-color:#7f4de9;}
.graphbar.colortype2 .bar-before, .graphbar.colortype2 .bar-after{background-color:#4178f4;}
.graphbar.colortype3 .bar-before, .graphbar.colortype3 .bar-after{background-color:#56d4f0;}
.graphbar .bar-before{opacity: .5; height:68px;margin-right:4px}

.graphbar.compare .g-num{margin-bottom:5px;}
.graphbar.compare .texttooltip{position: relative; left:auto; top:-9px; max-width: 53px; margin:0 auto}
.graphbar.compare .texttooltip:after{
  border-top: 5px solid #666;
  border-bottom: 3px solid transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  right:auto;
  left:23px;
  top:20px;
}

.graphbar.colortype2 .bar-before{height:46px;}
.graphbar.colortype2 .bar-after{height:74px;}
.graphbar.colortype3 .bar-before{height:16px;}
.graphbar.colortype3 .bar-after{height:48px;}

/* 원형그래프 */
.chartcon.circle{display:block;height:auto;margin-top:-12px;}
.chartcon.circle + .charttextbox{margin-top:12px;}
.circlebox{width:128px; height:128px; margin:0 20px 0 8px;align-self: center; position: relative;}
.legend-line{display:flex; align-items:center; padding:0 0 8px 16px; margin-top:8px;border-bottom: solid 1px #ddd; font-size: 16px; font-weight: 400;}
.legend-line:nth-of-type(1){margin-top:0px;}
.legend-line .legendtx:before{content:""; display:inline-block; width:12px; height:12px;margin:0px 2px 0 0px; vertical-align:middle; border-radius:2px; background-color:#56d4f0; position: relative; top:-2px;}
.legend-line:nth-of-type(1) .legendtx:before{background-color:#56d4f0}
.legend-line:nth-of-type(2) .legendtx:before{background-color:#4178f4}
.legend-line:nth-of-type(3) .legendtx:before{background-color:#7f4de9}
.legend-line .legendtx {flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.legend-line .graph-txt{ flex-shrink:0; color:#676767; font-size:14px; text-align:right;}
.legend-line .graph-txt > strong{ font-weight: 400; color:#222}
.legend-line .graph-txt > strong,.legend-line .graph-txt > span{display:block}
.legend-line .graph-txt > span{opacity: .5;}


.graph-data{width:100%; height:100%;position: absolute; left:0; bottom:0; display: flex; align-items: flex-end; }
.graph-data .g-circle{border-radius: 50%; width:100%; height:100%; margin:0 auto;background-color:#56d4f0;transform-origin: center bottom; transition: .3s;}
.graph-data.type1  .g-circle{width:75px; height:75px;background-color:#4178f4; }
.graph-data.type2  .g-circle{width:30px; height:30px;background-color:#7f4de9}
.graph-data.type1  .texttooltip{ left:auto; top:auto;bottom:50px; right:-15px; }
.graph-data.type2  .texttooltip{ left:auto; top:auto;bottom:5px; right:-5px; }
.graph-data.type3 .g-circle{width:50px; height:50px}
.graph-data .texttooltip:after{
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-right: 5px solid #666;
    border-left: 5px solid transparent;
    right:auto;
    left:-10px
}
/*거래량*/
.sellingwrap{width:100%; height:100%;  padding:0 22px 16px 22px;border-bottom:solid 1px #ddd;}
.sell-group{display:flex; justify-content:flex-start; align-items: flex-start;}
.sell-group .s-bar{width:48px; height:20px; background-color:rgb(227, 237, 244)}
.s-data{flex:1; display:flex; margin-left:5px;overflow:hidden;padding-left:10px;}
.sell-group .texttooltip{position:relative;min-width:100px; display:inline-flex; justify-content: space-between; left:0; top:0; padding:1px 6px; font-weight:400}
.sell-group .texttooltip > div:nth-of-type(1) { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:5px; }
.sell-group .texttooltip > div:nth-of-type(2) { flex-shrink:0; }
.sell-group .texttooltip:after{
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-right: 5px solid #666;
  border-left: 5px solid transparent;
  position: absolute;
  left: -10px;
  right: auto;
  top: 7px;
}
.sell-group:nth-of-type(1) .s-bar{background-color:rgb(65, 120, 244)}
.sell-group:nth-of-type(1)  .texttooltip{background-color:rgb(65, 120, 244)}
.sell-group:nth-of-type(1)  .texttooltip:after{border-right-color:rgb(65, 120, 244)}
.sell-group:nth-of-type(10) .s-bar{background-color:rgb(241, 241, 241)}
.rate{margin-left:8px; font-size:12px;align-self:center }
.s-data .rate { flex-shrink:0; }

/*pageTop*/
.pageTop{position:-webkit-sticky !important;position:sticky !important; width:100%;height:42px;padding:9px 0;line-height:24px;font-size: 16px;box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 2px 2px rgba(0,0,0,0.06), 0 0 2px rgba(0,0,0,0.07);background-color:#fff;z-index:9999;left:0;top:0;}
.layerSearch .pageTop,
.layerLogin .pageTop { box-shadow:none; }
.pageTop >h1{line-height:24px; font-size:16px;text-align: center; font-weight: 400;}
.honeyPotWrap > .pageTop >h1{padding: 0 70px 0 46px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pageTop .btn-pageback{width:24px; height:24px; position:absolute; left:16px; top:10px; }
.pageTop .btn-close{position:absolute; right:16px; top:9px;}
.pageTop .btn-mainsetting{position:absolute; right:16px; top:9px;} /* 내집네집 설정 */

.pagecontainer{padding:44px 12px 20px 12px;background-color:#fff }
.pagecontainer.type2 { padding:2px 0 0; }
.pagecontainer .tabs .card-header-tabs { height:34px; }
.pagecontainer .tabs .nav-tabs .nav-item { height:34px; line-height:inherit; font-size:14px; }
.pagecontainer .tabs .nav-tabs .nav-link { padding-top:6px; height:100%; }
.pagecontainer.type2 .priceyear { padding-top:16px;}
.default .tabs{margin:0;padding:0; box-shadow: none; border-radius: 0;}
.default .tabs .card-header{padding:0}
.top-tapcon{margin:61px 0 20px 0}
.btn-pageback{background-image:url('../../images/left@2x.png');}
/*평당시세 노출 툴팁*/
.taptoolTip{display:inline-block;padding:8px; margin-left:-25px;background-color:rgba(54,54,54, .9); border-radius:3px; color:#fff; font-size:12px; position: absolute; left:15%; top:40px;}
.taptoolTip:after{content:""; left: 50px;right: auto;top: -8px;
    border-top: 3px solid transparent;
    border-bottom: 5px solid rgba(54,54,54, .9);;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    position: absolute;
}
 .taptoolTip.right {left: 130px;}
 .taptoolTip.right:after{left:160px}

/*막대그래프*/
.list-graph1{padding:20px 0px; margin:0 12px; text-align: left; position: relative;}
.legend-box{width:100%; height:100%; display:flex; position:absolute; left:0; top:0; z-index: 1;  }

.legend-unit{font-size:12px; text-align: right;}
.legend-text{width:127px; font-size: 12px;}
.legend-limttx{position: absolute;right: 0;top: 0;font-size: 12px; text-align: right;}
.legend-num{flex:1; display:flex; justify-content: space-between; font-size: 10px}
.legend-num > div{width:calc(100%/5); text-align: center;}
.legend-num > div >span{display: block; width:100%; margin-left:50%;text-align:center;}
.legend-num > div:last-of-type(1) > span{margin-left:0; text-align:right}
.legend-num > div:after{content: ""; display:block; width:100%; height:calc(100% - 42px); border-right:solid 1px #ddd; position: relative; top:22px}

.lgr-data-box{margin-top:1px; border-top:solid 1px #ddd;position: relative;z-index: 3; }
.lgr-group{width:100%; height:37px; padding-right:16px; display:flex; align-items: center;font-size: 12px;}
.lgr-tx{width:127px; font-weight: 700;}
.lgr-databar{flex:1; display:flex; font-weight: 700; width:100%; height: 16px;}
.lgr-databar .databar{width:0; height: 16px; background-color:rgba(65, 120, 244,.5) ; border-radius: 0 5px 5px 0; position: relative; opacity: 1; transition: .3s;}
.lgr-group:nth-of-type(1) .lgr-databar .databar{ background-color:rgba(65, 120, 244, 1);}
.data-numtip{position: absolute; right:5px; top:-2px; color:#222; font-weight: 700; font-size: 12px;}
.databar.outtext .data-numtip{right:inherit; left:100%; margin-left:2px;}
.lgr-group:nth-of-type(1) .data-numtip{color:#fff}
.lgr-group:nth-of-type(1) .outtext .data-numtip{color:#222}
.dectext{color:#222; padding:8px 0 0 0; text-align: left;font-size: 12px;border-top:solid 1px #ddd;}
.dectext .pointcolor, .decboxtext .pointcolor{color:#676767;}
.decboxtext{margin:8px 0 16px; padding:8px;background-color:#f1f1f1; font-size:12px; text-align:left; border-radius: 4px;}
.decboxtext .title{display:block}
.average-bar{width:calc(100% - 143px); height:100%; position: absolute; left:127px; top:0; z-index: 3; margin-right:16px; }
.average-bar .average{position: absolute; left:0; top:0px; height: 100%;; }
.average-bar .texttooltip{display: inline-block; margin:0 0 10px 0;left:auto; top:-24px; }
.average-bar .texttooltip > em{display: inline-block;}
.average-bar .texttooltip > em:before{content:"|"; display:inline-block; padding:0 2px}
.average-bar .texttooltip:after{display:none}
.average-bar .average::before{
  width:0; height:0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 5px solid #666;
  border-bottom: 5px solid transparent;
  left:-2px;
  bottom:auto;
  top:-7px;
  content:"";
  position: absolute;

}
.average-bar .average:after{content:""; display:block; position: relative; border:none; width:2px; height:calc(100% - 20px); background-color:#222;}


.accordion-con{text-align:left; position:relative;}

.collapse{padding-top:10px !important}
.slick-padding.collapse{padding-top:0px !important}
.collapse .slick-list{padding-top:10px}
.collapse .Ranking  .slick-list{padding-top:0px}

/*시세 라인그래프 */
/* .linegraph{margin-top:8px} */


.subdescription.price{margin-bottom:8px; margin-right:16px;}
.subdescription.price + .subdescription.price { margin-top:-4px; }
.priceG-legend{display: flex; margin:28px 0 16px 0; justify-content: center; align-items: center;}
.priceG-legend .type{ align-items:center; padding-left:23px; margin-right:7px; font-size:12px; line-height:15px; position: relative;background-repeat: no-repeat;background-position: left center;}
.priceG-num{margin-bottom:5px;color:#4984d1; font-size:12px; line-height:14px; text-align: right; padding-right:4px}
.priceG-legend .labeltype{padding:0 4px; height:16px;font-size:12px;margin-right:6px; color:#17356e}
.priceG-legend .type1{background-image:url('../../images/legend.svg'); background-size:20px;color:#17356e}
.priceG-legend .type2{display:inline-flex; padding:0 5px; height:16px; font-size:12px;border:solid 1px #17356e; border-radius:8px;color:#17356e; text-align:center}
.priceG-legend .type2.active { color:#fff; background:#17356e; border-color:#17356e; }
.priceG-legend .type3{background-image:url('../../images/legend3.svg'); background-size:20px;color:#4895f8}
.priceG-legend .type4{padding-left:18px;color:#676767}
.priceG-legend .type4:after{content:""; width:16px; height:12px; margin-right:2px;display:block; background:#ECECF2; border-radius: 8px; position: absolute; left:0; top:2px}
.priceG-wrap{position: relative; padding-bottom:10px; border-bottom:solid 1px #ddd}
.priceG-box{height:238px; margin:0 auto;}
.nodata{display: flex; height:auto; padding:4px 0 16px; justify-content: center;flex-direction: column;align-items: center;}
.priceG-box.nodata { padding-top:28px; }
.nodata .nodata-tit{align-self: flex-start;font-weight:400;}
.nodata .nodatatx{ max-width:308px; text-align:center; padding-top:24px; background-repeat:no-repeat; background-position:center top; background-image:url('../../images/error2.svg'); background-size:24px;color:#b2b2b2}
.nodata.tapout{padding: 16px 0 16px 16px; margin: 0 12px; background-color: #fff;box-shadow: 0 8px 9px -3px rgba(0, 0, 0, 0.2);border-radius: 10px 10px 0 0;}
.nodata.tapout .nodatatx{margin-bottom:20px}
.subtapcon:not(.full) .nodata .nodata-tit { margin:0 12px; }
.graphTool{width:calc(100% - 8px); padding:0px;left:4px; top:34px;position:absolute; color:#676767;font-size:10px; letter-spacing:0; z-index:10;}
.graphTool .txt-type {font-size: 12px; margin-right: 4px; line-height: 1; margin-top:3px}
.graphTool .flexbox .txt-type { width: 12px; margin-top:0; display:flex; align-items:center; flex-shrink: 0; }
.graphTool .flexbox + .flexbox {margin-top:5px;}
.graphTool .flexbox .textline{flex:1;display:flex; flex-direction:column; justify-content:flex-start;}
.graphTool .date-box{display:block; width:56px; padding:2px 0; background:#f1f1f1;position: relative; border-radius: 6px 6px 0 0; text-align:center; font-size:12px; line-height:16px; color:#4c4a3f; font-weight:700; box-shadow:-1px -1px 2px 0px rgba(0, 0, 0, 0.2);border:solid 1px #ddd; border-bottom:none}
.graphTool .toolcon{background-color:#60a5ff; padding:3px 5px 4px; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.3); border-radius: 0px 6px 6px 6px; }
.graphTool .toolcon.one{border-radius:6px; }
.graphTool.bg-w .bullettx:before { background-color:#676767 }
.graphTool .gray{color:#161616}
.graphTool .skyblue{color:#3496f0}
.graphTool .blue{color:#557dd7}
.graphTool .blue2{color:#517ad6}
.graphTool .lightblue{color:#006cc6}
.graphTool .green{color:#166d25}
.graphTool .darkblue{color:#3e4454}
.graphTool .lightgreen{color:#7fc98c}
.graphTool .kb{color:#ffcc00 !important}
.graphTool .bullettx{padding-left:8px;font-size:12px; position: relative; margin:0 2px; text-align: left;display:inline-block;}
.graphTool .bullettx:after { content:''; display:block; clear:both;}
.graphTool .toolcon.one .bullettx { display:block; }
.graphTool .toolcon:not(.one) .bullettx { min-width:calc(50% - 4px); }
.graphTool .bullettx strong{position: relative; margin:0 1px 0 0}
.graphTool .bullettx:before{content:"";display:block;width:4px;height:4px; border-radius:50%; position:absolute; left:0; top:7px; background-color:#fff}
.graphTool .bullettx.skyblue:before{background-color:#3496f0}
.graphTool .bullettx.blue:before{background-color:#557dd7}
.graphTool .bullettx.blue2:before{background-color:#517ad6}
.graphTool .bullettx.lightblue:before{background-color:#006cc6}
.graphTool .bullettx.green:before{background-color:#166d25}
.graphTool .bullettx.darkblue:before{background-color:#3e4454}
.graphTool .bullettx.lightgreen:before{background-color:#7fc98c}
.graphTool .bullettx.kb:before{background-color:#ffcc00 !important}
.graphTool .btn-close-tool { position:absolute; right:4px; bottom:4px; }
.graphTool .toolcon.line1 .btn-close-tool { bottom:0; }
.btn-close-tool { border:0; background:url('../../images/icon_24_close_w.svg') no-repeat 0 0; background-size:24px; }
.graphTool.bg-w .toolcon {border:1px solid #3496f0; background-color:#fff; box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.07); }
.graphTool:not(.bg-w) .bullettx { color:#fff; }
.graphTool.bg-w .btn-close-tool { background-image:url('../../images/icon_24_close.svg') }
.graphTool.bg-w .date-box { margin-bottom:-1px; border:1px solid #3496f0; border-bottom:0; box-shadow:0px -1px 3px 0px rgba(0, 0, 0, 0.07);}
.graphTool.total .date-box { color:#fff; box-shadow:none; }
.graphTool.total .toolcon { background:#fff; }
.graphTool.total.case1 .date-box { background-color:#3d3b34; border-color:#3d3b34; }
.graphTool.total.case2 .date-box { background-color:#1549ad; border-color:#1549ad; }
.graphTool.total .toolcon { padding:0; overflow:hidden; }
.graphTool.total .toolcon .flexbox { padding:5px 6px; }
.graphTool.total .toolcon .flexbox + .flexbox { margin-top:1px; }
.graphTool.total .toolcon .flexbox:nth-last-of-type(1) { padding-bottom:7px; }
.graphTool.total .toolcon .flexbox .txt-type { justify-content:center; width:25px; height:18px; color:#fff; border-radius:4px; text-align:center; }
.graphTool.total .toolcon .flexbox.type1 { background-color:#545045; }
.graphTool.total .toolcon .flexbox.type1 .txt-type {  background-color:#f46600; }
.graphTool.total .toolcon .flexbox.type2 {  background-color:#006cc6; }
.graphTool.total .toolcon .flexbox.type2 .txt-type {  background-color:#3bb120; }
.graphTool.total .bullettx { padding-left:0; color:#fff; }
.graphTool.total .bullettx:before { display:none; }


.priceG-legend.set1 .type1{background-image:url('../../images/legend2.svg'); background-size:20px;color:#517ad6}
.priceG-legend.set1 .type2{color:#517ad6; border-color:#4178f4}
.priceG-legend.set1 .type2.active { color:#fff; background:#006cc6; border-color:#006cc6; }
.priceG-legend.set1 .type3{background-image:url('../../images/legend4.svg'); background-size:19px 16px;color:#15c7ef; }

.priceG-legend.set2 .type1{background-image:url('../../images/legend.svg'); background-size:20px;color:#517ad6}
.priceG-legend.set2 .type3{background-image:url('../../images/legend2.svg'); background-size:20px;color:#517ad6;}


/* .priceG-legend.set3 .type1{background-image:url('../../images/legend2.svg'); background-size:20px;color:#517ad6}
.priceG-legend.set3 .type3{background-image:url('../../images/legend4.svg'); background-size:20px;color:#517ad6;} */

.priceG-legend.set3 .borrow .labeltype{color: #517ad6;}
.priceG-legend.set3 .borrow .type1{background-image:url('../../images/legend2.svg'); background-size:20px;color:#517ad6}
.priceG-legend.set3 .borrow .type2{color:#517ad6; border-color:#517ad6}
.priceG-legend.set3 .borrow .type2.active { color:#fff; background:#006cc6; border-color:#006cc6; }
.priceG-legend.set3 .borrow .type3{background-image:url('../../images/legend4.svg'); background-size:19px 16px;color:#15c7ef; }


.priceG-legend.set4 .type1{background-image:url('../../images/legend9.svg');color:#3e4454}
.priceG-legend.set4 .type2{padding:0 0 0 23px;border:none;background-image:url('../../images/legend7.svg'); background-size:20px;color:#3496f0}
.priceG-legend.set4 .type3{padding-left:18px;color:#676767;background:none;}
.priceG-legend.set4 .type3:after { content:""; width:16px; height:12px; margin-right:2px;display:block; background:#ECECF2; border-radius: 8px; position: absolute; left:0; top:2px }

.subdec{margin:8px 0 16px;}
.subdec.type2{margin:4px 0 0}
.subdecgraybox{margin:12px 16px 0 16px;background-color:#f8f8f8; padding:8px 0; text-align:center; font-size: 12px; border-radius: 4px;}
.subdec .btn-textmore.housemuch { display:inline-flex; align-items:center; min-height:16px; line-height:14px; }
.btn-textmore.housemuch:before { content:''; width:13px; height:13px; margin-right:2px; background-image:url('../../images/ico_housemuch.png'); background-size:13px;}
.subdec .flexbox .bar { align-self:center; flex-basis:1px; flex-grow:0; width:1px; height:11px; margin:0 4px 0 5px; background-color:#747474; }
.moerservice .btn-more{width:100%; margin-top:8px; padding-top:3px; color:#676767; border-top:1px solid #dddddd; font-size:12px; border-radius:0; display:flex; justify-content: center; align-items: center; font-size:12px}
.moerservice .btn-more:after{display:block; content:"";background:url('/images/icon_16_arrow_small_down.svg') no-repeat; width:16px; height:16px}
.moreinfo{text-align: center;}
.moreinfo > p{padding:20px 4px 0 4px}
.moreinfo > p .point-red{color:#ff0000}
.moerservice.more .btn-more:after{transform: rotate(-180deg);}



.barbtnbox{display:flex; justify-content: center; align-items: center; padding:6px 0; margin:0 16px 20px 16px; border-radius:5px;background:#f1f1f1;}
/* 예측시세 */
.prevprice{ display:flex; align-items:center; justify-content:center; width:42px; height:36px;border: solid 1px #b2b2b2;border-radius:6px; font-size:12px; line-height:14px; color:#b2b2b2; text-align:center; cursor:pointer;
position: absolute;right:8px;bottom: 10px;box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);  background-color:#fff} /* transition:.3s; */
/* prev, wide, open css 순서 꼭 지켜주세요 */
.prevprice.prev { border-color:#0066ff; color:#676767; }
.prevprice.wide {width:calc(100% - 28px); text-align:center;transition:.3s; border-color:#888; color:#676767; }
.prevprice.prev.wide { border-color:#0066ff; }
.prevprice.open { border-color:#fff; color:#fff; background:#0066ff;}
.prevprice .prevtooltip{ position:absolute; top:0; right:100%; text-align:center; padding:8px; width:170px; color:#fff; font-size:12px; line-height:16px; margin-right:14px; border-radius:4px; background:rgba(54,54,54,.9); }
.prevprice .prevtooltip:after { content:"";
  display:block;
  border-top: 3px solid transparent;
  border-bottom: 3px solid  transparent;
  border-left:5px solid #666;
  border-right:5px solid transparent;
  position: absolute;
  right:-10px;
  top:12px }

.prevpriceBalloon { position:absolute; z-index:10; width:112px; border:1px solid #0066ff; border-radius:5px; background-color:#fff; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);}
.prevpriceBalloon:after { content:''; position: absolute; bottom:-11px; right:25px; width:12px; height:11px; background:url('../../images/ico_tip_blue.svg') no-repeat 0 0; background-size:100%; }
.prevpriceBalloon .source {position:relative; padding:3px 20px 4px 7px; color:#fff; font-size:12px; line-height:14px; background: url('../../images/icon_prevpriceballoon.png') no-repeat top 1px right 19px #0066ff; background-size: 16px; }
.prevpriceBalloon .source:after { content:''; position:absolute; right:3px; top:50%; width:14px; height:14px; margin-top:-8px; background:url('../../images/ico_arrow_w.svg') no-repeat 0 0; background-size: 16px 16px;}
.prevpriceBalloon .body { padding:4px 7px 7px 7px; }
.prevpriceBalloon .body .data { display:flex; width:100%; margin-top:3px; font-size:12px; line-height:14px; color:#222; }
.prevpriceBalloon .body .data .tit { flex-shrink:0; margin-right:3px; text-align:right; width:33px; display:inline-block}

.ai-model-cont { margin-top:2px; }
.ai-model-cont .ai-model-item + .ai-model-item { margin-top:16px; }
.ai-model-cont .txt-item-l { margin-top:4px !important; }

.loading-prevprice { padding:32px 0 26px; }
.loading-prevprice .message { text-align:center; }
.loading-prevprice .message img { height:54px; }

.circle-wrap { margin:0 auto 10px; width:100px; height:100px; background:#f8f8f8; border-radius:50%; }
.circle-wrap .circle .mask,
.circle-wrap .circle .fill {width:100px;height:100px;position:absolute;border-radius:50%;}
.circle-wrap .circle .mask {clip: rect(0px, 100px, 100px, 50px);}
.circle-wrap .circle .mask .fill {clip: rect(0px, 50px, 100px, 0px);background-color: #0066ff;}
.circle-wrap .inside-circle {width:76px;height:76px;border-radius:50%;background:#fff;line-height:76px;text-align:center;margin-top:12px;margin-left:12px;position:absolute;z-index:100;font-size:22px;color:#0066ff;}





.tablelayer{width:100%;position: absolute; left:0; bottom:0;background-color:#fff; z-index:9}
.monthline{padding:12px 16px 16px;border-top:solid 1px #ddd; position:relative}
.monthline >span{display:block; text-align:center}
.monthline .btn-close{position:absolute; right:14px; top:12px; padding-right:24px; background:none; color:#676767; }
.monthline .btn-close:after { content:''; position: absolute; right:0; top:0; width:24px; height:24px; background:url('../../images/close-gray.svg') no-repeat 0 0; background-size:100%; }

/*지역시세  그래프*/
.card-body .localcompare{margin-top:-20px}
.localcompare .slick-list .whbox{padding:16px 0 0 0 !important}
.localcompare .slick-list .slickcard { padding:10px 12px; }
.chart-top{display:flex; justify-content: space-between; padding-left:100px;}
.chart-top >div{flex:1; display:flex;justify-content: center; align-items:center;height:40px; font-size:14px; text-align:center}
.compare{padding:0px 12px}
.comparetit{padding:0 16px; margin-bottom:40px; font-size:16px; text-align:left; font-weight: 700; position: relative;}
.small-bot{margin-bottom:20px;}
.small-bot.tap{margin-bottom:10px;}
.titbox span{display:block; font-size:12px;}
.titbox em{font-size:12px;}
.comparetit.flexbox{justify-content: space-between; align-items:flex-start;}
.linechart{position: relative; overflow: hidden;padding-bottom:24px}
.linechart .btn-moretable{z-index: 5;}
.linechart-default{display: flex;  align-items: center;}
.linechart-default{display: flex;}
.linechart-default.bg-gray{background-color:#f8f8f8}
.linechart-default .labeltext{width:84px; padding:0 8px; font-size:12px; font-weight:700; text-align:left; }
.linechart-default .halfbox{flex:1; position: relative;}
.linechart-default .halfbox .chart-text{padding-right:4px;}
.linechart-default .halfbox.right{border-left:solid 1px #ddd}
.linechart-default .chartline{flex:1; padding:4px 0; align-items:flex-start; padding-right:8px; position: relative;}
.linechart-default .chartline .flexbox{position: relative;}
.linechart-default .chartline .texttooltip{position: relative; left:auto; top:auto; width:30px;margin-left:5px;font-size:10px}
.linechart-default .chartline .texttooltip:after{top:7px}
.linechart-default.bg-gray .line{height:20px; }
.linechart-default .left .line{border-radius: 5px 0px 0px 5px;}
.linechart-default .left .chartline.weight, .linechart-default .left .chartline{padding-right:0px !important; padding-left:8px !important;}
.linechart-default .left .chartline.weight >.flexbox, .linechart-default .left .chartline >.flexbox{justify-content: flex-end;}
.linechart-default .right .chartline.weight >.flexbox, .linechart-default .right .chartline >.flexbox{justify-content: flex-start;}
.linechart-default .line{height:16px; width:100%;  border-radius: 0 5px 5px 0;}
.linechart-default .line.purple{background-color:#7f4de9}
.linechart-default .line.skyblue{background-color:#e3edf4}
.linechart-default .line.skyblue1{background-color:#4178f4; opacity: .3;}
.linechart-default .line.blue{background-color:#4178f4}
.linechart-default .line.lightpurple{background-color:#7f4de9; opacity: .4;}
.linechart-default .chart-text{ font-size:12px; color:#fff; position:absolute; left:-80px; top:0; text-align: right;}
.linechart-default .chart-text.outline{position: relative; padding-right:0; left:auto}
.linechart-default .chartline .outline + .texttooltip{margin-left:10px}
.linechart-default .chart-text.black{color:#222;}
.linechart .text-box{position: relative; display:flex; align-items: center; flex-shrink: 0;}
.linechart .btn-moretable{width:calc(100% - 32px);margin:0 16px}
.linechart .tx-small{font-size:10px; font-weight: 400;}
.linechart-default .chart-text .icon-arrow{margin:0 2px}
.linechart-default .chart-sumary{font-size:12px;}
.linechart-default .chart-sumary .ch-s{display:flex; margin-top:3px;justify-content:center;align-items: center;}
.linechart-default .chart-sumary .ch-s >span{margin-right: 5px;}
.linechart-default .chart-sumary .ch-s:nth-of-type(1){margin-top:0px;}
.linechart-default .chart-sumary .ch-s strong{ font-weight: 700;}

/*매물상세 topimg*/
.Topimg{position: relative; background-color:#fff }
.Topimg .buyimg-info{position:relative;}
.Topimg .slideinfo { position: absolute; right:12px; bottom: 8px; }
.Topimg .slideinfo .medal { width: unset; height: unset; }
.Topimg .slideinfo .rollnum { border:1px solid #666; }
.Topimg .slideinfo .pagingtip { position:absolute; display:flex; align-items:center; right:-12px; bottom:17px; width:116px; height:42px; padding:10px 10px 13px; color:#222; opacity:.9; font-size:12px; text-align:center; background:url('../../images/bg_paging_tip.svg') no-repeat 0 0; background-size:116px 42px;}
.Topimg .btn-photoview { display:inline-flex; align-items:center; margin-top:8px; padding:0 2px 0 6px; border-radius:4px; font-size:12px; color:#fff; background:rgba(34,34,34,.8)}
.Topimg .btn-photoview:after { content:''; width:12px; height:12px; background:url('../../images/icon_24_arrow_small_right_w.svg') 0 0; background-size:100%; }
.Topimg .topimg-append { position:absolute; right:12px; bottom: 8px; display:flex; flex-direction:column; align-items:flex-end; }
.Topimg .topimg-append .slideinfo { position:relative; right:unset; bottom:unset; justify-content:flex-end; }
.Topimg .topimg-append .btn-roadview { margin-top:8px; background-color: rgba(34,34,34,.9); }
.Topimg .topimg-append .slideinfo + .btn-roadview { margin-top:8px; }

.Topimg .slickPaging{ padding:0 8px; border-radius:10px; color:#fff;background-color:rgba(0,0,0,.7); z-index: 9; font-size:14px;}
.Topimg .slickPaging:before { content:''; display:inline-block; width:9px; height:9px; margin-right:4px; background:url('../../images/frame.svg') no-repeat 0 0; background-size:100%;}
.Topimg .slickPaging span{display:inline-block}
.Topimg .slickPaging span.total:before{content:"/"; display:inline-block; margin:0 2px;}

.Topimg .noimage { position:relative; height:200px; background:#fff url('../../images/detail_no_photo.svg') no-repeat 50% 0; background-size:auto 200px;}
.Topimg .noimage:after { content:''; position:absolute; left:0; right:0; top:0; bottom:0; background:transparent url('../../images/detail_no_photo_bg.svg') repeat-x 0 0; background-size:1px 200px; }
.Topimg .noimage.type1 { background-image:url('../../images/detail_no_photo_type1.svg') } /* 아파트/오피스텔 */
.Topimg .noimage.type2 { background-image:url('../../images/detail_no_photo_type2.svg') } /* 빌라(다세대/다가구)/상가주택 */
.Topimg .noimage.type3 { background-image:url('../../images/detail_no_photo_type3.svg') } /* 주택(전원/한옥 등) */
.Topimg .noimage.type4 { background-image:url('../../images/detail_no_photo_type4.svg') } /* 재개발,재건축 */
.Topimg .noimage.type5 { background-image:url('../../images/detail_no_photo_type5.svg') } /* 비주거 */
.Topimg .noimage.type6 { background-image:url('../../images/detail_no_photo_type6.svg') } /* 공장창고 */
.Topimg .noimage.type7 { background-image:url('../../images/detail_no_photo_type7.svg') } /* 토지 */


/*타입정보*/
.buytext-info{padding:16px 0;}
.labeltext.electronic{display:inline-block;position:relative;color:#7C43F5;font-size:14px;padding-left:18px;margin-bottom:6px;font-weight:700}
.labeltext.electronic: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}
.b-cost{display:flex; align-items: center; justify-content: center; margin:4px 0 2px 0;font-size:24px;flex-wrap: wrap; position: relative;}
.b-cost strong + .label.bg-yellow { margin-left:8px; }
.b-cost .btn-change{ position: absolute; right:12px; top:6px}
.b-name{display:flex; align-items: center; justify-content: center;  font-size: 16px;flex-wrap: wrap;}
.b-name .textall-box{display: inline-block;max-width: 220px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.b-price{display:flex; align-items: center; justify-content: center; font-size:14px; flex-wrap: wrap;}
.p-type em{display:inline-block;}
.p-type em:after{content:"/"; display:inline-block;}
.p-type em:nth-last-of-type(1):after{display:none}
.p-type:after{content:"|"; display:inline-block; margin:0 5px; }
.p-type:nth-last-of-type(1):after{display:none; }

.b-dec{margin-top:8px;display:flex; align-items:flex-start; justify-content: center;font-size:12px; flex-wrap: wrap; padding:0 20px;}
.b-dec .txt-dec { font-size: 14px; color: #676767; }
.b-provide{margin-top:8px;}
.b-provide .storelabel{letter-spacing:0}
.b-provide .btn-move{margin-left:8px;font-size:12px;color:#676767;text-decoration:underline}

.typeinfo-tit{display: flex; justify-content: space-between; align-items:flex-start; margin-top:2px; padding:0 16px;}
/* typeinfo-tit 평형별 색상 마커 */
.typeinfo-tit.area-type0 > span:before { background-color:#FF0200 !important; } /* 10평미만 추가 */
.typeinfo-tit.area-type1 > span:before { background-color:#F46600 !important; } /* 10평대 */
.typeinfo-tit.area-type2 > span:before { background-color:#FFcc00 !important; } /* 20평대 */
.typeinfo-tit.area-type3 > span:before { background-color:#3BB120 !important; } /* 30평대 */
.typeinfo-tit.area-type4 > span:before { background-color:#4178F4 !important; } /* 40평대 */
.typeinfo-tit.area-type5 > span:before { background-color:#7F4DE9 !important; } /* 50평대 이상
 */

.typeinfo-tit >span > strong{font-size:18px; margin-right:2px;}
.typeinfo-tit >span > .use-area { font-size:12px; margin-right:2px; }
.typeinfo-tit[class*="area-type"] > span:before{content:""; display:inline-block; vertical-align:top; width:10px; height:20px; margin-top:3px; margin-right:8px; border-radius: 8px;}
.typeinfo-tit > span{text-align:left}
.typeinfo-tit > span > em {font-size:14px; font-weight:400;}
.typeinfo-img{display: flex; justify-content: space-between; padding:0 16px; margin:20px 0 16px;}
.t-img{width:164px; margin:0 auto; text-align:center;}
.t-img img{width:100%;}
.t-img.none{display:flex; height:100%;flex-direction:column; justify-content: center;}
.t-img.none p{margin-top:4px;}
.t-img.none p:nth-of-type(1), .t-img.none p:nth-of-type(2){margin:0 auto;}
.t-img.none img{width:40px;}
.t-img.none .darkimg{display:none}
.typeinfo-img.part{margin-bottom:0}
.typeinfo-img.part .typeinfolist{margin-bottom:0}
.typeinfo-img.part +.typeinfo-payment{margin-top:16px}
.typeinfolist{ display:flex; align-items:center; width:130px; padding-left:5px; margin-bottom:20px}
.typeinfolist > ul { width:100%; }
.t-list-con{display:flex; margin-bottom:6px;justify-content: space-between;font-size: 14px;}
.typeinfo.info-sale-btns{margin:0 16px 8px 16px}
.typeinfo.info-sale-btns .sale-btn-group{border-color:#ddd}
.typeinfo.info-sale-btns .btn-sale:before{border-color:#ddd}
.typeinfo.info-sale-btns .btn-sale{color:#676767; font-size:14px; font-weight:400;}
.typeinfo.info-sale-btns .btn-sale .num{color:#517ad6;font-weight:400;}
.typeinfo-payment { position:relative; margin:0 16px; padding:8px 16px 12px; border-radius:8px; background:#f1f1f1;}
.typeinfo-payment.show .btn-detail-view.show{font-size:0;transform:rotate(180deg);}
.typeinfo-payment .t-payment .tit-payment { display:block; font-weight:400; font-size:14px; color:#303030;}
.typeinfo-payment .t-payment .price-payment { display:block; margin-top:4px; font-size:12px; line-height:16px; color:#517ad6; }
.typeinfo-payment .t-payment-info { display:flex; margin-top:12px; font-size:12px; line-height:16px; color:#222; }
.typeinfo-payment .t-payment-info > div { position:relative; flex:1; text-align:center; }
.typeinfo-payment .t-payment-info > div:nth-of-type(1) { padding-right:8px; }
.typeinfo-payment .t-payment-info > div:nth-of-type(2) { padding:0 8px; }
.typeinfo-payment .t-payment-info > div:nth-last-of-type(1) { padding-left:8px; }
.typeinfo-payment .t-payment-info > div:before { content:''; position:absolute; left:-12px; top:50%; width:24px; height:24px; margin-top:-12px; background:url('../../images/payment_info_right.svg') no-repeat 0 0; background-size:24px 24px; }
.typeinfo-payment .t-payment-info > div:first-child:before { display:none; }
.typeinfo-payment .t-payment-info .title { display:block; margin-bottom:4px; color:#676767; }
.paymentTable{margin-top:16px;background-color:#fff }
.paymentTable .pay-tr{display:flex; border-bottom:solid 1px #ddd}
.paymentTable .pay-td{flex:1; }
.paymentTable .pay-th{width:79px;padding:8px 6px; font-size:12px; font-weight: 700; background-color:#f8f8f8; text-align: center;}
.paymentTable .pay-td-line{display:flex; align-items: center; border-top:solid 1px #ddd}
.paymentTable .pay-td-line:nth-of-type(1){border-top:none}
.paymentTable .line-td{padding:5px 8px;font-size:12px; color:#676767}
.paymentTable .line-td:nth-of-type(2){flex:1; padding:5px 0; font-size:14px; color:#222; text-align: right; padding-right:8px;}
.type-info-price { margin:7px 16px; }
.type-info-price .t-info-price  { display:flex; flex-wrap:wrap; align-items:center; }
.type-info-price .t-info-price + .t-info-price { margin-top:4px; }
.type-info-price .title { margin-right:4px; font-size:12px; line-height:16px; color:#222; }
.type-info-price .sales-price { font-weight:400; font-size:18px; line-height:26px; color:#517ad6; }
.type-info-price .sales-tax { font-weight:400; font-size:14px; line-height:20px; color:#676767; }
.type-info-price .dimension {font-size: 12px; color:#517ad6}
.txt-exclam { display:flex; align-items:center; margin-top:4px; font-size:12px; line-height:16px; color:#676767; }
.txt-exclam:before { content:''; display:inline-block; width:18px; height:18px; margin-right:4px; background:url('../../images/ico_exclam.svg') no-repeat 0 0; background-size:18px 18px; }
.sale-type-data {display: inline-block; padding: 2px 5px;margin-top: 4px;font-size: 12px;line-height: 16px;text-align: left;background: #eaedf2;}
.t-img.none + .sale-type-data { position:relative; top:-25px; }

.type-store .typeinfo-tit.area-type1 > span:before{display:none}
.type-store .typeinfo-img.part{padding-right:8px;}
.type-store .typeinfolist{ width:auto; padding-left:0}
.listlabel{width:54px; font-weight:400; color:#676767}
.listcon{flex:1; font-weight:700; color:#222; text-align: right;}
.typeinfo-admin{display:flex; justify-content: space-around; align-items:flex-start; margin:7px 16px 0px 16px; padding:14px 0 11px; background-color:#f8f8f8; color:#676767;font-size:14px; border-radius: 8px; text-align:center}

.admin-label{display: block; margin-bottom:3px;}
.admin-average{color:#222; font-size:16px}
.typeinfo-admin strong:not(.admin-average) { font-weight:400; }




/*시세카드*/
.pricebox-dark{ justify-content: space-between; margin:0 0 8px; padding:14px 15px 15px; border-radius:16px;background-color:#545045; box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.2);}
.selltype{margin-bottom:5px;font-size:12px; color:#fff; position: relative; display: flex;flex-shrink:0;}
.selltype em{display:inline-block; font-weight:700; font-size:14px;}
.selltype em.sell-width{font-size:14px; font-weight:700;}
.sellTinfo{display:flex; justify-content: space-between; font-size:14px}
/*전월세색상*/
.pricebox-dark.gray{background-color:#006cc6}
.pricebox-dark.gray .same-price {background-color: #4998ff;}
.pricebox-dark.flexbox{padding:10px 15px; border-radius:12px;}
.pricebox-dark.flexbox .selltype{margin-bottom:0}
.subchioce{display:inline-flex; margin-left:8px; text-align: left; flex-grow: 1; align-items:flex-end;}
.subchioce span{margin-left:6px; cursor: pointer; text-decoration:underline}
.subchioce span.active{color:#ffcc00;}
.subchioce span:nth-of-type(1){margin-left:0px;}
.same-price { background-color: #9d8f78; color: #fff; font-size: 10px; padding: 1px 3px; border-radius: 4px; display: inline-block; height: 18px; margin-left:auto; }
.same-price-info { width: 140px; text-align: left; }
.same-price-tooltip { left: 45px !important; }

.kb-sell{color:#ffcc00}
.kb-sell span{display:inline-block;margin-right:8px;}

.pricebox-dark .kb-price, .pricebox-dark .recent-price{display:flex; flex:1.2; flex-direction: column; justify-content: space-around;color:#fff; justify-content:flex-start; min-height:100px;}
.pricebox-dark .kb-price{flex:1.4}
.pricebox-dark .recent-price{text-align: right;}
.pricebox-dark .recent-price .tit-average { font-size: 12px; }
.pricebox-dark .recent-price .tit-average em { position:relative; top:-8px; }
.pricebox-dark .recent-price .txt-help { font-size:12px; line-height:16px; margin-top:auto; }
.pricebox-dark .recent-price .txt-help em { color:#ffcc00;}
.tit-price{font-size:14px; color:#fff; font-weight:400;margin-bottom:3px;}
.tit-price{font-size:14px; color:#fff; font-weight:400}
.color-y{color:#ffcc00}
.tit-cost{font-size:20px;line-height:32px;}
.tit-cost em { font-weight:400; font-size:14px; }
.tit-help{font-size:10px; color:#fff;}
.tit-average{font-size:14px; line-height:20px; color:#fff; margin-top:2px;}
.tit-average em{display:inline-block; margin-right:6px;}
.tit-average em:nth-last-of-type(1){margin-right:0px;}
.cost-average { display:flex; justify-content:flex-end; min-width:138px; margin-top:auto; }
.cost-average > em{margin-right:6px;}
.cost-average > strong{font-size:14px;min-width:20px;}
.txt-cost { margin-top:2px; font-size:12px; line-height:21px; color:#fff; }
.txt-cost.line3 { line-height:16px; margin-bottom:-7px; }


/*commlist*/
.dashlist{padding:0 15px; text-align:left;}
.dashlist li{margin-bottom:2px; padding-left:6px; position: relative; color:#517ad6; font-size:12px}
.dashlist li:after{content:""; display:block; width:3px; height:1px; background-color:#517ad6; position:absolute; left:0; top:8px;}
.dashlist.colorB{padding:0}
.dashlist.colorB li{font-size: 14px; color:#4c4a3f; padding-left:9px}
.dashlist.colorB li:after{width:5px;}
/*table*/
.table{font-size:14px; color:#222}
.table thead th{border:none; padding:3px 3px 4px; text-align:center; background-color:#f8f8f8; font-weight:400;}
.table td{padding:0; font-weight:400; border:0; }
.table tr + tr td { border-top: 1px solid #ddd; }
.table td strong {font-weight:700; color:#222; }


/*시세테이블*/
.pt-tit{margin:0 16px 8px 16px; display:flex; justify-content: space-between; align-items: center;}
.pt-tit .tit-text{font-size:14px; font-weight:400; text-align:left;}

.data-table{margin:0 15px 15px 15px;height:212px; border:solid 1px #ddd; border-radius: 5px; overflow:hidden; position:relative; }
.data-table tbody td { text-align:center; }
.full.data-table{height:auto}
.full .btn-moretable{position:relative; transform: rotate(-180deg);border-bottom:solid 1px #ddd; border-top:none; height:24px;border-radius: 0;}
.data-wrap{display:flex; width:100%; justify-content: space-between; font-size:14px; text-align: center;}
.data-wrap [class^=th-] {color: #676767;}
.th-date, .th-price, .data-price{flex:1.5}
.th-date { flex:1.8; }
.data-month,.data-cell, .th-sell, .data-layer,  .th-layer{flex:1;}
.data-layer {  text-align:center; }
.table-label{flex:1; padding-top:6px; color: #676767;}
.table-data{flex:4.9;}
.table tr:first-child td .data-wrap .table-label { color:#222;}
.table tr:first-child td .table-data .table-line:first-child, tr:first-child .table-line:first-child .data-price { color:#222; }
.table tr:first-child .table-line:first-child .data-price { font-weight:700; }
.table-line{display: flex; padding:5px 0; border-bottom:solid 1px #ddd; color: #676767;}
.table-line:nth-last-of-type(1){border-bottom:none;}
.priceyear{padding:12px 9px 7px 20px; background-color:#fff; border-bottom:solid 8px #f1f1f1; position: relative;}
.priceyear .btn-group-toggle {display:flex; flex-wrap:wrap;}
.priceyear .btn-group-toggle .btn-secondary{min-width:43px; flex-basis:calc(16.6% - 10px); max-width:calc(16.6% - 10px); flex-grow:0; margin:0 10px 8px 0; padding:0; background-color:transparent; border-color:transparent} /* min-width:45px;max-width:45px; */
.priceyear .btn-secondary:not(:disabled):not(.disabled).active{background-color: #17356e;color: #fff !important; border: solid 1px #17356e;}
.priceyear .btn-formround{min-width:50px;max-width:50px;position: absolute; right:6%; bottom:14px;background-color:#f1f1f1; color:#222;font-size:14px;}


/* KB시세 : full */
.subtapcon.full{padding:16px 12px; margin:0; border-radius: 0; box-shadow: none;}
.subtapcon.full .pt-tit{margin:0}
.subtapcon.full .pt-tit .tit-text{font-size:12px; letter-spacing: -.5px;}
.subtapcon.full .data-table{ border:0; margin:16px 0 0 0;height:auto;}
.subtapcon.full .data-table table { border:1px solid #ddd; }
.subtapcon.full .data-table.type-fold { height:auto;max-height:447px;padding-bottom:34px; }
.subtapcon.full .data-table.type-fold .btn-moretable2 { position:absolute; bottom:-1px; left:0; right:0; width:100%; height:36px; background:#f1f1f1; border-radius:0 0 6px 6px;}
.subtapcon.full .data-table.type-fold .btn-moretable2:after { content:''; position: absolute; left:50%; top:50%; width:24px; height:24px; margin:-12px 0 0 -12px; background:url('../../images/icon_24_arrow_small_down.svg') no-repeat 0 0; background-size:100%; }
.subtapcon.full .data-table.type-fold.auto { max-height:inherit; }
.subtapcon.full .data-table.type-fold.auto .btn-moretable2:after { transform:rotate(180deg); }
.subtapcon.full .nodata { margin-top:80px; }
#app .table{margin-bottom:0}
.table-data.average{flex:5}
.table-data.average .data-month{flex:.5}
.table-data.rent{flex:2.5}
.table-data.rent:before{display:none}
.table-label.half{flex:.5}
.data-month.half { flex:.5 }
.data-wrap .onehalf{flex:1.2}
.data-wrap .one{flex:1}
.data-average{flex:1}
.typecon{padding:0 12px}
.typecon .aroundbox{margin:0}
.typecon .talkbox{margin:0}
.price-table .data-wrap .onehalf{flex:1.5}
.price-table .table-data.average{flex:3.5}
.price-table .table-label.half{flex:.5}





/*매물단지*/
.detail-top{padding:0 0px 10px 0px; margin:0 16px 10px 16px; display:flex; justify-content: space-around; border-bottom:solid 1px #ddd}
.detail-top .dt-text span { display: inline-block; }
/* .detail-top .top-parking { display: flex; flex-direction: column; } */
.dt-text{text-align:center; padding:44px 2px 0; font-size:14px; background-position: center top; background-repeat: no-repeat; background-size:40px; flex: 1;}
.top-layer{background-image:url('../../images/level.svg');}
.top-point{background-image:url('../../images/direction.svg');}
.top-width{background-image:url('../../images/people.svg');}
.top-house{background-image:url('../../images/house.svg');}
.detail-dec{padding:0 16px; display:inline-flex; flex-wrap: wrap;}
.detail-dec.borderlist{border-bottom:solid 4px #f1f1f1}
.detail-dec .listtext {margin-left:0px; min-width:150px}
.detail-dec .listtext.block { display:block; width:100%; }
.detail-dec .listtext > strong { font-weight:400; }
.detail-info{margin-top:16px; padding:0 16px; font-size:14px}
.dt-infotit{display:block;margin-bottom:5px;font-weight:400; font-weight:700}
.labelbox{margin-bottom:13px;}
.dt-textbox{position: relative; }
.dt-textbox > p{max-height:140px; overflow: hidden; line-height:20px; font-size:14px; color:#222; font-weight:300;}
.dt-textbox .btn-textmore{position:absolute; right:0; bottom:-2px;}
.phonebox{display:inline-block; padding:4px 8px 4px 36px; margin:0px 16px; border-radius:14px; font-size:14px; background:url('../../images/phone_call.svg') no-repeat 8px center #f1f1f1;}
.storeinfo-text{margin-top:8px; padding-right:16px; text-align:right; font-size:12px; color:#4c4a3f}
.storeSlideWrap { margin-right:-12px; margin-left:-12px; margin-top:-5px }
.storeSlide { display:flex; flex-wrap:nowrap; padding:10px 12px }
.storeSlide .accordion-con{ flex-shrink:0; width:320px; margin-right:8px }
.storeSlide .accordion-con:nth-last-of-type(1) { padding-right:12px; }
.storeSlide .sub-dec{display:none;}
/* 매물등록중개업소 */
.store{margin:0 12px;}
.storecon{height:113px; padding:0 16px 0 12px; display:flex; align-items: center; justify-content:space-between;}
.ceo-img{width:72px; height:72px; border-radius: 50%; overflow: hidden;}
.ceo-img .imgbox{width:72px; height:72px;}
.ceo-img .imgbox img{width:100%; height:100%;}
.store-name{flex:1; padding-left:10px; margin-bottom:8px; font-size:12px; }
.sn-tit{display:block;margin:2px 0; font-size:14px; font-weight: 700}
.sn-name,.sn-add{font-size:14px; }
.sn-name .label.bg-gray{font-size:10px; line-height:12px; height:14px; margin-top:0; }
.kb-symbol {padding:0 4px;display:inline-block;font-size:11px;height:16px; color:#7e6232; font-weight: 700; background:rgba(252, 167,0, .15); border-radius: 2px; margin-left:2px}
.kb-symbol::before {content:'';margin-right:1px;display: inline-block;width:16px;height:16px; vertical-align:middle;background: url('../../images/kb_symbol.svg') no-repeat 0 center; }
.store-customer{padding:0 16px; display:flex; justify-content: space-around;}
.store-customer .btn-customer{flex:1; border:solid 1px #888; color:#676767}
.store-customer .btn-customer.disabled{border-color:#ddd;background-color:#f1f1f1; color:#ddd}
.store .store-customer{margin-top:12px}
.store .store-customer .btn-customer{margin-left:8px;background-color:#f8f8f8;color:#222}
.store .store-customer .btn-customer:first-child{margin-left:0}
.store .store-customer .btn-customer .num{color:#517ad6}
.sub-dec{text-align:right;margin:18px 0; font-size:10px; padding-right:16px}
.sub-dec span{display:inline-block;}
.sub-dec span:nth-last-of-type(1){padding-left:17px; margin-left:9px;background:url('../../images/alert.svg') no-repeat left center; background-size:16px;}
.btn-watchmap{min-width:20px;min-height:18px;line-height:18px;padding:0 3px 0 16px;margin-left:2px;border:1px solid #ddd;border-radius:4px;background:url('/images/icon_16_location_grey.svg') no-repeat 1px 1px/16px;top:-2px;position: relative;font-size:12px;color:#676767}
.btn-watchmap:active{border-color:#b2b2b2;color:#676767;background-color:#ddd}
.store .label.priceline{position:relative;top:3px;height:16px;margin-left:0}

/*학군리스트*/
.dec-class{height:25px; padding-left:28px; margin:0 16px; margin-top:2px; margin-bottom:16px; border-radius: 0 0 4px 4px; overflow:hidden;line-height:25px; font-size:12px;   background-color:#f8f8f8; color:#676767;text-align: left; position: relative;}
.dec-class:before{content:""; display:block; width:24px; height:24px; background-color:#f1f1f1;background-image:url('../../images/error.svg'); background-repeat: no-repeat; background-position: center center; position:absolute; left:0; top:0}
.class-list{height:215px;margin:0 16px 16px 16px; overflow:hidden;position:relative}
.class-list.full{height:auto}
.dec-class+.class-list{margin-top:-16px}
.linecell{display:flex; justify-content: space-between; padding:12px 0 6px;border-top:solid 1px #ddd; font-size:14px}
.linecell:nth-of-type(1){border-top:none; font-size:14px}
.lc-label{flex:1.8; text-align:left}
.lc-label .btn-tip { align-self:flex-start; margin-top:4px; }
.lc-label.right{text-align:right; float:none; flex:1.3; flex-shrink:0;}
.lc-label >strong{ font-weight: 700;}
.loadview{margin-top:3px;}
.loadview > span{display:inline-block;  padding-left:5px;margin-left:5px; font-size:14px; position: relative;}
.loadview > span:before{content:"";display:inline-block; font-size:12px; width:1px; height:11px; position: absolute; left:0;top:4px; background-color:#222}
.loadview > span:nth-of-type(1){padding:0; margin:0}
.loadview > span:nth-of-type(1):before{display:none}


/*교통편의시설*/
.aroundbox{margin:0 12px; }
.around-tit{display:block;padding:0 16px;margin:4px 0 8px; font-size:14px; color:#676767;}
.whbox .around-tit:nth-of-type(1) { margin:4px 0 8px; }
.maplist{display:flex; flex-wrap: wrap; justify-content: space-around; align-items: center;  padding:0 16px; margin-bottom:8px; margin-left:-10px;}

.naver-color{color:#2db400}
.around-form{ display:flex; align-items:center; margin:0 16px; padding:7px 16px;border:solid 1px #b2b2b2; border-radius: 10px; font-size:14px; position: relative;}
.around-form .thisplace{flex-shrink:0; padding-right:0px; color:#222; font-weight: 700;}
.around-form .around-input{ height:20px; padding:0 10px; font-size:14px; border:none; line-height:18px; }
.btn-formserch{display:inline-block; width:24px; height:24px; background:url('../../images/search.svg') no-repeat left center; background-size:100%;}
.around-form .btn-formserch { flex-shrink:0; }


/*규제팝업*/

.layerround{position: relative; }
.layerround:after { content:''; position: absolute; right:-16px; top:84px; width:0px; height:0px; border-top:8px solid transparent; border-left:16px solid #17356e; border-bottom:8px solid transparent;}
.vm--modal{overflow: visible !important; text-align: left; background-color:transparent !important}
.layerwrap{border-radius:10px; background-color:transparent;}
.transparent-body #app { background-color:transparent; }
.layerwrap .btn-layerclose{position: absolute;right:0; top:-38px}
.layer-con{ height:502px; padding-right:60px; border-radius:10px; overflow: hidden;}
.rightmenu{ position:absolute; right:0; top:0; bottom:0; width:60px; border-radius:0 10px 10px 0; background-color:#17356e;}
.rightmenu ul { overflow-y:auto; }
.rightmenu ul li{display:flex; height:50px;justify-content: center; align-items: center; text-align:center; font-size:12px;color:#fff; position: relative;}
.rightmenu ul li:before{content:"";display:block; width:4px; height:50px; position:absolute; left:0; top:0}
.rightmenu ul li.active:before{content:"";display:block; width:4px; height:50px; background-color:#56d4f0; position:absolute; left:0; top:0}
.conwrap{padding:16px;background-color:#fff}
.app .textoverbox{height:470px; } /* overflow: hidden; overflow-y:auto; */
.app .layerround:after{display:none}
.regulPop {overflow-y:auto; position:relative; max-height:468px; padding:16px 16px 0 16px; text-align:left;}
.textoverbox .spaceGra {display:block; position:-webkit-sticky; position:sticky; z-index:2; bottom:0; left:0; width:100%; height:90px; background:url('../../images/bg_space_gra.png') repeat-x 0 100%; background-size:1px 90px;}
/* .regulBox:last-of-type {margin-bottom:0;} */
.regulBox {position:relative; z-index:1; margin-bottom:16px;}
.regulTit {display:block;  margin-top:16px; font-size:16px; line-height:24px; font-weight:400;}
.regulTit:before {content:"";display:inline-block; width:22px; height:21px; margin-right:2px; vertical-align:middle; background:no-repeat 0 0/100% auto;}
.regulTit:first-of-type {margin-top:0;}
.regulTit.ico1:before  {background-image:url('../../images/ico_regul1.png');}
.regulTit.ico2:before  {background-image:url('../../images/ico_regul2.png');}
.regulTit.ico3:before  {background-image:url('../../images/ico_regul3.png');}

.regulTxtB {margin-top:8px; font-size:12px; line-height:16px;}
.regulTxt1 {margin-top:6px; font-size:12px; line-height:16px; color:#676767;}

/*예측시세*/
.pricecancel{width:260px; height:238px; background-color:#fff; border:solid 1px #b2b2b2; position:absolute; z-index: 9;border-radius: 6px;}
.pricecancel .ai-select { margin: 0; background-color: rgba(157,196,255,0.1); padding: 4px 8px 8px; }
.pricecancel .pc-con { word-break: keep-all; padding:9px 12px 8px; font-size:12px; color:#676767; line-height:16px; position: relative; }
.pricecancel .pc-con:before { content: ''; height: 1px; background-color: #f1f1f1; width: 242px; position: absolute; top:0; left: 8px; }
.pricecancel .pc-check { font-size:12px; line-height:14px; color:#161616; text-align: left; margin-left: 28px; display: inline-block; }
.pricecancel .pc-check .custom-control-label {color: #676767;}
.pricecancel .pc-check .custom-checkbox .custom-control-label { padding-left: 4px; }
.pricecancel .pc-check .custom-control-label::after,.pc-check .custom-control-label::before{width:14px; height:14px; top:1px; left:-16px}
.pricecancel .pc-check .custom-control-label::before{border:solid 1px #ddd; border-radius: 0; }
.pricecancel .pc-check .custom-checkbox .custom-control-input:checked + .custom-control-label::before { border-color:#fff; }
.pricecancel .pc-check .custom-checkbox .custom-control-input:checked~.custom-control-label::after{ background-color:#0066ff; background-size:18px !important;}
.pricecancel .pc-check .checkdata{font-size:10px; color: #767676; padding-left: 5px; }
.pricecancel .pc-dec{ color:#0066ff; font-size:10px; line-height:14px; margin-left: 33px; }

.ai-select { margin:16px 0 0;  border-top:1px solid #f1f1f1; }
.ai-select .title { font-size:14px; line-height:20px; margin:8px 0 14px; padding-left: 30px; background: url('../../images/icon_agreepopup_tit.png') no-repeat center left; background-size: 20px; position: relative; }
.ai-select .title .btn-help { position: absolute; left: 15px; top: -4px; }
.ai-select .btn-group-toggle { display:flex; flex-wrap:wrap; }
.ai-select .btn-group-toggle .btn-secondary{flex:1; padding:0; min-width:auto; margin-left:4px; color:#222; font-size:14px; border-color:#888; background:#fff; }
.ai-select .btn-group-toggle .btn-secondary:not(:disabled):not(.disabled).active { border-color:#0066ff; color:#0066ff !important; }
.ai-select .btn-group-toggle .btn-secondary:nth-of-type(1){ margin-left:0px;}

.ai-accuracy { display:flex; margin-top:4px; }
.ai-accuracy .accuracy { width:33.33%; text-align:center; font-size:10px; line-height:16px; color:#676767;}
.ai-accuracy .accuracy em { color:#000; margin-left:2px; }

.btn-ai{color: #222;font-size: 14px;border-color: #888;background: #fff; }
.btn-ai.active{background:rgba(0,0,0,.1)}
.aigroupbt{display:flex;}
.aigroupbt .btn.active {border-color: #0066ff; color: #0066ff; }
.aigroupbt .btn-ai{flex:1; margin-left:4px; border-color: #888; color: #676767; background-color: transparent; }
.aigroupbt .btn-ai:nth-of-type(1){margin-left:0px;}
.aigroupbt .disabled { background: rgba(0,0,0,0.5); position: relative;}
.aigroupbt .disabled:after { content:''; width: 78px; height: 21px; position: absolute; left: 0; top: 2px; display: block; background: url('/images/coming_soon.svg') no-repeat center center;}
.aigroupcon{margin-top:12px; padding:12px 16px; background-color: rgba(157,196,255,0.1); color: #262626; line-height: 16px; font-size: 12px;}

.wh-layer.small{padding:9px}

.agreepopup { margin-top:-16px; }
.agreepopup .agreetit{padding-top:48px;background:url('../../images/chart_thumbnail_bg.svg')no-repeat center top 17px; background-size:33px 15px;text-align:center; color:#222}
.agreepopup .agreetit .maintit{display:block;font-size:16px; color: #0066ff;font-weight: 700;}
.agreepopup .agreetit .subtx{ font-size:12px; line-height:16px; color:#222}
.agreepopup .ai-select .title { padding-left: 22px; }
.agreepopup .pc-check { text-align: center; }
.agreepopup .pc-check .custom-control { padding-left: 16px; }
.agreepopup .pc-check .custom-control-label{font-size:12px}
.agreepopup .pc-check .custom-control-label::after, .agreepopup .pc-check .custom-control-label::before{width:16px; height:16px; left:-21px; top:0; background-size:18px !important;}
.agreepopup .pc-check .custom-checkbox .custom-control-input:checked~.custom-control-label::after { border-color:#fff; background-color: #0066ff !important; }
.agreepopup .agree-btn-wrap { display:flex; margin:8px -16px 0; padding:8px 16px 0; }
.agreepopup .agree-btn-wrap .btn-formround { flex:1; }
.agreepopup .btn-formround{ font-size:14px; line-height:42px; height:40px; border-radius:8px; background-color: #0066ff !important; }
.agreepopup .btn-formround.disabled,.agreepopup .btn-formround:disabled{background-color:#ddd !important; color:#676767; border-color:#ddd}
.agreepopup .agree-tx{margin:12px 0; padding-top: 12px; font-size:12px; line-height:16px; color: #727272; word-break: keep-all; border-top: 1px solid #f1f1f1;}


.ai-model-choice .layer-graybox { background-color: #fff; padding:0; }
.ai-model-choice .ai-model-cont { margin-top: 0; }
.ai-model-choice .ai-model-item:not(:first-child) { margin-top: 11px; }
.ai-model-choice .ai-model-item { background-size: 32px; background-repeat: no-repeat; background-position: top left; border-bottom: 1px solid #f1f1f1; padding-bottom: 12px; }
.ai-model-choice .ai-model-item .tit-default-l { color: #0066ff; font-weight: 700; }
.ai-model-choice .ai-model-item:nth-child(2) { background-image: url('../../images/icon_aimodel_apollo11.png');}
.ai-model-choice .ai-model-item:nth-child(2) .tit-default-l { padding: 9px 0 6px 35px; }
.ai-model-choice .ai-model-item:nth-child(3) { background-image: url('../../images/icon_aimodel_irisbrown.png');}
.ai-model-choice .ai-model-item:nth-child(3) .tit-default-l { padding: 5px 0 5px 32px; }
.ai-model-choice .ai-model-item:nth-child(1) { background-image: url('../../images/icon_aimodel_zeus.png');}
.ai-model-choice .ai-model-item:nth-child(1) .tit-default-l { padding: 6px 0 6px 32px; }
.ai-model-choice .ai-model-item:last-child { border-bottom: none; }
.ai-model-choice .txt-item-l { word-break: keep-all; }


.aigroupbt .btn-ai, .ai-select .btn-group-toggle .btn-secondary{position: relative;}
.aigroupbt .btn-ai.new:before{content:"NEW"; display: block; width:28px; height:12px; border-radius:6px; background-color:#888; color:#fff; font-size:10px; line-height:10px; position:absolute; left:7px; top:-6px;}
.aigroupbt .btn-ai.new.active:before{background-color:#0066ff;}
.ai-select .btn-group-toggle .btn-secondary:nth-of-type(1):before{content:"NEW"; display: block; width:28px; height:12px; border-radius:6px; background-color:#888; color:#fff; font-size:10px; line-height:10px; position:absolute; left:7px; top:-6px;}
.ai-select .btn-group-toggle .btn-secondary.active:nth-of-type(1):before{background-color:#0066ff;}



.tit-layer{text-align:center; font-size:16px}
.tit-subtxt{margin-top:12px;}
.layer-graybox{margin:16px 0 0 0; padding:16px; background-color:#f1f1f1; box-sizing:border-box;}
/* .layer-graybox.scroll { overflow-x:hidden; overflow-y:auto; height:calc(100% - 32px); }
.layer-graybox.scroll.mh300 { max-height:300px; } */
.scrollbar-outer.scroll { margin-top:16px; }
.scrollbar-outer.scroll.mh300 { max-height:300px; }
.scrollbar-outer.scroll .layer-graybox { margin-top:0; }

.layer-graybox .listtext{margin:0 0 5px 0px}
.layer-graybox .infotit{display:block; margin-bottom:8px;}
/*modal*/
.wh-layer{background-color:#fff; width:100%; height:100%; border-radius:8px;padding:16px; position: relative;box-shadow: 0 2px 5px rgba(0,0,0,0.19), 0 1px 1px rgba(0,0,0,0.23);}
.wh-layer .btn-closeB{position:absolute; right:16px; top:16px}
.wh-layer .btn-close.black2{position:absolute;right:24px;top:33px}

/*꿀매물*/
.honeylayer{margin-top:15px;}
.honeylayer .honeydec{padding:0; background-color:transparent}
.honeylayer .honeydec .tit:before{width:20px;height:20px; margin-right:4px;}
.honeylayer .honeydec .tit:after { display:none; }
.honeylayer .honeydec .tit{font-size:16px;}
.hl-list .listbox{padding:12px 0; border-top:dotted 2px #b2b2b2;}
.hl-list .listbox:nth-of-type(1){border-top:none;}
.hl-list .listbox .listtext {padding-left: 9px; margin-left: 0; margin-bottom:8px; }
.hl-list .listbox .listtext:after{width:4px; height:4px; top:9px; background-color:#666}
.hl-list .listbox .flexbox{display:flex; justify-content: space-between;}
.hl-list .listbox .date{font-size:12px; color:#222;}
.hl-list .listbox .listtext em{display:inline-block; margin-left:5px; padding:0 5px; position: relative;}
.hl-list .listbox .listtext em span{position: relative; z-index: 2;letter-spacing:-.4px}
.hl-list .listbox .listtext em:after{content: ""; width:100%; height:4px;background:#ffef75; position: absolute; left:0; bottom:2px; z-index: 1;}
.hl-list .red{color:#ff1a19}
.hl-list .blue{color:#0066ff}
.hl-list .sky{color:#4c79f2}
.hl-list .pink{color:#f9786e}
.hl-list .d-blue{color:#17356e}
.hl-list .listbox .listsubdec{ padding-left:8px; text-align:left; color:#676767}
.hl-list .listbox .listsubdec strong{ color:#222; font-weight:400; }
.hl-list .listbox .listsubdec span.block{display:block;text-align:right;}
.honeylayer.type2{padding:0 0 0 8px}
.honeylayer.type2 .honeydec .tit{font-size:18px;color:#4c79f2}
.starBank .honeylayer.type2 .honeydec .tit{font-size:20px}
.honeylayer.type2 p{font-size:14px;color:#484b51}
.hl-list.type2{padding:0}
.hl-list.type2 .listbox{border-color:#ebeef0;padding:16px 0}
.hl-list.type2 .listbox .listtext{font-size:16px;color:#26282c;padding-left:10px}
.hl-list.type2 .listbox .listtext em{font-weight:700}
.hl-list.type2 .listbox .listtext:after{width:3px; height:3px; top:12px; background-color:#666}
.hl-list.type2 .listbox .date{line-height:25px;font-size:14px;color:#696e76}
.hl-list.type2 .listbox .listtext em{padding:0;margin-left:10px}
.hl-list.type2 .listbox .listtext em:after{height:8px;background:#ffef75}
.hl-list.type2 .listbox .listsubdec{color:#696e76;padding-left:10px}

.addcount .blue{color:#517ad6}
.honeyconbox{ margin:-4px 12px 8px; border-radius: 8px;box-shadow:0 0 4px 1px rgba(136,136,136,0.5); background-color:#fff;text-align: left;; overflow: hidden;}
.honeyconbox .collapse { padding-top:0 !important; }
.honeyconbox .collapse .honeylist:nth-of-type(1) { padding-top:10px; }

.honeydec{padding:8px 12px 5px;background-color:#f8f8f8; font-size: 14px; letter-spacing: -01.15px; color:#676767}
.honeydec .tit{display:block;  color:#3e55a6; position:relative;}
.honeydec .tit + p { font-weight: 300; }
.honeydec .subdecx{display:block;  font-size:12px;letter-spacing:0px; position: relative;padding-left:10px; margin-top:4px}
.honeydec .subdecx:after{content:"*"; display:block; font-size:13px; position: absolute; left:0; top:0}
.honeydec .tit:before{content:""; display:inline-block; width:16px; height:16px; margin-right:2px; background:url('../../images/honey_sale.svg') no-repeat; vertical-align: middle; background-size:100%}
.type2 .honeydec .tit:before{content:"";position:relative;top:-3px;display:inline-block; width:20px; height:20px; margin-right:2px; background:url('/images/honey_sale2.svg') no-repeat; vertical-align: middle; background-size:100%}
.honeydec .tit:after { content:''; position: absolute; right:-2px; top:50%; width:16px; height:16px; margin-top:-8px; background:url('/images/icon_16_arrow_small_down.svg') no-repeat 0 0; background-size:100%; }
.honeydec.open .tit:after { transform:rotate(180deg); }
.honeylist{padding:4px 12px 8px 12px; letter-spacing: -01.15px;}
.honeylist .listtext{padding-left:9px; margin:0;width:107px;}
.honeylist .listtext:after{width:4px; height:4px; top:9px; background-color:#666}
.honeylist .txt-right{display:block; text-align: right;}
.honeylist .list-dec{flex:1}
.honeylist .block{display:block; position: relative; margin-bottom:2px;}
.honeylist .block:nth-last-of-type(1){margin-bottom:0px;}
.honeylist .block.tag:after{display:block; width:29px; height:18px;  border-radius: 8px;
  background-color:#f1f1f1; color:#17356e;  font-size:12px; line-height:18px; text-align: center;
  position:absolute; left:-34px; top:3px}
.honeylist .block.tag:nth-of-type(1):after{content:"매매"; }
.honeylist .block.tag:nth-of-type(2):after{content:"전세"; }
.honeylist .point-tx{display:block;color:#17356e; font-size:12px}
.conWbg {background-color:#fff; padding:12px 0 0 0}
.conWbg .mb-1{margin-bottom:0 !important}
.conWbg > .card:nth-of-type(1){margin-top:-12px;}
.conWbg > .buylistWrap:nth-of-type(1){margin-top:-12px;}
.card-header .blistbox{margin:0;}

.listnone-dec{height:32px;margin:-12px 0 12px; background-color:#f8f8f8; font-size: 12px; color:#17356e; line-height:30px; text-align:center}
.listnone-dec > span{display:inline-block; padding-left:18px; background:url('../../images/listerror.svg') no-repeat left center;}

.menumain .blistbox{margin:0}

.blistbox{margin:0 12px;padding:11px 0 9px;border-bottom:solid 1px #b2b2b2; background-color:#fff; text-align:left;}
.blistbox:nth-of-type(1){border-top:none; }
.blistbox .flexbox{align-items: flex-end;flex-wrap:nowrap;}
.blistbox .imginfo{width:120px;}
.blistbox .imginfo img{width:120px; height:100px; border-radius:6px;}
.blistbox .imginfo .buy-num { position:absolute; right:0; bottom:0; display:flex; align-items:center; justify-content:center; padding:0 4px; min-width:32px; height:24px; font-size:10px; color:#fff; border-radius:6px 0 6px 0; background-color:rgba(34,34,34,.8);}
.blistbox .name { display:flex; align-items:center; }
.blistbox .name .label { flex-shrink:0; }
.blistbox .fullname, .blistbox .label, .blistbox .costtx{vertical-align: middle;}
.blistbox .fullname { font-weight:400; }
.conWbg .blistbox .fullname { white-space:nowrap; }
.blistbox .builddate{font-size:12px; flex:1 0 88px; text-align: right;}

.textinfo{flex:1; padding-right:14px;}
.buylistWrap .textinfo {max-width:calc(100% - 120px);}
.costtx{font-size:16px;}
.cost{margin-top:7px;}
.width{margin:7px 0 1px 0; font-weight:400; line-height:20px;color:#676767;letter-spacing: -.5px; }
.width span:before{content:""; margin:-4px 2px 0 2px;display: inline-block; width:2px; height: 2px; background-color:#666; vertical-align: middle; }
.width span:nth-of-type(1):before{display: none;}
.bstore{overflow:hidden;display:flex; align-items: center; margin-top:3px;}
.bstore .storeimg{flex-shrink:0; width:24px;height:24px; margin-right:4px;}
.bstore .storeimg img{max-width: 100%;}
.bstore .storename { max-width:120px; margin-right:2px; overflow: hidden; font-size:10px; flex: 1; word-break: keep-all; position: relative; white-space:nowrap; }
.bstore .storename: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%);}

.storelabel{ flex-shrink:0; border-radius:3px;border:solid 1px #888; font-size:10px; color:#888;letter-spacing: -1px; padding:0 3px; }
.storelabel em{font-size:10px; color:#888; line-height:13px;}
.storelabel em + em { margin-left:3px; }
.storelabel.label.priceline { margin-right: 0; }
.imginfo .img{position: relative;}
.imginfo .danji-info{position:absolute; right:0; top:0; width:50px; height:30px; }
.imginfo .danji-info img { width:50px !important; height:30px !important; border-radius:0 6px 0 6px; }
.imginfo .danji-info .num { position:absolute; left:0; bottom:0; width:100%; padding:0 3px; font-size:10px; line-height:19px; color:#fff; text-align:right; }
.imginfo .badge-master{position:absolute; left:0; top:0;}
.infotext {border-radius:6px; border:solid 1px #febd36; background-color: #ffcc00; box-shadow: 0 2px 5px rgba(0,0,0,0.19), 0 1px 1px rgba(0,0,0,0.23); overflow:hidden; cursor: pointer;}
.infotext .sort{font-size:14px; letter-spacing: -1px;}
.infotext .costlist.costitem .sort.rent { height:20px; font-size:14px; line-height:18px; margin-top:-4px; }
.infotext .sort.rent:before{width:20px; height:20px; line-height:18px; font-size:14px; color:#fff; margin-right:1px; background:#f46600;}

.imgplaybtn{width:38px; height:38px; display:block; background: url('/images/ico_player.svg') no-repeat 0 0;background-size: 100%; position: absolute; left:40px; top:30px;}

.badge-master {display:inline-block;  padding:0 4px; margin-bottom:4px; border-radius:2px; background-color:rgba(252, 167,0, .15); font-size:11px; line-height:16px; color:#fca700; font-weight:700; white-space: nowrap;} /* 집주인확인, 소유자확인 */
.badge-master.type1 {background-color:rgba(249,120,110, .15);color:#f94343;}/* 동영상 매물 */
.badge-master.type2 {background-color:rgba(65,120,244,.15);color:#4178f4;}/* vr 매물 */
.badge-master.type3{}
.badge-master + .badge-master{margin-left:4px;}


.infotext .costlist.oneselect { text-align: left; justify-content: start; }
.infotext .costlist.oneselect span { text-align: left; display: flex; flex: 0 1 50px; }
.infotext .costlist{ display:flex; padding:5px 3px; justify-content: space-around; align-items: center; font-size:12px; line-height: 12px;}
.infotext .costlist:first-child { margin-top: 2px; }
.infotext .costlist.sort { font-size: 14px; }
.infotext .costlist:nth-child(3) + .costlist { margin-bottom: 4px; margin-top: -5px; }
.infotext .costlist.costitem { align-items:flex-end; margin-top:2px; }
.infotext .costlist.costitem span { background-color: rgba(248,248,248,0.8); border-radius: 10px; font-size: 12px; line-height: 16px; height: 16px; }
.infotext .costlist.costitem span:last-child { text-align: left; }
.infotext .costlist span {flex: 1; justify-content: start; text-align: left; margin-right: 4px; }
.infotext .costlist span:last-child {justify-content: end; text-align: right; margin: 0; }
.infotext .costlist .red-color{color:#ff0200}
.infotext .costlist .blue-color{color:#0066ff}
.infotext .loan-tooltip { font-size: 12px; }
.infotext .rent:before{content:"";display:block; float:left; width:16px;height:16px; background-color:#fff; color: #222; border-radius: 50%;text-align:center; line-height: 15px; font-size:12px; margin-right:2px;}
.infotext .rent.type1:before{content:"전"}
.infotext .rent.type2:before{content:"월"}
.infotext .rent.type3:before{content:"융"}
.infotext .rent.type1:after, .infotext .rent.type2:after, .infotext .rent.type3:after { content: "%"; font-size: 10px; }
.infotext .rent.type3.empty:after { display:none; } /* 융자 없음 */
.infotext .rent.type3 em { margin:0 -2px 0 -4px; font-size:12px; } /* 융자 화살표 */
.infotext .botinfo {padding:3px 0; background-color:#55585c; color:#fff; font-size:12px; height: 24px; display: flex; justify-content: center; }
.infotext .botinfo .btn-w-r-help { background: url('../../images/icon_help_w_round.svg') no-repeat center center; background-size: 16px; text-indent: -9999px; }
.infotext .botinfo .btn { min-width: 13px; min-height: 16px; margin-left: 3px; }
.loan-tooltip .tooltip-inner { padding: 0.25rem 0.5rem; background-color: #000; font-size: 12px; }

/* 같은매물 리스트 */
.addbtarea { text-align:left;margin-top:3px; }
.addbtarea .btn-addlist{ height:24px; border-radius:4px; background-color: #fff; border:solid 1px #666; padding:0px 6px; color:#222; line-height:22px;}
.addbtarea .btn-addlist:after{content:""; display:inline-block; width:16px; height:16px; margin:3px 0 0 1px; background:url('../../images/down-bl.svg') no-repeat; background-size:100%; vertical-align: top;}
.blistbox[aria-expanded="true"] .addbtarea .btn-addlist { color:#fff; background:#666; }
.blistbox[aria-expanded="true"] .addbtarea .btn-addlist:after { background: url('../../images/up-w.svg') no-repeat; }
.collapse.dubbleadd{padding-top:0 !important}

.insetbox { overflow:hidden;background-color:#f1f1f1; position:relative;box-shadow:0 0px 0px rgba(0, 0, 0, 0.3) , 0 2px 4px rgba(0, 0, 0, 0.1) inset; border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; margin-top: -1px; }
.insetbox:after{content:"";position:absolute;box-shadow:0 0px 0px rgba(0, 0, 0, 0.3) , 0 2px 4px rgba(0, 0, 0, 0.1) inset;top:50%; bottom:0; left: -11px;right: -10px;transform: rotate(180deg); z-index:-1}
.insetbox .blistbox{padding:4px 0 8px; margin: 0; background-color:transparent}
.insetbox .blistbox .imginfo img{ max-width: 96px; max-height: 80px; }
.insetbox .blistbox .imginfo .danji-info img { max-width:inherit; max-height:inherit; }
.insetbox .blistbox .imginfo{width:96px}
.insetbox .blistbox .flexbox{align-items: center;}
.insetbox .blistbox .taglabel{background-color:#ddd}
.insetbox .blistbox:last-child { margin-bottom: -1px; }
.insetbox .buylistWrap { margin-top:0; padding:0 12px 0 20px; }
.insetbox .blistbox .bl-dec { height:36px; white-space:normal; }
.insetbox .bstore .storename:after { background: linear-gradient(90deg, rgba(241,241,241,0) 0%, rgba(241,241,241,0.8) 50%, rgba(241,241,241,1) 100%); }

.blistbox .bl-dec{width:202px; margin:3px 0; overflow:hidden;text-overflow: ellipsis; white-space: nowrap; font-size:12px}

.taglabel{display: inline-block;margin-left:5px; padding:0 2px; font-size: 12px; line-height: 16px; background-color:#f1f1f1;}
.taglabel:nth-of-type(1){margin-left:0}
.orderlabel{display: block; width:43px; height:16px; background:url("../../images/big.png") no-repeat; background-size:100%;}
.label.line-gray{border-color:#888; color:#888}

.tag-myyourhome {display: flex;align-items: center;flex-shrink: 0;height: 16px;padding: 0 8px;font-size: 10px;line-height: 14px;color: #fff;text-align: center;border-radius: 10px;background: #3c83ee;}

.concenter{ display:flex; align-items:center; position: relative;}
.concenter .btn-honeyfilter{margin:6px 0 5px;}
.buyfilter{padding:10px 12px 8px 12px;border-bottom:1px solid #ddd; background-color:#fff; text-align:left;}
.buyfilter .selected { border-color: #17356e; background-color: #fff; color: #222; }

.sortingwrap{padding:0 12px; background-color:#fff; text-align:left; border-bottom:1px solid #ddd; }
.sortingwrap.filter{padding-top:48px !important;} /* 개발 css에서 css삭제하면 important 속성 삭제 */
.sortingwrap .sortingbtbox {display:flex; flex:1; justify-content: space-between; position: relative; overflow:hidden; padding-left:10px !important; padding-right:15px} /* 개발 css에서 css삭제하면 important 속성 삭제 */
.sortingwrap.type1 .sortingbtbox { padding-left:0 !important; } /* 개발 css에서 css삭제하면 important 속성 삭제 */
.sortingwrap .concenter .btn-change{ position:relative; justify-self:flex-end; flex-shrink:0;} /*202012-22삭제 margin-left:6px; */
.sortingwrap .concenter .btn-change:before { content:''; position:absolute; right:100%; top:0; bottom:0; width:15px; background:linear-gradient(to left, #fff, rgba(255,255,255,.5)); }
.sortingwrap .sortingbtbox .active { position: relative; }
.sortingwrap .default-group{margin:0; padding:6px 0; position: relative; }
.sortingwrap .default-group .sort_up, .sortingwrap .default-group .sort_down { padding-right: 16px; position: relative; }
.sortingwrap .default-group .active.sort_up:after { top:3px; right:0; position: absolute; background: url('../../images/ico_sort_up.svg') no-repeat 0 0; content:''; background-size: 16px; width: 16px; height: 16px; display: block; }
.sortingwrap .default-group .active.sort_down:after { top:4px; right:0; position: absolute; background: url('../../images/ico_sort_down.svg') no-repeat 0 0; content:''; background-size: 16px; width: 16px; height: 16px; display: block; }
.sortingwrap .honeygroup{padding:6px 0;} /*  overflow: hidden; overflow-x:scroll; */
.sortingwrap .honeygroup .bt-scroll{display:flex;flex-wrap: wrap; justify-content: space-around; width: max-content;}

/* 분양관 solting new */
.sorting-wrap{padding:8px 24px;border-top:1px solid #ebeef0;text-align:left}
.sorting-wrap .sortingbtbox {display:flex; flex:1; justify-content: space-between; position: relative; overflow:hidden; padding:0} 
.sorting-wrap .concenter .btn-change{ position:relative; justify-self:flex-end; flex-shrink:0;}
.sorting-wrap .concenter .btn-change:before { content:''; position:absolute; right:100%; top:0; bottom:0; width:15px; background:linear-gradient(to left, #fff, rgba(255,255,255,.5)); }
.sorting-wrap .sortingbtbox .active { position: relative; }
.sorting-wrap .default-group{margin:0; padding:6px 0; position: relative; }
.sorting-wrap .default-group .sort_up, .sorting-wrap .default-group .sort_down { padding-right: 16px; position: relative; }
.sorting-wrap .default-group .active.sort_up:after { top:3px; right:0; position: absolute; background: url('../../images/ico_sort_up.svg') no-repeat 0 0; content:''; background-size: 16px; width: 16px; height: 16px; display: block; }
.sorting-wrap .default-group .active.sort_down:after { top:4px; right:0; position: absolute; background: url('../../images/ico_sort_down.svg') no-repeat 0 0; content:''; background-size: 16px; width: 16px; height: 16px; display: block; }
.sorting-wrap .honeygroup{padding:6px 0}
.sorting-wrap .honeygroup .bt-scroll{display:flex;flex-wrap: wrap; justify-content: space-around; width: max-content;}
.btn-txg{margin-left:8px;color:#696e76;font-size:14px}
.btn-txg:hover, .btn-txg.active, .btn-txg:focus{font-weight:700}
.sorting-wrap .btn-txg.active.sort_down, .sorting-wrap .btn-txg.active.sort_up{position:Relative}
.sorting-wrap .btn-txg.active.sort_down:after {top:6px;right: 0;position: absolute;background: url(/images/icon_sort_down.svg) no-repeat 0 0;content: '';background-size: 12px;width: 12px;height: 12px;display: block;}
.sorting-wrap .btn-txg.active.sort_up:after {top:6px;right: 0;position: absolute;background: url(/images/icon_sort_up.svg) no-repeat 0 0;content: '';background-size: 12px;width: 12px;height: 12px;display: block;}


.addlist{display:flex; justify-content: space-between; padding:0 12px; height:32px; align-items:center;background-color:#f8f8f8; font-size:12px}
.add .custom-control-label::before{display:inline-block;width:16px; height:16px;vertical-align:middle; border:none; background-color:#ddd; top:2px;left:-21px}
.add .custom-control-label::after{width:16px; height:16px;background-image:url('../../images/icon-24-check.svg'); background-size:100%; top:2px;left:-21px; filter: invert(60%); }
.add .custom-control-input:checked ~ .custom-control-label::before{background-color:#517ad6}
.add.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{background-image:url('../../images/icon-24-check.svg');filter: invert(100%);}
.addlist .custom-checkbox .custom-control-label{padding-left:0}
.addinfolist{display:flex; justify-content: space-between; padding:10px 24px;background-color:#f7f7f8; font-size:14px;color:#484b51;text-align:left}
.addinfolist .blue{font-weight:700}

.pc-check .custom-checkbox .custom-control-label{padding-left:0}
.setarea{display:flex}
.setarea > .btn{flex:1}
.btn-setcancel{background-color:#f1f1f1;color:#676767; border-radius: 0;}
.filtertype .buttonscroll{ max-height:232px; } /* margin:0 -8px 0 0; overflow: hidden; overflow-y:auto;  */
.filtertype.bt-m .buttonscroll { display:flex; flex-wrap:wrap; }
.filtertype.bt-m .btn-secondary { width:calc(25% - 4px); padding:0; margin:0 4px 8px 0}
.filtertype.bt-l .btn-secondary{min-width:75px}
.filtertit{display:flex; min-height:24px; margin-bottom:10px; justify-content: space-between; font-size:14px; align-items: center;}

/*매물 필터*/
.filterCon{position:absolute;box-sizing: border-box;left: 0;top:91px;width: 100%;height: calc(100vh - 89px);z-index: 999; }
.filer-over{position: fixed;box-sizing: border-box; left: 0;top:90px;width: 100%; height: calc(100vh - 89px);background: rgba(0, 0, 0, 0.2); opacity: 1;}
.filter-detail{width:100%;background-color:#fff; border-radius: 0 0 10px 10px; overflow: hidden; position:relative; }
.filtertype{padding:14px 12px 8px 12px;text-align:left;}
.filtertype fieldset.form-group > div{display: flex; overflow-x:scroll; position: relative;} /* 퍼블화면에서 사용하는 곳 없음 */
.filtertype.all{padding:16px 12px 8px 12px}
.filtertype .selectwidth{width:100%; padding:0 10px}
.filtertype .selectwidth .btn-selectwidth{margin:0 10px 5px 10px; padding:0 5px}
.filtertype .selectwidth.bt-l{width:100%; padding:0px}
.filtertype .selectwidth.bt-l .btn-selectwidth{min-width:66px; margin:0 3px 5px 3px;}
.filterTop{display: flex; justify-content: space-between; align-items: center;}
.filterTop .rangetx{display:inline-block; padding-right:7px;color:#17356e; font-size:16px; vertical-align:middle;}
.filterlabel{display:inline-block; vertical-align: middle; margin-left:0 }
.filterlabel{background-color:#ddd; text-align:center;}
.range-legend{width:100%; padding:0 8px 8px 8px; display:flex;  justify-content: space-between;}
.range-legend >span{flex:1; font-size:10px; display: flex;justify-content: flex-end;}
.range-legend >span:nth-of-type(1)>em:nth-of-type(1){flex:1; justify-self: flex-start;}
.btn-secondary:not(:disabled):not(.disabled).active:focus{box-shadow:none;}
.filtertype .btn-secondary{min-width: 42px;height: 32px; margin: 0 8px 8px 0;padding:0 8px; background-color:#fff; color:#222;border: solid 1px #b2b2b2;border-radius: 8px !important;line-height: 30px;font-size: 13px;}
.filtertype .btn-secondary.active{background-color: #ddd;border-color:#b2b2b2; color:#222 !important; text-align: center;}
.filtertype .btn-secondary:not(:disabled):not(.disabled):active{background:none !important; color:#222 !important; border-color:#b2b2b2; box-shadow:none;}
.filtertype .btn-secondary:not(:disabled):not(.disabled).active{background:#ddd !important; color:#222 !important; border-color:#ddd}

/*common alert*/
.comon .vm--modal{background-color:#fff !important; border-radius: 8px;overflow:hidden}
.comon .vm--modal .alertwrap{height: inherit; display: flex;flex-direction: column;}
.comon .vm--modal .btn-wrap{margin-top: auto; color:#fff; border-radius: 0 0 8px 8px; overflow: hidden;}
.comon .vm--modal .alertconbox{display:flex;flex:1;flex-direction: column; justify-content: space-between;}
.comon .vm--modal .alertconbox .btn-wrap > .btn:nth-of-type(1){border-radius: 0 0 0 8px;}
.comon .vm--modal .alertconbox .btn-wrap > .btn:nth-of-type(2){border-radius: 0 0 8px 0;}
.comon .vm--modal .alertcon{display:flex; flex-direction:column; flex:1; align-items: center; padding:0 16px;font-size:16px;justify-content: center;
    text-align: center;}
.comon .vm--modal .alertcon em { color:#517ad6; }
.checkboxMsg{flex:1; display:flex; flex-direction: column; justify-content:center; align-items: center; font-size:16px}
.checkboxMsg .custom-checkbox .custom-control-label::before, .checkboxMsg .custom-checkbox .custom-control-label::after{border:none; top:3px}
.checkboxMsg  .custom-checkbox .custom-control-label::after{border:none;background-image: url('../../images/checkoff.svg'); background-size:16px}
.checkboxMsg  .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{background-image:url('../../images/checkon.svg'); background-size:16px; border:none; background-color:transparent}
.btn-alert{background-color:#b2b2b2; height:56px; border-radius: 0; color:#fff;font-size:16px; }
.btn-alert.comfirm{background-color:#17356e;}
.comon .vm--modal .alertcon .alert-bot { margin-top:12px; text-align:center; font-size:14px; line-height:20px; color:#676767; }
.comon .vm--modal .alertcon .alert-bot .line { text-decoration:underline; }
.comon .vm--modal .alertcon .alert-bot.black { margin-top:8px; color:#222; }
.comon .vm--modal .alertcon .alert-bot + .alert-bot { margin-top:16px; }
.btn-text-gray { min-height:inherit; font-size:14px; line-height:20px; border:0; text-decoration:underline; color:#676767; }

/*단지이미지전체 보기*/
.detailimg-wrap{padding:0; margin:0 -12px}
.Dimgbox{display:flex; justify-content: stretch; margin-bottom:0px; overflow: hidden;height:240px;}
.Dimgbox .bigimg{margin-right:1px; flex:2; height:100%}
.Dimgbox.reverse .bigimg{margin-right:0px}
.Dimgbox.reverse .smallimg{margin:0 1px 0 -1px; overflow: hidden;}
.Dimgbox .smallimg{ flex:1; display:flex; justify-content: space-between; flex-direction: column;}
.Dimgbox .smallimg > .img{overflow: hidden; height: calc(50% - .5px);display: flex;}
.img{position: relative; margin:.5px 0 0 0;}
.medal:after{content:"";width: 24px;height: 32px;position: absolute;z-index: 3;top: 0; right: 0; }
.medal.gold:after{ background: url('../../images/ico_photo_medal1.svg') no-repeat 0 0;}
.medal.sliver:after{ background: url('../../images/ico_photo_medal2.svg') no-repeat 0 0;}
.text-label{position: absolute;z-index: 3;bottom: 5px;left: 5px;font-size: 10px; line-height: 14px; color: #fff;}
.Dimgbox.main-row .smallimg{flex-direction: row; flex-wrap:wrap; margin-top:.5px; justify-content: flex-start;}
.Dimgbox.main-row .smallimg >.img{width:calc(33.3% - 1px); margin:0 .5px;margin-top:.5px; }
.Dimgbox.main-row .smallimg >.img:nth-of-type(3n){width:calc(33.3% - .5px); margin:.5px 0 0 .5px}
.Dimgbox.main-row .smallimg >.img:nth-of-type(3n+1){width:calc(33.3% - .5px); margin:.5px .5px 0 0px}
.Dimgbox.reverse{flex-flow: row-reverse;}
.Dimgbox.imgnone{height:132px;}
.Dimgbox .bigimg .txtBox {position:absolute; z-index:3; left:0; bottom:16px; padding:0 16px; text-align:left;}
.Dimgbox .bigimg .txtBox .txt {margin-bottom:10px; color:#fff; font-size:14px; line-height:20px; font-weight:300;}
.Dimgbox  .bg {position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5);}
.Dimgbox  .btn-text{width:100%; height:100%; position: absolute; left:0; top:0; color:#fff; font-size:16px; z-index: 5;}
.Dimgbox.imgnone .bigimg{margin-right:0; flex:1}
.userpick .Dimgbox.imgnone{margin:0 12px}
.rollnum{display:inline-block; min-width:47px; min-height:24px; padding:1px 8px; border-radius:12px; font-size:14px; text-align:center; line-height:20px;color:#fff; background-color:rgba(34,34,34, .7)}
.rollnum:before {
  content: '';
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-right: 4px;
  background: url(../../images/frame.svg) no-repeat 0 0;
  background-size: 100%;
}
.rollnum.typeInfo:before { display:none; }
/* 지도-거리뷰 */
.mapview{min-height:100vh; background-color:#fff}
.viewTop{height:42px;background-color:#645b4c; position:relative; position:-webkit-sticky; position:sticky; display: flex; align-items: center; left:0; top:0}
.viewTop > span{font-size:14px; flex:1; text-align: center; color:#fff}
.viewTop .btn-share{position:absolute; right:10px; top:10px}
/* 보안키패트 */
.keywrap{padding:0 16px; min-height:100vh; background-color:#fff}
.keydec{padding:50px 0 8px 0;}
.Btn-wrap{display:flex; justify-content: space-between; padding-top:8px;}
.Btn-wrap .btn{flex:1;height: 40px;border-radius: 8px;font-size: 14px;}
.Btn-wrap .btn:nth-of-type(1){ margin-right:10px;}
/* 약관 */
.termspage{background-color:#fff; min-height:100vh; padding-bottom:16px}
.termscon{text-align:left; padding:16px;line-height:20px;position:relative;}
.termscon + .termscon { margin-top:4px; padding-top:22px; }
.termscon + .termscon:before { content:''; position: absolute; left:16px; top:0; right:16px; height:2px; background:#dddd; }
.termscon .termstit{display:block;font-size:18px; line-height:26px;}
.termscon .term-par{margin-top:20px; font-size:14px;}
.termscon .term-par .link { color:#517ad6; text-decoration:underline; font-weight:400; cursor: pointer;}
.termscon .term-par .textline {margin-left:10px;font-weight:700;}
.termscon .term-par p {font-weight:300; }
.termscon .term-par .termstit{font-size:14px;font-weight:700; margin-bottom:7px; line-height:20px;}
.termscon .term-par .termstit em{font-size:12px;font-weight:400; color:#666}
.termscon .term-par .btn-formround{width: 116px;min-width: 80px;padding: 0 9px;}
.term-par + .formbot{margin-top:50px}
.term-par.small{font-size:12px;}
.termsbtn{display:flex;padding:0 16px; margin:24px 0 16px}
.termsbtn .btn{flex:1;font-size:14px;}
.termscon .term-list li { font-weight:300; padding-left:20px; text-indent:-20px;}
.termscon .term-list li + li { margin-top:4px; }
.termscon .term-list .num { width:15px; margin-right:5px; }
.termscon .term-list.type-flex { margin-top:4px; }
.termscon .term-list.type-flex li { display:flex; padding:0; text-indent:0; }
.termscon .term-list.type-flex .num { flex-shrink:0; width:20px; margin-right:4px; }
.termscon .term-list.type-flex .num.sm { width:10px; }
.termscon .term-list.type-flex .num + div { flex:1; }
.termscon .term-list.type-flex.emph .num { font-weight:400; }
.termscon .term-list.type-flex .title { display:block; font-weight:400; margin-bottom:2px; }
.termscon .term-list.type-flex .title + .btn-term { margin:5px 0; }
.termscon .term-par p + .indent { margin-left:18px; margin-top:4px; }
.terms-box .box-title { display:block; margin-bottom:4px; }
.terms-box .box-line { padding:5px 7px; border:1px solid #888; font-weight:300; }
.terms-box .box-bg { padding:6px 8px; font-weight:300; background:#f1f1f1;}
.terms-box .line { text-decoration:underline; }
.terms-box .link { font-weight:400; color:#517ad6; }
.bullet-txt + .terms-box { margin-top:8px; }
.bullet-txt { display:block; position:relative; padding-left:10px; }
.bullet-txt.square:before { content:''; position: absolute; left:0; top:8px; width:4px; height:4px; background:#222; }
.bullet-txt.dash { padding-left:12px; }
.bullet-txt.dash:before { content:'-'; position:absolute; left:0; top:1px; }
.bullet-txt.circle { display:block; position:relative; padding-left:12px; }
.bullet-txt.circle:before { content:''; position:absolute; left:0; top:8px; width:5px; height:5px; border-radius:5px; background:#3d3d3d; }
.bullet-txt.circle2 { display:block; position:relative; padding-left:9px; }
.bullet-txt.circle2:before { content:'•'; position:absolute; left:0; top:0; font-size:12px; }
.bullet-txt.star { padding-left:12px; }
.bullet-txt.star:before { content:'*'; position:absolute; left:0; top:1px; }
.bullet-txt + .bullet-txt { margin-top:2px; }

.table-title { display:block; margin-bottom:8px; font-size:14px; line-height:20px; }
.term-table { color:#222; }
.term-table + .term-table { margin-top:16px; }
.term-table th img { vertical-align:middle; }
.termscon .term-list.type-flex .title + .term-table { margin-left:-24px; width:calc(100% + 24px); margin-top:4px; }
.termscon .term-par p + .term-table { margin-top:8px; }
.term-table .eventtitimg{display:inline-block; vertical-align: middle; margin-right:5px; position: relative; top:-2px;}
.term-table th { font-weight:400; }
.term-table thead th { padding:4px; background:#f1f1f1; text-align:center; color:#676767; }
.term-table tbody { border-top:1px solid #ddd; }
.term-table thead + tbody { border-top:0; }
.term-table tbody th { padding:6px; border-bottom:1px solid #ddd; color:#222; vertical-align:top; background:#fff; }
.term-table tbody th.bg { background:#f1f1f1; text-align:center; }
.term-table td { font-weight:400; padding:6px; border-bottom:1px solid #ddd; vertical-align:top; color:#676767; background:#fff; }
.term-table.colorB td { color:#222; background:#fff; }
.term-table.colorB td .term-table td {color:#676767; }
.term-table td .point-black { color:#222; font-size:14px; }
.term-table td .underline { text-decoration:underline; }
.term-table td.blank-cell { padding:0; }
.term-table td.blank-cell .term-table:nth-last-of-type(1) { margin-bottom:-1px; }
.term-table td .yellowbox { padding:4px 8px 5px; margin:3px -6px -6px; background:rgba(255,239,117,.5);}
.term-table .term-table td { vertical-align:middle; }
.term-table .term-table td.alginTop { vertical-align:top; }
.term-table .term-table thead th { background:#f8f8f8; border-bottom:0; color:#676767; }
.term-table .ta-center th,
.term-table .ta-center td { text-align:center; }
.term-table .term-agree { color:#b2b2b2; margin-top:2px; text-align:right; }
.term-table .term-agree .btn-switch { margin-left:8px; }
.term-table .leftline{border-left:solid 1px #ddd  !important}
.term-table .botline{border-bottom:solid 1px #ddd !important}
.term-table td .pointR{color:#ff0000}
.term-table td .graytext{color:#676767}
.hub-tit{margin-bottom:16px;font-size:18px;}
.hublist .hublist-tit{border-top:solid 1px #b2b2b2; border-bottom:solid 1px #b2b2b2; background:#f1f1f1; padding:7px 0; text-align: center;}
.hublist ul li{padding:6px 0; border-bottom:solid 1px #ddd; color:#676767}
.pagebtn{ text-align: center; margin:16px 0}
.pagebt{ position: relative; display:inline-block; line-height: 24px; cursor:pointer;}
.pagebt.prev{padding:0 8px 0 24px;}
.pagebt.next{padding:0 24px 0 8px;}
.pagebt:before{content:""; display:block; width:24px; height:24px; background:url('/images/icon_24_arrow_small_right.svg') no-repeat left top/24px; position: absolute; top:1px;}
.pagebt.prev:before{ left:0;  transform: rotate(-180deg);}
.pagebt.next:before{ right:0; }
.pagebt.next:after{content:""; display:block; width:1px; height:14px; background:#222; position: absolute; left:0;top:6px;}
.pagebt.nolist{opacity: .5;}

.term-info { display:flex; padding-top:14px; }
.term-info + .term-info { padding-top:8px; }
.term-info .info { color:#17356e; margin-right:8px; flex-shrink:0; font-weight:400; }
.term-info .detail { font-weight:300; }
.term-info .detail .point-red { color:#e02020; }
.agreeimg{margin-top:16px; text-align: center;}
.agreeimgdec{color:#676767}

.term-par .term-compare p + .indent{margin:0;}
.term-compare, .termscon .term-par .term-compare .termstit{font-size:13px;}
.term-compare .term-list.type-flex .num{width:auto;}
.term-compare .term-table{font-size:12px}
.term-compare .term-list.type-flex .title + .term-table{margin-left:-16px; width:calc(100% + 16px); line-height:18px;}

/* 위치기반 서비스 이용약관-지도위 */
.term-layer .scrollbar-outer { height:216px; margin-top:16px; }
.term-layer .layer-graybox { margin-top:0; }
/* .term-layer .layer-graybox { height:216px; overflow-y:auto; }  */
.term-layer .layer-graybox .termscon { padding:0; margin-top:-20px; }
.term-layer .layer-graybox .termscon > .termstit { display:none; }
.term-layer .scrollbar-outer + .smcheck { margin-top:8px; }
.term-layer .formbot { margin-top:16px; }
.termagreelabel{display:inline-block; width:28px; height:17px; margin-right:4px; background-color:#60a5ff; border-radius:4px; font-size:12px; color:#fff;line-height: 15px;vertical-align: middle; position: relative; top:-1px}
/* 단지톡 이벤트 레이어(event-layer) */
.event-layer .event-top .btn-Link { flex-shrink:0; text-decoration:underline; }
.event-layer .event-top .btn-Link.end { margin:8px 0 4px auto; }
.event-layer .event-top .text { letter-spacing:-0.25px; }
.event-layer .event-top .text + .text { margin-top:8px; }
.event-layer .event-top .text em { color:#517ad6; }
.event-layer .event-info { padding:8px 0 12px; margin-bottom:15px; border-bottom:2px solid #f1f1f1; }
.event-layer .event-info li { display:flex; align-items:flex-start; font-size:12px; line-height:20px; color:#676767; }
.event-layer .event-info strong { width:78px; }
.event-layer .event-agree { margin-top:12px; padding-top:15px; border-top:2px solid #f1f1f1; }
.event-layer .layer-graybox { overflow-y:auto; padding:12px; margin-top:11px; height:150px; }
.event-layer .layer-graybox .termscon { padding:0; }
.event-layer .termscon .termstit { margin-bottom:-4px; font-size:14px; line-height:20px; }
.event-layer .term-table { font-size:12px; }
.event-layer .term-table thead th { background:#ddd; }
.event-layer .term-table tbody th { text-align:center; padding:4px 5px; vertical-align:middle; }
.event-layer .term-table tbody td { border-left:1px solid #ddd; padding:4px 5px; }
.event-layer .termscon .termstit { font-size:14px; line-height:20px; }
.event-layer .termscon .term-par { margin-top:12px; font-size:12px; line-height:16px; }
.event-layer .termscon .term-par p { font-weight:400; }
.event-layer .termscon .bullet-txt.star { padding-left:9px; }
.event-layer .formbot { margin-top:16px; }

/*app전용*/
.app .whbox{padding: 0px 16px;border-radius: 0px;box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.2); background-color:#fff }
.app .aroundbox {margin:0}
.app .typecon .whbox{padding:16px 0; border-radius: 10px; box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.2);}
.app .tabs.apppage{padding:0; margin:0; border-radius:0; box-shadow:none; background-color:#fff}
.app .subtapcon.apppage{padding:0; margin:0; border-radius:0; box-shadow:none}
.app .slick-list .whbox{padding: 16px 0;background-color: #fff; border-radius: 10px;box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.2);text-align: left;overflow: hidden;}
.app .apppull .aroundbox{margin:0 12px}
.app .apppull .whbox{padding: 16px 0; background-color: #fff;border-radius: 10px;box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.2);text-align: left; overflow: hidden;}
.app .apppull .tabs.apppage{padding: 16px 0px 0 0;margin: 0 12px;background-color: #fff;border-radius: 10px;box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.2);}
.app .layerTop{border-radius: 0;}
.app .layerSearch{border-radius: 0;    width: 100%; left:0; top:0; box-shadow:none !important}
.app .whbox.apppage{padding: 0px 16px;border-radius: 0px;box-shadow:none; background-color:#fff }
.app .whbox.apppage .linegraph { margin:0 -16px; }
.app .whbox.apppage .subtapcon { margin:0 -16px; }
.app .apppull .priceG-legend{ margin:28px 4px 16px 4px; }
.app .apppull .priceG-wrap { margin:0 4px 0 0; }
.app .apppull .priceG-wrap .nodata .nodata-tit { margin:0 8px 0 12px; }

.app .layerwrap { width:calc(100% - 16px); }
.app .layerwrap .btn-layerclose { right:16px; }
.app .layerLogin {border-radius:0; width: 100%; left:0; top:0; bottom:0; height:100vh; box-shadow:none !important}
/* 가로스크롤 대응  */
.home-card .slick-arrow,
.Topimgwrap .slick-arrow,
.slickbtnwrap .slick-arrow {width:46px; height:46px; background-color: transparent; background-repeat: no-repeat; background-position: 0 0; background-size: 46px; top: 50%; margin-top: -23px; z-index: 999; border:none; font-size:0; }
.home-card .slick-arrow.slick-prev,
.Topimgwrap .slick-arrow.slick-prev,
.slickbtnwrap .slick-arrow.slick-prev { background-image:url('/images/web_button_scroll_prev.svg'); }
.home-card .slick-arrow.slick-next,
.Topimgwrap .slick-arrow.slick-next,
.slickbtnwrap .slick-arrow.slick-next{right:0; background-image:url('/images/web_button_scroll_next.svg'); }
.Topimgwrap .slick-arrow.slick-prev{left:8px}
.Topimgwrap .slick-arrow.slick-next{right:8px}

.livcon-list .btn-scrollbt{margin-top:-50px;}

.slickbtnwrap.typecon{padding:0 !important;}
.slickbtnwrap.typecon .whbox{margin:0 12px}
.btn-pushscroll{width: 46px; height:46px; background:url('/images/web_button_scroll_up.svg') no-repeat 0 0/46px;top:50%; margin-top:-23px; z-index: 999; border:none; font-size:0; position:absolute; right:-10px; top:50px;}
.moneyStand.open{align-items:flex-start;}
.moneyStand.open .moneyStandslide{flex-wrap:wrap}
.moneyStand.open .btn-pushscroll{ background-image: url('/images/web_button_scroll_down.svg');}
.btn-contentmore{padding-right:16px;margin-left:6px; position: relative; color:#676767}
.btn-contentmore:after{content:""; display:block; width:16px; height:16px; background:url('/images/icon_16_arrow_small_down.svg') no-repeat 0 0/16px; position:absolute; right:0; top:4px}
.openmore .slide-often-visit{flex-wrap: wrap;}
.openmore .btn-contentmore:after{transform: rotate(-180deg);}
.slickbtnwrap .slick-arrow{display:none !important}
@media (min-width: 767px){
  .slickbtnwrap .slick-arrow{display:block !important;opacity: 0; transition: opacity .3s linear;}
  .slickbtnwrap:hover .slick-arrow{opacity: 1;}
}

/* 다크모드 ON/OFF */
.darkmodeWrap { display: inline-block; position: relative; margin: 0 10px 0 0; }
.darkmodeWrap .btn-darkmode { padding: 24px 0px 0 0; background:url('../../images/icon_24_dark_off_main.svg') no-repeat top center / 24px; font-size: 12px;border-radius: 0;}
.darkmodeWrap .btn-darkmode .txt { display:inline-block; }
.darkmodeWrap .btn-darkmode.active { background-image:url('../../images/bg_dark_on.svg'); }
.darkmodeWrap .info { position: absolute; left: calc(70% - 21px); top: 32px; z-index: 1; width:246px; margin: 0 auto; border-radius: 8px; box-shadow:0 1px 8px 0 rgba(0, 0, 0, .1); text-align: left; transform: translateX(-70%); }
.darkmodeWrap .info:before { content: ''; display: block; position: absolute; left: 73%; top: -6px; z-index: 1; width: 6px; height: 6px;  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .1); transform: translateX(-70%) rotate(-45deg); }
.darkmodeWrap .info:after { content: ''; display: block; position: absolute; left: 73%; top: -12px; z-index: 2; border: 6px solid; border-color: #fff transparent transparent transparent; transform: translateX(-70%) rotate(-180deg);  }
.darkmodeWrap .info .inner { overflow: hidden; position: relative; z-index: 3; padding: 7px; border-radius: 8px; background: #fff; }
.darkmodeWrap .info .inner button { margin: 0; padding: 0 0 0 24px; background-repeat: no-repeat; background-position: left center; background-size: 20px; color: #222; font-size: 14px; line-height: 20px; }
.darkmodeWrap .info .inner .btn-darkmode-off { background-image: url('../../images/ico_darkmode_off.svg'); }
.darkmodeWrap .info .inner .btn-darkmode-on { background-image: url('../../images/ico_darkmode_on.svg'); }
.darkmodeWrap .info .inner .btn-darkmode-qna { background-image: url('../../images/ico_darkmode_qna.svg'); color: #517ad6; font-size: 12px; line-height: 16px; }
.darkmodeWrap .info .inner .darkbtns{padding:0 0 8px 0; margin-bottom:3px; border-bottom:solid 1px #f1f1f1}
.darkmodeWrap .info .inner .darkbtns button{width:33.3%;height:68px;padding:26px 0px 0 0px; margin-top:8px;background-position:center top; border-radius: 0;}
.darkmodeWrap .info .inner .darkbtns button.btn-darkmode-off{width:34.3%;padding:26px 6px 0 6px; border-left:solid 1px #f1f1f1;border-right:solid 1px #f1f1f1}
.darkmodeWrap .info .inner .darkbtns button.btn-darkmode-default{padding:26px 0 0 0;}
.darkmodeWrap .info .inner .darkbtns button.btn-darkmode-on{width:32.3%;}
.darkmodeWrap .info .inner .btn-darkmode-default{background-image:url('../../images/icon_dark_on_bg.svg');}

/* 다시 로드하기 */
.btn-page-reload { display: inline-block; position: relative; color: #676767; font-size: 14px; line-height: 1; vertical-align: middle; }
.btn-page-reload:before { content: ''; display: inline-block; position: relative; top: -1px; width: 20px; height: 24px; background: url('/images/ico_page_reload.svg') no-repeat center center / 16px 16px; vertical-align: middle; }

/*app삭제할것*/
/* .app .pageTop{z-index:99999} */
/* .app .filterWrap .fliter-head{width:max-content}
.app .sortingwrap.filter{padding-top:61px !important} */
/*ie 11전용*/
_:-ms-input-placeholder, :root .web .topbtn-area.scroll{
position: fixed;
max-width:448px
}
_:-ms-input-placeholder, :root .web .sRight .topbtn-area.scroll{
left:448px
}
_:-ms-input-placeholder, :root .web .selectbar.scroll{
  position: fixed;
max-width:448px
}

.modal_style.vm--container .vm--modal > .setup-layer{flex-basis: 1;}

.web .main-layer > .main-page-container .layerSearch.CustomerCenterPage { overflow:hidden; } /* 고객센터 */
.web .viewWrap { min-height:100%; }

/* 스타뱅킹연계 */
.starBank{font-family:'Roboto', 'KB'}
.starBank .fliter-group .btn-filter,.starBank .btn-filter, .starBank .filters-head .filters-group .btn-filter{line-height:32px;}
.starBank .presaleTap > span{line-height:43px}
.starBank .sell-step-tag{vertical-align: middle;}
.starBank .summarytit .btn-map{line-height:18px; background-position: left -1px !important;}
.starBank .filter-group-outer .filter-group{padding-top:5px;}
.starBank .summaryContW .txt-house .house-size:after{margin-top:-3px}
/* 시세조사 슬릭 추가  */
.storeslick{margin:0 -12px; }
.collapse .storeslick  .store{padding:0 12px}
.collapse .storeslick  .store .sub-dec{margin:8px 0 0 0}
.btn-botbtn.typegroup.talkwrite{background-image:url('/images/icon_16_write.svg')}