@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 ._view,
#_JW_Usb_basic ._write{
  border-width: 0;
  border-color: transparent;
	border-top: 2px solid #7c7c7c;
  padding: 0;
}
#_JW_Usb_basic ._button._active input,
#_JW_Usb_basic ._button._active a{
	background-color: #1c5baf;
}

.agree-box{padding: 10px; margin-top: 15px; background: url(../images/repeat_bg.png);}
#_JW_Usb_basic .agree-box .userSbscrb_stplat{background-color: white; padding: 20px 2%; margin: 0;}
.userSbscrb_Agree{margin-top: 20px;}
.userSbscrb_Agree input{display: none;}
.userSbscrb_Agree label{font-size: 18px; line-height: 28px; letter-spacing: -0.5px; color: #666666; padding-left: 30px; background: url(../images/custom_checkbox.jpg) no-repeat left center;}
.userSbscrb_Agree input:checked + label{background: url(../images/custom_checkbox_on.jpg) no-repeat left center;}
.agree-form ._write ._form{padding-left: 0; padding: 0; display: table; width: 100%; border-bottom: 1px solid #dadada;}
.agree-form ._form ._label{width: 200px; display: table-cell; vertical-align: middle; text-align: left; padding: 9px 15px; font-size: 15px;  background: none; background-color: #f5f5f5; font-family: 'Noto Regular'; color: #555; position: static; top: 0; left: 0;}
.agree-form ._form ._insert{display: table-cell; vertical-align: middle; padding: 9px 20px; font-size: 14px; font-family: 'Noto Regular'; color: #666;}
.agree-form ._form ._insert._comment{display: block;}
.agree-form ._form ._insert input{border: 1px solid #dfdfdf; height: 30px; line-height: 30px; padding: 0 10px;}
.agree-form ._form ._insert input.long{width: 100%}
.agree-form ._form ._insert input.middle{width: 50%}
.agree-form ._form ._insert input.short{width: 30%}
.agree-form ._form ._insert input.shortest{width: 10%}

.board-button {text-align: center; display: inline-block; width: 100%;}
.board-button.align-r {text-align: right;}
.board-button .btn-mine {float: left;}
.board-button .btn-control {float: right;}
.board-button .btn-deco {display: inline-block; cursor: pointer; font-size: 16px; height: 50px; line-height: 48px; text-align: center; padding: 0 35px; margin: 0 5px; border-radius: 100px; font-family: 'Noto DemiLight';}
.board-button  a.btn-deco, .board-button  input.btn-deco {color: #fff;}
.board-button .btn-deco.color1 {background: #313644; border: 1px solid #313644;}
.board-button .btn-deco.color2 {background: #0067c3; border: 1px solid #0067c3;}
.board-button .btn-deco.color3 {background: #fff; border: 1px solid #0067c3; color: #0067c3;}
.board-button .btn-deco.color4 {background: #fff; border: 1px solid #ce2856; color: #ce2856;}
.board-button .btn-deco.color5 {background: #fff; border: 1px solid #1c3c8f; color: #1c3c8f;}
.board-button.view {margin-bottom: 40px; text-align: center;}
.board-button.view .btn-mine {float: none; display: inline-block;}
.board-button.view .btn-control {float: none; display: inline-block;}

@media all and (max-width: 1023px) {
  #_JW_Usb_basic .userSbscrb_Step li{width: 100%; float: none; margin-bottom: 30px;}
  #_JW_Usb_basic .userSbscrb_Step li:last-child{margin-bottom: 0;}
  .agree-form ._form ._label{display: block; width: 100% !important;}
  .agree-form ._form ._insert{display: block; width: 100%;}
  .agree-form ._form ._insert input.middle{width: 100%;}
  .agree-form ._form ._insert input.short{width: 100%;}
  .agree-form ._form ._insert input.shortest{width: 50%;}
}