@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
.crimson {
    font-family: "Crimson Text", serif;
    font-weight: 700 !important;
    font-style: normal;
    
    font-size:44px !important;
    color:#000 !important;
    margin-bottom:20px !important;
}


/* ºê·£µå¸ÞÀÎ */
.brand_main01 ul{margin-top: 40px;}
.brand_main01 ul li::after{display: block;clear:both;content: '';}
.brand_main01 ul li .left{width:55%;position: relative;float: left;height: 580px;overflow: hidden;}
.brand_main01 ul li .left img{max-width: 100%;object-fit: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);min-width: 100%;height: 100%;}
.brand_main01 ul li .right{float: left;width: 45%;margin-top: 115px;margin-left: 0;position: relative;}
.brand_main01 ul li .right .tx_box{background: #fff;padding: 75px 95px;}
.brand_main01 ul li:nth-child(2n - 1) .right .tx_box{padding-right: 20px!important;}
.brand_main01 ul li .right .tx_box h5{color: #333; font-weight: 600; font-family: 'Montserrat', sans-serif;margin-bottom: 10px}
.brand_main01 ul li .right .tx_box strong{display: block;color:#333; font-size: 54px; font-weight: 800;font-family: 'NanumSquare', sans-serif;margin-bottom: 20px;}
.brand_main01 ul li .right .tx_box em{color:#666; font-size: 20px; font-weight: 500;display: block;margin-bottom: 30px; word-break: keep-all;}
.brand_main01 ul li .right .tx_box a{color: #999; font-size: 16px; font-weight: 500; display: inline-block;position: relative;z-index: 9;}
.brand_main01 ul li .right .tx_box a::after{position: absolute;content: ''; width: 100% ;bottom:-2px; background: #fdeded;height: 8px;z-index: -1;left: 0;}
.brand_main01 ul li{margin-bottom: 70px;}
.brand_main01 ul li:nth-child(2n) .left{float: right;}
.brand_main01 ul li:nth-child(2n) .right{float: left;}
.brand_main01 ul li:nth-child(2n) .tx_box{text-align: right;padding-left: 20px !important}

/* ºê·£µå½ºÅ丮  - ´©º§¸¶¸®*/
.brand_story{padding-bottom: 90px;}
.brand_story .top_intro{background: url('../images/sub/brand_story01.jpg')no-repeat center center;height: 400px;text-align: center;margin: 70px 0;background-size: cover;}
.brand_story .top_intro strong{color: #ffff; font-size: 38px; font-weight: 800;font-family: 'NanumSquare', sans-serif; margin-bottom: 20px;display: block;}
.brand_story .top_intro em{color: #fff; font-size: 18px; font-weight: 300;display: block;word-break: keep-all;line-height: 31px;opacity: 0.7;}
.top_intro .tx_box{position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);width: 100%;}
.brand_story .middle_content .one{display: flex;justify-content: space-between;}
.brand_story .middle_content .one >div{width: calc(50% - 15px)}
.brand_story .middle_content .img_box{position: relative;overflow: hidden;height: 440px;width: 100%;box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.1);}
.brand_story .middle_content .two .img_box{box-shadow: none;}
.brand_story .middle_content .img_box img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);min-width: 100%;height: 100%;object-fit: cover;}
.brand_story .middle_content .one h2{color: #333; font-size: 38px; font-weight: 800;font-family: 'NanumSquare', sans-serif;line-height: 48px;padding: 90px 70px;word-break: keep-all;}
.brand_story .middle_content p{color: #666; font-size: 18px; font-weight: 300; line-height: 28px;}
.brand_story .middle_content .one p{margin-bottom: 135px;}
.brand_story .middle_content h5{color: #e41b1b; font-size: 16px; font-weight: 500; border-bottom: 1px  solid #e41b1b; display: inline-block;padding-bottom:5px;margin-bottom: 15px;}
.brand_story .middle_content strong{display: block;font-size: 34px; font-weight: 800;font-family: 'NanumSquare', sans-serif; margin-bottom: 20px;word-break: keep-all;}
.brand_story .middle_content .two{display: flex;justify-content: space-between;margin-top: 90px;}
.brand_story .middle_content .two >div{width: calc(50% - 15px)}
.brand_story .middle_content .two .tx_box{padding: 90px 25px;}
/* ºê·£µå½ºÅ丮  - ´©º§¸¶¸® - ºê·£µå ¿ª»ç*/
.brand_history{background: #fafafa;padding: 90px 0;}
.intro_history .history_ul{position: relative;margin-top: 60px;}
.intro_history .history_ul::after{position: absolute;bottom:0; left: 0; background: #ddd; width: 100%;height: 1px; content: '';z-index: -1;}
.intro_history ul{display: flex;justify-content: space-around;position: relative;margin-bottom: 40px}
.intro_history ul li a{font-family: 'Montserrat', sans-serif;font-size: 24px; font-weight: 600;color: #ddd;text-align: center;display: block;position: relative;width: 100%}
.intro_history ul li a::after{position: absolute;bottom:-30px; right: 50%;background: #e41b1b; width:0;transition: all 0.3s ease-in-out;visibility: hidden;height: 1px; content: '';opacity: 0;}
.intro_history ul li.on03 a::after{opacity: 1;width: 470px; transition: all 0.3s ease-in-out;visibility: visible;}
.intro_history ul li:nth-child(1).on03 a::after{width: 100vw;}
.intro_history ul li span{display: block;width: 30px; height: 30px;border: 1px solid #ddd; border-radius: 50%; bottom: -15px;position: relative;margin:  0 auto;}
.intro_history ul li span::before{width: 10px; height: 10px;background-color:#ddd;border-radius: 50%; bottom: -40px;content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.intro_history ul li a.on {color:#e41b1b;}
.intro_history ul li.on02 span{border: 1px solid #e41b1b;}
.intro_history ul li.on02 span::before{background:#e41b1b; }
.history_div .big_list > li::after{clear: both;content: ''; display: block;}
.history_div .big_list .left{width:30%;text-align: right; float: left;}
.history_div .big_list .left h3{color: #e41b1b; font-size: 110px; font-weight: 600;font-family: 'Montserrat', sans-serif;}
.history_div .big_list .right{width:60%;float: right}
.history_div .in_list li{display: flex;margin-bottom: 30px;}
.history_div .in_list h5{color:#333;font-family: 'Montserrat', sans-serif;font-size: 40px; font-weight: 600;width:140px;line-height: 40px;text-align: right; padding-right: 35px;}
.history_div .in_list .content{width: calc(100% - 140px);}
.history_div .in_list .content_list::after{display: block;content: ''; clear: both;}
.history_div .in_list .content_list strong{text-align: right;color: #666; font-size: 20px; font-weight: 600;font-family: 'Montserrat', sans-serif,  'Noto Sans KR';float: left;width: 60px;margin-right: 40px}
.history_div .in_list .content_list em{word-break: keep-all;width: calc(100% - 100px); float: left;position:relative;font-size: 18px;color: #666;font-family: 'Montserrat', sans-serif,  'Noto Sans KR';padding-left: 10px;display: block;font-weight: 500;}
.history_div .in_list .content_list em::after{position: absolute;left: 0; top: 10px; background: #ddd;width: 4px; height: 4px; content: ''; }
.history_div .in_list .content_list{margin-bottom: 25px;}
.intro_history_section{padding-bottom: 90px;background: #fafafa;}

/* ºê·£µå½ºÅ丮  - ´©º§¸¶¸® - ½ºÅ丮 Ÿ°Ù*/
.brand_story02{padding: 90px 0;}
.brand_story02 ul li{margin-bottom: 90px;}
.brand_story02 ul li:last-child{margin-bottom: 0;}
.brand_story02 ul li::after{clear: both;content: ''; display: block;}
.brand_story02 ul li > div{width:calc(50% - 15px);}
.brand_story02 ul li .left{float: left;position: relative;height: 860px;overflow: hidden;}
.brand_story02 ul li:nth-child(3) .left{height: 660px;}
.brand_story02 ul li .right{float: right;}
.brand_story02 ul li .left img{position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);min-width: 100%;height: 100%; object-fit: cover;}
.brand_story02 ul li .tx_box{position:relative;max-width: 700px; padding: 70px 30px 0 70px;}
.brand_story02 ul li .tx_box h5{color:#e41b1b; border-bottom: 1px solid #e41b1b; font-size: 16px; font-weight: 600;font-family: 'Montserrat', sans-serif;padding-bottom: 5px;margin-bottom: 15px;display: inline-block;}
.brand_story02 ul li .tx_box strong{display: block;margin-bottom: 20px;font-family: 'Montserrat', sans-serif; font-size: 44px;  color: #333;font-weight: 700;}
.brand_story02 ul li .tx_box p{color: #666; font-size: 17px; font-weight: 300;word-break: keep-all;}
.brand_story02 ul li .tx_box h4{font-size: 28px; font-weight: 800;font-family: 'NanumSquare', sans-serif; color: #333;margin-bottom: 15px;word-break: keep-all;}
.brand_story02 ul li .tx_box02{margin-top: 90px;}
.brand_story02 .right_bg{color:#f5f5f5;font-family: 'Montserrat', sans-serif;font-size: 100px; font-weight: 700; font-style: italic;position: absolute;z-index: -1}
.brand_story02 .bg_01{top: 32%;right: 0;}
.brand_story02 .bg_02{right: 0; top: 68%;}
.brand_story02 ul li:nth-child(2n) .left{float: right;}
.brand_story02 ul li:nth-child(2n) .right{float: left;}
.brand_story02 ul li:nth-child(2n) .tx_box{float: right;padding-right: 70px;padding-left: 30px;}
.brand_story02 ul li:nth-child(3n) .bg_01{top: 50%}
/* ºê·£µå½ºÅ丮  - ´©º§¸¶¸® - ºê·£µå ¿µ»ó*/
.intro_video{padding: 90px 0;padding-bottom: 50px;background: #fafafa;}
.intro_video .swiper-slide{border: 1px solid #ddd;transition: 0.3s;}
.intro_video .swiper-slide a{display: block;}
.intro_video .swiper-slide:hover{border: 1px solid #e41b1b; transition: 0.3s;box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.1);}
.intro_video .swiper-slide:hover .img_box::before{opacity: 1; transition: 0.3s;}
.intro_video .img_box{width: 100%; height: 240px;position: relative;overflow: hidden;}
.intro_video .img_box::before{content: ''; left: 0;top: 0; width: 100%;height: 100%;background:rgba(0,0,0,0.6); position: absolute;opacity: 0;transition: 0.3s;z-index: 1;}
.intro_video .img_box .video_thumbnail{position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);min-width: 100%; height: 100%;}
.intro_video .img_box .video_play{position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 5;}
.intro_video .tx_box{height: 110px; background: #fff;padding: 20px;}
.intro_video .tx_box strong{ font-size: 18px; font-weight: 500;color: #333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;  -webkit-line-clamp: 1;-webkit-box-orient: vertical;max-height: 24px; margin-bottom: 30px;}
.intro_video .tx_box em{font-family: 'Montserrat', sans-serif;color: #999; font-size: 14px; font-weight: 500;display: block;}
.intro_video  .swiper-button-next{transition: 0.3s;background:url(../images/sub/right_arrow.png) no-repeat; width:64px; height:64px; right:0; left:auto;}
.intro_video .swiper-button-prev{transition: 0.3s;background:url(../images/sub/left_arrow.png) no-repeat; width:64px; height:64px; right:auto; left:0;}
.intro_video .swiper-button-next:hover{background:url(../images/sub/right_arrow_h.png) no-repeat;transition: 0.3s;}
.intro_video .swiper-button-prev:hover{background:url(../images/sub/left_arrow_h.png) no-repeat; transition: 0.3s;}
.intro_video .swiper-button-prev:after, .swiper-button-next:after{display:none; }
.intro_video .inner{max-width:1580px;padding: 0 90px;position: relative;}
.video_swiper{padding-bottom: 50px;}

/* ºê·£µå½ºÅ丮  - ¾ÙÆ®ÆÄÀÌ*/
.brand_story03 .top_intro{background: url('../images/sub/brandstory02_001.jpg')no-repeat center center;height: 400px;text-align: center;margin: 70px 0;background-size: cover;}
.brand_story03 .middle_content .one h2{padding: 10px 70px; padding-bottom: 70px;}
.brand_story03 .middle_content .two .tx_box{padding: 40px 30px;}
/* .brand_story04{padding: 90px 0;}
.brand_story04 ul{margin-top: 30px}
.brand_story04 ul::after{clear: both;content: '';display: block;}
.brand_story04 ul li{float: left;margin-right: 20px; width: calc((100% - 60px)/4);}
.brand_story04 ul li:last-child{margin-right: 0;} */
.brand_story04{padding: 90px 0;}
.brand_story04 .img_box {position: relative;background: #fff;width: 100%;  overflow: hidden;height: 400px;margin-bottom: 15px;border: 1px  solid #ddd;}
.brand_story04 .img_box img{position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);max-width: 100%; max-height: 100%;}
.brand_story04 .tx_box{text-align: center;}
.brand_story04 .tx_box strong{display: block;color: #333; font-size: 18px; font-weight: 500;margin-bottom: 10px;word-break: keep-all;}
.brand_story04 .tx_box em{color: #999; font-size: 16px; font-weight: 500;font-family: 'Montserrat', sans-serif;display: block;}
.brand_story04  .swiper-button-next{transition: 0.3s;background:url(../images/sub/right_arrow.png) no-repeat; width:64px; height:64px; right:0; left:auto;}
.brand_story04 .swiper-button-prev{transition: 0.3s;background:url(../images/sub/left_arrow.png) no-repeat; width:64px; height:64px; right:auto; left:0;}
.brand_story04 .swiper-button-next:hover{background:url(../images/sub/right_arrow_h.png) no-repeat;transition: 0.3s;}
.brand_story04 .swiper-button-prev:hover{background:url(../images/sub/left_arrow_h.png) no-repeat; transition: 0.3s;}
.brand_story04 .swiper-button-prev:after, .swiper-button-next:after{display:none; }
.brand_story04 .inner{max-width:1580px;padding: 0 90px;position: relative;}
.video_swiper{padding-bottom: 50px;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 1;}

/* ºê·£µå½ºÅ丮  - ¾ÙÆ®ºäƼ*/
.b_s05_1 .top_intro_24{background: url('../images/sub/brandstory05_04.jpg')no-repeat center center;height: 400px;text-align: center;margin: 70px 0;background-size: cover;}

.b_s05_1 .tx_box em{color: #bbb; display: block;font-size: 16px; font-weight: 600;font-family: 'Montserrat', sans-serif;}
.b_s05_1 .tx_box strong2{color: #ffff; font-size: 38px; font-weight: 800;font-family: 'NanumSquare', sans-serif; margin-bottom: 20px;display: block;}
.b_s05_1{background: #fafafa;padding: 150px 0;}
.img_box2{position: relative;overflow: hidden;height: 440px;width: 100%;box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.1);}

/* ºê·£µå½ºÅ丮  - ¾ÙÆ®Çｺ*/
.b_s05 .top_intro{background: url('../images/sub/brandstory03_01.jpg')no-repeat center center;height: 400px;text-align: center;margin: 70px 0;background-size: cover;}
.b_s06{background: #fafafa;padding: 90px 0;}
.b_s06 ul{max-width: 1000px; margin: 0 auto;margin-top: 60px;}
.b_s06 ul::after{clear: both;content: ''; display: block;}
.b_s06 ul li{float: left;width:20%; text-align: center;}
.b_s06 ul li .img_box{height:90px; text-align: center;}
.b_s06 ul li .img_box img{display: block;margin: 0 auto;}
.b_s06 ul li .tx_box strong{display: block;color: #333;font-size: 18px; font-weight: 500;margin-bottom: 10px;word-break: keep-all;}
.b_s06 ul li .tx_box em{color: #bbb; display: block;font-size: 16px; font-weight: 600;font-family: 'Montserrat', sans-serif;}
.b_s07 .top_intro{background: url('../images/sub/brandstory03_11.jpg')no-repeat center center;height: 520px;text-align: center;margin: 0;background-size: cover;}
.b_s07 .bs07_list ul{display: flex;justify-content: space-between;max-width: 1200px; margin: 0 auto;margin-top: -170px;}
.b_s07 .bs07_list ul li{width: calc((100% - 60px)/3);transition: 0.3s;}
.b_s07 .bs07_list ul li .img_box{height: 400px; position:relative;overflow: hidden;}
.b_s07 .bs07_list ul li .img_box img{position: absolute;left: 50%; top: 50%;object-fit: cover;min-width: 100%;height: 100%; transform: translate(-50%,-50%);}
.b_s07 .bs07_list ul li .img_box::after{content: ''; background: rgba(0,0,0,0.3);left: 0;top: 0; width: 100%;height: 100%;z-index: 1;position: absolute;}
.b_s07 .bs07_list ul li p{position: absolute;color: #fff; z-index: 2;left: 50%; transform: translateX(-50%);bottom: 30px;font-size:
18px; font-weight: 500;width: 100%;text-align:center;word-break: keep-all;}
.b_s07 .bs07_list ul li:hover .img_box::after{opacity: 0;transition: 0.3s;}
.b_s07 .bs07_list ul li:hover{box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.1);transform: translateY(-100px);transition: 0.3s;}
.b_s08{padding: 90px 0;background: #fafafa;}
.b_s08 .img_box{margin-top: 60px; background: url('../images/sub/brandstory03_15.jpg')no-repeat center center;height: 480px;background-size: cover;}
.b_s05 .middle_content .one h2{padding: 0 70px;padding-bottom: 80px;font-family: 'Montserrat', sans-serif;font-weight: 600;}
.b_s05 .middle_content .one p{padding-top: 20px;}
.b_s05 .middle_content .two .tx_box{position: relative;}
.b_s05 .middle_content .two .tx_box img{position: absolute;right: 0; bottom: 0;}
.b_s05 .middle_content .two .tx_box{padding: 120px 40px;}

.b_s05_1 .middle_content .one h2{padding: 0 70px;padding-bottom: 80px;font-family: 'Montserrat', sans-serif;font-weight: 600;}
.b_s05_1 .middle_content .one p{padding-top: 20px;}
.b_s05_1 .middle_content .two .tx_box{position: relative;}
.b_s05_1 .middle_content .two .tx_box img{position: absolute;right: 0; bottom: 0;}
.b_s05_1 .middle_content .two .tx_box{padding: 120px 40px;}

.b_s07 .top_intro .tx_box{top: 40%;}

/* ºê·£µå½ºÅ丮  - ¾ÙÆ®¸®ºù*/
.b_s011 .top_intro{background: url('../images/sub/20240509_001.jpg')no-repeat center center;height: 400px;text-align: center;margin: 70px 0;background-size: cover;}
.b_s09 ul{max-width: 1000px;}
.b_s09 ul li{width: 33.333%}
.b_s10 .top_intro{background: url('../images/sub/brandstory03_11.jpg')no-repeat center center;height:400px;text-align: center;background-size: cover;margin: 0}
.b_s10 .list_vision{margin-top: 70px;margin-bottom: 0;}
.b_s10 .list_vision ul::after{clear: both; content: ''; display: block;}
.b_s10 .list_vision ul li{float: left;width: calc((100% - 30px)/2);margin-right: 30px}
.b_s10 .list_vision ul li:last-child{margin-right: 0;margin-top: 50px;}
.b_s10 .list_vision ul li .img_box{position: relative;height: 440px;overflow: hidden;}
.b_s10 .list_vision ul li .img_box img{position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);min-width: 100%; height: 100%;}
.b_s10 .list_vision ul li p{position: absolute;bottom: 30px;word-break: keep-all;left: 30px;font-size: 20px; font-weight: 600; color: #fff;font-family: 'NanumSquare', sans-serif;}