@charset "euc-kr";
/* ============================= */
/* TAB SECTION */
/* ============================= */

.tab_sec{
  width:100%;
  box-sizing:border-box;
    margin-top: 0ppx;
    margin-bottom: clamp(20px,4vw,80px);
}

.tab{
  text-align:center;
}

/* ============================= */
/* TAB MENU */
/* ============================= */

.tab_menu{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  margin-bottom:clamp(50px,5vw,70px);
}

.tab_btn{
  background:#ffffff;
  border:none;
  font-family:'paperozi';
  font-weight:400;
  font-size:clamp(16px,2vw,26px);
  color:#808080;
  padding:clamp(16px, 3vw, 32px) clamp(70px,7vw,130px);
  border-radius:25px;
  cursor:pointer;
  transition:.25s;
  white-space:nowrap;
}

.tab_btn:hover,
.tab_btn.active{
  background:#ffd320;
  color:#323232;
  font-weight:700;
}

/* ============================= */
/* TAB PANEL */
/* ============================= */

.tab-panel{
  display:none;
  opacity:0;
  transform:translateY(6px);
  transition:.25s;
}

.tab-panel.active{
  display:block;
  opacity:1;
  transform:none;
}

/* ============================= */
/* CONTENT WRAP */
/* ============================= */

.tab_con{
  width:100%;
}

/* ============================= */
/* ITEM LAYOUT (PC) */
/* ============================= */
 
.item{
  width:100%;
  max-width:1200px;
    margin: auto;
    margin-bottom: clamp(15px,2vw,30px);
  display:grid;
 grid-template-columns:45% 1fr;
  align-items:center;
  box-sizing:border-box;
}

.tab_txt{
    margin-left: 40px;
    text-align: left;
}

.tab_tag{
    display: flex;
    flex-direction: row;/*가로정렬*/
    gap:8px; /*태그사이 간격*/
    flex-wrap:wrap; /*줄바꿈 허용*/
    margin-bottom: clamp(15px,2.5vw, 25px);
}

.tag{
  display:inline-block;
  padding:6px 14px;
  background:#3a1212;
  color:#fff;
  font-family:'paperozi';
  font-weight:300;
  font-size:clamp(18px,2.5vw,20px);
  border-radius:999px;
  white-space:nowrap;    
}

.tab_tit{
  position:relative;
  display:inline-block;
  color:#323232;
  font-family:'paperozi';
  font-weight:700;
  font-size:clamp(20px,2.5vw,35px);
  padding-bottom:7px;
}

.tab_tit::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:4px;
  background:#ffd320;
}

.tab_t{
  margin-top:clamp(12px,2vw,23px);
  font-size:clamp(13px,2vw,23px);
  line-height:1.5;
  word-break:keep-all;
  font-family:'paperozi';
  font-weight:400;
  color:#888888;
}


/* ============================= */
/* MOBILE */
/* ============================= */

@media (max-width:768px){
    .tab_menu{
        margin-bottom: 15px;
    }
.item{
  grid-template-columns:45% 1fr;
  gap:clamp(20px,4vw,40px);
}

.tab_txt{
  margin-left:0;
  text-align:left;
   
}
    
    .tab_tag{
        gap:5px;
        margin-bottom: 10px;
    }
    
    .tag{
  display:inline-block;
  padding:4px 10px;
  background:#3a1212;
  color:#fff;
  font-family:'paperozi';
  font-weight:300;
  font-size:9px;
  border-radius:999px;
  white-space:nowrap;    
}

.tab_menu{
  flex-wrap:wrap;
  gap:10px;
}
    
    .tab_tit{
        font-size: 17px;
         padding-bottom: 5px;
    }
    .tab_tit::after{
  height:2px;

}
    .tab_t{
        margin-top: 5px;
        font-size: 10px;
        line-height:1.3;
    }

.tab_btn{
  padding:13px 13px;
  font-size:clamp(12px,4vw,15px);
    border-radius:12px;
}

}