/* 공통 */
.bg-g {
    background-color: #f5f5f5 !important;
}

.bg-g02 {
    background-color: #f8f8fb;
}

.bg-g03 {
    background-color: #eef0f3;
}

.bg-k {
    background-color: #333 !important;
}

.bg-g04 {
    background-color: #999;
}

.bg-w {
    background-color: #fff !important;
}

.bg-o {
    background-color: #FF6C0F !important;
}

.bg-y {
    background-color: #FFC700 !important;
}

.bg-r {
    background-color: #FD4D35 !important;
}

.bg-p {
    background-color: #B56EFF !important;
}

.bg-b {
    background-color: #32C4DE !important;
}

.bg-gr {
    background-color: #8DC63F !important;
}

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

.fc-gr {
    color: #8DC63F;
}

.fc-o {
    color: #FF6C0F !important;
}

.fc-y {
    color: #FFC700;
}

.fc-r {
    color: #FD4D35;
}

.fc-p {
    color: #B56EFF;
}

.fc-b {
    color: #32C4DE;
}

.fc-y2 {
    color: #FBFF4E;
}

.fc-w {
    color: #fff;
}

.fc-g {
    color: #999 !important;
}

.fc-k {
    color: #222 !important;
}

.f-small {
    font-size: 0.85em !important;
}

.pt-120 {
    padding-top: 120px;
}

.pb-120 {
    padding-bottom: 120px;
}

.pt-100 {
    padding-top: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pt-80 {
    padding-top: 80px;
}

.pb-80 {
    padding-bottom: 80px !important;
}

.pt-32 {
    padding-top: 32px !important;
}

.pb-32 {
    padding-bottom: 32px !important;
}

.mt-100 {
    margin-top: 100px;
}

.mt-170 {
    margin-top: 170px;
}

.mt-85 {
    margin-top: 85px;
}

.mt-70 {
    margin-top: 70px;
}

.cursor {
    cursor: pointer;
}

.bold {
    font-weight: 600 !important;
}

* b {
    word-break: keep-all;
}

* h2 {
    word-break: keep-all;
}

.dis-b {
    display: block;
}

.dis-f {
    display: flex;
}

.flex-c {
    flex-direction: column !important;
}

.flex-wrap {
    flex-wrap: wrap;
}

.justi-s-b {
    justify-content: space-between;
}

.justi-f-s {
    justify-content: flex-start !important;
}

.justi-f-e {
    justify-content: flex-end !important;
}

.justi-c {
    justify-content: center !important;
}

.align-i-c {
    align-items: center !important;
}

.align-f-s {
    align-items: flex-start !important;
}

.align-f-e {
    align-items: flex-end !important;
}

.posi-r {
    position: relative;
}

.text-a-l {
    text-align: left !important;
}

.text-a-c {
    text-align: center !important;
}

.flex-d-c {
    flex-direction: column;
}

.gap32 {
    gap: 32px;
}

.gap24 {
    gap: 24px;
}

.gap16 {
    gap: 16px;
}

.gap8 {
    gap: 8px;
}

.gap4 {
    gap: 4px;
}

.flex1 {
    flex: 1;
}

.flex05 {
    flex: 0.5;
}

.flex03 {
    flex: 0.3;
}

.w-100 {
    width: 100% !important;
}

.w-20 {
    width: 20%;
}

.border-t {
    border-top: 1px solid #ddd !important;
}

.border-b {
    border-bottom: 1px solid #ddd !important;
}

.border-l {
    border-left: 1px solid #ddd !important;
}

.border-r {
    border-right: 1px solid #ddd !important;
}

.border-none {
    border: 0 !important;
}

.border-o {
    border-color: #FF6C0F !important;
}

.opa07 {
    opacity: 0.7 !important;
}

.btn-type02 {
    border: 1px solid #ddd;
    background-color: #fff;
}

.pointer {
    cursor: pointer;
}

.dis-none {
    display: none;
}

input:focus {
    border: 0;
    outline: 0;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.input-pd {
    padding: 10px;
    border-radius: 4px;
}

.title_wrap h2 {
    font-size: 28px;
    font-weight: 600;
}

.title_wrap span {
    margin-right: 4px;
    color: #FF6C0F;
    font-weight: 700;
}

button.delete {
    color: #fe0000;
    font-size: 16px;
    margin-top: 4px;
    display: block;
}


.sub_title {
    margin-bottom: 32px;
}

.sub_title h2 {
    font-size: 1.5rem;
    font-weight: 600;
    display: block;
    font-family: "SUIT", sans-serif;
}

/* nav-up nav-down */
header.nav-down {
    transform: translate(-50%, 0);
    transition: transform 0.15s ease-in-out;
}

header.nav-up {
    transform: translate(-50%, -100%);
    transition: transform 0.15s ease-in-out;
}


/* 헤더 */
.header.simple_header .inner .top {
    padding: 0;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
    width: 100%;
    z-index: 999;
    transition-duration: 0.3s;
}

.header .inner {
    max-width: 100%;
}

.header .inner .top {
    padding: 16px;
}

.header .inner .top>.bd-lg {
    padding: 0;
}

.simple_header.header h1 {
    width: 130px;
}

.simple_header .inner .top>.bd-lg {
    padding: 12px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header .inner .top .member_area {
    display: flex;
    justify-content: flex-end;
}

.header .inner .top ul {
    display: flex;
    align-items: center;
}

.header .inner .top ul li a {
    font-size: 16px;
}

.header .inner .top ul li+li {
    margin-left: 24px;
}

.header .inner .mid {
    padding: 32px 0;
    margin-bottom: 24px;
}

.header .inner .mid>.bd-lg {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

/* .header h1{ text-indent: -9999px; overflow: hidden;width: 190px; height: 70px; background: url(../img/sub/ipc.png)no-repeat center center / contain;} */
.header h1 {
    text-indent: -9999px;
    overflow: hidden;
    width: 190px;
    height: 70px;
    background: url(../img/sub/ips_school.png)no-repeat center center / contain;
}

.header h1 a {
    display: block;
    width: 100%;
    height: 100%;
}

.header .inner .mid>.bd-lg .left {
    position: absolute;
    left: 0%;
    display: flex;
    align-items: center;
}

.header .inner .mid>.bd-lg .left h1 {
    margin-right: 32px;
}

.header .inner .mid>.bd-lg .right {
    position: absolute;
    right: 0;
}

.header .inner .mid>.bd-lg .right a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    color: #fff;
    border: 1px solid #FF6C0F;
    font-weight: 600;
    border-radius: 55px;
    transition-duration: 0.3s;
}

.header .inner .mid>.bd-lg .right a:hover {
    background-color: #fff;
    border: 1px solid #FF6C0F;
    color: #FF6C0F;
}


.h_event {
    background-color: #fff;
}

.header .inner .mid .search_wrap {
    display: flex;
    align-items: center;
}

.header .inner .mid .search_wrap select {
    border: 0;
    padding: 14px 56px 14px 14px;
    width: 170px;
    background: #f7f7f7 url(../img/s3_SHOP/165524060115868.png)no-repeat 90% 50% / 10px 8px;
}

.rotate {
    background: #f7f7f7 url(../img/s3_SHOP/165524106772918.png)no-repeat 90% 50% / 10px 8px !important;
}

select,
select.rotate {
    -webkit-appearance: none;
    /* 크롬 화살표 없애기 */
    -moz-appearance: none;
    /* 파이어폭스 화살표 없애기 */
    appearance: none;
    /* 화살표 없애기 */
    background: url(../img/sub/down_arrow.png) no-repeat right 16px top 50% / 10px #f5f5f5 !important;
}

.header .inner .mid .search_wrap input {
    background-color: #f7f7f7;
    border: 0;
    padding: 16px 50px 16px 24px;
    width: 460px;
    max-width: 100%;
    border-radius: 55px;
}

.header .inner .mid .search_wrap .search_con {
    position: relative;
    margin-left: 8px;
}

.header .inner .mid .search_wrap .search_con button {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}

.header .inner .mid .icon_wrap {
    display: flex;
    align-items: center;
}

.header .inner .mid .icon_wrap .h-cart {
    margin-left: 24px;
    position: relative;
}

.header .inner .mid .icon_wrap .h-cart .cart-count {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #858585;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
}

.header .inner .mid .icon_wrap .h-mypage a {
    position: relative;
    display: block;
}

.header .inner .mid .icon_wrap .h-mypage a span {
    position: absolute;
    color: #fff;
    right: -18px;
    top: -8px;
    background-color: #c5c5c5;
    border-radius: 50px;
    padding: 4px 8px;
    font-size: 12px;
}

.header .inner .mid .icon_wrap .h-mypage a span.m_on {
    background-color: #104976;
}

.header .inner .bottom_con {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.header .inner .bottom_con>.bd-lg {
    padding: 0;
}

.header .inner .bottom_con nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header .inner .bottom_con nav .left ul {
    display: flex;
    align-items: center;
}

.header .inner .bottom_con nav .left ul li.all_wrap {
    width: 135px;
    position: relative;
    justify-content: flex-start;
}

.header .inner .bottom_con nav .left ul li.all_wrap>a {
    display: flex;
    align-items: center;
    padding-left: 0;
}

.header .inner .bottom_con nav .left ul li.all_wrap>a span {
    display: block;
    margin-right: 16px;
}

.header .inner .bottom_con nav .left ul li.all_wrap>a span i {
    display: block;
    width: 23px;
    height: 3px;
    background-color: #104976;
}

.header .inner .bottom_con nav .left ul li.all_wrap>a span i+i {
    margin-top: 4px;
}

.header .inner .bottom_con nav .left ul li {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header .inner .bottom_con nav .left ul li a {
    font-size: 17px;
    padding: 16px 24px;
}

.view_event {
    display: flex !important;
}

.header .inner .bottom_con nav .left ul li.all_wrap .all_menu {
    background-color: #fff;
    position: absolute;
    border: 1px solid #ddd;
    top: 56px;
    left: 16px;
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 470px;
    width: 120%;
    min-width: 155px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.05);
    padding: 24px 0;
}

.header .inner .bottom_con nav .left ul li.all_wrap .all_menu b {
    display: block;
    font-weight: 600;
    color: #104976;
    font-size: 16px;
    cursor: pointer;
}

.header .inner .bottom_con nav .left ul li.all_wrap .all_menu>a {
    padding: 6px 8px;
    display: block;
    opacity: 0.7;
    font-weight: 600;
    font-size: 16px;
    text-align: left;
}

.header .inner .bottom_con nav .left ul li.all_wrap .all_menu .sub_depth {
    padding: 0 24px;
    width: 100%;
}

.header .inner .bottom_con nav .left ul li.all_wrap .all_menu .sub_depth+.sub_depth {
    margin-top: 16px;
}

.header .inner .bottom_con nav .left ul li.all_wrap .all_menu .sub_depth .sub_depth_in {
    display: none;
    height: 100.1%;
    min-width: 155px;
    position: absolute;
    left: 100%;
    top: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 24px;
}

.header .inner .bottom_con nav .left ul li.all_wrap .all_menu .sub_depth .sub_depth_in a {
    display: block;
    padding: 0;
    opacity: 0.7;
    font-size: 16px;
    text-align: left;
}

.header .inner .bottom_con nav .left ul li.all_wrap .all_menu .sub_depth .sub_depth_in a+a {
    margin-top: 8px;
}

.header .inner .bottom_con nav .left ul li.all_wrap .all_menu .sub_depth:hover .sub_depth_in {
    display: block;
}

.header .inner .bottom_con nav .left ul li.on a {
    color: #104976;
    position: relative;
    font-weight: 700;
}

.header .inner .bottom_con nav .left ul li.on a::after {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #104976;
    position: absolute;
    left: 50%;
    bottom: -2px;
    transform: translateX(-50%);
}

.header .inner .bottom_con nav .right ul {
    display: flex;
    align-items: center;
}

.header .inner .bottom_con nav .right ul li {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header .inner .bottom_con nav .right ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 24px;
}

.header .inner .bottom_con nav .right ul li a span {
    display: block;
    margin-left: 8px;
}

.header .inner .bottom_con nav .right ul li.bg-g {
    border: 1px solid #f7f7f7;
}

.header .inner .bottom_con nav .right ul li.bg-b {
    border: 1px solid #104976;
}

.header .inner02 {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #fff;
    width: 100vw;
    padding: 16px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    z-index: 999;
}

.header .inner02 nav ul {
    display: flex;
    align-items: center;
}

.mp_edit .new_header .left_con .menu {
    display: none;
}

.mp_edit .new_header .left_con .logo {
    margin-left: 0;
}

.header .inner02 nav ul li.dis-none {
    display: none;
}

.header .inner02 nav ul li {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-right: 8px;
}

.header .inner02 nav ul li:nth-child(5) {
    margin-left: 0;
}

.header .inner02 nav ul li p {
    font-size: 12px;
    margin-top: 4px;
    text-align: center;
    opacity: 0.7;
}

.header .inner02 nav ul li a img {
    width: 30px;
    height: 30px;
}

.header .inner02 nav ul li a img:first-child {
    display: block;
}

.header .inner02 nav ul li a img:last-child {
    display: none;
}

.header .inner02 nav ul li.on a img:first-child {
    display: none;
}

.header .inner02 nav ul li.on a img:last-child {
    display: block;
}

.header .menu_list ul {
    display: flex;
    align-items: center;
}

.header .menu_list ul li+li {
    margin-left: 52px;
}

.header .menu_list ul li {
    font-size: 20px;
    position: relative;
}

.header .menu_list ul li a {
    font-weight: 600;
}

.header .menu_list ul li.page_on a {
    color: #FF6C0F;
    font-weight: 700;
    opacity: 1;
}

.header .menu_list ul li .sub_depth {
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 5px;
    display: none;
    width: 175px;
    margin: 0 auto;
    background-color: #FF6C0F;
    padding: 16px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    color: #fff;
}

.header .menu_list ul li .sub_depth a {
    display: block;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    opacity: 0.7;
}

.header .menu_list ul li .sub_depth a:hover {
    opacity: 1;
}

.header .menu_list ul li .sub_depth a+a {
    margin-top: 8px;
}

.header .menu_list ul li .sub_depth a.page_on {
    color: #f9ff00;
    opacity: 1 !important;
}

/* 토글 스위치 */
.onoff_button {
    display: flex;
    ;
    align-items: center;
    justify-content: flex-end;
}

.onoff_button>div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.onoff_button>div p {
    font-weight: 600;
}

.onoff_button>div span {}

.onoff_button .toggleSwitch {
    width: 50px;
    height: 25px;
    display: block;
    position: relative;
    border-radius: 30px;
    background-color: #fff;
    box-shadow: 0 0 5px 3px rgba(0 0 0 / 15%);
    cursor: pointer;
    margin: 0 16px;
}

.onoff_button .toggleSwitch .toggleButton {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
    border-radius: 50%;
    background: #FF6C0F;
}

.onoff_button #toggle:checked~.toggleSwitch {
    background: #FF6C0F;
}

.onoff_button #toggle:checked~.toggleSwitch .toggleButton {
    left: calc(100% - 25px);
    background: #fff;
}

.onoff_button .toggleSwitch,
.toggleButton {
    transition: all 0.3s ease-in;
}


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

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

.reply_wrap .reply_con {
    margin-bottom: 16px;
    background-color: #f5f5f5;
    margin-top: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px;
    overflow: hidden;
}

.reply_wrap .reply_con a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    font-size: 15px;
    border-radius: 55px;
    padding: 6px 12px;
    background-color: #FF6C0F;
    color: #fff;
    vertical-align: middle;
}

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

.reply_wrap .reply_list ul li .top {
    display: flex;
}

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

.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 textarea {
    padding: 8px 12px;
    height: 65px;
}

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

.reply_wrap .reply_list ul li .submit {
    color: #888;
    font-size: 15px;
    display: flex;
    justify-content: flex-end;
}

.reply_wrap .reply_list ul li .submit i {
    cursor: pointer;
}

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

.reply_wrap .reply_list ul li .submit button {
    padding: 0;
    font-size: 14px;
}

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

.reply_wrap .reply_list .sub-reply {
    position: relative;
    padding-left: 24px;
    padding-right: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.reply_wrap .reply_list .sub-reply .top .thumb {
    width: 35px;
    height: 35px;
}

.reply_wrap .reply_list .sub-reply .top .name {
    font-size: 15px;
}

.reply_wrap .reply_list .sub-reply .bottom {
    padding-left: 47px;
    margin-top: 0px;
}

.reply_wrap .reply_list .sub-reply .reply_con {
    border: 0;
}

.reply_wrap .reply_list .sub-reply .reply_con>div {
    border: 1px solid #ddd;
}

.reply_wrap .reply_list ul li .top .post_writer {
    color: #FF6C0F;
    border-radius: 55px;
    border: 1px solid #FF6C0F;
    font-size: 0.85em;
    padding: 2px 8px;
    margin-left: 8px;
}

.reply_wrap .reply_list ul li .txt {
    width: calc(100% - 100px);
}

.reply_wrap .reply_list ul li .submit {
    width: 100px;
}

.reply_wrap .cancle_btn {
    position: relative;
    padding: 0;
    margin-top: 2px;
}

.reply_wrap .cancle_btn::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #999;
    position: absolute;
    bottom: -0;
    left: 0;
}

/* 어드민 페이지 */
.admin {
    min-height: 60vh;
}

.admin nav.click {
    width: 100px;
}

.admin nav.click .subs_list ul li>p i {
    display: none;
}

.admin nav.click .list .in {
    padding: 12px 6px;
    justify-content: center;
}

.admin nav.click .list b.min_title {
    font-size: 13px;
    text-align: center;
}

.admin nav.click .list .service b.min_title {
    display: none;
}

.admin nav.click .in .more_view button {
    display: none;
}

.admin nav.click .list ul li>p {
    justify-content: center;
}

.admin nav.click ul span.new_video {
    display: none;
}

.admin nav.click .type01 ul li>p i {
    display: block;
    font-size: 13px;
    text-align: center;
    padding-left: 0;
    margin-top: 4px;
}

.admin nav.click .type01 ul li>p {
    flex-direction: column;
}

.admin nav.click .list ul li.on::after {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.admin nav.click .type01 ul li {
    width: 100%;
    height: auto;
    margin: 8px auto;
}

.admin nav.click .type01 ul li+li {
    margin-top: 16px !important;
}

.admin nav.click .list ul li.on::after {
    display: none;
}

.admin nav.click .list ul li.on p {
    color: #222;
}

.admin nav.click .list ul li.on p img {
    filter: invert(10%) sepia(27%) saturate(16%) hue-rotate(348deg) brightness(96%) contrast(91%);
}

.admin nav.click .main_home {
    display: block;
}

.admin nav.click .list ul li.main_home.on::before {
    display: none;
}

.admin nav.click .list ul li.main_home p {
    width: 100%;
}

.admin nav.click .list ul li.main_home .logo_list {
    width: 100%;
    margin-top: 8px;
}

.admin nav.click .new_header_2 .left_con h1.elikiz a {
    display: none;
}

.admin nav.click .type01 ul li.main_home {
    width: auto;
    height: auto;
}

.admin nav.click .type01 ul li.list_wrap {
    height: auto;
    width: auto;
}

.admin nav .type01 ul li.list_wrap {
    width: 88px;
}



.admin nav.click .list ul li.btn_wrap {
    width: auto;
    height: auto;
}

.admin nav.click .mypage_side ul li>p i {
    display: none;
}

.admin nav.click .left .my_thumb {
    display: none;
}

.admin nav.click .list ul li.btn_wrap button {
    padding: 8px;
    font-size: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.admin nav.click .list ul li.btn_wrap button img {
    margin-right: 0;
    margin-bottom: 6px;
}

.admin nav.click .new_header_2 .left_con .logo {
    display: none;
}

.admin nav {
    width: 220px;
    position: fixed;
    left: 0;
    top: 70px;
    z-index: 100;
    background: #fff;
    height: calc(100% - 70px);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 3px 0px 10px rgba(0, 0, 0, 0.05);
}



.admin nav .left {
    display: flex;
    align-items: flex-start;
    height: 100%;
    justify-content: center;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.admin nav .left .my_thumb {
    padding: 16px;
    background-color: #f5f5f5;
}

.admin nav .left .my_thumb .img {
    width: 45px;
    height: 45px;
    margin: 0 auto;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.admin nav .left .my_thumb p {
    font-family: 'SejonghospitalBold' !important;
    text-align: center;
    margin-top: 16px;
    font-weight: 700;
    font-size: 17px;
}

.admin nav .left .my_thumb p span {
    opacity: 0.7;
    font-size: 0.85em;
}

.admin nav .left .my_thumb p button {
    display: inline-block;
    vertical-align: middle;
    margin-top: 4px;
}

.admin nav .left .my_thumb p button img {
    opacity: 0.5;
    width: 15px;
}

.admin nav .left .my_thumb .ranking {
    text-align: center;
    display: flex;
    margin-top: 8px;
    align-items: center;
    justify-content: center;
}

.admin nav .left .my_thumb .ranking img {
    width: 15px;
    margin-right: 8px;
}

.admin nav .left .my_thumb .ranking i {
    font-weight: 700;
    font-size: 0.85em;
}

.admin nav .right {
    padding: 24px 24px;
    border-left: 1px solid #ddd;
}

.admin nav .list ul.depth {
    display: none;
}

.admin nav .list b.min_title {
    font-weight: 600;
    font-size: 0.95em;
    opacity: 0.7;
    display: block;
    margin-bottom: 12px;
}

.admin nav .list .in {
    padding: 20px 16px;
    border-bottom: 1px solid #ddd;
}

.admin nav .list .service .img_wrap {
    margin-right: 0;
    width: auto;
    height: auto;
}

.admin nav .list .subs_list .img_wrap {
    border: 1px solid #ddd;
    border-radius: 50%;
}

.admin nav .list .service .img_wrap img {
    width: 90px;
}

.admin nav .list ul {}

.admin nav .list ul li {
    width: 100%;
    position: relative;
}

.admin nav .list ul li.on {
    position: relative;
}

.admin nav .list ul li.on::after {
    content: "";
    position: absolute;
    background-color: #FF6C0F;
    width: 110%;
    height: 145%;
    z-index: -1;
    border-radius: 25px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* .admin nav .list ul li.on::before{content:""; position: absolute; background-color: #FF6C0F; width: 110%; height: 145%; z-index: -1; border-radius: 25px; left: 52%; top: 60%; transform: translate(-50%, -50%);} */


.admin nav .list ul li+li {
    margin-top: 16px;
}

.admin nav .list ul li p {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.admin nav .home {
    padding: 32px;
}

.admin nav .list {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    overflow-x: hidden;
    overflow-y: auto;
}

.admin nav .list ul li>p {}

.admin nav .list ul li.on p {
    color: #fff;
    font-weight: 700;
}

.admin nav .list ul li.on p img {
    filter: invert(50) brightness(50);
}

.admin nav .list ul li.main_home .logo_list img {
    width: 40px;
}

.admin nav .list ul li.main_home p {
    width: 50%;
}

.admin nav .list ul li.main_home p img {
    width: 20px;
}

.admin nav.click .list ul li.main_home p img {
    width: 25px;
}


.admin nav .list ul li .logo_list {}

.admin nav .list ul li .logo_list img {
    width: 40px;
}

.admin nav .list ul li .logo_list a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.admin.admin_customer2 nav .list ul li.on p {
    color: #fb2780;
}

.admin nav ul .img_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 30px;
    height: 30px;
}

.admin nav ul .img_wrap img.border {}

/* .admin nav .list ul li.main_home.on::before {content: "";position: absolute;background-color: #eee;
    width: 110%;height: 145%;z-index: -1;border-radius: 25px;left: 50%;top: 50%;transform: translate(-50%, -50%);
  
} */

.admin nav .list ul li.btn_wrap {}

.admin nav .list ul li.btn_wrap button {
    padding: 12px 12px;
    border-radius: 5px;
    width: 100%;
    display: flex;
    align-items: center;
    background-color: #ababab;
    color: #fff;
}

.admin nav .list ul li.btn_wrap .con+.con {
    margin-top: 4px;
}

.admin nav .list ul li.btn_wrap button img {
    margin-right: 12px;
}

.admin nav ul span.live_ing {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    background-color: red;
    color: #FFF;
    text-align: center;
    font-size: 11px;
    border-radius: 5px;
    padding: 2px 6px;
    margin-left: 4px;
}

.admin nav ul span.new_video {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    background-color: red;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    margin-left: 4px;
}

.admin nav .in .more_view {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 16px;
}

.admin nav .in .more_view button {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 55px;
    padding: 8px 16px;
    border: 1px solid #ddd;
}

.admin nav .in .more_view button span {
    display: block;
    margin-left: 8px;
    width: 10px;
    height: 10px;
    border-right: 1px solid #666;
    margin-top: -6px;
    border-bottom: 1px solid #666;
    transform: rotate(45deg);
}


.admin nav .subs_list ul li>p i {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    padding-right: 30px;
    width: calc(100% - 30px);
}

.admin nav ul li>p i {
    padding-left: 2px;
    margin-bottom: -2px;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
}

.admin nav ul li.on>p i {
    font-weight: 600;
    font-size: 16px;
}


.admin .top {
    width: 100%;
    padding-left: 120px;
    padding-right: 60px;
    min-height: 65vh;
}

.admin .top .con01 {
    background-color: #f5f5f5;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

.admin .top .con01 .img_wrap {
    position: relative;
    width: 100%;
    padding-bottom: 20%;
}

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

.admin .top .con01 button {
    display: flex;
    align-items: center;
    position: absolute;
    right: 16px;
    bottom: 16px;
    border-radius: 55px;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    padding: 8px 16px;
}

.admin .top .con01 button img {
    width: 15px;
    margin-right: 8px;
}


.admin .top .con01 ul {
    display: flex;
    align-items: center;
}

.admin .top .con01 ul li {
    padding: 0 16px;
    border-right: 1px solid #ddd;
    width: 20%;
    text-align: center;
    opacity: 0.5;
}

.admin .top .con01 ul li.on {
    opacity: 1;
}

.admin .top .con01 ul li:last-child {
    border-right: 0;
}

.admin .top .con01 ul li span {
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
}

.admin .top .con01 ul li p {
    font-size: 22px;
    font-weight: 400;
    cursor: pointer;
}

.admin .top .con01 ul li p i {
    color: #FF6C0F;
    font-weight: 600;
    font-size: 30px;
    margin-right: 3px;
}

.admin .top .con02 {
    margin-top: 32px;
}

.admin .top .con02 .tab {
    display: flex;
    overflow: hidden;
    background-color: #f2f2f2;
}

.admin .top .con02 .tab p {
    padding: 16px 52px;
    font-weight: 600;
    opacity: 0.7;
    cursor: pointer;
    background-color: #f2f2f2;
    border-right: 1px solid #aeaeae;
}

.admin .top .con02 .tab p i {
    font-weight: 600;
    margin-left: 4px;
}

.admin .top .con02 .tab p.on {
    color: #FF6C0F;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #fff;
    margin-bottom: -1px;
    box-shadow: 6px -1px 9px rgba(0, 0, 0, 0.2);
    font-weight: 600;
    position: relative;
    z-index: 2;
    opacity: 1;
    border-top: 1px solid #FF6C0F;
    border-left: 1px solid #FF6C0F;
    border-right: 1px solid #FF6C0F;
    border-bottom: 0;
}

/* .admin .top .con02 .tab p.on::after{content: ""; width: 100%; height: 2px; background-color: #FF6C0F; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%);} */

.admin .top .con02 .tab02 {
    display: flex;
    padding-top: 24px;
}

.admin .top .con02 .tab02 p {
    border-radius: 55px;
    cursor: pointer;
    background-color: #f5f5f5;
    font-size: 15px;
    padding: 8px 20px;
    text-align: center;
    margin-right: 16px;
}

.admin .top .con02 .tab02 p.on {
    background-color: #FF6C0F;
    color: #fff;
}

.admin .top .con02 .tab02 p:last-child {
    margin-right: 0;
}


.admin .table_wrap {
    width: 100%;
    margin-top: 32px;
    overflow-y: hidden;
    overflow-x: auto;
}

.admin .table_wrap::-webkit-scrollbar {
    height: 8px;
}

.admin .table_wrap table {
    width: 100%;
}

.admin .table_wrap table tr th {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    padding: 12px 16px;
    text-align: center;
    vertical-align: middle;
    font-weight: 600;
}

.admin .table_wrap table tr td {
    padding: 12px 16px;
    border: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    vertical-align: middle;
}

.admin .table_wrap table tr td img {
    width: 120px;
    margin: 0 auto;
    display: block;
    max-width: 85%;
}

.admin .table_wrap table tr td.state {
    min-width: 140px;
}

.admin .table_wrap table tr .long {
    min-width: 160px;
}

.admin .table_wrap table p {
    font-size: 14px;
    padding: 8px 8px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
}

.admin .table_wrap table p.ing {
    background-color: #FF6C0F;
}

.admin .table_wrap table p.refuse2 {
    background-color: #7641cc;
}

.admin .table_wrap table p.refuse3 {
    background-color: #4c6edf;
}

.admin .table_wrap table p.comp {
    background-color: #a7a7a7;
}

.admin .table_wrap table p.stop {
    background-color: #fb2780;
}

.admin .table_wrap table p.refund {
    background-color: #6b6b6b;
}

.admin .table_wrap table p.refuse {
    background-color: #999;
    cursor: pointer;
}

.admin .table_wrap table p.refuse span {
    display: block;
    font-size: 12px;
}

.admin .table_wrap table p.cancle_request {
    background-color: #fb2780;
}

.admin .table_wrap table p.cancle_complete {
    background-color: #a7a7a7;
}

.admin .table_wrap table tr td select {
    width: 100%;
    border: 1px solid #ddd;
    cursor: pointer;
    border-radius: 5px;
    padding: 8px 12px;
    background-position: 98% 50% !important;
}

.admin .table_wrap table tr td .pd_category select {
    width: calc(50% - 8px);
    margin: 4px;
}

.admin .table_wrap table button {
    padding: 8px 16px;
    border-radius: 5px;
    font-size: 15px;
}

.admin .table_wrap table button.review_btn {
    background-color: #fff;
    margin: 0 auto;
}

/* .admin .table_wrap table button.memo{background-color: #dbdbdb;}
.admin .table_wrap table button.view{background-color: #ffb93a; color: #fff; margin: 0 auto; display: block;}
.admin .table_wrap table button.view2{background-color: #999; color: #fff; margin: 0 auto; display: block;}
.admin .table_wrap table button.no_view{background-color: #fff; color: #222; margin: 0 auto; display: block; pointer-events: none;} */


.admin .table_wrap table tr td .cancle {
    text-align: center;
    margin-top: 8px;
}

.admin .table_wrap table tr td .cancle span {
    font-size: 14px;
    cursor: pointer;
    position: relative;
}

.admin .table_wrap table tr td .cancle span::before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #ddd;
    position: absolute;
    bottom: -3px;
    left: 50%;
    transform: translateX(-50%);
}

.company_refuse.admin .table_wrap table p {
    color: #222;
    padding: 0;
    font-size: 16px;
    text-align: left;
}

.company_refuse .btn_wrap {
    display: flex;
    justify-content: center;
}

.company_refuse .btn_wrap button {
    padding: 12px 24px;
    font-size: 16px;
    margin-top: 32px;
    border-radius: 5px;
}


.admin_upload .inner ul li {}

.admin_upload .inner ul li+li {
    margin-top: 100px;
}

.admin_upload .inner ul li>h2 i {
    font-weight: 600;
    color: #FF6C0F;
}

.admin_upload .inner ul li>h2 {
    font-size: 22px;
    font-weight: 600;
    display: block;
    padding-bottom: 16px;
    border-bottom: 2px solid #000;
}

.admin_upload .inner ul li .in {
    display: flex;
    flex-wrap: wrap;
}

.admin_upload .inner ul li .in dl {
    width: 50%;
    display: flex;
    height: auto;
    border-bottom: 1px solid #ddd;
}

.admin_upload .inner ul li dl dt {
    width: 160px;
    background-color: #f5f5f5;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
}

.admin_upload .inner ul li dl dt p {
    padding: 16px;
    font-weight: 600;
}

.admin_upload .inner ul li dl dd {
    width: calc(100% - 160px);
    padding: 16px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: -8px;
}

.admin_upload .inner ul li dl dd>div {
    position: relative;
    margin-bottom: 8px;
}

.admin_upload .inner ul li dl dd>div input[type="text"] {
    width: 100%;
}

.admin_upload .inner ul li dl dd>div input[type="number"] {
    width: 100%;
}

.admin_upload .inner ul li dl dd>div input[type="date"] {
    width: 100%;
}

.admin_upload .inner ul li dl dd>div input {
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 12px 8px;
    border-radius: 5px;
}

.admin_upload .inner ul li dl dd>div input+span {
    margin-left: 6px;
    font-weight: 600;
    white-space: nowrap;
    word-break: break-all;
}

.admin_upload .inner ul li dl dd>div input+span i {
    font-weight: 600;
}

.admin_upload .inner ul li dl dd>span {
    font-size: 14px;
    font-weight: 600;
    opacity: 0.7;
    display: block;
}

.admin_upload .inner ul li dl dd>div textarea {
    width: 100%;
    height: 155px;
    resize: none;
    width: 100%;
    padding: 12px;
    border-radius: 5px;
}

.admin_upload .inner ul li .inner {
    display: flex;
    flex-direction: column;
    padding: 16px;
}

.admin_upload .address button {
    background-color: #FF6C0F;
    color: #fff;
    padding: 12px 32px;
    border-radius: 5px;
}

.admin_upload .keyword button {
    background-color: #FF6C0F;
    color: #fff;
    border-radius: 5px;
    padding: 8px;
}

.admin_upload .keyword p+p {
    margin-left: 8px;
}

.admin_upload .keyword input {
    margin-right: 4px;
}

.admin_upload .inner ul li dl.keyword dd>div input[type="text"] {
    width: calc(25% - 4px);
    max-width: 100%;
    margin-bottom: 8px;
}

.admin_upload select {
    width: 100%;
    border: 1px solid #ddd;
    padding: 12px 32px 12px 16px;
    background-position: 95% 50% !important;
    border-radius: 5px;
}




.campaign_name b {
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
}

.campaign_name ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -16px;
}

.campaign_name ul li {
    cursor: pointer;
    margin-bottom: 16px;
}

.campaign_name ul li:last-child {}

.campaign_name ul li .con_wrap {
    padding: 8px 32px 8px 8px;
    position: relative;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
}

.campaign_name ul li .con_wrap .x_btn {
    position: absolute;
    cursor: pointer;
    font-size: 12px;
    right: 0;
    top: 0%;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FF6C0F;
    color: #fff;
}

.campaign_name ul li.on .con_wrap {
    background-color: #FF6C0F;
    color: #fff;
}

.campaign_name ul li.on .con_wrap .x_btn {
    background-color: #fff;
    color: #FF6C0F;
    font-weight: 600;
}



/* 체크박스 디자인 */
.admin_upload input[type="checkbox"] {
    display: none;
}

.admin_upload input[type="checkbox"]+label::after {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 5px;
    border: 1px solid #ddd;
    position: absolute;
    left: 0;
    top: 1px;
    background-color: #fff;
    cursor: pointer;
}

.admin_upload input[type="checkbox"]:checked+label {}

.admin_upload input[type="checkbox"]:checked+label::after {
    content: "";
    background: url(../img/s3/16640603736987.png)no-repeat center/20px 20px;
}

.admin_upload input[type="checkbox"]+label span {
    margin-left: 30px;
    cursor: pointer;
}



.admin_upload input[type="radio"] {
    display: none;
}

.admin_upload input[type="radio"]+label::after {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #ddd;
    position: absolute;
    left: 0;
    top: 1px;
    background-color: #fff;
    cursor: pointer;
}

.admin_upload input[type="radio"]:checked+label {}

.admin_upload input[type="radio"]:checked+label::after {
    content: "";
    border: 6px solid #FF6C0F;
}

.admin_upload input[type="radio"]+label span {
    margin-left: 30px;
    cursor: pointer;
}

.admin_upload input[type="file"] {
    display: none;
}

.admin_upload .plus {
    width: 80px;
    height: 80px;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 30px;
    cursor: pointer;
}

.file_list {
    margin-top: 8px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: -12px;
}

.file_list .img {
    position: relative;
    margin-right: 12px;
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
    padding-right: 24px;
    margin-bottom: 12px;
}

.file_list .img:last-child {
    margin-right: 0;
}

.file_list .img .x-btn {
    position: absolute;
    width: 15px;
    height: 15px;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FF6C0F;
    color: #fff;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}



.admin_ad_view .file_list .img {
    padding-right: 0;
}

.point {
    position: relative;
    padding-left: 16px;
}

.point+.point {
    margin-top: 8px;
}

.point::before {
    content: "";
    width: 5px;
    height: 5px;
    background-color: #FF6C0F;
    position: absolute;
    left: 0;
    top: 8px;
}

.admin_alarm .con ul li {
    cursor: pointer;
}

.admin_alarm .con ul li .con_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #ddd;
    border: 1px solid #ddd;
    padding: 16px;
}

.admin_alarm .con ul li+li {
    margin-top: 16px;
}

.admin_alarm .con ul li .con_wrap .left {
    display: flex;
    align-items: center;
}

.admin_alarm .con ul li .con_wrap .left .icon {
    width: 50px;
    padding: 8px;
    margin-right: 16px;
    height: 50px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f5f5f5;
}

.admin_alarm .con ul li .con_wrap .left .icon img {
    opacity: 0.7;
}

.admin_alarm .con ul li .con_wrap .left .txt i {
    color: #FF6C0F;
    font-weight: 600;
}

.admin_alarm .con ul li .con_wrap .right .date {
    opacity: 0.7;
    font-weight: 600;
}

.admin_alarm .con ul li.read .con_wrap {
    opacity: 0.6;
}

.no_post {
    padding: 80px 0;
}

.no_post p {
    opacity: 0.7;
    margin-top: 16px;
}

.no_post img {
    width: 100px;
}

.point_wrap ul {}

.point_wrap ul li .con_wrap {
    display: flex;
    border-top: 1px solid #ddd;
}

.point_wrap ul li .con_wrap.point_add button.x_btn {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.1);
    text-align: center;
}

.point_wrap ul li .con_wrap.point_add .right p {
    border: 1px solid #ddd;
    padding: 6px 12px;
    border-radius: 5px;
    cursor: pointer;
}

.point_wrap ul li .con_wrap.point_add .right p+p {
    margin-left: 8px;
}

.point_wrap ul li .con_wrap.point_add .point_select {
    margin-left: 16px;
}


.point_wrap ul li+li {}

.point_wrap ul li .con_wrap .left {
    padding: 16px;
    width: 150px;
    background-color: #f5f5f5;
    height: auto;
}

.point_wrap ul li .con_wrap .right {
    padding: 16px;
    width: calc(100% - 150px);
}

.point_wrap ul li .con_wrap .right input {
    border: 1px solid #ddd;
    padding: 8px 12px;
    border-radius: 5px;
}

.point_wrap ul li.all_price {
    border-top: 2px solid #000;
}

.point_wrap ul li.all_price .con_wrap {
    align-items: center;
}

.point_wrap ul li .con_wrap .right i.price {
    font-size: 23px;
    font-weight: 600;
    margin-right: 4px;
}

.point_wrap ul li.all_price .left {
    background-color: #fff;
    color: #FF6C0F;
    font-weight: 600;
}

.point_wrap ul li.all_price .left p {
    font-weight: 700;
    font-size: 18px;
}

.point_wrap .terms {
    border: 1px solid #ddd;
    margin-top: 32px;
    padding: 16px;
}

.point_wrap .terms .in_ex {
    background-color: #f5f5f5;
    padding: 16px;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 16px;
}

.point_wrap button.change_button {
    background-color: #FF6C0F;
    color: #fff;
    padding: 8px 12px;
    border-radius: 5px;
    margin-left: 16px;
}

.point_wrap p.small {
    font-size: 15px;
    font-weight: 600;
    opacity: 0.7;
    display: block;
}


.campaign_upload>ul li .con_wrap {
    display: flex;
}

.campaign_upload>ul li .con_wrap {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.campaign_upload>ul li .con_wrap .left {
    padding: 16px;
    display: flex;
    align-items: center;
    width: 150px;
    background-color: #f5f5f5;
    height: auto;
}

.campaign_upload>ul li .con_wrap .left p {
    display: flex;
    align-items: center;
}

.campaign_upload>ul li .con_wrap .right {
    padding: 16px;
    width: calc(100% - 150px);
}

.campaign_upload>ul li .con_wrap .right input {
    border: 1px solid #ddd;
    padding: 12px 16px;
    width: 100%;
}

.campaign_upload button {
    background-color: #FF6C0F;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    width: 150px;
    border-radius: 5px;
    font-size: 17px;
    margin: 32px auto 0 auto;
    padding: 12px 16px;
}


.kakao {
    position: fixed;
    right: 7px;
    bottom: 20px;
    border-radius: 50%;
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9992;
    background-color: #FF6C0F;
    cursor: pointer;
}

.kakao:hover {
    opacity: 1;
}

.kakao .big_img {
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9992;
    background-color: #FF6C0F;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.kakao .big_img img {
    width: 30px;
    margin-bottom: 5px;
}

.kakao img {
    width: 30px;
    margin: 0 auto 0 auto;
    text-align: center;
    display: block;
    z-index: 999;
}

.kakao p.txt {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    font-weight: 800;
    text-align: center;
}


/* .chat_depth{display:block;}
.chat_depth.on{display: block;}
.float_chat{max-height: 510px; border-radius: 5px; overflow: hidden; position: fixed; width: 460px; max-width: 90%; display: flex; right: 90px; bottom: 90px; border-radius: 5px; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}

.float_chat .fl_left{width: 60px; ; background-color: #f5f5f5; border-right: 1px solid #ddd; padding: 16px;}
.float_chat .fl_left img{width: 25px; opacity: 0.5;}
.float_chat .fl_left p.on img{opacity: 1;}
.float_chat .fl_left p + p{margin-top:24px;}
.float_chat .fl_left ul{overflow-y: auto; overflow-x: hidden; height: calc(100% - 70px);}
.float_chat .fl_left ul li + li{margin-top:4px;}
.float_chat .fl_left ul li.on{background-color: #ddd;}
.float_chat .fl_left ul li{padding: 8px;}
.float_chat .fl_right{width: calc(100% - 60px);}

.float_chat .chat_view .con_wrap{display: flex; align-items: center;}
.float_chat .chat_view .con_wrap .thumb{background-color: #fff; width: 45px; height: 45px; overflow: hidden; border-radius: 50%; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center;}
.float_chat .chat_view .con_wrap .thumb img{max-height: 90%; width: auto; margin: 0;}
.float_chat .chat_view .con_wrap .txt_wrap{width: calc(100% - 45px); padding-left: 8px;}
.float_chat .chat_view .con_wrap .txt_wrap b{font-weight: 600; display: block;}
.float_chat .chat_view .con_wrap .txt_wrap p{padding: 8px; background: #f5f5f5;border-radius: 5px; margin-top: 4px;}
.float_chat .chat_view .tab.type01 p{font-size: 14px; padding:8px 12px; width: 48%; margin-right: 0; text-align: center;}
.float_chat .chat_view .tab.type01{height: 70px; border-bottom: 1px solid #ddd;padding: 16px; margin-bottom: 0; justify-content: space-between;}
.float_chat .chat_view .con_wrap .txt_wrap span{font-size: 14px; opacity: 0.7; margin-top: 6px;display: block;}
.float_chat .chat_view .con_wrap .txt_wrap p{display: table;}
.float_chat .chat_view .con_wrap .txt_in{}


.float_chat .fl_right{display: flex; flex-direction: column; justify-content: space-between;}
.float_chat .fl_right .fl_chat_area{height: calc(100% - 50px); overflow-y: auto; overflow-x: hidden;  padding: 16px;}
.float_chat .fl_right .fl_chat_area ul li:nth-child(2n) .thumb{display: none;}
.float_chat .fl_right .fl_chat_area ul li:nth-child(2n) .con_wrap{text-align: right;}
.float_chat .fl_right .fl_chat_area ul li:nth-child(2n) .txt_wrap{width: 100%;}
.float_chat .fl_right .fl_chat_area ul li:nth-child(2n) .txt_wrap b{display: none;}
.float_chat .fl_right .fl_chat_area ul li:nth-child(2n) .txt_in{display: flex; justify-content: flex-end;}

.float_chat .fl_right .fl_chat_area ul li + li{margin-top:32px;}
.float_chat .fl_right .fl_chat_area ul li .con_wrap{align-items: flex-start;}
.float_chat .fl_right .fl_input{height: 50px;border-top: 1px solid #ddd; position: relative; }
.float_chat .fl_right .fl_input input{background-color: #f5f5f5; width: 100%; border: 0; padding: 12px 50px 12px 12px; height: 100%;}
.float_chat .fl_right .fl_input button{position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-weight: 600;}
 */

.chat_depth {
    display: none;
}

.chat_depth.on {
    display: block;
}

.float_chat {
    max-height: 510px;
    border-radius: 5px;
    overflow: hidden;
    position: fixed;
    width: 640px;
    max-width: 90%;
    display: flex;
    right: 90px;
    bottom: 90px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.float_chat .fl_left {
    width: 200px;
    ;
    background-color: #f5f5f5;
}

.float_chat .fl_left ul {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 70px);
}

.float_chat .fl_left ul li+li {
    margin-top: 4px;
}

.float_chat .fl_left ul li.on {
    background-color: #ddd;
}

.float_chat .fl_left ul li {
    padding: 8px;
}

.float_chat .fl_right {
    width: calc(100% - 200px);
}

.float_chat .con_wrap {
    display: flex;
    align-items: center;
    position: relative;
}

.float_chat .con_wrap .thumb {
    background-color: #fff;
    width: 45px;
    height: 45px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
}

.float_chat .con_wrap .thumb img {
    max-height: 90%;
    width: auto;
    margin: 0;
}

.float_chat .con_wrap .txt_wrap {
    width: calc(100% - 45px);
    padding-left: 8px;
}

.float_chat .con_wrap .txt_wrap b {
    font-weight: 600;
    display: block;
}

.float_chat .con_wrap .txt_wrap p {
    padding: 8px;
    background: #f5f5f5;
    border-radius: 5px;
    margin-top: 4px;
}

.float_chat .tab.type01 p {
    font-size: 14px;
    padding: 8px 12px;
    width: 48%;
    margin-right: 0;
    text-align: center;
}

.float_chat .tab.type01 {
    height: 70px;
    border-bottom: 1px solid #ddd;
    padding: 16px;
    margin-bottom: 0;
    justify-content: space-between;
}

.float_chat .con_wrap .txt_wrap span {
    font-size: 14px;
    opacity: 0.7;
    margin-top: 6px;
    display: block;
}

.float_chat .con_wrap .txt_wrap p {
    display: table;
}

.float_chat .con_wrap .txt_in {}

.float_chat .con_wrap .txt_wrap .img_in {
    width: 250px;
    max-width: 100%;
    position: relative;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin-top: 12px;
}

.float_chat .con_wrap .txt_wrap .img_in img {
    width: auto;
    margin: auto;
    max-width: 100%;
}




.float_chat .fl_right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.float_chat .fl_right .fl_chat_area {
    height: calc(100% - 50px);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 16px;
}

.float_chat .fl_right .fl_chat_area ul li:nth-child(2n) .thumb {
    display: none;
}

.float_chat .fl_right .fl_chat_area ul li:nth-child(2n) .con_wrap {
    text-align: right;
}

.float_chat .fl_right .fl_chat_area ul li:nth-child(2n) .txt_wrap {
    width: 100%;
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.float_chat .fl_right .fl_chat_area ul li:nth-child(2n) .txt_wrap b {
    display: none;
}

.float_chat .fl_right .fl_chat_area ul li:nth-child(2n) .txt_in {
    display: flex;
    justify-content: flex-end;
}



.float_chat .fl_right .fl_chat_area ul li+li {
    margin-top: 32px;
}

.float_chat .fl_right .fl_chat_area ul li .con_wrap {
    align-items: flex-start;
}

.float_chat .fl_right .fl_input {
    height: 50px;
    border-top: 1px solid #ddd;
    position: relative;
}

.float_chat .fl_right .fl_input textarea {
    background-color: #f5f5f5;
    width: 100%;
    border: 0;
    padding: 12px 50px 12px 12px;
    height: 100%;
}

.float_chat .fl_right .fl_input .btn_wrap {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 600;
    display: flex;
    align-items: center;
}

.float_chat .fl_right .fl_input .btn_wrap button {
    border-radius: 5px;
    padding: 4px 8px;
    background-color: #333;
    color: #fff;
}

.float_chat .fl_right .fl_input .btn_wrap .img_wrap {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 4px;
    background-color: #FF6C0F;
}

.float_chat .fl_right .fl_input .btn_wrap .img_wrap img {
    width: 16px;
    margin-bottom: 0;
    cursor: pointer;
}

.float_chat .fl_right .fl_input .btn_wrap input[type="file"] {
    display: none;
}

.rock {
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0.1;
    z-index: 2;
}

span.small {
    font-size: 15px;
    margin-top: 8px;
    display: block;
    text-align: left;
}

.filter_mo {
    display: none;
    flex-wrap: wrap;
    border-top: 2px solid #000;
    padding-top: 16px;
    border-bottom: 1px solid #ddd;
}

.filter_mo .select_con {
    width: 50%;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    padding: 0 16px;
}

.filter_mo .select_con select {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 12px 16px;
    background-position: 90% 50% !important;
    width: calc(100% - 83px);
}

.filter_mo .select_con b {
    width: 83px;
    font-size: 16px;
    display: block;
    font-weight: 7000;
    padding-right: 16px;
}

.mo_category {
    display: none;
}

.mo_category select {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 12px 32px 12px 16px;
    background-position: 90% 50% !important;
    width: 100%;
}


.side_nav02 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    ;
    background-color: #fff;
    z-index: 999;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    display: none;
}

.side_nav02 .top h2 {
    font-size: 22px;
    font-weight: 700;
}

.side_nav02 .top img {
    width: 10px;
}

.side_nav02 .top .right_con button {
    border: 1px solid #ddd;
    border-radius: 55px;
    padding: 6px 12px;
    font-size: 13px;
}

.side_nav02 .top .right_con button+button {
    margin-left: 4px;
}

.side_nav02 .top {
    padding: 72px 24px 32px 24px;
}

.side_nav02 .login_btn {
    font-size: 18px;
    font-weight: on 700;
    padding-left: 0;
}

.side_nav02 .x_btn {
    font-size: 25px;
    font-weight: 600;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
}

.side_nav02 .btm_con {
    border-top: 8px solid #f8f8fb;
    padding: 24px;
}

.side_nav02 .btm_con>b {
    font-size: 17px;
    display: block;
    margin-bottom: 16px;
    font-weight: 600;
}

.side_nav02 .btm_con .inner a {
    padding: 12px 0;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
}

.side_nav02 .btm_con img {}



.side_nav02 .mid {
    padding: 0 24px;
    margin-bottom: 32px;
}

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

.side_nav02 .mid>div>b {
    font-size: 14px;
    display: block;
    font-weight: 600;
    margin-bottom: 8px;
}

.side_nav02 .mid img {
    width: 8px;
    margin-left: 8px;
}

.side_nav02 .mid p {
    font-size: 18px;
    font-weight: 600;
}


.exel_down input {
    background-color: #fff;
    border: 1px solid #00c250;
    color: #00c250;
    background-image: url(https://ipschool1.s3.ap-northeast-2.amazonaws.com/images/admin/i-xls.png);
    background-size: 24px 24px;
    padding-left: 32px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    cursor: pointer;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: 6px center;
}

/* footer */
/* footer.click{padding-left: 110px;} */
footer {
    background-color: #222;
    padding: 16px 16px 16px 115px;
    color: #fff;
    position: relative;
    z-index: 2;
}

footer .top_con {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

footer .top_con .f-logo {
    margin-right: 32px;
}

footer .top_con a {
    margin-right: 16px;
    opacity: 0.7;
}

footer .top_con a.fc-o {
    opacity: 1;
}

footer .top_con a:last-child {
    margin-right: 0;
}

footer .mid_con {
    margin-top: 16px;
    font-size: 14px;
    opacity: 0.7;
}

footer .mid_con ul li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}

footer .mid_con ul li+li {
    margin-top: 4px;
}

footer .mid_con ul li p {
    padding-right: 16px;
    font-weight: 300;
}

footer .mid_con ul li:last-child p {
    margin-right: 0;
    padding-right: 0;
}

footer .copy {
    opacity: 0.5;
    font-size: 14px;
    margin-top: 16px;
}

footer .left_con {
    width: calc(100% - 250px);
}

footer .right_con {
    width: 250px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    text-align: right;
}

footer .right_con b {
    font-size: 16px;
}

footer .right_con h2 {
    font-size: 18px;
}

footer .right_con span {
    font-size: 14px;
    opacity: 0.7;
    margin-top: 8px;
    display: block;
}

footer .sns {
    opacity: 0.3;
    margin-top: 32px;
}

footer .sns a {
    margin-left: 8px;
}

footer .sns a:first-child {
    margin-left: 0;
}


/* sub-banner */
.study {
    margin-top: 70px;
    min-height: calc(100vh - 80px);
}

.sub-banner {
    position: relative;
    height: 50px;
    background: url(../img/sub/banner02.png)no-repeat center bottom / cover;
}

.sub-banner .bd-lg {
    height: 100%;
}

.sub-banner h2 {
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 29px;
    width: 100%;
    text-align: center;
}


/* page_but */
.page_but {
    width: 100%;
    text-align: center;
    margin-top: 60px;
}

.page_but div {
    display: inline-block;
}

.page_but div.page_item {
    color: #888;
    font-size: 14px;
    padding: 0 3px;
    margin: 0 3px;
}

.page_but .page_item.active {
    border-bottom: 2px solid #000;
    color: #000;
    font-size: 16px;
}


.search {
    width: 560px;
    display: flex;
    align-items: center;
    border-radius: 55px;
    height: 45px;
    background-color: #fff;
    padding-right: 32px;
    overflow: hidden;
    position: relative;
    max-width: 100%;
    margin: 0 auto;
}

.search input {
    border: 0;
    width: 100%;
    padding: 8px 20px;
}

.search input:focus {
    outline: 0;
}

.search button {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}

.search button img {
    width: 30px;
}


/* 서브페이지 공통 타이틀 */
.title_area {
    font-size: 1.7rem;
    font-weight: bold;
    text-align: left;
    margin-bottom: 24px;
}

.title_area h3 {
    font-weight: 600;
}

.title_area.type02 {
    font-size: 2.5rem;
    margin-bottom: 48px;
}

.title_area.type02 p {
    font-size: 1.1rem;
    opacity: 0.7;
    margin-top: 12px;
}

.title_area.type02 p span {
    display: block;
}

/* view 페이지 공통타이틀 */

.title_area02 h3 {
    font-weight: 800;
    font-size: 16px;
}

/* 탭공통 */

.tab.type01 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 24px;
}

.tab.type01 p {
    margin-right: 12px;
    border-radius: 5px;
    font-size: 15px;
    padding: 8px 16px;
    background-color: #ebebeb;
    cursor: pointer;
    margin-bottom: 8px;
}

.tab.type01 p.on {
    background-color: #656565;
    color: #fff;
}

.tab.type01 p:last-child {
    margin-right: 0;
}

.tab.type01 p img {
    width: 100px;
}

.tab.type01 button {
    height: 46px;
    width: 46px;
    background-color: #999;
    color: #fff;
    border-radius: 3px;
    margin-bottom: 8px;
}

.elikiz_list_wrap .tab.type01 {
    font-weight: 600;
    position: relative;
}

.elikiz_list_wrap .tab.type01 .x_btn {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #333;
    right: 0;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.elikiz_list_wrap .tab.type01 .x_btn img {
    width: 10px;
}

.elikiz_list_wrap .tab.type01 .x_btn .in {
    display: none;
    position: absolute;
    border: 1px solid rgba(0, 0, 0, 0.05);
    width: 85px;
    top: 20px;
    right: 0;
    background-color: #fff;
}

.elikiz_list_wrap .tab.type01 .x_btn .in p {
    background-color: transparent;
    padding: 6px 16px;
    color: #333;
    margin-right: 0;
    width: 100%;
    margin-bottom: 0;
}

.elikiz_list_wrap .tab.type01 .x_btn .in p img {
    margin-right: 8px;
}




.study_head02 .level03 .btn_wrap {
    display: none;
}


.tab.type01 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 24px;
}

.tab.type01 p {
    margin-right: 12px;
    border-radius: 5px;
    font-size: 15px;
    padding: 8px 16px;
    background-color: #ebebeb;
    cursor: pointer;
    margin-bottom: 8px;
}

.tab.type01 p.on {
    background-color: #656565;
    color: #fff;
}

.tab.type01 p:last-child {
    margin-right: 0;
}

.tab.type01 p img {
    width: 100px;
}

.tab.type01 button {
    height: 46px;
    width: 46px;
    background-color: #999;
    color: #fff;
    border-radius: 3px;
    margin-bottom: 8px;
}

.tab.type01 .tab_in {
    position: relative;
    background-color: #656565;
    height: 47px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    padding: 8px 16px;
    background-color: #ebebeb;
    cursor: pointer;
    margin-bottom: 8px;
    margin-right: 12px;

}

.tab.type01 .tab_in .tab_logo {
    width: 100px;
    max-height: 27px;
}

.tab.type01 .tab_in.on {
    background-color: #656565;
    color: #fff;
}

.tab.type01 .tab-right {
    position: relative;
    height: 47px;
    border-radius: 3px;
    display: flex;
    color: #fff;
    align-items: center;
    padding: 8px 16px;
    margin-right: 35px;
    cursor: pointer;
    background-color: #ff6300;
}


.tab.type02 {
    text-align: center;
    margin-bottom: 80px;
}

.tab.type02 ul {
    display: inline-flex;
    padding: 0 0;
    justify-content: center;
    align-items: center;
    border-radius: 55px;
    background-color: #f5f5f5;
}

.tab.type02 ul {
    justify-content: center;
}

.tab.type02 ul li {
    border-radius: 55px;
    opacity: 0.7;
    cursor: pointer;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tab.type02 ul li p {
    padding: 22px 48px;
    font-size: 22px;
    font-family: 'SejonghospitalBold' !important;
}

.tab.type02 ul li p img {
    width: 120px;
    margin: 0 auto;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.tab.type03 {
    display: flex;
}

.tab.type03 p {
    font-family: 'SejonghospitalBold' !important;
    text-align: center;
    cursor: pointer;
    padding: 12px 16px;
    font-weight: 600;
    opacity: 0.5;
    font-size: 17px;
}

.tab.type03 p.on {
    color: #FF6C0F;
    border-bottom: 2px solid #FF6C0F;
    opacity: 1;
}

.tab.type03 p img {
    width: 120px;
}

.tab.type04 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 32px;
}

.tab.type04 p {
    margin-right: 16px;
    font-family: 'SejonghospitalBold' !important;
    border-radius: 55px;
    padding: 12px 12px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    font-family: 'SejonghospitalBold' !important;
}

.tab.type04 p.on {
    background-color: transparent;
    color: #FF6C0F;
    position: relative;
    font-weight: 600;
}

.tab.type04 p.on::after {
    content: "";
    width: 100%;
    height: 15px;
    background: url(../img/sub/level_point.svg)no-repeat center center /cover;
    opacity: 0.9;
    position: absolute;
    left: 50%;
    bottom: 10px;
    z-index: 0;
    transform: translateX(-50%);
}

.tab.type04 p:last-child {
    margin-right: 0;
}


.tab.type05 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 32px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.tab.type05 p {
    margin-right: 16px;
    border-radius: 55px;
    padding: 12px 12px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    color: #aeaeae;
}

.tab.type05 p.on {
    background-color: transparent;
    color: #222;
    position: relative;
    font-weight: 700;
}

.tab.type05 p:last-child {
    margin-right: 0;
}




.total div.count {
    font-size: 18px;
}

.total div.count span {
    font-weight: 600;
}

.total .search {
    margin: 0 !important;
    width: 250px;
    background-color: #f5f5f5;
}

.total .search input {
    background-color: #f5f5f5;
}

/* 이미지 업로드 */
.img-upload-con .essencial {
    position: relative !important;
}

.img-upload {
    width: 72px;
    height: 72px;
    position: relative;
    margin-bottom: 8px;
    display: inline-block;
    margin-right: 4px;
    border: 1px solid #dcdee1;
}

.img-upload-main {
    border: 1px solid #666;
}

.img-upload input[type="file"] {
    width: 0;
    height: 0;
    opacity: 0
}

.img-upload label {
    content: "";
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
}

.img-upload label {
    background: url(../img/sub/plus.png) no-repeat center center;
}

.img-upload img {
    width: 100%;
    height: 100%;
}

.img-upload .return-btn {
    position: absolute;
    background-color: #fff;
    border: 1px solid #dcdee1;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    font-size: 11px;
    width: 48px;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
}

.img-load .delete-btn {
    width: 25px;
    height: 25px;
    position: absolute;
    border-radius: 0;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 1) url(../img/sub/x_btn-w.svg)no-repeat center center / contain;
    z-index: 5;
}

.img-load {
    width: 740px;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    margin-bottom: 8px;
    border: 1px solid #dcdee1;
    cursor: pointer;
}

.img-load img {
    max-height: 100%;
    width: 100%;
    object-fit: contain;
}



/* 체크박스 커스텀 */
.chk_box {
    display: block;
    position: relative;
    padding-left: 32px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.check_con .chk_box input[type="radio"] {
    display: none;
}

/* 기본 체크박스 숨기기 */
.chk_box input[type="checkbox"] {
    display: none;
}

/* 선택되지 않은 체크박스 스타일 꾸미기 */
label span.on {
    width: 20px;
    height: 20px;
    background: #ddd;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 2px;
}

/* 선택된 체크박스 스타일 꾸미기 */
.check_con .chk_box input[type="radio"]:checked+.on {
    background: #FF6C0F;
}

.chk_box input[type="checkbox"]:checked+.on {
    background: #FF6C0F;
}

label span.on:after {
    content: "";
    position: absolute;
    display: none;
}

.chk_box input[type="checkbox"]:checked+.on:after {
    display: block;
}

label span.on:after {
    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: 7px;
    top: 2px;
}

.chk_box input[type="radio"]:checked+.on:after {
    display: block;
}

.reser03_2 .on:after {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


/* 설정페이지 */
.setting_area {
    display: none;
}

.setting_wrap {
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
}

.setting_wrap .tit {
    background-color: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 12px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 17px;
    border-bottom: 1px solid #ddd;
}

.setting_wrap .tit button img {
    width: 25px;
}

.setting_wrap .tit button {
    display: flex;
    align-items: center;
    justify-content: center;
}

.setting_wrap ul {}

.setting_wrap ul li .con_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.setting_wrap ul li+li {
    margin-top: 24px;
}

.setting_wrap .in_con {
    width: 500px;
    max-width: 100%;
    background-color: #fff;
    padding: 16px 24px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.setting_wrap ul li.alarm_in {
    opacity: 0.4;
}

.setting_wrap ul li.alarm_in.on {
    opacity: 1;
}


/* sns로그인 */
.sns_login {
    text-align: center;
}

.sns_login p {
    font-size: 15px;
    position: relative;
    background-color: #fff;
    text-align: center;
    width: 520px;
    max-width: 100%;
    margin: 32px auto 30px auto;
}

.sns_login p::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #ddd;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
}

.sns_login p i {
    background-color: #fff;
    padding: 0 24px;
    z-index: 3;
    position: relative;
}

.sns_login button {
    width: 520px;
    height: 60px;
    max-width: 100%;
    margin: 0 auto;
    font-size: 17px;
    padding: 16px 16px;
    border-radius: 5px;
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sns_login button.k_login {
    background-color: #FEE500;
    color: #191919;
    font-weight: 600;
}

.sns_login button.n_login {
    background-color: #2DB400;
    color: #FFF;
    font-weight: 600;
}

.sns_login button.k_login img {
    width: 36px;
    margin-right: 5px;
}

.sns_login button.n_login img {
    width: 18px;
    margin-right: 12px;
}

.sns_login button img {}

/* 제품판매 */
.shop_list .list ul {
    display: flex;
    flex-wrap: wrap;
}

.shop_list .list ul li {
    width: 20%;
    margin-bottom: 48px;
}

.shop_list .list ul li .con_wrap {
    cursor: pointer;
}

.shop_list .list ul li .con_wrap .img_wrap {
    border-radius: 15px;
    padding-bottom: 70%;
    overflow: hidden;
    position: relative;
    border: 1px solid #000;
}

.shop_list .list ul li .con_wrap .img_wrap img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.shop_list .list ul li .con_wrap .txt_wrap {
    margin-top: 12px;
}

.shop_list .list ul li .con_wrap .txt_wrap p {
    font-size: 18px;
    font-weight: 600;
    margin-top: 8px;
}

.shop_list .list ul li .con_wrap .txt_wrap b {
    font-size: 16px;
}


/* 단체용 장바구니 페이지 */
.cart_wrap label span.on {
    border-radius: 50%;
}

.cart_wrap label span.on:after {
    top: 3px;
}

.cart_wrap .bg {
    display: none;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.cart_wrap .bg.btn_on {
    display: block;
}

.cart_wrap h3 {
    font-size: 1.2rem;
    font-weight: 700;
    display: block;
}

.cart_wrap .title img {
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.cart_wrap .title {
    margin-bottom: 16px;
}

.cart_wrap {
    position: fixed;
    bottom: 80px;
    right: 20px;
    z-index: 102;
    display: flex;
    align-items: flex-end;
}

.cart_wrap button.icon {
    margin-right: 24px;
    position: relative;
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.cart_wrap button i.count {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 11px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FF6C0F;
    color: #fff;
}

.cart_wrap .cart_list {
    background-color: #fff;
    border-radius: 5px;
    padding: 24px;
    position: relative;
    z-index: 3;
    overflow: hidden;
}

.cart_wrap .cart_list .all_delete img {
    width: 13px;
    margin-right: 8px;
}

.cart_wrap .cart_list .all_delete {
    display: flex;
    align-items: center;
    font-size: 14px;
    cursor: pointer;
}

.cart_wrap .cart_list .total .count {
    font-size: 16px;
}

.cart_wrap .cart_list ul {
    max-height: 60vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 80px;
}

.cart_wrap .cart_list ul li .con_wrap {
    border: 1px solid #ddd;
    width: 360px;
    max-width: 100%;
    border-radius: 5px;
    padding: 16px;
    display: flex;
    align-items: flex-start;
    position: relative;
}

.cart_wrap .cart_list ul li .con_wrap .thumb_wrap {
    cursor: pointer;
    display: flex;
    align-items: center;
    overflow: hidden;
    justify-content: center;
    width: 100px;
    height: 90px;
    border-radius: 5px;
    margin-right: 16px;
}

.cart_wrap .cart_list ul li .con_wrap .x_btn {
    cursor: pointer;
    opacity: 0.7;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 18px;
}

.cart_wrap .cart_list ul li .con_wrap .txt_wrap {}

.cart_wrap .cart_list ul li .con_wrap .txt_wrap .category {
    display: table;
    color: #FF6C0F;
    border: 1px solid #FF6C0F;
    margin-bottom: 8px;
    border-radius: 5px;
    padding: 2px 4px;
    font-size: 12px;
}

.cart_wrap .cart_list ul li .con_wrap .txt_wrap p {
    margin: 6px 0 8px 0;
    cursor: pointer;
}

.cart_wrap .cart_list ul li .con_wrap .txt_wrap p:hover {
    text-decoration: underline;
}

.cart_wrap .cart_list ul li .con_wrap .txt_wrap .price {
    font-weight: 600;
}

.cart_wrap .cart_list ul li+li {
    margin-top: 12px;
}

.cart_wrap .cart_contents {
    transform: translateX(92%);
    transition-duration: 0.3s;
}

.cart_wrap .cart_contents.btn_on {
    transform: translateX(0%);
}

.cart_wrap .btm {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    position: absolute;
    bottom: 0;
    z-index: 3;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    padding: 16px;
}

.cart_wrap .btm button {
    background-color: #FF6C0F;
    color: #fff;
    padding: 12px;
    border-radius: 55px;
    width: 100%;
}

.cart_wrap .btm>div {
    display: flex;
}

.cart_wrap .btm>div span {
    margin-left: 8px;
    font-weight: 600;
}



/* 테이블 공통 */
.table_wrap table {
    width: 100%;
}

.table_wrap table thead tr th {
    border-bottom: 1px solid #ddd;
    padding: 16px 0;
    vertical-align: middle;
    font-weight: 800;
}

.table_wrap table tbody tr td {
    border-bottom: 1px solid #ddd;
    padding: 16px 0;
    vertical-align: middle;
}

.table_wrap table tbody tr td p.origin {
    position: relative;
    display: table;
    /*color: #999;*/
}

/* .table_wrap table tbody tr td p.origin::after{content: ""; width: 100%; height: 1px; background-color: #999; position: absolute; left: 0; top: 50%; transform: translateY(-50%);} */

.table_wrap table .img_con {
    display: flex;
    align-items: center;
}

.table_wrap table .img_con .txt_wrap b {
    display: block;
    font-weight: 600;
    font-size: 18px;
}

.table_wrap table .img_con .txt_wrap span {
    opacity: 0.7;
}

.table_wrap table .img_con .txt_wrap {
    padding-left: 24px;
}



.table_wrap table tr td .img_wrap {
    width: 150px;
    height: 150px;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
}

.table_wrap table tr td .img_wrap img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    object-fit: cover;
    height: 100%;
}



/* 단체가입 지도 */

.map {
    width: 100%;
    margin-bottom: 12px;
}

.map .wrap_map {
    width: 100%;
    height: 350px;
}

.map .root_daum_roughmap {
    width: 100%;
}

.select_wrap {
    display: flex;
    gap: 8px;
}

.select_wrap select {
    flex: 1;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 8px;
}

.search_con {
    position: relative;
}

.search_con input {
    width: 100%;
    padding-right: 50px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
}

.search_con button {
    position: absolute;
    right: 0;
    top: 12px;
    width: 45px;
}

.search_list {
    margin-top: 12px;
}

.search_list>b {
    display: block;
    margin-bottom: 8px;
}

.my_channel .search_list>b {
    margin-bottom: 0;
    margin-top: 8px;
}

.my_channel .search_list.scroll-table {
    margin-top: 8px;
}


.search_list table {
    width: 100%;
    font-size: 15px;
}

.search_list table tr th {
    background-color: #f5f5f5;
    padding: 12px;
    vertical-align: middle;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.search_list table tr td {
    background-color: #fff;
    padding: 12px;
    vertical-align: middle;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.search_list table button {
    border-radius: 5px;
    padding: 4px 8px;
}

.search_list.scroll-table {
    overflow-x: auto;
}

.type_414 .service ul li {
    display: none;
}

.type_414 .service ul li.elikiz_menu {
    display: block !important;
}



/* 단체 관리자 사이드 */
.admin nav .crew_management_side ul li.on>p i {
    padding: 4px 8px;
}

.management_wrap input[type="button"] {
    padding: 8px 10px;
}

.management_wrap input[type="text"] {
    padding: 8px 12px;
    border-radius: 5px;
}

.management_wrap input[type="number"] {
    padding: 8px 12px;
    border-radius: 5px;
}

.management_wrap span.small {
    font-size: 0.85em;
    opacity: 0.7;
}


.management_wrap .category b.tit {
    font-size: 18px;
    font-weight: 600;
    display: block;
    margin-bottom: 12px;
}

.management_wrap .con.category ul li {}

.management_wrap .con.category ul li .con_wrap {
    display: flex;
    align-items: flex-start;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 24px;
}

.management_wrap .con.category ul li .con_wrap .move {
    width: 60px;
    display: flex;
    flex-direction: column;
}

.management_wrap .con.category ul li .con_wrap .move span img {
    margin-right: 8px;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
}

.management_wrap .con.category ul li .con_wrap .move span {
    display: flex;
}

.management_wrap .con.category ul li .con_wrap .move span+span {
    margin-top: 4px;
}

.management_wrap .con.category ul li .con_wrap .select_wrap {
    width: calc(100% - 60px);
    padding-right: 24px;
}

.management_wrap .con.category ul li .btn_wrap {
    margin-top: 24px;
}

.management_wrap .con.category ul li .btn_wrap input[type="button"] {
    padding: 8px 12px;
    border-radius: 5px;
}

.management_wrap .btn_wrap02 {
    margin-top: 8px;
    padding-top: 16px;
    margin: 16px auto 0 auto;
    text-align: center;
    border-top: 1px solid #ddd;
}

.management_wrap .btn_wrap02 input[type="button"] {
    padding: 12px 12px;
    font-size: 15px;
    width: 100px;
    max-width: 100%;
    border-radius: 55px;
}


.select_wrap select {
    background-color: #f5f7fa;
    background-image: none;
}

.select_wrap select option {
    font-size: 15px;
    padding: 4px 8px;
    cursor: pointer;
}

.management_wrap .tit_wrap input[type="button"] {
    padding: 8px 8px;
    font-size: 12px;
}

.management_wrap .tit_wrap b.tit {
    margin-bottom: 0 !important;
}

.management_wrap .img-upload .delete-btn {
    width: 17px;
    height: 17px;
    position: absolute;
    border-radius: 0 !important;
    top: 0;
    right: 0;
    background: url(https://ipschool1.s3.ap-northeast-2.amazonaws.com/images/admin/upload-close-black.png) no-repeat center center;
    z-index: 1;
    padding: 0 !important;
}

.admin .management_wrap .table_wrap th.num {
    width: 50px;
}

.admin .management_wrap .table_wrap th.date {}

.admin .management_wrap .table_wrap th.img {
    width: 100px;
}

.admin .management_wrap .table_wrap th {
    background-color: #fff;
    text-align: left;
    font-weight: 400;
    opacity: 0.7;
}

.admin .management_wrap .table_wrap {
    margin-top: 16px;
}

.s_pd .table_wrap th {
    background-color: #f5f5f5 !important;
    font-weight: 600 !important;
    opacity: 1 !important;
    width: 200px;
}

.s_pd .insert-wrap02 .insert+.insert {
    margin-top: 8px;
}


.admin .management_wrap .table_wrap .img_wrap {
    width: 80px;
    height: 80px;
}

.admin .management_wrap .table_wrap td b {
    display: block;
    font-weight: 600;
    cursor: pointer;
}

.admin .management_wrap .table_wrap td b+span {
    margin-bottom: 4px;
}

.admin .management_wrap .table_wrap td {
    font-weight: 300;
}

.admin .management_wrap .table_wrap td .category_info {
    margin-top: 16px;
    display: flex;
    align-items: center;
}

.admin .management_wrap .table_wrap td .category_info span {
    position: relative;
    margin-right: 8px;
    padding-right: 16px;
    font-size: 0.9em;
}

.admin .management_wrap .table_wrap td .category_info span::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    transform: translateY(-50%) rotate(-45deg);
}

.admin .management_wrap .table_wrap td .category_info span:last-child::after {
    display: none;
}

.admin .management_wrap .table_wrap td span.tracking_num {
    border-radius: 5px;
    font-size: 12px;
    margin-top: 8px;
    display: block;
    width: 95px;
    max-width: 100%;
    text-align: center;
    border: 1px solid #ddd;
    margin-top: 8px;
    padding: 4px 12px;
    cursor: pointer;
}

form input.btn-xlsx {
    background-color: #fff;
    border: 1px solid #00c250;
    color: #00c250;
    background-image: url(https://ipschool1.s3.ap-northeast-2.amazonaws.com/images/admin/i-xls.png);
    background-size: 24px 24px;
    padding-left: 32px !important;
    padding-right: 8px;
    background-repeat: no-repeat;
    background-position: 6px center;
}

.management_wrap .top_con select {
    border-radius: 5px;
    padding: 8px 12px;
    background-position: 90% 50%;
    cursor: pointer;
}

.management_wrap tr td span.account {
    background-color: #2cadf9;
    color: #fff;
    font-size: 12px;
    border-radius: 5px;
    padding: 4px 8px;
}

.management_wrap tr td span.credit {
    background-color: #FF6C0F;
    color: #fff;
    font-size: 12px;
    border-radius: 5px;
    padding: 4px 8px;
}

.orderlist_view th {
    width: 180px;
}

.orderlist_view .tit_wrap b.tit {
    margin-bottom: 16px !important;
}


#progress::-webkit-progress-value {
    background: #fdd4d6;
}



/* 체크 */
.s_pd .check {
    position: relative;
}

.s_pd .check_label {
    display: inline-block;
    position: relative;
    font-size: 0.9em;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
    padding-left: 24px;
    vertical-align: middle;
}

.s_pd .check_label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    visibility: hidden;
}

/* 큰 체크 텍스트 불가 */
.s_pd .check_label.check-big {
    padding-left: 0;
}

.s_pd .check_label.check-big .checkmark {
    width: 22px;
    height: 22px;
}

.s_pd .check_label.check-big .checkmark:after {
    width: 6px;
    height: 11px;
    left: 7px;
    top: 3px;
}

.s_pd .check_label.check-big input:checked~.checkmark {
    background-color: #4589d5;
}

/* 체크 크기 */
.s_pd .checkmark {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #c1c1c1;
}

.s_pd .check_label:hover input~.checkmark {
    background-color: #efefef;
}

.s_pd .check_label input:checked~.checkmark {
    border: 1px solid transparent;
    background-color: #FF6C0F;
}

.s_pd .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.s_pd .check_label input:checked~.checkmark:after {
    display: block;
}

/* 체크박스 */
.s_pd .check_label .checkmark:after {
    left: 5px;
    top: 1px;
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* 라디오 */
.s_pd .checkmark.radio {
    border-radius: 50%;
}

.s_pd .check_label .checkmark.radio:after {
    top: 5px;
    left: 5px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    border: 0;
}

.main_popup {
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    padding: 0 48px;
}

.main_popup .inner {
    width: auto;
    max-width: 100%;
    padding: 95px 16px 0 0;
}

.main_popup .inner .img_wrap {
    height: 70vh;
    background-color: #f5f5f5;
    overflow: hidden;
}

.main_popup .inner .img_wrap img {
    width: auto !important;
    max-width: auto !important;
    height: 100% !important;
    margin: 0 auto;
}

.main_popup .inner .txt_wrap {
    background-color: #f5f5f5;
    padding: 8px;
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    font-weight: 600;
}

.main_popup .inner .txt_wrap p {
    cursor: pointer;
    opacity: 0.7;
}


/* ui*/

.level03_2 {
    min-height: 100vh;
    width: 100vw;
    padding: 32px;
}

.ui_wrap {
    width: 100%;
    height: 100%;
}

.ui_wrap .ui_in {
    width: 50px;
    position: fixed;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
}

.ui_wrap .ui_in.left {
    left: 20px;
}

.ui_wrap .ui_in.right {
    right: 20px;
}

.ui_wrap ul li div {
    cursor: pointer;
    margin: 0 auto;
}

.ui_wrap ul li .dot {
    width: 30px;
    height: 30px;
    background-color: #00c250;
    border-radius: 50%;
}

.ui_wrap ul li .dot.blue {
    background-color: #021CE2;
}

.ui_wrap ul li .dot.blue02 {
    background-color: #0C6CFF;
}

.ui_wrap ul li .dot.blue03 {
    background-color: #38CBFE;
}

.ui_wrap ul li .dot.green {
    background-color: #2E8F1C;
}

.ui_wrap ul li .dot.green02 {
    background-color: #73C525;
}

.ui_wrap ul li .dot.red {
    background-color: #B41B16;
}

.ui_wrap ul li .dot.orange {
    background-color: #D35E26;
}

.ui_wrap ul li .dot.yellow {
    background-color: #D3B533;
}

.ui_wrap ul li .dot.pink {
    background-color: #D32F6C;
}

.ui_wrap ul li .dot.black {
    background-color: #000;
}

.ui_wrap ul li .dot.white {
    background-color: #fff;
}




.ui_wrap ul li+li {
    margin-top: 24px;
}

.ui_wrap ul li .opa_btn {
    width: 30px;
    border: 1px solid #fff;
    height: 30px;
    border-radius: 50%;
    background-color: #000;
    margin: 0 auto;
}

.ui_wrap ul li .opa_btn.op100 {
    opacity: 1;
}

.ui_wrap ul li .opa_btn.op70 {
    opacity: 0.7;
}

.ui_wrap ul li .opa_btn.op50 {
    opacity: 0.5;
}

.ui_wrap ul li .opa_btn.op30 {
    opacity: 0.3;
}

.ui_wrap ul li .opa_btn.op0 {
    opacity: 0.1;
}

.ui_wrap ul li .size_btn {
    height: 10px;
    background-color: #000;
    border: 1px solid #fff;
    border-radius: 50%;
    margin: 0 auto;
}

.ui_wrap ul li .size_btn.size0 {
    width: 10px;
}

.ui_wrap ul li .size_btn.size20 {
    width: 15px;
}

.ui_wrap ul li .size_btn.size50 {
    width: 20px;
}

.ui_wrap ul li .size_btn.size70 {
    width: 25px;
}

.ui_wrap ul li .size_btn.size100 {
    width: 30px;
}

.ui_wrap ul+ul {
    margin-top: 24px;
}

.ui_wrap .center {
    position: fixed;
    left: 50%;
    border: 1px solid #fff;
    transform: translateX(-50%);
    bottom: 20px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.ui_wrap .center .arrow {
    width: 50px;
    cursor: pointer;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #FF6C0F;
}

.ui_wrap .center .arrow img {
    width: 15px;
}

.ui_wrap .center .arrow.arrow_l img {
    margin-left: -4px;
}

.ui_wrap .center .arrow.arrow_r img {
    margin-right: -4px;
}

.level03 .btn_wrap .btn.on {
    background-color: #FF6C0F;
}


.study_head {
    position: relative;
}

.study_head::after {
    content: "";
    width: 250px;
    height: 250px;
    background: url(../img/sub/point01.png)no-repeat center center /contain;
    position: absolute;
    left: 10%;
    bottom: 20px;
    z-index: -1;
    opacity: 0.5;
}

.study_head::before {
    content: "";
    width: 250px;
    height: 250px;
    background: url(../img/sub/point02.png)no-repeat center center /contain;
    position: absolute;
    right: 20px;
    top: 40%;
    z-index: -1;
    opacity: 0.8;
}


.study_head .new_header .left_con .menu {
    display: none;
}

.study_head header .right_con .study_view {
    display: block !important;
}

.study_head header .right_con .study_view+.con {
    display: none !important;
}

.study_head footer {
    padding: 16px;
}

.study_head footer .e_move {
    display: none;
}

.study_head footer .p_move {
    display: inline-block !important;
    vertical-align: middle;
}

.study_head .new_header .right_con .con02 {
    display: none !important;
}

.study_head .new_header .alarm {
    display: none;
}

.study_head .thumb_wrap {
    display: none;
}


.new_header {
    display: none;
}

.study_head .study {
    margin-top: 0;
}

.wrap.join .new_header {
    display: flex;
}


.header .inner02 nav ul li.study_view {
    display: flex;
}

.header .inner02 nav ul li.study_view img {
    object-fit: contain;
    width: 28px;
}



.no_side_wrap.admin nav {
    position: fixed;
    left: 0;
    z-index: 9999999;
    top: 70px;
    height: calc(100vh - 70px);
    transform: translateX(-100%);
}

.no_side_wrap.admin nav span.bg {
    z-index: 0;
    width: 0%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 220px;
    top: 0;
}

.no_side_wrap.admin nav.click span.bg {
    width: 10000%;
}


.no_side_wrap.admin .top {
    margin: 0 auto;
    padding: 0 16px;
    width: 100%;
    max-width: 100%;
}

.no_side_wrap .live_view_con02 {
    width: 100%;
    padding: 0 !important;
}

.no_side_wrap .live_view_con02 .video_wrap {
    background-color: #fff;
}

.no_side_wrap .live_view_con02 .video_con {
    /* padding-bottom: 56.25%; */
    padding-bottom: 0;
    max-height: 100vh;
    width: auto;
    margin: 0 auto;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

/* .no_side_wrap .live_view_con02 .video_wrap .video_con {
    padding-bottom: 0;
    max-height: 100vh;
    width: auto;
    margin: 0 auto;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
} */

.no_side_wrap.admin nav.click {
    transform: translateX(0);
}

.no_side_wrap.admin nav.click {
    width: 220px;
}

.no_side_wrap.admin nav .list ul li p {
    flex-direction: row;
    justify-content: flex-start;
}

.no_side_wrap.admin nav.click .type01 ul li>p i {
    padding-left: 8px;
}

.no_side_wrap.admin nav.click .list b.min_title {
    text-align: left;
}

.no_side_wrap.admin nav.click .type01 ul li {
    height: auto;
}

.no_side_wrap.admin nav.click .subs_list ul li>p i {
    display: block;
}

.no_side_wrap.admin nav .list ul li.main_home .logo_list a {
    background-color: #f5f5f5;
    padding: 4px;
    border-radius: 4px;
}

.no_side_wrap.admin nav.click .type01 ul li+li {
    margin-top: 16px !important;
}

.no_side_wrap .new_header {
    display: none;
}

.no_side_wrap .wrapper {
    margin-top: 0;
}

.no_side_wrap .admin nav {
    top: 0;
    display: none;
}

.no_side_wrap .live_view_con .video_wrap .txt_wrap {
    background-color: #fff;
    padding: 32px 16px;
}

.no_side_wrap footer {
    padding: 16px !important;
}

.no_side_wrap .new_header .search {
    display: none;
}





.study .buy_btn {
    background-color: #FF6C0F;
    color: #fff;
    transition-duration: 0.3s;
    position: fixed;
    right: 20px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 155px;
    bottom: 20px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.study .buy_btn p {
    display: none;
    margin-left: 8px;
    white-space: nowrap;
}

.study .buy_btn img {}

.study .buy_btn:hover {
    width: 150px;
}

.study .buy_btn:hover p {
    display: block;
}

/* .study_head .kakao{display: none !important;} */

.h_btn {
    position: fixed;
    top: 90px;
    right: 7px;
    cursor: pointer;
    z-index: 2;
    z-index: 101;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-top: 0;
}

.h_btn .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.3);
    color: #fff;
    transition-duration: 0.3s;
}

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

.study_head03 .btn.back img {
    margin-bottom: -5px;
}



.remote_wrap {
    position: fixed;
    right: 7px;
    bottom: 80px;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.remote_wrap:hover>p {
    display: block;
}

/* .remote_wrap button:hover p{display: block;} */
/* .remote_wrap button:hover img{display: none;} */
.remote_wrap button {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 0;
    background-color: #999;
}

.remote_wrap button p {
    display: none;
    color: #2b2b2b;
    font-size: 13px;
    margin-left: -2px;
}

.remote_wrap>p {
    display: none;
    border: 1px solid #ddd;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 8px 12px;
    border-radius: 5px;
    margin-right: 8px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}

/* .remote_wrap>p::after{content: ""; width: 100%; height: 6px; background-color: rgba(255,108,15,0.5); position: absolute; left: 0; bottom: 2px;} */

/* .donation_wrap {position: fixed; right: 7px; bottom: 140px; z-index: 999; display: flex; align-items: center; justify-content: center;} */
.donation_wrap {
    position: fixed;
    right: 7px;
    bottom: 78px;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.donation_wrap>p {
    display: none;
    border: 1px solid #ddd;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 8px 12px;
    border-radius: 5px;
    margin-right: 8px;
    font-size: 14px;
    font-weight: 600;
    position: relative
}

.donation_wrap button {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 0;
    background-color: #ff6300;
}

.donation_wrap:hover>p {
    display: block;
}

.detail_wrap {
    position: fixed;
    left: 7px;
    top: 10px;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.detail_wrap button {
    width: 200px;
    height: 50px;
    border-radius: 10px;
    padding: 0;
    background-color: #999;
}

.detail_wrap button p {
    color: #fff;
    font-size: 18px;
}


/* 채팅수정 !!!!!!!!!!!!!!!!!! */
.big_img {
    display: block;
    position: fixed;
    right: 7px;
    bottom: 20px;
    border-radius: 50%;
    width: 43px;
    height: 43px;
    align-items: center;
    justify-content: center;
    z-index: 9992;
    background-color: #FF6C0F;
    cursor: pointer;
    opacity: 0.7;
    display: flex;
    align-items: center;
    justify-content: center;
}

.big_img img {
    width: 30px;
    margin-bottom: 3px;
}

.new_chat {
    min-height: 550px;
    max-height: 550px;
    border-radius: 5px;
    overflow: hidden;
    position: fixed;
    width: 480px;
    max-width: 90%;
    display: flex;
    right: 40px;
    bottom: 80px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    z-index: 103;
}

.big_img .badge {
    aspect-ratio: 1;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    background-color: #d80000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    position: absolute;
    top: -2px;
    right: -2px;
}


.new_chat .left_chat {
    width: 80px;
    border-right: 1px solid #eee;
    background-color: #f5f5f5;
    padding: 16px;
    padding-top: 20px;
}

.new_chat .right_chat {
    width: calc(100% - 80px);
    padding: 16px 0;
    padding-top: 20px;
}

.new_chat .right_chat>div:not(.search),
.new_chat .right_chat>p {
    padding-right: 16px;
    padding-left: 16px;
}

.new_chat .right_chat>.search {
    width: calc(100% - 32px);
}


.new_chat .search {
    background-color: #f5f5f5;
    border-radius: 55px;
    padding: 8px;
    margin: 4px auto;
    width: 100%;
    height: 38px;
    margin-bottom: 10px;
}

.new_chat .search input {
    background-color: transparent;
    padding: 8px 10px;
}

.new_chat .search button img {
    width: 22px;
}

.new_chat .left_chat>div {
    cursor: pointer;
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.new_chat .left_chat>div span {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #999;
}

.new_chat .left_chat>div+div {
    margin-top: 10px;
}

.new_chat .left_chat>div.on span {
    color: #333;
}

.new_chat .left_chat>div.on img {
    filter: invert(100%) sepia(9%) saturate(11%) hue-rotate(16deg) brightness(97%) contrast(88%);
    ;
}

.new_chat .chat_top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 8px;
}

.new_chat .chat_top .button_wrap {
    display: flex;
}

.new_chat .chat_top .button_wrap button {}

.new_chat .chat_top h2 {
    font-size: 18px;
    font-weight: 600;
}

.new_chat .right_chat ul li .con_wrap {
    display: flex;
    padding: 8px 16px;
    cursor: pointer;
}

.new_chat .right_chat ul li .con_wrap:hover {
    background-color: #f8f8f8;
}

.new_chat .right_chat ul li .con_wrap.group .thumb {
    display: flex;
    flex-wrap: wrap;
}

.new_chat .right_chat ul li .con_wrap.group .thumb .thumb_in {
    width: 50%;
    height: 50%;
}


.new_chat .right_chat ul li .con_wrap .thumb {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
}

.new_chat .right_chat ul li .con_wrap .thumb .thumb_in {
    border: 1px solid #ddd;
    border-radius: 50%;
    aspect-ratio: 1;
    position: relative;
    width: 40px;
    height: 40px;
}

.new_chat .right_chat ul li .con_wrap .thumb .thumb_in img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    max-height: 100%;
}

.new_chat .right_chat ul li .con_wrap .txt_wrap {
    padding-left: 12px;
    width: calc(100% - 40px);
}

.new_chat .right_chat ul li .con_wrap .txt_wrap .in {
    display: flex;
    justify-content: space-between;
}

.new_chat .right_chat ul li .con_wrap .txt_wrap .in b {
    display: block;
    margin-bottom: 2px;
    font-weight: 600;
}

.new_chat .right_chat ul li .con_wrap .txt_wrap .in b i {
    color: #aaa;
    font-size: .9em;
}

.new_chat .right_chat ul li .con_wrap .txt_wrap .in p {
    opacity: 0.7;
    font-size: 15px;
}

.new_chat .right_chat ul li .con_wrap .txt_wrap span.count {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 12px;
    background-color: #FF6C0F;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex-shrink: 0;
}

.new_chat .right_chat ul {
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% - 70px);
}

.new_chat .right_chat ul li .con_wrap .txt_wrap span.date {
    opacity: 0.5;
    font-size: 0.85em;
}

.new_chat .chat_in {
    width: calc(100% - 100px);
}

.new_chat .fl_right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.new_chat .fl_right .fl_chat_area {
    height: calc(100% - 80px);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 12px;
}

.new_chat .con_wrap .thumb .thumb_in {
    border: 1px solid #ddd;
    border-radius: 50%;
    aspect-ratio: 1;
    position: relative;
    width: 36px;
    height: 36px;
}

.new_chat .con_wrap .thumb .thumb_in img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    max-height: 100%;
}



.chat-tab {
    position: relative;
    top: -20px;
    margin-left: -16px;
    margin-right: -16px;
}

.chat-tab ul {
    display: flex;
    align-items: center;
}

.chat-tab ul li {
    width: 50%;
    padding: 16px 0;
    text-align: center;
    cursor: pointer;
    border-bottom: 2px solid #f0f0f0;
}

.chat-tab ul li.on {
    color: #ff6300;
    border-bottom: 2px solid #ff6300;
    font-weight: 600;
}

/* .chat-tab ul li:hover{background-color: #f9f9f9;} */


/* .new_chat .fl_right .fl_chat_area ul li:nth-child(2n) .thumb{display: none;}
.new_chat .fl_right .fl_chat_area ul li:nth-child(2n) .con_wrap{text-align: right;}
.new_chat .fl_right .fl_chat_area ul li:nth-child(2n) .txt_wrap{width: 100%; text-align: right;    display: flex; flex-direction: column; align-items: flex-end;}
.new_chat .fl_right .fl_chat_area ul li:nth-child(2n) .txt_wrap b{display: none;}
.new_chat .fl_right .fl_chat_area ul li:nth-child(2n) .txt_in{display: flex; justify-content: flex-end;} */


.my_chat_con .thumb {
    display: none !important;
}

.my_chat_con .con_wrap {
    text-align: right;
}

.my_chat_con .txt_wrap {
    width: 100% !important;
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.my_chat_con .txt_wrap b {
    display: none;
}

.my_chat_con .txt_in {
    display: flex;
    justify-content: flex-end;
}


.new_chat .fl_right .fl_chat_area ul li+li {
    margin-top: 20px;
}

.new_chat .fl_right .fl_chat_area ul li .con_wrap {
    align-items: flex-start;
}


.new_chat .con_wrap {
    display: flex;
    align-items: center;
    position: relative;
}

.new_chat .con_wrap .thumb {
    background-color: #fff;
    width: 40px;
    height: 40px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new_chat .con_wrap .thumb img {
    max-height: 90%;
    width: auto;
    margin: 0;
}

.new_chat .con_wrap .txt_wrap {
    width: calc(100% - 40px);
    max-width: 80%;
    padding-left: 8px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.new_chat .con_wrap .txt_wrap b {
    font-weight: 600;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 95%;
    font-size: 15px;
}

.new_chat .con_wrap .txt_wrap>p {
    border-radius: 5px;
    margin-top: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 95%;
}

.new_chat .tab.type01 p {
    font-size: 14px;
    padding: 8px 12px;
    width: 48%;
    margin-right: 0;
    text-align: center;
}

.new_chat .tab.type01 {
    height: 70px;
    border-bottom: 1px solid #ddd;
    padding: 16px;
    margin-bottom: 0;
    justify-content: space-between;
}

.new_chat .con_wrap .txt_wrap span {
    font-size: 14px;
    opacity: 0.7;
    display: block;
}

.new_chat .con_wrap .txt_in p {
    background-color: #f0f0f0;
    display: table;
    padding: 6px 8px;
    width: auto;
    text-overflow: inherit;
    white-space: wrap;
    overflow: inherit;
    font-size: 15px;
    border-radius: 4px;
}

.new_chat .con_wrap .txt_in p+p {
    margin-top: 4px;
}

.new_chat .con_wrap .txt_wrap .img_in {
    width: 250px;
    max-width: 100%;
    position: relative;
}

.new_chat .con_wrap .txt_wrap .img_in img {
    width: auto;
    margin: auto;
    max-width: 100%;
    border-radius: 4px;
}

.new_chat .con_wrap.send .txt_wrap {
    align-items: flex-end;
    margin-left: auto;
}

.new_chat .con_wrap.send {
    align-items: flex-end;
}

.new_chat .con_wrap.send .thumb,
.new_chat .con_wrap.send .txt_wrap b {
    display: none;
}

.new_chat .con_wrap.send .txt_in p {
    background-color: #222;
    color: #fff;
}


.new_chat .fl_right .fl_input {
    height: 50px;
    border-top: 1px solid #ddd;
    position: relative;
}

.new_chat .fl_right .fl_input textarea {
    background-color: #f5f5f5;
    width: 100%;
    resize: none;
    border: 0;
    padding: 12px 130px 12px 12px;
    height: 100%;
}

.new_chat .fl_right .fl_input .btn_wrap {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 600;
    display: flex;
    align-items: center;
}

.new_chat .fl_right .fl_input .btn_wrap button {
    border-radius: 5px;
    padding: 4px 8px;
    background-color: #333;
    color: #fff;
}

.new_chat .fl_right .fl_input .btn_wrap .img_wrap {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 4px;
    background-color: #ababab;
}

.new_chat .fl_right .fl_input .btn_wrap .img_wrap label {
    display: flex;
    align-items: center;
    justify-content: center;
}

.new_chat .fl_right .fl_input .btn_wrap .img_wrap img {
    width: 16px;
    margin-bottom: 0;
    cursor: pointer;
}

.new_chat .fl_right .fl_input .btn_wrap input[type="file"] {
    display: none;
}

.new_chat .fl_top {
    height: 50px;
    display: flex;
    border-bottom: 1px solid #ddd;
}

.new_chat .fl_top button {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new_chat .fl_top button img {
    width: 8px;
    position: relative;
    right: 10px;
}

.new_chat .fl_top p.name {
    width: calc(100% - 50px);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -25px;
}

.new_chat .fl_top span i {
    font-size: 14px;
    padding-left: 4px;
}

.new_chat .fl_top span img {
    width: 15px;
    opacity: 0.5;
}

.new_chat .fl_top .chat_person {
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new_chat .fl_top .chat_person .in {
    position: absolute;
    z-index: 3;
    top: 40px;
    right: 0;
    background-color: #fff;
    width: 150px;
    padding: 12px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    max-height: 400px;
    overflow: auto;
}

.new_chat .fl_top .chat_person .in .thumb {
    width: 20px;
    margin-right: 8px;
    border: 1px solid #ddd;
    border-radius: 50%;
    position: relative;
    aspect-ratio: 1;
}

.new_chat .fl_top .chat_person .in .thumb img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}

.new_chat .fl_top .chat_person .in>div {
    display: flex;
    align-items: center;
    gap: 4px;
}

.new_chat .fl_top .chat_person .in>div p {
    font-size: 14px;
}

.new_chat .fl_top .chat_person .in>div+div {
    padding-top: 5px;
    margin-top: 5px;
    border-top: 1px solid #eee;
}


.new_chat .add_friend {
    cursor: pointer;
}


.new_chat .chat_menu {
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 2;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 16px;
}

.new_chat .chat_menu p+p {
    margin-top: 8px;
}

.new_chat .chat_menu p {
    cursor: pointer;
}

.new_chat .chat_menu div+div {
    border-top: 1px solid #ddd;
    margin-top: 12px;
    padding-top: 12px;
}



/* 연관영상 */
.linked_btn {
    display: none !important;
}

.no_fixed_menu .linked_btn {
    display: flex !important;
}


.linked_video {
    display: none;
}

.linked_video .close_btn {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    cursor: pointer;
}

.linked_video {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2;
    width: 400px;
    background-color: #fff;
    padding: 16px;
    height: 100vh;
}

.linked_video .in {
    overflow-y: auto;
    height: calc(100% - 35px);
}

.linked_video .in ul li {
    cursor: pointer;
}

.linked_video .in ul li+li {
    margin-top: 12px;
}

.linked_video .in ul li .con_wrap {
    display: flex;
    align-items: center;
}

.linked_video .in ul li .con_wrap .thumb {
    width: 150px;
    position: relative;
    aspect-ratio: 16 / 9;
}

.linked_video .in ul li .con_wrap .thumb img {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
}

.linked_video .in ul li .con_wrap .txt {
    width: calc(100% - 150px);
    padding-left: 16px;
}

.linked_video .in ul li .con_wrap .txt b {
    display: block;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.linked_video .in ul li .con_wrap .txt span {
    font-size: 0.85em;
    opacity: 0.7;
}

.linked_video .in ul li .con_wrap .txt span.time {
    position: relative;
    padding-left: 16px;
}

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

.no_content p {
    text-align: center;
    font-size: 0.85em;
    opacity: 0.3;
    font-weight: 600;
}

.schedule_wrap_title {
    display: none;
}


.story_btn button {
    background-color: #999;
    color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.study_head03 .btn.back {
    display: none;
}


[data-copy="menuController"] {
    position: relative;
}

[data-copy="menuController"] .in {
    position: absolute;
    border: 1px solid rgba(0, 0, 0, 0.05);
    width: 85px;
    top: 4px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    z-index: 3;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

[data-copy="menuController"] .in p {
    background-color: transparent;
    padding: 6px 16px;
    color: #333;
    margin-right: 0;
    width: 100%;
    margin-bottom: 0;
    text-align: center;
    font-size: 15px;
    cursor: pointer;
}

[data-copy="menuController"] .in img {
    margin-right: 8px;
}


.activity_area button {
    width: 36px;
    height: 36px;
    border-radius: 5px;
}



/* ********************************************* *
 * 1600px
 * ********************************************* */
@media screen and (max-width: 1600px) {

    .new_header h1 img.logo02 {
        display: none;
    }


}

/* ********************************************* *
 * 1400px
 * ********************************************* */
@media screen and (max-width: 1440px) {

    .study_head footer {
        padding: 56px 16px;
    }

    .simple_header {
        padding: 0 16px;
    }



}

/* ********************************************* *
 * 1250px max
 * ********************************************* */
@media (max-width:1250px) {

    .mt-85 {
        margin-top: 68px;
    }

}


/* ********************************************* *
 * 1200px
 * ********************************************* */
@media screen and (max-width: 1200px) {

    .rock {
        display: none;
    }

    /* 공통 */
    .pt-120 {
        padding-top: 100px;
    }

    .pb-120 {
        padding-bottom: 100px;
    }

    .pt-100 {
        padding-top: 90px;
    }

    .pb-100 {
        padding-bottom: 90px;
    }

    .header .inner .mid>.bd-lg .left {
        left: 0;
        transform: inherit;
    }

    .header .inner .bottom_con>.bd-lg {
        padding: 0;
    }

    .header .inner .bottom_con nav .left ul li a {
        font-size: 16px;
    }

    .header .inner .bottom_con nav .left ul li.all_wrap .all_menu {
        width: 100vw;
    }

    .header .inner .bottom_con nav .left ul li.all_wrap {
        padding-left: 16px;
    }

    .header .inner .mid {
        padding: 32px 16px;
    }

    .header h1 {
        width: 140px;
    }

    .header .inner .mid .search_wrap input {
        width: 570px;
    }


    .study_head .admin .top {
        padding-top: 80px;
    }

    .admin .top .con01 ul li p i {
        font-size: 25px;
    }

    .admin .top .con01 ul li span {
        margin-bottom: 4px;
        font-size: 15px;
    }

    .admin .top .con01 {
        padding: 24px 0;
    }

    .admin .top .con02 .tab p {
        font-size: 15px;
        padding: 16px 32px;
    }

    .admin .top .title button {
        font-size: 14px;
    }

    .admin .top {
        padding: 0px 16px 32px 16px !important;
    }

    .no_side_wrap .live_view_con02 {
        padding: 0 !important;
    }

    .admin nav {}

    .admin nav.click {
        display: none;
    }


    footer {
        padding: 32px 16px;
    }

    footer .top_con a {
        font-size: 15px;
    }


    .header .inner .mid .search_wrap input {
        width: 440px;
    }

    .header .menu_list ul li {
        font-size: 17px;
    }

    .header .menu_list ul li+li {
        margin-left: 24px;
    }

    .header .inner .top {
        padding-left: 0;
        padding-right: 0;
    }

    .sub-banner h2 {
        font-size: 30px;
    }



    .sns_login button {
        font-size: 16px;
    }

    .management_wrap .con.category ul {
        flex-wrap: wrap;
    }

    .management_wrap .con.category ul li {
        width: 100%;
    }

    .management_wrap .con.category ul li+li {
        margin-top: 60px;
    }

    .shop_list .list ul li {
        width: 33.333%;
    }


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

    .tab.type02 ul {
        padding: 8px;
    }

    .study_head .new_header .mid_con {}

    .break .tab.type03 p {
        font-size: 15px;
    }


    .new_chat {
        min-width: auto;
        width: 450px;
        right: 34px;
        bottom: 120px;
    }

    .new_chat .left_chat {
        width: 100px;
        border-right: 1px solid #ddd;
        background-color: #f5f5f5;
        padding: 16px;
        padding-top: 48px;
    }

}

/* ********************************************* *
 * 1024px
 * ********************************************* */
@media screen and (max-width: 1024px) {

    /* 공통 */
    .pt-120 {
        padding-top: 90px;
    }

    .pb-120 {
        padding-bottom: 90px;
    }

    .pt-100 {
        padding-top: 80px;
    }

    .pb-100 {
        padding-bottom: 80px;
    }


}


/* ********************************************* *
 * 960px
 * ********************************************* */
@media screen and (max-width: 960px) {

    .big_img img {
        width: 28px;
    }

    .mo_no_view {
        display: none !important;
    }

    /* body{padding-bottom:85px;} */
    .no_fixed_menu .header .inner02 {
        display: none !important;
    }

    .no_fixed_menu .big_img {
        bottom: 15px;
    }

    .no_fixed_menu .remote_wrap {
        bottom: 60px;
    }



    /* 공통 */
    .pt-120 {
        padding-top: 90px;
    }

    .pb-120 {
        padding-bottom: 90px;
    }

    .pt-100 {
        padding-top: 70px;
    }

    .pb-100 {
        padding-bottom: 70px;
    }

    .pt-80 {
        padding-top: 70px;
    }

    .pb-80 {
        padding-bottom: 70px !important;
    }

    .tab.type04 p {
        font-size: 17px;
    }

    .tab.type04 p {
        margin-right: 12px;
    }

    .sub_title {
        margin-bottom: 24px;
    }

    .sub_title h2 {
        font-size: 1.4rem;
    }

    .f-small {
        font-size: 0.95em !important;
    }

    .search_area {
        flex-wrap: wrap;
    }

    .search_area .select_con {
        width: 100%;
    }

    .search_area select {
        width: 100%;
        background-position: 98% !important;
    }

    .search_area .month_con {
        width: calc(33.333% - 6px);
        height: auto;
    }

    .search_area .month_con button {
        width: 100%;
        height: 100%;
    }


    .level02 .sub-banner h2 {
        top: 38%;
    }


    .header .inner .top {
        padding: 24px 16px;
    }

    .header .inner .mid .search_wrap input {
        width: 100%;
    }

    .header .inner .mid>.bd-lg .left {
        width: 100%;
    }

    .simple_header h1 {
        position: static;
    }

    .header .inner .bottom_con nav .right {
        position: fixed;
        bottom: 10px;
        right: 20px;
        z-index: 4;
    }

    .header .inner .bottom_con nav .right ul li {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
    }

    .header .inner .bottom_con nav .right ul li+li {
        margin-top: 16px;
    }

    .header .inner .bottom_con nav .right ul {
        flex-direction: column;
    }

    .header .inner .bottom_con nav .right ul li a {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 14px;
    }

    .header .inner .bottom_con nav .right ul li a span {
        margin-left: 0;
        margin-top: 6px;
    }


    .header .inner .mid .search_wrap {
        width: 100%;
    }

    .header .inner .mid .search_wrap select {
        width: 100%;
        padding: 14px 32px 14px 14px;
    }

    .header .inner .mid .search_wrap .search_con {
        width: 100%;
    }

    .header .inner .mid .search_wrap input {
        width: 100%;
    }


    .header .inner02 {
        display: none;
        padding: 8px 0;
    }

    .header .inner02 nav ul li a img {
        width: 25px;
        height: 25px;
    }

    .kakao {
        bottom: 70px;
    }

    .big_img {
        bottom: 70px;
    }


    .admin_upload .inner ul li .in dl {
        width: 100%;
    }

    .admin {
        display: block;
    }

    .admin .top {
        width: 100%;
    }


    .header .inner .mid>.bd-lg .menu_list {
        display: none;
    }

    footer .btm02 {
        display: block;
    }

    footer .right_con {
        display: block;
        text-align: left;
        width: 100%;
    }

    footer .left_con {
        width: 100%;
    }

    footer .mid_con {
        margin-top: 24px;
    }

    footer {
        padding: 24px 16px;
    }

    footer .mid_con ul li p {
        font-size: 14px;
    }

    footer .right_con {
        margin-top: 12px;
    }

    .notice .tab.type01 {
        justify-content: center;
        border-bottom: 1px solid #ddd;
    }

    .notice .tab.type01 p {
        border-radius: 0;
        background-color: #fff;
        padding: 16px 0;
        width: 50%;
        margin-right: 0;
        text-align: center;
        color: #999;
        font-weight: 500;
        margin-bottom: 0;
    }

    .notice .tab.type01 p.on {
        color: #FF6C0F;
        font-weight: 800;
        position: relative;
    }

    .notice .tab.type01 p.on::after {
        content: "";
        width: 100%;
        height: 2px;
        background-color: #FF6C0F;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }


    .management_wrap .tab_area {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .management_wrap .top_con {
        margin-top: 24px;
        justify-content: flex-end;
        width: 100%;
    }



    /* body{padding-bottom: 62px;} */
    body.no_fixed_menu {
        padding-bottom: 0;
    }

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

    .tab.type02 {
        margin-bottom: 32px;
    }

    .remote_wrap {
        bottom: 155px;
    }

    .sub-banner {
        height: 40px;
    }


    .donation_wrap button,
    .remote_wrap button {
        width: 40px;
        height: 40px;
    }

    .kakao,
    .big_img {
        width: 40px;
        height: 40px;
    }

    .donation_wrap {
        bottom: 62px;
    }

    .remote_wrap {
        bottom: 120px;
    }

    .cart_wrap button.icon {
        width: 40px;
        height: 40px;
    }

    .cart_wrap {
        right: 10px;
        bottom: 116px;
    }

    .h_btn .btn {
        width: 40px;
        height: 40px;
    }

    .header .inner02 nav ul li.mypage_btn a img {
        width: 22px;
        height: 22px;
    }

    .header .inner02 nav ul li.study_view a img {
        width: 23px;
        height: 23px;
    }

    .h_btn .btn#cancelButton img {
        width: 17px;
    }

    /* .admin nav {padding-bottom: 60px;} */

}

/* ********************************************* *
 * 850px
 * ********************************************* */
@media screen and (max-width: 850px) {}

/* ********************************************* *
 * 820px
 * ********************************************* */
@media screen and (max-width: 820px) {
    .list_style01 .inner>ul li .txt_wrap>.top {
        display: block;
        margin-bottom: 8px;
    }

    .list_style01 .inner>ul li .txt_wrap .btm .period {
        margin-top: 24px;
    }



}

/* ********************************************* *
 * 768px
 * ********************************************* */
@media screen and (min-width: 769px) {}

@media screen and (max-width: 768px) {


    .header .inner .bottom_con nav .left ul li.all_wrap {
        width: auto;
    }

    /* 공통 */
    .pt-120 {
        padding-top: 80px !important;
    }

    .pb-120 {
        padding-bottom: 80px !important;
    }

    .simple_header h1 {}

    .tab.type03 p {
        padding: 12px 12px;
    }

    .no_post img {
        width: 70px;
    }

    .no_post {
        padding: 24px 0;
    }

    .tab.type01 {
        overflow-y: hidden;
        overflow-x: auto;
        flex-wrap: nowrap;
    }

    .tab.type01 p {
        white-space: nowrap;
    }

    .tab.type01.wrap-tab {
        flex-wrap: wrap !important;
    }


    .admin_upload .inner ul li>h2 {
        font-size: 20px;
    }

    .admin .top .con01 ul {
        flex-wrap: wrap;
        margin-bottom: -32px;
    }

    .admin .top .con01 ul li {
        width: 33.333%;
        margin-bottom: 32px;
    }

    .admin .top .con01 ul li:nth-child(3) {
        border-right: 0;
    }

    .admin .top .con01 ul li p i {
        font-size: 21px;
    }

    .admin .top .con01 ul li p {
        font-size: 17px;
    }


    .filter_con ul {
        display: none;
    }

    .filter_mo {
        display: flex;
    }

    .mo_category {
        display: block;
    }

    .mo_cata_list {
        display: none;
    }

    .list_style01 .inner>ul li .txt_wrap .btm .small {
        font-size: 12px;
    }


    .main_popup {
        position: absolute;
    }

    .main_popup .inner {
        position: absolute;
        left: 0;
        top: 0;
        width: 450px;
    }

    .main_popup .inner .img_wrap {
        width: 100%;
        height: auto;
    }

    .main_popup .inner .img_wrap img {
        width: 100%;
        height: auto;
    }

    .point_wrap ul li .con_wrap {
        display: block;
    }

    .point_wrap ul li .con_wrap .left {
        width: 100%;
    }

    .point_wrap ul li .con_wrap .right {
        width: 100%;
        font-weight: 600;
        flex-wrap: wrap;
    }

    .point_wrap ul li .con_wrap .right p {}

    .point_wrap ul li .con_wrap.point_add .right {
        display: block;
    }

    .point_wrap ul li .con_wrap .right input {
        width: 100%;
    }

    .point_wrap ul li .con_wrap.point_add .point_select {
        margin-top: 8px;
        margin-left: 0;
        flex-wrap: wrap;
    }

    .point_wrap ul li .con_wrap.point_add .point_select p {
        margin-bottom: 8px;
    }

    .point_wrap ul li.all_price .con_wrap {
        display: flex;
        width: 100%;
    }

    .point_wrap ul li.all_price .con_wrap .left {
        width: 150px;
    }

    .point_wrap ul li.all_price .con_wrap .right {
        width: calc(100% - 150px);
        display: flex;
        justify-content: flex-end;
    }

    .point_wrap ul li.all_price .con_wrap .right>div {
        text-align: right;
    }

    .tab02_wrap {
        flex-wrap: wrap;
    }

    .exel_down {
        width: 100%;
        margin-top: 32px;
        display: flex;
        justify-content: flex-end;
    }

    .admin .table_wrap {
        margin-top: 24px;
    }

    .admin_upload .inner ul li dl dd>div {
        display: block;
        width: 100%;
    }

    .admin_upload .inner ul li dl dd {
        padding: 16px 0;
    }

    .admin_upload .inner ul li dl dd>div input[type="text"] {
        width: 100%;
    }

    .admin_upload .inner ul li dl dd>div input+span {
        margin-left: 0;
        margin-top: 8px;
        display: block;
        white-space: wrap;
    }


    .main_popup {
        position: absolute;
    }

    .main_popup .inner {
        position: absolute;
        left: 0;
        top: 0;
        width: 450px;
    }

    .main_popup .inner .img_wrap {
        width: 100%;
        height: auto;
    }

    .main_popup .inner .img_wrap img {
        width: 100%;
        height: auto;
    }

    .crew_orderlist_wrap .con.dis-f {
        display: block;
    }

    .crew_orderlist_wrap .con.dis-f .top_con {
        justify-content: flex-end;
    }

    .shop_list .list ul li {
        width: 50%;
    }

    .shop_list .list ul li .con_wrap .txt_wrap p {
        font-size: 17px;
    }

    .shop_list .list ul li .con_wrap .txt_wrap b {
        font-size: 15px;
    }

    footer .top_con a {
        display: inline-block;
        vertical-align: middle;
    }

    footer .top_con a.dis-none {
        display: none;
    }


    .new_chat {
        min-height: auto;
        height: 60vh;
        min-height: auto;
    }

    .new_chat .right_chat,
    .new_chat .left_chat {
        padding-top: 20px;
    }

    .new_chat .left_chat {
        width: 80px;
        padding: 10px;
    }

    .new_chat .right_chat {
        width: calc(100% - 80px);
    }

}


/* ********************************************* *
 * 640px
 * ********************************************* */
@media screen and (max-width: 640px) {

    /* body.no_fixed_menu{padding-bottom: 62px;} */
    .no_fixed_menu .header .inner02 {
        display: none !important;
    }

    .pt-100 {
        padding-top: 50px !important;
    }

    .pb-100 {
        padding-bottom: 50px !important;
    }

    .pt-120 {
        padding-top: 60px !important;
    }

    .pb-120 {
        padding-bottom: 60px !important;
    }

    .pb-80 {
        padding-bottom: 60px !important;
    }

    .pt-80 {
        padding-top: 60px !important;
    }

    .header .inner .mid>.bd-lg .left {
        position: static;
    }

    .header .inner .top {}

    .simple_header .inner .top {
        padding: 16px 0;
    }

    .header h1 {
        width: 100px;
        height: 50px;
    }

    .tab.type01 p {
        margin-right: 8px;
    }

    .no_post {
        padding: 32px 0;
    }

    .no_post p {
        margin-top: 4px;
    }

    .tab.type03 {
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
    }

    .tab.type04 {
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
    }

    .tab.type04 p {
        white-space: nowrap;
    }

    .tab.type03 p {
        white-space: nowrap;
    }

    .tab p {
        font-size: 14px !important;
    }

    .my_channel .tab.type03 {
        margin-bottom: 8px;
    }

    .my_channel .tab.type03 p {
        width: 50%;
    }

    .sub-banner h2 {
        font-size: 24px;
    }

    .header .inner .bottom_con nav .left ul li.all_wrap {
        display: none;
    }

    .header .inner .bottom_con nav .left {
        overflow-y: hidden;
        overflow-x: auto;
    }

    .header .inner .bottom_con nav .left::-webkit-scrollbar {
        height: 6px;
    }

    .header .inner .bottom_con nav .left::-webkit-scrollbar-thumb {
        background-color: #2cadf9 !important;
    }

    .header .inner .bottom_con nav .right {
        bottom: 85px;
    }

    .header .inner .bottom_con nav .right ul li {
        width: 65px;
        height: 65px;
    }

    .header .inner .bottom_con nav .right ul li a {
        font-size: 12px;
    }

    .header .inner .bottom_con nav .left ul li.on a::after {
        bottom: 0;
    }

    .header .inner .mid {
        padding: 8px 16px 24px 16px;
        margin-bottom: 0;
    }

    .header .inner .mid .search_wrap {
        width: 100%;
    }

    .header .inner .mid .icon_wrap .h-mypage {
        display: none;
    }

    .header .inner .mid .icon_wrap {
        padding-left: 0;
        position: fixed;
        top: 16px;
        right: 20px;
    }

    .header .inner .mid>.bd-lg .left {
        width: 100%;
    }

    .header .inner .mid .search_wrap .search_con {
        margin-left: 0;
    }

    .header .inner02 {
        display: none;
    }

    .admin_upload .inner ul li dl dt {
        width: 120px;
    }

    .admin_upload .inner ul li dl dd {
        width: calc(100% - 120px);
    }

    .admin .top .con01 ul li span {
        font-size: 14px;
    }

    .admin .top .con02 .tab {
        max-width: 640px;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .admin .top .con02 .tab02 {
        overflow-y: hidden;
        overflow-x: auto;
        padding-bottom: 8px;
    }

    .admin .top .con02 .tab::-webkit-scrollbar {
        height: 5px;
    }

    .admin .top .con02 .tab02::-webkit-scrollbar {
        height: 5px;
    }

    .admin .top .con02 .tab p {
        padding: 12px 24px;
        white-space: nowrap;
        font-size: 14px;
    }

    .admin .top .con02 .tab02 p {
        white-space: nowrap;
        font-size: 14px;
        margin-right: 8px;
    }

    .admin .table_wrap table tr th {
        font-size: 15px;
    }

    .admin .table_wrap table tr td {
        font-size: 15px;
    }

    .admin_alarm .con ul li .con_wrap {
        display: block;
    }

    .admin_alarm .con ul li .con_wrap .right .date {
        margin-top: 16px;
        opacity: 0.5;
        font-weight: 500;
        text-align: right;
        font-size: 15px;
    }

    .admin_alarm .con ul li .con_wrap .left .txt {
        width: calc(100% - 50px);
    }

    .list_style01 .inner>ul li {
        width: 50%;
    }

    .campaign_upload>ul li .con_wrap .left p {
        font-size: 15px;
    }

    .admin_upload input[type="checkbox"]+label span {
        font-size: 14px;
    }

    .point_wrap ul li .con_wrap .right p {
        font-size: 15px;
    }

    .point_wrap ul li .con_wrap .right .point_input input {
        width: calc(100% - 23px)
    }

    .point_wrap ul li .con_wrap .right .point_input span {
        width: 15px;
        display: inline-block;
        vertical-align: middle;
    }

    .point_wrap button.change_button {
        width: 100%;
        margin-left: 0;
        margin-top: 16px;
    }

    .campaign .menu_list {
        margin-top: 32px;
    }


    .ad_commu.notice .dis-f .right {
        padding-top: 32px !important;
    }

    .point_wrap ul li .con_wrap .right>div {
        width: 100%;
    }

    .point_wrap ul li .con_wrap .right>div+div {
        margin-top: 4px;
    }

    .kakao,
    .big_img {
        width: 40px;
        height: 40px;
        display: none;
    }

    .kakao p.txt {
        font-size: 12px;
    }

    .kakao img,
    .big_img img {
        width: 24px;
    }

    .kakao .big_img img {
        width: 30px;
    }

    .cart_wrap button.icon img {
        width: 20px;
    }

    .admin_upload .inner ul li dl.keyword dd>div input[type="text"] {
        width: calc(33.333% - 4px);
        max-width: 100%;
        margin-bottom: 8px;
    }

    /* .admin nav{display: none;} */
    .admin .top {
        padding-left: 16px;
    }

    .admin .top.click {
        padding-left: 16px;
    }

    .tab.type04 {
        margin-bottom: 16px;
    }

    footer .mid_con ul li p {
        font-size: 13px;
    }

    footer .right_con span {
        margin-top: 0;
    }

    .teacher_guide .tab.type03 {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .teacher_guide .tab.type03 p {
        white-space: nowrap;
    }

    .teacher_guide .tab.type03 p img {
        width: 70px;
        max-width: 70px;
    }

    .notice .tab.type01 {
        margin-bottom: 16px;
    }

    .no_post img {
        width: 60px;
    }


    .reply_wrap .reply_list .sub-reply {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .reply_wrap .reply_list ul li .orizin {
        padding: 12px 0;
    }

    .management_wrap .btn_wrap02 {
        display: flex;
        gap: 16px;
    }

    .management_wrap .btn_wrap02 input[type="button"] {
        width: 50%;
    }

    .s_pd .table_wrap th {
        width: 140px;
    }


    .crew_account.admin .table_wrap table tr th {
        font-size: 14px;
    }

    .crew_account.admin .table_wrap table tr td {
        font-size: 14px;
    }

    /* .admin .management_wrap .table_wrap th{display: block; width: 100%; border: 0;} */
    /* .admin .management_wrap .table_wrap td{display: block; padding: 16px 0; width: 100%;} */

    .management_wrap .con.category ul li+li {
        margin-top: 48px;
    }


    .note-editor.note-frame .note-editing-area .note-editable {
        height: 300px !important;
    }

    .search_area .date_con {
        display: flex;
        align-items: center;
        width: 100%;
    }

    .search_area .date_con span {
        margin: 0 4px;
    }

    .search_area .date_con input {
        width: calc(50% - 4px);
    }

    .management_wrap .top_con {
        margin-top: 16px;
    }

    .shop_list .list ul li {
        margin-bottom: 32px;
    }

    .cart_wrap {
        right: 15px;
    }

    .cart_wrap button.icon {
        width: 40px;
        height: 40px;
    }

    .cart_wrap .cart_list ul li .con_wrap {
        width: 300px;
    }

    .cart_wrap .cart_list ul li .con_wrap .thumb_wrap {
        height: 80px;
    }

    .cart_wrap .cart_list ul {
        height: 50vh;
    }


    .tab.type02 {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .tab.type02 ul li p img {
        max-width: 80px;
    }

    .study .tab.tab02 ul li.current p {
        font-size: 20px !important;
    }

    .study .tab.tab02 ul li.current p::after {
        display: none;
    }

    .simple_header.header h1 {
        width: 90px;
    }

    .h_btn {
        top: 130px;
    }

    .remote_wrap button {
        width: 40px;
        height: 40px;
    }

    .h_btn .btn {
        width: 35px;
        height: 35px;
    }

    .h_btn .btn img {
        width: 15px !important;
    }

    .h_btn .btn:last-child img {
        width: 25px !important;
    }

    .h_btn .btn#fullScreenButton img {
        width: 20px !important;
    }

    .h_btn .btn.btn-logo img {
        width: 23px !important;
    }

    .remote_wrap {
        bottom: 120px;
    }

    .admin nav {
        height: calc(100vh - 116px);
        top: 116px;
    }

    .notice .tab.type01 p {
        font-size: 15px !important;
    }

    .join_next {
        padding: 48px 0;
    }

    .break {
        flex-wrap: wrap;
    }

    .admin .top {
        min-height: auto;
    }


    .no_side_wrap .live_view_con02 .video_con {
        height: auto;
        padding-bottom: 56.25%;
    }

    /* .no_side_wrap .live_view_con02 .video_wrap .video_con {
        height: auto;
        padding-bottom: 56.25%;
    } */


    .linked_video {
        position: static;
        transform: inherit;
        display: block;
        padding-bottom: 0;
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .linked_video .close_btn {
        display: none !important;
    }

    .no_fixed_menu .linked_btn {
        display: none !important;
    }

    .no_fixed_menu .big_img {
        bottom: 70px;
    }

    .no_fixed_menu .remote_wrap {
        bottom: 115px;
    }

    .donation_wrap {
        bottom: 115px;
    }


    .new_chat {
        max-width: calc(100vw - 32px);
        right: 16px;
    }

    .study_head .new_header {
        height: 70px;
    }

    .study_head .new_header .left_con .logo {
        margin-left: 0;
    }

    .study_head .new_header .mid_con {
        top: 12px;
        left: auto;
        width: calc(100vw - 300px);
        transform: translateX(0%);
        position: relative;
    }


    .no_fixed_menu .h_btn {
        top: auto;
        bottom: 200px;
    }

}

/* ********************************************* *
 * 500px
 * ********************************************* */
@media screen and (max-width: 500px) {


    .pt-100 {
        padding-top: 32px !important;
    }

    .pb-100 {
        padding-bottom: 60px !important;
    }

    .pt-120 {
        padding-top: 32px !important;
    }

    .pb-120 {
        padding-bottom: 60px !important;
    }

    .pb-80 {
        padding-bottom: 60px !important;
    }

    .pt-80 {
        padding-top: 32px !important;
    }

    .tab.type04 p {
        font-size: 15px;
        margin-right: 0px;
    }


    .admin_upload .inner ul li .in dl.keyword dl dd>div {
        display: flex !important;
    }

    .admin_upload .inner ul li .in dl {
        display: block;
    }

    .admin_upload .inner ul li .in dl dt {
        width: 100%;
        justify-content: flex-start;
    }

    .admin_upload .inner ul li .in dl dd {
        width: 100%;
    }

    .admin_upload .inner ul li>h2 {
        font-size: 18px;
    }

    .admin_upload .inner ul li dl dd>div {
        display: block;
        width: 100%;
    }

    .admin_upload .inner ul li dl dd>div input+span {
        margin-left: 0;
        margin-top: 8px;
        display: block;
    }

    .admin_upload .inner ul li .in dl dt p br {
        display: none;
    }

    .admin .top .title h2 {
        font-size: 18px;
    }

    .admin .top .con02 {
        margin-top: 24px;
    }

    .admin .top .title {
        display: block;
    }

    .admin .top .title button {
        margin-top: 32px;
        width: 100%;
    }

    .campaign_upload>ul li .con_wrap {
        display: block;
    }

    .campaign_upload>ul li .con_wrap .left {
        width: 100%;
    }

    .campaign_upload>ul li .con_wrap .right {
        width: 100%;
        padding: 16px 0;
    }

    .campaign_upload button {
        font-size: 15px;
        width: 100%;
    }


    .list_style01 .inner>ul li .txt_wrap .mid b {
        font-size: 16px;
    }

    .list_style01 .inner>ul li .txt_wrap .mid span {
        font-size: 14px;
    }

    .filter_mo {
        display: block;
    }

    .filter_mo .select_con {
        width: 100%;
    }

    .filter_mo b {
        width: 100%;
    }

    .filter_mo select {
        width: 100%;
    }

    .filter_mo .select_con {
        padding: 0;
    }

    .filter_mo button {
        width: 100%;
        padding: 12px;
        text-align: center;
        background-color: #FF6C0F;
        color: #fff;
        border-radius: 5px;
        font-size: 16px;
    }

    .area_con {
        display: block;
    }

    .area_con select {
        width: 48%;
    }

    .area_con b {
        margin-bottom: 8px;
    }

    footer .left_con .mid ul li {
        flex-wrap: wrap;
    }

    footer .top_con {
        padding: 16px 0;
    }

    .header .inner .top ul li+li {
        margin-left: 16px;
    }

    .header .inner .top ul li a {
        font-size: 15px;
    }


    .main_popup .inner .txt_wrap {
        font-size: 14px;
    }

    .reply_wrap .reply_list ul li .orizin {
        flex-direction: column;
    }

    .reply_wrap .reply_list .sub-reply {
        flex-direction: column;
    }

    .reply_wrap .reply_list ul li .submit {
        width: 100%;
        margin-top: 4px;
    }

    .reply_wrap .reply_list ul li .submit button+button {
        padding-left: 12px;
    }

    .reply_wrap .reply_num p {
        font-size: 16px;
    }

    .reply_wrap .reply_list .sub-reply::before {
        width: 15px;
    }

    .reply_wrap .reply_list .sub-reply {
        padding-left: 50px;
    }

    .reply_wrap .reply_list ul li .txt {
        width: 100%;
    }

    .reply_wrap .reply_list ul li .top {
        flex-wrap: wrap;
    }

    .admin_upload .inner ul li dl.keyword dd>div input[type="text"] {
        width: calc(50% - 4px);
    }

    .admin_upload .inner ul li dl.keyword dd>div {
        display: flex;
    }

    .campaign_name ul li {
        width: 33.33%;
    }

    .main_popup .inner .txt_wrap {
        font-size: 14px;
    }

    .admin .top .title button {
        font-size: 14px;
    }

    .sns_login button {
        height: 50px;
    }

    .sns_login button {
        font-size: 14px;
    }

    .sns_login button.k_login img {
        width: 33px;
    }

    .sns_login button.n_login img {
        width: 15px;
        margin-right: 10px;
    }

    .my_channel .total {
        flex-direction: column-reverse;
        align-items: flex-start !important;
        justify-content: flex-start !important;
    }

    .my_channel .total .search {
        width: 100%;
    }

    .my_channel .total div.count {
        margin-top: 8px;
    }


    .break_table.admin .table_wrap table tr th {
        display: block;
        width: 100%;
        border: 0;
    }

    .break_table.admin .table_wrap table tr td {
        display: block;
        width: 100%;
        padding: 12px 0;
    }


    .shop_list .list ul li .con_wrap .txt_wrap p {
        font-size: 15px;
        margin-top: 4px;
    }

    .shop_list .list ul li .con_wrap .txt_wrap b {
        font-size: 14px;
    }

    .cart_wrap .cart_list ul li .con_wrap {
        width: 250px;
    }

    .cart_wrap .cart_list {
        padding: 16px;
    }

    .cart_wrap {
        right: 20px;
    }

    .tab.type02 ul li p img {
        max-width: 60px;
    }

    .admin nav .list ul li.btn_wrap {
        display: block !important;
    }

    .study_head header .right_con .study_view {}

    /* .study_head header .right_con .study_view button{font-size: 0; width: 35px; height: 35px; padding: 4px; display: flex;align-items: center;justify-content: center; } */
    .study_head header .right_con .study_view button {
        font-size: 0;
        padding: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .study_head header .right_con .study_view img {
        margin-right: 0;
    }

    .tab p {
        font-size: 13px !important;
    }

    .notice .dis-f .left {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

    .study_head .new_header .mid_con {
        width: calc(100vw - 205px);
    }

}

/* ********************************************* *
 * 400px
 * ********************************************* */
@media screen and (max-width: 400px) {

    .donation_wrap {
        bottom: 110px;
    }

    .donation_wrap button {
        width: 34px;
        height: 34px;
    }

    .donation_wrap button img {
        width: 23px;
    }

    .login .panel01_top .login_but .button button {
        font-size: 15px;
    }

    .admin .top .con01 ul li {
        width: 50%;
    }

    .admin .top .con01 ul li:nth-child(2n) {
        border-right: 0;
    }

    .admin .top .con01 ul li:nth-child(3) {
        border-right: 1px solid #ddd;
    }

    .admin_alarm .con ul li .con_wrap .left .icon {
        display: none;
    }

    .admin_alarm .con ul li .con_wrap .left .txt {
        width: 100%;
    }

    .cart_wrap {
        right: 14px;
        bottom: 112px;
    }

    .cart_wrap button.icon {
        width: 34px;
        height: 34px;
    }

    .cart_wrap button i.count {
        right: -3px;
        top: -4px;
    }

    .cart_wrap button.icon img {
        width: 18px;
    }


    .admin .top .con01 ul li p {
        font-size: 14px;
    }

    .admin .top .con01 ul li span {
        font-size: 13px;
    }

    .admin .top .con01 ul li {
        margin-bottom: 12px;
    }

    .admin .top .con01 ul {
        margin-bottom: -12px;
    }

    .admin .top .con01 {
        padding: 12px 0;
    }


    .side_nav02 .top {
        display: block;
    }

    .side_nav02 .right_con {
        margin-top: 12px;
    }

    footer .left_con .mid ul li {
        display: block;
    }

    footer .left_con .mid ul li p::after {
        display: none;
    }

    .main_popup .inner .txt_wrap {
        font-size: 13px;
    }

    .point_wrap ul li.all_price .left p {
        font-size: 16px;
    }

    .point_wrap ul li .con_wrap .right i.price {
        font-size: 16px;
    }

    .point_wrap ul li.all_price .con_wrap .left {
        width: 120px;
    }

    .point_wrap ul li.all_price .con_wrap .right {
        width: calc(100% - 120px);
    }

    .point_wrap ul li.all_price .con_wrap {
        align-items: flex-start;
    }

    .admin_upload input[type="radio"]+label span {
        font-size: 14px;
    }


    .filter_mo .select_con b {
        font-size: 15px;
    }

    .filter_mo button {
        font-size: 14px;
    }

    .campaign_name ul li {
        width: 50%;
    }

    .main_popup .inner .txt_wrap {
        font-size: 13px;
    }

    .sub-banner h2 {
        font-size: 20px;
        top: 58%;
    }

    .remote_wrap button {
        width: 34px;
        height: 34px;
    }

    .h_btn .btn {
        width: 34px;
        height: 34px;
    }

    .kakao,
    .big_img {
        width: 34px;
        height: 34px;
    }

    .new_chat {
        bottom: 116px;
    }

}

/* ********************************************* *
 * 350px
 * ********************************************* */
@media screen and (max-width: 350px) {

    .cart_wrap {
        right: 18px;
    }

    .cart_wrap .cart_list ul li .con_wrap {
        width: 200px;
        display: block;
    }

    .cart_wrap .cart_list ul li .con_wrap .thumb_wrap {
        width: 100%;
        height: 100px;
    }

    .cart_wrap .cart_list ul li .con_wrap .txt_wrap {
        margin-top: 12px;
    }

    .cart_wrap .cart_list ul li .con_wrap .txt_wrap p {
        margin-bottom: 0;
    }

    .cart_wrap .cart_list ul li .con_wrap .x_btn {
        top: 10px;
        right: 10px;
    }

}

/* ********************************************* *
 * 300px
 * ********************************************* */
@media screen and (max-width: 300px) {}


/* ************** 모바일 가로화면 시 css (live_view) ************ */
@media screen and (max-height: 640px) and (orientation: landscape) {
    .no_fixed_menu .h_btn {
        top: 16px;
        bottom: auto;
    }
}