/* BASIC css start */
header#headerWrap { background-color: #fff; }

.br_story { background-color: #FDFBF4; overflow: hidden; text-align: center; }
.br_story strong{font-family: 'Cormorant', 'Pretendard Variable', sans-serif; font-weight: 700; display: block;}
.br_story .title{font-size: 26px; font-weight: 700; margin-bottom: 40px; line-height: 1.4; }

[class*='brand_st'] { width: 100%; position: relative; top: 0; left: 0; overflow: hidden; }
[class*='brand_st'] img{width: 100%;}
[class*='brand_st'] > img + .txt_wrap { width: 100%; padding-left: 20px; padding-right: 20px; box-sizing: border-box; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; }
[class*='brand_st'] > img + .txt_wrap p { color: #fff; }
[class*='brand_st'] p+p{margin-top: 25px;}
[class*='brand_st'] p{color: #888; font-size: 14px; }

.brand_st_01 .txt_wrap > *{font-weight: 700; display: block; text-align: center;}
.brand_st_01 .txt_wrap strong:first-of-type{font-size: 52px; letter-spacing: -1.5px; margin-bottom: 80px;}
.brand_st_01 .txt_wrap p{ margin-bottom: 6px; font-size: 22px; color: #fff; font-weight: 500; }
.brand_st_01 .txt_wrap strong:last-of-type{ margin-bottom: 0; font-size: 32px; font-weight: 400; }

.brand_st_02{margin-bottom: 40px; background: linear-gradient(180deg,rgba(9, 45, 42, 1) 0%, rgba(18, 66, 62, 1) 100%); }
.brand_st_02 .txt_wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; padding-top: 40px; padding-bottom: 40px; }
.brand_st_02 .txt_wrap .title { margin-bottom: 20px; color: #fff; font-size: 22px; font-family: 'Mories', sans-serif; font-weight: 500; line-height: 1; }
.brand_st_02 .txt_wrap p {font-size: 14px; color: #EAEAEA !important; line-height: 1.6; font-weight: 400;}
.brand_st_02 .txt_wrap p:last-of-type { margin-top: 12px; }

.brand_st_03 > div{ padding: 0 16px; }
.brand_st_03 > div div.txt_wrap{ padding: 16px 0 40px; box-sizing: border-box; text-align: left;}
.brand_st_03 > div div.txt_wrap > span{display: grid; margin-bottom: 16px; gap: 2px 0; }
.brand_st_03 > div div.txt_wrap > span strong{font-size: 22px;}
.brand_st_03 > div div.txt_wrap > span span{font-size: 14px; line-height: 1.4; letter-spacing: -0.14px; font-weight: 400; color: #888;}
.brand_st_03 > div div.txt_wrap p{ font-size: 14px; font-weight: 400; line-height: 1.6; }

.brand_st_04{margin-bottom: 40px;}
.brand_st_04 .txt_wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; }
.brand_st_04 .txt_wrap .title { margin-bottom: 24px; color: #12423E; line-height: 1.4; }
.brand_st_04 .txt_wrap p { color: #6c6c6c !important; font-size: 14px; line-height: 1.6; }

.brand_st_05 {margin-bottom: 40px; padding: 0 !important; box-sizing: border-box; }
.brand_st_05 .txt_wrap { margin-bottom: 24px; }
.brand_st_05 .txt_wrap .title { margin-bottom: 20px; }
.brand_st_05 .swiper-pagination { display: flex; align-items: center; justify-content: center; margin-top: 24px; gap: 0 14px; position: static; line-height: 1; }
.brand_st_05 .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0; border-radius: 50%; background-color: #E8E3CC; opacity: 1; }
.brand_st_05 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #17413C; }

.brand_st_06{position: relative; margin-bottom: 40px; padding-top: 40px; box-sizing: border-box; background-color: #F7F5EB; }
.brand_st_06 .tabBtn_wrap { margin-bottom: 32px; padding: 0 20px; box-sizing: border-box; }
.brand_st_06 .tabBtn_wrap .swiper-slide { width: auto; height: auto; margin: 0; background-color: transparent; color: #a8a8a8; font-size: 16px; font-weight: 500; text-wrap: nowrap; opacity: 1; cursor: pointer; }
.brand_st_06 .tabBtn_wrap .swiper-slide-active {color: #17413C;}

.brand_st_06 .tabCont_wrap .txt_wrap { min-height: 380px; padding: 0 20px 40px; box-sizing: border-box; text-align: left; } 
.brand_st_06 .tabCont_wrap .txt_wrap .titleWrap { display: grid; gap: 4px 0; margin-bottom: 24px; }
.brand_st_06 .tabCont_wrap .txt_wrap .titleWrap strong{font-size: 32px; font-weight: 700; }
.brand_st_06 .tabCont_wrap .txt_wrap .titleWrap b{font-size: 16px; font-weight: 500; letter-spacing: -0.16px; line-height: 1.6;}
.brand_st_06 .tabCont_wrap .txt_wrap dl dd{font-size: 18px; font-weight: 700; margin-bottom: 12px;}
.brand_st_06 .tabCont_wrap .txt_wrap dl dt{font-size: 14px; font-weight: 400; color: #888; word-break: keep-all; letter-spacing: -0.2px; line-height: 1.4;}
.brand_st_06 .tabCont_wrap .imgWrap { position: relative; top: 0; left: 0;}
.brand_st_06 .tabCont_wrap .imgWrap .fixedImg { width: 106px; height: 106px; position: absolute; top: 0; left: 0; transform: translate(20px, 24px); }

.brand_st_07 { overflow: hidden; position: relative; width: 100%; margin-bottom: 40px; padding-bottom: 40px; }
.brand_st_07 .title { margin-bottom: 32px; }
.brand_st_07 ul{ transition-timing-function: linear; }
.brand_st_07 ul li { width: 140px;}
.brand_st_07 ul img {padding: 8px; box-sizing: border-box;}

.brand_st_08{margin-bottom: 40px;}
.brand_st_08 .title { margin-bottom: 32px; }
.brand_st_08 .swiper-slide { box-sizing: border-box; transition: 0.3s all; }
.brand_st_08 .swiper-slide-prev { padding-right: 16px; }
.brand_st_08 .swiper-slide-next { padding-left: 16px; }
.brand_st_08 div strong{font-size: 18px; font-weight: 700; margin-bottom: 16px;}
.brand_st_08 div ol { display: grid; gap: 2px 0; }
.brand_st_08 div ol li{display: block; color: #888; font-size: 14px; line-height: 1.6; font-weight: 400; }
.brand_st_08 div .swiper-slide div{ margin-top: 24px; transition: 0.3s opacity; opacity: 0; }
.brand_st_08 div .swiper-slide.swiper-slide-active div { opacity: 1; }


.brand_st_09{background: linear-gradient(to bottom,#092D2A,#12423E); padding: 100px 0;}
.brand_st_09 p{color: #fff; font-size: 24px; font-weight: 600; line-height: 1.4; margin-bottom: 24px;}
.brand_st_09 a{display: block; width: 161px; margin: 0 auto; color: #fff; border: 1px solid #fff; font-weight: 400; font-size: 14px; height: 48px; line-height: 48px; }
/* BASIC css end */