@charset "utf-8";


/* 버튼 */
.btn_wrap{display:flex;padding:0;margin:40px 0 0 0;justify-content:space-between;align-items:center;gap:10px;}
.btn_wrap.right{justify-content:flex-end;}
.btn_wrap.left{justify-content:flex-start;}
.btn_wrap.center{justify-content:center;}

.btn{display:inline-block;padding:0;color:#333;border-radius:5px !important;transition:all 0.2s ease-in-out;}
.btn.btn_text{padding:0 18px;}
.btn.round{border-radius:100%;}
.btn.only_icon{padding:0;}

.btn_30{height:30px;font-size:14px;font-weight:500;}
.btn_36{height:36px;font-size:16px;font-weight:500;}
.btn_46{min-width:85px;height:46px;font-size:18px;font-weight:500;}

.btn:hover{box-shadow:0 0 5px rgba(0,0,0,0.3);transition:all 0.2s ease-in-out;}

.btn.orange_border{background:#fff !important;border:1px solid #fd6e18 !important;color:#fd6e18 !important;}
.btn.red_border{background:#fff !important;border:1px solid #e40000 !important;color:#e40000 !important;}
.btn.blue_border{background:#fff !important;border:1px solid #163db1 !important;color:#163db1 !important;}
.btn.gray_border{background:#fff !important;border:1px solid #d5d5d5 !important;color:#666 !important;}
.btn.subgray_border{background:#fff !important;border:1px solid #666 !important;color:#666 !important;}

.btn.light_orange_fill{background:#fdeade;color:#fd6e18;}
.btn.blue_fill{background:#163db1 !important;color:#fff !important;}
.btn.gray_fill{background:#adadb5 !important;color:#fff !important;}
.btn.red_fill{background:#e40000 !important;color:#fff !important;}

.btn.excel_download{background:#fff url(/kofair_case_seed/adm/images/component/icon_excel_down.png) no-repeat 16px 10px !important;padding:0 18px 0 40px !important;border:1px solid #009541;color:#009541 !important;}
.btn.excel_upload{background:#fff url(/kofair_case_seed/adm/images/component/icon_excel_get.png) no-repeat 16px 10px !important;padding:0 18px 0 40px !important;border:1px solid #009541;color:#009541 !important;}

/* input */
input[type="text"],input[type="search"],input[type="password"]{height:36px;font-size:14px;border:1px solid #d5d5d5 !important;border-radius:5px !important;box-shadow:none !important;}
textarea{font-size:14px;border:1px solid #d5d5d5 !important;border-radius:5px !important;box-shadow:none !important;}
select{min-width:65px;height:36px;padding:4px 35px 4px 10px;border:1px solid #d5d5d5 !important;border-radius:5px !important;box-shadow:none !important;background:#fff url(/kofair_case_seed/adm/images/component/icon_select.png) no-repeat calc(100% - 10px) 51% !important;}
.wrap label,.wrap .checkbox + label{font-size:16px;font-weight:400;margin:0}
.wrap label [type="checkbox"],.wrap label [type="radio"]{margin:0 4px 0 0;}


/* 아이콘 */
.icon{display:inline-block;}


/* 텍스트 */
.fw_light{font-weight:300 !important;}
.fw_regular{font-weight:400 !important;}
.fw_medium{font-weight:500 !important;}
.fw_bold{font-weight:700 !important;}
.fw_extrabold{font-weight:800 !important;}

.color_333{color:#333 !important;}
.color_666{color:#666 !important;}
.color_orange{color:#fa6718 !important;}
.color_blue{color:#163db1 !important;}

.reqArea{position:relative;}
.reqArea::after{position:absolute;content:"*";font-weight:500;left:-12px;top:3px;color:#e40000;}

.cf_text{font-size:14px;color:#666;}

/* 노출/숨김 */
.show{display:block !important;}
.hide{display:none !important;}

/* 팝업 */
.popup_sub_tit{font-size:20px;text-align:center;}
.popup_wrap .col-table.data-table{border-top:2px solid #222;}
.popup_wrap .col-table.data-table th,.popup_wrap .col-table.data-table td{height:40px;font-size:15px;}
.popup_wrap .col-table.data-table input,.popup_wrap .col-table.data-table button{height:30px;vertical-align:middle;}
.popup_wrap .col-table.data-table button{margin:0 0 0 10px;}

/* 간격 */
.p0 {padding: 0px!important;}
.p5 {padding: 5px!important;}

.pt5 {padding-top: 5px!important;}
.pt10 {padding-top: 10px!important;}
.pt15 {padding-top: 15px!important;}
.pt20 {padding-top: 20px!important;}
.pt25 {padding-top: 25px!important;}
.pt30 {padding-top: 30px!important;}
.pt35 {padding-top: 35px!important;}
.pt40 {padding-top: 40px!important;}
.pt45 {padding-top: 45px!important;}
.pt50 {padding-top: 50px!important;}

.pr0 {padding-right: 0px!important;}
.pr20 {padding-right: 20px!important;}

.pb5 {padding-bottom: 5px!important;}
.pb10 {padding-bottom: 10px!important;}
.pb15 {padding-bottom: 15px!important;}
.pb20 {padding-bottom: 20px!important;}
.pb25 {padding-bottom: 25px!important;}
.pb30 {padding-bottom: 30px!important;}
.pb35 {padding-bottom: 35px!important;}
.pb40 {padding-bottom: 40px!important;}
.pb45 {padding-bottom: 45px!important;}
.pb50 {padding-bottom: 50px!important;}

.pl0 {padding-left: 0px!important;}
.pl15 {padding-left: 15px!important;}
.pl20 {padding-left: 20px!important;}

.m20 {margin: 20px!important;}

.mt-1 {margin-top: -1px!important;}
.mt0 {margin-top: 0px!important;}
.mt5 {margin-top: 5px!important;}
.mt10 {margin-top: 10px!important;}
.mt15 {margin-top: 15px!important;}
.mt20 {margin-top: 20px!important;}
.mt25 {margin-top: 25px!important;}
.mt30 {margin-top: 30px!important;}
.mt35 {margin-top: 35px!important;}
.mt40 {margin-top: 40px!important;}
.mt45 {margin-top: 45px!important;}
.mt50 {margin-top: 50px!important;}
.mt60 {margin-top: 60px!important;}
.mt70 {margin-top: 70px!important;}
.mt80 {margin-top: 80px!important;}
.mt90 {margin-top: 90px!important;}
.mt100 {margin-top: 100px!important;}

.mr0 {margin-right: 0px!important;}
.mr3 {margin-right: 3px!important;}
.mr5 {margin-right: 5px!important;}
.mr10 {margin-right: 10px!important;}
.mr15 {margin-right: 15px!important;}
.mr20 {margin-right: 20px!important;}
.mr25 {margin-right: 25px!important;}
.mr30 {margin-right: 30px!important;}
.mr35 {margin-right: 35px!important;}
.mr40 {margin-right: 40px!important;}
.mr45 {margin-right: 45px!important;}
.mr50 {margin-right: 50px!important;}
.mr60 {margin-right: 60px!important;}
.mr70 {margin-right: 70px!important;}
.mr80 {margin-right: 80px!important;}
.mr90 {margin-right: 90px!important;}
.mr100 {margin-right: 100px!important;}

.mb-4 {margin-bottom: -4px!important;}
.mb0 {margin-bottom: 0px!important;}
.mb1 {margin-bottom: 1px!important;}
.mb5 {margin-bottom: 5px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb15 {margin-bottom: 15px!important;}
.mb18 {margin-bottom: 18px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb25 {margin-bottom: 25px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb35 {margin-bottom: 35px!important;}
.mb40 {margin-bottom: 40px!important;}
.mb45 {margin-bottom: 45px!important;}
.mb50 {margin-bottom: 50px!important;}
.mb60 {margin-bottom: 60px!important;}
.mb70 {margin-bottom: 70px!important;}
.mb80 {margin-bottom: 80px!important;}
.mb90 {margin-bottom: 90px!important;}
.mb100 {margin-bottom: 100px!important;}

.ml0 {margin-left: 0px!important;}
.ml5 {margin-left: 5px!important;}
.ml10 {margin-left: 10px!important;}
.ml15 {margin-left: 15px!important;}
.ml20 {margin-left: 20px!important;}
.ml25 {margin-left: 25px!important;}
.ml30 {margin-left: 30px!important;}
.ml35 {margin-left: 35px!important;}
.ml40 {margin-left: 40px!important;}
.ml45 {margin-left: 45px!important;}
.ml50 {margin-left: 50px!important;}
.ml60 {margin-left: 60px!important;}
.ml70 {margin-left: 70px!important;}
.ml80 {margin-left: 80px!important;}
.ml90 {margin-left: 90px!important;}
.ml100 {margin-left: 100px!important;}

/* 너비, 높이 */
.w100per {width: 100% !important;}
.w99per {width: 99%;}
.w95per {width: 95%;}
.w90per {width: 90%;}
.w85per {width: 85%;}
.w80per {width: 80%;}
.w75per {width: 75%;}
.w70per {width: 70%;}
.w65per {width: 65%;}
.w60per {width: 60%;}
.w50per {width: 50%;}
.w55per {width: 55%;}
.w45per {width: 45%;}
.w40per {width: 40%;}
.w35per {width: 35%;}
.w33per {width: 33.3333333%;}
.w30per {width: 30%;}
.w25per {width: 25%;}
.w20per {width: 20%;}
.w19per {width: 19%;}
.w18per {width: 18%;}
.w17per {width: 17%;}
.w16per {width: 16%;}
.w15per {width: 15%;}
.w14per {width: 14%;}
.w13per {width: 13%;}
.w12per {width: 12%;}
.w11per {width: 11%;}
.w10per {width: 10%;}
.w9per {width: 9%;}
.w8per {width: 8%;}
.w7per {width: 7%;}
.w6per {width: 6%;}
.w5per {width: 5%;}
.w4per {width: 4%;}
.w3per {width: 3%;}
.w2per {width: 2%;}
.w1per {width: 1%;}

.w5 {width: 5px;}
.w10 {width: 10px;}
.w15 {width: 15px;}
.w20 {width: 20px;}
.w25 {width: 25px;}
.w30 {width: 30px;}
.w35 {width: 35px;}
.w40 {width: 40px;}
.w45 {width: 45px;}
.w50 {width: 50px;}
.w55 {width: 55px;}
.w60 {width: 60px;}
.w70 {width: 70px;}
.w80 {width: 80px;}
.w90 {width: 90px;}
.w100 {width: 100px;}
.w110 {width: 110px;}
.w120 {width: 120px;}
.w130 {width: 130px;}
.w140 {width: 140px;}
.w150 {width: 150px;}
.w160 {width: 160px;}
.w170 {width: 170px;}
.w180 {width: 180px;}
.w190 {width: 190px;}
.w200 {width: 200px;}
.w250 {width: 250px;}
.w300 {width: 300px;}
.w325 {width: 325px;}
.w350 {width: 350px;}
.w400 {width: 400px;}
.w500 {width: 500px;}

.mw100 {min-width: 100px;}

.h100 {height: 100px;}
.h100per {height: 100%;}