@charset "utf-8"; 
/* copyright(c) WEBsiting.co.kr */

/* ¸ÞÀÎÆäÀÌÁö¿¡¼­ º¯°æµÇ´Â ÄÚµå */
#ctWrap{width:100%; max-width:100%; margin:0 auto !important; }

.maincircleWr{width:100%; text-align:center;}
.maincircleWr h3 {padding:40px 0;}
.maincircleWr h3 img{display:block; margin:0 auto; width:80%; max-width:260px;}

.maincircle{width:100%; max-width:1200px; margin:0 auto; padding:0 20px 30px; overflow:hidden;}
.maincircle li{width:25%; float:left; padding:20px 15px; position:relative;}
.maincircle li a{display:block; border:2px solid #ad974f; border-radius:50%; position:relative; height:100px;
	-webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-duration: 0.3s; transition-timing-function: ease;}
.maincircle li a:hover{transform:scale(1.1);
		box-shadow:0px 0px 10px rgba(0,0,0,0.07),0px 0px 14px rgba(0,0,0,0.07),0px 0px 10px rgba(0,0,0,0.07);}
.maincircle li a u{display:block; width:100%; height:1px; background:#ad974f; position:absolute; left:0px; top:50%;}
.maincircle li a i{display:block; position:absolute; left:5px; top:0px; right:5px; bottom:50%; background:URL(../img/mainContLogo.png) no-repeat center center; background-size:auto 70%;}
.maincircle li a b{display:table-cell; position:absolute; left:8px; top:0px; right:8px; top:60px; vertical-align:middle; line-height:1.2em; color:#4e361f; font-size:16px;}
.maincircle li a:hover b{color:#000;}

@media all and (max-width:1200px)
{
	.maincircle li{width:33.333%;}
	.maincircle li a b{top:55px;font-size:14px;}
	
}

@media all and (max-width:760px)
{
	.maincircle{padding:0 30px;}
	.maincircle li i{ top:5px !important; background-size:auto 70% !important;}
	.maincircle li a b{top:55px;font-size:13px;}
	
}

@media all and (max-width:570px)
{
	.maincircle{padding:0 30px;}
	.maincircle li{width:50%; padding:15px 10px;}
	.maincircle li i{ top:5px !important; background-size:auto 70% !important;}
	.maincircle li a b{top:55px;font-size:13px;}
	
}