/* import fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,400italic,600,300,300italic,600italic,700,700italic,200,200italic&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
/*font-family: 'Nanum Myeongjo', serif;*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
/*font-family: 'Nanum Pen Script', cursive;*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
/*font-family: 'Nanum Gothic Coding', monospace;*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*font-family: 'Nanum Gothic', sans-serif;*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
/*font-family: 'Nanum Brush Script', cursive;*/


/***  하이퍼링크 **/
* { font-family: 'Nanum Gothic', sans-serif !important; font-weight: 400; }
a { cursor:pointer color: #777; text-decoration:none !important; }
a:hover, a:focus, a:active { color:#ff6600; text-decoration:none !important; }
.img { max-width: 100% !important; }

/** scron **/
.mobile-show { display: none; }
.tablet-show { display: none; }
.desktop-show { display: none; }
.mobile-tablet-show { display: none; }
.tablet-desktop-show { display: none; }
.screen-mode { display: none; }
.well{ border-radius: 0; }

/**
 * body
*/
body {
  background: url("../img/headerBg1.jpg") no-repeat;
  background-position: top center;
}

/**
 * header Top
*/
.headerTop { height: 50px; line-height: 30px; padding-top: 10px; background-color: #fff; }
.headerTop .container { text-align: right; }
.headerTop .btn { margin: 0; color: #2c2c2c; }
.headerTop a:before { content: "|"; color: #888; padding: 0 10px 0 0; }
.headerTop a:first-child:before { content: ""; }
.headerTop a:last-child { padding-right: 0; }
.headerTop a:hover, .headerTop a:focus, .headerTop a:active { color:#ff6600; }
.headerTop .favorite i { color: #ff7f00; }

/**
  * nav 부분 **/
#headerNav .navbar-custom { border: 0; border-radius: 0; }
#headerNav .navbar-brand1 { float: left; width: 215px; text-align: left; margin-top: -40px; }
#headerNav #navbar { float: right; width: 915px; padding: 0 15px !important; margin: 0 !important; background: url("../img/header/nav_bg.png") no-repeat; }
#headerNav #navbar ul, #headerNav #navbar li { list-style: none; padding: 0 !important; margin: 0 !important; }
#headerNav #navbar li { float: left; height: 50px; }
#headerNav .navbar-custom .nav-center { width: 915px; height: 50px; padding: 0 !important; margin: 0 !important; overflow: hidden;  }
#headerNav .navbar-custom .nav-center a { display: block; font-size: 16px; line-height: 50px; background: url("../img/header/nav_line.png") no-repeat left center; padding: 0 !important; margin: 0 !important; }
#headerNav .navbar-custom .nav-center a:hover { background-color: #2479c5; }
#headerNav .navbar-custom .nav-center li:first-child a { background: transparent; }
#headerNav .navbar-custom .nav-center li:first-child a:hover { background-color: #2479c5; }
#headerNav .navbar-custom .nav-center li a { width: 148px; }
#headerNav .navbar-custom .nav-center li.active a { background-color: #2479c5; }
#headerNav nav { display: inline-block; margin-bottom: 15px; }
#headerNav header { margin-bottom: 10px; }

/* title */
.sub-title {
  height: 215px;
}

/**
  * .search-rc .form-control **/
.search-rc .form-control { display: inline-block; width: auto !important; margin-bottom: 5px; }

/**
  * urgent, good room **/
.room_aslide {  }
.room_aslide .list-group-item { text-align: left; border-radius: 0; background-color: #f1f9ff; padding: 5px; margin-top: 10px !important; border: none; }
.room_aslide .list-group-item:hover { background-color: #f5f5f5; }
.room_aslide .list-group-item-heading { display: inline-block; font-size: 12px; font-weight: bold; width: 100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin: 0 0 -5px 0; padding: 0; }
.room_aslide .type { color: #333; margin-right: 5px; }
.room_aslide .region { color: #555; }
.room_aslide .list-group-item-text { text-align: left; font-size: 12px; padding: 0; line-height: 150%; }
.room_aslide .th1:before { content: "보증금 "; }
.room_aslide .th1:after { content: "/"; }
.room_aslide .th2:before { content: "월세 "; }
.room_aslide .th2:after { content: "/"; }
.room_aslide .th3:before { content: "/권리금 "; }
.room_aslide .th3:after { content: ""; }
.room_aslide .th4:after { content: "평/"; }
.room_aslide .th5:after { content: ""; }
.room_aslide .th6:before { content: "매매 "; }
.room_aslide .th6:after { content: ""; }
.room_aslide .th7:before { content: "/"; }
.room_aslide .th7:after { content: ""; }
.room_aslide .th8:before { content: "전세 "; }
.room_aslide .th8:after { content: ""; }

/**
  * room write **/
.room-write { text-align: left; }
.room-write .page-header { margin-bottom: 0; }
.room-write .page-header small { color: #359aef; }
.room-write th { background-color: #f5f5f5; vertical-align: middle !important; }
.room-write td { vertical-align: middle !important; }
.room-write td .width_auto { width: auto; display: inline-block; }
.room-write td .width_50 { width: 50px; display: inline-block; }
.room-write td .width_60 { width: 60px; display: inline-block; }
.room-write td .width_100 { width: 100px; display: inline-block; }
.room-write td .form-control { margin: 3px 0; }
.room-write td .col-right { padding-right: 5px; }
.room-write td .col-left { padding-left: 5px; }
.room-write .radio-inline { padding-top: 10px !important; padding-bottom: 10px !important; }
.room-write-button .btn { margin: 50px 0; }

/**
  * board **/
.board_list .board_total_count { padding: 30px 0 5px 0; text-align: left; }
.board_list .list-group .tablet-desktop-show { width: 100%; }
.board_list .list-group .active { background-color: #eee; border-color: #ddd; }
.board_list .list-group .active span { color: #444 !important; }
.board_list .list-group .list-group-item { border-radius: 0; border-left: none; border-right: none; }
.board_view .panel-default { border-radius: 0; border-left: none; border-right: none; border-bottom: none; box-shadow: none; }
.board_view .panel-heading,
.board_view .panel-body,
.board_view .panel-footer { text-align: left; border-radius: 0; }
.board_view .panel-body { padding-bottom: 50px; }
.board_view .board-header { padding-bottom: 50px; }
.board_view .board-header .name,
.board_view .board-header .date,
.board_view .board-header .hit { margin-right: 10px; }
.board_view .board-header .val { color: #777; }
.board_view .panel-heading { font-size: 16px; }
.board_view .panel-footer { background-color: #fff; padding-left: 0; }

/**
  * roomsale **/
.room_list .room_total_count { padding: 30px 0 5px 0; text-align: left; }
.room_list .list-group .tablet-desktop-show { width: 100%; }
.room_list .list-group .active { background-color: #fff; border-top: solid 2px #333; border-bottom: solid 1px #ddd; }
.room_list .list-group .active span { color: #444; }
.room_list .list-group .list-group-item { border-radius: 0; border-left: none; border-right: none; }
.room_list .list-group .list-group-item-warning { background-color: #f5f5f5 !important; color: #555 !important; }

.paging-area { width:100%; text-align:center; display:inline-block; }
.paging-area ul { display: inline-block; margin:0px auto; padding: 0; list-style: none; }
.paging-area li { display: inline-block; margin:20px 1px 20px 1px; padding: 0; list-style: none; }
.paging-area li a { display: inline-block; padding: 7px; min-width: 40px; border-radius: 3px;  border:1px solid #b6b6b6; color: #777; }
.paging-area li a.home { }
.paging-area li a.home:hover { }
.paging-area li a.pre { }
.paging-area li a.pre:hover { }
.paging-area li a.next { }
.paging-area li a.next:hover { }
.paging-area li a.end { }
.paging-area li a.end:hover { }
.paging-area li a.nm { border:1px solid #b6b6b6; background-color: #f5f5f5; color: #444; }
.paging-area li.on { font-weight:bold; }
.paging-area li.on a.nm { border:1px solid #ffba00; background-color: #ffba00; color: #fff; }

/** modal view **/
.modal-content { width: 900px; border: solid 1px #83b3e4; border-radius: 0; }
.modal-header { background: url("../img/modal-title-bg.png"); height: 49px !important; padding-top: 0 !important; }
.modal-title { text-align: left; color: #fff; font-weight: bold; text-shadow: 1px; padding-top: 10px !important; vertical-align: top; }
.modal-header .close { width: 21px; height: 0; padding-top: 21px; overflow: hidden; background: url("../img/modal-colse.png") no-repeat; opacity: 1; margin-top: 12px; }
.modal-body { padding: 30px; }
.modal-body h5 { text-align: left; font-weight: bold; font-size: 16px; }
.modal-body .table { border-left: none; border-right: none; }
.modal-body .table th { text-align: center; background-color: #f5f5f5; vertical-align: middle; border-left: none; border-right: none; }
.modal-body .table td { text-align: left; border-left: none; border-right: none; }
.modal-body .font-size-16 { font-size: 16px; }
.modal-body .color_blue { color: #0090ff; }
.modal-body .charge { font-size: 22px; font-weight: bold; }
.modal-body .center_tel { color: #0090ff; }
.modal-body .charge_tel { color: #ed1414; }
.modal-body .room-charge-sms { display: inline-block; width: 100%; }
.modal-body .modal-left { float: left; width: 410px; margin-bottom: 10px; }
.modal-body .modal-left-title { background: url("../img/room_charge_title_bg.png"); border: solid 1px #ccc; }
.modal-body .modal-left-content { border: solid 1px #ccc; border-top: none; line-height: 105px; font-size: 18px; font-weight: bold; }
.modal-body .modal-left-content a { text-decoration: none; }
.modal-body .modal-right { float: right; width: 410px; margin-bottom: 10px; }
.modal-body .modal-right-title { margin-bottom: 10px; background: url("../img/room_sms_title_bg.png"); border: solid 1px #ccc; }
.modal-body .modal-right-content .b_txt { width: 200px; float: left; }
.modal-body .modal-right-content .sms-textarea { border-top: solid 1px #ccc; }
.modal-body .modal-right-content .b_phone { float: left; margin-left: 10px; margin-top: 0; }
.modal-body .modal-right-content .sms_privacv { height: 27px; }
.modal-backdrop { position: fixed; height: 100%; }

.page-header { text-align: left; }
.page-body { padding: 0; text-align: left; }
.page-body h5 { text-align: left; font-weight: bold; font-size: 16px; }
.page-body .table { border-left: none; border-right: none; }
.page-body .table th { text-align: center; background-color: #f5f5f5; vertical-align: middle; border-left: none; border-right: none; }
.page-body .table td { text-align: left; border-left: none; border-right: none; }
.page-body .font-size-16 { font-size: 16px; }
.page-body .color_blue { color: #0090ff; }
.page-body .charge { font-size: 22px; font-weight: bold; }
.page-body .center_tel { color: #0090ff; }
.page-body .charge_tel { color: #ed1414; }
.page-body .room-charge-sms { display: inline-block; width: 100%; }
.page-body .page-left { float: left; width: 49%; margin-bottom: 10px; }
.page-body .page-left-title { background: url("../img/room_charge_title_bg.png"); border: solid 1px #ccc; }
.page-body .page-left-content { border: solid 1px #ccc; border-top: none; line-height: 105px; font-size: 20px; font-weight: bold; text-align: center; }
.page-body .page-left-content a { text-decoration: none; }
.page-body .page-right { float: right; width: 49%; margin-bottom: 10px; }
.page-body .page-right-title { margin-bottom: 10px; background: url("../img/room_sms_title_bg.png"); border: solid 1px #ccc; }
.page-body .page-right-content .b_txt { width: 238px; float: left; }
.page-body .page-right-content .sms-textarea { border-top: solid 1px #ccc; }
.page-body .page-right-content .b_phone { float: left; margin-left: 10px; margin-top: 0; }
.page-body .page-right-content .sms_privacv { height: 27px; }
.page-footer { display: block; border-top: solid 1px #ddd;  padding: 30px 0 50px; margin-top: 20px; text-align: right; }
.write-footer { display: block; border-top: solid 1px #ddd;  padding: 30px 0 50px; margin-top: 20px; }

/** print room **/
.print-html { float: left; width: 100%; padding: 0; background-color: #fff; text-align: center; }
.print-body { width: 835px; margin: 0 auto; padding: 10px 0; text-align: left; }
.print-body th { background-color: #f5f5f5; text-align: center; padding: 0; }
.printbottom { padding: 20px 0 50px 0; }

/**
 * 992 이하 */
@media (max-width:992px) {
  .modal-body .modal-left { float: left; width: 100%; margin-bottom: 10px; }
  .modal-body .modal-right { float: right; width: 100%; margin-bottom: 10px; }
  .page-body .page-left { float: left; width: 100%; margin-bottom: 10px; }
  .page-body .page-right { float: right; width: 100%; margin-bottom: 10px; }
}

/**
  * sms **/
.roomsms .phone_number { display: inline-block; width: auto; vertical-align: top; }
.roomsms .phone_number .form-control { display: inline-block; width: auto; vertical-align: top; }
.roomsms .b_btn { display: inline-block; width: auto; vertical-align: top; }
.phone_title { display: inline-block; width: 100%; padding: 10px 0 5px 0; color: #fff; }
.sumline { color: #fff; }

/**
  * popup **/
.dv_popup { position: relative; }
.dv_popup .popupview { position: absolute; background-color: #fff; }
.dv_popup .new_popup { margin: 0; }
.dv_popup .new_popup td { padding: 0; font-size: 0; }
.dv_popup .new_chck { background-color: #121212; display: inline-block; padding: 0 10px; height: 40px; width: 100%; vertical-align: top; text-align: right; }
.dv_popup .new_chck .left { display: inline-block; color: #fff; margin-right: 10px; }
.dv_popup .new_chck .left input { vertical-align: top; }
.dv_popup .new_chck .right { display: inline-block; line-height: 40px; }

/**
  * footer **/
#footer { padding-bottom: 50px; }
#footer .footer-link { height:58px; }
#footer .footer-link .flow_banner_box { position:relative; width:100%; margin:0 auto; background:#fff; height:58px; overflow: hidden; }
#footer .footer-link .flow_banner_box .flow_bann_area{ }
#footer .footer-link .flow_banner_box .flow_bann_area ul{*zoom:1;}
#footer .footer-link .flow_banner_box .flow_bann_area ul:after{content:""; display:block; clear:both;}
#footer .footer-link .flow_banner_box .flow_bann_area ul li{float:left; padding-right:8px;}
#footer .footer-link .flow_banner_box .flow_bann_area ul li:last-child { padding-right:0; }
#footer .footer-link .flow_banner_box .flow_bann_area ul li a{}

/**
  * top **/
.page-scroll { position: fixed; right: 5px; bottom: 5px; width: 40px; height: 40px; line-height: 40px; font-size: 14px; font-weight: bold; border-radius: 3px; background-color: #121212; border: solid 1px #000; text-decoration: none; color: #fff; opacity: .4;}

/**
  * map **/
#mapview { width: 100%; margin: 0; padding: 0; border: none; height: 400px; overflow: hidden; }