/* CONTENT */
 .content {

     flex: 1;
 }

 .content .inner {
     height: calc(100vh - 140px);
     overflow-y: auto;
 }

 .content .inner .inner-upper {
     display: none;
     width: 100%;
     height: 42.1875vw;
 }

 .content .inner .inner-upper.show {
     display: flex;
 }

 /* PROGRAM THUMBNAIL */

 .content .inner .inner-upper .program-thumbnail .thumbnail {
     width: 100%;
     height: 39.0625vw;
     display: none;
 }

 .content .inner .inner-upper .program-thumbnail .thumbnail.show {
     display: flex;
 }

 .content .inner .inner-upper .program-thumbnail .thumbnail .m_inner {
     width: 50vw;
     height: 100%;
     display: flex;
     position: relative;
 }

 /* PROGRAM 1 */
 .content .inner .inner-upper .program-thumbnail .thumbnail.one .inner__left {
     width: 50vw;
     height: 100%;
     display: flex;
     background-image: url("../images/IMAGE/1_open_talk/h1_S.svg"),
         url("../images/IMAGE/1_open_talk/K_r.svg"),
         url("../images/IMAGE/1_open_talk/I_r.svg"),
         url("../images/IMAGE/1_open_talk/W_r.svg"),
         url("../images/IMAGE/1_open_talk/h1_bg_2.jpg");
     background-position: left top, right top, left bottom, right bottom, center;
     background-size: 6.25vw 6.25vw, 3.125vw, 3.125vw, 3.125vw, cover;
     background-repeat: no-repeat;
 }

 .content .inner .inner-upper .program-thumbnail .thumbnail.one .m_inner .program {
     width: 28.125vw;
     height: 12.5vw;
     position: absolute;
     background-image: url("../images/IMAGE/1_open_talk/h1_box.svg");
     background-position: left top;
     background-repeat: no-repeat;
     background-size: cover;
 }

 .content .inner .inner-upper .program-thumbnail .thumbnail.one .m_inner .main {
     height: 6.5625vw;
     display: flex;
     align-items: center;
     position: absolute;
     right: 5.0781vw;
     bottom: 3.125vw;

     letter-spacing: 0.0258vw;
     line-height: 6.4063vw;
     font-size: 5.0781vw;
 }

 .content .inner .inner-upper .program-thumbnail .thumbnail.one .m_inner .program-title {
     width: 17.1875vw;
     height: 2.3438vw;
     display: flex;
     align-items: center;
     position: absolute;
     left: 9.375vw;
     top: 9.375vw;

     letter-spacing: 0.0258vw;
     font-size: 1.7188vw;
     color: #fff;
 }

 /* PROGRAM 2 */
 .content .inner .inner-upper .program-thumbnail .thumbnail.two {
     background-image: url("../images/IMAGE/2_video_projection/h2_bg_2.jpg");
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
 }

 .content .inner .inner-upper .program-thumbnail .thumbnail.two .inner__left {
     width: 50vw;
     height: 100%;
     display: flex;
     background-image: url("../images/IMAGE/2_video_projection/S_bk.svg"),
         url("../images/IMAGE/2_video_projection/K_bk.svg"),
         url("../images/IMAGE/2_video_projection/h2_I.svg"),
         url("../images/IMAGE/2_video_projection/W_bk.svg");
     background-position: left top, right top, left bottom, right bottom;
     background-size: 3.125vw, 3.125vw, 6.25vw 6.25vw, 3.125vw;
     background-repeat: no-repeat;
 }

 .content .inner .inner-upper .program-thumbnail .thumbnail.two .m_inner .main {
     position: absolute;
     left: 3.125vw;
     top: 3.125vw;

     line-height: 6.4063vw;
     letter-spacing: 0.0258vw;
     font-size: 4.9219vw;
     color: #fff;
 }

 .content .inner .inner-upper .program-thumbnail .thumbnail.two .m_inner .program-title {
     height: 4.7656vw;
     display: flex;
     align-items: center;
     position: absolute;
     left: 3.125vw;
     bottom: 1.4844vw;

     line-height: 2.5vw;
     letter-spacing: 0.0258vw;
     font-size: 1.7188vw;
     color: #fff;
 }

 /* PROGRAM 3 */

 .content .inner .inner-upper .program-thumbnail .thumbnail.three .inner__left {
     width: 50vw;
     height: 100%;
     display: flex;
     background-image: url("../images/IMAGE/3_networking/S_r.svg"),
         url("../images/IMAGE/3_networking/K_r.svg"),
         url("../images/IMAGE/3_networking/I_r.svg"),
         url("../images/IMAGE/3_networking/W_r.svg"),
         url("../images/IMAGE/3_networking/h3_bg_2.jpg");
     background-position: left top, right top, left bottom, right bottom, center;
     background-size: 3.125vw, 3.125vw, 3.125vw, 3.125vw, cover;
     background-repeat: no-repeat;
 }

 .content .inner .inner-upper .program-thumbnail .thumbnail.three .m_inner .program {
     width: 50vw;
     height: 10.9375vw;
     position: absolute;
     background-image: url("../images/IMAGE/3_networking/h3_box_1.svg"),
         url("../images/IMAGE/3_networking/h3_box_2.svg");
     background-position: left top, right top;
     background-repeat: no-repeat;
     background-size: 6.25vw 6.25vw, 31.25vw 10.9375vw;
 }

 .content .inner .inner-upper .program-thumbnail .thumbnail.three .m_inner .main {
     position: absolute;
     left: 3.125vw;
     bottom: 0vw;

     line-height: 6.4063vw;
     letter-spacing: -0.0258vw;
     font-size: 5.0781vw;
 }

 .content .inner .inner-upper .program-thumbnail .thumbnail.three .m_inner .program-title {
     width: 26.5625vw;
     position: absolute;
     right: 3.125vw;
     top: 4.6875vw;

     line-height: 2.5vw;
     letter-spacing: 0.0258vw;
     font-size: 1.7188vw;
     color: #fff;
 }

 /* PROGRAM 4 */

 .content .inner .inner-upper .program-thumbnail .thumbnail.four .inner__left {
     width: 50vw;
     height: 100%;
     display: flex;
     background-image: url("../images/IMAGE/4_startup_rs_ot/h4_S.svg"),
         url("../images/IMAGE/4_startup_rs_ot/h4_K.svg"),
         url("../images/IMAGE/4_startup_rs_ot/I_p.svg"),
         url("../images/IMAGE/4_startup_rs_ot/W_p.svg"),
         url("../images/IMAGE/4_startup_rs_ot/h4_bg_2.jpg");
     background-position: left top, right top, left bottom, right bottom, center;
     background-size: 15.625vw 3.125vw, 6.25vw 6.25vw, 3.125vw 3.125vw,
         3.125vw 3.125vw, cover;
     background-repeat: no-repeat;
 }

 .content .inner .inner-upper .program-thumbnail .thumbnail.four .m_inner .program {
     width: 50vw;
     height: 10.9375vw;
     position: absolute;
     background-image: url("../images/IMAGE/4_startup_rs_ot/h4_box.svg");
     background-position: right top;
     background-repeat: no-repeat;
     background-size: 28.125vw 10.9375vw;
 }

 .content .inner .inner-upper .program-thumbnail .thumbnail.four .m_inner .main {
     position: absolute;
     left: 3.125vw;
     bottom: 1.1719vw;

     line-height: 6.4063vw;
     letter-spacing: -0.0258vw;
     font-size: 5.0781vw;
 }

 .content .inner .inner-upper .program-thumbnail .thumbnail.four .m_inner .sub {
     position: absolute;
     left: 3.125vw;
     bottom: 16.4063vw;

     line-height: 2.5vw;
     letter-spacing: 0.0258vw;
     font-size: 1.7188vw;
 }

 .content .inner .inner-upper .program-thumbnail .thumbnail.four .m_inner .program-title {
     width: 23.4375vw;
     position: absolute;
     right: 3.125vw;
     top: 2.3438vw;

     line-height: 2.5vw;
     letter-spacing: 0.0258vw;
     font-size: 1.7188vw;
     color: #fff;
 }

 /* PROGRAM 5 */

 .content .inner .inner-upper .program-thumbnail .thumbnail.five .inner__left {
     width: 50vw;
     height: 100%;
     display: flex;
     background-image: url("../images/IMAGE/5_skbc_networking/S_b.svg"),
         url("../images/IMAGE/5_skbc_networking/h5_K.svg"),
         url("../images/IMAGE/5_skbc_networking/h5_I.svg"),
         url("../images/IMAGE/5_skbc_networking/W_b.svg"),
         url("../images/IMAGE/5_skbc_networking/h5_bg_2.jpg");
     background-position: left top, right top, left bottom, right bottom, center;
     background-size: 3.125vw 3.125vw, 6.25vw 6.25vw, 3.125vw 6.25vw,
         3.125vw 3.125vw, cover;
     background-repeat: no-repeat;
 }

 .content .inner .inner-upper .program-thumbnail .thumbnail.five .m_inner .program {
     width: 50vw;
     height: 10.9375vw;
     position: absolute;
     background-image: url("../images/IMAGE/5_skbc_networking/h5_box.svg");
     background-position: left top;
     background-repeat: no-repeat;
     background-size: 31.25vw 10.9375vw;
 }

 .content .inner .inner-upper .program-thumbnail .thumbnail.five .m_inner .main {
     position: absolute;
     left: 3.5156vw;
     bottom: 0;

     line-height: 6.4063vw;
     letter-spacing: -0.0258vw;
     font-size: 5.0781vw;
 }

 .content .inner .inner-upper .program-thumbnail .thumbnail.five .m_inner .program-title {
     position: absolute;
     left: 3.5156vw;
     top: 4.6875vw;

     line-height: 2.5vw;
     letter-spacing: 0.0258vw;
     font-size: 1.7188vw;
     color: #fff;
 }

 /* PROGRAM 6 */

 .content .inner .inner-upper .program-thumbnail .thumbnail.six .inner__left {
     width: 50vw;
     height: 100%;
     display: flex;
     background-image: url("../images/IMAGE/6_symposium/h6_S.svg"),
         url("../images/IMAGE/6_symposium/K_b.svg"),
         url("../images/IMAGE/6_symposium/h6_I.svg"),
         url("../images/IMAGE/6_symposium/h6_W.svg"),
         url("../images/IMAGE/6_symposium/h6_bg_2.jpg");
     background-position: left top, right top, left bottom, right bottom, center;
     background-size: 3.125vw 6.25vw, 3.125vw 3.125vw, 6.25vw 3.125vw,
         3.125vw 6.25vw, cover;
     background-repeat: no-repeat;
 }

 .content .inner .inner-upper .program-thumbnail .thumbnail.six .m_inner .program {
     width: 50vw;
     height: 12.5vw;
     position: absolute;
     background-image: url("../images/IMAGE/6_symposium/h6_box.svg");
     background-position: right top;
     background-repeat: no-repeat;
     background-size: 32.8125vw 12.5vw;
 }

 .content .inner .inner-upper .program-thumbnail .thumbnail.six .m_inner .main {
     width: 28.125vw;
     position: absolute;
     right: 3.125vw;
     bottom: 1.5625vw;

     line-height: 6.4063vw;
     letter-spacing: -0.0258vw;
     font-size: 5.0781vw;
 }

 .content .inner .inner-upper .program-thumbnail .thumbnail.six .m_inner .program-title {
     width: 24.1406vw;
     position: absolute;
     right: 6.7188vw;
     top: 8.6719vw;

     line-height: 2.5vw;
     letter-spacing: 0.0258vw;
     font-size: 1.7188vw;
     color: #fff;
 }

 /* PROGRAM 7 */
 .content .inner .inner-upper .program-thumbnail .thumbnail.seven .inner__left {
     width: 50vw;
     height: 100%;
     display: flex;
     background-image: url("../images/IMAGE/7_closing_night/S_bk.svg"),
         url("../images/IMAGE/7_closing_night/K_bk.svg"),
         url("../images/IMAGE/7_closing_night/I_bk.svg"),
         url("../images/IMAGE/7_closing_night/W_bk.svg"),
         url("../images/IMAGE/7_closing_night/h7_bg_2.jpg");
     background-position: left top, right top, left bottom, right bottom, center;
     background-size: 3.125vw, 3.125vw, 3.125vw, 3.125vw, cover;
     background-repeat: no-repeat;
 }

 .content .inner .inner-upper .program-thumbnail .thumbnail.seven .m_inner .program {
     width: 100%;
     height: 7.8125vw;
     position: absolute;
     background-image: url("../images/IMAGE/7_closing_night/h7_box.svg");
     background-position: left top;
     background-repeat: no-repeat;
     background-size: 31.25vw 7.8125vw;
 }

 .content .inner .inner-upper .program-thumbnail .thumbnail.seven .m_inner .main {
     position: absolute;
     left: 3.125vw;
     bottom: 0;

     line-height: 6.4063vw;
     letter-spacing: -0.0258vw;
     font-size: 5.0781vw;
 }

 .content .inner .inner-upper .program-thumbnail .thumbnail.seven .m_inner img {
     width: 10.9375vw;
     position: absolute;
     left: 33.9844vw;
     bottom: 21.875vw;
 }

 .content .inner .inner-upper .program-thumbnail .thumbnail.seven .m_inner .program-title {
     position: absolute;
     left: 3.125vw;
     top: 3.125vw;

     line-height: 2.7344vw;
     letter-spacing: 0.0352vw;
     font-size: 2.3438vw;
     color: #fff;
 }

 /* PROGRAM LIST */
 .content .inner .inner-under {
     height: 100%;
     width: 100%;
     display: flex;
     box-sizing: border-box;
     border-top: #000 solid 2px;
 }

 .content .inner .inner-under .program-list {
     width: 100%;
 }

 .content .inner .inner-under .program-list .list {
     width: 100%;
     height: calc(100% / 7);
     min-height: 6.25vw;
     /*80px*/
     display: flex;
     position: relative;
     box-sizing: border-box;
     border-bottom: #000 solid 2px;
 }

 .content .inner .inner-under .program-list .list:last-of-type {
     border-bottom: none;
 }

 .content .inner .inner-under .program-list .list img {
     width: 3.125vw;
     height: 3.125vw;
     position: absolute;
     left: 0;
     top: 0;
     filter: invert(1);
 }

 .content .inner .inner-under .program-list .list .program {
     width: 28.125vw;
     height: auto;
     position: absolute;
     left: 4.6875vw;
     top: 0.7813vw;

     font-size: 1.7188vw;
     line-height: 1.5;
     letter-spacing: -0.0258vw;
 }

 .content .inner .inner-under .program-list .list .program-sub-title {
     width: auto;
     height: auto;
     position: absolute;
     left: 17.1875vw;
     bottom: 0.7813vw;
     font-size: 1.25vw;
     line-height: 2.3438vw;
     letter-spacing: 0.025vw;
     text-align: right;
 }

 .content .inner .program-list .list .toggle_arw {
     display: none;
 }

 .content .inner .program-list .list .program-title {
     display: block;
     width: 56.25vw;
     height: auto;
     position: absolute;
     left: 31.6406vw;
     top: 0.7813vw;

     font-size: 1.7188vw;
     line-height: 2.5vw;
     letter-spacing: 0.0258vw;
 }

 .content .inner .program-list .list .program-title.hide {
     display: none;
 }

 /* PROGRAM LIST HOVER */
 .content .inner .inner-under .program-list .list:hover img,
 .content .inner .inner-under .program-list .list.clicked img {
     filter: brightness(0) invert(1);
 }


 .content .inner .inner-under .program-list .list.one.clicked,

 .content .inner .inner-under .program-list .list.three.clicked {
     background-color: rgb(230, 0, 54);
     background-image: none;
     color: #fff;
     transition: all 0.3s;
 }


 .content .inner .inner-under .program-list .list.two.clicked,

 .content .inner .inner-under .program-list .list.seven.clicked {
     background-color: rgb(0, 0, 0);
     background-image: none;
     color: #fff;
     transition: all 0.3s;
 }


 .content .inner .inner-under .program-list .list.four.clicked {
     background-color: rgb(229, 37, 133);
     background-image: none;
     color: #fff;
     transition: all 0.3s;
 }


 .content .inner .inner-under .program-list .list.five.clicked,

 .content .inner .inner-under .program-list .list.six.clicked {
     background-color: rgb(0, 148, 215);
     background-image: none;
     color: #fff;
     transition: all 0.3s;
 }

 /* PROGRAM DETAILS */
 .content .inner .inner-under .program-details {
     background-color: #fff;
     width: 71.875vw;
     height: 100%;
     display: none;
     z-index: 8;
 }

 .content .inner .inner-under .program-details.show {
     display: flex;
 }

 /* INNER LEFT */
 .content .inner .inner-under .program-details .inner__left {
     width: 35.9375vw;
     height: 100%;
     display: flex;
     position: relative;
     overflow-y: auto;
 }

 .content .inner .inner-under .program-details .inner__left .container {
     margin: 3.125vw;
     height: calc(100% - 6.25vw);
     width: calc(100% - 6.25vw);
 }

 .content .inner .inner-under .program-details .inner__left .container .program {
     width: 100%;
     padding-bottom: 0.8984vw;

     font-size: 1.7188vw;
     line-height: 2.5vw;
     letter-spacing: 0.0258vw;
     /* border-bottom: solid 2px rgb(230, 0, 54); */
 }

 /* BORDER BOTTOM COLOR */
 .content .inner .inner-under .program-details.one .inner__left .container .program,
 .content .inner .inner-under .program-details.three .inner__left .container .program {
     border-bottom: solid 2px rgb(230, 0, 54);
 }

 .content .inner .inner-under .program-details.two .inner__left .container .program,
 .content .inner .inner-under .program-details.seven .inner__left .container .program {
     border-bottom: solid 2px rgb(0, 0, 0);
 }

 .content .inner .inner-under .program-details.four .inner__left .container .program {
     border-bottom: solid 2px rgb(229, 37, 133);
 }

 .content .inner .inner-under .program-details.five .inner__left .container .program,
 .content .inner .inner-under .program-details.six .inner__left .container .program {
     border-bottom: solid 2px rgb(0, 148, 215);
 }

 .content .inner .inner-under .program-details .inner__left .container .program .link-m {
     display: none;
 }

 .content .inner .inner-under .program-details .inner__left .container .program-date-loc {
     display: flex;
     width: 100%;
     height: auto;
     margin-top: 1.5625vw;
     font-size: 1.25vw;
     line-height: 2.3438vw;
     letter-spacing: 0.025vw;
 }

 .content .inner .inner-under .program-details .inner__left .container .program-date-loc .date {
     width: 9.5313vw;
     margin-right: 2.8906vw;
 }

 .content .inner .inner-under .program-details .inner__left .container .program-date-loc .loc {
     width: 12.5vw;
 }

 .content .inner .inner-under .program-details .inner__left .container a.no-btn {
     margin-top: 3.125vw;
     font-size: 1.7188vw;
     line-height: 2.5vw;
     letter-spacing: 0.0258vw;
     color: rgb(230, 0, 54);
 }

 .content .inner .inner-under .program-details .inner__left a.reg-btn {
     font-size: 1.7188vw;
     line-height: 2.5vw;
     letter-spacing: 0.0258vw;
     text-align: center;
     color: rgb(230, 0, 54);
     width: calc(100% - 6.25vw);
     height: 3.125vw;
     box-sizing: border-box;
     border: 2px solid rgb(230, 0, 54);
     display: flex;
     align-items: center;
     justify-content: center;
     position: absolute;
     top: 29.5313vw;
 }

 .content .inner .inner-under .program-details .inner__left .deadline {
     font-size: 0.9375vw;
     line-height: 2.3438vw;
     letter-spacing: 0.0187vw;
     color: rgb(230, 0, 54);
     position: absolute;
     top: 33.5938vw;
 }

 /* INNER RIGHT */
 .content .inner .inner-under .program-details .m_inner {
     width: 35.9375vw;
     height: 100%;
     display: flex;
     position: relative;
     overflow-y: auto;
 }

 .content .inner .inner-under .program-details .m_inner .container {
  /*   margin: 3.125vw 3.125vw 3.125vw 0vw;*/
     height: fit-content;
     width: calc(100% - 0vw);
 }

 .content .inner .inner-under .program-details .m_inner .container .program-info {
     font-size: 1.25vw;
     line-height: 2.3438vw;
     letter-spacing: 0.025vw;
 }

 .content .inner .inner-under .program-details .m_inner .container hr {
     margin: 1.9531vw 0;
 }

 .content .inner .inner-under .program-details .m_inner .container .speakers .speaker {
     display: flex;
     flex-direction: column;
     justify-content: left;
     font-size: 1.25vw;
     line-height: 2.3438vw;
     letter-spacing: 0.025vw;
 }

 .content .inner .inner-under .program-details .m_inner .container .speakers .speaker div {
     display: flex;
     align-items: center;
 }

 .content .inner .inner-under .program-details .m_inner .container .speakers .speaker div img {
     width: 11.7188vw;
     height: auto;
     margin-right: 1.9531vw;
 }

 .content .inner .inner-under .program-details .m_inner .container .speakers .speaker div .name {
     font-family: "Suisselntl-Bold";
 }

 .content .inner .inner-under .program-details .m_inner .container .speakers .speaker .name {
     font-family: "Suisselntl-Bold";
 }

 .content .inner .inner-under .program-details .m_inner .container .speakers .speaker .info {
     margin-top: 1.9531vw;
 }

 /* DELETE AFTER UPDATE */
 .content .inner .inner-under .program-details.seven .m_inner .container .speakers .speaker .info {
     margin-top: 0;
 }

 .content .inner .inner-under .program-details .m_inner .container .link {
     width: 37.5vw;
     height: 6.25vw;
     display: flex;
     align-items: center;
     position: fixed;
     right: 0;
     bottom: 0;
     border-top: solid 2px black;
     background-color: #fff;
 }

 .content .inner .inner-under .program-details.five .m_inner .container .speakers,
 .content .inner .inner-under .program-details.six .m_inner .container .speakers,
 .content .inner .inner-under .program-details.seven .m_inner .container .speakers {
     margin-bottom: 6.25vw;
 }

 .content .inner .inner-under .program-details .m_inner .container .link img {
     width: 1.5625vw;
     height: 1.5625vw;
     margin: 0 2.3438vw;
 }

 .content .inner .inner-under .program-details .m_inner .container .link:hover {
     color: #fff;
     background-color: rgb(230, 0, 54);
 }

 .content .inner .inner-under .program-details .m_inner .container .link:hover img {
     filter: brightness(0) invert(1);
 }

 /* DELETE SCROLL BAR */

 .content .inner,
 .content .inner .inner-under .program-details .inner__left,
 .content .inner .inner-under .program-details .m_inner {
     -ms-overflow-style: none;
     /* IE and Edge */
     scrollbar-width: none;
     /* Firefox */
 }

 .content .inner::-webkit-scrollbar,
 .content .inner .inner-under .program-details .m_inner::-webkit-scrollbar,
 .content .inner .inner-under .program-details .inner__left::-webkit-scrollbar {
     display: none;
     /* Chrome, Safari, Opera*/
 }

 @media all and (max-width: 1270px) {

     /* HEADER */
     header {
         width: 100%;
         height: 156px;
         position: fixed;
         top: 0;
         z-index: 9;
     }

     /* CONTENT */
     .content {
         display: inline-block;
         height: fit-content;

     }

     .content .inner {
         width: 100vw;
         height: calc(var(--vh, 1vh)* 100 - 60px) !important;
         overflow-y: auto;
     }

     .content .inner .inner-upper {
         display: none;
         width: 100%;
         height: fit-content;
     }

     .content .inner .inner-upper.show {
         display: flex;
     }

     /* PROGRAM LIST */
     .content .inner .inner-under {
         width: 100%;
         height: 100%;
         display: flex;
         box-sizing: border-box;
         border-top: none;
     }

     .content .inner .inner-under .program-list {
         width: 100%;
         height: 100%;
         padding-left: 10px;
         padding-right: 10px;
     }

     .content .inner .inner-under .program-list .list {
         /* background-color: antiquewhite; */
         width: 100%;
         height: 132px;
         min-height: 132px;
         display: inline-block;
         position: relative;
         box-sizing: border-box;
         border-top: #000 solid 2px;
         border-bottom: none;
     }

     /* .content .inner .inner-under .program-list .list:last-child {
          height: auto;
        } */

     .content .inner .inner-under .program-list .list:last-of-type {
         border-bottom: none;
     }

     .content .inner .inner-under .program-list .list img {
         width: 39px;
         height: 39px;
         position: absolute;
         left: 0;
         top: 0;
         filter: invert(1);
     }

     .content .inner .inner-under .program-list .list .program {
         width: auto;
         height: auto;
         position: absolute;
         left: 60px;
         top: 10px;
         font-size: 22px;
         line-height: 32px;
         letter-spacing: 0.33px;
     }

     .content .inner .inner-under .program-list .list .program-sub-title {
         height: auto;
         position: absolute;
         left: auto;
         right: 40px;
         bottom: 10px;
         font-size: 16px;
         line-height: 30px;
         letter-spacing: 0.32px;
         text-align: right;
     }

     .content .inner .program-list .list .program-title {
         display: none;
     }

     /* LIST CLICKED */

     .content .inner .inner-under .program-list .list.clicked {
         position: fixed;
         width: 100vw;
         height: 80px;
         top: 60px;
         z-index: 8;
         border-bottom: none;
     }

     .content .inner .inner-under .program-list .list.hide {
         display: none;
     }

     .content .inner .inner-under .program-list .list.clicked .toggle_arw {
         display: flex;
         width: 18px;
         height: 18px;
         position: absolute;
         top: 20px;
         left: auto;
         right: 30px;
     }

     .content .inner .inner-under .program-list .list.three.clicked .toggle_arw,
     .content .inner .inner-under .program-list .list.seven.clicked .toggle_arw {
         position: absolute;
         top: auto;
         bottom: 10px;
         left: auto;
         right: 30px;
     }

     /* PROGRAM THUMBNAIL */

     .content .inner .inner-upper .program-thumbnail {
         /*font-size: 0;*/
     }

     .content .inner .inner-upper .program-thumbnail .thumbnail {
         position: static;
         /* background-color: aqua; */
         margin-top: 80px;
         width: 100%;
         height: fit-content;
         display: none;
     }

     .content .inner .inner-upper .program-thumbnail .thumbnail.show {
         display: inline-block;
     }

     .content .inner .inner-upper .program-thumbnail .thumbnail .m_inner {
         display: none;
     }

     /* PROGRAM 1 */
     .content .inner .inner-upper .program-thumbnail .thumbnail.one .inner__left {
         width: 100vw;
         height: 156px;
         display: flex;
         background-image: url("../images/IMAGE/1_open_talk/h1_bg_2_m.jpg");
         background-position: center;
         background-size: cover;
         background-repeat: no-repeat;
     }

     /* PROGRAM 2 */
     .content .inner .inner-upper .program-thumbnail .thumbnail.two .inner__left {
         width: 100vw;
         height: 156px;
         display: flex;
         background-image: url("../images/IMAGE/2_video_projection/h2_bg_2_m.jpg");
         background-position: center;
         background-size: cover;
         background-repeat: no-repeat;
     }

     /* PROGRAM 3 */

     .content .inner .inner-upper .program-thumbnail .thumbnail.three .inner__left {
         width: 100vw;
         height: 156px;
         display: flex;
         background-image: url("../images/IMAGE/3_networking/h3_bg_2_m.jpg");
         background-position: center;
         background-size: cover;
         background-repeat: no-repeat;
     }

     /* PROGRAM 4 */

     .content .inner .inner-upper .program-thumbnail .thumbnail.four .inner__left {
         width: 100vw;
         height: 156px;
         display: flex;
         background-image: url("../images/IMAGE/4_startup_rs_ot/h4_bg_2_m.jpg");
         background-position: center;
         background-size: cover;
         background-repeat: no-repeat;
     }

     /* PROGRAM 5 */

     .content .inner .inner-upper .program-thumbnail .thumbnail.five .inner__left {
         width: 100vw;
         height: 156px;
         display: flex;
         background-image: url("../images/IMAGE/5_skbc_networking/h5_bg_2_m.jpg");
         background-position: center;
         background-size: cover;
         background-repeat: no-repeat;
     }

     /* PROGRAM 6 */

     .content .inner .inner-upper .program-thumbnail .thumbnail.six .inner__left {
         width: 100vw;
         height: 156px;
         display: flex;
         background-image: url("../images/IMAGE/6_symposium/h6_bg_2_m.jpg");
         background-position: center;
         background-size: cover;
         background-repeat: no-repeat;
     }

     /* PROGRAM 7 */
     .content .inner .inner-upper .program-thumbnail .thumbnail.seven .inner__left {
         width: 100vw;
         height: 156px;
         display: flex;
         background-image: url("../images/IMAGE/7_closing_night/h7_bg_2_m.jpg");
         background-position: center;
         background-size: cover;
         background-repeat: no-repeat;
     }

     /* PROGRAM DETAILS */
     .content .inner .inner-under .program-details {
         background-color: #fff;
         width: 100%;
         height: 100%;
         display: none;
         z-index: 1;
         /* font-size: 0;*/
     }

     .content .inner .inner-under .program-details.show {
         display: inline-block;
     }

     /* INNER LEFT */
     .content .inner .inner-under .program-details .inner__left {
         /* background-color: orange; */
         width: 100vw;
         height: fit-content;
         display: inline-block;
         position: static;
     }

     .content .inner .inner-under .program-details .inner__left .container {
         /* background-color: aqua; */
         margin: 20px 25px;
         height: fit-content;
         width: calc(100% - 50px);
         position: static;
     }

     .content .inner .inner-under .program-details .inner__left .container .program {
         display: flex;
         justify-content: space-between;
         width: 100%;
         padding-bottom: 10px;

         font-size: 16px;
         line-height: 24px;
         letter-spacing: 0.32px;
         border-bottom: solid 2px rgb(230, 0, 54);
     }

     .content .inner .inner-under .program-details .inner__left .container .program .link-m {
         display: inline-block;
         width: 20px;
         height: 20px;
         margin-top: 10px;
     }

     .content .inner .inner-under .program-details .inner__left .container .program-date-loc {
         display: flex;
         width: 100%;
         height: auto;
         margin-top: 18px;
         font-size: 12px;
         line-height: 18px;
     }

     .content .inner .inner-under .program-details .inner__left .container .program-date-loc .date {
         width: 122px;
         margin-right: 47px;
     }

     .content .inner .inner-under .program-details .inner__left .container .program-date-loc .loc {
         width: 160px;
     }

     .content .inner .inner-under .program-details .inner__left .container a.no-btn {
         margin-top: 40px;
         font-size: 16px;
         line-height: 26px;
         letter-spacing: 0.32px;
         text-align: center;
         color: rgb(230, 0, 54);
     }

     .content .inner .inner-under .program-details .inner__left a.reg-btn {
         font-size: 16px;
         line-height: 32px;
         letter-spacing: 0.24px;
         text-align: center;
         color: rgb(230, 0, 54);
         width: calc(100% - 4px);
         height: 38px;
         border: 2px solid rgb(230, 0, 54);
         display: flex;
         align-items: center;
         justify-content: center;
         position: static;
         margin: 25px 0px 5px 0px;
     }

     .content .inner .inner-under .program-details .inner__left {
         color: #fff;
         background-color: rgb(230, 0, 54);
     }

     .content .inner .inner-under .program-details .inner__left .deadline {
         font-size: 12px;
         line-height: 30px;
         letter-spacing: 0.24px;
         color: rgb(230, 0, 54);
         position: static;
     }

     /* INNER RIGHT */
     .content .inner .inner-under .program-details .m_inner {
         width: calc(100% - 20px);
         height: fit-content;

         display: inline-block;
         position: static;
         overflow-y: visible;
     }

     .content .inner .inner-under .program-details .m_inner .container {

         height: fit-content;
         width: calc(100% - 0px);
     }

     .content .inner .inner-under .program-details .m_inner .container .program-info {
         font-size: 12px;
         line-height: 18px;
         letter-spacing: 0.24px;
         color: #fff;
     }

     .content .inner .inner-under .program-details .m_inner .container hr {
         border: solid 1px #fff;
         margin: 25px 0;
     }

     .content .inner .inner-under .program-details .m_inner .container .speakers .speaker {
         display: flex;
         flex-direction: column;
         justify-content: left;
         font-size: 12px;
         line-height: 18px;
         letter-spacing: 0.24px;

     }

     .content .inner .inner-under .program-details .m_inner .container .speakers .speaker div {
         display: flex;
         align-items: center;
     }

     .content .inner .inner-under .program-details .m_inner .container .speakers .speaker div img {
         width: 140px;
         height: auto;
         margin-right: 25px;
     }

     .content .inner .inner-under .program-details .m_inner .container .speakers .speaker div .name {
         font-family: "Suisselntl-Bold";
     }

     .content .inner .inner-under .program-details .m_inner .container .speakers .speaker .info {
         margin-top: 20px;
     }

     .content .inner .inner-under .program-details .m_inner .container .link {
         display: none;
     }

     /* DELETE SCROLL BAR */

     .content .inner,
     .content .inner .inner-under .program-details .inner__left,
     .content .inner .inner-under .program-details .m_inner {
         -ms-overflow-style: none;
         /* IE and Edge */
         scrollbar-width: none;
         /* Firefox */
     }

     .content .inner::-webkit-scrollbar,
     .content .inner .inner-under .program-details .m_inner::-webkit-scrollbar,
     .content .inner .inner-under .program-details .inner__left::-webkit-scrollbar {
         display: none;
         /* Chrome, Safari, Opera*/
     }

     /* COLOR */
     /* INFO BG COLOR */
     .content .inner .inner-under .program-details.one .m_inner,
     .content .inner .inner-under .program-details.three .m_inner {}

     .content .inner .inner-under .program-details.two .m_inner,
     .content .inner .inner-under .program-details.seven .m_inner {}

     .content .inner .inner-under .program-details.four .m_inner {}

     .content .inner .inner-under .program-details.five .m_inner,
     .content .inner .inner-under .program-details.six .m_inner {}
 }



 /*** custom css   *****/
 .list-title-div {
     width: 100%;
     height: auto;
     display: flex;
     margin-top: 20px;
 }

 .list .program_type_m {

     font-size: 14px;
     margin: 0 !important;
     width: auto;
     color: white;
     padding: 10px;

     font-family: "neue-haas-grotesk-text";
     border-radius: 50px;
     font-weight: 500;


     float: left;
 }

 .list .program_des_m {
    font-size: 18px;
    line-height: 24px !important;
     width: auto;
     color: black;


     font-family: "neue-haas-grotesk-text";
     padding-left: 0px !important;
     font-weight: 400;
     display: inline;
     float: left;
     width: 100%;
     margin-top: 15px;
     top: 20px;
     margin-bottom: 20px;
     line-height: 28px;
 }



 .inner {
     padding-left: 0px;
     padding-right: 0px;
 }

 .content .inner .inner-under .program-list .list {
     height: unset;
     min-height: unset;
 }

 .content .inner .inner-under .program-list .list.clicked {
     left: 0 !important;
     height: unset;
 }

 .clicked .list-title-div {
     margin-top: 0 !important;
 }

 .clicked .program_type_m {
     color: white !important;
     border: none;
     background: none !important;
     font-size: 24px;
     font-family: "neue-haas-grotesk-text";
     font-weight: 400;
 }

 .clicked .program_des_m {
     color: white !important;
     font-family: "neue-haas-grotesk-text";
     padding-left: 10px !important;
     margin-top: -6px;
     margin-bottom: 38px;
 }

 .content .inner .inner-under .program-details .m_inner .container {

     height: fit-content;
     width: calc(100% - 0px);
     font-family: "neue-haas-grotesk-text";
     padding: 0 !important;
     padding-top: 40px !important;
 }

 .content .inner .inner-under .program-details .m_inner {
     padding-left: 0px;
     padding-right: 0px;
 }

 .container p {}

 .list.one.clicked {
     background-color: #9A57DD !important;
 }
 .list.two.clicked {
    background-color: #3FB0FC !important;
}
.list.three.clicked {
    background-color: #05AA50 !important;
}
.list.four.clicked {
    background-color: #DC0014 !important;
}
.list.five.clicked {
    background-color: #FF84DD !important;
}
.list.six.clicked {
    background-color: #FF84DD !important;
}
.list.seven.clicked {
    background-color: #FE5823!important;
}
.list.eight.clicked {
    background-color: black!important;
}

 .div-50-1-m {
     width: 50%;
     float: left;
     padding-left: 20px;
 }

 .div-50-2-m {
     width: 50%;
     float: left;
     padding-right: 20px;
 }

 .div-50-1-m p,
 .div-50-2-m p {
     padding-left: 0;
 }

 .div-100-m {
     width: 100%;
     float: left;
     position: relative;
     display: flex;
 }

 .m-flag {
     width: 100%;
     height: 50vw;
    
     display: flex;
     margin-top: 20px;
     position: relative;
     top: 20px;
     background-size: cover;
     background-position: 50%, 50%;
 }

 .content .inner .inner-under .program-details.show {
     position: absolute !important;
 }

 .content .inner .inner-under .program-details .m_inner {
     width: 100% !important;
 }

 .div-des-m {
     margin-top: 40px;
     width: 100%;
 }

 .div-des-m .d-tag {
    padding-left:20px;
    padding-right:20px;
    margin-top:20px;
 }
 .d-divine
 {
    border: solid 0px #fff !important;
    /* margin: 25px 0; */
    margin-left: 20px;
    width: calc(100vw - 40px);
    margin: 0 !important;
    margin-left: 20px !important;
    margin-top:10px !important;
    margin-bottom:10px !important;
    height:1px !important;
}
.content .inner .inner-under .program-details.one.show
{
    top:72px !important;   
}
.content .inner .inner-under .program-details.two.show
{
    top:120px !important;   
}
.content .inner .inner-under .program-details.three.show
{
    top:96px !important;   
}
.content .inner .inner-under .program-details.four.show
{

    top:96px !important; 
}
.content .inner .inner-under .program-details.five.show
{
    top:72px !important;     
}
.content .inner .inner-under .program-details.six.show
{
    top:120px !important;  
}
.content .inner .inner-under .program-details.seven.show
{
    top:120px !important;
}
.content .inner .inner-under .program-details.eight.show
{
    top:72px !important;   
}

.content .inner .inner-under .program-list .list.two.clicked, .content .inner .inner-under .program-list .list.one.clicked,
.content .inner .inner-under .program-list .list.two.clicked, .content .inner .inner-under .program-list .list.two.clicked,
.content .inner .inner-under .program-list .list.two.clicked, .content .inner .inner-under .program-list .list.three.clicked,
.content .inner .inner-under .program-list .list.two.clicked, .content .inner .inner-under .program-list .list.four.clicked,
.content .inner .inner-under .program-list .list.two.clicked, .content .inner .inner-under .program-list .list.five.clicked,
.content .inner .inner-under .program-list .list.two.clicked, .content .inner .inner-under .program-list .list.six.clicked,
.content .inner .inner-under .program-list .list.two.clicked, .content .inner .inner-under .program-list .list.seven.clicked,
.content .inner .inner-under .program-list .list.two.clicked, .content .inner .inner-under .program-list .list.eight.clicked
{
    border:none !important;
}

@media (max-width: 1271px) {
    .container, .container-md, .container-sm {
      max-width: none !important;
    }
}



.list.clicked .ar-img
{
 display: block !important;
}
.ar-img
{
    width: 20px !important;
    position: absolute;
    bottom: 10px !important;
    right: 10px !important;
    top: unset !important;
    height: auto !important;
    left: unset !important;
    display:none  !important;
}
body > div.container.m-content.m-c.content > div > div.inner-under > ul > li.list.one.clicked
{
    height: 92px;
}
body > div.container.m-content.m-c.content > div > div.inner-under > ul > li.list.two.clicked
{
    height:140px;
}
body > div.container.m-content.m-c.content > div > div.inner-under > ul > li.list.three.clicked
{
    height: 116px;
}
body > div.container.m-content.m-c.content > div > div.inner-under > ul > li.list.four.clicked
{
    height: 116px;
}
body > div.container.m-content.m-c.content > div > div.inner-under > ul > li.list.five.clicked
{
    height: 92px;
}
body > div.container.m-content.m-c.content > div > div.inner-under > ul > li.list.six.clicked
{
    height:140px;
}
body > div.container.m-content.m-c.content > div > div.inner-under > ul > li.list.seven.clicked
{
    height:140px;
}
body > div.container.m-content.m-c.content > div > div.inner-under > ul > li.list.eight.clicked
{
    height: 92px;

}


.mreq_bu img
{
    width:10px;
    margin-left:5px;
}
#pp-des1 hr
{
    background:#9A57DD !important;
}

#pp-des2 hr
{
    background:#3FB0FC !important;
}

#pp-des3 hr
{
    background:#05AA50!important;
}

#pp-des4 hr
{
    background:#DC0014!important;
}

#pp-des5 hr
{
    background:#FF84DD !important;
}

#pp-des6 hr
{
    background:#FF84DD !important;
}

#pp-des7 hr
{
    background:#FE5823 !important;
}

#pp-des8 hr
{
    background:black!important;
}