html, body {
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
}
.g-mx-16 {
    margin-left: 16px;
    margin-right: 16px;
}

.border-gray {
    border-color: #dddddd !important;
}

::selection {
    background-color: #bad7fb; !important;
    color: #112439; !important;
}

input[type]:focus {
    border: 1px solid #0a0a0a; !important;
}

textarea[id]:focus {
    border: 1px solid #0a0a0a; !important;
}

select[id]:focus {
    border: 1px solid #0a0a0a; !important;
}

.was-validated .form-control:valid, .form-control.is-valid, .was-validated
.custom-select:valid,
.custom-select.is-valid {
    border-color: #cccccc;
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated
.custom-select:valid:focus,
.custom-select.is-valid:focus {
    border-color: #cccccc;
    box-shadow: 0 0 0 0.2rem rgba(246, 45, 81, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
    color: #6c757d;
}

/* Outline Button Pink */
.u-btn-outline-pink-1 {
    color: #4d4d4d;
    border-color: #f7f7f7;
    background-color: #f7f7f7;
}

.u-btn-outline-pink-1:focus, .u-btn-outline-pink-1.active {
    color: #fff;
    background-color: #FF6060;
}

.u-btn-outline-pink-1:hover {
    color: #4d4d4d;
    background-color: #FF6060;
}

.u-btn-outline-pink-2:hover {
    color: #fff;
    background-color: #FF6060;
}

.icon-shadow-bg {
    -webkit-filter: drop-shadow(1px 1px 1px #c7c7c7);
    filter: drop-shadow(2px 2px 3px #c7c7c7);
}

.scale-card {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all 0.3s ease-in-out; /* 부드러운 모션을 위해 추가*/
}

.scale-card:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.img-card {
    overflow: hidden
}

/* 부모를 벗어나지 않고 내부 이미지만 확대 */

/* spinner component */
.spinner-overlay {
    display: none;
    z-index: 1000;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.7);
    overflow-x: hidden;
}

.loader,
.loader:before,
.loader:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}

.loader {
    color: #ffffff;
    font-size: 10px;
    margin: 160px auto 80px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.loader:before,
.loader:after {
    content: '';
    position: absolute;
    top: 0;
}

.loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.loader:after {
    left: 3.5em;
}

@-webkit-keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

@keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

/* 에셋 - 에메랄드 */
.g-color-emerald {
    color: #00ceff;
}

.g-color-emerald--hover:hover {
    color: #00ceff;
}

.g-bg-emerald {
    background-color: #00ceff;
}

.g-brd-emerald {
    border-color: #00ceff; !important;
}

.g-brd-emerald:hover {
    border-color: #00ceff; !important;
}

.g-brd-emerald.active {
    border-color: #00ceff; !important;
}

.g-brd-emerald--focus:focus {
    border-color: #00ceff; !important;
}

.u-btn-emerald {
    color: #ffff;
    border-color: #00ceff;
    background-color: #00ceff;
}

.u-btn-emerald:focus, .u-btn-emerald.active {
    color: #fff;
    background-color: #1a9cc4;
}

.u-btn-emerald:hover {
    color: #fff;
    background-color: #60d8e8;
}

.u-btn-outline-emerald {
    color: #00ceff;
    border-color: #00ceff;
}

.u-btn-outline-emerald:focus, .u-btn-outline-emerald.active {
    color: #fff;
    background-color: #00ceff;
}

.u-btn-outline-emerald:hover {
    color: #fff;
    background-color: #00ceff;
}

/* 에셋 - 코랄 */
.g-color-coral {
    color: #FF6060;
}

.g-color-coral--hover:hover {
    color: #FF6060;
}

.g-bg-coral {
    background-color: #FF6060;
}

.g-brd-coral {
    border-color: #FF6060; !important;
}

.g-brd-coral:hover {
    border-color: #FF6060; !important;
}

.g-brd-coral.active {
    border-color: #FF6060; !important;
}

.u-btn-coral {
    color: #ffff;
    border-color: #FF6060;
    background-color: #FF6060;
}

.u-btn-coral:focus, .u-btn-coral.active {
    color: #fff;
    background-color: #FF6060;
}

.u-btn-coral:hover {
    color: #fff;
    background-color: #FF6060;
}

.u-btn-outline-coral {
    color: #FF6060;
    border-color: #FF6060;
}

.u-btn-outline-coral:focus, .u-btn-outline-coral.active {
    color: #fff;
    background-color: #FF6060;
}

.u-btn-outline-coral:hover {
    color: #fff;
    background-color: #FF6060;
}

/* 에셋 - 자수정 */
.g-color-amethyst {
    color: #8400ff;
}

.g-color-amethyst--hover:hover {
    color: #8400ff;
}

.g-bg-amethyst {
    background-color: #8400ff;
}

.g-brd-amethyst {
    border-color: #8400ff; !important;
}

.g-brd-amethyst:hover {
    border-color: #8400ff; !important;
}

.g-brd-amethyst.active {
    border-color: #8400ff; !important;
}

.u-btn-amethyst {
    color: #ffff;
    border-color: #8400ff;
    background-color: #8400ff;
}

.u-btn-amethyst:focus, .u-btn-amethyst.active {
    color: #fff;
    background-color: #6016c1;
}

.u-btn-amethyst:hover {
    color: #fff;
    background-color: #8c3fef;
}

.u-btn-outline-amethyst {
    color: #8400ff;
    border-color: #8400ff;
}

.u-btn-outline-amethyst:focus, .u-btn-outline-amethyst.active {
    color: #fff;
    background-color: #8400ff;
}

.u-btn-outline-follow {
    color: #00ceff;
    border-color: #00ceff;
    background-color: #00000000;
}

.u-btn-outline-follow:focus, .u-btn-outline-follow.active {
    color: #fff;
    background-color: #00ceff;
}

.u-btn-outline-follow:hover {
    color: #fff;
    background-color: #00ceff;
}

.u-btn-outline-bell {
    color: #8400ff;
    border-color: #8400ff;
    background-color: #00000000;
}

.u-btn-outline-bell:focus, .u-btn-outline-bell.active {
    color: #fff;
    background-color: #8400ff;
}

.u-btn-outline-bell:hover {
    color: #fff;
    background-color: #8400ff;
}

/* 포카 마켓 */
.g-bg-phoca-1 {
    background-color: #F9F9F9;
}

.g-bg-phoca-2 {
    background-color: #fbfbfb;
}

.g-bg-phoca-3 {
    background-color: #2e2e33;
}

.g-bg-phoca-4{
    background-color: #112439;
}

.g-bg-phoca-5{
    background-color: #425163;
}

.g-bg-phoca-6{
    background-color: #e2e8f1;
}

.g-bg-phoca-7{
    background-color: #2b71ca;
}

.g-bg-phoca-8{
    background-color: #459b77;
}

.g-bg-phoca-9{
    background-color: #212121;
}

.g-bg-phoca-10{
    background-color: #f4f2fa;
}

.g-bg-phoca-11{
    background-color: #f9e8e7;
}

.g-bg-phoca-12{
    background-color: #ea7d9f;
}

.g-bg-phoca-12{
    background-color: #7fb5cb;
}

.g-bg-phoca-13{
    background-color: #F9F9F9;
}

.g-bg-phoca-14{
    background-color: #FFF3F3;
}

.g-bg-phoca-15{
    background-color: #FFF3F3;
}

.g-bg-phoca-16{
    background-color: #FF6060;
}

.g-bg-phoca-17{
    background-color: #151050;
}


.g-color-phoca-1{
    color: #2F2F2F;
}
.g-color-phoca-1--hover:hover{
    color: #2F2F2F;
}

.g-color-phoca-2 {
    color: #707070;
}
.g-color-phoca-2--hover:hover {
    color: #707070;
}

.g-color-phoca-3 {
    color: #4b4298;
}
.g-color-phoca-3--hover:hover {
    color: #4b4298;
}

.g-color-phoca-4 {
    color: #a8352f;
}
.g-color-phoca-4--hover:hover {
    color: #a8352f;
}

.g-color-phoca-5 {
    color: #ea7d9f;
}
.g-color-phoca-5--hover:hover {
    color: #ea7d9f;
}

.g-color-phoca-6 {
    color: #7fb5cb;
}
.g-color-phoca-6--hover:hover {
    color: #7fb5cb;
}

.g-color-phoca-7 {
    color: #FF6060;
}
.g-color-phoca-7--hover:hover {
    color: #FF6060;
}

.g-color-phoca-8 {
    color: #2F2F2F;
}
.g-color-phoca-8--hover:hover {
    color: #2F2F2F;
}

.g-color-phoca-9 {
    color: #707070;
}
.g-color-phoca-9--hover:hover {
    color: #707070;
}

.g-color-phoca-10 {
    color: #555555;
}
.g-color-phoca-10--hover:hover {
    color: #555555;
}

.g-color-phoca-11 {
    color: #112439;
}
.g-color-phoca-11--hover:hover {
    color: #112439;
}

.g-color-405265 {
    color: #405265;
}
.g-color-405265--hover:hover {
    color: #405265;
}

.g-color-112439 {
    color: #112439;
}
.g-color-112439--hover:hover {
    color: #112439;
}


.u-btn-phoca-1 {
    color: #2b71ca;
    background-color: #ebeef3;
}

.u-btn-phoca-1:focus, .u-btn-phoca-1.active {
    color: #2b71ca;
    background-color: #e2e8f1;
}

.u-btn-phoca-1:hover {
    color: #2b71ca;
    background-color: #e2e8f1;
}

.u-btn-phoca-2 {
    color: #fff;
    background-color: #112439;
}

.u-btn-phoca-2:focus, .u-btn-phoca-2.active {
    color: #fff;
    background-color: #14214F;
}

.u-btn-phoca-2:hover {
    color: #fff;
    background-color: #14214F;
}

.u-btn-phoca-3 {
    color: #381f1f;
    background-color: #f7e04b;
}

.u-btn-phoca-3:focus, .u-btn-phoca-3.active {
    color: #381f1f;
    background-color: #f7e04b;
}

.u-btn-phoca-3:hover {
    color: #381f1f;
    background-color: #f7e04b;
}

.u-btn-phoca-4 {
    color: #fff;
    background-color: #4aa1eb;
}

.u-btn-phoca-4:focus, .u-btn-phoca-4.active {
    color: #fff;
    background-color: #4aa1eb;
}

.u-btn-phoca-4:hover {
    color: #fff;
    background-color: #4aa1eb;
}

.u-btn-phoca-5 {
    color: #fff;
    background-color: #459b77;
}

.u-btn-phoca-5:focus, .u-btn-phoca-5.active {
    color: #fff;
    background-color: #439673;
}

.u-btn-phoca-5:hover {
    color: #fff;
    background-color: #439673;
}

.u-btn-phoca-6 {
    color: #ffffff;
    background-color: #2b71ca;
}

.u-btn-phoca-6:focus, .u-btn-phoca-6.active {
    color: #ffffff;
    background-color: #2b71ca;
}

.u-btn-phoca-6:hover {
    color: #ffffff;
    background-color: #2b71ca;
}

.u-btn-phoca-7 {
    color: #ffffff;
    background-color: #ea7d9f;
}

.u-btn-phoca-7:focus, .u-btn-phoca-7.active {
    color: #ffffff;
    background-color: #e8678f;
}

.u-btn-phoca-7:hover {
    color: #ffffff;
    background-color: #e8678f;
}

.u-btn-phoca-8 {
    color: #ffffff;
    background-color: #7fb5cb;
}

.u-btn-phoca-8:focus, .u-btn-phoca-8.active {
    color: #ffffff;
    background-color: #8cc8e0;
}

.u-btn-phoca-8:hover {
    color: #ffffff;
    background-color: #8cc8e0;
}

.u-btn-phoca-9 {
    color: #ffffff;
    background-color: #FF6060;
    border: 2px solid #FF6060;
}

.u-btn-phoca-9:focus, .u-btn-phoca-9.active {
    color: #ffffff;
    background-color: #FF6060;
    border: 2px solid #FF6060;
}

.u-btn-phoca-9:hover {
    color: #ffffff;
    background-color: #FF6060;
    border: 2px solid #FF6060;
}

.u-btn-phoca-10 {
    color: #FF6060;
    background-color: #FFFFFF;
    border: 2px solid #FF6060;
}

.u-btn-phoca-10:focus, .u-btn-phoca-10.active {
    color: #FF6060;
    background-color: #FFFFFF;
    border: 2px solid #FF6060;
}

.u-btn-phoca-10:hover {
    color: #FF6060;
    background-color: #FFFFFF;
    border: 2px solid #FF6060;
}

.u-btn-phoca-11 {
    color: #FF6060;
    background-color: #FFFFFF;
    border: 1px solid #FF6060;
}

.u-btn-phoca-11:focus, .u-btn-phoca-11.active {
    color: #FF6060;
    background-color: #FFFFFF;
    border: 1px solid #FF6060;
}

.u-btn-phoca-11:hover {
    color: #FF6060;
    background-color: #FFFFFF;
    border: 1px solid #FF6060;
}

.u-btn-phoca-12 {
    color: #ffffff;
    background-color: #151050;
    border: 2px solid #151050;
}

.u-btn-phoca-12:focus, .u-btn-phoca-12.active {
    color: #ffffff;
    background-color: #151050;
    border: 2px solid #151050;
}

.u-btn-phoca-12:hover {
    color: #ffffff;
    background-color: #151050;
    border: 2px solid #151050;
}

.u-btn-phoca-13 {
    color: #151050;
    background-color: #ffffff;
    border: 1px solid #151050;
}

.u-btn-phoca-13:focus, .u-btn-phoca-13.active {
    color: #151050;
    background-color: #ffffff;
    border: 1px solid #151050;
}

.u-btn-phoca-13:hover {
    color: #151050;
    background-color: #ffffff;
    border: 1px solid #151050;
}


/* Color Indigo */
.g-brd-phoca-1 {
  border-color: #112439 !important; }

.g-brd-phoca-2 {
  border-color: #425163 !important; }

/* Primary Colors */
input[type="checkbox"]:checked + .g-bg-coral--checked,
input[type="radio"]:checked + .g-bg-coral--checked,
input[type="checkbox"]:checked + * .g-bg-coral--checked,
input[type="radio"]:checked + * .g-bg-coral--checked {
  background-color: #FF6060 !important; }

.g-bg-coral--checked.g-checked,
.g-checked .g-bg-coral--checked {
  background-color: #FF6060 !important; }


/* Primary Colors */
input[type="checkbox"]:checked + .g-bg-phoca-4--checked,
input[type="radio"]:checked + .g-bg-phoca-4--checked,
input[type="checkbox"]:checked + * .g-bg-phoca-4--checked,
input[type="radio"]:checked + * .g-bg-phoca-4--checked {
  background-color: #112439 !important; }

.g-bg-phoca-4--checked.g-checked,
.g-checked .g-bg-phoca-4--checked {
  background-color: #112439 !important; }

input[type="checkbox"]:checked + .g-bg-phoca-16--checked,
input[type="radio"]:checked + .g-bg-phoca-16--checked,
input[type="checkbox"]:checked + * .g-bg-phoca-16--checked,
input[type="radio"]:checked + * .g-bg-phoca-16--checked {
  background-color: #FF6060 !important; }

.g-bg-phoca-16--checked.g-checked,
.g-checked .g-bg-phoca-16--checked {
  background-color: #FF6060 !important; }

input[type="checkbox"]:checked + .g-bg-phoca-17--checked,
input[type="radio"]:checked + .g-bg-phoca-17--checked,
input[type="checkbox"]:checked + * .g-bg-phoca-17--checked,
input[type="radio"]:checked + * .g-bg-phoca-17--checked {
  background-color: #151050 !important; }

.g-bg-phoca-17--checked.g-checked,
.g-checked .g-bg-phoca-17--checked {
  background-color: #151050 !important; }


/*특정 부분 스크롤바 없애기*/
body{
    -ms-overflow-style: none;
}
::-webkit-scrollbar {
    display: none;
}

.scroll-box {
    -ms-overflow-style: none;
}
.scroll-box::-webkit-scrollbar {
    display:none;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}

/* Tabs v1
------------------------------------*/
@media (min-width: 100px) {
    [class*="u-nav-v1"].u-nav-rounded-3 .nav-link {
        border-radius: 3px;
    }

    [class*="u-nav-v1"].u-nav-rounded-5 .nav-link {
        border-radius: 5px;
    }

    [class*="u-nav-v1"].u-nav-rounded-7 .nav-link {
        border-radius: 7px;
    }

    [class*="u-nav-v1"].u-nav-rounded-10 .nav-link {
        border-radius: 10px;
    }

    .u-nav-phoca-1 .nav-link.active {
        color: #112439;
        background-color: #ffffff;
    }
    .u-nav-phoca-1.u-nav-primary .nav-link.active {
        color: #112439;
        background-color: #ffffff;
    }
    .u-nav-phoca-1.u-nav-dark .nav-link.active {
        color: #112439;
        background-color: #333;
    }
    .u-nav-phoca-1.u-nav-light .nav-link {
        color: #112439;
    }
    .u-nav-phoca-1.u-nav-light .nav-link.active {
        color: #112439;
        background-color: #fff;
    }

    .u-nav-phoca-2 .nav-link.active {
        color: #ffffff;
        background-color: #439673;
    }

    .u-nav-phoca-2.u-nav-primary .nav-link.active {
        color: #ffffff;
        background-color: #439673;
    }
    .u-nav-phoca-2.u-nav-dark .nav-link.active {
        color: #112439;
        background-color: #333;
    }
    .u-nav-phoca-2.u-nav-light .nav-link {
        color: #112439;
    }
    .u-nav-phoca-2.u-nav-light .nav-link.active {
        color: #ffffff;
        background-color: #439673;
    }

    .u-nav-phoca-3 .nav-link.active {
        color: #112439;
        background-color: #ffffff;
    }
    .u-nav-phoca-3 .nav-link {
        color: #999;
        background-color: #ddd;
    }

    .u-nav-phoca-4 .nav-link.active {
        color: #ffffff;
        background-color: #112439;
    }
    .u-nav-phoca-4.u-nav-primary .nav-link.active {
        color: #ffffff;
        background-color: #112439;
    }
    .u-nav-phoca-4.u-nav-dark .nav-link.active {
        color: #112439;
        background-color: #333;
    }
    .u-nav-phoca-4.u-nav-light .nav-link {
        color: #112439;
    }
    .u-nav-phoca-4.u-nav-light .nav-link.active {
        color: #ffffff;
        background-color: #112439;
    }
}

.u-check-icon-font-1 i {
  font-size: 22px;
  color: #ccc; }

.u-check-icon-font-1 i::before {
  content: attr(data-uncheck-icon); }

.u-check-icon-checkbox-1, .u-check-icon-radio-1 {
  display: inline-block; }

.u-check input[type="checkbox"]:checked + .u-check-icon-font-1 i,
.u-check input[type="checkbox"]:checked + * .u-check-icon-font-1 i,
.u-check input[type="radio"]:checked + .u-check-icon-font-1 i,
.u-check input[type="radio"]:checked + * .u-check-icon-font-1 i {
  color: #112439; }

.u-check input[type="checkbox"]:checked + .u-check-icon-font-1 i::before,
.u-check input[type="checkbox"]:checked + * .u-check-icon-font-1 i::before,
.u-check input[type="radio"]:checked + .u-check-icon-font-1 i::before,
.u-check input[type="radio"]:checked + * .u-check-icon-font-1 i::before {
  content: attr(data-check-icon); }

.g-brd-gradient-v1 {
    background-image: linear-gradient(#FF3158, #9200FF, #00CEFF), linear-gradient(45deg, #FF3158, #9200FF, #00CEFF);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

.g-brd-gradient-v1--hover:hover, .g-brd-gradient-v1--active.active {
    background-image: linear-gradient(#FF3158, #9200FF, #00CEFF), linear-gradient(45deg, #FF3158, #9200FF, #00CEFF);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

*:hover > .g-brd-gradient-v1--hover-parent {
    background-image: linear-gradient(#FF3158, #9200FF, #00CEFF), linear-gradient(45deg, #FF3158, #9200FF, #00CEFF);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

/*------------------------------------
  Checkboxes v6
------------------------------------*/
.u-check-icon-checkbox-v6, .u-check-icon-radio-v6 {
  width: 18px;
  height: 18px;
  font-size: 12px; }

.u-check-icon-checkbox-v6 i, .u-check-icon-radio-v6 i {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 100%;
  height: 100%;
  border: solid 1px #ccc;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }

.u-check-icon-checkbox-v6 i::before, .u-check-icon-radio-v6 i::before {
  content: attr(data-uncheck-icon);
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }

.u-check-icon-radio-v6 {
  border-radius: 50%; }

.u-check-icon-radio-v6 i {
  border-radius: 50%; }

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v6 i,
.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v6 i,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v6 i,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v6 i,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v6 i,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v6 i,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v6 i,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v6 i {
  color: #fff;
  background-color: #112439;
  border-color: #112439; }

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v6 i::before,
.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v6 i::before,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v6 i::before,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v6 i::before,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v6 i::before,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v6 i::before,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v6 i::before,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v6 i::before {
  content: attr(data-check-icon); }


.u-check-icon-font-2 i {
  font-size: 22px;
  color: #ccc; }

.u-check-icon-font-2 i::before {
  content: attr(data-uncheck-icon); }

.u-check-icon-checkbox-1, .u-check-icon-radio-1 {
  display: inline-block; }

.u-check input[type="checkbox"]:checked + .u-check-icon-font-2 i,
.u-check input[type="checkbox"]:checked + * .u-check-icon-font-2 i,
.u-check input[type="radio"]:checked + .u-check-icon-font-2 i,
.u-check input[type="radio"]:checked + * .u-check-icon-font-2 i {
  color: #FF6060; }

.u-check input[type="checkbox"]:checked + .u-check-icon-font-2 i::before,
.u-check input[type="checkbox"]:checked + * .u-check-icon-font-2 i::before,
.u-check input[type="radio"]:checked + .u-check-icon-font-2 i::before,
.u-check input[type="radio"]:checked + * .u-check-icon-font-2 i::before {
  content: attr(data-check-icon); }

.g-brd-selected {
    border: 2px solid #FF6060;
}
.g-brd-unselected {
    border: 2px solid #EBEBEB;
}