#cmp_more_data td { }

.html-page { margin:20px 0; }

.mod-submenu { margin-bottom:50px; margin-left:-6px; margin-right:-6px; }
.mod-submenu > div { padding-left:6px; padding-right:6px; }
.mod-submenu .item a { display:block; color:#262626; border-bottom:1px solid #262626; padding:6px 0; }
.mod-submenu .item a:hover { color:#ef850d; border-bottom:3px solid #ef850d; text-decoration:none; padding-bottom:4px; }
.mod-submenu .item a.active { color:#ef850d; border-bottom:3px solid #ef850d; padding-bottom:4px; }

.mod-submenu .item a span.icon-link { display:inline-block; width:12px; height:12px; background:url(images/ico_out_1.png) no-repeat center center/contain; }
.mod-submenu .item a:hover span.icon-link { background:url(images/ico_out_2.png) no-repeat center center/contain; }    

.mod-my40 { margin-top:40px; margin-bottom:40px; }

.main .news { }
.main .news .list .item { border:1px solid #dae2e5; padding:7px; margin-bottom:20px; }
.main .news .list .item .info { padding:15px 30px; }
.main .news .list .item .info .date { margin-top:15px; color:#999; font-size:0.9375rem; }
.main .news .list .item .info .title { font-size:1.5rem; }
.main .news .list .item .info .title a { color:#123819; }
.main .news .list .item .info .title a:hover { color:#d17a00; text-decoration:none; }
.main .news .list .item .arrow a { display:inline-block; padding:10px; color:#ef850d; }
.main .news .list .item .arrow span { font-size:3rem; }

.main .news .detail { margin-top:30px; }
.main .news .detail .tit .date { color:#999; font-size:0.9375rem; margin-bottom:10px; }
.main .news .detail .tit .subject { font-size:1.5rem; color:#002855; margin-bottom:30px; }

.main .service .svc2 .item { margin-bottom:1.5rem; } 
.main .service .svc2 .tit { text-align:center; background-color:#403d39; color:#fff; line-height:1.5; padding:6px; }
.main .service .svc2 .area .tr { margin:8px 0; }
.main .service .svc2 .area .tr .td1 { width:45%; float:left; text-align:center; line-height:1.5; padding-top:calc(0.375rem + 1px); padding-bottom:calc(0.375rem + 1px); }
.main .service .svc2 .area .tr .td2 { width:55%; float:left; }
.main .service .svc2 .area .tr .txt { padding:16px 0; color:#2a9d8f; }
.main .service .svc2 .area .tr .td2 .form-control { width:85%; }

.main .service .svc2-result .tit { background-color:#403d39; color:#fff; padding:6px 0; }
.main .service .svc2-result .txt { padding:6px 0; }
.main .service .svc2-result .item { text-align:center; }
.main .service .svc2-result .sp .txt { visibility:hidden; }
.main .service .svc2-result .total span { color:#ff574d; font-size:1.4rem; }
.main .service .svc2-result .row:nth-child(even) { background-color:#e2e2e2; }


.main .service .svc3 .Info { text-align:left; margin-left:105px; }
.main .service .svc3 .Info > div:not(:first-child) { margin-top:60px; }
.main .service .svc3 .Info .title { color:#2a9d8f; }
.main .service .svc3 .Info .bd { margin:20px 0px; width:40px; height:4px; background-color:#2a9d8f; }
.main .service .svc3 .Info .content { color:#262626; font-size:0.9375rem; }
.main .service .svc3 .Info .content .num { color:#d17a00; font-size:1.125rem; }

.main .contact .tit { font-size:1.5rem; margin-bottom:30px; }
.main .contact .f-row { margin-left:-65px; margin-right:-65px; } 
.main .contact .f-col { padding-left:65px; padding-right:65px; }

.main .track { margin-bottom:45px; }
.main .track .tab { border-bottom:4px solid #5d4037; margin-top:45px; }
.main .track .tab .item { margin-right:5px; }
.main .track .tab .item a { display:inline-block; padding:8px; background-color:#919191; color:#fff; border-top-right-radius:3px; border-top-left-radius:3px; width:120px; text-align:center; }
.main .track .tab .item a.now { background-color:#5d4037; }
.main .track .house_list .text .memo { height:5.5em; width:100%; border:1px solid #606060; border-radius:6px; padding:4px 6px; }
.main .track .house_list .text .bt { margin-top:6px; }
.main .track .house_list .text .bt button { color:#303030; background-color:#fff; border:1px solid #303030; border-radius:6px; padding:6px 12px 4px; }

.main .cmp .list { margin-top:30px; }
.main .cmp .list .row > div { margin-bottom:30px; }
.main .cmp .list .item { border:1px solid #ccc; padding:20px; }
.main .cmp .list .item:hover { border:1px solid #000; }
.main .cmp .list .item .tit { color:#5d4037; font-weight:bold; margin-right:55px; cursor:pointer; }
.main .cmp .list .item .info { margin-top:20px; }
.main .cmp .list .item .ii { position:relative; }
.main .cmp .list .item .del { position:absolute; top:0; right:0; color:#808080; }
.main .cmp .list .item .del a { color:#808080; }
.main .cmp .list .item .del a:hover { color:#fd7e00; }
.main .cmp .list .item .view:hover { color:#fd7e00; }

.main .cmp .list .share { margin-top:15px; }
.main .cmp .list .share .text { display:inline-block; color:#474747; margin-right:10px;  }
.main .cmp .list .share .ic { display:inline-block; width:30px; height:30px; border-radius:15px; margin:0 0 0 5px; vertical-align:-9px; }
.main .cmp .list .share .ic-fb { background:#004a86 url(images/ico_facebook-f.png) no-repeat 50% 50%/100%; }
.main .cmp .list .share .ic-line { background:#00c400 url(images/ico_line.png) no-repeat 50% 50%/100%; }
.main .cmp .list .share .ic-twitter { background:#00adef url(images/ico_twitter.png) no-repeat 50% 50%/100%; }
.main .cmp .list .share .ic-weibo { background:#e32529 url(images/ico_weibo.png) no-repeat 50% 50%/100%; }
.main .cmp .list .share .ic-copy { background:#202020 url(images/ico_link.png) no-repeat 50% 50%/100%; }
.main .cmp .list .share .ic:hover { background-color:#f0ab00; }


#PageMap .map { width:calc(100% - 375px); height:550px; }
#PageMap .item2 { width:375px; background-color:#fff; }
#PageMap .item2 .item { padding:20px; padding-top:0; }
#PageMap .item2 .item .img { width:100%; padding-top:62.5%; position:relative; }
#PageMap .item2 .item .img a { display:block; position:absolute; top:0; left:0; right:0; bottom:0; }
#PageMap .item2 .item .img a img { display:none; }
#PageMap .item2 .item .img div { display:block; position:absolute; top:0; left:0; right:0; bottom:0; }
#PageMap .item2 .item .img div img { display:none; }
#PageMap .item2 .item .img2 { padding-top:100%; } 

#PageMap .item2 .content { margin-top:15px; }
#PageMap .item2 .content .title { font-size:1.2rem; }
#PageMap .item2 .content .title a { color:#4f3525; }
#PageMap .item2 .content .price .pr span.num { font-size:1.4rem; color:#ff574d; }
#PageMap .item2 .content .fld { margin-bottom:3px; }
#PageMap .item2 .content .fld .tit { float:left; width:50px; color:#2a9d8f; }
#PageMap .item2 .content .fld .val { margin-left:50px; }
#PageMap .item2 .content .fld .tit2 { float:left; width:80px; color:#2a9d8f; }
#PageMap .item2 .content .fld .val2 { margin-left:80px; }

#PageMap .item2 .content .func { margin-top:25px; }
#PageMap .item2 .content .func button { 
    color:#ef850d; 
    border:1px solid #ef850d; 
    background-color:#fff; 
    padding:6px 12px 4px; 
    border-radius:6px; 
}
#PageMap .item2 .content .func button span { vertical-align:-6px; margin-right:2px; }

#map_canvas { text-align:left; }
#map_canvas .labels { padding:10px 17px; background-color:#262626; color:#fff; border-radius:5px; position:relative; transform: translate(-50%,0); border:1px solid #3c3c3c; }
#map_canvas .labels.active { background-color:#E65100; border:1px solid #E65100; }
#map_canvas .labels .triangle { width: 0; height: 0; border-style: solid; border-width: 8px 9px 0 9px; border-color:#262626 transparent transparent transparent; position: absolute; bottom:-8px; left:50%; transform: translate(-50%,0); }
#map_canvas .labels.active .triangle { border-color:#E65100 transparent transparent transparent; }


.house_detail { margin-top:25px; }
.house_detail .carousel {
    position:relative;
    overflow:hidden;
    width:100%;
}
.house_detail .carousel ul {
    width:10000em;
    position:relative;
    list-style:none;
    margin:0;
    padding:0;
}
.house_detail .carousel ul li {
    float:left; 
    text-align:center;
}
.house_detail .carousel ul li img { max-height:500px; }
.house_detail .pImg { padding-top:6px; }
.house_detail .pImg .navigation {
    padding:20px 40px; 
    position:relative;
    background-color:#e2e2e2;  
}
.house_detail .pImg .navigation li { padding:0 5px; }
.house_detail .pImg .navigation li img { border:1px solid transparent; } 
.house_detail .pImg .navigation li.active img { border:1px solid #606060; }
.house_detail .pImg .navigation .prev { position:absolute; top:50%; left:10px; margin-top:-22px; display:inline-block; font-size:2rem; color:#919191; }
.house_detail .pImg .navigation .next { position:absolute; top:50%; right:10px; margin-top:-22px; display:inline-block; font-size:2rem; color:#919191; }

.house_detail .pData .name { font-size:2rem; color:#4f3525; }
.house_detail .pData .price { margin-top:10px; }
.house_detail .pData .price span { font-size:2rem; color:#ff574d; line-height:normal; }
.house_detail .pData .price2 { font-size:1.2rem; text-align:right; }
.house_detail .pData .fld1 { margin:15px 0; display:flex; }
.house_detail .pData .fld1 .tit { color:#2a9d8f; flex:0 0 70px; }
.house_detail .pData .fld1 .txt { flex:1 1 auto; }
.house_detail .pData .fld2 { margin:15px 0; display:flex; }
.house_detail .pData .fld2 .tit { color:#2a9d8f; flex:0 0 80px; }
.house_detail .pData .fld2 .txt { flex:1 1 auto; }
.house_detail .pData .golink { display:block; padding:8px 2px; text-align:center; background-color:#ef850d; color:#fff; border-radius:6px; margin-top:5px; margin-bottom:5px; }
.house_detail .pData .contact { margin-bottom:15px; margin-top:30px; }
.house_detail .pData .contact button { display:block; padding:8px 2px; text-align:center; background-color:#ef850d; color:#fff; border-radius:6px; font-size:22px; font-weight:bold; border:0; width:100%; }
.house_detail .pData .contact span.icon { transform:translateY(1px); }
.house_detail .pData .golink2 { display:block; padding:8px 2px; text-align:center; background-color:#fff; border:1px solid #ef850d;  color:#ef850d; border-radius:6px; margin-top:5px; margin-bottom:5px; font-size:1rem; line-height:normal; }
.house_detail .pData .golink2 .icon { transform:translateY(2px); }


.house_detail .share { margin-top:40px; }
.house_detail .share .text { display:inline-block; color:#474747; margin-right:10px;  }
.house_detail .share .ic { display:inline-block; width:32px; height:32px; border-radius:16px; margin:0 0 0 5px; vertical-align:-9px; }
.house_detail .share .ic-fb { background:#004a86 url(images/ico_facebook-f.png) no-repeat 50% 50%/100%; }
.house_detail .share .ic-line { background:#00c400 url(images/ico_line.png) no-repeat 50% 50%/100%; }
.house_detail .share .ic-twitter { background:#00adef url(images/ico_twitter.png) no-repeat 50% 50%/100%; }
.house_detail .share .ic-weibo { background:#e32529 url(images/ico_weibo.png) no-repeat 50% 50%/100%; }
.house_detail .share .ic-copy { background:#202020 url(images/ico_link.png) no-repeat 50% 50%/100%; }
.house_detail .share .ic:hover { background-color:#f0ab00; }

.house_detail .desc-area { margin-top:40px; margin-bottom:30px; }
.house_detail .desc-area .tit-name {
    color:#5d4037; 
    font-size:1.2rem;
    padding-bottom:3px; 
    border-bottom:4px solid #ef850d;
}
.house_detail .desc-area .tit-name.hide {
    background-color:#ef850d;
    color:#ef850d;
}
.house_detail .desc-area .content { margin-top:20px; }
.house_detail .desc-area .fld1 .item { margin-top:1rem; margin-bottom:1rem; display:flex; }
.house_detail .desc-area .fld1 .item .tit { color:#2a9d8f; flex:0 0 80px; }
.house_detail .desc-area .fld1 .item .txt { flex:1 1 auto; }
.house_detail .desc-area .fld1 .item .ck { color:#808080; }
.house_detail .desc-area .fld1 .item .ck .optmark { display:inline-block; width:16px; height:16px; border:2px solid #808080; border-radius:3px; background-color:#fff; position:relative; vertical-align:-2px; margin-right:5px; }
.house_detail .desc-area .fld1 .item .ck.now { color:#202020; }
.house_detail .desc-area .fld1 .item .ck.now .optmark { border:2px solid #202020; }  
.house_detail .desc-area .fld1 .item .ck.now .square:after { content:""; position:absolute; top:-2px; left:3px; width:6px; height:12px; border-color:#000; border-width:0 2px 2px 0; border-style:solid; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.house_detail .desc-area .fld2 .date { color:#2a9d8f; }
.house_detail .desc-area .fld2 .user { color:#5d4037; } 

.house_detail .desc-area .tb-info .item { margin-top:1rem; margin-bottom:1rem; }
.house_detail .desc-area .tb-info .item .tit { font-size:0.9375rem; color:#2a9d8f; margin-bottom:6px; }
.house_detail .desc-area .tb-info hr { border-top:1px dotted #9e9d9f; margin:0; }

.house_detail .desc-area .memo { height:5.5em; width:100%; border:1px solid #606060; border-radius:6px; padding:4px 6px; max-width:500px; }
.house_detail .desc-area .bt { margin-top:6px; }
.house_detail .desc-area .bt button { color:#303030; background-color:#fff; border:1px solid #303030; border-radius:6px; padding:6px 12px 4px; }

.main .mod_tit { color:#fd7e00; font-size:1.5rem;  margin-top:1rem; }
.main .icon_tit1 { 
    display:inline-block; 
    width:8px; height:24px; 
    background-color:#fd7e00; 
    vertical-align:-3px;
    margin-right:10px;
    border-radius:3px;  
}
.mem .article { max-width:768px; margin:0 auto; }
.mem .article .content { border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; padding:20px 0; margin:20px 0; }
.mem .article .content img { max-width:100%; height:auto !important; }
.mem .article .content table { max-width:100%; }

.mem .article .content_ii { height:40vh; overflow-y:auto; }
.mem .article .check_area { text-align:center; }

.mem .article .btn_area { text-align:center; margin:1rem 0 2rem; }
.mem .article .btn_area button { padding:5px; background-color:#000; color:#fff; border:0 none; border-radius:5px; width:100px; text-align:center; margin:0 8px; }  

.mem .join { max-width:768px; margin:0 auto; } 
.mem .join .subtitle { margin:20px 0; }
.mem .join .accountData { border-top:1px solid #e4e2df; padding-top:30px; padding-bottom:30px; }

.mem #CKEmailMsg .kno { color:#b80000; }
.mem #CKEmailMsg .kyes { color:#006600; }

.member .memacc { margin:0 auto 50px; }
.member .memacc .title { text-align:center; font-size:1.8rem; color:#0094d7; margin-bottom:20px; }
.member .memacc .imgtit { position:relative; }
.member .memacc .imgtit .bg { height:180px; }
.member .memacc .imgtit .txt { position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; padding-left:100px; }
.member .memacc .imgtit .txt .t1 { font-size:5rem; padding-right:30px; }
.member .memacc .imgtit .txt .t2 { font-size:1.3rem; }
.member .memacc .imgtit .txt .t2 .name { font-size:1.5rem; }
.member .memacc .mod { text-align:center; padding:30px 0; }
.member .memacc .mod .img img { max-width:52px; }
.member .memacc .mod .txt { margin-top:6px; }
.member .memacc .mod a { color:#474747; } 
.member .memacc .mod a:hover { color:#d17a00; }
 
.Compare table { border-collapse: collapse; table-layout: fixed; }
.Compare .table td, .Compare .table th { border-top:none; }
.Compare table tr.bd1 { border-bottom: 1px solid #e2e2e2; }
.Compare table tr:last-child { border-bottom: 1px solid #c6c6c6; }
.Compare table tr.bg1:nth-child(odd) { background-color:#e2e2e2; }
.Compare table tr td { word-break: break-all; padding:5px 10px; min-width:200px; }
.Compare table tr td.subject { text-align:left; color:#303030; white-space: nowrap; min-width:100px; }
.Compare table tr td.title { color:#ef850d; font-size:1.25rem; vertical-align: bottom; }
.Compare table tr td.pd1 { padding:15px 10px; }
.Compare table tr td .rm { padding:0 3px; }
.Compare table tr td .rm span { transform:translateY(2px); }
.Compare table tr td .rm a { color:#606060; }
.Compare table tr td .rm a:hover { color:#880000; }
.Compare table tr td .add { text-align:center; height:100%; border:1px solid #ccc; border-radius:5px; }
.Compare table tr td .add span { font-size:35px; } 
.Compare table tr td .add a { color:#606060; display:block; padding:30px 10px; }
.Compare table tr td .add a:hover { color:#880000; }
.Compare table tr td .memo { height:5.5em; width:100%; border:1px solid #606060; border-radius:6px; padding:4px 6px; }
.Compare table tr td .bt { margin-top:6px; }
.Compare table tr td .bt button { color:#303030; background-color:#fff; border:1px solid #303030; border-radius:6px; padding:4px 8px 2px; }

 
form { text-align:left; }
form label { color:#2a9d8f; }
form .form-group { margin-bottom:25px; }
form .form-control { border:1px solid #c6c6c6; border-radius: 0; }

.cform .bdr-0 { border:0 none; }
.cform label.check { color:#495057; margin-right:16px; }
.cform label.check:last-child { margin-right:0; }
.cform .CodeChange { color:#d17a00; }
.cform .CodeChange:hover { color:#006e3b; }

form .unitInput { display: flex; align-items:center; }
form .unitInput .form-control { width:calc(100% - 45px); }
form .unitInput span { color:#262626; margin-left:5px; }

form button.send1 { width:200px; padding:7px 0px; background-color:#ef850d; color:#fff; border-radius:25px; border:0 none; }
form button.send1:hover { background-color:#ff9500; }

form button.send2 { width:200px; margin-top:15px; padding:7px 0px; background-color:#ef850d; color:#fff; border-radius:25px; border:0 none; }
form button.send2:hover { background-color:#ff9500; }

@media ( max-width:1199.98px ){
    .main .service .svc3 .Info { margin-left:40px; }

    .main .contact .f-row { margin-left:-15px; margin-right:-15px; } 
    .main .contact .f-col { padding-left:15px; padding-right:15px; }

    #PageMap .map { width:100%; }
    #PageMap .item2 { width:100%; }
    #PageMap .item2 .item { padding:15px; }

    .Compare table { table-layout: auto; }
}

@media ( max-width:991.98px ){
    .main .service .svc2 .sp { display:none; }
    .main .service .svc2 .area { max-width:300px; margin:0 auto; }  
    .main .service .svc3 .Info { margin-left:0px; margin-top:40px; }

}

@media ( max-width:767.98px ){
    .main .BottomPage { justify-content: space-between; }

    .mod-my40 { margin-top:10px; margin-bottom:20px; }
    .mod-submenu { margin-bottom:35px; margin-left:0; margin-right:0; }
    .mod-submenu .item { display:none; }
    .mod-submenu > div { padding-left:0; padding-right:0; }
    .mod-submenu .selopt select { display:block; width:100%; padding-top:10px; padding-bottom:10px; padding-left:2px; border:0 none; border-bottom:1px solid #006e3b; color:#006e3b; }
    .mod-submenu .selopt select option { color:#202020; }
    
    .house_detail .pData { margin-top:30px; } 

    .main .member .memacc .imgtit .txt { padding-left:40px; }
    .main .member .memacc .imgtit .txt .t1 { font-size:3rem; padding-right:15px; }
    .main .member .memacc .imgtit .txt .t2 { font-size:1rem; }
    .main .member .memacc .imgtit .txt .t2 .name { font-size:1.2rem; } 
}

@media ( max-width:575.98px ){
    .main .news .list .item { padding:14px; margin-bottom:40px; }
    .main .news .list .item .info { padding:15px 15px; }

    .main .news .detail .tit .date { font-size:0.9rem; }
    .main .news .detail .tit .subject { font-size:1.3rem; }
    
    .main .service .svc2-result .row { font-size:0.9375rem; }
    .main .service .svc2-result .row .pin { max-width:25%; }
    .main .service .svc2-result .row .num { max-width:20%; }
    .main .service .svc2-result .row .sum { max-width:20%; }
    
    .cform .form-inline .form-control { width:calc(100% - 1.5rem); }
}

@media ( min-width:576px ){
    .main .news .list .item .pic img { max-width:130px; }
}

@media ( min-width:768px ){
    .main .news .list .item .pic { min-width:190px; }  
}

@media ( min-width:992px ){
    .main .member .memacc { max-width:650px; }
    .member .memacc .imgtit .bg { height:280px; }
}

@media ( min-width:1200px ){
}