@charset "utf-8";

@import url(./import_font/lg_font/lg_font.css);

@import url(http://designtu.kr/font/notosans/google_notosanskr.css);


/* CSS reset */
/* A                A A                             A                             A                             A                             */
   html  ,body ,div  ,span ,applet ,object ,iframe ,h1   ,h2    ,h3   ,h4    ,h5       ,h6     ,p      ,blockquote ,pre    ,abbr    ,acronym ,address 
  ,big   ,cite ,code ,del  ,dfn    ,em     ,font   ,img  ,ins   ,kbd  ,q     ,s        ,samp   ,small  ,strike     ,strong ,sub     ,sup     ,tt   
  ,var   ,b    ,u    ,i    ,center ,dl     ,dt     ,dd   ,ol    ,ul   ,li    ,fieldset ,form   ,label  ,legend     ,table  , aption ,tbody   ,foot
  ,thead ,tr   ,th   ,td 
                    { margin          : 0;          padding    : 0;               border     : 0;               
                      vertical-align  : baseline;   background : transparent;     list-style : none;            line-height : 1.5;
                      font-family:'Noto Sans KR';
                      -webkit-text-size-adjust : none;                                                                                         }
   html  ,body ,span ,applet ,object ,iframe                                           ,p      ,blockquote ,pre    ,abbr    ,acronym ,address 
  ,big   ,cite ,code ,del  ,dfn    ,em     ,font   ,img  ,ins   ,kbd  ,q     ,s        ,samp   ,small  ,strike     ,strong ,sub     ,sup     ,tt   
  ,var   ,b    ,u    ,i    ,center ,dl     ,dt     ,dd   ,ol    ,ul   ,li    ,fieldset ,form   ,label  ,legend     ,table  , aption ,tbody   ,foot
  ,thead ,tr   ,th   ,td
                    { font-size       : 12px;                                                                                                  }
   em ,address      { font-style      : normal;                                                                                                }
   hr               { display         : none;                                                                                                  }
   body             { line-height     : 1;          word-break : break-all;                                                                    }
   ol ,ul           { list-style      : none;                                                                                                  }
   blockquote ,q    { quotes          : none;                                                                                                  }
   blockquote:before ,blockquote:after
  ,         q:before ,         q:after          
                    { content         : '';         content    : none;                                                                         }
   ins              { text-decoration : none;                                                                                                  }
   del              { text-decoration : line-through;                                                                                          }

/*table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;word-break:break-all;}*/
/* A                A A                             A                             A                             A                             */
   table            { width           : 100%;       border-collapse : collapse;   border-spacing : 0;           word-break  : break-all;       }
   table th 
  ,table td         { vertical-align  : middle;                                                                                                }
   fieldset         { margin          : 0;          padding         : 0;          border         : 0 none;                                     }
   legend ,caption ,.skip            
                    { position        : absolute;   left            : -9999px;    width          : 0;           height      : 0; 
                      font-size       : 0;          line-height     : 0;          overflow       : hidden;                                     }
   caption          { position        : static;                                                                                                }
   html ,body ,input ,button
                    { font-size       : 12px;       color           : #000;                                                                    }
   a                { color           : #000;       text-decoration : none !important;                                                         }
   a:hover          { text-decoration : none !important;                                                                                       }
   a:after          { text-decoration : none !important;                                                                                       }
   a:before         { text-decoration : none !important;                                                                                       }
   img ,input       { vertical-align  : top;                                                                                                   }
   label            { vertical-align  : middle;     font-size       : 14px;                                                                    }
   select           { height          : 24px;       margin          : 0;          border         : 1px solid #DCDCDC; 
                      padding         : 0;          font-size       : 12px;       vertical-align : middle;      color       : #000;            }
   input            { outline-style   : none;                                                                                                  }
   textarea         { color           : #000;       font-size       : 13px;       line-height    : 18px;        padding     : 5px; 
                      overflow-y      : auto;       resize          : none;       border         : 1px solid #DCDCDC;                          }

/* html5 reset */
/* A                A A                             A                             A                             A                             */
   header ,footer ,section ,article ,aside ,nav ,hgroup ,details ,menu ,figure ,figcaption ,canvas
                    { display         : block;      margin          : 0;          padding        : 0;           border : 0; 
                      font-size       : 100%;       font            : inherit;    vertical-align : baseline;                                   }

.WrapTest { width:100%; height:30px;; text-align:center; display:inline-block; position:relative;}
.WrapTest .testWrap { width :25%; height:auto; display:inline-block; text-align:left; position:relative; clip : rect(0px, 0px, 50px, 0px); position:absolute; left:0; top: 0; }
.WrapTest .testWrap p { width:100%; height:auto; padding : 10px 0px; }
.WrapTest:hover .testWrap { clip : rect(0px, 350px, 50px, 0px); transition:0.5s;}                      
                      
.strokeme {
  color: rgba(255,255,255,0); font-size:50px;
  -webkit-text-stroke: 1px #000
}