@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* common */
body {padding-bottom: 58px;}/* 푸터fix */
body {font-family: 'Nanum Gothic';font-style: normal;font-weight: 400;color: #414141;}
a:hover, a:active {text-decoration: none;}
nav ul {list-style:none;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.5;
    color: inherit;
}
.text-left{text-align: left;}

.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt50{margin-top: 50px !important;}
.mt100{margin-top: 100px !important;}
.mt130{margin-top: 130px !important;}

.mb0 {margin-bottom: 0 !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb100 {margin-bottom: 100px !important;}
.mb130 {margin-bottom: 130px !important;}

.grid{display:grid}
.flex-box{display:flex}
.columns2{grid-template-columns: repeat(2, 1fr)}
.columns3{grid-template-columns: repeat(3, 1fr)}
.columns4{grid-template-columns: repeat(4, 1fr)}
.columns5{grid-template-columns: repeat(5, 1fr)}
.columns6{grid-template-columns: repeat(6, 1fr)}
.columns7{grid-template-columns: repeat(7, 1fr)}
.columns8{grid-template-columns: repeat(8, 1fr)}
.align-center{align-items: center}

.gap10{gap:10px}
.gap20{gap:20px}
.gap30{gap:30px}

.btn-wrap{width: 50%; margin-bottom: 40px;}
.btn-group-lg>.btn, .btn-lg {padding: 15px; font-size: 20px; font-weight: bold; line-height: 1.3333333; border-radius: 50px;}
.btn-group-lg>.btn, .btn-md{padding: 15px; font-size: 16px; font-weight: bold; line-height: 1.3333333; border-radius: 50px;}

.btn-green{color: #fff;background-color: #0d665f;border-color: #fff;}
.btn-green-line{color: #0d665f; background: #fff; border: 2px solid #0d665f;}
.btn-blue {color: #fff;background-color: #304fa6;border-color: #fff;}
.btn-orange{color: #fff;background-color: #f29513;border-color: #fff;}
.btn-black {color: #fff;background-color: #333;border-color: #333;}
.btn-gray {color: #333;background-color: #f8f8f8;border-color: #ddd;}
.btn-hover:hover, .btn-hover:focus, .btn-hover:active {background-color: #006766; color: #fff; border-color: #006766;}

.bg-green{background-color: #0d665f !important;}
.bg-blue{background-color: #304fa6 !important;}
.bg-orange{background-color: #f29513 !important;}

.font-green{color: #0d665f;}
.font-blue{color: #304fa6;}
.font-orange{color: #f29513;}
.font-gray{color: #999;}

.heart-i{font-size: 80px; margin: 0; padding: 0; color: #0c655f; text-align: center;}
.border-color {border-color: #4063b1;}
.img-responsive{display:inline-block; margin:auto; height:auto;	max-width:100%}

.cate-wrap{background: #10675f; border-radius: 10px; color: #fff; padding: 5px 0; margin: 20px 0 0;}
.cate-wrap .cate-title ul{padding: 0; margin: 0; list-style: none; text-align: center; align-items: center;}

.cate-wrap .flex ul{ display: flex; }
.cate-wrap .flex ul li{flex:1}
.cate-wrap .grid ul{display: grid; grid-template-columns: 0.5fr 1fr 1fr 1fr 0.5fr;}
.cate-wrap .grid2 ul{display: grid; grid-template-columns: 1fr 2fr 1fr 0.5fr;}
.cate-wrap .grid3 ul{display: grid; grid-template-columns: 1fr 2fr 1fr;}

.list-container {margin: 0 auto;}
.list {background-color: #fff; margin: 5px 0;padding: 10px 0;position: relative;overflow: hidden;transition: 0.3s ease;box-shadow: 0 0 5px rgb(0 0 0 / 15%);border-radius: 10px;}
.list.active {background-color: #fff;}

/*
.list.active::before,
.list.active::after {content: '\f075'; font-family: 'Font Awesome 5 Free'; color: #2ecc71; font-size: 7rem; position: absolute; opacity: 0.2; top: 20px; left: 20px; z-index: 0;}
.list.active::before {color: #3498db; top: -10px; left: -30px; transform: rotateY(180deg);}
*/
.list-title {/* margin: 0 35px 0 0; */}
.list-title ul{padding: 0; margin: 0; list-style: none; text-align: center; align-items: center;}
.list-title ul li{font-size:16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list-title ul li p{display: inline-block; margin: 0; border-radius: 50%; width: 40px; height: 40px; line-height: 40px; font-weight: bold; text-align: center; font-size: 14px;}
.list-title ul li a{color:white;}
.list-title ul li.note{display: inline-block; color: #fff; border-radius: 20px; width: 70px; height: 25px; line-height: 25px; font-size: 12px; text-align: center; margin: auto;}

.list-container .flex ul{ display: flex; }
.list-container .flex ul li{flex:1}
.list-container .grid ul{grid-template-columns: 0.5fr 1fr 1fr 1fr 0.5fr; display: grid;}
.list-container .grid2 ul{display: grid; grid-template-columns: 1fr 2fr 1fr 0.5fr;}
.list-container .grid3 ul{display: grid; grid-template-columns: 1fr 2fr 1fr;}

.list-text {display: none; margin: 10px 0 0;}
.list-text .col-xs-12, .list-text .col-xs-6, .list-text .col-xs-4 {padding:0}
.list-text .col-xs-4 > strong, .list-text .col-xs-6 > strong, .list-text .col-xs-12 > strong{display: inline-block; background: #0c655f; color: #fff; border-radius: 20px; width: 75px; height: 25px; line-height: 25px; font-size: 14px; text-align: center;}
.list-text .col-xs-4 > p, .list-text .col-xs-6 > p, .list-text .col-xs-12 > p{display: inline-block;}

.list.active .list-text {display: block;}
.list.active .list-box{border-top: 1px solid #ddd; padding: 10px 10px 0; font-size:14px;}
.list-toggle {background-color: transparent;border: 0;border-radius: 50%;cursor: pointer;display: flex;/* align-items: center; */justify-content: center;font-size: 16px;padding: 0;position: absolute;top: 0;right: 0;height: 100px;width: 100%;}
.list-toggle:focus {outline: 0;}
.list-toggle .fa-times {display: none;}

.list-detail .col-xs-12, .list-detail .col-xs-6 {padding:0}
.list-detail .col-xs-6 > strong, .list-detail .col-xs-12 > strong{display: inline-block; background: #0c655f; color: #fff; border-radius: 20px; width: 70px; height: 25px; line-height: 25px; font-size: 12px; text-align: center;}
.list-detail .col-xs-6 > p, .list-detail .col-xs-12 > p{display: inline-block;}
.list-detail .col-xs-6 > a, .list-detail .col-xs-12 > a{display: inline-block; background: #ea9a10; color: #fff; border-radius: 20px; width: 70px; height: 25px; line-height: 25px; font-size: 12px; text-align: center; margin-left: 5px;}

.graph_wrap {display: grid; grid-template-columns: 0.5fr 3fr 1fr; align-items: center; box-shadow: 0 0 5px rgb(0 0 0 / 15%); padding: 15px 10px; margin-bottom: 10px; border-radius: 10px;}
.graph_wrap .g_bar_wrap{}
.graph_wrap .g_bar{display: block;position: relative;height: 20px;border-left: 0;border-radius: 1em;margin-left: 10px;}
.graph_wrap .text p{margin:0;}

.month_wrap {display: flex;justify-content: center;font-size: 40px;font-weight: bold;align-items: center;gap: 20px;}
.month_wrap .arrow{cursor:pointer;font-size: 30px;}
.month_wrap .calmonth{background: #f8f8f8; padding: 0 30px; border-radius: 1em;}
.care-total strong{display: block; color: #fff; border-radius: 20px; line-height: 25px; font-size: 15px; text-align: center; padding: 5px;}

.care-number{width: 65%; margin: auto;}
.care-number ul{padding: 0; margin: 0; display: flex; justify-content: space-between;}
.care-number ul li{float: none; position: relative; padding: 6px 0 0 30px; word-break: keep-all; letter-spacing: -1px; list-style: none; font-size: 16px; font-weight: bold;}
.care-number ul li:before {content: ''; position: absolute; top: 5px; left: 0px; width: 25px; height: 25px; border-radius: 50%;}
.care-number ul li.bg-o:before{background-color: #f29513;}
.care-number ul li.bg-b:before{background-color: #304fa6;}
.care-number ul span{display: block; color: #888; font-size: 15px; margin-top: 10px;}

.scriptCalendar {display: block;width: 100%;text-align: center;box-shadow: 0 0 10px rgb(0 0 0 / 20%);padding: 10px;border-radius: 10px;}
.scriptCalendar>thead>tr>td {width: 50px;height: 50px;}
.scriptCalendar>thead>tr:first-child>td {font-weight: bold;}
.scriptCalendar>thead>tr:last-child>td {border-bottom: 2px solid #1e5c52;}
.scriptCalendar>tbody>tr>td {width: 80px;height: 80px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.scriptCalendar>tbody>tr>td>p{padding: 0 5px 0 0;margin: 0;text-align: right}
.scriptCalendar>tbody>tr>td .check{margin-top: 10px}
.scriptCalendar>tbody>tr>td .check span{width: 20px;height: 20px;line-height: 20px;display: inline-block;background: #333;border-radius: 1em;color: #fff;font-size: 10px;}
.scriptCalendar>tbody>tr>td .memo{font-size:12px; padding:5px; text-align:left; margin-top:5px;}
.scriptCalendar>thead>tr>td:nth-child(1), .scriptCalendar>tbody>tr>td:nth-child(1){color: red;}
.scriptCalendar>thead>tr>td:nth-child(7), .scriptCalendar>tbody>tr>td:nth-child(7){color: blue; border-right: 0;}
.scriptCalendar>tbody>tr>td:last-child{border-right: 0;}
.scriptCalendar>tbody>tr>td.bg_blue{background: #bcd0ee;}
.scriptCalendar>tbody>tr>td.bg_yellow{background: #fee8cb;}
        


/* header */
.header{padding: 10px; background: #f8f8f8;}
.header .header_box{display: flex; justify-content: space-between; align-items: center;}
.header .header_box .logo a{font-weight: bold;}
.header .header_box .right{display: flex; align-items: center; gap: 10px;}

.my_btn a{display: block; background: #333; color: #fff; width: 35px; height: 35px; text-align: center; line-height: 35px; border-radius: 50%; font-weight: bold; font-size: 11px;}
.login_btn a, .join_btn a, .logout_btn a{display: block; color:#333; font-size:12px; width: 50px; text-align: center;}


.menu_btn{margin-left: 5px;}
.menu_btn a{font-size:25px; color:#333;}
.menu_bg{width: 100%; height: 100%; background: rgb(0 0 0 / 50%); position: absolute; top:0; display: none; z-index: 99;}
.sidebar_menu{display: none; width: 70%; height: 100%; background: #fff; position: absolute; top:0; right: -50%; z-index: 999;}

.sidebar_menu .top_bar{display: flex; justify-content: space-between; align-items: center; background-color: #0d665f; padding: 0 10px;}
.sidebar_menu .top_bar .top_right a{color: #fff; margin-right: 10px;}
.sidebar_menu .top_bar .close_btn{width: 25px; height: 25px; margin:10px;}
.sidebar_menu .top_bar .close_btn > a{display: block; width: 100%; height: 100%; font-size:20px; color:#fff;}
.sidebar_menu .menu_wrap{list-style: none; padding: 10px 20px; margin:0; border-top: 1px solid #ddd;}
.sidebar_menu .menu_wrap li {margin: 10px 0;}
.sidebar_menu .menu_wrap li a{font-size:16px;color: #333; text-decoration: none; display: flex; justify-content: space-between; align-items: center;}


/* main */

.main_bg{margin: 0; padding: 0; width: 100%; height: 400px; background: url(/assets/image/main/main02.jpg) no-repeat center center/cover;}
.main_bg h3{font-size: 45px; line-height: 50px; color: #a8d39b; text-align: center; font-weight: bold; margin: 80px 0 0; text-shadow: 0 0 10px rgb(0 0 0);}
.main_bg h3 > strong{color:#fff}

.main_menu_bg{background: #f6f5f1;}	
.main_menu{margin-top: -50px; margin-bottom: 60px;}
.main_menu .col-xs-12, .main_menu .col-xs-7, .main_menu .col-xs-5{}
.main_menu div > a{background: #fff; box-shadow: 0 0 5px rgb(0 0 0 / 15%); display: flex; align-items: center; justify-content: center; height: 100px; border-radius: 10px; text-align: center; font-size: 25px; color: #fff; font-weight: bold;}
.main_menu .new::before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 15px;
    height: 15px;
    line-height: 30px;
    background: #f49415;
    border-radius: 20px;
}

.btn-menu a {color: #333;margin-top: 10px;display: inline-block;}
.btn-home a {color: #333;margin-top: 10px;display: inline-block;}
.section-main{}
.section-main > .container:first-child {}
.user-tit {color: #333;margin: 15% 0 12%;}
.user-tit span {font-size: 23px;}
.main-notice {background: #333;padding: 20px 5%;border-radius: 10px;}
.favorwrap {margin-top: -80px;}
.favor-menu {background: #333;padding: 20px 5% 10px;border-radius: 10px;box-shadow: 6px 8px 18px 2px #979797;min-height: 230px;}
.favor-menu strong {font-size: 17px;}
.favor-menu .fa-star {color: #ffd200;}
.favor-menu .nav {border-top: 2px solid #4063b1;margin-top: 15px;}
.favor-menu .nav li {border-bottom: 1px solid #4063b1;margin-top: 0;}
.favor-menu .nav li a {color: #414141;}
.favor-menu .nav li i {color:#4063b1;}
.favor-menu .nav li:last-child {border-bottom: none;}
.main-notice a {color: #414141;font-size: 17px;}
.main-notice .dot {border-right: 2px solid #4063b1;}
.main-notice .row div {padding: 12px;}
.main-notice .row div i {color: #4063b1;}


/* sidebar */
#sidebar {width: 93.5%;height: 100%;position: absolute;left: -93.5%;top: 0;z-index: 10;box-shadow: 9px 3px 43px 6px #5a5a5a;overflow: hidden;/* display: none; */opacity: 0;transition: all 0.25s;-webkit-transition: all 0.25s;}
#sidebar.active {display: block; opacity: 1;left: 0;z-index: 1050;}
#sidebar .panel {border: none;border-top-right-radius: 20px;height: 100%;}
#sidebar .panel .panel-heading {background: #4063b1;border-top-right-radius: 20px;}
#sidebar .panel .panel-heading i {color: #fff;}
#sidebar .panel .panel-body {height: 88%;background: #fff;padding: 0;}
#sidebar .panel .header-bottom {border-top: 1px solid #fff;color: #fff;margin-top: 15px;padding-top: 15px;}
#sidebar .panel .header-bottom h5 {margin-top: 7px;}
#sidebar .panel .header-bottom .img-responsive {width: 100%;border-radius: 50%;}
#sidebar .panel .panel-body .pull-left {width: 37.33333333333333%;height: 100%;background: #ebf1ff;}
.side-bottom-bg {width: 37.33333333333333%;margin-left: 3%;}
.side-bottom-bg img {width: 80%;}
#sidebar .panel .panel-body .pull-left .dropdown-menu {border: none;box-shadow: none;left: 295%;top: 18%;background: transparent;}
#sidebar .panel .panel-body .pull-left .dropdown-menu li {border-bottom: 1px solid #ccc;width: 80%;padding: 5px 0;}
#sidebar .panel .panel-body .btn-group .dropdown-toggle {border: none;background-color: transparent;padding: 4px 143% 4px 20%;margin: 0 0 20px;text-align: left;margin: 17px 0 0 20%;}
#sidebar .panel .panel-body .btn-group.open .dropdown-toggle {border: none;background-color: #fff;padding: 4px 230% 4px 20%;margin: 17px 0px 0px 20%;text-align: left;border-radius: 20px;box-shadow: 5px 5px 8px 3px #cdcbcb;}


.logo-text{font-size: 45px; font-weight: bold; margin: 30px auto 20px;}
.logo-text > small{color: #0e665f; font-weight: bold}


/* login */
.section-login header h2 img {width: 95px;}
.cont-wrap {width: 80%;margin-bottom: 40px;}
.cont-wrap.w90 {width: 90%;}
.cont-wrap .btn {border-radius: 30px;}
.pager .btn {border-radius: 30px;}
.btn-kakao {background: #fcde49;border-color: #fcde49;color: #000;font-weight: 500;padding: 10px 0;}
.btn-facebook {background: #4063b1;border-color: #4063b1;color: #fff;font-weight: 500;padding: 10px 0;}
.btn-naver {background: #45b965;border-color: #45b965;color: #fff;font-weight: 500;padding: 10px 0;}
.btn-google {background: #fff;border-color: #144b8c;color: #000;font-weight: 500;padding: 10px 0;}
.btn-login {background: #0f6760;border-color: #0f6760;color: #fff;font-weight: 500;padding: 10px 0;}



.cont-wrap .btn-kakao {background: #fcde49 url(../img/common/icon_kakao.jpg) 5% 50% no-repeat;background-size: 25px 23px;}
.cont-wrap .btn-facebook {background: #4063b1 url(../img/common/icon_facebook.jpg) 5% 50% no-repeat;background-size: 25px 27px;}
.cont-wrap .btn-naver {background: #45b965 url(../img/common/icon_naver.jpg) 5% 50% no-repeat;background-size: 25px 27px;}
.cont-wrap .btn-google {background: #fff url(../img/common/icon_google.jpg) 5% 50% no-repeat;background-size: 25px 27px;}
.cont-wrap .checkbox {color: #9b9b9b;}
.cont-wrap .login_util {margin-top: 10px;}
.cont-wrap .login_util a {color: #9b9b9b;}
.cont-wrap .btn.focus, .cont-wrap .btn:focus, .cont-wrap .btn:hover {color: #fff;text-decoration: none;}
.cont-wrap .btn-kakao.btn.focus, .cont-wrap .btn-kakao.btn:focus, .cont-wrap .btn-kakao.btn:hover {color: #000;text-decoration: none;}
.cont-wrap .btn-google.btn.focus, .cont-wrap .btn-google.btn:focus, .cont-wrap .btn-google.btn:hover {color: #000;text-decoration: none;}

.navbar-fixed-bottom, .navbar-fixed-top {position: fixed; right: 0; left: 0; z-index: 9;}
#fixmenu-wrap .navbar {padding: 15px 0px; background: #fff; box-shadow: 6px 10px 25px rgb(0 0 0 / 50%); border-radius: 20px 20px 0 0;}
#fixmenu-wrap .fixmenu {display:grid; grid-template-columns: repeat(5, 1fr); text-align: center; gap: 10px;}
#fixmenu-wrap .fixmenu a {color: #3b3b3b;}
#fixmenu-wrap .fixmenu i {margin-bottom: 12px;color: #4063b1;}
#fixmenu-wrap .fixmenu .footer_icon{width: 40px; margin: auto;}
#fixmenu-wrap .fixmenu a > p{margin: 5px 0 0; font-size:12px}


.form-control{height: 50px; background-color: #f8f8f8; border-radius: 30px; text-align: center;}
.intro_img{width:150px; margin: auto;}

.time_box form{display: flex; align-items: center; margin: 15px 0 0; gap: 10px;}
.time_box input{width: 50%; height: 50px; padding: 10px; font-size:20px;}

.diary {margin: 0 0 50px;}
.diary .date_hour {display: flex; align-items: center; gap: 10px; margin: 20px 10px 10px;}
.diary .date_hour h4 {font-weight: bold; font-size: 18px; margin: 0;}
.diary .date_hour span {color: #999;}
.diary .thumb img {width: 100%; border-radius: 30px; border: 1px solid #ddd; padding: 5px;}
.diary .thumb .detail_text{padding: 0 10px;}
.diary .thumb .detail_text h3{font-weight: bold; font-size: 20px;}
.diary .thumb .detail_text p{color: #555; font-size: 17px;}

.file_box {border: 1px solid #ddd; padding: 30px 10px; border-radius: 30px;}
.file_box .btn-upload {width: 70px; height: 70px; margin: auto; background: #18655f; border-radius: 5em; font-weight: bold; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 45px; color: #fff;}
.file_box #file {display: none;}
.file_box span{margin-top: 20px; display: block; font-size: 15px; color: #888;}
.textarea-frame{width: 100%; background-color: #f8f8f8; border-radius: 10px; text-align: center; border: 1px solid #ccc; padding: 10px;}


/* 사업자 등록 */
.form-group .datepicker {color: #4063b1;}

/* 내 부동산 */
.mybuild {background: #ebf1ff;}
.mybuild .container {background: #fff;}
.section-mybuild .cont-header {border-bottom: 2px solid #4063b1;background: #fff;}
.section-mybuild .cont-header h3 p {font-size: 20px;letter-spacing: -1px;}
.section-mybuild .cont-header h3 p span {color: #4063b1;font-weight: 700;}
.section-mybuild .cont-header .row {position: relative;}
.section-mybuild .cont-body {overflow: hidden;padding-top: 20px;}
.section-mybuild .cont-body .checkbox-inline input {margin: 0;vertical-align: inherit;}
.section-mybuild .cont-body .radio-txt label {letter-spacing: -1px;color: #4063b1;font-weight: 600;}
.section-mybuild .build-list {width: 90%;margin: 20px auto 0;/* border: 3px solid #4063b1; */}
.section-mybuild .build-list .panel {background: transparent;}
.section-mybuild .build-list .panel-heading {background: #4063b1;overflow: hidden;}
.section-mybuild .build-list .panel-heading h5 {color: #fff;margin: 0;}
.section-mybuild .build-list .panel-body {background: #fff;border: 3px solid #4063b1;padding: 7px 15px 0;}
.section-mybuild .build-list .panel-body > .row {border-bottom: 1px solid #6765b0;padding: 10px 0 5px;position: relative;}
.section-mybuild .build-list .panel-body > .row:last-child {border-bottom: none;}
.section-mybuild .build-list .panel-body .media-object {width: 45px;}
.section-mybuild .build-list .panel-body .media h4 {font-size: 15px;font-weight: 600;}
.section-mybuild .build-list .panel-body h3 {margin: 5px 0;}
.section-mybuild .build-list .panel-body .media {letter-spacing: -1px;}
.section-mybuild .build-list .panel-body .media .media-body {font-size: 13px;}
.section-mybuild .build-list .panel-body .text-center {font-size: 12px;}
.section-mybuild .build-list .panel-body .dot {width: 1px;height: 75%;position: absolute;background: #cccccc;right: 15.5%;top: 10%;}
.section-mybuild .build-list .panel-body .col-xs-2, .section-mybuild .build-list .panel-body .col-xs-8 {padding-right: 7px;padding-left: 7px;}

/* pwfind */
.login-util .input-group .btn {width: 82px;}
.btn-back a {color: #000;margin-top: 8px;display: inline-block;font-size:18px;line-height: 33px;}
.timer-color {color: #ff0000;font-size: 12px;margin: 5px 0 0 5px;letter-spacing: -1px;}
.timer-confirm {color: #0000ff;font-size: 12px;margin: 5px 0 0 5px;}
.id-error {color: #ff0000;font-size: 12px;margin: 5px 0 0 5px;}
.id-confirm {color: #0000ff;font-size: 12px;margin: 5px 0 0 5px;}
.pager .p a {background: #333;color: #fff;}
.pager .n a {background: #4063b1;color: #fff;}
.pager li>a, .pager li>span {border: none;}
.pager li.p a:focus, .pager li.p a:hover {text-decoration: none;background-color: #333;}
.pager li.n a:focus, .pager li.n a:hover {text-decoration: none;background-color: #4063b1;}
.cont-wrap .pager a {width: 40%;}

/* 약관동의 */
/* .total-agree {margin-top: 20px;} */
.total-agree .checkbox a {color: #343434;}
.total-agree .row {background: #eee;border-radius:20px;padding: 20px 0;}
.total-agree .row div {color: #343434;}
.text-agree .row {background: #eee;border-radius:20px;padding: 20px;height: 320px;overflow-x: hidden;margin-bottom: 30px;}

/* 게시판 */
.tab-wrap {margin-top: 30px;}
.tab-wrap .nav-tabs>li {text-align: center;width: 50%;}
.tab-wrap .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color: #4063b1;font-weight: 700;border: none;border-bottom: 2px solid #4063b1;}
.tab-wrap .nav-tabs>li>a {color: #999;font-size: 16px;}
.tab-wrap .tab-content a {color: #333;font-size: 15px;display: block;padding: 15px 0;border-bottom: 1px solid #4063b1;overflow: hidden;letter-spacing: -1px;}
.tab-wrap .tab-content a .date {color: #999;font-size: 12px;}
.tab-wrap .tab-content a .icon img {width: 42px;}
.tab-wrap .tab-content a p {margin: 0;}
.tab-wrap .tab-content a .fa-angle-right {/* font-size: 23px; */color: #cfcfcf;padding-top: 13px;}
.tab-wrap .tab-content .btn_tab {color: #4063b1;border: 2px solid #4063b1;border-radius: 25px;width: 100%;display: inline-block;padding: 4px 0;margin: 3px 0;background: #fff;}
.tab-wrap .tab-content .btn_tab.active {background: #4063b1;color: #fff;}
.tab-wrap .tab-content .faqmenu {padding: 15px;border-bottom: 1px solid #4063b1;width: 100%;}
.content_detail {margin-top: 30px;overflow: hidden;}
.content_detail .date {color: #999;font-size: 11px;letter-spacing: -1px;display: inline-block;}
.content_detail .icon img {width: 100%;border-radius: 100%;}
.content_detail p {color: #333;font-size: 15px;letter-spacing: -1px;}
.content_detail p.cont {line-height: 1.5;padding: 10px;}
.content_detail .tit {font-weight: 600;margin-bottom: 0;}
.content_detail .row.bdb {border-bottom: 1px solid #4063b1;padding-bottom: 10px;}
.content_detail .writer {padding: 10px;}
.content_detail .writer span {color: #fff;background: #4063b1;padding: 4px 8px;border-radius: 15px;}
.content_detail .vote {color: #6765b0;border: 1px solid #6765b0;padding: 7px;overflow: hidden;display: inline-block;border-radius: 4px;font-size: 16px;font-weight: bold;}
.content_detail .vote.active i {color: #f5e136;}
.vote-wrap {margin: 50% 0 20%;}
.reply-wrap {border-top: 1px solid #4063b1;}
.reply-wrap .input-group {margin: 5px 0;}
.reply-wrap .input-group i {color: #4063b1;}
.reply-wrap .input-group .input-group-addon {background-color: #fff;border: 1px solid #fff;font-size: 17px;}
.reply-wrap .input-group input {border-color: #4063b1;border-radius: 20px !important;}
.reply-wrap .reply-util {border-bottom: 1px solid #4063b1;}
.reply-wrap .reply {background: #ebf1ff;}
.reply-wrap .reply .item {padding: 15px;border-bottom: 1px solid #4063b1;}
.reply-wrap .reply .item:last-child {border: none;}
.reply-wrap .reply .tit {color: #333;font-weight: 700;margin: 7px 0 0 0;}
.reply-wrap .reply .date {color: #999;font-size: 12px;font-weight: normal;}
.reply-wrap .reply .icon img {width: 100%;border-radius: 100%;}
.reply-wrap .reply .reply-name {color: #fff;background: #4063b1;padding: 4px 8px;border-radius: 15px;}
.freeboard {margin: 10px 0 20px;border-top: 2px solid #4063b1;border-bottom: 1px solid #4063b1;}
.freeboard .num {font-size: 14px;color: #999;}
.freeboard a {color: #333;font-size: 15px;display: block;padding: 15px 0;border-bottom: 1px solid #4063b1;overflow: hidden;letter-spacing: -1px;}
.freeboard a .date {color: #999;font-size: 12px;}
.freeboard a p {margin: 0;}
.freeboard a .fa-angle-right {/* font-size: 23px; */color: #cfcfcf;padding-top: 13px;}

/* 게시글작성 */
.content_write {margin: 30px 0;}
.content_write .writer span {color: #fff;background: #4063b1;padding: 4px 8px;border-radius: 15px;letter-spacing: -1px;}
.content_write textarea {height: 200px;overflow-x: hidden;color: #999;}

/* 환경설정 */
.setting {margin-top: 10px;border-top: 2px solid #4063b1;}
.setting .container {margin: 0 15px;}
.setting .row {border-bottom: 1px solid #4063b1;padding: 10px 0;}
.setting .row a {color: #414144;}
.setting .row p {font-size: 16px;font-weight: 600;letter-spacing: -1px;margin: 0;}
.setting .row p.red {color: #f66;}
.setting .row .txt {font-size: 11px;letter-spacing: -1px;color: #999;}
.setting .row .col-xs-2 {margin-top: 4%;color: #cfcfcf;}
.setting .row.switch-wrap div {padding: 10px 15px;}
/* .setting .switch-button {margin-top: 20%;} */
.switch-button { position: relative; display: inline-block; width: 50px; height: 15px; } 
.switch-button input { opacity: 0; width: 0; height: 0; } 
.onoff-switch { position: absolute; cursor: pointer; top: 0; left: -15px; right: 0; bottom: 0; border-radius:20px; background-color: #eee; /* box-shadow: inset 1px 5px 1px #999; */ -webkit-transition: .4s; transition: .4s; } 
.onoff-switch:before { position: absolute; content: ""; height: 25px; width: 25px; left: 0; bottom: -4px; background-color: #999; -webkit-transition: .5s; transition: .4s; border-radius:20px; } 
.switch-button input:checked + .onoff-switch { background-color: #d2e0ff; box-shadow: inset 1px 5px 1px #a3b6df;} 
.switch-button input:checked + .onoff-switch:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); background-color: #4063b1;}

/* 계약조회 */
.label_line {margin-bottom: 25px;}
.label_line span {display: inline-block;background: #4063b1;color: #fff;border-radius: 20px;padding: 3px 8px;font-weight: 600;}
.label_line:after {content: '';display: block;border-top: 1px solid #4063b1;margin-top: -13px;}

.manage_list {text-align: center;font-size: 12px;margin-top: 20px;}
.manage_list .row {border-top: 1px solid #4063b1;padding-top: 10px;}
.manage_list .row:last-child {border-bottom: 1px solid #4063b1;}
.manage_list .row.active {background: #eef6ff;}
.manage_list .col-xs-offset-1:after {content:'';background: url(../img/common/sub_reply.png) no-repeat 0 0;width: 25px;height: 25px;}
.manage_list .label {background: #4063b1;padding: 5px 10px;border-radius: 15px;margin-top: 6px;display: inline-block;}
.manage_list .address {font-weight: 600;font-size: 14px;letter-spacing: -1px;line-height: 1.2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.manage_list .address span {font-weight: 400;color: #999;font-size: 10px;}
.manage_list .date {color: #4063b1;margin-top: 8px;display: inline-block;margin-right: 5px;}
.manage_list .fa-chevron-down {color: #4063b1;position: absolute;right: 10px;top: 50%;}
.manage_list .fa-chevron-up {color: #4063b1;position: absolute;right: 10px;top: 50%;}
.manage_list .row.sub {padding-bottom: 10px;background: #fff url(../img/common/bg_sub.jpg) repeat;}
.manage_list .row.sub .sub_txt {margin-top: 8px;}
.manage_list .row.sub .col-xs-1 img {width: 13px;margin-left: 10px;}

.panel-heading table {width: 100%;}
.panel-heading table th {color: #fff;text-align: center;}
.panel-heading table th.text-left {text-align: left;}
.panel-heading table th.text-right {text-align: right;}
.panel-body table {width: 100%;}
.panel-body table tr.bdbn td {border-bottom: none;}
.panel-body table td {text-align: center;color: #4063b1;padding: 10px 5px;border: 1px solid #6765b0;border-top: none;line-height: 1;font-size: 12px;letter-spacing: -1px;}
.panel-body table.oneline td {text-align: center;color: #4063b1;padding: 10px 5px;border: none;border-bottom: 1px solid #6765b0;border-top: none;line-height: 1;font-size: 12px;letter-spacing: -1px;}
.panel-body table td:first-child {border-left: none;}
.panel-body table td:last-child {border-right: none;}
.panel-body table td.text-right {text-align: right;font-weight: 600;}
.panel-body table td.text-left {text-align: left;}
.section-mybuild .build-list .panel-body.lookup {padding: 10px;}
.section-mybuild .build-list .panel-body.lookup .label {background: #333;color: #fff;border-radius: 20px;padding: 3px 8px;margin-left: 5px;}
.panel .payinfo p {border-bottom: 2px solid #6765b0;font-size: 13px;letter-spacing: -1px;padding-bottom: 5px;overflow: hidden;}
.panel .payinfo p .tit {color: #4063b1;font-weight: 600;}
.panel .infotxt {color: #4063b1;font-weight: 600;font-size: 12px;letter-spacing: -1px;text-align: center;display: block;}
.panel .payinfo .total_tit {background: #4063b1;color: #fff;font-weight: 600;font-size: 15px;letter-spacing: -1px;text-align: center;display: inline-block;border-radius: 20px;padding: 5px 10px;float: left;}
.panel .payinfo .big_txt {color: #4063b1;font-weight: 600;font-size: 20px;letter-spacing: -1px;float: right;}

/* 청구서 발행 */
.billinfo p {border-bottom: 2px solid #6765b0; font-size: 13px; letter-spacing: -1px; overflow: hidden;}
.billinfo .tit {color: #4063b1;font-weight: 600;margin-right: 5px;margin-bottom: 5px;display: inline-block;}
.billinfo .bdn {border-bottom: none;}
.bluebox {background: #ebf1ff;overflow: hidden;clear: both;margin: 13px;}
.bluebox h3 {font-size: 22px;font-weight: 600;color: #4063b1;letter-spacing: -1px;}
.bluebox .tit_input {font-size: 13px;letter-spacing: -1px;overflow: hidden;border: 1px solid #4063b1;margin-bottom: 10px;border-radius: 20px;background: #fff;padding: 7px;}
.bluebox .tit_input .tit {color: #4063b1;font-weight: 600;margin: 0 5px 0 3px;}
.bluebox .form-group {overflow: hidden;}

/* 재무달력 */
.calendar .calendar_select {border: none;border-bottom: 1px solid #4063b1;color: #4063b1;padding: 5px 0;vertical-align: middle;}
.calendar .select_month {text-align: center;border: 1px solid #4063b1;background: #fff;border-radius: 20px;padding: 5px;margin-bottom: 10px;}
.calendar .select_month.active {background: #4063b1;}
.calendar .select_month.active strong {color: #fff;}
.calendar .select_month strong {color: #4063b1;font-weight: 600;font-size: 16px;}
.calendar .select_month i {position: absolute;right: 35px;color: #4063b1;}
.calendar .select_month i.fa-sort-up {top: 14px;color: #fff;}
.calendar .month_data {margin-bottom: 10px;margin-top: -10px;}
.calendar .month_data table {width: 100%;}
.calendar .month_data table tr {border-bottom: 1px solid #4063b1;}
.calendar .month_data table td {padding: 5px 3px;color: #4063b1;text-align: center;}
.calendar .month_data table td.text-right {text-align: right;font-weight: 600;}
.calendar .month_data table td.text-left {text-align: left;padding-left: 10px;}
.calendar .month_data table td.txt_red {color: #e66;}
.calendar .month_data table td:first-child {font-weight: 600;}
.calendar .month_data table td:nth-child(2) {border-left: 1px solid #4063b1;border-right: 1px solid #4063b1;}

@media (max-width:360px) {
	.user-tit {color: #333;margin: 8% 0 6%;font-size: 25px;}
	.user-tit span {font-size: 20px;}
}

@media (max-width:320px) {
	body {padding-bottom: 50px;}
	.cont-wrap a {font-size: 12px;}
	#fixmenu-wrap .fixmenu a {font-size: 10px;}
	.section-login header {margin: 40px 0;}
	.text-agree .row {height: 250px;}
	.user-tit {color: #333;margin: 8% 0 6%;font-size: 22px;}
	.user-tit span {font-size: 18px;}
	#sidebar {width: 100%;}
	.side-bottom-bg {}
	#sidebar .panel .panel-body .btn-group .dropdown-toggle {border: none;background-color: transparent;padding: 4px 143% 4px 20%;margin: 0 0 20px;text-align: left;margin: 10px 0 0 20%;}
	#sidebar .panel .panel-body .btn-group.open .dropdown-toggle {border: none;background-color: #fff;padding: 4px 190% 4px 20%;margin: 10px 0px 0px 20%;text-align: left;border-radius: 20px;box-shadow: 5px 5px 8px 3px #cdcbcb;}
	#sidebar .panel .panel-body .pull-left .dropdown-menu li {width: 80%;padding: 2px 0;}
	#sidebar .panel .panel-body .pull-left .dropdown-menu li a {font-size: 12px;}
	#sidebar .panel .panel-body .pull-left .dropdown-menu {border: none;box-shadow: none;left: 263%;top: 18%;background: transparent;}
	.content_detail .vote {padding: 5px;}
	.content_write .writer {font-size: 13px;}
}


.list-empty {text-align:center;}
.list-empty img{width:100%;}


.callBtn {
	display: inline-block;
	background: #ea9a10;
	color: #fff;
	border-radius: 20px;
	width: 70px;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	text-align: center;
	margin-left: 5px;
	border:0;
}