/* ==================================================
	로그인 페이지
================================================== */
.logoin_warp {
	width:100%;
	max-width:800px;
	margin-right:auto;
	margin-left:auto;
	margin-top:40px;
	}
.login_comment {
	display: block;
	width: 100%;
	margin: 0 0 18px 0;
	color: #999999;
	text-align:center;
	font-size:12pt;
	}
.login_input {
	width: 100%;
	margin-bottom: 13px;
	}

.login_input input[type="password"], .login_input input[type="text"] {
	width: 100%;
	padding: 0 22px;
	margin: 0;
	line-height: 1;
	height: 56px;
	color: #777777;
	font-size: 15px;
	border: 0;
	background-color: #f3f3f3;
	outline: none;
	-webkit-appearance: none;
	}
.join_link {
	position:relative;
	width: 100%;
	height: 27px;
	margin: 0 0 32px 0;
	}
.JoinLink li {
	height: 27px;
	line-height: 27px;
	color: #777777;
	}
.join_link li.left {
	float: left;
	text-align: left;
	}
.join_link li.right {
	float: right;
	text-align: right;
	}
.join_link li.right a {
	color: #777777;
	}
.join_link li.right span {
	margin: 0 10px;
	color: #aaaaaa;
	}



.id_check input[type="checkbox"]{
	outline: none;
	display:inline-block;
	margin:0;
	padding:0;
	width:20px;
	height:20px;
	vertical-align:bottom;
	-webkit-appearance:none;
	border-radius:0;
	border:0;
	cursor:pointer;
	}
.id_check input[type="checkbox"]{
	background:url('../images/form/input_checkbox3.png') no-repeat 0 0;
	}
.id_check input[type="checkbox"]:checked{background-position:0 -30px;}

.id_check input[type=checkbox] + label {
	clear: none;
	display:inline-block;
	height: 20px;
	color: #333;
	}
.id_check input[type=checkbox] + label {
	padding-left:10px;
	}
.id_check input[type=checkbox]:disabled + label {opacity:0.4;filter:alpha(opacity=40);}

a.login_button {
	display: block;
	width: 100%;
	height: 56px;
	line-height: 56px;
	font-size: 17px;
	color: #ffffff;
	background-color: #014bb2;
	font-weight: bold;
	text-align: center;
	margin: 0 0 30px 0;
	}
a.confirm_button {
	display: block;
	width: 100%;
	height: 56px;
	line-height: 56px;
	font-size: 17px;
	color: #ffffff;
	background-color: #014bb2;
	font-weight: bold;
	text-align: center;
	margin: 20px 0 0 0;
	}
a.nonmember_button {display:block; width:100%; height:56px; line-height:56px; font-size:17px; color:#656565; background-color:#ffffff; text-align:center; border:1px solid #656565; border-radius:5px; margin:0;}

#nonmember_form {display:none; padding:40px 0 0 0;}
.nomember_formcomment {width:100%; font-size:14px; line-height:14px; color:#999999;}
a.nomember_orderdetailbutton {display:block; width:100%; height:56px; line-height:56px; font-size:17px; color:#ffffff; background-color:#014bb2; font-weight:bold; text-align:center; border:0; border-radius:5px; margin:27px 0 0 0;}

.nomember_input {
	margin-bottom: 13px;
	}
.nomember_input input[type="password"], .nomember_input input[type="text"] {
	width: 100%;
	padding: 0 22px;
	margin: 0;
	line-height: 56px;
	height: 56px;
	color: #777777;
	font-size: 15px;
	border: 0;
	background-color: #f3f3f3;
	outline: none;
	-webkit-appearance: none;
	}

/*** 모바일CSS ***/
@media only screen and (max-width : 1023px){
	.logoin_warp {
		margin-top:20px;
		}
	.login_comment {;
		font-size:11pt;
		}
}


/* ==================================================
	회원가입
================================================== */
/* 회원가입순서 */
.joinagree_area {
	display: block;
	margin: 40px 0 30px;
	text-align: center;
	border: 1px solid #e5e5e5;
	}
.joinagree_area:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.joinagree_area li {
	position:relative;
	float:left;
	background:#f4f4f4;
	font-weight:bold;
	color:#787878;
	}
.joinagree_area li.on {
	background:#014bb2;
	color:#fff;
	}
.joinagree_area.menu3 li {
	width:33.33333333333333%;
	}
.joinagree_area li:after {
	position:absolute;
	right:0;
	top:0;
	width:1px;
	height:100%;
	background:#e5e5e5;content:'';
	}
.joinagree_area li:last-child:after {width:0;}
.joinagree_area li span {
	font-size:12pt;
	}
.joinagree_area li h3 {
	font-size:16pt;
	}
.joinagree_area.join li{padding:6px 0 7px;}


/* 타이틀 */
.bxTit h4{margin-bottom:5px;font-size:20px;color:#000;font-weight:500}
.bxTit:after {
	content: "";
	display: block;
	clear: both;
	}


/* 이용약관, 개인정보취급방침 */
.agree_text {
	height: 398px;
	padding: 2% 2%;
	background: white;
	overflow: auto;
	}
.agree_text2 {
	height: 200px;
	padding: 2% 2%;
	background: white;
	overflow: auto;
	}
.bxAgree{
	text-align:left;
	}
.allAgree{background:#f4f4f4}
.bxAgree_txt{
	display:block;
	width:100%;
	height:100%;
	padding:20px 30px;
	border:0;
	font-family:inherit;
	line-height:1.4;
	border:1px solid #fff;
	}
.bxType03 {
	border: 1px solid #dcdcdc;
	border-top-color: rgb(220, 220, 220);
	border-top-color: #323232;
	}

.inputItem{
	position:relative;
	padding:20px 20px;
	height:auto;
	background:#f4f4f4;
	border:1px solid #dcdcdc;
	border-top:0
	}
.inputItem.bdl{border-left:1px solid #eee}
.inputItem .desc,
.inputItem .desc2{display:inline-block;margin-left:10px;color:#528ec2;vertical-align:top;}
.inputItem .insert{display:inline-block;margin:0 10px;vertical-align:top;}
.inputItem .txt{display:inline-block;width:calc(100% - 130px);margin:0 -3px 0 0;padding:0 20px 0 0;font-size:18px;text-align:right;box-sizing:border-box;}
.inputItem .txt02{display:inline-block;width:calc(100% - 130px);margin:5px -3px 0 0;padding:0 20px 0 0;font-size:16px;line-height:1.4;box-sizing:border-box;}
.inputItem .txt strong{font-size:18px;font-weight:600;letter-spacing:-0.5px}
.inputItem .txt strong + i{margin:-3px 0 0 5px}

.mgt60 {
	margin-top:60px;
	}
.allAgree {
	background: #f4f4f4;
	}
.bxType04 {
	margin-top: 60px;
	text-align: center;
	border-top: 1px solid #323232;
	}

/* 확인,취소 버튼 */
.btnAC {
	margin-top: 20px;
	text-align: center;
	}
.btnAC a:last-child {
	margin-left:15px;
	}
.btnAC:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.btnL {
	display: inline-block;
	width: 185px;
	height: 70px;
	font-size: 18px;
	line-height: 70px;
	text-align: center;
	vertical-align: middle;
	}
.btnGray01 {
	color: #fff;
	background: #b0b0b0;
	}
.btnCol01 {
	color: #fff;
	background: #000;
	}
a.btnblack {
	color: #fff;
	background: #000;
	}
a.btngray {
	color: #fff;
	background: #b0b0b0;
	}

/* 체크박스 */
.inputItem input[type="checkbox"]{
	display:inline-block;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	margin:0;
	padding:0;
	width:20px;
	height:20px;
	vertical-align:bottom;
	-webkit-appearance:none;
	border-radius:0;
	border:0;
	cursor:pointer;
	}
.inputItem input[type="checkbox"]{
	background:url('../images/form/input_checkbox3.png') no-repeat 0 0;
	}
.inputItem input[type="checkbox"]:checked{background-position:0 -30px;}

.inputItem input[type=checkbox] + label {
	clear: none;
	display:inline-block;
	height: 20px;
	color: #333;
	}
.inputItem input[type=checkbox] + label {
	padding-left:10px;
	}
.inputItem input[type=checkbox]:disabled + label {opacity:0.4;filter:alpha(opacity=40);}

/* 주의 */
.art_tip {
	margin-top: 26px;
	font-size: 11pt;
	color: #333;
	}
.art_tip .ico_tip {
	width: 16px;
	height: 16px;
	margin: -1px 5px 1px 0;
	vertical-align: middle;
	}
.join_point {
	display: inline-block;
	overflow: hidden;
	width: auto;
	height: 10px;
	background: url('../images/icon/point.png') no-repeat;
	font-size: 0;
	line-height: 999px;
	text-align: center;
	vertical-align: top;
	}

/*** 모바일CSS ***/
@media all and (max-width:640px) {
	/* 회원가입순서 */
	.joinagree_area li span {
		font-size:10pt;
		}
	.joinagree_area li h3 {
		font-size:12pt;
		}
	.agree_text {
		height: 300px;
		padding: 4% 4%;
		}
	.mgt60 {
		margin-top: 30px;
		}
	.bxType04 {
		margin-top: 30px;
		}
	/* 확인,취소 버튼 */
	.btnAC {
		margin-top: 20px;
		}
	.btnL {
		float:left;
		width: 46%;
		margin:0 2%;
		height: 50px;
		font-size: 11pt;
		line-height: 50px;
		}
	.btnAC a:last-child {
		margin-left:2%;
		}
}

/* 회원가입 폼 */
table.view_tb{
	table-layout: fixed;
	width:100%;
	border: 0;
	margin-top:10px;
	}
.view_tb tbody {
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #dcdcdc;
	}
.view_tb tbody tr th{
	padding: 10px 20px 10px 20px;
	background:#f4f4f4;
	border-top:1px solid #e5e5e5;
	font-size:12pt;
	color:#333;
	text-align:left;
	}
.view_tb tbody tr td{
	padding:12px 15px;
	border-top:1px solid #e5e5e5;
	font-size:11pt;
	color:#333;
	position: static;
	}
.view_tb tbody tr:first-child th {
	border-top:0;
	border-right:0;
	}
.view_th_width{
	width:15%;
	min-width:127px;
	}

/* 표시강조 */
.point_join {
	width: 100%;
	display: inline-block;
	text-align:right;
	}
.surely_star{margin-left:3px; font-size:15px; color:#eb5732; vertical-align:middle;}

/* 버튼 */
.jbtn {
	margin-left: 5px;
	display: inline-block;
	color: #363636;
	border: 1px solid #ccc;
	background: #f4f4f4;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	height:40px;
	padding: 7px 15px 9px;
	min-width: 90px;
	vertical-align: middle;
	outline: none;
	-webkit-appearance: none;
	}
button.add_find_btn {
	display:inline-block;
	height:40px;
	line-height: 40px;
	text-align:center;
	padding: 0 18px;
	background-color: #000;
	color: #fff;
	margin-left: 10px;
	}

/* Input box */
.input_type{
	display: inline-block;
	width:100%;
	height:40px;
	line-height:1;
	padding: 5px 5px;
	border:1px solid #dee1e4;
	font-size:11pt;
	color:#666;
	text-indent:5px;
	outline: none;
	-webkit-appearance: none;
	}
.input_type_100 {
	width: 100%;
	}
.input_type_join {
	width:300px;
	}
.input_type_60 {
	width: 60px;
	}
.input_type_90 {
	width: 90px;
	}
.input_type_113 {
	width: 113px;
	}
.input_type_140 {
	width: 140px;
	}
.input_type_190 {
	width: 190px;
	}
.input_type_400 {
	width:400px;
	}
.insert {
	line-height: 40px;
	font-size: 16px;
	color: #323236;
	display: inline-block;
	margin: 0 10px;
	vertical-align: top;
	}

/* select */
select.join_select {
	overflow:visible;
	display:inline-block;
	width:200px;
	margin-left:10px;
	height:40px;
	color:#333;
	padding:5px 20px 5px 15px;
	border:0;
	vertical-align:top;
	border:1px solid #dcdcdc;
	border-radius:0px;
	outline: none;
	-webkit-appearance: none;
	appearance:none;
	background: #fff url('../images/form/selectbox_arrow_d.gif') no-repeat 100% 50%;
	box-sizing:border-box;
	}
select.join_select option{color:#333}
select.join_select:-ms-expand{display:none;}

/* 주소입력 */
.addrDetail {
	margin-top: 5px;
	}
.addrDetail input {
	width: calc((100% - 12px) / 2);
	}
.addrDetail input + input {
	margin-left: 7px;
	}

/* 가이드 멘트 */
.guide_txt {
	line-height: 35px;
	color: #666;
	font-size: 11pt;
	font-weight: 400;
	margin-left:15px;
	}

/*** 모바일CSS ***/
@media only screen and (max-width : 1100px){
	/* 테이블폼 */
	.view_th_width {
		width: 25%;
		}
	/* 가이드 멘트 */
	.guide_txt {
		display:block;
		margin-left: 0;
		}
}

@media only screen and (max-width : 900px){
	/* Input box */
	.input_type_join {
		width:100%;
		max-width:300px;
		}
	.input_type_60 {
		width:100%;
		max-width: 60px;
		}
	.input_type_90 {
		width:100%;
		max-width: 90px;
		}
	.input_type_113 {
		width:100%;
		max-width: 80px;
		}
	.input_type_140 {
		width:100%;
		max-width: 100px;
		}
	.input_type_190 {
		width:100%;
		max-width: 120px;
		}
	.input_type_400 {
		width:100%;
		max-width:300px;
		}
	/* select */
	select.join_select {
		width:100%;
		max-width: 150px;
		}
}

@media only screen and (max-width : 640px){
	/* Input box */
	.input_type {
		font-size: 10pt;
		}
	.input_type_join {
		max-width:250px;
		}
	.input_type_400 {
		width:100%;
		max-width:250px;
		}
	/* select */
	select.join_select {
		width:100%;
		max-width: 100px;
		font-size:10pt;
		padding: 5px 20px 5px 10px;
		background: #fff url('../images/form/selectbox_arrow_d.gif') no-repeat 110% 80%;
		}
	/* 회원가입 폼 */
	.view_tb tbody tr th{
		display:block;
		font-size:11pt;
		padding: 7px 12px;
		}
	.view_tb tbody tr td{
		display:block;
		}
	.view_th_width {
		width: 100%;
		display: block;
		}
	/* 버튼 */
	.jbtn {
		margin-left: 0;
		font-size:10pt;
		}
	.jbtn.add_s {
		margin-top: 10px;
		}
	/* 가이드 멘트 */
	.guide_txt {
		margin-left: 0;
		line-height:160%;
		margin-top:10px;
		}
}
@media only screen and (max-width : 500px){
	/* 버튼 */
	.jbtn {
		margin-left: 5px;
		height: 35px;
		line-height:35px;
		padding: 0 10px;
		}
	button.add_find_btn {
		height: 35px;
		line-height: 35px;
		padding: 0 10px;
		margin-left: 5px;
		font-size:10pt;
		}
	/* Input box */
	.input_type {
		height: 35px;
		}
	.input_type_join {
		max-width: 200px;
		}
	.input_type_140 {
		max-width: 100px;
		}
	.input_type_190 {
		max-width: 100px;
		}
	.input_type_400 {
		max-width: 200px;
		}
	.insert {
		line-height: 35px;
		font-size: 10pt;
		margin: 0 5px;
		}
	/* select */
	select.join_select {
		max-width:110px;
		padding: 5px 20px 5px 5px;
		margin-left: 5px;
		height: 35px;
		}
}
@media only screen and (max-width : 470px){
	.jbtn {
		display:block;
		margin-left: 0;
		margin-top:5px;
		font-size:9pt;
		}
	/* select */
	select.join_select {
		display:block;
		margin-left: 0;
		margin-top:5px;
		font-size:9pt;
		}
	/* Input box */
	.input_type {
		font-size:9pt;
		}
}
@media only screen and (max-width : 450px){
	/* Input box */
	.input_type_113 {
		max-width: 55px;
		}
}
/* 회원가입완료 */
.bxType {
	/*border: 1px solid #dcdcdc;
	border-top-color: rgb(220, 220, 220);
	border-top-color: #323232;*/
	padding: 30px 20px;
	text-align: center;
	}
.bxType img {
	width:100%;
	max-width:350px;
	}
.bxType p.title {
	margin-top:20px;
	margin-bottom: 20px;
	font-size: 21px;
	font-weight: 500;
	}
.bxType p.stext {
	font-size:12pt;
	}

/*** 모바일CSS ***/
@media only screen and (max-width : 500px){
	.bxType img {
		max-width:200px;
		}
	.bxType p.title {
		margin-top:10px;
		margin-bottom: 10px;
		font-size: 12pt;
		}
	.bxType p.stext {
		font-size:10pt;
		}
}