/*알럿 */
#popup_s1 {
	width: 100%;
  height: 100vh;
  position: fixed;
  right: 0;
  top: 0;
  background: rgba(0,0,0,0.6);
  z-index: 1002;
}

.popup_s1 {
	width: 100%;
  height: 100vh;
  position: fixed;
  right: 0;
  top: 0;
  background: rgba(0,0,0,0.6);
  z-index: 1002;
}

.popup_s1n {
  width: 100%;
  height: 100vh;
  position: fixed;
  right: 0;
  top: 0;
  background: rgba(0,0,0,0.6);
  z-index: 1002;
}
.popup_s1_inner {
	width: 90%;
	margin:0 auto;
    height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	flex-direction:column;
}

.popup_s1n img.w100 {width:100%; margin:4% 0; max-width:840px; }
.popup_s1n.type02 {padding-top:30px; }
.popup_s1n.type02 .popup_s1_inner {
	width: 70%;
	margin:0 auto;
    height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: start;
	justify-content: start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: center;
	align-items: center;
	flex-direction:column;

}
.popup_s1n.type02 .popup_s2_contents {text-align:left; }
.popup_s1n.type02 .popup_s2_contents .content_inner {max-height:600px; overflow-x:hidden; overflow-y:scroll; }
.popup_s1n .pop_close {position:absolute; top:0; right:0; width:65px; height:65px; line-height:65px; font-size:20px; cursor:pointer; }

.noti1 {
	color: #FF5151;
	font-weight: 500;
}
.noti2 {
	color: #FF5151;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: -0.025em;
	background: #f9f9f9;
	padding: 10px;
	text-align: center;
	margin-top: 10px;
}
.noti3 {
	line-height: 20px;
	font-weight: bold;
	letter-spacing: -0.025em;
	padding: 10px;
	text-align: center;
	margin-top: 10px;
}
.noti_box {
	border-top:1px solid #F4F2F0;
	font-size: 12px;
	color: #666;
	line-height: 18px;
	padding: 12px 0;
	margin-top: 12px;
}
a.txt_lk {
	color: #30ACBB;
	font-size: 12px;
	text-decoration: underline;
}


.popup_s1_header {
	position:relative; 
	background: #fff;
	font-size: 18px;
	font-weight: bold;
	padding:16px 0;
	width:100%;
	text-align: center;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom:1px solid #ccc;
}
.popup_s3_contents {
	width:100%;
	padding: 20px;
	line-height: 26px;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	color: #fff;
}
 a.no_web {
	 margin-top: 20px;
	font-size: 13px;
	color: #fff;
	text-decoration: underline;
}
.popup_s1_contents {
	background: #fff;
	font-size: 14px;
	line-height: 20px;
	width:100%;
	padding: 20px;
	box-sizing: border-box;
}
.popup_s2_contents {
	background: #fff;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	width:100%;
	padding: 20px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	box-sizing: border-box;
}
.popup_s1_btn1 {
	background: #fff;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	padding:16px 20px;
	width:100%;
	text-align: center;
	cursor: pointer;
	font-weight: 500;
	border-top:1px solid #ccc;
	box-sizing: border-box;
}

.popup_s2_btn2 {
	background: #fff;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	width:100%;
}
.popup_s2_btn2 a.half_50 {
	width: 50%;
	border-bottom-left-radius: 8px;
	border-top:1px solid #ccc;
	background: #fff;
	color: #000;
}
.popup_s2_btn2 a.cancel_50 {
	width: 50%;
	border-bottom-right-radius: 8px;
	border-top:1px solid #ccc;
	background: #f4f4f4;
	color: #333;
}

.popup_s2_btn2 a {
	display: block;
	float: left;
	width: 60%;
	padding:16px 0;
	text-align: center;
	font-weight: 500;
	color: #fff;
	background: #12B5EA;
	cursor:pointer;
}
.popup_s2_btn2 a.cancel {
	width: 40%;
	background: #415968;
}
.popup_s3_btn {
	background: #fff;
	font-weight: bold;
	border-radius: 25px;
	width:100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
}

label {cursor:pointer;}


@media all and (max-width:1000px) {
	.popup_s1n.type02 .popup_s1_inner {width:90%; }
	.popup_s1n.type02 .popup_s2_contents .content_inner {max-height:400px; }
}



.pop-layer .pop-container {
  padding: 20px 25px;
}

.pop-layer p.ctxt {
  color: #666;
  line-height: 25px;
}

.pop-layer .btn-r {
  width: 100%;
  margin: 10px 0 20px;
  padding-top: 10px;
  border-top: 1px solid #DDD;
  text-align: right;
}

.pop-layer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 600px;
  height: auto;
  background-color: #fff;
  border: 5px solid #004f38;
  z-index: 200;
}

.dim-layer {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 300;
}

.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}

.dim-layer .pop-layer {
  display: block;
}

a.btn-layerClose {
  display: inline-block;
  height: 25px;
  padding: 0 14px 0;
  border: 1px solid #304a8a;
  background-color: #004f38;
  font-size: 13px;
  color: #fff;
  line-height: 25px;
}

a.btn-layerClose:hover {
  border: 1px solid #091940;
  background-color: #1f326a;
  color: #fff;
}

a.btn-layerSave {
  display: inline-block;
  height: 25px;
  padding: 0 14px 0;
  border: 1px solid #304a8a;
  background-color: #00a7e9;
  font-size: 13px;
  color: #fff;
  line-height: 25px;
}

a.btn-layerSave:hover {
  border: 1px solid #091940;
  background-color: #1f326a;
  color: #fff;
}

a.btn-layerEdit {
  display: inline-block;
  height: 25px;
  padding: 0 14px 0;
  border: 1px solid #e16903;
  background-color: #e5970a;
  font-size: 13px;
  color: #fff;
  line-height: 25px;
}

a.btn-layerEdit:hover {
  border: 1px solid #091940;
  background-color: #1f326a;
  color: #fff;
}


a.btn-layerDelete {
  display: inline-block;
  height: 25px;
  padding: 0 14px 0;
  border: 1px solid #666;
  background-color: #DDD;
  font-size: 13px;
  color: #fff;
  line-height: 25px;
}

a.btn-layerDelete:hover {
  border: 1px solid #091940;
  background-color: #1f326a;
  color: #fff;
}

.btn_bottom a {display:inline-block; color:#fff; font-size:22px; font-weight:bold; padding:12px 0; }
.btn_bottom_join {position:relative; width:100%; max-width:320px; margin:0 auto; background:#5c6f7b;color:#fff; text-align:center; border-radius:63px; }
.btn_bottom_join a {color:#fff; font-weight:bold; display:block; cursor:pointer; padding:18px 0; }