@charset "utf-8";
.is-desktop {display: none !important;}
.brandSection { width:100%; padding:40px 0 24px 0; }
.brandSection * {font-family: "Noto Sans KR" !important;}
.brandSection > h2 { font-size:21px; margin:0 0 20px 0; font-weight: 700; padding:0px 0; text-align: center; line-height: 30px}
/*.serviceWrap .brandSection:nth-child(odd)  h2 {margin:0 0 24px 0; !important;}*/
.brandSection h3 { font-size:16px; margin:0 0 20px 0; font-weight: 700; padding:0; text-align: center; }
.brandSection h4 { font-size:15px; margin:0 0 10px 0; font-weight: 700; padding:0px 0; text-align: left; color:#431F88; }
.brandStoryWrap .brandSection h4{font-size: 15px; line-height: 21px; letter-spacing: -0.5px; color: #431F88; margin-bottom: 12px}
.brandStoryWrap .brandSection > ul > li > p{margin: 12px 0 4px 0}
.brandStoryWrap .brandSection > ul > li > a{font-size: 11px; line-height: 15px; letter-spacing: -0.5px; font-weight: 400}
.brandSection p { font-size:15px; margin:0 0 20px 0; font-weight: 300; padding:0 20px; line-height: 21px;  }
.brandSection span { display: block; padding: 0 24px;text-align: center; color: #2A303C; font-size: 15px; font-weight: 300; line-height: 21px; }

.brandSection .imgWrap > .coreValue-img { width:100%; height: 244px;}
.brandSection .imgWrap { width:100%; height: 244px; }
.brandSection .imgWrap:not(:first-of-type) { width:100%; height: 190.476px}
.brandSection .imgWrap > img { width:100%; height: 100%; object-fit: cover; object-position: center center}
/*.brandSection .imgWrap > img { width:100%; height: auto;}*/
.brandSection > ul { width:100%; display:flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; padding:0 20px; }
.brandSection > ul > li { margin:0 0 40px 0; }
.brandSection > ul > li:last-of-type{margin-bottom: 0}
.brandSection > ul > li > p { font-size:12.5px; font-weight: 400; color:#4A515F; padding:0; margin:10px 0; line-height: 18px; }
.brandSection > ul > li > a { font-size:11px; font-weight: 400; display: inline-block; height:15px; line-height: 15px;
    padding:0 15px 0 0; color:#431F88; background:url('../svg/icon_arrow_right_p.svg') no-repeat right center; }

.brandSection.bi h2 {padding-top: 49.5px;}
.bs-channel {width: calc(100% - 48px); margin: 20px auto 0; padding: 16px 0; height: 120px; display: block; background: url("../img/bs-channel-m.png") no-repeat center center; background-size: 100% auto;}
.bs-channel span {text-align: left;}
.bs-channel .ttl {color: #2A303C; font-size: 14.5px; font-weight: 700; line-height: 21px;}
.bs-channel .txt {color: #2A303C; margin:6px 0 10px;font-size: 11px; font-weight: 400; line-height: 15px;}
.bs-channel .move {width: fit-content; color:#431F88; font-size: 11px; font-weight: 700; line-height: 15px; background: url("../svg/icon_textfile_arrow_right_p.svg")no-repeat 64px -4px;}

.border-wrap {display: flex; flex-direction: column; align-items: center; border: 1px solid #EAECF0; margin: 14px 23px 0; padding: 45px 20px 40px; gap: 40px;}
#slogan .border-wrap {padding: 48px 0;}
.border-wrap .symbol {width: 107px; height: auto;}
.border-wrap .line {width: 100%;}
.border-wrap .slogan {width: 264px; height: auto;}
.border-wrap .deps {display: flex; align-items: center; justify-content: center; width: 100%; gap: 24px;}
.border-wrap .deps > div {display: flex; flex-direction: column; align-items: center; gap: 14px; }
.border-wrap .deps > div img {width: 82px; height: auto;}
.border-wrap .deps > div p {color: #798493; text-wrap: nowrap; margin: 0; font-size: 11.5px; font-weight: 500; line-height: 16px; padding: 0;}

.BrandImg{margin-bottom: 44px;}
.BrandImg > img{display: block; width: 100%;}
.BrandImg > img:first-of-type{display: none;}
.BrandImg > img:last-of-type{display: block}
.ContentBrand{padding: 0 24px 80px 24px;}
.ContentBrand > div.path{display: none}
.ContentBrand > h2{font-size: 19px; line-height: 27px; font-weight: 700; color: #2A303C; margin-bottom: 12px; text-align: center}
.ContentBrand > p{font-size: 12.5px; font-weight: 400; line-height: 17px; color: #5C6272; margin-bottom: 44px; text-align: center}
.ContentBrand > ul li{background-color: #F1F2F3; background-repeat: no-repeat; background-position: right 12px top 13px; border-radius: 4px; padding: 24px 27px;}
.ContentBrand > ul li > h3{font-size: 20px; font-weight: 700; line-height: 29px; margin-bottom: 16px; padding-top: 118px}
.ContentBrand > ul li > p{font-size: 12px; line-height: 19px; font-weight: 400; color: #4A515F}
.ContentBrand > ul li:not(:last-of-type){margin-bottom: 40px}
.ContentBrand > ul li:nth-of-type(1){background-image: url("../img/ESG_보다나은미래.png")}
.ContentBrand > ul li:nth-of-type(2){background-image: url("../img/ESG_함께하는미래.png")}
.ContentBrand > ul li:nth-of-type(3){background-image: url("../img/ESG_책임경영.png")}
.reStyleBrandstory .brandSection h4{font-size: 15px; line-height: 21px; font-weight: 700; margin-bottom: 12px}

.brandStoryWrap > div.newStyleOperPhil{padding-bottom: 0}

.brandSection .pc-brandImg{display: none}
.brandSection .mb-brandImg{display: block}
.newStyleOperPhil .imgWrap{height: 160px}

.font-thin {font-weight: 300 !important;}

/* 장례절차 띠배너*/
.rtb_banner {max-width: 100%; margin: 50px auto -30px; padding:0 6%; height: 130px;position: relative; display: flex; justify-content: center; flex-direction: column; align-items: flex-end; background: url("../img/brand_rtb_banner_mob.png")no-repeat center center; background-size: 101% auto;}
.rtb_banner h2 {width: 150px; text-align: left; font-size: 15.5px; font-weight: 700; color: #fff;}
.rtb_banner b {font-weight: 700;}

.move-arrow {width: 150px; margin-top: 10px; display: block; text-align: left; padding: 0; font-size: 11px; color: #fff; font-weight: 400; gap: 3px;}
.move-arrow:after {content: ''; display: inline-block; margin-left: 3.5px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none'%3E%3Cpath d='M0.689911 8.72705L6.46875 4.91019L0.689912 1.09332' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center top 2px; width: 9px; height: 10px; background-size: auto 100%;}
.move-wrap { position: absolute; width: 100%; height: 100%; left: 0; top: 0;  background: transparent}

.brandStoryWrap .newBrandStory{ margin-bottom: 100px; }
.brandStoryWrap .newBrandStory > .is-desktop{    width: 100%; height: 491px; position: relative; background: url(../img/new-brand-bg.png) no-repeat center center / cover;}
.brandStoryWrap .newBrandStory .titleText{width: fit-content; padding-top: 117px; width: 100%; max-width: 1320px; margin: 0 auto;  position: static; transform: none;}
.brandStoryWrap .newBrandStory .titleText > h2{margin-bottom: 35px; font-size: 30px; font-weight: 700; line-height: 43px; color: #2A303C; text-align: left;}
.brandStoryWrap .newBrandStory .titleText > p{font-size: 18px; font-weight: 400; line-height: 26.5px; color: #4A515F; text-align: left; display: block;}
.brandStoryWrap .newBrandStory .titleText > p:first-of-type{margin-bottom: 20px;}
.newBrandSection01 > div:first-of-type{margin-bottom: 58px;}
.newBrandSection01 > div:last-of-type{margin-bottom: 90px; justify-content: end;}
.newBrandSection01 .newBrandSection01_wrap{display: flex; align-items: center; justify-content: cetner;}
.newBrandSection01 .newBrandSection01_wrap > div:last-of-type{margin-left: 52px;}
.newBrandSection01 .newBrandSection01_wrap > .newBrandSection01_wrap_img{position: relative; width: 634px; height: 367px;}
.newBrandSection01 .newBrandSection01_wrap > .newBrandSection01_wrap_img > img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.newBrandSection01 .newBrandSection01_wrap > .newBrandSection01_wrap_text > span{display: block; color: #431F88; font-size: 16px; font-weight: 400; font-size: 15px; line-height: 21px; margin-bottom: 10px;}
.newBrandSection01 .newBrandSection01_wrap > .newBrandSection01_wrap_text > h3{font-size: 24px; color: #2A303C; font-weight: 700; line-height: 34px; display: block; margin-bottom: 28px;}
.newBrandSection01 .newBrandSection01_wrap > .newBrandSection01_wrap_text > p{font-size: 15px; color: #2A303C; font-weight: 400; line-height: 24px; display: block; margin-bottom: 18px;}
.newBrandSection01 .newBrandSection01_wrap > .newBrandSection01_wrap_text > p.desktop-bold{font-weight: 500;}
.newBrandSection01 .newBrandSection01_wrap > .newBrandSection01_wrap_text > p:last-of-type{margin-bottom: 0;}
.newBrandSection01 .rg-txt p{text-align: right;}
.newBrandSection02{ background-color: #F7F7F4; padding: 100px 0; margin-bottom: 120px;}
.newBrandSection02 .newBrandSection02_wrap > span:first-of-type{ text-align: center; display: block; color: #431F88; font-size: 16px; font-weight: 400; font-size: 15px; line-height: 21px; margin-bottom: 10px;}
.newBrandSection02 .newBrandSection02_wrap > h3{ text-align: center; color: #2A303C; font-size: 24px; line-height: 34px; font-weight: 700; margin-bottom: 16px;}
.newBrandSection02 .newBrandSection02_wrap > p{color: #2A303C; font-size: 15px; font-weight: 400; line-height: 24px; margin-bottom: 45px; text-align: center;}
.newBrandSection02 .newBrandSection02_wrap > ul{display: flex; justify-content: center;}
.newBrandSection02 .newBrandSection02_wrap > ul > li{margin-left: 42px;}
.newBrandSection02 .newBrandSection02_wrap > ul > li > div.newBrandSection02_wrap_img{width: 412px; height: 350px; margin-bottom: 21px;}
.newBrandSection02 .newBrandSection02_wrap > ul > li > div.newBrandSection02_wrap_img > img{width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.newBrandSection02 .newBrandSection02_wrap > ul > li > ol > li{color: #2A303C; font-size: 15px; font-weight: 400; line-height: 26px; margin-bottom: 6px; position: relative; padding-left: 12px;}
.newBrandSection02 .newBrandSection02_wrap > ul > li > ol > li:before{content: ''; display: block; width: 4px; height: 4px; background-color: #2A303C; border-radius: 50%; position: absolute; top: 10px; left: 0;}
.newBrandSection03{max-width: 1340px; width: 100%; margin: 0 auto 140px; }
.newBrandSection03_wrap{display: flex; justify-content: space-between;}
.newBrandSection03_wrap > div:first-of-type{width: 50%;}
.newBrandSection03_wrap > div:last-of-type{width: 50%;}
.newBrandSection03_wrap > div:first-of-type > span{display: block; text-align: left; color: #431F88; font-size: 16px; font-weight: 400; line-height: 21px; margin-bottom: 10px;}
.newBrandSection03_wrap > div:first-of-type > h3{display: block; text-align: left; color: #2A303C; font-size: 24px; font-weight: 700; line-height: 34px; margin-bottom: 16px;}
.newBrandSection03_wrap > div:first-of-type > p{display: block; text-align: left; color: #2A303C; font-size: 15px; font-weight: 400; line-height: 24px;}
.newBrandSection03_wrap > div:last-of-type{padding-top: 100px;}
.newBrandSection03_wrap > div:last-of-type > ul > li > span{font-size: 15px; color: #431F88; display: block; line-height: 23px; font-weight: 500; text-align: left;}
.newBrandSection03_wrap > div:last-of-type > ul > li > span > span { color: #2a303c; display: block; font-size: 12px; font-weight: 500; line-height: 23px; margin-top: 3px;}
.newBrandSection03_wrap > div:last-of-type > ul > li > p{font-size: 28.5px; color: #2A303C; font-weight: 700; line-height: 34.5px; text-align: right;}
.newBrandSection03_wrap > div:last-of-type > ul > li:last-child > p {margin-top: -25px;}
.newBrandSection03_wrap > div:last-of-type > ul > li:first-of-type{padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #999999;}
.newBrandSection03_wrap_img {width: 100%; max-width: 100%; margin: 0 auto; padding-top: 40px;}
#brandSection03Swiper .swiper-slide {background: #fff; border-radius: 12px; box-shadow: 0 2px 8px rgba(67,31,136,0.06); display: flex; align-items: center; justify-content: center; }
#brandSection03Swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.newBrandSection04{margin-bottom: 140px;}
.newBrandSection04_wrap{display: flex; align-items: center ;justify-content: start;}
.newBrandSection04 .newBrandSection04_wrap_img{position: relative; width: 960px; min-width: 50%; height: 560px; margin-right: 89px;}
.newBrandSection04 .newBrandSection04_wrap_img img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.newBrandSection04 .newBrandSection04_wrap_text > span{color: #431F88; font-size: 16px; font-weight: 400; line-height: 16px; display: block; margin-bottom: 10px;}
.newBrandSection04 .newBrandSection04_wrap_text > h3{color: #2A303C; font-size: 24px; font-weight: 700; line-height: 34px; display: block; margin-bottom: 30px;}
.newBrandSection04 .newBrandSection04_wrap_text > p{color: #2A303C; font-size: 15px; font-weight: 400; line-height: 23px; display: block; margin-bottom: 18px;}
.newBrandSection04 .newBrandSection04_wrap_text > a{color: #431F88; font-size: 12.5px; font-weight: 400; display:flex; align-items: center; justify-content: center; width: 167px; height: 38px; border: 1px solid #431F88; border-radius: 40px;}
.newBrandSection05{margin-bottom: 120px;}
.newBrandSection05 > h3{color: #2A303C; font-size: 30px; line-height: 43px; font-weight: 700; margin-bottom: 30px; text-align: center;}
.newBrandSection05 ul{display: flex; align-items: center; justify-content: center; margin-bottom: 40px;}
.newBrandSection05 ul > li > div{width: 627px; height: 357px; position: relative;}
.newBrandSection05 ul > li > div > img{width: 100%; height: 100%; object-fit: cover; object-position: center center; position: absolute; top: 0; left: 0; border-radius: 10px;}
.newBrandSection05 ul > li:nth-of-type(2){margin: 0 44px}
.newBrandSection05_btn{display: flex; justify-content: center; width: 100%; }
.newBrandSection05_btn > a{color: #431F88; font-size: 12.5px; font-weight: 400; display: flex;align-items: center; justify-content: center; width: 162px; height: 38px; border: 1px solid #431F88; border-radius: 40px;}
.newBrandSection06{background-color: #F7F7F4; padding: 100px 0;}
.newBrandSection06 > h3{color: #2A303C; font-size: 24px; font-weight: 700; line-height: 34px; margin-bottom: 15px;text-align: center;}
.newBrandSection06 > p{color: #4A515F; font-size: 17px; font-weight: 400; line-height: 30px; text-align: center;}

.brandStorySwiper{margin-bottom: 40px; width: 100%;}
.brandStorySwiper .swiper-slide {
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
}
.brandStorySwiper .newBrandSection05_wrap_img img {
    width: 100%;
    height: 342px;
    object-fit: cover;
    border-radius: 10px;
}
.brandStoryWrap > div:nth-of-type(3){max-width: 1324px; width: 100%; margin: 0 auto;}
/* 가로 해상도가 768px 보다 작은 큰화면에 적용) */
@media only screen and (min-width: 768px) {
    .is-desktop {display: block !important;}
    .is-mobile {display: none !important;}
    .brandSection { max-width: 1080px; margin:0 auto; }
    .brandSection > h2.title {margin-top: 40px;}
    .brandSection > h2 { font-size:27px; margin: 0 0 30px 0; font-weight: 700; line-height: 43px; }
    .brandSection h3 { font-size:20px; margin:0 0 12px 0; font-weight: 400; line-height: 29px; color: #2A303C;}
    .brandSection h3 br { content: " ";display: inline-block;padding: 0 2px; }
    .brandSection h4 { font-size:20px; }
    .brandSection p { padding:0; font-size:18px; font-weight: 350; line-height: 30px; }
    .brandSection p.t_center { text-align: center; color:#5C6272; width:450px; margin:0 auto; font-family: 'Noto sans kr regular' !important; font-size:16px; line-height: 25px;}

    .brandSection span {text-align: center; color: #5C6272; font-size: 16px; font-weight: 400; line-height: 25px; }
    .brandSection > ul > li { width:100%;  min-height: 240px; display:flex; flex-direction: column; justify-content: flex-start;
        align-items: flex-start; flex-wrap: wrap; position:relative; margin:0 0 60px 0; }
    .brandSection > ul > li:last-of-type{margin-bottom: 0}
    .brandSection > ul { width:100%; display:flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; padding: 0; }
    .brandSection > ul > li > * { }
    .brandSection > ul > li > h4, .brandSection > ul > li > p, .brandSection > ul > li > a { margin-left:477px !important; }
    .brandSection > ul > li > h4 { order:2; margin-top: 16px; font-size:18px !important;}
    .brandStoryWrap .brandSection > ul > li > p { margin-top:16px; font-size:14px; color:#5C6272; font-weight: 400; line-height: 22px; word-break: break-all; width:603px; }
    .brandSection > ul > li > .imgWrap { order:1; position:absolute; width:444px;left:0; top:0; height: 240px; display:flex; overflow: hidden; border-radius: 3px; }
    .brandSection > ul > li > p { font-size:18px; color:#4A515F; line-height: 26.5px; order:3; margin: 6px 0}
    .brandStoryWrap .brandSection > ul > li > a { color:#2A303C; font-weight: 500; font-size:14px; margin: 16px 0 0 0; background:url('../svg/icon_arrow_right_block.svg') no-repeat right center;
        background-size:30px 30px; padding:0 25px 0 0; order:4;
    }

    .brandSection .imgWrap > img {
        width: 100%;
    }
    .brandSection .imgWrap { width:100%; }

    .ContentBrand{max-width: 1320px; margin: 0 auto; width: 100%}

    .brandSection.bi h2 {padding-top: 60px;}
    .bs-channel {width: 100%; max-width: 1080px; margin: 28px auto 0; padding:28px 80px 25px; height: 183px; background: url("../img/bs-channel-pc.png") no-repeat center center; background-size: 100% auto;}
    .bs-channel span {text-align: left;}
    .bs-channel .ttl {font-size: 22px; font-weight: 700; line-height: 29px;}
    .bs-channel .txt {margin: 8px 0 16px;font-size: 16px; font-weight: 400; line-height: 26.5px;}
    .bs-channel .move {font-size: 15px; font-weight: 700; line-height: 21px; background-position: 80px -3px; background-size: 25px 25px;}

    .border-wrap {margin: 12px 0 0;}
    #slogan .border-wrap {padding: 99px 0;}
    .border-wrap .symbol {width: 148.5px; height: auto;}
    .border-wrap .line {height: 8.5px; width: auto;}
    .border-wrap .slogan {width: 418px; height: auto;}
    .border-wrap .deps {gap: 128px;}
    .border-wrap .deps > div img {width: 110px; height: auto;}
    .border-wrap .deps > div p {font-size: 14px; line-height: 22px;}

    .BrandImg > img:first-of-type{display: block;}
    .BrandImg > img:last-of-type{display: none;}
    .BrandImg{margin-bottom: 23px}
    .ContentBrand > h2{font-size: 32px; line-height: 46px; margin-bottom: 16px}
    .ContentBrand > p{font-size: 20px; line-height: 29px; margin-bottom: 64px}
    .ContentBrand > ul{display: flex}
    .ContentBrand > ul > li{width: 32.33%; margin-left: 30px; margin-bottom: 0}
    .ContentBrand > ul > li:first-of-type{margin-left: 0}
    .ContentBrand > ul li:not(:last-of-type){margin-bottom: 0}
    .ContentBrand{padding-bottom: 160px}
    .ContentBrand > ul li > p{font-size: 14px; line-height: 22px}
    .ContentBrand > div.path{display: block; margin: 0; margin-bottom: 32px}
    .path > ul > li > a{color:#949FAC; }
    .topBrandSection > p{max-width: 1058px; margin: 0 auto 24px}
    .reStyleBrandstory .brandSection h4{font-size: 20px; line-height: 29px; margin-bottom: 0}
    .brandSection .imgWrap { height: 100%; }
    .brandSection .pc-brandImg{display: block}
    .brandSection .mb-brandImg{display: none}

    .rtb_banner br.is_mobile {display: none;}
    .rtb_banner { max-width: 1080px; margin: 80px auto -80px; padding: 0; padding-left: 20%; height: 150px;display: flex; justify-content: center; flex-direction: column; align-items: center; background: url("../img/brand_rtb_banner_L.png")no-repeat center center; background-size: 100% auto;}
    .rtb_banner h2 {width:100%; text-align: center; font-size: 25px; font-weight: 700; color: #fff;}
    .rtb_banner p {width: 100%; text-align: center; font-size: 15px; display: flex; align-items: center; justify-content: center;}
    .rtb_banner p:after {margin-left: 4px; width: 15px; height: 13px;}
    .rtb_banner button b {font-weight: 700;}

}

@media only screen and (max-width: 768px) {
    .newBrandStory .newBrandStory_img > img{display: block; width: 100%; height: 100%; margin-bottom: 36px;}
    .newBrandStory .is-mobile{display: block !important;}
    .brandStoryWrap .newBrandStory .titleText{padding-top: 0; padding-left: 20px; padding-right: 20px;}
    .brandStoryWrap .newBrandStory .titleText > h2{font-size: 25px; font-weight: 700; line-height: 35px; margin-bottom: 14px;}
    .brandStoryWrap .newBrandStory .titleText > p{font-size: 15px; font-weight: 400; line-height: 24px;}
    .brandStoryWrap .newBrandStory{margin-bottom: 80px;}
    .newBrandSection01 > div.newBrandSection01_wrap{display: block; margin-bottom: 30px;}
    .newBrandSection01 .newBrandSection01_wrap > .newBrandSection01_wrap_img{width: 100%; height: 100%; margin-bottom: 30px;;}
    .newBrandSection01 .newBrandSection01_wrap > .newBrandSection01_wrap_img > img{width: 100%; height: 100%; position: static;}
    .newBrandSection01 .newBrandSection01_wrap > div:last-of-type{margin-left: 0; padding-left: 20px; padding-right: 20px;}
    .newBrandSection01 .newBrandSection01_wrap > .newBrandSection01_wrap_text > p.desktop-bold{font-weight: 400;}
    .newBrandSection01 .newBrandSection01_wrap.brand-right-box{display: flex; flex-direction: column-reverse;}
    .newBrandSection01 .newBrandSection01_wrap > .newBrandSection01_wrap_text > p:last-of-type{margin-bottom: 0;}
    #brandSection03SwiperMb .swiper-slide{width: 80%;}
    #brandSection03SwiperMb .swiper-slide img { width: 100%;}
    .newBrandSection04_wrap{display: block;}
    .newBrandSection04 .newBrandSection04_wrap_img img{position: static; }
    .newBrandSection04 .newBrandSection04_wrap_img{width: 100%; height: 100%; margin-right: 0;}
    .newBrandSection04 .newBrandSection04_wrap_img_text{position: absolute; top: 40px; left: 0; width: 100%;  display: flex; align-items: center; justify-content: center; flex-direction: column;}
    .newBrandSection04 .newBrandSection04_wrap_img_text > span{font-size: 15px; font-weight: 400; line-height: 21px; color: #fff; margin-bottom: 9px;}
    .newBrandSection04 .newBrandSection04_wrap_img_text > h3{font-size: 24px; line-height: 34px; color: #fff; text-align: center;}
    .newBrandSection04_wrap_text_mb{border-radius: 10px; width: calc(100% - 48px); position: absolute; left: 24px; top: 266px; padding: 38px 12px 7px 12px; background-color: #fff;}
    .newBrandSection04_wrap_text_mb > p{font-size: 15px; font-weight: 400; line-height: 23px; color: #2A303C; text-align: center; margin-bottom: 20px;}
    .newBrandSection04_wrap_text_mb.is-mobile{display: block !important;}
    .newBrandSection04_wrap{position: relative;}
    .newBrandSection04_wrap_img{margin-bottom: 436px;}
    .newBrandSection04_wrap_text_mb > a{color: #431F88; border: 1px solid #431F88; border-radius: 40px; width: 167px; height: 38px; display: flex; align-items: center; justify-content: center; margin: 0 auto; font-size: 12.5px; margin-top: 33px; font-weight: 400;;}
    .newBrandSection05 > h3{font-size: 24px; line-height: 34px; margin-bottom: 24px;}
    .section05-mb-img{margin-bottom: 25px; display: block; width: 100%;}
    .newBrandSection05{margin-bottom: 100px;}
    .newBrandSection06{background-color: #fff;}
    .newBrandSection06 > h3{font-size: 24px; line-height: 34px; margin-bottom: 15px;}
    .newBrandSection06 > p{font-size: 15px; line-height: 23px; }
    .newBrandSection06{padding-top: 0;}
    .newBrandSection01_wrap_text.rg-txt{padding-left: 20px; padding-right: 20px; width: 100%;} 
    .newBrandSection05 ul > li > div > img{ border-radius: 0px;}
    .brandStorySwiper .newBrandSection05_wrap_img img{border-radius: 0px !important;}
    .brandStorySwiper .swiper-slide{border-radius: 0px !important;}
    .newBrandSection01 .newBrandSection01_wrap > .newBrandSection01_wrap_text > span{margin-bottom: 6px;}

    .newBrandSectionMb03_wrap_text > ul > li > span > span {color: #2A303C; display: block; font-size: 12px; font-weight: 500; line-height: 23px;}

}


@media only screen and (min-width: 768px) and (max-width: 1400px) {
    .newBrandSection02 .newBrandSection02_wrap > ul > li > div.newBrandSection02_wrap_img{width: 100%;}
    .newBrandSection02 .newBrandSection02_wrap > ul{max-width: 1320px; width: 100%; margin: 0 auto; padding-left: 40px; padding-right: 40px;}
    .newBrandSection02 .newBrandSection02_wrap > ul > li:first-of-type{margin-left: 0;}
    .newBrandSection02 .newBrandSection02_wrap > ul > li > div.newBrandSection02_wrap_img > img{border-radius: 16px;}
    .newBrandSection01{max-width: 1320px; margin: 0 auto;}
    .newBrandSection03{max-width: 1320px;}
    .boardGalleryList{padding-left: 40px; padding-right: 40px;}
    .newBrandSection04{max-width: 1320px;  margin-right: 40px;}
    .newBrandSection04 .newBrandSection04_wrap_img{margin-right: 50px; width: 850px;}
}