@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* 초기화 */
@import url("default.css");

.c_iden {color:#0f8adb !important;}
.point {position:absolute;}




/* header */
.header {position:fixed; top:0; left:0; width:100%; z-index:100; border-bottom:#e5e5e5 1px solid; background:#fff; transition:.2s linear;}
.header.fixed {box-shadow:rgba(0,0,0,.1) 0 0 10px;}
.header .inner {position:relative; height:100px;}
.header .logo {position:absolute; top:0; left:20px; height:100px; display:flex; justify-content:center; align-items:center;}
.header h1 {display:none;}
.header .gnb {display:flex; justify-content:center;}
.header .gnb .menu {position:relative;}
.header .gnb .menu > a {display:block; font-size:20px; color:#222; font-weight:600; line-height:100px; padding:0 35px;}
.header .gnb .menu.on > a {color:#0f8adb;}
.header .contact {position:absolute; top:50%; right:20px; font-size:17px; color:#fff; font-weight:700; line-height:46px; height:46px; width:260px; border-radius:23px; transform:translateY(-50%); display:flex; justify-content:center; align-items:center; gap:10px; background:#0f8adb;}
.header .contact:before {content:""; display:block; width:24px; height:23px; background:url('/images/icon_tel.png') no-repeat 50% 50% / contain;}

/* footer */
.footer {border-top:#e1e1e1 1px solid; padding:30px 0 40px; text-align:center; font-size:14px; color:#777; line-height:25px;}
.footer ul {display:flex; justify-content:center; flex-wrap:wrap; gap:0 14px;}

/* main */
.mvisual {margin-top:100px; padding-top:20px;}
.mvisual .tit {font-size:48px; color:#222; font-weight:700; line-height:1; text-align:center; margin-bottom:25px;}
.map_svg_area {display:flex; justify-content:center; align-items:center;}
.map_svg_area svg path,
.map_svg_area svg polyline {transition:.2s linear; cursor:pointer;}
.search_area {width:600px; max-width:100%; height:62px; border:#dedede 2px solid; border-radius:31px; margin:30px auto 0; overflow:hidden; display:flex;}
.search_area .text {width:calc(100% - 65px); height:58px; border:0; padding:0 25px; font-size:15px;}
.search_area .btn {width:65px; height:58px; font-size:0; background:url('/images/icon_search.png') no-repeat 50% 50%;}
.board_area {padding:60px 0;}
.board_area .inner {display:flex; gap:80px;}
.board_area .box {width:calc(50% - 40px);}
.board_area .tit {position:relative; font-size:28px; color:#222; font-weight:700; line-height:28px; padding-bottom:14px; border-bottom:#222 2px solid; margin-bottom:40px;}
.board_area .more {position:absolute; top:0; right:0; width:28px; height:28px; background:#222; border-radius:5px; font-size:0;}
.board_area .more:before,
.board_area .more:after {content:""; position:absolute; top:50%; left:50%; background:#fff; transform:translate(-50%,-50%);}
.board_area .more:before {width:8px; height:2px;}
.board_area .more:after {width:2px; height:8px;}
.board_area .list a {position:relative; display:block; font-size:15px; color:#222; font-weight:700; line-height:28px; margin-bottom:20px; padding-right:100px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_area .list a:last-child {margin-bottom:0;}
.board_area .list a span {position:absolute; top:0; right:0; font-size:17px; color:#b8b8b8; font-weight:400;}
.human_area {text-align:center;}
.human_area p {font-size:1.8rem; color:#016ab2; font-weight:700; line-height:28px;margin-bottom:30px; }

/* sub */
.container {margin-top:100px; padding:40px 0 100px; font-size:18px; color:#222; line-height:27px;}
.container .title {font-size:40px; font-weight:700; text-align:center; margin-bottom:50px;}

/* 회사소개 */
.about01 .inner {display:flex; align-items:flex-end;}
.about01 .imgfit {width:50%; height:553px; border-radius:10px;}
.about01 .txt {padding-left:45px; padding-bottom:80px;}
.about01 .tit {font-size:30px; font-weight:300; line-height:37px;}
.about01 .tt {font-size:26px; font-weight:500; line-height:37px; margin:30px 0;}
.about01 p {color:#777;}
.about02 {margin-top:75px; padding:90px 0; background:#f5f5f5;}
.about02 .inner {display:flex; align-items:flex-end;}
.about02 .txt {width:38%; padding-bottom:120px;}
.about02 .tit {font-size:30px; font-weight:700; line-height:1; margin-bottom:30px;}
.about02 ul {display:flex; flex-wrap:wrap; gap:0 26px;}
.about02 li {font-size:18px; color:#777; line-height:30px;}
.about02 .map_area {position:relative; width:62%;}
.root_daum_roughmap {max-width:100%;}
.about02 .links {position:absolute; top:-26px; right:0; display:flex; gap:14px; z-index:20;}
.about02 .links a {display:block; font-size:0; width:52px; height:52px; background:no-repeat 50% 50% / contain; border-radius:10px;}
.about02 .links a.naver {background-image:url('/images/icon_naver.png'); box-shadow:rgba(12,206,97,.51) 4px 0 27px;}
.about02 .links a.kakao {background-image:url('/images/icon_kakao.png'); box-shadow:rgba(250,225,0,.51) 4px 0 27px;}

.root_daum_roughmap .section_address .address {display:none;}
.root_daum_roughmap .section_address .phone {display:none;}
.root_daum_roughmap .section_address .txt {display:none;}

/* 내집찾기 */
.search_house {display:flex; gap:40px;}
.search_house .search_country {width:270px;}
.search_house .search_country .list {margin-top:40px;}
.search_house .search_country .list:first-child {margin-top:0;}
.search_house .search_country .tt {display:block; color:#0f8adb; font-weight:500; line-height:56px; height:58px; width:100%; border:#0f8adb 1px solid; text-align:center; margin-bottom:10px;}
.search_house .search_country .list.on .tt { background:#0f8adb; color:#fff; }
.search_house .search_country .cn {display:flex; flex-wrap:wrap; gap:4px;}
.search_house .search_country a {display:block; font-size:15px; color:#222; line-height:43px; height:45px; width:calc(50% - 2px); border:#e1e1e1 1px solid; text-align:center; margin-bottom:4px;}
.search_house .search_country a:last-child {margin-bottom:0;}
.search_house .search_country a.on { border:#0f8adb 1px solid; color:#0f8adb; }
.search_house .search_contents {width:calc(100% - 310px);}
.search_house .search_set {position:relative; background:#f5f5f5; padding:22px 220px 22px 25px;}
.search_house .search_set .text {border:#e1e1e1 1px solid; border-radius:10px; padding:0 15px;}
.search_house .search_set .selects {display:flex; gap:8px; margin-bottom:8px;}
.search_house .search_set .selects div {width:calc((100% - 32px)/5); height:45px;}
.search_house .search_set .selects div .text{width:100%;}
.search_house .search_set .selects .text {width:calc((100% - 32px)/5); height:45px;}
.search_house .search_set input.text {height:45px;}
.search_house .search_set .btn {position:absolute; top:22px; right:25px; width:180px; height:98px; line-height:98px; font-size:22px; color:#fff; font-weight:500; display:flex; justify-content:center; align-items:center; gap:16px; background:#595959; border-radius:10px;}
.search_house .search_set .btn:before {content:""; display:block; width:19px; height:19px; background:url('/images/icon_search_w.png');}
.stit {font-size:30px; color:#222; font-weight:700; line-height:1; margin:50px 0 25px;}
.stit strong {color:#0f8adb;}
.tabs {display:flex; flex-wrap:wrap; gap:8px; margin-bottom:50px;}
.tabs a {width:calc((100% - 40px)/6); height:47px; line-height:45px; font-size:17px; color:#222; text-align:center; border:#d7d7d7 1px solid;}
.search_contents .box {display:flex; gap:30px; margin-bottom:25px; border:#f5f5f5 2px solid; padding:16px;}
.search_contents .box:last-child {margin-bottom:0;}
.search_contents .box span {display:block;}
.search_contents .imgfit {width:306px; height:234px;}
.search_contents .txt {width:calc(100% - 346px);}
.search_contents .box .num {font-size:15px; color:#777; line-height:1; margin-bottom:25px; display:flex;}
.search_contents .box .num span {padding-right:10px;}
.search_contents .box .country {font-size:16px; color:#5382a0; font-weight:500; line-height:1;}
.search_contents .box .tt {font-size:24px; color:#222; font-weight:700; line-height:1.2; margin-top:10px;}
.search_contents .box .info {display:flex; flex-wrap:wrap; gap:0 50px; margin:30px 0 25px;}
.search_contents .box .info dl {display:flex; gap:21px; font-size:15px; line-height:1;}
.search_contents .box .info dt {position:relative; color:#222; font-weight:700;}
.search_contents .box .info dt:before {content:""; position:absolute; top:50%; right:-11px; width:1px; height:12px; background:#d7d7d7; transform:translateY(-50%);}
.search_contents .box .info dd {color:#777;}
.search_contents .box .money {padding:20px 35px; background:#f5f5f5; display:flex;}
.search_contents .box .money dl {width:calc(100%/3); display:flex; gap:12px;}
.money dt {font-size:15px; color:#fff; line-height:30px; height:30px; width:86px; text-align:center; border-radius:15px;}
.money dd {width:calc(100% - 98px); font-size:15px; color:#777; line-height:30px;}
.money .c1 dt {background:#d81a01;}
.money .c1 dd strong {color:#d81a01;}
.money .c2 dt {background:#ff9635;}
.money .c2 dd strong {color:#ff9635;}
.money .c3 dt {background:#27bc9a;}
.search_contents .box .c3 dd strong {color:#27bc9a;}

.search_head {position:relative; display:flex; gap:40px;}
.search_head .view_slide_wrap {position:relative; width:600px;}
.search_head .view_slide {position:relative;}
.search_head .view_slide .slick-slide {font-size:0; line-height:1;}
.search_head .view_slide .slick-slide .imgfit {height:400px;}
.search_head .view_slide .slick-slide img {display:block; width:100%;}
.search_head .view_slide .slick-arrow {position:absolute; top:50%; width:44px; height:67px; transform:translateY(-50%); font-size:0; z-index:1; background:no-repeat 50% 50% / contain;}
.search_head .view_slide .slick-prev {left:20px; background-image:url('/images/arrow_prev.png');}
.search_head .view_slide .slick-next {right:20px; background-image:url('/images/arrow_next.png');}
.search_head .view_slide .slick-dots {position:absolute; bottom:12px; left:0; width:100%; display:flex; justify-content:center; gap:8px;}
.search_head .view_slide .slick-dots li button {width:10px; height:10px; border:#000 1px solid; border-radius:50%; font-size:0;}
.search_head .view_slide .slick-dots li.slick-active button {background:#000;}
.search_head .view_slide_navi {position:relative; margin:10px -5px 0;}
.search_head .view_slide_navi .slick-slide {padding:0 5px;}
.search_head .view_slide_navi .slick-slide .imgfit {height:75px;}
.search_head .view_txt {width:calc(100% - 640px);}
.search_head .view_txt .flex {gap:10px; align-items:center; margin-bottom:12px;}
.search_head .view_txt .num {background:#f5f5f5; height:44px; line-height:44px; display:flex; gap:10px; padding:0 20px; border-radius:22px;}
.search_head .view_txt .num span {color:#777;}
.search_head .view_txt .num strong {color:#0f8adb;}
.search_head .name {padding-bottom:20px;}
.search_head .name .country {font-size:16px; color:#5382a0; font-weight:500; line-height:1;}
.search_head .name .tt {font-size:24px; color:#222; font-weight:700; line-height:31px; margin-top:10px;}
.search_view {position:relative; padding-right:410px;}
.search_view #start {top:-140px;}
.search_view #custom_height {height:100px;}
.rtit {position:relative; font-size:22px; font-weight:700; line-height:1; padding-left:28px; margin:50px 0 16px;}
.rtit:before {content:""; position:absolute; top:50%; left:0; width:16px; height:16px; background:#fff; border:#0f8adb 4px solid; border-radius:50%; transform:translateY(-50%);}
.mini {font-size:14px; color:#737373;}
.tbl table {border-top:#ebebeb 1px solid;}
.tbl th,
.tbl td {border-bottom:#ebebeb 1px solid; padding:14px 25px; font-size:15px;}
.tbl th {width:134px; font-weight:600; background:#f5f5f5; text-align:left;}
.tbl .subway {display:flex; gap:25px;}
.tbl .subway dt {position:relative; font-weight:700;}
.tbl .subway dt:after {content:""; position:absolute; top:50%; right:-13px; width:1px; height:12px; background:#d7d7d7; transform:translateY(-50%);}
.subway dd {display:flex;}
/*.subway dd p{margin:5px 0px;}*/

.subwaycolor{ border-radius:10px; margin:0px 10px 0 10px; font-size:11px; padding:5px;border-radius:27px;}

em.subwaycolor.s01{background-color:#263c96; color:#fff;}
em.subwaycolor.s02{background-color:#3cb44a; color:#fff;}
em.subwaycolor.s03{background-color:#f06e00; color:#fff;}
em.subwaycolor.s04{background-color:#2c9ede; color:#fff;}
em.subwaycolor.s05{background-color:#8936e0; color:#fff;}
em.subwaycolor.s06{background-color:#b5500b; color:#fff;}
em.subwaycolor.s07{background-color:#697215; color:#fff;}
em.subwaycolor.s08{background-color:#e51e6e; color:#fff;}
em.subwaycolor.s09{background-color:#d1a62c; color:#fff;}
em.subwaycolor.in01{background-color:#6f99d0; color:#fff;}
em.subwaycolor.in02{background-color:#6f99d0; color:#fff;}
em.subwaycolor.in02{background-color:#f4ab3e; color:#fff;}
em.subwaycolor.k01{background-color:#a71e31; color:#fff;}
em.subwaycolor.k02{background-color:#7cc4a5; color:#fff;}
em.subwaycolor.k03{background-color:#08af7b; color:#fff;}
em.subwaycolor.k04{background-color:#eba900; color:#fff;}
em.subwaycolor.k05{background-color:#72b4e2; color:#fff;}
em.subwaycolor.k06{background-color:#4e67a5; color:#fff;}
em.subwaycolor.k07{background-color:#eba900; color:#fff;}
em.subwaycolor.k08{background-color:#ff9d27; color:#fff;}
em.subwaycolor.k09{background-color:#77c371; color:#fff;}
em.subwaycolor.k10{background-color:#905a89; color:#fff;}
em.subwaycolor.k11{background-color:#2673f2; color:#fff;}
em.subwaycolor.k12{background-color:#c6c100; color:#fff;}
em.subwaycolor.k13{background-color:#8bc53f; color:#fff;}
em.subwaycolor.k14{background-color:#96710a; color:#fff;}

.tbl .money {display:flex; gap:50px;}
.tbl .money dl {display:flex; gap:12px;}
.tbl .address {min-width:180px; padding-right:20px;}
.tbl .info {display:flex; gap:48px;}
.tbl .info dl {display:flex; gap:22px;}
.tbl .info dt {position:relative; font-weight:700;}
.tbl .info dt:after {content:""; position:absolute; top:50%; right:-13px; width:1px; height:12px; background:#d7d7d7; transform:translateY(-50%);}
.tbl .option_list {display:flex; flex-wrap:wrap; width:660px; max-width:100%;}
.tbl .option_list p {width:25%;}
.video {width:100%; height:520px; background:#555; display:flex; justify-content:center; align-items:center; color:#fff;}
.video iframe {width:100%; height:100%; object-fit:cover;}

.buy_box {position:absolute; top:38px; left:50%; width:380px; margin-left:340px;}
.buy_box .num,
.buy_box .manager {display:flex; justify-content:center; align-items:center; font-size:16px;}
.buy_box .num {background:#f5f5f5; height:44px; line-height:44px; gap:2px; margin-bottom:12px;}
.buy_box .num span {color:#777;}
.buy_box .num strong {color:#0f8adb;}
.buy_box .manager {background:#656565; height:54px; line-height:54px; gap:14px;}
.buy_box .manager span {color:#fff;}
.buy_box .manager strong {color:#fa0;}
.buy_box .tbl th,
.buy_box .tbl td {width:50%; font-size:18px; padding:13px 15px;}
.buy_box .tbl th {text-align:center;}
.buy_box .inputs {margin-top:20px; border:#f5f5f5 4px solid; padding:25px 20px;}
.buy_box .inputs .tt {font-size:29px; font-weight:700; line-height:1;}
.buy_box .inputs p {font-size:16px; color:#777; line-height:24px; margin:10px 0;}
.buy_box .inputs table {border-top:#e9e9e9 1px solid; border-bottom:#e9e9e9 1px solid;}
.buy_box .inputs th,
.buy_box .inputs td {padding-top:14px; font-size:16px; color:#777; text-align:left;}
.buy_box .inputs tr:last-child th,
.buy_box .inputs tr:last-child td {padding-bottom:14px;}
.buy_box .inputs th {padding-left:5px; width:80px;}
.buy_box .inputs td input.text {height:38px;}
.buy_box .inputs td textarea.text {height:78px;}
label.radio {display:flex; justify-content:center; align-items:center; gap:10px; margin:20px 0;}
label.radio input {display:none;}
label.radio i {position:relative; display:block; width:24px; height:24px; border:#555 1px solid; border-radius:50%;}
label.radio i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#0f8adb; border-radius:50%; transform:translate(-50%,-50%); transition:.2s linear;}
label.radio input:checked + i:before {width:12px; height:12px;}
label.radio a {font-size:12px; color:#8b8b8b;}
.buy_box .btn {display:block; font-size:18px; color:#fff; font-weight:700; line-height:54px; height:54px; width:180px; text-align:center; background:#0f8adb; margin:20px auto 0;}
.search_view.start .buy_box {position:fixed; top:140px;}
.search_view.end .buy_box {position:absolute; top:auto; bottom:0; left:auto; right:0; margin:0;}

/* 내집팔기 */
.ctit {font-size:48px; font-weight:700; line-height:1; text-align:center;}
.tb {color:#777; margin-top:15px; text-align:center;}
.counsel_area {width:870px; max-width:100%; margin:120px auto 0;}
.counsel_area dl {margin-top:40px;}
.counsel_area dl:first-child {margin-top:0;}
.counsel_area dt {position:relative; font-size:23px; color:#333; font-weight:600; line-height:38px; padding-left:54px; margin-bottom:16px;}
.counsel_area dt:before {content:"Q"; position:absolute; top:0; left:0; width:38px; height:38px; line-height:38px; text-align:center; font-size:20px; color:#fff; font-weight:600; background:#0f8adb; border-radius:50%;}
.counsel_area dd .text {height:70px; border:#dcdcdc 1px solid; border-radius:10px; padding:0 20px;}
.btn_submit {display:block; font-size:20px; color:#fff; font-weight:700; line-height:74px; height:74px; width:240px; background:#0f8adb; border-radius:10px; margin:70px auto 0;}

/* 집후기 */
.house_review {display:flex; flex-wrap:wrap; gap:55px 56px;}
.house_review a {width:calc((100% - 112px)/3); display:block; border:#e1e1e1 1px solid; border-radius:10px; overflow:hidden;}
.house_review span {display:block;}
.house_review .imgfit {height:350px;}
.house_review .txt {font-weight:500; line-height:38px; padding:15px 20px; border-top:#e1e1e1 1px solid; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.board_bottom .btns {overflow:hidden; margin-top:20px;}
.board_bottom .btns .btn {display:inline-block; width:150px; height:40px; line-height:40px; background:#0e5ba2; font-size:15px; color:#fff; text-align:center; border:0; vertical-align:top;}
.board_bottom .btns .btn_l {color:#0f8adb; line-height:38px; border:#0f8adb 1px solid; background:#fff;}
.board_bottom .paging {display:flex; justify-content:center; gap:10px; margin-top:40px;}
.board_bottom .paging a {width:40px; height:40px; line-height:38px; text-align:center; font-size:17px; border:#fff 1px solid;}
.board_bottom .paging a.on {color:#0f8adb; border-color:#0f8adb;}
.board_bottom .paging .arrow {font-size:0;}
.board_bottom .paging .prev {margin-right:10px;}
.board_bottom .paging .next {margin-left:10px;}

.board_view {border-top:#0f8adb 2px solid;}
.board_view .tit {font-size:24px; font-weight:700; line-height:30px; padding:40px 20px; text-align:center; border-bottom:#ddd 1px solid;}
.board_view .con {color:#666; padding:60px 0; border-bottom:#ddd 1px solid;}
.btn_list {display:block; color:#666; line-height:54px; height:56px; width:150px; margin:50px auto 0; border:#ccc 1px solid; text-align:center;}

/* 게시판 */
.board_list {border-top:#ddd 2px solid;}
.board_list .w1 {width:90px;}
.board_list .w2 {width:130px;}
.board_list .w3 {width:220px;}
.board_list .w4 {width:120px;}
.board_list .w5 {width:170px;}
.board_list th,
.board_list td {height:64px; text-align:center; border-bottom:#ddd 1px solid;}
.board_list th {font-weight:600;}
.board_list td {color:#777; font-weight:500;}
.board_list td.tal a {display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.map_landCnt{position:fixed;display:none;width:130px;padding:10px 20px;background:#000;color:#fff;font-size:12px;text-align:center;border-radius:20px;}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}