/* tab */

.tab{background-color: #f2f2f2;}

.tab_blo{border-bottom: solid 2px #f2f2f2;}

.tab_blo_on{border-bottom: solid 2px #004bc8;}



/* content */

.about_sec{padding: 4.7vw 0; width: 100%; background-color: #fff;}

.about_sec .container{display: -webkit-box; display: -ms-flexbox; display: flex; justify-content:space-between;align-items:top;}

.about_sec_img{width: 48%;height: fit-content;}

.about_sec_t{width: 48%;font-size: 1rem; line-height: 2.5; color:rgb(85, 83, 83);display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; justify-content:space-between;}

.about_sec_tag{padding: 0 1.5rem; display: inline-block; font-size: 1.1rem; line-height: 2.6; background-color: #004bc8; color: #fff; border-radius: 5px;}

.about_t1{position: relative;margin-bottom: 3vw; font-size: 2.5rem;line-height: 3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.about_t1::after{content: ''; position: absolute; bottom: 0; left: 0; width: 6.25rem; border-bottom: solid 0.25rem #004bc8;}



/* middle */

.about_mid{padding: 3vw 0; width: 100%; background-color: #004bc8; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content:space-between;align-items:center;}

.about_mid_blo{position: relative; width: 25%; font-size: 1.1rem; line-height: 2; color:#fff;text-align: center; border-right: solid 1px rgba(255,255,255,0.4);}

.about_mid_blo::after{content: ''; position: absolute; top:-0.25rem; right: 0; height: 100%;}

.about_mid_blo:last-child::after{border-right: none;}

.about_t2{position: relative; font-size: 2.3rem; font-weight: bold;}

.about_t2::after{content: ''; position: absolute; right: -1rem; top:0; font-size: 0.8rem;}

.about_year::after{content: 'å¹´';}

.about_add::after{content: '+';}

.about_area::after{content: '㎡';}



/* culture */

.about_cul{padding: 0 0 5vw; width: 100%; background-color: #f2f2f2;}

.about_tit{padding: 5vw 0; position: relative; font-size: 2.2rem; color: #333; text-align: center;}

.about_tit::after{content:''; position: absolute; bottom: 4vw; left: 46.5%; width: 7%; border-bottom: solid 0.25rem #004bc8;}

.about_cul .container{display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap:wrap; justify-content:center;align-items:center;}

.about_cul_blo{margin: 1vw 1%; padding: 1.5vw 0; width: 30%; color: #333; line-height: 2; text-align: center; background-color: #fff; border-radius: 5px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}

.about_cul_blo_i{margin: 0 auto;width: 6.5vw; height: 6.5vw; border-radius: 100%; background-color: #fafafa; box-shadow: 0 0 10px rgba(85, 85, 85, 0.1); overflow: hidden;}

.about_cul_i,.about_cul_i_on{margin: 1.625vw auto 0; height: 3.25vw;}

.about_cul_i_on{display: none;}

.about_t3{font-size: 2rem; font-weight: bold;}

.about_cul_blo:hover .about_cul_blo_i{background-color: #004bc8;}

.about_cul_blo:hover .about_cul_i{display: none;}

.about_cul_blo:hover .about_cul_i_on{display: block;}

.about_cul_blo p{margin: 0 auto;width: 80%;}



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

    .about_sec .container{flex-direction: column;}

    .about_sec_img,.about_sec_t{width: 100%;}

    .about_sec_img{margin-bottom: 2rem;}

    .about_sec .container{align-items: center;}

    .about_cul_blo{padding: 3rem 0; width: 45%;margin: 2rem 2%;font-size: 1rem;}

    .about_t1,.about_t2,.about_tit{font-size: 2rem;}

}

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

    .about_cul .container{flex-direction: column;}

    .about_cul_blo{width: 80%;margin: 2rem auto;}

}

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

    .about_t1,.about_t2,.about_tit,.about_t3{font-size: 1.7rem;}

    .about_mid{flex-wrap:wrap;}

    .about_mid_blo{font-size: 0.9rem;width: 50%;}

    .about_mid_blo:nth-child(even){border-right:none;}

}

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

    .about_t1,.about_t2,.about_tit,.about_t3{font-size: 1.3rem;}

    .about_mid_blo{font-size: 0.8rem;}

}

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

    

}

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

    

}<!--ºÄʱ1773234296.4701Ãë-->