@charset "utf-8";

#bo_cate.center_cate{margin:0 auto 3rem;padding:0}
#bo_cate.center_cate ul{justify-content:center}

/*---------회사연혁---------*/
#his_area .his_cont .his_tit{width:18rem;height:18rem;margin:0 auto;border-radius:18rem;background:var(--pt-color);font-size:2.3rem;font-weight:700;color:#fff;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;font-family:'Poppins'}
#his_area .his_cont .his_tit:before, #his_area .his_cont .his_tit:after{content:'';width:100%;height:100%;border-radius: 50%;background:var(--pt-color);position:absolute;top:0px;right:0px;z-index:-1;transform:translate(0px, 0px);opacity:.2;transition:1s ease all}
#his_area .his_cont .his_tit:before{transform:translate(-1rem, -1rem);transition-delay:0.7s;animation:cloudCircle3 6s linear forwards infinite}
#his_area .his_cont .his_tit:after{transform:translate(1rem, 1rem);transition-delay:0.7s;animation:cloudCircle4 6s linear forwards infinite}

#his_area .his_list{max-width:140rem;width:100%;margin:0 auto;position:relative}
#his_area .his_list > li{width:50%;padding-bottom:5rem;position:relative;opacity:0;transition:opacity 1.5s}
#his_area .his_list > li:first-of-type{padding-top:8rem}
#his_area .his_list > li:before{content:'';width:1.6rem;height:1.6rem;border-radius:1.5rem;border:.3rem solid var(--pt-color);background:#fff;position:absolute;top:.5rem;right:-.8rem}
#his_area .his_list > li:first-of-type:before{top:9rem}

#his_area .his_list > li .year{margin-bottom:1rem;font-size:2.4rem;font-weight:700;color:var(--pt-color);font-family:'Poppins'}
#his_area .his_list > li .year_list li{margin-bottom:2rem;padding:0 1rem 2rem;border-bottom:1px dashed #ddd;overflow:hidden}
#his_area .his_list > li .year_list li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}

#his_area .his_list > li .year_list li .year_tit{padding:0 1rem;font-size:1.8rem;font-weight:600;line-height:130%;color:#333;position:relative;display:flex;align-items:flex-start;gap:1rem}
#his_area .his_list > li .year_list li .year_tit:before{content:'';width:3px;height:3px;background:var(--pt-color);border-radius:3px;position:absolute;top:1rem;left:0}
#his_area .his_list > li .year_list li .year_tit .month{font-size:1.6rem;font-weight:700;color:var(--pt-color);font-family:'Poppins'}
#his_area .his_list > li .year_list li .year_txt{margin-top:.5rem;padding:0 1rem}
#his_area .his_list > li .year_list li .year_txt p{font-size:1.6rem;line-height:130%;color:#666}


#his_area .his_list > li:nth-child(odd){padding-right:3rem;text-align:right}
#his_area .his_list > li:nth-child(odd) .year_list li .year_tit{justify-content:flex-start;flex-direction:row-reverse}
#his_area .his_list > li:nth-child(odd) .year_list li .year_tit:before{left:auto;right:0}
#his_area .his_list > li:nth-child(even){margin-left:calc(50% - 1px);padding-left:3rem;}
#his_area .his_list > li:nth-child(even):before{right:auto;left:-.7rem}
#his_area .his_list > li.active{opacity:1}


#his_area .his_list .chk_box{margin-bottom:.5rem}
#his_area .his_list > li .edit{display:block;width:4rem;height:2rem;margin-top:1rem;border-radius:2rem;background:#c00;font-size:12px;font-weight:500;text-align:center;line-height:2rem;color:#fff}
#his_area .his_list > li:nth-child(odd) .edit{float:right}

/* 세로라인 */
#his_area .line_box{width:1rem;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:-1}
#his_area .line_box .line{width:2px;height:100%;background:#ddd;position:absolute;top:0;left:50%;transform:translateX(-50%)}
#his_area .line_box .line.active{background:var(--pt-color);transform-origin:center top}
#his_area .line_box .line.active2{transform:scale(1, 1) !important;transition:all 2s}

@keyframes cloudCircle3 {0% {transform:translate(-1rem,-1rem)}12.5% {transform:translate(1rem,-1rem)}25% {transform:translate(1rem,1rem)}37.5% {transform:translate(-1rem,1rem)}50% {transform:translate(-1rem,-1rem)}62.5% {transform:translate(1rem,-1rem)}75% {transform:translate(1rem,1rem)}87.5% {transform:translate(-1rem,1rem)}}
@keyframes cloudCircle4 {0% {transform:translate(1rem,1rem)}12.5% {transform:translate(-1rem,1rem)}25% {transform:translate(-1rem,-1rem)}37.5% {transform:translate(1rem,-1rem)}50% {transform:translate(1rem,1rem)}62.5% {transform:translate(-1rem,1rem)}75% {transform:translate(-1rem,-1rem)}87.5% {transform:translate(1rem,-1rem)}}


@media(max-width:480px){
/*---------회사연혁---------*/
#his_area .his_cont .his_tit{width:100%;height:6rem;border-radius:1rem}
#his_area .line_box{left:.5rem;transform:none}
#his_area .his_list > li{width:100%;margin-left:1rem}
#his_area .his_list > li:first-of-type{padding-top:5rem}
#his_area .his_list > li:first-of-type:before{top:5.9rem}
#his_area .his_list > li:nth-child(even){margin-left:1rem}
#his_area .his_list > li:nth-child(even):before{left:-.8rem}
#his_area .his_list > li:nth-child(odd){padding:0 0 5rem 3rem;text-align:left}
#his_area .his_list > li:nth-child(odd) .year_list li .year_tit{flex-direction:unset}
#his_area .his_list > li:nth-child(odd) .year_list li .year_tit:before{left:0;right:auto}
#his_area .his_list > li:before{right:auto;left:-.8rem}
#his_area .his_list > li .year{font-size:2.2rem}
#his_area .his_list > li:nth-child(odd) .edit{float:none}
#his_area .his_list > li .year_list li{padding:0 0 2rem}
}