*{margin: 0;padding: 0;list-style: none;text-decoration: none;color: #333;font-family: 'Noto Sans KR', sans-serif !important;word-break: keep-all;box-sizing: border-box;color: #333;}

.clearfix::after, .clearfix::before{
    overflow: hidden;
    clear: both;
    content: "";
}

a, img{display: block;}

ul{margin-bottom: 0;}

p{margin: 0 0 0px;}

/*공통*/
.inner {
  max-width:1450px;
  width: 100%;
  margin:0 auto;
  height: inherit;
    
}
.sub_content{padding: 120px 0;}

/*titles*/
.titles .invisal_ttup{font-size: 16px;color: #999;font-weight: 300;text-align: center;}
.titles h2{text-align: center; line-height: 1.3; font-size: 32px;font-weight: 600;text-align: left;letter-spacing: -1.5px;margin-top: 0;;margin-bottom: 0;}
.titles h2 span{color: #1e68a1;}
.sub_downtitle{text-align: center;font-size: 20px;margin-top: 10px;color: #808080;font-weight: 300;}


/*sub_banner*/ 
.sub_banner{max-width: 1920px; width: 100%;position: relative;overflow: hidden;margin: 0 auto;}
.invisal_banner_img{background: url(../../../images/invisal_images/sub_banner_invisal.jpg) 34% 50% no-repeat;animation: subbanner 3s forwards;height: 420px;}
@keyframes subbanner{
    0%{transform: scale(1.3);}
    100%{transform: scale(1.0);}
}
.invisal_banner_img:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.35);}
.header_visible{position: absolute;top: 25%;left: 50%;transform: translate(-50%, -50%);color: rgba(0,0,0,0);visibility: hidden;}
.sub_banner_uptt{position: absolute;top: 47%;left: 50%;transform: translate(-50%, -50%);color: #fff;font-size: 18px;font-weight: 200; letter-spacing: 4px; animation: bannertext2 1.5s forwards; animation-delay: 0.2s;opacity: 0;width: 96%;text-align: center;}
@keyframes bannertext2{
    0%{opacity: 0;top: 40%;}
    100%{opacity: 1;top: 47%;}
}
.sub_banner_title{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;font-size: 36px;font-weight: 500; animation: bannertext 1.5s forwards;letter-spacing: -1px;width: 96%;text-align: center;}
@keyframes bannertext{
    0%{opacity: 0;top: 45%;}
    100%{opacity: 1;top: 55%;}
}


.white_t{color: #fff;}


@media(max-width:1330px){
    /**/
    .inner{width: 96%;}
    
}/*1330*/

@media(max-width:1000px){
    
}/*1000*/

@media(max-width:960px){
    /**/
    .titles .invisal_ttup{font-size: 16px;}
    .titles h2{font-size: 30px;letter-spacing: -1.5px}
    .sub_downtitle{font-size: 18px;}
    

    
}/*960*/

@media(max-width:900px){
    /**/
    .sub_content{padding-top: 70px; padding-bottom: 70px;}
    /*sub_banner*/
    .sub_banner{height: 400px;}
    .sub_banner_uptt{font-size: 16px;}
    .sub_banner_title{font-size: 34px;}
    
}/*900*/


@media(max-width:775px){
    
}/*768*/


@media(max-width:768px){
    
}/*768*/


@media(max-width:680px){
    
    
}/*680*/

@media(max-width:640px){
    /**/
    .titles .invisal_ttup{font-size: 14px !important;}
    .titles h2{font-size: 26px;letter-spacing: -1.5px}
    .sub_downtitle{font-size: 17px;}
    
    /*sub_banner*/
    .sub_banner_uptt{font-size: 15px;}
    .sub_banner_title{font-size: 32px;}
    
}/*640*/

@media(max-width:480px){
    /**/
    .titles .invisal_ttup{font-size: 14px;}
    .titles h2{font-size: 24px;letter-spacing: -1.5px}
    .sub_downtitle{font-size: 16px !important;}
    
    .sub_content{padding-top: 40px; padding-bottom: 40px;}

    /*sub_banner*/
    .sub_banner{height: 380px;}
    .sub1_banner_img{height: 380px;}
    .sub_banner_uptt{font-size: 14px;}
    .sub_banner_title{font-size: 28px;letter-spacing: 0;}
    
}/*480*/

@media(max-width:400px){    
    
}/*400*/

@media(max-width:380px){    
    /*sub_banner*/
    .sub_banner_title{font-size: 26px;}
    
}/*380*/