@charset "utf-8";

/*atab*/
.dtab {display:flex; gap:1.875rem; width: fit-content; margin:0 auto; margin-bottom:min(70px, 11vw); position:relative;}
.dtab:before {content:""; width:100vw; height:1px; background:#ccc; opacity: 0.5; position:absolute; left: 50%; top:50%; transform: translateX(-50%); z-index:-1 ;}
.dtab li {flex:1;}
.dtab li a {display:flex; height:min(150px, 12vw); justify-content:center; align-items:center; aspect-ratio: 1/1; background:#fff; text-align:center; font-size:36px; font-weight: 100; line-height:1.2em; color:#999999; padding:0.2em 5px 0px 5px; border:1px solid #000; }
.dtab li.on {position:relative; z-index:2;}
.dtab li.on a {background: #000; color:#fff;}

.introduce_02 .tab_cont { display: none; }
.introduce_02 .tab_cont.active { display: block; }
.introduce_02 .main_img { margin-bottom: 5rem; }
.introduce_02 li { display: flex; gap:90px; }
.introduce_02 li:nth-child(even) { flex-direction: row-reverse; }
.introduce_02 .list_img { flex:1; border:1px solid #000; }
.introduce_02 .list_text { flex:1; display: flex; gap:2rem; flex-direction: column; justify-content: center; font-size: var(--font-size); font-weight: 500; color: #333; }
.introduce_02 .list_title { font-size: 32px; font-weight: 800; margin-bottom: 1rem; color:#000; }

@media screen and (max-width:1279px) {

}

/* 980px 이하 */
@media screen and (max-width:979px) {

}

/* 768 이하 */
@media screen and (max-width:767px) {

}

/* 480px 이하 */
@media screen and (max-width:479px) {

}