/* ############## MAIN_AREA #############*/
main .main_area {position: relative; display: flex; justify-content: center; margin-top: 140px;}
main .main_area > div {display: flex; justify-content: space-between; width: 90%; max-width: 1480px;}
main .main_area > div > div:nth-child(1) {background-color: #14203a; color: #ffffff; width: 340px; padding: 20px; }
main .main_area > div > div:nth-child(2) img {width: 95%;margin-left: 30px;float: right;}


main .main_area > div > div:nth-child(1) > div:nth-child(1) {width: 100%; height: 20%;padding: 20px; border-bottom: 1px solid #2e3a53; font-size: 24px; }
main .main_area > div > div:nth-child(1) > a > div {color: #ffffff; width: 100%; height: 20%;padding: 19px;display: flex; align-items: center; font-size: 20px; font-weight: 300;}
main .main_area > div > div:nth-child(1) > a  {width: 100%; height: 20%;padding: 20px; border-bottom: 1px solid #2e3a53; display: flex; justify-content: space-between; align-items: center;}
main .main_area > div > div:nth-child(1) > a img { height: 30px;}


/* ################# SPEAKERS_AREA ##################### */
main .speakers_area {display: flex; justify-content: center; margin: 100px 0px;}
main .speakers_area > div {width: 90%; max-width: 1480px;}
main .speakers_area > div > div:nth-child(1) {font-size: 40px; font-weight: 500;margin-bottom: 50px;}
main .speakers_area .speakers_container {display: flex; flex-wrap: wrap; }
main .speakers_area .speakers_container .speakers_items { width: 19%; height: 300px; margin-top: 20px; margin-right: 20px; position: relative;}
main .speakers_area .speakers_container .speakers_items > a > div {width: 100%; height: 100%; display: flex; justify-content: center;} 
main .speakers_area .speakers_container .speakers_items > a > div > div {width: 90%; position: absolute; bottom: 20px;}
main .speakers_area .speakers_container .speakers_items > a > div > div > div:nth-child(1) {color: #ffffff;font-size: 20px;}
main .speakers_area .speakers_container .speakers_items > a > div > div > div:nth-child(2) {color: #D4D4D4; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
/* main .speakers_area .speakers_container .speakers_items > a {display: block;} */


/* ############### PROGRAM_AREA #####################*/
main .program_area {display: flex; justify-content: center; padding-bottom: 50px;}
main .program_area > div {width: 90%; max-width: 1480px;}
main .program_area > div > div:nth-child(1) {font-size: 40px; font-weight: 500; margin-bottom: 50px;}
main .program_area > div > .program_items {margin-bottom: 50px;}
main .program_area > div > .program_items > div:nth-child(1) {font-size: 18px; font-weight: 600; color: #ACACAC; margin-bottom: 10px;}
main .program_area > div > .program_items > div:nth-child(2) {font-size: 24px; color: #202F67; font-weight: 600;}
main .program_area > div > .program_items > div:nth-child(1) > span:nth-child(1) {border-right: 1px solid #ACACAC; padding-right: 10px;}
main .program_area > div > .program_items > div:nth-child(1) > span:nth-child(2) {margin-left: 10px; }


/* ################# NOTICE_AREA ################## */
main .notice_area {display: flex; justify-content: center; background-color: #ececec; padding: 100px 0px;}
main .notice_area > div {width: 90%; max-width: 1480px;}
main .notice_area > div > div:nth-child(1) {text-align: center; font-size: 40px; font-weight: 600;}
main .notice_area > div .notice_container {display: flex; margin-top: 50px;justify-content: space-between; flex-wrap: wrap;}
main .notice_area > div .notice_items {width: 32%;  height: 300px;}
main .notice_area > div .notice_items > a > div {height: 100%;width: 100%; display: flex; justify-content: center; align-items: center;}
main .notice_area > div .notice_items > a > div > div > div {font-size: 26px; font-weight: 500; color: #ffffff;}
main .notice_area > div .notice_items > a > div > div img {width: 70px; text-align: center; margin-top: 20px;}
main .notice_area > div .notice_items > a > div > div div:nth-child(3) {display: flex; justify-content: center;}


@media all and (max-width:1020px) {
      /* main_area */
  main .main_area > div > div:nth-child(1) {display: none;}
  main .main_area {margin-top: 80px; }
  main .main_area > div {width: 100%;}
  main .main_area > div > div:nth-child(2) img {width: 100%; margin: 0px;}
  main .speakers_area .speakers_container .speakers_items {width: 24%;}
}

@media all and (max-width:730px) {
    main .notice_area > div .notice_container { justify-content: center;}
    main .notice_area > div .notice_items {width: 90%; margin-top: 20px;}
    main .speakers_area .speakers_container .speakers_items {width: 40%;}
}

@media all and (max-width:500px) {
    main .speakers_area .speakers_container .speakers_items {width: 70%;}
}