/* ******************************************************************************************************************************************************************** */
/*                                                                                                                                                                      */
/*                                                                                                                                                                      */
/*                                                      CenterTitle_A01, 타이틀을 표시하는 템플릿                                                                       */
/*                                                                                                                                                                      */
/*                                                                                                                                                                      */
/* ******************************************************************************************************************************************************************** */



/* ******************************************************************************************************************************************************************** */
/*                                                                      PC버전 CSS                                                                                      */
/* ******************************************************************************************************************************************************************** */

/* A                A A                 :               A                   :               A                   :               A                   :                   */

  .CenterTitle_Top_BackFixed   
                    { width             : 100%;         height              : auto;         display             : inline-block; text-align          : center;    
                      margin-top        : 115px;       
                      background-color  : #000;                                                  
                      background-position : center center;
                      background-repeat : no-repeat;
                      background-size   : cover;                                                                                                                        }     

  .CenterTitle_Top_BackFixed .CenterTitle_Top_BackFixed_Wrap
                    { width             : 100%;         height              : auto;         display             : inline-block; text-align          : center;           
                      max-width         : 1200px;       position            : relative;     margin-top          : 0px;          padding             : clamp(50px,8vw,80px) 0;}
  .CenterTitle_Top_BackFixed .CenterTitle_Top_BackFixed_Wrap .CenterTitle_Top_BackFixed_TopTitle
                    { font-size         : 17px;         font-weight         : 300;          color               : #fff;                                                 }

  .CenterTitle_Top_BackFixed .CenterTitle_Top_BackFixed_Wrap .CenterTitle_Top_BackFixed_SubTitle
                    { font-size         : 35px;         font-weight         : 500;          color               : #fff;                    
                      padding-left      : 0px;          text-shadow         : 2px 2px 3px #333; word-break      : keep-all;                                             }
  .CenterTitle_Top_BackFixed .CenterTitle_Top_BackFixed_Wrap .CenterTitle_Top_BackFixed_Title
                    { font-size         : 35px;         font-weight         : 500;          color               : #fff;         letter-spacing      : 0.1em;            
                      padding-left      : 0px;          text-shadow         : 2px 2px 3px #333; word-break      : keep-all;                                             }
  .CenterTitle_Top_BackFixed .CenterTitle_Top_BackFixed_Wrap .CenterTitle_Top_BackFixed_Title .top
                    { font-size         : 35px;                                                                                                                         }
  .CenterTitle_Top_BackFixed .CenterTitle_Top_BackFixed_Wrap .CenterTitle_Top_BackFixed_Title .bottom
                    { font-size         : 27px;         font-weight         : 400;          line-height         : 1em;          letter-spacing      : 0.05em;          
                      word-break        : keep-all;                                                                                                                     }

  .CenterTitle_Top_BackFixed .CenterTitle_Top_BackFixed_Wrap .CenterTitle_Top_BackFixed_Descript
                    { /* font-family       : 'Nanum Myeongjo'; */    
                      font-size         : 18px;         font-weight         : 300;          color               : #fff;         margin-top          : 8px;              
                      padding-left      : 0px;          opacity             : 1;            text-shadow         : 2px 2px 2px #000; 
                      word-break      : keep-all;                                                                                                                       }





  
  
  
                    
             
             
                             
  @media (min-width:641px) and (max-width:1024px) {
  

/* ******************************************************************************************************************************************************************** */
/*                                                                                                                                                                      */
/*                                                                                                                                                                      */
/*                                       1단 배경 Fixed                                                                                                                 */
/*                                                                                                                                                                      */
/*                                                                                                                                                                      */
/* ******************************************************************************************************************************************************************** */
/* A                A A                 :               A                   :               A                   :               A                   :                   */
  .CenterTitle_Top_BackFixed    
                    { margin-top        : 115px;                                                                                       }     
                      
  .CenterTitle_Top_BackFixed .CenterTitle_Top_BackFixed_Wrap
                    { width             : 90%;  }


  .CenterTitle_Top_BackFixed .CenterTitle_Top_BackFixed_Wrap .CenterTitle_Top_BackFixed_TopTitle
                    { font-size         : 16px;         font-weight         : 300;          color               : #fff;                                                 }
  .CenterTitle_Top_BackFixed .CenterTitle_Top_BackFixed_Wrap .CenterTitle_Top_BackFixed_SubTitle
                    { font-size         : 30px;         font-weight         : 500;                                                                                      }
  .CenterTitle_Top_BackFixed .CenterTitle_Top_BackFixed_Wrap .CenterTitle_Top_BackFixed_Title
                    { font-size         : 30px;         font-weight         : 500;                                                                                      }
  .CenterTitle_Top_BackFixed .CenterTitle_Top_BackFixed_Wrap .CenterTitle_Top_BackFixed_Descript
                    { font-size         : 14px;         font-weight         : 300;                                                                                      }


                                                       
                                                       
                                                           
  }
  
  
  @media (max-width:640px) {
/* ******************************************************************************************************************************************************************** */
/*                                                                                                                                                                      */
/*                                                                                                                                                                      */
/*                                       1단 배경 Fixed                                                                                                                 */
/*                                                                                                                                                                      */
/*                                                                                                                                                                      */
/* ******************************************************************************************************************************************************************** */
/* A                A A                 :               A                   :               A                   :               A                   :                   */

  .CenterTitle_Top_BackFixed   
                    { margin-top        : 90px;         padding             : 25px 0px 25px 0px;                                                                        }     
  .CenterTitle_Top_BackFixed .CenterTitle_Top_BackFixed_Wrap
                    { width             : 97%;          padding               : 0;                                                                                      }

  .CenterTitle_Top_BackFixed .CenterTitle_Top_BackFixed_Wrap .CenterTitle_Top_BackFixed_TopTitle
                    { font-size         : 16px;         font-weight         : 300;          color               : #fff;                                                 }
  .CenterTitle_Top_BackFixed .CenterTitle_Top_BackFixed_Wrap .CenterTitle_Top_BackFixed_SubTitle
                    { font-size         : 18px;         font-weight         : 500;                                                                                      }
  .CenterTitle_Top_BackFixed .CenterTitle_Top_BackFixed_Wrap .CenterTitle_Top_BackFixed_Title
                    { font-size         : 18px;         font-weight         : 500;          padding-left        : 0;                                                    }
  .CenterTitle_Top_BackFixed .CenterTitle_Top_BackFixed_Wrap .CenterTitle_Top_BackFixed_Descript
                    { font-size         : 12px;         font-weight         : 300;          padding-left        : 0;            line-height         : 1.4em;            
                      margin-top        : 10px;         text-align          : center;                                                                                   }
  
  .CenterTitle_Top_BackFixed .CenterTitle_Top_BackFixed_Wrap .CenterTitle_Top_BackFixed_Title .top
                    { font-size         : 25px;         letter-spacing      : 0em;                                                                                      }
  .CenterTitle_Top_BackFixed .CenterTitle_Top_BackFixed_Wrap .CenterTitle_Top_BackFixed_Title .bottom
                    { font-size         : 22px;         letter-spacing      : 0em;                                                                                      }
                    

                      
                           
  }