/* sub */


/* 컨설팅 시세 확인 */

.quotes_list_box {
    margin-top: 8.333vw;
}

.quotes_list_box .quotes_title_box {
    padding: 0 4.167vw;
    margin-bottom: 3.889vw;
}

.quotes_list_box .quotes_title_box h2 {
    font-size: 4.167vw;
    font-weight: 500;
    color: #252525;
}

.quotes_list_box .quotes_title_box p {
    margin-top: 2.222vw;
    font-size: 3.472vw;
    font-weight: 400;
    color: #757575;
}

.quotes_list {
    padding: 5.556vw 4.444vw 0;
    border-top: 1px solid #757575;
}

.quotes_list li {
    border: 1px solid #dbdbdb;
    background: #fff;
}

.quotes_list li+li {
    margin-top: 2.778vw;
}

.quotes_list li .toggle_btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 3.889vw 4.167vw;
    text-align: left;
    box-sizing: border-box;
}

.quotes_list li .toggle_btn .right {
    margin-left: auto;
}

.quotes_list li .toggle_btn .company_name {
    display: block;
    font-size: 3.611vw;
    font-weight: 500;
    color: #252525;
}

.quotes_list li .toggle_btn .category {
    display: block;
    margin-top: 1.389vw;
    font-size: 3.611vw;
    font-weight: 400;
    color: #454545;
}

.quotes_list li .toggle_btn .end_date {
    margin-top: 1.389vw;
}

.quotes_list li .toggle_btn .end_date .label {
    display: inline-block;
    margin-right: 0.694vw;
    font-size: 3.472vw;
    font-weight: 400;
    color: #999999;
    vertical-align: middle;
}

.quotes_list li .toggle_btn .end_date .data {
    display: inline-block;
    font-size: 3.472vw;
    font-weight: 400;
    color: #454545;
    vertical-align: middle;
}

.quotes_list li .toggle_btn .price .label {
    display: inline-block;
    margin-right: 1.389vw;
    font-size: 3.472vw;
    font-weight: 400;
    color: #999999;
    vertical-align: middle;
}

.quotes_list li .toggle_btn .price .data {
    display: inline-block;
    font-size: 3.611vw;
    font-weight: 500;
    color: #3f71b7;
    vertical-align: middle;
}

.quotes_list li .toggle_btn .price .data strong {
    margin-right: 0.694vw;
    font-size: 4.167vw;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    color: #3f71b7;
    letter-spacing: -0.04em;
}

.quotes_list li .toggle_btn .count {
    display: block;
    margin-top: 2.778vw;
    margin-left: auto;
    width: 15.556vw;
    height: 6.667vw;
    line-height: 6.667vw;
    text-align: center;
    font-size: 3.472vw;
    font-weight: 500;
    color: #fff;
    background: #6478bf;
    border-radius: 3.333vw;
}

/* quotes_main */
.quotes_main {
    padding-bottom: 11.389vw;
}
.quotes_main .goto_quotes a{
    display:block;
}
  /*
.quotes_main .goto_quotes {
   padding: 8.333vw 4.167vw;
    background: #6478bf url(../img/sub/goto_quotes_bg.jpg) center bottom no-repeat;
    background-size: cover; 
}*/
/* 
.quotes_main .goto_quotes .quotes_link {
    display: block;
    width: 100%;
    height: 12.500vw;
    padding: 0 5.833vw;
    font-size: 4.167vw;
    font-weight: 500;
    line-height: 12.500vw;
    color: #252525;
    background: #fff url(../img/ico/quotes_link_search.png) right 3.750vw center no-repeat;
    background-size: 5.278vw;
    border-radius: 6.250vw;
    box-shadow: 0.694vw 1.250vw 2.778vw 0px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
}

.quotes_main .goto_quotes p {
    margin-top: 3.889vw;
    padding-left: 5.833vw;
    font-size: 3.611vw;
    font-weight: 400;
    color: #fff;
    line-height: 1.38;
} */

.quotes_main .quotes_list li {
    background: #fafafa;
}

.quotes_main .quotes_list li:nth-child(-n+5) {
    border: 1px solid #afbed3;
    background: #fff;
}

/* quotes_result */
.quotes_result {
    padding-bottom: 11.389vw;
}

.quotes_result_wrap {
    padding: 8.333vw 4.167vw;
    background: #f1f3f9;
}

.quotes_result_box .top {
    padding: 5.556vw 0;
    font-size: 4.167vw;
    font-weight: 500;
    color: #fff;
    text-align: center;
    background: #6478bf;
    border-radius: 3.611vw 3.611vw 0 0;
}

.quotes_result_box .top .ico {
    display: block;
    width: 5.833vw;
    height: 5.833vw;
    margin: 0 auto 2.778vw;
    background: url(../img/ico/quotes_result_top.png) center center no-repeat;
    background-size: 5.833vw;
}

.quotes_result_box .bottom {
    padding: 5vw 5.278vw;
    background: #fff;
    border-radius: 0 0 3.611vw 3.611vw;
}

.quotes_result_box .bottom dl {
    display: flex;
}

.quotes_result_box .bottom dl+dl {
    margin-top: 4.167vw;
}

.quotes_result_box .bottom dt {
    width: 27.500vw;
    font-size: 3.472vw;
    font-weight: 500;
    color: #252525;
    line-height: 1.4;
    flex: 0 0 auto;
}

.quotes_result_box .bottom dd {
    font-size: 3.472vw;
    font-weight: 400;
    color: #454545;
    line-height: 1.4;
}

/* //컨설팅 시세 확인 */


/* chat_container */
.chat_container {
    background: #f1f3f9;
}

.chat_container.control_btn_able {
    padding-bottom: 12.500vw;
}

.chat_area {
    width: 100%;
    height: 100%;
    padding: 0 4.167vw 9.722vw;
    overflow: auto;
    box-sizing: border-box;
}

.chat_item {
    display: flex;
    align-items: flex-start;
    margin-top: 8.333vw;
}
.chat_item.my_chat .cont {
  margin-left: auto;
}
.quote .chat_item.my_chat .bubble_area ,
.chat_item.my_chat .bubble_area {
  margin-left: auto;
}
.chat_item.qna_cont {
  display: block;
}



.chat_item .thumb {
    width: 12.222vw;
    margin-right: 2.778vw;
    flex: 0 0 auto;
}

.chat_item .thumb img {
    display: block;
}

.chat_item .cont {
    width: calc(100% - 15vw);
}

.chat_item .npc {
    display: block;
    padding-top: 1.389vw;
    font-size: 3.611vw;
    font-weight: 400;
    color: #757575;
}

.chat_item .bubble_area {
    margin-top: 1.944vw;
    padding-right: 8.333vw;
}

.chat_item .bubble_area .bubble_row+.bubble_row {
    margin-top: 2.222vw;
}

.chat_item .bubble_area .btn_row {
    display: flex;
    align-items: center;
}

.chat_item .bubble_area .btn_row+.btn_row {
    margin-top: 1.944vw;
}

.chat_item .bubble_area .btn_row .btn {
    position: relative;
    display: block;
    width: 100%;
    /* max-width:calc(50% - 1.944vw); */
    padding: 2.639vw 1.389vw;
    border: 1px solid #dddddd;
    font-size: 3.611vw;
    font-weight: 500;
    color: #333333;
    line-height: 1.4;
    text-align: center;
    letter-spacing: -0.04em;
    background: #f5f5f5;
    border-radius: 1.389vw;
    box-sizing: border-box;
}

.chat_item .bubble_area .btn_row .btn.bb_point_btn {
  background: #dae3f3;
  border-color: #dae3f3;
}

.chat_item .bubble_area .field .btn_row .btn {
    max-width: calc(50% - 0.972vw);
}

.chat_item .bubble_area .btn_row .btn+.btn {
    margin-left: 1.944vw;
}

.chat_item .bubble_area .btn_row .btn.on {
    background: #fff;
}

.chat_item .bubble_area .btn_row .btn.on::after {
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border: 2px solid #6478bf;
    border-radius: 1.250vw;
    box-sizing: border-box;
    content: '';
}

.chat_item .bubble_area .btn_row .btn .gray_txt {
    display: block;
    font-size: 2.778vw;
    font-weight: 400;
    color: #757575;
}
.chat_item.my_chat .bubble_row {
  display: flex;
}
.chat_item.my_chat .bb_box {
  margin-left: auto;
  border-radius: 3.611vw;
  min-width: 75%;
}
.chat_item .bb_box {
    display: inline-block;
    padding: 2.778vw;
    font-size: 3.889vw;
    font-weight: 400;
    color: #252525;
    line-height: 1.4;
    word-break: keep-all;
    background: #fff;
    border-radius: 0 3.611vw 3.611vw 3.611vw;
}

.chat_item .bb_box .keyword,
.chat_item .bb_box .subject {
    font-size: 3.889vw;
    font-weight: 500;
}

.chat_item .bb_box .desc {
    color: #454545;
}

.chat_item .bb_box .gray_txt {
    display: block;
    font-size: 3.611vw;
    font-weight: 400;
    color: #757575;
    line-height: 1.4;
}

.chat_item .bb_box .blue_txt {
    display: block;
    margin-bottom: 3.056vw;
    font-size: 3.889vw;
    font-weight: 500;
    color: #3f71b7;
}

.chat_item .bb_box input {
    display: block;
    width: 100%;
    height: 10.556vw;
    border: 1px solid #dddddd;
    padding: 0 2.778vw;
    font-size: 3.611vw;
    font-weight: 500;
    color: #454545;
    background: #f5f5f5;
    border-radius: 1.389vw;
    box-sizing: border-box;
}

.chat_item .bb_box input+input {
    margin-top: 1.944vw;
}

.chat_item .bb_box dl {
    display: flex;
}

.chat_item .bb_box dl+dl {
    margin-top: 2.222vw;
}

.chat_item .bb_box dt {
    width: 22.500vw;
    font-size: 3.889vw;
    font-weight: 400;
    color: #333333;
    flex: 0 0 auto;
}

.chat_item .bb_box dd {
    font-size: 3.889vw;
    font-weight: 400;
    color: #454545;
    word-break: break-all;
}

.chat_item .bb_box>*+.btn_row {
    margin-top: 2.778vw;
}

.chat_item .bb_box .btn_row .btn {
    width: 26.139vw;
}

.chat_item .bb_box .btn_row .desc_btn {
    width: 100%
}

.chat_item .bb_box .compare_confirm .desc {
    display: block;
}

.chat_item .bb_box .compare_confirm .desc+.subject {
    display: block;
    margin-top: 2.778vw;
}

.chat_item .row_btn {
    display: block;
    width: 100%;
}

.chat_item .row_btn+.row_btn {
    margin-top: 1.9444vw;
}

.chat_item .row_btn input {
    display: none;
}

.chat_item .row_btn input+label {
    position: relative;
    display: block;
    width: 100%;
    padding: 2.639vw 1.389vw;
    border: 1px solid #dddddd;
    font-size: 3.611vw;
    font-weight: 500;
    color: #333333;
    line-height: 1.4;
    text-align: center;
    letter-spacing: -0.04em;
    background: #f5f5f5;
    border-radius: 1.389vw;
    box-sizing: border-box;
}

.chat_item .row_btn input:checked+label {
    background: #fff;
}

.chat_item .row_btn input:checked+label:after {
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border: 2px solid #6478bf;
    border-radius: 1.25vw;
    box-sizing: border-box;
    content: '';
}

.chat_item .row_btn .selc_ttl {
    font-size: 3.6111vw;
    font-weight: 500;
    line-height: 1.3;
    color: #333;
}

.chat_item .row_btn .selc_disc {
    font-size: 2.7778vw;
    line-height: 1.3;
    color: #757575;
    margin-top: 0.6944vw;
}

.bb_input_box .sel_row .label {
    display: block;
    margin-bottom: 3.056vw;
    font-size: 3.611vw;
    font-weight: 500;
    color: #333333;
}

.bb_input_box .sel_row .data .row_btn {
    width: calc(50% - 0.9722vw);
}

.bb_input_box .sel_row .data .row_btn + .row_btn{
    margin-top: 0;
}

.bb_input_box .sel_row .data .row_btn:nth-child(2n-1) {
    margin-right: 1.9444vw;
}

.bb_input_box .input_row+.sel_row {
    margin-top: 3.056vw;
}

.bb_input_box .sel_row .txt{
    font-size: 3.3333vw;
    line-height: 1.3;
    color: #252525;
    margin-top: 2.7778vw;
}

/* quote 추가 */

.quote .chat_item {
    margin-top: 9.7222vw;
}

.quote .chat_item .bubble_area {
    max-width: 67.2222vw;
    padding: 0;
}

.quote .chat_item .bubble_area.max{
    max-width: none;
}

.quote .chat_item .bubble_area.max .select_btnwrap{
    max-width: 68.0556vw;
}

.quote .chat_item .bb_box strong {
    font-weight: 500;
}

.chat_item .bb_box .txt_disc {
    font-size: 3.6111vw;
    line-height: 1.3;
    color: #757575;
}

.quote .bb_input_box .bb_input_ttl {
    padding: 5.833vw 1.389vw;
}

.quote .bb_input_box .bb_input_ttl span {
    display: inline-block;
}

.quote .chat_area {
    padding-bottom: 15vw;
}

.bb_info_wrap+.btn_2box {
    margin-top: 3.0556vw;
}

.bb_info_wrap dl {
    display: flex;
    flex-wrap: wrap;
}

.bb_info_wrap dl dt {
    width: 22.9167vw;
    font-size: 3.8889vw;
    line-height: 1.3;
    color: #333;
}

.bb_info_wrap dl dt:not(:first-of-type),
.bb_info_wrap dl dd:not(:first-of-type) {
    margin-top: 3vw;
}

.bb_info_wrap dl dd {
    width: calc(100% - 22.9167vw);
    font-size: 3.8889vw;
    line-height: 1.3;
    word-break: break-all;
    color: #454545;
    padding-right: 5.5556vw;
    box-sizing: border-box;
}

.fix_btn2box {
    display: flex;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
}

.fix_btn2box .btn {
    display: inline-flex;
    width: 50%;
    height: 12.5vw;
    justify-content: center;
    align-items: center;
    font-size: 3.8889vw;
    font-weight: 500;
    color: #252525;
    border: solid 1px #dbdbdb;
    box-sizing: border-box;
}

.fix_btn2box .next_btn {
    border-color: #3f71b7;
    color: #3f71b7;
}

.fix_btn2box .next_btn span {
    background: url('../img/ico/blue_next13x24.png') no-repeat right;
    background-size: 1.8056vw auto;
    padding-right: 4.0278vw;
}


.fix_btn4box {
    display: flex;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
}

.fix_btn4box .btn {
    display: inline-flex;
    width: calc(25% + 1px);
    height: 12.5vw;
    justify-content: center;
    align-items: center;
    font-size: 3.8889vw;
    font-weight: 500;
    color: #252525;
    border: solid 1px #dbdbdb;
    box-sizing: border-box;
}

.fix_btn4box .btn.save_btn {
    color: #fff;
    background: #3f71b7;
}

.fix_btn4box .btn+.btn {
    margin-left: -1px;
}

.fix_btn4box .next_btn {
    border-color: #3f71b7;
    color: #3f71b7;
}

.fix_btn4box .next_btn span {
    background: url('../img/ico/blue_next13x24.png') no-repeat right;
    background-size: 1.8056vw auto;
    padding-right: 4.0278vw;
}

.fix_btn3box{
    display: flex;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
}

.fix_btn3box .btn{
    display: inline-flex;
    width: calc(33.33% + 1px);
    height: 12.5vw;
    justify-content: center;
    align-items: center;
    font-size: 3.8889vw;
    font-weight: 500;
    color: #252525;
    border: solid 1px #dbdbdb;
    box-sizing: border-box;
}

.fix_btn3box .btn+.btn {
    margin-left: -1px;
}

.fix_btn3box .btn.save_btn {
    color: #fff;
    background: #3f71b7;
}

.fix_btn3box .next_btn {
    border-color: #3f71b7;
    color: #3f71b7;
}

.fix_btn3box .next_btn span {
    background: url('../img/ico/blue_next13x24.png') no-repeat right;
    background-size: 1.8056vw auto;
    padding-right: 4.0278vw;
}



.fix_savebtn {
    display: flex;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

.fix_savebtn button {
    display: block;
    width: 100%;
    height: 12.5vw;
    text-align: center;
    font-size: 3.8889vw;
    color: #fff;
    font-weight: 500;
    background: #3f71b7;
}

.bb_box .bb_itemttl{
    font-size: 3.8889vw;
    font-weight: 500;
    line-height: 1.3;
    color: #3f71b7;
    margin-bottom: 2.7778vw;
}

.bb_box .bb_check_txtwrap .ttl{
    font-size: 3.8889vw;
    font-weight: 500;
    line-height: 1.4;
    color: #252525;
}

.bb_box .bb_check_txtwrap .disc{
    font-size: 3.8889vw;
    line-height: 1.4;
    color: #454545;
    margin-top: 0.5vw;
    word-break: break-all;
}

.check_last .bb_box .bb_check_txtwrap .disc{
    font-weight: 700;
    color: #f06e16;
}

.bb_check_txtwrap + .bb_check_txtwrap{
    margin-top: 2.1667vw;
}

.bb_check_txtwrap + .bb_input_box {
    margin-top: 2.1667vw;
}

.bb_check_txtwrap .photo_wrap{
    display: flex;
    flex-wrap: wrap;
}

.bb_check_txtwrap .photo_wrap .photo{
    width: 29.4444vw;
    height: 29.4444vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1.3889vw;
    margin-top: 1.3889vw;
    border: solid 1px #ddd;
}

.bb_check_txtwrap .photo_wrap .photo:nth-child(2n-1){
    margin-right: 1.3889vw;
}

.bb_input_box + .bb_itemttl{
    margin-top: 7.6389vw;
}

.bb_input_box .bb_input_ttl {
    /* padding: 5.833vw 1.389vw; */
    padding: 4.444vw 1.389vw;
    font-size: 4.167vw;
    font-weight: 500;
    color: #fff;
    text-align: center;
    background: #6478bf;
    border-radius: 3.611vw 3.611vw 0 0;
}

.bb_input_box .bb_input_ttl .ico {
    display: block;
    width: 5.556vw;
    height: 5.556vw;
    margin: 0 auto 2.778vw;
    background: url(../img/ico/bb_input_ttl_ico.png) center center no-repeat;
    background-size: 5.556vw;
}

.bb_input_box .bb_input_cont {
    padding: 3.056vw 2.778vw;
    background: #fff;
    border-radius: 0 0 3.611vw 3.611vw;
}

.bb_input_box .input_row+.input_row {
    margin-top: 3.056vw;
}

.bb_input_box .input_row .label {
    display: block;
    margin-bottom: 3.056vw;
    font-size: 3.611vw;
    font-weight: 500;
    color: #333333;
}

.bb_input_box .input_row .data input {
    display: block;
    width: 100%;
    height: 10.556vw;
    padding: 0 2.778vw;
    border: 1px solid #dddddd;
    font-size: 3.611vw;
    font-weight: 400;
    color: #454545;
    border-radius: 1.389vw;
    box-sizing: border-box;
}

.bubble_row .file_box {
    display: flex;
    flex-wrap: wrap;
    min-width: 61.667vw;
}

.bubble_row .file_box .file_item {
    position: relative;
    width: calc(50% - 1.389vw);
    border: 1px solid #dddddd;
    margin-right: 2.778vw;
    margin-top: 2.778vw;
    border-radius: 1.389vw;
    box-sizing: border-box;
}

.bubble_row .file_box .file_item:nth-child(2n) {
    margin-right: 0;
}

.bubble_row .file_box .file_item:nth-child(-n+2) {
    margin-top: 0;
}

.bubble_row .file_box .file_item span {
    display: block;
    width: 100%;
    padding-top: 100%;
    border-radius: 1.250vw;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bubble_row .file_box .file_item .del_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 6.944vw;
    height: 6.944vw;
    background: url(../img/btn/file_del_btn.png) center center no-repeat;
    background-size: 4.167vw;
}

.bubble_row .file_button {
    margin-top: 5.556vw;
}

.bubble_row .file_button input {
    display: none;
}

.bubble_row .file_button label {
    display: block;
    width: 100%;
    height: 10.556vw;
    font-size: 3.611vw;
    font-weight: 400;
    color: #fff;
    line-height: 10.556vw;
    text-align: center;
    background: #6478bf;
    border-radius: 1.389vw;
}

.bb_input_box .bb_input_cont .bb_input_notice {
    display: block;
    margin-bottom: 2.778vw;
    font-size: 3.333vw;
    font-weight: 400;
    color: #252525;
    line-height: 1.3;
}

/* 버튼이 빠진 bb_input_notice */
.bb_input_box .bb_input_cont:first-of-type .bb_input_notice {
  margin-bottom: 0;
}

.bb_input_box .bb_input_cont .bb_point {
  color: #6478bf;
  font-weight: 700;
}

.bb_input_box .bb_select_cont {
    padding: 3.056vw 2.778vw;
    background: #fff;
    border-radius: 3.611vw;
}

.bb_input_box .bb_select_cont .bb_input_guide {
    display: block;
    font-size: 3.8889vw;
    margin-bottom: 3.0556vw;
    font-weight: 400;
    color: #252525;
    line-height: 1.3;
}

.bb_input_box .bb_select_cont .bb_input_guide strong {
    font-weight: 500;
}

.bb_input_box .bb_input_cont textarea {
    display: block;
    width: 100%;
    height: 42.500vw;
    border: 1px solid #dddddd;
    padding: 3.611vw 2.778vw;
    font-size: 3.611vw;
    font-weight: 400;
    line-height: 1.4;
    border-radius: 1.389vw;
    box-sizing: border-box;
    resize: none;
}

.bb_input_box .btn_2box {
    display: flex;
    justify-content: space-between;
}

.bb_input_box .btn_2box>* {
    width: calc(50% - 0.9722vw);
    max-width: 30.2778vw;
    position: relative;
    display: block;
    padding: 2.639vw 1.389vw;
    border: 1px solid #dddddd;
    font-size: 3.611vw;
    font-weight: 500;
    color: #333;
    line-height: 1.4;
    text-align: center;
    letter-spacing: -0.04em;
    background: #f5f5f5;
    border-radius: 1.389vw;
    box-sizing: border-box;
}

.bb_input_box .bb_input_cont textarea::placeholder {
    color: #999999;
}

.bb_input_box .bb_input_cont.field button {
    width: 29.861vw;
    height: 29.861vw;
}

.bb_input_box .bb_input_cont.field button .ico {
    display: block;
    width: 12.222vw;
    height: 12.222vw;
    margin: 0 auto 2.222vw;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12.222vw;
}

.bb_input_box .bb_input_cont .field01 .ico {
    background-image: url(../img/ico/ico_category01.png);
}

.bb_input_box .bb_input_cont .field02 .ico {
    background-image: url(../img/ico/ico_category02.png);
}

.bb_input_box .bb_input_cont .field03 .ico {
    background-image: url(../img/ico/ico_category03.png);
}

.bb_input_box .bb_input_cont .field04 .ico {
    background-image: url(../img/ico/ico_category04.png);
}

.bb_input_box .bb_input_cont .field_btn {
    display: block;
    width: 100%;
    max-width: calc(50% - 0.972vw);
}

.bb_input_box .bb_input_cont .field_btn+.field_btn {
    margin-left: 1.944vw;
}

.bb_input_box .bb_input_cont .field_btn input {
    display: none;
}

.bb_input_box .bb_input_cont .field_btn input+label {
    position: relative;
    display: block;
    width: 100%;
    padding: 5.9722vw 1.389vw;
    border: 1px solid #dddddd;
    font-size: 3.611vw;
    font-weight: 500;
    color: #333333;
    line-height: 1;
    text-align: center;
    letter-spacing: -0.04em;
    background: #f5f5f5;
    border-radius: 1.389vw;
    box-sizing: border-box;
}

.bb_input_box .bb_input_cont .field_btn input:checked+label {
    background: #fff;
}

.bb_input_box .bb_input_cont .field_btn input:checked+label::before {
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border: 2px solid #6478bf;
    border-radius: 1.25vw;
    box-sizing: border-box;
    content: '';
}

.bb_input_box .bb_input_cont .field_btn .ico {
    display: block;
    width: 12.222vw;
    height: 12.222vw;
    margin: 0 auto 2.5vw;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 11.6667vw auto;
}

.bb_input_box .bb_input_cont .field_btn .ico02 {
    background-size: 8.8889vw auto;
}

.bb_input_box .bb_input_cont .field_btn .ico03 {
    background-size: 8.0556vw auto;
}

.bb_input_box .bb_input_cont .field_btn .ico04 {
    background-size: 8.4722vw auto;
}

.bb_input_box .bb_input_cont .field_btn input+label span {
    display: inline-block;
}

.bb_input_box .bb_input_cont .gray_txt {
    display: block;
    margin-top: 1.389vw;
    font-size: 3.333vw;
    font-weight: 400;
    color: #252525;
    line-height: 1.4;
}

.chat_container .control_btn_box {
    display: flex;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12.500vw;
}

/* btn default */
.chat_container .control_btn_box .btn {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #dbdbdb;
    text-align: center;
    line-height: 12.222vw;
    font-size: 3.889vw;
    font-weight: 500;
    color: #252525;
    background: #fff;
    box-sizing: border-box;
}

.chat_container .control_btn_box .stop_btn {
    border-color: #3f71b7;
    color: #3f71b7;
}

.chat_container .control_btn_box .next_btn,
.chat_container .control_btn_box .comple_btn {
    border-color: #3f71b7;
    color: #fff;
    background: #3f71b7;
}

.chat_container .control_btn_box .next_btn span {
    display: inline-block;
    padding-right: 4.167vw;
    line-height: 1.4;
    background: url(../img/btn/arrow_next_btn.png) right 0 center no-repeat;
    background-size: 1.806vw;
}

/* //chat_container */

/* kind_search_pop */
.kind_search_pop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1111;
}

.kind_search_pop .top {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #6478bf;
}

.kind_search_pop .top .close_btn {
    display: block;
    width: 10.278vw;
    height: 13.889vw;
    text-indent: -9999em;
    background: url(../img/btn/kind_pop_close_btn.png) center center no-repeat;
    background-size: 2.222vw;
    flex: 0 0 auto;
}

.kind_search_pop .top input {
    display: block;
    width: 100%;
    height: 13.889vw;
    padding: 0;
    border: 0;
    font-size: 4.167vw;
    font-weight: 500;
    color: #252525;
}

.kind_search_pop .top .reset_btn {
    width: 11.111vw;
    height: 13.889vw;
    text-indent: -9999em;
    background: url(../img/btn/kind_pop_reset_btn.png) center center no-repeat;
    background-size: 4.167vw;
    flex: 0 0 auto;
}

.kind_search_pop .top .search_btn {
    width: 13.889vw;
    height: 13.889vw;
    text-indent: -9999em;
    background: url(../img/btn/kind_pop_search_btn.png) center center no-repeat;
    background-size: 5.139vw;
    flex: 0 0 auto;
}

.kind_search_pop .bottom {
    height: calc(100% - 14.028vw);
    padding: 0 4.444vw;
    overflow: auto;
}

.kind_search_pop .bottom ul {
    padding-top: 1.667vw;
}

.kind_search_pop .bottom ul li {
    border-bottom: 1px solid #eeeeee;
}

.kind_search_pop .bottom ul li button {
    display: block;
    width: 100%;
    height: 11.667vw;
    text-align: left;
    font-size: 3.611vw;
    font-weight: 400;
    color: #454545;
}

.kind_search_pop .bottom ul li button .keyword {
    font-size: 3.611vw;
    font-weight: 500;
    color: #252525;
}

/* //kind_search_pop */


/* desc_pop */
.desc_pop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1111;
}

.desc_pop .top {
    position: relative;
    height: 13.889vw;
    background: #252525;
}

.desc_pop .pop_ttl {
    font-size: 4.167vw;
    font-weight: 400;
    color: #fff;
    line-height: 13.889vw;
    text-align: center;
}

.desc_pop .close_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 13.889vw;
    height: 13.889vw;
}

.desc_pop .close_btn img {
    display: block;
    width: 3.889vw;
    margin: 0 auto;
}

.desc_pop .bottom {
    padding: 0 0 13.889vw;
    width: 100%;
    height: calc(100% - 13.889vw);
    background: #fff;
    overflow-y: auto;
    box-sizing: border-box;
}

.desc_pop .img_area img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.desc_pop .txt_area {
    border-top: 1px solid #454545;
}

.desc_pop .txt_area .subject {
    display: block;
    padding: 3.333vw 1.389vw;
    border-bottom: 1px solid #dbdbdb;
    font-size: 5.278vw;
    font-weight: 500;
    color: #252525;
    line-height: 1.5;
    text-align: center;
}

.desc_pop .txt_area .desc {
    display: block;
    padding: 5.556vw 4.167vw;
    font-size: 3.611vw;
    font-weight: 400;
    color: #454545;
    line-height: 1.7;
}

.desc_pop .bottom .ok_btn {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 12.500vw;
    font-size: 3.889vw;
    font-weight: 500;
    color: #fff;
    background: #3f71b7;
}

/* //desc_pop */


.community_container .back_btn {
    display: block;
    width: 38.889vw;
    height: 12.500vw;
    margin: 11.111vw auto 0;
    font-size: 3.889vw;
    font-weight: 400;
    text-align: center;
    line-height: 12.500vw;
    color: #fff;
    background: #3f71b7;
    border-radius: 0.556vw;
}

.editor_container .sub_content .table-bordered {
    border: solid 1px #dbdbdb;
}

.editor_container .sub_content .table-bordered td {
    padding: 6px;
    box-sizing: border-box;
    word-break: keep-all;
}

.editor_container .sub_content .table-bordered td+td {
    border-left: solid 1px #dbdbdb;
}