.q-colorizer .q-colorizer-text{font-size:1.6rem;line-height:2rem;color:#464646;font-family:Stratum,Arial,NotoSansKR,sans-serif;font-style:normal;font-weight:700;letter-spacing:.1667rem;margin:0;padding:0}
@media print,only screen and (min-width:37.5em){.q-colorizer .q-colorizer-text{font-size:1.6rem;line-height:2rem}
}
@media only screen and (min-width:60em){.q-colorizer .q-colorizer-text{font-size:1.6rem;line-height:2rem}
}
.q-colorizer .q-colorizer-text a{color:#464646;font-weight:inherit;text-decoration:none}
.q-colorizer .q-colorizer-text a:hover,.q-colorizer .q-colorizer-text a:active{color:#a00}
.q-colorizer .q-invert.q-colorizer-text{color:#fff}
.q-colorizer .q-invert.q-colorizer-text a{color:#fff;font-weight:inherit;text-decoration:none}
.q-colorizer .q-invert.q-colorizer-text a:hover,.q-colorizer .q-invert.q-colorizer-text a:active{color:#d4d4d4}
.q-descriptive4{font-size:.9rem;line-height:1rem;color:#464646;font-family:Stratum,Arial,NotoSansKR,sans-serif;font-style:normal;font-weight:normal;letter-spacing:normal;margin:0;padding:0}
@media print,only screen and (min-width:37.5em){.q-descriptive4{font-size:1.2727rem;line-height:1.3636rem}
}
@media only screen and (min-width:60em){.q-descriptive4{font-size:1.5rem;line-height:1.5833rem}
}
.q-descriptive4 a{color:#464646;font-weight:inherit;text-decoration:none}
.q-descriptive4 a:hover,.q-descriptive4 a:active{color:#a00}
.q-invert.q-descriptive4{color:#fff}
.q-invert.q-descriptive4 a{color:#fff;font-weight:inherit;text-decoration:none}
.q-invert.q-descriptive4 a:hover,.q-invert.q-descriptive4 a:active{color:#d4d4d4}
sup,sub{font-family:Stratum,Arial,NotoSansKR,sans-serif;font-size:60%}
.q-display4{padding-left:1.65rem;position:relative}
.q-display4::before{border-left:.75rem solid #c00;bottom:3px;content:"";display:inline-block;left:0;position:absolute;top:0;width:.75rem}
@media print,only screen and (min-width:26.25em){.q-display4::before{bottom:7px;top:3px}
}
p>.q-display4{display:inline-block}
.q-colorizer .q-colorizer-canvas{width:100%}
.q-colorizer .q-colorizer-canvas + .tabs-content{display:none}
.q-colorizer .q-colorizer-tabs{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}
.q-colorizer .q-colorizer-tabs .tab-title{margin:.5rem .125rem;padding:.375rem}
.q-colorizer .q-colorizer-tabs .tab-title .q-colorizer-panel{background-color:transparent;border:0;cursor:default;float:left;outline:0;padding:0}
.q-colorizer .q-colorizer-tabs .tab-title.active .q-colorizer-panel::before{background-image:url("../../../../etc.clientlibs/clientlibs/gmc/resources/img/assets/checkmark-outline.svg");background-repeat:no-repeat;background-size:100%;content:"";cursor:pointer;display:none;height:4.6rem;left:50%;margin-left:-0.625rem;margin-top:-0.375rem;position:absolute;top:50%;width:1.625rem;z-index:99}
.q-colorizer .q-colorizer-tabs .tab-title.active .q-colorizer-chip{border:0;border-radius:50%;content:" ";display:inline-block;height:4.6rem;padding:.0625rem 0 0 .0625rem;width:4.6rem}
.q-colorizer .q-colorizer-tabs .tab-title.active .q-colorizer-chip .q-colorizer-select{border:2px solid #d4d4d4;box-shadow:0 0 0 #fff;height:4.6rem;width:4.6rem}
.q-colorizer .q-colorizer-tabs .tab-title.active .q-colorizer-chip .q-colorizer-checkmark{bottom:0;display:block;height:22%;left:0;margin:auto;position:absolute;right:0;top:0}
.q-colorizer .q-colorizer-tabs .q-colorizer-chip{border-radius:50%;display:inline-block;float:left;height:4.6rem;padding:.375rem;position:relative;transition:padding .3s ease 0;width:4.6rem}
.q-colorizer .q-colorizer-tabs .q-colorizer-chip:hover{border:0;border-radius:50%;content:" ";cursor:pointer;height:4.6rem;padding:.0625rem 0 0 .0625rem;width:4.6rem}
.q-colorizer .q-colorizer-tabs .q-colorizer-chip .q-colorizer-select{border-radius:50%;box-shadow:0 2px 3px #bfbfbf,0 0 0 4px #ebebeb,0 0 0 6px #bfbfbf;display:flex;height:3rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;width:3rem}
.q-colorizer .q-colorizer-tabs .q-colorizer-chip .q-colorizer-select:hover{border:2px solid #d4d4d4;box-shadow:0 0 0 #fff;cursor:pointer;height:4.6rem;width:4.6rem}
.q-colorizer .q-colorizer-tabs .q-colorizer-chip .q-colorizer-checkmark{display:none}
.q-colorizer .q-tooltip-text{background-color:#fff;border:2px solid #060505;border-radius:2px;bottom:116%;color:#060505;display:none;font-size:1.6rem;left:50%;line-height:2rem;padding:.4rem .5rem .5rem .5rem;position:absolute;text-align:center;transform:translateX(-50%);width:12.5rem}
.q-colorizer .q-tooltip-text::before{border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #060505}
.q-colorizer .q-tooltip-text::after{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff}
.q-colorizer .q-tooltip-text::before,.q-colorizer .q-tooltip-text::after{content:"";height:0;left:50%;position:absolute;top:100%;transform:translateX(-50%);width:0}
.q-colorizer .tabs-content{margin-bottom:0}
.q-colorizer .tabs-content .content{display:inline-block;float:left;height:auto;overflow-x:hidden;position:relative}
.q-colorizer .tabs-content .content:not(.active){border:0;height:0;overflow:hidden;padding:0}
.q-colorizer .q-colorizer-content,.q-colorizer .q-colorizer-text-indicator,.q-colorizer .q-colorizer-button{margin:1.25rem 0}
.q-colorizer .q-colorizer-info{display:flex;flex-direction:column;flex-flow:wrap}
.q-colorizer .q-colorizer-info .q-colorizer-chipsets{order:2;width:100%}
.q-colorizer .q-colorizer-info .q-colorizer-text-container{align-self:center;order:1;text-align:center;width:100%}
.q-colorizer .q-colorizer-info .q-colorizer-button{order:3;width:100%}
.q-colorizer .q-tab-nav div{border:0}
.q-colorizer .q-colorizer-text{font-size:2rem;line-height:3rem}
@media print,only screen and (min-width:37.5em){.q-colorizer .q-colorizer-panel:hover .q-tooltip-text{display:block}
.q-colorizer .tab-title{margin:.5rem}
.q-colorizer .tabs-content .q-colorizer-content{width:200%}
.q-colorizer .q-colorizer-info{flex-flow:wrap}
.q-colorizer .q-colorizer-info .q-colorizer-chipsets{order:1}
.q-colorizer .q-colorizer-info .q-colorizer-text-container{order:2;text-align:left;width:50%}
.q-colorizer .q-colorizer-info .q-colorizer-button{order:3;width:50%}
.q-colorizer .q-colorizer-tabs .tab-title.active .q-colorizer-panel::before{height:1.6rem;margin-left:-0.625rem;margin-top:-0.375rem;width:1.6rem}
.q-colorizer .q-colorizer-tabs .tab-title.active .q-colorizer-chip{height:5.6rem;padding:.0625rem 0 0 .0625rem;width:5.6rem}
.q-colorizer .q-colorizer-tabs .tab-title.active .q-colorizer-chip .q-colorizer-select{height:5.6rem;width:5.6rem}
.q-colorizer .q-colorizer-tabs .q-colorizer-panel:focus .q-colorizer-chip{height:5.6rem;padding:.0625rem 0 0 .0625rem;width:5.6rem}
.q-colorizer .q-colorizer-tabs .q-colorizer-chip{height:5.6rem;padding:.375rem;width:5.6rem}
.q-colorizer .q-colorizer-tabs .q-colorizer-chip:hover{height:5.6rem;padding:.0625rem 0 0 .0625rem;width:5.6rem}
.q-colorizer .q-colorizer-tabs .q-colorizer-chip .q-colorizer-select{box-shadow:0 2px 5px #bfbfbf,0 0 0 6px #ebebeb,0 0 0 8px #bfbfbf;height:4.5rem;width:4.5rem}
.q-colorizer .q-colorizer-tabs .q-colorizer-chip .q-colorizer-select:hover{height:5.6rem;width:5.6rem}
}
@media only screen and (min-width:60em){.q-colorizer .tabs-content .q-colorizer-content{width:100%}
.q-colorizer .q-colorizer-tabs .q-colorizer-chip{margin:.125rem .125rem .125rem .375rem;padding:0}
.q-colorizer .q-colorizer-tabs .tab-title.active .q-colorizer-chip{padding:0}
.q-colorizer .q-colorizer-tabs .tab-title .q-colorizer-chip:hover{padding:0}
}
.q-colorizer .q-colorizer-text{font-weight:normal;letter-spacing:0}
@media print,only screen and (min-width:37.5em){.q-colorizer .q-colorizer-panel:focus .q-colorizer-chip .q-colorizer-select{border:2px solid #d4d4d4;box-shadow:0 0 0 #fff;height:5.6rem;width:5.6rem}
.q-colorizer .q-colorizer-panel:hover .q-tooltip-text{font-weight:700;visibility:visible}
.q-colorizer .q-colorizer-panel:hover .q-tooltip-text>p{font-weight:700}
}