.visual_area {
    margin-top: 100px;
}
.visual_area img {
    width: 100%;
}
.visual_area .m_ver {
    display: none;
}
.visual_area .swiper-pagination2 {
    width: 100%;
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 10px;
    z-index: 3;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #21a2b7;
    font-size: 1.125em;
}
.visual_area .slide_btn {
    display: block;
    width: 9px;
    height: 14px;
    cursor: pointer;
    overflow: hidden;
    text-indent: -9999px;
    border: none;
    background: none;
    position: absolute;
    bottom: 15px;
    z-index: 5;
}
.visual_area .v_prev {
    background: url(../img/prev_arrow.png) no-repeat center;
    left: 46%;
}
.visual_area .v_next {
    background: url(../img/next_arrow.png) no-repeat center;
    right: 46%;
}
/*****************************
공통
*****************************/
/* 2022-08-17 추가 { */
.colorWhite{ color: #ffffff !important; font-size: inherit; line-height: inherit; }
.colorGray9{ color: #999999 !important; font-size: inherit; line-height: inherit; }
.colorGray6{ color: #666666 !important; font-size: inherit; line-height: inherit; }
.colorGray5{ color: #555555 !important; font-size: inherit; line-height: inherit; }
.colorGray4{ color: #444444 !important; font-size: inherit; line-height: inherit; }
.colorGray3{ color: #333333 !important; font-size: inherit; line-height: inherit; }
.colorGray2{ color: #222222 !important; font-size: inherit; line-height: inherit; }
/* margin */
.mg0{margin:0 !important}
.mgt0{margin-top:0 !important}
.mgt5{margin-top:5px !important}
.mgt10{margin-top:10px !important}
.mgt15{margin-top:15px !important}
.mgt20{margin-top:20px !important}
.mgt25{margin-top:25px !important}
.mgt30{margin-top:30px !important}
.mgt35{margin-top:35px !important}
.mgt40{margin-top:40px !important}
.mgt45{margin-top:45px !important}
.mgt50{margin-top:50px !important}
.mgt55{margin-top:55px !important}
.mgt60{margin-top:60px !important}
.mgt65{margin-top:65px !important}
.mgt70{margin-top:70px !important}
.mgt75{margin-top:75px !important}
.mgt80{margin-top:80px !important}
.mgt85{margin-top:85px !important}
.mgt90{margin-top:90px !important}
.mgt95{margin-top:95px !important}
.mgt100{margin-top:100px !important}
.mgb0{margin-bottom:0 !important}
.mgb5{margin-bottom:5px !important}
.mgb10{margin-bottom:10px !important}
.mgb15{margin-bottom:15px !important}
.mgb20{margin-bottom:20px !important}
.mgb25{margin-bottom:25px !important}
.mgb30{margin-bottom:30px !important}
.mgb35{margin-bottom:35px !important}
.mgb40{margin-bottom:40px !important}
.mgb45{margin-bottom:45px !important}
.mgb50{margin-bottom:50px !important}
.mgb55{margin-bottom:55px !important}
.mgb60{margin-bottom:60px !important}
.mgb65{margin-bottom:65px !important}
.mgb70{margin-bottom:70px !important}
.mgb75{margin-bottom:75px !important}
.mgb80{margin-bottom:80px !important}
.mgb85{margin-bottom:85px !important}
.mgb90{margin-bottom:90px !important}
.mgb95{margin-bottom:95px !important}
.mgb100{margin-bottom:100px !important}
.mgr0{margin-right:0 !important}
.mgr5{margin-right:5px !important}
.mgr10{margin-right:10px !important}
.mgr15{margin-right:15px !important}
.mgr20{margin-right:20px !important}
.mgr25{margin-right:25px !important}
.mgr30{margin-right:30px !important}
.mgr35{margin-right:35px !important}
.mgr40{margin-right:40px !important}
.mgr45{margin-right:45px !important}
.mgr50{margin-right:50px !important}
.mgr55{margin-right:55px !important}
.mgr60{margin-right:60px !important}
.mgr65{margin-right:65px !important}
.mgr70{margin-right:70px !important}
.mgr75{margin-right:75px !important}
.mgr80{margin-right:80px !important}
.mgr85{margin-right:85px !important}
.mgr90{margin-right:90px !important}
.mgr95{margin-right:95px !important}
.mgr100{margin-right:100px !important}
.mgl0{margin-left:0 !important}
.mgl5{margin-left:5px !important}
.mgl10{margin-left:10px !important}
.mgl15{margin-left:15px !important}
.mgl20{margin-left:20px !important}
.mgl25{margin-left:25px !important}
.mgl30{margin-left:30px !important}
.mgl35{margin-left:35px !important}
.mgl40{margin-left:40px !important}
.mgl45{margin-left:45px !important}
.mgl50{margin-left:50px !important}
.mgl55{margin-left:55px !important}
.mgl60{margin-left:60px !important}
.mgl65{margin-left:65px !important}
.mgl70{margin-left:70px !important}
.mgl75{margin-left:75px !important}
.mgl80{margin-left:80px !important}
.mgl85{margin-left:85px !important}
.mgl90{margin-left:90px !important}
.mgl95{margin-left:95px !important}
.mgl100{margin-left:100px !important}
/* } 2022-08-17 추가 */


.mar {
    margin-bottom: 90px !important;
}
#contentArea section h3 {
    font-size: 2.625em;
    font-weight: 300;
    text-align: center;
    position: relative;
    z-index: 1;
    margin-bottom: 100px;
}
#contentArea section h3::after {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    background: #1685a8;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: -48px;
}
#contentArea section h3 span {
    display: block;
    font-size: 1.125rem;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    color: #1685a8;
    text-transform: uppercase;
    letter-spacing: 7px;
}
#contentArea .banner h3 {
    font-size: 2.625em;
    font-weight: 300;
    text-align: center;
    position: relative;
    z-index: 1;
    margin-bottom: 100px;
}
#contentArea .banner h3::after {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    background: #1685a8;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: -48px;
}
#contentArea .banner h3 span {
    display: block;
    font-size: 1.125rem;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    color: #1685a8;
    text-transform: uppercase;
    letter-spacing: 7px;
}
/*****************************
banner
****************************/
.banner {
    /* width: calc(100% - 200px); */
    margin: 0 auto;
    text-align: center;
    /* background: url(../img/banner_bg.png) no-repeat center; */
    background: url(../img/banner_bg01.png) no-repeat center;
    background-size: cover;
    padding: 190px 0;
}


.banner_inner {
    position: relative;
    max-width:1400px;
    margin: 0 auto;
}
.banner_inner dl {
    position: relative;
    z-index: 3;
}
.banner_inner dl br{
    
}
.banner_inner dt {
    font-size: 1.5em;
    font-weight: 700;
    color: #1785a8;
    position: relative;
    display: inline-block;
    z-index: 3;
    margin-bottom: 0.8em;
}
.banner_inner dt::after {
    content: '';
    display: none;
    width: 106px;
    height: 83px;
    background: url(../img/banner_tit.png) no-repeat center;
    position: absolute;
    right: -65px;
    top: -7px;
    z-index: -1;
}
.banner_inner dd {
    font-size: 1.125em;
    color: #20607a;
    line-height: 1.7em;
}
.banner_inner img {
    position: absolute;
    right: 0;
    top: 0;
}
@media screen and (max-width:1440px) {
    .banner_01{position: relative;width:100%;text-align:center;background:#fff;}
    .banner_01:before, .banner_01:after {
        content: '';
        display: block;
        height: 100%;
        width: 40%;
        position: absolute;
        z-index: 1;
    } 

    .banner_01:before {
        background: url(../img/main-banner-bg-l.png) 100% 50% no-repeat;
        left: 0;
        top: 0;
       
    }
    .banner_01:after {
        background: url(../img/main-banner-bg-r.png) 0 50% no-repeat;
        right: 0;
        top: 0;
    } 
}
@media screen and (max-width:1024px) {
    .banner_01:before{
        background-position: 15% center;
    }
    .banner_01:after {
        background-position: 85% center;
    }
}

@media screen and (max-width:768px) {
    .banner_01:before{
        background-position: 20% center;
    }
    .banner_01:after {
        background-position: 70% center;
    }
} 


.banner_01 dd{color:#070808;}
.banner_01 .banner_inner{max-width:980px;margin:auto;}
.banner_01 dt span {border-top:2px solid #1785a8;}
	.banner_01:before, .banner_01:after {width:40%;background-size:cover !important;}




@media only screen and (min-width: 1024px){ 
	/* .banner_01:before, .banner_01:after {width:50%;background-size:auto !important;} */
	 .banner_01:before{background-position:0 50%}
	.banner_01:after{background-position:85% 50%} 
   
	.banner_01 .banner_inner{/*display:flex;align-items: center;justify-content: space-between;*/}
	.banner_01 .banner_inner > dl{word-break:keep-all;word-wrap:break-word;}
}

/* 2022-08-17 { */
/* .main-youtube{padding:140px 20px;max-width:100%;margin:auto;text-align:center;
   background: url(../img/bg-main-youtube.png)no-repeat; 
   background-size: cover;
   background-position: center;
} */
.main-youtube{
    padding:170px 20px;max-width:100%;margin:auto;text-align:center;
 
}
.main-youtube01{position: relative;width:100%;text-align:center;background:#fff;margin-bottom:0!important;max-width: 1200px;}
.main-youtube01:before, .main-youtube01:after {
    content: '';
    display: block;
    height: 100%;
    width: 50%;
    position: absolute;
    background-size: cover!important;
    
} 

.main-youtube01:before {
    background: url(../img/bg-main-youtube-l.png) no-repeat;
    left: 0;
    top: 0;
    background-position:center;
}
.main-youtube01:after {
    background: url(../img/bg-main-youtube-r.png) no-repeat;
    right:0;
    top: 0;
    background-position: 0 center;

} 
.main-youtube .youtube_inner{
    position: relative;
    z-index: 1;
}

@media (max-width:768px) {
    .main-youtube .youtube_inner{
        width: 80%;
        margin: 0 auto;
    }
}
.main-youtube li span{display:block;padding:8px 0 0;font-size:14px;}
.main-youtube ul{width:500px;max-width:90%;margin:auto;}
.main-youtube li{display:block;padding:8px 0;}
.main-youtube li a{display:block;padding:14px 10px;color:#fff;font-weight:500;border-radius:5px;}
.main-youtube li:nth-child(1) a{background-color:#fd7c3a;box-shadow: 2px 3px 3px 0px rgba(173,85,64,0.8);}
.main-youtube li:nth-child(2) a{background-color:#145ec9;box-shadow: 2px 3px 3px 0px rgba(54,72,116,0.8);}
.main-youtube li a img{height:26px;padding:0 5px;}
.main-youtube .date{font-size:1.6em;font-weight:500;}
.main-youtube .date span{position: relative;padding:0 5px;}
.main-youtube .date span:after{content:'';position:absolute;left:0;right:0;bottom:0;height:0.7em;background-color:rgba(23,133,168,0.20);}
.main-youtube .datetxt{padding:10px 0 20px;font-size:1.2em;}




@media screen and (max-width:1440px) {
    
}
@media screen and (max-width:1024px) {
    .main-youtube01:before, .main-youtube01:after{
        width: 48%;
    }
    .main-youtube01{
        width: 96%;
    }
    .main-youtube01:before{
        background-position: 0% center;
        left: 2%;
    }
    .main-youtube01:after {
        background-position: 100% center;
        right: 2%;
    } 
}

@media only screen and (min-width: 1024px){ 

     .main-youtube01:before{background-position:0 center;}  
    
	.main-youtube01:after{background-position:100% center;
    right: 0%;}  
}

@media screen and (max-width:768px) {
    .main-youtube{
        padding: 140px 0;
    }
    .main-youtube01:before, .main-youtube01:after{
        width: 50%;
    }
    .main-youtube01:after{right: 1px;}  
    .main-youtube01:before{
        left: 0;
    }
} 
@media screen and (max-width:414px) {
    /* .main-youtube01:before{
        background-position: 4% center;
    }
    .main-youtube01:after{
        background-position: 96% center;
    } */
    .main-youtube{
        word-break: break-all;
    }
}


/* } 2022-08-17 */

/*****************************
program
*****************************/
.program {
    padding: 100px 0;
}
.program .con {
    text-align: center;
    margin-bottom: 30px;
    font-size: 1.125em;
}
.program table {
    width: 100%;
    font-size: .875em;
    letter-spacing: 0.01em;
}
.program table {
    colgroup {
        col {
            &:nth-child(1) {
                width: 12%;
            }
            &:nth-child(2) {
                width: 5%;
            }
            &:nth-child(3) {
                width: 17%;
            }
            &:nth-child(4) {
                width: 21%;
            }
            &:nth-child(5) {
                width: 45%;
            }
        }
    }
}
.program table th {
    padding: 15px 0;
    text-align: center;
    background: #1685a8;
    color: #fff;
    font-size: 1.125em;
    font-weight: 700;
    border-right: 1px solid #fff;
    /* width: 15%; */
}
/* .program table th:nth-of-type(2){
    width: 30%;
}
.program table th:nth-of-type(3) {
    width: 36%;
}
.program table th:nth-of-type(4){
    width: 40%;
} */
.program table th:last-of-type {
    border-right: none;
}
.program table td {
    padding: 10px;
    text-align: left;
    border: 1px solid #ccc;
    font-weight: 300;

}
.program table td.left {
    text-align: left;
    padding-left: 20px;
}
.program table td.left p{
    display: flex;
}
.program table td.left p >span{
    width: 20%;
    font-weight: 500;
}
.program table td.left p .s_box{
    display: block;
    width: auto;
}

.program table td.left p .s_box2{
    display: block;
    width: auto;
}
.program table td:last-of-type {
    /* padding-left: 20px; */
}
.program table td.center {
    text-align: center;
}
.program table td.bg {
    background: #ebf8f8;
}
.program table td.right_bo{
    border-right: none;
}
.program table td.left_bo{
    border-left: none;
}
.program table td.ft{
    background: #55a1ec;
    color: white;
    font-weight: 700;
    text-align: center;
}
.scj{
    position: relative;
    font-size: 1.5rem;
    margin-bottom: 100px;
    padding: 20px;
    font-weight: 500;
    color: #333;
    z-index: 5;

    @media (max-width: 640px) {
        font-size: 1rem;
    }
}
.scj >h2 span{
    color: #1685a8;
    font-weight: 700;
    font-size: 18px;
}
.scj >h2 em{
    color: #1685a8;
    font-weight: 700;
    font-style: normal;
}
.program table td strong{
    color: #1685a8;
}
.program table td span {
    
    display: flex;
    justify-content: flex-start;
    
}
.program table td span b {
    font-size: 1.125em;
       
    font-weight: 500;
    color: #000;
    padding: 0 0 0 5px;
   
    
}
.program table td span b.nom{
    font-weight: 300;
}
.program table td span b.wid{
    width: 40%;
}
.program table td span b.wid2{
    width: auto;
}
.program table td span b.wid3{
    width: 31%;
}
.program table td span b:first-child{
    color: #1685a8;
    padding: 0;
}
.program table td span b:last-child{
    
}

/*****************************
speaker
****************************/
.speakerbox{
    padding: 50px 0 0;
}
.speaker {
    padding: 80px 0 130px;
    background: #f6fafa;
    position: relative;
    margin-bottom:0!important;
}
.speaker::after {
    content: '';
    display: block;
    width: 100%;
    height: 60%;
    background: url(../img/speaker_bg.png) no-repeat center;
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: 0;
}
.speaker_inner .swiper-container {
    width: 90%;
    margin: 0 auto;
}
.speaker_list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 100px;
    box-sizing: border-box;
}
.speaker_list .img_box {
    overflow: hidden;
    width: 300px;
    border-radius: 50%;
    height: 300px;
    box-shadow: 0 3px 24px rgba(180, 180, 180, .19);
}
.speaker_list .img_box img {
    width: 100%;
}
.speaker_list .txt_box {
    width: 50%;
    box-sizing: border-box;
    padding-left: 50px;
}
.speaker_list .txt_box dt {
    font-size: 1.125em;
    position: relative;
    margin-bottom: 40px;
}
.speaker_list .txt_box dt span {
    display: inline-block;
    min-width: 47px;
    height: 29px;
    line-height: 29px;
    background: #1685a8;
    color: #fff;
    border-radius: 3px;
    font-size: 1rem;
    text-align: center;
    margin-right: 15px;
	padding:0 5px;
}
.speaker_list .txt_box dt strong {
    font-size: 1.75em;
    margin-right: 5px;
}
.speaker_list .txt_box dd {
    margin-bottom: 20px;
    font-weight: 300;
    font-size: .938em;
}
.speaker_list .txt_box dd:before {
        content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    margin-right: 7px;
    vertical-align: middle;
    border-radius: 50%;
    background: #000;
}
.speaker_list .txt_box dd:last-of-type {
    margin-bottom: 0;
}
.speaker .swiper-container {
    overflow: visible;
}
.speaker .swiper-slide {
    opacity: .5;
}
.speaker .swiper-slide.speaker_list {
    justify-content: flex-start;
    padding: 0;
}
.speaker .swiper-slide-prev.speaker_list {
    justify-content: flex-end;
}
.speaker .swiper-slide .txt_box {
    display: none;
}
.speaker .swiper-slide-active {
    opacity: 1;
}
.speaker .swiper-slide-active.speaker_list {
    padding-left: 170px;
}
.speaker .swiper-slide-active .txt_box {
    display: block;
}
.speaker .swiper-pagination {
    width: 100%;
    left: 50%;
    margin-left: -50%;
    margin-top: 50px;
}
.speaker .swiper-pagination-bullet {
    margin-right: 8px;
    background: #c1c6c9;
    width: 10px;
    height: 10px;
}
.speaker .swiper-pagination-bullet-active {
    background: #1685a8;
}
.speaker .slide_btn {
    display: block;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background: rgba(255,255,255,.7);
    position: absolute;
    font: 600 1em 'Montserrat', sans-serif;
    top: 50%;
    z-index: 3;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
}
.speaker .prev {
    left: 10%;
    text-align: right;
    padding-right: 10px;
}
.speaker .prev::after {
    content: '';
    display: block;
    width: 101px;
    height: 16px;
    background: url(../img/prev.png) no-repeat center;
    position: absolute;
    top: 50%;
    right: 10px;
}
.speaker .next {
    right: 10%;
    padding-left: 10px;
    text-align: left;
}
.speaker .next::after {
    content: '';
    display: block;
    width: 101px;
    height: 16px;
    background: url(../img/next.png) no-repeat center;
    position: absolute;
    top: 50%;
    left: 10px;
}
/*****************************
participation
****************************/

/*****************************
video
****************************/
.videobox{
    padding: 100px 0 0;
}
.video {
    padding: 80px 0;
    background: url(../img/video_bg_1.png) no-repeat center;
    background-size: cover;
}
#contentArea .video h3 {
    color: #fff;
}
#contentArea .video h3::after {
    background: #fff;
}
#contentArea .video h3 span {
    color: #fff;
}
.video_inner {
    text-align: center;
}
.video_inner a {
    display: block;
}
.video_inner img {
    margin-bottom: 30px;
}
.video_inner .day {
    margin-bottom: 20px;
}
.video_inner .day {
    font-size: 2.5em;
    color: #fff;
    font-weight: 300;
}
.video_inner .day span {
    background: #fff;
    color: #1685a8;
    display: inline-block;
    padding: 0 10px;
    font-weight: 700;
}

/*비디오팝업*/
.pop_up {
    width: 800px;
    position: absolute;
    top: 150px;
    left: 50%;
    margin-left: -400px;
    z-index: 15;
    background: #000;
    box-shadow: 0 0 30px rgba(0,0,0,.3);
}
.pop_up p {
    text-align: center;
    background: #fff;
    padding: 10px 0;
}
.pop_up p span {
    display: block;
}
.pop_up p span:first-of-type {
    color: #20607a;
    font-size: 2em;
}
.pop_up p span:nth-of-type(2) {
    font-weight: 700;
}
.pop_up p span:nth-of-type(3) {
    font-size: 1.125em;
    color: #666;
}
.pop_up video {
    width: 100%;
}
.pop_up .pop_close {
    display: block;
    padding: 10px 0;
    text-align: center;
    background: #000;
    color: #fff;
}
@media screen and (max-width:1650px) {
}
@media screen and (max-width:1490px) {
    .banner_inner dl {
        padding:0 5%;
    }
}

@media (max-width: 1650px) and (min-width: 1024px){
	#wrap #headerArea .headerInner .logo{left:2%;}
	#wrap #headerArea .headerInner #gnb{width:50%;margin-right: 2%;}
}


.forum-replay-tab-bx{max-width:1200px;margin:auto;padding:20px;background:#fff;height: 550px;}
.gallery-thumbs{overflow:hidden;width:100%;max-width:750px;margin:0 auto 40px;line-height:40px;background:#f4f4f4;border-radius:99px;}
.gallery-thumbs .swiper-wrapper{}
.forum-replay-tab-bx .gallery-thumbs .swiper-wrapper .swiper-slide{color:#999;font-size:20px;font-weight:500;border-radius:99px;cursor:pointer;}
.forum-replay-tab-bx .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{color:#fff;background:#449DB9;}
.forum-replay-cont{background:#fff;}
.forum-replay-cont > div{margin:0 0 10px;padding:40px 20px;background:rgba(255,255,255,1);box-sizing: border-box;}
.forum-replay-cont > div h4{font-size:0;line-height:0;text-indent:-9999em;}
.forum-replay-cont > div iframe{width:70%;height:500px;}
.forum-replay-cont > div dt img{max-height:120px;}
/* .forum-replay-cont > div dt img.logo21{width: 205px;} */
 .forum-replay-cont > div dt img.logo21{margin-bottom: 100px;} 
.forum-replay-cont > div dt img.logo22{margin-bottom:50px;}  
.forum-replay-cont > div dl{margin:0 0 20px;font-weight:500;font-family: 'Poppins', sans-serif;}
.forum-replay-cont > div dd.forum-replay-date{font-size:23px;}
.forum-replay-cont > div dd.forum-replay-subject{color:#1685a7;font-size:28px;font-weight:600;font-style:italic;}
.forum-replay-cont > div dd.forum-replay-subject span{color:#5ec0cf;font-size:34px;}
.forum-replay-cont > div dd a{display:inline-block;color:#a3a3a3;}
.forum-replay-cont > div dd:last-child{font-size:30px;font-weight:700;}
.replay_btn a img{margin: 0 auto;    max-width: 235px;}
.forum-replay-video{margin-top:20px;}
a.btn-forum-replay-more i{display:inline-block;width:24px;background:url('../img/ico-blank-url.png') 50% / 60%  no-repeat;text-indent:-9999em;}



@media screen and (max-width:1024px) {

	.forum-replay-tab-bx{max-width:1200px;margin:auto;padding:20px;background:#fff;}
	.forum-replay-tab-bx .gallery-thumbs {border:1px solid #449DB9;border-radius:4px;}
	.forum-replay-tab-bx .gallery-thumbs .swiper-wrapper .swiper-slide{font-size:15px;border-radius:0;}
	.forum-replay-cont > div{margin:0 0 10px;padding:40px 0;line-height:1.2;}
	.forum-replay-cont > div iframe{width:100%;height:56vw;}
	.forum-replay-cont > div dd{margin-bottom:14px;font-size:20px;}
	.forum-replay-cont > div dt img {width:auto !important;}
	.forum-replay-cont > div dd.forum-replay-date{font-size:20px;}
	.forum-replay-cont > div dd.forum-replay-subject{font-size:22px;}
	.forum-replay-cont > div dd:last-child{font-size:24px;}
	.forum-replay-cont > div dd a{}
	a.btn-forum-replay-more i{display:inline-block;width:24px;background:url('../img/ico-blank-url.png') 50% / 60%  no-repeat;text-indent:-9999em;}
    .program table td span b,
    .program table td span{
        display: block;
    }
    
    .program table td span b{
        padding: 0;
        width: 100%;
    }
    .program table td span b.wid,
    .program table td span b.wid3{
        width: auto;
    }
    .program table td.left p{
        display: block;
    }
    .program table td.left p > span{
        width: auto;
    }
    .program table td.left p .s_box > span{
        display: flex;
    }

    .program table td.left p .s_box2{
        display: flex;
    }
}




/*****************************
일반pc
****************************/
@media screen and (max-width:1280px) {
    .banner_inner {
        width: 96%;
    }
    .banner_inner dl {
    }
    .visual_area .v_prev {
        left: 45%;
    }
    .visual_area .v_next {
        right: 45%
    }
}
/*****************************
테블릿
****************************/
@media screen and (max-width:1024px) {
    .visual_area {
        margin-top: 147px;
    }
    /*banner*/
    .banner {
        padding: 5em 0;
        width: 100%;
    }
    .banner_inner img {
        position: static;
        display: block;
        margin-left: auto;
    }
    /*speaker*/
    .speaker .swiper-slide-active.speaker_list {
        padding: 0;
    }
    .speaker_list .img_box {
        width: 400px;
        height: 400px;
    }
    .speaker_list .txt_box {
        width: calc(100% - 400px);
    }
}
/*****************************
소형테블릿
****************************/
@media screen and (max-width:768px) {
    .visual_area .v_prev {
        left: 40%;
    }
    .visual_area .v_next {
        right: 40%
    }
    .visual_area .m_ver {
        display: block;
    }
    .visual_area .pc_ver {
        display: none;
    }
    /*banner*/
    .banner_inner img {
        width: 100%;
    }
    /*speaker*/
    .speaker_list .img_box {
        width: 100%;
        height: auto;
    }
    .speaker_list .txt_box {
        width: 80%;
        padding: 20px 0 50px;
        margin: auto
    }
    /*video*/
    .video_inner img {
        display: block;
        width: 96%;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .video_inner .day {
        width: 96%;
        margin: 0 auto;
    }
    .video_inner .day span {
        display: block;
    }
    .replay_btn a img{max-width: 180px;}
    
}
/*****************************
모바일
****************************/
@media screen and (max-width:640px) {
    .visual_area {
        margin-top: 101px;
    }
    .visual_area .slide_btn {
        bottom: 13px;
    }
    .visual_area .v_prev {
        left: 37%;
    }
    .visual_area .v_next {
        right: 37%
    }
    .mar {
        margin-bottom: 50px !important;
    }
    #contentArea section h3 {
        margin-bottom: 50px;
        font-size: 20px;
    }
    #contentArea section h3::after {
        bottom: -23px;
    }
    #contentArea .banner h3 {
        margin-bottom: 50px;
        font-size: 20px;
    }
    #contentArea .banner h3::after {
        bottom: -23px;
    }
    /*banner*/
    .banner {
        padding: 25px 0;
    }
    .banner.banner_01 {
        padding: 15% 0;
    }
    .banner_inner dt {
        font-size: 14px;
        display: block;
        margin-bottom: 20px;
    }
    .banner_inner dt::after {
        top: 0;
        right: 0;
    }
    .banner_inner dd {
        font-size: 12px;
        line-height: 1.9;
    }
    /*program*/
    .program .program-in {
        overflow: scroll
    }
    .program table {
        width: 600px;
    }
    .program table th {
        padding: 10px 0;
        font-size: 1em;
    }
    .program table td {
        padding: 8px 0;
        font-size: .875em;
    }
    /*speaker*/
    .speaker {
        padding: 30px 0;
    }
    .speaker_list .img_box {
        width: 320px;
        margin: 0 auto;
        height: 320px;
    }
    .speaker_list .txt_box dt {
        margin-bottom: 15px;
/*        padding-left: 40px;*/
    }
    .speaker_list .txt_box dt strong {
        font-size: 1.125em;
    }
    .speaker_list .txt_box dt span {
        font-size: .875em;
        width: 35px;
        height: 24px;
        line-height: 24px;
        margin-top: -12px;
    }
    .speaker_list .txt_box dd {
        margin-bottom: 8px;
        font-size: .938em;
    }
    .speaker .swiper-pagination {
        bottom: 30px;
    }
    .speaker .slide_btn {
        width: 60px;
        height: 60px;
    }
    .speaker .prev::after {
        right: -20px;
    }
    .speaker .next::after {
        left: -20px;
    }
    /*participation*/
    .part_tab li {
        width: 49%;
    }
    .part_tab li:first-of-type {
        margin-right: 2%;
    }
    .part_tab li a {
        height: 50px;
        line-height: 50px;
    }
    .participation .part {
        width: auto;
    }
    .participation .part .tit {
        padding: 10px 0;
    }
    .participation .part .sub_description {
        padding-left: 20px;
    }
    .participation .part ul {
        padding: 20px;
    }
    .participation .part button {
        margin-bottom: 20px;
        width: calc(100% - 40px);
    }
    .participation .confirm_box .sub_description {
        font-size: 1.125em;
    }
    .participation .confirm_box dt, .participation .confirm_box dd {
        padding: 10px 0;
    }
    .participation .confirm_box dt {
        width: 30%;
    }
    .participation .confirm_box dd {
        width: 70%;
    }
    /*video*/
    .video {
        padding: 30px 0;
    }
    .video_inner .day {
        width: 96%;
        margin: 0 auto;
        margin-bottom: 10px;
        font-size: 2em;
    }
    .video_inner .day span {
        display: block;
        font-size: 1.5rem;
    }
    .video_inner .tit {
        font-size: 1.5em;
    }
    .pop_up {
        width: 96%;
        margin-left: -48%;
    }

	.main-youtube li a img{height:20px;}

}


@media screen and (max-width:540px) {
    /* .forum-replay-cont > div dt img.logo22{
        margin-bottom: 90px;
    }
    .forum-replay-cont > div dt img.logo21{
        margin-bottom: 90px;
    } */
}

.live-stream-section {
    .stream-wrap {
        width: 100%; height: auto;

        >iframe {
            width: 100%; height: auto;
            aspect-ratio: 1920/1080;
        }
    }
}