/* BASIC css start */
.head_inner{background-color: #fff;}
#footer{margin-top: 0 ! important;}
.br_story strong{font-family: 'Cormorant', 'Pretendard Variable', sans-serif; display: block;}
.br_story .title{font-size: 40px; font-weight: 700; margin-bottom: 48px;}
.br_story{text-align: center; background-color: #FEFBF4;}

[class*='brand_st'] img{width: 100%;}
[class*='brand_st'] p+p{margin-top: 32px;}
[class*='brand_st'] p{color: #888;}

.brand_st_01{position: relative; font-size: 0 ! important;}
.brand_st_01 .txt_wrap{color: #fff;  text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.brand_st_01 .txt_wrap p{font-size: 32px; color: #fff; margin-bottom: 8px; font-weight: 500; line-height: 1.4;}
.brand_st_01 .txt_wrap strong{font-size: 62px;font-family: "Mories"; font-weight: 400;}

.brand_st_02{margin-bottom: 120px; position: relative; background: linear-gradient(to bottom,#092D2A,#12423E);}
.brand_st_02 .txt_wrap{padding: 80px 260px;color: #fff; text-align: center;}
.brand_st_02 .txt_wrap strong{font-family: "Mories"; font-weight: 400; font-size: 36px; margin-bottom: 42px;}
.brand_st_02 .txt_wrap p{font-size: 16px; line-height: 1.6; letter-spacing: -0.16px;; color: #EAEAEA;}
.brand_st_02 .txt_wrap p+p{margin-top: 32px;}


.brand_st_03{max-width: 1400px; margin: 0 auto 120px;}
.brand_st_03 > div{display: flex; flex-direction: row; align-items: center;}
.brand_st_03 > div img{width: 61%;}
.brand_st_03 > div:first-of-type{margin-bottom: 120px;}
.brand_st_03 > div .txt_wrap{width: 39%; text-align: left; padding-left: 64px;} 
.brand_st_03 > div .txt_wrap span{display: block; margin-bottom: 28px;}
.brand_st_03 > div .txt_wrap strong{display: block; font-size: 32px; font-weight: 700; margin-bottom: 4px;}
.brand_st_03 > div .txt_wrap span span{font-size: 18px; font-weight: 500; line-height: 1.4; color: #666;}
.brand_st_03 > div .txt_wrap p{font-size: 16px; font-weight: 400; line-height: 1.6; color: #888;}

.brand_st_04{position: relative; margin-bottom: 120px;}
.brand_st_04 .txt_wrap{color: #fff; position: absolute; transform: translate(-50%,-50%); left: 50%; top: 50%;}
.brand_st_04 .txt_wrap strong{color: #12423e; font-size: 40px; font-weight: 700;}
.brand_st_04 .txt_wrap p{color: #6c6c6c; font-size: 16px; font-weight: 400; line-height: 1.6;}
.brand_st_04 .txt_wrap p+p{margin-top: 24px;}

.brand_st_05{max-width: 1400px; margin: 0 auto 120px;}
.brand_st_05 .txtBox{margin-bottom: 48px;}
.brand_st_05 .txtBox strong{font-size: 40px; font-weight: 700; color: #333; display: block; margin-bottom: 24px;}
.brand_st_05 .txtBox p{color: #888; font-size: 16px; font-weight: 400; line-height: 1.6;}
.brand_st_05 .txtBox p+p{margin-top: 24px;}
.brand_st_05 .imgBox{display: flex; gap: 20px; flex-direction: row; justify-content: center;}


.brand_st_06{margin-bottom: 120px; background-color: #F7F5EB; overflow: hidden;}
.brand_st_06 .st_06_wrap{display: flex; flex-direction: row; align-items: center; justify-content: center;}
.brand_st_06 .left{ width: 55%; padding-left: calc(max(260px, 13vw)); box-sizing: border-box; flex: 0 0 auto;}
.brand_st_06 .left .br_tab{display: flex; gap: 24px; flex-direction: row; margin-bottom: 65px;}
.brand_st_06 .left .br_tab li{font-size: 18px; font-weight: 500; color: #a8a8a8; cursor: pointer;}
.brand_st_06 .left .br_tab li.tabLive{color: #17413c;}
.brand_st_06 .left .cont{text-align: left;}
.brand_st_06 .left .cont .tit{font-size: 62px; font-weight: 700; color: #333; margin-bottom: 12px; display: block;}
.brand_st_06 .left .cont .tit+b{font-size: 24px; font-weight: 500; color: #333; display: block; margin-bottom: 48px;}
.brand_st_06 .left .cont .txtBox div strong{font-size: 24px; font-weight: 700; color: #333; display: block; margin-bottom: 16px;}
.brand_st_06 .left .cont .txtBox div p{font-size: 16px; font-weight: 400; color: #888; line-height: 1.6;}
.brand_st_06 .left .cont .txtBox div p+p{margin-top: 24px;}
.brand_st_06 .right { width: 45%; }

@media screen and (max-width: 1700px) {
    .brand_st_06 .left { padding-left: calc(min(200px, 5vw)); }
    .brand_st_06 .left .br_tab { margin-bottom: 20px; }
}

/* @media screen and (max-width: 1919px) {
    .brand_st_06 .right {width: 875px; flex: 0 0 auto;}
} */


.brand_st_06 .right .imgBox{position: relative;}
.brand_st_06 .right .imgBox .pattern{position: absolute; top: 50%; transform: translate(-50%,-50%);}


/* tab */
.brand_st_06 .left .cont{display: none;}
.brand_st_06 .left .cont.tabAlive{display: block;}

.brand_st_06 .right .imgBox{display: none;}
.brand_st_06 .right .imgBox.tabAlive{display: block;}

/* tab */



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

/* .marquee_area{display: flex; flex-direction: row;}
.marquee {display: flex; animation: scrollRight_01 80s linear infinite; flex: 0 0 auto; align-items: center;}
.marquee.clone {animation: scrollRight_02 80s linear infinite;}
.marquee_l .marquee.clone,.marquee_l .marquee{animation-direction: reverse;}

@keyframes scrollRight_01 {
    0% { transform: translateX(0); }
    50% { transform: translateX(-100%); }
    50.01% { transform: translateX(100%); }
    100% { transform: translateX(0); }
}
@keyframes scrollRight_02 {
    0% { transform: translateX(0); }
    100% { transform: translateX(-200%); }
} */


.brand_st_08{margin-bottom: 120px;}
.brand_st_08 .br_store{position: relative; overflow: hidden; max-width: 1920px; margin: 0 auto;}
.brand_st_08 .br_store .swiper-wrapper{pointer-events: none;}
.brand_st_08 .swiper-slide{width: 1140px ! important;  overflow: hidden;}
.brand_st_08 .swiper-slide img{max-width: 1140px; margin-bottom: 40px;}
.brand_st_08 div strong{font-size: 24px; font-weight: 700; margin-bottom: 16px;}
.brand_st_08 div ol li{display: block; color: #888; font-size: 16px; letter-spacing: -0.48px; line-height: 1.4; font-weight: 400;}
.brand_st_08 .navi{position: absolute; top: 40%; transform: translateY(-50%); cursor: pointer;z-index: 999;}
.brand_st_08 .slide_next{right: 340px;}
.brand_st_08 .slide_prev{left: 340px;}
.brand_st_08 .slide_next img{transform: rotate(-180deg);}


.brand_st_08 div .swiper-slide div{display: none; transition: 0.3s all;}
.brand_st_08 div .swiper-slide.swiper-slide-active div{display: block; transition: 0.3s all;}


.brand_st_09{background:linear-gradient(to bottom,#092D2A,#12423E); padding: 96px 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; color: #fff; border: 1px solid #fff; font-weight: 500; font-size: 24px; height: 54px; line-height: 54px; width: 195px; margin: 0 auto;}


/* BASIC css end */