@charset "utf-8";

/***************/
/* 강사전용 공통 */
/***************/
.mid {flex-wrap: wrap;}
/* 메뉴라인 */
.line_box {border-bottom:1px solid var(--lay-line-gray1);}
/* 상단영역 조절 */
/*#fs_container_wrap {padding-top:134px;}*/
  @media only screen and (max-width:1199px){

  }
  @media only screen and (max-width:1023px){
    .mid .member_links {width: auto;}
    .mid .member_links > li:last-child {padding-left:1rem;margin-left:1rem;}
    .mid .member_links > li:last-child:after {display: block;}
  }
  @media only screen and (max-width:767px){
    .mid {gap:1rem;align-items: center;}
    .fs_head .logo a em {font-size:2rem;}
    .fs_head .logo a em span {font-size:2rem;}

    .mid .member_links {margin-left: auto;}
    .mid .member_links > li {display: block;}
    .mid .member_links > li:last-child {display:block;}
  }


/***************/
/* 컨텐츠 */
/***************/
/* sub06(강사전용) - 강사회원 로그인 */
.ptext_in {margin-top:4rem;padding-top:4rem;line-height:1.5;border-top:1px solid var(--lay-line-gray1);font-size:1.7rem;color:var(--lay-text-black2);letter-spacing: -0.6px;text-align: center;}
.ptext_in u {color:var(--lay-text-black1);}

.login_box_wrap_in {display: flex;gap:4rem;width:clamp(0px,100%,1400px);margin:0 auto;}
.login_box_wrap_in > div {flex-grow: 1;}
.login_box_wrap_in .left {width: 50%;padding:8rem 10.5rem;}
.login_box_wrap_in .right {width: 50%;}
.login_box_wrap_in .right .hbox {display:flex;flex-direction:column;height: 100%;padding:8rem 10.5rem;background: var(--lay-bg-blue2);border-radius: var(--lay-rd-20);}
.login_box_wrap_in .right .login_box {flex-grow:1;text-align: center;}
.login_box_wrap_in .right .login_box .st_tit {}
.login_box_wrap_in .right .login_box .st_tit img {filter: brightness(0) saturate(100%) invert(45%) sepia(71%) saturate(575%) hue-rotate(177deg) brightness(92%) contrast(88%);}
.login_box_wrap_in .right .login_box p {margin-bottom:6.5rem;line-height:1.5;font-size:2rem;font-weight:var(--ft-wt500);color:var(--lay-text-black1);letter-spacing: -0.6px;}
.login_box_wrap_in .right .login_box a {display:grid;place-items:center;height:155px;background: var(--lay-col-blue1);text-decoration:none;color:var(--lay-col-white);border-radius: var(--lay-rd-5);font-weight:var(--ft-wt500);font-size:3rem;transition: var(--lay-ts);}
.login_box_wrap_in .right .login_box a:is(:hover,:focus,:active) {background: var(--lay-bg-black1);}
.login_box_wrap_in .right .ptext_in {}
  @media only screen and (max-width:1399px){
    .login_box_wrap_in {padding:0 20px;}
  }
  @media only screen and (max-width:1023px){
    .ptext_in {margin-top:2rem;padding-top:2rem;}

    .login_box_wrap_in {padding:0 15px;}
    .login_box_wrap_in .left {padding:5rem 4.5rem;}
    .login_box_wrap_in .right .hbox {padding:5rem 4.5rem;}
    .login_box_wrap_in .right .ptext_in br {display: none;}
  }
  @media only screen and (max-width:767px){
    .login_box_wrap_in {gap:2rem;flex-direction: column;}
    .login_box_wrap_in .left {width: 100%;padding:0 4.5rem 5rem 4.5rem;}
    .login_box_wrap_in .right {width: 100%;}
    .login_box_wrap_in .right .login_box p {margin-bottom:3.5rem;}
    .login_box_wrap_in .right .login_box a {height:80px;}
  }

/* sub06(강사전용) - 강사등록 */
/* 강사등록(STEP01 개인정보활용동의) */
.member_text {display:flex;padding:5rem 3rem;margin-top:2rem;border:1px solid var(--lay-line-gray1);border-radius: var(--lay-rd-20);}
.member_text .img {flex:0 1 240px;padding-top:1rem;text-align: center;}
.member_text .img img {}
.member_text .pcon {flex-grow: 1;}
.member_text .pcon .top {padding-bottom:2rem;margin-bottom:2rem;border-bottom: 1px dashed  var(--lay-line-gray1);}
.member_text .pcon .top strong {display: block;font-size:2.2rem;color:var(--lay-text-black1);font-weight: var(--ft-wt500);}
.member_text .pcon .top ul {margin-top:20px;}
.member_text .pcon .top ul li {margin-top:1.2rem;text-indent:-15px;padding-left:12px;color: var(--lay-text-black3);}
.member_text .pcon .top ul li:first-child {margin-top:0;}
.member_text .pcon .bot {}
.member_text .pcon .bot ul {}
.member_text .pcon .bot ul li {margin-top:1.2rem;}
.member_text .pcon .bot ul li img {vertical-align:middle;filter: brightness(0) saturate(100%) invert(39%) sepia(50%) saturate(890%) hue-rotate(301deg) brightness(100%) contrast(91%);}
.member_text .pcon .bot ul li:first-child {margin-top:0;}
  @media only screen and (max-width:767px){
    .member_text {flex-direction: column;padding:3rem 3rem;}
    .member_text .img {flex:0 1 80px;}
    .member_text .img img {width: 41px;}
    .member_text .pcon .top ul {margin-top:10px;}
  }

/* 강사등록(STEP02 강사정보 입력) */
.tit_flex {justify-content: space-between;flex-wrap:wrap;}
.tit_flex .etctext {margin-right: auto;margin-left:10px;}
.tableA .userid_flex {gap:4px;flex-wrap:wrap;}
.tableA .userid_flex input {width: 430px;}
.tableA .userid_flex button {}
.tableA .work_flex {gap:30px;flex-wrap:wrap;}
[class^="table_script"] .input_on {color:var(--lay-col-red1);}
[class^="table_script"] .input_on a {display: block;text-align: center;}
[class^="table_script"] .input_on .icon {position:relative;display: inline-block;width: 19px;height: 19px;border-radius: 100%;background: var(--lay-col-red1);vertical-align:middle;}
[class^="table_script"] .input_on .icon:before {content: "";display: block;position:absolute;left:6px;top:9px;width: 7px;height: 1px;background: var(--lay-col-white);}
[class^="table_script"] .input_on .icon:after {content: "";display: block;position:absolute;left:9px;top:6px;width: 1px;height: 7px;background: var(--lay-col-white);}
[class^="table_script"] .input_off {color:var(--lay-text-black2);}
[class^="table_script"] .input_off a {display: block;text-align: center;}
[class^="table_script"] .input_off .icon {position:relative;display: inline-block;width: 19px;height: 19px;border-radius: 100%;background: var(--lay-text-black2);vertical-align:middle;}
[class^="table_script"] .input_off .icon:before {content: "";display: block;position:absolute;left:6px;top:9px;width: 7px;height: 1px;background: var(--lay-col-white);}
[class^="table_script"] .input_off .icon:after {display: none;}

.filebox {position: relative;}
.filebox .upload-name {display: inline-block;height: 5.5rem;padding: 0 1rem;vertical-align: top;border: 1px solid var(--lay-line-gray1);border-radius:0 var(--lay-rd-10) var(--lay-rd-10) 0;width: 84.9%;color: var(--lay-text-black3);}
.filebox label {display: inline-grid;place-items:center;padding: 0 1.5rem;width:15%;height: 5.5rem;margin-right:-0.4rem;text-align:center;border-radius:var(--lay-rd-10) 0 0 var(--lay-rd-10);color: var(--lay-col-white);vertical-align: top;background-color: var(--lay-text-black1);cursor: pointer;}
.filebox input[type="file"] {position: absolute;top:0;left:0;z-index:-1;width: 15%;height: 5.5rem;padding: 1rem;overflow: hidden;border: 0;}
.fileicon {margin-top:1rem;color: var(--lay-text-black1);font-weight: var(--ft-wt400);}
.fileicon > div {margin-top:1.5rem;gap:0.5rem;}
.fileicon span {margin-right:1rem;}
.fileicon a {display: block;}
.fileicon button {}
.fileicon .flex {flex-wrap: wrap;}

.download {display: block;margin-top:10px;}
.download img {vertical-align: middle;filter: brightness(0) saturate(100%) invert(67%) sepia(66%) saturate(5364%) hue-rotate(197deg) brightness(87%) contrast(99%);}
  @media only screen and (max-width:1199px){
    .tableA .userid_flex input {flex-grow: 2;width: auto;}
    .tableA .userid_flex button {flex-grow: 1;}
  }
  @media only screen and (max-width:1023px){
    .filebox .upload-name {width: 69.5%;}
    .filebox label {width:30%;}
    .filebox input[type="file"] {width: 30%;}
  }
  @media only screen and (max-width:767px){
    .tableA .work_flex {column-gap:2rem;row-gap:0.5rem; }
    .filebox .upload-name {width: 57.5%;}
    .filebox label {width:42%;}
    .filebox input[type="file"] {overflow:hidden;width: 0;}
    .fileicon span {display: block;}
  }


/* sub06(강사전용) - 강사마이페이지 */
/* 강좌수강생관리(목록) */
.course_box_wrap {}
.course_box_wrap .course_top {display:flex;flex-direction:column;justify-content:center;padding:6rem 6rem 5rem 6rem;background: url("./../images/content/member_in/bg1.jpg") no-repeat center center / cover var(--lay-bg-blue2);border-radius: var(--lay-rd-15);}
.course_box_wrap .course_top .course_info {display:flex;align-items:center;gap:1.5rem;color:var(--lay-text-black1);}
.course_box_wrap .course_top .course_info .course_etc1 {font-size:2rem;padding-top:1rem;}
.course_box_wrap .course_top .course_info .course_name {font-size:3.5rem;}
.course_box_wrap .course_top .course_info .course_etc2 {display:grid;place-items:center;min-height:4rem;padding:0.4rem 2rem 0 2rem;background: var(--lay-bg-blue3);color:var(--lay-col-white);border-radius: var(--lay-rd-50);}
.course_box_wrap .course_top .course_sat {margin-top:4.5rem;margin-bottom:1.8rem;}
.course_box_wrap .course_top .course_sat .course_txt1 {font-size:2rem;color:var(--lay-col-blue1);font-weight: var(--ft-wt500);}
.course_box_wrap .course_top .course_sat .course_txt1 img {filter: brightness(0) saturate(100%) invert(47%) sepia(90%) saturate(2619%) hue-rotate(200deg) brightness(93%) contrast(86%);}
.course_box_wrap .course_top .course_sat .course_txt2 {color:var(--lay-text-black3);}
.course_box_wrap .course_top .course_rating {padding-left:3.1rem;}
.course_box_wrap .course_top .course_rating .course_rat1 {font-weight: var(--ft-wt700);}
.course_box_wrap .course_top .course_rating .course_rat2 img {filter: brightness(0) saturate(100%) invert(21%) sepia(90%) saturate(2751%) hue-rotate(336deg) brightness(91%) contrast(99%);}
.course_box_wrap .course_rating {display:flex;align-items:center;flex-wrap: wrap;gap:1rem;padding-left:0;}
.course_box_wrap .course_rating .course_rat1 {font-size:2rem;color:var(--lay-text-black1);font-weight: var(--ft-wt500);}
.course_box_wrap .course_rating .course_rat2 {}
.course_box_wrap .course_rating .course_rat2 span {}
.course_box_wrap .course_rating .course_rat2 span img {vertical-align:middle;filter: brightness(0) saturate(100%) invert(21%) sepia(90%) saturate(2751%) hue-rotate(336deg) brightness(91%) contrast(99%);}
  @media only screen and (max-width:767px){
    .course_box_wrap .course_top {padding:4rem 3rem;}
    .course_box_wrap .course_top .course_sat {margin-top:3.5rem;margin-bottom:0.8rem;}
  }

/* 강좌수강생관리(상세) */
.course_box_wrap .course_top .course_st {display:flex;gap:2rem;margin-top:2rem;font-size:3.5rem;color:var(--lay-text-black1);}
.course_box_wrap .course_top .course_st span {display:inline-grid;place-items:center;padding:0 2rem;min-height:35px;background:var(--lay-col-white);font-size:1.8rem;font-weight: var(--ft-wt500);border-radius: var(--lay-rd-5);}
.course_box_wrap .course_top .course_st .sp_red {border:1px solid var(--lay-col-red1);color:var(--lay-col-red1);}
.course_box_wrap .course_top .course_st .sp_blue1 {border:1px solid var(--lay-col-blue1);color:var(--lay-col-blue1);}
.course_box_wrap .course_top .course_st .sp_blue2 {border:1px solid var(--lay-col-blue2);color:var(--lay-col-blue2);}
.course_box_wrap .course_top .course_st .sp_gray {border:1px solid var(--lay-text-black3);color:var(--lay-text-black3);}
.course_box_wrap .allCheckbox {font-size:2rem;color:var(--lay-text-black1);font-weight:var(--ft-wt500);}
.course_box_wrap .allCheckbox .checks {margin-right:2rem;}
  @media only screen and (max-width:767px){
    .course_box_wrap .allCheckbox {margin-top:1rem;}
    .course_box_wrap .allCheckbox .checks {margin-right:0.7rem;}
  }

/* 내 강사정보 */
.about_instructor {padding:9rem 8rem 7rem 8rem;box-shadow: 7px 7px 35px rgba(0,0,0,0.07);border-radius: var(--lay-rd-15);}
.about_instructor .top {display: flex;gap:12rem;}
.about_instructor .top .left {}
.about_instructor .top .left span {position:relative;z-index:1;display:inline-flex;}
.about_instructor .top .left span:before {content:"";position: absolute;left:-1rem;top:-1rem;z-index:-1;display:flex;width: 100%;height: 100%;background: var(--lay-col-white);border:1px solid var(--lay-line-gray1);border-radius: var(--lay-rd-10);}
.about_instructor .top .left span:after {content:"";position: absolute;right:-1rem;bottom:-1rem;z-index:-1;display:flex;width: 100%;height: 100%;background: var(--lay-bg-blue4);border-radius: var(--lay-rd-10);}
.about_instructor .top .left span img {border-radius: var(--lay-rd-10);}
.about_instructor .top .right {flex-grow: 1;}
.about_instructor .top .right ul {display: flex;flex-direction:column;gap:3rem;margin-top:4rem;}
.about_instructor .top .right ul li {display:flex;font-size:2.8rem;}
.about_instructor .top .right ul li strong {position:relative;flex-shrink:0;padding:1.2rem 0 0 1.4rem;width:150px;font-weight: var(--ft-wt700);color:var(--lay-text-black1);background: url("./../images/content/member_in/icon_dot.png") no-repeat left top;}
.about_instructor .top .right ul li strong:after {content:"";position: absolute;right:0;top:2.3rem;width:8px;height:8px;border-radius: 100%;background: var(--lay-bg-blue4);}
.about_instructor .top .right ul li span {flex-grow:1;padding:1.5rem 0 0 3rem;font-weight: var(--ft-wt400);color:var(--lay-text-black3);}
.about_instructor .top .right .btn_box {display:flex;gap:0.4rem;margin-top:6.5rem;}
.about_instructor .top .right .btn_box .btn_bace {padding:0 20px;}
.about_instructor .top .right .btn_box .btn_line {padding:0 20px;}
.about_instructor .bot {display: flex;gap:3.4rem;margin-top:12.5rem;}
.about_instructor .bot > div {width: 33.3%;}
.about_instructor .bot > div strong {display:block;padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid var(--lay-text-black1);font-size:2.8rem;color: var(--lay-text-black1);}
.about_instructor .bot > div ul {}
.about_instructor .bot > div ul li {margin-top:2rem;padding-left:1.7rem;text-indent:-1.7rem;color: var(--lay-text-black3);}
  @media only screen and (max-width:1023px){
    .about_instructor {padding:7rem 6rem 5rem 6rem;}
    .about_instructor .top {gap:2rem;}
    .about_instructor .top .left span {width: 80%;}
    .about_instructor .top .left span img {width: 100%;}
    .about_instructor .top .right .btn_box {margin-top:3.5rem;}
    .about_instructor .bot {gap:24px;margin-top:6.5rem;}
  }
  @media only screen and (max-width:767px){
    .about_instructor {padding:5rem 4rem 3rem 4rem;}
    .about_instructor .top {flex-direction: column;}
    .about_instructor .top .left {margin: 0 auto;}
    .about_instructor .top .left span {width: 240px;}
    .about_instructor .top .right ul li strong {width:120px;}
    .about_instructor .top .right ul li span {padding:1.5rem 0 0 1.5rem;}
    .about_instructor .top .right .btn_box {display: flex;gap:1rem;flex-wrap: wrap;}
    .about_instructor .top .right .btn_box .btn_bace {flex-grow: 1;width: 49%;}
    .about_instructor .top .right .btn_box .btn_line {flex-grow: 1;width: 100%;}
    .about_instructor .bot {flex-direction: column;gap:4.5rem;}
    .about_instructor .bot > div {width: 100%;}
    .about_instructor .bot > div strong {padding-bottom:1rem;margin-bottom:1rem;}
    .about_instructor .bot > div ul li {margin-top:1.8rem;}
  }

/* 경력증명서 발급요청 */
.credentials_wrap {}
.tableB .tr_gray {background: var(--lay-bg-gray2);font-size:2rem;font-weight:var(--ft-wt500);color: var(--lay-text-black1);}
.credentials_wrap .cert {gap:2rem;font-weight:var(--ft-wt500);color: var(--lay-text-black1);}
.credentials_wrap .etc_box {display: flex;padding:3rem 1.5rem 3rem 0;margin-top:3rem;border:1px solid var(--lay-line-gray1);border-radius: var(--lay-rd-15);}
.credentials_wrap .etc_box strong {flex-shrink: 0;width: 22rem;border-right:1px solid var(--lay-line-gray1);font-weight:var(--ft-wt500);text-align: center;color: var(--lay-text-black1);}
.credentials_wrap .etc_box strong img {width: 18px;margin:1px 4px 0 0;}
.credentials_wrap .etc_box p {padding-left:4rem;color: var(--lay-text-black3);}
  @media only screen and (max-width:767px){
    .credentials_wrap .etc_box {flex-direction: column;}
    .credentials_wrap .etc_box strong {flex-shrink: 1;border-right:0;}
    .credentials_wrap .etc_box p {margin-top:1.5rem;}
  }

/* 경력증명서 발급요청(상세)-팝업 */
.layer_box_wide .etc1 {margin-bottom:4rem;padding-bottom:4rem;border-bottom:1px solid var(--lay-line-gray1);color: var(--lay-text-black1);}
.layer_box_wide .etc1 p {margin-top:5rem;font-size:2rem;font-weight:var(--ft-wt500);text-align: center;}
.layer_box_wide .etc1 span {display:block;margin-top:5rem;font-weight:var(--ft-wt400);text-align: right;}
.layer_box_wide .etc1 strong {display:block;margin-top:2rem;font-size:2.6rem;font-weight:var(--ft-wt700);text-align: right;}
.layer_box_wide .etc2 {display:flex;padding:4rem 0;margin-top:4rem;background: var(--lay-bg-gray2);border:1px solid var(--lay-line-gray1);}
.layer_box_wide .etc2 .left {flex-shrink: 0;width: 270px;text-align: center;}
.layer_box_wide .etc2 .left strong {font-weight:var(--ft-wt700);color: var(--lay-text-black1);}
.layer_box_wide .etc2 .right {}
.layer_box_wide .etc2 .right ul {display:flex;row-gap:2.5rem;flex-wrap: wrap;}
.layer_box_wide .etc2 .right ul li {width:50%;color: var(--lay-text-black2);}
.layer_box_wide .etc2 .right ul li strong {font-weight:var(--ft-wt400);color: var(--lay-text-black1);}
  @media only screen and (max-width:1023px){
    .layer_box_wide .etc2 {flex-wrap: wrap;padding:4rem 2rem;}
    .layer_box_wide .etc2 .left {flex-shrink: 1;width: auto;margin-bottom:2rem;}
  }
  @media only screen and (max-width:767px){
    .layer_box_wide .etc2 .right ul li {width:100%;}
  }

/* 경력증명서 발급요청(등록)-팝업 */
.layer_search_box {display: flex;gap:2rem;justify-content: center;align-items: center;flex-wrap:wrap;margin-bottom:5rem;}
.layer_search_box .left strong {}
.layer_search_box .left strong span {padding:0 0 0 15px;}
.layer_search_box .left .ptext span:after {}
.layer_wrap .layer_box .layer_top .layer_search_box .ptext span:after {top:-7px;}
.layer_search_box .left strong span img {}
  @media only screen and (max-width:767px){
    .layer_search_box {margin-bottom:2rem;}
    .layer_search_box .left {flex-grow: 1;}
    .layer_search_box .right {flex-grow: 1;display: flex;gap:5px;justify-content:center;align-items:center;flex-wrap:wrap;text-align: center;}
    .layer_search_box .right select {flex-grow: 1;}
    .layer_search_box .right span {flex-grow: 1;}
    .layer_search_box .right button {flex-grow: 1;}
  }