@charset 'utf-8';
/*===========================================================================
	GLOBAL
============================================================================*/
/*===========================================================================
	PAGE
============================================================================*/
/*
body#map .content{
    top:0;
    padding:calc(var(--safari-area-inset-top-reset) + 55px + 44px) 0 calc(44px + var(--safari-area-inset-bottom-reset));
    min-height:calc((var(--vh,1vh) * 100) - var(--safari-area-inset-top-reset) - 55px - 44px - 44px - var(--safari-area-inset-bottom-reset));
    min-height:calc(100vh - var(--safari-area-inset-top-reset) - 55px - 44px - 44px - var(--safari-area-inset-bottom-reset));
}
*/
body#map .content > .head{background:#ffffff;position:relative;min-height:44px;z-index:101;}
body#map .content > .head > .section{background:#ffffff}
body#map .content > .head > #search-result{position:absolute;top:44px;}
body#map .content > .main{padding:0;}
body#map .content > .main > .section.map-area{margin:0;padding:0;}
body#map .content > .main > .map-area{z-index:1;}
body#map .content > .main #building-card-area{z-index:100;position:fixed !important;bottom:calc(44px + var(--safari-area-inset-bottom-reset));width:100%;}
body#map .content > .main #javascript-map{
    min-height:calc((var(--vh,1vh) * 100) - var(--safari-area-inset-top-reset) - 55px - 44px - 44px - var(--safari-area-inset-bottom-reset));
    min-height:calc(100vh - var(--safari-area-inset-top-reset) - 55px - 44px - 44px - var(--safari-area-inset-bottom-reset));
}
body#map .content > .main #javascript-map > div:last-child{z-index:1;}

body#list .content > .head{background:#ffffff}
body#list .content > .head > .section{background:#ffffff}
body#list .content > .head > #search-result{padding-top:44px;}
body#detail .content > .main  .section p.txt-guide{color:#bbbbbb;font-size:12px;line-height:14px;}
body#detail .content > .main  .section-title.type2 > .btn-util-area{display:block;position:absolute;right:20px;top:20px;}
body#detail .content > .main  .section-title.type2 > .btn-util-area > .btn-util{display:inline-block;line-height:16px;cursor:pointer;}
body#detail .content > .main  .section-title.type2 > .btn-util-area > .btn-util,
body#detail .content > .main  .section-title.type2 > .btn-util-area > .btn-util *{font-size:12px;color:#888888;font-weight:normal;}
body#detail .content > .main  .section-title.type2 > .btn-util-area > .btn-util > em > sup{position:absolute;font-size:0.6em;line-height:10px;}
/*가격정보*/
body#detail .content > .main  .section > .current-price-summary{margin-bottom:10px;}
body#detail .content > .main  .section > .current-price-summary > ul{display:table;width:100%;}
body#detail .content > .main  .section > .current-price-summary > ul > li{display:table-cell;}
body#detail .content > .main  .section > .current-price-summary > ul > li > span{display:block;color:#777777;font-size:18px;line-height:21px;text-align:center;white-space:nowrap;}
body#detail .content > .main  .section > .current-price-summary > ul > li > span.txt-label{color:#4A90E2;font-size:14px;line-height:16px;margin-bottom:5px;}
body#detail .content > .main  .section > .current-price-summary > ul > li > span.type2{color:#888888;font-size:14px;line-height:16px;margin-top:7px;}
body#detail .content > .main  .section > .current-price-summary > p.txt-guide{margin-top:10px;}
body#detail .content > .main  .section > .current-price-summary > p.txt-guide,
body#detail .content > .main  .section > .current-price-summary > p.txt-guide > span{color:#bbbbbb;font-size:12px;line-height:14px;}
body#detail .content > .main  .section > .current-price-summary.type1 > ul > li{width:33%}
body#detail .content > .main  .section > .current-price-summary.type2 > ul > li{width:25%;}
body#detail .content > .main  .section > .current-price-summary.col4{margin-bottom:0;}
body#detail .content > .main  .section > .current-price-summary.col4 > ul{margin-left:-15px;}
/*시세 그래프*/
body#detail .content > .main  .section > .price-graph-area{margin:50px 0 25px;width:100%;height:120px;border-bottom:#bbbbbb 1px solid;background:linear-gradient(0deg, transparent 24px,#dddddd 24px,transparent 25px,transparent 48px,#dddddd 48px,transparent 49px,transparent 72px,#dddddd 72px,transparent 73px,transparent 96px,#dddddd 96px,transparent 97px,transparent 119px,#dddddd 120px);}
body#detail .content > .main  .section > .price-graph-area > .price-graph{width:100%;height:100%;}
body#detail .content > .main  .section > .price-graph-area > .price-graph > li{display:inline-block;width:10%;position:relative;height:100%;}
body#detail .content > .main  .section > .price-graph-area > .price-graph > li > span{position:absolute;bottom:0;margin-bottom:-19px;color:#888888;font-size:12px;display:block;width:100%;text-align:center;line-height:14px;white-space:nowrap;}
body#detail .content > .main  .section > .price-graph-area > .price-graph > li > .box-tooltip{position:absolute;left:50%;margin-bottom:10px;margin-left:-27px;}
body#detail .content > .main  .section > .price-graph-area > .price-graph > li > .new-construction-notice{position:absolute;font-size:12px;line-height:14px;color:#888888;text-align:center;width:100%;margin-bottom:5px;}
body#detail .content > .main  .section > .price-graph-area > .price-graph > li > .re-modeling-notice{position:absolute;font-size:12px;line-height:14px;color:#888888;text-align:center;width:100%;white-space:nowrap;margin-bottom:5px;margin-left:-5px;}
body#detail .content > .main  .section > .price-graph-area > .price-graph > li > .graph-bar{position:absolute;bottom:0;width:10px;border-width:1px 1px 0;border-style:solid;left:50%;margin-left:-6px;}
body#detail .content > .main  .section > .price-graph-area > .price-graph > li > .graph-bar.sales-price{border-color:#4A90E2;background:#E6F1FF;}
body#detail .content > .main  .section > .price-graph-area > .price-graph > li > .graph-bar.officially-assessed-land-price{border-color:#979797;background:#dddddd;}
/*금융+임대 그래프*/
body#detail .content > .main  .section > .financial-graph-area{margin:25px 0;}
body#detail .content > .main  .section > .financial-graph-area > .financial-graph{display:table;width:100%;border:#979797 1px solid;}
body#detail .content > .main  .section > .financial-graph-area > .financial-graph > li{display:table-cell;height:10px;position:relative;}
body#detail .content > .main  .section > .financial-graph-area > .financial-graph > li.capital{background:#E6F1FF;}
body#detail .content > .main  .section > .financial-graph-area > .financial-graph > li.deposit{background:#FCF5CC;}
body#detail .content > .main  .section > .financial-graph-area > .financial-graph > li.loan{background:#dddddd;}
body#detail .content > .main  .section > .financial-graph-area > .financial-graph > li.land{background:#E6F1FF;}
body#detail .content > .main  .section > .financial-graph-area > .financial-graph > li.building{background:#dddddd;}
body#detail .content > .main  .section > .financial-graph-area > .financial-graph > li+li{border-left:#979797 1px solid;}
body#detail .content > .main  .section > .financial-graph-area > .financial-graph > li > span{position:absolute;top:15px;color:#888888;font-size:12px;display:block;width:100%;text-align:center;line-height:14px;white-space:nowrap;}
body#detail .content > .main  .section > .financial-graph-area > .txt-graph-label{margin:5px 0 -14px;;color:#888888;font-size:12px;line-height:14px;text-align:center;}
/*기본정보 , 층별정보*/
body#detail .content > .main  .section > dl.dl-table{}
body#detail .content > .main  .section > dl.dl-table *{height:16px;line-height:16px;}
body#detail .content > .main  .section > dl.dl-table > *{margin-top:10px;}
body#detail .content > .main  .section > dl.dl-table > * sup{position:absolute;line-height:10px;font-size:0.6em;}
body#detail .content > .main  .section > dl.dl-table > dt{width:22%;float:left;clear:both;color:#4A90E2;}
body#detail .content > .main  .section > dl.dl-table > dd{float:left;color:#888888;white-space:nowrap;width:78%;}
body#detail .content > .main  .section > dl.dl-table > dd.type2{width:28%}
body#detail .content > .main  .section > dl.dl-table > dd.type2+dt{clear:none;}
body#detail .content > .main  .section > dl.dl-table > dd.type2+dt+dd{width:28%}
body#detail .content > .main  .section > dl.dl-table > dd.type3{width:56%}
body#detail .content > .main  .section > dl.dl-table > dd.type3+dd{width:22%;text-align:right;}
body#detail .content > .main  .section > dl.dl-table > dd.type4{width:28%;}
body#detail .content > .main  .section > dl.dl-table > dd.type4+dd{width:26%;}
body#detail .content > .main  .section > dl.dl-table > dd.type4+dd+dd{width:24%;text-align:right;}
body#detail .content > .main  .section > dl.dl-table > dt:first-child{margin-top:0;}
body#detail .content > .main  .section > dl.dl-table > dt:first-child+dd{margin-top:0;}
body#detail .content > .main  .section > dl.dl-table > dt:first-child+dd+dd{margin-top:0;}
body#detail .content > .main  .section > dl.dl-table > dt:first-child+dd+dd+dd{margin-top:0;}
/*관련뉴스*/
body#detail .content > .main  .card-template2+.card-template2{border-top:0;}
body#detail .content > .main  .section.mb0+.section-title{margin-top:10px;}
/*버튼영역*/
body#detail .content > .foot  .section.btn-area{padding-top:10px;background:transparent;border:0;margin:0;}
body#detail .content > .foot  .section.btn-area > .big-btn{margin-top:10px;display:block;width:100%;height:44px;line-height:44px;font-size:14px;background:#4A4A4A;text-align:center;-webkit-border-radius:3px !important;-moz-border-radius:3px !important;border-radius:3px !important;}