.content-section-caption
{
      width: 100%;
      height: 20vh;      
      display: flex;      
      align-items: center;
      justify-content: center;      
      font-family: "Figtree", sans-serif;
}
.content-section-caption
.caption-container
{      
      width: 60%;      
      height: auto;
      margin: 0 auto;      
}
.content-section-caption
h4
{                 
      padding: 20px 0;
      font-size: 15px;
      color: #242424;                           
}
.content-section-caption
.caption-paragraph
{
      height: auto;        
      padding: 5px 0;                          
      border-bottom: 1px solid #ebebeb;    
}
.content-section-caption
h5
{              
      font-size: 12px;
      color: #242424;
      font-weight: 500;            
}
.content-section-caption
span
{                       
      float: right;      
      margin: -18px 0;
      font-size: 12px;      
      color: #242424;      
      font-weight: 500;               
}



.content-section-timeline
{
      width: 100%;
      height: auto;
      margin-top: 50px;
      background-color: transparent;
      font-family: "Figtree", sans-serif;
}
.content-section-timeline
.timeline-container
{
      width: 70%;
      height: auto;      
      margin: 0 auto;            
      padding: 32px 0 32px 32px;
      border-left: 1px solid #e3e3e3;     
}
.content-section-timeline
.timeline-flex
{      
      width: 100%;      
      height: auto;
      display: flex;
}
.content-section-timeline
.timeline-flex
li
{
      padding-top: 50px;
      margin-left: 20px;
      /*
      border-radius: 50%;     
      border: 1px solid #eee;
      */
}
.content-section-timeline
.timeline-flex
h4
{
      font-size: 30px;
      color: #0a5c36;            
      font-weight: 700;
      font-family: "EB Garamond", serif;
}
.content-section-timeline
.timeline-flex
span
{
      font-size: 15px;
      font-weight: 500;
      color: #3a3a3a;
      font-family: "Figtree", sans-serif;
}
.content-section-timeline
.flex-background
{
      width: 150px;
      display: flex;
      position: relative;
      display: inline-block;  
      
      transform: translateZ(0);
      -webkit-transform: translateZ(0);
}
.content-section-timeline
.flex-background:after 
{      
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
}
.content-section-timeline
.flex-background:before,
.content-section-timeline
.flex-background:after 
{                  
      content: '';
      z-index: -1;      
      top: 0;      
      left: 0;
      right: 0;      
      bottom: 0;      
      position: absolute;
      border-radius: 50%;
      border: 1px solid #bbb;
      border-color: transparent #bbb;
}
.content-section-timeline
.flex-background
img 
{
      width: 100%;     
      padding: 10px;          
      border-radius: 50%;
      vertical-align: top;
      backface-visibility: hidden;
}
.content-section-timeline
.timeline-horizontal
{     
      width: 10px;
      height: 10px;        
      display: flex;
      flex-shrink: 0;
      overflow: hidden;     
      margin-left: -38px;
      border-radius: 50%;
      align-items: center;
      justify-content: center;
      background-color: #fff;
      border: 1px solid #222;      
      box-shadow: 0 0 0 6px #fff;           
}
.content-section-timeline
.timeline-box
{      
      gap: 10px;
      width: 100%;  
      height: auto;
      /*
      display: flex;            
      */
      padding: 20px 20px;
}
.content-section-timeline
.timeline-article
{          
      padding: 0 20px;
}
.content-section-timeline
.timeline-item
{                 
      width: 30px;
      display: flex;           
}
.content-section-timeline
.timeline-address
{      
      display: flex;                  
      padding: 0 15px;
      margin-top: 30px;      
      align-items: center;            
}
.content-section-timeline
h4
{
      color: #444;      
      font-size: 14px;                 
      padding-top: 2px;
}
.content-section-timeline
h5
{
      color: #444;      
      font-size: 14px; 
      padding-top: 20px;             
}
.content-section-timeline
.timeline-box
p
{     
      color: #888;                 
      font-size: 14px;      
      padding-top: 10px;             
}
.content-section-timeline
h6
{
      color: #444;      
      font-size: 14px;                 
      padding-top: 50px;
}
.content-section-timeline
.timeline-article
p
{     
      color: #666;          
      font-size: 14px;  
      padding-top: 10px;    
}
.content-section-timeline
span
{                 
      color: #888;
      font-size: 14px;                      
}
.content-section-timeline
ul
{
      width: 100%;
      height: auto;
}
.content-section-timeline
li
{     
      gap: 24px;
      display: flex;
}
.content-section-timeline
svg
{     
      width: 20px;
      height: auto;           
}   
.content-section-timeline
.timeline-context
{
      width: 60%;
      height: 80px;
      margin-top: 20px;
      margin-left: 10px;
      padding: 5px 10px;          
      border-radius: 5px;      
      border: 1px solid #e3e3e3;      
}
.content-section-timeline
.timeline-context
p
{     
      width: 100%;
      color: #666;          
      font-size: 14px;  
      padding-top: 10px;    
}



.content-section-package
{
      width: 100%;
      height: auto;
      margin-top: 50px;
      background-color: transparent;
}
.content-section-package
.package-container
{
      width: 70%;
      height: auto;
      margin: 0 auto;
}
.content-section-package
.package-aritlce
{
      width: 100%;
      height: auto;
      line-height: 1.5;
      margin-top: 50px;
      font-family: "Figtree", sans-serif;
}
.content-section-package
h5
{
      color: #444;
      font-size: 20px;
      font-weight: 700;
}
.content-section-package
h5
span
{      
      font-size: 18px;
      color: #0a5c36;
      font-weight: 700;
}
.content-section-package
p
{
      width: 90%;
      padding: 10px 0;
      font-size: 15px;
      font-weight: 400;
      line-height: 1.5;      
}



.content-section-circle
{
      width: 100%;
      height: auto;
      margin-top: 50px;
      background-color: transparent;
}
.content-section-circle
.circle-container
{
      width: 70%;
      height: auto;
      margin: 0 auto;      
      padding: 30px 0;
      background-color: transparent;
}
.content-section-circle
.circle-item
{
      width: 220px;
      display: flex;
      position: relative;
      display: inline-block;  
      
      transform: translateZ(0);
      -webkit-transform: translateZ(0);
}
.content-section-circle
.circle-item:after 
{      
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
}
.content-section-circle
.circle-item:before,
.content-section-circle
.circle-item:after 
{                  
      content: '';
      z-index: -1;      
      top: 0;      
      left: 0;
      right: 0;      
      bottom: 0;      
      position: absolute;
      border-radius: 50%;
      border: 1px solid #bbb;
      border-color: transparent #bbb;
}
.content-section-circle
.circle-item
img 
{
      width: 100%;     
      padding: 10px;          
      border-radius: 50%;
      vertical-align: top;
      backface-visibility: hidden;
}



.content-section-description
{
      width: 100%;
      height: auto;      
      margin-top: 50px;
      background-color: transparent;        
      font-family: "Figtree", sans-serif;
}
.content-section-description
.description-container
{          
      width: 70%;
      height: auto;      
      margin: 0 auto;                     
}
.content-section-description
h4
{       
      padding: 5px 0;     
      font-size: 12px;
      color: #0a5c36;
      font-weight: 700;                 
}
.content-section-description
.description-grid
{
      width: 50%; 
      height: auto;
      display: flex;            
      border-radius: 8px;         
      border: 1px solid #0000001a; 
}
.content-section-description
.description-aritlce
{
      width: 100%;      
      height: auto;  
      display: flex;    
      padding: 10px;     
      align-items: center;         
      justify-content: center;
}
.content-section-description
h5
{
      color: #222;
      font-size: 15px;
      margin-top: 12px;
      font-weight: 700;      
}
.content-section-description
.activated
{
      border-right: 1px solid #0000001a; 
}
.content-section-description
h6
{
      color: #222;
      font-size: 15px;            
      font-weight: 500;      
}
.content-section-description
svg
{      
      width: 25px;
      height: 25px;    
      margin: 10px 10px;      
}



.content-section-directory
{
      width: 100%;
      height: auto;
      margin-top: 20px;
      background-color: transparent;
}
.content-section-directory
.directory-container
{
      width: 70%;
      height: 30vh;
      margin: 0 auto;
      border-radius: 10px;
      /*
      background-color: #eff3f7;
      */
}
.content-section-directory
h5
{      
      color: #000;
      font-size: 30px;
      font-weight: 700;
      padding: 20px 30px;     
      text-decoration: underline;
      font-family: "Nanum Myeongjo", serif;
}
.content-section-directory
.directory-list
{      
      display: flex;
      margin: 0 auto;      
      font-family: "Figtree", sans-serif;     
}
.content-section-directory
li
{     
      padding: 10px;      
      padding-left: 10px;
}
.content-section-directory
svg
{
      width: 15px;  
      height: auto;    
      fill: #0A5C36;
}
.content-section-directory
a
{       
      padding: 5px;
      font-size: 15px;
      color: #4c4c4c;
      font-weight: 500;
}
.content-section-directory
.directory-a,
.content-section-directory
.directory-b,
.content-section-directory
.directory-c
{
      width: 20%;
}



.content-section-break
{
      width: 98%;
      height: 60vh;
      display: flex;
      margin: 0 auto;      
      align-items: center;
      border-radius: 30px;      
      /*
      background-color: #fAf9f8;
      */
      background-color: transparent; 
      font-family: "Figtree", sans-serif;     
}
.content-section-break
.break-container
{
      width: 70%;
      height: auto;
      margin: 0 auto 10px;
      border-radius: 30px;      
}
.content-section-break
h5 
{      
      font-size: 40px;
      font-weight: 700;      
      font-family: "Nanum Myeongjo", serif;
}
.content-section-break
.break-list
{     
      padding: 0 0;  
      background-color: transparent;
}
.content-section-break
li 
{          
      position: relative;
      border-bottom: 1px solid #daddd8;
}
.content-section-break
a 
{
      width: 100%;            
      color: #444;
      display: block;
      line-height: 4;
      cursor: pointer;
      font-size: 25px; 
      font-weight: 500;                       
      user-select: none;
      font-family: "EB Garamond", serif;
}
.content-section-break
a:after 
{
      content: " ";
      top: 17px;
      width: 15px;
      right: 10px;
      height: 15px;            
      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-break
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-break
p 
{            
      display: none;   
      color: #444;   
      font-size: 14px;
      font-weight: 400;    
      padding: 20px 0 15px;
}