.circular-menu-container * {
	box-sizing: border-box;
}

.circular-menu-container {
	max-width:none;
	width:auto;
}


.circular-bg{
	position: absolute;
    z-index: 2;
    top: -308px;
    left: -350px;
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
}

.circular-menu {
	-webkit-transform:rotate(8deg);
	transform:rotate(8deg);
	width:700px;
	height:700px;
	position:relative;
	left:50%;
	margin:0;
	margin-left:-350px;
	border-radius:500px;
	border-radius:50%;
	z-index:3;
	list-style:none;
}
.center-section {
	-webkit-transform:rotate(-8deg);
	transform:rotate(-8deg);
	width: 481px;
	height: 481px;
	position:absolute;
	top:50%;
	left:50%;
    margin-top: -243.5px;
    margin-left: -240.5px;
	padding:55px;
	border-radius:500px;
	border-radius:50%;
	text-align:center;
	background:#fff;
	display:none;
	z-index:1;
}
.center-section.section-intro {
	display:block;
}
.circular-menu li div.label {
	position:absolute;
	width:108px;
	height:62px;
	z-index:3;
	cursor:pointer;
}
.circular-menu li div.label p {
	margin:0 auto;
	margin-top:50.78217px;
}
.circular-menu li div.label p span{
	display:block;
	color:#ff1b1b;
}
.circular-menu li span.arrow {
	position:absolute;
	width:35px;
	height:35px;
	display:none;
	z-index:3;
    border-left: 10px solid #5f9e42;
    border-bottom: 10px solid #5f9e42;
}
.circular-menu li {
	position:absolute;
	text-decoration:none;
	top:50%;
	left:50%;
	display:block;
}

.circular-menu li .bg {
	display:none;
	position:absolute;
	z-index:3;
}
.circular-menu li .link{
	display:none;
	position: absolute;
	z-index: 3;
	-webkit-transform: rotate(-8deg);
	transform: rotate(-8deg);
}
.circular-menu li .bg.active {
	display:block;
}
.circular-menu li .link.active {
	display:block;
}
.circular-menu li:nth-child(3) .bg{
	-webkit-transform:rotate(121deg);
	transform:rotate(121deg);
	margin:-290.40394px 0 0 55.9975px;
}
.circular-menu li:nth-child(3) .link{
	left: -157px;
	top: 94px;
}
.circular-menu li:nth-child(3) div.label {
	margin: -284.98413px 0 0 93.77103px;
	-webkit-transform: rotate(-59deg);
	transform: rotate(-59deg);
}
.circular-menu li:nth-child(4) .bg {
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
	margin:-246.40394px 0 0 112.9975px;
}
.circular-menu li:nth-child(4) .link{
    left: -142px;
    top: -50px;
}
.circular-menu li:nth-child(4) div.label {
	margin:-237.54732px 0 0 152.59189px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.circular-menu li:nth-child(5) .bg {
	-webkit-transform:rotate(151deg);
	transform:rotate(151deg);
	margin:-188.40394px 0 0 157.9975px;
}
.circular-menu li:nth-child(5) .link{
    left: -164px;
    top: -47px;
}
.circular-menu li:nth-child(5) div.label {
	margin: -175.72647px 0 0 201.0287px;
	-webkit-transform: rotate(-29deg);
	transform: rotate(-29deg);
}
.circular-menu li:nth-child(6) .bg {
	-webkit-transform:rotate(165deg);
	transform:rotate(165deg);
	margin:-123.40394px 0 0 184.9975px;
}
.circular-menu li:nth-child(6) .link{
    left: -38px;
    top: -97px;
}
.circular-menu li:nth-child(6) div.label {
	margin:-105.73455px 0 0 229.84873px;
	-webkit-transform:rotate(-15deg);
	transform:rotate(-15deg);
}
.circular-menu li:nth-child(7) .bg {
	-webkit-transform:rotate(181deg);
	transform:rotate(181deg);
	margin:-52.40394px 0 0 193.9975px;
}
.circular-menu li:nth-child(7) .link{
    left: -149px;
    top: 73px;
}
.circular-menu li:nth-child(7) div.label {
	margin:-31.47772px 0 0 240.01979px;
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
}
.circular-menu li:nth-child(8) .bg {
	-webkit-transform:rotate(195deg);
	transform:rotate(195deg);
	margin:19.59606px 0 0 184.9975px;
}
.circular-menu li:nth-child(8) .link{
    left: 3px;
    top: 191px;
}
.circular-menu li:nth-child(8) div.label {
	margin:44.77912px 0 0 229.84873px;
	-webkit-transform:rotate(15deg);
	transform:rotate(15deg);
}
.circular-menu li:nth-child(9) .bg {
	-webkit-transform:rotate(211deg);
	transform:rotate(211deg);
	margin:84.59606px 0 0 157.9975px;
}
.circular-menu li:nth-child(9) .link{
    left: -41px;
    top: -77px;
}
.circular-menu li:nth-child(9) div.label {
	margin:114.77104px 0 0 201.0287px;
	-webkit-transform:rotate(30deg);
	transform:rotate(30deg);
}
.circular-menu li:nth-child(10) .bg {
	-webkit-transform:rotate(226deg);
	transform:rotate(226deg);
	margin:140.59606px 0 0 114.9975px;
}
.circular-menu li:nth-child(10) .link{
    left: 87px;
    top: 58px;
}
.circular-menu li:nth-child(10) div.label {
	margin:175.59189px 0 0 154.59189px;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.circular-menu li:nth-child(11) .bg {
	-webkit-transform:rotate(241deg);
	transform:rotate(241deg);
	margin:181.59606px 0 0 59.9975px;
}
.circular-menu li:nth-child(11) .link{
    left: -44px;
    top: -122px;
}
.circular-menu li:nth-child(11) div.label {
	margin:222.40394px 0 0 93.9975px;
	-webkit-transform:rotate(60deg);
	transform:rotate(60deg);
}
.circular-menu li:nth-child(12) .bg {
	-webkit-transform:rotate(257deg);
	transform:rotate(257deg);
	margin:210.59606px 0 0 -8.0025px;
}
.circular-menu li:nth-child(12) .link{
    left: -4px;
    top: 168px;
}
.circular-menu li:nth-child(12) div.label {
	margin:252.84873px 0 0 21.77912px;
	-webkit-transform:rotate(75deg);
	transform:rotate(75deg);
}
.circular-menu li:nth-child(13) .bg {
	-webkit-transform:rotate(271deg);
	transform:rotate(271deg);
	margin:220.59606px 0 0 -78.0025px;
}
.circular-menu li:nth-child(13) .link{
    left: -147px;
    top: -38px;
}
.circular-menu li:nth-child(13) div.label {
	margin:263.01979px 0 0 -54.47772px;
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
}
.circular-menu li:nth-child(14) .bg {
	-webkit-transform:rotate(285deg);
	transform:rotate(285deg);
	margin:210.59606px 0 0 -146.0025px;
}
.circular-menu li:nth-child(14) .link{
	left: -46px;
    top: -65px;
}
.circular-menu li:nth-child(14) div.label {
	margin:252.84873px 0 0 -129.73455px;
	-webkit-transform:rotate(-75deg);
	transform:rotate(-75deg);
}
.circular-menu li:nth-child(15) .bg {
	-webkit-transform:rotate(300deg);
	transform:rotate(300deg);
	margin:184.59606px 0 0 -212.0025px;
}
.circular-menu li:nth-child(15) .link{
	left: -198px;
    top: -49px;
}
.circular-menu li:nth-child(15) div.label {
	margin:224.0287px 0 0 -200.72647px;
	-webkit-transform:rotate(-60deg);
	transform:rotate(-60deg);
}
.circular-menu li:nth-child(16) .bg {
	-webkit-transform:rotate(315deg);
	transform:rotate(315deg);
	margin:142.59606px 0 0 -268.0025px;
}
.circular-menu li:nth-child(16) .link{
	left: 58px;
    top: -86px;
}
.circular-menu li:nth-child(16) div.label {
	margin:176.59189px 0 0 -260.54732px;
	-webkit-transform:rotate(-44deg);
	transform:rotate(-44deg);
}
.circular-menu li:nth-child(17) .bg {
	-webkit-transform:rotate(331deg);
	transform:rotate(331deg);
	margin:85.59606px 0 0 -314.0025px;
}
.circular-menu li:nth-child(17) .link{
	left: 3px;
    top: 179px;
}
.circular-menu li:nth-child(17) div.label {
	margin:115.77104px 0 0 -307.98413px;
	-webkit-transform:rotate(-30deg);
	transform:rotate(-30deg);
}
.circular-menu li:nth-child(18) .bg {
	-webkit-transform:rotate(345deg);
	transform:rotate(345deg);
	margin:20.59606px 0 0 -341.0025px;
}
.circular-menu li:nth-child(18) .link{
	left: -139px;
    top: 124px;
}
.circular-menu li:nth-child(18) div.label {
	margin:43.77912px 0 0 -337.80416px;
	-webkit-transform:rotate(-14deg);
	transform:rotate(-14deg);
}
.circular-menu li:nth-child(19) .bg {
	-webkit-transform:rotate(361deg);
	transform:rotate(361deg);
	margin:-48.40394px 0 0 -351.0025px;
}
.circular-menu li:nth-child(19) .link{
	left: -38px;
    top: -67px;
}
.circular-menu li:nth-child(19) div.label {
	margin:-30.47771px 0 0 -347.97521px;
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
}
.circular-menu li:nth-child(20) .bg {
	-webkit-transform:rotate(374deg);
	transform:rotate(374deg);
	margin:-118.40394px 0 0 -344.0025px;
}
.circular-menu li:nth-child(20) .link{
	left: -172px;
    top: -40px;
}
.circular-menu li:nth-child(20) div.label {
	margin:-106.73455px 0 0 -337.80416px;
	-webkit-transform:rotate(15deg);
	transform: rotate(15deg);
}

.center-section > div > a {
	display: block;
}
.center-section.section-3 > div {
	margin: 88px 0 0 14px;
	text-align: left;
}
.center-section.section-3 > div > p {
	margin-top: 9px;
}
.center-section.section-3 > div > a {
	margin-top: -8px;
}
.center-section.section-3 > div > img { /*로봇및제어기기*/
	margin: -70px 0 0 91px;
}
.center-section.section-4 > div {
	margin: 14px 0 0 43px;
	text-align: left;
}
.center-section.section-4 > div > p {
	margin-top: 9px;
}
.center-section.section-4 > div > a {
	margin-top: -8px;
}
.center-section.section-4 > div > img { /*금융카드관련*/
	margin: 30px 0 0 -30px;
}
.center-section.section-5 > div {
	margin: 18px 0 0 27px;
	text-align: left;
}
.center-section.section-5 > div > p {
	margin-top: 9px;
}
.center-section.section-5 > div > a {
	margin-top: -13px;
}
.center-section.section-5 > div > img { /*가전OA*/
	margin: 91px 0 0 -14px;
}
.center-section.section-6 > div {
	margin: 13px 0 0 -7px;
	text-align: center;
}
.center-section.section-6 > div > p {
	margin: 15px 0 0 17px;
}
.center-section.section-6 > div > a {
	margin: 5px 0 0 16px;
}
.center-section.section-6 > div > img { /*블랙박스*/
	margin: 62px 0 0 17px;
}
.center-section.section-7 > div {
	margin: 105px 0 0 -253px;
	text-align: center;
}
.center-section.section-7 > div > p {
	margin-top: 9px;
}
.center-section.section-7 > div > a {
	margin-top: -8px;
}
.center-section.section-7 > div > img { /*ARM관련*/
	margin: -133px 0 0 340px;
}
.center-section.section-8 > div {
	margin: -84px 0 0 0;
	text-align: center;
}
.center-section.section-8 > div > h2 {
	margin: 10px 0 0 10px;
}
.center-section.section-8 > div > p {
	margin: 13px 0 0 17px;
}
.center-section.section-8 > div > a {
	margin: 11px 0 0 13px;
}
.center-section.section-8 > div > img { /*방산*/
	margin: 22px 0 0 -70px;
}
.center-section.section-9 > div {
	text-align: center;
}
.center-section.section-9 > div > p {
	margin-top: 7px;
}
.center-section.section-9 > div > a {
	margin: -9px 0 0 2px;
}
.center-section.section-9 > div > img { /*PC관련주변기기*/
	margin: 83px 0 0 -18px;
}
.center-section.section-10 > div {
	margin: -20px 0 0 -214px;
	text-align: center;
}
.center-section.section-10 > div > h2 {
	margin: -405px 0 0 427px;
}
.center-section.section-10 > div > p {
	margin: 10px 0 0 433px;
}
.center-section.section-10 > div > a {
	margin: 12px 0 0 433px;
}
.center-section.section-11 > div {
	margin-top: -15px;
	text-align: center;
}
.center-section.section-11 > div > p {
	margin-top: 7px;
}
.center-section.section-11 > div > a {
	margin: -9px 0 0 2px;
}
.center-section.section-11 > div > img { /*RF관련*/
	margin: 80px 0 0 10px;
}
.center-section.section-12 > div {
	margin: -92px 0 0 -15px;
	text-align: center;
}
.center-section.section-12 > div > h2 {
	margin: 5px 0 0 14px;
}
.center-section.section-12 > div > p {
	margin: 13px 0 0 17px;
}
.center-section.section-12 > div > a {
	margin: 6px 0 0 23px;
}
.center-section.section-12 > div > img { /*오디오음향관련*/
	margin: 22px 0 0 -70px;
}
.center-section.section-13 > div {
	margin: 61px 0 0 -219px;
	text-align: center;
}
.center-section.section-13 > div > p {
	margin-top: 13px;
}
.center-section.section-13 > div > a {
	margin-top: -8px;
}
.center-section.section-13 > div > img { /*IOT*/
	margin: -10px 0 0 215px;
}
.center-section.section-14 > div {
	margin: 30px 0 0 -12px;
	text-align: center;
}
.center-section.section-14 > div > p {
	margin-top: 17px;
}
.center-section.section-14 > div > a {
	margin: -9px 0 0 2px;
}
.center-section.section-14 > div > img { /*조명*/
	margin: 87px 0 0 6px;
}
.center-section.section-15 > div {
	margin: 32px 0 0 -8px;
	text-align: left;
}
.center-section.section-15 > div > h2 {
	margin: 5px 0 0 40px;
}
.center-section.section-15 > div > p {
	margin-top: 20px;
}
.center-section.section-15 > div > a {
	margin: -9px 0 0 2px;
}
.center-section.section-15 > div > img { /*셋탑*/
	margin: 87px 0 0 -24px;
}
.center-section.section-16 > div {
	margin: 6px 55px 0 0;
	text-align: right;
}
.center-section.section-16 > div > p {
	margin-top: 10px;
}
.center-section.section-16 > div > a {
	margin: -17px 0 0 2px;
}
.center-section.section-16 > div > img {  /*반도체LCD*/
	margin: 10px 100px 0 -61px;
}
.center-section.section-17 > div {
	margin: -134px 0 0 0;
	text-align: center;
}
.center-section.section-17 > div > h2 {
	margin: 15px 0 0 -84px;
}
.center-section.section-17 > div > p {
	margin: 10px 0 0 24px;
}
.center-section.section-17 > div > a {
	margin: 11px 0 0 20px;
}
.center-section.section-17 > div > img { /*통신교환장비*/
	margin: 22px 0 0 -70px;
}
.center-section.section-18 > div {
	margin: 105px 0 0 -247px;
	text-align: center;
}
.center-section.section-18 > div > p {
	margin-top: 9px;
}
.center-section.section-18 > div > a {
	margin-top: -8px;
}
.center-section.section-18 > div > img { /*의료기*/
	margin: -223px 0 0 343px;
}
.center-section.section-19 > div {
	margin: 13px 0 0 -2px;
	text-align: center;
}
.center-section.section-19 > div > p {
	margin-top: 17px;
}
.center-section.section-19 > div > a {
	margin: -2px 0 0 8px;
}
.center-section.section-19 > div > img { /*파워전원관련*/
	margin: 10px 0 0 6px;
}
.center-section.section-20 > div {
	margin: 10px 0 0 16px;
	text-align: left;
}
.center-section.section-20 > div > h2 {
	margin: 5px 0 0 32px;
}
.center-section.section-20 > div > p {
	margin-top: 12px;
}
.center-section.section-20 > div > a {
	margin: -69px 0 0 2px;
}
.center-section.section-20 > div > img { /*디스플레이*/
	margin: 33px 0 0 30px;
}
.center-section.section-intro > div {
	margin: 73px 0 0 0px;
}
.center-section.section-intro > div > img { /*메인화면*/
	margin: 27px 0 0 9px;
}