@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: 10em;
	overflow: hidden;
}
#_JW_Usb_basic .userSbscrb_stplat .inner{
	padding-right: 1em;font-size:14px;color:#555;
}
#_JW_Usb_basic .userSbscrb_Agree{
	padding: 0.5em 1em;
	margin-bottom: 0.5em;

}
.userSbscrb_Agreeall{
    padding:1em 0.5em;
	border-bottom:1px solid #999;
	background-color:#f6f6f6;
}
#chkall{font-size:1.5em; font-weight:500;}
._fnctWrap ._fnctRadius {margin-left: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;
}
.point-txt3{color:#e77800;font-size:0.8em;line-height:1.4em}
.point-txt.point-txt2{font-size:16px}
/* 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 !important; 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; margin: 2px 0;}
.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: 22%;}

@media all and (max-width: 768px){

  #contentsEditHtml input[type="checkbox"]{width: 20px;height: 20px;}
  #_JW_Usb_basic .userSbscrb_Step li {text-align: center;}
  #_JW_Usb_basic .userSbscrb_Step li:first-child {}
  #_JW_Usb_basic .userSbscrb_Step li .level {display: inline-block; float: none;}
  #_JW_Usb_basic .userSbscrb_Step li .step, #_JW_Usb_basic .userSbscrb_Step li .comment {margin-left: 0; word-break: keep-all; line-height: 1.7;}
  #_JW_Usb_basic .btn-style.round{font-size:18px}
  #_JW_Usb_basic .userSbscrb_stplat .inner{font-size:16px}
  #chkall{width: 25px;height: 25px;position: relative;top: 6px;}
  #contentsEditHtml .point-txt{font-size: 16px;}
  #contentsEditHtml .point-txt3{font-size: 16px;}
  .join-bx ._form {display: block;}
  .join-bx ._form ._label {display: block; width: 100% !important;}
  .join-bx ._form ._insert {display: block; width: 100%;padding: 14px 0px;}
  .join-bx input.small{width: 24%;}

  .userSbscrb_Agreeall{font-size: 18px;line-height: .9;}
  #userNm, #userId, #userPwd, #userPwdConfirm{width: 60%;font-size: 14px;}
  
}