@charset "utf-8";

/* 내용관리 */
#ctt {min-height: 20rem;}
.ctt_admin {margin:0 5px;text-align:right}
#ctt_con {}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {}

.com_tab{margin-bottom: 4rem; font-size: clamp(1.4rem, 1.4rem + 0.3vw, 1.6rem); gap: 2rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative;}
.com_tab a{padding: 0.5rem 1rem; line-height: 1.88; color: var(--black300); transition: none;}
.com_tab a:hover{color: var(--primary-0086DE);}
.com_tab a.on{color: var(--primary-0086DE); border-bottom: 1px solid var(--primary-0086DE);}

.visi_top{padding: 0 2rem; gap: 2rem; display: flex; align-items: flex-start; justify-content: space-between;}
.visi_top .text{width: calc(100% - 52rem); display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;}
.visi_top .text h3{font-size: clamp(2rem, 2rem + 0.3vw, 2.6rem); line-height: 1.4; font-weight: bold; font-family: "SCDream6"; color: var(--black); word-break: auto-phrase;}
.visi_top .text p{margin: 1.6rem 0 2rem; font-size: clamp(1.4rem, 1.4rem + 0.3vw, 1.5rem); line-height: 2; font-weight: 500; font-family: "SCDream5"; color: var(--color-5b5b5b); word-break: auto-phrase;}
.visi_top .text a{height: clamp(4rem, 4rem + 0.3vw, 4.5rem); border-radius: 1rem; padding: 0 1.5rem; font-size: clamp(1.4rem, 1.4rem + 0.3vw, 1.5rem); line-height: 1.4; font-weight: 500; font-family: "SCDream5"; color: var(--white); background: var(--color-8c1e5b); width: max-content; display: flex; align-items: center; justify-content: center;}
.visi_top .img{max-width: 50rem; width: 100%;}
.visi_top .img img{width: 100%; object-fit: contain; display: block;}
.visi_btm{margin-top: 3rem; display: flex; align-items: stretch; justify-content: flex-start;}
.visi_btm .visi_btm_items{width: calc(100% / 3);}
.visi_btm .visi_btm_items .img{padding: 3.2rem 0; border-radius: 1rem; display: flex; align-items: center; justify-content: center; width: 80%; margin: 0 auto; background: var(--color-f2f2f2); text-align: center; overflow: hidden;}
.visi_btm .visi_btm_items .img img{height: clamp(10rem, 10rem + 0.4vw, 12rem); display: block; object-fit: cover;}
.visi_btm .visi_btm_items .text{margin-top: 1.6rem; text-align: center;}
.visi_btm .visi_btm_items .text p{margin-bottom: 1.5rem; font-size: clamp(1.5rem, 1.5rem + 0.3vw, 1.6rem); line-height: 1.4; font-weight: 500; font-family: "SCDream5"; color: var(--color-8c1e5b); word-break: auto-phrase;}
.visi_btm .visi_btm_items .text p b{font-size: clamp(1.8rem, 1.8rem + 0.3vw, 2rem); line-height: 1.35; font-weight: bold; font-family: "SCDream6"; color: var(--black); word-break: auto-phrase; display: block;}
.visi_btm .visi_btm_items .text span{padding: 0 1rem; font-size: 1.2rem; line-height: 2; font-weight: 500; font-family: "SCDream4"; color: var(--color-5b5b5b); word-break: keep-all; width: 70%; margin: 0 auto; display: block;}

@media (max-width: 1000px) {
    .com_tab{gap: 1rem;}

    .visi_top{display: flex; flex-direction: column-reverse; align-items: center; justify-content: flex-start;}
    .visi_top .text{width: 100%; max-width: 50rem; text-align: center; align-items: center;}
    .visi_top .img{max-width: 50rem; width: 100%;}
    .visi_btm{padding: 0 2rem; margin-top: clamp(4rem, 4rem + 0.3vw, 5rem); gap: 2rem; flex-wrap: wrap; align-items: center;}
    .visi_btm .visi_btm_items{width: calc((100% - 2rem) / 2);}
    .visi_btm .visi_btm_items .img{padding: 2rem 0; border-radius: 1rem; width: 100%;}
    .visi_btm .visi_btm_items .text span{width: 100%;}
}

@media (max-width: 678px) {
    .visi_btm .visi_btm_items{width: 100%;}
}