#seminar {margin: 40px auto 100px; padding: 10px; overflow: auto;}
.seminar_top{display: flex; justify-content: space-between;}
.regi_top{display: flex; justify-content: space-between;}
.seminar_top p{display: flex; align-items: center; justify-content: right;}
.regi_top p{display: flex; align-items: center; font-size: 14px;}
.parallelism{width: 60px; height: 20px; display: block; margin: 0 10px;}
.green{background-color: #e2fff2;}

/* 온오프, 세미나, 발표대회 구분 */
.online{background-color: #e9ebf5 !important;}
.onoff{background-color: #cfd5ea !important; }
.seminar{background-color: #fef6d1 !important;}
.present{background-color: #fbe5d7 !important;}
.special{background-color: #e2f0d9 !important;}
.null_color{background-color: #efefef !important;}
.no_onsite{font-size: 0.6rem; padding-bottom: 3px;}

.ex_showbox{width: 60px; height: 20px; display: block; margin: 0 10px; border: 1px solid red;}
 table{margin: 10px auto; font-size: 14px;}
 th{vertical-align: middle; padding: 15px 10px; font-size: 16px; font-weight: bold; border: 1px solid #ddd;}
 tr{height: 180px;}
 #seminar thead tr{height: 44px !important;}
/* td{padding: 0 10px 50px 10px; vertical-align: middle; border: 1px solid #ddd; line-height: 1.5; position: relative;}*/
 td{padding: 10px 4px 40px; vertical-align: middle; border: 1px solid #ddd; line-height: 1.5; position: relative;}
 th, td{border-bottom: 2px solid #d3d3d3; text-align: center; word-break: keep-all;}
 td > div.iconbox {max-width: 106px; width: 100%; left:50%; display: flex; justify-content: space-between; align-items: center; position: absolute; bottom: 0px; transform: translateX(-50%);}
 td div span:nth-child(1) i{color: #00a31e; font-size: 18px; cursor: pointer;}
 td div span:nth-child(2) i{color: #3030d8; font-size: 16px; cursor: pointer;}
 td div span:nth-child(3) i{color: #ff5a5a; font-size: 20px; cursor: pointer;}
 .room_number{background-color: #fff; color: #fff;}
 tbody th{background-color: #62a6fd; color: white;}
 thead th{border: 1px solid white; background-color: #62a6fd; color: white; font-weight: bold; font-size: 16px;}
 .on{background-color: #ffe4e4;}
 .paral{background-color: #e4f3ff;}

/*  tbody tr {background-color: #faf6e5;} */
 tbody tr.bordertop {border-top: 3px solid #b3d2ff;}
.room_number1{background-color: #004194;}
.room_number2{background-color: #004194;}
/*.room_number3{background-color: #faf8e5;}
.room_number4{background-color: #f2e5ff;}
.room_number5{background-color: #e7ffe4;}
.room_number6{background-color: #e0e3f8;}
.room_number7{background-color: #e6fbf3;} */


@media(max-width: 1080px){
   td{padding: 10px 5px; word-break: keep-all;}
   th, td{word-break: normal;}
  .online, .parallelism{width: 40px;}
   table{width: 1100px; font-size: 12px;}
   th{font-size: 14px; min-width: 0; padding: 5px;}
  .seminar_top{flex-direction: column;}
}


/* seminar1_pop */
body{position: relative;}
html.overlay::after{content: ""; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.65);}
.seminar_pop{overflow: auto; border: 1px solid #ddd; background-color: white; border-radius: 20px; display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 850px; width: 100%; padding: 40px 20px 30px; max-height: 800px; z-index: 99;}
.seminar_pop.on{display: block;}
.seminar_pop .xbox{position: absolute; top: 10px; right: 20px; font-size: 20px; font-weight: bold; cursor: pointer;}
.seminar_pop .timetitle{font-size: 24px; font-weight: bold; text-align: center; margin: 5px auto;}
.seminar_pop table{border-top: 5px solid #004194; border-bottom: 5px solid #004194;}
.seminar_pop table thead th{padding: 0px; font-size: 14px; border-color: #004194;}
.seminar_pop thead th:nth-child(1){width: 15%;}
.seminar_pop thead th:nth-child(2){width: 40%;}
.seminar_pop table thead tr{height: 40px;}
.seminar_pop table tbody tr{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 3; height: auto;}
.seminar_pop table{background-color: #f8f8f8;}
.seminar_pop table tbody tr td{padding: 5px 10px; line-height: 1.5;}
.seminar_pop table tbody tr td:nth-child(1){border-right: 1px solid #ddd; border-left: transparent;}
.seminar_pop table tbody tr td:nth-child(4){border-right: transparent;}
.seminar_pop .title1, .seminar_pop .title2{display: flex; align-items: center; border: 1px solid #ddd; border-color: #ddd transparent; padding: 5px 0; margin: 3px;}
.seminar_pop .title1 span, .seminar_pop .title2 span{}
.seminar_pop .title1 span:nth-child(1), .seminar_pop .title2 span:nth-child(1){height: 34px; line-height: 34px; padding-right: 5px; background-color: #ddd; text-align: center; max-width: 100px; width: 100%; margin-right: 10px;}
@media(max-width:1080px){
  .seminar_pop{overflow-y: auto; padding: 30px 10px 10px;}
  .seminar_pop table{
    max-width: 800px;
    width: 100%;
  }
  .seminar_pop table tbody tr td{padding: 3px;}
}
@media(max-width:650px){
  .seminar_pop thead th:nth-child(1){width: 10%;}
  .seminar_pop thead th:nth-child(2){width: 45%;}
  .seminar_pop thead th:nth-child(3){width: 25%;}
  .seminar_pop .timetitle{display: none; font-size: 18px; margin: 10px auto 5px;}
  .seminar_pop table{margin: 5px 0; font-size: 11px;}
  .seminar_pop .title1, .seminar_pop .title2{font-size: 14px;}
  .seminar_pop table tbody tr td{padding: 1px;}
}

/* popup */


/* mypage */
.mypage tbody tr:nth-child(2n-1){border: none;}
.mypage tr{height: 60px;}
.mypage th{padding: 5px; background-color: #dbdbdb; color: #000; border: 1px solid white;}
.mypage td{padding: 5px 15px; text-align: left;}
.mypage .btn{display: block; border: none; background-color: #004194; color: white; padding: 15px 80px;}