@charset "utf-8";

.em_primary{color:var(--color-primary)}
.em_secondary{color:var(--color-secondary)}

.text_up{display:block;overflow:hidden}
.text_up .text_up_con{position:relative;display:inline-block;will-change:transform;transform:translate3d(0, 150%, 0);animation: none}
.text_up .text_up_con.animate{animation: text-up 1s cubic-bezier(0.4, 0, 0.2, 1) both}
.delay{animation-delay:0.2s !important}
.delay1{animation-delay:0.4s !important}
.delay2{animation-delay:0.6s !important}
.delay3{animation-delay:0.8s !important}

@keyframes text-up{ 
    from {transform:translate3d(0, 150%, 0); opacity:0;} 
    to {transform:translate3d(0, 0, 0); opacity:1;}
}

@keyframes spin {
    to { transform: translate(-50%, -50%) rotate(360deg)}
}

@keyframes spin1 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg);}
  }
  
  @keyframes spin2 {
    0% { transform: rotate(15deg);}
    100% { transform: rotate(375deg);}
  }

@keyframes rotate{
    0%{transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

@keyframes rotateCircle {
    100% { transform: rotate(360deg);}
}
@keyframes bounce {
    100% {
        transform: translateX(5px);
    }
}
@keyframes down {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(120px);
  }
}

.con_tab{display:flex;margin-bottom:60px}
.con_tab li{flex:1}
.con_tab li button{display:block;width:100%;padding:25px 0;background:#f6f6f6;border-bottom:1px solid #D7DADF;color:#888888;text-align:center;font-weight:500;font-size:1.8rem}
.con_tab li button.on{background:var(--color-primary);border-bottom:1px solid var(--color-primary);color:#fff}
.tab_con_box .tab_con{display:none}
.tab_con_box .tab_con.active{display:block}

.con_tit{margin:100px 0 30px}
.con_tit.top{margin-top:0}
.con_tit span{font-family:"Play-bold";color:var(--color-primary)}
.con_tit h4{color:#111;font-weight:600}

.dot_lst li{position:relative;padding-left:15px}
.dot_lst li:not(:last-child){margin-bottom:5px}
.dot_lst li::before{content:"";position:absolute;top:10px;left:3px;width:3px;height:3px;border-radius:50%;background:#fff}
.dot_lst_v2 li{position:relative;padding-left:15px;font-size:2rem;color:#111;font-weight:600}
.dot_lst_v2 li:not(:last-child){margin-bottom:5px}
.dot_lst_v2 li::before{content:"";position:absolute;top:12px;left:0;width:6px;height:6px;border-radius:50%;background:var(--color-primary)}

.con_img_lst{display:flex;gap:20px;flex-wrap:wrap}
.con_img_lst li{width:calc((100% - 40px) / 3)}
.con_img_lst li a{display:block;padding:20px;border:1px solid #D7DADF;border-radius:12px}
.con_img_lst li a .con_img{overflow:hidden}
.con_img_lst li a .con_img img{height:270px;object-fit:cover;transition:all 0.6s}
.con_img_lst li a:hover .con_img img{transform:scale(1.1)}
.con_img_lst li a .tit{position:relative;height:50px;margin-top:10px;padding-left:12px;font-size:1.8rem;font-weight:600;line-height:1.4;color:#111;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.con_img_lst li a .tit::before{content:"";position:absolute;top:10px;left:0;width:6px;height:6px;border-radius:50%;background:var(--color-primary)}

@media (max-width:1280px){
  .con_img_lst li a .con_img img{height:240px}
}
@media (max-width:1024px){
    .con_tit{margin:60px 0 20px}
    .con_tab{flex-wrap:wrap;gap:10px;margin-bottom:40px}
    .con_tab li{flex:0 0 calc(50% - 5px)}
    .con_tab li button{padding:20px 0;border:1px solid #D7DADF}
    .con_tab li button.on{border:1px solid var(--color-primary)}

    .con_img_lst li{width:calc((100% - 20px) / 2)}
    .con_img_lst li a .con_img img{height:220px}
  }
  @media (max-width:768px){
    .con_tit{margin:40px 0 15px}
    .con_tab{margin-bottom:30px;gap:5px}
    .con_tab li{flex:0 0 calc(50% - 2.5px)}
    .con_tab li button{padding:15px 0;font-size:1.7rem}
    
    .dot_lst_v2 li{font-size:1.8rem}
    
    .con_img_lst li a{padding:15px}
    .con_img_lst li a .con_img img{height:180px}
  }
  @media (max-width:640px){
    .con_img_lst{gap:10px}
    .con_img_lst li{width:100%}
    
  }
  @media (max-width:420px){
    .con_tab li{flex:0 0 100%}
    
   }

.btn_wrap{margin-top:40px;text-align:right}
.btn{display:inline-block;min-width:100px;height:45px;line-height:45px;text-align:center;border-radius:4px;font-size:1.6rem}
.btn_primary{background-color:var(--color-primary);color:#fff}
.btn_secondary{background-color:var(--color-secondary);color:#fff}

@media (max-width:768px){
  .btn_wrap{margin-top:30px}
  }

/* board */
table{width:100%;table-layout:fixed;border-top:2px solid #111}
table tr{border-bottom:1px solid #D7DADF}
table tr th{background:#F8F8F8;color:#111;font-weight:500}
table tr th, table tr td{padding:25px 15px;font-size:2rem;text-align:center}

.bbs_list table tr td.bbs_tit{text-align:left;font-size:2rem;font-weight:500}
.bbs_list table tr td.bbs_tit a{display:inline-block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:top}
.bbs_list table tr td.bbs_tit a:hover{text-decoration:underline}

.bbs_view table tr td{text-align:left}
.bbs_view table tr td.bbs_detail{font-size:1.7rem;word-break:break-all}
.bbs_view table tr th.bbs_tit{text-align:center}

.bbs_gallery{display:flex;gap:30px;flex-wrap:wrap}
.bbs_gallery li{width:calc((100% - 60px) / 3)}
.bbs_gallery li a .con_img{margin-bottom:20px;border:1px solid #D7DADF;overflow:hidden}
.bbs_gallery li a .con_img img{height:300px;object-fit:cover;transition:all 0.6s}
.bbs_gallery li a:hover .con_img img { transform:scale(1.1)}
.bbs_gallery li a .news_tit{height:55px;margin-bottom:10px;line-height:1.4;font-size:2rem;color:#111;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.bbs_gallery li a .date{color:#A9A9A9}

.con_table table tr td{text-align:left}


.paging_wrap{display:flex;justify-content:center;margin-top:40px}
.paging_wrap li a{display:block;width:40px;height:40px;line-height:40px;border-radius:4px;font-size:1.6rem;text-align:center}
.paging_wrap li .num.on{background:var(--color-primary);color:#fff}
.paging_wrap li a.first_page{background:url("../image/icon/first_icon.png")no-repeat center}
.paging_wrap li a.prev_page{background:url("../image/icon/prev_icon.png")no-repeat center}
.paging_wrap li a.next_page{background:url("../image/icon/next_icon.png")no-repeat center}
.paging_wrap li a.last_page{background:url("../image/icon/last_icon.png")no-repeat center}


@media (max-width:1280px){
  .bbs_gallery li a .con_img img{height:250px}
}
@media (max-width:1024px){
  table tr th, table tr td{padding:15px 10px;font-size:1.8rem}

  .bbs_gallery{gap:20px}
  .bbs_gallery li{width:calc((100% - 40px) / 3)}
  .bbs_gallery li a .con_img img{height:200px}
}
@media (max-width:768px){
  table,
  table colgroup,
  table tbody,
  table tr,
  table th,
  table td{display:block}
  table tr th, table tr td{font-size:1.7rem}
  
  .bbs_list table thead,
  .bbs_list table td.num{display:none}
  .bbs_list table tr{padding:10px 0}
  .bbs_list table tr td.bbs_tit{font-size:1.7rem}
  .bbs_list table tr td{padding:3px 5px;text-align:left}

  .bbs_view table tr th{text-align:left}

  .bbs_gallery li{width:calc((100% - 20px) / 2)}
  .bbs_gallery li a .con_img{margin-bottom:10px}
  .bbs_gallery li a .con_img img{height:180px}
  .bbs_gallery li a .news_tit{height:50px;font-size:1.8rem}
  
  .paging_wrap{margin-top:30px}
  .paging_wrap li a{width:35px;height:35px;line-height:35px;font-size:1.5rem}
}

@media (max-width:420px){
  .bbs_gallery li{width:100%}
}