/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #dhncoSub1-2 { width             : 100%;             height              : auto;             text-align          : center;           padding             : 0 clamp(20px,6vw,40px);   
                  margin            : clamp(40px,5vw,80px) 0;                                                                                                                   }
   #dhncoSub1-2 .sectionWrap
                { width             : 100%;             height              : auto;             max-width           : 950px;            display             : inline-block;     }
   
   #dhncoSub1-2 .logoBox 
                { width             : 100%;             height              : auto;                                                                                             }
   #dhncoSub1-2 .logoBox img
                { width             : clamp(35px,10vw,65px); height         : auto;                                                                                             }
   #dhncoSub1-2 .sectionTit              
                { width             : auto;             height              : auto;             display             : inline-flex;             flex-direction      : column;
                  align-items       : center;           margin-top          : clamp(3px,1vw,8px);                                                                               } 
   #dhncoSub1-2 .sectionTit p           
                { font-size         : clamp(25px,2vw,36px); font-weight     : 700;              color               : #31a09b80;        line-height         : 2.1em;            } 
   #dhncoSub1-2 .sectionTit .underLine            
                { width             : 50%; 				height           	: clamp(4px,1vw,6px); background        : #31a09b;                                                  }
   #dhncoSub1-2 .contentWrap          
                { width             : 100%;             height              : auto;             margin-top          : clamp(20px,3vw,45px);                                                                                }
   #dhncoSub1-2 .contentWrap .listWrap           
                { width             : 100%;             height              : auto;             display             : flex;             align-items         : stretch;  
                  border-top        : 1px solid #f7f7f7; border-bottom      : 1px solid #f7f7f7;  margin-bottom     : clamp(20px,2vw,30px);                                     }
   #dhncoSub1-2 .contentWrap .listWrap:last-child
                { margin-bottom     : 0;                                                                                                                                        }
   #dhncoSub1-2 .contentWrap .listWrap .nameBox            
                { width             : clamp(240px,40%,330px); height       : auto;             background          : #F7F7F7;          position            : relative;         
                  border-left       : clamp(5px,1vw,10px) solid #31A09B; display : flex;        flex-direction      : column;           align-items         : flex-start; 
                  padding           : clamp(7px,1vw,15px) 0 clamp(10px,1.5vw,20px) clamp(10px,2vw,30px);                                                                          } 
   #dhncoSub1-2 .contentWrap .listWrap .nameBox::after
                { content           : "";               position            : absolute;         right               : 0;                top                 : 50%;
                  transform         : translate(50%,-50%); display          : block;            width               : clamp(3px,1vw,5px); height            : 40%;
                  background        : #31a09b;                                                                                                                                  }
   
   
   #dhncoSub1-2 .contentWrap .listWrap .nameBox .num
                { font-size         : clamp(30px,2vw,36px); font-weight     : 700;              color               : #31a09b;                                                  }          
   #dhncoSub1-2 .contentWrap .listWrap .nameBox .name
                { font-size         : clamp(18px,2vw,19px); font-weight     : 500;              text-align          : left;                                                     }             
   #dhncoSub1-2 .contentWrap .listWrap .textBox
                { width             : calc(100% - 240px);   display         : flex;             align-items         : center;           justify-content     : center;
                  flex-direction    : column;           padding             : clamp(7px,1vw,15px) 0 clamp(7px,1vw,15px) clamp(15px,2vw,30px);                                                                         }          
   #dhncoSub1-2 .contentWrap .listWrap .textBox p
                { width             : 100%;             display             : flex;             align-items         : center;           font-size           : clamp(15px,2vw,19px);
                  color             : #5d5d5d;          margin-bottom       : clamp(4px,1vw,5px); word-break        : keep-all;         text-indent         : -0.6em;
                  margin-left       : 0.6em;            text-align          : left;                                                                                             }             
   #dhncoSub1-2 .contentWrap .listWrap .textBox p:last-child
                { margin-bottom     : 0;                                                                                                                                        }             
                
                

@media (max-width:640px) {
  

/* **************************************************************************************************************************************************************************** */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/*                                                                             1단 배경 Fixed                                                                                   */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/* **************************************************************************************************************************************************************************** */
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */   
   #dhncoSub1-2  .contentWrap .listWrap 
                { flex-direction    : column;          border               : 1px solid #dddddd;                                                                                }
   #dhncoSub1-2  .contentWrap .listWrap .nameBox
                { width             : 100%;             border-top          : 3px solid #31A09B; border-left        : none;             border-bottom       : 1px solid #31A09B;
                  flex-direction    : row;              padding             : clamp(7px,1vw,15px) 0 clamp(7px,1vw,15px) clamp(10px,1vw,15px);                                   
                  align-items       : center;                                                                                                                                   }
   #dhncoSub1-2  .contentWrap .listWrap .nameBox::after
                { display           : none;                                                                                                                                     } 
   #dhncoSub1-2 .contentWrap .listWrap .nameBox .name
                { font-size         : 16px;            line-height          : 1.3em;                                                                                            }
   #dhncoSub1-2 .contentWrap .listWrap .nameBox .num
                { font-size         : 16px;            line-height          : 1.2em;             margin-right       : 6px;                                                                               }
   #dhncoSub1-2 .contentWrap .listWrap .textBox
                { width             : 100%;             padding             : clamp(10px,1vw,15px) clamp(15px,2vw,30px);                                                                                                                        }             
   #dhncoSub1-2 .contentWrap .listWrap .textBox p
                { font-size         : 13px;                                                                                                                                     }            
                
                             
}