@CHARSET "UTF-8";
.sp_mod_talk01 .new_cnt-container02 {
    max-width: 1080px;
    width: calc(100% - 40px);
    margin: auto;
}
.sp_mod_talk01 h3 { font-size: 3.4rem; margin: 0 0 40px; font-weight: bold; }
.sp_mod_talk01 .talk_box { padding: 4rem; margin-bottom: 2rem; border: 1px solid #68c2bd; border-radius: 20px; overflow: hidden; }
.sp_mod_talk01 .talk_box.no_data { background: #f4f4f4; }
.sp_mod_talk01 .talk_box.no_data .item { text-align: center; }
.sp_mod_talk01 .talk_box.no_data .item p::before { content: ''; display: block; width: 56px; height: 56px; margin: 0 auto 2rem; background: url(/resource/images/entCntnts/no_data.png) no-repeat; }
.sp_mod_talk01 .talk_box.no_data .item p { margin-bottom: 4rem; color: #333333; font-size: 2.4rem; word-break: keep-all; }
.sp_mod_talk01 .talk_box.no_data .item span { color: #888888; font-size: 1.8rem; word-break: keep-all; }
.sp_mod_talk01 .cont_btn { display: flex; width: 180px; height: 50px; margin: 0 auto; color: #fff; font-size: 1.8rem; background: #35add4; border-radius: 10px; align-items: center; justify-content: center; text-align: center; }
.sp_mod_talk01 .btn { display: inline-flex; height: 40px; border: 1px solid #dddddd; align-items: center; justify-content: center; border-radius: 6px; box-sizing: border-box; }
.sp_mod_talk01 .btn_lg { width: 160px; }
.sp_mod_talk01 .btn_md { width: 100px; }
.sp_mod_talk01 .btn_sm { width: 80px; }
.sp_mod_talk01 .btn_style01 { background: #dddddd; color: #888888; border: none; }
.sp_mod_talk01 .btn_style02 { background: #fff; color: #888888; }
.sp_mod_talk01 .btn_style03 { background: #35add4; color: #fff; }
.sp_mod_talk01 .btn_style04 { background: #f4f4f4; color: #888888; }
.sp_mod_talk01 .btn_style05 { background: #fff; color: #888888; }

.sp_mod_talk01 .item + .item { padding-top: 4rem; border-top: 1px solid #7fc3ba; }
.sp_mod_talk01 .item .item_top { display: flex; margin-bottom: 1rem; padding-bottom: 1rem; align-items: center; border-bottom: 1px solid #dddddd; }
.sp_mod_talk01 .item .item_top .tag { display: inline-flex; width: 80px; height: 40px; margin-right: 2rem; font-size: 1.8rem; align-items: center; justify-content: center; border-radius: 6px; }
.sp_mod_talk01 .item .item_top .tag.q { color: #000; background: #f9f871; }
.sp_mod_talk01 .item .item_top .tag.a { color: #fff; background: #f29727; }
.sp_mod_talk01 .item .item_top .tag.r { color: #fff; background: #014B71; }
.sp_mod_talk01 .item .item_top p { margin-right: 2rem; font-size: 2rem; flex: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.sp_mod_talk01 .item .item_top a { margin-left: auto; }
.sp_mod_talk01 .item .item_mid { min-height: 100px; margin-bottom: 1rem; }
.sp_mod_talk01 .item .item_mid p { font-size: 1.8rem; }
.sp_mod_talk01 .item:last-child .item_bottom { margin-bottom: 0; }
.sp_mod_talk01 .item .item_bottom { display: flex; margin-bottom: 4rem; align-items: flex-end; }
.sp_mod_talk01 .item .item_bottom a { margin-left: auto; }
.sp_mod_talk01 .item .item_bottom .user_info { display: flex; }
.sp_mod_talk01 .item .item_bottom .user_info li { position: relative; }
.sp_mod_talk01 .item .item_bottom .user_info li:not(:first-child) { padding-left: 1rem; margin-left: 1rem; }
.sp_mod_talk01 .item .item_bottom .user_info li:not(:first-child)::before { content: ''; width: 1px; height: 14px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: #888; }
.sp_mod_talk01 .btn_wrap { text-align: center; }
.sp_mod_talk01 .btn_wrap a + a { margin-left: 5px; }

.sp_mod_talk01 .popup { display: none; max-width: 500px; width: calc(100% - 40px); padding: 6rem 2rem; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #fff; text-align: center; border-radius: 20px; z-index: 200; box-sizing: border-box; }
.sp_mod_talk01 .popup .pop_top { margin-bottom: 2rem; }
.sp_mod_talk01 .popup .pop_top h4 { color: #000; font-size: 2.4rem; }
.sp_mod_talk01 .popup .pop_mid { margin-bottom: 3rem; }
.sp_mod_talk01 .popup .pop_mid .p_txt { color: #888888; font-size: 1.8rem; }

.sp_mod_talk01 .popup.w1080 { max-width: 1080px; }
.sp_mod_talk01 .popup.regn { padding: 4rem 3.8rem; border-radius: 20px; }
.sp_mod_talk01 .popup.regn .pop_top { display: flex; margin-bottom: 3rem; align-items: center; }
.sp_mod_talk01 .popup.regn .pop_top h4 { margin-right: 1rem; padding-right: 1rem; position: relative; color: #333333; font-size: 2.4rem; }
.sp_mod_talk01 .popup.regn .pop_top h4::after { content: ''; width: 2px; height: 24px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: #000; }
.sp_mod_talk01 .popup.regn .pop_top p { color: #888888; font-size: 2.4rem; }
.sp_mod_talk01 .popup.regn .pop_mid { margin-bottom: 2rem; }
.sp_mod_talk01 .popup.regn .pop_mid .etc { margin-bottom: 1rem; }
.sp_mod_talk01 .popup.regn .pop_mid .etc li { padding-left: 1.4rem; position: relative; color: #333333; font-size: 1.4rem; text-align: left; }
.sp_mod_talk01 .popup.regn .pop_mid .etc li::before { content: '\203B'; position: absolute; top: 1px; left: 0; }
.sp_mod_talk01 .popup.regn .pop_mid .text_label { display: flex; margin-bottom: 1rem; align-items: center; }
.sp_mod_talk01 .popup.regn .pop_mid .text_label .select_style01 { width: 125px; height: 40px; padding: 0 1rem; margin-right: 1rem; background: url(/resource/images/entCntnts/select_arrow.png) right 10px center no-repeat; color: #000; font-size: 1.6rem; border-radius: 6px; border: 1px solid #dddddd; box-sizing: border-box; outline: none; appearance: none; }
.sp_mod_talk01 .popup.regn .pop_mid .text_label .text_count { display: flex; height: 40px; padding: 0 1rem; border-radius: 6px; border: 1px solid #dddddd; align-items: center; flex: 1; box-sizing: border-box; }
.sp_mod_talk01 .popup.regn .pop_mid .text_label .text_count .txt { width: 100%; margin-right: 1rem; color: #000; font-size: 1.6rem; border: none; outline: none; }
.sp_mod_talk01 .popup.regn .pop_mid .text_label .text_count .txt::placeholder { color: #888888; font-size: 1.6rem; }
.sp_mod_talk01 .popup.regn .pop_mid .text_label .text_count p { margin-left: auto; color: #cccccc; font-size: 1.4rem; }
.sp_mod_talk01 .popup.regn .pop_mid .text_area { margin-bottom: 2rem; padding: 1rem 1rem; border: 1px solid #dddddd; border-radius: 6px; overflow: hidden; }
.sp_mod_talk01 .popup.regn .pop_mid .text_area textarea { width: 100%; min-height: 100px; color: #000; font-size: 1.6rem; box-sizing: border-box; outline: none; border: none; resize: none; }
.sp_mod_talk01 .popup.regn .pop_mid .text_area textarea::placeholder { color: #888888; font-size: 1.6rem; }
.sp_mod_talk01 .popup.regn .pop_mid .text_area .text_count { text-align: right; }
.sp_mod_talk01 .popup.regn .pop_mid .text_area .text_count p { color: #cccccc; font-size: 1.4rem; }
.sp_mod_talk01 .popup.regn .pop_mid .banner { padding: 3rem 1rem; background: #7fc3ba; border-radius: 6px; text-align: center; }
.sp_mod_talk01 .popup.regn .pop_mid .banner p { color: #fff; font-size: 1.6rem; }

.sp_mod_talk01 .popup.regn.modal_02 .pop_mid .user_info { display: flex; text-align: left; }
.sp_mod_talk01 .popup.regn .pop_mid .user_info li { position: relative; }
.sp_mod_talk01 .popup.regn .pop_mid .user_info li:not(:first-child) { padding-left: 10px; margin-left: 10px; }
.sp_mod_talk01 .popup.regn .pop_mid .user_info li:not(:first-child)::before { content: ''; width: 1px; height: 14px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: #888; }
.sp_mod_talk01 .popup.regn .pop_mid .p_box > div { margin-top: 10px; padding-top: 10px; border-top: 1px solid #dddddd; text-align: left; }
.sp_mod_talk01 .popup.regn .pop_mid .p_tit p { color: #333333; font-size: 2rem; }
.sp_mod_talk01 .popup.regn .pop_mid .p_cont { min-height: 100px; margin-bottom: 1rem; }
.sp_mod_talk01 .popup.regn .pop_mid .p_cont p { color: #333333; font-size: 1.8rem; }
.sp_mod_talk01 .popup.regn .pop_mid .text_area { border: 1px solid #7fc3ba; }


@media all and (max-width:768px) { }

@media all and (max-width:640px){
 .sp_mod_talk01 .item .item_top .tag { width: 50px; height: 30px; }
 .sp_mod_talk01 .btn { height: 30px; }
 .sp_mod_talk01 .btn_lg { width: 140px; }
 .sp_mod_talk01 .btn_md { width: 80px; }
 .sp_mod_talk01 .btn_sm { width: 60px; }
 .sp_mod_talk01 .cont_btn { width: 160px; height: 40px; }

 .sp_mod_talk01 .item .item_top { flex-wrap: wrap; }
 .sp_mod_talk01 .item .item_top p { width: 100%; margin-top: 1rem; flex: auto; white-space: initial; order: 3; }
 .sp_mod_talk01 .item .item_mid { min-height: auto; }
 .sp_mod_talk01 .item .item_bottom { margin-bottom: 2rem; align-items: flex-start; flex-direction: column; }
 .sp_mod_talk01 .item .item_bottom .user_info { margin-bottom: 1rem; }

 .sp_mod_talk01 .popup.regn .pop_top { align-items: flex-start; flex-direction: column; }
 .sp_mod_talk01 .popup.regn .pop_mid .text_label { flex-direction: column; }
 .sp_mod_talk01 .popup.regn .pop_mid .text_label .select_style01 { width: 100%; height: 30px; margin: 0 0 1rem}
 .sp_mod_talk01 .popup.regn .pop_mid .text_label .text_count { width: 100%; height: 30px; flex: auto; }
 }

@media all and (max-width:480px) { }