/*********************************/
/*             General            */
/*===============================*/
@charset "UTF-8";

::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}

html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: "Noto Sans", SUITE, "Malgun Gothic", "맑은 고딕";
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
}

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

a {
  color: inherit;
  text-decoration: inherit;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp,
pre {
  font-family: "Noto Sans", SUITE, "Malgun Gothic", "맑은 고딕";
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  -webkit-font-feature-settings: inherit;
          font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

button,
select {
  text-transform: none;
}

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

:-moz-focusring {
  outline: auto;
}

:-moz-ui-invalid {
  box-shadow: none;
}

progress {
  vertical-align: baseline;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

summary {
  display: list-item;
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

dialog {
  padding: 0;
}

textarea {
  resize: vertical;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

button,
[role="button"] {
  cursor: pointer;
}

:disabled {
  cursor: default;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

img,
video {
  max-width: 100%;
  height: auto;
}

[hidden] {
  display: none;
}
*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
::-ms-backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
.container{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 12px;
  padding-left: 12px;
}
@media (min-width: 540px){
  .container{
    max-width: 540px;
  }
}
@media (min-width: 640px){
  .container{
    max-width: 640px;
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .container{
    max-width: 1024px;
    padding-right: 45px;
    padding-left: 45px;
  }
}
@media (min-width: 1280px){
  .container{
    max-width: 1280px;
    padding-right: 5rem;
    padding-left: 5rem;
  }
}
@media (min-width: 1536px){
  .container{
    max-width: 1536px;
    padding-right: 13rem;
    padding-left: 13rem;
  }
}

.invisible{
  visibility: hidden !important;
}
.collapse{
  visibility: collapse !important;
}
.static{
  position: static !important;
}
.fixed{
  position: fixed !important;
}
.absolute{
  position: absolute !important;
}
.relative{
  position: relative !important;
}
.sticky{
  position: sticky !important;
}
.block{
  display: block !important;
}
.inline-block{
  display: inline-block !important;
}
.inline{
  display: inline !important;
}
.flex{
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.inline-flex{
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
.table{
  display: table !important;
}
.grid{
  display: grid !important;
}
.hidden{
  display: none !important;
}
.font-noto{
  font-family: "Noto Sans Korean" !important;
}
.font-suite{
  font-family: "SUITE" !important;
}
.font-kimm{
  font-family: "KIMM" !important;
}
.font-kimm-bold{
  font-family: "KIMM_Bold" !important;
}

.size-4 {
    width: 1rem!important;
    height: 1rem!important
}
.size-5 {
    width: 1.25rem!important;
    height: 1.25rem!important
}
.size-6 {
    width: 1.5rem!important;
    height: 1.5rem!important
}

.size-7 {
    width: 1.75rem!important;
    height: 1.75rem!important
}

.size-8 {
    width: 2rem!important;
    height: 2rem!important
}

.size-9 {
    width: 2.25rem!important;
    height: 2.25rem!important
}

.size-10 {
    width: 2.5rem!important;
    height: 2.5rem!important
}

.size-11 {
    width: 2.75rem!important;
    height: 2.75rem!important
}

.size-12 {
    width: 3rem!important;
    height: 3rem!important
}

.size-14 {
    width: 3.5rem!important;
    height: 3.5rem!important
}

.size-16 {
    width: 4rem!important;
    height: 4rem!important
}

.size-20 {
    width: 5rem!important;
    height: 5rem!important
}

.size-24 {
    width: 6rem!important;
    height: 6rem!important
}

.size-28 {
    width: 7rem!important;
    height: 7rem!important
}

.size-32 {
    width: 8rem!important;
    height: 8rem!important
}

.size-48 {
    width: 12rem!important;
    height: 12rem!important
}

.size-52 {
    width: 13rem!important;
    height: 13rem!important
}

.size-56 {
    width: 14rem!important;
    height: 14rem!important
}



.me-1 {
    -webkit-margin-end: .25rem!important;
    margin-inline-end:.25rem!important}

.me-2 {
    /* -webkit-margin-end:.5rem!important; */
    margin-inline-end:.5rem!important;}

.me-3 {
    -webkit-margin-end: .75rem!important;
    margin-inline-end:.75rem!important}

.me-4 {
    -webkit-margin-end: 1rem!important;
    margin-inline-end:1rem!important}

.me-6 {
    -webkit-margin-end: 1.5rem!important;
    margin-inline-end:1.5rem!important}




.size-\[110px\] {
    width: 110px!important;
    height: 110px!important
}

.size-\[130px\] {
    width: 130px!important;
    height: 130px!important
}

.size-\[320px\] {
    width: 320px!important;
    height: 320px!important
}

.size-\[35px\] {
    width: 35px!important;
    height: 35px!important
}

.size-\[400px\] {
    width: 400px!important;
    height: 400px!important
}

.size-\[40px\] {
    width: 40px!important;
    height: 40px!important
}

.size-\[46px\] {
    width: 46px!important;
    height: 46px!important
}

.size-\[512px\] {
    width: 512px!important;
    height: 512px!important
}

.size-\[600px\] {
    width: 600px!important;
    height: 600px!important
}

.size-\[84px\] {
    width: 84px!important;
    height: 84px!important
}

.size-\[98\%\] {
    width: 98%!important;
    height: 98%!important
}

/*******************************************************************************************/
.border-yellow-600{
  --tw-border-opacity: 1 !important;
  border-color: rgb(252 181 19 / var(--tw-border-opacity)) !important;
}
.border-yellow-600\/10{
  border-color: rgb(252 181 19 / 0.1) !important;
}
.border-yellow-600\/20{
  border-color: rgb(252 181 19 / 0.2) !important;
}
.border-yellow-600\/40{
  border-color: rgb(252 181 19 / 0.4) !important;
}
.border-yellow-600\/5{
  border-color: rgb(252 181 19 / 0.05) !important;
}
.border-yellow-600\/50{
  border-color: rgb(252 181 19 / 0.5) !important;
}
.bg-yellow-600{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(252 181 19 / var(--tw-bg-opacity)) !important;
}
.bg-yellow-600\/0{
  background-color: rgb(252 181 19 / 0) !important;
}
.bg-yellow-600\/10{
  background-color: rgb(252 181 19 / 0.1) !important;
}
.bg-yellow-600\/20{
  background-color: rgb(252 181 19 / 0.2) !important;
}
.bg-yellow-600\/25{
  background-color: rgb(252 181 19 / 0.25) !important;
}
.bg-yellow-600\/30{
  background-color: rgb(252 181 19 / 0.3) !important;
}
.bg-yellow-600\/40{
  background-color: rgb(252 181 19 / 0.4) !important;
}
.bg-yellow-600\/5{
  background-color: rgb(252 181 19 / 0.05) !important;
}
.bg-yellow-600\/50{
  background-color: rgb(252 181 19 / 0.5) !important;
}
.bg-yellow-600\/60{
  background-color: rgb(252 181 19 / 0.6) !important;
}
.bg-yellow-600\/70{
  background-color: rgb(252 181 19 / 0.7) !important;
}
.bg-yellow-600\/75{
  background-color: rgb(252 181 19 / 0.75) !important;
}
.bg-yellow-600\/80{
  background-color: rgb(252 181 19 / 0.8) !important;
}
.bg-yellow-600\/90{
  background-color: rgb(252 181 19 / 0.9) !important;
}
.bg-yellow-600\/95{
  background-color: rgb(252 181 19 / 0.95) !important;
}
.from-yellow-500{
  --tw-gradient-from: rgb(252 181 19) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-yellow-600{
  --tw-gradient-from: rgb(252 181 19) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(252 181 19 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-yellow-600\/10{
  --tw-gradient-from: rgb(252 181 19 / 0.1) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(252 181 19 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-yellow-600\/20{
  --tw-gradient-from: rgb(252 181 19 / 0.2) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(252 181 19 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-yellow-600\/30{
  --tw-gradient-from: rgb(252 181 19 / 0.3) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(252 181 19 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-yellow-600\/70{
  --tw-gradient-from: rgb(252 181 19 / 0.7) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(252 181 19 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-yellow-600\/90{
  --tw-gradient-from: rgb(252 181 19 / 0.9) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(252 181 19 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.via-yellow-600\/70{
  --tw-gradient-to: rgb(252 181 19 / 0)  var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), rgb(252 181 19 / 0.7) var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}
.to-yellow-600{
  --tw-gradient-to: rgb(252 181 19) var(--tw-gradient-to-position) !important;
}
.to-yellow-600\/10{
  --tw-gradient-to: rgb(252 181 19 / 0.1) var(--tw-gradient-to-position) !important;
}
.to-yellow-600\/20{
  --tw-gradient-to: rgb(252 181 19 / 0.2) var(--tw-gradient-to-position) !important;
}
.to-yellow-600\/70{
  --tw-gradient-to: rgb(252 181 19 / 0.7) var(--tw-gradient-to-position) !important;
}
.fill-yellow-600\/5{
  fill: rgb(252 181 19 / 0.05) !important;
}
.text-yellow-600{
  --tw-text-opacity: 1 !important;
  color: rgb(252 181 19 / var(--tw-text-opacity)) !important;
}
.text-yellow-600\/10{
  color: rgb(252 181 19 / 0.1) !important;
}
.shadow-yellow-600\/10{
  --tw-shadow-color: rgb(252 181 19 / 0.1) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.ring-yellow-600{
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(252 181 19 / var(--tw-ring-opacity)) !important;
}
.before\:bg-yellow-600::before{
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(252 181 19 / var(--tw-bg-opacity)) !important;
}

.before\:bg-yellow-600\/5::before{
  content: var(--tw-content) !important;
  background-color: rgb(252 181 19 / 0.05) !important;
}
.after\:border-yellow-600::after{
  content: var(--tw-content) !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(252 181 19 / var(--tw-border-opacity)) !important;
}
.after\:bg-yellow-600::after{
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(252 181 19 / var(--tw-bg-opacity)) !important;
}

.after\:bg-yellow-600\/10::after{
  content: var(--tw-content) !important;
  background-color: rgb(252 181 19 / 0.1) !important;
}

.after\:bg-yellow-600\/20::after{
  content: var(--tw-content) !important;
  background-color: rgb(252 181 19 / 0.2) !important;
}

.after\:bg-yellow-600\/30::after{
  content: var(--tw-content) !important;
  background-color: rgb(252 181 19 / 0.3) !important;
}

.after\:bg-yellow-600\/5::after{
  content: var(--tw-content) !important;
  background-color: rgb(252 181 19 / 0.05) !important;
}
.after\:to-yellow-600::after{
  content: var(--tw-content) !important;
  --tw-gradient-to: rgb(252 181 19) var(--tw-gradient-to-position) !important;
}
.after\:to-yellow-600\/30::after{
  content: var(--tw-content) !important;
  --tw-gradient-to: rgb(252 181 19 / 0.3) var(--tw-gradient-to-position) !important;
}
.after\:shadow-yellow-600\/40::after{
  content: var(--tw-content) !important;
  --tw-shadow-color: rgb(252 181 19 / 0.4) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.hover\:border-yellow-600:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(252 181 19 / var(--tw-border-opacity)) !important;
}
.hover\:border-yellow-600\/30:hover{
  border-color: rgb(252 181 19 / 0.3) !important;
}
.hover\:border-yellow-700:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(67 56 202 / var(--tw-border-opacity)) !important;
}
.hover\:border-b-yellow-600:hover{
  --tw-border-opacity: 1 !important;
  border-bottom-color: rgb(252 181 19 / var(--tw-border-opacity)) !important;
}
.hover\:bg-yellow-600:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(252 181 19 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-yellow-600\/5:hover{
  background-color: rgb(252 181 19 / 0.05) !important;
}

.hover\:bg-yellow-700:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity)) !important;
}
.hover\:text-yellow-600:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(252 181 19 / var(--tw-text-opacity)) !important;
}
.hover\:shadow-yellow-600:hover{
  --tw-shadow-color: rgb(252 181 19) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.focus\:border-yellow-300:focus{
  --tw-border-opacity: 1 !important;
  border-color: rrgb(252 181 19 / var(--tw-border-opacity)) !important;
}

.focus\:border-yellow-600:focus{
  --tw-border-opacity: 1 !important;
  border-color: rgb(252 181 19 / var(--tw-border-opacity)) !important;
}

.focus\:border-yellow-600\/30:focus{
  border-color: rgb(252 181 19 / 0.3) !important;
}
.focus\:ring-yellow-200:focus{
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity)) !important;
}

.focus\:ring-yellow-600\/20:focus{
  --tw-ring-color: rgb(252 181 19 / 0.2) !important;
}
.group:hover .group-hover\:bg-yellow-600{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(252 181 19 / var(--tw-bg-opacity)) !important;
}
.group:hover .group-hover\:text-yellow-600{
  --tw-text-opacity: 1 !important;
  color: rgb(252 181 19 / var(--tw-text-opacity)) !important;
}
:is(.dark .dark\:bg-yellow-600\/10){
  background-color: rgb(252 181 19 / 0.1) !important;
}

:is(.dark .dark\:bg-yellow-600\/20){
  background-color: rgb(252 181 19 / 0.2) !important;
}

:is(.dark .dark\:bg-yellow-600\/30){
  background-color: rgb(252 181 19 / 0.3) !important;
}
:is(.dark .dark\:from-yellow-600\/20){
  --tw-gradient-from: rgb(252 181 19 / 0.2) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(252 181 19 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

:is(.dark .dark\:from-yellow-600\/40){
  --tw-gradient-from: rgb(252 181 19 / 0.4) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(252 181 19 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
:is(.dark .dark\:text-yellow-600\/20){
  color: rgb(252 181 19 / 0.2) !important;
}
:is(.dark .dark\:before\:bg-yellow-600\/10)::before{
  content: var(--tw-content) !important;
  background-color: rgb(252 181 19 / 0.1) !important;
}
:is(.dark .dark\:after\:to-yellow-600\/50)::after{
  content: var(--tw-content) !important;
  --tw-gradient-to: rgb(252 181 19 / 0.5) var(--tw-gradient-to-position) !important;
}
:is(.dark .dark\:hover\:border-yellow-600:hover){
  --tw-border-opacity: 1 !important;
  border-color: rgb(252 181 19 / var(--tw-border-opacity)) !important;
}

:is(.dark .hover\:dark\:border-yellow-600\/50):hover{
  border-color: rgb(252 181 19 / 0.5) !important;
}

:is(.dark .dark\:hover\:border-b-yellow-600:hover){
  --tw-border-opacity: 1 !important;
  border-bottom-color: rgb(252 181 19 / var(--tw-border-opacity)) !important;
}
:is(.dark .dark\:hover\:bg-yellow-600:hover){
  --tw-bg-opacity: 1 !important;
  background-color: rgb(252 181 19 / var(--tw-bg-opacity)) !important;
}

:is(.dark .dark\:hover\:bg-yellow-600\/5:hover){
  background-color: rgb(252 181 19 / 0.05) !important;
}
:is(.dark .dark\:focus\:border-yellow-600:focus){
  --tw-border-opacity: 1 !important;
  border-color: rgb(252 181 19 / var(--tw-border-opacity)) !important;
}



/*------------------------------------------------------------------------------------------------------------*/

.border-blue-600{
  --tw-border-opacity: 1 !important;
  border-color: rgb(27 100 218 / var(--tw-border-opacity)) !important;
}
.border-blue-600\/10{
  border-color: rgb(27 100 218 / 0.1) !important;
}
.border-blue-600\/20{
  border-color: rgb(27 100 218 / 0.2) !important;
}
.border-blue-600\/40{
  border-color: rgb(27 100 218 / 0.4) !important;
}
.border-blue-600\/5{
  border-color: rgb(27 100 218 / 0.05) !important;
}
.border-blue-600\/50{
  border-color: rgb(27 100 218 / 0.5) !important;
}
.bg-blue-600{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(27 100 218 / var(--tw-bg-opacity)) !important;
}
.bg-blue-600\/0{
  background-color: rgb(27 100 218 / 0) !important;
}
.bg-blue-600\/10{
  background-color: rgb(27 100 218 / 0.1) !important;
}
.bg-blue-600\/20{
  background-color: rgb(27 100 218 / 0.2) !important;
}
.bg-blue-600\/25{
  background-color: rgb(27 100 218 / 0.25) !important;
}
.bg-blue-600\/30{
  background-color: rgb(27 100 218 / 0.3) !important;
}
.bg-blue-600\/40{
  background-color: rgb(27 100 218 / 0.4) !important;
}
.bg-blue-600\/5{
  background-color: rgb(27 100 218 / 0.05) !important;
}
.bg-blue-600\/50{
  background-color: rgb(27 100 218 / 0.5) !important;
}
.bg-blue-600\/60{
  background-color: rgb(27 100 218 / 0.6) !important;
}
.bg-blue-600\/70{
  background-color: rgb(27 100 218 / 0.7) !important;
}
.bg-blue-600\/75{
  background-color: rgb(27 100 218 / 0.75) !important;
}
.bg-blue-600\/80{
  background-color: rgb(27 100 218 / 0.8) !important;
}
.bg-blue-600\/90{
  background-color: rgb(27 100 218 / 0.9) !important;
}
.bg-blue-600\/95{
  background-color: rgb(27 100 218 / 0.95) !important;
}
.from-blue-500{
  --tw-gradient-from: rgb(27 100 218) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-blue-600{
  --tw-gradient-from: rgb(27 100 218) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(27 100 218 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-blue-600\/10{
  --tw-gradient-from: rgb(27 100 218 / 0.1) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(27 100 218 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-blue-600\/20{
  --tw-gradient-from: rgb(27 100 218 / 0.2) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(27 100 218 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-blue-600\/30{
  --tw-gradient-from: rgb(27 100 218 / 0.3) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(27 100 218 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-blue-600\/70{
  --tw-gradient-from: rgb(27 100 218 / 0.7) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(27 100 218 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-blue-600\/90{
  --tw-gradient-from: rgb(27 100 218 / 0.9) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(27 100 218 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.via-blue-600\/70{
  --tw-gradient-to: rgb(27 100 218 / 0)  var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), rgb(27 100 218 / 0.7) var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}
.to-blue-600{
  --tw-gradient-to: rgb(27 100 218) var(--tw-gradient-to-position) !important;
}
.to-blue-600\/10{
  --tw-gradient-to: rgb(27 100 218 / 0.1) var(--tw-gradient-to-position) !important;
}
.to-blue-600\/20{
  --tw-gradient-to: rgb(27 100 218 / 0.2) var(--tw-gradient-to-position) !important;
}
.to-blue-600\/70{
  --tw-gradient-to: rgb(27 100 218 / 0.7) var(--tw-gradient-to-position) !important;
}
.fill-blue-600\/5{
  fill: rgb(27 100 218 / 0.05) !important;
}
.text-blue-600{
  --tw-text-opacity: 1 !important;
  color: rgb(27 100 218 / var(--tw-text-opacity)) !important;
}
.text-blue-600\/10{
  color: rgb(27 100 218 / 0.1) !important;
}
.shadow-blue-600\/10{
  --tw-shadow-color: rgb(27 100 218 / 0.1) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.ring-blue-600{
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(27 100 218 / var(--tw-ring-opacity)) !important;
}
.before\:bg-blue-600::before{
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(27 100 218 / var(--tw-bg-opacity)) !important;
}

.before\:bg-blue-600\/5::before{
  content: var(--tw-content) !important;
  background-color: rgb(27 100 218 / 0.05) !important;
}
.after\:border-blue-600::after{
  content: var(--tw-content) !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(27 100 218 / var(--tw-border-opacity)) !important;
}
.after\:bg-blue-600::after{
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(27 100 218 / var(--tw-bg-opacity)) !important;
}

.after\:bg-blue-600\/10::after{
  content: var(--tw-content) !important;
  background-color: rgb(27 100 218 / 0.1) !important;
}

.after\:bg-blue-600\/20::after{
  content: var(--tw-content) !important;
  background-color: rgb(27 100 218 / 0.2) !important;
}

.after\:bg-blue-600\/30::after{
  content: var(--tw-content) !important;
  background-color: rgb(27 100 218 / 0.3) !important;
}

.after\:bg-blue-600\/5::after{
  content: var(--tw-content) !important;
  background-color: rgb(27 100 218 / 0.05) !important;
}
.after\:to-blue-600::after{
  content: var(--tw-content) !important;
  --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position) !important;
}
.after\:to-blue-600\/30::after{
  content: var(--tw-content) !important;
  --tw-gradient-to: rgb(27 100 218 / 0.3) var(--tw-gradient-to-position) !important;
}
.after\:shadow-blue-600\/40::after{
  content: var(--tw-content) !important;
  --tw-shadow-color: rgb(27 100 218 / 0.4) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.hover\:border-blue-600:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(27 100 218 / var(--tw-border-opacity)) !important;
}
.hover\:border-blue-600\/30:hover{
  border-color: rgb(27 100 218 / 0.3) !important;
}
.hover\:border-blue-700:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(27 100 218 / var(--tw-border-opacity)) !important;
}
.hover\:border-b-blue-600:hover{
  --tw-border-opacity: 1 !important;
  border-bottom-color: rgb(27 100 218 / var(--tw-border-opacity)) !important;
}
.hover\:bg-blue-600:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(27 100 218 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-blue-600\/5:hover{
  background-color: rgb(27 100 218 / 0.05) !important;
}

.hover\:bg-blue-700:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(27 100 218 / var(--tw-bg-opacity)) !important;
}
.hover\:text-blue-600:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(27 100 218 / var(--tw-text-opacity)) !important;
}
.hover\:shadow-blue-600:hover{
  --tw-shadow-color: rgb(27 100 218 / 0.05) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.focus\:border-blue-300:focus{
  --tw-border-opacity: 1 !important;
  border-color: rgb(165 180 252 / var(--tw-border-opacity)) !important;
}

.focus\:border-blue-600:focus{
  --tw-border-opacity: 1 !important;
  border-color: rgb(27 100 218 / var(--tw-border-opacity)) !important;
}

.focus\:border-blue-600\/30:focus{
  border-color: rgb(27 100 218 / 0.3) !important;
}
.focus\:ring-blue-200:focus{
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity)) !important;
}

.focus\:ring-blue-600\/20:focus{
  --tw-ring-color: rgb(27 100 218 / 0.2) !important;
}
.group:hover .group-hover\:bg-blue-600{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(27 100 218 / var(--tw-bg-opacity)) !important;
}
.group:hover .group-hover\:text-blue-600{
  --tw-text-opacity: 1 !important;
  color: rgb(27 100 218 / var(--tw-text-opacity)) !important;
}
:is(.dark .dark\:bg-blue-600\/10){
  background-color: rgb(27 100 218 / 0.1) !important;
}

:is(.dark .dark\:bg-blue-600\/20){
  background-color: rgb(27 100 218 / 0.2) !important;
}

:is(.dark .dark\:bg-blue-600\/30){
  background-color: rgb(27 100 218 / 0.3) !important;
}
:is(.dark .dark\:from-blue-600\/20){
  --tw-gradient-from: rgb(27 100 218 / 0.2) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(27 100 218 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

:is(.dark .dark\:from-blue-600\/40){
  --tw-gradient-from: rgb(27 100 218 / 0.4) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(27 100 218 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
:is(.dark .dark\:text-blue-600\/20){
  color: rgb(27 100 218 / 0.2) !important;
}
:is(.dark .dark\:before\:bg-blue-600\/10)::before{
  content: var(--tw-content) !important;
  background-color: rgb(27 100 218 / 0.1) !important;
}
:is(.dark .dark\:after\:to-blue-600\/50)::after{
  content: var(--tw-content) !important;
  --tw-gradient-to: rgb(27 100 218 / 0.5) var(--tw-gradient-to-position) !important;
}
:is(.dark .dark\:hover\:border-blue-600:hover){
  --tw-border-opacity: 1 !important;
  border-color: rgb(27 100 218 / var(--tw-border-opacity)) !important;
}

:is(.dark .hover\:dark\:border-blue-600\/50):hover{
  border-color: rgb(27 100 218 / 0.5) !important;
}

:is(.dark .dark\:hover\:border-b-blue-600:hover){
  --tw-border-opacity: 1 !important;
  border-bottom-color: rgb(27 100 218 / var(--tw-border-opacity)) !important;
}
:is(.dark .dark\:hover\:bg-blue-600:hover){
  --tw-bg-opacity: 1 !important;
  background-color: rgb(27 100 218 / var(--tw-bg-opacity)) !important;
}

:is(.dark .dark\:hover\:bg-blue-600\/5:hover){
  background-color: rgb(27 100 218 / 0.05) !important;
}
:is(.dark .dark\:focus\:border-blue-600:focus){
  --tw-border-opacity: 1 !important;
  border-color: rgb(27 100 218 / var(--tw-border-opacity)) !important;
}
.bg-login { background-image:url('/theme/sejongprime/img/bg_login.jpg')!important}
.bg-news { background-image:url('/theme/sejongprime/img/bg_news.jpg')!important}
.bg-company { background-image:url('/theme/sejongprime/img/bg_company.jpg')!important}
.bg-software { background-image:url('/theme/sejongprime/img/bg_software.jpg')!important}
.bg-payments { background-image:url('/theme/sejongprime/img/bg_payments.jpg')!important}
.bg-solutions { background-image:url('/theme/sejongprime/img/bg_solutions.jpg')!important}
.bg-contact { background-image:url('/theme/sejongprime/img/bg_contact.jpg')!important}
/*******************************************************************************************/
body {
  font-family: "Noto Sans", SUITE, "Malgun Gothic", "맑은 고딕";
  font-size:1.2em;
}
.text-base {
    font-size: 1.1rem !important;
    line-height: 1.5rem !important;
}

/* nav */
#topnav .navigation-menu > li > a {
  font-size: 18px !important;
  font-weight: bold !important;
}

#topnav .navigation-menu > li .submenu li a {
  font-size: 15px;
}

#topnav .navigation-menu.nav-light > li > a {
    color: rgb(255 255 255 / 0.7) !important;
}
#topnav .navigation-menu.nav-light > li:hover > a {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / 1 ) !important;
}
#topnav .navigation-menu > li .submenu li a:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(27 100 218 / var(--tw-text-opacity)) !important;
}
#topnav.nav-sticky .navigation-menu.nav-light > li.active > a{
  --tw-text-opacity: 1 !important;
  color: rgb(27 100 218 / var(--tw-text-opacity)) !important;
}
:is(.dark #topnav.nav-sticky .navigation-menu.nav-light > li.active > a){
  --tw-text-opacity: 1 !important;
  color: rgb(27 100 218 / var(--tw-text-opacity)) !important;
}
#topnav.nav-sticky .navigation-menu.nav-light > li:hover > .menu-arrow, #topnav.nav-sticky .navigation-menu.nav-light > li.active > .menu-arrow{
  --tw-border-opacity: 1 !important;
  border-color: rgb(27 100 218 / var(--tw-border-opacity)) !important;
}
#topnav.nav-sticky .navigation-menu.nav-light > li:hover > a, #topnav.nav-sticky .navigation-menu.nav-light > li.active > a{
  --tw-text-opacity: 1 !important;
  color: rgb(27 100 218 / var(--tw-text-opacity)) !important;
}
:is(.dark #topnav.nav-sticky .navigation-menu.nav-light > li:hover > a),:is(.dark  #topnav.nav-sticky .navigation-menu.nav-light > li.active > a){
  --tw-text-opacity: 1 !important;
  color: rgb(27 100 218 / var(--tw-text-opacity)) !important;
}
/*******************************************************************************************/
::-moz-selection{
  background-color: rgb(27 100 218 / 0.9);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

::selection{
  background-color: rgb(27 100 218 / 0.9);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}