/*----------------------------------------------------------------------
# 브랜드소개 페이지 CSS 
----------------------------------------------------------------------*/
#header { height:130px; } 
#header:before { opacity:1; } 

@media screen and (max-width: 1024px){
	#header { height:60px; }
}


#brand_value { margin-top:90px; overflow-x:clip; } 
#brand_value p { word-break:keep-all; letter-spacing:-0.05em;} 

.brand_title {position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#000; text-align:center; }
.brand_title p { font-family:var(--en);  line-height:1; } 
.brand_title h2 { font-family:var(--en); font-size:7.5rem; font-weight:700; line-height:1; overflow:hidden; } 
.brand_title h2 span { font-family:var(--en); font-size:6.25rem; font-weight:400; line-height:1; } 
.brand_title h2 span b { font-weight:600; } 


.fs20 { font-size:1.25rem; }
.fs25 { font-size:1.5625rem; } 
.fs30 { font-size:1.875rem; } 
.fs40 { font-size:2.5rem; } 
.fs50 { font-size:3.125rem; } 
.fs60 { font-size:3.75rem; } 
.fs80 { font-size:5rem; } 
.fs100 { font-size:6.25rem; } 
.fs120 { font-size:7.5rem;  } 

@media screen and (max-width: 1024px){
	.brand_title h2 { font-size:5rem; } 
	.brand_title h2 span { font-size:3.75rem; } 

	.fs20 { font-size:1.125rem; }
	.fs25 { font-size:1.375rem; } 
	.fs30 { font-size:1.5625rem; } 
	.fs40 { font-size:2.1875rem; } 
	.fs50 { font-size:2.8125rem; } 
	.fs60 { font-size:3.125rem; } 
	.fs80 { font-size:4rem; } 
	.fs100 { font-size:5rem; } 
	.fs120 { font-size:6.5rem;  } 
}
@media screen and (max-width: 768px){
	.brand_title h2 { font-size:4rem; } 
	.brand_title h2 span { font-size:3.25rem; } 

	.fs20 { font-size:1.125rem; }
	.fs25 { font-size:1.375rem; } 
	.fs30 { font-size:1.5625rem; } 
	.fs40 { font-size:1.875rem; } 
	.fs50 { font-size:2rem; } 
	.fs60 { font-size:2.5rem; } 
	.fs80 { font-size:3rem; } 
	.fs100 { font-size:3.5rem; } 
	.fs120 { font-size:4.5rem;  } 
}


.fw4 { font-weight:400; } 
.fw5 { font-weight:500; } 
.fw6 { font-weight:600; } 
.fw7 { font-weight:700; } 
.fw8 { font-weight:800; } 
.fw9 { font-weight:900; } 

.fc255 { color:#fff; } 
.fcPoint1 { color:#e33d2f; } 

.ln135 { line-height:1.375; } 
.ln14 { line-height:1.4; } 
.ln15 { line-height:1.5; } 
.ln16 { line-height:1.6; } 
.ln175 { line-height:1.75; } 

.mt5 { margin-top:0.3125rem; } 
.mt10 { margin-top:0.625rem; } 
.mt15 { margin-top:0.9375rem; } 
.mt20 { margin-top:1.25rem; } 
.mt30 { margin-top:1.875rem; } 
.mt40 { margin-top:2.5rem; } 
.mt50 { margin-top:3.125rem; } 
.mt60 { margin-top:3.75rem; } 


.brand_section1 { position:relative; display:flex; flex-direction:column; width:100%; padding-top:6.25rem; padding-bottom:6.25rem; } 
/*.brand_section1:after { content:''; position:absolute; bottom:0; left:0; width:100%; height:35%; max-height:35rem; background:var(--menu); z-index:-1; } */

.brand_section1 .bg { position:absolute; bottom:0; left:0; width:100%; height:35% ; max-height:35rem; background:var(--menu); z-index:-1; } 

.brand_cont1 { position:relative; display:flex; margin-top:5.625rem; } 
.brand_cont1 .left { width:50%; } 
.brand_cont1 .right { position:relative; display:flex; flex-direction:column; justify-content:space-between; width:50%; padding-left:4rem; } 
/*.brand_cont1 .right:after { content:''; position:absolute; bottom:0; left:0; width:100%; height:35%; max-height:35rem; background:var(--menu); z-index:-1; } */

.brand_cont1 .right .top,
.brand_cont1 .right .btm { position:relative;  display:flex; flex-direction:column; gap:2rem; } 


@media screen and (max-width: 1470px){ 
	.brand_cont1 .left { width:45%; } 
	.brand_cont1 .right { width:55%; row-gap:2.5rem; padding-left:2rem; } 
} 
@media screen and (max-width: 768px){
	.brand_section1 { padding-top:3rem; padding-bottom:1rem; } 
	.brand_section1:after { display:none; height:50%;max-height:revert; } 
	.brand_section1 .bg { display:none; } 

	.brand_cont1 { flex-direction:column; row-gap:1.875rem; margin-top:3rem; }
	.brand_cont1 .left { width:100%; } 
	.brand_cont1 .right { width:100%; padding-left: 0; } 
	.brand_cont1 .right .btm { margin-top:3.125rem;  } 
	.brand_cont1 .right .btm:after { content:''; position:absolute; left:-15px; top:-1.5625rem; width:calc(100% + 30px); height:calc(100% + 50px); background:var(--menu); z-index:-1; } 
} 

.brand_section2 { position:relative; display:flex; flex-direction:column; width:100%; padding-top:5.625rem; padding-bottom:8.75rem; } 

@media screen and (max-width: 768px){
	.brand_section2 { padding-top:5rem; padding-bottom:5rem; } 
} 

.brand_section3 { position:relative; display:flex; flex-direction:column; width:100%; padding-top:8.75rem; padding-bottom:8.75rem; background:#2c2c2d; } 

.brand_cont3 { position:relative; overflow-x:clip; } 
.brand_slider_list { position:relative; } 

.brand_cont3_inner { display:flex; } 
.brand_cont3_inner .left { display:flex; flex-direction:column; row-gap:2.5rem; width:50%; padding:0 4rem 0 9.375rem; } 
.brand_cont3_inner .right { display:flex; justify-content:center;  width:50%; } 

.brand_cont3_inner .left h3 { font-size:3.125rem; color:#fff; font-weight:800; word-break:keep-all; line-height:1; margin-top:0.9375rem; } 
.brand_cont3_inner .left p { color:#fff; }
.brand_cont3_inner .left p.num { font-family:var(--en); font-size:3.75rem; font-weight:700; line-height:1;  } 
.brand_cont3_inner .left p.eng { font-family:var(--en); font-size:1.875rem; color:#666; font-weight:400; line-height:1; letter-spacing:0; margin-top:0.75rem; margin-bottom:0.625rem; }
.brand_cont3_inner .left p span { color:#f7a321; }




.brand_list_swiper .arrow:before { width:100%; height:100%; border:1px solid #000; border-right:0px; border-bottom:0px; } 
.brand_list_swiper .arrow:after { width:12px; height:1px; background:#000; transform-origin:0 100%; transform:rotate(45deg); } 

.brand_list_swiper { position:absolute; width:100%; height:45px; left:9.375rem; bottom:0rem; z-index:3; }
.brand_list_swiper .swiper-button-prev:after, .brand_list_swiper .swiper-button-next:after { display:none; content:''; } 
.brand_list_swiper .swiper-button-prev, .brand_list_swiper .swiper-button-next { width:2.5rem; height:1rem;  margin-top:0rem; border-radius:50%; } 

.brand_list_swiper .arrow_mv { display:flex; align-items:center; justify-content:center; } 
.brand_list_swiper .swiper-button-prev { left:0; right:revert; top:revert; bottom:0%; background:url('/images/brand/brand_icon_prev.png') no-repeat center center / 100%; }
.brand_list_swiper .swiper-button-next  {left:4.375rem; right:revert; top:revert; bottom:0%; background:url('/images/brand/brand_icon_next.png') no-repeat center center / 100%; }
.brand_list_swiper .swiper-button-next:hover .arrow_mv {  animation: arrow-action-next 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;} 
.brand_list_swiper .swiper-button-prev:hover .arrow_mv {  animation: arrow-action-prev 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;} 
.brand_list_swiper .material-icons { color:#afafaf; } 

@media screen and (max-width: 1470px){
	.brand_cont3_inner .left { width:50%; padding:0 2rem 0 2rem; } 
	.brand_cont3_inner .right { width:50%; } 
	.brand_list_swiper { left:2rem;  } 
} 
@media screen and (max-width: 1200px){
	.brand_cont3_inner .left { padding-left:0; } 
	.brand_list_swiper { left:0rem;  } 
} 

@media screen and (max-width: 768px){
	.brand_section3 { padding-top:5rem; padding-bottom:5rem; } 
	.brand_cont3_inner { display:flex; flex-direction:column; } 
	.brand_cont3_inner .left { row-gap:1.25rem; width:100%; padding:0 0; } 
	.brand_cont3_inner .right { width:100%; margin-top:1.875rem } 
	.brand_cont3_inner .right img { width:100%; } 

	.brand_cont3_inner .left h3 { font-size:2.5rem; } 
	.brand_cont3_inner .left p.num { font-size:3rem; } 
	.brand_cont3_inner .left p.eng { font-size:1.5625rem; } 

	.brand_list_swiper { position:relative; left:0; height:2rem; } 
} 



.brand_section4 { position:relative; display:flex; flex-direction:column; width:100%; padding-top:5.625rem; padding-bottom:8.75rem; text-align:center;  } 
.brand_section4 p u { text-decoration:none; border-bottom:2px solid currentColor; } 




.brand_section5 { position:relative; display:flex; flex-direction:column; width:100%; padding-top:0rem; padding-bottom:8.75rem; background:var(--menu); } 
.brand_section5 .section_category { position:relative; top:-1.875rem; display:flex; margin:0 auto; }
.brand_section5 .section_category a { display:flex; align-items:center; justify-content:center; min-width:17.5rem; height:3.75rem; font-size:1.25rem; color:#fff; font-weight:700; text-align:center; background:#2c2c2d; transition:all 0.4s; }
.brand_section5 .section_category a.active { background:#f7a321; }

.brand_cont5:last-child { display:none; } 
.brand_cont5 { position:relative; display:flex; align-items:center; margin-top:5.625rem; } 
.brand_cont5 .inner { display:flex; align-items:center; } 
.brand_cont5 .left { width:50%; text-align:center; } 
.brand_cont5 .right { display:flex; flex-direction:column; justify-content:space-between; width:50%; padding-left:4rem; } 
.brand_cont5 .right h3 { font-family:var(--en); font-size:3.125rem; color:#fff; font-weight:700; text-wrap:nowrap; } 
.brand_cont5 .right p.italic { font-size:1.375rem; color:#fff; font-weight:300; font-style:italic; line-height:1.5; } 
.brand_cont5 .right p.italic u { text-decoration:none; border-bottom:1px solid currentColor; } 
.brand_cont5 .right b { font-weight:800; } 

.brand_cont5 .right .top,
.brand_cont5 .right .btm { display:flex; flex-direction:column; gap:2rem; } 


@media screen and (max-width: 1470px){
	.brand_cont5 .right { padding-left:2rem; } 
	.brand_cont5 .right h3 { font-size:2.5rem; text-wrap:revert;  } 
	.brand_cont5 .inner { align-items:revert; } 
} 


@media screen and (max-width: 768px){
	.brand_cont5 { margin-top:3rem; } 
	.brand_cont5 .inner { display:flex; flex-direction:column; } 
	.brand_cont5 .inner .left { width:100%; padding:0 0; } 
	.brand_cont5 .inner .left img { width:100%; } 
	.brand_cont5 .inner .right { width:100%; padding:0 0; margin-top:1.875rem } 

	.brand_section5 .section_category a { min-width:revert; padding:0.5rem 1.875rem; } 

	.brand_cont5 .right h3 { font-size:2.5rem; text-wrap:revert; } 
	.brand_cont5 .right p.italic { font-size:1.25rem; } 

} 


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


.brand_section6 { position:relative; display:flex; flex-direction:column; width:100%; padding-top:5.625rem; padding-bottom:5.625rem; text-align:center; } 
.brand_cont6 { display:flex; flex-wrap:wrap; row-gap:1.875rem; margin-right:-1.875rem; margin-top:4.375rem; } 
.brand_cont6 .col { position:relative; display:flex; align-items:center; gap:1.5625rem; width:calc((100% / 2) - 1.875rem); margin-right:1.875rem; padding:3.125rem; background:url('/images/brand/brand_bg_check.png') repeat; } 
.brand_cont6 .col:before { content:''; position:absolute; left:0.625rem; top:0.625rem; width:calc(100% - 1.25rem); height:calc(100% - 1.25rem); border:2px solid rgba(255,255,255, 0.5); box-sizing:border-box; } 
.brand_cont6 .col .circle { display:flex; align-items:center; justify-content:center; width:9.375rem; aspect-ratio:1; font-family:var(--gg); font-size:1.875rem; color:#000; font-weight:700; border:0.3125rem solid var(--menu); border-radius:50%; background:#fff; } 
.brand_cont6 .col .info { width:calc(100% - 9.375rem); text-align:left; } 
.brand_cont6 .col .info h4 { font-size:1.875rem; color:#fff; font-weight:800; word-break:keep-all; } 
.brand_cont6 .col .info p { font-size:1.25rem; color:#999; font-weight:700; margin-top:0.625rem; word-break:keep-all; } 

@media screen and (max-width: 768px){
	.brand_cont6 { } 
	.brand_cont6 .col { width:calc((100% / 1) - 1.875rem); padding:2.5rem; } 
	br.w768 { display:none; } 
	
	.brand_cont6 .col .circle { font-size:1.5625rem; } 
	.brand_cont6 .col .info h4 { font-size:1.5625rem; } 
	.brand_cont6 .col .info p { font-size:1.125rem; } 

} 





.brand_section7 { position:relative; display:flex; flex-direction:column; width:100%; padding-top:5.625rem; padding-bottom:5.625rem; background:#ebebeb; text-align:center; } 

.brand_section8 { position:relative; display:flex; flex-direction:column; width:100%; padding-top:5.625rem; padding-bottom:5.625rem; }