@charset "UTF-8";

 #_JW_Usb_basic .userSbscrb_Step{
	overflow: hidden;
	position: relative;
	margin-bottom: 3em;
}
#_JW_Usb_basic .userSbscrb_Step li{
	float: left;
	width: 33.3%;
}
#_JW_Usb_basic .userSbscrb_Step li .level{
	float: left;
	width: 75px;
	height: 75px;
	background-color: #a2a2a2;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border-radius: 38px;
	text-indent: -5000px;
}
#_JW_Usb_basic .userSbscrb_Step li.userSbscrb_Step1 .level{
	background-image: url("../images/userSbscrb_Step1.png");
}
#_JW_Usb_basic .userSbscrb_Step li.userSbscrb_Step2 .level{
	background-image: url("../images/userSbscrb_Step2.png");
}
#_JW_Usb_basic .userSbscrb_Step li.userSbscrb_Step3 .level{
	background-image: url("../images/userSbscrb_Step3.png");
}
#_JW_Usb_basic .userSbscrb_Step li .step,
#_JW_Usb_basic .userSbscrb_Step li .comment{
	display: block;
	margin-left: 85px;
}
#_JW_Usb_basic .userSbscrb_Step li .step{
	font-weight: bold;
	font-size: 1.4em;
	color: #888;
}
#_JW_Usb_basic .userSbscrb_Step li.on .level{
	background-color: #1c5baf;
}
#_JW_Usb_basic .userSbscrb_Step li.on .step{
	color: #1c5baf;
}
#_JW_Usb_basic .userSbscrb_stplat{
	margin: 1.6em;
	height: 30em;
	overflow: hidden;
}
#_JW_Usb_basic .userSbscrb_stplat .inner{
	padding-right: 1em;
}
#_JW_Usb_basic .userSbscrb_Agree{
	background-color: #eee;
	padding: 1em;
	margin-bottom: 1em;
}

#_JW_Usb_basic ._view,
#_JW_Usb_basic ._write{
	border-color: #505e79 #ccc #ccc;
}
#_JW_Usb_basic ._button._active input,
#_JW_Usb_basic ._button._active a{
	background-color: #1c5baf;
}

/* custom */
#_JW_Usb_basic .btn-style.round {font-family: 'S-CoreDream-4Regular',sans-serif; cursor: pointer;}
.join-bx {}

.join-bx ._write {border-top: 2px solid #0146B9;}
.join-bx ._form {padding: 0; border-bottom: 1px solid #ccd0d7; display: table; width: 100%;}
.join-bx ._form::after {content: ""; display: block; clear: both;}
.join-bx ._form ._label {display: table-cell; vertical-align: middle; position: static; width: 200px; background: none; font-size: 18px; font-weight: 500; padding: 14px 10px; background: #f6f8fa; text-align: left; color: #000; cursor: default;}
.join-bx ._form ._insert {display: table-cell; vertical-align: top; width: calc(100% - 200px); margin-right: 0; padding: 14px 20px;}
.join-bx input {padding: 0 10px; border: 1px solid #ddd; height: 40px; font-size: 13px; font-family: 'S-CoreDream-4Regular',sans-serif;}
.join-bx input[type="button"] {cursor: pointer;}
.join-bx select {padding: 0 30px 0 10px; border: 1px solid #ddd; height: 40px; font-size: 13px; font-family: 'S-CoreDream-4Regular',sans-serif;}
.join-bx input.full {width: 100%;}
.join-bx input.half {width: 50%;}
.join-bx input.small {width: 25%;}

@media all and (max-width: 768px){
  .join-bx ._form {display: block;}
  .join-bx ._form ._label {display: block; width: 100%;}
  .join-bx ._form ._insert {display: block; width: 100%;}
}

.point-txt3 {font-color:E77800;font-size:15px;}