/*
	기본 스타일
*/

.hidden { display: none; }
.w100 { width: 100%; }
.w50px { width: 50px; }
.w70px { width: 70px; }
.w80px { width: 80px; }
.w100px { width: 100px; }
.w120px { width: 120px; }
.w150px { width: 150px; }
.w200px { width: 200px; }
.w250px { width: 250px; }
.w300px { width: 300px; }
.mw1000 { width: 100%; max-width:1000px; }
.mw1100 { width: 100%; max-width:1100px; }
.mw1200 { width: 100%; max-width:1200px; }
.minw1000 { width: 100%; min-width:1000px; }
.minw1100 { width: 100%; min-width:1100px; }
.minw1200 { width: 100%; min-width:1200px; }
.blur { opacity: 0.4; }

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt50 { margin-top: 50px; }
.mt70 { margin-top: 70px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb50 { margin-bottom: 50px; }
.mb70 { margin-bottom: 70px; }

.lh10 { line-height: 1; }
.lh16 { line-height: 1.6; }

.pd5 { padding: 5px; }
.pd10 { padding: 10px; }
.pd20 { padding: 20px; }

.pos_rel { position: relative; }
.pos_abs1 { position: absolute; top:0px; left:0px; }
.pos_abs2 { position: absolute; top:10px; right:0px; }

.disp_ib { display: inline-block; }
.disp_i { display: inline; }
.disp_b { display: block; }
.vertical_t { vertical-align:top; }

.txt_ell { display:block; max-width: 2000px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.table_fix { table-layout: fixed; }

.f_s9 { font-size: 9px; }
.f_s10 { font-size: 10px; }
.f_s11 { font-size: 11px; }
.f_s12 { font-size: 12px; }
.f_s13 { font-size: 13px; }
.f_s14 { font-size: 14px; }
.f_s15 { font-size: 15px; }
.f_s16 { font-size: 16px; }
.f_s20 { font-size: 20px; }
.f_s30 { font-size: 30px; }

.f_w4 { font-weight: 400; }
.f_w5 { font-weight: 500; }
.f_w7 { font-weight: 700; }

.f_c01 { color: #FFF; }
.f_c02 { color: #CCC; }

/* 메시지 */
.msg_warning { display:inline-block; padding-left:25px; background-image: URL("/resources/img/icon/warning.png"); background-repeat: no-repeat; background-position: 5px center; }
.msg_warning2 { display:inline-block; padding-left:25px; background-image: URL("/resources/img/icon/warning2.png"); background-repeat: no-repeat; background-position: 5px center; }
.msg_question { display:inline-block; padding-right:20px; background-image: URL("/resources/img/icon/question.png"); background-repeat: no-repeat; background-position: right center; cursor: pointer; }

/* scroll */
/*
.scroll_container { overflow: hidden; transition: overflow 0.3s ease; }
.scroll_container:hover { overflow: auto; }
.scroll_container::-webkit-scrollbar { width: 6px; height: 6px; background: transparent; }
.scroll_container::-webkit-scrollbar-track { background: #e1ebfd; border-radius: 3px; }
.scroll_container::-webkit-scrollbar-thumb { background: #85a9cd; border-radius: 3px; }
.scroll_container::-webkit-scrollbar-corner { background: #DDD; }
*/
.scroll_container { overflow: auto; }
.scroll_container::-webkit-scrollbar { width: 4px; height: 4px; background: transparent; }
.scroll_container::-webkit-scrollbar-track { background: #F5F5F5; border-radius: 2px; }
.scroll_container::-webkit-scrollbar-thumb { background: #E0E0E0; border-radius: 2px; }
.scroll_container::-webkit-scrollbar-corner { background: #DDD; }
.scroll_container:hover::-webkit-scrollbar { width: 4px; height: 10px; background: transparent; }
.scroll_container:hover::-webkit-scrollbar-track { background: #e1ebfd; border-radius: 5px; }
.scroll_container:hover::-webkit-scrollbar-thumb { background: #85a9cd; border-radius: 5px; }
.scroll_container:hover::-webkit-scrollbar-corner { background: #DDD; }

/* placeholder */
input::placeholder, textarea::placeholder { color: #DDD; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #DDD; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #DDD; }
input::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #DDD; }
input::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #DDD; }

/* 분리기호 */
.si_separator_01 { display: inline-block; height: 12px; background-color: #E5E5E5; margin: 10px 10px; width: 1px; vertical-align: top; }

/* 텍스트 lineheight */
.si_lh24 { line-height: 24px; }
.si_lh32 { line-height: 32px; }

/* INPUT[checkbox] */
.si_inp_checkbox_01 { position: relative; display: inline-block; } /* height: 32px; */
.si_inp_checkbox_01 input[type=checkbox] { position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; }
.si_inp_checkbox_01 label { display: inline-block; cursor: pointer; height: 18px; line-height: 20px; margin: 7px 30px 7px 0px; }
.si_inp_checkbox_01 label.no_margin { margin-right: 0px; }
.si_inp_checkbox_01 label.no_margin_all { margin: 0px; }
.si_inp_checkbox_01 label.block { margin-right: 0px; display:block; width:100%; }
.si_inp_checkbox_01 .ico_checkbox { display: inline-block; width: 18px; height: 18px; margin-right: 5px; background-image: URL("/conrp/resources/img/icon/common.png"); background-size: 500px auto; vertical-align: top; }
.si_inp_checkbox_01 label.no_margin .ico_checkbox { margin-right: 0px; }
.si_inp_checkbox_01 label.no_margin_all .ico_checkbox { margin-right: 0px; }
.si_inp_checkbox_01 label.no_margin .ico_checkbox { margin-right: 0px; }
.si_inp_checkbox_01 label .ico_checkbox { background-position: -10px -10px; }
.si_inp_checkbox_01 label .ico_checkbox_checked { background-position: -38px -10px; }
.si_inp_checkbox_01 label .ico_checkbox_disabled { background-position: -10px -38px; }
.si_inp_checkbox_01 label .ico_checkbox_disabled_checked { background-position: -38px -38px; }

/* INPUT[radio] */
.si_inp_radio_01 { position: relative; display: inline-block; height: 32px; }
.si_inp_radio_01 input[type=radio] { position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; }
.si_inp_radio_01 label { display: inline-block; cursor: pointer; height: 18px; line-height: 20px; margin: 7px 30px 7px 0px; }
.si_inp_radio_01 label.no_margin { margin-right: 0px; }
.si_inp_radio_01 label.margin10 { margin-right: 10px; }
.si_inp_radio_01 label.block { margin-right: 0px; display:block; width:100%; }
.si_inp_radio_01 .ico_radio { display: inline-block; width: 18px; height: 18px; margin-right: 5px; background-image: URL("/conrp/resources/img/icon/common.png"); background-size: 500px auto; vertical-align: top; }
.si_inp_radio_01 label .ico_radio { background-position: -66px -10px; }
.si_inp_radio_01 label .ico_radio_checked { background-position: -94px -10px; }
.si_inp_radio_01 label .ico_radio_disabled { background-position: -66px -38px; }
.si_inp_radio_01 label .ico_radio_disabled_checked { background-position: -94px -38px; }

/* INPUT[일반] */
.si_inp_normal_01 { vertical-align: top; height: 32px; line-height: 20px; padding: 5px 10px; border: 1px solid #DDDDDD; border-radius: 2px; }
.si_inp_normal_01:hover, .si_inp_normal_01:focus { border: 1px solid #AAAAAA; }
.si_inp_normal_01_warning { border: 1px solid #FF0000 !important; }
.si_inp_normal_02 { padding:0px; border:none; }

/* TEXTAREA */
.si_text_01 { vertical-align: top; padding: 5px 10px; border: 1px solid #DDDDDD; border-radius: 2px; max-width: 100%; }
.si_text_01:hover, .si_text_01:focus { border: 1px solid #AAAAAA; }

/* SELECT */
.si_sel_01 { vertical-align: top; height: 32px; line-height: 32px; padding: 5px 10px; border: 1px solid #DDDDDD; border-radius: 2px; background: #F9F9F9; }
.si_sel_01:hover, .si_sel_01:focus { border: 1px solid #AAAAAA; }
.si_sel_02 { vertical-align: top; height: 32px; line-height: 32px; padding: 5px 10px; border: 1px solid #DDDDDD; border-radius: 2px; background: #FFF; }
.si_sel_02:hover, .si_sel_02:focus { border: 1px solid #AAAAAA; }
.si_sel_03 { vertical-align: top; padding: 3px 5px; border: 1px solid #DDDDDD; border-radius: 2px; background: #FFF; font-size:12px; }
.si_sel_04 { vertical-align: top; padding: 0px; border: 1px solid #DDDDDD; border-radius: 2px; background: #FFF; }

/* BUTTON */
.si_btn_01 { vertical-align: top; height: 32px; line-height: 32px; padding: 0px 15px; border: 1px solid #DDDDDD; border-radius: 2px; background: #F9F9F9; }
.si_btn_01:hover { border:  1px solid #AAAAAA; }
.si_btn_01_color_01 { border: 1px solid transparent !important; background-color: #125DE6 !important; color: #FFFFFF !important; } /* 파란색 */
.si_btn_01_color_01:hover { border: 1px solid transparent !important; background-color: #1446C8 !important; }
.si_btn_01_color_02 { border: 1px solid transparent !important; background-color: #FF832B !important; color: #FFFFFF !important; } /* 주황색 */
.si_btn_01_color_02:hover { border: 1px solid transparent !important; background-color: #FF6C00 !important; }
.si_btn_01_color_03 { border: 1px solid transparent !important; background-color: #24A148 !important; color: #FFFFFF !important; } /* 녹색 */
.si_btn_01_color_03:hover { border: 1px solid transparent !important; background-color: #219243 !important; color: #FFFFFF !important; }
.si_btn_01_color_04 { border: 1px solid transparent !important; background-color: #DA1E28 !important; color: #FFFFFF !important; } /* 빨간색 */
.si_btn_01_color_04:hover { border: 1px solid transparent !important; background-color: #B91A22 !important; }
.si_btn_01_color_05 { border: 1px solid transparent !important; background-color: #4B96E7 !important; color: #FFFFFF !important; } /* 하늘색 */
.si_btn_01_color_05:hover { border: 1px solid transparent !important; background-color: #1D75D6 !important; }
.si_btn_01_color_06 { border: 1px solid transparent !important; background-color: #777777 !important; color: #FFFFFF !important; } /* 회색 */
.si_btn_01_color_06:hover { border: 1px solid transparent !important; background-color: #5E5E5E !important; }
.si_btn_01_color_07 { background-color: #FFF !important; } /* 흰색 */
.si_btn_01_color_07:hover { background-color: #F9F9F9 !important; }
.si_btn_01_ico_b { background-image: URL("/conrp/resources/img/icon/h30_black.png"); background-repeat: no-repeat; background-size: 30px auto; padding-left: 32px; }
.si_btn_01_ico_w { background-image: URL("/conrp/resources/img/icon/h30_white.png"); background-repeat: no-repeat; background-size: 30px auto; padding-left: 32px; }
.si_btn_01_ico_01 { background-position: 2px 0px; }
.si_btn_01_ico_02 { background-position: 2px -30px; }
.si_btn_01_ico_03 { background-position: 2px -60px; }
.si_btn_01_ico_04 { background-position: 2px -90px; }
.si_btn_01_ico_05 { background-position: 2px -120px; }
.si_btn_01_ico_06 { background-position: 2px -150px; }
.si_btn_01_ico_07 { background-position: 2px -180px; }
.si_btn_01_ico_08 { background-position: 2px -210px; }
.si_btn_01_ico_09 { background-position: 2px -240px; }
.si_btn_01_ico_10 { background-position: 2px -270px; }
.si_btn_01_ico_11 { background-position: 2px -300px; }
.si_btn_01_ico_12 { background-position: 2px -330px; }
.si_btn_01_ico_13 { background-position: 2px -360px; }
.si_btn_01_ico_14 { background-position: 2px -390px; }
.si_btn_01_ico_15 { background-position: 2px -420px; }
.si_btn_01_ico_16 { background-position: 2px -450px; }
.si_btn_01_ico_17 { background-position: 2px -480px; }
.si_btn_01_ico_18 { background-position: 2px -510px; }
.si_btn_01_ico_19 { background-position: right -540px; padding-left: 15px; padding-right: 32px; } /* 다음 > */
.si_btn_01_ico_only { padding:0px; width:36px; }

.si_btn_02 { vertical-align: top; height: 18px; line-height: 18px; padding: 0px 5px; font-size:11px; border: 1px solid #DDDDDD; border-radius: 2px; background: #F9F9F9; }
.si_btn_03 { vertical-align: top; padding: 5px; font-size:11px; border: 1px solid #DDDDDD; border-radius: 2px; background: #F9F9F9; }

.si_btn_pd_1 { padding: 3px 5px !important; height:auto !important; line-height:1 !important; }
.si_btn_pd_2 { padding: 5px 10px !important; height:auto !important; line-height:1 !important; }

/* TABLE */
.si_table_01 { border-collapse: collapse; border-bottom: 1px solid #E5E5E5; }
/* .si_table_01 tr:not(:first-child):not(:last-child) th { border-bottom: 1px solid #F4F4F4; } */
.si_table_01 tr.view_link { cursor: pointer; }
.si_table_01 tr:not(:first-child):not(:last-child) td { border-bottom: 1px solid #F4F4F4; }
.si_table_01 tr:hover td { background-color: #E9F1FF; }
.si_table_01 tr.no_hover:hover td { background-color: #FFF; }
.si_table_01 th { position: relative; padding: 12px 15px; background: #F4F4F4; font-weight: 400; border-bottom: 1px solid #FFF; }
.si_table_01 th:not(:last-child) { border-right: 1px solid #FFF; }
.si_table_01 th.no_padding { padding: 0px; }
.si_table_01 td { padding: 12px 15px; background: #FFFFFF; }
.si_table_01 td.no_padding { padding: 0px; }
.si_table_01 tr.no_padding th { padding: 0px; }
.si_table_01 tr.no_padding td { padding: 0px; }
.si_table_01 td.small_padding { padding: 3px; }
.si_table_01 tr.small_padding th { padding: 3px; }
.si_table_01 tr.small_padding td { padding: 3px; }
.si_table_01 td.small_padding2 { padding: 5px; }
.si_table_01 tr.small_padding2 th { padding: 5px; }
.si_table_01 tr.small_padding2 td { padding: 5px; }
/*
.si_table_01 td.small_padding3 { padding: 8px 3px; }
.si_table_01 tr.small_padding3 th { padding: 8px 3px; }
.si_table_01 tr.small_padding3 td { padding: 8px 3px; }
*/
.si_table_01 .top_line { border-top: 1px solid #E5E5E5; }

.si_table_02 { border-collapse: collapse; }
.si_table_02 th { padding: 3px; border: 1px solid #E5E5E5; background: #F4F4F4; font-weight: 400; }
.si_table_02 td { padding: 3px; border: 1px solid #E5E5E5; }
.si_table_02 tr.st1 th { border: 1px solid #ffb0b0; background: #ffeeee; }
.si_table_02 tr.st1 td { border: 1px solid #ffb0b0; }
.si_table_02 tr.st2 th { border: 1px solid #93b6f7; background: #E9F1FF; }
.si_table_02 tr.st2 td { border: 1px solid #93b6f7; }

/* 정렬 */
span.order_by { position:absolute; top: 7px; right: 0px; width:20px; display: inline-block; }
span.order_by button { width: 20px; height: 14px; vertical-align: top; border: none; background-image: URL('/conrp/resources/img/icon/order_by.png'); background-repeat: no-repeat; background-color: transparent; }
span.order_by button.order_by_asc { background-position:-20px 0px; }
span.order_by button.order_by_asc:hover  { background-position:-40px 0px; }
span.order_by button.order_by_desc { background-position:-20px -14px; }
span.order_by button.order_by_desc:hover { background-position:-40px -14px; }
span.order_by button.order_by_asc_selected { background-position:0px 0px; }
span.order_by button.order_by_asc_selected:hover { background-position:-40px 0px; }
span.order_by button.order_by_desc_selected { background-position:0px -14px; }
span.order_by button.order_by_desc_selected:hover { background-position:-40px -14px; }

/* TAB MENU */
.si_tab_ul_01 { display: inline-block; margin: 0px; padding: 0px; }
.si_tab_ul_01 li { float: left; display: inline-block; list-style: none; height: 36px; line-height: 36px; margin-right: 2px; padding: 0px 30px; background: #F4F4F4; }
.si_tab_ul_01 li.on { border-left: 2px solid #125DE6; border-top: 2px solid #125DE6; border-right: 2px solid #125DE6; background: #FFFFFF; }
.si_tab_ul_01 li:not(.on):hover { background: #E9F1FF; }
.si_tab_ul_01 li a { color: #333; }

/* 포인트 컬러 */
.p_c_co01 { color: #125DE6 !important; }
.p_c_co02 { color: #FF6C00 !important; }
.p_c_co03 { color: #24A148 !important; }
.p_c_co04 { color: #DA1E28 !important; }
.p_c_co05 { color: #4B96E7 !important; }
.p_c_co06 { color: #777777 !important; }
.p_c_co07 { color: #FFFF00 !important; }
.p_c_co08 { color: #AAAAAA !important; }
.p_c_bg01  { background-color: #E9F1FF !important; }
.p_c_bg02  { background-color: #FFFF00 !important; }
.p_c_bg03  { background-color: #FFFAF4 !important; }
.p_c_bg04  { background-color: #0E48B4 !important; }
.p_c_bg05  { background-color: #F5F5F5 !important; }


/* 중앙 레이어 */
.center_box_st1 { position:fixed; top:0px; left:0px; right:0px; bottom:0px; display: flex; flex-direction: column; overflow:auto; background:#F5F5F5; }
.center_box_st1 > .inner { width: 100%; max-width: 350px; margin: auto; padding:20px; background:#FFF; }
.center_box_st1 > .inner > h1 { margin-bottom:20px; height: 60px; background-image: URL('/conrp/resources/img/logo/logo_01.svg'); background-position: center center; background-size: auto 30px; background-repeat: no-repeat; }

/* 페이징 */
div.paging_PC {}
div.paging_MOB { display:none; }
span.paging { text-align:center; vertical-align:top; display:inline-block; padding:0px 5px; margin:0px 1px; min-width:32px; height:32px; line-height:32px; font-weight:bold; font-size:12px; height:32px; border:1px solid #DDD; }
span.paging_1 { display:none; }
span.paging_2 { background:URL("/conrp/resources/img/icon/paging_p.svg") center center no-repeat; background-size:24px 24px; }
span.paging_2:hover { background-color:#EEE; }
span.paging_3 { border:1px solid #CCC; background:#DDD; color:#000; }
span.paging_4 { color:#666; }
span.paging_4:hover { background:#EEE; }
span.paging_5 { background:URL("/conrp/resources/img/icon/paging_n.svg") center center no-repeat; background-size:24px 24px; }
span.paging_5:hover { background-color:#EEE; }
span.paging_6 { display:none; }
span.paging_100 { background:URL("/conrp/resources/img/icon/paging_p.svg") center center no-repeat; background-size:24px 24px; }
span.paging_101 { padding:0px 15px; }
span.paging_102 { background:URL("/conrp/resources/img/icon/paging_n.svg") center center no-repeat; background-size:24px 24px; }

/* 작성 페이지 폼 */
.lst_form_wrap { padding: 0px 25px; border-bottom: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; }
.lst_form_wrap:first-of-type { border-top: 1px solid #eee; }
.lst_form_wrap .lst_form { margin: 0px; padding: 5px 0px; }
.lst_form_wrap .lst_form .form_group { /*overflow: hidden;*/ clear: both; margin: 8px 0px; }
.lst_form_wrap .lst_form .form_title { float: left; position: relative; width: 120px; padding: 0px; vertical-align: top; font-weight: 500; line-height: 32px; }
.lst_form_wrap .lst_form .form_title .required { display: inline-block; overflow: hidden; width: 6px; height: 6px; line-height: 100px; margin: 9px 0px 0px 6px; background-image: URL('/conrp/resources/img/icon/required.png'); background-repeat: no-repeat; vertical-align: top; }
.lst_form_wrap .lst_form .form_title .separator { position:absolute; top: 0px; right: -30px; display: inline-block; height: 12px; background-color: #E5E5E5; margin: 10px 10px; width: 1px; vertical-align: top; }
.lst_form_wrap .lst_form .form_input { margin-left: 160px; vertical-align: top; padding: 0px; min-height: 32px; }
.lst_form_wrap .lst_form .form_input p { margin: 0px; }

/* 달력 노출 영역 */
.calendar_dp_wrap_1 { float: left; vertical-align: top; position: relative; }

/* 뷰 페이지 */
.view_wrap { padding: 0px 25px; border-bottom: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; }
.view_wrap:first-of-type { border-top: 1px solid #eee; }
.view_wrap .view_group { margin: 0px; padding: 5px 0px; }
.view_wrap .view_group .view_item { /*overflow: hidden;*/ clear: both; margin: 8px 0px; }
.view_wrap .view_group .view_title { float: left; position: relative; width: 120px; padding: 0px; vertical-align: top; font-weight: 500; line-height: 32px; }
.view_wrap .view_group .view_title .separator { position:absolute; top: 0px; right: -30px; display: inline-block; height: 12px; background-color: #E5E5E5; margin: 10px 10px; width: 1px; vertical-align: top; }
.view_wrap .view_group .view_value { margin-left: 160px; vertical-align: top; padding: 0px; min-height: 32px; line-height: 32px; }
.view_wrap .view_group .view_value p { margin: 0px; }

/* 헤딩 */
h3.st_01 { font-size: 15px; font-weight: 500; color: #222; }

/* 기타 */
.box_style_01 { border:1px solid #F5F5F5; background:#F9F9F9; padding:10px; line-height:1.6; }
.box_style_02 { border:1px solid #F5F5F5; background:#F9F9F9; padding:15px 20px; line-height:1.6; }
.box_style_03 { display: flex; justify-content: space-between; }
.box_style_03-01 { flex: 1; border: 1px solid #EEE; background-color: #FFF; padding: 25px; margin-right: 10px; margin-left: 10px; min-width: 0; }
.box_style_03-01:first-child { margin-left: 0px; }
.box_style_03-01:last-child { margin-right: 0px; }
.box_style_04 { float:left; border: 1px solid #EEE; background-color: #FFF; padding: 25px; margin-right: 10px; margin-bottom: 10px; }

.cursor_right_click { cursor: url('/conrp/resources/img/cursor/right_click.png'), pointer; }
/*
.point_color_co01 { color: #000000 !important; }
.point_color_bg01  { background-color: #000000 !important; }
*/

.badge_st1 { position: relative; display: inline-flex; align-items: center; justify-content: center; height: 16px; line-height: 1; margin:0px 5px 0px 10px; padding: 0 5px; border: 1px solid #c1c1c1; border-radius: 2px; font-size: 11px; font-weight: 700; background: #fff; white-space: nowrap; flex-shrink: 0; }
.badge_st1::before { content: ""; position: absolute; left: -4px; top: 50%; transform: translateY(-50%); border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-right: 4px solid #fff; z-index: 1; }
.badge_st1::after { content: ""; position: absolute; left: -5px; top: 50%; transform: translateY(-50%); border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 5px solid #c1c1c1; z-index: 0; }

.badge_new_st1 { display: inline-block; font-size: 11px; font-weight: 700; color: transparent; background: linear-gradient(to right, #FFFF00, #FF6C00, #DA1E28, #FF6C00, #FFFF00); background-size: 200% auto; background-clip: text; animation: badge_new_st1_ani 2s linear infinite; margin: 0px 5px 0px 10px; -webkit-text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
@keyframes badge_new_st1_ani { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }