@charset "utf-8";

#atc01 .group-cont{display:flex;justify-content:space-between}
#atc01 .type-area h3{font-size:20px;color:#777;font-family:var(--B-font)}
#atc01 .type-area li{display:flex;align-items:center;justify-content:space-between;width:420px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e1e1e1;cursor:pointer}
#atc01 .type-area li div{height:35px;transition:all .3s}
#atc01 .type-area li div p{opacity:0;transition:all .3s}
#atc01 .type-area li svg{display:none;color:#111}
#atc01 .type-area li.on h3{color:var(--primary)}
#atc01 .type-area li.on div{height:auto}
#atc01 .type-area li.on div p{opacity:1}
#atc01 .type-area li.on svg{display:block}
#atc01 .tab-page .tab-cont{display:none;width:650px;height:380px;border-radius:5px}
#atc01 .tab-page .tab-cont1{background:url('./img/cont01-bg.jpg')}
#atc01 .tab-page .tab-cont2{background:url('./img/cont02-bg.jpg')}
#atc01 .tab-page .tab-cont3{background:url('./img/cont03-bg.jpg')}
#atc01 .tab-page .tab-cont4{background:url('./img/cont04-bg.jpg')}
#atc01 .tab-page .tab-cont5{background:url('./img/cont05-bg.jpg')}
#atc01 .tab-page ul{margin-top:10px;font-size:13px;font-weight:500;text-align:right;color:#aaa}
#atc01 .tab-page a:hover .more span{background:var(--primary)}
#atc01 .tab-page a{display:flex;flex-direction:column;width:100%;height:100%;padding:60px 40px 30px}
#atc01 .tab-page .cont-tit h3{font-size:23px;color:#111;font-family:var(--B-font)}
#atc01 .tab-page .cont-tit p{font-weight:500;color:#777}
#atc01 .tab-page .info{margin-top:25px}
#atc01 .tab-page .info p{margin-bottom:5px;font-size:16px;color:#111;font-family:var(--B-font)}
#atc01 .tab-page .info dl{display:flex;gap:15px;font-size:14px;font-family:var(--M-font)}
#atc01 .tab-page .info dl dt{width:70px}
#atc01 .tab-page .info dl dt:before{display:inline-block;content:'';width:3px;height:3px;margin-right:10px;vertical-align:3px;background:#111}
#atc01 .tab-page .info dl dd{color:#777;white-space:pre-line}
#atc01 .tab-page .more{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:15px;border-top:1px solid rgba(0,0,0,.1)}
#atc01 .tab-page .more p{font-weight:700;color:#777}
#atc01 .tab-page .more span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50px;color:#fff;background:rgba(0,0,0,.2);transition:all .3s}
#atc01 .tab-page .more span svg{width:18px}