@charset "utf-8";

img { margin:0; padding:0; border:0;}
h1, h2, h3, h4, h5, h6 { margin-top:0;}
h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }

a {
  color: #000000;
  text-decoration: none;
}
a:hover,
a:active,
a:focus {
  color: #0583df;
  text-decoration: none;
}

footer {
	z-index:2;
	position:fixed;
	bottom:0;
	width:100%;
	height:90px;
	padding:10px 0 0 0;
	margin:0;
	background-color:#ffffff;
	border-top:1px solid #e0e0e0;
}
footer table {
	position:relative;
	left:50%;
	width:324px;
	margin-left:-162px !important;
}

/* 하단 메인 메뉴 버튼 */
.btn-menu,
.btn-menu-p {
	display:inline-block;
	padding:10px 0 0 0;
	margin:0;
	width:60px;
	height:60px;
	font-size:11px;
	font-weight:600;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	color:#132d60;
	background:#ffffff;
	border:0;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-transition:background-color .15s ease-in-out;
	-moz-transition:background-color .15s ease-in-out;
	-o-transition:background-color .15s ease-in-out;
	transition:background-color .15s ease-in-out;
}
.btn-menu:hover,
.btn-menu:active,
.btn-menu-p:hover,
.btn-menu-p:active {
	color:#ffffff;
	background:#0583df;
}
.btn-menu-p { padding:9px 0 0 0;}
.btn-menu i { font-size:32px; margin-bottom:6px;}
.btn-menu-p i{ font-size:28px; margin-bottom:10px;}
.over {
	color:#ffffff;
	background:#0583df;
}

.inputH40 {
	display:inline-block;
	width:100%;
	height:40px;
	padding:11px 0 0 12px;
	margin:0;
	font-size:16px;
	font-weight:400;
	text-align:left;
	background:#ffffff;
	border:1px solid #cccccc;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-transition:background-color .15s ease-in-out;
	-moz-transition:background-color .15s ease-in-out;
	-o-transition:background-color .15s ease-in-out;
	transition:background-color .15s ease-in-out;
}

.inputH46 {
	display:inline-block;
	width:100%;
	height:46px;
	padding:0;
	margin:0;
	font-size:18px;
	font-weight:400;
	text-align:left;
	background:#ffffff;
	border:1px solid #cccccc;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-transition:background-color .15s ease-in-out;
	-moz-transition:background-color .15s ease-in-out;
	-o-transition:background-color .15s ease-in-out;
	transition:background-color .15s ease-in-out;
}

.nemo-phone {
	display:block;
	float:left;
	width:30px;
	height:30px;
	margin:7px 17px 7px 7px;
	padding:6px 0 0 0;
	font-size:16px;
	text-align:center;
	border:0;
	border-radius:4px;
	background-color:#b2c9f8;
}
.nemo-phone i { font-size:24px;	color:#ffffff;}
.nemo-lock {
	display:block;
	float:left;
	width:30px;
	height:30px;
	margin:7px 17px 7px 7px;
	padding:6px 0 0 0;
	font-size:16px;
	text-align:center;
	border:0;
	border-radius:4px;
	background-color:#b2c9f8;
}
.nemo-lock i { font-size:18px; color:#ffffff;}
.nemo-eye-off {
	display:block;
	float:right;
	width:30px;
	height:30px;
	margin:7px 7px 7px 0;
	padding:7px 0 0 0;
	font-size:16px;
	text-align:center;
	border:0;	
}
.nemo-eye-off i { font-size:20px; color:#666666;}

/* 결제금액 박스 */
.amount {
	display:inline-block;
	padding:5px 0 0 0;
	margin:0;
	width:96px;
	height:28px;
	font-size:16px;
	font-weight:600;
	text-decoration:none;
	text-align:center;
	color:#ffffff;
	background:#ff0000;
	border:0;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-transition:background-color .15s ease-in-out;
	-moz-transition:background-color .15s ease-in-out;
	-o-transition:background-color .15s ease-in-out;
	transition:background-color .15s ease-in-out;
}

/* 상담가능 박스 */
.btn-can {
	display:inline-block;
	padding:4px 0 0 0;
	margin:0;
	width:60px;
	height:21px;
	font-size:11px;
	font-weight:400;
	text-decoration:none;
	text-align:center;
	color:#0033cc;
	background:#ffffff;
	border:1px solid #0033cc;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-transition:background-color .15s ease-in-out;
	-moz-transition:background-color .15s ease-in-out;
	-o-transition:background-color .15s ease-in-out;
	transition:background-color .15s ease-in-out;
}

/* 상담불가 박스 */
.btn-cannot {
	display:inline-block;
	padding:4px 0 0 0;
	margin:0;
	width:60px;
	height:21px;
	font-size:11px;
	font-weight:400;
	text-decoration:none;
	text-align:center;
	color:#ff0000;
	background:#ffffff;
	border:1px solid #ff0000;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-transition:background-color .15s ease-in-out;
	-moz-transition:background-color .15s ease-in-out;
	-o-transition:background-color .15s ease-in-out;
	transition:background-color .15s ease-in-out;
}

/* 선택하기 박스형 버튼 */
.btn-choice {
	display:inline-block;
	padding:8px 0 0 0;
	margin:0;
	width:60px;
	height:56px;
	font-size:12px;
	font-weight:400;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	color:#9933ff;
	background:#ffffff;
	border:1px solid #9933ff;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-transition:background-color .15s ease-in-out;
	-moz-transition:background-color .15s ease-in-out;
	-o-transition:background-color .15s ease-in-out;
	transition:background-color .15s ease-in-out;
}
.btn-choice i { font-size:32px;}
.btn-choice:hover,
.btn-choice:active { }

/* 검정색 버튼 높이 46px */
.btn-black {
	display:inline-block;
	padding:0;
	margin:0;
	height:46px;
	font-size:18px;
	font-weight:400;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	color:#ffffff;
	background:#333333;
	border:0;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-transition:background-color .15s ease-in-out;
	-moz-transition:background-color .15s ease-in-out;
	-o-transition:background-color .15s ease-in-out;
	transition:background-color .15s ease-in-out;
}
.btn-black:hover,
.btn-black:active { background:#0583df;}

/* 검정색 버튼 높이 40px */
.btn-black2 {
	display:inline-block;
	padding:0;
	margin:0;
	height:40px;
	font-size:18px;
	font-weight:400;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	color:#ffffff;
	background:#333333;
	border:0;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-transition:background-color .15s ease-in-out;
	-moz-transition:background-color .15s ease-in-out;
	-o-transition:background-color .15s ease-in-out;
	transition:background-color .15s ease-in-out;
}
.btn-black2:hover,
.btn-black2:active { background:#0583df;}

/* 나의 멘토 지정하기 버튼 */
.btn-white {
	display:inline-block;
	padding:11px 0 0 0;
	margin:0;
	height:40px;
	font-size:16px;
	font-weight:400;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	color:#9933ff;
	background:#ffffff;
	border:0;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-transition:background-color .15s ease-in-out;
	-moz-transition:background-color .15s ease-in-out;
	-o-transition:background-color .15s ease-in-out;
	transition:background-color .15s ease-in-out;
}
.btn-white i { font-size:18px;}
.btn-white:hover,
.btn-white:active { }

/* 멘토 지정 버튼 */
.btn-violet {
	display:inline-block;
	padding:11px 0 0 0;
	margin:0;
	height:40px;
	font-size:16px;
	font-weight:600;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	color:#ffffff;
	background:#aa65ff;
	border:0;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-transition:background-color .15s ease-in-out;
	-moz-transition:background-color .15s ease-in-out;
	-o-transition:background-color .15s ease-in-out;
	transition:background-color .15s ease-in-out;
}
.btn-violet i { font-size:20px;}
.btn-violet:hover,
.btn-violet:active { background:#6633cc;}

/* 코인으로 상담하기 버튼 */
.btn-purple {
	display:inline-block;
	padding:11px 0 0 0;
	margin:0;
	height:40px;
	font-size:16px;
	font-weight:600;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	color:#ffffff;
	background:#9a4ec1;
	border:0;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-transition:background-color .15s ease-in-out;
	-moz-transition:background-color .15s ease-in-out;
	-o-transition:background-color .15s ease-in-out;
	transition:background-color .15s ease-in-out;
}
.btn-purple:hover,
.btn-purple:active { background:#6633cc;}

/* ARS 상담하기 버튼 */
.btn-crimson {
	display:inline-block;
	padding:11px 0 0 0;
	margin:0;
	height:40px;
	font-size:16px;
	font-weight:600;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	color:#ffffff;
	background:#f80294;
	border:0;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-transition:background-color .15s ease-in-out;
	-moz-transition:background-color .15s ease-in-out;
	-o-transition:background-color .15s ease-in-out;
	transition:background-color .15s ease-in-out;
}
.btn-crimson:hover,
.btn-crimson:active { background:#cc0099;}

/* 충전하기 버튼 */
.btn-blue {
	display:inline-block;
	padding:11px 0 0 0;
	margin:0;
	height:40px;
	font-size:16px;
	font-weight:600;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	color:#ffffff;
	background:#0583df;
	border:0;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-transition:background-color .15s ease-in-out;
	-moz-transition:background-color .15s ease-in-out;
	-o-transition:background-color .15s ease-in-out;
	transition:background-color .15s ease-in-out;
}
.btn-blue:hover,
.btn-blue:active { background:#0033cc;}

/* 구글로 로그인 버튼 */
.btn-google {
	display:inline-block;
	padding:0;
	margin:0;
	width:314px;
	height:46px;
	font-size:16px;
	font-weight:400;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	color:#000000;
	background:#ffffff;
	border:1px solid #cccccc;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-transition:background-color .15s ease-in-out;
	-moz-transition:background-color .15s ease-in-out;
	-o-transition:background-color .15s ease-in-out;
	transition:background-color .15s ease-in-out;
}
.btn-google:hover,
.btn-google:active { }

/* 네이버로 로그인 버튼 */
.btn-naver {
	display:inline-block;
	padding:0;
	margin:0;
	width:314px;
	height:46px;
	font-size:16px;
	font-weight:400;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	color:#000000;
	background:#00c73c;
	border:1px solid #00c73c;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-transition:background-color .15s ease-in-out;
	-moz-transition:background-color .15s ease-in-out;
	-o-transition:background-color .15s ease-in-out;
	transition:background-color .15s ease-in-out;
}
.btn-naver:hover,
.btn-naver:active { }

/* 카카오로 로그인 버튼 */
.btn-kakao {
	display:inline-block;
	padding:0;
	margin:0;
	width:314px;
	height:46px;
	font-size:16px;
	font-weight:400;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	color:#000000;
	background:#fae100;
	border:1px solid #fae100;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-transition:background-color .15s ease-in-out;
	-moz-transition:background-color .15s ease-in-out;
	-o-transition:background-color .15s ease-in-out;
	transition:background-color .15s ease-in-out;
}
.btn-kakao:hover,
.btn-kakao:active { }

/* 휴대전화번호로 로그인 버튼 */
.btn-phonelogin {
	display:inline-block;
	padding:0;
	margin:0;
	width:314px;
	height:46px;
	font-size:16px;
	font-weight:400;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	color:#ffffff;
	background:#333333;
	border:0;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-transition:background-color .15s ease-in-out;
	-moz-transition:background-color .15s ease-in-out;
	-o-transition:background-color .15s ease-in-out;
	transition:background-color .15s ease-in-out;
}
.btn-phonelogin:hover,
.btn-phonelogin:active { background:#0583df;}

/* 이미지 업로드 버튼 */
.btn-camera {
	display:inline-block;
	float:right;
	width:38px;
	height:38px;
	margin:0;
	padding:9px 0 0 1px;
	background-color:#333333;
	border-radius:19px;
	color:#ffffff;
	font-size:18px;
	text-align:center;
	border:0;
	cursor:pointer;
}