html {font-size: 13px;}
h1, h2, h3, h4, h5, h6, p {margin-bottom: 0; padding-bottom: 0;}
body {font-family: 'Noto Sans KR', sans-serif; font-weight: normal; color: #292929; position: relative;}
input::placeholder, input::-webkit-input-placeholder, input:-ms-input-placeholder {color: #909090;}
option.default {color: #909090;}

.form_box .form-group select {width: 100%; font-size: 15px; border:1px solid #DBDBDB; border-radius: 6px;
    padding-left: 25px; padding-right: 25px; line-height: 67px; height: 67px;
    -webkit-appearance: none; -moz-appearance: none; appearance: none; background: white url('../img/icon_dropdown_orange.svg') no-repeat 95% 50%;}
.form_box .form-group select::-ms-expand { display: none; }
.form_box .form-group select:focus {outline: none;}
.form_box .form-group select:invalid {color: #909090;}
.form_box .form-group option {color: #292929;}
.form_box .form-control:disabled, .form-control[readonly] {background-color: white;}

.btn {border-radius: 5px; outline: none;}
.btn:focus {outline: none; box-shadow: none;}
.btn.size_s {font-size: 10px; line-height: 24px; border-radius: 4px; padding: 0 20px; }
.btn.size_l {font-size: 17px; line-height: 50px; border-radius: 8px; padding: 0 50px; }
.btn.round {width: 70px; height: 70px; border-radius: 35px; background-color: white; text-align: center; border: none;}
.btn.main {background: #534E49; color:white; border: none;}
.btn.main:focus {background: transparent linear-gradient(180deg, #534E49 0%, #93827C 100%) 0% 0% no-repeat padding-box;}
.btn.sub {background: #C8BFBC; color:white; border: none;}
.btn.sub:focus {background: #B9ACA8;}
.btn.white {background: white; color: #484847; border: 1px solid #DED8D1;}
.btn.white:focus {background: #F6F0E9;}
.size_s.narrow{padding: 0 10px!important;}
.modal-footer .btn {font-size: 14px; line-height: 40px; border-radius: 8px; min-width: 103px; text-align: center;}
.modal-footer .btn + .btn {margin-left: 5px;}

.form-control {border: 1px solid #CCC8C8; color: #484847;}
.form-control::placeholder {color: #909090;}
.form-group .col-form-label + button {margin-left: 15px;}

.clear:after {clear: both; content: ''; display: block;}
.full_container {width: 100%; margin: 0 auto;}
.ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mw600 {width: 600px; max-width: 600px;}
.mw500 {width: 500px; max-width: 500px;}
.mw400 {width: 400px; max-width: 400px;}
.mw300 {width: 300px; max-width: 300px;}

.content_container {position: relative;}
.content_container:after {clear: both; content: ''; display: block;}

.guide_form.term {margin-top: 44px;}
.guide_form.term h4 {display: none;}
.guide_form.term h5 {color: #867165; font-size: 15px; font-weight: 500;}
.guide_form.term .terms_content {background-color: white; padding: 6px; border: 1px solid #DBDBDB; height: 134px; overflow-y: scroll; margin-top: 8px; font-size:10px; line-height: 14px;}
.terms_content + .form-check {margin-top: 12px;}

.modal-backdrop {background-color: rgba(72, 72, 71, 1);}
.modal-backdrop.show {opacity: 0.4;}
.modal-wiselife .modal-content {border: 0; box-shadow: 0px 3px 6px #00000029; border-radius: 0; padding: 30px; font-size: 16px; color: #484847;}
.modal-wiselife .modal-body {text-align: center;}
.modal-wiselife .modal-footer {justify-content: center; border-top: 0;}

.download-btn {color: #007bff; cursor: pointer;}

.house-list {display: none;}

.question-view {display: none;}
.question-view.first {display: flex;}

@media (min-width: 841px) {
    /* 사용자 해상도가 840px 초과일 때 - PC UI 적용 */
    header {height: 104px; box-shadow: 0px 3px 8px #0000001F; position: fixed; z-index: 1000; width: 100%; background-color: white;}
    header .prev {display: none;}
    header h1 {padding-top: 32px; padding-left: 26px;}
    header h1 img {display: block;}
    header .my_info {position: absolute; right: 34px; top: 37px; cursor: pointer;}
    header .my_app {position: absolute; right: 90px; top: 46px; cursor: pointer;}
    header .navbar-toggle {display: none;}

    #my_info_box {width: 270px; border: 1px solid #DDDDDD; background-color: white; border-radius: 6px; position: absolute; top: 115px; right: 35px;
        padding: 30px; z-index: 1; text-align: center; box-shadow: 0px 3px 6px #00000029;}
    #my_info_box.hide {display: none; z-index: -1;}
    #my_info_box .id {font-size: 16px; color: #292929; font-weight: 500; margin-top: 12px;}
    #my_info_box .etc {font-size: 13px; color: #808080; margin-top: 5px;}
    #my_info_box .btns {margin-top: 22px;}
    #my_info_box .btn {width: 90px; border: 1px solid #DDDDDD; border-radius: 19px; font-size: 12px; color: #292929; line-height: 38px; text-align: center; padding: 0;}
    #my_info_box .btn + .btn {margin-left: 10px;}
    #my_info_box .btn.modify {background-color: #F2F2F2;}


    #my_app_box {width: 334px; max-height: 559px; border: 1px solid #DDDDDD; background-color: white; border-radius: 6px; position: absolute; top: 115px; right: 35px;
        padding: 24px 14px 10px 14px; z-index: 1; text-align: center; box-shadow: 0px 3px 6px #00000029;}
    #my_app_box.hide {display: none; z-index: -1;}
    #my_app_box .platform {font-size:15px; color: #7B7B7B; margin: 20px auto 0 auto; font-weight: bold; width: fit-content; cursor: pointer;}
    #my_app_box .platform span {font-weight: normal;}
    #my_app_box .platform:first-child {margin-top:0;}
    #my_app_box .platform.active {color: black; border-bottom: 1px solid black;}
    #my_app_box .app_box {overflow: auto;}
    #my_app_box .app_box .col-4 {padding-top:14px; padding-bottom:14px;}
    #my_app_box .app_box .col-4:nth-child(3) {margin-right:0;}
    #my_app_box .app_box .app_icon img {width: 50px; height: 50px;}
    #my_app_box .app_box .app_icon p {font-size: 10px; text-align: center; letter-spacing: -0.4px;}

    .full_container {min-width: 1590px; overflow: hidden;}
    .full_container.join {min-width: 100vw;}

    #sidebarMenu {width:260px; height: calc(100vh - 104px); background-color: #5D5752; position: fixed; overflow-y: auto; z-index: 999;}
    #sidebarMenu .collapse {display:block!important; color: white;}
    #sidebarMenu .nav {margin-top: 19px;}
    #sidebarMenu .nav .nav-item {background: url('../img/menu_knowck.svg') no-repeat 26px 17px;}
    #sidebarMenu .nav .nav-item.resident {background-image: url('../img/menu_resident.svg');}
    #sidebarMenu .nav .nav-item.bbs {background-image: url('../img/menu_bbs.svg');}
    #sidebarMenu .nav .nav-item.vote {background-image: url('../img/menu_vote.svg');}
    #sidebarMenu .nav .nav-link, header .nav .nav-link:hover {height: 48px; font-size:15px; color: white; line-height: 48px; padding: 0 0 0 56px; background:url('../img/icon_dropdown.svg') no-repeat calc(100% - 16px) center;}
    #sidebarMenu .nav-sub {list-style: none; padding-inline-start: 0; padding-bottom: 18px; }
    #sidebarMenu .nav-sub a {font-size: 13px; font-weight: normal; line-height: 35px; color: white; letter-spacing: -0.52px; display: block; padding-left: 56px;}
    #sidebarMenu .nav-sub .dot {width:5px; height: 5px; background: #E4DAD4 0% 0% no-repeat padding-box; border-radius: 2.5px; display: inline-flex; vertical-align: middle; margin-right: 4px;}
    #sidebarMenu .nav-sub .active {background-color: #DB896E;}
    #sidebarMenu .nav-sub a:hover {text-decoration: none;}

    .content_container {min-height: calc(100vh - 104px); background-color: #F4F0EC; padding-top: 104px;}
    main {width:1320px; padding: 67px 55px; position: relative; min-height: calc(100vh - 104px); margin-left: 260px;}
    main h2 {background: transparent linear-gradient(180deg, #FFFFFF 0%, #FDFCFB 78%, #F6F0E9 100%) 0% 0% no-repeat padding-box; border-radius: 6px 6px 0px 0px; font-size: 15px; line-height: 50px; font-weight: normal; letter-spacing: -0.6px; padding-left: 17px;}
    /*main .h2_right {position: absolute; top:0; right:0; font-size: 15px; line-height: 50px; color: #484847; letter-spacing: -0.6px; padding-right: 23px;}*/
    main .h2_right {float:right; top:0; right:0; font-size: 15px; line-height: 50px; color: #484847; letter-spacing: -0.6px; padding-right: 23px;}
    .search_area {background-color: #E8E1DF; padding: 6px;}
    .search_area .form-inline .form-control + .form-control {margin-left: .25rem;}
    .search_area .form-inline .form-control + button {margin-left: .25rem;}
    .bottom_btn_area {margin-top: 60px; position: relative;}
    .bottom_btn_area .btns {position: absolute;}
    .bottom_btn_area .btns.right {right: 0;}
    .bottom_btn_area .pagination {padding-top: 8px;}

    .table.stripe thead {background-color:#FDFAF5;}
    .table.stripe thead th {color:#867165; font-size: 12px; font-weight: bold; border-bottom: none;}
    .table.stripe tbody tr {border-top: 1px solid #DDDDDD;}
    .table.stripe tbody tr:nth-child(2n-1) {background-color: white;}
    .table.stripe tbody tr:nth-child(2n) {background-color: #F5F3F2;}
    .table.stripe tbody td {font-size: 13px; color: #292929; font-weight: 300;}
    .table.stripe tbody td a {color: #292929; font-weight: 500;}
    .table.stripe tbody th {color: #909090; font-weight: 300; border-top: none;}

    .bbs_detail {background-color: white; min-height: 634px;}
    .bbs_detail h4.bbs_title {padding: 17px 32px; color: #292929; fot-size: 20px; font-weight: 500;}
    .bbs_detail hr.bbs_title_bar {border-top: 1px solid #DBDBDB; margin-top:0; margin-bottom: 0;}
    .bbs_detail .bbs_etc_info {text-align: right; font-size: 14px; padding: 17px 32px;}
    .bbs_detail .bbs_etc_info span + span:before {content: '|'; color: #F59B7E; padding-left:15px; padding-right: 15px;}
    .bbs_detail .bbs_content {padding: 32px; font-size: 15px; line-height: 28px;}
    .bbs_detail .bbs_content img, .bbs_detail .bbs_content table {max-width: 100%; height: auto;}

    .bbs_write {background-color: white; padding: 25px 17px; font-size: 12px; }

    .bbs_btn {margin-top: 42px; display:flex; justify-content: space-between;}
    .bbs_btn .btn + .btn {margin-left: 5px;}

    .pagination .page-item {padding: 0 0.5rem; line-height: 33px; }
    .pagination .page-item .page-link {font-size: 13px; color: #292929; text-align:center; background-color: transparent; border-color: transparent; width: 33px; height: 33px; line-height: 33px; padding: 0; cursor: pointer;}
    .pagination .page-item.active .page-link {font-weight: bold; color: white; background-color: #534E49; border-radius: 16.5px;}
    .pagination .page-item.prev {width: 50px; height: 33px; background:transparent url('../img/prev_desktop.svg') no-repeat center center; background-size: contain; cursor: pointer; margin-right: 30px;}
    .pagination .page-item.next {width: 50px; height: 33px; background:transparent url('../img/next_desktop.svg') no-repeat center center; background-size: contain; cursor: pointer; margin-left: 30px;}

    .input-group-append .btn-outline-secondary {border-color: #ccc8c8; height: 30px;}

    main.login {width: 100%; padding:150px 0 0 0; margin: 0;}
    main.login h2 {color: #867165; text-align: center; font-size: 22px; font-weight: 500; margin-bottom: 30px; background: none; }
    main.login .login_form {width: 366px; margin: 0 auto 60px auto;}
        .login_form .login_input {background-color: rgba(204, 190, 183, 0.2); border-radius:8px; height:60px; color: #534E49;}
        .login_form .login_input + .login_input {margin-top: 15px;}
            .login_input input {font-size: 20px; line-height: 60px; background: transparent; border: none; width: 100%; padding: 0 18px;}
            .login_input input::placeholder {color: #534E49;}
            .login_input input:focus {outline: none;}
    main.login .other {margin-top:11px; margin-bottom: 29px; text-align:right;}
    main.login .other a {font-size: 14px; color: #867165;}
    main.login .join {margin-top: 13px; display: flex; justify-content: space-between;}
    main.login .join p {font-size: 14px; color: #867165;}
    main.login .join a {font-size: 14px; color: #DB896E; font-weight: bold;}

    .find_pw_form {width: 366px; margin: 76px auto 60px auto;}
    .find_pw_form .btns {margin-top: 30px;}
    .login_input2 {background-color: white; border-radius:6px; height:60px; color: #534E49;}
    .login_input2 label {color: #867165; font-size: 16px; display: inline-block; width: 60px; line-height: 48px; padding-left: 16px;}
    .login_input2 input {font-size: 16px; line-height: 60px; background: white; border: none; width: 100%; width: calc(100% - 80px); padding: 0;}
    .login_input2 input::placeholder {color: #909090;}
    .login_input2 input:focus {outline: none;}
    .find_pw_form .login_input2 label {width: 75px;}

    .find_id_guide {width: 500px; text-align: center; margin: 56px auto 0 auto;}
    .find_id_guide h5 {color: #867165; font-weight: bold; font-size: 13px; margin-bottom: 7px;}
    .find_id_guide p {font-size: 13px; line-height: 24px; margin-bottom: 20px;}
    .find_id_guide span {font-size: 15px; font-weight: 500; color: #907B71;}
    .find_id_guide span + a {font-size: 24px; color: #EA8E72; margin-left: 14px;}
    .find_id_guide span + a:hover {text-decoration: none;}

    .asterisk_info {}
    .asterisk_info p {font-size: 30px; text-align: center;}
    .asterisk_info .guide {font-size: 13px; font-weight: 300; line-height: 24px; text-align: center; margin-top: 20px;}

    .find_pw_result {}
    .find_pw_result p {font-size: 13px; text-align: center;}
    .find_pw_result .btns {margin-top: 60px; text-align: center;}

    main.join {width: 686px; margin: 0 auto; padding-left: 0; padding-right: 0;}
    main.join h2 {color: #292929; font-size: 32px; font-weight: 500; background: none; padding-left: 0;}
    main.join .h2_guide {color: #292929; font-size: 16px; font-weight: 300;}
    main.join .form_box {margin-top: 140px;}
    main.join .form_box h4 {color: #867165; font-size: 19px; font-weight: 500;}
    main.join .form_box hr {border-color: #867165; margin-top: 20px; margin-bottom: 30px;}
    main.join .form_box label {color: #867165; font-weight: 500; font-size: 15px; padding-top: 0; padding-bottom: 0; line-height: 67px;}
    main.join .form_box .form-control {border: 1px solid #DBDBDB; border-radius: 6px; font-size: 15px; color: #292929;}
    main.join .form_box input.form-control {line-height: 67px; height: 67px; padding-left: 25px; padding-right: 25px;}
    main.join .form_box .form-control::placeholder {color: #909090;}
    main.join .form_box .input-group-append .btn {line-height: 67px; height: 67px; color: white; font-size: 15px; padding: 0 25px; border: none;}
    main.join .form_box .input-group input.form-control {border-top-right-radius: 0; border-bottom-right-radius: 0;}
    main.join .form_box .guide-msg {padding-top: 7px; color: #838383;}
    main.join .btns {margin-top: 70px;}
    main.join .join_result {text-align: center; padding-top: 50px;}
    main.join .join_result h2 {color: #867165; font-size: 22px; font-weight: 500;}
    main.join .join_result p {font-size: 16px; font-weight: 300; line-height: 28px; margin-top: 40px; display:flex; justify-content:center;}
    main.join .join_result p.contact strong {color: #907B71; font-size: 15px; font-weight: 500;}
    main.join .join_result p.contact .tel {color: #EA8E72; font-size: 24px; margin-left: 12px;}

    .btn.size_b {font-size: 20px; line-height: 73px; border-radius: 8px; color: white; padding: 0 50px; border: none;}
    .btn.size_b.btn-block {padding: 0;}
    .btn.join_main {background: transparent linear-gradient(180deg, #D6C3B4 0%, #AD958B 100%) 0% 0% no-repeat padding-box;}
    .btn.join_sub {background: #C7C7C7;}

    .login-text {margin-right:58px; margin-top:39px; line-height: 1.2; letter-spacing: -0.72px; font-size:18px;}
}

@media (max-width: 840px) {
    body {color: #484847;}
    .form-control {border: none; color: #292929; padding: 10px; height: calc(1.5em + 20px + 2px); font-size: 14px;}
    .form-control::placeholder {color: #C7C7C7;}
    textarea.form-control {border: 1px solid #DBDBDB;}
    .col-form-label {color: #867165; font-size: 14px;}
    .search_area .form-control {border: 1px solid #DBDBDB; height: calc(1.5em + .7em + 2px); padding: .35em; fot-size: 12px;}

	/* 사용자 해상도가 480px 이하일 때 - 모바일 UI 적용 */
	header {-ms-flex-pack: justify!important; justify-content: normal!important; display: block!important; position: fixed; z-index: 1000; width: 100%; height:52px; box-shadow: none; background-color: white; border-bottom: 1px solid #DBDBDB;}
    header .prev {position: absolute; top: 15px; left: 15px;}
	header .navbar-toggle {position: absolute; top:0; right:0; display: block; background: 0 0; margin: 0 0 0 -15px; padding: 18px; border: 1px solid transparent; border-radius: 0; outline: 0;}
    .navbar-toggle .icon-bar {display: block; width: 15px; height: 2px; border-radius: 1px; background: #777;}
    .navbar-toggle .icon-bar + .icon-bar {margin-top: 4px;}
    header h1 {padding-top: 16px; padding-left: 0;}
    header h1 img {display: block; margin: 0 auto; width:114px;}
    header .my_info {display: none;}
    #my_info_box {display: none;}
    #sidebarMenu {position:fixed; right:-1px; top: 52px; z-index: 1001; max-height: calc(100vh - 52px); overflow-y: auto;}
    #sidebarMenu .nav {margin-top: 0; background-color: white; border: 1px solid #DBDBDB; border-top: none; width:200px; margin-left:calc(100% - 200px);}
    #sidebarMenu .nav .nav-item {width: 100%; text-align: right; background: url('../img/icon_menu_arrow.svg') no-repeat 165px 17px; background-size: 4%; border-bottom: 1px solid #DBDBDB;}
    #sidebarMenu .nav .nav-item:last-child {border-bottom: none;}
    #sidebarMenu .nav .nav-item .nav-link {line-height: 48px; font-size: 14px; padding: 0 46px 0 0;}
    #sidebarMenu .nav-sub {list-style: none; padding-inline-start: 0; padding-bottom: 8px; }
    #sidebarMenu .nav-sub a {font-size: 12px; font-weight: normal; line-height: 28px; color: #292929; letter-spacing: -0.4px; display: block; padding-right: 46px;}

    .content_container {background-color: rgba(246, 240, 233, 0.46); min-height: 100vh; padding-top: 52px;}
    main {padding: 27px 18px; position: relative;}
    main h2 {color: #867165; font-size: 18px; font-weight: 500; margin-bottom: 12px;}
    main .top_pagination {position: absolute; top: 27px; right: 18px;}
    main .bbs_box {background-color: white;}
    main .bbs_box + .bbs_box {margin-top: 8px;}
    main .bbs_box .box_head {border-bottom: 1px solid #E2D8D2;}
    main .bbs_box .box_head:after {clear: both; content: ''; display: block;}
    main .bbs_box .box_head .no {width: 50px; text-align: center; float: left; font-size: 12px; line-height: 30px; }
    main .bbs_box .box_head .title {width: calc(100% - 55px); text-align: center; float: left; font-size: 12px; line-height: 30px; font-weight: 500; height: 30px; }
    main .bbs_box .box_head a {color: #484847; font-weight: 500;}
    main .bbs_box .box_body {padding: 11px 15px; font-size: 10px; line-height: 17px; text-align: center;}
    main .bbs_box .box_body span {display: inline-block;}
    main .bbs_box .box_body span + span:before {content: '|'; color: #CBC8C7; padding-left:8px; padding-right: 8px;}
    main .bbs_box .box_body span strong {padding-right: 5px; font-weight: bold;}

    .search_input .form-control + .form-control {margin-top: 6px;}
    .search_btn {margin-top: 6px; margin-bottom: 18px;}
    .search_btn:after {clear: both; content: ''; display: block;}
    .search_btn .left {float: left;}
    .search_btn .right {float: right;}

    .btn.size_l {border-radius: 6px;}
    .btn.main {background: transparent linear-gradient(180deg, #D6C3B4 0%, #AD958B 100%) 0% 0% no-repeat padding-box; min-width: 50px;}
    .btn.sub {background: #C7C7C7;}
    .btn.btn-block {padding-left: 0; padding-right: 0; text-align: center;}

    .pagination .page-item .page-link {font-size: 10px; color: #292929; background-color: transparent; border-color: transparent; line-height: 18px; padding: 0 .75rem;}
    .pagination .page-item.active .page-link {font-weight: bold; }
    .pagination .page-item.prev {width: 18px; height: 18px; background:transparent url('../img/prev_mobile.svg') center center; background-size: contain;}
    .pagination .page-item.next {width: 18px; height: 18px; background:transparent url('../img/next_mobile.svg') center center; background-size: contain;}

    .bottom_btn_area {margin-top: 20px; position: relative;}
    .bottom_btn_area .btns {position: absolute;}
    .bottom_btn_area .btns.right {right: 0;}
    .bottom_btn_area .bottom_pagination {padding-top: 8px; display: flex; justify-content: flex-end;}

    .bbs_detail h4.bbs_title {color: #292929; fot-size: 18px; font-weight: 500;}
    .bbs_detail .bbs_etc_info {text-align: right; font-size: 9px; padding-top: 14px; padding-bottom: 30px;}
    .bbs_detail .bbs_etc_info span + span:before {content: '|'; color: #F59B7E; padding-left:7px; padding-right: 7px;}
    .bbs_detail .bbs_content {font-size: 14px; line-height: 24px;}

    .bbs_btn {margin-top: 40px; text-align: center;}
    .bbs_btn .btn + .btn {margin-left: 10px;}

    .nav_menu {width: 100%; height: 100%; opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; z-index: 999;}
    .nav_open {height: 100%; overflow: hidden;}
    .nav_open .nav_menu {opacity: 1; visibility: visible; background: rgba(72, 72, 71, 0.4); }

    .modal-dialog.modal-wiselife {margin: .5rem auto; width: 350px;}
    .modal-wiselife .modal-content {font-size: 14px;}
    .modal-footer .btn {font-size: 12px; line-height: 35px; border-radius: 5px; min-width: 100px; text-align: center;}
    .modal-footer .btn.sub {background: #C8BFBC; color:white;}
    .modal-footer .btn.main {background: #534E49; color:white;}

    main.login {position: relative; padding: 0;}
    main.login h2 {color: #867165; text-align: center; font-size: 18px; margin-top: 80px; margin-bottom: 80px;}
    main.login .login_form {padding: 0 18px 60px 18px; width: 100%;}
        .login_form .login_input {background-color:white; border-radius:8px; height:48px;}
        .login_form .login_input + .login_input {margin-top: 15px;}
            .login_input label {color: #867165; font-size: 14px; display: inline-block; width: 60px; line-height: 48px; padding-left: 16px;}
            .login_input input {font-size: 16px; line-height: 48px; background: transparent; border: none; width: calc(100% - 80px); padding: 0;}
            .login_input input:focus {outline: none;}
    main.login .other {margin-top:25px; margin-bottom: 38px; text-align:center;}
    main.login .other a {font-size: 15px; color: #867165;}
    main.login .other a + a:before {content: '|'; color: #CDB9AB; padding-left:28px; padding-right: 28px;}

    .find_pw_form {padding: 18px;}
    .find_pw_form .btns {margin-top: 30px;}
    .login_input2 {background-color: white; border-radius:6px; height:60px; color: #534E49;}
    .login_input2 label {color: #867165; font-size: 16px; display: inline-block; width: 60px; line-height: 48px; padding-left: 16px;}
    .login_input2 input {font-size: 16px; line-height: 60px; background: white; border: none; width: 100%; width: calc(100% - 80px); padding: 0;}
    .login_input2 input::placeholder {color: #909090;}
    .login_input2 input:focus {outline: none;}

    .find_id_guide {padding: 18px; text-align: center;}
    .find_id_guide h5 {color: #867165; font-weight: bold; font-size: 13px; margin-bottom: 7px;}
    .find_id_guide p {font-size: 13px; line-height: 24px; margin-bottom: 20px;}
    .find_id_guide span {font-size: 15px; font-weight: 500; color: #907B71;}
    .find_id_guide span + a {font-size: 24px; color: #EA8E72; margin-left: 14px;}
    .find_id_guide span + a:hover {text-decoration: none;}
    .find_pw_form .login_input2 label {width: 75px;}

    .asterisk_info {}
    .asterisk_info p {font-size: 30px; text-align: center;}
    .asterisk_info .guide {font-size: 13px; font-weight: 300; line-height: 24px; text-align: center; margin-top: 20px;}

    .find_pw_result {}
    .find_pw_result p {font-size: 13px; text-align: center;}
    .find_pw_result .btns {margin-top: 60px; text-align: center;}

    main.join {padding-top: 75px;}
    main.join h2 {color: #867165; font-size: 18px; font-weight: 500; text-align: center;}
    main.join .h2_guide {color: #292929; font-size: 12px; font-weight: 300; text-align: center;}
    main.join .form_box {margin-top: 70px;}
    main.join .form_box h4 {color: #867165; font-size: 14px; font-weight: 500;}
    main.join .form_box hr {border-color: #867165; margin-top: 8px; margin-bottom: 20px;}
    main.join .form_box label.col-md-3 {display: none;}
    main.join .form_box .form-control {border: none; border-radius: 6px; font-size: 15px; color: #292929;}
    main.join .form_box input.form-control {line-height: 50x; height: 50px; padding-left: 15px; padding-right: 15px;}
    main.join .form_box .form-control::placeholder {color: #867165;}
    main.join .form_box .input-group-append .btn {line-height: 50px; height: 50px; color: white; font-size: 15px; padding: 0 16px; border: none;}
    main.join .form_box .input-group input.form-control {border-top-right-radius: 0; border-bottom-right-radius: 0;}
    main.join .form_box .guide-msg {padding-top: 7px; color: #838383;}
    main.join .btns {margin-top: 70px;}
    main.join .join_result {text-align: center; padding-top: 30px;}
    main.join .join_result p {font-size: 15px; font-weight: 300; line-height: 28px; margin-top: 40px; display:flex; justify-content:center;}
    main.join .join_result p.contact strong {color: #907B71; font-size: 15px; font-weight: 500;}
    main.join .join_result p.contact .tel {color: #EA8E72; font-size: 24px; margin-left: 12px;}

    .btn.size_b {font-size: 16px; line-height: 60px; border-radius: 4px; color: white; padding: 0 50px; border: none;}
    .btn.size_b.btn-block {padding: 0;}
    .btn.join_main {background: transparent linear-gradient(180deg, #D6C3B4 0%, #AD958B 100%) 0% 0% no-repeat padding-box;}
    .btn.join_sub {background: #C7C7C7;}

    .form-group select {border:none; border-radius: 6px; padding-left: 15px; padding-right: 15px; line-height: 50px; height: 50px;
        background: white url('../img/icon_dropdown_orange.svg') no-repeat 95% 50%;}
    .form-group select:invalid {color: #867165;}
}
/* easy pie chart */
.vue-easy-pie-chart {
    position: relative;
    text-align: center;
}
.vue-easy-pie-chart .inner-text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    display: block;
}

.vote_img {color: white; font-size: 10px; font-weight: bold; text-align: center; line-height: 22px; width: 37px; height:22px; border-radius: 0 7px 7px 0;}
.vote_img.processing {background-color: #479EF5;}
.vote_img.expected {background-color: #F5AD24;}
.vote_img.complete {background-color: #B7B7B7;}
.vote_img.no_vote {background-color: #CFB0DB;}
.vote_img.turnout {background-color: #EA8E72; width: 57px;}


.sub_content.result h4 {font-size: 22px;}
.sub_content.bbs_detail small.text-period, .sub_content.result small.text-period {display: block; margin-top: 12px;}
.sub_content.result .vote_img {display: inline-block;}
.sub_content.result .graph {background-color: white; margin: 26px -18px; padding: 50px 20px 30px 20px;}
.sub_content.result .graph .graph_value {color: #EA8E72;}
.sub_content.result .guide_etc {text-align: center; font-size: 12px; margin-top: 20px;}
.sub_content.result .guide_etc + .guide_etc {margin-top: 4px;}
.sub_content.result .guide_etc span {font-weight: 500;}
.sub_content.result .guide_etc span + span:before {content: '|'; color: #CBC8C7; font-size: 10px; padding-left: 10px; padding-right: 12px;}
.sub_content.result .guide_etc strong {color: #EA8E72; font-weight: 500; padding-left: 5px;}
.sub_content.result .guide_b {margin-top: 30px;}
.sub_content.result .btns {text-align: center;}
.sub_content.result .btns .size_m {height: 36px; line-height: 36px;}

.sub_content.result .graph.bar {padding: 20px 35px 30px 35px; min-height: 380px;}
.sub_content.result .graph.bar .vote_index span {background-color: #E8E8E8;}
.sub_content.vote .close {margin-top: -10px; margin-right: -5px;}
    .vote_index {text-align: center;}
    .vote_index span {background-color: #cecece; border-radius:12.5px; width: 25px; height: 25px; text-align: center; display:inline-block; font-size: 13px; color: white; line-height: 25px;}
    .vote_index span + span {margin-left: 4px;}
    .vote_index span.selected {background-color: #EA8E72!important;}
    .vote_index span.passed {background-color: #907B71!important;}
.result_item {display: none;}
.result_item.selected {display: block;}
.result_item .item_title {margin-top: 17px;}
.result_item .item_title .no {font-size: 14px; font-weight: bold; color: #BAA699; display: table-cell; width: 55px;}
.result_item .item_title .title {font-size: 17px; display: table-cell; width: calc(100% - 55px);}
.result_item .choice_list {margin-top: 5px;}
.result_item .choice_list .choice {font-size: 12px}
.result_item .choice_list .choice + .choice:before {content: '|'; color: #CBC8C7; padding-left: 8px; padding-right: 10px; font-size: 11px;}
.result_item .graph_area {display: table; width: 100%; margin-top: 25px;}
.result_item .graph_area .choice_result {display: table-row; height: 40px;}
.result_item .graph_area .choice_result .no {display: table-cell; width: 28px; font-size: 14px; font-weight: bold; vertical-align: middle;}
.result_item .graph_area .choice_result .bar {display: table-cell; width: calc(100% - 28px - 90px); border-left: 1px solid #484847; vertical-align: middle;}
.result_item .graph_area .choice_result .bar span {background-color: #EA8E72; height:24px; display: block;}
.result_item .graph_area .choice_result .text {display: table-cell; width: 90px; text-align: right; font-size: 12px; vertical-align: middle;}
.result_item .elected_info {margin-top: 30px;}
.result_item .elected_info .max_choice {text-align: center; font-size: 17px;  word-break: keep-all;}
.result_item .elected_info .max_choice .max_percent {font-size: 30px; font-weight: 500; color: #EA8E72;}
.result_item .elected_info .static {margin-top: 6px; font-size: 12px; text-align: center;}
.result_item .elected_info .static span + span:before {content: '|'; color: #CBC8C7; padding-left: 8px; padding-right: 10px; font-size: 11px;}
.result_item .elected_info .static span strong {color: #EA8E72; font-weight: 500;}
.result_item .narrative_text {color: #BAA699; font-size: 17px; text-align: center;}
.sub_content.result .graph.bar .guide_b {margin-top: 20px;}

.download-text {cursor: pointer;}
.download-text:hover {text-decoration-line: underline}

.question-view-btn.active {color: white; background-color: #DB896E;}
.question-view-btn:hover {color: white !important;}

.question-view-btn.selected {color: white; background-color: #DB896E;}

.cursor-pointer {cursor: pointer;}

.tab_content {border: 1px solid #ddd;}

.nav-fill .nav-item {background-color: #5D5752;color: white;}
.nav-fill .nav-item.active {background-color: #DB896E;}