@charset "UTF-8";

@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

textarea {margin-bottom:-1px}

html,body,textarea,input,select {font-family: 'Nanum Barun Gothic';}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a {color:inherit; text-decoration:none;}
img {vertical-align:middle;}


body {font-size:14px;}

/* 집사 - 임대인 모바일 페이지 CSS */

/* 기타 속성 */
.center {text-align:center;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mr5 {margin-right: 5px;}
.ml5 {margin-leftt: 5px;}
.ml5 {margin-left:5px;}
.mb10 {margin-bottom:10px;}
.pd20 {padding:20px 15px;}
.pd20_end {padding:20px 15px 70px 15px;}
.ims_w80 {width:80px;}
.ims_w15 {width:15px;}
.t_red {color:#de5e6b;}
.t_gray {color:#8f97a0}

/* 버튼 스타일 */
/********버튼이 5가지일 경우*********/
.btnBlock5_wrap li{float:left; display:block; width:20%; text-align:center; margin-top:10px;}
.btnBlock5 {display: inline-block; width:90%; text-align:center; line-height: 1.42857143; vertical-align: middle; cursor: pointer; border: 1px solid transparent; padding: 7px 0px 5px 0
; white-space: nowrap; border-radius:3px;}
.btnBlock {display: inline-block; width:100%; text-align:center; line-height: 1.42857143; vertical-align: middle; cursor: pointer; border: 1px solid transparent; padding: 6px; white-space: nowrap; border-radius:3px;}
.btn_wrap_2 ul{width: 100%;}
.btn_wrap_2 li{float: left; width: 49%;}
.btn_wrap_2 li.right {float: right}
.btn_wrap_2 li > .btnBlock {padding:8px 0 7px 0; overflow:hidden; line-height:18px; font-size:15px;}

/***일반 버튼***/
.btnS {display: inline-block; font-size:12px; line-height: 1.42857143; vertical-align: middle; cursor: pointer; border: 1px solid transparent; padding: 1px 4px; white-space: nowrap; border-radius:2px;}
.btnM {display: inline-block; font-size:13px; line-height: 1.42857143; vertical-align: middle; cursor: pointer; border: 1px solid transparent; padding: 3px 8px; white-space: nowrap; border-radius:2px;}
.btnD {display: inline-block; line-height: 1.42857143; vertical-align: middle; cursor: pointer; border: 1px solid transparent; padding: 6px 12px; white-space: nowrap; border-radius:3px;}
.btnB {display: inline-block; line-height: 1.42857143; vertical-align: middle; cursor: pointer; border: 1px solid transparent; padding: 10px 25px; white-space: nowrap; border-radius:3px; font-size:19px}
.btn_default {background:#fff; border:1px solid #c1c5ca; color:#8f97a1;}
.btn_default:hover {background:#ebeced;}
.btn_green {background:#43b3b5; color:#fff; border:1px solid #38a7a9;}
.btn_green:hover {background:#38a7a9; color:#fff;}
.btn_green_2 {background:#fff; color:#6a6a6a; border:1px solid #c1c5ca;}
.btn_green_2:hover,.btn_green_2.on {background:#43b3b5; color:#fff; border:1px solid #38a7a9;}
.btn_blue {background:#509ccd; color:#fff; border:1px solid #4485ae;}
.btn_blue:hover {background:#4485ae; color:#fff;}
.btn_blue_2 {background:#fff; color:#6a6a6a; border:1px solid #c1c5ca;}
.btn_blue_2:hover,.btn_blue_2.on {background:#509ccd; color:#fff; border:1px solid #4485ae;}
.btn_purple {background:#fff; color:#6a6a6a; border:1px solid #c1c5ca;}
.btn_purple:hover,.btn_purple.on {background:#827dcf; color:#fff; border:1px solid #6f6ab0;}
.btn_navy {background:#445162; color:#fff; border:1px solid #313d4c;}
.btn_navy:hover,.btn_navy.on {background:#313d4c; color:#fff; border:1px solid #313d4c;}
.btn_green img,
.btn_blue img{width:25px; vertical-align: middle; margin-right:5px;}
.help_wrap > .call > .btn_call {display: inline-block; line-height: 1.42857143; font-size: 13px; vertical-align: middle; cursor: pointer; border: 1px solid transparent; padding: 3px 10px; white-space: nowrap; border-radius:3px; background:#509ccd; color:#fff; border:1px solid #4485ae;}
.help_wrap > .call > .btn_call:hover {background:#4485ae; color:#fff; border:1px solid #4485ae;}
.help_wrap > .call > .btn_call .img_w {width:13px; margin-right:5px;}

/* 집사 Help메뉴 */
.help_wrap {width:100%;}
.help_wrap > .call {background:#445162; font-size:16px; text-align:center; padding:10px; color:#fff; letter-spacing:-1px;}
.help_wrap > .call a{color:#fff;}
.help_wrap > .call img {width:55px; margin:-3px 3px 0 0;}
.help_wrap > .call span {font-weight:bold; padding:0 5px 0 0;}
.help_wrap > .menu_3step a{width:33.333333%; height:45px; display:block; float:left; background:#e8e8e8; color:#8f97a1; font-size:15px; text-align:center; padding:15px 0 0 0; border-right:1px solid #c1c5ca; border-bottom:1px solid #c1c5ca;}
.help_wrap > .menu_3step > .on a{width:33.333333%; display:block; float:left; background:#fff; color:#445162; border-bottom:0px;}
.help_wrap > .email {float:left; width:100%; background:#fff; padding:10px 20px 80px 20px;}
.help_wrap > .email > .title01 {float:left; width:30%; color:#c1c5ca; padding:27px 0 0 0;}
.help_wrap > .email > .content01 {float:right; width:70%; color:#445162; font-size:16px; padding:10px; margin-top:15px;}
.help_wrap > .email > input.ip01{float:right; width:70%; color:#445162; border:0px; font-size:16px; padding:10px; margin-top:15px; word-break:break-all; font-weight:normal;}
.help_wrap > .email > .title02 {float:left; width:100%; color:#c1c5ca; padding:27px 0 0 0;}
.help_wrap > .email > input.ip02{float:right; width:100%; color:#445162; border:0px; font-size:16px; padding:10px 10px 5px 10px; margin-top:5px; word-break:break-all; font-weight:normal;}
.help_wrap > .email > textarea.ip03{float:right; width:100%; color:#445162; border:0px; font-size:16px; padding:10px 10px 5px 10px; margin-top:5px; word-break:break-all; font-weight:normal;}
.help_wrap > .email > select.se03 {float:right; width:100%; background:#eff4f7; color:#445162; border:1px solid #b1b8c0; border-radius:2px; font-size:16px; padding:8px; margin:10px 0 3px 0; text-align:center; font-weight:normal;}
.help_wrap > .email > .bline {clear:both; float:left; width:100%; padding-top:5px; border-bottom:1px solid #e8e8e8;}

/* 집사 임대료 전자결제 서비스 */
.payment_wrap_bg {background:#445162;}
.payment_wrap {width:100%; max-width: 600px; min-width:300px; margin: 0 auto; font-size:16px; line-height:20px; padding:20px 10px;}
.payment_wrap > .pbg {text-align:center; padding:15px 10px; color:#fff; letter-spacing:-1px;}
.payment_wrap > .pbg img {width:100px; margin-bottom:10px;}
.payment_wrap > .pbg span {font-size:18px; font-weight:bold; color:#d9dfe6; padding:0 5px 0 0; text-shadow:0px 1px 3px rgba(0,0,0,0.3); letter-spacing:-0.5px;}
.payment_wrap > .p_content {background:#fff; border-radius:3px; overflow:hidden; text-align:center; color:#445162; box-shadow:0px 3px 0px rgba(0,0,0,.3);}
.payment_wrap > .p_content > .title01 {background:#509ccd; padding:10px; color:#fff;}
.payment_wrap > .p_content > .title02 {background:#eef1f3; padding:10px; color:#445162;}
.payment_wrap > .p_content > .title02 > .text_red {color:#de5e6b; font-size:13px;}
.payment_wrap > .p_content > .sub_t01,
.payment_wrap > .p_content > .content > .sub_t01 {padding:10px 10px 0 10px; font-size:14px; color:#445162;}
.payment_wrap > .p_content > .content > .sub_t01 small {font-size:12px; color:#8f97a0;}
.payment_wrap > .p_content > .content > .title01 {padding-top:10px; color:#5a5a5a; font-size:16px;}
.payment_wrap > .p_content > .content > .title01 > .text_red {color:#de5e6b; font-size:13px;}
.payment_wrap > .p_content > .content {width:100%; background:#fff; padding:10px;}
.payment_wrap > .p_content > .content > .tb01 {width:100%; border:1px solid #d5d9de; font-size:14px;}
.payment_wrap > .p_content > .content > .tb01 tr:nth-child(even) {background:#eef1f3;}
.payment_wrap > .p_content > .content > .tb01 th {width:110px; font-weight:bold; font-size:12px;}
.payment_wrap > .p_content > .content > .tb01 th.title01 {background:#768496; color:#fff; border:1px solid #657486; font-weight:normal; text-align:center; font-size:16px;}
.payment_wrap > .p_content > .content > .tb01 th.w2 {width:25%; min-width:65px;font-size:13px;}
.payment_wrap > .p_content > .content > .tb01 th,td {padding:10px; text-align:left; vertical-align:middle;}
.payment_wrap > .p_content > .content > .tb01 td.sum {font-weight:bold; color:#509ccd}
.payment_wrap > .p_content > .content > .tb01 td.sum small{font-size:85%; font-weight:normal;}
.payment_wrap > .p_content > .content > .tb01 td .list01 {margin-top:6px; border:1px solid #de5e6b; color:#de5e6b; border-radius:3px;}
.payment_wrap > .p_content > .content > .tb01 td .list01 li {font-size:13px; padding:5px 10px;}
.payment_wrap > .p_content > .content > .tb01 td .list01 li:nth-child(even) {background:#f5e8e9;}
.payment_wrap > .p_content > .content > .tb02 td .list02 {text-align:center;}
.payment_wrap > .p_content > .content > .tb02 td .list02 li {padding:3px;}
.payment_wrap > .p_content > .content > .tb02 td .list02 li .text_red {color:#de5e6b; font-size:12.5px;}
.payment_wrap > .p_content > .content > .tb01 td .list03 {margin-top:6px; border:1px solid #bfc5cd; color:#8f97a1; border-radius:3px;}
.payment_wrap > .p_content > .content > .tb01 td .list03 li {font-size:13px; padding:5px 10px; border-bottom:1px solid #bfc5cd;}
.payment_wrap > .p_content > .content > .tb01 td .list03 li:last-child {border-bottom:0px;}
.payment_wrap > .p_content > .content > .tb01 img,
.payment_wrap > .p_content > .content > .tb02 img,
.payment_wrap > .p_content > .content > .tb03 img {width:13px; margin-right:3px; margin-top:-2px;}
.payment_wrap > .p_content > .content > .bdb1 {border:0.5px solid #d5d9de; margin:10px 0;}
.payment_wrap > .p_content > .content > .w_btn {padding:5px;}
.payment_wrap > .p_content > .content .text_small {font-size:13px; line-height:17px;}
.payment_wrap > .p_content > .content .text_small span {font-size:12px; color:#999da3;}
.payment_wrap > .p_content > .content li.ol_s {list-style:decimal; list-style-position:outside; text-align:left; margin-left:25px; font-size:13px; padding:5px;}
.payment_wrap > .p_content > .content > .up_down_num {width:200px; margin:0 auto;}
.payment_wrap > .p_content > .content > .up_down_num a.btnD {float:left;}
.payment_wrap > .p_content > .content > .up_down_num label{float:left; margin:0 10px;}
.payment_wrap > .p_content > .content > .up_down_num label > .in_01 {width:75px; float:left; background:#d8eaf6; padding:9px 20px; color:#509ccd; border-radius:3px; text-align:center; border:0px; font-size:16px; font-weight:bold;}
.payment_wrap > .p_content > .content > .up_down_num label > .text {float:left; margin:8px 0 8px 5px; font-size:15px;}
.payment_wrap > .p_content > .content > .sub_text {font-size:13px; color:#8f97a0; margin-top:8px;}

/* 하단에 고정 된 버튼 - 임대인 */
.bottom_btn {position:fixed; display:block; width:100%; background:#509ccd; text-align:center; padding:15px 0 20px 0; bottom:0px; border:0; color:#fff; font-size:20px; letter-spacing:-1px;}
.bottom_btn:hover {background:#4485ae;}