/*white-space*/
._shorten { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
._shorten_s { -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical; }

/*input type number reset*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* input box color */
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset; -webkit-text-fill-color: #000; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }

/*align*/
.float:after { content: ""; display: block; clear: both; }
.left { float: left; }
.right { float: right; }

/*popup open body*/
.scollStop { position: fixed; overflow: hidden; }

/*file btn cusor*/
::-webkit-file-upload-button { cursor:pointer; }
._chartCircle * { transition: initial; }


._check { position: relative; height: 20px; width: 20px; display: inline-block; }
._check input { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
._check label { padding-left:30px; line-height: 20px; display: inline-block; position: relative; }
._check.label { width: initial; display: block; }
._check input + label:after,
._check input + span:after { content: ""; display: block; width: 20px; height: 20px; background-color: var(--line_03); border-radius:30px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-size: 50%; transition: 0.1s all; }
._check input.checkbox + span:after,
._check input.checkbox + label:after { background-image: url(../../img/common/check_w.png); }
._check input.checkbox:checked + span:after,
._check input.checkbox:checked + label:after { background-color: var(--colmain); }
._check input + span { font-size: 0; width: 20px; height: 20px; display: inline-block; }
._check input.radiobox + span:before,
._check input.radiobox + label:before { content: ""; display: block; width: 10px; height: 10px; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); background-color: var(--line_03); border-radius: 8px; }
._check input.radiobox + span:after,
._check input.radiobox + label:after { border:3px solid var(--line_03); box-sizing: border-box; background-color: transparent; }
._check input.radiobox:checked + span:after,
._check input.radiobox:checked + label:after { border:3px solid var(--colmain); }
._check input.radiobox:checked + span:before,
._check input.radiobox:checked + label:before { background-color: var(--colmain); }

/*button*/
button.colB { background-color: var(--colmain); color: var(--colW); }
button.colY { background-color: var(--colmainY); }
button.colBl { background-color: var(--colBl); color: var(--colW); }
button.colB-B { border:1px solid var(--colmain); color: var(--colmain); background-color: #fff; }
button.colW-G { background-color: var(--colW); border:1px solid var(--line_03) }
button.colW-Bl { background-color: var(--colW); border:1px solid var(--colBl) }
button.colDgr { background-color: var(--colDgr); border:1px solid var(--colDgr); color: #fff; }

button.colW-B { background-color:#fff; color: var(--colmain); border:1px solid var(--colmain) }
button.colLG { background-color: var(--bg_01); }
button.colLg-G { background-color: var(--bg_02); border: 1px solid var(--line_03); }
button.colG-G { background-color: var(--bg_01); color: 1px solid var(--line_02); }
button.si-M { height:42px; font-size: 16px; }
button.si-L { height:52px; font-size: 20px; }
button.si-XL { height:64px; font-size: 20px; }
button:disabled { background-color: var(--bg_03); color: var(--txt_03); }
button.phone { background-image: url(../../img/common/phone_icon_w.png); background-color: #000; color: #fff; }
button.phone { background-position:16px; background-size: 10px; padding-left: 10px; }
button.kakao { background-color: var(--kakao); }
button.kakaoCh { padding: 0 18px; height: 42px; background-size: 24px; background-position: calc(100% - 18px) center; padding-right: 42px; background-color: var(--kakao); background-image: url(../../img/logo/kakao_channel.png); }
button.kakaoCh span { font-weight: 600; }
._bottomBtn { width: 720px; margin: 0 auto;; display: flex; justify-content: center; border-top: 1px solid var(--line_02); padding-top: 30px; margin-top: 30px; }
._bottomBtn button { width: 140px; height: 48px; font-size: 18px; font-weight: 600; margin: 0 5px; }


/*tab*/
._tab { display: flex; }
._tab li { position: relative; cursor: pointer; }
._tab li input { position: absolute; left: 0; top: 0; width: 100%; opacity: 0; height: 100%; cursor: pointer; }
._tab li input:checked + div { font-weight: 600; color: var(--colBl); }
._tab li:after { content: ""; display: block; width: 1px; height: 16px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-color: var(--line_03); }
._tab li > div { font-size: 18px; padding: 0 26px; color: var(--txt_02); cursor: pointer; line-height:56px; }
._tab li:first-child > div { padding-left: 0; }
._tab li:last-child:after { display: none; }
._tab li.on div { font-weight: 600; color: var(--colBl); }
._tabBg { display: flex; }
._tabBg li { position: relative; }
._tabBg li > div { font-size: 16px; line-height: 32px; border-radius: 32px; padding: 0 16px; cursor: pointer; }
._tabBg li.on > div { background-color: var(--colmainY); font-weight: 600; }
._tabBg._arrow li input { position: absolute; left: 0; top: 0; width: 100%; opacity: 0; height: 100%; cursor: pointer; }
._tabBg._arrow li input:checked + div { background-color: var(--colmain); color: #fff; position: relative; }
._tabBg._arrow li > div { background-color: var(--line_04); line-height: 36px; font-weight: 500; }
._tabBg._arrow li input:checked + div:after { width: 0; height: 0; border-bottom: 6px solid transparent; border-top:6px solid var(--colmain); border-left:6px solid transparent; border-right: 6px solid transparent; display: block; content: ""; position: absolute; bottom:-10px; left: 50%; transform: translateX(-50%); }
._tabBg li { margin-right: 5px; width: 90px; text-align: center; }

._tabLine { width: 100%; display: flex; }
._tabLine li { text-align: center; flex-grow: 1; position: relative; cursor: pointer; }
._tabLine li input { position: absolute; left: 0; top: 0; width: 100%; opacity: 0; height: 100%; cursor: pointer; }
._tabLine li input:checked + div { border-bottom: 3px solid var(--colmain); }
._tabLine li div { border-bottom: 3px solid var(--bg_01); height: 52px; line-height: 52px; font-size: 14px; font-weight: 500; }


/*empty*/
._empty { text-align: center; font-size: 16px; font-weight: 500; height: 500px; width: 100%; background-color: var(--bg_03); display: flex; align-items: center; color: var(--txt_02); justify-content: center; }

/*_addrAdd*/
._addrAdd { background-color: var(--colW); display: inline-block; border-radius: 50px; line-height: 26px; border: 1px solid var(--line_03); position: relative; }
._addrAdd ._XdelBtn { position: absolute; right: 4px; top: 4px; width: 25px; }
._addrAdd div { padding: 4px; border-radius: 50px; padding-right: 40px; font-size: 13px; padding-left: 15px; line-height: 25px; transition: all 0.3s; }
._addrAdd div ._shorten { max-width: 200px; display: inline-block; }
._addrAdd ._XdelBtn:hover + div { background-color: var(--line_p); }
._XdelBtn { width: 25px; height: 25px; background-image: url(../../img/common/icon_x_g.png); font-size: 0; background-size: 9px; }



/*달력*/
._calendar.pop { width: initial; }
._calendar { display: inline-block; width: 100%; position: relative; }
._calendar .calendarWrap { align-items: center; display: flex; border: 1px solid var(--line_02); }
._calendar .box { background-image: url(../../img/common/icon_calendar.png); background-size:16PX; background-position:calc(100% - 20px); width: 160px; }
._calendar .calendarWrap > span { display: inline-block; line-height: 42px; font-weight: 600; }
._calendar .box input { border: 0; width:100%; background-color: transparent; }
.ui-datepicker-inline { border: 0; box-shadow: none; background-color: #fff; }
.ui-monthpicker { width: 240px; }


/*input select search*/
input:disabled { background-color: var(--bg_03); opacity: 1; color: #000; }
input { border-radius: 0; height: 42px; border:1px solid var(--line_03); padding: 0 20px; font-weight: 500; }
input::placeholder { color: var(--txt_03); }
select { background-color: #fff; font-weight: 500; height: 42px; border:1px solid var(--line_03); padding: 0 20px; padding-right: 50px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../../img/arrow/arrow_down_bf.png); background-position: calc(100% - 20px); background-size: 14px; }
select:required:invalid { color:var(--txt_03); }
select option { color: #000; }
textarea::placeholder { color: var(--txt_03); }
textarea { border:1px solid var(--line_03); width: 100%; resize: none; font-size: 14px; line-height: 24px; height: 240px; padding: 20px; }
select:disabled { background-color: var(--bg_02); }
/*search box*/
._search:after { content: ""; display: block; clear: both; }
._search { width: 480px; border:1px solid var(--line_03); display: flex; justify-content: space-between; flex-wrap: wrap; }
._search input { border:0; width: calc(100% - 42px); }
._search button { background-image: url(../../img/common/icon_search_g.png); font-size: 0; background-size: 16px;; width: 42px; height:42px; }

/*search Wrap*/
._searchWrap { display: flex; justify-content: space-between; align-items: center; position: relative; }
._searchWrap button { min-width: 80px; height:42px;; margin-left: 10px; padding: 0 10px; }
._searchWrap select { width:200px; }
._searchWrap ._calendar { display: flex; }
._searchWrap .calendarWrap { margin-left: 10px; }



/*tit*/
._tit { display: inline-block; }
._tit span { font-size: 18px; font-weight:600; }
._lineTit { font-size: 22px; font-weight: 700; padding-left: 18px; line-height: 22px; position: relative; }
._lineTit:after { content: ""; display: block; width: 5px; height: 22px; background-color: var(--colBl); position: absolute; left:0; top: 50%; transform: translateY(-50%); }

/*textSearch*/
._textSearch { display: flex; justify-content: center; }
._textSearch select { font-size: 18px; height: 52px; min-width: 140px; margin-right: 10px; }
._textSearch .searchInput { border:1px solid var(--line_03); }
._textSearch .searchInput input { border:0; height: 52px; width: 360px; font-size: 18px; }
._textSearch .searchInput button { width: 52px; font-size: 0; background-image: url(../../img/common/icon_search_g.png); background-size: 18px; height: 52px; }

/*Pagination*/
._Pagination { margin-top: 40px; width: 100%; justify-content: center; display: flex; text-align: center; }
._Pagination button { border-bottom: 1px solid #fff; transition: 0.2s all; color:#b2b2b2; padding: 5px; margin: 0 5px; font-weight: 500; }
._Pagination button:disabled { cursor:auto; background-color: transparent; color:var(--txt_03); }
._Pagination button.on { color: #000; font-weight: 600; }
._Pagination button.first,
._Pagination button.prev,
._Pagination button.next,
._Pagination button.last { color: #000; }
._Pagination button.first:disabled,
._Pagination button.prev:disabled,
._Pagination button.next:disabled,
._Pagination button.last:disabled { color:var(--txt_03); border-bottom:0; }
._Pagination button:hover { border-bottom: 1px solid #000; }


/*dotTxtList*/
._dotList span { position: relative; display: block; }
._dotList span:after { content: ""; display: block; width: 5px; position: absolute; height: 5px; background-color: #000; border-radius: 5px; left: 0px; top: 50%; transform: translateY(-50%); }
._dotList span { display: block; }
._dotList span.red { color: red; }
._dotList span.red:after { background-color: red; }
/*page Depth*/
._depthArea { display: flex; }
._depthArea a { font-size: 14px;; line-height:14px; display: inline-block; padding-right: 15px; background-image: url(../../img/arrow/arrow_right_79.png); background-size: 5px; background-position: right; padding-left: 10px; cursor: pointer; color: var(--txt_02); }
._depthArea a:last-child { padding-right: 0; font-weight: 600; background-image: none; color: var(--colBl); }



/*파일첨부*/
._fileBtn { position: relative; display: flex; width: 100%; }
._fileBtn input { opacity: 0; position: absolute; left: 0; top: 0; cursor: pointer; height: 100%; padding: 0; z-index: 1; width: 100%; border:0 }
._fileBtn div.btn { border:1px solid var(--line_02); background-color: #fff; width: 100%; text-align: center; line-height: 40px; cursor: pointer; height:40px; font-weight: 500; }
._fileBtn div.fileName { border:1px solid var(--line_02); line-height: 40px; padding-left: 20px; color: var(--txt_03); font-weight: 500; border-right: 0; width: calc(100% - 100px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/*체크 버튼 default*/
._checkBtn { position: relative; }
._checkBtn input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; }

/*타이틀/텍스트*/
._colTxt:after { content: ""; display: block; clear: both; }
._colTxt .tit { color: var(--txt_01); width: 120px; font-weight: 500; line-height: 20px; }
._colTxt .txt { width: calc(100% - 120px); line-height: 24px; font-weight: 600; }
._colTxt .txt:after { content: ""; display: block; clear: both; }
._colTxt .txt span { font-weight: 600; float: left; position: relative; display: inline-block; line-height: 20px; }
._colTxt .txt span:last-child { margin-left: 10px; padding-left: 10px; }
._colTxt .txt span:last-child:after { content: ""; display: block; position: absolute; width: 1px; height: 14px; background-color: var(--line_03); left: 0; top: 50%; transform: translateY(-50%); }
._colTxt > div { float: left; }
._rowTxt .tit { font-weight: 600; line-height: 16px; font-size: 16px;; }
._rowTxt .txt { margin-top: 10px; }
._rowTxt .txt:after { content: ""; display: block; clear: both; }
._rowTxt .txt span { font-size: 14px; color: var(--txt_02); line-height: 14px; font-weight: 600; float: left; position: relative; }
._rowTxt .txt span { margin-left: 10px; padding-left: 10px; }
._rowTxt .txt span:after { content: ""; display: block; position: absolute; width: 1px; height: 14px; background-color: var(--line_03); left: 0; top: 50%; transform: translateY(-50%); }
._rowTxt .txt span:first-child:after { display: none; }
._rowTxt .txt span:first-child { margin:0; padding: 0; }



/*기본 table*/
._table { width: 100%;; border:1px solid var(--line_03);; }
._table th { text-align: center; background-color: var(--bg_03); font-weight: 600; }
._table th,._table td { padding:10px 20px; border:1px solid var(--line_03); height: 42px;; font-size: 16px;; vertical-align: middle; }
._table td { color: var(--txt_01); font-weight: 500; }
._table ._tableEmpty div { font-size: 16px; color: var(--txt_02); height: 500px; display: flex; justify-content: center; align-items: center; }


.txtC { text-align: center; }
.txtL { text-align: left; }
.txtR { text-align: right; }





/*라인 타이틀 */
._secTit { border-top: 1.5px solid var(--colBl); line-height: 60px; border-bottom: 1px solid var(--line_02); font-size: 20px; font-weight: 700; padding-left: 10px; }




._actTab li { position: relative; }
._actTab input { opacity: 0; cursor: pointer; height: 100%; border: 0; padding: 0 0; width: 100%; left: 0; top: 0; position: absolute; }

/*총결제금액*/
._payTotal { display: flex; justify-content: space-between; border-top: 3px solid var(--colBl); background-color: var(--bg_03); height: 100px; position: relative; }
._payTotal .productTotal div { float: left; line-height: 34px; font-size: 20px; }
._payTotal .productTotal div.tit { color: var(--txt_01); }
._payTotal .productTotal { padding: 34px 0 34px 36px; }
._payTotal .productTotal .txt { font-weight: 700; padding-left: 16px; }
._payTotal button { padding: 0 50px; font-size: 20px; font-weight: 600; }

/*step arrow*/
._step { display: flex; padding:36px 0 30px; justify-content: center; border-bottom: 1px solid var(--line_02); }
._step span { background-image: url(../../img/arrow/arrow_right_bf.png); background-size: 6px; padding-right:70px; background-position: calc(100% - 32px); font-size: 18px; color: var(--txt_02); font-weight: 500; }
._step span.on { color: #000; font-weight:600; }
._step span:last-child { background-color: none; padding-right: 0; }



/*list Table*/
._tablList { min-height: 640px; }
._tablList ul { display: table; width: 100%; }
._tablList ul li { display: table-row; text-align: center; }
._tablList ul li.head div { font-weight: 700; }
._tablList ul li div { display: table-cell; font-weight: 600; vertical-align: middle; height: 70px; border-bottom: 1px solid var(--line_02); }
._tablList ul li.colR div { color: #ff8e8e; }
._tablList ul li.colB div { color: #6f9cfd; }


._msgType { color: #Fff; }
._msgType.sms { background-color:var(--colG); }
._msgType.lms { background-color:var(--colY); }
._msgType.mms { background-color:var(--colMin); }
._msgType.alt { background-color:var(--kakao);
    font-size: 14px;
    color:#000;
    /* background-size: 24px;
    background-position: calc(100% - 18px) center;
    background-image: url(../../img/logo/kakao_channel.png); */
}
._msgType.frt { background-color:var(--kakao);
    font-size: 14px;
    color:#000;
}
._msgType.fri { background-color:var(--kakao);
    font-size: 14px;
    color:#000;
}

/*._help */
._help { cursor: pointer; position: relative; }
._help .btnWrap span { float: left; line-height: 18px; }
._help .btnWrap .btn { background-color: #000; color: #fff; border-radius: 40px; width: 18px; height: 18px; display: inline-block; margin-left: 10px; text-align: center; font-size: 12px; cursor: pointer; font-weight: 700; }



/*_upload*/
._upload:after { content: ""; display: block; clear: both; }
._upload .dz-error-mark { display: none; }
._upload .dz-success-mark { display: none; }
._upload .dz-error-message { display: none; }
._upload .dz-size { display: none; }
._upload input { display: none; }

/*typeFile*/
._upload.typeFile .dz-image { display: none; }
._upload.typeFile .dz-default.dz-message { text-align: center; line-height:190px; }
._upload.typeFile .dz-default.dz-message button { color: var(--txt_03); font-size: 16px; }
._upload.typeFile .dz-default.dz-message { width: 100%; font-size: 0; display: block; }
._upload.typeFile .dropzone.dz-clickable { background-color:#fff; width: 100%; height: 190px; cursor: pointer; position: relative; border:1px solid var(--line_03) }
._upload.typeFile .dropzone.dz-clickable:hover { background-color: var(--line_p); }
._upload.typeFile .dropzone.dz-started .dz-message { display: none; }
._upload.typeFile .dz-filename span { background-color: var(--bg_01); padding: 0 15px; font-weight: 600; max-width: 200px; line-height: 32px; border-radius: 40px; padding-right: 44px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
._upload.typeFile .dz-details { float: left; }
._upload.typeFile .dz-remove { font-size: 0; background-image: url(../../img/common/icon_x_bl.png); width: 25px; height: 25px; line-height: 32px; border-radius: 25px; display: inline-block; background-size: 9px; position: absolute; right: 6px; top: 3px; transition:all 0.2s; }
._upload.typeFile .dz-preview { position: absolute; left: 50%; transform: translate(-50%,-50%); top: 50%; }

/*typeImg*/
._upload.typeImg .dz-default.dz-message { text-align: center; padding-top:90px; }
._upload.typeImg .dz-default.dz-message button { color: var(--txt_01); font-size: 13px; }
._upload.typeImg .dz-default.dz-message { background-image: url(../../img/common/default_img.png); background-color: var(--bg_03); width: 100%; background-size: 46px; height: 150px; font-size: 0; display: block; background-position: center 28%; }
._upload.typeImg .dropzone.dz-clickable { background-color: var(--p_bg); width: 100%; border:1px dashed var(--p_bg); height: 140px; cursor: pointer; position: relative; transition: all 0.5s; }
._upload.typeImg .dropzone.dz-clickable:hover { background-color: var(--bg_02); }
._upload.typeImg .dz-preview { float: left; margin-right: 20px; }
._upload.typeImg .dz-preview:last-child { margin-right: 0 }
.dz-filename span { display: none; }
.dz-image { margin-top: 20px; width:72px; height: 72px; overflow: hidden; }
.dz-image img { width: 100%; border:1px solid var(--line_02); }
._upload.typeImg .dz-remove { font-size: 0; background-image: url(../../img/common/icon_x_w.png); background-color: #000; width: 25px; height: 25px; line-height: 32px; border-radius: 25px; display: inline-block; background-size: 9px; transform: translate(56px,-84px); }
._upload.typeImg .dropzone.dz-drag-hover { transition: all 0.3s; }

/*수정삭제 아이콘*/
._set { display: flex; width:70px; justify-content: space-between; flex-wrap: wrap; }
._set div.edit span { background-image: url(../../img/common/edit_icon.png); }
._set div.del span { background-image: url(../../img/common/delet_icon.png); }
._set div.copy span { background-image: url(../../img/common/icon-copy.png); }
._set div.move span { background-image: url(../../img/common/icon-move.png); }
._set div span:hover { background-color: var(--bg_03); }
._set div { width: 30px; height: 30px;; }
._set div span { font-size: 0; display: inline-block; width: 100%; height: 100%; background-size: 14px; cursor: pointer; border-radius: 30px; border:1px solid var(--line_03); }



/*입력*/
._inputList { margin: 0 auto;; }
._inputList li { margin-bottom: 30px; display: flex; flex-wrap: wrap; position: relative; }
._inputList li:last-child { margin-bottom: 0; }
._inputList li ._tit { line-height: 42px; width: 160px; justify-content: space-between; }
._inputList li ._tit span { font-size: 16px; }
._inputList li ._tit.dotR span { position: relative; padding-right:10px; }
._inputList li ._tit.dotR span:after { content: ""; display: block; width: 4px; height: 4px; background-color: red; border-radius: 4px; right: 0; position: absolute; top: 50%; transform: translateY(-50%); }
._inputList li .box { width: calc(100% - 160px); display: flex; flex-wrap: wrap; }
._inputList li .box input { flex-grow: 1; }
._inputList li .box select { width: 100%; }
._inputList li .box select + input { margin-top: 10px; }
._inputList li .box textarea { width: 100%; height: 220px; resize: none; border:1px solid var(--line_02); padding: 20px 20px; line-height: 28px; }
._inputList li .box ._fileBtn { width: 100%; }
._inputList li .box button:last-child { margin-left: 10px; }
._inputList li .box button:first-child { margin-left: 0; }
._inputList li .box .mobileCheck { margin-left: 10px; line-height: 42px; font-weight: 600; }
._inputList li .box button { width: 120px; }
._inputList li .txt.colR { color: red; }
._inputList li .txt.colG { color: var(--colG); }
._inputList li .txt { position: absolute; display: inline-block; right: 0; bottom:-20px; padding-left: 160px; font-size: 12px; font-weight: 500; line-height: 14px; }
._inputList .imgTxt { font-size: 14px; margin-top: 10px; color: var(--txt_02); width: 100%; }





/*알림톡*/
._alimtalkTem { border-radius:10px; overflow: hidden; }
._alimtalkTem .alimtalkTop { line-height: 40px; padding: 0 18px; font-weight: 500; background-color: var(--kakao); }
._alimtalkTem .txtWrap { background-color: #fff; padding: 18px; max-height: 340px; overflow-x: auto; }
._alimtalkTem .txtWrap .txt { font-size: 16px; line-height: 24px; font-weight: 500; }
._alimtalkTem .linkBtn button { background-color: #F5F5F5; width: 100%;; margin-top: 10px; height: 42px; font-weight: 600; border-radius: 5px; }
._alimtalkTem .bottom { background-color: var(--bg_03); border:1px solid var(--line_03); display: flex; line-height: 36px; justify-content:space-between; align-items: center; padding: 0 18px; position: relative; }
._alimtalkTem .bottom .txt { display: flex; }
._alimtalkTem .bottom .txt .state { font-weight:600; }
._alimtalkTem .bottom .txt .day { margin-left: 10px; color: var(--txt_02); }
._alimtalkTem .bottom ._XdelBtn { background-color:var(--line_04); border-radius: 50px; }
._alimtalkTem .byte { border-left: 1px solid var(--line_02); border-right: 1px solid var(--line_02); text-align: right; padding: 5px 10px 10px 10px; color: var(--txt_03); }