﻿.container{
    padding:0;
}
section{
    margin:0;
}

main{
    font-family: "mbcnew-medium";
    color:#495057;
    letter-spacing:-0.025em;
    line-height:1;
    font-size:14px;
    background-color:#fff;
}

main img{
   width:auto;
}

main strong{
    font-weight:normal;
    font-family: "mbcnew-medium";
}

main h2, main h3{
    border:none;
}

.sec-spot{
    background:url(https://img.imbc.com/2026ceolive/m/images/bg_spot.png) no-repeat center bottom/cover;
    padding-top:1.4285714285em;
    padding-bottom:8.3333333%;
}

.sec-spot h1{
    text-align:center;
    font-size:inherit;
}

.sec-spot h1>img{
    width:73.05555555vw;
    max-width:526px;
    display: block;
    margin: 0 auto;
}

.sec-spot h1 span{
    display:block;
    color: #6706D3;
    text-align: center;
    font-family: "mbcnew-sbold";
    font-size: 1.714285714285714em;
    line-height: 1.333333333333333;
    letter-spacing:-0.6px;
    margin-top:0.333333333em;
}

.sec-spot h1 span img{
    vertical-align: middle;
    margin-right:0.25em;
    width:auto;
    height:6.666666666vw;
    max-height:48px;
}

.sec-spot p.date{
    text-align:center;
    font-size: 1.142857142857143em;
    line-height: 1.5;
    margin-top:0.5em;
    letter-spacing:-0.4px;
}

.sec-spot .live{
    width: 100%;
    aspect-ratio: 9/5;
    margin:0 auto;
    background-color:#000;
    margin-top:1.42857142em;
}

.sec-spot .live-before{
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:url(https://img.imbc.com/2026ceolive/m/images/img_spot_live.png) no-repeat center center/100%;
    flex-direction: column;
}

.sec-spot .live-before strong{
    font-size: 1.28571428571em;
    line-height: 1.55555555555;
    color:#fff;
    letter-spacing: -0.45px;
}   

.sec-spot .live-before p{
    color:#CED4DA;
    line-height: 1.42857142857;
    font-family:'mbcnew-light';
    margin-top:8px;
    letter-spacing: -0.35px;
    text-align:center;
}

.sec-spot .live-video{
    width:100%;
    height:100%;
}

.sec-candidate{
    margin-top:1.428571428em;
}

.sec-candidate h2{
    text-align:center;
    font-family: "mbcnew-sbold";
    font-size: 1.428571428571em;
    line-height: 1.5;
    background:url(https://img.imbc.com/2026ceolive/m/images/img_cddt_line.png) no-repeat center bottom/24px;
    padding-bottom:0.95em;
    letter-spacing: -0.5px;
    margin-bottom:1.5em;
}

.sec-candidate h2 span{
    color: #7B85FF;
    line-height:inherit;
    font-size:inherit;
}

.sec-candidate ul.candidate-list{
    padding:0 16px;
}

.sec-candidate ul.candidate-list li{
    display:flex;
}

.sec-candidate ul.candidate-list li + li{
    margin-top:30px;
}

.sec-candidate ul.candidate-list .photo{
    position:relative;
    flex:0 0 25vw;
    height:33.33333333333333vw;
    max-height:240px;
    max-width:180px;
    overflow:hidden;
}

.sec-candidate ul.candidate-list .photo:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    border: 1px solid #DEE2E6;
    box-sizing:border-box;
    z-index:10;
}

.sec-candidate ul.candidate-list .photo img{
    width:100%;
}

.sec-candidate ul.candidate-list .info{
    margin-left:1.14285714285em;
    flex:0 0 calc(100% - 6.42857142em - 1.14285714285em);
    width:calc(100% - 6.42857142em - 1.14285714285em);
}

.sec-candidate ul.candidate-list strong.name{
    font-size: 1.28571428571em;
    line-height: 1.55555555555;
    z-index:10;
    letter-spacing: -0.45px;
}

.sec-candidate ul.candidate-list .career{
    padding-top:0.642857142em;
    margin-top:0.6785714285714em;
    border-top:1px solid #DEE2E6;
}

.sec-candidate ul.candidate-list .career dl{
    /* display:flex; */
}

.sec-candidate ul.candidate-list .career dl + dl{
    margin-top:0.7142857em;
}

.sec-candidate ul.candidate-list .career dt,
.sec-candidate ul.candidate-list .career dd{
    line-height: 1.42857142857;
}

.sec-candidate ul.candidate-list .career dt{
    font-family:'mbcnew-light';
}

.sec-candidate ul.candidate-list .career dt:before{
    content:'';
    display:inline-block;
    width:2px;
    height:2px;
    border-radius:50%;
    background-color:#495057;
    vertical-align: 0.21428571em;
    margin-right: 0.21428571em;
}

.sec-candidate ul.candidate-list .career dd{
    word-break:keep-all;
    padding-left:5px;
}

.sec-candidate ul.candidate-list a.plan{
    display:inline-block;
    text-align: center;
    background:#7B85FF url(https://img.imbc.com/2026ceolive/m/images/img_cddt_data.png) no-repeat 12.903225% center/1.142857142em;
    color:#fff;
    box-sizing:border-box;
    padding:0.4285714em 1.7142857em 0.4285714em 3.142857em;
    line-height:1.42857142857;
    margin-top:0.8571428em
}

.sec-sns{
    border-top:1px solid #DEE2E6;
    margin-top:2.0714285em;
    padding-top:2.1428571em;
    text-align:center;
    padding-bottom:2.8571428em;
}

.sec-sns ul.sns-list{
    display:flex;
    justify-content:center;
    margin-bottom:1em;
}

.sec-sns ul.sns-list li + li{
    margin-left:0.8571428em;
}

.sec-sns ul.sns-list li a img{
    width:10vw;
    height:10vw;
    max-width:72px;
    max-height:72px;
}

.sec-sns p.live-youtube{
    font-family: 'mbcnew-light';
    line-height: 1.714285714;
    letter-spacing: -0.35px;
    margin-bottom:0.4285714em;
}

.sec-sns p.live-youtube img{
    vertical-align:-0.2857142em;
    margin-right:2px;
    margin-left:3px;
    height:1.1428571428em;
}

.sec-sns a.youtube-link{
    display:inline-block;
    border-radius: 1.4285714em;
    background: #F1F3F5;
    font-size: 0.9285714285em;
    line-height: 1.3846153846;
    padding: 0.38461538em 1.2307692em 0.2307692em 1.2307692em;
    box-sizing:border-box;
    font-family:'mbcnew-medium';
}

footer{
    text-align:center;
    background: #F1F3F5;
    padding:2.30769230em 0;
    font-family: 'pretend-regular';
    font-size: 3.61111111vw;
    line-height: 1.4285714;
    color:#495057;
}

@media screen and (max-width: 340px) {

}

@media screen and (max-width: 720px){
    main{
        font-size:3.888888vw;
    }
}

@media screen and (min-width: 721px){
    main{
        font-size:28px;
    }
    footer{
        font-size:26px;
    }
}