/* 공통 */
.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_wrap .video_con {
    /* padding-bottom: 56.25%; */
    padding-bottom: 0;
    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_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;}
 }