.shareholder-box{background:#f5f5f5; border-radius:32px; position:relative; }
.shareholder-box .shareholder-list{background:#fff; position:absolute; top:50%; right:4%; padding:32px; border-radius:8px; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);}
.shareholder-box .shareholder-list ul li{font-size:16px; margin-bottom:24px; display:flex; align-items: center;}
.shareholder-box .shareholder-list ul li:nth-child(1)::before{content: ''; width:16px; height:16px; background:#c64d7a; display:inline-block; margin-right:8px; border-radius:4px;}
.shareholder-box .shareholder-list ul li:nth-child(2)::before{content: ''; width:16px; height:16px; background:#ab50b0; display:inline-block; margin-right:8px; border-radius:4px;}
.shareholder-box .shareholder-list ul li:nth-child(3)::before{content: ''; width:16px; height:16px; background:#ffd3ca; display:inline-block; margin-right:8px; border-radius:4px;}
.shareholder-box .shareholder-list ul li:nth-child(4)::before{content: ''; width:16px; height:16px; background:#fd9979; display:inline-block; margin-right:8px; border-radius:4px;}
.shareholder-box .shareholder-list ul li:last-child{margin-bottom:0;}
#shareholder {width: 100%;	height: 640px; }



/* Tablet 아이패드 미니 */
@media only screen and (max-width: 1024px) {
    .shareholder-box .shareholder-list{padding:16px; top:unset; right:0; width:100%; text-align:center;}
    .shareholder-box .shareholder-list ul li{display:inline-block; margin-bottom:0; margin-right:16px;}
    .shareholder-box .shareholder-list ul li:last-child{margin-right:0;}
}



/* Mobile */
@media only screen and (max-width: 768px) {
    #shareholder{height:29vh; padding:8px;}
	.shareholder-box .shareholder-list{display:none;}
    .shareholder-box tspan{font-size:12px;}
}