@charset "utf-8";

@import url("common.css?v=250804");

/* login */
.loginWrap {display:flex;height:auto;min-height:100%; justify-content:center;align-items:center;flex-direction: column;justify-content: space-between; background:url(../images/common/bg_login.png) no-repeat 0 0;background-size:cover;}
.loginWrap #container {padding:100px 0 0; min-height: auto;}
.loginWrap .loginContent {width:488px;padding:70px 60px;border:1px solid #CCC;border-radius:8px;background:#fff; margin: 0 auto;}
.loginWrap .logoWrap {display:flex; justify-content:center; padding: 0 0 40px;}
.loginWrap .logoWrap .logo {overflow:hidden;display:block;max-width:312px; max-height: 47px; display: flex; justify-content: center; align-items: center;}
.loginWrap .logoWrap .logo img {max-height: 100%;}
.loginWrap .errorMsg {margin:14px 0 0; font-size: 14px;}
.loginWrap .inputWrap + .inputWrap {margin-top:16px;}
.loginWrap .inputWrap input {height:56px;padding:0 60px 0 20px;border:1px solid #F4F4F4;border-radius:4px;color:#222;font-size:14px;background:#F4F4F4}
.loginWrap .inputWrap input::placeholder {color:#ccc}
.loginWrap .inputWrap input.error {border-color:#EE4B3C;}
.loginWrap .inputWrap > button {position:absolute;right:14px;top:50%;overflow:hidden;width:28px;height:28px;transform: translateY(-50%);background-size: cover;text-indent:-999px;}
.loginWrap .inputWrap > button.btnDel {background-image: url(../images/icon/btn_delete.svg);}
.loginWrap .inputWrap > button.btnShow {background-image: url(../images/icon/ico_hide_password.svg); background-color: transparent;}
.loginWrap .inputWrap > button.btnShow.hide {background-image: url(../images/icon/ico_show_password.svg);}
.loginWrap .loginContent .btnLogin {width:100%;height:56px;border-radius:4px;color:#fff;background:#3750e6;font-size:16px;font-weight:800;text-align:center;line-height:56px; margin-top:20px;}
.loginWrap .loginContent .btnLogin:disabled {color:#ccc;background:#666;}
.loginWrap .regibtnWrap {margin-top:40px; }
.loginWrap .regibtnWrap .btnRegister {width:48%;height:56px;border-radius:4px;color:#3750e6;background:#fff; border: 1px solid #3750e6; font-size:16px;font-weight:800;text-align:center;line-height:56px;}
.loginWrap .saveFindWrap {display:flex;margin-top:16px;justify-content: space-between;align-items: center;}
.loginWrap .saveFindWrap input {width:0;height:0;opacity:0;}
.loginWrap .saveFindWrap label {padding-left:28px;font-size:14px;color:#666;background:url(../images/icon/ico_checkbox.svg) no-repeat left center; background-size: 18px auto; cursor: pointer;}
.loginWrap .saveFindWrap input:checked + label {background-image:url(../images/icon/ico_checkbox_on.svg)}
.loginWrap .saveFindWrap .findWrap a {font-size:14px;color:#666;}
.loginWrap .loginInfoWrap {margin-top:20px; font-size:12px; background:#f8fbff; border-radius:4px; padding:14px 15px;}
.loginWrap .loginInfoWrap p {color:#707070; font-weight:100; font-size:12px; line-height: 1.3; padding-top: 4px;} 
.loginWrap .loginInfoWrap span {color:#222; font-weight:800; font-size:12px; } 
.loginWrap #footer {background-color: transparent; width: 100%;}
.loginWrap #footer .info {padding-top: 44px; color: rgba(255,255,255,0.8)}
.loginWrap #footer .info p {color: rgba(255,255,255,0.8)}
.loginWrap #footer .info p.engTxt {color: rgba(255,255,255,0.6)}
.loginWrap #footer .infoInner .helpdesk {border-left:1px solid rgba(255,255,255,0.4)}
.loginWrap #footer .info .number,
.loginWrap #footer .info .mail {color: rgba(255,255,255,0.8)}
.loginWrap #footer .info .number {background-image: url(../images/icon/ico_phone_w.svg);}
.loginWrap #footer .info .mail {background-image: url(../images/icon/ico_mail_w.svg);}

/* policy */
.point-txt {color: #ee4b3c; font-size: 14px; margin-top: 20px; line-height: 1.5;}
.agreebox-wrap { padding:26px 10px 26px 30px; line-height: 25px; color: #666;background-color:#fff; border-radius:8px; }
.agreebox-wrap .agreebox-in {max-height: 200px; overflow-y: auto; padding-right: 48px; }
.agreebox .tit { margin: 25px 0 10px 0px; font-size: 16px; font-weight: 800; color: #000;  }
.agreebox .tit:first-child { margin-top: 0; }
.agreebox .tit-sub {margin: 15px 0 5px; font-size: 15px; line-height: 23px; font-weight: 500; position: relative; color: #1e1e1e;} /20240826/
.agreebox .tit-sub em {margin-left: 5px;}
.agreebox .txt {line-height: 1.5;}
.agreebox .agree-item a { text-decoration: none; }
.agreebox .agree-item + .txt {margin-top: 5px;}
.agreebox .agree-item .list1 li { font-size: 14px; margin: 0 0 0 12px; text-indent: -13px; line-height: 1.5;}
.agreebox .agree-item .list1 li + li {margin-top: 5px;}
.agreebox .list1 li strong {font-weight: 700; color: #222;}
.agreebox .list2 {margin-top: 5px;}
.agreebox .list2 li { font-size: 14px; margin: 0 0 0 12px; text-indent: -13px; line-height: 25px;}
.agreebox .list2 li:before {display: inline-block; content:'o'; margin-right: 5px; text-indent: 0; position: relative; top: -2px;}
.agreebox .list2 + .txt {margin-top: 20px;}
.agreebox .table-wrap {border-top: 1px solid #1e1e1e; margin-top: 10px;}
.agreebox .table-wrap table {width: 100%;}
.agreebox .table-wrap thead th {background-color: #f5f5f5; border: 1px solid #ccc !important; padding: 5px; vertical-align: middle;}
.agreebox .table-wrap tbody td {border: 1px solid #ccc !important; padding: 5px 10px; line-height: 1.5;}
.agreebox .table-wrap tbody td.tac {text-align: center;}
.agreebox .table-wrap + .txt {margin-top: 10px;}
.agreebox .underline {text-decoration: underline;}
.agreebox .caution  {margin: 0px 0 0 16px; text-indent: -16px; color: #ee4b3c;}

.join {background-color: #f2f5f8;}
.join .process-step + .content {padding-top: 196px;}
.join .agreeCheck.checkbox {margin-top:14px;}
.join .agreeCheck.radioWrap {margin-top:14px; margin-left:0;}
.join .agreeCheck.checkbox label, .join .agreeCheck.radioWrap label  {font-weight: 800; font-size: 14px; padding-right:20px}
.join .memberBox .infoDetails .radioWrap {flex-wrap: nowrap;}
/*.join .radioWrap label {color: #999;} */

/* join */
.profileBox-wrap {display:flex; } 
.photoBox {width:282px; flex-shrink: 0;}
.photoBox .personWrap {background-color: #fff; border-radius:8px; text-align: center;  min-height: 379px; display: flex; flex-direction: column;  align-items: center; padding: 34px 20px 20px; text-align: center;}
.photoBox .person {background: url(../images/common/bg_person_basic.png) no-repeat center ; background-size: 92.6px auto; width: 120px; height: 164px; border-radius: 4px; overflow: hidden;}
.photoBox .person img {max-width: 100%; max-height: 100%; border: 0; object-fit: cover;} 
.photoBox .txt {margin-top: 20px;}
.photoBox .info {font-size: 14px; color: #222; }
.photoBox .size {font-size: 12px; color:#666; margin-top: 4px; font-weight: 100;}
.photoBox .imgWrap {background: #ecf5ff; width: 120px; height: 164px; margin-top: 30px; position: absolute; bottom: 0; right: 0;  } 
.photoBox .imgWrap img {width: 120px; height: 164px; background-size: 100% auto; border: 0; object-fit: cover;} 
.photoBox .btnFile + .txtBox {margin-top: 20px;}
.memberBox {position:relative; margin-left: 24px; width: calc(100% - 282px);  } 
.memberBox .tit {font-size:18px;font-weight:800; position: relative; color: #222; line-height: 1.45;}
.memberBox .infoDetails {display:flex; justify-content: space-between; flex-wrap: wrap; background-color: #fff; border-radius:8px; padding: 40px 60px;}
.memberBox .infoDetails > li {width: 100%; display: flex;}
.memberBox .infoDetails > li + li {margin-top: 40px;}
.memberBox .infoDetails > li.multiple {align-items: center;}
.memberBox .infoDetails .tit {width: 167px; margin-right: 33px; margin-top: 13px; flex-shrink: 0;}
.memberBox .infoDetails .tit span {display:block; font-size: 18px; font-weight: 400;}
.memberBox .infoDetails .tit em {display:block; font-size: 14px; font-weight: 400;}
.memberBox .eduDetails {background-color: #fff; padding: 40px 60px; margin-top: 20px; border-radius: 8px 8px 0 0;}
.memberBox .eduDetails .titBox  {display:flex;position:relative;align-items: center;padding-bottom:14px; justify-content: space-between;} 
.memberBox .eduDetails ~ .eduDetails {margin-top: 0; padding-top: 0; border-radius: 0;}
.memberBox .educationList li {display:flex;padding:12px 0;border-bottom:1px solid #d7d8d9;font-size:16px;color:#222;align-items: center;}
.memberBox .educationList li span {flex-shrink:1;display:block;font-size:inherit;color:inherit; padding: 0 5px;}
.memberBox .educationList li span span {display:none;}
.memberBox .educationList li div {display:flex;align-items: center;font-size:14px;}
.memberBox .educationList .tblHead {background-color: #F4F4F4; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 9px;}
.memberBox .educationList .tblHead span {font-size: 13px; line-height: 20px; font-weight: 800; padding: 0;}
.memberBox .educationList .tit {width:180px;padding:0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;font-size:inherit;cursor: auto;pointer-events: none; font-weight: 800;}
.memberBox .educationList .tit .desc { font-size: 12px; color: #666; font-weight: 400; line-height: 24px;} 
.memberBox .educationList .th1 {width:80px;} 
.memberBox .educationList .th2 {width:150px;}
.memberBox .educationList .th3 {width:180px;}
.memberBox .educationList .th4 {width:90px;}
.memberBox .educationList .th5 {width:90px;}
.memberBox .educationList .inp {padding: 0 12px; line-height: 34px; font-size: 13px; color: #222;}
.memberBox .educationList .calendarWrap .datepicker {line-height: 34px;}
/*
.memberBox .resume {display: flex; align-items:center; background-color: #fff; border-radius: 0 0 8px 8px; padding: 0 60px 40px;}
.memberBox .resume .btnFile {margin-left: 20px;}
.memberBox .resume .desc {font-size: 12px; color:#222; margin-left: 8px;}*/

.main {background-color: #f2f5f8;}
.main section {position:relative; padding-top:40px;}
.main section h3.title {margin-bottom:30px;font-size:24px;font-weight:800; display: flex; align-items: center;}
.main section h3.title .infoLayerWrap {position: relative; top: 2px;}

 /* main */
.mainVisual .inner {display:flex; justify-content:flex-start; align-items: flex-start;}
.mainVisual .sec01 {margin-right:10px; width: 860px; position: relative;}
.mainVisual .sec01 .mainBanner {width:100%; position: relative;border-radius: 16px; overflow: hidden;}
.mainVisual .sec01 .mainBanner img {max-width: 100%; display: block;} 
.slick-prev,
.slick-next {font-size: 0; line-height: 0; position: absolute; display: block;  width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}
.slick-slide img {width: 100%; height: 100%;}
.mainVisual .slick-prev:before,
.mainVisual .slick-next:before {display: none;}
.mainVisual .slick-prev {background: url(../images/icon/next.svg) no-repeat; width: 14px; height: 14px; background-size: 100% auto; left: 60px; top: auto; bottom: 30px; z-index: 2; position: absolute; transform: rotate(-180deg);}
.mainVisual .slick-next {background: url(../images/icon/next.svg) no-repeat; width: 14px; height: 14px; background-size: 100% auto; left: 126px; top: auto; bottom: 30px; z-index: 2; position: absolute; transform: none;}
.mainVisual .pagingInfo {position: absolute; bottom: 30px; color: rgba(255,255,255,0.3); left: 83px; font-size: 12px; line-height: 14px;}
.mainVisual .pagingInfo > span {margin: 0 4px; display: inline-block; }
.mainVisual .pagingInfo > strong {color:#fff; font-size: 12px; font-weight: 400;}
.mainVisual .stop {display: inline-block;background: url(../images/icon/pause.svg) no-repeat; width: 14px; height: 14px; background-size: 100% auto; left: 154px; top: auto; bottom: 30px; z-index: 2; position: absolute; font-size: 0; }
.mainVisual .play {display: none;background: url(../images/icon/play.svg) no-repeat; width: 14px; height: 14px; background-size: 100% auto; left: 154px; top: auto; bottom: 30px; z-index: 2; position: absolute; font-size: 0; }
 /* main - profile */
.mainVisual .sec02 {width: 330px; display:flex; align-items:center; flex-direction: column; justify-content:space-between; height:500px; }
.mainVisual .sec02 .profile {border-radius:16px; padding: 40px 30px 9px; background: #fff; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.04);  flex: 1 0 auto; width: 100%;}
.mainVisual .sec02 .profile ul {margin-top:10px;padding-top:18px;border-top:1px solid #e3e3e3;  position:relative; }
.mainVisual .sec02 .profile li {display:flex;align-items:center; justify-content:space-between; color:#999; font-size: 14px; line-height: 1.5; }
.mainVisual .sec02 .profile li + li {margin-top: 7px;}
.mainVisual .sec02 .profile li strong {color: #222; font-size: 16px; font-weight: 800;}
.mainVisual .sec02 .box {display:flex; align-items:start; justify-content:space-between;  min-height: calc(100% - 124px); position: relative; } 
.mainVisual .sec02 .box .txtWrap {width: calc(100% - 130px);} 
.mainVisual .sec02 .box .txtWrap em {font-size: 14px;} 
.mainVisual .sec02 .box .txtWrap span {font-size: 24px; font-weight: 800; line-height :1.2; display: block; word-break: keep-all; word-wrap: break-word;}
.mainVisual .sec02 .box .txtWrap p {font-size: 24px; font-weight: 800; line-height :30px}
.mainVisual .sec02 .box .imgWrap {background: #ecf5ff url(../images/icon/avatar.svg) no-repeat 50% 50%; background-size: 54px 58px; border-radius: 4px; overflow: hidden; width: 120px; height: 164px; margin-top: 20px;} 
.mainVisual .sec02 .box .imgWrap img {max-width: 100%; max-height: 100%; object-fit: cover;} 
.mainVisual .sec02 .today {margin-top:10px; color: #fff; border-radius:16px; width: 100%; min-height: 120px; padding: 17px 30px 13px; background:#54a6f7 url(../images/icon/ico_calendar.svg) no-repeat right 25px bottom 18px; background-size:38px auto;}
.mainVisual .sec02 .today p {font-size: 16px;  letter-spacing: -0.1px;} 
.mainVisual .sec02 .today .date {font-size: 44px;} 
.mainVisual .sec02 .today div {display:flex;align-items:center; justify-content:space-between;}
/* main - mainInfo */
.main .mainInfo {margin-top: 10px; padding-bottom: 30px; padding-top: 30px;}
.main .mainInfo .infoBox {padding: 0 30px;}
.main .mainInfo .text {background: url(../images/icon/ico_info2.svg) no-repeat 0 50%; padding-left: 71px; background-size: 57px 59px;}
.main .mainInfo strong {color: #3750e6; font-size: 20px; line-height: 29px; font-weight: 800;} 
.main .mainInfo p {color:#222; font-size: 16px; line-height: 1.5; padding-top: 6px;}
/* main - Today¡¯s Course */
.mainSchedule h3.title:before { content: ''; position: relative; width: 25px; height: 25px; margin-right: 13px; background: url(../images/icon/ico_today.svg) center center no-repeat; background-size: 100% auto; font-size: 0; text-indent: -9999em; vertical-align: top; }
.mainSchedule h3.title .date {font-size: 16px; margin-left: 10px; position: relative; top: 2px; color: #222;}
.mainSchedule h3.title.today:before {background-image: url(../images/icon/ico_today.svg)}
.mainSchedule h3.title.current:before {width: 28px; height: 28px; margin-right: 10px; background-image: url(../images/icon/ico_apply.svg)}
.mainSchedule .inner {position:relative;  padding: 40px 30px; border-radius: 13px; background: #fff; box-shadow: 0 3px 6px 0 rgba(34, 34, 34, 0.04);}
.mainSchedule .inner .more {position:absolute;right:30px;top:51px;}
.mainSchedule .accordion li {display:flex;padding: 18px 20px; font-size:16px;color:#222;align-items: center;}
.mainSchedule .accordion li:not(.tblHead) {min-height: 92px;}
.mainSchedule .accordion li span {flex-shrink:0; display:block; padding-right: 10px;}
.mainSchedule .accordion li span > em:not(.map) {display:none;}
.mainSchedule .accordion .accordionCont {display:flex;align-items: center;font-size:14px}
.mainSchedule .tblHead > span {font-size:16px;color:#666; text-align: left; flex-shrink:0;}
.mainSchedule .scheduleList {margin-top:30px;}
.mainSchedule .scheduleList .tit {width:230px;padding:0 10px 0 0; word-break: break-all;}
.mainSchedule .scheduleList .tit .ellipsis {font-size:16px; color: #000; font-weight: 800;}
.mainSchedule .scheduleList .tit .desc { font-size: 12px; color: #666; font-weight: 400; line-height: 17px; margin-top: 3px;}
.mainSchedule .scheduleList .th1,
.mainSchedule .scheduleList .td1 {width:190px;}
.mainSchedule .scheduleList .th2,
.mainSchedule .scheduleList .td2 {width:130px;}
.mainSchedule .scheduleList .th3,
.mainSchedule .scheduleList .td3 {width:230px;}
.mainSchedule .scheduleList .th4,
.mainSchedule .scheduleList .td4 {width:210px;}
.mainSchedule .scheduleList .th5,
.mainSchedule .scheduleList .td5 {width:110px;}

/* main - Apply for Teaching Position */
.mainSchedule .currentList {margin-top:30px;}
.mainSchedule .currentList .tit {width:250px; word-break: break-all;}
.mainSchedule .currentList .tit .ellipsis {font-size: 16px; color: #000; font-weight: 800;}
.mainSchedule .currentList .tit .desc { font-size: 12px; color: #666; font-weight: 400; line-height: 17px; margin-top: 3px;} 
.mainSchedule .currentList .th1,
.mainSchedule .currentList .td1 {width:80px;}
.mainSchedule .currentList .th2,
.mainSchedule .currentList .td2 {width:160px;}
.mainSchedule .currentList .th3,
.mainSchedule .currentList .td3 {width:130px;}
.mainSchedule .currentList .th4,
.mainSchedule .currentList .td4 {width:130px;}
.mainSchedule .currentList .th5,
.mainSchedule .currentList .td5 {width:120px;}
.mainSchedule .currentList .th6,
.mainSchedule .currentList .td6 {width:120px;}
.mainSchedule .currentList .th7,
.mainSchedule .currentList .td7 {width:110px;}
.mainSchedule .currentList .td8 {display: none;}
.mainSchedule .currentList .td9 {display: none;}
.mainSchedule .currentList .map {display:flex;align-items: flex-start; justify-content:flex-start; } 
.mainSchedule .currentList .map .location {width: 110px; word-break: break-all;} 
.mainSchedule .currentList .map .iconMap {margin-top: 4px; background:url(../images/icon/ico_map.svg) no-repeat 50% 50%; background-size:16px auto; font-size: 0; text-indent: 0; width: 16px; height: 16px; display: inline-block;} 
/* main - mainNews */
.main .mainNews {margin-top: 0; padding-top: 80px; padding-bottom: 100px;}
.main .mainNews h3.title {margin-bottom: 15px; font-size: 20px;}
.mainNews .inner {display:flex;}
.mainNews .inner > div {position:relative;width:560px;}
.mainNews .inner > div:last-child {margin-left:80px;}
.mainNews .inner h4.tit {font-size:20px;font-weight:800; line-height: 1.45;}
.mainNews .inner .more {position:absolute;right:0;top:5px;}
.mainNews ul {margin-top:15px;padding-top:24px;border-top:1px solid #999; line-height: 22px;}
.mainNews li {display:flex;align-items:center; justify-content:space-between;}
.mainNews li:not(:first-child) {margin-top:10px;}
.mainNews li strong,
.mainNews li a {font-size:18px;font-weight:400; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;width:calc(100% - 90px); line-height: 1.5; color: #222;}
.mainNews li a::before {content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:#222; vertical-align: top; margin-top: 13px;margin-right:12px;}
.mainNews .finish {font-size:16px;color:#666;}
.mainNews .wait {font-size:16px;color:#adadad;}
.mainNews .date {font-size:16px;color:#666;}
.mainNews .date em {position:relative;padding-left:32px;}
.mainNews .date em:before {content:"";position:absolute;left:16px;top:50%;width:1px;height:12px;background:#666;transform:translateY(-50%);}
.mainNews strong span {display:inline-block;width:92px;padding-left:12px;font-weight:800;}

/* main - Today's Course Ãâ¼® Æ˾÷ */
.popCheck .attendList {max-height: 498px; overflow-y: auto;padding-right: 20px;}
.popCheck .popTit h5 {display:none;}
.popCheck .popCont {padding-right: 10px;}
.popCheck .popCont .tit {padding-right: 20px; flex-wrap: wrap;}
.popCheck .popCont .tit h4 {width: 100%;}
.popCheck .popCont .tit h4 #courseTitle{font-size:24px}
.popCheck .popCont .tit span:not(.label) {font-size:14px; padding-left:10px; font-weight:500;}
.popCheck .popCont .tit strong {font-size:18px; color:#648ef4; font-weight:800; padding-left:5px;}
.popCheck .popCont .tit .desc {display: none;}
.popCheck .popCont .btnListWrap {display:flex; justify-content: flex-end;align-items: flex-end; width: 100%; padding-top: 20px;}
.popCheck .popCont .btnListWrap .selectWrap {width: 212px; margin-right: auto;}
.popCheck .btnListWrap .btnAttendance,
.popCheck .btnListWrap .btnConfirm {padding: 0 20px; font-weight: 800;}
.popCheck .attendList li {display:flex;align-items: center;}
.popCheck .attendList li > div {flex-shrink:0; min-height:72px; display:flex;align-items: center;}
.popCheck .attendList li span {font-size: 16px;}
.popCheck .attendList li strong {display:none;}
.popCheck .attendList .tblHead {font-size: 16px; height: 64px;}
.popCheck .attendList .th2,
.popCheck .attendList .td2 {width:200px; text-align:left;}
.popCheck .attendList .th3,
.popCheck .attendList .td3 {width:200px; text-align:left;}
.popCheck .attendList .th4,
.popCheck .attendList .td4 {width:340px; text-align:left;}
.popCheck .attendList .th5,
.popCheck .attendList .td5 {width:380px; text-align:left;}
.popCheck .attendList .td5 {display: none;}
.popCheck .attendList .checkbox.noLabel label {display: none;}
.popCheck .attendList .radioWrap ul {height:auto; display: flex;align-items: center;  }
.popCheck .attendList .inputWrap {padding: 0 0px; width: 100%; min-width: 380px;}
.popCheck .attendList .td2 span {line-height: 1.5; max-width: 200px; max-height: 48px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;word-wrap: break-word;}
.popCheck .attendList.chkShow .checkbox.noLabel label {display: block; margin-right: 8px;}
.popCheck .attendList.chkShow .td2 {width: 172px;}

@media all and (max-width:1240px) {
	/* login */
	.loginWrap {background:#fff;}
	.loginWrap #container {width:100%; padding:50px 16px; justify-content: flex-start; margin-bottom: 25px;}
	.loginWrap .loginContent {width: 100%; max-width:368px;padding:0;border:none;}
	.loginWrap .logoWrap {padding: 0 0 40px;}
	.loginWrap .logoWrap .logo {max-width:226px; max-height: 34px;}
	.loginWrap .inputWrap + .inputWrap {margin-top:10px;}
	.loginWrap .inputWrap input {height:50px;padding:0 60px 0 24px;}
	.loginWrap .inputWrap > button {right:16px;width:24px;height:24px;}
	.loginWrap .inputWrap + .errorMsg {margin:8px 0 0;font-size:12px; line-height: 1.4;}
	.loginWrap .loginContent .btnLogin {height:50px;font-size:14px;line-height:48px; margin-top: 8px;}
	.loginWrap .saveFindWrap label {padding-left:22px; background-size: 16px auto;}
	.loginWrap .regibtnWrap .btnRegister {height:50px;font-size:14px;line-height:48px;}
	.loginWrap .loginInfoWrap {margin-top:16px; } 
	.loginWrap #footer {background-color: #f9f9f9;}
	.loginWrap #footer .info {padding: 24px 16px; color: #222}
	.loginWrap #footer .info p {color: #666}
	.loginWrap #footer .info p.engTxt {color: rgba(0,0,0,0.6)}
	.loginWrap #footer .infoInner .helpdesk {border-left:1px solid rgba(255,255,255,0.4)}
	.loginWrap #footer .info .number,
	.loginWrap #footer .info .mail {color:#245DE3}
	.loginWrap #footer .info .number {background-image: url(../images/icon/ico_phone.svg); background-size: 16px auto;}
	.loginWrap #footer .info .mail {background-image: url(../images/icon/ico_mail.svg); background-size: 16px auto;}
	
	/* policy */
	.agreebox-wrap { padding:23px 10px 23px 16px; line-height: 18px; letter-spacing: -1px; color: #666;background-color:#fff; border-radius:8px; }
	.agreebox-wrap .agreebox-in {max-height: 167px; overflow-y: auto; padding-right: 20px; }
	.agreebox-wrap .agreebox-in::-webkit-scrollbar {display: block;}
	.agreebox .txt-box { margin: 0 0 15px 0; padding: 0; font-size: 12px;  }
	.agreebox .agreebox-sub-in {display: flex; flex-direction: column; font-weight: 400; } 
	.agreebox .tit-sub {width:100%; line-height: 18px;  font-size: 13px;} /* 20240826 */
	.agreebox .txt {font-size: 12px; line-height: 1.4;}
	.agreebox .txt-box, .agree-item {width: 100%; }
	.agreebox .agree-item { padding: 0 0 13px 0px; }
	.agreebox .agree-item p {font-size: 12px;}
	.agreebox .agree-item .list1 li { font-size: 12px; text-indent: -4px; line-height: 18px;}
	.agreebox .table-wrap {overflow-x: auto;}
	.join .process-step + .content {padding-top: 40px;}
	.join .agreeCheck.checkbox {margin-top:20px;}
	.join .agreeCheck.checkbox label {font-weight: 400;}

	/* join */  
	.profileBox-wrap {display:flex; flex-direction: column; margin: 0 -24px;} 
	.photoBox {width: calc(100% - 48px); align-self: center; margin-bottom:40px;}
	.photoBox .personWrap {flex-direction: row; min-height:190px;  padding: 0 20px;}
	.photoBox .person {width: 104px; height: 143px;  background-size:73px auto; flex-shrink: 0;}
	.photoBox .txt {display: flex; flex-direction: column-reverse; text-align: left; margin-top:0; margin-left: 30px;}
	.photoBox .btnFileWrap {position: relative; margin-top: 14px;}
	.photoBox .btnFile + .txtBox {margin-top: 0;}
	.photoBox .btnFile {margin-top: 16px;}
	.photoBox .btnFile .btn {min-height: 30px; min-width: 70px; font-size: 13px; line-height: 28px; min-width: 132px}
	.photoBox .size {margin-top: 7px;}
	.memberBox {width:100%; margin-left: 0;}
	.memberBox .titBox .tit {font-size: 16px;}
	.memberBox .infoDetails {padding: 20px 24px 40px; border-radius:0; }
	.memberBox .infoDetails > li {flex-direction: column;}  
	.memberBox .infoDetails > li + li {margin-top: 20px;}
	.memberBox .infoDetails > li + li.multiple {margin-top: 40px;}
	.memberBox .infoDetails .tit {width:100%; margin-top:0 !important; margin-bottom:18px; font-size:14px; margin-right: 0px;}
	.memberBox .infoDetails .tit span {display: inline-block; font-size: 14px;}
	.memberBox .infoDetails .tit em {display: inline-block; padding-left: 4px; font-weight: 800;}
	.memberBox .infoDetails .tit .require + span,
	.memberBox .infoDetails .tit .require + em {padding-left: 16px;}
	.memberBox .infoDetails .selectWrap {flex-wrap: wrap;}
	.memberBox .infoDetails .selectWrap .selectric-select_box:first-child{width: 100%;}
	.memberBox .infoDetails .selectWrap .selectric-select_box:nth-child(2) {width: calc(50% - 4px); margin: 8px 4px 0 0}
	.memberBox .infoDetails .selectWrap .selectric-select_box:nth-child(3) {width: calc(50% - 4px); margin: 8px 0 0 4px}
	.memberBox .eduDetails {padding: 20px 16px 40px; border-radius: 0;}
	.memberBox .eduDetails ~ .eduDetails {margin-top: 20px; padding-top: 20px;}
	.memberBox .eduDetails .titBox {padding-bottom: 20px;}
	.memberBox .eduDetails .titBox .btnWrapTop {margin-left: 16px;}
	.memberBox .educationList .tblHead {display: none;}
	.memberBox .educationList li {flex-direction: column; padding: 0 0 30px;}
	.memberBox .educationList li:last-child {padding: 0; border-bottom: 0;}
	.memberBox .educationList li:not(.tblHead) + li {margin-top: 20px;}
	.memberBox .educationList li div {width: 100%;}
	.memberBox .educationList li span {width: 100% !important; display: flex; flex-wrap:wrap; padding: 0;}
	.memberBox .educationList li span + span {margin-top: 20px;}
	.memberBox .educationList span span {display: block !important; margin-bottom: 18px; font-size: 14px; color: #222; font-weight: 800;}
	.memberBox .educationList .inp {padding: 0 12px; line-height: 50px; font-size: 14px; color: #222;}
	.memberBox .educationList .calendarWrap .datepicker {line-height: 50px;}
	.memberBox .resume {flex-wrap: wrap; padding: 20px 16px; margin-top: 20px; margin-bottom: 40px; border-radius: 0;}
	.memberBox .resume .txt {font-size: 14px;}
	.memberBox .resume .desc {width: 100%; color: #222; margin-top: 10px; font-size: 14px;margin-left: 0;}
	.memberBox .resume .btnFile {margin-left: 8px;}
	.memberBox .btnWrap {margin: 0 16px;}

	.resume {flex-wrap: wrap;}
	.resume .tit {font-size: 16px; margin-top: 3px;}
	.resume .btnFile {margin-left: 0; margin-top: 18px;}
	.resume .desc {margin-top: 8px;}
	.filebox label {min-width: 100px !important; font-weight: 500 !important;}
	.filebox .inp {font-size: 14px;}
	.filebox .btnClose {width: 24px; height: 24px; background-image: url(../images/icon/btn_delete3.svg); background-size: 100% auto;}
	.inquiryWrap .resume .tit {font-size: 14px; margin-top: 0;}

	/* main */
	.main section {padding-top:20px;}
	.main section h3.title {font-size:18px; flex-wrap: wrap;}
	/* main - mainBanner */
	.mainVisual .inner {flex-direction: column;}
	.mainVisual .sec01 {width:100%; margin-right: 0;}
	.mainVisual .sec01 .mainBanner {border-radius: 8px;}
	/* main - profile */
	.mainVisual .sec02 {width:100%; height:fit-content}
	.mainVisual .sec02 .profile {border-radius:8px; padding: 16px 20px ; margin-top: 16px; min-height: 154px; display: flex;  flex-direction: column; justify-content: space-between;}
	.mainVisual .sec02 .profile ul {margin-top:8px; padding-top:0; border-top:none;  margin-left: 111px;}
	.mainVisual .sec02 .profile li + li {margin-top: 4px;}
	.mainVisual .sec02 .profile li strong {font-size: 16px;}
	.mainVisual .sec02 .box {flex-direction: row-reverse; }
	.mainVisual .sec02 .box .txtWrap {font-size: 12px; width:calc(100% - 111px); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;} 
	.mainVisual .sec02 .box .txtWrap em {display: flex ; align-items:end; justify-content:space-between;  font-size: 14px;} 
	.mainVisual .sec02 .box .txtWrap span {font-size: 20px; text-align: right; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
	.mainVisual .sec02 .box .imgWrap {width: 89px; height: 121px; margin-top: 0; position: absolute; left: 0; top: 0} 
	.mainVisual .sec02 .today {border-radius:8px; min-height: 84px; margin-top: 16px; padding: 15px 20px 12px; background-position: right 20px bottom 20px;}  
	.mainVisual .sec02 .today p {font-size: 14px;} 
	.mainVisual .sec02 .today .date {font-size: 26px;} 
	/* main - mainInfo */
	.main .mainInfo {padding-top: 16px; padding-bottom: 16px; margin-top: 8px;}
	.main .mainInfo .infoBox { padding: 0 ;}
	.main .mainInfo .text {background-size: 18px 18px; padding-left:24px; background-position: 0 2px;}
	.main .mainInfo strong {font-size: 14px;line-height: 1.3;} 
	.main .mainInfo p {font-size: 14px; padding-top: 9px;}
	/* main - mainSchedule */ 
	.mainSchedule .inner {border-radius: 0; box-shadow:none; padding: 40px 24px 20px 24px; }
	.mainSchedule .inner .more {right:24px;}
	.mainSchedule h3.title {width:100%;padding:0 50px 0 0; text-align: left; font-weight: 700;}
	.mainSchedule h3.title.today:before {width: 20px; height: 20px; margin-right: 6px; background-size: 20px 20px; }
	.mainSchedule h3.title .date {width: 100%; margin-top: 5px; top: 0; margin-left: 26px; font-size: 14px; font-weight: 700; line-height: 20px;}
	.mainSchedule .accordion li {padding: 0; border-bottom: 0; display: block;}
	.mainSchedule .accordion .tblHead {display:none !important;}
	.mainSchedule .accordion .accordionCont {display:none;padding:20px 16px;background:rgba(245,245,248,0.5);}
	.mainSchedule .accordion .accordionCont > span {color:#222; display:flex; width:100%;align-items: center;font-size: 14px; line-height: 20px; padding-right: 0;}
	.mainSchedule .accordion .accordionCont > span > em:not(.map) {color: #222; display: inline-block; font-weight: 800; width: 148px; text-align: left; flex-shrink: 0;}
	.mainSchedule .accordion .accordionCont > span span {display:block; font-weight:400; width: calc(100% - 148px); text-align: left; flex-shrink: 0;}
	.mainSchedule .accordion .accordionCont > span:not(:first-child) {margin-top:16px;}
	.mainSchedule .accordion .accordionCont > span:last-child {margin-top:20px;}
	.mainSchedule .accordion .tit {display: flex; padding: 20px 10px 20px 0; justify-content: center; min-height: 92px; flex-direction: column;}
	.mainSchedule .accordion .tit .desc {display: block; font-size: 14px; line-height: 1.4;  white-space: normal; margin-top: 8px; }   
	.mainSchedule .accordion .tit .desc em {margin-right: 8px; position: relative; display: inline-block; color: #666;}
	.mainSchedule .accordion .tit .desc em + em {margin-right: 0;padding-left: 8px;}
	.mainSchedule .accordion .tit .desc em + em::before {content:"";position:absolute;left:0;top:50%;width:1px;height:10px;transform:translateY(-50%);background:#ccc; }
	.mainSchedule .scheduleList .tit {width: calc(100% - 108px);}
	.mainSchedule .scheduleList span.td1 {align-items: flex-start; }
	.mainSchedule .scheduleList .btnCheck { position: absolute; z-index: 2; top: 33px;right: 52px; font-size: 12px; min-width: 58px; min-height: 24px; background: none; padding: 0 8px; text-align: center; line-height: 24px;}
	/* main - Apply for Teaching */
	.mainSchedule h3.title.current {padding:0 100px 0 0; flex-wrap: nowrap; align-items: flex-start;}
	.mainSchedule h3.title.current:before {width: 20px; height: 20px; margin-right: 6px; background-size: 20px 20px; margin-top: 3px;}
	.mainSchedule .currentList {border-top:none;}
	.mainSchedule .currentList li {position:relative; display:block;padding:0;border-bottom:none;font-size:17px;color:#222;align-items: center; font-size: 16px;}
	.mainSchedule .currentList li:last-child {border-bottom:none;}
	.mainSchedule .currentList .tit {width: calc(100% - 50px);}
	.mainSchedule .currentList .tit span {color:#222; }
	.mainSchedule .currentList .td2 {align-items: flex-start !important;}
	.mainSchedule .currentList .td4 span {display: none !important;}
	.mainSchedule .currentList .td7 em {display: none !important;}
	.mainSchedule .currentList .map {justify-content: start; align-items: flex-start;  } 
	.mainSchedule .currentList .map .iconMap {padding: 0; min-width: 16px; margin-left: 8px;}
	.mainSchedule .currentList .map .location {display:block; width: auto}
	.mainSchedule .currentList .btn.round {width:100%;height:40px;border-radius:4px;line-height:38px;background: transparent; text-align: center; border-color: #999; color: #666;}
	/* main - mainNews */
	.main .mainNews {padding-top: 60px; padding-bottom: 60px}
	.main .mainNews h3.title {margin-bottom: 12px; font-size: 18px;}
	.mainNews .inner {display:block;}
	.mainNews .inner > div {width:100%;}
	.mainNews .inner > div:last-child {margin-left:0;}
	.mainNews .inner > div + div {margin-top:60px; }
	.mainNews ul {margin-top:13px;padding-top:13px; line-height: 26px; border-top:1px solid #ccc;}
	.mainNews li:not(:first-child) {margin-top:10px;}
	.mainNews li strong,
	.mainNews li a {font-size:16px;}
	.mainNews .date, .mainNews .wait, .mainNews .finish {font-size:14px;}
	.mainNews .date em {padding-left:24px;}
	.mainNews .date em:before {left:12px;height:14px;}
	.mainNews strong span {width:88px;padding-left:8px;}
	.mainNews .requestList li a:before {width:2px;height:2px;margin-right:11px;}
	.mainNews .noticeList li a {width:calc(100% - 90px);}
	.mainNews .noticeList li a:before {width:2px;height:2px;margin-right:11px;}
	.mainNews .more {top:5px;} 
	.mainNews .more a { padding-left: 22px; }
	/* main - Today's Course Ãâ¼® Æ˾÷ */
	.popCheck .popTit h5 {display:block;}
	.popCheck .popCont {padding: 20px 16px 0 16px;}	
	.popCheck .popCont .tit {padding-right: 0;}
	.popCheck .popCont .tit span {right: 6px;}
	.popCheck .popCont .tit h4 #courseTitle{font-size:16px}
	.popCheck .popCont .tit h4 span {position: absolute; right: 0;}
	.popCheck .popCont .tit span {font-size:12px; padding-left:10px; } 
	.popCheck .popCont .tit strong {font-size:16px; padding-left:5px;}   
	.popCheck .popCont .btnListWrap {justify-content:end; padding-top:12px; width: 100%;} 
	.popCheck .popCont .btnListWrap > .btn {min-height: 30px; line-height: 28px;}
	.popCheck .popCont .btnListWrap > .btnAttendance {color: #666;}
	.popCheck .attendList {max-height: calc(100vh - 234px); padding-right: 0;}
	.popCheck .attendList li {flex-wrap: wrap; min-height: initial;}
	.popCheck .attendList li > div {padding: 0 !important; min-height: initial; font-size:14px; min-height: initial;}
	.popCheck .attendList li.attendRow {min-height: 92px; padding: 14px 0;}
	.popCheck .attendList li ul.radioWrap {margin-top: 0;}
	.popCheck .attendList li ul.radioWrap li {margin-top: 0;} 
	.popCheck .attendList .student {display: flex; max-width: 100%; align-items: center;}
	.popCheck .attendList .student {display: flex; flex-wrap: wrap; width: 428px; align-items: center; min-height: initial;}
	.popCheck .attendList .td2 {padding-right: 20px !important}
	.popCheck .attendList .td2 span {word-break: break-all;font-weight: 800; color: #000; }
	.popCheck .attendList .td3 {width: auto;}
	.popCheck .attendList .td3 span {color: #666;}
	.popCheck .attendList .td4 {width: 201px; flex-shrink: 0; margin-left: auto;}
	.popCheck .attendList .td5 {width: 100%; background-color: rgba(242, 245, 248, 0.5); padding: 20px 16px !important}
	.popCheck .attendList li .name {font-weight: 800; display: block; }
	.popCheck .attendList li .number {color: #666; font-weight:400; padding-left: 5px; }
	.popCheck .attendList li .radio { margin-left: 30px;}
	.popCheck .attendList li .remarks {display: block; width: 100%;}
	.popCheck .attendList li div .name {font-weight: 800; display: block; padding-right: 5px; }
	.popCheck .attendList li div .number {color: #666;  }
	.popCheck .attendList li div .radio {display: block; margin-left: 30px;}
	.popCheck .attendList li div .remarks {display: block; width: 100%;}
	.popCheck .attendList li div .checkWrap {max-width: 120px; }
	.popCheck .attendList .checkWrap label {padding-left: 28px; font-size: 14px;color: #222; font-weight: 700;padding-right:5px; display: block; }
	.popCheck .attendList .checkWrap input[type=checkbox]:checked + label {font-size: 14px;}
	.popCheck .attendList .radioWrap input[type=radio] + label {color: #222; font-weight: 700;}
	.popCheck .attendList .inputWrap {min-width: 100%; flex-direction: column; align-items: flex-start !important;}
	.popCheck .attendList li strong {display: block; margin-bottom: 10px}
	.popCheck .attendList li span {font-size:14px;}
	.popCheck .attendList li ul li { display: flex; align-items: center; justify-content:space-between; }
	.popCheck .attendList li ul li .remarksWrap {width: 100%; background: #f8fafb; padding: 20px 15px;}
	.popCheck .attendList li ul li .remarksWrap strong {padding-bottom: 10px;}
}

@media all and (max-width:767px) {
	/* policy */
	.profileBox-wrap {margin: 0 -16px;} 
	.profileBox-wrap .photoBox {width: calc(100% - 32px);}
	.profileBox-wrap .memberBox .infoDetails {padding: 20px 16px 40px;}
	/* main */
	.mainVisual .slick-prev {left: 18px; bottom: 16px;}
	.mainVisual .slick-next {left: 70px; bottom: 16px;}
	.mainVisual .pagingInfo {bottom: 16px; left: 34px; font-size: 10px;}
	.mainVisual .pagingInfo > strong {font-size: 10px;}
	.mainVisual .stop {left: 90px; bottom: 16px;}
	.mainVisual .play {left: 90px; bottom: 16px;}
	.mainVisual .sec02 .profile li {font-size: 12px;}
	.mainVisual .sec02 .profile li strong {font-size: 14px;}
	.mainVisual .sec02 .box .txtWrap em {font-size: 12px;} 
	.mainVisual .sec02 .box .txtWrap span {font-size: 18px;}
	.mainVisual .sec02 .today p {font-size: 12px;}   
	/* main - mainInfo */
	.main .mainInfo .text {background-position: 0 4px;}
	.main .mainInfo strong {font-size: 12px;} 
	.main .mainInfo p {font-size: 12px;}
	/* main - mainSchedule */
	.mainSchedule h3.tit .date {margin-top: 7px;}
	.mainSchedule .inner {padding: 40px 16px 20px 16px; }
	.mainSchedule .inner .more {top: 44px;right:16px; font-size:14px; padding-left:22px; }
	.mainSchedule .scheduleList li div {padding:20px 16px;}
	/* main - currentList */
	.mainSchedule h3.tit.current {flex-wrap: nowrap; padding-right: 100px;}
	.mainSchedule h3.tit.current:before {align-self: flex-start; margin-top: 4px;}
	.mainSchedule .currentList li {font-size:16px;}
	.mainSchedule .currentList .receipt a {height:40px;border-radius:20px;font-size:14px;line-height:38px;}
	.mainSchedule .currentList .receipt a:after {width:16px;height:16px;margin-left:6px;background-size:16px;}  
	/* main - mainNews */
	.mainNews .inner h4.tit {font-size:18px;}
	.mainNews ul {margin-top:11px;}
	.mainNews li:not(:first-child) {margin-top:8px;}
	.mainNews li strong,
	.mainNews li a {font-size:14px;}
	.mainNews .date, 
	.mainNews .wait, 
	.mainNews .finish {font-size:12px;}
	.mainNews .date em {padding-left:20px;}
	.mainNews .date em:before {left:10px;height:10px;}
	.mainNews strong span {width:60px;padding-left:10px;}
	.mainNews .requestList li a {width:calc(100% - 70px);}
	.mainNews .noticeList li a {width:calc(100% - 70px);}
	.mainNews .more {font-size:14px;}
	.popCheck .attendList .td2 {width: auto !important; padding-right: 8px !important;}
}

/* helpdesk */
.subVisual.helpdesk {background-image: url(../images/common/bg_sub_visual_helpdesk.png);  background-color: #1778CE;}
.subVisual.teaching {background-image:url(../images/common/bg_sub_visual_teaching.png); background-color: #2F5ED2;}
.subVisual.profile {background-image: url(../images/common/bg_sub_visual_profile.png);  background-color: #236BD0;}
.subVisual.course {background-image:url(../images/common/bg_sub_visual_course.png); background-color: #3B51D4;}

.listNoData {display: flex; min-height: 200px; padding: 40px 0; align-items: center; justify-content: center; width: 100%;}
.listNoData p {padding-top:75px;font-size:16px;background:url(../images/icon/ico_nodata.svg) no-repeat 50% 0;background-size:60px;}

/* notice list */
.noticeList .tblList li {min-width: 0;}
.noticeList .tblList li > span {font-size: 16px;}
.noticeList .tblList .th1,
.noticeList .tblList .td1 {width:126px; text-align: center;}
.noticeList .tblList .th2,
.noticeList .tblList .td2 {width:700px; padding-left: 14px;  padding-right: 50px;}
.noticeList .tblList .th3,
.noticeList .tblList .td3 {width:140px; padding-right: 20px;}
.noticeList .tblList .td3 em {max-height: 50px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 16px;}
.noticeList .tblList .th4,
.noticeList .tblList .td4 {width:160px; text-align:center;}
.noticeList .tblList .th5,
.noticeList .tblList .td5 {width:180px;  text-align:center;}
.noticeList .tblList .td2 {display:inline-flex; align-items: center;}
.noticeList .tblList .td2 .ellipsis {max-width: calc(100% - 50px); font-size: 16px;}
.noticeList .tblList .td5 em {display:none;}
/* notice details */
.noticeView .tblView .tblHead span {font-size: 16px;}
.noticeView .tblView .th1 {width: 140px; text-align: left; padding-left: 20px;}
.noticeView .tblView .th2 {width:707px; text-align:left; display:inline-flex; align-items: center;}
.noticeView .tblView .th2 span {font-size: 16px; font-weight: 800; line-height: 1.45; padding-right: 20px;}
.noticeView .tblView .th3 {width:140px; padding-right: 20px;}
.noticeView .tblView .th3 em {max-height: 50px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 16px;}
.noticeView .tblView .th4 {width:140px;}
.noticeView .tblView .th5 {width:73px;}
.noticeView .tblView .th5 em {display:none;}
.noticeView .tblView .th6 em {display:none;}
/* inquiry list */
.inquiryWrap .bbsTop {flex-wrap: wrap; padding-bottom: 14px;}
.inquiryWrap .bbsTop .searchWrap {width: 100%;}
.inquiryList .tblList li span {text-align:left; font-size:16px;}
.inquiryList .tblList .th1,
.inquiryList .tblList .td1 {width:930px; padding:0 50px 0 20px;}
.inquiryList .tblList .th2,
.inquiryList .tblList .td2 {width:152px;}
.inquiryList .tblList .th3,
.inquiryList .tblList .td3 {width:118px; text-align: center;}
.inquiryList .tblList .td1 {display:inline-flex; align-items: center;}
.inquiryList .tblList .badge {min-width:86px; padding: 0 18px;}
/* inquiry view */
.inquiryView .tblView .th1 {width:942px; text-align:left; padding-left: 20px; padding-right: 40px; font-size: 16px; font-weight: 800; color: #000; line-height: 1.45; padding-right: 20px;}
.inquiryView .tblView .th2 {width:132px; text-align: left; padding-left: 20px; font-size: 16px;}
.inquiryView .tblView .th3 {width:126px; text-align: center;}
.inquiryView .tblView .tblCont {padding: 40px 0;}
.inquiryView .tblView .tblCont pre {white-space: pre-wrap;  font-size: 16px;}
.inquiryView .tblView .tblCont .question {padding: 0 20px; word-wrap: break-word;}
.inquiryView .tblView .tblCont .answer {background-color: rgba(242, 245, 248, 0.5); padding: 40px; margin-top: 40px; border: 0;}
.inquiryView .tblView .tblCont .answer .tit {display:block; font-weight: 800; margin-bottom: 20px;}
/* inquiry reg */
.inquiryReg .tblWrite {border-top:1px solid #999;border-bottom:1px solid #999; display:flex;padding:20px 0;flex-wrap: wrap; flex-direction: column;}
.inquiryReg .tblWrite > li {display:flex; align-items: flex-start;padding:20px 0px;}
.inquiryReg .tblWrite > li strong {width:160px; padding-right:20px; font-weight:800;font-size:18px;  margin-top: 13px; flex-shrink: 0;}
.inquiryReg .tblWrite > li .textareaWrap {width: 100%;} 
.inquiryReg .tblWrite > li strong.mgt0 {margin-top: 2px !important;}
/* faq list */ 
.faqList .tblList .th1,
.faqList .tblList .td1 {width:110px;}
.faqList .tblList .th2,
.faqList .tblList .td2 {width:1090px;padding-right:76px; padding-left: 0; text-align:left;}
.faqList .tblList li:not(.tblHead) {display: block !important;}
.faqList .tblList li.active .td2 {text-overflow: initial; white-space: normal;}
.faqList .tblList li span {padding-left:30px; text-align: left;}
.faqList .tblList li > a.btnAccordion {display:flex; align-items: flex-start; padding:24px 0; min-height: 72px;  height: auto; line-height:1.5; font-size:inherit;}
.faqList .tblList li > a span {font-weight:400;font-size:inherit}
.faqList .tblList li .bg {display:none;padding:30px 76px 35px 109px;background-color: rgba(242, 245, 248, 0.5);text-align:left;font-size:16px;line-height:24px;  max-height: 1000vh; transition: max-height 1.5s ease-in-out;}

/*Teaching*/
.teachingWrap .selectWrap  {justify-content: flex-start; align-items: center;}
.teachingWrap .selectWrap .tit {font-size: 18px; font-weight:800; white-space: nowrap; margin-right: 20px;}
.teachingWrap .selectWrap .selectric {width: 212px;}

/*currentList*/
.currentList .accordion .tit {width:230px;}
.currentList .accordion .th1,
.currentList .accordion .td1 {width:46px;}
.currentList .accordion .th2,
.currentList .accordion .td2 {width:94px;}
.currentList .accordion .th3,
.currentList .accordion .td3 {width:166px;}
.currentList .accordion .th4,
.currentList .accordion .td4 {width:178px;}
.currentList .accordion .th5,
.currentList .accordion .td5 {width:124px;}
.currentList .accordion .th6,
.currentList .accordion .td6 {width:109px;}
.currentList .accordion .th7,
.currentList .accordion .td7 {width:107px;}
.currentList .accordion .th8,
.currentList .accordion .td8 {width:106px;}
.currentList .accordion .map {display:flex;align-items: flex-start; justify-content:flex-start; } 
.currentList .accordion .map .location {width: 110px; word-break: break-all; margin-right: 4px;}
.currentList .accordion .map .iconMap {margin-top: 2px; background:url(../images/icon/ico_map.svg) no-repeat 50% 50%; background-size:16px auto; font-size: 0; text-indent: 0; width: 16px; height: 16px; display: inline-block;} 

/*applyList*/
.applyList .accordion .tit {width:276px;}
.applyList .accordion .th1, 
.applyList .accordion .td1 {width:60px;}
.applyList .accordion .th2, 
.applyList .accordion .td2 {width:114px;}
.applyList .accordion .th3, 
.applyList .accordion .td3 {width:230px;}
.applyList .accordion .th4, 
.applyList .accordion .td4 {width:200px;}
.applyList .accordion .th5, 
.applyList .accordion .td5 {width:154px;}
.applyList .accordion .th6, 
.applyList .accordion .td6 {width:126px;}
.applyList .accordion .canceled p {color: #666; font-size: 12px;}

/* My Profile */
.tag {display: inline-flex;align-items: center; padding: 0 16px;margin:0 5px 0 0; height: 34px; font-size: 14px;color: #222;border-radius: 17px;background-color: #fff;border: solid 1px #adadad;}
th.pcOnly {display: table-cell !important;}
.profileWrap .photo {width: 163px; height: 222px; background: #ecf5ff url(../images/icon/avatar.svg) no-repeat 50% 50%; background-size: 74px 78px; border-radius: 4px;overflow: hidden;}
.profileWrap .photo img {width: 100%; height: 100%; object-fit: cover;}
.profileWrap .eduDetails {background-color: #fff; margin-top: 40px;}
.profileWrap .eduDetails .tit {font-size:20px;font-weight:800; position: relative; margin-bottom: 0; padding-top: 0; padding-bottom: 0;}
.profileWrap .eduDetails .titBox {display:flex;position:relative;align-items: center;padding-bottom:14px; justify-content: space-between;} 
.profileWrap .educationList li {display:flex; padding: 12px 4px; border-bottom:1px solid #d7d8d9; align-items: center;}
.profileWrap .educationList .tblHead {background-color: #F4F4F4; border-top: 1px solid #ccc;}
.profileWrap .educationList .tblHead  span {color: #000; font-size: 13px; font-weight: 800;}
.profileWrap .educationList li span {flex-shrink:1; display:block; font-size:16px; color:#222; padding: 0 5px;}
.profileWrap .educationList li span span {display:none;}
.profileWrap .educationList li div {display:flex;align-items: center;font-size:14px;}
.profileWrap .educationList .inp,
.profileWrap .educationList .calendarWrap .datepicker {font-size:13px; line-height: 34px;}
/*
.profileWrap .resume {background-color: #fff; margin-top: 40px; margin-bottom:10px; display: flex; align-items:center;}
.profileWrap .resume .tit {font-size:20px;font-weight:800; position: relative; margin-bottom: 0; padding-top: 0; padding-bottom: 0;}
.profileWrap .resume .btnFile {margin-left: 20px;}
.profileWrap .resume .desc {font-size: 12px; color:#222; margin-left: 8px;}
*/

/* My Profile View */
.tblType01 {border-top: 1px solid #999;}
.tblType01 table {table-layout: fixed; width: 100%;}
.tblType01 th,
.tblType01 td {height:91px; border-top: 1px solid #ccc;text-align: left;vertical-align: middle;word-break: keep-all;word-wrap: break-word;}
.tblType01 tr:first-child th,
.tblType01 tr:first-child td {border-top: none;}
.tblType01 th {padding:18px 15px 18px 0;}
.tblType01 td {font-size: 16px; padding:18px 0 18px 0;}
.tblType01 td:not([rowspan]) + th {padding-left: 29px;}
.tblType01 th em {display: block;font-size: 14px;font-weight: 400;}
.tblType01 th strong {position: relative; font-size: 18px; font-weight: 800; line-height: 1.4;}
.tblType01 .vat {vertical-align: top;padding-top: 30px;}
.profileWrap .infoDetails {border-bottom: 1px solid #999;}
.profileWrap .infoDetails > li {width: 100%; display: flex; min-height: 92px; align-items: center; padding: 20px 0;border-top: 1px solid #ccc;}
.profileWrap .infoDetails > li .value {font-size: 16px; color: #000; font-weight: 400;}
.profileWrap .infoDetails > li .value .checkbox {margin-left: 56px;}
.profileWrap .infoDetails .tit {width: 195px; padding-right: 20px; margin-top: 13px; flex-shrink: 0; font-size:18px; font-weight:800; position: relative; color: #000; line-height: 1.45; align-self: flex-start; display:block}
.profileWrap .infoDetails .tit span {display:block; font-size: 18px; font-weight: 400;}
.profileWrap .infoDetails .tit em {display:block; font-size: 14px; font-weight: 400;}
/* My Profile Preview */
.previewBox {padding: 40px 60px 60px;border-radius: 8px;background-color: #fff;}
.previewTop {position: relative;padding-left: 210px;min-height: 210px;}
.previewTop .photo {position: absolute; top: 0; left: 0;width: 160px; height: 218px;}
.previewTop .info {padding-bottom: 35px;}
.previewTop .info p {display: inline;}
.previewTop .info .name {font-size: 24px;font-weight: 800;}
.previewTop .info .ename {font-size: 24px;}
.previewTop .info .birth {position: relative; padding: 0 28px 0 24px;}
.previewTop .info .birth::after {position: absolute;right: 13px;top:50%;margin-top: -6px; display: block;content: '';width: 1px;height: 13px;background: #ccc;}
.previewTop .info .birth,
.previewTop .info .gender {font-size:18px;}
.tblType02 table {table-layout: fixed; width: 100%;}
.tblType02 th,
.tblType02 td {padding:10px 10px 10px 0; font-size: 16px;text-align: left;vertical-align: top;word-break: keep-all;word-wrap: break-word;}
.tblType02 th {font-weight: 800;}
.tblType02 td {color: #222;}
.tblType02 .stit {display: block;font-size: 14px;font-weight: 400;}
.tblType02 .multiple td {vertical-align: middle;}
.previewBottom .tit .stit {margin-left: 5px;font-size: 16px;font-weight: 400;color: #ff2020;}
.previewBottom .eduDetails:first-child {margin-top: 30px;}
.previewBottom .eduDetails .titBox {padding-bottom: 20px;}
.previewBottom .educationList li,
.previewBottom .educationList li.tblHead {padding: 0;}
.previewBottom .educationList li > span {border-left: 1px solid #ccc;text-align: center; padding:19px 10px 20px;word-break: keep-all;word-wrap: break-word; font-size: 14px; color: #222; font-weight: 400;}
.previewBottom .educationList li span:first-child {border-left: 0;}
.previewBottom .educationList .tblHead span {font-size: 16px; color: #000; font-weight: 800; padding:14px 10px; }

/*My CorpList*/
.corpUserList .accordion .tit {width:230px;}
.corpUserList .accordion .th1,
.corpUserList .accordion .td1 {width:46px;}
.corpUserList .accordion .th2,
.corpUserList .accordion .td2 {width:94px;}
.corpUserList .accordion .th3,
.corpUserList .accordion .td3 {width:250px;}
.corpUserList .accordion .th4,
.corpUserList .accordion .td4 {width:350px;}
.corpUserList .accordion .th5,
.corpUserList .accordion .td5 {width:154px;}

/* courseList */
.courseList .accordion .tit {width:370px;}
.courseList .accordion .tit strong {display:block; word-break: break-all; word-wrap: break-word; font-size: 16px; color: #000; font-weight: 800;}
.courseList .accordion .th1,
.courseList .accordion .td1 {width:250px;}
.courseList .accordion .th2,
.courseList .accordion .td2 {width:130px;}
.courseList .accordion .th3,
.courseList .accordion .td3 {width:250px;}
.courseList .accordion .th4,
.courseList .accordion .td4 {width:160px; padding-right: 0;}
.courseList .accordion li .tit,
.courseList .accordion li span {padding-right: 70px;}
.courseList .accordion li span > em {display: none;}

/* courseDetail */
.courseWrap.bgGray .title {font-size: 36px;}
.courseDetails {background-color:#fff;border-radius:8px; padding: 40px 30px;}
.courseDetails .subTitle {font-size: 24px; margin-bottom: 30px;}
.courseDetails ul {display:flex; flex-wrap: wrap; padding: 40px 0; border-bottom: 1px solid #999; border-top: 1px solid #999;}
.courseDetails ul li {display:flex;width: calc(50% - 10px);align-items: flex-start; margin-right: 10px;}
.courseDetails ul li:nth-child(even) {margin-left:10px; margin-right: 0;}
.courseDetails ul li:nth-child(n+3) {margin-top:30px;}
.courseDetails ul li.wide {width: calc(100% - 160px); margin-left:auto; margin-right: 0;}
.courseDetails ul li.attach {align-items: center;}
.courseDetails ul strong {width:160px; font-size: 18px; line-height: 27px; font-weight:800; padding-right: 30px; word-break: keep-all;}
.courseDetails ul span {font-size:18px; width: calc(100% - 160px); line-height: 27px;}
.courseDetails .mapWrap {width:900px; height:400px;} 
.courseDetails .mapWrap iframe {max-width: 100%; height:220px;}
.courseDetails.lineType {border-top:1px solid #999;border-bottom:1px solid #999;border-radius:0; padding: 40px 0;}
.courseDetails.lineType ul {padding: 0; border: 0;}
.courseDetails.lineType ul strong,
.courseDetails.lineType ul span {font-size: 16px;}

.modal.courseDetails {padding: 0;}
.modal.courseDetails .popTit {min-height: 72px; padding-top: 30px;}
.modal.courseDetails .popTit h5 {padding-bottom: 10px; line-height: 31px;}
.modal.courseDetails .popCont {min-height: 106px; padding-top: 40px; padding-bottom: 40px;}
.modal.courseDetails ul {border-bottom: 0; padding-bottom: 0;}
.modal.courseDetails .popBtnWrap {text-align: right; margin-top: 40px;}
.modal.courseDetails .mapWrap {width:900px; height: 225px; margin-left: 0;}

/*managementeWrap */
.managementeWrap .courseTitle {font-size: 28px; font-weight: 800; text-align: center; }
.managementeWrap .bbsTop {margin-top: 30px;}
.managementeWrap .bbsTop .subTitle {margin-bottom: 0;}
.managementeWrap .bbsTop .selectWrap {justify-content: flex-start; align-items: center; padding-left:20px;}
.managementeWrap .bbsTop .selectWrap .selectric {width: 150px;}
.managementeWrap .tblWrap {margin-left:0;margin-right:0;overflow-x: auto; white-space: nowrap; width: 1200px; }
.managementeWrap .tblWrap + .tblWrap {margin-top: 30px;}
.managementeWrap .formTitle {font-size: 16px; margin-top: 30px; margin-bottom: 12px;}
.managementeWrap .textareaWrap .textarea {min-height: 64px;}

/*manageList */
.manageList .accordion .tit {padding-right: 30px;}
.manageList .accordion .tit strong {font-weight: 800; color: #222; font-size: 14px;}
.manageList .accordion .th1,
.manageList .accordion .td1 {width:130px;}
.manageList .accordion .th2,
.manageList .accordion .td2 {width:110px;} 
.manageList .accordion .th3,
.manageList .accordion .td3 {width:170px;} 
.manageList .accordion .th4,
.manageList .accordion .td4 {width:105px;} 
.manageList .accordion .th5,
.manageList .accordion .td5 {width:113px;} 
.manageList .accordion .th6,
.manageList .accordion .td6 {width:85px;} 
.manageList .accordion .th7,
.manageList .accordion .td7 {width:118px;} 
.manageList .accordion .th8,
.manageList .accordion .td8 {width:106px;} 
.manageList .accordion + p {color: #222; font-size: 14px; margin-top: 12px;}
.manageList .accordion .td7 .btnCheck {min-width: 98px;}
.manageList .accordion.link li span {flex-shrink: 0;}
 
/*manageView */
.manageView .tblWrap table {text-align:center; }
.manageView .tblWrap thead th {background-color:#F4F4F4;border-top:1px solid #999;border-bottom:1px solid #ccc; padding: 5px 10px;  text-align: center; vertical-align: middle; font-size: 16px;}
.manageView .tblWrap thead th.center {text-align: center;}
.manageView .tblWrap thead th.left {text-align: left;}
.manageView .tblWrap thead th.bgWhite {background-color:#fff;}
.manageView .tblWrap tbody th {padding:10px 10px;vertical-align:middle}
.manageView .tblWrap th {font-size:14px;font-weight:700;border-bottom:1px solid #ccc}
.manageView .tblWrap td {padding:10px 10px; font-size:14px; border-bottom:1px solid #ccc; vertical-align: middle;  height:72px}
.manageView .tblWrap td:last-child {margin-right: 5px;}
.manageView .tblWrap tr:last-child th,
.manageView .tblWrap tr:last-child td {border-bottom:1px solid #ccc}
.manageView .tblWrap .inp {padding:0 12px; line-height:34px; font-size:13px; color:#222;}
.manageView .textarea {padding:3px 12px 0; font-size:13px; height: 36px; min-height: 36px;}
/* makeupView */
.manageView .tblWrap.typeScroll {overflow-x: hidden;white-space: normal;width: 100%;}
.manageView .tblWrap.typeScroll .left, 
.manageView .tblWrap.typeScroll .right {float: left}
.manageView .tblWrap.typeScroll .left table {width: 100%; text-align: left;}
.manageView .tblWrap.typeScroll .left th {height: 70px; text-align: left; padding-left: 20px; padding-right: 0;}
.manageView .tblWrap.typeScroll .left td {padding: 10px 0 10px 20px;     word-break: break-all; word-wrap: break-word;white-space: normal;}
.manageView .tblWrap.typeScroll .left td span {display:inline-flex; max-height: 40px; line-height: 1.4; overflow: hidden; word-break: break-all; word-wrap: break-word;white-space: normal;}
.manageView .tblWrap.typeScroll .left {position: relative; width: 320px; height: calc(100% - 8px)}
.manageView .tblWrap.typeScroll:not(.hideScroll) .left::after {position: absolute;top: 0;bottom: 0;right: -20px;display: block;content: '';width: 20px;height: 100%;background: linear-gradient(to left, #fff, #808080);opacity: 0.12;}
.manageView .tblWrap.typeScroll .right {position: relative; width: calc(100% - 320px); overflow-x: auto;white-space: nowrap; padding-bottom: 8px; }
.manageView .tblWrap.typeScroll .right table {width: 100%; table-layout: fixed;}
.manageView .tblWrap.typeScroll .right::-webkit-scrollbar {width: 5px; height: 8px;}
.manageView .tblWrap.typeScroll .right::-webkit-scrollbar-thumb {height: 30%; background: #ccc; border-radius: 8px;}
.manageView .tblWrap.typeScroll .right::-webkit-scrollbar-track{background:#f4f4f4;}
.manageView .tblWrap.typeScroll .right thead th {height: 35px;} 

/*payList */
.payList .accordion .tit {padding-right: 30px;}
.payList .accordion .tit strong {font-weight: 800; color: #222; font-size: 14px;}
.payList .accordion .th1,
.payList .accordion .td1 {width:160px;}
.payList .accordion .th2,
.payList .accordion .td2 {width:140px;} 
.payList .accordion .th3,
.payList .accordion .td3 {width:140px;} 
.payList .accordion .th4,
.payList .accordion .td4 {width:140px;} 
.payList .accordion .th5,
.payList .accordion .td5 {width:180px;} 
.payList .accordion .th6,
.payList .accordion .td6 {width:160px;} 
.payList .accordion + p {color: #222; font-size: 14px; margin-top: 12px;}
.payList .accordion .td6 .btnCheck {min-width: 98px;}
.payList .accordion.link li span {flex-shrink: 0;}
 
.payList .selectWrap  {justify-content: flex-start; align-items: center;}
.payList .selectWrap .tit {font-size: 18px; font-weight:800; white-space: nowrap; margin-right: 20px;}
.payList .selectWrap .selectric {width: 212px;}

.manageModify .payDetailList {margin-top:0px; border-top:1px solid #ccc; }
.manageModify .payDetailList.tblList {border: 0;}
.manageModify .payDetailList.tblList + .tblList {margin-top: 30px;}
.manageModify .payDetailList table {width:100%;text-align:center}
.manageModify .payDetailList thead th {background-color:#F4F4F4; font-size:14px; font-weight:800; /*border-left:1px solid #ccc;*/ border-top:1px solid #999; border-bottom:1px solid #ccc; color: #000; padding:12px; text-align: center; vertical-align: middle; height: 60px;}
.manageModify .payDetailList thead th.name {font-size: 16px;}
.manageModify .payDetailList thead tr:first-child th:first-child {border-left:none;}
.manageModify .payDetailList tbody th {padding:12px 10px;vertical-align:middle; height: 60px;}
.manageModify .payDetailList tbody td {padding: 12px; height: 60px; font-size:14px; border-bottom:1px solid #ccc; vertical-align: middle; }
.manageModify .payDetailList tbody td.price {color: #648EF4; font-size: 14px !important; font-weight: 800;}
.manageModify .payDetailList tbody tr td:first-child {border-left:none;}

/* cancelDetails */
#popCancelCont .calendarWrap {width: 100%;}
.modal .cancelDetails > ul {display:flex;padding:0 0 30px;flex-wrap: wrap; justify-content: space-between;}
.modal .cancelDetails > ul > li {display:flex; align-items: center; font-size:16px; width: 50%; padding-right: 40px; margin-top:30px;}
.modal .cancelDetails > ul > li:first-child {margin-top: 0;}
.modal .cancelDetails > ul > li:nth-child(2n + 1) {padding-right: 0; padding-left: 40px;}
.modal .cancelDetails > ul > li .value {font-size: 16px;}
.modal .cancelDetails > ul > li.period {width:100%; padding: 0;}
.modal .cancelDetails > ul > li.wide {width:100%; padding: 0;}
.modal .cancelDetails > ul > li.alignTop {align-items: flex-start;}
.modal .cancelDetails > ul > li > strong {width:160px;font-weight:800; font-size:16px; flex-shrink: 0; padding-right: 40px;}
.modal .cancelDetails > ul > li > span {font-size:16px; padding-left:20px;}
.modal .cancelDetails li .textareaWrap {width: 100%;}
.modal .cancelDetails li .textareaWrap .textarea {min-height: 156px;}
/* makeupList */
.modal .makeupList > ul > li {display:flex;padding:11px 20px 11px 0;border-top:1px solid #ccc;font-size:16px;color:#222;align-items: center;}
.modal .makeupList > ul > li span {flex-shrink:0;display:block; padding: 0 7px 0 0; font-size: 13px; font-weight: 400;color:#222;}
.modal .makeupList .tblHead { background-color: #f4f4f4; padding:8px 20px 9px 0;}
.modal .makeupList .tblHead span {font-weight: 800; color: #000;}
.modal .makeupList .th1,
.modal .makeupList .td1 {width:60px; display: block;  text-align: center; padding-right: 0;}  
.modal .makeupList .th2,
.modal .makeupList .td2 {width:267px;}
.modal .makeupList .th3,
.modal .makeupList .td3 {width:267px;}
.modal .makeupList .th4,
.modal .makeupList .td4 {width:267px;}
.modal .makeupList .th5,
.modal .makeupList .td5 {width:258px; padding-right: 0;}
.modal .makeupList .checkbox.noLabel label {margin-right: 0;}

/*manageModify*/
.manageModify .bbsTop {margin-top: 60px;}
.manageModify .bbsTop .selectric-wrapper {width: 212px; margin-right: auto; margin-left: 20px;}
.manageModify .bbsTop .selectric .label {font-size: 16px; font-weight: 400;}
.manageModify .evaluationList {margin-top:0px; border-top:1px solid #ccc; }
.manageModify .evaluationList li {display:flex;padding:0px;border-bottom:1px solid #ccc;font-size:16px;color:#222;align-items: center; text-align: center;}
.manageModify .evaluationList.tblList {border: 0;}
.manageModify .evaluationList table {width:100%;text-align:center}
.manageModify .evaluationList thead th {background-color:#F4F4F4; font-size:14px; font-weight:800; border-left:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; color: #000; padding:12px; text-align: center; vertical-align: middle;}
.manageModify .evaluationList thead th.name,
.manageModify .evaluationList thead th.comment {font-size: 16px;}
.manageModify .evaluationList thead tr:first-child th:first-child {border-left:none;}
.manageModify .evaluationList tbody th {padding:12px 10px;vertical-align:middle}
.manageModify .evaluationList tbody td {padding: 12px; height: 60px; font-size:14px; border-bottom:1px solid #ccc;border-left:1px solid #ccc; vertical-align: middle; }
.manageModify .evaluationList tbody tr td:first-child {border-left:none;}
.manageModify .evaluationList thead th.pcOnly,
.manageModify .evaluationList tbody td.pcOnly {display: table-cell !important;}
.manageModify .evaluationList li span {flex-shrink:1;display:block;font-size:inherit;color:inherit;  }
.manageModify .evaluationList li span span {display:none;}
.manageModify .evaluationList li div {display:flex;align-items: center;font-size:16px; color: #666;} 
.manageModify .evaluationList .tit {width:100px;padding:0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;font-size:inherit;cursor: auto;pointer-events: none; font-size: 14px; color: #222; font-weight: 400;  }
.manageModify .evaluationList .tit .desc { font-size: 14px; color: #222; font-weight: 400; line-height: 24px;} 
.manageModify .evaluationList .th1,
.manageModify .evaluationList .td1 {width:140px; border-left:1px solid #ccc; padding: 0px 12px; line-height: 62px ;}  
.manageModify .evaluationList .th2,
.manageModify .evaluationList .td2 {width:140px; border-left:1px solid #ccc; padding: 0px 12px; line-height: 62px ;}
.manageModify .evaluationList .th3,
.manageModify .evaluationList .td3 {width:140px; border-left:1px solid #ccc;padding: 0px 12px; line-height: 62px ;}
.manageModify .evaluationList .th4,
.manageModify .evaluationList .td4 {width:140px; border-left:1px solid #ccc; padding: 0px 12px; line-height: 62px ;}
.manageModify .evaluationList .th5,
.manageModify .evaluationList .td5 {width:140px; border-left:1px solid #ccc; padding: 0px 12px; line-height: 62px ;}
.manageModify .evaluationList .th6,
.manageModify .evaluationList .td6 {width:140px; border-left:1px solid #ccc; padding: 0px 12px; line-height: 62px ;}
.manageModify .evaluationList .th7,
.manageModify .evaluationList .td7 {width:260px; border-left:1px solid #ccc; padding: 12px 12px; line-height: 62px ;}
.manageModify .evaluationList .comment .textarea {padding: 8px 0 8px 12px; border-radius:4px;border:1px solid #ccc; font-size: 14px; color: #222; width: 100%; height: 36px; line-height: 1.2; min-height: 36px;}
.manageModify .evaluationList.type2 tbody td > span {display: none;}
/*.manageModify .evaluationList.type2 .comment .textarea {padding: 16px; line-height: 1.3; font-size: 14px;} */
.manageModify .btnWrapBoard {padding-top: 40px;}
/*classList*/
.manageModify .classList {margin-top: 30px; border-top:1px solid #ccc; }
.manageModify .classList li {display:flex; flex-wrap: wrap; padding:0px;font-size:16px;color:#222;align-items: center; text-align: center;}
.manageModify .classList .tblHead {padding:18px 12px 18px 20px; color:#000; background-color: #f4f4f4; font-size: 16px; font-weight: 800; text-align: left; border-bottom: 1px solid #ccc;}
.manageModify .classList li span {flex-shrink:1;display:block;font-size:inherit;color:inherit; }
.manageModify .classList li span span {display:block;}
.manageModify .classList li span em {display:none;}
.manageModify .classList .btnAccordion {height: auto; line-height: initial;}
.manageModify .classList.accordion .active .accordionCont {display: block; background-color: #fff; padding: 0;}
.manageModify .classList .accordionCont li {flex-wrap: nowrap; padding:12px 12px 12px 20px;} 
.manageModify .classList li div {display:flex;align-items: center;font-size:16px; color: #666;} 
.manageModify .classList .tit {width:100px;padding:0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;font-size:inherit;cursor: auto;pointer-events: none; font-size: 14px; color: #222; font-weight: 400;  }
.manageModify .classList .tit .desc { font-size: 14px; color: #222; font-weight: 400; line-height: 24px;} 
.manageModify .classList .th1,
.manageModify .classList .td1 {width:182px; }  
.manageModify .classList .th2,
.manageModify .classList .td2 {width:493px; padding-left: 24px;}
.manageModify .classList .th3,
.manageModify .classList .td3 {width:493px; padding-left: 24px;}

.resume {display:flex; align-items: flex-start; background: #fff; padding: 0 60px 40px; border-radius: 0 0 8px 8px;}
.resume .tit {width: 167px; padding-right: 33px; margin-top: 12px; flex-shrink: 0; font-size: 18px; font-weight: 800;}
.resume .btnFile {width: 100%;}
.resume .desc {display: flex; font-size: 14px; padding-left: 0; margin-top: 8px;}
.filebox {display: flex; align-items: center;width: 100%;}
.filebox .formWrap {position: relative;width: 100%;display: flex;}
.filebox .inp {flex-grow: 1; padding-right: 50px; font-size:14px;}
.filebox label {margin-left: 8px;}
.filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.filebox .btnClose {display: none; width:36px; height: 36px; background: url(../images/icon/btn_delete2.svg) no-repeat; background-size: 100% auto; font-size: 0; position: absolute; top: 50%; right: 12px; transform: translateY(-50%);}
.profileWrap .resume {padding: 40px 0 10px 0;}
.profileWrap .info {margin-top:40px; padding: 20px; background-color:#f2f5f8}
.profileWrap .info .radioWrap {margin-top:14px; margin-left:0 !important;}
.profileWrap .agreeCheck.radioWrap label {font-weight: 800; font-size: 14px; padding-right:20px}

.inquiryWrap .resume .tit {width: 160px; padding-right: 20px; }
.inquiryWrap .btn.icoFile {margin-top: 12px; padding: 0 6px; font-weight: 400; background-color: transparent; min-height: 40px; line-height: 38px; display: flex; align-items: center; color: #000;}
.inquiryWrap .btn.icoFile:before {display: inline-block; content:''; background: url(../images/icon/ico_file.svg) no-repeat 0 50%; width: 32px; height: 32px; background-size: 100% auto; }
.inquiryWrap .btn.icoFile:after {display: inline-block; content:''; background: url(../images/icon/ico_download.svg) no-repeat 0 50%; width: 32px; height: 32px; background-size: 100% auto; margin-left: 24px }


@media all and (max-width:1240px) {
	.subVisual.helpdesk {background: #1778CE url(../images/common/bg_sub_visual_helpdesk_m.png) no-repeat right 100% !important; background-size: 108px auto !important;} 
	.subVisual.teaching {background: #2F5ED2 url(../images/common/bg_sub_visual_teaching_m.png) no-repeat right 100% !important; background-size: 108px auto !important;}
	.subVisual.profile {background: #236BD0 url(../images/common/bg_sub_visual_profile_m.png) no-repeat right bottom -20px !important; background-size: 88px auto !important; height: 100px;}
	.subVisual.course {background: #3b51d4 url(../images/common/bg_sub_visual_course_m.png) no-repeat right 100% !important; background-size: 108px auto !important;} 

	/* helpdesk */
	.noticeWrap .bbsTop {display: none;}
	/* notice list */
	.noticeList .tblList li {min-height:92px;flex-wrap:wrap;padding:21px 0;}
	.noticeList .tblList li > span {font-size:12px;line-height:1.5;color:#666;position: relative;}
	.noticeList .tblList .th2,
	.noticeList .tblList .td2 {width:100%; padding-right: 0; padding-left: 0;}
	.noticeList .tblList .td2 {margin-bottom:8px;}
	.noticeList .tblList .td2 .ellipsis {max-width:calc(100% - 29px);color:#222; font-size: 16px; font-weight:800;}
	.noticeList .tblList .th4,
	.noticeList .tblList .td4,
	.noticeList .tblList .th5,
	.noticeList .tblList .td5 {width:auto;}  
	.noticeList .tblList .td4,
	.noticeList .tblList .td5 {padding-left:21px;}
	.noticeList .tblList .td4:before,
	.noticeList .tblList .td5:before {content:"";position:absolute;left:10px;top:50%;width:1px;height:11px;background-color:#ccc;transform:translateY(-50%)}
	.noticeList .tblList .td4 em {display:inline-block;font-size:inherit;padding-right:5px;}
	.noticeList .tblList .td5 em {display: inline-block; padding-right: 4px;}
	.noticeList .tblList .td6 {color:#648ef4;font-weight:800;}
	/* notice view */
	.noticeView .tblView .tblHead span {font-size: 12px;}
	.noticeView .tblView .th2 {width:100%;margin-bottom:8px;}
	.noticeView .tblView .th2 span {font-size: 18px; color: #000;}
	.noticeView .tblView .th3,
	.noticeView .tblView .th4,
	.noticeView .tblView .th5 {width:auto;}
	.noticeView .tblView .th5 em {display:inline-block;font-size:inherit;padding-right:5px;}
	.noticeView .tblView .th3,
	.noticeView .tblView .th4,
	.noticeView .tblView .th5 {position:relative;padding-left:21px;}
	.noticeView .tblView .th3:before,
	.noticeView .tblView .th4:before,
	.noticeView .tblView .th5:before {content:"";position:absolute;left:10px;top:50%;width:1px;height:11px;background-color:#ccc;transform:translateY(-50%)}
	.noticeView .tblView .th6 {display:inline-block !important; color:#648ef4;font-weight:800; width: auto;}
	.noticeView .tblView + .btnWrapBoard {flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
	.noticeView .tblView + .btnWrapBoard .left {order: 2; width: 100%; margin-top: 8px; margin-bottom: 0;}
	.noticeView .tblView + .btnWrapBoard .left .btn {width: 100%;}
	.noticeView .tblView + .btnWrapBoard .btn {width: calc(50% - 4px); margin-top: 0 !important; margin-right: 4px;}
	.noticeView .tblView + .btnWrapBoard .btn + .btn {margin-right: 0 !important; margin-left: 4px;}
	/* inquiery list */
	.inquiryWrap .bbsTop {padding-bottom: 0; margin-top: 0;}
	.inquiryWrap .bbsTop .number {display: none}
	.inquiryWrap .bbsTop .btnWrapTop {width: 100%; padding-bottom: 20px;}
	.inquiryWrap .bbsTop .btnWrapTop .btn {width: 100%; min-height: 50px; border-color: #3750e6; color: #3750e6; font-size: 14px;}
	.inquiryWrap .btnWrapReverse {display: flex; flex-direction: column-reverse;}
	.inquiryWrap .btnWrapReverse .searchWrap {border-top: 1px solid #ccc; padding-top: 30px; margin-top: 10px;}
	.inquiryList .tblList li {min-height:auto;flex-wrap:wrap;padding:21px 0}
	.inquiryList .tblList li > span {display:inline-block;padding:0;font-size:12px;line-height:1.5;color:#666;}
	.inquiryList .tblList .td1 {width:100%; padding-left: 0;display:inline-flex;text-align:left;align-items: center;margin-bottom:8px; padding-right: 0; font-size: 16px; font-weight: 800; color: #000;}
	.inquiryList .tblList .td2 {width:auto; padding-right: 0; order: 2; position:relative;padding-left:21px;}
	.inquiryList .tblList .td3 {width:auto; padding-left: 0;}
	.inquiryList .tblList .td2:before {content:"";position:absolute;left:10px;top:50%;width:1px;height:11px;background-color:#ccc;transform:translateY(-50%)}
	.inquiryList .tblList .badge {background: transparent; font-size: 12px; color: #648ef4; border-radius: 0; height: initial; line-height: initial; min-width: initial; padding: 0; font-weight: 800;}
	.inquiryList .tblList .badge.basic {color: #666;}
	/* inquiery reg */
	.inquiryReg .title {margin-bottom: 12px;}
	.inquiryReg .tblWrite {padding:30px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
	.inquiryReg .tblWrite > li {flex-wrap: wrap; padding: 0;}
	.inquiryReg .tblWrite > li:not(:first-child) {margin-top: 20px;}
	.inquiryReg .tblWrite > li strong {width:100%; font-size: 14px; margin-bottom: 17px; margin-top: 0; color: #222;}
	/* inquiery view */
	.inquiryView .tblView .th1 {width:100%; padding-left: 0; padding-right: 0;  margin-bottom:8px; font-size: 16px; font-weight: 800; color: #000;}
	.inquiryView .tblView .th2 {width:auto; padding-right: 0; order: 2; position:relative;padding-left:21px; font-size: 12px; color: #666;}
	.inquiryView .tblView .th3 {width:auto; padding-left: 0;}
	.inquiryView .tblView .th2:before {content:"";position:absolute;left:10px;top:50%;width:1px;height:11px;background-color:#ccc;transform:translateY(-50%)}
	.inquiryView .tblView .badge {background: transparent; font-size: 12px; color: #648ef4; border-radius: 0; height: initial; line-height: initial; min-width: initial; padding: 0; font-weight: 800;}
	.inquiryView .tblView .badge.basic {color: #666;}
	.inquiryView .tblView .tblCont {padding: 30px 0;}
	.inquiryView .tblView .tblCont pre {font-size: 14px;}
	.inquiryView .tblView .tblCont .question {padding: 0;}
	.inquiryView .tblView .tblCont .answer {padding: 20px;}
	.inquiryView .tblView + .btnWrapBoard {flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
	.inquiryView .tblView + .btnWrapBoard .left {order: 2; width: 100%; margin-top: 8px; margin-bottom: 0;}
	.inquiryView .tblView + .btnWrapBoard .left .btn {width: 100%;}
	.inquiryView .tblView + .btnWrapBoard .btn {width: calc(50% - 4px); margin-top: 0 !important; margin-right: 4px;}
	.inquiryView .tblView + .btnWrapBoard .btn + .btn {margin-right: 0 !important; margin-left: 4px;}
	/* faq list */
	.faqList .searchWrap {padding-top: 0; padding-bottom: 20px;}
	.faqList .tblList .th2,
	.faqList .tblList .td2 {width:100%; margin-top: 0; font-size: 16px; word-break: break-all;}
	.faqList .tblList .td2 {padding-right: 50px; font-weight:800;}
	.faqList .tblList li span {padding-left:0;}
	.faqList .tblList li .bg {padding: 20px 16px; font-size: 14px;}

	/*Teaching*/
	.teachingWrap .content {padding-top: 30px;} 
	.teachingWrap .selectWrap {width: 100% !important; }
	.teachingWrap .selectWrap .selectric-wrapper {margin-top: 0 !important;}
	.teachingWrap .selectWrap .selectric {width: 100%;}
	.teachingWrap .selectWrap .tit {display: none;}
	.teachingWrap .accordion.link {margin-top: 20px;}
	.teachingWrap .btn.round {position: absolute; z-index: 2; top: 33px; right: 52px; font-size: 12px; max-width: 96px; min-height: 26px; min-width:58px; background: none; ; padding: 4px 12px; text-align: center; border-radius:24px; line-height: 1.3;}
	/* currentList */
	.currentList .accordion .tit {width: calc(100% - 117px)}
	.currentList .accordion .td2 {align-items: flex-start !important;}
	.currentList .accordion .map {justify-content: start; align-items: flex-start;} 
	.currentList .accordion .map .iconMap {padding: 0; min-width: 16px; margin-left: 8px;}
	.currentList .accordion .map .location {display:block; width: auto}
	/*applyList*/
	.applyList .accordion .tit {width: calc(100% - 146px)}
	.applyList .accordion .canceled { position: absolute; top: 0; margin-top: 26px;right: 52px; font-size: 12px; color: #000; width: auto; padding-right: 0;}

	/* My Profile */
	.tag {font-size: 12px;height: 26px;padding: 0 12px;}
	th.pcOnly {display: none !important;} 

	.profileWrap .selectWrap.birth {flex-wrap: wrap;}
	.profileWrap .selectWrap.birth > div:first-child{margin-bottom: 8px;}
	.profileWrap .selectWrap.birth > div:not(:first-child) {width: calc(50% - 4px); flex-grow: 0;}
	.profileWrap .selectWrap.birth > div:nth-child(2) {margin-left: 0;}
	.profileWrap .eduDetails {padding: 20px 24px; margin:0 -24px 0; border-top: 20px solid #f2f5f8;}
	.profileWrap .eduDetails:first-child {border-top: 20px solid #f2f5f8;}
	.profileWrap .eduDetails .titBox {border-bottom:1px solid #ebebeb;padding-bottom: 20px;margin-bottom: 20px;}
	.profileWrap .eduDetails .tit {font-size: 16px;}
	.profileWrap .educationList .tblHead {display: none;}
	.profileWrap .educationList li {flex-direction: column; padding: 0 0 30px;}
	.profileWrap .educationList li:last-child {padding: 0; border-bottom: 0;}
	.profileWrap .educationList li:not(.tblHead) + li {margin-top: 30px;}
	.profileWrap .educationList li span {width: 100% !important; display: flex; flex-wrap:wrap; padding: 0;}
	.profileWrap .educationList span span {display: block !important; margin-bottom: 18px; font-weight: 800; font-size: 14px;}
	.profileWrap .educationList li > span + span {margin-top: 20px;}
	.profileWrap .educationList .calendarWrap {width: 100%;}
	.profileWrap .educationList .inp,
	.profileWrap .educationList .calendarWrap .datepicker {line-height: 50px;}

	/* My Profile View */
	.updateProfile .title {margin-bottom: 12px;}
	.tblType01 {border-bottom: none;}
	.tblType01 colgroup {display: none;}
	.tblType01 table,
	.tblType01 tbody,
	.tblType01 th,
	.tblType01 td {display:block; border:none; padding:0; margin:0; text-align:left; height:auto; font-size: 14px;}
	.tblType01 tr {display: flex;flex-wrap: wrap;}
	.tblType01 th {width: 156px;padding: 15px 15px 15px 0;}
	.tblType01 th strong {font-size: 14px;}
	.tblType01 td {width: calc(100% - 156px); padding: 15px 0; color: #222;}
	.tblType01 td:not([rowspan]) + th {padding-left: 0;}
	.tblType01 .mw100 th,
	.tblType01 .mw100 td {width: 100% !important; padding: 9px 0 9px}
	.tblType01 .mw100 th:first-child {padding-top: 15px;}
	.tblType01 .mw100 td:last-child {padding-bottom: 15px;}
	.tblType01 .person {width: 100%;text-align: center; padding: 30px 0 20px;}
	.tblType01 .person .photo {width: 104px; height: 142px; background-size: 74px 78px; margin: 0 auto;}
	.profileWrap .infoDetails {border-bottom: 0;}
	.profileWrap .infoDetails > li {border: 0; padding: 15px 0; min-height: 50px; align-items: flex-start;}  
	.profileWrap .infoDetails > li:last-child {padding-bottom: 20px;}  
	.profileWrap .infoDetails .tit {width:156px; margin: 0; font-size:14px; margin-right: 0px;}
	.profileWrap .infoDetails .tit span {display: inline-block; font-size: 14px;}
	.profileWrap .infoDetails .tit em {display: block; font-size: 14px; color:#666; margin-top: 2px;}
	.profileWrap .infoDetails .tit .require + span {padding-left: 16px;}
	.profileWrap .infoDetails li.mw100 {flex-direction: column; align-items: flex-start; padding-bottom: 10px;}
	.profileWrap .infoDetails li.mw100 + .mw100 {padding: 10px 0}
	.profileWrap .infoDetails li.mw100 + li:not(.mw100) {padding-top: 25px;}
	.profileWrap .infoDetails li.mw100 .tit {width: 100%; margin-bottom: 18px;}
	.profileWrap .infoDetails li.mw100 .inputWrap02 {width:100%; margin:10px 0 0;}
	.profileWrap .infoDetails li.multiple {flex-direction: column; align-items: flex-start; padding: 20px 0}
	.profileWrap .infoDetails .multiple .tit {width: 100%; margin-bottom: 18px;}
	.profileWrap .infoDetails > li .value {font-size: 14px; width: 100%;}
	.profileWrap .infoDetails > li .value .checkbox {display: block; margin-top: 8px; margin-bottom: 5px; margin-left: 0;}
	
	/* My Profile Preview */
	.previewBox {padding: 0;background: none;}
	.previewTop {padding: 0;}
	.previewTop .person {display: flex;justify-content: center;align-items: center; padding: 25px 40px; margin-bottom: 40px; border-radius: 8px;background-color: #fff; width: 100%;}
	.previewTop .photo {position: static; width: 104px; height: 142px;}
	.previewTop .photo img {width: 100%; height: 100%; object-fit: cover;}
	.previewTop .info {padding:0 0 0 30px;}
	.previewTop .info p {display: block;}
	.previewTop .info p + p {padding-top: 6px;}
	.previewTop .info .name {font-size: 18px;}
	.previewTop .info .ename {font-size: 14px;}
	.previewTop .info .birth, 
	.previewTop .info .gender {font-size: 12px;color: #999;padding-left: 0;}
	.previewTop .info .birth {padding-right: 16px;}
	.previewTop .info .birth::after{height: 11px;margin-top: -5px;right: 6px;}
	.tblType02 {background: #fff;padding: 12px 24px 20px;margin: 0 -24px;}
	.tblType02 colgroup {display: none;}
	.tblType02 table,
	.tblType02 tbody,
	.tblType02 th,
	.tblType02 td {display:block; border:none; padding:0;margin:0; text-align:left; height:auto;font-size: 14px;}
	.tblType02 tr {display: flex;flex-wrap: wrap;}
	.tblType02 th {width: 140px;padding: 8px 8px 8px 0;}
	.tblType02 td {width: calc(100% - 140px);padding: 8px 8px 8px 0;}
	.tblType02 .stit {font-size: 12px;color: #999;}
	.tblType02 .line {border-top: 1px solid #ebebeb; padding-top: 12px; margin-top: 12px;}
	.tblType02 .multiple {padding: 22px 0 0 0;}
	.tblType02 .multiple th {width: 100%;}
	.tblType02 .multiple td {width: 100%; padding-top: 4px; padding-bottom: 0;}
	.previewBottom .eduDetails:first-child {margin-top: 0;}
	.previewBottom .eduDetails .titBox {margin-bottom: 0; border-bottom: 0;}
	.previewBottom .eduDetails .tit {font-size: 18px;}
	.previewBottom .eduDetails .tit .stit{font-size: 14px;margin-left: 3px;}
	.previewBottom .educationList {background:  rgba(245, 245, 248, 0.5); padding: 20px 16px 0;}
	.previewBottom .educationList li {display: block;padding-bottom: 20px;}
	.previewBottom .educationList li:last-child {padding-bottom: 20px;}
	.previewBottom .educationList li:not(.tblHead) + li {margin-top: 20px;} 
	.previewBottom .educationList li span {display: block;width: 100% !important;text-align: left;border: none;font-size: 14px;padding: 0; color: #222;}
	.previewBottom .educationList li span span {margin-bottom: 12px; color: #000;}
	.previewBottom .educationList li > span + span {margin-top: 20px;}

	/* courseList */
	.courseList .titWrap {margin-bottom: 20px;}
	.courseList .titWrap h2.title {margin-top: 0;}
	.courseList .accordion li .tit {width:100%;padding-right: 50px;}
	.courseList .accordion .accordionCont span {padding-right: 0;}
	.courseList .accordion .inner {border-radius: 0; box-shadow:none; padding: 40px 24px 20px 24px; }
	.courseList .accordion .inner .more {right:24px;}
	.courseList .accordion h3.title {width:100%;padding:0 50px 0 0; text-align: left; font-weight: 700;}
	.courseList .accordion h3.title.today:before {width: 20px; height: 20px; margin-right: 6px; background-size: 20px 20px; }
	.courseList .accordion h3.title .date {width: 100%; margin-top: 5px; top: 0; margin-left: 26px; font-size: 14px; font-weight: 700; line-height: 20px;}
	.courseList .accordion span.td1 {align-items: flex-start; }
	.courseList .accordion span.td4 {align-items: flex-start; }
	/* courseDetail */
	.courseWrap .subTitle {margin-bottom: 12px;}
	.courseDetails {display:block; padding: 20px 16px; background-color: #fff;}
	.courseDetails ul {padding: 20px 0;}
	.courseDetails ul li {width:100%; margin-right: 0;}
	.courseDetails ul li:nth-child(even) {margin-left:0;}
	.courseDetails ul li:not(:first-child),
	.courseDetails ul li:nth-child(n+3) {margin-top:16px;}
	.courseDetails ul li.wide {width:100%}
	.courseDetails ul strong {width:156px; padding-right: 20px; font-size: 14px !important; line-height: 1.4; color: #222;}
	.courseDetails ul span {font-size: 14px !important; font-weight: 400; line-height: 1.5; color: #222;}
	.courseDetails.lineType {padding: 20px 0;}
	.courseWrap.bgGray {background-color: #fff !important;}
	.courseWrap.bgGray .content {padding: 20px 0;}
	.courseWrap.bgGray .title {font-size: 18px; margin-bottom: 0; padding: 0 16px 20px; border-bottom: 1px solid #f4f4f4;}
	.courseWrap.bgGray .subTitle {font-size: 16px;}
	.modal.courseDetails {padding: 0; padding-bottom: 20px;}
	.modal.courseDetails .popTit {min-height: 61px; padding-top: 18px;}
	.modal.courseDetails .popCont {padding: 20px 16px 0; max-height: calc(100vh - 120px);}
	.modal.courseDetails .popCont .tit {padding-bottom: 12px;}
	.modal.courseDetails .subTitle {font-size: 16px; margin-bottom: 12px;}
	.modal.courseDetails .mapWrap {width: 100%;}
	.modal.courseDetails .popBtnWrap {padding-top: 20px; margin-top: 20px; border-top: 1px solid #ccc;}
	.courseWrap.bgGray {background-color: #fff !important;}
	.courseWrap.bgGray .content {padding: 20px 0;}
	.courseWrap.bgGray .title {font-size: 18px; margin-bottom: 0; padding: 0 16px 20px; border-bottom: 1px solid #f4f4f4;}
	.courseWrap.bgGray .subTitle {font-size: 16px;}

	/* managementeWrap */
	.managementeWrap .content {padding-top: 30px;}
	.managementeWrap .courseTitle {font-size: 20px; margin-top: 0;}
	.managementeWrap .titWrap {position: relative; align-items: center; padding-bottom: 12px; margin-bottom: 20px;}
	.managementeWrap .titWrap h2.title {order: 1; margin-top: 0; margin-bottom: 0;}
	.managementeWrap .titWrap .bbsTop {flex-wrap: wrap; margin-bottom: 0; margin-top: 0;}
	.managementeWrap .titWrap .bbsTop .subTitle {order: 1;}
	.managementeWrap .titWrap .bbsTop .btn {order: 2;}
	.managementeWrap .searchWrap .selectric-wrapper {margin-top: 0 !important;}
	.managementeWrap .searchWrap .selectric {width: 100%;}
	.managementeWrap .searchWrap .tit {display: none;}

	.managementeWrap .selectWrap {width: 100% !important; }
	.managementeWrap .selectWrap .selectric-wrapper {margin-top: 0 !important;}
	.managementeWrap .selectWrap .selectric {width: 100%;}
	.managementeWrap .selectWrap .tit {display: none;}

	.managementeWrap .tblWrap thead th {font-size: 12px;}
	.managementeWrap .tblWrap thead th, 
	.managementeWrap .tblWrap tbody th {padding:4px 10px}
	.managementeWrap .tblWrap td p {font-size:14px}
	.managementeWrap .tblWrap td {padding:0 10px; height: 55px; font-size: 12px;}
	.managementeWrap {min-width: 100vw}
    .managementeWrap .tblWrap,
    .managementeWrap .tblWrap table {width: 100%}
	.managementeWrap .formTitle {margin-top: 40px; margin-bottom: 10px;}
	.managementeWrap .textareaWrap .textarea {min-height: 104px;}

	/* manageList */
	.manageList .accordion .tit {width: calc(100% - 108px);}
	.manageList .accordion span.td1 {align-items: flex-start; }
	.manageList .accordion .btnCheck { position: absolute; z-index: 2; top: 33px;right: 52px; font-size: 12px; min-width: 58px; min-height: 24px; background: none; padding: 0 8px; text-align: center; line-height: 24px;}
	.manageList .accordion .btn.round:not(.btnCheck) {width:100%;height:40px;border-radius:4px;line-height:38px;background: transparent; text-align: center; border-color: #999; color: #666; font-weight: 700;}
	.manageList .accordion .btn.round:not(.btnCheck) em {display: inline !important;}
	.manageList .accordion .td1 {width:100%;}
	.manageList .accordion .td2 {width:100%;}
	.manageList .accordion .td3 {width:100%;}
	.manageList .accordion .td4 {width:100%;}
	.manageList .accordion .td5 {width:100%;}
	.manageList .accordion .td6 {width:100%;}
	.manageList .accordion .td8 {width:100%; margin-top: 20px !important;}
	.manageList .accordion .accordionCont span {padding-right: 0px; word-break: break-all;} 
	.manageList .accordion .selectric-sm .label {height: 50px; line-height: 48px;}
	/* manageView */   
	.manageView .searchWrap { padding-bottom: 40px;}
	.manageView .subTitle {color: #000;}
	.manageView .bbsTop { padding-bottom: 12px;}
	.manageView .tblWrap.typeScroll {width: 100%;overflow-x: auto;white-space: nowrap;}
	.manageView .tblWrap.typeScroll .left {width: 180px;}
	.manageView .tblWrap.typeScroll .left::after {display: none;}
	.manageView .tblWrap.typeScroll .right {display: block;overflow: visible;flex: 0 0 auto; padding-bottom: 6px; width: calc(100% - 180px);}
	.manageView .tblWrap.typeScroll::-webkit-scrollbar {display: block;}
	.manageView .tblWrap.typeScroll::-webkit-scrollbar {width: 5px; height: 6px;}
	.manageView .tblWrap.typeScroll::-webkit-scrollbar-thumb {height: 30%; background: #ccc; border-radius: 6px;}
	.manageView .tblWrap.typeScroll::-webkit-scrollbar-track{background:#f4f4f4;}   
	.manageView .tblWrap.typeScroll:not(.hideScroll) .left::after {display: none !important}
	.manageView .tblWrap.typeScroll .left th {padding-left: 10px; text-align: left; height: 54px;}
	.manageView .tblWrap.typeScroll .left td {padding-left: 10px; text-align: left; height: 55px; overflow: hidden; line-height: 17px;}
	.manageView .tblWrap.typeScroll .left td span {font-size: 12px; max-height: 30px;}
	.manageView .tblWrap.typeScroll .left colgroup col:first-child {width: 40px !important;}
	.manageView .tblWrap.typeScroll .left colgroup col:nth-child(2) {width: 70px !important;}
	.manageView .tblWrap.typeScroll .left colgroup col:nth-child(3) {width: 70px !important; padding-right: 10px;}   
	.manageView .tblWrap.typeScroll .right colgroup col {width: 66px !important;}
	.manageView .tblWrap.typeScroll .right thead th {height: 27px;}
	/* cancelDetails */
	.modal .cancelDetails ul {display:block;padding: 0; margin-top: 40px; border-bottom: 0;}
	.modal .cancelDetails ul li {width:100%; font-size:14px; padding-left: 0 !important; padding-right: 0 !important;}
	.modal .cancelDetails ul li:not(:first-child),
	.modal .cancelDetails ul li:nth-child(n+3) {margin-top:16px;}
	.modal .cancelDetails ul li.wide {width:100%; flex-wrap: wrap;}
	.modal .cancelDetails ul li.wide strong {width:100%;}
	.modal .cancelDetails ul li:first-child {margin-top: 20px;}
	.modal .cancelDetails ul strong {font-size:14px; width: 156px;} 
	.modal .cancelDetails ul .wide strong {width: 100%; margin-bottom: 10px;} 
	.modal .cancelDetails .btnWrapBoard.center {margin-top: 55px;}
	.modal .cancelDetails li .textareaWrap .textarea {min-height: 104px;}
	/* makeupList */
	.modal .makeupList .bbsTop {flex-direction:row-reverse; margin-top:40px; padding-bottom: 20px;}
	.modal .makeupList {border-top:none; width: 100%; } 
	#popMakeupCont .popTit h3 {border: 0}
	/* #popMakeupCont .makeupList > ul {overflow-y: auto; max-height: calc(100vh - 234px);} */
	.modal .makeupList > ul > li {display:block; font-size: 14px; background-color: rgba(242, 245, 248, 0.5); border:0; padding: 20px 16px; margin-top: 20px;}
	.modal .makeupList > ul > li:last-child {border-bottom:none;}
	.modal .makeupList > ul > li span {color:#666; font-size: 14px; display:flex; width:100%;align-items: center; padding-right: 0;}
	.modal .makeupList > ul > li span + span {margin-top: 16px;}
	.modal .makeupList > ul > li > span span {display:block; color:#222; font-weight:800; text-align: left; width: 96px; flex-shrink: 0;}
	.modal .makeupList .tblHead {display:none;}
	.modal .makeupList .tblHead + li {margin-top: 0;}
	.modal .makeupList .td1 {width:100%;}
	.modal .makeupList .td2 {width:100%; border-top: 1px solid #e1e2e3; padding-top: 20px; margin-top: 20px;}
	.modal .makeupList .td3 {width:100%;}
	.modal .makeupList .td3 {width:100%;}
	.modal .makeupList .td4 {width:100%;}
	.modal .makeupList .td5 {width:100%;}
	.modal .makeupList li .calendarWrap {width:100%;}
	.modal .makeupList li .calendarWrap .datepicker.sm {line-height: 50px;}
	.modal .makeupList li .selectric-sm .label {height: 50px; line-height: 48px; font-weight: 400;}
	.modal .makeupList li .selectric .button {right: 12px;}
	.modal .makeupList li .textareaWrap .textarea {padding:16px 12px; font-size: 14px; color: #666;} 
	/*manageModify*/
	.manageModify .titWrap {border-bottom: 0; padding-bottom: 0; margin-bottom: 0; justify-content: center;}
	.manageModify .title + .searchWrap {padding-bottom: 40px;}
	.manageModify .titWrap .bbsTop {width: 100%; margin-top: 40px; margin-bottom: 8px; }
	.manageModify .subTitle + .selectric-wrapper {width: 100%; margin-bottom: 30px; margin-left: 0; margin-right: 0;order: 0;}
	.manageModify .bbsTop .selectric .label {font-size: 14px;}
	.manageModify .evaluationList thead th.pcOnly, 
	.manageModify .evaluationList tbody td.pcOnly {display: none !important;}
	.manageModify .evaluationList.tblList {position: relative; padding:8px 16px 152px; background-color: rgba(242, 245, 248, 0.5); margin-top: 36px;}
	.manageModify .evaluationList.tblList tbody {flex-grow: 1;}
	.manageModify .evaluationList table {display: flex;}
	.manageModify .evaluationList table colgroup {display: none;}
	.manageModify .evaluationList thead {display: flex;}
	.manageModify .evaluationList thead tr {display: inline-flex; flex-direction: column;}
	.manageModify .evaluationList thead tr:nth-child(2) th {color: #648ef4; padding: 12px;}
	.manageModify .evaluationList thead .name {display: none;}
	.manageModify .evaluationList tbody .name {position: absolute;top: -36px; left: 0;font-size: 16px;font-weight: 800;color: #000;padding: 0; height: auto;;}
	.manageModify .evaluationList tbody .comment {width: calc(100% - 32px); height: auto; position: absolute; left: 16px; right: 16px; bottom: 20px; padding: 0;}
	.manageModify .evaluationList thead .comment {height: auto;}
	.manageModify .evaluationList tbody .comment .textarea {height: 132px; min-height: 132px;}
	.manageModify .evaluationList tbody tr {display: flex; flex-direction: column;}
	.manageModify .evaluationList thead th,
	.manageModify .evaluationList tbody td {height: 74px; padding: 12px 0; display: inline-flex; align-items: center; background-color: transparent; border: 0;}
	.manageModify .evaluationList thead th.comment {font-size: 14px;}
	.manageModify .evaluationList.type2 {background-color: #fff; padding: 0; margin-top: 0;}
	.manageModify .evaluationList.type2 .btnAccordion { text-indent: -9999em; width: 28px; height: 28px; background-size: 100% auto; flex-shrink: 0;  position: absolute; top: 22px; right: 0; background: url(../images/icon/ico_accordion_m.svg) no-repeat right center;}
	.manageModify .evaluationList.type2 .active .btnAccordion {background-image: url(../images/icon/ico_accordion_active_m.svg);transition:background-image 0.2s;}
	.manageModify .evaluationList.type2 thead {display: none;}
	.manageModify .evaluationList.type2 tbody td > span {display: flex; text-align: left; flex-shrink: 0; width: 130px; font-weight: 800; font-size: 14px; color: #222;}
	.manageModify .evaluationList.type2 tbody td span em {display: inline-block; width:40px; color: #648ef4; margin-left: auto; text-align: center;}
	.manageModify .evaluationList.type2 tbody td .inputWrap {width: calc(100% - 130px); text-align: left; flex-shrink: 0;}
	.manageModify .evaluationList.type2 tbody td.name {position: relative; top: 0; left: 0; min-height: 72px; background-color: #fff !important; justify-content: space-between; padding: 0 !important;}
	.manageModify .evaluationList.type2 tbody td.name ~ td {display: none;}
	.manageModify .evaluationList.type2 tbody td.comment {position: relative;}
	.manageModify .evaluationList.type2 tbody td:not(.pcOnly) {background-color: rgba(242, 245, 248, 0.5); padding-left: 16px; padding-right: 16px;}
	.manageModify .evaluationList.type2 td.name + td {padding-top: 20px; height: 84px;}
	.manageModify .evaluationList.type2 td.comment {padding-top: 8px; padding-bottom: 20px; flex-wrap: wrap; left: 0; right: auto; top: auto; bottom: 0;}
	.manageModify .evaluationList.type2 td.comment span {margin-bottom: 12px; }
	.manageModify .evaluationList.type2 .active td:not(.pcOnly) {max-height: 1000vh; width: 100%; display:flex !important; transition: max-height 0.5s ease-in-out;}
	.manageModify .evaluationList.type2 .comment .textarea {padding:12px 20px;border-radius:4px;border:1px solid #ccc;line-height:28px;font-size:18px;color:#222; width: 100%; min-height: 132px;}
	/*classList*/
	.manageModify .classList {margin-top: 0; border-top:none; width: 100%; } 
	.manageModify .classList .tblHead {display:flex; align-items: center; background-color: #fff; padding: 0; height: 72px; border: 0;}
	.manageModify .classList .tblHead .th1 {display: none;}
	.manageModify .classList .tblHead .th2 {display: block; text-align: left; font-size: 16px; font-weight: 800; color: #000; padding: 0 50px 0 0;}
	.manageModify .classList .btnAccordion {text-indent: -9999em; width: 28px; height: 28px; background-size: 100% auto;flex-shrink: 0; position: absolute; top: 22px; right: 0;}
	.manageModify .classList .accordionCont {padding: 20px 16px !important; background-color: rgba(242,245,248,0.5) !important;}
	.manageModify .classList .accordionCont li {padding: 0; background-color: transparent;}
	.manageModify .classList .accordionCont li + li .td1 {border-top: 1px solid #cccccc !important;margin-top: 20px; padding-top: 20px;}
	.manageModify .classList .accordionCont li > span {flex-wrap: wrap; display: flex; width: 100%; padding: 0;}
	.manageModify .classList li {display:block;font-size: 14px; border-bottom:none; padding: 0; }
	.manageModify .classList span  {line-height: 1.4 !important;}
	.manageModify .classList .accordionCont span {color:#666; display:flex; width:100%;align-items: center; padding: 20px 0 0 0;}
	.manageModify .classList .accordionCont li span  + span {margin-top: 20px;}
	.manageModify .classList .accordionCont span em {display:block; color:#222; font-weight:800; width: 100%; text-align: left; font-size: 14px; margin-bottom: 18px;}
	.manageModify .classList li div {width: 100%;}
	.manageModify .classList li div > span {display: flex; flex-direction: column; }
	.manageModify .classList .th1 {width:100%; padding: 0; }
	.manageModify .classList .th2 {width:100%; padding-left: 0;}
	.manageModify .btnWrapBoard {margin-top: 40px; padding-top: 0;}

	.profileWrap .resume {flex-wrap: wrap; margin: 0 -16px 0; padding: 20px 16px; border-top: 20px solid #f2f5f8; border-bottom: 20px solid #f2f5f8;}
	.profileWrap .resume .desc {margin-left: 0; margin-top: 10px;}
  
	.payList .content {padding-top: 30px;} 
	.payList .selectWrap {width: 100% !important; }
	.payList .selectWrap .selectric-wrapper {margin-top: 0 !important;}
	.payList .selectWrap .selectric {width: 100%;}
	.payList .selectWrap .tit {display: none;}
	
	.tblList.x-scroll {overflow-x: auto; padding-bottom: 12px;}
	.tblList.x-scroll > table {table-layout: fixed;}
	.tblList.x-scroll::-webkit-scrollbar {display: block; height: 6px;}

	.manageModify .bbsTop {margin-top: 30px; padding-bottom: 12px;}
	.manageModify .tblList.payDetailList + .classList.accordion {margin-top: 30px;}
	.manageModify .payDetailList th,
	.manageModify .payDetailList td {text-align: left !important; padding: 12px 8px !important; height: 56px !important;}
	.manageModify .payDetailList colgroup col {width: 50px !important;}
	.manageModify .payDetailList colgroup col:nth-child(2) {width: auto !important;}
	.manageModify .payDetailList.x-scroll colgroup col {width: 70px !important;}
	.manageModify .payDetailList.x-scroll colgroup col:nth-child(1) {width: 100px !important;}
	.manageModify .payDetailList.x-scroll colgroup col:nth-child(5) {width: 100px !important;}
	.manageModify .payDetailList.x-scroll colgroup col:nth-child(6) {width: 100px !important;}
}

@media all and (max-width:768px) {
	.manageView .tblWrap.typeScroll .right colgroup col {width: 66px !important;}
}

@media all and (max-width:767px) {
	.profileWrap .tblType02 {padding: 12px 16px 20px; margin: 0 -16px;}
	.profileWrap .eduDetails {margin: 0 -16px 0; padding: 20px 16px}
}

.popCheck .popCont .tit {flex-wrap: wrap;}
.popCheck .popCont .tit h4 {width: 100%;}
.popCheck .popCont .tit .desc {display: none;}
.popCheck .popCont .btnListWrap {align-items: flex-end; width: 100%; padding-top: 20px;}
.popCheck .popCont .btnListWrap .selectWrap {width: 212px; margin-right: auto;}
.popCheck .popCont .btnListWrap .selectWrap .selectric .label {font-size: 16px;height: 46px; line-height: 46px; padding-left: 0;}
.popCheck .attendList .td5 .btnWrapBoard {display: none;}
.popCheck .attendList .td6 {display: none;}

@media all and (max-width:1240px) {
	.popCheck .popCont .tit span.label {font-size:12px; padding-left:10px; } 
	.popCheck .popCont .tit .desc {margin: -10px 0; color: #666; width:100%; text-align: left;} 
	.popCheck .popCont .btnListWrap {justify-content:end; padding-top:12px; width: 100%; flex-wrap: wrap;}
	.popCheck .popCont .btnListWrap .selectWrap {width: 100%; margin-bottom: 20px;}
	.popCheck .attendList .btnWrapBoard {margin-top: 0; margin-bottom: 10px; flex-direction: row; align-items: center;}
	.popCheck .attendList .btnWrapBoard .left {margin-bottom: 0;}
	.popCheck .attendList .btnWrapBoard .btn {margin-top: 0; margin-left: 6px; width: auto; min-width: 82px; font-size: 13px}
	.popCheck .attendList .btnWrapBoard .btn:not(.secondary) {border-color: #999; color: #666;}
	.popCheck .attendList .td5 {flex-wrap: wrap; margin-top:19px;}
	.popCheck .attendList .td5 .btnWrapBoard {display: flex;}
	.popCheck .attendList .td5 .btnWrapBoard .btn.sm {display: none;}
	.popCheck .attendList .td6 {width: 100%; background-color: rgba(242, 245, 248, 0.5); padding: 20px 16px !important; margin-top:19px;}
	.popCheck .attendList .sign {height: 200px; border-radius: 4px; border: solid 1px #ccc; background-color: #fff;}
	.popCheck .popCont.typeB .btnListWrap > .btn {display: none;}
	.popCheck .popCont.typeB .btnListWrap > .desc {display: block;}
	.popCheck .popCont.typeB .attendList .td1 {display: none;}
	.popCheck .popCont.typeB .attendList .td5 .btnWrapBoard {display: flex; width: 100%;}
	.popCheck .popCont.typeB .attendList .td5 .btnWrapBoard .btn.sm {display: block;}

	.inputWrap .inp {padding: 0 12px;}
	.textareaWrap .textarea {padding: 12px;}
	.manageList .accordion .btnCheck {/*height: 100%;*/ top: 50% !important; transform: translateY(-50%);}
}
.join .tabs {display: inline-flex; margin-bottom: 40px; background-color: #e5e5e5; border-radius: 500px;}
.join .tabs li a {display:inline-block; min-width: 120px; height: 52px; padding: 13px 30px 12px 31px; border-radius: 500px;  background-color: #e5e5e5; color: #adadad; font-size: 18px; font-weight: 500;}
.join .tabs li.active a {background-color: #648ef4; color: #fff;}

 @media all and (max-width:1240px) {
  .join .tabs {margin-bottom: 30px;}
  .join .tabs li a {min-width: 93px; height: 40px; padding: 10px 23px 10px 24px; font-size: 14px;letter-spacing: 0;}
}