/* 
 * Define Custom Sheets
 * Template Name : 
 * Author : Yein Han
 * File : less
 */
/************************************************
 * 공통 스타일 시트
 ************************************************/
/* 
 * Define Custom variables
 * Template Name : EXBSP
 * Author : Da-eun Ryu
 * File : less
 */
/************************************************
 * 컬러 시스템
 ************************************************/
/************************************************
 * 바디
 ************************************************/
/************************************************
 * 폰트
 ************************************************/
/************************************************
 * 컴포넌트(컨트롤)
 ************************************************/
/************************************************
 * 컴포넌트(인풋 계열)
 ************************************************/
/************************************************
 * 컴포넌트(셀렉션 계열)
 ************************************************/
/************************************************
 * 버튼
 ************************************************/
/************************************************
 * 폼
 ************************************************/
/************************************************
 * 테이블(그리드)
 ************************************************/
/************************************************
 * 탭
 ************************************************/
/************************************************
 * 모달(다이얼로그)
 ************************************************/
/************************************************
 * 캘린더
 ************************************************/
/************************************************
 * MIXIN FUNCTION
 ************************************************/
/* 금융기관 검색 팝업 라디오 버튼 너비 설정 */
/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/
@font-face {
  font-family: 'Pretendard';
  font-weight: 700;
  font-display: swap;
  src: local('Pretendard Bold'), url("fonts/Pretendard/Pretendard-Bold.subset.woff2") format('woff2'), url("fonts/Pretendard/Pretendard-Bold.subset.woff") format('woff');
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 600;
  font-display: swap;
  src: local('Pretendard Bold'), url("fonts/Pretendard/Pretendard-SemiBold.subset.woff2") format('woff2'), url("fonts/Pretendard/Pretendard-SemiBold.subset.woff") format('woff');
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 500;
  font-display: swap;
  src: local('Pretendard Medium'), url("fonts/Pretendard/Pretendard-Medium.subset.woff2") format('woff2'), url("fonts/Pretendard/Pretendard-Medium.subset.woff") format('woff');
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 400;
  font-display: swap;
  src: local('Pretendard Regular'), url("fonts/Pretendard/Pretendard-Regular.subset.woff2") format('woff2'), url("fonts/Pretendard/Pretendard-Regular.subset.woff") format('woff');
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 300;
  font-display: swap;
  src: local('Pretendard Regular'), url("fonts/Pretendard/Pretendard-Light.subset.woff2") format('woff2'), url("fonts/Pretendard/Pretendard-Light.subset.woff") format('woff');
}
/* 
 * Define Common Class
 * Template Name : eXCFrame-uikit
 * Author : Yein Han
 * File : less
 */
/************************************************
 * 팔레트
 ************************************************/
.bg-primary {
  background-color: #FF5200 !important;
}
.bg-secondary {
  background-color: #233A6C !important;
}
.bg-success {
  background-color: #008A1E !important;
}
.bg-info {
  background-color: #2768FF !important;
}
.bg-warning {
  background-color: #FFB724 !important;
}
.bg-danger {
  background-color: #EB003B !important;
}
.bg-dark {
  background-color: #181818 !important;
}
.bg-gray {
  background-color: #D0D0D0 !important;
}
.bg-blue {
  background-color: #0B49B0 !important;
}
.bg-indigo {
  background-color: #182C58 !important;
}
.bg-purple {
  background-color: #6941C6 !important;
}
.bg-pink {
  background-color: #DD2590 !important;
}
.bg-red {
  background-color: #EB003B !important;
}
.bg-orange {
  background-color: #FF5B2C !important;
}
.bg-yellow {
  background-color: #FFB724 !important;
}
.bg-green {
  background-color: #008A1E !important;
}
.bg-teal {
  background-color: #26C3C3 !important;
}
.bg-cyan {
  background-color: #23B8F1 !important;
}
.bg-brown {
  background-color: #613500 !important;
}
.bg-white {
  background-color: #FFFFFF !important;
}
.bg-light {
  background-color: #E4E4E4 !important;
}
.bg-lighter {
  background-color: #F8F8F8 !important;
}
.bg-black {
  background-color: #000000 !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.bg-opacity {
  opacity: 0.35;
}
.bg-primary-dim {
  background-color: #FFEDE2 !important;
}
.bg-secondary-dim {
  background-color: #F3F4F6 !important;
}
.bg-success-dim {
  background-color: #EAFCD3 !important;
}
.bg-info-dim {
  background-color: #E9F2FF !important;
}
.bg-warning-dim {
  background-color: #FFF3DB !important;
}
.bg-danger-dim {
  background-color: #FFF0FD !important;
}
.bg-gray-100 {
  background-color: #F5F5F5 !important;
}
.bg-gray-200 {
  background-color: #F4F4F4 !important;
}
.bg-gray-300 {
  background-color: #F0F0F0 !important;
}
.bg-gray-400 {
  background-color: #EEEEEE !important;
}
.bg-gray-500 {
  background-color: #DDDDDD !important;
}
.bg-gray-600 {
  background-color: #BBBBBB !important;
}
.bg-gray-700 {
  background-color: #888888 !important;
}
.bg-gray-800 {
  background-color: #555555 !important;
}
.bg-gray-900 {
  background-color: #111111 !important;
}
.bg-border-color {
  background-color: #DDDDDD !important;
}
.bg-border-dim-color {
  background-color: #EEEEEE !important;
}
.text-base {
  color: #111111 !important;
}
.text-primary {
  color: #FF5200 !important;
}
.text-secondary {
  color: #233A6C !important;
}
.text-info {
  color: #2768FF !important;
}
.text-success {
  color: #008A1E !important;
}
.text-danger {
  color: #EB003B !important;
}
.text-warning {
  color: #FFB724 !important;
}
.text-dark {
  color: #181818 !important;
}
.text-gray {
  color: #D0D0D0 !important;
}
.text-body {
  color: #000000 !important;
}
.text-base {
  color: #111111 !important;
}
.text-soft {
  color: #b5b5b5 !important;
}
.text-black {
  color: #000000 !important;
}
.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-light {
  color: #E4E4E4 !important;
}
.text-lighter {
  color: #F8F8F8 !important;
}
.text-white {
  color: #FFFFFF !important;
}
.text-blue {
  color: #0B49B0 !important;
}
.text-indigo {
  color: #182C58 !important;
}
.text-purple {
  color: #6941C6 !important;
}
.text-pink {
  color: #DD2590 !important;
}
.text-red {
  color: #EB003B !important;
}
.text-orange {
  color: #FF5B2C !important;
}
.text-yellow {
  color: #FFB724 !important;
}
.text-green {
  color: #008A1E !important;
}
.text-teal {
  color: #26C3C3 !important;
}
.text-cyan {
  color: #23B8F1 !important;
}
.text-brown {
  color: #613500;
}
.text-transparent {
  color: transparent !important;
}
.text-primary-dim {
  color: #FFEDE2 !important;
}
.text-secondary-dim {
  color: #F3F4F6 !important;
}
.text-success-dim {
  color: #EAFCD3 !important;
}
.text-info-dim {
  color: #E9F2FF !important;
}
.text-warning-dim {
  color: #FFF3DB !important;
}
.text-danger-dim {
  color: #FFF0FD !important;
}
.text-primary-bold {
  color: #EF4136 !important;
}
.text-gray-100 {
  color: #F5F5F5 !important;
}
.text-gray-200 {
  color: #F4F4F4 !important;
}
.text-gray-300 {
  color: #F0F0F0 !important;
}
.text-gray-400 {
  color: #EEEEEE !important;
}
.text-gray-500 {
  color: #DDDDDD !important;
}
.text-gray-600 {
  color: #BBBBBB !important;
}
.text-gray-700 {
  color: #888888 !important;
}
.text-gray-800 {
  color: #555555 !important;
}
.text-gray-900 {
  color: #111111 !important;
}
.text-sub-color {
  color: #555555 !important;
}
/************************************************
 * 바디
 ************************************************/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/************************************************
 * 타이포그래피
 ************************************************/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.h {
  color: #111111;
  font-family: "Pretendard", sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
h1 {
  font-size: 40px;
}
h1 .cl-text {
  line-height: 1.3;
}
h2 {
  font-size: 32px;
}
h2 .cl-text {
  line-height: 1.3;
}
h3 {
  font-size: 25px;
}
h3 .cl-text {
  line-height: 1.3;
}
h4 {
  font-size: 21px;
}
h5 {
  font-size: 17px;
}
h6 {
  font-size: 14px;
}
.h1 {
  font-size: 40px !important;
}
.h1 .cl-text {
  line-height: 1.3;
}
.h2 {
  font-size: 32px !important;
}
.h2 .cl-text {
  line-height: 1.3;
}
.h3 {
  font-size: 25px !important;
}
.h3 .cl-text {
  line-height: 1.3;
}
.h4 {
  font-size: 21px !important;
}
.h5 {
  font-size: 17px !important;
}
.h6 {
  font-size: 14px !important;
}
.fs-base {
  font-size: 17px !important;
}
.fs-4xl {
  font-size: 40px !important;
}
.fs-4xl .cl-text {
  line-height: 1.3;
}
.fs-3xl {
  font-size: 32px !important;
}
.fs-3xl .cl-text {
  line-height: 1.3;
}
.fs-2xl {
  font-size: 25px !important;
}
.fs-2xl .cl-text {
  line-height: 1.3;
}
.fs-xl {
  font-size: 21px !important;
}
.fs-lg {
  font-size: 19px !important;
}
.fs-md {
  font-size: 15px !important;
}
.fs-sm {
  font-size: 13px !important;
}
.ff-base {
  font-family: "Pretendard", sans-serif !important;
}
.ff-italic {
  font-style: italic !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.lh-sm .cl-text {
  line-height: 1 !important;
}
.lh-md .cl-text {
  line-height: 1.3 !important;
}
.lh-lg .cl-text {
  line-height: 1.5 !important;
}
.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
/* 수직 정렬 */
.align-content-start {
  align-content: start;
}
.align-items-start {
  align-items: start;
}
.align-self-start {
  align-self: start;
}
.align-content-center {
  align-content: center;
}
.align-items-center {
  align-items: center;
}
.align-self-center {
  align-self: center;
}
.align-content-end {
  align-content: end;
}
.align-items-end {
  align-items: end;
}
.align-self-end {
  align-self: end;
}
/* 수평 정렬 */
.justify-content-right {
  justify-content: right;
}
.justify-items-right {
  justify-items: right;
}
.justify-self-right {
  justify-self: right;
}
.justify-content-center {
  justify-content: center;
}
.justify-items-center {
  justify-items: center;
}
.justify-self-center {
  justify-self: center;
}
.justify-content-left {
  justify-content: left;
}
.justify-items-left {
  justify-items: left;
}
.justify-self-left {
  justify-self: left;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-underline {
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
.text-link:hover {
  color: #FF5200;
  text-decoration: underline !important;
  text-underline-offset: 3px;
  cursor: pointer;
}
/************************************************
 * 유틸리티
 ************************************************/
.border {
  border: 1px solid #DDDDDD !important;
}
.border-top {
  border-top: 1px solid #DDDDDD !important;
}
.border-bottom {
  border-bottom: 1px solid #DDDDDD !important;
}
.border-left {
  border-left: 1px solid #DDDDDD !important;
}
.border-right {
  border-right: 1px solid #DDDDDD !important;
}
.border-0 {
  border: none !important;
}
.border-top-0 {
  border-top: none !important;
}
.border-bottom-0 {
  border-bottom: none !important;
}
.border-left-0 {
  border-left: none !important;
}
.border-right-0 {
  border-right: none !important;
}
.border-primary {
  border-color: #FF5200 !important;
}
.border-secondary {
  border-color: #233A6C !important;
}
.border-success {
  border-color: #008A1E !important;
}
.border-info {
  border-color: #2768FF !important;
}
.border-warning {
  border-color: #FFB724 !important;
}
.border-danger {
  border-color: #EB003B !important;
}
.border-dark {
  border-color: #181818 !important;
}
.border-gray {
  border-color: #D0D0D0 !important;
}
.border-blue {
  border-color: #0B49B0 !important;
}
.border-indigo {
  border-color: #182C58 !important;
}
.border-purple {
  border-color: #6941C6 !important;
}
.border-pink {
  border-color: #DD2590 !important;
}
.border-red {
  border-color: #EB003B !important;
}
.border-orange {
  border-color: #FF5B2C !important;
}
.border-yellow {
  border-color: #FFB724 !important;
}
.border-green {
  border-color: #008A1E !important;
}
.border-teal {
  border-color: #26C3C3 !important;
}
.border-cyan {
  border-color: #23B8F1 !important;
}
.border-brown {
  border-color: #613500 !important;
}
.border-white {
  border-color: #FFFFFF !important;
}
.border-light {
  border-color: #E4E4E4 !important;
}
.border-lighter {
  border-color: #F8F8F8 !important;
}
.border-black {
  border-color: #000000 !important;
}
.border-transparent {
  border-color: transparent !important;
}
.border-gray-100 {
  border-color: #F5F5F5 !important;
}
.border-gray-200 {
  border-color: #F4F4F4 !important;
}
.border-gray-300 {
  border-color: #F0F0F0 !important;
}
.border-gray-400 {
  border-color: #EEEEEE !important;
}
.border-gray-500 {
  border-color: #DDDDDD !important;
}
.border-gray-600 {
  border-color: #BBBBBB !important;
}
.border-gray-700 {
  border-color: #888888 !important;
}
.border-gray-800 {
  border-color: #555555 !important;
}
.border-gray-900 {
  border-color: #111111 !important;
}
.border-dim {
  border-color: #EEEEEE !important;
}
.dashed {
  border: 1px solid #DDDDDD;
  border-style: dashed;
}
.rounded {
  border-radius: 12px !important;
}
.rounded-top {
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important;
}
.rounded-top-0 {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.rounded-bottom {
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}
.rounded-bottom-0 {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.rounded-left {
  border-top-left-radius: 12px !important;
  border-bottom-left-radius: 12px !important;
}
.rounded-left-0 {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.rounded-right {
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}
.rounded-right-0 {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.rounded-fill {
  border-radius: 9999px !important;
}
.rounded-pill {
  border-radius: 1.5rem !important;
}
.rounded-0 {
  border-radius: 0px !important;
}
.rounded-xsm {
  border-radius: 4px !important;
}
.rounded-sm {
  border-radius: 8px !important;
}
.rounded-lg {
  border-radius: 20px !important;
}
.rounded-xl {
  border-radius: 24px !important;
}
.rounded-2xl {
  border-radius: 40px !important;
}
.box-shadow {
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
}
.box-shadow-0 {
  box-shadow: none !important;
}
.m-0 {
  margin: 0px !important;
}
.m-4 {
  margin: 4px !important;
}
.m-8 {
  margin: 8px !important;
}
.m-12 {
  margin: 12px !important;
}
.m-16 {
  margin: 16px !important;
}
.m-20 {
  margin: 20px !important;
}
.m-24 {
  margin: 24px !important;
}
.m-28 {
  margin: 28px !important;
}
.m-32 {
  margin: 32px !important;
}
.m-36 {
  margin: 36px !important;
}
.m-40 {
  margin: 40px !important;
}
.mt-0 {
  margin-top: 0px !important;
}
.mt-4 {
  margin-top: 4px !important;
}
.mt-8 {
  margin-top: 8px !important;
}
.mt-12 {
  margin-top: 12px !important;
}
.mt-16 {
  margin-top: 16px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-24 {
  margin-top: 24px !important;
}
.mt-28 {
  margin-top: 28px !important;
}
.mt-32 {
  margin-top: 32px !important;
}
.mt-36 {
  margin-top: 36px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mr-0 {
  margin-right: 0px !important;
}
.mr-4 {
  margin-right: 4px !important;
}
.mr-8 {
  margin-right: 8px !important;
}
.mr-12 {
  margin-right: 12px !important;
}
.mr-16 {
  margin-right: 16px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mr-24 {
  margin-right: 24px !important;
}
.mr-28 {
  margin-right: 28px !important;
}
.mr-32 {
  margin-right: 32px !important;
}
.mr-36 {
  margin-right: 36px !important;
}
.mr-40 {
  margin-right: 40px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.mb-4 {
  margin-bottom: 4px !important;
}
.mb-8 {
  margin-bottom: 8px !important;
}
.mb-12 {
  margin-bottom: 12px !important;
}
.mb-16 {
  margin-bottom: 16px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-24 {
  margin-bottom: 24px !important;
}
.mb-28 {
  margin-bottom: 28px !important;
}
.mb-32 {
  margin-bottom: 32px !important;
}
.mb-36 {
  margin-bottom: 36px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.ml-0 {
  margin-left: 0px !important;
}
.ml-4 {
  margin-left: 4px !important;
}
.ml-8 {
  margin-left: 8px !important;
}
.ml-12 {
  margin-left: 12px !important;
}
.ml-16 {
  margin-left: 16px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.ml-24 {
  margin-left: 24px !important;
}
.ml-28 {
  margin-left: 28px !important;
}
.ml-32 {
  margin-left: 32px !important;
}
.ml-36 {
  margin-left: 36px !important;
}
.ml-40 {
  margin-left: 40px !important;
}
/* 간격 조절용 (margin-minus) */
.mt-m4 {
  margin-top: -4px !important;
}
.mt-m8 {
  margin-top: -8px !important;
}
.mt-m12 {
  margin-top: -12px !important;
}
.mt-m16 {
  margin-top: -16px !important;
}
.mt-m20 {
  margin-top: -20px !important;
}
.mt-m24 {
  margin-top: -24px !important;
}
.mt-m28 {
  margin-top: -28px !important;
}
.mt-m32 {
  margin-top: -32px !important;
}
.mt-m36 {
  margin-top: -36px !important;
}
.mt-m40 {
  margin-top: -40px !important;
}
.mr-m4 {
  margin-right: -4px !important;
}
.mr-m8 {
  margin-right: -8px !important;
}
.mr-m12 {
  margin-right: -12px !important;
}
.mr-m16 {
  margin-right: -16px !important;
}
.mr-m20 {
  margin-right: -20px !important;
}
.mr-m24 {
  margin-right: -24px !important;
}
.mr-m28 {
  margin-right: -28px !important;
}
.mr-m32 {
  margin-right: -32px !important;
}
.mr-m36 {
  margin-right: -36px !important;
}
.mr-m40 {
  margin-right: -40px !important;
}
.mb-m4 {
  margin-bottom: -4px !important;
}
.mb-m8 {
  margin-bottom: -8px !important;
}
.mb-m12 {
  margin-bottom: -12px !important;
}
.mb-m16 {
  margin-bottom: -16px !important;
}
.mb-m20 {
  margin-bottom: -20px !important;
}
.mb-m24 {
  margin-bottom: -24px !important;
}
.mb-m28 {
  margin-bottom: -28px !important;
}
.mb-m32 {
  margin-bottom: -32px !important;
}
.mb-m36 {
  margin-bottom: -36px !important;
}
.mb-m40 {
  margin-bottom: -40px !important;
}
.ml-m4 {
  margin-left: -4px !important;
}
.ml-m8 {
  margin-left: -8px !important;
}
.ml-m12 {
  margin-left: -12px !important;
}
.ml-m16 {
  margin-left: -16px !important;
}
.ml-m20 {
  margin-left: -20px !important;
}
.ml-m24 {
  margin-left: -24px !important;
}
.ml-m28 {
  margin-left: -28px !important;
}
.ml-m32 {
  margin-left: -32px !important;
}
.ml-m36 {
  margin-left: -36px !important;
}
.ml-m40 {
  margin-left: -40px !important;
}
.p-0 {
  padding: 0px !important;
}
.p-4 {
  padding: 4px !important;
}
.p-8 {
  padding: 8px !important;
}
.p-12 {
  padding: 12px !important;
}
.p-16 {
  padding: 16px !important;
}
.p-20 {
  padding: 20px !important;
}
.p-24 {
  padding: 24px !important;
}
.p-28 {
  padding: 28px !important;
}
.p-32 {
  padding: 32px !important;
}
.p-36 {
  padding: 36px !important;
}
.p-40 {
  padding: 40px !important;
}
.pt-0 {
  padding-top: 0px !important;
}
.pt-2 {
  padding-top: 2px !important;
}
.pt-4 {
  padding-top: 4px !important;
}
.pt-8 {
  padding-top: 8px !important;
}
.pt-12 {
  padding-top: 12px !important;
}
.pt-16 {
  padding-top: 16px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pt-24 {
  padding-top: 24px !important;
}
.pt-28 {
  padding-top: 28px !important;
}
.pt-32 {
  padding-top: 32px !important;
}
.pt-36 {
  padding-top: 36px !important;
}
.pt-40 {
  padding-top: 40px !important;
}
.pr-0 {
  padding-right: 0px !important;
}
.pr-4 {
  padding-right: 4px !important;
}
.pr-8 {
  padding-right: 8px !important;
}
.pr-12 {
  padding-right: 12px !important;
}
.pr-16 {
  padding-right: 16px !important;
}
.pr-20 {
  padding-right: 20px !important;
}
.pr-24 {
  padding-right: 24px !important;
}
.pr-28 {
  padding-right: 28px !important;
}
.pr-32 {
  padding-right: 32px !important;
}
.pr-36 {
  padding-right: 36px !important;
}
.pr-40 {
  padding-right: 40px !important;
}
.pb-0 {
  padding-bottom: 0px !important;
}
.pb-2 {
  padding-bottom: 2px !important;
}
.pb-4 {
  padding-bottom: 4px !important;
}
.pb-8 {
  padding-bottom: 8px !important;
}
.pb-12 {
  padding-bottom: 12px !important;
}
.pb-16 {
  padding-bottom: 16px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pb-24 {
  padding-bottom: 24px !important;
}
.pb-28 {
  padding-bottom: 28px !important;
}
.pb-32 {
  padding-bottom: 32px !important;
}
.pb-36 {
  padding-bottom: 36px !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}
.pl-0 {
  padding-left: 0px !important;
}
.pl-4 {
  padding-left: 4px !important;
}
.pl-8 {
  padding-left: 8px !important;
}
.pl-12 {
  padding-left: 12px !important;
}
.pl-16 {
  padding-left: 16px !important;
}
.pl-20 {
  padding-left: 20px !important;
}
.pl-24 {
  padding-left: 24px !important;
}
.pl-28 {
  padding-left: 28px !important;
}
.pl-32 {
  padding-left: 32px !important;
}
.pl-36 {
  padding-left: 36px !important;
}
.pl-40 {
  padding-left: 40px !important;
}
.cursor-default {
  cursor: default;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-move {
  cursor: move;
}
.cursor-text {
  cursor: text;
}
.cursor-wait {
  cursor: wait;
}
.cursor-help {
  cursor: help;
}
/************************************************
 * 접근성 스타일 시트
 ************************************************/
/************************************************
 * 웹접근성 속성 확인 
 ************************************************/
span.wa-area {
  position: absolute;
  top: 0px;
  right: 0px;
  border-bottom: 5px solid transparent;
  border-top: 5px solid #EB003B;
  border-left: 5px solid transparent;
  border-right: 5px solid #EB003B;
  cursor: pointer;
}
span.wa-check-handle {
  position: absolute;
  font-size: 17px;
  text-align: center;
  vertical-align: middle;
  background-color: #008A1E;
  background-image: url("images/accessibility/check-mark.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 11px 11px;
  top: 0px;
  left: 0px;
  width: 18px;
  height: 20px;
  border-radius: 2px;
  cursor: pointer;
}
span.wa-uncheck-handle {
  position: absolute;
  font-size: 17px;
  color: #FFFFFF;
  text-align: center;
  vertical-align: middle;
  background-color: #EB003B;
  background-image: url("images/accessibility/exclamation-mark.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 13px 13px;
  top: 0px;
  left: 0px;
  width: 18px;
  height: 20px;
  border-radius: 2px;
  cursor: pointer;
}
.cl-output.wa-info-checked {
  font-size: 12px;
  color: #FFFFFF;
  border: 1px solid #008A1E;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  background-color: #008A1E;
  padding: 0px 3px;
  width: auto;
  height: 20px;
}
.cl-output.wa-info-unchecked {
  font-size: 12px;
  color: #FFFFFF;
  border: 1px solid #EB003B;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  background-color: #EB003B;
  padding: 0px 3px;
  width: auto;
  height: 20px;
}
.wa-checked {
  border: 1px dashed #008A1E !important;
}
.wa-unchecked {
  border: 1px dashed #EB003B !important;
}
.cl-grid .cl-grid-row:not(.cl-viewing) .wa-checked-grid {
  border: 1px dashed #008A1E !important;
}
.cl-grid .cl-grid-row:not(.cl-viewing) .wa-unchecked-grid {
  border: 1px dashed #EB003B !important;
}
/************************************************
 * 공통 화면 스타일 시트
 ************************************************/
/************************************************
 * 헤더
 ************************************************/
.cl-container.content-wrapper:has(.cl-navigationbar-accessiblemegamenu):before {
  background-color: rgba(0, 0, 0, 0.4);
  content: "";
  position: absolute;
  top: 35px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.cl-container.udc-main-header {
  min-height: 109px;
  background-color: #FFFFFF;
  border-bottom: 1px solid #EEEEEE;
  /* 헤더 내의 버튼 공통 스타일 설정 */
  /* 로고 pc */
  /* 로고 mb */
  /* 사용자 기능 버튼들을 감싸는 영역 */
}
.cl-container.udc-main-header .cl-button {
  background-color: transparent !important;
  border: none;
  border-radius: 0px;
  padding: 0px;
}
.cl-container.udc-main-header .cl-output.img-logo {
  cursor: pointer;
  background: url("images/com/main/img_logo.svg") no-repeat center;
}
.cl-container.udc-main-header .cl-output.img-logo-mb {
  cursor: pointer;
  background: url("images/com/main/img_logo_mb.png") no-repeat center;
}
.cl-container.udc-main-header .cl-container.user-action-area,
.cl-container.udc-main-header .cl-container.gnb {
  width: 1416px !important;
  margin: 0 auto;
}
.cl-container.udc-main-header .cl-container.user-action-area {
  padding: 10px 0;
}
.cl-container.udc-main-header .cl-container.user-action-area .cl-button {
  font-size: 15px;
  font-weight: 400;
  border-radius: 0;
  /* 결함 등록 */
  /* 결함 목록 */
}
.cl-container.udc-main-header .cl-container.user-action-area .cl-button .cl-icon {
  background-size: 16px;
  width: 16px;
  height: 16px;
}
.cl-container.udc-main-header .cl-container.user-action-area .cl-button.cl-icon-align-left .cl-icon {
  margin: 0 8px 0 0;
}
.cl-container.udc-main-header .cl-container.user-action-area .cl-button.cl-icon-align-right .cl-icon {
  margin: 0 0 0 8px;
}
.cl-container.udc-main-header .cl-container.user-action-area .cl-button.btn-login .cl-icon {
  background-image: url("images/com/main/ic_btn_login.svg") !important;
}
.cl-container.udc-main-header .cl-container.user-action-area .cl-button.btn-chat .cl-icon {
  background-image: url("images/com/main/ic_btn_chat.svg") !important;
}
.cl-container.udc-main-header .cl-container.user-action-area .cl-button.btn-sizing .cl-icon {
  background-image: url("images/com/main/ic_btn_down2.svg") !important;
}
.cl-container.udc-main-header .cl-container.user-action-area .cl-button.btn-defect .cl-icon {
  background-image: url("images/com/main/ic_btn_defect.svg") !important;
}
.cl-container.udc-main-header .cl-container.user-action-area .cl-button.btn-defect-list .cl-icon {
  background-image: url("images/com/main/ic_btn_defect_list.svg") !important;
}
.cl-container.udc-main-header .cl-container.user-action-area > .cl-layout > .cl-layout-content > .cl-layout-wrap.separator:not(:last-child) {
  padding-right: 16px;
}
.cl-container.udc-main-header .cl-container.user-action-area > .cl-layout > .cl-layout-content > .cl-layout-wrap.separator:not(:last-child):before {
  content: "";
  position: absolute;
  right: 0px;
  top: calc(50% - 8px);
  width: 1px;
  height: 16px;
  background-color: #DDDDDD;
}
.cl-container.udc-main-header .cl-container.gnb-wrap {
  margin-top: 8px;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb {
  min-height: 60px;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-button.btn-menu {
  background-image: url("images/com/main/ic_btn_menu.svg") !important;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-button.btn-menu-mb {
  background-image: url("images/com/udc/ic_btn_header_menu.svg") !important;
  background-size: 24px;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-button.btn-font {
  background-image: url("images/com/main/ic_btn_fontsize.svg") !important;
  background-size: 24px;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-button.btn-user {
  background-image: url("images/com/main/ic_btn_login.svg") !important;
  background-size: 24px;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-button.btn-search {
  background-image: url("images/com/udc/ic_btn_header_search.svg") !important;
  background-size: 24px;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar {
  font-size: 21px;
  font-weight: 600;
  border: none;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigatorbar-prev,
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigatorbar-next {
  display: none;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-accessiblemegamenu {
  width: 100% !important;
  background-color: #FFFFFF;
  box-shadow: 0px 7px 12px -3px rgba(0, 0, 0, 0.15);
  left: 0 !important;
  right: 0 !important;
  margin-top: 2px;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-accessiblemegamenu > .cl-navigationbar-list {
  width: 1416px !important;
  min-height: 338px;
  margin: 0 auto;
  padding-left: 360px;
  padding-top: 40px;
  padding-bottom: 56px;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-accessiblemegamenu > .cl-navigationbar-list > .cl-navigationbar-category {
  width: calc(100% / 3);
  padding: 0 10px 0 0;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-bar {
  padding-left: 2px;
  padding-right: 2px;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item {
  padding: 0;
  vertical-align: top !important;
  padding-top: 6px;
  border-bottom: 6px solid transparent;
  /* 키보드 탭 키 선택 시에만 포커스 스타일 적용 */
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item a.cl-navigationbar-content:focus {
  outline: 2px dotted #111111;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item a.cl-navigationbar-content:focus:not(:focus-visible) {
  outline: none;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item .cl-navigationbar-arrow {
  display: none;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item.cl-selected {
  border-color: #FF5200;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item.cl-selected.cl-hover {
  border-color: #FF5200;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item.cl-hover {
  border-color: transparent;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-item:hover {
  color: #FF5200;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-list.gnb {
  background-color: #FFFFFF;
  border: none;
  border-radius: 0;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-list.gnb .cl-navigationbar-category:nth-child(4),
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-list.gnb .cl-navigationbar-category:nth-child(5),
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-list.gnb .cl-navigationbar-category:nth-child(6),
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-list.gnb .cl-navigationbar-category:nth-child(7),
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-list.gnb .cl-navigationbar-category:nth-child(8),
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-list.gnb .cl-navigationbar-category:nth-child(9) {
  margin-top: 64px;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-list.gnb .cl-navigationbar-category .sub-items.cl-level-2,
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-list.gnb .cl-navigationbar-category .sub-items.cl-level-3 {
  margin-top: 12px;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-list.gnb .cl-navigationbar-listitem {
  padding: 1px;
  background-color: transparent;
  min-height: 23px;
  border: 2px dotted transparent;
  /* 탭 키 선택 시에만 포커스 스타일 적용 */
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-list.gnb .cl-navigationbar-listitem:focus {
  outline: none;
  border-color: #111111;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-list.gnb .cl-navigationbar-listitem:focus:not(:focus-visible) {
  border-color: transparent;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-list.gnb .cl-navigationbar-listitem:hover {
  color: #FF5200;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-list.gnb .cl-navigationbar-listitem .cl-navigationbar-icon-wrapper {
  display: none;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-list.gnb .cl-navigationbar-listitem .cl-navigationbar-accesskey-wrapper {
  width: 0;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-list.gnb .cl-navigationbar-listitem.list-item-level-2 {
  font-size: 21px;
  font-weight: 700;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-list.gnb .cl-navigationbar-listitem.list-item-level-3 {
  font-size: 17px;
  font-weight: 400;
  color: #555555;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-list.gnb .cl-navigationbar-listitem.list-item-level-3.cl-disabled {
  color: #555555;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-list.gnb .cl-navigationbar-listitem.list-item-level-3 .cl-text {
  white-space: break-spaces;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-list.gnb .cl-navigationbar-listitem.list-item-level-3 .cl-text span.link {
  background: url("images/com/main/ic_link.svg") no-repeat center;
  padding: 2px 12px;
  margin-left: 4px;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-list.gnb .cl-navigationbar-listitem.list-item-level-4 {
  font-size: 17px;
  padding-left: 12px;
  background: url("images/com/main/ic_bullet.svg") no-repeat left center;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar .cl-navigationbar-bar .cl-navigationbar-list.gnb .cl-navigationbar-listitem.list-item-level-4 .cl-text {
  line-height: 25.5px;
}
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar:focus,
.cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb .cl-navigationbar.cl-focus {
  outline: none;
}
.cl-container.mn-sub-info {
  padding-top: 120px;
}
.cl-container.mn-sub-info.mypage {
  background: url("images/com/main/img_gnb_mypage.svg") no-repeat left top;
}
.cl-container.mn-sub-info.application {
  background: url("images/com/main/img_gnb_appli.svg") no-repeat left top;
}
.cl-container.mn-sub-info.helper {
  background: url("images/com/main/img_gnb_helper.svg") no-repeat left top;
}
.cl-container.mn-sub-info.map {
  background: url("images/com/main/img_gnb_map.svg") no-repeat left top;
}
.cl-container.mn-sub-info.service {
  background: url("images/com/main/img_gnb_service.svg") no-repeat left top;
}
/************************************************
 * udc
 * udcMainGov.clx
 ************************************************/
/* 스킵링크 버튼 스타일 */
.cl-button.btn-skip-link {
  background-color: #111111 !important;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 400;
  border: none;
  height: 0 !important;
  border-radius: 0;
  transition: all 0.15s;
}
.cl-button.btn-skip-link:focus,
.cl-button.btn-skip-link.cl-focus {
  height: 32px !important;
}
/* 최상단에 배치되는 글로벌 영역 */
.cl-container.udc-gov .cl-container.gov-area {
  min-height: 32px;
  background-color: #EDF1F5;
  border-bottom: 1px solid #DDDDDD;
  /* 확인 방법 버튼 스타일 */
}
.cl-container.udc-gov .cl-container.gov-area .cl-container.gov-area-wrap {
  padding: 5px 0;
}
.cl-container.udc-gov .cl-container.gov-area.visible-none {
  height: 0px !important;
  border-bottom: none;
}
.cl-container.udc-gov .cl-container.gov-area > .cl-layout > .cl-layout-content {
  width: 1416px !important;
  margin: 0 auto;
}
.cl-container.udc-gov .cl-container.gov-area .cl-output.gov-nuri-txt {
  font-size: 15px;
  padding-left: 32px;
  background: url("images/com/main/ic_korean_flag.svg") no-repeat left center/24px 16px;
}
.cl-container.udc-gov .cl-container.gov-area .cl-output.gov-nuri-txt .cl-text {
  line-height: 1;
}
.cl-container.udc-gov .cl-container.gov-area .cl-button.btn-checking {
  font-size: 15px;
  font-weight: 400;
  color: #003675;
  background-color: transparent !important;
  padding: 0;
  border: none;
  border-radius: 0;
}
.cl-container.udc-gov .cl-container.gov-area .cl-button.btn-checking .cl-icon {
  background-image: url("images/com/main/ic_btn_down.svg") !important;
  background-size: 16px;
  width: 16px;
  height: 16px;
}
.cl-container.udc-gov .cl-container.gov-area .cl-button.btn-checking.cl-icon-align-right .cl-icon {
  margin: 0 0 0 4px;
}
.cl-container.udc-gov .cl-container.gov-area .cl-button.btn-checking .cl-text {
  line-height: 1 !important;
}
/************************************************
 * 전체메뉴
 ************************************************/
.cl-container.full-menu .cl-container.full-navigation {
  padding-bottom: 120px;
  border-bottom: 1px solid #DDDDDD;
}
.cl-container.full-menu .cl-container.full-navigation.cl-last-row {
  padding-bottom: 0;
  border-bottom: 0;
}
.cl-container.full-menu .cl-container.full-navigation .cl-button,
.cl-container.full-menu .cl-container.full-navigation .cl-output {
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0px;
  padding: 0px;
  text-align: left;
  color: #111111;
}
.cl-container.full-menu .cl-container.full-navigation .cl-output.menu-level-1 {
  font-size: 32px;
  font-weight: 700;
}
.cl-container.full-menu .cl-container.full-navigation .cl-output.menu-level-1 .cl-text {
  line-height: 1.3 !important;
}
.cl-container.full-menu .cl-container.full-navigation .cl-button.menu-level-1 {
  font-size: 32px;
  font-weight: 700;
}
.cl-container.full-menu .cl-container.full-navigation .cl-button.menu-level-1 .cl-text {
  line-height: 1.3 !important;
}
.cl-container.full-menu .cl-container.full-navigation .cl-button.menu-level-2 {
  font-size: 21px;
  font-weight: 700;
}
.cl-container.full-menu .cl-container.full-navigation .cl-output.menu-level-3 {
  margin-top: 12px;
  font-size: 17px;
  font-weight: 400;
  color: #555555;
}
.cl-container.full-menu .cl-container.full-navigation .cl-output.menu-level-3 .cl-text {
  line-height: 1.5 !important;
}
.cl-container.full-menu .cl-container.full-navigation .cl-output.menu-level-3 .cl-text span.link {
  background: url("images/com/main/ic_link.svg") no-repeat center;
  padding: 2px 12px;
  margin-left: 4px;
}
.cl-container.full-menu .cl-container.full-navigation .cl-button.menu-level-3 {
  margin-top: 12px;
  font-size: 17px;
  font-weight: 400;
  color: #555555;
}
.cl-container.full-menu .cl-container.full-navigation .cl-button.menu-level-3.cl-disalbed {
  color: #555555;
}
.cl-container.full-menu .cl-container.full-navigation .cl-button.menu-level-3 .cl-text {
  line-height: 1.5 !important;
}
.cl-container.full-menu .cl-container.full-navigation .cl-button.menu-level-3:focus,
.cl-container.full-menu .cl-container.full-navigation .cl-button.menu-level-3.cl-focus {
  outline: none;
}
.cl-container.full-menu .cl-container.full-navigation .cl-button.menu-level-4 {
  min-height: 26px;
  margin-top: 2px;
  font-size: 17px;
  font-weight: 400;
  padding-left: 16px;
  background: url("images/com/main/ic_bullet.svg") no-repeat left center;
}
.cl-container.full-menu .cl-container.full-navigation .cl-button.menu-level-4 .cl-text {
  line-height: 1.3 !important;
}
.cl-container.full-menu .cl-container.full-navigation .cl-container.listitem-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.menu-level-3) + .cl-layout-wrap > .cl-button.menu-level-4 {
  margin-top: 12px;
}
/************************************************
 * 전체메뉴 헤더
 ************************************************/
.cl-container.mb-full-menu {
  padding-top: 20px;
  /* 최상단 바 */
  /* 인증센터(공동인증서(구 공인인증서) 관리), ai, 홍보영상보기, 간편비밀번호 설정 버튼 */
}
.cl-container.mb-full-menu .cl-container.menu-content {
  padding: 0 20px 20px 20px;
}
.cl-container.mb-full-menu .cl-button.btn-login-action {
  font-size: 15px;
  color: #555555;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.cl-container.mb-full-menu .cl-button.btn-signup-action {
  font-size: 15px;
  font-weight: 600;
  color: #FF5200;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.cl-container.mb-full-menu .cl-container.header-bar {
  padding: 0 20px;
}
.cl-container.mb-full-menu .cl-container.header-bar .cl-output.tit {
  font-size: 21px;
  font-weight: 600;
}
.cl-container.mb-full-menu .cl-container.header-bar .cl-button.btn-user {
  background-color: transparent !important;
  background-image: none;
  border: none;
  border-radius: 0px;
  padding: 0px;
  text-align: left;
  color: #111111;
  font-size: 21px;
  font-weight: 700;
}
.cl-container.mb-full-menu .cl-container.header-bar .cl-button.btn-user .cl-icon {
  background-image: url("images/controls/button/ic_btn_right_24.svg") !important;
  background-size: 24px;
  width: 24px;
  height: 24px;
}
.cl-container.mb-full-menu .cl-container.header-bar .cl-button {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0px;
  padding: 0px;
  background-size: 24px;
}
.cl-container.mb-full-menu .cl-container.header-bar .cl-button.btn-setting {
  background-image: url("images/com/udc/ic_btn_header_setting.svg");
}
.cl-container.mb-full-menu .cl-container.header-bar .cl-button.btn-close {
  background-image: url("images/com/udc/ic_btn_header_close.svg");
}
.cl-container.mb-full-menu .cl-container.header-bar .cl-button.btn-home {
  background-image: url("images/com/udc/ic_btn_header_home.png");
}
.cl-container.mb-full-menu .cl-container.favorite-mn-box {
  border-radius: 12px;
  background-color: #F4F4F4;
  padding: 11px 20px;
  min-height: 48px;
}
.cl-container.mb-full-menu .cl-container.favorite-mn-box .cl-output {
  font-size: 17px;
  color: #000000;
  font-weight: 500;
}
.cl-container.mb-full-menu .cl-container.favorite-mn-box .cl-button.btn-txt {
  font-size: 17px;
}
.cl-container.mb-full-menu .cl-container.favorite-mn-box .cl-button.btn-bookmark {
  background-color: transparent !important;
  background-image: url("images/com/main/ic_btn_fav.svg") !important;
  border: none;
  border-radius: 0px;
  padding: 0px !important;
}
.cl-container.mb-full-menu .cl-container.favorite-mn-box .cl-button.btn-bookmark.on {
  background-image: url("images/com/main/ic_btn_fav_on.svg") !important;
}
.cl-container.mb-full-menu .cl-container.menu-list .cl-container.menu-box .cl-container.menu-list-item-box {
  padding-left: 32px;
}
.cl-container.mb-full-menu .cl-container.menu-list .cl-container.menu-box .cl-button {
  background-color: transparent !important;
  background-image: none;
  border: none;
  border-radius: 0px;
  padding: 0px !important;
  text-align: left;
  color: #000000;
}
.cl-container.mb-full-menu .cl-container.menu-list .cl-container.menu-box .cl-output.menu-level-1 {
  color: #000000;
  font-size: 21px;
  padding-bottom: 16px;
  border-bottom: 1px solid #DDDDDD;
  font-weight: 700;
}
.cl-container.mb-full-menu .cl-container.menu-list .cl-container.menu-box .cl-output.menu-level-1 .cl-text {
  padding-left: 32px;
}
.cl-container.mb-full-menu .cl-container.menu-list .cl-container.menu-box .cl-output.menu-level-1.mypage .cl-text {
  background: url("images/com/main/ic_mypage.svg") no-repeat left center;
}
.cl-container.mb-full-menu .cl-container.menu-list .cl-container.menu-box .cl-output.menu-level-1.application .cl-text {
  background: url("images/com/main/ic_business.svg") no-repeat left center;
}
.cl-container.mb-full-menu .cl-container.menu-list .cl-container.menu-box .cl-output.menu-level-1.helper .cl-text {
  background: url("images/com/main/ic_guide.svg") no-repeat left center;
}
.cl-container.mb-full-menu .cl-container.menu-list .cl-container.menu-box .cl-output.menu-level-1.map .cl-text {
  background: url("images/com/main/ic_map.svg") no-repeat left center;
}
.cl-container.mb-full-menu .cl-container.menu-list .cl-container.menu-box .cl-output.menu-level-1.service .cl-text {
  background: url("images/com/main/ic_helpdesk.svg") no-repeat left center;
}
.cl-container.mb-full-menu .cl-container.menu-list .cl-container.menu-box .cl-button.menu-level-2 {
  font-size: 17px;
  min-height: 26px;
  font-weight: 400;
}
.cl-container.mb-full-menu .cl-container.menu-list .cl-container.menu-box .cl-button.menu-level-2 .cl-text {
  line-height: 1.5 !important;
}
.cl-container.mb-full-menu .cl-container.menu-list .cl-container.menu-box .cl-button.menu-level-2.link .cl-text {
  padding-right: 28px !important;
  background: url("images/com/main/ic_link.svg") no-repeat right center !important;
}
.cl-container.mb-full-menu .cl-button.btn-certification,
.cl-container.mb-full-menu .cl-button.btn-ai,
.cl-container.mb-full-menu .cl-button.btn-promotion,
.cl-container.mb-full-menu .cl-button.btn-simple-password {
  background-color: transparent !important;
  border: none;
  border-radius: 0px;
  padding: 0;
  text-align: left;
  color: #111111;
  font-weight: 700;
  font-size: 17px;
}
.cl-container.mb-full-menu .cl-button.btn-certification .cl-text,
.cl-container.mb-full-menu .cl-button.btn-ai .cl-text,
.cl-container.mb-full-menu .cl-button.btn-promotion .cl-text,
.cl-container.mb-full-menu .cl-button.btn-simple-password .cl-text {
  line-height: 1.5 !important;
}
.cl-container.mb-full-menu .cl-button.btn-certification .cl-icon,
.cl-container.mb-full-menu .cl-button.btn-ai .cl-icon,
.cl-container.mb-full-menu .cl-button.btn-promotion .cl-icon,
.cl-container.mb-full-menu .cl-button.btn-simple-password .cl-icon {
  width: 24px;
  height: 24px;
  background-size: 24px;
}
.cl-container.mb-full-menu .cl-button.btn-certification.cl-icon-align-left .cl-icon,
.cl-container.mb-full-menu .cl-button.btn-ai.cl-icon-align-left .cl-icon,
.cl-container.mb-full-menu .cl-button.btn-promotion.cl-icon-align-left .cl-icon,
.cl-container.mb-full-menu .cl-button.btn-simple-password.cl-icon-align-left .cl-icon {
  margin: 0 4px 0 0;
}
.cl-container.mb-full-menu .cl-button.btn-certification .cl-icon {
  background-image: url("images/com/main/ic_btn_security.svg") !important;
}
.cl-container.mb-full-menu .cl-button.btn-ai .cl-icon {
  background-image: url("images/com/main/ic_btn_voice.svg") !important;
}
.cl-container.mb-full-menu .cl-button.btn-promotion .cl-icon {
  background-image: url("images/com/main/ic_btn_play.svg") !important;
}
.cl-container.mb-full-menu .cl-button.btn-simple-password .cl-icon {
  background-image: url("images/com/main/ic_btn_password.svg") !important;
}
/************************************************
 * 푸터
 ************************************************/
.cl-container.home .cl-container.udc-footer {
  padding-top: 0;
}
.cl-container.udc-footer {
  background-color: #FFFFFF;
  padding-top: 80px;
}
.cl-container.udc-footer .cl-container.footer-full-section {
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
}
.cl-container.udc-footer .cl-container.footer-full-section > .cl-layout > .cl-layout-content {
  width: 1416px !important;
  margin: 0 auto;
}
.cl-container.udc-footer .cl-output.logo {
  background: url("images/com/main/img_footer_logo.png") no-repeat left top;
}
.cl-container.udc-footer .cl-container.link-btn-group {
  border-right: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
}
.cl-container.udc-footer .cl-container.link-btn-group .cl-button {
  min-height: 56px;
  border: none;
  background-color: #FFFFFF !important;
  font-size: 17px;
  padding: 18px 24px;
  text-align: left;
  color: #111111;
  background-image: url("images/com/main/ic_footer_btn_more.svg");
  background-position: right 24px center;
  border-radius: 0;
}
.cl-container.udc-footer .cl-container.link-btn-group .cl-button.link {
  background-image: url("images/com/main/ic_footer_btn_link.svg");
}
.cl-container.udc-footer .cl-container.footer-box {
  padding: 32px 0 40px 0;
  width: 1416px !important;
  margin: 0 auto;
}
.cl-container.udc-footer .cl-container.footer-box .cl-container.logo-box {
  padding-top: 8px;
}
.cl-container.udc-footer .cl-container.footer-box .cl-output.copyright {
  color: #555555;
  font-size: 15px;
  text-align: right;
}
.cl-container.udc-footer .cl-container.text-btn-group .cl-output.separator {
  background-color: #bbbbbb;
}
/************************************************
 * 메뉴 확장 컨테이너 
 ************************************************/
.cl-container.mn-scale {
  border: 1px solid #111111;
  border-radius: 12px;
  padding: 8px;
  background-color: #FFFFFF;
  z-index: 999;
  margin-top: 12px;
}
.cl-container.mn-scale.end:before {
  left: 96px;
}
.cl-container.mn-scale:before {
  content: "";
  background: url("images/com/main/ic_tra.png") no-repeat center;
  width: 20px;
  height: 12px;
  position: absolute;
  top: -12px;
  left: calc(50% - 10px);
}
.cl-container.mn-scale .cl-button.btn-scale {
  padding: 0 16px;
  min-height: 44px;
  font-size: 17px;
  font-weight: 400;
  background-color: transparent;
  color: #111111;
  text-align: left;
  border-radius: 0;
  border: none;
}
.cl-container.mn-scale .cl-button.btn-scale:hover,
.cl-container.mn-scale .cl-button.btn-scale:active,
.cl-container.mn-scale .cl-button.btn-scale.cl-activated,
.cl-container.mn-scale .cl-button.btn-scale.on {
  background-color: #FFEDE2 !important;
  color: #FF5200;
  font-weight: 700;
  outline: none;
}
.cl-container.mn-scale .cl-button.btn-scale:focus,
.cl-container.mn-scale .cl-button.btn-scale.cl-focus {
  outline: none;
}
.cl-container.mn-scale .cl-button.btn-scale:focus-visible {
  outline: 2px dotted #111111;
}
.cl-container.mn-scale .cl-button.btn-scale-reset {
  border-color: #d8d8d8;
  border-width: 1px 0 0 0 !important;
  border-radius: 0;
  text-align: center;
  padding: 0;
  background-color: transparent;
  color: #111111;
  font-weight: 400;
  font-size: 17px;
}
.cl-container.mn-scale .cl-button.btn-scale-reset .cl-icon {
  background-image: url("images/com/main/ic_btn_reset.svg") !important;
  width: 20px;
  height: 20px;
  background-size: 20px 21px;
}
.cl-container.mn-scale .cl-button.btn-scale-reset.cl-icon-align-left .cl-icon {
  margin: 0 4px 0 0;
}
.cl-container.mn-scale .cl-button.btn-scale-reset:hover,
.cl-container.mn-scale .cl-button.btn-scale-reset:active,
.cl-container.mn-scale .cl-button.btn-scale-reset.cl-activated {
  color: #FF5200;
}
.cl-container.mn-scale .cl-button.btn-scale-reset:hover .cl-icon,
.cl-container.mn-scale .cl-button.btn-scale-reset:active .cl-icon,
.cl-container.mn-scale .cl-button.btn-scale-reset.cl-activated .cl-icon {
  background-image: url("images/com/main/ic_btn_reset_on.svg") !important;
}
.cl-container.mn-scale .cl-button.btn-scale-reset:focus,
.cl-container.mn-scale .cl-button.btn-scale-reset.cl-focus {
  outline: none;
}
.cl-zoom-90 .cl-navigationbar-accessiblemegamenu {
  transform: unset;
  zoom: unset;
  translate: 0 10%;
}
/************************************************
 * 커스텀 스타일 시트
 ************************************************/
/* 페이지 삭제 클래스 !!!실제 화면에 쓰이는 스타일 아님 */
body:has(.page-remove):before {
  content: "삭제된 페이지 입니다.";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 40px;
  font-weight: 700;
  color: #d7e140;
  padding-top: 400px;
  z-index: 2;
  text-align: center;
}
/* 개발요청!! 제외 표현 클래스 (고객용으로 실제 사용하는 클래스는 아님) */
.excluded:before {
  content: "2단계 OPEN";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  color: #E0EC27;
  font-size: 15px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
}
.excluded.cl-container:before {
  font-size: 25px;
  z-index: 1;
}
/* 개발요청!! 제외 표현 클래스 (고객용으로 실제 사용하는 클래스는 아님) */
.excluded2:before {
  content: "교육임시OPEN";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFB54C;
  font-size: 15px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
}
.excluded2.cl-container:before {
  font-size: 25px;
  z-index: 1;
}
.cl-container.content-wrapper,
.cl-container.pop-content-wrapper,
.cl-container.inner-content-wrapper {
  /* 컨텐츠 가운데 정렬 영역 스타일 */
  /* width full 영역 스타일 */
}
.cl-container.content-wrapper .cl-container.app-title-wrap,
.cl-container.pop-content-wrapper .cl-container.app-title-wrap,
.cl-container.inner-content-wrapper .cl-container.app-title-wrap {
  /* 앱 타이틀 영역 스타일 */
  margin-bottom: -40px !important;
  min-width: 1416px;
  margin: 0 auto;
  /* 하단 라인 스타일 */
}
.cl-container.content-wrapper .cl-container.app-title-wrap.bottom-line,
.cl-container.pop-content-wrapper .cl-container.app-title-wrap.bottom-line,
.cl-container.inner-content-wrapper .cl-container.app-title-wrap.bottom-line {
  padding-bottom: 40px;
  margin-bottom: 0 !important;
  border-bottom: 1px solid #DDDDDD;
}
.cl-container.content-wrapper .cl-container.app-title-wrap.mb-0,
.cl-container.pop-content-wrapper .cl-container.app-title-wrap.mb-0,
.cl-container.inner-content-wrapper .cl-container.app-title-wrap.mb-0 {
  margin-bottom: 0px !important;
}
.cl-container.content-wrapper .cl-container.app-title-wrap .cl-container.app-tit-btn-group .cl-button.btn-i-map .cl-icon,
.cl-container.pop-content-wrapper .cl-container.app-title-wrap .cl-container.app-tit-btn-group .cl-button.btn-i-map .cl-icon,
.cl-container.inner-content-wrapper .cl-container.app-title-wrap .cl-container.app-tit-btn-group .cl-button.btn-i-map .cl-icon {
  background-image: url("images/controls/button/ic_btn_map2.svg") !important;
}
.cl-container.content-wrapper .cl-container.content-section,
.cl-container.pop-content-wrapper .cl-container.content-section,
.cl-container.inner-content-wrapper .cl-container.content-section {
  width: 1416px !important;
  margin: 0 auto;
  /* distribution = center */
  /* 신청 폼 스타일 (경영체 등록) */
  /* 2단계 농식품사업 콘텐츠에서도 사용 */
}
.cl-container.content-wrapper .cl-container.content-section.full,
.cl-container.pop-content-wrapper .cl-container.content-section.full,
.cl-container.inner-content-wrapper .cl-container.content-section.full {
  background-color: #F4F4F4;
}
.cl-container.content-wrapper .cl-container.content-section.wd-auto,
.cl-container.pop-content-wrapper .cl-container.content-section.wd-auto,
.cl-container.inner-content-wrapper .cl-container.content-section.wd-auto {
  min-width: 0;
}
.cl-container.content-wrapper .cl-container.content-section.wd-936,
.cl-container.pop-content-wrapper .cl-container.content-section.wd-936,
.cl-container.inner-content-wrapper .cl-container.content-section.wd-936 {
  width: 936px !important;
}
.cl-container.content-wrapper .cl-container.content-section.wd-696,
.cl-container.pop-content-wrapper .cl-container.content-section.wd-696,
.cl-container.inner-content-wrapper .cl-container.content-section.wd-696 {
  width: 696px !important;
}
.cl-container.content-wrapper .cl-container.content-section.step-form-group > .cl-layout > .cl-layout-content .cl-container.right-group,
.cl-container.pop-content-wrapper .cl-container.content-section.step-form-group > .cl-layout > .cl-layout-content .cl-container.right-group,
.cl-container.inner-content-wrapper .cl-container.content-section.step-form-group > .cl-layout > .cl-layout-content .cl-container.right-group {
  width: 696px !important;
}
.cl-container.content-wrapper .cl-container.content-section.step-form-group.wd-fill > .cl-layout > .cl-layout-content .cl-container.right-group,
.cl-container.pop-content-wrapper .cl-container.content-section.step-form-group.wd-fill > .cl-layout > .cl-layout-content .cl-container.right-group,
.cl-container.inner-content-wrapper .cl-container.content-section.step-form-group.wd-fill > .cl-layout > .cl-layout-content .cl-container.right-group {
  width: 100% !important;
}
.cl-container.content-wrapper .cl-container.content-section.step-form-group .cl-container.right-group > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-first-row:has(.step-check),
.cl-container.pop-content-wrapper .cl-container.content-section.step-form-group .cl-container.right-group > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-first-row:has(.step-check),
.cl-container.inner-content-wrapper .cl-container.content-section.step-form-group .cl-container.right-group > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-first-row:has(.step-check) {
  padding-top: 110px;
}
.cl-container.content-wrapper .cl-container.full-section,
.cl-container.pop-content-wrapper .cl-container.full-section,
.cl-container.inner-content-wrapper .cl-container.full-section {
  background-color: #F4F4F4;
  /* distribution = center */
}
.cl-container.content-wrapper .cl-container.full-section > .cl-layout > .cl-layout-content,
.cl-container.pop-content-wrapper .cl-container.full-section > .cl-layout > .cl-layout-content,
.cl-container.inner-content-wrapper .cl-container.full-section > .cl-layout > .cl-layout-content {
  width: 1416px !important;
  margin: 0 auto;
}
.cl-container.content-wrapper .cl-container.full-section.wd-936 > .cl-layout > .cl-layout-content,
.cl-container.pop-content-wrapper .cl-container.full-section.wd-936 > .cl-layout > .cl-layout-content,
.cl-container.inner-content-wrapper .cl-container.full-section.wd-936 > .cl-layout > .cl-layout-content {
  width: 936px !important;
}
.cl-container.content-wrapper .cl-container.full-section.wd-696 > .cl-layout > .cl-layout-content,
.cl-container.pop-content-wrapper .cl-container.full-section.wd-696 > .cl-layout > .cl-layout-content,
.cl-container.inner-content-wrapper .cl-container.full-section.wd-696 > .cl-layout > .cl-layout-content {
  width: 696px !important;
}
.cl-container.content-wrapper .cl-container.full-section.wd-auto > .cl-layout > .cl-layout-content,
.cl-container.pop-content-wrapper .cl-container.full-section.wd-auto > .cl-layout > .cl-layout-content,
.cl-container.inner-content-wrapper .cl-container.full-section.wd-auto > .cl-layout > .cl-layout-content {
  width: 100% !important;
}
.cl-container.content-wrapper .cl-container.app-header,
.cl-container.pop-content-wrapper .cl-container.app-header,
.cl-container.inner-content-wrapper .cl-container.app-header {
  /* ---------- 프로그램 타이틀 영역 ---------- */
}
.cl-container.content-wrapper .cl-container.content-header,
.cl-container.pop-content-wrapper .cl-container.content-header,
.cl-container.inner-content-wrapper .cl-container.content-header,
.cl-container.content-wrapper .cl-container.pop-content-header,
.cl-container.pop-content-wrapper .cl-container.pop-content-header,
.cl-container.inner-content-wrapper .cl-container.pop-content-header {
  /* ---------- 헤더 영역 ---------- */
}
.cl-container.content-wrapper .cl-container.content-body,
.cl-container.pop-content-wrapper .cl-container.content-body,
.cl-container.inner-content-wrapper .cl-container.content-body,
.cl-container.content-wrapper .cl-container.pop-content-body,
.cl-container.pop-content-wrapper .cl-container.pop-content-body,
.cl-container.inner-content-wrapper .cl-container.pop-content-body,
.cl-container.content-wrapper .cl-container.inner-content-body,
.cl-container.pop-content-wrapper .cl-container.inner-content-body,
.cl-container.inner-content-wrapper .cl-container.inner-content-body {
  /* ---------- 바디 영역 ---------- */
}
.cl-container.content-wrapper .cl-container.mobile > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.mobile-footer),
.cl-container.pop-content-wrapper .cl-container.mobile > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.mobile-footer),
.cl-container.inner-content-wrapper .cl-container.mobile > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-container.mobile-footer) {
  /* 모바일 푸터 플로팅으로 인해 간격 0으로 적용 */
  margin-top: 0px !important;
}
.cl-container.content-wrapper {
  /* udcmainheader가 있는 경우 */
  /* udcmainheader sticky */
  /* 11.14 추가 */
  /* 풀팝업 화면 구조 (농업재해정보 대응지침 등) */
  /* 1.16 추가 */
  /* 풀팝업 화면 구조 (농업재해정보 대응지침 등) */
}
.cl-container.content-wrapper > .cl-layout {
  /* 버티컬 레이아웃에서만 적용됨 */
}
.cl-container.content-wrapper > .cl-layout > .cl-layout-content:has(> .cl-layout-wrap.cl-first-row >.cl-embeddedapp.gov) > .cl-layout-margin-top {
  height: 0 !important;
}
.cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-embeddedapp.header) {
  position: sticky !important;
  top: 0px;
  z-index: 1;
  margin-bottom: 24px !important;
}
.cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.content-footer) {
  margin-top: 80px !important;
}
.cl-container.content-wrapper .cl-container.content-body .cl-container.content-btn-group .cl-button {
  font-size: 21px;
  font-weight: 700;
}
.cl-container.content-wrapper .cl-container.content-footer {
  padding-bottom: 2px;
}
.cl-container.content-wrapper .cl-container.content-footer .cl-button {
  font-size: 21px;
  font-weight: 700;
}
.cl-container.content-wrapper .cl-container.content-footer .cl-button.h-60 {
  height: 60px !important;
}
.cl-container.content-wrapper.ft-spacing .cl-container.udc-footer {
  padding-top: 120px;
}
.cl-container.content-wrapper.ft-spacing-0 .cl-container.udc-footer {
  padding-top: 0px;
}
.cl-container.content-wrapper.map > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-embeddedapp.header) {
  margin-bottom: 0px !important;
}
.cl-container.content-wrapper.full-pop .cl-container.content-body {
  padding: 40px 0 80px 0;
}
.cl-container.content-wrapper.depth-2 {
  content: "";
}
.cl-container.pop-content-wrapper {
  /* 신청등록 정보확인 팝업 */
  /* 농업경영체 등록 팝업 일반화면 */
}
.cl-container.pop-content-wrapper .cl-container.pop-content-header {
  padding: 40px 40px 8px 40px;
}
.cl-container.pop-content-wrapper .cl-container.pop-content-body {
  padding: 24px 40px 40px 40px;
}
.cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-container.content-btn-group .cl-button {
  font-size: 21px;
  font-weight: 700;
}
.cl-container.pop-content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.pop-content-header) + .cl-layout-wrap .cl-container.pop-content-body {
  /* pop-content-header가 존재하면 */
  padding-top: 0;
}
.cl-container.pop-content-wrapper > .cl-layout > .cl-layout-content:has(.pop-content-header) > .cl-container.pop-content-header + .cl-container.pop-content-body {
  /* pop-content-header가 존재하면 */
  padding-top: 0;
}
.cl-container.pop-content-wrapper .cl-container.pop-content-footer {
  padding: 0 20px 40px 20px;
}
.cl-container.pop-content-wrapper .cl-container.pop-content-footer .cl-button {
  font-size: 21px;
}
.cl-container.pop-content-wrapper .cl-container.pop-content-footer.fixed-bottom {
  /* 모바일에서는 60 */
}
.cl-container.pop-content-wrapper .cl-container.pop-content-footer.fixed-bottom .cl-button.mh-48 {
  height: 48px !important;
  font-size: 17px;
}
.cl-container.pop-content-wrapper .cl-output.info-text {
  margin-top: 24px;
}
.cl-container.pop-content-wrapper.enroll .cl-container.pop-content-body {
  padding: 40px 40px 40px 40px;
}
.cl-container.pop-content-wrapper.enroll .cl-container.pop-content-body .cl-output.pop-text {
  font-size: 32px;
  font-weight: 700;
}
.cl-container.pop-content-wrapper.enroll .cl-container.pop-content-body .cl-output.pop-text .cl-text {
  line-height: 1.3;
}
.cl-container.pop-content-wrapper.enroll .cl-container.pop-content-body .cl-output.pop-text .cl-text span {
  font-weight: 300;
}
.cl-container.pop-content-wrapper.enroll .cl-container.pop-content-body .cl-container.info-grp {
  padding-top: 24px;
}
.cl-container.pop-content-wrapper.enroll .cl-container.pop-content-footer {
  padding: 0 0 40px;
}
.cl-container.pop-content-wrapper.enroll .cl-container.pop-content-footer .cl-button {
  font-size: 17px;
  font-weight: 700;
  min-width: 136px;
  height: 48px !important;
  border-radius: 8px;
}
.cl-container.pop-content-wrapper.enroll .cl-container.pop-content-footer .cl-button.prev {
  min-width: 96px;
  padding: 0;
}
.cl-container.pop-content-wrapper.enroll-basic:not(.ndp) .cl-output.heading-txt2 {
  font-size: 32px;
}
.cl-container.pop-content-wrapper.enroll-basic .cl-container.pop-content-body {
  padding: 40px 40px 0px 40px;
  padding: 40px 40px 0 40px;
}
.cl-container.pop-content-wrapper.enroll-basic:not(:has(.cl-container.pop-content-footer)) .cl-container.pop-content-body {
  padding: 40px;
}
.cl-container.pop-content-wrapper.enroll-basic .cl-container.no-data-box {
  padding: 80px 0;
}
.cl-container.pop-content-wrapper.enroll-basic > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-last-row:has(.pop-content-footer) {
  position: sticky !important;
  bottom: 0;
  background-color: #FFFFFF;
  padding: 40px 0 0 0;
}
.cl-container.pop-content-wrapper.enroll-basic .cl-container.pop-content-footer .cl-button {
  font-size: 17px;
  font-weight: 700;
  min-width: 136px;
  height: 48px !important;
  border-radius: 8px;
}
.cl-container.pop-content-wrapper.enroll-basic .cl-container.pop-content-footer .cl-button.h-60 {
  height: 60px !important;
}
.cl-container.pop-content-wrapper.enroll-basic .cl-container.pop-content-footer .cl-button.h-auto {
  height: auto !important;
}
.cl-container.pop-content-wrapper.enroll-basic .cl-container.info-grp {
  padding-top: 24px;
}
/* 그룹 특성 */
.cl-container.flex-end > .cl-layout > .cl-layout-content {
  display: flex !important;
  align-items: end;
}
.cl-container.flex-align-center > .cl-layout > .cl-layout-content {
  display: flex !important;
  align-items: center;
}
/************************************************
 * 홈 화면
 * app/ab/main/ab01006m0/main
 ************************************************/
.cl-container.home {
  padding-bottom: 0 !important;
  /* 로그인하기 버튼 */
  /* 배너 영역 스타일 */
  /* 홈 화면내의 로그인 유도 버튼 스타일 */
  /* 자주찾는 영역 그룹 스타일 */
  /* 신청가능한 사업 영역 스타일 */
  /* 농지에서 알려드립니다. 그룹 스타일 */
  /* 신청가능한 사업 노데이터 박스 */
}
.cl-container.home .cl-container.keyword-box {
  padding: 23px 0 0 0px;
  margin: 0 120px 0 0;
}
.cl-container.home .cl-container.keyword-box .cl-output.tit {
  font-size: 21px;
  font-weight: 700;
  color: #FF5200;
}
.cl-container.home .cl-container.keyword-box .cl-container.keyword-inside {
  padding-left: 24px;
}
.cl-container.home .cl-container.keyword-box .cl-container.keyword-inside > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(:first-child) {
  padding-left: 24px;
}
.cl-container.home .cl-container.mb-header {
  background-color: #FFFFFF;
}
.cl-container.home .cl-container.mb-header .cl-output.logo {
  background: url("images/com/main/img_logo_mb.png") no-repeat center;
}
.cl-container.home .cl-container.mb-header .cl-button {
  background-color: transparent;
  border: none;
  border-radius: 0px;
  padding: 0px;
  background-size: 24px;
}
.cl-container.home .cl-container.mb-header .cl-button:not(.cl-disabled):hover,
.cl-container.home .cl-container.mb-header .cl-button:focus,
.cl-container.home .cl-container.mb-header .cl-button.cl-focus,
.cl-container.home .cl-container.mb-header .cl-button:not(.cl-disabled).cl-activated,
.cl-container.home .cl-container.mb-header .cl-button:not(.cl-disabled):active {
  border: none;
  background-color: transparent;
}
.cl-container.home .cl-container.mb-header .cl-button.btn-menu {
  background-image: url("images/com/udc/ic_btn_header_menu.svg");
}
.cl-container.home .cl-container.mb-header .cl-button.btn-font {
  background-image: url("images/com/main/ic_btn_fontsize.svg");
}
.cl-container.home .cl-container.mb-header .cl-button.btn-user {
  background-image: url("images/com/main/ic_btn_login.svg");
}
.cl-container.home .cl-searchinput.search {
  background-color: #F4F4F4;
  font-size: 25px;
  border-radius: 999px;
  padding: 19px 32px;
  border: none;
  width: 669px;
}
.cl-container.home .cl-searchinput.search .cl-text {
  padding: 0;
}
.cl-container.home .cl-searchinput.search .cl-text.cl-placeholder {
  color: #888888 !important;
}
.cl-container.home .cl-searchinput.search .cl-searchinput-search {
  background-size: 28px;
  width: 28px;
  margin: 0 20px 0 0;
}
.cl-container.home .cl-button.btn-login {
  font-size: 25px;
  font-weight: 500;
  background-color: #FFFFFF;
  border-color: #111111;
  border-radius: 999px;
  color: #111111;
}
.cl-container.home .cl-button.btn-login:not(.cl-disabled):hover,
.cl-container.home .cl-button.btn-login:focus,
.cl-container.home .cl-button.btn-login.cl-focus,
.cl-container.home .cl-button.btn-login:not(.cl-disabled).cl-activated,
.cl-container.home .cl-button.btn-login:not(.cl-disabled):active {
  background-color: #FFFFFF;
  border-color: #FF5200;
  color: #FF5200;
}
.cl-container.home .cl-button.btn-login.cl-disabled {
  border-color: #DDDDDD;
  color: #BBBBBB;
}
.cl-container.home .cl-button.btn-i-more2.border {
  border-color: #DDDDDD !important;
}
.cl-container.home .cl-container.topbanner {
  overflow: hidden !important;
  min-height: 302px !important;
}
.cl-container.home .cl-container.topbanner .cl-output {
  color: #FFFFFF;
}
.cl-container.home .cl-container.topbanner .cl-output.sub-txt {
  font-weight: 700;
  font-size: 21px;
}
.cl-container.home .cl-container.topbanner .cl-output.sub-txt .cl-text {
  line-height: 1;
}
.cl-container.home .cl-container.topbanner .cl-output.text {
  font-size: 50px;
  font-weight: 700;
  margin-top: -20px;
}
.cl-container.home .cl-container.topbanner .cl-output.text .cl-text {
  line-height: 1.3;
}
.cl-container.home .cl-container.topbanner .cl-output.date {
  font-weight: 600;
  font-size: 19px;
  color: #FFFFFF;
}
.cl-container.home .cl-container.topbanner .cl-output.date .cl-text {
  line-height: 1;
}
.cl-container.home .cl-container.topbanner .cl-container.banner-slide {
  border-radius: 40px;
  padding: 64px 178px 64px 64px;
  min-height: 360px;
  max-height: 360px;
  background-repeat: no-repeat;
  background-position: right bottom;
}
.cl-container.home .cl-button.btn-home-login {
  background-color: #233A6C;
  border: none;
  border-radius: 20px;
  font-size: 19px;
  font-weight: 700;
  padding: 24px 28px 24px 24px;
  color: #FFFFFF;
  text-align: left;
  background-image: url("images/controls/button/ic_btn_right_w_16.svg");
  background-position: right 12px center;
}
.cl-container.home .cl-button.btn-home-login .cl-text {
  line-height: 28.5px !important;
}
.cl-container.home .cl-button.btn-home-login:not(.cl-disabled):hover,
.cl-container.home .cl-button.btn-home-login:focus,
.cl-container.home .cl-button.btn-home-login.cl-focus,
.cl-container.home .cl-button.btn-home-login:not(.cl-disabled).cl-activated,
.cl-container.home .cl-button.btn-home-login:not(.cl-disabled):active {
  background-color: #233A6C;
  color: #FFFFFF;
}
.cl-container.home .cl-container.frequent-area:after {
  content: "";
  position: absolute;
  background: url("images/com/dashbod/img_shadow.png") no-repeat center;
  width: 594px;
  height: 287px;
  top: 0px;
  right: 0px;
}
.cl-container.home .cl-container.frequent-area:before {
  content: "";
  position: absolute;
  background: url("images/com/dashbod/img_shadow2.png") no-repeat center;
  width: 954px;
  height: 305px;
  bottom: 0px;
  left: 150px;
  z-index: 0;
}
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button {
  min-height: 216px;
  background-color: #FFFFFF;
  border-color: transparent;
  border-radius: 40px;
  font-size: 21px;
  font-weight: 500;
  padding: 32px 24px 86px 24px;
  background-position: right 32px bottom 24px;
  text-align: left;
  color: #111111;
}
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button .cl-text-wrapper {
  align-items: baseline !important;
}
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button .cl-text {
  line-height: 1.3 !important;
}
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.on,
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button:hover,
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button:active,
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.cl-activated {
  color: #FFFFFF;
  background-color: #FF5200;
  font-weight: 700;
  font-size: 25px;
}
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.on:before,
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button:hover:before,
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button:active:before,
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.cl-activated:before {
  content: "";
  position: absolute;
  width: 168px;
  height: 90px;
  background: url("images/com/dashbod/img_service_btn.svg") no-repeat center;
  right: 0;
  bottom: 37px;
}
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-check {
  background-image: url("images/com/dashbod/ic_btn_service_check2.png");
}
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-check.on,
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-check:hover,
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-check:active,
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-check.cl-active {
  background-image: url("images/com/dashbod/ic_btn_service_check2_on.png");
}
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-find {
  background-image: url("images/com/dashbod/ic_btn_service_find.png");
}
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-find.on,
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-find:hover,
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-find:active,
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-find.cl-active {
  background-image: url("images/com/dashbod/ic_btn_service_find_on.png");
}
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-find2 {
  background-image: url("images/com/dashbod/ic_btn_service_find2.png");
}
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-find2.on,
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-find2:hover,
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-find2:active,
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-find2.cl-active {
  background-image: url("images/com/dashbod/ic_btn_service_find2_on.png");
}
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-faq {
  background-image: url("images/com/dashbod/ic_btn_service_faq.png");
}
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-faq.on,
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-faq:hover,
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-faq:active,
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-faq.cl-active {
  background-image: url("images/com/dashbod/ic_btn_service_faq_on.png");
}
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-guide {
  background-image: url("images/com/dashbod/ic_btn_service_guide.png");
}
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-guide.on,
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-guide:hover,
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-guide:active,
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-guide.cl-active {
  background-image: url("images/com/dashbod/ic_btn_service_guide_on.png");
}
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-map {
  background-image: url("images/com/dashbod/ic_btn_service_map.png");
}
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-map.on,
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-map:hover,
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-map:active,
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-map.cl-active {
  background-image: url("images/com/dashbod/ic_btn_service_map_on.png");
}
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-issue {
  background-image: url("images/com/dashbod/ic_btn_service_issue.svg");
}
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-issue.on,
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-issue:hover,
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-issue:active,
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-issue.cl-active {
  background-image: url("images/com/dashbod/ic_btn_service_issue_on.svg");
}
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-agent-apply {
  background-image: url("images/com/dashbod/ic_btn_service_agent_apply.svg");
}
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-agent-apply.on,
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-agent-apply:hover,
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-agent-apply:active,
.cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-agent-apply.cl-active {
  background-image: url("images/com/dashbod/ic_btn_service_agent_apply_on.svg");
}
.cl-container.home .cl-container.content-area .switch-tab {
  width: 320px;
}
.cl-container.home .h-48 {
  height: 48px !important;
}
.cl-container.home .cl-container.content-area2 .cl-container.board-box {
  border-radius: 40px;
  background-color: #FFFFFF;
  padding: 24px 40px 16px 40px;
}
.cl-container.home .cl-container.content-area2 .cl-container.board-box .cl-container.board-list {
  padding-bottom: 16px;
  border-bottom: 1px solid #EEEEEE;
  /* 제목 타입 ex)긴급 */
  /* 제목 스타일 */
  /* 제목 타입과 제목을 감싸는 그룹 */
}
.cl-container.home .cl-container.content-area2 .cl-container.board-box .cl-container.board-list.cl-last-row {
  padding-bottom: 0;
  border-bottom: none;
}
.cl-container.home .cl-container.content-area2 .cl-container.board-box .cl-container.board-list .cl-output.noti {
  margin-bottom: 4px;
  font-size: 19px;
  font-weight: 700;
}
.cl-container.home .cl-container.content-area2 .cl-container.board-box .cl-container.board-list .cl-output.noti .cl-text {
  line-height: 1.5;
}
.cl-container.home .cl-container.content-area2 .cl-container.board-box .cl-container.board-list .cl-output.noti > div {
  table-layout: fixed !important;
}
.cl-container.home .cl-container.content-area2 .cl-container.board-box .cl-container.board-list .cl-output .cl-text {
  line-height: 1.2;
}
.cl-container.home .cl-container.content-area2 .cl-container.board-box .cl-container.board-list .cl-output.list-tit-type {
  font-size: 15px;
  font-weight: 500;
  /* 긴급 스타일 */
}
.cl-container.home .cl-container.content-area2 .cl-container.board-box .cl-container.board-list .cl-output.list-tit-type.urgent {
  background: url("images/com/dashbod/ic_list_danger.png") no-repeat left top 3px;
  width: 50px !important;
  margin-right: 8px;
}
.cl-container.home .cl-container.content-area2 .cl-container.board-box .cl-container.board-list .cl-output.tit {
  font-weight: 500;
}
.cl-container.home .cl-container.content-area2 .cl-container.board-box .cl-container.board-list .cl-output.tit .cl-text {
  display: grid !important;
  grid-template-columns: auto max-content 1fr;
  line-height: 1.5;
}
.cl-container.home .cl-container.content-area2 .cl-container.board-box .cl-container.board-list .cl-output.tit .cl-text span:nth-child(1) {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cl-container.home .cl-container.content-area2 .cl-container.board-box .cl-container.board-list .cl-output.tit .cl-text span:nth-child(2) {
  margin-left: 16px;
}
.cl-container.home .cl-container.content-area2 .cl-container.board-box .cl-container.board-list .cl-output.tit .cl-text span.new {
  width: 20px;
  height: 20px;
  background: url("images/com/dashbod/ic_n.png") no-repeat center;
  margin: auto 0 auto 8px;
}
.cl-container.home .cl-container.content-area2 .cl-container.board-box .cl-container.board-list .cl-output.tit .cl-text span.file {
  width: 20px;
  height: 20px;
  background: url("images/controls/output/icon_attachment.png") no-repeat center/20px;
  padding: 0;
  margin: auto 0 auto 8px;
}
.cl-container.home .cl-container.content-area2 .cl-container.board-box .cl-container.board-list .cl-container.tit-wrap > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.tit) {
  display: block !important;
}
.cl-container.home .cl-container.content-area2 .cl-container.board-box .cl-container.board-list .cl-container.tit-wrap > .cl-layout > .cl-layout-content:has(.noti) {
  display: flex !important;
}
.cl-container.home .cl-container.content-area2 .cl-container.board-box .cl-container.board-list .cl-output.date {
  font-size: 15px;
  color: #555555;
  font-weight: 400;
}
.cl-container.home .cl-container.content-area2 .cl-container.board-box .cl-container.board-list .cl-output.new {
  padding-left: 44px;
  background: url("images/com/dashbod/ic_new.svg") no-repeat left center;
}
.cl-container.home .cl-container.content-area2 .cl-container.noti-card1,
.cl-container.home .cl-container.content-area2 .cl-container.noti-card2 {
  border-radius: 40px;
  background-position: top 52px left 40px;
  background-repeat: no-repeat;
  padding: 144px 40px 40px 40px;
}
.cl-container.home .cl-container.content-area2 .cl-container.noti-card1:before,
.cl-container.home .cl-container.content-area2 .cl-container.noti-card2:before {
  content: "";
  position: absolute;
  width: 297px;
  height: 153px;
  background: url("images/com/dashbod/img_bg_pattern.png") no-repeat left center;
  left: 95px;
  bottom: 28px;
}
.cl-container.home .cl-container.content-area2 .cl-container.noti-card1 .cl-output,
.cl-container.home .cl-container.content-area2 .cl-container.noti-card2 .cl-output {
  color: #FFFFFF;
}
.cl-container.home .cl-container.content-area2 .cl-container.noti-card1 .cl-output.text,
.cl-container.home .cl-container.content-area2 .cl-container.noti-card2 .cl-output.text {
  font-size: 19px;
  margin-top: -8px;
}
.cl-container.home .cl-container.content-area2 .cl-container.noti-card1 .cl-output.text .cl-text,
.cl-container.home .cl-container.content-area2 .cl-container.noti-card2 .cl-output.text .cl-text {
  line-height: 28.5px;
}
.cl-container.home .cl-container.content-area2 .cl-container.noti-card1 {
  background-image: url("images/com/dashbod/ic_noticard1.png");
  background-color: #FF5200;
}
.cl-container.home .cl-container.content-area2 .cl-container.noti-card2 {
  background-image: url("images/com/dashbod/ic_noticard2.png");
  background-color: #233A6C;
}
.cl-container.home .cl-container.content-area2 .cl-button.btn-link .cl-icon {
  background-image: url("images/com/main/ic_btn_link.svg") !important;
}
.cl-container.home .cl-container.content-area2 .cl-button.btn-link.cl-icon-align-right .cl-icon {
  margin: 0px;
}
.cl-container.home .cl-container.content-area2 .cl-button.btn-link {
  text-decoration: none;
}
.cl-container.home .cl-container.content-area2 .cl-button.btn-link .cl-text {
  box-shadow: inset 0 -1px 0 #FFFFFF;
}
.cl-container.home .cl-container.content-area2 .cl-button:focus-visible {
  outline-color: #FFFFFF;
}
.cl-container.home .cl-container.no-data-box {
  background-color: #FFFFFF;
  padding: 120px 0;
}
.cl-container.home .cl-container.no-data-box .cl-output.no-data-msg {
  font-size: 25px;
  font-weight: 500;
  background: url("images/controls/image/img-info-connect.png") no-repeat top center;
  padding-top: 240px;
  text-align: center;
}
.cl-container.home .cl-container.no-data-box .cl-output.no-data-msg .cl-text {
  line-height: 1.3;
}
.cl-container.home .cl-embeddedpage.emp-map {
  border-radius: 40px;
  overflow: hidden;
}
/* 아코디언 */
.cl-accordion.contents {
  /** 아코디언의 각 헤더 */
}
.cl-accordion.contents .cl-accordion-header {
  background-color: transparent;
  border: 1px solid #DDDDDD;
  border-width: 0 0 1px 0;
  color: #111111;
  font-weight: 600;
  font-size: 25px;
  padding: 28px;
  min-height: 80px;
}
.cl-accordion.contents .cl-accordion-header .cl-text {
  line-height: 1.3;
  font-weight: 400;
}
.cl-accordion.contents .cl-accordion-header.cl-first {
  border-width: 1px 0 0 0;
}
.cl-accordion.contents .cl-accordion-header.cl-activated .cl-text {
  font-weight: 600;
}
.cl-accordion.contents .cl-accordion-section:not(.cl-accordion-placeholder) {
  /* 아코디언 컨텐츠 */
}
.cl-accordion.contents .cl-accordion-section:not(.cl-accordion-placeholder) .cl-accordion-content {
  background-color: #F4F4F4;
  border: none;
  padding: 40px 64px;
}
.cl-accordion.contents .cl-accordion-header {
  /*절차*/
  /* 변경대상 */
  /* 농가란 */
}
.cl-accordion.contents .cl-accordion-header.new-register,
.cl-accordion.contents .cl-accordion-header.register,
.cl-accordion.contents .cl-accordion-header.target,
.cl-accordion.contents .cl-accordion-header.document,
.cl-accordion.contents .cl-accordion-header.apply,
.cl-accordion.contents .cl-accordion-header.proceduce,
.cl-accordion.contents .cl-accordion-header.subject-change,
.cl-accordion.contents .cl-accordion-header.home,
.cl-accordion.contents .cl-accordion-header.money,
.cl-accordion.contents .cl-accordion-header.qua,
.cl-accordion.contents .cl-accordion-header.farm,
.cl-accordion.contents .cl-accordion-header.farmer,
.cl-accordion.contents .cl-accordion-header.target-none,
.cl-accordion.contents .cl-accordion-header.target2 {
  padding-left: 80px;
  background-repeat: no-repeat;
  background-position: left 24px center;
}
.cl-accordion.contents .cl-accordion-header.new-register {
  background-image: url("images/com/content/ic_header_new_register.png");
}
.cl-accordion.contents .cl-accordion-header.register {
  background-image: url("images/com/content/ic_header_register.png");
}
.cl-accordion.contents .cl-accordion-header.target {
  background-image: url("images/com/content/ic_header_target.png");
}
.cl-accordion.contents .cl-accordion-header.document {
  background-image: url("images/com/content/ic_header_document.png");
}
.cl-accordion.contents .cl-accordion-header.apply {
  background-image: url("images/com/content/ic_header_apply.png");
}
.cl-accordion.contents .cl-accordion-header.proceduce {
  background-image: url("images/com/content/ic_header_proceduce.svg");
}
.cl-accordion.contents .cl-accordion-header.subject-change {
  background-image: url("images/com/content/ic_header_subject_change.png");
}
.cl-accordion.contents .cl-accordion-header.home {
  background-image: url("images/com/content/ic_header_home.png");
}
.cl-accordion.contents .cl-accordion-header.qua {
  background-image: url("images/com/content/ic_header_qua.png");
}
.cl-accordion.contents .cl-accordion-header.money {
  background-image: url("images/com/content/ic_header_money.png");
}
.cl-accordion.contents .cl-accordion-header.farmer {
  background-image: url("images/com/content/ic_header_farmer.svg");
}
.cl-accordion.contents .cl-accordion-header.farm {
  background-image: url("images/com/content/ic_header_farm.svg");
}
.cl-accordion.contents .cl-accordion-header.target-none {
  background-image: url("images/com/content/ic_header_target_none.svg");
}
.cl-accordion.contents .cl-accordion-header.target2 {
  background-image: url("images/com/content/ic_header_target2.png");
}
.cl-accordion.contents:focus,
.cl-accordion.contents.cl-focus {
  outline: none;
}
.cl-accordion.contents:hover .cl-accordion-header {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cl-accordion.faq .cl-accordion-section + .cl-accordion-header {
  margin-top: 0;
}
.cl-accordion.faq .cl-accordion-header {
  background-color: transparent;
  border: 1px solid #EEEEEE;
  border-width: 0 0 1px 0;
  color: #111111;
  font-size: 21px;
  padding: 40px 0px;
  min-height: auto;
  margin-top: -4px;
}
.cl-accordion.faq .cl-accordion-header .cl-text {
  line-height: 1.3;
  font-weight: 700 !important;
}
.cl-accordion.faq .cl-accordion-header.cl-first {
  border-width: 0px 0 1px 0px;
  border-top-color: #EEEEEE;
}
.cl-accordion.faq .cl-accordion-header.cl-activated {
  border-color: #111111;
}
.cl-accordion.faq .cl-accordion-header:focus {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cl-accordion.faq:focus,
.cl-accordion.faq.cl-focus {
  outline: none;
}
.cl-accordion.faq .cl-accordion-section:not(.cl-accordion-placeholder) .cl-accordion-content {
  padding: 40px;
}
.cl-container.accordion-wrap > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-last-row > .cl-accordion.cl-last-row .cl-accordion-header {
  border-width: 1px 0;
}
@media (max-width: 767px) {
  .cl-accordion.contents {
    /** 아코디언의 각 헤더 */
  }
  .cl-accordion.contents .cl-accordion-header {
    padding: 20px 12px;
    min-height: 66px;
    font-size: 17px;
    font-weight: 700 !important;
  }
  .cl-accordion.contents .cl-accordion-header .cl-text {
    line-height: 1.5;
  }
  .cl-accordion.contents .cl-accordion-section:not(.cl-accordion-placeholder) {
    /* 아코디언 컨텐츠 */
  }
  .cl-accordion.contents .cl-accordion-section:not(.cl-accordion-placeholder) .cl-accordion-content {
    padding: 24px 20px;
  }
  .cl-accordion.contents .cl-accordion-header.new-register,
  .cl-accordion.contents .cl-accordion-header.register,
  .cl-accordion.contents .cl-accordion-header.target,
  .cl-accordion.contents .cl-accordion-header.document,
  .cl-accordion.contents .cl-accordion-header.apply,
  .cl-accordion.contents .cl-accordion-header.proceduce,
  .cl-accordion.contents .cl-accordion-header.subject-change,
  .cl-accordion.contents .cl-accordion-header.home,
  .cl-accordion.contents .cl-accordion-header.money,
  .cl-accordion.contents .cl-accordion-header.qua,
  .cl-accordion.contents .cl-accordion-header.farm,
  .cl-accordion.contents .cl-accordion-header.farmer,
  .cl-accordion.contents .cl-accordion-header.target-none,
  .cl-accordion.contents .cl-accordion-header.target2,
  .cl-accordion.contents .cl-accordion-header.target2 {
    padding-left: 44px;
    background-size: 24px;
    background-position: left 12px center;
  }
  .cl-accordion.faq .cl-accordion-header {
    padding: 20px 0px 20px 0px;
    font-size: 17px;
    margin-top: -4px;
  }
  .cl-accordion.faq .cl-accordion-header .cl-text {
    line-height: 1.5;
    font-weight: 700 !important;
  }
  .cl-accordion.faq .cl-accordion-header.cl-first {
    border-width: 0 0 1px 0;
  }
  .cl-accordion.faq .cl-accordion-section:not(.cl-accordion-placeholder) .cl-accordion-content {
    padding: 24px 20px;
  }
}
/********************************************** 2단계 **********************************************/
/* 리스트 체크 아코디언 스타일 */
.cl-accordion.acd-list-check {
  border: 1px solid #DDDDDD;
  border-radius: 20px;
  padding: 32px;
  /* 아코디언 섹션 사용하지 않는 경우 */
  /* 작은 사이즈 */
}
.cl-accordion.acd-list-check:has(.cl-activated) {
  border-color: #FF5200;
}
.cl-accordion.acd-list-check.section-none .cl-accordion-section {
  display: none !important;
}
.cl-accordion.acd-list-check .cl-accordion-header {
  border-radius: 20px;
  padding: 0;
  border-width: 0px;
  font-size: 25px;
  font-weight: 400;
  min-height: 0;
}
.cl-accordion.acd-list-check .cl-accordion-header .cl-text {
  line-height: 1.4;
}
.cl-accordion.acd-list-check .cl-accordion-header .cl-accordion-expander {
  background-image: none;
  background-size: 36px;
  width: 36px;
}
.cl-accordion.acd-list-check .cl-accordion-header.cl-activated {
  border-color: #FF5200;
  color: #FF5200;
  font-weight: 700;
}
.cl-accordion.acd-list-check .cl-accordion-header.cl-activated .cl-accordion-expander {
  background-image: url("images/controls/radiobutton/ic_radio_check_lg_s.svg");
}
.cl-accordion.acd-list-check .cl-accordion-section {
  padding: 24px 0 0 0;
}
.cl-accordion.acd-list-check .cl-accordion-section .cl-accordion-content {
  background-color: #FFFFFF;
  padding: 24px 0 0 0;
  border-top: 1px solid #EEEEEE;
}
.cl-accordion.acd-list-check.md {
  padding: 24px;
  border-radius: 12px;
}
.cl-accordion.acd-list-check.md .cl-accordion-header {
  font-size: 17px;
}
.cl-accordion.acd-list-check.md .cl-accordion-header .cl-accordion-expander {
  background-size: 24px;
}
.cl-accordion.acd-list-check.md .cl-accordion-section {
  padding: 16px 0 0 0;
}
.cl-accordion.acd-list-check.md .cl-accordion-section .cl-accordion-content {
  padding: 16px 0 0 0;
}
/************************************************
 * 배지
 ************************************************/
.cl-output.badge {
  background-color: #DDDDDD;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  color: #555555;
  font-size: 15px;
  padding: 4px 12px;
  text-align: center;
}
.cl-output.badge .cl-text {
  line-height: 1;
}
.cl-output.badge.sm {
  padding: 2px 6px;
  font-size: 13px;
  border-radius: 6px;
}
.cl-output.badge.md {
  padding: 5.5px 6px;
  font-size: 15px;
}
.cl-output.badge.badge-primary-dim {
  background-color: #FFF5F0;
  border-color: #FFF5F0;
  color: #FF5200;
}
.cl-output.badge.badge-secondary-dim {
  background-color: #F3F4F6;
  border-color: #F3F4F6;
  color: #233A6C;
}
.cl-output.badge.badge-warning-dim {
  background-color: #FFF3DB;
  border-color: #FFF3DB;
  color: #613500;
}
.cl-output.badge.badge-success-dim {
  background-color: #EAFCD3;
  border-color: #EAFCD3;
  color: #223D00;
}
.cl-output.badge.badge-info-dim {
  background-color: #E9F2FF;
  border-color: #E9F2FF;
  color: #0030AC;
}
.cl-output.badge.badge-danger-dim {
  background-color: #FFF0FD;
  border-color: #FFF0FD;
  color: #111111;
}
.cl-output.badge.badge-outline-primary {
  background-color: #FFFFFF;
  border-color: #FF5200;
  color: #FF5200;
}
.cl-output.badge.badge-outline-green {
  background-color: #FFFFFF;
  border-color: #008A1E;
  color: #008A1E;
}
.cl-output.badge.badge-outline-danger {
  background-color: #FFFFFF;
  border-color: #EB003B;
  color: #EB003B;
}
.cl-output.badge.badge-outline-gray-600 {
  background-color: #FFFFFF;
  border-color: #BBBBBB;
  color: #BBBBBB;
}
.cl-output.badge.badge-outline {
  background-color: #FFFFFF !important;
}
.cl-output.badge.fs-19-13 {
  font-size: 19px;
}
.cl-output.badge.badge-primary {
  background-color: #FF5200;
  border-color: #FF5200;
  color: #FFFFFF;
}
.cl-output.badge.badge-secondary {
  background-color: #233A6C;
  border-color: #233A6C;
  color: #FFFFFF;
}
.cl-output.badge.badge-danger {
  background-color: #EB003B;
  border-color: #EB003B;
  color: #FFFFFF;
}
.cl-output.badge.badge-etc {
  background-color: #555555;
  border-color: #555555;
  color: #FFFFFF;
}
.cl-output.badge.badge-gray {
  background-color: #EEEEEE;
  border-color: #EEEEEE;
  color: #555555;
}
span.badge {
  background-color: #DDDDDD;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  color: #555555;
  font-size: 15px;
  padding: 4px 12px;
  text-align: center;
  vertical-align: middle;
}
span.badge.dp-inline-block {
  display: inline-block;
}
span.badge.lh-sm {
  line-height: 1;
}
span.badge.sm {
  padding: 2px 6px;
  font-size: 13px;
  border-radius: 6px;
}
span.badge.badge-primary-dim {
  background-color: #FFF5F0;
  border-color: #FFF5F0;
  color: #FF5200;
}
span.badge.badge-warning-dim {
  background-color: #FFF3DB;
  border-color: #FFF3DB;
  color: #613500;
}
span.badge.badge-success-dim {
  background-color: #EAFCD3;
  border-color: #EAFCD3;
  color: #223D00;
}
span.badge.badge-info-dim {
  background-color: #E9F2FF;
  border-color: #E9F2FF;
  color: #0030AC;
}
span.badge.badge-danger-dim {
  background-color: #FFF0FD;
  border-color: #FFF0FD;
  color: #111111;
}
span.badge.badge-outline-primary {
  background-color: #FFFFFF;
  border-color: #FF5200;
  color: #FF5200;
}
span.badge.badge-outline-green {
  background-color: #FFFFFF;
  border-color: #008A1E;
  color: #008A1E;
}
span.badge.badge-outline-danger {
  background-color: #FFFFFF;
  border-color: #EB003B;
  color: #EB003B;
}
span.badge.badge-outline-gray-600 {
  background-color: #FFFFFF;
  border-color: #BBBBBB;
  color: #BBBBBB;
}
span.badge.badge-outline {
  background-color: #FFFFFF;
}
span.badge.badge-primary {
  background-color: #FF5200;
  border-color: #FF5200;
  color: #FFFFFF;
}
span.badge.badge-secondary {
  background-color: #233A6C;
  border-color: #233A6C;
  color: #FFFFFF;
}
span.badge.badge-danger {
  background-color: #EB003B;
  border-color: #EB003B;
  color: #FFFFFF;
}
span.badge.badge-etc {
  background-color: #555555;
  border-color: #555555;
  color: #FFFFFF;
}
span.badge.badge-gray {
  background-color: #EEEEEE;
  border-color: #EEEEEE;
  color: #555555;
}
/************************************************
 * 범례 배지
 ************************************************/
.legend {
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  padding: 0px 10px;
  margin-right: 3px;
}
.legend.legend-01 {
  background-color: #F8F8F8;
}
.legend.legend-02 {
  background-color: #FFF0FD;
}
.legend.legend-03 {
  background-color: #FFF3DB;
}
.legend.legend-04 {
  background-color: #EAFCD3;
}
.legend.legend-05 {
  background-color: #E9F2FF;
}
.legend.legend-06 {
  background-color: #f7f1fb;
}
/************************************************
 * 버튼 유틸
 ************************************************/
.cl-button.btn-p-0 {
  padding: 0px !important;
  min-width: 0;
}
.cl-button.btn-square {
  border-radius: 0px !important;
}
.cl-button.btn-round {
  border-radius: 9999px !important;
}
/************************************************
 * 버튼 사이즈
 ************************************************/
.cl-button.btn-md {
  padding: 0 40px;
  font-size: 17px;
}
.cl-button.btn-ms {
  padding: 0 24px;
  font-size: 17px;
}
.cl-button.btn-sm {
  padding: 0 12px;
  font-size: 15px;
}
.cl-button.btn-xsm {
  padding: 0;
  min-width: 42px !important;
  font-size: 15px;
  border-radius: 8px;
  font-weight: 400;
}
/************************************************
 * 동작 스타일 없음
************************************************/
.cl-button.hover-none:not(.cl-disabled):hover,
.cl-button.hover-none:focus,
.cl-button.hover-none.cl-focus {
  background-color: #FFFFFF;
  border-color: #DDDDDD;
  color: #555555;
}
/************************************************
 * 링크 버튼
************************************************/
.cl-button.btn-link {
  background-color: transparent;
  border: none;
  border-radius: 0px;
  color: #111111;
  padding: 0px !important;
}
.cl-button.btn-link:not(.cl-disabled):hover,
.cl-button.btn-link:focus,
.cl-button.btn-link.cl-focus,
.cl-button.btn-link:not(.cl-disabled).cl-activated,
.cl-button.btn-link:not(.cl-disabled):active {
  background-color: transparent;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cl-button.btn-underline {
  background-color: transparent;
  border: none;
  border-radius: 0px;
  color: #111111;
  padding: 0px !important;
  text-decoration: underline;
  text-underline-offset: 3px;
  /* 줄바꿈 스타일이 필요한 경우 */
}
.cl-button.btn-underline.line-break .cl-text {
  white-space: normal;
}
.cl-button.btn-underline:not(.cl-disabled):hover,
.cl-button.btn-underline:focus,
.cl-button.btn-underline.cl-focus,
.cl-button.btn-underline:not(.cl-disabled).cl-activated,
.cl-button.btn-underline:not(.cl-disabled):active {
  background-color: transparent;
}
.cl-button.btn-underline:not(.cl-disabled):hover.text-sub-color,
.cl-button.btn-underline:focus.text-sub-color,
.cl-button.btn-underline.cl-focus.text-sub-color,
.cl-button.btn-underline:not(.cl-disabled).cl-activated.text-sub-color,
.cl-button.btn-underline:not(.cl-disabled):active.text-sub-color {
  transition: none;
  color: #FF5200 !important;
}
.cl-button.btn-underline .cl-text {
  line-height: 1.5 !important;
}
/************************************************
 * 투명 버튼
 ************************************************/
.cl-button.btn-transparent {
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0px;
  padding: 0px !important;
}
.cl-button.btn-transparent:not(.cl-disabled):hover {
  background-color: transparent;
}
.cl-button.btn-transparent:focus,
.cl-button.btn-transparent.cl-focus {
  background-color: transparent;
}
.cl-button.btn-transparent:not(.cl-disabled).cl-activated,
.cl-button.btn-transparent:not(.cl-disabled):active {
  background-color: transparent;
}
.cl-button.btn-txt {
  background-color: transparent;
  border: none;
  border-radius: 0px;
  padding: 0px !important;
  text-align: left;
  color: #111111;
}
.cl-button.btn-txt .cl-text {
  line-height: 1.5 !important;
}
.cl-button.btn-txt.fs-2xl .cl-text,
.cl-button.btn-txt.fs-3xl .cl-text,
.cl-button.btn-txt.fs-4xl .cl-text {
  line-height: 1.3 !important;
}
.cl-button.btn-txt:not(.cl-disabled):hover,
.cl-button.btn-txt:focus,
.cl-button.btn-txt.cl-focus,
.cl-button.btn-txt:not(.cl-disabled).cl-activated,
.cl-button.btn-txt:not(.cl-disabled):active {
  background-color: transparent;
}
.cl-button.btn-dot {
  background-color: transparent;
  border: none;
  border-radius: 0px;
  padding: 0 0 0 12px;
  background-image: url("images/controls/output/ic_dot2.svg") !important;
  background-position: left center;
  text-align: left;
  color: #111111;
}
.cl-button.btn-dot .cl-text {
  line-height: 1.5 !important;
}
.cl-button.btn-dot.fs-2xl .cl-text,
.cl-button.btn-dot.fs-3xl .cl-text,
.cl-button.btn-dot.fs-4xl .cl-text {
  line-height: 1.3 !important;
}
.cl-button.btn-dot:not(.cl-disabled):hover,
.cl-button.btn-dot:focus,
.cl-button.btn-dot.cl-focus,
.cl-button.btn-dot:not(.cl-disabled).cl-activated,
.cl-button.btn-dot:not(.cl-disabled):active {
  background-color: transparent;
  color: #111111;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cl-button.btn-dot:focus,
.cl-button.btn-dot.cl-focus {
  outline: none;
}
.cl-button.ic-spacing-md {
  /* 아이콘 정렬 방향에 따른 스타일 */
}
.cl-button.ic-spacing-md.cl-icon-align-top .cl-icon {
  margin: 0 0 8px 0 !important;
}
.cl-button.ic-spacing-md.cl-icon-align-bottom .cl-icon {
  margin: 8px 0 0 0 !important;
}
.cl-button.ic-spacing-md.cl-icon-align-right .cl-icon {
  margin: 0 0 0 8px !important;
}
.cl-button.ic-spacing-md.cl-icon-align-left .cl-icon {
  margin: 0 8px 0 0 !important;
}
.cl-button.ic-spacing-sm {
  /* 아이콘 정렬 방향에 따른 스타일 */
}
.cl-button.ic-spacing-sm.cl-icon-align-top .cl-icon {
  margin: 0 0 4px 0 !important;
}
.cl-button.ic-spacing-sm.cl-icon-align-bottom .cl-icon {
  margin: 4px 0 0 0 !important;
}
.cl-button.ic-spacing-sm.cl-icon-align-right .cl-icon {
  margin: 0 0 0 4px !important;
}
.cl-button.ic-spacing-sm.cl-icon-align-left .cl-icon {
  margin: 0 4px 0 0 !important;
}
/************************************************
 * 기본 버튼
 ************************************************/
/* CTA 버튼 (중요도-상) */
.cl-button.btn-primary-01 {
  min-width: 80px;
  background-color: #FF5200;
  border-color: #FF5200;
  color: #FFFFFF;
}
.cl-button.btn-primary-01:not(.cl-disabled):hover,
.cl-button.btn-primary-01:focus,
.cl-button.btn-primary-01.cl-focus,
.cl-button.btn-primary-01:not(.cl-disabled).cl-activated,
.cl-button.btn-primary-01:not(.cl-disabled):active {
  background-color: #E54A00;
  border-color: #E54A00;
  color: #FFFFFF;
}
.cl-button.btn-primary-01.cl-disabled {
  background-color: #DDDDDD;
  border-color: #DDDDDD;
  color: #888888;
}
/* CTA 버튼 (중요도-중) */
.cl-button.btn-primary-02 {
  min-width: 80px;
  background-color: #FFFFFF;
  border-color: #FF5200;
  color: #FF5200;
}
.cl-button.btn-primary-02:not(.cl-disabled):hover,
.cl-button.btn-primary-02:focus,
.cl-button.btn-primary-02.cl-focus,
.cl-button.btn-primary-02:not(.cl-disabled).cl-activated,
.cl-button.btn-primary-02:not(.cl-disabled):active {
  background-color: #FFFFFF;
  border-color: #BB3C00;
  color: #FF5200;
}
.cl-button.btn-primary-02.cl-disabled {
  background-color: #FFFFFF;
  border-color: #DDDDDD;
  color: #BBBBBB;
}
.cl-button.btn-primary-02.btn-sm:not(.cl-disabled):hover,
.cl-button.btn-primary-02.btn-sm:focus,
.cl-button.btn-primary-02.btn-sm.cl-focus,
.cl-button.btn-primary-02.btn-sm:not(.cl-disabled).cl-activated,
.cl-button.btn-primary-02.btn-sm:not(.cl-disabled):active {
  background-color: #FFEDE2;
  border-color: #FF5200;
  color: #FF5200;
}
.cl-button.btn-primary-02.btn-sm.cl-disabled {
  background-color: #DDDDDD;
  border-color: #BBBBBB;
  color: #888888;
}
/* CTA 버튼 (중요도-하) */
.cl-button.btn-primary-03 {
  min-width: 80px;
  background-color: #FFFFFF;
  border-color: #DDDDDD;
  color: #555555;
}
.cl-button.btn-primary-03:not(.cl-disabled):hover,
.cl-button.btn-primary-03:focus,
.cl-button.btn-primary-03.cl-focus,
.cl-button.btn-primary-03:not(.cl-disabled).cl-activated,
.cl-button.btn-primary-03:not(.cl-disabled):active {
  background-color: #FFFFFF;
  border-color: #888888;
  color: #555555;
}
.cl-button.btn-primary-03.cl-disabled {
  background-color: #FFFFFF;
  border-color: #DDDDDD;
  color: #BBBBBB;
}
.cl-button.btn-primary-03.btn-sm:not(.cl-disabled):hover,
.cl-button.btn-primary-03.btn-sm:focus,
.cl-button.btn-primary-03.btn-sm.cl-focus,
.cl-button.btn-primary-03.btn-sm:not(.cl-disabled).cl-activated,
.cl-button.btn-primary-03.btn-sm:not(.cl-disabled):active {
  background-color: #F4F4F4;
  border-color: #BBBBBB;
  color: #555555;
}
.cl-button.btn-primary-03.btn-sm.cl-disabled {
  background-color: #DDDDDD;
  border-color: #BBBBBB;
  color: #888888;
}
/* Etc 버튼 */
.cl-button.btn-secondary-01 {
  min-width: 80px;
  background-color: #233A6C;
  border-color: #233A6C;
  color: #FFFFFF;
}
.cl-button.btn-secondary-01:not(.cl-disabled):hover,
.cl-button.btn-secondary-01:focus,
.cl-button.btn-secondary-01.cl-focus,
.cl-button.btn-secondary-01:not(.cl-disabled).cl-activated,
.cl-button.btn-secondary-01:not(.cl-disabled):active {
  background-color: #182C58;
  border-color: #182C58;
  color: #FFFFFF;
}
.cl-button.btn-secondary-01.cl-disabled {
  background-color: #DDDDDD;
  border-color: #DDDDDD;
  color: #888888;
}
.cl-button.btn-secondary-02 {
  min-width: 80px;
  background-color: #F4F4F4;
  border-color: #F4F4F4;
  color: #555555;
}
.cl-button.btn-secondary-02:not(.cl-disabled):hover,
.cl-button.btn-secondary-02:focus,
.cl-button.btn-secondary-02.cl-focus,
.cl-button.btn-secondary-02:not(.cl-disabled).cl-activated,
.cl-button.btn-secondary-02:not(.cl-disabled):active {
  background-color: #EEEEEE;
  border-color: #EEEEEE;
  color: #555555;
}
.cl-button.btn-secondary-02.cl-disabled {
  background-color: #DDDDDD;
  border-color: #DDDDDD;
  color: #888888;
}
.cl-button.btn-black {
  background-color: #000000;
  border: none;
  color: #FFFFFF;
}
.cl-button.btn-black:not(.cl-disabled):hover,
.cl-button.btn-black:focus,
.cl-button.btn-black.cl-focus,
.cl-button.btn-black:not(.cl-disabled).cl-activated,
.cl-button.btn-black:not(.cl-disabled):active {
  background-color: #555555;
  color: #FFFFFF;
}
.cl-button.btn-black.cl-disabled {
  background-color: #BBBBBB;
  color: #FFFFFF;
}
/************************************************
 * 아이콘 버튼
 ************************************************/
.cl-button.btn-i-map .cl-icon {
  background-image: url("images/controls/button/ic_btn_map.svg") !important;
  width: 24px;
  height: 24px;
  background-size: 24px;
}
/* 위치 아이콘 버튼 스타일 */
.cl-button.btn-i-location .cl-icon {
  background-image: url("images/controls/button/ic_btn_location.svg") !important;
}
.cl-button.btn-i-location.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_btn_location_d.svg") !important;
}
/* 방향 아래 아이콘 버튼 스타일 */
.cl-button.btn-i-down .cl-icon {
  background-image: url("images/controls/button/ic_btn_down_w.svg") !important;
  width: 16px;
  height: 16px;
}
.cl-button.btn-i-down.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_btn_down_w_d.svg") !important;
}
.cl-button.btn-i-left {
  /* 기본 폰트 사이즈 19px */
}
.cl-button.btn-i-left .cl-icon {
  background-image: url("images/controls/button/ic_btn_left_24.svg") !important;
}
.cl-button.btn-i-left.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_btn_left_24_d.svg") !important;
}
.cl-button.btn-i-right {
  /* 기본 폰트 사이즈 19px */
  font-weight: 400;
}
.cl-button.btn-i-right .cl-icon {
  background-image: url("images/controls/button/ic_btn_right_24.svg") !important;
  background-size: 24px;
  width: 24px;
  height: 24px;
}
.cl-button.btn-i-right.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_btn_right_24_d.svg") !important;
}
.cl-button.btn-i-right.md {
  font-weight: 500;
  font-size: 17px;
}
.cl-button.btn-i-right.md .cl-icon {
  background-image: url("images/controls/button/ic_btn_right_16.svg") !important;
  background-size: 16px;
  width: 16px;
  height: 16px;
}
.cl-button.btn-i-right.md.cl-icon-align-right .cl-icon {
  margin: 0 0 0 12px;
}
.cl-button.btn-i-right.md2 {
  font-weight: 400;
  font-size: 17px;
}
.cl-button.btn-i-right.md2 .cl-icon {
  background-image: url("images/controls/button/ic_btn_right_16.svg") !important;
  background-size: 16px;
  width: 16px;
  height: 16px;
}
.cl-button.btn-i-right.md2.cl-icon-align-right .cl-icon {
  margin: 0 0 0 4px;
}
.cl-button.btn-i-right.lg {
  font-size: 25px;
}
.cl-button.btn-i-right.icon-bold .cl-icon {
  background-size: 16px;
  width: 16px;
  height: 16px;
  background-image: url("images/controls/button/ic_btn_right_16_bold.svg") !important;
}
.cl-button.btn-i-right.icon-bold.cl-icon-align-right .cl-icon {
  margin: 0 0 0 8px;
}
.cl-button.btn-i-right.sm .cl-icon {
  background-size: 12px;
  width: 12px;
  height: 12px;
  background-image: url("images/controls/button/ic_btn_right_g_12.svg") !important;
}
.cl-button.btn-i-right.sm.cl-icon-align-right .cl-icon {
  margin: 0 0 0 4px;
}
/* arrow 버튼 공통 */
.cl-button.btn-i-left {
  font-weight: 400;
}
.cl-button.btn-i-left .cl-icon {
  background-size: 16px;
  width: 16px;
  height: 16px;
}
.cl-button.btn-i-left.md .cl-icon {
  background-image: url("images/controls/button/ic_btn_left_g_12.svg") !important;
  background-size: 12px;
  width: 12px;
  height: 12px;
}
.cl-button.btn-i-left.md.cl-icon-align-left .cl-icon {
  margin: 0 8px 0 0;
}
.cl-button.btn-i-left.lg {
  font-size: 25px;
}
.cl-button.btn-i-left.lg.cl-icon-align-right .cl-icon {
  margin: 0 0 0 6px;
}
.cl-button.btn-i-left.lg.cl-icon-align-left .cl-icon {
  margin: 0 6px 0 0;
}
.cl-button.btn-i-left.lg .cl-icon {
  background-size: 24px;
  width: 24px;
  height: 24px;
}
/* 더보기 버튼 */
.cl-button.btn-i-more .cl-icon {
  background-image: url("images/controls/button/ic_btn_more.svg") !important;
  width: 16px;
  height: 16px;
  background-size: 16px;
}
.cl-button.btn-i-more.md {
  padding: 0 20px;
  font-size: 17px;
}
.cl-button.btn-i-more.md.cl-icon-align-right .cl-icon {
  margin: 0 0 0 12px;
}
.cl-button.btn-i-more.btn-primary-02 .cl-icon {
  background-image: url("images/controls/button/ic_btn_more_primary.svg") !important;
}
.cl-button.btn-i-more.sm .cl-icon {
  background-image: url("images/controls/button/ic_btn_more_12.svg") !important;
  width: 12px;
  height: 12px;
  background-size: auto;
}
.cl-button.btn-i-more.sm.cl-icon-align-right .cl-icon {
  margin: 0 0 0 8px;
}
.cl-button.btn-i-more2 {
  font-weight: 400;
  font-size: 17px;
}
.cl-button.btn-i-more2 .cl-icon {
  background-image: url("images/controls/button/ic_btn_more_circle.svg") !important;
}
.cl-button.btn-i-favorite .cl-icon {
  background-image: url("images/controls/button/ic_btn_favorite.svg") !important;
}
.cl-button.btn-i-share .cl-icon {
  background-image: url("images/controls/button/ic_btn_share.svg") !important;
}
.cl-button.btn-i-download {
  font-weight: 400;
  font-size: 17px;
  color: #555555;
}
.cl-button.btn-i-download.cl-icon-align-right .cl-icon {
  margin: 0 0 0 4px;
}
.cl-button.btn-i-download.cl-icon-align-left .cl-icon {
  margin: 0 4px 0 0;
}
.cl-button.btn-i-download .cl-icon {
  background-image: url("images/controls/button/ic_btn_download.svg") !important;
  width: 20px;
  height: 20px;
  background-size: 20px;
}
.cl-button.btn-i-download.text-primary .cl-icon {
  background-image: url("images/controls/button/ic_btn_download_primary.svg") !important;
}
.cl-button.btn-download {
  font-weight: 400;
  font-size: 17px;
  color: #555555;
}
.cl-button.btn-download .cl-text span.download {
  background-image: url("images/controls/button/ic_btn_download.svg");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 20px;
  height: 20px;
  padding-right: 28px;
}
.cl-button.btn-download.text-primary .cl-text span.download {
  background-image: url("images/controls/button/ic_btn_download_primary.svg");
}
.cl-button.btn-i-open {
  font-weight: 400;
  font-size: 15px;
  color: #555555;
}
.cl-button.btn-i-open.cl-icon-align-right .cl-icon {
  margin: 0 0 0 4px;
}
.cl-button.btn-i-open.cl-icon-align-left .cl-icon {
  margin: 0 4px 0 0;
}
.cl-button.btn-i-open .cl-icon {
  background-image: url("images/controls/button/ic_btn_open.svg") !important;
  width: 20px;
  height: 20px;
  background-size: 20px;
}
.cl-button.btn-i-open.text-base .cl-icon {
  background-image: url("images/controls/button/ic_btn_open_black.svg") !important;
}
/* 텍스트 필터 버튼 스타일 */
.cl-button.btn-i-text-filter {
  padding: 0;
  color: #555555;
}
.cl-button.btn-i-text-filter.cl-icon-align-right .cl-icon {
  margin: 0 0 0 4px;
}
.cl-button.btn-i-text-filter .cl-icon {
  background-image: url("images/controls/button/ic_btn_filter_down2.svg") !important;
  background-size: 12px;
  width: 12px;
  height: 12px;
}
/* 아래 화살표 버튼 스타일 */
.cl-button.btn-i-up .cl-icon {
  background-image: url("images/controls/button/ic_btn_arrow_up.svg") !important;
  background-size: 13px;
  width: 13px;
  height: 13px;
}
.cl-button.btn-i-up.on .cl-icon {
  transform: rotate(180deg);
}
/* 링크 버튼 스타일 */
.cl-button.btn-i-link .cl-icon {
  background-image: url("images/controls/button/ic_btn_link.svg") !important;
  background-size: 24px;
  width: 24px;
  height: 24px;
}
.cl-button.btn-i-link.btn-primary-01 .cl-icon {
  background-image: url("images/controls/button/ic_btn_link_w.svg") !important;
}
.cl-button.btn-i-link2 .cl-icon {
  background-image: url("images/controls/button/ic_btn_link2_g.svg") !important;
  background-size: 24px;
  width: 24px;
  height: 24px;
}
.cl-button.btn-i-link2.cl-icon-align-right .cl-icon {
  margin: 0 0 4px 0;
}
.cl-button.btn-i-link3 .cl-icon {
  background-image: url("images/controls/button/ic_btn_link3.svg") !important;
  background-size: 20px;
  width: 20px;
  height: 20px;
}
.cl-button.btn-i-url .cl-icon {
  background-image: url("images/controls/button/ic_btn_url.svg") !important;
  background-size: 64px;
  width: 64px;
  height: 64px;
}
.cl-button.btn-i-url.cl-icon-align-top .cl-icon {
  margin: 0 0 16px 0;
}
.cl-button.btn-i-kko .cl-icon {
  background-image: url("images/controls/button/ic_btn_kko.svg") !important;
  background-size: 64px;
  width: 64px;
  height: 64px;
}
.cl-button.btn-i-kko.cl-icon-align-top .cl-icon {
  margin: 0 0 16px 0;
}
/* 닫기 버튼 lg */
.cl-button.btn-i-close-lg .cl-icon {
  background-image: url("images/controls/button/ic_btn_close_24.svg") !important;
  width: 24px;
  height: 24px;
  background-size: 24px;
}
/* 닫기 버튼 회색 */
.cl-button.btn-i-close-g .cl-icon {
  background-image: url("images/controls/button/ic_btn_close_20.svg") !important;
  width: 20px;
  height: 20px;
}
.cl-button.btn-i-close-g.cl-icon-align-left .cl-icon {
  margin: 0 8px 0 0;
}
.cl-button.btn-i-close-g.cl-icon-align-right .cl-icon {
  margin: 0 0 0 8px;
}
.cl-button.btn-i-close-g.md .cl-icon {
  background-image: url("images/controls/button/ic_btn_close_g.svg") !important;
  width: 16px;
  height: 16px;
}
.cl-button.btn-i-close-g.md .cl-text {
  line-height: 1.5 !important;
}
.cl-button.btn-i-close-g.md:not(.cl-disabled):active .cl-icon,
.cl-button.btn-i-close-g.md:not(.cl-disabled).cl-activated .cl-icon,
.cl-button.btn-i-close-g.md:not(.selected):hover .cl-icon {
  background-image: url("images/controls/button/ic_btn_close_g_on.svg") !important;
}
.cl-button.btn-i-close-g:not(.cl-disabled):active,
.cl-button.btn-i-close-g:not(.cl-disabled).cl-activated,
.cl-button.btn-i-close-g:not(.selected):hover {
  color: #FF5200;
}
.cl-button.btn-i-close-g:not(.cl-disabled):active .cl-icon,
.cl-button.btn-i-close-g:not(.cl-disabled).cl-activated .cl-icon,
.cl-button.btn-i-close-g:not(.selected):hover .cl-icon {
  transition: background-image 0.15s ease;
  background-image: url("images/controls/button/ic_btn_close_20_on.svg") !important;
}
/* 파일 리스트 삭제 버튼 */
.cl-button.btn-i-file-delete .cl-icon {
  background-image: url("images/controls/button/ic_btn_close_20.svg") !important;
  background-size: 20px;
  width: 20px;
  height: 20px;
}
.cl-button.btn-i-file-delete.cl-icon-align-left .cl-icon {
  margin: 0 4px 0 0;
}
.cl-button.btn-i-file-delete:not(.cl-disabled):active,
.cl-button.btn-i-file-delete:not(.cl-disabled).cl-activated,
.cl-button.btn-i-file-delete:not(.selected):hover {
  color: #FF5200 !important;
}
.cl-button.btn-i-file-delete:not(.cl-disabled):active .cl-icon,
.cl-button.btn-i-file-delete:not(.cl-disabled).cl-activated .cl-icon,
.cl-button.btn-i-file-delete:not(.selected):hover .cl-icon {
  transition: background-image 0.15s ease;
  background-image: url("images/controls/button/ic_btn_close_20_on.svg") !important;
}
.cl-button.btn-i-file-delete.sm .cl-icon {
  background-image: url("images/controls/button/ic_btn_close_g.svg") !important;
  background-size: 16px;
  width: 16px;
  height: 16px;
}
.cl-button.btn-i-file-delete.sm:not(.cl-disabled):active .cl-icon,
.cl-button.btn-i-file-delete.sm:not(.cl-disabled).cl-activated .cl-icon,
.cl-button.btn-i-file-delete.sm:not(.selected):hover .cl-icon {
  background-image: url("images/controls/button/ic_btn_close_g_on.svg") !important;
}
/* 새로고침 버튼 */
.cl-button.btn-i-reset {
  /* disabled 스타일 추가 */
}
.cl-button.btn-i-reset .cl-icon {
  background-image: url("images/controls/button/ic_btn_reset_g.svg") !important;
  background-size: 16px;
  width: 16px;
  height: 16px;
}
.cl-button.btn-i-reset.cl-icon-align-left .cl-icon {
  margin: 0 8px 0 0;
}
.cl-button.btn-i-reset.cl-icon-align-right .cl-icon {
  margin: 0 0 0 8px;
}
.cl-button.btn-i-reset.text-primary .cl-icon {
  background-image: url("images/controls/button/ic_btn_reset.svg") !important;
}
.cl-button.btn-i-reset.underline {
  color: #555555;
}
.cl-button.btn-i-reset.underline .cl-text {
  box-shadow: inset 0 -1px 0 #555555;
}
.cl-button.btn-i-reset.cl-disabled {
  color: #BBBBBB;
}
.cl-button.btn-i-reset.cl-disabled.text-primary {
  color: #BBBBBB !important;
}
.cl-button.btn-i-reset.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_btn_reset_d.svg") !important;
}
.cl-button.btn-i-reset.cl-disabled.underline {
  color: #BBBBBB;
}
.cl-button.btn-i-reset.cl-disabled.underline .cl-text {
  box-shadow: inset 0 -1px 0 #BBBBBB;
}
/* 전화하기 버튼 */
.cl-button.btn-i-call {
  background-image: url("images/controls/button/ic_btn_call.svg") !important;
  background-position: left center;
  padding-left: 18px !important;
}
.cl-button.btn-i-upload .cl-icon {
  background-image: url("images/controls/button/ic_btn_upload.svg") !important;
}
.cl-button.btn-i-upload.cl-icon-align-left .cl-icon {
  margin: 0 4px 0 0;
}
/* 직불외 + 추가하기 버튼 */
.cl-button.btn-i-insert-item {
  border: none;
  border-radius: 0;
  color: #555555;
  font-size: 15px;
  font-weight: 400;
  padding: 0;
}
.cl-button.btn-i-insert-item .cl-icon {
  background-image: url("images/controls/button/ic_btn_add_bk_16.svg") !important;
  width: 16px;
  height: 16px;
}
.cl-button.btn-i-insert-item.cl-icon-align-right .cl-icon {
  margin-left: 4px;
}
.cl-button.btn-i-insert-item.cl-icon-align-left .cl-icon {
  margin-right: 4px;
}
.cl-button.btn-i-insert-item:not(.cl-disabled):hover,
.cl-button.btn-i-insert-item:focus,
.cl-button.btn-i-insert-item.cl-focus,
.cl-button.btn-i-insert-item:not(.cl-disabled).cl-activated,
.cl-button.btn-i-insert-item:not(.cl-disabled):active {
  background-color: #FFFFFF;
  border-color: #111111;
  color: #111111;
}
.cl-button.btn-i-insert-item.cl-disabled {
  background-color: #FFFFFF;
  border-color: #DDDDDD;
  color: #BBBBBB;
}
/* 직불외 - 삭제하기 버튼 */
.cl-button.btn-i-remove-item {
  border: none;
  border-radius: 0;
  color: #555555;
  font-size: 15px;
  font-weight: 400;
  padding: 0;
}
.cl-button.btn-i-remove-item .cl-icon {
  background-image: url("images/controls/button/ic_btn_close_bk_16.svg") !important;
  width: 16px;
  height: 16px;
}
.cl-button.btn-i-remove-item.cl-icon-align-right .cl-icon {
  margin-left: 4px;
}
.cl-button.btn-i-remove-item.cl-icon-align-left .cl-icon {
  margin-right: 4px;
}
.cl-button.btn-i-remove-item:not(.cl-disabled):hover,
.cl-button.btn-i-remove-item:focus,
.cl-button.btn-i-remove-item.cl-focus,
.cl-button.btn-i-remove-item:not(.cl-disabled).cl-activated,
.cl-button.btn-i-remove-item:not(.cl-disabled):active {
  background-color: #FFFFFF;
  border-color: #111111;
  color: #111111;
}
.cl-button.btn-i-remove-item.cl-disabled {
  background-color: #FFFFFF;
  border-color: #DDDDDD;
  color: #BBBBBB;
}
/* 직불외 + 추가 버튼 */
.cl-button.btn-insert-item {
  border-radius: 9999px;
  color: #555555;
  font-size: 15px;
  font-weight: 400;
  padding: 0 12px;
}
.cl-button.btn-insert-item .cl-icon {
  background-image: url("images/controls/button/ic_btn_insert_item.svg") !important;
  width: 12px;
  height: 12px;
}
.cl-button.btn-insert-item.cl-icon-align-right .cl-icon {
  margin-left: 4px;
}
.cl-button.btn-insert-item.cl-icon-align-left .cl-icon {
  margin-right: 4px;
}
.cl-button.btn-insert-item:not(.cl-disabled):hover,
.cl-button.btn-insert-item:focus,
.cl-button.btn-insert-item.cl-focus,
.cl-button.btn-insert-item:not(.cl-disabled).cl-activated,
.cl-button.btn-insert-item:not(.cl-disabled):active {
  background-color: #FFFFFF;
  border-color: #111111;
  color: #111111;
}
.cl-button.btn-insert-item:not(.cl-disabled):hover .cl-icon,
.cl-button.btn-insert-item:focus .cl-icon,
.cl-button.btn-insert-item.cl-focus .cl-icon,
.cl-button.btn-insert-item:not(.cl-disabled).cl-activated .cl-icon,
.cl-button.btn-insert-item:not(.cl-disabled):active .cl-icon {
  background-image: url("images/controls/button/ic_btn_insert_item_on.svg") !important;
}
.cl-button.btn-insert-item.cl-disabled {
  background-color: #FFFFFF;
  border-color: #DDDDDD;
  color: #BBBBBB;
}
.cl-button.btn-insert-item.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_btn_insert_item_off.svg") !important;
}
/* 직불외 - 삭제 버튼 */
.cl-button.btn-remove-item {
  border-radius: 9999px;
  color: #555555;
  font-size: 15px;
  font-weight: 400;
  padding: 0 12px;
}
.cl-button.btn-remove-item .cl-icon {
  background-image: url("images/controls/button/ic_btn_remove_item.svg") !important;
  width: 12px;
  height: 12px;
}
.cl-button.btn-remove-item.cl-icon-align-right .cl-icon {
  margin-left: 4px;
}
.cl-button.btn-remove-item.cl-icon-align-left .cl-icon {
  margin-right: 4px;
}
.cl-button.btn-remove-item:not(.cl-disabled):hover,
.cl-button.btn-remove-item:focus,
.cl-button.btn-remove-item.cl-focus,
.cl-button.btn-remove-item:not(.cl-disabled).cl-activated,
.cl-button.btn-remove-item:not(.cl-disabled):active {
  background-color: #FFFFFF;
  border-color: #111111;
  color: #111111;
}
.cl-button.btn-remove-item:not(.cl-disabled):hover .cl-icon,
.cl-button.btn-remove-item:focus .cl-icon,
.cl-button.btn-remove-item.cl-focus .cl-icon,
.cl-button.btn-remove-item:not(.cl-disabled).cl-activated .cl-icon,
.cl-button.btn-remove-item:not(.cl-disabled):active .cl-icon {
  background-image: url("images/controls/button/ic_btn_remove_item_on.svg") !important;
}
.cl-button.btn-remove-item.cl-disabled {
  background-color: #FFFFFF;
  border-color: #DDDDDD;
  color: #BBBBBB;
}
.cl-button.btn-remove-item.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_btn_remove_item_off.svg") !important;
}
/************************************************
 * 이미지 버튼
 ************************************************/
.cl-button.btn-item-delete,
.cl-button.btn-move-link,
.cl-button.btn-alert,
.cl-button.btn-help,
.cl-button.btn-move-right,
.cl-button.btn-close,
.cl-button.btn-close-lg,
.cl-button.btn-phone,
.cl-button.btn-call,
.cl-button.btn-transform,
.cl-button.btn-calculator,
.cl-button.btn-left-lg,
.cl-button.btn-right-lg,
.cl-button.btn-warning,
.cl-button.btn-close-lg-w {
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0px;
  padding: 0px !important;
}
.cl-button.btn-item-delete:not(.cl-disabled):hover,
.cl-button.btn-move-link:not(.cl-disabled):hover,
.cl-button.btn-alert:not(.cl-disabled):hover,
.cl-button.btn-help:not(.cl-disabled):hover,
.cl-button.btn-move-right:not(.cl-disabled):hover,
.cl-button.btn-close:not(.cl-disabled):hover,
.cl-button.btn-close-lg:not(.cl-disabled):hover,
.cl-button.btn-phone:not(.cl-disabled):hover,
.cl-button.btn-call:not(.cl-disabled):hover,
.cl-button.btn-transform:not(.cl-disabled):hover,
.cl-button.btn-calculator:not(.cl-disabled):hover,
.cl-button.btn-left-lg:not(.cl-disabled):hover,
.cl-button.btn-right-lg:not(.cl-disabled):hover,
.cl-button.btn-warning:not(.cl-disabled):hover,
.cl-button.btn-close-lg-w:not(.cl-disabled):hover,
.cl-button.btn-item-delete:focus,
.cl-button.btn-move-link:focus,
.cl-button.btn-alert:focus,
.cl-button.btn-help:focus,
.cl-button.btn-move-right:focus,
.cl-button.btn-close:focus,
.cl-button.btn-close-lg:focus,
.cl-button.btn-phone:focus,
.cl-button.btn-call:focus,
.cl-button.btn-transform:focus,
.cl-button.btn-calculator:focus,
.cl-button.btn-left-lg:focus,
.cl-button.btn-right-lg:focus,
.cl-button.btn-warning:focus,
.cl-button.btn-close-lg-w:focus,
.cl-button.btn-item-delete.cl-focus,
.cl-button.btn-move-link.cl-focus,
.cl-button.btn-alert.cl-focus,
.cl-button.btn-help.cl-focus,
.cl-button.btn-move-right.cl-focus,
.cl-button.btn-close.cl-focus,
.cl-button.btn-close-lg.cl-focus,
.cl-button.btn-phone.cl-focus,
.cl-button.btn-call.cl-focus,
.cl-button.btn-transform.cl-focus,
.cl-button.btn-calculator.cl-focus,
.cl-button.btn-left-lg.cl-focus,
.cl-button.btn-right-lg.cl-focus,
.cl-button.btn-warning.cl-focus,
.cl-button.btn-close-lg-w.cl-focus,
.cl-button.btn-item-delete:not(.cl-disabled).cl-activated,
.cl-button.btn-move-link:not(.cl-disabled).cl-activated,
.cl-button.btn-alert:not(.cl-disabled).cl-activated,
.cl-button.btn-help:not(.cl-disabled).cl-activated,
.cl-button.btn-move-right:not(.cl-disabled).cl-activated,
.cl-button.btn-close:not(.cl-disabled).cl-activated,
.cl-button.btn-close-lg:not(.cl-disabled).cl-activated,
.cl-button.btn-phone:not(.cl-disabled).cl-activated,
.cl-button.btn-call:not(.cl-disabled).cl-activated,
.cl-button.btn-transform:not(.cl-disabled).cl-activated,
.cl-button.btn-calculator:not(.cl-disabled).cl-activated,
.cl-button.btn-left-lg:not(.cl-disabled).cl-activated,
.cl-button.btn-right-lg:not(.cl-disabled).cl-activated,
.cl-button.btn-warning:not(.cl-disabled).cl-activated,
.cl-button.btn-close-lg-w:not(.cl-disabled).cl-activated,
.cl-button.btn-item-delete:not(.cl-disabled):active,
.cl-button.btn-move-link:not(.cl-disabled):active,
.cl-button.btn-alert:not(.cl-disabled):active,
.cl-button.btn-help:not(.cl-disabled):active,
.cl-button.btn-move-right:not(.cl-disabled):active,
.cl-button.btn-close:not(.cl-disabled):active,
.cl-button.btn-close-lg:not(.cl-disabled):active,
.cl-button.btn-phone:not(.cl-disabled):active,
.cl-button.btn-call:not(.cl-disabled):active,
.cl-button.btn-transform:not(.cl-disabled):active,
.cl-button.btn-calculator:not(.cl-disabled):active,
.cl-button.btn-left-lg:not(.cl-disabled):active,
.cl-button.btn-right-lg:not(.cl-disabled):active,
.cl-button.btn-warning:not(.cl-disabled):active,
.cl-button.btn-close-lg-w:not(.cl-disabled):active {
  background-color: transparent;
}
.cl-button.btn-favorite,
.cl-button.btn-item-delete,
.cl-button.btn-reset,
.cl-button.btn-reset-black,
.cl-button.btn-right,
.cl-button.btn-left,
.cl-button.btn-move-link,
.cl-button.btn-share,
.cl-button.btn-add,
.cl-button.btn-minus,
.cl-button.btn-calculator {
  padding: 0;
}
.cl-button.btn-slide-prev {
  min-width: 0;
  border: 1px solid #DDDDDD;
  border-radius: 999px;
  background-image: url("images/controls/button/ic_btn_slide_prev.svg");
  background-size: 6px 12px;
  padding: 0;
}
.cl-button.btn-slide-prev:not(.cl-disabled):hover,
.cl-button.btn-slide-prev:focus,
.cl-button.btn-slide-prev.cl-focus,
.cl-button.btn-slide-prev:not(.cl-disabled).cl-activated,
.cl-button.btn-slide-prev:not(.cl-disabled):active {
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px -1px;
  background-image: url("images/controls/button/ic_btn_slide_prev_on.svg");
}
.cl-button.btn-slide-next {
  min-width: 0;
  border: 1px solid #DDDDDD;
  border-radius: 999px;
  background-image: url("images/controls/button/ic_btn_slide_next.svg");
  background-size: 6px 12px;
  padding: 0;
}
.cl-button.btn-slide-next:not(.cl-disabled):hover,
.cl-button.btn-slide-next:focus,
.cl-button.btn-slide-next.cl-focus,
.cl-button.btn-slide-next:not(.cl-disabled).cl-activated,
.cl-button.btn-slide-next:not(.cl-disabled):active {
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px -1px;
  background-image: url("images/controls/button/ic_btn_slide_next_on.svg");
}
/* 아이템 삭제 버튼 (그룹으로 조합해서 사용)  */
.cl-button.btn-item-delete {
  background-image: url("images/controls/button/ic_btn_item_delete.svg") !important;
}
/* 좋아요 버튼 스타일 */
.cl-button.btn-favorite {
  background-image: url("images/controls/button/ic_btn_favorite_off.svg") !important;
}
.cl-button.btn-favorite.on,
.cl-button.btn-favorite:hover {
  background-image: url("images/controls/button/ic_btn_favorite.svg") !important;
}
/* 공유하기 버튼 스타일 */
.cl-button.btn-share {
  background-image: url("images/controls/button/ic_btn_share2.svg") !important;
}
.cl-button.btn-share:hover,
.cl-button.btn-share.on {
  background-image: url("images/controls/button/ic_btn_share3.svg") !important;
}
/* 리셋 버튼 스타일 */
.cl-button.btn-reset {
  background-image: url("images/controls/button/ic_btn_reset.svg") !important;
}
.cl-button.btn-reset-black {
  background-image: url("images/controls/button/ic_btn_reset_black.svg") !important;
}
/* 오른쪽 버튼 스타일 */
.cl-button.btn-right {
  background-image: url("images/controls/button/ic_btn_right_24.svg") !important;
}
.cl-button.btn-right-lg {
  background-image: url("images/controls/button/ic_btn_right_32_2.svg") !important;
}
.cl-button.btn-right-lg:not(.cl-disabled):hover,
.cl-button.btn-right-lg:focus,
.cl-button.btn-right-lg.cl-focus,
.cl-button.btn-right-lg:not(.cl-disabled).cl-activated,
.cl-button.btn-right-lg:not(.cl-disabled):active {
  background-image: url("images/controls/button/ic_btn_right_32_2_on.svg") !important;
}
.cl-button.btn-right-lg.cl-disabled {
  background-image: url("images/controls/button/ic_btn_right_32_2_d.svg") !important;
}
/* 텍스트와 같이 사용되 이동 버튼 스타일 */
.cl-button.btn-move-right {
  text-align: left;
}
.cl-button.btn-move-right .cl-text {
  background: url("images/controls/button/ic_btn_right_24.svg") no-repeat right center !important;
  padding-right: 24px !important;
}
.cl-button.btn-move-right.line {
  padding: 0 0 24px 0 !important;
  border-bottom: 1px solid #DDDDDD;
}
.cl-button.btn-move-right.line .cl-text {
  line-height: 31px !important;
}
/* 왼쪽 버튼 스타일 */
.cl-button.btn-left {
  background-image: url("images/controls/button/ic_btn_left_24.svg") !important;
}
.cl-button.btn-left-lg {
  background-image: url("images/controls/button/ic_btn_left_32.svg") !important;
}
.cl-button.btn-left-lg:not(.cl-disabled):hover,
.cl-button.btn-left-lg:focus,
.cl-button.btn-left-lg.cl-focus,
.cl-button.btn-left-lg:not(.cl-disabled).cl-activated,
.cl-button.btn-left-lg:not(.cl-disabled):active {
  background-image: url("images/controls/button/ic_btn_left_32_on.svg") !important;
}
.cl-button.btn-left-lg.cl-disabled {
  background-image: url("images/controls/button/ic_btn_left_32_d.svg") !important;
}
.cl-button.btn-right-lg.mb-adjust,
.cl-button.btn-left-lg.mb-adjust {
  width: 32px !important;
  height: 32px !important;
}
/* 도움말 버튼 스타일 */
.cl-button.btn-help {
  width: 16px !important;
  height: 16px !important;
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0px;
  padding: 0px !important;
  background-image: url("images/controls/button/ic_help.svg") !important;
}
.cl-button.btn-help.lg {
  width: 24px !important;
  height: 24px !important;
  background-size: 24px;
  background-image: url("images/controls/button/ic_btn_help_lg.svg") !important;
}
.cl-button.btn-help.xl {
  width: 32px !important;
  height: 32px !important;
  background-size: 32px;
  background-image: url("images/controls/button/ic_btn_help_lg.svg") !important;
}
.cl-button.btn-alert {
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0px;
  padding: 0px !important;
  background-image: url("images/controls/button/ic_btn_bell_40.svg") !important;
}
.cl-button.btn-alert-setting {
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0px;
  padding: 0px !important;
  background-image: url("images/controls/button/ic_btn_setting_40.svg") !important;
}
/* 링크 이동 버튼 스타일 */
.cl-button.btn-move-link {
  background-image: url("images/controls/button/ic_btn_link.svg") !important;
}
.cl-button.btn-move-link.sm {
  background-size: 18px;
  width: 18px;
}
.cl-button.btn-close {
  background-image: url("images/controls/button/ic_btn_close.svg") !important;
}
.cl-button.btn-close-lg {
  background-image: url("images/controls/button/ic_btn_close_24.svg") !important;
}
.cl-button.btn-close-lg.mb-btn-close {
  width: 24px !important;
  height: 24px !important;
  background-size: auto;
}
.cl-button.btn-close-lg-w {
  background-image: url("images/controls/button/ic_btn_close_24_w.svg") !important;
}
.cl-button.btn-phone {
  background-image: url("images/controls/image/ic_phone.svg") !important;
}
.cl-button.btn-call {
  background-image: url("images/controls/button/ic_btn_call.svg") !important;
}
.cl-button.btn-transform {
  background-image: url("images/controls/image/img_change.png") !important;
}
.cl-button.btn-add {
  min-width: 0;
  background-image: url("images/controls/button/ic_btn_add.svg") !important;
}
.cl-button.btn-minus {
  min-width: 0;
  background-image: url("images/controls/button/ic_btn_minus.svg") !important;
}
.cl-button.btn-calculator {
  background-image: url("images/controls/image/ic_calculator.png") !important;
}
.cl-button.btn-warning {
  background-image: url("images/controls/button/ic_btn_warning.svg") !important;
}
.cl-button.btn-check-big {
  background-position: right 40px center;
  font-size: 25px;
  font-weight: 400;
  padding: 40px 76px 40px 40px;
  border-radius: 24px;
  border-color: #DDDDDD;
  text-align: left;
  transition: none;
}
.cl-button.btn-check-big .cl-text {
  line-height: 1.3 !important;
}
.cl-button.btn-check-big .cl-text span.link {
  background-image: url("images/controls/button/ic_btn_link2.svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 24px;
  padding: 0px 12px;
  margin-left: 8px;
}
.cl-button.btn-check-big.cl-focus {
  background-image: url("images/controls/radiobutton/ic_radio_check_lg_s.svg");
  border-color: #FF5200;
  border-width: 2px;
  color: #FF5200;
  font-weight: 700;
  padding: 39px 75px 39px 39px;
}
.cl-button.btn-check-big:hover {
  border-color: #FF5200;
}
/************************************************
 * 버튼 그룹 스타일
 ************************************************/
/* 필터 버튼 그룹 스타일 (단일 선택) */
.cl-container.btn-filter-group2 .cl-button {
  padding: 0;
  color: #555555;
  font-size: 21px;
  font-weight: 400;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
.cl-container.btn-filter-group2 .cl-button.on {
  color: #111111;
  font-weight: 700;
}
.cl-container.btn-filter-group2 > .cl-layout > .cl-layout-content > .cl-layout-wrap.separator:not(:last-child) {
  padding-right: 12px;
}
.cl-container.btn-filter-group2 > .cl-layout > .cl-layout-content > .cl-layout-wrap.separator:not(:last-child):before {
  content: "";
  position: absolute;
  width: 1px;
  right: 0;
  height: 12px;
  background-color: #DDDDDD;
  top: calc(50% - 6px);
}
/* 플로우 flex 버튼 그룹 스타일 */
.cl-container.btn-flex-group > .cl-layout > .cl-layout-content {
  display: flex !important;
  justify-content: center;
}
.cl-container.btn-flex-group > .cl-layout > .cl-layout-content > .cl-layout-wrap {
  flex: 1;
}
.cl-container.btn-group.h-auto .cl-button {
  height: 52px !important;
}
.cl-container.btn-group.h-auto2 .cl-button {
  height: 48px !important;
}
/*재배품목, 사육품목(종) 버튼 스타일*/
.cl-button.btn-fruitAndBreeding {
  background-color: transparent;
  padding: 0 0 0 0;
  border: none;
  font-size: 17px;
  font-weight: 400;
  color: #111111;
  /* 텍스트가 긴 경우 */
}
.cl-button.btn-fruitAndBreeding .cl-text {
  line-height: 1.5 !important;
}
.cl-button.btn-fruitAndBreeding .cl-icon {
  width: 68px;
  height: 68px;
}
.cl-button.btn-fruitAndBreeding.cl-icon-align-top .cl-icon {
  margin: 0 0 12px 0;
}
.cl-button.btn-fruitAndBreeding.visible {
  overflow: visible !important;
}
.cl-button.btn-fruitAndBreeding.visible .cl-text-wrapper {
  overflow: visible !important;
}
.cl-button.btn-fruitAndBreeding.visible .cl-text-wrapper .cl-text {
  overflow: visible !important;
}
/* 다시 검색 버튼 스타일*/
.cl-button.btn-i-reset-setting {
  font-size: 17px;
  font-weight: 400;
  color: #FF5200;
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0px;
  padding: 0px !important;
}
.cl-button.btn-i-reset-setting .cl-text {
  box-shadow: 0 1.5px 0 #FF5200;
}
.cl-button.btn-i-reset-setting .cl-icon {
  width: 16px;
  height: 16px;
  background-size: contain;
}
.cl-button.btn-i-reset-setting.cl-icon-align-left .cl-icon {
  margin: 0 8px 0 0;
}
.cl-button.btn-i-reset-setting:focus,
.cl-button.btn-i-reset-setting.cl-focus,
.cl-button.btn-i-reset-setting:not(.cl-disabled):active .cl-button.btn-i-reset-setting:not(.cl-disabled).cl-activated,
.cl-button.btn-i-reset-setting:not(.cl-disabled):hover {
  color: #FF5200;
}
/* 스크롤 탑 버튼 */
.cl-button.btn-scroll-top {
  background-image: url("images/com/main/ic_btn_scroll_top.svg") !important;
  background-color: #FFFFFF !important;
  border: none;
  box-shadow: 0 4px 12px 0px rgba(0, 0, 0, 0.26);
  border-radius: 999px;
  width: 48px !important;
  height: 48px !important;
  padding: 0;
  transition: 0.25s;
}
/* cbx-btn 버튼 형태 주로 삭제 버튼에 사용 */
.cl-button.btn-cbx-btn {
  border: 1px solid #DDDDDD !important;
  border-radius: 12px;
  font-size: 17px;
  font-weight: 500;
  color: #555555 !important;
  min-width: 60px;
  padding: 0;
}
.cl-button.btn-cbx-btn .cl-text-wrapper {
  min-height: 38px;
}
.cl-container.btn-item-toggle-wrap > .cl-layout {
  display: flex !important;
}
.cl-container.btn-item-toggle-wrap > .cl-layout > .cl-layout-content {
  height: 32px !important;
  margin: auto 0;
}
/* rdb-btn 스타일 */
.cl-container.btn-rdb-btn-wrap .cl-button {
  min-height: 44px;
  font-size: 17px;
  font-weight: 500;
  padding: 0;
}
.cl-container.btn-rdb-btn-wrap .cl-button:focus,
.cl-container.btn-rdb-btn-wrap .cl-button.cl-focus,
.cl-container.btn-rdb-btn-wrap .cl-button:not(.cl-disabled):active .cl-container.btn-rdb-btn-wrap .cl-button:not(.cl-disabled).cl-activated,
.cl-container.btn-rdb-btn-wrap .cl-button:not(.selected):hover {
  border-color: #DDDDDD;
}
.cl-container.btn-rdb-btn-wrap .cl-button.selected {
  border-color: #FF5200;
  background-color: #fff8f4;
  color: #FF5200;
}
/* 검증하기, 인증번호 입력, 인증번호 확인 등과 같은 유효성 관련 버튼 스타일 */
.cl-button.btn-validate {
  background-color: #FFEFE1;
  border: none;
  color: #613500;
  font-size: 17px;
  font-weight: 700;
  padding: 0 16px;
}
.cl-button.btn-validate:not(.cl-disabled):hover,
.cl-button.btn-validate:focus,
.cl-button.btn-validate.cl-focus,
.cl-button.btn-validate:not(.cl-disabled).cl-activated,
.cl-button.btn-validate:not(.cl-disabled):active {
  background-color: #FFEFE1;
  color: #613500;
}
.cl-button.btn-validate.cl-disabled {
  background-color: #DDDDDD;
  border-color: #DDDDDD;
  color: #888888;
}
/* 공동인증서 (구 공인인증서) 관리 버튼 */
.cl-button.btn-ceritificate {
  background-color: transparent;
  background-image: url("images/controls/button/ic_btn_right_24.svg");
  background-position: top 4px right;
  background-repeat: no-repeat;
  border: none;
  border-bottom: 1px solid #EEEEEE;
  border-radius: 0px;
  color: #111111;
  font-size: 25px;
  font-weight: 700;
  text-align: left;
  padding: 0px 0px 20px 0px !important;
}
.cl-button.btn-ceritificate .cl-text span.info {
  color: #555555;
  display: block;
  font-size: 17px;
  font-weight: 400;
  padding-top: 8px;
}
.cl-button.btn-ceritificate:not(.cl-disabled):hover {
  background-color: transparent;
  background-image: url("images/controls/button/ic_btn_right_24.svg");
  border-bottom: 1px solid #EEEEEE;
}
.cl-button.btn-ceritificate:focus,
.cl-button.btn-ceritificate.cl-focus {
  background-color: transparent;
  background-image: url("images/controls/button/ic_btn_right_24.svg");
  border-bottom: 1px solid #EEEEEE;
}
.cl-button.btn-ceritificate:not(.cl-disabled).cl-activated,
.cl-button.btn-ceritificate:not(.cl-disabled):active {
  background-color: transparent;
  background-image: url("images/controls/button/ic_btn_right_24.svg");
  border-bottom: 1px solid #EEEEEE;
}
/************************************************
 * 카드
 ************************************************/
.cl-container.card {
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 40px;
}
.cl-container.card-gray-box {
  padding: 40px;
  background-color: #F4F4F4;
  border-radius: 40px;
}
.cl-container.card-gray-box2 {
  background-color: #F4F4F4;
  border-radius: 12px;
  padding: 24px;
}
.cl-container.data-box.card {
  padding: 80px;
}
.cl-container.data-box.card:has(.btn-group) {
  padding: 80px 80px 40px 80px;
}
.cl-container.data-box.card:has(.no-has-more-btn) {
  padding: 80px;
}
.cl-container.data-box .cl-container.btn-group .cl-button {
  height: 52px !important;
}
.cl-container.data-box .cl-container.btn-group .cl-button.mw-260 {
  min-width: 260px !important;
}
.cl-container.data-box .cl-container.btn-group .cl-button.btn-i-right {
  font-weight: 500;
}
.cl-container.data-box .cl-container.btn-group .cl-button.btn-i-right .cl-icon {
  background-image: url("images/controls/button/ic_btn_right_16.svg") !important;
  background-size: 16px;
  width: 16px;
  height: 16px;
}
.cl-container.data-box .cl-container.btn-group .cl-button.btn-i-right,
.cl-container.data-box .cl-container.btn-group .cl-button.btn-i-more,
.cl-container.data-box .cl-container.btn-group .cl-button.btn-i-map {
  font-size: 17px;
}
/* 리스트 박스 스타일 */
.cl-container.list-box {
  /* 더보기 버튼을 사용하지 않는 경우 */
}
.cl-container.list-box.no-has-more-btn > .cl-layout > .cl-layout-content .cl-embeddedapp.cl-last-row .cl-container.list {
  border-bottom: none;
}
.cl-container.list-box .cl-container.list {
  padding: 0 24px 32px 0px;
  border-bottom: 1px solid #DDDDDD;
  cursor: pointer;
}
.cl-container.list-box .cl-container.list.on .cl-output.list-tit {
  background: url("images/controls/output/ic_dot_primary.svg") no-repeat left center;
}
.cl-container.list-box .cl-container.list .cl-output {
  padding-left: 24px;
}
.cl-container.list-box .cl-container.list .cl-output.list-tit {
  font-size: 25px;
  font-weight: 700;
  color: #111111;
}
.cl-container.list-box .cl-container.list .cl-output.list-tit .cl-text {
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.cl-container.list-box .cl-container.list .cl-output.list-tit span.badge {
  vertical-align: middle;
  margin: 0 0 0 12px;
  border-radius: 999px;
  font-weight: 400;
  font-size: 13px;
}
.cl-container.list-box .cl-container.list .cl-output {
  font-size: 19px;
  color: #555555;
}
.cl-container.list-box .cl-container.list .cl-output.ellipsis .cl-text {
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cl-container.list-box .cl-container.list .cl-container.data {
  padding-left: 24px;
}
.cl-container.list-box .cl-container.list .cl-container.data .cl-output {
  padding-left: 0;
}
.cl-container.list-box .cl-container.list .cl-container.data > .cl-layout.separator > .cl-layout-content > .cl-layout-wrap:not(:last-child) {
  padding-right: 12px;
}
.cl-container.list-box .cl-container.list .cl-container.data > .cl-layout.separator > .cl-layout-content > .cl-layout-wrap:not(:first-child) {
  padding-left: 12px;
}
.cl-container.list-box .cl-container.list .cl-container.data > .cl-layout.separator > .cl-layout-content > .cl-layout-wrap:not(:first-child):before {
  content: "";
  position: absolute;
  width: 1px;
  top: calc(50% - 8px);
  left: 0px;
  height: 16px;
  background-color: #EEEEEE;
}
/* 리스트 박스 스타일2 (경영체정보 등록에서 사용) */
.cl-container.list-box2 {
  /* UDC를 사용한 경우, UDC에 클래스 부여하여 하단 테두리를 굵게 처리 */
  /* 마지막에 보더 선이 필요 없는 겨우 */
}
.cl-container.list-box2 .cl-container.list {
  padding: 32px 0;
  border-top: 1px solid #EEEEEE;
  /* list내에 버튼이 없어 타이틀을 버튼으로 처리 */
}
.cl-container.list-box2 .cl-container.list.cl-last-row {
  border-bottom: 1px solid #EEEEEE;
}
.cl-container.list-box2 .cl-container.list .cl-output.list-sub-info {
  color: #FF5200;
  font-weight: 600;
}
.cl-container.list-box2 .cl-container.list .cl-button.list-tit {
  background-color: transparent !important;
  border: none;
  border-radius: 0;
  color: #111111 !important;
  text-align: left;
  padding: 0;
  font-weight: 700;
  font-size: 25px;
}
.cl-container.list-box2 .cl-container.list .cl-button.list-tit .cl-text {
  line-height: 1.3 !important;
}
.cl-container.list-box2 .cl-container.list .cl-output.list-tit {
  font-size: 25px;
  font-weight: 700;
  color: #111111;
}
.cl-container.list-box2 .cl-container.list .cl-output.list-tit .cl-text {
  line-height: 1.3;
}
.cl-container.list-box2 .cl-container.list .cl-output.list-tit .cl-text span.list-sub-tit {
  color: #555555;
  font-weight: 400;
  font-size: 25px;
}
.cl-container.list-box2 .cl-container.list .cl-output.list-tit .cl-text span.list-user-info {
  color: #FF5200;
  font-size: 17px;
  display: block;
  margin-bottom: 12px;
  font-weight: 600;
}
.cl-container.list-box2 .cl-container.list .cl-output.list-tit .cl-text span.list-sub-txt {
  color: #8b8b8b;
  font-size: 15px;
  display: block;
  margin-bottom: 0px;
  font-weight: 500;
}
.cl-container.list-box2 .cl-container.list .cl-output.list-tit:not(.cl-first-column):not(.cl-first-row) {
  padding-right: 150px;
}
.cl-container.list-box2 .cl-container.list .cl-output.list-tit:not(.cl-first-column):not(.cl-first-row) .cl-text {
  word-break: keep-all !important;
}
.cl-container.list-box2 .cl-container.list .cl-output.list-sub-tit {
  color: #555555;
  font-size: 25px;
}
.cl-container.list-box2 .cl-container.list .cl-output.list-sub-tit .cl-text {
  line-height: 1.3;
}
.cl-container.list-box2 .cl-container.list .cl-button.btn-right {
  margin-top: 4px;
  min-height: 24px;
  min-width: 24px;
}
.cl-container.list-box2 .cl-container.list .cl-output {
  color: #555555;
  font-size: 19px;
}
.cl-container.list-box2 .cl-container.list .cl-container.data .cl-output {
  font-size: 19px;
}
.cl-container.list-box2 .cl-container.list .cl-container.data > .cl-layout.separator > .cl-layout-content > .cl-layout-wrap:not(:last-child) {
  padding-right: 12px;
}
.cl-container.list-box2 .cl-container.list .cl-container.data > .cl-layout.separator > .cl-layout-content > .cl-layout-wrap:not(:first-child) {
  padding-left: 12px;
}
.cl-container.list-box2 .cl-container.list .cl-container.data > .cl-layout.separator > .cl-layout-content > .cl-layout-wrap:not(:first-child):before {
  content: "";
  position: absolute;
  width: 1px;
  top: calc(50% - 8px);
  left: 0px;
  height: 16px;
  background-color: #EEEEEE;
}
.cl-container.list-box2 .cl-embeddedapp.last-item .cl-container.list2 {
  border-bottom: 4px solid #233A6C;
}
.cl-container.list-box2 .cl-container.list2 {
  padding: 32px 0;
  border-bottom: 1px solid #EEEEEE;
  /* 각 타입 별 마지막 아이템인 경우, 하단 테두리를 굵게 처리 */
  /* list내에 버튼이 없어 타이틀을 버튼으로 처리 */
}
.cl-container.list-box2 .cl-container.list2.cl-first-row {
  border-top: 1px solid #EEEEEE;
}
.cl-container.list-box2 .cl-container.list2.last-item {
  border-bottom: 4px solid #233A6C;
}
.cl-container.list-box2 .cl-container.list2 .cl-output.list-sub-info {
  color: #FF5200;
  font-weight: 600;
}
.cl-container.list-box2 .cl-container.list2 .cl-button.list-tit {
  background-color: transparent !important;
  border: none;
  border-radius: 0;
  color: #111111 !important;
  text-align: left;
  padding: 0;
  font-weight: 700;
  font-size: 25px;
}
.cl-container.list-box2 .cl-container.list2 .cl-button.list-tit .cl-text {
  line-height: 1.3 !important;
}
.cl-container.list-box2 .cl-container.list2 .cl-output.list-tit {
  font-size: 25px;
  font-weight: 700;
  color: #111111;
}
.cl-container.list-box2 .cl-container.list2 .cl-output.list-tit .cl-text {
  line-height: 1.3;
}
.cl-container.list-box2 .cl-container.list2 .cl-output.list-tit .cl-text span.list-sub-tit {
  color: #555555;
  font-weight: 400;
  font-size: 25px;
}
.cl-container.list-box2 .cl-container.list2 .cl-output.list-tit .cl-text span.list-user-info {
  color: #FF5200;
  font-size: 17px;
  display: block;
  margin-bottom: 12px;
  font-weight: 600;
}
.cl-container.list-box2 .cl-container.list2 .cl-output.list-tit .cl-text span.list-sub-txt {
  color: #8b8b8b;
  font-size: 15px;
  display: block;
  margin-bottom: 0px;
  font-weight: 500;
}
.cl-container.list-box2 .cl-container.list2 .cl-output.list-tit:not(.cl-first-column):not(.cl-first-row) {
  padding-right: 150px;
}
.cl-container.list-box2 .cl-container.list2 .cl-output.list-tit:not(.cl-first-column):not(.cl-first-row) .cl-text {
  word-break: keep-all !important;
}
.cl-container.list-box2 .cl-container.list2 .cl-output.list-sub-tit {
  color: #555555;
  font-size: 25px;
}
.cl-container.list-box2 .cl-container.list2 .cl-output.list-sub-tit .cl-text {
  line-height: 1.3;
}
.cl-container.list-box2 .cl-container.list2 .cl-button.btn-right {
  margin-top: 4px;
  min-height: 24px;
  min-width: 24px;
}
.cl-container.list-box2 .cl-container.list2 .cl-output {
  color: #555555;
  font-size: 19px;
}
.cl-container.list-box2 .cl-container.list2 .cl-container.data .cl-output {
  font-size: 19px;
}
.cl-container.list-box2 .cl-container.list2 .cl-container.data > .cl-layout.separator > .cl-layout-content > .cl-layout-wrap:not(:last-child) {
  padding-right: 12px;
}
.cl-container.list-box2 .cl-container.list2 .cl-container.data > .cl-layout.separator > .cl-layout-content > .cl-layout-wrap:not(:first-child) {
  padding-left: 12px;
}
.cl-container.list-box2 .cl-container.list2 .cl-container.data > .cl-layout.separator > .cl-layout-content > .cl-layout-wrap:not(:first-child):before {
  content: "";
  position: absolute;
  width: 1px;
  top: calc(50% - 8px);
  left: 0px;
  height: 16px;
  background-color: #EEEEEE;
}
.cl-container.list-box2.last-border-none {
  /* udc를 사용하는 경우 */
}
.cl-container.list-box2.last-border-none .cl-container.list.cl-last-row {
  border-bottom: none;
  padding-bottom: 0;
}
.cl-container.list-box2.last-border-none .cl-embeddedapp.cl-last-row > .cl-container.list {
  border-bottom: none;
  padding-bottom: 0;
}
/* 카드형태 리스트 */
.cl-container.list-card {
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 40px;
  /* margin사용하지 않고 padding으로 조절 */
  /* 최대 두줄 적용해야하는 타이틀 스타일 클래스 */
  /* 랭킹 스타일 */
}
.cl-container.list-card.padding {
  padding: 40px;
}
.cl-container.list-card.border-0 {
  border: 1px solid transparent !important;
}
.cl-container.list-card.new {
  border-color: #FF5200;
}
.cl-container.list-card:hover {
  border-color: #FF5200;
  cursor: pointer;
}
.cl-container.list-card:hover.border-0 {
  border-color: #FF5200 !important;
}
.cl-container.list-card .cl-output.tit {
  font-size: 32px;
  font-weight: 600;
}
.cl-container.list-card .cl-output.tit .cl-text {
  white-space: normal;
  line-height: 1.3 !important;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.cl-container.list-card .cl-output.tit2 {
  font-size: 32px;
  font-weight: 600;
  color: #111111;
  min-height: 84px;
}
.cl-container.list-card .cl-output.tit2 .cl-text {
  white-space: normal;
  line-height: 1.3 !important;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cl-container.list-card .cl-output.text {
  color: #555555;
  height: 56px !important;
  font-size: 19px;
}
.cl-container.list-card .cl-output.text .cl-text {
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cl-container.list-card .cl-container.form-base .cl-output {
  font-size: 17px;
}
.cl-container.list-card .cl-button.btn-share,
.cl-container.list-card .cl-button.btn-favorite {
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0px;
  padding: 0px !important;
}
.cl-container.list-card .cl-button.btn-share:not(.cl-disabled):hover,
.cl-container.list-card .cl-button.btn-favorite:not(.cl-disabled):hover,
.cl-container.list-card .cl-button.btn-share:focus,
.cl-container.list-card .cl-button.btn-favorite:focus,
.cl-container.list-card .cl-button.btn-share.cl-focus,
.cl-container.list-card .cl-button.btn-favorite.cl-focus,
.cl-container.list-card .cl-button.btn-share:not(.cl-disabled).cl-activated,
.cl-container.list-card .cl-button.btn-favorite:not(.cl-disabled).cl-activated,
.cl-container.list-card .cl-button.btn-share:not(.cl-disabled):active,
.cl-container.list-card .cl-button.btn-favorite:not(.cl-disabled):active {
  background-color: transparent;
}
.cl-container.list-card .cl-button.btn-share {
  background-image: url("images/controls/button/ic_btn_share2.svg");
}
.cl-container.list-card .cl-button.btn-favorite {
  background-image: url("images/controls/button/ic_btn_favorite_off.svg");
}
.cl-container.list-card .cl-button.btn-favorite.on {
  background-image: url("images/controls/button/ic_btn_favorite.svg");
}
.cl-container.list-card .cl-output.rank {
  color: #888888;
  font-size: 25px;
  font-weight: 700;
}
.cl-container.list-card .cl-output.rank .cl-text {
  line-height: 1.3;
}
.cl-container.list-card .cl-output.rank.first {
  background: url("images/controls/image/ic_medal_1st.svg") no-repeat center center;
}
.cl-container.list-card .cl-output.rank.second {
  background: url("images/controls/image/ic_medal_2nd.svg") no-repeat center center;
}
.cl-container.list-card .cl-output.rank.third {
  background: url("images/controls/image/ic_medal_3rd.svg") no-repeat center center;
}
.cl-container.list-card .cl-output.rank-num {
  font-size: 19px;
  font-weight: 700;
  padding-left: 21px;
  color: #BBBBBB;
  background: url("images/controls/image/ic_rank_default.png") no-repeat left center;
}
.cl-container.list-card .cl-output.rank-num.up {
  color: #EB003B;
  background: url("images/controls/image/ic_up.svg") no-repeat left center;
}
.cl-container.list-card .cl-output.rank-num.down {
  color: #2768FF;
  background: url("images/controls/image/ic_down.svg") no-repeat left center;
}
.cl-container.list-card .cl-image.new {
  width: 44px;
}
/* 2단계 마이페이지 - 내 대리인 카드 영역 */
.cl-container.list-card-deputy {
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 40px;
  /* margin사용하지 않고 padding으로 조절 */
}
.cl-container.list-card-deputy.padding {
  padding: 40px;
}
.cl-container.list-card-deputy.border-0 {
  border: 1px solid transparent !important;
}
.cl-container.list-card-deputy:hover {
  border-color: #FF5200;
  cursor: pointer;
}
.cl-container.list-card-deputy:hover.border-0 {
  border-color: #FF5200 !important;
}
.cl-container.list-card-deputy .cl-output.tit {
  font-size: 40px;
  font-weight: 600;
}
.cl-container.list-card-deputy .cl-output.tit .cl-text {
  white-space: normal;
  line-height: 1.3 !important;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.cl-container.list-card-deputy .cl-container.form-base .cl-output {
  font-size: 19px;
}
.cl-container.list-card-deputy .cl-container.btn-mb-wrap:before {
  content: "";
  position: absolute;
  background-color: #DDDDDD;
  top: 0px;
  left: -24px;
  right: -24px;
  height: 1px;
}
.cl-container.list-card-deputy .cl-container.btn-mb-wrap .cl-button:not(.cl-first-column):before {
  content: "";
  position: absolute;
  background-color: #DDDDDD;
  top: calc(50% - 12px);
  left: 0px;
  width: 1px;
  height: 24px;
}
.cl-container.list-card-deputy .cl-button.btn-mb-call,
.cl-container.list-card-deputy .cl-button.btn-mb-sms {
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0px;
  color: #111111;
  font-size: 17px;
  font-weight: 700;
  padding: 0px !important;
}
.cl-container.list-card-deputy .cl-button.btn-mb-call:not(.cl-disabled):hover,
.cl-container.list-card-deputy .cl-button.btn-mb-sms:not(.cl-disabled):hover,
.cl-container.list-card-deputy .cl-button.btn-mb-call:focus,
.cl-container.list-card-deputy .cl-button.btn-mb-sms:focus,
.cl-container.list-card-deputy .cl-button.btn-mb-call.cl-focus,
.cl-container.list-card-deputy .cl-button.btn-mb-sms.cl-focus,
.cl-container.list-card-deputy .cl-button.btn-mb-call:not(.cl-disabled).cl-activated,
.cl-container.list-card-deputy .cl-button.btn-mb-sms:not(.cl-disabled).cl-activated,
.cl-container.list-card-deputy .cl-button.btn-mb-call:not(.cl-disabled):active,
.cl-container.list-card-deputy .cl-button.btn-mb-sms:not(.cl-disabled):active {
  background-color: transparent;
}
.cl-container.list-card-deputy .cl-button.btn-mb-call .cl-icon {
  background-image: url("images/com/content/ic_btn_mb_call.svg") !important;
  width: 24px;
  height: 24px;
  background-size: 24px;
}
.cl-container.list-card-deputy .cl-button.btn-mb-sms .cl-icon {
  background-image: url("images/com/content/ic_btn_mb_sms.svg") !important;
  width: 24px;
  height: 24px;
  background-size: 24px;
}
.cl-container.full-section .cl-container.list-card {
  border: none;
}
/************************************************
 * 내역 표출형 화면의 카드 리스트 스타일
 ************************************************/
/* 총 건수 표현하는 영역 스타일 */
.cl-container.top-box .cl-output.total {
  font-size: 21px;
  font-weight: 600;
}
.cl-container.top-box .cl-output.total .cl-text span {
  font-weight: 400;
}
.cl-container.top-box .cl-combobox.cmb-filter {
  width: 160px !important;
}
.cl-container.top-box .cl-combobox.cmb-filter .cl-combobox-button {
  background: url("images/controls/combobox/ic_btn_dropdown.svg") no-repeat center center/16px;
  width: 16px;
  margin: 0 16px 0 0;
}
.cl-container.top-box .cl-combobox.cmb-filter.wd-200 {
  width: 200px !important;
}
.cl-container.top-box .cl-combobox.cmb-filter .cl-text {
  min-height: 56px;
}
.cl-container.highlight-box {
  background-color: #F4F4F4;
  border-radius: 24px;
  padding: 24px 40px;
}
.cl-container.highlight-box .cl-output.tit {
  padding-left: 42px;
  background: url("images/controls/image/ic_won2.svg") no-repeat left center;
  font-size: 17px;
}
.cl-container.highlight-box .cl-output.num-data {
  text-align: left;
  font-size: 25px;
  font-weight: 700;
}
.cl-container.card-list-area .cl-container.list-card {
  margin: 0px 1px;
  /* 상세보기 버튼 */
}
.cl-container.card-list-area .cl-container.list-card .cl-output.text {
  margin-top: -8px !important;
}
.cl-container.card-list-area .cl-container.list-card .cl-button.btn-details {
  min-height: 60px;
}
.cl-container.card-list-area .cl-container.apply-card {
  background-color: #FFFFFF;
  border-radius: 20px;
}
.cl-container.card-list-area .cl-container.apply-card .cl-container.apply-btn-group .cl-button {
  border-radius: 9999px !important;
  font-size: 17px;
  padding: 0 24px;
}
.cl-container.card-list-area .cl-container.btn-group .cl-button {
  height: 52px !important;
}
/************************************************
 * 서치 및 필터 박스
 ************************************************/
.cl-container.scr-filter-box {
  background-color: #F4F4F4;
  border-radius: 40px;
  padding: 40px 80px;
}
.cl-container.scr-filter-box .cl-formlayout-vertical-separator,
.cl-container.scr-filter-box .cl-formlayout-horizontal-separator {
  background-color: #DDDDDD;
}
.cl-container.scr-filter-box .cl-searchinput {
  border-radius: 9999px;
  font-size: 25px;
  border: none;
}
.cl-container.scr-filter-box .cl-searchinput .cl-text {
  padding-left: 32px;
}
.cl-container.scr-filter-box .cl-searchinput .cl-searchinput-search.cl-right {
  margin: 0 32px 0 0;
  background-size: 28px;
}
/************************************************
 * 파일 업로드 박스
 ************************************************/
.cl-container.file-upload-field {
  background-color: #F4F4F4;
  border: 1px solid #DDDDDD;
  border-radius: 20px;
  padding: 40px 0px;
}
.cl-container.file-upload-field .cl-output {
  color: #555555;
  text-align: center;
}
.cl-container.file-upload-field .cl-button.btn-file-upload {
  padding: 0 16px;
  font-size: 15px;
}
.cl-container.file-upload-field .cl-button.btn-file-upload .cl-icon {
  background-image: url("images/controls/button/ic_btn_upload.svg") !important;
}
.cl-container.file-upload-field .cl-button.btn-file-upload.cl-icon-align-left .cl-icon {
  margin: 0 4px 0 0;
}
.cl-container.file-upload-field .cl-button.btn-file-upload.btn-primary-02:hover,
.cl-container.file-upload-field .cl-button.btn-file-upload.btn-primary-02.cl-activated,
.cl-container.file-upload-field .cl-button.btn-file-upload.btn-primary-02:active {
  border-color: #bb3b00;
  color: #bb3b00;
}
.cl-container.file-upload-field .cl-button.btn-file-upload.btn-primary-02:hover .cl-icon,
.cl-container.file-upload-field .cl-button.btn-file-upload.btn-primary-02.cl-activated .cl-icon,
.cl-container.file-upload-field .cl-button.btn-file-upload.btn-primary-02:active .cl-icon {
  background-image: url("images/controls/button/ic_btn_upload_on.svg") !important;
}
/*********************************************************
 * 안내 메시지 (체크)박스 
 *********************************************************/
.cl-container.post-box-grp {
  background-color: #FFFFFF;
  border-radius: 20px;
  border: 1px solid #EEEEEE;
  padding: 40px;
  /* 아웃풋 체크 이미지*/
  /* 확인해주세요. 타이틀 스타일 */
}
.cl-container.post-box-grp > .cl-layout > .cl-layout-content {
  padding: 0px !important;
}
.cl-container.post-box-grp > .cl-layout > .cl-layout-content > .cl-layout-margin {
  height: 0 !important;
}
.cl-container.post-box-grp .cl-htmlsnippet.img-scheck,
.cl-container.post-box-grp .cl-output.img-scheck {
  background: url("images/controls/image/ic_scheck.png") no-repeat left top 4.5px;
  padding: 0 0 0 24px;
  font-size: 19px;
}
.cl-container.post-box-grp .cl-htmlsnippet.img-scheck button,
.cl-container.post-box-grp .cl-output.img-scheck button {
  font-size: 19px;
}
.cl-container.post-box-grp .cl-output.post-label {
  background: url("images/controls/image/ic_post_title.png") no-repeat left center;
  padding-left: 40px;
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 16px;
}
.cl-container.post-box-grp .cl-output.post-label .cl-text {
  line-height: 32px;
}
/*********************************************************
 * 구분선 그룹 스타일
 *********************************************************/
.cl-container.separator > .cl-layout.separator > .cl-layout-content > .cl-layout-wrap:not(:first-child) {
  padding-left: 12px;
  margin-left: 12px !important;
}
.cl-container.separator > .cl-layout.separator > .cl-layout-content > .cl-layout-wrap:not(:first-child):before {
  content: "";
  position: absolute;
  width: 1px;
  top: calc(50% - 8px);
  left: 0px;
  height: 16px;
  background-color: #EEEEEE;
}
.cl-container.separator.spacing-8 > .cl-layout.separator > .cl-layout-content > .cl-layout-wrap:not(:first-child) {
  padding-left: 8px;
  margin-left: 8px !important;
}
.cl-container.separator.spacing-8 > .cl-layout.separator > .cl-layout-content > .cl-layout-wrap:not(:first-child):before {
  top: calc(50% - 7px);
  height: 14px;
}
.cl-container.separator.spacing-20 > .cl-layout.separator > .cl-layout-content > .cl-layout-wrap:not(:first-child) {
  padding-left: 20px;
  margin-left: 20px !important;
}
.cl-container.separator.spacing-20 > .cl-layout.separator > .cl-layout-content > .cl-layout-wrap:not(:first-child):before {
  top: calc(50% - 10px);
  height: 20px;
}
/********************************************** 2단계 **********************************************/
/* 사용자 정보를 담은 카드 스타일 (대리인)*/
.cl-container.user-info-card {
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 40px;
  padding: 40px;
}
.cl-container.user-info-card.peding {
  border-color: #FF5200;
}
.cl-container.user-info-card.peding .badge {
  border-color: #FF5200 !important;
  color: #FF5200 !important;
}
.cl-container.user-info-card .cl-output.tit {
  font-size: 32px;
  font-weight: 700;
}
.cl-container.user-info-card .cl-output.tit .cl-text {
  white-space: normal;
  line-height: 1.3 !important;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.cl-container.user-info-card .cl-container.info-table .cl-output,
.cl-container.user-info-card .cl-container.info-table .cl-button {
  font-size: 19px;
  font-weight: 500;
  text-align: right;
}
.cl-container.user-info-card .cl-container.info-table .cl-output.label,
.cl-container.user-info-card .cl-container.info-table .cl-button.label {
  color: #555555;
  font-weight: 400;
  text-align: left;
}
.cl-container.user-info-card .cl-button {
  padding: 0;
}
/************************************************
 * 폼 레이아웃 내 배치된 컨트롤 또는 그룹의 너비 고정
 * wd-{PC width}-{MB width} 형태로 클래스 작성
 ************************************************/
.wd-320-120 {
  width: 320px !important;
}
.wd-120-100 {
  width: 120px !important;
}
.wd-120-96 {
  width: 120px !important;
}
/************************************************
 * 레이아웃 내 배치된 컨트롤 또는 그룹의 높이 고정 (자동 높이 설정)
 * ht-{PC height}-{MB height} 형태로 클래스 작성
 ************************************************/
.ht-60-48 {
  height: 60px !important;
}
/************************************************
 * 그룹 또는 컨트롤의 radius가 다른 경우
 * rounded-{PC radius}-{MB radius} 형태로 클래스 작성
 ************************************************/
.rounded-40-20 {
  border-radius: 40px !important;
}
/************************************************
 * 구분선 클래스
 * 기본 높이 및 너비는 1px
 * 구분선 색상은 공통으로 제공하는 배경색 클래스 사용
 ************************************************/
/* 가로 구분선 */
.cl-output.horizontal-separator {
  height: 1px !important;
}
.cl-output.horizontal-separator.ht-8 {
  height: 8px !important;
}
/************************************************
 * 텍스트 길이 제한형 텍스트에리어
 ************************************************/
.cl-container.textarea-length .cl-output.length-txt {
  font-size: 15px;
  color: #555555;
  text-align: right;
}
.cl-container.textarea-length.cl-disabled .cl-output.length-txt {
  color: #BBBBBB;
}
.cl-container.textarea-length.cl-disabled .cl-output.length-txt .cl-text span {
  color: #BBBBBB !important;
}
/************************************************
 * 아코디언
 ************************************************/
.cl-accordion .cl-accordion-header {
  /* 지원단가 */
  /* 지급 제외대상 */
  /* 농가란? */
  /* 지급대상 농지 */
  /* 지급대상 농업인 */
  /* 지원자격 */
  /* 지원대상자 */
}
.cl-accordion .cl-accordion-header.won,
.cl-accordion .cl-accordion-header.except,
.cl-accordion .cl-accordion-header.home,
.cl-accordion .cl-accordion-header.farmland,
.cl-accordion .cl-accordion-header.farmer,
.cl-accordion .cl-accordion-header.qualification,
.cl-accordion .cl-accordion-header.subject {
  background-repeat: no-repeat;
  background-position: left 12px center;
  background-size: 24px;
  padding-left: 44px;
}
.cl-accordion .cl-accordion-header.won {
  background-image: url("images/controls/image/ic_won.svg");
}
.cl-accordion .cl-accordion-header.except {
  background-image: url("images/controls/image/ic_except.svg");
}
.cl-accordion .cl-accordion-header.home {
  background-image: url("images/controls/image/ic_home.svg");
}
.cl-accordion .cl-accordion-header.farmland {
  background-image: url("images/controls/image/ic_farmland.svg");
}
.cl-accordion .cl-accordion-header.farmer {
  background-image: url("images/controls/image/ic_farmer.svg");
}
.cl-accordion .cl-accordion-header.qualification {
  background-image: url("images/controls/image/ic_qualification.svg");
}
.cl-accordion .cl-accordion-header.subject {
  background-image: url("images/controls/image/ic_subject.svg");
}
/************************************************
 * 체크박스 
 * lg 사이즈
 ************************************************/
.cl-checkbox.lg {
  font-size: 25px;
}
.cl-checkbox.lg .cl-text {
  padding: 0 0 0 16px;
}
.cl-checkbox.lg .cl-checkbox-icon {
  background-size: 24px;
  width: 24px;
  height: 24px;
}
.cl-checkboxgroup.lg .cl-checkbox {
  font-size: 25px;
}
.cl-checkboxgroup.lg .cl-checkbox .cl-text {
  padding: 0 0 0 16px;
}
.cl-checkboxgroup.lg .cl-checkbox .cl-checkbox-icon {
  background-size: 24px;
  width: 24px;
  height: 24px;
}
.cl-checkboxgroup.lg .cl-checkbox.cl-checked {
  font-weight: 400;
}
/************************************************
 * 체크박스 
 * 토글버튼
 ************************************************/
.cl-checkbox.toggle {
  background-color: #DDDDDD;
  border-radius: 999px;
  background-image: url("images/controls/checkbox/ic_toggle.svg");
  background-position: left 2px top 1.5px;
  background-repeat: no-repeat;
  transition: background-position 0.25s;
}
.cl-checkbox.toggle .cl-checkbox-icon {
  width: 44px;
  background: none;
  margin: 0;
}
.cl-checkbox.toggle .cl-text {
  display: none;
}
.cl-checkbox.toggle.cl-checked {
  background-color: #FF5200;
  background-position: right 2px top 1.5px;
}
.cl-checkbox.toggle.cl-checked .cl-checkbox-icon {
  background: none;
}
.cl-checkbox.toggle.cl-focus .cl-checkbox-icon {
  outline: none;
}
.cl-checkbox.toggle2 {
  background-color: #FFEDE2;
  color: #ae9b90;
  border-radius: 12px;
  min-width: 632px;
  padding: 2px;
  font-size: 15px;
  font-weight: 700;
}
.cl-checkbox.toggle2 .cl-checkbox-icon {
  position: relative;
  background-image: none;
  min-width: 314px;
  min-height: 44px;
  background-color: #FFFFFF;
  margin: 0;
  border-radius: 12px;
  transition: background-color 0.35s ease;
}
.cl-checkbox.toggle2 .cl-checkbox-icon:before {
  content: "일괄급여";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  text-align: center;
  vertical-align: middle;
  color: #FF5200;
}
.cl-checkbox.toggle2 .cl-text {
  width: 100%;
  text-align: center;
  border-radius: 12px;
}
.cl-checkbox.toggle2.cl-checked {
  color: #FF5200;
}
.cl-checkbox.toggle2.cl-checked .cl-checkbox-icon {
  background-image: none;
  background-color: transparent;
}
.cl-checkbox.toggle2.cl-checked .cl-checkbox-icon:before {
  color: #ae9b90;
}
.cl-checkbox.toggle2.cl-checked .cl-text {
  background-color: #FFFFFF;
}
.cl-checkbox.toggle2.cl-focus .cl-checkbox-icon {
  outline: none;
}
/* 버튼 스타일의 체크박스 그룹 */
.cl-checkboxgroup.cbx-group-btn {
  padding: 1px;
}
.cl-checkboxgroup.cbx-group-btn .cl-checkbox {
  border: 1px solid #DDDDDD;
  border-radius: 24px;
  font-size: 25px;
  min-height: 100px;
}
.cl-checkboxgroup.cbx-group-btn .cl-checkbox .cl-checkbox-icon {
  background-image: none;
  width: 0;
  height: 0;
  margin: 0;
}
.cl-checkboxgroup.cbx-group-btn .cl-checkbox .cl-checkbox-field {
  display: flex !important;
}
.cl-checkboxgroup.cbx-group-btn .cl-checkbox .cl-text {
  padding: 34px 76px 34px 40px;
  width: 100%;
  line-height: 32px;
}
.cl-checkboxgroup.cbx-group-btn .cl-checkbox.cl-checked {
  border-color: #FF5200;
  color: #FF5200;
  font-weight: 700;
}
.cl-checkboxgroup.cbx-group-btn .cl-checkbox.cl-checked .cl-text {
  background: url("images/controls/radiobutton/ic_radio_check_lg_s.svg") no-repeat right 40px center;
}
.cl-checkboxgroup.cbx-group-btn .cl-checkbox .cl-icon-wrapper {
  width: 0;
}
.cl-checkboxgroup.cbx-group-btn.cl-focus .cl-checkbox .cl-checkbox-icon:focus,
.cl-checkboxgroup.cbx-group-btn.cl-focus .cl-checkbox .cl-checkbox-icon.cl-focus {
  outline: none;
}
/* 더보기 형태 */
.cl-checkboxgroup.cbx-more .cl-checkbox {
  background: url("images/controls/checkbox/ic_check_more.svg") no-repeat right center;
  padding-right: 44px;
}
.cl-checkbox.cbx-more {
  background: url("images/controls/checkbox/ic_check_more.svg") no-repeat right center;
  padding-right: 44px;
}
/* 최소 사이즈 버튼 형태의 체크박스 스타일 */
.cl-checkbox.cbx-btn {
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  font-size: 17px;
  font-weight: 500;
  color: #555555;
  min-width: 60px;
}
.cl-checkbox.cbx-btn .cl-checkbox-icon {
  background-image: none;
  width: 0;
  height: 0;
  margin: 0;
}
.cl-checkbox.cbx-btn .cl-checkbox-field {
  min-height: 38px;
}
.cl-checkbox.cbx-btn .cl-text {
  padding: 6px 14px;
  outline: none !important;
}
.cl-checkbox.cbx-btn.cl-checked {
  border-color: #FF5200;
  color: #FF5200;
}
.cl-checkbox.cbx-btn.cl-disabled {
  border-color: #DDDDDD;
  color: #BBBBBB;
}
/* 라디오버튼 rdb-btn3 와 같은 스타일 기본 colcount = 0 fixedWidth = true */
.cl-checkboxgroup.cbx-btn {
  overflow: visible;
  font-size: 17px;
  padding: 1px;
  color: #555555;
  text-align: center;
  /* colcount = -1 */
}
.cl-checkboxgroup.cbx-btn.flow-8 .cl-checkbox {
  width: calc((100% / 4) - 8px);
}
.cl-checkboxgroup.cbx-btn .cl-checkbox {
  background-color: #FFFFFF;
  border-radius: 12px;
  border: 1px solid #DDDDDD;
  font-weight: 500;
  text-align: center;
}
.cl-checkboxgroup.cbx-btn .cl-checkbox .cl-icon-wrapper {
  width: 0;
}
.cl-checkboxgroup.cbx-btn .cl-checkbox .cl-icon-wrapper .cl-checkbox-icon {
  width: 0;
  height: 0;
  background: none;
  margin: 0;
}
.cl-checkboxgroup.cbx-btn .cl-checkbox .cl-checkbox-field {
  width: 100%;
  min-height: 44px;
}
.cl-checkboxgroup.cbx-btn .cl-checkbox .cl-text {
  padding: 0px;
  width: 100%;
  padding: 10px 0;
  line-height: 1.35;
  outline: none !important;
}
.cl-checkboxgroup.cbx-btn .cl-checkbox:not(.cl-disabled).cl-checked {
  border-color: #FF5200;
  color: #FF5200;
  font-weight: 700;
  background-color: #fff8f4;
}
.cl-checkboxgroup.cbx-btn .cl-checkbox.cl-disabled {
  border-color: #EEEEEE;
  background-color: #EEEEEE;
  color: #BBBBBB;
}
.cl-checkboxgroup.cbx-btn.cl-disabled .cl-checkbox {
  border-color: #EEEEEE;
  background-color: #EEEEEE;
  color: #BBBBBB;
}
.cl-checkboxgroup.cbx-btn.cl-disabled .cl-checkbox.cl-checked {
  border-color: #FFE0D1;
  background-color: #FFF8F4;
  color: #FFC2A7;
}
/* 라디오버튼 rdb-btn3 와 같은 스타일 개별 체크박스 */
.cl-checkbox.cbx-btn2 {
  background-color: #FFFFFF;
  border-radius: 12px;
  border: 1px solid #DDDDDD;
  font-weight: 500;
  text-align: center;
}
.cl-checkbox.cbx-btn2 .cl-icon-wrapper {
  width: 0;
}
.cl-checkbox.cbx-btn2 .cl-icon-wrapper .cl-checkbox-icon {
  width: 0;
  height: 0;
  background: none;
  margin: 0;
}
.cl-checkbox.cbx-btn2 .cl-checkbox-field {
  width: 100%;
  min-height: 44px;
}
.cl-checkbox.cbx-btn2 .cl-text {
  padding: 0px;
  width: 100%;
  padding: 10px 0;
  line-height: 1.35;
  outline: none !important;
}
.cl-checkbox.cbx-btn2.cl-checked {
  border-color: #FF5200;
  color: #FF5200;
  font-weight: 700;
  background-color: #fff8f4;
}
.cl-checkbox.cbx-btn2.cl-disabled {
  border-color: #EEEEEE;
  background-color: #EEEEEE;
  color: #BBBBBB;
}
/* 라디오버튼 rdb-btn 와 같은 스타일 기본 colcount = 1 fixedWidth = true */
.cl-checkboxgroup.cbx-btn2 {
  color: #111111;
  font-size: 17px;
  overflow: visible;
  padding: 1px;
  text-align: left;
}
.cl-checkboxgroup.cbx-btn2 .cl-checkbox {
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  font-weight: 400;
  text-align: left;
}
.cl-checkboxgroup.cbx-btn2 .cl-checkbox .cl-icon-wrapper {
  width: 0;
}
.cl-checkboxgroup.cbx-btn2 .cl-checkbox .cl-icon-wrapper .cl-checkbox-icon {
  width: 0;
  height: 0;
  background: none;
  margin: 0;
}
.cl-checkboxgroup.cbx-btn2 .cl-checkbox .cl-checkbox-field {
  width: 100%;
  min-height: 62px;
}
.cl-checkboxgroup.cbx-btn2 .cl-checkbox .cl-text {
  width: 100%;
  padding: 19px 16px;
  line-height: 1.5;
  outline: none !important;
}
.cl-checkboxgroup.cbx-btn2 .cl-checkbox:not(.cl-disabled).cl-checked {
  border-color: #FF5200;
  border-width: 2px;
  color: #FF5200;
  font-weight: 700;
}
.cl-checkboxgroup.cbx-btn2 .cl-checkbox:not(.cl-disabled).cl-checked .cl-checkbox-field {
  min-height: 60px;
}
.cl-checkboxgroup.cbx-btn2 .cl-checkbox:not(.cl-disabled).cl-checked .cl-text {
  background-image: url("images/controls/radiobutton/ic_radio_check_lg_s.svg");
  background-position: center right 16px;
  background-repeat: no-repeat;
  background-size: 24px;
  padding: 18px 15px;
}
.cl-checkboxgroup.cbx-btn2 .cl-checkbox.cl-disabled {
  border-color: #EEEEEE;
  background-color: #EEEEEE;
  color: #BBBBBB;
}
.cl-checkboxgroup.cbx-btn2.cl-disabled .cl-checkbox {
  border-color: #EEEEEE;
  background-color: #EEEEEE;
  color: #BBBBBB;
}
.cl-checkboxgroup.cbx-btn2.cl-disabled .cl-checkbox.cl-checked {
  border-color: #FFE0D1;
  background-color: #FFF8F4;
  color: #FFC2A7;
}
/* 리스트 스타일의 체크박스그룹 colCount = 1 */
.cl-checkboxgroup.cbx-list .cl-checkbox {
  padding: 0 24px;
}
.cl-checkboxgroup.cbx-list .cl-checkbox .cl-checkbox-field {
  min-height: 52px;
}
/* TODO: 'rdb-list' 스타일로 대체 */
.cl-checkboxgroup.cbx-list-check .cl-checkbox {
  min-height: 58px;
  font-size: 17px;
  padding: 9px 44px 9px 20px;
  font-weight: 400;
}
.cl-checkboxgroup.cbx-list-check .cl-checkbox .cl-checkbox-field {
  display: flex !important;
  outline: none !important;
}
.cl-checkboxgroup.cbx-list-check .cl-checkbox .cl-text {
  flex: auto;
  padding: 10px 0;
  line-height: 1;
  outline: none !important;
}
.cl-checkboxgroup.cbx-list-check .cl-checkbox.cl-checked {
  color: #FF5200;
  font-weight: 700;
  background: #FFEDE2 url("images/controls/radiobutton/ic_radio_check.svg") no-repeat right 20px center;
}
.cl-checkboxgroup.cbx-list-check .cl-checkbox:hover {
  color: #FF5200;
}
.cl-checkboxgroup.cbx-list-check .cl-checkbox.cl-focus,
.cl-checkboxgroup.cbx-list-check .cl-checkbox:focus {
  outline: none;
}
.cl-checkbox.cbx-all {
  color: #555555;
  font-size: 15px;
  font-weight: 600;
  padding: 1px;
}
.cl-checkbox.cbx-all .cl-checkbox-icon {
  width: 0;
}
.cl-checkbox.cbx-all.cl-checked {
  color: #FF5200;
}
.cl-checkbox.cbx-all.cl-checked .cl-checkbox-icon {
  width: 20px;
  background: url("images/controls/radiobutton/ic_filter_check.svg") no-repeat left center;
}
.cl-checkbox.cbx-all.cl-checked .cl-text {
  box-shadow: inset 0 -1px 0 #FF5200;
}
.cl-checkbox.cbx-all .cl-text {
  padding-left: 0;
  box-shadow: inset 0 -1px 0 #555555;
}
.cl-checkbox.cbx-all.cl-focus .cl-checkbox-icon {
  outline: none;
}
/************************************************
 * 필터 버튼 그룹
 ************************************************/
.cl-container.filter-btn-group.cl-layout {
  background-color: #EB003B;
  display: none !important;
}
.cl-container.filter-btn-group {
  /* 새로고침 버튼 */
}
.cl-container.filter-btn-group .cl-layout::-webkit-scrollbar {
  display: none;
}
.cl-container.filter-btn-group .cl-layout {
  scrollbar-width: none;
  /* 파이어폭스 */
}
.cl-container.filter-btn-group .cl-button.btn-reset-black {
  width: 52px !important;
}
.cl-container.filter-btn-group .cl-button {
  border-radius: 999px;
  height: 52px !important;
  padding: 0 20px;
  font-size: 19px;
  border-color: #EEEEEE;
  color: #111111;
}
.cl-container.filter-btn-group .cl-button.cl-icon-align-right .cl-icon {
  margin: 0 0 0 16px;
}
.cl-container.filter-btn-group .cl-button .cl-icon {
  background-image: url("images/controls/button/ic_btn_filter_down.svg") !important;
  background-size: 16px;
  width: 16px;
  height: 16px;
}
.cl-container.filter-btn-group .cl-button.on,
.cl-container.filter-btn-group .cl-button.cl-selected {
  background-color: #FF5200;
  border-color: #FF5200;
  color: #FFFFFF;
}
.cl-container.filter-btn-group .cl-button.on .cl-icon,
.cl-container.filter-btn-group .cl-button.cl-selected .cl-icon {
  background-image: url("images/controls/button/ic_btn_filter_down_on.svg") !important;
}
.cl-container.filter-btn-group .cl-button:focus,
.cl-container.filter-btn-group .cl-button.cl-focus,
.cl-container.filter-btn-group .cl-button:not(.cl-disabled).cl-activated,
.cl-container.filter-btn-group .cl-button:not(.cl-disabled):active {
  border-color: #111111;
}
.cl-container.filter-btn-group .cl-button.on-select {
  border-color: #111111;
}
.cl-container.filter-btn-group .cl-button.on-select .cl-icon {
  transform: rotate(180deg);
}
.cl-container.filter-btn-group .cl-button:hover {
  border-color: #111111;
}
.cl-container.filter-btn-group .cl-button:focus,
.cl-container.filter-btn-group .cl-button.cl-focus {
  outline: none;
}
/************************************************
 * 필터 체크 박스 그룹
 ************************************************/
.cl-checkboxgroup.cbx-filter .cl-checkbox {
  border: 1px solid #DDDDDD;
  border-radius: 999px;
  padding: 9px 20px;
  font-size: 19px;
  color: #555555;
  font-weight: 500;
}
.cl-checkboxgroup.cbx-filter .cl-checkbox .cl-checkbox-icon {
  width: 0;
}
.cl-checkboxgroup.cbx-filter .cl-checkbox .cl-text {
  padding-left: 0;
  line-height: 1;
}
.cl-checkboxgroup.cbx-filter .cl-checkbox.cl-checked {
  border-color: #FF5200;
  padding-left: 44px;
  background: url("images/controls/radiobutton/ic_filter_check.svg") no-repeat left 16px center;
  color: #FF5200;
  font-weight: 700;
}
.cl-checkboxgroup.cbx-filter.cl-focus .cl-checkbox .cl-checkbox-icon:focus,
.cl-checkboxgroup.cbx-filter.cl-focus .cl-checkbox .cl-checkbox-icon.cl-focus {
  outline: none;
}
/************************************************
 * 라디오 버튼
 ************************************************/
/* 라디오 필터 스타일 */
.cl-radiobutton.rdb-filter-check {
  font-size: 19px;
  color: #555555;
  font-weight: 500;
}
.cl-radiobutton.rdb-filter-check .cl-radiobutton-item {
  border: 1px solid #DDDDDD;
  border-radius: 999px;
  padding: 10.5px 24px;
  text-align: center;
}
.cl-radiobutton.rdb-filter-check .cl-radiobutton-item .cl-radiobutton-icon {
  width: 0;
  margin: 0;
  min-height: 0;
}
.cl-radiobutton.rdb-filter-check .cl-radiobutton-item .cl-text {
  padding: 0;
  line-height: 1;
}
.cl-radiobutton.rdb-filter-check .cl-radiobutton-item.cl-selected {
  border-color: #FF5200;
  padding-left: 44px;
  background: url("images/controls/radiobutton/ic_filter_check.svg") no-repeat left 16px center;
  color: #FF5200;
  font-weight: 700;
}
.cl-radiobutton.rdb-filter-check.cl-focus {
  outline: none;
}
.cl-radiobutton.rdb-filter-check.cl-focus .cl-radiobutton-item .cl-radiobutton-icon {
  outline: none;
}
/* 스위치 기본 */
.cl-radiobutton.switch {
  background-color: #EEEEEE;
  border-radius: 999px;
  padding: 2px;
  font-weight: 600;
  min-width: 456px;
  min-height: 64px;
  /* 직불제의 품목 선택 화면 상단 찾기 구분 */
}
.cl-radiobutton.switch .cl-radiobutton-item {
  background-color: transparent;
  border-radius: 999px;
  color: #888888;
  width: 50%;
  font-size: 21px;
  text-align: center;
  transition: all 0.25s;
}
.cl-radiobutton.switch .cl-radiobutton-item .cl-radiobutton-field {
  width: 100%;
}
.cl-radiobutton.switch .cl-radiobutton-item .cl-text {
  line-height: 60px;
  outline: none !important;
}
.cl-radiobutton.switch .cl-radiobutton-item.cl-selected {
  background-color: #FFFFFF;
  color: #111111;
}
.cl-radiobutton.switch.cl-focus {
  outline: none;
}
.cl-radiobutton.switch.date-picker {
  min-width: 186px;
  min-height: 40px;
}
.cl-radiobutton.switch.date-picker .cl-radiobutton-item {
  font-size: 17px;
  text-align: center;
}
.cl-radiobutton.switch.date-picker .cl-radiobutton-item .cl-text {
  line-height: 40px;
}
.cl-radiobutton.switch.square {
  background-color: #FFEDE2;
  border-radius: 12px;
  font-weight: 700;
  min-width: 624px;
  min-height: 52px;
}
.cl-radiobutton.switch.square .cl-radiobutton-item {
  border-radius: 12px;
  color: #888888;
  width: 50%;
  font-size: 15px;
}
.cl-radiobutton.switch.square .cl-radiobutton-item .cl-radiobutton-field {
  width: 100%;
}
.cl-radiobutton.switch.square .cl-radiobutton-item .cl-text {
  line-height: 48px;
}
.cl-radiobutton.switch.square .cl-radiobutton-item.cl-selected {
  background-color: #FFFFFF;
  color: #FF5200;
}
.cl-radiobutton.switch.tab {
  background-color: #FFFFFF;
  min-height: 44px;
  border-radius: 0;
}
.cl-radiobutton.switch.tab .cl-radiobutton-item {
  border: none;
  background-color: #F4F4F4;
  color: #555555;
  border-radius: 12px;
  font-size: 17px;
  font-weight: 500;
}
.cl-radiobutton.switch.tab .cl-radiobutton-item .cl-text {
  line-height: 46px;
}
.cl-radiobutton.switch.tab .cl-radiobutton-item.cl-selected {
  background-color: #fff8f4;
  color: #FF5200;
  font-weight: 700;
}
.cl-radiobutton.switch.search {
  font-size: 15px;
  min-width: 248px;
  min-height: 39px;
}
.cl-radiobutton.switch.search .cl-radiobutton-item {
  font-size: inherit;
  text-align: center;
}
.cl-radiobutton.switch.search .cl-radiobutton-item .cl-text {
  line-height: 39px;
}
/* 스위치 탭 화면 전환 스타일 */
.cl-radiobutton.switch-tab {
  background-color: #FFFFFF;
  border-radius: 999px;
  font-weight: 700;
  border: 1px solid #FF5200;
  height: 48px !important;
}
.cl-radiobutton.switch-tab .cl-radiobutton-item {
  background-color: transparent;
  border-radius: 999px;
  color: #FF5200;
  min-width: 160px;
}
.cl-radiobutton.switch-tab .cl-radiobutton-item.cl-selected {
  background-color: #FF5200;
  color: #FFFFFF;
}
.cl-radiobutton.switch-tab .cl-radiobutton-item .cl-radiobutton-field {
  display: flex !important;
  justify-content: center;
}
.cl-radiobutton.switch-tab .cl-radiobutton-item .cl-text {
  outline: none !important;
}
.cl-radiobutton.switch-tab.cl-focus {
  outline: none;
}
.cl-radiobutton.switch-tab.cl-focus .cl-radiobutton-item .cl-radiobutton-icon {
  outline: none;
}
/* 사육시설 사육품목 등록, 지번 품목별 및 재배 정보 등록에 사용되는 아웃풋 */
.cl-output.addpd {
  font-size: 25px;
  font-weight: 700;
  border-bottom: 2px solid #111111;
  padding: 16.5px 0;
}
@media (max-width: 1416px) {
  .cl-container.filter-btn-group .cl-button.btn-reset-black {
    width: 40px !important;
    height: 40px !important;
    background-size: 20px;
  }
  .cl-container.filter-btn-group .cl-button {
    height: 40px !important;
    font-size: 17px;
    padding: 0 16px;
  }
  .cl-container.filter-btn-group .cl-button.cl-icon-align-right .cl-icon {
    margin: 0 0 0 8px;
  }
  .cl-radiobutton.switch-tab {
    height: 44px !important;
  }
  .cl-radiobutton.switch-tab .cl-radiobutton-item {
    min-width: 120px;
  }
}
/* 리스트 스타일 */
.cl-radiobutton.rdb-list {
  font-size: 19px;
}
.cl-radiobutton.rdb-list .cl-radiobutton-item {
  padding: 0px;
  font-weight: 400;
}
.cl-radiobutton.rdb-list .cl-radiobutton-item .cl-radiobutton-field {
  display: flex !important;
  outline: none !important;
}
.cl-radiobutton.rdb-list .cl-radiobutton-item .cl-text {
  flex: auto;
  padding: 16px 88px 16px 40px;
  line-height: 1.5;
  outline: none !important;
  min-height: 61px;
  align-content: center;
}
.cl-radiobutton.rdb-list .cl-radiobutton-item.cl-selected {
  color: #FF5200;
  font-weight: 600;
  background: #FFEDE2 url("images/controls/radiobutton/ic_radio_check.svg") no-repeat right 40px center;
}
.cl-radiobutton.rdb-list .cl-radiobutton-item:hover:not(.cl-selected) {
  color: #FF5200;
}
.cl-radiobutton.rdb-list.cl-focus,
.cl-radiobutton.rdb-list:focus {
  outline: none;
}
/* 리스트 스타일 */
.cl-checkboxgroup.rdb-list {
  font-size: 19px;
}
.cl-checkboxgroup.rdb-list .cl-checkbox {
  padding: 0px;
  font-weight: 400;
}
.cl-checkboxgroup.rdb-list .cl-checkbox .cl-checkbox-field {
  display: flex !important;
  outline: none !important;
}
.cl-checkboxgroup.rdb-list .cl-checkbox .cl-text {
  flex: auto;
  padding: 16px 88px 16px 40px;
  line-height: 1.5;
  outline: none !important;
  min-height: 61px;
  align-content: center;
}
.cl-checkboxgroup.rdb-list .cl-checkbox.cl-checked {
  color: #FF5200;
  font-weight: 600;
  background: #FFEDE2 url("images/controls/radiobutton/ic_radio_check.svg") no-repeat right 40px center;
}
.cl-checkboxgroup.rdb-list .cl-checkbox:hover:not(.cl-checked) {
  color: #FF5200;
}
.cl-checkboxgroup.rdb-list.cl-focus,
.cl-checkboxgroup.rdb-list:focus {
  outline: none;
}
/* 리스트 스타일 */
.cl-radiobutton.rdb-list2 {
  font-size: 19px;
}
.cl-radiobutton.rdb-list2 .cl-radiobutton-item {
  padding: 0px;
  font-weight: 400;
}
.cl-radiobutton.rdb-list2 .cl-radiobutton-item .cl-radiobutton-field {
  display: flex !important;
  outline: none !important;
}
.cl-radiobutton.rdb-list2 .cl-radiobutton-item .cl-text {
  flex: auto;
  padding: 16px 88px 16px 40px;
  line-height: 1.5;
  outline: none !important;
  min-height: 61px;
  align-content: center;
}
.cl-radiobutton.rdb-list2 .cl-radiobutton-item.cl-selected {
  color: #FF5200;
  font-weight: 700;
  background: #FFEDE2 url("images/controls/radiobutton/ic_radio_check.svg") no-repeat right 40px center;
}
.cl-radiobutton.rdb-list2 .cl-radiobutton-item:hover:not(.cl-selected) {
  color: #FF5200;
}
.cl-radiobutton.rdb-list2.cl-focus,
.cl-radiobutton.rdb-list2:focus {
  outline: none;
}
/* 라디오 필터 스타일 */
.cl-radiobutton.rdb-filter {
  font-size: 21px;
  color: #555555;
  padding: 2px;
}
.cl-radiobutton.rdb-filter .cl-radiobutton-item {
  border-radius: 999px;
  background-color: #F4F4F4;
  border: 1px solid #DDDDDD;
  text-align: center;
}
.cl-radiobutton.rdb-filter .cl-radiobutton-item .cl-radiobutton-icon {
  width: 0;
  margin: 0;
  min-height: 0;
}
.cl-radiobutton.rdb-filter .cl-radiobutton-item .cl-text {
  padding: 10px 38px;
}
.cl-radiobutton.rdb-filter .cl-radiobutton-item.cl-selected {
  font-weight: 600;
  background-color: #FF5200;
  border-color: #FF5200;
  color: #FFFFFF;
}
.cl-radiobutton.rdb-filter .cl-radiobutton-item:not(:first-child) {
  margin-left: 12px;
}
.cl-radiobutton.rdb-filter .cl-radiobutton-item:focus {
  outline: 2px dotted #111111;
}
.cl-radiobutton.rdb-filter.cl-focus {
  outline: none;
}
.cl-radiobutton.rdb-filter.cl-focus .cl-radiobutton-item .cl-radiobutton-icon {
  outline: none;
}
.cl-radiobutton.rdb-btn {
  font-size: 25px;
  padding: 1px;
  /* 2단계 직불외에서 추가된 스타일 (서브 텍스트 스타일이 있을 경우 추가) */
}
.cl-radiobutton.rdb-btn .cl-radiobutton-item {
  border-radius: 24px;
  border: 1px solid #DDDDDD;
  min-height: 100px;
}
.cl-radiobutton.rdb-btn .cl-radiobutton-item .cl-radiobutton-icon {
  width: 0;
  margin: 0;
  min-height: 0;
}
.cl-radiobutton.rdb-btn .cl-radiobutton-item .cl-radiobutton-field {
  display: flex !important;
}
.cl-radiobutton.rdb-btn .cl-radiobutton-item .cl-text {
  padding: 34px 76px 34px 40px;
  width: 100%;
  line-height: 32px;
}
.cl-radiobutton.rdb-btn .cl-radiobutton-item.cl-selected {
  border-color: #FF5200;
  border-width: 2px;
  color: #FF5200;
  font-weight: 700;
}
.cl-radiobutton.rdb-btn .cl-radiobutton-item.cl-selected .cl-text {
  background: url("images/controls/radiobutton/ic_radio_check_lg_s.svg") no-repeat right 40px center;
}
.cl-radiobutton.rdb-btn .cl-radiobutton-item .cl-icon-wrapper {
  width: 0;
}
.cl-radiobutton.rdb-btn.cl-focus {
  outline: none;
}
.cl-radiobutton.rdb-btn.cl-focus .cl-radiobutton-item .cl-radiobutton-icon:focus,
.cl-radiobutton.rdb-btn.cl-focus .cl-radiobutton-item .cl-radiobutton-icon.cl-focus {
  outline: none;
}
.cl-radiobutton.rdb-btn.md {
  font-size: 17px;
}
.cl-radiobutton.rdb-btn.md .cl-radiobutton-item {
  border-radius: 12px;
}
.cl-radiobutton.rdb-btn.md .cl-radiobutton-item .cl-text {
  background-size: 24px;
  background-position: right 24px center;
  padding: 22px 52px 22px 24px;
  line-height: 28px;
}
.cl-radiobutton.rdb-btn.md .cl-radiobutton-item.cl-selected {
  border-width: 1px;
}
.cl-radiobutton.rdb-btn.sub-label .cl-radiobutton-item .cl-text {
  background-position: top 27px right 32px;
  padding: 29px 84px 27px 32px;
}
.cl-radiobutton.rdb-btn.sub-label .cl-radiobutton-item .cl-text span.sub-label {
  color: #555555;
  font-size: 17px;
  font-weight: 400;
  display: block;
}
.cl-radiobutton.rdb-btn.sub-label .cl-radiobutton-item.cl-selected {
  border-width: 1px;
}
.cl-radiobutton.rdb-btn.sub-label .cl-radiobutton-item.cl-selected .cl-text {
  background-position: top 27px right 32px;
}
.cl-radiobutton.rdb-btn.sub-label .cl-radiobutton-item.cl-selected .cl-text span.sub-label {
  color: #FF5200;
}
/* colcount=3 으로 사용하는 경우 */
.cl-radiobutton.rdb-btn2 {
  font-size: 25px;
  padding: 1px;
  font-size: 17px;
  text-align: center;
  font-weight: 700;
  color: #555555;
}
.cl-radiobutton.rdb-btn2 .cl-radiobutton-item {
  border-radius: 10px;
  border: 1px solid #DDDDDD;
  min-height: 100px;
  width: calc(100% / 3);
}
.cl-radiobutton.rdb-btn2 .cl-radiobutton-item .cl-radiobutton-icon {
  width: 0;
  margin: 0;
  min-height: 0;
}
.cl-radiobutton.rdb-btn2 .cl-radiobutton-item .cl-radiobutton-field {
  width: 100%;
}
.cl-radiobutton.rdb-btn2 .cl-radiobutton-item .cl-text {
  padding: 0px;
  width: 100%;
  line-height: 46px;
}
.cl-radiobutton.rdb-btn2 .cl-radiobutton-item.cl-selected {
  border-color: #FF5200;
  color: #FF5200;
  font-weight: 700;
}
.cl-radiobutton.rdb-btn2 .cl-radiobutton-item .cl-icon-wrapper {
  width: 0;
}
.cl-radiobutton.rdb-btn2.cl-focus {
  outline: none;
}
.cl-radiobutton.rdb-btn2.cl-focus .cl-radiobutton-item .cl-radiobutton-icon:focus,
.cl-radiobutton.rdb-btn2.cl-focus .cl-radiobutton-item .cl-radiobutton-icon.cl-focus {
  outline: none;
}
.cl-radiobutton.rdb-btn3 {
  font-size: 17px;
  padding: 1px;
  color: #555555;
  text-align: center;
  /* 아이템이 세개인 경우 */
  /* 아이템이 다섯개인 경우 */
  /* 아이템 높이 56px */
  /* 아이템 높이 PC-46px, MB-56px */
  /* 아이템 높이 PC-56px, MB-46px */
  /* 0327 disabled 상태 추가 */
}
.cl-radiobutton.rdb-btn3.flow-3 .cl-radiobutton-item:nth-child(1) {
  width: calc((100% / 3) - 8px);
}
.cl-radiobutton.rdb-btn3.flow-3 .cl-radiobutton-item:nth-child(2),
.cl-radiobutton.rdb-btn3.flow-3 .cl-radiobutton-item:nth-child(3) {
  width: calc((100% / 3) - 8px);
}
.cl-radiobutton.rdb-btn3.flow-5 .cl-radiobutton-item:nth-child(1),
.cl-radiobutton.rdb-btn3.flow-5 .cl-radiobutton-item:nth-child(2),
.cl-radiobutton.rdb-btn3.flow-5 .cl-radiobutton-item:nth-child(3) {
  width: calc((100% / 5) - 8px);
}
.cl-radiobutton.rdb-btn3.flow-5 .cl-radiobutton-item:nth-child(4),
.cl-radiobutton.rdb-btn3.flow-5 .cl-radiobutton-item:nth-child(5) {
  width: calc((100% / 5) - 8px);
}
.cl-radiobutton.rdb-btn3.item-wd-auto > div {
  table-layout: fixed;
}
.cl-radiobutton.rdb-btn3.has-pd .cl-radiobutton-item .cl-radiobutton-field {
  margin: 0 32px;
  width: auto;
}
.cl-radiobutton.rdb-btn3.flex {
  text-align: left;
}
.cl-radiobutton.rdb-btn3.flex .cl-radiobutton-item {
  display: inline-block !important;
  min-width: 120px;
  text-align: center !important;
  width: auto;
}
.cl-radiobutton.rdb-btn3.flex .cl-radiobutton-item:not(.cl-first-column) {
  margin-left: 8px;
}
.cl-radiobutton.rdb-btn3.mh-54 .cl-radiobutton-item .cl-radiobutton-field {
  min-height: 54px;
}
.cl-radiobutton.rdb-btn3.mh-44-54 .cl-radiobutton-item .cl-radiobutton-field {
  min-height: 44px;
}
.cl-radiobutton.rdb-btn3.mh-54-44 .cl-radiobutton-item .cl-radiobutton-field {
  min-height: 54px;
}
.cl-radiobutton.rdb-btn3 .cl-radiobutton-item {
  background-color: #FFFFFF;
  border-radius: 12px;
  border: 1px solid #DDDDDD;
  font-weight: 500;
}
.cl-radiobutton.rdb-btn3 .cl-radiobutton-item .cl-radiobutton-field {
  width: 100%;
  min-height: 44px;
}
.cl-radiobutton.rdb-btn3 .cl-radiobutton-item .cl-text {
  padding: 0px;
  width: 100%;
  padding: 10px 0;
  line-height: 1.35;
  outline: none !important;
}
.cl-radiobutton.rdb-btn3 .cl-radiobutton-item:not(.cl-disabled).cl-selected {
  border-color: #FF5200;
  color: #FF5200;
  font-weight: 700;
  background-color: #fff8f4;
}
.cl-radiobutton.rdb-btn3 .cl-radiobutton-item .cl-icon-wrapper {
  width: 0;
}
.cl-radiobutton.rdb-btn3 .cl-radiobutton-item.cl-disabled {
  border-color: #EEEEEE;
  background-color: #EEEEEE;
  color: #BBBBBB;
}
.cl-radiobutton.rdb-btn3.cl-focus {
  outline: none;
}
.cl-radiobutton.rdb-btn3.cl-focus .cl-radiobutton-item .cl-radiobutton-icon {
  outline: none;
}
.cl-radiobutton.rdb-btn3.cl-disabled .cl-radiobutton-item {
  border-color: #EEEEEE;
  background-color: #EEEEEE;
  color: #BBBBBB;
  /* 0512 선택된 아이템 스타일 적용X (고객 요청 사항) */
}
/************************************************
 * 파일 업로드 리스트 스타일
 ************************************************/
.cl-container.file-upload-box {
  /* 항목별 파일업로드 */
}
.cl-container.file-upload-box .cl-container.file-item:not(.cl-first-row) {
  padding-top: 32px;
  border-top: 1px solid #EEEEEE;
}
.cl-container.file-upload-box .cl-container.file-list {
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  background-color: #FFFFFF;
  padding: 24px;
}
.cl-container.file-upload-box .cl-container.file-list .cl-output {
  font-size: 19px;
  color: #111111;
}
.cl-container.file-upload-box .cl-container.file-list .cl-output .cl-text {
  display: grid !important;
  grid-template-columns: auto max-content 1fr;
}
.cl-container.file-upload-box .cl-container.file-list .cl-output .cl-text span:nth-child(1) {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cl-container.file-upload-box .cl-container.file-list .cl-output .cl-text span:nth-child(2) {
  margin-left: 4px;
}
.cl-container.file-upload-box .cl-container.file-list .cl-button {
  font-size: 17px;
  color: #555555;
}
.cl-container.file-upload-box .cl-container.file-list.sm {
  border-radius: 8px;
  padding: 16px;
}
.cl-container.file-upload-box .cl-container.file-list.sm .cl-output {
  font-size: 17px;
}
.cl-container.file-upload-box .cl-container.file-list.sm .cl-button {
  font-size: 15px;
}
/************************************************
 * 슬라이드 모듈
 ************************************************/
.cl-container.pagination-grp.remote {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 999px;
  padding: 3px 12px;
  min-height: 30px;
  /* 이전 버튼과 넘버 사이 간격 */
  /* 공지사항에서 사용 */
}
.cl-container.pagination-grp.remote .cl-output.count-num {
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 600;
}
.cl-container.pagination-grp.remote > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.page-remote.prev) {
  margin-left: 12px !important;
}
.cl-container.pagination-grp.remote .cl-button.page-remote {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0px;
  padding: 0px !important;
  height: 12px;
}
.cl-container.pagination-grp.remote .cl-button.page-remote:focus-visible {
  outline: 1px dotted #FFFFFF;
}
.cl-container.pagination-grp.remote .cl-button.page-remote.prev {
  background-image: url("images/controls/button/ic_slide_prev.svg");
  background-position: center;
}
.cl-container.pagination-grp.remote .cl-button.page-remote.pause {
  background-image: url("images/controls/button/ic_slide_play.svg");
  background-position: center;
}
.cl-container.pagination-grp.remote .cl-button.page-remote.pause.paused {
  background-image: url("images/controls/button/ic_slide_play_paused.svg");
}
.cl-container.pagination-grp.remote .cl-button.page-remote.next {
  background-image: url("images/controls/button/ic_slide_next.svg");
  background-position: center;
}
.cl-container.pagination-grp.remote.noti {
  top: 24px !important;
  right: 24px !important;
  background-color: rgba(0, 0, 0, 0.4);
}
.cl-container.pagination-grp .cl-button.btn-slide {
  padding: 0;
  border: none;
  background-color: #DDDDDD;
  min-width: 12px;
  height: 12px !important;
}
.cl-container.pagination-grp .cl-button.btn-slide.active {
  min-width: 24px;
  background-color: #FF5200;
}
.cl-button.slide-prev-button,
.cl-button.slide-next-button {
  min-width: 0;
  border: 1px solid #DDDDDD;
  border-radius: 999px;
  background-size: 6px 12px;
  padding: 0px;
}
.cl-button.slide-prev-button:not(.cl-disabled):hover,
.cl-button.slide-next-button:not(.cl-disabled):hover,
.cl-button.slide-prev-button:focus,
.cl-button.slide-next-button:focus,
.cl-button.slide-prev-button.cl-focus,
.cl-button.slide-next-button.cl-focus,
.cl-button.slide-prev-button:not(.cl-disabled).cl-activated,
.cl-button.slide-next-button:not(.cl-disabled).cl-activated,
.cl-button.slide-prev-button:not(.cl-disabled):active,
.cl-button.slide-next-button:not(.cl-disabled):active {
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px -1px;
  transition: box-shadow 0.25s ease;
}
.cl-button.slide-prev-button.cl-disabled,
.cl-button.slide-next-button.cl-disabled {
  border-color: #EEEEEE;
}
.cl-button.slide-prev-button {
  background-image: url("images/controls/button/ic_btn_slide_prev.svg");
  background-position-x: calc(50% - 2px);
}
.cl-button.slide-prev-button:not(.cl-disabled):hover,
.cl-button.slide-prev-button:focus,
.cl-button.slide-prev-button.cl-focus,
.cl-button.slide-prev-button:not(.cl-disabled).cl-activated,
.cl-button.slide-prev-button:not(.cl-disabled):active {
  background-image: url("images/controls/button/ic_btn_slide_prev_on.svg");
}
.cl-button.slide-prev-button.cl-disabled {
  background-image: url("images/controls/button/ic_btn_slide_prev_d.svg");
}
.slide-next-button {
  background-image: url("images/controls/button/ic_btn_slide_next.svg");
  background-position-x: calc(50% + 2px);
}
.slide-next-button:not(.cl-disabled):hover,
.slide-next-button:focus,
.slide-next-button.cl-focus,
.slide-next-button:not(.cl-disabled).cl-activated,
.slide-next-button:not(.cl-disabled):active {
  background-image: url("images/controls/button/ic_btn_slide_next_on.svg");
}
.slide-next-button.cl-disabled {
  background-image: url("images/controls/button/ic_btn_slide_next_d.svg");
}
/************************************************
 * 선택한 아이템
 ************************************************/
.cl-container.select-item {
  padding: 8.5px 12px 8.5px 20px;
  border-radius: 999px;
  border: 1px solid #FF5200;
}
.cl-container.select-item .cl-output {
  font-weight: 600;
  font-size: 19px;
  color: #FF5200;
}
.cl-container.select-item .cl-button.btn-item-d {
  padding: 0 !important;
  border: none !important;
  border-radius: 0;
  background: url("images/controls/button/ic_btn_close_p.svg") no-repeat center;
}
/* M.BS.ES01.001_BS01(간편사업 찾기)에서 min-height 40px 사용을 위해 작성*/
/* 한예이 수정 2024/08/06 */
.cl-container.select-itemV2 {
  min-height: 48px;
  padding: 12px 12px 12px 20px;
  border-radius: 999px;
  border: 1px solid #FF5200;
}
.cl-container.select-itemV2 .cl-output {
  font-weight: 600;
  font-size: 19px;
  color: #FF5200;
}
.cl-container.select-itemV2 .cl-output .cl-text {
  line-height: 1;
}
.cl-container.select-itemV2 .cl-button.btn-item-d {
  padding: 0 !important;
  border: none !important;
  border-radius: 0;
  background: url("images/controls/button/ic_btn_close_p.svg") no-repeat center;
}
/* P.BS.AF50.005_P01 화면에서 사용 */
.cl-container.select-itemV3 {
  border: 1px solid #DDDDDD;
  border-radius: 20px;
  min-height: 40px;
  padding: 8px 12px 8px 20px;
}
.cl-container.select-itemV3 .cl-output {
  color: #555555;
  font-size: 15px;
  font-weight: 500;
}
.cl-container.select-itemV3 .cl-button.btn-item-d {
  background: url("images/controls/button/ic_btn_close.svg") no-repeat center;
  border: none !important;
  border-radius: 0;
  padding: 0 !important;
}
/************************************************
 * 캘린더
 ************************************************/
.cl-calendar.border-none {
  border: none;
  border-radius: 0;
}
.cl-calendar.border-none .cl-calendar-header {
  padding: 7px 16px;
}
.cl-calendar.border-none .cl-calendar-content-wrapper {
  padding-bottom: 4px;
}
/************************************************
 * 메뉴
 ************************************************/
/* 사이드 탭 메뉴 스타일 */
.cl-menu.side-tab .cl-menu-list {
  min-height: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: #F4F4F4;
}
.cl-menu.side-tab .cl-menu-list .cl-arrow-up,
.cl-menu.side-tab .cl-menu-list .cl-arrow-down {
  display: none !important;
}
.cl-menu.side-tab .cl-menu-list .cl-arrow-up + div:has(.cl-menu-item) {
  overflow: auto !important;
}
.cl-menu.side-tab .cl-menu-list .cl-menu-item {
  min-height: 52px;
  background-color: #F4F4F4;
  color: #555555;
  font-size: 19px;
  padding: 13px 24px;
  font-weight: 500;
}
.cl-menu.side-tab .cl-menu-list .cl-menu-item.cl-selected {
  background-color: #FFFFFF;
  color: #111111;
}
.cl-menu.side-tab .cl-menu-list .cl-menu-item.cl-selected:hover,
.cl-menu.side-tab .cl-menu-list .cl-menu-item.cl-selected.cl-hover {
  color: #111111;
}
.cl-menu.side-tab .cl-menu-list .cl-menu-item:not(.cl-disabled):not(.cl-selected):hover,
.cl-menu.side-tab .cl-menu-list .cl-menu-item:not(.cl-disabled):not(.cl-selected).cl-hover {
  color: #FF5200;
}
.cl-menu.side-tab .cl-menu-list .cl-menu-item .cl-menu-arrow {
  width: 0;
  min-height: 0;
}
/************************************************
 * 라인 리스트 그룹
 ************************************************/
.cl-container.line-list-box .cl-container.line-list:not(.cl-last-row) {
  padding-bottom: 32px;
  border-bottom: 1px solid #DDDDDD;
}
.cl-searchinput.lg {
  font-size: 25px;
  border-radius: 9999px;
}
.cl-searchinput.lg .cl-searchinput-search {
  margin-right: 32px !important;
  background-size: 28px;
  width: 28px;
  margin: 0;
}
.cl-searchinput.lg .cl-text {
  padding-left: 32px;
}
/************************************************
 * 버튼을 나타내는 그룹
 ************************************************/
.cl-container.grp-primary-02 {
  background-color: #FFFFFF;
  border: 1px solid #FF5200;
}
.cl-container.grp-primary-02:hover {
  background-color: #FFFFFF;
  border-color: #BB3C00;
}
/************************************************
 * 콤보박스
 ************************************************/
/* 상단에 배치되는 아이템 추가하는 동작으로 사용되는 콤보박스 (필지정보) */
.cl-combobox.cmb-bottom-line {
  border-width: 0 0 2px 0;
  border-color: #111111;
  border-radius: 0;
  font-size: 25px;
  font-weight: 700;
  color: #111111;
  padding: 19px 0px;
  /* 콤보 박스 리스트 열림 */
}
.cl-combobox.cmb-bottom-line .cl-text {
  min-height: 32px;
  padding-left: 0px;
}
.cl-combobox.cmb-bottom-line .cl-combobox-button {
  width: 24px;
  background-size: 24px;
  background-image: url("images/controls/combobox/icon_down_24.svg");
  margin: 0;
}
.cl-combobox.cmb-bottom-line.cl-opened .cl-combobox-button {
  transform: rotate(180deg);
}
/************************************************
 * 은행/금융기관 선택 라디오 버튼
 ************************************************/
.cl-radiobutton.rdb-btn-bank {
  width: 760px !important;
}
.cl-radiobutton.rdb-btn-bank .cl-radiobutton-item {
  background-color: #F4F4F4;
  background-position: top 20px center;
  background-repeat: no-repeat;
  background-size: 40px;
  border: 1px solid #F4F4F4;
  border-radius: 12px;
  color: #000000;
  font-size: 15px;
  font-weight: 500;
  width: 120px;
  min-height: 107px;
  padding: 68px 4px 16px;
  text-align: center;
}
.cl-radiobutton.rdb-btn-bank .cl-radiobutton-item .cl-radiobutton-field {
  width: 100%;
  height: 100%;
}
.cl-radiobutton.rdb-btn-bank .cl-radiobutton-item .cl-text {
  white-space: normal !important;
}
.cl-radiobutton.rdb-btn-bank .cl-radiobutton-item.cl-selected {
  border-color: #FF5200;
  background-color: #FFF8F4;
}
.cl-radiobutton.rdb-btn-bank.cl-focus {
  outline: none;
}
.cl-radiobutton.rdb-btn-bank.cl-focus .cl-radiobutton-item .cl-text:focus,
.cl-radiobutton.rdb-btn-bank.cl-focus .cl-radiobutton-item .cl-text.cl-focus {
  outline: none;
}
/************************************************
 * 텍스트에리어 스크롤이 생기지 않고 입력 필드가 늘어나는 스타일
 ************************************************/
.cl-textarea.auto-resize {
  min-height: 56px;
}
.cl-textarea.auto-resize .cl-text {
  align-content: center;
  field-sizing: content;
  padding: 14px 16px !important;
}
/************************************************
 * PC화면만 적용되어야하는 스타일
 ************************************************/
@media (min-width: 768px) {
  /************************************************
	 * item을 가지고 있는 컴포넌트의 hover 스타일 PC에서만 적용
	 ************************************************/
  /* 필터 체크 박스 그룹 */
  /* 라디오 필터 스타일 */
  /************************************************
	 * PC에서 한 행 구조, Mobile에서는 한 열 구조로 표현되는 라디오 버튼
	 ************************************************/
  /* colCount = -1 */
  .cl-checkboxgroup.cbx-filter .cl-checkbox:not(.cl-checked):hover {
    border-color: #FF5200;
    background-color: #FFEDE2;
    color: #FF5200;
  }
  .cl-radiobutton.rdb-filter-check .cl-radiobutton-item:not(.cl-selected):hover {
    border-color: #FF5200;
    background-color: #FFEDE2;
    color: #FF5200;
  }
  .cl-radiobutton.rdb-btn3.row-to-column {
    overflow: visible;
  }
  .cl-radiobutton.rdb-btn3.row-to-column > div > div {
    display: flex !important;
    gap: 8px;
  }
  .cl-radiobutton.rdb-btn3.row-to-column .cl-radiobutton-item {
    margin: 0 !important;
  }
}
.cl-control.cl-focus,
.cl-control:focus,
.cl-linkedcombobox-combo.cl-focus,
.cl-linkedcombobox-combo:focus {
  /* 웹 접근성 개선 목적으로 포커스 링을 표시하려면 아래 주석을 해제 하십시오. */
}
.cl-control.cl-inputbox.cl-focus,
.cl-control.cl-searchinput.cl-focus,
.cl-control.cl-maskeditor.cl-focus,
.cl-control.cl-numbereditor.cl-focus,
.cl-control.cl-dateinput.cl-focus,
.cl-control.cl-combobox.cl-focus,
.cl-control.cl-textarea.cl-focus,
.cl-control.cl-radiobutton.cl-focus,
.cl-control.cl-inputbox:focus,
.cl-control.cl-searchinput:focus,
.cl-control.cl-maskeditor:focus,
.cl-control.cl-numbereditor:focus,
.cl-control.cl-dateinput:focus,
.cl-control.cl-combobox:focus,
.cl-control.cl-textarea:focus,
.cl-control.cl-radiobutton:focus {
  outline: none;
}
.cl-grid.cl-focus,
.cl-grid:focus {
  outline: none;
}
.cl-grid .cl-output.cl-focus,
.cl-grid .cl-output:focus {
  outline: none;
}
.cl-grid .cl-output:focus-visible {
  outline: 2px dotted #111111;
}
.cl-grid:focus-within {
  outline: none;
}
.cl-control:focus-visible,
.cl-linkedcombobox-combo:focus-visible,
.cl-grid-cell:focus-visible {
  /* 웹 접근성 개선 목적으로 포커스 링을 표시하려면 아래 주석을 해제 하십시오. */
  outline: dotted 2px;
  outline-color: #111111;
}
/************************************************
 * 폼 유틸
 * → 폼 내 컨트롤 상속 스타일 정의
 ************************************************/
/* 라벨 감싸는 스타일 (주로 툴팁 사용) */
.cl-control.label-control:has(.btn-help) .cl-output.label .cl-text {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
/************************************************
 * 일반 폼
 ************************************************/
.cl-container.cl-form-group {
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 0px;
}
.cl-container.title-box.line {
  border-bottom: 1px solid #DDDDDD;
  padding-bottom: 24px;
  min-height: 40px !important;
}
.cl-container.title-box .cl-output.tit {
  font-size: 25px;
  font-weight: 700;
  color: #111111;
}
.cl-container.title-box .cl-output.tit.fs-25-19 {
  font-size: 25px;
}
.cl-container.title-box .cl-output.tit .cl-text {
  line-height: 1.3;
}
/************************************************
 * 기본 폼
 ************************************************/
.cl-container.form-base {
  /* 폰트 사이즈가 큰 경우 */
  /* 폰트 사이즈가 큰 경우2 (회원정보관리)*/
  /* 추가 11/08 병해충 정보 상세 fs-21-base */
}
.cl-container.form-base .cl-output.label {
  font-size: 19px;
  font-weight: 400;
  color: #555555;
  text-align: left;
  vertical-align: top;
}
.cl-container.form-base .cl-output {
  font-size: 19px;
  font-weight: 700;
  color: #111111;
  text-align: right;
}
.cl-container.form-base .cl-output .cl-text {
  line-height: 29px;
}
.cl-container.form-base.type2 .cl-output.label {
  font-size: 25px;
  font-weight: 500;
  color: #111111;
}
.cl-container.form-base.type2 .cl-output {
  font-size: 32px;
  font-weight: 700;
}
.cl-container.form-base.type2 .cl-output .cl-text {
  line-height: 42px;
}
.cl-container.form-base.type3 {
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 32px;
}
.cl-container.form-base.type3.fs-21-base .cl-output {
  font-size: 21px;
}
.cl-container.form-base.type3 .cl-formlayout-vertical-separator,
.cl-container.form-base.type3 .cl-formlayout-horizontal-separator {
  background-color: #EEEEEE;
}
.cl-container.form-base.type3 .cl-output.label {
  font-size: 21px;
  vertical-align: middle;
  color: #111111;
}
.cl-container.form-base.type3 .cl-output {
  font-size: 25px;
}
.cl-container.form-base.type3 .cl-output:not(.label):not(.cl-first-row):not(.cl-last-row) {
  margin-top: 16px;
  margin-bottom: 16px;
}
.cl-container.form-base.type3 .cl-output:not(.label).cl-first-row {
  margin-bottom: 16px;
}
.cl-container.form-base.type3 .cl-output:not(.label).cl-last-row {
  margin-top: 16px;
}
.cl-container.form-base.type3 .cl-output .cl-text {
  line-height: 1.3;
}
.cl-container.data-box {
  /* form-base 묶음 그룹 스타일 */
  /* pc 두번째 행 부터 라인 가지기 & mb 두번째 행부터 라인 가지기 */
}
.cl-container.data-box .cl-container.data-form-group {
  /* 상단 구분 라인선 스타일  */
  /* 상단 구분 라인선 스타일2 (내부에 서브타이틀이 있는 form-base가 배치된 경우)  */
}
.cl-container.data-box .cl-container.data-form-group.top-line .cl-container.form-base {
  padding-top: 40px;
  border-top: 1px solid #EEEEEE;
}
.cl-container.data-box .cl-container.data-form-group.top-line2 {
  padding-top: 40px;
  border-top: 1px solid #EEEEEE;
}
.cl-container.data-box.has-line .cl-container.data-form-group:not(.cl-first-row) {
  padding-top: 40px;
  border-top: 1px solid #EEEEEE;
}
/************************************************
 * 그리드 to 폼 반응형 모듈 적용 클래스 스타일
 ************************************************/
.cl-container.grd-form {
  padding-bottom: 16px;
}
.cl-container.grd-form:not(.cl-first-row) {
  padding-top: 16px;
}
.cl-container.grd-form.cl-grid {
  border-width: 0 0 1px 0;
  border-color: #EEEEEE;
}
.cl-container.grd-form .header-cell {
  color: #555555;
  text-align: left !important;
  vertical-align: top;
  padding: 0 !important;
}
.cl-container.grd-form .detail-cell {
  font-weight: 700;
  color: #111111;
  vertical-align: top;
  text-align: right !important;
  padding: 0 !important;
}
.cl-container.grd-form .default-cell {
  border: none !important;
  padding: 0 !important;
}
/************************************************
 * 설명형 폼
 ************************************************/
.cl-container.form-description {
  background-color: #FFFFFF;
  /* 새싹 이미지 */
}
.cl-container.form-description .label {
  background-color: #FFF3DB;
  color: #613500;
  padding: 16px 0 16px 40px;
  font-weight: 700;
  min-width: 240px;
}
.cl-container.form-description .label.text-center {
  padding-left: 0;
  padding-right: 0;
}
.cl-container.form-description .cl-formlayout-vertical-separator,
.cl-container.form-description .cl-formlayout-horizontal-separator {
  background-color: #ffbd69;
}
.cl-container.form-description .cl-container.data-box {
  padding: 16px 40px;
}
.cl-container.form-description .cl-container.data-box .cl-container.gray-box {
  background-color: #F4F4F4;
  border-radius: 10px;
  padding: 20px 40px;
}
.cl-container.form-description .cl-container.data-box .cl-output.num1,
.cl-container.form-description .cl-container.data-box .cl-output.num2,
.cl-container.form-description .cl-container.data-box .cl-output.num3,
.cl-container.form-description .cl-container.data-box .cl-output.num4,
.cl-container.form-description .cl-container.data-box .cl-output.num5,
.cl-container.form-description .cl-container.data-box .cl-output.num6 {
  padding-left: 28px;
}
.cl-container.form-description .cl-container.data-box .cl-output.num1 .cl-text,
.cl-container.form-description .cl-container.data-box .cl-output.num2 .cl-text,
.cl-container.form-description .cl-container.data-box .cl-output.num3 .cl-text,
.cl-container.form-description .cl-container.data-box .cl-output.num4 .cl-text,
.cl-container.form-description .cl-container.data-box .cl-output.num5 .cl-text,
.cl-container.form-description .cl-container.data-box .cl-output.num6 .cl-text {
  line-height: 26px;
}
.cl-container.form-description .cl-container.data-box .cl-output.num1:before,
.cl-container.form-description .cl-container.data-box .cl-output.num2:before,
.cl-container.form-description .cl-container.data-box .cl-output.num3:before,
.cl-container.form-description .cl-container.data-box .cl-output.num4:before,
.cl-container.form-description .cl-container.data-box .cl-output.num5:before,
.cl-container.form-description .cl-container.data-box .cl-output.num6:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 1px solid #FF5200;
  color: #FF5200;
  text-align: center;
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
}
.cl-container.form-description .cl-container.data-box .cl-output.num1:before {
  content: "1";
}
.cl-container.form-description .cl-container.data-box .cl-output.num2:before {
  content: "2";
}
.cl-container.form-description .cl-container.data-box .cl-output.num3:before {
  content: "3";
}
.cl-container.form-description .cl-container.data-box .cl-output.num4:before {
  content: "4";
}
.cl-container.form-description .cl-container.data-box .cl-output.num5:before {
  content: "5";
}
.cl-container.form-description .cl-container.data-box .cl-output.num6:before {
  content: "6";
}
.cl-container.form-description .cl-container.data-box .cl-button.btn-i-right {
  /* 기본 폰트 사이즈 19px */
  font-weight: 400;
  font-size: 17px;
  color: #111111;
}
.cl-container.form-description .cl-container.data-box .cl-button.btn-i-right .cl-icon {
  background-size: 16px;
  width: 16px;
  height: 16px;
  background-image: url("images/com/content/ic_btn_right_16.svg") !important;
}
.cl-container.form-description .cl-container.data-box .cl-button.btn-i-right.cl-icon-align-right .cl-icon {
  margin: 0 0 0 4px;
}
.cl-container.form-description .cl-container.data-box .cl-button.btn-i-right .cl-text {
  line-height: 1.5 !important;
}
.cl-container.form-description .cl-container.data-box .cl-output.dot-txt {
  background-image: url("images/controls/output/ic_dot2.svg");
}
.cl-container.form-description .cl-container.data-box .cl-output.dot-txt.text-sub-color {
  background-image: url("images/controls/output/ic_dot.svg");
}
.cl-container.form-description.table-type .label {
  padding: 12px 0;
  text-align: center;
  min-height: 50px;
}
.cl-container.form-description.table-type .cl-container.data-box {
  padding: 24px 0;
}
.cl-container.form-description .cl-output.img-sprout {
  background: #F4F4F4 url("images/com/content/img_sprout.png") no-repeat center bottom -1px;
}
@media (min-width: 768px) and (max-width: 1415px) {
  .cl-container.form-description .label {
    padding: 12px 20px;
    min-width: 0px;
    min-height: 47px;
  }
  .cl-container.form-description .cl-container.data-box {
    padding: 16px 20px;
  }
}
/************************************************
 * 입력 서식 폼
 ************************************************/
.cl-container.input-form-box .cl-output.input-form-tit {
  font-size: 32px;
  font-weight: 700;
}
.cl-container.input-form-box .cl-output.input-form-tit .cl-text {
  line-height: 1.3;
}
.cl-container.input-form-box .cl-output.input-form-sub-tit {
  font-size: 21px;
  font-weight: 700;
}
.cl-container.input-form-box .cl-output.input-form-tit-info {
  color: #555555;
  font-size: 17px;
  font-weight: 400;
}
.cl-container.input-form-box.form-section {
  padding: 40px;
  border-radius: 40px;
  background-color: #F4F4F4;
}
/* 인풋 폼 pc,모바일 통일 */
.cl-container.input-form {
  /* 직불외 - 서치인풋 커스텀 구성 (주소지 입력 영역) */
  /* 인풋 커스텀 구성 (타이머가 있는 인증번호 입력 영역) */
}
.cl-container.input-form .cl-combobox,
.cl-container.input-form .cl-inputbox,
.cl-container.input-form .cl-numbereditor,
.cl-container.input-form .cl-searchinput,
.cl-container.input-form .cl-textarea {
  font-size: 17px;
}
.cl-container.input-form .cl-output.label {
  font-size: 17px;
  font-weight: 600;
}
.cl-container.input-form .cl-output.label.required .cl-text:after {
  content: "*";
  position: relative;
  font-size: 17px;
  font-weight: 600;
  color: #ff5200;
  padding-left: 4px;
}
.cl-container.input-form .cl-output.sub-label {
  color: #555555;
  margin-bottom: -4px;
}
.cl-container.input-form .cl-output.sub-label.required .cl-text:after {
  content: "*";
  position: relative;
  font-size: 15px;
  font-weight: 600;
  color: #ff5200;
  padding-left: 4px;
  vertical-align: top;
}
.cl-container.input-form .cl-container.form-field .cl-container.form-control .cl-control.phone-num-first {
  width: 160px !important;
}
.cl-container.input-form .cl-container.form-field .cl-container.form-control .cl-control.type-select-first {
  width: 160px !important;
}
.cl-container.input-form .cl-container.form-field .cl-container.label-box:has(.cl-button.btn-calculator) {
  padding-right: 38px;
}
.cl-container.input-form .cl-container.form-control .cl-output {
  text-align: center;
  color: #BBBBBB;
}
.cl-container.input-form .cl-container.form-control .cl-output.text-gray-700 {
  color: #111111 !important;
  font-size: 17px;
}
.cl-container.input-form .cl-container.searchinput-style-box {
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  color: #111111;
  font-size: 17px;
  min-height: 56px;
  padding: 14px 16px;
}
.cl-container.input-form .cl-container.searchinput-style-box .cl-textarea {
  border: none;
  border-radius: 0;
  height: auto;
}
.cl-container.input-form .cl-container.searchinput-style-box .cl-textarea .cl-text {
  align-content: center;
  field-sizing: content;
  padding: 0 16px 0 0 !important;
}
.cl-container.input-form .cl-container.searchinput-style-box .cl-button.searchinput-search {
  background-color: transparent;
  background-image: url("images/controls/inputbox/ic_search.svg");
  background-size: auto;
  border: none;
  padding: 0;
}
.cl-container.input-form .cl-container.searchinput-style-box .cl-button.searchinput-search:not(.cl-disabled):hover,
.cl-container.input-form .cl-container.searchinput-style-box .cl-button.searchinput-search:focus,
.cl-container.input-form .cl-container.searchinput-style-box .cl-button.searchinput-search.cl-focus,
.cl-container.input-form .cl-container.searchinput-style-box .cl-button.searchinput-search:not(.cl-disabled).cl-activated,
.cl-container.input-form .cl-container.searchinput-style-box .cl-button.searchinput-search:not(.cl-disabled):active {
  background-image: url("images/controls/inputbox/ic_search.svg");
}
.cl-container.input-form .cl-container.searchinput-style-box .cl-button.searchinput-search.cl-disabled {
  background-image: url("images/controls/inputbox/ic_search_d.svg");
}
.cl-container.input-form .cl-container.searchinput-style-box:has(.cl-textarea.cl-focus),
.cl-container.input-form .cl-container.searchinput-style-box:has(.cl-textarea:focus) {
  border-color: #111111;
}
.cl-container.input-form .cl-container.searchinput-style-box.error {
  background-color: #FFFFFF;
  border-color: #EB003B;
  color: #EB003B;
}
.cl-container.input-form .cl-container.searchinput-style-box.error .cl-textarea {
  color: inherit;
}
.cl-container.input-form .cl-container.searchinput-style-box:has(.cl-textarea.error) {
  background-color: #FFFFFF;
  border-color: #EB003B;
  color: #EB003B;
}
.cl-container.input-form .cl-container.searchinput-style-box.cl-disabled {
  background-color: #EEEEEE;
  border-color: #EEEEEE;
  color: #888888;
}
.cl-container.input-form .cl-container.searchinput-style-box.cl-disabled .cl-button {
  background-image: url("images/controls/inputbox/ic_search_d.svg");
}
.cl-container.input-form .cl-container.searchinput-style-box:has(.cl-textarea.cl-disabled) {
  background-color: #EEEEEE;
  border-color: #EEEEEE;
  color: #888888;
}
.cl-container.input-form .cl-container.searchinput-style-box:has(.cl-textarea.cl-disabled) .cl-button {
  background-image: url("images/controls/inputbox/ic_search_d.svg");
}
.cl-container.input-form .cl-container.input-style-box {
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  color: #111111;
  font-size: 17px;
  min-height: 56px;
  padding: 14px 16px;
}
.cl-container.input-form .cl-container.input-style-box .cl-inputbox {
  border: none;
  border-radius: 0;
}
.cl-container.input-form .cl-container.input-style-box .cl-inputbox .cl-text {
  padding: 0 16px 0 0 !important;
}
.cl-container.input-form .cl-container.input-style-box .cl-output.timer {
  color: #EB003B;
  font-size: 15px;
  font-weight: 400;
}
.cl-container.input-form .cl-container.input-style-box:has(.cl-inputbox.cl-focus),
.cl-container.input-form .cl-container.input-style-box:has(.cl-inputbox:focus) {
  border-color: #111111;
}
.cl-container.input-form .cl-container.input-style-box.error {
  background-color: #FFFFFF;
  border-color: #EB003B;
  color: #EB003B;
}
.cl-container.input-form .cl-container.input-style-box.error .cl-inputbox {
  color: inherit;
}
.cl-container.input-form .cl-container.input-style-box:has(.cl-inputbox.error) {
  background-color: #FFFFFF;
  border-color: #EB003B;
  color: #EB003B;
}
.cl-container.input-form .cl-container.input-style-box.cl-disabled {
  background-color: #EEEEEE;
  border-color: #EEEEEE;
  color: #888888;
}
.cl-container.input-form .cl-container.input-style-box:has(.cl-inputbox.cl-disabled) {
  background-color: #EEEEEE;
  border-color: #EEEEEE;
  color: #888888;
}
.cl-container.input-form-udc-box .cl-embeddedapp.input-form-udc:not(.cl-first-row) {
  padding-top: 64px;
  border-top: 1px solid #EEEEEE;
}
.cl-container.input-form-udc-box .cl-container.input-form-udc:not(.cl-first-row) {
  padding-top: 64px;
  border-top: 1px solid #EEEEEE;
}
.cl-container.input-form-udc-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-first-row):has(.input-form-udc) {
  margin-top: 64px !important;
}
.cl-container.form-table {
  border: 1px solid #DDDDDD;
  /* 한 행당 48px 높이 스타일 */
}
.cl-container.form-table.header-top .cl-output {
  text-align: center;
}
.cl-container.form-table.header-top .cl-output.label {
  min-width: 0px;
}
.cl-container.form-table .cl-formlayout-row-shade,
.cl-container.form-table .cl-formlayout-column-shade {
  background-color: #F4F4F4;
}
.cl-container.form-table .cl-output {
  padding: 16px;
  font-size: 17px;
}
.cl-container.form-table .cl-output.label {
  font-weight: 700;
  min-height: 56px;
  min-width: 320px;
}
.cl-container.form-table.row-48 .cl-output {
  padding: 12px;
  font-size: 15px;
}
.cl-container.form-table.row-48 .cl-output.label {
  min-height: 47px;
}
.cl-container.form-table.row-44 .cl-output {
  padding: 12px;
  font-size: 13px;
}
.cl-container.form-table.row-44 .cl-output.label {
  min-height: 44px;
}
.cl-container.form-table.row-48.header-top .cl-output,
.cl-container.form-table.row-44.header-top .cl-output {
  text-align: left;
}
.cl-container.form-table.row-48.header-top .cl-output.label,
.cl-container.form-table.row-44.header-top .cl-output.label {
  text-align: center;
}
/********************************************** 2단계 **********************************************/
/************************************************
 * 카드 스타일 테이블
 ************************************************/
.cl-container.form-card-box {
  border: 1px solid #DDDDDD;
  border-radius: 40px;
  padding: 40px;
  background-color: #FFFFFF;
}
.cl-container.form-card-box .cl-container.form-card .cl-output.label {
  font-size: 19px;
  font-weight: 500;
  color: #888888;
}
.cl-container.form-card-box .cl-container.form-card .cl-output {
  font-size: 21px;
  color: #111111;
  font-weight: 600;
}
.cl-container.form-card-box2 {
  border: 1px solid #DDDDDD;
  border-radius: 20px;
  padding: 48px;
}
.cl-container.form-card-box2:has(.cl-output.form-card-box-tit) {
  border-radius: 40px;
}
.cl-container.form-card-box2 .cl-output.form-card-box-tit {
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 16px;
}
.cl-container.form-card-box2 .cl-container.card-gray-box2 .cl-output.label {
  font-size: 15px;
  font-weight: 400;
}
.cl-container.form-card-box3 {
  border: 1px solid #DDDDDD;
  border-radius: 40px;
  padding: 64px;
}
.cl-container.form-card-gray-box {
  background-color: #F4F4F4;
  border-radius: 20px;
  padding: 40px;
}
div.grid-header-btn-help {
  display: grid;
  place-content: center;
  grid-auto-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
button.btn-help {
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0px;
  background-image: url("images/controls/button/ic_help_black.svg") !important;
  width: 16px;
  height: 16px;
  background-color: white;
  border-radius: 999px;
}
.cl-dialog .cl-tabfolder .cl-tabfolder-header {
  min-width: 0;
  width: 100%;
}
.cl-dialog.mobile {
  left: 20px !important;
  right: 20px !important;
  width: auto !important;
}
/************************************************
 * 메세지 팝업
 ************************************************/
.cl-dialog.modal-msg {
  border-radius: 20px;
  padding: 40px 0;
  /* alert 일 영우 좌우여백 작게 */
  /* 간단한 메시지 출력 팝업인 경우 */
}
.cl-dialog.modal-msg.alert {
  padding: 24px 0;
}
.cl-dialog.modal-msg.alert .cl-container.msg-content .cl-container.msg-content-box > .cl-layout > .cl-layout-content {
  padding: 0 24px !important;
}
.cl-dialog.modal-msg .cl-dialog-header {
  height: 0;
  padding: 0;
}
.cl-dialog.modal-msg.simpleMsg {
  padding: 24px 0;
}
.cl-dialog.modal-msg.simpleMsg .cl-container.msg-content .cl-container.msg-content-box > .cl-layout > .cl-layout-content {
  padding: 0 20px !important;
}
.cl-dialog.modal-msg.simpleMsg .cl-container.msg-content .cl-container.pop-content-footer {
  margin-top: 24px;
}
.cl-dialog.modal-msg.simpleMsg .cl-container.msg-content .cl-container.pop-content-footer .cl-container.footer-button-group {
  padding: 0 24px;
}
.cl-dialog.modal-msg.simpleMsg .cl-container.msg-content .cl-container.pop-content-footer .cl-container.footer-button-group > .cl-layout > .cl-layout-content {
  display: flex !important;
  justify-content: center;
}
.cl-dialog.modal-msg.simpleMsg .cl-container.msg-content .cl-container.pop-content-footer .cl-container.footer-button-group > .cl-layout > .cl-layout-content > .cl-layout-wrap {
  flex: 1;
}
.cl-dialog.modal-msg .cl-container.msg-content {
  /* 날짜 텍스트 스타일 */
}
.cl-dialog.modal-msg .cl-container.msg-content .cl-container.msg-content-box > .cl-layout > .cl-layout-content {
  padding: 0 40px !important;
}
.cl-dialog.modal-msg .cl-container.msg-content .cl-output.tit {
  font-size: 25px;
  font-weight: 700;
}
.cl-dialog.modal-msg .cl-container.msg-content .cl-output.subtit {
  font-size: 17px;
}
.cl-dialog.modal-msg .cl-container.msg-content .cl-output.subtit .cl-text {
  line-height: 25.5px;
}
.cl-dialog.modal-msg .cl-container.msg-content .cl-output.date-txt {
  color: #555555;
  font-size: 15px;
}
.cl-dialog.modal-msg .cl-container.msg-content .cl-container.pop-content-footer {
  margin-top: 40px;
  padding: 0 20px;
}
.cl-dialog.modal-msg .cl-container.msg-content .cl-container.pop-content-footer .cl-container.footer-button-group {
  padding: 0 40px 2px 40px;
}
.cl-dialog.modal-msg .cl-container.msg-content .cl-container.pop-content-footer .cl-container.footer-button-group .cl-button {
  padding: 0 10px;
  min-width: 136px;
  font-size: 17px;
  font-weight: 700;
}
.cl-dialog.modal-msg.has-dialog-hd {
  padding-top: 0;
}
.cl-dialog.modal-msg.has-dialog-hd .cl-dialog-header {
  height: auto;
  padding: 40px 40px 24px 40px;
}
/************************************************
 * 풀팝업
 ************************************************/
.cl-dialog.full-dialog {
  background-color: #FFFFFF;
  border-radius: 0;
  border: none;
}
.cl-dialog.full-dialog .cl-dialog-header {
  min-height: 120px;
  padding: 80px 80px 0 80px;
}
.cl-dialog.full-dialog .cl-dialog-header .cl-dialog-close {
  background-image: url("images/controls/dialog/ic_btn_close_40.svg");
  width: 40px;
}
.cl-dialog.full-dialog .cl-dialog-body {
  /* 풀 팝업 아래에 일반화면이 오면 */
}
.cl-dialog.full-dialog .cl-dialog-body .cl-container.content-wrapper > .cl-layout {
  /* 버티컬 레이아웃에서만 적용됨 */
}
.cl-dialog.full-dialog .cl-dialog-body .cl-container.content-wrapper > .cl-layout > .cl-layout-content:has(> .cl-layout-wrap) > .cl-layout-margin-top {
  height: 0px !important;
}
.cl-dialog.full-dialog .cl-dialog-body .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.content-footer) {
  height: 100px !important;
}
/************************************************
 * 바텀시트 팝업
 ************************************************/
.cl-dialog.bottom-modal {
  background-color: #FFFFFF;
  border-radius: 20px 20px 0 0;
  border: none;
  /* 핸들 없는 스타일 */
  /* 공지팝업 제외 */
}
.cl-dialog.bottom-modal .cl-resizable-ne,
.cl-dialog.bottom-modal .cl-resizable-e,
.cl-dialog.bottom-modal .cl-resizable-se,
.cl-dialog.bottom-modal .cl-resizable-s,
.cl-dialog.bottom-modal .cl-resizable-sw,
.cl-dialog.bottom-modal .cl-resizable-w,
.cl-dialog.bottom-modal .cl-resizable-nw {
  display: none;
}
.cl-dialog.bottom-modal .cl-resizable-n {
  height: 20px;
}
.cl-dialog.bottom-modal.handlle-none:not(:has(.cl-dialog-header)) {
  padding-top: 0px;
  background-image: none;
}
.cl-dialog.bottom-modal.cl-focus {
  outline: none;
}
.cl-dialog.bottom-modal:not(:has(.cl-dialog-header)) {
  padding-top: 28px;
  background-image: url("images/controls/dialog/ic_header_bar.svg");
  background-repeat: no-repeat;
  background-position: top 8px center;
}
.cl-dialog.bottom-modal .cl-dialog-header {
  min-height: 66px;
  border-radius: 20px 20px 0 0;
  padding: 22px 20px 14px 20px;
  font-size: 17px;
  font-weight: 600;
}
.cl-dialog.bottom-modal .cl-dialog-header .cl-dialog-close {
  background-image: url("images/controls/dialog/ic_close_24.svg");
  width: 24px;
}
.cl-dialog.bottom-modal .cl-container.info-txt-wrap .cl-output.info-txt {
  position: fixed !important;
  z-index: 1;
  padding: 0 20px 0 42px;
  left: 0px;
  right: 0px;
  background-position: left 20px center;
  background-color: #FFFFFF;
}
.cl-dialog.bottom-modal .cl-container.pop-content-wrapper:not(.rond) {
  padding-bottom: 12px;
}
.cl-dialog.bottom-modal .cl-container.pop-content-wrapper:not(.rond) .cl-container.pop-content-body {
  padding: 24px 20px;
}
.cl-dialog.bottom-modal .cl-container.pop-content-wrapper:not(.rond) .cl-container.pop-content-footer {
  padding: 0 20px 8px 20px;
}
.cl-dialog.bottom-modal .cl-container.pop-content-wrapper:not(.rond):not(:has(.pop-content-footer)) .cl-container.pop-content-body {
  padding-bottom: 8px;
}
.cl-dialog.bottom-modal .cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-tabfolder.tab-auto .cl-tabfolder-header {
  height: 62px;
}
.cl-dialog.bottom-modal .cl-container.pop-content-wrapper:not(.rond).enroll-basic:has(.pop-content-footer) {
  padding-bottom: 0;
}
.cl-dialog.bottom-modal .cl-container.pop-content-wrapper:not(.rond).enroll-basic:has(.pop-content-footer) > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.pop-content-body {
  padding-bottom: 120px;
}
.cl-dialog.bottom-modal:not(:has(.pop-content-footer)) .cl-container.pop-content-wrapper:not(.rond) {
  padding-bottom: 34px;
}
/************************************************
 * 데이트 인풋 팝업
 ************************************************/
.cl-dialog.calendar-pop {
  padding: 0 18px 18px;
}
.cl-dialog.calendar-pop .cl-calendar.mobile-cal {
  border: none;
  border-radius: 0;
  padding: 2px;
  font-size: 17px;
}
.cl-dialog.calendar-pop .cl-calendar.mobile-cal.cl-focus {
  outline: none;
}
.cl-dialog.calendar-pop .cl-calendar.mobile-cal .cl-calendar-content-wrapper {
  padding-bottom: 0;
}
.cl-dialog.calendar-pop .cl-container.cal-btn-group {
  padding: 0 2px 2px;
}
.cl-dialog.calendar-pop .cl-container.cal-btn-group .cl-button {
  font-size: 21px;
}
.cl-container.login .cl-button.gov-sign-all {
  background-color: transparent;
  border: none;
  border-radius: 0px;
  padding: 0px !important;
  text-align: left;
  color: #555555;
}
.cl-container.login .cl-button.gov-sign-all .cl-text {
  line-height: 1.5 !important;
}
.cl-container.login .cl-button.gov-sign-all:after {
  content: "";
  position: absolute;
  top: calc(50% - 8px);
  right: -44px;
  background-image: url("images/controls/button/ic_btn_right_16.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  width: 16px;
  height: 16px;
}
.cl-container.login .cl-button.gov-sign-all:not(.cl-disabled):hover,
.cl-container.login .cl-button.gov-sign-all:focus,
.cl-container.login .cl-button.gov-sign-all.cl-focus,
.cl-container.login .cl-button.gov-sign-all:not(.cl-disabled).cl-activated,
.cl-container.login .cl-button.gov-sign-all:not(.cl-disabled):active {
  background-color: transparent;
  color: #111111;
}
.cl-container.login .cl-button.gov-sign-all:not(.cl-disabled):hover:after,
.cl-container.login .cl-button.gov-sign-all:focus:after,
.cl-container.login .cl-button.gov-sign-all.cl-focus:after,
.cl-container.login .cl-button.gov-sign-all:not(.cl-disabled).cl-activated:after,
.cl-container.login .cl-button.gov-sign-all:not(.cl-disabled):active:after {
  background-image: url("images/controls/button/ic_btn_right_16_black.svg");
}
.cl-container.login .cl-button.gov-sign-all.cl-disabled {
  color: #BBBBBB;
}
.cl-container.login .cl-container.login-box {
  background-color: #F4F4F4;
  border: 1px solid #DDDDDD;
  border-radius: 20px;
  padding: 32px;
  cursor: pointer;
  /* 간편 인증 */
  /* 휴대전화 인증 */
  /* 간편비밀번호 인증 */
  /* ANI-ID 정부통합 로그인 */
  /* 금융인증서 */
  /* 공동인증서(구 공인인증서) */
  /* 모바일 신분증 */
  /* 기타 인증 */
}
.cl-container.login .cl-container.login-box .cl-output.tit {
  padding-left: 56px;
  background: url("images/controls/image/ic_login_1.svg") no-repeat center left;
  font-size: 25px;
  font-weight: 700;
  color: #111111;
}
.cl-container.login .cl-container.login-box .cl-output {
  padding-left: 56px;
  color: #555555;
}
.cl-container.login .cl-container.login-box .cl-checkbox.easy-service-info {
  padding-left: 56px;
  margin-top: -8px;
}
.cl-container.login .cl-container.login-box .cl-checkbox.easy-service-info .cl-text {
  padding-left: 4px;
}
.cl-container.login .cl-container.login-box .cl-checkbox.easy-service-info .cl-checkbox-icon {
  background-image: url("images/controls/image/ic_list_down.svg");
  margin: 0;
}
.cl-container.login .cl-container.login-box .cl-checkbox.easy-service-info.cl-checked {
  font-weight: 400;
}
.cl-container.login .cl-container.login-box .cl-checkbox.easy-service-info.cl-checked .cl-checkbox-icon {
  background-image: url("images/controls/image/ic_list_up.svg");
}
.cl-container.login .cl-container.login-box .cl-container.easy-service-list {
  background-color: #FFFFFF;
  border-radius: 12px;
  padding: 40px;
}
.cl-container.login .cl-container.login-box .cl-container.easy-service-list .cl-output.list-tit {
  color: #1D1D1D;
  font-size: 17px;
  font-weight: 700;
  padding-left: 0px;
}
.cl-container.login .cl-container.login-box .cl-container.easy-service-list .cl-output.list-item {
  color: #1D1D1D;
  font-size: 15px;
  font-weight: 400;
  padding-left: 32px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 24px;
  min-height: 24px;
  /* 페이코 */
  /* 네이버 */
  /* 우리인증서 */
  /* 드림인증 */
  /* 신한인증서 */
  /* 토스 */
  /* NH인증서 */
  /* 카카오톡 */
  /* 국민인증서 */
  /* 뱅크샐러드 */
  /* 하나인증서 */
  /* 카카오뱅크 */
  /* 삼성패스 */
  /* 통신사PASS */
}
.cl-container.login .cl-container.login-box .cl-container.easy-service-list .cl-output.list-item.item-1 {
  background-image: url("images/controls/image/ic_easy_service_1.svg");
}
.cl-container.login .cl-container.login-box .cl-container.easy-service-list .cl-output.list-item.item-2 {
  background-image: url("images/controls/image/ic_easy_service_2.svg");
}
.cl-container.login .cl-container.login-box .cl-container.easy-service-list .cl-output.list-item.item-3 {
  background-image: url("images/controls/image/ic_easy_service_3.svg");
}
.cl-container.login .cl-container.login-box .cl-container.easy-service-list .cl-output.list-item.item-4 {
  background-image: url("images/controls/image/ic_easy_service_4.svg");
}
.cl-container.login .cl-container.login-box .cl-container.easy-service-list .cl-output.list-item.item-5 {
  background-image: url("images/controls/image/ic_easy_service_5.svg");
}
.cl-container.login .cl-container.login-box .cl-container.easy-service-list .cl-output.list-item.item-6 {
  background-image: url("images/controls/image/ic_easy_service_6.svg");
}
.cl-container.login .cl-container.login-box .cl-container.easy-service-list .cl-output.list-item.item-7 {
  background-image: url("images/controls/image/ic_easy_service_7.svg");
}
.cl-container.login .cl-container.login-box .cl-container.easy-service-list .cl-output.list-item.item-8 {
  background-image: url("images/controls/image/ic_easy_service_8.svg");
}
.cl-container.login .cl-container.login-box .cl-container.easy-service-list .cl-output.list-item.item-9 {
  background-image: url("images/controls/image/ic_easy_service_9.svg");
}
.cl-container.login .cl-container.login-box .cl-container.easy-service-list .cl-output.list-item.item-10 {
  background-image: url("images/controls/image/ic_easy_service_10.svg");
}
.cl-container.login .cl-container.login-box .cl-container.easy-service-list .cl-output.list-item.item-11 {
  background-image: url("images/controls/image/ic_easy_service_11.svg");
}
.cl-container.login .cl-container.login-box .cl-container.easy-service-list .cl-output.list-item.item-12 {
  background-image: url("images/controls/image/ic_easy_service_12.svg");
}
.cl-container.login .cl-container.login-box .cl-container.easy-service-list .cl-output.list-item.item-13 {
  background-image: url("images/controls/image/ic_easy_service_13.svg");
}
.cl-container.login .cl-container.login-box .cl-container.easy-service-list .cl-output.list-item.item-14 {
  background-image: url("images/controls/image/ic_easy_service_14.svg");
}
.cl-container.login .cl-container.login-box.phone .cl-output.tit {
  background-image: url("images/controls/image/ic_login_2.svg");
}
.cl-container.login .cl-container.login-box.easy-password .cl-output.tit {
  background-image: url("images/controls/image/ic_login_3.svg");
}
.cl-container.login .cl-container.login-box.ani-id .cl-output.tit {
  background-image: url("images/controls/image/ic_login_4.svg");
}
.cl-container.login .cl-container.login-box.finacial .cl-output.tit {
  background-image: url("images/controls/image/ic_login_5.svg");
}
.cl-container.login .cl-container.login-box.public .cl-output.tit {
  background-image: url("images/controls/image/ic_login_6.svg");
}
.cl-container.login .cl-container.login-box.mobile-id .cl-output.tit {
  background-image: url("images/controls/image/ic_login_7.svg");
}
.cl-container.login .cl-container.login-box.etc .cl-output.tit {
  background-image: url("images/controls/image/ic_login_8.svg");
}
.cl-container.login .cl-container.login-box:hover {
  background-color: #fffbf9;
  border-color: #FF5200;
}
.cl-container.login .cl-button.btn-link-go {
  color: #111111;
  background-color: transparent;
  border: none;
  border-radius: 0px;
  padding: 0px !important;
  font-size: 15px;
  text-decoration: underline;
}
.cl-container.login .cl-button.btn-link-go .cl-icon {
  background-image: url("images/controls/button/ic_btn_right_b_12.svg") !important;
  width: 12px;
  height: 12px;
  background-size: 12px;
  margin: 0 0 0 4px;
}
.cl-container.login .cl-button.btn-link-go .cl-text {
  line-height: 1.5 !important;
}
.cl-container.login .cl-container.card-gray-box {
  background-color: #F4F4F4;
  border-radius: 12px;
  padding: 24px;
}
.cl-container.mypage {
  /* 상태 뱃지 */
  /* 농업기상재해 */
  /* 보조금 박스 스타일 */
  /* 하단 배너 영역 스타일 (내교육, 사업지원 연계정보, 전자문서지갑) */
}
.cl-container.mypage .cl-output.status {
  padding: 5px 11px;
  font-size: 15px;
  border: 1px solid #FFFFFF;
  border-radius: 999px;
  font-weight: 700;
  color: #FFFFFF;
}
.cl-container.mypage .cl-output.status .cl-text {
  line-height: 1;
}
.cl-container.mypage .cl-container.top-banner1 {
  background-color: #FF5200;
  border-radius: 40px;
}
.cl-container.mypage .cl-container.top-banner1 .cl-control .cl-text {
  line-height: 1 !important;
}
.cl-container.mypage .cl-container.top-banner1 .cl-output {
  color: #FFFFFF;
}
.cl-container.mypage .cl-container.top-banner1 .bg-sub {
  background-color: #f04d00;
}
.cl-container.mypage .cl-container.top-banner1 .cl-output.name {
  font-size: 50px;
  font-weight: 700;
}
.cl-container.mypage .cl-container.top-banner1 .cl-output.name .cl-text {
  line-height: 1;
}
.cl-container.mypage .cl-container.top-banner1 .cl-button.btn-qr {
  border: none;
  border-radius: 0;
  background: url("images/com/content/ic_btn_qr.png") no-repeat center;
}
.cl-container.mypage .cl-container.top-banner1 .cl-container.info-box:before {
  content: "";
  position: absolute;
  top: -32px;
  right: 0px;
  left: 0px;
  background-color: rgba(255, 255, 255, 0.1);
  height: 1px;
}
.cl-container.mypage .cl-container.top-banner1 .cl-container.info-box .cl-output {
  font-size: 19px;
  font-weight: 700;
}
.cl-container.mypage .cl-container.top-banner1 .cl-container.info-box .cl-output.align-top .cl-text {
  line-height: 23px !important;
}
.cl-container.mypage .cl-container.top-banner1 .cl-container.info-box .cl-output.address {
  vertical-align: top;
}
.cl-container.mypage .cl-container.top-banner1 .cl-container.info-box .cl-output.address .cl-text {
  line-height: 23px !important;
}
.cl-container.mypage .cl-container.top-banner1 .cl-container.info-box .cl-button.btn-member-info {
  color: #FFFFFF;
  font-size: 17px;
  font-weight: 400;
}
.cl-container.mypage .cl-container.top-banner1 .cl-container.info-box .cl-button.btn-member-info .cl-text {
  line-height: 1;
}
.cl-container.mypage .cl-container.top-banner1 .cl-container.info-box .cl-button.btn-member-info.cl-icon-align-right .cl-icon {
  margin: 0 0 0 4px;
}
.cl-container.mypage .cl-container.top-banner1 .cl-container.info-box .cl-button.btn-member-info .cl-icon {
  background-image: url("images/com/content/ic_btn_next_w.svg") !important;
  background-size: auto;
  width: 12px;
  height: 18px;
}
.cl-container.mypage .cl-container.top-banner1 .cl-container.summary-box {
  /* 카드에 포커스 스타일 (기획요청) */
  /* 이동 버튼 */
}
.cl-container.mypage .cl-container.top-banner1 .cl-container.summary-box:has(:focus-visible) {
  outline: 2px dotted #111111;
}
.cl-container.mypage .cl-container.top-banner1 .cl-container.summary-box:has(:focus-visible) .cl-button.btn-transparent.btn-go:focus {
  outline: none;
}
.cl-container.mypage .cl-container.top-banner1 .cl-container.summary-box .cl-output.tit {
  font-size: 21px;
  font-weight: 700;
}
.cl-container.mypage .cl-container.top-banner1 .cl-container.summary-box .cl-output.tit .cl-text {
  line-height: 1;
}
.cl-container.mypage .cl-container.top-banner1 .cl-container.summary-box .cl-button.btn-go {
  background-image: url("images/com/content/ic_btn_next_w.svg");
  background-size: 16px;
}
.cl-container.mypage .cl-container.top-banner1 .cl-container.info-box2 .cl-output.label {
  font-size: 17px;
  text-align: center;
}
.cl-container.mypage .cl-container.top-banner1 .cl-container.info-box2 .cl-output.data {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
}
.cl-container.mypage .cl-container.top-banner1 .cl-container.info-box2 .cl-output.separator {
  background-color: rgba(255, 255, 255, 0.1);
}
.cl-container.mypage .cl-container.top-banner1 .cl-container.sub-info-box {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 20px;
  margin-top: -12px;
}
.cl-container.mypage .cl-container.top-banner1 .cl-container.sub-info-box .cl-output {
  font-size: 15px;
}
.cl-container.mypage .cl-container.top-banner1 .cl-container.sub-info-box .cl-button.btn-go2 {
  color: #FFFFFF;
  font-size: 17px;
}
.cl-container.mypage .cl-container.top-banner1 .cl-container.sub-info-box .cl-button.btn-go2 .cl-text {
  line-height: 1;
}
.cl-container.mypage .cl-container.top-banner1 .cl-container.sub-info-box .cl-button.btn-go2.cl-icon-align-right .cl-icon {
  margin: 0 0 0 1px;
}
.cl-container.mypage .cl-container.top-banner1 .cl-container.sub-info-box .cl-button.btn-go2 .cl-icon {
  background-image: url("images/com/content/ic_btn_next_w.svg") !important;
  background-size: 16px;
  width: 16px;
  height: 16px;
}
.cl-container.mypage .cl-container.top-banner1 .cl-output.no-msg {
  font-size: 25px;
  font-weight: 500;
  background: url("images/controls/image/img_nodata.png") no-repeat center;
  padding-top: 76px;
  background-position-y: calc(50% - 18px);
  text-align: center;
}
.cl-container.mypage .cl-container.top-banner2 {
  border-radius: 40px;
  padding: 64px 48px 40px 48px;
  background: url("images/com/content/img_topbanner.svg") no-repeat right 38px bottom 40px;
  background-color: #233A6C;
}
.cl-container.mypage .cl-container.top-banner2 .cl-output {
  color: #FFFFFF;
}
.cl-container.mypage .cl-container.top-banner2 .cl-output.tit {
  font-size: 32px;
  font-weight: 700;
}
.cl-container.mypage .cl-container.top-banner2 .cl-output.tit .cl-text {
  line-height: 1.3;
}
.cl-container.mypage .cl-container.top-banner2 .cl-output.text {
  font-size: 21px;
}
.cl-container.mypage .cl-container.top-banner2 .cl-output.text .cl-text {
  line-height: 1.5;
}
.cl-container.mypage .cl-container.weather-disaster-box {
  border: 1px solid #DDDDDD;
  border-radius: 40px;
  padding: 32px 32px 32px 48px;
  /* 재해정보 메인 보드 */
  /* 재해정보 상세정보 영역 */
}
.cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-board {
  min-width: 360px;
}
.cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-board .cl-output .cl-text span.highlight {
  color: #EB003B;
}
.cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-board .cl-button.btn-set {
  min-width: 58px;
  height: 32px;
  padding: 0;
}
.cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-detail {
  background-color: #F4F4F4;
  border-radius: 20px;
  padding: 24px 40px;
  /* 재해정보 테이블 */
  /* 날씨정보 테이블 */
}
.cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.board-table {
  /* 안전, 주의, 경보 뱃지 */
}
.cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.board-table .cl-output.label {
  font-weight: 700;
}
.cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.board-table .cl-output.txt {
  color: #555555;
  font-size: 15px;
}
.cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.board-table > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-last-row) .cl-output.txt {
  margin-bottom: 8px;
}
.cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.board-table .warning {
  color: #EB003B;
}
.cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.board-table .cl-container.status-box .cl-output {
  font-size: 13px;
  background-color: #888888;
  min-height: 20px;
  padding: 0px 8.5px;
  color: #FFFFFF;
  border-radius: 999px;
}
.cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.board-table .cl-container.status-box .cl-output.safe.on {
  background-color: #008a1e;
}
.cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.board-table .cl-container.status-box .cl-output.warning.on {
  background-color: #ffb724;
  color: #111111;
}
.cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.board-table .cl-container.status-box .cl-output.emergency.on {
  background-color: #EB003B;
}
.cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.board-table .cl-container.status-box.safe .cl-output.safe {
  background-color: #008a1e;
}
.cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.board-table .cl-container.status-box.warning .cl-output.warning {
  background-color: #ffb724;
  color: #111111;
}
.cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.board-table .cl-container.status-box.emergency .cl-output.emergency {
  background-color: #EB003B;
}
.cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.weather-table {
  padding-right: 36px;
  /* 최고기온,최저기온 */
  /* 강수량 */
  /* 최대풍속 */
}
.cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.weather-table .cl-output {
  font-weight: 700;
  min-height: 24px;
}
.cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.weather-table .cl-output .cl-text span:not(.unit) {
  display: inline-block;
  padding-left: 32px;
  font-weight: 400;
  background-size: 24px;
  min-height: 24px;
  margin-right: 8px;
  min-width: 92px;
}
.cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.weather-table .cl-output .cl-text span.unit {
  font-size: 15px;
  font-weight: 400;
  margin-left: 4px;
}
.cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.weather-table .cl-output.temp .cl-text span:not(.unit) {
  background: url("images/com/content/ic_temp.svg") no-repeat left center/24px;
}
.cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.weather-table .cl-output.rainfall .cl-text span:not(.unit) {
  background: url("images/com/content/ic_umbrella.svg") no-repeat left center/24px;
}
.cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.weather-table .cl-output.wind .cl-text span:not(.unit) {
  background: url("images/com/content/ic_wind.svg") no-repeat left center/24px;
}
.cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.weather-table .cl-output.snow .cl-text span:not(.unit) {
  background: url("images/com/content/ic_snow.svg") no-repeat left center/24px;
}
.cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.weather-table .cl-output.sun .cl-text span:not(.unit) {
  background: url("images/com/content/ic_sun.svg") no-repeat left center/24px;
}
.cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.weather-table .cl-output.sun2 .cl-text span:not(.unit) {
  background: url("images/com/content/ic_sun2.svg") no-repeat left center/24px;
}
.cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-detail .cl-button.btn-i-right:not(.md) {
  font-size: 17px;
}
.cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-detail .cl-button.btn-i-right:not(.md) .cl-icon {
  background-size: 21px;
  width: 12px;
  height: 18px;
}
.cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-detail .cl-button.btn-i-right:not(.md).cl-icon-align-right .cl-icon {
  margin: 0 0 0 4px;
}
.cl-container.mypage .cl-container.subsidy-box {
  background-color: #FFFFFF;
  border-radius: 24px;
  margin-top: 16px;
}
.cl-container.mypage .cl-container.subsidy-box .cl-output.tit {
  padding-left: 42px;
  background: url("images/controls/image/ic_won2.svg") no-repeat left center;
}
.cl-container.mypage .cl-container.subsidy-box .cl-output.num-data {
  text-align: left;
}
.cl-container.mypage .fs-40-25 {
  font-size: 40px !important;
}
.cl-container.mypage .cl-container.bottom-banner .cl-container {
  /* 내 교육 */
}
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content1,
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content2,
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content3 {
  border-radius: 40px;
  padding: 64px;
}
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content1 .cl-output.guide-txt,
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content2 .cl-output.guide-txt,
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content3 .cl-output.guide-txt {
  font-size: 21px;
}
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content1 .cl-container.menu-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-last-row),
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content2 .cl-container.menu-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-last-row),
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content3 .cl-container.menu-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-last-row) {
  padding-bottom: 24px;
}
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content1 .cl-container.menu-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-last-row):before,
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content2 .cl-container.menu-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-last-row):before,
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content3 .cl-container.menu-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-last-row):before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.1);
}
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content1 .cl-container.menu-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-first-row),
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content2 .cl-container.menu-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-first-row),
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content3 .cl-container.menu-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-first-row) {
  padding-top: 24px;
}
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content1 .cl-container.menu-box .cl-button,
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content2 .cl-container.menu-box .cl-button,
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content3 .cl-container.menu-box .cl-button {
  min-height: 28px;
  padding-left: 48px;
  font-size: 21px;
  font-weight: 700;
  background-color: transparent;
  border: none;
  border-color: rgba(255, 255, 255, 0.2);
  background-position: left center;
  background-size: 32px;
  text-align: left;
  border-radius: 0;
}
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content1 .cl-container.menu-box .cl-button.book,
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content2 .cl-container.menu-box .cl-button.book,
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content3 .cl-container.menu-box .cl-button.book {
  background-image: url("images/com/content/ic_btn_menu_book.svg");
}
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content1 .cl-container.menu-box .cl-button.bookmark,
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content2 .cl-container.menu-box .cl-button.bookmark,
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content3 .cl-container.menu-box .cl-button.bookmark {
  background-image: url("images/com/content/ic_btn_menu_bookmark.svg");
}
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content1 .cl-container.menu-box .cl-button.doller,
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content2 .cl-container.menu-box .cl-button.doller,
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content3 .cl-container.menu-box .cl-button.doller {
  background-image: url("images/com/content/ic_btn_menu_doller.svg");
}
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content1 .cl-container.menu-box .cl-button.oil,
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content2 .cl-container.menu-box .cl-button.oil,
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content3 .cl-container.menu-box .cl-button.oil {
  background-image: url("images/com/content/ic_btn_menu_oil.svg");
}
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content1 .cl-container.menu-box .cl-button.text,
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content2 .cl-container.menu-box .cl-button.text,
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content3 .cl-container.menu-box .cl-button.text {
  background-image: url("images/com/content/ic_btn_menu_text.svg");
}
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content1 {
  background-color: #233A6C;
  background-image: url("images/com/content/ic_my_edu.svg");
  background-repeat: no-repeat;
  background-position: top 56px center;
  padding-top: 170px;
  /* 확인서 버튼 */
}
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content1 .cl-control {
  color: #FFFFFF;
}
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content1 .cl-output.guide-txt {
  padding: 0 65px;
}
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content1 .btn-confirm {
  height: 60px !important;
  min-width: 235px;
  font-size: 21px;
  font-weight: 400;
  color: #FFFFFF;
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.3);
}
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content1 .btn-confirm:focus-visible {
  outline-color: #FFFFFF;
  text-decoration: underline;
}
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content2 {
  background-color: #FFBD69;
}
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content2 .cl-output.tit {
  color: #512D00;
}
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content2 .cl-container.menu-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-last-row):before {
  background-color: rgba(0, 0, 0, 0.1);
}
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content2 .cl-container.menu-box .cl-button {
  color: #512D00;
  border-color: rgba(17, 17, 17, 0.1);
}
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content3 {
  background-color: #ECF5FF;
  padding: 56px;
  /* 확인서 버튼 */
}
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content3 .banner-tit {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  background: url("images/com/content/img_banner_logo.svg") no-repeat center top;
  padding-top: 114px;
}
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content3 .banner-tit .cl-text {
  line-height: 1.3;
}
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content3 .cl-output.guide-txt {
  margin-top: -24px;
}
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content3 .btn-confirm {
  min-height: 60px;
  font-size: 21px;
  font-weight: 400;
  color: #003763;
  background-color: transparent;
  border-color: #003763;
  padding: 0 90px;
}
.cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content3 .btn-confirm:focus-visible {
  text-decoration: underline;
}
/************************************************
 * 경영체 정보 화면
 ************************************************/
.cl-container.bu-info {
  padding: 64px 80px;
}
.cl-container.bu-info .form-base .cl-output {
  font-size: 21px;
}
.cl-container.bu-info .badge {
  font-weight: 700;
}
.cl-output.bu-info-tit {
  font-size: 40px;
  font-weight: 700;
  margin-top: -12px;
}
.cl-output.bu-info-tit .cl-text {
  line-height: 1.3;
  word-break: keep-all;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/* 경영체 정보 사용자 정보 박스 내 버튼 그룹 클래스 */
.cl-container.bu-info-btn-group .cl-button {
  font-size: 17px;
  font-weight: 700;
  min-width: 160px;
}
/************************************************
 * 농업e지 원패스 QR코드
 * /mypage/ab03051p1m/agesonQRPopup
 ************************************************/
.cl-container.qr-box {
  border-radius: 30px;
  background-color: #233A6C;
  background-image: url("images/com/content/img_bg_qrbox.svg");
  padding-top: 40px;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 38px;
}
.cl-container.qr-box .cl-control {
  color: #FFFFFF;
}
/************************************************
 * 스테퍼 이미지 (06/05 차영기 추가)
 ************************************************/
.cl-container.img-steppers {
  width: auto;
  height: 71px !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("images/com/content/img_steppers.svg");
}
/************************************************
 * 에러페이지
 ************************************************/
.cl-container.error-page .cl-output.img-error {
  background: url("images/com/content/bg_error.png") no-repeat center;
  height: 320px !important;
}
.cl-container.error-page .cl-output.img-error2 {
  background: url("images/com/content/img_isolation.png") no-repeat center;
  height: 320px !important;
}
.cl-container.error-page .cl-output.servise-txt {
  font-size: 50px;
  font-weight: 700;
}
.cl-container.error-page .cl-output.servise-txt .cl-text {
  line-height: 1.3;
}
/************************************************
 * 에러페이지 - 서비스 준비중
 ************************************************/
.cl-container.service-preparing-page .cl-output.img-service-preparing {
  background: url("images/com/content/img_bg_service_preparing.png") no-repeat center;
  height: 320px !important;
}
.cl-container.service-preparing-page .cl-output.servise-txt {
  font-size: 50px;
  font-weight: 700;
}
.cl-container.service-preparing-page .cl-output.servise-txt .cl-text {
  line-height: 65px;
}
/************************************************
 * 공지팝업
 * /common/ntcMttrPopup
 ************************************************/
.cl-container.notice-popup-page .cl-output.title-txt {
  font-size: 50px;
  font-weight: 300;
  color: white;
}
.cl-container.notice-popup-page .cl-output.title-txt .cl-text {
  line-height: 1.3;
}
.cl-container.notice-popup-page .cl-output.msg-txt {
  font-size: 32px;
  font-weight: 600;
  color: white;
}
.cl-container.notice-popup-page .cl-output.msg-txt .cl-text {
  line-height: 1.3;
}
.cl-container.notice-popup-page .cl-output.msg-sub-txt {
  font-size: 21px;
  font-weight: 600;
  color: white;
}
.cl-container.notice-popup-page .cl-output.msg-sub-txt .cl-text span {
  box-shadow: inset 0 -17px 0 #f97540;
}
.cl-container.notice-popup-page .cl-container.notice-slide {
  padding: 46px 152px 46px 48px;
  min-height: 399px;
  width: 100% !important;
}
.cl-container.notice-popup-footer {
  border-radius: 0px 0px 20px 20px;
  padding: 0 20px;
  background-color: white;
  border: 1px solid #DDDDDD;
}
.cl-container.notice-popup-footer .cl-checkbox.cbx-txt {
  font-size: 15px;
  font-weight: 400;
  color: #555555;
}
.cl-container.notice-popup-footer .cl-checkbox.cbx-txt .cl-text {
  line-height: 15px;
}
.cl-container.notice-popup-footer .cl-button.btn-txt {
  text-align: center;
  font-weight: 400;
}
.cl-container.notice-popup-footer .cl-button.btn-txt .cl-text {
  line-height: 15px;
}
/************************************************
 * 진입화면 상단 영역
 ************************************************/
.cl-container.login-cta-area {
  background: url("images/controls/image/img_bs.png") no-repeat right center;
  /* 페이지 설명 성격의 텍스트 */
  /* 인기사업 */
  /* 공익직불제 */
  /* 면적직불금 */
  /* 공지사항 */
  /* 부정수급 */
  /* 농업인 교육 */
  /* 이의 신청 */
  /* 농식품콘텐츠 */
  /* 직불제 */
}
.cl-container.login-cta-area .text-primary.cl-first-row {
  color: #EF4136 !important;
}
.cl-container.login-cta-area .cl-button.btn-action {
  min-height: 64px;
  border-radius: 999px;
  border-color: #111111;
  color: #111111;
  font-size: 25px;
}
.cl-container.login-cta-area .cl-button.btn-action:not(.cl-disabled):hover,
.cl-container.login-cta-area .cl-button.btn-action:focus,
.cl-container.login-cta-area .cl-button.btn-action.cl-focus,
.cl-container.login-cta-area .cl-button.btn-action:not(.cl-disabled).cl-activated,
.cl-container.login-cta-area .cl-button.btn-action:not(.cl-disabled):active {
  background-color: #FFFFFF;
  border-color: #FF5200;
  color: #FF5200;
}
.cl-container.login-cta-area .cl-output.intro-txt {
  font-size: 50px;
}
.cl-container.login-cta-area .cl-output.intro-txt .cl-text {
  line-height: 1.3;
}
.cl-container.login-cta-area.po {
  background: url("images/controls/image/img_bs_po.png") no-repeat right center;
}
.cl-container.login-cta-area.pay-sys {
  background: url("images/com/content/공익직불제.png") no-repeat right center;
}
.cl-container.login-cta-area.pay-sys2 {
  background: url("images/com/content/공익직불제2.png") no-repeat right center;
}
.cl-container.login-cta-area.pay-sys3 {
  background: url("images/com/content/img_pay_sys3.png") no-repeat right center;
}
.cl-container.login-cta-area.pay-sys4 {
  background: url("images/com/content/img_pay_sys4.png") no-repeat right center;
}
.cl-container.login-cta-area.pay-sys5 {
  background: url("images/com/content/img_pay_sys5.png") no-repeat right center;
}
.cl-container.login-cta-area.pay-sys6 {
  background: url("images/com/content/img_pay_sys6.png") no-repeat right center;
}
.cl-container.login-cta-area.noti {
  background: url("images/com/content/img_noti.png") no-repeat right center;
}
.cl-container.login-cta-area.apply {
  background-size: 392px 352px !important;
  background: url("images/com/content/img_ba_green.svg") no-repeat right center;
  background-position: right top 80px;
}
.cl-container.login-cta-area.illegal {
  background: url("images/com/content/step2/img_illegal.png") no-repeat right center;
}
.cl-container.login-cta-area.edu {
  background: url("images/com/content/step2/img_edu.png") no-repeat right top;
}
.cl-container.login-cta-area.appeal {
  background: url("images/com/content/step2/img_appeal.png") no-repeat right top;
}
.cl-container.login-cta-area.contents {
  background: url("images/com/content/step2/img_contents.png") no-repeat right top;
}
.cl-container.login-cta-area.payment {
  background: url("images/com/content/step2/img_payment.png") no-repeat right bottom;
}
/************************************************
 * 인기사업
 * P.BS.PO00.000_P01
 ************************************************/
.cl-container.popular-banner {
  background-color: #e8eeff;
  border-radius: 999px;
  margin-top: 20px;
}
.cl-container.popular-banner:before {
  content: "";
  position: absolute;
  width: 264px;
  height: 272px;
  background: url("images/controls/image/img-popular-banner.png") no-repeat center;
  bottom: 0;
  right: 120px;
}
.cl-container.popular-banner.mb {
  border-radius: 20px;
  background: #e8eeff url("images/controls/image/img-popular-banner.png") no-repeat right 14px bottom/186px 189px;
}
.cl-container.popular-banner.mb:before {
  display: none;
}
/* 농업경영체 */
.cl-container.popular-banner2 {
  background-color: #ffe7c9;
  border-radius: 40px;
  background: #ffe7c9 url("images/controls/image/img_popular_banner1.png") no-repeat right bottom;
  /* 공익직불제 */
}
.cl-container.popular-banner2 .cl-output {
  color: #995400;
  font-size: 21px;
}
.cl-container.popular-banner2 .cl-output.title {
  color: #613500;
  font-size: 40px;
  font-weight: 700;
}
.cl-container.popular-banner2 .cl-output.title .cl-text {
  line-height: 1.3;
}
.cl-container.popular-banner2 .cl-button.btn-txt {
  color: #613500;
}
.cl-container.popular-banner2 .cl-button.btn-i-right .cl-icon {
  background-image: url("images/controls/button/ic_btn_right_16.svg") !important;
  width: 16px;
  height: 16px;
  background-size: 16px;
}
.cl-container.popular-banner2 .cl-button.btn-i-right.cl-icon-align-right .cl-icon {
  margin: 0 0 0 8px;
}
.cl-container.popular-banner2.type2 {
  background: #ffd2bb url("images/controls/image/img_popular_banner2.png") no-repeat right bottom;
}
.cl-container.popular-banner2.type2 .cl-output {
  color: #946047;
}
.cl-container.popular-banner2.type2 .cl-output.title {
  color: #713010;
}
.cl-container.popular-banner2.type2 .cl-button.btn-txt {
  color: #946047;
}
.cl-container.popular-banner2.type3 {
  background: #ffdcab url("images/controls/image/img_popular_banner4.png") no-repeat right bottom;
}
.cl-container.popular-banner2.type3 .cl-output,
.cl-container.popular-banner2.type3 .cl-button.btn-txt {
  color: #b06101;
}
/************************************************
 * 사업상세
 * P.BS.EB03.001_P01
 ************************************************/
.cl-output.bu-info-detail-tit {
  font-size: 40px;
  font-weight: 700;
  margin-top: -12px;
}
.cl-output.bu-info-detail-tit .cl-text {
  line-height: 1.3;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cl-container.eb-banner-box1,
.cl-container.eb-banner-box2 {
  border-radius: 20px;
}
.cl-container.eb-banner-box1 .cl-output,
.cl-container.eb-banner-box2 .cl-output,
.cl-container.eb-banner-box1 .cl-button,
.cl-container.eb-banner-box2 .cl-button {
  color: #FFFFFF;
}
.cl-container.eb-banner-box1 .cl-output,
.cl-container.eb-banner-box2 .cl-output {
  font-size: 25px;
  font-weight: 700;
}
.cl-container.eb-banner-box1 .cl-button.btn-i-right,
.cl-container.eb-banner-box2 .cl-button.btn-i-right {
  font-size: 19px;
}
.cl-container.eb-banner-box1 .cl-button.btn-i-right .cl-icon,
.cl-container.eb-banner-box2 .cl-button.btn-i-right .cl-icon {
  background-image: url("images/controls/button/ic_btn_right_w_12.svg") !important;
  background-size: 12px;
  width: 12px;
  height: 12px;
}
.cl-container.eb-banner-box1 .cl-button.btn-i-right.cl-icon-align-right .cl-icon,
.cl-container.eb-banner-box2 .cl-button.btn-i-right.cl-icon-align-right .cl-icon {
  margin: 0 0 0 4px !important;
}
.cl-container.eb-banner-box1 {
  background: #ad806a url("images/controls/image/img_eb_banner1.png") no-repeat right 46px bottom;
}
.cl-container.eb-banner-box2 {
  background: #635d5b url("images/controls/image/img_eb_banner2.png") no-repeat right -10px bottom;
}
.cl-container.bu-detail-tab-box {
  background-color: #FFFFFF;
  border-radius: 40px;
  /* 모바일 시 나타나는 전화 텍스트 */
}
.cl-container.bu-detail-tab-box .cl-output.tab-tit1,
.cl-container.bu-detail-tab-box .cl-output.tab-tit2,
.cl-container.bu-detail-tab-box .cl-output.tab-tit3,
.cl-container.bu-detail-tab-box .cl-output.tab-tit4,
.cl-container.bu-detail-tab-box .cl-output.tab-tit5 {
  font-size: 32px;
  font-weight: 700;
  padding-left: 48px;
  color: #111111;
}
.cl-container.bu-detail-tab-box .cl-output.tab-tit1 .cl-text,
.cl-container.bu-detail-tab-box .cl-output.tab-tit2 .cl-text,
.cl-container.bu-detail-tab-box .cl-output.tab-tit3 .cl-text,
.cl-container.bu-detail-tab-box .cl-output.tab-tit4 .cl-text,
.cl-container.bu-detail-tab-box .cl-output.tab-tit5 .cl-text {
  line-height: 1.3;
}
.cl-container.bu-detail-tab-box .cl-output.tab-tit1 {
  background: url("images/controls/image/ic_bu_tit1.svg") no-repeat left center/32px;
}
.cl-container.bu-detail-tab-box .cl-output.tab-tit2 {
  background: url("images/controls/image/ic_bu_tit2.svg") no-repeat left center/32px;
}
.cl-container.bu-detail-tab-box .cl-output.tab-tit3 {
  background: url("images/controls/image/ic_bu_tit3.svg") no-repeat left center/32px;
}
.cl-container.bu-detail-tab-box .cl-output.tab-tit4 {
  background: url("images/controls/image/ic_bu_tit4.svg") no-repeat left center/32px;
}
.cl-container.bu-detail-tab-box .cl-output.tab-tit5 {
  background: url("images/controls/image/ic_bu_tit5.svg") no-repeat left center/32px;
}
.cl-container.bu-detail-tab-box .cl-output {
  font-size: 19px;
  color: #555555;
}
.cl-container.bu-detail-tab-box .cl-output.sub-tit {
  font-size: 21px;
  font-weight: 700;
  color: #111111;
}
.cl-container.bu-detail-tab-box .cl-container.content-box {
  padding-bottom: 64px;
  border-bottom: 1px solid #DDDDDD;
}
.cl-container.bu-detail-tab-box .cl-container.content-box.cl-last-row {
  padding-bottom: 0;
  border-bottom: none;
}
.cl-container.bu-detail-tab-box .cl-output.sub-tit-2 {
  padding-bottom: 24px;
  border-bottom: 1px solid #111111;
  color: #555555;
  font-size: 19px;
  font-weight: 600;
  text-align: center;
  /* 농림축산 식품부 */
  /* 농업정책보험금융원 */
}
.cl-container.bu-detail-tab-box .cl-output.sub-tit-2.mafra .cl-text span {
  padding: 0px 9px;
  background: url("images/controls/image/ic_bu_tit_logo.svg") no-repeat center;
  margin-right: 4px;
}
.cl-container.bu-detail-tab-box .cl-output.sub-tit-2.apfs .cl-text span {
  padding: 0px 9px;
  background: url("images/controls/image/ic_bu_tit_logo2.svg") no-repeat center;
  margin-right: 4px;
}
.cl-container.bu-detail-tab-box .cl-output.phone {
  text-align: right;
  padding-right: 28px;
  background: url("images/controls/image/ic_phone.svg") no-repeat right center;
}
.cl-container.kit-box {
  border: 1px solid #ffbd69;
  background-color: #fffcf8;
  border-radius: 40px;
  background-image: url("images/controls/image/img_kit.png");
  background-repeat: no-repeat;
  background-position: right bottom;
}
/* 농업경영체란 */
.cl-container.support-guide-box {
  border: 1px solid #DDDDDD;
  border-radius: 40px;
  padding: 48px;
  background-position: right 48px bottom 48px;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  /*보조금*/
  /* 농지 */
  /* 감면 */
}
.cl-container.support-guide-box .cl-output.heading-tit {
  font-weight: 700;
  color: #FF5200;
}
.cl-container.support-guide-box .cl-output .cl-text span {
  font-weight: 700;
}
.cl-container.support-guide-box.subsidy {
  background-image: url("images/com/content/img_support1.svg");
}
.cl-container.support-guide-box.farm {
  background-image: url("images/com/content/img_support2.svg");
}
.cl-container.support-guide-box.reduction {
  background-image: url("images/com/content/img_support3.svg");
}
.cl-container.support-guide-box.reduction2 {
  background-image: url("images/com/content/img_support4.svg");
}
.cl-container.support-guide-box.reduction3 {
  background-image: url("images/com/content/img_support5.svg");
}
.cl-container.support-guide-box.reduction4 {
  background-image: url("images/com/content/img_support6.svg");
}
/* 공익직불제 */
.cl-container.support-guide-box2 {
  border: 1px solid #DDDDDD;
  border-radius: 40px;
  padding: 48px 20px 48px 188px;
  background-position: left 48px top 48px;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  /* 농업인 교육 */
}
.cl-container.support-guide-box2 .cl-output.heading-tit {
  font-weight: 700;
  font-size: 32px;
}
.cl-container.support-guide-box2 .cl-output.heading-tit .cl-text {
  line-height: 1.3;
}
.cl-container.support-guide-box2.food {
  background-image: url("images/com/content/img_support7.png");
}
.cl-container.support-guide-box2.environment {
  background-image: url("images/com/content/img_support8.png");
}
.cl-container.support-guide-box2.community {
  background-image: url("images/com/content/img_support9.png");
}
.cl-container.support-guide-box2.offline {
  background-image: url("images/com/content/step2/img_support_agriedu1.png");
}
.cl-container.support-guide-box2.online {
  background-image: url("images/com/content/step2/img_support_agriedu2.png");
}
.cl-container.support-guide-box2.record {
  background-image: url("images/com/content/step2/img_support_agriedu3.png");
}
.cl-container.support-guide-box2.recommand {
  background-image: url("images/com/content/step2/img_support_agriedu4.png");
}
/* 어디론가 이동하는 버튼 */
.cl-button.btn-for-go {
  padding: 62.5px 48px;
  padding-left: 198px;
  font-size: 32px;
  font-weight: 700;
  background-color: #FFFFFF !important;
  color: #111111 !important;
  border-radius: 40px;
  text-align: left;
  background-position: left 48px center;
  border: 1px solid transparent;
  /* 기본형 공익직불제 */
  /* 면적직불금 */
}
.cl-button.btn-for-go .cl-text span {
  margin-top: 12px;
  color: #555555;
  font-size: 19px;
  font-weight: 400;
  display: block !important;
}
.cl-button.btn-for-go .cl-text span.inline {
  margin-top: 12px;
  color: #555555;
  font-size: 19px;
  font-weight: 400;
  display: inline-block !important;
}
.cl-button.btn-for-go .cl-text-wrapper {
  align-items: baseline !important;
}
.cl-button.btn-for-go:not(.cl-disabled):hover,
.cl-button.btn-for-go:not(.cl-disabled).cl-activated,
.cl-button.btn-for-go:not(.cl-disabled):active {
  border-color: #FF5200;
}
.cl-button.btn-for-go.new {
  background-image: url("images/com/content/ic_btn_register_new.svg");
}
.cl-button.btn-for-go.change {
  background-image: url("images/com/content/ic_btn_register_change.svg");
}
.cl-button.btn-for-go.pay {
  background-image: url("images/com/content/ic_btn_go_pay.png");
}
.cl-button.btn-for-go.eco {
  background-image: url("images/com/content/ic_btn_go_eco.png");
}
.cl-button.btn-for-go.farm {
  background-image: url("images/com/content/ic_btn_go_farm.png");
}
.cl-button.btn-for-go.target {
  background-image: url("images/com/content/ic_btn_go_target.png");
}
.cl-button.btn-for-go.paysys {
  background-image: url("images/com/content/ic_btn_go_paysys.png");
}
/* 전체 사업  */
.cl-container.btn-for-go {
  border: 1px solid #DDDDDD;
  cursor: pointer;
}
.cl-container.btn-for-go:hover,
.cl-container.btn-for-go:focus,
.cl-container.btn-for-go.cl-focus {
  border-color: #FF5200;
}
/* 어디론가 이동하는 버튼 */
.cl-button.btn-for-go-secondary {
  padding: 62.5px 48px;
  padding-left: 198px;
  font-size: 32px;
  font-weight: 700;
  background-color: #FFFFFF !important;
  border-radius: 40px;
  text-align: left;
  background-position: left 48px center;
  border: none;
  color: #FF5200 !important;
}
.cl-button.btn-for-go-secondary .cl-text span.sub {
  margin-top: 12px;
  color: #555555;
  font-size: 19px;
  font-weight: 400;
  display: inline-block;
}
.cl-button.btn-for-go-secondary .cl-text span.title {
  color: #111111;
  font-size: 32px;
  font-weight: 700;
}
.cl-button.btn-for-go-secondary .cl-text-wrapper {
  align-items: baseline !important;
}
.cl-button.btn-for-go-secondary.user {
  background-image: url("images/com/content/ic_btn_go_user.png");
}
.cl-button.btn-for-go-secondary.plus {
  background-image: url("images/com/content/ic_btn_go_plus.png");
}
.cl-button.btn-for-go-secondary.bell {
  background-image: url("images/com/content/ic_btn_go_bell.png");
}
.cl-button.btn-for-go-secondary.write {
  background-image: url("images/com/content/ic_btn_go_write.png");
}
.cl-container.for-go-to-secondary-box {
  background-color: #FFFFFF !important;
  background-position: left 48px center;
  background-repeat: no-repeat;
  border: none;
  border-radius: 40px;
  padding: 48px;
  padding-left: 196px;
}
.cl-container.for-go-to-secondary-box.user {
  background-image: url("images/com/content/ic_btn_go_user.png");
}
.cl-container.for-go-to-secondary-box.plus {
  background-image: url("images/com/content/ic_btn_go_plus.png");
}
.cl-container.for-go-to-secondary-box.bell {
  background-image: url("images/com/content/ic_btn_go_bell.png");
}
.cl-container.for-go-to-secondary-box.write {
  background-image: url("images/com/content/ic_btn_go_write.png");
}
.cl-container.for-go-to-secondary-box .cl-output {
  color: #FF5200 !important;
  font-size: 32px;
  font-weight: 700;
  text-align: left;
}
.cl-container.for-go-to-secondary-box .cl-output .cl-text {
  line-height: 1.3;
}
.cl-container.for-go-to-secondary-box .cl-output .cl-text span.title {
  color: #111111;
  font-size: 32px;
  font-weight: 700;
}
.cl-container.for-go-to-secondary-box .cl-output .cl-text span.sub {
  color: #555555;
  display: inline-block;
  font-size: 19px;
  font-weight: 400;
  margin-top: 8px;
}
.cl-container.for-go-to-secondary-box .cl-button {
  min-height: 34px;
}
/* 어디론가 이동하는 버튼2 */
.cl-button.btn-for-go2 {
  min-height: 360px;
  padding: 48px 30px 40px 48px;
  font-size: 32px;
  font-weight: 700;
  background-color: #FFFFFF;
  color: #FF5200;
  border-radius: 40px;
  border: 1px solid #FF5200;
  text-align: left;
  background-position: right 48px bottom 40px;
}
.cl-button.btn-for-go2 .cl-text span {
  margin-top: 20px;
  color: #555555;
  font-size: 19px;
  font-weight: 500;
  display: block !important;
  line-height: 1.5;
}
.cl-button.btn-for-go2:not(.cl-disabled):hover,
.cl-button.btn-for-go2:not(.cl-disabled).cl-activated,
.cl-button.btn-for-go2:not(.cl-disabled):active {
  background-color: #FF5200;
  border-color: #FF5200;
  color: #FFFFFF;
}
.cl-button.btn-for-go2:not(.cl-disabled):hover:before,
.cl-button.btn-for-go2:not(.cl-disabled).cl-activated:before,
.cl-button.btn-for-go2:not(.cl-disabled):active:before {
  position: absolute;
  content: "";
  background: url("images/com/content/img_btn_go.png") no-repeat center;
  width: 274px;
  height: 133px;
  bottom: 42px;
  right: 0;
}
.cl-button.btn-for-go2:not(.cl-disabled):hover .cl-text span,
.cl-button.btn-for-go2:not(.cl-disabled).cl-activated .cl-text span,
.cl-button.btn-for-go2:not(.cl-disabled):active .cl-text span {
  color: #FFFFFF;
}
.cl-button.btn-for-go2:focus {
  outline: none;
}
.cl-button.btn-for-go2 .cl-text-wrapper {
  align-items: baseline !important;
}
.cl-button.btn-for-go2.easy,
.cl-button.btn-for-go2.judge,
.cl-button.btn-for-go2.history,
.cl-button.btn-for-go2.cube {
  background-position: right 30px bottom 40px;
}
.cl-button.btn-for-go2.together {
  background-image: url("images/com/content/ic_btn_go2_together.png");
}
.cl-button.btn-for-go2.together:hover,
.cl-button.btn-for-go2.together.cl-activated,
.cl-button.btn-for-go2.together:active {
  background-image: url("images/com/content/ic_btn_go2_together_on.png");
}
.cl-button.btn-for-go2.add {
  background-image: url("images/com/content/ic_btn_go2_add.png");
}
.cl-button.btn-for-go2.add:hover,
.cl-button.btn-for-go2.add.cl-activated,
.cl-button.btn-for-go2.add:active {
  background-image: url("images/com/content/ic_btn_go2_add_on.png");
}
.cl-button.btn-for-go2.check {
  background-image: url("images/com/content/ic_btn_go2_check.png");
}
.cl-button.btn-for-go2.check:hover,
.cl-button.btn-for-go2.check.cl-activated,
.cl-button.btn-for-go2.check:active {
  background-image: url("images/com/content/ic_btn_go2_check_on.png");
}
.cl-button.btn-for-go2.cube {
  background-image: url("images/com/content/ic_btn_go2_cube.png");
}
.cl-button.btn-for-go2.cube:hover,
.cl-button.btn-for-go2.cube.cl-activated,
.cl-button.btn-for-go2.cube:active {
  background-image: url("images/com/content/ic_btn_go2_cube_on.png");
}
.cl-button.btn-for-go2.easy {
  background-image: url("images/com/content/ic_btn_go2_easy.png");
}
.cl-button.btn-for-go2.easy:hover,
.cl-button.btn-for-go2.easy.cl-activated,
.cl-button.btn-for-go2.easy:active {
  background-image: url("images/com/content/ic_btn_go2_easy_on.png");
}
.cl-button.btn-for-go2.faq {
  background-image: url("images/com/content/ic_btn_go2_faq.png");
}
.cl-button.btn-for-go2.faq:hover,
.cl-button.btn-for-go2.faq.cl-activated,
.cl-button.btn-for-go2.faq:active {
  background-image: url("images/com/content/ic_btn_go2_faq_on.png");
}
.cl-button.btn-for-go2.guide {
  background-image: url("images/com/content/ic_btn_go2_guide.png");
}
.cl-button.btn-for-go2.guide:hover,
.cl-button.btn-for-go2.guide.cl-activated,
.cl-button.btn-for-go2.guide:active {
  background-image: url("images/com/content/ic_btn_go2_guide_on.png");
}
.cl-button.btn-for-go2.history {
  background-image: url("images/com/content/ic_btn_go2_history.png");
}
.cl-button.btn-for-go2.history:hover,
.cl-button.btn-for-go2.history.cl-activated,
.cl-button.btn-for-go2.history:active {
  background-image: url("images/com/content/ic_btn_go2_history_on.png");
}
.cl-button.btn-for-go2.judge {
  background-image: url("images/com/content/ic_btn_go2_judge.png");
}
.cl-button.btn-for-go2.judge:hover,
.cl-button.btn-for-go2.judge.cl-activated,
.cl-button.btn-for-go2.judge:active {
  background-image: url("images/com/content/ic_btn_go2_judge_on.png");
}
.cl-button.btn-for-go2.niti {
  background-image: url("images/com/content/ic_btn_go2_niti.png");
}
.cl-button.btn-for-go2.niti:hover,
.cl-button.btn-for-go2.niti.cl-activated,
.cl-button.btn-for-go2.niti:active {
  background-image: url("images/com/content/ic_btn_go2_niti_on.png");
}
/* 어디론가 이동하는 버튼3 */
.cl-button.btn-for-go3 {
  background-color: transparent !important;
  font-size: 32px;
  font-weight: 600;
  color: #111111 !important;
  border: none !important;
  text-align: left;
  padding: 0;
  min-height: 72px;
  border-radius: 0;
}
.cl-button.btn-for-go3 .cl-text {
  background: url("images/controls/button/ic_btn_right_32.svg") no-repeat right center !important;
  line-height: 1.3 !important;
}
.cl-button.btn-for-go3 .cl-text span {
  display: table-caption !important;
  color: #555555;
  font-size: 17px;
  margin-bottom: 4px;
  line-height: 1.5;
}
/* 어디론가 이동하는 버튼3 */
.cl-button.btn-for-go4 {
  background-color: #FFFFFF !important;
  font-size: 32px;
  font-weight: 600;
  color: #111111 !important;
  border: none !important;
  text-align: left;
  padding: 40px 32px 40px 48px;
  border-radius: 40px;
}
.cl-button.btn-for-go4 .cl-text {
  background: url("images/controls/button/ic_btn_right_32.svg") no-repeat right top !important;
  line-height: 1.3 !important;
}
.cl-button.btn-for-go4 .cl-text span {
  display: table-caption !important;
  color: #555555;
  font-size: 19px;
  font-weight: 500;
  margin-top: 12px;
  line-height: 1.5;
}
/* 계산 버튼 */
.cl-button.btn-calculate {
  border: none;
  background-color: #ffe9d1 !important;
  color: #613500 !important;
  background-image: url("images/com/content/ic_btn_calculate.png") !important;
  background-size: 167px 129px;
  background-position: right 40px bottom;
  border-radius: 20px;
  font-size: 32px;
  font-weight: 700;
  padding: 43px 40px;
  text-align: left;
}
.cl-button.btn-calculate .cl-text-wrapper {
  align-items: baseline !important;
}
.cl-button.btn-calculate .cl-text {
  line-height: 1.2 !important;
}
.cl-button.btn-calculate .cl-text span {
  margin-top: 6px;
  font-size: 19px;
  font-weight: 400;
  display: block !important;
  line-height: 1.5;
}
.cl-button.btn-calculate2 {
  border: none;
  background-color: #78716F !important;
  color: #FFFFFF !important;
  background-image: url("images/com/content/ic_btn_calculate.png") !important;
  background-position: right -22px bottom;
  background-size: 166px 122px;
  border-radius: 40px;
  font-size: 32px;
  font-weight: 700;
  padding: 42.5px 48px;
  text-align: left;
}
.cl-button.btn-calculate2 .cl-text span {
  margin-bottom: 4px;
  color: #FFFFFF;
  font-size: 21px;
  font-weight: 500;
  display: block !important;
}
.cl-button.btn-calculate2:focus-visible {
  text-decoration: underline;
}
/* 가이드 성 페이지 (안내, 기본공익직불제) */
.cl-container.guide-page .cl-button.btn-download span.download {
  padding: 1px 10px;
  margin-left: 4px;
  background-repeat: no-repeat;
  background-image: url("images/controls/button/ic_btn_download.svg");
}
.cl-container.guide-page .cl-button.btn-download.text-primary span.download {
  background-image: url("images/controls/button/ic_btn_download_primary.svg");
}
.cl-container.guide-page .cl-button.btn-download .cl-text {
  line-height: 1.5 !important;
}
.cl-container.guide-page .cl-output.dot-txt {
  background-image: url("images/controls/output/ic_dot2.svg");
}
.cl-container.guide-page .cl-output.dot-txt.center {
  background-position: left center;
}
.cl-container.guide-page .cl-output.dot-txt.text-sub-color {
  background-image: url("images/controls/output/ic_dot.svg");
}
.cl-container.white-box {
  padding: 20px 40px;
  background-color: #FFFFFF;
  border-radius: 10px;
}
.cl-container.white-box .cl-output.num1,
.cl-container.white-box .cl-output.num2,
.cl-container.white-box .cl-output.num3,
.cl-container.white-box .cl-output.num4,
.cl-container.white-box .cl-output.num5,
.cl-container.white-box .cl-output.num6 {
  padding-left: 28px;
}
.cl-container.white-box .cl-output.num1 .cl-text,
.cl-container.white-box .cl-output.num2 .cl-text,
.cl-container.white-box .cl-output.num3 .cl-text,
.cl-container.white-box .cl-output.num4 .cl-text,
.cl-container.white-box .cl-output.num5 .cl-text,
.cl-container.white-box .cl-output.num6 .cl-text {
  line-height: 26px;
}
.cl-container.white-box .cl-output.num1:before,
.cl-container.white-box .cl-output.num2:before,
.cl-container.white-box .cl-output.num3:before,
.cl-container.white-box .cl-output.num4:before,
.cl-container.white-box .cl-output.num5:before,
.cl-container.white-box .cl-output.num6:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background-color: #ffede2;
  color: #FF5200;
  text-align: center;
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
}
.cl-container.white-box .cl-output.num1:before {
  content: "1";
}
.cl-container.white-box .cl-output.num2:before {
  content: "2";
}
.cl-container.white-box .cl-output.num3:before {
  content: "3";
}
.cl-container.white-box .cl-output.num4:before {
  content: "4";
}
.cl-container.white-box .cl-output.num5:before {
  content: "5";
}
.cl-container.white-box .cl-output.num6:before {
  content: "6";
}
/* 공지사항 리스트 */
.cl-container.noti-list {
  padding: 56px 0;
  border: 1px solid #DDDDDD;
  border-width: 1px 0;
  /* 타이틀 */
  /* 긴급 상태 */
}
.cl-container.noti-list .cl-output.title {
  font-size: 32px;
  font-weight: 700;
}
.cl-container.noti-list .cl-output.title .cl-text {
  line-height: 1.3;
}
.cl-container.noti-list .cl-output.status-danger {
  padding: 8px 12px;
  font-size: 19px;
  color: #FFFFFF;
  font-weight: 700;
  border-radius: 999px;
  background-color: #EB003B;
  text-align: center;
}
.cl-container.noti-list .cl-output.status-danger .cl-text {
  line-height: 1;
}
.cl-container.noti-list .cl-output.status-default {
  padding-top: 4px;
  font-size: 21px;
  font-weight: 700;
}
.cl-container.noti-list .cl-output.date {
  color: #888888;
}
.cl-container.noti-list-pagenation {
  padding: 40px 0;
  cursor: pointer;
}
.cl-container.noti-list-pagenation .cl-output.title {
  font-size: 21px;
  font-weight: 700;
}
.cl-container.noti-list-pagenation.next {
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
}
.cl-container.noti-list-pagenation.prev {
  border-bottom: 1px solid #DDDDDD;
}
/************************************************
 * 정보연계 화면
 ************************************************/
.cl-output.info-connent-img {
  font-size: 50px;
  font-weight: 700;
  background: url("images/controls/image/img-info-connect.png") no-repeat center;
  text-align: center;
  padding-top: 240px;
  background-position-y: calc(50% - 84px);
}
.cl-output.info-connent-img .cl-text {
  line-height: 1.3;
  word-break: keep-all;
}
.cl-output.info-connent-img .cl-text span {
  font-weight: 300;
}
/************************************************
 * 등록단계확인
 ************************************************/
.cl-output.step-check {
  font-size: 50px;
  font-weight: 700;
  padding-top: 240px;
  background: url("images/controls/image/img-step-check-50.png") no-repeat center top;
  text-align: center;
}
.cl-output.step-check .cl-text {
  line-height: 1.3;
}
.cl-output.step-check.check-100 {
  background: url("images/controls/image/img-step-check-100.png") no-repeat center top;
}
/************************************************
 * 통합검색 화면, 전체사업 검색
 ************************************************/
/* 레이어 화면 */
.cl-container.integrated-search-l {
  /* 검색 결과 영역 */
  /* 많이 찾는 서비스 / 인기 검색어 */
}
.cl-container.integrated-search-l .cl-container.pop-content-body {
  padding: 80px 0 0 0;
}
.cl-container.integrated-search-l .cl-searchinput.search-total {
  height: 68px !important;
  background-color: #F4F4F4;
  font-size: 25px;
  font-weight: 600;
  border-radius: 999px;
  border-color: #F4F4F4;
}
.cl-container.integrated-search-l .cl-searchinput.search-total .cl-text {
  padding-left: 24px;
}
.cl-container.integrated-search-l .cl-searchinput.search-total .cl-searchinput-search {
  margin-right: 20px;
  width: 28px;
  background-size: 28px;
}
.cl-container.integrated-search-l .cl-searchinput.search-total.cl-focus {
  background-color: #FFFFFF;
}
.cl-container.integrated-search-l .cl-container.result-box .cl-button {
  text-align: left;
  font-weight: 400;
  color: #000000;
}
.cl-container.integrated-search-l .cl-container.result-box .cl-button .cl-text {
  line-height: 1.5 !important;
}
.cl-container.integrated-search-l .cl-container.result-box .cl-button .highlight {
  color: #FF5200;
  font-weight: 700;
}
.cl-container.integrated-search-l .cl-container.popular-searches .cl-container.keywards .cl-output {
  font-size: 19px;
}
.cl-container.integrated-search-l .cl-container.popular-searches .cl-container.keywards .cl-button {
  text-align: left;
  font-size: 19px;
}
.cl-container.integrated-search-l .cl-container.popular-searches .cl-container.keywards .cl-output.rank {
  font-weight: 700;
  text-align: right;
  color: #BBBBBB;
}
.cl-container.integrated-search-l .cl-container.popular-searches .cl-container.keywards .cl-output.rank.up {
  color: #EB003B;
}
.cl-container.integrated-search-l .cl-container.popular-searches .cl-container.keywards .cl-output.rank.up .cl-text:before {
  position: relative;
  content: "";
  padding: 0 10px;
  background: url("images/controls/image/ic_up.svg") no-repeat left center;
}
.cl-container.integrated-search-l .cl-container.popular-searches .cl-container.keywards .cl-output.rank.down {
  color: #2768FF;
}
.cl-container.integrated-search-l .cl-container.popular-searches .cl-container.keywards .cl-output.rank.down .cl-text:before {
  position: relative;
  content: "";
  padding: 0 10px;
  background: url("images/controls/image/ic_down.svg") no-repeat left center;
}
.cl-container.integrated-search-l .cl-container.popular-searches .cl-container.keywards .cl-output.rank.unchanged {
  color: #BBBBBB;
}
.cl-container.integrated-search-l .cl-container.popular-searches .cl-container.keywards .cl-output.rank.unchanged .cl-text:before {
  position: relative;
  content: "";
  padding: 0 10px;
  background: url("images/controls/image/ic_rank_default.svg") no-repeat left center;
}
.cl-container.integrated-search-l,
.cl-container.integrated-search {
  /* 최근 검색어 아이템 스타일 */
  /* 태그 스타일 */
}
.cl-container.integrated-search-l .cl-container.itme-wrap .cl-button.btn-transparent,
.cl-container.integrated-search .cl-container.itme-wrap .cl-button.btn-transparent {
  text-align: left;
  font-weight: 400;
}
.cl-container.integrated-search-l .cl-output.no-data.sm,
.cl-container.integrated-search .cl-output.no-data.sm {
  padding-top: 44px;
  background-size: 32px;
  font-size: 19px;
}
.cl-container.integrated-search-l .cl-container.round-item,
.cl-container.integrated-search .cl-container.round-item {
  border: 1px solid #DDDDDD;
  border-radius: 999px;
  padding: 0 11px 0 19px;
}
.cl-container.integrated-search-l .cl-container.round-item .cl-output,
.cl-container.integrated-search .cl-container.round-item .cl-output {
  color: #555555;
  font-size: 19px;
  font-weight: 500;
  min-height: 46px !important;
}
.cl-container.integrated-search-l .cl-container.round-item .cl-output .cl-text,
.cl-container.integrated-search .cl-container.round-item .cl-output .cl-text {
  line-height: 1;
}
.cl-container.integrated-search-l .cl-container.round-item .cl-button.btn-item-d,
.cl-container.integrated-search .cl-container.round-item .cl-button.btn-item-d {
  padding: 0 !important;
  border: none !important;
  border-radius: 0;
  background: url("images/controls/button/ic_btn_close_g.svg") no-repeat center;
  margin-bottom: 1px;
}
.cl-container.integrated-search-l .cl-button.btn-rounded-tag,
.cl-container.integrated-search .cl-button.btn-rounded-tag {
  border: 1px solid #DDDDDD;
  border-radius: 999px;
  padding: 0 19px;
  color: #555555;
  font-size: 19px;
  font-weight: 500;
}
.cl-container.integrated-search-l .cl-button.btn-rounded-tag .cl-text-wrapper,
.cl-container.integrated-search .cl-button.btn-rounded-tag .cl-text-wrapper {
  min-height: 46px;
}
/* 통합검색 */
.cl-container.integrated-search .cl-searchinput {
  font-weight: 600;
}
.cl-container.integrated-search .cl-container.scr-filter-box {
  padding: 64px 0;
}
.cl-container.integrated-search .cl-container.scr-filter-box > .cl-layout {
  z-index: 1;
}
.cl-container.integrated-search .cl-container.scr-filter-box:before {
  content: "";
  position: absolute;
  background: url("images/controls/image/img_integrated1.png") no-repeat center;
  width: 580px;
  height: 230px;
  top: -7px;
  left: 3%;
}
.cl-container.integrated-search .cl-container.scr-filter-box:after {
  content: "";
  position: absolute;
  background: url("images/controls/image/img_integrated2.png") no-repeat center;
  width: 580px;
  height: 230px;
  bottom: -7px;
  right: 3%;
}
.cl-container.integrated-search .cl-output.result-txt {
  font-size: 40px;
  font-weight: 700;
  text-align: center;
}
.cl-container.integrated-search .cl-output.result-txt .cl-text {
  line-height: 1.3;
}
.cl-container.integrated-search .cl-container.result-box-wrap {
  border: 1px solid #DDDDDD;
  border-width: 1px 0;
  padding: 80px 0;
}
.cl-container.integrated-search .cl-container.result-box {
  /* 더보기 버튼  */
  /* 메뉴 검색결과 */
  /* 타이틀 형 리스트  */
}
.cl-container.integrated-search .cl-container.result-box .cl-output.box-tit {
  font-size: 32px;
  font-weight: 700;
}
.cl-container.integrated-search .cl-container.result-box .cl-output.box-tit .cl-text {
  line-height: 1.3;
}
.cl-container.integrated-search .cl-container.result-box .cl-output.box-tit .cl-text span {
  color: #FF5200;
}
.cl-container.integrated-search .cl-container.result-box .cl-button.btn-i-more {
  height: 52px !important;
  font-size: 17px;
}
.cl-container.integrated-search .cl-container.result-box .cl-button.btn-i-more .cl-text {
  line-height: 1.5 !important;
}
.cl-container.integrated-search .cl-container.result-box.menu span.highlight {
  color: #FF5200;
  font-weight: 400;
}
.cl-container.integrated-search .cl-container.result-box span.highlight {
  font-weight: 700;
  color: #FF5200;
}
.cl-container.integrated-search .cl-container.result-box .cl-container.result-list .cl-output.list-tit,
.cl-container.integrated-search .cl-container.result-box .cl-container.result-list .cl-button.list-tit {
  font-size: 21px;
  text-align: left;
  color: #111111;
  font-weight: 700;
  max-width: 100%;
}
.cl-container.integrated-search .cl-container.result-box .cl-container.result-list .cl-output.list-tit .cl-text,
.cl-container.integrated-search .cl-container.result-box .cl-container.result-list .cl-button.list-tit .cl-text {
  line-height: 1.5 !important;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cl-container.integrated-search .cl-container.result-box .cl-container.result-list .cl-output.txt {
  color: #555555;
  font-size: 19px;
  margin-top: 8px;
}
.cl-container.integrated-search .cl-container.result-box .cl-container.result-list .cl-output.txt .cl-text {
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/* 주소검색 */
.cl-container.address-search {
  /* 검색결과 텍스트 */
  /* 주소 예시 박스 */
  /* 주소 검색 리스트 박스 */
  /* 상세 주소 입력 화면 */
}
.cl-container.address-search .heading-txt2 {
  margin-bottom: 20px;
}
.cl-container.address-search .cl-searchinput {
  font-size: 17px;
  border-radius: 999px;
}
.cl-container.address-search .cl-searchinput .cl-text {
  padding-left: 20px;
}
.cl-container.address-search .cl-container.pop-content-body {
  padding: 40px;
}
.cl-container.address-search .cl-output.total-txt {
  font-size: 21px;
  font-weight: 700;
  padding-bottom: 24px;
  border-bottom: 1px solid #DDDDDD;
}
.cl-container.address-search .cl-output.total-txt .cl-text span {
  font-weight: 400;
}
.cl-container.address-search .cl-container.address-ex-box {
  padding-top: 40px;
}
.cl-container.address-search .cl-container.address-ex-box .cl-output.ex-tit {
  font-size: 19px;
  font-weight: 600;
}
.cl-container.address-search .cl-container.address-list {
  padding: 24px 0;
  padding-left: 1px;
  border-bottom: 1px solid #DDDDDD;
  /* 우편번호 */
}
.cl-container.address-search .cl-container.address-list .cl-output.postal-code {
  color: #FF5200;
  font-weight: 700;
  font-size: 19px;
}
.cl-container.address-search .cl-container.address-list .cl-output.address-txt {
  font-size: 19px;
  font-weight: 500;
  margin-top: 4px;
}
.cl-container.address-search .cl-container.address-list .cl-output.addresss-txt-sub {
  color: #555555;
}
.cl-container.address-search .cl-button.btn-i-reset.text-primary {
  font-size: 17px;
  font-weight: 500;
}
.cl-container.address-search .cl-button.btn-i-reset.text-primary .cl-text {
  box-shadow: inset 0 -1px 0 #FF5200;
}
.cl-container.address-search .cl-button.btn-i-reset.text-primary.cl-icon-align-left .cl-icon {
  margin: 0 8px 0 0;
}
.cl-container.address-search .cl-layout-wrap.sticky-wrap {
  position: sticky !important;
  top: 0;
  z-index: 1;
  background-color: #FFFFFF;
  padding-top: 20px;
}
/* 마을 검색 */
.cl-container.address-village-search {
  /* 검색결과 텍스트 */
}
.cl-container.address-village-search .heading-txt2 {
  margin-bottom: 20px;
}
.cl-container.address-village-search .cl-container.pop-content-body {
  padding: 40px;
}
.cl-container.address-village-search .cl-output.total-txt {
  font-size: 21px;
  font-weight: 700;
  padding-top: 40px;
  padding-bottom: 16px;
  border-bottom: 1px solid #DDDDDD;
}
.cl-container.address-village-search .cl-output.total-txt .cl-text span {
  font-weight: 400;
}
.cl-container.address-village-search .village-list {
  padding-top: 16px;
}
.cl-container.address-village-search .village-list .cl-button {
  background-color: transparent;
  border: none;
  border-radius: 0px;
  color: #111111 !important;
  padding: 8px 40px 8px 20px;
  font-size: 19px;
  text-align: left;
  min-height: 52px;
}
.cl-container.address-village-search .village-list .cl-button .highlight {
  color: #FF5200;
  font-weight: 700;
}
.cl-container.address-village-search .village-list .cl-button .cl-text {
  line-height: 1.5 !important;
  white-space: normal;
  word-wrap: normal;
}
.cl-container.address-village-search .village-list .cl-button:hover {
  background-color: #fff8f4;
}
.cl-container.address-village-search .village-list .cl-button:active {
  background: #fff8f4 url("images/controls/radiobutton/ic_radio_check.svg") no-repeat right 20px center;
}
.cl-container.address-village-search .cl-layout-wrap.sticky-wrap {
  position: sticky !important;
  top: 0;
  z-index: 1;
  background-color: #FFFFFF;
  padding-top: 20px;
}
/* 품목 검색 */
.cl-container.item-list-search {
  /* 샘플 버튼 박스 */
  /* 결과 박스 */
  /* 총 건수 */
}
.cl-container.item-list-search .cl-searchinput {
  font-size: 17px;
  border-radius: 999px;
}
.cl-container.item-list-search .cl-searchinput .cl-text {
  padding-left: 20px;
}
.cl-container.item-list-search .cl-output.guide-txt {
  color: #555555;
  font-size: 15px;
  text-align: center;
}
.cl-container.item-list-search .cl-output.guide-txt .cl-text {
  word-break: keep-all;
}
.cl-container.item-list-search .cl-container.sample-item-box {
  max-width: 688px;
}
.cl-container.item-list-search .cl-container.item-result-box .cl-button {
  background-color: transparent;
  border: none;
  border-radius: 0px;
  padding: 0 40px 0 20px;
  font-size: 19px;
  text-align: left;
  min-height: 52px;
}
.cl-container.item-list-search .cl-container.item-result-box .cl-button .highlight {
  color: #FF5200;
  font-weight: 700;
}
.cl-container.item-list-search .cl-container.item-result-box .cl-button .cl-text {
  line-height: 1.5 !important;
}
.cl-container.item-list-search .cl-container.item-result-box .cl-button:active {
  background: #fff8f4 url("images/controls/radiobutton/ic_radio_check.svg") no-repeat right 20px center;
}
.cl-container.item-list-search .cl-output.total {
  font-weight: 600;
  font-size: 21px;
  padding-bottom: 16px;
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: -20px !important;
}
.cl-container.item-list-search .cl-button.btn-i-more {
  height: 52px !important;
}
.cl-container.item-list-search .cl-layout-wrap.sticky-wrap {
  position: sticky !important;
  top: 0;
  z-index: 1;
  background-color: #FFFFFF;
  padding: 40px 0 24px 0;
}
/************************************************
 * 회원가입 스테퍼 추가
 ************************************************/
.cl-container.top-stepper .cl-container.stepper-item {
  /* 라벨 스타일 */
  /* 활성화 상태 스타일 */
  /* 완료 상태 스타일 */
}
.cl-container.top-stepper .cl-container.stepper-item .cl-container.label-box .cl-output.step-label {
  color: #555555;
  font-size: 15px;
  font-weight: 400;
}
.cl-container.top-stepper .cl-container.stepper-item .cl-container.label-box .cl-output.step-content {
  font-size: 17px;
  font-weight: 600;
}
.cl-container.top-stepper .cl-container.stepper-item .cl-container.item {
  padding: 0 2px;
}
.cl-container.top-stepper .cl-container.stepper-item .cl-container.item .cl-output.step-img {
  overflow: visible !important;
  background: #FFFFFF url("images/controls/image/ic_stepper_default.png") no-repeat center;
  width: 20px;
  height: 20px;
}
.cl-container.top-stepper .cl-container.stepper-item .cl-container.item .cl-output.bar {
  border-radius: 999px;
  background-color: #DDDDDD;
  margin: 0 0 0 4px;
}
.cl-container.top-stepper .cl-container.stepper-item.active .cl-container.item .cl-output.step-img {
  background-image: url("images/controls/image/ic_stepper_active.png");
}
.cl-container.top-stepper .cl-container.stepper-item.active .cl-container.item .cl-output.label {
  color: #111111;
  font-weight: 500;
}
.cl-container.top-stepper .cl-container.stepper-item.complete .cl-container.item .cl-output.step-img {
  background-image: url("images/controls/image/ic_stepper_complete.png");
}
.cl-container.top-stepper .cl-container.stepper-item.complete .cl-container.item .cl-output.bar {
  background-color: #FF5200;
}
/************************************************
 * 회원가입
 ************************************************/
/* 회원가입  */
.cl-container.sign-up {
  /* 폼 형식들어가는 컨텐츠 박스 스타일 */
}
.cl-container.sign-up .cl-container.top-stepper {
  margin-bottom: 40px;
}
.cl-container.sign-up .cl-container.sign-up-btn-box {
  background-color: #F4F4F4;
  border: 1px solid #E4E4E4;
  border-radius: 20px;
  padding: 31px;
  cursor: pointer;
}
.cl-container.sign-up .cl-container.sign-up-btn-box .cl-output.tit {
  padding-left: 56px;
  font-size: 25px;
  font-weight: 700;
  color: #111111;
  margin-left: 0;
}
.cl-container.sign-up .cl-container.sign-up-btn-box .cl-output.tit .cl-text {
  line-height: 32px;
}
.cl-container.sign-up .cl-container.sign-up-btn-box .cl-output {
  margin-left: 56px;
  color: #555555;
}
.cl-container.sign-up .cl-container.sign-up-btn-box:hover {
  background-color: #fffbf9;
  border-color: #FF5200;
}
.cl-container.sign-up .cl-container.sign-up-btn-box.individual .cl-output.tit {
  background: url("images/controls/image/ic_sign_up_individual.svg") no-repeat left top;
}
.cl-container.sign-up .cl-container.sign-up-btn-box.corp .cl-output.tit {
  background: url("images/controls/image/ic_sign_up_corp.svg") no-repeat left top;
}
.cl-container.sign-up .cl-container.sign-up-btn-box.simple .cl-output.tit {
  background: url("images/controls/image/ic_login_1.svg") no-repeat left top;
}
.cl-container.sign-up .cl-container.sign-up-btn-box.mobile .cl-output.tit {
  background: url("images/controls/image/ic_login_2.svg") no-repeat left top;
}
.cl-container.sign-up .cl-container.sign-up-content {
  border: 1px solid #EEEEEE;
  border-width: 1px 0;
  padding-top: 80px;
  padding-bottom: 80px;
}
/* 간편비밀먼호 설정 화면 */
.cl-container.simple-password {
  padding-top: 9.6%;
  padding-left: 40px;
  padding-right: 40px;
  /* 주의 메세지 스타일 */
}
.cl-container.simple-password .cl-container.password-box {
  margin: 40px 0;
}
.cl-container.simple-password .cl-container.password-box .cl-output.num-input {
  width: 20px !important;
  height: 20px !important;
  border-radius: 9999px;
  background-color: #EEEEEE;
}
.cl-container.simple-password .cl-container.password-box .cl-output.num-input.on {
  background-color: #FF5200;
}
.cl-container.simple-password .cl-container.password-box.error .cl-output.num-input {
  background-color: #EB003B;
}
.cl-container.simple-password .cl-output.password-error-msg {
  font-size: 19px;
  color: #EB003B;
  text-align: center;
}
.cl-container.simple-password .cl-output.password-error-msg .cl-text {
  word-break: keep-all;
}
/* 신청서 보기 화면 */
.cl-container.report-view .cl-container.report-header {
  background-color: #FFFFFF;
  padding: 16px 24px;
}
.cl-container.report-view .cl-container.report-header .cl-output.logo {
  width: 114px !important;
  height: 40px !important;
  background: url("images/com/main/img_logo.svg") no-repeat center;
}
.cl-container.report-view .cl-container.report-header .cl-output.bar {
  height: 20px !important;
}
/* 20250707 - 대민 퍼블리싱 수정 사항으로 인한 certificate-box와 certificate-box2의 색상 관련 스타일(카드 배경색, 버튼의 색상과 배경색) 서로 변경 */
.cl-container.certificate-box {
  background-color: #ecf5ff;
  border-radius: 40px;
  padding: 48px;
}
.cl-container.certificate-box .cl-output.certificate-tit {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 8px;
}
.cl-container.certificate-box .cl-output.certificate-tit .cl-text {
  line-height: 1.3;
}
.cl-container.certificate-box .cl-output.sub-tit {
  font-size: 19px;
  color: #555555;
}
.cl-container.certificate-box .cl-button.btn-action {
  padding: 0;
  height: 40px !important;
  width: 80px !important;
  font-size: 17px;
  font-weight: 500;
  border-color: #8b9eb8;
  background-color: transparent;
  color: #002545;
}
.cl-container.certificate-box .cl-button.btn-action:not(.cl-disabled):hover,
.cl-container.certificate-box .cl-button.btn-action:focus,
.cl-container.certificate-box .cl-button.btn-action.cl-focus,
.cl-container.certificate-box .cl-button.btn-action:not(.cl-disabled).cl-activated,
.cl-container.certificate-box .cl-button.btn-action:not(.cl-disabled):active {
  border-color: #002524;
  background-color: #dbe6f6;
}
.cl-container.certificate-box .cl-button.btn-action.cl-disabled {
  border-color: #8b9eb8;
  color: #8b9eb8;
}
.cl-container.certificate-box2 {
  background-color: #F4F4F4;
  border-radius: 40px;
  padding: 48px;
}
.cl-container.certificate-box2 .cl-output.tit {
  font-size: 32px;
  padding-left: 72px;
  font-weight: 600;
  background: url("images/com/content/img_banner_logo.svg") no-repeat center left/48px;
}
.cl-container.certificate-box2 .cl-output.tit .cl-text {
  word-break: keep-all;
}
.cl-container.certificate-box2 .cl-button.btn-action {
  padding: 0 10px;
  font-size: 17px;
  min-width: 120px;
  min-height: 40px;
  border-radius: 12px;
  font-weight: 400;
}
.cl-container.certificate-box2 .cl-button.btn-action .cl-icon {
  background-image: url("images/controls/button/ic_btn_link2.svg") !important;
  margin: 0 0 0 4px !important;
}
.cl-container.certificate-box2 .cl-button.btn-action.cl-disabled .cl-icon {
  background-image: url("images/controls/button/ic_btn_link2_d.svg") !important;
}
/************************************************
 * 이벤트 공지 팝업
 ************************************************/
.cl-dialog:has(.event-notice-popup-page) {
  background-color: transparent;
}
.cl-dialog .cl-dialog-body:has(.event-notice-popup-page) {
  overflow: hidden !important;
}
.cl-container.event-notice-popup-page {
  border: 20px;
  /* 지금 응모하기 버튼 그룹 */
}
.cl-container.event-notice-popup-page .cl-container.content-wrap {
  background-color: #FF5200;
  padding: 48px 48px 32px 48px;
  background-image: url("images/com/content/img_character.png");
  background-position: top 70px right;
  background-repeat: no-repeat;
}
.cl-container.event-notice-popup-page .top-msg-box {
  padding-bottom: 24px;
}
.cl-container.event-notice-popup-page .cl-output.title-txt {
  font-size: 50px;
  font-weight: 700;
  color: white;
}
.cl-container.event-notice-popup-page .cl-output.title-txt .cl-text {
  line-height: 1.3;
}
.cl-container.event-notice-popup-page .cl-output.msg-txt {
  font-size: 25px;
  color: white;
}
.cl-container.event-notice-popup-page .cl-output.msg-txt .cl-text {
  line-height: 1.3;
  word-break: keep-all;
}
.cl-container.event-notice-popup-page .cl-output.msg-txt .cl-text span {
  color: #ffff00;
  font-weight: 700;
}
.cl-container.event-notice-popup-page .cl-container.event-form {
  padding-top: 24px;
}
.cl-container.event-notice-popup-page .cl-container.event-form:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 450px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
}
.cl-container.event-notice-popup-page .cl-container.event-form .cl-output.label {
  font-size: 15px;
  font-weight: 700;
  min-width: 72px;
  text-align: center;
  border-radius: 999px;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  padding: 3px 0;
}
.cl-container.event-notice-popup-page .cl-container.event-form .cl-output:not(.label) {
  font-size: 19px;
  font-weight: 700;
  color: #FFFFFF;
  padding-left: 4px;
}
.cl-container.event-notice-popup-page .cl-container.event-form .cl-output:not(.label) .cl-text span {
  font-weight: 400;
}
.cl-container.event-notice-popup-page .cl-container.btn-wrap {
  padding-top: 32px;
}
.cl-container.event-notice-popup-page .cl-container.btn-wrap .cl-button.btn-action {
  width: 180px !important;
  height: 54px !important;
  font-size: 17px;
  font-weight: 700;
}
.cl-container.event-notice-popup-page .cl-container.popup-footer {
  padding: 0 20px;
  background-color: white;
  border: 1px solid #DDDDDD;
}
.cl-container.event-notice-popup-page .cl-container.popup-footer .cl-checkbox.cbx-txt {
  font-size: 15px;
  font-weight: 400;
}
.cl-container.event-notice-popup-page .cl-container.popup-footer .cl-checkbox.cbx-txt .cl-text {
  line-height: 15px;
}
.cl-container.event-notice-popup-page .cl-container.popup-footer .cl-button.btn-txt {
  text-align: center;
  font-weight: 400;
  color: #555555;
}
.cl-container.event-notice-popup-page .cl-container.popup-footer .cl-button.btn-txt .cl-text {
  line-height: 15px;
}
.cl-output .cl-text span.img-person {
  background: url("images/com/content/guide/ic_user.svg") no-repeat center;
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
/************************************************
 * 개선 의견
 ************************************************/
.cl-container.improvement {
  /* 등록내역 보기 */
}
.cl-container.improvement .cl-container.reg-history {
  /* 타이틀 형 리스트  */
}
.cl-container.improvement .cl-container.reg-history .cl-container.history-list {
  padding-bottom: 40px;
  border-bottom: 1px solid #EEEEEE;
}
.cl-container.improvement .cl-container.reg-history .cl-container.history-list .cl-output.list-tit,
.cl-container.improvement .cl-container.reg-history .cl-container.history-list .cl-button.list-tit {
  font-size: 25px;
  text-align: left;
  color: #111111;
  font-weight: 700;
  max-width: 100%;
}
.cl-container.improvement .cl-container.reg-history .cl-container.history-list .cl-output.list-tit .cl-text,
.cl-container.improvement .cl-container.reg-history .cl-container.history-list .cl-button.list-tit .cl-text {
  line-height: 1.3 !important;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.cl-container.improvement .cl-container.reg-history .cl-container.history-list .cl-output.date {
  font-size: 17px;
  color: #555555;
}
.cl-container.improvement .cl-container.reg-history .cl-container.history-list .cl-output.txt {
  color: #555555;
  font-size: 19px;
}
.cl-container.improvement .cl-container.reg-history .cl-container.history-list .cl-output.txt .cl-text {
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
/************************************************
 * 농업기상재해정보 대응지침
 ************************************************/
.cl-container.weather-disaster {
  /* 재해정보 대응지침 */
  /* 날씨정보 (재해정보 없는 경우) */
}
.cl-container.weather-disaster .cl-container.top-info-box {
  background-color: #F4F4F4;
  border-radius: 12px;
  padding: 24px;
}
.cl-container.weather-disaster .cl-container.top-info-box .cl-output.txt {
  color: #555555;
}
.cl-container.weather-disaster .cl-container.top-info-box .cl-output.txt .cl-text span {
  color: #111111;
  margin-left: 16px;
  font-weight: 700;
}
.cl-container.weather-disaster .cl-accordion .cl-accordion-header {
  font-size: 25px;
  padding-left: 0;
  padding-right: 0;
}
.cl-container.weather-disaster .cl-accordion .cl-accordion-header:focus-visible {
  text-decoration: underline;
}
.cl-container.weather-disaster .cl-accordion .cl-accordion-header.cl-first {
  border-top-width: 0;
}
.cl-container.weather-disaster .cl-accordion .cl-accordion-header .cl-text span {
  font-weight: 400;
}
.cl-container.weather-disaster .cl-accordion .cl-accordion-section:not(.cl-accordion-placeholder) {
  /* 아코디언 컨텐츠 */
}
.cl-container.weather-disaster .cl-accordion .cl-accordion-section:not(.cl-accordion-placeholder) .cl-accordion-content {
  background-color: #F4F4F4;
  padding: 24px;
}
.cl-container.weather-disaster .cl-container.disaster-contents .cl-output.phase-tit {
  color: #FF5200;
  font-size: 19px;
  font-weight: 700;
}
.cl-container.weather-disaster .cl-container.weather-content-box {
  padding: 40px 0;
  border: 1px solid #EEEEEE;
  border-width: 1px 0;
}
.cl-container.weather-disaster .cl-container.weather-content-box.cl-first-row {
  border-width: 1px 0 0 0;
}
.cl-container.weather-disaster .cl-container.weather-content-box .cl-output.date {
  font-size: 19px;
  font-weight: 700;
}
.cl-container.weather-disaster .cl-container.weather-content-box .cl-container.weather-table {
  /* 최고기온,최저기온 */
  /* 강수량 */
  /* 최대풍속 */
}
.cl-container.weather-disaster .cl-container.weather-content-box .cl-container.weather-table .cl-output {
  font-weight: 700;
}
.cl-container.weather-disaster .cl-container.weather-content-box .cl-container.weather-table .cl-output .cl-text span:not(.unit) {
  display: inline-block;
  padding-left: 32px;
  font-weight: 400;
  background-size: 24px;
  min-height: 24px;
  margin-right: 8px;
  min-width: 92px;
}
.cl-container.weather-disaster .cl-container.weather-content-box .cl-container.weather-table .cl-output .cl-text span.unit {
  font-size: 15px;
  font-weight: 400;
  margin-left: 4px;
}
.cl-container.weather-disaster .cl-container.weather-content-box .cl-container.weather-table .cl-output.temp .cl-text span:not(.unit) {
  background: url("images/com/content/ic_temp_on.svg") no-repeat left center;
}
.cl-container.weather-disaster .cl-container.weather-content-box .cl-container.weather-table .cl-output.rainfall .cl-text span:not(.unit) {
  background: url("images/com/content/ic_umbrella_on.svg") no-repeat left center;
}
.cl-container.weather-disaster .cl-container.weather-content-box .cl-container.weather-table .cl-output.wind .cl-text span:not(.unit) {
  background: url("images/com/content/ic_wind_on.svg") no-repeat left center;
}
.cl-container.weather-disaster .cl-container.weather-content-box .cl-container.weather-table .cl-output.snow .cl-text span:not(.unit) {
  background: url("images/com/content/ic_snow_on.svg") no-repeat left center/24px;
}
.cl-container.weather-disaster .cl-container.weather-content-box .cl-container.weather-table .cl-output.sun .cl-text span:not(.unit) {
  background: url("images/com/content/ic_sun_on.svg") no-repeat left center/24px;
}
.cl-container.weather-disaster .cl-container.weather-content-box .cl-container.weather-table .cl-output.sun2 .cl-text span:not(.unit) {
  background: url("images/com/content/ic_sun2_on.svg") no-repeat left center/24px;
}
/************************************************
 * 개인정보 처리방침
 ************************************************/
.cl-container.privacy-policy {
  /* 주요 개인정보 처리 표시 */
  /* 목차 */
}
.cl-container.privacy-policy .cl-container.key-privacy-info-box {
  border: 1px solid #DDDDDD;
  border-radius: 20px;
  padding: 24px 24px 24px 136px;
  background-color: #FFFFFF;
  background-position: left 24px top 24px;
  background-repeat: no-repeat;
}
.cl-container.privacy-policy .cl-container.key-privacy-info-box .cl-output.label {
  margin-bottom: 2px;
  font-weight: 700;
  font-size: 19px;
}
.cl-container.privacy-policy .cl-container.key-privacy-info-box.personal-info {
  background-image: url("images/com/content/img_privacy_info1.png");
}
.cl-container.privacy-policy .cl-container.key-privacy-info-box.unique-id {
  background-image: url("images/com/content/img_privacy_info2.png");
}
.cl-container.privacy-policy .cl-container.key-privacy-info-box.period {
  background-image: url("images/com/content/img_privacy_info3.png");
}
.cl-container.privacy-policy .cl-container.key-privacy-info-box.processing-purpose {
  background-image: url("images/com/content/img_privacy_info4.png");
}
.cl-container.privacy-policy .cl-container.key-privacy-info-box.provision {
  background-image: url("images/com/content/img_privacy_info5.png");
}
.cl-container.privacy-policy .cl-container.key-privacy-info-box.support-team {
  background-image: url("images/com/content/img_privacy_info6.png");
}
.cl-container.privacy-policy .toc-1 {
  background-image: url("images/com/content/img_toc1.png");
}
.cl-container.privacy-policy .toc-2 {
  background-image: url("images/com/content/img_toc2.png");
}
.cl-container.privacy-policy .toc-3 {
  background-image: url("images/com/content/img_toc3.png");
}
.cl-container.privacy-policy .toc-4 {
  background-image: url("images/com/content/img_toc4.png");
}
.cl-container.privacy-policy .toc-5 {
  background-image: url("images/com/content/img_toc5.png");
}
.cl-container.privacy-policy .toc-6 {
  background-image: url("images/com/content/img_toc6.png");
}
.cl-container.privacy-policy .toc-7 {
  background-image: url("images/com/content/img_toc7.png");
}
.cl-container.privacy-policy .toc-8 {
  background-image: url("images/com/content/img_toc8.png");
}
.cl-container.privacy-policy .toc-9 {
  background-image: url("images/com/content/img_toc9.png");
}
.cl-container.privacy-policy .toc-10 {
  background-image: url("images/com/content/img_toc10.png");
}
.cl-container.privacy-policy .toc-11 {
  background-image: url("images/com/content/img_toc11.png");
}
.cl-container.privacy-policy .toc-12 {
  background-image: url("images/com/content/img_toc12.png");
}
.cl-container.privacy-policy .toc-13 {
  background-image: url("images/com/content/img_toc13.png");
}
.cl-container.privacy-policy .toc-14 {
  background-image: url("images/com/content/img_toc14.png");
}
.cl-container.privacy-policy .toc-15 {
  background-image: url("images/com/content/img_toc15.png");
}
.cl-container.privacy-policy .toc-16 {
  background-image: url("images/com/content/img_toc16.png");
}
.cl-container.privacy-policy .toc-17 {
  background-image: url("images/com/content/img_toc17.png");
}
.cl-container.privacy-policy .toc-18 {
  background-image: url("images/com/content/img_toc18.png");
}
.cl-container.privacy-policy .cl-container.toc-box {
  padding: 40px 0;
  border: 1px solid #DDDDDD;
  border-width: 1px 0;
}
.cl-container.privacy-policy .cl-container.toc-box .cl-output {
  font-size: 19px;
  font-weight: 600;
  padding-left: 64px;
  background-repeat: no-repeat;
  background-position: left center;
  min-height: 56px;
}
.cl-container.privacy-policy .cl-container.toc-box .cl-output:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cl-container.privacy-policy .cl-output.toc-tit {
  font-size: 25px;
  font-weight: 700;
  padding-left: 64px;
  background-repeat: no-repeat;
  background-position: left center;
  min-height: 56px;
}
.cl-container.privacy-policy .cl-container.content-box {
  padding-left: 8px;
}
.cl-container.privacy-policy .cl-container.content-box .dep-0 {
  padding-left: 19px;
  text-indent: -19px;
}
.cl-container.privacy-policy .cl-container.content-box .dep-1 {
  padding-left: 16px;
}
.cl-container.privacy-policy .cl-container.content-box .dep-1 span.sub {
  display: block;
  padding-left: 14px;
}
/************************************************
 * 사업 / 인기 검색조건 화면
 ************************************************/
.cl-container.search-filters {
  transform: scale(1);
}
.cl-container.search-filters .cl-container.tab-content-wrapper .cl-container.select-list-box > .cl-layout > .cl-layout-content {
  grid-template-rows: 0px 1fr 12px 12px min-content 204px !important;
}
.cl-container.search-filters .cl-container.tab-content-wrapper .cl-container.select-list-box .cl-container.select-filter-box {
  margin-bottom: -24px;
}
.cl-container.search-filters .cl-container.tab-content-wrapper .cl-container.select-list-box .cl-container.select-filter-box + .cl-container.select-result {
  margin-top: 24px;
}
.cl-container.search-filters .cl-container.tab-content-wrapper .cl-layout-content.fixed-bottom {
  padding-bottom: 150px;
}
.cl-container.search-filters .cl-container.tab-content-wrapper .cl-layout-content.fixed-bottom .cl-output.guide-txt {
  font-size: 15px;
  margin-bottom: 4px;
}
.cl-container.search-filters .cl-container.tab-content-wrapper .cl-layout-content.fixed-bottom .cl-container.tab-content-footer {
  position: fixed !important;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0.8) 100%);
  padding: 20px 40px 40px;
}
/* 버티컬 레이아웃이 모바일 환경에선 flex로 변경 */
.cl-container.vertical-to-flex-btn-box > .cl-layout > .cl-layout-content .cl-button {
  min-height: 34px;
  min-width: 110px;
}
/* 농업경영체 추가 팝업에서 OO보기 버튼 스타일 */
.cl-button.btn-select-view {
  background-color: #FFFFFF;
  background-position: center left 24px;
  background-repeat: no-repeat;
  background-size: 64px;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  color: #111111;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.5 !important;
  padding: 24px 24px 24px 104px;
  text-align: left;
}
.cl-button.btn-select-view .cl-text {
  align-content: center;
  min-height: 64px;
  white-space: normal;
}
.cl-button.btn-select-view .cl-text span.sub-txt {
  color: #555555;
  display: block;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  white-space: normal;
}
.cl-button.btn-select-view.map {
  background-image: url("images/controls/image/ic_view_map.svg");
}
.cl-button.btn-select-view.map:not(.cl-disabled):hover,
.cl-button.btn-select-view.map:focus,
.cl-button.btn-select-view.map.cl-focus,
.cl-button.btn-select-view.map:not(.cl-disabled).cl-activated,
.cl-button.btn-select-view.map:not(.cl-disabled):active {
  background-image: url("images/controls/image/ic_view_map.svg");
}
.cl-button.btn-select-view.list {
  background-image: url("images/controls/image/ic_view_list.svg");
}
.cl-button.btn-select-view.list:not(.cl-disabled):hover,
.cl-button.btn-select-view.list:focus,
.cl-button.btn-select-view.list.cl-focus,
.cl-button.btn-select-view.list:not(.cl-disabled).cl-activated,
.cl-button.btn-select-view.list:not(.cl-disabled):active {
  background-image: url("images/controls/image/ic_view_list.svg");
}
/* 농업경영체 추가 팝업에서 사용되는 인증 영역 스타일 */
.cl-container.certification-box {
  background-color: #F4F4F4;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  padding: 24px;
  cursor: pointer;
  /* 간편 인증 */
  /* 타이틀 바로 뒤에 오는 요소에 간격 적용 */
  /* 휴대전화 인증 */
  /* 금융인증서 */
  /* 공동인증서(구 공인인증서) */
}
.cl-container.certification-box .cl-output.tit {
  background-position: center left;
  background-repeat: no-repeat;
  font-size: 21px;
  font-weight: 700;
  color: #111111;
  padding-left: 48px;
}
.cl-container.certification-box .cl-layout-wrap:has(.cl-output.tit) + .cl-layout-wrap .cl-output {
  padding-top: 16px;
  border-top: 1px solid #DDDDDD;
}
.cl-container.certification-box .cl-output {
  color: #555555;
  font-size: 15px;
}
.cl-container.certification-box.phone .cl-output.tit {
  background-image: url("images/controls/image/ic_login_2.svg");
}
.cl-container.certification-box.finacial .cl-output.tit {
  background-image: url("images/controls/image/ic_login_5.svg");
}
.cl-container.certification-box.public .cl-output.tit {
  background-image: url("images/controls/image/ic_login_6.svg");
}
.cl-container.certification-box:hover {
  background-color: #fffbf9;
  border-color: #FF5200;
}
/************************************************
 * 2단계 마이페이지 화면 (depth-2로 구분)
 ************************************************/
.cl-container.mypage-depth-2 {
  /* 상태 뱃지 */
  /* 지자체 맞춤정책 알림 배너 */
  /* 농업경영체 등록 안내 배너 */
  /* 간편찾기 안내 배너 */
  /* 농업기상재해 */
  /* 보조금 박스 스타일 */
  /* 하단 배너 영역 스타일 (내교육, 사업지원 연계정보, 전자문서지갑) */
}
.cl-container.mypage-depth-2 .cl-output.status {
  padding: 7px 11px;
  font-size: 15px;
  border: 1px solid #FFFFFF;
  border-radius: 999px;
  font-weight: 700;
  color: #FFFFFF;
}
.cl-container.mypage-depth-2 .cl-output.status .cl-text {
  line-height: 1;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1 {
  background-color: #FF5200;
  border-radius: 40px;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-control .cl-text {
  line-height: 1 !important;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-output {
  color: #FFFFFF;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1 .bg-sub {
  background-color: #f04d00;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1.type2 {
  background-color: #2E6143;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1.type2 .bg-sub {
  background-color: #29563C;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1.type2 .cl-container.info-box > .cl-layout > .cl-layout-content:has(.cl-layout-wrap[style*="display: none"]) .cl-layout-wrap.cl-last-row {
  position: absolute !important;
  bottom: 0px;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 {
  background-color: #5400B3;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub {
  background-color: #460096;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box .cl-output.tit {
  font-size: 21px;
  font-weight: 700;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box .cl-output.tit .cl-text {
  line-height: 1;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box .cl-output.step1,
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box .cl-output.step2,
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box .cl-output.step3,
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box .cl-output.step4,
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box .cl-output.step5 {
  background-image: url("images/com/content/ic_status_default.svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-top: 36px;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 400;
  overflow: visible !important;
  text-align: center;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box .cl-output.step2:before,
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box .cl-output.step3:before,
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box .cl-output.step4:before,
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box .cl-output.step5:before {
  content: "";
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 9999px;
  top: 9px;
  right: calc(50% + 14px);
  width: calc(100% - 28px);
  height: 2px;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box.step1 .cl-output.step1 {
  background-image: url("images/com/content/ic_status_current.svg");
  font-weight: 700;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box.step2 .cl-output.step1 {
  background-image: url("images/com/content/ic_status_complete.svg");
}
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box.step2 .cl-output.step2 {
  background-image: url("images/com/content/ic_status_current.svg");
  font-weight: 700;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box.step3 .cl-output.step1,
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box.step3 .cl-output.step2 {
  background-image: url("images/com/content/ic_status_complete.svg");
}
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box.step3 .cl-output.step3 {
  background-image: url("images/com/content/ic_status_current.svg");
  font-weight: 700;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box.step4 .cl-output.step1,
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box.step4 .cl-output.step2,
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box.step4 .cl-output.step3 {
  background-image: url("images/com/content/ic_status_complete.svg");
}
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box.step4 .cl-output.step4 {
  background-image: url("images/com/content/ic_status_current.svg");
  font-weight: 700;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box.step5 .cl-output.step1,
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box.step5 .cl-output.step2,
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box.step5 .cl-output.step3,
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box.step5 .cl-output.step4 {
  background-image: url("images/com/content/ic_status_complete.svg");
}
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box.step5 .cl-output.step5 {
  background-image: url("images/com/content/ic_status_current.svg");
  font-weight: 700;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box.complete .cl-output.step1,
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box.complete .cl-output.step2,
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box.complete .cl-output.step3,
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box.complete .cl-output.step4,
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box.complete .cl-output.step5 {
  background-image: url("images/com/content/ic_status_complete.svg");
}
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .cl-container.info-box > .cl-layout > .cl-layout-content:has(.cl-layout-wrap[style*="display: none"]) .cl-layout-wrap.cl-last-row {
  position: absolute !important;
  bottom: 0px;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .cl-container.info-box:before {
  top: -24px;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-output.name {
  font-size: 50px;
  font-weight: 700;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-output.name .cl-text {
  line-height: 1;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-button.btn-qr {
  border: none;
  border-radius: 0;
  background: url("images/com/content/ic_btn_qr.png") no-repeat center;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.info-box:before {
  content: "";
  position: absolute;
  top: -32px;
  right: 0px;
  left: 0px;
  background-color: rgba(255, 255, 255, 0.1);
  height: 1px;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.info-box .cl-output {
  font-size: 19px;
  font-weight: 700;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.info-box .cl-output.align-top .cl-text {
  line-height: 1.5 !important;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.info-box .cl-output.address {
  vertical-align: top;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.info-box .cl-output.address .cl-text {
  line-height: 1.5 !important;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.info-box .cl-button.btn-member-info {
  color: #FFFFFF;
  font-size: 17px;
  font-weight: 400;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.info-box .cl-button.btn-member-info .cl-text {
  line-height: 1;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.info-box .cl-button.btn-member-info.cl-icon-align-right .cl-icon {
  margin: 0 0 0 4px;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.info-box .cl-button.btn-member-info .cl-icon {
  background-image: url("images/com/content/ic_btn_next_w.svg") !important;
  background-size: auto;
  width: 12px;
  height: 18px;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.summary-box {
  /* 카드에 포커스 스타일 (기획요청) */
  /* 이동 버튼 */
}
.cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.summary-box:has(:focus-visible) {
  outline: 2px dotted #111111;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.summary-box:has(:focus-visible) .cl-button.btn-transparent.btn-go:focus {
  outline: none;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.summary-box .cl-output.tit {
  font-size: 21px;
  font-weight: 700;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.summary-box .cl-output.tit .cl-text {
  line-height: 1;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.summary-box .cl-button.btn-go {
  background-image: url("images/com/content/ic_btn_next_w.svg");
  background-size: 16px;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.info-box2 .cl-output.label {
  font-size: 17px;
  text-align: center;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.info-box2 .cl-output.data {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.info-box2 .cl-output.separator {
  background-color: rgba(255, 255, 255, 0.1);
}
.cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.sub-info-box {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: -8px;
  padding-top: 20px;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.sub-info-box .cl-output {
  font-size: 15px;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.sub-info-box .cl-button.btn-go2 {
  color: #FFFFFF;
  font-size: 17px;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.sub-info-box .cl-button.btn-go2 .cl-text {
  line-height: 1;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.sub-info-box .cl-button.btn-go2.cl-icon-align-right .cl-icon {
  margin: 0 0 0 1px;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.sub-info-box .cl-button.btn-go2 .cl-icon {
  background-image: url("images/com/content/ic_btn_next_w.svg") !important;
  background-size: 16px;
  width: 16px;
  height: 16px;
}
.cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-output.no-msg {
  font-size: 25px;
  font-weight: 500;
  background: url("images/controls/image/img_nodata.png") no-repeat center;
  padding-top: 76px;
  background-position-y: calc(50% - 18px);
  text-align: center;
}
.cl-container.mypage-depth-2 .cl-container.top-banner2 {
  border-radius: 40px;
  padding: 64px 48px 40px 48px;
  background: url("images/com/content/img_topbanner.svg") no-repeat right 38px bottom 40px;
  background-color: #233A6C;
}
.cl-container.mypage-depth-2 .cl-container.top-banner2 .cl-output {
  color: #FFFFFF;
}
.cl-container.mypage-depth-2 .cl-container.top-banner2 .cl-output.tit {
  font-size: 32px;
  font-weight: 700;
}
.cl-container.mypage-depth-2 .cl-container.top-banner2 .cl-output.tit .cl-text {
  line-height: 1.3;
}
.cl-container.mypage-depth-2 .cl-container.top-banner2 .cl-output.text {
  font-size: 21px;
}
.cl-container.mypage-depth-2 .cl-container.top-banner2 .cl-output.text .cl-text {
  line-height: 1.5;
}
.cl-container.mypage-depth-2 .cl-container.top-banner3 {
  border-radius: 40px;
  padding: 48px;
  background: url("images/com/content/img_topbanner2.svg") no-repeat bottom right;
  background-color: #E63949;
  min-height: 400px;
}
.cl-container.mypage-depth-2 .cl-container.top-banner3 .cl-output {
  color: #FFFFFF;
}
.cl-container.mypage-depth-2 .cl-container.top-banner3 .cl-output.tit {
  font-size: 40px;
  font-weight: 700;
}
.cl-container.mypage-depth-2 .cl-container.top-banner3 .cl-output.tit .cl-text {
  line-height: 1.3;
}
.cl-container.mypage-depth-2 .cl-container.top-banner3 .cl-output.text {
  font-size: 21px;
}
.cl-container.mypage-depth-2 .cl-container.top-banner3 .cl-output.text .cl-text {
  line-height: 1.5;
}
.cl-container.mypage-depth-2 .cl-container.top-banner4 {
  border-radius: 40px;
  padding: 48px;
  background: url("images/com/content/img_topbanner3.svg") no-repeat bottom right;
  background-color: #323232;
  min-height: 400px;
}
.cl-container.mypage-depth-2 .cl-container.top-banner4 .cl-output {
  color: #FFFFFF;
}
.cl-container.mypage-depth-2 .cl-container.top-banner4 .cl-output.tit {
  font-size: 40px;
  font-weight: 700;
}
.cl-container.mypage-depth-2 .cl-container.top-banner4 .cl-output.tit .cl-text {
  line-height: 1.3;
}
.cl-container.mypage-depth-2 .cl-container.top-banner4 .cl-output.text {
  font-size: 21px;
}
.cl-container.mypage-depth-2 .cl-container.top-banner4 .cl-output.text .cl-text {
  line-height: 1.5;
}
.cl-container.mypage-depth-2 .cl-container.weather-disaster-box {
  border: 1px solid #DDDDDD;
  border-radius: 40px;
  padding: 32px 32px 32px 48px;
  /* 재해정보 메인 보드 */
  /* 재해정보 상세정보 영역 */
}
.cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-board {
  min-width: 360px;
}
.cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-board .cl-output .cl-text span.highlight {
  color: #EB003B;
}
.cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-board .cl-button.btn-set {
  min-width: 58px;
  height: 32px;
  padding: 0;
}
.cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-detail {
  background-color: #F4F4F4;
  border-radius: 20px;
  padding: 24px 40px;
  /* 재해정보 테이블 */
  /* 날씨정보 테이블 */
}
.cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.board-table {
  /* 안전, 주의, 경보 뱃지 */
}
.cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.board-table .cl-output.label {
  font-weight: 700;
}
.cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.board-table .cl-output.txt {
  color: #555555;
  font-size: 15px;
}
.cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.board-table > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-last-row) .cl-output.txt {
  margin-bottom: 8px;
}
.cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.board-table .warning {
  color: #EB003B;
}
.cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.board-table .cl-container.status-box .cl-output {
  font-size: 13px;
  background-color: #888888;
  min-height: 20px;
  padding: 0px 8.5px;
  color: #FFFFFF;
  border-radius: 999px;
}
.cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.board-table .cl-container.status-box .cl-output.safe.on {
  background-color: #008a1e;
}
.cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.board-table .cl-container.status-box .cl-output.warning.on {
  background-color: #ffb724;
  color: #111111;
}
.cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.board-table .cl-container.status-box .cl-output.emergency.on {
  background-color: #EB003B;
}
.cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.board-table .cl-container.status-box.safe .cl-output.safe {
  background-color: #008a1e;
}
.cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.board-table .cl-container.status-box.warning .cl-output.warning {
  background-color: #ffb724;
  color: #111111;
}
.cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.board-table .cl-container.status-box.emergency .cl-output.emergency {
  background-color: #EB003B;
}
.cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.weather-table {
  padding-right: 36px;
  /* 최고기온,최저기온 */
  /* 강수량 */
  /* 최대풍속 */
}
.cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.weather-table .cl-output {
  font-weight: 700;
  min-height: 24px;
}
.cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.weather-table .cl-output .cl-text span:not(.unit) {
  display: inline-block;
  padding-left: 32px;
  font-weight: 400;
  background-size: 24px;
  min-height: 24px;
  margin-right: 8px;
  min-width: 92px;
}
.cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.weather-table .cl-output .cl-text span.unit {
  font-size: 15px;
  font-weight: 400;
  margin-left: 4px;
}
.cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.weather-table .cl-output.temp .cl-text span:not(.unit) {
  background: url("images/com/content/ic_temp.svg") no-repeat left center/24px;
}
.cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.weather-table .cl-output.rainfall .cl-text span:not(.unit) {
  background: url("images/com/content/ic_umbrella.svg") no-repeat left center/24px;
}
.cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.weather-table .cl-output.wind .cl-text span:not(.unit) {
  background: url("images/com/content/ic_wind.svg") no-repeat left center/24px;
}
.cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.weather-table .cl-output.snow .cl-text span:not(.unit) {
  background: url("images/com/content/ic_snow.svg") no-repeat left center/24px;
}
.cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.weather-table .cl-output.sun .cl-text span:not(.unit) {
  background: url("images/com/content/ic_sun.svg") no-repeat left center/24px;
}
.cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.weather-table .cl-output.sun2 .cl-text span:not(.unit) {
  background: url("images/com/content/ic_sun2.svg") no-repeat left center/24px;
}
.cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-detail .cl-button.btn-i-right:not(.md) {
  font-size: 17px;
}
.cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-detail .cl-button.btn-i-right:not(.md) .cl-icon {
  background-size: 21px;
  width: 12px;
  height: 18px;
}
.cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-detail .cl-button.btn-i-right:not(.md).cl-icon-align-right .cl-icon {
  margin: 0 0 0 4px;
}
.cl-container.mypage-depth-2 .cl-container.subsidy-box {
  background-color: #FFFFFF;
  border-radius: 24px;
  margin-top: 16px;
}
.cl-container.mypage-depth-2 .cl-container.subsidy-box .cl-output.tit {
  padding-left: 42px;
  background: url("images/controls/image/ic_won2.svg") no-repeat left center;
}
.cl-container.mypage-depth-2 .cl-container.subsidy-box .cl-output.num-data {
  text-align: left;
}
.cl-container.mypage-depth-2 .fs-40-25 {
  font-size: 40px !important;
}
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container {
  /* 내 교육 */
}
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content1,
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content2,
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content3 {
  border-radius: 40px;
  padding: 64px;
}
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content1 .cl-output.guide-txt,
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content2 .cl-output.guide-txt,
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content3 .cl-output.guide-txt {
  font-size: 21px;
}
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content1 .cl-container.menu-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-last-row),
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content2 .cl-container.menu-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-last-row),
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content3 .cl-container.menu-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-last-row) {
  padding-bottom: 24px;
}
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content1 .cl-container.menu-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-last-row):before,
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content2 .cl-container.menu-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-last-row):before,
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content3 .cl-container.menu-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-last-row):before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.1);
}
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content1 .cl-container.menu-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-first-row),
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content2 .cl-container.menu-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-first-row),
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content3 .cl-container.menu-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-first-row) {
  padding-top: 24px;
}
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content1 .cl-container.menu-box .cl-button,
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content2 .cl-container.menu-box .cl-button,
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content3 .cl-container.menu-box .cl-button {
  min-height: 28px;
  padding-left: 48px;
  font-size: 21px;
  font-weight: 700;
  background-color: transparent;
  border: none;
  border-color: rgba(255, 255, 255, 0.2);
  background-position: left center;
  background-size: 32px;
  text-align: left;
  border-radius: 0;
}
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content1 .cl-container.menu-box .cl-button.book,
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content2 .cl-container.menu-box .cl-button.book,
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content3 .cl-container.menu-box .cl-button.book {
  background-image: url("images/com/content/ic_btn_menu_book.svg");
}
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content1 .cl-container.menu-box .cl-button.bookmark,
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content2 .cl-container.menu-box .cl-button.bookmark,
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content3 .cl-container.menu-box .cl-button.bookmark {
  background-image: url("images/com/content/ic_btn_menu_bookmark.svg");
}
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content1 .cl-container.menu-box .cl-button.doller,
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content2 .cl-container.menu-box .cl-button.doller,
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content3 .cl-container.menu-box .cl-button.doller {
  background-image: url("images/com/content/ic_btn_menu_doller.svg");
}
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content1 .cl-container.menu-box .cl-button.oil,
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content2 .cl-container.menu-box .cl-button.oil,
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content3 .cl-container.menu-box .cl-button.oil {
  background-image: url("images/com/content/ic_btn_menu_oil.svg");
}
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content1 .cl-container.menu-box .cl-button.text,
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content2 .cl-container.menu-box .cl-button.text,
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content3 .cl-container.menu-box .cl-button.text {
  background-image: url("images/com/content/ic_btn_menu_text.svg");
}
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content1 {
  background-color: #233A6C;
}
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content1 .cl-control {
  color: #FFFFFF;
}
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content2 {
  background-color: #FFBD69;
}
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content2 .cl-output.tit {
  color: #512D00;
}
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content2 .cl-container.menu-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-last-row):before {
  background-color: rgba(0, 0, 0, 0.1);
}
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content2 .cl-container.menu-box .cl-button {
  color: #512D00;
  border-color: rgba(17, 17, 17, 0.1);
}
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content3 {
  background-color: #ECF5FF;
  padding: 56px;
  /* 확인서 버튼 */
}
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content3 .banner-tit {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  background: url("images/com/content/img_banner_logo.svg") no-repeat center top;
  padding-top: 114px;
}
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content3 .banner-tit .cl-text {
  line-height: 1.3;
}
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content3 .cl-output.guide-txt {
  margin-top: -24px;
}
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content3 .btn-confirm {
  min-height: 60px;
  font-size: 21px;
  font-weight: 400;
  color: #003763;
  background-color: transparent;
  border-color: #003763;
  padding: 0 90px;
}
.cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content3 .btn-confirm:focus-visible {
  text-decoration: underline;
}
/************************************************
 * 부정수급 화면
 ************************************************/
.cl-container.illegal-content1 {
  background: url("images/com/content/step2/img_law.png") no-repeat right bottom;
}
.cl-container.illegal-content2 {
  background: url("images/com/content/step2/img_law2.png") no-repeat right bottom;
}
.cl-container.illegal-content-card {
  border: 1px solid #DDDDDD;
  border-radius: 40px;
  padding: 136px 64px 64px;
  background-position: left 64px top 64px;
  background-repeat: no-repeat;
  /* 이의 신청 화면에서 사용 */
}
.cl-container.illegal-content-card.alram1 {
  background-image: url("images/com/content/step2/img_illegal_alram.png");
}
.cl-container.illegal-content-card.alram2 {
  background-image: url("images/com/content/step2/img_illegal_alram2.png");
}
.cl-container.illegal-content-card.type1 {
  background-image: url("images/com/content/step2/img_illegal_insurance.png");
}
.cl-container.illegal-content-card.type2 {
  background-image: url("images/com/content/step2/img_illegal_judge.png");
}
.cl-container.illegal-content-card.type3 {
  background-image: url("images/com/content/step2/img_illegal_no.png");
}
.cl-container.illegal-content-card.type4 {
  background-image: url("images/com/content/step2/img_dismissal.png");
}
/* 주요사례 카드 */
.cl-container.illegal-content-card2 {
  background-color: #F4F4F4;
  border-radius: 40px;
  padding: 48px 48px 24px 48px;
  min-height: 280px;
}
.cl-container.illegal-content-card2 .cl-output.title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 8px;
}
.cl-container.illegal-content-card2 .cl-output.title .cl-text {
  line-height: 1.3;
}
.cl-container.illegal-content-card2 .cl-output.txt .cl-text {
  word-break: keep-all;
}
/* 농업인 교육 */
.cl-container.support-guide-box3 {
  border: 1px solid #DDDDDD;
  border-radius: 40px;
  padding: 48px 20px 48px 188px;
  background-position: left 48px top 48px;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  /* 농업인 교육 */
}
.cl-container.support-guide-box3 .cl-output.heading-tit {
  font-weight: 700;
  font-size: 32px;
}
.cl-container.support-guide-box3 .cl-output.heading-tit .cl-text {
  line-height: 1.3;
}
.cl-container.support-guide-box3.offline {
  background-image: url("images/com/content/step2/img_support_agriedu1.png");
}
.cl-container.support-guide-box3.online {
  background-image: url("images/com/content/step2/img_support_agriedu2.png");
}
.cl-container.support-guide-box3.record {
  background-image: url("images/com/content/step2/img_support_agriedu3.png");
}
.cl-container.support-guide-box3.recommand {
  background-image: url("images/com/content/step2/img_support_agriedu4.png");
}
/* 이의 신청 처리절차 박스 */
.cl-container.appeal-step-process .cl-output.step-img {
  width: 120px !important;
  height: 120px !important;
}
.cl-container.appeal-step-process .cl-output.step-img .cl-text {
  background: url("images/com/content/step2/img_appeal_step1.png") no-repeat center;
}
.cl-container.appeal-step-process .cl-container.step1 .step-img .cl-text {
  background-image: url("images/com/content/step2/img_appeal_step1.png");
}
.cl-container.appeal-step-process .cl-container.step2 .step-img .cl-text {
  background-image: url("images/com/content/step2/img_appeal_step2.png");
}
.cl-container.appeal-step-process .cl-container.step3 .step-img .cl-text {
  background-image: url("images/com/content/step2/img_appeal_step3.png");
}
.cl-container.appeal-step-process .cl-container.step4 .step-img .cl-text {
  background-image: url("images/com/content/step2/img_appeal_step4.png");
}
.cl-container.appeal-step-process .cl-container.step-box.cl-last-row .cl-container.step-content-wrap {
  margin-bottom: 0;
}
.cl-container.appeal-step-process .cl-output.bar {
  background-color: #EEEEEE;
}
.cl-container.appeal-step-process .cl-container.step-content-wrap {
  margin-bottom: 64px;
}
.cl-container.appeal-step-process .cl-container.step-content {
  padding-left: 40px;
  min-height: 120px;
}
.cl-container.appeal-step-process .cl-container.step-content > .cl-layout > .cl-layout-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cl-container.appeal-step-process .cl-container.step-content .cl-output.step-label {
  font-weight: 700;
  color: #FF5200;
  font-size: 15px;
}
.cl-container.appeal-step-process .cl-container.step-content .cl-output.step-description {
  margin-top: 8px;
  font-size: 25px;
  font-weight: 700;
  color: #111111;
}
.cl-container.appeal-step-process .cl-container.step-content .cl-output.step-description .cl-text {
  line-height: 1.3;
}
.cl-container.appeal-step-process .cl-container.step-content .cl-output.step-description .cl-text span {
  font-weight: 400;
}
.cl-container.card-btn-move-right {
  background-color: #FFFFFF;
  border-radius: 40px;
  border: 1px solid transparent;
}
.cl-container.card-btn-move-right .cl-button.btn-move-right {
  color: #111111;
}
.cl-container.card-btn-move-right.cl-disabled {
  background-color: transparent;
  border: 1px dashed #DDDDDD;
}
.cl-container.card-btn-move-right.cl-disabled .cl-output,
.cl-container.card-btn-move-right.cl-disabled .cl-button {
  color: #BBBBBB !important;
}
.cl-container.card-btn-move-right.cl-disabled .cl-button.btn-move-right .cl-text {
  background-image: none !important;
}
.cl-container.card-btn-move-right:hover {
  border-color: #FF5200;
  cursor: pointer;
}
/************************************************
 * 간편비밀번호 설정
 ************************************************/
.cl-container.top-guide-box {
  border-radius: 20px;
  background-color: #F4F4F4;
  padding: 40px;
}
.cl-output.has-password {
  background: url("images/com/content/step2/img_simplepw.png") no-repeat top center;
  padding-top: 240px;
  text-align: center;
  font-weight: 700;
  font-size: 50px;
}
.cl-output.has-password .cl-text {
  line-height: 1.3;
}
/************************************************
 * 농식품사업 콘텐츠
 ************************************************/
span.clatter {
  background: url("images/com/content/step2/img_clatter.png") no-repeat center;
  display: inline-block;
  width: 88px;
  height: 64px;
  margin-left: 12px;
  vertical-align: middle;
}
/* 퍁턴 있는 스타일 */
.cl-container.bg-gray-pattern:before {
  content: "";
  position: absolute;
  background: url("images/controls/image/img_integrated1.png") no-repeat center bottom;
  width: 580px;
  height: 230px;
  bottom: 0;
  left: 3%;
}
.cl-container.bg-gray-pattern:after {
  content: "";
  position: absolute;
  background: url("images/controls/image/img_integrated2.png") no-repeat center top;
  width: 580px;
  height: 230px;
  top: 0px;
  right: 3%;
}
/* 콘텐츠별로  */
.cl-container.biz-content-card {
  border-radius: 40px;
  padding: 164px 40px 40px;
  background-position: left 40px top 48px;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  cursor: pointer;
}
.cl-container.biz-content-card:hover {
  background-color: #FF5200;
}
.cl-container.biz-content-card:hover .cl-control {
  color: #FFFFFF !important;
}
.cl-container.biz-content-card:hover:before {
  content: "";
  position: absolute;
  width: 274px;
  height: 127px;
  background-size: 274px 119px;
  background: url("images/com/dashbod/img_service_btn.svg") no-repeat center;
  right: -27px;
  bottom: 42px;
}
.cl-container.biz-content-card .cl-button.title {
  padding: 0;
  border: none;
  border-radius: 0;
  color: #111111;
  background-color: transparent !important;
  font-size: 32px;
  font-weight: 700;
  text-align: left;
}
.cl-container.biz-content-card .cl-button.title .cl-text {
  line-height: 1.3 !important;
}
.cl-container.biz-content-card .cl-button.title:hover {
  color: #FFFFFF;
}
.cl-container.biz-content-card.type1 {
  background-image: url("images/com/content/step2/img_contents_type1.png");
}
.cl-container.biz-content-card.type2 {
  background-image: url("images/com/content/step2/img_contents_type2.png");
}
.cl-container.biz-content-card.type3 {
  background-image: url("images/com/content/step2/img_contents_type3.png");
}
.cl-container.biz-content-card.type4 {
  background-image: url("images/com/content/step2/img_contents_type4.png");
}
/* 어디론가 이동하는 버튼 (아이콘 사용) */
.cl-button.btn-i-for-go-secondary {
  padding: 48px;
  font-size: 32px;
  font-weight: 700;
  background-color: #FFFFFF !important;
  border-radius: 40px;
  text-align: left;
  border: 1px solid #DDDDDD !important;
  color: #111111 !important;
  /* 2단계 */
  /* 농식품사업 콘텐츠 사업별로 보기 */
}
.cl-button.btn-i-for-go-secondary:hover {
  border-color: #FF5200 !important;
}
.cl-button.btn-i-for-go-secondary .cl-icon {
  width: 108px;
  height: 108px;
  background-size: 108px;
}
.cl-button.btn-i-for-go-secondary.cl-icon-align-left .cl-icon {
  margin: 0 40px 0 0;
}
.cl-button.btn-i-for-go-secondary .cl-text span.sub {
  margin-top: 12px;
  color: #555555;
  font-size: 19px;
  font-weight: 400;
  display: block;
}
.cl-button.btn-i-for-go-secondary.biz1 .cl-icon {
  background-image: url("images/com/content/step2/ic_btn_go_biz1.png") !important;
}
.cl-button.btn-i-for-go-secondary.biz2 .cl-icon {
  background-image: url("images/com/content/step2/ic_btn_go_biz2.png") !important;
}
.cl-button.btn-i-for-go-secondary.biz3 .cl-icon {
  background-image: url("images/com/content/step2/ic_btn_go_biz3.png") !important;
}
.cl-container.biz-contents-result {
  /* 실시간 경락가 */
  /* 주산기 기상정보 */
  /* 병해충 정보 */
}
.cl-container.biz-contents-result .cl-button.btn-research {
  height: 42px !important;
}
.cl-container.biz-contents-result .cl-container.auction-price .cl-container.sub-info-box .cl-output {
  color: #555555;
  font-size: 19px;
  text-align: right;
}
.cl-container.biz-contents-result .cl-container.weather .cl-container.weather-box {
  padding: 40px 24px 40px 40px;
  border: 1px solid #DDDDDD;
  border-radius: 40px;
  background-color: #FFFFFF;
  cursor: pointer;
  /* 온도 */
}
.cl-container.biz-contents-result .cl-container.weather .cl-container.weather-box:hover {
  border-color: #FF5200;
}
.cl-container.biz-contents-result .cl-container.weather .cl-container.weather-box .cl-button.btn-right {
  width: 24px !important;
}
.cl-container.biz-contents-result .cl-container.weather .cl-container.weather-box .cl-container.sub-info-box .cl-output {
  font-size: 19px;
}
.cl-container.biz-contents-result .cl-container.weather .cl-container.weather-box .cl-output.temp {
  padding-left: 60px;
  font-size: 40px;
  font-weight: 700;
  background: url("images/com/content/step2/ic_thermometer.svg") no-repeat left center;
}
.cl-container.biz-contents-result .cl-container.weather .cl-container.weather-box .cl-output.temp .cl-text {
  line-height: 1.3;
}
.cl-container.biz-contents-result .cl-container.pest-info .cl-container.pest-info-card .cl-image {
  border-radius: 40px;
  height: 336px !important;
}
.cl-container.biz-contents-result .cl-container.pest-info .cl-container.pest-info-card .cl-image:hover img {
  transform: scale(1.05);
  transition: all ease 0.35s;
}
.cl-container.biz-contents-result .cl-container.pest-info .cl-container.pest-info-card .cl-output.label {
  font-size: 21px;
  min-height: 80px;
  text-align: center;
}
/************************************************
 * 주산기 기상 정보 상세
 ************************************************/
.cl-container.weather-detail {
  /* 상단 온도 정보 박스 */
  /* 하단 습도 정보 박스 */
  /* 재해특보 */
}
.cl-container.weather-detail .cl-container.separator .cl-output {
  font-size: 21px;
}
.cl-container.weather-detail .cl-container.temp-top-box {
  padding: 80px 40px 80px 252px;
  background: url("images/com/content/step2/img_temp.png") no-repeat left center;
  background-position-x: 80px;
  /* 현재 온도 텍스트 스타일 */
  /* 최고, 최저 정보 */
}
.cl-container.weather-detail .cl-container.temp-top-box .cl-output.current-temp-txt {
  font-size: 50px;
  font-weight: 700;
}
.cl-container.weather-detail .cl-container.temp-top-box .cl-output.current-temp-txt .cl-text {
  line-height: 1.3;
}
.cl-container.weather-detail .cl-container.temp-top-box .cl-container.more-info-box {
  margin-left: 40px;
}
.cl-container.weather-detail .cl-container.temp-top-box .cl-container.more-info-box .cl-output.txt {
  font-size: 21px;
  font-weight: 700;
}
.cl-container.weather-detail .cl-container.temp-top-box .cl-container.more-info-box .cl-output.txt .cl-text {
  word-break: keep-all;
}
.cl-container.weather-detail .cl-container.temp-top-box .cl-container.more-info-box .cl-output.txt .cl-text span {
  font-weight: 400;
  color: #555555;
  padding-right: 22px;
  background-position: right 4px center;
  background-repeat: no-repeat;
  font-size: 19px;
}
.cl-container.weather-detail .cl-container.temp-top-box .cl-container.more-info-box .cl-output.txt .cl-text span.high {
  background-image: url("images/com/content/step2/ic_up.svg");
}
.cl-container.weather-detail .cl-container.temp-top-box .cl-container.more-info-box .cl-output.txt .cl-text span.low {
  background-image: url("images/com/content/step2/ic_down.svg");
}
.cl-container.weather-detail .cl-container.humidity-bottom-box {
  background-color: #F4F4F4;
  padding: 40px;
}
.cl-container.weather-detail .cl-container.humidity-bottom-box .cl-container.form-base.type3 .cl-output {
  margin: 0;
}
.cl-container.weather-detail .cl-container.summary-list {
  /* 강수량 */
  /* 풍속 */
  /* 일조시간 */
}
.cl-container.weather-detail .cl-container.summary-list .cl-output.precipitation {
  padding-left: 52px;
  background: url("images/com/content/step2/ic_precipitation.png") no-repeat left center;
}
.cl-container.weather-detail .cl-container.summary-list .cl-output.windspeed {
  padding-left: 52px;
  background: url("images/com/content/step2/ic_windspeed.png") no-repeat left center;
}
.cl-container.weather-detail .cl-container.summary-list .cl-output.sunshine {
  padding-left: 52px;
  background: url("images/com/content/step2/ic_sunshine.png") no-repeat left center;
}
.cl-container.weather-detail .cl-output.disaster-alert {
  padding: 0px 12px 0 202px;
  font-size: 25px;
  font-weight: 700;
  border: 1px solid #FF5200;
  background-color: #FFEDE2;
  color: #FF5200;
  border-radius: 999px;
}
.cl-container.weather-detail .cl-output.disaster-alert:before {
  content: "재해특보";
  position: absolute;
  font-size: 19px;
  color: #111111;
  font-weight: 700;
  padding-right: 32px;
  left: 40px;
  top: 50%;
  transform: translate(0, -50%);
  line-height: 1.5;
  background: url("images/com/content/step2/ic_emergency.png") no-repeat right center;
}
/* 주소검색 */
.cl-container.address-search {
  /* 기상재해 작목검색 */
  /* 직불외 - 공급 조합 검색 */
}
.cl-container.address-search.crops-search .cl-output.total-txt {
  border-bottom: 0;
  padding-bottom: 40px;
}
.cl-container.address-search.crops-search .cl-container.crops-result-box .cl-grid {
  border-width: 0;
}
.cl-container.address-search.crops-search .cl-container.crops-result-box .cl-grid .cl-grid-header {
  background-color: transparent;
  border-bottom: 1px solid #DDDDDD;
}
.cl-container.address-search.crops-search .cl-container.crops-result-box .cl-grid .cl-grid-header .cl-grid-cell .cl-control {
  padding-bottom: 12px;
}
.cl-container.address-search.crops-search .cl-container.crops-result-box .cl-grid .cl-grid-detail {
  color: #555555;
}
.cl-container.address-search.crops-search .cl-container.crops-result-box .cl-grid .cl-grid-detail .cl-grid-row:hover {
  background-color: #fff8f4;
  color: #FF5200;
}
.cl-container.address-search.crops-search .cl-container.crops-result-box .cl-grid .cl-grid-detail .cl-grid-row.cl-selected {
  background-color: #fff8f4;
  color: #FF5200;
  font-weight: 700;
}
.cl-container.address-search.crops-search .cl-container.crops-result-box .cl-grid .cl-grid-cell {
  border-right-width: 0;
  border-bottom-width: 0;
}
.cl-container.address-search.supply-union {
  /* 추천 텍스트 */
  /* 검색결과 텍스트 */
}
.cl-container.address-search.supply-union .cl-output.recommend-txt {
  font-size: 17px;
  font-weight: 400;
  padding-bottom: 20px;
  padding-left: 20px;
  border-bottom: 1px solid #DDDDDD;
}
.cl-container.address-search.supply-union .cl-output.total-txt {
  font-size: 17px;
  font-weight: 700;
  padding-bottom: 20px;
  border-bottom: 1px solid #DDDDDD;
}
.cl-container.address-search.supply-union .cl-output.total-txt .cl-text span {
  font-weight: 400;
}
.cl-container.address-search.supply-union .cl-radiobutton.union-list {
  font-size: 19px;
}
.cl-container.address-search.supply-union .cl-radiobutton.union-list .cl-radiobutton-item {
  font-weight: 600;
  padding: 20px;
}
.cl-container.address-search.supply-union .cl-radiobutton.union-list .cl-radiobutton-item .cl-icon-wrapper {
  width: 0;
}
.cl-container.address-search.supply-union .cl-radiobutton.union-list .cl-radiobutton-item .cl-icon-wrapper .cl-radiobutton-icon {
  width: 0;
  height: 0;
  background: none;
  margin: 0;
}
.cl-container.address-search.supply-union .cl-radiobutton.union-list .cl-radiobutton-item .cl-text {
  padding: 0;
}
.cl-container.address-search.supply-union .cl-radiobutton.union-list .cl-radiobutton-item .cl-text span.detail-address {
  display: block;
  font-size: 15px;
  font-weight: 400;
}
.cl-container.address-search.supply-union .cl-radiobutton.union-list .cl-radiobutton-item.cl-selected {
  background-color: #FFF8F4;
}
.cl-container.address-search.supply-union .cl-radiobutton.union-list.cl-focus .cl-radiobutton-item .cl-text:focus {
  outline: none;
}
.cl-container.address-search.supply-union .cl-checkboxgroup.union-list {
  font-size: 19px;
}
.cl-container.address-search.supply-union .cl-checkboxgroup.union-list .cl-checkbox {
  font-weight: 600;
  padding: 20px;
}
.cl-container.address-search.supply-union .cl-checkboxgroup.union-list .cl-checkbox .cl-icon-wrapper {
  width: 0;
}
.cl-container.address-search.supply-union .cl-checkboxgroup.union-list .cl-checkbox .cl-icon-wrapper .cl-checkbox-icon {
  width: 0;
  height: 0;
  background: none;
  margin: 0;
}
.cl-container.address-search.supply-union .cl-checkboxgroup.union-list .cl-checkbox .cl-text {
  padding: 0;
}
.cl-container.address-search.supply-union .cl-checkboxgroup.union-list .cl-checkbox .cl-text span.detail-address {
  display: block;
  font-size: 15px;
  font-weight: 400;
}
.cl-container.address-search.supply-union .cl-checkboxgroup.union-list .cl-checkbox.cl-checked {
  background-color: #FFF8F4;
}
.cl-container.address-search.supply-union .cl-checkboxgroup.union-list.cl-focus .cl-checkbox .cl-text:focus {
  outline: none;
}
/************************************************
 * 병해충 정보 상세
 ************************************************/
.cl-container.pest-detail {
  /* 병해충 정보 폼 (form-base type3 활용) */
  /* 사진정보 */
}
.cl-container.pest-detail .cl-image.img-profile {
  width: 696px !important;
  height: 320px !important;
  border-radius: 40px;
}
.cl-container.pest-detail .cl-container.pest-info-form {
  padding-bottom: 0;
  border-bottom: 0;
  padding: 1fr 0;
}
.cl-container.pest-detail .cl-container.pic-list-box .cl-container.pic-wrap {
  border-radius: 20px;
  height: 338px !important;
}
.cl-container.pest-detail .cl-container.pic-list-box .cl-button.btn-expand {
  padding: 0;
  min-width: 0;
  background-color: #111111;
  border-radius: 999px;
  border: none;
  background-image: url("images/controls/button/ic_btn_more_24_w.svg");
}
.cl-container.detail-box {
  background-color: #FFFFFF;
  border-radius: 40px;
  padding: 80px;
}
.cl-container.detail-box .cl-output.detail-tit1,
.cl-container.detail-box .cl-output.detail-tit2 {
  font-size: 32px;
  font-weight: 700;
  padding-left: 48px;
  color: #111111;
}
.cl-container.detail-box .cl-output.detail-tit1 .cl-text,
.cl-container.detail-box .cl-output.detail-tit2 .cl-text {
  line-height: 1.3;
}
.cl-container.detail-box .cl-output.detail-tit1 {
  background: url("images/com/content/step2/ic_pest_tit1.png") no-repeat left center/32px;
}
.cl-container.detail-box .cl-output.detail-tit2 {
  background: url("images/com/content/step2/ic_pest_tit2.png") no-repeat left center/32px;
}
.cl-container.detail-box .cl-output {
  font-size: 19px;
  color: #555555;
}
.cl-container.detail-box .cl-output.sub-tit {
  font-size: 21px;
  font-weight: 700;
  color: #111111;
}
.cl-container.detail-box .cl-container.content-box {
  padding-bottom: 64px;
  border-bottom: 1px solid #DDDDDD;
}
.cl-container.detail-box .cl-container.content-box.cl-last-row {
  padding-bottom: 0;
  border-bottom: none;
}
/************************************************
 * 재해정보 설정
 ************************************************/
.cl-container.disaster-info-set.cl-container.pop-content-wrapper .pop-content-body {
  padding: 40px;
}
.cl-container.disaster-info-set .cl-button {
  padding: 24px 24px 24px 104px;
  font-weight: 700;
  background-size: 64px;
  background-position: left 24px center;
  font-size: 21px;
  color: #111111;
  text-align: left;
  min-height: 112px;
  border-radius: 12px;
}
.cl-container.disaster-info-set .cl-button .cl-text {
  line-height: 1.5 !important;
}
.cl-container.disaster-info-set .cl-button .cl-text span {
  font-size: 15px;
  color: #555555;
  display: block;
  font-weight: 400;
  word-wrap: break-word;
  word-break: keep-all;
  white-space: normal;
}
.cl-container.disaster-info-set .cl-button.type1 {
  background-image: url("images/com/content/step2/ic_btn_disas_farm.png");
}
.cl-container.disaster-info-set .cl-button.type2 {
  background-image: url("images/com/content/step2/ic_btn_disas_item.png");
}
.cl-container.disaster-info-set .cl-button.type3 {
  background-image: url("images/com/content/step2/ic_btn_disas_reset.png");
}
/************************************************
 * 직불제 신청 
 ************************************************/
.cl-container.dp-main {
  /* 신청서 작성은 ... */
  /* 활성하 컬러 설정 */
}
.cl-container.dp-main .cl-container.card-content-box .cl-output.view-txt {
  text-align: center;
  font-size: 19px;
  font-weight: 700;
}
.cl-container.dp-main .cl-container.card-content-box .cl-output.view-txt .cl-text span {
  font-weight: 400;
}
.cl-container.dp-main .cl-container.card-content-box .cl-output.view-txt:before {
  content: "";
  left: 0;
  right: 0;
  top: -40px;
  height: 40px;
  background-color: red;
  position: absolute;
}
.cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card-wrap:not(.active) {
  padding: 20px 0;
}
.cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card-wrap > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.biz-card) {
  height: 100% !important;
}
.cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card-wrap.active .cl-container.biz-card .cl-output.tit {
  font-size: 32px;
}
.cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card-wrap.active .cl-container.biz-card .cl-container.card-footer {
  margin-top: 40px;
}
.cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card-wrap.orange .biz-card {
  background-color: #FF5200;
}
.cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card-wrap.indigo .biz-card {
  background-color: #233A6C;
}
.cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card-wrap.green .biz-card {
  background-color: #0a4f06;
}
.cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card-wrap.purple .biz-card {
  background-color: #570093;
}
.cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card-wrap.black .biz-card {
  background-color: #333333;
}
.cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card-wrap.blue .biz-card {
  background-color: #002de0;
}
.cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card-wrap.brown .biz-card {
  background-color: #625149;
}
.cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card-wrap.red .biz-card {
  background-color: #b30d00;
}
.cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card {
  border-radius: 40px;
  padding: 40px;
  cursor: pointer;
}
.cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card .cl-control {
  color: #FFFFFF;
}
.cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card .cl-output.sub-txt {
  font-size: 15px;
  color: #ffff00;
}
.cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card .cl-output.tit {
  font-size: 25px;
  font-weight: 700;
}
.cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card .cl-output.tit .cl-text {
  word-break: keep-all;
  line-height: 1.3 !important;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card .cl-output.tit:hover {
  text-decoration: underline;
  text-underline-offset: 5px;
}
.cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card .cl-output.date {
  font-size: 15px;
}
.cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card .cl-container.card-footer {
  margin-top: 12px;
}
.cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card .cl-container.card-footer .cl-button.btn-i-go {
  font-size: 17px;
}
.cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card .cl-container.card-footer .cl-button.btn-i-go .cl-icon {
  background-image: url("images/controls/button/ic_btn_right_w_12.svg") !important;
  background-size: 13px;
  width: 16px;
  height: 16px;
}
.cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card .cl-container.card-footer .cl-button.btn-i-go.cl-icon-align-right .cl-icon {
  margin: 0 0 0 8px;
}
.cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card .cl-container.card-footer .cl-button.btn-i-go .cl-text {
  line-height: 1.5 !important;
}
.cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card .cl-container.card-footer .cl-button.btn-i-go:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.cl-container.dp-main .cl-output.step-guide-txt {
  font-size: 21px;
}
.cl-container.dp-main .cl-container.content-body.orange .view-txt {
  color: #FF5200;
}
.cl-container.dp-main .cl-container.content-body.orange .step-guide-txt {
  color: #FF5200;
}
.cl-container.dp-main .cl-container.content-body.orange .step-box .sub-tit span {
  color: #FF5200;
}
.cl-container.dp-main .cl-container.content-body.orange .step-box.active .cl-button.tit {
  color: #FF5200;
}
.cl-container.dp-main .cl-container.content-body.orange .step-box.active .cl-output.img {
  background-color: #FF5200;
  border-color: #FF5200;
}
.cl-container.dp-main .cl-container.content-body.orange .step-box.complete .cl-output.img {
  border-color: #FF5200;
}
.cl-container.dp-main .cl-container.content-body.indigo .view-txt {
  color: #233A6C;
}
.cl-container.dp-main .cl-container.content-body.indigo .step-guide-txt {
  color: #233A6C;
}
.cl-container.dp-main .cl-container.content-body.indigo .step-box .sub-tit span {
  color: #233A6C;
}
.cl-container.dp-main .cl-container.content-body.indigo .step-box.active .cl-button.tit {
  color: #233A6C;
}
.cl-container.dp-main .cl-container.content-body.indigo .step-box.active .cl-output.img {
  background-color: #233A6C;
  border-color: #233A6C;
}
.cl-container.dp-main .cl-container.content-body.indigo .step-box.complete .cl-output.img {
  border-color: #233A6C;
}
.cl-container.dp-main .cl-container.content-body.green .view-txt {
  color: #0a4f06;
}
.cl-container.dp-main .cl-container.content-body.green .step-guide-txt {
  color: #0a4f06;
}
.cl-container.dp-main .cl-container.content-body.green .step-box .sub-tit span {
  color: #0a4f06;
}
.cl-container.dp-main .cl-container.content-body.green .step-box.active .cl-button.tit {
  color: #0a4f06;
}
.cl-container.dp-main .cl-container.content-body.green .step-box.active .cl-output.img {
  background-color: #0a4f06;
  border-color: #0a4f06;
}
.cl-container.dp-main .cl-container.content-body.green .step-box.complete .cl-output.img {
  border-color: #0a4f06;
}
.cl-container.dp-main .cl-container.content-body.purple .view-txt {
  color: #570093;
}
.cl-container.dp-main .cl-container.content-body.purple .step-guide-txt {
  color: #570093;
}
.cl-container.dp-main .cl-container.content-body.purple .step-box .sub-tit span {
  color: #570093;
}
.cl-container.dp-main .cl-container.content-body.purple .step-box.active .cl-button.tit {
  color: #570093;
}
.cl-container.dp-main .cl-container.content-body.purple .step-box.active .cl-output.img {
  background-color: #570093;
  border-color: #570093;
}
.cl-container.dp-main .cl-container.content-body.purple .step-box.complete .cl-output.img {
  border-color: #570093;
}
.cl-container.dp-main .cl-container.content-body.black .view-txt {
  color: #333333;
}
.cl-container.dp-main .cl-container.content-body.black .step-guide-txt {
  color: #333333;
}
.cl-container.dp-main .cl-container.content-body.black .step-box .sub-tit span {
  color: #333333;
}
.cl-container.dp-main .cl-container.content-body.black .step-box.active .cl-button.tit {
  color: #333333;
}
.cl-container.dp-main .cl-container.content-body.black .step-box.active .cl-output.img {
  background-color: #333333;
  border-color: #333333;
}
.cl-container.dp-main .cl-container.content-body.black .step-box.complete .cl-output.img {
  border-color: #333333;
}
.cl-container.dp-main .cl-container.content-body.blue .view-txt {
  color: #002de0;
}
.cl-container.dp-main .cl-container.content-body.blue .step-guide-txt {
  color: #002de0;
}
.cl-container.dp-main .cl-container.content-body.blue .step-box .sub-tit span {
  color: #002de0;
}
.cl-container.dp-main .cl-container.content-body.blue .step-box.active .cl-button.tit {
  color: #002de0;
}
.cl-container.dp-main .cl-container.content-body.blue .step-box.active .cl-output.img {
  background-color: #002de0;
  border-color: #002de0;
}
.cl-container.dp-main .cl-container.content-body.blue .step-box.complete .cl-output.img {
  border-color: #002de0;
}
.cl-container.dp-main .cl-container.content-body.brown .view-txt {
  color: #625149;
}
.cl-container.dp-main .cl-container.content-body.brown .step-guide-txt {
  color: #625149;
}
.cl-container.dp-main .cl-container.content-body.brown .step-box .sub-tit span {
  color: #625149;
}
.cl-container.dp-main .cl-container.content-body.brown .step-box.active .cl-button.tit {
  color: #625149;
}
.cl-container.dp-main .cl-container.content-body.brown .step-box.active .cl-output.img {
  background-color: #625149;
  border-color: #625149;
}
.cl-container.dp-main .cl-container.content-body.brown .step-box.complete .cl-output.img {
  border-color: #625149;
}
.cl-container.dp-main .cl-container.content-body.red .view-txt {
  color: #b30d00;
}
.cl-container.dp-main .cl-container.content-body.red .step-guide-txt {
  color: #b30d00;
}
.cl-container.dp-main .cl-container.content-body.red .step-box .sub-tit span {
  color: #b30d00;
}
.cl-container.dp-main .cl-container.content-body.red .step-box.active .cl-button.tit {
  color: #b30d00;
}
.cl-container.dp-main .cl-container.content-body.red .step-box.active .cl-output.img {
  background-color: #b30d00;
  border-color: #b30d00;
}
.cl-container.dp-main .cl-container.content-body.red .step-box.complete .cl-output.img {
  border-color: #b30d00;
}
.cl-container.dp-main .cl-container.content-body.indigo .cl-progress-bar {
  background: linear-gradient(to left top, #90abd7 12%, #233A6C 0, #233A6C 50%, #90abd7 0, #90abd7 62%, #233A6C 0);
  background-size: 8px 8px;
}
.cl-container.dp-main .cl-container.content-body.green .cl-progress-bar {
  background: linear-gradient(to left top, rgba(10, 79, 6, 0.3) 12%, #0a4f06 0, #0a4f06 50%, rgba(10, 79, 6, 0.3) 0, rgba(10, 79, 6, 0.3) 62%, #0a4f06 0);
  background-size: 8px 8px;
}
.cl-container.dp-main .cl-container.content-body.purple .cl-progress-bar {
  background: linear-gradient(to left top, rgba(87, 0, 147, 0.6) 12%, #570093 0, #570093 50%, rgba(87, 0, 147, 0.6) 0, rgba(87, 0, 147, 0.6) 62%, #570093 0);
  background-size: 8px 8px;
}
.cl-container.dp-main .cl-container.content-body.black .cl-progress-bar {
  background: linear-gradient(to left top, rgba(51, 51, 51, 0.6) 12%, #333333 0, #333333 50%, rgba(51, 51, 51, 0.6) 0, rgba(51, 51, 51, 0.6) 62%, #333333 0);
  background-size: 8px 8px;
}
.cl-container.dp-main .cl-container.content-body.blue .cl-progress-bar {
  background: linear-gradient(to left top, rgba(0, 45, 224, 0.3) 12%, #002de0 0, #002de0 50%, rgba(0, 45, 224, 0.3) 0, rgba(0, 45, 224, 0.3) 62%, #002de0 0);
  background-size: 8px 8px;
}
.cl-container.dp-main .cl-container.content-body.brown .cl-progress-bar {
  background: linear-gradient(to left top, rgba(98, 81, 73, 0.6) 12%, #625149 0, #625149 50%, rgba(98, 81, 73, 0.6) 0, rgba(98, 81, 73, 0.6) 62%, #625149 0);
  background-size: 8px 8px;
}
.cl-container.dp-main .cl-container.content-body.red .cl-progress-bar {
  background: linear-gradient(to left top, rgba(179, 13, 0, 0.6) 12%, #b30d00 0, #b30d00 50%, rgba(179, 13, 0, 0.6) 0, rgba(179, 13, 0, 0.6) 62%, #b30d00 0);
  background-size: 8px 8px;
}
/* 활성화 컬러 설정 mixin */
/* 빗금 프로그래스바 스타일 mixin */
/* 단계와 타이틀 박스 (직불외에서도 사용) */
.cl-container.dp-title-box {
  /* 타이틀 하단에 오는 에러 텍스트 스타일 */
}
.cl-container.dp-title-box .cl-output.step-txt {
  font-size: 19px;
  color: #FF5200;
  font-weight: 700;
}
.cl-container.dp-title-box .cl-output.step-txt .cl-text span {
  color: #555555;
  font-weight: 400;
}
.cl-container.dp-title-box .cl-output.sub-guide-txt {
  color: #555555;
  margin-top: 12px;
  font-size: 19px;
}
.cl-container.dp-title-box .cl-output.sub-guide-txt:not(.cl-first-row) {
  margin-top: 0;
}
/* 직불제 신청 공통 스타일 설정 */
.cl-container.dp {
  /* 공통 레이아웃 설정 */
  /* '검색에서 찾기' 영역 최소 높이 지정 */
}
.cl-container.dp .cl-container.content-body .no-title-spacing {
  content: "";
}
.cl-container.dp .cl-button.btn-down-scroll {
  background-image: url("images/controls/button/ic_btn_down_g_32.svg") !important;
  transition: 0.25s;
}
.cl-container.dp .cl-menu.side-tab {
  max-height: 260px;
  font-size: 17px;
}
.cl-container.dp .cl-menu.side-tab.side-height-max {
  max-height: 100%;
}
.cl-container.dp .cl-container.side-tab-list-box {
  max-height: 260px;
}
.cl-container.dp .cl-container.find-search-box {
  min-height: 262px;
}
.cl-container.dp .cl-container.input-form {
  /* 인풋처럼 보이는 스타일 */
}
.cl-container.dp .cl-container.input-form .cl-output.opt-input-style {
  font-size: 17px;
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  color: #111111;
  min-height: 56px;
}
.cl-container.dp .cl-container.input-form .cl-output.opt-input-style .cl-text {
  padding: 14px 16px;
}
.cl-container.dp .cl-container.input-form .cl-output.opt-input-style.cl-disabled {
  background-color: #EEEEEE;
  border-color: #EEEEEE;
  color: #888888;
}
/* 신청 정보 입력 박스 스타일 */
.cl-container.appl-box {
  border: 1px solid #DDDDDD;
  padding: 64px;
  border-radius: 40px;
  background-color: #FFFFFF;
}
.cl-container.appl-box .cl-container.top-header {
  margin-bottom: -24px;
}
.cl-container.appl-box .cl-container.top-header .cl-button.btn-close-lg {
  width: 24px !important;
  height: 24px !important;
}
.cl-container.appl-box .cl-container.noti-val-check {
  height: 0px !important;
  background-color: #FFF0FD;
  border-radius: 8px;
  opacity: 0;
  visibility: hidden;
}
.cl-container.appl-box .cl-container.noti-val-check .cl-output {
  color: #EB003B;
  font-size: 15px;
  text-align: center;
}
.cl-container.appl-box .cl-container.noti-val-check.visible {
  height: 38px !important;
  transition: opacity 0.35s ease;
  opacity: 1;
  visibility: visible;
}
/* 자격 부적합 화면 스타일 */
.cl-output.qual-checklist {
  font-weight: 700;
  font-size: 25px;
  background: url("images/controls/radiobutton/ic_radio_check.svg") no-repeat left top;
  background-position-y: 4px;
  padding-left: 36px;
}
.cl-output.qual-checklist .cl-text span.sub {
  display: block;
  font-size: 21px;
  font-weight: 400;
}
/* 필수 내용 확인 팝업 */
.cl-container.required-info-check .cl-output.tit {
  font-size: 32px;
}
/* 자가 진단 및 일반 현황 */
.cl-container.selft-check-box {
  border: 1px solid #DDDDDD;
  padding: 40px;
  border-radius: 20px;
  transition: border-color ease 0.3s;
}
.cl-container.selft-check-box .cl-output {
  font-size: 21px;
}
.cl-container.selft-check-box .cl-output .cl-text span.sub-text {
  display: block;
  margin-top: 4px;
  color: #555555;
  font-size: 17px;
}
.cl-container.selft-check-box .cl-output.check-txt {
  font-weight: 500;
  font-size: 17px;
  color: #555555;
  min-width: 44.5px;
}
.cl-container.selft-check-box:has(.cl-checked) .check-txt {
  color: #FF5200;
}
.cl-container.selft-check-box:not(.cl-container.selft-check-box:has(.cl-checked)) {
  border-color: #FF5200;
}
/* 은행명 칩 */
.cl-output.bank-chip {
  height: 0px !important;
  padding: 8px 12px 8px 40px;
  background-repeat: no-repeat;
  background-position: left center;
  background-position-x: 12px;
  color: #555555;
  border-radius: 8px;
  background-color: #F4F4F4;
}
.cl-output.bank-chip.nh {
  background-image: url("images/com/content/step2/ic_logo_NH.png");
}
.cl-output.bank-chip.nh-nh {
  background-image: url("images/com/content/step2/ic_logo_NHbank.png");
}
/* 높이로 숨겨짐을 제어하기 때문에 margin-top이 살아 있어 클래서 하나 더 감쌈 */
.cl-container.has-bank > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.bank-chip-box) {
  margin-top: 0px !important;
}
.cl-container.has-bank > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.bank-chip-box.active) {
  margin-top: 8px !important;
}
.cl-container.bank-chip-box {
  height: 0 !important;
}
.cl-container.bank-chip-box .bank-chip {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s ease;
}
.cl-container.bank-chip-box.active {
  height: auto !important;
}
.cl-container.bank-chip-box.active .bank-chip {
  height: 42px !important;
  opacity: 1;
  visibility: visible;
}
/* 신청할 면적 정보 */
.cl-container.area-summary-box {
  padding: 64px;
  border-radius: 40px;
  background-color: #F4F4F4;
}
.cl-container.area-summary-box .cl-formlayout-vertical-separator {
  display: none;
}
.cl-container.area-summary-box .cl-container.data-flex-box {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.cl-container.area-summary-box .cl-container.data-flex-box > .cl-layout > .cl-layout-content {
  display: flex;
  flex-wrap: wrap;
}
.cl-container.area-summary-box .cl-container.data-flex-box > .cl-layout > .cl-layout-content > .cl-layout-wrap {
  padding-left: 40px !important;
}
.cl-container.area-summary-box .cl-container.data-flex-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:before {
  content: "";
  position: absolute;
  left: 0px;
  width: 1px;
  top: calc(50% - 40px);
  height: 80px;
  background-color: #DDDDDD;
}
.cl-container.area-summary-box .cl-container.data-flex-box .cl-container.item {
  min-width: 260px;
}
.cl-container.area-summary-box .cl-output .cl-text span.pc-br {
  display: block;
}
.cl-container.area-summary-box .cl-output.num {
  font-size: 50px;
  font-weight: 700;
}
.cl-container.area-summary-box .cl-output.num .cl-text {
  line-height: 1.3;
}
.cl-container.area-summary-box .cl-output.num .cl-text span {
  font-weight: 500;
}
/* area-input-box 감싸는 그룹 */
.cl-container.area-input-wrap {
  /* 더보기를 가지고 있는 버튼 그룹 (area-input-wrap spacing이 24기준 +16하여 40px 맞춤) */
}
.cl-container.area-input-wrap .cl-container.has-btn-more {
  margin-top: 16px;
}
/* 신청할 면적 입력 영역 */
.cl-container.area-input-box {
  padding: 64px;
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 40px;
  /* 직접 추가한 카드 */
  /* 신청 면적 정보 폼 */
  /* 신청 미신청 토글 스타일 */
  /* 전략작물 동계, 하계 품목 입력 박스 스타일 */
}
.cl-container.area-input-box .cl-accordion.acd-area-data .cl-accordion-header {
  font-size: 32px;
  border-width: 0 0 1px 0;
  padding: 0 0 40px 0;
}
.cl-container.area-input-box .cl-accordion.acd-area-data .cl-accordion-header .cl-text {
  line-height: 1.3;
}
.cl-container.area-input-box .cl-accordion.acd-area-data .cl-accordion-header .cl-text span {
  font-size: 19px;
  display: block;
  line-height: 1.5;
}
.cl-container.area-input-box .cl-accordion.acd-area-data .cl-accordion-header .cl-text span.sub-name {
  display: inline-block;
  font-size: 32px;
  padding-left: 24px;
  position: relative;
}
.cl-container.area-input-box .cl-accordion.acd-area-data .cl-accordion-header .cl-text span.sub-name:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 24px;
  left: 12px;
  top: calc(50% - 12px);
  background-color: #DDDDDD;
}
.cl-container.area-input-box .cl-accordion.acd-area-data .cl-accordion-header .cl-accordion-expander {
  background-image: url("images/controls/accordion/ic_btn_collapse_g.svg");
  background-position: center bottom;
  transition: transform 0.2s ease-in-out;
}
.cl-container.area-input-box .cl-accordion.acd-area-data .cl-accordion-header.cl-activated .cl-accordion-expander {
  background-image: url("images/controls/accordion/ic_btn_expand_g.svg");
}
.cl-container.area-input-box .cl-accordion.acd-area-data .cl-accordion-section:not(.cl-accordion-placeholder) .cl-accordion-content {
  background-color: #FFFFFF;
  padding: 40px 0;
  border-bottom: 1px solid #DDDDDD;
}
.cl-container.area-input-box .cl-accordion.acd-area-data .cl-accordion-section:not(.cl-accordion-placeholder) .cl-accordion-content:has(.form-info.cl-first-row.cl-last-row) {
  padding: 24px 0;
}
.cl-container.area-input-box .cl-accordion.acd-area-data.cl-focus .cl-accordion-header .cl-accordion-expander {
  position: relative;
}
.cl-container.area-input-box .cl-accordion.acd-area-data.cl-focus .cl-accordion-header .cl-accordion-expander:before {
  content: "";
  position: absolute;
  outline: 2px dotted #111111;
  widows: 24px;
  height: 24px;
  left: 0;
  right: 0;
  bottom: 0;
}
.cl-container.area-input-box.direct-add .cl-container.header .cl-button.btn-close-lg {
  width: 24px !important;
  height: 24px !important;
}
.cl-container.area-input-box.direct-add .cl-container.header .tit {
  font-size: 32px;
  font-weight: 700;
}
.cl-container.area-input-box.direct-add .cl-container.header .tit .cl-text {
  line-height: 1.3;
}
.cl-container.area-input-box.direct-add .cl-container.header .tit .cl-text span {
  font-size: 19px;
  display: block;
  line-height: 1.5;
}
.cl-container.area-input-box.direct-add .cl-container.header .cl-container.udc-toggle-farm-box .cl-container.wrap {
  height: 42px !important;
}
.cl-container.area-input-box.direct-add .cl-container.header .cl-container.tit-form-box:has(.cl-inputbox) .cl-inputbox {
  height: 56px !important;
  margin-top: 4px;
  font-size: 17px;
}
.cl-container.area-input-box.direct-add:has(.content) .cl-container.header {
  border-bottom: 1px solid #DDDDDD;
  padding-bottom: 40px;
}
.cl-container.area-input-box.direct-add:has(.content):has(.form-info.cl-first-row.cl-last-row) .cl-contianer.header {
  padding-bottom: 24px;
}
.cl-container.area-input-box.direct-add .cl-container.content {
  padding: 0 0 40px 0;
  border-bottom: 1px solid #DDDDDD;
}
.cl-container.area-input-box.direct-add .cl-container.content:has(.form-info.cl-first-row.cl-last-row) {
  padding: 0 0 24px 0;
}
.cl-container.area-input-box .cl-container.input-form .cl-container.form-section:not(.cl-first-row) {
  padding-top: 40px;
  border-top: 1px solid #EEEEEE;
}
.cl-container.area-input-box .cl-container.form-control .cl-output {
  color: #111111;
}
.cl-container.area-input-box .cl-container.form-info .cl-output.label {
  color: #555555;
}
.cl-container.area-input-box .cl-container.form-info .cl-output:not(.label) {
  font-size: 25px;
  font-weight: 600;
  vertical-align: top;
}
.cl-container.area-input-box .cl-container.form-info .cl-output:not(.label) .cl-text {
  line-height: 1.3;
}
.cl-container.area-input-box .cl-container.toogle-reg-wrap .cl-output.check-txt:before {
  content: "미신청";
  position: relative;
  color: #888888;
  line-height: 1.5;
  font-weight: 500;
}
.cl-container.area-input-box .cl-container.toogle-reg-wrap:has(.cl-checked) .check-txt:before {
  content: "신청";
  color: #FF5200;
}
.cl-container.area-input-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.toogle-reg-wrap) + .cl-layout-wrap:has(.acd-area-data) .acd-area-data {
  margin-top: -28px;
}
.cl-container.area-input-box:has(.toogle-reg-wrap):has(.cl-checkbox.toggle.cl-checked) {
  border-color: #FF5200;
  transition: background-color 0.07s ease, color 0.1s ease, border-color 0.1s ease;
}
.cl-container.area-input-box .cl-container.cultivation-box > .cl-layout > .cl-layout-content >.cl-layout-wrap:not(.cl-first-row) {
  padding-top: 16px;
  border-top: 1px solid #DDDDDD;
}
/* 증빙서류 확인 팝업 */
.cl-container.supp-docs .cl-output.qual-tit {
  margin-bottom: 4px;
  font-weight: 700;
}
/************************************************
 * 안내 메시지 공통 화면
 * -> app/pub_bk/2단계/af/공통/P.BS.AF01_DuCon
 ************************************************/
.cl-container.view-user-msg .cl-output.title,
.cl-container.view-user-msg .cl-output.sub-title {
  text-align: center;
}
.cl-container.view-user-msg .cl-container.msg-box {
  min-width: 400px;
  border-radius: 999px;
}
.cl-container.view-user-msg .cl-container.msg-content-box {
  padding: 4% 0;
}
.cl-container.view-user-msg .cl-button.btn-stop {
  width: 32px !important;
  height: 32px !important;
  min-width: 0 !important;
  padding: 0;
  background-image: url("images/controls/button/ic_btn_stop.png") !important;
  background-size: 20px;
}
/************************************************
 * 직불외 중간단계 확인 ui
 ************************************************/
.cl-output.img-step-check {
  padding-left: 200px;
  background: url("images/controls/image/img-step-check-50.png") no-repeat left center/160px;
  font-size: 50px;
  min-height: 160px;
  font-weight: 700;
}
.cl-output.img-step-check .cl-text {
  line-height: 1.3;
}
/************************************************
 * 금융기관 검색
 ************************************************/
.cl-container.bank-company-search .cl-container.pop-content-body {
  padding: 40px;
}
.cl-container.bank-company-search .cl-container.pop-content-body .cl-tabfolder.tab-header-sticky .cl-tabfolder-header {
  position: sticky !important;
  top: 0px;
  left: 0;
  right: 0;
  z-index: 1;
  background-color: #FFFFFF;
  min-width: 0;
  margin: 0;
}
.cl-dialog-body:has(.cl-container.bank-company-search) {
  overflow-x: hidden !important;
}
/* 지원자격 및 요건점검 */
.cl-container.requirement-check .cl-tabfolder .cl-tabfolder-header {
  min-width: 0;
}
/************************************************
 * 저탄소 농업기술
 ************************************************/
.cl-container.farming-technology .cl-container.pop-content-body .cl-container.choice-list .cl-output.list-tit {
  border-bottom: 1px solid #111111;
  font-size: 25px;
  font-weight: 700;
  padding-bottom: 24px;
}
.cl-container.farming-technology .cl-container.pop-content-body .cl-container.choice-list .cl-output.list-tit .cl-text {
  line-height: 1.3;
}
.cl-container.farming-technology .cl-container.pop-content-body .cl-container.choice-list .cl-container.choice-item {
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 12px;
}
/************************************************
 * 교육 상세
 * P.MY.ME01.002_P01
 ************************************************/
.cl-container.edu-title-box .cl-output.edu-detail-tit {
  font-size: 40px;
  font-weight: 700;
}
.cl-container.edu-title-box .cl-output.edu-detail-tit .cl-text {
  line-height: 1.3;
  white-space: normal;
  word-break: keep-all;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cl-container.edu-detail-box {
  background-color: #FFFFFF;
  border-radius: 40px;
}
.cl-container.edu-detail-box .cl-container.edu-content-box {
  border-bottom: 1px solid #DDDDDD;
  border-bottom-color: #EEEEEE;
  padding-bottom: 64px;
}
.cl-container.edu-detail-box .cl-container.edu-content-box.cl-last-row {
  border-bottom: none;
  padding-bottom: 0;
}
.cl-container.edu-detail-box .cl-container.edu-content-box .cl-output {
  color: #555555;
  font-size: 19px;
}
.cl-container.edu-detail-box .cl-container.edu-content-box .cl-output.edu-tit1,
.cl-container.edu-detail-box .cl-container.edu-content-box .cl-output.edu-tit2 {
  color: #111111;
  font-size: 32px;
  font-weight: 700;
  padding-left: 48px;
}
.cl-container.edu-detail-box .cl-container.edu-content-box .cl-output.edu-tit1 .cl-text,
.cl-container.edu-detail-box .cl-container.edu-content-box .cl-output.edu-tit2 .cl-text {
  line-height: 1.3;
}
.cl-container.edu-detail-box .cl-container.edu-content-box .cl-output.edu-tit1 {
  background-image: url("images/controls/image/ic_edu_tit1.svg");
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 32px;
}
.cl-container.edu-detail-box .cl-container.edu-content-box .cl-output.edu-tit2 {
  background-image: url("images/controls/image/ic_edu_tit2.svg");
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 32px;
}
.cl-container.edu-detail-box .cl-container.edu-content-box .cl-output.sub-tit {
  color: #111111;
  font-size: 21px;
  font-weight: 700;
}
/************************************************
 * 직불외
 ************************************************/
.cl-container.ndp {
  /* 직불외에서 인적사항 데이터를 보여줄 때, disabled된 인풋 계열 컨트롤의 highlight된 영역 표시 */
}
.cl-container.ndp .cl-container.content-section.step-form-group > .cl-layout > .cl-layout-content .cl-container.right-group {
  width: 100% !important;
}
.cl-container.ndp .cl-container.content-section.step-form-group > .cl-layout > .cl-layout-content .cl-container.right-group .cl-tabfolder .cl-tabfolder-header {
  min-width: 0;
  width: 100%;
}
.cl-container.ndp .cl-container.content-section.step-form-group .cl-container.right-group > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-first-row:has(.step-check) {
  padding-top: 0px;
}
.cl-container.ndp .cl-container.step-form-group .cl-container.right-group > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.info-grp {
  margin-top: -40px;
}
.cl-container.ndp.cl-container.single-file-upload .cl-container.input-form-udc-box .cl-container.input-form-udc {
  border-top-width: 4px;
}
.cl-container.ndp .cl-inputbox.viewing-highlight.cl-disabled {
  background-color: #FFF8F4;
  border-color: #FF5200;
  color: #FF5200;
  font-weight: 700;
  text-align: center;
}
.cl-container.ndp.cl-container.dp-main {
  /* 활성화 컬러 활성화 설정 (진행단계, 프로그래스바 등) */
}
.cl-container.ndp.cl-container.dp-main .cl-container.biz-list-box .cl-container.biz-card-wrap.organic-meterial .biz-card {
  background-color: #477022;
}
.cl-container.ndp.cl-container.dp-main .cl-container.biz-list-box .cl-container.biz-card-wrap.meterial-seed .biz-card {
  background-color: #0d330e;
}
.cl-container.ndp.cl-container.dp-main .cl-container.biz-list-box .cl-container.biz-card-wrap.soil-consulting .biz-card {
  background-color: #2d531a;
}
.cl-container.ndp.cl-container.dp-main .cl-container.biz-list-box .cl-container.biz-card-wrap.crops .biz-card {
  background-color: #0a5b4a;
}
.cl-container.ndp.cl-container.dp-main .cl-container.biz-list-box .cl-container.biz-card-wrap.tabaco .biz-card {
  background-color: #2c453f;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.organic-meterial .view-txt {
  color: #477022;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.organic-meterial .step-guide-txt {
  color: #477022;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.organic-meterial .step-box .sub-tit span {
  color: #477022;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.organic-meterial .step-box.active .cl-button.tit {
  color: #477022;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.organic-meterial .step-box.active .cl-output.img {
  background-color: #477022;
  border-color: #477022;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.organic-meterial .step-box.complete .cl-output.img {
  border-color: #477022;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.meterial-seed .view-txt {
  color: #0d330e;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.meterial-seed .step-guide-txt {
  color: #0d330e;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.meterial-seed .step-box .sub-tit span {
  color: #0d330e;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.meterial-seed .step-box.active .cl-button.tit {
  color: #0d330e;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.meterial-seed .step-box.active .cl-output.img {
  background-color: #0d330e;
  border-color: #0d330e;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.meterial-seed .step-box.complete .cl-output.img {
  border-color: #0d330e;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.soil-consulting .view-txt {
  color: #2d531a;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.soil-consulting .step-guide-txt {
  color: #2d531a;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.soil-consulting .step-box .sub-tit span {
  color: #2d531a;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.soil-consulting .step-box.active .cl-button.tit {
  color: #2d531a;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.soil-consulting .step-box.active .cl-output.img {
  background-color: #2d531a;
  border-color: #2d531a;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.soil-consulting .step-box.complete .cl-output.img {
  border-color: #2d531a;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.organic-meterial .cl-progress-bar {
  background: linear-gradient(to left top, #819876 12%, #477022 0, #477022 50%, #819876 0, #819876 62%, #477022 0);
  background-size: 8px 8px;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.meterial-seed .cl-progress-bar {
  background: linear-gradient(to left top, #6e856e 12%, #0d330e 0, #0d330e 50%, #6e856e 0, #6e856e 62%, #0d330e 0);
  background-size: 8px 8px;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.soil-consulting .cl-progress-bar {
  background: linear-gradient(to left top, #91a97a 12%, #2d531a 0, #2d531a 50%, #91a97a 0, #91a97a 62%, #2d531a 0);
  background-size: 8px 8px;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.crops .view-txt {
  color: #0a5b4a;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.crops .step-guide-txt {
  color: #0a5b4a;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.crops .step-box .sub-tit span {
  color: #0a5b4a;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.crops .step-box.active .cl-button.tit {
  color: #0a5b4a;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.crops .step-box.active .cl-output.img {
  background-color: #0a5b4a;
  border-color: #0a5b4a;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.crops .step-box.complete .cl-output.img {
  border-color: #0a5b4a;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.tabaco .view-txt {
  color: #2c453f;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.tabaco .step-guide-txt {
  color: #2c453f;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.tabaco .step-box .sub-tit span {
  color: #2c453f;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.tabaco .step-box.active .cl-button.tit {
  color: #2c453f;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.tabaco .step-box.active .cl-output.img {
  background-color: #2c453f;
  border-color: #2c453f;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.tabaco .step-box.complete .cl-output.img {
  border-color: #2c453f;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.crops .cl-progress-bar {
  background: linear-gradient(to left top, rgba(10, 91, 74, 0.6) 12%, #0a5b4a 0, #0a5b4a 50%, rgba(10, 91, 74, 0.6) 0, rgba(10, 91, 74, 0.6) 62%, #0a5b4a 0);
  background-size: 8px 8px;
}
.cl-container.ndp.cl-container.dp-main .cl-container.content-body.tabaco .cl-progress-bar {
  background: linear-gradient(to left top, rgba(44, 69, 63, 0.6) 12%, #2c453f 0, #2c453f 50%, rgba(44, 69, 63, 0.6) 0, rgba(44, 69, 63, 0.6) 62%, #2c453f 0);
  background-size: 8px 8px;
}
@media(min-width: 1416px) {
  .cl-container.dp {
    /* 방문신청 화면에서 하단 컨텐츠 이동 버튼 (PC에서만 사용하기 때문에 min-width로 지정) */
  }
  .cl-container.dp .cl-container.content-body .cl-container.content-btn-group.btn-group > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-button.btn-down-scroll) {
    position: fixed !important;
    bottom: 24px;
    left: calc(50% - 16px);
    z-index: 1;
  }
}
.cl-container.scroll-none .cl-layout::-webkit-scrollbar {
  display: none;
}
.cl-container.scroll-none .cl-layout {
  scrollbar-width: none;
  /* 파이어폭스 */
}
/* 모든 컨트롤에 적용될 기본 폰트   */
/* 기본 텍스트 색상 */
/* disable 상태를 나타내는 텍스트 색상 */
/* 기본 보더 색상 */
/* 포커스 보더 색상 */
/* Disable 상태의 보더 색상. */
/* 내부에 아이템을 갖는 컨트롤의 경우, 각 아이템에 마우스 호버시의 텍스트 색상 */
/* 내부에 아이템을 갖는 컨트롤의 경우, 각 아이템에 마우스 호버시의 배경 색상 */
/* 내부에 아이템을 갖는 컨트롤의 경우, 각 아이템에 선택된 경우 텍스트 색상 */
/* 내부에 아이템을 갖는 컨트롤의 경우, 각 아이템이 선택된 경우 배경 색상 */
/* 내부에 아이템을 갖는 컨트롤이 Disabled된 경우, 각 아이템에 선택된 경우 텍스트 색상 */
/* 내부에 아이템을 갖는 컨트롤의 Disabled된 경우, 각 아이템이 선택된 경우 배경 색상 */
/************************************************
 * [UDC] udcComAppHeader
 * --> udc/com/udcComAppHeader
 ************************************************/
.cl-container.appheader {
  width: 1416px !important;
  margin: 0 auto;
  padding-bottom: 80px;
  /* 모바일에서 사용하는 영역 */
}
.cl-container.appheader .cl-container.breadcrumb .cl-button.breadcrumb-item {
  font-size: 15px;
  background-color: transparent;
  border: none;
  border-radius: 0px;
  padding: 0px;
}
.cl-container.appheader .cl-container.breadcrumb .cl-button.breadcrumb-item:not(.cl-disabled):hover,
.cl-container.appheader .cl-container.breadcrumb .cl-button.breadcrumb-item:focus,
.cl-container.appheader .cl-container.breadcrumb .cl-button.breadcrumb-item.cl-focus,
.cl-container.appheader .cl-container.breadcrumb .cl-button.breadcrumb-item:not(.cl-disabled).cl-activated,
.cl-container.appheader .cl-container.breadcrumb .cl-button.breadcrumb-item:not(.cl-disabled):active {
  background-color: transparent;
}
.cl-container.appheader .cl-container.breadcrumb .cl-button.breadcrumb-item.home {
  padding-left: 22px;
  background: url("images/com/udc/ic_home.svg") no-repeat left 2px center !important;
}
.cl-container.appheader .cl-container.breadcrumb .cl-output.breadcrumb-item {
  font-size: 15px;
}
.cl-container.appheader .cl-container.breadcrumb .cl-output.breadcrumb-item.home {
  padding-left: 22px;
  background: url("images/com/udc/ic_home.svg") no-repeat left 2px center !important;
}
.cl-container.appheader .cl-container.breadcrumb .cl-layout-wrap:not(:last-child) {
  padding-right: 20px;
  background: url("images/com/udc/ic_breadcrumb.svg") no-repeat right center;
}
.cl-container.appheader .cl-container.mobile .cl-output.tit {
  padding-left: 8px;
  padding-right: 4px;
}
.cl-container.appheader .cl-container.mobile .cl-output.tit.cl-output-h1,
.cl-container.appheader .cl-container.mobile .cl-output.tit h1 {
  font-size: 21px;
  font-weight: 700;
}
.cl-container.appheader .cl-container.mobile .cl-button {
  background-color: transparent;
  border: none;
  border-radius: 0px;
  padding: 0px;
  background-size: 24px;
}
.cl-container.appheader .cl-container.mobile .cl-button:not(.cl-disabled):hover,
.cl-container.appheader .cl-container.mobile .cl-button:focus,
.cl-container.appheader .cl-container.mobile .cl-button.cl-focus,
.cl-container.appheader .cl-container.mobile .cl-button:not(.cl-disabled).cl-activated,
.cl-container.appheader .cl-container.mobile .cl-button:not(.cl-disabled):active {
  border: none;
  background-color: transparent;
}
.cl-container.appheader .cl-container.mobile .cl-button.btn-page-back {
  background-image: url("images/com/udc/ic_btn_header_prev.svg");
}
.cl-container.appheader .cl-container.mobile .cl-button.btn-share {
  background-image: url("images/com/udc/ic_btn_header_share.svg") !important;
}
.cl-container.appheader .cl-container.mobile .cl-button.btn-setting {
  background-image: url("images/com/udc/ic_btn_header_setting.svg");
}
.cl-container.appheader .cl-container.mobile .cl-button.btn-chat {
  background-image: url("images/com/udc/ic_btn_header_chat.svg");
}
.cl-container.appheader .cl-container.mobile .cl-button.btn-noti {
  background-image: url("images/com/udc/ic_btn_header_bell.svg");
}
.cl-container.appheader .cl-container.mobile .cl-button.btn-search {
  background-image: url("images/com/udc/ic_btn_header_search.svg");
}
.cl-container.appheader .cl-container.mobile .cl-button.btn-menu {
  background-image: url("images/com/udc/ic_btn_header_menu.svg");
}
.cl-container.appheader .cl-container.mobile .cl-button.btn-close {
  background-image: url("images/com/udc/ic_btn_header_close.svg");
}
.cl-container.appheader .cl-container.mobile .cl-button.btn-map {
  background-image: url("images/com/udc/ic_btn_header_map.svg");
}
.cl-container.appheader .cl-container.mobile .cl-button.btn-txt {
  transition: none;
}
.cl-container.appheader .cl-container.mobile .cl-button.btn-txt.text-sub-color:not(.cl-disabled):hover,
.cl-container.appheader .cl-container.mobile .cl-button.btn-txt.text-sub-color:not(.cl-disabled).cl-activated,
.cl-container.appheader .cl-container.mobile .cl-button.btn-txt.text-sub-color:not(.cl-disabled):active {
  color: #FF5200 !important;
}
/************************************************
 * [UDC] udcComAppTitle
 * --> udc/com/udcComAppTitle
 ************************************************/
.cl-container.app-title .cl-output.cl-output-h2 {
  color: #111111;
  font-weight: 700;
  font-size: 40px;
}
.cl-container.app-title .cl-output.cl-output-h2 .cl-text {
  line-height: 1.3;
}
/************************************************
 * udc가 아닌 화면 마다 배치하여 사용
 ************************************************/
.cl-output.udc-toast {
  background-color: #444c5e;
  border-radius: 8px;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
  padding: 12px 16px;
  bottom: 40px;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 15px;
  min-height: 48px;
  position: fixed !important;
  visibility: hidden;
  opacity: 0;
  transform: scale(0.9);
}
.cl-output.udc-toast.visible {
  transition: 0.13s ease;
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.cl-output.udc-toast.hidden {
  transition: 0.35s ease;
  transform: scale(0.9);
  opacity: 0;
  visibility: hidden;
}
.cl-embeddedapp.udc-toast {
  position: fixed !important;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0px !important;
  z-index: 999;
  transform: scale(1);
}
.cl-embeddedapp.udc-toast.hidden {
  transform: scale(0);
}
.cl-embeddedapp.udc-toast.hidden .cl-container.udc-toast-wrap {
  pointer-events: none;
}
/************************************************
 * [UDC] udcSnackBar
 * --> udc/etc/udcSnackBar
 ************************************************/
.cl-embeddedapp.udc-snackbar {
  transition: all 0.1s ease-in;
  /* 알림으로만 사용하는 경우 isNotifyOnly = true */
}
.cl-embeddedapp.udc-snackbar.move-position {
  top: 0px !important;
  z-index: 2 !important;
}
.cl-embeddedapp.udc-snackbar.isnoti {
  position: fixed !important;
  left: calc(50% - 400px);
  width: 800px;
  transition: none;
  visibility: hidden;
  opacity: 0;
  transform: scale(0.9);
}
.cl-embeddedapp.udc-snackbar.isnoti.visible {
  transition: 0.13s ease;
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.cl-embeddedapp.udc-snackbar.isnoti.hidden {
  transition: 0.5s ease;
  transform: scale(0.9);
  opacity: 0;
  visibility: hidden;
}
.cl-container.udc-snackbar {
  background-color: #395185;
  border-radius: 8px;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
  padding: 12px 16px;
  transition: all 0.15s ease;
}
.cl-container.udc-snackbar .cl-output.message {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 15px;
  margin-right: 4px;
}
.cl-container.udc-snackbar .cl-output.message .cl-text {
  line-height: 22.5px;
}
.cl-container.udc-snackbar .cl-button.btn-i-right {
  font-size: 15px;
  color: #FFFFFF;
  font-weight: 400;
}
.cl-container.udc-snackbar .cl-button.btn-i-right.cl-icon-align-right .cl-icon {
  margin: 0 0 0 4px;
}
.cl-container.udc-snackbar .cl-button.btn-i-right .cl-icon {
  background-image: url("images/controls/button/ic_btn_right_w_12.svg") !important;
  background-size: 12px;
  width: 12px;
  height: 12px;
}
.cl-container.udc-snackbar .cl-button.btn-i-right:focus,
.cl-container.udc-snackbar .cl-button.btn-i-right.cl-focus {
  outline: 2px dotted #111111;
}
/************************************************
 * [UDC] udcStepper
 * --> udc/com/udcStepper
 ************************************************/
.cl-container.stepper .cl-container.stepper-item {
  /* 라벨 스타일 */
  /* 활성화 상태 스타일 */
  /* 완료 상태 스타일 */
}
.cl-container.stepper .cl-container.stepper-item .cl-output.item {
  overflow: visible !important;
  background: #FFFFFF url("images/com/udc/ic_stepper.svg") no-repeat center;
}
.cl-container.stepper .cl-container.stepper-item .cl-output.item:before {
  content: "";
  position: absolute;
  right: calc(50% + 14px);
  height: 2px;
  top: calc(50% - 1px);
  background-color: #DDDDDD;
  width: 100%;
}
.cl-container.stepper .cl-container.stepper-item .cl-output.item:after {
  content: "";
  position: absolute;
  left: calc(50% + 14px);
  height: 2px;
  top: calc(50% - 1px);
  background-color: #DDDDDD;
  width: 100%;
}
.cl-container.stepper .cl-container.stepper-item .cl-output.bar {
  border-radius: 999px;
  background-color: #DDDDDD;
}
.cl-container.stepper .cl-container.stepper-item .cl-output.label {
  color: #555555;
  text-align: center;
  font-size: 15px;
  font-weight: 400;
}
.cl-container.stepper .cl-container.stepper-item.active .cl-output.item {
  background-image: url("images/com/udc/ic_stepper_active.svg");
}
.cl-container.stepper .cl-container.stepper-item.active .cl-output.item:before {
  background-color: #FF5200;
}
.cl-container.stepper .cl-container.stepper-item.active .cl-output.label {
  color: #111111;
  font-weight: 500;
}
.cl-container.stepper .cl-container.stepper-item.complete .cl-output.item {
  background-image: url("images/com/udc/ic_stepper_complete.svg");
}
.cl-container.stepper .cl-container.stepper-item.complete .cl-output.item:before,
.cl-container.stepper .cl-container.stepper-item.complete .cl-output.item:after {
  background-color: #FF5200;
}
.cl-container.stepper .cl-container.stepper-item.complete .cl-output.bar {
  background-color: #FF5200;
}
.cl-container.stepper .cl-container.stepper-item.cl-first-column .cl-output.item:before {
  left: calc(50% + 14px);
}
.cl-container.stepper .cl-container.stepper-item.cl-last-column .cl-output.item:after {
  display: none;
}
.cl-container.stepper .cl-container.stepper-item.cl-last-column.active .cl-output.item {
  background-image: url("images/com/udc/ic_stepper_complete.svg");
}
/************************************************
 * [UDC] udcComLoadMask
 * --> udc/com/udcComLoadMask
 ************************************************/
.cl-container.udc-pageindexer .cl-button.btn-i-left .cl-icon {
  background-image: url("images/controls/button/ic_btn_left_12.svg") !important;
  background-size: 13px;
  width: 12px;
  height: 12px;
}
.cl-container.udc-pageindexer .cl-button.btn-i-right .cl-icon {
  background-image: url("images/controls/button/ic_btn_right_g_12.svg") !important;
  background-size: 12px;
  width: 12px;
  height: 12px;
}
/************************************************
 * 스피너
 * → udc/com/udcComLoadmask.clx
 ************************************************/
.spinner-overlay {
  background: rgba(0, 0, 0, 0.28);
}
.cl-container.udcComLoadmask .cl-image.spinner {
  animation: spin 1.5s infinite linear;
}
@keyframes spin {
  100% {
    transform: rotate(1turn);
  }
}
/************************************************
 * 커스텀 툴팁
 * → udc/com/udcComCustomTooltip.clx
 * → udc/com/udcComCustomTooltipbyTitle.clx
 ************************************************/
.cl-container.tooltip-box {
  border: 1px solid #111111;
  border-radius: 12px;
  padding: 16px;
  background-color: #FFFFFF;
}
.cl-container.tooltip-box .cl-button.btn-closed {
  background-color: transparent !important;
  border: none;
  border-radius: 0;
  background-image: url("images/controls/button/ic_btn_close.svg") !important;
  padding: 0;
  min-width: 0;
}
.cl-container.tooltip-box .cl-output.tit {
  font-size: 15px;
  font-weight: 700;
}
.cl-container.tooltip-box .cl-output.msg-tit {
  font-size: 15px;
  font-weight: 700;
}
.cl-container.tooltip-box .cl-output.msg-only {
  font-size: 15px;
}
.cl-container.tooltip-box .cl-output.msg {
  font-size: 15px;
}
.cl-container.tooltip-box .cl-output.msg:not(:has(.cl-text span.no-list)) {
  padding-left: 8px;
}
.cl-container.tooltip-box .cl-output.msg:not(:has(.cl-text span.no-list)) .cl-text span {
  color: #555555;
}
.cl-container.tooltip-box .cl-output.msg:not(:has(.cl-text span.no-list)):before {
  content: "";
  position: absolute;
  background: url("images/controls/output/ic_dot2.svg") no-repeat left center;
  width: 4px;
  height: 21px;
  left: 0;
  top: 0;
}
/************************************************
 * [EMB] embPrgStg
 * --> 
 ************************************************/
.cl-container.prg-stg .cl-container.step-box {
  /* 완료 상태 */
  /* 현재 상태 */
}
.cl-container.prg-stg .cl-container.step-box:not(.cl-last-row) .cl-container.step-content {
  margin-bottom: 40px;
}
.cl-container.prg-stg .cl-container.step-box .cl-container.step-content:not(.cl-disabled) {
  cursor: pointer;
}
.cl-container.prg-stg .cl-container.step-box .cl-container.step-content:not(:has(.cl-container.step-content-move-btn-box .cl-button:hover)):not(.cl-disabled):hover .tit,
.cl-container.prg-stg .cl-container.step-box .cl-container.step-content:not(:has(.cl-container.step-content-move-btn-box .cl-button:hover)):not(.cl-disabled):hover .sub-tit {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cl-container.prg-stg .cl-container.step-box .cl-output.tit {
  font-size: 17px;
  color: #111111;
  font-weight: 600;
}
.cl-container.prg-stg .cl-container.step-box .cl-button.tit {
  font-size: 17px;
  color: #111111;
  background-color: transparent;
  font-weight: 600;
  text-align: left;
  border: none;
  padding: 0;
  min-width: 0;
  border-radius: 0;
}
.cl-container.prg-stg .cl-container.step-box .cl-button.tit .cl-text {
  line-height: 1.5 !important;
}
.cl-container.prg-stg .cl-container.step-box .cl-button.tit:not(.cl-disabled):hover,
.cl-container.prg-stg .cl-container.step-box .cl-button.tit:focus,
.cl-container.prg-stg .cl-container.step-box .cl-button.tit.cl-focus,
.cl-container.prg-stg .cl-container.step-box .cl-button.tit:not(.cl-disabled).cl-activated,
.cl-container.prg-stg .cl-container.step-box .cl-button.tit:not(.cl-disabled):active {
  color: #555555;
  background-color: transparent;
}
.cl-container.prg-stg .cl-container.step-box .cl-output.sub-tit {
  font-size: 15px;
  color: #555555;
  margin-top: 4px;
}
.cl-container.prg-stg .cl-container.step-box .cl-output.sub-tit .cl-text {
  word-break: keep-all;
}
.cl-container.prg-stg .cl-container.step-box .cl-container.step-content-move-btn-box > .cl-layout > .cl-layout-content {
  align-content: center;
}
.cl-container.prg-stg .cl-container.step-box .cl-container.step-content-move-btn-box > .cl-layout > .cl-layout-content .cl-button {
  min-height: 34px;
  min-width: 110px;
}
.cl-container.prg-stg .cl-container.step-box .cl-output.img {
  background-repeat: no-repeat;
  background-position: center;
}
.cl-container.prg-stg .cl-container.step-box .cl-output.separator {
  background-color: #dddddd;
}
.cl-container.prg-stg .cl-container.step-box.complete .cl-button.tit,
.cl-container.prg-stg .cl-container.step-box.complete .cl-output.tit {
  color: #555555;
}
.cl-container.prg-stg .cl-container.step-box.complete .cl-output.img {
  background-image: url("images/controls/emb/img_farm_completed.png") !important;
}
.cl-container.prg-stg .cl-container.step-box.complete .cl-output.separator {
  background-color: #FF5200;
}
.cl-container.prg-stg .cl-container.step-box.active .cl-button.tit,
.cl-container.prg-stg .cl-container.step-box.active .cl-output.tit {
  color: #FF5200 !important;
}
.cl-container.prg-stg .cl-container.step-box.active.completed .cl-output.separator {
  background-color: #FF5200;
}
.cl-container.prg-stg .cl-container.step-box.disabled .cl-output.img {
  background-image: url("images/controls/emb/img_farm_disabled.png") !important;
}
.cl-container.prg-stg .cl-container.step-box.step1 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_1.png");
}
.cl-container.prg-stg .cl-container.step-box.step1.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_1_on.png");
}
.cl-container.prg-stg .cl-container.step-box.step2 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_2.png");
}
.cl-container.prg-stg .cl-container.step-box.step2.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_2_on.png");
}
.cl-container.prg-stg .cl-container.step-box.step3 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_3.png");
}
.cl-container.prg-stg .cl-container.step-box.step3.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_3_on.png");
}
.cl-container.prg-stg .cl-container.step-box.step4 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_4.png");
}
.cl-container.prg-stg .cl-container.step-box.step4.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_4_on.png");
}
.cl-container.prg-stg .cl-container.step-box.step5 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_5.png");
}
.cl-container.prg-stg .cl-container.step-box.step5.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_5_on.png");
}
.cl-container.prg-stg .cl-container.step-box.step6 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_6.png");
}
.cl-container.prg-stg .cl-container.step-box.step6.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_6_on.png");
}
.cl-container.prg-stg .cl-container.step-box.step7 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_7.png");
}
.cl-container.prg-stg .cl-container.step-box.step7.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_7_on.png");
}
.cl-container.prg-stg .cl-container.step-box.step8 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_8.png");
}
.cl-container.prg-stg .cl-container.step-box.step8.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_8_on.png");
}
.cl-container.prg-stg.company .cl-container.step-box.step1 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_1.png");
}
.cl-container.prg-stg.company .cl-container.step-box.step1.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_1_on.png");
}
.cl-container.prg-stg.company .cl-container.step-box.step2 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_2.png");
}
.cl-container.prg-stg.company .cl-container.step-box.step2.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_2_on.png");
}
.cl-container.prg-stg.company .cl-container.step-box.step3 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_3.png");
}
.cl-container.prg-stg.company .cl-container.step-box.step3.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_3_on.png");
}
.cl-container.prg-stg.company .cl-container.step-box.step4 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_4.png");
}
.cl-container.prg-stg.company .cl-container.step-box.step4.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_4_on.png");
}
.cl-container.prg-stg.company .cl-container.step-box.step5 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_5.png");
}
.cl-container.prg-stg.company .cl-container.step-box.step5.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_5_on.png");
}
.cl-container.prg-stg.company .cl-container.step-box.step6 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_10.png");
}
.cl-container.prg-stg.company .cl-container.step-box.step6.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_10_on.png");
}
.cl-container.prg-stg.company .cl-container.step-box.step7 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_9.png");
}
.cl-container.prg-stg.company .cl-container.step-box.step7.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_9_on.png");
}
.cl-container.prg-stg.company .cl-container.step-box.step8 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_7.png");
}
.cl-container.prg-stg.company .cl-container.step-box.step8.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_7_on.png");
}
.cl-container.prg-stg.company .cl-container.step-box.step9 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_6.png");
}
.cl-container.prg-stg.company .cl-container.step-box.step9.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_6_on.png");
}
.cl-container.prg-stg.company .cl-container.step-box.step10 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_8.png");
}
.cl-container.prg-stg.company .cl-container.step-box.step10.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_8_on.png");
}
.cl-container.prg-stg.substitute .cl-container.step-box.step1 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_1.png");
}
.cl-container.prg-stg.substitute .cl-container.step-box.step1.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_1_on.png");
}
.cl-container.prg-stg.substitute .cl-container.step-box.step2 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_2.png");
}
.cl-container.prg-stg.substitute .cl-container.step-box.step2.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_2_on.png");
}
.cl-container.prg-stg.substitute .cl-container.step-box.step3 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_11.png");
}
.cl-container.prg-stg.substitute .cl-container.step-box.step3.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_11_on.png");
}
.cl-container.prg-stg.substitute .cl-container.step-box.step4 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_12.png");
}
.cl-container.prg-stg.substitute .cl-container.step-box.step4.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_12_on.png");
}
.cl-container.prg-stg.substitute .cl-container.step-box.step5 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_8.png");
}
.cl-container.prg-stg.substitute .cl-container.step-box.step5.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_8_on.png");
}
.cl-container.prg-stg.change,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) {
  padding: 40px 0;
}
.cl-container.prg-stg.change .cl-container.step-box .cl-button.tit,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-button.tit,
.cl-container.prg-stg.change .cl-container.step-box .cl-output.tit,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-output.tit {
  font-size: 25px;
  color: #555555 !important;
  font-weight: 600;
}
.cl-container.prg-stg.change .cl-container.step-box .cl-button.tit .cl-text,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-button.tit .cl-text,
.cl-container.prg-stg.change .cl-container.step-box .cl-output.tit .cl-text,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-output.tit .cl-text {
  line-height: 1.3 !important;
}
.cl-container.prg-stg.change .cl-container.step-box .cl-button.tit.cl-disabled,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-button.tit.cl-disabled,
.cl-container.prg-stg.change .cl-container.step-box .cl-output.tit.cl-disabled,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-output.tit.cl-disabled {
  color: #111111 !important;
}
.cl-container.prg-stg.change .cl-container.step-box .cl-output.sub-tit,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-output.sub-tit {
  font-size: 19px;
  margin-top: 12px;
}
.cl-container.prg-stg.change .cl-container.step-box .cl-output.sub-tit-alert,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-output.sub-tit-alert {
  font-size: 19px;
  color: #EB003B;
}
.cl-container.prg-stg.change .cl-container.step-box .cl-container.step-content,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-container.step-content {
  margin-left: 8px;
}
.cl-container.prg-stg.change .cl-container.step-box:not(.cl-first-row) .cl-container.step-content,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box:not(.cl-first-row) .cl-container.step-content {
  margin-top: 40px;
}
.cl-container.prg-stg.change .cl-container.step-box:not(.cl-first-row) .cl-container.step-img-box,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box:not(.cl-first-row) .cl-container.step-img-box {
  margin-top: 40px;
}
.cl-container.prg-stg.change .cl-container.step-box:not(.cl-first-row) .cl-container.step-img-box:before,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box:not(.cl-first-row) .cl-container.step-img-box:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 40px;
  top: -40px;
  left: calc(50% - 0.5px);
  background-color: #DDDDDD;
}
.cl-container.prg-stg.change .cl-container.step-box .cl-container.step-img-box .img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-container.step-img-box .img {
  width: 72px;
  height: 72px;
  background-size: 72px;
}
.cl-container.prg-stg.change .cl-container.step-box.active:not(.cl-disabled) .cl-container.step-content,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box.active:not(.cl-disabled) .cl-container.step-content {
  padding-right: 28px;
  background: url("images/controls/button/ic_btn_right_24.svg") no-repeat right center;
}
.cl-container.prg-stg.change .cl-container.step-box.active .cl-output.separator,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box.active .cl-output.separator {
  background-color: #FF5200;
}
.cl-container.prg-stg.change .cl-container.step-box.active:not(.cl-first-row) .cl-container.step-img-box:before,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box.active:not(.cl-first-row) .cl-container.step-img-box:before {
  background-color: #FF5200;
}
.cl-container.prg-stg.change .cl-container.step-box.complete .cl-output.img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box.complete .cl-output.img {
  background-image: url("images/controls/emb/img_farm_completed_lg.png") !important;
}
.cl-container.prg-stg.change .cl-container.step-box.step1 .cl-output.img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box.step1 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_1_lg.png");
}
.cl-container.prg-stg.change .cl-container.step-box.step1.active .cl-output.img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box.step1.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_1_on_lg.png");
}
.cl-container.prg-stg.change .cl-container.step-box.step2 .cl-output.img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box.step2 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_2_lg.png");
}
.cl-container.prg-stg.change .cl-container.step-box.step2.active .cl-output.img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box.step2.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_2_on_lg.png");
}
.cl-container.prg-stg.change .cl-container.step-box.step3 .cl-output.img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box.step3 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_3_lg.png");
}
.cl-container.prg-stg.change .cl-container.step-box.step3.active .cl-output.img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box.step3.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_3_on_lg.png");
}
.cl-container.prg-stg.change .cl-container.step-box.step4 .cl-output.img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box.step4 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_4_lg.png");
}
.cl-container.prg-stg.change .cl-container.step-box.step4.active .cl-output.img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box.step4.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_4_on_lg.png");
}
.cl-container.prg-stg.change .cl-container.step-box.step5 .cl-output.img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box.step5 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_5_lg.png");
}
.cl-container.prg-stg.change .cl-container.step-box.step5.active .cl-output.img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box.step5.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_5_on_lg.png");
}
.cl-container.prg-stg.change .cl-container.step-box.step6 .cl-output.img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box.step6 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_6_lg.png");
}
.cl-container.prg-stg.change .cl-container.step-box.step6.active .cl-output.img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box.step6.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_6_on_lg.png");
}
.cl-container.prg-stg.change .cl-container.step-box.step7 .cl-output.img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box.step7 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_7_lg.png");
}
.cl-container.prg-stg.change .cl-container.step-box.step7.active .cl-output.img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box.step7.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_7_on_lg.png");
}
.cl-container.prg-stg.change .cl-container.step-box.step8 .cl-output.img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box.step8 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_8_lg.png");
}
.cl-container.prg-stg.change .cl-container.step-box.step8.active .cl-output.img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box.step8.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_8_on_lg.png");
}
.cl-container.prg-stg.change.company .cl-container.step-box.step6 .cl-output.img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)).company .cl-container.step-box.step6 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_10_lg.png");
}
.cl-container.prg-stg.change.company .cl-container.step-box.step6.active .cl-output.img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)).company .cl-container.step-box.step6.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_10_on_lg.png");
}
.cl-container.prg-stg.change.company .cl-container.step-box.step7 .cl-output.img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)).company .cl-container.step-box.step7 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_9_lg.png");
}
.cl-container.prg-stg.change.company .cl-container.step-box.step7.active .cl-output.img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)).company .cl-container.step-box.step7.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_9_on_lg.png");
}
.cl-container.prg-stg.change.company .cl-container.step-box.step8 .cl-output.img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)).company .cl-container.step-box.step8 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_7_lg.png");
}
.cl-container.prg-stg.change.company .cl-container.step-box.step8.active .cl-output.img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)).company .cl-container.step-box.step8.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_7_on_lg.png");
}
.cl-container.prg-stg.change.company .cl-container.step-box.step9 .cl-output.img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)).company .cl-container.step-box.step9 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_6_lg.png");
}
.cl-container.prg-stg.change.company .cl-container.step-box.step9.active .cl-output.img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)).company .cl-container.step-box.step9.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_6_on_lg.png");
}
.cl-container.prg-stg.change.company .cl-container.step-box.step10 .cl-output.img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)).company .cl-container.step-box.step10 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_8_lg.png");
}
.cl-container.prg-stg.change.company .cl-container.step-box.step10.active .cl-output.img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)).company .cl-container.step-box.step10.active .cl-output.img {
  background-image: url("images/controls/emb/img_farm_8_on_lg.png");
}
.cl-container.prg-stg.change.company .cl-container.step-box.active:not(.cl-disabled) .cl-container.step-content,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)).company .cl-container.step-box.active:not(.cl-disabled) .cl-container.step-content {
  padding-right: 48px;
}
.cl-container.prg-stg.change.substitute .cl-container.step-box.step1 .cl-output.img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)).substitute .cl-container.step-box.step1 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_1_lg.png");
}
.cl-container.prg-stg.change.substitute .cl-container.step-box.step2 .cl-output.img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)).substitute .cl-container.step-box.step2 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_2_lg.png");
}
.cl-container.prg-stg.change.substitute .cl-container.step-box.step3 .cl-output.img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)).substitute .cl-container.step-box.step3 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_11_lg.png");
}
.cl-container.prg-stg.change.substitute .cl-container.step-box.step4 .cl-output.img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)).substitute .cl-container.step-box.step4 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_12_lg.png");
}
.cl-container.prg-stg.change.substitute .cl-container.step-box.step5 .cl-output.img,
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)).substitute .cl-container.step-box.step5 .cl-output.img {
  background-image: url("images/controls/emb/img_farm_8_lg.png");
}
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) {
  padding: 0;
}
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-container.step-content {
  padding-right: 0px;
  background: none;
}
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-output.separator {
  background-color: #dddddd;
}
.cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box:not(.cl-first-row) .cl-container.step-img-box:before {
  background-color: #dddddd;
}
/********************************************** 2단계 **********************************************/
/************************************************
 * 직불제신청 사용자 안내 화면
 * → udc/etc/udcViewUserMsg.clx
 ************************************************/
.cl-container.udc-view-user-msg {
  background-color: #FFFFFF;
  padding: 40px 0;
}
.cl-container.udc-view-user-msg .cl-output.title {
  text-align: center;
}
.cl-container.udc-view-user-msg .cl-container.msg-box {
  min-width: 400px;
  border-radius: 999px;
}
.cl-container.udc-view-user-msg .cl-container.msg-content-box {
  padding: 4% 0;
}
.cl-container.udc-view-user-msg .cl-button.btn-stop {
  width: 32px !important;
  height: 32px !important;
  min-width: 0 !important;
  padding: 0;
  background-image: url("images/controls/button/ic_btn_stop.png") !important;
  background-size: 20px;
}
/************************************************
 * 직불제신청 스텝
 * → udc/etc/udcPaymentStep
 ************************************************/
.cl-container.prg-stg-payment .cl-container.step-box {
  /* 현재 상태 */
  /* 완료 상태 */
}
.cl-container.prg-stg-payment .cl-container.step-box:not(.cl-last-row) .cl-container.step-content {
  margin-bottom: 64px;
}
.cl-container.prg-stg-payment .cl-container.step-box.cl-last-row .cl-output.separator {
  display: none !important;
}
.cl-container.prg-stg-payment .cl-container.step-box .cl-container.step-content {
  padding-right: 28px;
  background: url("images/controls/button/ic_btn_right_24.svg") no-repeat right top;
  background-position-y: 4px;
}
.cl-container.prg-stg-payment .cl-container.step-box .cl-container.step-content:not(.cl-disabled) {
  cursor: pointer;
}
.cl-container.prg-stg-payment .cl-container.step-box .cl-container.step-content:not(.cl-disabled):hover .tit,
.cl-container.prg-stg-payment .cl-container.step-box .cl-container.step-content:not(.cl-disabled):hover .sub-tit {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cl-container.prg-stg-payment .cl-container.step-box .cl-output.tit {
  font-size: 25px;
  color: #555555;
  font-weight: 600;
}
.cl-container.prg-stg-payment .cl-container.step-box .cl-button.tit {
  font-size: 25px;
  color: #555555;
  background-color: transparent;
  font-weight: 600;
  text-align: left;
  border: none;
  padding: 0;
  min-width: 0;
  border-radius: 0;
}
.cl-container.prg-stg-payment .cl-container.step-box .cl-button.tit .cl-text {
  line-height: 1.3 !important;
}
.cl-container.prg-stg-payment .cl-container.step-box .cl-button.tit:not(.cl-disabled):hover,
.cl-container.prg-stg-payment .cl-container.step-box .cl-button.tit:focus,
.cl-container.prg-stg-payment .cl-container.step-box .cl-button.tit.cl-focus,
.cl-container.prg-stg-payment .cl-container.step-box .cl-button.tit:not(.cl-disabled).cl-activated,
.cl-container.prg-stg-payment .cl-container.step-box .cl-button.tit:not(.cl-disabled):active {
  color: #555555;
  background-color: transparent;
}
.cl-container.prg-stg-payment .cl-container.step-box .cl-button.tit.cl-disabled {
  color: #888888;
  background-color: transparent;
}
.cl-container.prg-stg-payment .cl-container.step-box .cl-output.sub-tit {
  font-size: 19px;
  color: #555555;
  margin-top: 10px;
}
.cl-container.prg-stg-payment .cl-container.step-box .cl-output.sub-tit .cl-text {
  word-break: keep-all;
}
.cl-container.prg-stg-payment .cl-container.step-box .cl-output.sub-tit .cl-text span {
  color: #FF5200;
}
.cl-container.prg-stg-payment .cl-container.step-box .cl-output.img {
  background-repeat: no-repeat;
  background-position: center;
  width: 72px !important;
  height: 72px !important;
  border: 1px solid #BBBBBB;
  border-radius: 999px;
  background-color: #FFFFFF;
}
.cl-container.prg-stg-payment .cl-container.step-box .cl-output.separator {
  background-color: #dddddd;
}
.cl-container.prg-stg-payment .cl-container.step-box.active .cl-button.tit,
.cl-container.prg-stg-payment .cl-container.step-box.active .cl-output.tit {
  color: #FF5200;
}
.cl-container.prg-stg-payment .cl-container.step-box.active .cl-output.img {
  background-color: #FF5200;
  border-color: #FF5200;
}
.cl-container.prg-stg-payment .cl-container.step-box.complete .cl-button.tit,
.cl-container.prg-stg-payment .cl-container.step-box.complete .cl-output.tit {
  color: #555555;
}
.cl-container.prg-stg-payment .cl-container.step-box.complete .cl-output.img {
  background-color: #FFEDE2;
  border-color: #FF5200;
  background-image: url("images/controls/emb/img_payment_completed.svg") !important;
}
.cl-container.prg-stg-payment .cl-container.step-box.cl-disabled .cl-container.step-content {
  background-image: url("images/controls/button/ic_btn_right_24_d.svg");
}
.cl-container.prg-stg-payment .cl-container.step-box.cl-disabled .cl-output.sub-tit {
  color: #BBBBBB;
}
.cl-container.prg-stg-payment .cl-container.step-box.cl-disabled .cl-output.img {
  background-color: #F4F4F4;
}
.cl-container.prg-stg-payment .cl-container.step-box.step1 .cl-output.img {
  background-image: url("images/controls/emb/img_payment_1.svg");
}
.cl-container.prg-stg-payment .cl-container.step-box.step1.active .cl-output.img {
  background-image: url("images/controls/emb/img_payment_1_on.svg");
}
.cl-container.prg-stg-payment .cl-container.step-box.step1.cl-disabled .cl-output.img {
  background-image: url("images/controls/emb/img_payment_1_disabled.svg");
}
.cl-container.prg-stg-payment .cl-container.step-box.step2 .cl-output.img {
  background-image: url("images/controls/emb/img_payment_2.svg");
}
.cl-container.prg-stg-payment .cl-container.step-box.step2.active .cl-output.img {
  background-image: url("images/controls/emb/img_payment_2_on.svg");
}
.cl-container.prg-stg-payment .cl-container.step-box.step2.cl-disabled .cl-output.img {
  background-image: url("images/controls/emb/img_payment_2_disabled.svg");
}
.cl-container.prg-stg-payment .cl-container.step-box.step3 .cl-output.img {
  background-image: url("images/controls/emb/img_payment_3.svg");
}
.cl-container.prg-stg-payment .cl-container.step-box.step3.active .cl-output.img {
  background-image: url("images/controls/emb/img_payment_3_on.svg");
}
.cl-container.prg-stg-payment .cl-container.step-box.step3.cl-disabled .cl-output.img {
  background-image: url("images/controls/emb/img_payment_3_disabled.svg");
}
.cl-container.prg-stg-payment .cl-container.step-box.step4 .cl-output.img {
  background-image: url("images/controls/emb/img_payment_4.svg");
}
.cl-container.prg-stg-payment .cl-container.step-box.step4.active .cl-output.img {
  background-image: url("images/controls/emb/img_payment_4_on.svg");
}
.cl-container.prg-stg-payment .cl-container.step-box.step4.cl-disabled .cl-output.img {
  background-image: url("images/controls/emb/img_payment_4_disabled.svg");
}
.cl-container.prg-stg-payment .cl-container.step-box.step5 .cl-output.img {
  background-image: url("images/controls/emb/img_payment_5.svg");
}
.cl-container.prg-stg-payment .cl-container.step-box.step5.active .cl-output.img {
  background-image: url("images/controls/emb/img_payment_5_on.svg");
}
.cl-container.prg-stg-payment .cl-container.step-box.step5.cl-disabled .cl-output.img {
  background-image: url("images/controls/emb/img_payment_5_disabled.svg");
}
.cl-container.prg-stg-payment .cl-container.step-box.application .cl-output.img {
  background-image: url("images/controls/emb/img_payment_6.svg");
}
.cl-container.prg-stg-payment .cl-container.step-box.application.active .cl-output.img {
  background-image: url("images/controls/emb/img_payment_6_on.svg");
}
.cl-container.prg-stg-payment .cl-container.step-box.application.cl-disabled .cl-output.img {
  background-image: url("images/controls/emb/img_payment_6_disabled.svg");
}
.content-body.orange .prg-stg-payment .step-box.complete .cl-output.img {
  background-color: #FFEDE2;
  background-image: url("images/controls/emb/img_payment_completed.svg") !important;
}
.content-body.indigo .prg-stg-payment .step-box.complete .cl-output.img {
  background-color: #edf0f5;
  background-image: url("images/controls/emb/img_payment_completed_indigo.svg") !important;
}
.content-body.green .prg-stg-payment .step-box.complete .cl-output.img {
  background-color: #f5fdf4;
  background-image: url("images/controls/emb/img_payment_completed_green.svg") !important;
}
.content-body.purple .prg-stg-payment .step-box.complete .cl-output.img {
  background-color: #fcf6ff;
  background-image: url("images/controls/emb/img_payment_completed_purple.svg") !important;
}
.content-body.black .prg-stg-payment .step-box.complete .cl-output.img {
  background-color: #f4f4f4;
  background-image: url("images/controls/emb/img_payment_completed_black.svg") !important;
}
.content-body.blue .prg-stg-payment .step-box.complete .cl-output.img {
  background-color: #f4f6fe;
  background-image: url("images/controls/emb/img_payment_completed_blue.svg") !important;
}
.content-body.brown .prg-stg-payment .step-box.complete .cl-output.img {
  background-color: #fffaf8;
  background-image: url("images/controls/emb/img_payment_completed_brown.svg") !important;
}
.content-body.red .prg-stg-payment .step-box.complete .cl-output.img {
  background-color: #fff7f6;
  background-image: url("images/controls/emb/img_payment_completed_red.svg") !important;
}
.content-body.organic-meterial .prg-stg-payment .step-box.complete .cl-output.img {
  background-color: #ecf8ed;
  background-image: url("images/controls/emb/img_payment_completed_0_477022.svg") !important;
}
.content-body.meterial-seed .prg-stg-payment .step-box.complete .cl-output.img {
  background-color: #ecf8ed;
  background-image: url("images/controls/emb/img_payment_completed_0_0d330e.svg") !important;
}
.content-body.soil-consulting .prg-stg-payment .step-box.complete .cl-output.img {
  background-color: #ecf8ed;
  background-image: url("images/controls/emb/img_payment_completed_0_2d531a.svg") !important;
}
.content-body.crops .prg-stg-payment .step-box.complete .cl-output.img {
  background-color: #ecf8ed;
  background-image: url("images/controls/emb/img_payment_completed_0_0a5b4a.svg") !important;
}
.content-body.tabaco .prg-stg-payment .step-box.complete .cl-output.img {
  background-color: #ecf8ed;
  background-image: url("images/controls/emb/img_payment_completed_0_2c453f.svg") !important;
}
/* 활성화 사업에 따라 step complete 변환 mixin */
/************************************************
 * 확장형 스텝 (직불외 사업 사용)
 * → udc/etc/udcExtStep
 ************************************************/
.cl-container.prg-stg-extension .cl-container.step-box {
  /* 완료 상태 */
  /* 현재 상태 */
}
.cl-container.prg-stg-extension .cl-container.step-box:not(.cl-last-row) .cl-container.step-content {
  margin-bottom: 40px;
}
.cl-container.prg-stg-extension .cl-container.step-box .cl-container.step-content:not(.cl-disabled) {
  cursor: pointer;
}
.cl-container.prg-stg-extension .cl-container.step-box .cl-container.step-content:not(.cl-disabled):hover .tit,
.cl-container.prg-stg-extension .cl-container.step-box .cl-container.step-content:not(.cl-disabled):hover .sub-tit {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cl-container.prg-stg-extension .cl-container.step-box .cl-output.tit {
  font-size: 17px;
  color: #111111;
  font-weight: 600;
}
.cl-container.prg-stg-extension .cl-container.step-box .cl-button.tit {
  font-size: 17px;
  color: #111111;
  background-color: transparent;
  font-weight: 600;
  text-align: left;
  border: none;
  padding: 0;
  min-width: 0;
  border-radius: 0;
}
.cl-container.prg-stg-extension .cl-container.step-box .cl-button.tit .cl-text {
  line-height: 1.5 !important;
}
.cl-container.prg-stg-extension .cl-container.step-box .cl-button.tit:not(.cl-disabled):hover,
.cl-container.prg-stg-extension .cl-container.step-box .cl-button.tit:focus .cl-container.prg-stg-extension .cl-container.step-box .cl-button.tit.cl-focus,
.cl-container.prg-stg-extension .cl-container.step-box .cl-button.tit:not(.cl-disabled).cl-activated,
.cl-container.prg-stg-extension .cl-container.step-box .cl-button.tit:not(.cl-disabled):active {
  color: #555555;
  background-color: transparent;
}
.cl-container.prg-stg-extension .cl-container.step-box .cl-output.sub-tit {
  font-size: 15px;
  color: #555555;
  margin-top: 4px;
}
.cl-container.prg-stg-extension .cl-container.step-box .cl-output.sub-tit .cl-text {
  word-break: keep-all;
}
.cl-container.prg-stg-extension .cl-container.step-box .cl-output.sub-tit .cl-text span.line:not(:last-child) {
  padding-right: 24px;
  position: relative;
}
.cl-container.prg-stg-extension .cl-container.step-box .cl-output.sub-tit .cl-text span.line:not(:last-child):before {
  content: "";
  position: absolute;
  right: 12px;
  width: 1.5px;
  height: 16px;
  top: calc(50% - 8px);
  background-color: #DDDDDD;
}
.cl-container.prg-stg-extension .cl-container.step-box .cl-output.img {
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #BBBBBB;
  border-radius: 9999px;
  background-size: 24px;
}
.cl-container.prg-stg-extension .cl-container.step-box .cl-output.separator {
  background-color: #dddddd;
}
.cl-container.prg-stg-extension .cl-container.step-box.complete .cl-button.tit,
.cl-container.prg-stg-extension .cl-container.step-box.complete .cl-output.tit {
  color: #555555;
}
.cl-container.prg-stg-extension .cl-container.step-box.complete .cl-container.step-img-box .cl-output.img {
  background-image: url("images/controls/emb/img_farm_completed.png");
  background-size: auto !important;
  border: none;
}
.cl-container.prg-stg-extension .cl-container.step-box.complete .cl-container.step-img-box .cl-output.separator {
  background-color: #FF5200;
  /* 완료 상태 마지막 라인은 회색 */
}
.cl-container.prg-stg-extension .cl-container.step-box.complete .cl-container.step-img-box .cl-output.separator.cmp-last {
  background-color: #EEEEEE;
}
.cl-container.prg-stg-extension .cl-container.step-box.active .cl-button.tit,
.cl-container.prg-stg-extension .cl-container.step-box.active .cl-output.tit {
  color: #FF5200 !important;
}
.cl-container.prg-stg-extension .cl-container.step-box.active .cl-container.step-img-box .cl-output.img {
  border-color: #FF5200;
  background-color: #FF5200;
}
.cl-container.prg-stg-extension .cl-container.step-box.active.completed .cl-output.separator {
  background-color: #FF5200;
}
.cl-container.prg-stg-extension .cl-container.step-box.disabled .cl-container.step-img-box .cl-output.img {
  border: none;
  background-image: url("images/controls/emb/img_farm_disabled.png") !important;
}
.cl-container.prg-stg-extension .cl-container.step-box.default .cl-output.separator {
  background-color: #FF5200 !important;
}
.cl-container.prg-stg-extension .cl-container.step-box.apply .cl-output.img {
  background-image: url("images/controls/emb/udcExtStep/ic_apply.svg");
}
.cl-container.prg-stg-extension .cl-container.step-box.apply.active .cl-output.img {
  background-image: url("images/controls/emb/udcExtStep/ic_apply_on.svg");
}
.cl-container.prg-stg-extension .cl-container.step-box.edit .cl-output.img {
  background-image: url("images/controls/emb/udcExtStep/ic_edit.svg");
}
.cl-container.prg-stg-extension .cl-container.step-box.edit.active .cl-output.img {
  background-image: url("images/controls/emb/udcExtStep/ic_edit_on.svg");
}
.cl-container.prg-stg-extension .cl-container.step-box.upload .cl-output.img {
  background-image: url("images/controls/emb/udcExtStep/ic_file_upload.svg");
}
.cl-container.prg-stg-extension .cl-container.step-box.upload.active .cl-output.img {
  background-image: url("images/controls/emb/udcExtStep/ic_file_upload_on.svg");
}
.cl-container.prg-stg-extension .cl-container.step-box.finish .cl-output.img {
  background-image: url("images/controls/emb/udcExtStep/ic_finish.svg");
}
.cl-container.prg-stg-extension .cl-container.step-box.finish.active .cl-output.img {
  background-image: url("images/controls/emb/udcExtStep/ic_finish_on.svg");
}
.cl-container.prg-stg-extension .cl-container.step-box.info .cl-output.img {
  background-image: url("images/controls/emb/udcExtStep/ic_info.svg");
}
.cl-container.prg-stg-extension .cl-container.step-box.info.active .cl-output.img {
  background-image: url("images/controls/emb/udcExtStep/ic_info_on.svg");
}
.cl-container.prg-stg-extension .cl-container.step-box.list .cl-output.img {
  background-image: url("images/controls/emb/udcExtStep/ic_list_check.svg");
}
.cl-container.prg-stg-extension .cl-container.step-box.list.active .cl-output.img {
  background-image: url("images/controls/emb/udcExtStep/ic_list_check_on.svg");
}
.cl-container.prg-stg-extension .cl-container.step-box.money .cl-output.img {
  background-image: url("images/controls/emb/udcExtStep/ic_money.svg");
}
.cl-container.prg-stg-extension .cl-container.step-box.money.active .cl-output.img {
  background-image: url("images/controls/emb/udcExtStep/ic_money_on.svg");
}
.cl-container.prg-stg-extension .cl-container.step-box.people .cl-output.img {
  background-image: url("images/controls/emb/udcExtStep/ic_people.svg");
}
.cl-container.prg-stg-extension .cl-container.step-box.people.active .cl-output.img {
  background-image: url("images/controls/emb/udcExtStep/ic_people_on.svg");
}
.cl-container.prg-stg-extension .cl-container.step-box.policy .cl-output.img {
  background-image: url("images/controls/emb/udcExtStep/ic_policy.svg");
}
.cl-container.prg-stg-extension .cl-container.step-box.policy.active .cl-output.img {
  background-image: url("images/controls/emb/udcExtStep/ic_policy_on.svg");
}
.cl-container.prg-stg-extension .cl-container.step-box.quarter .cl-output.img {
  background-image: url("images/controls/emb/udcExtStep/ic_quarter.svg");
}
.cl-container.prg-stg-extension .cl-container.step-box.quarter.active .cl-output.img {
  background-image: url("images/controls/emb/udcExtStep/ic_quarter_on.svg");
}
.cl-container.prg-stg-extension .cl-container.step-box.location .cl-output.img {
  background-image: url("images/controls/emb/udcExtStep/ic_location.svg");
}
.cl-container.prg-stg-extension .cl-container.step-box.location.active .cl-output.img {
  background-image: url("images/controls/emb/udcExtStep/ic_location_on.svg");
}
.cl-container.prg-stg-extension .cl-container.step-box.item .cl-output.img {
  background-image: url("images/controls/emb/udcExtStep/ic_item.svg");
}
.cl-container.prg-stg-extension .cl-container.step-box.item.active .cl-output.img {
  background-image: url("images/controls/emb/udcExtStep/ic_item_on.svg");
}
.cl-container.prg-stg-extension .cl-container.step-box.write .cl-output.img {
  background-image: url("images/controls/emb/udcExtStep/ic_write.svg");
}
.cl-container.prg-stg-extension .cl-container.step-box.write.active .cl-output.img {
  background-image: url("images/controls/emb/udcExtStep/ic_write_on.svg");
}
.cl-container.prg-stg-extension:not(:has(.active)):not(:has(.complete)),
.cl-container.prg-stg-extension.step-highlight {
  padding: 0;
}
.cl-container.prg-stg-extension:not(:has(.active)):not(:has(.complete)) .cl-container.step-box:not(.cl-last-row) .cl-container.step-content,
.cl-container.prg-stg-extension.step-highlight .cl-container.step-box:not(.cl-last-row) .cl-container.step-content {
  margin-bottom: 64px;
  margin-left: 8px;
}
.cl-container.prg-stg-extension:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-container.step-content,
.cl-container.prg-stg-extension.step-highlight .cl-container.step-box .cl-container.step-content {
  padding-right: 0px;
  background: none;
  min-height: 72px;
}
.cl-container.prg-stg-extension:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-output.separator,
.cl-container.prg-stg-extension.step-highlight .cl-container.step-box .cl-output.separator {
  background-color: #dddddd;
}
.cl-container.prg-stg-extension:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-button.tit,
.cl-container.prg-stg-extension.step-highlight .cl-container.step-box .cl-button.tit {
  font-size: 25px;
}
.cl-container.prg-stg-extension:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-button.tit .cl-text,
.cl-container.prg-stg-extension.step-highlight .cl-container.step-box .cl-button.tit .cl-text {
  line-height: 1.3 !important;
}
.cl-container.prg-stg-extension:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-output.sub-tit,
.cl-container.prg-stg-extension.step-highlight .cl-container.step-box .cl-output.sub-tit {
  font-size: 19px;
}
.cl-container.prg-stg-extension:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-container.step-img-box .cl-output.img,
.cl-container.prg-stg-extension.step-highlight .cl-container.step-box .cl-container.step-img-box .cl-output.img {
  width: 72px !important;
  height: 72px !important;
  background-size: 32px;
}
.cl-container.prg-stg-extension:not(:has(.active)):not(:has(.complete)) .cl-container.step-box.complete .cl-container.step-img-box .cl-output.img,
.cl-container.prg-stg-extension.step-highlight .cl-container.step-box.complete .cl-container.step-img-box .cl-output.img {
  background-image: url("images/controls/emb/img_farm_completed_lg.png");
}
.cl-container.prg-stg-extension:not(:has(.active)):not(:has(.complete)) .cl-container.step-box.disabled .cl-container.step-img-box .cl-output.img,
.cl-container.prg-stg-extension.step-highlight .cl-container.step-box.disabled .cl-container.step-img-box .cl-output.img {
  border: none;
  background-size: 72px !important;
}
.cl-container.prg-stg-extension:not(:has(.active)):not(:has(.complete)) .cl-container.step-box:not(.cl-first-row) .cl-container.step-img-box:before,
.cl-container.prg-stg-extension.step-highlight .cl-container.step-box:not(.cl-first-row) .cl-container.step-img-box:before {
  background-color: #dddddd;
}
/************************************************
 * 직불금 농지 직접 추가 영역 토글 버튼
 * → udc/etc/udcToggleFarmBox
 ************************************************/
.cl-container.udc-toggle-farm-box .cl-checkbox .cl-checkbox-icon {
  width: 24px;
  height: 24px;
  min-height: 24px;
  margin: 0;
  background: url("images/controls/accordion/ic_btn_collapse_g.svg");
}
.cl-container.udc-toggle-farm-box .cl-checkbox .cl-text {
  display: none;
}
.cl-container.udc-toggle-farm-box .cl-checkbox.cl-checked .cl-checkbox-icon {
  background-image: url("images/controls/accordion/ic_btn_expand_g.svg");
}
/************************************************
 * 수정불가
 ************************************************/
.cl-inputbox.error,
.cl-searchinput.error,
.cl-maskeditor.error,
.cl-fileinput.error,
.cl-numbereditor.error,
.cl-dateinput.error,
.cl-textarea.error,
.cl-combobox.error {
  background-color: #FFFFFF;
  border-color: #EB003B;
  color: #EB003B;
}
.cl-inputbox.cl-readonly,
.cl-searchinput.cl-readonly,
.cl-maskeditor.cl-readonly,
.cl-fileinput.cl-readonly,
.cl-numbereditor.cl-readonly,
.cl-dateinput.cl-readonly,
.cl-textarea.cl-readonly,
.cl-combobox.cl-readonly {
  background-color: #F8F8F8;
}
.cl-inputbox.cl-readonly.cl-disabled,
.cl-searchinput.cl-readonly.cl-disabled,
.cl-maskeditor.cl-readonly.cl-disabled,
.cl-fileinput.cl-readonly.cl-disabled,
.cl-numbereditor.cl-readonly.cl-disabled,
.cl-dateinput.cl-readonly.cl-disabled,
.cl-textarea.cl-readonly.cl-disabled,
.cl-combobox.cl-readonly.cl-disabled {
  background-color: #EEEEEE;
}
.cl-inputbox.normal-state.cl-readonly,
.cl-searchinput.normal-state.cl-readonly,
.cl-maskeditor.normal-state.cl-readonly,
.cl-fileinput.normal-state.cl-readonly,
.cl-numbereditor.normal-state.cl-readonly,
.cl-dateinput.normal-state.cl-readonly,
.cl-textarea.normal-state.cl-readonly,
.cl-combobox.normal-state.cl-readonly {
  background-color: #FFFFFF;
}
.cl-inputbox.normal-state.cl-readonly.cl-disabled,
.cl-searchinput.normal-state.cl-readonly.cl-disabled,
.cl-maskeditor.normal-state.cl-readonly.cl-disabled,
.cl-fileinput.normal-state.cl-readonly.cl-disabled,
.cl-numbereditor.normal-state.cl-readonly.cl-disabled,
.cl-dateinput.normal-state.cl-readonly.cl-disabled,
.cl-textarea.normal-state.cl-readonly.cl-disabled,
.cl-combobox.normal-state.cl-readonly.cl-disabled {
  background-color: #EEEEEE;
}
/************************************************
 * 필수입력
 ************************************************/
.cl-output.required .cl-text:after {
  content: "*";
  position: relative;
  font-size: 17px;
  font-weight: 600;
  color: #ff5200;
  padding-left: 4px;
}
.cl-container.required > .cl-layout > .cl-layout-content > .cl-layout-wrap:last-child {
  margin-right: 10px;
}
.cl-container.required > .cl-layout > .cl-layout-content > .cl-layout-wrap:last-child:after {
  content: "*";
  position: absolute;
  right: -12px;
  height: 100%;
  top: -2px;
  font-size: 17px;
  font-weight: 600;
  color: #ff5200;
}
.cl-checkbox.required.required .cl-text:after {
  content: "*";
  position: relative;
  font-size: 17px;
  font-weight: 600;
  color: #ff5200;
  padding-left: 4px;
}
/************************************************
 * 아이템 자동크기 탭 폴더
 ************************************************/
.cl-tabfolder.tab-auto .cl-tabfolder-header .cl-tabfolder-item:not(.cl-first) {
  margin-left: 32px;
}
.cl-container.grp-folder-sticky .cl-layout-wrap.tab-folder-sticky {
  position: sticky !important;
  top: 109px;
  left: 0;
  right: 0;
  z-index: 1;
  background-color: #FFFFFF;
}
.cl-container.grp-folder-sticky .cl-layout-wrap:has(.tab-rounded) {
  background-color: #FFFFFF;
}
/* 2depth가 추가된 스티키 스타일 */
.cl-container.sticky-tab-box .cl-layout-wrap.tab-sticky-1 {
  position: sticky !important;
  top: 109px;
  left: 0;
  right: 0;
  z-index: 1;
  background-color: #FFFFFF;
}
.cl-container.sticky-tab-box .cl-tabfolder.tab-rounded {
  margin-top: -24px;
}
/************************************************
 * rounded 탭 폴더 스타일 (모바일)
 ************************************************/
.cl-tabfolder.tab-rounded .cl-tabfolder-header {
  height: 52px;
  padding: 0;
  border-bottom: 0;
  background-color: transparent;
}
.cl-tabfolder.tab-rounded .cl-tabfolder-header:before {
  display: none;
}
.cl-tabfolder.tab-rounded .cl-tabfolder-header .cl-tabfolder-item {
  background-color: #F4F4F4;
  border: 1px solid #DDDDDD;
  border-radius: 999px;
  color: #555555;
  padding: 0px 40px;
  font-size: 21px;
}
.cl-tabfolder.tab-rounded .cl-tabfolder-header .cl-tabfolder-item .cl-text {
  min-width: 78px;
}
.cl-tabfolder.tab-rounded .cl-tabfolder-header .cl-tabfolder-item:not(.cl-first) {
  margin-left: 12px;
}
.cl-tabfolder.tab-rounded .cl-tabfolder-header .cl-tabfolder-item:not(.cl-selected):hover {
  background-color: #F4F4F4;
  border-color: #DDDDDD;
  color: #555555;
}
.cl-tabfolder.tab-rounded .cl-tabfolder-header .cl-tabfolder-item.cl-selected {
  background-color: #FF5200;
  border-color: #FF5200;
  color: #FFFFFF;
}
.cl-tabfolder.tab-rounded .cl-tabfolder-body {
  background-color: #FFFFFF;
}
.cl-tabfolder.change-layout .cl-tabfolder-body {
  background-color: transparent;
}
/************************************************
 *  탭형 링크 버튼 
 ************************************************/
.cl-container.btn-header-link-box {
  width: 1416px !important;
  margin: 0 auto;
}
.cl-container.btn-header-link-box:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  height: 1px;
  background-color: #EEEEEE;
}
.cl-container.btn-header-link-box .cl-layout::-webkit-scrollbar {
  display: none;
}
.cl-container.btn-header-link-box .cl-layout {
  scrollbar-width: none;
  /* 파이어폭스 */
}
.cl-container.btn-header-link-box > .cl-layout > .cl-layout-content.item-fill {
  display: flex !important;
}
.cl-container.btn-header-link-box > .cl-layout > .cl-layout-content.item-fill > .cl-layout-wrap.item-fill {
  flex: 1 1 auto;
}
.cl-container.btn-header-link-box > .cl-layout > .cl-layout-content.item-fill > .cl-layout-wrap.item-fill .cl-button.btn-header-link {
  background-color: transparent;
}
.cl-button.btn-header-link {
  height: 80px !important;
  border-radius: 0;
  color: #888888;
  font-size: 25px;
  font-weight: 500;
  border: none;
  text-align: center;
}
.cl-button.btn-header-link .cl-text {
  line-height: 1.3 !important;
}
.cl-button.btn-header-link:hover:not(.on) {
  color: #888888;
  border-color: #DDDDDD;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cl-button.btn-header-link:focus:not(.cl-disabled),
.cl-button.btn-header-link.cl-focus:not(.cl-disabled) {
  color: #111111;
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 700;
  outline: none;
}
.cl-button.btn-header-link.on {
  color: #111111;
  font-weight: 700;
}
.cl-button.btn-header-link.on:before {
  content: "";
  background: #111111;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 4px;
}
/************************************************
 * 그리드 유틸
 ************************************************/
.cl-grid {
  /* 그리드에 보더 선 추가되면서 기존 적용되어있는 스타일 적용 위해 코드 추가 */
}
.cl-grid.focus-none:focus,
.cl-grid.focus-none.cl-focus {
  outline: none !important;
}
.cl-grid.focus-none .cl-grid-row {
  cursor: pointer;
}
.cl-grid.focus-none .cl-grid-cell:focus {
  outline: none;
}
.cl-grid.border-top.border-gray-900 {
  border-color: #DDDDDD !important;
  border-top-color: #111111 !important;
}
.cl-grid .cl-grid-header .cl-grid-cell .cl-text {
  text-overflow: initial;
  white-space: pre-line;
  word-break: break-all;
  line-height: 1.2;
}
.cl-grid .cl-grid-header .cl-grid-cell.required:before {
  content: "*";
  position: absolute;
  color: #EB003B;
  left: 4px;
}
.cl-grid .cl-grid-header .cl-grid-cell .cl-sortable-cell {
  padding-left: 14px;
}
.cl-grid .cl-grid-header .cl-grid-cell .cl-filter + .cl-sortable-cell {
  padding-left: 30px;
}
.cl-grid .cl-grid-detail .cl-grid-row.cl-selected .cl-grid-cell,
.cl-grid .cl-grid-detail .cl-grid-row.cl-editing .cl-grid-cell {
  background-color: transparent !important;
}
.cl-grid .cl-grid-detail .cl-default-cell .cl-text {
  padding: 0px 24px;
}
.cl-grid .cl-grid-detail .cl-grid-cell:not(.cl-border-none) .cl-inputbox,
.cl-grid .cl-grid-detail .cl-grid-cell:not(.cl-border-none) .cl-searchinput,
.cl-grid .cl-grid-detail .cl-grid-cell:not(.cl-border-none) .cl-maskeditor,
.cl-grid .cl-grid-detail .cl-grid-cell:not(.cl-border-none) .cl-numbereditor,
.cl-grid .cl-grid-detail .cl-grid-cell:not(.cl-border-none) .cl-dateinput,
.cl-grid .cl-grid-detail .cl-grid-cell:not(.cl-border-none) .cl-combobox,
.cl-grid .cl-grid-detail .cl-grid-cell:not(.cl-border-none) cl-textarea {
  background-color: #FFFFFF;
}
.cl-grid .cl-grid-detail .cl-grid-cell .cl-control.cl-output.p-0 .cl-text {
  padding: 0;
}
.cl-grid .cl-grid-detail .cl-grid-cell .cl-control.cl-output .cl-text {
  padding: 0px 24px;
}
.cl-grid .cl-grid-footer .cl-grid-cell.sub-footer {
  background-color: #b6cced;
}
.cl-grid.cell-border-0 .cl-grid-cell {
  border-right-width: 0;
}
.cl-grid .cl-grid-cell.text-center .cl-control {
  text-align: center;
}
.cl-grid .cl-grid-cell.text-left .cl-control {
  text-align: left;
}
.cl-grid .cl-grid-cell.text-right .cl-control {
  text-align: right;
}
/************************************************
 * 그리드 상태
 ************************************************/
.cl-output.state {
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.cl-output.state.insert {
  background-image: url("images/controls/grid/ic_insert.png") !important;
}
.cl-output.state.update {
  background-image: url("images/controls/grid/ic_update.png") !important;
}
.cl-output.state.delete {
  background-image: url("images/controls/grid/ic_delete.png") !important;
}
.cl-container.table-utils {
  background-color: #f8f8f8;
  border: 1px solid #DDDDDD;
  border-top: none;
}
/************************************************
 * 그리드 호버
 ************************************************/
.cl-grid.table-hoverable .cl-grid-detail .cl-grid-row:hover,
.cl-grid.table-hoverable .cl-grid-detail .cl-grid-row.cl-hover {
  background-color: transparent;
  color: #111111;
}
.cl-grid.table-hoverable .cl-grid-detail .cl-grid-row:hover .cl-grid-cell,
.cl-grid.table-hoverable .cl-grid-detail .cl-grid-row.cl-hover .cl-grid-cell {
  background-color: transparent;
}
/************************************************
 * 그리드 보더없음
 ************************************************/
.cl-grid.table-borderless .cl-grid-header .cl-grid-cell,
.cl-grid.table-borderless .cl-grid-detail .cl-grid-cell {
  border: none;
}
/************************************************
 * 그리드 짝수행
 ************************************************/
.cl-grid.table-striped .cl-grid-detail .cl-grid-row.cl-even-row .cl-grid-cell {
  background-color: #F8F8F8;
  color: #111111;
}
/************************************************
 * 그리드 자동 높이 (폼/버티컬 레이아웃)
 ************************************************/
.cl-grid.table-at {
  border-bottom: none;
}
/************************************************
 * 강조 셀
 ************************************************/
.highlight-cell-01 {
  background-color: #F8F8F8;
}
.highlight-cell-02 {
  background-color: #FFF0FD;
}
.highlight-cell-03 {
  background-color: #FFF3DB;
}
.highlight-cell-04 {
  background-color: #EAFCD3;
}
.highlight-cell-05 {
  background-color: #E9F2FF;
}
.highlight-cell-06 {
  background-color: #f7f1fb;
}
/************************************************
 * 폼 스타일
 ************************************************/
.cl-grid.form-table {
  border: 1px solid #DDDDDD;
  border-bottom-width: 0px;
}
.cl-grid.form-table .cl-grid-header {
  border-bottom: 1px solid #DDDDDD;
}
.cl-grid.form-table .cl-grid-detail .cl-grid-cell .cl-control.cl-output {
  padding: 16px 0;
}
.cl-grid.form-table .cl-grid-detail .cl-default-cell {
  padding: 16px 0;
}
.cl-grid.form-table .cl-grid-detail .cl-vscrollbar {
  width: 12px !important;
}
.cl-grid.form-table .cl-grid-row:last-child .cl-grid-cell {
  border-bottom-width: 1px;
}
/************************************************
 * font-size
 ************************************************/
.fs-32-25 {
  font-size: 32px;
}
.fs-32-21 {
  font-size: 32px;
}
.fs-32-19 {
  font-size: 32px;
}
.fs-32-17 {
  font-size: 32px;
}
.fs-32-15 {
  font-size: 32px;
}
.fs-25-19 {
  font-size: 25px;
}
.fs-25-17 {
  font-size: 25px;
}
.fs-25-15 {
  font-size: 25px;
}
.fs-21-17 {
  font-size: 21px;
}
.fs-21-15 {
  font-size: 21px;
}
.fs-19-15 {
  font-size: 19px;
}
/************************************************
 * htmlsnippet line-height
 ************************************************/
.cl-htmlsnippet.fs-2xl,
.cl-htmlsnippet.fs-3xl,
.cl-htmlsnippet.fs-4xl {
  line-height: 1.3;
}
.cl-htmlsnippet a {
  cursor: pointer;
}
/************************************************
 * 캡션
 ************************************************/
.cl-output.caption .cl-text {
  line-height: 22.5px;
}
.cl-grid .cl-grid-cell .cl-output.caption {
  font-size: 13px;
  color: #888888;
}
/************************************************
 * 에러 주의 문구
 ************************************************/
.cl-output.error-txt {
  background: url("images/controls/output/ic_error.svg") no-repeat left top 4px;
  font-size: 15px;
  color: #EB003B;
  padding-left: 20px;
  text-align: left;
}
.cl-output.error-txt .cl-text {
  line-height: 1.5;
}
/************************************************
 * 정보형 메세지 
 ************************************************/
.cl-output.info-txt {
  font-size: 17px;
  background: url("images/controls/output/ic_info_16.svg") no-repeat left top 4px;
  color: #111111;
  padding-left: 24px;
}
.cl-output.info-txt.fs-lg {
  background-position: left top 5px;
}
.cl-output.info-txt.dot-top {
  background-position: left top 4px;
}
.cl-output.info-txt.dot-top.fs-lg {
  background-position: left top 5px;
}
/* 안내사항(info 스타일), 내용(닷 스타일 사용)  */
.cl-container.info-grp {
  border-top: 1px solid #EEEEEE;
  padding-top: 40px;
  /* 다른 컨트롤과 묶임으로 필요한 경우 */
}
.cl-container.info-grp .cl-output.info-txt {
  background: url("images/controls/output/ic_info_16.svg") no-repeat left center;
  background-position: left top 4px;
  color: #111111;
  font-weight: 700;
  padding-left: 22px;
  font-size: 17px;
  background-size: 16px;
}
.cl-container.info-grp .cl-output.msg {
  font-size: 15px;
  margin-left: 24px;
  padding-left: 12px;
  color: #555555;
  background-image: url("images/controls/output/ic_dot.svg");
  background-position-x: 0;
  background-position: left top 9px;
}
.cl-container.info-grp .cl-htmlsnippet.html-msg {
  font-size: 15px;
  margin-left: 24px;
  padding-left: 12px;
  color: #555555;
  background-image: url("images/controls/output/ic_dot.svg");
  background-repeat: no-repeat;
  background-position-x: 0;
  background-position: left top 7px;
}
.cl-container.info-grp .cl-htmlsnippet.html-msg a.link-text {
  font-size: 15px;
  color: #111111;
  text-decoration: underline;
  margin-left: 4px;
}
.cl-container.info-grp .cl-container.msg-form-control {
  padding-left: 24px;
}
.cl-container.info-grp .cl-container.msg-form-control .cl-output.msg,
.cl-container.info-grp .cl-container.msg-form-control .cl-htmlsnippet.html-msg {
  margin-left: 0;
}
.cl-container.info-grp .cl-container.msg-form-control:has(.cl-output.msg) .cl-control:not(.cl-output.msg):not(.cl-htmlsnippet.html-msg),
.cl-container.info-grp .cl-container.msg-form-control:has(.cl-htmlsnippet.html-msg) .cl-control:not(.cl-output.msg):not(.cl-htmlsnippet.html-msg) {
  margin-left: 12px;
}
.cl-container.info-grp .cl-output.msg-danger {
  font-size: 15px;
  margin-left: 24px;
  color: #EB003B;
}
.cl-output.info-txt2 {
  background: url("images/controls/output/ic_info_blue.svg") no-repeat left top 4px;
  font-size: 15px;
  color: #2768FF;
  padding-left: 20px;
  text-align: left;
}
.cl-output.info-txt2 .cl-text {
  line-height: 1.5;
}
/* 대민에서 요청한 primary 색상의 정보성 텍스트 */
.cl-output.info-primary-txt {
  font-size: 15px;
  color: #FF5200;
  text-align: left;
}
.cl-output.info-primary-txt .cl-text {
  line-height: 1.5;
}
/************************************************
 * 리스트형 메세지 (닷 스타일) 
 ************************************************/
.cl-output.dot-txt {
  padding: 0 0 0 12px;
  background-image: url("images/controls/output/ic_dot.svg");
  background-repeat: no-repeat;
  background-position-x: 0;
  color: #555555;
  background-position: left top 10.5px;
}
.cl-output.dot-txt.fs-md {
  background-position: left top 9px;
}
.cl-output.dot-txt.fs-lg {
  background-position: left top 11.5px;
}
.cl-output.dot-txt.fs-xl {
  background-position: left top 12.5px;
}
.cl-output.dot-txt.y-base {
  background-position: left top 10.5px;
}
.cl-output.dot-txt.y-md {
  background-position: left top 9px;
}
.cl-htmlsnippet.dot-txt {
  padding: 0 0 0 14px;
  background-image: url("images/controls/output/ic_dot.svg");
  background-repeat: no-repeat;
  background-position-x: 0;
  background-position: left top 10.5px;
  color: #555555;
}
.cl-htmlsnippet.dot-txt.fs-md {
  background-position: left top 9px;
}
.cl-htmlsnippet.dot-txt.fs-lg {
  background-position: left top 11.5px;
}
.cl-htmlsnippet.dot-txt.fs-xl {
  background-position: left top 12.5px;
}
.cl-htmlsnippet.dot-txt.y-base {
  background-position: left top 10.5px;
}
.cl-htmlsnippet.dot-txt.y-md {
  background-position: left top 9px;
}
/* 한줄 */
.cl-output.dot-txt2 {
  padding: 0 0 0 12px;
  background-image: url("images/controls/output/ic_dot2.svg");
  background-repeat: no-repeat;
  background-position: left top 10.5px;
}
.cl-output.dot-txt2.fs-md {
  background-position: left top 9px;
}
.cl-output.dot-txt2.fs-lg {
  background-position: left top 11.5px;
}
.cl-output.dot-txt2.fs-xl {
  background-position: left top 12.5px;
}
.cl-output.dot-txt2.y-base {
  background-position: left top 10.5px;
}
.cl-output.dot-txt2.y-md {
  background-position: left top 9px;
}
.cl-htmlsnippet.dot-txt2 {
  padding: 0 0 0 12px;
  background-image: url("images/controls/output/ic_dot2.svg");
  background-repeat: no-repeat;
  background-position: left top 10.5px;
}
.cl-htmlsnippet.dot-txt2.fs-md {
  background-position: left top 9px;
}
.cl-htmlsnippet.dot-txt2.fs-lg {
  background-position: left top 11.5px;
}
.cl-htmlsnippet.dot-txt2.fs-xl {
  background-position: left top 12.5px;
}
.cl-htmlsnippet.dot-txt2.y-base {
  background-position: left top 10.5px;
}
.cl-htmlsnippet.dot-txt2.y-md {
  background-position: left top 9px;
}
/************************************************
 * 노데이터 메세지
 ************************************************/
.cl-output.no-data {
  background: url("images/controls/output/ic_nodata.svg") no-repeat top center;
  padding-top: 76px;
  text-align: center;
  font-size: 25px;
  font-weight: 500;
  color: #888888;
}
.cl-output.no-data.like {
  background-image: url("images/controls/output/ic_favorite_no_data.svg");
}
.cl-output.no-data .cl-text {
  line-height: 1.3;
}
.cl-output.no-data.middle {
  background-image: none;
  padding-top: 0;
}
.cl-output.no-data.middle > div {
  display: flex !important;
  justify-content: center;
}
.cl-output.no-data.middle > div .cl-text {
  display: inline-block !important;
  height: auto !important;
  margin: auto 0;
  background: url("images/controls/output/ic_nodata.svg") no-repeat top center;
  padding-top: 76px;
}
.cl-output.no-data.emph {
  background-size: 100px;
  font-size: 50px;
  padding-top: 140px;
}
/************************************************
 * 메세지 박스
 ************************************************/
.cl-container.msg-box {
  background-color: #F4F4F4;
  border-radius: 8px;
  padding: 12px 24px;
}
.cl-container.msg-box .cl-output.info-txt {
  color: #555555;
  background: url("images/controls/output/ic_info_gray.svg") no-repeat left top 5px;
}
/************************************************
 * 영역의 타이틀 스타일
 ************************************************/
.cl-output.heading-txt .cl-text span,
.cl-output.heading-txt2 .cl-text span,
.cl-output.heading-txt3 .cl-text span {
  font-weight: 300;
}
.cl-output.heading-txt {
  font-size: 50px;
  font-weight: 700;
}
.cl-output.heading-txt.auto-none {
  content: "";
}
.cl-output.heading-txt .cl-text {
  line-height: 1.3;
}
.cl-output.heading-txt2 {
  font-size: 40px;
  font-weight: 700;
}
.cl-output.heading-txt2 .cl-text {
  line-height: 1.3;
}
.cl-output.heading-txt3 {
  font-size: 32px;
  font-weight: 700;
}
.cl-output.heading-txt3 .cl-text {
  line-height: 1.3;
}
/* 공지사항 */
.cl-output .cl-text span.file {
  padding-right: 40px;
  background: url("images/controls/output/icon_attachment.png") no-repeat right center;
}
.cl-output .cl-text span.recent {
  padding-right: 36px;
  background: url("images/com/dashbod/ic_n.png") no-repeat right center;
}
/************************************************
 * 단어로 내려가는 스타일
 ************************************************/
.cl-output.keep-all .cl-text,
.cl-control.keep-all .cl-text {
  word-break: keep-all;
}
/************************************************
 * 두 줄 제한
 ************************************************/
.cl-output.line-clamp-2 .cl-text {
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/************************************************
 * 캐릭터 완료 문구
 ************************************************/
/* mixin  */
._img-txt-comm {
  padding-top: 240px;
  font-size: 50px;
  font-weight: 700;
  color: #FF5200;
}
._img-txt-comm .cl-text {
  line-height: 1.3;
}
._img-txt-comm .cl-text span {
  color: #111111;
}
.cl-output.img-pleasure-txt {
  background: url("images/controls/image/img-pleasure.png") no-repeat center top;
  padding-top: 240px;
  font-size: 50px;
  font-weight: 700;
  color: #FF5200;
}
.cl-output.img-pleasure-txt .cl-text {
  line-height: 1.3;
}
.cl-output.img-pleasure-txt .cl-text span {
  color: #111111;
}
.cl-output.img-sad-txt {
  background: url("images/controls/image/img-sad.png") no-repeat center top;
  padding-top: 240px;
  font-size: 50px;
  font-weight: 700;
  color: #FF5200;
}
.cl-output.img-sad-txt .cl-text {
  line-height: 1.3;
}
.cl-output.img-sad-txt .cl-text span {
  color: #111111;
}
.cl-output.img-tear-txt {
  background: url("images/controls/image/img-tear.svg") no-repeat center top;
  padding-top: 240px;
  font-size: 50px;
  font-weight: 700;
  color: #FF5200;
}
.cl-output.img-tear-txt .cl-text {
  line-height: 1.3;
}
.cl-output.img-tear-txt .cl-text span {
  color: #111111;
}
/* 계산 완료  */
.cl-output.img-complete-txt {
  background: url("images/controls/image/img_complete.png") no-repeat center top;
  padding-top: 240px;
  font-size: 50px;
  font-weight: 700;
  color: #FF5200;
}
.cl-output.img-complete-txt .cl-text {
  line-height: 1.3;
}
.cl-output.img-complete-txt .cl-text span {
  color: #111111;
}
.cl-output.img-apologize-txt {
  background: url("images/controls/image/img_error.png") no-repeat center top;
  padding-top: 240px;
  font-size: 50px;
  font-weight: 700;
  color: #FF5200;
}
.cl-output.img-apologize-txt .cl-text {
  line-height: 1.3;
}
.cl-output.img-apologize-txt .cl-text span {
  color: #111111;
}
/************************************************
 * 텍스트 인덴트
 ************************************************/
.text-indent-0 {
  padding-left: 18px;
  text-indent: -18px;
}
/********************************************** 2단계 **********************************************/
/************************************************
 * 줄바꿈 처리
 ************************************************/
span.pc-none {
  display: none;
}
span.mb-none {
  display: inline;
}
span.pc-br {
  display: block;
}
span.mb-br {
  display: inline;
}
span.block {
  display: block;
}
span.inline-block {
  display: inline-block;
}
.cl-output.check-primary-txt {
  color: #FF5200;
  background: url("images/controls/radiobutton/ic_filter_check.svg") no-repeat left center;
  padding-left: 22px;
  font-size: 15px;
}
/************************************************
 * 반응형 그리드
 * dialogType 상세 버튼
 ************************************************/
.cl-button.btn-modile-detail {
  background-image: none;
  background-color: transparent;
  border: none;
}
.cl-button.btn-modile-detail .cl-icon {
  margin-right: 0px;
  background-image: url("images/controls/button/ic_btn_search.png") !important;
}
/************************************************
 * 반응형 그리드
 * Type 상세 버튼
 ************************************************/
.cl-container.table {
  background-color: white;
  border: 1px solid #d6d6d6;
  border-top-color: #555555;
  border-width: 1px 0px;
  border-radius: 0px;
}
.cl-container.table .cl-formlayout-row-shade.table-header {
  background-color: #F6FBFF;
}
.cl-container.table .cl-control.table-header-cell {
  text-align: center;
}
.cl-container.table .cl-container.table-row {
  border-top: 1px solid #eaeaea;
}
.cl-container.table .cl-container.table-row .cl-text {
  text-align: center;
}
.cl-container.table .cl-container.table-row .cl-button.btn-expander {
  background-color: transparent;
  border: none;
}
.cl-container.table .cl-container.table-row .cl-button.btn-expander:before {
  content: ">";
  display: block;
  position: absolute;
  color: #333333;
  left: calc(50% - 5px);
  top: calc(50% - 8px);
  width: 10px;
  height: 10px;
  text-align: center;
}
.cl-container.table .cl-container.table-row.selected {
  background-color: #D9E3F2;
}
.cl-container.table .cl-container.table-accordion-row {
  border-top: 1px solid #eaeaea;
}
.cl-container.table .cl-container.table-accordion-row .cl-output.title {
  font-size: 16px;
  font-weight: 600;
}
.cl-container.table .cl-container.table-accordion-row .cl-output.label {
  font-weight: 500;
}
.cl-container.table .cl-container.table-accordion-row .cl-output:not(.label):not(.title) {
  text-align: right;
  color: #999999;
}
.cl-container.table .cl-formlayout-horizontal-separator,
.cl-container.table .cl-formlayout-vertical-separator {
  background-color: #eaeaea;
}
/************************************************
 * 사용자가 다양하게 스타일을 추가하여 사용할 수 있는 파일입니다.
 * Assit > 스타일 시트에 연결하여 사용합니다.
 * 
 * title : 화면명 또는 클래스의 타이틀
 * appId : 사용할 파일명 (링크될 파일명)
 * author : 생성한 사용자명 
 ************************************************/
/************************************************
 * title : 설문조사 팝업
 * appId : 
 * author : 
 ************************************************/
.cl-container.survey .cl-container.pop-content-body {
  padding: 0;
}
.cl-container.survey .cl-container.pop-content-footer {
  padding-top: 20px;
  background-color: transparent;
}
.cl-container.survey .cl-container.survey-header {
  border-radius: 20px 20px 0 0;
  background-color: #FF5200;
  min-height: 120px;
  padding: 40px;
  background-image: url("images/controls/image/img_hi.png");
  background-position: right 40px bottom;
  background-repeat: no-repeat;
}
.cl-container.survey .cl-htmlsnippet > div {
  word-break: break-word;
}
.cl-container.survey .cl-container.content-box {
  background-color: #FFFFFF;
  border-radius: 20px;
  padding: 40px;
}
.cl-container.survey .cl-output.tit {
  margin-bottom: 12px;
}
.cl-container.survey .cl-output.text2 {
  margin-bottom: 4px;
}
.cl-container.survey .cl-container.sub-content-box {
  background-color: #F4F4F4;
  padding: 40px;
  border-radius: 12px;
}
.cl-container.survey .cl-checkbox.cbx-check-box {
  background-color: #FFFFFF;
  color: #555555;
  border-radius: 8px;
  padding: 12px;
  text-align: center;
  border: 1px solid #DDDDDD;
  font-weight: 500;
  /* 체크박스 아이콘 스타일 */
}
.cl-container.survey .cl-checkbox.cbx-check-box:hover {
  border-color: #FF5200;
}
.cl-container.survey .cl-checkbox.cbx-check-box .cl-checkbox-icon {
  background: url("images/controls/checkbox/ic_only_check_d.svg") no-repeat center center/24px;
  width: 24px;
  height: 24px;
  min-height: 24px;
}
.cl-container.survey .cl-checkbox.cbx-check-box.cl-checked .cl-checkbox-icon {
  background-image: url("images/controls/checkbox/ic_only_check.svg");
}
/* 태블릿 */
/* 모바일 */
@media (max-width: 767px) {
  /* 설문조사 팝업 */
  .cl-container.survey > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.pop-content-body).cl-first-row {
    height: calc(100% - 100px) !important;
  }
  .cl-container.survey .cl-container.pop-content-body {
    padding: 0;
  }
  .cl-container.survey .cl-container.pop-content-body > .cl-layout > .cl-layout-content > .cl-layout-margin-top {
    height: 20px !important;
  }
  .cl-container.survey .cl-container.pop-content-body > .cl-layout > .cl-layout-content > .cl-layout-margin-bottom {
    height: 0px !important;
  }
  .cl-container.survey .cl-container.pop-content-footer {
    padding: 20px;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(244, 244, 244, 0.8) 100%) !important;
  }
  .cl-container.survey .cl-container.survey-header {
    padding: 40px 20px;
    background-position: right 20px bottom;
  }
  .cl-container.survey .cl-container.content-box {
    padding: 24px;
  }
  .cl-container.survey .cl-output.tit {
    margin-bottom: 4px;
  }
  .cl-container.survey .cl-output.text2 {
    margin-bottom: 0px;
  }
  .cl-container.survey .cl-output.content-tit {
    margin-bottom: -8px;
  }
  .cl-container.survey .cl-container.sub-content-box {
    padding: 20px;
    margin-bottom: -8px;
  }
  .cl-container.survey .cl-checkbox.cbx-check-box:hover {
    border-color: #DDDDDD;
  }
  .cl-container.survey .cl-checkbox.cbx-check-box .cl-checkbox-icon {
    background-size: 18px;
    width: 16px;
    height: 16px;
    min-height: 16px;
  }
}
/************************************************
 * 모바일 스타일 시트
 ************************************************/
/* 태블릿 NAX-NSM-TABELT */
@media (min-width: 768px) and (max-width: 1415px) {
  /************************************************
 * 2단계 마이페이지
 ************************************************/
  /************************************************
 * 페이지
 * custom/page2.part.less
 ************************************************/
  /************************************************
 * 간편비밀번호 설정
 ************************************************/
  .cl-container.mypage-depth-2 {
    /* 농업경영체 등록 안내 배너 */
    /* 간편찾기 안내 배너 */
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner1 {
    /* 상태 뱃지 */
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-output.name {
    font-size: 40px;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.info-box .cl-output {
    font-size: 19px;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.info-box2 .cl-output.data {
    font-size: 25px;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.sub-info-box {
    padding-top: 16px;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.sub-info-box .cl-output {
    font-size: 13px;
    text-align: right;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-output.no-msg {
    background: url("images/controls/image/img_nodata.png") no-repeat center;
    background-position-y: calc(50% - 22px);
    background-size: 32px 32px;
    min-height: 118px;
    padding-top: 44px;
    font-size: 17px;
    font-weight: 500;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner3 {
    min-height: 120px;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner4 {
    min-height: 120px;
  }
  .cl-container.illegal-content1,
  .cl-container.illegal-content2 {
    background-size: 38%;
    background-position: center bottom;
    padding-bottom: 26%;
  }
  .cl-container.top-guide-box {
    border-radius: 0px;
  }
  .cl-container.top-guide-box > .cl-layout {
    padding: 24px 0;
  }
  .cl-container.weather-detail {
    /* 상단 온도 정보 박스 */
  }
  .cl-container.weather-detail .cl-container.temp-top-box {
    padding: 80px 40px 80px 170px;
    background: none;
    /* 현재 온도 텍스트 스타일 */
  }
  .cl-container.weather-detail .cl-container.temp-top-box > .cl-layout > .cl-layout-content {
    text-align: center !important;
  }
  .cl-container.weather-detail .cl-container.temp-top-box .cl-output.current-temp-txt:before {
    content: "";
    position: absolute;
    left: -170px;
    top: calc(50% - 74px);
    width: 148px;
    height: 148px;
    background: url("images/com/content/step2/img_temp.png") no-repeat center;
  }
}
/* 모바일 NAX-NSM-MOBILE */
@media (max-width: 767px) {
  /************************************************
 * 2단계 마이페이지
 ************************************************/
  /************************************************
 * 아코디언
 * theme/custom/accordion.part.less
 ************************************************/
  /* 리스트 체크 아코디언 스타일 */
  /************************************************
 * 타이포그래피
 * theme/custom/typography.part.less
 ************************************************/
  /************************************************
 * 카드
 * custom/card.part.less
 ************************************************/
  /* 사용자 정보를 담은 카드 스타일 (대리인)*/
  /************************************************
 * 컴포넌트
 * custom/components.part.less
 ************************************************/
  /* 리스트 스타일 */
  /* 리스트 스타일 */
  /* 리스트 스타일 */
  /************************************************
 * 폼
 * custom/form.part.less
 ************************************************/
  /* 카드 스타일 테이블  */
  /************************************************
 * udc
 * custom/udc.part.less
 ************************************************/
  /* 직불제신청 사용자 안내 화면 */
  /* 직불제신청 스텝 */
  /************************************************
 * 확장형 스텝 (직불외 사업 사용)
 * → udc/etc/udcExtStep
 ************************************************/
  /************************************************
 * 그리드
 * custom/table.part.less
 ************************************************/
  /************************************************
 * 페이지
 * custom/page2.part.less
 ************************************************/
  /************************************************
 * 부정수급 화면
 ************************************************/
  /* 주요사례 카드 */
  /* 농업인 교육 */
  /* 이의 신청 처리절차 박스 */
  /************************************************
 * 간편비밀번호 설정
 ************************************************/
  /************************************************
 * 농식품사업 콘텐츠
 ************************************************/
  /* 퍁턴 있는 스타일 */
  /* 어디론가 이동하는 버튼 (아이콘 사용) */
  /************************************************
 * 주산기 기상 정보 상세
 ************************************************/
  /* 주소검색 */
  /************************************************
 * 병해충 정보 상세
 ************************************************/
  /************************************************
 * 병해충 확대 사진
 ************************************************/
  /************************************************
 * 재해정보 설정
 ************************************************/
  /************************************************
 * 직불제 신청 
 ************************************************/
  /* 단계와 타이틀 박스 (직불 외에서도 사용)*/
  /* 신청 정보 입력 박스 스타일 */
  /* 자격 부적합 화면 스타일 */
  /* 필수 내용 확인 팝업 */
  /* 자가 진단 및 일반 현황 */
  /* 은행명 칩 */
  /* 신청할 면적 정보 */
  /* area-input-box 감싸는 그룹 */
  /* 신청할 면적 입력 영역 */
  /* 증빙서류 확인 팝업 */
  /* 약관동의 안내 화면 */
  /* 지원자격 및 요건점검 */
  /************************************************
 * 안내 메시지 공통 화면
 * -> app/pub_bk/2단계/af/공통/P.BS.AF01_DuCon
 ************************************************/
  /************************************************
 * 직불외 중간단계 확인 ui
 ************************************************/
  /************************************************
 * 교육 상세
 * P.MY.ME01.002_P01
 ************************************************/
  /************************************************
 * 직불외
 ************************************************/
  /* 아이템 너비: 100, 사이 간격: 10 */
  .cl-container.mypage-depth-2 {
    /* 상태 뱃지 */
    /* 지자체 맞춤정책 알림 배너 */
    /* 농업경영체 등록 안내 배너 */
    /* 간편찾기 안내 배너 */
    /* 농업기상재해 */
    /* 보조금 박스 스타일 */
  }
  .cl-container.mypage-depth-2 .cl-output.status {
    padding: 4px 12px;
    font-size: 13px;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner1 {
    border-radius: 20px;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner1.type2 .cl-container.info-box > .cl-layout > .cl-layout-content:has(.cl-layout-wrap[style*="display: none"]) .cl-layout-wrap.cl-last-row {
    position: relative !important;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner1.type2 .cl-container.info-box:before {
    content: none;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box .cl-output.tit {
    font-size: 17px;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box .cl-output.step1,
  .cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box .cl-output.step2,
  .cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box .cl-output.step3,
  .cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box .cl-output.step4,
  .cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .bg-sub .cl-container.application-box .cl-output.step5 {
    font-size: 13px;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .cl-container.info-box > .cl-layout > .cl-layout-content:has(.cl-layout-wrap[style*="display: none"]) .cl-layout-wrap.cl-last-row {
    position: relative !important;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner1.type3 .cl-container.info-box:before {
    content: none;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-output.name {
    font-size: 32px;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-output.name .cl-text {
    line-height: 1;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.info-box:before {
    content: "";
    position: absolute;
    top: calc(100% - 1px);
    right: 24px;
    left: 24px;
    background-color: rgba(255, 255, 255, 0.1);
    height: 1px;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.info-box .cl-output {
    font-size: 17px;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.info-box .cl-output.align-top .cl-text {
    line-height: 1.2 !important;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.info-box .cl-output.address .cl-text {
    line-height: 1.2 !important;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.info-box .cl-button.btn-member-info {
    font-size: 15px;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.info-box .cl-button.btn-member-info .cl-icon {
    width: 12px;
    height: 12px;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.summary-box .cl-output.tit {
    font-size: 17px;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.info-box2 .cl-output.label {
    font-size: 15px;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.info-box2 .cl-output.data {
    font-size: 21px;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.sub-info-box {
    margin-top: -16px;
    padding-top: 16px;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.sub-info-box .cl-output {
    text-align: right;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.sub-info-box .cl-button.btn-go2 {
    font-size: 15px;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-container.sub-info-box .cl-button.btn-go2 .cl-icon {
    width: 14px;
    height: 14px;
    background-size: 14px;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner1 .cl-output.no-msg {
    background: url("images/controls/image/img_nodata.png") no-repeat center;
    background-position-y: calc(50% - 22px);
    background-size: 32px 32px;
    min-height: 118px;
    padding-top: 44px;
    font-size: 17px;
    font-weight: 500;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner2 {
    border-radius: 20px;
    padding: 20px 95px 20px 20px;
    background-size: 85px 72px;
    background-position: right 12px center;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner2 .cl-output.tit {
    font-size: 15px;
    font-weight: 400;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner2 .cl-output.tit .cl-text {
    line-height: 1.3;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner2 .cl-output.text {
    font-weight: 700;
    font-size: 17px;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner3 {
    border-radius: 20px;
    padding: 20px 95px 20px 20px;
    background-size: 100px;
    min-height: 120px;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner3 .cl-output {
    /* 상태 뱃지 */
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner3 .cl-output.status {
    padding: 0px;
    font-size: 15px;
    border: none;
    border-radius: 0px;
    font-weight: 400;
    color: #FFFFFF;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner3 .cl-output.status .cl-text {
    line-height: 1.5;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner3 .cl-output.tit {
    font-size: 17px;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner3 .cl-output.tit .cl-text {
    line-height: 1.5;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner3 .cl-output.text {
    font-weight: 700;
    font-size: 17px;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner4 {
    border-radius: 20px;
    padding: 20px 95px 20px 20px;
    background-size: 112px;
    min-height: 120px;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner4 .cl-output {
    /* 상태 뱃지 */
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner4 .cl-output.status {
    padding: 0px;
    font-size: 15px;
    border: none;
    border-radius: 0px;
    font-weight: 400;
    color: #FFFFFF;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner4 .cl-output.status .cl-text {
    line-height: 1.5;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner4 .cl-output.tit {
    font-size: 17px;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner4 .cl-output.tit .cl-text {
    line-height: 1.5;
  }
  .cl-container.mypage-depth-2 .cl-container.top-banner4 .cl-output.text {
    font-weight: 700;
    font-size: 17px;
  }
  .cl-container.mypage-depth-2 .cl-container.weather-disaster-box {
    border-radius: 20px;
    padding: 20px;
    /* 재해정보 메인 보드 */
    /* 재해정보 상세정보 영역 */
  }
  .cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-board {
    min-width: 0px;
  }
  .cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-board .cl-button.btn-set {
    min-width: 48px;
    height: 28px;
  }
  .cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-detail {
    padding: 20px;
    border-radius: 12px;
    /* 재해정보 테이블 */
    /* 날씨정보 테이블 */
  }
  .cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.weather-table {
    padding-right: 0;
  }
  .cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.weather-table .cl-output {
    min-height: 23px;
    font-weight: 700;
  }
  .cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.weather-table .cl-output .cl-text span:not(.unit) {
    background-image: none !important;
    padding-left: 0;
    font-weight: 400;
    min-width: 52px;
  }
  .cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.weather-table .cl-output .cl-text span.unit {
    font-size: 13px;
    margin-left: 2px;
  }
  .cl-container.mypage-depth-2 .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.btn-group {
    margin-top: 8px;
  }
  .cl-container.mypage-depth-2 .cl-container.subsidy-box {
    margin-top: 4px;
  }
  .cl-container.mypage-depth-2 .cl-container.subsidy-box .cl-output.tit {
    padding-left: 24px;
    background-size: 20px;
  }
  .cl-container.mypage-depth-2 .cl-container.subsidy-box .cl-output.num-data {
    text-align: center;
  }
  .cl-container.mypage-depth-2 .fs-40-25 {
    font-size: 25px !important;
  }
  .cl-container.mypage-depth-2 .cl-button.btn-i-more2 {
    border: 1px solid #DDDDDD;
    border-radius: 8px;
  }
  .cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content1,
  .cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content2,
  .cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content3 {
    border-radius: 20px;
    padding: 32px;
  }
  .cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content1 .cl-output.guide-txt,
  .cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content2 .cl-output.guide-txt,
  .cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content3 .cl-output.guide-txt {
    font-size: 17px;
  }
  .cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content1 .cl-container.menu-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-last-row),
  .cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content2 .cl-container.menu-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-last-row),
  .cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content3 .cl-container.menu-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-last-row) {
    padding-bottom: 20px;
  }
  .cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content1 .cl-container.menu-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-first-row),
  .cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content2 .cl-container.menu-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-first-row),
  .cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content3 .cl-container.menu-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-first-row) {
    padding-top: 20px;
  }
  .cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content1 .cl-container.menu-box .cl-button,
  .cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content2 .cl-container.menu-box .cl-button,
  .cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content3 .cl-container.menu-box .cl-button {
    min-height: 24px;
    font-size: 19px;
    background-size: 24px;
    padding-left: 40px;
  }
  .cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content1 {
    background-position: top 32px left 32px;
    background-size: 48px;
    padding-top: 104px;
    /* 확인서 버튼 */
  }
  .cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content1 .cl-control {
    color: #FFFFFF;
  }
  .cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content1 .cl-output {
    text-align: left !important;
  }
  .cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content1 .cl-output.guide-txt {
    padding: 0px;
  }
  .cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content1 .cl-container.btn-wrap > .cl-layout > .cl-layout-content {
    text-align: left !important;
  }
  .cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content1 .btn-confirm {
    min-height: 0;
    height: 38px !important;
    min-width: 120px;
    font-size: 15px;
  }
  .cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content3 {
    padding: 25px 20px;
    /* 확인서 버튼 */
  }
  .cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content3 .cl-output.banner-tit {
    font-size: 19px;
    font-weight: 600;
    text-align: left;
    background: url("images/com/content/img_banner_logo.svg") no-repeat left center/32px;
    padding-top: 0px;
    padding-left: 46px;
  }
  .cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content3 .cl-output.banner-tit .cl-text {
    line-height: 1.5;
  }
  .cl-container.mypage-depth-2 .cl-container.bottom-banner .cl-container.banner-content3 .cl-button.btn-confirm {
    margin-top: 0px;
    min-height: 34px;
    font-size: 15px;
    padding: 0 11px;
    justify-self: right !important;
  }
  .cl-container.list-card-deputy {
    border-radius: 20px;
    /* margin사용하지 않고 padding으로 조절 */
  }
  .cl-container.list-card-deputy.padding {
    padding: 24px;
  }
  .cl-container.list-card-deputy .cl-output.tit {
    font-size: 25px;
  }
  .cl-container.list-card-deputy .cl-container.form-base .cl-output {
    font-size: 15px;
  }
  .cl-accordion.acd-list-check {
    padding: 16px;
    border-radius: 12px;
    /* 작은 사이즈 */
  }
  .cl-accordion.acd-list-check .cl-accordion-header {
    font-size: 17px;
  }
  .cl-accordion.acd-list-check .cl-accordion-header .cl-text {
    line-height: 1.5;
  }
  .cl-accordion.acd-list-check .cl-accordion-header .cl-accordion-expander {
    background-size: 24px;
    width: 24px;
  }
  .cl-accordion.acd-list-check .cl-accordion-section {
    padding: 16px 0 0 0;
  }
  .cl-accordion.acd-list-check .cl-accordion-section .cl-accordion-content {
    padding: 16px 0 0 0;
  }
  .cl-accordion.acd-list-check.md {
    padding: 16px;
  }
  span.pc-none {
    display: inline;
  }
  span.mb-none {
    display: none;
  }
  span.pc-br {
    display: inline;
  }
  span.mb-br {
    display: block;
  }
  .cl-container.user-info-card {
    border-radius: 24px;
    padding: 24px;
  }
  .cl-container.user-info-card .cl-output.tit {
    font-size: 21px;
    margin-top: -4px;
    margin-bottom: -8px;
  }
  .cl-container.user-info-card .cl-container.info-table .cl-output,
  .cl-container.user-info-card .cl-container.info-table .cl-button {
    font-size: 15px;
  }
  .cl-radiobutton.rdb-list {
    font-size: 17px;
  }
  .cl-radiobutton.rdb-list .cl-radiobutton-item .cl-text {
    padding: 16px 44px 16px 20px;
    min-height: 58px;
  }
  .cl-radiobutton.rdb-list .cl-radiobutton-item.cl-selected {
    background-position: right 20px center;
  }
  .cl-radiobutton.rdb-list2 {
    font-size: 17px;
  }
  .cl-radiobutton.rdb-list2 .cl-radiobutton-item .cl-text {
    padding: 8px 48px 8px 20px;
    min-height: 42px;
  }
  .cl-radiobutton.rdb-list2 .cl-radiobutton-item.cl-selected {
    background-image: url("images/controls/radiobutton/ic_radio_check_sm.svg");
    background-position: right 20px center;
  }
  .cl-checkboxgroup.rdb-list {
    font-size: 17px;
  }
  .cl-checkboxgroup.rdb-list .cl-checkbox .cl-text {
    padding: 16px 44px 16px 20px;
    min-height: 58px;
  }
  .cl-checkboxgroup.rdb-list .cl-checkbox.cl-checked {
    background-position: right 20px center;
  }
  .cl-container.form-card-box {
    border-radius: 20px;
    padding: 24px 20px;
  }
  .cl-container.form-card-box .cl-container.form-card .cl-output.label {
    font-size: 17px;
  }
  .cl-container.form-card-box .cl-container.form-card .cl-output {
    font-size: 19px;
  }
  .cl-container.form-card-box2 {
    padding: 24px;
  }
  .cl-container.form-card-box2:has(.cl-output.form-card-box-tit) {
    border-radius: 20px;
  }
  .cl-container.form-card-box2 .cl-output.form-card-box-tit {
    font-size: 15px;
    margin-bottom: 8px;
  }
  .cl-container.form-card-box3 {
    border-radius: 20px;
    padding: 24px;
  }
  .cl-container.form-card-gray-box {
    padding: 20px;
  }
  .cl-container.form-card-gray-box.expand {
    border-radius: 0;
    margin: 0 -20px;
  }
  .cl-container.udc-view-user-msg .cl-container.msg-box {
    min-width: 256px;
    padding-top: 8.5px;
    padding-bottom: 8.5px;
  }
  .cl-container.udc-view-user-msg > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.msg-box) {
    position: fixed !important;
    left: 0;
    right: 0;
    bottom: 40px;
  }
  .cl-container.udc-view-user-msg .cl-button.btn-stop {
    width: 20px !important;
    height: 20px !important;
    min-width: 0 !important;
    background-size: 12px;
    margin-left: -4px;
  }
  .cl-container.prg-stg-payment .cl-container.step-box:not(.cl-last-row) .cl-container.step-content {
    margin-bottom: 32px;
  }
  .cl-container.prg-stg-payment .cl-container.step-box .cl-container.step-content {
    padding-right: 20px;
    background-size: 16px;
  }
  .cl-container.prg-stg-payment .cl-container.step-box .cl-output.tit {
    font-size: 17px;
  }
  .cl-container.prg-stg-payment .cl-container.step-box .cl-button.tit {
    font-size: 17px;
  }
  .cl-container.prg-stg-payment .cl-container.step-box .cl-button.tit .cl-text {
    line-height: 1.5 !important;
  }
  .cl-container.prg-stg-payment .cl-container.step-box .cl-output.sub-tit {
    font-size: 13px;
    margin-top: 4px;
  }
  .cl-container.prg-stg-payment .cl-container.step-box .cl-output.img {
    width: 52px !important;
    height: 52px !important;
    background-size: 24px;
  }
  .cl-container.prg-stg-extension .cl-container.step-box:not(.cl-last-row) .cl-container.step-content {
    margin-bottom: 32px;
  }
  .cl-container.prg-stg-extension:not(:has(.active)):not(:has(.complete)) .cl-container.step-box:not(.cl-last-row) .cl-container.step-content,
  .cl-container.prg-stg-extension.step-highlight .cl-container.step-box:not(.cl-last-row) .cl-container.step-content {
    margin-bottom: 32px;
    margin-left: 0px;
  }
  .cl-container.prg-stg-extension:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-container.step-content,
  .cl-container.prg-stg-extension.step-highlight .cl-container.step-box .cl-container.step-content {
    padding-right: 0px;
    background: none;
    min-height: 52px;
  }
  .cl-container.prg-stg-extension:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-button.tit,
  .cl-container.prg-stg-extension.step-highlight .cl-container.step-box .cl-button.tit {
    font-size: 17px;
  }
  .cl-container.prg-stg-extension:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-button.tit .cl-text,
  .cl-container.prg-stg-extension.step-highlight .cl-container.step-box .cl-button.tit .cl-text {
    line-height: 1.5 !important;
  }
  .cl-container.prg-stg-extension:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-output.sub-tit,
  .cl-container.prg-stg-extension.step-highlight .cl-container.step-box .cl-output.sub-tit {
    font-size: 13px;
  }
  .cl-container.prg-stg-extension:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-output.sub-tit .cl-text span.line,
  .cl-container.prg-stg-extension.step-highlight .cl-container.step-box .cl-output.sub-tit .cl-text span.line {
    display: block;
  }
  .cl-container.prg-stg-extension:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-output.sub-tit .cl-text span.line:before,
  .cl-container.prg-stg-extension.step-highlight .cl-container.step-box .cl-output.sub-tit .cl-text span.line:before {
    display: none;
  }
  .cl-container.prg-stg-extension:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-container.step-img-box .cl-output.img,
  .cl-container.prg-stg-extension.step-highlight .cl-container.step-box .cl-container.step-img-box .cl-output.img {
    width: 52px !important;
    height: 52px !important;
    background-size: 24px;
  }
  .cl-container.prg-stg-extension:not(:has(.active)):not(:has(.complete)) .cl-container.step-box.complete .cl-output.img,
  .cl-container.prg-stg-extension.step-highlight .cl-container.step-box.complete .cl-output.img {
    background-image: url("images/controls/emb/img_farm_completed.png") !important;
  }
  .cl-grid.form-table {
    font-size: 15px;
  }
  .cl-grid.form-table .cl-grid-header .cl-grid-cell {
    font-size: 15px;
  }
  .cl-grid.form-table .cl-grid-header .cl-grid-cell .cl-control {
    font-size: 15px;
  }
  .cl-grid.form-table .cl-grid-detail .cl-grid-cell .cl-control.cl-output {
    padding: 12px 0;
  }
  .cl-grid.form-table .cl-grid-detail .cl-grid-cell .cl-control.cl-output .cl-text {
    padding: 0 12px;
  }
  .cl-grid.form-table .cl-grid-detail .cl-default-cell {
    padding: 12px 0;
  }
  .cl-container.illegal-content1 {
    background: url("images/com/content/step2/img_law_mb.png") no-repeat center bottom;
    padding-bottom: 164px;
  }
  .cl-container.illegal-content2 {
    background: url("images/com/content/step2/img_law2_mb.png") no-repeat center bottom;
    padding-bottom: 155px;
  }
  .cl-container.illegal-content-card {
    border: 1px solid #DDDDDD;
    border-radius: 20px;
    padding: 72px 24px 24px;
  }
  .cl-container.illegal-content-card.alram1,
  .cl-container.illegal-content-card.alram2,
  .cl-container.illegal-content-card.type1,
  .cl-container.illegal-content-card.type2,
  .cl-container.illegal-content-card.type3,
  .cl-container.illegal-content-card.type4 {
    background-size: 32px;
    background-position: left 24px top 24px;
  }
  .cl-container.illegal-content-card2 {
    border-radius: 20px;
    padding: 24px;
    min-height: 0px;
  }
  .cl-container.illegal-content-card2 .cl-output.title {
    font-size: 21px;
    margin-bottom: 4px;
  }
  .cl-container.illegal-content-card2 .cl-output.title .cl-text {
    line-height: 1.5;
  }
  .cl-container.illegal-content-card2 .cl-output.txt {
    font-size: 17px;
  }
  .cl-container.support-guide-box3 {
    border-radius: 20px;
    padding: 25px 24px 25px 104px;
    background-position: left 24px top 24px;
    background-size: 56px;
    min-height: 106px;
  }
  .cl-container.support-guide-box3 .cl-output.heading-tit {
    font-size: 19px;
  }
  .cl-container.support-guide-box3 .cl-output.heading-tit .cl-text {
    line-height: 1.5;
    word-break: keep-all;
  }
  .cl-container.support-guide-box3 > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.heading-tit) {
    height: 100% !important;
  }
  .cl-container.support-guide-box3 .cl-output:not(.heading-tit).text-sub-color {
    display: none !important;
  }
  .cl-container.appeal-step-process .cl-output.step-img {
    width: 64px !important;
    height: 76px !important;
  }
  .cl-container.appeal-step-process .cl-output.step-img .cl-text {
    background-size: 64px;
  }
  .cl-container.appeal-step-process .cl-container.step-box:not(.cl-last-row) .step-img:after {
    content: "";
    position: absolute;
    width: 2px;
    bottom: 0;
    height: 50%;
    left: calc(50% - 1px);
    background-color: #F0F0F0;
    z-index: -1;
  }
  .cl-container.appeal-step-process .cl-container.step-box:not(.cl-first-row) .step-img:before {
    content: "";
    position: absolute;
    width: 2px;
    top: 0;
    height: 50%;
    left: calc(50% - 1px);
    background-color: #F0F0F0;
    z-index: -1;
  }
  .cl-container.appeal-step-process .cl-container.step-content-wrap {
    margin-bottom: 32px;
  }
  .cl-container.appeal-step-process .cl-container.step-content {
    padding-left: 20px;
    min-height: 76px;
  }
  .cl-container.appeal-step-process .cl-container.step-content > .cl-layout > .cl-layout-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .cl-container.appeal-step-process .cl-container.step-content .cl-output.step-label {
    font-size: 13px;
  }
  .cl-container.appeal-step-process .cl-container.step-content .cl-output.step-description {
    margin-top: 4px;
    font-size: 17px;
  }
  .cl-container.appeal-step-process .cl-container.step-content .cl-output.step-description .cl-text {
    line-height: 1.5;
  }
  .cl-container.card-btn-move-right {
    border-radius: 20px;
  }
  .cl-container.top-guide-box {
    border-radius: 0px;
  }
  .cl-container.top-guide-box > .cl-layout {
    padding: 24px 0;
  }
  .cl-output.has-password {
    background-size: 120px;
    padding-top: 136px;
    text-align: center;
    font-size: 25px;
  }
  span.clatter {
    width: 52px;
    height: 38px;
    background-size: 52px 38px;
    vertical-align: text-top;
  }
  .cl-container.bg-gray-pattern:before,
  .cl-container.bg-gray-pattern:after {
    display: none;
  }
  .cl-container.biz-content-card {
    border-radius: 20px;
    padding: 20px 24px;
    background-position: right 24px bottom 20px;
    min-height: 160px !important;
  }
  .cl-container.biz-content-card .cl-button.title {
    font-size: 19px;
    font-weight: 700;
  }
  .cl-container.biz-content-card .cl-button.title .cl-text {
    line-height: 1.5 !important;
  }
  .cl-container.biz-content-card .cl-output.txt {
    display: none !important;
  }
  .cl-container.biz-content-card.type1 {
    background-image: url("images/com/content/step2/img_contents_type1.png");
  }
  .cl-container.biz-content-card.type2 {
    background-image: url("images/com/content/step2/img_contents_type2.png");
  }
  .cl-container.biz-content-card.type3 {
    background-image: url("images/com/content/step2/img_contents_type3.png");
  }
  .cl-container.biz-content-card.type4 {
    background-image: url("images/com/content/step2/img_contents_type4.png");
  }
  .cl-button.btn-i-for-go-secondary {
    padding: 24px;
    font-size: 19px;
    border-radius: 20px;
  }
  .cl-button.btn-i-for-go-secondary .cl-icon {
    width: 64px;
    height: 64px;
    background-size: 64px;
  }
  .cl-button.btn-i-for-go-secondary.cl-icon-align-left .cl-icon {
    margin: 0 20px 0 0;
  }
  .cl-button.btn-i-for-go-secondary .cl-text {
    line-height: 1.5 !important;
  }
  .cl-button.btn-i-for-go-secondary .cl-text span.sub {
    font-size: 15px;
    margin-top: 2px;
  }
  .cl-container.biz-contents-result {
    /* 실시간 경락가 */
    /* 주산기 기상정보 */
    /* 병해충 정보 */
  }
  .cl-container.biz-contents-result .cl-button.btn-research {
    height: 40px !important;
  }
  .cl-container.biz-contents-result .cl-container.auction-price .cl-container.sub-info-box .cl-output {
    font-size: 15px;
  }
  .cl-container.biz-contents-result .cl-container.weather .cl-container.weather-box {
    padding: 24px 12px 24px 24px;
    border-radius: 20px;
    /* 온도 */
  }
  .cl-container.biz-contents-result .cl-container.weather .cl-container.weather-box .cl-button.btn-right {
    width: 16px !important;
    background-image: url("images/controls/button/ic_btn_right_16_bold.svg") !important;
  }
  .cl-container.biz-contents-result .cl-container.weather .cl-container.weather-box .cl-container.sub-info-box .cl-output {
    font-size: 15px;
  }
  .cl-container.biz-contents-result .cl-container.weather .cl-container.weather-box .cl-output.temp {
    padding-left: 37px;
    font-size: 32px;
    margin-top: -4px;
    background-size: 32px;
  }
  .cl-container.biz-contents-result .cl-container.pest-info .cl-container.pest-info-card .cl-image {
    border-radius: 12px;
    height: 152px !important;
  }
  .cl-container.biz-contents-result .cl-container.pest-info .cl-container.pest-info-card .cl-image:hover img {
    transform: scale(1);
  }
  .cl-container.biz-contents-result .cl-container.pest-info .cl-container.pest-info-card .cl-output.label {
    font-size: 17px;
    min-height: 0px;
    margin-top: 12px;
  }
  .cl-container.weather-detail {
    /* 하단 습도 정보 박스 */
    /* 재해특보 */
  }
  .cl-container.weather-detail .cl-container.separator .cl-output {
    font-size: 15px;
  }
  .cl-container.weather-detail .cl-button.btn-left:not(.cl-disabled):hover,
  .cl-container.weather-detail .cl-button.btn-left:focus,
  .cl-container.weather-detail .cl-button.btn-left.cl-focus,
  .cl-container.weather-detail .cl-button.btn-left:not(.cl-disabled).cl-activated,
  .cl-container.weather-detail .cl-button.btn-left:not(.cl-disabled):active {
    background-image: url("images/controls/button/ic_btn_left_24_on.svg") !important;
  }
  .cl-container.weather-detail .cl-button.btn-left.cl-disabled {
    background-image: url("images/controls/button/ic_btn_left_24_d.svg") !important;
  }
  .cl-container.weather-detail .cl-button.btn-right:not(.cl-disabled):hover,
  .cl-container.weather-detail .cl-button.btn-right:focus,
  .cl-container.weather-detail .cl-button.btn-right.cl-focus,
  .cl-container.weather-detail .cl-button.btn-right:not(.cl-disabled).cl-activated,
  .cl-container.weather-detail .cl-button.btn-right:not(.cl-disabled):active {
    background-image: url("images/controls/button/ic_btn_right_24_on.svg") !important;
  }
  .cl-container.weather-detail .cl-button.btn-right.cl-disabled {
    background-image: url("images/controls/button/ic_btn_right_24_d.svg") !important;
  }
  .cl-container.weather-detail .cl-container.temp-top-box {
    padding: 32px 32px 32px 136px;
    background: none;
    /* 세로 배치 후 가운데 정렬 */
    /* 현재 온도 텍스트 스타일 */
    /* 최고, 최저 정보 */
  }
  .cl-container.weather-detail .cl-container.temp-top-box > .cl-layout > .cl-layout-content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .cl-container.weather-detail .cl-container.temp-top-box .cl-output.current-temp-txt {
    font-size: 40px;
  }
  .cl-container.weather-detail .cl-container.temp-top-box .cl-output.current-temp-txt:before {
    content: "";
    position: absolute;
    left: -136px;
    top: 6px;
    width: 104px;
    height: 104px;
    background: url("images/com/content/step2/img_temp.png") no-repeat center/104px;
  }
  .cl-container.weather-detail .cl-container.temp-top-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.more-info-box) {
    display: block !important;
  }
  .cl-container.weather-detail .cl-container.temp-top-box .cl-container.more-info-box {
    margin-top: 8px;
    margin-left: 0px;
  }
  .cl-container.weather-detail .cl-container.temp-top-box .cl-container.more-info-box .cl-output.txt {
    font-size: 17px;
  }
  .cl-container.weather-detail .cl-container.temp-top-box .cl-container.more-info-box .cl-output.txt .cl-text span {
    padding-right: 22px;
    background-position: right 4px center;
    background-repeat: no-repeat;
    font-size: 15px;
  }
  .cl-container.weather-detail .cl-container.temp-top-box .cl-container.more-info-box .cl-output.txt .cl-text span.high {
    background-image: url("images/com/content/step2/ic_up.svg");
  }
  .cl-container.weather-detail .cl-container.temp-top-box .cl-container.more-info-box .cl-output.txt .cl-text span.low {
    background-image: url("images/com/content/step2/ic_down.svg");
  }
  .cl-container.weather-detail .cl-container.humidity-bottom-box {
    padding: 24px;
  }
  .cl-container.weather-detail .cl-container.summary-list .cl-output.precipitation,
  .cl-container.weather-detail .cl-container.summary-list .cl-output.windspeed,
  .cl-container.weather-detail .cl-container.summary-list .cl-output.sunshine {
    padding-left: 32px;
    background-size: 24px;
  }
  .cl-container.weather-detail .cl-container.summary-list .cl-output {
    font-size: 19px;
  }
  .cl-container.weather-detail .cl-output.disaster-alert {
    padding: 14px 24px 14px 100px;
    font-size: 17px;
    text-align: right;
  }
  .cl-container.weather-detail .cl-output.disaster-alert:before {
    font-size: 15px;
    padding-right: 22px;
    left: 24px;
    background-size: 18px;
  }
  .cl-container.address-search {
    /* 기상재해 작목검색 */
    /* 직불외 - 공급 조합 검색 */
  }
  .cl-container.address-search.crops-search .cl-output.total-txt {
    padding-bottom: 24px;
  }
  .cl-container.address-search.crops-search .cl-container.crops-result-box .cl-grid {
    font-size: 15px;
  }
  .cl-container.address-search.crops-search .cl-container.crops-result-box .cl-grid .cl-grid-header .cl-control {
    font-size: 15px;
  }
  .cl-container.address-search.supply-union {
    /* 추천 텍스트 */
    /* 검색결과 텍스트 */
  }
  .cl-container.address-search.supply-union .cl-output.recommend-txt {
    padding-bottom: 12px;
    padding-left: 12px;
  }
  .cl-container.address-search.supply-union .cl-output.total-txt {
    padding-bottom: 12px;
    padding-left: 12px;
  }
  .cl-container.address-search.supply-union .cl-checkboxgroup.union-list {
    font-size: 17px;
  }
  .cl-container.address-search.supply-union .cl-checkboxgroup.union-list .cl-checkbox {
    padding: 16px 12px;
  }
  .cl-container.pest-detail .cl-container.pest-info-form {
    border: 1px solid #DDDDDD;
    border-radius: 20px;
  }
  .cl-container.pest-detail .cl-container.pest-info-form .cl-formlayout-horizontal-separator {
    background-color: transparent;
  }
  .cl-container.detail-box {
    padding: 32px;
    border-radius: 20px;
    /* 사진정보 */
  }
  .cl-container.detail-box .cl-output.detail-tit1,
  .cl-container.detail-box .cl-output.detail-tit2 {
    font-size: 25px;
    padding-left: 32px;
    background-size: 24px;
  }
  .cl-container.detail-box .cl-output {
    font-size: 17px;
  }
  .cl-container.detail-box .cl-output.sub-tit {
    font-size: 21px;
  }
  .cl-container.detail-box .cl-container.content-box {
    padding-bottom: 40px;
  }
  .cl-container.detail-box .cl-container.content-box.cl-last-row {
    padding-bottom: 0;
    border-bottom: none;
  }
  .cl-container.detail-box .cl-container.pic-list-box .cl-container.pic-wrap {
    height: 160px !important;
  }
  .cl-container.pest-detail-expand .img {
    border-radius: 20px;
  }
  .cl-container.disaster-info-set .cl-container.pop-content-body {
    padding: 8px 20px 24px 20px !important;
  }
  .cl-container.disaster-info-set .cl-button {
    padding: 16px 16px 16px 76px;
    background-size: 48px;
    background-position: left 16px center;
    font-size: 19px;
    min-height: 84px;
  }
  .cl-container.dp-main {
    /* 신청서 작성은 ... */
  }
  .cl-container.dp-main .cl-container.card-content-box .cl-output.view-txt {
    font-size: 15px;
    margin-top: 20px;
  }
  .cl-container.dp-main .cl-container.card-content-box .cl-output.view-txt .cl-text span.mb {
    display: block;
  }
  .cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card-wrap:not(.active) {
    padding: 0;
  }
  .cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card-wrap.active .cl-container.biz-card .cl-output.tit {
    font-size: 25px;
  }
  .cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card-wrap.active .cl-container.biz-card .cl-container.card-footer {
    margin-top: 12px;
  }
  .cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card {
    border-radius: 20px;
    padding: 24px;
  }
  .cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card .cl-output.tit {
    min-height: 64px;
  }
  .cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card .cl-output.date {
    font-size: 15px;
  }
  .cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card .cl-container.card-footer .cl-button.btn-i-go {
    font-size: 15px;
  }
  .cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card .cl-container.card-footer .cl-button.btn-i-go .cl-icon {
    background-image: url("images/controls/button/ic_btn_right_w_12.svg") !important;
    background-size: 12px;
    width: 12px;
    height: 12x;
  }
  .cl-container.dp-main .cl-container.card-content-box .cl-container.biz-list-box .cl-container.biz-card .cl-container.card-footer .cl-button.btn-i-go.cl-icon-align-right .cl-icon {
    margin: 0 0 0 4px;
  }
  .cl-container.dp-main .cl-output.step-guide-txt {
    font-size: 17px;
    margin-top: -24px;
  }
  .cl-container.dp-title-box {
    /* 타이틀 하단에 오는 에러 텍스트 스타일 */
  }
  .cl-container.dp-title-box .cl-output.step-txt {
    font-size: 15px;
    margin-bottom: -8px;
  }
  .cl-container.dp-title-box .cl-output.sub-guide-txt {
    margin-top: 0px;
    font-size: 15px;
  }
  .cl-container.dp-title-box .btn-help.xl {
    width: 16px !important;
    height: 16px !important;
    background-image: url("images/controls/button/ic_help.svg") !important;
    background-size: 16px;
  }
  .cl-container.dp {
    /* 공통 레이아웃 설정 */
  }
  .cl-container.dp .cl-container.content-body .cl-container.content-section:not(.no-title-spacing) > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-first-row:has(.dp-title-box) + .cl-layout-wrap {
    margin-top: 40px !important;
  }
  .cl-container.dp .cl-menu.side-tab {
    font-size: 15px;
  }
  .cl-container.appl-box {
    padding: 24px;
    border-radius: 20px;
  }
  .cl-container.appl-box .cl-container.top-header .cl-button.btn-close-lg {
    width: 16px !important;
    height: 16px !important;
    background-size: 16px;
  }
  .cl-output.qual-checklist {
    font-size: 17px;
    background-size: 16px;
    background-position-y: 2px;
    padding-left: 24px;
  }
  .cl-output.qual-checklist .cl-text span.sub {
    font-size: 15px;
  }
  .cl-container.required-info-check .cl-output.tit {
    font-size: 25px;
  }
  .cl-container.selft-check-box {
    padding: 20px;
  }
  .cl-container.selft-check-box .cl-output {
    font-size: 17px;
  }
  .cl-container.selft-check-box .cl-output .cl-text span.sub-text {
    margin-top: 8px;
    font-size: 15px;
  }
  .cl-container.selft-check-box .cl-output.check-txt {
    font-size: 15px;
  }
  .cl-container.bank-chip-box {
    margin-bottom: 42px;
  }
  .cl-container.bank-chip-box.active {
    margin-bottom: 0px;
  }
  .cl-output.bank-chip {
    min-height: 34px;
    padding: 5.5px 12px 5.5px 40px;
    background-position-x: 12px;
  }
  .cl-container.area-summary-box {
    border-radius: 20px;
    padding: 24px;
  }
  .cl-container.area-summary-box .cl-container.data-flex-box > .cl-layout {
    margin: -8px 0px 0px -16px !important;
  }
  .cl-container.area-summary-box .cl-container.data-flex-box > .cl-layout > .cl-layout-content > .cl-layout-wrap {
    margin: 8px 0px 0px 16px !important;
  }
  .cl-container.area-summary-box .cl-container.data-flex-box > .cl-layout > .cl-layout-content > .cl-layout-wrap {
    padding-left: 0px !important;
  }
  .cl-container.area-summary-box .cl-container.data-flex-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:before {
    display: none;
  }
  .cl-container.area-summary-box .cl-container.data-flex-box .cl-container.item {
    min-width: 128px;
  }
  .cl-container.area-summary-box .cl-output .cl-text span.pc-br {
    display: inline;
  }
  .cl-container.area-summary-box .cl-output .cl-text span.mb-br {
    display: block;
  }
  .cl-container.area-summary-box .cl-output.num {
    font-size: 32px;
  }
  .cl-container.area-input-wrap {
    /* 더보기를 가지고 있는 버튼 그룹 (area-input-wrap spacing이 16기준 +8하여 24px 맞춤) */
  }
  .cl-container.area-input-wrap .cl-container.has-btn-more {
    margin-top: 8px;
  }
  .cl-container.area-input-box {
    padding: 24px;
    border-radius: 20px;
    /* 신청 면적 정보 폼 */
  }
  .cl-container.area-input-box .cl-accordion.acd-area-data .cl-accordion-header {
    font-size: 19px;
    padding: 0 0 24px 0;
  }
  .cl-container.area-input-box .cl-accordion.acd-area-data .cl-accordion-header .cl-text {
    line-height: 1.5;
  }
  .cl-container.area-input-box .cl-accordion.acd-area-data .cl-accordion-header .cl-text span {
    font-size: 15px;
  }
  .cl-container.area-input-box .cl-accordion.acd-area-data .cl-accordion-header .cl-text span.sub-name {
    font-size: 19px;
    padding-left: 16px;
  }
  .cl-container.area-input-box .cl-accordion.acd-area-data .cl-accordion-header .cl-text span.sub-name:before {
    width: 1px;
    height: 16px;
    left: 8px;
    top: calc(50% - 8px);
  }
  .cl-container.area-input-box .cl-accordion.acd-area-data .cl-accordion-section:not(.cl-accordion-placeholder) .cl-accordion-content {
    padding: 24px 0;
  }
  .cl-container.area-input-box .cl-accordion.acd-area-data .cl-accordion-section:not(.cl-accordion-placeholder) .cl-accordion-content:has(.form-info.cl-first-row.cl-last-row) {
    padding: 16px 0;
  }
  .cl-container.area-input-box.direct-add .cl-container.header .cl-button.btn-close-lg {
    width: 16px !important;
    height: 16px !important;
    background-image: url("images/controls/button/ic_btn_close.svg") !important;
  }
  .cl-container.area-input-box.direct-add .cl-container.header .tit {
    font-size: 19px;
  }
  .cl-container.area-input-box.direct-add .cl-container.header .tit .cl-text {
    line-height: 1.5;
  }
  .cl-container.area-input-box.direct-add .cl-container.header .tit .cl-text span {
    font-size: 15px;
  }
  .cl-container.area-input-box.direct-add .cl-container.header .cl-container.udc-toggle-farm-box .cl-container.wrap {
    height: 29px !important;
  }
  .cl-container.area-input-box.direct-add .cl-container.header .cl-container.tit-form-box:has(.cl-inputbox) .cl-inputbox {
    margin-top: 0px;
  }
  .cl-container.area-input-box.direct-add:has(.content) .cl-container.header {
    padding-bottom: 24px;
  }
  .cl-container.area-input-box.direct-add:has(.content):has(.form-info.cl-first-row.cl-last-row) .cl-contianer.header {
    padding-bottom: 16px;
  }
  .cl-container.area-input-box.direct-add .cl-container.content {
    padding: 0 0 24px 0;
  }
  .cl-container.area-input-box.direct-add .cl-container.content:has(.form-info.cl-first-row.cl-last-row) {
    padding: 0 0 16px 0;
  }
  .cl-container.area-input-box .cl-container.input-form .cl-container.form-section:not(.cl-first-row) {
    padding-top: 24px;
  }
  .cl-container.area-input-box .cl-container.form-info > .cl-layout > .cl-layout-content {
    grid-template-columns: 0px auto 4px 4px 1fr 0px !important;
  }
  .cl-container.area-input-box .cl-container.form-info .cl-output:not(.label) {
    font-size: 15px;
    text-align: right;
    vertical-align: inherit;
  }
  .cl-container.area-input-box .cl-container.form-info .cl-output:not(.label) .cl-text {
    line-height: 1.5;
  }
  .cl-container.area-input-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.toogle-reg-wrap) + .cl-layout-wrap:has(.acd-area-data) .acd-area-data {
    margin-top: 0px;
  }
  .cl-container.supp-docs .cl-output.qual-tit {
    margin-bottom: 0px;
  }
  .cl-container.agree-guide .tit {
    margin-bottom: -16px;
    font-size: 25px;
  }
  .cl-container.requirement-check .tit {
    font-size: 25px;
    margin-bottom: -16px;
  }
  .cl-container.requirement-check .cl-tabfolder .cl-tabfolder-header {
    overflow: visible;
    margin: 0 -20px;
  }
  .cl-container.requirement-check .cl-tabfolder .cl-tabfolder-header .cl-tabfolder-header-viewport {
    padding: 0 20px;
  }
  .cl-container.requirement-check .cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item:not(.cl-first) {
    margin-left: 24px;
  }
  .cl-container.requirement-check .cl-tabfolder .cl-tabfolder-body .cl-container.tab-content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-margin.cl-layout-margin-top {
    height: 20px !important;
  }
  .cl-container.view-user-msg .cl-output.sub-title {
    margin-top: -16px;
  }
  .cl-container.view-user-msg .cl-container.msg-box {
    min-width: 256px;
  }
  .cl-container.view-user-msg .content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.msg-box) {
    position: fixed !important;
    left: 0;
    right: 0;
    bottom: 40px;
  }
  .cl-container.view-user-msg .cl-button.btn-stop {
    width: 20px !important;
    height: 20px !important;
    min-width: 0 !important;
    background-size: 12px;
    margin-left: -4px;
  }
  .cl-output.img-step-check {
    padding-left: 96px;
    background-size: 80px;
    font-size: 25px;
    min-height: 80px;
  }
  .cl-radiobutton.rdb-btn-bank {
    /* 아이템 너비: 100, 사이 간격: 10 */
    width: 650px !important;
  }
  .cl-radiobutton.rdb-btn-bank .cl-radiobutton-item {
    width: 100px;
    padding: 68px 2px 16px;
  }
  .cl-container.edu-title-box .cl-output.edu-detail-tit {
    font-size: 25px;
    font-weight: 600;
  }
  .cl-container.edu-title-box .cl-output.edu-detail-tit .cl-text {
    display: table-cell !important;
  }
  .cl-container.edu-detail-box {
    background-color: transparent;
    border-radius: 0;
  }
  .cl-container.edu-detail-box .cl-container.edu-content-box {
    background-color: #FFFFFF;
    border-bottom: none;
    border-radius: 20px;
    padding-bottom: 0;
  }
  .cl-container.edu-detail-box .cl-container.edu-content-box .cl-output {
    font-size: 17px;
  }
  .cl-container.edu-detail-box .cl-container.edu-content-box .cl-output.edu-tit1,
  .cl-container.edu-detail-box .cl-container.edu-content-box .cl-output.edu-tit2 {
    background-size: 24px;
    font-size: 25px;
    padding-left: 32px;
  }
  .cl-container.edu-detail-box .cl-container.edu-content-box .cl-output.edu-tit1 .cl-text,
  .cl-container.edu-detail-box .cl-container.edu-content-box .cl-output.edu-tit2 .cl-text {
    line-height: 1.3;
  }
  .cl-container.edu-detail-box .cl-container.edu-content-box .cl-output.sub-tit {
    font-size: 21px;
  }
  .cl-container.ndp {
    /* 공통 레이아웃 설정 */
    /*청년농업 신청 개별 파일 등록 ui*/
  }
  .cl-container.ndp .cl-container.content-body .cl-container.right-group:not(.no-title-spacing) > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-first-row:has(.dp-title-box) + .cl-layout-wrap {
    margin-top: 40px !important;
  }
  .cl-container.ndp .cl-container.step-form-group .cl-container.right-group > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.info-grp {
    margin-top: 0px;
  }
  .cl-container.ndp .cl-container.input-form-box {
    /* input-form-tit의 부가 설명 텍스트가 있는 경우 버티컬 레이아웃으로 한 번 감싼 구조 */
    /* input-form-tit의 부가 설명 텍스트가 없는 경우 기존과 동일하게 */
  }
  .cl-container.ndp .cl-container.input-form-box:has(.cl-container.input-form-tit-box) .cl-container.input-form-tit-box {
    margin-bottom: -16px;
  }
  .cl-container.ndp .cl-container.input-form-box:not(:has(.cl-container.input-form-tit-box)) {
    /* 플로우 레이아웃에 감싸져 있는 경우 (툴팁 버튼 존재) */
  }
  .cl-container.ndp .cl-container.input-form-box:not(:has(.cl-container.input-form-tit-box)) .cl-output.input-form-tit:not(.cl-first-column) {
    margin-bottom: -16px;
  }
  .cl-container.ndp .cl-container.input-form-box:not(:has(.cl-container.input-form-tit-box)) > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-first-row .cl-container.cl-first-row:has(.input-form-tit.cl-first-column) {
    margin-bottom: -16px;
  }
  .cl-container.ndp .cl-container.input-form-box:not(:has(.cl-container.input-form-tit-box)) > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-first-row .cl-container.cl-first-row:has(> .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-output.input-form-tit) {
    margin-bottom: -16px;
  }
  .cl-container.ndp .cl-container.input-form-box:not(:has(.cl-container.input-form-tit-box)) > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-first-row .cl-container.cl-first-row:has(> .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-output.input-form-tit) .cl-output.input-form-tit {
    margin-bottom: 0px;
  }
  .cl-container.ndp.cl-container.single-file-upload .cl-container.step-form-group.content-section {
    padding: 0;
  }
  .cl-container.ndp.cl-container.single-file-upload .cl-container.step-form-group.content-section .cl-container.left-group {
    padding: 0 20px;
  }
  .cl-container.ndp.cl-container.single-file-upload .cl-container.step-form-group.content-section .cl-container.right-group > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container:not(.input-form-udc-box):not(.content-btn-group) {
    padding: 0 20px;
  }
  .cl-container.ndp.cl-container.single-file-upload .cl-container.step-form-group.content-section .cl-container.right-group > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.input-form-udc-box .cl-container.input-form-udc:not(.cl-first-row) {
    padding-top: 40px !important;
    border-top-width: 8px;
  }
  .cl-container.ndp.cl-container.single-file-upload .cl-container.step-form-group.content-section .cl-container.right-group > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container.input-form-udc-box > .cl-layout > .cl-layout-content > .cl-layout-wrap > .cl-container {
    padding: 0 20px;
  }
}
@media (max-width: 689.5px) {
  /* 아이템 너비: 100, 사이 간격: 10 */
  .cl-radiobutton.rdb-btn-bank {
    /* 아이템 너비: 100, 사이 간격: 10 */
    width: 540px !important;
  }
}
@media (max-width: 579.5px) {
  /* 아이템 너비: 100, 사이 간격: 10 */
  .cl-radiobutton.rdb-btn-bank {
    /* 아이템 너비: 100, 사이 간격: 10 */
    width: 430px !important;
  }
}
@media (max-width: 469.5px) {
  /* 아이템 너비: 100, 사이 간격: 10 */
  .cl-radiobutton.rdb-btn-bank {
    /* 아이템 너비: 100, 사이 간격: 10 */
    width: 320px !important;
  }
}
@media (min-width: 1416px) {
  .cl-aside {
    /* 로드마스크 z-index */
  }
  .cl-aside > div:has(.cl-dialog) {
    z-index: 3 !important;
  }
  .cl-aside .cl-embeddedapp:has(.spinner-overlay) {
    z-index: 2 !important;
  }
  .cl-container.content-wrapper {
    /* udcmainheader sticky */
    /* pc일때만 */
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-embeddedapp.header) {
    z-index: 2;
  }
  .cl-container.mn-sub-info {
    /* extensions.part.less의 &:has(.cl-embeddedapp.header 내부의 z-index와 같이 맞춰줘야함 */
    z-index: 2;
  }
}
/* 가로 스크롤 생성시 가로 스크롤 너비 때문에 생기는 가로 스크롤 진입점  */
@media (min-width: 1415px) and (max-width: 1436px) {
  .cl-container.udc-main-header .cl-container.user-action-area,
  .cl-container.udc-main-header .cl-container.gnb {
    width: 100% !important;
    margin: 0;
  }
  .cl-container.udc-gov .cl-container.gov-area > .cl-layout > .cl-layout-content {
    width: 100% !important;
    margin: 0;
  }
  .cl-container.udc-footer .cl-container.footer-full-section > .cl-layout > .cl-layout-content {
    width: 100% !important;
    margin: 0;
  }
  .cl-container.udc-footer .cl-container.footer-box {
    width: 100% !important;
    margin: 0;
  }
  .cl-container.btn-header-link-box {
    width: 100% !important;
    margin: 0 !important;
  }
  .cl-tabfolder-header {
    min-width: 0px !important;
    width: 100% !important;
  }
  .cl-container.content-wrapper,
  .cl-container.pop-content-wrapper,
  .cl-container.inner-content-wrapper {
    /* width full 영역 스타일 */
  }
  .cl-container.content-wrapper .cl-container.appheader,
  .cl-container.pop-content-wrapper .cl-container.appheader,
  .cl-container.inner-content-wrapper .cl-container.appheader {
    width: 100% !important;
  }
  .cl-container.content-wrapper .cl-container.app-title-wrap,
  .cl-container.pop-content-wrapper .cl-container.app-title-wrap,
  .cl-container.inner-content-wrapper .cl-container.app-title-wrap {
    /* 앱 타이틀 영역 스타일 */
    min-width: auto !important;
    margin: 0;
  }
  .cl-container.content-wrapper .cl-container.content-section,
  .cl-container.pop-content-wrapper .cl-container.content-section,
  .cl-container.inner-content-wrapper .cl-container.content-section {
    width: 100% !important;
    margin: 0;
  }
  .cl-container.content-wrapper .cl-container.content-section.wd-936,
  .cl-container.pop-content-wrapper .cl-container.content-section.wd-936,
  .cl-container.inner-content-wrapper .cl-container.content-section.wd-936,
  .cl-container.content-wrapper .cl-container.content-section.wd-696,
  .cl-container.pop-content-wrapper .cl-container.content-section.wd-696,
  .cl-container.inner-content-wrapper .cl-container.content-section.wd-696 {
    margin: 0 auto;
  }
  .cl-container.content-wrapper .cl-container.content-section.step-form-group > .cl-layout > .cl-layout-content .cl-container.right-group,
  .cl-container.pop-content-wrapper .cl-container.content-section.step-form-group > .cl-layout > .cl-layout-content .cl-container.right-group,
  .cl-container.inner-content-wrapper .cl-container.content-section.step-form-group > .cl-layout > .cl-layout-content .cl-container.right-group {
    width: 100% !important;
  }
  .cl-container.content-wrapper .cl-container.full-section > .cl-layout > .cl-layout-content,
  .cl-container.pop-content-wrapper .cl-container.full-section > .cl-layout > .cl-layout-content,
  .cl-container.inner-content-wrapper .cl-container.full-section > .cl-layout > .cl-layout-content {
    width: 100% !important;
    margin: 0;
  }
  .cl-container.content-wrapper .cl-container.full-section.wd-936 > .cl-layout > .cl-layout-content,
  .cl-container.pop-content-wrapper .cl-container.full-section.wd-936 > .cl-layout > .cl-layout-content,
  .cl-container.inner-content-wrapper .cl-container.full-section.wd-936 > .cl-layout > .cl-layout-content,
  .cl-container.content-wrapper .cl-container.full-section.wd-696 > .cl-layout > .cl-layout-content,
  .cl-container.pop-content-wrapper .cl-container.full-section.wd-696 > .cl-layout > .cl-layout-content,
  .cl-container.inner-content-wrapper .cl-container.full-section.wd-696 > .cl-layout > .cl-layout-content {
    margin: 0 auto;
  }
  .cl-container.content-wrapper .cl-container.full-section.wd-auto > .cl-layout > .cl-layout-content,
  .cl-container.pop-content-wrapper .cl-container.full-section.wd-auto > .cl-layout > .cl-layout-content,
  .cl-container.inner-content-wrapper .cl-container.full-section.wd-auto > .cl-layout > .cl-layout-content {
    margin: 0 auto;
  }
}
@media (min-width: 768px) and (max-width: 1415px) {
  /************************************************
 * udc
 ************************************************/
  /************************************************
 * 탭폴더
 * controls/tabfolder.part.less
 ************************************************/
  /************************************************
 * 버튼
 * custom/tabfolder.part.less
 ************************************************/
  /* 스크롤 탑 버튼 */
  /************************************************
 * 탭폴더
 * custom/tab.part.less
 ************************************************/
  /************************************************
 * 모달
 * custom/modal.part.less
 ************************************************/
  /************************************************
 * udc
 * custom/udc.part.less
 ************************************************/
  /* 앱헤더 */
  /************************************************
 * 폼
 * custom/form.part.less
 ************************************************/
  /************************************************
 * 카드
 * custom/card.part.less
 ************************************************/
  /************************************************
 * udc
 * custom/udc.part.less
 ************************************************/
  /************************************************
 * 레이아웃
 * custom/extensions.part.less
 ************************************************/
  /************************************************
 * 타이포그래피
 * custom/typograhy.part.less
 ************************************************/
  /************************************************
 * 페이지
 * custom/page.part.less
 ************************************************/
  /************************************************
 * 농업경영체 등록 신청내역
 ************************************************/
  /* 통합검색 */
  /* 회원가입  */
  .cl-container.udc-main-header {
    min-height: 0px;
    border-bottom: none;
  }
  .cl-container.udc-main-header .cl-container.user-action-area,
  .cl-container.udc-main-header .cl-container.gnb {
    width: 100% !important;
    margin: 0;
  }
  .cl-container.udc-main-header .cl-container.gnb-wrap {
    border-bottom: none;
    margin-top: 0px;
  }
  .cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb {
    min-height: 56px;
    padding: 0 40px;
  }
  .cl-container.udc-gov .cl-container.gov-area {
    min-height: 0px;
  }
  .cl-container.udc-gov .cl-container.gov-area .cl-container.gov-area-wrap {
    padding: 5px 16px;
  }
  .cl-container.udc-gov .cl-container.gov-area > .cl-layout > .cl-layout-content {
    width: 100% !important;
    margin: 0;
  }
  .cl-container.udc-footer {
    padding-top: 0px;
  }
  .cl-container.udc-footer .cl-container.footer-full-section > .cl-layout > .cl-layout-content {
    width: 100% !important;
    margin: 0;
  }
  .cl-container.udc-footer .cl-output.logo {
    background: url("images/com/main/img_footer_logo_mb.png") no-repeat left top;
  }
  .cl-container.udc-footer .cl-container.link-btn-group {
    border-right-width: 0;
    border-left-width: 0;
  }
  .cl-container.udc-footer .cl-container.footer-box {
    width: 100% !important;
    margin: 0;
    padding: 32px 20px 40px 20px;
    background-color: #F4F4F4;
  }
  .cl-container.udc-footer .cl-container.footer-box .cl-container.logo-box {
    padding-top: 0px;
  }
  .cl-container.udc-footer .cl-container.footer-box .cl-output.copyright {
    text-align: left;
  }
  .cl-container.udc-footer .cl-container.text-btn-group {
    padding-top: 16px;
    border-top: 1px solid #eeeeee;
  }
  .cl-container.udc-footer .cl-container.text-btn-group .cl-button.btn-txt {
    font-size: 15px !important;
  }
  .cl-container.udc-footer .cl-container.text-btn-group > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.separator) {
    margin-left: 0 !important;
  }
  .cl-container.udc-footer .cl-container.text-btn-group .cl-output.separator {
    background-color: transparent;
    margin-left: 0px !important;
  }
  .cl-container.btn-header-link-box {
    width: 100% !important;
    padding: 0 40px;
  }
  .cl-tabfolder .cl-tabfolder-header {
    min-width: 0;
    margin: 0;
  }
  .cl-button.btn-scroll-top {
    background-size: 24px;
    width: 40px !important;
    height: 40px !important;
    bottom: 20px !important;
  }
  .cl-container.btn-group.flex-column > .cl-layout {
    margin: 0 !important;
  }
  .cl-container.btn-group.flex-column > .cl-layout > .cl-layout-content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .cl-container.btn-group.flex-column > .cl-layout > .cl-layout-content > .cl-layout-wrap {
    width: 100% !important;
    margin: 8px 0 0 0 !important;
  }
  .cl-container.btn-group.flex-column > .cl-layout > .cl-layout-content > .cl-layout-wrap:first-child {
    margin: 0px !important;
  }
  .cl-container.btn-group.flex-column > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-first-row {
    margin: 0px !important;
  }
  .cl-container.btn-group.flex-column > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-button:not(.cl-button.btn-link) {
    width: 100% !important;
  }
  .cl-container.btn-group.flex-column.h-auto > .cl-layout,
  .cl-container.btn-group.flex-column.h-auto2 > .cl-layout {
    height: 100% !important;
  }
  .cl-container.btn-group.flex-column.h-auto > .cl-layout .cl-layout-content > .cl-layout-wrap,
  .cl-container.btn-group.flex-column.h-auto2 > .cl-layout .cl-layout-content > .cl-layout-wrap {
    height: auto !important;
  }
  .cl-container.btn-group.flex-column .cl-button {
    padding: 0;
  }
  .cl-tabfolder.tab-auto .cl-tabfolder-header {
    padding: 0 40px;
  }
  .cl-tabfolder.tab-rounded .cl-tabfolder-header {
    padding: 0;
  }
  .cl-tabfolder.tab-rounded .cl-tabfolder-header .cl-tabfolder-header-viewport {
    padding: 0 40px !important;
  }
  .cl-container.grp-folder-sticky .cl-layout-wrap.tab-folder-sticky {
    top: 55px;
  }
  .cl-container.sticky-tab-box .cl-layout-wrap.tab-sticky-1 {
    top: 56px;
  }
  .cl-container.sticky-tab-box .cl-layout-wrap.tab-sticky-2 {
    position: sticky !important;
    top: 136px;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: #FFFFFF;
    /* 1depth 헤더와 사이 간경의 배경색 때문에 padding-top으로 간격 지정 */
    margin-top: 0px !important;
    padding: 24px 0;
    margin-bottom: -24px !important;
  }
  .cl-container.sticky-tab-box .cl-tabfolder.tab-sticky-2 {
    margin-top: 0px !important;
  }
  .cl-dialog.full-dialog .cl-dialog-header {
    min-height: 56px;
    padding: 0 16px 0 20px;
  }
  .cl-dialog.full-dialog .cl-dialog-header .cl-dialog-close {
    background-image: url("images/controls/dialog/ic_close_24.svg");
    width: 24px;
  }
  .cl-container.appheader {
    padding: 12px 40px 12px 36px;
    width: auto !important;
  }
  .cl-container.app-title .cl-output.cl-output-h2 {
    font-size: 32px;
  }
  .cl-container.content-wrapper {
    /* form-section 상단 타이틀 박스 */
  }
  .cl-container.content-wrapper .cl-container.input-form-box.form-section {
    border-radius: 0px;
  }
  .cl-container.content-wrapper .cl-container.form-section-top-box {
    padding: 0 40px;
  }
  .cl-container.data-box.card {
    padding: 40px;
  }
  .cl-container.data-box.card:has(.btn-group) {
    padding: 40px;
  }
  .cl-container.scr-filter-box {
    padding: 40px 60px !important;
    border-radius: 0px;
  }
  .cl-container.list-box {
    /* 더보기 버튼을 사용하지 않는 경우 */
  }
  .cl-container.list-box.no-has-more-btn > .cl-layout > .cl-layout-content .cl-embeddedapp.cl-last-row .cl-container.list {
    border-bottom: none;
    padding-bottom: 0;
  }
  .cl-output.udc-toast {
    left: 64px !important;
    right: 64px !important;
    width: auto !important;
    z-index: 999;
  }
  .cl-embeddedapp.udc-snackbar {
    top: 4px !important;
    left: 64px !important;
    right: 68px !important;
    width: auto !important;
  }
  .cl-embeddedapp.udc-snackbar.isnoti {
    left: calc(50% - 160px) !important;
    width: 320px !important;
    right: auto !important;
    top: 64px !important;
  }
  .cl-container.prg-stg .cl-container.step-box.img-more .cl-container.step-content {
    padding-right: 28px;
    background: url("images/controls/button/ic_btn_right_24.svg") no-repeat right center;
    background-size: 16px;
  }
  .cl-container.content-wrapper,
  .cl-container.pop-content-wrapper,
  .cl-container.inner-content-wrapper {
    /* width full 영역 스타일 */
  }
  .cl-container.content-wrapper .cl-container.app-title-wrap,
  .cl-container.pop-content-wrapper .cl-container.app-title-wrap,
  .cl-container.inner-content-wrapper .cl-container.app-title-wrap {
    /* 앱 타이틀 영역 스타일 */
    min-width: auto !important;
    margin: 0;
    padding: 0 40px;
  }
  .cl-container.content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.app-title-wrap:not(.hide-off)),
  .cl-container.pop-content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.app-title-wrap:not(.hide-off)),
  .cl-container.inner-content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.app-title-wrap:not(.hide-off)) {
    display: none !important;
  }
  .cl-container.content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.app-title-wrap:not(.hide-off)) + .cl-layout-wrap,
  .cl-container.pop-content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.app-title-wrap:not(.hide-off)) + .cl-layout-wrap,
  .cl-container.inner-content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.app-title-wrap:not(.hide-off)) + .cl-layout-wrap {
    margin-top: 0px !important;
  }
  .cl-container.content-wrapper .cl-container.content-section,
  .cl-container.pop-content-wrapper .cl-container.content-section,
  .cl-container.inner-content-wrapper .cl-container.content-section {
    width: 100% !important;
    margin: 0;
    padding: 0 40px;
  }
  .cl-container.content-wrapper .cl-container.content-section.wd-936,
  .cl-container.pop-content-wrapper .cl-container.content-section.wd-936,
  .cl-container.inner-content-wrapper .cl-container.content-section.wd-936,
  .cl-container.content-wrapper .cl-container.content-section.wd-696,
  .cl-container.pop-content-wrapper .cl-container.content-section.wd-696,
  .cl-container.inner-content-wrapper .cl-container.content-section.wd-696 {
    width: 100% !important;
  }
  .cl-container.content-wrapper .cl-container.content-section.step-form-group > .cl-layout > .cl-layout-content .cl-container.right-group,
  .cl-container.pop-content-wrapper .cl-container.content-section.step-form-group > .cl-layout > .cl-layout-content .cl-container.right-group,
  .cl-container.inner-content-wrapper .cl-container.content-section.step-form-group > .cl-layout > .cl-layout-content .cl-container.right-group {
    width: 100% !important;
  }
  .cl-container.content-wrapper .cl-container.content-section:has(.cl-container.full-section-box),
  .cl-container.pop-content-wrapper .cl-container.content-section:has(.cl-container.full-section-box),
  .cl-container.inner-content-wrapper .cl-container.content-section:has(.cl-container.full-section-box) {
    padding: 0;
  }
  .cl-container.content-wrapper .cl-container.content-section:has(.cl-container.full-section-box) .cl-container.full-section-box,
  .cl-container.pop-content-wrapper .cl-container.content-section:has(.cl-container.full-section-box) .cl-container.full-section-box,
  .cl-container.inner-content-wrapper .cl-container.content-section:has(.cl-container.full-section-box) .cl-container.full-section-box {
    padding: 40px;
    background-color: #F4F4F4;
  }
  .cl-container.content-wrapper .cl-container.content-section:has(.cl-container.full-section-box).step-form-group .cl-container.right-group,
  .cl-container.pop-content-wrapper .cl-container.content-section:has(.cl-container.full-section-box).step-form-group .cl-container.right-group,
  .cl-container.inner-content-wrapper .cl-container.content-section:has(.cl-container.full-section-box).step-form-group .cl-container.right-group {
    padding: 0 40px;
  }
  .cl-container.content-wrapper .cl-container.full-section,
  .cl-container.pop-content-wrapper .cl-container.full-section,
  .cl-container.inner-content-wrapper .cl-container.full-section {
    padding: 0 40px;
    /* distribution = center */
  }
  .cl-container.content-wrapper .cl-container.full-section > .cl-layout > .cl-layout-content,
  .cl-container.pop-content-wrapper .cl-container.full-section > .cl-layout > .cl-layout-content,
  .cl-container.inner-content-wrapper .cl-container.full-section > .cl-layout > .cl-layout-content {
    width: 100% !important;
  }
  .cl-container.content-wrapper .cl-container.full-section.wd-936 > .cl-layout > .cl-layout-content,
  .cl-container.pop-content-wrapper .cl-container.full-section.wd-936 > .cl-layout > .cl-layout-content,
  .cl-container.inner-content-wrapper .cl-container.full-section.wd-936 > .cl-layout > .cl-layout-content,
  .cl-container.content-wrapper .cl-container.full-section.wd-696 > .cl-layout > .cl-layout-content,
  .cl-container.pop-content-wrapper .cl-container.full-section.wd-696 > .cl-layout > .cl-layout-content,
  .cl-container.inner-content-wrapper .cl-container.full-section.wd-696 > .cl-layout > .cl-layout-content {
    width: 100% !important;
  }
  .cl-container.content-wrapper .cl-container.full-section.wd-auto > .cl-layout > .cl-layout-content,
  .cl-container.pop-content-wrapper .cl-container.full-section.wd-auto > .cl-layout > .cl-layout-content,
  .cl-container.inner-content-wrapper .cl-container.full-section.wd-auto > .cl-layout > .cl-layout-content {
    width: 100% !important;
  }
  .cl-container.content-wrapper {
    /* 직불제 신청  */
    /* 2단계 화면 깜빡임 줄임 */
  }
  .cl-container.content-wrapper.bg-colored {
    background-color: #F4F4F4;
  }
  .cl-container.content-wrapper.bg-colored .cl-container.content-body {
    background-color: #FFFFFF;
  }
  .cl-container.content-wrapper:not(.ft-spacing-0):not(:has(.step-form-group)) {
    padding-bottom: 60px;
  }
  .cl-container.content-wrapper > .cl-layout {
    /* 버티컬 레이아웃에서만 적용됨 */
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content:has(> .cl-layout-wrap) > .cl-layout-margin-top {
    height: 0px !important;
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.appheader) {
    position: sticky !important;
    top: 0;
    z-index: 1;
    background-color: #FFFFFF;
  }
  .cl-container.content-wrapper .cl-container.content-body {
    /* 앱헤더 사이 간격 설정 */
  }
  .cl-container.content-wrapper .cl-container.content-body .cl-layout-wrap.wrap-content-btn-group:has(.content-btn-group:not(.not-fixed)) {
    height: 1px;
    margin-top: 100px !important;
  }
  .cl-container.content-wrapper .cl-container.content-body .cl-layout-wrap.wrap-content-btn-group:has(.content-btn-group:not(.not-fixed)) .cl-container.content-btn-group:not(.not-fixed) {
    position: fixed !important;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0.8) 100%);
    padding: 20px;
  }
  .cl-container.content-wrapper .cl-container.content-body .cl-layout-wrap.wrap-content-btn-group:has(.content-btn-group:not(.not-fixed)) .cl-container.content-btn-group:not(.not-fixed) > .cl-layout > .cl-layout-content {
    display: flex;
  }
  .cl-container.content-wrapper .cl-container.content-body .cl-layout-wrap.wrap-content-btn-group:has(.content-btn-group:not(.not-fixed)) .cl-container.content-btn-group:not(.not-fixed) > .cl-layout > .cl-layout-content > .cl-layout-wrap {
    flex: auto;
  }
  .cl-container.content-wrapper .cl-container.content-body .cl-layout-wrap.wrap-content-btn-group:has(.content-btn-group.not-last-row:not(.not-fixed)) {
    margin-top: 0 !important;
    height: 0 !important;
  }
  .cl-container.content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.content-btn-group.not-last-row:not(.not-fixed)) .cl-container.content-btn-group:not(.not-fixed) {
    position: fixed !important;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0.8) 100%);
    padding: 20px;
    z-index: 1;
  }
  .cl-container.content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.content-btn-group.not-last-row:not(.not-fixed)) .cl-container.content-btn-group:not(.not-fixed) > .cl-layout > .cl-layout-content {
    display: flex;
  }
  .cl-container.content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.content-btn-group.not-last-row:not(.not-fixed)) .cl-container.content-btn-group:not(.not-fixed) > .cl-layout > .cl-layout-content > .cl-layout-wrap {
    flex: auto;
  }
  .cl-container.content-wrapper .cl-container.content-body .cl-container.step-form-group .cl-container.left-group:not(.cl-first-row) + .cl-container.right-group.cl-first-row > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-last-row:has(.content-btn-group:not(.not-fixed)) {
    height: 100px !important;
    margin-top: 20px !important;
  }
  .cl-container.content-wrapper .cl-container.content-body .cl-container.step-form-group .cl-container.right-group.cl-first-row:not(.cl-last-row) {
    z-index: 2 !important;
  }
  .cl-container.content-wrapper .cl-container.content-body .cl-container.step-form-group .cl-container.right-group.cl-first-row:not(.cl-last-row):has(.content-btn-group.cl-last-row:not(.not-fixed)) > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-last-row {
    margin-top: 0 !important;
  }
  .cl-container.content-wrapper .cl-container.content-body .cl-container.step-form-group .cl-container.right-group.cl-first-row:not(.cl-last-row):has(.content-btn-group.cl-last-row:not(.not-fixed)) + .cl-container.left-group.cl-last-row {
    padding-bottom: 120px;
  }
  .cl-container.content-wrapper.ndp .cl-container.content-body .cl-container.step-form-group .cl-container.left-group.cl-first-row + .cl-container.right-group.cl-last-row > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-last-row:has(.content-btn-group:not(.not-fixed)) {
    height: 100px !important;
    margin-top: 20px !important;
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.content-footer) {
    margin-top: 100px !important;
    height: 1px !important;
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.content-footer {
    position: fixed !important;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0.8) 100%);
    padding: 20px 40px;
    /* 버튼 너비 고정이 필요한 경우 */
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.content-footer > .cl-layout > .cl-layout-content {
    display: flex;
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.content-footer > .cl-layout > .cl-layout-content > .cl-layout-wrap {
    flex: auto;
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.content-footer > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-button.wd-126) {
    flex: none;
    width: 126px !important;
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.content-footer > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-button.wd-126) .cl-button {
    padding: 0;
  }
  .cl-container.content-wrapper.dp .cl-container.content-body:not(.no-style) > .cl-layout > .cl-layout-content > .cl-layout-margin-top {
    height: 20px !important;
  }
  .cl-container.content-wrapper.depth-2 .cl-container.content-body:not(.no-style) > .cl-layout > .cl-layout-content > .cl-layout-margin-top {
    height: 20px !important;
  }
  .cl-output.heading-txt {
    font-size: 40px;
  }
  .cl-container.bu-info {
    padding: 35px 40px;
  }
  .cl-container.bu-info .form-base .cl-output {
    font-size: 17px;
  }
  .cl-container.bu-info-btn-group .cl-button {
    min-width: 116px;
    padding: 0;
  }
  .cl-output.bu-info-tit {
    font-size: 32px;
  }
  .cl-container.mypage .cl-container.top-banner1 {
    /* 상태 뱃지 */
  }
  .cl-container.mypage .cl-container.top-banner1 .cl-output.name {
    font-size: 40px;
  }
  .cl-container.mypage .cl-container.top-banner1 .cl-container.info-box .cl-output {
    font-size: 19px;
  }
  .cl-container.mypage .cl-container.top-banner1 .cl-container.info-box2 .cl-output.data {
    font-size: 25px;
  }
  .cl-container.mypage .cl-container.top-banner1 .cl-container.sub-info-box {
    padding-top: 16px;
  }
  .cl-container.mypage .cl-container.top-banner1 .cl-container.sub-info-box .cl-output {
    font-size: 13px;
    text-align: right;
  }
  .cl-container.mypage .cl-container.top-banner1 .cl-output.no-msg {
    background: url("images/controls/image/img_nodata.png") no-repeat center;
    background-position-y: calc(50% - 22px);
    background-size: 32px 32px;
    min-height: 118px;
    padding-top: 44px;
    font-size: 17px;
    font-weight: 500;
  }
  .cl-container.home.cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-embeddedapp.header) {
    margin-bottom: 2px !important;
    margin-top: -1px !important;
  }
  .cl-container.home .cl-searchinput.search {
    width: auto;
  }
  .cl-container.home .cl-container.frequent-area:before,
  .cl-container.home .cl-container.frequent-area:after {
    background-size: 80%;
  }
  .cl-container.home .cl-container.frequent-area:after {
    top: -28px;
    right: -10%;
  }
  .cl-container.home .cl-container.frequent-area:before {
    bottom: -30px;
    left: -10%;
  }
  .cl-container.home .cl-container.content-area2 .cl-container.board-box {
    padding: 30px;
    border-radius: 24px;
  }
  .cl-container.popular-banner2 {
    background-position: right -37px bottom;
  }
  .cl-output.arrow-right-mb {
    font-weight: 500;
    padding-left: 12px;
  }
  .cl-output.arrow-right-mb:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 16px;
    top: calc(50% - 8px);
    left: 0;
    background-color: #EEEEEE;
  }
  .cl-output.arrow-right-mb .cl-text:after {
    position: relative;
    content: "";
    background: url("images/controls/image/ic_next_12_blue.svg") no-repeat center;
    padding: 6px;
    margin-left: 2px;
  }
  .cl-output.arrow-right-mb.text-danger .cl-text:after,
  .cl-output.arrow-right-mb.text-red .cl-text:after {
    background: url("images/controls/image/ic_next_12_red.svg") no-repeat center;
  }
  .cl-container.login-cta-area {
    background-position: right 40px bottom !important;
    background-size: 28% !important;
  }
  .cl-container.login-cta-area.po {
    background-position: right 40px bottom;
  }
  .cl-container.login-cta-area.pay-sys2 {
    background-size: 342px 260px !important;
    background-position: center bottom !important;
  }
  .cl-container.login-cta-area.illegal {
    background-size: 26% !important;
  }
  .cl-container.eb-banner-box1 {
    background-position: right 15px top 15px;
  }
  .cl-button.btn-for-go {
    padding: 34px 26px 100px 34px;
    min-height: 182px;
    font-size: 21px;
    background-size: 100px;
    background-position: right 26px bottom 26px;
  }
  .cl-button.btn-for-go .cl-text {
    line-height: 1.3 !important;
  }
  .cl-button.btn-for-go .cl-text span {
    display: none !important;
  }
  .cl-button.btn-for-go-secondary {
    padding: 34px 26px 89px 34px;
    min-height: 182px;
    font-size: 21px;
    background-size: 100px;
    background-position: right 26px bottom 26px;
    border-radius: 20px;
  }
  .cl-button.btn-for-go-secondary .cl-text {
    line-height: 1.3 !important;
  }
  .cl-button.btn-for-go-secondary .cl-text span.title {
    display: block;
    font-size: 19px;
    margin-top: 4px;
    line-height: 1.5;
  }
  .cl-button.btn-for-go-secondary .cl-text span.sub {
    display: none !important;
  }
  .cl-container.for-go-to-secondary-box {
    background-position: top 24px right 24px;
    background-size: 64px;
    border: none;
    border-radius: 20px;
    padding: 24px;
  }
  .cl-container.for-go-to-secondary-box .cl-output {
    font-size: 19px;
    padding-right: 80px;
  }
  .cl-container.for-go-to-secondary-box .cl-output .cl-text {
    line-height: 1.5;
  }
  .cl-container.for-go-to-secondary-box .cl-output .cl-text span.title {
    display: block;
    font-size: 19px;
    line-height: 1.5;
  }
  .cl-container.for-go-to-secondary-box .cl-output .cl-text span.sub {
    display: none !important;
  }
  .cl-button.btn-for-go2 {
    min-height: 260px;
  }
  .cl-container.white-box {
    padding: 16px 20px;
  }
  .cl-container.integrated-search .cl-container.scr-filter-box > .cl-layout {
    z-index: unset;
  }
  .cl-container.integrated-search .cl-container.scr-filter-box:after,
  .cl-container.integrated-search .cl-container.scr-filter-box:before {
    display: none;
  }
  .cl-container.sign-up {
    /* 폼 형식들어가는 컨텐츠 박스 스타일 */
  }
  .cl-container.sign-up .cl-container.sign-up-content {
    border: none;
  }
  .cl-container.sign-up .cl-container.sign-up-content.content-section {
    padding-bottom: 40px;
  }
  .cl-container.sign-up .cl-container.sign-up-content.content-section .cl-tabfolder.tab-auto.mobile-fill .cl-tabfolder-header {
    padding: 0;
  }
  .cl-container.sign-up .cl-container.sign-up-content.content-section .cl-container.content-section {
    padding-left: 0;
    padding-right: 0;
  }
}
/************************************************
 * 미티어 쿼리 적용
 * → 모바일 적용
 ************************************************/
@media (max-width: 767px) {
  /************************************************
 * 폼 레이아웃 내 배치된 컨트롤 또는 그룹의 너비 고정
 * wd-{PC width}-{MB width} 형태로 클래스 작성
 ************************************************/
  /************************************************
 * 레이아웃 내 배치된 컨트롤 또는 그룹의 높이 고정 (자동 높이 설정)
 * ht-{PC height}-{MB height} 형태로 클래스 작성
 ************************************************/
  /************************************************
 * 그룹 또는 컨트롤의 radius가 다른 경우
 * rounded-{PC radius}-{MB radius} 형태로 클래스 작성
 ************************************************/
  /************************************************
 * 구분선 클래스
 * 기본 높이 및 너비는 1px
 * 구분선 색상은 공통으로 제공하는 배경색 클래스 사용
 ************************************************/
  /* 가로 구분선 */
  /************************************************
 * scroll.part.less
 ************************************************/
  /************************************************
 * udc
 ************************************************/
  /************************************************
 * grid
 * controls/gird.part.less
 ************************************************/
  /************************************************
 * tabfolder
 * controls/tabfolder.part.less
 ************************************************/
  /************************************************
 * dialog
 * controls/dialog.part.less
 ************************************************/
  /************************************************
 * badge
 * custom/badge.part.less
 ************************************************/
  /************************************************
 * udc
 * custom/udc.part.less
 ************************************************/
  /* 앱헤더 */
  /* 스테퍼 */
  /************************************************
 * 버튼
 * custom/button.part.less
 ************************************************/
  /* 텍스트와 같이 사용되 이동 버튼 스타일 */
  /* 탭형 링크 버튼 */
  /* 스크롤 탑 버튼 */
  /* cbx-btn 버튼 형태 주로 삭제 버튼에 사용 */
  /* 좋아요 버튼 스타일 */
  /************************************************
 * 탭폴더
 * controls/tabfolder.part.less
 ************************************************/
  /************************************************
 * 컴포넌트
 * custom/components.part.less
 ************************************************/
  /* 최소 사이즈 버튼 형태의 체크박스 스타일 */
  /* 더보기 형태 */
  /* 사이드 탭 메뉴 스타일 */
  /* 리스트 박스 스타일2 (경영체정보 등록에서 사용) */
  /* 사육시설 사육품목 등록, 지번 품목별 및 재배 정보 등록에 사용되는 아웃풋 */
  /************************************************
 * 탭폴더
 * custom/tab.part.less
 ************************************************/
  /************************************************
 * 폼
 * custom/form.part.less
 ************************************************/
  /* form-section 상단 타이틀 박스 */
  /************************************************
 * 커스텀 탭폴더
 * custom/tab.part.less
 ************************************************/
  /************************************************
 * 카드
 * custom/card.part.less
 ************************************************/
  /* 리스트 박스 스타일 */
  /* 카드형태 리스트 */
  /************************************************
 * 모달
 * custom/modal.part.less
 ************************************************/
  /************************************************
 * 레이아웃
 * custom/extensions.part.less
 ************************************************/
  /************************************************
 * 페이지
 * custom/page.part.less
 ************************************************/
  /************************************************
 * 농업경영체 등록 신청내역
 ************************************************/
  /* 에러페이지 */
  /* 에러페이지  - 서비스 준비중 */
  /* 공지팝업 P.CO.CP01.001_LP01 */
  /* 전체사업 스티키 */
  /* 주소검색 */
  /* 마을검색 */
  /* 품목 검색 */
  /* 금융기관 검색 */
  /* 저탄소 농업기술 */
  /************************************************
 * 타이포그래피
 * custom/typography.part.less
 ************************************************/
  /* font-size */
  /* 캐릭터 완료 문구	*/
  /************************************************
 * 페이지
 * custom/page.part.less
 ************************************************/
  /************************************************
 * 사업상세
 * P.BS.EB03.001_P01
 ************************************************/
  /* 어디론가 이동하는 버튼3 */
  /*  안내 메시지 (체크)박스  */
  /* 회원가입 stepper */
  /* 회원가입  */
  /* 간편비밀먼호 설정 화면 */
  /* 신청서 보기 화면 */
  /************************************************
 * 이벤트 공지 팝업
 ************************************************/
  /************************************************
 * 개선 의견
 ************************************************/
  /************************************************
 * 농업기상재해저옵 대응지침
 ************************************************/
  /************************************************
 * 이미지
 * custom/image.part.less
 ************************************************/
  /************************************************
 * 개인정보 처리방침
 ************************************************/
  /* 공동인증서 (구 공인인증서) 관리 버튼 */
  /* 버티컬 레이아웃이 모바일 환경에선 flex로 변경 */
  /* 농업경영체 추가 팝업에서 OO보기 버튼 스타일 */
  .fs-sm {
    font-size: 11px !important;
  }
  .fs-md {
    font-size: 13px !important;
  }
  .fs-base {
    font-size: 15px !important;
  }
  .fs-lg {
    font-size: 17px !important;
  }
  .fs-xl {
    font-size: 19px !important;
  }
  .fs-xl .cl-text {
    line-height: 1.5;
  }
  .fs-2xl {
    font-size: 21px !important;
  }
  .fs-2xl .cl-text {
    line-height: 1.5;
  }
  .fs-3xl {
    font-size: 25px !important;
  }
  .fs-3xl .cl-text {
    line-height: 1.3;
  }
  .fs-4xl {
    font-size: 32px !important;
  }
  .fs-4xl .cl-text {
    line-height: 1.3;
  }
  .cl-control {
    font-size: 15px;
  }
  button {
    font-size: 15px;
  }
  .cl-htmlsnippet.fs-lg {
    line-height: 1.5;
  }
  .cl-htmlsnippet.fs-xl,
  .cl-htmlsnippet.fs-2xl,
  .cl-htmlsnippet.fs-3xl,
  .cl-htmlsnippet.fs-4xl {
    line-height: 1.3;
  }
  .wd-320-120 {
    width: 120px !important;
  }
  .wd-120-100 {
    width: 100px !important;
  }
  .wd-120-96 {
    width: 96px !important;
  }
  .ht-60-48 {
    height: 48px !important;
  }
  .rounded-40-20 {
    border-radius: 20px !important;
  }
  .cl-output.horizontal-separator.expand {
    margin: 0 -20px;
  }
  .cl-container.scroll-none-mb .cl-layout::-webkit-scrollbar {
    display: none;
  }
  .cl-container.scroll-none-mb .cl-layout {
    scrollbar-width: none;
    /* 파이어폭스 */
  }
  .cl-container.udc-main-header {
    min-height: 0px;
    border-bottom: none;
  }
  .cl-container.udc-main-header .cl-container.user-action-area,
  .cl-container.udc-main-header .cl-container.gnb {
    width: 100% !important;
    margin: 0;
  }
  .cl-container.udc-main-header .cl-container.gnb-wrap {
    border-bottom: none;
    margin-top: 0px;
  }
  .cl-container.udc-main-header .cl-container.gnb-wrap .cl-container.gnb {
    min-height: 56px;
    padding: 0 20px;
  }
  .cl-container.udc-gov .cl-container.gov-area {
    min-height: 0px;
  }
  .cl-container.udc-gov .cl-container.gov-area .cl-container.gov-area-wrap {
    padding: 5px 16px;
  }
  .cl-container.udc-gov .cl-container.gov-area > .cl-layout > .cl-layout-content {
    width: 100% !important;
    margin: 0;
  }
  .cl-container.udc-footer {
    padding-top: 0;
    border-top: 1px solid #DDDDDD;
  }
  .cl-container.udc-footer .cl-container.footer-full-section > .cl-layout > .cl-layout-content {
    width: 100% !important;
    margin: 0;
  }
  .cl-container.udc-footer .cl-output.logo {
    background: url("images/com/main/img_footer_logo_mb.png") no-repeat left top;
  }
  .cl-container.udc-footer .cl-container.link-btn-group {
    border-right-width: 0;
    border-left-width: 0;
  }
  .cl-container.udc-footer .cl-container.footer-box {
    width: 100% !important;
    margin: 0;
    padding: 32px 20px 40px 20px;
    background-color: #F4F4F4;
  }
  .cl-container.udc-footer .cl-container.footer-box .cl-container.logo-box {
    padding-top: 0px;
  }
  .cl-container.udc-footer .cl-container.footer-box .cl-output.copyright {
    text-align: left;
  }
  .cl-container.udc-footer .cl-container.text-btn-group {
    padding-top: 16px;
    border-top: 1px solid #eeeeee;
  }
  .cl-container.udc-footer .cl-container.text-btn-group .cl-button.btn-txt {
    font-size: 15px !important;
  }
  .cl-container.udc-footer .cl-container.text-btn-group > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.separator) {
    margin-left: 0 !important;
  }
  .cl-container.udc-footer .cl-container.text-btn-group .cl-output.separator {
    background-color: transparent;
    margin-left: 0px !important;
  }
  .cl-grid .cl-nodatamsg {
    padding-top: 32px;
    font-size: 17px;
    background-size: 32px;
    background-position: center calc(50% - 22px);
  }
  .cl-tabfolder .cl-tabfolder-header {
    height: 62px;
  }
  .cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item .cl-text {
    text-decoration: none !important;
  }
  .cl-tabfolder.tab-rounded .cl-tabfolder-header {
    padding: 0;
  }
  .cl-tabfolder.tab-rounded .cl-tabfolder-header .cl-tabfolder-header-viewport {
    padding: 0 20px !important;
  }
  .cl-dialog .cl-dialog-header {
    padding: 24px 24px 0 24px;
  }
  .badge.fs-19-13 {
    font-size: 13px !important;
  }
  .cl-container.appheader {
    padding: 12px 20px 12px 16px;
    width: auto !important;
  }
  .cl-container.app-title .cl-output.cl-output-h2 {
    font-size: 25px;
  }
  .cl-container.stepper .cl-container.stepper-item .cl-output.label {
    font-size: 13px !important;
  }
  .cl-output.udc-toast {
    left: 20px !important;
    right: 20px !important;
    width: auto !important;
    z-index: 999;
  }
  .cl-embeddedapp.udc-snackbar {
    top: 4px !important;
    left: 46px !important;
    right: 46px !important;
    width: auto !important;
  }
  .cl-embeddedapp.udc-snackbar.isnoti {
    left: calc(50% - 160px) !important;
    width: 320px !important;
    right: "" !important;
    top: 64px !important;
  }
  .cl-container.prg-stg .cl-container.step-box:not(.cl-last-row) .cl-container.step-content {
    margin-bottom: 32px;
  }
  .cl-container.prg-stg .cl-container.step-box .cl-button.tit,
  .cl-container.prg-stg .cl-container.step-box .cl-output.tit {
    font-size: 17px;
  }
  .cl-container.prg-stg .cl-container.step-box .cl-output.sub-tit {
    font-size: 13px;
  }
  .cl-container.prg-stg .cl-container.step-box .cl-container.step-content-move-btn-box > .cl-layout > .cl-layout-content {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
  }
  .cl-container.prg-stg .cl-container.step-box .cl-container.step-content-move-btn-box > .cl-layout > .cl-layout-content > .cl-layout-margin {
    display: none;
  }
  .cl-container.prg-stg .cl-container.step-box .cl-container.step-content-move-btn-box > .cl-layout > .cl-layout-content > .cl-layout-wrap {
    margin: 0px !important;
    width: auto !important;
  }
  .cl-container.prg-stg .cl-container.step-box.img-more .cl-container.step-content {
    padding-right: 28px;
    background: url("images/controls/button/ic_btn_right_24.svg") no-repeat right center;
    background-size: 16px;
  }
  .cl-container.prg-stg.change,
  .cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) {
    padding: 0;
  }
  .cl-container.prg-stg.change .cl-container.step-box .cl-container.step-content,
  .cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-container.step-content {
    padding-right: 16px;
    background-size: 16px;
  }
  .cl-container.prg-stg.change .cl-container.step-box .cl-button.tit,
  .cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-button.tit,
  .cl-container.prg-stg.change .cl-container.step-box .cl-output.tit,
  .cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-output.tit {
    font-size: 17px;
  }
  .cl-container.prg-stg.change .cl-container.step-box .cl-button.tit .cl-text,
  .cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-button.tit .cl-text,
  .cl-container.prg-stg.change .cl-container.step-box .cl-output.tit .cl-text,
  .cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-output.tit .cl-text {
    line-height: 1.5 !important;
  }
  .cl-container.prg-stg.change .cl-container.step-box .cl-output.sub-tit,
  .cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-output.sub-tit {
    font-size: 13px;
    margin-top: 4px;
  }
  .cl-container.prg-stg.change .cl-container.step-box .cl-output.sub-tit-alert,
  .cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-output.sub-tit-alert {
    font-size: 13px;
    color: #EB003B;
  }
  .cl-container.prg-stg.change .cl-container.step-box .cl-container.step-content,
  .cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-container.step-content {
    margin-left: 0px;
  }
  .cl-container.prg-stg.change .cl-container.step-box:not(.cl-first-row) .cl-container.step-content,
  .cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box:not(.cl-first-row) .cl-container.step-content {
    margin-top: 0px;
  }
  .cl-container.prg-stg.change .cl-container.step-box:not(.cl-first-row) .cl-container.step-img-box,
  .cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box:not(.cl-first-row) .cl-container.step-img-box {
    margin-top: 0px;
  }
  .cl-container.prg-stg.change .cl-container.step-box:not(.cl-first-row) .cl-container.step-img-box:before,
  .cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box:not(.cl-first-row) .cl-container.step-img-box:before {
    display: none;
  }
  .cl-container.prg-stg.change .cl-container.step-box .cl-container.step-img-box .img,
  .cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-container.step-img-box .img {
    width: 52px;
    height: 52px;
    background-size: 52px;
  }
  .cl-container.prg-stg.change.company .cl-container.step-box.active:not(.cl-disabled) .cl-container.step-content,
  .cl-container.prg-stg:not(:has(.active)):not(:has(.complete)).company .cl-container.step-box.active:not(.cl-disabled) .cl-container.step-content {
    padding-right: 28px;
  }
  .cl-container.prg-stg.change.company .cl-container.step-box.active:not(.cl-disabled) .cl-container.step-content:has(.cl-container.step-content-move-btn-box),
  .cl-container.prg-stg:not(:has(.active)):not(:has(.complete)).company .cl-container.step-box.active:not(.cl-disabled) .cl-container.step-content:has(.cl-container.step-content-move-btn-box) {
    margin-bottom: 78px;
  }
  .cl-container.prg-stg.change.company .cl-container.step-box.active:not(.cl-disabled) .cl-container.step-content:has(.cl-container.step-content-move-btn-box) > .cl-layout > .cl-layout-content,
  .cl-container.prg-stg:not(:has(.active)):not(:has(.complete)).company .cl-container.step-box.active:not(.cl-disabled) .cl-container.step-content:has(.cl-container.step-content-move-btn-box) > .cl-layout > .cl-layout-content {
    grid-template-rows: 0px auto 0px 0px 0px 0px 1fr !important;
  }
  .cl-container.prg-stg.change.company .cl-container.step-box.active:not(.cl-disabled) .cl-container.step-content:has(.cl-container.step-content-move-btn-box) .cl-container.step-content-move-btn-box,
  .cl-container.prg-stg:not(:has(.active)):not(:has(.complete)).company .cl-container.step-box.active:not(.cl-disabled) .cl-container.step-content:has(.cl-container.step-content-move-btn-box) .cl-container.step-content-move-btn-box {
    margin-bottom: -46px;
  }
  .cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-container.step-content {
    padding-right: 0px;
    background: none;
  }
  .cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box .cl-output.separator {
    background-color: #dddddd;
  }
  .cl-container.prg-stg:not(:has(.active)):not(:has(.complete)) .cl-container.step-box:not(.cl-first-row) .cl-container.step-img-box:before {
    background-color: #dddddd;
  }
  .cl-container.btn-group {
    /* 간격 적용 안하는 */
  }
  .cl-container.btn-group.h-auto .cl-button {
    height: 48px !important;
  }
  .cl-container.btn-group.h-auto2 .cl-button {
    height: 40px !important;
  }
  .cl-container.btn-group.flex > .cl-layout > .cl-layout-content {
    display: flex;
  }
  .cl-container.btn-group.flex > .cl-layout > .cl-layout-content > .cl-layout-wrap {
    flex: 1 1;
  }
  .cl-container.btn-group.flex > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(:first-child) {
    margin-left: 12px !important;
  }
  .cl-container.btn-group.flex .cl-button {
    padding: 0;
  }
  .cl-container.btn-group.flex .cl-button.mw-0 {
    min-width: 0 !important;
  }
  .cl-container.btn-group.flex .cl-button.mw-260 {
    min-width: 0 !important;
  }
  .cl-container.btn-group.flex .cl-button.mw-320 {
    min-width: 0 !important;
  }
  .cl-container.btn-group > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-button.prev) {
    flex: none !important;
    width: 96px !important;
  }
  .cl-container.btn-group > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-button.prev) .cl-button {
    padding: 0;
  }
  .cl-container.btn-group.flex2 > .cl-layout > .cl-layout-content {
    display: flex;
  }
  .cl-container.btn-group.flex2 > .cl-layout > .cl-layout-content > .cl-layout-wrap {
    flex: 1 1;
    width: auto !important;
  }
  .cl-container.btn-group.flex2 .cl-button {
    padding: 0;
  }
  .cl-container.btn-group.flex2 .cl-button.mw-260 {
    min-width: 0 !important;
  }
  .cl-container.btn-group.flex2 .cl-button.mw-320 {
    min-width: 0 !important;
  }
  .cl-container.btn-group.flex-column > .cl-layout {
    margin: 0 !important;
  }
  .cl-container.btn-group.flex-column > .cl-layout > .cl-layout-content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .cl-container.btn-group.flex-column > .cl-layout > .cl-layout-content > .cl-layout-wrap {
    width: 100% !important;
    margin: 8px 0 0 0 !important;
  }
  .cl-container.btn-group.flex-column > .cl-layout > .cl-layout-content > .cl-layout-wrap:first-child {
    margin: 0px !important;
  }
  .cl-container.btn-group.flex-column > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-first-row {
    margin: 0px !important;
  }
  .cl-container.btn-group.flex-column > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-button:not(.cl-button.btn-link) {
    width: 100% !important;
  }
  .cl-container.btn-group.flex-column.h-auto > .cl-layout,
  .cl-container.btn-group.flex-column.h-auto2 > .cl-layout {
    height: 100% !important;
  }
  .cl-container.btn-group.flex-column.h-auto > .cl-layout .cl-layout-content > .cl-layout-wrap,
  .cl-container.btn-group.flex-column.h-auto2 > .cl-layout .cl-layout-content > .cl-layout-wrap {
    height: auto !important;
  }
  .cl-container.btn-group.flex-column .cl-button {
    padding: 0;
  }
  .cl-button {
    font-size: 15px;
    /* 아이콘 정렬 방향에 따른 스타일 */
  }
  .cl-button.cl-icon-align-top .cl-icon {
    margin: 0 0 8px 0;
  }
  .cl-button.cl-icon-align-bottom .cl-icon {
    margin: 8px 0 0 0;
  }
  .cl-button.cl-icon-align-right .cl-icon {
    margin: 0 0 0 8px;
  }
  .cl-button.cl-icon-align-left .cl-icon {
    margin: 0 8px 0 0;
  }
  .cl-button.ic-spacing-md.cl-icon-align-top .cl-icon {
    margin: 0 0 4px 0;
  }
  .cl-button.ic-spacing-md.cl-icon-align-bottom .cl-icon {
    margin: 4px 0 0 0;
  }
  .cl-button.ic-spacing-md.cl-icon-align-right .cl-icon {
    margin: 0 0 0 4px;
  }
  .cl-button.ic-spacing-md.cl-icon-align-left .cl-icon {
    margin: 0 4px 0 0;
  }
  .cl-button.btn-md {
    padding: 0 24px;
    font-size: 15px;
  }
  .cl-button.btn-ms {
    padding: 0 20px;
    font-size: 15px;
  }
  .cl-button.btn-txt.fs-2xl .cl-text {
    line-height: 1.5 !important;
  }
  .cl-button.btn-right-lg.mb-adjust,
  .cl-button.btn-left-lg.mb-adjust {
    width: 16px !important;
    height: 16px !important;
    background-size: 21px;
  }
  .cl-button.btn-i-more .cl-icon {
    background-image: url("images/controls/button/ic_btn_more_12.svg") !important;
    background-size: 12px;
    width: 12px;
    height: 12px;
  }
  .cl-button.btn-i-more.md {
    font-size: 15px;
  }
  .cl-button.btn-i-more.md.cl-icon-align-right .cl-icon {
    margin: 0 0 0 8px;
  }
  .cl-button.btn-i-right.md {
    font-size: 15px;
  }
  .cl-button.btn-i-right.md .cl-icon {
    background-image: url("images/controls/button/ic_btn_right_g_12.svg") !important;
    background-size: 12px;
    width: 12px;
    height: 12px;
  }
  .cl-button.btn-i-right.md.cl-icon-align-right .cl-icon {
    margin: 0 0 0 8px;
  }
  .cl-button.btn-i-right.icon-bold:not(.icon-16).cl-icon-align-right .cl-icon {
    background-size: 12px;
    width: 12px;
    height: 12px;
    margin: 0 0 0 4px;
  }
  .cl-button.btn-move-right .cl-text {
    padding-right: 16px !important;
    background-size: 16px !important;
  }
  .cl-button.btn-move-right.line {
    padding: 0 0 20px 0 !important;
  }
  .cl-button.btn-move-right.line .cl-text {
    line-height: 25px !important;
  }
  .cl-button.btn-i-download {
    font-size: 15px;
  }
  .cl-button.btn-download {
    font-size: 15px;
  }
  .cl-button.btn-help.lg {
    width: 16px !important;
    height: 16px !important;
    background-size: 16px;
  }
  .cl-button.btn-i-close-g .cl-icon {
    background-image: url("images/controls/button/ic_btn_close_g.svg") !important;
    width: 16px;
    height: 16px;
  }
  .cl-button.btn-i-close-g.cl-icon-align-left .cl-icon {
    margin: 0 4px 0 0;
  }
  .cl-button.btn-i-close-g:not(.cl-disabled):active .cl-icon,
  .cl-button.btn-i-close-g:not(.cl-disabled).cl-activated .cl-icon,
  .cl-button.btn-i-close-g:not(.selected):hover .cl-icon {
    background-image: url("images/controls/button/ic_btn_close_g_on.svg") !important;
  }
  .cl-container.btn-header-link-box {
    width: 100% !important;
    padding: 0;
    margin: 0;
  }
  .cl-container.btn-header-link-box > .cl-layout > .cl-layout-content.item-fill {
    display: inline-block !important;
    padding: 0 20px !important;
  }
  .cl-container.btn-header-link-box .cl-layout-wrap.item-fill:not(:first-child) {
    margin-left: 24px !important;
  }
  .cl-button.btn-header-link {
    height: 62px !important;
    font-size: 17px;
    padding: 0;
  }
  .cl-button.btn-header-link .cl-text {
    line-height: 1.5 !important;
  }
  .cl-button.btn-scroll-top {
    background-size: 24px;
    width: 40px !important;
    height: 40px !important;
    bottom: 20px !important;
  }
  .cl-button.btn-scroll-top.z-2 {
    z-index: 2 !important;
  }
  .cl-button.btn-cbx-btn {
    font-size: 15px;
    min-width: 42px;
    border-radius: 8px;
  }
  .cl-button.btn-cbx-btn .cl-text-wrapper {
    min-height: 32px;
  }
  .cl-button.btn-favorite:hover {
    background-image: url("images/controls/button/ic_btn_favorite_off.svg") !important;
  }
  .cl-button.btn-favorite:hover.on {
    background-image: url("images/controls/button/ic_btn_favorite.svg") !important;
  }
  .cl-button.btn-close-lg.mb-btn-close {
    background-image: url("images/controls/button/ic_btn_close.svg") !important;
    width: 16px !important;
    height: 16px !important;
  }
  .cl-button.btn-check-big {
    background-position: right 16px center;
    font-size: 25px;
    font-weight: 400;
    padding: 18.5px 40px 18.5px 16px;
    border-radius: 12px;
    background-size: 24px;
    font-size: 17px;
  }
  .cl-button.btn-check-big .cl-text {
    line-height: 1.5 !important;
  }
  .cl-button.btn-check-big .cl-text span.link {
    background-position: center;
    margin-left: 4px;
  }
  .cl-button.btn-check-big:not(.cl-focus):hover {
    border-color: #DDDDDD;
  }
  .cl-button.btn-check-big.cl-focus {
    padding: 17.5px 39px 17.5px 15px;
  }
  .cl-tabfolder {
    font-size: 17px;
  }
  .cl-tabfolder .cl-tabfolder-header {
    min-width: 0;
    margin: 0;
  }
  .cl-combobox.cmb-filter {
    padding: 0;
    border: none;
    border-radius: 0;
    color: #555555;
  }
  .cl-combobox.cmb-filter .cl-combobox-button {
    background: url("images/controls/button/ic_btn_filter_down2.svg") no-repeat center center/12px 13px !important;
    width: 12px !important;
    margin: 0 0 0 4px !important;
  }
  .cl-combobox.cmb-filter .cl-text {
    padding: 0;
  }
  .cl-combobox.cmb-bottom-line {
    font-size: 19px;
    padding: 12px 0px;
  }
  .cl-combobox.cmb-bottom-line .cl-text {
    min-height: 29px;
  }
  .cl-combobox.cmb-filter-faq {
    padding: 0;
    color: #555555;
  }
  .cl-combobox.cmb-filter-faq .cl-combobox-button {
    margin: 0 20px 0 0;
  }
  .cl-combobox.cmb-filter-faq .cl-text {
    padding: 0px 0px 0px 16px;
  }
  .cl-checkboxgroup.cbx-group-btn .cl-checkbox {
    border-radius: 12px;
    font-size: 17px;
  }
  .cl-checkboxgroup.cbx-group-btn .cl-checkbox .cl-text {
    padding: 19px 40px 19px 16px;
    line-height: 25.5px;
  }
  .cl-checkboxgroup.cbx-group-btn .cl-checkbox.cl-checked .cl-text {
    background-size: 24px;
    background-position: right 16px center;
  }
  .cl-checkboxgroup.cbx-filter .cl-checkbox {
    font-size: 15px;
    padding: 8px 20px;
  }
  .cl-checkboxgroup.cbx-filter .cl-checkbox.cl-checked {
    padding-left: 36px;
    background-position-x: 12px;
  }
  .cl-checkbox.cbx-btn {
    border-radius: 8px;
    font-size: 15px;
    min-width: 42px;
  }
  .cl-checkbox.cbx-btn .cl-checkbox-field {
    min-height: 32px;
  }
  .cl-checkbox.cbx-btn .cl-text {
    padding: 4px 7px;
  }
  .cl-checkboxgroup.cbx-list .cl-checkbox {
    padding: 0 20px;
  }
  .cl-checkboxgroup.cbx-list .cl-checkbox .cl-checkbox-field {
    min-height: 48px;
  }
  .cl-checkboxgroup.cbx-more .cl-checkbox {
    background: url("images/controls/button/ic_btn_right_16_bold.svg") no-repeat right top 5px;
    padding-right: 28px;
  }
  .cl-checkboxgroup.cbx-more .cl-checkbox .cl-icon-wrapper {
    vertical-align: top;
    padding: 2px 0 0 0;
  }
  .cl-checkbox.cbx-more {
    background: url("images/controls/button/ic_btn_right_16_bold.svg") no-repeat right top 5px;
    padding-right: 28px;
  }
  .cl-checkbox.lg {
    font-size: 17px;
  }
  .cl-checkbox.lg .cl-text {
    padding: 0 0 0 8px;
  }
  .cl-checkbox.lg .cl-checkbox-icon {
    background-size: 20px;
    width: 20px;
    height: 20px;
  }
  .cl-checkboxgroup.lg .cl-checkbox {
    font-size: 17px;
  }
  .cl-checkboxgroup.lg .cl-checkbox .cl-text {
    padding: 0 0 0 16px;
  }
  .cl-checkboxgroup.lg .cl-checkbox .cl-checkbox-icon {
    background-size: 20px;
    width: 20px;
    height: 20px;
  }
  .cl-checkboxgroup.cbx-btn {
    /* colcount = -1 */
  }
  .cl-checkboxgroup.cbx-btn.flow-8 .cl-checkbox {
    width: calc((100% / 2) - 8px);
  }
  .cl-checkboxgroup.cbx-btn.flow-8 .cl-checkbox:nth-child(1),
  .cl-checkboxgroup.cbx-btn.flow-8 .cl-checkbox:nth-child(2),
  .cl-checkboxgroup.cbx-btn.flow-8 .cl-checkbox:nth-child(3),
  .cl-checkboxgroup.cbx-btn.flow-8 .cl-checkbox:nth-child(4) {
    width: calc((100% / 4) - 8px);
  }
  .cl-radiobutton.rdb-filter-check {
    font-size: 15px;
  }
  .cl-radiobutton.rdb-filter-check .cl-radiobutton-item {
    padding: 8px 23.5px;
  }
  .cl-radiobutton.rdb-filter-check .cl-radiobutton-item .cl-text {
    line-height: 22px;
  }
  .cl-radiobutton.rdb-filter-check .cl-radiobutton-item.cl-selected {
    padding-left: 35.5px;
    background-position-x: 12px;
  }
  .cl-radiobutton.rdb-filter {
    font-size: 17px;
  }
  .cl-radiobutton.rdb-filter .cl-radiobutton-item .cl-text {
    min-width: 72px;
    padding: 6px 16px;
  }
  .cl-radiobutton.rdb-filter .cl-radiobutton-item:not(:first-child) {
    margin-left: 8px;
  }
  .cl-radiobutton.rdb-btn {
    /* 2단계 직불외에서 추가된 스타일 (서브 텍스트 스타일이 있을 경우 추가) */
  }
  .cl-radiobutton.rdb-btn .cl-radiobutton-item {
    border-radius: 12px;
    font-size: 17px;
  }
  .cl-radiobutton.rdb-btn .cl-radiobutton-item .cl-text {
    padding: 19px 40px 19px 16px;
    line-height: 25.5px;
  }
  .cl-radiobutton.rdb-btn .cl-radiobutton-item.cl-selected .cl-text {
    background-size: 24px;
    background-position: right 16px center;
  }
  .cl-radiobutton.rdb-btn.md {
    font-size: 15px;
  }
  .cl-radiobutton.rdb-btn.md .cl-radiobutton-item .cl-text {
    background-position: right 16px center;
    padding: 13px 44px 14px 16px;
  }
  .cl-radiobutton.rdb-btn.sub-label .cl-radiobutton-item .cl-text {
    background-position: top 16.5px right 16px;
    padding: 16.5px 56px 16.5px 16px;
  }
  .cl-radiobutton.rdb-btn.sub-label .cl-radiobutton-item .cl-text span.sub-label {
    font-size: 15px;
  }
  .cl-radiobutton.rdb-btn2 .cl-radiobutton-item {
    font-size: 17px;
  }
  .cl-radiobutton.rdb-btn3 {
    /* 아이템이 세개인 경우 */
    /* 아이템이 다섯개인 경우 */
    /* 텍스트에 따라 너비 설정 fixedWidth false */
    /* 아이템 높이 PC-46px, MB-56px */
    /* 아이템 높이 PC-56px, MB-46px */
  }
  .cl-radiobutton.rdb-btn3.flow-3 .cl-radiobutton-item:nth-child(1) {
    width: calc((100% / 1) - 8px);
  }
  .cl-radiobutton.rdb-btn3.flow-3 .cl-radiobutton-item:nth-child(2),
  .cl-radiobutton.rdb-btn3.flow-3 .cl-radiobutton-item:nth-child(3) {
    width: calc((100% / 2) - 8px);
  }
  .cl-radiobutton.rdb-btn3.flow-5 .cl-radiobutton-item:nth-child(1),
  .cl-radiobutton.rdb-btn3.flow-5 .cl-radiobutton-item:nth-child(2),
  .cl-radiobutton.rdb-btn3.flow-5 .cl-radiobutton-item:nth-child(3) {
    width: calc((100% / 3) - 8px);
  }
  .cl-radiobutton.rdb-btn3.flow-5 .cl-radiobutton-item:nth-child(4),
  .cl-radiobutton.rdb-btn3.flow-5 .cl-radiobutton-item:nth-child(5) {
    width: calc((100% / 2) - 8px);
  }
  .cl-radiobutton.rdb-btn3.item-wd-auto > div {
    table-layout: auto;
  }
  .cl-radiobutton.rdb-btn3.item-wd-auto .cl-radiobutton-item {
    min-width: 40px;
  }
  .cl-radiobutton.rdb-btn3.has-pd .cl-radiobutton-item .cl-radiobutton-field {
    margin: 0 12px;
    min-width: 0;
  }
  .cl-radiobutton.rdb-btn3.flex {
    text-align: center;
  }
  .cl-radiobutton.rdb-btn3.flex .cl-radiobutton-item {
    display: table-cell !important;
    min-width: 0px;
    text-align: center !important;
    font-size: 15px;
  }
  .cl-radiobutton.rdb-btn3.flex .cl-radiobutton-item:not(.cl-first-column) {
    margin-left: 0px;
  }
  .cl-radiobutton.rdb-btn3.mh-44-54 .cl-radiobutton-item .cl-radiobutton-field {
    min-height: 54px;
  }
  .cl-radiobutton.rdb-btn3.mh-54-44 .cl-radiobutton-item .cl-radiobutton-field {
    min-height: 44px;
  }
  .cl-container.pagination-grp:not(.remote) > .cl-layout > .cl-layout-content > .cl-layout-wrap {
    margin: 12px 0px 0px 6px !important;
  }
  .cl-container.pagination-grp .cl-button.btn-slide {
    min-width: 6px;
    height: 6px !important;
  }
  .cl-container.pagination-grp .cl-button.btn-slide.active {
    min-width: 12px;
  }
  .cl-container.select-item {
    padding: 7.5px 12px 7.5px 20px;
  }
  .cl-container.select-item .cl-output {
    font-size: 15px;
  }
  .cl-container.select-itemV2 {
    min-height: 40px;
    padding: 11px 12px 10px 20px;
  }
  .cl-container.select-itemV2 .cl-output {
    font-size: 15px;
  }
  .cl-radiobutton.switch {
    min-width: 0px;
    min-height: 52px;
  }
  .cl-radiobutton.switch .cl-radiobutton-item {
    font-size: 17px;
  }
  .cl-radiobutton.switch .cl-radiobutton-item .cl-text {
    line-height: 48px;
  }
  .cl-radiobutton.switch.date-picker {
    min-width: 158px;
    min-height: 38px;
  }
  .cl-radiobutton.switch.date-picker .cl-radiobutton-item .cl-text {
    line-height: 36px;
  }
  .cl-radiobutton.switch.square {
    min-width: 0px;
    width: 100% !important;
  }
  .cl-menu.side-tab .cl-menu-list .cl-menu-item {
    min-height: 48px;
    font-size: 15px;
    padding: 12px 20px;
  }
  .cl-container.line-list-box .cl-container.line-list:not(.cl-last-row) {
    padding-bottom: 24px;
  }
  .cl-container.list-box2 {
    /* UDC를 사용한 경우, UDC에 클래스 부여하여 하단 테두리를 굵게 처리 */
  }
  .cl-container.list-box2 .cl-container.list {
    padding: 20px 0;
    border-top: 1px solid #EEEEEE;
  }
  .cl-container.list-box2 .cl-container.list.cl-last-row {
    border-bottom: 0;
  }
  .cl-container.list-box2 .cl-container.list .cl-output.list-sub-info {
    margin-bottom: 4px;
  }
  .cl-container.list-box2 .cl-container.list .cl-button.list-tit {
    font-size: 19px;
  }
  .cl-container.list-box2 .cl-container.list .cl-button.list-tit .cl-text {
    line-height: 1.5;
  }
  .cl-container.list-box2 .cl-container.list .cl-output.list-tit {
    font-size: 19px;
  }
  .cl-container.list-box2 .cl-container.list .cl-output.list-tit .cl-text {
    line-height: 1.5;
  }
  .cl-container.list-box2 .cl-container.list .cl-output.list-tit .cl-text span.list-sub-tit {
    font-size: 15px;
    display: block;
  }
  .cl-container.list-box2 .cl-container.list .cl-output.list-tit .cl-text span.list-user-info {
    font-size: 15px;
    margin-bottom: 8px;
  }
  .cl-container.list-box2 .cl-container.list .cl-output.list-tit .cl-text span.list-sub-txt {
    font-size: 13px;
  }
  .cl-container.list-box2 .cl-container.list .cl-output.list-tit:not(.cl-first-column):not(.cl-first-row) {
    padding-right: 65px;
  }
  .cl-container.list-box2 .cl-container.list .cl-output.list-sub-tit {
    font-size: 15px;
  }
  .cl-container.list-box2 .cl-container.list .cl-output.list-sub-tit .cl-text {
    line-height: 1.5;
  }
  .cl-container.list-box2 .cl-container.list .cl-button.btn-right {
    margin-top: 6px;
    min-height: 16px;
    min-width: 16px;
    background-size: 16px;
  }
  .cl-container.list-box2 .cl-container.list .cl-output {
    font-size: 15px;
  }
  .cl-container.list-box2 .cl-container.list .cl-container.data .cl-output {
    font-size: 15px;
  }
  .cl-container.list-box2 .cl-container.list .cl-container.data > .cl-layout.separator > .cl-layout-content > .cl-layout-wrap:not(:last-child) {
    padding-right: 8px;
  }
  .cl-container.list-box2 .cl-container.list .cl-container.data > .cl-layout.separator > .cl-layout-content > .cl-layout-wrap:not(:first-child) {
    padding-left: 8px;
  }
  .cl-container.list-box2 .cl-container.list .cl-container.data > .cl-layout.separator > .cl-layout-content > .cl-layout-wrap:not(:first-child):before {
    top: calc(50% - 7px);
    height: 14px;
  }
  .cl-container.list-box2 .cl-embeddedapp.last-item .cl-container.list2 {
    border-bottom: 4px solid #233A6C;
  }
  .cl-container.list-box2 .cl-container.list2 {
    padding: 20px 0;
    border-bottom: 1px solid #EEEEEE;
    /* 각 타입 별 마지막 아이템인 경우, 하단 테두리를 굵게 처리 */
  }
  .cl-container.list-box2 .cl-container.list2.cl-first-row {
    border-top: 1px solid #EEEEEE;
  }
  .cl-container.list-box2 .cl-container.list2.last-item {
    border-bottom: 4px solid #233A6C;
  }
  .cl-container.list-box2 .cl-container.list2 .cl-output.list-sub-info {
    margin-bottom: 4px;
  }
  .cl-container.list-box2 .cl-container.list2 .cl-button.list-tit {
    font-size: 19px;
  }
  .cl-container.list-box2 .cl-container.list2 .cl-button.list-tit .cl-text {
    line-height: 1.5;
  }
  .cl-container.list-box2 .cl-container.list2 .cl-output.list-tit {
    font-size: 19px;
  }
  .cl-container.list-box2 .cl-container.list2 .cl-output.list-tit .cl-text {
    line-height: 1.5;
  }
  .cl-container.list-box2 .cl-container.list2 .cl-output.list-tit .cl-text span.list-sub-tit {
    font-size: 15px;
    display: block;
  }
  .cl-container.list-box2 .cl-container.list2 .cl-output.list-tit .cl-text span.list-user-info {
    font-size: 15px;
    margin-bottom: 8px;
  }
  .cl-container.list-box2 .cl-container.list2 .cl-output.list-tit .cl-text span.list-sub-txt {
    font-size: 13px;
  }
  .cl-container.list-box2 .cl-container.list2 .cl-output.list-tit:not(.cl-first-column):not(.cl-first-row) {
    padding-right: 65px;
  }
  .cl-container.list-box2 .cl-container.list2 .cl-output.list-sub-tit {
    font-size: 15px;
  }
  .cl-container.list-box2 .cl-container.list2 .cl-output.list-sub-tit .cl-text {
    line-height: 1.5;
  }
  .cl-container.list-box2 .cl-container.list2 .cl-button.btn-right {
    margin-top: 6px;
    min-height: 16px;
    min-width: 16px;
    background-size: 16px;
  }
  .cl-container.list-box2 .cl-container.list2 .cl-output {
    font-size: 15px;
  }
  .cl-container.list-box2 .cl-container.list2 .cl-container.data .cl-output {
    font-size: 15px;
  }
  .cl-container.list-box2 .cl-container.list2 .cl-container.data > .cl-layout.separator > .cl-layout-content > .cl-layout-wrap:not(:last-child) {
    padding-right: 8px;
  }
  .cl-container.list-box2 .cl-container.list2 .cl-container.data > .cl-layout.separator > .cl-layout-content > .cl-layout-wrap:not(:first-child) {
    padding-left: 8px;
  }
  .cl-container.list-box2 .cl-container.list2 .cl-container.data > .cl-layout.separator > .cl-layout-content > .cl-layout-wrap:not(:first-child):before {
    top: calc(50% - 7px);
    height: 14px;
  }
  .cl-container.file-upload-box {
    /* 항목별 파일업로드 */
  }
  .cl-container.file-upload-box .cl-container.file-item:not(.cl-first-row) {
    padding-top: 24px;
  }
  .cl-container.file-upload-box .cl-container.file-list {
    padding: 16px;
  }
  .cl-container.file-upload-box .cl-container.file-list .cl-output {
    font-size: 17px;
  }
  .cl-container.file-upload-box .cl-container.file-list .cl-button {
    font-size: 15px;
  }
  .cl-container.file-upload-box .cl-button.btn-i-file-delete .cl-icon {
    background-image: url("images/controls/button/ic_btn_close_g.svg") !important;
    background-size: 16px;
    width: 16px;
    height: 16px;
  }
  .cl-container.pagination-grp.remote {
    min-height: 26px;
    padding: 2px 8px;
    /* 이전 버튼과 넘버 사이 간격 */
  }
  .cl-container.pagination-grp.remote > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.page-remote.prev) {
    margin-left: 4px !important;
  }
  .cl-searchinput.lg {
    font-size: 17px;
  }
  .cl-searchinput.lg .cl-searchinput-search {
    margin-right: 16px !important;
    background-size: 24px;
    width: 24px;
  }
  .cl-searchinput.lg .cl-text {
    padding: 0 12px 0 20px;
  }
  .cl-output.addpd {
    font-size: 19px;
    padding: 12.5px 0;
  }
  .cl-tabfolder.tab-auto {
    /* 모바일인 경우 아이템 균등분배 */
  }
  .cl-tabfolder.tab-auto .cl-tabfolder-header {
    padding: 0;
  }
  .cl-tabfolder.tab-auto .cl-tabfolder-header .cl-tabfolder-item:not(.cl-first) {
    margin-left: 24px;
  }
  .cl-tabfolder.tab-auto .cl-tabfolder-header .cl-tabfolder-header-viewport {
    padding: 0 20px;
  }
  .cl-tabfolder.tab-auto.mobile-fill .cl-tabfolder-header {
    padding: 0 20px;
  }
  .cl-tabfolder.tab-auto.mobile-fill .cl-tabfolder-header .cl-tabfolder-item:not(.cl-first) {
    margin-left: 0px;
  }
  .cl-tabfolder.tab-auto.mobile-fill .cl-tabfolder-header .cl-tabfolder-header-viewport {
    padding: 0;
    /* 탭 폴더 속성 itemSizing=auto 인 경우 */
    /* 탭 아이템이 2개인 경우 (empty-area 요소로 인해 nth-last-chil의 넘버링을 +1 해줌) */
    /* 탭 아이템이 3개인 경우 */
    /* 탭 아이템이 4개인 경우 */
    /* 탭 폴더 속성 itemSizing=FILL 인 경우 */
    /* 탭 아이템이 3개인 경우 */
    /* 탭 아이템이 4개인 경우 */
  }
  .cl-tabfolder.tab-auto.mobile-fill .cl-tabfolder-header .cl-tabfolder-header-viewport:has(.cl-empty-area):has(.cl-tabfolder-item:nth-child(1):nth-last-child(3),
  .cl-tabfolder.tab-auto.mobile-fill .cl-tabfolder-header .cl-tabfolder-header-viewport .cl-tabfolder-item:nth-child(1):nth-last-child(3) ~ .cl-tabfolder-item) {
    grid-template-columns: minmax(min-content, 1fr) minmax(min-content, 1fr) !important;
  }
  .cl-tabfolder.tab-auto.mobile-fill .cl-tabfolder-header .cl-tabfolder-header-viewport:has(.cl-empty-area):has(.cl-tabfolder-item:nth-child(1):nth-last-child(4),
  .cl-tabfolder.tab-auto.mobile-fill .cl-tabfolder-header .cl-tabfolder-header-viewport .cl-tabfolder-item:nth-child(1):nth-last-child(4) ~ .cl-tabfolder-item) {
    grid-template-columns: minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr) !important;
  }
  .cl-tabfolder.tab-auto.mobile-fill .cl-tabfolder-header .cl-tabfolder-header-viewport:has(.cl-empty-area):has(.cl-tabfolder-item:nth-child(1):nth-last-child(5),
  .cl-tabfolder.tab-auto.mobile-fill .cl-tabfolder-header .cl-tabfolder-header-viewport .cl-tabfolder-item:nth-child(1):nth-last-child(5) ~ .cl-tabfolder-item) {
    grid-template-columns: minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr) !important;
  }
  .cl-tabfolder.tab-auto.mobile-fill .cl-tabfolder-header .cl-tabfolder-header-viewport:has(.cl-tabfolder-item:nth-child(1):nth-last-child(2),
  .cl-tabfolder.tab-auto.mobile-fill .cl-tabfolder-header .cl-tabfolder-header-viewport .cl-tabfolder-item:nth-child(1):nth-last-child(2) ~ .cl-tabfolder-item) {
    grid-template-columns: minmax(min-content, 1fr) minmax(min-content, 1fr) !important;
  }
  .cl-tabfolder.tab-auto.mobile-fill .cl-tabfolder-header .cl-tabfolder-header-viewport:has(.cl-tabfolder-item:nth-child(1):nth-last-child(3),
  .cl-tabfolder.tab-auto.mobile-fill .cl-tabfolder-header .cl-tabfolder-header-viewport .cl-tabfolder-item:nth-child(1):nth-last-child(3) ~ .cl-tabfolder-item) {
    grid-template-columns: minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr) !important;
  }
  .cl-tabfolder.tab-auto.mobile-fill .cl-tabfolder-header .cl-tabfolder-header-viewport:has(.cl-tabfolder-item:nth-child(1):nth-last-child(4),
  .cl-tabfolder.tab-auto.mobile-fill .cl-tabfolder-header .cl-tabfolder-header-viewport .cl-tabfolder-item:nth-child(1):nth-last-child(4) ~ .cl-tabfolder-item) {
    grid-template-columns: minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr) !important;
  }
  .cl-tabfolder.tab-auto.mobile-fill .cl-tabfolder-header .cl-tabfolder-header-viewport .cl-tabfolder-item {
    grid-template-columns: 1fr !important;
  }
  .cl-container.grp-folder-sticky .cl-layout-wrap.tab-folder-sticky {
    top: 55px;
  }
  .cl-container.sticky-tab-box .cl-layout-wrap.tab-sticky-1 {
    top: 56px;
  }
  .cl-container.sticky-tab-box .cl-layout-wrap.tab-sticky-2 {
    position: sticky !important;
    top: 118px;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: #FFFFFF;
    /* 1depth 헤더와 사이 간경의 배경색 때문에 padding-top으로 간격 지정 */
    margin-top: 0px !important;
    padding: 24px 0;
    margin-bottom: -24px !important;
  }
  .cl-container.sticky-tab-box .cl-layout-wrap.tab-sticky-2.top-117 {
    top: 117px;
  }
  .cl-container.sticky-tab-box .cl-tabfolder.tab-sticky-2 {
    margin-top: 0px !important;
  }
  .cl-container.title-box.line {
    padding-bottom: 16px;
  }
  .cl-container.title-box .cl-output.tit {
    font-size: 21px;
  }
  .cl-container.title-box .cl-output.tit.fs-25-19 {
    font-size: 19px;
  }
  .cl-container.title-box .cl-output.tit .cl-text {
    line-height: 1.5;
  }
  .cl-container.form-base .cl-output.label {
    font-size: 15px;
  }
  .cl-container.form-base .cl-output {
    font-size: 15px;
  }
  .cl-container.form-base .cl-output .cl-text {
    line-height: 23px;
  }
  .cl-container.form-base {
    /* 폰트 사이즈가 큰 경우2 */
  }
  .cl-container.form-base.type2 .cl-output.label {
    font-size: 17px;
  }
  .cl-container.form-base.type2 .cl-output {
    font-size: 21px;
  }
  .cl-container.form-base.type2 .cl-output .cl-text {
    line-height: 32px;
  }
  .cl-container.form-base.top-line {
    padding-top: 16px;
    border-top: 1px solid #DDDDDD;
  }
  .cl-container.form-base.type3 {
    padding-bottom: 16px;
  }
  .cl-container.form-base.type3.fs-21-base .cl-output {
    font-size: 17px;
  }
  .cl-container.form-base.type3 .cl-output.label {
    font-size: 17px;
    vertical-align: top;
  }
  .cl-container.form-base.type3 .cl-output {
    font-size: 17px;
  }
  .cl-container.form-base.type3 .cl-output:not(.label):not(.cl-first-row):not(.cl-last-row) {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .cl-container.form-base.type3 .cl-output:not(.label).cl-first-row {
    margin-bottom: 0px;
  }
  .cl-container.form-base.type3 .cl-output:not(.label).cl-last-row {
    margin-top: 0px;
  }
  .cl-container.form-base.type3 .cl-output .cl-text {
    line-height: 1.5;
  }
  .cl-container.form-description {
    /* 새싹 이미지 */
  }
  .cl-container.form-description .label {
    padding: 12px 20px;
    min-width: 0px;
    min-height: 47px;
  }
  .cl-container.form-description .cl-container.data-box {
    padding: 16px 20px;
  }
  .cl-container.form-description .cl-container.data-box .cl-container.gray-box {
    padding: 16px 20px;
  }
  .cl-container.form-description .cl-container.data-box .cl-output.num1 .cl-text,
  .cl-container.form-description .cl-container.data-box .cl-output.num2 .cl-text,
  .cl-container.form-description .cl-container.data-box .cl-output.num3 .cl-text,
  .cl-container.form-description .cl-container.data-box .cl-output.num4 .cl-text,
  .cl-container.form-description .cl-container.data-box .cl-output.num5 .cl-text,
  .cl-container.form-description .cl-container.data-box .cl-output.num6 .cl-text {
    line-height: 23px;
  }
  .cl-container.form-description .cl-container.data-box .cl-output.num1:before,
  .cl-container.form-description .cl-container.data-box .cl-output.num2:before,
  .cl-container.form-description .cl-container.data-box .cl-output.num3:before,
  .cl-container.form-description .cl-container.data-box .cl-output.num4:before,
  .cl-container.form-description .cl-container.data-box .cl-output.num5:before,
  .cl-container.form-description .cl-container.data-box .cl-output.num6:before {
    top: 1.5px;
  }
  .cl-container.form-description .cl-container.data-box .cl-button.btn-i-right {
    font-size: 15px;
  }
  .cl-container.form-description .cl-output.dot-txt {
    background-image: url("images/controls/output/ic_dot.svg");
  }
  .cl-container.form-description.table-type .label {
    min-height: 47px;
  }
  .cl-container.form-description.table-type .cl-container.data-box {
    padding: 16px 0;
  }
  .cl-container.form-description .cl-output.img-sprout {
    background-image: url("images/com/content/img_sprout_mb.png");
  }
  .cl-container.input-form-box .cl-output.input-form-tit {
    font-size: 21px;
  }
  .cl-container.input-form-box .cl-output.input-form-tit .cl-text {
    line-height: 1.5;
  }
  .cl-container.input-form-box .cl-output.input-form-tit-info {
    font-size: 15px;
  }
  .cl-container.input-form-box.form-section {
    padding: 24px 20px;
    border-radius: 0px;
  }
  .cl-container.input-form .cl-container.form-field .cl-container.form-control .cl-control.phone-num-first {
    width: 100px !important;
  }
  .cl-container.input-form .cl-container.form-field .cl-container.form-control .cl-control.type-select-first {
    width: 120px !important;
  }
  .cl-container.form-section-top-box {
    padding: 0 20px;
  }
  .cl-container.input-form-udc-box .cl-embeddedapp.input-form-udc:not(.cl-first-row) {
    padding-top: 40px;
  }
  .cl-container.input-form-udc-box .cl-container.input-form-udc:not(.cl-first-row) {
    padding-top: 40px;
  }
  .cl-container.input-form-udc-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-first-row):has(.input-form-udc) {
    margin-top: 40px !important;
  }
  .cl-container.form-table .cl-output {
    padding: 12px;
    font-size: 13px;
  }
  .cl-container.form-table .cl-output.label {
    min-height: 44px;
    min-width: 0px;
    max-width: 120px;
  }
  .cl-container.form-table .cl-output.label .cl-text {
    word-break: keep-all;
  }
  .cl-container.form-table.header-top .cl-output.label {
    max-width: none;
  }
  .cl-tabfolder.tab-rounded .cl-tabfolder-header {
    height: 40px;
  }
  .cl-tabfolder.tab-rounded .cl-tabfolder-header .cl-tabfolder-item {
    padding: 0px 16px;
    font-size: 17px;
  }
  .cl-tabfolder.tab-rounded .cl-tabfolder-header .cl-tabfolder-item .cl-text {
    min-width: 46px;
  }
  .cl-tabfolder.tab-rounded .cl-tabfolder-header .cl-tabfolder-item:not(.cl-first) {
    margin-left: 8px;
  }
  .cl-container.card {
    border-radius: 20px;
  }
  .cl-container.card-gray-box {
    padding: 24px;
    border-radius: 12px;
  }
  .cl-container.data-box {
    /* form-base 묶음 그룹 스타일 */
    /* line2 갖는 자식이 있으면 상단의 data-form-group 내의 form-base 라인도 삭제 */
    /* pc 두번째 행 부터 라인 가지기 & mb 두번째 행부터 라인 가지기 */
  }
  .cl-container.data-box.card {
    padding: 24px;
  }
  .cl-container.data-box.card:has(.btn-group) {
    padding: 24px;
  }
  .cl-container.data-box .cl-container.btn-group .cl-button.btn-i-right .cl-icon {
    background-image: url("images/controls/button/ic_btn_right_g_12.svg") !important;
    background-size: 12px;
    width: 12px;
    height: 12px;
  }
  .cl-container.data-box .cl-container.btn-group .cl-button.btn-i-right,
  .cl-container.data-box .cl-container.btn-group .cl-button.btn-i-more {
    font-size: 15px;
  }
  .cl-container.data-box .cl-container.btn-group .cl-button.btn-i-map .cl-icon {
    width: 20px;
    height: 20px;
    background-size: 20px;
  }
  .cl-container.data-box .cl-container.btn-group.flex > .cl-layout > .cl-layout-content {
    display: flex;
  }
  .cl-container.data-box .cl-container.btn-group.flex > .cl-layout > .cl-layout-content > .cl-layout-wrap {
    flex: 1 1;
  }
  .cl-container.data-box .cl-container.btn-group.flex > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(:first-child) {
    margin-left: 12px !important;
  }
  .cl-container.data-box .cl-container.btn-group.flex .cl-button {
    padding: 0;
  }
  .cl-container.data-box .cl-container.btn-group.flex .cl-button.mw-260 {
    min-width: 0 !important;
  }
  .cl-container.data-box .cl-container.btn-group .cl-button {
    height: 48px !important;
  }
  .cl-container.data-box .cl-output.no-data {
    background-size: 32px;
    padding-top: 44px;
    font-size: 17px;
  }
  .cl-container.data-box .cl-output.no-data .cl-text {
    line-height: 25.5px;
  }
  .cl-container.data-box .cl-container.data-form-group .cl-container.form-base:not(.cl-first-row) {
    padding-top: 16px;
    border-top: 1px solid #EEEEEE;
  }
  .cl-container.data-box .cl-container.data-form-group.top-line .cl-container.form-base {
    padding-top: 16px;
  }
  .cl-container.data-box .cl-container.data-form-group.top-line2 {
    padding-top: 16px;
  }
  .cl-container.data-box:has(.data-form-group.top-line2) .cl-container.data-form-group .cl-container.form-base:not(.cl-first-row) {
    padding-top: 0;
    border-top: none;
  }
  .cl-container.data-box.has-line .cl-container.data-form-group:not(.cl-first-row) {
    padding-top: 0px;
    border-top: none;
  }
  .cl-container.data-box.has-line .cl-container.data-form-group:not(.cl-first-row) .cl-container.form-base {
    padding-top: 24px !important;
    border-top: 1px solid #EEEEEE;
  }
  .cl-container.data-box.has-line .cl-container.data-form-group.cl-first-row .cl-container.form-base:not(.cl-first-row) {
    padding-top: 24px !important;
    border-top: 1px solid #EEEEEE;
  }
  .cl-container.list-box {
    /* 더보기 버튼을 사용하지 않는 경우 */
  }
  .cl-container.list-box.no-has-more-btn > .cl-layout > .cl-layout-content .cl-embeddedapp.cl-last-row .cl-container.list {
    border-bottom: none;
    padding-bottom: 0;
  }
  .cl-container.list-box .cl-container.list {
    padding: 0 8px 20px 0px;
    border-bottom: 1px solid #DDDDDD;
    /* 타이틀 */
    /* 이동버튼 */
  }
  .cl-container.list-box .cl-container.list.on .cl-output.list-tit {
    background-size: 6px;
    background-position: left top 12px;
  }
  .cl-container.list-box .cl-container.list .cl-output {
    padding-left: 12px;
  }
  .cl-container.list-box .cl-container.list .cl-output.list-tit {
    font-size: 19px;
  }
  .cl-container.list-box .cl-container.list .cl-output.list-tit .cl-text span.badge {
    margin: 0 0 0 8px;
  }
  .cl-container.list-box .cl-container.list .cl-output {
    font-size: 15px;
  }
  .cl-container.list-box .cl-container.list .cl-button.btn-right {
    background-size: 16px;
  }
  .cl-container.list-box .cl-container.list .cl-container.data {
    padding-left: 12px;
  }
  .cl-container.list-box .cl-container.list .cl-container.data > .cl-layout.separator > .cl-layout-content > .cl-layout-wrap:not(:last-child) {
    padding-right: 8px;
  }
  .cl-container.list-box .cl-container.list .cl-container.data > .cl-layout.separator > .cl-layout-content > .cl-layout-wrap:not(:first-child) {
    padding-left: 8px;
  }
  .cl-container.list-box .cl-container.list .cl-container.data > .cl-layout.separator > .cl-layout-content > .cl-layout-wrap:not(:first-child):before {
    top: calc(50% - 7px);
    height: 14px;
  }
  .cl-container.content-body:has(.bu-info) .cl-container.list-box .cl-output.list-tit .cl-text {
    -webkit-line-clamp: 2;
    word-break: keep-all;
  }
  .cl-container.list-card {
    border-radius: 20px;
    /* margin사용하지 않고 padding으로 조절 */
    /* 링크 형태의 타이틀 */
  }
  .cl-container.list-card.padding {
    padding: 24px;
  }
  .cl-container.list-card .cl-output.tit {
    font-size: 25px;
  }
  .cl-container.list-card .cl-output.tit2 {
    font-size: 25px;
    min-height: 0;
  }
  .cl-container.list-card .cl-output.text {
    font-size: 15px;
    height: auto !important;
    min-height: 45px;
  }
  .cl-container.list-card .cl-button.tit-link {
    font-size: 25px;
  }
  .cl-container.list-card .cl-output.rank-num {
    font-size: 15px;
  }
  .cl-container.list-card .cl-image.new {
    width: 30px;
  }
  .cl-container.list-card .cl-container.form-base .cl-output {
    font-size: 15px;
  }
  .cl-container.top-box .cl-output.total {
    font-size: 15px;
  }
  .cl-container.top-box .cl-output.num-data {
    font-size: 32px;
  }
  .cl-container.top-box .cl-combobox.cmb-filter {
    width: auto !important;
  }
  .cl-container.top-box .cl-combobox.cmb-filter .cl-text {
    min-height: auto;
  }
  .cl-container.highlight-box {
    border-radius: 20px;
  }
  .cl-container.highlight-box .cl-output.tit {
    padding-left: 24px;
    background-size: 20px;
  }
  .cl-container.highlight-box .cl-output.num-data {
    text-align: center;
    font-size: 32px;
  }
  .cl-container.highlight-box .cl-output.total-data {
    padding-left: 24px;
    background-size: 20px;
    font-size: 15px;
  }
  .cl-container.highlight-box.view {
    padding: 14px 20px;
    border-radius: 8px;
  }
  .cl-container.card-list-area .cl-container.list-card {
    /* 상세보기 버튼 */
  }
  .cl-container.card-list-area .cl-container.list-card .cl-button.btn-details {
    min-height: 48px;
  }
  .cl-container.card-list-area .cl-container.apply-card .cl-container.apply-txt-group > .cl-layout > .cl-layout-content .cl-output:not(.cl-first-column) {
    padding-left: 8px;
    margin-left: -8px;
  }
  .cl-container.card-list-area .cl-container.apply-card .cl-container.apply-txt-group > .cl-layout > .cl-layout-content .cl-output:not(.cl-first-column):before {
    content: "";
    position: absolute;
    background-color: #DDDDDD;
    top: calc(50% - 8px);
    left: 0px;
    width: 1px;
    height: 16px;
  }
  .cl-container.card-list-area .cl-container.apply-card .cl-container.apply-btn-group .cl-button {
    font-size: 15px;
    padding: 0 12px;
  }
  .cl-container.card-list-area .cl-container.btn-group .cl-button {
    height: 48px !important;
  }
  .cl-container.card-list-area .cl-container.btn-group.flex > .cl-layout > .cl-layout-content {
    display: flex;
  }
  .cl-container.card-list-area .cl-container.btn-group.flex > .cl-layout > .cl-layout-content > .cl-layout-wrap {
    flex: auto;
  }
  .cl-container.scr-filter-box {
    border-radius: 0px;
    padding: 40px 24px !important;
  }
  .cl-container.scr-filter-box .cl-searchinput {
    font-size: 17px;
  }
  .cl-container.scr-filter-box .cl-searchinput .cl-text {
    padding-left: 16px;
  }
  .cl-container.scr-filter-box .cl-searchinput .cl-searchinput-search.cl-right {
    margin: 0 16px 0 0;
    background-size: 24px;
  }
  .cl-container.file-upload-field {
    padding: 30px 0px;
  }
  .cl-container.file-upload-field .cl-output .cl-text span {
    display: block;
  }
  .cl-dialog.full-dialog {
    /* 풀 팝업의 타이틀이 logo인 경우 */
  }
  .cl-dialog.full-dialog .cl-dialog-header {
    min-height: 56px;
    padding: 0 16px 0 20px;
    font-size: 21px;
    font-weight: 600;
  }
  .cl-dialog.full-dialog .cl-dialog-header .cl-dialog-close {
    background-image: url("images/controls/dialog/ic_close_24.svg");
    width: 24px;
  }
  .cl-dialog.full-dialog .cl-dialog-body {
    /* 풀 팝업 아래에 일반화면이 오면 */
  }
  .cl-dialog.full-dialog .cl-dialog-body .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.content-footer) {
    margin-top: 0px !important;
  }
  .cl-dialog.full-dialog:has(.cl-dialog-body > .cl-container.pop-content-wrapper.pop-header-title-logo) .cl-dialog-header {
    color: transparent;
    background-image: url("images/com/main/img_logo_mb.svg");
    background-position: center left 20px;
    background-repeat: no-repeat;
    background-size: auto;
  }
  .cl-dialog.modal-msg {
    border-radius: 20px;
    padding: 24px 0px;
  }
  .cl-dialog.modal-msg .cl-container.msg-content {
    /* 날짜 텍스트 스타일 */
  }
  .cl-dialog.modal-msg .cl-container.msg-content .cl-container.msg-content-box > .cl-layout > .cl-layout-content {
    padding: 0 20px !important;
  }
  .cl-dialog.modal-msg .cl-container.msg-content .cl-output.tit {
    font-size: 21px;
    margin-bottom: -8px;
  }
  .cl-dialog.modal-msg .cl-container.msg-content .cl-output.subtit {
    font-size: 17px;
  }
  .cl-dialog.modal-msg .cl-container.msg-content .cl-output.date-txt {
    font-size: 15px;
  }
  .cl-dialog.modal-msg .cl-container.msg-content .cl-container.pop-content-footer {
    margin-top: 24px;
  }
  .cl-dialog.modal-msg .cl-container.msg-content .cl-container.pop-content-footer .cl-container.footer-button-group {
    padding: 0px 0px 2px 0px;
  }
  .cl-dialog.modal-msg .cl-container.msg-content .cl-container.pop-content-footer .cl-container.footer-button-group .cl-button {
    padding: 0 10px;
    min-width: 120px;
  }
  .cl-dialog.modal-msg .cl-container.msg-content .cl-container.pop-content-footer .cl-container.footer-button-group > .cl-layout > .cl-layout-content {
    display: flex !important;
    justify-content: center;
  }
  .cl-dialog.modal-msg .cl-container.msg-content .cl-container.pop-content-footer .cl-container.footer-button-group > .cl-layout > .cl-layout-content > .cl-layout-wrap {
    flex: 1;
  }
  .cl-dialog.modal-msg .cl-container.msg-content .cl-container.pop-content-footer .cl-container.footer-button-group.flex-column > .cl-layout > .cl-layout-content > .cl-layout-wrap {
    flex: 0 0 auto;
  }
  .cl-dialog.modal-msg.has-dialog-hd .cl-dialog-header {
    padding: 24px;
    font-size: 15px;
  }
  .cl-container.content-wrapper,
  .cl-container.pop-content-wrapper,
  .cl-container.inner-content-wrapper {
    /* width full 영역 스타일 */
  }
  .cl-container.content-wrapper .cl-container.app-title-wrap,
  .cl-container.pop-content-wrapper .cl-container.app-title-wrap,
  .cl-container.inner-content-wrapper .cl-container.app-title-wrap {
    /* 앱 타이틀 영역 스타일 */
    min-width: auto !important;
    margin: 0;
    padding: 0 20px;
    margin-bottom: -20px !important;
  }
  .cl-container.content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.app-title-wrap:not(.hide-off)),
  .cl-container.pop-content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.app-title-wrap:not(.hide-off)),
  .cl-container.inner-content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.app-title-wrap:not(.hide-off)) {
    display: none !important;
  }
  .cl-container.content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.app-title-wrap:not(.hide-off)) + .cl-layout-wrap,
  .cl-container.pop-content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.app-title-wrap:not(.hide-off)) + .cl-layout-wrap,
  .cl-container.inner-content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.app-title-wrap:not(.hide-off)) + .cl-layout-wrap {
    margin-top: 0px !important;
  }
  .cl-container.content-wrapper .cl-container.content-section,
  .cl-container.pop-content-wrapper .cl-container.content-section,
  .cl-container.inner-content-wrapper .cl-container.content-section {
    width: 100% !important;
    margin: 0;
    padding: 0 20px;
  }
  .cl-container.content-wrapper .cl-container.content-section.wd-936,
  .cl-container.pop-content-wrapper .cl-container.content-section.wd-936,
  .cl-container.inner-content-wrapper .cl-container.content-section.wd-936,
  .cl-container.content-wrapper .cl-container.content-section.wd-696,
  .cl-container.pop-content-wrapper .cl-container.content-section.wd-696,
  .cl-container.inner-content-wrapper .cl-container.content-section.wd-696 {
    width: 100% !important;
  }
  .cl-container.content-wrapper .cl-container.content-section.step-form-group > .cl-layout > .cl-layout-content .cl-container.right-group,
  .cl-container.pop-content-wrapper .cl-container.content-section.step-form-group > .cl-layout > .cl-layout-content .cl-container.right-group,
  .cl-container.inner-content-wrapper .cl-container.content-section.step-form-group > .cl-layout > .cl-layout-content .cl-container.right-group {
    width: 100% !important;
  }
  .cl-container.content-wrapper .cl-container.content-section.step-form-group > .cl-layout > .cl-layout-content .cl-container.right-group + .cl-form-placeholder,
  .cl-container.pop-content-wrapper .cl-container.content-section.step-form-group > .cl-layout > .cl-layout-content .cl-container.right-group + .cl-form-placeholder,
  .cl-container.inner-content-wrapper .cl-container.content-section.step-form-group > .cl-layout > .cl-layout-content .cl-container.right-group + .cl-form-placeholder {
    min-width: 0px !important;
  }
  .cl-container.content-wrapper .cl-container.content-section.step-form-group .cl-container.right-group > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-first-row:has(.step-check),
  .cl-container.pop-content-wrapper .cl-container.content-section.step-form-group .cl-container.right-group > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-first-row:has(.step-check),
  .cl-container.inner-content-wrapper .cl-container.content-section.step-form-group .cl-container.right-group > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-first-row:has(.step-check) {
    padding-top: 40px;
  }
  .cl-container.content-wrapper .cl-container.content-section:has(.cl-container.full-section-box),
  .cl-container.pop-content-wrapper .cl-container.content-section:has(.cl-container.full-section-box),
  .cl-container.inner-content-wrapper .cl-container.content-section:has(.cl-container.full-section-box) {
    padding: 0;
  }
  .cl-container.content-wrapper .cl-container.content-section:has(.cl-container.full-section-box) .cl-container.full-section-box,
  .cl-container.pop-content-wrapper .cl-container.content-section:has(.cl-container.full-section-box) .cl-container.full-section-box,
  .cl-container.inner-content-wrapper .cl-container.content-section:has(.cl-container.full-section-box) .cl-container.full-section-box {
    padding: 20px;
    background-color: #F4F4F4;
  }
  .cl-container.content-wrapper .cl-container.content-section:has(.cl-container.full-section-box).step-form-group .cl-container.right-group,
  .cl-container.pop-content-wrapper .cl-container.content-section:has(.cl-container.full-section-box).step-form-group .cl-container.right-group,
  .cl-container.inner-content-wrapper .cl-container.content-section:has(.cl-container.full-section-box).step-form-group .cl-container.right-group {
    padding: 0 20px;
  }
  .cl-container.content-wrapper .cl-container.full-section,
  .cl-container.pop-content-wrapper .cl-container.full-section,
  .cl-container.inner-content-wrapper .cl-container.full-section {
    padding: 0 20px;
    /* distribution = center */
    /* 모바일 경우 적용하는 배경색 스타일 */
  }
  .cl-container.content-wrapper .cl-container.full-section > .cl-layout > .cl-layout-content,
  .cl-container.pop-content-wrapper .cl-container.full-section > .cl-layout > .cl-layout-content,
  .cl-container.inner-content-wrapper .cl-container.full-section > .cl-layout > .cl-layout-content {
    width: 100% !important;
    margin: 0;
  }
  .cl-container.content-wrapper .cl-container.full-section.wd-936 > .cl-layout > .cl-layout-content,
  .cl-container.pop-content-wrapper .cl-container.full-section.wd-936 > .cl-layout > .cl-layout-content,
  .cl-container.inner-content-wrapper .cl-container.full-section.wd-936 > .cl-layout > .cl-layout-content,
  .cl-container.content-wrapper .cl-container.full-section.wd-696 > .cl-layout > .cl-layout-content,
  .cl-container.pop-content-wrapper .cl-container.full-section.wd-696 > .cl-layout > .cl-layout-content,
  .cl-container.inner-content-wrapper .cl-container.full-section.wd-696 > .cl-layout > .cl-layout-content {
    width: 100% !important;
  }
  .cl-container.content-wrapper .cl-container.full-section.wd-auto > .cl-layout > .cl-layout-content,
  .cl-container.pop-content-wrapper .cl-container.full-section.wd-auto > .cl-layout > .cl-layout-content,
  .cl-container.inner-content-wrapper .cl-container.full-section.wd-auto > .cl-layout > .cl-layout-content {
    width: 100% !important;
  }
  .cl-container.content-wrapper .cl-container.full-section.m-bg-white,
  .cl-container.pop-content-wrapper .cl-container.full-section.m-bg-white,
  .cl-container.inner-content-wrapper .cl-container.full-section.m-bg-white {
    background-color: #FFFFFF;
  }
  .cl-container.content-wrapper {
    /* 루트가 폼 레이아웃인 경우 */
    /* 11.14 추가 */
    /* 풀팝업 화면 구조 (농업재해정보 대응지침 등) */
    /* 12.30 추가 */
    /* 직불제 신청  */
    /* 2단계 화면 깜빡임 줄임  */
  }
  .cl-container.content-wrapper.bg-colored {
    background-color: #F4F4F4;
  }
  .cl-container.content-wrapper.bg-colored .cl-container.content-body {
    background-color: #FFFFFF;
  }
  .cl-container.content-wrapper:not(.ft-spacing-0):not(:has(.step-form-group)) {
    padding-bottom: 40px;
  }
  .cl-container.content-wrapper:has(.content-footer) .cl-button.btn-scroll-top,
  .cl-container.content-wrapper:has(.content-btn-group) .cl-button.btn-scroll-top {
    right: 10px !important;
  }
  .cl-container.content-wrapper > .cl-layout {
    /* 버티컬 레이아웃에서만 적용됨 */
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content:has(> .cl-layout-wrap) > .cl-layout-margin-top {
    height: 0px !important;
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.appheader) {
    position: sticky !important;
    top: 0;
    z-index: 1;
    background-color: #FFFFFF;
  }
  .cl-container.content-wrapper .cl-container.content-body .cl-container.content-btn-group,
  .cl-container.content-wrapper .cl-container.content-body .cl-container.content-btn-group.not-last-row {
    /* 이전 버튼을 갖는 경우 */
  }
  .cl-container.content-wrapper .cl-container.content-body .cl-container.content-btn-group > .cl-layout > .cl-layout-content,
  .cl-container.content-wrapper .cl-container.content-body .cl-container.content-btn-group.not-last-row > .cl-layout > .cl-layout-content {
    display: flex;
  }
  .cl-container.content-wrapper .cl-container.content-body .cl-container.content-btn-group > .cl-layout > .cl-layout-content > .cl-layout-wrap,
  .cl-container.content-wrapper .cl-container.content-body .cl-container.content-btn-group.not-last-row > .cl-layout > .cl-layout-content > .cl-layout-wrap {
    flex: auto;
  }
  .cl-container.content-wrapper .cl-container.content-body .cl-container.content-btn-group > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-button.prev),
  .cl-container.content-wrapper .cl-container.content-body .cl-container.content-btn-group.not-last-row > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-button.prev) {
    flex: none;
    width: 96px !important;
  }
  .cl-container.content-wrapper .cl-container.content-body .cl-container.content-btn-group > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-button.prev) .cl-button,
  .cl-container.content-wrapper .cl-container.content-body .cl-container.content-btn-group.not-last-row > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-button.prev) .cl-button {
    padding: 0;
  }
  .cl-container.content-wrapper .cl-container.content-body .cl-layout-wrap.wrap-content-btn-group:has(.content-btn-group:not(.not-fixed)) {
    height: 1px !important;
    margin-top: 100px !important;
  }
  .cl-container.content-wrapper .cl-container.content-body .cl-layout-wrap.wrap-content-btn-group:has(.content-btn-group:not(.not-fixed)) .cl-container.content-btn-group:not(.not-fixed) {
    position: fixed !important;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0.8) 100%);
    padding: 20px;
  }
  .cl-container.content-wrapper .cl-container.content-body .cl-layout-wrap.wrap-content-btn-group:has(.content-btn-group:not(.not-fixed)) .cl-button {
    font-size: 21px;
  }
  .cl-container.content-wrapper .cl-container.content-body .cl-layout-wrap.wrap-content-btn-group:has(.content-btn-group.not-last-row:not(.not-fixed)) {
    margin-top: 0 !important;
    height: 0 !important;
  }
  .cl-container.content-wrapper .cl-container.content-body > .cl-layout > .cl-layout-content .cl-layout-wrap:has(.content-btn-group.not-last-row:not(.not-fixed)) .cl-container.content-btn-group:not(.not-fixed) {
    position: fixed !important;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0.8) 100%);
    padding: 20px;
    z-index: 1;
  }
  .cl-container.content-wrapper .cl-container.content-body .cl-container.step-form-group .cl-container.left-group:not(.cl-first-row) + .cl-container.right-group.cl-first-row > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-last-row:has(.content-btn-group:not(.not-fixed)) {
    height: 100px !important;
    margin-top: 20px !important;
  }
  .cl-container.content-wrapper .cl-container.content-body .cl-container.step-form-group .cl-container.right-group.cl-first-row:not(.cl-last-row) {
    z-index: 2 !important;
  }
  .cl-container.content-wrapper .cl-container.content-body .cl-container.step-form-group .cl-container.right-group.cl-first-row:not(.cl-last-row):has(.content-btn-group.cl-last-row:not(.not-fixed)) > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-last-row {
    margin-top: 0 !important;
  }
  .cl-container.content-wrapper .cl-container.content-body .cl-container.step-form-group .cl-container.right-group.cl-first-row:not(.cl-last-row):has(.content-btn-group.cl-last-row:not(.not-fixed)) + .cl-container.left-group.cl-last-row {
    padding-bottom: 120px;
  }
  .cl-container.content-wrapper.ndp .cl-container.content-body .cl-container.step-form-group .cl-container.left-group.cl-first-row + .cl-container.right-group.cl-last-row > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-last-row:has(.content-btn-group:not(.not-fixed)) {
    height: 100px !important;
    margin-top: 20px !important;
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.content-footer) {
    margin-top: 100px !important;
    height: 1px !important;
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.content-footer.flex-column) {
    margin-top: 148px !important;
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.content-footer {
    position: fixed !important;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0.8) 100%);
    padding: 20px;
    /* 목록가기 버튼을 갖는 경우*/
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.content-footer > .cl-layout > .cl-layout-content {
    display: flex;
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.content-footer > .cl-layout > .cl-layout-content > .cl-layout-wrap {
    flex: auto;
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.content-footer .cl-button {
    font-size: 21px;
    padding: 0;
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.content-footer > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-button.wd-126) {
    flex: none;
    width: 126px !important;
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.content-footer > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-button.wd-126) .cl-button {
    padding: 0;
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.content-footer > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-button.prev) {
    flex: none;
    width: 96px !important;
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.content-footer > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-button.prev) .cl-button {
    padding: 0;
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.content-footer > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-button.to-list) {
    flex: none;
    width: 132px !important;
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.content-footer > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-button.to-list) .cl-button {
    padding: 0;
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.content-footer.flex-column > .cl-layout {
    margin: 0 !important;
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.content-footer.flex-column > .cl-layout > .cl-layout-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 모바일에서 텍스트형 버튼이 2종류 이상일 때 */
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.content-footer.flex-column > .cl-layout > .cl-layout-content > .cl-layout-wrap {
    width: 100% !important;
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.content-footer.flex-column > .cl-layout > .cl-layout-content > .cl-layout-wrap {
    margin: 8px 0 0 0 !important;
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.content-footer.flex-column > .cl-layout > .cl-layout-content > .cl-layout-wrap:first-child {
    margin: 0px !important;
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.content-footer.flex-column > .cl-layout > .cl-layout-content .cl-container.btn-underline-wrap .cl-button {
    background-color: transparent;
    border: none;
    border-radius: 0px;
    color: #555555;
    font-size: 17px;
    font-weight: 400;
    min-width: 0px;
    padding: 0px !important;
    text-align: center;
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.content-footer.flex-column > .cl-layout > .cl-layout-content .cl-container.btn-underline-wrap .cl-button:not(.cl-disabled):hover,
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.content-footer.flex-column > .cl-layout > .cl-layout-content .cl-container.btn-underline-wrap .cl-button:focus,
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.content-footer.flex-column > .cl-layout > .cl-layout-content .cl-container.btn-underline-wrap .cl-button.cl-focus,
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.content-footer.flex-column > .cl-layout > .cl-layout-content .cl-container.btn-underline-wrap .cl-button:not(.cl-disabled).cl-activated,
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.content-footer.flex-column > .cl-layout > .cl-layout-content .cl-container.btn-underline-wrap .cl-button:not(.cl-disabled):active {
    background-color: transparent;
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.content-footer.flex-column > .cl-layout > .cl-layout-content .cl-container.btn-underline-wrap .cl-button:not(.cl-disabled):hover.text-sub-color,
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.content-footer.flex-column > .cl-layout > .cl-layout-content .cl-container.btn-underline-wrap .cl-button:focus.text-sub-color,
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.content-footer.flex-column > .cl-layout > .cl-layout-content .cl-container.btn-underline-wrap .cl-button.cl-focus.text-sub-color,
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.content-footer.flex-column > .cl-layout > .cl-layout-content .cl-container.btn-underline-wrap .cl-button:not(.cl-disabled).cl-activated.text-sub-color,
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.content-footer.flex-column > .cl-layout > .cl-layout-content .cl-container.btn-underline-wrap .cl-button:not(.cl-disabled):active.text-sub-color {
    transition: none;
    color: #FF5200 !important;
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.content-footer.flex-column > .cl-layout > .cl-layout-content .cl-container.btn-underline-wrap .cl-button .cl-text {
    line-height: 1.5 !important;
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content:has(.content-footer.cl-last-row) .cl-container.content-footer {
    position: fixed !important;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0.8) 100%);
    padding: 20px;
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content:has(.content-footer.cl-last-row) .cl-container.content-footer > .cl-layout > .cl-layout-content {
    display: flex;
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content:has(.content-footer.cl-last-row) .cl-container.content-footer > .cl-layout > .cl-layout-content > .cl-layout-wrap {
    flex: auto;
  }
  .cl-container.content-wrapper > .cl-layout > .cl-layout-content:has(.content-footer.cl-last-row) .cl-container.content-footer .cl-button {
    padding: 0;
  }
  .cl-container.content-wrapper.full-pop .cl-container.content-body {
    padding-top: 20px;
  }
  .cl-container.content-wrapper.dp .cl-container.content-body:not(.no-style) > .cl-layout > .cl-layout-content > .cl-layout-margin-top {
    height: 20px !important;
  }
  .cl-container.content-wrapper.depth-2 .cl-container.content-body:not(.no-style) > .cl-layout > .cl-layout-content > .cl-layout-margin-top {
    height: 20px !important;
  }
  .cl-container.pop-content-wrapper {
    /* 신청등록 정보확인 팝업 */
    /* 농업경영체 등록 팝업 일반화면 & 직불제 신청 팝업 화면 등 */
  }
  .cl-container.pop-content-wrapper .cl-container.pop-content-body {
    padding: 24px;
  }
  .cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-layout-wrap.wrap-content-btn-group:has(.content-btn-group.fixed-bottom) {
    height: 1px !important;
    margin-top: 100px !important;
  }
  .cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-layout-wrap.wrap-content-btn-group:has(.content-btn-group.fixed-bottom) .cl-container.content-btn-group.fixed-bottom {
    position: fixed !important;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0.8) 100%);
    padding: 20px;
    /* 이전 버튼을 갖는 경우 */
  }
  .cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-layout-wrap.wrap-content-btn-group:has(.content-btn-group.fixed-bottom) .cl-container.content-btn-group.fixed-bottom > .cl-layout > .cl-layout-content {
    display: flex;
  }
  .cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-layout-wrap.wrap-content-btn-group:has(.content-btn-group.fixed-bottom) .cl-container.content-btn-group.fixed-bottom > .cl-layout > .cl-layout-content > .cl-layout-wrap {
    flex: auto;
  }
  .cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-layout-wrap.wrap-content-btn-group:has(.content-btn-group.fixed-bottom) .cl-container.content-btn-group.fixed-bottom > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-button.prev) {
    flex: none;
    width: 96px !important;
  }
  .cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-layout-wrap.wrap-content-btn-group:has(.content-btn-group.fixed-bottom) .cl-container.content-btn-group.fixed-bottom > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-button.prev) .cl-button {
    padding: 0;
  }
  .cl-container.pop-content-wrapper .cl-container.pop-content-body .cl-layout-wrap.wrap-content-btn-group:has(.content-btn-group.fixed-bottom) .cl-button {
    font-size: 21px;
  }
  .cl-container.pop-content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-last-row:has(.pop-content-footer.fixed-bottom) {
    height: 96px !important;
    margin-top: 0px !important;
  }
  .cl-container.pop-content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-last-row .cl-container.pop-content-footer.fixed-bottom {
    position: fixed !important;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0.8) 100%);
  }
  .cl-container.pop-content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-last-row .cl-container.pop-content-footer.fixed-bottom .cl-button.mh-48 {
    height: 60px !important;
    font-size: 21px;
  }
  .cl-container.pop-content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-last-row .cl-container.pop-content-footer.fixed-bottom > .cl-layout > .cl-layout-content {
    display: flex;
  }
  .cl-container.pop-content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-last-row .cl-container.pop-content-footer.fixed-bottom > .cl-layout > .cl-layout-content > .cl-layout-wrap {
    flex: 1 1;
  }
  .cl-container.pop-content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-last-row .cl-container.pop-content-footer.fixed-bottom > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(:first-child) {
    margin-left: 12px !important;
  }
  .cl-container.pop-content-wrapper .cl-container.pop-content-footer {
    padding: 0 24px 24px 24px;
  }
  .cl-container.pop-content-wrapper .cl-container.pop-content-footer > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-button.prev) {
    flex: none !important;
    width: 96px !important;
  }
  .cl-container.pop-content-wrapper .cl-container.pop-content-footer > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-button.prev) .cl-button {
    padding: 0;
  }
  .cl-container.pop-content-wrapper.enroll .cl-container.pop-content-body {
    padding: 8px 20px 24px 20px !important;
  }
  .cl-container.pop-content-wrapper.enroll .cl-container.pop-content-body .cl-output.pop-text {
    font-size: 21px;
    font-weight: 700;
  }
  .cl-container.pop-content-wrapper.enroll .cl-container.pop-content-body .cl-output.pop-text .cl-text {
    line-height: 1.5;
  }
  .cl-container.pop-content-wrapper.enroll .cl-container.pop-content-body .cl-output.pop-text .cl-text span {
    font-weight: 400;
  }
  .cl-container.pop-content-wrapper.enroll .cl-container.pop-content-footer {
    padding: 0 20px;
  }
  .cl-container.pop-content-wrapper.enroll .cl-container.pop-content-footer .cl-button {
    height: 60px !important;
    font-size: 21px;
  }
  .cl-container.pop-content-wrapper.enroll .cl-container.pop-content-footer > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(:first-child) {
    margin-left: 8px !important;
  }
  .cl-container.pop-content-wrapper.enroll .cl-container.pop-content-footer .cl-button {
    height: 60px !important;
    font-size: 21px;
  }
  .cl-container.pop-content-wrapper.enroll .cl-container.pop-content-footer.btn-group.flex > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-button.prev) {
    flex: none;
    width: 96px !important;
  }
  .cl-container.pop-content-wrapper.enroll .cl-container.pop-content-footer.btn-group.flex > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-button.prev) .cl-button {
    padding: 0;
  }
  .cl-container.pop-content-wrapper.enroll-basic {
    padding: 0 20px;
    /* 2단계 직불제 신청 */
  }
  .cl-container.pop-content-wrapper.enroll-basic:not(.ndp) .cl-output.heading-txt2 {
    font-size: 25px;
  }
  .cl-container.pop-content-wrapper.enroll-basic .cl-container.pop-content-body {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .cl-container.pop-content-wrapper.enroll-basic .cl-container.pop-content-body {
    padding: 20px 0;
  }
  .cl-container.pop-content-wrapper.enroll-basic:not(:has(.cl-container.pop-content-footer)) .cl-container.pop-content-body {
    padding: 20px 0;
  }
  .cl-container.pop-content-wrapper.enroll-basic .cl-container.no-data-box {
    padding: 40px 0;
  }
  .cl-container.pop-content-wrapper.enroll-basic .cl-container.pop-content-footer .cl-button {
    height: 60px !important;
    font-size: 21px;
  }
  .cl-container.pop-content-wrapper.enroll-basic:has(.pop-content-footer) > .cl-layout > .cl-layout-content > .cl-layout-wrap .cl-container.pop-content-body {
    padding-bottom: 120px;
  }
  .cl-container.pop-content-wrapper.enroll-basic > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-last-row:has(.pop-content-footer) {
    margin-top: 0px !important;
    position: fixed !important;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0.8) 100%);
    padding: 20px 0;
  }
  .cl-container.pop-content-wrapper.enroll-basic > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-last-row:has(.pop-content-footer) .cl-container.pop-content-footer {
    padding-bottom: 0;
  }
  .cl-container.pop-content-wrapper.enroll-basic > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-last-row .cl-container.pop-content-footer {
    /* 취소버튼을 갖는 경우  */
  }
  .cl-container.pop-content-wrapper.enroll-basic > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-last-row .cl-container.pop-content-footer > .cl-layout > .cl-layout-content {
    display: flex;
  }
  .cl-container.pop-content-wrapper.enroll-basic > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-last-row .cl-container.pop-content-footer > .cl-layout > .cl-layout-content > .cl-layout-wrap {
    flex: 1 1;
  }
  .cl-container.pop-content-wrapper.enroll-basic > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-last-row .cl-container.pop-content-footer > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(:first-child) {
    margin-left: 8px !important;
  }
  .cl-container.pop-content-wrapper.enroll-basic > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-last-row .cl-container.pop-content-footer > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-button.prev) {
    flex: none;
    width: 96px !important;
  }
  .cl-container.pop-content-wrapper.enroll-basic > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-last-row .cl-container.pop-content-footer > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-button.prev) .cl-button {
    padding: 0;
    min-width: 0;
  }
  .cl-container.pop-content-wrapper.enroll-basic.dp .cl-container.pop-content-body {
    padding-top: 8px !important;
  }
  .cl-container.login .cl-container.login-box {
    padding: 24px;
  }
  .cl-container.login .cl-container.login-box .cl-output.tit {
    padding-left: 48px;
    padding-bottom: 16px;
    font-size: 21px;
    border-bottom: 1px solid #DDDDDD;
  }
  .cl-container.login .cl-container.login-box .cl-output {
    padding-left: 0px;
  }
  .cl-container.login .cl-container.login-box .cl-checkbox.easy-service-info {
    padding-left: 0px;
    margin-top: 0px;
  }
  .cl-container.login .cl-container.login-box .cl-container.easy-service-list {
    padding: 24px;
  }
  .cl-container.login .cl-container.login-box .cl-container.easy-service-list .cl-container.list-item-box > .cl-layout > .cl-layout-content {
    grid-template-columns: 0px auto 8px 8px 1fr 0px !important;
  }
  .cl-container.login .cl-container.login-box .cl-container.easy-service-list .cl-output.list-item {
    font-size: 15px;
  }
  .cl-container.img-steppers {
    width: 272px !important;
    height: 61px !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("images/com/content/img_mobile_steppers.svg") !important;
  }
  .cl-output.arrow-right-mb {
    font-weight: 500;
    padding-left: 12px;
  }
  .cl-output.arrow-right-mb:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 16px;
    top: calc(50% - 8px);
    left: 0;
    background-color: #EEEEEE;
  }
  .cl-output.arrow-right-mb .cl-text:after {
    position: relative;
    content: "";
    background: url("images/controls/image/ic_next_12_blue.svg") no-repeat center;
    padding: 6px;
    margin-left: 2px;
  }
  .cl-output.arrow-right-mb.text-danger .cl-text:after,
  .cl-output.arrow-right-mb.text-red .cl-text:after {
    background: url("images/controls/image/ic_next_12_red.svg") no-repeat center;
  }
  .cl-container.home {
    /* 자주찾는 영역 그룹 스타일 */
    /* 신청가능한 사업 영역 스타일 */
    /* 농지에서 알려드립니다. 그룹 스타일 */
    /* 신청가능한 사업 노데이터 박스 */
  }
  .cl-container.home .cl-container.keyword-box {
    padding: 0 0 0 12px;
    margin: 0 0 0 0;
  }
  .cl-container.home .cl-container.keyword-box .cl-output.tit {
    font-size: 17px;
  }
  .cl-container.home .cl-container.keyword-box .cl-container.keyword-inside {
    padding-left: 16px;
  }
  .cl-container.home .cl-container.keyword-box .cl-container.keyword-inside > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(:first-child) {
    padding-left: 16px;
  }
  .cl-container.home.cl-container.content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-wrap:has(.cl-embeddedapp.header) {
    margin-bottom: 2px !important;
    margin-top: -1px !important;
  }
  .cl-container.home .cl-searchinput.search {
    font-size: 19px;
    padding: 17px 16px;
    width: auto;
  }
  .cl-container.home .cl-searchinput.search .cl-searchinput-search {
    background-size: 24px;
    width: 24px;
    margin: 0 8px 0 0;
  }
  .cl-container.home .cl-container.topbanner {
    border-radius: 20px;
  }
  .cl-container.home .cl-container.topbanner .cl-output.sub-txt {
    font-size: 15px;
  }
  .cl-container.home .cl-container.topbanner .cl-output.text {
    font-size: 32px;
    margin-top: -24px;
  }
  .cl-container.home .cl-container.topbanner .cl-output.date {
    font-size: 13px;
    margin-top: -20px;
  }
  .cl-container.home .cl-container.topbanner .cl-container.banner-slide {
    padding: 28px 35px 28px 24px;
    min-height: 320px;
    max-height: 320px;
    background-size: 160px 182px;
    border-radius: 20px;
  }
  .cl-container.home .cl-container.frequent-area {
    background-color: #FFFFFF;
  }
  .cl-container.home .cl-container.frequent-area:before,
  .cl-container.home .cl-container.frequent-area:after {
    display: none;
  }
  .cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button {
    min-height: 156px;
    border-radius: 24px;
    border-color: #EEEEEE;
    font-size: 17px;
    padding: 20px 20px 60px 20px;
    background-position: right 20px bottom 20px;
    background-size: 40px;
    transition: none;
  }
  .cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button:hover {
    background-color: #FFFFFF;
    font-size: 17px;
    color: #111111;
    font-weight: 500;
  }
  .cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button:hover:before {
    width: 0;
    height: 0;
  }
  .cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.on,
  .cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button:active,
  .cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.cl-activated {
    font-size: 17px;
    border-color: #FF5200;
    color: #FFFFFF;
    background-color: #FF5200;
  }
  .cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.on:before,
  .cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button:active:before,
  .cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.cl-activated:before {
    width: 137px;
    height: 60px;
    background-size: contain;
    bottom: 21px;
    right: -18px;
  }
  .cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.on:hover:before,
  .cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button:active:hover:before,
  .cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.cl-activated:hover:before {
    width: 137px;
    height: 60px;
    background-size: contain;
    bottom: 21px;
    right: -18px;
  }
  .cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-check:hover {
    background-image: url("images/com/dashbod/ic_btn_service_check2.png");
  }
  .cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-check:hover:active,
  .cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-check:hover.cl-active {
    background-image: url("images/com/dashbod/ic_btn_service_check2_on.png");
  }
  .cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-find:hover {
    background-image: url("images/com/dashbod/ic_btn_service_find.png");
  }
  .cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-find:active,
  .cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-find.cl-active {
    background-image: url("images/com/dashbod/ic_btn_service_find_on.png");
  }
  .cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-find2:hover {
    background-image: url("images/com/dashbod/ic_btn_service_find2.png");
  }
  .cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-find2:active,
  .cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-find2.cl-active {
    background-image: url("images/com/dashbod/ic_btn_service_find2_on.png");
  }
  .cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-faq:hover {
    background-image: url("images/com/dashbod/ic_btn_service_faq.png");
  }
  .cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-faq:active,
  .cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-faq.cl-active {
    background-image: url("images/com/dashbod/ic_btn_service_faq_on.png");
  }
  .cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-guide:hover {
    background-image: url("images/com/dashbod/ic_btn_service_guide.png");
  }
  .cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-guide:active,
  .cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-guide.cl-active {
    background-image: url("images/com/dashbod/ic_btn_service_faq_on.png");
  }
  .cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-map:hover {
    background-image: url("images/com/dashbod/ic_btn_service_map.png");
  }
  .cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-map:active,
  .cl-container.home .cl-container.frequent-area .cl-container.service-btn-box .cl-button.btn-map.cl-active {
    background-image: url("images/com/dashbod/ic_btn_service_map_on.png");
  }
  .cl-container.home .cl-container.content-area .switch-tab {
    width: 240px;
  }
  .cl-container.home .cl-container.content-area2 .cl-container.board-box {
    border-radius: 20px;
    padding: 24px 20px;
  }
  .cl-container.home .cl-container.content-area2 .cl-container.board-box .cl-container.board-list {
    /* 제목 타입 ex)긴급 */
    /* 제목 타입과 제목을 감싸는 그룹 */
  }
  .cl-container.home .cl-container.content-area2 .cl-container.board-box .cl-container.board-list .cl-output.noti {
    font-size: 17px;
  }
  .cl-container.home .cl-container.content-area2 .cl-container.board-box .cl-container.board-list .cl-output .cl-text {
    line-height: 1;
  }
  .cl-container.home .cl-container.content-area2 .cl-container.board-box .cl-container.board-list .cl-output.list-tit-type {
    /* 긴급 스타일 */
  }
  .cl-container.home .cl-container.content-area2 .cl-container.board-box .cl-container.board-list .cl-output.list-tit-type.urgent {
    background: url("images/com/dashbod/ic_list_danger.png") no-repeat left top;
    width: 50px !important;
    height: 25px !important;
    margin-right: 0px;
  }
  .cl-container.home .cl-container.content-area2 .cl-container.board-box .cl-container.board-list .cl-output.tit {
    margin-top: 8px;
    font-size: 17px;
  }
  .cl-container.home .cl-container.content-area2 .cl-container.board-box .cl-container.board-list .cl-output.tit .cl-text span.new {
    width: 16px;
    height: 16px;
    background: url("images/com/dashbod/ic_new_mb.png") no-repeat center;
  }
  .cl-container.home .cl-container.content-area2 .cl-container.board-box .cl-container.board-list .cl-output.tit .cl-text span.file {
    width: 16px;
    height: 16px;
    background-size: 16px;
  }
  .cl-container.home .cl-container.content-area2 .cl-container.board-box .cl-container.board-list .cl-output.date .cl-text {
    line-height: 1.5;
  }
  .cl-container.home .cl-container.content-area2 .cl-container.board-box .cl-container.board-list .cl-container.tit-wrap > .cl-layout > .cl-layout-content:has(.noti) {
    display: inline-block !important;
  }
  .cl-container.home .cl-container.content-area2 .cl-container.board-box .cl-container.board-list .cl-container.tit-wrap > .cl-layout > .cl-layout-content:has(.noti) .noti {
    margin-bottom: 0;
    margin-top: 4px;
  }
  .cl-container.home .cl-container.content-area2 .cl-container.noti-card1,
  .cl-container.home .cl-container.content-area2 .cl-container.noti-card2 {
    border-radius: 20px;
    background-position: top 32px left 24px;
    background-size: 40px;
    padding: 108px 24px 24px 24px;
  }
  .cl-container.home .cl-container.content-area2 .cl-container.noti-card1 .cl-output.text,
  .cl-container.home .cl-container.content-area2 .cl-container.noti-card2 .cl-output.text {
    font-size: 15px;
  }
  .cl-container.home .cl-container.content-area2 .cl-container.noti-card1 .cl-output.text .cl-text,
  .cl-container.home .cl-container.content-area2 .cl-container.noti-card2 .cl-output.text .cl-text {
    line-height: 21px;
  }
  .cl-container.home .cl-container.content-area2 .cl-container.noti-card2 {
    margin-left: 12px;
  }
  .cl-container.home .cl-container.no-data-box {
    border-radius: 20px;
    padding: 24px;
  }
  .cl-container.home .cl-container.no-data-box .cl-output.no-data-msg {
    font-size: 17px;
    background-size: 120px;
    padding-top: 136px;
  }
  .cl-container.home .cl-container.no-data-box .cl-output.no-data-msg .cl-text {
    word-break: keep-all !important;
    line-height: 1.5;
  }
  .cl-container.home .cl-embeddedpage.emp-map {
    border-radius: 20px;
  }
  .cl-container.error-page .cl-output.img-error {
    background-size: 240px 198px;
    height: 198px !important;
  }
  .cl-container.error-page .cl-output.img-error2 {
    background: url("images/com/content/img_isolation_mb.png") no-repeat center;
    height: 198px !important;
  }
  .cl-container.error-page .cl-output.servise-txt {
    font-size: 25px;
  }
  .cl-container.service-preparing-page .cl-output.img-service-preparing {
    background-size: 240px 198px;
    height: 198px !important;
  }
  .cl-container.service-preparing-page .cl-output.servise-txt {
    font-size: 25px !important;
    font-weight: 700 !important;
  }
  .cl-container.service-preparing-page .cl-output.servise-txt .cl-text {
    line-height: 32.5px !important;
  }
  .cl-container.notice-popup-page {
    padding: 0px;
  }
  .cl-container.notice-popup-page .cl-output.title-txt {
    font-size: 32px;
    margin-bottom: -4px;
  }
  .cl-container.notice-popup-page .cl-output.msg-txt {
    font-size: 21px;
  }
  .cl-container.notice-popup-page .cl-output.msg-txt .cl-text {
    line-height: 1.2;
  }
  .cl-container.notice-popup-page .cl-output.msg-sub-txt {
    font-size: 17px;
    font-weight: 500;
  }
  .cl-container.notice-popup-page .cl-output.msg-sub-txt .cl-text span {
    box-shadow: inset 0 -14px 0 #f97540;
  }
  .cl-container.notice-popup-page .cl-image.slide-img {
    z-index: -1 !important;
  }
  .cl-container.notice-popup-page .cl-container.notice-slide {
    padding: 32px 130px 32px 20px;
    min-height: 280px;
  }
  .cl-container.notice-popup-footer {
    border: none;
  }
  .cl-container.popular-banner.mb {
    background: #e8eeff url("images/controls/image/img-popular-banner.png") no-repeat right 14px bottom/106px 109px;
  }
  .cl-container.popular-banner2 {
    background-size: 130px 166px;
    background-position: right -20px top 57px;
    border-radius: 20px;
  }
  .cl-container.popular-banner2 .cl-output {
    font-size: 15px;
  }
  .cl-container.popular-banner2 .cl-output.title {
    font-size: 25px;
  }
  .cl-container.popular-banner2 .cl-output.title .cl-text {
    line-height: 1.5;
  }
  .cl-container.popular-banner2 .cl-button.btn-i-right .cl-icon {
    background-image: url("images/controls/button/ic_btn_right_b_12.svg") !important;
    width: 12px;
    height: 12px;
    background-size: 12px;
  }
  .cl-container.popular-banner2 .cl-button.btn-i-right.cl-icon-align-right .cl-icon {
    margin: 0 0 0 4px;
  }
  .cl-container.popular-banner2.type2 {
    background-size: 116px 214px;
    background-position: right top 30px;
  }
  .cl-container.popular-banner2.type3 {
    background-size: 19%;
  }
  .cl-output.info-connent-img {
    font-size: 25px;
    padding-top: 176px;
    padding-left: 20px;
    padding-right: 20px;
    background-position-y: 40px;
    background-size: 120px;
    vertical-align: top;
  }
  .cl-output.step-check {
    font-size: 25px;
    padding-top: 136px;
    background-size: 120px !important;
  }
  .cl-layout-wrap.sticky {
    position: sticky !important;
    top: 56px;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: #FFFFFF;
  }
  .cl-container.integrated-search-l .cl-container.itme-wrap .cl-layout-wrap.item-wrap,
  .cl-container.integrated-search .cl-container.itme-wrap .cl-layout-wrap.item-wrap {
    margin: 8px 0 0 8px !important;
  }
  .cl-container.integrated-search-l .cl-container.itme-wrap .cl-output,
  .cl-container.integrated-search .cl-container.itme-wrap .cl-output {
    font-size: 17px;
  }
  .cl-container.integrated-search-l .cl-output.no-data.sm,
  .cl-container.integrated-search .cl-output.no-data.sm {
    font-size: 17px;
    margin-top: 28px;
  }
  .cl-container.integrated-search-l .cl-container.round-item .cl-output,
  .cl-container.integrated-search .cl-container.round-item .cl-output {
    font-size: 15px;
    min-height: 38px !important;
  }
  .cl-container.integrated-search-l .cl-button.btn-rounded-tag,
  .cl-container.integrated-search .cl-button.btn-rounded-tag {
    font-size: 15px;
  }
  .cl-container.integrated-search-l .cl-button.btn-rounded-tag .cl-text-wrapper,
  .cl-container.integrated-search .cl-button.btn-rounded-tag .cl-text-wrapper {
    min-height: 38px;
  }
  .cl-container.integrated-search-l .cl-container.pop-content-body {
    padding: 20px 0 0 0;
  }
  .cl-container.integrated-search-l .cl-container.pop-content-body .cl-container.content-section.p-0 {
    padding: 0 20px !important;
  }
  .cl-container.integrated-search-l .cl-searchinput.search-total {
    height: 56px !important;
    font-size: 17px;
  }
  .cl-container.integrated-search-l .cl-searchinput.search-total .cl-text {
    padding-left: 16px;
  }
  .cl-container.integrated-search-l .cl-searchinput.search-total .cl-searchinput-search {
    margin-right: 16px;
    width: 24px;
    background-size: auto;
  }
  .cl-container.integrated-search-l .cl-container.popular-searches > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-first-row) {
    margin-top: 12px !important;
  }
  .cl-container.integrated-search-l .cl-container.popular-searches .cl-container.keywards .cl-output,
  .cl-container.integrated-search-l .cl-container.popular-searches .cl-container.keywards .cl-button {
    font-size: 17px;
  }
  .cl-container.integrated-search .cl-container.scr-filter-box {
    padding: 20px !important;
  }
  .cl-container.integrated-search .cl-container.scr-filter-box > .cl-layout {
    z-index: unset;
  }
  .cl-container.integrated-search .cl-container.scr-filter-box:after,
  .cl-container.integrated-search .cl-container.scr-filter-box:before {
    display: none;
  }
  .cl-container.integrated-search .cl-output.result-txt {
    font-size: 21px;
  }
  .cl-container.integrated-search .cl-output.result-txt .cl-text {
    line-height: 1.5;
  }
  .cl-container.integrated-search .cl-container.result-box-wrap {
    padding: 40px 0;
  }
  .cl-container.integrated-search .cl-container.result-box {
    /* 타이틀 형 리스트  */
  }
  .cl-container.integrated-search .cl-container.result-box .cl-output.box-tit {
    font-size: 21px;
  }
  .cl-container.integrated-search .cl-container.result-box .cl-output.box-tit .cl-text {
    line-height: 1.5;
  }
  .cl-container.integrated-search .cl-container.result-box .cl-button.btn-i-more {
    height: 48px !important;
    font-size: 15px;
  }
  .cl-container.integrated-search .cl-container.result-box .cl-button.btn-i-more.cl-icon-align-right .cl-icon {
    margin: 0 0 0 8px;
  }
  .cl-container.integrated-search .cl-container.result-box .cl-container.result-list .cl-output.list-tit,
  .cl-container.integrated-search .cl-container.result-box .cl-container.result-list .cl-button.list-tit {
    font-size: 17px;
  }
  .cl-container.integrated-search .cl-container.result-box .cl-container.result-list .cl-output.txt {
    font-size: 15px;
    margin-top: 0px;
  }
  .cl-container.address-search {
    /* 검색결과 텍스트 */
    /* 주소 예시 박스 */
    /* 주소 검색 리스트 박스 */
    /* 상세 주소 입력 화면 */
  }
  .cl-container.address-search .cl-container.pop-content-body {
    padding: 20px;
  }
  .cl-container.address-search .heading-txt2 {
    margin-bottom: 4px;
  }
  .cl-container.address-search .cl-output.total-txt {
    font-size: 17px;
  }
  .cl-container.address-search .cl-container.address-ex-box {
    padding-top: 32px;
  }
  .cl-container.address-search .cl-container.address-ex-box .cl-output.ex-tit {
    font-size: 15px;
  }
  .cl-container.address-search .cl-container.address-list {
    padding: 29px 0;
    /* 우편번호 */
  }
  .cl-container.address-search .cl-container.address-list .cl-output.postal-code {
    font-size: 17px;
  }
  .cl-container.address-search .cl-container.address-list .cl-output.address-txt {
    font-size: 17px;
  }
  .cl-container.address-search .cl-button.btn-i-reset.text-primary {
    font-size: 15px;
  }
  .cl-container.address-search .cl-button.btn-i-reset.text-primary.cl-icon-align-left .cl-icon {
    margin: 0 4px 0 0;
  }
  .cl-container.address-village-search {
    /* 검색결과 텍스트 */
  }
  .cl-container.address-village-search .cl-container.pop-content-body {
    padding: 20px;
  }
  .cl-container.address-village-search .heading-txt2 {
    margin-bottom: 4px;
  }
  .cl-container.address-village-search .cl-output.total-txt {
    font-size: 17px;
  }
  .cl-container.address-village-search .village-list .cl-button {
    font-size: 17px;
    padding: 8px 36px 8px 20px;
    background-size: 16px !important;
    min-height: 42px;
  }
  .cl-container.item-list-search .cl-output.guide-txt {
    font-size: 13px;
    text-align: left;
    margin-top: -24px;
  }
  .cl-container.item-list-search .cl-container.sample-item-box {
    max-width: none;
  }
  .cl-container.item-list-search .cl-container.item-result-box .cl-button {
    font-size: 17px;
    padding: 0 36px 0 20px;
    background-size: 16px !important;
    min-height: 42px;
  }
  .cl-container.item-list-search .cl-output.total {
    font-size: 17px;
  }
  .cl-container.item-list-search .cl-button.btn-i-more {
    height: 48px !important;
  }
  .cl-container.item-list-search .cl-layout-wrap.sticky-wrap {
    padding: 24px 0;
  }
  .cl-container.bank-company-search .cl-container.pop-content-body {
    padding: 0 20px 20px 20px;
  }
  .cl-container.bank-company-search .cl-container.pop-content-body .cl-tabfolder.tab-header-sticky .cl-container.tab-content-wrapper > .cl-layout > .cl-layout-content > .cl-layout-margin.cl-layout-margin-top {
    height: 20px !important;
  }
  .cl-container.farming-technology .cl-container.pop-content-body .cl-container.choice-list .cl-output.list-tit {
    font-size: 19px;
    padding-bottom: 12px;
  }
  .cl-container.farming-technology .cl-container.pop-content-body .cl-container.choice-list .cl-output.list-tit .cl-text {
    line-height: 1.5;
  }
  .fs-32-25 {
    font-size: 25px;
  }
  .fs-32-21 {
    font-size: 21px;
  }
  .fs-32-19 {
    font-size: 19px;
  }
  .fs-32-17 {
    font-size: 17px;
  }
  .fs-32-15 {
    font-size: 15px;
  }
  .fs-25-19 {
    font-size: 19px;
  }
  .fs-25-17 {
    font-size: 17px;
  }
  .fs-25-15 {
    font-size: 15px;
  }
  .fs-21-17 {
    font-size: 17px;
  }
  .fs-21-15 {
    font-size: 15px;
  }
  .fs-19-15 {
    font-size: 15px;
  }
  .cl-output.info-txt.fs-lg {
    background-position: left top 4px;
  }
  .cl-output.info-txt.fs-base {
    padding-left: 22px;
    background-size: 14px;
    background-position: left top 4px;
  }
  .cl-output.info-txt.align-top {
    background-position-y: 5px;
  }
  .cl-output.info-txt.dot-top.fs-lg {
    background-position: left top 4px;
  }
  .cl-output.dot-txt {
    background-position: left top 9px;
  }
  .cl-output.dot-txt.fs-lg {
    background-position: left top 10.5px;
  }
  .cl-output.dot-txt.fs-md {
    background-position: left top 7.5px;
  }
  .cl-output.dot-txt.fs-xl {
    background-position: left top 11.5px;
  }
  .cl-htmlsnippet.dot-txt {
    background-position: left top 9px;
  }
  .cl-htmlsnippet.dot-txt.fs-lg {
    background-position: left top 10.5px;
  }
  .cl-htmlsnippet.dot-txt.fs-md {
    background-position: left top 7.5px;
  }
  .cl-htmlsnippet.dot-txt.fs-xl {
    background-position: left top 11.5px;
  }
  .cl-output.dot-txt2 {
    background-position: left top 9px;
  }
  .cl-output.dot-txt2.fs-lg {
    background-position: left top 10.5px;
  }
  .cl-output.dot-txt2.fs-md {
    background-position: left top 7.5px;
  }
  .cl-output.dot-txt2.fs-xl {
    background-position: left top 11.5px;
  }
  .cl-htmlsnippet.dot-txt2 {
    background-position: left top 9px;
  }
  .cl-htmlsnippet.dot-txt2.fs-lg {
    background-position: left top 10.5px;
  }
  .cl-htmlsnippet.dot-txt2.fs-md {
    background-position: left top 7.5px;
  }
  .cl-htmlsnippet.dot-txt2.fs-xl {
    background-position: left top 11.5px;
  }
  .cl-container.msg-box {
    padding: 10px 20px;
  }
  .cl-container.msg-box .cl-output.info-txt {
    font-size: 15px;
    background-position: left top 3.5px;
  }
  .cl-output.bu-info-tit {
    font-size: 25px;
    margin-top: -8px;
  }
  .cl-output.heading-txt {
    font-size: 25px;
  }
  .cl-output.heading-txt .cl-text {
    line-height: 32.5px;
  }
  .cl-output.heading-txt2 {
    font-size: 25px;
  }
  .cl-output.heading-txt3 {
    font-size: 21px;
  }
  .cl-output.heading-txt3.fs-32-25 {
    font-size: 25px;
  }
  .cl-output.heading-txt3 .cl-text {
    line-height: 1.5;
  }
  .cl-output .cl-text span.file,
  .cl-output .cl-text span.recent {
    padding-right: 24px;
    background-size: 16px;
  }
  .cl-output.no-data {
    background-size: 32px;
    font-size: 17px;
    padding-top: 44px;
  }
  .cl-output.no-data .cl-text {
    line-height: 1.5;
  }
  .cl-output.no-data.middle > div .cl-text {
    background-size: 32px;
    padding-top: 44px;
  }
  .cl-output.no-data.emph {
    background-size: 60px;
    font-size: 25px;
    padding-top: 76px;
  }
  .cl-output.img-pleasure-txt,
  .cl-output.img-sad-txt,
  .cl-output.img-tear-txt,
  .cl-output.img-complete-txt,
  .cl-output.img-apologize-txt {
    background-size: 120px;
    padding-top: 136px;
    font-size: 25px;
  }
  .cl-container.bu-info {
    padding: 24px;
  }
  .cl-container.bu-info .form-base .cl-output {
    font-size: 15px;
  }
  .cl-container.bu-info-btn-group .cl-button {
    min-width: 0px;
  }
  .cl-container.mypage {
    /* 농업기상재해 */
    /* 보조금 박스 스타일 */
  }
  .cl-container.mypage .cl-container.top-banner1 {
    border-radius: 20px;
    /* 상태 뱃지 */
  }
  .cl-container.mypage .cl-container.top-banner1 .cl-output.status {
    padding: 4px 12px;
    font-size: 13px;
  }
  .cl-container.mypage .cl-container.top-banner1 .cl-output.name {
    font-size: 32px;
  }
  .cl-container.mypage .cl-container.top-banner1 .cl-output.name .cl-text {
    line-height: 1;
  }
  .cl-container.mypage .cl-container.top-banner1 .cl-container.info-box:before {
    content: "";
    position: absolute;
    top: calc(100% - 1px);
    right: 24px;
    left: 24px;
    background-color: rgba(255, 255, 255, 0.1);
    height: 1px;
  }
  .cl-container.mypage .cl-container.top-banner1 .cl-container.info-box .cl-output {
    font-size: 17px;
  }
  .cl-container.mypage .cl-container.top-banner1 .cl-container.info-box .cl-output.align-top .cl-text {
    line-height: 20px !important;
  }
  .cl-container.mypage .cl-container.top-banner1 .cl-container.info-box .cl-output.address .cl-text {
    line-height: 20px !important;
  }
  .cl-container.mypage .cl-container.top-banner1 .cl-container.summary-box .cl-output.tit {
    font-size: 17px;
  }
  .cl-container.mypage .cl-container.top-banner1 .cl-container.info-box2 .cl-output.label {
    font-size: 15px;
  }
  .cl-container.mypage .cl-container.top-banner1 .cl-container.info-box2 .cl-output.data {
    font-size: 21px;
  }
  .cl-container.mypage .cl-container.top-banner1 .cl-container.sub-info-box {
    padding-top: 16px;
  }
  .cl-container.mypage .cl-container.top-banner1 .cl-container.sub-info-box .cl-output {
    text-align: right;
  }
  .cl-container.mypage .cl-container.top-banner1 .cl-container.sub-info-box .cl-button.btn-go2 {
    font-size: 15px;
  }
  .cl-container.mypage .cl-container.top-banner1 .cl-container.sub-info-box .cl-button.btn-go2 .cl-icon {
    width: 14px;
    height: 14px;
    background-size: 14px;
  }
  .cl-container.mypage .cl-container.top-banner1 .cl-output.no-msg {
    background: url("images/controls/image/img_nodata.png") no-repeat center;
    background-position-y: calc(50% - 22px);
    background-size: 32px 32px;
    min-height: 118px;
    padding-top: 44px;
    font-size: 17px;
    font-weight: 500;
  }
  .cl-container.mypage .cl-container.top-banner2 {
    border-radius: 20px;
    padding: 20px 95px 20px 20px;
    background-size: 85px 72px;
    background-position: right 12px center;
  }
  .cl-container.mypage .cl-container.top-banner2 .cl-output.tit {
    font-size: 15px;
    font-weight: 400;
  }
  .cl-container.mypage .cl-container.top-banner2 .cl-output.tit .cl-text {
    line-height: 1.3;
  }
  .cl-container.mypage .cl-container.top-banner2 .cl-output.text {
    font-weight: 700;
    font-size: 17px;
  }
  .cl-container.mypage .cl-container.weather-disaster-box {
    border-radius: 20px;
    padding: 20px;
    /* 재해정보 메인 보드 */
    /* 재해정보 상세정보 영역 */
  }
  .cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-board {
    min-width: 0px;
  }
  .cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-board .cl-button.btn-set {
    min-width: 48px;
    height: 28px;
  }
  .cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-detail {
    padding: 20px;
    border-radius: 12px;
    /* 재해정보 테이블 */
    /* 날씨정보 테이블 */
  }
  .cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.weather-table {
    padding-right: 0;
  }
  .cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.weather-table .cl-output {
    min-height: 23px;
    font-weight: 700;
  }
  .cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.weather-table .cl-output .cl-text span:not(.unit) {
    background-image: none !important;
    padding-left: 0;
    font-weight: 400;
    min-width: 52px;
  }
  .cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.weather-table .cl-output .cl-text span.unit {
    font-size: 13px;
    margin-left: 2px;
  }
  .cl-container.mypage .cl-container.weather-disaster-box .cl-container.content-detail .cl-container.btn-group {
    margin-top: 8px;
  }
  .cl-container.mypage .cl-container.subsidy-box {
    margin-top: 4px;
  }
  .cl-container.mypage .cl-container.subsidy-box .cl-output.tit {
    padding-left: 24px;
    background-size: 20px;
  }
  .cl-container.mypage .cl-container.subsidy-box .cl-output.num-data {
    text-align: center;
  }
  .cl-container.mypage .fs-40-25 {
    font-size: 25px !important;
  }
  .cl-container.mypage .cl-button.btn-i-more2 {
    border: 1px solid #DDDDDD;
    border-radius: 8px;
  }
  .cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content1,
  .cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content2,
  .cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content3 {
    border-radius: 20px;
    padding: 32px;
  }
  .cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content1 .cl-output.guide-txt,
  .cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content2 .cl-output.guide-txt,
  .cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content3 .cl-output.guide-txt {
    font-size: 17px;
  }
  .cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content1 .cl-container.menu-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-last-row),
  .cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content2 .cl-container.menu-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-last-row),
  .cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content3 .cl-container.menu-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-last-row) {
    padding-bottom: 20px;
  }
  .cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content1 .cl-container.menu-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-first-row),
  .cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content2 .cl-container.menu-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-first-row),
  .cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content3 .cl-container.menu-box > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-first-row) {
    padding-top: 20px;
  }
  .cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content1 .cl-container.menu-box .cl-button,
  .cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content2 .cl-container.menu-box .cl-button,
  .cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content3 .cl-container.menu-box .cl-button {
    min-height: 24px;
    font-size: 19px;
    background-size: 24px;
    padding-left: 40px;
  }
  .cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content1 {
    background-position: top 32px left 32px;
    background-size: 48px;
    padding-top: 104px;
    /* 확인서 버튼 */
  }
  .cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content1 .cl-control {
    color: #FFFFFF;
  }
  .cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content1 .cl-output {
    text-align: left !important;
  }
  .cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content1 .cl-output.guide-txt {
    padding: 0px;
  }
  .cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content1 .cl-container.btn-wrap > .cl-layout > .cl-layout-content {
    text-align: left !important;
  }
  .cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content1 .btn-confirm {
    min-height: 0;
    height: 38px !important;
    min-width: 120px;
    font-size: 15px;
  }
  .cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content3 {
    padding: 25px 20px;
    /* 확인서 버튼 */
  }
  .cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content3 .cl-output.banner-tit {
    font-size: 19px;
    font-weight: 600;
    text-align: left;
    background: url("images/com/content/img_banner_logo.svg") no-repeat left center/32px;
    padding-top: 0px;
    padding-left: 46px;
  }
  .cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content3 .cl-output.banner-tit .cl-text {
    line-height: 1.5;
  }
  .cl-container.mypage .cl-container.bottom-banner .cl-container.banner-content3 .cl-button.btn-confirm {
    margin-top: 0px;
    min-height: 34px;
    font-size: 15px;
    padding: 0 11px;
    justify-self: right !important;
  }
  .cl-container.login-cta-area {
    background-position: right 20px bottom !important;
    background-size: 169px 128px;
    /* 페이지 설명 성격의 텍스트 */
    /* 공익직불제 */
    /* 농업인 교육 */
    /* 이의 신청 */
    /* 농식품콘텐츠 */
    /* 직불제 */
  }
  .cl-container.login-cta-area .cl-output.intro-txt {
    font-size: 25px;
  }
  .cl-container.login-cta-area .cl-button.btn-action {
    min-height: 0px;
    border-width: 0 0 1px 0;
    border-radius: 0;
    background-color: transparent !important;
    font-size: 15px;
    font-weight: 600;
    text-align: left;
    padding: 0;
    border-color: #111111 !important;
    color: #111111 !important;
  }
  .cl-container.login-cta-area .cl-button.btn-action .cl-text {
    line-height: 1.3 !important;
  }
  .cl-container.login-cta-area.po {
    background-size: 174px 161px;
    background-position: right bottom;
  }
  .cl-container.login-cta-area.pay-sys {
    background-size: 195px 180px;
    background-position: right bottom !important;
  }
  .cl-container.login-cta-area.pay-sys2 {
    background-size: 234px 180px;
    background-position: center bottom !important;
  }
  .cl-container.login-cta-area.pay-sys3 {
    background-size: 196px 180px;
    background-position: right 20px bottom !important;
  }
  .cl-container.login-cta-area.pay-sys4 {
    background-size: 198px 180px;
    background-position: center bottom !important;
  }
  .cl-container.login-cta-area.pay-sys5 {
    background-size: 194px 180px;
    background-position: center bottom !important;
  }
  .cl-container.login-cta-area.pay-sys6 {
    background-size: 215px 180px;
    background-position: right 0px bottom !important;
  }
  .cl-container.login-cta-area.noti {
    background-size: 212px 180px;
    background-position: right 0px bottom !important;
  }
  .cl-container.login-cta-area.apply {
    background-size: 190px 180px !important;
    background-position: right 0px bottom !important;
  }
  .cl-container.login-cta-area.illegal {
    background-size: 192px 180px !important;
    background-position: center bottom !important;
  }
  .cl-container.login-cta-area.edu {
    background-size: 192px 180px !important;
    background-position: center bottom !important;
  }
  .cl-container.login-cta-area.appeal {
    background-size: 195px 180px !important;
    background-position: right 20px bottom !important;
  }
  .cl-container.login-cta-area.contents {
    background: none;
  }
  .cl-container.login-cta-area.payment {
    padding-bottom: 220px !important;
    background-position: center bottom !important;
    background-size: 320px 180px;
  }
  .cl-container.bu-detail-tab-box {
    background-color: transparent;
    border-radius: 0;
  }
  .cl-container.bu-detail-tab-box .cl-output.tab-tit1,
  .cl-container.bu-detail-tab-box .cl-output.tab-tit2,
  .cl-container.bu-detail-tab-box .cl-output.tab-tit3,
  .cl-container.bu-detail-tab-box .cl-output.tab-tit4,
  .cl-container.bu-detail-tab-box .cl-output.tab-tit5 {
    font-size: 25px;
    padding-left: 32px;
    background-size: 24px;
  }
  .cl-container.bu-detail-tab-box .cl-output {
    font-size: 17px;
  }
  .cl-container.bu-detail-tab-box .cl-output.sub-tit {
    font-size: 21px;
  }
  .cl-container.bu-detail-tab-box .cl-container.content-box {
    padding-bottom: 0;
    border-bottom: none;
    border-radius: 20px;
    background-color: #FFFFFF;
  }
  .cl-container.bu-detail-tab-box .cl-output.sub-tit-2 {
    padding-bottom: 12px;
    font-size: 15px;
    min-height: 48px;
  }
  .cl-output.bu-info-detail-tit {
    font-size: 25px;
    font-weight: 600;
  }
  .cl-output.bu-info-detail-tit .cl-text {
    display: table-cell !important;
  }
  .cl-container.eb-banner-box1 .cl-output,
  .cl-container.eb-banner-box2 .cl-output {
    font-size: 19px;
  }
  .cl-container.eb-banner-box1 .cl-button.btn-i-right,
  .cl-container.eb-banner-box2 .cl-button.btn-i-right {
    font-size: 17px;
  }
  .cl-container.eb-banner-box1 {
    background-size: 77px 96px;
    background-position: right 2px bottom -24px;
  }
  .cl-container.eb-banner-box2 {
    background-size: 124px 56px;
    background-position: right -8px bottom;
  }
  .cl-container.kit-box {
    background-image: url("images/controls/image/img_kit_mobile.png");
    background-size: 115px 140px;
    min-height: 140px;
    background-repeat: no-repeat;
    background-position: right -5px bottom -15px;
  }
  .cl-container.support-guide-box {
    border-radius: 20px;
    padding: 24px 20px 24px 96px;
    background-position: left 20px top 24px;
    background-size: 60px;
  }
  .cl-container.support-guide-box2 {
    border-radius: 20px;
    padding: 24px 20px 24px 92px;
    background-position: left 20px top 24px;
    background-size: 60px;
  }
  .cl-container.support-guide-box2 .cl-output.heading-tit {
    font-weight: 500;
    font-size: 17px;
  }
  .cl-container.support-guide-box2 .cl-output.heading-tit .cl-text {
    line-height: 1.5;
  }
  .cl-button.btn-for-go {
    padding: 24px 16px 100px 24px;
    min-height: 182px;
    font-size: 19px;
    border-radius: 20px;
    background-size: 64px;
    background-position: right 16px bottom 16px;
  }
  .cl-button.btn-for-go .cl-text {
    line-height: 1.3 !important;
  }
  .cl-button.btn-for-go .cl-text span {
    display: none !important;
  }
  .cl-button.btn-for-go-secondary {
    padding: 24px 16px 89px 24px;
    min-height: 182px;
    font-size: 19px;
    border-radius: 20px;
    background-size: 64px;
    background-position: right 16px bottom 16px;
  }
  .cl-button.btn-for-go-secondary .cl-text {
    line-height: 1.3 !important;
  }
  .cl-button.btn-for-go-secondary .cl-text span.title {
    display: block;
    font-size: 19px;
    margin-top: 4px;
    line-height: 1.5;
  }
  .cl-button.btn-for-go-secondary .cl-text span.sub {
    display: none !important;
  }
  .cl-container.for-go-to-secondary-box {
    background-position: top 24px right 24px;
    background-size: 64px;
    border: none;
    border-radius: 20px;
    padding: 24px;
  }
  .cl-container.for-go-to-secondary-box .cl-output {
    font-size: 19px;
    padding-right: 80px;
  }
  .cl-container.for-go-to-secondary-box .cl-output .cl-text {
    line-height: 1.5;
  }
  .cl-container.for-go-to-secondary-box .cl-output .cl-text span.title {
    display: block;
    font-size: 19px;
    line-height: 1.5;
  }
  .cl-container.for-go-to-secondary-box .cl-output .cl-text span.sub {
    display: none !important;
  }
  .cl-button.btn-for-go2 {
    min-height: 200px;
    padding: 24px;
    font-size: 25px;
    border-radius: 20px;
    background-position: right 20px bottom 20px;
    background-size: 56px;
  }
  .cl-button.btn-for-go2 .cl-text span {
    margin-top: 10px;
    font-size: 17px;
  }
  .cl-button.btn-for-go2.easy,
  .cl-button.btn-for-go2.judge,
  .cl-button.btn-for-go2.history,
  .cl-button.btn-for-go2.cube {
    background-position: right 24px bottom 24px;
  }
  .cl-button.btn-for-go2:not(.cl-disabled):hover:before,
  .cl-button.btn-for-go2:not(.cl-disabled).cl-activated:before,
  .cl-button.btn-for-go2:not(.cl-disabled):active:before {
    position: absolute;
    content: "";
    background-size: 180px 87px;
    width: 180px;
    height: 87px;
    bottom: 22px;
    right: -10px;
  }
  .cl-button.btn-for-go2:not(.cl-activated):hover {
    background-color: #FFFFFF;
    color: #FF5200;
  }
  .cl-button.btn-for-go2:not(.cl-activated):hover .cl-text span {
    color: #111111;
  }
  .cl-button.btn-for-go2:not(.cl-activated):hover.together {
    background-image: url("images/com/content/ic_btn_go2_together.png");
  }
  .cl-button.btn-for-go2:not(.cl-activated):hover.add {
    background-image: url("images/com/content/ic_btn_go2_add.png");
  }
  .cl-button.btn-for-go2:not(.cl-activated):hover.check {
    background-image: url("images/com/content/ic_btn_go2_check.png");
  }
  .cl-button.btn-for-go2:not(.cl-activated):hover.cube {
    background-image: url("images/com/content/ic_btn_go2_cube.png");
  }
  .cl-button.btn-for-go2:not(.cl-activated):hover.easy {
    background-image: url("images/com/content/ic_btn_go2_easy.png");
  }
  .cl-button.btn-for-go2:not(.cl-activated):hover.faq {
    background-image: url("images/com/content/ic_btn_go2_faq.png");
  }
  .cl-button.btn-for-go2:not(.cl-activated):hover.guide {
    background-image: url("images/com/content/ic_btn_go2_guide.png");
  }
  .cl-button.btn-for-go2:not(.cl-activated):hover.history {
    background-image: url("images/com/content/ic_btn_go2_history.png");
  }
  .cl-button.btn-for-go2:not(.cl-activated):hover.judge {
    background-image: url("images/com/content/ic_btn_go2_judge.png");
  }
  .cl-button.btn-for-go2:not(.cl-activated):hover.niti {
    background-image: url("images/com/content/ic_btn_go2_niti.png");
  }
  .cl-button.btn-for-go3 {
    font-size: 17px;
    min-height: 48px;
  }
  .cl-button.btn-for-go3 .cl-text {
    background: url("images/controls/button/ic_btn_right_16_bold.svg") no-repeat right center !important;
  }
  .cl-button.btn-for-go3 .cl-text span {
    font-size: 15px;
    margin-bottom: 4px;
  }
  .cl-button.btn-for-go4 {
    font-size: 17px;
    padding: 20px;
    border-radius: 20px;
  }
  .cl-button.btn-for-go4 .cl-text {
    background-size: 24px !important;
  }
  .cl-button.btn-for-go4 .cl-text span {
    font-size: 15px;
    margin-top: 8px;
  }
  .cl-button.btn-calculate {
    padding: 25px 24px 21px 24px;
    min-height: 96px;
    font-size: 21px;
    border-radius: 20px;
    background-size: 95px 74px;
    background-position: right 25px bottom;
  }
  .cl-button.btn-calculate .cl-text span {
    display: none !important;
  }
  .cl-button.btn-calculate2 {
    background-position: right 0px bottom;
    background-size: 89px 72px;
    border-radius: 20px;
    font-size: 19px;
    padding: 20.5px 35px;
    min-height: 93px;
  }
  .cl-button.btn-calculate2 .cl-text span {
    margin-bottom: 8px;
    font-size: 15px;
  }
  .cl-container.white-box {
    padding: 16px 20px;
  }
  .cl-container.white-box .cl-output.num1 .cl-text,
  .cl-container.white-box .cl-output.num2 .cl-text,
  .cl-container.white-box .cl-output.num3 .cl-text,
  .cl-container.white-box .cl-output.num4 .cl-text,
  .cl-container.white-box .cl-output.num5 .cl-text,
  .cl-container.white-box .cl-output.num6 .cl-text {
    line-height: 23px;
  }
  .cl-container.white-box .cl-output.num1:before,
  .cl-container.white-box .cl-output.num2:before,
  .cl-container.white-box .cl-output.num3:before,
  .cl-container.white-box .cl-output.num4:before,
  .cl-container.white-box .cl-output.num5:before,
  .cl-container.white-box .cl-output.num6:before {
    top: 1.5px;
  }
  .cl-container.noti-list {
    padding: 0 0 24px 0;
    border-width: 0px 0px 1px 0;
    /* 타이틀 */
    /* 긴급 상태 */
  }
  .cl-container.noti-list .cl-output.title {
    font-size: 21px;
  }
  .cl-container.noti-list .cl-output.title .cl-text {
    line-height: 1.5;
  }
  .cl-container.noti-list .cl-output.status-danger {
    padding: 6px 12px;
    font-size: 15px;
  }
  .cl-container.noti-list .cl-output.status-default {
    padding-top: 0px;
    font-size: 17px;
  }
  .cl-container.noti-list-pagenation {
    padding: 20px 0;
  }
  .cl-container.noti-list-pagenation .cl-output.title {
    font-size: 17px;
  }
  .cl-container.post-box-grp {
    padding: 24px;
    border-radius: 20px;
    /* 아웃풋 체크 이미지*/
    /* 확인해주세요. 타이틀 스타일 */
  }
  .cl-container.post-box-grp .cl-htmlsnippet.img-scheck,
  .cl-container.post-box-grp .cl-output.img-scheck {
    background-position-x: 0;
    background-position: left top 3px;
    font-size: 15px;
  }
  .cl-container.post-box-grp .cl-htmlsnippet.img-scheck button,
  .cl-container.post-box-grp .cl-output.img-scheck button {
    font-size: 15px;
  }
  .cl-container.post-box-grp .cl-output.post-label {
    font-size: 21px;
    margin-bottom: 8px;
  }
  .cl-container.top-stepper .cl-container.stepper-item {
    /* 모바일에서는 라벨 영역 숨김 */
  }
  .cl-container.top-stepper .cl-container.stepper-item > .cl-layout > .cl-layout-content > .cl-layout-wrap.cl-last-row:has(.label-box) {
    display: none !important;
  }
  .cl-container.sign-up {
    /* 폼 형식들어가는 컨텐츠 박스 스타일 */
  }
  .cl-container.sign-up .cl-container.top-stepper {
    margin-bottom: 24px;
  }
  .cl-container.sign-up .cl-container.sign-up-btn-box {
    border-radius: 12px;
    padding: 22.5px;
  }
  .cl-container.sign-up .cl-container.sign-up-btn-box .cl-output.tit {
    padding-left: 48px;
    padding-bottom: 16px;
    font-size: 21px;
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: -4px;
  }
  .cl-container.sign-up .cl-container.sign-up-btn-box .cl-output {
    margin-left: 0px;
  }
  .cl-container.sign-up .cl-container.sign-up-content {
    border: none;
    padding-top: 0;
    padding-bottom: 0;
  }
  .cl-container.sign-up .cl-container.sign-up-content.content-section .cl-tabfolder.tab-auto.mobile-fill .cl-tabfolder-header {
    padding: 0;
  }
  .cl-container.sign-up .cl-container.sign-up-content.content-section .cl-container.content-section {
    padding-left: 0;
    padding-right: 0;
  }
  .cl-container.simple-password {
    padding: 40px 20px 0 20px;
    /* 주의 메세지 스타일 */
  }
  .cl-container.simple-password .cl-container.password-box {
    margin: 40px 0;
    /* 플로우 레이아웃 간격 수정 */
  }
  .cl-container.simple-password .cl-container.password-box > .cl-layout {
    margin: 0px 0px 0px -16px;
  }
  .cl-container.simple-password .cl-container.password-box > .cl-layout > .cl-layout-content > .cl-layout-wrap {
    margin: 0 0 0 16px !important;
  }
  .cl-container.simple-password .cl-container.password-box .cl-output.num-input {
    width: 20px !important;
    height: 20px !important;
  }
  .cl-container.simple-password .cl-output.password-error-msg {
    font-size: 15px;
    padding: 0 20px;
  }
  .cl-container.report-view .cl-container.report-header {
    padding: 16px 20px;
  }
  .cl-container.report-view .cl-container.report-header .cl-output.logo {
    width: 79px !important;
    height: 25px !important;
    background: url("images/com/main/img_logo_mb.png") no-repeat center;
  }
  .cl-container.report-view .cl-container.report-header .cl-output.bar {
    height: 16px !important;
  }
  .cl-container.certificate-box {
    border-radius: 20px;
    padding: 24px 20px;
  }
  .cl-container.certificate-box .cl-output.certificate-tit {
    font-size: 19px;
    margin-bottom: 0px;
  }
  .cl-container.certificate-box .cl-output.certificate-tit .cl-text {
    line-height: 1.5;
  }
  .cl-container.certificate-box .cl-output.sub-tit {
    font-size: 15px;
  }
  .cl-container.certificate-box .cl-button.btn-action {
    height: 34px !important;
    width: 48px !important;
    font-size: 15px;
    border-radius: 8px;
  }
  .cl-container.certificate-box2 {
    border-radius: 20px;
    padding: 13px 20px;
    min-height: 84px;
  }
  .cl-container.certificate-box2 .cl-output.tit {
    font-size: 19px;
    padding-left: 46px;
    background: url("images/com/content/img_banner_logo.svg") no-repeat center left/34px;
  }
  .cl-container.certificate-box2 .cl-button.btn-action {
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 15px;
    min-width: 76px;
    min-height: 34px;
  }
  .cl-container.certificate-box2 .cl-button.btn-action .cl-text {
    line-height: 1.3 !important;
  }
  .cl-dialog.bottom-modal .cl-container.event-notice-popup-page .cl-container.popup-footer {
    border-radius: 0;
  }
  .cl-container.event-notice-popup-page {
    border-radius: 20px 20px 0 0;
    /* 지금 응모하기 버튼 그룹 */
  }
  .cl-container.event-notice-popup-page .cl-container.content-wrap {
    padding: 32px 20px 24px 20px;
    background-position: top 40px right;
    background-size: 123px 212px;
  }
  .cl-container.event-notice-popup-page .top-msg-box {
    padding-bottom: 16px;
  }
  .cl-container.event-notice-popup-page .cl-output.title-txt {
    font-size: 32px;
  }
  .cl-container.event-notice-popup-page .cl-output.msg-txt {
    font-size: 17px;
    padding-right: 78px;
  }
  .cl-container.event-notice-popup-page .cl-output.msg-txt .cl-text {
    line-height: 1.5;
  }
  .cl-container.event-notice-popup-page .cl-container.event-form {
    padding-top: 16px;
  }
  .cl-container.event-notice-popup-page .cl-container.event-form:before {
    width: 232px;
  }
  .cl-container.event-notice-popup-page .cl-container.event-form .cl-output.label {
    font-size: 13px;
    min-width: 56px;
    padding: 1px 0;
  }
  .cl-container.event-notice-popup-page .cl-container.event-form .cl-output:not(.label) {
    font-size: 15px;
    padding-left: 0px;
  }
  .cl-container.event-notice-popup-page .cl-container.event-form .cl-output:not(.label) .cl-text span {
    display: block;
  }
  .cl-container.event-notice-popup-page .cl-container.btn-wrap {
    padding-top: 24px;
  }
  .cl-container.event-notice-popup-page .cl-container.btn-wrap .cl-button.btn-action {
    width: 160px !important;
    height: 48px !important;
  }
  .cl-container.event-notice-popup-page .cl-container.popup-footer {
    border: none;
  }
  .cl-container.improvement {
    /* 등록내역 보기 */
  }
  .cl-container.improvement .cl-container.reg-history {
    /* 타이틀 형 리스트  */
  }
  .cl-container.improvement .cl-container.reg-history .cl-container.history-list {
    padding-bottom: 20px;
  }
  .cl-container.improvement .cl-container.reg-history .cl-container.history-list > .cl-layout > .cl-layout-content > .cl-layout-wrap:not(.cl-first-row) {
    margin-top: 4px !important;
  }
  .cl-container.improvement .cl-container.reg-history .cl-container.history-list .cl-output.list-tit,
  .cl-container.improvement .cl-container.reg-history .cl-container.history-list .cl-button.list-tit {
    font-size: 17px;
  }
  .cl-container.improvement .cl-container.reg-history .cl-container.history-list .cl-output.list-tit .cl-text,
  .cl-container.improvement .cl-container.reg-history .cl-container.history-list .cl-button.list-tit .cl-text {
    line-height: 1.5 !important;
  }
  .cl-container.improvement .cl-container.reg-history .cl-container.history-list .cl-output.date {
    font-size: 15px;
  }
  .cl-container.improvement .cl-container.reg-history .cl-container.history-list .cl-output.txt {
    font-size: 17px;
  }
  .cl-container.improvement .cl-container.reg-history .cl-container.history-list .cl-output.txt .cl-text {
    -webkit-line-clamp: 1;
  }
  .cl-container.weather-disaster {
    /* 재해정보 대응지침 */
    /* 날씨정보 (재해정보 없는 경우) */
  }
  .cl-container.weather-disaster .cl-container.top-info-box {
    border-radius: 8px;
    padding: 12px 16px;
  }
  .cl-container.weather-disaster .cl-container.top-info-box .cl-output.txt .cl-text span {
    margin-left: 8px;
  }
  .cl-container.weather-disaster .cl-accordion .cl-accordion-header {
    font-size: 21px;
  }
  .cl-container.weather-disaster .cl-accordion .cl-accordion-section:not(.cl-accordion-placeholder) {
    /* 아코디언 컨텐츠 */
  }
  .cl-container.weather-disaster .cl-accordion .cl-accordion-section:not(.cl-accordion-placeholder) .cl-accordion-content {
    padding: 20px;
  }
  .cl-container.weather-disaster .cl-container.disaster-contents .cl-output.phase-tit {
    font-size: 15px;
  }
  .cl-container.weather-disaster .cl-container.weather-content-box {
    padding: 20px 0;
  }
  .cl-container.weather-disaster .cl-container.weather-content-box .cl-output.date {
    font-size: 15px;
    margin-bottom: -4px;
  }
  .cl-container.weather-disaster .cl-container.weather-content-box .cl-container.weather-table .cl-output .cl-text span:not(.unit) {
    padding-left: 22px;
    background-size: 18px !important;
    min-width: 74px;
    margin-right: 6px;
  }
  .cl-container.weather-disaster .cl-container.weather-content-box .cl-container.weather-table .cl-output .cl-text span.unit {
    font-size: 13px;
    margin-left: 2px;
  }
  .cl-container.weather-disaster .cl-container.weather-content-box .cl-container.weather-table-wrap:not(.cl-first-row) {
    padding-top: 20px;
    border-top: 1px solid #EEEEEE;
  }
  .cl-image.cs-image img {
    width: 100% !important;
  }
  .cl-container.privacy-policy {
    /* 주요 개인정보 처리 표시 */
    /* 목차 */
  }
  .cl-container.privacy-policy .cl-container.key-privacy-info-box {
    border-radius: 12px;
    padding: 20px 20px 20px 88px;
    background-position: left 16px top 20px;
    background-size: 56px;
  }
  .cl-container.privacy-policy .cl-container.key-privacy-info-box .cl-output.label {
    font-size: 15px;
  }
  .cl-container.privacy-policy .cl-container.toc-box {
    padding: 24px 0;
  }
  .cl-container.privacy-policy .cl-container.toc-box .cl-output {
    font-size: 15px;
    padding-left: 36px;
    background-size: 32px;
    min-height: 32px;
    background-position: left top;
  }
  .cl-container.privacy-policy .cl-container.toc-box .cl-output .cl-text {
    word-break: keep-all;
  }
  .cl-container.privacy-policy .cl-output.toc-tit {
    font-size: 19px;
    padding-left: 36px;
    background-size: 32px;
    min-height: 32px;
    background-position: left top;
  }
  .cl-container.privacy-policy .cl-output.toc-tit .cl-text {
    word-break: keep-all;
  }
  .cl-container.privacy-policy .cl-container.content-box {
    padding-left: 4px;
  }
  .cl-container.privacy-policy .cl-container.content-box .dep-0 {
    padding-left: 18px;
    text-indent: -18px;
  }
  .cl-container.privacy-policy .cl-container.content-box .dep-1 {
    padding-left: 30px;
    text-indent: -14px;
  }
  .cl-container.privacy-policy .cl-container.content-box .dep-1 span.sub {
    padding-left: 0px;
    text-indent: 0;
  }
  .cl-container.search-filters .cl-container.tab-content-wrapper .cl-container.select-list-box > .cl-layout > .cl-layout-content {
    grid-template-rows: 0px 1fr 12px 12px min-content 0px !important;
  }
  .cl-container.search-filters .cl-container.tab-content-wrapper .cl-container.tab-content-footer {
    padding: 0 20px;
  }
  .cl-container.search-filters .cl-container.tab-content-wrapper .cl-container.tab-content-footer .cl-output.guide-txt {
    font-size: 13px;
    margin-bottom: 0px;
  }
  .cl-button.btn-ceritificate {
    font-size: 21px;
  }
  .cl-button.btn-ceritificate .cl-text span.info {
    font-size: 15px;
  }
  .cl-container.vertical-to-flex-btn-box > .cl-layout > .cl-layout-content {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
  }
  .cl-container.vertical-to-flex-btn-box > .cl-layout > .cl-layout-content > .cl-layout-margin {
    display: none;
  }
  .cl-container.vertical-to-flex-btn-box > .cl-layout > .cl-layout-content > .cl-layout-wrap {
    margin: 0px !important;
    width: auto !important;
  }
  .cl-button.btn-select-view {
    background-position: center left 16px;
    background-size: 48px;
    color: #111111;
    font-size: 19px;
    padding: 16px 16px 16px 76px;
  }
  .cl-button.btn-select-view .cl-text {
    min-height: 52px;
  }
}
/* 전체사업 */
.cl-output.img-popular {
  background: url("images/controls/button/img_popular.svg") no-repeat right center/108px;
  min-height: 108px;
}
.cl-output.img-find {
  background: url("images/controls/button/img_find.svg") no-repeat right center/108px;
  min-height: 108px;
}
.cl-output.img-custom-b {
  background: url("images/controls/button/img_custom_b.svg") no-repeat right center/108px;
  min-height: 108px;
}
/* 농업이지소개  */
.cl-output.img-easy {
  background: url("images/controls/image/ic_easy.svg") no-repeat right center/96px;
  min-height: 96px;
}
.cl-output.img-history {
  background: url("images/controls/image/ic_history.svg") no-repeat right center/96px;
  min-height: 96px;
}
.cl-output.img-judge {
  background: url("images/controls/image/ic_judge.svg") no-repeat right center/96px;
  min-height: 96px;
}
.cl-output.img-cube {
  background: url("images/controls/image/ic_cube.svg") no-repeat right center/96px;
  min-height: 96px;
}
/* 농업이지란?  */
.cl-output.img-easy-first,
.cl-output.img-easy-second,
.cl-output.img-easy-third,
.cl-output.img-easy-fourth {
  min-height: 320px;
}
.cl-output.img-easy-first {
  background: url("images/controls/image/img_easy_first.png") no-repeat center right;
}
.cl-output.img-easy-second {
  background: url("images/controls/image/img_easy_second.png") no-repeat center left;
}
.cl-output.img-easy-third {
  background: url("images/controls/image/img_easy_third.png") no-repeat center right;
}
.cl-output.img-easy-fourth {
  background: url("images/controls/image/img_easy_fourth.png") no-repeat center left;
}
/* 에러 안내  */
.cl-output.img-sn-pop {
  background: url("images/controls/image/img_error.png") no-repeat center;
  min-height: 200px;
}
/* 농업이지란 상징  */
.cl-output.img-easy-character {
  background: url("images/controls/image/img_easy_character.png") no-repeat center right/328px;
  min-height: 400px;
}
.cl-output.img-character-one {
  background: url("images/controls/image/img_character_one.png") no-repeat center right/156px;
  min-height: 240px;
}
.cl-output.img-character-two {
  background: url("images/controls/image/img_character_two.png") no-repeat center left/132px;
  min-height: 240px;
}
.cl-output.img-character-three {
  background: url("images/controls/image/img_character_three.png") no-repeat center right/172px;
  min-height: 240px;
}
.cl-output.img-easy-character-basic {
  background: url("images/controls/image/img_easy_character.png") no-repeat center/198px;
  min-height: 240px;
}
/* 간편사업찾기  */
.cl-output.img-pleasure {
  background: url("images/controls/image/img-pleasure.png") no-repeat center;
  min-height: 200px;
}
.cl-output.img-sad {
  background: url("images/controls/image/img-sad.png") no-repeat center;
  min-height: 200px;
}
.cl-output.img-tear {
  background: url("images/controls/image/img-tear.svg") no-repeat center;
  min-height: 200px;
}
/* 경영체란  */
.cl-output.img-what1 {
  background: url("images/controls/image/img_what1.png") no-repeat center;
  min-height: 360px;
}
.cl-output.img-what2 {
  background: url("images/controls/image/img_what2.png") no-repeat center;
  min-height: 360px;
}
.cl-output.img-what3 {
  background: url("images/controls/image/img_what3.png") no-repeat center;
  min-height: 360px;
}
/* 계산 완료  */
.cl-output.img-complete {
  background: url("images/controls/image/img_complete.png") no-repeat center;
  min-height: 200px;
}
/* 회원가입 완료  */
.cl-output.img-complete2 {
  background: url("images/controls/image/img-step-check-100.png") no-repeat center;
  min-height: 200px;
}
/************************************************
 * 미티어 쿼리 적용
 * → 모바일 적용
 ************************************************/
@media (max-width: 767px) {
  /* 농업이지소개  */
  /* 농업이지란?  */
  /* 농업이지란 상징  */
  /* 간편사업찾기  */
  /* 경영체란  */
  .cl-output.img-popular,
  .cl-output.img-find,
  .cl-output.img-custom-b {
    background-size: 64px;
    min-height: 64px;
  }
  .cl-output.img-easy,
  .cl-output.img-history,
  .cl-output.img-judge,
  .cl-output.img-cube {
    background-size: 56px;
    min-height: 56px;
  }
  .cl-output.img-easy-first {
    background: url("images/controls/image/img_easy_first_mb.png") no-repeat center;
    min-height: 180px;
  }
  .cl-output.img-easy-second {
    background: url("images/controls/image/img_easy_second_mb.png") no-repeat center;
    min-height: 180px;
  }
  .cl-output.img-easy-third {
    background: url("images/controls/image/img_easy_third_mb.png") no-repeat center;
    min-height: 180px;
  }
  .cl-output.img-easy-fourth {
    background: url("images/controls/image/img_easy_fourth_mb.png") no-repeat center;
    min-height: 180px;
  }
  .cl-output.img-sn-pop {
    background-size: 120px;
    min-height: 120px;
  }
  .cl-output.img-ca1 {
    background-position: center;
    background-size: 92px 134px;
    min-height: 134px;
  }
  .cl-output.img-easy-character {
    background-position: center;
    background-size: 164px 200px;
    min-height: 200px;
  }
  .cl-output.img-character-one {
    background-position: center;
    background-size: 92px 134px;
    min-height: 134px;
  }
  .cl-output.img-character-two {
    background-position: center;
    background-size: 74px 134px;
    min-height: 134px;
  }
  .cl-output.img-character-three {
    background-position: center;
    background-size: 100px 134px;
    min-height: 134px;
  }
  .cl-output.img-easy-character-basic {
    background-position: center;
    background-size: 148px 180px;
    min-height: 180px;
  }
  .cl-output.img-pleasure,
  .cl-output.img-sad {
    background-size: 120px;
    min-height: 120px;
  }
  .cl-output.img-what1 {
    background-size: 189px 180px;
    background-position: center;
    min-height: 180px;
  }
  .cl-output.img-what2 {
    background-size: 245px 180px;
    background-position: center;
    min-height: 180px;
  }
  .cl-output.img-what3 {
    background-size: 199px 180px;
    background-position: center;
    min-height: 180px;
  }
  .cl-output.img-complete,
  .cl-output.img-complete2 {
    background-size: 120px;
    min-height: 120px;
  }
}
/************************************************
 * 미티어 쿼리 적용
 * → 테블릿 적용
 ************************************************/
@media (min-width: 768px) and (max-width: 1416px) {
  /* 농업이지란?  */
  .cl-output.img-easy-first,
  .cl-output.img-easy-second,
  .cl-output.img-easy-third,
  .cl-output.img-easy-fourth {
    background-size: contain;
    background-position: center;
  }
  .cl-output.img-easy-character {
    background-size: contain;
    background-position: center;
  }
  .cl-output.img-cs1 {
    background-size: 50%;
    min-height: 400px;
  }
  .cl-image.cs-image img {
    object-fit: scale-down;
  }
}