/*position KBH 2025-08-29 { */
.fl{float:left !important;}
.fr{float:right !important;}
.fn{float:none !important;}
.db{display:block !important;}
.dt{display:table !important}
.dtr{display:table-row !important;}
.dtc{display:table-cell !important;}
.di{display:inline !important}
.dn{display:none !important}
.dc{display:contents !important}
.dib{display:inline-block !important}
.df{display:flex !important}
.ofh{overflow:hidden }
.ofa{overflow:auto !important}
.ofv{overflow:visible}
.ofs{overflow:scroll}
.ofi{overflow:inherit !important}
.ofu{overflow:unset !important}
.overflows{overflow-y:auto;overflow-x:hidden}
.cl{clear:left}
.cr{clear:right}
.cb{clear:both}
.csp{cursor:pointer;}
.ps{position:static}
.pr{position:relative}
.pa{position:absolute}
.pf{position:fixed}
.tablef{table-layout:fixed}
.tal{text-align:left !important}
.tar{text-align:right !important}
.tac{text-align:center !important}
.vat{vertical-align:top !important}
.vam{vertical-align:middle !important}
.vab{vertical-align:bottom !important}
.vas{vertical-align:super !important}

.bgn {background:none !important;}

.basicColor {color:var(--basic) !important;}
.redColor {color:var(--red) !important;}
.blueColor {color:var(--ajxbgch) !important;}
.dgray {color:var(--dgray) !important;}
.lgray {color:var(--lgray) !important;}

/* } position KBH 2025-08-29 */


.subpage {padding: 6.5rem 0 10rem;}
.subpage .horizontal-bar {position:relative;}
.subpage .horizontal-bar::after {content:""; position:absolute; top:0; left:0; width:100%; height:1px; background-color:#C9CACA;}


/* 로그인 */
.auth {min-height: 100svh;}
.subpage-form {background: #fdfefe; height: 100%;}
.subpage-form .inner {display: flex; align-items: center; justify-content: center; height: 100%;}
.subpage-form .form-box {background: #fff; border: 1px solid #E9E8E7; border-radius: 2rem; width: 100%;}
.subpage-form .form-row--button .butn {padding: 1.4rem; font-size: 1.8rem; font-weight: 700; border-radius: 6px; height: 6.3rem;}
.subpage-auth .form-tabmenu {display: flex; align-items: center; width: 100%;}
.subpage-auth .form-tabmenu li {width: 50%;}
.subpage-auth .form-tabmenu a {display: flex; align-items: center; justify-content: center; width: 100%; padding: 2rem 0.1rem; font-size: 1.4rem; font-weight: 500; color: #898989; background: #efefef; border-top: 1px solid #e8e7e6; border-right: 1px solid #e8e7e6; border-bottom: 1px solid #e8e7e6;}
.subpage-auth .form-tabmenu .active a {color: #3e3a39; background: #fff; border: 1px solid #e8e7e6; border-bottom: 1px solid transparent;}
.subpage-auth .form-heading {text-align: center;}
.subpage-auth .form-heading h6 {font-weight: 700;}
.subpage-auth--login .form-box {display: flex; align-items: center; column-gap: 14rem;  padding: 9.5rem 6.5rem; }
.subpage-auth--login .form-box > div {width: calc((100% - 14rem) / 2);}
.subpage-auth--login .form-wrap {display: flex; flex-direction: column; row-gap: 3.5rem; position: relative;}
.subpage-auth--login .form-wrap::after {content: ""; display: inline-block; width: 1px; height: 100%; background: #E9E8E7; position: absolute; top: 50%; right: -7rem; transform: translate(50%, -50%)}
.subpage-auth--login .form-row {display: flex; align-items: center; column-gap: 8px; }
.subpage-auth--login .form-fieldset {display: flex; flex-direction: column; row-gap: 8px; width: calc(72% - 8px);}
.subpage-auth--login .form-row .butn-submit {align-self: stretch; width: 28%; border-radius: 6px; color: #fff; font-size: 1.6rem; font-weight: 500;}
.subpage-auth--login #SecureAccess {display: flex; align-items: center; column-gap: 5px; width: auto; color: #898989; font-size: 1.4rem; padding: 0; border: 0; padding-left: 1.8rem; margin-left: auto;}
.subpage-auth--login #SecureAccess::before {left: 0; font-size: 0.8em;}
.subpage-auth--login #SecureAccess .switch {text-align: center; display: inline-block; font-size: 1.2rem; padding: 0.3px 5px 1.5px; border: 1px solid #42AD55; line-height: 1em; text-indent: 0; color: #42AD55;}
.subpage-auth--login #SecureAccess i {text-indent: 0;}
.subpage-auth--login .form-box--list {display: none; flex-direction: column; row-gap: 4rem;}
.member-service-list {padding-bottom: 4.5rem;}
.member-service-list ul {display: flex; flex-direction: column; row-gap: 4.5rem;}
.member-service-list li {display: flex; align-items: center; column-gap: 4rem;}
.member-service-list .list-text {display: flex; flex-direction: column; row-gap: 0.5rem;}
.member-service-list .list-text--title {font-size: 1.6rem;}
.member-service-list .list-text--content {font-size: 1.2rem; color: #9fa0a0; line-height: 1.4em;}
.member-service-list .list-icon {display: inline-block; width: 6rem; height: 6rem;}
.general-member .list-item--ai .list-icon {background: url('../images/sub/icon-general-ai.png') no-repeat 50% 50% / contain;}
.general-member .list-item--estimate .list-icon {background: url('../images/sub/icon-general-estimate.png') no-repeat 50% 50% / contain;}
.general-member .list-item--chat .list-icon {background: url('../images/sub/icon-general-chat.png') no-repeat 50% 50% / contain;}
.teacher-member .list-item--ai .list-icon {background: url('../images/sub/icon-teacher-ai.png') no-repeat 50% 50% / contain;}
.teacher-member .list-item--estimate .list-icon {background: url('../images/sub/icon-teacher-estimate.png') no-repeat 50% 50% / contain;}
.teacher-member .list-item--chat .list-icon {background: url('../images/sub/icon-teacher-chat.png') no-repeat 50% 50% / contain;}

.general-form .butn-submit {background: #2660ad}
.teacher-form .butn-submit {background: #ee7541}
.subpage-auth--find .teacher-form .form-tabmenu .active a {border-color: #ee7541}
.subpage-auth--find .teacher-form .radio input[type="radio"]:checked + label em {border: #ee7541; background: #ee7541;}
.subpage-auth--find .form-wrap {width: 100%;}

/* 아이디 비밀번호 찾기 */
.subpage-auth--find {display: flex; align-items: center; padding: 6.5rem 0 4rem; min-height: 75svh;}
.subpage-auth--find .inner {max-width: 58rem;}
.subpage-auth--find .form-box {padding: 5rem 7rem 4rem;}
.subpage-auth--find .form-tabmenu {border-radius: 6px; overflow: hidden; background: #efefef;}
.subpage-auth--find .form-tabmenu a {padding: 1.5rem 0.1rem; border-bottom: 0;}
.subpage-auth--find .form-tabmenu .active a {border: 1px solid #222; border-radius: 6px;}
.subpage-auth--find .form-heading {text-align: left;}
.subpage-auth--find .form-wrap form {row-gap: 3.8rem;}
.subpage-auth--find .select-type {border-radius: 6px; background: #F7F8F8; padding: 1.4rem 1rem;}
.subpage-auth--find .radio-wrap {justify-content: center; column-gap: 6rem;}
.subpage-auth--find .input-label {font-size: 1.4rem; color: #898989; flex: 1 0 auto; padding-left:1.5rem;}
.subpage-auth--find .input-item--flex {column-gap: 3rem;}
.subpage-auth--find .input-item--flex input {color: #898989; }

.subpage-auth--find.complete .form-box {padding: 5rem 3rem 4rem;}
.subpage-auth--find.complete .form-heading h6 {text-align: center; padding-bottom: 0.5rem;}
.subpage-auth--find.complete .form-heading {display: flex; flex-direction: column; row-gap: 2rem;}
.subpage-auth--find.complete .form-heading p {color: #898989;}

.form-row--actions {justify-content: center;}
.form-row--actions a {color: #898989; font-size: 1.4rem;}
.form-row--actions .list-line {display: flex; align-items: center; justify-content: center; column-gap: 7rem;}
.form-row--actions li:not(:last-child)::after {right: -3.5rem;}

/* 회원가입 */
.subpage-join .inner {max-width: 58rem;}
.subpage-join .form-box {padding: 5rem 7rem 4rem;}
.input-group--flex .input-item {flex: 1;}
.input-group--flex button {display: flex; align-items: center; justify-content: center; width: 12rem; align-self: stretch; background: #EEEEEF; color: #3E3A39; font-size: 1.4rem; border-radius: 6px;}
.subpage-join .checkbox-wrap--column label {color: #B3B3B3; }
.subpage-join .checkbox-box {border: 1px solid #717071; padding: 1.5rem 1rem 2.5rem; border-radius: 1rem;}
.subpage-join .checkbox-wrap--all {padding-bottom: 1.5rem; border-bottom: 1px solid #B4B4B5; margin-bottom: 1.5rem;}
.subpage-join .checkbox-wrap--column {row-gap: 6px;}
.subpage-join .checkbox-wrap--column .checkbox {display: flex; align-items: center; column-gap: 1rem; width: 100%;}
.subpage-join .checkbox-wrap--column .butn-text {display: inline-block; color: #B3B3B3; font-size: 1.4rem; margin-left: auto;}
.checkbox-wrap--all .checkbox label em {border-color: #3E3A39;}
.subpage-form .form-guide {font-size: 1.2rem; color: #B4B4B5; text-align: right; margin-top: 5px;}
.subpage-join .error-msg {display: inline-block; margin-left: 0.5rem;}

.subpage-join .form-row--flex .input-wrap {flex: 1;}
.subpage-form .form-heading h6 {font-weight: 700;}
.subpage-form .input-wrap--options {position: relative;}
.subpage-form .search-field.input-item {width: calc(100% - 4.7rem); cursor: pointer;}
.subpage-form .search-field .btn-add {right: auto; left: 100%; }
.subpage-form .selected-box {padding: 0.9rem 0; width: 100%; line-height: 4em; box-sizing: border-box; padding: 0.95rem 1.5rem; position: relative; height: 4.5rem;}
.subpage-form .selected-box::after {content: ">"; display: inline-block; font-size: 1.2rem; color: #B5B4B5; position: absolute; right: 1rem; transform: rotate(90deg); transition: transform 0.2s; top: calc(50% - 10px);}
.subpage-form .field-list {row-gap: 1.8rem; height: 36rem;}
.subpage-form .options {display: none; position: absolute; z-index: 10; border-radius: 1rem; background: #fff; padding: 3rem 1.5rem; width: 100%; top: 100%; left: 0; box-shadow: 0 0 1rem rgba(35, 24, 21, 0.35);}
.subpage-form .options-field .field-button {font-size: 1.4rem;}
.subpage-form .options-field .field-children ul {background: #fff; row-gap: 1.2rem;}
.subpage-form .options-field .checkbox label {font-size: 1.4rem;}
.subpage-form .selected-depth1 {font-size: 1.4rem; color: #595757; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block;}
.subpage-form .selected-depth2 {font-size: 1.1rem; color: #B4B3B4; margin-left: 1rem;}
.subpage-form .search-field.active .options {display: flex;}
.subpage-form .label-flex {display: flex; align-items: baseline; }
.subpage-form .label-tip {display: inline-block; font-size: 1.2rem; color: #9FA1A4; letter-spacing: -0.5px; font-weight: 400; margin-left: auto;}
.subpage-form .label-tip em {color: #0B308E; }
.subpage-join .input-item {position: relative;}
.subpage-join .input-item .btn-add {position: absolute; color: #B3B3B3; font-size: 2rem; font-weight: 500; right: 0; top: 50%; transform: translateY(-50%); width: 4.7rem; height: 4.7rem;}
.subpage-join .input-time {text-align: right;}
.subpage-join .input-price {/*width: 70%;*/ text-align: right;}
.subpage-join .price-unit {position: absolute; right: 1.5rem; top: 50%; transform: translateY(-50%); font-size: 1.4rem; color: #9FA1A4;}
.sub .input-wrap--file .input-item {position: relative;}
.sub .input-wrap--file .upload-name {border: 0; font-size: 1.4rem; box-sizing: border-box; height: 4.7rem; margin-left: 8rem; width: 70%; display: -webkit-box; overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all;}
.sub .input-wrap--file .input-item label {position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); background: #EEEEEF; padding: 5px 1.2rem; color: #585757; font-size: 1.2rem; border-radius: 6px; cursor: pointer;}


.subpage .sub-row .inner {display: flex; flex-direction: column; row-gap: 7rem;}
.subpage p {word-break: keep-all;}
.subpage-company {display: flex; flex-direction: column; row-gap: 10rem; padding-top: 0; padding-bottom: 0;}
.subpage-company .section-heading {display: flex; flex-direction: column; row-gap: 2.5rem; text-align: center; }
.subpage-company .section-heading h6 {font-size: 2.8rem;}
.subpage .section-heading p {font-size: 1.6rem; line-height: 1.6em; color: #9FA0A0;}
.subpage-company .subvisual {background: #F7F8F8;}
.subpage-company .subvisual .container {max-width: 186rem; margin: 0 auto; padding: 6rem 3rem 4rem; }
.subpage-company .gallery-grid {display: grid; column-gap: 2rem; row-gap: 2rem;  height: 51rem; grid-template-rows: repeat(2, 1fr);}
.subpage-company .gallery-grid .gallery-img {display: flex; align-items: center; justify-content: center; box-shadow: 0 0 10px rgba(35,24,21,0.35); border-radius: 2rem; overflow: hidden;}
.subpage-company .gallery-grid .gallery-img:nth-child(1) {grid-column: 1 / 2; grid-row: 1 / 3;}
.subpage-company .gallery-grid .gallery-img:nth-child(2) {grid-column: 2 / 3; grid-row: 1 / 2;}
.subpage-company .gallery-grid .gallery-img:nth-child(3) {grid-column: 2 / 3; grid-row: 2 / 3;}
.subpage-company .gallery-grid .gallery-img:nth-child(4) {grid-column: 3 / 4; grid-row: 1 / 3;}
.subpage-company .gallery-grid .gallery-img:nth-child(5) {grid-column: 4 / 5; grid-row: 1 / 2;}
.subpage-company .gallery-grid .gallery-img:nth-child(6) {grid-column: 4 / 5; grid-row: 2 / 3;}
.subpage-company .gallery-grid .gallery-img img {display: block; min-width: 100%; min-height: 100%; object-fit: cover;}
.card-group {display: flex; align-items: flex-start; flex-wrap: wrap; column-gap: 2.5rem;}
.col3 {display: flex; align-items: flex-start; flex-wrap: wrap; gap: 2.5rem;}
.col3 > div {flex: 0 1 calc((100% - 5rem) / 3); }
.card-group .card {box-shadow: 0 0 10px rgba(35,24,21,0.35); border-radius: 1.5rem; background: #fff;}
.card::after {content: ""; display: block; padding-bottom: 100%;}
.card-inner {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute;}
.subpage-company .card {text-align: center; position: relative;}
.subpage-company .card-inner {row-gap: 4rem;}
.subpage-company .card-icon {display: inline-block; width: 7.2rem; height: 7.2rem;}
.subpage-company .card:nth-child(1) .card-icon {background: url('../images/sub/icon-company-mission01.svg') no-repeat 50% 50% / contain;}
.subpage-company .card:nth-child(2) .card-icon {background: url('../images/sub/icon-company-mission02.svg') no-repeat 50% 50% / contain;}
.subpage-company .card:nth-child(3) .card-icon {background: url('../images/sub/icon-company-mission03.svg') no-repeat 50% 50% / contain;}
.subpage-company .card-text {display: flex; flex-direction: column; row-gap: 2rem;}
.subpage-company .card-text--title {font-size: 2rem;}
.subpage-company .card-text--detail {font-size: 1.6rem; line-height: 1.4em; color: #595757; }
.subpage-company .sub-row--process {padding: 10rem 0; background: #F7F8F8;}
.subpage-company .gallery.col3 {justify-content: center;}
.subpage-company .gallery-item {box-shadow: 0 0 10px rgba(35,24,21,0.35); border-radius: 2.2rem; display: flex; flex-direction: column; background: #fff; align-self: stretch;}
.subpage-company .gallery-item img {object-fit: cover; width: 100%;}
.subpage-company .gallery-item--text {display: flex; flex-direction: column; row-gap: 1.5rem; padding: 2.5rem 2rem;}
.subpage-company .gallery .text-title {font-size: 2rem;}
.subpage-company .gallery .text-detail {font-size: 1.4rem; line-height: 1.4em; color: #898989;}
.subpage-company .box-white {background: #fff;  }
.subpage-company .sub-row--reliability .section-content {display: flex; flex-direction: column; row-gap: 3rem;}
.subpage-company .sub-row--reliability .box {display: flex; align-items: center; justify-content: center; height: 16rem; border-radius: 2rem; box-shadow: 0 0 10px rgba(35,24,21,0.15); padding: 0 4rem;}
.subpage-company .sub-row--reliability .box p {font-size: 1.6rem; line-height: 1.4em; text-align: center; }
.subpage-company .sub-row--reliability .box.box-column {flex-direction: column; row-gap: 7rem; height: auto;}
.subpage-company .sub-row--reliability .box-image {background: url('../images/sub/company-history-bg.png') no-repeat 50% 50% / cover; padding: 9rem 6rem;}
.subpage-company .count-list {display: flex; align-items: flex-start; width: 100%;}
.subpage-company .count-item {display: flex; flex-direction: column; row-gap: 1rem; align-items: center; width: 25%;}
.subpage-company .count-item:not(:last-child) {position: relative;}
.subpage-company .count-item:not(:last-child)::after {content: ""; display: inline-block; width: 0.5px; height: 2.5rem; background: #CAD5E3; opacity: 0.5; position: absolute; top: 3rem; right: 0; transform: translate(-50%, -50%);}
.subpage-company .count-item--number {color: var(--blue); font-size: 4.2rem; line-height: 1.25em;}
.subpage-company .count-item--number em {font-size: 2rem;}
.subpage-company .count-item--text {font-size: 1.4rem; color: #898989;}

.subpage-company .sub-row--vision {background: url('../images/sub/company-vision-bg.png') no-repeat 50% 50% / cover; padding: 13.5rem 6rem;}
.subpage-company .sub-row--vision .box-white {padding: 6rem 2rem 7rem;}
.subpage-company .sub-row--vision h6 {display: flex; align-items: center; justify-content: center; column-gap: 2rem;}
.subpage-company .sub-row--vision h6::before {content: ""; display: inline-block; width: 3.5rem; height: 3.5rem; background: url('../images/sub/logo-emblem.svg') no-repeat 50% 50% / contain;}
.subpage-company .sub-row--vision .box-white p {color: #3E3A39; word-break: keep-all;}

/* 금액 슬라이더 공통 */
.subpage .filter-slider {display: flex; align-items: center; justify-content: center; height: 2.5rem; margin-bottom: 2rem;}
.subpage .slider-wrap {width: 100%;}
/* .subpage .slider-wrap {margin-bottom: 2rem; height: 2.5rem;} */
.subpage .ui-slider .ui-slider-handle {width: 2.5rem; height: 2.5rem; border-radius: 50px; border: 1px solid #EBEBEB; background: #fff;}
.subpage .ui-widget-header:last-child {background: var(--blue);}
.subpage .ui-widget.ui-widget-content {border: 0; background: #EBEBEB;}
.subpage .ui-slider-horizontal .ui-slider-handle {top: -1.6em; margin-left: -1.25em;}
.subpage .filter .butn-reset {display: block; text-align: right; font-size: 1.4rem; color: #595757;}

/* 강사섭외 */
.subpage-teacher--list {overflow-x: hidden;}
.subpage-teacher .inner-flex {column-gap: 6rem;}
.subpage-teacher .sub-col--filter {width: 25rem; display: flex; flex-direction: column; row-gap: 4rem;}
.subpage-teacher .sub-col--list {flex: 1;}
.radio-wrap--column, .checkbox-wrap--column {display: flex; flex-direction: column; row-gap: 2.2rem; align-items: flex-start;}
.subpage-teacher .filter-banner {border-radius: 10px; overflow: hidden;}
.subpage-teacher .filter-banner .swiper-slide {border-radius: 10px; overflow: hidden;}
.subpage-teacher .filter-banner a {display: block; position: relative; width: 100%; }
.subpage-teacher .filter-banner a::after {content: ""; display: block; padding-bottom: 50%; border-radius: 10px;}
.subpage-teacher .filter-banner img {position: absolute; object-fit: cover; width:100%;}
.subpage-teacher .filter-heading {display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 3rem;}
.subpage-teacher .filter-heading h6 {font-size: 1.8rem; font-weight: 600;}
.subpage-teacher .filter-heading a {color: #595757; font-size: 1.4rem;}
.subpage-teacher .filter .checkbox-wrap--column {row-gap: 2.5rem;}
.subpage-teacher .filter .radio, .subpage-teacher .filter .checkbox {width: 100%;}
.subpage-teacher .filter-field .checkbox:not(:first-child) > label::after {content: ">"; display: inline-block; font-size: 1.2rem; color: #B5B4B5; position: absolute; right: 0; transform: rotate(90deg); transition: transform 0.2s;}
.subpage-teacher .checkbox:not(:first-child).open > label::after {transform: rotate(270deg);}
.subpage-teacher .filter-children {max-height: 0; overflow: hidden; transition: max-height 0.3s ease-in-out; width: 100%;}
.subpage-teacher .filter-children ul {background: #F8F8F8; border: 1px solid #E8E6E5; display: flex; flex-direction: column; row-gap: 2.3rem; border-radius: 1rem; padding: 2rem 2rem; margin-left: 2rem;}
.subpage-teacher .filter-children .checkbox label {font-size: 1.2rem; column-gap: 2rem; line-height: 1em;}
.subpage-teacher .filter-children .checkbox em {width: 1.2rem; height: 1.2rem; border-radius: 50px; border: 1px solid #EAEAEA; background: #fff;}
.subpage-teacher .filter-children .checkbox input[type="checkbox"]:checked + label em {border: var(--blue); background: var(--blue);}
.subpage-teacher .open .filter-children {max-height: unset; padding-top: 2.5rem;}
.subpage-teacher .teacher-list-top {display: flex; align-items: center; justify-content: space-between;}
.subpage-teacher .teacher-total {font-size: 1.6rem; font-weight: 400;}
.subpage-teacher .teacher-total b {font-weight: 700;}
.subpage-teacher .teacher-search {border: 1px solid #E7E5E4; border-radius: 6px; overflow: hidden; width: 20.2rem;}
.subpage-teacher .teacher-search .search {padding: 0; flex-direction: row; box-shadow: none; align-items: center;}
.subpage-teacher .teacher-search form {display: flex; align-items: center; width: 100%;}
.subpage-teacher .teacher-search input {font-size: 1.3rem; font-weight: 400; line-height: 1.2em; padding: 1.1rem 1.5rem; width: 100%; height: 3.8rem;}
.subpage-teacher .teacher-search input::placeholder {color: #c3c3c3;}
.subpage-teacher .teacher-search button {margin-right: 1rem; display: flex; align-items: center; justify-content: center; align-self: stretch;}
.subpage-teacher .teacher-search i {font-size: 1.6rem; font-weight: 500; }
.subpage-teacher .teacher-item {display: flex; align-items: flex-start; column-gap: 6%; border-bottom: 1px solid #DBDCDC; padding: 4rem 0;}
.subpage-teacher .teacher-item > div {align-self: stretch;}
.subpage-teacher .teacher-item .item-img {width: 43.5%; position: relative; border-radius: 10px; overflow: hidden;}
.subpage-teacher .teacher-item .item-img::after {content: ""; display: block; padding-bottom: 57%;}
.subpage-teacher .teacher-item .item-img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.subpage-teacher .teacher-item .item-text {display: flex; flex-direction: column; row-gap: 6px; flex: 1; position: relative;} 
.subpage-teacher .teacher-item .item-text--field {font-size: 1.2rem; font-weight: 400; color: #666; padding-bottom: 5px; width:360px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.subpage-teacher .teacher-item .item-text--name {font-size: 1.8rem; font-weight: 600; color: #232323;}
.subpage-teacher .teacher-item .item-text--position {font-size: 1.3rem; color: #8F8F8F;}
.subpage-teacher .teacher-item .item-text--review {font-size: 1.1rem; color: #8F8F8F;}
.subpage-teacher .teacher-item .butn-wishlist {position: absolute; right: 0; top: 0; }
.subpage .butn-wishlist i {font-size: 2rem; color: #C9C9CA; }
.subpage .butn-wishlist .fa-solid {color: #F4BB1D; }
.subpage .butn-download {display: flex; align-items: center; justify-content: center; font-size: 1.2rem; font-weight: 500; color: #2660AC; box-shadow: inset 0 0 0 0.5px #2660AC; border-radius: 6px; background: #fff; padding: 1rem 0.6rem; width: 10rem; height: 4rem; margin-top: auto; margin-left: auto;}
.mb-only {display: none !important;}
.subpage .download-box .download-box--butn {display: flex; align-items: center; justify-content: space-between; font-size: 1.2rem; font-weight: 700; color: #3e3a39;}
.subpage .floating-teacher-menu {display: none; position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; box-shadow: 0 3px 8px rgba(0,0,0,0.3); padding: 25px; z-index: 1000; padding-top: 25px; padding-bottom: 30px;}
.subpage .floating-teacher-menu .request-guide {font-size: 1.6rem; padding-bottom: 25px;}
.subpage .floating-teacher-menu .butn-area {display: flex; align-items: center; column-gap: 12px;}
.subpage .floating-teacher-menu a {display: flex; align-items: center; justify-content: center; max-width: 160px; width: 100%; align-self: stretch; height: 48px; font-size: 1.6rem; border-radius: 6px;}
.subpage .floating-teacher-menu .butn-favorite {aspect-ratio: 1 / 1; width: 48px; background: #f6f6f6;}
.subpage .floating-teacher-menu .butn-favorite i {color: var(--blue); font-size: 2rem;}
.subpage .floating-teacher-menu .butn-message {background: #ffe500; color: #000;}

.subpage-teacher.subpage-detail {background: #fcfcfc}
.photo-modal-overlay {position: fixed; inset: 0; background: rgba(0, 0, 0, 0.4); z-index: 99999; display: flex; align-items: center; justify-content: center;}
.photo-modal-close {position: absolute; top: 2rem; right: 2rem; font-size: 2rem; background: none; border: none; color: #fff; cursor: pointer;}
.photo-modal {display: flex; align-items: center; justify-content: center;  position: relative; width: 90%; max-width: 106rem; height: 58rem; background: #f5f7fa; }
.swiper.photo-main {width: 100%; max-width: 89.6rem; height: 51.2rem; position: relative;}
.swiper.photo-main .swiper-slide {display: flex; align-items: center; justify-content: center; border-radius: 1.7rem; overflow: hidden; background: #000;}
.swiper.photo-main .swiper-slide img {min-height: 100%; max-width: unset; width: auto !important;}
.slide-arrow {width: 3.5rem; height: 3.5rem; border-radius: 50px; background: #fff; box-shadow: 0 0 10px rgba(35,24,21,0.35); position: absolute; top: 50%;  z-index: 10;}
.photo-modal .photo-content {position: relative;}
.photo-modal .slide-arrow.slide-arrow--prev {right: calc(100% + 2.35rem); transform: translate(0, -50%); display: block !important;}
.photo-modal .slide-arrow.slide-arrow--next {left: calc(100% + 2.35rem); transform: translate(0, -50%); display: block !important;}
.photo-modal .slide-arrow span {display: block; width: 100%; height: 100%; position: relative; text-indent: 0; font-size: 0; line-height: 0; color: transparent;}
.photo-modal .slide-arrow span::after {content: ">"; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; width: 5.5px; height: 6.5px; font-size: 1.2rem; color: #888;}
.photo-modal .slide-arrow.slide-arrow--prev span::after {/*background: url('../images/main/slide-arrow.svg') no-repeat 50% 50% / contain;*/ transform: rotate(180deg) translate(60%, 50%);}
.photo-modal .slide-arrow.slide-arrow--next span::after {/*background: url('../images/main/slide-arrow.svg') no-repeat 50% 50% / contain;*/ transform: translate(-60%, -50%);}
.show-carousel {width: 2rem; height: 1rem; position: absolute; bottom: 1rem; right: 1rem; color: #fff; background: rgba(0,0,0,0.2); border-radius: 1rem; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; cursor: pointer; display: none;}

.subpage-detail .sub-col--detail {flex: 1; width: calc(100% - 500px);}
.subpage-detail .item-gallery {position: relative;}
/*.subpage-detail .gallery-layout {display: grid; grid-template-columns: 35rem 9.5rem 9.5rem; grid-template-rows: repeat(2, 1fr); gap: 1rem 1.5rem; height: 20rem; max-width: 100%; overflow: hidden; justify-content: center;}
.subpage-detail .gallery-img {display: flex; align-items: center; justify-content: center; height: 100%; overflow: hidden; border-radius: 1.5rem; background: #F5F6F8; cursor: pointer;}
.subpage-detail .gallery-img:nth-child(1) { grid-column: 1 / 2; grid-row: 1 / 3; margin-right: 1.5rem; width: 35rem;}
.subpage-detail .gallery-img:nth-child(n+2):nth-child(-n+5) {width: 9.5rem; aspect-ratio: 1 / 1;}
.subpage-detail .gallery-img:nth-child(2) { grid-column: 2 / 3; grid-row: 1 / 2;}
.subpage-detail .gallery-img:nth-child(3) { grid-column: 3 / 4; grid-row: 1 / 2;}
.subpage-detail .gallery-img:nth-child(4) { grid-column: 2 / 3; grid-row: 2 / 3;}
.subpage-detail .gallery-img:nth-child(5) { grid-column: 3 / 4; grid-row: 2 / 3;}
.subpage-detail .gallery-img:nth-child(n+6) {display: none;}
.subpage-detail .gallery-img img {object-fit: cover; min-width: 100%; min-height: 100%;}*/
.subpage-detail .gallery-layout {display: grid; grid-template-columns: repeat(3, auto); grid-template-rows: repeat(2, 1fr); gap: 1rem 1.5rem; height: 20rem; align-items: stretch;}
.subpage-detail .gallery-img {display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 1.5rem; background: #F5F6F8; cursor: pointer; height: 100%;}
.subpage-detail .gallery-img:nth-child(1) {grid-column: 1 / 2; grid-row: 1 / 3; width: 35rem; margin-right: 1.5rem;}
.subpage-detail .gallery-img:nth-child(n+2):nth-child(-n+5) {width: 9.5rem; aspect-ratio: 1 / 1;}
.subpage-detail .gallery-img:nth-child(2) { grid-column: 2 / 3; grid-row: 1 / 2; }
.subpage-detail .gallery-img:nth-child(3) { grid-column: 3 / 4; grid-row: 1 / 2; }
.subpage-detail .gallery-img:nth-child(4) { grid-column: 2 / 3; grid-row: 2 / 3; }
.subpage-detail .gallery-img:nth-child(5) { grid-column: 3 / 4; grid-row: 2 / 3; }
.subpage-detail .gallery-img:nth-child(n+6) {display: none;}
.subpage-detail .gallery-img img {object-fit: cover; min-width: 100%; min-height: 100%;}

@media (max-width: 1600px) {
    .subpage-detail .gallery-layout {gap: 0.8rem 1rem;}
    .subpage-detail .gallery-img:nth-child(1) {width: auto;}
    .subpage-detail .gallery-img:nth-child(n+2):nth-child(-n+5) {width: auto;}
}

@media (max-width: 1024px) {
	.subpage-detail .gallery-layout {height: 28rem;}
}

.subpage-detail .section-text {display: flex; flex-direction: column; row-gap: 3.5rem; padding-top: 4rem; padding-bottom: 4rem; border-bottom: 10px solid #F6F6F6;}
.subpage-detail .review {padding-top: 4rem; /*border-bottom: 10px solid #F6F6F6;*/}
.subpage-detail .related {padding-top: 4rem;}
.subpage-detail .section-heading h6 {font-size: 1.5rem;}
.subpage-detail .article {display: flex; flex-direction: column; row-gap: 3rem;}
.subpage-detail .about-list {display: flex; flex-direction: column; row-gap: 1.5rem; }
.subpage-detail .about-list li {font-size: 1.4rem; color: #575F65; position: relative;}
.subpage-detail .dot-list li {padding-left: 3rem; }
.subpage-detail .dot-list li::before {content: ""; display: inline-block; width: 3.5px; height: 3.5px; border-radius: 50px; background: #8E8E8E; position: absolute; left: 1rem; top: 0.5rem; }
.subpage-detail .check-list li {padding-left: 3rem; }
.subpage-detail .check-list li::before {content: ""; display: inline-block; width: 1.2rem; height: 1.2rem; background: url('../images/sub/information-check.svg') no-repeat 50% 50% / contain;
position: absolute; left: 0.6rem; top: 0.2rem;}
.section-text .section-heading h6 {position: relative; padding-left: 3rem;}
.section-text .section-heading h6::before {content: ""; display: inline-block; width: 2rem; height: 2rem; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.section-text .education .section-heading h6::before {background: url('../images/sub/icon-teacher-cap.svg') no-repeat 50% 50% / contain;}
.section-text .career .section-heading h6::before {background: url('../images/sub/icon-teacher-career.svg') no-repeat 50% 50% / contain;}
.section-text.lecture .section-heading h6::before {background: url('../images/sub/icon-teacher-star.svg') no-repeat 50% 50% / contain;}
.section-text.write .section-heading h6::before {background: url('../images/sub/icon-teacher-book.svg') no-repeat 50% 50% / contain;}

.section-text.section-text--download {display:none;}

.information.section-text {row-gap: 1.2rem;}
.information.section-text .section-heading {padding-bottom: 3px;}
.information.section-text .section-heading h6 {padding-left: 0; font-size: 2rem; font-weight: 400;}
.information.section-text .section-heading h6::before {content: none;}
.information-name {font-size: 1.6rem;}
.information-position {font-size: 1.4rem; color: #888888;}
.information-field {font-size: 1.4rem; }

.review {padding: 4rem 0;}
.review .section-heading {display: flex; align-items: flex-end; column-gap: 5px; margin-bottom: 2rem;}
.review .section-heading h6 {font-size: 1.5rem;}
.review .section-heading em {font-size: 1.2rem; color: #9D9D9E;}
.review .section-heading .butn-text {margin-left: auto; font-weight: 700; color: var(--blue); font-size: 1.1rem;}
.subpage-teacher .review .section-box {display: flex; flex-direction: column; row-gap: 4rem; background: #F6F6F6; padding: 2rem 2.5rem 2rem; border-radius: 1rem; }
.review-list {display: flex; flex-direction: column; row-gap: 4rem;}
.review-heading {display: flex; flex-direction: column; row-gap: 0.6rem; padding-left: 2rem; padding-bottom: 1rem;}
.review-heading .review-name {font-size: 1.4rem; color: #3d3a39; font-weight: 600;}
.review-heading .review-date {font-size: 1.2rem; font-weight: 400; color: #9D9D9E;}
.review-content {display: flex; flex-direction: column; row-gap: 1.5rem; background: #fff; padding: 2rem 3rem 3rem 2rem; border-radius: 1rem;}
.review-content--gallery {display: flex; align-items: flex-start; column-gap: 3rem;}
.review-content--gallery .gallery-text {flex: 1; font-size: 1.2rem; color: #595757; line-height: 1.6em; padding-top: 1rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; position: relative;
    /* background-image: url('../images/sub/custom-ellipsis.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    padding-right: 10px; 
	position:relative;*/
	padding-right: 15px;
	cursor:pointer;
	white-space: pre-line;
}
/* .review-content--gallery .gallery-text::before {
	content:"...";
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 10px;
    background-color: #f00;
    border-radius: 10px;
} */

.review-content--gallery .gallery-img {width: 7.7rem; position: relative; border-radius: 10px; overflow: hidden;}
.review-content--gallery .gallery-img::after {content:""; display: block; padding-bottom: 100%;}
.review-content--gallery .gallery-img img {position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; object-fit: cover; width:100%;}
.review-content--question {}
.review-content--question ul {display: flex; flex-wrap: wrap; row-gap: 1.5rem;}
.review-content--question li {width: calc((100% - 7rem) / 2); display: flex; flex-direction: column; row-gap: 7px;}
.review-content--question .question-title {display: flex; align-items: center; column-gap: 5px; font-size: 1.1rem;}
.review-content--question .question-title span {font-size: 1.5rem; color: var(--blue);}
.review-content--question .butn-review {font-size: 1.1rem; font-weight: 500; padding: 0.5rem 1rem 0.6rem;; width: 11rem; border-radius: 6px; text-align: center;}
.review-content--question .butn-review.review-like {background: #E6EFF8; color: var(--blue);}
.review-content--question .butn-review.review-dislike {background: #FCFDFD; color: #B3B3B3; box-shadow: inset 0 0 0 1px #E7E5E4;}
.review .pg_wrap {margin: 0; margin-top: -2rem;}
.review-more {text-align: center;}
.review-more .butn {display: flex; align-items: center; justify-content: center; position: relative; border-radius: 6px; padding: 1.2rem 1rem; margin: 0 auto; width: 13rem; height: 35rem; font-size: 1.2rem; font-weight: 500; color: #575f65;}
.review-more .butn::after {content: ">"; position: absolute; right: 1.5rem; top: 50%; transform: rotate(90deg) translateX(-100%); font-size: 1.3rem; color: #888888;}

.related .section-heading {margin-bottom: 2rem;}
.related .gallery {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); gap: 1.2rem;}
.related .gallery-item {height: auto !important;}
/*.related .gallery-item {
	height: 211px;
	border-radius: 15px;
	overflow: hidden;
}*/
.related .gallery-item--img {width: 100%; position: relative; border-radius: 1.5rem; overflow: hidden;}
.related .gallery-item--img::after {content: ""; display: block; padding-bottom: 62.5%;}
.related .gallery-item--img iframe {position: absolute; object-fit: cover; min-width: 100%; min-height: 100%; width: 100%; height: 100%;}

.subpage-detail .sub-col--summary {display: flex; flex-direction: column; row-gap: 1.5rem; width: 31rem; position: sticky; top: 2rem; flex-shrink: 0;}
.subpage-detail .sub-col--summary .butn-share {margin-left: auto; padding-right: 1.5rem; cursor:pointer;}
.subpage-detail .sub-col--summary .butn-share i {font-size: 2rem; color: #9DA4A8}
.subpage-detail .sub-col--summary .summary-box {background: #fff; border: 1px solid #c9c9c9; border-radius: 2rem; overflow: hidden; padding: 2rem 1.75rem 1.9rem; width: 100%; position: relative;}
.subpage-detail .summary-box .summary-info {display: flex; flex-direction: column; row-gap: 1rem; margin-bottom: 2.5rem;}
.subpage-detail .summary-box .summary-info--position {font-size: 1.3rem; color: #8E8E8E;}
.subpage-detail .summary-box .summary-info--name {font-size: 1.8rem;}
.subpage-detail .summary-box .summary-field {display: flex; align-items: center; background: #EAECF6; padding: 5px 2rem; border-radius: 6px; margin-bottom: 1.2rem; height: 2.8rem;}
.subpage-detail .summary-box .summary-field p {width: 100%; font-size: 1.2rem; font-weight: 400; color: var(--blue); display: -webkit-box; overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all;}
.subpage-detail .summary-box .summary-download {display: flex; flex-direction: column; row-gap: 1.2rem; }
.subpage-detail .summary-box .butn-download {display: flex; align-items: center; justify-content: space-between; width: 100%; border-radius: 1rem; padding: 1.6rem 1.5rem 1.6rem 2rem; text-align: left; position: relative; height: 5rem; font-size: 1.2rem; color: var(--blue);}
.subpage-detail .summary-box .butn-download i {display: inline-block; font-size: 1rem; position: absolute; top: 50%; right: 1.2rem; transform: translateY(-50%); color: var(--blue);}
.subpage-detail .summary-box .butn-download img {width: 1.5rem;}
.subpage-detail .summary-box .butn-download.butn-blue i {color: #fff;}
.subpage-detail .summary-box .butn-download.butn-border {box-shadow: inset 0 0 0 0.5px #C6C8C8;}
.subpage-detail .summary-box .butn-download.butn-blue {background: var(--blue); color: #fff;}
.subpage-detail .summary-box .butn-download.butn-blue img {filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(245deg) brightness(150%) contrast(102%);}
.subpage-detail .summary-box .butn-wishlist {position: absolute; right: 1.5rem; top: 1.5rem;}
.subpage-detail .summary-actions {display: flex; align-items: center; column-gap: 1rem;}
.subpage-detail .summary-actions .butn {font-size: 1.4rem; font-weight: 500; padding: 1.4rem 1.5rem; border-radius: 10px; height: 4.5rem;}
.subpage-detail .summary-actions .butn-message {width: 12rem; color: #000;}
.subpage-detail .summary-actions .butn-casting {flex: 1; color: #ffffff;}


/* .pagination {display: flex; align-items: center; justify-content: center; column-gap: 5px; margin-top: 3.5rem;}
.pagination .pg_page {display: flex; align-items: center; justify-content: center; font-weight: 400; border-radius: 3px; width: 3rem; height: 3rem; font-size: 1.4rem; background: #EFEEED; color: #959595;}
.pagination .pg_page.pg_current {background: var(--blue); color: #fff;}
 */

/*섭외확정*/
.subpage-recruit.recruit-complete-list .subpage-top {margin-bottom: 4.5rem;}
.subpage .gallery-list {display: flex; align-items: flex-start; flex-wrap: wrap; column-gap: 2rem; row-gap: 5rem;}
.subpage .gallery-list .gallery-item {width: calc((100% - 6rem) / 4); display: flex; flex-direction: column; row-gap: 1.5rem;}
.subpage .gallery-list .gallery-item--img {position: relative; width: 100%; border-radius: 1.5rem; overflow: hidden;}
.subpage .gallery-list .gallery-item--img::after {content: ""; display: block; padding-bottom: 60%;}
.subpage .gallery-list .gallery-item--img img {position: absolute; object-fit: cover; min-width: 100%; min-height: 100%; max-height: 100%; max-width: 100%;}
.subpage .gallery-list .gallery-item--text {display: flex; flex-direction: column; row-gap: 2rem; padding: 0 1rem;}
.subpage .gallery-list .item-name {font-size: 1.6rem;}
.subpage .gallery-list .gallery-item--text .item-detail li {display: flex; align-items: center; column-gap: 1.8rem;}
.subpage .gallery-list .item-detail {display: flex; flex-direction: column; row-gap: 1rem;}
.subpage .gallery-list .item-detail span {font-size: 1.2rem; font-weight: 400;}
.subpage .gallery-list .item-detail .detail-title {color: #8F8F8F;}
.subpage .gallery-list .item-detail .detail-content {color: #595757;}

.subpage-recruit .inner {position: relative; /*max-width: 131rem; margin-left: 22%; display: flex;*/}
.subpage-recruit .inner .subpage-box {max-width: 106rem; width: 100%; padding-top: 6.5rem;}
.subpage-recruit .floating-sidebar {position: fixed; left: calc(50% + 59rem); top: 17rem; width: 19rem; height: 38rem; display: flex; flex-direction: column; row-gap: 2.5rem; }
.subpage-recruit .floating-sidebar .box {border: 1px solid #c9c9c9; padding: 3rem 1.5rem; border-radius: 2rem; height: 38rem; background: #fff;}
.subpage-recruit .floating-sidebar .sidebar-title {display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 1rem;}
.subpage-recruit .floating-sidebar .sidebar-title h6 {font-size: 1.4rem; font-weight: 700; color: #231815;}
.subpage-recruit .floating-sidebar .sidebar-title a {font-size: 1rem;}
.subpage-recruit .floating-sidebar .sidebar-actions {display: flex; flex-direction: column; row-gap: 1rem;}
.subpage-recruit .floating-sidebar .sidebar-actions a {width: 100%; padding: 1.2rem 1rem; font-size: 1.3rem; font-weight: 700; border-radius: 6px;}
.subpage-recruit .floating-sidebar .sidebar-actions .butn.border {background: #fff; border: 1px solid #3857A6; color: #231815;}
.subpage-recruit .floating-sidebar .sidebar-slide {position: relative;}
.subpage-recruit .floating-sidebar .swiper-container {overflow: hidden;}
.subpage-recruit .floating-sidebar .swiper-slide {width: 8.5rem !important; margin-right: 1rem !important;}
.subpage-recruit .floating-sidebar .recommend-img {position: relative; width: 100%; border-radius: 1rem; overflow: hidden;}
.subpage-recruit .floating-sidebar .recommend-img::after {content: ""; display: block; padding-bottom: 100%;}
.subpage-recruit .floating-sidebar .recommend-img img {width: 100%; height: 100%; object-fit: cover; position: absolute; }
.subpage-recruit .floating-sidebar .price-filter {margin-top: 4rem; margin-bottom: 2.5rem;}
.floating-sidebar .slide-arrow {width: 2.5rem; height: 2.5rem; border-radius: 50px; background: #fff; box-shadow: 0 0 10px rgba(35,24,21,0.35); position: absolute; top: 50%;  z-index: 10;}
.floating-sidebar .slide-arrow.slide-arrow--prev {left: 0; transform: translate(-50%, -50%); display: none;}
.floating-sidebar .slide-arrow.slide-arrow--next {right: 0; transform: translate(50%, -50%);}
.floating-sidebar .slide-arrow span {display: block; width: 100%; height: 100%; position: relative; text-indent: 0; font-size: 0; line-height: 0; color: transparent;}
.floating-sidebar .slide-arrow span::after {content: ">"; display: inline-block; position: absolute; top: 50%; left: 50%; width: 5.5px; height: 6.5px; font-size: 1.2rem; color: #888;}
.floating-sidebar .slide-arrow.slide-arrow--prev span::after {/*background: url('../images/main/slide-arrow.svg') no-repeat 50% 50% / contain;*/ transform: rotate(180deg) translate(50%, 0);}
.floating-sidebar .slide-arrow.slide-arrow--next span::after {/*background: url('../images/main/slide-arrow.svg') no-repeat 50% 50% / contain;*/ transform: translate(-50%, 0);}
.floating-sidebar .slider-wrap {margin-top: 2rem;}
.subpage .floating-sidebar .ui-slider-horizontal {height: 2px;}
.subpage .floating-sidebar .ui-slider .ui-slider-handle {width: 1.25rem; height: 1.25rem; top: -0.6rem;}

.modal {display: none; background: rgba(0,0,0,0.4); z-index: 1; position: fixed; top: 0; left: 0; right: 0; bottom: 0; align-items: center; justify-content: center;}
.modal .modal-box {display: flex; flex-direction: column; row-gap: 3rem; background: #fff; width: 55rem; border-radius: 1rem; padding: 3.5rem 5rem 4rem; border: 1px solid #E8E6E5;}
.modal .modal-heading {display: flex; flex-direction: column; row-gap: 1.5rem; align-items: center;}
.modal .modal-heading .heading-icon i {font-size: 2rem;}
.modal .modal-heading h2 {font-size: 1.6rem; color: var(--blue);}
.modal .modal-heading p {font-size: 1.2rem; color: #585857;}
.modal .form-row--btn {display: flex; align-items: center; column-gap: 1rem; justify-content: center;}
.modal .form-row--btn > * {padding: 1rem 1.5rem; width: 11.5rem; border-radius: 1rem; font-weight: 500;}

.subpage .subpage-title {font-size: 2rem; font-weight: 700;}
.subpage .subpage-top {display: flex; align-items: baseline; margin-bottom: 1rem;}
.subpage .subpage-box {background: #fff; border-radius: 1rem; border: 1px solid #E9E8E7; padding: 3.5rem 5rem 5rem;}
.subpage-list .subpage-top {display: flex; align-items: baseline; margin-bottom: 1rem;}
.subpage-list .subpage-box {background: #fff; border-radius: 1rem; border: 1px solid #E9E8E7; padding: 6rem 5rem 5rem;}
.subpage-list form {margin-left: auto; display: flex; align-items: center; column-gap: 1rem; }
.subpage-list .list-form {margin-left: auto; display: flex; align-items: center; column-gap: 1rem; }
.subpage-list .list-search {box-shadow: 0 0 0 1px #E7E5E4; border-radius: 6px; overflow: hidden; width: 24rem; }
.subpage-list .list-search .search {padding: 0; flex-direction: row; box-shadow: none; align-items: center;}
.subpage-list .list-search input {font-size: 1.3rem; font-weight: 400; line-height: 1.2em; padding: 1.1rem 1.5rem; width: 100%; height: 4rem;}
.subpage-list .list-search input::placeholder {color: #c7c7c8;}
.subpage-list .list-search button {font-size: 1.3rem; font-weight: 400; margin-right: 1rem; align-self: stretch; display: flex; align-items: center; justify-content: center; color: #3e3a39;}
.subpage-list .list-search i {font-size: 1.5rem; font-weight: 500; }
.subpage-list .list-select {border: 1px solid #E7E5E4; border-radius: 6px; overflow: hidden; width: 12rem; position: relative; align-self: stretch;}
.subpage-list .list-select::after {content: ">"; display: inline-block; font-size: 1.2rem; transform: rotate(90deg) translateX(-100%); position: absolute; right: 1rem; top: 50%; }
.subpage-list .list-select select {width: 100%; height: 100%; padding: 0 1rem;}
.table-container table {border-top: 1px solid #C9CACA;}
.table-container th {font-size: 1.4rem; color: #727171; font-weight: 500; text-align: center; padding: 1.5rem 1rem; border-bottom: 1px solid #C9CACA;}
.table-container td {border-bottom: 1px solid #C9CACA; text-align: center; font-size: 1.4rem; color: #595757;}
.table-container .text-title {display: flex; flex-direction: column; row-gap: 1.2rem; text-align: left; padding-left: 4.5rem; position: relative;}
.table-container .text-title .table-actions {display: flex; flex-direction: column; row-gap: 1.2rem; justify-content: space-between; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: auto;}
.table-container .table-actions i {color: #D4D8DE;}
.table-container .text-title .subject {color: #595757; font-weight: 400; display: -webkit-box; overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; font-size: 1.2rem; width: 85%;}
.table-container .text-title .title {display: -webkit-box; overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; font-size: 1.3rem; color: #3e3a39; font-weight: 500;}
.table-container .text .date,
.table-container .text .location,
.table-container .text .budget,
.table-container .text .register {font-size: 1.2rem; color: #595757; font-weight: 400;}
.accordion-row {cursor: pointer; transition: background-color 0.2s ease;}
.accordion-row:hover {background-color: #f8f9fa;}
.accordion-row td {padding: 2.5rem 1.5rem; vertical-align: middle; position: relative;}
.subpage-list .accordion-row td {height: 10.5rem;}
.accordion-toggle {display: flex; align-items: center; justify-content: space-between; width: 100%;}
.accordion-icon div {width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease;}
.accordion-icon div::before {content: ''; display: inline-block; width: 7px; height: 7px; background: url('../images/sub/icon-plus.png'); }
/* .accordion-row.active .accordion-icon div::before {content: "";} */
.accordion-content {display: none; background-color: #fff; border-top: 1px solid #dee2e6;}
.accordion-content.active {display: table-row;}
.accordion-content td {padding: 2rem; padding-left: 6.5rem; color: #495057; line-height: 1.6;}
.content-wrapper {background: #F7F9FB; padding: 3rem 2.5rem; border-radius: 6px; width: 100%; height: 17rem;}
.status {display: flex; align-items: center; justify-content: center; padding: 8px 5px 9px; width: 70px; height: 3.2rem; border-radius: 6px; font-size: 1.2rem; font-weight: 600;}
.status.complete {background-color: var(--blue); color: #fff;}
.status.qa {background-color: #EFEFEF;}
.status.check {background: #fff; box-shadow: inset 0 0 0 1px #E9E8E7; color: var(--blue);}
.status.contract {background: #fff; box-shadow: inset 0 0 0 1px #3857A6; color: var(--blue);}
.status.cancel {background: #fff; box-shadow: inset 0 0 0 1px #E9E8E7; color: #898989;}
.accordion-content ul {display: flex; flex-direction: column; row-gap: 0;}
.accordion-content li {display: flex; align-items: center; column-gap: 4rem;}
.accordion-content .content-title, .accordion-content .content-detail {font-size: 1.4rem; font-weight: 400;}
.accordion-content .content-title {color: #8e8e8e; width: 6rem; text-align: left;}
.accordion-content .content-detail {color: #595757;}

.recruit-detail .inner {display: flex; flex-direction: column; row-gap: 5rem; width: 100%;}
.recruit-detail .section {display: flex; flex-direction: column; row-gap: 5rem;} 
.recruit-detail .detail-box {display: flex; flex-direction: column; row-gap: 6rem; padding-top: 6.5rem;}
.recruit-detail .detail-summary {display: flex; align-items: flex-end; justify-content: space-between;}
.recruit-detail .summary-heading {display: flex; flex-direction: column; row-gap: 1.5rem;}
.recruit-detail .section-heading {display: flex; align-items: flex-end; justify-content: space-between; }
.recruit-detail .subpage-date {font-size: 1.4rem; color: #727171;}
/* .recruit-detail .section-summary .section-heading {padding-bottom: 4.5rem; margin-bottom: 3rem;} */
.recruit-detail .section-heading .date {font-size: 1.4rem; color: #727171;}
.recruit-detail .summary-heading .field {color: #595757; font-size: 1.4rem;}
.recruit-detail .summary-heading .heading-title {display: flex; align-items: center; column-gap: 10px;}
.recruit-detail .summary-heading h6 {font-size: 2rem; /*width: 52%; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; */ word-break: break-all;}
.recruit-detail .summary-heading .butn {display: flex; align-items: center; justify-content: center; font-size: 1.2rem; background: #EFEFEF; padding: 8px 0.2rem; border-radius: 6px; width: 7rem; height: 4rem; font-weight: 600; color: #3e3a39;}
.recruit-detail .summary-actions {flex: 0 0 auto;}
.recruit-detail .summary-actions a {display: flex; align-items: center; column-gap: 5px; border: 1px solid #717071; padding: 1rem; border-radius: 6px;}
.recruit-detail .detail-info {padding-top: 3.5rem; border-top: 1px solid #C9CACA; }
.recruit-detail .info-list {display: flex; flex-wrap: wrap; row-gap: 5rem; column-gap: 5%; width: 70%;}
.recruit-detail .info-list li {display: flex; flex-direction: column; row-gap: 2rem; width: 21.25%;}
.recruit-detail .info-list .info-title {font-size: 1.4rem; color: #898989;}
.recruit-detail .info-list .info-detail {font-size: 1.6rem;}
.recruit-detail .section-content .box {border: 1px solid #e8e7e6; background: #fcfdfd; padding: 4rem 3.5rem 4rem; border-radius: 1rem;}
.recruit-detail .section-content .box p {font-size: 1.4rem; line-height: 2.5rem;}
.subpage-recruit .section-row--btn {margin-top: 2rem; text-align: right;}
.subpage-recruit .section-row--btn a {font-size: 1.4rem; border: 1px solid #E8E6E5; border-radius: 6px; width: 11.5rem; padding: 1.1rem 1rem;}
.subpage-recruit.recruit-list .section-row--btn a {border-color: #3857A6; width: 16rem; font-weight: 500; color: #231815;}
.btn-area-pdf {text-align: right; margin: 2rem;}
.btn-area-pdf button {font-size: 1.4rem; border: 1px solid #E8E6E5; border-radius: 6px; width: 11.5rem; padding: 1.1rem 1rem;}


.subpage-register-form {background :#FCFCFC;}
.subpage-register-form .inner {max-width: 58rem;}
.subpage-register-form .form-box {padding: 6rem 7rem 5rem;}
.subpage-register-form form {align-items: unset;}
.subpage-register-form .search-field.input-item {width: 100%;}
.subpage-register-form textarea {padding: 1rem 1.5rem;}
.subpage-register-form .input-item {border: 1px solid #c9c9c9;}

/* 교육문의 전용 스타일 */
.subpage-education-inquiry {background: #FCFCFC;}
.subpage-education-inquiry .inner {max-width: 58rem; margin-left: auto; margin-right: auto;}
.subpage-education-inquiry .form-box {padding: 6.5rem 7rem 5rem;}
.subpage-education-inquiry form {align-items: unset; row-gap: 4rem;}
.subpage-education-inquiry .form-heading {margin-bottom: 1rem;}
.subpage-education-inquiry .search-field.input-item {width: 100%;}
.subpage-education-inquiry textarea {padding: 1rem 1.5rem;}
.subpage-education-inquiry .input-item {border: 1px solid #c9c9c9;}
.subpage-education-inquiry .input-item.error {border-color: #e50012;}
.subpage-education-inquiry .input-item input {font-size: 1.4rem; font-weight: 400;}
.subpage-education-inquiry .input-item input::placeholder {color: #a0a3a6;}

.subpage-education-inquiry.subpage-form .input-group--flex {flex-wrap: wrap;}
.subpage-education-inquiry.subpage-form .input-group--flex .input-item {flex: auto; width: 28%;}
.subpage-education-inquiry.subpage-form .input-group--flex .input-item--sm {width: 18%}
.subpage-education-inquiry.subpage-form .input-group--flex .input-item.width-100 {width: 100%; flex: auto;}


.subpage-recruit .form-row--price .label {display:flex; align-items: center; justify-content: space-between; column-gap: 1rem; }
.subpage-recruit .form-row--price .input-item {border: 0; margin: 1.5rem 0; }
.subpage-recruit .form-row--price .ui-slider .ui-slider-range {background: var(--blue); }
.subpage-recruit.subpage-form .label-price {display: inline-block; font-size: 1.2rem; margin-left: auto; color: var(--blue);}
.subpage-recruit .input-group {flex-wrap: wrap;}
.subpage-recruit .input-group .width-100 {display: none; width: 100%; flex: unset;}
.subpage-recruit .input-item.select {position: relative;}
.subpage-recruit .input-item.select::after {content: ">"; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; color: #B5B4B5; position: absolute; top: 50%; right: 1rem; transform: rotate(90deg) translateX(-50%); transition: transform 0.2s; }
.subpage-recruit .input-item--sm {width: 18%; flex: unset;}
#ui-datepicker-div {font-size: 1.2rem !important; z-index: 5 !important; }

.subpage-recruit.recruit-process .subpage-top {margin-bottom: 3rem;}
.recruit-process .process-list {display: flex; flex-direction: column; row-gap: 2rem;}
.recruit-process .process-item {background: linear-gradient(180deg,#f3f6fd 0,#d8e5ff 100%); width: 100%; border-radius: 2.5rem; position: sticky; bottom: 80px;}
.recruit-process .process-item img {display: block; width: 100%;}
.recruit-process .process-item:nth-child(1) {z-index: 5;}
.recruit-process .process-item:nth-child(2) {z-index: 4;}
.recruit-process .process-item:nth-child(3) {z-index: 3;}
.recruit-process .process-item:nth-child(4) {z-index: 2;}
.recruit-process .process-item:nth-child(5) {z-index: 1;}

/* 고객센터 */
.subpage-customer {background: #FCFCFC;}
.subpage-customer .banner-wrap {display: flex; align-items: center; column-gap: 2rem;}
.subpage-customer .banner {display: flex; border: 1px solid #E8E7E6; height: 10rem; border-radius: 1rem; overflow: hidden; }
.subpage-customer .banner-wide {width: 64rem;}
.subpage-customer .banner-narrow {width: 30rem}
.subpage-customer .banner img {object-fit: cover; min-width: 100%; min-height: 100%; }
.subpage-customer .banner-info {align-items: center; justify-content: center; column-gap: 5rem;}
/*.subpage-customer .banner-info .tel {font-size: 3.5rem; color: #3E3A39;}
.subpage-customer .banner-info .customer-detail {display: flex; flex-direction: column; row-gap: 2px;}
.subpage-customer .banner-info .customer-detail li {display: flex; align-items: center; column-gap: 1rem;}
.subpage-customer .banner-info .detail-label {width: 6rem; font-weight: 600;}
.subpage-customer .banner-info .detail-value {}
.subpage-customer .banner-info span {font-size: 1.3rem; line-height: 1.25em; color: #666}*/
.subpage-customer .subpage-content {display: flex; flex-direction: column; row-gap: 5rem;}
.subpage-customer .section-title {font-size: 2rem; margin-bottom: 2rem;}
.subpage-customer .list-top {display: flex; align-items: center; column-gap: 3.5rem; margin-bottom: 1.2rem;}
.subpage-customer .list-title {font-size: 1.8rem; font-weight: 400;}
.subpage-customer .tab-menu ul {display: flex; align-items: center; column-gap: 1.5rem;}
.subpage-customer .tab-menu a {display: inline-block; font-size: 1.3rem; padding: 6px 1.5rem; color: #888888; border: 1px solid #E8E7E6; border-radius: 8px;}
.subpage-customer .tab-menu .active a {}
.subpage-customer .faq-wrap {display: flex; flex-direction: column; row-gap: 5rem;}
.subpage-customer .faq-box {border: 1px solid #E8E7E6; padding: 4.5rem 5rem; border-radius: 1rem}
.subpage-customer table {table-layout: fixed; border-top: 1px solid #C6C8C8}
.subpage-customer table tr {border-bottom: 1px solid #C6C8C8;}
.subpage-customer table td {font-size: 1.4rem; text-align: center; }
.subpage-customer table .accordion-row td span {font-size: 1.4rem; font-weight: 400; color: #717071;}
.subpage-customer table .accordion-row td.td-question span {font-size: 1.4rem; font-weight: 400; color: #3e3a39;}
.subpage-customer table .accordion-content td {padding-left: 0; padding: 0;}
.subpage-customer .accordion-icon div::before {width: 6px; height: 6px; background-size: contain; }
.subpage-customer .td-question {text-align: left;}
.subpage-customer .td-question span {display: flex; column-gap: 5px; align-items: center;}
.subpage-customer .td-question em {  font-size: 1.8rem; font-weight: 500; margin-top: -1px;}
.subpage-customer .accordion-content {background: #FCFDFD;}
.subpage-customer .content-wrapper {background: transparent; text-align: left; padding: 1.5rem 1.5rem 2rem 3.5rem;; width: auto; height: auto;}

.subpage-customer .faq-general .td-question {align-items: center;}
.subpage-customer .faq-general .td-question em {color: var(--blue); margin-top: -1px;}
.subpage-customer .faq-general .tab-menu .active a {background: var(--blue); color: #fff; border-color: var(--blue);}
.subpage-customer .faq-teacher .td-question em {color: #ED7643;}
.subpage-customer .faq-teacher .tab-menu .active a {background: #ED7643; color: #fff; border-color: #ED7643;}

/* 특강스토리 */
.subpage.story {background: #fcfcfc;}
.subpage.story .subpage-box {padding: 6.5rem 4.65rem 5rem;}
.subpage.story .subpage-top {margin-bottom: 3.5rem;}
.subpage.story .gallery-item a {display: flex; flex-direction: column; row-gap: 1.5rem;}
.subpage-specialLecture.subpage .gallery-list .gallery-item--img {border-radius: 0;}
.subpage.story .gallery-list .gallery-item--img::after {padding-bottom: 50.82%}
.subpage.story .gallery-item .item-name {display: -webkit-box; overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; height: 2.4em; font-weight: 500; color: #231815;}
.subpage .gallery-list .item-detail .detail-content {font-size: 1.4rem; font-weight: 400; color: #8e8e8e;}
.subpage.story .inner-flex {column-gap: 6.5rem;}
.subpage.story .gallery-list {column-gap: 2.5rem; row-gap: 4.5rem;}
.subpage.story .gallery-list .gallery-item {width: calc((100% - 5rem) / 3);}
.subpage.story .gallery-list .gallery-item--text {padding: 0; row-gap: 1rem;}
.subpage-specialLecture.subpage-detail .subpage-box {padding: 3.5rem 5rem 5rem}
.subpage.story .sub-col--detail .subpage-box {display: flex; flex-direction: column; row-gap: 4rem;}
.subpage.story.subpage-detail .section-heading {padding-bottom: 4rem;}
.subpage.story.subpage-detail .section-heading.heading-imoji {padding-bottom: 1.5rem;}
.subpage.story .section-text .section-heading h6 {font-size: 1.6rem; font-weight: 500; color: var(--blue);}
.subpage-specialLecture .item-gallery {margin-bottom: 1rem;}
.subpage-specialLecture.subpage.story .section-text.information .section-heading h6 {font-size: 2.1rem; color: #3e3a39; font-weight: 600;}
.subpage.story.subpage-detail .section-box .box {row-gap: 0;}
.subpage-detail .section-text.information {position: relative;}
.subpage-detail .heading-link {position: absolute; bottom: 0; right: 0; display: flex; align-items: center; column-gap: 1.5rem;}
.subpage-detail:not(.subpage-teacher) .section-text {row-gap: 0.5rem; border-bottom: 0; padding-top: 0; padding-bottom: 0;}
.subpage-detail .section-box .box {background: #F6F8F9; border-radius: 1rem; padding: 3rem;}
.subpage-detail .section-box .category-depth ul {display: flex; align-items: center;}
.subpage-detail .section-box .depth1 {border-bottom: 1px solid #E9ECEE; padding-bottom: 3rem;}
.subpage-detail .section-box .depth1 li {width: 20%; text-align: left; font-size: 1.4rem; font-weight: 600; color: #3e3a39; line-height: 1.4em;}
.subpage-detail .section-box .line li:not(:last-child) {position: relative;}
.subpage-detail .section-box .line li:not(:last-child)::after {content: ""; display: inline-block; width: 1px; height: 0.8em; background: #E9ECEE; position: absolute; right: 0; top: 50%; transform: translate(50%, -50%);}
.subpage-detail .section-box .depth2 {padding-top: 2rem;}
.subpage-detail .section-box .depth2 ul {column-gap: 2.5rem;}
.subpage-detail .section-box .depth2 li {font-size: 1.3rem; font-weight: 400; color: #575F65; }
.subpage-detail .section-paragraph {font-size: 1.4rem; color: #575F65; line-height: 2.5rem;}
.subpage-detail .section-paragraph img {width: 100%; display: inline-block; padding: 4rem 0;}
.subpage-specialLecture .information-name {font-weight: 600; color: #3e3a39;}
.subpage-specialLecture .information-position {font-weight: 400; color: #8d8d8d;}
.section-text--watermark {position: relative;}
.section-text--watermark::after {content: ""; display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 120px; height: 68px; background: url('../images/common/logo-blue.png') no-repeat 50% 50% / contain; opacity: 0.05;}
.pdf-footer {display: flex; align-items: flex-start; padding-top: 4rem;}
.pdf-footer .pdf-footer-col {width: 50%;}
.pdf-footer .col-heading {position: relative; padding-bottom: 15px; font-size: 15px; font-weight: 700; margin-bottom: 35px;}
.pdf-footer .col-heading::after {content: ""; display: inline-block; position: absolute; bottom: 0; left: 0; width: 20px; height: 2px; background: var(--blue)}
.pdf-footer p {line-height: 1em; }
.pdf-footer .first-paragraph {padding-bottom: 25px; color: #7a7a7a; font-size: 12px;}
.pdf-footer ul {display: flex; flex-direction: column; row-gap: 10px;}
.pdf-footer .pdf-footer--label {display: inline-block; font-size: 12px; color: #7a7a7a; width: 80px}
.pdf-footer .pdf-footer--value {font-size: 11px; color: #7a7a7a;}
.pdf-footer .pdf-footer-col:nth-child(1) .pdf-footer--label {width: 110px}
.pdf-footer .first-paragraph {}

/* 북스토리 */
.subpage.story {background: #fcfcfc;}
/* .subpage.subpage-bookStory .gallery-list .gallery-item {position: relative; overflow: hidden; width: calc((100% - 4rem) / 3);} */
.subpage.subpage-bookStory .gallery-list .gallery-item--img {position: relative; text-align: center; overflow: hidden; border-radius: 1rem;}
.subpage.subpage-bookStory .gallery-list .gallery-item--img img {min-width: unset; object-fit: contain; z-index: 1; left: 50%; transform: translateX(-50%);}
.subpage-bookStory .gallery-item--bg {position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; background-size: cover; background-position: center; z-index: 0; opacity: 0.4;}
.subpage-bookStory .item-author {font-size: 1.4rem; font-weight: 400;}
.subpage-detail.bookStory-view .section-text.information {padding-bottom: 1rem;}
.bookStory-view .information {flex-direction: row; align-items: flex-start; column-gap: 3rem;}
.bookStory-view .information .information-name {display: inline-block; color: var(--blue); font-size: 1.4rem; font-weight: 500; padding-bottom: 2rem;}
.bookStory-view.subpage.subpage-detail .information .section-heading {padding-bottom: 3rem;}
.bookStory-view.subpage-detail .section-heading h6.font-20 {font-size: 2rem; font-weight: 600; color: #3E3A39; }
.bookStory-view .information .section-heading h6.information-title {color: #3E3A39; }
.bookStory-view .information .information-detail {font-size: 1.4rem; font-weight: 400; line-height: 1.6em; color: #575F65;}
.bookStory-view.subpage-detail .heading-link {position: static; bottom: auto; right: auto; display: flex; flex-wrap: wrap; justify-content: flex-end; row-gap: 0.5rem; column-gap: 1rem; margin-top: 3rem;}
.bookStory-view.subpage-detail .heading-link a {display: flex; align-items: center; justify-content: center; border: 1px solid #E7E6E5; width: 8rem; height: 4rem; border-radius: 6px;}
.bookStory-view.subpage-detail .heading-link img {object-fit: contain; max-height: 80%; max-width: 100%;}
.bookStory-view.story.subpage-detail .section-paragraph .section-heading {padding-bottom: 3.5rem;}

/* 강사후기 */
.subpage-review .subpage-title {display: flex; align-self: baseline; column-gap: 5px;}
.subpage-review .subpage-title .total {display: flex; align-items: center; column-gap: 1.5px; font-size: 1.4rem; font-weight: 500; color: #595757;}
.subpage-review .list-banner {display: flex; align-items: center; justify-content: space-between; column-gap: 2rem; padding: 1.6rem 2rem; background: #F4F7FB; border-top: 1px solid #C7C8C9; border-bottom: 1px solid #C7C8C9; margin-bottom: 2rem;}
.subpage-review .subpage-title .total em {font-weight: 500;}
.subpage-review .list-banner .banner-text {display: flex; align-items: center; column-gap: 1rem; width:80%;}
.subpage-review .list-banner .category {display: flex; align-items: center; justify-content: center; font-size: 1.2rem; font-weight: 700; line-height: 1.2em; color: #FFFFFF; padding: 5px 1.5rem; background: var(--blue); border-radius: 999px;}
.subpage-review .list-banner .banner-text--link {font-size: 1.6rem; font-weight: 600; color: #3e3a39; max-width: 80%; display: -webkit-box; overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all;}
.subpage-review .list-banner .butn {display: flex; align-items: center; justify-content: center; width: 11.5rem; height: 3.5rem; padding: 0.9rem 0; border-radius: 6px; font-weight: 400; font-size: 1.3rem; font-weight: 500;}
.subpage-review .box-container {display: flex; flex-wrap: wrap; gap: 2rem;}
.subpage-review .box {display: flex; align-items: center; justify-content: space-between; width: calc((100% - 2rem) / 2); border: 1px solid #E7E6E5; border-radius: 1rem; padding: 3rem 2rem 3rem 3rem;}
.subpage-review .box .box-text {display: flex; flex-direction: column; row-gap: 1rem; flex: 1;}
.subpage-review .box .box-butn {display: flex; align-items: center; justify-content: center; font-size: 1.2rem; font-weight: 500; color: #3857A5; background: #F4F7FB; border-radius: 1rem; padding: 1.5rem 2rem; flex-shrink: 0; width: 7rem; height: 5rem; }
.subpage-review .box-text--title {font-size: 1.6rem; font-weight: 600; color: #3e3a39;}
.subpage-review .box-text ul {display: flex; align-items: center; column-gap: 1.5rem; }
.subpage-review .box-text li {font-size: 1.4rem; font-weight: 400; color: #878787;}
.subpage-review .box-text .line li:not(:last-child) {position: relative;}
.subpage-review .box-text .line li:not(:last-child)::after {content: ""; display: inline-block; width: 0.5px; height: 0.8em; background: #878787; position: absolute; right: -0.75rem; top: 54%; transform: translate(50%, -50%);}

.review-view .inner {display: flex; flex-direction: column; row-gap: 5rem;}
.subpage .subpage-top .butn-share {margin-left: auto; cursor: pointer;}
.subpage-review .slide-review {position: relative;}
.subpage-review .swiper-container {overflow: hidden; }
.subpage-review .swiper-slide .img {position: relative; border-radius: 1rem; overflow: hidden; width: 100%;}
.subpage-review .swiper-slide .img::after {content: ""; display: block; padding-bottom: 67.5%;}
.subpage-review .swiper-slide img {position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; max-width: 100%; max-height: 100%; object-fit: cover;}
.subpage-review .slide-arrow {width: 3.5rem; height: 3.5rem; border-radius: 50px; background: #fff; box-shadow: 0 0 10px rgba(35,24,21,0.35); position: absolute; top: 50%;  z-index: 10;}
.subpage-review .slide-arrow.slide-arrow--prev {left: 0; transform: translate(-50%, -50%); display: none;}
.subpage-review .slide-arrow.slide-arrow--next {right: 0; transform: translate(50%, -50%);}
.subpage-review .slide-arrow span {display: block; width: 100%; height: 100%; position: relative; text-indent: 0; font-size: 0; line-height: 0; color: transparent;}
.subpage-review .slide-arrow span::after {content: ">"; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; font-size: 1.2rem; color: #888; width: 7.5px; height: 8.5px;}
.subpage-review .slide-arrow.slide-arrow--prev span::after {/*background: url('../images/main/slide-arrow.svg') no-repeat 50% 50% / contain;*/ transform: rotate(180deg) translate(60%, 50%);}
.subpage-review .slide-arrow.slide-arrow--next span::after {/*background: url('../images/main/slide-arrow.svg') no-repeat 50% 50% / contain;*/ transform: translate(-60%, -50%);}
.subpage-review .review {padding-bottom: 0; padding-top: 6rem;}
.subpage-review .review-heading {padding: 0; padding-bottom: 2rem;}
.subpage-review .review-heading .review-name {font-size: 2rem; font-weight: 700;}
.subpage-review .review-content {padding: 0; row-gap: 4rem;}
.subpage-review .review-content--detail {border: 1px solid #E7E6E5; border-radius: 1rem; padding: 3.5rem 3rem; position: relative;}
.subpage-review .review-content--detail .detail-text {font-size: 1.5rem; font-weight: 400; color: #3e3a39; line-height: 1.6em; width: 76.5%; word-break: break-all;}
.subpage-review .review-content--detail .review-date {position: absolute; right: 1.5rem; top: 1.2rem; color: #878787; font-size: 1.2rem; font-weight: 400; color: #878787;}
.subpage-review .review-content--question ul {row-gap: 3rem;}
.subpage-review .review-content--question li {row-gap: 1.5rem;}
.subpage-review .review-content--question .question-title span {font-size: 2rem; font-weight: 500;}
.subpage-review .review-content--question .question-title,
.subpage-review .review-content--question .butn-review {font-size: 1.4rem; }
.subpage-review .review-content--question .butn-review {width: 18rem; padding: 0.8rem 1rem 0.9rem}

/* 후기등록 */
.review-form {position: absolute; top: 110%; width: 100%; background: #fff; z-index: 6;}
.subpage-review .form-wrap form {row-gap: 4rem;}
.subpage-review .form-wrap form .form-heading {padding-bottom: 1rem;}
.subpage-review .btn-add {position: absolute; color: #B3B3B3; font-size: 2rem; font-weight: 500; right: 0; top: 50%; transform: translateY(-50%); width: 4.7rem; height: 4.7rem; line-height: 1em;}
.subpage-review .search-teacher {position: relative;}
.subpage-review.subpage-form .selected {position: relative;}
.subpage-review.subpage-form .selected-box {padding: 0;}
.subpage-review.subpage-form .selected-box::after {content: none;}
.subpage-review.subpage-form .selected i {position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); font-size: 2rem; font-weight: 500; cursor: pointer;}
.subpage-review .selected-display.selected {display: flex; align-items: center; column-gap: 1.8rem; padding: 1rem 1.5rem; font-size: 1.4rem;}
.subpage-review .selected-display.selected .teacher-field {color: #9FA2A5; padding-left: 1.8rem;}
/*.subpage-review .teacher-search-wrapper .radio .label-sm {font-size: 1.4rem; color: #9FA2A5; border: 0 !important; background: transparent !important; padding: 0 !important; margin: 0 !important;}
.subpage-review .teacher-search-wrapper .radio label .label-text {display: flex; align-items: center; column-gap: 1.8rem; margin-left: 0;}
.subpage-review .teacher-search-wrapper .label-text em {width: unset; height: unset; border-radius: 0; border: 0; background: transparent; }*/
.subpage-review .teacher-search-wrapper .teacher-list {display: flex; flex-direction: column; row-gap: 1rem; overflow-y: auto; max-height:250px;}
.subpage-review .teacher-search-wrapper .option-item {display: flex; align-items: baseline; column-gap: 1.8rem; font-size: 1.4rem; cursor: pointer;}
.subpage-review .teacher-search-wrapper .option-item .teacher-field {color: #9FA2A5;}


/* 마이페이지 */
.subpage-mypage .subpage-list .subpage-top {margin-bottom: 2.5rem;}
.subpage-mypage .subpage-box {width: 100%; display: flex; flex-direction: column; row-gap: 5rem;}
.subpage-mypage .section-box {border: 1px solid #E8E7E6; border-radius: 1rem; overflow: hidden; padding: 6rem 2.5rem 5rem;}
.summary-wrap {display: grid; grid-template-columns: 25.5rem 3fr; grid-gap: 1.3rem;}
.left-box {background: #fff; border-radius: 1rem; min-height: 23rem; border: 1px solid #E8E7E6; padding: 3rem 2.5rem 4rem;}
.right-area {display: grid; grid-template-rows: auto 1fr; grid-gap: 1.85rem;}
.subpage-mypage .banner {display: flex; align-items: center; justify-content: center; background: #4b6cb7; border-radius: 1rem; color: #fff; height: 11rem; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: bold; border: 1px solid #E8E7E6; overflow: hidden;}
.subpage-mypage .banner img {display: block; object-fit: cover; min-width: 100%; min-height: 100%;}.bottom-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 1.6rem;}
.bottom-box {background: #fff; border-radius: 1rem; min-height: 10rem; border: 1px solid #E8E7E6;}
.summary-profile {display: flex; flex-direction: column; row-gap: 5.5rem;}
.profile-info {display: flex; align-items: flex-start; column-gap: 2.5rem;}
.profile-info--img {display: flex; align-items: center; justify-content: center; width: 9.2rem; height: 9.2rem; border-radius:2.5rem; overflow: hidden; background: #EEEEEF}
.profile-info--img img {min-width: 100%; min-height: 100%; object-fit: cover; max-height: 100%;}
.profile-info--text {display: flex; flex-direction: column; row-gap: 0.6rem; padding-top: 2rem; padding-bottom: 3.5rem;}
.profile-info--text .text-membership {font-size: 1rem; font-weight: 600; color: var(--blue); line-height: 1;}
.profile-info--text .text-name {font-size: 2rem; font-weight: 700; color: #231815; line-height: 1;}
.profile-action ul.line {display: flex; align-items: center; column-gap: 1.5rem; justify-content: center;}
.profile-action li a {font-size: 1.2rem; color: #656C76;}
.profile-action .line li:not(:last-child) {position: relative;}
.profile-action .line li:not(:last-child)::after {content: ""; display: inline-block; background: #656C76; height: 1em; width: 0.5px; position: absolute; right: -0.75rem; top: 50%; transform: translate(50%, -50%);}
.alarm-item {display: flex; flex-direction: column; row-gap: 1.5rem; padding: 1.3rem 1.5rem 1.5rem;}
.alarm-item * {color: #656C76;}
.alarm-item .alarm-heading {display: flex; align-items: center; justify-content: space-between; column-gap: 1.5rem;}
.alarm-item .alarm-heading--img {display: flex; align-items: center; justify-content: center; width: 3.6rem; height: 3.6rem; aspect-ratio: 1/1; background: #F4E93F; border-radius: 1rem; overflow: hidden;}
.alarm-item .alarm-heading--img img {min-width: 100%; min-height: 100%; max-height: 100%; object-fit: cover;}
.alarm-item .alarm-heading--title {font-size: 1.4rem; font-weight: 500;}
.alarm-item .alarm-number {display: inline-block; font-size: 1.6rem; font-weight: 700; margin-left: auto;}
.alarm-item--list {display: flex; align-items: center; justify-content: center; padding-left: 1.8rem; padding-right: 1.8rem;}
.alarm-item--list ul {display: flex; flex-direction: column; row-gap: 1rem; width: 100%;}
.alarm-item--list li {display: flex; align-items: center; justify-content: space-between; column-gap: 1rem;}
.alarm-item--list .alarm-title {font-size: 1.3rem; font-weight: 400;}
.alarm-item--list .alarm-number {font-size: 1.3rem;}
.alarm-item--list .alarm-number--red {color: #E50012; text-decoration: underline;}

.subpage-mypage .subpage-link {display: inline-block; font-size: 1.2rem; font-weight: 400; color: #2660AC; margin-left: auto;}
.subpage-mypage.subpage .gallery-list {column-gap: 1.533333rem; row-gap: 4rem;}
.subpage-mypage.subpage .gallery-list .gallery-item {width: calc((100% - 4.6rem) / 4); row-gap: 2rem;}
.subpage-mypage .gallery-list .gallery-item--img {border-radius: 1rem; overflow: hidden;}
.subpage-mypage .gallery-list .gallery-item--img::after {padding-bottom: 51.165%;}
.subpage-mypage .gallery-list .gallery-item--text {row-gap: 1rem; padding: 0;}
.subpage-mypage .gallery-item .item-field {font-size: 1.2rem; font-weight: 400; color: #717071; }
.subpage-mypage .gallery-item .item-name {font-size: 1.4rem; color: #231815;}
.subpage-mypage .inner {position: relative;}

/* 필터채팅 */
.subpage-ai {background: #FCFDFD;}
.subpage-ai .inner {max-width: 69rem;}
.subpage-ai .subpage-box {width: 100%; display: flex; flex-direction: column; row-gap: 5rem;}
.subpage-ai.subpage .subpage-top {flex-direction: column; row-gap: 1.5rem;}

/* 채팅 */
.chat-page {position: relative;}
.chat-page #channelMembersContainer {display: block;}
.chat-page .message-list.wirter .avatar-name {text-align: right;}
.chat-page .message-list.wirter .message-box .message-cont {flex-direction: row-reverse;}
.chat-page .subpage-detail {position: absolute; left: 100%; top: 40px;}
.chat-page .butn-wishlist i {font-size: 2rem; color: #C9C9CA; }
.chat-page .butn-wishlist .fa-solid {color: #F4BB1D; }
.chat-page .subpage-detail {max-height: calc(100vh - 242px); height: 100%;}
.chat-page .subpage-detail .sub-col--summary .summary-box {}
.chat-page .subpage-detail .sub-col--summary {height: 100%;}
.chat-page .subpage-detail .chat-aside .summary-box .summary-field {flex-direction: column; row-gap: 1rem; padding: 0; background: transparent; border-radius: 0; height: auto;}
.chat-aside .summary-field .field-button {display: flex; align-items: center; padding: 5px 2rem; position: relative; color: var(--blue); background: #EAECF6; border-radius: 6px; cursor: pointer;}
.chat-aside .summary-field .field-button::after {content: ">"; display: inline-block; font-size: 1rem; position: absolute; right: 1.2rem; top: 50%; transform: translateY(-50%) rotate(90deg); transition: transform 0.3s ease;}
.chat-aside .field-content {transition: height 0.3s ease; width: 100%; overflow: hidden;}
/*.chat-aside .field-content {max-height: 44rem;}/*/
.chat-aside .field-content::-webkit-scrollbar{width: 16px;}
.chat-aside .field-content::-webkit-scrollbar-thumb{background-color: #c8c9ca; border-radius: 10px; border: 6px solid #fafafc;}
.chat-aside .field-content::-webkit-scrollbar-track{background-color: rgba(0,0,0,0);}
.chat-aside .field-content .career-list {display: flex; flex-direction: column; row-gap: 2rem; padding: 2.5rem 2rem;}
.chat-aside .field-content .career-list > li {display: flex; flex-direction: column; row-gap: 1rem;}
.chat-aside .field-content .career-title {font-size: 1.3rem; color: var(--blue); font-weight: 500;}
.chat-aside .field-content .career-detail li {font-size: 1.2rem; color: #798bc5; line-height: 2em; font-weight: 400;}
.chat-aside .summary-field.open .field-content {border: 1px solid #e8e7e6; background: #fafafc; border-radius: 1rem; overflow-y: auto;}
.chat-aside .summary-field.open .field-button::after {transform: translateY(-50%) rotate(270deg);}
.chat-aside .summary-field .field-content {height: 0; transition: height 0.4s ease;}
.chat-aside .summary-field.open .field-content {}
.subpage-detail .chat-aside .summary-box .field-button {display: flex; align-items: center; padding: 5px 2rem; background: #EAECF6; border-radius: 6px; height: 2.8rem; width: 100%; text-align: left; color: var(--blue); font-size: 1.2rem; font-weight: 400;}
/*.subpage-detail .chat-aside .summary-box .field-content {position: absolute;}*/

.chat-page .subpage-detail .chat-aside .summary-box.open {display: flex; flex-direction: column; flex: 1;}
.chat-page .subpage-detail .chat-aside .summary-box.open .summary-field {flex: 1; height: 1rem;}
.chat-aside .summary-box.open .field-content {max-height: calc(100% - 3.8rem)}

.progress {display: flex; align-items: center; column-gap: 2rem; width: 100%;}
.progress-bar {flex: 1; height: 3px; background: #eee; border-radius: 6px; overflow: hidden; position: relative; margin-right: 10px; }
.progress-fill {height: 100%; width: 0; background: var(--blue); border-radius: 6px; transition: width .2s ease; }
.progress-number {text-align: right; font-size: 1.4rem; color: var(--blue); }

.message-wrap {display: flex; flex-direction: column; row-gap: 4rem;}
.qs_section {display: flex; flex-direction: column; row-gap: 4rem;}
.message {display: flex; flex-direction: column; row-gap: 3rem;  max-width: 40.5rem;}
.message.message-right {align-self: flex-end;}
.message-balloon {display: flex; flex-direction: column; row-gap: 2.5rem; padding: 3rem 2rem; border: 1px solid #E8E7E6; border-radius: 1rem;}
.message-left .message-balloon {border-top-left-radius: 0;}
.message-right .message-balloon {border-top-right-radius: 0; padding: 1.2rem 2rem;}
.message p {font-size: 1.4rem; line-height: 1.6em; color: #3E3A39;}
.message .select-wrap {display: flex; flex-direction: column; row-gap: 1rem;}
.message .select {padding: 1.5rem 2.5rem 1.5rem 2rem; border: 1px solid #E8E7E6; border-radius: 6px;}
.message .select .radio label {justify-content: space-between; cursor:pointer;}
.message .option-box {border: 1px solid #E8E7E6; background: #FCFDFD; padding: 1.8rem 2rem; border-radius: 1rem;}
.message .field-list {height: auto;}
.message .options-field .field-button {font-size: 1.4rem;}
.message .options-field .field-list > div:not(.option-all) .field-button {padding: 0.5rem 0 1.8rem;}
.message .options-field .field-list > div:not(.option-all) .field-button::after {content: none;}
.message .options-field .field-children.opened {max-height: unset;}
.message .options-field .field-children ul {background: #FCFDFD; border: 1px solid #E8E7E6;}
.message .options-field .checkbox label {font-size: 1.3rem;}
.message .options-field .radio label {justify-content: space-between; cursor:pointer;}
.message .btn-reset {font-size: 1.4rem; display: flex; justify-content: flex-end; margin-left: auto;}
.message .select-wrap input {font-size: 1.4rem;}
.message .butn-submit {padding: 1.4rem 1.5rem; border-radius: 6px;}
.subpage .message .ui-slider .ui-widget-header {background: var(--blue);}

.filter-modal {display: none; position: fixed; inset: 0; z-index: 999999;}
.filter-modal.active {display: block; }
.filter-modal--overlay {position: fixed; inset: 0; background: rgba(0,0,0,0.4); }
.filter-modal--content {position: absolute; bottom: 0; left: 0; background: #fff; border-top-left-radius: 0; border-top-right-radius: 0; width: 100%; max-width: 100vw; max-height: 100%; overflow-y: auto; padding: 25px; transition: all 0.3s ease; z-index: 9999;}
.filter-modal--header {justify-content: space-between; align-items: center; border-bottom: 1px solid #C9CACA; padding-bottom: 1.5rem; margin-bottom: -5rem; display:none;}
.filter-modal--header h6 {font-size: 2.2rem;}
.filter-modal--content .filter-banner {display: none;}
.filter-modal--body {display: flex; flex-direction: column; row-gap: 2rem; padding-bottom: 80px;}
.filter-close-btn {background: none; border: none; font-size: 24px; cursor: pointer; margin-top: -2px;}
.filter-modal--footer {/*position: fixed;*/ width: 100%; bottom: 0; left: 0; display: none; align-items: center; justify-content: center; column-gap: 20px; padding: 15px 20px; background: #fff; border-top: 1px solid #E7E5E4; z-index: 100;}
.filter-modal--footer a {display: flex; align-items: center; justify-content: center; border-radius: 6px; height: 48px; font-size: 16px; font-weight: 700;}
.filter-modal--footer .butn-reset {border: 1px solid #E7E5E4; width: 80px;}
.filter-modal--footer .butn-apply {width: 290px; }


/* KBH 2025-09-18 회원정보 수정 상단 탭 추가 { */
#form-modifytab {}
#form-modifytab ul {display:flex;}
#form-modifytab ul li {width:50%; text-align:center; font-size:1.6rem; background-color:#eeeef0; padding:15px 0; border-bottom:1.5px solid #838383;}
#form-modifytab ul li.active {font-weight:600; background-color:#fff; border:1px solid #838383; border-bottom:1.5px solid #fff;}
#form-modifytab ul li a {color:#858585;}
#form-modifytab ul li.active a {color:#333;}
.rm-line-clamp {display:block !important;}
.cur {cursor: pointer;}
.addMoTap {
	display: flex !important;
    position: absolute;
    z-index: 2000;
    background-color: #fff;
    width: calc(100% - 0rem) !important;
    padding: 3rem;
    height: calc(100vh - 8rem);
    left: 0;
	overflow-y: scroll;
/*	border-right: 2px solid #dadbdb;*/
	top: 0;
}
/* } KBH 2025-09-18 회원정보 수정 상단 탭 추가 */

@media (max-width: 1800px) {
	.chat-page .subpage-detail {left: 96%;}
	.chat-page .subpage-detail .sub-col--summary {width: 24rem;}
}

@media (max-width: 1600px) {
	.subpage-recruit .floating-sidebar {left: calc(50% + 34vw)}
	.swiper.photo-main {aspect-ratio: 896 / 512; height: auto;}
	
	.subpage-mypage .floating-sidebar.common {left: calc(100% + 2vw);}
	
	.chat-page .chat-wrap {flex: none; width: 63%;}
	.chat-page .subpage-detail {left: 86%;}
}

@media (max-width: 1440px) {
	.summary-wrap {grid-template-columns: 20.5rem 3fr;}
}

@media (max-width: 1280px) {
    .subpage .subpage-box {padding: 4rem 3rem 3rem;}

	.subpage-company .gallery-grid {column-gap: 1rem; row-gap: 1rem; height: 32vw;}

	/* 갤러리 리스트 */
	.subpage .gallery-list .gallery-item {width: calc((100% - 6rem) / 3);}
	.photo-modal {height: auto; aspect-ratio: 1060 / 580}
	.photo-modal .photo-content {width: 84.5%; height: auto;}
	.photo-modal .slide-arrow.slide-arrow--prev {right: calc(100% + 1.4vw);}
	.photo-modal .slide-arrow.slide-arrow--next {left: calc(100% + 1.4vw);}

	/* 마이페이지 */
	.left-box {padding: 2rem 1.5rem 2.5rem;}
	.subpage-mypage .floating-sidebar.common {display: none;}

	.subpage-recruit .floating-sidebar {display: none;}
	
	.chat-page .chat-wrap {width: 100%; flex: 1;}
	.chat-page .chat-wrap-inner {width: 100%;}
	.chat-page .subpage-detail {display: none;}
}

@media (max-width: 1024px) {
	/* 회사소개 */
	.subpage-company {row-gap: 8rem;}
	.subpage-company .subvisual .container {padding: 3.5rem 2rem 3rem;}
	.card::after {padding-bottom: 110%;}
	.subpage-company .card-inner {row-gap: 2rem; padding: 0 1rem;}
	.subpage-company .card-icon {width: 6rem; height: 6rem;}
	.subpage-company .sub-row--process {padding: 8rem 0;}
	.subpage-company .sub-row--reliability .box-image {padding: 7rem 2rem;}
	.subpage-company .sub-row--vision {padding: 8rem 6rem;}

	.pc-only {display: none !important;}
	.subpage-teacher .teacher-total {display: flex; align-items: center; width: 100%;}
  	.filter-open-btn {display: flex; align-items: center; background: #fff; border: 1px solid #E7E5E4; border: none; padding: 8px 20px; border-radius: 25px; border: 1px solid #E7E5E4; z-index: 10; margin-left: 10px; font-size: 1.4rem; column-gap: 4px;}
	.filter-open-btn::before {content: ""; display: inline-block; width: 12px; height: 12px; background: url('../images/sub/icon-filter.svg') no-repeat 50% 50% / contain;}
	.subpage-teacher .sub-col--list {width: 100%;}
	
	.subpage-list .accordion-row td {height: auto;} 
	.table-container table, .table-container tbody {display: block;}
	.table-container thead {display: none;}
	.table-container .text-title .subject {width: 90%;}
	.accordion-row {display: flex; flex-wrap: wrap; width: 100%; border-bottom: 1px solid #C9CACA; position: relative;}
	.accordion-row td {display: flex; align-items: center; border-bottom: 0; padding: 0.5rem 1.5rem; height: auto;}
	.accordion-row td.td-title {width: 100%; padding-top: 1.5rem; padding-bottom: 1rem;}
	.accordion-row .accordion-icon {position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
	.with-label::before {content: attr(data-label); display: inline-block; width: 6rem; font-weight: 600; text-align: left;}
	.accordion-content {width: 100%; border-top: 0;}
	.accordion-content.active {display: block; }
	.accordion-content td {display: block; width: 100%;}
	.status {padding: 5px 5px 7px;}
	.content-wrapper {padding: 1.8rem 1.6rem;}
	.accordion-content ul {row-gap: 0.4rem;}

	/* 강사리스트  */
	.filter-modal--header {display:flex;}
	/* .swiper-wrapper {display:none !important;} - 주석 처리하여 모든 swiper가 보이도록 함 */
	.filter-modal--footer {display:flex !important;}
	/* 강사섭외 */
	.subpage-teacher.subpage-detail .subpage-box {border: 0; padding: 0; background: transparent;}
	.subpage-teacher .teacher-list-top {}
	.subpage-detail .sub-col--detail {width: 100%;}
	.subpage-detail .sub-col--summary {display: none;}
	.mb-only {display: flex !important;}
	
	.subpage-detail .section-text.section-text--download {row-gap: 0; padding: 0;}
	.subpage-detail .section-text--download .download-box a {padding: 2.5rem 0;}
	.subpage-detail .section-text--download .download-box:nth-child(1) {border-bottom: 1px solid #F6F6F6;}
	.subpage-detail .section-text--download .download-box a img {display: inline-block; width: 1.2rem; height: 1.2rem; margin-right: 1rem;}
	.section-text--career .section-heading {display: flex; align-items: center; justify-content: space-between;}
	.section-text--career .section-heading .butn-share {display: inline-block; width: 16px; height: 16px; cursor: pointer;}
	.section-text--career.section-text {row-gap: 1.2rem;}
	.section-text--career.section-text .section-heading {padding-bottom: 3px;}
	.section-text--career.section-text .section-heading h6 {padding-left: 0; font-size: 2rem; font-weight: 400;}
	.section-text--career.section-text .section-heading h6::before {content: none;}
	.section-text--career .information-name {font-size: 1.6rem;}
	.section-text--career .information-position {font-size: 1.4rem; color: #888888;}
	.section-text--career .information-field {font-size: 1.4rem; }
	.subpage .floating-teacher-menu {display: block} 
	.filter-modal--body .filter-heading--first {display: none;}

	.section-text.section-text--download {display:flex;}

	/* 섭외 신청 */
	.recruit-detail .inner {width: 90%;}
	.subpage-recruit .inner .subpage-box {padding-top: 0; border: 0;}
	.subpage-register-form .form-box {padding: 5rem 4rem;}

	/* 특강스토리 */
	.subpage.story .subpage-box {padding: 0; border: 0; background: transparent;}

	/*고객센터 */
	.subpage-customer .list-top {flex-wrap: wrap; row-gap: 1rem;}
	.subpage-customer .tab-menu { width: 100%;}
	.subpage-customer .tab-menu ul {column-gap: 1rem; flex-wrap: wrap; row-gap: 0.5rem;}
	.subpage-customer .faq-box table, .subpage-customer .faq-box tbody {display: block;}
	.subpage-customer .faq-box thead {display: none;}
	.subpage-customer .faq-box .td-question {width: 90%;}
	.subpage-customer .faq-box .accordion-row {display: flex; flex-wrap: wrap; width: 100%; border-bottom: 1px solid #C9CACA; position: relative; padding: 1.5rem 0;}
	.subpage-customer .faq-box .accordion-row td:nth-child(1),
	.subpage-customer .faq-box .accordion-content td:nth-child(1)  {display: none;}

	/* 로그인 */
	.subpage-auth--login .form-box {padding: 5rem 4rem; column-gap: 8rem;}
	.subpage-auth--login .form-box > div {width: calc((100% - 8rem) / 2);}
	.subpage-auth--login .form-wrap::after {right: -4rem;}
	.subpage-auth .form-tabmenu a {padding: 1.6rem 0.1rem;}

	/* 회원가입 */
	.subpage-join .form-box {padding: 5rem 4rem;}

	/* 마이페이지 */
	.subpage-mypage .summary-wrap {grid-template-columns: 1fr;}
	.subpage-mypage .summary-profile {align-items: center; row-gap: 2rem; min-height: unset;}
	.subpage-mypage .bottom-grid {grid-gap: 1rem; grid-template-columns: repeat(2, 1fr);}
	.subpage-mypage.subpage .gallery-list {}
	.subpage-mypage.subpage .gallery-list .gallery-item {width: calc((100% - 1.5333rem) / 2); row-gap: 2rem;}
	.subpage-mypage .accordion-row {display: flex; flex-wrap: wrap; width: 100%; border-bottom: 1px solid #C9CACA; position: relative;}
	
	/* 채팅 */
	.chat-page {flex-direction: column; row-gap: 1.5rem;}
	.chat-page .chat-item:last-child {border-bottom: 0;}
	.chat-page .menu-section {flex: auto; max-width: unset; height: auto; margin-bottom: 0; margin-right: 0; cursor: pointer;}
	.chat-page .menu-section h1 {border-bottom: 0;}
	.chat-page .menu-section h1.open {border-bottom: 1px solid #f1f1f0;}
	.chat-page .chat-wrap-inner {width: 100%; margin-top: 0;}
	.chat-page #channelMembersContainer {display: none; overflow: hidden; transition: max-height 0.3s ease;}
	.chat-page #channelMembersContainer.active {display: block; animation: slideDown 0.3s ease forwards;}

	@keyframes slideDown {
		from { opacity: 0; transform: translateY(-5px); }
		to { opacity: 1; transform: translateY(0); }
	}

	.chat-page .menu-section h1 {transition: background 0.2s ease; position: relative;}
	.chat-page .menu-section h1::after {content: ">"; display: inline-block; font-size: 1rem; position: absolute; right: 1.5rem; top: 50%; transform: translateY(-50%) rotate(90deg); transition: transform 0.3s ease;}
	.chat-page .menu-section h1.open::after {transform: translateY(-50%) rotate(270deg);}
	.chat-page .chat-area {height: auto; max-height: 35vw;}
	.chat-page .message-write-area .message-write-inner .write-box input[type=text] {font-size: 1.5rem;}
}

@media (max-width: 768px) {
	.subpage {padding: 15px 0 25px;}
	.subpage .subpage-box {padding: 3rem 2rem 4rem;}
	.subpage .subpage-box {padding: 0; border: 0; background: transparent;}
	.subpage-list .subpage-top {flex-direction: column; row-gap: 1.5rem;}
	.section-text .section-heading h6 {font-size: 1.8rem;}
    .table-container {margin: 0; border-radius: 0;}
    thead th, .accordion-content td {padding: 1.2rem 1.5rem; font-size: 1.4rem; }
	.subpage-form .form-guide {font-size: 1.4rem;}

	/* 회사소개 */
	.subpage.subpage-company {padding-top: 0;}
	.subpage .sub-row .inner {row-gap: 4rem;}
	.subpage-company .subvisual .container {padding: 1.5rem 0.5rem 1.5rem;}
	.subpage-company .section-heading {row-gap: 1.5rem;}
	.subpage-company .gallery-grid {height: 46vw; column-gap: 0.5rem; row-gap: 0.5rem;}
	.subpage-company .gallery-grid .gallery-img {border-radius: 1rem;}
	.subpage-company .card {flex: 0 1 100%;}
	.subpage-company .card-inner {position: static; padding: 4rem 2rem;}
	.card::after {padding-bottom: 0;}
	.subpage-company .gallery.col3 {gap: 1.5rem;}
	.subpage-company .gallery-item {border-radius: 2rem; flex: 0 1 calc((100% - 2rem) / 2);}
	.subpage-company .gallery-item--text {padding: 1.5rem 1.5rem 2rem;}
	.subpage-company .gallery .text-detail {word-break: keep-all;}
	.subpage-company .gallery .text-detail br {display: none;}
	.subpage-company .count-list {flex-wrap: wrap; row-gap: 4rem;}
	.subpage-company .count-item {width: 50%;}
	.subpage-company .sub-row--reliability .box p .br-mb {display: block;}
	.subpage-company .sub-row--reliability .box.box-column {row-gap: 5rem;}
	.subpage-company .count-item--number {font-size: 3.2rem;}
	.subpage-company .count-item:nth-child(2)::after {content: none;}

	/* 강사섭외 */
	.subpage-teacher .teacher-item {padding: 2.5rem 0;}
	.subpage-teacher .teacher-item .item-text {width: 50.5%; flex: unset;}
	.subpage-detail .gallery-layout {height: auto; grid-template-columns: auto;}
	.subpage-detail .gallery-img:nth-child(1) {aspect-ratio: 1148 / 656; width: 100%;}
	.subpage-detail .gallery-img:nth-child(n + 2) {display: none;}
	.subpage-detail .about-list li {font-size: 1.5rem;}
	.subpage-detail .check-list li::before {width: 1.4rem; height: 1.4rem; top: 0.1rem;}
	.review .section-heading h6 {font-size: 1.8rem;}
	.review .section-heading em {font-size: 1.5rem;}
	.review .section-heading .butn-text {font-size: 1.5rem;}
	.subpage-teacher .review .section-box {padding: 2rem 1.5rem 2rem;}
	.review-content--question li {width: calc((100% - 4rem)	 / 2);}
	.review-heading .review-name {font-size: 1.5rem;}
	.review-heading .review-date {font-size: 1.4rem;}
	.review-content--gallery .gallery-img {width: 9rem;}
	.review-content--gallery .gallery-text {font-size: 1.4rem;}
	.review-content--question .question-title span {font-size: 1.6rem;}
	.review-content--question .question-title {font-size: 1.4rem;}
	.review-content--question .butn-review {font-size: 1.3rem; padding: 0.7rem 1rem;}
	.photo-modal .slide-arrow {width: 4vw; height: 4vw;}

	/* 섭외 확정 */
	.subpage .gallery-list .item-name {font-size: 1.7rem;}
	.subpage .gallery-list .item-detail span {font-size: 1.4rem; line-height: 1.4em;}

	/* 섭외 문의 */
	.recruit-detail .info-list {width: 100%;}
	.subpage-recruit.subpage-form .label-price {font-size: 1.4rem;}

	/* 갤러리 리스트 */
	.subpage .gallery-list {column-gap: 1rem;}
	.subpage .gallery-list .gallery-item {width: calc((100% - 1rem) / 2);}

	/* 섭외 신청 */
	.subpage-register-form .form-box {padding: 4rem 2.5rem;}
	.subpage-register-form .form-box {padding: 0; border: 0; background: transparent;}
	/* .subpage-register-form .input-item {width: 100%;} */

	/* 특강스토리 상세 */
	.subpage-education-inquiry .form-box {padding: 0; border: 0; background: transparent;}
	.subpage-detail.subpage-specialLecture .heading-link a {width: 3.5rem; height: 3.5rem;}
	.subpage-detail.subpage-specialLecture .heading-link img {width: 100%;}
	.subpage-detail .section-box .box {padding: 2rem;}
	.subpage-detail .section-box .depth1 {padding-bottom: 1.5rem;}
	.subpage-detail .section-box .depth1 li {font-size: 1.6rem;}
	.subpage-detail .section-box .depth2 li {font-size: 1.4rem;}

	/* 북스토리 상세 */
	.subpage.subpage-bookStory .gallery-list .gallery-item {width: calc((100% - 1rem) / 2);}
	.bookStory-view.subpage-detail .section-text.information {flex-direction: column; row-gap: 3rem;}
	.bookStory-view.subpage-detail .information-img {margin: 0 auto;}
	.bookStory-view.subpage-detail .heading-link {position: static; width: 100%; justify-content: flex-start; column-gap: 0.5rem;}
	.bookStory-view.subpage-detail .heading-link a {width: 9rem; height: 5rem;}

	/* 강사후기 */
	.subpage-review .box {width: 100%; padding: 2.5rem 1.5rem 2.5rem 1.5rem}

	/* 고객센터 */
	.subpage-customer .faq-box {padding: 2.5rem 1.5rem 2.5rem 1.5rem}

	/* 로그인 */
	.subpage-auth--login .form-box {flex-direction: column; row-gap: 8rem; padding: 4rem 2.5rem}
	.subpage-auth--login .form-box > div {width: 100%;}
	.subpage-auth--login .form-wrap::after {top: auto; bottom: -4rem; right: 50%; transform: translate(50%, 50%); width: 100%; height: 0.5px;} 
	.member-service-list {padding-bottom: 2rem;}
	.member-service-list li {column-gap: 2rem; align-items: flex-start;}
	.member-service-list .list-icon {flex-shrink: 0; width: 5rem; height: 5rem;}
	.member-service-list .list-text--content {word-break: keep-all;}
	.member-service-list .list-text--content br {display: none;}

	/* 회원가입 */
	.subpage-join .form-box {padding: 4rem 2.5rem;}
	.subpage-form .label-flex {flex-direction: column; row-gap: 0.3rem;}
	.subpage-form .label-tip {margin-left: 0; font-size: 1.3rem;}
	.input-group--flex button {width: 9rem;}
	
	.subpage-mypage .section-box {padding: 1.5rem 2rem 2.5rem;}
}

@media (max-width: 640px) {
	.review-content--question li {width: 100%;}
	.subpage-detail .section-box .depth2 ul {display:inline-grid;}
}

@media (max-width: 480px) {
	/* 회사소개 */
	.subpage-company .sub-row--vision {padding: 6rem 0;}
	.subpage-company .sub-row--reliability .box {height: auto; padding: 3rem 4rem;}

	/* 강사섭외 */
	.subpage-teacher .teacher-list-top {flex-direction: column-reverse; row-gap: 15px; align-items: flex-start;}
	.filter-open-btn {margin-left: auto; padding: 6px 16px;}
	.subpage-teacher .teacher-search {width: 100%;}
	.subpage-teacher .teacher-search .search, .subpage-teacher .teacher-search input {background: #F8F8F8}
	.subpage-teacher .teacher-item:nth-child(1) {padding-top: 7px;}
	.subpage-teacher .teacher-item {column-gap: 5%;}
	.subpage-teacher .teacher-item .item-text {row-gap: 3px; width: 51.5%;}
	.subpage-teacher .teacher-item .item-text--field {padding-bottom: 3px;}
	.subpage-detail .section-text {border-bottom: 8px solid #F6F6F6}
	.subpage .butn-download {margin-top: 2rem; padding: 0.8rem 1.2rem;}
	.related .gallery {grid-template-columns: repeat(1, 1fr); grid-template-rows: auto;}
	.subpage-detail .gallery-layout {height: auto; gap: 0.6rem;}

	.accordion-row td.td-title {padding-bottom: 1.5rem; padding-top: 1.8rem;}
	.table-container .text-title {position: static; padding-left: 0; row-gap: 4px;}
	.table-container .text-title .subject {font-size: 1.3rem;}
	.table-container .text-title .table-actions {position: static; flex-direction: row; column-gap: 1.5rem; justify-content: flex-start; transform: translateY(0); margin-bottom: 0.8rem;}
	.table-container .text-title .table-actions i {font-size: 1.7rem;}
	.table-container .text-title .title {font-size: 1.6rem;}
	.status {font-size: 1.3rem;}
	.accordion-row td {padding: 0.2rem 1.2rem; width: 100%; position: static;}
	.accordion-row td.td-status {padding-bottom: 1.5rem; padding-top: 0; justify-content: flex-end;}
	.accordion-row .accordion-icon {width: fit-content;}
	.accordion-row .accordion-icon div::before {font-size: 2.6rem;}

	.subpage.subpage-bookStory .gallery-list .gallery-item {width: 100%;}
	
	.subpage-education-inquiry.subpage-form .input-group--flex .input-item:nth-child(1) {width: 100%;}

	.subpage-list form {width: 100%;}
	.subpage-list .list-form {width: 100%;}
	.subpage-list .list-search {width: 100%;}
	.subpage .ui-slider-horizontal .ui-slider-handle {top: -1rem;}
	
	.subpage-mypage .section-box {border: 0; padding: 1.5rem 0 2.5rem;}
	.subpage-mypage.subpage .gallery-list {row-gap: 2rem;}
	.subpage-mypage.subpage .gallery-list .gallery-item {width: 100%; flex-direction: row; column-gap: 1.2rem;}
	.subpage-mypage .gallery-list .gallery-item--img {width: 48%; flex: 0 0 auto;}
	.subpage-mypage .gallery-list .gallery-item--img::after {padding-bottom: 58.165%;}
	.subpage-mypage .gallery-list .gallery-item--text {padding-top: 8px;}
	
	/* 채팅 */
	.chat-page .chat-area {max-height: 26rem;}
	.chat-page .message-list .message-box .message-cont .message-text {font-size: 1.4rem; padding: 1rem 1.5rem;}
	.chat-page .message-write-area .message-write-inner .write-box input[type=text] {height: 4.4rem; font-size: 1.4rem;}
}


@media (hover: hover) {
    .subpage-auth--login #SecureAccess:hover {background: transparent; color: #898989;}
}