/**************************************************
                sub1-1
**************************************************/
body{color: #171717;}
.txt-box h3{font-family: 'KoPub Batang'; font-size: 36px; font-weight: 300; line-height: 51px; margin-bottom: 30px;}
.txt-box h3 span{font-weight: 500;}
.txt-box p{font-family:'Pretendard', sans-serif; font-size: 18px; line-height: 28px;}
.sub-mo-only2{display: none;}
.sub-mo-only{display: none;}
.sub-pc-only{display: block;}
.sub-padding{padding: 0px 30px;}
.sub-margin{margin: 170px 0px;}

.s1-3-intro-start {
    background: url("../sub/img/s1-1-intro-start-back.png") no-repeat top center/contain;
}

.intro .txt-box{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.intro .txt-box h1{
    margin-top: 320px;
    font-family: 'Sorts Mill Goudy', serif;
    font-size: 53.6px;
    margin-bottom: 51px;
    font-weight: 400;
}
.intro .txt-box p{
    font-family: 'KoPub Batang';
    font-size: 22px;
    font-weight: 300;
}
.brand_intro .txt-box p{
    font-family: 'KoPub Batang';
    font-size: 18px;
    text-align: center;
    line-height: 38px;
    margin-top: 56px;
    font-weight: 300;
}
.s1_logo_box{width: 24px;height: 24px;margin-bottom: 26px;}
.s1_logo_box img{width: 100%;height: auto;object-fit: contain;}

/* main-sect-history*/

.d-block { display:block; }
.d-inline { display:inline; }
.d-inline-block { display:inline-block; }
.d-flex {display:flex;}
.main-sect-history .cont-wrap{display: flex;justify-content: center;gap: 305px;margin-bottom: 107px;}
.main-sect-history .main-history-fixarea { display:block; height:100vh;}
.main-sect-history .pc-only { display:block; }
.main-sect-history  .timeline-wrap{position: relative;}
.main-sect-history .timeline-wrap ul li div .imgbox{max-width: 205px;width: 100%;transition: all 0.4s ease;position: absolute;right: -23%;top: -50%;opacity: 0;}
.main-sect-history .timeline-wrap ul li div .imgbox img{width: auto; height: 100%; object-fit: contain;}
.main-sect-history .timeline-wrap ul li:nth-child(odd) div .imgbox{transform: translateY(-70%);}
.main-sect-history .timeline-wrap ul li div:hover .imgbox{opacity: 1;}
.main-sect-history .timeline-wrap ul li:nth-child(odd) div:hover .imgbox{transform: translateY(-30%);}
.main-sect-history .titlebox02 {margin-left: -60px;position:relative;top:0;}
.main-sect-history .titlebox02 .subtit {font-family: 'KoPub Batang';font-size: 53.6px;font-weight:700;margin-bottom: 38px;}
.main-sect-history .titlebox02 h2 {font-family: 'KoPub Batang';font-size: 27px;font-weight: 500;margin-bottom: 68px;}
.main-sect-history .titlebox02 h3 {font-family:'Pretendard', sans-serif;font-size: 18px;line-height: 34px;font-weight: 500;}

.main-sect-history .timeline { position:relative;}
.main-sect-history .timeline h2 {font-family: 'KoPub Batang';color:#000;font-weight:700;font-size: 35px;margin-bottom: 45px;}
.main-sect-history .timeline-wrap {padding-top: 150px;}


.main-sect-history ul { display:inline-block; }
.main-sect-history ul li {list-style-type: disc; margin-left: 24px;}
.main-sect-history ul li:last-child { background:none; }
.main-sect-history ul li div {position:relative; width:550px;}
.main-sect-history ul li p {font-family:'Pretendard', sans-serif;font-weight:300;color: #444;font-size: 20px;/* height: 80px; *//* line-height: 49px; */padding: 18px 0;}
.main-sect-history ul li strong {font-weight:500; }
.main-sect-history .btn-more { display:none; }

/* opimo_list_wrap container*/
.optimo_list{width: 100%;background-color: #f6f6f6;}
.optimo_list_wrap {max-width: 1315px;width: 100%; box-sizing: border-box;position: relative;padding: 167px 0 134px;margin: auto;}
.optimo_list_wrap .tit_box{position: absolute; }
.optimo_list_wrap .tit_box h3{font-family: 'KoPub Batang';font-size: 34px;font-weight: 500;line-height: 54px;margin-bottom: 52px;}
.optimo_list_wrap .tit_box h3 span{font-family: 'KoPub Batang';font-size: 44px;font-weight: 500;}
.optimo_list_wrap .tit_box p{font-family:'Pretendard', sans-serif;font-size: 18px;line-height: 34px;font-weight: 400;}

.optimo_list_wrap ul {margin-top: 40px;width: 100%;display: grid;grid-template-columns: repeat(3,416px);grid-template-rows: repeat(4,335px);gap: 25px 33px;justify-content: center;} 
.optimo_list_wrap ul li { text-align: center; display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.optimo_list_wrap ul li:nth-child(1){
    grid-row: 1 / 2;
    grid-column: 3 / 4;
}
.optimo_list_wrap ul li:nth-child(2){
    grid-row: 2 / 3;
    grid-column: 1 / 2;
}
.optimo_list_wrap ul li:nth-child(3){
    grid-row: 2 / 3;
    grid-column: 2 / 3;
}
.optimo_list_wrap ul li:nth-child(4){
    grid-row: 2 / 3;
    grid-column: 3 / 4;
}
.optimo_list_wrap ul li:nth-child(5){
    grid-row: 3 / 4;
    grid-column: 1 / 2;
}
.optimo_list_wrap ul li:nth-child(6){
    grid-row: 3 / 4;
    grid-column: 2 / 3;
}
.optimo_list_wrap ul li:nth-child(7){
    grid-row: 3 / 4;
    grid-column: 3 / 4;
}
.optimo_list_wrap ul li:nth-child(8){
    grid-row: 4 / 5;
    grid-column: 1 / 2; 
}
.optimo_list_wrap ul li:nth-child(9){
    grid-row: 4 / 5;
    grid-column: 2 / 3;
}
.optimo_list_wrap ul li:nth-child(10){
    grid-row: 4 / 5;
    grid-column: 3 / 4;
}

.optimo_list_wrap ul li .imgbox{max-width: 417px;height: 257px;overflow: hidden;}
.optimo_list_wrap ul li .imgbox img{width: 100%;height: auto;object-fit: contain;transition: 0.5s ease;}
.optimo_list_wrap ul li .imgbox img:hover{transform: scale(1.1);}
.optimo_list_wrap ul li span{font-family:'Pretendard', sans-serif;font-size: 20px;display: inline-block;text-align: center;margin-top: 27px;line-height: 25px;height: 64px;}

/* opimo_list_wrap container*/
.onlynb_list {padding-top: 182px;padding-left: 286px;width:100%;margin: auto;background: url("../sub/img/s1-1-onlynb-back.png") no-repeat 90% 30%;}

.onlynb_list .tit_box  h3{font-family: 'KoPub Batang';font-size: 34px;font-weight: 500;line-height: 34px;margin-bottom: 40px;}
.onlynb_list .tit_box  h3 span{font-family: 'KoPub Batang';font-size: 44px;font-weight: 500;}
.onlynb_list .tit_box  p{margin-bottom: 66px;font-family:'Pretendard', sans-serif;font-size: 18px;line-height: 35px;}

.s1_1_slide img{width: 100%; height: 100%;}

/* stability*/
.stability{padding: 265px 30px 240px;max-width: 1920px;background: url("../sub/img/s1-1-video-back.png") no-repeat 50% 78% / contain;width: 100%;}
.stability .stability_wrap{display: flex;justify-content: center;align-items: center;gap: 134px;}
.stability .tit_box h3{font-family: 'KoPub Batang';font-size: 34px;font-weight: 500;line-height: 34px;margin-bottom: 45px;}
.stability .tit_box h3 span{font-family: 'KoPub Batang';font-size: 44px;font-weight: 500;}
.stability .tit_box p{font-family:'Pretendard', sans-serif;font-size: 18px;line-height: 34px;font-weight: 500;}

.sub1_1_v{width: 694px;height: 380px;}
.stability .video_box{width: 100%; padding-top: 56.25%; position: relative; height: 0; overflow: hidden;}
.video_box iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* value*/
.s1_1_fill{background: url("../sub/img/s1-1-fillwith-back.png") no-repeat 50% 50%/cover;height: 696px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.s1_1_fill .tit_box{text-align: center;}
.s1_1_fill .tit_box h3{font-family:'Sorts Mill Goudy', serif;font-size: 53.6px;font-weight: 500;line-height: 1.5;margin-bottom: 51px;}
.s1_1_fill .tit_box p{font-family: 'KoPub Batang';font-size: 20px;line-height: 34px;margin-bottom: 79px;font-weight: 300;}

.sub1_1_btn {width:172px;height:51px;border: #46aca8 1px solid;border-radius: 50px;overflow:hidden;}
.s1_btn{width: 100%; height: 100%; position:relative;}
.s1_btn::before,.s1_btn:after{display:block;left:0;top:0;width:100%}
.s1_btn::before{content:'';transition:transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e),border-radius var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e),backgroud var(--a-color-s) var(--a-color-e);opacity:.8;transform:translate(0);z-index:1;height:100%;position:absolute}
.sub_btn .o{overflow:hidden; position:relative; z-index:3;}
.s1_btn:after{background-color:#46aca8; border-radius:100%; content:""; height:100%; position:absolute; transform:translateY(110%); z-index:2}
.sub_btn .t{align-items:center;display:flex; justify-content:center;line-height:0; transition:transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e);}
.sub_btn:hover .t{transform:translateY(-100%);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e);color:#fff}
.sub_btn:hover .s1_btn:after{border-radius:0;transform:translate(0);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e),border-radius var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e)}
.sub1_1_btn a{font-family:'Pretendard', sans-serif; font-size: 16px; color: #46aca8;}
.sub_btn .t{height:49px; text-align: center;}

@media (max-width:1440px){
    .txt-box h3{font-family: 'KoPub Batang'; font-size: 2.5000vw;  line-height: 3.5417vw; margin-bottom: 2.0833vw;}
    .txt-box p{font-family:'Pretendard', sans-serif; font-size: 1.2500vw; line-height: 1.9444vw;}
    .sub-padding{padding: 0.0000vw 2.0833vw;}
    .sub-margin{margin: 11.8056vw 0.0000vw;}
    
    .s1-3-intro-start {
        background: url("../sub/img/s1-1-intro-start-back.png") no-repeat top center/contain;
    }
    
    .intro .txt-box{
        align-items: center;
        flex-direction: column;
    }
    .intro .txt-box h1{
        margin-top: 22.2222vw;
        font-family: 'Sorts Mill Goudy', serif;
        font-size: 3.7222vw;
        margin-bottom: 3.5417vw;
        
    }
    .intro .txt-box p{
        font-family: 'KoPub Batang';
        font-size: 1.5278vw;
        
    }
    .brand_intro .txt-box p{
        font-family: 'KoPub Batang';
        font-size: 1.2500vw;
        
        line-height: 2.6389vw;
        margin-top: 5.8889vw;
        margin-bottom: 14.9306vw;
        
    }
    .s1_logo_box{width: 1.6667vw;height: 1.6667vw;margin-bottom: 1.8056vw;}
    .s1_logo_box img{width: 100%;height: auto;object-fit: contain;}
    
    /* main-sect-history*/
    
    
    .main-sect-history .cont-wrap{gap: 21.1806vw;margin-bottom: 7.4306vw;}
    .main-sect-history .main-history-fixarea {  height:100vh;}
    .main-sect-history .timeline-wrap ul li div .imgbox{max-width: 14.2361vw;width: 100%;transition: all 0.4s ease;right: -23%;top: -50%;opacity: 0;}
    .main-sect-history .timeline-wrap ul li div .imgbox img{width: auto; height: 100%; object-fit: contain;}
    .main-sect-history .timeline-wrap ul li:nth-child(odd) div .imgbox{transform: translateY(-70%);}
    .main-sect-history .timeline-wrap ul li div:hover .imgbox{opacity: 1;}
    .main-sect-history .timeline-wrap ul li:nth-child(odd) div:hover .imgbox{transform: translateY(-30%);}
    .main-sect-history .titlebox02 {margin-left: -4.1667vw;top:0;}
    .main-sect-history .titlebox02 .subtit {font-family: 'KoPub Batang';font-size: 3.7222vw;margin-bottom: 2.6389vw;}
    .main-sect-history .titlebox02 h2 {font-family: 'KoPub Batang';font-size: 1.8750vw;margin-bottom: 4.7222vw;}
    .main-sect-history .titlebox02 h3 {font-family:'Pretendard', sans-serif;font-size: 1.2500vw;line-height: 2.3611vw;}
   
    .main-sect-history .timeline h2 {font-family: 'KoPub Batang';font-size: 2.4306vw;margin-bottom: 3.1250vw;}
    .main-sect-history .timeline-wrap {padding-top: 10.4167vw;}
    
    .main-sect-history ul li {list-style-type: disc; margin-left: 1.6667vw;}
    .main-sect-history ul li:last-child { background:none; }
    .main-sect-history ul li div { width:38.1944vw;}
    .main-sect-history ul li p {font-family:'Pretendard', sans-serif;font-size: 1.3889vw;padding: 1.2500vw 0;}
    
    /* opimo_list_wrap container*/
    .optimo_list{width: 100%;}
    .optimo_list_wrap {max-width: 91.3194vw;width: 100%; padding: 11.5972vw 0 9.3056vw;margin: auto;}
    .optimo_list_wrap .tit_box{ }
    .optimo_list_wrap .tit_box h3{font-family: 'KoPub Batang';font-size: 2.3611vw;line-height: 3.7500vw;margin-bottom: 3.6111vw;}
    .optimo_list_wrap .tit_box h3 span{font-family: 'KoPub Batang';font-size: 3.0556vw;}
    .optimo_list_wrap .tit_box p{font-family:'Pretendard', sans-serif;font-size: 1.2500vw;line-height: 2.3611vw;}
    
    .optimo_list_wrap ul {margin-top: 2.7778vw;width: 100%;grid-template-columns: repeat(3,28.8889vw);grid-template-rows: repeat(4,23.2639vw);gap: 1.7361vw 2.2917vw;} 
    .optimo_list_wrap ul li {flex-direction:column; align-items: center;}
    .optimo_list_wrap ul li:nth-child(1){
        grid-row: 1 / 2;
        grid-column: 3 / 4;
    }
    .optimo_list_wrap ul li:nth-child(2){
        grid-row: 2 / 3;
        grid-column: 1 / 2;
    }
    .optimo_list_wrap ul li:nth-child(3){
        grid-row: 2 / 3;
        grid-column: 2 / 3;
    }
    .optimo_list_wrap ul li:nth-child(4){
        grid-row: 2 / 3;
        grid-column: 3 / 4;
    }
    .optimo_list_wrap ul li:nth-child(5){
        grid-row: 3 / 4;
        grid-column: 1 / 2;
    }
    .optimo_list_wrap ul li:nth-child(6){
        grid-row: 3 / 4;
        grid-column: 2 / 3;
    }
    .optimo_list_wrap ul li:nth-child(7){
        grid-row: 3 / 4;
        grid-column: 3 / 4;
    }
    .optimo_list_wrap ul li:nth-child(8){
        grid-row: 4 / 5;
        grid-column: 1 / 2; 
    }
    .optimo_list_wrap ul li:nth-child(9){
        grid-row: 4 / 5;
        grid-column: 2 / 3;
    }
    .optimo_list_wrap ul li:nth-child(10){
        grid-row: 4 / 5;
        grid-column: 3 / 4;
    }
    
    .optimo_list_wrap ul li .imgbox{max-width: 28.9583vw;height: 17.8472vw;}
    .optimo_list_wrap ul li .imgbox img{width: 100%;height: auto;object-fit: contain;transition: 0.5s ease;}
    .optimo_list_wrap ul li .imgbox img:hover{transform: scale(1.1);}
    .optimo_list_wrap ul li span{font-family:'Pretendard', sans-serif;font-size: 1.3889vw;margin-top: 1.8750vw;line-height: 1.7361vw;height: 4.4444vw;}
    
    /* opimo_list_wrap container*/
    .onlynb_list {padding-top: 12.6389vw;padding-left: 19.8611vw;width:100%;margin: auto;background: url("../sub/img/s1-1-onlynb-back.png") no-repeat 90% 30%;}
    
    .onlynb_list .tit_box  h3{font-family: 'KoPub Batang';font-size: 2.3611vw;line-height: 2.3611vw;margin-bottom: 2.7778vw;}
    .onlynb_list .tit_box  h3 span{font-family: 'KoPub Batang';font-size: 3.0556vw;}
    .onlynb_list .tit_box  p{margin-bottom: 4.5833vw;font-family:'Pretendard', sans-serif;font-size: 1.2500vw;line-height: 2.4306vw;}
    
    .s1_1_slide img{width: 100%; height: 100%;}
    
    /* stability*/
    .stability{padding: 18.4028vw 2.0833vw 16.6667vw;max-width: 133.3333vw;background: url("../sub/img/s1-1-video-back.png") no-repeat 50% 78% / contain;width: 100%;}
    .stability .stability_wrap{align-items: center;gap: 9.3056vw;}
    .stability .tit_box h3{font-family: 'KoPub Batang';font-size: 2.3611vw;line-height: 2.3611vw;margin-bottom: 3.1250vw;}
    .stability .tit_box h3 span{font-family: 'KoPub Batang';font-size: 3.0556vw;}
    .stability .tit_box p{font-family:'Pretendard', sans-serif;font-size: 1.2500vw;line-height: 2.3611vw;}
    
    .sub1_1_v{width: 48.1944vw;height: 26.3889vw;}
    .stability .video_box{width: 100%; padding-top: 56.25%;  height: 0; }
    .video_box iframe { top: 0; left: 0; width: 100%; height: 100%;}
    
    /* value*/
    .s1_1_fill{background: url("../sub/img/s1-1-fillwith-back.png") no-repeat 50% 50%/cover;height: 48.3333vw;flex-direction: column;align-items: center;}
    .s1_1_fill .tit_box{}
    .s1_1_fill .tit_box h3{font-family:'Sorts Mill Goudy', serif;font-size: 3.7222vw;line-height: 1.5;margin-bottom: 3.5417vw;}
    .s1_1_fill .tit_box p{font-family: 'KoPub Batang';font-size: 1.3889vw;line-height: 2.3611vw;margin-bottom: 5.4861vw;}
    
    .sub1_1_btn {width:11.9444vw;height:3.5417vw;border: #46aca8 0.0694vw solid;border-radius: 3.4722vw;}
    .s1_btn{width: 100%; height: 100%; }
    .s1_btn::before,.s1_btn:after{left:0;top:0;width:100%}
    .s1_btn::before{transition:transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e),border-radius var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e),backgroud var(--a-color-s) var(--a-color-e);opacity:.8;transform:translate(0);height:100%;position:absolute}
    .sub_btn .o{  }
    .s1_btn:after{ border-radius:100%;  height:100%;  transform:translateY(110%); z-index:2}
    .sub_btn .t{align-items:center; line-height:0; transition:transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e);}
    .sub_btn:hover .t{transform:translateY(-100%);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e);color:#fff}
    .sub_btn:hover .s1_btn:after{border-radius:0;transform:translate(0);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e),border-radius var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e)}
    .sub1_1_btn a{font-family:'Pretendard', sans-serif; font-size: 1.1111vw; }
    .sub_btn .t{height:3.4028vw; }
}

@media (max-width:1024px){
    .txt-box h3{font-family: 'KoPub Batang'; font-size: 3.5156vw;  line-height: 4.9805vw; margin-bottom: 2.9297vw;}
    .txt-box h3 span{}
    .txt-box p{font-family:'Pretendard', sans-serif; font-size: 1.7578vw; line-height: 2.7344vw;}
  
    .sub-padding{padding: 0.0000vw 2.9297vw;}
    .sub-margin{margin: 16.6016vw 0.0000vw;}
    
    .s1-3-intro-start {
        background: url("../sub/img/s1-1-intro-start-back.png") no-repeat top center/contain;
    }
    
    .intro .txt-box{
        align-items: center;
        flex-direction: column;
    }
    .intro .txt-box h1{
        margin-top: 31.2500vw;
        font-family: 'Sorts Mill Goudy', serif;
        font-size: 4.2344vw;
        margin-bottom: 4.9805vw;
    }
    .intro .txt-box p{
        font-family: 'KoPub Batang';
        font-size: 1.8484vw;
    }
    .brand_intro .txt-box p{
        font-family: 'KoPub Batang';
        font-size: 1.4578vw;
        line-height: 2.7109vw;
        margin-top: 19.5313vw;
        margin-bottom: 20.9961vw;
    }
    .s1_logo_box{width: 2.3438vw;height: 2.3438vw;margin-bottom: 2.5391vw;}
    .s1_logo_box img{width: 100%;height: auto;object-fit: contain;}
    
    /* main-sect-history*/
    
    .d-block {  }
    .d-inline {  }
    .d-inline-block {  }
    .d-flex {}
    .main-sect-history .cont-wrap{flex-direction: column;gap: 1vw;margin-bottom: 10.4492vw;}
    .main-sect-history .main-history-fixarea {height: 40vw;}
    .main-sect-history .pc-only {  }
    .main-sect-history  .timeline-wrap{}
    .main-sect-history .timeline-wrap ul li div .imgbox{max-width: 20.0195vw;width: 100%;transition: all 0.4s ease;right: -23%;top: -50%;opacity: 0;}
    .main-sect-history .timeline-wrap ul li div .imgbox img{width: auto; height: 100%; object-fit: contain;}
    .main-sect-history .timeline-wrap ul li:nth-child(odd) div .imgbox{transform: translateY(-70%);}
    .main-sect-history .timeline-wrap ul li div:hover .imgbox{opacity: 1;}
    .main-sect-history .timeline-wrap ul li:nth-child(odd) div:hover .imgbox{transform: translateY(-30%);}
    .main-sect-history .titlebox02 {margin-left: 0;top:0;}
    .main-sect-history .titlebox02 .subtit {font-family: 'KoPub Batang';font-size: 4.2344vw;margin-bottom: 3.7109vw;}
    .main-sect-history .titlebox02 h2 {font-family: 'KoPub Batang';font-size: 2.3367vw;margin-bottom: 6.6406vw;}
    .main-sect-history .titlebox02 h3 {font-family:'Pretendard', sans-serif;font-size: 1.5578vw;line-height: 3.1203vw;}
    
    .main-sect-history .timeline { }
    .main-sect-history .timeline h2 {font-family: 'KoPub Batang';font-size: 3.4180vw;margin-bottom: 4.3945vw;}
    .main-sect-history .timeline-wrap {padding-top: 9.6484vw;}
    
    
    .main-sect-history ul {  }
    .main-sect-history ul li {list-style-type: disc; margin-left: 2.3438vw;}
    .main-sect-history ul li:last-child { background:none; }
    .main-sect-history ul li div { width:53.7109vw;}
    .main-sect-history ul li p {font-family:'Pretendard', sans-serif;font-size: 1.6602vw;/* height: 7.8125vw; *//* line-height: 4.7852vw; */padding: 1.7578vw 0;}
    .main-sect-history ul li strong { }
    .main-sect-history .btn-more {  }
    
    /* opimo_list_wrap container*/
    .optimo_list{width: 100%;}
    .optimo_list_wrap {max-width: 128.4180vw;width: 100%; padding: 16.3086vw 0 13.0859vw;margin: auto;}
    .optimo_list_wrap .tit_box{ }
    .optimo_list_wrap .tit_box h3{font-family: 'KoPub Batang';font-size: 2.6203vw;line-height: 5.2734vw;margin-bottom: 2.0781vw;}
    .optimo_list_wrap .tit_box h3 span{font-family: 'KoPub Batang';font-size: 3.2969vw;}
    .optimo_list_wrap .tit_box p{font-family:'Pretendard', sans-serif;font-size: 1.6578vw;line-height: 3.3203vw;}
    
    .optimo_list_wrap ul {margin-top: 3.9063vw;width: 100%;grid-template-columns: repeat(3,29.025vw);grid-template-rows: repeat(4,30.7148vw);gap: 1.4414vw 3.2227vw;} 
    .optimo_list_wrap ul li {   flex-direction: column; align-items: center;}
    .optimo_list_wrap ul li:nth-child(1){
        grid-row: 1 / 2;
        grid-column: 3 / 4;
    }
    .optimo_list_wrap ul li:nth-child(2){
        grid-row: 2 / 3;
        grid-column: 1 / 2;
    }
    .optimo_list_wrap ul li:nth-child(3){
        grid-row: 2 / 3;
        grid-column: 2 / 3;
    }
    .optimo_list_wrap ul li:nth-child(4){
        grid-row: 2 / 3;
        grid-column: 3 / 4;
    }
    .optimo_list_wrap ul li:nth-child(5){
        grid-row: 3 / 4;
        grid-column: 1 / 2;
    }
    .optimo_list_wrap ul li:nth-child(6){
        grid-row: 3 / 4;
        grid-column: 2 / 3;
    }
    .optimo_list_wrap ul li:nth-child(7){
        grid-row: 3 / 4;
        grid-column: 3 / 4;
    }
    .optimo_list_wrap ul li:nth-child(8){
        grid-row: 4 / 5;
        grid-column: 1 / 2; 
    }
    .optimo_list_wrap ul li:nth-child(9){
        grid-row: 4 / 5;
        grid-column: 2 / 3;
    }
    .optimo_list_wrap ul li:nth-child(10){
        grid-row: 4 / 5;
        grid-column: 3 / 4;
    }
    
    .optimo_list_wrap ul li .imgbox{max-width: 40.6250vw;height: 18.0977vw;}
    .optimo_list_wrap ul li .imgbox img{width: 100%;height: auto;object-fit: contain;transition: 0.5s ease;}
    .optimo_list_wrap ul li .imgbox img:hover{transform: scale(1.1);}
    .optimo_list_wrap ul li span{font-family:'Pretendard', sans-serif;font-size: 1.9531vw;margin-top: 2.6367vw;line-height: 2.4414vw;height: 4.25vw;}
    
    /* opimo_list_wrap container*/
    .onlynb_list {padding-top: 7.7734vw;padding-left: 2.9297vw;width:100%;margin: auto;background: url("../sub/img/s1-1-onlynb-back.png") no-repeat 150% 30%;}
    
    .onlynb_list .tit_box  h3{font-family: 'KoPub Batang';font-size: 2.6203vw;line-height: 3.3203vw;margin-bottom: 3.9063vw;}
    .onlynb_list .tit_box  h3 span{font-family: 'KoPub Batang';font-size: 3.2969vw;}
    .onlynb_list .tit_box  p{margin-bottom: 4.4453vw;font-family:'Pretendard', sans-serif;font-size: 1.7578vw;line-height: 3.4180vw;}
    
    .s1_1_slide img{width: 100%; height: 100%;}
    
    /* stability*/
    .stability{padding: 15.8789vw 2.9297vw 13.4375vw;max-width: 187.5000vw;background: url("../sub/img/s1-1-video-back.png") no-repeat 50% 78% / contain;width: 100%;}
    .stability .stability_wrap{gap: 3.0859vw;}
    .stability .tit_box h3{font-family: 'KoPub Batang';font-size: 2.6203vw;line-height: 3.3203vw;margin-bottom: 4.3945vw;}
    .stability .tit_box h3 span{font-family: 'KoPub Batang';font-size: 3.2969vw;}
    .stability .tit_box p{font-family:'Pretendard', sans-serif;font-size: 1.5578vw;line-height: 3.3203vw;}
    
    .sub1_1_v{width: 45.7734vw;height: 22.1094vw;}
    .stability .video_box{width: 100%; padding-top: 56.25%;  height: 0; }
    .video_box iframe { top: 0; left: 0; width: 100%; height: 100%;}
    
    /* value*/
    .s1_1_fill{background: url("../sub/img/s1-1-fillwith-back.png") no-repeat 50% 50%/cover;height: 67.9688vw;flex-direction: column;align-items: center;}
    .s1_1_fill .tit_box{}
    .s1_1_fill .tit_box h3{font-family:'Sorts Mill Goudy', serif;font-size: 4.2344vw;line-height: 1.5;margin-bottom: 4.9805vw;}
    .s1_1_fill .tit_box p{font-family: 'KoPub Batang';font-size: 1.9531vw;line-height: 3.3203vw;margin-bottom: 7.7148vw;}
    
    .sub1_1_btn {width:16.7969vw;height:4.9805vw;border: #46aca8 0.0977vw solid;border-radius: 4.8828vw;}
    .s1_btn{width: 100%; height: 100%; }
    .s1_btn::before,.s1_btn:after{left:0;top:0;width:100%}
    .s1_btn::before{transition:transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e),border-radius var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e),backgroud var(--a-color-s) var(--a-color-e);opacity:.8;transform:translate(0);height:100%;position:absolute}
    .sub_btn .o{  }
    .s1_btn:after{ border-radius:100%;  height:100%;  transform:translateY(110%); z-index:2}
    .sub_btn .t{align-items:center; line-height:0; transition:transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e);}
    .sub_btn:hover .t{transform:translateY(-100%);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e);color:#fff}
    .sub_btn:hover .s1_btn:after{border-radius:0;transform:translate(0);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e),border-radius var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e)}
    .sub1_1_btn a{font-family:'Pretendard', sans-serif; font-size: 1.5625vw; }
    .sub_btn .t{height:4.7852vw; }
}

@media(max-width:768px){
    .txt-box h3{font-family: 'KoPub Batang'; font-size: 4.6875vw;  line-height: 6.6406vw; margin-bottom: 3.9063vw;}
    .txt-box h3 span{}
    .txt-box p{font-family:'Pretendard', sans-serif; font-size: 2.3438vw; line-height: 3.6458vw;}

    .sub-padding{padding: 0.0000vw 3.9063vw;}
    .sub-margin{margin: 22.1354vw 0.0000vw;}
    
    .s1-3-intro-start {
        background: url("../sub/img/s1-1-intro-start-back.png") no-repeat top center/contain;
    }
    
    .intro .txt-box{
        align-items: center;
        flex-direction: column;
    }
    .intro .txt-box h1{
        margin-top: 41.6667vw;
        font-family: 'Sorts Mill Goudy', serif;
        font-size: 5.9792vw;
        margin-bottom: 6.6406vw;
    }
    .intro .txt-box p{
        font-family: 'KoPub Batang';
        font-size: 2.8646vw;
        
    }
    .brand_intro .txt-box p{
        font-family: 'KoPub Batang';
        font-size: 2.3438vw;
        line-height: 4.9479vw;
        margin-top: 12.0417vw;
        margin-bottom: 27.9948vw;
        margin-bottom: 12.9948vw;
    }
    .s1_logo_box{width: 3.1250vw;height: 3.1250vw;margin-bottom: 3.3854vw;}
    .s1_logo_box img{width: 100%;height: auto;object-fit: contain;}
    
    /* main-sect-history*/
    
    .d-block {  }
    .d-inline {  }
    .d-inline-block {  }
    .d-flex {}
    .main-sect-history .cont-wrap{gap: 39.7135vw;margin-bottom: 13.9323vw;}
    .main-sect-history .main-history-fixarea {height: 10vw;}
    .main-sect-history .pc-only {  }
    .main-sect-history  .timeline-wrap{}
    .main-sect-history .timeline-wrap ul li div .imgbox{max-width: 26.6927vw;width: 100%;transition: all 0.4s ease;right: -23%;top: -50%; opacity: 1;}
    .main-sect-history .timeline-wrap ul li div .imgbox img{width: auto; height: 100%; object-fit: contain;}
    .main-sect-history .timeline-wrap ul li{pointer-events: none;}
    
    .main-sect-history .timeline-wrap.t01 ul li .li-t1-b1 p{height: 24.4167vw;}
    .main-sect-history .timeline-wrap ul li .li-t1-b1 p,
    .main-sect-history .timeline-wrap ul li .li-t1-b2 p,
    .main-sect-history .timeline-wrap ul li .li-t2-b1 p,
    .main-sect-history .timeline-wrap ul li .li-t2-b2 p,
    .main-sect-history .timeline-wrap ul li .li-t3-b1 p,
    .main-sect-history .timeline-wrap ul li .li-t3-b2 p,
    .main-sect-history .timeline-wrap ul li .li-t3-b3 p,
    .main-sect-history .timeline-wrap ul li .li-t4-b1 p,
    .main-sect-history .timeline-wrap ul li .li-t4-b2 p,
    .main-sect-history .timeline-wrap ul li .li-t4-b3 p,
    .main-sect-history .timeline-wrap ul li .li-t4-b4 p,
    .main-sect-history .timeline-wrap ul li .li-t5-b1 p,
    .main-sect-history .timeline-wrap ul li .li-t5-b2 p,
    .main-sect-history .timeline-wrap ul li .li-t5-b3 p,
    .main-sect-history .timeline-wrap ul li .li-t5-b4 p{font-weight: 700;}

    .main-sect-history .timeline-wrap ul li .li-t1-b1 .imgbox {
        transition: all 0.4s ease;
        right: 63%;
        top: 78%;
        opacity: 1;
    }
    .main-sect-history .timeline-wrap ul li .li-t1-b2 .imgbox {
        transition: all 0.4s ease;
        right: 0%;
        top: -43%;
        opacity: 1;
    }
    .main-sect-history .timeline-wrap.t02 ul li .li-t2-b2 p{height: 30.4167vw;}
    .main-sect-history .timeline-wrap ul li .li-t2-b2 .imgbox {
        width: 20%;
        transition: all 0.4s ease;
        right: 41%;
        top: 78%;
        opacity: 1;
    }
    .main-sect-history .timeline-wrap.t03 ul li .li-t3-b1 p{height: 24.4167vw;}
    .main-sect-history .timeline-wrap ul li .li-t3-b1 .imgbox {
        transition: all 0.4s ease;
        right: 63%;
        top: 78%;
        opacity: 1;
    }
    .main-sect-history .timeline-wrap.t03 ul li .li-t3-b2 p{height: 24.4167vw;}
    .main-sect-history .timeline-wrap ul li .li-t3-b2 .imgbox {
        transition: all 0.4s ease;
        right: 3%;
        top: 26%;
        opacity: 1;
    }
    .main-sect-history .timeline-wrap.t03 ul li .li-t3-b3 p{height: 24.4167vw;}
    .main-sect-history .timeline-wrap ul li .li-t3-b3 .imgbox {
        transition: all 0.4s ease;
        right: 63%;
        top: 78%;
        opacity: 1;
    }
    .main-sect-history .timeline-wrap.t04 ul li .li-t4-b1 p{height: 24.4167vw;}
    .main-sect-history .timeline-wrap ul li .li-t4-b1 .imgbox {
        transition: all 0.4s ease;
        right: 63%;
        top: 23%;
        opacity: 1;
    }
    .main-sect-history .timeline-wrap ul li .li-t4-b2 .imgbox {
        transition: all 0.4s ease;
        right: -18%;
        top: -29%;
        opacity: 1;
    }
    .main-sect-history .timeline-wrap.t04 ul li .li-t4-b3 p{height: 24.4167vw;}
    .main-sect-history .timeline-wrap ul li .li-t4-b3 .imgbox {
        transition: all 0.4s ease;
        right: 63%;
        top: 23%;
        opacity: 1;
    }
    .main-sect-history .timeline-wrap.t04 ul li .li-t4-b4 p{height: 21.4167vw;}
    .main-sect-history .timeline-wrap ul li .li-t4-b4 .imgbox {
        transition: all 0.4s ease;
        right: 23%;
        top: 76%;
        opacity: 1;
    }
    .main-sect-history .timeline-wrap.t05 ul li .li-t5-b1 p{height: 22.4167vw;}
    .main-sect-history .timeline-wrap ul li .li-t5-b1 .imgbox {
        transition: all 0.4s ease;
        right: 63%;
        top: 25%;
        opacity: 1;
    }
    .main-sect-history .timeline-wrap.t05 ul li .li-t5-b3 p{height: 22.4167vw;}
    .main-sect-history .timeline-wrap ul li .li-t5-b3 .imgbox {
        transition: all 0.4s ease;
        right: 63%;
        top: 25%;
        opacity: 1;
    }
    .main-sect-history .timeline-wrap.t05 ul li .li-t5-b4 p{height: 22.4167vw;}
    .main-sect-history .timeline-wrap ul li .li-t5-b4 .imgbox {
        transition: all 0.4s ease;
        right: 63%;
        top: 75%;
        opacity: 1;
    }
    /* .main-sect-history .timeline-wrap.t02 ul li div:hover .imgbox.t2-b1{transform: translateY(-30%);}
    .main-sect-history .timeline-wrap.t02 ul li div:hover .imgbox.t2-b2{transform: translateY(0);}
    .main-sect-history .timeline-wrap.t03 ul li div:hover .imgbox.t3-b1{transform: translateY(0);}
    .main-sect-history .timeline-wrap.t03 ul li div:hover .imgbox.t3-b2{transform: translateY(-16%);}
    .main-sect-history .timeline-wrap.t03 ul li div:hover .imgbox.t3-b3{transform: translateY(-10%);}

    .main-sect-history .timeline-wrap.t04 ul li div:hover .imgbox.t4-b1{transform: translateY(-16%);}
    .main-sect-history .timeline-wrap.t04 ul li div:hover .imgbox.t4-b2{transform: translateY(-10%);}
    .main-sect-history .timeline-wrap.t04 ul li div:hover .imgbox.t4-b3{transform: translateY(-16%);}
    .main-sect-history .timeline-wrap.t04 ul li div:hover .imgbox.t4-b4{transform: translateY(-13%);}

    .main-sect-history .timeline-wrap.t05 ul li div:hover .imgbox.t5-b1{transform: translateY(-10%);}
    .main-sect-history .timeline-wrap.t05 ul li div:hover .imgbox.t5-b2{transform: translateY(-13%);}
    .main-sect-history .timeline-wrap.t05 ul li div:hover .imgbox.t5-b3{transform: translateY(-23%);}
    .main-sect-history .timeline-wrap.t05 ul li div:hover .imgbox.t5-b4{transform: translateY(-13%);} */

    .main-sect-history .titlebox02 {margin-left: 0;top:0;}
    .main-sect-history .titlebox02 .subtit {font-family: 'KoPub Batang';font-size: 4.9792vw;margin-bottom: 3.9479vw;}
    .main-sect-history .titlebox02 h2 {font-family: 'KoPub Batang';font-size: 3.1156vw;margin-bottom: 4.8542vw;}
    .main-sect-history .titlebox02 h3 {font-family:'Pretendard', sans-serif;font-size: 2.3438vw;line-height: 4.4271vw;}
    
    .main-sect-history .timeline { }
    .main-sect-history .timeline h2 {font-family: 'KoPub Batang';font-size: 4.5573vw;margin-bottom: 5.8594vw;}
    .main-sect-history .timeline-wrap {padding-top: 11.5313vw;}
    
    
    .main-sect-history ul {  }
    .main-sect-history ul li {list-style-type: disc; margin-left: 3.1250vw;}
    .main-sect-history ul li:last-child { background:none; }
    .main-sect-history ul li div { width:71.6146vw;}
    .main-sect-history ul li p {font-family:'Pretendard', sans-serif;font-size: 2.2135vw;/* height: 10.4167vw; *//* line-height: 6.3802vw; */padding: 2.3438vw 0;}
    .main-sect-history ul li strong { }
    .main-sect-history .btn-more {  }
    
    /* opimo_list_wrap container*/
    .optimo_list{width: 100%;}
    .optimo_list_wrap {max-width: 171.2240vw;width: 100%;padding: 11.7448vw 0 11.4479vw;margin: auto;}
    .optimo_list_wrap .tit_box{ }
    .optimo_list_wrap .tit_box h3{font-family: 'KoPub Batang';font-size: 4.1771vw;line-height: 7.0313vw;margin-bottom: 6.7708vw;}
    .optimo_list_wrap .tit_box h3 span{font-family: 'KoPub Batang';font-size: 4.7292vw;}
    .optimo_list_wrap .tit_box p{font-family:'Pretendard', sans-serif;font-size: 2.3438vw;line-height: 4.4271vw;}
    
    .optimo_list_wrap ul {margin-top: 51.2083vw;width: 100%;grid-template-columns: repeat(2,44.1667vw);grid-template-rows: repeat(5,33.6198vw);gap: 2.2552vw 3.2969vw;} 
    .optimo_list_wrap ul li {   flex-direction: column; align-items: center;}
    .optimo_list_wrap ul li:nth-child(1){
        grid-row: auto;
        grid-column: auto;
    }
    .optimo_list_wrap ul li:nth-child(2){
        grid-row: auto;
        grid-column: auto;
    }
    .optimo_list_wrap ul li:nth-child(3){
        grid-row: auto;
        grid-column: auto;
    }
    .optimo_list_wrap ul li:nth-child(4){
        grid-row: auto;
        grid-column: auto;
    }
    .optimo_list_wrap ul li:nth-child(5){
        grid-row: auto;
        grid-column: auto;
    }
    .optimo_list_wrap ul li:nth-child(6){
        grid-row: auto;
        grid-column: auto;
    }
    .optimo_list_wrap ul li:nth-child(7){
        grid-row: auto;
        grid-column: auto;
    }
    .optimo_list_wrap ul li:nth-child(8){
        grid-row: auto;
        grid-column: auto; 
    }
    .optimo_list_wrap ul li:nth-child(9){
        grid-row: auto;
        grid-column: auto;
    }
    .optimo_list_wrap ul li:nth-child(10){
        grid-row: auto;
        grid-column: auto;
    }
    
    .optimo_list_wrap ul li .imgbox{max-width: 54.2969vw;height: 33.4635vw;}
    .optimo_list_wrap ul li .imgbox img{width: 100%;height: auto;object-fit: contain;transition: 0.5s ease;}
    .optimo_list_wrap ul li .imgbox img:hover{transform: scale(1.1);}
    .optimo_list_wrap ul li span{font-family:'Pretendard', sans-serif;font-size: 2.3042vw;margin-top: 3.5156vw;line-height: 3.2552vw;height: 8.3333vw;}
    
    /* opimo_list_wrap container*/
    .onlynb_list {padding-top: 13.6979vw;padding-left: 3.9063vw;width:100%;margin: auto;background: url("../sub/img/s1-1-onlynb-back.png") no-repeat 0% 28%;}
    
    .onlynb_list .tit_box  h3{font-family: 'KoPub Batang';font-size: 4.1771vw;line-height: 4.4271vw;margin-bottom: 5.2083vw;}
    .onlynb_list .tit_box  h3 span{font-family: 'KoPub Batang';font-size: 4.7292vw;}
    .onlynb_list .tit_box  p{margin-bottom: 8.5938vw;font-family:'Pretendard', sans-serif;font-size: 2.3438vw;line-height: 4.5573vw;}
    
    .s1_1_slide img{width: 100%; height: 100%;}
    
    /* stability*/
    .stability{padding: 14.5052vw 3.9063vw 12.25vw;max-width: 250.0000vw;background: url("../sub/img/s1-1-video-back.png") no-repeat 50% 78% / contain;width: 100%;}
    .stability .stability_wrap{align-items: flex-start;gap: 7.4479vw;display: flex;flex-direction: column;}
    .stability .tit_box h3{font-family: 'KoPub Batang';font-size: 4.1771vw;line-height: 4.4271vw;margin-bottom: 5.8594vw;}
    .stability .tit_box h3 span{font-family: 'KoPub Batang';font-size: 4.7292vw;}
    .stability .tit_box p{font-family:'Pretendard', sans-serif;font-size: 2.3438vw;line-height: 4.4271vw;}
    
    .sub1_1_v{width: 90.3646vw;height: 49.4792vw;}
    .stability .video_box{width: 100%; padding-top: 56.25%;  height: 0; }
    .video_box iframe { top: 0; left: 0; width: 100%; height: 100%;}
    
    /* value*/
    .s1_1_fill{background: url("../sub/img/s1-1-fillwith-back.png") no-repeat 50% 50%/cover;height: 90.6250vw;flex-direction: column;align-items: center;}
    .s1_1_fill .tit_box{}
    .s1_1_fill .tit_box h3{font-family:'Sorts Mill Goudy', serif;font-size: 5.9792vw;line-height: 1.5;margin-bottom: 6.6406vw;}
    .s1_1_fill .tit_box p{font-family: 'KoPub Batang';font-size: 2.6042vw;line-height: 4.4271vw;margin-bottom: 10.2865vw;}
    
    .sub1_1_btn {width:22.3958vw;height:6.6406vw;border: #46aca8 0.1302vw solid;border-radius: 6.5104vw;}
    .s1_btn{width: 100%; height: 100%; }
    .s1_btn::before,.s1_btn:after{left:0;top:0;width:100%}
    .s1_btn::before{transition:transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e),border-radius var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e),backgroud var(--a-color-s) var(--a-color-e);opacity:.8;transform:translate(0);height:100%;position:absolute}
    .sub_btn .o{  }
    .s1_btn:after{ border-radius:100%;  height:100%;  transform:translateY(110%); z-index:2}
    .sub_btn .t{align-items:center; transition:transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e);}
    .sub_btn:hover .t{transform:translateY(-100%);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e);color:#fff}
    .sub_btn:hover .s1_btn:after{border-radius:0;transform:translate(0);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e),border-radius var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e)}
    .sub1_1_btn a{font-family:'Pretendard', sans-serif; font-size: 2.0833vw; }
    .sub_btn .t{height:6.3802vw; }
}

@media(max-width:480px){
	.txt-box h3{font-family: 'KoPub Batang'; font-size: 7.5000vw;  line-height: 10.6250vw; margin-bottom: 6.2500vw;}
	.txt-box h3 span{}
	.txt-box p{font-family:'Pretendard', sans-serif; font-size: 3.7500vw; line-height: 5.8333vw;}

	.sub-padding{padding: 0.0000vw 6.2500vw;}
	.sub-margin{margin: 35.4167vw 0.0000vw;}

	.s1-3-intro-start {
		background: url("../sub/img/s1-1-intro-start-back.png") no-repeat top center/contain;
	}

	.intro .txt-box{
		align-items: center;
		flex-direction: column;
	}
	.intro .txt-box h1{
		text-align: center;
		margin-top: 66.6667vw;
		font-family: 'Sorts Mill Goudy', serif;
		font-size: 8.1667vw;
		line-height: 10vw;
		margin-bottom: 10.6250vw;
	}
	.intro .txt-box h1 .sub-mo-only{display: block;}
	.intro .txt-box p{
		font-family: 'KoPub Batang';
		font-size: 3.8833vw;
		text-align: center;
		line-height: 6.85vw;
	}
	.intro .txt-box p .sub-mo-only{display: block;}
	.brand_intro .txt-box p{
		font-family: 'KoPub Batang';
		font-size: 3.5500vw;
		line-height: 6.4167vw;
		margin-top: 13.6667vw;
		margin-bottom: 16.7917vw;
	}
	.brand_intro .txt-box p .sub-mo-only{display: block;}
	.brand_intro .txt-box p .sub-pc-only{display: none;}
	.s1_logo_box{width: 5.0000vw;height: 5.0000vw;margin-bottom: 5.4167vw;}
	.s1_logo_box img{width: 100%;height: auto;object-fit: contain;}

	/* main-sect-history*/

	.d-block {  }
	.d-inline {  }
	.d-inline-block {  }
	.d-flex {}
	.main-sect-history .cont-wrap{gap: 39.7135vw;margin-bottom: 13.9323vw;}
	.main-sect-history .main-history-fixarea {height: 10vw;}
	.main-sect-history .pc-only {  }
	.main-sect-history  .timeline-wrap{}
	.main-sect-history .timeline-wrap ul li div .imgbox{max-width: 26.6927vw;width: 100%;transition: all 0.4s ease;right: 19%;top: 56%;opacity: 1;}
	.main-sect-history .timeline-wrap ul li div .imgbox img{width: auto; height: 100%; object-fit: contain;}
	.main-sect-history .timeline-wrap ul li{pointer-events: none;}
	
	
	.main-sect-history .timeline-wrap ul li .li-t1-b1 p,
	.main-sect-history .timeline-wrap ul li .li-t1-b2 p,
	.main-sect-history .timeline-wrap ul li .li-t2-b1 p,
	.main-sect-history .timeline-wrap ul li .li-t2-b2 p,
	.main-sect-history .timeline-wrap ul li .li-t3-b1 p,
	.main-sect-history .timeline-wrap ul li .li-t3-b2 p,
	.main-sect-history .timeline-wrap ul li .li-t3-b3 p,
	.main-sect-history .timeline-wrap ul li .li-t4-b1 p,
	.main-sect-history .timeline-wrap ul li .li-t4-b2 p,
	.main-sect-history .timeline-wrap ul li .li-t4-b3 p,
	.main-sect-history .timeline-wrap ul li .li-t4-b4 p,
	.main-sect-history .timeline-wrap ul li .li-t5-b1 p,
	.main-sect-history .timeline-wrap ul li .li-t5-b2 p,
	.main-sect-history .timeline-wrap ul li .li-t5-b3 p,
	.main-sect-history .timeline-wrap ul li .li-t5-b4 p{font-weight: 700;}
	.main-sect-history .timeline-wrap.t01 ul li .li-t1-b1 p{height: auto;}
	.main-sect-history .timeline-wrap ul li .li-t1-b1 .imgbox {
		transition: all 0.4s ease;
		right: 18%;
		top: 84%;
		opacity: 1;
	}
	.main-sect-history .timeline-wrap ul li .li-t1-b2 .imgbox {
		transition: all 0.4s ease;
		right: 68%;
		top: 78%;
		opacity: 1;
	}
	.main-sect-history .timeline-wrap.t02 ul li .li-t2-b1 p{height: auto;}
	.main-sect-history .timeline-wrap ul li .li-t2-b1 .imgbox {
		max-width: 26.6927vw;
		width: 100%;
		transition: all 0.4s ease;
		right: 19%;
		top: 45%;
		opacity: 1;
	}
	.main-sect-history .timeline-wrap.t02 ul li .li-t2-b2 p{height: auto;}
	.main-sect-history .timeline-wrap ul li .li-t2-b2 .imgbox {
		width: 20%;
		transition: all 0.4s ease;
		right: 80%;
		top: 81%;
		opacity: 1;
	}
	.main-sect-history .timeline-wrap.t03 ul li .li-t3-b1 p{height: auto;}
	.main-sect-history .timeline-wrap ul li .li-t3-b1 .imgbox {
		transition: all 0.4s ease;
		right: 5%;
		top: 75%;
		opacity: 1;
	}
	.main-sect-history .timeline-wrap.t03 ul li .li-t3-b2 p{height: auto;}
	.main-sect-history .timeline-wrap ul li .li-t3-b2 .imgbox {
		transition: all 0.4s ease;
		right: 44%;
		top: 32%;
		opacity: 1;
	}
	.main-sect-history .timeline-wrap.t03 ul li .li-t3-b3 p{height: auto;}
	.main-sect-history .timeline-wrap ul li .li-t3-b3 .imgbox {
		transition: all 0.4s ease;
		right: 67%;
		top: 78%;
		opacity: 1;
	}
	.main-sect-history .timeline-wrap.t04 ul li .li-t4-b1 p{height:auto}
	.main-sect-history .timeline-wrap ul li .li-t4-b1 .imgbox {
		transition: all 0.4s ease;
		right: 68%;
		top: 45%;
		opacity: 1;
	}
	.main-sect-history .timeline-wrap ul li .li-t4-b2 .imgbox {
		transition: all 0.4s ease;
		right: 2%;
		top: 80%;
		opacity: 1;
	}
	.main-sect-history .timeline-wrap.t04 ul li .li-t4-b3 p{height: auto;}
	.main-sect-history .timeline-wrap ul li .li-t4-b3 .imgbox {
		transition: all 0.4s ease;
		right: 68%;
		top: 47%;
		opacity: 1;
	}
	.main-sect-history .timeline-wrap.t04 ul li .li-t4-b4 p{height: auto;}
	.main-sect-history .timeline-wrap ul li .li-t4-b4 .imgbox {
		transition: all 0.4s ease;
		right: 22%;
		top: 64%;
		opacity: 1;
	}
	.main-sect-history .timeline-wrap.t05 ul li .li-t5-b1 p{height: auto;}
	.main-sect-history .timeline-wrap ul li .li-t5-b1 .imgbox {
		transition: all 0.4s ease;
		right: 68%;
		top: 48%;
		opacity: 1;
	}
	.main-sect-history .timeline-wrap.t05 ul li .li-t5-b2 p{height: auto;}
	.main-sect-history .timeline-wrap ul li .li-t5-b2 .imgbox {
		transition: all 0.4s ease;
		right: 68%;
		top: 31%;
		opacity: 1;
	}
	.main-sect-history .timeline-wrap.t05 ul li .li-t5-b3 p{height: auto;}
	.main-sect-history .timeline-wrap ul li .li-t5-b3 .imgbox {
		transition: all 0.4s ease;
		right: 3%;
		top: 31%;
		opacity: 1;
	}
	.main-sect-history .timeline-wrap.t05 ul li .li-t5-b4 p{height: auto;}
	.main-sect-history .timeline-wrap ul li .li-t5-b4 .imgbox {
		transition: all 0.4s ease;
		right: 68%;
		top: 81%;
		opacity: 1;
	}

	.main-sect-history .titlebox02 {/* margin-left: -12.5000vw; */top:0;}
	.main-sect-history .titlebox02 .subtit {font-family: 'KoPub Batang';font-size: 7.1667vw;margin-bottom: 3.9167vw;}
	.main-sect-history .titlebox02 h2 {font-family: 'KoPub Batang';font-size: 4.825vw;margin-bottom: 8.1667vw;}
	.main-sect-history .titlebox02 h3 {font-family:'Pretendard', sans-serif;font-size: 3.7500vw;line-height: 7.0833vw;}

	.main-sect-history .timeline {margin-top: 28vw;}
	.main-sect-history .timeline h2 {font-family: 'KoPub Batang';font-size: 5.5917vw;margin-bottom: 3.375vw;}
	.main-sect-history .timeline-wrap {padding-top: 28.25vw;}


	.main-sect-history ul {  }
	.main-sect-history ul li {list-style-type: disc;margin-left: 3.5vw;}
	.main-sect-history ul li:last-child { background:none; }
	.main-sect-history ul li div { width:83.5vw;}
	.main-sect-history ul li p {font-family:'Pretendard', sans-serif;font-size: 3.1667vw;/* height: 16.6667vw; */line-height: 5.3083vw;padding: 3.7500vw 0;}
	.main-sect-history ul li p .sub-mo-only{display: block;}
	.main-sect-history ul li strong { }
	.main-sect-history .btn-more {  }

	/* opimo_list_wrap container*/
	.optimo_list{width: 100%;}
	.optimo_list_wrap {max-width: 273.9583vw;width: 100%;padding: 14.7917vw 0 14.9167vw;margin: auto;}
	.optimo_list_wrap .tit_box{ }
	.optimo_list_wrap .tit_box h3{font-family: 'KoPub Batang';font-size: 4.9233vw;line-height: 9.25vw;margin-bottom: 6.1333vw;}
	.optimo_list_wrap .tit_box h3 span{font-family: 'KoPub Batang';font-size: 7.1667vw;}
	.optimo_list_wrap .tit_box p{font-family:'Pretendard', sans-serif;font-size: 3.7500vw;line-height: 7.0833vw;}
	.optimo_list_wrap .tit_box p .sub-mo-only{display: block;}
	.optimo_list_wrap .tit_box p .sub-pc-only{display: none;}
	.optimo_list_wrap ul {margin-top: 80.3333vw;width: 100%;grid-template-columns: repeat(2,43vw);grid-template-rows: repeat(5,41.7917vw);gap: 2.2083vw 1.275vw;} 
	.optimo_list_wrap ul li {   flex-direction: column; align-items: center;}


	.optimo_list_wrap ul li .imgbox{max-width: 86.8750vw;height: 26.5417vw;}
	.optimo_list_wrap ul li .imgbox img{width: 100%;height: auto;object-fit: contain;transition: 0.5s ease;}
	.optimo_list_wrap ul li .imgbox img:hover{transform: scale(1.1);}
	.optimo_list_wrap ul li span{font-family:'Pretendard', sans-serif;font-size: 3.1667vw;margin-top: 0.05vw;padding-top: 2.5vw;line-height: 5.2083vw;height: 14vw;}

	/* opimo_list_wrap container*/
	.onlynb_list {padding-top: 17.9167vw;padding-left: 6.2500vw;width:100%;margin: auto;background: url("../sub/img/s1-1-onlynb-back.png") no-repeat 10% 50% / cover;}

	.onlynb_list .tit_box h3{font-family: 'KoPub Batang';font-size: 4.9233vw;line-height: 9.0833vw;margin-bottom: 4.1333vw;}
	.onlynb_list .tit_box h3 span{font-family: 'KoPub Batang';font-size: 7.1667vw;}
	.onlynb_list .tit_box h3 .sub-mo-only{display: block;}
	.onlynb_list .tit_box p{margin-bottom: 8.75vw;font-family:'Pretendard', sans-serif;font-size: 3.7500vw;line-height: 7.2917vw;}

	.s1_1_slide img{width: 100%; height: 100%;}

	/* stability*/
	.stability{padding: 15.2083vw 6.2500vw 12vw;max-width: 400.0000vw;background: url("../sub/img/s1-1-video-back.png") no-repeat 50% 78% / contain;width: 100%;}
	.stability .stability_wrap{align-items: flex-start;gap: 6.9167vw;display: flex;}
	.stability .tit_box h3{font-family: 'KoPub Batang';font-size: 4.9333vw;line-height: 7.0833vw;margin-bottom: 4.375vw;}
	.stability .tit_box h3 span{font-family: 'KoPub Batang';font-size: 7.1667vw;}
	.stability .tit_box p{font-family:'Pretendard', sans-serif;font-size: 3.7500vw;line-height: 7.0833vw;}
	.stability .tit_box p .sub-mo-only{display: block;}
	.stability .tit_box p .sub-pc-only{display: none;}
	.sub1_1_v{width: 87.5833vw;height: 49.1667vw;}
	.stability .video_box{width: 100%; padding-top: 56.25%;  height: 0; }
	.video_box iframe { top: 0; left: 0; width: 100%; height: 100%;}

	/* value*/
	.s1_1_fill{background: url("../sub/img/s1-1-fillwith-back.png") no-repeat 50% 50%/cover;height: 145.0000vw;flex-direction: column;align-items: center;}
	.s1_1_fill .tit_box{}
	.s1_1_fill .tit_box h3{font-family:'Sorts Mill Goudy', serif;font-size: 7.1667vw;line-height: 1.5;margin-bottom: 10.6250vw;}
	.s1_1_fill .tit_box h3 .sub-mo-only{display: block;}
	.s1_1_fill .tit_box p{font-family: 'KoPub Batang';font-size: 3.8833vw;line-height: 7.0833vw;margin-bottom: 16.4583vw;}

	.sub1_1_btn {width:35.8333vw;height:10.6250vw;border: #46aca8 0.2083vw solid;border-radius: 10.4167vw;}
	.s1_btn{width: 100%; height: 100%; }
	.s1_btn::before,.s1_btn:after{left:0;top:0;width:100%}
	.s1_btn::before{transition:transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e),border-radius var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e),backgroud var(--a-color-s) var(--a-color-e);opacity:.8;transform:translate(0);height:100%;position:absolute}
	.sub_btn .o{  }
	.s1_btn:after{ border-radius:100%;  height:100%;  transform:translateY(110%); z-index:2}
	.sub_btn .t{align-items:center; line-height:0; transition:transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e);}
	.sub_btn:hover .t{transform:translateY(-100%);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e);color:#fff}
	.sub_btn:hover .s1_btn:after{border-radius:0;transform:translate(0);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e),border-radius var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e)}
	.sub1_1_btn a{font-family:'Pretendard', sans-serif; font-size: 3.3333vw; }
	.sub_btn .t{height:10.2083vw; }
}