#page-28 {}
#page-28 img {max-width:100%;}
#page-28 .binding {height:300px;background:url(/images/content/page_28_02.jpg) no-repeat center center;position:relative;user-select:none;}
#page-28 .binding .circle {width:250px;height:250px;position:absolute;border-radius:999px;color:#fff;text-align:center;}
#page-28 .binding .circle.circle-green {background:#00a950;left:28%;}
#page-28 .binding .circle.circle-green .title {margin-top:50px;font-size:1.8em;}
#page-28 .binding .circle.circle-green .line {width:30px;border:1px solid #fff;height:1px;background:#fff;margin:20px auto 25px auto;}
#page-28 .binding .circle.circle-green .data {}
#page-28 .binding .circle.circle-gray {background:rgba(102,102,102,0.8);right:29%;}
#page-28 .binding .circle.circle-gray ul {width:70%;margin:55px auto 0 auto;}
#page-28 .binding .circle.circle-gray ul li {padding:10px 0;border-bottom:1px solid #999;}
#comparison > div {float:left;width:50%;height:390px;}

/* PC */
@media ( min-width: 1024px ) {
	/* body {border:1px solid orange;} */
	.m_img {visibility:hidden; display:none;}
}

/* 태블릿 */
@media ( max-width: 1024px ) and ( min-width: 760px ) {
	/* body {border:1px solid red;} */
	#page-28 .binding .circle.circle-green {left:18%;}
	#page-28 .binding .circle.circle-gray {right:19%;}
	.w_img {visibility:hidden; display:none;}
	#comparison > div {width:100%;height:auto;margin-bottom:10px;}
}

/* 모바일 */
@media ( max-width: 760px ) {
	/* body {border:1px solid blue;} */
	#page-28 .binding .circle.circle-green {left:5%;}
	#page-28 .binding .circle.circle-gray {right:5%;}
	.w_img {visibility:hidden; display:none;}
	#comparison > div {width:100%;height:auto;margin-bottom:10px;}
	#page-28 .binding {height:auto;}
	#page-28 .binding .circle {position:relative;margin-bottom:20px;}
	#page-28 .binding .circle.circle-green {left:0;right:0;margin:0 auto 20px auto;}
	#page-28 .binding .circle.circle-green .title {margin:0;padding-top:50px;}
	#page-28 .binding .circle.circle-gray {left:0;right:0;margin:0 auto;}
	#page-28 .binding .circle.circle-gray ul {margin-top:0;padding-top:50px;}
	.rect-3 {margin-bottom:40px;}
	.rect-4 .radius span {padding:6px 30px !important;}
}

