@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css'); 
@charset "utf-8";



/*메인 리뉴얼 250702*/
.st03{ width: 1400px; margin: 0 auto ; padding-bottom: 0}
.st03_box{justify-content:center; width: 1400px; margin: 0 auto; gap:50px;}
.slide_icon{display: none}
.st03_set{margin: 100px 0 auto}

/*tab css*/
.tab{ width:50%; height:auto; }
.tab_top{    border-bottom: 2px solid #000;    display: flex;    align-items: center;    justify-content: space-between;}

.tab h2{ color: #333;    font-size: 45px;    font-weight: 600;   /* border-bottom: 3px solid #333;*/     padding-bottom: 20px;}
.tabnav{font-size:0; /*position: absolute;    left:30%;    top: 112px; */z-index: 999999; display: flex; gap:20px;}
.tabnav li{display: inline-block; /* height:46px;*/ text-align:center; }

.tabnav li a.active:before{background:#009cf5;}
.tabnav li a.active{}
.tabnav li a{ position:relative; display:block; background: #eee; color: #000; padding:0 30px; line-height:46px; text-decoration:none; font-size:16px; border-radius: 50px;}
.tabnav li a:hover,
.tabnav li a.active{background:#009cf5; color:#fff; }
.tabcontent{padding: 20px; border-top:none;}

/*공지사항 팝업존*/
.notice{margin: 50px 0 0 0 }

.notice .lt li dl dd{    font-size: 16px;    margin-bottom: 10px;    display: block;    line-height: 40px;    overflow: hidden;
    display: -webkit-box;    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-width: 100%;}

.notice .lt li:first-child dl{margin-top: 10px}

.notice_plus{display: none; top: -177px !important; right: -57px !important;}
.once_box{margin: 10px 40px 0 0  !important;}

.popup_zone{width: 50%; margin-top: 0;/* margin: 87px 0 0;background: #ff0000; */}
.popup_zone h2{color: #333;    font-size: 45px;    font-weight: 600;      padding: 10px 0 24px;     z-index: 99999999999999;    position: relative;}
.lt_gallery{margin-top: -100px;}
.lt_gallery .slick-dots{bottom: 20% !important;}
.lt_gallery{max-width: 100%}

.popup_top{}


.gallery_plus{position:absolute; top:25px; right:0; width:26px; height:26px; text-indent:-9999px; transition:.5s; z-index: 9999999999999;}
.gallery_plus::before{content:""; position:absolute; left:50%; top:0; width:3px; height:100%; background:#333; transform:translateX(-50%); z-index:-1;}
.gallery_plus::after{content:""; position:absolute; left:0; top:50%; width:100%; height:3px; background:#333; transform:translateY(-50%); z-index:-1;}
.gallery_plus a{position:relative; display:block; width:100%; height:100%;}

.gallery_plus:hover{transform:rotate(180deg);}


/*퀵배너*/
/*.quick_banner{margin-bottom: 100px}*/
.quick_banner{     position: absolute;    bottom: 0;    left: 0;    width: 100%;    background: rgba(250, 250, 250, 0.3);    z-index: 1; }
.quick_banner ul{width: 1400px; margin: 0px auto; display: flex;    /*  justify-content: space-between;*/}
.quick_banner ul  li{/* width: 23%;border-radius: 20px; */     flex: 1;}
.quick_banner ul  li a{padding: 40px 40px;color: #fff; display: block; font-size: 22px;  font-weight: 600; }
.quick_banner ul li:nth-child(1){background:#0072c8 url(../img/main/icon01.svg) right 30px center / 50px no-repeat;}
.quick_banner ul li:nth-child(2){background:#f0a62b url(../img/main/icon02.svg) right 30px center / 50px no-repeat;}
.quick_banner ul li:nth-child(3){background:#179f87 url(../img/main/icon03.svg) right 30px center / 50px no-repeat;}
.quick_banner ul li:nth-child(4){background:#b20020 url(../img/main/icon04.svg) right 30px center / 50px no-repeat;}

/*하단배너*/
.ft_ban{width: 1400px; margin: 100px auto; display: flex; justify-content: space-between;}
.ft_ban div{padding: 50px 3%; border-radius: 20px}

.ft_ban  p{font-size: 20px;}
.ft_ban  h2{font-size: 30px;}
.ft_ban  .btn{display: flex; align-items: center; padding: 25px 30px; font-size: 16px; width: 150px; border-radius: 50px; justify-content: space-between; margin-top: 40px;  }

.ft_ban .box_1{ background:#f09b0a url(../img/main/ft_ban01.png) right 35px top 49px / 107px no-repeat;    color: #fff; width: 42% }
.ft_ban .box_1 .s_txt{font-size: 20px;}
.ft_ban .box_1 ul{display: flex; gap: 20px; margin-top: 39px; justify-content: space-between;}
.ft_ban .box_1 ul li{background: #fff; }
.ft_ban .box_1 ul li a{padding: 20px 40px; display: block; color: #000; font-size: 20px; font-weight: 600}

.ft_ban .box_2{ background:#0072c8 url(../img/main/ft_ban02.png) right 40px bottom 20px / 96px no-repeat;    color: #fff ; width: 27%}



.ft_ban .box_2 .btn{ color: #000; background: #fff; }
.ft_ban .btn span{transition: all 0.3s ease; }


.ft_ban .box_3{ background:#ffeb1c url(../img/main/ft_ban03.png) right 40px bottom 20px / 80px no-repeat;    color: #000; width: 27% }
.ft_ban .box_3 h2{font-size: 39px}

.ft_ban .box_3 .btn{ color: #000; border:1px solid #000;}

.ft_ban .btn:hover{background: rgba (0,0,0, 0.1)}    
.ft_ban .btn:hover span{padding-right: 5px}




 @media (max-width: 1600px){
    .tabnav {left: 24%;}
    .notice_plus{top: -100px !important; right: -6px !important;}   
    .popup_zone{margin-top: 0}
     
     /*퀵배너*/
     .quick_banner ul{width:90%;  margin: 0 auto;justify-content: space-between;}
}


 @media (max-width: 1400px){
     
     .st03,
     .st03_box{width: 100%}
     .st03_box{width: 90%}
     .tabnav{left: 20%;}
     .notice_plus{top: -33% !important; right: 0px !important;}
     .once_box{width:  100%}
     
     
     /*하단배너*/
     .ft_ban{width: 100%;}
     
     
}

@media (max-width: 969px){
    .st03_box{gap;0}
    .tab{width: 100%}
    .tabnav{justify-content: flex-end; right: 10%;  top: 96px; gap:10px}
    .tabnav li a{font-size: 14px; padding: 0 15px}
    
    .tab h2, 
    .popup_zone h2{font-size: 30px}
    
    .notice_plus {   top: -100px !important;        right: 0 !important;    }
    .popup_zone{width: 100%; margin-top: 0}
    .popup_zone h2{margin-bottom: 10px;}
    
     /*퀵배너*/
    .quick_banner{    margin-bottom: 100px; z-index: 9; position: relative}
    .quick_banner ul{flex-wrap: wrap; width: 90%; margin: 0 auto; }
    .quick_banner ul  li{ width: 49%; margin-bottom: 10px;         background-size: 35px !important;        background-position: 90% 30px !important;}
    .quick_banner ul  li a{padding: 35px 25px; font-size: 17px; }
    
    
    /*하단배너*/
    .ft_ban{width: 90%; margin: 50px auto; flex-wrap: wrap}
    .ft_ban div{padding:50px 5% }
    .ft_ban .box_1{width: 100%; margin-bottom: 20px;}
    .ft_ban .box_2,
    .ft_ban .box_3{width: 49%}
    .ft_ban .box_1 ul{justify-content: flex-start;}
    .ft_ban p,
    .ft_ban .box_1 .s_txt    {font-size: 18px}
    .ft_ban h2{font-size: 25px}
    
   
    
}

@media (max-width: 650px){
    /*퀵배너*/
    .quick_banner ul li a {        padding: 25px 15px;        font-size: 15px;}
    
    /*하단배너*/
    .ft_ban div{padding: 30px 20px}
    .ft_ban .box_1 ul{flex-wrap: wrap; text-align: center;}
    .ft_ban .box_1 ul li{width: 100%}
    .ft_ban .box_1 ul li a{padding: 20px}
    .ft_ban .box_1{background-image:none}
    .ft_ban .box_2,
    .ft_ban .box_3{width: 100%; margin-bottom: 20px}
    .ft_ban .box_2{ background-position: right 40px bottom 20px;   background-size: 70px; }
    .ft_ban .box_3{ background-position: right 40px bottom 20px;   background-size: 70px; }

}