260 lines
9.1 KiB
CSS
260 lines
9.1 KiB
CSS
@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%;}
|