@charset "utf-8"; 
#wrap {margin:0 auto;width:100%;overflow:hidden;}

/* ---------------------- Grid system ---------------------- */

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {width: 100%;padding-right: 2rem;padding-left: 2rem;margin-right: auto;margin-left: auto;}

/* Break Point */
@media (min-width: 768px) {
  .container { max-width: 720px;}
}

@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg { max-width: none; }
}

@media (min-width: 1200px) {
  .container, .container-lg, .container-xl {max-width: 1160px; padding-right: 2rem;padding-left: 2rem;}
}


@media (min-width: 1600px) {
  .container-sm, .container-md{max-width: 1192px; padding-right:1.5rem;padding-left:1.5rem;}
  .container, .container-lg {max-width: 1280px;padding-right:1.5rem;padding-left:1.5rem;}
  .container-xl {max-width: 1440px;padding-right:1.5rem;padding-left:1.5rem;}
  .container-xxl {max-width: 1760px;padding-right:1.5rem;padding-left:1.5rem;}
}



.row:before, .row:after, .container:before, .container:after,
.form-horizontal .form-group:before, .form-horizontal .form-group:after, .dl-horizontal dd:before, .dl-horizontal dd:after,
.pull-right:before, .pull-right:after, .pull-left:before, .pull-left:after, .inner:before, .inner:after{display: table; content: " "; clear: both;}

.row {
  --bs-gutter-x: 2rem;
  --bs-gutter-y: 0;
  display: flex;
  flex: 1 0 100%;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) / -2);
  margin-left: calc(var(--bs-gutter-x) / -2);
}

.row > * {flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
  margin-top: var(--bs-gutter-y);
}

.col {flex: 1 0 0%;}

 /* Mobile */
.col-md {flex: 1 0 0%;}
.row-cols-auto > * {flex: 0 0 auto;width: auto;}
.row-cols-1 > * {flex: 0 0 auto;width: 100%;}
.row-cols-2 > * {flex: 0 0 auto;width: 50%;}
.row-cols-3 > * {flex: 0 0 auto;width: 33.333333%;}
.row-cols-4 > * {flex: 0 0 auto;width: 25%;}
.row-cols-5 > * {flex: 0 0 auto;width: 20%;}
.row-cols-6 > * {flex: 0 0 auto;width: 16.666667%;}
.col-auto {flex: 0 0 auto;width: auto;}
.col-1 {flex: 0 0 auto; width: 8.333333%;}
.col-2 {flex: 0 0 auto; width: 16.666667%;}
.col-3 {flex: 0 0 auto; width: 25%;}
.col-4 {flex: 0 0 auto; width: 33.333333%;}
.col-5 {flex: 0 0 auto; width: 41.666667%;}
.col-6 {flex: 0 0 auto; width: 50%;}
.col-7 {flex: 0 0 auto; width: 58.333333%;}
.col-8 {flex: 0 0 auto; width: 66.666667%;}
.col-9 {flex: 0 0 auto;width: 75%;}
.col-10 {flex: 0 0 auto;width: 83.333333%;}
.col-11 {flex: 0 0 auto; width: 91.666667%;}
.col-12 {flex: 0 0 auto;width: 100%;}
.offset-0 {margin-left: 0;}
.offset-1 {margin-left: 8.333333%;}
.offset-2 {margin-left: 16.666667%;}
.offset-3 {margin-left: 25%;}
.offset-4 {margin-left: 33.333333%;}
.offset-5 {margin-left: 41.666667%;}
.offset-6 {margin-left: 50%;}
.offset-7 {margin-left: 58.333333%;}
.offset-8 {margin-left: 66.666667%;}
.offset-9 {margin-left: 75%;}
.offset-10 {margin-left: 83.333333%;}
.offset-11 {margin-left: 91.666667%;}

.g-0, .gx-0 {--bs-gutter-x: 0;}
.g-0, .gy-0 {--bs-gutter-y: 0;}
.g-1, .gx-1 {--bs-gutter-x: 0.25rem;}
.g-1, .gy-1 {--bs-gutter-y: 0.25rem;}
.g-2, .gx-2 {--bs-gutter-x: 0.5rem;}
.g-2, .gy-2 {--bs-gutter-y: 0.5rem;}
.g-3, .gx-3 {--bs-gutter-x: 1rem;}
.g-3, .gy-3 { --bs-gutter-y: 1rem;}
.g-4, .gx-4 {--bs-gutter-x: 1.5rem;}
.g-4, .gy-4 {--bs-gutter-y: 1.5rem;}
.g-5, .gx-5 { --bs-gutter-x: 3rem;}
.g-5, .gy-5 {--bs-gutter-y: 3rem;}
.g-m, .gx-m {--bs-gutter-x: 4.8rem;}
 
.order-first {order: -1 !important;} 
.order-0 {order: 0 !important;}
.order-1 {order: 1 !important;}
.order-2 {order: 2 !important;}
.order-3 {order: 3 !important;}
.order-4 {order: 4 !important;}
.order-5 {order: 5 !important;}
.order-last {order: 6 !important;}
 
 /* 768px 이상 - iPad */
 @media (min-width: 768px) {
  .col-md {flex: 1 0 0%;}
  .row-cols-md-auto > * {flex: 0 0 auto;width: auto;}
  .row-cols-md-1 > * {flex: 0 0 auto;width: 100%;}
  .row-cols-md-2 > * {flex: 0 0 auto;width: 50%;}
  .row-cols-md-3 > * {flex: 0 0 auto;width: 33.333333%;}
  .row-cols-md-4 > * {flex: 0 0 auto;width: 25%;}
  .row-cols-md-5 > * {flex: 0 0 auto;width: 20%;}
  .row-cols-md-6 > * {flex: 0 0 auto;width: 16.666667%;}
  .col-md-auto {flex: 0 0 auto;width: auto;}
  .col-md-1 {flex: 0 0 auto; width: 8.333333%;}
  .col-md-2 {flex: 0 0 auto; width: 16.666667%;}
  .col-md-3 {flex: 0 0 auto; width: 25%;}
  .col-md-4 {flex: 0 0 auto; width: 33.333333%;}
  .col-md-5 {flex: 0 0 auto; width: 41.666667%;}
  .col-md-6 {flex: 0 0 auto; width: 50%;}
  .col-md-7 {flex: 0 0 auto; width: 58.333333%;}
  .col-md-8 {flex: 0 0 auto; width: 66.666667%;}
  .col-md-9 {flex: 0 0 auto;width: 75%;}
  .col-md-10 {flex: 0 0 auto;width: 83.333333%;}
  .col-md-11 {flex: 0 0 auto; width: 91.666667%;}
  .col-md-12 {flex: 0 0 auto;width: 100%;}
  .offset-md-0 {margin-left: 0;}
  .offset-md-1 {margin-left: 8.333333%;}
  .offset-md-2 {margin-left: 16.666667%;}
  .offset-md-3 {margin-left: 25%;}
  .offset-md-4 {margin-left: 33.333333%;}
  .offset-md-5 {margin-left: 41.666667%;}
  .offset-md-6 {margin-left: 50%;}
  .offset-md-7 {margin-left: 58.333333%;}
  .offset-md-8 {margin-left: 66.666667%;}
  .offset-md-9 {margin-left: 75%;}
  .offset-md-10 {margin-left: 83.333333%;}
  .offset-md-11 {margin-left: 91.666667%;}
  
  .g-md-0, .gx-md-0 {--bs-gutter-x: 0;}
  .g-md-0, .gy-md-0 {--bs-gutter-y: 0;}
  .g-md-1, .gx-md-1 {--bs-gutter-x: 0.25rem;}
  .g-md-1, .gy-md-1 {--bs-gutter-y: 0.25rem;}
  .g-md-2, .gx-md-2 {--bs-gutter-x: 0.5rem;}
  .g-md-2, .gy-md-2 {--bs-gutter-y: 0.5rem;}
  .g-md-3, .gx-md-3 {--bs-gutter-x: 1rem;}
  .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem;}
  .g-md-4, .gx-md-4 {--bs-gutter-x: 1.5rem;}
  .g-md-4, .gy-md-4 {--bs-gutter-y: 1.5rem;}
  .g-md-5, .gx-md-5 {--bs-gutter-x: 3rem;}
  .g-md-5, .gy-md-5 {--bs-gutter-y: 3rem;}
  .g-md-6, .gx-md-6 {--bs-gutter-x: 4rem;}
  .g-md-6, .gy-md-6 {--bs-gutter-y: 4rem;}
  
  .g-md-50, .gx-md-50 {--bs-gutter-x: 7rem;}
  .g-md-50, .gy-md-50 {--bs-gutter-y: 7rem;}
  
  
  .order-md-first {order: -1 !important;}
  .order-md-0 {order: 0 !important;}
  .order-md-1 {order: 1 !important;}
  .order-md-2 {order: 2 !important;}
  .order-md-3 {order: 3 !important;}
  .order-md-4 {order: 4 !important;}
  .order-md-5 {order: 5 !important;}
  .order-md-last {order: 6 !important;}
  
 }
 
 /* 992px 이상 - iPad Pro */
 @media (min-width: 992px) {
  .col-lg {flex: 1 0 0%;}
  .row-cols-lg-auto > * {flex: 0 0 auto;width: auto;}
  .row-cols-lg-1 > * {flex: 0 0 auto;width: 100%;}
  .row-cols-lg-2 > * {flex: 0 0 auto;width: 50%;}
  .row-cols-lg-3 > * {flex: 0 0 auto;width: 33.333333%;}
  .row-cols-lg-4 > * {flex: 0 0 auto;width: 25%;}
  .row-cols-lg-5 > * {flex: 0 0 auto;width: 20%;}
  .row-cols-lg-6 > * {flex: 0 0 auto;width: 16.666667%;}
  .col-lg-auto {flex: 0 0 auto;width: auto;}
  .col-lg-1 {flex: 0 0 auto; width: 8.333333%;}
  .col-lg-2 {flex: 0 0 auto; width: 16.666667%;}
  .col-lg-3 {flex: 0 0 auto; width: 25%;}
  .col-lg-4 {flex: 0 0 auto; width: 33.333333%;}
  .col-lg-5 {flex: 0 0 auto; width: 41.666667%;}
  .col-lg-6 {flex: 0 0 auto; width: 50%;}
  .col-lg-7 {flex: 0 0 auto; width: 58.333333%;}
  .col-lg-8 {flex: 0 0 auto; width: 66.666667%;}
  .col-lg-9 {flex: 0 0 auto;width: 75%;}
  .col-lg-10 {flex: 0 0 auto;width: 83.333333%;}
  .col-lg-11 {flex: 0 0 auto; width: 91.666667%;}
  .col-lg-12 {flex: 0 0 auto;width: 100%;}
  .offset-lg-0 {margin-left: 0;}
  .offset-lg-1 {margin-left: 8.333333%;}
  .offset-lg-2 {margin-left: 16.666667%;}
  .offset-lg-3 {margin-left: 25%;}
  .offset-lg-4 {margin-left: 33.333333%;}
  .offset-lg-5 {margin-left: 41.666667%;}
  .offset-lg-6 {margin-left: 50%;}
  .offset-lg-7 {margin-left: 58.333333%;}
  .offset-lg-8 {margin-left: 66.666667%;}
  .offset-lg-9 {margin-left: 75%;}
  .offset-lg-10 {margin-left: 83.333333%;}
  .offset-lg-11 {margin-left: 91.666667%;}
  
  .g-lg-0, .gx-lg-0 {--bs-gutter-x: 0;}
  .g-lg-0, .gy-lg-0 {--bs-gutter-y: 0;}
  .g-lg-1, .gx-lg-1 {--bs-gutter-x: 0.25rem;}
  .g-lg-1, .gy-lg-1 {--bs-gutter-y: 0.25rem;}
  .g-lg-2, .gx-lg-2 {--bs-gutter-x: 0.5rem;}
  .g-lg-2, .gy-lg-2 {--bs-gutter-y: 0.5rem;}
  .g-lg-3, .gx-lg-3 {--bs-gutter-x: 1rem;}
  .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem;}
  .g-lg-4, .gx-lg-4 {--bs-gutter-x: 1.5rem;}
  .g-lg-4, .gy-lg-4 {--bs-gutter-y: 1.5rem;}
  .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem;}
  .g-lg-5, .gy-lg-5 {--bs-gutter-y: 3rem;}
  .g-lg-6, .gy-lg-6 {--bs-gutter-y: 4rem;}
  
  .order-lg-first {order: -1 !important;}
  .order-lg-0 {order: 0 !important;}
  .order-lg-1 {order: 1 !important;}
  .order-lg-2 {order: 2 !important;}
  .order-lg-3 {order: 3 !important;}
  .order-lg-4 {order: 4 !important;}
  .order-lg-5 {order: 5 !important;}
  .order-lg-last {order: 6 !important;}
 }
 
 
 /* 1200px 이상 - Desktop Small */ 
@media (min-width: 1200px) {
  .col-xl {flex: 1 0 0%;}
  .row-cols-xl-auto > * {flex: 0 0 auto;width: auto;}
  .row-cols-xl-1 > * {flex: 0 0 auto;width: 100%;}
  .row-cols-xl-2 > * {flex: 0 0 auto;width: 50%;}
  .row-cols-xl-3 > * {flex: 0 0 auto;width: 33.333333%;}
  .row-cols-xl-4 > * {flex: 0 0 auto;width: 25%;}
  .row-cols-xl-5 > * {flex: 0 0 auto;width: 20%;}
  .row-cols-xl-6 > * {flex: 0 0 auto;width: 16.666667%;}
  .col-xl-auto {flex: 0 0 auto;width: auto;}
  .col-xl-1 {flex: 0 0 auto; width: 8.333333%;}
  .col-xl-2 {flex: 0 0 auto; width: 16.666667%;}
  .col-xl-3 {flex: 0 0 auto; width: 25%;}
  .col-xl-4 {flex: 0 0 auto; width: 33.333333%;}
  .col-xl-5 {flex: 0 0 auto; width: 41.666667%;}
  .col-xl-6 {flex: 0 0 auto; width: 50%;}
  .col-xl-7 {flex: 0 0 auto; width: 58.333333%;}
  .col-xl-8 {flex: 0 0 auto; width: 66.666667%;}
  .col-xl-9 {flex: 0 0 auto;width: 75%;}
  .col-xl-10 {flex: 0 0 auto;width: 83.333333%;}
  .col-xl-11 {flex: 0 0 auto; width: 91.666667%;}
  .col-xl-12 {flex: 0 0 auto;width: 100%;}
  .offset-xl-0 {margin-left: 0;}
  .offset-xl-1 {margin-left: 8.333333%;}
  .offset-xl-2 {margin-left: 16.666667%;}
  .offset-xl-3 {margin-left: 25%;}
  .offset-xl-4 {margin-left: 33.333333%;}
  .offset-xl-5 {margin-left: 41.666667%;}
  .offset-xl-6 {margin-left: 50%;}
  .offset-xl-7 {margin-left: 58.333333%;}
  .offset-xl-8 {margin-left: 66.666667%;}
  .offset-xl-9 {margin-left: 75%;}
  .offset-xl-10 {margin-left: 83.333333%;}
  .offset-xl-11 {margin-left: 91.666667%;}
  
  .g-xl-0, .gx-xl-0 {--bs-gutter-x: 0;}
  .g-xl-0, .gy-xl-0 {--bs-gutter-y: 0;}
  .g-xl-1, .gx-xl-1 {--bs-gutter-x: 0.25rem;}
  .g-xl-1, .gy-xl-1 {--bs-gutter-y: 0.25rem;}
  .g-xl-2, .gx-xl-2 {--bs-gutter-x: 0.5rem;}
  .g-xl-2, .gy-xl-2 {--bs-gutter-y: 0.5rem;}
  .g-xl-3, .gx-xl-3 {--bs-gutter-x: 1rem;}
  .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem;}
  .g-xl-4, .gx-xl-4 {--bs-gutter-x: 1.5rem;}
  .g-xl-4, .gy-xl-4 {--bs-gutter-y: 1.5rem;}
  .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem;}
  .g-xl-5, .gy-xl-5 {--bs-gutter-y: 3rem;}
  .g-xl-6, .gy-xl-6 {--bs-gutter-y: 4rem;}
  
  .order-xl-first {order: -1 !important;}
  .order-xl-0 {order: 0 !important;}
  .order-xl-1 {order: 1 !important;}
  .order-xl-2 {order: 2 !important;}
  .order-xl-3 {order: 3 !important;}
  .order-xl-4 {order: 4 !important;}
  .order-xl-5 {order: 5 !important;}
  .order-xl-last {order: 6 !important;}
  
 }


 /* 1400px 이상 - Desktop Large */ 
@media (min-width: 1400px) {
  .col-xl {flex: 1 0 0%;}
  .row-cols-xxl-auto > * {flex: 0 0 auto;width: auto;}
  .row-cols-xxl-1 > * {flex: 0 0 auto;width: 100%;}
  .row-cols-xxl-2 > * {flex: 0 0 auto;width: 50%;}
  .row-cols-xxl-3 > * {flex: 0 0 auto;width: 33.333333%;}
  .row-cols-xxl-4 > * {flex: 0 0 auto;width: 25%;}
  .row-cols-xxl-5 > * {flex: 0 0 auto;width: 20%;}
  .row-cols-xxl-6 > * {flex: 0 0 auto;width: 16.666667%;}
  .col-xxl-auto {flex: 0 0 auto;width: auto;}
  .col-xxl-1 {flex: 0 0 auto; width: 8.333333%;}
  .col-xxl-2 {flex: 0 0 auto; width: 16.666667%;}
  .col-xxl-3 {flex: 0 0 auto; width: 25%;}
  .col-xxl-4 {flex: 0 0 auto; width: 33.333333%;}
  .col-xxl-5 {flex: 0 0 auto; width: 41.666667%;}
  .col-xxl-6 {flex: 0 0 auto; width: 50%;}
  .col-xxl-7 {flex: 0 0 auto; width: 58.333333%;}
  .col-xxl-8 {flex: 0 0 auto; width: 66.666667%;}
  .col-xxl-9 {flex: 0 0 auto;width: 75%;}
  .col-xxl-10 {flex: 0 0 auto;width: 83.333333%;}
  .col-xxl-11 {flex: 0 0 auto; width: 91.666667%;}
  .col-xxl-12 {flex: 0 0 auto;width: 100%;}
  .offset-xxl-0 {margin-left: 0;}
  .offset-xxl-1 {margin-left: 8.333333%;}
  .offset-xxl-2 {margin-left: 16.666667%;}
  .offset-xxl-3 {margin-left: 25%;}
  .offset-xxl-4 {margin-left: 33.333333%;}
  .offset-xxl-5 {margin-left: 41.666667%;}
  .offset-xxl-6 {margin-left: 50%;}
  .offset-xxl-7 {margin-left: 58.333333%;}
  .offset-xxl-8 {margin-left: 66.666667%;}
  .offset-xxl-9 {margin-left: 75%;}
  .offset-xxl-10 {margin-left: 83.333333%;}
  .offset-xxl-11 {margin-left: 91.666667%;}
  
  .g-xxl-0, .gx-xxl-0 {--bs-gutter-x: 0;}
  .g-xxl-0, .gy-xxl-0 {--bs-gutter-y: 0;}
  .g-xxl-1, .gx-xxl-1 {--bs-gutter-x: 0.25rem;}
  .g-xxl-1, .gy-xxl-1 {--bs-gutter-y: 0.25rem;}
  .g-xxl-2, .gx-xxl-2 {--bs-gutter-x: 0.5rem;}
  .g-xxl-2, .gy-xxl-2 {--bs-gutter-y: 0.5rem;}
  .g-xxl-3, .gx-xxl-3 {--bs-gutter-x: 1rem;}
  .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem;}
  .g-xxl-4, .gx-xxl-4 {--bs-gutter-x: 1.5rem;}
  .g-xxl-4, .gy-xxl-4 {--bs-gutter-y: 1.5rem;}
  .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem;}
  .g-xxl-5, .gy-xxl-5 {--bs-gutter-y: 3rem;}
  .g-xxl-6, .gy-xxl-6 {--bs-gutter-y: 4rem;}
  
  .order-xxl-first {order: -1 !important;}
  .order-xxl-0 {order: 0 !important;}
  .order-xxl-1 {order: 1 !important;}
  .order-xxl-2 {order: 2 !important;}
  .order-xxl-3 {order: 3 !important;}
  .order-xxl-4 {order: 4 !important;}
  .order-xxl-5 {order: 5 !important;}
  .order-xxl-last {order: 6 !important;}
  
 }
 
 
 /* ---------------------- Display 속성 ---------------------- */
 
 .dp-none {display: none !important;}
 .dp-inline-block {display: inline-block !important;}
 .dp-block {display: block !important;}
 

@media (min-width: 768px) {
  .md-dp-none {display: none !important;}
  .md-dp-inline-block {display: inline-block !important;}
  .md-dp-block {display: block !important;}
 } 
 
@media (min-width: 992px) {
  .lg-dp-none {display: none !important;}
  .lg-dp-inline-block {display: inline-block !important;}
  .lg-dp-block {display: block !important;}
 }
 
 @media (min-width: 1200px) {
  .xl-dp-none {display: none !important;}
  .xl-dp-inline-block {display: inline-block !important;}
  .xl-dp-block {display: block !important;}
 }
 
  @media (min-width: 1400px) {
  .xxl-dp-none {display: none !important;}
  .xxl-dp-inline-block {display: inline-block !important;}
  .xxl-dp-block {display: block !important;}
 }
 
 /* ---------------------- global ---------------------- */
 
 #skipNav {overflow:hidden;position:absolute;left:-9999px;width:0;height:1px;margin:0;padding:0} /* 스킵네비게이션 */
.ir_pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */

.no-scroll {overflow:hidden !important;}
.cl_b:before,
.cl_b:after {clear:both;content:'';display:block}
.show {display:block}
.hide {display:none !important;}
.brclear {display:block;}
br { display:block; }

.underline{text-decoration: underline !important;}

 @media (max-width: 1200px) {
  .brclear {display:inline;}
  br {display:inline;}
 }

 /* ---------------------- Align ---------------------- */
.inline {display: inline !important;}
.pull-right {float: right !important;}
.pull-left {float: left !important;}
.txt-center {text-align: center !important;}
.txt-right{text-align: right !important;}
.justify-content-center {justify-content:center !important}



 
 
/* ---------------------- Color Palette ---------------------- */
 .biff-red { color:var(--biff-red) !important;} /* #E20011 */
 .biff-redv2 { color:var(--biff-red-v2) !important;} /* #BA0715 */
 
 .text-white1 {color:#fff}
 .text-white2 {color:rgba(255,255,255,0.7)}
 
 .text-gray1 {color:var(--text-gray1);} /* #222 */
 .text-gray2 {color:var(--text-gray2);} /* #555 */
 .text-gray3 {color:var(--text-gray3);} /* #888 */

 .bg-gray1 {background:var(--bg-gray1);} /* #f6f6f6 */
 

/* ---------------------- Width ---------------------- */
.wid10 {width:10%}
.wid30 {width:30%}
.wid50 {width:50%;}
.wid70 {width:70%;}
.wid80 {width:80%;}
.wid100 {width:100%;}

.list-inline {list-style:none;}
.list-inline>li {display:inline-block;padding-right:5px;padding-left:5px;}


/* ---------------------- Spacing ---------------------- */

.nopadding {padding: 0 !important;margin:0 !important}
.nomargin {margin:0 !important}


.mt-0 {margin-top:0 !important;}
.mt-1 {margin-top:0.4rem !important;}
.mt-2 {margin-top:0.8rem !important;}
.mt-3 {margin-top:1.2rem !important;}
.mt-4 {margin-top:1.6rem !important;}
.mt-5 {margin-top:2.0rem !important;}
.mt-6 {margin-top:2.4rem !important;}
.mt-7 {margin-top:2.8rem !important;}
.mt-8 {margin-top:3.2rem !important;}
.mt-9 {margin-top:3.6rem !important;}
.mt-10 {margin-top:4.0rem !important;}

.mb-0 {margin-bottom:0.4rem !important;}
.mb-1 {margin-bottom:0.4rem !important;}
.mb-2 {margin-bottom:0.8rem !important;}
.mb-3 {margin-bottom:1.2rem !important;}
.mb-4 {margin-bottom:1.6rem !important;}
.mb-5 {margin-bottom:2.0rem !important;}
.mb-6 {margin-bottom:2.4rem !important;}
.mb-7 {margin-bottom:2.8rem !important;}
.mb-8 {margin-bottom:3.2rem !important;}
.mb-9 {margin-bottom:3.6rem !important;}
.mb-10 {margin-bottom:4.0rem !important;}
.mb-11 {margin-bottom:4.4rem !important;}
.mb-12 {margin-bottom:4.8rem !important;}

.my-0 {margin-top:0 !important;margin-bottom: 0 !important}
.my-1 {margin-top:0.4rem !important;margin-bottom: 0.4rem !important}
.my-2 {margin-top:0.8rem !important;margin-bottom: 0.8rem !important}
.my-3 {margin-top:1.2rem !important;margin-bottom: 1.2rem !important}
.my-4 {margin-top:1.6rem !important;margin-bottom: 1.6rem !important}
.my-5 {margin-top:2.0rem !important;margin-bottom: 2.0rem !important}
.my-6 {margin-top:2.4rem !important;margin-bottom: 2.4rem !important}
.my-7 {margin-top:2.8rem !important;margin-bottom: 2.8rem !important}
.my-8 {margin-top:3.2rem !important;margin-bottom: 3.2rem !important}
.my-9 {margin-top:3.6rem !important;margin-bottom: 3.6rem !important}
.my-10 {margin-top:4.0rem !important;margin-bottom: 4.0rem !important}
.my-11 {margin-top:4.4rem !important;margin-bottom: 4.4rem !important}
.my-12 {margin-top:4.8rem !important;margin-bottom: 4.8rem !important}


.mx-0 {margin-left:0 !important;margin-right: 0 !important}
.mx-1 {margin-left:0.4rem !important;margin-right: 0.4rem !important}
.mx-2 {margin-left:0.8rem !important;margin-right: 0.8rem !important}
.mx-3 {margin-left:1.2rem !important;margin-right: 1.2rem !important}
.mx-4 {margin-left:1.6rem !important;margin-right: 1.6rem !important}
.mx-5 {margin-left:2.0rem !important;margin-right: 2.0rem !important}
.mx-6 {margin-left:2.4rem !important;margin-right: 2.4rem !important}
.mx-7 {margin-left:2.8rem !important;margin-right: 2.8rem !important}
.mx-8 {margin-left:3.2rem !important;margin-right: 3.2rem !important}
.mx-9 {margin-left:3.6rem !important;margin-right: 3.6rem !important}
.mx-10 {margin-left:4.0rem !important;margin-right: 4.0rem !important}
.mx-11 {margin-left:4.4rem !important;margin-right: 4.4rem !important}
.mx-12 {margin-left:4.8rem !important;margin-right: 4.8rem !important}


 @media (min-width: 1200px) {

.mt-xl-0 {margin-top:0 !important;}
.mt-xl-1 {margin-top:0.4rem !important;}
.mt-xl-2 {margin-top:0.8rem !important;}
.mt-xl-3 {margin-top:1.2rem !important;}
.mt-xl-4 {margin-top:1.6rem !important;}
.mt-xl-5 {margin-top:2.0rem !important;}
.mt-xl-6 {margin-top:2.4rem !important;}
.mt-xl-7 {margin-top:2.8rem !important;}
.mt-xl-8 {margin-top:3.2rem !important;}
.mt-xl-9 {margin-top:3.6rem !important;}
.mt-xl-10 {margin-top:4.0rem !important;}

.mb-xl-0 {margin-bottom:0.4rem !important;}
.mb-xl-1 {margin-bottom:0.4rem !important;}
.mb-xl-2 {margin-bottom:0.8rem !important;}
.mb-xl-3 {margin-bottom:1.2rem !important;}
.mb-xl-4 {margin-bottom:1.6rem !important;}
.mb-xl-5 {margin-bottom:2.0rem !important;}
.mb-xl-6 {margin-bottom:2.4rem !important;}
.mb-xl-7 {margin-bottom:2.8rem !important;}
.mb-xl-8 {margin-bottom:3.2rem !important;}
.mb-xl-9 {margin-bottom:3.6rem !important;}
.mb-xl-10 {margin-bottom:4.0rem !important;}
.mb-xl-11 {margin-bottom:4.4rem !important;}
.mb-xl-12 {margin-bottom:4.8rem !important;}

.my-xl-0 {margin-top:0 !important;margin-bottom: 0 !important}
.my-xl-1 {margin-top:0.4rem !important;margin-bottom: 0.4rem !important}
.my-xl-2 {margin-top:0.8rem !important;margin-bottom: 0.8rem !important}
.my-xl-3 {margin-top:1.2rem !important;margin-bottom: 1.2rem !important}
.my-xl-4 {margin-top:1.6rem !important;margin-bottom: 1.6rem !important}
.my-xl-5 {margin-top:2.0rem !important;margin-bottom: 2.0rem !important}
.my-xl-6 {margin-top:2.4rem !important;margin-bottom: 2.4rem !important}
.my-xl-7 {margin-top:2.8rem !important;margin-bottom: 2.8rem !important}
.my-xl-8 {margin-top:3.2rem !important;margin-bottom: 3.2rem !important}
.my-xl-9 {margin-top:3.6rem !important;margin-bottom: 3.6rem !important}
.my-xl-10 {margin-top:4.0rem !important;margin-bottom: 4.0rem !important}
.my-xl-11 {margin-top:4.4rem !important;margin-bottom: 4.4rem !important}
.my-xl-12 {margin-top:4.8rem !important;margin-bottom: 4.8rem !important}


.mx-xl-0 {margin-left:0 !important;margin-right: 0 !important}
.mx-xl-1 {margin-left:0.4rem !important;margin-right: 0.4rem !important}
.mx-xl-2 {margin-left:0.8rem !important;margin-right: 0.8rem !important}
.mx-xl-3 {margin-left:1.2rem !important;margin-right: 1.2rem !important}
.mx-xl-4 {margin-left:1.6rem !important;margin-right: 1.6rem !important}
.mx-xl-5 {margin-left:2.0rem !important;margin-right: 2.0rem !important}
.mx-xl-6 {margin-left:2.4rem !important;margin-right: 2.4rem !important}
.mx-xl-7 {margin-left:2.8rem !important;margin-right: 2.8rem !important}
.mx-xl-8 {margin-left:3.2rem !important;margin-right: 3.2rem !important}
.mx-xl-9 {margin-left:3.6rem !important;margin-right: 3.6rem !important}
.mx-xl-10 {margin-left:4.0rem !important;margin-right: 4.0rem !important}
.mx-xl-11 {margin-left:4.4rem !important;margin-right: 4.4rem !important}
.mx-xl-12 {margin-left:4.8rem !important;margin-right: 4.8rem !important}

}



/* Mobile 가로 스크롤 */
.h-scroll {position:relative;width:auto;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling: touch;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;overflow-y: hidden;}
.h-scroll::-webkit-scrollbar {display:none;}
.h-scroll > * {display:inline-block;white-space:normal}

 @media (min-width: 992px) {
	 
	.h-scroll {white-space:normal;overflow-x:inherit}	  
 }



/* ---------------------- Iconography ---------------------- */

.icon {display: inline-block;width:24px;height:24px;margin:auto auto;overflow: hidden; vertical-align: middle;text-indent: -9999px;font-size: 0}

.icon.fill-light path,
.icon.fill-light polygon,
.icon.fill-light rect,
.icon.fill-light circle {fill:#fff;}

.icon.fill-dark path,
.icon.fill-dark polygon,
.icon.fill-dark rect,
.icon.fill-dark circle  {fill:var(--text-gray1);}

.icon-m {width:24px;height:24px;}
.icon-s {width:16px;height:16px;}

.icon-brand {background-image:url(/kor/img/cmm/icon_brand.svg);} /* 브랜드 아이콘 */
.icon-essential {background-image:url(/kor/img/cmm/icon_essential.svg);} /* 기본 아이콘 */
.icon-share {background-image:url(/kor/img/cmm/icon_share.svg);} /* 공유 아이콘 */

/* Navigation icons */
.icon.i_arrow_left_dark {background-position: 0 0;}
.icon.i_arrow_left_light {background-position: -24px 0;}
.icon.i_arrow_left_blue {background-position: -48px 0;}
.icon.i_arrow_top {background-position: -72px 0;}
.icon.i_more {background-position: -96px 0;}
.icon.i_delete_dark {background-position: -120px 0;}
.icon.i_delete_light {background-position: -144px 0;}
.icon.i_reset {background-position: -168px 0;}
.icon.i_lang {background-position: -192px 0;}

/* Function icons */
.icon.i_search_dark {background-position: 0 -24px;}
.icon.i_question {background-position: -24px -24px;}
.icon.i_new {background-position: -48px -24px;}
.icon.i_cineq {background-position: -72px -24px;}
.icon.i_share {background-position: -96px -24px;}
.icon.i_switch {background-position: -120px -24px;}

/* Grade icons */
.icon.i_grade_G {background-position: 0 -48px;}
.icon.i_grade_12 {background-position: -24px -48px;}
.icon.i_grade_15 {background-position: -48px -48px;}

/* Brand icons */
.icon.i_tv {background-position: 0 0;}
.icon.i_calendar {background-position: -24px 0;}
.icon.i_movie {background-position: -48px 0;}
.icon.i_hello {background-position: -72px 0;}
.icon.i_ticket {background-position: -96px 0;}
.icon.i_shining {background-position: -120px 0;}
.icon.i_film {background-position: -144px 0;}
.icon.i_book {background-position: -168px 0;}
.icon.i_mail {background-position: -192px 0;}


/* Share icons */
.icon.i_instagram {background-position: 0 0;}
.icon.i_youtube {background-position: -24px 0;}
.icon.i_kakaotalk {background-position: -48px 0;}
.icon.i_facebook {background-position: -72px 0;}
.icon.i_twiter {background-position: -96px 0;}



/* ---------------------- Components ---------------------- */


/* Thumbnail */
.center-block {display:block;margin-left:auto;margin-right:auto;}
.thumb {position:relative;display:block;overflow:hidden;}
.thumb > img {display:block;height:auto;max-width:100%;object-fit:cover;}
.thumb-circle {position:relative;display:block;overflow:hidden;border-radius:50%;-webkit-border-radius:50%;}
.thumb-circle > img {display:block;height:auto;max-width:100%;object-fit:cover;}
.avatar {position:relative;display:inline-block;overflow:hidden;border-radius:50%;-webkit-border-radius:50%;}
.avatar > img {display:block;max-width:100%;width:100%;height:100%;object-fit:cover;}

	
	
 /* Buttons */
.btn {position:relative;display: inline-block;line-height:1;color:#222;border: 1px solid transparent;border-radius:var(--radius-s);
	background-color: transparent;padding: 0 1.6rem;font-size: 1.4rem;font-weight:bold;
	vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
	transition: var(--transition);text-align: center}

@media (prefers-reduced-motion: reduce) {
  .btn {transition: none;}
}

.btn:disabled, .btn.disabled, fieldset:disabled .btn {pointer-events: none;opacity: 0.65;}
.btn.btn-block {display:block;width:100%;}
.btn.btn-m-block {display:block;width:100%;}

.btn.btn-white {color:#222;background-color:#fff}
.btn.btn-black {color:#fff;background-color:#222}
.btn.btn-biffblue {color:#fff;background-color:var(--biff-blue)}
.btn.btn-line {color:var(--text-gray2);background-color:#fff;border-color:var(--line-gray1)}

.btn.btn-xs {padding: 0rem 1.6rem;min-width:1rem;height:3.2rem;line-height:3.2rem;font-size:1.3rem;font-weight:500}
.btn.btn-s {padding: 0rem 1.6rem;min-width:1rem;height:4rem;line-height:4rem}
.btn.btn-m {padding: 0 2em;min-width:18rem;height:4.8rem;line-height:4.6rem}
.btn.btn-l {padding: 0 2em;min-width:18rem;height:5.6rem;line-height:5.6rem;border-radius:var(--radius-m);}

.btn-with-icon .inner {display: flex;justify-content:center;align-items: center;content:none}
.btn-with-icon.icon-left .inner {padding-right:4px}
.btn-with-icon.icon-left .inner .icon {margin-right:4px !important;margin-left:0 !important}
.btn-with-icon.icon-right .inner {padding-left:8px}
.btn-with-icon.icon-right .inner .icon {margin-left:4px !important;margin-right:0 !important}


/* Text button */
.btn-text {position:relative;display: flex;justify-content: flex-start;align-items: center;height:2.4rem;text-align: left;line-height: 100%;}

.btn-text-s {font-size:1.4rem;}
.btn-text-m {font-size:1.8rem;}

.btn-text-gray {color:var(--text-gray2);}
.btn-text-blue {color:var(--biff-blue);}

.btn.btn-primary {border:0px solid #e32e2f;color:#fff;
	background: linear-gradient(left, #ce1e36, #e32e2f);background: -webkit-linear-gradient(left, #ce1e36, #e32e2f); /* Webkit */
	background: -moz-linear-gradient(left, #ce1e36, #e32e2f); /* For Firefox */	background: -o-linear-gradient(left, #ce1e36, #e32e2f); /* 오페라 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce1e36', endColorstr='#e32e2f'); /* IE */
	box-shadow:0 0 3px rgba(0,0,0,.1);
	transition:all 0.2s ease;
	-webkit-transition:all 0.2s ease;
	background:#ce1e36;
	}
.btn.btn-primary:hover {box-shadow:0 0 1px rgba(226,46,47,.5);}
.btn-s.btn-primary:hover {box-shadow:0 0 1px rgba(226,46,47,.5);}



@media (min-width: 992px) {
	.btn.btn-m-block {display: inline-block;width:auto;text-align: center}
}


/* Tags */

.tag_wrap {display: flex;justify-content: flex-start;align-items: center;flex-direction: row; }
.tag_wrap .btn_tag {display:flex;justify-content:center;align-items: center; margin-right:4px;border:1px solid var(--line-gray1);border-radius: var(--radius-xs);font-size:1.4rem;line-height:100%;padding:0 1.6rem 0 1.2rem;height: 4rem;white-space: nowrap}

@media (min-width: 992px) {
	
	.tag_wrap .btn_tag {margin-right:8px}
	
	}


/* badges */
.badge {display:inline-block;font-size:1.2rem;line-height:2.2rem; color:#fff;padding:0 1.2rem;height:2.2rem;border-radius:8px}
.badge_highlight {background:var(--bg-highlight);}


/* Spinners */
@-webkit-keyframes spinner-border {
  to {transform: rotate(360deg);}
}

@keyframes spinner-border {
  to {transform: rotate(360deg);}
}

.spinner-border {display: inline-block;width: 2rem;height: 2rem;vertical-align: text-bottom;border: 0.25em solid currentColor;border-right-color: transparent;border-radius: 50%;-webkit-animation: spinner-border 0.75s linear infinite;animation: spinner-border 0.75s linear infinite;}


@-webkit-keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}

@keyframes spinner-grow {
  0% {transform: scale(0);}
  50% {opacity: 1;transform: none;}
}

.spinner-grow {display: inline-block;width: 2rem;height: 2rem;vertical-align: inherit;
  background-color: currentColor;border-radius: 50%;opacity: 0;-webkit-animation: spinner-grow 0.75s linear infinite;animation: spinner-grow 0.75s linear infinite;}

.spinner-grow-sm {width: 1rem;height: 1rem;}


/* Tool tip */
.tooltip {position: absolute;z-index: 1070;display: block;margin: 0;line-height: 1.5;text-align: center;text-align: start;line-break: auto;font-size: 1.3rem;word-wrap: break-word;opacity: 0;}
.tooltip.show {opacity: 0.9;}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {padding: 0.4rem 0;}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[x-placement^="top"] .tooltip-arrow {bottom: 0;}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before {top: 0;border-width: 0.4rem 0.4rem 0;border-top-color: #000;}
.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {padding: 0.4rem 0;}
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[x-placement^="bottom"] .tooltip-arrow {top: 0;}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .tooltip-arrow::before {bottom: 0;border-width: 0 0.4rem 0.4rem;border-bottom-color: #000;}


/* Toast */
.toast {max-width: 350px;overflow:hidden;font-size:1.4rem;background-color:#fff;background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);-webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);opacity: 0;border-radius: 0.3rem;}
.toast:not(:last-child) {margin-bottom: 0.75rem;}
.toast.showing {opacity: 1;}
.toast.show {display: block;opacity: 1;}
.toast.hide {display: none;}
.toast-header {display: flex;align-items: center;padding: 1rem 1.5rem;background-clip: padding-box;}
.toast-body {padding: 1.5rem;}


/* modal */
.modal-open {overflow: hidden;}
.modal-open .modal {overflow-x: hidden;overflow-y: auto;}

.modal {position: fixed;top: 0;left: 0;z-index: 1050;display: none;width: 100%;height: 100%;overflow: hidden;outline: 0;}
.modal-dialog {position:relative;width: auto;margin: 2rem 0rem;pointer-events: none;}
.modal.fade .modal-dialog {transition: transform 0.3s ease-out;transform: translate(0, -50px);}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {transition: none;}
}

.modal.show .modal-dialog {transform: none;}
.modal-dialog-scrollable {max-height: calc(100% - 1rem);margin: 2rem 0rem;} /* modal scroll */
.modal-dialog-scrollable .modal-content {overflow: hidden;}
.modal-dialog-scrollable .modal-body {overflow-y: auto;}

.modal-dialog-centered {display: flex;align-items: center; min-height: calc(100% - 1rem);} /* vertical cetner modal */

.modal-content {position: relative;display: flex;flex-direction: column;width: 100%;pointer-events: auto;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 0.6rem;outline: 0;}

.modal-backdrop {position:fixed;top:0;left:0;z-index:1040; width:100vw;height:100vh;background-color: #000;}
.modal-backdrop.fade {opacity: 0;}
.modal-backdrop.show {opacity: 0.7;}

.modal-header .close {position:absolute;top:1rem;right:1rem;width:5rem;height:5rem;text-align:center;color:#fff;z-index:10}
.modal-header .close span {display:block;font-size:4rem;line-height:4rem;}
.modal-title {margin-bottom:0;line-height: 1.5;}
.modal-body {position: relative;flex: 1 1 auto;padding: 2.4rem;}
.modal-footer {display: flex;flex-wrap: wrap;flex-shrink: 0;align-items: center;justify-content: flex-end;padding: 0.75rem;border-top: 1px solid #dee2e6;border-bottom-right-radius: calc(0.3rem - 1px);border-bottom-left-radius: calc(0.3rem - 1px);}
.modal-scrollbar-measure {position: absolute;top: -9999px;width: 50px;height: 50px;overflow: scroll;}

.modal-body:not {cursor: url(/kor/img/cmm/cursor_close.svg) 5 5, progress;}


@media (min-width: 768px) {
  .modal-dialog {max-width: 500px;margin: 1.75rem auto;}
  .modal-dialog-scrollable {max-height: calc(100% - 3.5rem);margin: 1.75rem auto;}
  .modal-dialog-centered {min-height: calc(100% - 3.5rem);}
  .bd-content>[id] {scroll-margin-top:4rem}
  
  .modal-dialog.modal-sm {max-width:500px}
}

@media (min-width: 992px) {
  .modal-dialog {max-width: 780px;}
  .modal-body {padding:0 5.5rem 5.5rem 5.5rem;}
  .modal-dialog.modal-sm {max-width:500px}
}

@media (min-width: 1200px) {
  .modal-dialog {max-width: 960px;}
  .modal-body {padding:0 8rem 5rem 8rem;}
  .modal-dialog.modal-sm {max-width:500px}
}


/* dropdown menu */
.dropdown, .dropleft, .dropright, .dropup {position:relative}
.dropdown-toggle {white-space: nowrap;}
.dropdown-toggle::after {display: inline-block;margin-left:0.6rem; vertical-align: 0.255em;content: "";border-top: 0.3em solid;border-right: 0.3em solid transparent;border-bottom: 0;border-left: 0.3em solid transparent;margin-top:3px}
.dropdown-toggle:empty::after {margin-left: 0;}

.dropdown-menu {position:absolute;top:100%;left:0;z-index:100;display:none;min-width:22rem;padding:1.6rem 1rem;margin:0;font-size:1.4rem;text-align: left;
	background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 0.3rem;color:#212529;box-shadow:3px 3px 10px rgba(0,0,0,0.1)}
.dropdown-menu.dropdown-s {min-width:14rem}
.dropdown-menu.show {display: block;position: absolute; transform: translate3d(0px, 38px, 0px); top: 0px; left: 0px; will-change: transform;}
	
.dropdown-item {display:block;width:100%;padding:0.5rem 1rem;clear:both;color:#212529;white-space: nowrap;background-color:transparent;text-align:left}
.dropdown-item:hover, .dropdown-item:focus {color: #16181b;background-color: #f8f9fa;}
.dropdown-item.active, .dropdown-item:active {color: #fff;text-decoration: none;background-color: #0d6efd;}
.dropdown-item.disabled, .dropdown-item:disabled {color: #6c757d;pointer-events: none;background-color: transparent;}

.dropdown-header {display: block;padding: 0 1rem 0.5rem;margin-bottom: 0;font-size:1.1rem;color: #777;white-space: nowrap;text-transform: uppercase;font-weight:500}


/* pagenation */
.pagination {display: flex;padding-left: 0;list-style: none;}
.page-link {position: relative;display: block;color: #0d6efd;text-decoration: none;background-color: #fff;border: 1px solid #dee2e6;}
.page-link:hover {z-index: 2;color: #024dbc;background-color: #e9ecef;border-color: #dee2e6;}
.page-link:focus {z-index: 3;outline: 0;box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);}
.page-item:not(:first-child) .page-link {margin-left: -1px;}
.page-item.active .page-link {z-index: 3;color: #fff;background-color: #0d6efd;border-color: #0d6efd;}
.page-item.disabled .page-link {color: #6c757d;pointer-events: none;background-color: #fff;border-color: #dee2e6;}
.page-link {padding: 0.375rem 0.75rem;}
.page-item:first-child .page-link {border-top-left-radius: 0.25rem;border-bottom-left-radius: 0.25rem;}
.page-item:last-child .page-link {border-top-right-radius: 0.25rem;border-bottom-right-radius: 0.25rem;}



/* ---------------------- Forms ---------------------- */

/* input text */
.form-label {margin-bottom: 0.6rem;font-weight:bold;font-size:1.6rem;color:var(--text-gray1);display:inline-block}
.form-control {display: block;width: 100%;padding: 0.8rem 1.6rem;font-weight: 400;font-size: 1.6rem;line-height: 100%;
  color:var(--text-gray1);
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid var(--line-gray1);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius:var(--radius-s);
  transition: border-color 0.2s ease-out, box-shadow 0.2s ease-out;
}

.form-control.form-control-l {height:5.6rem;padding: 0.8rem 2rem;}
.form-control.form-control-m {height:4rem;}
.form-control.form-control-s {height:3.2rem;}



@media (prefers-reduced-motion: reduce) {
  .form-control {transition: none;}
}

.form-control:focus {border-color: #8bbafe;box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);}
.form-control::-webkit-input-placeholder {color:var(--txt-muted, gray);opacity: 1;}
.form-control::-moz-placeholder {color:var(--txt-muted, gray);opacity: 1;}
.form-control::-ms-input-placeholder {color:var(--txt-muted, gray);opacity: 1;}
.form-control::placeholder {color:var(--txt-muted, gray);opacity: 1;}
.form-control:disabled, .form-control[readonly] {background-color: #f5f5f5;opacity: 1;color:#aaa;}
.form-control:disabled, .form-control[readonly]:focus {box-shadow: none;border-color:#ced4da}

/* input feedback */
.valid-feedback {display: none;width: 100%;margin-top: 0.25rem;font-size: 1.2rem;color: #28a745;}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback {display: block;}
.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.invalid-feedback {display: none;width: 100%;margin-top: 0.25rem;font-size: 1.2rem;color: #dc3545;}
.invalid-tooltip {position: absolute;top: 100%;z-index: 5;display: none;max-width: 100%;padding: 0.25rem 0.5rem; margin-top: .1rem;font-size: 1.2rem;color: #fff;background-color: rgba(220, 53, 69, 0.9);border-radius: 0.25rem;}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {border-color: #dc3545;box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {padding-right: calc(1.5em + 0.75rem);background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);}


/* form-select */
.form-select {display: block;width: 100%;padding: 1rem 1.2rem;font-size: 1.5rem;font-weight: 400;
  line-height: 1.5;color:var(--primary-black);
  vertical-align: middle;background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;background-position: right 0.75rem center;background-size: 16px 12px;
  border: 1px solid #ced4da;border-radius: 0.25rem;-webkit-appearance: none;-moz-appearance: none;appearance: none;
}
.form-select:focus {border-color: #8bbafe;outline: 0;box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);}
.form-select:focus::-ms-value {color: #495057;background-color: #fff;}
.form-select[multiple], 
.form-select[size]:not([size="1"]) {height: auto;padding-right: 0.75rem;background-image: none;}
.form-select:disabled {color: #6c757d;background-color: #e9ecef;}
.form-select:-moz-focusring {color: transparent;text-shadow: 0 0 0 #495057;}
.form-select-sm {height: calc(1.5em + 0.5rem + 2px);padding-top: 0.25rem;padding-bottom: 0.25rem;padding-left: 0.5rem;font-size: 0.875rem;}
.form-select-lg {height: calc(1.5em + 1rem + 2px);padding-top: 0.5rem;padding-bottom: 0.5rem;padding-left: 1rem;font-size: 1.25rem;}


/* checkbox */
.form-check {display:block;min-height:2rem;padding-left:2.8rem;}
.form-check .form-check-input {float: left;margin-left: -2.8rem;}
.form-check-input {
  width:2rem;height:2rem;
  margin-top: 0.2rem;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


@media (prefers-reduced-motion: reduce) {
  .form-check-input {transition: none;}
}

.form-check-input[type="checkbox"] {border-radius: 0.3rem;}
.form-check-input[type="radio"] {border-radius: 50%;}
.form-check-input:active {-webkit-filter: brightness(90%);filter: brightness(90%);}
.form-check-input:checked {background-color:var(--primary-black, #111);border-color:var(--primary-black, #111)}

.form-check-input:checked[type="checkbox"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type="radio"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type="checkbox"]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.form-check-input:disabled {pointer-events: none;-webkit-filter: none;filter: none;opacity: .5;}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {opacity: .5;}


.form-check-inline {display: inline-block;margin-right: 1rem;}

/* Switch - 추후 수정 */
.form-switch {padding-left: 2.5em;}
.form-switch .form-check-input {width:4rem;height:2.4rem;margin-left: -2.5em;
	background-image: url(/kor/img/cmm/ico_switch.svg);
	/*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");*/
	background-position: left center;border-radius: 2em;border-color:#ccc;border-width:2px}
.form-switch .form-check-input:focus {/*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%238bbafe'/%3e%3c/svg%3e");*/}
.form-switch .form-check-input:checked {
  background-position: right center;
  background-color:#3053A3;
  background-image: url(/kor/img/cmm/ico_switch_check.svg);
  border-color:#3053A3;border-width: 2px;
}


/* Input group */
.input-group {position: relative;display: flex;flex-wrap: wrap;align-items: stretch; width: 100%;}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-file {position: relative;flex: 1 1 auto;width: 1%; min-width: 0;}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-file .form-file-input:focus ~ .form-file-label {z-index: 3;}
.input-group > .form-file > .form-file-input:focus {z-index: 4;}
.input-group > .form-file:not(:last-child) > .form-file-label {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.input-group > .form-file:not(:first-child) > .form-file-label {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.input-group .btn {position: relative;z-index: 2;}
.input-group .btn:focus {z-index: 3;}
.input-group-text {display: flex;align-items: center;padding: 1rem 1.2rem;font-size: 1.5rem;
  line-height: 1.5;color:var(--primary-black);text-align: center;white-space: nowrap;font-weight:bold;color:var(--txt-gray);display:inline-block}

.input-group {border: 1px solid #ced4da; border-radius: 0.3rem;-webkit-border-radius: 0.3rem;}
.input-group > .form-select,
.input-group > .form-control {border:0;}

.input-group > .form-select + .form-control {border-left:1px solid #ced4da;border-radius: 0 0.3rem 0.3rem 0;}



/* 커스텀 셀렉트 */
.select-hidden {display: none;visibility: hidden;padding-right:10px;}
.select-custom .select {cursor:pointer;position:relative;display:inline-block;line-height:1;margin-right:4px;}
.select-custom .select-styled {background-color:#fff;-moz-transition: all 0.2s ease-in;
	border:1px solid #ededed;
	padding:0 30px 0 10px;
	font-size:14px;color:#999;
	height:36px;
	line-height:34px;
	text-align:left;
	border-radius:3px;-webkit-border-radius:3px;
	-o-transition: all 0.15s ease-in;
	-webkit-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in;
	width:150px;
	}

.select-custom .select-styled:after {content: "";width:0;height:0;border:4px solid transparent;border-color:#aaa transparent transparent transparent;position:absolute;top:17px;right:10px;}
.select-custom .select-styled:hover {border-color:#ccc;color:#666}
.select-custom .select-styled:active, 
.select-custom .select-styled.active {border-color:#aaa;color:#888}
.select-custom .select-styled:active:after, 
.select-styled.active:after {top:12px;border-color: transparent transparent #888 transparent;}
.select-custom .select-list {display:none;position:absolute;padding:3px 0;top:95%;right:0;left:0;z-index:999;margin:0;list-style:none;background-color:#fff;border:1px solid #aaa;border-top:0;
							border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;width:150px;}
.select-custom .select-list li {font-size:14px;margin:0;padding:8px 10px;text-indent:0px;border-bottom:0px solid #e0e0e0;-moz-transition:all 0.15s ease-in;-o-transition:all 0.15s ease-in;-webkit-transition: all 0.15s ease-in;transition: all 0.15s ease-in;
								color:#888;}
.select-custom .select-list li:last-child {border-bottom:0}
.select-custom .select-list li:hover {color:#111;}
.select-custom .select-list li[rel="hide"] {display:none;}
.select-custom.on .select-styled {border-color:#888;color:#555;font-weight:bold}

@media only all and (max-width:768px) {

	
	.select-custom .select-styled {height:32px;line-height:30px;font-size:13px;letter-spacing:-0.5px;border-color:#e0e0e0;color:#666}
	.select-custom .select-styled:after {top:14px}
	.select-styled.active:after {top:9px}

	.select-custom.on .select-styled {color:#111}

	.table-responsive {border:0px solid #eb8787;} /* 반응형 테이블 */
	.table-responsive table,
	.table-responsive table.tbl {background:#fff;}


}




/* old margin */

.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt80{margin-top:80px;}
.mt100{margin-top:100px;}
.mt150{margin-top:165px;}

.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb80{margin-bottom:80px;}

.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml80 {margin-left:80px;}
.ml90 {margin-left:90px;}
.ml100 {margin-left:100px;}
.ml120 {margin-left:120px;}
.ml150 {margin-left:150px;}
.ml180 {margin-left:180px;}
 @media (min-width: 992px) {
	
	.mt1{margin-top:1.6rem;}
	.mt2{margin-top:2.4rem;}
	.mt3{margin-top:3.2rem;}
	.mt4{margin-top:4rem;}
	.mt5{margin-top:4.8rem;}
	.mt6 {margin-top:5.6rem;}
 }

.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt80 {padding-top:80px;}

.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb80 {padding-bottom:80px;}
 
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pl80 {padding-left:80px;}

.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:40px;}
.pr50 {padding-right:50px;}
.pr80 {padding-right:80px;}