/* 마더픽 관리자 2024-07-22 */

/* color */
/* 메인컬러 : #90C320 / #92D600*/
/* 살짝 더 어두운 색 : #85b914 */
/* 텍스트용 조금 어둡게 : #618a0b */

body{font-family: 'Pretendard'; font-size: 16px; color: #222;}
input,button,select,textarea{font-family: 'Pretendard';}

.flex{display: flex;}
.flex.f2 > div{width: 50%; border-left: 1px solid #ddd;}
.flex.f2 > div:first-child{border-left: none;}

/* login */
.wrap.login{min-width: 100%;}
.login .login-bg{background-image: none !important; background: #fcfff4; background-color: #90C320;}
.login .login-container{max-width: 600px; top:48%}

.login .login-container h1{position: relative; top: 30px;}
.login .login-container h1 img{width: 260px; }
.login .company_logo img{width: 120px;}

.login .form-wrap{background-color: #fff; padding: 40px ; box-shadow: 0 0 32px rgba(0,0,0,.08); border-radius: 30px;}
.login .login-container .form{background:none; box-shadow: none; padding: 0;} 
.login .login-container .btn{background-color: #90C320; transition: all .15s; border: 1px solid #90C320; height: 50px;}
.login .login-container .btn:hover{background-color: #90C32040; color: #85b914;}
.login .login-container .form dd input{height: 50px; padding: 0 20px; font-size: 16px; border-radius: 30px; border: 1px solid #ccc;}
.login .login-container .form dd input:first-child{margin-bottom: 8px;}
.login .login-container .form dd input:focus{border-color: #90C320; box-shadow: 0 0 20px #90C32010;}


/* 관리자 style */
.wrap{background-color: #f9f9f9; }

.adm_aside-top{position: relative;}
.adm_aside-top:after{content: ''; position: absolute; display: block; width: 140px; height: 90px; background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/MATHER_PICK/166171481452566.png) no-repeat center center; top: 50%; left: 50%; transform: translate(-50%, -50%); background-size: cover;}
.adm_header .utill > span{background-color: rgba(255,255,255,.2);}

.adm_aside-top, .adm_header{background-color: #85b914;height: 105px;}
.adm_header .gnb, .adm_header .gnb > li{height: 73px;}
.adm_header .gnb{display: flex;}
.adm_header .gnb > li{line-height: 1; }
.adm_header .gnb > li > a{font-size: 18px; font-weight: 500; line-height: 1; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center;}
.aside-depth > li > a{font-size: 16px; padding: 14px 12px;}
.aside-depth > li + li{margin-top: 6px;}
.aside-depth > li.current > a, .aside-depth > li > a:hover{background-color: rgb(243 251 224) !important; color: #618a0b !important; font-weight: 500;}

/* 사이드메뉴 너비 조정 */
.adm_aside{width: 260px;}
.adm_header{left: 260px; min-width: calc(100% - 260px);}
.body-container{margin-left: 260px;}

/* 제이쿼리 데이트피커 ui 수정 */
.xdsoft_datetimepicker .xdsoft_datepicker{width:auto !important;}


/* font weight */
.body-head h2, .body-head h2, .insert-wrap .insert.insert-chk .check_label, .box-head p.medium, .box-tit h3, .out-tab-container ul li.current a, .out-tab-container ul li a{font-weight: 600 !important;}
.form input[type=button], .table-nodata > .table-nodata-con, button.btn{font-weight: 500 !important;}

.box-th{background-color: #f5f5f5;}
.medium{font-size: 1.2em;}
.body-container .body-box{box-shadow: none; border-color: #ddd;}
.pagination_container .page_item:hover, .pagination_container .page_item:active{color: #90C320;}

/* form */
input:checked + .slider{background-color: #90C320;}
.insert-wrap .insert.insert-chk .check_label input:checked ~ .checkmark, .check_label input:checked ~ .checkmark{background-color: #90C320;}
.form input{height:40px;}
.form input[type=text], .form input[type=password]{padding-left: 14px; padding-right: 14px; height: 40px; font-size: 15px;}
textarea{padding:12px; font-size: 15px;}
.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container .select2-selection--single{height: 40px !important; line-height: 40px !important;}
.select2-container .select2-selection--single .select2-selection__rendered{padding-left: 12px !important;;}
.select2-results__option{padding: 8px 12px !important;}
.table1 .select2-container, .table3 .select2-container{min-width: 100px;}
.box-search-container input, .box-search-container .select2-container{box-shadow: none;}
.switch input{display: none;}
textarea{line-height: 1.4;}

.acc_select .select2-container{min-width: 360px;}

input[type=date]::-webkit-calendar-picker-indicator{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; color: transparent; }

input.input-xs{max-width: 180px;}
.insert{position: relative;}

/* 쿠폰 카테고리 팝업 - */
.wrap.coupon_cate_popup{min-width: 100%!important;}/* Wrap에 클래스 추가 + Wrap 중첩되게 들어간 부분 삭제 */
.coupon_cate_popup .bd{padding: 0 16px;}
.adm_mb_header{background-color: #90C320;}

/* send fcm */
#current_text_length, .viewByte{color:#618a0b; font-weight: 600;}


/* 버튼 */
.btn-primary, .form input.btn-enabled{background-color: #90C320;}
.btn-primary:hover, .form input.btn-enabled:hover{background-color: #618a0b;}
.form input.btn-primary:hover{background-color: #618a0b;}
.form input[type=button]{font-size: 15px;}

.btn-ghost{border-color: #90C320 !important; color: #618a0b !important;}
/* .del_btn{color: #D85151; background-color: #FFF4F4 !important; border: 1px solid #D8515130 !important;} */
.del_btn{color: #fff !important; background-color:#d95252 !important; border: none !important;}
.del_btn:hover{background-color:#c43636 !important;}

.min_btn{padding: 4px 8px; margin-top: 8px; font-size: 14px;}


/* td input[type=button], td button{width: 46%; height: 36px; padding: 0 !important; font-size: 14px;} */


/* 탭 */
.out-tab-container.st2 ul li.current a{background-color: #90C320;}

/*page_top_tabs*/
.page_top_tabs{margin-bottom: 40px; position: static; top:0;}
.page_top_tabs ul{display: flex;margin:-10px;}
.page_top_tabs ul li{width:20%;text-align: center;padding:10px;}
.page_top_tabs ul li > a{display: block; background-color: #fff;padding:14px; border-radius: 10px; border:1px solid #fff;}
.page_top_tabs ul li.on a{border-color:#90C320;color: #90C320;}

.page_top_tabs.report_tabs{margin-bottom: 20px;}
.page_top_tabs.report_tabs li{width: auto;}
.page_top_tabs.report_tabs li a{padding: 14px 50px;border-radius: 6px;}
.page_top_tabs.report_tabs li.on a{background: #90C320; color: #fff;}

.report_list .page_top_tabs { margin-bottom: 20px;}


/* 게시글상세 */
.commu_view p{margin-bottom:0;}
.out-tit-container h4 > b{color: #90C320; font-weight: 600;}
.commu_view .insert-textarea{border-top: 1px solid #eaeaea; padding-top:16px; line-height: 1.5;}

.report_btn{font-size: 13px; background-color: #d95252; color: #fff; padding: 2px 4px ; display: inline-block;}
.box-table-container .report_btn{margin-left: 8px;}

/* 모달 */
.modal ul.btn-container > li .btn{font-size: .95em;}
.modal .modal-body{margin-top: 16px;}
.modal ul.btn-container{margin-top: 24px;}
.adm_header .gnb > li{width: 12%;}
.modal-xl2{max-width: 1320px;}
.pdchoose_modal .table{max-height: 400px; overflow-y: scroll; }


/* table td */
.col-short-num2{width: 80px;}

/* 팝업 스타일 */
.popupwrap .adm_aside{width: 220px;}
.popupwrap .adm_header{left: 220px; min-width: calc(100% - 220px);}
.popupwrap .body-container{margin-left: 220px;}
.popupwrap .box-table-container2 .box-th{min-width: 140px;}



.adm_header .utill{padding-right: 66px;}

.pagination_container .page_item.active{color: #85b914;}


.h100td {height:100%; display: flex; align-items: center; }
.th_txtcenter{position: relative;}
.th_txtcenter > p{position: absolute; left: 16px; top: 50%; transform: translateY(-50%);}
.flex .table-thumb{margin-right: 4px;}
.ad_con .flex.f2 > div{border-left: none;}


.table-tit span i{font-weight: 600;}