@charset "UTF-8";

/* 스크린 리더에서도 숨김 */
.hidden {
    display: none !important;
}

/* 스크린 리더에서만 읽힘 */
.sr-only {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}

/* 키보드로 포커스 받았을때 보이기 */
.sr-only.focusable:active,
.sr-only.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/* float */

.clearfix::before,
.clearfix::after {
    content: " ";
    display: table;
}

.clearfix::after {
    clear: both;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

/* display none / block */
.d-none {
    display:none;
}

.d-block {
    display:block;
}

@media screen and (max-width:1259px) {
    .d-tb-block {
        display:block;
    }

    .d-tb-none {
        display:none;
    }
}

@media screen and (max-width:767px) {
    .d-mo-block {
        display:block;
    }

    .d-mo-none {
        display:none;
    }
}

@media screen and (max-width:480px) {
    .d-x-mo-block {
        display:block;
    }

    .d-x-mo-none {
        display:none;
    }
}

.container {
    width: 100%;
    max-width: 1400px;
    padding: 0 20px;
    margin: 0 auto;
}


/* flex */
.flex-box {
    display: flex;
    flex-flow: wrap row;
    justify-content: flex-start;
    gap: 2rem;
}

.column{
    flex-direction: column;
}

.between {
    justify-content: space-between !important;
}

.start {
    justify-content: flex-start !important;
}

.end {
    justify-content: flex-end !important;
}

.center {
    justify-content: center !important;
}

.nowrap {
    flex-wrap: nowrap !important;
}
.flex-wrap {
    flex-wrap: wrap !important;
}

.self-start {
    align-self: flex-start !important;
}

.va-center {
    align-items: center !important;
}

.va-start {
    align-items: flex-start !important;
}

.va-end {
    align-items: flex-end !important;
}

.va-around {
    align-items: space-around !important;
}
.gap10{
    gap: 10px;
}
.gap8{
    gap: 8px;
}
.gap4{
    gap: 4px;
}
.flex{
    flex: 1 !important;
}
.flex-none{
    flex: none !important;
}

/* display */
.dp-n {
    display: none;
}

.dp-b {
    display: block;
}

.dp-ib {
    display: inline-block;
}

/* position */
.po-rl {
    position: relative;
}

.po-ab {
    position: absolute;
}

.po-fix {
    position: fixed;
}

.po-st {
    position: static;
}

/* text-align */
.t-lt,
.txt-lt,
.t-left,
.txt-left {
    text-align: left !important;
}

.t-ct,
.txt-ct,
.t-center,
.txt-center {
    text-align: center !important;
}

.t-rt,
.txt-rt,
.t-right,
.txt-right {
    text-align: right !important;
}

/* vertical-align */

.va-ba {
    vertical-align: baseline !important;
}

.va-t {
    vertical-align: top !important;
}

.va-b {
    vertical-align: bottom !important;
}

.va-m {
    vertical-align: middle !important;
}

.va-s {
    vertical-align: sub !important;
}

.va-sp {
    vertical-align: super !important;
}

.va-tt {
    vertical-align: text-top !important;
}

.va-tb {
    vertical-align: text-bottom !important;
}

/* text-decoration */

.txt-line-top {
    text-decoration: overline;
}

.txt-line-center {
    text-decoration: line-through;
}

.txt-line-bottom {
    text-decoration: underline;
}

/* font-style */

.fst-no {
    font-style: normal;
}

.fst-it {
    font-style: italic;
}

.fst-ob {
    font-style: oblique;
}

/* font-weight */

.fw-900 {
    font-weight: 900 !important;
}

.fw-800 {
    font-weight: 800 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-300 {
    font-weight: 300 !important;
}

.fw-200 {
    font-weight: 200 !important;
}

.fw-100 {
    font-weight: 100 !important;
}

/* font-style */


/* font-color */

.fc-primary {
    color: var(--primary);
}

.fc-subprimary {
    color: var(--subprimary);
}

.fc-blue {
    color: var(--blue);
}
.fc-lightblue {
    color: var(--lightblue);
}
.fc-green {
    color: var(--green);
}
.fc-lightgreen {
    color: var(--lightgreen);
}
.fc-red {
    color: var(--red);
}
.fc-gray100 {
    color: var(--gray100);
}
.fc-gray200 {
    color: var(--gray200);
}
.fc-gray300 {
    color: var(--gray300);
}
.fc-gray400 {
    color: var(--gray400);
}
.fc-gray500 {
    color: var(--gray500);
}
.fc-gray600 {
    color: var(--gray600);
}
.fc-gray700 {
    color: var(--gray700);
}
.fc-gray800 {
    color: var(--gray800);
}
.fc-gray900 {
    color: var(--gray900);
}

.fc-blue100 {
    color: var(--blue100);
}

.fc-blue200 {
    color: var(--blue200);
}

.fc-blue300 {
    color: var(--blue300);
}

.fc-blue400 {
    color: var(--blue400);
}

.fc-blue500 {
    color: var(--blue500);
}

.fc-blue600 {
    color: var(--blue600);
}

.fc-blue700 {
    color: var(--blue700);
}

.fc-blue800 {
    color: var(--blue800);
}

.fc-green100 {
    color: var(--green100);
}

.fc-green200 {
    color: var(--green200);
}

.fc-green300 {
    color: var(--green300);
}

.fc-green400 {
    color: var(--green400);
}

.fc-green500 {
    color: var(--green500);
}

.fc-green600 {
    color: var(--green600);
}

.fc-green700 {
    color: var(--green700);
}

.fc-green800 {
    color: var(--green800);
}


/* background-color */

.bg-primary {
    background-color: var(--primary) !important;
}

.bg-subprimary {
    background-color: var(--subprimary) !important;
}

.bg-blue {
    background-color: var(--blue) !important;
}

.bg-lightblue {
    background-color: var(--lightblue) !important;
}

.bg-green {
    background-color: var(--green) !important;
}

.bg-lightgreen {
    background-color: var(--lightgreen) !important;
}

.bg-white{
    background-color: #FFF !important;
}
.bg-gray-50{
    background-color: var(--gray50) !important;
}
.bg-gray100{
    background-color: var(--gray100) !important;
}
.bg-gray200{
    background-color: var(--gray200) !important;
}

.bg-gray300{
    background-color: var(--gray300) !important;
}

.bg-gray400{
    background-color: var(--gray400) !important;
}
.bg-gray500{
    background-color: var(--gray500) !important;
}

.bg-gray600{
    background-color: var(--gray600) !important;
}
.bg-gray700{
    background-color: var(--gray700) !important;
}

.bg-gray800{
    background-color: var(--gray800) !important;
}   
.bg-gray900{
    background-color: var(--gray900) !important;
}

/* width */
.w5p {
    width: 5% !important;
}

.w10p {
    width: 10% !important;
}

.w15p {
    width: 15% !important;
}

.w20p {
    width: 20% !important;
}

.w25p {
    width: 25% !important;
}

.w30p {
    width: 30% !important;
}

.w35p {
    width: 35% !important;
}

.w40p {
    width: 40% !important;
}

.w45p {
    width: 45% !important;
}

.w50p {
    width: 50% !important;
}

.w55p {
    width: 55% !important;
}

.w60p {
    width: 60% !important;
}

.w65p {
    width: 65% !important;
}

.w70p {
    width: 70% !important;
}

.w75p {
    width: 75% !important;
}

.w80p {
    width: 80% !important;
}

.w85p {
    width: 85% !important;
}

.w90p {
    width: 90% !important;
}

.w95p {
    width: 95% !important;
}

.w100p {
    width: 100% !important;
}

/* margin */

.m-auto {
    margin: 0 auto;
}

.m0 {
    margin: 0 !important;
}

.ml0 {
    margin-left: 0 !important;
}

.mr0 {
    margin-right: 0 !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.m2 {
    margin: 2px;
}

.ml2 {
    margin-left: 2px;
}

.mr2 {
    margin-right: 2px;
}

.mt2 {
    margin-top: 2px;
}

.mb2 {
    margin-bottom: 2px;
}

.m4 {
    margin: 4px;
}

.ml4 {
    margin-left: 4px;
}

.mr4 {
    margin-right: 4px;
}

.mt4 {
    margin-top: 4px;
}

.mb4 {
    margin-bottom: 4px;
}

.m8 {
    margin: 8px;
}

.ml8 {
    margin-left: 8px;
}

.mr8 {
    margin-right: 8px;
}

.mt8 {
    margin-top: 8px;
}

.mb8 {
    margin-bottom: 8px;
}

.m10 {
    margin: 10px;
}

.ml10 {
    margin-left: 10px;
}

.mr10 {
    margin-right: 10px;
}

.mt10 {
    margin-top: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.m12 {
    margin: 12px;
}

.ml12 {
    margin-left: 12px;
}

.mr12 {
    margin-right: 12px;
}

.mt12 {
    margin-top: 12px;
}

.mb12 {
    margin-bottom: 12px;
}

.m16 {
    margin: 16px;
}

.ml16 {
    margin-left: 16px;
}

.mr16 {
    margin-right: 16px;
}

.mt16 {
    margin-top: 16px;
}

.mb16 {
    margin-bottom: 16px;
}

.m20 {
    margin: 20px;
}

.ml20 {
    margin-left: 20px;
}

.mr20 {
    margin-right: 20px;
}

.mt20 {
    margin-top: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.m24 {
    margin: 24px;
}

.ml24 {
    margin-left: 24px;
}

.mr24 {
    margin-right: 24px;
}

.mt24 {
    margin-top: 24px;
}

.mb24 {
    margin-bottom: 24px;
}

.m28 {
    margin: 28px;
}

.ml28 {
    margin-left: 28px;
}

.mr28 {
    margin-right: 28px;
}

.mt28 {
    margin-top: 28px;
}

.mb28 {
    margin-bottom: 28px;
}

.m30 {
    margin: 30px;
}

.ml30 {
    margin-left: 30px;
}

.mr30 {
    margin-right: 30px;
}

.mt30 {
    margin-top: 30px;
}

.mb30 {
    margin-bottom: 30px;
}

.m32 {
    margin: 32px;
}

.ml32 {
    margin-left: 32px;
}

.mr32 {
    margin-right: 32px;
}

.mt32 {
    margin-top: 32px;
}

.mb32 {
    margin-bottom: 32px;
}

.m36 {
    margin: 36px;
}

.ml36 {
    margin-left: 36px;
}

.mr36 {
    margin-right: 36px;
}

.mt36 {
    margin-top: 36px;
}

.mb36 {
    margin-bottom: 36px;
}

.m40 {
    margin: 40px;
}

.ml40 {
    margin-left: 40px;
}

.mr40 {
    margin-right: 40px;
}

.mt40 {
    margin-top: 40px;
}

.mb40 {
    margin-bottom: 40px;
}

.m44 {
    margin: 44px;
}

.ml44 {
    margin-left: 44px;
}

.mr44 {
    margin-right: 44px;
}

.mt44 {
    margin-top: 44px;
}

.mb44 {
    margin-bottom: 44px;
}

.m48 {
    margin: 48px;
}

.ml48 {
    margin-left: 48px;
}

.mr48 {
    margin-right: 48px;
}

.mt48 {
    margin-top: 48px;
}

.mb48 {
    margin-bottom: 48px;
}

.m50 {
    margin: 50px;
}

.ml50 {
    margin-left: 50px;
}

.mr50 {
    margin-right: 50px;
}

.mt50 {
    margin-top: 50px;
}

.mb50 {
    margin-bottom: 50px;
}


.m52 {
    margin: 52px;
}

.ml52 {
    margin-left: 52px;
}

.mr52 {
    margin-right: 52px;
}

.mt52 {
    margin-top: 52px;
}

.mb52 {
    margin-bottom: 52px;
}

.m56 {
    margin: 56px;
}

.ml56 {
    margin-left: 56px;
}

.mr56 {
    margin-right: 56px;
}

.mt56 {
    margin-top: 56px;
}

.mb56 {
    margin-bottom: 56px;
}

.m60 {
    margin: 60px;
}

.ml60 {
    margin-left: 60px;
}

.mr60 {
    margin-right: 60px;
}

.mt60 {
    margin-top: 60px;
}

.mb60 {
    margin-bottom: 60px;
}

.m64 {
    margin: 64px;
}

.ml64 {
    margin-left: 64px;
}

.mr64 {
    margin-right: 64px;
}

.mt64 {
    margin-top: 64px;
}

.mb64 {
    margin-bottom: 64px;
}

.m68 {
    margin: 68px;
}

.ml68 {
    margin-left: 68px;
}

.mr68 {
    margin-right: 68px;
}

.mt68 {
    margin-top: 68px;
}

.mb68 {
    margin-bottom: 68px;
}

.m72 {
    margin: 72px;
}

.ml72 {
    margin-left: 72px;
}

.mr72 {
    margin-right: 72px;
}

.mt72 {
    margin-top: 72px;
}

.mb72 {
    margin-bottom: 72px;
}

.m76 {
    margin: 76px;
}

.ml76 {
    margin-left: 76px;
}

.mr76 {
    margin-right: 76px;
}

.mt76 {
    margin-top: 76px;
}

.mb76 {
    margin-bottom: 76px;
}

.m80 {
    margin: 80px;
}

.ml80 {
    margin-left: 80px;
}

.mr80 {
    margin-right: 80px;
}

.mt80 {
    margin-top: 80px;
}

.mb80 {
    margin-bottom: 80px;
}

.m160 {
    margin: 160px;
}

.ml160 {
    margin-left: 160px;
}

.mr160 {
    margin-right: 160px;
}

.mt160 {
    margin-top: 160px;
}

.mb160 {
    margin-bottom: 160px;
}

.mt200 {
    margin-top: 200px;
}

.mb200 {
    margin-bottom: 200px;
}

/* padding */

.p0 {
    padding: 0 !important;
}

.pl0 {
    padding-left: 0 !important;
}

.pr0 {
    padding-right: 0 !important;
}

.pt0 {
    padding-top: 0 !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.p4 {
    padding: 4px;
}

.pl4 {
    padding-left: 4px;
}

.pr4 {
    padding-right: 4px;
}

.pt4 {
    padding-top: 4px;
}

.pb4 {
    padding-bottom: 4px;
}

.p8 {
    padding: 8px;
}

.pl8 {
    padding-left: 8px;
}

.pr8 {
    padding-right: 8px;
}

.pt8 {
    padding-top: 8px;
}

.pb8 {
    padding-bottom: 8px;
}

.p10 {
    padding: 10px;
}

.pl10 {
    padding-left: 10px;
}

.pr10 {
    padding-right: 10px;
}

.pt10 {
    padding-top: 10px;
}

.pb10 {
    padding-bottom: 10px;
}

.p12 {
    padding: 12px;
}

.pl12 {
    padding-left: 12px;
}

.pr12 {
    padding-right: 12px;
}

.pt12 {
    padding-top: 12px;
}

.pb12 {
    padding-bottom: 12px;
}

.p16 {
    padding: 16px;
}

.pl16 {
    padding-left: 16px;
}

.pr16 {
    padding-right: 16px;
}

.pt16 {
    padding-top: 16px;
}

.pb16 {
    padding-bottom: 16px;
}

.p20 {
    padding: 20px;
}

.pl20 {
    padding-left: 20px;
}

.pr20 {
    padding-right: 20px;
}

.pt20 {
    padding-top: 20px;
}

.pb20 {
    padding-bottom: 20px;
}

.p24 {
    padding: 24px;
}

.pl24 {
    padding-left: 24px;
}

.pr24 {
    padding-right: 24px;
}

.pt24 {
    padding-top: 24px;
}

.pb24 {
    padding-bottom: 24px;
}

.p28 {
    padding: 28px;
}

.pl28 {
    padding-left: 28px;
}

.pr28 {
    padding-right: 28px;
}

.pt28 {
    padding-top: 28px;
}

.pb28 {
    padding-bottom: 28px;
}

.p30 {
    padding: 30px;
}

.pl30 {
    padding-left: 30px;
}

.pr30 {
    padding-right: 30px;
}

.pt30 {
    padding-top: 30px;
}

.pb30 {
    padding-bottom: 30px;
}

.p32 {
    padding: 32px;
}

.pl32 {
    padding-left: 32px;
}

.pr32 {
    padding-right: 32px;
}

.pt32 {
    padding-top: 32px;
}

.pb32 {
    padding-bottom: 32px;
}

.p34 {
    padding:34px;
}

.pt34 {
    padding-top:34px;
}

.pb34 {
    padding-bottom:34px;
}

.pl34 {
    padding-left:34px;
}

.pr34 {
    padding-right:34px;
}

.p36 {
    padding: 36px;
}

.pl36 {
    padding-left: 36px;
}

.pr36 {
    padding-right: 36px;
}

.pt36 {
    padding-top: 36px;
}

.pb36 {
    padding-bottom: 36px;
}

.p40 {
    padding: 40px;
}

.pl40 {
    padding-left: 40px;
}

.pr40 {
    padding-right: 40px;
}

.pt40 {
    padding-top: 40px;
}

.pb40 {
    padding-bottom: 40px;
}

.p44 {
    padding: 44px;
}

.pl44 {
    padding-left: 44px;
}

.pr44 {
    padding-right: 44px;
}

.pt44 {
    padding-top: 44px;
}

.pb44 {
    padding-bottom: 44px;
}

.p48 {
    padding: 48px;
}

.pl48 {
    padding-left: 48px;
}

.pr48 {
    padding-right: 48px;
}

.pt48 {
    padding-top: 48px;
}

.pb48 {
    padding-bottom: 48px;
}

.p52 {
    padding: 52px;
}

.pl52 {
    padding-left: 52px;
}

.pr52 {
    padding-right: 52px;
}

.pt52 {
    padding-top: 52px;
}

.pb52 {
    padding-bottom: 52px;
}

.p56 {
    padding: 56px;
}

.pl56 {
    padding-left: 56px;
}

.pr56 {
    padding-right: 56px;
}

.pt56 {
    padding-top: 56px;
}

.pb56 {
    padding-bottom: 56px;
}

.p60 {
    padding: 60px;
}

.pl60 {
    padding-left: 60px;
}

.pr60 {
    padding-right: 60px;
}

.pt60 {
    padding-top: 60px;
}

.pb60 {
    padding-bottom: 60px;
}

.p64 {
    padding: 64px;
}

.pl64 {
    padding-left: 64px;
}

.pr64 {
    padding-right: 64px;
}

.pt64 {
    padding-top: 64px;
}

.pb64 {
    padding-bottom: 64px;
}

.p68 {
    padding: 68px;
}

.pl68 {
    padding-left: 68px;
}

.pr68 {
    padding-right: 68px;
}

.pt68 {
    padding-top: 68px;
}

.pb68 {
    padding-bottom: 68px;
}

.p72 {
    padding: 72px;
}

.pl72 {
    padding-left: 72px;
}

.pr72 {
    padding-right: 72px;
}

.pt72 {
    padding-top: 72px;
}

.pb72 {
    padding-bottom: 72px;
}

.p76 {
    padding: 76px;
}

.pl76 {
    padding-left: 76px;
}

.pr76 {
    padding-right: 76px;
}

.pt76 {
    padding-top: 76px;
}

.pb76 {
    padding-bottom: 76px;
}

.p80 {
    padding: 80px;
}

.pl80 {
    padding-left: 80px;
}

.pr80 {
    padding-right: 80px;
}

.pt80 {
    padding-top: 80px;
}

.pb80 {
    padding-bottom: 80px;
}

.pl100 {
    padding-left: 100px;
}

.pr100 {
    padding-right: 100px;
}

.pt100 {
    padding-top: 100px;
}

.pb100 {
    padding-bottom: 100px;
}

.pl160 {
    padding-left: 160px;
}

.pr160 {
    padding-right: 160px;
}

.pt160 {
    padding-top: 160px;
}

.pb160 {
    padding-bottom: 160px;
}

.pl200 {
    padding-left: 200px;
}

.pr200 {
    padding-right: 200px;
}

.pt200 {
    padding-top: 200px;
}

.pb200 {
    padding-bottom: 200px;
}

/* overflow */
.of-hidden {
    overflow:hidden;
}

/* 말줄임 처리 */
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.v-ellipsis {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.v-ellipsis-3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* 요소 중앙정렬 */
.elm-center {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}

/* svg icon */
.ic {
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    background-color: var(--gray900);
}

.ic-lg {
    width: 24px !important;
    height: 24px !important;
}

.ic-md {
    width: 20px !important;
    height: 20px !important;
}

.ic-sm {
    width: 16px !important;
    height: 16px !important;
}
.ic-x-sm {
    width: 8px !important;
    height: 8px !important;
}

.ic-blog {
    -webkit-mask-image: url("/images/ic/ic-blog.svg");
    mask-image: url("/images/ic/ic-blog.svg");
}

.ic-chk-off {
    -webkit-mask-image: url("/images/ic/ic-chk-off.svg");
    mask-image: url("/images/ic/ic-chk-off.svg");
}

.ic-chk-on {
    -webkit-mask-image: url("/images/ic/ic-chk-on.svg");
    mask-image: url("/images/ic/ic-chk-on.svg");
}

.ic-external {
    -webkit-mask-image: url("/images/ic/ic-external.svg");
    mask-image: url("/images/ic/ic-external.svg");
}

.ic-home {
    -webkit-mask-image: url("/images/ic/ic-home.svg");
    mask-image: url("/images/ic/ic-home.svg");
}

.ic-instagram {
    -webkit-mask-image: url("/images/ic/ic-instagram.svg");
    mask-image: url("/images/ic/ic-instagram.svg");
}

.ic-lg-arrow-dbl-left {
    -webkit-mask-image: url("/images/ic/ic-lg-arrow-dbl-left.svg");
    mask-image: url("/images/ic/ic-lg-arrow-dbl-left.svg");
}

.ic-lg-arrow-dbl-right {
    -webkit-mask-image: url("/images/ic/ic-lg-arrow-dbl-right.svg");
    mask-image: url("/images/ic/ic-lg-arrow-dbl-right.svg");
}

.ic-lg-arrow-down {
    -webkit-mask-image: url("/images/ic/ic-lg-arrow-down.svg");
    mask-image: url("/images/ic/ic-lg-arrow-down.svg");
}
.ic-lg-arrow-left {
    -webkit-mask-image: url("/images/ic/ic-lg-arrow-left.svg");
    mask-image: url("/images/ic/ic-lg-arrow-left.svg");
}
.ic-lg-arrow-right {
    -webkit-mask-image: url("/images/ic/ic-lg-arrow-right.svg");
    mask-image: url("/images/ic/ic-lg-arrow-right.svg");
}

.ic-lg-arrow-up {
    -webkit-mask-image: url("/images/ic/ic-lg-arrow-up.svg");
    mask-image: url("/images/ic/ic-lg-arrow-up.svg");
}

.ic-lg-arrows-down {
    -webkit-mask-image: url("/images/ic/ic-lg-arrows-down.svg");
    mask-image: url("/images/ic/ic-lg-arrows-down.svg");
}
.ic-lg-arrows-left {
    -webkit-mask-image: url("/images/ic/ic-lg-arrows-left.svg");
    mask-image: url("/images/ic/ic-lg-arrows-left.svg");
}
.ic-lg-arrows-right {
    -webkit-mask-image: url("/images/ic/ic-lg-arrows-right.svg");
    mask-image: url("/images/ic/ic-lg-arrows-right.svg");
}

.ic-lg-arrows-rightup {
    -webkit-mask-image: url("/images/ic/ic-lg-arrows-rigthup.svg");
    mask-image: url("/images/ic/ic-lg-arrows-rigthup.svg");
}

.ic-lg-arrows-up {
    -webkit-mask-image: url("/images/ic/ic-lg-arrows-up.svg");
    mask-image: url("/images/ic/ic-lg-arrows-up.svg");
}

.ic-lg-close {
    -webkit-mask-image: url("/images/ic/ic-lg-close.svg");
    mask-image: url("/images/ic/ic-lg-close.svg");
}

.ic-lg-download {
    -webkit-mask-image: url("/images/ic/ic-lg-download.svg");
    mask-image: url("/images/ic/ic-lg-download.svg");
}

.ic-lg-home {
    -webkit-mask-image: url("/images/ic/ic-lg-home.svg");
    mask-image: url("/images/ic/ic-lg-home.svg");
}

.ic-lg-menu {
    -webkit-mask-image: url("/images/ic/ic-lg-menu.svg");
    mask-image: url("/images/ic/ic-lg-menu.svg");
}

.ic-lg-paper {
    -webkit-mask-image: url("/images/ic/ic-lg-paper.svg");
    mask-image: url("/images/ic/ic-lg-paper.svg");
}

.ic-lg-plus {
    -webkit-mask-image: url("/images/ic/ic-lg-plus.svg");
    mask-image: url("/images/ic/ic-lg-plus.svg");
}

.ic-lg-qna {
    -webkit-mask-image: url("/images/ic/ic-lg-qna.svg");
    mask-image: url("/images/ic/ic-lg-qna.svg");
}

.ic-lg-search {
    -webkit-mask-image: url("/images/ic/ic-lg-search.svg");
    mask-image: url("/images/ic/ic-lg-search.svg");
}

.ic-lg-write {
    -webkit-mask-image: url("/images/ic/ic-lg-write.svg");
    mask-image: url("/images/ic/ic-lg-write.svg");
}

.ic-rdo-off {
    -webkit-mask-image: url("/images/ic/ic-rdo-off.svg");
    mask-image: url("/images/ic/ic-rdo-off.svg");
}

.ic-rdo-on {
    -webkit-mask-image: url("/images/ic/ic-rdo-on.svg");
    mask-image: url("/images/ic/ic-rdo-on.svg");
}

.ic-sm-arrow-down {
    -webkit-mask-image: url("/images/ic/ic-sm-arrow-down.svg");
    mask-image: url("/images/ic/ic-sm-arrow-down.svg");
}

.ic-sm-arrow-right {
    -webkit-mask-image: url("/images/ic/ic-sm-arrow-right.svg");
    mask-image: url("/images/ic/ic-sm-arrow-right.svg");
}

.ic-sm-arrow-up {
    -webkit-mask-image: url("/images/ic/ic-sm-arrow-up.svg");
    mask-image: url("/images/ic/ic-sm-arrow-up.svg");
}

.ic-sm-chk {
    -webkit-mask-image: url("/images/ic/ic-sm-chk.svg");
    mask-image: url("/images/ic/ic-sm-chk.svg");
}

.ic-md-check {
    -webkit-mask-image: url("/images/ic/ic-md-check.svg");
    mask-image: url("/images/ic/ic-md-check.svg");
}

.ic-sm-search {
    -webkit-mask-image: url("/images/ic/ic-sm-search.svg");
    mask-image: url("/images/ic/ic-sm-search.svg");
}

.ic-sm-close{
    -webkit-mask-image: url("/images/ic/ic-sm-close.svg");
    mask-image: url("/images/ic/ic-sm-close.svg");    
}

.ic-sm-polygon{
    -webkit-mask-image: url("/images/ic/ic-sm-polygon.svg");
    mask-image: url("/images/ic/ic-sm-polygon.svg");
}

.ic-x-sm-close{
    -webkit-mask-image: url("/images/ic/ic-x-sm-close.svg");
    mask-image: url("/images/ic/ic-x-sm-close.svg");
}