input[type="text"],
input[type="number"] { padding:0 20px; height:50px; width:100%; border:1px solid #e6e6e6; box-sizing:border-box; border-radius:6px;}
input[type="text"]:read-only { background-color:#f1f8f8; }
::placeholder { color:#999; font-weight:300; }
.input_chk { display:inline-block; }
.input_chk input { display:none; }
.input_chk label { position:relative; padding:2px 0 2px 40px; font-size:18px; }
.input_chk label:before { content:""; position:absolute; left:0px; top:-5px; display:inline-block; width:30px; height:30px; background:#ddd url('../images/input_chk.png') center center no-repeat; border-radius:100%; background-size:19px 14px;}
.input_chk label strong { font-weight:400; }
.input_chk input:checked + label:before { background:#00cbb4 url('../images/input_chk.png') center 9px no-repeat; }
.input_chk label.on:before { background:#00cbb4 url('../images/input_chk.png') center 9px no-repeat; }

#pop_number {max-width:560px;}
#pop_address {max-width:600px;}
#pop_school {max-width:600px;}

.bg_layer { z-index:-1; position:fixed; top:0px; left:0px; right:0; bottom:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.3); }
.popDim {position:fixed; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); display:none; z-index:1000;}
.joinPop { z-index:2000; display:none; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:90%; max-width:640px; height:auto; max-height:94%; background:#fff; font-size:18px; color:#222; overflow:hidden; overflow-y:auto; border-radius:35px; border:1px solid #000;}

.joinPop h1 { height:65px; line-height:63px; text-align:center; border-bottom:2px solid #00cbb4; background-color:#fff; color:#00cbb4; font-size:24px; font-weight:700;}
.joinPop h1 .txt-apply-event {font-weight:700; font-size:24px;}
.joinPop h1 img { display:inline-block; vertical-align:middle; }
.joinPop h2 { margin-bottom:20px; font-size:20px; color:#00cbb4; font-weight:500; }

.joinPop .subDim {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.3); z-index:51; display:none;}

.joinPop .pop_con { padding:30px 30px 50px; background-color:#fff; }
.joinPop .pop_con.short {padding:0 30px 20px;}
.joinPop .pop_con p.txt_center { line-height:1.5; text-align:center;}

/* popup form list */
.joinPop .pop_con .info_list li { position:relative; margin-top:20px; padding-left:120px; }
.joinPop .pop_con .info_list li:first-child { margin-top:30px; }
.joinPop .pop_con .info_list li.alone { padding-left:0px; }
.joinPop .pop_con .info_list li.input_btn { padding-right:120px; }
.joinPop .pop_con .info_list li.input_btn .pBtn { position:absolute; top:0px; right:0px; width:120px; height:50px; line-height:50px; font-size:16px; text-align:center; font-weight:500;}
.joinPop .pop_con .info_list li .btnEdit a {position:absolute; right:10px; top:11px; padding:6px 12px; background:#555; color:#FFF; font-size:16px;}

.joinPop .pop_con .tit { position:absolute; left:0px; display:inline-block; width:120px; height:50px; line-height:50px; font-size:18px; font-weight:500; }
.joinPop .pop_con .event_color.gift { display:inline-block; font-weight:400; }
.joinPop .pop_con .info_list li .sub_txt { position:absolute; bottom:-30px; left:125px; color:#fbb146; font-size:14px;}

/* popup agree list */
.joinPop .pop_con .agree_list li { margin-top:25px; }
.joinPop .pop_con .agree_list li.all_agree .event_color { font-size:20px; font-weight:600; }
.joinPop .pop_con .agree_list .agree_con { overflow-y:scroll; margin-top:15px; padding:20px; height:160px; font-size:14px; color:#555; line-height:1.5; border:1px solid #e6e6e6; }
.joinPop .pop_con .agree_list .agree_con strong { display:block; margin-top:30px; }

/* popup notice */
.joinPop .notice_area {padding:30px; background-color:#f1f8f8; }
.joinPop .notice_area dt { margin-bottom:10px; font-weight:400; color:#333; }
.joinPop .notice_area dd { margin-top:5px; font-size:16px; color:#999; position:relative; padding-left:13px; box-sizing:border-box; line-height:1.3;}
.joinPop .notice_area dd:after {content:''; position:absolute; left:3px; top:6px; width:3px; height:3px; background:#999;}

/* popup btn bottom group */
.joinPop .btn_group {display:flex; justify-content:center; align-items:center; gap:10px; padding:0 0 50px 0;}
.btn_group.col2 .pBtn { float:left; width:50%; }
.joinPop .btn_group .pBtn {display:inline-flex; justify-content:center; align-items:center; padding:12px 30px 10px; border:1px solid #000; border-radius:100px; color:#FFF; font-size:24px; font-weight:500; position:relative; width:auto; line-height:1.0; height:auto;
	-webkit-box-shadow: 0px 3px 0px 0px rgba(0,0,0,1.0);
	-moz-box-shadow: 0px 3px 0px 0px rgba(0,0,0,1.0);
	box-shadow: 0px 3px 0px 0px rgba(0,0,0,1.0);
}												 

.pBtn.gray { background-color:#ccc; color:#fff; }
.pBtn.color { background-color:#00cbb4; color:#fff; }

.pBtn.color:before {display:none;}
.pBtn.gray:before {display:none;}

/* popup table */
.joinPop .bbs_info { margin-top:30px; font-size:16px; border-top:2px solid #e6e6e6; }
.joinPop .bbs_info.scoll { overflow-y:scroll; margin-top:0px; height:295px; border-top:0px; border-bottom:1px solid #e6e6e6; }
.joinPop .bbs_info thead th { height:48px; color:#555; font-weight:400; border:1px solid #e6e6e6; border-width:0 0 1px 1px; background-color:#ebf2f2; vertical-align:middle;}
.joinPop .bbs_info tbody td { padding:15px 17px; color:#555; font-weight:400; border:1px solid #e6e6e6; border-width:0 0 1px 1px; }
.joinPop .bbs_info thead th:first-child,
.joinPop .bbs_info tbody td:first-child { border-left:0px; }
.joinPop .bbs_info tbody td a { color:#555; font-weight:400; }

/* 주소 검색 */
.warn-box02 > input {border-color: #f96391 !important}
.joinPop .box-notice {margin-top: 25px}
.joinPop .box-notice dt {padding-left: 20px;position: relative;font-size: 15px;margin-bottom: 13px}
.joinPop .box-notice dt:before {content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 10px;height: 6px;background: url(../images/common/ico/ico_tit02.png) no-repeat center}
.joinPop .box-notice dd {padding-left: 15px;font-size: 15px;font-weight: 200;color: #333}
.joinPop .box-notice dd .ex-txt {padding-left: 10px;color: #777;line-height: 30px}
.joinPop .box-result {margin-top: 40px}
.joinPop .result-list {margin-bottom: 35px;padding: 25px 0;border-width: 1px 0 1px 0;border-style: solid;border-color: #ccc}
.joinPop .result-list li + li {margin-top: 25px}
.joinPop .result-list li a {position: relative;padding-left: 50px;font-size: 15px;font-weight: 200}
.joinPop .result-list li a:hover {text-decoration: underline}
.joinPop .result-list li .num-addr {position: absolute;left: 0;top: 0;color: #00be78;font-weight: 400}

#apply_address .zipCode {width:200px; margin-right:5px;}
#apply_address input[type="text"] {margin-bottom:5px;}
#apply_address button.btn-address {padding:0 20px; background:#555; color:#FFF; height:50px;}
#apply_address #address1 {margin:10px 0;}

.addrAgreeTxt {margin-top:20px;}
.tbig {font-size:16px;}

/* popup close btn */
.joinPop .pop_close { position:absolute; top:18px; right:28px; }

.privacySec {display:block; height:auto; overflow:hidden; margin-top:30px;}
.privacySec .agreeTxt {clear:both; display:block; height:auto; overflow:hidden; line-height:40px; height:40px; margin-bottom:10px; padding:5px 0;}
.privacySec .privacyTable {display:block; height:auto; overflow:hidden;}
.privacySec .privacyTable table {padding:0; margin:0; width:100%; table-layout:fixed;}
.privacySec .privacyTable th, .privacySec .privacyTable td {border:1px solid #dedede; font-size:14px; color:#333; padding:20px 10px; text-align:left;}
.privacySec .privacyTable th {background:#f1faf9; text-align:center;}
.privacySec .privacyTable td {line-height:1.3;}
.privacySec .privacyTable th:first-child {border-left:0;}
.privacySec .privacyTable td:last-child {border-right:0;}
.privacySec .privacyTable .privacyCau {padding-top:10px; color:#666; font-size:13px; line-height:1.3;}

/* share pop */
.lay-pop {position: fixed;top: 0;left: 0;display: none;z-index: 9999;background: rgba(0,0,0,0.4);width: 100%;height: 100%; z-index:100; display:none;}
.pop-wrap {position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #fff; max-width:360px; width:90%; border-top: 5px solid #00cbb4; z-index:1000; display:none;}
.pop-wrap .pop-close {position: absolute;top: 30px;right: 25px;width: 25px;height: 22px;overflow: hidden;text-indent: -9999px;background: url(../images/ico_close.png) no-repeat center}
.pop-wrap .pop-cnt {padding:20px 30px 20px; display:block; height:auto; overflow:hidden; margin-bottom:30px;}
.pop-wrap .pop-tit {font-size: 25px;font-weight: 500;text-align: center;margin:40px 0 30px 0;line-height: 30px;word-break: keep-all}
.sns_share { overflow:hidden; width:60%; margin:0 auto;}
.sns_share li { float:left; width:33.3333%; text-align:center; margin:5px 0;}
.copy_url { position:relative; margin-top:30px; padding-right:80px; }
.copy_url .copy_txt { display:inline-block; width:100%; padding:0 10px; border:1px solid #d9d9d9; height:45px; }
.copy_url .copy_txt input { display:inline-block; height:43px; width:100%; color:#a7a7a7; font-size:14px; border:0px; box-shadow:none; }
.copy_url a { position:absolute; top:0px; right:0px; display:inline-block; width:80px; height:45px; line-height:45px; font-size:14px; color:#fff; text-align:center; background-color:#00cbb4; }

@media only screen and (max-width:720px) {
	.joinPop h1 {font-size:20px;}
	.joinPop .notice_area {padding:20px;}
	.joinPop .notice_area dt {font-size:16px;}
	.joinPop .pop_con {padding:20px;}
	.joinPop .pop_con .info_list li {padding-left:80px; margin-top:10px;}
	.joinPop .pop_con .tit {font-size:14px; width:80px; height:40px; line-height:40px;}
	input[type="text"], input[type="number"] {height:40px; line-height:38px; font-size:14px;}

	.privacySec {margin-top:15px;}
	.input_chk label {padding-left:30px; font-size:15px;}
	.input_chk label:before {width:25px; height:25px; background-size:16px; background-position:center center;}
	.joinPop .pop_close {top:23px;}
	.joinPop .pop_close img {width:16px;}
	.privacySec .privacyTable th, .privacySec .privacyTable td {padding:10px 5px;}
	.privacySec .privacyTable td {padding:10px;}
	.joinPop .btn_group .pBtn {height:44px; line-height:44px; font-size:16px;}

	.joinPop .pop_con p.txt_center {font-size:15px;}

	.joinPop .pop_con .info_list li.input_btn .pBtn {height:40px; line-height:40px; font-size:14px; width:100px;}
	.joinPop .pop_con .info_list li.input_btn {padding-right:110px;}

	.joinPop .bbs_info thead th {height:38px; font-size:14px;}
	.joinPop .bbs_info tbody td {padding:8px; font-size:13px; line-height:1.3;}
	.joinPop .bbs_info tbody td a {line-height:1.3; font-size:13px;}

	.btn-address {height:40px; line-height:40px; font-size:14px; width:100px;}

	#apply_address {position:relative;}
	#apply_address .zipCode {width:calc(100% - 85px);}
	#apply_address button.btn-address {position:absolute; right:0; top:0; width:80px; background:#555; color:#FFF; height:40px; padding:0; font-size:14px; border-radius:4px;}
	#apply_address #address1 {margin:10px 0;}

	.joinPop .box-notice dd ul li {line-height:1.3; font-size:13px;}
	.joinPop .box-notice dd .ex-txt {font-size:13px;}
	.num-addr {font-size:13px;}

	.joinPop .pop_con .info_list li .btnEdit a {top:6px; border-radius:4px;}
}