/* 홍보 영상 */

.promotion ul>li {
    margin-bottom: 32px;
}

.promotion ul li>div {
    border: 1px solid #ddd;
    cursor: pointer;
}

.promotion ul li .promotion_bg {
    display: block;
    width: 100%;
    padding-bottom: 70%;
}

.promotion02 ul li .promotion_bg {
    display: block;
    width: 100%;
    height: 216px;
}

.promotion ul li .promotion_bg img {
    width: 100%;
}

.promotion ul li .text_box {
    padding: 20px 20px;
    position: relative
}

.promotion02 ul li .text_box {
    height: 120px;
}

.promotion ul li .text_box .con_title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 8px;
}

.promotion ul li .text_box .con_text {
    font-size: 15px;
    color: #666;
    line-height: 1;
}

.promotion ul li .text_box .con_text.target03 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 95%;
    -webkit-line-clamp: inherit;
    display: block;
    -webkit-box-orient: inline-axis;
}

.promotion ul li .text_box .con_date {
    font-size: 15px;
    text-align: right;
    margin-top: 30px;
    color: #888;

}

.promotion ul li .text_box .progress {
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 8px
}

.promotion ul li .text_box .progress .new {
    background-color: #FF6C0F;
    border-radius: 55px;
    padding: 4px 8px;
    color: #fff;
    font-size: 11px;
    margin-right: 8px;
}

.promotion ul li .text_box .progress .ing {
    color: #FF6C0F;
    font-weight: 600;
}

.promotion ul li .text_box .progress .end {
    color: #999;
    font-weight: 600;
}


.promotion.event ul li .text_box {
    padding: 20px 20px;
    position: relative
}

.promotion .panel ul

/*  자주하는 질문 */
dl.accordion {
    width: 100%;
    margin: 0 auto 20px;
    border-top: 1px solid #000;
}

.accordion dt {
    font-size: 1.125rem;
    font-weight: 300;
    border-bottom: 1px solid #ddd;
    padding: 20px 55px;
    margin: 0 0 2px;
    position: relative;
    cursor: pointer;
}

.accordion dt span {
    font-weight: 600 !important;
}

.questions_point01 {
    font-size: 1.575rem;
    font-weight: 600;
    margin-right: 5px;
    color: #444;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
}

.questions_point02 {
    font-size: 1.575rem;
    font-weight: 500;
    margin-right: 5px;
    color: #e52d18;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
}

.questions .accordion {
    border-top: 1px solid #000;
}

.info.questions .accordion>div {
    border: 1px solid #ddd;
    margin: 16px 0;
    border-radius: 5px;
}

.info .accordion dt {
    border-bottom: 0;
    font-weight: 600;
}

.accordion dt i {
    width: 16px;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}

.accordion dt i.on {
    transform: rotate(180deg) translateY(20px);
}


.accordion dd {
    font-size: 1.125rem;
    font-weight: 300;
    color: #4d4d4d;
    background: #f5f5f5;
    padding: 20px 50px;
    margin: 0 0 2px;
    display: none;
    position: relative;
}

/* search_box */
.questions .questions_top {
    margin-top: 30px;
}

.questions .questions_top .search {
    margin-left: auto;
    border: 1px solid #ddd;
    width: 20%;
    display: flex;
    align-items: center;
}

.questions .questions_top .search input {
    border: none;
    outline: 0;
    font-size: 14px;
    padding: 10px;
    border-right: 1px solid #ddd;
    width: 90%;
}

.questions .questions_top .search button {
    height: 28px;
    border: none;
    padding: 0 10px;
    cursor: pointer;
    background-color: #fff;
    margin: 0 auto;
}

.questions .questions_top .search button i {
    font-size: 1.25rem;
    color: #333;
}


.page_but i.fa {
    color: #666
}

.page_but {
    margin-top: 60px;
}

.page_but ul {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #666
}

.page_but ul li.arrow {
    width: 35px;
    height: 35px;
    color: #000;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page_but ul li.arrow i {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page_but ul li {
    padding: 0 3px;
    margin: 0 8px;
    color: #888;
    font-size: 14px;
    cursor: pointer;
}

.page_but ul li.active {
    border-bottom: 2px solid #FF6C0F;
    color: #FF6C0F;
    font-size: 16px;
}

.side_nav b {
    font-size: 1.7rem;
    font-weight: 600;
    display: block;
    margin-bottom: 24px;
}

.side_nav .side_sub_depth>span {
    font-size: 1.4rem;
    display: block;
    font-weight: 700;
    margin-bottom: 16px;
}

.side_nav .side_sub_depth+.side_sub_depth {
    margin-top: 32px;
    border-top: 1px solid #ddd;
    padding-top: 32px;
}

.side_nav .side_sub_depth a.on {
    color: #FF6C0F;
    opacity: 1;
    font-weight: 700;
}

.side_nav .side_sub_depth a {
    display: block;
    font-weight: 500;
    font-size: 18px;
    opacity: 0.7;
}

.side_nav .side_sub_depth a+a {
    padding-top: 16px;
}

.side_info {
    background-color: #f5f5f5;
    padding: 32px 24px;
    margin-top: 72px;
}

.side_info .top p {
    font-size: 17px;
    font-weight: 600;
}

.side_info .mid a {
    display: block;
    color: #FF6C0F;
    font-size: 23px;
    font-weight: 600;
    margin: 8px 0;
}

.side_info .btm {
    font-size: 14px;
    border-top: 1px solid #ddd;
    padding-top: 16px;
}

.side_info .btm p {
    display: block;
}

.side_info .btm p+p {
    margin-top: 4px;
}


/* 공지사항 */

.notice h5 {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 50px;
}

.notice .notice_top {
    display: flex;
    justify-content: flex-end;
    margin: 30px auto;
    width: 100%
}

.notice .notice_top button.write {
    background-color: #FF6C0F;
    color: #fff;
    border-radius: 5px;
    padding: 12px 24px;
    margin-left: 8px;
}

.notice.my_inquiry .my_inquiry_btn {
    padding: 12px 32px;
    font-size: 15px;
    background-color: #fb2780;
    color: #fff;
    margin-left: 10px;
}

.notice .notice_top .search {
    width: 250px;
    max-width: 100%;
    display: flex;
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 10px;
    margin: 0 !important;
}

.notice .notice_top .search input {
    border: none;
    outline: 0;
    font-size: 14px;
    padding: 14px 16px;
    width: 90%;
    background-color: #f5f5f5;
}

.notice .notice_top .search button {
    width: 50px;
    height: 50px;
    border: none;
    cursor: pointer;
    margin: 0 auto;
}

.notice .notice_top .search button i {
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
}

.commu_write .con_wrap {
    display: flex;
    border-bottom: 1px solid #ddd;
}

/* .commu_write .con_wrap .left{width: 250px; background-color: #f5f5f5; padding: 16px;} */
.commu_write .con_wrap .right {
    width: 100%;
    padding: 16px 0;
}

.commu_write .con_wrap .right input {
    border: 1px solid #ddd;
    width: 100%;
    padding: 12px 12px;
    border-radius: 5px;
}

.commu_write .con_wrap .right textarea {
    padding: 12px 12px;
    resize: none;
    border-radius: 5px;
    height: 450px;
}

.commu_write .con_wrap .right select {
    width: 173px;
    border: 1px solid #ddd;
    padding: 12px 12px;
    background-position: 93% 50%;
    border-radius: 5px;
}

.commu_write .btn_wrap {
    display: flex;
    justify-content: center;
    margin-top: 32px;
}

.commu_write .btn_wrap button {
    border-radius: 5px;
    padding: 12px 16px;
    min-width: 120px;
    font-size: 15px;
}

.commu_write .btn_wrap button+button {
    margin-left: 8px;
}


.notice.my_inquiry .table .body_table li>div {
    display: table;
}

.notice.my_inquiry .table .body_table li>div p {
    display: table-cell;
}

.notice .table ul li>div {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: space-between;
}

.notice.my_inquiry .table .body_table li>div .t_date {
    width: auto;
}


.notice .table ul li>div:first-child {}

.notice .table ul p {
    padding: 16px 8px;
    cursor: pointer;
}

.notice .table .head_table {
    font-weight: bold;
    color: #999;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #000;
}

.notice .table .body_table li {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

.notice .table .t_no {
    width: 10%;
    color: #888;
}

.t_kind {
    width: 10%;
    color: #888;
}

.notice .table .t_title {
    width: 50%;
}

.notice .table .body_table .t_title {
    text-align: left;
}

.notice .table .body_table .t_title span {
    color: #FF6C0F;
    font-weight: 600;
    margin-left: 4px;
}

.notice .table .t_name {
    width: 10%;
    color: #888;
}

.notice .table .t_date {
    width: 10%;
    color: #888;
}

.notice .table .t_views {
    width: 10%;
    color: #888;
}


.commu02.notice .dis-f .left {
    border-left: 1px solid #ddd;
    border-right: 0;
    position: sticky;
    top: 50px;
    left: 0;
    width: 300px;
}

.ad_wrap img {
    border: 1px solid #ddd;
}

.notice .dis-f .left {
    width: 250px;
    border-right: 1px solid #ddd;
    padding: 32px;
    padding-top: 80px;
}

.notice .dis-f .right {
    width: calc(100% - 250px);
    padding: 32px;
    padding-top: 80px;
}

.t_img {
    width: 15%;
}

.t_img>i {
    border: 1px solid #ddd;
    padding: 4px;
    display: block;
    width: 100px;
    height: 100px;
    padding: 32px;
}



/* 공지사항 view */
textarea {
    outline: 0;
}

input {
    outline: 0;
}

.notice_view .top .sub_info {
    display: flex;
    align-items: center;
    gap: 16px;
}

.notice_view .top .view_title {
    font-size: 2rem;
    font-weight: 700;
    width: 100%;
    margin-bottom: 16px;
}

.notice_view .top>div {
    display: flex;
    justify-content: space-between;
    color: #888;
    font-size: 0.975rem;
}

.notice_view .body {
    border-bottom: 1px solid #ddd;
    min-height: 400px;
    height: 100%;
    font-size: 17px;
}

.notice_view .btn_wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
}

.notice_view .btn_wrap button {
    border: 1px solid #ddd;
    padding: 8px;
    border-radius: 3px;
}

.notice_view .body .text_box_sec {
    min-height: 400px;
    font-size: 17px;
}

.notice_view .body textarea {
    border: none
}

.notice_view .body .body_in_file {
    border-top: 1px solid #ddd;
    padding: 10px 0;
}

.notice_view .body .body_in_file p {
    color: #888;
    font-size: 13px;
    margin-right: 16px;
}

.notice_view .body .body_in_file p:last-child {
    margin-right: 0;
}

.notice_view .body .body_in_file p a {
    cursor: pointer;
}

.notice_view .bottom .post {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
}

.notice_view .bottom .post>div {
    display: flex;
    padding: 15px 0;
    border-bottom: 1px solid #ddd
}

.notice_view .bottom .tit {
    display: flex;
    width: 100px;
    justify-content: space-between;
    align-items: center;
    padding-left: 10px
}

.notice_view .bottom .tit i img {
    width: 10px;
}

.notice_view .bottom .post_text {
    padding-left: 30px;
    width: calc(100% - 100px);
    font-weight: 600;
}

.notice_view .bottom .button {
    text-align: right;
    margin-top: 40px;
}

.notice_view .bottom .button button {
    padding: 12px 50px;
    border: 1px solid #bbb;
    background-color: #bbb;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
}

.notice_view .top {
    border-bottom: 1px solid #222;
    padding-bottom: 24px;
}

.qna_view #content {
    min-height: 300px;
}

.qna_view .answer .fa-arrow-right:before {
    font-size: 13px;
    background-color: #f5f5f5;
    margin-top: 10px;
}

.qna_view .top {
    border-bottom: 1px solid #222;
    padding-bottom: 24px;
}



/* 1:1문의 */
.qna h5 {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 50px;
}

.qna .qna_top {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin: 30px auto;
}

.category_list {
    margin-right: 10px;
    position: relative;
    width: 180px;
}

.category_list p {
    background-color: #f5f5f5;
    padding: 12px 32px 12px 12px;
    font-size: 14px;
    position: relative;
    width: 100%;
}

.category_list p::after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #ddd;
    border-right: 2px solid #ddd;
    transform: rotate(135deg) translateX(-50%);
    position: absolute;
    right: 20px;
    top: 42%;
}

.category_list ul {
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ddd;
    line-height: 2em;
    position: absolute;
    width: 100%;
    background-color: #fff;
    top: 43px;
    display: none;
}

.qna .qna_top .search {
    background-color: #f5f5f5;
    width: calc(100% - 180px);
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.qna .qna_top>button {
    padding: 12px 32px;
    background-color: #FF6C0F;
    color: #fff;
    font-size: 15px;
    border-radius: 3px;
}

.qna .qna_top .search input {
    border: none;
    outline: 0;
    font-size: 14px;
    padding: 12px 16px;
    background-color: #f5f5f5;
    width: 90%;
}

.qna .qna_top .search button {
    width: 48px;
    height: 48px;
    border: none;
    padding: 0 13px;
    cursor: pointer;
    margin: 0 auto;
}

.qna .qna_top .search button i {
    font-size: 1rem;
}

.qna .table ul li:last-child>div:last-child {
    border-bottom: 0;
}

.qna .table ul li>div {
    display: flex;
    cursor: pointer;
    text-align: center;
    align-items: center;
    border-bottom: 1px solid #ddd;
}

.qna .table ul li>div.after_answer {
    background-color: #f5f5f5;
    border-bottom: 0;
}

.qna .table .head_table {
    font-weight: bold;
    color: #999;
    border-bottom: 1px solid #ddd;
}

.qna .table .head_table li {
    border-bottom: 0;
}

.qna .table ul li {
    border-bottom: 1px solid #ddd;
}

/* .qna .table .body_table{border-top:1px solid #888;} */
.qna .table .body_table li {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

.qna .table .t_no {
    width: 10%
}

.qna .table .t_category {
    width: 15%
}

.qna .table .t_title {
    width: 40%;
}

.qna .table .t_title img {
    width: 15px;
    margin-left: 4px;
}

.qna .table .body_table .t_title {
    width: 40%;
    text-align: left;
}

.qna .table .t_name {
    width: 15%;
}

.qna .table .t_date {
    width: 20%;
}

.qna .table .body_table .t_no {
    font-size: 0.937rem;
    color: #555;
}

.qna .table .body_table .t_name {
    font-size: 0.937rem;
    color: #555;
}

.qna .table .body_table .t_date {
    font-size: 0.937rem;
    color: #555
}

.qna .table .after_answer .t_no {
    width: 10%;
}

.qna .table .after_answer .t_no img {
    width: 18px;
    margin: 0 auto;
    display: block;
    opacity: 0.8;
    position: relative;
    top: -5px;
    left: 6px;
}

.qna .table .after_answer .t_title {
    width: 40%;
}

.qna .table .after_answer .answer {
    width: 15%;
    padding-top: 11px;
    padding-bottom: 11px;
}

.qna .table .after_answer .answer span {
    font-size: 14px;
    color: #fff;
    background-color: #FF6C0F;
    padding: 5px 16px;
    display: inline-block;
    height: 100%;
    border-radius: 3px;
}

.qna .table .t_title i.fa {
    padding-left: 5px;
    color: #888
}


/* 문의하기 view */
.contact {
    width: 100%;
    margin: 0 auto;
}

.contact ul {
    border-top: 1px solid #000;
}

.contact ul li.goods>div {
    display: flex;
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
    justify-content: space-between;
}

.contact ul li.goods .goods_img {
    width: 150px;
    height: 150px;
    border: 1px solid #ddd;
    position: relative
}

.contact ul li.goods .goods_text {
    width: calc(100% - 150px);
    padding-left: 30px;
}

.contact ul li.goods .goods_text .text_title {
    font-size: 1rem;
}

.contact ul li.goods .goods_text .text_title:hover {
    text-decoration: underline;
}

.contact ul li.goods .goods_text .text_price {
    font-size: 1.125rem;
    margin-top: 10px;
    font-weight: 600;
}

.contact ul li.goods .goods_text .button button {
    border-color: #ddd;
    padding: 8px 20px;
    margin: 5px 0;
    font-size: 0.875rem
}

.contact ul li.goods .yes_goods .goods_img::before {
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    position: absolute;
    background-color: #f5f5f5;
    z-index: -1;
}

.contact ul li.goods .goods_text {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contact ul li.in_list .left {
    width: 150px;
}

.contact ul li.in_list .right {
    width: calc(100% - 150px);
}

.contact ul li.in_list .right .text_input {
    border: 0;
    background-color: #f5f5f5;
    padding: 10px;
    width: 100%;
    border-radius: 5px;
}

.contact ul li.in_list {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px 0px;
    border-bottom: 1px solid #ddd
}

.contact ul li.in_list .left p {
    margin-top: 8px;
    font-weight: 600;
}

.trade_write .contact ul li.in_list .left p {
    margin-top: 0;
}

.contact ul li.in_list>div:nth-child(2n) {
    border-right: none;
}

.contact ul li.check_box_list {
    display: flex;
    align-items: center;
}

.contact ul li.check_box_list .right {
    display: flex;
}

.contact ul li.check_box_list .right>div {
    margin-right: 20px;
}

.contact ul li.check_box_list>div input {
    width: auto;
}

.contact ul li.in_list .right>div {
    background-color: #f5f5f5;
    width: 100%;
}

.trade_write .contact ul li.in_list .right>div {
    width: auto;
}

.contact ul li.in_list .right>div p {
    padding: 10px;
}

.contact .bottom_button {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

.contact .bottom_button button {
    padding: 16px 0px;
    border: 1px solid #ddd;
    margin: 0 10px;
    width: 100%;
    font-size: 16px;
    border-radius: 5px;
}

.contact .bottom_button button:first-child {
    background-color: #FF6C0F;
    border-color: #FF6C0F;
    color: #fff;
    border-radius: 5px;
}


/*문의하기 view02 */
textarea {
    outline: 0;
}

input {
    outline: 0;
}

.qna_view .top .view_title {
    font-size: 1.5rem;
    width: 100%;
}

.qna_view .top>div {
    display: flex;
    justify-content: space-between;
    font-size: 0.975rem;
    color: #888
}

.qna_view .body {
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}

.qna_view .body textarea {
    border: none;
    padding: 16px 0;
    font-size: 16px;
}

.qna_view .body .answer {
    background-color: #f5f5f5;
    padding: 20px;
}

.qna_view .body .answer p {
    color: #FF6C0F;
    font-weight: 600;
}

.qna_view .body .answer textarea {
    background-color: #f5f5f5;
    height: 100px;
}

.qna_view .bottom .post {
    border-bottom: 1px solid #000
}

.qna_view .bottom .post>div {
    display: flex;
    padding: 15px 0;
    border-bottom: 1px solid #ddd
}

.qna_view .bottom .tit {
    display: flex;
    width: 13%;
    justify-content: space-between;
    align-items: center;
    padding-left: 10px
}


.qna_view .bottom .post_text {
    padding-left: 30px;
}

.qna_view .bottom .button {
    text-align: right;
    margin-top: 0;
}

.qna_view .bottom .button button.list_but {
    padding: 16px 50px;
    border: 1px solid #bbb;
    background-color: #bbb;
    color: #fff;
    font-size: 16px;
}



.qna_view .bottom .delete {
    text-align: left;
    margin-top: 10px;
}

.qna_view .bottom .delete button {
    font-size: 16px;
    color: #888;
    position: relative;
    padding: 0;
    margin-right: 5px;
    padding-right: 5px;
}

.qna_view .bottom .delete button:last-child {
    color: #be3434
}

.qna_view .bottom .delete button:first-child::after {
    content: '';
    display: block;
    width: 2px;
    height: 14px;
    background-color: #ddd;
    position: absolute;
    top: 53%;
    transform: translateY(-50%);
    right: -2px;
}



/* 체크박스 디자인 */
.contact .d-block {
    display: flex;
    align-items: center;
}

.contact .d-block input[type="checkbox"] {
    display: none;
}

.contact .d-block input[type="checkbox"]+label {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #fff;
    border: 1px solid #888;
    cursor: pointer;
    border-radius: 4px;
    float: left;
    margin-right: 7px;
}

.contact .d-block:after {
    display: block;
    clear: both;
    content: "";
}

.contact .d-block input[type="checkbox"]:checked+label {
    background: url(../img/s3/16640603736987.png)no-repeat center/15px 15px;
    float: left;
    border: 1px solid #FF6C0F;
}


.contact ul li.secret .right .text_input {
    width: 150px;
    float: left
}

.contact ul li.secret .right .secret_checkbox {
    width: calc(100% - 150px);
    float: left;
    padding-left: 20px;
    background-color: #fff !important;
}

.contact ul li.secret .right>p {
    width: 100%;
}

.contact ul li.secret .secret_checkbox {
    display: flex;
    height: 40px;
}

.contact ul li.secret .secret_checkbox .d-block {
    margin-right: 10px;
}

.campaign_write .d-block input[type="checkbox"]+label span {
    position: absolute;
    left: 0;
    top: -1px;
    padding-left: 28px;
}

.campaign_write .d-block input[type="checkbox"]+label {
    width: 20px;
    height: 20px;
}

.campaign_write .d-block input[type="checkbox"]:checked+label {
    background-size: 20px 20px;
}



/* 이벤트 */

.all {
    width: 760px;
    margin: auto;
}

.event .tabSet {
    margin-bottom: 30px;
}

.event .tabSet ul.tabs {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 32px;
}

.event .tabSet ul.tabs li {}

.event .tabSet ul.tabs li+li {
    margin-left: 24px;
}

.event .tabSet ul.tabs li a {
    color: #888;
    display: block;
    font-weight: bold;
    font-size: 19px;
    padding: 8px 0;
}

.event .tabSet ul.tabs li a.on {
    border-bottom: 2px solid #FF6C0F;
    color: #FF6C0F;
}

.panels {
    min-height: 180px;
    margin-top: 30px;
}

/* .panel{display:none;} */


/* 개인정보처리방침 */
.privacy .pr_con {
    border: 1px solid #ddd;
}


/* 상세보기 상단 스와이퍼 */
.top_shop_detail {
    display: flex;
    align-items: center;
}

.top_shop_detail>ul {
    width: 50%;
    flex-direction: column;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

/* 댓글 */
.reply_wrap .reply_num p {
    font-size: 18px;
    padding-bottom: 0;
}

.reply_wrap .reply_num p span {
    color: #FF6C0F;
    font-weight: 600;
    padding-right: 4px;
}

.reply_wrap .reply_con>div {
    width: 100%;
    flex-direction: row !important;
}

.reply_wrap .reply_con textarea {
    height: 70px;
    padding: 16px;
    border: 0;
    border-radius: 5px;
    background-color: #f5f5f5;
}

.reply_wrap .reply_con a.submit-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 140px;
    background-color: #fb2780;
    color: #fff;
    vertical-align: middle;
}

.reply_wrap .reply_list ul li .origin {
    padding: 16px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
}

.reply_wrap .reply_list ul li .top {
    display: flex;
    min-height: auto !important;
    border: 0 !important;
    padding: 0 !important;
    background: transparent;
    align-items: center;
}

.reply_wrap .reply_list ul li .top .thumb {
    width: 45px;
    height: 45px;
    margin-bottom: -8px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
}

.reply_wrap .reply_list ul li .top .name {
    font-size: 16px;
    display: flex;
    margin-bottom: 0;
}

.reply_wrap .reply_list ul li .top .name {
    font-size: 16px;
    font-weight: 600;
    padding-right: 16px;
}

.reply_wrap .reply_list ul li .top .date {
    color: #888;
    font-weight: 300;
    font-size: 16px;
}

.reply_wrap .reply_list ul li .bottom p {
    font-size: 15px;
    color: #888;
    font-weight: 400;
}

.reply_wrap .reply_list ul li .bottom {
    padding-left: 57px;
    margin-top: -4px;
}

.reply_wrap .reply_list ul li .submit {
    color: #888;
    font-size: 15px;
}

.reply_wrap .reply_list ul li .submit a+a {
    padding-left: 4px;
}

.reply_wrap .reply_list ul li.no_post {
    padding: 32px 0;
}

.reply_wrap .reply_list ul li {
    position: relative;
}

.reply_wrap .reply_list .like-btn {
    padding: 0;
    margin-left: 8px;
    align-items: center;
}

.reply_wrap .reply_list .like-btn span {
    font-size: 15px;
    margin-left: 4px;
}

.reply_wrap .reply_list .like-btn img {
    width: 21px;
    height: 20px;
}

.reply_wrap .reply_list .like-btn>div {
    cursor: pointer;
}

.reply-con {
    display: flex;
    align-items: center;
}

.reply-con img {
    width: 23px;
    margin-right: 4px;
}

.reply_wrap .my_reply_check {
    width: 130px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 8px 8px;
}

.reply_wrap .my_reply_check span {
    font-size: 14px;
}

.reply_wrap .my_reply_check input[type="checkbox"]+label span {
    top: 50%;
    left: 15px;
}

.reply_wrap .d-block input[type="checkbox"]:checked+label span {
    color: #fb2780;
}

.reply_wrap .reply_num {
    margin-bottom: 8px;
    flex-direction: row !important;
}

.reply_wrap .pic-wrap {
    position: absolute;
    left: 16px;
    bottom: 16px;
    height: 25px;
    width: auto !important;
    display: flex;
}

.reply_wrap .pic-btn-wrap {}

.reply_wrap .pic-btn-wrap input {
    background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/MKYU/165385221624492.png)no-repeat center center / 24px 24px;
    width: 25px !important;
    text-indent: -9999px;
    cursor: pointer;
}

.reply_wrap .icon-btn {
    width: 40px;
}

.reply_wrap .icon-btn a {
    opacity: 0.3;
}

.reply_wrap .icon-btn a.on {
    opacity: 1;
}

.reply_wrap .icon_list {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    flex-wrap: wrap;
    display: flex;
    flex-direction: column;
    width: 960px;
    background-color: #fff;
    padding: 16px;
    border-radius: 15px;
    align-items: flex-start;
    z-index: 2;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
}

.reply_wrap .icon_list ul {
    display: flex;
    flex-wrap: wrap;
}

.reply_wrap .icon_list ul li {
    margin-bottom: 16px;
}

.reply_wrap .icon_list .icon-tab {
    border-bottom: 1px solid #ddd;
    padding-bottom: 16px;
    margin-bottom: 16px;
    width: 100%;
    text-align: left;
}

.reply_wrap .x-btn {
    position: absolute;
    right: 24px;
    top: 16px;
    font-size: 25px;
    font-weight: 300;
    color: #999;
}


.reply_wrap .reply_list ul li .top .profile {
    width: 30px;
    height: 30px;
    position: relative;
    border-radius: 50%;
    margin-right: 8px;
    border: 1px solid #ddd;
}

/* 모바일 전체메뉴 */
.m_all_menu_wrap {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: #fff;
    min-height: 90vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.m_all_menu_wrap .top {
    display: flex;
    background-color: #fff;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 48px 24px 24px 24px;
    border-bottom: 1px solid #ddd;
}

.m_all_menu_wrap .top>div {
    width: 100%;
}

i.arrow {
    display: block;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    transform: rotate(-45deg);
    width: 10px;
    height: 10px;
    margin-left: 8px;
}

.m_all_menu_wrap .top.no_login .name {
    font-size: 16px;
}

.m_all_menu_wrap .top.no_login .name span {
    display: flex;
    align-items: center;
    margin-top: 8px;
}

.m_all_menu_wrap .top.no_login .name span a {
    display: block;
    font-weight: 600;
}

.m_all_menu_wrap .top .name {
    font-size: 18px;
}

.m_all_menu_wrap .top .name span {
    font-weight: 700;
    font-size: 1.5em;
}

.m_all_menu_wrap .logout {
    background-color: #f5f5f5;
    border-radius: 55px;
    padding: 4px 12px;
}

.m_all_menu_wrap .mo_title p {
    font-weight: 600;
    font-size: 17px;
}

.m_all_menu_wrap .mo_title.on span {
    transform: rotateZ(90deg);
}

.m_all_menu_wrap .menu_list {
    padding: 0 24px;
}

.m_all_menu_wrap .menu_list ul li {
    border-bottom: 1px solid #ddd;
    padding: 16px 0;
}

.m_all_menu_wrap .menu_list ul li .con_wrap .mo_title {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.m_all_menu_wrap .menu_list ul li .con_wrap .m-sub-depth {
    display: none;
    padding-top: 8px;
}

.m_all_menu_wrap .menu_list ul li .con_wrap .m-sub-depth a {
    display: block;
    padding: 4px 0;
    font-size: 15px;
}

.m_all_menu_wrap .top00 {
    display: flex;
    justify-content: space-between;
    padding: 24px 24px 0 24px;
}

.m_all_menu_wrap .top00 .x_btn {
    font-weight: 800;
    font-size: 20px;
    cursor: pointer;
}

.m_all_menu_wrap .top00 .x_btn span {
    font-weight: 700;
}





/* 학습하기 메뉴 */

.study .tab ul li.on {
    background-color: #FF6C0F;
    color: #fff;
    opacity: 1;
}

.study .tab.type02 {
    margin-bottom: 24px;
    margin-top: 8px;
}

.study .tab.type02 ul li p {
    padding: 16px 24px;
}

.study .tab.tab02 ul {
    display: flex;
}

.study .tab.tab02 {
    margin-bottom: 12px;
}

.study .tab.tab02 ul {
    justify-content: center;
}

.study .tab.tab02 ul li p {
    cursor: pointer;
    padding: 16px 32px;
    border-radius: 5px;
    background-color: #fff;
    opacity: 0.3;
}

.study .tab.tab02 ul li p img {
    margin-bottom: -2px;
    width: 10px;
    display: none;
}

.study .tab.tab02 ul li {
    display: flex;
    align-items: center;
    justify-content: center;
}

.study .tab.tab02 ul li p {
    font-size: 18px;
    font-weight: 600;
}

.study .tab.tab02 ul li.current p {
    opacity: 1;
    background-color: transparent !important;
    font-size: 27px;
    font-weight: 700;
    color: #222;
    position: relative;
    padding: 0px 14px;
}

/* .study .tab.tab02 ul li.current p::after{content: ""; width: 100%; height: 25px;
     background: url(../img/sub/level_point.svg)no-repeat center center /cover;
     position: absolute; left: 50%; bottom: 20px;  z-index:-1 ;transform: translateX(-50%);
} */
.study .tab.tab02 ul li.current p i {
    font-weight: 700;
}

.study .list ul.inner li {
    width: calc(33.333% - 13px);
}

.study .list ul.inner {
    display: flex;
    justify-content: flex-start;
    gap: 16px;
    flex-wrap: wrap;
}

.study .list ul.inner li .con_wrap {
    display: flex;
    align-items: center;
    padding: 16px;
    height: 100%;
    justify-content: space-between;
    border: 1px solid #ddd;
    border-radius: 5px;
    cursor: pointer;
}

.study .list ul.inner li .con_wrap .img_wrap {
    width: 120px;
    padding-bottom: 25%;
    position: relative;
    overflow: hidden;
}

.study .list ul.inner li .con_wrap .img_wrap img {
    width: 100%;
    position: absolute;
    border: 1px solid #ddd;
    border-radius: 15px;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.study .list ul li .con_wrap .left_con {
    display: flex;
    align-items: center;
}

.study .list ul li .con_wrap .left_con .txt_wrap {
    padding-left: 24px;
}

.study .list ul li .con_wrap .left_con .txt_wrap .txt b {
    font-size: 14px;
    ;
    color: #FF6C0F;
    display: inline-flex;
    margin-bottom: 4px;
    font-weight: 600;
}

.study .list ul li .con_wrap .left_con .txt_wrap .txt p {
    font-size: 17px;
    font-weight: 600;
}

.study .list ul li .con_wrap .left_con .txt_wrap .info {
    margin-top: 8px;
}

.study .list ul li .con_wrap .left_con .txt_wrap .info dl {
    display: flex;
    align-items: flex-start;
}

.study .list ul li .con_wrap .left_con .txt_wrap .info dl+dl {
    margin-top: 4px
}

.study .list ul li .con_wrap .left_con .txt_wrap .info dl dt {
    width: 80px;
    opacity: 0.4;
}

.study .list ul li .con_wrap .left_con .txt_wrap .info dl dd {
    width: calc(100% - 80px);
}


.study .list ul li .con_wrap:hover .right_con a {
    background-color: #FF6C0F;
}

.study .list ul li .con_wrap .right_con a {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ddd;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.study .list ul li .con_wrap .right_con a img {
    filter: brightness(50);
}

/* 레벨페이지 */
.level .level_top {
    display: flex;
    justify-content: center;
    align-items: center;
}

.level .level_top div {}

.level .level_top div p img {
    margin-left: 12px;
    width: 15px;
}

.level .level_top div p {
    font-size: 21px;
    font-weight: 600;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    color: #ff6709;
}

.level .level_top div p i {
    font-weight: 600;
    margin-left: 4px;
}

.guide_week.level .level_top div p {
    font-size: 26px;
}

.guide_week .tab {
    width: 1500px;
    max-width: 100%;
    margin: 0 auto 0 auto;
    display: flex;
    align-items: center;
    gap: 16px;
}

.guide_week .tab p {
    border: 1px solid #ddd;
    cursor: pointer;
    color: #999;
    padding: 10px 20px;
    font-weight: 600;
    border-radius: 5px;
}

.guide_week .tab p.on {
    background-color: #ff8131;
    color: #fff;
    border: 1px solid #000;
}

.guide_week .tab p:hover {
    border: 1px solid #000;
}


.level .level_top span {
    margin: 0 16px;
    display: block;
    width: 12px;
    display: none;
}

.level .level_top .lv {
    position: relative;
}

.level .level_top .lv_con {
    position: relative;
}

.level .level_top .lv_con.lv02 {
    margin-left: 0;
    padding-left: 16px;
    position: relative;
}

/* .level .level_top .lv_con.lv02::before{content: ""; width: 2px; height: 15px; position:absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: #999;} */
.level .level_top .lv_in {
    position: absolute;
    display: none;
    top: 32px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 8px;
    z-index: 2;
    background-color: #fff;
}

.level .level_top .lv_in p {
    font-size: 17px;
}

.level .level_top .lv_in p:hover {
    color: #FF6C0F;
}

.level .level_top .lv_in p+p {
    margin-top: 8px;
}


/* .level .level_top .lv::after{content: ""; width: 100%; height: 30px; background: url(../img/sub/level_point.png)no-repeat center center /contain;
    position: absolute; left: -24px; bottom: 5px; z-index: -1;
} */
.level .level_top .lv02 {
    position: relative;
    margin-left: 12px;
}

/* .level .level_top .lv02::after{content: ""; width: 100%; height: 30px; background: url(../img/sub/level_point02.png)no-repeat center center /contain;
    position: absolute; left: -24px; bottom: 5px; z-index: -1;
} */

.level .list {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.level .list ul {
    display: flex;
    flex-wrap: wrap;
}

.level .list ul.day li {
    text-align: center;
    margin-bottom: 8px;
}

.level .list ul.day li p {
    height: 55px;
    font-weight: 600;
    width: 95%;
    ;
    color: #fff;
    padding: 12px;
    font-size: 20px;
    border-radius: 5px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.level .list ul.day li p:last-child {
    display: none;
}

.level .list ul.day li:nth-child(1) p {
    background-color: #ffb042
}

.level .list ul.day li:nth-child(2) p {
    background-color: #ff6709
}

.level .list ul.day li:nth-child(3) p {
    background-color: #ff4242
}

.level .list ul.day li:nth-child(4) p {
    background-color: #a63fff
}

.level .list ul.day li:nth-child(5) p {
    background-color: #ff42e8
}

.level .left_img {
    padding: 16px;
    width: 35%;
    border-radius: 4px;
}

.level .left_img img {
    width: 100%;
}

.left_img .t_btn {
    margin-bottom: 100px;
}

.t_btn {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.t_btn .level_top {
    margin-bottom: 0;
}

.t_btn button {
    font-family: 'SejonghospitalBold' !important;
    margin-right: 16px;
    position: relative;
    background-color: #fff;
    color: #333;
    border: 1px solid #ddd;
    font-weight: 800;
    padding: 16px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition-duration: 0.3s;
    text-align: center;
    font-size: 20px;

}

.t_btn button:hover {
    background-color: #FF6C0F;
    color: #fff;
}

.t_btn button:hover img {
    filter: invert(100%) sepia(0%) saturate(7499%) hue-rotate(182deg) brightness(3004%) contrast(100%);
}

.level .bd-lg {
    width: 65%;
    padding: 16px;
}

.level .bd-lg h2 {
    font-size: 35px;
    font-weight: 600;
    display: block;
    margin-bottom: 48px;
    text-align: left;
}

.level .list ul li {
    width: 20%;
    margin-bottom: 8px;
}

.level .list ul li.check .con_wrap {
    position: relative;
}

.level .list ul li.check .con_wrap b {
    opacity: 1;
}

.level .list ul li.check .con_wrap span {
    opacity: 1;
}

.level .list ul li.check .con_wrap::after {
    content: "";
    width: 100px;
    height: 85px;
    position: absolute;
    right: -4px;
    bottom: -19px;
    background: url(../img/sub/level_check.png)no-repeat center center /contain;
    opacity: 1;
}

.level .list ul li.check .con_wrap {
    background-color: #FF6C0F;
    color: #fff;
}

.level .list ul li.check .con_wrap span {
    border-color: #fff;
}


.level .list ul li.day {
    cursor: pointer;
}

.level .list ul li.day b {
    opacity: 1 !important;
}

.level .list ul li.day span {
    opacity: 1 !important;
}

.level .list ul li .con_wrap:hover {
    border: 1px solid #FF6C0F;
    color: #FF6C0F;
}

.level .list ul li .con_wrap {
    width: 95%;
    position: relative;
    margin: 0 auto;
    border: 0;
    border-radius: 5px;
    height: 112px;
    padding: 16px;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.level .list ul li .con_wrap b {
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
}

.level .list ul li .con_wrap span {
    display: block;
    margin-top: 4px;
    font-size: 16px;
    border-top: 1px solid #222;
    border-bottom: 1px solid #222;
}

.level .btn_wrap {
    text-align: center;
    margin-top: 24px;
}

.level .btn_wrap button {
    border-radius: 5px;
    padding: 12px 32px;
    margin: 0 auto;
    max-width: 100%;
    font-size: 16px;
}

.level .list ul li.character {
    position: relative;
}

.level .list ul li.character::before {
    content: "";
    width: 150px;
    height: 150px;
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    top: -105px;
    background: url(../img/sub/img01.png)no-repeat center center / contain;

}

.level .list02 ul li {
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 600;
}

.level .list02 ul li p {
    font-weight: 600;
}

.level .list02 ul li.lv {
    height: 50px;
    cursor: default;
    border: 1px solid #FF6C0F;
    color: #FF6C0F;
    background-color: transparent !important;
}

.level .list02 ul li.lv p {
    font-weight: 600;
}

.level .list02 ul li:nth-child(1) {
    background-color: #FFC700;
}

.level .list02 ul li:nth-child(2) {
    background-color: #FFC700;
}

.level .list02 ul li:nth-child(3) {
    background-color: #FF6C0F;
}

.level .list02 ul li:nth-child(4) {
    background-color: #ff6e6e;
}

.level .list02 ul li:nth-child(5) {
    background-color: #ff4545;
}






.level .list02 ul li {
    height: 112px;
    width: 112px;
    border-radius: 5px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    color: #fff;
    background-color: #FF6C0F;
}

.lang p.on {
    opacity: 1;
    background-color: #FF6C0F;
    color: #fff;
    border: 1px solid #FF6C0F;
}

.lang p span {
    display: block;
    margin-top: 8px;
}

.lang p+p {
    margin-left: 24px;
}

.lang p {
    display: flex;
    width: 100px;
    cursor: pointer;
    border: 1px solid #ddd;
    color: #999;
    height: 100px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 50%;
    ;
    background-color: #fff;
}

.lang {
    position: absolute;
    display: flex;
    align-items: center;
    right: 0;
    top: 0%;
}


.level02 {
    position: relative;
}

.level02::after {
    content: "";
    z-index: -1;
    width: 100%;
    height: 335px;
    position: absolute;
    bottom: -30px;
    left: 0;
    background: url(../img/sub/img02.png)no-repeat center center;
}

.level02 .con {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.level02 .con>div {
    width: 50%;
    padding: 0 32px;
}

.level02 .con .left {
    width: 830px;
    max-width: 100%;
    cursor: pointer;
    position: relative;
}

.level02 .con .left svg {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.level02 .con .left .clock {
    z-index: 2;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-height: 10em;
    min-width: 10em;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    background-image: url("https://imvpn22.github.io/analog-clock/clock.png");
    background-position: center center;
    background-size: cover;
    border-radius: 50%;
    border: 4px solid var(--main-bg-color);
    box-shadow: 0 -15px 15px rgba(255, 255, 255, 0.05),
        inset 0 -15px 15px rgba(255, 255, 255, 0.05), 0 15px 15px rgba(0, 0, 0, 0.07),
        inset 0 15px 15px rgba(0, 0, 0, 0.1);
    transition: all ease 0.2s;
}

.level02 .con .left .clock:before {
    content: "";
    height: 0.75rem;
    width: 0.75rem;
    background-color: #FF6C0F;
    border: 2px solid var(--main-bg-color);
    position: absolute;
    border-radius: 50%;
    z-index: 1000;
    transition: all ease 0.2s;
}

.hour,
.min,
.sec {
    position: absolute;
    display: flex;
    justify-content: center;
    border-radius: 50%;
}

.hour {
    height: 6em;
    width: 6em;
}

.hour:before {
    content: "";
    position: absolute;
    height: 50%;
    width: 4px;
    background-color: #666;
    border-radius: 4x;
}

.min {
    height: 7em;
    width: 7em;
}

.min:before {
    content: "";
    height: 50%;
    width: 4px;
    background-color: #666;
    border-radius: 4px;
}

.sec {
    height: 7em;
    width: 7em;
}

.sec:before {
    content: "";
    height: 60%;
    width: 2px;
    background-color: #f00;
    border-radius: 2px;
}



.level02 .con .right {
    width: calc(100% - 830px);
}

.level02 .con .right .top {
    font-family: 'KCC-Ganpan' !important;
    min-height: 440px;
    border-radius: 5px;
    background-color: #1D8F74;
    color: #fff;
    border: 17px solid #CFB29F;
    padding: 48px;
}

.level02 .con .right .btm {
    display: flex;
    margin: 32px auto 0 auto;
    width: 95%;
    justify-content: center;
    align-items: center;
}

.level02 .con .right .btm button {
    border-radius: 5px;
    font-weight: 600;
    padding: 22px 16px;
    font-size: 19px;
    margin: 0 8px;
}

.level02 .con .right .btm button.list {
    background-color: #4a4a4a;
    color: #fff;
    flex: 0.5;
}

.level02 .con .right .btm button.prev {
    background-color: #cfcfcf;
    flex: 1;
}

.level02 .con .right .btm button.next {
    background-color: #FF6C0F;
    color: #fff;
    flex: 1;
}



.level02 .con .right .top .day_con {
    display: flex;
    flex-direction: column;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.level02 .con .right .top .day_con>div {
    display: flex;
}

.level02 .con .right .top .day_con .in01 {
    font-size: 40px;
    margin-right: 24px;
}

.level02 .con .right .top .day_con .in02 {
    font-size: 20px;
}

.level02 .con .right .top .day_con .in02 span {
    display: block;
    margin: 0 8px;
}

.level02 .con .right .top dl.name {
    display: flex;
    align-items: center;
}

.level02 .con .right .top dl dt {
    font-size: 22px;
}

.level02 .con .right .top dl dd {
    font-size: 22px;
}

.level02 .con .right .top dl+dl {
    margin-top: 12px;
}

.level02 .con .right .stamp {
    align-items: center;
}

.level02 .con .right .stamp button {
    font-size: 16px;
    font-weight: 600;
    padding: 12px 18px;
}

.level02 .con .right .stamp button img {
    width: 18px;
    margin-left: 8px;
    margin-bottom: -2px;
}

.level02 .con .right button {
    background-color: #666;
    padding: 8px 12px;
    border-radius: 5px;
    margin-bottom: 16px;
    color: #fff;
}

.level02 .con .right .teacher_con {
    display: flex;
    justify-content: flex-end;
}


.level02 .con .right .top .day p {
    font-size: 18px;
}

.level03 video {
    width: 100vw;
    height: 100vh;
    margin-bottom: -8px;
}


.btn_area {
    width: 1720px;
    max-width: 100%;
    text-align: right;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: flex-end;
}

.level03 .btn_wrap {
    display: flex;
    align-items: center;
    gap: 20px;
}

.level03 .btn_wrap .btn {
    padding: 0;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    transition-duration: 0.3s;
}

.level03 .btn_wrap .btn:hover {
    background-color: rgba(0, 0, 0, 1);
}

.level03 .btn_wrap .btn p {
    font-size: 13px;
}

/* 라이브방송 */
.live_con {}


.live_con .list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0 24px;
    align-items: flex-start;
    margin-bottom: -42px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.live_con .list ul li {
    margin-bottom: 16px;
    cursor: pointer;
    width: calc(16.666% - 24px);
    padding: 0;
}

.live_con .list ul li .txt_wrap {
    display: flex;
    margin-top: 8px;
    position: relative;
}

.live_con .list ul li .txt_wrap b {
    display: block;
    font-size: 16px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 95%;
}

.live_con .list ul li .txt_wrap span {
    display: inline-block;
    vertical-align: middle;
    margin-top: 2px;
    margin-right: 4px;
    font-size: 14px;
}

.live_con .list ul li .txt_wrap span.time {
    position: relative;
    padding-left: 10px;
    margin-left: 0;
}

.live_con .list ul li .txt_wrap span.time::before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #999;
    position: absolute;
    left: 0;
    top: 9px;
}

.live_con .list ul li .txt_wrap .more_btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    text-align: right;
}

.live_con .list ul li .txt_wrap .more_btn .in {
    display: none;
    position: absolute;
    z-index: 99;
    width: 160px;
    right: 0;
    top: 25px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    padding: 12px;
    border-radius: 5px;
}

.live_con .list ul li .txt_wrap .more_btn .in span {
    display: flex;
    align-items: center;
    text-align: left;
}

.live_con .list ul li .txt_wrap .more_btn .in span img {
    width: 15px;
    margin-right: 16px;
}

.live_con .list ul li .txt_wrap .txt .dis-f {
    display: inline-block;
    vertical-align: middle;
}

.live_con .list ul li .txt_wrap .txt {
    width: calc(100% - 60px);
    padding-right: 8px;
    text-align: left;
}

.live_con .list ul li .thumb_wrap {
    background-color: #f5f5f5;
    border: 1px solid #000;
    width: 100%;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}

.live_con .list ul li .thumb_wrap img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    height: 100.6%;
}

.live_con .list ul li .state {
    position: absolute;
    z-index: 1;
    right: 12px;
    bottom: 12px;
    display: flex;
    align-items: center;
}

.live_con .list ul li .state p {
    border-radius: 55px;
    line-height: 1;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 13px;
    padding: 6px 8px;
    margin-right: 8px;
}

.live_con .list ul li .state p:last-child {
    margin-right: 0;
}

.live_con .list ul li .state p.live_on {
    background-color: #e52d18;
}

.live_con .list ul li .state p.secret {
    background-color: #e52d18;
}

.live_con .list ul li .state p.pay {
    background-color: #e52d18;
}

.live_con .list ul li .state p.free {
    background-color: rgba(115, 115, 115, 0.5);
}

.live_con .list ul li .profile {
    margin-right: 12px;
    width: 40px;
    height: 40px;
    position: relative;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

.live_con .list ul li .profile img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 102%;
    height: 102%;
}

.live_con.category_con .list ul li {
    width: 20%;
}

.live_con.my_show_list b.date {
    font-family: 'SejonghospitalBold' !important;
    display: block;
    margin-bottom: 16px;
    font-size: 22px;
    font-weight: 700;
}

.live_con.my_show_list ul li {
    width: calc(16.666% - 24px);
}

.live_con ul li .con_wrap {
    position: relative;
}

.live_con ul li .con_wrap .btn_wrap {
    position: absolute;
    z-index: 2;
    right: 10px;
    top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    opacity: 0;
}

.live_con ul li .con_wrap .btn_wrap .btn {
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    padding: 6px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.live_con ul li .con_wrap .btn_wrap .btn img {
    width: 20px;
    position: static;
    transform: inherit;
}

.live_con ul li .con_wrap .btn_wrap .btn.share img {
    width: 14px;
}

.live_con ul li .con_wrap:hover .btn_wrap {
    opacity: 1;
}



.live_con ul li .con_wrap .x-btn img {
    width: 20px;
}

.live_con.my_show_list .list+.list {
    margin-top: 60px;
}


.all_del {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.all_del button {
    margin-bottom: 12px;
    border-radius: 5px;
    padding: 6px 12px;
}

.notice_type02 ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -32px;
}

.notice_type02 ul li {
    width: 33.3333%;
    margin-bottom: 32px;
}

.notice_type02 ul li .con_wrap {
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 48px 32px;
    cursor: pointer;
    transition-duration: 0.3s;
}

.notice_type02 ul li .con_wrap:hover {
    border: 1px solid #FF6C0F;
}

.notice_type02 ul li .con_wrap .txt_wrap span {
    display: block;
    margin-bottom: 16px;
    font-weight: 600;
    opacity: 0.5;
}

.notice_type02 ul li .con_wrap b {
    display: block;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 16px;
    transition-duration: 0.3s;
}

.notice_type02 ul li .con_wrap:hover b {
    color: #FF6C0F;
}

.notice_type02 ul li .con_wrap p {
    opacity: 0.8;
    font-size: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.notice_type02 ul li .con_wrap button {
    display: flex;
    padding: 12px;
    background-color: #f5f5f5;
    transition-duration: 0.3s;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-top: 32px;
}

.notice_type02 ul li .con_wrap:hover button {
    background-color: #FF6C0F;
}

.notice_type02 ul li .con_wrap button span {
    transition-duration: 0.3s;
    display: block;
    width: 10px;
    height: 10px;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    transform: rotate(-45deg);
}

.notice_type02 ul li .con_wrap:hover button span {
    border-color: #fff;
}


.video_con ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -32px;
}

/* .video_con ul li {
    width: 33.333%;
    margin-bottom: 32px;
    cursor: pointer;
} */

.video_con ul li .thumb_wrap {
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    padding-bottom: 60%;
}

.video_con ul li .thumb_wrap img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.video_con ul li .txt_wrap {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
}

.video_con ul li .txt_wrap b {
    font-size: 19px;
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
}

.video_con ul li .txt_wrap span {
    opacity: 0.7;
}

.video_view {
    width: 100vw;
    height: 100vh;
}

.video_view video {
    background-color: #666;
    width: 100%;
    height: s 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.video_view .top {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    padding: 16px;
}

.video_view .top .back {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video_view .top .back span {
    display: block;
    width: 16px;
    cursor: pointer;
    height: 16px;
    border-right: 2px solid #666;
    border-bottom: 2px solid #666;
    transform: rotate(135deg);
}

.video_view .top .logo {
    width: 120px;
    margin-left: 16px;
    margin-bottom: -5px;
}

.video_view .top .x_btn button {
    cursor: pointer;
    width: 80px;
    background-color: #fff;
    height: 80px;
    display: block;
    border-radius: 50%;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    position: relative;
}

.video_view .top .x_btn img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 35px;
}

.video_view .top .x_btn:hover button {
    background-color: #FF6C0F;
}

.video_view .top .x_btn:hover img {
    filter: brightness(40);
}

.video_view .top .clock p {
    font-size: 25px;
    font-weight: 600;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 40px;
}

.guide_con .left {
    width: 45%;
    position: relative;
    padding-bottom: 30%;
    overflow: hidden;
    border-radius: 5px;
}

.guide_con .left img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}

.guide_con .right {
    width: 55%;
    padding-left: 62px;
}

.guide_con .right h3 {
    font-size: 2rem;
    font-weight: 600;
    display: block;
    margin-bottom: 32px;
}

.guide_con .right h3::after {
    content: "";
    width: 50px;
    height: 3px;
    background-color: #FF6C0F;
    margin: 16px 0;
    display: block;
}

.guide_con .right .list {}

.guide_con .con01 .right dl {
    display: flex;
    align-items: center;
    padding: 4px 0;
    font-size: 15px;
}

.guide_con .con01 .right dl dt {
    width: 150px;
    padding-right: 16px;
    font-weight: 600;
}

.guide_con .con01 .right dl dd {
    width: calc(100% - 150px);
    background-color: #f5f5f5;
    border-radius: 5px;
    padding: 16px;
}

.guide_con .con01 .right dl+dl {
    margin-top: 8px;
}

.guide_con .con+.con {
    margin-top: 80px;
}

.guide_con .con .sub_t {
    font-size: 25px;
    display: block;
    width: 100%;
    font-weight: 600;
    border-bottom: 2px solid #222;
    padding-bottom: 24px;
    margin-bottom: 24px;
}



.guide_con .con02 ul {}

.guide_con .con02 .list02>ul>li {
    border-bottom: 1px dashed #ddd;
    padding-bottom: 24px;
    margin-bottom: 24px;
}

.guide_con .con02 .list02>ul>li+li {
    margin-top: 24px;
}

.guide_con .con02 ul li .con_wrap {
    display: flex;
    align-items: center;
}

.guide_con .con02 ul li .left_con {
    font-size: 23px;
    font-weight: 600;
    border-radius: 5px;
    color: #fff;
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    padding: 24px;
    text-align: center;
}

.guide_con .con02 ul li .left_con span {
    font-size: 0.75em;
}

.guide_con .con02 ul li .right_con {
    width: calc(100% - 100px);
    padding-left: 32px;
    display: flex;
    flex-wrap: wrap;
}

.guide_con .con02 ul li .right_con ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.guide_con .con02 ul li .right_con ul li {
    width: 20%;
    padding: 8px 8px;
}

.guide_con .con02 ul li dl {
    border: 1px solid #ddd;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    padding: 24px;
}

.guide_con .con02 ul li dl dt {
    text-align: center;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
    padding-bottom: 16px;
    margin-bottom: 16px;
    font-size: 18px;
}

.guide_con .con02 ul li dl dd p {
    position: relative;
    padding-left: 16px;
}

.guide_con .con02 ul li dl dd p::before {
    content: "";
    width: 5px;
    height: 5px;
    background-color: #ddd;
    position: absolute;
    left: 0;
    top: 7px;
}

.guide_con .con02 ul li:nth-child(1) .left_con {
    background-color: #FFC700;
}

.guide_con .con02 ul li:nth-child(2) .left_con {
    background-color: #FF6C0F;
}

.guide_con .con02 ul li:nth-child(3) .left_con {
    background-color: #32C4DE;
}

.guide_con .con02 ul li:nth-child(4) .left_con {
    background-color: #B56EFF;
}

.guide_con .con02 ul li:nth-child(5) .left_con {
    background-color: #706eff;
}

.guide_con .con02 ul li:nth-child(6) .left_con {
    background-color: #6ed6ff;
}

.guide_con .con02 ul li:nth-child(7) .left_con {
    background-color: #6effe0;
}

.guide_con .con02 ul li:nth-child(8) .left_con {
    background-color: #b4ff6e;
}

.guide_con .con02 ul li:nth-child(9) .left_con {
    background-color: #ffe96e;
}

.guide_con .con02 ul li:nth-child(10) .left_con {
    background-color: #ff6e9e;
}

.guide_con .con02 ul li:nth-child(11) .left_con {
    background-color: #ff6e6e;
}

.guide_con .con02 ul li:nth-child(12) .left_con {
    background-color: #6effff;
}

.guide_con .con02 ul li:nth-child(13) .left_con {
    background-color: #7aff6e;
}

.guide_con .con02 ul li:nth-child(14) .left_con {
    background-color: #fff06e;
}

.guide_con .con02 ul li:nth-child(15) .left_con {
    background-color: #9f45ff;
}





.edu_con .list02 {
    margin-top: 60px;
}

.edu_con .list02 ul li {
    position: relative;
}

.edu_con .list02 ul li .ch {
    position: absolute;
    top: -95px;
    z-index: 2;
    width: 160px;
    right: 20px;
}

.edu_con .list02 ul li:nth-child(2) .ch {
    bottom: -9%;
    top: inherit;
    left: 80%;
}

.edu_con .list02 ul li:nth-child(3) .ch {
    top: -25%;
    right: 34%;
}

.edu_con .list02 ul li .con_wrap {
    position: relative;
    overflow: hidden;
    border-radius: 85px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 450px;
    padding: 84px 48px;
    color: #fff;
}

.edu_con .list02 ul li .con_wrap::after {
    content: "";
    position: absolute;
    left: 66%;
    top: 10%;
    width: 180px;
    height: 180px;
    background: url(../img/sub/point01.png)no-repeat center center /cover;
}

.edu_con .list02 ul li .con_wrap::before {
    content: "";
    position: absolute;
    left: 10%;
    top: 50%;
    width: 200px;
    height: 200px;
    background: url(../img/sub/point02.png)no-repeat center center /cover;
}


.edu_con .list02 ul li:last-child .con_wrap::after {
    background: url(../img/sub/point03.png)no-repeat center center /cover;
}

.edu_con .list02 ul li:last-child .con_wrap::before {
    background: url(../img/sub/point04.png)no-repeat center center /cover;
}



.edu_con .list02 ul li .con_wrap b {
    font-size: 30px;
    font-weight: 600;
    display: block;
    margin-bottom: 16px;
}

.edu_con .list02 ul li .con_wrap p {
    font-size: 18px;
}


.edu_con .list02 ul li .con_wrap .btn_wrap {
    display: flex;
    justify-content: flex-end;
}

.edu_con .list02 ul li .con_wrap button {
    transition-duration: 0.3s;
    width: 70px;
    height: 70px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    padding: 27px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.edu_con .list02 ul li .con_wrap button:hover {
    transform: translateX(10px);
}


.edu_con .lv01 {
    background-color: #FFC700;
}

.edu_con .lv02 {
    background-color: #FF6C0F;
}

.edu_con .lv03 {
    background-color: #32C4DE;
}

.edu_con .lv01 button img {
    filter: invert(23%) sepia(77%) saturate(2231%) hue-rotate(0deg) brightness(104%) contrast(103%);
}

.edu_con .lv02 button img {
    filter: invert(61%) sepia(47%) saturate(6367%) hue-rotate(353deg) brightness(101%) contrast(101%);
}

.edu_con .lv03 button img {
    filter: invert(33%) sepia(74%) saturate(1576%) hue-rotate(150deg) brightness(92%) contrast(88%);
}




.edu_view_wrap {
    position: relative;
}

.edu_view_wrap::after {
    content: "";
    z-index: -1;
    width: 100vw;
    height: 100vh;
    position: absolute;
    opacity: 0.8;
    bottom: 0;
    right: 0;
    background: url(../img/sub/edu_view_bg.png)no-repeat center center /contain;
}

.edu_view {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.edu_view::after {
    content: "";
    z-index: -1;
    width: 270px;
    height: 390px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(../img/sub/ch04.png)no-repeat center center /contain;
}

.edu_view .con {
    width: 48%;
}


.edu_view .con .step {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.edu_view .con .step h2 {
    line-height: 1;
    font-size: 23px;
    font-weight: 600;
    display: block;
    margin-right: 16px;
    background-color: #FF6C0F;
    border-radius: 5px;
    padding: 12px 24px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.edu_view .con .step h2 i {
    font-weight: 600;
    padding-left: 4px;
}

.edu_view .con .step p {
    line-height: 1;
    font-size: 23px;
    height: 70px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    padding: 12px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.edu_view .con .step p span {
    font-weight: 600;
    opacity: 0.4;
    margin: 0 4px;
}

.edu_view .con .step p span.current {
    opacity: 1;
}

.edu_view .con .step p i {
    font-size: 0.65em;
    font-weight: 600;
}


.edu_view .left .img_wrap {
    overflow: hidden;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    padding: 24px;
    background: #fff;
    padding-bottom: 47vh;
    position: relative;
}

.edu_view .left .img_wrap img {
    position: absolute;
    max-height: 70%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}




.edu_view .right .top_con {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.edu_view .right .btn_wrap {
    display: flex;
    justify-content: space-between;
    position: fixed;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%)
}

.edu_view .right .btn_wrap button {
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    font-weight: 600;
    font-size: 18px;
    width: 80px;
    border-radius: 50%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 16px;
    color: #fff;
}

.edu_view .right .btn_wrap button.prev {
    background-color: #fff;
}

.edu_view .right .btn_wrap button.prev img {
    filter: invert(41%) sepia(47%) saturate(6367%) hue-rotate(353deg) brightness(101%) contrast(101%);
}


.edu_view .right .btn_wrap button.prev img {
    margin-left: -8px;
}

.edu_view .right .btn_wrap button.next {
    background-color: #FF6C0F;
    margin-left: 32px;
}

.edu_view .right .btn_wrap button.next img {
    margin-right: -8px;
}

.edu_view .right .btn_wrap button img {
    width: 20px;
}


.edu_view .right .input_wrap {
    width: 100%;
}

.edu_view .right .input_wrap input {
    width: calc(100% - 0px);
    border: 0;
    font-size: 20px;
    padding: 16px 16px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.edu_view .right .input_wrap input:focus {
    outline: 0;
}

.edu_view .right .input_wrap input::placeholder {
    font-size: 16px;
}

/* .edu_view .right .input_wrap button{background-color: #333; padding: 12px 24px; color: #fff; border-radius: 5px; width: 120px; font-size: 17px;} */

.edu_view .right .sound_con+.input_wrap {
    margin-top: 56px;
}

.edu_view .right .sound_con {
    display: flex;
    align-items: center;
}

.edu_view .right .sound_con .click_con+.click_con {
    margin-left: 56px;
}

.edu_view .right .sound_con .click_con {
    position: relative;
    width: 150px;
    cursor: pointer;
    height: 150px;
    border-radius: 50%;
    background-color: #fff;
    overflow: hidden;
}

.edu_view .right .sound_con .click_con img {
    width: 100%;
    opacity: 0.4;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.edu_view .right .sound_con .click_con.on img {
    opacity: 1;
}


.edu_view .right .select button+button {
    margin-top: 16px;
}

.edu_view .right .select button {
    border-radius: 55px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    font-size: 20px;
    padding: 16px 32px;
    width: 450px;
    background-color: #fff;
    display: flex;
    align-items: center;
}

.edu_view .right .select button i {
    font-weight: 600;
    width: calc(100% - 45px);
}

.edu_view .right .select button img {
    width: 45px;
}

.edu_view .right .select button.select_on {
    background-color: #FF6C0F;
    color: #fff;
}

/* 라이브 */

.live_view_con {}

.live_view_con .bd-lg {
    height: 100%;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.live_view_con .video_wrap {
    width: calc(100% - 440px);
    overflow: hidden;
}

.live_view_con .video_con {
    position: relative;
    padding-bottom: 56%;
    overflow: hidden;
    width: 100%;
}

/* .live_view_con .video_wrap .video_con {
    position: relative;
    padding-bottom: 56%;
    overflow: hidden;
    width: 100%;
} */

.live_view_con #video {
    width: 100%;
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.live_view_con .video_wrap #video {
    width: 100%;
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.live_view_con .video_wrap .end_live {
    position: absolute;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    z-index: 10;
}

.live_view_con .video_wrap .end_live button {
    padding: 8px 24px;
    border-radius: 5px;
    font-size: 16px;
}

.live_view_con .video_wrap .end_live button+button {
    margin-left: 12px;
}

.live_view_con .video_wrap .end_live .btn_wrap {
    margin-top: 32px;
}

.live_view_con .video_wrap .end_live p+p {
    margin-top: 4px;
}

.live_view_con .video_wrap .end_live p {
    font-size: 19px;
}


.live_view_con .video_con iframe {
    position: absolute;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* .live_view_con .video_wrap .video_con iframe {
    position: absolute;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
} */


.live_view_con .video_wrap .txt_wrap {
    padding: 32px 0;
}

.live_view_con .video_wrap .txt_wrap .title {
    font-size: 22px;
    display: flex;
    align-items: center;
}

.live_view_con .video_wrap .txt_wrap p.pay {
    border-radius: 55px;
    font-size: 14px;
    padding: 4px 12px;
    width: 50px;
    margin-bottom: 4px;
}

.live_view_con .video_wrap .txt_wrap .title button.edit {
    margin-left: 16px;
    border-radius: 55px;
    padding: 8px 16px;
    background-color: #999;
    color: #fff;
}

.live_view_con .video_wrap .txt_wrap .title button.delete {
    margin-left: 8px;
    border-radius: 55px;
    padding: 8px 16px;
    border: 1px solid #e52d18;
    color: #e52d18;
}


.live_view_con .video_wrap .txt_wrap .title b {
    font-weight: 600;
}

.live_view_con .video_wrap .txt_wrap .thumb {
    width: 40px;
    border-radius: 50%;
    height: 40px;
    position: relative;
    overflow: hidden;
    border: 1px solid #ddd;
}

.live_view_con .video_wrap .txt_wrap .thumb img {
    position: absolute;
    background-color: #f5f5f5;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.live_view_con .video_wrap .info_wrap {
    display: flex;
    justify-content: space-between;
}

.live_view_con .video_wrap .info_con {
    display: flex;
    align-items: center;
    margin-top: 16px;
}

.live_view_con .video_wrap .info_con .info {
    padding-left: 16px;
}

.live_view_con .video_wrap .info_con a {
    font-weight: 600;
    display: block;
    font-size: 18px;
    margin-bottom: 4px;
}

.live_view_con .video_wrap .info_con .info span {
    font-size: 15px;
    opacity: 0.8;
}

.live_view_con .video_wrap .info_con .info span+span {
    margin-left: 8px;
}

.live_view_con .video_wrap .info_wrap .btn_wrap {
    display: flex;
    align-items: center;
}

.live_view_con .video_wrap .info_wrap .btn_wrap button {
    font-size: 16px;
}

.live_view_con .video_wrap .info_wrap .btn_wrap button span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 16px;
    height: 100%;
    padding: 8px 16px;
    border-radius: 55px;
}

.live_view_con .video_wrap .info_wrap .btn_wrap button img {
    width: 18px;
    margin-right: 8px;
}


.live_view_con .chat {
    width: 400px;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* .live_view_con .chat>div{flex: 1;} */
.live_view_con .chat .chat_list {
    padding: 16px;
    height: 65vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.live_view_con .chat .chat_list ul li+li {
    margin-top: 4px;
}

.live_view_con .chat .chat_list ul li .con_wrap {
    display: flex;
    align-items: flex-start;
}

.live_view_con .chat .chat_list .left {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.live_view_con .chat .chat_list .left .profile {
    background-color: #f5f5f5;
    margin-right: 8px;
    overflow: hidden;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: relative;
}

.live_view_con .chat .chat_list .left .profile img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.live_view_con .chat .chat_list .left .drop_menu {
    display: none;
    padding: 6px;
    overflow: hidden;
    position: absolute;
    left: 45%;
    top: 40px;
    z-index: 99;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}

.live_view_con .chat .chat_list .left .drop_menu button {
    padding: 4px 8px;
    display: block;
    font-size: 15px;
}

.live_view_con .chat .chat_list .left .drop_menu button:hover {
    color: #FF6C0F;
}

.live_view_con .chat .chat_list .right {
    margin-left: 16px;
}

.live_view_con .chat .chat_list .right p {
    font-weight: 600;
    font-size: 16px;
    padding-top: 8px;
}




.live_view_con .chat .top_con {
    border-bottom: 1px solid #ddd;
}

.live_view_con .btm_con {
    border-top: 1px solid #ddd;
    padding: 16px;
}

.live_view_con .btm_con .input_con {
    width: 100%;
    max-height: 80px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #f5f5f5;
    border-radius: 5px;
    padding: 16px 62px 16px 12px;
}

.live_view_con .btm_con .input_con:focus {
    outline: 0;
}

.live_view_con .btm_con .count {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.live_view_con .btm_con .count button {
    padding: 12px 16px;
}

.live_view_con .btm_con .input_area {
    position: relative;
}

.live_view_con .btm_con .input_area button {
    padding: 8px 12px;
    border-radius: 5px;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
}



.live_view_con .group_select {
    display: flex;
    justify-content: flex-end;
    padding: 12px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
}

.live_view_con .group_select select {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 8px 16px 8px 8px;
    cursor: pointer;
    font-size: 14px;
}


.live_view_con .btm_con .btn_wrap button {
    position: relative;
    opacity: 0.5;
}

.live_view_con .btm_con .btn_wrap button:hover {
    opacity: 1;
}

.live_view_con .btm_con .btn_wrap button:hover p {
    opacity: 1;
}

.live_view_con .btm_con .btn_wrap button p {
    opacity: 0;
    transition-duration: 0.3S;
    border-radius: 3px;
    position: absolute;
    left: 50%;
    padding: 4px 12px;
    transform: translateX(-50%);
    top: -40px;
    background-color: #666;
    color: #fff;
}

.live_view_con .btm_con .btn_wrap button p::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: -12px;
    transform: translateX(-50%);
    border-top: 7px solid #666;
    border-bottom: 7px solid transparent;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}

.live_view_con .btm_con .btn_wrap button img {}

.live_view_con02 {
    height: auto;
    width: calc(100% - 450px);
    padding: 0 16px;
}

.live_view_con02 .video_wrap {
    width: 100%;
}

/* .live_view_con02 .video_wrap .video_con {
    padding-bottom: 56.25%;
    background-color: #fff;
} */

.live_view_con02 .video_con {
    padding-bottom: 56.25%;
    background-color: #fff;
}

.live_view_con02 video {
    height: 100%;
    width: 100%;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

/* 
.live_view_con02 .video_wrap video {
    height: 100%;
    width: 100%;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
} */

.live_view_con02 .reply_wrap {
    padding: 0 16px;
}

.live_view_con .video_wrap .ex_info {
    background-color: #f5f5f5;
    margin-top: 12px;
    padding: 16px;
    border-radius: 5px;
}




/* 마이페이지 */
.admin .con.con02 .btn_wrap {
    display: flex;
    align-items: center;
    gap: 16px;
}

.admin .con.con02 .btn_wrap>div {}

.admin .con.con02 .btn_wrap button {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 16px;
    height: 100%;
    padding: 8px 16px;
    border-radius: 55px;
}

.admin .con.con02 .btn_wrap button img {
    width: 18px;
    margin-right: 8px;
}

.admin .con.con02 .ch_name {
    margin-bottom: 16px;
}

.admin .con.con02 .ch_name b {
    font-family: 'SejonghospitalBold' !important;
    font-size: 27px;
    font-weight: 800;
    display: block;
    margin-right: 16px;
}

.admin .con.con02 p {
    font-size: 16px;
}

.admin .con.con02 .ch_info {
    display: flex;
    margin-top: 4px;
}

.admin .con.con02 .ch_info dl {
    display: flex;
    align-items: flex-start;
}

.admin .con.con02 .ch_info dl dt {
    margin-right: 8px;
    opacity: 0.8;
}

.admin .con.con02 .ch_info dl dd {
    font-weight: 500;
}

.admin .con.con02 .ch_info dl+dl {
    margin-left: 8px;
    padding-left: 10px;
    position: relative;
}

.admin .con.con02 .ch_info dl+dl::after {
    content: "";
    width: 3px;
    height: 3px;
    background-color: #333;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 9px;
}

.admin .con.con03 {
    margin-top: 32px;
}

.admin .con.con03 .tab {
    border-bottom: 1px solid #ddd;
    margin-bottom: 16px;
}

.admin .con.con03 .tab p {
    min-width: 150px;
}


/* 구독자 리스트 */
.sub_list ul {
    margin-bottom: -16px;
}

.sub_list ul li {
    margin-bottom: 16px;
}

.sub_list ul li .con_wrap {
    border-radius: 5px;
    height: 100%;
    padding: 24px;
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
}

.sub_list ul li .con_wrap:hover {
    border: 1px solid #FF6C0F;
}

.sub_list ul li .con_wrap .thumb {
    width: 50px;
    height: 50px;
    border: 1px solid #ddd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sub_list ul li .con_wrap .thumb img {
    width: 100%;
}

.sub_list ul li .con_wrap .txt_wrap {
    display: flex;
    flex-direction: column;
    width: calc(100% - 50px);
    padding-left: 16px;
}

.sub_list ul li .con_wrap:hover .txt_wrap b {
    color: #FF6C0F;
}

.sub_list ul li .con_wrap .txt_wrap b {
    font-family: 'SejonghospitalBold' !important;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 4px;
    cursor: pointer;
}

.sub_list ul li .con_wrap .txt_wrap span {
    font-size: 15px;
    opacity: 0.7;
}

.sub_list ul li .con_wrap .btn_wrap button {
    border-radius: 5px;
    padding: 8px 12px;
}

.sub_list ul li .con_wrap .txt_wrap span.date i {
    margin-right: 4px;
}

.membership {
    font-size: 12px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #e52d18;
    color: #fff;
    margin-right: 4px;
}

.sub_list ul li .con_wrap {
    position: relative;
}

.sub_list ul li .con_wrap .btn_wrap {
    position: absolute;
    z-index: 2;
    right: 10px;
    top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    opacity: 0.3;
}

/* type02는 opacity가 없음 */
.sub_list ul li .con_wrap .btn_wrap.type02 {
    opacity: 1;
}

.sub_list ul li .con_wrap .btn_wrap .btn {
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    padding: 6px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sub_list ul li .con_wrap .btn_wrap .btn img {
    width: 20px;
}

.sub_list ul li .con_wrap:hover .btn_wrap {
    opacity: 1;
}



.bad_word_wrap dl dd {}

.bad_word_wrap dl dd input {
    width: 450px;
    max-width: 100%;
    border: 1px solid #ddd;
    padding: 12px;
    border-radius: 5px;
}

.bad_word_wrap .word button {
    border-radius: 5px;
    padding: 10px 12px;
    margin-left: 4px;
}

.bad_word_wrap .word_list {
    gap: 4px;
}

.bad_word_wrap .word_in {
    margin-top: 24px;
    background-color: #f5f5f5;
    padding: 24px;
}

.bad_word_wrap .word_list p {
    border-radius: 5px;
    padding: 6px 12px;
    font-size: 14px;
    display: flex;
}

.bad_word_wrap .word_list p span {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
}

.bad_word_wrap .word_list p span img {
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    margin-left: 4px;
}

.bad_word_wrap .word_list p+p {}


/* 회사소개 */
.company_con .top {
    text-align: center;
    margin-bottom: 80px;
}

.company_con .top b {
    font-size: 40px;
    margin-bottom: 24px;
    display: block;
}

.company_con .top b span {
    display: block;
}

.company_con .top b span i {
    position: relative;
}

.company_con .top b span i::after {
    content: "";
    width: 105%;
    height: 30px;
    background: url(../img/sub/level_point.svg)no-repeat center center /cover;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -5px;
    z-index: -1;
    opacity: 0.8;
}

.company_con .top p {
    font-size: 19px;
    opacity: 0.8;
}

.company_con .top p+p {
    margin-top: 4px;
}

.company_con .mid {
    width: 100%;
}

.company_con .mid video {
    width: 100%;
}

.company_con .howto>div {
    background-color: #f5f5f5;
    padding: 24px;
    border-radius: 5px;
}

.company_con .howto>div p+p {
    margin-top: 4px;
}

.company_con .howto>div p {
    font-size: 17px;
}



/* 가격안내 */
.price .con.top {
    position: relative;
}

.price h2 {
    font-size: 33px;
    font-weight: 600;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    font-weight: 700;
    text-align: center;
    margin-bottom: 60px;
}

.price .con.top h2 span {
    display: block;
}

.price .con.top img {
    position: absolute;
    opacity: 0.7;
}

.price .con.top img:nth-child(1) {
    left: 29%;
    top: -30px;
}

.price .con.top img:nth-child(2) {
    left: 67%;
    top: -30px;
}

.price .con.top img:nth-child(3) {
    right: 50%;
    bottom: -80px;
}

.price .con.mid ul {
    display: flex;
    flex-wrap: wrap;
}

.price .con.mid ul li {
    margin-bottom: 32px;
}


/* .price .con.mid ul li.pink .con_wrap .txt_wrap span.type{background-color: #4f00cc; color: #fff;}
.price .con.mid ul li.pink .con_wrap .txt_wrap button{text-align: center; background-color: #4f00cc; color: #fff; font-size: 17px; padding: 12px 32px; width: 100%; border-radius: 5px; margin-top: 32px;}
.price .con.mid ul li.gray .con_wrap .txt_wrap span.type{background-color: #FFC700; color: #fff;}
.price .con.mid ul li.gray .con_wrap .txt_wrap button{text-align: center; background-color: #FFC700; color: #fff; font-size: 17px; padding: 12px 32px; width: 100%; border-radius: 5px; margin-top: 32px;}
.price .con.mid ul li.blue .con_wrap .txt_wrap span.type{background-color: #32C4DE; color: #fff;}
.price .con.mid ul li.blue .con_wrap .txt_wrap button{text-align: center; background-color: #32C4DE; color: #fff; font-size: 17px; padding: 12px 32px; width: 100%; border-radius: 5px; margin-top: 32px;}
.price .con.mid ul li.yellow .con_wrap .txt_wrap span.type{background-color: #FF6C0F; color: #fff;}
.price .con.mid ul li.yellow .con_wrap .txt_wrap button{text-align: center; background-color: #FF6C0F; color: #fff; font-size: 17px; padding: 12px 32px; width: 100%; border-radius: 5px; margin-top: 32px;} */

.price .con.mid+.mid {
    margin-top: 32px;
}

.price .con.mid b.tit {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #222;
    display: block;
}

.price .con.mid ul li .con_wrap {
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 100%;
}

.price .con.mid ul li .con_wrap .txt_wrap {
    display: flex;
    flex-direction: column;
    padding: 32px;
    align-items: center;
    justify-content: center;
}

.price .con.mid ul li .con_wrap .txt_wrap span.type {
    border-radius: 55px;
    margin-bottom: 16px;
    display: inline-block;
    font-size: 31px;
    color: #FF6C0F;
    font-family: 'SejonghospitalBold' !important;
    font-weight: 600;
}

.price .con.mid ul li .con_wrap .txt_wrap span.type img {
    width: 150px;
    margin: 0 auto;
    object-fit: contain;
}

.price .con.mid ul li .con_wrap .txt_wrap p.sale {
    position: relative;
    color: #bbb;
}

.price .con.mid ul li .con_wrap .txt_wrap p.sale::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #bbb;
    position: absolute;
    left: 0;
    top: 49%;
}

.price .con.mid ul li .con_wrap .txt_wrap p.price {
    font-size: 17px;
    font-weight: 600;
    text-align: center;
}

.price .con.mid ul li .con_wrap .txt_wrap p.price i {
    font-weight: 600;
    font-size: 1.1em;
}

.price .con.mid ul li .con_wrap .txt_wrap p.ex {
    text-align: center;
    margin-top: 16px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 22px;
    border-radius: 5px;
    border: 1px solid #FF6C0F90;
    margin-bottom: 16px;
    background-color: #FF6C0F10;
    color: #FF6C0F;
}

.price .con.mid ul li .con_wrap .txt_wrap p.ex span+span {
    margin-top: 4px;
}

.price .con.mid ul li .con_wrap .txt_wrap p.ex span {
    display: block;
}

.price .con.mid ul li .con_wrap .txt_wrap button {
    text-align: center;
    background-color: #f5f5f5;
    transition-duration: 0.3s;
    font-size: 17px;
    padding: 12px 32px;
    width: 100%;
    border-radius: 5px;
    margin-top: 8px;
}

.price .con.mid ul li .con_wrap .txt_wrap button:hover {
    background-color: #FF6C0F;
    color: #fff;
}

.price .con.mid ul li .con_wrap .info {
    padding: 32px;
    border-top: 1px solid #ddd;
}

.price .con.mid ul li .con_wrap .info dl+dl {
    margin-top: 24px;
}

.price .con.mid ul li .con_wrap .info dl {
    display: flex;
    flex-direction: column;
    font-size: 18px;
    padding-left: 38px;
    position: relative;
}

.price .con.mid ul li .con_wrap .info dl dt {
    font-weight: 700;
}

.price .con.mid ul li .con_wrap .info dl.yes::before {
    content: "";
    width: 25px;
    height: 13px;
    background: url(../img/s3/165886018485467.png)no-repeat center center /contain;
    position: absolute;
    left: 0;
    top: 6px;
}

.price .con.mid ul li .con_wrap .info dl.no::before {
    content: "";
    width: 25px;
    height: 25px;
    background: url(../img/s3/165886040493146.png)no-repeat center center /contain;
    position: absolute;
    left: 0;
    top: -1px;
}

.price .con.mid ul li .con_wrap .info dl dd {
    margin-top: 4px;
}

.vat_txt {
    position: absolute;
    color: #888;
    top: 16px;
    right: 32px;
    font-size: 15px;
}

.price .con.mid ul li .con_wrap .txt_wrap.price_txt_wrap {
    background: #fff;
    border-radius: 5px;
}

.price .con.mid ul li .con_wrap .txt_wrap.price_txt_wrap p.price {
    text-align: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    border-bottom: 1px dashed #ddd;
    padding: 6px 0;
}

.price .con.mid ul li .con_wrap .price_txt_wrap b {
    display: block;
    width: 100px;
}


/* 체크박스 디자인 */
.checkbox-wrap>div {
    padding: 24px;
    border-radius: 5px;
    background-color: #FF6C0F10;
    width: calc(100% / 4);
}

.checkbox-wrap .d-block {
    display: flex;
    align-items: center;
    position: relative;
}

.checkbox-wrap .d-block input[type="checkbox"] {
    display: none;
}

.checkbox-wrap .d-block input[type="checkbox"]+label {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #FF6C0F30;
    cursor: pointer;
    border-radius: 4px;
    float: left;
    margin-right: 6px;
}

.checkbox-wrap .d-block:after {
    display: block;
    clear: both;
    content: "";
}

.checkbox-wrap .d-block input[type="checkbox"]:checked+label {
    background: url(../img/sub/check.png)no-repeat center/20px 20px;
    float: left;
    border: 1px solid #FF6C0F;
}

.checkbox-wrap .d-block input[type="checkbox"]+label span {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.checkbox-wrap {
    display: flex;
    display: flex;
    margin-bottom: 30px;
    gap: 10px;
    width: 100%;
    padding: 24px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, .06);
}

.checkbox-wrap>div label {
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
}



.price .bottom {
    background-color: #f5f5f5;
    border-radius: 15px;
    padding: 24px;
    margin-top: 32px;
}

.price .bottom b {
    display: block;
    margin-bottom: 16px;
    color: #FF6C0F;
    font-weight: 600;
    font-size: 18px;
}

.price .bottom ul li+li {
    margin-top: 8px;
}

.price .bottom ul li p {
    position: relative;
    padding-left: 16px;
    font-size: 16px;
}

.price .bottom ul li p::before {
    content: "";
    width: 4px;
    height: 4px;
    background-color: #999;
    position: absolute;
    left: 0;
    top: 5px;
}

.price .btn_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.price .btn_wrap a {
    display: block;
    padding: 12px 32px;
    border-radius: 5px;
    background-color: #FF6C0F;
    color: #fff;
}

.live_modal.on {
    display: block;
}

.price label {
    position: static;
    padding-left: 0;
    margin-bottom: 0;
}

.price label span.on {
    width: 100%;
    height: 50px;
    border-radius: 5px;
}

.price label i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 17px;
}

.price label span.on:after {
    left: 41.5%;
    top: 40%;
    transform: rotate(45deg) translateY(-50%);
}

.price .check_wrap {
    position: relative;
    width: 100%;
    height: 50px;
}

.price .end {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}

/* 20250318 체크스타일 수정 */
.price label {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    /* background: #ddd; */
    border-radius: 4px;
}

/* 
.price label.checked{background-color: #FF6C0F;}

.price label span{border-color: #ccc; margin-left: -10px;}
.price label span, .price label span.on{
    position: static; background: transparent !important; width: max-content; height: max-content;
}
.price label i{position: static;transform: translate(0,0);} */

/* .price label i{position: static;transform: translate(0,0);} */

.price-col .chk_box input[type="checkbox"]:checked+.on:after {
    display: none;
}

.price-col label i {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: translate(0) !important;
}

.price-col label i:before {
    content: '';
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: -15px;
    top: 4px;
    opacity: 0;
    visibility: hidden;
}

.price-col .chk_box input[type="checkbox"]:checked~i:before {
    opacity: 1;
    visibility: visible;
}




.price .end b {
    font-size: 22px;
    margin-bottom: 20px;
    display: block;
    font-weight: 600;
}

.price .end b i {
    font-weight: 600;
}

.price .end .list_in {
    display: flex;
    margin-top: 8px;
    margin-bottom: 20px;
    gap: 8px;
    flex-wrap: wrap;
    border-bottom: 1px solid #ddd;
}

/* .price .end .list_in span{position: relative; padding-right: 8px; margin-right: 8px;} */
.price .end .list_in span {
    position: relative;
    display: block;
    padding: 8px 18px !important;
    background-color: #FF6C0F;
    color: #fff;
    align-items: center;
    border-radius: 20px;
    margin-bottom: 20px;
}

/* .price .end .list_in span::after{content: ""; width: 1px; height: 15px; background-color: #ddd; position: absolute; right: 0; top: 50%; transform: translateY(-50%);} */
.price .end .list_in span:last-child::after {
    display: none;
}

.price .end .list_in span:last-child {
    padding-right: 0;
    margin-right: 0;
}

.price .end {
    display: block;
}

.portone-ui-container {
    width: 650px;
    margin: 0 auto;
    max-width: 100%;
}


.reservation_wrap03 ul li b.title {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 24px;
    padding-bottom: 8px;
    border-bottom: 2px solid #222;
}

.reservation_wrap03 ul li+li {
    margin-top: 60px;
}

.reservation_wrap03 ul li.agree .in .txt_wrap {
    background-color: #f5f5f5;
    padding: 16px;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.reservation_wrap03 ul li.agree .in .txt_wrap p {
    position: relative;
    padding-left: 16px;
}

.reservation_wrap03 ul li.agree .in .txt_wrap p::after {
    content: "";
    width: 5px;
    height: 5px;
    position: absolute;
    left: 0;
    top: 10px;
    background-color: #999;
}

.reservation_wrap03 ul li.agree .in .txt_wrap p+p {
    margin-top: 4px;
}

.reservation_wrap03 ul li.agree .in>div+div {
    margin-top: 16px;
}

.reservation_wrap03 ul li.agree .in .check_box {
    margin-bottom: 8px;
}

.reservation_wrap03 tr td {
    vertical-align: middle;
}

.reservation_wrap03 ul li.input input {
    border: 1px solid #ddd;
}

.reservation_wrap03 ul li.input .in {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.reservation_wrap03 ul li.input .in dl {
    width: 49%;
    margin-bottom: 32px;
}

.reservation_wrap03 ul li.input .in dl dd {
    width: 100%;
}

.reservation_wrap03 ul li.input .in dl dd input {
    width: 100%;
    padding: 16px 8px;
}

.reservation_wrap03 ul li.input .in dl dt p {
    font-weight: 600;
    display: block;
    margin-bottom: 4px;
}

.reservation_wrap03 ul li.input .in dl dt p span {
    color: #ff4d5f;
}

.reservation_wrap03 ul li.input .in dl:last-child {
    width: 100%;
}

.reservation_wrap03 ul li.input .in dl textarea {
    resize: none;
    padding-inline-start: 8px;
    padding: 8px;
}

.reservation_wrap03 ul li.input .in dl.time select {
    width: 120px;
    border: 1px solid #ddd;
    padding: 8px;
    background-position: 90% 50%;
}

.reservation_wrap03 ul li.count .in dl {
    display: flex;
}

.reservation_wrap03 ul li.count .in dl dt {
    width: 130px;
    font-weight: 600;
}

.reservation_wrap03 ul li.count .in dl dt p {
    font-weight: 600;
    padding-top: 2px;
}

/* .reservation_wrap03 ul li.count .in dl dd{width: calc(100% - 130px);} */
.reservation_wrap03 ul li.count .in dl+dl {
    margin-top: 16px;
}

.reservation_wrap03 ul li.count .txt_wrap {
    margin-top: 16px;
    background-color: #f5f5f5;
    padding: 16px;
}

.reservation_wrap03 ul li.count .txt_wrap p {
    position: relative;
    padding-left: 16px;
}

.reservation_wrap03 ul li.count .txt_wrap p::before {
    content: "";
    width: 5px;
    height: 5px;
    background-color: #999;
    position: absolute;
    left: 0;
    top: 10px;
}

.reservation_wrap03 ul li.count button.all {
    width: 150px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #FF6C0F;
    font-size: 18px;
    margin: 32px auto 0 auto;
    padding: 16px;
    color: #fff;
}

.reservation_wrap03 ul li.count dl.money dd p i {
    color: #FF6C0F;
    font-weight: 600;
}

.reservation_wrap03 ul li.count dl.money dd p {
    font-size: 20px;
}

.reservation_wrap03 ul li.count dl.money dd {}

.reservation_wrap03 .table_wrap table thead tr th {
    background-color: #f5f5f5;
    padding: 16px 8px;
}

.reservation_wrap03 .table_wrap table tr td {
    padding: 16px 8px;
}

.reservation_wrap03 .table_wrap table tr td.t_price {
    width: 150px;
    text-align: center;
}

.reservation_wrap03 .table_wrap table tr th.t_price {
    width: 150px;
    text-align: center;
}


.reservation_wrap03 .chk_box {
    font-size: 15px;
}

.reservation_wrap03 label span.on {
    top: 1px;
}


.purchase_list {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.purchase_list p i {
    color: #FF6C0F;
}

.purchase_list p::after {
    content: ",";
    display: inline-block;
    margin-left: 2px;
    margin-right: 4px;
}

.purchase_list p:last-child::after {
    display: none;
}



/* 엘리플레이 뷰  */
.epliplay_view .img_wrap {
    width: 100%;
    height: 100vh;
    position: relative;
}

.epliplay_view .img_wrap img {
    position: absolute;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    object-fit: cover;
}


/* 에듀서비스 결과 */
.edu_result_wrap {
    height: auto;
}

.edu_result {
    height: auto;
}

.edu_result .bd-lg {
    height: 100%;
}

.edu_result b.title {
    font-size: 40px;
    text-align: center;
    display: block;
    margin-bottom: 48px;
}

.edu_result .in {
    background-color: #fff;
    border-radius: 5px;
    padding: 24px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}


.edu_result .table_wrap {
    max-height: 65vh;
    overflow-x: auto;
    overflow-y: hidden;
}

.edu_result .table_wrap thead {
    border-bottom: 1px solid #ddd;
    background-color: #f5f5f5;
}

.edu_result .table_wrap .body_wrap {}

.edu_result .table_wrap {
    width: 100%;
}

.edu_result .table_wrap table {
    width: 100%;
}

.edu_result .table_wrap .thumb img {
    max-height: 150px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.edu_result .table_wrap .sound img {
    width: 50px;
    cursor: pointer;
}

.edu_result .table_wrap .sound.no_sound img {
    opacity: 0.3;
    pointer-events: none;
}

.edu_result .table_wrap span.yes {
    width: 45px;
    height: 45px;
    margin: 0 auto;
    display: block;
    border-radius: 50%;
    border: 8px solid #32C4DE;
}

.edu_result .table_wrap span.no {
    margin: 0 auto;
    display: block;
    border-radius: 50%;
    font-size: 53px;
    font-weight: 600;
    color: #e52d18;
}


.edu_result .table_wrap tr th {
    vertical-align: middle;
    text-align: center;
    padding: 12px 12px;
    border: 1px solid #ddd;
    font-family: 'SejonghospitalBold' !important;
}

.edu_result .table_wrap tr td {
    vertical-align: middle;
    text-align: center;
    padding: 12px 12px;
    border: 1px solid #ddd;
    font-size: 17px;
    font-weight: 600;
}

.edu_result .btn_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 32px;
}

.edu_result button {
    border-radius: 55px;
    padding: 12px 24px;
    background-color: #FF6C0F;
    color: #fff;
    font-size: 17px;
}




/* 결제 */
.pay_con ul li b.title {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 24px;
    padding-bottom: 8px;
    border-bottom: 2px solid #222;
}

.pay_con ul li+li {
    margin-top: 60px;
}

.pay_con ul li.agree .in .txt_wrap {
    background-color: #f5f5f5;
    padding: 16px;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.pay_con ul li.agree .in .txt_wrap p {
    position: relative;
    padding-left: 16px;
}

.pay_con ul li.agree .in .txt_wrap p::after {
    content: "";
    width: 5px;
    height: 5px;
    position: absolute;
    left: 0;
    top: 10px;
    background-color: #999;
}

.pay_con ul li.agree .in .txt_wrap p+p {
    margin-top: 4px;
}

.pay_con ul li.agree .in>div+div {
    margin-top: 16px;
}

.pay_con ul li.agree .in .check_box {
    margin-bottom: 8px;
}

.pay_con tr td {
    vertical-align: middle;
}

.pay_con ul li.input input {
    border: 1px solid #ddd;
}

.pay_con ul li.input .in {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pay_con ul li.input .in dl {
    width: 49%;
    margin-bottom: 32px;
}

.pay_con ul li.input .in dl dd {
    width: 100%;
}

.pay_con ul li.input .in dl dd input {
    width: 100%;
    padding: 16px 8px;
}

.pay_con ul li.input .in dl dt p {
    font-weight: 600;
    display: block;
    margin-bottom: 4px;
}

.pay_con ul li.input .in dl dt p span {
    color: #ff4d5f;
}

.pay_con ul li.input .in dl:last-child {
    width: 100%;
}

.pay_con ul li.input .in dl textarea {
    resize: none;
    padding-inline-start: 8px;
    padding: 8px;
}

.pay_con ul li.input .in dl.time select {
    width: 120px;
    border: 1px solid #ddd;
    padding: 8px;
    background-position: 90% 50%;
}

.pay_con ul li.count .in dl {
    display: flex;
}

.pay_con ul li.count .in dl dt {
    width: 130px;
    font-weight: 600;
}

.pay_con ul li.count .in dl dt p {
    font-weight: 600;
}

.pay_con ul li.count .in dl dd {
    width: calc(100% - 130px);
}

.pay_con ul li.count .in dl+dl {
    margin-top: 16px;
}

.pay_con ul li.count .txt_wrap {
    margin-top: 16px;
    background-color: #f5f5f5;
    padding: 16px;
}

.pay_con ul li.count .txt_wrap p {
    position: relative;
    padding-left: 16px;
}

.pay_con ul li.count .txt_wrap p::before {
    content: "";
    width: 5px;
    height: 5px;
    background-color: #999;
    position: absolute;
    left: 0;
    top: 10px;
}

.pay_con ul li.count button.all {
    width: 150px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #FF6C0F;
    font-size: 18px;
    margin: 32px auto 0 auto;
    padding: 16px;
    color: #fff;
}

.pay_con ul li.count dl.money dd p i {
    color: #FF6C0F;
    font-weight: 600;
}

.pay_con ul li.count dl.money dd p {
    font-size: 20px;
}

.pay_con ul li.count dl.money dd {}

.card_wrap {
    display: flex;
}

.card_wrap .con {
    border-radius: 5px;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 180px;
    position: relative;
    color: #fff;
    width: 245px;
}

.card_wrap .con+.con {
    margin-left: 16px;
}

.card_wrap .con.add_card {
    border: 1px solid #ddd;
    cursor: pointer;
    color: #222;
}

.card_wrap .con.add_card a {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px 24px;
    opacity: 0.6;
    transition-duration: 0.3s;
}

.card_wrap .con.add_card:hover a {
    opacity: 1;
}

.card_wrap .con.add_card p {
    font-weight: 600;
    font-size: 16px;
}

.card_wrap .con.add_card:hover {
    border: 1px solid #ffb042;
    color: #ffb042;
}

.card_wrap .con.add_card p+p {
    margin-top: 16px;
}



/* .card_wrap .con:last-child{margin-left: 0;} */
.card_wrap .con .info {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}

.card_wrap .con .card {
    width: 100%;
    padding: 24px;
}

.card_wrap .con .card p {
    font-size: 16px;
    padding: 8px 0;
}

.card_wrap .x-btn {
    position: absolute;
    right: 16px;
    top: 6px;
    cursor: pointer;
    font-size: 20px;
}

.card_wrap .con p.card_name {
    font-weight: 600;
    font-size: 19px;
}




.cancel_reason>p {
    margin-bottom: 10px;
    cursor: pointer;
}

.reason02 {
    margin-top: 20px;
}

.reason02 input {
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px;
}

.reason02_01 {
    margin-top: 20px;
    overflow: hidden;
}

.reason02_01>p {
    font-size: 1rem;
}

.reason02_01 button {
    width: 100%;
    border: 1px solid #ddd;
    padding: 15px 0;
    border-radius: 5px;
    margin-top: 10px;
    font-size: 16px;
}

.reason02_01 button img {
    width: 16px;
}

.correction_customer .reason02_01 button {
    width: auto;
    padding: 12px 16px;
}

.reason02_01 .img_box ul li {
    display: inline-block;
    width: 85px;
    height: 85px;
    padding-bottom: 0;
    margin-right: 10px;
    position: relative;
    margin-bottom: 8px;
}

.reason02_01 .img_box ul li:last-child {
    margin: 0
}

.join .reason02_01 .img_box ul li {
    margin-top: 0 !important;
    border: 1px solid #ddd;
}

.join .reason02_01 .img_box .sc_event02 ul li {
    width: 240px;
    max-width: 100%;
    padding-bottom: 70%;
    border-radius: 0;
}

.reason02_01 .img_box {
    width: 100%;
}

.reason02_01 .img_box .img_im {
    overflow: scroll;
}

.reason02_01 .img_box ul {
    width: 640px;
    display: flex;
    justify-content: flex-start;
    border-top: 0;
}

.reason02_01 .img_box .sc_event {
    width: 100%;
    overflow-x: auto;
}

.mypage_correction_company .reason02_01 .img_box .sc_event {
    overflow-x: hidden;
}

.reason02_01 .img_box .sc_event::-webkit-scrollbar {
    background-color: #fff;
    height: 10px;
}

.reason02_01 .img_box .sc_event::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 10px;
    background-clip: padding-box;
    border: 2px solid transparent;
}

.reason02_01 .img_box ul li img {
    width: 20px;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 4px;
    border-radius: 10px;
    position: absolute;
    top: 7px;
    right: 7px;
}


/* 댓글관리 */
.reply_list .list+.list {
    margin-top: 60px;
}

.reply_list .list ul {}

.reply_list .list ul li {
    border: 1px solid #ddd;
    border-radius: 5px;
}

.reply_list .list ul li+li {
    margin-top: 8px;
}

.reply_list .list ul li {
    padding: 24px 24px;
}

.reply_list .list ul li:hover {
    background-color: #f5f5f5;
}

.reply_list .list ul li .con_wrap {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.reply_list .list ul li .con_wrap .txt_wrap {
    width: calc(100% - 100px);
}

.reply_list .list ul li .con_wrap .txt_wrap p {
    margin-bottom: 4px;
    cursor: pointer;
    font-weight: 700;
}

.reply_list .list ul li .con_wrap .txt_wrap span {
    display: block;
    font-size: 0.95em;
    opacity: 0.7;
    margin-top: 8px;
}

.reply_list .list ul li .con_wrap .thumb_wrap {
    margin-top: 24px;
    cursor: pointer;
    border-radius: 5px;
    width: 100px;
    height: 65px;
    overflow: hidden;
    position: relative;
}

.reply_list .list ul li .con_wrap .thumb_wrap img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.reply_list .list ul li .con_wrap .btn_wrap {
    position: absolute;
    right: -15px;
    top: -15px;
}

.reply_list .list ul li .con_wrap .btn_wrap .btn {
    width: 25px;
    height: 25px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
}

.reply_list .con b.date {
    display: block;
    font-size: 22px;
    margin-bottom: 12px;
    font-weight: 600;
}

.reply_list .list ul li .con_wrap .txt_wrap .type img {
    width: 80px;
}

.reply_list .list ul li .con_wrap .txt_wrap .type {
    margin-bottom: 8px;
    font-size: 0.95em;
}

/* 채널홈 커뮤니티 */
.commu_list .input_wrap:hover {
    background-color: #ebebeb;
}

.commu_list .input_wrap {
    display: flex;
    cursor: pointer;
    align-items: center;
    border: 1px solid #ddd;
    padding: 12px;
    border-radius: 5px;
    width: 100%;
    background-color: #f5f5f5;
}

.commu_list .input_wrap .img_wrap {
    width: 35px;
    background-color: #fff;
    height: 35px;
    margin-right: 16px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
}

.commu_list .input_wrap input {
    width: 100%;
}

.commu_list .input_wrap p {
    opacity: 0.7;
}

.commu_list>div+div {
    margin-top: 12px;
}



.commu_list .input_write {}

.commu_list .input_write b {
    font-family: 'SejonghospitalBold' !important;
    font-size: 18px;
    font-weight: 700;
    display: block;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ddd;
}

.commu_list .input_write .in {
    border-top: 1px solid #ddd;
    padding-top: 12px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 24px;
}

.commu_list .input_write .in textarea {
    resize: none;
    min-width: 450px;
    height: 450px;
    background-color: #f5f5f5;
    border: 0;
}

.commu_list .input_write .btn_wrap {}

.commu_list .input_write .btm {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    background-color: rgba(245, 245, 245, 0.5);
    bottom: 0;
    left: 0;
    gap: 16px;
    border-top: 1px solid #ddd;
    padding-top: 12px;
    margin-top: 12px;
}

.commu_list .input_write .btm p {
    font-size: 0.85em;
    opacity: 0.7;
}

.commu_list .input_write .btm button {
    font-family: 'SejonghospitalBold' !important;
    font-size: 16px;
    padding: 12px 12px;
    border-radius: 5px;
    min-width: 80px;
}

.commu_list .input_write .btm button:hover {
    background-color: #FF6C0F;
}

.commu_list .input_write .btm .add_img label {
    border-radius: 5px;
    padding: 10px 12px;
    background-color: #fff;
    cursor: pointer;
}

.commu_list .input_write .btm .add_img label img {
    margin-right: 8px;
    filter: invert(0.5);
}

.commu_list .input_view {}





.commu_list .input_write .btn_wrap {
    margin-top: 12px;
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: flex-end;
}

.commu_list .input_write .btn_wrap button {
    opacity: 0.7;
    font-family: 'SejonghospitalBold' !important;
    padding: 12px 24px;
    font-size: 16px;
    border-radius: 5px;
}

.commu_list .input_write .btn_wrap button:hover {
    opacity: 1;
}


.commu_list .list .con_wrap {
    position: relative;
    padding: 24px 24px 24px 88px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background-color: #f5f5f5;
}

.commu_list .list .con_wrap .thumb_wrap {
    position: absolute;
    background-color: #fff;
    left: 16px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
}

.commu_list .list ul li+li {
    margin-top: 12px;
}

.commu_list .list .con_wrap .more_view {
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    ;
    position: absolute;
    right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 16px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 5px;
}

.commu_list .list .con_wrap .more_view .list {
    position: absolute;
    right: 0;
    top: 36px;
    border-radius: 5px;
    padding: 16px;
    background-color: #fff;
    z-index: 3;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    display: none;
}

.commu_list .list .con_wrap .more_view .list button {
    display: flex;
    font-size: 1rem;
    font-weight: 600;
    align-items: center;
    justify-content: center
}

.commu_list .list .con_wrap .more_view .list button img {
    width: 15px;
    margin-right: 8px;
}

.commu_list .list .con_wrap .more_view .list button+button {
    margin-top: 4px;
}

.commu_list .list .con_wrap .more_view .list button:last-child {
    color: #e52d18;
}

.commu_list .list .con_wrap .more_view .list button:last-child img {
    filter: invert(33%) sepia(94%) saturate(5658%) hue-rotate(354deg) brightness(93%) contrast(92%);
}

.commu_list .list .con_wrap .in {
    display: flex;
    justify-content: space-between;
}

.commu_list .list .con_wrap .in .img_wrap {
    width: 120px;
    height: 120px;
    position: relative;
    margin-top: 32px;
    border: 1px solid #ddd;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.commu_list .list .con_wrap .in .img_wrap img {
    height: 100%;
}

.commu_list .list .con_wrap .in .img_wrap i.count {
    position: absolute;
    color: #fff;
    font-size: 14px;
    right: 4px;
    bottom: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.commu_list .list .con_wrap .in .txt_wrap {
    width: calc(100% - 120px);
    padding-right: 32px;
}

.commu_list .list .con_wrap .in .txt_wrap .txt {
    margin-top: 8px;
    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}


.commu_list .list .con_wrap .in .txt_wrap button.more {
    font-size: 1em;
    opacity: 0.7;
}

.commu_list .list .con_wrap .in .txt_wrap .info {
    display: flex;
    align-items: center;
}

.commu_list .list .con_wrap .in .txt_wrap .info b {
    font-size: 17px;
    margin-right: 8px;
    font-family: 'SejonghospitalBold' !important;
}

.commu_list .list .con_wrap .in .txt_wrap .info span.date {
    opacity: 0.8;
}

.commu_list .list .con_wrap .in .txt_wrap .info i.new {
    margin-left: 8px;
    width: 15px;
    font-size: 9px;
    height: 15px;
    border-radius: 3px;
    background-color: #e52d18;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.commu_list .list .con_wrap .in.re {
    margin-top: 24px;
    cursor: pointer;
}

.commu_list .list .con_wrap .in.re p {
    color: #FF6C0F;
}



.commu_list .list.list_view .con_wrap .in .txt_wrap .txt {
    text-overflow: initial;
    -webkit-line-clamp: initial;
}

.commu_list .list.list_view .con_wrap .txt_wrap {
    width: 100%;
}

.commu_list .list.list_view .con_wrap .in .reply_wrap {
    border-top: 1px solid #ddd;
    padding-top: 24px;
}

.commu_list .list.list_view .con_wrap .in {
    width: 100%;
    display: block;
}

.commu_list .list.list_view .con_wrap .in textarea {
    background: #e3e3e3;
}


/* 레벨테스트 */
.level_test {
    position: relative;
    border-radius: 15px;
    text-align: center;
    margin-top: 80px;
    border: 1px solid #ddd;
    border-top: 20px solid #f5f5f5;
    padding: 72px 32px;
    background-color: #fff;
}

.level_test::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 45px;
    background: url(../img/sub/book_btm.svg)no-repeat center bottom/ cover;
    bottom: -24px;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
}

.level_test h3 {
    font-size: 45px;
    display: block;
    margin-bottom: 4px;
}

.level_test p {
    font-size: 16px;
    margin-bottom: 32px;
}

.level_test .object {
    position: absolute;
    top: -55px;
    left: 50%;
    display: flex;
    justify-content: space-between;
    width: 90%;
    height: 45px;
    transform: translateX(-50%);
}

.level_test .object span img {
    width: 50px;
}

.level_test button {
    background-color: #FF6C0F;
    width: 180px;
    max-width: 100%;
    color: #fff;
    border-radius: 55px;
    padding: 12px;
    font-size: 18px;
    font-weight: 600;
}

.level_test button img {
    margin-bottom: -3px;
    margin-left: 8px;
}

/* 단체 신청 현황 */
.my_crew_state table tr td {
    text-align: center;
}



/* 내 알람 */
.my_alarm {
    background-color: #fff;
    padding: 24px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 50px;
    right: 0;
    width: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 70vh;
    display: none;

}

.my_alarm ul li .con_wrap {
    display: flex;
    align-items: center;
}

.my_alarm ul li .con_wrap .thumb {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    justify-content: center;
    border-radius: 50%;
}

.my_alarm ul li .con_wrap .txt_wrap {
    width: calc(100% - 50px);
    padding-left: 16px;
}

.my_alarm ul li+li {
    margin-top: 24px;
}

.my_alarm ul li .con_wrap .txt_wrap span.ex {
    display: block;
    opacity: 0.7;
}

.my_alarm ul li .con_wrap .txt_wrap h3 {
    font-size: 17px;
    font-weight: 600;
}

.my_alarm ul li .con_wrap .txt_wrap span.date {
    display: block;
    font-size: 0.85em;
    opacity: 0.7;
    margin-top: 4px;
}





/* shop */
.main_slide .swiper-slide {
    width: 100% !important;
    min-height: 580px;
}

.main_slide.swiper-wrapper {
    height: 100%;
}

.main_slide .swiper-slide img {
    width: 80%;
}

.shop_main {
    overflow: hidden;
    margin: 0 auto;
}

.shop_main .sub_slide {
    height: 100px;
    cursor: pointer;
}

.shop_main .sub_slide img {}

.shop_main .swiper-button-next {
    right: -15px;
}

.shop_main .swiper-button-prev {
    left: -15px;
}

.shop_main .swiper-button-next,
.shop_main .swiper-button-prev {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #ddd;
}

.shop_main .swiper-button-next:after,
.shop_main .swiper-button-prev:after {
    font-size: 15px;
    color: #222;
}


.shop .top_minilist {
    margin-bottom: 20px;
}

.top_minilist span.on {
    color: #000;
    font-weight: bold;
    position: relative;
    padding-right: 15px;
}

.top_minilist span.on::after {
    content: '';
    display: none;
    width: 7px;
    height: 7px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    position: absolute;
    right: 0;
    top: 36%;
    transform: translateY(-50%) rotate(135deg);
}


.top_minilist span {
    position: relative;
    margin-right: 10px;
    padding-right: 10px;
    color: #666;
    font-size: 14px;
}

.top_minilist span::before {
    width: 8px;
    height: 8px;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    content: '';
    display: block;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 49%;
    right: 0;
}

.top_minilist span:last-child:before {
    border: none
}


.sub-p-banner {
    width: 100%;
    height: 500px;
}

.sub-p-banner .img-bg {
    width: 100%;
    height: 100%;
    background-attachment: fixed;
}

.sub-p-list-container {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: column;
    flex-direction: column;
}


.tab-list-con {
    margin-right: auto;
    width: 272px;
}

.tab-list-con h5 {
    color: #777;
    font-weight: 300;
    line-height: 1.2;
}

.tab-list-con .sel-list {
    width: 272px;
    z-index: 100;
}

.tab-list-con .sel-list>li {
    padding: 8px;
}

.tab-list-con .sel-list-tit {
    padding-left: 0;
}

.tab-list-con .sel-list-tit .sel-arrow {
    top: 42%;
    background-image: url(https://ipschool1.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/icon-b-arrow.png);
    width: 18px;
    height: 10px;
}


.tab-con {
    margin: 4px 16px;
    font-size: 1.15em;
    cursor: pointer;
    opacity: .5;
    padding-bottom: 4px;
    position: relative;
    transform: translateY(1px);
}

.tab-con:first-child {
    margin-left: 0;
}

.tab-con.current {
    border-bottom: 2px solid #FF6C0F;
    opacity: 1;
    color: #FF6C0F;
    font-weight: 700;
}


/* 제품필터 */
.filter-list-con {
    max-width: 96px;
    width: 100%;
    position: absolute;
    right: 16px;
    bottom: 0;
}

.sel-list-tit {
    display: block;
    cursor: pointer;
    padding: 4px 8px;
    padding-right: 16px;
    position: relative;
}

.sel-list-tit .sel-arrow {
    position: absolute;
    right: 4px;
}

.sel-list-tit .sel-arrow.sel-arrow-st1 {
    position: absolute;
    top: 14px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #aaa;
}

.sel-list-tit .sel-arrow.sel-arrow-st2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background-size: 9px 5px;
    width: 9px;
    height: 5px;
    background-repeat: no-repeat;
    background-image: url(https://ipschool1.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/icon-arrow-st2.png);
}

.sel-list-tit.open .sel-arrow {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

.sel-list-tit.open .sel-arrow.sel-arrow-st2 {
    transform: rotate(180deg) translateY(45%);
    -webkit-transform: rotate(180deg) translateY(45%);
    -ms-transform: rotate(180deg) translateY(45%);
}

.sel-list {
    border: 1px solid #d1d1d1;
    display: none;
    position: absolute;
    width: 100%;
    z-index: 10;
    background-color: #fff;
}

.sel-list>li {
    display: block;
    cursor: pointer;
    padding: 4px 8px;
}

.sel-list>li:hover {
    background-color: #f6f6f6;
}

/* 제품상세 */
.pd-view-t-container li {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    width: 100%;
    -webkit-box-orient: vertical;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center;
}

.pd-view-t-container .pd-img-con {
    padding-bottom: 0;
    background-color: #fff;
}

.pd-sle-con {
    margin-bottom: 10px
}

.pd-detail>div:first-child>dl:last-child {
    margin-bottom: 0px
}

.pd-sle-con .right {
    width: 100%;
}

.pd-sle-con .right select {
    width: 100%;
    padding: 16px;
    border-radius: 5px;
    border: 1px solid #ddd;
    cursor: pointer;
    color: #333;
}

.pd-sle-con02:first-child {
    border-top: 1px solid #888;
    border-bottom: none;
}

/* .pd-sle-con02 {border-top:1px solid #888; border-bottom:1px solid #888} */
.pd-sle-con02 .select_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.875rem;
    border-top: 1px solid #ddd;
    background-color: #f5f5f5;
    padding: 15px;
}

.pd-sle-con02 .select_list .select_name {
    width: 45%;
}

.pd-sle-con02 .select_list .select_numder {
    display: flex;
    width: 20%;
    justify-content: flex-end;
}

.count-container {
    width: fit-content;
}

.pd-sle-con02 .select_list .select_price {
    text-align: right;
    width: 20%;
}

.pd-sle-con02 .select_list .product_price {
    font-size: 1.125rem;
}

.pd-sle-con02 .select_list .product_price span {}

.pd-sle-con02 .select_list .product_accumulate {
    font-size: 13px;
    /* margin-top: 4px; */
}

.pd-sle-con02 .select_list .span_accumulate {}

.pd-sle-con02 .select_list .product_tit {
    font-size: 1rem;
}

.pd-sle-con02 .select_list .select_product {
    color: #888;
    margin-top: 3px;
}

.pd-sle-con02 .select_list .span_ac_point {
    color: #be3434;
    border: 1px solid #be3434;
    padding: 2px 2px 0px;
    font-size: 10px;
    border-radius: 3px;
    margin-right: 5px;
}

.pd-sle-con02 .select_list .close {
    width: 13px;
    display: block;
    margin-left: 5px;
}

/* 제품상세 상단 이미지 사이즈 */
.shop_view .pd-view-t-container .row-too-short {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.pd-detail {
    margin: auto;
    border-top: 1px solid #d1d1d1;
    /* padding-top:16px; */
}

.pd-detail .option {
    margin-bottom: 16px;
}

.pd-view-t-container dl {
    display: block;
    /* line-height:3; */
    font-size: 1em;
    margin-bottom: 16px;
}

.pd-view-t-container dt {
    min-width: 130px;
}

.pd-view-t-container .pd-total dt {
    min-width: 100px;
    font-weight: 700;
}


.pd-view-t-container dl.sh_basics_tit {
    font-size: 15px;
    color: #888
}

.pd-view-t-container .basics_option {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.pd-view-t-container dt,
.pd-view-t-container dd {
    display: table-cell;
}


.pd-view-t-container .pd-total {
    display: flex;
    margin-top: 16px;
    justify-content: space-between;
    align-items: center;
}

/* .pd-total{border-top:1px solid #dfdfdf;}  */
.pd-total dt {
    font-weight: 600;
}

.pd-total dd {
    font-size: 1.8rem;
    font-weight: 700;
}

.pd-total dd .price {
    font-weight: 600;
    color: #FF6C0F;
}

.pd-detail>div:first-child {
    padding-top: 15px;
}

.pd-total dd span.total_munbel {
    font-size: 0.65em;
    opacity: 0.7;
}




/* 제품 수량 */
.count-container {
    font-size: 0;
    border: 1px solid #ddd;
    padding: 12px 12px;
    background: #fff;
    border-radius: 5px;
}

.count-container span {
    text-align: center;
    display: inline-block;
    font-size: 22px;
    font-weight: 500;
    line-height: 1em;
}

.count-container span.count {
    position: relative;
    top: -3px;
}

.count-container span.num {
    /* border:1px solid #d1d1d1;  */
    background-color: #fff;
    transform: translateY(1px);
    cursor: pointer;
    width: 40px;
    height: 16px;
}

/* .count-container span.num:hover{border:1px solid transparent; background-color:#626262; color:#fff;} */

.count-container span input {
    border: 0;
    text-align: center;
    width: 30px;
    font-size: 15px;
    background-color: transparent;
    transform: translateY(-1px);
    padding-bottom: 2px;
    font-weight: 500;
}

.count-container span input[type="number"]::-webkit-outer-spin-button,
.count-container span input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* 제품 수량 사이즈 조절 */
.count-container.count-small span {
    font-size: 16px;
    line-height: 1;
}

.count-container.count-small span.num {
    width: 22px;
    height: 22px;
    font-family: sans-serif;
}

.count-container.count-small span input {
    width: 36px;
}


/* 제품상세 버튼 */
.pd-btn-container.row {
    margin-left: -2px;
    margin-right: -2px;
}

.pd-btn-container.row>p {
    padding: 0 2px;
}

.pd-btn-container .btn {
    width: 100%;
    min-width: unset;
}

.pd-btn-container .btn img {
    height: 27px;
}

.pd-btn-container .btn-icon:hover {
    background-color: #222;
    border: 1px solid transparent;
}

/* 별점 */
.star-container {
    position: relative;
    background-image: url(https://ipschool1.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/icon-star0.png);
    width: 128px;
    height: 22px;
    overflow: hidden;
}

.star {
    position: absolute;
    top: 0;
    left: -128px;
    width: 128px;
    height: 22px;
    background-size: contain;
    display: block;
    text-align: left;
    background-image: url(https://ipschool1.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/icon-star5.png);
}

.star-container .star1 {
    left: -107px;
}

.star-container .star2 {
    left: -80px;
}

.star-container .star3 {
    left: -54px;
}

.star-container .star4 {
    left: -27px;
}

.star-container .star5 {
    left: 0;
}

/* 중간영역 소개 탭 */
.view-tab-container {
    font-size: 0;
    letter-spacing: 0;
    display: flex;
    position: relative;
}

.view-tab-container::after {
    content: "";
    width: 1000%;
    height: 1px;
    background-color: #ddd;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    z-index: -1;
}

.view-tab-container::before {
    content: "";
    width: 1000%;
    height: 1px;
    background-color: #ddd;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    z-index: -1;
}

.view-tab-container li {
    font-size: 17px;
    text-align: center;
    cursor: pointer;
    color: #626262;
    position: relative;
    margin: 0;
    padding: 24px 8px;
    flex: 1;

}

.view-detail-wrap .bg-light-gray {
    padding: 32px;
}

.view-detail-wrap .qna .head_table {
    border-top: 1px solid #888;
    color: #333
}

.view-detail-wrap .qna .head_table p {
    color: #333
}


.table-container .pd-detail-table tr td:first-child {
    font-weight: 700;
}

.table-container .pd-detail-table td {
    padding: 8px 12px;
}


/* btn-etc */
.btn-etc {
    text-decoration: underline;
    cursor: pointer;
}

.btn-etc-box a {
    color: #626262;
    background-color: #fff;
    line-height: 1;
    padding: 10px 40px;
    border: 1px solid #d1d1d1;
    font-size: 0.85em;
    cursor: pointer;
}

/* .btn-etc-box:hover, .btn-etc-box:focus{color:#fff; background-color:#626262; border:1px solid transparent;} */
button.btn-etc-box {
    font-size: 1em;
    min-width: 96px;
    min-height: 36px;
    padding: 8px 16px;
}



/* shop_view qna */
.shop_qna ul li {
    border-bottom: 1px solid #ddd;
    padding: 24px 0;
}

.shop_qna ul li .state {
    margin-bottom: 8px;
}

.shop_qna ul li .state b {
    padding: 4px 12px;
    font-size: 13px;
    border-radius: 5px;
}

.shop_qna ul li .info {
    opacity: 0.7;
    display: flex;
    align-items: center;
}

.shop_qna ul li .info p.name {}

.shop_qna ul li .info i {
    margin: 0 8px;
    font-size: 12px;
}

.shop_qna ul li p.txt img {
    width: 17px;
}

.shop_qna ul li p.txt {
    padding: 8px 0;
}


/* 전체 쇼핑몰 */
.tab_swiper_wrap {
    position: relative;
    margin: 0 auto;
    margin-bottom: 32px;
    padding-left: 24px;
    width: 1648px;
}

.tab_swiper_wrap::after {
    content: "";
    width: 100px;
    height: 100%;
}


.tab_swiper {
    overflow: hidden;
}

.tab_swiper .swiper-slide {
    width: auto;
    cursor: pointer;
}

.tab_swiper .swiper-slide span {
    display: block;
    border-radius: 55px;
    padding: 8px 16px;
    border: 1px solid #ddd;
    opacity: 0.7;
}

.tab_swiper .swiper-slide span.on {
    background-color: #FF6C0F;
    color: #fff;
    border: 1px solid #FF6C0F;
    opacity: 1;
}

.tab_swiper .swiper-slide span i {
    font-family: "SUIT", sans-serif;
    font-weight: 600;
}

.tab_swiper .swiper-button-next {
    right: -25px;
}

.tab_swiper .swiper-button-prev {
    left: -25px;
}

.tab_swiper .swiper-button-next,
.tab_swiper .swiper-button-prev {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #ddd;
    z-index: 1 !important;
}

.tab_swiper .swiper-button-next:after,
.tab_swiper .swiper-button-prev:after {
    font-size: 15px;
    color: #222;
}


/* 주문배송 내역 */
.orderlist_new .list ul li .top_con {
    display: flex;
    border-bottom: 2px solid #222;
    padding-bottom: 12px;
    margin-bottom: 0;
    justify-content: space-between;
    font-size: 20px;
    font-weight: 600;
}

.orderlist_new .list ul li .top_con img {
    width: 7px;
    margin-left: 6px;
}

.orderlist_new .list ul li .top_con button {
    font-size: 17px;
}

.orderlist_new .list ul li .top_con span.date {
    font-weight: 600;
}

.orderlist_new .list ul li .table_wrap {
    margin-top: 0;
}

.orderlist_new .list ul li .table_wrap tr th {
    background-color: #fff;
    text-align: left;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    color: #666;
}

.orderlist_new .list ul li .table_wrap tr th.name {
    font-weight: 800;
    color: #222;
}

.orderlist_new .list ul li .table_wrap tr td.num {
    width: 80px;
}

.orderlist_new .list ul li .table_wrap tr td.check {
    width: 50px;
}


.orderlist_new .list ul li .table_wrap tr td {
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

.orderlist_new .list ul li .table_wrap tr td.price {
    font-weight: 600;
}

.orderlist_new .list ul li .table_wrap tr td.state {
    font-weight: 600;
}

.orderlist_new .list ul li .table_wrap tr td div.ing {
    color: #FF6C0F;
    font-weight: 700;
}

.orderlist_new .list ul li .table_wrap tr td span.list_rock {}

.orderlist_new .list ul li .table_wrap tr td span.list_rock img {
    width: 15px;
    display: inline;
}

.orderlist_new .list ul li .table_wrap .info {
    display: flex;
    align-items: center;
}

.orderlist_new .list ul li .table_wrap .info .thumb_wrap {
    width: 100px;
    height: 100px;
    overflow: hidden;
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    justify-content: center;
}

.orderlist_new .list ul li .table_wrap .info .txt_wrap {
    margin-left: 24px;
}

.orderlist_new .list ul li .table_wrap .info .txt_wrap a {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
}

.orderlist_new .list ul li .table_wrap .info .txt_wrap span {
    display: block;
    opacity: 0.7;
}

.orderlist_new .list ul li+li {
    margin-top: 60px;
}


.point_wrap_new .list ul li .table_wrap {
    border-top: 2px solid #222;
}

.mypage .orderlist_new .list ul li+li {
    margin-top: 32px;
}

.mypage .orderlist_new .button button {
    padding: 12px 16px;
    border-radius: 5px;
    width: 90px;
}

.my_address.orderlist_new .list ul li .table_wrap thead tr:first-child {
    border-top: 1px solid #ddd;
}

.my_address.orderlist_new .list ul li .table_wrap tr td {
    text-align: center;
}

.my_address.orderlist_new .list ul li .table_wrap tr td.fc-o {
    width: 120px;
}

.my_address .btn_wrap button {
    border-radius: 55px;
    padding: 8px 24px;
    font-size: 15px;
    min-width: fit-content;
    flex-shrink: 0;
}

.my_address .btn_wrap {
    display: flex;
    align-items: center;
    gap: 12px;
    overflow-x: auto;
}

.my_address_view .jion_list {
    width: 960px;
    max-width: 100%;
}

.my_address_view .btn_wrap button {
    border-radius: 55px;
    padding: 8px 24px;
    font-size: 15px;
}

.my_address_view .btn_wrap {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 60px;
}


.search_area {
    display: flex;
    gap: 8px;
    margin-bottom: 32px;
    background-color: #f5f5f5;
    border-radius: 5px;
    padding: 12px;
}

.search_area select {
    color: #999;
    cursor: pointer;
    width: 150px;
    background-position: 90% 50%;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 12px;
    background-color: #fff;
}

.search_area button {
    color: #999;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 12px;
    background-color: #fff;
    font-weight: 600;
}

.search_area input {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 12px;
    color: #999;
}

.search_area>div.on button {
    border: 1px solid;
    color: #222;
}

.search_area.no_opacity button {
    color: #fff;
}

.search_area.no_opacity select {
    color: #222;
}



/* 마이페이지 리뷰 */
.mypage_review .tab {
    border-bottom: 1px solid #ddd;
}

.mypage_review .tab p {
    padding-top: 0;
}

.mypage_review .tab p:first-child {
    padding-left: 0;
}


/* 마이페이지 문의리스트 */
.my_qna_list ul.in li {
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 24px;
}

.my_qna_list ul.in li .con_wrap {}

.my_qna_list ul.in li .con_wrap .info {
    display: flex;
    font-size: 0.9rem;
    align-items: center;
    justify-content: space-between;
}

.my_qna_list ul.in li .con_wrap a {
    font-weight: 600;
    font-size: 1.1rem;
    display: block;
    margin: 8px 0;
}

.my_qna_list ul.in li .con_wrap p {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 95%;
    white-space: nowrap;
}

.my_qna_list ul.in li+li {
    margin-top: 12px;
}

.my_qna_list ul.in li .info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.my_qna_list ul.in li .info b.complete {
    background-color: #FF6C0F;
    color: #fff;
}

.my_qna_list ul.in li .info b.answer {
    background-color: #000;
    color: #fff;
}

.my_qna_list ul.in li .info b {
    border-radius: 55px;
    background-color: #f5f5f5;
    padding: 8px 16px;
    font-size: 13px;
}

.my_qna_list ul.in li .info .date {
    opacity: 0.7;
}

.my_qna_list ul.in li .con_wrap02 {
    margin-top: 24px;
    border-radius: 5px;
    padding: 24px;
    background-color: #f5f5f5;
}

.my_qna_list ul.in li .con_wrap02 {
    display: none;
}

.my_qna_list ul.in li .con_wrap02 p {
    width: 100%;
}

.my_qna_list ul.in li .con_wrap01.on p {
    text-overflow: initial;
    overflow: inherit;
    white-space: wrap;
    width: 100%;
}

.my_qna_list .pd_wrap {
    display: flex;
    align-items: center;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px dashed #ddd;
}

.my_qna_list .pd_wrap .thumb_wrap {
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 65px;
    height: 65px;
    overflow: hidden;
}

.my_qna_list .pd_wrap .txt_wrap {
    padding-left: 16px;
    font-size: 15px;
}

.my_qna_list .pd_wrap .txt_wrap a {
    font-size: 15px !important;
}



/* 컨텐츠 결제내역 */
.my_contnets .total {
    border-top: 1px dashed #ddd;
    margin-top: 24px;
    padding-top: 24px;
    display: flex;
    justify-content: flex-end;
}

.my_contnets .total p {
    font-size: 18px;
    font-weight: 600;
}

.my_contnets .total p i {
    font-size: 23px;
    font-weight: 600;
    margin-left: 8px;
}



/* 카테고리 페이지 */
.category_con .top_con {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}

.category_con .top_con button {
    border-radius: 5px;
    padding: 6px 12px;
    margin-left: 12px;
}

.category_con .top_con b {
    display: block;
    font-weight: 700;
    font-size: 1.25rem;
}

/* 계좌관리 카테고리 */
.account_con .con02 {
    background-color: #f5f5f5;
    padding: 32px;
    border-radius: 15px;
    margin-top: 0 !important;
}

.account_con dl {
    display: flex;
    align-items: center;
}

.account_con dl+dl {
    margin-top: 8px;
}

.account_con dl dt {
    font-weight: 600;
    margin-right: 16px;
    width: 100px;
    font-size: 16px;
}

.account_con dl dd {
    width: calc(100% - 100px);
}

.account_con dl input {
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #fff;
    padding: 10px;
    width: 370px;
    max-width: 100%;
}

.account_con .btn_wrap {
    margin-top: 24px;
}

.account_con .btn_wrap button {
    border-radius: 5px;
    padding: 8px 16px;
    width: 80px;
    max-width: 100%;
    font-size: 16px;
}


/* 배송지관리 */
.my_address_view .con02 {
    background-color: #f5f5f5;
    padding: 32px;
    border-radius: 15px;
    margin-top: 0 !important;
}

.my_address_view .con02 input {
    background-color: #fff !important;
}

.my_address_view .jion_list li .jion_title {
    width: 150px;
}

.my_address_view .jion_list li .jion_right {
    width: calc(100% - 150px);
}



/* 카테고리 뷰페이지*/
.category_list_wrap {
    display: flex;
    align-items: flex-start;
}

.category_list_wrap .category_side.mo_view {
    display: none;
}

.category_list_wrap .category_side {
    width: 450px;
    max-height: 70vh;
    overflow: hidden auto;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.category_list_wrap .category_side .thumb_wrap {
    width: 120px;
    border: 1px solid #ddd;
    padding-bottom: 20%;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.category_list_wrap .category_side .thumb_wrap img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.category_list_wrap .category_side b.num {
    font-size: 0.85em;
    width: 15px;
}

.category_list_wrap .category_side ul li {
    padding: 0px 16px;
}

.category_list_wrap .category_side ul li.on {
    background-color: #f5f5f5;
    padding-top: 8px;
    padding-bottom: 8px;
}

.category_list_wrap .category_side ul li+li {
    margin-top: 12px;
}

.category_list_wrap .category_side .con_wrap {
    display: flex;
    align-items: center;
    gap: 12px;
}

.category_list_wrap .category_side .con_wrap .txt {
    font-size: 16px;
}

.category_list_wrap .category_side .con_wrap .txt_wrap .txt b {
    display: block;
    font-size: 16px;
    ;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.category_list_wrap .category_side .con_wrap .txt span.name {
    opacity: 0.7;
    font-size: 0.9em;
}

.category_list_wrap .live_view_con .video_wrap {
    width: 100%;
}

.category_list_wrap .live_view_con .video_wrap02 {}

.category_list_wrap .category_side .select_con {
    padding: 16px 16px 8px 16px;
}

.category_list_wrap .category_side select {
    border: 1px solid #ddd;
    padding: 12px 24px 12px 12px;
    border-radius: 5px;
    background-position: 90%;
}

.category_list_wrap .category_side .txt_wrap {
    width: calc(100% - 135px);
}

.category_list_wrap .state {
    position: absolute;
    z-index: 1;
    right: 4px;
    bottom: 4px;
    display: flex;
    align-items: center;
}

.category_list_wrap .state p {
    border-radius: 55px;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 11px;
    padding: 2px 6px;
    margin-right: 8px;
}

.category_list_wrap .state p:last-child {
    margin-right: 0;
}


.payment_way {
    min-height: auto;
}


#chart {
    width: 700px;
    height: 700px;
    display: block;
    margin: auto;
    font-weight: 700;
    background-color: #fff;
    border: 20px solid #FFF4ED;
    border-radius: 50%;
    fill: #222;
    font-family: 'Poppins', "SUIT", sans-serif;
}

#chart path {
    fill: #FFDBC5;
    /*!important;*/
    stroke: none;
}

#chart text {
    font-size: 8px;
    fill: #222;
}

#chart text:nth-child(2n) {
    fill: #FF6C0F;
}


.data_con {
    border-top: 2px solid #333;
}

.data_con ul li {
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}

.data_con ul li .con_wrap {
    padding: 24px 0;
    display: flex;
    juustify-content: space-between;
}

.data_con ul li .con_wrap b {
    font-size: 18px;
    font-weight: 600;
    width: calc(100% - 100px);
}

.data_con ul li .con_wrap span {
    opacity: 0.7;
    width: 100px;
    text-align: right;
}

.data_con ul li .con_wrap .txt_wrap {
    width: calc(100% - 100px);
}

.guide_wrap {
    min-height: calc(100vh - 80px);
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
}

.guide_wrap .level_arrow {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.guide_wrap .level_arrow b {
    margin: 0 16px;
    color: #FF6C0F;
    font-weight: 600;
    font-size: 23px;
}

.guide_wrap .level_arrow button {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f5f5f5;
}

.guide_new {
    width: 1500px;
    max-width: 100%;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 5px;
}

.guide_new table .img_wrap {
    text-align: center;
    width: 160px;
    max-width: 100%;
    margin: 0 auto;
}

.guide_new table .img_wrap .img_in {
    padding-bottom: 56.25%;
}

/* .guide_new table .img_wrap img{width: 160px; margin: 0 auto;} */
.guide_new table {
    width: 100%;
    table-layout: fixed;
    border-top: 2px solid #222;
}

.guide_new table tr {
    border-bottom: 1px solid #ddd;
}

.guide_new table tr th {
    background-color: #eee;
    text-align: center;
    padding: 12px 4px;
    vertical-align: middle;
    font-family: 'SejonghospitalBold' !important;
}

.guide_new table tr th:first-child {}

.guide_new table tr td {
    padding: 8px 8px;
    vertical-align: middle;
    text-align: center;
}

.guide_week .guide_new table tr td {
    padding: 16px 4px 0 4px;
    vertical-align: top;
}

.guide_new table tr td:first-child {}

.guide_new table tr td p.week {
    background-color: #fff;
    color: #fff;
    padding: 12px 12px;
    border-radius: 2px;
}

.guide_new table tr td p.week1 {
    background-color: #FFC700;
    color: #fff;
}

.guide_new table tr td p.week2 {
    background-color: #FF6C0F;
    color: #fff;
}

.guide_new table tr td p.week3 {
    background-color: #ff6e6e;
    color: #fff;
}

.guide_new table tr td p.week4 {
    background-color: #ff4545;
    color: #fff;
}




.guide_new table div.plus {
    cursor: pointer;
    position: absolute;
    font-size: 30px;
    font-weight: 200;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.guide_wrap .title {
    text-align: center;
}

.guide_wrap .title h2 {
    font-size: 30px;
    font-weight: 600;
    display: block;
}

.guide_wrap .title .gene {
    display: flex;
    justify-content: center;
}

.guide_wrap .title .gene span {
    display: block;
    font-size: 18px;
    position: relative;
    margin-right: 16px;
    padding-right: 16px;
    opacity: 0.7;
}

.guide_wrap .title .gene span::after {
    content: "";
    width: 10px;
    height: 10px;
    border-right: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    transform: translateY(-50%) rotate(-45deg);
    position: absolute;
    right: 0;
    top: 50%;
}

.guide_wrap .title .gene span:last-child:after {
    display: none;
}

.guide_wrap .title .gene span:last-child {
    padding-right: 0;
    margin-right: 0;
}

.guide_new table tr .activity b {
    font-size: 15px;
    display: block;
    opacity: 0.7;
}

.guide_new table tr .activity:hover {
    background-color: #FF6C0F;
    color: #fff !important;
}

.guide_new table tr .activity:hover i {
    color: #fff !important;
}

.guide_new table tr .activity {
    cursor: pointer;
    transition-duration: 0.3s;
    text-align: center;
    padding: 16px;
    background-color: #fff;
    border-radius: 5px;
}

.guide_new table tr .activity p {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    font-family: 'SejonghospitalBold' !important;
}

.guide_wrap02 .guide_new table tr {
    border-bottom: 0;
}

.guide_wrap02 .guide_new table {
    border: 0;
    table-layout: inherit;
}

.guide_wrap02 .guide_new table+table {
    margin-top: 24px;
}

.guide_wrap02 .guide_new table thead tr th div {
    background-color: #FF9116;
    color: #fff;
    height: 50px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
    padding: 12px;
    font-size: 18px;
}


/* .guide_wrap02 .guide_new table thead tr th:nth-child(2) div{background-color: #FFC700; }
.guide_wrap02 .guide_new table thead tr th:nth-child(3) div{background-color: #32C4DE; }
.guide_wrap02 .guide_new table thead tr th:nth-child(4) div{background-color: #B56EFF; }
.guide_wrap02 .guide_new table thead tr th:nth-child(5) div{background-color: #8DC63F; }
.guide_wrap02 .guide_new table thead tr th:nth-child(6) div{background-color: #ff6e9e; }
 */
.guide_wrap02 .guide_new table thead tr th.on div {
    filter: grayscale(0);
    opacity: 1;
}

.guide_new .table03 table thead tr th {
    background-color: transparent;
}

.guide_new .table03 table thead tr th i:last-child {
    display: none;
}

.guide_new .table03 table thead tr th div {
    color: #fff;
    padding: 16px 0;
    border-radius: 5px;
}

.guide_new .table03 table thead tr th:nth-child(1) div {
    background-color: #a0a0a0;
}

.guide_new .table03 table thead tr th:nth-child(2) div {
    background-color: #FFC700;
}

.guide_new .table03 table thead tr th:nth-child(3) div {
    background-color: #32C4DE;
}

.guide_new .table03 table thead tr th:nth-child(4) div {
    background-color: #B56EFF;
}

.guide_new .table03 table thead tr th:nth-child(5) div {
    background-color: #8DC63F;
}

.guide_new .table03 table thead tr th:nth-child(6) div {
    background-color: #FF6C0F;
}



.guide_wrap02 .guide_new table thead tr th {
    background-color: transparent;
    padding-bottom: 0;
}

/* .guide_wrap02 .guide_new table tr td{width: 16.666%;} */
/* .guide_wrap02 .guide_new table thead tr:first-child th:first-child{visibility: hidden;} */

/* .guide_wrap02 .guide_new table tr th:first-child{width: 150px; background-color: #f5f5f5; padding: 0 24px;} */
.guide_wrap02 .guide_new table tr td>div {
    border: 1px solid #000;
    border-radius: 5px;
    width: 100%;
    background-color: #fff;
    padding: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;

}

/* .guide_wrap02 .guide_new table .img_wrap{position: relative; width: 100%; } */
.guide_wrap02 .guide_new table .img_in {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
    padding-bottom: 56.25%;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.guide_wrap02 .guide_new table .img_in .x_btn {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background-color: #111;
    display: flex;
    align-items: center;
    justify-content: center;
}

.guide_wrap02 .guide_new table .img_in .x_btn img {
    width: 15px;
    filter: brightness(1) contrast(1);
}

.guide_wrap02 .guide_new .table01 table tbody tr th {}

.guide_wrap02 .guide_new .table01 table tbody tr th.w {
    background-color: #0099cc;
    color: #fff;
}

.guide_wrap02 .guide_new .table01 table tbody tr th.w div {
    font-size: 20px;
}

.guide_wrap02 .guide_new .table01 table tbody tr th.name {
    background-color: transparent !important;
}

.guide_wrap02 .guide_new .table02 table tbody tr th.name {
    background-color: transparent !important;
}

.guide_wrap02 .guide_new .table02 table tbody tr th.w {
    background-color: #999;
    color: #fff;
}

.guide_wrap02 .guide_new .table02 table tbody tr th.w div {
    font-size: 20px;
}

.guide_wrap02 .guide_new .table02 {
    margin-top: 32px;
    border: 1px solid #ddd;
}

.guide_wrap02 .guide_new .table02 tr th p {}

.guide_wrap02 .guide_new .table01 tbody {
    background-color: #f5f5f5;
    border-radius: 15px;
}

.guide_wrap02 .guide_new .table01 table tr th i:last-child {
    display: none;
}

.guide_wrap02 .guide_new .table01 table tr th i {
    min-width: 100px;
    display: block;
}

.guide_wrap02 .guide_new .table01 table tr th {
    cursor: pointer;
}

.guide_wrap02 .guide_new .table02 table tr td {
    padding-top: 22px;
    padding-bottom: 22px;
}

.guide_wrap02 {
    position: relative;
}

.guide_wrap02 .guide_new .table01 {
    display: flex;
}

.guide_wrap02 .guide_new .table01>p {
    height: calc(auto - 50px);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0099cc;
    color: #fff;
    border-radius: 5px;
    padding: 12px;
    margin-right: 4px;
}



/* .guide_wrap02::after{content: ""; width: 230px; height: 150px; position: absolute; left: 0; z-index: -1; bottom:0; background: url(../img/sub/join.png)no-repeat center center /cover;} */



.top_new {
    width: 1500px;
    max-width: 100%;
    padding: 0;
    margin: 12px auto 0 auto;
    align-items: center;
    position: relative;
    z-index: 2;
}

.top_new .elikiz_header {
    margin-right: 16px;
}

.top_new .elikiz_header img {
    max-width: 120px;
    max-height: 60px;
    object-fit: contain;
}

.new_bg {
    width: 1720px;
    max-width: 100%;
    margin: 0 auto;
}

.top_new .t_btn {
    margin-bottom: 0;
}

.top_new .title {
    margin-left: 24px;
}

.top_new .t_btn button {
    padding: 10px 12px;
    font-size: 18px;
}



/*가이드 수정*/
.time_set {
    font-size: 18px;
    margin-top: 8px;
    display: flex;
    justify-content: center;
    gap: 4px;
}

.time_set span {
    font-weight: 600;
}

.edit_btn {
    width: 1720px;
    max-width: 100%;
    text-align: left;
    margin: 16px auto 0 auto;
}

.edit_btn button {
    font-size: 16px;
    border: 1px solid #ddd;
    padding: 4px 12px;
    border-radius: 5px;
}

.guide_wrap02 .guide_new table {
    display: block;
}

.guide_wrap02 .guide_new table thead {
    display: flex;
    width: 100%;
}

.guide_wrap02 .guide_new table thead tr {
    display: flex;
    width: 100%;
}

.guide_wrap02 .guide_new table thead tr th {
    display: block;
    width: 20%;
}

.guide_wrap02 .guide_new table tbody {
    display: flex;
    width: 100%;
}

.guide_wrap02 .guide_new table tbody tr {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 20%;
}

.guide_wrap02 .guide_new table tbody tr td {
    width: 100%;
}

.guide_wrap02 .title02 {
    width: 1720px;
    max-width: 100%;
    margin: 12px auto 0 auto;
}

.guide_wrap02 .title02 p {
    font-size: 17px !important;
    color: #999 !important;
}


.guide_wrap03 {
    margin-top: 70px;
}

.guide_wrap03 .top {
    width: 1815px;
    max-width: calc(100% - 50px);
}

.guide_wrap03 .top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.guide_wrap03 .top .week_btn {
    display: flex;
    align-items: center;
    gap: 12px;
}

.guide_wrap03 .top .week_btn button {
    border: 1px solid #FF6C0F;
    font-weight: 600;
    font-size: 18px;
    color: #ff6709;
    padding: 10px 16px;
    border-radius: 5px;
    white-space: nowrap;
    transition-duration: 0.3s;
}

.guide_wrap03 .top .week_btn button:hover {
    background-color: #FF6C0F;
    color: #fff;
}

.guide_wrap03 .schedule_wrap {
    width: 1815px;
    max-width: calc(100% - 50px);
    margin: 16px 50px 0 0;
}

.guide_wrap03 .schedule_wrap .s_con ul {
    display: flex;
    width: 100%;
    gap: 0 24px
}

.guide_wrap03 .schedule_wrap .s_con ul li.num {
    width: 95px;
}

.guide_wrap03 .schedule_wrap .s_con ul li {
    width: calc(16.666% - 40px);
}

/* 아이피 대표님이 주황색말고 다른날짜보다 조금만 더 진하게 해달라고 하셔서 임시로 수정했습니다 */
/* .guide_wrap03 .schedule_wrap .s_body ul li.today .con_wrap{box-shadow: 0 0 14px #FF5722; border: 1px solid #FF6C0F;} */
/* .guide_wrap03 .schedule_wrap .s_head ul li.today .con_wrap{background-color: #FF6C0F;} */

.guide_wrap03 .schedule_wrap .s_body ul li.today .con_wrap {
    box-shadow: 0 0 14px #553333;
    border: 1px solid #553333;
}

.guide_wrap03 .schedule_wrap .s_head ul li.today .con_wrap {
    background-color: #555555;
}



.guide_wrap03 .schedule_wrap .s_head ul {
    background-color: #979797;
    color: #fff;
    border-radius: 5px;
}

.guide_wrap03 .schedule_wrap .s_head ul li p {
    font-size: 25px;
    font-weight: 600;
}

.guide_wrap03 .schedule_wrap .s_head ul li p span {
    font-size: 0.75em;
    font-weight: 600;
    margin-right: 4px;
}

.guide_wrap03 .schedule_wrap .s_head ul li .con_wrap {
    display: flex;
    flex-direction: column;
    gap: 8px 0;
    height: 100%;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
}

/* .guide_wrap03 .schedule_wrap .s_body ul:first-child li.num{border-top-left-radius: 5px; border-top-right-radius: 5px;} */
/* .guide_wrap03 .schedule_wrap .s_body ul:last-child li.num{border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;} */
.guide_wrap03 .schedule_wrap .s_head ul li .con_wrap b {
    background-color: #fff;
    color: #333;
    padding: 4px 12px;
    border-radius: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
}

.guide_wrap03 .schedule_wrap .s_head ul li .con_wrap b i {
    font-weight: 600;
}

.guide_wrap03 .schedule_wrap .s_head ul li:first-child .con_wrap b {
    background-color: transparent;
    color: #fff;
    font-size: 20px;
}

.guide_wrap03 .schedule_wrap .s_head ul li:first-child .con_wrap {
    gap: 0;
}

.guide_wrap03 .schedule_wrap .s_head ul li:first-child {}


.guide_wrap03 .schedule_wrap .s_body ul+ul {
    margin-top: 16px;
}

.guide_wrap03 .schedule_wrap .s_body ul li.num {
    background-color: #EEE;
    border-radius: 10px;
    color: #111;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.guide_wrap03 .schedule_wrap .s_body ul li.num p {
    font-weight: 600;
    text-align: center;
    font-size: 25px;
}

.guide_wrap03 .schedule_wrap .s_body ul li.num .con_wrap {
    border: 0;
}

.guide_wrap03 .schedule_wrap .s_body ul li.num p span {
    display: block;
    text-align: center;
    font-size: 0.8em;
    font-weight: 600;
}

.guide_wrap03 .schedule_wrap .s_body ul li.num .con_wrap {
    padding-bottom: 0;
    aspect-ratio: inherit;
}



.guide_wrap03 .schedule_wrap .s_body ul li .add_btn {
    width: 100%;
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 16/9;
}

.guide_wrap03 .schedule_wrap .s_body ul li .con_wrap {
    position: relative;
    border: 1px solid #000;
    aspect-ratio: 16/9;
    overflow: hidden;
    border-radius: 5px;
    overflow: hidden;
}

.guide_wrap03 .schedule_wrap .s_body ul li .con_wrap .img_wrap {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../img/main/img16.png);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100.6%;
    height: 100%;
}

.guide_wrap03 .schedule_wrap .s_body ul li .con_wrap .time {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
    gap: 16px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 2px;
    color: #fff;
    padding: 6px 14px;
    font-size: 14px;
}

.guide_wrap03 .schedule_wrap .s_body ul li .con_wrap .unit {
    border-radius: 5px;
    padding: 6px 12px;
    position: absolute;
    left: 10px;
    top: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 14px;
}

.guide_wrap03 .schedule_wrap .s_body ul li .x_btn {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.8);
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.guide_wrap03 .schedule_wrap .s_body ul li .x_btn img {
    width: 15px;
}

.guide_wrap03 .schedule_wrap .s_body ul li .x_btn.edit-btn {
    top: 30px;
}


/* 2025-03-13 */
/* 클래스 추가 */
/* .class.guide_wrap03 .schedule_wrap .s_con ul{gap:0 16px} */
/* .class.guide_wrap03 .schedule_wrap .s_con ul li{width: calc((100% - 96px) / 7);} */
.class.guide_wrap03 .schedule_wrap .s_con ul li {
    cursor: pointer;
    ;
}

.class.guide_wrap03 .schedule_wrap .s_con ul li.num {
    width: 96px;
    position: relative;
}

/* .class.guide_wrap03 .schedule_wrap .s_con ul li.plus-li .add_btn{border: 1px solid #aaa; border-radius: 4px;  width: 40px; height: 25px; top: auto; bottom: 0px;}
.class.guide_wrap03 .schedule_wrap .s_con ul li.plus-li .con_wrap{position: relative; top: -10px;} */

.class.guide_wrap03 .schedule_wrap .s_con ul li.plus-li {
    aspect-ratio: 1 / 0.08;
    position: relative;
    width: 100% !important;
    border-radius: 5px;
    background-color: #f5f5f5;
    border: 1px solid #000;
    overflow: hidden;
}

.class.guide_wrap03 .schedule_wrap .s_con ul li.plus-li .add_btn {
    height: 100%;
    aspect-ratio: none;
}


.con_thumb_list {
    max-height: 20vh;
    overflow-y: auto;
}

.con_thumb_list ul {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.con_thumb_list ul li {
    width: calc((100% - 60px) / 7);
    cursor: pointer;
}

.con_thumb_list ul li .thumb_wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 1.6 / 1;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid #111;
}

.con_thumb_list ul li .thumb_wrap img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}

.con_thumb_list ul li p {
    font-size: 13px;
    padding-top: 4px;
    text-align: left;
}

.con_thumb_list ul li .floatbtn {
    position: absolute;
    right: 4px;
    top: 4px;
    background-color: #000;
    padding: 2px 6px;
    color: #fff;
    font-size: 12px;
    border-radius: 2px;
    z-index: 2;
}

.con_thumb_list ul li.on .thumb_wrap {
    border: 2px solid #FF6C0F;
}

.con_thumb_list ul li.on .thumb_wrap:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #FF6C0F;
    opacity: .5;
    display: block;
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.con_thumb_list ul li.on p {
    color: #FF6C0F;
}

.con_thumb_list ul li:hover .thumb_wrap {
    border-color: #FF6C0F;
}

.con_thumb_list ul li:hover p {
    color: #FF6C0F;
}

/* 
.study_head03 .new_header{width: 1830px; max-width: calc(100% - 66px); padding: 0 0px 0 16px; left: 0; transform: translate(0);}
.study_head03 .new_header .left_con{padding-left: 0;}
.study_head03 .new_header .right_con{padding-right: 0;}

 */



.study_head03 .schedule_wrap_title {
    margin-left: 24px;
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 27px;
}

.study_head03 .schedule_wrap_title h2 {
    font-weight: 700;
    color: #999;
    position: relative;
    padding-right: 16px;
}

.study_head03 .schedule_wrap_title h2::after {
    content: "";
    width: 2px;
    height: 15px;
    margin-left: 16px;
    background-color: #666;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.study_head03 .schedule_wrap_title h2:last-child::after {
    display: none;
}

.study_head03 .schedule_wrap_title h2:last-child {
    color: #111;
    font-weight: 800;
}





.guide_wrap03 .schedule_wrap .s_head ul li p#currentTime {
    font-size: 20px;
}


.study_head03 .mid_con {
    display: none;
}

.study_head03 .left_con .menu {
    display: none !important;
}

.study_head03 .new_header .left_con .logo {
    margin-left: 38px;
}

.study_head03 .new_header .right_con {
    padding-right: 72px;
}

.mo_view04.schedule_wrap_title {
    display: none;
}


.table_mo_veiw {
    display: none;
}

.guide_wrap03 .top {
    padding-left: 105px;
}


/* 가입유형 */
.join_type .sub-main-title {
    margin-bottom: 60px;
}

.join_type .new_header .mid_con {
    display: none;
}

.join_type .new_header .right_con .con.con02 {
    display: none;
}

.join_type .new_header .right_con .con.study_view {
    display: none;
}

.join_type .new_header .right_con .con.shop_btn {
    display: none;
}

.join_type .new_header .alarm {
    display: none;
}

.join_type .new_header .thumb_wrap {
    display: none;
}

.join_type .login_btn {
    display: none;
}


.join_type .list {
    max-width: calc(100% - 50px);
    margin: 16px 50px 0 0;
}

.join_type .list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-between;
}

.join_type .list ul li {
    /* width: calc(25% - 16px); */
    width: calc((100% - 36px) / 2);
}

.join_type .list ul li:hover .con_wrap {
    border: 1px solid #FF6C0F;
}

.join_type .list ul li .con_wrap {
    border: 1px solid #333;
    background-color: #f9f9f9;
    border-radius: 5px;
    padding: 38px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.join_type .bd {
    padding: 0 16px;
}

.join_type .list ul li .con_wrap dl {
    display: flex;
    align-items: flex-start;
    font-size: 17px;
}

.join_type .list ul li .con_wrap dl+dl {
    margin-top: 22px;
}

.join_type .list ul li .con_wrap dl dd {
    font-weight: 600;
}

.join_type .list ul li .con_wrap dl dt {
    padding-right: 16px;
    min-width: 130px;
}

.join_type .top {
    text-align: center;
    padding-bottom: 32px;
    margin-bottom: 32px;
    border-bottom: 1px solid #ddd;
}

.join_type .top p.price {
    font-size: 18px;
    text-align: center;
}

.join_type .top p.price i {
    color: #FF6C0F;
    font-weight: 600;
    font-size: 27px;
}

.join_type .top b {
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    display: block;
    margin-bottom: 16px;
    font-family: "Pretendard Variable", sans-serif !important;
}

.join_type .top b span {
    font-weight: 600;
}

.join_type .join_btn {
    margin-top: 48px;
}

.join_type .join_btn a {
    display: block;
    transition-duration: 0.3s;
    padding: 12px 16px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    background-color: #FF6C0F;
}

.join_type .join_btn a:hover {
    background-color: #333;
}


/* 가입유형 수정 */
.join_type .list ul li .con_wrap {
    padding: 30px;
}

.join_type .join_btn {
    margin-top: 30px;
}

/* .join_type .list ul li {
    width: calc(20% - 12px);
} */

.join_type .list ul {
    gap: 12px;
    flex-wrap: nowrap;
}

.join_type .top {
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.join_type .top b {
    margin-bottom: 2px;
    font-size: 24px;
}

.join_type .top p.price {
    font-size: 16px;
}

.join_type .top p.price i {
    font-size: 23px;
}

.join_type .list ul li .con_wrap dl dt {
    min-width: 90px;
}

.join_type .list ul li .con_wrap dl {
    font-size: 16px;
}

.join_type .list ul li .con_wrap dl+dl {
    margin-top: 20px;
}




/* 24-08-26 수정 */
.edu_test .bottom {
    width: 100%;
    padding-left: 120px;
    padding-right: 120px;
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 1px solid #ddd;
}

.edu_test .bottom h6 {
    display: flex;
    justify-content: flex-end;
    gap: 2px;
    font-size: 24px;
    font-weight: 600;
    color: #000;
}

.edu_test .bottom h6>span {
    color: #FF6C0F;
    font-weight: 600;
}

.edu_test_detail .table-wrap>table {
    width: calc(100% - 35px);
}

.edu_test_detail .table-wrap>table tr>th,
.edu_test_detail .table-wrap>table tr>td {
    padding: 12px 16px;
    text-align: center;
    border-right: 1px solid #ddd;
}

.edu_test_detail .table-wrap>table tr>th {
    background-color: #f1f1f1;
    border-top: 2px solid #111;
}

.edu_test_detail .table-wrap>table tr {
    border-bottom: 1px solid #ddd;
}

.edu_test_detail .table-wrap>table tr>td>p {
    display: block;
}

.edu_test_detail .table-wrap>table tr>td>p.edu-tt:hover {
    color: #FF6C0F;
    cursor: pointer;
}


/* 24-11-12 원격 데스크톱 설명서 페이지*/
.exp .sub_h3 {
    text-align: center;
    font-size: 1.2em;
    font-weight: 700;
}

.exp .sub_h3 br {
    display: none;
}

.exp_con {
    margin-top: 60px;
}

.exp .subtit,
.exp .subtit i {
    font-weight: 600;
    font-size: 1.8rem;
    color: #0f60bd;
}

.exp .con+.con {
    margin-top: 60px;
}

.exp ol {
    margin: 24px 0;
}

.exp ol .li_tit {
    font-size: 1.2rem;
}

.exp ol li+li {
    margin-top: 28px;
}

.exp ol li p+p {
    margin-top: 10px;
}

.exp ol li p:last-child {
    margin-bottom: 16px;
}

.exp ol li p a {
    text-decoration: underline;
}

.exp ol li img {
    margin-top: 10px;
}


#eduTestCategoryWrap .tab_in,
#eduTestCategoryWrap button {
    flex-shrink: 0;
}

.tab.type01.tab-right-btn {
    flex-shrink: 0;
}

.tab-flex {
    align-items: flex-start;
}


.flex-top {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 20px 0 10px;
}

.flex-top .btn button {
    background-color: #FF6C0F;
    color: #fff;
    padding: 6px 16px;
    border-radius: 4px;
    font-size: 15px;
}

/* 점수상세보기 버튼 */
.score-btn {
    margin-bottom: 16px;
}

.score-btn button {
    padding: 12px 16px 12px 18px;
    border-radius: 50px;
    background-color: #FF6C0F;
    color: #fff;
    font-size: 17px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}

.score-btn button>div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.score-btn button i {
    width: 22px;
    line-height: 1;
    height: max-content;
}






/* ********************************************* *
 * 1600 max
 * ********************************************* */
@media (max-width:1600px) {
    .bd-xl {
        padding: 0 20px;
    }

    .sub_list ul li .con_wrap .txt_wrap b {
        font-size: 16px;
    }

    .sub_list ul li .con_wrap .thumb {
        width: 55px;
        height: 55px;
    }

    .sub_list ul li .con_wrap .txt_wrap {
        width: calc(100% - 55px);
    }

    .sub_list ul li .con_wrap {
        padding: 16px;
    }

    .sub_list ul li .con_wrap .btn_wrap button {
        font-size: 12px;
        padding: 8px;
    }

    .sub_list ul li .con_wrap .txt_wrap span {
        font-size: 14px;
    }

    .category_list_wrap .live_view_con {
        width: calc(100% - 380px);
    }

    .category_list_wrap .category_side {
        width: 380px;
    }


    .level .list ul.day li p {
        font-size: 19px;
    }

    .btn_area {
        padding: 0 16px;
    }

    .study_head03 .schedule_wrap_title {
        font-size: 24px;
    }

    .join_type .top {
        margin-bottom: 26px;
        padding-bottom: 26px;
    }

    .join_type .top b {
        margin-bottom: 8px;
        font-size: 20px;
    }

    .join_type .top p.price {
        font-size: 16px;
    }

    .join_type .top p.price i {
        font-size: 24px;
    }

    .join_type .list ul {
        gap: 12px;
    }

    .join_type .list ul li {
        width: calc((100% - 36px) / 2);
    }

    .join_type .list ul li .con_wrap {
        padding: 28px;
    }

    .join_type .list ul li .con_wrap dl {
        display: flex;
        align-items: flex-start;
        font-size: 16px;
    }

    .join_type .list ul li .con_wrap dl+dl {
        margin-top: 20px;
    }

    .join_type .list ul li .con_wrap dl dt {
        padding-right: 12px;
        min-width: 100px;
    }

    .join_type .join_btn {
        margin-top: 34px;
    }

}

/* ********************************************* *
 * 1500 max
 * ********************************************* */
@media (max-width:1500px) {
    .study_head03 .schedule_wrap_title {
        font-size: 22px;
    }

    .study_head03 .new_header .right_con {
        padding-right: 55px;
    }



}


/* ********************************************* *
* 1400px max
* ********************************************* */

@media (max-width:1400px) {

    /* 상품 사용후기 */
    .review .table .t_star {
        margin-right: 15px;
    }

    .sub_list ul li {
        width: 33.333%;
    }


    .category_list_wrap .live_view_con {
        width: calc(100% - 340px);
    }

    .category_list_wrap .category_side {
        width: 340px;
    }

    .live_view_con .video_wrap .txt_wrap .title {
        font-size: 20px;
    }

    .live_view_con .video_wrap .info_con a {
        font-size: 17px;
    }

    .live_view_con .video_wrap .txt_wrap .thumb {
        width: 45px;
        height: 45px;
    }

    .category_list_wrap .live_view_con {
        width: calc(100% - 380px);
    }

    .category_list_wrap .category_side {
        width: 380px;
    }

    .category_list_wrap .live_view_con .video_wrap .info_wrap {
        display: block;
    }

    .category_list_wrap .live_view_con .video_wrap .info_wrap .btn_wrap {
        margin-top: 16px;
    }

    .category_list_wrap .live_view_con .video_wrap .info_wrap .btn_wrap button span {
        font-size: 15px;
    }

    .category_list_wrap .live_view_con .video_wrap .info_con .info span {
        font-size: 14px;
    }

    .reply_wrap .reply_num p {
        font-size: 17px;
    }

    .live_con.category_con .list ul li {
        width: 33.333%;
    }

    .level02 .con .right .top {
        padding: 24px;
    }

    .level02 .con .right .top .day_con .in01 {
        font-size: 30px;
    }

    .level02 .con .right .top .day_con .in02 {
        font-size: 17px;
    }

    #chart {
        width: 600px;
        height: 600px;
    }

    .level02 .con .right {
        width: calc(100% - 550px);
    }



    .guide_wrap02 .guide_new .table01 table tr th.w {
        display: none;
    }

    .guide_wrap02 .guide_new .table02 table tbody tr th.w {
        display: none;
    }

    .guide_wrap02 .guide_new .table01 table tr td>div {
        min-height: auto;
        border: 0;
    }

    .study_head03 .new_header .left_con .logo {
        width: 120px;
    }

    .guide_wrap03 .schedule_wrap .s_head ul li p {
        font-size: 22px;
    }

    .guide_wrap03 .schedule_wrap .s_body ul li .con_wrap .unit {
        font-size: 12px;
    }

    .guide_wrap03 .schedule_wrap .s_body ul li.num p {
        font-size: 22px;
    }

    /* .study_head03 .new_header .right_con .con button, .shop_btn button{font-size: 11px;} */
    .shop_btn button img {
        width: 13px;
    }

    .study_head03 .new_header .right_con .con.con02 img {
        width: 15px;
    }

    .study_head03 .schedule_wrap_title {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    .study_head03 .schedule_wrap_title {
        font-size: 20px;
    }

    .guide_wrap03 .top .week_btn button {
        font-size: 15px;
    }

    .study_head03 .new_header .right_con button img {
        margin-right: 8px;
    }

    .study_head03 .new_header .right_con button {
        padding: 6px;
    }

    .live_con .list ul li .profile {
        width: 25px;
        height: 25px;
    }

    .live_con .list ul li .txt_wrap .txt {
        width: calc(100% - 60px);
    }

    .live_con .list ul li .txt_wrap .txt b {
        font-size: 15px;
    }


    .join_type .list ul li .con_wrap dl dt {
        min-width: 80px;
    }

    .join_type .list ul {
        gap: 12px;
        flex-wrap: wrap;
    }

}

/* ********************************************* *
* 1200px max
* ********************************************* */
@media (max-width:1200px) {

    /* 공지사항 */
    .side_nav b {
        font-size: 1.7rem;
    }

    .side_nav .side_sub_depth a {
        font-size: 18px;
    }

    .notice .dis-f .left {
        width: 220px;
    }

    .notice .dis-f .right {}

    .side_info .top p {
        font-size: 16px;
    }

    .side_info .mid a {
        font-size: 22px;
    }


    /* 자주묻는 질문 */
    .questions .questions_top .search {
        width: 25%;
    }

    /* 상품 사용후기 */
    .review .table .t_category {
        width: 26%;
    }

    /* .review .table .t_title{width: 25%;} */
    .review .table .t_star {
        width: 119px;
    }

    .price .con.top h2 {
        font-size: 36px;
    }

    /* .price .con.mid ul li .con_wrap .txt_wrap p.ex{margin-top: 4px;} */
    .price .con.mid ul li .con_wrap .txt_wrap p.ex {
        margin-top: 16px;
        margin-bottom: 0;
        font-size: 18px;
    }

    .price .con.mid ul li .con_wrap .txt_wrap p.price i {
        font-size: 1.1em;
    }

    /* .price .con.mid ul li .con_wrap .txt_wrap p.ex{font-size: 15px;} */
    .price .con.mid ul li.yellow .con_wrap .txt_wrap button {
        font-size: 16px;
    }

    .price .con.mid ul li.gray .con_wrap .txt_wrap span.type {
        font-size: 15px;
    }


    /* 공지사항 */
    .notice_type02 ul li .con_wrap {
        padding: 24px;
    }

    .notice_type02 ul li .con_wrap .txt_wrap span {
        font-size: 14px;
        margin-bottom: 4px;
    }

    .notice_type02 ul li .con_wrap b {
        font-size: 20px;
    }


    .edu_result b.title {
        font-size: 31px;
    }

    .edu_result .table_wrap span.no {
        font-size: 30px;
    }

    .edu_result .table_wrap tr th {
        font-size: 15px;
    }

    .edu_view .right .sound_con .click_con {
        width: 120px;
        height: 120px;
    }

    .level .level_top .lv::after {
        height: 23px;
    }

    .level .level_top .lv02::after {
        height: 23px;
    }

    .level .level_top span {
        margin: 0 16px;
        margin-bottom: -4px;
    }

    .level .level_top span img {
        width: 15px;
    }

    .level02 .con .right .top {
        padding: 24px;
    }

    .level02 .con .right .top dl dt {
        font-size: 18px;
    }

    .level02 .con .right .top .day_con .in01 {
        font-size: 30px;
    }

    .level02 .con .right .top dl dd {
        font-size: 18px;
    }

    .level02 .con .right .top {
        min-height: 330px;
        height: auto;
    }

    .level02 .con .right .btm button {
        padding: 16px;
        font-size: 16px;
    }

    .live_view_con .video_wrap .txt_wrap .title {
        font-size: 20px;
    }

    .live_view_con .video_wrap .info_wrap .btn_wrap button span {
        font-size: 15px;
    }

    .admin .con.con02 .ch_name b {
        font-size: 23px;
    }

    .admin .con.con02 .btn_wrap button {
        font-size: 15px;
    }


    .crew_account .con.category ul.dis-f {
        flex-wrap: wrap;
    }

    .crew_account .con.category li+li {
        margin-top: 24px;
    }

    .reply_wrap .reply_num p {
        font-size: 16px;
    }

    .category_list_wrap .live_view_con {
        width: calc(100% - 320px);
    }

    .category_list_wrap .category_side {
        width: 320px;
    }

    .pay_con ul li b.title {
        font-size: 25px;
    }

    .reservation_wrap03 ul li b.title {
        font-size: 25px;
    }

    .price .con.mid b.tit {
        font-size: 20px;
    }

    .price h2 {
        font-size: 30px;
    }

    /* .price .con.mid ul li .con_wrap .txt_wrap p.ex{height: auto;} */
    .price .con.mid ul li .con_wrap .txt_wrap p.ex {
        height: 60px;
    }

    .price .con.mid ul li .con_wrap .txt_wrap button {
        margin-top: 24px;
    }

    /* .price .check_wrap{margin-top: 24px;} */
    .price .check_wrap {
        margin-top: 16px;
    }


    .guide_con .con02 ul li .right_con ul li {
        width: 33.333%;
    }

    .study .list ul.inner li {
        width: calc(50% - 13px);
    }

    .level .list ul li .con_wrap b {
        font-size: 24px;
    }

    .level .list ul.day li p {
        font-size: 17px;
    }

    .level .list02 ul li {
        width: 95px;
        height: 95px;
    }

    .level .list ul li .con_wrap {
        height: 95px;
    }

    .guide_new table tr .activity p {
        font-size: 20px;
    }

    .tab_swiper_wrap {
        margin: 0 16px 0 16px;
        max-width: calc(100% - 90px);
        margin-bottom: 20px;
    }

    .guide_wrap02 .guide_new .table01 table tr th i:last-child {
        display: block;
    }

    .guide_wrap02 .guide_new .table01 table tr th i:first-child {
        display: none;
    }

    .guide_new .table03 table thead tr th i:first-child {
        display: none;
    }

    .guide_week2 .guide_new .table03 table thead tr th i:first-child {
        display: block !important;
    }

    .level .list02 ul li {
        font-size: 1em;
    }

    .level .level_top div p {
        font-size: 18px;
    }

    .level .bd-lg h2 {
        font-size: 30px;
    }


    .level .left_img .t_btn {
        margin-bottom: 12px;
    }

    .level .left_img .t_btn button {
        margin-right: 0;
        margin-bottom: 12px;
    }

    .guide_wrap02 .guide_new table thead tr th div {
        font-size: 16px;
    }

    .guide_week.level .level_top div p {
        font-size: 22px;
    }

    .guide_wrap .title h2 {
        font-size: 25px;
    }

    .t_btn button {
        font-size: 15px;
    }

    .guide_wrap .title .gene span {
        font-size: 16px;
    }

    .level02 .con .left {
        width: 510px;
    }

    .level02 .con .right {
        width: calc(100% - 510px);
    }

    #chart {
        width: 510px;
        height: 510px;
    }

    .live_con .list ul {
        margin-bottom: 0;
    }


    .live_con .list ul {
        gap: 0 12px;
    }

    .live_con .list ul li {
        width: calc(20% - 12px);
    }

    .live_con .list ul li .profile {
        width: 30px;
        height: 30px;
    }

    .live_con .list ul li .txt_wrap .txt {
        width: calc(100% - 42px);
    }

    .live_con .list ul li .txt_wrap b {
        font-size: 15px;
    }

    .live_con .list ul li {
        margin-bottom: 8px;
    }


    .guide_wrap03 .schedule_wrap .s_head ul li p {
        font-size: 20px;
    }

    .guide_wrap03 .schedule_wrap .s_head ul li .con_wrap {
        padding: 12px 6px;
    }

    .study_head03 .schedule_wrap_title {
        font-size: 22px;
    }

    .mo_view04.schedule_wrap_title {
        display: flex;
        margin-left: 0;
    }

    .new_header .schedule_wrap_title {
        display: none;
    }

    .study_head03 .new_header .left_con .logo {
        width: 70px;
        margin-left: 0;
    }

    .study_head03 .schedule_wrap_title {
        flex-direction: row;
        align-items: center;
    }

    .study_head03 .schedule_wrap_title h2 {
        margin-right: 16px;
    }

    .guide_wrap03 .top {
        padding-left: 0;
        margin-top: 8px;
    }

    .story_btn {
        gap: 8px;
    }

    .story_btn button {
        width: 45px;
        height: 45px;
        font-size: 12px;
    }

    .guide_wrap03 .schedule_wrap .s_body ul li .con_wrap .time {
        font-size: 12px;
        padding: 2px 14px;
    }

    .guide_wrap03 .schedule_wrap .s_body ul li.num p {
        font-size: 20px;
    }

    .guide_wrap03 .schedule_wrap .s_head ul li p#currentTime {
        font-size: 18px;
    }

    .guide_wrap03 .schedule_wrap .s_head ul li p {
        font-size: 18px;
    }

    .guide_wrap03 .schedule_wrap .s_body ul li .con_wrap .unit {
        font-size: 11px;
        top: 2px;
        left: 2px;
        padding: 4px 6px;
    }

    .guide_wrap03 .schedule_wrap .s_head ul li:first-child .con_wrap b {
        font-size: 18px;
    }

    .guide_wrap03 .top .week_btn button {
        font-size: 14px;
    }

    .guide_wrap03 .schedule_wrap {
        max-width: 100%;
    }

    .guide_wrap03 .top {
        max-width: 100%;
    }

    .study_head03 .new_header .right_con {
        padding-right: 0;
    }

    .edu_test .bottom {
        padding: 40px 51px;
    }


    .join_type .list ul {
        gap: 16px;
    }

    .join_type .list ul li {
        width: calc((100% - 16px) / 2);
    }

    .join_type .list ul li .con_wrap {
        padding: 32px;
    }

    .join_type .join_btn {
        margin-top: 34px;
    }


    /* 점수상세보기 버튼 */
    .score-btn button {
        padding: 10px 14px 10px 18px;
        font-size: 16px;
    }

    .score-btn button i {
        width: 20px;
    }

}

/* ********************************************* *
* 1024px max
* ********************************************* */
@media (max-width:1024px) {

    .shop_view .pd-view-t-container .row-too-short {
        display: inherit;
    }

    /* 상품 사용후기 */
    .review .table .t_category span {
        display: block;
        margin: 0 auto;
    }

    .contact {
        width: 100%;
    }

    .review .mypage_review .t_category span {
        margin: inherit;
        margin-right: 10px;
    }


    .price .con.mid ul {
        flex-wrap: wrap;
        margin-bottom: -32px;
    }

    .price .con.mid ul li {
        width: 50%;
        margin-bottom: 32px;
    }

    .price .con.mid ul li .con_wrap .info dl {
        font-size: 17px;
    }

    .price .con.mid ul li .con_wrap .info {
        padding: 24PX;
    }

    .price .con.mid ul li.all {
        width: 100%;
    }

    .level02 .con .left {
        margin: 0 auto;
    }

    .level02 .con {
        display: block;
    }

    .level02 .con>div {
        width: 100%;
    }

    .level02 .con .right {
        margin: 0 auto;
        margin-top: 48px;
    }

    .level02 .con .right .btm {
        width: 100%;
    }

    .level02 .con>div {
        padding: 0;
    }

    .top_shop_detail>ul {
        width: 100%;
    }

    .pd-detail-container .btn {
        font-size: 16px;
        padding: 12px 0;
    }

    .pd-total dd {
        font-size: 1.6rem;
    }

    .shop .pd-detail-container .con-tit h3 {
        font-size: 1.2em;
    }

    .shop .pd-detail-container .pd-price-con .price {
        font-size: 1.6rem;
    }

    .shop .pd-detail-container .pd-price-con,
    .shop .pd-detail-container .star-container {
        margin-top: 12px;
    }

    .pd-view-t-container dl {
        margin-bottom: 12px;
    }

    .view-tab-container li {
        font-size: 15px;
        padding: 16px 8px;
    }

    .level02 .con .left svg#chart {
        position: static;
        transform: inherit;
    }

    .level02 .con .right {
        width: 100%;
    }

    .top_new .t_btn button {
        font-size: 14px;
    }

    .guide_week.level .level_top div p {
        font-size: 20px;
    }

    .guide_wrap .title h2 {
        font-size: 21px;
    }


    .guide_wrap03 .schedule_wrap .s_head ul li p span {
        display: block;
        text-align: center;
    }

    .guide_wrap03 .schedule_wrap .s_body ul li .x_btn {
        width: 20px;
        height: 20px;
    }

    .guide_wrap03 .tab p {
        font-size: 14px;
        padding: 8px 12px;
    }

    .guide_wrap03 .tab {
        gap: 8px;
    }

    .guide_wrap03 .top .week_btn {
        gap: 8px;
    }

    .guide_wrap03 .top .week_btn button {
        font-size: 12px;
        padding: 8px 12px;
    }

    .guide_wrap03 .schedule_wrap .s_head ul li .con_wrap b {
        font-size: 12px;
    }

    .guide_wrap03 .schedule_wrap .s_head ul li p {
        font-size: 17px;
    }


    .con_thumb_list ul li {
        width: calc((100% - 40px) / 5);
    }

    /* 점수상세보기 버튼 */
    .score-btn button {
        padding: 8px 14px 8px 18px;
        font-size: 15px;
        gap: 30px;
    }

    .score-btn button i {
        width: 18px;
    }

}

/* ********************************************* *
* 960px max
* ********************************************* */
@media (max-width:960px) {
    .sub_top_wrap {
        width: auto;
    }

    .sub_top_title h2 {
        font-size: 40px;
    }

    .sub_top_title {
        height: 440px;
    }

    .sub_top_menu>div {
        height: 80px;
        padding: 0 40px;
        font-size: 18px;
        border-right: none
    }


    h3.common {
        margin-bottom: 40px;
    }

    .review .table ul p {
        padding: 15px 0;
    }

    .review .table .t_category {
        width: 22%;
        margin-right: 1%;
    }

    .review .mypage_review .table .t_category {
        width: 39%;
    }

    .review .mypage_review .table ul p {
        padding: 0;
    }

    /* 공지사항 */
    .notice .dis-f {
        flex-direction: column;
    }

    footer .top_con .dis-f {
        flex-direction: row;
    }

    .notice .qna_top .dis-f {
        flex-direction: row;
    }

    .title_area {
        font-size: 1.8rem;
        margin-bottom: 16px;
    }

    .side_nav {
        width: 100%;
        text-align: center;
    }

    .side_nav b {
        display: none;
    }

    .notice .dis-f .left {
        width: 100%;
        margin-bottom: 0;
        padding-top: 48px !important;
        padding-bottom: 32px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-right: 0;
    }

    .notice .dis-f .right {
        width: 100%;
        padding-left: 0;
    }

    .side_nav .side_sub_depth {
        display: flex;
        justify-content: center;
    }

    .side_nav .side_sub_depth a {
        opacity: 1;
        border: 1px solid #ddd;
        margin-right: 0;
        margin-right: 16px;
        font-size: 15px;
        display: block;
        padding: 16px 24px;
        border-radius: 55px;
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .side_nav .side_sub_depth a:last-child {
        margin-right: 0;
    }

    .side_nav .side_sub_depth a+a {
        padding: 16px 24px;
    }

    .side_info {
        display: none;
    }

    .side_nav .side_sub_depth a.on {
        background-color: #FF6C0F;
        color: #fff;
        border: 1px solid #FF6C0F;
    }

    .accordion dt {
        font-size: 1.025rem;
    }

    .promotion ul li .text_box .con_title {
        font-size: 1.15rem;
    }

    .notice.ad_commu .dis-f .left {
        display: none;
    }

    .event.notice .dis-f {
        display: block;
    }

    .notice .dis-f .right {
        padding-top: 0 !important;
        padding-right: 0;
    }

    .event .tabSet ul.tabs {
        margin-bottom: 0;
    }

    .ad_commu.notice .dis-f .right {
        padding-top: 48px !important;
    }

    .price .con.top h2 {
        font-size: 30px;
    }

    /* 메인 */
    .live_con .list ul li .state p {
        font-size: 13px;
    }

    .live_con .list ul li .txt_wrap b {
        font-size: 14px;
    }

    .level .list ul li.character {
        display: none;
    }

    .new_bg {
        flex-direction: column;
    }

    .level .left_img {
        width: 100%;
    }

    .level .bd-lg {
        width: 100%;
        margin-top: 32px;
    }

    .level .list ul li .con_wrap {}

    .level .list02 ul li {
        width: 100%;
    }

    .level .list02 {
        width: 16.666%;
    }

    .level .list ul li.check .con_wrap::after {
        width: 80px;
        height: 75px;
    }


    .lang {
        position: static;
    }

    .live_view_con .video_wrap .info_wrap {
        display: block;
    }

    .live_view_con .video_wrap .info_wrap .btn_wrap {
        margin-top: 12px;
    }

    .live_view_con .video_wrap .info_con a {
        font-size: 17px;
    }

    .live_view_con .video_wrap .info_con {
        margin-top: 12px;
    }

    .reply_wrap .reply_num p {
        font-size: 16px;
    }

    .orderlist_new .list ul li .table_wrap tr td {
        font-size: 14px;
    }

    .orderlist_new .list ul li .table_wrap tr th {
        font-size: 14px;
    }

    .admin .table_wrap table button {
        font-size: 14px;
        padding: 6px 12px;
    }

    .sub_list ul li {
        width: 50%;
    }

    .admin .con.con02 .ch_name b {
        font-size: 21px;
    }

    .orderlist_new .list ul li .top_con {
        font-size: 18px;
    }

    .my_contnets .total p {
        font-size: 16px;
    }

    .my_contnets .total p i {
        font-size: 20px;
    }

    .category_list_wrap {
        flex-direction: column;
    }

    .category_list_wrap .live_view_con {
        width: 100%;
        padding-right: 0;
    }

    .category_list_wrap .category_side {
        width: 100%;
        margin-top: 32px;
    }

    .category_list_wrap .category_side .thumb_wrap {
        height: 90px;
        padding-bottom: 0;
    }

    .category_list_wrap .category_side.mo_view {
        display: block;
    }

    .category_list_wrap .category_side.pc_view {
        display: none;
    }

    .category_list_wrap .category_side {
        height: 47vh;
    }

    .live_con.category_con .list ul li {
        width: 50%;
    }

    .reply_list .con b.date {
        font-size: 18px;
    }

    .price .con.mid ul li .con_wrap .txt_wrap span.type {
        font-size: 28px;
        margin-bottom: 8px;
    }

    .price label i {
        left: 52%;
    }

    .guide_con .con02 ul li .right_con ul li {
        width: 50%;
    }

    .guide_con .con01 {
        display: block;
    }

    .guide_con .left {
        width: 100%;
        padding-bottom: 56%;
    }

    .guide_con .right {
        width: 100%;
        padding-left: 0;
        margin-top: 32px;
    }

    .guide_con .right h3::after {
        display: none;
    }


    .study .list ul.inner li {
        width: 100%;
    }

    .guide_wrap .title .gene span {
        font-size: 16px;
    }

    .guide_new table tr th {
        padding: 8px 2px;
        font-size: 14px;
    }

    .guide_new table tr td {
        font-size: 15px;
    }

    .level02 .con .right {
        width: 100%;
    }

    .level .bd-lg h2 {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .level .list ul.day li p {
        font-size: 16px;
    }

    .level .list ul li .con_wrap b {
        font-size: 22px;
    }

    .guide_wrap02 .guide_new .table01 table tbody tr th.name {
        display: block;
        width: 100%;
        margin-top: 12px;
        font-size: 16px;
    }

    .guide_wrap02 .guide_new .table01 table tbody tr td {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        margin-right: -4px;
        padding: 8px 6px;
    }

    .guide_wrap02 .guide_new table tr {
        display: block;
    }

    .guide_wrap02 .guide_new .table01 table tbody tr th {
        display: none;
    }

    .guide_wrap02 .guide_new .table01 table thead tr {
        display: block;
    }

    .guide_wrap02 .guide_new .table01 table thead th {
        width: 20%;
        display: inline-block;
        vertical-align: middle;
        margin-right: -4px;
    }

    .guide_wrap02 .guide_new .table01 table thead th.no_view {
        display: none;
    }

    .guide_wrap02 .guide_new {
        width: 100%;
        overflow: hidden;
    }

    .guide_wrap02 .guide_new table {
        width: 100%;
    }

    .guide_wrap02 .guide_new .table01 table tr th i {
        min-width: auto;
    }

    .guide_wrap02 .guide_new table thead tr th div {
        height: auto;
    }

    .guide_wrap02 .guide_new .table02 tr th {
        width: 100%;
        display: block;
        margin-top: 12px;
        font-size: 16px;
    }

    .guide_wrap02 .guide_new .table02 tr th p br {
        display: none;
    }

    .guide_wrap02 .guide_new .table02 table tr td {
        padding: 12px 2px;
        width: 20%;
        display: inline-block;
        vertical-align: middle;
        margin-right: -4px;
    }

    .guide_wrap02 .guide_new .table02 table tr {
        display: block;
    }

    .guide_wrap02 .guide_new .table02 {
        border: 0;
    }

    .notice_type02 ul li {
        width: 50%;
    }

    .notice .panels {
        min-height: auto;
    }

    .no_post img {
        width: 70px;
    }

    .no_post p {
        margin-top: 0;
    }

    .top_new {
        flex-wrap: wrap;
    }

    .top_new .title {
        width: 100%;
        text-align: left;
        margin-left: 0;
        padding-left: 0;
        margin-top: 8px;
    }

    .time_set {
        font-size: 15px;
    }

    .live_con .list ul li .profile {
        width: 25px;
        height: 25px;
        margin-right: 0;
    }

    .live_con .list ul li .txt_wrap .txt {
        width: calc(100% - 25px);
        padding-left: 8px;
    }

    .guide_wrap03 .schedule_wrap .s_head ul li p {
        font-size: 17px;
    }

    /* .guide_wrap03 .top {display: flex;justify-content: space-between;align-items: flex-start;flex-direction: column-reverse;margin-top: 20px;} */

    .guide_wrap03 {
        overflow: auto;
    }

    .guide_wrap03 .schedule_wrap {
        width: 900px;
        max-width: 900px;
    }

    .table_mo_veiw {
        display: block;
        margin-top: 12px;
        color: #FF6C0F;
    }

    .study_head03 .new_header .right_con {
        padding-right: 0;
    }


    .join_type .list {
        max-width: calc(100% - 40px);
        margin: 16px 40px 0 0;
    }

    /* 250408 */
    .join_type .list {
        max-width: calc(100%);
        margin: 0;
    }


}

/* ********************************************* *
* 840px max
* ********************************************* */
@media (max-width:840px) {
    .guide_new table tr .activity p {
        font-size: 16px;
    }

    .guide_wrap03 .schedule_wrap .s_con ul li.num {
        width: 100px;
    }

    .guide_wrap03 .schedule_wrap .s_con ul li {
        width: 14.285%;
    }

    .guide_wrap03 .schedule_wrap .s_head ul li:first-child .con_wrap b {
        font-size: 18px;
    }

    .guide_wrap03 .top {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 16px 0;
    }

    .week_side {
        justify-content: space-between;
        width: 100%;
    }

    .my_address .btn_wrap button {
        padding: 7px 18px;
        font-size: 14px;
    }

    .my_address .btn_wrap {
        gap: 8px;
    }


    .con_thumb_list ul li {
        width: calc((100% - 30px) / 4);
    }


}

/* ********************************************* *
* 768px max
* ********************************************* */

@media (max-width:768px) {
    .sub_top_title {
        height: 350px;
    }

    .commu .table {
        border-top: 1px solid #000;
    }

    .shop_view_bg {
        background: transparent;
        height: auto;
    }

    .content {
        padding: 60px 20px;
    }

    .founded04 .content {
        margin: 60px 0;
    }

    .founded04 .content .txt_wrap {
        padding: 0px;
    }

    .overview02 table td {
        padding: 10px 14px;
        font-size: 16px;
    }

    .commu .content [class*='bd'] {
        padding-left: 0;
        padding-right: 0;
    }

    .mt-70.exp {
        margin-top: 30px;
    }

    .exp_con {
        margin-top: 30px;
    }

    .exp .subtit,
    .exp .subtit i {
        font-size: 1.6rem;
    }

    .exp ol {
        margin: 20px 0;
    }

    .exp .pb-120 {
        padding-bottom: 0 !important;
    }

    /* 공지사항 */
    .notice .table .head_table {
        display: none;
    }

    .notice .table ul li>div {
        display: inherit;
        text-align: left;
    }

    .notice .table ul p {
        padding: 5px 0px;
    }

    .notice .table .t_no {
        width: 20%;
        font-size: 1.125rem;
        color: #bbb;
        font-weight: bolder;
    }

    .notice .table .t_title {
        font-size: 1.25rem;
        width: 85%;
    }

    .notice .table .t_date {
        width: 100%;
        text-align: right;
        font-size: 16px;
        padding-top: 0;
    }

    .notice .table .t_views {
        display: none;
    }

    .notice .table .body_table li {
        padding: 16px;
    }

    .notice_view .body .body_in_file {
        padding: 10px 0;
    }

    .notice_view .top .view_title {
        font-size: 1.7rem;
    }

    .notice .notice_top .search input {
        padding: 15px 5px;
    }

    .notice.qna .table .t_name {
        font-size: 16px;
        position: absolute;
        left: 16px;
        bottom: 22px;
        text-align: left;
        padding: 0;
        right: inherit;
        top: inherit;
    }


    .notice .table .body_table .t_title {
        margin-bottom: 0;
    }

    .notice .table .t_title {
        width: 95%;
    }

    .notice .table .t_no {
        display: none;
    }

    .notice.qna .table .t_no {
        display: block;
    }

    .notice .table ul li>div {
        position: relative;
    }

    .notice_type02 ul li .con_wrap {
        padding: 24px 16px;
    }

    .notice_type02 ul li .con_wrap b {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .notice_type02 ul li .con_wrap p {
        font-size: 16px;
    }

    .notice_type02 ul li .con_wrap button {
        margin-top: 24px;
    }



    .trade .table ul .t_img {
        position: absolute;
        left: 0;
        top: 0;
    }

    .trade .table ul .t_kind {
        padding-left: 120px;
    }

    .trade .table ul .t_title {
        padding-left: 120px;
    }

    .trade .table ul li>div {
        padding-bottom: 27px;
    }

    .trade .table ul .t_kind.sell span {
        background-color: #be3434;
        width: 58px;
        color: #fff !important;
        padding: 4px 10px;
        display: block;
        white-space: nowrap;
    }

    .trade .table ul .t_kind.buy span {
        background-color: #fb2780;
        width: 58px;
        color: #fff !important;
        padding: 4px 10px;
        display: block;
        white-space: nowrap;
    }


    /* 홍보자료/홍보영상 */
    .promotion ul li .text_box {
        padding: 10px;
    }

    .promotion.promotion02 ul li .text_box {
        height: 81px;
    }


    /* 자주묻는 질문 */
    .questions .questions_top .search {
        width: 100%;
    }

    .questions .questions_top {
        margin-top: 40px;
    }

    .questions .questions_top .search input {
        padding: 15px 10px;
    }

    .accordion dt {
        padding: 20px 75px 20px 50px;
    }

    .accordion dd {
        padding: 20px 20px 20px 50px;
    }

    .accordion dt span {
        font-weight: 600;
    }

    /* Q&A */
    .qna .table {
        margin-top: 0
    }

    .qna .table .head_table {
        display: none;
    }

    .qna .table ul li>div {
        display: inherit;
        text-align: left;
        position: relative;
        padding: 16px 16px;
        position: relative;
    }

    .qna .table ul p {
        padding: 2px 0px;
    }

    .qna .table ul p.no_post {
        padding: 10px 0px;
    }

    .qna .table .body_table .t_no {
        width: 20%;
        font-size: 1.125rem;
        color: #bbb;
        font-weight: bolder;
        text-align: left;
    }

    .qna .table .t_category {
        text-align: left;
        font-size: 17px;
        color: #FF6C0F;
        width: 100%;
        font-weight: 600;
    }

    .qna .table .body_table .t_title {
        font-size: 1.25rem;
        width: 85%;
        margin-right: auto;
    }

    .qna .table .body_table .t_name {
        width: 100%;
        text-align: right;
    }

    .qna .table .body_table .t_date {
        width: 100%;
        text-align: right;
    }

    .qna .table .body_table .after_answer .t_name {
        padding-right: 20px;
    }

    .qna .table .body_table .after_answer .t_date {
        padding-right: 20px;
    }

    .qna .table .after_answer {
        position: relative;
        background-color: #f5f5f5;
        padding-top: 24px
    }

    .qna .table .after_answer .t_no {
        position: absolute;
        width: auto;
    }

    .qna .table .after_answer .t_no img {
        transform: translate(7px, 7px);
        width: 19px;
    }

    .qna .table .after_answer .answer {
        width: auto;
        text-align: left;
        margin-left: 0;
        margin-top: 0;
        padding: 0;
    }

    .qna .table .after_answer .answer span {
        padding: 3px 8px 1px;
    }

    .qna .table .after_answer .t_title {
        margin-left: 0 !important;
    }

    .qna .table .after_answer .t_name {
        margin-left: 0 !important;
    }

    .qna .table .after_answer .t_title {
        margin-left: 40px;
        margin-top: 6px;
    }

    .qna .table .body_table li {
        border-bottom: 1px solid #bbb;
        padding: 0;
    }

    .qna .table .body_table li>div:first-child {
        padding: 10px 0;
    }

    .qna .table .body_table li>div:last-child {
        padding: 20px 0 10px;
    }

    .qna .qna_top .search {
        width: 65%;
    }

    .qna .qna_top .search button {
        width: 43px;
        height: 43px;
    }

    .qna .qna_top>button {}

    .qna .qna_top .category_list {
        width: 35%;
    }

    .qna .table .name {
        position: absolute;
        right: 10px;
        bottom: 10px;
        text-align: left;
        color: #888;
        font-size: 13px;
        width: auto;
    }

    .qna .table .before_answer .t_no {
        display: none;
    }

    .qna .table .t_title {
        font-size: 17px;
        margin-top: 4px;
        width: 100%;
        margin-bottom: 16px;
    }

    .qna .table .t_name {
        color: #888;
        font-size: 13px;
        width: auto;
    }

    .qna .table .after_answer .t_name {
        margin-left: 40px;
        ;
    }

    .qna .table .t_name::before {
        content: '작성자 : '
    }

    .qna .table .after_answer .t_title {
        width: calc(100% - 40px);
    }


    /* 상품 사용후기 */
    /* .review .pc_table{display: none;}
    .review .mobile_table{display: block;} */
    .review .table ul>li {
        border-bottom: 1px solid #ddd;
        padding: 0;
    }

    .review .table .head_table {
        display: none;
    }

    .review .table .before_answer .t_category {
        display: inherit;
        padding: 0;
        font-size: 1.25rem;
        width: 100%;
    }

    .review .table .t_category .title_p {
        padding: 0;
    }

    .review .table ul li>div {
        display: inherit;
        margin: 0;
    }

    .review .table ul p {
        padding: 0;
        margin: 0;
        text-align: left;
    }

    .review .table .t_title {
        margin: 0;
        width: 100%;
        padding: 5px 0;
    }

    .review .table .t_name {
        width: 100%;
        font-size: 14px;
        font-weight: 400;
        color: #888
    }

    .review .table .t_name::before {
        content: '작성자 : '
    }

    .review .table .t_date {
        text-align: right;
        width: auto;
        font-size: 14px;
        font-weight: 400;
        color: #888;
        position: absolute;
        bottom: 12px;
        right: 0;
    }

    .review .table ul li .before_answer {
        padding: 30px 0px 30px 150px;
        position: relative;
    }

    .review .table .before_answer .t_category i {
        position: absolute;
        top: 50%;
        left: 0;
        width: 130px;
        transform: translateY(-50%);
        height: 130px;
    }


    .review .mobile_table ul li:first-child {
        border-top: 1px solid #777;
    }

    .review .mobile_table ul li {
        display: flex;
        border-bottom: 1px solid #bbb;
        padding: 30px 10px 20px;
    }

    .review .mobile_table .review_product {
        width: 160px;
        padding-right: 20px;
    }

    .review .mobile_table .review_product .t_category {
        text-align: center;
        line-height: 30px;
    }

    .review .mobile_table .review_product .t_category span {
        display: block;
    }

    .review .mobile_table .review_txt {
        width: calc(100% - 160px);
    }

    .review .mobile_table .review_txt .t_star {
        margin-bottom: 15px;
        width: 104px;
        overflow: hidden;
        padding-bottom: 10px;
    }

    .review .mobile_table .review_txt .t_star .star {
        position: relative;
    }

    .review .mobile_table .review_txt .t_title {
        font-size: 1.25rem;
        margin-bottom: 20px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .review .mobile_table .review_txt .t_date {
        color: rgba(0, 0, 0, .5);
    }

    .review .qna_top>button {
        width: 20%;
        padding: 0 10px;
    }

    .review .qna_top .category_list {
        width: 30%;
    }

    .review_view .top .t_star .review-main-star .star1 {
        left: -42px;
    }

    .review_view .top .t_star .review-main-star .star2 {
        left: -23px;
    }

    .review_view .top .t_star .review-main-star .star3 {
        left: -3px;
    }

    .review_view .top .t_star .review-main-star .star4 {
        left: 16px;
    }

    .panels {
        margin-top: 10px;
    }

    .review .mypage_review .table ul li .before_answer {
        padding: 0;
    }

    .review .mypage_review .table .before_answer .t_category i {
        position: inherit;
        top: auto;
        left: auto;
        width: 100%;
        transform: none;
        height: auto;
    }

    .review .mypage_review .table ul li .before_answer {
        position: relative;
    }

    .review .mypage_review .table .before_answer p {
        padding-left: 150px;
    }

    .review .mypage_review .t_category span {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
    }

    .review .mypage_review .table .t_star {
        padding-left: 0;
        margin-left: 150px;
    }

    .review .mypage_review .table li {
        padding: 20px 0;
    }

    .promotion ul li .text_box .con_date {
        bottom: 10px;
        right: 15px;
    }

    .contact ul li.in_list .left {
        font-size: 16px;
    }

    .event .tabSet ul.tabs li a {
        font-size: 17px;
    }

    .promotion ul>li {
        margin-bottom: 24px;
    }


    .privacy .content {
        padding: 0;
    }

    .price .con.top img {
        width: 30px;
    }

    .price .con.top img:nth-child(1) {
        left: 15%;
    }

    .price .con.top img:nth-child(2) {
        left: 90%;
    }

    .price .con.top h2 {
        font-size: 26px;
    }

    .price .con.top img:nth-child(3) {
        bottom: -40px;
    }


    /*  */
    .edu_view>.dis-f {
        display: block;
    }

    .edu_view .con {
        width: 100%;
    }

    .edu_view .right .top_con {
        margin-top: 32px;
    }

    .edu_view {
        height: auto;
        margin-top: 120px;
    }

    .edu_view .right .btn_wrap {
        position: static;
        transform: inherit;
        gap: 16px;
        margin-top: 60px;
        margin-bottom: 32px;
        width: 100%;
    }

    .edu_view .right .btn_wrap button {
        width: 65px;
        height: 65px;
    }

    .edu_view .right .sound_con .click_con {
        width: 90px;
        height: 90px;
    }

    .edu_view .right .btn_wrap button.next {
        margin-left: 0;
    }

    .edu_view .right .sound_con+.input_wrap {
        margin-top: 0;
    }

    .edu_view .right .select {
        display: flex;
        gap: 16px;
        width: 100%;
    }

    .edu_view .right .select button+button {
        margin-top: 0;
    }

    .edu_view .right .select button {
        width: 33.333%;
        font-size: 18px;
        padding: 8px 16px;
    }

    .edu_view_wrap .video_view {
        height: auto;
    }

    .edu_view::after {
        opacity: 0.3;
    }

    .video_view .top .x_btn button {
        width: 65px;
        height: 65px;
    }

    .account_con .con02 {
        padding: 24px;
    }

    .sub_list ul li .con_wrap .thumb {
        width: 50px;
        height: 50px;
    }

    .sub_list ul li .con_wrap .txt_wrap {
        width: calc(100% - 50px);
    }

    .sub_list ul li .con_wrap .txt_wrap b {
        font-size: 15px;
    }

    .commu_list .list .con_wrap .in .txt_wrap .info span.date {
        font-size: 14px;
    }

    .commu_list .list .con_wrap .in .txt_wrap .txt {
        font-size: 16px;
    }

    .pay_con ul li.count .in dl dt {
        font-size: 15px;
    }

    .pay_con ul li.count button.all {
        font-size: 16px;
    }


    .guide_con .con02 ul li .con_wrap {
        display: block;
    }

    .guide_con .con02 ul li .left_con {
        width: 100%;
    }

    .guide_con .con02 ul li .right_con {
        width: 100%;
        padding-left: 0;
        margin-top: 4px;
    }

    /* .guide_wrap{padding-top:60px;} */
    .guide_wrap .level_arrow b {
        font-size: 20px;
    }

    .guide_wrap .level_arrow button {
        width: 40px;
        height: 40px;
    }

    .guide_wrap02 .guide_new .table02 table tr td {
        width: 33.333%;
        padding-bottom: 0;
    }

    .level .level_top .lv_con.lv02 {
        padding-left: 0;
    }

    .live_con .list ul li {
        width: calc(25% - 12px);
    }

    .live_con .list ul li .txt_wrap span {
        font-size: 12px;
    }

    .join_type .list ul li .con_wrap {
        padding: 24px;
    }

    .join_type .top {
        margin-bottom: 22px;
        padding-bottom: 22px;
    }

    .join_type .list ul li .con_wrap dl {
        font-size: 15px;
    }




    /* 점수상세보기 버튼 */
    .score-btn {
        margin-bottom: 12px;
    }

    .score-btn button {
        padding: 8px 12px 8px 16px;
        font-size: 14px;
        gap: 24px;
    }

    .score-btn button i {
        width: 17px;
    }


}

/* ********************************************* *
* 640px max
* ********************************************* */
@media (max-width:640px) {

    .tab_swiper_wrap {
        max-width: calc(100% - 80px);
    }


    .sub-banner {
        height: 20px;
    }

    .notice .table .t_date {
        font-size: 16px;
    }

    .notice .dis-f .left {
        margin-bottom: 0;
    }

    .title_area {
        font-size: 1.6rem;
    }

    .sec {
        padding: 60px 0;
    }

    .commu.qna_view .qna_wrap {
        border-top: 1px solid #000;
    }

    .commu .content {
        padding: 0 16px;
    }

    .content {
        padding: 32px 20px;
    }

    h3.common {
        font-size: 40px;
        margin-bottom: 0px;
    }

    .sub_top_title h2 {
        font-size: 35px;
        top: 33%;
        width: 100%;
    }

    .sub_top_title {
        margin-bottom: 60px;
    }

    .shop_view_bg {
        height: auto;
    }

    .comming {
        width: 100%;
    }


    [class*='bd'] .content {
        padding-left: 0;
        padding-right: 0;
    }

    /* 자주묻는 질문 */
    .accordion dt {
        padding: 16px 55px 16px 37px;
        font-weight: 500;
    }

    .accordion dd {
        padding: 16px 16px 16px 37px;
    }

    .accordion dt {
        font-size: 1.2rem;
    }

    .accordion dd {
        font-size: 1.2rem;
    }

    .questions_point01 {
        font-size: 1.5rem;
        left: 10px;
    }

    .questions_point02 {
        font-size: 1.5rem;
        left: 10px;
    }

    .questions .questions_top .search input {
        padding: 11px 10px;
    }

    /* 홍보자료 */


    /* 찾아오시는 길 */
    .contact ul li.goods .goods_img {
        width: 110px;
        height: 110px;
    }

    .contact ul li.goods .goods_text {
        width: calc(100% - 110px);
        padding-left: 20px;
    }

    .contact ul li.check_box_list .right {
        flex-direction: column;
    }

    .top_minilist span.on::after {
        display: block;
    }

    .event .tabSet ul.tabs li a {
        padding: 8px;
    }

    .event .tabSet ul.tabs li {
        width: 50%;
        text-align: center;
        border-bottom: 1px solid #ddd;
    }

    .promotion.event ul li .text_box {
        padding: 10px;
    }

    .mypage_review .flex_sec .product_img {
        width: 130px;
        margin-right: 20px;
    }

    .mypage_review .flex_sec .product_text_box {
        width: calc(100% - 150px);
    }

    .promotion ul li .text_box .progress {
        margin-bottom: 8px;
    }

    .promotion ul li .text_box .con_title {
        font-size: 1.125rem;
    }

    .qna .qna_top .search input {
        padding: 5px;
    }


    .qna_view .body {
        padding-top: 0;
    }

    .qna_view .body .answer {
        padding: 10px;
    }

    .qna_view .body .answer textarea {
        height: 110px;
    }

    .notice .notice_top .search {
        width: 100%;
    }

    .review .qna_top .search {
        width: 100%;
        margin-right: 0;
    }

    .promotion ul li .text_box .con_date {
        font-size: 13px;
        margin-top: 16px;
    }

    .event .tabSet ul.tabs {
        margin-bottom: 0;
    }

    .event .tabSet ul.tabs {
        margin-top: 0;
    }

    .trade .btn_wrap button {
        font-size: 14px;
        width: 100%;
    }

    .contact .bottom_button button {
        font-size: 14px;
        padding: 12px 0;
    }

    .notice_view .bottom .button button {
        font-size: 14px;
        padding: 12px 0;
        width: 100%;
    }

    .qna_view .bottom .button button.list_but {
        font-size: 14px;
        padding: 12px 0;
        width: 100%;
        margin-top: 32px;
    }

    .page_but ul li.arrow {
        width: 2em;
        height: 2em;
        padding: 0;
        margin: 0 2px;
    }

    .notice_view .top .view_title {
        font-size: 1.4rem;
    }

    .notice_view .top {
        padding-bottom: 16px;
        margin-bottom: 16px;
    }

    .page_but {
        margin-top: 48px;
    }

    .page_but ul li {
        margin: 0 5px;
    }

    .contact .bottom_button button {
        margin-left: 0;
        margin-right: 0;
    }

    .contact .bottom_button button:last-child {
        margin: 0 0 0 8px;
    }

    .commu_write .con_wrap .right select {
        width: 100%;
        background-position: 97% 50% !important;
    }

    .commu_write .con_wrap .right textarea {
        height: 230px;
    }

    .notice_view .body {
        min-height: 240px;
    }

    .address_view .title_area {
        margin-bottom: 16px;
    }

    .price .con.mid ul li {
        width: 100%;
    }

    .price .con.mid ul li .con_wrap .info {
        flex-wrap: wrap;
        display: flex;
    }

    .price .con.mid ul li .con_wrap .info dl+dl {
        margin-top: 0;
    }

    .price .con.mid ul li .con_wrap .info dl {
        width: 50%;
        margin-bottom: 24px;
        font-size: 16px;
    }

    .price .con.top h2 {
        font-size: 22px;
    }

    .price .con.top img:nth-child(1) {
        left: 3%;
        top: -2px;
    }

    .live_con .list ul li .state p {
        font-size: 13px;
    }

    .edu_result .table_wrap tr td {
        font-size: 15px;
    }

    .edu_result b.title {
        font-size: 23px;
        margin-bottom: 24px;
    }

    .edu_result button {
        font-size: 14px;
    }

    .edu_result .table_wrap .thumb img {
        width: 80px;
        max-width: 80px;
    }


    .level .list ul.day li {
        margin-bottom: 0;
        font-size: 15px;
    }

    .level .list ul li .con_wrap span {
        font-size: 13px;
    }

    .level .list02 ul li {
        height: 80px;
    }

    .level .list ul li .con_wrap {
        height: 80px;
    }

    .level .list02 ul li.lv {
        height: 40px;
    }

    .level .list ul li .con_wrap b {
        font-size: 19px;
    }

    .level .list ul.day li p:first-child {
        display: none;
    }

    .level .list ul.day li p:last-child {
        display: flex;
    }


    .level .bd-lg h2 {
        font-size: 21px;
    }

    .level .list ul li.check .con_wrap::after {
        width: 65px;
        height: 67px;
    }

    .level .level_top div p {
        font-size: 20px;
    }

    .level .level_top .lv::after,
    .level .level_top .lv02::after {
        height: 17px;
        left: -16px;
    }

    .level .level_top div p img {
        margin-left: 12px;
        width: 16px;
    }

    .level .btn_wrap button {
        font-size: 15px;
    }

    .level .level_top {
        margin-bottom: 0;
        margin-top: 12px;
    }

    .lang p {
        width: 60px;
        height: 60px;
    }

    .lang p img {
        width: 25px;
    }

    .lang p span {
        font-size: 12px;
    }

    .lang p+p {
        margin-left: 8px;
    }

    .level02 .con .left .clock {
        min-width: 8em;
        min-height: 8em;
    }

    .min {
        height: 5em;
    }

    .hour {
        height: 4em;
    }

    .level02 .con .right .top .day_con .in01 {
        font-size: 24px;
    }

    .level02 .con .right .top dl dt {
        font-size: 16px;
    }

    .level02 .con .right .top dl dd {
        font-size: 16px;
    }

    .level02 .con .right .top {
        border-width: 16px;
    }

    .level02 .con .right .btm button {
        padding: 12px;
    }

    .level02 .con .right .btm {
        margin-top: 12px;
    }

    .reply_wrap .reply_list ul li .top .date {
        font-size: 14px;
    }

    .live_view_con .video_wrap .info_con a {
        font-size: 15px;
        margin-bottom: 0;
    }

    .live_view_con .video_wrap .txt_wrap .title {
        font-size: 17px;
    }

    .account_con dl dt {
        font-size: 15px;
    }

    .my_address_view .jion_list li .jion_title {
        width: 100%;
    }

    .my_address_view .jion_list li .jion_right {
        width: 100%;
    }

    .my_address_view .con02 {
        padding: 16px;
    }

    .my_address_view .btn_wrap {
        width: 100%;
        margin-top: 16px;
    }

    .my_address_view .btn_wrap button {
        width: 50%;
    }

    .commu_list .list .con_wrap .thumb_wrap {
        width: 45px;
        height: 45px;
    }

    .commu_list .list .con_wrap .in .img_wrap {
        width: 100px;
        height: 100px;
    }

    .commu_list .list .con_wrap {
        padding-left: 80px;
    }

    .commu_list .list .con_wrap .in .txt_wrap .txt {
        font-size: 16px;
    }

    .notice_view .top .sub_info {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    .notice_view .top .sub_info p {
        font-size: 15px;
    }


    .pay_con ul li b.title {
        font-size: 21px;
    }

    .pay_con ul li.count .in dl {
        flex-direction: column;
    }

    .pay_con ul li.count .in dl dd {
        margin-top: 8px;
        width: 100%;
    }

    .pay_con ul li.count .in dl dt {
        width: 100%;
    }

    .pay_con ul li.count button.all {
        padding: 12px 0;
    }

    .reservation_wrap03 ul li b.title {
        font-size: 21px;
    }

    .reservation_wrap03 ul li.count .in dl dt {
        width: 100px;
    }

    .reservation_wrap03 ul li.count .in dl dd {
        width: calc(100% - 100px);
    }

    .reservation_wrap03 ul li.count .in dl dt p {
        font-size: 16px;
    }

    .price label i {
        font-size: 16px;
        left: 50%;
    }

    .price label span.on:after {
        left: 42.5%;
    }

    .price .con.mid ul li .con_wrap .txt_wrap span.type img {
        width: 140px;
    }

    .pd-detail-container .btn {
        font-size: 15px;
    }

    .pd-btn-container.row {
        margin-top: 0;
    }

    .review ul li {
        flex-direction: column;
        align-items: flex-start;
    }

    .review ul li .img_wrap {
        width: 100%;
        height: 250px;
    }

    .review .center {
        margin-top: 0;
    }

    .review ul li .txt_wrap {
        width: 100%;
    }

    .guide_con .con02 ul li dl dt {
        font-size: 16px;
    }

    .guide_con .con02 ul li .left_con {
        height: auto;
        padding: 16px;
        font-size: 20px;
    }

    .guide_con .con02 ul li dl {
        padding: 16px;
    }

    .guide_con .con .sub_t {
        font-size: 19px;
        padding-bottom: 16px;
        margin-bottom: 16px;
    }

    .guide_con .con01 .right dl {
        display: block;
    }

    .guide_con .con01 .right dl dt {
        width: 100%;
    }

    .guide_con .con01 .right dl dd {
        width: 100%;
        margin-top: 16px;
    }

    .guide_con .con01 .right dl+dl {
        margin-top: 8px;
    }

    .level02 .con .left svg#chart {
        width: 480px;
        height: 480px;
    }

    .study .tab.tab02 ul li p {
        padding: 12px;
    }

    .guide_wrap .title h2 {
        font-size: 20px;
    }

    /* .guide_wrap{padding-top: 40px;} */
    .guide_new table tr .activity p {
        word-break: break-all;
    }

    .level .left_img {
        margin-top: 24px;
    }

    .guide_wrap02 .guide_new table thead tr th div {
        font-size: 14px;
    }

    .guide_wrap02 .guide_new .table02 table tr td {
        width: 50%;
    }

    .guide_week .level03 .btn_wrap {
        margin-top: 0;
    }

    .guide_week .top_new {
        margin-top: 12px;
    }

    .guide_new table tr .activity b {
        font-size: 13px;
    }

    .guide_new table tr td {
        width: 120px;
    }

    .guide_new {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .guide_new table {
        width: 650px;
    }

    .level02 .con .right .top dl.name {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .level02 .con .right .top {
        border-width: 11px;
    }

    .reply_wrap .reply_list ul li .top .thumb {
        width: 40px;
        height: 40px;
    }

    .guide_wrap03 .top .week_btn button {
        font-size: 13px;
    }

    .guide_week .tab {
        gap: 6px;
    }

    .guide_week .tab p {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .guide_wrap03 .schedule_wrap .s_con ul li.num {
        width: 70px;
    }

    .guide_wrap03 .schedule_wrap .s_body ul li.num p {
        font-size: 18px;
    }

    .guide_wrap03 .schedule_wrap .s_head ul li p {
        font-size: 16px;
    }

    .guide_wrap03 .schedule_wrap .s_head ul li p#currentTime {
        font-size: 16px;
    }

    .guide_wrap03 .schedule_wrap .s_head ul li p span {
        font-size: 0.85em;
    }

    .study_head03 .new_header .left_con .logo {
        width: 65px;
    }

    .price .con.mid ul li .con_wrap .txt_wrap p.ex {
        height: 50px;
    }

    #eduTestCategoryWrap .tab_in,
    #eduTestCategoryWrap button {
        margin-right: 8px;
        font-size: 14px;
    }

    .edu_test .bottom {
        padding: 30px 51px;
    }

    .edu_test .bottom h6 {
        font-size: 21px;
    }


    .join_type .list ul {
        flex-direction: column;
    }

    .join_type .list ul li {
        width: 100%;
    }

    .checkbox-wrap {
        flex-wrap: wrap;
    }

    .checkbox-wrap>div {
        width: calc((100% - 10px) / 2);
        padding: 18px;
    }

    /* 점수상세보기 버튼 */
    .score-btn {
        margin-bottom: 12px;
    }

    .score-btn button {
        width: 100%;
        border-radius: 4px;
    }

    .score-btn button i {
        width: 17px;
    }

}

/* ********************************************* *
* 550px max
* ********************************************* */
@media (max-width:550px) {
    .review_view .t_star .star {
        top: 2px;
    }

    .price .con.mid ul li .con_wrap .txt_wrap {
        padding: 24px;
    }

    .price .con.mid ul li .con_wrap .txt_wrap p.price i {
        font-size: 1.2em;
    }

    .price .con.mid ul li .con_wrap .txt_wrap button {
        margin-top: 0 !important;
    }

    .price .con.top img:nth-child(2) {
        top: 0;
    }

    .onoff_button>div {
        width: 100%;
    }

    .price .con.top h2 {
        font-size: 21px;
    }

    .price .con.top img {
        width: 23px;
    }

    .price .con.mid ul li .con_wrap .txt_wrap button {
        font-size: 16px;
    }

    .price .con.mid ul li .con_wrap .info dl.yes::before {
        width: 14px;
    }

    .price .con.mid ul li .con_wrap .info dl {
        padding-left: 24px;
        font-size: 15px;
    }

    .price .con.mid ul li .con_wrap .info dl+dl {
        padding-right: 8px;
    }

    .level .list ul li.check .con_wrap::after {
        display: none;
    }

    .checkbox-wrap>div label {
        font-size: 16px;
    }

    .checkbox-wrap .d-block input[type="checkbox"]+label span {
        left: 25px;
    }


    .sub_list ul li {
        width: 100%;
    }

    .commu_list .list .con_wrap .in {
        display: block;
    }

    .commu_list .list .con_wrap .in .txt_wrap {
        width: 100%;
        margin-right: 0;
    }

    .commu_list .list .con_wrap .in .img_wrap {
        width: 100%;
        height: 190px;
        margin-top: 16px;
    }

    .commu_list .list .con_wrap .in .txt_wrap .info b {
        font-size: 15px;
    }

    .commu_list .list .con_wrap .thumb_wrap {
        width: 40px;
        height: 40px;
    }

    .commu_list .list .con_wrap {
        padding-left: 72px;
    }

    .commu_list .list .con_wrap .in .txt_wrap .txt {
        font-size: 15px;
    }


    .live_con .list ul li .state p {
        font-size: 12px;
    }

    .live_con .list ul li .txt_wrap b {
        font-size: 14px;
    }

    .notice_view .top .view_title {
        margin-bottom: 8px;
    }

    .guide_con .con02 ul li .right_con ul li {
        width: 100%;
    }

    .level02 .con .right .stamp button {
        font-size: 14px;
        font-weight: 600;
        padding: 10px 14px;
    }

    .level02 .con .left svg#chart {
        width: 90vw;
        height: 90vw;
    }

    .level02 .con .right .top .day_con .in02 {
        flex-direction: column;
    }

    .level02 .con .right .top .day_con .in02 span {
        display: none;
    }

    .level02 .con .right .top .day_con .in01 {
        font-size: 20px;
    }

    .level02 .con .right .top .day_con .in02 {
        font-size: 14px;
    }

    .level02 .con .right .btm button {
        margin: 0 4px;
    }



    .time_set {
        font-size: 14px;
    }

    .guide_wrap02 .guide_new table thead tr th div {
        padding: 8px;
    }

    .week_side {
        flex-direction: column;
    }

    .study_head03 .schedule_wrap_title {
        flex-direction: row;
    }

    .con_thumb_list ul {
        gap: 6px;
    }

    .con_thumb_list ul li {
        width: calc((100% - 12px) / 3);
    }

}

/* ********************************************* *
* 500px max
* ********************************************* */
@media (max-width:500px) {
    .promotion.event .panel>ul>li {
        width: 50%;
        margin-bottom: 24px;
    }

    .qna .table .body_table .t_title {
        font-size: 1.05rem;
    }

    /* #eduTestCategoryWrap .tab_in, #eduTestCategoryWrap button{ font-size: 13px; height: 40px;} */
    #eduTestCategoryWrap .tab_in,
    #eduTestCategoryWrap button {
        font-size: 13px;
    }

    .tab-right-btn .tab_in.tab-right {
        height: 38px;
        padding: 6px 14px;
        margin-right: 30px;
    }


    .exp .sub_h3 {
        font-size: 1.1em;
    }

    .exp .subtit,
    .exp .subtit i {
        font-size: 1.5rem;
    }

    .exp .con+.con {
        margin-top: 40px;
    }

    .review_view .top>div {
        flex-wrap: wrap;
    }

    .contact ul li.secret .right .text_input {
        width: 210px;
    }

    .contact ul li.secret .right .text_input {
        float: inherit;
    }

    .contact ul li.secret .right .secret_checkbox {
        float: inherit;
        padding-left: 0;
        width: 100%;
    }

    .review .table .before_answer .t_category i {
        width: 100px;
        height: 100px;
    }

    .review .table .before_answer .t_category i img {
        height: 100%;
    }

    .review .table ul li .before_answer {
        padding: 24px 0px 24px 120px;
    }

    .review .table .before_answer .t_category {
        font-size: 1.125rem;
    }

    .review .table .t_title {
        padding: 2px 0;
    }


    .pd-sle-con02 .select_list {
        display: inherit;
        position: relative;
    }

    .pd-sle-con02 .select_list .select_name {
        width: 100%;
    }

    .pd-sle-con02 .select_list .select_numder {
        width: 30%;
        display: inline-block;
        margin-right: -4px;
        padding-top: 10px;
    }

    .pd-sle-con02 .select_list .select_price {
        width: 70%;
        display: inline-block;
    }

    .pd-sle-con02 .select_list .close {
        position: absolute;
        top: 10px;
        right: 10px;
    }


    .mypage_review .product_text_box {
        justify-content: space-between;
        flex-direction: column;
        align-items: flex-start;
    }

    .mypage_review .but_box.but_box01 {
        width: 100%;
        ;
    }

    .mypage_review .but_box.but_box01 button {
        width: 100%;
        ;
    }

    .mypage_review .t_category span {
        width: 100px;
    }

    .review .mypage_review .table .before_answer p {
        padding-left: 120px;
    }

    .review .mypage_review .table .t_star {
        margin-left: 120px;
    }

    .review .mypage_review .table li {
        padding: 10px 0;
    }


    .qna .qna_top {
        flex-wrap: wrap;
    }

    .qna .qna_top>button {
        width: 100%;
        padding: 12px 16px;
        margin-top: 8px;
    }

    .contact ul li {
        flex-direction: column;
    }

    .contact ul li.in_list .left {
        width: 100%;
        margin-bottom: 16px;
    }

    .contact ul li.in_list .right .text_input {
        width: 100%;
    }

    .contact ul li.in_list .right {
        width: 100%;
    }

    .contact ul li.in_list .left p {
        margin-top: 0;
    }

    .contact ul li.check_box_list .right>div {
        font-size: 15px;
    }

    .contact ul li.check_box_list .right>div+div {
        margin-top: 8px;
    }

    .notice_view .body .text_box_sec {
        font-size: 15px;
    }

    .notice_view .body {
        font-size: 15px;
    }

    .side_nav .side_sub_depth {
        overflow-x: auto;
        overflow-y: hidden;
        justify-content: flex-start;
        padding-bottom: 16px;
    }

    .side_nav .side_sub_depth::-webkit-scrollbar {
        height: 5px;
    }


    .promotion.event .panel>ul>li {
        width: 100%;
    }

    .promotion.event .panel>ul>li>div {
        display: flex;
    }

    .promotion.event .panel>ul>li .promotion_bg {
        padding-bottom: 30%;
        width: 145px;
    }

    .promotion.event ul li .text_box {
        width: calc(100% - 145px);
        padding: 16px;
    }

    .promotion ul li .text_box .progress {
        font-size: 13px;
    }

    .promotion ul li .text_box .con_title {
        font-size: 1.225rem;
    }


    .notice .qna_top .dis-f {
        width: 100%;
    }

    .category_list p {
        width: 130px;
    }

    .qna .qna_top .search {
        width: calc(100% - 130px);
        margin-right: 0;
    }

    .side_nav .side_sub_depth a {
        width: 33.333%;
        margin-right: 8px;
    }

    .notice .notice_top {
        display: block;
    }

    .notice .notice_top button.write {
        width: 100%;
        margin-top: 12px;
        margin-left: 0;
    }

    .contact .bottom_button button:last-child {}

    .contact .d-block {
        margin-bottom: 32px;
    }

    .contact ul li.check_box_list .right>div {
        margin-bottom: 0;
    }

    .commu_write .btn_wrap button {
        width: 50%;
        min-width: auto;
        font-size: 14px;
    }

    .commu_write .con_wrap .right textarea {
        height: 150px;
    }

    .qna_view #content {
        min-height: 150px;
    }

    .contact ul li.secret .right .text_input {
        margin-bottom: 16px;
    }


    .notice_view .body {
        min-height: 180px;
    }

    .live_con .list ul li {
        width: 100%;
    }

    .live_view_con .video_wrap .txt_wrap .title {
        flex-direction: column;
        align-items: flex-start;
    }

    .live_view_con .video_wrap .txt_wrap .title button.edit {
        margin-left: 0;
        margin-top: 12px;
    }

    .live_view_con .video_wrap .info_wrap .btn_wrap button span {
        font-size: 14px;
    }

    .live_view_con .video_wrap .txt_wrap {
        padding: 16px 0;
    }

    .live_view_con .video_wrap .txt_wrap .thumb {
        width: 40px;
        height: 40px;
    }

    .live_view_con .video_wrap .info_con .info {
        padding-left: 8px;
    }

    .live_view_con .video_wrap .info_con a {
        margin-bottom: 0;
    }

    .live_view_con .video_wrap .info_wrap .btn_wrap button img {
        width: 15px !important;
    }

    .live_view_con .video_wrap .info_wrap .btn_wrap button.share img {
        width: 13px !important;
    }

    .live_view_con .video_wrap .info_wrap .btn_wrap button span {
        padding: 6px 12px;
    }


    .notice_view .body .text_box_sec {
        min-height: 260px;
    }

    .level .list ul.day li p {
        padding: 8px 0;
    }

    .level .level_top {
        margin-bottom: 8px;
    }

    .level .level_top div p {
        font-size: 17px;
    }

    .level .list02 ul li p {
        font-size: 13px;
    }

    .level .list ul.day li p {
        font-size: 16px;
    }

    .sub-banner h2 {
        font-size: 21px;
    }

    .lang p+p {
        margin-left: 12px;
    }

    .account_con dl {
        display: block;
    }

    .account_con dl dd {
        width: 100%;
        margin-top: 8px;
    }

    .account_con dl dt {
        width: 100%;
    }

    .account_con .btn_wrap {
        width: 100%;
    }

    .account_con .btn_wrap button {
        width: 100%;
    }

    .card_wrap {
        flex-direction: column;
    }

    .card_wrap .con {
        width: 100%;
    }

    .card_wrap .con.add_card {
        margin-left: 0;
        margin-top: 12px;
    }

    .card_wrap .con+.con {
        margin-left: 0;
        margin-top: 12px;
    }

    .price label i {
        font-size: 14px;
    }

    .price .check_wrap {
        height: 45px;
    }

    .price label span.on {
        height: 45px;
    }

    .price label i {
        font-size: 16px;
        left: 52%;
    }

    .price label span.on:after {
        left: 41.5%;
    }

    .price .con.mid ul li .con_wrap .txt_wrap span.type img {
        width: 100px;
    }


    .level02 .con .left svg#chart {
        border-width: 13px;
    }

    .study .list ul.inner li .con_wrap .img_wrap {
        width: 90px;
        border-radius: 4px;
    }

    .study .list ul.inner li .con_wrap {
        padding: 8px;
    }

    .study .list ul li .con_wrap .left_con .txt_wrap {
        padding-left: 16px;
    }

    .study .list ul.inner li .con_wrap .img_wrap img {
        border-radius: 4px;
    }

    .study .list ul li .con_wrap .right_con a {
        width: 35px;
        height: 35px;
        display: none;
    }

    .study .tab.tab02 ul {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .study .tab.tab02 ul li p {
        white-space: nowrap;
    }

    .study .list ul li .con_wrap .left_con .txt_wrap .txt p {
        font-size: 16px;
    }

    .study .list ul li .con_wrap .left_con .txt_wrap .info dl dt {
        width: 55px;
    }

    .study .list ul li .con_wrap .left_con .txt_wrap .info dl dd {
        width: calc(100% - 55px);
    }

    .level .list02 ul li {
        height: 60px;
    }

    .level .list ul li .con_wrap {
        height: 60px;
    }

    .level .bd-lg {
        margin-top: 0;
    }

    .level .list ul.day li p {
        height: 40px;
    }

    .level .list02 ul li.lv {
        height: 40px;
        margin-bottom: 4px;
    }

    .level .list ul.day li {
        margin-bottom: 4px;
    }

    .level .bd-lg h2 {
        margin-bottom: 16px;
    }


    .guide_wrap02 .guide_new .table01 {
        overflow-x: auto;
        overflow-y: hidden;
        display: block;
    }

    .guide_wrap02 .guide_new .table01 table {
        width: 500px;
    }

    .notice .dis-f .left {
        padding-top: 16px !important;
        padding-bottom: 0 !important;
    }

    .reason02_01 button {
        font-size: 14px;
    }

    .guide_wrap03 {
        margin-top: 55px;
    }

    .study_head03 .schedule_wrap_title {
        font-size: 20px;
    }


    .live_con .list ul li {
        margin-bottom: 12px;
    }


    /* 점수상세보기 버튼 */
    .score-btn {
        margin-bottom: 10px;
    }

    .score-btn button {
        padding: 6px 10px;
    }

}


/* ********************************************* *
* 450px max
* ********************************************* */
@media (max-width:450px) {

    .checkbox-wrap>div {
        width: 100%;
    }

    /* .checkbox-wrap .d-block input[type="checkbox"] + label span{left: 30px;} */

}


/* ********************************************* *
* 400px max
* ********************************************* */
@media (max-width:400px) {
    .exp .sub_h3 br {
        display: block;
    }

    .join_type .list {
        max-width: calc(100%);
        margin: 0;
    }

    .title_area {
        font-size: 1.6rem;
    }

    .side_nav .side_sub_depth a {
        font-size: 14px;
    }

    .side_nav .side_sub_depth a {
        padding: 10px 16px;
    }

    html {
        font-size: 14px;
    }

    .review_view #content {
        min-height: auto;
    }

    .side_nav .side_sub_depth a {
        margin-right: 8px;
    }

    /* 홍보자료/홍보영상 */
    .promotion ul li:first-child {
        margin-top: 0;
    }


    .pd-sle-con02 .select_list {
        display: inherit;
    }

    .pd-sle-con02 .select_list .select_name {
        width: 100%;
        text-align: left;
    }

    .pd-sle-con02 .select_list {
        position: relative
    }

    .pd-sle-con02 .select_list>div:first-child {
        width: 100% !important
    }

    .pd-sle-con02 .select_list>div {
        width: 50% !important;
        display: inline-block !important;
        margin-right: -4px;
        ;
    }

    .pd-sle-con02 .select_list .close {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 15px !important;
    }

    .event .tabSet ul.tabs li {}

    .review .table .t_date {}

    .review .mypage_review .table .t_star {
        position: absolute;
        top: 0;
        left: 0;
    }

    .qna_view #content {
        min-height: 160px;
    }


    /* 댓글 */
    .reply_wrap .reply_list ul li .top .date {
        font-size: 13px;
    }

    .page_but ul li.arrow {
        width: 1.5em;
        height: 1.5em;
    }

    .page_but ul li {
        padding: 0 !important;
    }

    .cancel_next_but button {
        padding: 12px 0;
    }


    .promotion.event .panel ul li .promotion_bg {
        width: 100%;
        padding-bottom: 70%;
    }

    .promotion.event ul li .text_box {
        width: 100%;
    }

    .event .tabSet ul.tabs li a {
        font-size: 15px;
    }

    .promotion.event .panel ul li>div {
        flex-direction: column;
    }

    .notice_type02 ul li .con_wrap b {
        font-size: 16px;
        margin-bottom: 4px;
    }

    .notice_type02 ul li .con_wrap p {
        font-size: 13px;
    }

    .notice_type02 ul li .con_wrap button {
        width: 30px;
        height: 30px;
    }

    .notice_type02 ul li .con_wrap .txt_wrap span {
        margin-bottom: 8px;
    }

    .notice_type02 ul li .con_wrap button {
        padding: 10px;
    }

    .notice_type02 ul li .con_wrap button span {
        width: 8px;
        height: 8px;
    }

    .notice_type02 ul li {
        width: 100%;
    }



    .reply_list .list ul li .con_wrap {
        flex-direction: column;
    }

    .reply_list .list ul li .con_wrap .thumb_wrap {
        width: 100%;
        height: 150px;
    }

    .reply_list .list ul li .con_wrap .txt_wrap {
        width: 100%;
    }

    .price label i {
        font-size: 16px;
        left: 51%;
    }

    .price label span.on:after {
        left: 37%;
    }

    .level02 .con .left .clock {
        min-width: 6em;
        min-height: 6em;
    }

    .level .list ul li .con_wrap b {
        font-size: 15px;
    }

    .level .list ul li .con_wrap span {
        font-size: 12px;
    }

    .level .list ul.day li p {
        font-size: 13px;
    }

    .level .bd-lg h2 {
        font-size: 16px;
    }

    .study_head03 .schedule_wrap_title {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 24px;
    }

    .checkbox-wrap>div {
        padding: 14px;
    }

    .checkbox-wrap>div label {
        font-size: 15px;
    }

    .study_head header .right_con .study_view button img {
        display: block;
    }

}

@media (max-width:350px) {
    .study_head .new_header .mid_con {
        display: none;
    }
}

@media (max-width:320px) {

    .review .mobile_table ul li {
        flex-wrap: wrap;
    }

    .review .mobile_table .review_product {
        width: 100%;
        padding-right: 0;
        padding: 0 20px;
    }

    .review .mobile_table .review_txt {
        width: 100%;
    }

    .review .mobile_table .review_txt .t_title {
        margin-bottom: 10px;
    }

    .review .mobile_table .review_txt .t_name {
        display: inline-block;
        margin-right: 14px;
    }

    .review .mobile_table .review_txt .t_date {
        display: inline-block;
    }

    .notice_view .top>div {
        display: block;
    }

    .content {
        padding: 32px 16px;
    }

    .mypage_correction_company .reason02_01 .img_box ul {
        width: 100%;
    }

    .mypage_correction_company.join .reason02_01 .img_box ul li {
        padding-bottom: 140% !important;
    }


}