.video-title{position:absolute; top:40%; left:0;width:100%;z-index:2;}
.video-title .video-txt{font-size: 4rem;font-weight: 800;color:#fff;}

.middle_wrap {
    position: relative;
    background: url(/assets/images/main_left_bg_02.png) no-repeat left 0 ; 
    padding-top:10rem;
    padding-bottom:10rem;
}

.emblem_part, .global_part {justify-content: center;gap:8rem;}
.emblem_h, .global_h{margin-bottom: 1rem;}
.emblem_desc, .global_desc {margin-top:1.5rem;text-align: left;}
.emblem_desc p, .global_desc p, .history_desc p {text-align: left;
    font-size: 1.5rem;
    line-height: 1.7;
    margin-bottom: 2rem;
    color: #444;
}
.emblem_info {width:40%;}

body.main .middle_wrap .emblem_down {display:inline-block;}
body.main .middle_wrap .emblem_down:after{
    content: ""; /* 내용 없음 */
    display: block; /* 블록 요소로 설정 */
    width: 95%; /* 라인의 너비 */
    height: 2px; /* 라인의 높이 */
    background-color: #bcbcbc; /* 라인의 색상 */
    margin: 10px auto; /* 위아래 여백 및 중앙 정렬 */

}
body.main .middle_wrap .emblem_down button { color: #999;  font-size: 1.1rem; }

body.main .middle_wrap .emblem_down:hover:after{
    background-color: #666; /* 라인의 색상 */
}
body.main .middle_wrap .emblem_down:hover button{color: #666;}



.global_h {font-size: 3.5rem;font-weight: 600;}
.global_img {width:20%; max-width:700px;}
.global_img img{width:100%;}

.history_wrap .common-wap{ align-items: flex-start; gap:2rem; }

.history_wrap { padding-bottom: 10rem; display:block;}

.history_info {
    /*width: calc( 25% - 5rem); */
    width:220px;
    padding:0 1rem 0 4rem;text-align: left;}
.history_cont {
    /*width: 75%; */
    width: calc( 100% - 300px);
}
.history_h{font-size:2.5rem; font-weight:600; height:5rem;}
.history_desc {height:15rem;}
.history_nav_h{font-size:1.8rem; font-weight:500; justify-content: flex-start;
    gap: 5px;position:relative;padding-left: 1.8rem;padding-bottom: 0.9rem;}
/*.history_nav_h i{color:var(--main-color);} */
.history_nav_h::before{
    content: '';
    position: absolute;
    left: 0;
    top: 14px;
    width: 1.3rem;
    height: 3px;
    background-color: var(--main-color);
}

.history_nav{
    align-items: flex-start;    
    gap: 5px;
}
.history_nav li{height:3rem;width:100%;}
.history_nav li a{width:calc( 100% - 30px); height:100%;display:flex; align-items:center;font-size:1.4rem; color:#999; font-weight: 400;padding-left: 0.9rem;}
.history_nav li a.on{ color:#fafafa;
    background: #0166b3 url(/assets/images/sub_nav_right.png) no-repeat right bottom;
}

.history_cont_header{height:15rem;padding-top:0rem; gap:10px;justify-content: flex-start;}
.history_year {font-size:2.5rem; color:var(--main-color);}
.history_year_h {font-size: 3.5rem; font-weight: 600;}
.history_year_desc p{font-size: 1.4rem;color: #999;}

.thumb_list{gap:1rem;flex-flow: wrap;}
.thumb_item{
    width:calc( 33% - 0.5rem); 
    aspect-ratio: 16 / 9; 
    overflow:hidden; 
    display: flex; 
    justify-content: center;
    align-items: center;  
    position:relative;
    cursor: pointer;
}
.item-photo::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
    height: 50%;
    width: 100%;
    transition: background 0.3s ease;
}
.item-photo img{width:100%;}
.item-info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc( 100% - 20px);
    height: auto;
    overflow: hidden;
    display: flex;
    flex-flow: column;
    justify-content: end;
    padding: 10px;
    text-align:left;
    color:#fafafa;
}
.item-info p.item-date{ color: #eec400; font-size:1.1rem; margin-bottom:5px;}
.item-info p.item-title{
    font-size: 1.3rem;
    font-weight: 500;
}
/*.thumb_item:hover .item-info p.item-title{ color: #eec400;} */
.thumb_item:hover .item-photo::after{ background:unset; }



.message-wrap {padding: 5rem ;background-color: var(--main-color);}
.message_item {gap:8rem;}
.message_item .item-left {width:30%; border: 1px solid #fafafa;}
.message_item .item-left-thumb {width:100%;
    aspect-ratio: 16 / 9; 
    overflow:hidden; 
    display: flex; 
    justify-content: center;
    align-items: center;  
    position:relative;
    cursor: pointer;    
}
.message_item .item-left img{width: 100%;}
.message_item .item-right{width:calc( 70% - 8rem); text-align: left;gap: 2rem;color:#fafafa;}
.message_item .item-title{font-size:2.5rem;}
.message_item .item-title span{font-size:3.5rem;}
.message_item .item-desc { font-size: 1.4rem; color: #fafafa; }

.message_btnpart {text-align: right;}
.message_btn{display:inline-block}
.message_btn button {
    color: #bcbcbc;
    font-size: 1.1rem;
}

.message_btn:after {
    content: "";
    display: block;
    width: 95%;
    height: 2px;
    background-color: #bcbcbc;
    margin: 10px auto;
}
.message_btn:hover button{color:#fafafa;}
.message_btn:hover:after{background-color: #fafafa;}


.wave { /* display: flex;flex-flow: wrap; */ text-align:left;}
.wave span {
    font-family: 'Roboto', sans-serif;
    color:#666;
    font-size: 3.5rem;
    font-weight: 300;
    padding-right: 5px;
    display:inline-block;
    opacity: 0;
    transform: translateY(0)
   
}

span.red{ color:#ed141b;  font-weight: 900; }
span.orange{ color:#fd9200;  font-weight: 900;}
span.blue{ color:#0166b3;  font-weight: 900;}

.letter {
    display: inline-block;
    animation: weightChange 1s 1;
    font-family: 'Roboto', sans-serif;
    font-size: 4rem;
    color:#222;
}

.letter:nth-child(1) { animation-delay: 0s; }
.letter:nth-child(2) { animation-delay: 0.1s; }
.letter:nth-child(3) { animation-delay: 0.2s; }
.letter:nth-child(4) { animation-delay: 0.3s; }
.letter:nth-child(5) { animation-delay: 0.4s; }
.letter:nth-child(6) { animation-delay: 0.5s; }
.letter:nth-child(7) { animation-delay: 0.6s; }
.letter:nth-child(8) { animation-delay: 0.7s; }
.letter:nth-child(9) { animation-delay: 0.8s; }
.letter:nth-child(10) { animation-delay: 0.9s; }
.letter:nth-child(11) { animation-delay: 1.0s; }
.letter:nth-child(12) { animation-delay: 1.1s; }
.letter:nth-child(13) { animation-delay: 1.2s; }
.letter:nth-child(14) { animation-delay: 1.3s; }
.letter:nth-child(15) { animation-delay: 1.4s; }

.global_btn{text-align: right;}
.global_btn a{display: inline-block;}

.btn-grad {background-image: linear-gradient(to right, #1A2980 0%, #26D0CE  51%, #1A2980  100%);}
.btn-grad {
   margin: 10px;
   padding: 15px 45px;
   text-align: center;
   text-transform: uppercase;
   transition: 0.5s;
   background-size: 200% auto;
   color: white;            
   box-shadow: 0 0 20px #eee;
   border-radius: 10px;
   display:block;
 }

 .btn-grad:hover {
   background-position: right center; /* change the direction of the change here */
   color: #fff;
   text-decoration: none;
 }


@keyframes weightChange {
    0% {
        font-weight: 900; /* 두꺼운 상태 */
    }
    50% {
        font-weight: 400; /* 기본 두께 */
    }
    100% {
        font-weight: 100; /* 얇은 상태 */
    }
}
@keyframes wave_low {
    0%, 100% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-10px);
    }
    50% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(10px);
    }
}
@keyframes wave {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}

/* v3 start */ 

#victory-text {
    text-align: left;
    width: 1050px;
    margin: 0 auto;
    
}
#victory-text.per {
    perspective:1000px;
}    

#victory-text.center{
    text-align:center;
    width: unset;
    display: flex;
    align-items: flex-start;
}

.target-text {
    font-family: 'Paperlogy-8ExtraBold';
    font-size: 0px;
    opacity: 0;
    transform: rotate(-90deg);
    display: inline-block;
    font-weight: 700;
}
.target-text.on {
    animation: growAndTilt 2s forwards;
}
.target20-text {
    font-family: 'Paperlogy-8ExtraBold';
    font-size: 0px;
    opacity: 0;
    display: inline-block;
    font-weight: 700;             
}
#victory-text.per .target20-text {
    transform: rotateY(-90deg);
    font-size: 150px;
    opacity: 0;
}    
#victory-text.per .target20-text.superscript {
    transform: rotateY(-90deg);
    font-size: 50px;
    margin-top: 10px;
    opacity: 0;
}

#victory-text.per .target20-text.on {
    animation: rotateForward 2s forwards;
}
#victory-text.per .target20-text.superscript.on {
    animation: rotateForward 2s forwards;
}

#emblem_ani {width: 0px;height:0px;transform: rotateY(-90deg); }
#emblem_ani img {width:100%;}
#emblem_ani.on {
    width: 250px;height:auto;
    animation: rotateForward 2s forwards;
}
.ml3rem {
    margin-left: 3rem;
}
@keyframes growAndTilt {
    from {
        opacity: 0;
        font-size: 0px;
        transform: rotate(-90deg);
    }

    to {
        opacity: 1;
        font-size: 100px;
        transform: rotate(0deg);        
    }
}
@keyframes grow {
    from {
        opacity: 0;
        font-size: 0px;
       
    }

    to {
        opacity: 1;
        font-size: 100px;

    }
}
@keyframes growSu {
    from {
        opacity: 0;
        font-size: 0px;
       
    }

    to {
        opacity: 1;
        font-size: 40px;

    }
}

@keyframes rotateForward {
    0% {     
        opacity: 0;
        transform: rotateY(-90deg); /* 시작 상태 */
    }
    100% {
        opacity: 1;
        transform: rotateY(0deg); /* 최종 상태 */
    }
}

@keyframes shrinkAndFadeOut {
    0% {
        transform: scale(1); /* 원래 크기 */
        opacity: 1; /* 완전 불투명 */
    }
    100% {
        transform: scale(0); /* 크기 축소 */
        opacity: 0; /* 완전 투명 */
    }
}

@keyframes shrinkAndFadeIn {
    0% {
        transform: scale(0); /* 크기 축소 */
        opacity: 0; /* 완전 투명 */        
    }
    100% {
        transform: scale(1); /* 원래 크기 */
        opacity: 1; /* 완전 불투명 */
    }
}
@keyframes slideUp {
    0% {
        transform: translateY(100%); /* 아래에서 시작 */
        
    }
    100% {
        transform: translateY(0); /* 원래 위치 */        
    }
}

.playerLayer{position: absolute; width:100%; height:100vh; top:0; left:0; z-index:10;overflow: hidden;} 
.playerPreText{
    width:100%; height:100%;
    background-color:#fff;
    display:flex;
    align-items: center;
    flex-flow: column;
    justify-content: center;
}
.playerPreText.off{
    animation: shrinkAndFadeOut 1s forwards;
}

.playerfullLayer{ width:100%; height:100%;overflow:hidden;display:none;
    pointer-events: none;
}


#player{   
    z-index: 0;
    position: absolute;
    overflow: hidden;
    inset: 0px;
    top : -60px;
}
.playerfullLayer.in{ 
    pointer-events: unset;
    display: contents;
    
}
.playerfullLayer.in #player{ }

.playerfullLayer::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;        
}


#player-sound{
    position: absolute;
    top:90px;
    right:calc(50% - 700px);
    z-index:8;
    width:30px;
    height:30px;
    color:#fff;
    cursor: pointer;
}

body.v3 .section-title {
    display: flex;
    gap: 0.5rem;
    width: 100%;
}

body.v3 .section-title .guide {
    font-size: 1.7rem;
    color: #333;
    font-weight: 500;
    line-height: 1.4;
}

body.v3 .emblem-slug {flex-flow: column-reverse;gap :3rem;}
body.v3 .emblem-slug .emblem_wap_part1{display: flex;
        gap: 4rem;
        justify-content: space-between;
        position:relative;
        margin-top: 10%;
}
body.v3 .emblem-box .flex-left {width: calc(55% - 2rem); }
body.v3 .emblem-slug .flex-left .section-title{position:relative; top:-5rem;left:0;}
body.v3 .emblem-box h2 {
    letter-spacing: -3px;
    font-size: 6rem;
    background: linear-gradient(90deg, #0e0f0f, #2196F3); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}
body.v3 .emblem-box h4 {
    font-size: 2.3rem;
    color: #0166b3; 
    font-weight: 600;    
}


body.v3 .emblem-box .flex-right{ width: calc(45% - 2rem);     
        display: flex ;
        flex-flow: column;
        align-items: flex-end;
        gap: 4rem;}
body.v3 .emblem-box .flex-right img{width:90%;}
body.v3 .emblem-box .flex-right a { background: #13aaf0; padding: 1rem;     z-index: 10;}
body.v3 .emblem-box .flex-right button { font-size: 1.5rem;color:#fafafa; }

body.v3 .emblem-slug .emblem_wap_part2{position:relative;margin-top: -10%;}
body.v3 .emblem-slug .emblem_wap_part2 .ko-slug{    
    width: 100%;
}
body.v3 .emblem-slug .emblem_wap_part2 .ko-slug div{
    font-size: 3.5rem;
    font-weight: 600;
    color: #666;
    display: inline-block;
    letter-spacing: -3px;
    background: linear-gradient(90deg, #0e0f0f, #2196F3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 1rem;
}

body.v3 .emblem-slug .emblem_wap_part2 .ko-slug::before{
    content: "Beyond 20,";
    font-size: 10rem;
    color: #ccc;
    opacity: 0.2;
    letter-spacing: -8px;
    font-family: 'NotoKr';
    font-weight: 600;
    line-height: 10rem;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    display:block;
}
body.v3 .emblem-slug .emblem_wap_part2 .ko-slug::after{
    content: "Creating Infinity";
    font-size: 10rem;
    color: #ccc;
    opacity: 0.2;
    letter-spacing: -8px;
    font-family: 'NotoKr';
    font-weight: 600;
    line-height: 10rem;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    display:block;
    top: -2rem;
    position: relative;

}

/*20250811 emblem new start*/
body.v3 .emblem-slug {align-items: flex-start;}
body.v3 .emblem-slug .emblem-new-middle{ margin: 0 auto;align-items: baseline;width: 70%; justify-content: space-around;}
body.v3 .emblem-box .emblem-new-middle .flex-new-left
,body.v3 .emblem-box .emblem-new-middle .flex-new-right {
    width: 40%;
    gap: 15px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}
    
body.v3 .emblem-box .emblem-new-middle .img-ratio{
    width:90%;
    display: flex;
    align-items: center;
    justify-content: center;
}    
body.v3 .emblem-box .emblem-new-middle  img{width:100%;max-width:320px;}

/*20250909 emblem only 1ea */
body.v3 .emblem-box .emblem-new-middle .flex-new-left
,body.v3 .emblem-box .emblem-new-middle .flex-new-right {
    width: 50%;
    gap: 3.5rem;    
}
body.v3 .emblem-box .emblem-new-middle .img-ratio{
    width:100%;
}
body.v3 .emblem-box .emblem-new-middle  img{max-width:450px;}
/*
body.v3 .emblem-box .emblem-new-middle .flex-left .img-ratio{ width:100%;  max-width: 400px; }
*/

body.v3 .emblem-slug .emblem-new-bottom{position:relative;margin:2rem auto 0;}
body.v3 .emblem-slug .emblem-new-bottom .ko-slug{    
    width: 100%;
}
body.v3 .emblem-slug .emblem-new-bottom .ko-slug div{
    font-size: 4.3rem;
    font-weight: 600;
    color: #666;
    display: inline-block;
    letter-spacing: -3px;
    background: linear-gradient(90deg, #0e0f0f, #2196F3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 1rem;
}
body.v3 .emblem-slug .emblem-new-bottom .ko-slug div.slug-first{margin-right: 5px;}
body.v3 .emblem-slug .emblem-new-bottom .ko-slug::before{
    content: "Beyond 20,";
    font-size: 10rem;
    color: #ccc;
    opacity: 0.2;
    letter-spacing: -8px;
    font-family: 'NotoKr';
    font-weight: 600;
    line-height: 10rem;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    display:block;
    display:none;
}
body.v3 .emblem-slug .emblem-new-bottom .ko-slug::after{
    content: "Creating Infinity";
    font-size: 10rem;
    color: #ccc;
    opacity: 0.2;
    letter-spacing: -8px;
    font-family: 'NotoKr';
    font-weight: 600;
    line-height: 10rem;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    display:block;
    top: -2rem;
    position: relative;
    display:none;

}

/*20250910 emblem part start */ 
body.v3 .emblem-box-v2 {}
body.v3 .emblem-box-v2 .emblem-v2-middle{gap:5rem;width:100%;}
body.v3 .emblem-box-v2 .emblem-v2-left{width:calc(100% - 50rem);
    gap: 3rem;
    display: flex;
    flex-flow: column;
}
body.v3 .emblem-box-v2 .emblem-v2-right{width:45rem;}

.emblem-box-v2 .ko-slug{    
    width: 100%;
    text-align: left;
}
.emblem-box-v2 .ko-slug-desc{
    width: 100%;
    text-align: left;
    font-size: 1.5rem;
    font-weight: 200;
    text-align: justify;
    line-height: 2.5rem;
}
.emblem-box-v2 .ko-slug-desc p:first-child{margin-bottom: 1.5rem;}
.emblem-box-v2 .ko-slug-desc span.blue{ color:#0166b3; font-weight: 400;}
.emblem-box-v2 .ko-slug div{
    font-size: 5rem;
    font-weight: 800;
    color: #666;
    display: inline-block;
    letter-spacing: -3px;
    background: linear-gradient(90deg, #0e0f0f, #2196F3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 1rem;
}
.emblem-box-v2 .ko-slug div.slug-first{margin-right: 5px;}
.emblem-box-v2 .ko-slug::before{
    content: "Beyond 20,";
    font-size: 10rem;
    color: #ccc;
    opacity: 0.2;
    letter-spacing: -8px;
    font-family: 'NotoKr';
    font-weight: 600;
    line-height: 10rem;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    display:block;
    display:none;
}
.emblem-box-v2 .ko-slug::after{
    content: "Creating Infinity";
    font-size: 10rem;
    color: #ccc;
    opacity: 0.2;
    letter-spacing: -8px;
    font-family: 'NotoKr';
    font-weight: 600;
    line-height: 10rem;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    display:block;
    top: -2rem;
    position: relative;
    display:none;
}
.emblem-box-v2 .emblem-btngroup{display:flex; gap:1rem;justify-content: center;}
.emblem-box-v2 .emblem-v2-bottom {display: none;}
.emblem-box-v2  a.emblem_down{ display: inline-block; }
/*20250910 emblem part end */ 


body.v3 .advancement-box {align-items: center;}
body.v3 .advancement-box .link{
    display: block;
    margin: 3rem auto ;
    background: #6c6c6c;
    padding: 1rem 2rem;
    border-radius: 28px;
}

body.v3 .advancement-box .link button{
    font-size: 1.5rem;
    color: #fafafa;
    font-weight: 600;
}

body.v3 .advancement-box ul {
    gap:5rem;
    justify-content: center;
    margin: 3rem auto 4rem;
}
body.v3 .advancement-box ul li {
    width: calc(33.3% - 5rem);
    display: flex;
    flex-flow: column;
    gap: 1.5rem;
    padding: 2rem;
    border-radius: 2rem; 
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); 
    background-color: white; 
    height: auto;
    box-sizing: border-box;
}
body.v3 .global_btn {text-align: center; }
body.v3 .advancement-box ul span {color:inherit}
body.v3 .advancement-box ul span.tit {font-size: 1.3rem;}
body.v3 .advancement-box ul span.subs {}
body.v3 .advancement-box ul span.rate {
    background: linear-gradient(90deg, #0166b3, #2196F3);     
    color: #fff;
    padding: 1rem 4rem 1rem 1rem;
    font-size: 1.5rem;
    font-weight: 600;
    display: inline-block;
    position: relative;
    left: 2rem;
    border-top-left-radius: 27px;
    border-bottom-left-radius: 27px;
}
body.v3 .advancement-box ul span.desc {
    padding: 0.5rem;    
    font-size: 1.1rem;
    color: #aaa;
    line-height: 1.6rem;
    font-weight: 200;
    text-align: justify;
    word-break: break-all;
}

body.v3 .advancement-box ul li:nth-child(2){background: #333;color:#fafafa;}
body.v3 .advancement-box ul li:nth-child(2) span.desc {color:#fafafa;}

body.v3 .message-box{width:100%; height:100%;justify-content:flex-start;}
body.v3 .message-box .common-full-wap {
    background-image: url('/assets/images/main/main_bg004_.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
    height: calc( 45% - 1rem );
    border-bottom: 1rem solid #dcdcdc;
    display: flex;
}

body.v3 .message-box .common-full-wap .section-title{    
    color: #fff;
    display: flex;
    align-items: flex-start;
    flex-flow: column;
    justify-content: center;
    width: 100%;
    height:100%;    
}

body.v3 .message-box .guide-wrap{
    width:100%;
    padding-left: 25%;
    max-width: var(--contents-max-width);
    margin:  0 auto;
    box-sizing:border-box;
    z-index: 2;
}
body.v3 .message-box .guide{
    width: 100%;
    font-size: 2rem;
    text-align: left;
    margin-top: 5rem;
    
}
body.v3 .message-box .guide-wrap .global_btn{
    text-align: right;
    width: 100%;
    box-sizing: border-box;
    margin-top: 1rem;
}
body.v3 .message-box .common-wap {
    position: absolute;
    bottom: 100px;
    left: calc(50% - 700px);
    height: 50%;
    min-height: 470px;
}
body.v3 .message-box .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    max-width:1400px;
    margin:  0 auto ;   
}
body.v3 .message-box .swiper-container .swiper-pagination {
    bottom: -50px;   
    text-align: right;
    padding-right:100px;
    width: calc(100% - 100px);
}
body.v3 .message-box .swiper-container .swiper-button-next{
    top:unset;
    bottom : -70px;
    right:0;    
}
body.v3 .message-box .swiper-container .swiper-button-prev{
    top:unset;
    left:unset; 
    bottom : -70px;
    right:50px;    

}
body.v3 .slide-item-out {
    height: 100%;
    display:flex;
    align-items: end;
}
body.v3 .slide-item {
    gap: 40px;
    height: 100%;
    align-items: end;
    position: relative;
}
body.v3 .message-box .slide-item::after{
    content:'';
    position: absolute;
    bottom:0; 
    left:140px;
    width:1px; 
    height:120px;
    background-color: rgba(0, 0, 0, 0.15);
}

body.v3 .message-box .photo{
    width:120px;  position: relative;
    aspect-ratio: 1 / 1;
    border-radius: 60px;
    overflow: hidden;
    position: relative;
}
 

body.v3 .message-box .photo::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.15);
}

a.bluebtn {font-size: 1.3rem;color:#fafafa;font-weight: 600;  
    background: #13aaf0; padding: 1rem 2rem; }
a.bluebtn:hover {box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);}
a.bluebtn button{font-size: 1.3rem;color:#fafafa; font-weight:600;gap: 0.5rem;}
a.bluebtn button i{color:#fafafa;}


a.bluebtn.burgundybtn { background: #a32497; }



body.v3 .message-box .photo img{width:100%;margin:0 auto;}

body.v3 .message-box .info{width:calc( 100% - 160px); text-align: left; gap:1rem;}
body.v3 .message-box .info p{line-height: 1.5rem; text-align: justify;}
body.v3 .message-box .info .info_sub{display: flex; flex-flow: column; }
body.v3 .message-box .info .name{font-size: 1.7rem;color:#0166b3; margin-bottom: 5px;}
body.v3 .message-box .info .add-info{font-size: 1.2rem;color:#aaa;text-align: end;}
body.v3 .message-box .info .add-info-title{font-size: 1.2rem;color:#333;text-align: end;}
body.v3 .message-box .info .message-txt{font-size: 1.2rem;color:#999;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 63px;
    overflow: hidden;
    word-break: break-all;
}
body.v3 .message-box .info .message-txt.en{display: none;word-break: keep-all;text-align: left;}


body.v3 .message-box .swiper-slide-active .slide-item  {
    flex-flow: column;
    align-items: center;
    background: #333;
    padding: 2rem;
    height: unset;
    justify-content: center;
    gap:0;
}    

body.v3 .message-box .swiper-slide-active .slide-item::before{content:""; width:0;height:0;}

body.v3 .message-box .swiper-slide-active .slide-item .photo 
{ border-radius: 50%; aspect-ratio: 1/1;
  height: calc(100% - 4rem - 196px); 
  width:unset;
  max-width: 140px;
  margin-bottom: 15px;
}
body.v3 .message-box .swiper-slide-active .slide-item .info {width: calc( 100% - 2rem);}
body.v3 .message-box .swiper-slide-active .slide-item .info .name {color: #add0ea;font-weight: 600;text-align: center;}
body.v3 .message-box .swiper-slide-active .slide-item .info .add-info { font-size:1.2rem;}
body.v3 .message-box .swiper-slide-active .slide-item .info .add-info-title {color:#fafafa; font-size:1.2rem; margin-bottom: 1rem;}
body.v3 .message-box .swiper-slide-active .slide-item .info .message-txt {
    color:#fafafa;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    height: 100px;
    text-align: justify;   
}


body.v3 .message-box .swiper-slide-active .slide-item .info.message-txt.en {display:inline-block ;}
body.v3 .message-box .slide-item .info .message-details{text-align: right;display: none;}
body.v3 .message-box .slide-item .info .message-details a span.more {
    width: 3.0rem;
    height: 3.0rem;
    border-radius: 50%;
    background: #13aaf0;
	position: relative;
    display: inline-block;
    z-index:2;
    /*
    -webkit-box-shadow: 4px 4px 14px rgba(19, 170, 240, 0.4);
     box-shadow: 4px 4px 14px rgba(19, 170, 240, 0.4);   
    */     
}

body.v3 .message-box .swiper-slide-active .slide-item .info .message-details{ display: inline-block; }
body.v3 .message-box .swiper-slide-active .photo::before {background-color:unset;}
body.v3 .message-box .slide-item .info .message-details a{position: relative;display: inline-block;}
body.v3 .message-box .slide-item .info .message-details a span.more::before {
    content: "";
    width: 1px;
    height: 50%;
    background: #fff;
    position: absolute;
    right: 50%;
    top: 25%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
body.v3 .message-box .slide-item .info .message-details a:hover span.more::before {
    width: 50%;
    height: 1px;
    right: 25%;
    top: 50%;
}
body.v3 .message-box .slide-item .info .message-details a .plus_only{
    position: absolute;
    width: 7rem;
    height: 2.4rem;
    color: #6a6d6c;
    top: 2px;
    left: -5.75rem;
    display: flex;
    font-size: 1.0rem;
    font-weight: 800;
    background-color: #fff;
    border-radius: 1.4rem;
    justify-content: center;
    align-items: center;
    z-index: 1;
    border: 2px double #13aaf0;
}
body.v3 .message-box .slide-item .info .message-details a span.more::after {
    content: "";
    width: 50%;
    height: 1px;
    background: #fff;
    position: absolute;
    right: 25%;
    top: 50%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
body.v3 .message-box .slide-item .info .message-details a:hover span.more::after {
    width: 1px;
    height: 50%;
    right: 50%;
    top: 25%;
}

body.v3 h2{
    letter-spacing: -3px;
    font-size: 6rem;
    color: #fafafa;
    line-height: 1;
    text-align: left;
    font-weight: 500; }
body.v3 h3{
    letter-spacing: -5px;
    font-size: 6rem;
    color: #fafafa;
    line-height: 1;
    text-align: left;
    font-weight: 300;
 }
 body.v3 h4{
    font-size: 2.5rem;
    color: #fafafa;
    line-height: 1;
    text-align: left;
    font-weight: 300;
 }

 
body.v3 .advancement-box h2 { text-align: center; color: #333;}
body.v3 .advancement-box h4 { text-align: center; color: #2196F3;font-family: 'Nanum Brush Script';
    font-size: 3.5rem;}

body.v3 .advancement-box h4.en{font-family: 'Pretendard', sans-serif;
    font-size: 3.5rem;
    letter-spacing: -0.5px;
    font-weight: 400;
}
body.v3 .message-box h2{ z-index:1; }
body.v3 .message-box h3{ z-index:1; }
body.v3 .message-box h4{ z-index:1; margin-bottom: 1rem;}
body.v3 .history-box h2{ color:#333; text-align: center;}
body.v3 .history-box h4{ color:#2196F3; text-align: center;
    font-family: 'Nanum Brush Script';
    font-size: 3rem;
    margin-top: 1rem;
}


body.v3 .history-box {gap:0; width:100%; height: 100%;}
body.v3 .history-box .common_wap{height:280px;display: flex;align-items: center;}
body.v3 .history-box .common-full-wap{height: calc(100% - 280px);}

body.v3 .history-box .h-item-list{height:100%; width :100%;}
body.v3 .history-box .h-item-list .h-item{
    width:15%; 
    height:100%;
    background: url('/assets/images/main/main-video.png') no-repeat center/cover;
    display: flex;
    align-items: flex-end;
    filter: grayscale(100%);
    transition: width 0.5s ease; 
    position:relative;
}
body.v3 .history-box .h-item-list .h-item .h_goBtn{position:absolute; top:20px; right:10px;width:50px; height:50px;cursor:pointer;}
body.v3 .history-box .h-item-list .h-item .h_goBtn .arr_right{display:inline-block; width:30px;height:40px;background: url('/assets/images/main/arr_r0.png') no-repeat center/cover;filter: grayscale(100%);}
body.v3 .history-box .h-item-list .h-item:nth-of-type(1) .h_goBtn .arr_right{
    background: url('/assets/images/main/arr_r6.png') no-repeat center/cover;
}
body.v3 .history-box .h-item-list .h-item:nth-of-type(2) .h_goBtn .arr_right{
    background: url('/assets/images/main/arr_r2.png') no-repeat center/cover;
}
body.v3 .history-box .h-item-list .h-item:nth-of-type(3) .h_goBtn .arr_right{
    background: url('/assets/images/main/arr_r3.png') no-repeat center/cover;
}
body.v3 .history-box .h-item-list .h-item:nth-of-type(4) .h_goBtn .arr_right{
    background: url('/assets/images/main/arr_r4.png') no-repeat center/cover;
}
body.v3 .history-box .h-item-list .h-item:nth-of-type(5) .h_goBtn .arr_right{
    background: url('/assets/images/main/arr_r5.png') no-repeat center/cover;
}



body.v3 .history-box .h-item-list .h-item:nth-of-type(1){
    background: url('/assets/images/main/part1_re.jpg') no-repeat center/cover;
}
body.v3 .history-box .h-item-list .h-item:nth-of-type(2){
    background: url('/assets/images/main/part2_re_v2.png') no-repeat center/cover;
}
body.v3 .history-box .h-item-list .h-item:nth-of-type(3){
    background: url('/assets/images/main/part3_re.jpg') no-repeat center/cover;
}
body.v3 .history-box .h-item-list .h-item:nth-of-type(4){
    background: url('/assets/images/main/part4_re.jpg') no-repeat center/cover;
}
body.v3 .history-box .h-item-list .h-item:nth-of-type(5){
    background: url('/assets/images/main/part5_re.jpg') no-repeat center/cover;
}
body.v3 .history-box .h-item-list .info-wrap {
    position:relative;height: 50%;display: flex;align-items: flex-end;width: 100%;
}
body.v3 .history-box .h-item-list .info-wrap::after {
    content: '';
    position: absolute;
    top: 0%;
    left: 0;
    right: 0;
    bottom: 0;
    width:100%;
    height:100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    transition: background 0.3s ease;
}

body.v3 .history-box .h-item-list .info{display:flex;flex-flow:column;padding: 0 2rem;
    text-align: left;z-index: 1; margin-bottom: 2rem;}
body.v3 .history-box .h-item-list dt{}
body.v3 .history-box .h-item-list dt span{color:#fff; font-size:1.0rem;}
body.v3 .history-box .h-item-list span.tit{font-size: 1.5rem; font-weight:600;}
body.v3 .history-box .h-item-list span.time{display:block;}
body.v3 .history-box .h-item-list dd{display:none;color:#fff;font-size:1.0rem;text-align: justify;}

body.v3 .history-box .h-item-list .h-item.on{width:40%; filter: unset;}
body.v3 .history-box .h-item-list .h-item.on .info{gap: 2rem;}
body.v3 .history-box .h-item-list .h-item.on dt{}
body.v3 .history-box .h-item-list .h-item.on dt span{ ont-size: 1.5rem;}
body.v3 .history-box .h-item-list .h-item.on dt span br{display:none;}
body.v3 .history-box .h-item-list .h-item.on dt span.tit{ font-size: 2.5rem;}
body.v3 .history-box .h-item-list .h-item.on dd{display:inline-block;font-size: 1.3rem;line-height: 1.8rem;}
body.v3 .history-box .h-item-list .h-item.on .h_goBtn .arr_right{filter: unset;
    animation-name: move-around;
    animation-duration: 2s; /* 2초 동안 애니메이션 실행 */
    animation-timing-function: ease-in-out; /* 부드러운 시작과 끝 */
    animation-iteration-count: infinite; /* 무한 반복 */

}


@keyframes move-around {
    0% {
      transform: translateX(0); /* 시작 위치 */
    }
    50% {
      transform: translateX(-30px); /* 중간 이동 위치 */
    }
    100% {
      transform: translateX(0); /* 원래 위치로 돌아옴 */
    }
}
.txt1Ellipsis_ {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; 
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5; 
    max-height: 1.5em; 
}
.txt2Ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5; 
    max-height: 3em; 
}

.copyright{
    background-color: #333; /* 푸터 배경색 */
    color: white; /* 푸터 글자색 */
    justify-content: center;
    display:flex;
    align-items: center;
    height: 100px; /* 푸터 섹션 높이 */
    width:100%;
}
    

body header .common-wap div.left a{display: inline-flex; align-items: center; gap: 10px;height:50px;}
body header .common-wap img.emlogo{height:90%;}
body header .common-wap img.homelogo{height:100%;}
body header .common-wap i { color: #1a85c7;}


div.footer-center-scroll{
    position: fixed;
    bottom:20px;
    left : calc( 50% - 40px);
    width:80px;
    height:75px;
    z-index: 9;
    overflow: hidden;
}
#scrolldown{
    width:80px;
    height:90px;        
}

#scrolldown.black{
    filter: invert(1);
}    

.container.greeting, .container.graduation{
    background-image: url(/assets/images/main/main_bg_v3.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}    

.rotate-on-hover {
    transition: transform 0.5s ease; /* 회전 애니메이션 */
    transform-origin: 50% 50%; /* 회전 중심 (가로, 세로 중앙) */
  }
.rotate-on-hover:hover {
    transform: rotate(180deg); /* 호버 시 360도 회전 */
  }


  body.v3 header .common-wap i.white {
    color: #fff;
}

body.v3 #victory-text.w80 {
    width: 800px;
}

body.v3 #victory-text.w98 {
    width: 980px;
}

body.v3 #victory-text.w103 {
    width: 1030px;
}

/* 각 섹션의 스타일 */
body.v3 section {
    text-align: center;
    font-size: 3em;
    color: white;

}

body.v3 #section1 { overflow: hidden;}
body.v3 #section2 {
    background-image: url('/assets/images/main/v3_section2_bg_r.jpg');
    background-size: cover;
    background-position: center;
}

body.v3 #section3 {
    background-image: url('/assets/images/main/main_bg_v3_3.png');
    background-size: cover;
    background-position: center;
}

body.v3 #section4 {}

body.v3 #section5 {
    background-color: #fafafa;
}

body.v3 #emblem_ani video {
    width: 250px;
    height: 250px;
}

body.v3 .message-box-bg {
    width: 100%;
    height: 100%;
}

body.v3 .message-box-bg video {
    width: 1980px;
    height: 919px;
}

body.v3 div.swiper-button-next:after,
body.v3 div.swiper-button-prev:after {
    font-size: 20px;
    color: #13aaf0;
}

body.v3 .message-box .swiper-container .swiper-pagination {
    padding-right: unset;
    width: calc(100% - 90px);
}

body.v3 .message-box .swiper-container .swiper-button-prev {
    right: 45px;
}

body.v3 .message-box .swiper-container .swiper-button-prev,
body.v3 .message-box .swiper-container .swiper-button-next {
    bottom: -65px;
    background-color: #ebebeb;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

body.v3 .message-box .swiper-container .swiper-button-prev:hover::after,
body.v3 .message-box .swiper-container .swiper-button-next:hover::after {
    color: #0166b3;
}

body.v3 span.swiper-pagination-bullet-active {
    background: #13aaf0;
}


.history-gallery {
   
    display: none;
    position: fixed;
    z-index: 100001;
    top: 5%;
    bottom: 5%;
    left: 5%;
    right: 5%;
    overflow: hidden;
    width: 90%;
    height: 90%;
    background-color: #fff;
   
}

.history-gallery .swiper-container {
    height: calc(100% - 140px);
    padding: 70px;
    overflow: hidden;
}

.history-gallery .swiper-slide {
    height: 100%;
}

.history-gallery .swiper-slide .gallery-item {
    display: block;
    position: relative;
    height: 100%;
    padding: 0;
    overflow: hidden;
}

.history-gallery .swiper-slide .img-part {
    display: inline-flex;
    align-items: center;
    height: 100%;
    overflow: hidden;
}

.history-gallery .swiper-slide .img-part img {
    width: 100%;
}

.history-gallery .swiper-slide .img-caption {
    position: absolute;
    bottom: 20px;
    left: calc(50% - 200px);
    width: 400px;
    text-align: center;
    background-color: #fff;
    display: inline-block;
    font-weight: 600;
    font-size: 1.5rem;
    color: #333;
}

.history-gallery .ceo-deatil-close {
    right: calc(5% + 10px);
    top: calc(5% + 10px);
    position: fixed;
}

.history-gallery .ceo-deatil-close i {
    color: #333;
}

.history-gallery .hswiper-btn-prev,
.history-gallery .hswiper-btn-next {
    background-color: #eee;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
#victory-text-mobile {display:none;}
.show900 {display:none;}
.show600 {display:none;}
.show550 {display:none;}

@media screen and (max-width: 1980px) {
    body.v3 .emblem-box .emblem-new-middle .flex-new-right {gap:3rem; }
    body.v3 .emblem-box .emblem-new-middle  img{max-width:400px;}

}
@media screen and (max-width: 1600px) {
    body.v3 .message-box .guide-wrap{ padding-left: 30%; }
}   
@media screen and (max-width: 1450px) {
    body.v3 .message-box .common-wap {left:5%; width:90%; }
    #player-sound{right:2.5%;}

    body.v3 .emblem-box-v2 .emblem-v2-left{width:50%;}
    body.v3 .emblem-box-v2 .emblem-v2-right{width:calc(50% - 5rem);}
}
@media screen and (max-width: 1350px) {
    body.v3 h2 { font-size: 5.0rem;}
    /* main section1 */
    #victory-text{display:none;}
    #victory-text-mobile {display:flex;justify-content: center;
        width: 0px;height: 0px;transform: rotateY(-90deg);
    }    
    #victory-text-mobile.on{width: 90%;
        height: auto;
        animation: rotateForward 2s forwards;} 
    #victory-text-mobile span{font-family: 'Paperlogy-8ExtraBold'; font-size: 120px;font-weight: 700;}
    #victory-text-mobile span.sup{font-size: 40px;margin-right: 20px;}
    body.v3 #emblem_ani.on { width:200px;}
    body.v3 #emblem_ani video { width : 200px; height: 200px; }

    /* main section2   */
    body.v3 .emblem-box h2 {font-size :5.8rem;}
    body.v3 .emblem-box h4 {font-size :2.1rem;}
    body.v3 .emblem-box {justify-content: center; max-width:90%;gap:2rem;}
    body.v3 .emblem-slug .emblem-new-bottom .ko-slug div {font-size: 3.6rem;}
/*    
    body.v3 .emblem-box .flex-left {width:50%;}
    body.v3 .emblem-box .flex-right {width:40%;gap: 3rem;}
    body.v3 .emblem-box .flex-right img {width:100%;}
    body.v3 .emblem-slug .emblem_wap_part2 .ko-slug div{font-size: 3.2rem;}
    body.v3 .emblem-slug .emblem_wap_part2 .ko-slug::before {font-size: 8rem;line-height: 8rem;}
    body.v3 .emblem-slug .emblem_wap_part2 .ko-slug::after {font-size: 8rem; line-height: 8rem;}
*/  
    /*main section3 */
    body.v3 .advancement-box ul {gap:3rem;}
    body.v3 .advancement-box ul li {width:calc(33.3% - 3rem); }
    body.v3 .advancement-box h4.en {font-size:2.7rem;}


    /*main section5 */
    body.v3 .message-box .guide-wrap { max-width:90%; padding-left: 35%;}
    body.v3 .message-box h2 {font-size:4.5rem;}
    body.v3 .message-box h3 {font-size:5.4rem;}
    body.v3 .message-box h4 {font-size:2.3rem;}    
    
}            
 

@media screen and (max-width: 1200px) {
        #player-sound{right:calc( 2.5% + 15px );}
        /* full page disable start */ 
        .fp-section, .fp-tableCell{height: auto !important;}
        #section1 .playerLayer {
            position: relative;
            height:100vh; width:100vw;
        }
        #videoObj{
            position: absolute;
            top: 50%;
            left: 50%;
            min-width: 100%;
            min-height: 100%;
            transform: translate(-50%, -50%);
            object-fit: cover;
    
        }

        body.v3 .emblem-box h2 {font-size :5.5rem;}
        body.v3 .emblem-box h4 {font-size :2.0rem;}
        .emblem-box-v2 .ko-slug div{font-size:4.5rem;}

        body.v3 #section2 , body.v3 #section3 {padding:10rem 0;} 

        body.v3 .history-box .common_wap {height:240px; }
        body.v3 .history-box h4 {font-size:2.7rem; }

        body.v3 .history-box .h-item-list .h-item {min-height:500px; width:13%;}
        body.v3 .history-box .h-item-list .h-item.on {width:48%;}        
        body.v3 .history-box .h-item-list .h-item.on .info { gap:1rem; margin-bottom: 3.5rem;}


        body.v3 .message-box .common-full-wap { min-height: 460px; }
        body.v3 .message-box  {min-height: 1020px;}
        body.v3 .message-box .guide-wrap{ padding-left: 47%; }      
        body.v3 .message-box .guide{font-size: 1.7rem; line-height: 1.5; margin-top:3rem; }  
        body.v3 .message-box .guide-wrap .global_btn {margin-top: 0.5rem;}
    
        .liteblue { font-size: 1.4rem; }
        /* full page disable end*/ 
    body header .common-wap div.left a{height:45px;}

    body.v3 .history-box .h-item-list .info-wrap {height:60%;}

    body.v3 .message-box .guide-wrap{ padding-left: 40%; }        
    body.v3 .message-box .common-full-wap .guide-wrap{ padding-left: 0; }     
    body.v3 .message-box .common-full-wap .section-title {width:100%; padding-left:0; gap: 0;}
    body.v3 .message-box .swiper-slide-active .slide-item .photo {width:130px;}
    /*
    body.v3 .message-box .common-wap {height:350px;top:unset; bottom:15%; }
    body.v3 .message-box .swiper-wrapper{align-items:end;}
    body.v3 .message-box .swiper-slide-active {height:350px;}
    body.v3 .message-box .swiper-slide-active .slide-item {height:100%;gap: 20px; padding: 0rem 2rem;}
    body.v3 .message-box .swiper-slide-active .slide-item .info .add-info {margin-bottom:0;}
    body.v3 .message-box .swiper-slide-active .slide-item .info .message-txt.en {display:none;}
    body.v3 .message-box .swiper-slide-active .slide-item .info .message-txt {
        display:-webkit-box; height: 63px;}
    */        
}
@media screen and (max-width: 1024px) {
    #player-sound{top:80px;}
    body header .common-wap div.left a{height:40px;}
    div.footer-center-scroll{display: none;}
    #victory-text-mobile span{font-size: 90px;}
    #victory-text-mobile span.sup{font-size: 30px;margin-right: 15px;}
    body.v3 #emblem_ani.on { width:150px;}
    body.v3 #emblem_ani video { width : 150px; height: 150px; }

    body.v3 .emblem-box h2 {font-size :5.2rem;}
    body.v3 .emblem-box h4 {font-size :1.9rem;}
    body.v3 .emblem-slug .emblem-new-bottom .ko-slug div {font-size: 3.4rem;}

    body.v3 .emblem-box-v2 .emblem-v2-middle{gap:3rem;}
    body.v3 .emblem-box-v2 .emblem-v2-left{gap:2rem;}
    body.v3 .emblem-box-v2 .emblem-v2-right{width:calc(50% - 3rem);}
    .emblem-box-v2 .ko-slug div{font-size:4.0rem;margin-top: 0;}
    .emblem-box-v2 .ko-slug-desc {font-size:1.4rem; line-height: 2.3rem; text-align: left; }


   /* body.v3 .emblem-slug .emblem-new-middle{justify-content: space-between;} */
    body.v3 .emblem-box .emblem-new-middle .flex-new-left, body.v3 .emblem-box .emblem-new-middle .flex-new-right {width:45%;}
    
    /*
    body.v3 .emblem-slug .emblem_wap_part2 .ko-slug::before {font-size: 7rem;line-height: 7rem;}
    body.v3 .emblem-slug .emblem_wap_part2 .ko-slug::after {font-size: 7rem; line-height: 7rem;}
    */
    body.v3 .advancement-box ul {gap:2rem;}
    
    body.v3 .history-box .common_wap {height: 200px; }
    body.v3 .history-box .common-full-wap {height:auto; }
    body.v3 .history-box h4 {font-size: 2.5rem;}
    body.v3 .history-box .h-item-list {flex-flow:column;height:auto}    
    
    body.v3 .history-box .h-item-list .h-item{width:100%; height:200px;min-height: unset;}
    body.v3 .history-box .h-item-list .h-item.on{width:100%; height:400px;}
    body.v3 .history-box .h-item-list .h-item.on .info{margin-bottom: 1.5rem;}
    
    body.v3 .advancement-box h4.en { font-size: 2.2rem; }
    body.v3 .advancement-box ul { flex-flow: wrap; }
    body.v3 .advancement-box ul li {width:80%;box-sizing: border-box;gap: 0rem; position:relative;padding: 1.3rem;}
    body.v3 .advancement-box ul span.tit {text-align: left;padding-left:2rem; font-size: 1.5rem;
        font-weight: 600;}
    body.v3 .advancement-box ul span.rate {position: absolute; width: 170px; top: 0rem; right: 0; left:unset;    
        height: 46px; line-height: 46px; border-top-left-radius: 23px;
        border-bottom-left-radius: 23px; font-size: 1.3rem;padding: 0rem;}
    body.v3 .advancement-box ul span.desc {padding: 1.5rem 1rem 1rem 1rem;}
    body.v3 .advancement-box ul li:nth-child(2) span.tit {text-align: right;padding-right:2rem;}        
    body.v3 .advancement-box ul li:nth-child(2) span.rate{ left:0;
        border-radius: 0;
        border-top-right-radius: 23px;
        border-bottom-right-radius: 23px;                 
    }                 

    body.v3 .message-box .guide-wrap {
        padding-left: 47%;
    }



   

}
@media screen and (max-width: 900px) {
    body.v3 h2 { font-size: 4.0rem; }


    body.v3 .emblem-box h2 {font-size :5.0rem;}
    body.v3 .emblem-box h4 {font-size :1.7rem;}

    .emblem-box-v2  {flex-flow: column;gap:3rem;}
    .emblem-box-v2 .emblem-v2-left .emblem-btngroup{display:none;}
    .emblem-box-v2 .emblem-v2-bottom {display: block;}


    .hidden900{display:none;}
    .show900{display:block;}

    body.v3 .message-box h2 {font-size:4.0rem;}
    body.v3 .message-box h3 {font-size:5.0rem;}
    body.v3 .message-box h4 {font-size:2.0rem;margin-bottom: 0.5rem;} 

    .history-gallery {top:20%; bottom:20%;height:60%;}
    .history-gallery .ceo-deatil-close { top: calc(20% + 10px); }


    .history-gallery.lowH{ top:5%; bottom:5%;height:90%; }
    .history-gallery.lowH .ceo-deatil-close {top: calc(5% + 10px); }

    .history-gallery.lowH.lowestH .swiper-container {padding: 20px 70px; height: calc(100% - 40px);}
    .history-gallery.lowH.lowestH .swiper-slide .img-caption{bottom:5px;}
}
@media screen and (max-width: 850px) {
    .emblem-box-v2 .ko-slug div{font-size: 3.7rem;font-weight: 600;}
    .emblem-box-v2 .ko-slug-desc{font-size: 1.2rem;line-height: 2rem;}


 
    
}
@media screen and (max-width: 768px) {
    body header .common-wap div.left a{height:35px; gap:7px;}
    body.v3 h2 { font-size: 3.2rem; }
    body.v3 .advancement-box h4.en { font-size: 1.7rem; }

    #victory-text-mobile span{font-size: 60px;letter-spacing: -1.5px;}
    #victory-text-mobile span.sup{font-size: 20px;margin-right: 15px;}
    body.v3 #emblem_ani.on { width:130px;}
    body.v3 #emblem_ani video { width : 130px; height: 130px; }

    body.v3 .emblem-box{gap:1rem;}
    body.v3 .emblem-box h2 {font-size :4.7rem;}
    body.v3 .emblem-box h4 {font-size :1.5rem;}
    body.v3 .emblem-slug .emblem-new-bottom .ko-slug div {font-size: 3.0rem;}
    body.v3 .emblem-slug .emblem-new-middle { flex-flow: column; gap: 0rem; width:80%;}
    body.v3 .emblem-box .emblem-new-middle .flex-new-left
    , body.v3 .emblem-box .emblem-new-middle .flex-new-right { width:100%; gap:2rem; }
    
    body.v3 .emblem-box .emblem-new-middle .flex-new-left{flex-flow: row;}
    body.v3 .emblem-box .emblem-new-middle .flex-new-right {flex-flow: row-reverse;}
    body.v3 .emblem-box .emblem-new-middle .img-ratio {width:calc( 100% - 15rem);}
    body.v3 .emblem-box .emblem-new-middle .img-ratio img{max-width: 17rem;}
    body.v3 .emblem-box .emblem-new-middle a { position: relative;  width:14rem;box-sizing:border-box;}        
    
    body.v3 .emblem-box .emblem-new-middle .flex-new-left .img-ratio { justify-content: flex-start; }
    body.v3 .emblem-box .emblem-new-middle .flex-new-right .img-ratio { justify-content: flex-end; }
    body.v3 .emblem-slug .emblem-new-bottom {margin: 0 auto;}
    
    body.v3 .emblem-box-v2 .emblem-v2-middle{flex-flow:column;}
    body.v3 .emblem-box-v2 .ko-slug-desc{text-align:justify;}
    body.v3 .emblem-box-v2 .emblem-v2-left{width: 100%;}
    body.v3 .emblem-box-v2 .emblem-v2-right{width: 100%;}
    body.v3 .emblem-box-v2 .emblem-v2-right .img-ratio {width:70%;max-width:25rem;margin: 0 auto;}
    /*
    body.v3 .emblem-slug .emblem_wap_part1 {flex-flow:column;gap:0;width: 100%;}
    body.v3 .emblem-box .flex-left {width:100%;}
    body.v3 .emblem-box .flex-right {width:100%;}
    body.v3 .emblem-box .flex-right img{ width: 70%; max-width:450px; }
    body.v3 .emblem-slug .emblem_wap_part2 {margin-top:5%;}
    */
    
    /*
    body.v3 .emblem-slug .emblem_wap_part2 .ko-slug::before {font-size: 6.0rem;line-height: 6.0rem;}
    body.v3 .emblem-slug .emblem_wap_part2 .ko-slug::after {font-size: 6.0rem; line-height: 6.0rem;}
    */
    body.v3 .history-box h4 { font-size: 2.2rem; }
    body.v3 .history-box .h-item-list .h-item.on dt span.tit {font-size: 2.0rem;}
    body.v3 .history-box .h-item-list .h-item.on dd {display:none;}
    body.v3 .history-box .h-item-list .h-item{width:100%; height:170px;min-height: unset;}
    body.v3 .history-box .h-item-list .h-item.on{width:100%; height:340px;}
    
    body.v3 .message-box h3 {font-size:4.0rem;}
    body.v3 .message-box .guide {padding-left: 0;margin: 3rem 0 2rem 0;}   
    body.v3 .message-box .common-wap {position: relative;
        margin-top:100px;
        min-height: 430px;
        left:0;
    }
    body.v3 .message-box .common-full-wap { min-height:400px; }
    body.v3 .message-box .guide-wrap { padding-left: 0; }
    body.v3 .message-box .guide-wrap .global_btn {margin-bottom: 2rem;text-align: center;}
    body.v3 .message-box .swiper-container .swiper-wrapper{align-items: flex-end;}
    body.v3 .message-box .swiper-slide-active .slide-item .info .message-txt{
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            height: 60px;
    }
}

@media screen and (max-width: 600px) {
    .show600 {display:block;}
    body.v3 h2 {
        font-size: 2.5rem;
        letter-spacing: -3px;
        font-weight: 600;
    }
    body.v3 #section2 {padding:7rem 0 3rem;}
    body.v3 #section3 {padding:5rem 0 }
    body.v3 .advancement-box h4.en { font-size: 1.4rem; }
       
    body.v3 .emblem-box h2 {font-size :4.4rem;}
    body.v3 .emblem-box h4 {font-size :1.4rem;}
    body.v3 .emblem-slug .emblem-new-bottom .ko-slug div {font-size: 2.7rem;margin-top: 0;}

    body.v3 .emblem-slug .emblem_wap_part2 .ko-slug::before {font-size: 4.0rem;line-height: 4.0rem;letter-spacing: -3px;
    }
    body.v3 .emblem-slug .emblem_wap_part2 .ko-slug::after {font-size: 4.0rem; line-height: 4.0rem;letter-spacing: -3px;margin-top: 1rem;
    }
    body.v3 .emblem-slug .emblem-new-middle{width:85%;}
    body.v3 .emblem-box .emblem-new-middle a{padding:1rem;width:12rem;}
    body.v3 .emblem-box .emblem-new-middle .img-ratio{width: calc(100% - 13rem);}
    
    body.v3 .advancement-box { margin: 13rem auto  10rem;}
    body.v3 .advancement-box ul{margin: 2rem auto 3rem;}
    body.v3 .advancement-box ul li { width:90%; }

    body.v3 .history-box h4 { font-size: 1.7rem; }
    .history-gallery .swiper-container {padding:70px 20px;}
    .history-gallery .hswiper-btn-prev, .history-gallery .hswiper-btn-next {
    top: unset; bottom: 10px; }
    .history-gallery .hswiper-btn-prev{right: 60px;left: unset;}
    .history-gallery .swiper-slide .img-caption {font-size: 1.3rem;}

    
    body.v3 .message-box h2 {font-size:3.5rem;}
    body.v3 .message-box h3 {font-size:3.5rem;}
    body.v3 .message-box h4 {font-size:1.5rem;margin-bottom: 0.5rem;} 
    body.v3 .message-box .guide {font-size:1.5rem; }
}    
@media screen and (max-width: 550px) {
    .show550 {display:block;}

    #victory-text-mobile span{font-size: 45px;}
    body.v3 #emblem_ani.on { width:100px;}
    body.v3 #emblem_ani video { width : 100px; height: 100px; }

    body.v3 .emblem-box h2 { font-size: 4.0rem; }
    body.v3 .emblem-box h4 { font-size: 1.3rem; }

    body.v3 .emblem-box .emblem-new-middle{gap:2rem;}
    body.v3 .emblem-box .emblem-new-middle .flex-new-left, body.v3 .emblem-box .emblem-new-middle .flex-new-right{flex-flow: column;}
    body.v3 .emblem-box .emblem-new-middle .flex-new-left {gap:0;}
    body.v3 .emblem-box .emblem-new-middle .flex-new-right {gap:1rem;}
    body.v3 .emblem-box .emblem-new-middle .flex-new-left .img-ratio, body.v3 .emblem-box .emblem-new-middle .flex-new-right .img-ratio{width:100%;justify-content:center;}
    body.v3 .emblem-box .emblem-new-middle a { width: unset; max-width: 17rem; }
    body.v3 .emblem-box .emblem-new-middle .img-ratio img{max-width: 15rem;}


    body.v3 .emblem-slug .emblem_wap_part2 .ko-slug::before {content:"";}
    body.v3 .emblem-slug .emblem_wap_part2 .ko-slug::after {content:"Beyond 20, Creating Infinity";  margin-top: 2rem;}

    body.v3 .advancement-box h4.en{display:none;}
    body.v3 .advancement-box h4.en.show550 {display:inline-block;font-size: 1.7rem;line-height: 2rem;}
    body.v3 .advancement-box ul span.tit {  font-size: 1.3rem; }
    body.v3 .advancement-box ul span.rate { height: 40px; line-height: 40px; width:150px; font-size:1.15rem; }
    body.v3 .advancement-box ul span.desc {padding: 1rem 0;}
    

    body.v3 .emblem-box-v2 .emblem-v2-left{gap:1rem;}
    body.v3 .emblem-box-v2 .ko-slug div{font-size:3.3rem;}
    .emblem-box-v2 .ko-slug-desc p:first-child{margin-bottom: 1rem;}
    body.v3 .emblem-box-v2 .ko-slug-desc{font-size:1.1rem;line-height: 1.8rem; text-align: left; word-break: break-all;}    
    body.v3 .emblem-box-v2 .ko-slug-desc span.en-word{word-break: keep-all;}
    body.v3 .emblem-box-v2 .emblem-v2-right{flex-flow: column;}
    body.v3 .emblem-box-v2 .emblem-v2-right .img-ratio{width:70%;}
    body.v3 .emblem-box-v2 .emblem-v2-right a.emblem_down{width:unset;}

}
@media screen and (max-width: 500px) {
    body.v3 #section3 {padding:3rem 0 0}
    body.v3 .emblem-box h2 { font-size: 3.7rem; }
    body.v3 .message-box h2 {font-size:3.0rem;}
    body.v3 .message-box h3 {font-size:3.0rem;}
    body.v3 .message-box .guide {font-size:1.3rem; margin:2rem 0 1.5rem 0;}
    body.v3 .message-box .swiper-slide-active .slide-item .info{width:100%;}
}
@media screen and (max-width: 450px) {
    #victory-text-mobile span{font-size: 35px;}
    body.v3 #emblem_ani.on { width:80px;}
    #victory-text-mobile span.sup{margin-right: 10px;}
    body.v3 #emblem_ani video { width : 80px; height: 80px; }

    body.v3 .emblem-box h2 { font-size: 3.5rem; }    
    body.v3 .emblem-box .emblem-new-middle .img-ratio img{max-width: 13rem;}

    body.v3 .emblem-box-v2 .ko-slug div{font-size:3.0rem;}

    body.v3 .advancement-box ul span.tit {margin-bottom: 50px;}
    body.v3 .advancement-box ul span.rate {top:50px;}
    a.bluebtn{padding: 0.8rem 1.5rem; }
    a.bluebtn button {font-size: 1.1rem;}

    .history-gallery .swiper-slide .img-caption {font-size: 1.15rem;}
}
@media screen and (max-width: 390px) {
    .emblem-box-v2 a.emblem_down { display: inline-flex; }
    a.bluebtn{padding: 0.8rem 1.0rem; }
    a.bluebtn button {font-size: 0.9rem;}
}