﻿@charset "utf-8";
/* CSS Document */
h2.subTit01 {
    margin-bottom:20px; margin-top: 40px;
    font-size:22px;
    font-family: 'Noto Sans Medium'; color: #525252;
}
div.scrollBox {
    width:100%;
}
div.scrollBox iframe {
    width:100%;
    height:230px;
    border:1px solid #eee;
    overflow-y:scroll;
}
ul.agreeCheck {
    margin-top:10px;
    text-align:right;
}
ul.agreeCheck li {
    display:inline-block;
    margin-left:10px;
}
ul.agreeCheck li:first-child {
    margin-left:0px;
}
ul.agreeCheck li input[type=radio] {
    position:relative;
    top:-3px;
}
ul.agreeCheck li label {
    font-size:16px;
    color:#000; 
}

ul.agreeCheck02 {
    text-align:center;
    margin-top:0;
}
ul.agreeCheck03 {
    float:left;
    margin-top:0;
}
p.joinTxt {
    margin:10px;
    font-size:13px;
    line-height:26px;
    color:#888;
}
div.allCheck {
    margin-top:40px;
    padding:15px 0;
    text-align:center;
    border:1px solid #eee;
}
div.allCheck input[type=checkbox] {
    width:15px;
    height:15px;
}
div.allCheck label {
    font-size:16px; color: #9f2323;
}
table.tbl01 tr td input[type=text],table.tbl01 tr td input[type=password] {
    float:left;
    padding:5px 10px;
    width:200px;
    height:30px;
    background:#f9f9f9;
    border:1px solid #eee;
    font-size:14px;
    color:#777;
    box-sizing:border-box;
}
table.tbl01 tr td select {
    margin-right:10px;
    float:left;
    padding:5px 10px;
    width:200px;
    height:30px;
    background:#f9f9f9;
    border:1px solid #eee;
    font-size:14px;
    color:#777;
    box-sizing:border-box;
}
table.tbl01 tr td select.selectMini {
    width:70px;
}
table.tbl01 tr td a.miniBtn {
    float:left;
    margin-left:10px;
    display:block;
    width:100px;
    height:30px;
    line-height:30px;
    background-color:#707070;
    font-size:14px;
    text-align:center;
    box-sizing: border-box;
    color:#fff;
}
table.tbl01 tr td span.joinTxt02 {
    margin-left:10px;
    font-size:12px;
    color:#85c450;
}
table.tbl01 tr td p {
    float:left;
    margin-right:10px;
    margin-top:4px;
}

table.tbl01 tr td textarea {
    width:100%;
    height:300px;
    box-sizing:border-box;
    border-color:#ddd;
}
/*휴대전화*/
table.tbl01 tr td.phone input[type=text] {
    margin-right:10px;
    width:65px;
}
table.tbl01 tr td.phone a.miniBtn {
    margin-left:0;
}
.tbl01 tr td.pointColor {font-weight: bold; color: #eabb3f;}
/*-- END Join 회원가입 --*/


/*--- 로그인 ---*/

loginInner {
	margin:0 auto;
	padding:15px 0;
	width:520px;
	background-color:#fff;
	box-shadow:0px 0px 10px #ddd
}
div.memberTitle {
	margin-top:40px;
	text-align:center;
}
div.memberTitle > h2 {
	font-size:40px;
}
div.memberTitle > p {
	margin-top:30px;
	font-size:18px;
	line-height:28px;
	color:#888;
}

ul.loginForm {
	margin:40px auto;
	width:400px;
}
ul.loginForm li {
	margin-bottom:15px;
}
ul.loginForm li input {
	padding-left:10px;
	width:400px;
	height:45px;
	color:#888;
	box-sizing:border-box;
}
ul.loginForm li button {
	margin:10px 0;
	width:400px;
	height:60px;
	background-color:#9f2323;
	font-size:20px;
	color:#fff;
	border:none;
}
ul.loginForm li span.idpwLink {
	float:right;
}
ul.loginForm li span input[type=checkbox] {
	margin-top:1px;
	width:15px;
	height:15px;
}
ul.loginForm li span label {
	font-size:15px;
}

div.newMamber {
	display:table;
	margin:50px auto;
	padding:20px 10px;
	width:400px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
div.newMamber p {
	display: table-cell;
	padding-left:70px;
	font-size:14px;
	line-height:22px;
	background:url('../img/login_logo.png') no-repeat 0;
}
div.newMamber a {
	display:table-cell;
	width:90px;
	text-align:center;
	vertical-align:middle;
	background-color:#707070;
	color:#fff;
}
/*--- END 로그인 ---*/
/*--- 아이디/비밀번호찾기 ---*/
div.okBtn {
	margin:20px 0 50px 0;
	text-align:right;
}
div.okBtn a {
	display:inline-block;
	width:120px;
	height:40px;
	line-height:40px;
	font-size:16px;
	text-align:center;
	background:#9f2323;
	color:#fff;
}

div.idpwOkbox {
	margin-top:20px;
	padding:50px 0;
	width:100%;
	border:1px solid #ddd;
	text-align:center;
	font-size:18px;
	color:#666;
	line-height:32px;
}
div.idpwOkbox > span {
	border-bottom:1px solid #333;
	color:#000;
}
div.idpwOkbox > span.id {
	padding:0 10px;
	font-size:36px;
}

table.tbl01 tr td input.phone {
	width:60px;
	margin-right:10px;
}
table.tbl01 tr td input.myPass {
	width:250px;
}

table.tbl01 tr td select.phone {
	padding:5px 5px;
	float:left;
	width:60px;
	height:30px;
	background:#f9f9f9;
	border:1px solid #eee;
	margin-right:10px;
}

/*--- END 아이디/비밀번호찾기 ---*/
