@charset "UTF-8";

/*////////////////////////////////////
community_report_detail_main
@media screen and (min-width: 768px)
////////////////////////////////////*/
@media screen and (min-width:768px){
#community_report_detail_page_main{
padding-top:145px;
}

#community_report_detail_main{
position:relative;
display:block;
width:100%;
background:linear-gradient(135deg,#e7f8f3 0%,#f7fcfa 58%,#fff5e8 100%);
overflow:hidden;
}

.community_report_detail_main_place{
position:relative;
display:block;
width:min(1710px,calc(100% - 80px));
margin-right:auto;
margin-left:auto;
padding-bottom: 30px;
padding-top: 30px;
}

.community_report_detail_main_en{
margin:0;
padding:0 0 12px;
font-size:1.7rem;
line-height:1.5;
font-weight:700;
letter-spacing:0.14em;
color:#eb6d1f;
}

.community_report_detail_main_title{
margin:0;
padding:0;
font-size:clamp(3.6rem,4.6vw,6rem);
line-height:1.4;
font-weight:800;
letter-spacing:0.04em;
color:#163b6b;
}

.community_report_detail_main_lead{
margin:0;
padding:24px 0 0;
font-size:1.9rem;
line-height:1.9;
font-weight:600;
letter-spacing:0.04em;
color:#334155;
}
}

/*////////////////////////////////////
community_report_detail_main
@media screen and (min-width: 0px) and (max-width: 767px)
////////////////////////////////////*/
@media screen and (min-width:0px) and (max-width:767px){
#community_report_detail_page_main{
padding-top:105px;
}

#community_report_detail_main{
position:relative;
display:block;
width:100%;
background:linear-gradient(135deg,#e7f8f3 0%,#f7fcfa 58%,#fff5e8 100%);
overflow:hidden;
}

.community_report_detail_main_place{
position:relative;
display:block;
width:min(1710px,calc(100% - 80px));
margin-right:auto;
margin-left:auto;
padding-bottom: 20px;
padding-top: 20px;
}
.community_report_detail_main_en{
margin:0;
padding:0 0 12px;
font-size:1.7rem;
line-height:1.5;
font-weight:700;
letter-spacing:0.14em;
color:#eb6d1f;
}

.community_report_detail_main_title{
margin:0;
padding:0;
font-size:clamp(3.6rem,4.6vw,6rem);
line-height:1.4;
font-weight:800;
letter-spacing:0.04em;
color:#163b6b;
}

.community_report_detail_main_lead{
margin:0;
padding:24px 0 0;
font-size:1.9rem;
line-height:1.9;
font-weight:600;
letter-spacing:0.04em;
color:#334155;
}
}

/*////////////////////////////////////
community_report_detail_breadcrumb
@media screen and (min-width:768px)
////////////////////////////////////*/
@media screen and (min-width:768px){
#community_report_detail_breadcrumb{
position:relative;
display:block;
width:100%;
}
.community_report_detail_breadcrumb_place{
position:relative;
display:block;
width:min(1710px,calc(100% - 80px));
margin:0 auto;
padding:22px 0;
}
.community_report_detail_breadcrumb_list{
display:flex;
flex-wrap:wrap;
gap:10px;
margin:0;
padding:0;
list-style:none;
}
.community_report_detail_breadcrumb_list li{
font-size:1.8rem;
line-height:1.6;
color:#526879;
}
.community_report_detail_breadcrumb_list li+li:before{
content:">";
padding-right:10px;
color:#9aa9b4;
}
.community_report_detail_breadcrumb_list a{
color:#278276;
text-decoration:none;
}
}
/*////////////////////////////////////
community_report_detail_breadcrumb
@media screen and (min-width:0px) and (max-width:767px)
////////////////////////////////////*/
@media screen and (min-width:0px) and (max-width:767px){
#community_report_detail_breadcrumb{
position:relative;
display:block;
width:100%;
}
.community_report_detail_breadcrumb_place{
position:relative;
display:block;
width:calc(100% - 80px);
margin:0 auto;
padding:16px 0;
}
.community_report_detail_breadcrumb_list{
display:flex;
flex-wrap:wrap;
gap:7px;
margin:0;
padding:0;
list-style:none;
}
.community_report_detail_breadcrumb_list li{
font-size:1.6rem;
line-height:1.6;
color:#526879;
}
.community_report_detail_breadcrumb_list li+li:before{
content:">";
padding-right:7px;
color:#9aa9b4;
}
.community_report_detail_breadcrumb_list a{
color:#278276;
text-decoration:none;
}
}
/*////////////////////////////////////
community_report_detail_summary
@media screen and (min-width:768px)
////////////////////////////////////*/
@media screen and (min-width:768px){
#community_report_detail_summary{
position:relative;
display:block;
width:100%;
padding:60px 0 100px;
}
.community_report_detail_summary_place{
position:relative;
display:grid;
grid-template-columns:minmax(0,1fr) 420px;
gap:55px;
align-items:start;
width:min(1710px,calc(100% - 80px));
margin:0 auto;
}
.community_report_detail_summary_text_item{
position:relative;
display:block;
}
.community_report_detail_label_place{
display:flex;
flex-wrap:wrap;
gap:10px;
padding:0 0 18px;
}
.community_report_detail_area_label,
.community_report_detail_category_label{
display:inline-flex;
align-items:center;
justify-content:center;
margin:0;
padding:7px 15px;
border-radius:999px;
font-size:1.6rem;
line-height:1.4;
font-weight:700;
letter-spacing:0.04em;
}
.community_report_detail_area_label{
background:#e3f3d7;
color:#4f8b2f;
}
.community_report_detail_category_label{
background:#fff1dc;
color:#d97706;
}
.community_report_detail_date{
margin:0;
padding:0 0 12px;
font-size:1.8rem;
line-height:1.5;
font-weight:700;
letter-spacing:0.05em;
color:#526879;
}
.community_report_detail_summary_title{
margin:0;
padding:0;
font-size:3.2rem;
line-height:1.55;
font-weight:800;
letter-spacing:0.04em;
color:#163b6b;
}
.community_report_detail_summary_word{
margin:0;
padding:24px 0 0;
font-size:1.8rem;
line-height:2;
font-weight:500;
letter-spacing:0.03em;
color:#334155;
}
.community_report_detail_info_place{
position:relative;
display:block;
width:100%;
padding:30px 0 0;
}
.community_report_detail_info_list{
margin:0;
padding:0;
border-top:1px solid #dfe8e5;
}
.community_report_detail_info_item{
display:grid;
grid-template-columns:120px minmax(0,1fr);
gap:18px;
padding:16px 0;
border-bottom:1px solid #dfe8e5;
}
.community_report_detail_info_item dt,
.community_report_detail_info_item dd{
margin:0;
font-size:1.8rem;
line-height:1.7;
}
.community_report_detail_info_item dt{
font-weight:700;
color:#278276;
}
.community_report_detail_info_item dd{
font-weight:500;
color:#334155;
}
.community_report_detail_summary_img_item{
position:relative;
display:block;
}
.community_report_detail_summary_img_link{
display:block;
color:#278276;
text-decoration:none;
text-align:center;
}
.community_report_detail_summary_img{
display:block;
width:100%;
height:auto;
border-radius:24px;
box-shadow:0 18px 40px rgba(28,92,104,0.14);
}
.community_report_detail_summary_img_note{
display:inline-block;
padding:12px 0 0;
font-size:1.6rem;
line-height:1.5;
font-weight:700;
}
}
/*////////////////////////////////////
community_report_detail_summary
@media screen and (min-width:0px) and (max-width:767px)
////////////////////////////////////*/
@media screen and (min-width:0px) and (max-width:767px){
#community_report_detail_summary{
position:relative;
display:block;
width:100%;
padding:35px 0 65px;
}
.community_report_detail_summary_place{
position:relative;
display:flex;
flex-direction:column;
gap:32px;
width:calc(100% - 80px);
margin:0 auto;
}
.community_report_detail_summary_text_item{
position:relative;
display:block;
}
.community_report_detail_label_place{
display:flex;
flex-wrap:wrap;
gap:8px;
padding:0 0 14px;
}
.community_report_detail_area_label,
.community_report_detail_category_label{
display:inline-flex;
align-items:center;
justify-content:center;
margin:0;
padding:6px 12px;
border-radius:999px;
font-size:1.6rem;
line-height:1.4;
font-weight:700;
letter-spacing:0.03em;
}
.community_report_detail_area_label{
background:#e3f3d7;
color:#4f8b2f;
}
.community_report_detail_category_label{
background:#fff1dc;
color:#d97706;
}
.community_report_detail_date{
margin:0;
padding:0 0 10px;
font-size:1.6rem;
line-height:1.5;
font-weight:700;
letter-spacing:0.04em;
color:#526879;
}
.community_report_detail_summary_title{
margin:0;
padding:0;
font-size:2.4rem;
line-height:1.6;
font-weight:800;
letter-spacing:0.03em;
color:#163b6b;
}
.community_report_detail_summary_word{
margin:0;
padding:18px 0 0;
font-size:1.8rem;
line-height:1.95;
font-weight:500;
letter-spacing:0.03em;
color:#334155;
}
.community_report_detail_info_place{
position:relative;
display:block;
width:100%;
padding:24px 0 0;
}
.community_report_detail_info_list{
margin:0;
padding:0;
border-top:1px solid #dfe8e5;
}
.community_report_detail_info_item{
display:block;
padding:14px 0;
border-bottom:1px solid #dfe8e5;
}
.community_report_detail_info_item dt,
.community_report_detail_info_item dd{
margin:0;
font-size:1.8rem;
line-height:1.7;
}
.community_report_detail_info_item dt{
font-weight:700;
color:#278276;
padding-bottom:4px;
}
.community_report_detail_info_item dd{
font-weight:500;
color:#334155;
}
.community_report_detail_summary_img_item{
position:relative;
display:block;
}
.community_report_detail_summary_img_link{
display:block;
color:#278276;
text-decoration:none;
text-align:center;
}
.community_report_detail_summary_img{
display:block;
width:100%;
height:auto;
border-radius:20px;
box-shadow:0 14px 32px rgba(28,92,104,0.13);
}
.community_report_detail_summary_img_note{
display:inline-block;
padding:10px 0 0;
font-size:1.6rem;
line-height:1.5;
font-weight:700;
}
}



/*////////////////////////////////////
community_report_detail_program
@media screen and (min-width:768px)
////////////////////////////////////*/
@media screen and (min-width:768px){
#community_report_detail_program{
position:relative;
display:block;
width:100%;
padding:95px 0;
background:linear-gradient(180deg,#f4fbf8 0%,#ffffff 100%);
}
.community_report_detail_program_place,
.community_report_detail_voice_place{
width:min(1710px,calc(100% - 80px));
margin:0 auto;
}
.community_report_detail_section_head{
text-align:center;
padding:0 0 42px;
}
.community_report_detail_section_en{
margin:0;
padding:0 0 8px;
font-size:1.8rem;
line-height:1.5;
font-weight:700;
letter-spacing:0.13em;
color:#eb6d1f;
}
.community_report_detail_section_title{
margin:0;
padding:0;
font-size:3.6rem;
line-height:1.5;
font-weight:800;
letter-spacing:0.04em;
color:#163b6b;
}
.community_report_detail_section_lead{
margin:0;
padding:18px 0 0;
font-size:1.7rem;
line-height:1.9;
font-weight:500;
letter-spacing:0.03em;
color:#334155;
}
.community_report_detail_program_list{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:24px;
}
.community_report_detail_program_item{
position:relative;
display:grid;
grid-template-columns:62px minmax(0,1fr);
gap:18px;
padding:30px 26px;
background:#ffffff;
border:1px solid #d9e9e4;
border-radius:26px;
box-shadow:0 14px 32px rgba(28,92,104,0.08);
}
.community_report_detail_program_number{
display:flex;
align-items:center;
justify-content:center;
width:62px;
height:62px;
margin:0;
border-radius:50%;
background:linear-gradient(135deg,#278276 0%,#65b78c 100%);
font-size:2rem;
font-weight:800;
color:#ffffff;
}
.community_report_detail_program_text_item{
display:block;
}
.community_report_detail_program_time{
margin:0;
padding:0 0 8px;
font-size:1.6rem;
line-height:1.5;
font-weight:700;
color:#eb6d1f;
}
.community_report_detail_program_title{
margin:0;
padding:0;
font-size:2rem;
line-height:1.65;
font-weight:800;
color:#163b6b;
}
.community_report_detail_program_speaker{
margin:0;
padding:16px 0 0;
font-size:1.7rem;
line-height:1.6;
font-weight:700;
color:#278276;
}
.community_report_detail_program_speaker span{
display:block;
font-size:1.6rem;
font-weight:600;
color:#526879;
}
.community_report_detail_program_word{
margin:0;
padding:18px 0 0;
font-size:1.8rem;
line-height:1.9;
font-weight:500;
color:#334155;
}
}
/*////////////////////////////////////
community_report_detail_program
@media screen and (min-width:768px) and (max-width:1100px)
////////////////////////////////////*/
@media screen and (min-width:768px) and (max-width:1100px){
.community_report_detail_program_list{
grid-template-columns:1fr;
}
}
/*////////////////////////////////////
community_report_detail_program
@media screen and (min-width:0px) and (max-width:767px)
////////////////////////////////////*/
@media screen and (min-width:0px) and (max-width:767px){
#community_report_detail_program{
position:relative;
display:block;
width:100%;
padding:62px 0;
background:linear-gradient(180deg,#f4fbf8 0%,#ffffff 100%);
}
.community_report_detail_program_place,
.community_report_detail_voice_place{
width:min(1710px,calc(100% - 80px));
margin:0 auto;
}
.community_report_detail_section_head{
text-align:center;
padding:0 0 30px;
}
.community_report_detail_section_en{
margin:0;
padding:0 0 6px;
font-size:1.6rem;
line-height:1.5;
font-weight:700;
letter-spacing:0.12em;
color:#eb6d1f;
}
.community_report_detail_section_title{
margin:0;
padding:0;
font-size:2.7rem;
line-height:1.5;
font-weight:800;
letter-spacing:0.03em;
color:#163b6b;
}
.community_report_detail_section_lead{
margin:0;
padding:14px 0 0;
font-size:1.8rem;
line-height:1.85;
font-weight:500;
letter-spacing:0.03em;
color:#334155;
text-align:left;
}
.community_report_detail_program_list{
display:grid;
grid-template-columns:1fr;
gap:18px;
}
.community_report_detail_program_item{
position:relative;
display:grid;
grid-template-columns:50px minmax(0,1fr);
gap:14px;
padding:22px 18px;
background:#ffffff;
border:1px solid #d9e9e4;
border-radius:22px;
box-shadow:0 12px 28px rgba(28,92,104,0.08);
}
.community_report_detail_program_number{
display:flex;
align-items:center;
justify-content:center;
width:50px;
height:50px;
margin:0;
border-radius:50%;
background:linear-gradient(135deg,#278276 0%,#65b78c 100%);
font-size:1.7rem;
font-weight:800;
color:#ffffff;
}
.community_report_detail_program_text_item{
display:block;
}
.community_report_detail_program_time{
margin:0;
padding:0 0 6px;
font-size:1.6rem;
line-height:1.5;
font-weight:700;
color:#eb6d1f;
}
.community_report_detail_program_title{
margin:0;
padding:0;
font-size:1.8rem;
line-height:1.65;
font-weight:800;
color:#163b6b;
}
.community_report_detail_program_speaker{
margin:0;
padding:14px 0 0;
font-size:1.8rem;
line-height:1.6;
font-weight:700;
color:#278276;
}
.community_report_detail_program_speaker span{
display:block;
font-size:1.6rem;
font-weight:600;
color:#526879;
}
.community_report_detail_program_word{
margin:0;
padding:16px 0 0;
font-size:1.8rem;
line-height:1.9;
font-weight:500;
color:#334155;
}
}



/*////////////////////////////////////
community_report_detail_voice
@media screen and (min-width:768px)
////////////////////////////////////*/
@media screen and (min-width:768px){
#community_report_detail_voice{
position:relative;
display:block;
width:100%;
padding:95px 0;
}
.community_report_detail_voice_list{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
}
.community_report_detail_voice_item{
position:relative;
margin:0;
padding:24px 26px 24px 60px;
border-radius:22px;
background:#fff8ec;
border:1px solid #f4dfbc;
font-size:1.7rem;
line-height:1.8;
font-weight:600;
color:#5d4930;
}
.community_report_detail_voice_item:before{
content:"\f075";
position:absolute;
left:24px;
top:25px;
font-family:"Font Awesome 6 Free";
font-weight:900;
font-size:1.9rem;
color:#eb8d26;
}
}
/*////////////////////////////////////
community_report_detail_voice
@media screen and (min-width:0px) and (max-width:767px)
////////////////////////////////////*/
@media screen and (min-width:0px) and (max-width:767px){
#community_report_detail_voice{
position:relative;
display:block;
width:100%;
padding:62px 0;
}
.community_report_detail_voice_list{
display:grid;
grid-template-columns:1fr;
gap:14px;
}
.community_report_detail_voice_item{
position:relative;
margin:0;
padding:20px 18px 20px 50px;
border-radius:20px;
background:#fff8ec;
border:1px solid #f4dfbc;
font-size:1.8rem;
line-height:1.8;
font-weight:600;
color:#5d4930;
}
.community_report_detail_voice_item:before{
content:"\f075";
position:absolute;
left:20px;
top:21px;
font-family:"Font Awesome 6 Free";
font-weight:900;
font-size:1.7rem;
color:#eb8d26;
}
}


/*////////////////////////////////////
community_report_detail_message
@media screen and (min-width:768px)
////////////////////////////////////*/
@media screen and (min-width:768px){
#community_report_detail_message{
position:relative;
display:block;
width:100%;
padding:0 0 110px;
}
.community_report_detail_message_place{
display:flex;
align-items:center;
gap:26px;
width:min(1710px,calc(100% - 80px));
margin:0 auto;
padding:34px 38px;
background:linear-gradient(135deg,#eaf8f4 0%,#ffffff 100%);
border:1px solid #d4ebe4;
border-radius:28px;
box-shadow:0 14px 34px rgba(28,92,104,0.08);
}
.community_report_detail_message_icon{
display:flex;
align-items:center;
justify-content:center;
width:78px;
height:78px;
flex-shrink:0;
border-radius:50%;
background:#ffffff;
font-size:3rem;
color:#65b78c;
}
.community_report_detail_message_text_item{
display:block;
}
.community_report_detail_message_title{
margin:0;
padding:0;
font-size:2.5rem;
line-height:1.5;
font-weight:800;
color:#278276;
}
.community_report_detail_message_word{
margin:0;
padding:12px 0 0;
font-size:1.8rem;
line-height:1.9;
font-weight:500;
color:#334155;
}
.community_report_detail_return_place{
display:flex;
justify-content:center;
padding:38px 0 0;
}
.community_report_detail_return_btn{
display:flex;
align-items:center;
justify-content:center;
min-width:260px;
min-height:58px;
padding:14px 30px;
border:2px solid #278276;
border-radius:999px;
background:#ffffff;
font-size:1.8rem;
line-height:1.4;
font-weight:700;
color:#278276;
text-decoration:none;
transition:all 0.3s ease;
}
.community_report_detail_return_btn:hover{
background:#278276;
color:#ffffff;
}
}
/*////////////////////////////////////
community_report_detail_message
@media screen and (min-width:0px) and (max-width:767px)
////////////////////////////////////*/
@media screen and (min-width:0px) and (max-width:767px){
#community_report_detail_message{
position:relative;
display:block;
width:100%;
padding:0 0 75px;
}
.community_report_detail_message_place{
display:block;
width:calc(100% - 80px);
margin:0 auto;
padding:26px 20px;
background:linear-gradient(135deg,#eaf8f4 0%,#ffffff 100%);
border:1px solid #d4ebe4;
border-radius:24px;
box-shadow:0 12px 28px rgba(28,92,104,0.08);
}
.community_report_detail_message_icon{
display:flex;
align-items:center;
justify-content:center;
width:66px;
height:66px;
margin:0 auto 18px;
border-radius:50%;
background:#ffffff;
font-size:2.6rem;
color:#65b78c;
}
.community_report_detail_message_text_item{
display:block;
}
.community_report_detail_message_title{
margin:0;
padding:0;
font-size:2.1rem;
line-height:1.55;
font-weight:800;
color:#278276;
text-align:center;
}
.community_report_detail_message_word{
margin:0;
padding:12px 0 0;
font-size:1.8rem;
line-height:1.9;
font-weight:500;
color:#334155;
}
.community_report_detail_return_place{
display:flex;
justify-content:center;
width:calc(100% - 80px);
margin:0 auto;
padding:30px 0 0;
}
.community_report_detail_return_btn{
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:56px;
padding:14px 22px;
border:2px solid #278276;
border-radius:999px;
background:#ffffff;
font-size:1.8rem;
line-height:1.4;
font-weight:700;
color:#278276;
text-decoration:none;
}
}
/*////////////////////////////////////
community_report_detail_summary_pdf
@media screen and (min-width: 768px)
////////////////////////////////////*/
@media screen and (min-width:768px){
.community_report_detail_summary_pdf_item{
position:relative;
display:block;
width:100%;
}

.community_report_detail_summary_pdf{
display:block;
width:100%;
height:700px;
border:0;
border-radius:24px;
background:#f5f5f5;
box-shadow:0 16px 38px rgba(28,92,104,0.12);
overflow:hidden;
}

.community_report_detail_summary_pdf_fallback{
position:relative;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
width:100%;
min-height:300px;
padding:30px;
background:#f7faf9;
border:1px solid #d9e1ea;
border-radius:24px;
}

.community_report_detail_summary_pdf_word{
margin:0;
padding:0 0 24px;
font-size:1.8rem;
font-weight:500;
line-height:1.8;
color:#333333;
text-align:center;
}

.community_report_detail_summary_pdf_btn{
display:flex;
align-items:center;
justify-content:center;
min-width:240px;
min-height:56px;
padding:14px 28px;
background:#278276;
border:1px solid #278276;
border-radius:999px;
color:#ffffff;
font-size:1.7rem;
font-weight:700;
line-height:1.5;
text-decoration:none;
transition:all 0.3s ease;
}

.community_report_detail_summary_pdf_btn:hover{
background:#ffffff;
color:#278276;
}

.community_report_detail_summary_pdf_link{
display:flex;
align-items:center;
justify-content:center;
width:fit-content;
min-height:50px;
padding:12px 28px;
margin-left:auto;
margin-right:auto;
transform:translateY(20px);
background:#ea8721;
border:1px solid #ea8721;
border-radius:999px;
color:#ffffff;
font-size:1.8rem;
font-weight:700;
line-height:1.5;
text-decoration:none;
transition:all 0.3s ease;
}

.community_report_detail_summary_pdf_link:hover{
background:#ffffff;
color:#ea8721;
}
}

/*////////////////////////////////////
community_report_detail_summary_pdf
@media screen and (min-width: 0px) and (max-width: 767px)
////////////////////////////////////*/
@media screen and (min-width:0px) and (max-width:767px){
.community_report_detail_summary_pdf_item{
position:relative;
display:block;
width:100%;
padding:28px 0 0;
}

.community_report_detail_summary_pdf{
display:block;
width:100%;
height:520px;
border:0;
border-radius:18px;
background:#f5f5f5;
box-shadow:0 12px 28px rgba(28,92,104,0.1);
overflow:hidden;
}

.community_report_detail_summary_pdf_fallback{
position:relative;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
width:100%;
min-height:260px;
padding:24px 18px;
background:#f7faf9;
border:1px solid #d9e1ea;
border-radius:18px;
}

.community_report_detail_summary_pdf_word{
margin:0;
padding:0 0 20px;
font-size:1.8rem;
font-weight:500;
line-height:1.8;
color:#333333;
text-align:center;
}

.community_report_detail_summary_pdf_btn{
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:54px;
padding:13px 18px;
background:#278276;
border:1px solid #278276;
border-radius:999px;
color:#ffffff;
font-size:1.8rem;
font-weight:700;
line-height:1.5;
text-decoration:none;
}

.community_report_detail_summary_pdf_link{
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:54px;
padding:13px 18px;
transform:translateY(16px);
background:#ea8721;
border:1px solid #ea8721;
border-radius:999px;
color:#ffffff;
font-size:1.8rem;
font-weight:700;
line-height:1.5;
text-decoration:none;
}
}