body {background:#eee; height:calc(100% - 80px);}
.join_orign_page {margin-top:80px; }

.join_orign_page .sec1 {padding:20px 20px 20px 20px; margin-top:0px; background:#fff; border-radius:34px 34px 34px 34px;}
.join_orign_page .sec1 .p_1 {margin-top:0px; font-size:13px; color:#222; line-height:1.25em; padding-bottom:5px;}
.join_orign_page .sec1 .p_1 img {width:17px; margin-right:3px; position: relative; top:-1px;}
.join_orign_page .sec1 h4 {margin-top:10px; background:#eee; border-radius:8px; padding:10px 15px 10px 15px; color:#222; font-size:13px; font-weight: 400; font-family:'Pretendard-SemiBold';}

.join_orign_page .sec1 .input_box {background:#eee; margin-top:5px; border-radius:8px; padding:9px 15px;}
.join_orign_page .sec1 .input_box:after {content:''; clear: both; display: table;}
.join_orign_page .sec1 .input_box span {float:left; font-size:13.5px; color:#222; width:80px;}
.join_orign_page .sec1 .input_box input[type="text"] {float:right; width:calc(100% - 80px); border:none; font-size:13.5px; color:#222; font-family:'Pretendard-SemiBold'; background:none;}
.join_orign_page .sec1 .input_box textarea {float:right; width:calc(100% - 80px); border:none; font-size:13.5px; color:#222; font-family:'Pretendard-SemiBold'; background:none; margin:0; padding:0; line-height:1.25em;resize: none;}
.join_orign_page .sec1 .input_box input[type="text"]::placeholder {font-family:'Pretendard-Regular'; color:#999;}
.join_orign_page .sec1 .input_box textarea::placeholder {font-family:'Pretendard-Regular'; color:#999;}
.join_orign_page .sec1 .input_box button {float:right; width:80px; font-size:14px; color:#333; background:#eee; border-radius:5px; border:none;}


.join_orign_page .sec1 .input_box2 {background:#eee; margin-top:5px; border-radius:8px; padding:8px 15px;}
.join_orign_page .sec1 .input_box2:after {content:''; clear: both; display: table;}
.join_orign_page .sec1 .input_box2 span {float:left; font-size:13.5px; color:#222; width:80px; margin-top: 4px;}
.join_orign_page .sec1 .input_box2 input[type="text"] {float:left; width:calc(100% - 160px); margin-top: 4px; border:none; font-size:13.5px; color:#222; font-family:'Pretendard-SemiBold'; background:none;}
.join_orign_page .sec1 .input_box2 input[type="text"]::placeholder {font-family:'Pretendard-Regular'; color:#999;}
.join_orign_page .sec1 .input_box2 button {float:right; width:40px; height:24px; font-size:12px; color:#fff; background:#3554a4; border-radius:5px; border:none;}


@media screen and (max-width:360px) {
	.join_orign_page .sec1 .p_1 {font-size:12px;}
	.join_orign_page .sec1 .p_1 img {width:15px;}
}

.join_orign_page .sec1 .edit_bt{width:100%; height:57px; font-size:21px; color:#fff; background:#3554a4; border-radius:20px;  border:none; margin-top:20px; font-family: 'Pretendard-SemiBold';}


.lay_select { position: relative; width:100%; float:left;}
.lay_select p {display: inline-block; background:url('../img/down_icon.svg') no-repeat top 14px right 10px #fff; background-size:8px;  cursor: pointer; width: 100%; height:34px; border: 1px solid #e7e7e7; font-size: 14px; color: #627BBD; padding: 0 12px; line-height: 33px;  position: relative; border-radius:5px;}
.lay_select p.pad {border-bottom: none; border-radius:8px 8px 0 0;}
.lay_select p.no {border:1px solid #EA3A3D}
.lay_select p b {font-weight: 400;}
.lay_select p span {display: none; margin-top:0; left:0;}
.lay_select p.on {color: #627BBD !important;}
.lay_select p.on b {display: none;}
.lay_select p.on span {display: inline-block;color: #627BBD; }
.lay_select ul {display:none; position: absolute !important; left: 0; top: 30px; width: 100%; overflow: hidden; height: 0; opacity: 0; z-index: 2; background: #fff; border: 1px solid #e7e7e7 !important; border-top: none  !important;; padding-bottom: 9px; overflow-y: scroll; border-radius:0 0 10px 10px; box-shadow: none; transition: 0s; padding:0 !important;}
.lay_select ul::-webkit-scrollbar {display: none;}
.lay_select ul li { display: inline-block; width: 100% !important; padding:8px 12px !important; height:auto  !important; margin:0 !important; position: relative !important; text-align: left !important;}
.lay_select ul li input[type="radio"] {display: none;}
.lay_select ul li label {cursor: pointer; font-size: 14px; display: inline-block; width: 100%; font-weight: 400; color: #999;}
.lay_select ul li input[type="radio"]:checked + label {color:#627BBD;}
.lay_select ul.on { opacity: 1;height: auto; max-height: 200px; display:block;}



/* .join_orign_page .ck_box {position: absolute; bottom:20px; left:35px; width:calc(100% - 70px); } */

.join_orign_page .ck_box {position: relative; margin-top: 16px; margin-left:35px; width:calc(100% - 70px); }

.join_orign_page .ck_box ul li {position: relative; width:100%; padding:4px 0;}
.join_orign_page .ck_box ul li:first-child {border-bottom:1px solid #dddddd; padding-bottom:8px; margin-bottom:0px;}
.join_orign_page .ck_box ul li input[type="checkbox"] {display: none;}
.join_orign_page .ck_box ul li input[type="checkbox"]+label {color:#555; font-size:14px; display: inline-block; width:100%; position: relative; padding-left:23px; transition: .3s; }
.join_orign_page .ck_box ul li input[type="checkbox"]+label span {position: absolute; left:0; top:1px; width:16px; height:16px; background:#fff; border:1px solid #eee; border-radius:50%;}
.join_orign_page .ck_box ul li input[type="checkbox"]:checked+label span {background:url('../img/ck_no.png') no-repeat center; background-size:100%; border:none;}
.join_orign_page .ck_box ul li input[type="checkbox"]+label b {font-weight: 400; display: inline-block; margin-top:4px; font-size:12px;} 
.join_orign_page .ck_box ul li:first-child input[type="checkbox"]+label {background:none; font-size:15px; color:#1e254a; font-family: 'Pretendard-SemiBold';}
.join_orign_page .ck_box ul li:first-child input[type="checkbox"]+label span {background:#1e254a; top:3px; border:none;}
.join_orign_page .ck_box ul li:first-child input[type="checkbox"]:checked+label span {background:url('../img/ck_ok.png') no-repeat center; background-size:100%;}
.join_orign_page .ck_box ul li .terms_bt {position: absolute; right:0; border:none; background:none; top:-1px;}
.join_orign_page .ck_box ul li .terms_bt img {width:7px;}

.join_orign_page .btn_box {position: absolute; bottom:20px; left:35px; width:calc(100% - 70px); }
.join_orign_page .btn_box .btn_wrap {width:100%;}
.join_orign_page .btn_box .close_bt {width:calc((100% - 20px) / 2); height:53px; border-radius:15px; font-size:18px; background:#A6A6A6; color:#fff; border:none; margin-top:20px; padding-bottom:2px;}
.join_orign_page .btn_box .start_bt {width:calc((100% - 20px) / 2); height:53px; border-radius:15px; font-size:18px; background:#1e254a; color:#fff; border:none; margin-top:20px; margin-left: 16px; padding-bottom:2px;}




.join_pop {position: fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7); display: none;}
.join_pop.on {display: block;}
.join_pop .join_view {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); max-width:350px; width:90%; height:260px; border-radius:25px; box-shadow: 0 0 8px rgba(0,0,0,.2); text-align: center; z-index: 10; background:#fff; padding:47px 30px 40px 30px}
.join_pop .join_view h2 {font-size:21px; font-weight: 400; color:#1e254a; font-family: 'Pretendard-ExtraBold'; line-height:1.2em;}
.join_pop .join_view p {margin-top:15px; font-size:13px; color:#555; line-height: 1.4em}

.join_pop .join_view button {border:none; border-radius:8px; background:#3554a4; color:#fff; font-size:14px; height:38px; }
.join_pop .join_view .jp_ok {position: absolute; left:40px; bottom:40px; width:calc((100% - 90px) / 2);}
.join_pop .join_view .jp_no {position: absolute; right:40px; bottom:40px; width:calc((100% - 90px) / 2); background:#f0f0f0; color:#555; font-family: 'Pretendard-Medium';}