@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;}

p{margin: 0 0 0px;}

ul{margin-bottom: 0;}

/*공통*/
.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;}
.sub8_banner_img{background: url(../../../images/sub8_images/sub8_banner.jpg) 80% 50% no-repeat;animation: subbanner 3s forwards;height: 420px;}
@keyframes subbanner{
    0%{transform: scale(1.3);}
    100%{transform: scale(1.0);}
}
.sub8_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%;}
}




/*commu_nav*/
.commu_nav{border-bottom: 2px solid #cbcbcb;}
.commu_nav ul{overflow: hidden;}
.commu_nav ul li{float: left;padding: 0 2px;width: 25%;text-align: center;transition: all 0.3s ease;position: relative;}
.commu_nav ul li:hover{background: rgba(115,51,97,0.8);}
.commu_nav ul li:hover a{color: #fff;}
.commu_nav ul li a{font-size: 19px;letter-spacing: -1px;color: #333;font-weight: 400;height: 80px;display: flex;align-items: center;justify-content: center;}
.commu_nav ul li br{display: none;}


/*search*/
#ext_search select{height: 28px;}
.keywordform{height: 28px;}

.est_btn_cell input{height: 28px;}


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

@media(max-width:1000px){
    .commu_nav ul li a{font-size: 18px;}
}/*1000*/

@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){
    .commu_nav .inner{width: 100%;}
}/*775*/

@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;}
    
    .commu_nav ul li a{font-size: 16px;}
    
}/*480*/