.learn-group {
    padding: 5rem 2rem 0;
}

.learn-group:last-of-type {
    padding-bottom: 5rem;
}

.learn-group .full-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #fafafa;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    font-size: 1.4rem;
    font-weight: bold;
    margin-top: 19px;
}

h3 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 1.8rem;
}

h3 span {
    font-weight: 500;
}

.table-default tr th,
.table-default tr td {
    padding: 1.5rem 1rem;
}

.fnq {
    padding-bottom: 50px;
}

.faq-group {
    padding: 3rem 2rem;
    border-bottom: 10px solid #f7f7f7;
}

.faq-tab-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    border-top: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
}

.faq-tab-list li {
    list-style: none;
    width: 33.3333%;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    text-align: center;
    line-height: 47px;
}

.faq-tab-list li a {
    width: 100%;
    height: 100%;
    display: block;
    font-size: 1.4rem;
    color: #222;
}

.faq-tab-list .tab-btn.on {
    background: #088767;
    color: #fff;
    font-weight: bold;
}

.faq-cont-list {
    padding: 1rem 0;
}

.faq-cont-list .item {
    border-bottom: 2px solid #f7f7f7;
}

.faq-cont-list .item .question {
    padding: 2rem 5.5rem 2rem 2rem;
    font-size: 1.6rem;
    font-weight: 500;
    position: relative;
    line-height: 24px;
}

.faq-cont-list .item .question::after {
    content:"";
    width: 48px;
    height: 48px;
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    background: url("../../images/www/content/faq_arrow.svg") no-repeat center;
}

.faq-cont-list .item .answer {
    padding: 2rem;
    background: #f7f7f7;
    font-size: 1.4rem;
    line-height: 22px;
    color: #666;
    display: none;
}

.faq-cont-list .item.open .question::after {
    transform: rotate(180deg) translateY(50%);
}

.faq-cont-list .item.open .answer {
    display: block;
}

.no-search {
    padding: 100px 0;
    text-align: center;
    color: #666;
}

.question-box {
    padding: 3rem 0 6rem;
}

.question-box .form-group {
    margin-bottom: 3rem;
}

.reserve-box {
    padding: 3rem 0 6rem;
}

.reserve-box .form-top {
    border-bottom: 10px solid #f7f7f7;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.reserve-box .form-top .location-btn {
    font-size: 14px;
    color: #088767;
    text-decoration: underline;
    display: inline-block;
    margin: 20px 0 10px;
}

.reserve-box .form-top .benefit-btn {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #b9bec4;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #5e646b;
    margin-top: 15px;
}

.reserve-box .form-top .benefit-btn::after {
    content: '';
    width: 24px;
    height: 24px;
    background: url('../../images/www/content/icon_down_gray.svg');
    display: block;
}

.reserve-box .form-top .benefit-btn.open {
    background: #b9bec4;
    color: #fff;
}

.reserve-box .form-top .benefit-btn.open::after {
    background: url('../../images/www/content/icon_up_white.svg');
}

.reserve-box .form-top .benefit-box {
    background: #f2fbf9;
    padding: 55px 20px 25px;
    text-align: center;
    border-radius: 10px;
    margin-top: 20px;
    display: none;
}

.reserve-box .form-top .top-info {
    margin-top: 10px;
}

.reserve-box .form-top .top-info li {
    font-size: 12px;
    line-height: 1.6;
}

.reserve-box .form-group {
    margin-bottom: 3rem;
}

.reserve-box .form-group.top-line {
    border-top: 1px solid #eee;
    padding-top: 25px;
}

.reserve-box .form-group.top-line .title {
    width: 90px;
}

.reserve-box .end-box {
    width: 15px;
    height: 15px;
    display: inline-block;
    border: 1px solid #dfdfdf;
    background: #f4f4f4;
    vertical-align: sub;
    margin-right: 3px;
}

.reserve-box .select-date .input-select-list {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    padding: 10px 20px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
    margin-bottom: 20px;
}

.reserve-box .select-date .input-select-list::-webkit-scrollbar {
    display: none;
}

.reserve-box .select-time .input-select-list::-webkit-scrollbar {
    display: none;
}

.reserve-box .select-time .input-select-list .custom-radio {
    width: 127px;
    height: 45px;
    display: inline-block;
    margin-right: 8px;
}

.reserve-box .select-date .input-select-list .custom-radio {
    flex: 0 0 auto;
    width: 80px;
    height: 88px;
}

.reserve-box .select-date .input-select-list .custom-control-input,
.reserve-box .select-date .input-select-list .custom-control-label {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 88px;
}

.reserve-box .select-date .input-select-list .custom-control-input:disabled ~ .custom-control-label {
    background-color: #f4f4f4;
    color: #b6b6b6;
}

.reserve-box .select-date .input-select-list .custom-control-label span {
    font-weight: normal;
    font-size: 14px;
    line-height: 1.4;
}

.reserve-box .select-date .input-select-list .custom-control-label span b {
    font-size: 16px;
    display: block;
}

.reserve-view {
    background: #f7f7f7;
    padding: 35px 0 51px;
}

.reserve-view .reserve-list .item {
    background: #fff;
    border: 1px solid #ced5de;
    padding: 15px 20px 10px;
    border-radius: 12px;
    position: relative;
}

.reserve-view .reserve-list .item ~ .item {
    margin-top: 10px;
}

.reserve-view .reserve-list .item .item-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 12px;
}

.reserve-view .reserve-list .item .item-top .state {
    display: inline-block;
    width: 60px;
    font-size: 1.2rem;
    font-weight: 500;
    text-align: center;
    border-radius: 18px;
    padding: 6px 0;
    border: 1px solid #767676;
    color: #767676;
}

.reserve-view .reserve-list .item .item-top .state.completed {
    background-color: #088767;
    border-color: #088767;
    color: #fff;
}

.reserve-view .reserve-list .item .item-btm {
    display: flex;
    justify-content: space-between;
    border-top: 1px dashed #dfdfdf;
    padding-top: 8px;
}

.reserve-view .reserve-list .item .item-btm p {
    flex: 1;
    height: 62px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.reserve-view .reserve-list .item .item-btm p:not(:last-child) {
    border-right: 1px dashed #dfdfdf;
}

.reserve-view .reserve-list .item .item-btm p span:first-child {
    font-size: 12px;
}

.reserve-view .reserve-list .item .item-btm p span:last-child {
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
}

.reserve-view .reserve-list .item .item-btm p:first-child span:last-child {
    color: #088767;
}

.inquiry-list li {
    border-bottom: 2px solid #f7f7f7;
}

.inquiry-list li a {
    padding: 2rem 0;
}

.inquiry-list li .info {
    width: calc(100% - 75px);
    line-height: 1.4;
}

.inquiry-list li .info p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.inquiry-list li .state {
    width: 65px;
    height: 55px;
    border: 1px solid #000;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: bold;
}

.inquiry-list li .state.complete {
    background: #088767;
    border-color: #088767;
    color: #fff;
}

.inquiry-view .view-top {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem 0;
    border-bottom: 2px solid #f7f7f7;
}

.inquiry-view .view-top .info {
    width: calc(100% - 75px);
    line-height: 1.4;
    padding-right:10px
}

.inquiry-view .view-top .state {
    width: 65px;
    height: 55px;
    border: 1px solid #000;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: bold;
}

.inquiry-view .view-top .state.complete {
    background: #0019b2;
    border-color: #0019b2;
    color: #fff;
}

.inquiry-view .view-content {
    padding: 3rem 0;
    border-bottom: 2px solid #f7f7f7;
}

.inquiry-view .view-answer {
    padding: 1rem 0;
}

.inquiry-view .view-answer .answer-box {
    padding: 12px 15px;
    background: #f6f6f6;
    border-radius: 10px;
    font-size: 1.4rem;
    color: #666;
    line-height: 22px;
}

.inquiry-view .view-down a {
    color: #767676;
}

.inquiry-view .view-down a::before {
    content:"첨부파일";
    color: #088767;
    margin-right: 5px;
}

.inquiry-view .view-down a img {
    vertical-align: middle;
    margin-left: 5px;
}

.inquiry-view .btn-view {
    width: 100%;
    height: 48px;
    border: 1px solid #cdd1d6;
    border-radius: 5px;
    color: #767676;
    font-size: 1.6rem;
    margin-top: 50px;
}

.schedule {
    padding: 41px 0 76px;
}

.schedule .item:not(:last-child) {
    margin-bottom: 30px;
}

.schedule .item .schedule-box {
    background: #f2f4f6;
    border-radius: 12px;
    padding: 30px;
    position: relative;
}

.schedule .item .schedule-box .schedule-list {
    margin-top: 20px;
}

.schedule .item .schedule-box .schedule-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    font-size: 1.4rem;
}

.schedule .item .schedule-box .schedule-list li span:first-child {
    font-weight: bold;
}

.schedule .item .schedule-box .schedule-list li span:first-child::before {
    content:"•";
    margin-right: 2px;
}

.schedule .item .schedule-info {
    width: 96%;
    margin: -20px auto 0;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column-reverse;
}

.schedule .item .schedule-info .detail-box {
    width: 100%;
    border: 1px solid #222;
    border-radius: 12px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    background: #fff;
    padding: 30px 15px;
    margin-bottom: -1px;
    display: none;
}

.schedule .item .schedule-info .detail-box .detail-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.4rem;
    letter-spacing: -0.61px;
    line-height: 24px;
}

.schedule .item .schedule-info .detail-box .detail-row:not(:last-child) {
    margin-bottom: 10px;
}

.schedule .item .schedule-info .btn-open {
    width: 100%;
    height: 48px;
    border-radius: 12px;
    border: 1px solid #dfdfdf;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    background: #fff;
    font-size: 1.6rem;
}

.schedule .item .schedule-info .btn-open img {
    vertical-align: text-bottom;
}

.schedule .item .schedule-info .btn-open::before {
    content: "상세 일정 보기";
}

.schedule .item .schedule-info .btn-open::after {
    content: url('../../images/www/content/schedule_arrow.svg');
    vertical-align: text-top;
}

.schedule .item .schedule-info .btn-open.on {
    border-color: #222;
}

.schedule .item .schedule-info .btn-open.on::before {
    content: "접기";
}

.schedule .item .schedule-info .btn-open.on::after {
    content: url('../../images/www/content/schedule_arrow_up.svg');
}

.schedule .item .schedule-info .btn-open.on ~ .detail-box {
    display: block;
}
.info-txt {
    color: #999;
    position: relative;
    padding-left: 10px;
    margin-top: 2rem;
    line-height: 18px;
    word-wrap: break-word;
    word-break: keep-all;
}

.info-txt::before {
    content: '*';
    position: absolute;
    top: 0;
    left: 0;

}

.license-group {
    padding: 4rem 2rem 6rem;
    border-top: 10px solid #f7f7f7;
}

.license-group .learn-group {
    padding: 5rem 0 0;
}

.license-group .full-img img {
    max-width: 100%;
}


/* 20240401 추가 */
.learn-group .guide-btn {
    font-size: 14px;
    border: 1px solid #222;
    border-radius: 5px;
    padding: 10px 15px;
    display: inline-block;
    margin-bottom: 18px;    
}

.group-tab {
    display: flex;
}

.group-tab a {
    display: block;
    color: #898989;
    font-weight: 600;
    flex: 1;
    padding: 1.2rem 0;
    text-align: center;
    background-color: #f5f5f5;
    border: 1px solid #dfdfdf;
    line-height: 20px;
}

.group-tab a.active {
    color: #088767;
    border: 1px solid #088767;
    background-color: #fff;
}

.license-group .credit-wrap {
    margin-top: 4rem;   
    padding: 0 30px;
}

.license-group .credit-wrap img {
    margin: 0 10px;
}

.license-group .credit-wrap .credit-box {
    width: 48%;
    /* min-width: 12rem; */
    padding: 2.5rem 1rem;
    text-align: center;
    border: 1px solid #dfdfdf;
    border-radius: 10px;
    background-color: #fff;
}

.license-group .credit-wrap .credit-box p {
    font-size: 1.6rem;
}

.license-group .credit-wrap .credit-box .tit {
    font-weight: 600;
    margin-bottom: 10px;
}

.license-group .credit-wrap .credit-box02 {
    width: 100%;
    background-color: #e4fbff;
    margin-top: 10px;
    border: 1px solid #e4fbff;
}

.table.pink th {
    background-color: #fff6fc;
}
.table.beige th {
    background-color: #fffaf2;
}
.table.beige th .point {
    font-size: 16px;
    color: #ffa100;
    font-weight: 600;
}
.table.green th {
    background-color: #f6fff6;
}
.table.purple th {
    background-color: #f9f2ff;
}
.table.purple th .point {
    font-size: 16px;
    color: #8027cc;
    font-weight: 600;
}


.table .dot-list {
    width: 43%;
}

.table .dot-list li {
    position: relative;
    padding-left: 10px;
}

.table .dot-list li::before {
    content: '•';
    position: absolute;
    top: 0;
    left: 0;
}

.table .go-btn {
    color: #088767;
    font-weight: 500;
    text-decoration: underline;
}

.license-group .submit-btn {
    margin-top: 40px;
}

.learn-txt-box:not(:last-of-type){
    margin-bottom: 20px;
}

.learn-txt-box .tit {
    width: 16rem;
    font-size: 1.6rem;
    font-weight: 600;
    color: #ffa100;
    border: 1px solid #ffa100;
    border-radius: 18px;
    text-align: center;
    padding: 9px 0;
    margin-bottom: 10px;
}

.learn-txt-box .tit02 {
    color: #47b747;
    border: 1px solid #47b747;
}

.txt-check-box {
    padding: 2rem 2.5rem 3rem;
    background-color: #f7f8fb;
    border-radius: 20px;
}

.txt-check-box:not(:last-of-type) {
    margin-bottom: 20px;
}

.txt-check-box .tit {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 15px;
    text-align: center;
}

.txt-check-box .txt-check-list li {
    padding-left: 2.1rem;
    position: relative;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.txt-check-box .txt-check-list li:not(:last-of-type){
    margin-bottom: 10px;
}

.txt-check-box .txt-check-list li::before {
    content: '';
    display: block;
    width: 14px;
    height: 13px;
    background: url('../../images/www/content/icon_txt_chk.svg') no-repeat;
    position: absolute;
    top: 7px;
    left: 0;
}

.step-list {
    position: relative;
    margin-top: 5rem;
}

.step-list::before {
    content: '';
    display: block;
    width: 3px;
    height: 100%;
    background: linear-gradient(to bottom, #f3fbff 2%, #2FC086);
    position: absolute;
    top: 0;
    left: 36px;
    z-index: -1;
}

.step-list::after {
    content: '';
    display: block;
    width: 3px;
    height: 60%;
    background: linear-gradient(to bottom, #fff 2%, #ff6262);
    position: absolute;
    bottom: 0;
    right: 36px;
    z-index: -1;
}

.step-list li {
    display: flex;
    padding-left: 10px;
}

.step-list li:not(:last-of-type){
    margin-bottom: 40px;
}

.step-list li .icon-box {
    min-width: 55px;
    height: 55px;
    background-color: #f2fbf9;
    border-radius: 50%;
    margin-right: 20px;
    background-position: center center;
    background-repeat: no-repeat;
}

.step-list li:nth-child(1) .icon-box {
    background-image: url('../../images/www/content/step_img01.png');
}
.step-list li:nth-child(2) .icon-box {
    background-image: url('../../images/www/content/step_img02.png');
}
.step-list li:nth-child(3) .icon-box {
    background-image: url('../../images/www/content/step_img03.png');
}
.step-list li:nth-child(4) .icon-box {
    background-image: url('../../images/www/content/step_img04.png');
}
.step-list li:nth-child(5) .icon-box {
    background-image: url('../../images/www/content/step_img05.png');
}
.step-list li:nth-child(6) .icon-box {
    background-image: url('../../images/www/content/step_img05.png');
}

.step-list li .tit span {
    font-weight: 500;
}

.step-list li .tit span.green {
    color: #47b747;
}

.step-list li .tit span.red {
    color: #e12c2c;
}

.step-list li .txt {
    font-size: 1.6rem;
    font-weight: 600;
    margin-top: 5px;
}

.step-list li .step-btn {
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 500;
    padding: 0.6rem 1rem;
    border: 1px solid #222;
    border-radius: 3px;
    margin-top: 15px;
}

.step-list li .add-txt {
    color: #666;
    margin-top: 10px;
}

.step-wrap {
    position: relative;
}

.step-wrap .guide-txt {
    display: inline-block;
    font-size: 1.2rem;
    color: #e12c2c;
    font-weight: 600;
    background-color: #ffeded;
    border: 1px solid #ff6464;
    border-radius: 5px;
    padding: 8px;
    position: absolute;
    right: 0;
    bottom: 160px;
}

.license-group.faq-group {
    padding-left: 0;
    padding-right: 0;
}

.license-group.faq-group h3 {
    padding-left: 2rem;
}


.license-group.faq-group .faq-cont-list .item:first-of-type {
    border-top: 2px solid #222;
}

.download-btn {
    display: block;
    font-weight: 600;
    text-align: center;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    background-color: #fafafa;
    padding: 12px 0;
    margin-top: 50px;
}

.sch-area {
    padding: 3rem 2rem;
}

    
/* 마이강의실 */
.status {
    padding: 3rem 0 6rem;
}

/* 마이강의실 */
/* 20240930 추가 */
.learninghome .test-box {
    border-radius: 8px;
    margin-top: 20px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px 0 50px;
    background: url('../../images/www/content/test_icon.svg') no-repeat left 20px center #f7f8fb;
}

.learninghome .test-box p {
    font-size: 16px;
    font-weight: bold;
}

.learninghome .test-box p span {
    margin-left: 10px;
}

.learninghome .test-box .state {
    font-size: 1.2rem;
    color: #767676;
    border: 1px solid #8d8d8d;
    border-radius: 20px;
    padding: 4px 0;
    font-weight: 500;
    width: 60px;
}

.learninghome .test-box .state.start {    
    background-color: #088767;
    border-color: #088767;
    color: #fff;
}

.learninghome .test-box .state.none {    
    background-color: #fff6f5;
    border-color: #c32419;
    color: #c32419;
}

.learninghome .test-box .state.complete {    
    background-color: #909295;
    border-color: #909295;
    color: #fff;
}

.learninghome .guide-btn {
    text-align: right;
    margin-top: 20px;
}

.learninghome .guide-btn button {
    border: 1px solid #000;
    border-radius: 5px;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 600;
    padding: 5px 13px;
}

#lecture-guide-modal {
    padding: 0 10px;
}

#lecture-guide-modal.modal-default .modal-content {
    padding: 25px 15px 50px;
}

#lecture-guide-modal.modal-default .modal-content .modal-body img {
    width: 100%;
}

.learninghome .learninghome-list {
    padding: 10px 0 62px;
}

.learninghome .learninghome-list .item.item:not(:last-child) {
    margin-bottom: 16px;
}

.learninghome .learninghome-list .item .item-top {
    padding: 12px 20px;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #222;
    font-weight: bold;
    background: #f7f8fb;
    display: flex;
    justify-content: space-between;
    align-items: center;
    letter-spacing: -1px;
    border: 1px solid #ced5de;
    border-radius: 8px;
    overflow: hidden;
}

.learninghome .learninghome-list .item .item-top::after {
    content: "";
    width: 20px;
    height: 20px;
    background: url("../../images/www/content/icon_down_b.svg") no-repeat center;
}

.learninghome .learninghome-list .item.open .item-top {
    background: #088767;
    color: #fff;
    border-radius: 8px 8px 0 0;
    border-bottom: 0;
}

.learninghome .learninghome-list .item.open .item-top::after {
    background-image: url("../../images/www/content/icon_up_w.svg");
}

.learninghome .learninghome-list .item .item-top span:first-child {
    margin-right: 5px;
}


.learninghome .learninghome-list2 {
    padding: 30px 0 62px;
}

.learninghome .learninghome-list2 .list-top {
    border-radius: 8px 8px 0 0;
    background: #088767;
    color: #fff;
    padding: 12px 20px;
    line-height: 24px;
    display: flex;
    justify-content: space-between;
}

.learninghome .learninghome-list2 .list-top .t01 {
    font-size: 16px;
    font-weight: 600;
}

.learninghome .learninghome-list2 .list-top .t02 {
    font-size: 14px;
    font-weight: 300;
}

.learninghome .learninghome-list2 ul {
    border: 1px solid #ced5de;
    border-top: 0;
    border-radius: 0 0 8px 8px;
    padding: 0 20px;
}

.learninghome .learninghome-list2 ul li {    
    position: relative;
}

.learninghome .learninghome-list2 ul li ~ li {
    border-top: 1px dashed #ced5de;
}

.learninghome .learninghome-list2 ul li::after {
    content: '';
    width: 34px;
    height: 34px;
    background: url("../../images/www/common/icon_play.svg");
    position: absolute;
    top: 50%;
    right: 7px;
    transform: translateY(-50%);
    z-index: -1;
}

.learninghome .learninghome-list2 ul li a {
    display: block;
    padding: 20px 51px 20px 0;
}

.learninghome .learninghome-list2 ul li .t01 {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -1px;
}

.learninghome .learninghome-list2 ul li .t02 {
    font-size: 14px;
    color: #666;
    margin-top: 5px;
}

.learninghome .item .item-content {
    display: none;
    overflow: hidden;
}

.learninghome .item:first-child .item-content {
    display:block;
}

.learninghome .item .item-content .lecture-box {
    padding: 22px 20px 30px;
    border: 1px solid #ced5de;
    border-radius: 8px;
}

/* 20241224 수정 */
.learninghome .item .item-content .lecture-box:not(:last-child) {
    border-radius: 0;
    border-bottom: 0;
}

.learninghome .item .item-content .lecture-box:last-child {
    border-radius: 0 0 8px 8px;
}
/*// 20241224 수정 */

.learninghome .item .item-content .lecture-box .num {
    width: 20px;
    height: 20px;
    font-size: 1.4rem;
    font-weight: bold;
    background: #767676;
    border-radius: 50%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 11px;
    margin-top: -2px;
}

.learninghome .item .item-content .lecture-box .num.start {
    background-color: #088767;
}

.learninghome .item .item-content .lecture-box .status {
    font-size: 1.2rem;
    color: #767676;
    border: 1px solid #8d8d8d;
    border-radius: 20px;
    padding: 4px 10px;
    font-weight: 500;
}

.learninghome .item .item-content .lecture-box .status.start {
    border-color: #088767;
    background-color: #f4f7ff;
    color: #088767;
}

.learninghome .item .item-content .lecture-box .progressbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.learninghome .item .item-content .lecture-box .progressbar .bar {
    flex: 1;
    height: 11px;
    background: #eaeeff;
    border-radius: 7px;
    margin-top: 8px;
    margin-right: 10px;
    position: relative;
}

.progressbar .bar > div {
    height: 100%;
    background: #088767;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 20px;
}

.learninghome .item .item-content .lecture-box .progressbar .text {
    min-width: 27px;
    text-align: center;
}

.learninghome .item .item-content .lecture-box .progressbar .text img {
    width: 18px;
}

.learninghome .item .item-content .lecture-box .btns {
    display: flex;
    gap: 5px;
    text-align: center;
    margin-top: 20px;
}

.learninghome .item .item-content .lecture-box .btns a {
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 3px;
    font-size: 1.4rem;
}

.learninghome .item .item-content .lecture-box .btns .btn-down {
    width: 40%;    
    border: 1px solid #088767;
    color: #088767;
}

.learninghome .item .item-content .lecture-box .btns .btn-play {
    width: 40%;    
    border: 1px solid #088767;
    background: #088767;
    color: #fff;
}

.learninghome .item .item-content .lecture-box .btns .btn-enter {
    width: 60%;
    background: #153029;
    color: #fff;
}

.grade-list {
    padding: 29px 0 55px;
}

.grade-list .item {
    border: 1px solid #ced5de;
    border-radius: 8px;
    height: 94px;
    display: flex;
    overflow: hidden;
}

.grade-list .item:not(:last-child) {
    margin-bottom: 15px;
}

.grade-list .item .menu-name {
    width: 92px;
    height: 92px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f4f4f8;
    font-size: 1.6rem;
    line-height: 24px;
    color: #737373;
    font-weight: 500;
}

.grade-list .item .menu-name.on {
    background-color: #088767;
    color: #fff;
}

.grade-list .item .menu-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 18px;
    position: relative;
}

.grade-list .item .menu-info .status {
    position: absolute;
    top: 10px;
    right: 15px;
    border: 1px solid #8d8d8d;
    font-size: 1.2rem;
    color: #767676;
    padding: 4px 10px;
    border-radius: 20px;
    font-weight: 500;
}

.grade-list .item .menu-info .status.not {
    border-color: #b40000;
    background-color: #fff6f5;
    color: #b40000;
}

.table-wrap {
    width: 100%;
    white-space: nowrap;
    overflow: auto;
}

.table .not {
    color: #c32419;
    text-decoration: underline;
}

.table .apply {
    color: #088767;
}

.table .waiting {
    color: #8b8b8b;
}

.table .ok-btn.disabled {
    color: #a7a7a7;
    background-color: #f4f5f7;
    border: 1px solid #f4f5f7;
}

.table .ok-btn {
    display: block;
    width: 126px;
    text-align: center;
    color: #222;
    padding: 6px 0;
    background-color: #fff;
    border: 1px solid #222;
    border-radius: 3px;
    margin: 0 auto;
}

.table .bg-blue td {
    background-color: #f8fbff;
}

.table .bg-yellow td {
    background-color: #fffdf8;
}

.att-box {
    padding: 3rem 2rem;
    background-color: #f7f8fb;
    border-radius: 15px;
    position: relative;
}

.att-box h3 {
    margin-bottom: 0.3rem;
}

.att-box .swiper-container {
    width: 100%;
    position: absolute;
    left: 2rem;
}

.att-list {
    padding: 15px 0;
}

.att-list li {
    max-width: 75px;
    text-align: center;
    padding: 13px 10px 18px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.05);
}

.att-list li .txt {
    font-size: 1.6rem;
    font-weight: 600;
    margin-top: 19px;
}

.state {
    display: inline-block;
    width: 55px;
    font-size: 1.2rem;
    font-weight: 500;
    text-align: center;
    border-radius: 18px;
    padding: 6px 0;
}

.state.waiting {
    color: #767676;
    border: 1px solid #8d8d8d;
}

.state.not {
    color: #c32419;
    border: 1px solid #c32419;
    background-color: #fff6f5;
}

.state.ing {
    color: #088767;
    border: 1px solid #088767;
}

.state.apply {
    color: #fff;
    border: 1px solid #475fde;
    background-color: #475fde;
}

.att-box .swiper-pagination {
    height: 5px;
    position: unset;
    margin-top: 135px;
    border-radius: 10px;
    background-color: #E8E8E8;
}

.att-box .swiper-pagination span {
    background-color: #C1C1C1;
    border-radius: 10px;
}

.att-box .tit {
    margin-top: 20px;
}

.week-list {
    margin-top: 20px;
}

.week-box:not(:last-of-type) {
    margin-bottom: 10px;
}

.week-box .subject {
    border: 1px solid #ced5de;
    border-radius: 8px;
    background-color: #fff;
    position: relative;
}

.week-box .subject:first-of-type a {
    padding: 57px 20px 20px;
}

.week-box .subject:not(:first-of-type) {
    border-top: 0;
}

.week-box .subject a {
    display: block;
    padding: 20px;
}

.week-box .subject .top {
    width: 100%;
    font-size: 1.6rem;   
    color: #fff;
    font-weight: 600;
    padding: 10px 0 10px 20px;
    border-bottom: 1px solid #ced5de;
    border-radius: 8px 8px 0 0;
    background-color: #5f647f;
    position: absolute;
    top: 0;
    left: 0;
}

.week-box .subject .num {
    font-weight: 600;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 19px;
    text-align: center;
    background-color: #222;
    border-radius: 50%;
    margin-right: 12px;
}

.week-box .subject .txt-wrap p {
    line-height: 22px;
}

.week-box .subject .txt-wrap .title {
    max-width: 200px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.week-box .subject .txt-wrap .txt {
    color: 666;
}

.week-box .subject .state {
    position: absolute;
    bottom: 40px;
    right: 15px;
}

.ios-app-guide-bg {
    background-color: #9f84ff
}

.ios-app-guide {
    text-align: center;
    color: #fff
}

.ios-app-guide .swiper-slide {
    height: calc(100vh - 118px);
    min-height: 408px;
    display: flex;
    flex-flow: column;
    justify-content: center
}

.ios-app-guide .swiper-slide h3 {
    font-weight: bold;
    transition: .4s
}

.ios-app-guide .swiper-slide .top-txt {
    margin: 0;
    height: 10%;
    transition: .4s;
    line-height: 2rem;
}

.ios-app-guide .swiper-slide .img-box {
    text-align: center;
    margin: 0 auto
}

.ios-app-guide .swiper-slide .img-box img {
    width: 100%;
    max-width: 365px;
    transition: .4s
}

.ios-app-guide .swiper-slide .circle-bg {
    position: relative;
    transition: .4s
}

.ios-app-guide .swiper-slide .circle-bg::before {
    content: "";
    display: block;
    width: 110vw;
    height: 110vw;
    max-width: 440px;
    max-height: 440px;
    background: url("https://img.hunet.co.kr/mobile/edubank/v3/learning/white-circle-bg.png") no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%)
}

.ios-app-guide .swiper-slide.guide00 h2 {
    margin-bottom: 12px;
    font-weight: bold;
    transition: .4s
}

.ios-app-guide .swiper-slide.guide00 .top-txt {
    height: 19%
}

.ios-app-guide .swiper-slide.guide00 .img-box {
    width: 100%;
    padding: 0 35px
}

.ios-app-guide .swiper-slide.guide00 .img-box img {
    max-width: 320px
}

.ios-app-guide .swiper-slide.guide00 .btm-txt {
    margin: 40px 0 0;
    transition: .4s;
    line-height: 2rem;    
}

.ios-app-guide .swiper-slide.guide00 .go-next {
    display: block;
    width: 27px;
    margin: 39px auto 0;
    transition: .4s
}

.ios-app-guide .swiper-slide.guide00 .go-next img {
    width: 100%
}

@media (min-width: 720px) {
    .ios-app-guide .swiper-slide h3 {
        font-size:2.5rem
    }

    .ios-app-guide .swiper-slide p {
        font-size: 1.25rem
    }

    .ios-app-guide .swiper-slide .img-box img {
        max-width: 380px
    }

    .ios-app-guide .swiper-slide .circle-bg::before {
        max-width: 550px;
        max-height: 550px
    }

    .ios-app-guide .swiper-slide.guide00 h2 {
        font-size: 2.5rem;
        margin-bottom: 20px
    }

    .ios-app-guide .swiper-slide.guide00 .img-box img {
        max-width: 420px
    }

    .ios-app-guide .swiper-slide.guide00 .go-next {
        width: 36px
    }
}

@media (max-height: 740px) {
    .ios-app-guide .swiper-slide .img-box img {
        max-width:310px
    }

    .ios-app-guide .swiper-slide.guide00 .top-txt {
        height: 15%
    }

    .ios-app-guide .swiper-slide.guide00 .img-box img {
        max-width: 340px
    }

    .ios-app-guide .swiper-slide.guide00 .btm-txt {
        margin: 20px 0 0
    }

    .ios-app-guide .swiper-slide.guide00 .go-next {
        margin: 20px auto 0
    }
}

@media (max-height: 660px) {
    .ios-app-guide .swiper-slide h2 {
        font-size:2rem !important
    }

    .ios-app-guide .swiper-slide h3 {
        font-size: 1.75rem !important
    }

    .ios-app-guide .swiper-slide .img-box img {
        max-width: 270px
    }

    .ios-app-guide .swiper-slide .circle-bg::before {
        max-width: 370px;
        max-height: 370px
    }

    .ios-app-guide .swiper-slide.guide00 .img-box img {
        max-width: 270px
    }
}

@media (max-height: 598px) {
    .ios-app-guide .swiper-slide h2 {
        font-size:1.75rem !important
    }

    .ios-app-guide .swiper-slide h3 {
        font-size: 1.45rem !important
    }

    .ios-app-guide .swiper-slide p {
        font-size: 0.9rem
    }

    .ios-app-guide .swiper-slide .img-box img {
        max-width: 230px
    }
}

#learning .ios-app-guide .swiper-pagination {
    width: 100%;
    bottom: 3%;
}

.ios-app-guide .swiper-pagination.remove {
    display: none
}

.ios-app-guide .swiper-pagination .swiper-pagination-bullet {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 6px;
    border-radius: 50%;
    background: #fff;
    opacity: .5
}

.ios-app-guide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1
}

.ios-app-guide .swiper-pagination .swiper-pagination-bullet:first-child {
    display: none
}

#inner-contents {
	position: relative;
	padding: 0 0 65%;
}

#inner-contents iframe {
	position: absolute;
	width: 100%;
	height: 100%;
}

@media (min-width: 1000px) {
	#inner-contents {
		padding-bottom: 640px;
	}
}

.possible-box .tit {
    padding: 20px 0;
    background-color: #088767;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-weight: 600;
}

.possible-box .cont-box {
    border: 1px solid #088767;
    border-radius: 8px;
    padding: 30px 0 20px;
}

.impossible-box .tit {
    background-color: #b3b7c6;
}

.impossible-box .cont-box {
    border: 1px solid #b3b7c6;
}

.txt-list-type01 li {
    padding-left: 10px;
    position: relative;
}

.txt-list-type01 li::before {
    content: '-';
    position: absolute;
    top: -2px;
    left: 0;
}

.txt-list-type01 li.type {
    padding-left: 15px;
}

.txt-list-type01 li.type::before {
    content: '※';
    position: absolute;
    top: 0;
    left: 0;
}

.txt-list-type02 li {
    padding-left: 10px;
    position: relative;
}

.txt-list-type02 li::before {
    content: '∙';
    position: absolute;
    top: -2px;
    left: 0;
}

.tab3-table {
    border: 1px solid #eaecef;
}

.tab3-table tr th {
    background: #f4f5f7;
    border-top: 1px solid #eaecef;
}

.tab3-table2 {
    border: 1px solid #eaecef;
}

.tab3-table2 tr.bg-blue {
    background: #f8fafc;
}

.tab3-table2 tr.bg-yellow {
    background: #fffef2;
}

.tab3-table2 tr th,
.tab3-table2 tr td {
    font-size: 1.6rem;
}

.flow-list {
    margin-top: 2rem;
}

.flow-list .item {
    background-color: #fff;
    border-radius: 10px;
}

.flow-list .item:not(:last-of-type) {
    margin-bottom: 10px;
}

.flow-list .item .title {
    padding: 2rem;
    font-size: 1.5rem;
    font-weight: 600;
    position: relative;
}

.flow-list .item .title::after {
    content:"";
    width: 48px;
    height: 48px;
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    background: url("../../images/www/content/faq_arrow.svg") no-repeat center;
}

.flow-list .item.open .title::after {
    transform: rotate(180deg) translateY(50%);
}

.flow-list .item .txt {
    display: none;
    line-height: 24px;
    padding: 0 2rem 2rem 2rem;
}

.flow-list .item.open .txt {
    display: block;
}

.schedule-list {
    margin-bottom: 14px;
    margin-top: 30px;
}

.schedule-list .item {
    flex: 1;
    background: #707280;
    border-radius: 12px;
    padding: 15px 10px 11px;
}

.schedule-list .item:not(:last-of-type) {
    margin-bottom: 10px;
}

.schedule-list .item .title {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    display: flex;
    gap: 5px;
    margin-bottom: 15px;
    padding: 0 7px;
}

.schedule-list .item .cnt-box {
    background: #fff;
    padding: 17px;
    border-radius: 12px;
    font-size: 14px;
}

.schedule-list .item .cnt-box .desc {
    line-height: 24px;
    border-bottom: 1px dashed #dfdfdf;
    padding-bottom: 18px;
    margin-bottom: 15px;
}

.schedule-list .item .cnt-box .desc span {
    margin-right: 15px;
}

.schedule-list .item .cnt-box .date-info p {
    display: flex;
    line-height: 24px;
}

.schedule-list .item .cnt-box .date-info p span:first-child {
    font-weight: bold;
    width: 68px;
}

/* 민간자격증 */
.license01 .full-img {
    width: 100%;
}

.license01-01 {
    background: #d8e8f7;
    padding: 0 20px 70px;
    text-align: center;
}

.license-cnt01 {
    background: #0f44c6;
    padding-bottom: 70px;
}

.license-cnt01 .tab-list li {
    width: initial !important;
    display: inline-block;
}

.license-cnt01 .tab-list li a {
    display: inline-block;
    font-size: 1.5rem;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background: #fff;
    border-radius: 26.5px;
    padding: 0 20px;
    font-weight: 500;
}

.license-cnt01 .tab-list li a.on {
    background: #000;
    color: #fff;
}

.license-cnt01 .tab-box {
    margin-top: 20px;
    display: none;
}

.license-cnt01 .tab-box table {
    width: 100%;
}

.license-cnt01 .tab-box table th,
.license-cnt01 .tab-box table td {
    border: 1px solid #e0e0e0;
    font-size: 13px;
    padding: 17px 0;
    text-align: center;
    line-height: 1.3;
}

.license-cnt01 .tab-box table th {
    background-color: #f5f8fe;
    font-weight: 600;
}

.license-cnt01 .tab-box table td {
    background-color: #fff;
}

.license-cnt01 .tab-box table thead tr th:nth-child(2),
.license-cnt01 .tab-box table tbody tr td:nth-child(2) {
    background-color: #fffcef;
}

.license-cnt01 .user-cnt {
    margin-top: 35px;
    text-align: center;
}

.license-cnt01 .user-cnt table {
    width: 100%;
    margin-bottom: 40px;
}

.license-cnt01 .user-cnt table th,
.license-cnt01 .user-cnt table td {
    border: 1px solid #e0e0e0;
    font-size: 14px;
    padding: 11px 0;
    line-height: 1.3;
}

.license-cnt01 .user-cnt table th {
    background: #f5f8fe;
    font-weight: 600;
}

.license-cnt01 .user-cnt table td {
    background: #fff;
}

.license-cnt01 .user-cnt .user-title {
    position: relative;
    padding-bottom: 15px;
}

.license-cnt01 .user-cnt .user-title a {
    position: absolute;
    right: 0;
    bottom: 13px;
    font-size: 15px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 4px 23px;
}

.license-cnt01 .user-cnt .user-btn {
    width: 100%;
    height: 58px;
    background: #61ff3f;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 10px;
    margin: 0 auto;
}

.license-cnt02 {
    background: #fff;
    padding: 70px 0;
    text-align: center;
}

.license-cnt02 .cnt02-title {
    max-width: 68.9%;
    margin-bottom: 20px;
}

.license-cnt02 .item-list img {
    width: 100%;
}


.license-cnt02 .center-btn {
    width: 100%;
    height: 58px;
    background: #0f44c6;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 10px;
    margin: 33px auto 0;
}

.license-cnt03 {
    padding: 60px 0 21px;
    background: #f6f6f6;
}

.license-cnt03 .info-inner {
    width: 640px;
    margin: 0 auto;
}

.license-cnt03 h4 {
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 26px;
}

.license-cnt03 .info-table {
    width: 100%;
}

.license-cnt03 .info-table th,
.license-cnt03 .info-table td {
    font-size: 13px;
    padding: 15px 10px;
    border-bottom: 1px solid #e1e1e1;
    line-height: 1.4;
}

.license-cnt03 .info-table th {
    background: #f0f0f0;
    text-align: center;
}

.license-cnt03 .info-table td {
    background: #fff;
}

.license-cnt03 .info-table td a {
    color: #0030ff;
}

.license-cnt04 {
    padding: 20px 0 45px;
}

.license02 {
    background: #f7f7f7;
    padding: 48px 0 51px;
}

.license02 .license02-list .item {
    background: #fff;
    border: 1px solid #ced5de;
    padding: 25px 25px 30px;
    border-radius: 12px;
    position: relative;
}

.license02 .license02-list .item:not(:last-child) {
    margin-bottom: 20px;
}

.license02 .license02-list .item label {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 17px;
    top: 15px;
    background: url("../../images/www/common/icon_check_m.svg") no-repeat center;
}

.license02 .license02-list .item.active {
    border-color: #000;
    box-shadow: 4px 6px 10px 0 rgba(0, 0, 0, 0.07);
}

.license02 .license02-list .item.active label {
    background-image: url("../../images/www/common/icon_check_m_on.svg");
}

.license02 .license02-list .item .item-top {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 20px;
    padding-right: 40px;
    margin-bottom: 10px;
}

.license02 .license02-list .item .item-desc li {
    display: flex;
    line-height: 1.5;
}

.license02 .license02-list .item .item-desc li:not(:last-child) {
    margin-bottom: 5px;
}

.license02 .license02-list .item .item-desc li span:first-child {
    font-weight: bold;
    width: 80px;
}

.license02 .license02-list .item .item-desc li span:first-child::before {
    content: "•";
    margin-right: 2px;
}

.license02 .license-btn {
    width: 100%;
    font-size: 1.6rem;
    text-align: center;
    line-height: 46px;
    border-radius: 5px;
    background: #b9bec4;
    color: #fff;
}

.license02 .license-btn.on {
    background-color: #088767;
}

.license03 {
    padding: 48px 0 51px;
}

.license03 .license03-list .item {
    background: #fff;
    border: 1px solid #ced5de;
    padding: 25px 25px 30px;
    border-radius: 12px;
    position: relative;
}

.license03 .license03-list .item:not(:last-child) {
    margin-bottom: 20px;
}

.license03 .license03-list .item .item-top {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 15px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.license03 .license03-list .item .item-top span {
    border: 1px solid #767676;
    line-height: 26px;
    padding: 0 10px;
    font-size: 12px;
    color: #767676;
    border-radius: 18px;
}

.license03 .license03-list .item .item-top span.not {
    background-color: #fff3f3;
    border-color: #be2323;
    color: #be2323;
}

.license03 .license03-list .item .item-top span.complete {
    background-color: #088767;
    border-color: #088767;
    color: #fff;
}

.license03 .license03-list .item .item-desc li {
    display: flex;
    line-height: 1.5;
}

.license03 .license03-list .item .item-desc li:not(:last-child) {
    margin-bottom: 5px;
}

.license03 .license03-list .item .item-desc li span:first-child {
    font-weight: bold;
    width: 80px;
}

.license03 .license03-list .item .item-desc li span:first-child::before {
    content: "•";
    margin-right: 2px;
}

.license03 .license03-desc {
    font-size: 13px;
    color: #888;
    line-height: 1.5;
    background: #f3f4f6;
    border-radius: 12px;
    padding: 20px;
    margin-top: 15px;
}

#certificateModal .licence-sample {
    width: 100%;
}

#certificateModal .gray-box {
    background: #f3f4f6;
    border-radius: 12px;
    padding: 20px;
}

#certificateModal .btn-box .btn-black {
    padding: 12px 32px;
    margin-top: 25px;
}

#learning.customer .top {
    background: url('../../images/www/common/icon_customer.png') no-repeat right top;    
}

#learning.customer .top h3 {
    font-size: 2.6rem;
}

#learning.customer .top p {
    font-size: 1.3rem;
    color: #888;
    line-height: 24px;
}

#learning.customer .top p i {
    display: inline-block;
    width: 19px;
    height: 18px;
    background: url('../../images/www/common/icon_clock.svg') no-repeat center;
    vertical-align: sub;
    margin-right: 4px;
}

#learning.customer .call-list {
    margin-top: 40px;
}

#learning.customer .call-list li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 28px 24px 26px 30px;
    border-radius: 12px;
}

#learning.customer .call-list li:nth-child(1) {
    background-color: #f4f7ff;   
    margin-bottom: 10px;
}

#learning.customer .call-list li:nth-child(2) {
    background-color: #fff5f4;   
}

#learning.customer .call-list li a {
    display: inline-block;
    width: 87px;
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
    border-radius: 5px;
    padding: 8px 0;
}

#learning.customer .call-list li:nth-child(1) a {
    background-color: #e7eeff;
}

#learning.customer .call-list li:nth-child(2) a {
    background-color: #ffebeb;
}

#learning.customer button {
    margin-top: 50px;
}

#learning .down-btns a {
    width: 222px;
    height: 50px;
    border: 1px solid #ccc;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px auto 0;
}

.refund-info li {
    font-size: 14px;
    margin-bottom: 8px;
    line-height: 1.2;
    position: relative;
    padding-left: 8px;
}

.refund-info li::before {
    content: "·";
    position: absolute;
    left: 0;
    top: 0;
}

.process-title {
    display: flex;
    gap: 6px;
    flex-direction: column;
    align-items: center;
    margin-bottom: 16px;
}

.process-title .step {
    font-size: 20px;
    font-weight: bold;
    position: relative;
}

.process-title .step::before {
    content: "";
    width: 100%;
    height: 6px;
    background-color: rgba(8, 135, 103, 0.2);
    position: absolute;
    left: 0;
    bottom: 3px;
    z-index: -1;
}

.process-title .text01 {
    font-size: 15px;
    text-align: center;
    line-height: 1.4;
}

.process-img {
    background: #f4f5f7;
    border: 1px solid #cdd1d6;
    padding: 18px 57px;
    text-align: center;
}

.process-img img {
    max-width: 100%;
}

.app-wait {
    background: #f4f7ff;
    border-radius: 20px;
    text-align: center;
    padding: 99px 10px 83px;
}

.app-wait .txt01 {
    font-size: 28px;
    margin-top: 35px;
}

.app-wait .txt02 {
    font-size: 16px;
    color: #5d636a;
    margin-top: 10px;
    line-height: 1.4;
}

/* 과제 */
.twin-tab {
    background: #f2f3f5;
    border-radius: 24px;
    margin: 30px 0;
    padding: 4px;
    gap: 5px;
}

.twin-tab.cont-tab .tab .tab-btn {
    padding: 0;
    line-height: 40px;
    border-radius: 20px;
    border: 0;
    color: #222;
    font-weight: 500;
}

.twin-tab.cont-tab .tab .tab-btn.on {
    background: #fff;
    color: #222;
    font-weight: 500;
    box-shadow: 3px 1px 5px 0 rgba(0, 0, 0, 0.07);
}

.task-content {
    background: #f4f5f7;
    padding: 40px 0 58px;
}

.task-content2 {
    margin-bottom: 45px;
}

.notices-list .notices-item {
    background-color: #fff;
    padding: 0 20px;
    border: 1px solid #f0f0f0;
    border-radius: 10px;
}

.notices-list .notices-item:not(:last-of-type) {
    margin-bottom: 10px;
}

.notices-list .item-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 0 11px 31px;
}

.notices-list .notices-item .item-head.type01 {
    background: url('../../images/www/content/task_icon01.svg') no-repeat left center;
}
.notices-list .notices-item .item-head.type02 {
    background: url('../../images/www/content/task_icon02.svg') no-repeat left center;
}
.notices-list .notices-item .item-head.type03 {
    background: url('../../images/www/content/task_icon03.svg') no-repeat left center;
}
.notices-list .notices-item .item-head.type04 {
    background: url('../../images/www/content/task_icon04.svg') no-repeat left center;
}
.notices-list .notices-item .item-head.type05 {
    background: url('../../images/www/content/task_icon05.svg') no-repeat left center;
}

.notices-list .item-head .title {
    font-size: 16px;
    font-weight: 600;
    line-height: 36px;
}

.notices-list .item-head .arrow {
    width: 36px;
    height: 36px;
    background: url('../../images/www/common/icon_down_arrow_large.svg') no-repeat center;
    margin-left: 10px;
}

.notices-list .item-head .down {
    font-size: 12px;
    color: #ff2016;
    text-decoration: underline;
    margin-right: 10px;
}

.notices-list .has-down.open .arrow {
    transform: rotate(180deg);
}

.notices-list .item-cnt {
    display: none;
    padding: 13px 0 26px;
    font-size: 13px;
    color: #666;
    line-height: 20px;
}

.notices-list .item-cnt .text-black {
    color: #000;
}

.notices-list .item-cnt ul li {
    position: relative;
    padding-left: 8px;
}

.notices-list .item-cnt ul li::before {
    content: '•';
    position: absolute;
    left: 0;
    top: 0;
}

.notices-list .item-cnt ul li:not(:last-child) {
    margin-bottom: 2px;
}

.notices-list .has-down.open ~ .item-cnt {
    display: block;
}

.task-list .task-item {
    border: 1px solid #088767;
    box-shadow: 5px 5px 5px 2px #ebf3f1;
    border-radius: 8px;
    padding: 56px 20px 32px;
    background: url("../../images/www/content/task_top_icon.svg") no-repeat left 20px top 18px;
}

.task-list .task-item:not(:last-child) {
    margin-bottom: 20px;
}

.task-list .task-item .txt1 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
}

.task-list .task-item .txt2 {
    font-size: 14px;
    line-height: 24px;
}

.task-list .task-item .date {
    font-size: 13px;
    border-top: 1px solid #ced5de;
    padding-top: 10px;
    line-height: 1.5;
    margin: 15px 0 0;
    letter-spacing: -0.57px;
}

.task-list .task-item .task-btn {
    width: 100%;
    height: 48px;
    border: 1px solid #000;
    border-radius: 3px;
    font-size: 16px;    
    font-weight: bold;
    margin-top: 15px;
}

.task-list .task-item .task-btn.waiting {
    color: #a7a9ac;
    border-color: #dcdcdc;
}

.task-list .task-item .task-btn.submit {
    color: #fff;
    border-color: #088767;
    background-color: #088767;
}

.task-list .task-item .task-btn.view {
    color: #fff;
    background-color: #111;
    border-color: #111;
}

.task-list .task-item .task-btn.not {
    color: #bb1818;
    border-color: #bb1818;
}

.task-list .task-item .task-btn.disabled {
    color: #a7a9ac;
    border-color: #f4f5f7;
    background-color: #f4f5f7;
}

.btm-border {
    border-bottom: 10px solid #f7f7f7;
}

.write-tab {
    width: 250px;
    display: flex;
    padding: 4px;
    border-radius: 24px;
    background: #f6f7fb;
    margin: 0 auto 29px;
    gap: 5px;
}

.write-tab li {
    width: 120px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    border-radius: 26px;
}

.write-tab li.on {
    background: #333;
    color: #fff;
}

.write-cnt .text-box {
    width: 100%;
    height: 187px;
    border-radius: 3px;
    padding: 10px;
    color: #222;
    line-height: 1.4;
    border: 1px solid #dfdfdf;
}

.write-cnt textarea {
    width: 100%;
    height: 187px;
    border-radius: 3px;
    padding: 10px;
    color: #222;
    line-height: 1.4;
}

.write-btns {
    display: flex;
    gap: 5px;
}

.write-btns .write-btn {
    flex: 1;
    height: 48px;
    font-size: 16px;
    border-radius: 3px;
    font-weight: bold;
    border: 1px solid #111;
    margin-top: 40px;
}

.write-btns .write-btn.btn1 {
    border-color: #111;
    color: #111;
}

.write-btns .write-btn.btn2 {
    background-color: #088767;
    border-color: #088767;
    color: #fff;    
}

.write-box .tab-cont {
    display: none;
}

.write-box .tab-cont.on {
    display: block;
}

.debate-wrap {
    position: relative;
    margin-top: 48px;
    padding-top: 33px;
}

.debate-wrap::before {
    content: "";
    width: 100%;
    height: 193px;
    background: #088767;
    position: absolute;
    top: 0;
    left: 0;
}

.debate-wrap .debate-top {
    position: relative;
    color: #fff;
    margin-bottom: 10px;
}

.debate-wrap .debate-top .top-menu {
    margin-bottom: 35px;
}

.debate-wrap .debate-top .member-info {
    display: flex;
    gap: 16px;
}

.debate-wrap .debate-top .member-info li {
    height: 71px;
    flex: 1;
    padding: 18px 15px 15px 40px;
    display: flex;
    justify-content: space-between;
    border-radius: 3px;
}

.debate-wrap .debate-top .member-info li:first-child {
    background: url("../../images/www/content/icon_write.svg") no-repeat left 15px top 15px #03644B;
}

.debate-wrap .debate-top .member-info li:last-child {
    background: url("../../images/www/content/icon_comment.svg") no-repeat left 15px top 15px #03644B;
}

.debate-wrap .debate-top .member-info li span:first-child {
    font-size: 15px;
}

.debate-wrap .debate-top .member-info li span:last-child {
    font-size: 16px;
    padding-top: 20px;
}

.debate-wrap .debate-top .member-search {
    margin-top: 20px;
}

.debate-wrap .debate-top .member-search .search-btn {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}

.debate-list li {
    padding-top: 30px;
}

.debate-list li:not(:last-child) {
    border-bottom: 1px solid #e3e3e3;
}

.debate-list li .item-info {
    margin-bottom: 10px;
}

.debate-list li .item-info .id {
    font-size: 12px;
    font-weight: 500;
}

.debate-list li .item-info .date {
    font-size: 12px;
    color: #767676;
    margin-left: 12px;
}

.debate-list li .item-title {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 8px;
}

.debate-list li .item-content {
    font-size: 14px;
    line-height: 1.4;
}

.debate-list li .item-btns {
    padding: 30px;
    display: flex;
    justify-content: space-around;
}

.debate-list li .item-btns button {
    min-width: 40px;
    height: 20px;
    line-height: 20px;
    padding-left: 22px;
    font-size: 14px;
    color: #a8a8a8;
    text-align: left;
}

.debate-list li .item-btns button:nth-child(1) {
    background: url("../../images/www/content/icon_view.svg") no-repeat left center;
}

.debate-list li .item-btns button:nth-child(2) {
    background: url("../../images/www/content/icon_like.svg") no-repeat left center;
}

.debate-list li .item-btns button:nth-child(2).on {
    background-image: url("../../images/www/content/icon_like_on.svg");
    color: #088767;
}

.debate-list li .item-btns button:nth-child(3) {
    background: url("../../images/www/content/icon_comment2.svg") no-repeat left center;
}

.debate-wrap .debate-empty {
    font-size: 16px;
    color: #666;
    text-align: center;
    padding: 60px 0;
}

.debate-write {
    padding-bottom: 40px;
}

.debate-write .submit-btn {
    display: flex;
    gap: 5px;
}

.debate-write .submit-btn .btn {
    flex: 1;
}


.debate-write .submit-btn .btn.like-on {
    background-color: #003AAD;
    border-color: #003AAD;
    opacity: 1;
}

.comment-wrap {
    border-top: 10px solid #f7f7f7;
    padding: 40px 0 50px;
}

.comment-wrap .comment-list li {
    padding: 20px 0;
}

.comment-wrap .comment-list li:not(:last-child) {
    border-bottom: 1px solid #e3e3e3;
}

.comment-wrap .comment-list li .info {
    margin-bottom: 5px;
}

.comment-wrap .comment-list li .info .id {
    font-size: 12px;
    color: #222;
    margin-right: 10px;
    font-weight: 500;
}

.comment-wrap .comment-list li .info .date {
    font-size: 12px;
    color: #767676;
}

.comment-wrap .comment-list li .comment-cnt {
    font-size: 14px;
    line-height: 22px;
}

.comment-wrap .comment-list li .control-btns {
    text-align: right;
    margin: 10px 0;
}

.comment-wrap .comment-list li .control-btns button {
    font-size: 14px;
    margin-left: 20px;
}

.comment-wrap .comment-list li .control-btns .modify {
    color: #077cfe;
}
.comment-wrap .comment-list li .control-btns .delete {
    color: #fe382c;
}

.comment-wrap .comment-write {
    margin-top: 20px;
    border: 1px solid #dfdfdf;
    padding: 18px 14px 10px;
    border-radius: 3px;
}

.comment-wrap .comment-write .write-area {
    height: 120px;
    border-bottom: 1px solid #e3e3e3;
}

.comment-wrap .comment-write .write-area .write-btn {
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #bebebe;
    background: url("../../images/www/common/icon_comment2.svg") no-repeat left top;
    padding-top: 2px;
    padding-left: 27px;
}

.comment-wrap .comment-write .write-area .write-box {
    display: none;
    width: 100%;
    height: 100%;
    border: 0;
    font-size: 14px;
    line-height: 1.4;
}

.comment-wrap .comment-write .submit-area {
    margin-top: 10px;
    display: flex;
    justify-content: flex-end;
}

.comment-wrap .comment-write .submit-area .submit-btn {
    width: 80px;
    height: 32px;
    background: #bbc0c6;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    border: 0;
}

.comment-wrap .comment-info {
    margin-top: 20px;
    display: none;
}

.comment-wrap .comment-info .id {
    font-size: 12px;
    color: #222;
    margin-right: 10px;
    font-weight: 500;
}

.comment-wrap .comment-info .date {
    font-size: 12px;
    color: #767676;
}

.comment-wrap.write .comment-info {
    display: block;
}

.comment-wrap.write .write-area .write-btn {
    display: none;
}

.comment-wrap.write .write-area .write-box {
    display: block;
}

.comment-wrap.write .submit-area .submit-btn {
    background-color: #088767;
}

#pop_menu .bottom-sheet-container {
    background: none;
    border-radius: 0;
    padding: 0 10px;
}

#pop_menu.bottom-sheet.show .bottom-sheet-backdrop {
    opacity: .7;
}

#pop_menu .control-btn {
    width: 100%;
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 10px;
}

#pop_menu .control-btn button {
    width: 100%;
    height: 60px;
    background: #ededee;
    border: 0;
    font-size: 18px;
}

#pop_menu .control-btn button:not(:last-child) {
    border-bottom: 1px solid #e3e3e3;
}

#pop_menu .control-btn button:nth-child(1) {
    color: #077cfe;
}

#pop_menu .control-btn button:nth-child(2) {
    color: #fe382c;
}

#pop_menu .control-cancel {
    width: 100%;
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 27px;
}

#pop_menu .control-cancel button {
    width: 100%;
    height: 60px;
    background: #ededee;
    border: 0;
    font-size: 18px;
    font-weight: bold;
    color: #088767;
}