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

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

a, img{display: block;}

ul, ol{margin-bottom: 0;}

p{margin: 0 0 0px;}

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

/*titles*/
.titles{margin-bottom: 20px;}
.sub_uptitle{font-size: 16px;color: #999;font-weight: 300;letter-spacing: 4px;position: relative;top: 6px;}
article .sub_title{font-size: 32px;font-weight: 600;text-align: center;letter-spacing: -1.5px;margin-bottom: 20px;}
article .sub_title span{color: #b08461;}
article .sub_title_bar{width: 50px;background: #885078; height: 2px;margin: 0 auto;}
article .sub_mtitle{font-size: 18px;color: #808080;font-weight: 400;padding-top: 20px;text-align: center;line-height: 30px;padding-bottom: 50px;} 
.sub_downtitle p{text-align: center;height: 40px;font-size: 18px;}
article .ttcol_bar{width: 1px;height: 40px;background: #d7d7d7;margin: 0 auto;}


/*sub_banner*/ 
.sub_banner{max-width: 1920px; width: 100%;position: relative;overflow: hidden;margin: 0 auto;}
.sub7_banner_img{background: url(../../../images/sub7_images/sub7_banner.jpg) 73% 50% no-repeat;animation: subbanner 3s forwards;height: 420px;}
@keyframes subbanner{
    0%{transform: scale(1.3);}
    100%{transform: scale(1.0);}
}
.sub7_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;}*/
.sub_banner_downtt{position: absolute;top: 53%;left: 50%;transform: translate(-50%, -50%);color: #fff;font-size: 18px;font-weight: 200; letter-spacing: 0px; animation: bannertext2 1.5s forwards; animation-delay: 0.2s;opacity: 0;text-align: center;
    width: 96%;}

@keyframes bannertext2{
    0%{opacity: 0;top: 53%;}
    100%{opacity: 1;top: 61%;}
}
.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: 43%;}
    100%{opacity: 1;top: 49%;}
}




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

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

@media(max-width:960px){
    /**/
    article .sub_title, .sub3_a1_texts .sub_title{font-size: 29px; margin-bottom: 16px;}
    article .sub_mtitle{font-size: 18px;}
    .sub_uptitle{font-size: 15px;}
    .titles{margin-bottom: 16px;}
    
    
    /*a4*/
    article .sub_mtitle{padding-bottom: 40px;}
    
    
}/*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;}
    .sub_banner_downtt{font-size: 17px;}
    
}/*900*/


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


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


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

@media(max-width:640px){
    /**/
    article .sub_title, .sub3_a1_texts .sub_title{font-size: 26px; margin-bottom: 12px;}
    article .sub_mtitle{font-size: 17px;padding-top: 10px;padding-bottom: 30px;line-height: 27px;}
    article .sub_title_bar{width: 40px;}
    
    /*sub_banner*/
    .sub_banner_uptt{font-size: 15px;}
    .sub_banner_title{font-size: 32px;}
    .sub_banner_downtt{font-size: 16px;}
    
}/*640*/

@media(max-width:480px){
    /**/
    .sub_content{padding-top: 40px; padding-bottom: 40px;}
    article .sub_title, .sub3_a1_texts .sub_title{font-size: 22px;letter-spacing: -1.5px; margin-bottom: 8px;}
    article .sub_title_bar{width: 30px;}
    article .sub_mtitle{font-size: 16px; line-height: 28px;}
    /*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*/