@charset "utf-8";
/* CSS Document */

/* 하단 신청하기 버튼 */
.section.submit-btn { padding-top: 30px;}
.section.submit-btn .btn-wrap { margin-top: 0; }

/* PC - 참석자 리스트 */
.attendees-wrap { position: relative; }
.attendees-wrap table.normal-table th { font-size: 1.2rem; }
.attendees-wrap table.normal-table td { font-size: 1.2rem; }
.attendees-wrap table.normal-table .tr-add { background: #fffaef;}
.attendees-wrap table.normal-table input[type=text].text-input { height: 25px; font-size: 1.1rem;}
.attendees-wrap table.normal-table input[type=checkbox]:not(old) + label { margin: 0; padding-left: 15px; }

/* Mobile - 참석자 리스트 */
.mo-attendees-list { display: none; position: relative; margin-top: 15px; }
.mo-attendees-list .item { position: relative; padding: 15px; background: #fff; border: 1px solid #cfcfcf; }
.mo-attendees-list .item .txt { font-size: 1.2rem; color: #888; }
.mo-attendees-list .item:not(:last-child) { margin-bottom: 15px; }
.mo-attendees-list .item .tit { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #cfcfcf; font-size: 1.5rem; font-weight: 600; }
.mo-attendees-list .item .tit .tit-input { display: inline-block; position: relative;}
.mo-attendees-list .item .tit .tit-input label { position: absolute; top: -3px; left: 4px;}
.mo-attendees-list .item.empty { padding: 40px 0; text-align: center; background: #f7f7f7; }
.mo-attendees-list .item dl .row { display: flex; font-size: 1.2rem; }
.mo-attendees-list .item dl .row:not(:last-child) { padding-bottom: 5px; }
.mo-attendees-list .item dl .row dt { width: 120px; font-weight: 500; position: relative; padding-left: 10px; color: #7a85ab;}
.mo-attendees-list .item dl .row dd { width: calc(100% - 120px); position: relative;}
.mo-attendees-list .item dl .row dt:after { content: ''; display: block; width: 2px; height: 2px; position: absolute; top: 9px; left: 0; background: #7a85ab;}

.table-btn.btn-wrap.mo-table-btn { display: none; top: 15px; right: 15px; }
.table-btn.btn-wrap.mo-table-btn.dd { top: 0px; left: -4px; right: auto; }

.pop-wrap .pop-area .form-area { text-align: left; }
.pop-wrap .pop-area .form-area .row:not(:last-child) { padding-bottom: 15px; }
.pop-wrap .pop-area .form-area .row .tit { font-weight: 600; font-size: 1.1rem; padding-bottom: 5px; }

.notice-txt { position: relative; }
.notice-txt .txt { font-size: 1.2rem; color: #495fb1;}
.notice-txt .txt:not(:last-child) { padding-bottom: 7px; }

.agreement { margin: 20px 0 20px; }
.agreement .textbox { margin: 10px 0 5px; font-size: 1.2rem; color: #444; border-top: 1px solid #dee3eb; padding: 15px; border: 1px solid #dee3eb; background: #f8f8f8; }
.agreement .check label { font-size: 1.2rem; font-weight: 500; }
.agreement .check label .imp { margin-left: 3px; font-size: 1.2rem; top: 0; }
.agreement .txt-left { text-align: left; }
.agreement .txt-right { text-align: right; }
.agreement .txt-right .txt {font-size: 1.1rem; }
.agreement .table {max-width: 100%; width: 700px;}
.agreement .table table.normal-table { margin-top: 5px; border-right: 1px solid #e5e5e5; }
.agreement .table table.normal-table tbody tr td { font-size: 1.1rem; border: 1px solid #e5e5e5; height: 35px; border-right: 0; border-top: 0; background: #fff; }
.agreement .table table.normal-table thead tr th { font-size: 1.1rem; background: #e9e9e9; height: 35px; }
.agreement .tit { font-size: 1.4rem; font-weight: 600; padding-bottom: 10px;}
.agreement .boolean-1 { position: relative; font-size: 1.2rem; padding: 0 0 5px 20px; }
.agreement .boolean-1:after { content: ''; width: 10px; height: 10px; border-radius: 10px; border: 3px solid #88a1c7; position: absolute; top: 5px; left: 0; }
.agreement .boolean-2 { position: relative; font-size: 1.1rem; padding: 0 0 5px 20px;}
.agreement .boolean-2:after { content: ''; width: 4px; height: 4px; border-radius: 10px; background: #555; position: absolute; top: 6px; left: 8px; }
.agreement .colr-red { color: #ab2222; }

.my-cont-wrap table.normal-table tbody tr td .s-btn { background: #fff; font-size: 1rem; font-weight: 600; color: #666; min-width: auto; border: 1px solid #b5b9bf; margin: 0 2px; padding: 4px 3px; transition: background 0.3s ease 0s;
  cursor: pointer; }
.my-cont-wrap table.normal-table tbody tr td .s-btn:not(:disabled):hover { box-shadow: 1px 2px 0 #e3e3e3; }


@media all and (max-width: 1024px) {
  .attendees-wrap table.normal-table { display: none; }
  .mo-attendees-list { display: block; }
    
  .table-btn.btn-wrap .pc-btn { display: none; }
  .table-btn.btn-wrap.mo-table-btn { display: block; }
  .attendees-wrap > .table-btn.btn-wrap button { border-color: #5496ff; color: #5496ff; }
  .table-btn.btn-wrap button.s-btn.edu { border-color: #5496ff; color: #5496ff;}
}

@media (max-width: 550px) {
  .agreement .textbox { font-size: 1.2rem; padding: 10px; }
}