/* Layout */
.section{
    display:flex;
    flex-direction:column;
    flex-shrink:1;
    box-sizing:border-box;
}

button.section{
    white-space:wrap;
}

.section.inline{display:inline-flex}

.section.xlg{overflow:auto;height:var(--nhis-height-xlg)}
.section.lg{overflow:auto;height:var(--nhis-height-lg)}
.section.md{overflow:auto;height:var(--nhis-height-md)}
.section.sm{overflow:auto;height:var(--nhis-height-sm)}
.section.xsm{overflow:auto;height:var(--nhis-height-xsm)}
.section.md.fixed{overflow:auto;height:36rem}
.section.sm.fixed{overflow:auto;height:24rem}
.section.xsm.fixed{overflow:auto;height:16rem}

.section.wrap{flex-wrap:wrap}

.section.flex-col{flex-direction:row}
.section.flex-row{flex-direction:column}
.section.flex-col-reverse:not(.mobile-only){flex-direction:row-reverse}
.section.flex-row-reverse:not(.mobile-only){flex-direction:column-reverse}

.section.half,
.section.triple{column-gap:var(--krds-spacer-6)}
.section.triple-0,
.section.half-0{column-gap:unset}
.section.triple-4,
.section.half-4{column-gap:var(--krds-spacer-1)}
.section.triple-8,
.section.half-8{column-gap:var(--krds-spacer-2)}
.section.triple-12,
.section.half-12{column-gap:var(--krds-spacer-3)}
.section.triple-16,
.section.half-16{column-gap:var(--krds-spacer-4)}
.section.triple-20,
.section.half-20{column-gap:var(--krds-spacer-5)}
.section.triple-32,
.section.half-32{column-gap:var(--krds-spacer-8)}

.section.half > *{flex-basis:calc(50% - 1.2rem)}
.section.half.column-1-9 > *:first-child{flex-basis:calc(10% - 1.2rem)}
.section.half.column-1-9 > *:first-child + *{flex-basis:calc(90% - 1.2rem)}
.section.half.column-2-8 > *:first-child{flex-basis:calc(20% - 1.2rem)}
.section.half.column-2-8 > *:first-child + *{flex-basis:calc(80% - 1.2rem)}
.section.half.column-3-7 > *:first-child{flex-basis:calc(30% - 1.2rem)}
.section.half.column-3-7 > *:first-child + *{flex-basis:calc(70% - 1.2rem)}
.section.half.column-4-6 > *:first-child{flex-basis:calc(40% - 1.2rem)}
.section.half.column-4-6 > *:first-child + *{flex-basis:calc(60% - 1.2rem)}
.section.half.column-6-4 > *:first-child{flex-basis:calc(60% - 1.2rem)}
.section.half.column-6-4 > *:first-child + *{flex-basis:calc(40% - 1.2rem)}
.section.half.column-7-3 > *:first-child{flex-basis:calc(70% - 1.2rem)}
.section.half.column-7-3 > *:first-child + *{flex-basis:calc(30% - 1.2rem)}
.section.half.column-8-2 > *:first-child{flex-basis:calc(80% - 1.2rem)}
.section.half.column-8-2 > *:first-child + *{flex-basis:calc(20% - 1.2rem)}
.section.half.column-9-1 > *:first-child{flex-basis:calc(90% - 1.2rem)}
.section.half.column-9-1 > *:first-child + *{flex-basis:calc(10% - 1.2rem)}

.section.half-4 > *{flex-basis:calc(50% - 0.2rem)}
.section.half-4.column-1-9 > *:first-child{flex-basis:calc(10% - 0.2rem)}
.section.half-4.column-1-9 > *:first-child + *{flex-basis:calc(90% - 0.2rem)}
.section.half-4.column-2-8 > *:first-child{flex-basis:calc(20% - 0.2rem)}
.section.half-4.column-2-8 > *:first-child + *{flex-basis:calc(80% - 0.2rem)}
.section.half-4.column-3-7 > *:first-child{flex-basis:calc(30% - 0.2rem)}
.section.half-4.column-3-7 > *:first-child + *{flex-basis:calc(70% - 0.2rem)}
.section.half-4.column-4-6 > *:first-child{flex-basis:calc(40% - 0.2rem)}
.section.half-4.column-4-6 > *:first-child + *{flex-basis:calc(60% - 0.2rem)}
.section.half-4.column-6-4 > *:first-child{flex-basis:calc(60% - 0.2rem)}
.section.half-4.column-6-4 > *:first-child + *{flex-basis:calc(40% - 0.2rem)}
.section.half-4.column-7-3 > *:first-child{flex-basis:calc(70% - 0.2rem)}
.section.half-4.column-7-3 > *:first-child + *{flex-basis:calc(30% - 0.2rem)}
.section.half-4.column-8-2 > *:first-child{flex-basis:calc(80% - 0.2rem)}
.section.half-4.column-8-2 > *:first-child + *{flex-basis:calc(20% - 0.2rem)}
.section.half-4.column-9-1 > *:first-child{flex-basis:calc(90% - 0.2rem)}
.section.half-4.column-9-1 > *:first-child + *{flex-basis:calc(10% - 0.2rem)}

.section.half-8 > *{flex-basis:calc(50% - 0.4rem)}
.section.half-8.column-1-9 > *:first-child{flex-basis:calc(10% - 0.4rem)}
.section.half-8.column-1-9 > *:first-child + *{flex-basis:calc(90% - 0.4rem)}
.section.half-8.column-2-8 > *:first-child{flex-basis:calc(20% - 0.4rem)}
.section.half-8.column-2-8 > *:first-child + *{flex-basis:calc(80% - 0.4rem)}
.section.half-8.column-3-7 > *:first-child{flex-basis:calc(30% - 0.4rem)}
.section.half-8.column-3-7 > *:first-child + *{flex-basis:calc(70% - 0.4rem)}
.section.half-8.column-4-6 > *:first-child{flex-basis:calc(40% - 0.4rem)}
.section.half-8.column-4-6 > *:first-child + *{flex-basis:calc(60% - 0.4rem)}
.section.half-8.column-6-4 > *:first-child{flex-basis:calc(60% - 0.4rem)}
.section.half-8.column-6-4 > *:first-child + *{flex-basis:calc(40% - 0.4rem)}
.section.half-8.column-7-3 > *:first-child{flex-basis:calc(70% - 0.4rem)}
.section.half-8.column-7-3 > *:first-child + *{flex-basis:calc(30% - 0.4rem)}
.section.half-8.column-8-2 > *:first-child{flex-basis:calc(80% - 0.4rem)}
.section.half-8.column-8-2 > *:first-child + *{flex-basis:calc(20% - 0.4rem)}
.section.half-8.column-9-1 > *:first-child{flex-basis:calc(90% - 0.4rem)}
.section.half-8.column-9-1 > *:first-child + *{flex-basis:calc(10% - 0.4rem)}

.section.half-12 > *{flex-basis:calc(50% - 0.6rem)}
.section.half-12.column-1-9 > *:first-child{flex-basis:calc(10% - 0.6rem)}
.section.half-12.column-1-9 > *:first-child + *{flex-basis:calc(90% - 0.6rem)}
.section.half-12.column-2-8 > *:first-child{flex-basis:calc(20% - 0.6rem)}
.section.half-12.column-2-8 > *:first-child + *{flex-basis:calc(80% - 0.6rem)}
.section.half-12.column-3-7 > *:first-child{flex-basis:calc(30% - 0.6rem)}
.section.half-12.column-3-7 > *:first-child + *{flex-basis:calc(70% - 0.6rem)}
.section.half-12.column-4-6 > *:first-child{flex-basis:calc(40% - 0.6rem)}
.section.half-12.column-4-6 > *:first-child + *{flex-basis:calc(60% - 0.6rem)}
.section.half-12.column-6-4 > *:first-child{flex-basis:calc(60% - 0.6rem)}
.section.half-12.column-6-4 > *:first-child + *{flex-basis:calc(40% - 0.6rem)}
.section.half-12.column-7-3 > *:first-child{flex-basis:calc(70% - 0.6rem)}
.section.half-12.column-7-3 > *:first-child + *{flex-basis:calc(30% - 0.6rem)}
.section.half-12.column-8-2 > *:first-child{flex-basis:calc(80% - 0.6rem)}
.section.half-12.column-8-2 > *:first-child + *{flex-basis:calc(20% - 0.6rem)}
.section.half-12.column-9-1 > *:first-child{flex-basis:calc(90% - 0.6rem)}
.section.half-12.column-9-1 > *:first-child + *{flex-basis:calc(10% - 0.6rem)}

.section.half-16 > *{flex-basis:calc(50% - 0.8rem)}
.section.half-16.column-1-9 > *:first-child{flex-basis:calc(10% - 0.8rem)}
.section.half-16.column-1-9 > *:first-child + *{flex-basis:calc(90% - 0.8rem)}
.section.half-16.column-2-8 > *:first-child{flex-basis:calc(20% - 0.8rem)}
.section.half-16.column-2-8 > *:first-child + *{flex-basis:calc(80% - 0.8rem)}
.section.half-16.column-3-7 > *:first-child{flex-basis:calc(30% - 0.8rem)}
.section.half-16.column-3-7 > *:first-child + *{flex-basis:calc(70% - 0.8rem)}
.section.half-16.column-4-6 > *:first-child{flex-basis:calc(40% - 0.8rem)}
.section.half-16.column-4-6 > *:first-child + *{flex-basis:calc(60% - 0.8rem)}
.section.half-16.column-6-4 > *:first-child{flex-basis:calc(60% - 0.8rem)}
.section.half-16.column-6-4 > *:first-child + *{flex-basis:calc(40% - 0.8rem)}
.section.half-16.column-7-3 > *:first-child{flex-basis:calc(70% - 0.8rem)}
.section.half-16.column-7-3 > *:first-child + *{flex-basis:calc(30% - 0.8rem)}
.section.half-16.column-8-2 > *:first-child{flex-basis:calc(80% - 0.8rem)}
.section.half-16.column-8-2 > *:first-child + *{flex-basis:calc(20% - 0.8rem)}
.section.half-16.column-9-1 > *:first-child{flex-basis:calc(90% - 0.8rem)}
.section.half-16.column-9-1 > *:first-child + *{flex-basis:calc(10% - 0.8rem)}

.section.half-20 > *{flex-basis:calc(50% - 1rem)}
.section.half-20.column-1-9 > *:first-child{flex-basis:calc(10% - 1rem)}
.section.half-20.column-1-9 > *:first-child + *{flex-basis:calc(90% - 1rem)}
.section.half-20.column-2-8 > *:first-child{flex-basis:calc(20% - 1rem)}
.section.half-20.column-2-8 > *:first-child + *{flex-basis:calc(80% - 1rem)}
.section.half-20.column-3-7 > *:first-child{flex-basis:calc(30% - 1rem)}
.section.half-20.column-3-7 > *:first-child + *{flex-basis:calc(70% - 1rem)}
.section.half-20.column-4-6 > *:first-child{flex-basis:calc(40% - 1rem)}
.section.half-20.column-4-6 > *:first-child + *{flex-basis:calc(60% - 1rem)}
.section.half-20.column-6-4 > *:first-child{flex-basis:calc(60% - 1rem)}
.section.half-20.column-6-4 > *:first-child + *{flex-basis:calc(40% - 1rem)}
.section.half-20.column-7-3 > *:first-child{flex-basis:calc(70% - 1rem)}
.section.half-20.column-7-3 > *:first-child + *{flex-basis:calc(30% - 1rem)}
.section.half-20.column-8-2 > *:first-child{flex-basis:calc(80% - 1rem)}
.section.half-20.column-8-2 > *:first-child + *{flex-basis:calc(20% - 1rem)}
.section.half-20.column-9-1 > *:first-child{flex-basis:calc(90% - 1rem)}
.section.half-20.column-9-1 > *:first-child + *{flex-basis:calc(10% - 1rem)}

.section.half-32 > *{flex-basis:calc(50% - 1.6rem)}
.section.half-32.column-1-9 > *:first-child{flex-basis:calc(10% - 1.6rem)}
.section.half-32.column-1-9 > *:first-child + *{flex-basis:calc(90% - 1.6rem)}
.section.half-32.column-2-8 > *:first-child{flex-basis:calc(20% - 1.6rem)}
.section.half-32.column-2-8 > *:first-child + *{flex-basis:calc(80% - 1.6rem)}
.section.half-32.column-3-7 > *:first-child{flex-basis:calc(30% - 1.6rem)}
.section.half-32.column-3-7 > *:first-child + *{flex-basis:calc(70% - 1.6rem)}
.section.half-32.column-4-6 > *:first-child{flex-basis:calc(40% - 1.6rem)}
.section.half-32.column-4-6 > *:first-child + *{flex-basis:calc(60% - 1.6rem)}
.section.half-32.column-6-4 > *:first-child{flex-basis:calc(60% - 1.6rem)}
.section.half-32.column-6-4 > *:first-child + *{flex-basis:calc(40% - 1.6rem)}
.section.half-32.column-7-3 > *:first-child{flex-basis:calc(70% - 1.6rem)}
.section.half-32.column-7-3 > *:first-child + *{flex-basis:calc(30% - 1.6rem)}
.section.half-32.column-8-2 > *:first-child{flex-basis:calc(80% - 1.6rem)}
.section.half-32.column-8-2 > *:first-child + *{flex-basis:calc(20% - 1.6rem)}
.section.half-32.column-9-1 > *:first-child{flex-basis:calc(90% - 1.6rem)}
.section.half-32.column-9-1 > *:first-child + *{flex-basis:calc(10% - 1.6rem)}

.section.triple > *{flex-basis:calc(33.3333% - 1.6rem)}

.section.items-start{align-items:start}
.section.items-center{align-items:center}
.section.items-end{align-items:end}

.section.content-end > *{align-content:end}
.section.content-center > *{align-content:center}
.section.content-end > *{align-content:end}

.section.justify-center{justify-content:center}
.section.justify-end{justify-content:end}
.section.justify-around{justify-content:space-around}
.section.justify-between{justify-content:space-between !important}
.section.justify-evenly{justify-content:space-evenly}

.section.equally > *{flex:1}
.grow-1{flex-grow:1}
.grow-2{flex-grow:2 !important}
.grow-3{flex-grow:3 !important}
.shrink-0{flex-shrink:0}

.row-gap-80{row-gap:var(--krds-spacer-20)}
.row-gap-64{row-gap:var(--krds-spacer-16)}
.row-gap-60{row-gap:var(--krds-spacer-15)}
.row-gap-40{row-gap:var(--krds-spacer-10)}
.row-gap-36{row-gap:var(--krds-spacer-9)}
.row-gap-32{row-gap:var(--krds-spacer-8)}
.row-gap-28{row-gap:var(--krds-spacer-7)}
.row-gap-24{row-gap:var(--krds-spacer-6) !important}
.row-gap-20{row-gap:var(--krds-spacer-5)}
.row-gap-16{row-gap:var(--krds-spacer-4)}
.row-gap-12{row-gap:var(--krds-spacer-3)}
.row-gap-8{row-gap:var(--krds-spacer-2)}
.row-gap-4{row-gap:var(--krds-spacer-1)}

.col-gap-80{column-gap:var(--krds-spacer-20)}
.col-gap-64{column-gap:var(--krds-spacer-16)}
.col-gap-60{column-gap:var(--krds-spacer-15)}
.col-gap-56{column-gap:var(--krds-spacer-14)}
.col-gap-48{column-gap:var(--krds-spacer-12)}
.col-gap-40{column-gap:var(--krds-spacer-10)}
.col-gap-36{column-gap:var(--krds-spacer-9)}
.col-gap-32{column-gap:var(--krds-spacer-8)}
.col-gap-28{column-gap:var(--krds-spacer-7)}
.col-gap-24{column-gap:var(--krds-spacer-6)}
.col-gap-20{column-gap:var(--krds-spacer-5)}
.col-gap-16{column-gap:var(--krds-spacer-4) !important}
.col-gap-12{column-gap:var(--krds-spacer-3)}
.col-gap-8{column-gap:var(--krds-spacer-2)}
.col-gap-4{column-gap:var(--krds-spacer-1)}

.rect-80{
    width:var(--krds-spacer-20);
    height:var(--krds-spacer-20);
}

.rect-64{
    width:var(--krds-spacer-16);
    height:var(--krds-spacer-16);
}

.rect-60{
    width:var(--krds-spacer-15);
    height:var(--krds-spacer-15);
}

.rect-40{
    width:var(--krds-spacer-10);
    height:var(--krds-spacer-10);
}

.rect-36{
    width:var(--krds-spacer-9);
    height:var(--krds-spacer-9);
}

.rect-32{
    width:var(--krds-spacer-8);
    height:var(--krds-spacer-8);
}

.rect-28{
    width:var(--krds-spacer-7);
    height:var(--krds-spacer-7);
}

.rect-24{
    width:var(--krds-spacer-6);
    height:var(--krds-spacer-6);
}

.rect-20{
    width:var(--krds-spacer-5);
    height:var(--krds-spacer-5);
}

.rect-16{
    width:var(--krds-spacer-4);
    height:var(--krds-spacer-4);
}

.rect-12{
    width:var(--krds-spacer-3);
    height:var(--krds-spacer-3);
}

.rect-8{
    width:var(--krds-spacer-2);
    height:var(--krds-spacer-2);
}

.rect-4{
    width:var(--krds-spacer-1);
    height:var(--krds-spacer-1);
}

.inside-80{padding:var(--krds-spacer-20) !important}
.inside-64{padding:var(--krds-spacer-16) !important}
.inside-60{padding:var(--krds-spacer-15) !important}
.inside-48{padding:var(--krds-spacer-12) !important}
.inside-40{padding:var(--krds-spacer-10) !important}
.inside-36{padding:var(--krds-spacer-9) !important}
.inside-32{padding:var(--krds-spacer-8) !important}
.inside-28{padding:var(--krds-spacer-7) !important}
.inside-24{padding:var(--krds-spacer-6) !important}
.inside-20{padding:var(--krds-spacer-5) !important}
.inside-16{padding:var(--krds-spacer-4) !important}
.inside-12{padding:var(--krds-spacer-3) !important}
.inside-8{padding:var(--krds-spacer-2) !important}
.inside-4{padding:var(--krds-spacer-1) !important}
.inside-0{padding:0 !important}
.inside-top-0{padding-top:var(--krds-spacer-0) !important}
.inside-right-0{padding-right:var(--krds-spacer-0) !important}
.inside-bottom-0{padding-bottom:var(--krds-spacer-0) !important}
.inside-left-0{padding-left:var(--krds-spacer-0) !important}

.section.list > li{position:relative;box-sizing:border-box}
.section.list.decimal > li,
.section.list.dash > li{
    padding-left:var(--krds-spacer-3);
}

.section.list.string > li{
    display:flex;
    flex-direction:row;
    column-gap:var(--krds-spacer-2);
}

.section.list.decimal > li:before,
.section.list.dash > li:before{
    position:absolute;
    left:0;
}

.section.list.decimal > li:before{
    top:1rem;
    width:3px;
    height:3px;
    border-radius:var(--krds-rd-full);
    background-color: var(--nhis-grayscale-70);
    content:'';
}

.section.list.dash > li:before{
    top:0;
    content:'-';
}

/* flag */
.flag{
    height:2.4rem;
    padding:0 var(--krds-spacer-2);
    border-radius:var(--krds-spacer-1);
    box-sizing:border-box;
    border-width:1px;
    border-style:solid;
    font-size:var(--krds-fz-label-sm);
    line-height:150%;
}

.flag.line.primary{border-color:var(--nhis-primary-60);background-color:var(--nhis-white);color:var(--nhis-primary-60)}
.flag.line.secondary{border-color:var(--nhis-secondary);background-color:var(--nhis-white);color:var(--nhis-secondary)}
.flag.line.tertiary{border-color:var(--nhis-grayscale-70);background-color:var(--nhis-white);color:var(--nhis-grayscale-70)}
.flag.line.point{border-color:var(--nhis-point-60);background-color:var(--nhis-white);color:var(--nhis-point-60)}

.flag.bg.primary{border-color:var(--nhis-primary-60);background-color:var(--nhis-primary-60);color:var(--nhis-white)}
.flag.bg.secondary{border-color:var(--nhis-secondary);background-color:var(--nhis-secondary);color:var(--nhis-white)}
.flag.bg.tertiary{border-color:var(--nhis-grayscale-70);background-color:var(--nhis-grayscale-70);color:var(--nhis-white)}
.flag.bg.point{border-color:var(--nhis-point-60);background-color:var(--nhis-point-60);color:var(--nhis-white)}

.flag.pastel.primary{border-color:var(--nhis-primary-5);background-color:var(--nhis-primary-5);color:var(--nhis-primary-60)}
.flag.pastel.secondary{border-color:var(--nhis-secondary-5);background-color:var(--nhis-secondary-5);color:var(--nhis-secondary)}
.flag.pastel.tertiary{border-color:var(--nhis-grayscale-20);background-color:var(--nhis-grayscale-20);color:var(--nhis-grayscale-80)}
.flag.pastel.point{border-color:var(--nhis-point-5);background-color:var(--nhis-point-5);color:var(--nhis-point-60)}

.flag.pastel.yellow{border-color:var(--nhis-yellow-5);background-color:var(--nhis-yellow-5);color:var(--nhis-yellow)}
.flag.pastel.green{border-color:var(--nhis-green-5);background-color:var(--nhis-green-5);color:var(--nhis-green)}
.flag.pastel.violet{border-color:var(--nhis-violet-5);background-color:var(--nhis-violet-5);color:var(--nhis-violet)}
.flag.pastel.pink{border-color:var(--nhis-pink-5);background-color:var(--nhis-pink-5);color:var(--nhis-pink)}

/* modal size */
.krds-modal .modal-dialog{
    display:flex;
    position:relative;
    top:50%;
    left:50%;
    width:var(--modal-md);
    max-width:80%;
    max-height:80%;
    transform:translate(-50%,-50%);
}

.krds-modal.full .modal-dialog {
    width:var(--modal-full);
}

.krds-modal.xlg .modal-dialog {
    width:var(--modal-xlg);
}

.krds-modal.lg .modal-dialog {
    width:var(--modal-lg);
}

.krds-modal.md .modal-dialog {
    width:var(--modal-md);
}

.krds-modal.sm .modal-dialog {
    width:var(--modal-sm);
    max-width:90%;
}

.krds-modal.xsm .modal-dialog {
    width:var(--modal-xsm);
    max-width:90%;
}

/* Font */
.font{line-height:150%}
.font.bold{font-weight:700 !important}
.font.display.lg{font-size:var(--krds-fz-display-lg) !important}
.font.display.md{font-size:var(--krds-fz-display-md) !important}
.font.display.sm{font-size:var(--krds-fz-display-sm) !important}

.font.heading.lg{font-size:var(--krds-fz-heading-lg) !important}
.font.heading.md{font-size:var(--krds-fz-heading-md) !important}
.font.heading.sm{font-size:var(--krds-fz-heading-sm) !important}

.font.title.xxlg{font-size:var(--krds-fz-title-xxlg) !important}
.font.title.xlg{font-size:var(--krds-fz-title-xlg) !important}
.font.title.lg{font-size:var(--krds-fz-title-lg) !important}
.font.title.md{font-size:var(--krds-fz-title-md) !important}
.font.title.sm{font-size:var(--krds-fz-title-sm) !important}
.font.title.xsm{font-size:var(--krds-fz-title-xsm) !important}

.font.body.lg{font-size:var(--krds-fz-body-lg) !important}
.font.body.md{font-size:var(--krds-fz-body-md) !important}
.font.body.sm{font-size:var(--krds-fz-body-sm) !important}

.font.detail.lg{font-size:var(--krds-fz-detail-lg) !important}
.font.detail.md{font-size:var(--krds-fz-detail-md) !important}
.font.detail.sm{font-size:var(--krds-fz-detail-sm) !important}
    
.font.label.lg{font-size:var(--krds-fz-label-lg) !important}
.font.label.md{font-size:var(--krds-fz-label-md) !important}
.font.label.sm{font-size:var(--krds-fz-label-sm) !important}
.font.label.xsm{font-size:var(--krds-fz-label-xsm) !important}

.font.link.lg{font-size:var(--krds-fz-link-lg) !important}
.font.link.md{font-size:var(--krds-fz-link-md) !important}
.font.link.sm{font-size:var(--krds-fz-link-sm) !important}

/* Color */
.color.white{color:var(--nhis-white)}
.color.black{color:var(--nhis-black)}
.color.danger{color:var(--nhis-danger)}
.color.warning{color:var(--nhis-warning)}
.color.success{color:var(--nhis-success)}
.color.infomation{color:var(--nhis-infomation)}

.color.primary{color:var(--nhis-primary)}
.color.primary-5{color:var(--nhis-primary-5)}
.color.primary-10{color:var(--nhis-primary-10)}
.color.primary-20{color:var(--nhis-primary-20)}
.color.primary-30{color:var(--nhis-primary-30)}
.color.primary-40{color:var(--nhis-primary-40)}
.color.primary-60{color:var(--nhis-primary-60)}
.color.primary-70{color:var(--nhis-primary-70)}
.color.primary-80{color:var(--nhis-primary-80)}
.color.primary-90{color:var(--nhis-primary-90)}

.color.secondary{color:var(--nhis-secondary)}
.color.secondary-5{color:var(--nhis-secondary-5)}
.color.secondary-10{color:var(--nhis-secondary-10)}
.color.secondary-20{color:var(--nhis-secondary-20)}
.color.secondary-30{color:var(--nhis-secondary-30)}
.color.secondary-40{color:var(--nhis-secondary-40)}
.color.secondary-60{color:var(--nhis-secondary-60)}
.color.secondary-70{color:var(--nhis-secondary-70)}
.color.secondary-80{color:var(--nhis-secondary-80)}
.color.secondary-90{color:var(--nhis-secondary-90)}

.color.point{color:var(--nhis-point)}
.color.point-5{color:var(--nhis-point-5)}
.color.point-10{color:var(--nhis-point-10)}
.color.point-20{color:var(--nhis-point-20)}
.color.point-30{color:var(--nhis-point-30)}
.color.point-40{color:var(--nhis-point-40)}
.color.point-60{color:var(--nhis-point-60)}
.color.point-70{color:var(--nhis-point-70)}
.color.point-80{color:var(--nhis-point-80)}
.color.point-90{color:var(--nhis-point-90)}

.color.grayscale-5{color:var(--nhis-grayscale-5)}
.color.grayscale-10{color:var(--nhis-grayscale-10)}
.color.grayscale-20{color:var(--nhis-grayscale-20)}
.color.grayscale-30{color:var(--nhis-grayscale-30)}
.color.grayscale-40{color:var(--nhis-grayscale-40)}
.color.grayscale-50{color:var(--nhis-grayscale-50)}
.color.grayscale-60{color:var(--nhis-grayscale-60)}
.color.grayscale-70{color:var(--nhis-grayscale-70)}
.color.grayscale-80{color:var(--nhis-grayscale-80)}
.color.grayscale-90{color:var(--nhis-grayscale-90)}

/* Background */
.bg.white{background-color:var(--nhis-white) !important}
.bg.black{background-color:var(--nhis-black)}
.bg.danger{background-color:var(--nhis-danger)}
.bg.warning{background-color:var(--nhis-warning)}
.bg.success{background-color:var(--nhis-success)}
.bg.infomation{background-color:var(--nhis-infomation)}

.bg.primary{background-color:var(--nhis-primary)}
.bg.primary-5{background-color:var(--nhis-primary-5)}
.bg.primary-10{background-color:var(--nhis-primary-10)}
.bg.primary-20{background-color:var(--nhis-primary-20)}
.bg.primary-30{background-color:var(--nhis-primary-30)}
.bg.primary-40{background-color:var(--nhis-primary-40)}
.bg.primary-60{background-color:var(--nhis-primary-60)}
.bg.primary-70{background-color:var(--nhis-primary-70)}
.bg.primary-80{background-color:var(--nhis-primary-80)}
.bg.primary-90{background-color:var(--nhis-primary-90)}

.bg.secondary{background-color:var(--nhis-secondary)}
.bg.secondary-5{background-color:var(--nhis-secondary-5) !important}
.bg.secondary-10{background-color:var(--nhis-secondary-10)}
.bg.secondary-20{background-color:var(--nhis-secondary-20)}
.bg.secondary-30{background-color:var(--nhis-secondary-30)}
.bg.secondary-40{background-color:var(--nhis-secondary-40)}
.bg.secondary-60{background-color:var(--nhis-secondary-60)}
.bg.secondary-70{background-color:var(--nhis-secondary-70)}
.bg.secondary-80{background-color:var(--nhis-secondary-80)}
.bg.secondary-90{background-color:var(--nhis-secondary-90)}

.bg.point{background-color:var(--nhis-point)}
.bg.point-5{background-color:var(--nhis-point-5)}
.bg.point-10{background-color:var(--nhis-point-10)}
.bg.point-20{background-color:var(--nhis-point-20)}
.bg.point-30{background-color:var(--nhis-point-30)}
.bg.point-40{background-color:var(--nhis-point-40)}
.bg.point-60{background-color:var(--nhis-point-60)}
.bg.point-70{background-color:var(--nhis-point-70)}
.bg.point-80{background-color:var(--nhis-point-80)}
.bg.point-90{background-color:var(--nhis-point-90)}

.bg.grayscale-5{background-color:var(--nhis-grayscale-5)}
.bg.grayscale-10{background-color:var(--nhis-grayscale-10)}
.bg.grayscale-20{background-color:var(--nhis-grayscale-20)}
.bg.grayscale-30{background-color:var(--nhis-grayscale-30)}
.bg.grayscale-40{background-color:var(--nhis-grayscale-40) !important}
.bg.grayscale-50{background-color:var(--nhis-grayscale-50)}
.bg.grayscale-60{background-color:var(--nhis-grayscale-60)}
.bg.grayscale-70{background-color:var(--nhis-grayscale-70)}
.bg.grayscale-80{background-color:var(--nhis-grayscale-80)}
.bg.grayscale-90{background-color:var(--nhis-grayscale-90)}

/* Border-color */
.border.white{border-color:var(--nhis-white)}
.border.black{border-color:var(--nhis-black)}
.border.danger{border-color:var(--nhis-danger)}
.border.warning{border-color:var(--nhis-warning)}
.border.success{border-color:var(--nhis-success)}
.border.infomation{border-color:var(--nhis-infomation)}

.border.primary{border-color:var(--nhis-primary)}
.border.primary-5{border-color:var(--nhis-primary-5)}
.border.primary-10{border-color:var(--nhis-primary-10)}
.border.primary-20{border-color:var(--nhis-primary-20)}
.border.primary-30{border-color:var(--nhis-primary-30)}
.border.primary-40{border-color:var(--nhis-primary-40)}
.border.primary-60{border-color:var(--nhis-primary-60)}
.border.primary-70{border-color:var(--nhis-primary-70)}
.border.primary-80{border-color:var(--nhis-primary-80)}
.border.primary-90{border-color:var(--nhis-primary-90)}

.border.secondary{border-color:var(--nhis-secondary)}
.border.secondary-5{border-color:var(--nhis-secondary-5)}
.border.secondary-10{border-color:var(--nhis-secondary-10)}
.border.secondary-20{border-color:var(--nhis-secondary-20)}
.border.secondary-30{border-color:var(--nhis-secondary-30)}
.border.secondary-40{border-color:var(--nhis-secondary-40)}
.border.secondary-60{border-color:var(--nhis-secondary-60)}
.border.secondary-70{border-color:var(--nhis-secondary-70)}
.border.secondary-80{border-color:var(--nhis-secondary-80)}
.border.secondary-90{border-color:var(--nhis-secondary-90)}

.border.point{border-color:var(--nhis-point)}
.border.point-5{border-color:var(--nhis-point-5)}
.border.point-10{border-color:var(--nhis-point-10)}
.border.point-20{border-color:var(--nhis-point-20)}
.border.point-30{border-color:var(--nhis-point-30)}
.border.point-40{border-color:var(--nhis-point-40)}
.border.point-60{border-color:var(--nhis-point-60)}
.border.point-70{border-color:var(--nhis-point-70)}
.border.point-80{border-color:var(--nhis-point-80)}
.border.point-90{border-color:var(--nhis-point-90)}

.border.grayscale-5{border-color:var(--nhis-grayscale-5)}
.border.grayscale-10{border-color:var(--nhis-grayscale-10)}
.border.grayscale-20{border-color:var(--nhis-grayscale-20)}
.border.grayscale-30{border-color:var(--nhis-grayscale-30)}
.border.grayscale-40{border-color:var(--nhis-grayscale-40)}
.border.grayscale-50{border-color:var(--nhis-grayscale-50)}
.border.grayscale-60{border-color:var(--nhis-grayscale-60)}
.border.grayscale-70{border-color:var(--nhis-grayscale-70)}
.border.grayscale-80{border-color:var(--nhis-grayscale-80)}
.border.grayscale-90{border-color:var(--nhis-grayscale-90)}

/* border-width */
.border.line-0{border-width:0}
.border.line-1{border-width:var(--krds-spacer-default)}
.border.line-2{border-width:var(--krds-spacer-default2)}
.border.line-4{border-width:var(--krds-spacer-default2)}

.border.line-top-0{border-top-width:0}
.border.line-top-1{border-top-width:var(--krds-spacer-default)}
.border.line-top-2{border-top-width:var(--krds-spacer-default2)}
.border.line-top-4{border-top-width:var(--krds-spacer-default2)}

.border.line-right-0{border-right-width:0}
.border.line-right-1{border-right-width:var(--krds-spacer-default)}
.border.line-right-2{border-right-width:var(--krds-spacer-default2)}
.border.line-right-4{border-right-width:var(--krds-spacer-default2)}

.border.line-bottom-0{border-bottom-width:0}
.border.line-bottom-1{border-bottom-width:var(--krds-spacer-default)}
.border.line-bottom-2{border-bottom-width:var(--krds-spacer-default2)}
.border.line-bottom-4{border-bottom-width:var(--krds-spacer-default2)}

.border.line-left-0{border-left-width:0}
.border.line-left-1{border-left-width:var(--krds-spacer-default)}
.border.line-left-2{border-left-width:var(--krds-spacer-default2)}
.border.line-left-4{border-left-width:var(--krds-spacer-default2)}

/* border-style */
.border.solid{border-style:solid}
.border.dashed{border-style:dashed}
.border.dotted{border-style:dotted}

/* border-radius */
.border.radius-0{border-radius:0}
.border.radius-0{border-radius:0}
.border.radius-1{border-radius:var(--krds-rd-1)}
.border.radius-2{border-radius:var(--krds-rd-2)}
.border.radius-4{border-radius:var(--krds-rd-4)}
.border.radius-6{border-radius:var(--krds-rd-6)}
.border.radius-8{border-radius:var(--krds-rd-8)}
.border.radius-10{border-radius:var(--krds-rd-10)}
.border.radius-12{border-radius:var(--krds-rd-12)}
.border.radius-100{border-radius:var(--krds-rd-100)}
.border.radius-full{border-radius:var(--krds-rd-full)}
.border.radius-top-0{border-top-right-radius:0;border-top-left-radius:0}
.border.radius-right-0{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}
.border.radius-bottom-0{border-bottom-right-radius:0;border-bottom-left-radius:0}
.border.radius-left-0{border-top-left-radius:0;border-bottom-left-radius:0}

hr{border:0}

a.underline:hover{text-decoration:underline}

.divider{
    width:1px;
    align-self:center;
}

.divider.solid-8{height:8px}
.divider.solid-12{height:12px}
.divider.solid-16{height:16px}
.divider.solid-20{height:20px}
.divider.solid-24{height:24px}
.divider.solid-40{height:40px}

/* Form [ input=text ] */
input.text{
    width:100%;
    height:var(--krds-input-h-md);
    line-height:calc(var(--krds-input-h-md) - 2px);
    border: 1px solid var(--nhis-grayscale-60);
    background-color:var(--nhis-white);
    padding:var(--krds-spacer-4);
    font-size:var(--krds-input-fz-md);
    color: var(--nhis-grayscale-90);
    border-radius:var(--krds-input-rd-md);
}

input.text.xlg{
    height:var(--krds-input-h-xlg);
    line-height:calc(var(--krds-input-h-xlg) - 2px);
    font-size:var(--krds-input-fz-xlg);
    border-radius:var(--krds-input-rd-xlg);
}

input.text.lg{
    height:var(--krds-input-h-lg);
    line-height:calc(var(--krds-input-h-lg) - 2px);
    font-size:var(--krds-input-fz-lg);
    border-radius:var(--krds-input-rd-lg);
}

input.text.sm{
    height:var(--krds-input-h-sm);
    line-height:calc(var(--krds-input-h-sm) - 2px);
    font-size:var(--krds-input-fz-sm);
    border-radius:var(--krds-input-rd-sm);
}

/* Form [ textarea ] */
textarea{
    width:100%;
    height:14.4rem;
    border:1px solid var(--nhis-grayscale-60);
    background-color:var(--nhis-white);
    padding:var(--krds-spacer-4);
    font-size:var(--krds-input-fz-md);
    color:var(--nhis-grayscale-90);
    border-radius:var(--krds-input-rd-md);
    line-height:150%;
    resize:none;
}

textarea:focus{
    border-width:2px;
}

textarea::placeholder{
    font-size:var(--krds-input-fz-md);
}

/* Form [ input=file ] */
input.file{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0, 0, 0, 0) !important;
    white-space:nowrap !important;
    border:0 !important;
}

/* Form [ input=checkbox ] */
label:not(.chip):has(input[type=checkbox]){
    position:relative;
    display:inline-flex;
    min-height:var(--krds-chk-size-md);
    font-size:var(--krds-chk-fz-md);
    line-height:var(--krds-chk-size-md);
}

label:not(.chip):has(input[type=checkbox]).sm{
    min-height:var(--krds-chk-size-sm);
    font-size:var(--krds-chk-fz-sm);
    line-height:var(--krds-chk-size-sm);
}

label:not(.chip):has(input[type=checkbox]).lg{
    min-height:var(--krds-chk-size-lg);
    font-size:var(--krds-chk-fz-lg);
    line-height:var(--krds-chk-size-lg);
}

label:not(.chip):has(input[type="checkbox"]:focus){
    border-radius:var(--krds-btn-rd-sm);
    outline-offset:0.4rem;
    outline:2px solid rgba(36, 107, 235, 0.8);
}

label:not(.chip):has(input[type=checkbox]):before{
    flex-shrink:0;
    column-gap:var(--krds-spacer-2);
    width:var(--krds-chk-size-md);
    height:var(--krds-chk-size-md);
    background-color:var(--nhis-white);
    border:1px solid var(--nhis-grayscale-60);
    border-radius:var(--krds-rd-4);
    transition:0.4s cubic-bezier(0.4, 0, 0.23, 1);
    content:'';
}

label:not(.chip):has(input[type=checkbox]).sm:before{
    width:var(--krds-chk-size-sm);
    height:var(--krds-chk-size-sm);
}

label:not(.chip):has(input[type=checkbox]).lg:before{
    width:var(--krds-chk-size-lg);
    height:var(--krds-chk-size-lg);
}

label:not(.chip):has(input[type="checkbox"]:checked):before{
    border-color:var(--nhis-secondary);
    background-color:var(--nhis-secondary);
}

label:not(.chip):has(input[type="checkbox"]:disabled):before{
    border-color:var(--nhis-grayscale-40);
    background-color:var(--nhis-grayscale-30);
}

label:not(.chip):has(input[type=checkbox]):after{
    position:absolute;
    top:calc((var(--krds-chk-size-md) - var(--krds-chk-primary-chk-md)) / 2);
    left:calc(var(--krds-spacer-1) / 2);
    width:var(--krds-chk-primary-chk-md);
    height:var(--krds-chk-primary-chk-md);
    background:url(/_res/nhis/nhis/img/newimg/icon/bg-chk.svg) no-repeat 50% 50%;
    background-size:var(--krds-chk-primary-chk-md) auto;
    opacity:0;
    content:'';
}

label:not(.chip):has(input[type=checkbox]).sm:after{
    top:calc((var(--krds-chk-size-sm) - var(--krds-chk-primary-chk-sm)) / 2);
    left:calc(var(--krds-spacer-1) / 2);
    width:var(--krds-chk-primary-chk-sm);
    height:var(--krds-chk-primary-chk-sm);
    background-size:var(--krds-chk-primary-chk-sm) auto;
}

label:not(.chip):has(input[type=checkbox]).lg:after{
    top:calc((var(--krds-chk-size-lg) - var(--krds-chk-primary-chk-lg)) / 2);
    left:calc(var(--krds-spacer-1) / 2);
    width:var(--krds-chk-primary-chk-lg);
    height:var(--krds-chk-primary-chk-lg);
    background-size:var(--krds-chk-primary-chk-lg) auto;
}

label:not(.chip):has(input[type="checkbox"]:disabled):after{
    background:url(/_res/nhis/nhis/img/newimg/icon/bg-chk-disabled.svg) no-repeat 50% 50%;
}

label:not(.chip):has(input[type="checkbox"]:checked):after{
    opacity:1;
    transition-delay:0.2s;
}

/* Form [ input=radio ] */
label:has(input:focus),
label:has(input:focus),
label.chip:has(input:focus){outline:auto;}
label:not(.chip):has(input[type=radio]){
    position:relative;
    display:inline-flex;
    min-height:var(--krds-rdo-size-md);
    font-size:var(--krds-rdo-fz-md);
    line-height:var(--krds-rdo-size-md);
}

label:not(.chip):has(input[type=radio]).sm{
    min-height:var(--krds-rdo-size-sm);
    font-size:var(--krds-rdo-fz-sm);
    line-height:var(--krds-rdo-size-sm);
}

label:not(.chip):has(input[type=radio]).lg{
    min-height:var(--krds-rdo-size-lg);
    font-size:var(--krds-rdo-fz-lg);
    line-height:var(--krds-rdo-size-lg);
}

label:not(.chip):has(input[type=radio]):before{
    flex-shrink:0;
    column-gap:var(--krds-spacer-2);
    width:var(--krds-rdo-size-md);
    height:var(--krds-rdo-size-md);
    background-color:var(--nhis-white);
    border:1px solid var(--nhis-grayscale-60);
    border-radius:var(--krds-rd-full);
    content:'';
}

label:not(.chip):has(input[type=radio]).sm:before{
    width:var(--krds-rdo-size-sm);
    height:var(--krds-rdo-size-sm);
}

label:not(.chip):has(input[type=radio]).lg:before{
    width:var(--krds-rdo-size-lg);
    height:var(--krds-rdo-size-lg);
}

label:not(.chip):has(input[type="radio"]:checked):before{
    border-color:var(--nhis-secondary);
}

label:has(input[type="radio"]:disabled):before{
    border-color:var(--nhis-grayscale-40);
    background-color:var(--nhis-grayscale-30);
}

label:not(.chip):has(input[type=radio]):after{
    position:absolute;
    top:calc((var(--krds-rdo-size-md) - var(--krds-rdo-chk-md)) / 2);
    left:calc((var(--krds-rdo-size-md) - var(--krds-rdo-chk-md)) / 2);
    width:var(--krds-rdo-chk-md);
    height:var(--krds-rdo-chk-md);
    border-radius:var(--krds-rd-full);
    background:var(--nhis-secondary);
    opacity:0;
    transition:0.4s cubic-bezier(0.4, 0, 0.23, 1);
    content:'';
}

label:not(.chip):has(input[type=radio]).sm:after{
    top:calc((var(--krds-rdo-size-sm) - var(--krds-rdo-chk-sm)) / 2);
    left:calc((var(--krds-rdo-size-sm) - var(--krds-rdo-chk-sm)) / 2);
    width:var(--krds-rdo-chk-sm);
    height:var(--krds-rdo-chk-sm);
    background-size:var(--krds-rdo-chk-sm) auto;
}

label:not(.chip):has(input[type=radio]).lg:after{
    top:calc((var(--krds-rdo-size-lg) - var(--krds-rdo-chk-lg)) / 2);
    left:calc((var(--krds-rdo-size-lg) - var(--krds-rdo-chk-lg)) / 2);
    width:var(--krds-rdo-chk-lg);
    height:var(--krds-rdo-chk-lg);
    background-size:var(--krds-rdo-chk-lg) auto;
}

label:not(.chip):has(input[type="radio"]:disabled):after{
    background-color:var(--nhis-grayscale-40);
}

label:not(.chip):has(input[type="radio"]:checked):after{
    opacity:1;
    transition-delay:0.2s;
}

/* Form [ chip ] */
label.chip{
    display:flex;
    flex-direction:row;
    height:var(--krds-chkChipOutline-h-md);
    padding:var(--krds-chkChipOutline-pd-md);
    column-gap:var(--krds-chkChipOutline-gap-md);
    align-items:center;
    border-radius:var(--krds-chkChipOutline-rd-md);
    background-color:var(--nhis-white);
    border:1px solid var(--nhis-grayscale-40);
    font-size:var(--krds-chkChipOutline-fz-md);
}

label.chip.full{
    width:100%;
}

label.chip.lg{
    height:var(--krds-chkChipOutline-h-lg);
    padding:var(--krds-chkChipOutline-pd-lg);
    column-gap:var(--krds-chkChipOutline-gap-lg);
    border-radius:var(--krds-chkChipOutline-rd-lg);
    font-size:var(--krds-chkChipOutline-fz-lg);
}

label.chip.sm{
    height:var(--krds-chkChipOutline-h-sm);
    padding:var(--krds-chkChipOutline-pd-sm);
    column-gap:var(--krds-chkChipOutline-gap-sm);
    border-radius:var(--krds-chkChipOutline-rd-sm);
    font-size:var(--krds-chkChipOutline-fz-sm);
}

label.chip:has(input:checked){
    background-color:var(--nhis-point-5);
    border:1px solid var(--nhis-point-20);
    color:var(--nhis-point-60);
}

label.chip:has(input:disabled){
    background-color:var(--nhis-grayscale-30);
    border:1px solid var(--nhis-grayscale-40);
    color:var(--nhis-grayscale-60);
}

label.chip .ico{
    width:var(--krds-chkChipOutline-ico-md);
    height:var(--krds-chkChipOutline-ico-md);
    background-size:var(--krds-chkChipOutline-ico-md);
}

label.chip.lg .ico{
    width:var(--krds-chkChipOutline-ico-lg);
    height:var(--krds-chkChipOutline-ico-lg);
    background-size:var(--krds-chkChipOutline-ico-lg) !important;
}

label.chip.sm .ico{
    width:var(--krds-chkChipOutline-ico-sm);
    height:var(--krds-chkChipOutline-ico-sm);
    background-size:var(--krds-chkChipOutline-ico-sm) !important;
}

label.chip:has(input:checked) .ico{background:url(/_res/nhis/nhis/img/newimg/icon/ico-chip-checked.svg) no-repeat center}
label.chip:has(input:disabled) .ico{background:url(/_res/nhis/nhis/img/newimg/icon/ico-chip-disabled.svg) no-repeat center}
label.chip:has(input[type="radio"]) input[type="radio"]:not(:checked) + .ico{display:none}

/* Form [ select ] */
.section select{
    width:100%;
    height:var(--krds-select-h-md);
    padding:var(--krds-select-pd-md);
    border:1px solid var(--nhis-grayscale-60);
    border-radius:var(--krds-select-rd-md);
    background:var(--nhis-white) url(/_res/nhis/nhis/img/icon/ico_select_lg.svg) no-repeat right 1.6rem center;
    background-size:var(--krds-select-bgs-md);
    color:var(--nhis-grayscale-90);
    font-size:var(--krds-select-fz-md);
    appearance:none;
}

select.xlg{
    height:var(--krds-select-h-xlg);
    border-radius:var(--krds-select-rd-xlg);
    background-size:var(--krds-select-bgs-xlg);
    font-size:var(--krds-select-fz-xlg);
}

select.lg{
    height:var(--krds-select-h-lg);
    border-radius:var(--krds-select-rd-lg);
    background-size:var(--krds-select-bgs-lg);
    font-size:var(--krds-select-fz-lg);
}

select.md{
    height:var(--krds-select-h-md);
    border-radius:var(--krds-select-rd-md);
    background-size:var(--krds-select-bgs-md);
    font-size:var(--krds-select-fz-md);
}

select.sm{
    height:var(--krds-select-h-sm);
    border-radius:var(--krds-select-rd-sm);
    background-size:var(--krds-select-bgs-sm);
    font-size:var(--krds-select-fz-sm);
}

.btn-mask{
    position:relative;
}

.btn-mask > .text{
    padding-right:5rem;
}

.btn-mask > i,
.btn-mask > span,
.btn-mask > button{
    position: absolute;
    top:50%;
    right:1.6rem;
    transform:translateY(-50%);
}

/* Icon */
.ico{
    display:inline-block;
    width:calc(var(--ico-size-defualt) + 4px);
    height:calc(var(--ico-size-defualt) + 4px);
    vertical-align:middle;
    background-size:var(--ico-size-defualt) !important;
}
.ico.top{vertical-align:top}

.ico.rotate-45{transform:rotate(45deg)}
.ico.rotate-90{transform:rotate(90deg)}
.ico.rotate-135{transform:rotate(135deg)}
.ico.rotate-180{transform:rotate(180deg)}
.ico.rotate-225{transform:rotate(225deg)}
.ico.rotate-270{transform:rotate(270deg)}
.ico.rotate-315{transform:rotate(315deg)}

.ico.x120{
    width:var(--ico-size-x120);
    height:var(--ico-size-x120);
    background-size:var(--ico-size-x120) !important;
}

.ico.x100{
    width:var(--ico-size-x100);
    height:var(--ico-size-x100);
    background-size:var(--ico-size-x100) !important;
}

.ico.x96{
    width:var(--ico-size-x96);
    height:var(--ico-size-x96);
    background-size:var(--ico-size-x96) !important;
}

.ico.x80{
    width:var(--ico-size-x80);
    height:var(--ico-size-x80);
    background-size:var(--ico-size-x80) !important;
}

.ico.x60{
    width:var(--ico-size-x60);
    height:var(--ico-size-x60);
    background-size:var(--ico-size-x60) !important;
}

.ico.x56{
    width:var(--ico-size-x56);
    height:var(--ico-size-x56);
    background-size:var(--ico-size-x56) !important;
}

.ico.x50{
    width:var(--ico-size-x50);
    height:var(--ico-size-x50);
    background-size:var(--ico-size-x50) !important;
}

.ico.x40{
    width:var(--ico-size-x40);
    height:var(--ico-size-x40);
    background-size:var(--ico-size-x40) !important;
}

.ico.x32{
    width:var(--ico-size-x32);
    height:var(--ico-size-x32);
    background-size:var(--ico-size-x32) !important;
}

.ico.x24{
    width:var(--ico-size-x24);
    height:var(--ico-size-x24);
    background-size:var(--ico-size-x24) !important;
}

.ico.x20{
    width:var(--ico-size-x20);
    height:var(--ico-size-x20);
    background-size:var(--ico-size-x20) !important;
}

.ico.x16{
    width:var(--ico-size-x16);
    height:var(--ico-size-x16);
    background-size:var(--ico-size-x16) !important;
}

.ico.x12{
    width:var(--ico-size-x12);
    height:var(--ico-size-x12);
    background-size:var(--ico-size-x12) !important;
}

.ico em{
	overflow: hidden;
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	text-indent: -9999px;
	white-space: nowrap;
}

.ico.logo{
    width:11.8rem;
    height:4rem;
    background:url(/_res/nhis/nhis/img/newimg/common/logo.svg) no-repeat center;
    background-size:100% !important;
}

.ico.logo-english{
    width:11.8rem;
    height:4rem;
    background:url(/_res/nhis/nhis/img/newimg/common/ico-logo-english.svg) no-repeat center;
    background-size:100% !important;
}

.ico.logo-initials{
    width:11.8rem;
    height:4rem;
    background:url(/_res/nhis/nhis/img/newimg/common/ico-logo-Initials.svg) no-repeat center;
    background-size:100% !important;
}

.ico.logo.content{
    width:14.1rem;
    height:4.8rem;
}

.ico.logo.signature{
    width:18.4rem;
    height:8.1rem;
}

.ico.logo-english.signature{
    width:17.4rem;
    height:8.1rem;
}

.ico.logo-initials.signature{
    width:14.5rem;
    height:6.8rem;
}

.ico.dot-line{
    width:8px;
    height:27px;
    background:url(/_res/nhis/nhis/img/newimg/icon/ico-dot-line.svg) no-repeat center;
    background-size:100% !important;
}

.ico.dot-blue-line{
    width:24px;
    height:8px;
    background:url(/_res/nhis/nhis/img/newimg/icon/ico-dot-blue-line.svg) no-repeat center;
    background-size:100% !important;
}

.ico.ci{
    width:120px;
    height:126px;
    background:url(/_res/nhis/nhis/img/newimg/icon/ico-ci.svg) no-repeat center;
    background-size:100% !important;
}

.ico.geon{
    width:130px;
    height:156px;
    background:url(/_res/nhis/nhis/img/newimg/icon/geon.svg) no-repeat center;
    background-size:100% !important;
}

.ico.geon-little{
    width:130px;
    height:138px;
    background:url(/_res/nhis/nhis/img/newimg/icon/geon-little.svg) no-repeat center;
    background-size:100% !important;
}

.ico.kang{
    width:140px;
    height:149px;
    background:url(/_res/nhis/nhis/img/newimg/icon/kang.svg) no-repeat center;
    background-size:100% !important;
}

.ico.kang-little{
    width:122px;
    height:140px;
    background:url(/_res/nhis/nhis/img/newimg/icon/kang-little.svg) no-repeat center;
    background-size:100% !important;
}

.ico.deong{
    width:150px;
    height:168px;
    background:url(/_res/nhis/nhis/img/newimg/icon/deong.svg) no-repeat center;
    background-size:100% !important;
}

.ico.deong-little{
    width:120px;
    height:148px;
    background:url(/_res/nhis/nhis/img/newimg/icon/deong-little.svg) no-repeat center;
    background-size:100% !important;
}

.ico.gyun{
    width:134px;
    height:168px;
    background:url(/_res/nhis/nhis/img/newimg/icon/gyun.svg) no-repeat center;
    background-size:100% !important;
}

.ico.gyun-little{
    width:130px;
    height:154px;
    background:url(/_res/nhis/nhis/img/newimg/icon/gyun-little.svg) no-repeat center;
    background-size:100% !important;
}

.ico.start-check{background:url(/_res/nhis/nhis/img/newimg/icon/ico-start-check.svg) no-repeat center}
.ico.circle-check{background:url(/_res/nhis/nhis/img/newimg/icon/ico_outline_chk.svg) no-repeat center}
.ico.point-mark{background:url(/_res/nhis/nhis/img/newimg/icon/ico_helper_info.svg) no-repeat center}
.ico.point-mark-white{background:url(/_res/nhis/nhis/img/newimg/icon/ico_info.svg) no-repeat center}
.ico.expand{background:url(../img/icon/ico_arr_expand.svg) no-repeat center}
.ico.disclosure{flex-shrink:0;background:url(/_res/nhis/nhis/img/newimg/icon/ico_arr_func_20.svg) no-repeat center}
.ico.reset{background:url(/_res/nhis/nhis/img/newimg/icon/ico-reset-long.svg) no-repeat center}
.ico.arr-link{background:url(/_res/nhis/nhis/img/newimg/icon/ico_arr_link.svg) no-repeat center}
.ico.arr-link-white{background:url(/_res/nhis/nhis/img/newimg/icon/ico-arr-link-white.svg) no-repeat center}
.ico.window{background:url(../img/icon/ico_go_20.svg) no-repeat center}
.ico.ico-login-heart{background:url(/_res/nhis/nhis/img/newimg/main/ico-login-heart.svg) no-repeat center}
.ico.ico-login-bell{background:url(/_res/nhis/nhis/img/newimg/main/ico-login-bell.svg) no-repeat center}
.ico.ico-login-money{background:url(/_res/nhis/nhis/img/newimg/main/ico-login-money.svg) no-repeat center}
.ico.ico-login-confirmation{background:url(/_res/nhis/nhis/img/newimg/main/ico-login-confirmation.svg) no-repeat center}
.ico.ico-login-timer{background:url(/_res/nhis/nhis/img/newimg/main/ico-login-timer.svg) no-repeat center}
.ico.ico-login-medical{background:url(/_res/nhis/nhis/img/newimg/main/ico-login-medical.svg) no-repeat center}
.ico.ico-login-tooth{background:url(/_res/nhis/nhis/img/newimg/main/ico-login-tooth.svg) no-repeat center}
.ico.ico-login-age{background:url(/_res/nhis/nhis/img/newimg/main/ico-login-age.svg) no-repeat center}
.ico.ico-login-mail{background:url(/_res/nhis/nhis/img/newimg/main/ico-login-mail.svg) no-repeat center}
.ico.ico-login-join{background:url(/_res/nhis/nhis/img/newimg/main/ico-login-join.svg) no-repeat center}
.ico.ico-login-collection{background:url(/_res/nhis/nhis/img/newimg/main/ico-login-collection.svg) no-repeat center}
.ico.ico-login-internet{background:url(/_res/nhis/nhis/img/newimg/main/ico-login-internet.svg) no-repeat center}
.ico.ico-login-edi{background:url(/_res/nhis/nhis/img/newimg/main/ico-login-edi.svg) no-repeat center}
.ico.ico-login-folder{background:url(/_res/nhis/nhis/img/newimg/main/ico-login-folder.svg) no-repeat center}
.ico.ico-arr-link{background:url(/_res/nhis/nhis/img/newimg/icon/ico_arr_link.svg) no-repeat center}
.ico.ico-quick-book{background:url(/_res/nhis/nhis/img/newimg/icon/ico_quick_book.svg) no-repeat center}
.ico.ico-callcenter{background:url(/_res/nhis/nhis/img/newimg/icon/ico_callcenter.svg) no-repeat center}
.ico.ico-safe{background:url(/_res/nhis/nhis/img/newimg/icon/ico_safe.svg) no-repeat center}
.ico.ico-reference{background:url(/_res/nhis/nhis/img/newimg/icon/ico_reference.svg) no-repeat center}
.ico.ico-top{background:url(/_res/nhis/nhis/img/newimg/icon/ico_top.svg) no-repeat center}
.ico.ico-bot{background:url(/_res/nhis/nhis/img/newimg/icon/ico_bot.svg) no-repeat center}
.ico.ico-window{background:url(/_res/nhis/nhis/img/newimg/icon/ico-link-bk.svg) no-repeat center}
.ico.ico-window-white{background:url(/_res/nhis/nhis/img/newimg/icon/ico-link-white.svg) no-repeat center}
.ico.ico-file{background:url(/_res/nhis/nhis/img/icon/ico-file.svg) no-repeat center}
.ico.ico-search-white{background:url(/_res/nhis/nhis/img/newimg/icon/ico-search-primary.svg) no-repeat center}
.ico.ico-search{background:url(/_res/nhis/nhis/img/icon/ico_sch_40.svg) no-repeat center}
.ico.ico-close{background:url(/_res/nhis/nhis/img/newimg/main/ico-close.svg) no-repeat center}
.ico.kakao-bank{background:url(/_res/nhis/nhis/img/newimg/icon/icon-kakao.svg) no-repeat center}
.ico.kbank{background:url(/_res/nhis/nhis/img/newimg/icon/icon-kbank.svg) no-repeat center}
.ico.toss{background:url(/_res/nhis/nhis/img/newimg/icon/icon-toss.svg) no-repeat center}
.ico.ibk{background:url(/_res/nhis/nhis/img/newimg/icon/icon-IBK.svg) no-repeat center}
.ico.kb{background:url(/_res/nhis/nhis/img/newimg/icon/icon-KB.svg) no-repeat center}
.ico.postoffice{background:url(/_res/nhis/nhis/img/newimg/icon/icon-postoffice.svg) no-repeat center}
.ico.nh{background:url(/_res/nhis/nhis/img/newimg/icon/icon-NH.svg) no-repeat center}
.ico.shinhan{background:url(/_res/nhis/nhis/img/newimg/icon/icon-shinhan.svg) no-repeat center}
.ico.woori{background:url(/_res/nhis/nhis/img/newimg/icon/icon-woori.svg) no-repeat center}
.ico.hana{background:url(/_res/nhis/nhis/img/newimg/icon/icon-hana.svg) no-repeat center}
.ico.more{background:url(/_res/nhis/nhis/img/newimg/icon/ico-more.svg) no-repeat center}
.ico.more-expanded{background:url(/_res/nhis/nhis/img/newimg/icon/ico-more-expanded.svg) no-repeat center}
.ico.arr-move{background:url(/_res/nhis/nhis/img/newimg/icon/ico-arr-move.svg) no-repeat center}
.ico.play{background:url(/_res/nhis/nhis/img/newimg/icon/ico-play.svg) no-repeat center}
.ico.stop{background:url(/_res/nhis/nhis/img/newimg/icon/ico-stop.svg) no-repeat center}
.ico.ellipsis{background:url(/_res/nhis/nhis/img/newimg/icon/ico-ellipsis.svg) no-repeat center}
.ico.calendar{background:url(/_res/nhis/nhis/img/newimg/icon/ico-calendar.svg) no-repeat center}
.ico.refresh{background:url(/_res/nhis/nhis/img/newimg/icon/ico-refresh.svg) no-repeat center}
.ico.menu{background:url(/_res/nhis/nhis/img/newimg/icon/ico-menu.svg) no-repeat center}
.ico.filter{background:url(/_res/nhis/nhis/img/newimg/icon/ico-filter.svg) no-repeat center}
.ico.visibility,
.change .ico.visibility-hidden{background:url(/_res/nhis/nhis/img/newimg/icon/ico-visibility.svg) no-repeat center}
.ico.visibility-hidden{background:url(/_res/nhis/nhis/img/newimg/icon/ico-visibility-hidden.svg) no-repeat center}
.ico.setting{background:url(/_res/nhis/nhis/img/newimg/icon/ico-setting.svg) no-repeat center}
.ico.help{background:url(/_res/nhis/nhis/img/newimg/icon/ico-help.svg) no-repeat center}
.ico.info-point.red{background:url(/_res/nhis/nhis/img/newimg/icon/ico-info-point-red.svg) no-repeat center}
.ico.info-point.yellow{background:url(/_res/nhis/nhis/img/newimg/icon/ico-info-point-yellow.svg) no-repeat center}
.ico.info-point.green{background:url(/_res/nhis/nhis/img/newimg/icon/ico-info-point-green.svg) no-repeat center}
.ico.info-point.blue{background:url(/_res/nhis/nhis/img/newimg/icon/ico-info-point-blue.svg) no-repeat center}
.ico.expansion{background:url(/_res/nhis/nhis/img/newimg/icon/ico-expansion.svg) no-repeat center}
.ico.view-all{background:url(/_res/nhis/nhis/img/newimg/icon/ico-view-all.svg) no-repeat center}
.ico.check{background:url(/_res/nhis/nhis/img/newimg/icon/ico-check.svg) no-repeat center}
.ico.heart{background:url(/_res/nhis/nhis/img/newimg/icon/ico-heart.svg) no-repeat center}
.ico.lock{background:url(/_res/nhis/nhis/img/newimg/icon/ico-lock.svg) no-repeat center}
.ico.close-circle{background:url(/_res/nhis/nhis/img/newimg/icon/ico-close-circle.svg) no-repeat center}
.ico.upload{background:url(/_res/nhis/nhis/img/newimg/icon/ico-upload.svg) no-repeat center}
.ico.upload-white{background:url(/_res/nhis/nhis/img/newimg/icon/ico-upload-white.svg) no-repeat center}
.ico.download{background:url(/_res/nhis/nhis/img/newimg/icon/ico-download.svg) no-repeat center}
.ico.download-secondary{background:url(/_res/nhis/nhis/img/newimg/icon/ico-download-secondary.svg) no-repeat center}
.ico.share{background:url(/_res/nhis/nhis/img/newimg/icon/ico-share.svg) no-repeat center}
.ico.check-circle.red{background:url(/_res/nhis/nhis/img/newimg/icon/ico-check-circle-red.svg) no-repeat center}
.ico.login{background:url(/_res/nhis/nhis/img/newimg/icon/ico-login.svg) no-repeat center}
.ico.logout{background:url(/_res/nhis/nhis/img/newimg/icon/ico-logout.svg) no-repeat center}
.ico.join{background:url(/_res/nhis/nhis/img/newimg/icon/ico-join.svg) no-repeat center}
.ico.member{background:url(/_res/nhis/nhis/img/newimg/icon/ico-member.svg) no-repeat center}
.ico.time{background:url(/_res/nhis/nhis/img/newimg/icon/ico-time.svg) no-repeat center}
.ico.scrap{background:url(/_res/nhis/nhis/img/newimg/icon/ico-scrap.svg) no-repeat center}
.ico.print{background:url(/_res/nhis/nhis/img/newimg/icon/ico-print.svg) no-repeat center}
.ico.mail{background:url(/_res/nhis/nhis/img/newimg/icon/ico-mail.svg) no-repeat center}
.ico.library{background:url(/_res/nhis/nhis/img/newimg/icon/ico-library.svg) no-repeat center}
.ico.basket{background:url(/_res/nhis/nhis/img/newimg/icon/ico-basket.svg) no-repeat center}
.ico.good{background:url(/_res/nhis/nhis/img/newimg/icon/ico-good.svg) no-repeat center}
.ico.bad{background:url(/_res/nhis/nhis/img/newimg/icon/ico-bad.svg) no-repeat center}
.ico.volume{background:url(/_res/nhis/nhis/img/newimg/icon/ico-volume.svg) no-repeat center}
.ico.file{background:url(/_res/nhis/nhis/img/newimg/icon/ico-file.svg) no-repeat center}
.ico.mouse{background:url(/_res/nhis/nhis/img/newimg/icon/ico-mouse.svg) no-repeat center}
.ico.call{background:url(/_res/nhis/nhis/img/newimg/icon/ico-call.svg) no-repeat center}
.ico.inquiry{background:url(/_res/nhis/nhis/img/newimg/icon/ico-inquiry.svg) no-repeat center}
.ico.home{background:url(/_res/nhis/nhis/img/newimg/icon/ico-home.svg) no-repeat center}
.ico.rank.up{background:url(/_res/nhis/nhis/img/newimg/icon/ico-rank-up.svg) no-repeat center}
.ico.rank.down{background:url(/_res/nhis/nhis/img/newimg/icon/ico-rank-down.svg) no-repeat center}
.ico.arr-map{background:url(/_res/nhis/nhis/img/newimg/icon/ico-arr-map.svg) no-repeat center}
.ico.map-hospital{background:url(/_res/nhis/nhis/img/newimg/icon/ico-map-hospital.svg) no-repeat center}
.ico.map-checkup{background:url(/_res/nhis/nhis/img/newimg/icon/ico-map-checkup.svg) no-repeat center}
.ico.map-characteristic{background:url(/_res/nhis/nhis/img/newimg/icon/ico-map-characteristic.svg) no-repeat center}
.ico.math.equa-sign{background:url(/_res/nhis/nhis/img/newimg/icon/ico-math-equa-sign.svg) no-repeat center}
.ico.math.plus{background:url(/_res/nhis/nhis/img/newimg/icon/ico-math-plus.svg) no-repeat center}
.ico.chip{background:url(/_res/nhis/nhis/img/newimg/icon/ico-chip.svg) no-repeat center}
.ico.call-map{background:url(/_res/nhis/nhis/img/newimg/icon/ico-call-map.svg) no-repeat center}
.ico.home-map{background:url(/_res/nhis/nhis/img/newimg/icon/ico-home-map.svg) no-repeat center}
.ico.fax-map{background:url(/_res/nhis/nhis/img/newimg/icon/ico-fax-map.svg) no-repeat center}
.ico.excellent{background:url(/_res/nhis/nhis/img/newimg/icon/ico-excellent.svg) no-repeat center}
.ico.pin{background:url(/_res/nhis/nhis/img/newimg/icon/ico-pin.svg) no-repeat center}
.ico.circle-pin{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-pin.svg) no-repeat center}
.ico.circle-pin.active{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-pin-active.svg) no-repeat center}
.ico.pin-logo{background:url(/_res/nhis/nhis/img/newimg/icon/ico-pin-logo.svg) no-repeat center}
.ico.calculator{background:url(/_res/nhis/nhis/img/newimg/icon/ico-calculator.svg) no-repeat center}
.ico.people-check{background:url(/_res/nhis/nhis/img/newimg/icon/ico-people-check.svg) no-repeat center}
.ico.monetary-calendar{background:url(/_res/nhis/nhis/img/newimg/icon/ico-monetary-calendar.svg) no-repeat center}
.ico.list-check{background:url(/_res/nhis/nhis/img/newimg/icon/ico-list-check.svg) no-repeat center}
.ico.monetary-help{background:url(/_res/nhis/nhis/img/newimg/icon/ico-monetary-help.svg) no-repeat center}
.ico.worker-check{background:url(/_res/nhis/nhis/img/newimg/icon/ico-worker-check.svg) no-repeat center}
.ico.mapview-pin{background:url(/_res/nhis/nhis/img/newimg/icon/ico-mapview-pin.svg) no-repeat center}
.ico.mapview-call{background:url(/_res/nhis/nhis/img/newimg/icon/ico-mapview-call.svg) no-repeat center}
.ico.mapview-medical{background:url(/_res/nhis/nhis/img/newimg/icon/ico-mapview-medical.svg) no-repeat center}
.ico.mapview-medical-subject{background:url(/_res/nhis/nhis/img/newimg/icon/ico-mapview-medical-subject.svg) no-repeat center}
.ico.mapview-category{background:url(/_res/nhis/nhis/img/newimg/icon/ico-mapview-category.svg) no-repeat center}
.ico.mapview-fax{background:url(/_res/nhis/nhis/img/newimg/icon/ico-mapview-fax.svg) no-repeat center}
.ico.ico-arr.yes{background:url(/_res/nhis/nhis/img/newimg/icon/ico-yArrow.svg) no-repeat center}
.ico.ico-arr.no{background:url(/_res/nhis/nhis/img/newimg/icon/ico-nArrow.svg) no-repeat center}
.ico.simplicity{background:url(/_res/nhis/nhis/img/newimg/icon/ico-simplicity.svg) no-repeat center}
.ico.public.check{background:url(/_res/nhis/nhis/img/newimg/icon/ico-public-check.svg) no-repeat center}
.ico.public.person{background:url(/_res/nhis/nhis/img/newimg/icon/ico-public-person.svg) no-repeat center}
.ico.id-card{background:url(/_res/nhis/nhis/img/newimg/icon/ico-id.svg) no-repeat center}
.ico.buiding.business{background:url(/_res/nhis/nhis/img/newimg/icon/ico-buiding-business.svg) no-repeat center}
.ico.buiding.healthcare{background:url(/_res/nhis/nhis/img/newimg/icon/ico-buiding-healthcare.svg) no-repeat center}
.ico.buiding.long-healthcare{background:url(/_res/nhis/nhis/img/newimg/icon/ico-buiding-long-healthcare.svg) no-repeat center}
.ico.certificate.nh{background:url(/_res/nhis/nhis/img/newimg/icon/ico-certificate-nh.svg) no-repeat center}
.ico.certificate.kb{background:url(/_res/nhis/nhis/img/newimg/icon/ico-certificate-kb.svg) no-repeat center}
.ico.certificate.naver{background:url(/_res/nhis/nhis/img/newimg/icon/ico-certificate-naver.svg) no-repeat center}
.ico.certificate.salad{background:url(/_res/nhis/nhis/img/newimg/icon/ico-certificate-salad.svg) no-repeat center}
.ico.certificate.samsungpass{background:url(/_res/nhis/nhis/img/newimg/icon/ico-certificate-samsungpass.svg) no-repeat center}
.ico.certificate.shinhan{background:url(/_res/nhis/nhis/img/newimg/icon/ico-certificate-shinhan.svg) no-repeat center}
.ico.certificate.payco{background:url(/_res/nhis/nhis/img/newimg/icon/ico-certificate-payco.svg) no-repeat center}
.ico.certificate.hana{background:url(/_res/nhis/nhis/img/newimg/icon/ico-certificate-hana.svg) no-repeat center}
.ico.certificate.car{background:url(/_res/nhis/nhis/img/newimg/icon/ico-certificate-car.svg) no-repeat center}
.ico.certificate.kakao-talk{background:url(/_res/nhis/nhis/img/newimg/icon/ico-kakao-talk.png) no-repeat center}
.ico.certificate.dream{background:url(/_res/nhis/nhis/img/newimg/icon/ico-dream.png) no-repeat center}
.ico.certificate.pass{background:url(/_res/nhis/nhis/img/newimg/icon/ico-pass.png) no-repeat center}
.ico.girl{background:url(/_res/nhis/nhis/img/newimg/icon/ico-girl.svg) no-repeat center}
.ico.boy{background:url(/_res/nhis/nhis/img/newimg/icon/ico-boy.svg) no-repeat center}
.ico.schedule{background:url(/_res/nhis/nhis/img/newimg/icon/ico-schedule.svg) no-repeat center}
.ico.inoculation{background:url(/_res/nhis/nhis/img/newimg/icon/ico-inoculation.svg) no-repeat center}
.ico.report{background:url(/_res/nhis/nhis/img/newimg/icon/ico-report.svg) no-repeat center}
.ico.circle-medicine{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-medicine.svg) no-repeat center}
.ico.circle-heart{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-heart.svg) no-repeat center}
.ico.circle-injection{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-injection.svg) no-repeat center}
.ico.circle-operation{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-operation.svg) no-repeat center}
.ico.circle-baby{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-baby.svg) no-repeat center}
.ico.circle-hospital{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-hospital.svg) no-repeat center}
.ico.circle-dumbbell{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-dumbbell.svg) no-repeat center}
.ico.circle-fat{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-fat.svg) no-repeat center}
.ico.circle-smoke{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-smoke.svg) no-repeat center}
.ico.circle-food{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-food.svg) no-repeat center}
.ico.Brothers.yes{background:url(/_res/nhis/nhis/img/newimg/icon/ico-Brothers-yes.svg) no-repeat center}
.ico.Brothers.no{background:url(/_res/nhis/nhis/img/newimg/icon/ico-Brothers-no.svg) no-repeat center}
.ico.attend{background:url(/_res/nhis/nhis/img/newimg/icon/ico-attend.png) no-repeat center}
.ico.ico-program-01{background:url(/_res/nhis/nhis/img/newimg/icon/ico-program-01.svg) no-repeat center}
.ico.ico-program-02{background:url(/_res/nhis/nhis/img/newimg/icon/ico-program-02.svg) no-repeat center}
.ico.ico-program-03{background:url(/_res/nhis/nhis/img/newimg/icon/ico-program-03.svg) no-repeat center}
.ico.ico-program-04{background:url(/_res/nhis/nhis/img/newimg/icon/ico-program-04.svg) no-repeat center}
.ico.liver{background:url(/_res/nhis/nhis/img/newimg/icon/ico-liver.svg) no-repeat center}
.ico.Highblood{background:url(/_res/nhis/nhis/img/newimg/icon/ico-heartbeat.svg) no-repeat center}
.ico.blood{background:url(/_res/nhis/nhis/img/newimg/icon/ico-disease-red.svg) no-repeat center}
.ico.obesity{background:url(/_res/nhis/nhis/img/newimg/icon/ico-obesity.svg) no-repeat center}
.ico.kidney{background:url(/_res/nhis/nhis/img/newimg/icon/ico-kidney.svg) no-repeat center}
.ico.food{background:url(/_res/nhis/nhis/img/newimg/icon/ico-food.svg) no-repeat center}
.ico.health{background:url(/_res/nhis/nhis/img/newimg/icon/ico-health.svg) no-repeat center}
.ico.shoes{background:url(/_res/nhis/nhis/img/newimg/icon/ico-shoes.svg) no-repeat center}
.ico.dyslipidemia{background:url(/_res/nhis/nhis/img/newimg/icon/ico-dyslipidemia.svg) no-repeat center}
.ico.circle-drug{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-drug.svg) no-repeat center}
.ico.memo{background:url(/_res/nhis/nhis/img/newimg/icon/ico-memo.svg) no-repeat center}
.ico.sleep{background:url(/_res/nhis/nhis/img/newimg/icon/ico-sleep.svg) no-repeat center}
.ico.water{background:url(/_res/nhis/nhis/img/newimg/icon/ico-memo.svg) no-repeat center}
.ico.heart{background:url(/_res/nhis/nhis/img/newimg/icon/icon-heart.svg) no-repeat center}
.ico.heart.detail{background:url(/_res/nhis/nhis/img/newimg/icon/ico-heart-detail.svg) no-repeat center}
.ico.brain{background:url(/_res/nhis/nhis/img/newimg/icon/icon-brain.svg) no-repeat center}
.ico.brain.heart{background:url(/_res/nhis/nhis/img/newimg/icon/icon-brain-heart.svg) no-repeat center}
.ico.circle-heart.shape{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-heart-shape.svg) no-repeat center}
.ico.circle-brain{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-brain.svg) no-repeat center}
.ico.circle-blood{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-blood.svg) no-repeat center}
.ico.circle-kidney{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-kidney.svg) no-repeat center}
.ico.circle-brain-heart{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-brain-heart.svg) no-repeat center}
.ico.circle-fruit{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-fruit.svg) no-repeat center}
.ico.circle-grain{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-grain.svg) no-repeat center}
.ico.circle-meat{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-meat.svg) no-repeat center}
.ico.circle-milk{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-milk.svg) no-repeat center}
.ico.circle-oil{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-oil.svg) no-repeat center}
.ico.circle-vegetable{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-vegetable.svg) no-repeat center}
.ico.emogi-nomal{background:url(/_res/nhis/nhis/img/newimg/icon/ico-emogi-nomal.svg) no-repeat center}
.ico.emogi-nomal-on{background:url(/_res/nhis/nhis/img/newimg/icon/ico-emogi-nomal-on.svg) no-repeat center}
.ico.emogi-interest1{background:url(/_res/nhis/nhis/img/newimg/icon/ico-emogi-interest1.svg) no-repeat center}
.ico.emogi-interest1-on{background:url(/_res/nhis/nhis/img/newimg/icon/ico-emogi-interest1-on.svg) no-repeat center}
.ico.emogi-interest2{background:url(/_res/nhis/nhis/img/newimg/icon/ico-emogi-interest2.svg) no-repeat center}
.ico.emogi-interest2-on{background:url(/_res/nhis/nhis/img/newimg/icon/ico-emogi-interest2-on.svg) no-repeat center}
.ico.emogi-interest3{background:url(/_res/nhis/nhis/img/newimg/icon/ico-emogi-interest3.svg) no-repeat center}
.ico.emogi-interest3-on{background:url(/_res/nhis/nhis/img/newimg/icon/ico-emogi-interest3-on.svg) no-repeat center}
.ico.emogi-danger{background:url(/_res/nhis/nhis/img/newimg/icon/ico-emogi-danger.svg) no-repeat center}
.ico.emogi-danger-on{background:url(/_res/nhis/nhis/img/newimg/icon/ico-emogi-danger-on.svg) no-repeat center}
.ico.circle-health{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-health.svg) no-repeat center}
.ico.circle-slow{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-slow.svg) no-repeat center}
.ico.circle-dust{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-dust.svg) no-repeat center}
.ico.circle-shoes{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-shoes.svg) no-repeat center}
.ico.drug-costs{background:url(/_res/nhis/nhis/img/newimg/icon/ico-drug-costs.svg) no-repeat center}
.ico.patient-registration{background:url(/_res/nhis/nhis/img/newimg/icon/ico-patient-registration.svg) no-repeat center}
.ico.management-plan{background:url(/_res/nhis/nhis/img/newimg/icon/ico-management-plan.svg) no-repeat center}
.ico.counseling{background:url(/_res/nhis/nhis/img/newimg/icon/ico-counseling.svg) no-repeat center}
.ico.evaluation{background:url(/_res/nhis/nhis/img/newimg/icon/ico-evaluation.svg) no-repeat center}
.ico.dot-green{background:url(/_res/nhis/nhis/img/newimg/icon/ico-dot-green.svg) no-repeat center}
.ico.dot-yellow{background:url(/_res/nhis/nhis/img/newimg/icon/ico-dot-yellow.svg) no-repeat center}
.ico.dot-pink{background:url(/_res/nhis/nhis/img/newimg/icon/ico-dot-pink.svg) no-repeat center}
.ico.dot-inside{background:url(/_res/nhis/nhis/img/newimg/icon/ico-dot-inside.svg) no-repeat center}
.ico.ico-scale{background:url(/_res/nhis/nhis/img/newimg/icon/ico-scale.svg) no-repeat center}
.ico.heartbeat{background:url(/_res/nhis/nhis/img/newimg/icon/ico-heartbeat.svg) no-repeat center}
.ico.disease-red{background:url(/_res/nhis/nhis/img/newimg/icon/ico-disease-red.svg) no-repeat center}
.ico.disease-yellow{background:url(/_res/nhis/nhis/img/newimg/icon/ico-disease-yellow.svg) no-repeat center}
.ico.kidney{background:url(/_res/nhis/nhis/img/newimg/icon/ico-kidney.svg) no-repeat center}
.ico.liver{background:url(/_res/nhis/nhis/img/newimg/icon/ico-liver.svg) no-repeat center}
.ico.circle-gray-heart{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-gray-heart.svg) no-repeat center}
.ico.circle-gray-hospital{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-gray-hospital.svg) no-repeat center}
.ico.hamburger{background:url(/_res/nhis/nhis/img/newimg/icon/ico-hamburger.svg) no-repeat center}
.ico.dumbel{background:url(/_res/nhis/nhis/img/newimg/icon/ico-dumbel.svg) no-repeat center}
.ico.report-green{background:url(/_res/nhis/nhis/img/newimg/icon/ico-report-green.svg) no-repeat center}
.ico.heart-red{background:url(/_res/nhis/nhis/img/newimg/icon/ico-heart-red.svg) no-repeat center}
.ico.circle-gauge{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-gauge.svg) no-repeat center}
.ico.loadmap-01{background:url(/_res/nhis/nhis/img/newimg/icon/loadmap-01.png) no-repeat center}
.ico.loadmap-02{background:url(/_res/nhis/nhis/img/newimg/icon/loadmap-02.png) no-repeat center}
.ico.loadmap-03{background:url(/_res/nhis/nhis/img/newimg/icon/loadmap-03.png) no-repeat center}
.ico.loadmap-04{background:url(/_res/nhis/nhis/img/newimg/icon/loadmap-04.png) no-repeat center}
.ico.circle-stomach{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-stomach.svg) no-repeat center}
.ico.circle-stomach.off{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-stomach-off.svg) no-repeat center}
.ico.circle-liver{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-liver.svg) no-repeat center}
.ico.circle-liver.off{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-liver-off.svg) no-repeat center}
.ico.circle-colorectal{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-colorectal.svg) no-repeat center}
.ico.circle-colorectal.off{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-colorectal-off.svg) no-repeat center}
.ico.circle-breast{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-breast.svg) no-repeat center}
.ico.circle-breast.off{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-breast-off.svg) no-repeat center}
.ico.circle-womb{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-womb.svg) no-repeat center}
.ico.circle-womb.off{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-womb-off.svg) no-repeat center}
.ico.circle-lung{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-lung.svg) no-repeat center}
.ico.circle-lung.off{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-lung-off.svg) no-repeat center}
.ico.goal{background:url(/_res/nhis/nhis/img/newimg/icon/ico-goal.svg) no-repeat center}
.ico.pill{background:url(/_res/nhis/nhis/img/newimg/icon/ico-pill.svg) no-repeat center}
.ico.circle-email{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-email.svg) no-repeat center}
.ico.circle-talk{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-talk.svg) no-repeat center}
.ico.circle-naver{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-naver.svg) no-repeat center}
.ico.circle-homepage{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-homepage.svg) no-repeat center}
.ico.circle-automatic{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-automatic.svg) no-repeat center}
.ico.i_pin{background:url(/_res/nhis/nhis/img/newimg/icon/ico-i_pin.svg) no-repeat center}
.ico.cellphone{background:url(/_res/nhis/nhis/img/newimg/icon/ico-cellphone.svg) no-repeat center}
.ico.excel{background:url(/_res/nhis/nhis/img/newimg/icon/ico-excel.svg) no-repeat center}
.ico.pdf{background:url(/_res/nhis/nhis/img/newimg/icon/ico-pdf.svg) no-repeat center}
.ico.hwp{background:url(/_res/nhis/nhis/img/newimg/icon/ico-hwp.svg) no-repeat center}
.ico.gps{background:url(/_res/nhis/nhis/img/newimg/icon/ico-gps.svg) no-repeat center}
.ico.ARS{background:url(/_res/nhis/nhis/img/newimg/icon/ico-ARS.svg) no-repeat center}
.ico.sign-language{background:url(/_res/nhis/nhis/img/newimg/icon/ico-sign-language.svg) no-repeat center}
.ico.foreigner{background:url(/_res/nhis/nhis/img/newimg/icon/ico-foreigner.svg) no-repeat center}
.ico.live-abroad{background:url(/_res/nhis/nhis/img/newimg/icon/ico-live-abroad.svg) no-repeat center}
.ico.stethoscope{background:url(/_res/nhis/nhis/img/newimg/icon/ico-stethoscope.svg) no-repeat center}
.ico.no-smoking{background:url(/_res/nhis/nhis/img/newimg/icon/ico-no-smoking.svg) no-repeat center}
.ico.employee{background:url(/_res/nhis/nhis/img/newimg/icon/ico-employee.svg) no-repeat center}
.ico.circle-report-green{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-report-green.svg) no-repeat center}
.ico.circle-finger{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-finger.svg) no-repeat center}
.ico.circle-chatbot{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-chatbot.svg) no-repeat center}
.ico.lamp{background:url(/_res/nhis/nhis/img/newimg/icon/ico-lamp.svg) no-repeat center}
.ico.circle-white-monitor{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-white-monitor.svg) no-repeat center}
.ico.circle-white-mike{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-white-mike.svg) no-repeat center}
.ico.circle-white-pencil{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-white-pencil.svg) no-repeat center}
.ico.circle-white-participation{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-white-participation.svg) no-repeat center}
.ico.circle-white-megaphone{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-white-megaphone.svg) no-repeat center}
.ico.circle-white-join{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-white-join.svg) no-repeat center}
.ico.circle-white-survey{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-white-survey.svg) no-repeat center}
.ico.circle-white-meeting{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-white-meeting.svg) no-repeat center}
.ico.circle-white-present{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-white-present.svg) no-repeat center}
.ico.triangle-arr{background:url(/_res/nhis/nhis/img/newimg/icon/ico-triangle-arr.svg) no-repeat center}
.ico.it-tip{background:url(/_res/nhis/nhis/img/newimg/icon/ico-IT-Tip.svg) no-repeat center}
.ico.disclosure-method{background:url(/_res/nhis/nhis/img/newimg/icon/ico-disclosure-method.svg) no-repeat center}
.ico.folder{background:url(/_res/nhis/nhis/img/newimg/icon/ico-folder.svg) no-repeat center}
.ico.circle-server{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-server.svg) no-repeat center}
.ico.circle-app-check{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-app-check.svg) no-repeat center}
.ico.circle-pc-setting{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-pc-setting.svg) no-repeat center}
.ico.mail-close{background:url(/_res/nhis/nhis/img/newimg/icon/ico-mail-close.svg) no-repeat center}
.ico.mail-round{background:url(/_res/nhis/nhis/img/newimg/icon/ico-mail-round.svg) no-repeat center}
.ico.personal-info{background:url(/_res/nhis/nhis/img/newimg/icon/ico-personal-info.svg) no-repeat center}
.ico.personal-info-3{background:url(/_res/nhis/nhis/img/newimg/icon/ico-personal-info-3.svg) no-repeat center}
.ico.personal-info-consignment{background:url(/_res/nhis/nhis/img/newimg/icon/ico-personal-info-consignment.svg) no-repeat center}
.ico.note-pen{background:url(/_res/nhis/nhis/img/newimg/icon/ico-note-pen.svg) no-repeat center}
.ico.personal-info-safe{background:url(/_res/nhis/nhis/img/newimg/icon/ico-personal-info-safe.svg) no-repeat center}
.ico.personal-info-false-name{background:url(/_res/nhis/nhis/img/newimg/icon/ico-personal-info-false-name.svg) no-repeat center}
.ico.personal-info-cpo{background:url(/_res/nhis/nhis/img/newimg/icon/ico-personal-info-cpo.svg) no-repeat center}
.ico.personal-info-tell{background:url(/_res/nhis/nhis/img/newimg/icon/ico-personal-info-tell.svg) no-repeat center}
.ico.personal-info-change{background:url(/_res/nhis/nhis/img/newimg/icon/ico-personal-info-change.svg) no-repeat center}
.ico.certificate{background:url(/_res/nhis/nhis/img/newimg/icon/ico-certificate.svg) no-repeat center}
.ico.server-two{background:url(/_res/nhis/nhis/img/newimg/icon/ico-server-two.svg) no-repeat center}
.ico.department-01{background:url(/_res/nhis/nhis/img/newimg/icon/ico-department-01.svg) no-repeat center}
.ico.department-02{background:url(/_res/nhis/nhis/img/newimg/icon/ico-department-02.svg) no-repeat center}
.ico.department-03{background:url(/_res/nhis/nhis/img/newimg/icon/ico-department-03.svg) no-repeat center}
.ico.department-04{background:url(/_res/nhis/nhis/img/newimg/icon/ico-department-04.svg) no-repeat center}
.ico.department-05{background:url(/_res/nhis/nhis/img/newimg/icon/ico-department-05.svg) no-repeat center}
.ico.department-06{background:url(/_res/nhis/nhis/img/newimg/icon/ico-department-06.svg) no-repeat center}
.ico.department-07{background:url(/_res/nhis/nhis/img/newimg/icon/ico-department-07.svg) no-repeat center}
.ico.department-08{background:url(/_res/nhis/nhis/img/newimg/icon/ico-department-08.svg) no-repeat center}
.ico.department-09{background:url(/_res/nhis/nhis/img/newimg/icon/ico-department-09.svg) no-repeat center}
.ico.department-10{background:url(/_res/nhis/nhis/img/newimg/icon/ico-department-10.svg) no-repeat center}
.ico.department-11{background:url(/_res/nhis/nhis/img/newimg/icon/ico-department-11.svg) no-repeat center}
.ico.department-12{background:url(/_res/nhis/nhis/img/newimg/icon/ico-department-12.svg) no-repeat center}
.ico.department-13{background:url(/_res/nhis/nhis/img/newimg/icon/ico-department-13.svg) no-repeat center}
.ico.department-14{background:url(/_res/nhis/nhis/img/newimg/icon/ico-department-14.svg) no-repeat center}
.ico.clip{background:url(/_res/nhis/nhis/img/newimg/icon/ico-clip.svg) no-repeat center}
.ico.disabledperson-convenience{background:url(/_res/nhis/nhis/img/newimg/icon/ico-disabledperson-convenience.svg) no-repeat center}
.ico.park{background:url(/_res/nhis/nhis/img/newimg/icon/ico-park.svg) no-repeat center}
.ico.bus{background:url(/_res/nhis/nhis/img/newimg/icon/ico-bus.svg) no-repeat center}
.ico.metro{background:url(/_res/nhis/nhis/img/newimg/icon/ico-metro.svg) no-repeat center}
.ico.etc{background:url(/_res/nhis/nhis/img/newimg/icon/ico-etc.svg) no-repeat center}
.ico.pin-peru{background:url(/_res/nhis/nhis/img/newimg/icon/ico-pin-peru.svg) no-repeat center}
.ico.pin-belarus{background:url(/_res/nhis/nhis/img/newimg/icon/ico-pin-belarus.svg) no-repeat center}
.ico.pin-georgia{background:url(/_res/nhis/nhis/img/newimg/icon/ico-pin-georgia.svg) no-repeat center}
.ico.pin-armenia{background:url(/_res/nhis/nhis/img/newimg/icon/ico-pin-armenia.svg) no-repeat center}
.ico.pin-moldova{background:url(/_res/nhis/nhis/img/newimg/icon/ico-pin-moldova.svg) no-repeat center}
.ico.pin-azerbaijan{background:url(/_res/nhis/nhis/img/newimg/icon/ico-pin-azerbaijan.svg) no-repeat center}
.ico.pin-ukraine{background:url(/_res/nhis/nhis/img/newimg/icon/ico-pin-ukraine.svg) no-repeat center}
.ico.pin-indonesia{background:url(/_res/nhis/nhis/img/newimg/icon/ico-pin-indonesia.svg) no-repeat center}
.ico.pin-philippines{background:url(/_res/nhis/nhis/img/newimg/icon/ico-pin-philippines.svg) no-repeat center}
.ico.pin-vietnam{background:url(/_res/nhis/nhis/img/newimg/icon/ico-pin-vietnam.svg) no-repeat center}
.ico.pin-laos{background:url(/_res/nhis/nhis/img/newimg/icon/ico-pin-laos.svg) no-repeat center}
.ico.pin-nepal{background:url(/_res/nhis/nhis/img/newimg/icon/ico-pin-nepal.svg) no-repeat center}
.ico.pin-oman{background:url(/_res/nhis/nhis/img/newimg/icon/ico-pin-oman.svg) no-repeat center}
.ico.pin-ethiopia{background:url(/_res/nhis/nhis/img/newimg/icon/ico-pin-ethiopia.svg) no-repeat center}
.ico.pin-colombia{background:url(/_res/nhis/nhis/img/newimg/icon/ico-pin-colombia.svg) no-repeat center}
.ico.pin-ghana{background:url(/_res/nhis/nhis/img/newimg/icon/ico-pin-ghana.svg) no-repeat center}
.ico.pin-maxico{background:url(/_res/nhis/nhis/img/newimg/icon/ico-pin-maxico.svg) no-repeat center}
.ico.circle-peru{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-peru.png) no-repeat center}
.ico.circle-ghana{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-ghana.png) no-repeat center}
.ico.circle-belarus{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-belarus.png) no-repeat center}
.ico.circle-georgia{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-georgia.png) no-repeat center}
.ico.circle-armenia{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-armenia.png) no-repeat center}
.ico.circle-moldova{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-moldova.png) no-repeat center}
.ico.circle-azerbaijan{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-azerbaijan.png) no-repeat center}
.ico.circle-ukraine{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-ukraine.png) no-repeat center}
.ico.circle-indonesia{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-indonesia.png) no-repeat center}
.ico.circle-philippines{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-philippines.png) no-repeat center}
.ico.circle-vietnam{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-vietnam.png) no-repeat center}
.ico.circle-laos{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-laos.png) no-repeat center}
.ico.circle-nepal{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-nepal.png) no-repeat center}
.ico.circle-oman{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-oman.png) no-repeat center}
.ico.circle-ethiopia{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-ethiopia.png) no-repeat center}
.ico.circle-colombia{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-colombia.png) no-repeat center}
.ico.circle-maxico{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-maxico.png) no-repeat center}
.ico.configuration{background:url(/_res/nhis/nhis/img/newimg/icon/ico-configuration.svg) no-repeat center}
.ico.staff{background:url(/_res/nhis/nhis/img/newimg/icon/ico-staff.svg) no-repeat center}
.ico.view-difficulty{background:url(/_res/nhis/nhis/img/newimg/icon/ico-view-difficulty.svg) no-repeat center}
.ico.view-report{background:url(/_res/nhis/nhis/img/newimg/icon/ico-view-report.svg) no-repeat center}
.ico.math-and{background:url(/_res/nhis/nhis/img/newimg/icon/ico-math-and.svg) no-repeat center}
.ico.medal{background:url(/_res/nhis/nhis/img/newimg/icon/ico-medal.svg) no-repeat center}
.ico.customized{background:url(/_res/nhis/nhis/img/newimg/icon/ico-customized.svg) no-repeat center}
.ico.heart-rate{background:url(/_res/nhis/nhis/img/newimg/icon/ico-heart-rate.svg) no-repeat center}
.ico.home-heart{background:url(/_res/nhis/nhis/img/newimg/icon/ico-home-heart.svg) no-repeat center}
.ico.balance{background:url(/_res/nhis/nhis/img/newimg/icon/ico-balance.svg) no-repeat center}
.ico.doc-search{background:url(/_res/nhis/nhis/img/newimg/icon/ico-doc-search.svg) no-repeat center}
.ico.ico-search-primary{background:url(/_res/nhis/nhis/img/newimg/icon/ico-search-primary.svg) no-repeat center}
.ico.education{background:url(/_res/nhis/nhis/img/newimg/icon/ico-education.svg) no-repeat center}
.ico.building{background:url(/_res/nhis/nhis/img/newimg/icon/ico-building.svg) no-repeat center}
.ico.meeting{background:url(/_res/nhis/nhis/img/newimg/icon/ico-meeting.svg) no-repeat center}
.ico.ico-group{background:url(/_res/nhis/nhis/img/newimg/icon/ico-group.svg) no-repeat center}
.ico.circle-legal{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-legal.svg) no-repeat center}
.ico.circle-ethical{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-ethical.svg) no-repeat center}
.ico.circle-philanthropic{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-philanthropic.svg) no-repeat center}
.ico.ico-window-red {background: url(/_res/nhis/nhis/img/newimg/icon/ico-link-red.svg) no-repeat center;}
.ico.team{background:url(/_res/nhis/nhis/img/newimg/icon/ico-team.svg) no-repeat center}
.ico.car{background:url(/_res/nhis/nhis/img/newimg/icon/ico-car.svg) no-repeat center}
.ico.circle-peoplecheck{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-peoplecheck.svg) no-repeat center}
.ico.circle-docgreencheck{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-docgreencheck.svg) no-repeat center}
.ico.circle-identification{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-identification.svg) no-repeat center}
.ico.circle-yellowbag{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-yellowbag.svg) no-repeat center}
.ico.circle-dollar{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-dollar.svg) no-repeat center}
.ico.circle-goals-01{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-goals-01.svg) no-repeat center}
.ico.circle-goals-02{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-goals-02.svg) no-repeat center}
.ico.circle-goals-03{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-goals-03.svg) no-repeat center}
.ico.circle-goals-04{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-goals-04.svg) no-repeat center}
.ico.circle-goals-05{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-goals-05.svg) no-repeat center}
.ico.circle-goals-06{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-goals-06.svg) no-repeat center}
.ico.circle-goals-07{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-goals-07.svg) no-repeat center}
.ico.esg-01{background:url(/_res/nhis/nhis/img/newimg/icon/ico-esg-01.svg) no-repeat center}
.ico.esg-02{background:url(/_res/nhis/nhis/img/newimg/icon/ico-esg-02.svg) no-repeat center}
.ico.esg-03{background:url(/_res/nhis/nhis/img/newimg/icon/ico-esg-03.svg) no-repeat center}
.ico.esg-04{background:url(/_res/nhis/nhis/img/newimg/icon/ico-esg-04.svg) no-repeat center}
.ico.esg-05{background:url(/_res/nhis/nhis/img/newimg/icon/ico-esg-05.svg) no-repeat center}
.ico.esg-06{background:url(/_res/nhis/nhis/img/newimg/icon/ico-esg-06.svg) no-repeat center}
.ico.esg-07{background:url(/_res/nhis/nhis/img/newimg/icon/ico-esg-07.svg) no-repeat center}
.ico.esg-08{background:url(/_res/nhis/nhis/img/newimg/icon/ico-esg-08.svg) no-repeat center}
.ico.esg-09{background:url(/_res/nhis/nhis/img/newimg/icon/ico-esg-09.svg) no-repeat center}
.ico.esg-10{background:url(/_res/nhis/nhis/img/newimg/icon/ico-esg-10.svg) no-repeat center}
.ico.esg-11{background:url(/_res/nhis/nhis/img/newimg/icon/ico-esg-11.svg) no-repeat center}
.ico.esg-12{background:url(/_res/nhis/nhis/img/newimg/icon/ico-esg-12.svg) no-repeat center}
.ico.esg-13{background:url(/_res/nhis/nhis/img/newimg/icon/ico-esg-13.svg) no-repeat center}
.ico.esg-14{background:url(/_res/nhis/nhis/img/newimg/icon/ico-esg-14.svg) no-repeat center}
.ico.circle-sudan{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-sudan.png) no-repeat center}
.ico.circle-taeguk{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-taeguk.png) no-repeat center}
.ico.circle-maleisia{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-maleisia.png) no-repeat center}
.ico.circle-mongol{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-mongol.png) no-repeat center}
.ico.circle-kambodia{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-kambodia.png) no-repeat center}
.ico.circle-phoneSearch{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-phoneSearch.png) no-repeat center}
.ico.circle-phonelink{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-phonelink.png) no-repeat center}
.ico.circle-bluetuse{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-bluetuse.png) no-repeat center}
.ico.circle-phoneInfo{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-phoneInfo.png) no-repeat center}
.ico.circle-folderDownload{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-folderDownload.png) no-repeat center}
.ico.circle-phoneCheck{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-phoneCheck.png) no-repeat center}
.ico.circle-peopleheart{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-peopleheart.png) no-repeat center}
.ico.circle-Handshake{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-Handshake.png) no-repeat center}
.ico.circle-bulbpuple{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-bulbpuple.png) no-repeat center}
.ico.circle-twopeople{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-twopeople.png) no-repeat center}
.ico.circle-phoneCheck{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-phoneCheck.png) no-repeat center}
.ico.esg-14{background:url(/_res/nhis/nhis/img/newimg/icon/ico-esg-14.svg) no-repeat center}
.ico.sky-band-01{background:url(/_res/nhis/nhis/img/newimg/icon/sky-band-01.svg) no-repeat center}
.ico.sky-band-02{background:url(/_res/nhis/nhis/img/newimg/icon/sky-band-02.svg) no-repeat center}
.ico.global-01{background:url(/_res/nhis/nhis/img/newimg/icon/ico-global-01.svg) no-repeat center}
.ico.global-02{background:url(/_res/nhis/nhis/img/newimg/icon/ico-global-02.svg) no-repeat center}
.ico.global-03{background:url(/_res/nhis/nhis/img/newimg/icon/ico-global-03.svg) no-repeat center}
.ico.global-04{background:url(/_res/nhis/nhis/img/newimg/icon/ico-global-04.svg) no-repeat center}
.ico.program{background:url(/_res/nhis/nhis/img/newimg/icon/ico-program.svg) no-repeat center}
.ico.press{background:url(/_res/nhis/nhis/img/newimg/icon/ico-press.svg) no-repeat center}
.ico.documents{background:url(/_res/nhis/nhis/img/newimg/icon/ico-documents.svg) no-repeat center}
.ico.photos{background:url(/_res/nhis/nhis/img/newimg/icon/ico-photos.svg) no-repeat center}
.ico.circle-hend-heart{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-hend-heart.png) no-repeat center}
.ico.circle-siren{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-siren.png) no-repeat center}
.ico.circle-earthsprout{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-earthsprout.png) no-repeat center}
.ico.circle-hend{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-hend.png) no-repeat center}
.ico.circle-balances{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-balances.png) no-repeat center}
.ico.circle-peoples{background:url(/_res/nhis/nhis/img/newimg/icon/ico-circle-peoples.png) no-repeat center}
.ico.icon-arr-gray{background:url(/_res/nhis/nhis/img/newimg/icon/icon-arr-gray.svg) no-repeat center}
.ico.icon-arr-blue{background:url(/_res/nhis/nhis/img/newimg/icon/icon-arr-blue.svg) no-repeat center}

/* swipe */
.swiper-pagination{
    min-width:8rem !important;
    padding:1.4rem 1.6rem;
    border:1px solid #e4e4e4;
    border-radius:4rem;
    background:#fff;
    font-size:1.7rem;
}

.swiper-indicator{
    position:absolute;
    right:2.4rem;
    bottom:2.4rem;
    z-index:2;
}

.swiper-pagination.swiper-pagination-fraction .swiper-pagination-current{
    color:var(--krds-danger);
}

.swiper-indicator .more{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width: 4rem;
    height: 4rem;
    border-radius: var(--krds-rd-full);
    border: 0.1rem solid var(--krds-gray-20);
    background:var(--krds-white) url(/_res/nhis/nhis/img/newimg/main/ico_more.svg) no-repeat center;
}

.width-60{width:60px !important;flex-basis:60px !important}

/* utill */
.hidden{overflow:hidden}
.line-reset{line-height:1em}
img{/*display:block;*/max-width:100%}

:root{
    /* height - size */
    --nhis-height-xlg:60rem;
    --nhis-height-lg:48rem;
    --nhis-height-md:36rem;
    --nhis-height-sm:24rem;
    --nhis-height-xsm:16rem;

    /* modal - size */
    --modal-full:100%;
    --modal-xlg:1024px;
    --modal-lg:980px;
    --modal-md:800px;
    --modal-sm:560px;
    --modal-xsm:320px;

    /* Ico */
    --ico-size-defualt:2.4rem;
    --ico-size-x120:12rem;
    --ico-size-x100:10rem;
    --ico-size-x96:10rem;
    --ico-size-x80:8rem;
    --ico-size-x60:6rem;
    --ico-size-x56:5.6rem;
    --ico-size-x50:5rem;
    --ico-size-x40:4rem;
    --ico-size-x32:3.2rem;
    --ico-size-x24:2.4rem;
    --ico-size-x20:2rem;
    --ico-size-x16:1.6rem;
    --ico-size-x12:1.2rem;

    /* color base */
    --nhis-white:#fff;
    --nhis-black:#000;
    --nhis-danger:#eb003b;
    --nhis-warning:#ffb724;
    --nhis-success:#008a1e;
    --nhis-infomation:#2768ff;
    --nhis-primary:#ee0000;
    --nhis-secondary:#545772;
    --nhis-point:#246beb;
    /* //color base */

    --nhis-primary-5:#fef1f1;
    --nhis-primary-10:#fed7d7;
    --nhis-primary-20:#f89999;
    --nhis-primary-30:#f56666;
    --nhis-primary-40:#f23b3b;
    --nhis-primary-60:#cd0404;
    --nhis-primary-70:#8f0000;
    --nhis-primary-80:#5f0000;
    --nhis-primary-90:#300000;
    
    --nhis-secondary-5:#f4f5fa;
    --nhis-secondary-10:#e3e8f4;
    --nhis-secondary-20:#bfc2d6;
    --nhis-secondary-30:#99b0cb;
    --nhis-secondary-40:#6f77a0;
    --nhis-secondary-60:#44465c;
    --nhis-secondary-70:#323343;
    --nhis-secondary-80:#20212c;
    --nhis-secondary-90:#111217;

    --nhis-point-5:#eaf0ff;
    --nhis-point-10:#d4e2fc;
    --nhis-point-20:#a9c4f9;
    --nhis-point-30:#7d9ff6;
    --nhis-point-40:#5275f3;
    --nhis-point-60:#1f42c0;
    --nhis-point-70:#173290;
    --nhis-point-80:#102160;
    --nhis-point-90:#081130;

    /* backgroud */
    --nhis-grayscale-5:#f8f8f8;
    --nhis-grayscale-10:#f0f0f0;
    --nhis-grayscale-20:#e4e4e4; /* disabled */
    /* //background */
    
    /* border */
    --nhis-grayscale-30:#d8d8d8;
    --nhis-grayscale-40:#c6c6c6;
    /* //border */

    /* text */
    --nhis-grayscale-50:#8e8e8e; /* disabled */
    --nhis-grayscale-60:#717171;
    --nhis-grayscale-70:#555; /* text body */
    --nhis-grayscale-80:#2d2d2d;
    --nhis-grayscale-90:#1d1d1d; /* title */
    /* //text */

    --nhis-yellow-5:#fff5e1;
    --nhis-yellow:#af5500;

    --nhis-green-5:#e7f9f0;
    --nhis-green:#007552;

    --nhis-violet-5:#eeeaff;
    --nhis-violet:#2149a6;

    --nhis-pink-5:#ffebfc;
    --nhis-pink:#c00094;
}

@media only screen and (min-width:1024px) {
    .show-mobile{display:none !important}
    .inside-pc-0{padding:0 !important}
}

@media only screen and (max-width:1023px) {
    .section.flex-row.mobile{flex-wrap:unset;flex-direction:row}
    .section.flex-row.mobile.wrap{flex-wrap:wrap}
    .section.flex-col.mobile{flex-wrap:unset;flex-direction:column}
    .section.flex-col.mobile > *{flex-basis:100%;flex-shrink:1}
    .section.triple > *{flex-basis:100%}
    .section.triple.mobile-to-half > *{flex-basis:calc(50% - 1.2rem)}

    .inside-mobile-0{padding:0 !important}

    .items-mobile-end{align-items:end !important}

    .show-pc{display:none !important}

    .ico.mobile-rotate-0{transform:rotate(0deg) !important}
    .ico.mobile-rotate-45{transform:rotate(45deg) !important}
    .ico.mobile-rotate-90{transform:rotate(90deg) !important}
    .ico.mobile-rotate-135{transform:rotate(135deg) !important}
    .ico.mobile-rotate-180{transform:rotate(180deg) !important}
    .ico.mobile-rotate-225{transform:rotate(225deg) !important}
    .ico.mobile-rotate-270{transform:rotate(270deg) !important}
    .ico.mobile-rotate-315{transform:rotate(315deg) !important}

    .mobile-radius-12{border-radius:var(--krds-rd-12) !important}

    .krds-modal.full .modal-dialog,
    .krds-modal .modal-dialog{
        max-width:100%;
        max-height:100%;
        height:100%;
    }

    .krds-modal.sm .modal-dialog{height:auto}
    .krds-modal.xsm .modal-dialog{height:auto}

    .krds-modal .modal-dialog .modal-content{height:100%}
    .krds-modal .modal-dialog .modal-conts{flex-grow:1}

    :root{
        /* height - size */
        --nhis-height-xlg:48rem;
        --nhis-height-lg:48rem;
        --nhis-height-md:45rem;
        --nhis-height-sm:30rem;
        --nhis-height-xsm:20rem;

        /* midal - size */
        --modal-full:100%;
        --modal-xlg:100%;
        --modal-lg:100%;
        --modal-md:100%;
        --modal-sm:100%;
        --modal-xsm:320px;
    }
}

@media only screen and (max-width:600px) {
    .flex-col.mobile-only-between{justify-content:space-between}
    .section.flex-col-reverse.mobile-only{flex-direction:row-reverse}
    .section.flex-row-reverse.mobile-only{flex-direction:column-reverse}
    
    .ico.logo{
        width:9.4rem;
        height:3.2rem;
        background:url(/_res/nhis/nhis/img/newimg/common/logo.svg) no-repeat center;
        background-size:100% !important;
    }

    .width-100{width:100px !important;flex-basis:100px !important}
}

/* cms 게시판 관련 이슈로 일부 css를 컴포넌트로 포함 */
/* ** 페이지 하단 버튼 ** */
.page-btn-wrap {
    z-index: 10;
    display: flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap: var(--krds-spacer-4);
    background-color: var(--krds-white);
}
.page-btn-wrap .btn,
.modal-btn .btn{
    white-space:nowrap;
    min-width:100px;
}
.page-btn-wrap .btn-wrap{
    display:flex;
    gap:1.6rem;
    width:auto;
}
/* 버튼 좌우배치 */
.page-btn-wrap.both > .btn:first-child{
    margin-right:auto;
}
/* 버튼 가운데 정렬 추가 */
.page-btn-wrap.justify-center {
    justify-content: space-evenly; 
}

@media only screen and (max-width: 1023px) {
    .page-btn-wrap .btn{
        flex:1;
        min-width:unset !important;
    }
    .page-btn-wrap.both .btn:first-child{
        margin-right:unset;
    }
    .comp-btn-wrap .btn{
        flex:1 1 auto;
    }
    /* 하단버튼 전체 4개이상일 경우 클래스 multiple 추가 */
    .page-btn-wrap.multiple,.page-btn-wrap.multiple .btn-wrap{
        flex-wrap:wrap;
    }
    .page-btn-wrap.multiple .btn-wrap .btn{
        flex:1 1 100%;
    }
}

@media only screen and (max-width: 599px)  {
    .page-btn-wrap{
        flex-wrap:wrap;
        border-top:0;
    }
    
    /* 코치마크가 있을 때 */
    .page-btn-wrap.coach-highligt > .coach-balloon {
		top: 2.4rem;
		right: 1.6rem;
		width: 100%;
		max-width: calc(100% - 3.2rem);
		background-color: var(--krds-white);
	}

    .page-btn-wrap.both .btn.pc-only{
        display:none;
    }

    .page-btn-wrap + .count-box {
        margin-top:7.0rem;
    }

    .page-btn-wrap + .count-box-wrap  {
        margin-top:80px;
    } 
}