@charset "utf-8";

.main_section>.section_inner {
    height: 100%;
}
.main_section>.section_inner>.section_container {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.txt_ani {
    width: 100% !important;
}
.about_main_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.about_main_title>.contents_title_h3 {
    display: grid;
    grid-template-columns: 2fr 1fr 2fr;
}
.circle_con_section {
    position: relative;
}
.circle_con_wrap {
    display: flex;
    justify-content: space-around;
    align-items: baseline;
}
.circle_con {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.circle_con_img {
    background: var(--color-navy-5);
    padding: var(--pd-md);
    border-radius: 50%;
}
.circle_con_img>img {
    width: 10vw;
}
.circle_con>.contents_title_h3 {
    margin: var(--mg-xs) 0;
}
.mission_bg_text {
    font-size: 6vw;
    color: var(--color-navy-3);
    opacity: .1;
    position: absolute;
    left: 0;
    bottom: -20%;
}
.vision_section {
    position: relative;
}
.vision{
    padding: var(--pd-xxl) 0;
    position: relative;
}
.vision>h2{
    margin-top: var(--mg-xxs);
}
.vision:nth-child(2){
    text-align: right;
}
.vision>.vision_icon{
    width: 7vw;
    transform: rotate(90deg);
    position: absolute;
    top: 10%;
    left: 52%;
}
.vision:nth-child(2)>.vision_icon {
    width: 8vw;
    position: absolute;
    left: 30%;
    transform: rotate(90deg);
}
.vision_bg_text{
    font-size: 6vw;
    color: var(--color-navy-3);
    opacity: .1;
    position: absolute;
    right: 0;
    bottom: 0;
}
.history_section{
    position: relative;
    height: 46vw;
}
.history_section>.section_inner {
    height: 100%;
}
.history_container{
    display: flex;
    justify-content: center;
    height: 100%;
}
.history_con_title{
    position: relative;
    padding: 0 var(--pd-lg);
}
.history_con_title>img{
    position: absolute;
    top: -10%;
    right: 6vw;
    width: 8vw;
}
.history_con_title>h3::after{
    content: "Since 2015";
    display: inline-block;
    margin-left: 1vw;
    font-size: var(--p-font-xs);
    font-weight: 500;
    letter-spacing: 0;
}
.history_con_wrap{
    margin-top: var(--mg-lg);
    padding: 0 var(--pd-lg);
    overflow: hidden;
    overflow-y: scroll;
}
.history_con_wrap::-webkit-scrollbar{
    display: none;
}
.history_con{
    position: relative;
    padding-bottom: var(--pd-xs);
}
.history_con:before{
    content: "";
    display: block;
    width: 24vw;
    border-top: 2px dashed #1a1a4d;
    position: absolute;
    left: -20%;
}
.history_con:first-child:before{
    content: "";
    display: block;
    width: 24vw;
    border-top: 2px solid #1a1a4d;
}
.history_con:nth-child(2)::before{
    content: "2021";
}
.history_con:nth-child(3)::before{
    content: "2020";
}
.history_con:nth-child(4)::before{
    content: "2019";
}
.history_con:nth-child(5)::before{
    content: "2018";
}
.history_con:nth-child(6)::before{
    content: "2017";
}
.history_con:nth-child(7)::before{
    content: "2016";
}
.history_con:nth-child(8)::before{
    content: "2015";
}
.history_con:last-child:after{
    content: "";
    display: block;
    width: 24vw;
    border-top: 2px solid #1a1a4d;
    position: absolute;
    bottom: -10%;
    left: -20%;
}
.history_con_list {
    font-size: var(--p-font-sm);
}
.history_bg_text {
    font-size: 6vw;
    color: var(--color-navy-3);
    opacity: .1;
    position: absolute;
    left: 0;
    bottom: 0;
}

/*--------------------------------------------------
	Responsive
---------------------------------------------------*/
@media screen and (max-width: 1023px){
    .circle_con_wrap {
        flex-direction: column;
        align-items: center;
    }
    .circle_con_img>img {
        width: 16vw;
    }
    .mission_bg_text {
        bottom: -4%;
    }
    .vision>.vision_icon {
        left: 42%;
    }
    .vision:nth-child(2)>.vision_icon {
    left: 40%;
    }
    .history_section {
        height: 66vw;
    }
    .history_container {
        justify-content: space-between;
    }
    .history_con_title {
        padding: 0;
    }
    .history_con_wrap {
        margin-top: var(--mg-md);
        padding-right: 0;
        padding-left: var(--pd-md);
    }
    .history_con:before {
        width: 100%;
    }
    .history_con:first-child:before {
        width: 100%;
    }
    .history_con_list {
        font-size: var(--p-font-xxs);
    }
}
@media screen and (max-width: 767px){
    .about_main_title>.contents_para_lg {
        white-space: inherit !important;
        margin: var(--mg-xs) 0;
    }
    .circle_con_img>img {
        width: 36vw;
    }
    .mission_bg_text {
        font-size: 10vw;
    }
    .vision>.vision_icon {
        width: 16vw;
        top: 8%;
    }
    .vision:nth-child(2)>.vision_icon {
        width: 16vw;
    }
    .vision_bg_text {
        font-size: 10vw;
    }
    .history_section {
    height: 200vw;
    }
    .history_container {
        display: flex;
        flex-direction: column;
    }
    .history_con_title>img {
        top: -64%;
        left: 20%;
        width: 24vw;
    }
    .history_con_wrap {
        margin-top: 0;
        padding-left: var(--pd-md);
    }
    .history_bg_text {
        font-size: 10vw;
    }
}