@charset "UTF-8";


/* ---------------------------------------------------------------------- 로그인/회원가입 ---------------------------------------------------------------------- */
/* 로그인 */
.topBoldLine {
	border-top:2px solid #333333;

}
.loginPrefix {}
.loginPrefix dt {
	margin-bottom:7px; font-size:16px; font-weight:bold; color:#333; 
}
.loginPrefix dd {
	margin-bottom:13px; font-size:12px; color:#666;
}
.loginPrefix dd li {
	padding-left:10px; font-size:11px; color:#666; text-indent:-10px;
}

.loginBox {padding-top:20px; margin-bottom:20px;}

.loginFoot {
	border-top:1px solid #d9d9d9; text-align:center;
}
.loginFoot .listDotC {
	padding-top:23px; font-size:14px; color:#333; padding-bottom:13px;
}

.textTabCont {}
.textTabCont.off {display:none;}

.line1Input {
	width:100%; display:block;
}
.line1Input:after {
	content:""; display:block; clear:both;
}
.line1Input dt {
	padding:15px 10px 15px 0; font-size:13px; color:#333; background:url("/common/site/mobile/images/common/bg_bar3.gif") right center no-repeat; background-size:1px; display:block; float:left;
}
.line1Input dd {
	padding:15px 10px; font-size:13px; color:#333; display:block; float:left;
}

.line2Input {
	padding-bottom:10px; display:block;
}
.line2Input dt {
	width:100%; padding-bottom:10px; font-size:13px; color:#333;  text-align:left; display:block;
}
.line2Input dt.asTable {
	height:45px; padding-top:20px; padding-bottom:0; border-top:1px solid #d9d9d9;
}
.line2Input dd {
	width:100%; min-height:40px; text-align:left; display:block;
}

.loginCont p {
	font-size:11px; color:#666; line-height:1.6em;
}
.loginCont p.large {
	font-size:13px;
}
.loginCont .certBox {
	width:100%; padding:15px 0; margin-bottom:15px; border:1px solid #d9d9d9; overflow:hidden;
}
.loginCont .certBox > li {
	width:50%; height:180px; padding-top:10px; font-size:16px; font-weight:bold; color:#333; text-align:center; display:block; float:left;
}
.loginCont .certBox > li:first-child {
	border-right:1px solid #e7e7e7;
}
.loginCont .certBox > li.certPhone {
	background:url("/common/site/mobile/images/member/bg_icon01.png") center 47px no-repeat; background-size:72px;
}
.loginCont .certBox > li.certIpin {
	background:url("/common/site/mobile/images/member/bg_icon02.png") center 47px no-repeat; background-size:72px;
}
.loginCont .certBox > li a {
	width:100%; height:100%; display:block;
}
.loginCont .certBox i {
	padding-top:108px; font-style:normal; font-size:11px; line-height:1.4em; color:#666; display:block;
}

.loginBody p.findIDSearch {
	padding-top:65px; font-size:18px; font-weight:bold; color:#333; border-top:2px solid #333;
}
.loginBody p.findIDSeaDate {
	padding-top:10px; font-size:13px; color:#666;
}

.loginBody p.loginCompTxt {
	padding-top:65px; font-size:21px; color:#333; border-top:2px solid #333;
}
.loginBody p.loginCompComment {
	padding-top:10px; font-size:13px; color:#666;
}

.memberType {
	width:100%; height:82px; padding-left:85px; padding-right:20px; border:1px solid #e7e7e7; border-top:0;
}
.memberType.normal {
	border-top:2px solid #333; background:url("/common/site/mobile/images/member/bg_icon03.png") 15px center no-repeat; background-size:60px;
}
.memberType.down {
	background:url("/common/site/mobile/images/member/bg_icon04.png") 15px center no-repeat; background-size:60px;
}
.memberType.up {
	background:url("/common/site/mobile/images/member/bg_icon05.png") 15px center no-repeat; background-size:60px;
}
.memberType a {
	width:100%; height:100%; padding-top:32px; font-size:14px; font-weight:bold; color:#333; background:url("/common/site/mobile/images/member/icon_login_ar.gif") right center no-repeat; display:block;
}

.loginTxt {
	padding-top:10px; font-size:13px; color:#666; line-height:1.4em;
}

/* 기본정보입력 테이블 */
.tableTypeIpt {
	width:100%; margin:15px 0;
}
.tableTypeIpt th {
	height:40px; padding-top:12px; font-size:13px; color:#333; font-weight:normal; text-align:left; vertical-align:top;
}
.tableTypeIpt td {
	height:40px; font-size:13px; color:#666; text-align:left;
}
.tableTypeIpt td .comment {
	margin-top:10px; display:block;
}

/* 회원가입 */
.loginStep {
	width:100%; margin-bottom:10px; padding:10px 0; border-top:2px solid #333333; border-bottom:1px solid #e7e7e7; overflow:hidden;
}
.loginStep > li {
	height:44px; margin-left:7%; padding-top:18px; font-size:11px; font-weight:bold; color:#666; display:block; float:left;
}
.loginStep > li:first-child {
	margin-left:0;
}
.loginStep > li.on {
	padding-top:15px; padding-left:17px; padding-right:17px; font-size:13px; color:#fff; background:#0073bd; border-radius:22px; 
}
.loginCont p.loginTxtBox {
	font-size:13px; color:#333; line-height:1.4em;
}
.loginH5 {
	margin-bottom:15px; font-size:16px; font-weight:bold; color:#333333; line-height:1em; position:relative;
}
.loginH5 > .comment {
	font-size:13px; font-weight:normal; color:#666; position:absolute; right:0; top:-4px;
}
.loginH5 > .commTxt {
	font-size:13px; font-weight:normal; color:#666; position:absolute; right:0; bottom:0;
}
.loginAgreeTxt {
	margin-bottom:25px; text-align:right; font-size:13px; color:#333;
}

.loginComplete {
	width:100%; padding-top:40px; padding-bottom:45px; text-align:center;
}
.loginComplete .loginCompTxt {
	font-size:21px; color:#333; line-height:1.4em;
}
.loginComplete .loginCompComment {
	font-size:13px; color:#666; line-height:1.6em;
}
.loginComplete .loginCompDate {
	padding-top:15px; font-size:13px; color:#333; line-height:1.6em;
}

/* 달력 입력 폼 */
.calendarBox {
	width:100%; padding-bottom:10px; border-bottom:1px solid #d9d9d9;
}
.calendarBox > .title {
	height:67px; border-bottom:1px solid #d9d9d9; background:#f8f8f8; position:relative;
}
.calendarBox > .title .month {
	padding-left:15px; padding-top:20px; font-size:12px; font-weight:bold; color:#0173bc;
}
.calendarBox > .title .year {
	padding-left:5px; font-size:27px; font-weight:bold; color:#0173bc; 
}
.calendarBox > .title .btn_up {
	position:absolute; right:0; top:0px;
}
.calendarBox > .title .btn_up img {
	width:39px;
}
.calendarBox > .title .btn_down {
	position:absolute; right:0; bottom:0px;
}
.calendarBox > .title .btn_down img {
	width:39px;
}
.calendarBox > .date { 
	padding:15px 8px 0 8px;
}
.calendarBox > .date .week {
	width:100%; overflow:hidden;
}
.calendarBox > .date .week li {
	width:14.285%; height:24px; padding-top:3px; font-size:13px; color:#333; text-align:center; float:left;
}
.calendarBox > .date .day {
	width:100%; overflow:hidden;
}
.calendarBox > .date .day li {
	width:14.285%; height:35px; padding-top:12px; font-size:11px; color:#333; text-align:center; float:left;
}
.calendarBox > .date .day li a {
	width:100%; height:100%; display:block;
}
.calendarBox > .date .day li:nth-child(7n-6) {
	color:#d42f2f;
}
.calendarBox > .date .day li:nth-child(7n-6) a {
	color:#d42f2f;
}
.calendarBox > .date .day li:nth-child(7n) {
	color:#006ab6;
}
.calendarBox > .date .day li:nth-child(7n) a {
	color:#006ab6;
}
.calendarBox > .date .day li.selected {
	color:#fff; background:#006ab6;
}
.calendarBox > .date .day li.selected a {
	color:#fff;
}
.calendarBox > .date .day li.disabled {
	background:url("/common/site/mobile/images/board/bg_cal.gif");
}

.timeBox {
	padding-bottom:15px; overflow:hidden;
}
.timeBox li {
	width:32%; height:40px; padding-top:5px; margin-right:2%; margin-bottom:10px; font-size:11px; text-align:center; line-height:1.4em; border:1px solid #d9d9d9; float:left;
}
.timeBox li:nth-child(3n) {
	margin-right:0;
}
.timeBox li a {
	width:100%; height:100%; display:block;
}
.timeBox li.selected {
	border:1px solid #006ab6;
}
.timeBox li.disabled {
	background:url("/common/site/mobile/images/board/bg_cal.gif");
}
.tableDisabled {
	padding:10px 0 10px 30px; background:url("/common/site/mobile/images/board/icon_dis.gif") left center no-repeat;
}


.listFloat50:after {
	content:""; display:block; clear:both;
}
.listFloat50 li {
	width:50%; padding:9px 0; float:left;
}

/* 체력측정 예약 */
.bodyQuit {border-top:2px solid #333;}
.bodyQuit h5 {padding:15px 0; font-size:13px; font-weight:bold; color:#333; text-align:center; border-bottom:1px solid #d9d9d9; }
.bodyQuit li {padding:13px 0; border-bottom:1px solid #d9d9d9;}
.bodyQuit dt {padding-bottom:18px; font-size:13px; color:#666; }
.bodyQuit dd {font-size:13px; color:#666; text-align:right;}


/* ---------------------------------------------------------------------- 체력측정방법 ---------------------------------------------------------------------- */
.healthToolImg {
	width:100%; padding-bottom:12px;
}
.healthList {
	padding-bottom:20px; font-size:13px; color:#666; line-height:1.4em;
}
.healthList li {
	padding-left:9px; text-indent:-9px;
}
.healthMethod {
	width:100%; padding-top:15px; border-top:1px solid #333333;
}
.healthMethod > li {
	padding:0 0 20px 0; overflow:hidden;
}
.healthMethod > li > .image {
	width:100%; margin-bottom:10px; border:1px solid #e7e7e7;
}
.healthMethod > li > .text {
	width:100%; overflow:hidden;
}
.healthMethod > li > .text .textNum{
	width:17px; font-size:20px; font-weight:bold; color:#333; text-align:left; display:block; float:left;
}
.healthMethod > li > .text .textCont{
	width:calc(100% - 17px); padding:4px 10px 0 0; font-size:13px; color:#666; line-height:1.6em; display:block; float:left;
}
.healthMethod > li.refer {
	padding:0 0 20px 0; margin-top:-15px; font-size:12px; border-bottom:none;
}
.healthMethod > li.refer > .text .textCont{
	padding:0; 
}

/* ---------------------------------------------------------------------- 운동처방 동영상 ---------------------------------------------------------------------- */
.searchGroup {display:none;}
.searchGroup.on {display:block;}
.closeSearch {width:100%; margin-bottom:18px; text-align:center; border-top:1px solid #e7e7e7;}
.closeSearch .btn_close {padding:7px 33px 7px 20px; font-size:12px; color:#fff; background:#0172be url("/common/site/mobile/images/common/icon_down.png") right center no-repeat; background-size:30px; display:inline-block;}
.closeSearch.on .btn_close { background:#0172be url("/common/site/mobile/images/common/icon_up.png") right center no-repeat; background-size:30px;}

.photoTable {
	width:100%;
}
.photoTable .allNum {
	padding-bottom:5px; font-size:11px; color:#666;
}
.photoTable .allNum b {
	font-weight:normal; color:#333;
}
.photoTable ul {
	width:100%; padding-top:15px; border-top:2px solid #333; border-bottom:1px solid #e7e7e7;
}
.photoTable ul:after {
	content:""; display:block; clear:both;
}
.photoTable li {
	width:calc(50% - 5px); margin-left:10px; float:left;
}
.photoTable li:nth-child(2n-1) {
	margin-left:0;
}
.photoTable li .movie {
	width:100%; border:1px solid #e7e7e7;
}
.photoTable li .text {
	width:100%; height:62px; padding:8px 10px 0 10px; font-size:12px; color:#333; line-height:1.25em; text-align:center; display:block;
}

/* ---------------------------------------------------------------------- 장애인체력인증 ---------------------------------------------------------------------- */
.intro_cont {
	margin-bottom:17px;
}
.intro_cont dt {
	font-size:14px; font-weight:bold; color:#0073bd; margin-bottom:5px; line-height:1.4em;
}
.intro_cont li {
	padding-left:8px; font-size:13px; color:#666; line-height:1.6em; text-indent:-8px;
}

/* 장애인체력인증 이용안내 */
.introEtc1 {
	padding-top:15px; border-top:2px solid #333; 
}
.introEtc1:after {
	content:""; display:block; clear:both;
}
.introEtc1 li {
	width:100%; height:59px; padding-top:18px; padding-left:15px; font-size:14px; color:#333; border:1px solid #e7e7e7; float:left;
}
.introEtc1 li:nth-child(1) {background:#fff url("/common/site/mobile/images/intro/icon_img01.jpg") right center no-repeat; background-size:57px;}
.introEtc1 li:nth-child(2) {border-top:0; background:#fff url("/common/site/mobile/images/intro/icon_img02.jpg") right center no-repeat; background-size:57px;}
.introEtc1 li:nth-child(3) {border-top:0; background:#fff url("/common/site/mobile/images/intro/icon_img03.jpg") right center no-repeat; background-size:57px;}
.introEtc1 li:nth-child(4) {border-top:0; background:#fff url("/common/site/mobile/images/intro/icon_img04.jpg") right center no-repeat; background-size:57px;}
.introEtc1 li:nth-child(5) {border-top:0; background:#fff url("/common/site/mobile/images/intro/icon_img05.jpg") right center no-repeat; background-size:57px;}
.introEtc1 li:nth-child(6) {border-top:0; background:#fff url("/common/site/mobile/images/intro/icon_img06.jpg") right center no-repeat; background-size:57px;}
.introEtc1 li span {font-size:23px; font-weight:bold;}

.introEtc2 {
	padding-top:15px; border-top:2px solid #333;
}
.introEtc2:after {
	content:""; display:block; clear:both;
}
.introEtc2 li {
	width:100%; height:80px; margin-top:5px; padding-top:30px; font-size:14px; color:#333; text-align:center; background:#f8f8f8; float:left;
}
.introEtc2 li:first-child {
	margin-top:0;
}

.introEtc3 {
	padding:18px 30px; border:1px solid #e7e7e7;
}
.introEtc3 dt {
	padding-bottom:5px; font-size:21px; color:#333; font-weight:bold; text-align:center;
}
.introEtc3 dd{
	font-size:12px; color:#333; text-align:center;
}
.next_arrow {
	margin:25px 0; text-align:center;
}
.next_arrow img {
	width:auto;
}


/* ---------------------------------------------------------------------- 체력인증센터 ---------------------------------------------------------------------- */
/* 신체활동의 중요성 */
.numList {
	width:100%; margin-bottom:20px; border-top:2px solid #555; display:table;
}
.numList li {
	display:table-row;
}
.numList li span.number {
	width:41px; font-size:18px; color:#333; text-align:center; vertical-align:middle; border-bottom:1px solid #dcdcdc; display:table-cell;
}
.numList li span.text {
	font-size:11px; color:#666; padding:12px 12px 12px 0px; line-height:1.5em; text-align:left; vertical-align:middle; border-bottom:1px solid #dcdcdc; display:table-cell;
}

.centerInfo {
	margin-bottom:20px; overflow:hidden;
}
.centerInfoTitle {
	width:100%; height:50px; padding-top:13px; font-size:18px; font-weight:bold; color:#333; text-align:center; border-top:2px solid #333;
}
.centerInfoTitle .more {
	width:20px; margin-left:8px; display:inline-block;
}
.centerInfoCont {
	width:100%; padding-top:13px; border-bottom:1px solid #dcdcdc; border-top:1px solid #dcdcdc;
}
.centerInfoCont li {
	padding-bottom:15px;
}
.centerInfoCont > li.btn dt {
	padding-top:5px; background:url("/common/site/mobile/images/common/list_dot.png") left 11px no-repeat;
}
.centerInfoCont dl {
	overflow:hidden;
}
.centerInfoCont dt {
	width:21%; padding-left:8px; font-size:13px; font-weight:bold; color:#333; line-height:1.2em; background:url("/common/site/www/front/images/common/list_dot.png") left 7px no-repeat; float:left;
}
.centerInfoCont dd {
	width:79%;  font-size:13px; color:#666; line-height:1.2em; float:left;
}

.centerInfoCont.office {
	padding-top:15px; border:none; margin-bottom:20px;
}
.centerInfoCont.office dt {
	width:20%; padding-left:0; background:none;
}
.centerInfoCont.office dd {
	width:80%;
}

.traffic {
	
}
.traffic li.subway {
	background:url("/common/site/mobile/images/common/icon_subway.gif") left top no-repeat; background-size:24px;
}
.traffic li.bus {
	background:url("/common/site/mobile/images/common/icon_bus.gif") left top no-repeat; background-size:24px;
}
.traffic li.car {
	background:url("/common/site/mobile/images/common/icon_car.gif") left top no-repeat; background-size:24px;
}
.traffic li.parking {
	background:url("/common/site/mobile/images/common/icon_parking.gif") left top no-repeat; background-size:24px;
}
.traffic > li {
	padding:3px 0 15px 30px;
}
.traffic > li > dl > dt {
	font-size:13px; font-weight:bold; color:#006ab6; line-height:1.4em;
}
.traffic > li > dl > dd {
	font-size:13px; color:#666; line-height:1.4em;
}
.traffic > li > dl > dd ul {
	margin-top:10px;
}
.traffic > li > dl > dd li {
	margin-bottom:10px;
}
.traffic > li > dl > dd li dt {
	padding-left:9px; text-indent:-9px; font-size:12px; font-weight:bold; color:#333; line-height:1.5em;
}
.traffic > li > dl > dd li dd {
	padding-left:9px; font-size:11px; color:#666; line-height:1.5em;
}

/* ---------------------------------------------------------------------- 기타 ---------------------------------------------------------------------- */
/* 각종 약관 */
.etcListXL {

}
.etcListXL > li{

}
.etcListXL h4{
	margin-bottom:15px; font-size:16px; font-weight:bold; color:#333; line-height:1.4em; position:relative;
}
.etcListXL > li > p{
	margin-bottom:0; font-size:13px; color:#333; line-height:1.6em; position:relative;
}
.etcListL h5{
	margin-bottom:5px; font-size:14px; font-weight:bold; color:#333; line-height:1.4em; position:relative;
}
.etcListL > li {
	margin-bottom:20px; font-size:13px; color:#666; line-height:1.6em; position:relative;
}
.etcListM {margin-top:10px;}
.etcListM > li {
	padding-left:22px; font-size:13px; color:#666; line-height:1.6em; text-indent:-17px; position:relative;
}
.etcListM.type02 > li {
	padding-left:17px; padding-bottom:5px; font-size:13px; color:#666; line-height:1.6em; text-indent:-12px; position:relative;
}
.etcListS {margin-top:10px;}
.etcListS > li {
	padding-left:20px; font-size:13px; color:#666; line-height:1.6em; text-indent:-22px; position:relative;
}
.etcListS.type02 > li {
	padding-left:12px; padding-bottom:5px; font-size:13px; color:#666; line-height:1.6em; text-indent:-7px; position:relative;
}

/* ---------------------------------------------------------------------- 팝업 ---------------------------------------------------------------------- */

/* 팝업 비밀번호 변경 */
.popTitle {
	width:100%; height:48px; padding:14px 10px; font-size:18px; font-weight:bold; color:#fff; background:#0073bd; position:relative;
}
.popTitle .popClose {
	width:20px; height:20px; display:block; position:absolute; right:14px; top:14px;
}
.popTitle .popClose img {
	width:100%;
}
.popCont {
	width:100%; padding:20px 10px; 
}
.popCont .popFindPW {
	padding-bottom:30px; border-bottom:1px solid #d9d9d9;
}
.popCont .popFindPW > li {
	overflow:hidden;
}
.popCont .popFindPW > li dl {
	overflow:hidden;
}
.popCont .popFindPW > li .loginLabel {
	width:160px; padding-right:25px; font-size:16px; color:#333333; line-height:40px; text-align:right; display:block; float:left;
}
.popCont .popFindPW > li .logCenterText {
	width:330px; height:40px; display:block; float:left;
}
.popCont .popFindPW > li dd.logCenterText {
	font-size:16px; font-weight:bold; line-height:40px; text-align:left;
}
.popCont .popFindPW > li span.logCenterText {
	padding-left:10px; font-size:16px; line-height:40px; text-align:left;
}