@charset "utf-8";

/* 팝업공통 */
.modalpopup {display: none;}
.modalpopup {position: fixed; width: 100%; height: 100%; overflow-y: scroll; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.1); z-index: 10;}
.modalpopup .inner {width: 800px; margin: 80px auto; background-color: #fff; padding: 60px 50px; box-sizing: border-box; position: relative; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); }
.modalpopup .inner .closeModal {position: absolute; top: 35px; right: 50px; display: block; height: 21px; width: 21px;}
.modalpopup h3 {font-size: 30px; padding-bottom: 10px; }
.modalpopup h4 {font-size: 18px; font-weight: 500; padding: 40px 0 30px;}
.modalpopup .inner h3 span {color: #6230cf;letter-spacing: .3px;}
.modalpopup .inner .titlebar {width: 100%; height: 5px; background-color: #f2f2f2; margin-bottom: 45px; position: relative;}
.modalpopup .inner .titlebar::after {content: ''; height: 5px; position: absolute; background-color: #6230cf; top: 0; left: 0; }



/*3.1 팝업 추가*/
/*팝업 위치 정렬*/
.modal_bg {position: fixed; top:0; left: 0; z-index: 14; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); padding-top: 230px; box-sizing: border-box; display: none;}
.modal_inner {margin: 0 auto; background-color: #fff; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);}

/*클린벨 파트너 가입신청서*/
.modal-partner .inner .modal_close {position: absolute; top: 35px; right: 50px; display: block; height: 21px; width: 21px;}
.modal-partner .inner h3 {padding-bottom: 50px;}
.modal-partner .inputbox h4 {padding: 0 0 15px;}
.modal-partner .inputbox input, .modal-partner .inputbox select {line-height: 40px; height: 40px; padding: 0 10px 0 0; box-sizing: border-box; border-bottom: 1px solid #d9d9d9; font-size: 15px;}
.modal-partner .inputbox input::placeholder {color: #bbb;}
.modal-partner .inputbox .inputList {padding-bottom: 30px;}
.modal-partner .inputbox .inputList li {float: left; margin-right: 20px;}
.modal-partner .inputbox .inputList li:nth-of-type(2n){margin-right: 0;}
.modal-partner .inputbox .inputList li input {width: 340px; }

/*체크박스*/
.modal-partner .step_check {line-height: 24px; padding-top: 50px; font-size: 15px; color: #808080;}
.modal-partner .step_check .right {float: right;}
.modal-partner .step_check input[type="checkbox"] + label {padding-left: 35px; position: relative; font-size: 14px; color: #808080;}
.modal-partner .step_check input[type="checkbox"]{opacity: 0; position: absolute; }
.modal-partner .step_check input[type="checkbox"] + label::before {content: ''; width: 20px; height: 20px; background-color: #fff; border: 2px solid #ededed; border-radius: 3px; box-sizing: border-box; position: absolute; top: 0; left: 0px; }
.modal-partner .step_check input[type="checkbox"] + label::after {content: ''; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; background: url(../images/checkbox_uncheck.png) no-repeat center center/12px auto; }
.modal-partner .step_check input[type="checkbox"]:checked + label::before {background-color: #AE96FF; border: none;}
.modal-partner .step_check input[type="checkbox"]:checked + label::after {background: url(../images/checkbox_bg.png) no-repeat center center/12px auto; }

.modal-partner .step_arrow {padding-top: 20px;}
.modal-partner .step_arrow .applyStep {background-color: #8264E8; color: #fff; font-size: 18px; line-height: 45px; border-radius: 4px; float: right; width: 200px; }
.modal-partner select {width: 220px; padding: 0 35px 0 20px; box-sizing: border-box; font-size: 16px; color: #bbb; background-image: url(../images/partner_select_arrow.png); background-repeat: no-repeat; background-position: right 10px top 50%; background-color: #fff;}
.modal-partner input[type="number"]{width: 220px; }

.modal-partner .selectList {padding-bottom: 30px;}
.modal-partner .selectList .select_business_area ul li {float: left;}
.modal-partner .selectList .select_major_area {margin-right: 20px;}
.modal-partner .selectList .select_business_area ul li:first-child {margin-right: 20px;}
.modal-partner .selectList .select_business_area ul li select {width: 340px;}
.modal-partner .inputList2 {padding-bottom: 30px;}
.modal-partner .inputList2 li {float: left; padding-left: 20px;}
.modal-partner .inputList2 li:first-child{padding-left: 0;}

/*컨텐츠 url복사*/
.dimmed {position: fixed;  z-index: 10; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.1); display: none;}
.modal_urlcopy {position: absolute; z-index: 15; width: 350px; top: 40%; left: 50%; transform: translate(-50%, -50%); z-index: 20; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); display: none;}
.modal_urlcopy .inner {padding: 50px 0 40px; background-color: #fff; text-align: center; font-size: 16px; color: #808080; }
.modal_urlcopy .popup_bottom button{width: 100%; height: 45px; line-height: 45px; font-size: 18px; color: #fff; background-color: #8264E8; border: none;}