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

/*font*/
@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TmonMonsori';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.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:1300px;
  margin:0 auto;
  height: inherit;
}
.sub_content{padding: 100px 0;}

article .sub_title{font-size: 32px;font-weight: 600;text-align: center;letter-spacing: -1px;margin-bottom: 20px;}
article .sub_title_bar{width: 50px;background: #885078; height: 2px;margin: 0 auto;}
article .sub_mtitle{font-size: 19px;color: #595959;font-weight: 400;padding-top: 20px;text-align: center;line-height: 30px;padding-bottom: 50px;}

/*sub_banner*/ 
.sub_banner{max-width: 1920px; width: 100%;position: relative;overflow: hidden; height: auto; margin: 0 auto;}
.sub1_banner_img{background: url(../../../images/sub1_images/sub1_banner.jpeg) 50% 50% no-repeat;animation: subbanner 3s forwards;height: 420px;}
@keyframes subbanner{
    0%{transform: scale(1.3);}
    100%{transform: scale(1.0);}
}
.sub1_banner_img:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);}
.header_visible{position: absolute;top: 25%;left: 50%;transform: translate(-50%, -50%);color: rgba(0,0,0,0);visibility: hidden;}
.sub_banner_title{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;font-size: 36px;font-weight: 500;letter-spacing: -1px;white-space: nowrap;animation: bannertext 1.5s forwards;width: 96%;text-align: center;}
@keyframes bannertext{
    0%{opacity: 0;top: 42%;}
    100%{opacity: 1;top: 50%;}
}

/*.submenu_nav{position: absolute;bottom: 0px;height: 90px;width: 1300px; margin: 0 auto;left: 50%;transform: translateX(-50%);}
.submenu_nav li{width: 33.3333%;height: 90px;float: left;}
.submenu_nav li a{width: 100%;height: 90px;color: #fff; background: rgba(0,0,0,0.5);border: 1px solid rgba(0,0,0,0);font-size: 20px;font-weight: 400;display: flex;align-items: center;justify-content: center;text-align: center;}
.submenu_nav li a .submenu_none{color: #fff;}
.submenu_nav li a br{display: none;}*/


/*sub1_nav*/
.sub1_nav{border-bottom: 2px solid #cbcbcb;}
.sub1_nav ul{overflow: hidden;}
.sub1_nav ul li{float: left;padding: 0 2px;width: 33.3333%;text-align: center;transition: all 0.3s ease;position: relative;}
.sub1_nav ul li:hover{background: rgba(115,51,97,0.8);}
.sub1_nav ul li:hover a{color: #fff;}
.sub1_nav ul li:hover a .submenu_none{color: #fff;}
.sub1_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;}
.sub1_nav ul li br{display: none;}




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

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

@media(max-width:960px){
    /**/
    article .sub_title{font-size: 29px; margin-bottom: 16px;}
    article .sub_mtitle{font-size: 18px;}
    
    
    
}/*960*/

@media(max-width:900px){
    /**/
    .sub_content{padding-top: 70px; padding-bottom: 70px;}
    /*sub_banner*/
    .sub_banner{height: 400px;}
    .sub_banner_title{font-size: 34px;}
    /*submenu*/
    .submenu_nav, .submenu_nav li, .submenu_nav li a{height: 80px;}
    .submenu_nav li a{font-size: 18px;}
    
}/*900*/


@media(max-width:775px){
    /*sub_nav*/
    .sub1_nav .inner{width: 100%;}
    .sub1_nav ul li a .submenu_none{display: none;}
    .sub1_nav ul li br{display: block;}
    .sub1_nav ul li:after{width: 100%;}
    
}/*768*/


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


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

@media(max-width:640px){
    /**/
    article .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;}
    
    .sub12_a1 .sub_title{margin-top: 50px;}
    /*sub_banner*/
    .sub_banner_title{font-size: 32px;}
    /*submenu*/
    .submenu_nav, .submenu_nav li, .submenu_nav li a{height: 70px;}
    .submenu_nav li a{font-size: 16px;}


    
}/*640*/

@media(max-width:480px){
    /**/
    .sub_content{padding-top: 40px; padding-bottom: 40px;}
    article .sub_title{font-size: 22px;letter-spacing: -1.5px; margin-bottom: 8px;}
    article .sub_title_bar{width: 30px;}
    article .sub_mtitle{font-size: 15px; line-height: 23px;}
    /*sub_banner*/
    .sub_banner{height: 380px;}
    .sub1_banner_img{height: 380px;}
    .sub_banner_title{font-size: 28px;letter-spacing: 0;}
    /*submenu*/
    .submenu_nav, .submenu_nav li, .submenu_nav li a{height: 60px;}
    .submenu_nav li a{font-size: 15px;}
    /*sub_nav*/
    .sub1_nav ul li a{font-size: 16px;}
    
   
}/*480*/

@media(max-width:400px){    
    /*submenu_nav*/
    .submenu_nav li a .submenu_none{display: none;}
    .submenu_nav li a br{display: block;}
    
}/*400*/

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

    
}/*380*/