@font-face {
   font-family: 'Pretendard';
   font-weight: 900;
   src: url('https://resource.aptstory.com/fonts/pretendard/woff2/Pretendard-Black.subset.woff2') format('woff2');
}

@font-face {
   font-family: 'Pretendard';
   font-weight: 800;
   src: url('https://resource.aptstory.com/fonts/pretendard/woff2/Pretendard-ExtraBold.subset.woff2') format('woff2');
}

@font-face {
   font-family: 'Pretendard';
   font-weight: 700;
   src: url('https://resource.aptstory.com/fonts/pretendard/woff2/Pretendard-Bold.subset.woff2') format('woff2');
}

@font-face {
   font-family: 'Pretendard';
   font-weight: 600;
   src: url('https://resource.aptstory.com/fonts/pretendard/woff2/Pretendard-SemiBold.subset.woff2') format('woff2');
}

@font-face {
   font-family: 'Pretendard';
   font-weight: 500;
   src: url('https://resource.aptstory.com/fonts/pretendard/woff2/Pretendard-Medium.subset.woff2') format('woff2');
}

@font-face {
   font-family: 'Pretendard';
   font-weight: 400;
   src: url('https://resource.aptstory.com/fonts/pretendard/woff2/Pretendard-Regular.subset.woff2') format('woff2');
}

@font-face {
   font-family: 'Pretendard';
   font-weight: 300;
   src: url('https://resource.aptstory.com/fonts/pretendard/woff2/Pretendard-Light.subset.woff2') format('woff2');
}

@font-face {
   font-family: 'Pretendard';
   font-weight: 200;
   src: url('https://resource.aptstory.com/fonts/pretendard/woff2/Pretendard-ExtraLight.subset.woff2') format('woff2');
}

@font-face {
   font-family: 'Pretendard';
   font-weight: 100;
   src: url('https://resource.aptstory.com/fonts/pretendard/woff2/Pretendard-Thin.subset.woff2') format('woff2');
}


body {font-family:Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}

/*����.�е�.����.����.��Ʈ.*/
.line-height-5 {
    line-height: 5px
}
.line-height-10 {
    line-height: 10px
}
.line-height-14 {
    line-height: 14px
}
.line-height-15 {
    line-height: 15px
}
.line-height-18 {
    line-height: 18px
}
.line-height-20 {
    line-height: 20px
}
.line-h-20 {
    line-height: 25px
}
.line-height-25 {
    line-height: 25px
}
.line-height-40 {
    line-height: 40px
}

.size-25 {
    font-size: 25px
}
.siz-15px {
    font-size: 15px
}
.size-13 {
    font-size: 13px
}
.size-11 {
    font-size: 11px
}

/*���������*/
.login-bg-color {
    background-color: #132029;
    margin-top: -30px
}
.login-top-logo {
    color: #fff;
    background-color: none;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 2px
}
.login-logo-img {
    height: 64px;
    width: 174px;
}
.Login-title {
    position: relative;
    color: #fff;
    line-height: 45px
}
.Login-ID-input {
    position: relative;
    background-color: #fff;
    line-height: 45px
}

.Login-PW-input {
    position: relative;
    background-color: #fff;
    line-height: 45px
}
.Login-btn {
    width: 100%;
    text-align: center;
    background-color: #1880ea;
    font-size: 18px;
    padding: 10px 0;
}
.PC-btn {
    width: 100%;
    text-align: center;
    background-color: #929292;
    font-size: 18px;
    padding: 10px 0;
}

.app-down-btn{
margin-left:3px;
margin-right:-3px;
padding: 15px 0px 15px 0;
background-color:#2b495e;
color:#fff
}
.app-down-txt{
margin-top:8px;
margin-left:10px;
font-size:18px;
}
.new-icon
{background:url('/common/MOBILE_N2/images/icon_new.gif')no-repeat;padding-right:28px}
/* YOUR CUSTOM STYLES */
.side-nav .sidenav-bg {
    width: 240px !important;
}

.fixed-top {border-bottom:1px solid #f7f7f7;}

.fixed-sn main, .hidden-sn main {
    padding-top: 3.6rem !important;
}


.frame_card {
    margin:0px auto !important;
}

.table td, .table th {
    padding: 8px 0;
    border-top:0;
    border-bottom:1px solid #ededed;
}
.table.noBorder td, .table.noBorder th {
    border-bottom:0px;
}

/*left-menu*/
.atp-name {
    cursor: pointer;
    vertical-align: middle;
}
.top-menu-line {
    padding-left: 35px;
    border-bottom: 1px solid rgba(153,153,153,.298039);
}
.icon-pdding {
    float: left;
    margin-top: 2px;
    padding-right: 3px
}
/* .mn-border-TB {
    border-top: 1px solid #696969;
} */
.mn-border-bottm {
    border-bottom: 1px solid #eaeaea
}

.font-color-333 {
    color: #333
}


.lnb-Quick-mn1 {
    float: left;
    width: 45%
}

.lnb-Quick-mn2 {
    float: left;
    width: 55%
}

/*��� �����̵� �޴�*/
.quick-mn-s {
    line-height: 20px;
    padding-top: 13px
}

/*dashboard_�Խ���*/
.bd-bg-f {
    background-color: #ffffff
}

.ellipsis {
    width: 255px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.btn-paging {
    background: #fff;
    border: 1px solid #0d435b
}
.padding-5 {
    padding: 5px 6px 3px 6px
}

.pagination {margin-bottom:60px;}
.pagination .page-link {padding:10px 15px; font-size:14px;}

.pagination .page-link .page_on {color:#333;}

.page-color {
    color: #aaa
}

.board-btn {
    padding: 2px 10px 2px 10px;
    border-radius: 2px
}
.board-list-title {
    color: #656565;
    font-weight: 100
}

.board-left-icon {
    float: left;
    margin-top: -13px
}

.i-color-a {
    color: #656565
}




/* 부동산정보 상단 타이틆 */
.home_bottom {
    border-bottom: 1px solid #ededed;
    padding-bottom:15px;
}

.home_url {
    margin:5px 0px 10px;
    font-size: 13px;
    color: #888;
}

.home_img {
    border-radius: 100%;
    height: 26px;
    width: 26px;
    float: left;
    background-color: #ddd;
    overflow:hidden;
}

.home_infoname {
    font-size: 13px;
    float:left;
    margin-left:5px;
}

.home_info {
    font-size:12px;
    border-radius: 13px;
    height: 18px;
    width: 55px;
    margin-left: 5px;
    margin-top: 3px;
    text-align: center;
    background-color: #fee5e5;
    color: red;
    float: left;
    line-height: 20px;

}


.home_border {
    border: 1px solid #f5f5f5;
    margin-top: 40px;
}

.home_right {
    float:right;

}


.home_call {
    font-size: 13px;
    float:left;
}

.home_call::after {
    display:inline-block;
    content:'/';
    margin:0 10px;
}

.home_home {
    font-size:13px;
}


/* 부동산정보 시세 탭 */
.tabs {}
.tabs .tabs_wrap {width:100%; overflow-x: scroll; border-bottom: 1px solid #ddd;}
.tabs .tabs_scroll {-ms-overflow-style: none; width: max-content;}
::-webkit-scrollbar {display: none;}
.tabs .tabs_scroll li {float: left;}
.tabs .tabs_scroll li:last-child a {margin-right:40px;}
.tabs .tabs_scroll a {display: block; height: 50px; line-height: 50px; padding:0 20px; font-size: 14px; text-align: center; color: #333;}
.tabs .tab_active a {border-bottom: 2px solid #368bdd; color: #368bdd; cursor: default;}
.tabs .i_img_conter {position: absolute; top:12px; right: 0; width: 60px; padding-right: 14px; background-image: linear-gradient(to left, #fff 50%, rgba(255,255,255,1) 10%, rgba(255,255,255,0.1)); text-align: right; }
.tabs .tabs_stage {position: relative; clear: both; padding: 10px 0 0; }


/*�Խ���_����Ʈ*/
.board-wrap-padding {
    padding: 0 10px
}

.board-b-line {
    border-bottom: 1px solid #dddddd
}

.board-t-line {
    border-top: 1px solid #b5b5b5;
}


.board-left {
/*    width: 40px;
    height: 40px; */
}


.board-right {
    width: 40px;
    height: 40px;
}

.board-left2 {
    width: 30px;
    height: 75px;
    border-top: 1px solid #b5b5b5;
}

.list-icon-s {
    padding: 0;
    margin: 0 0 0 6px
}



.border-b-title {
    margin-top:10px;
    border-bottom: 1px solid #909090;
}

.t-c{color:#000000}
.padding-lr-13{padding-left:13px;padding-right:13px
}

.text-gray-light{ color:#999999; }

/*�Խ���_����Ʈ ����¡*/
.paging-icon-style {
    /* border-radius: 2px;
    border: 1px solid #293a48 */
}


/*�Խ��� �ۼ�*/


.border-b-g {
    border-top: 1px solid #909090
}

.board-h-32 {
    height: 32px
}
.textarea-s {
    padding: 9px;
    /* min-height: 180px; */
    border: 0;
    outline-style: none
}

/*�Խ��� ����*/
.padding-tb {
    padding-top: 5px;
    padding-bottom: 5px
}

.board-h-35 {
    height: 35px
}

.board-wrap-padding2 {
    padding: 5px 10px 3px 10px
}
.mb-10-v1 {
    margin-bottom: 10px;
	padding:10px 25px 0 25px;
}

.inputTextarea {
    padding: 10px 20px 20px;
    /* min-height: 180px; */
    border: 0;
    outline-style: none
}
/*���*/
.container-fluid-v1 {
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.container-fluid-v1 > h6{
	padding:0 25px;
}

.comment-iframe {
    width: 500px;
    height: 100px;
    display: none;
}

.comment-name {
    float: left;
    height: 30px;
}

.comment-name2 {
    float: left;
    padding-top: 0px;
    padding-bottom: 5px
}

.comment-i {
    cursor: pointer;
    border: 1px solid #2196F3;
    background-color: #fff;
    padding: 3px 7px 3px 7px;
    border-radius: 2px;
}

.comment-name-input {
    margin-left: 10px;
    line-height: 30px
}

.border-b-e {
    border-bottom: 1px solid #eeeeee
}

.border-t-e {
    border-top: 1px solid #eeeeee
}

.comment-textarea {
    border: 0px solid #FF7575;
    border-top: 0px solid #ECECEC;
    padding: 0.25rem 0;
    height: 75px;
}

.float-right {
    float: right
}
.margin-auto {
    margin: 0 auto
}


.comment-id {
    font-size: 14px;
    color: #464a4c
}


/*�����ǿ���*/
.reading-btn {
    padding: 5px 10px 5px 10px;
    border-radius: 2px
}

.Reading-btn2 {
    padding: 3px 3px 3px 3px;
    border-radius: 2px
}

.Reading-title {
    margin-top: 12px;
    margin-left: 13px
}

.Reading-title2 {
    margin-top: 12px;
    padding-top:5px
}

.icon-color {
    color: #16b2d3;
    font-size: 11px
}

.Reading-box-wrap {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid #dddddd;
    padding-bottom: 15px
}

.box-name-a {
    width: 70px;
    font-size: 12px
}

.name-input-wrap {
    width: 100%;
    padding-top: 12px;
}

.Reading-select {
    width: 100%;
    padding-top: 12px
}
.width-100-p {
    width: 100%
}
.width-120 {
    width: 120px
}

.width-10 {
    width: 10px
}

.width-5 {
    width: 5px
}

.schedule-wrap {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid #dddddd
}

.schedule-td-title {
    width: 70px;
    font-size: 12px
}

.schedule-date {
    width: 100%;
    padding-top: 13px
}

.schedule-table-wrap {
    width: 100%;
    text-align: center;
    vertical-align: middle;
    font-size: 11px;
}

.schedule-table-sun {
    width: 14.2%;
    height: 30px;
    border: 1px solid #808080;
    background-color: #b9d6e9;
    color: #dd461d
}

.schedule-table-sun2 {
    width: 14.2%;
    height: 30px;
    border: 1px solid #808080;
    background-color: #b9d6e9;
    color: #333
}


.schedule-table-mon {
    width: 14.2%;
    height: 40px;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080
}

.schedule-table-ba {
    width: 14.2%;
    height: 40px;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080
}

.schedule-table-bb {
    width: 14.2%;
    height: 40px;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080
}
.color-i1 {
    color: #0291ce
}

.color-i2 {
    color: #56be4b
}

.color-i3 {
    color: #e44438
}

/*��Ʈ�Ͻ�����*/
.fitness-btn {
    font-size: 10px;
    padding: 2px 2px;
    border-radius: 2px
}

.Reading-img {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd
}

.Reading-Wrap-s {
    padding: 13px;
    border-top: 1px solid #dddddd;
    font-size: 12px
}

.R-btn {
    width: 80px;
    float: right
}

.Reading-Wrap-s1 {
    padding: 13px;
    border-top: 1px solid #dddddd;
    font-size: 12px;
    line-height: 18px
}

.fitness-btn3 {
    background-color: #16b2d3;
    border-radius: 2px;
    outline: 0;
    color: #fff
}

.time-box {
    width: 100%;
    padding-top: 12px
}

/*����Ȯ��*/
.Reading-box-wrap2 {
    width: 100%;
    border: 1px solid #dddddd
}

.table-wrap-th {
    text-align: center;
    background-color: #c3ecfc;
    height: 35px
}

.table-wrap-td {
    text-align: center;
    height: 32px;
    border-bottom: 1px solid #d7d7d7
}

.table-fitness-td {
    text-align: center;
    height: 42px;
    border-bottom: 1px solid #d7d7d7
}

.table-fitness-td2 {
    text-align: left;
    padding-left: 5px;
    font-size: 1.1em
}

.table-fitness-td3 {
    text-align: left;
    border-bottom: 1px solid #d7d7d7;
    padding-left: 5px
}

/*���ڰ���*/
.draft-M-wrap {
    height: 89px;
    float: right;
    border: 1px solid #bebebe;
    font-size: 9pt;
    margin: 3px 0
}
.draft-M-title {
    width: 23px;
    height: 88px;
    float: left;
    text-align: center;
}
.el-table-wrap {
    padding-top: 15px;
    font-size: 13px;
    margin-bottom: 20px;
}
.draft-m-t {
    width: 100%;
    height: 87px;
    background: #ebeff3;
    font-weight: bold;
    text-align: center;
    padding-top: 9px;
    padding-bottom:9px
}
.draft-box-line1 {
    width: 38px;
    height: 88px;
    float: left;
    text-align: center
}
.draft-sbox-a {
    width: 100%;
    border-left: 1px solid #bebebe
}
.draft-sbox-L1 {
    border-bottom: 1px solid #bebebe;
    font-size: 9px;
    line-height: 11px;
    vertical-align: middle
}
.draft-sbox-L2 {
    border-bottom: 1px solid #bebebe;
    font-size: 11px;
    line-height: 14px
}
.draft-sbox-L3 {
    font-size: 9px;
    line-height: 11px
}




.el-table-th {
    background-color: #ebeff3;
    text-align: center;
    vertical-align: middle;
    line-height: 45px;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #bebebe;
}

.el-td-signn {
    height: 30px;
    width: 12.5%;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #bebebe;
    background-color: #ebeff3;
}

.el-td-sign1 {
    height: 40px;
    width: 12.5%;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #bebebe;
    background-color: #ebeff3;
}


.td-sign-box {
    width: 12.5%;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #bebebe
}

.td-sign-box1 {
    width: 12.5%;
    text-align: right;
    vertical-align: middle;
    border: 1px solid #bebebe
}
.sign-box-line1 {
    float: left;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    font-size: 11px;
    border-bottom: 1px solid #bebebe;
}
.sign-box-line2 {
    float: left;
    width: 100%;
    text-align: center;
    vertical-align: middle
}
.sign-box-line3 {
    float: left;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    font-size: 9px;
    line-height: 15px;
    border-top: 1px solid #bebebe
}
.el-td-sign2 {
    width: 12.5%;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
    border-bottom: 1px solid #bebebe;
}
.el-td-sign3 {
    width: 12.5%;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
}
.el-td-sign4 {
    width: 12.5%;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
    border-top: 1px solid #bebebe;
    border-bottom: 1px solid #bebebe;
}
.el-td-sign5 {
    width: 12.5%;
    text-align: left;
    vertical-align: middle;
    border-left: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
    border-top: 1px solid #bebebe;
    border-bottom: 1px solid #bebebe;
    padding-left: 10px;
}
.el-td-sign6 {
    height: 40px;
    border-top: 1px solid #bebebe;
    width: 12.5%;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
    border-bottom: 1px solid #bebebe;
    background-color: #ebeff3;
}
.el-td-sign7 {
    padding:10px;
    border-left: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
    border-top: 1px solid #bebebe;
    border-bottom: 1px solid #bebebe;
    line-height:17px;
}
.el-td-sign8 {
    width: 30%;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #bebebe;
    background-color: #ebeff3;
}
.el-td-sign-9 {
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
    border-top: 1px solid #bebebe;
    border-bottom: 1px solid #bebebe;
}
.el-td-sign10 {
    border-top: 1px solid #bebebe;
    height:40px;
    width: 90px;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
    border-bottom: 1px solid #bebebe;
    background-color: #ebeff3;
    background-color: #eeeeee;
}
.el-td-sign11 {
    width: 60px;
    text-align: center;
    vertical-align: middle;
    padding:5px 0;
}
.el-td-sign12 {
    padding:5px 0;
   line-height:25px;
    text-align:left;
}

.el-td-sign13 {
    display: inline-block;
    width:300px;
    text-overflow: ellipsis;
    white-space: pre-line;
    overflow: hidden
}

.size-9 {
    font-size: 9px
}

.point-color-a {
    color: #f52609
}

.point-color-b {
    font-weight: bold
}

.text-center-d {
    vertical-align: middle;
    text-align: center
}

/*������ǥ*/
.VoteList-Wrap {
    padding: 0 13px 0 13px;
    font-size: 14px
}

.vote-list-Wrap {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 8px;
    padding-top: 9px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 0px;
}

.vote-point-c {
    color: #2196F3
}

.width-50 {
    width: 50px
}

.padding-12 {
    padding: 12px
}

.margin-8 {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px
}

.margin-l-10 {
    margin-left: 10px
}

.vote-input-wrap {
    width: 100%;
}


.vote-input-title {
    float: left;
    margin-left: 13px;
    width: 90px;
}

.btn-Vote-a {
    border: 2px solid #f52609;
    color: #ffffff;
    background-color: #f52609;
    padding: 5px 5px;
}

.btn-Vote-b {
    border: 2px solid #51d202;
    color: #333333;
    background-color: #51d202;
    padding: 5px 5px;
}
/*����Ʈ ����*/
.apt-table-l-tda {
    width: 90px;
    padding-left: 13px;
}

.w-70 {
    width: 70px
}


/*��������*/
.bg-color-1 {
    background-color: #d7d7d7
}

.width-100 {
    width: 100px
}
/*��������*/
.width-90 {
    width: 90px
}

.apt-td-sign5 {
    text-align: left;
    vertical-align: middle;
    border-left: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
    border-top: 1px solid #bebebe;
    border-bottom: 1px solid #bebebe;
    padding-left: 10px;
}

.apt-td-sign6 {
    height: 40px;
    border-top: 1px solid #bebebe;
    width: 100px;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
    border-bottom: 1px solid #bebebe;
    background-color: #ebeff3;
}

.z-depth-2 {
    border: 1px solid #bebebe
}

.point-color-c {
    color: #51d202
}

.point-color-d {
    color: #006be0
}

.phone-btn {
    padding: 5px;
    background-color: #006be0;
    color: #fff;
    font-size: 11px;
    border-radius: 2px
}

.border-btn2 {
    border-radius: 2px;
    border: 2px solid #293a48;
    background-color: #293a48;
}
/*�̺�Ʈ*/
.event-btn-a {
    float: right;
    width: 60px;
    line-height: 28px;
    background-color: #f8a734;
    border-radius: 2px;
    text-align: center;
    font-weight: bold;
    color: #fff
}
.event-btn-b {
    float: right;
    width: 60px;
    line-height: 28px;
    background-color: #989898;
    border-radius: 2px;
    text-align: center;
    font-weight: bold;
    color: #fff;
}

.event-btn-as {
    float: right;
    width: 60px;
    line-height: 22px;
    background-color: #f8a734;
    border-radius: 2px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size:12px
}

.event-btn-bs {
    float: right;
    width: 60px;
    line-height: 22px;
    background-color: #989898;
    border-radius: 2px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 12px
}
/*������*/
.sPoAlist-box-line {
    margin: 0 auto;
    width: 230px;
    border: 1px solid #ddd
}
.sPoAlist-icon-wrap {
    margin: 0 auto;
    padding-top: 25px;
}
.sPoAlist-icon-bg {
    text-align: center;
    border: 1px solid #dddddd;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    text-align: center;
    background-color: #dddddd;
    margin: 0 auto;
}
.sPoAlist-icon {
    float: left;
    margin-top: 28px;
    margin-left: 25px
}
.sPoAlist-text {
    margin-top: 15px;
    font-size: 18px
}
.PoAlist-pc-go {
    padding: 10px 30px 10px 30px;
    border-radius: 4px;
    background-color: #1880ea
}
.mPoa_view{
    width:100%;
    padding:0 15px;
    font-size:15px;
}
.mPoa_view tbody tr td,
.mPoa_view tbody tr th{border-bottom:1px solid #ececec; border-top:none;}

.poa_sub{background-color:#daefff;}
.poa_sub_title{height:20px; line-height:20px; padding-left:13px; padding-right:13px; font-size:12px; font-weight:bold; text-align:left; background-color:#dddddd;}


/*�����������*/
.bill-td-title {
    width: 50%;
    padding-left:13px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #bebebe;
    background-color: #ebeff3;
    line-height:40px;
    font-size:13px
}

.bill-td-ex {
    text-align: right;
    padding-right: 13px;
    vertical-align: middle;
    border-left: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
    border-top: 1px solid #bebebe;
    border-bottom: 1px solid #bebebe;
    font-size: 13px
}
.point-color-e{
    color:#f52609;
    font-weight:bold;
}
.bill-td-bank {
    padding-left: 13px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #bebebe;
    background-color: #e7f9ff;
    line-height: 40px;
    font-weight:bold;
}

.bill-bank-name1 {
    width: 50%;
    padding-left: 13px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #bebebe;
    font-size: 13px;
    line-height: 40px;
}

.bill-bank-name2 {
    padding-left: 13px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #bebebe;
    font-size: 13px;
    line-height: 40px;
}
.point-color-f {
    color:#fff
}
.apt-bill-date {
    padding-right: 13px;
    text-align: right;
    margin-top: 10px;
    font-weight: bold
}


/*����Ʈ���丮 ��*/
.m-wrap {
    padding-top: 50px;
    background-color: #194389
}

.w-15-p {
    width: 15%;
}

.w-20-p {
    width: 20%;
}

.w-35-p {
    width: 35%;
}
.w-55-ps {
    width: 55%;
}

.m-t-20 {
    margin-top: 20px
}

.title-text {
    color: #fff;
    font-size: 13px;
    margin-top: 10px
}
.title-text2 {
    color: #fff;
    font-size: 20px;
    margin-top: 15px
}
.m-t-60 {
    margin-top: 60px
}
.m-t-100 {
    margin-top: 100px
}


.w-55-p {
    width: 55%;
    margin: 0 auto
}

.w-70-p {
    width: 70%;
    margin: 0 auto
}

.quick-btn {
    border: 1px solid #627dab;
    border-radius: 14px;
    padding: 4px;
    color: #fff;
    font-size: 11px;
    margin-bottom: 6px
}

.nav-bg {
    background-color: #123061
}

.m-auot {
    margin: 0 auto
}

.icon-c {
    color: #fff
}

.icon-c2 {
    color: #627dab
}

.car-wrap {
    width: 245px;
    padding-top: 80px
}

.icon-car {
    float: left;
    margin-right: 10px;
    margin-top: 5px
}

.w-30-p {
    width: 30px
}

.car-input-box {
    float: left;
    width: 70%
}

.car-search {
    position: relative;
    width: 70%;
    padding-right: 35px;
    padding-left: 10px;
    border: 1px solid #627dab;
    border-radius: 18px
}

.icon-search {
    position: relative;
    margin-left: -35px
}

.icon-plus {
    float: right;
    margin-right: 10px;
    margin-top: 6px
}


/* text  */
.size-10 {font-size: 9px}
.size-11 {font-size: 11px}
.size-12 {font-size: 12px}
.size-16 {font-size: 16px}

.t-center{text-align:center;}



/* margin */

.m-t-5 {margin-top: 5px}
.margin-top-5 {margin-top: 5px}
.margin-top-5{margin-top:8px}
.margin-top-8 {margin-top: 8px}
.margin-t-10 {margin-top: 10px}
.margin-top-15 {margin-top: 15px}
.margin-t-25{margin-top:25px}
.m-t-25 {margin-top: 25px}
.m-t-90 {margin-top: 90px}

.m-r-45 {margin-right: 45px}

.m-b-1 {margin-bottom: 1px}
.margin-b-2 {margin-bottom: 2px}
.margin-b-5 {margin-bottom: 10px;}
.mb-10 {margin-bottom: 10px}
.m-b-50 {margin-bottom: 50px}


.margin-left-15{margin-left: 15px}
.margin-l-25 {margin-left: 25px}
.margin-left-25 {margin-left: 25px}




/* padding */

.padding-t-3 {padding-top: 3px}
.padding-t-5 {padding-top: 5px;}
.p-t-5 {padding-top: 5px }
.p-t-9 {padding-top: 9px !important}
.padding-t-10 {padding-top: 10px}
.padding-t-15 {padding-top: 15px}
.p-t-20 {padding-top: 20px}
.p-t-30 {padding-top: 30px}

.icon-pdding-r {padding-right: 10px}
.p-r-13 {padding-right: 13px}
.padding-right-25 {padding-right: 25px}

.p-b-5 {padding-bottom: 5px !important}
.padding-b-5 {padding-bottom: 5px}
.padding-b-10 { padding-bottom: 10px}
.padding-b-20 {padding-bottom: 20px}

.padding-left-10 { padding-left: 10px}
.p-l-13 {padding-left: 13px}
.padding-left-15 { padding-left: 15px}
.padding-left-25 { padding-left: 25px}


.apt-s-btn {margin-left: 78%; width: 100%}
.btn-1{font-size:20px; color:#ffffff; margin:3px; white-space:normal !important;}

/* 글작성 */
.btn-2{display:inline-block; padding:5px 25px; font-size:22px; color:#ffffff; white-space:normal; border-radius:3px; !important;}


/* 버튼 */
.btn_search {display:block;  width:45px; height:45px; background:none; margin-top:-10px; line-height:41px; border:1px solid #ededed; border-radius:50%; text-align:center;}

.btn_floating {z-index:888; position:fixed; right:13px; bottom:30px;}
.btn_floating .btn_write {height:45px; background:#368bdd; padding:0 17px 0 15px; border-radius:45px; line-height: 45px; font-weight:600; font-size:14px; box-shadow:0 3px 6px rgba(0, 0, 0, 0.2);}
.btn_floating .btn_write img {padding-right:3px;}

.btn01 {width:100%; height:48px; background:none; margin:0 0 20px; border:1px solid #ededed; border-radius:5px; font-weight:600; font-size:15px; color:#aaa !important; box-sizing:border-box;}


/* 파일첨부 (찾아보기) 버튼 */
.btn-file{margin:0; padding:5px 10px; line-height:30px !important; color:#ffffff;  }


/* 주변상가 퀵메뉴 버튼 */
.market-ad{position:absolute; right:0; display:inline-block; z-index:40; width:93px; height:42px; background-color:#ffffff; line-height:40px; text-align:center; color:#3a3c47; font-size:11px; border-left: 2px solid #ececec; border-bottom:3px solid #cccccc; box-sizing:border-box; }

/* new 글쓰기 */
.page_menu_name{height:30px; width:100%; font-size:15px; font-weight:bold; color:#333333; line-height:30px; text-align:center;}
.top_cancel_btn{}
.top_save_btn{}
.topSetMenu{}
.write_top_btn{display:block; height:30px; width:100%; border:1px solid #cccccc; border-radius:5px; box-sizing:border-box; font-size:15px; color:#555555; line-height:30px; text-align:center; cursor:pointer;}

/* new 고지서 */
.mBill_title_td{width:50%; border-top:none; border-left:none; border-right:none; border-bottom:1px solid #999999; padding:5px 0 5px 15px; font-weight:bold; font-size:15px; }
.mBill_price_td{width:50%; border-top:none; border-left:none; border-right:none; border-bottom:1px solid #999999; padding:5px 15px 5px 0; font-weight:bold; font-size:15px; text-align:right;}
.mBill_title_td_L{width:50%; border-top:none; border-left:none; border-right:none; border-bottom:1px solid #999999; padding:5px 0 5px 15px; font-size:15px; }
.mBill_price_td_L{width:50%; border-top:none; border-left:none; border-right:none; border-bottom:1px solid #999999; padding:5px 15px 5px 0; font-size:15px; text-align:right;}
.mBill_use_title{width:25%; border:1px solid #999999; padding:5px 0 5px 0; font-size:13px; text-align:center;}
.mBill_use{width:25%; border:1px solid #999999; border-left:none; padding:5px 0 5px 0; font-size:13px; text-align:center;}
.mBill_use_data{width:25%; border:1px solid #999999; border-left:none; padding:5px 20px 5px 0; font-size:13px; text-align:right;}

/* 게시판버튼 */
.w90_btn{display:inline-block; width:200px; padding:5px; font-size:20px; text-align:center;}
.w150_btn{display:inline-block; width:150px; padding:5px; font-size:20px; text-align:center;}
.btn_w50{display:inline-block; width:50%; padding:5px; font-size:20px; text-align:center;}
.btn_join{margin:0; padding:5px 10px; font-size:17px !important; color:#ffffff;}


/* 게시판 */
.card-img-top { width:100%; height:118px !important; border-radius:5px; margin-bottom:10px;}
.card_info { margin:0px 5px 0px 0px; float:left; font-size:12px; color:#888;}
.card_info_img { margin:5px 0px 0px 0px; width:13px; height:11px; }


/* .card-title {margin-bottom:2px; text-overflow: ellipsis; overflow: hidden; max-height: 2.3em; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size:16px; color:#333; font-weight:500; padding-top:15px} */
.card-body {color:#e5e5e5}

/* .card_date {margin-top:7px; line-height:20px; font-weight:500; font-size:13px; color:#aaa;}
.card_date span {display:inline-block; margin-right:5px;}
.card_date span img,
.card_date span i{display:inline-block; margin-right:2px;} */


.board .img-fluid {height:40px; border:1px solid #ededed; border-radius:3px;}
.board .table td, .board .table th {padding:20px 0;}
.table {margin-bottom:0;}
.label_dongHo {}

.board .re {display:table-cell; margin-right:10px;}

.board_li {display:table;}
.board_li a {display:table-cell;}
.board_title {text-overflow: ellipsis; overflow: hidden; max-height: 1.5em; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-weight:500; font-size:16px;}
.board_date {margin-top:4px; line-height:20px; font-weight:500; font-size:13px; color:#aaa;}
.board_date span {display:inline-block; margin-right:5px;}
.board_date span img,
.board_date span i{display:inline-block; margin-right:2px;}
.board_label {float:left; min-width:63px; background-color:#ffeced; border-radius: 5px;color:#f24147;font-size:12px;padding:0px 5px;margin-right:5px; line-height:20px; text-align:center;}
.board_label_02 { float:left; min-width:63px; background-color:#fcf1dd; border-radius: 5px;color:#dca02b;font-size:12px;padding:0px 5px;margin-right:5px; line-height:20px; text-align:center;}

.gallery_text {margin-left:10px;}
/* .gallery_title {text-overflow: ellipsis; overflow: hidden; max-height: 1.5em; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-weight:500; font-size:16px;}
.gallery_date {margin-top:7px; line-height:20px; font-weight:500; font-size:13px; color:#aaa;}
.gallery_date span {margin-right:5px;}
.gallery_date span img,
.gallery_date span i{margin-right:2px;} */


/* 게시판 보기 */
.board_view_top {position:relative; margin-top:30px; padding-bottom:15px; margin-bottom:10px; border-bottom:1px solid #ededed;}
.board_view_top label,
.board_view_top > input {position:absolute; bottom:0; right:0; cursor: pointer;  -webkit-transition: background-color 0.1s, color 0.1s; padding: 5px 5px 10px 30px;}
.board_view_top input {display: none;}
.board_view_top input:checked + .more_box {z-index:999; position:absolute; right:0; opacity:1 ;}
.board_view_top .more_box {position:absolute; right:0; -webkit-transition: opacity .3s ease; opacity: 0; overflow: hidden; background:#fff; box-shadow: 0 3px 6px rgb(0 0 0 / 20%); padding:10px 15px; border-radius:5px;}
.board_view_top .more_box a {display:block; padding:5px 15px;}

#viewBoardImgBox img {width:100% !important;}

.board_file {display:block; margin-bottom:5px;}
.board_file a {display:inline-block; background:#f2f2f2; padding:3px 8px; border-radius:5px; font-size:13px; color:#888; word-break:break-all;}
.board_file img {padding-right:5px;}

/* 게시판 댓글 */
.comment-i-w {border-top:1px solid #ededed; margin:20px 0 70px;}

.comment_top {position:relative; margin-bottom:15px;}
.comment_top .comment_tit {margin-top:15px; font-weight:500; font-size:14px;}
.comment_top .comment_lv {position:absolute; right:0; top:0; font-size:13px; color:#aaa;}

.comment_img {border-radius:3px; border:1px solid #ededed; overflow:hidden;}

/* .comment-text-button:focus, .comment-text-button:hover { background-color:#f7f7f9;}
.m-comment_1 {padding:20px 0; border-bottom:1px solid #ededed;}
.m-comment-writer_1 > img { float:left; margin-top:-5px; }
.m-comment_2 {padding:5px 0 5px 10px; }
.m-comment-date_2 { width:100%; margin-top:5px; color:#aaaaaa; text-align: right; } */

.comment_date {width:100%; margin-top:8px;}
.comment_date span {font-size:13px; color:#888;}
.comment_date .comment_btn {float:right;}
.comment_date .comment_btn span {padding-left:5px; color:#368bdd;}

.comment_writer {font-weight:600; font-size:15px;}

.list-group > div {padding-bottom:15px; margin-bottom:20px; border-bottom:1px solid #ededed;}
.list-group > div:last-child {border-bottom:0;}
.list-group .cpList {background:url('/common/MOBILE_N2/images/icons/i_comment_no.svg') center 45px no-repeat; padding:90px 0 70px; text-align:center; font-weight:500; font-size:17px; color:#aaa;}

.m-btn-box1{padding-right:10px;padding-left:10px;}

.m_comment_content_1 {word-break: break-all; font-size:14px;}
.m_comment_content_2 {word-break: break-all; padding-left:20px; font-size:14px;}

.m_comment_img { width:100px; margin-top:5px; padding:0 15px 0 0; }

.comment_wrap {z-index:99; position:fixed; bottom:0; width:100%; background:#fff; box-shadow: 0px -14px 20px 0px #fff; padding-bottom: 20px;}
.comment_write {position:relative; display:inline-block; width:calc(100% - 48px); background:#f7f7f7; vertical-align:bottom; border-radius:30px;}
.comment_write .inputTextarea {height:45px; min-height: 45px; max-height: 40vh; resize:none; overflow-y:auto; vertical-align:top;}
.comment_write .file-field {}
.comment_write .file-field input[readonly=readonly] {border:0;}
.comment_write .file-field input[type=file] {padding:5px;/* width:inherit; right:0; left:inherit; */}
.comment_write .file-field input.file-path {height:auto; padding: 0 20px 10px 0; margin-bottom:45px; box-sizing: border-box; text-overflow: ellipsis;}
.comment_write .file-field .file-path-wrapper {overflow:auto; height:auto; padding:0 20px;}
.comment_write .file-field .comment_file {position:absolute; right:20px; bottom:10px;}
.comment_write_btn {display:inline-block; width:44px; vertical-align:bottom; text-align:right;}
.comment_write_btn button {background:none; margin:0; padding:0;}
.comment_write_btn img {padding:12px;}
.comment_write_btn.disabled img {
    opacity:0.7;
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.comment_write #delFileUploadBox,
.comment_write #delFileUploadBoxEdit,
.comment_write #delFileUploadBoxAns {position:absolute; right:20px; bottom:53px;}

/* .comment_modal.modal {top:unset;} */
.comment_modal .modal-dialog.bottom { position: absolute; bottom: 0; width:100%;}
.comment_modal .modal-dialog {margin:0;}
.comment_modal .modal-content {border:0;}
.comment_modal .modal-content .close {top:15px; padding:0 10px; font-weight:400;}
.comment_modal .custom-control-label {padding-left:25px; font-size:13px; color:#aaa; }
.comment_modal .custom-control-label:before {width:14px; height:14px; margin-top:5px; border:1px solid #aaa;}
.comment_modal .cpInfo {width: calc(100% - 48px); margin-bottom:12px;  text-overflow: ellipsis; overflow: hidden; word-break:break-all; max-height: 1.5em; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.margin-top-5 { margin-top:5px; }
.margin-top-10 { margin-top:10px; }

.btn-1 { font-size:20px; color:#ffffff; margin:3px; white-space:normal !important; }
.btn-style-1 { float:right; cursor:pointer; background-color:#33b5e5; padding:10px 22px;font-weight:bold;font-size:16px}

.Mcomment_new {display:inline-block;  height:15px; width:15px; line-height:20px; text-align:center; border-radius:2px; background-color:#ff7e00; font-size:8px; color:#ffffff; margin:-10px 0 0 5px;padding-top:3px }

#divFileBox {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 400px;
    height: 80px;
    margin: -40px 0 0 -200px;
    z-index: 99999;
}

/* box */
.select_box > input{border:1px solid #999999 !important; box-sizing:border-box;}
.select_box > span{right:10px !important; top:0px !important; font-size:13px !important; line-height:40px;}

.number_box > input{border:1px solid #999999 !important; box-sizing:border-box; display:inline-block; width:26% !important; float:left; margin-top:0px !important;}
.number_box > span{display:inline-block; width:26%; left:0% !important; top:0px !important; font-size:13px !important; line-height:40px; text-align:right; padding-right:10px; box-sizing:border-box; margin-top:0px;}
.number_box2 > input{border:1px solid #999999 !important; box-sizing:border-box; display:inline-block; width:26% !important; float:left; margin-top:20px !important; margin-bottom:0px !important;}
.number_box2 > span{display:inline-block; width:26%; left:0% !important; top:0px !important; font-size:13px !important; line-height:40px; text-align:right; padding-right:10px; box-sizing:border-box; margin-top:20px;}

.mail_select input{border:1px solid #999999 !important; box-sizing:border-box; display:inline-block; width:30% !important; float:right; margin-top:20px !important; margin-bottom:0px !important;}
.mail_select > span{display:inline-block; width:30%; right:0% !important; top:0px !important; font-size:13px !important; line-height:40px; text-align:right; padding-right:10px; box-sizing:border-box; margin-top:20px;}

.input_box{width:100%; padding:2px; margin-bottom:10px; border:1px solid #999999 !important; box-sizing:border-box !important; height:40px !important; }
.join_input tr .td1{padding-top:20px;}
.join_input tr td input{width:100%; padding:2px; margin-top:20px; border:1px solid #999999 !important; box-sizing:border-box !important; height:40px !important;}

.join_insert .input_title{font-weight:bold; margin:0; padding-top:20px;}
.join_insert tr td input{width:100%; padding:2px; border:1px solid #999999 !important; box-sizing:border-box !important; height:40px !important;}
.join_insert .btn_insert{margin:0; width:85px; height:40px; line-height:38px; font-size:15px !important; color:#ffffff; text-align:center; cursor:pointer; border-radius: 2px;}

.join_insert .select_birth > div{width:32% !important; display:inline-block; float:left; margin-right:2%;}
.join_insert .select_birth > div:last-child{width:32% !important; margin:0;}
.join_insert .select_birth input{border:1px solid #999999 !important; box-sizing:border-box; margin:0; color:#999999;}
.join_insert .select_birth span{right:10px !important; top:0px !important; font-size:13px !important; line-height:40px;}


.join_insert .input_address{width:50%; float:left;}
.join_insert .input_address > input{width:80%; margin-top:5px !important;}
.join_insert .radio_choice{width:30%; float:left;}
.join_insert .select_Phone > div{width:30% !important; display:inline-block; float:left;}
.join_insert .select_Phone > div > input{margin:0;}
.join_insert .select_Phone > input{width:30% !important; display:inline-block; float:left; border:1px solid #999999 !important; box-sizing:border-box; margin:0;}
.join_insert .select_Phone > span{line-height:40px; display:inline-block; width:5%; text-align:center;float:left;}
.join_insert .select_Phone > div > span{right:10px !important; top:0px !important; font-size:13px !important; line-height:40px;}

/* 입주예약 */
.inreservation{width:90%; margin:0 auto; border:1px solid #555555; margin-top:20px;}
.inreservation td{padding-top:10px; padding-bottom:10px;}
.inreservation tr:first-child td{padding-top:20px;}
.inreservation tr:last-child td{padding-bottom:20px;}
.inreservation .inreservation_left{padding-left:15px; }
.inreservation .inreservation_right{padding-right:15px; }
.inreservation .select_box > input{border:1px solid #dddddd !important; box-sizing:border-box; margin:0px !important; text-align:right; padding-right:30px;}
.inreservation .select_box > span{right:10px !important; top:0px !important; font-size:15px !important; line-height:40px;}

.inreservation_dalender{width:90%; margin:0 auto; border:1px solid #555555; margin-top:20px;}
.inreservation_dalender tr:first-child td{padding-top:10px;}
.inreservation_dalender td{text-align:center;}

/*** 정보수정 ***/
.tit_item{float:left;line-height: 3.0; color:#777777; }
.desc_item{ margin: 0px 0px 0px 86px; line-height: 3.0; color:#000000; }
.btn_area{cursor: pointer}
.group{clear: both}
dl { margin:0px; }

.section {margin-top:40px; margin-bottom:0;}
.container-fluid h3 {margin-bottom:0; font-size: 24px; font-weight:900; letter-spacing:-0.03em;} /* 대 제목 */
.container-fluid h4 {margin-bottom:0; font-size: 18px; font-weight:600; letter-spacing:-0.05em; line-height:28px;} /* 중 제목 */
.container-fluid h5 {margin-bottom:0; font-size: 16px; font-weight:500; letter-spacing:-0.05em;} /* 소 제목 */
.container-fluid small, .container-fluid .small { font-size:13px; }
.content{clear: both; margin-top:0px; height:50px; border-bottom:1px solid #ededed;}
.group h4 { margin-top:40px; padding-bottom: 10px; border-bottom:2px solid #000; font-size:1.2rem; font-weight:bolder; color:#000000; } /* 소 제목 */


.contact{float: left; width:80%;}
.btn_right{float: right}

/* 버튼 초기화? */
.btn-success:active, .btn-success:focus, .btn-success:hover { background-color: #489CFF !important; }
.btn-success { font-size:inherit; background: #489CFF !important; }

/* 큰 버튼 저장하기 */
.big_btn { width:100%; height:60px; margin:0px auto; font-weight:600;}

/* 인증버튼 */
.confirm_btn { width:100%; height:60px; margin:0px auto; }

/* 이메일 변경 */
#divChangeEmail { height:auto; background-color:#f8f9fb; padding: 5px 15px 15px;}
#email { padding:20px; border-radius: 6px 6px; border:1px solid #dddddd; background:#fff !important; box-sizing: border-box;}
.emailadd { height:60px; float:left; }
.emailadd:nth-child(1) { width:30%; padding:24px 10px 0 0; }
.emailadd:nth-child(1) > label { font-size:1rem; }
.emailadd:nth-child(2) { width:70%; margin-top:16px; }

/* 연락처 */
#divChangeTelNo { height:auto; background-color:#f8f9fb; padding: 5px 15px 15px; }
#dTelNo { width:200px; }
.dTelNo { height:60px; float:left; }
.dTelNo:nth-child(1) { width:25%; padding:24px 10px 0 0; }
.dTelNo:nth-child(1) > label { font-size:1rem; }
.dTelNo:nth-child(2) { width:75%; margin-top:16px; }
#telNo { padding:20px; border-radius: 6px 6px; border:1px solid #dddddd; background:#fff !important; box-sizing: border-box; }

/* 휴대폰 */
#divChangePhoneNo { height:auto; background-color:#f8f9fb; padding: 5px 15px 15px; }
#dPhoneNo { width:200px; }
.dPhoneNo { height:60px; float:left; }
.dPhoneNo:nth-child(1) { width:25%; padding:24px 10px 0 0;}
.dPhoneNo:nth-child(1) > label { font-size:1rem; }
.dPhoneNo:nth-child(2) { width:75%; margin-top:16px; }
.dPhone_btn { text-align:center; }
.Ldiv { height:60px; float:left; }
.Ldiv:nth-child(1) { width:48%; padding:16px 0px 0px 10px; }
.Ldiv:nth-child(2) { width:52%; padding:10px 0px 0px 0px; }
#divChangePassword > div:nth-child(1) > .Ldiv:nth-child(1) { width:48%; padding:16px 0px 0px 10px; }
#divChangePassword > div:nth-child(1) > .Ldiv:nth-child(2) { width:52%; padding:10px 0px 0px 0px; }

#phoneNo { padding:20px; border-radius: 6px 6px; border:1px solid #dddddd; background:#fff !important; box-sizing: border-box; }
#verifyAuthNo { margin:0px auto; color:#489CFF !important; border-radius: 6px 6px; border:1px solid #489CFF; background-color:#ffffff; }
#authNo {height:60px; margin:10px auto; text-align:center; border-radius: 6px 6px; background-color:#eceff4; box-sizing: border-box;}

/* 비밀번호 */
#divChangePassword { height:auto; background-color:#f8f9fb; text-align:left; padding: 5px 15px 15px;}
#nowPassword { padding:20px; border-radius: 6px 6px; border:1px solid #dddddd; background:#fff !important; box-sizing: border-box; }
#newPassword { padding:20px; border-radius: 6px 6px; border:1px solid #dddddd; background:#fff !important; box-sizing: border-box; }
#newPasswordComfirm { padding:20px; border-radius: 6px 6px; border:1px solid #dddddd; background:#fff !important; box-sizing: border-box; }

/* 상단 프로필 */
.profile {position:relative; margin-top:30px; padding-bottom:30px; border-bottom:1px solid #ededed;}
.profile .profile_logo {width: 70px; height: 70px; background: #132029; border-radius: 50%; box-sizing: border-box; padding-top: 22px;}
.profile .profile_txt {position:absolute; top:12px; left:90px;}
.profile .profile_txt .profile_name {font-size:1.3rem; font-weight:900;}
.profile .profile_txt .profile_info {font-size:0.9rem; color:#aaa;}
/*** END : 정보수정 ***/


/* 왼쪽메뉴 */
#float_____Nav {
    position: absolute;
    width: 75px;
    height: 40px;
    left: 15px;
    top: 0px;
    /* * / border: 1px solid #FF7575; /* */
    /* * / background-color: #606060; /* */
    color: #252525;
    z-index: 100;
}

.nav_top {background:#f7f7f7; padding:35px 25px 25px;}
.nav_top .user_info {display:inline-block; margin-left:6px;}
.nav_top .user_info td { padding:0px; vertical-align:top;}
.nav_top .user_info .my {margin-left:10px; padding:0 8px; border:1px solid #ddd; border-radius:30px; font-size:14px; color:#aaa;}
/* #apt_logo { width:80px; height:80px; margin-right:20px; background-image:url('<?//=$_SET_SIDE_NAV_LOGO_IMAGE?>'); background-position:center; border-radius: 50%; } */
.nav_top #apt_logo {float:right; display:inline-block; width:60px; height:60px; background-color:#00004b;  background-position:center; border-radius: 50%; background-repeat:no-repeat; background-size:contain; margin-top:5px;}
.nav_top .apt_name {margin-top:5px; font-weight:500; font-size:21px;}
.nav_top .apt_name b {font-weight:900; color:#368bdd;}
.nav_top .apt_abc {font-weight:500; font-size:13px; color:#aaa;}

.nav_top .nav_quick {margin-top:15px;}
.nav_top .nav_quick li {display:inline-block; width:25%; float:left; text-align:center;}
.nav_top .nav_quick p {font-weight:500; font-size:13px; color:#aaa;}


.side-nav .fa {color:#333 !important;}
.side-nav .collapsible {margin-top:20px;}
.side-nav .collapsible > li {padding:0 25px;}
.side-nav .collapsible > li > a {font-weight:500 !important; font-size:16px;}
.side-nav .collapsible li a.active,
.side-nav .collapsible li a:hover {color:#333 !important;}
.side-nav .collapsible-body a {font-weight:400; font-size:15px; color:#888 !important;}
.side-nav .collapsible-body a i {display:none;}
.side-nav .collapsible-body > ul {padding:10px 20px 10px; margin-bottom:5px; border-bottom:1px solid #ededed;}
.side-nav .collapsible-body > ul > li a {line-height:32px;}

.side-nav .nav_parking {}
.side-nav .nav_parking li {padding:0 25px;}
.side-nav .nav_parking li a {background:url('/common/MOBILE_N2/images/icons/i_car.svg') 10px 10px no-repeat; background-size:22px; padding-left: 39px; font-weight:500; font-size:16px; color:#368BDC; line-height:45px;}
.side-nav .nav_parking a i {float:right; padding-top: 12px; padding-right: 16px; float: right; color:#FFE400;}

.side-nav .nav_bn {margin-top:15px; padding:0 25px;}
.side-nav .nav_bn_img {width:100%; background:#aaa; border-radius:5px;}
.side-nav .nav_bn_img img {max-width:100%;}

.side-nav .nav_footer {display:table; width:100%; background-color:#f2f2f2; padding:5px 25px; margin-top:20px;}
.side-nav .nav_footer .nav_apt h5 {display:table-cell; font-weight:500; font-size:14px; color:#aaa !important;}
.side-nav .nav_footer a {display:table-cell; text-align:right;}
.side-nav .nav_footer a > span {font-size:12px; color:#aaa;}


.side-nav .nav_bottom {width:100%; background-color:#f2f2f2;}
.side-nav .nav_bottom #white-text > .white-text { margin:5px 0px 5px 15px; font-weight:bold; font-size:13px; color:#aaa !important; text-align:left; }
.side-nav .nav_bottom .nav_more {width:50px; height:40px;}
.side-nav .nav_bottom .nav_more .nav_more_btn {width:30px; height:20px; border-radius: 10px; background-color:#dddddd; text-align:center; line-height: 7px;}
.side-nav .nav_bottom .nav_more .nav_more_btn #menu_more {color:#aaaaaa; font-size:25px; text-align:center;}

.side-nav #right_link { display:none; height:200px; margin:-195px 0px 0px 0px; padding:15px 20px; position:absolute; z-index:10; right:16px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px 0px; background-color:#fff; }
.side-nav #right_link .menu_s { margin:5px 0 10px; font-size:14px; font-weight:bold;}

/*** END : 왼쪽메뉴 ***/



/* 툴바 */
.nav .nav-item {position:relative;}
.nav .nav-item > span {position:absolute; top:36px; left:50%; background:#f24147; padding:2px 5px; margin-left: -18px; border-radius:10px; font-size:11px; font-weight:400; line-height:1.2;}

.blinking{
    -webkit-animation:blink 1.0s ease-in-out infinite alternate;
    -moz-animation:blink 1.0s ease-in-out infinite alternate;
    animation:blink 1.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}


/* 공통 */
.m_t_16  {margin-top:16px}
.m_b_16 {margin-bottom:16px}
.p_t_30 {padding-top:25px}
.point {color:#368bdc;}

.t_r {position:absolute; top:-4px; right:0;}
.t_r i {font-size:18px;}


/* 서브 타이틀 */
.title {position:relative; }
.title h3 {}
.title h4 {margin-bottom:15px;}
.title .title_r {position:absolute; top:0; right:0;}
.title .title_r i {font-size:18px;}
.title.line {border-bottom:2px solid #333;}

.b_line {border-bottom:1px solid #ededed;}


/* 페이지 안내 문구 */
.i {margin:12px 0;}
.i p {padding-left:20px; background:url('/images/img_common/i_info.png') no-repeat 0 2px; background-size:14px; font-size:13px; color:#888; line-height:20px;}



/* 대시보드 */
.m_R_bn img {max-width:100%;}

.m_notice {height:43px; background-image: linear-gradient(to right, #368bde, #24a6f2 );}
.m_notice_area { margin:0 12px; padding:10px 0 0; background:url('/images/img_common/bg_notice.png') no-repeat 0 0; background-size:10%;}
.m_notice_area .disp {font-size:14px;}

.shortcut {width:100%;padding-bottom:25px;border-bottom:1px solid #ededed}
.utilitybill { width:100%; padding:11px 15px; margin-bottom:10px; background-color:#f7f7f7; border-radius: 5px; font-size:14px;color:#5c5c5c}
.utilitybill .util_i {height:16px}
.utilitybill .color_bl {font-weight:bold;color:#333333}
.utilitybill .color_bul {font-weight:bold;color:#358cdc}
.col-3 { padding:0px; }
.shortcut_i { padding-top:14px; text-align:center; }
.shortcut_i .circle { width:50px; height:50px; margin:0px auto; padding:12px 0; background-color:#f8f9fb; border-radius: 50%; }
.shortcut_i .circle img { width:28px; margin:0 auto; }
.shortcut_i .icon { display:block;}
.shortcut_i .icon_name { margin-top:5px; text-align:center; font-size:13px; line-height: 18px; color:#888;}

/* .voting {padding-top:30px;} */
/* .voting .voting_date {line-height:16px;color:#888888;font-size:12px}
.voting .voting_dday {line-height:16px;color:#888888;font-size:12px} */
/* .voting .voting_i_txt {font-weight:bold; font-size:15px; line-height:22px; padding-bottom:5px;} */
.voting .voting_i_txt_no {font-weight:400; font-size:13px; line-height:22px; padding-bottom:5px; color:#aaa;}

.apt_event {}

.apt_event .apt_event_bn {width:100%}
.apt_event .event_bn_d1 {padding-top:4px;padding-bottom:3px}
.apt_event .event_bn_d1 img {width:330px}
.apt_event .event_bn_d2 {padding-top:4px;padding-bottom:3px}
.apt_event .event_bn_d2 img {width:330px}


/* 아파트 대시보드 광고 */
#M_AD {position:fixed; z-index:10; left:0; bottom:0px; background:#fff; width:100%; display:none; padding: 0 15px; box-shadow: 0px -14px 20px 0px #fff;}
#M_AD .bx-viewport {background:none; /* width:332px; */ padding-bottom: 115px;}
#M_AD li {width:100% !important; border-radius:5px; overflow:hidden; }
#M_AD .bx-wrapper .bx-pager,
#M_AD .bx-wrapper .bx-controls-auto {padding-bottom:40px;}
#M_AD .bx-wrapper .bx-pager.bx-default-pager a {background:#aaa; width:6px; height:6px;}
#M_AD .bx-wrapper .bx-pager.bx-default-pager a.active {background:#333;}


/* 정보마당 메인 */
.cm_list {margin-top:25px;}
.cm_list .cm_list_img {display: block; overflow: hidden; height:118px; position: relative; text-align:center; margin:10px 0 20px; border:1px solid #d7d7d7; border-radius:5px;}
.cm_list .cm_list_img img {position: absolute; display: block; width: 100%; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0);}
.cm_list .cm_date {font-size:13px; color:#888;}
.cm_list .cm_txt {padding-top:10px; line-height:18px;}
.cm_list .cm_txt a {font-size:14px; color:#888;}

.title_travel {position:relative;}

.apt_sise {position:relative;}
.apt_sise caption {caption-side:top; padding-bottom:5px; text-align:right; font-size:12px; color:#888;}
.apt_sise tbody {border-top:2px solid #ededed; border-bottom:2px solid #ededed;}
.apt_sise table {width:100%; color:#777777; font-size:11px; text-align:center; border-top:1px solid #ddd;}
.apt_sise table th {background:#f7f7f7; text-align:center; font-weight:500;}
.apt_sise table th,
.apt_sise table td {padding:5px; border-bottom:1px solid #ededed; border-right:1px solid #ededed; font-size:13px;}
.apt_sise table th:last-child,
.apt_sise table td:last-child {border-right:0;}
.apt_sise .apt_sise_li {}
.apt_sise .apt_sise_li a {margin-top:15px; text-overflow: ellipsis; overflow: hidden; max-height: 1.5em; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size:15px; font-weight:bold; line-height:22px;}

.apt_sise .apt_sise_li .m3_info { margin-right:5px; color:#888; font-size: 12px; float:left; }
.apt_sise .apt_sise_li #m3_info_img1 { width:12px; }
.apt_sise .apt_sise_li #m3_info_img2 { width:13px; }


.market-list{display:block; background-color:#ffffff; margin-top:1px; padding:10px 0;}
.market-list:hover{display:block; background-color:#eee; margin-top:1px; padding:10px 0;}
.surroundMarket_category{display:inline-block; width:21%; margin:0 1.5%;}

.apt_market {}
.apt_market #sw { width:100%; margin:0px 0px 20px; padding:10px 10px; background-color:#eeeeee; }
.apt_market .sw_item { width:80px; float:left; }
.apt_market #sw_nav { position:absolute; z-index:1px; right:10px; }
.apt_market #sw_nav img { width:20px; }

.apt_market .col-md-12 { padding:0px; }
.apt_market .carousel-multi-item { margin-bottom:0px; }

.apt_market .m4 {width:100%; margin:20px 0; text-align:left;}
.apt_market .m4 td:nth-child(1) {width:100px;}
.apt_market .m4 td:nth-child(2) {padding-left:13px;}
.apt_market .m4_img {width:100px; height:100px; margin-bottom:10px; border:1px solid #eaeaea; border-radius:5px; overflow:hidden;}
.apt_market .m4_s1 {text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height:18px; font-size:15px; font-weight:bold;}
.apt_market .m4_s2 { font-weight:bold; font-size:15px; color:#368bdd;}
.apt_market .m4_info { margin:10px 5px 0px 0px; float:left; font-size:12px; color:#aaaaaa;}
.apt_market #m4_info_img1 { height:11px; }
.apt_market #m4_info_img2 { height:12px; }


/* 주변상가 */
.surroundingInfo #menu { width:100%; margin-bottom:20px; text-align:center; background-color: transparent; }
.surroundingInfo #nav_menu { width:40px; }
.surroundingInfo .active { color:#368AFF; }

.surroundingInfo #sw { width:100%; margin:0px 0px 20px; padding:10px 10px; background-color:#eeeeee; }
.surroundingInfo .sw_item { width:80px; float:left; }
.surroundingInfo #sw_nav { position:absolute; z-index:1px; right:10px; }
.surroundingInfo #sw_nav img { width:20px; }

.surroundingInfo #tog_bt { position:absolute; top:34px; right:0; padding-right:10px; text-align:right; font-size:14px; color:#aaaaaa; }
/* .surroundingInfo #tog_bt img { width:10px; } */
.surroundingInfo  #to_on { display:none; }
.surroundingInfo .col-3 { padding:0px; }

.surroundingInfo .td1 { width:70%; }
.surroundingInfo .td2 { width:30%; }

.surroundingInfo .m1 { padding:10px; background-color:#eeeeee; border-radius: 10px; }
.surroundingInfo .m2 { padding-top:14px; }
.surroundingInfo .m3 { width:100%; margin:20px 0; text-align:left;}
.surroundingInfo .m3 td:nth-child(1) {width:100px;}
.surroundingInfo .m3 td:nth-child(2) {padding-left:13px;}

.surroundingInfo .circle { width:50px; height:50px; line-height:50px; margin:0px auto; padding:12px 0; background-color:#f8f9fb; border-radius: 50%; }
.surroundingInfo .circle img { width:24px; margin:0px auto;}
.surroundingInfo .icon { display:block; }
.surroundingInfo .icon_name {margin-top:5px; text-align:center; font-size:13px; line-height:18px;}

.surroundingInfo .m3_img { width:100px; height:100px; border:1px solid #eaeaea; border-radius:5px; overflow:hidden;}
.surroundingInfo .m3_s1 {}
.surroundingInfo .m3_s2 { margin-top:5px; font-size:13px; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; max-height: 3em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:18px; color:#888;}
.surroundingInfo .m3_info { margin:10px 5px 0px 0px; float:left;}
.surroundingInfo .m3_info a { font-size:12px; color:#aaaaaa;}
.surroundingInfo .m3_info_img { height:13px; }

.surroundingInfo .m_text { font-weight:400; font-size:13px; line-height:22px; padding-bottom:5px; color:#aaa; }

/* 주요기능 팝업 */
.pop_service {}
.pop_service .hidden {display:none; visibility:hidden;}
.pop_service .button {cursor:pointer; padding:5px 10px 0;}
.pop_service .box_modal {position:fixed; display:block; z-index:999999; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
}
.pop_service .box_modal .modal_area {position:relative; background:#fff; width:90%; height:85vh; top:5%; left:50%; margin-left:-45%; overflow-x:hidden;}
.pop_service .closer {position:absolute; width:50px; height:50px; top:0; right:0; background:#333;text-align:center; line-height:45px; font-size:1.1rem; font-weight:100; color:#fff; cursor:pointer;}
.pop_service .text { display:inline-block; padding:30px 20px;}
.pop_service input#modal[type=checkbox]:checked ~ .box_modal {-webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1);}



/* 대시보드 실거래 섹션을 위해 부트스트랩 style 임의로 가져옴 */

.bg-gray-100 { background:#f7f7f7; }

.text-gray-600 { color:#888; }

.font-weight-bold { font-weight: 700 !important; }

.font-weight-bolder { font-weight: 900 !important; }

.rounded {
  border-radius: 0.3rem !important; }

.p-0 {
  padding: 0 !important; }

.pt-0,
.py-0 {
  padding-top: 0 !important; }

.pr-0,
.px-0 {
  padding-right: 0 !important; }

.pb-0,
.py-0 {
  padding-bottom: 0 !important; }

.pl-0,
.px-0 {
  padding-left: 0 !important; }

.p-1 {
  padding: 0.25rem !important; }

.pt-1,
.py-1 {
  padding-top: 0.25rem !important; }

.pr-1,
.px-1 {
  padding-right: 0.25rem !important; }

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important; }

.pl-1,
.px-1 {
  padding-left: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.pt-2,
.py-2 {
  padding-top: 0.5rem !important; }

.pr-2,
.px-2 {
  padding-right: 0.5rem !important; }

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important; }

.pl-2,
.px-2 {
  padding-left: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.pt-3,
.py-3 {
  padding-top: 1rem !important; }

.pr-3,
.px-3 {
  padding-right: 1rem !important; }

.pb-3,
.py-3 {
  padding-bottom: 1rem !important; }

.pl-3,
.px-3 {
  padding-left: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.pt-4,
.py-4 {
  padding-top: 1.5rem !important; }

.pr-4,
.px-4 {
  padding-right: 1.5rem !important; }

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important; }

.pl-4,
.px-4 {
  padding-left: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.pt-5,
.py-5 {
  padding-top: 3rem !important; }

.pr-5,
.px-5 {
  padding-right: 3rem !important; }

.pb-5,
.py-5 {
  padding-bottom: 3rem !important; }

.pl-5,
.px-5 {
  padding-left: 3rem !important; }