/* 메인 */
.main_page {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  overflow: auto;
  background-color: #fff;
  z-index: 20000;
}

.main_page .head {
  height: 100px;
  padding:0 40px;
  display:flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  position: sticky;
  top: 0;
  z-index: 90;
  transition:0.4s;
  overflow: hidden;
  border-bottom:1px solid #ebebeb;
}

.main_page .haed_nav {
  display: flex;
  gap:40px;
  align-items: center;
  line-height:1;
}

.main_page .haed_nav li:last-child{
  flex-shrink:0;
}

.main_page .logo {
  position: relative;
  top: 0;
  left: 0;
  margin-bottom: 0;
  line-height: 0;
  flex-shrink:0;
  margin-right: 10px;
}

.main_page figure {
  background: linear-gradient(135deg, #6743FF 40%,#446ef7);
  text-align: center;
  color: #fff;
  padding-block:100px;
  overflow: hidden;
  margin:0;
  transition:0.4s;
}

.main_page figure .titles{
  margin-bottom: 140px;
}

.main_page figure .titles p{
  font-size: 25px;
  line-height: 1.5;
}

.main_page figure .titles p.title {
  font-size: 45px;
  font-weight: 700;
}

.main_page figure .imgs {
  display: flex;
  gap: 40px;
  width: 900px;
  margin: 0 auto;
}

.main_page figure .imgs .img {
  width: calc(100% / 3);
  height: 300px;
  position: relative;
  z-index: 1;
  opacity: 0;
  transform:translateY(20%);
  -webkit-transform:translateY(20%);
  -moz-transform:translateY(20%);
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
}

.main_page figure .imgs .img .img_in {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}

.main_page figure .imgs .img .img_in img {
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
}

.main_page figure .imgs .img:nth-of-type(2) {
  margin-top: -50px;
}

.main_page figure .imgs .img:nth-of-type(3):before {
  content:'';
  display: inline-block;
  width: 220px;
  height: 150px;
  position: absolute;
  top: -90px;
  right: -140px;
  background: url(/asset/images/img_talk.png) no-repeat center/contain;
}

.main_page figure .imgs.on .img{
  opacity:1;
  transform:translateY(0);
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
}

.main_page figure .imgs .img:nth-of-type(1) {
  transition-delay: 0.1s;
}
.main_page figure .imgs .img:nth-of-type(3) {
  transition-delay: 0.2s;
}

.main_page section {
  padding-block: 150px 50px;
  transition:0.4s;
}

.main_page section .imgs {
  display: flex;
  gap: 20px;
  transition:0.4s;
}

.main_page section .imgs .img img {
  max-width: 100%;
}

.main_page section .imgs .arrow {
  flex-shrink: 0;
  align-self: center;
}

.main_page .foot {
  padding: 60px 0;
  text-align: center;
  color: #6C757D;
  transition:0.4s;
}

.main_page .btn_white {
    background-color:#fff;
    color:#6743FF;
    border-radius:6px;
    width: 160px;
    margin-top: 32px;
}

.main_page .btn_white:hover {
    background-color:#f1f1fa;
}

.deco_circle {
  position: relative;
}

.deco_circle:after {
  content:'';
  display: inline-block;
  width: 0.7em;
  height: 0.7em;
  border-radius: 50%;
  background: #ffe227;
  position: absolute;
  opacity: 0.9;
}

.main_page figure .titles p.title .deco_circle:after {
  right: -1em;
  top: -0.5em;
}

.main_page figure .imgs .deco_circle:after{
  left: -100px;
  top: -100px;
  width: 80px;
  height: 80px;
  background: #FB4659;
}

.main_page figure .imgs .deco_green.deco_circle:after {
  top: 130px;
  left: auto;
  right: -200px;
  width: 130px;
  height: 130px;
  background: #40de8c;
}


.main_page_sub section {
  padding: 60px 0;
}

.main_page_sub .content {
  text-align: center;
  padding-top:80px;
}

.main_page_sub .content>h2 {
  font-size:45px;
  font-weight:bold;
  margin-bottom: 8px;
}

.main_page_sub .content>p {
  font-size:18px;
  margin-bottom: 80px;
}

.main_page_sub .content .img>img {
  width: 100%;
}


.center_box {
  width: 400px;
  margin: 0 auto;
}

.center_box h1 {
  text-align: center;
}

.center_box label {
  font-weight: 500;
  margin-bottom: 8px;
}

.center_box .input {
  width: 100%;
}

/* 회원가입 */
.la_inp {
  margin-bottom: 20px;
}

.la_inp label {
  width:100%;
}

.member_type_p_box {
  display: none;
}

.center_box .in_btn {
  width: 100%;
}

.join_box textarea {
  width: 100%;
  height: 100px;
  border:1px solid #CED4DA;
  background-color: #F8F9FA;
  padding: 6px;
  resize: none;
  margin-bottom: 20px;
}

.join_box .phone_cert, .searchID_box .phone_cert {
  margin-top: 5px;
}

/* 로그인 */
.login_box {
  margin-bottom: 150px;
}

.login_box input {  
  width:100%;
  height: 60px;
  padding: 10px;
  border: 1px solid #CED4DA;
  margin-bottom: 10px;
}

.login_box .links {
  display: flex;
  justify-content: flex-end;
  color: #6c757d;
  padding-top: 10px;
}

.login_box .links a:not(:first-child)::before {
  display:inline-block;
  content:'';
  width: 1px;
  height: 60%;
  position: relative;
  top: 10%;
  background-color: #6c757d;
  margin:0 8px;
}

/* 내 정보 */
.myinfo .license_input{
  margin-bottom: 0;
  margin-left: 10px;
}

.myinfo .business_img_preview {
  width: 40px;
  height: 40px;
}

/* 문자 발송 */
.group_preview {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse; */
}

.more_btn {
  flex-direction: row;
}

.msg_send_area .box.more_btn .bg {
  flex:0 0 100%;
}

.btn.group_preview {
  justify-content:center;
}

.ums_url {
  width: 100%;
  text-align: left;
  word-break: break-all;
}

#savemsg_modal .thr {
  align-items:flex-start;
}

/* rcs 2차 ums  */
.preview_rcs2ums {
  width: 100%;
  margin: 20px 0;
}

.preview_rcs2ums .l_sub:nth-last-of-type(1) {
  margin-bottom: 10px;
}

.preview_rcs2ums .text_box {
  width: 70%;
  background-color: #fff;
  padding: 14px;
  box-sizing: border-box;
  border-radius: 10px;
}

.preview_rcs2ums .input {
  padding: 4px;
  width: 200px!important;
  height: auto;
  line-height: initial;
}

.preview_rcs2ums .flexwrap {
  justify-content: start;
  flex-wrap: nowrap;
}

.preview_rcs2ums .flexwrap>span {
  flex-shrink: 0;
}

.preview_rcs2ums .link {
  display: block;
  margin-bottom: 10px;
}

.preview_rcs2ums .flexwrap:has(.elect_info) {
  flex-direction:column;
  align-items: start;
}

.preview_rcs2ums .msg_accuse {
  display: none;
}


/* 마트 설정 */
.mart_setting .table_rwd {
  margin-bottom: 40px;
}

.mart_setting .cate_set .sel {
  width:100px;
}

.mart_setting .cate {
  margin-bottom: 5px;
}

.mart_setting .cate_tit {
  margin-right: 10px;
}

.mart_setting .delivery_cost_set .in_la {
  display:block;
  margin-bottom: 5px;
}

.mart_setting .delivery_cost_set input[type=number] {
  width: 80px;
  text-align: right;
  color:#FB4659;
}

.mart_setting .input_area {
  display:inline-flex;
  align-items: center;
}

.mart_setting .input_area .input {
  margin: 0 5px;
}

.mart_setting .input_area b {
  margin-left: 5px;
}

.mart_setting .imgSize {
  margin-bottom:16px;
}

.mart_setting .sortable td {
  position: relative;
  background-color: #fff;
}

.mart_setting .btn_youtube {
  position: absolute;
  top: 12px;
  right:12px;
}

.mart_setting .orderTr .in_la {
  margin-bottom:12px;
}

.mart_setting .category_area {
  padding: 10px 0;
}

.mart_setting .category_area + .divide {
  margin: 0;
  margin-bottom: 4px;
}

.mart_setting .sort_box {
  border:1px solid #ddd;
  border-radius:4px;
  padding: 7px 10px;
  box-sizing:border-box;
  background-color:#fff;
  margin-right: 2px;
  margin-bottom: 4px;
}

/* .mart_setting .in_la.sort_box:has(input:checked) {
  background-color: slateblue;
} */

#martimg_modal .img_select_area label{
  width:25%;
}

/* 상품등록 */
/* 엑셀로 등록하기 modal */
#excel_modal dl {
  display:flex;
}

#excel_modal dl dt {
  width:80px;
  flex-shrink: 0;
}

#excel_modal .down {
  text-decoration: underline;
  color:#6743FF;
}

/* 상품그룹 */
.product_group .in_la {
  display:flex;
  margin-bottom:5px;
}

.product_group .down {
  text-decoration: underline;
  color: #6743FF;
}

/* 기본제공 이미지 modal */
.img_select_area {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.img_select_area .img_box {
  position: relative;
  cursor: pointer;
  width: 100px;
  height: 100px;
  border:1px solid #CED4DA;
  /* flex-grow: 1; */
  flex-shrink: 0;
}

.img_select_area .img_box input[type=radio] {
  position: absolute;
  top:5px;
  left: 5px;
  width: 20px;
  height: 20px;
}

.img_select_area .img_box img {
  width: 100%;
  height: 100%;
}

/* 기본제공 아이콘 modal */
#icons_modal .icons {
  margin:0 auto;
}

#icons_modal .icons .sale_icon {
  margin: 10px;
  cursor: pointer;
}

#icons_modal .icons .sale_icon input[type=radio]{
  vertical-align: top;
}

#icons_modal .icons .sale_icon img{
  width:50px;
  height:50px;
}

/* 상품목록 */
.product_list .table_rwd{
  margin-bottom: 10px;
}

.product_list .tables tr {
  background-color:#fff;
}

.product_list img {
  width:60px;
  height:60px;
}

.product_list .btns {
  display:flex;
  flex-wrap: wrap;
}

.product_list .btns>button {
  margin-right: 4px;
}

.product_list .btn_sort {
  margin-left:auto;
  margin-right: 0;
}

#upload_modal .down {
  display:block;
}

/* 주문관리 */
.orderlist .table_rwd {
  margin-bottom: 10px;
}

/* 주문상세내역 */
.orderlist_detail .flexwrap {
  align-items: flex-start;
}

.orderlist_detail article {
  margin-bottom: 40px;
}

.orderlist_detail .table_rwd {
  margin-bottom: 10px;
}

.orderlist_detail .order_info .info {
  background-color: #F8F9FA;
  padding: 20px;
  margin-bottom: 10px;
}

.orderlist_detail .admin_memo>textarea {
  height:100px;
  margin-bottom: 10px;
}

.orderlist_detail .admin_manager .input{
  width: 150px!important;
}

.orderlist_detail .print_orderlist {
  position: absolute;
  top: 15px;
  right: 0;
}

/* 주문서 print_order */
.print_order {
  position:fixed;
  z-index: 20000;
  top: 0;
  left: 0;
  width:100%;
  height: 100vh;
  overflow-y: auto;
  background-color: #fff;
  padding:30px;
}

.print_order h1 {
  text-align: center;
}

.print_order .info, .print_order .delivery {
  margin-bottom: 40px;
}

.print_order .info {
  border:1px solid #CED4DA; 
  padding:20px;
  align-items: start;
}

.print_order .item {
  margin-bottom: 0;
}

.print_order .info .tit {
  font-weight:700;
  margin-bottom: 10px;
  color:#787878;
}


/* 전단지 등록 */
/* .leaflet_regist span {
  display:inline-block;
  width:70px;
  height:70px;
} */

.leaflet_regist .modal_preview {
  margin-right: 4px;
}

#modal_preview img {
  width:100%;
}

/* 전단지 제작 */
.leaflet_goods_area {
  padding-top:10px;
}

.leaflet_goods_area.flexwrap.thr .item {
  margin-right: 1%;
  margin-bottom: 10px;
}

.leaflet_goods_box {
  border:1px solid #CED4DA;
  padding: 10px;
  padding-right: 30px;
  box-sizing: border-box;
  border-radius: 5px;
  position: relative;
  display:flex;
  background-color:#fff;
}

.leaflet_goods_box .img_area {
  position: relative;
  width: 50px;
  height: 50px;
  overflow: hidden;
}

.leaflet_goods_box .img_area .ico {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 18px;
  height: 18px;
}

.leaflet_goods_box .img_area .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.leaflet_goods_box .txt_area {
  margin-left: 10px;
}

.leaflet_goods_box .txt_area .price {
  font-weight: 700;
}

.leaflet_goods_box .btn_delete {
  position: absolute;
  top: 3px;
  right:5px;
}

/* 캐시광고 */
#msgsave_modal .btns {
  display: flex;
  justify-content: flex-end;
}

#msgsave_modal .btns .btn {
  margin-left: 5px;
}

.msgsave_img img {
  width:100%;
}

.msgsave_img .con {
  height: auto;
}

.set_area .box{
  margin-bottom: 10px;
}

.set_area .in_btn {
  margin-bottom: 5px;
}

.set_area .sel_time {
  display:inline-flex;
}

.set_area .dong_area .btn {
  margin-bottom: 5px;
}


.adcash_regist .set_area .input:not(.input_between),
.adcash_regist .set_area .sel_time,
.adcash_regist .set_area .in_btn{
  width:100%;
}

/* .adcash_img_regist textarea.con {
  height: 120px;
  border-bottom:1px solid #CED4DA;
} */

/* 주문형 */
.adcash_regist.adcash_regist_order .set_area .box:first-child{
  margin-bottom: 0;
}

.adcash_regist.adcash_regist_order .zone_select{
  margin-top: 10px;
}

/* 문자형 미리보기 */
.cash_txt_datail {
  padding: 20px;
  box-sizing: border-box;
  background-color: #fff;
}

.cash_txt_datail h2 {
  font-size: 0.875rem;
  font-weight: 700;
  text-decoration: underline;
  margin-bottom: 16px;
}
.cash_txt_datail h3 {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 8px;
}
.cash_txt_datail span {
  display: block;
  font-size: 0.875rem;
  color: #9f9f9f;
  margin-bottom: 16px;
}
.cash_txt_datail p {
  font-size: 0.875rem;
  line-height: 1.5;
}

/* 이미지형 미리보기 */
.img_datail img {
  width: 100%;
  border: 1px solid #ebebeb;
  margin-bottom: 24px;
}
.img_datail .inner {
  background-color: #fff;
  padding: 0 20px;
  box-sizing: border-box;
}

.img_datail h2 {
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 16px;
}
.img_datail .sub {
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 16px;
  margin-left: 0;
}

/* 주문형 미리보기 */
.shoplist {
  width: 100%;
  padding: 16px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ebebeb;
}
.shoplist .img_area {
  width: 50px;
  height: 50px;
  background-color: #9f9f9f;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  border-radius: 15px;
}
.shoplist .img_area img {
  width: 100%;
  height: 100%;
}
.shoplist .txt_area {
  width: 100%;
  margin-left: 16px;
}
.shoplist .txt_area h2 {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 5px;
}
.shoplist .txt_area span {
  color: #9f9f9f;
  font-size: 0.875rem;
}



/* 공지사항 */
.notice .tables tbody tr:nth-of-type(1) td {
  font-weight: 500;
}

.notice_detail .cont {
  border:1px solid #CED4DA;
}

.notice_detail .cont_head {
  padding:20px;
  border-bottom: 1px solid #CED4DA;
}

.notice_detail .cont_head p {
  font-weight: 500;
}

.notice_detail .cont_body {
  padding:20px;
  min-height: 300px;
  border-bottom: 1px solid #CED4DA;
}

.notice_detail .cont_foot {
  padding:20px;
  background-color: #F8F9FA;
  border-bottom: 1px solid #CED4DA;
}

.notice_detail .cont_foot:last-child {
  border:none;
}

.notice_detail .cont_foot span {
  display:inline-block;
  width:100px;
}

/* 자주묻는질문 */
.faq_box {
  border: 1px solid #CED4DA;
  margin-bottom: 40px;
}

.faq_box li{
  border-bottom: 1px solid #CED4DA;
}
.faq_box li:last-child {
  border-bottom:none;
}

.faq_box .question {
  padding:20px;
  justify-content: flex-start;
  transition:0.2s;
  cursor: pointer;
}

.faq_box .question:hover, 
.faq_box .question.active {
  background-color: #F8F9FA;
}

.faq_box .question .type {
  width:100px;
  color:#6c757d;
}

.faq_box .question .tit {
  flex-grow: 1;
}

.faq_box .question .tit::before {
  content:"Q.";
  display:inline-block;
  margin-right: 10px;
}

.faq_box .answer {
  padding-left: 100px;
  background-color: #F8F9FA;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.faq_box .answer .con {
  padding: 20px;
}

.faq_box .answer .con::before {
  content:"A.";
  display:inline-block;
  margin-right: 10px;
}

.faq_box .btns {
  flex-grow: 1;
  text-align: right;
}

/* 온라인문의 */
.online_cs textarea{
  min-height:200px;
  margin-bottom: 10px;
}

.online_cs .file_area{
  margin-bottom: 10px;
}

/* 공지사항 등록 */
.notice_write .input {
  width:100%;
}

.notice_write textarea {
  min-height: 200px;
}

/* 카테고리 관리 */
.plus_popup {
  width:34.5px;
  height:34.5px;
  line-height: 34.5px;
  margin-right: 5px;
  color: #6C757D;
  text-align: center;
  background-color: #CED4DA
}

.admin_cate .flexwrap {
  align-items: flex-start;
}

.admin_cate li:not(.gnb_list li), .admin_cate .tit {
  font-size: 15px;
  padding:12px;
  border: 1px solid #CED4DA;
  display:flex;
  justify-content: space-between;
  align-items: center; 
}

.admin_cate .main_cate li{
  transition:0.3s;
  cursor: pointer;
}

.admin_cate .main_cate li:hover {
  background-color: #F8F9FA;
}

.admin_cate .main_cate li:first-child {
  cursor: default;
}

.admin_cate .main_cate li:first-child:hover {
  background-color: transparent;
}

.admin_cate .tit {
 font-weight: 500;
 background-color: #F8F9FA;
}

.admin_cate .input {
  width:200px;
}

.admin_cate .infile {
  margin-bottom: 0;
}

.admin_cate .infile label{
  width:34.5px;
  height:34.5px;
  line-height: 34.5px;
  margin-right: 5px;
}

.admin_cate .infile .img {
  width:34.5px;
  height:34.5px;
}

.admin_cate .icon_name {
  display:flex;
  align-items:center;
}

.admin_cate .icon_name .icon {
  display: inline-block;
  width:34.5px;
  height:34.5px;
  object-fit: contain;
  margin-right: 12px;
}

.admin_cate .midcate {
  display: none;
}

.admin_cate .btns {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.admin_cate .btns .btn {
  margin-left: 4px;
}

/* 충전신청 */
.cash_load .box{
  text-align: center;
  background-color: #F8F9FA;
  padding:40px;
  box-sizing: border-box;
  margin-bottom: 40px;
}

.cash_load .in_la {
  display: block;
  margin-bottom: 10px;
}

.cash_load label {
  cursor: pointer;
}

/* 기업 회원관리 */
#cash_modal .input{
  width: 100%;
  margin-bottom: 5px;
}

#cash_modal .in_btn {
  width:100%;
}

#cash_modal .flexwrap {
  margin-bottom: 4px;
  gap:4px;
}

#cash_modal .flexwrap>.sel {
  flex:1 1 40%;
}

/* 문자관리 */
.admin_smsprice .smsprice input[type=checkbox]{
  margin-left: 10px;
}

.admin_smsprice .cardbox {
  font-size:16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.admin_smsprice .cardbox .cardinner {
  width: 130px;
}

.admin_smsprice .cardbox .cardinner strong {
  font-size:30px;
}

.admin_smsprice .rcs_2nd_sms {
  margin-top: 10px;
  display:none;
}

.admin_smsprice .rcs_2nd_sms .msg_area{
  width: 280px;
}

.admin_smsprice .rcs_2nd_sms .msg_area .msg_frame{
  display: block;
}

.admin_smsprice .rcs_2nd_sms .msg_area .con {
  height: 90px;
}

.admin_smsprice .rcs_temp_code_inputs .inputs {
  display: flex;
}

.admin_smsprice .rcs_temp_code_inputs .inputs:not(:last-of-type) {
  margin-bottom:10px;
}

.admin_smsprice .rcs_temp_code_inputs .inputs .input:not(:last-of-type) {
  margin-right: 4px;
}


/* 나의 문자단가 */
#mysmsprice_modal .cardbox {
  font-size:16px;
  display: flex;
  flex-wrap: wrap;
}

#mysmsprice_modal .cardbox .cardinner {
  width: 33%;
  margin-bottom: 20px;
}

#mysmsprice_modal .cardbox .cardinner strong {
  font-size:30px;
}

#mysmsprice_modal .cardbox .cardinner .available {
  color: #6743FF;
  font-size: 13px;
}

/* 퀵 홈페이지 제작 */
#quickmake_modal .modal-dialog {
  max-width: 900px;
}


#quickmake_modal .sortable {
  border-top:2px solid #1e1e1e;
  overflow-x: auto;
  overflow-y: visible;
}

#quickmake_modal .sortable li {
  border-bottom:1px solid #CED4DA;
  background: #fff;
}

#quickmake_modal .sortable li .btns {
  text-align: right;
  padding-top:10px;
}

#quickmake_modal .sortable dt{
  background-color:#F8F9FA;
  align-self: stretch;
}

#quickmake_modal .sortable dt, #quickmake_modal .sortable dd {
  padding:12px;
  box-sizing: border-box;
}

#quickmake_modal .sortable dd{
  position: relative;
}

#quickmake_modal .sortable .input {
  display: block;
  margin-bottom:4px;
}

#quickmake_modal .sortable .input:last-child {
  margin-bottom:0px;
}

#quickmake_modal .sortable .file_area {
  width: 280px;
  align-items: center;
}

#quickmake_modal .sortable .file_area input[type=file] {
  width:100%;
}

#quickmake_modal .sortable .file_area .btn_delete:after {
  top:0;
}

#quickmake_modal .preview_wrap {
  width:300px;
}

#quickmake_modal .preview_inner{
  padding:16px;
  box-sizing: border-box;
  background-color: #fff;
}

#quickmake_modal .preview li {
  margin-bottom:16px;
}

#quickmake_modal .preview li>a:hover {
  color:#1e1e1e;
}


#quickmake_modal .preview .img_area {
  width:100%;
  height: 168px;
  border: 1px solid #ebebeb;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 16px;
}

#quickmake_modal .preview .img_area img {
  width:100%;
  height:100%;
}

#quickmake_modal .preview p {
  font-weight: 700;
}

#quickmake_modal .no_content {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content:center;
  align-items: center;
  color:#6C757D;
}

#quickmake_modal .btn_youtube {
  position: absolute;
  top: 12px;
  right:12px;
}  

#quickmake_modal .sortable li.youtube_on .file_area{
  display: none;
}

#quickmake_modal .sortable li.youtube_on .input:nth-of-type(1) {
  width:calc(100% - 67px)!important;
}

#quickmake_modal .preview .img_area iframe{
  width: 100%;
  height: 100%;
}

/* 룰렛 등록 */
.ship_area {
  margin-top: 12px;
}

.roulette_regist .input_img_wrap {
  margin-top:12px;
}

/* 수신거부 */
.denylist .search_area {
  margin-bottom:0;
}
.denylist .flexwrap .item{
margin-bottom: 20px;
}

/* 홈페이지 설정 안내, 템플릿 제작 안내 */
.guide_modal .flex {
  gap:32px;
  align-items:start;
  flex-wrap:wrap;
}

.guide_modal .img_area, .txt_area {
  flex: 1 1 40%;
}

.guide_modal .img_area{
  width: 260px;
  flex-shrink: 0;
}

.guide_modal .img_area>img{
  width: 100%
}

.guide_modal .txt_area .txt:not(:last-child) {
  margin-bottom: 24px;
}

.guide_modal .txt_area .h3{
  margin-bottom: 10px;
} 

.guide_modal .txt_area p {
  line-height:1.8;
}

.guide_modal .text_gray {
  margin-bottom: 24px;
}

/* 단축키 관리 */
.hotkey .midcate {
  display: block !important;
}

.hotkey .checkbox {
  margin-inline: 8px;
}

.hotkey .midcate form {
  width: 100%;
}

.hotkey .midcate .li_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* 리뷰 */
.textarea {
  border:1px solid #ebebeb;
  box-sizing: border-box;
}

.textarea textarea {
  border:none;
}
.textarea .count {
  width:100%;
  padding:12px;
  text-align:right;
  color:#8f8f8f;
}

.review .img_wrap {
  display:flex;
}

.review .img_wrap .img {
  margin-right: 8px;
}

/* 홍보지 제작 */
.leaflet_make .leaflet_goods_area .item {
  margin-bottom: 10px;
}

.leaflet_make .preview_wrap .leaflet_make_view .tit_area h3 {
  font-size: 4rem;
}

.leaflet_make .preview_wrap .leaflet_make_view h4 {
  margin-bottom: 0;
}

/* 홍보지 app 동일 */
.leaflet_make_view {
  width: 100%;
  font-family: "GmarketSansMedium";
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
}
.leaflet_make_view .tit_area {
  padding: 40px 30px;
  box-sizing: border-box;
  position: relative;
}
.leaflet_make_view .tit_area h2 {
  color: #fff;
  line-height: 1.2;
  margin-bottom: 25px;
  position: relative;
  z-index: 1;
}
.leaflet_make_view .tit_area h3 {
  color: #fff;
  font-size: 4.8rem;
  line-height: 1.2;
  margin-bottom: 25px;
  position: relative;
  z-index: 1;
}
.leaflet_make_view .tit_area p {
  color: #fff;
  font-size: 1.3rem;
  line-height: 1.2;
  position: relative;
  z-index: 1;
  font-weight: normal;
}
.leaflet_make_view .tit_area:before, .leaflet_make_view .tit_area:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
}
.leaflet_make_view .tit_area:before {
  background-position: top center;
  top: 0;
}
.leaflet_make_view .tit_area:after {
  background-position: bottom center;
  bottom: 0;
}
.leaflet_make_view .cate_name {
  width: 100%;
  font-size: 1.3rem;
  padding: 6px 16px 3px;
  box-sizing: border-box;
  background-color: #1e1e1e;
  color: #fff;
  text-align: left;
  font-weight: normal;
  line-height: 1.2;
}
.leaflet_make_view .goods_area {
  display: flex;
  flex-wrap: wrap;
}
.leaflet_make_view .goods_area .goods {
  width: 33.3333%;
  background-color: #fff;
  box-sizing: border-box;
  position: relative;
  text-align: left;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.leaflet_make_view .goods_area .goods .img_area .img {
  object-fit: fill;
}
.leaflet_make_view .goods_area .goods .img_area .ico {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 40px;
  height: 40px;
  z-index: 1;
}
.leaflet_make_view .goods_area .goods .txt_area {
  padding: 16px;
  box-sizing: border-box;
}
.leaflet_make_view .goods_area .goods .txt_area .name,
.leaflet_make_view .goods_area .goods .txt_area .standard {
  display: block;
  position: relative;
  z-index: 1;
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  word-break: break-all;
}
.leaflet_make_view .goods_area .goods .txt_area .ex_price {
  position: relative;
  display: inline-flex;
  align-items: center;
  color: #8f8f8f;
  position: relative;
  font-size: 1.2rem;
  font-weight: normal;
}
.leaflet_make_view .goods_area .goods .txt_area .ex_price:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #C50000;
}
.leaflet_make_view .goods_area .goods .txt_area .ex_price:after {
  content: "";
  border: solid #C50000;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.leaflet_make_view .goods_area .goods .txt_area .ex_price:before, .leaflet_make_view .goods_area .goods .txt_area .ex_price:after {
  margin-top: -4px;
}
.leaflet_make_view .goods_area .goods .txt_area .price {
  position: relative;
  z-index: 1;
  font-size: 1.5rem;
  word-break: break-all;
}
.leaflet_make_view .bottom {
  width: 100%;
  padding: 10px 16px 6px;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.2;
}

.leaflet_make_view.theme_yellow {
  background-color: #FFD429;
}
.leaflet_make_view.theme_yellow .tit_area h2 {
  color: #6D4DFF;
}
.leaflet_make_view.theme_yellow .tit_area h3 {
  color: #6D4DFF;
}
.leaflet_make_view.theme_yellow .tit_area p {
  display: inline-block;
  padding: 10px 30px 7px;
  box-sizing: border-box;
  background-color: #6D4DFF;
  border-radius: 30px;
}
.leaflet_make_view.theme_yellow .tit_area:before {
  background-image: url(/asset/images/leaflet_theme_yellow_deco_top.png);
}
.leaflet_make_view.theme_yellow .tit_area:after {
  background-image: url(/asset/images/leaflet_theme_yellow_deco_bottom.png);
}
.leaflet_make_view.theme_yellow .goods_area .goods {
  border: 1px solid #FFD429;
}
.leaflet_make_view.theme_yellow .top, .leaflet_make_view.theme_yellow .bottom {
  color: #6D4DFF;
}

.leaflet_make_view.theme_red {
  background-color: #C50000;
}
.leaflet_make_view.theme_red .tit_area p {
  display: inline-block;
  text-decoration: underline;
}
.leaflet_make_view.theme_red .tit_area:before {
  background-image: url(/asset/images/leaflet_theme_red_deco_top.png);
}
.leaflet_make_view.theme_red .tit_area:after {
  background-image: url(/asset/images/leaflet_theme_red_deco_bottom.png);
}
.leaflet_make_view.theme_red .goods_area .goods {
  border: 1px solid #C50000;
}

.leaflet_make_view.theme_black {
  background-color: #1e1e1e;
}
.leaflet_make_view.theme_black .tit_area h2 {
  display: inline-block;
  padding: 10px 14px 5px;
  border: 1px solid #fff;
  box-sizing: border-box;
  margin-bottom: 30px;
}
.leaflet_make_view.theme_black .tit_area h3 {
  margin-bottom: 20px;
}
.leaflet_make_view.theme_black .tit_area:before {
  background-image: url(/asset/images/leaflet_theme_black_deco_top.png);
}
.leaflet_make_view.theme_black .tit_area:after {
  background-image: url(/asset/images/leaflet_theme_black_deco_bottom.png);
}
.leaflet_make_view.theme_black .cate_name {
  background-color: #8977fe;
}
.leaflet_make_view.theme_black .goods_area .goods {
  border: 1px solid #1e1e1e;
}
.leaflet_make_view.theme_black .bottom {
  color: #fff;
}

.leaflet_make_view.view_back .top {
  font-size: 2rem;
  padding: 20px 20px 15px;
  box-sizing: border-box;
}
.leaflet_make_view.view_back .goods_area .goods {
  margin-bottom: 0;
}

.leaflet_make_view.view_back.theme_red .top {
  color: #fff;
}

.leaflet_make_view.view_back.theme_black .top {
  color: #fff;
}

.leaflet_col_1 .goods_area .goods {
  width: 100%;
  display: flex;
  align-items: flex-start;
}
.leaflet_col_1 .goods_area .goods .img_area {
  width: 150px;
}
.leaflet_col_1 .goods_area .goods .txt_area {
  flex-grow: 1;
  padding: 8px;
}

.leaflet_col_2 .goods_area .goods {
  width: 50%;
}

.leaflet_col_3 .goods_area .goods {
  width: 33.3333%;
}
.leaflet_col_3 .goods_area .goods .txt_area {
  padding: 8px;
}
.leaflet_col_3 .goods_area .goods .txt_area .name, .leaflet_col_3 .goods_area .goods .txt_area .standard, .leaflet_col_3 .goods_area .goods .txt_area .ex_price {
  font-size: 0.875rem;
}
.leaflet_col_3 .goods_area .goods .txt_area .price {
  font-size: 1.1rem;
}

/* 구인구직 */
.adcash_regist_recruit .search_address{
  margin-top: 10px;
}

/* 지원현황 상세보기 */

.resume_detail article {
  padding-top:20px;
  border-bottom:10px solid #F8F9FA;
}

.resume_detail .info,
.resume_detail .condition,
.resume_detail .cover_letter,
.resume_detail .signature,
.resume_detail .caution {
  padding-block:20px;
}

.resume_detail h2 {
  font-size:20px;
  font-weight:bold;
  margin-bottom: 12px;
}

.resume_detail h3 {
  font-size:17px;
  font-weight:bold;
  margin-bottom: 10px;
}

.resume_detail .info .create_date {
  margin-bottom: 10px;
}

.resume_detail .create_date {
  color: #8f8f8f;
  font-size: 0.875rem;
}
.resume_detail .profile {
  display: flex;
  align-items: flex-start;
}
.resume_detail .profile .img {
  width: 150px;
  aspect-ratio: 3/4;
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
  margin-right: 20px;
}
.resume_detail .profile .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.resume_detail .profile p:not(:last-of-type) {
  margin-bottom: 8px;
}

.resume_detail .tits {
  display: flex;
  justify-content: space-between;
}
.resume_detail .tits .date {
  color: #8f8f8f;
}
.resume_detail .lists li {
  padding-block: 20px;
}
.resume_detail .lists li:not(:last-of-type) {
  border-bottom: 1px solid #ebebeb;
}
.resume_detail .signature,
.resume_detail .caution {
  font-size: 0.875rem;
}
.resume_detail .signature {
  text-align: center;
}
.resume_detail .caution {
  color: #8f8f8f;
}

/* 이용약관 */
.terms .h4 {
  margin-bottom: 40px;
}
.terms p {
  margin-bottom:40px;
}

/* rcs 템플릿 */
.rcs_temp .item .img_area {
  width:100%;
  margin-bottom: 10px;
}

.rcs_temp .item .img_area>img {
  width:100%;
}

.rcs_temp .item .cont {
  margin-bottom: 10px;
}

.btn_rcs_temp {
  margin-bottom: 10px;
}

.rcs_btn_input_container dl {
  display: none;
}

/* 퀵전송 */
.quickmake>nav {
  position:fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform:translateY(-50%);
  right:0;
  z-index:10;
}

.quickmake>nav .btn {
  width: 140px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 8px;
}

.quickmake>.flexwrap{
  align-items: flex-start;
}

.quickmake .l_sub_area {
  margin-block:20px;
}

.quickmake .card {
  padding: 28px;
  box-sizing:border-box;
  margin-bottom: 30px;
}

.quickmake .card .title_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.quickmake .card .title_wrap .num {
  margin-right: 8px;
  color: #6743ff;
}

.quickmake .card .input {
  width: 100%;
}

.quickmake .card .input_title {
  margin-bottom: 8px;
}

.quickmake .card textarea {
  height:150px;
}

.quickmake .preview_wrap + .btns {
  text-align: center;
  margin-top: 20px;
}


.quickmake .bg_box {
  padding: 30px 20px;
  box-sizing: border-box;
  background-color: #f8f9fa;
  border-radius: 5px;
  margin-top: 8px;
  overflow:hidden;
}

.quickmake .bg_box .time_step {
  display: block;
  margin-top: 8px;
}

.quickmake .booking_direct_input {
  display: none;
  margin-block: 8px 12px;
}

/* 퀵전송 템플릿 미리보기 */
.quick_msg {
  width: 100%;
}

.quick_msg .inner {
  width: 100%;
  padding-inline: 24px;
  box-sizing:border-box;
}
  
.quick_msg article {
	padding: 16px 0;
}

.quick_msg article .h2 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding-block: 12px;
  margin: 0;
}

.quick_msg .txt_wrap .h2,
.quick_msg .sns_wrap .h2 {
	text-align: left;
}

.quick_msg .txt_wrap p{
	line-height: 1.5;
  word-wrap: break-word;
}

.quick_msg .img_frame, iframe, .map_frame {
	border-radius: 10px;
	overflow: hidden;
}

.quick_msg .img_frame>img {
	width: 100%;
}

.quick_msg .youtube_wrap iframe {
	width: 100%;
	aspect-ratio: 16 / 9;
}

.quick_msg .map_frame {
	width: 100%;
	aspect-ratio: 1 / 1;
	background-color: #bcbcbc;
}


.quick_msg .sns_wrap .sns_link {
  display:block;
  width: 100%;
  padding: 12px;
  box-sizing:border-box;
  border:1px solid #ebebeb;
  border-radius:12px;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.quick_msg .sns_link:hover {
  color: #1a1a1a;
}

.quick_msg .sns_link>.img {
  width: 48px;
  height: 48px;
  border-radius:10px;
  overflow:hidden;
  border:1px solid #f1f1fa;
  margin-right: 16px;
  flex-shrink:0;
}

.quick_msg .sns_link>.img>img {
  width: 100%;
  height: 100%;
  object-fit:contain;
}

.quick_msg .sns_link>span {
  font-weight:bold;
}

/* 20건 문자 */
.select_20 {
  margin-block:20px 8px;
}

.sel.multi {
  width:100%;
  height: 300px;
  padding: 0px;
}

.select_20 .sel.multi {
  height:500px;
  font-size:12px;
}

.sel.multi option {
  padding:4px 6px;
}

/* .sel.multi option:hover {
  background: #F8F9FA;
} */

textarea.con + .btn {
  margin-top: 4px;
}

.select_20_btns {
  display: flex;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.select_20_btns:has(.count_frame) {
  justify-content: space-between;
}

/* 템플릿 등록 */
.temp_servey_explain {
  display:none;
}

/* 템플릿 설문지 */
.survey_input_container {
  padding: 30px 20px;
  box-sizing: border-box;
  background-color: #f8f9fa;
  border-radius: 5px;
  margin-top: 8px;
}

.survey_input_container .h4 {
  display: block;
  font-size: 15px;
  font-weight: bold;
}

.survey_input_container .survey_wrap {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}

.survey_input_container .survey_wrap .btn_delete:after {
  top: 0;
}

.survey_input_container .survey_wrap:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #CED4DA;
  background-color: #fff;
  border-radius: 18px;
  margin-right: 8px;
  flex-shrink:0;
}

.survey_input_container .sortable_survey:hover {
  cursor:all-scroll;
}

/* 템플릿 설문 결과 */
.survey_result .status {
  display: flex;
  align-items: center;
}

.survey_result .status .caption {
  margin-left: 4px;
}
.survey_result .flexwrap {
align-items: start;
}

.survey_result .info {
background-color: #F8F9FA;
padding: 20px;
margin-bottom: 10px;
}

.survey_result .summary .content_container {
border: 1px solid #ebebeb;
padding: 20px;
box-sizing: border-box;
}

.survey_result .content_wrap {
padding-block: 20px;
}

.survey_result .content_wrap .title {
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
}

.survey_result .choice .opts>p {
margin-bottom: 8px;
}

.survey_result .choice .opts>p:before {
content: '';
display: inline-block;
width: 14px;
height: 14px;
border: 1px solid #dcdcdc;
border-radius: 14px;
margin-right: 8px;
position:relative;
top:2px;
}

.survey_result .result .suggest .content,
.survey_result .result .relay .content {
display: flex;
justify-content: space-between;
align-items: center;
}

/* .survey_result .choice_result thead th:not(:first-child){
  width:calc(100% / 7);
} */

.survey_result .choice_result th[scope=row] {
  width:40px!important;
}


#suggestlist_modal .tables td {
  word-break:break-all;
}

/* 주소록 검색 */
.address_list tr[name=list]>td {
  padding:14px;
  padding-left: 30px;
  background-color:#f8f9fa;
  box-sizing:border-box;
}

.address_list .tables_in_table tbody td:nth-of-type(-n + 2){
  width: 100px;
}

/* 운영자메뉴 기업회원관리 */
.useridmenu.dropdown .dropdown-item {
  font-size: 14px;
}


/* 선거회원 상품 패키지 */
.elect_package .card_wrap {
  display: flex;
  flex-wrap:wrap;
  align-items: stretch;
  gap:20px;
}

.elect_package .card_wrap>.card {
  flex:1 1 20%;
}

.elect_package .card {
  padding:40px 20px;
  box-sizing:border-box;
  transition:0.3s;
  overflow:hidden;
}

.elect_package .card:hover {
  border-color:#6743ff;
}

.elect_package .card .title {
  text-align:center;
  font-weight:700;
  font-size:28px;
  margin-bottom: 32px;
}

.elect_package .card .price_wrap {
  text-align: center;
  line-height: 1.4;
  font-size:22px;
}

.elect_package .card .price_wrap .price {
  text-decoration: line-through;
  color:#B9BBC6;
}

.elect_package .card .price_wrap .price_final {
  display: block;
  font-size:28px;
  font-weight:700;
  color:#6743FF;
  white-space: nowrap;
}

.elect_package .card .price_wrap .price_final>span {
  font-size:20px;
  margin-left: 2px;
}
.elect_package .card .btn_area {
  margin-top: 20px;
}

.elect_package .card .terms_list {
  padding-top: 32px;
}

.elect_package .card .terms_list li {
  margin-bottom: 10px;
  position: relative;;
}

.elect_package .card .terms_list li>p {
  padding-left: 20px;
}

.elect_package .card .terms_list li>p:before {
  position: absolute;
  top: 8px;
  left: 0;
  display: inline-block;
  content:'';
  width: 12px;
  height: 6px;
  border: 1px solid #6743FF;
  border-top: 0;
  border-right: 0;
  transform: rotate(-45deg);
  transform-origin: 25% 25%;
  margin-right: 10px;
}

/* 선거회원 타임스케줄 */
.time_schedule .xscroll_btn_wrap {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 16px;
}

.time_schedule .xscroll_btn_wrap button {
    margin-left: 6px;
}

.time_schedule [class~="disable"] {
    opacity: 0.3;
}

.time_schedule [class~="disable"]:hover {
    background-color: unset;
}

.time_schedule [class*="card_"] {
    padding: 12px;
    padding-right: 4px;
    box-sizing: border-box;
    border-radius: 6px;
    position: relative;
    background-color: #fff;
}

.time_schedule [class*="card_"]:not(:last-child) {
    margin-bottom: 4px;
}

.time_schedule [class*="card_"]:has(button) {
    display: flex;
    justify-content: space-between;
}

.time_schedule .card_th {
    align-items: start;
    height: 100%;
}

.time_schedule .card_plan {
    border: 1px solid var(--c-grey-2);
}

.time_schedule .card_plan:before {
    content: '';
    display: block;
    width: 6px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 6px 0 0 6px;
}

.time_schedule .card_plan:has(.la_in) {
    padding-left: 18px;
}

.time_schedule .card_plan input[type=checkbox]:checked+span {
    color: #ced4da !important;
}

.time_schedule .card_plan:has(input[type=checkbox]:checked):before {
    background-color: #e9ecef !important;
}

.table_schedule_wrap {
    width: 100%;
    height: calc(100vh - 260px);
    overflow: auto;
    position: sticky;
    top: 70px;
}

.table_schedule {
    table-layout: fixed;
    position: relative;
    width: 100%;
    /* position: sticky;
    top: 230px; */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-use-select: none;
    user-select: none;
}

.table_schedule th,
.table_schedule td {
    /* border: 1px solid #bbb; */
    padding: 4px;
    box-sizing: border-box;
    width: 220px;
    vertical-align: top;
    background-color:#fff;
}


.table_schedule thead{
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
}

.table_schedule th:first-child,
.table_schedule td:first-child {
    position: -webkit-sticky; 
    position: sticky;
    left: 0;
    z-index: 1;
}

.table_schedule th[scope=row] {
    height: 1px;
}


.table_schedule thead .card_th {
    align-items: center;
}

.table_schedule tr.c_purple .card_th,
.table_schedule tr.c_purple .card_plan:before {
    background-color: var(--c-purple-2);
}

.table_schedule tr.c_yellow .card_th,
.table_schedule tr.c_yellow .card_plan:before {
    background-color: var(--c-yellow-2);
}

.table_schedule tr.c_red .card_th,
.table_schedule tr.c_red .card_plan:before {
    background-color: var(--c-red-2);
}

.table_schedule tr.c_green .card_th,
.table_schedule tr.c_green .card_plan:before {
    background-color: var(--c-green-2);
}

.table_schedule tr.c_blue .card_th,
.table_schedule tr.c_blue .card_plan:before {
    background-color: var(--c-blue-2);
}

.table_schedule tr.c_grey .card_th,
.table_schedule tr.c_grey .card_plan:before {
    background-color: var(--c-grey-2);
}

.table_schedule .date {
    display: block;
    padding-block: 12px 6px;
    font-size: 12px;
    color: #787878;
}

.table_schedule .dropdown-menu {
    min-width: 5rem;
}

.table_schedule .dropdown-item {
    font-size: 14px;
}

.table_schedule .place {
    background-color: var(--c-grey-0);
    height:50px;
    border-radius:6px;
}


.table_schedule td {
    height: 1px;
}

.table_schedule .sortable_plan {
    min-height: 50px;
}

.time_schedule .dropdown,
.time_schedule button[data-bs-target*="modal"] {
  display: none;
}

.time_schedule_edit .dropdown,
.time_schedule_edit button[data-bs-target*="modal"] {
  display: block;
}

.time_schedule_edit .card_plan input[type=checkbox] {
    display: none;
}

.repeat-weekly input {
  display: none;
}

.repeat-weekly__lb {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  border:1px solid #eee;
  background-color: #fff;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}

.repeat-weekly input:checked + .repeat-weekly__lb {
  border-color: #1a1a1a;
}

.radio-set {
  padding-block:8px;
}

.radio-box {
  padding:20px;
  background-color: #fff;
  border-radius: 10px;
  margin-block:8px;
}

.category-btns {
  display: flex;
  align-items: center;
  padding-block:8px;
  margin-bottom: 8px;
}

.category-btns__btn {
  height:40px;
  line-height: 40px;
  padding-inline: 16px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color:#777;
}

.category-btns__btn.on {
  background-color: #fff;
  color: #6743FF;
}


/* tablet */
@media screen and (max-width:1300px){
  .main_page figure .imgs {
    width: 100%;
    gap: 20px;
  }

  .main_page section .imgs{
    flex-direction: column;
    gap: 40px;
    align-items: center;
  }
  .main_page section .imgs .arrow {
    justify-self: center;
    width: 40px;
    height: 40px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }

  #martimg_modal .img_select_area label{
    width:50%;
  }

  .admin_smsprice .cardbox .cardinner{
    margin-bottom: 20px;
  }

  #quickmake_modal .sortable dt{
    width:100%;
  }

  /* rcs 2차 ums  */
  .preview_rcs2ums .text_box {
    width: 100%;
  }


  .select_20_btns .count_frame {
    margin-bottom:8px;
  }
}

/* mobile */
@media screen and (max-width:700px) {
  .main_page .head {
    height: 80px;
    padding:0 20px;
  }

  .main_page figure {
    padding-block: 100px 80px;
  }

  .main_page figure .titles {
    padding: 0 20px;
  }

  .main_page figure .titles p.title{
    font-size: 35px;
  }

  .main_page figure .titles p {
    font-size: 20px;
  }

  .main_page figure .imgs .img {
    height: 150px;
  }

  .main_page section {
    padding:80px 0px;
  }

  .main_page figure .titles p.title .deco_circle:after {
    right: -1em;
    top: -1em;
  }

  .main_page .haed_nav {
    gap:4px;
  }

  .main_page .haed_nav>li>a{
    font-size:12px;
  }

  .main_page_sub .content>h2 {
    font-size: 30px;
  }

  .login_box, .join_box {
    width: 100%;
  }

  #martimg_modal .img_select_area label{
    width:100%;
  }

  .myinfo .business_img_preview {
    margin-top: 5px;
  }

  .sub {
    margin-left: 0;
  }

  .orderlist_detail .admin_memo>textarea {
    height:120px;
  }

  .orderlist_detail .print_orderlist {
    position: relative;
    top: 0;
    margin-bottom: 10px;
  }

  .print_order .item:nth-of-type(1) {
    margin-bottom: 10px;
  }

  .faq_box .answer {
    padding-left: 0px;
  }

  .admin_smsprice .smsprice input[type=checkbox]{
    margin-left: 0;
  }

  .admin_smsprice .cardbox .cardinner{
    flex: 1 1 40%;
  }

  .admin_smsprice .rcs_2nd_sms .msg_area{
    width: 100%;
  }  

  #mysmsprice_modal .cardbox .cardinner {
    flex: 1 1 40%;
  }

  #quickmake_modal .sortable .file_area {
    width:100%;
  }

  .mart_setting .btn_youtube {
    position: relative;
    margin-top: 4px;
    top: 0;
    right:0;
  }


  .hotkey .midcate .in_btn {
    margin-top: 4px;
  }


  .product_list .btn_sort  {
    margin-left: 0;
  }
/* rcs 2차 ums  */
  .preview_rcs2ums .input {
    width: 100%!important;
  }

  .elect_package .card_wrap>.card {
    flex:1 1 100%;
}
  
.print_order .info .tit {
  border-top:1px solid #dcdcdc;
  padding-top: 10px;
}

.table_schedule thead th:first-child {
    width:120px;
}

}

@media screen and (max-width:300px){
  .guide_modal .img_area {
      flex-basis:100%;
  }
}

@media print {
  .print_order {
      position: relative;
      margin: 0;
      height: auto;
      page-break-after: auto;
      -ms-overflow-style: none; /* 인터넷 익스플로러 */
    scrollbar-width: none; /* 파이어폭스 */
  }

  .print_order::-webkit-scrollbar {
      display: none;
  }

  @page {
      margin: 0;
  }

  header,
  nav,
  footer {
      display: none !important;
  }

  .wrap_main {
      margin-left: 0;
  }

  .inner {
      width: 100%;
      padding-inline:40px;
  }

  main {
      padding:80px 20px;
  }

  table tfoot{display:table-row-group;}
}