@charset "UTF-8";

.visual {
	position:relative;
}

/* 20181005 추가 */
.textGroup {
	width:100%;
	padding-top:25px;
	text-align:center;
	position:absolute;
	left:0;
	top:0;
	z-index:20;
}
.textGroup dt {
	font-size:26px;
	font-weight:bold;
	color:#000;
	text-align:center;
}
.textGroup dd {
	width:100%;
	padding-top:8px;
	font-size:12px;
	font-weight:bold;
	color:#000;
	text-align:center;
}

.controllGroup {
	width:100%; position:absolute; left:0; bottom:30px;
}
.controllGroup .prevBtn {
	width:32.5px; height:32.5px; background:none; position:absolute; top:auto; left:calc(50% - 60px); bottom:0; z-index:10;
}
.controllGroup .nextBtn {
	width:32.5px; height:32.5px; background:none; position:absolute; top:auto; right:calc(50% - 60px); bottom:0; z-index:10;
}
.controllGroup .playBtn {
	width:32.5px; height:32.5px; background:none; position:absolute; top:auto; left:calc(50% - 15px); bottom:0; z-index:10;
}
.controllGroup .pauseBtn {
	width:32.5px; height:32.5px; background:none; position:absolute; top:auto; left:calc(50% - 15px); display:none; bottom:0; z-index:10;
}

.visBnGroup {
	width:100%; padding:8px 0; background:#000;
}
.visBnGroup:after {
	content:""; display:block; clear:both;
}
.visBnGroup .bnUnit {
	width:50%; height:46px; font-size:13px; font-weight:bold; color:#fff; float:left;
}
.visBnGroup .bnUnit:nth-child(1) {
	background:url("/common/site/mobile/images/main/icon_bn1.png") 20px center no-repeat; background-size:33px;
}
.visBnGroup .bnUnit:nth-child(2) {
	background:url("/common/site/mobile/images/main/icon_bn2.png") 20px center no-repeat; background-size:33px;
}
.visBnGroup .bnUnit:nth-child(3) {
	background:url("/common/site/mobile/images/main/icon_bn3.png") 20px center no-repeat; background-size:33px;
}
.visBnGroup .bnUnit:nth-child(4) {
	background:url("/common/site/mobile/images/main/icon_bn4.png") 20px center no-repeat; background-size:33px;
}
.visBnGroup .bnUnit a {
	width:100%; height:100%; padding:16px 0 0 64px; color:#fff; display:block;
}
.visBnGroup .bnUnit:nth-child(2n) a {
	background:url("/common/site/mobile/images/main/bg_bar01.gif") left center no-repeat; background-size:1px;
}



/* 공지사항 및 공통 */
.blockGroup {
	width:100%; padding:25px 20px; background:#fff; position:relative;
}
.blockGroup .blockTitle {
	margin-bottom:25px; font-size:20px; font-weight:bold; color:#333; 
}
.blockGroup .blockTitle a {
	color:#333; 
}
.blockGroup .commtTxt {
	font-size:13px; color:#666;
}
.blockGroup .commtTxt a {
	color:#333; display:block;
}
.blockGroup .blockCont {
	
}
.blockGroup .blockCont > li {
	margin-bottom:25px;
}
.blockGroup .blockCont > li:last-child {
	margin-bottom:8px;
}
.blockGroup .blockCont > li .text {
	width:100%; margin-bottom:7px; font-size:14px; color:#333; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; display:block;
}
.blockGroup .blockCont > li .text a {
	color:#333;
}
.blockGroup .blockCont > li .date {
	font-size:11px; color:#333; display:block;
}
.blockGroup .more {
	width:23px; position:absolute; right:20px; top:25px;
}
.blockGroup .moreView {
	margin-top:15px; padding:7px 15px; font-size:11px; color:#fff; background:#0073bd; display:inline-block;
}


.blockGroup.arrow {
	padding:20px 52px 20px 20px; border-bottom:1px solid #e7e7e7; background:#fafcfd url("/common/site/mobile/images/main/icon_more03.png") right center no-repeat; background-size:52px;
}
.blockGroup.arrow .blockTitle {
	margin-bottom:5px; font-size:16px; font-weight:bold; color:#333; 
}

.blockGroup.bg01 {
	border-bottom:1px solid #e7e7e7; background:url("/common/site/mobile/images/main/bg_img01.jpg") right bottom no-repeat; background-size:120px;
}
.blockGroup.bg01 .blockTitle {
	margin-bottom:10px; font-size:16px; font-weight:bold; color:#333; 
}
.blockGroup.bg02 {
	background:url("/common/site/mobile/images/main/bg_img02.jpg") right bottom no-repeat; background-size:120px;
}
.blockGroup.bg02 .blockTitle {
	margin-bottom:10px; font-size:16px; font-weight:bold; color:#333; 
}

/* 운동처방 동영상 */
.fitMovie {
	width:100%;
}
.fitMovie:after {
	content:""; display:block; clear:both;
}
.fitMovie .fitTitle {
	width:34%; height:144px; padding:17px 16px 0 0; font-size:21px; color:#fff; text-align:right; background:#0094d7 url("/common/site/mobile/images/main/bg_arrow.png") right bottom no-repeat; background-size:47.5px; float:left;
}
.fitMovie .fitGroup {
	width:66%; float:left;
}
.fitMovie .fitGroup li {
	width:100%; height:48px; border-bottom:1px solid #1a81c4; background:#0073bd url("/common/site/mobile/images/main/icon_more02.png") right top no-repeat; background-size:45px;
}
.fitMovie .fitGroup li a {
	width:100%; height:100%; padding:15px 0 0 15px; font-size:15px; color:#fff; display:block;
}
.fitMovie .fitGroup li:last-child {
	border-bottom:none;
}




/*

				<div class="blockGroup arrow">
					<h3 class="blockTitle">온라인 운동상담</h3>
					<p class="commtTxt">장애유형별 평가기준을 알려 드립니다.</p>
				</div>
				
				<div class="blockGroup arrow">
					<h3 class="blockTitle">유형별 측정 항목</h3>
					<p class="commtTxt">장애 유형별 측정 항목을 안내해 드립니다.</p>
				</div>

				<div class="blockGroup arrow">
					<h3 class="blockTitle">전국 센터 찾기</h3>
					<p class="commtTxt">전국 장애인 체력인증센터를 정보를 확인 할 수 있습니다.</p>
				</div>
				
				<div class="blockGroup bg01">
					<h3 class="blockTitle">온라인 운동상담</h3>
					<p class="commtTxt">빠른 온라인 서비스로 나에게 맞는 <br/>운동에 관한 문의사항을 친절히 <br/>안내해 해드립니다.</p>
					<a href="#" class="moreView">센터바로가기</a>
				</div>
				
				<div class="blockGroup bg02">
					<h3 class="blockTitle">자주하는 질문</h3>
					<p class="commtTxt">궁금해 하시는 자주하는 질문들을 <br/>모아둔 곳입니다. 궁금하신 사항을 <br/>좀 더 빠르게 확인 하실 수 <br/>있습니다.</p>
					<a href="#" class="moreView">센터바로가기</a>
				</div>

				*/