.content-section-title
{
      width: 100%;
      height: auto;
      margin-top: 100px;
      background-color: transparent;
      font-family: "Work Sans", sans-serif;
}
.content-section-title
.title-container
{
      width: 65%;
      height: auto;
      margin: 0 auto;
}
.content-section-title
.title-container
h4
{                 
      font-size: 40px;
      color: #0a5c36;
      font-weight: 700;      
      text-align: center;
      font-family: "Nanum Myeongjo", serif;
}
.content-section-title
.title-container
p
{                 
      padding: 10px 0;
      font-size: 14px;
      color: #4c4c4c;   
      text-align: center;         
}
.content-section-title
.title-paragraph
{
      height: 10vh;      
      margin: 0 auto;      
      background-color: transparent;
}
.content-section-title
.title-paragraph
h5
{                 
      font-size: 14px;
      color: #242424;      
      font-weight: 500;            
}
.content-section-title
.title-paragraph
h6
{                       
      float: right;      
      margin: -18px 0;
      font-size: 15px;      
      color: #242424;      
      font-weight: 500;                       
}
.content-section-title
.title-paragraph
hr
{      
      height: 0.1px;      
      margin: 10px 0;
      background-color: #ccc;
}
.content-section-title
.title-paragraph
span
{          
      font-size: 12px;      
      color: #4c4c4c;
      font-weight: 500;      
}    



.content-section-paragraph
{
      width: 100%;
      height: auto;      
      background-color: #f3f1ee;  
      font-family: "Figtree", sans-serif;
}
.content-section-paragraph
.paragraph-container
{          
      width: 85%;
      height: auto;
      display: flex;      
      margin: 0 auto;
      padding: 20px 0;
      flex-wrap: wrap;                  
}
.content-section-paragraph
.paragraph-a
{      
      width: 60%;           
      height: auto;          
}
.content-section-paragraph
.paragraph-a
.paragraph-article
{
      padding: 20px 0;
}
.content-section-paragraph
.paragraph-a
h5
{
      font-size: 1rem;
      font-weight: 700;           
      padding: 15px 5px;
      text-transform: uppercase;
}
.content-section-paragraph
.paragraph-a
h6
{
      font-size: 1rem;
      font-weight: 500;
      padding: 15px 5px;      
}
.content-section-paragraph
.paragraph-a
p
{
      font-size: 14px;
      color: #4c4c4c;
      line-height: 1.4;
}
.content-section-paragraph
.paragraph-a
img
{
      width: 70%;
      height: auto;               
      margin-top: 20px;
      object-fit: cover;      
      border-radius: 9999px;      
      background-repeat: no-repeat;      
      background-position: center center;            
}
.content-section-paragraph
.paragraph-a
img:hover
{
      filter: none;
      cursor: pointer;
      filter: grayscale(0.2);
}
.content-section-paragraph
.paragraph-b
{
      flex: 2;
      width: 40%;         
      height: auto;          
}
.content-section-paragraph
.paragraph-b
.paragraph-article
{
      padding: 2% 5%;
}
.content-section-paragraph
.paragraph-b
h5
{      
      font-weight: 800;           
      padding: 20px 0px;
      font-size: 0.8rem;
      text-transform: uppercase;      
}
.content-section-paragraph
.paragraph-b
h6
{
      padding: 5px 0px;      
      font-weight: 500;
      font-size: 0.8rem;            
}
.content-section-paragraph
li
{
      list-style-type: disc;
}
.content-section-paragraph
li::marker 
{
      color: #ccc;
}
.content-section-paragraph
.paragraph-b
p
{
      font-size: 15px;
      color: #4c4c4c;
      line-height: 1.5;
}
.content-section-paragraph
.paragraph-b
img
{
      width: 100%;
      height: auto;   
      margin: 0 auto;
      margin-top: 20px;
      object-fit: cover;      
      border-radius: 9999px;
      background-repeat: no-repeat;      
      background-position: center center;      
}



.content-section-element
{
      width: 100%;
      height: auto;      
      background-color: #f3f1ee;  
      font-family: "Figtree", sans-serif;
}
.content-section-element
.element-container
{          
      width: 85%;
      height: 80vh;      
      display: flex;
      margin: 0 auto;
      padding: 20px 0;
      flex-wrap: wrap;                  
}
.content-section-element
.element-a
{      
      width: 60%;                     
      border-radius: 0 0 0 30px;
}
.content-section-element
.element-article
{
      padding: 20px 0;
}
.content-section-element
.element-a
h5
{
      font-size: 18px;
      font-weight: 800;           
      padding: 15px 5px;
      text-transform: uppercase;
}
.content-section-element
.element-a
h6
{
      font-size: 15px;
      font-weight: 500;
      padding: 15px 5px;      
}
.content-section-element
.element-a
p
{
      width: 80%;
      font-size: 14px;
      color: #4c4c4c;
      line-height: 1.5;
}
.content-section-element
.element-b
{
      flex: 2;
      width: 40%;                   
}
.content-section-element
.element-collapse
{            
      float: right;      
      padding: 2% 5%;       
}
.content-section-element
.element-collapse
li 
{      
      position: relative;      
}
.content-section-element
a 
{
      width: 100%;
      line-height: 3;
      display: block;
      cursor: pointer;
      font-size: 15px; 
      font-weight: 700;                 
      text-indent: 15px;
      user-select: none;
}
.content-section-element
a:after 
{
      content: " ";
      top: 17px;
      width: 6px;
      right: 10px;
      height: 6px;            
      position: absolute;
      border-right: 2px solid #222;
      border-bottom: 2px solid #222;      

      transform: rotate(-45deg);
      -moz-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;      

      transition: all 0.2s ease-in-out;
}
.content-section-element
a.active:after 
{
      transform: rotate(45deg);      
      -moz-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;

      transition: all 0.2s ease-in-out;
}
.content-section-element
.element-collapse
p 
{            
      display: none;
      color: #444;      
      font-size: 14px;
      font-weight: 500;      
      padding: 10px 15px 10px;
}
