/* 6. 사이트개설 팝업 - 메인페이지에서 개설(start_site), IMAGINE&QUICK에서 개설(theme_detail_popup) */
.result_page_pop{ border-radius: 80px; overflow: visible; max-width: 420px;}
.result_page_pop .login_popup_style_close_btn_con{top: 13px; right: 33px; z-index: 5;}
.start_site_wrapper.result_page_pop .login_popup_style_close_btn_con{top: 13px; right: 13px; z-index: 5;}
.result_page_pop .result_pop_wrap{ padding: 60px 32px 57px 32px; border-radius: 20px; background-color: #f4f6fb; }
.result_page_pop .popup_page_close_btn{ position: absolute; top: 11px; right: 11px; width: 50px; height: 50px; display: inline-block; border: 2px solid #fff; background-color: #000; border-radius: 50%; box-sizing: border-box;}
.result_page_pop .popup_page_close_btn a{ display: inline-block; width: 100%; height: 100%; background-image: url("/weven_service/asset/img/svg/icons8-site_start_close.svg"); background-size: 26px; background-position: center; background-repeat: no-repeat; }
.result_page_pop .start_title{font-size: 29px; font-size: 2.9rem; line-height: 37px; line-height: 3.7rem; margin-bottom: 0; font-weight: 800;}
.result_page_pop .start_desc{ margin-top: 41px;}
.result_page_pop .start_desc::before{content: ''; position: absolute; width: 48px; border-bottom: 1px solid #000; top: -22px; left: 50%; transform: translateX(-50%);}
.result_page_pop .start_desc_txt{ margin-top:1px; font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; font-weight: 500;}
.result_page_pop .start_desc_txt span { font-weight: 700;}

.result_page_pop .start_tip { margin-top: 15px; margin-bottom: 3px; display: flex; align-items: center; justify-content: center; }
.result_page_pop .tip_icon { display: inline-block; padding: 0px 6px; margin-right: 8px; border-radius: 3px; background-color: var(--point_wv_05); color: #ffffff; font-size: 10px; font-size: 1rem; line-height: 17.5px; line-height: 1.75rem; font-weight: 600; }
.result_page_pop .start_tip_txt { display: inline-block; font-size: 13px; font-size: 1.3rem; line-height: 22px; line-height: 2.2rem; font-weight: 300; }
.result_page_pop .start_tip_txt span { font-weight: 700; }

.result_page_pop .site_name_wrap{margin-top: 26px;display: flex; align-items: center; justify-content: center;}
.result_page_pop .site_name_wrap div{font-size: 20px; font-size: 2.0rem; line-height: 29px; line-height: 2.9rem; font-weight: 700;}
.result_page_pop .site_name_info{ font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; margin-top: 30px; }
.result_page_pop .info_msg{font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; font-weight: 700;}
.result_page_pop .info_msg.conf{color: var(--point_wv_05);}
.result_page_pop .info_msg.err{color: #dc1e7c;}
.result_page_pop .info_format{ font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; font-weight: 400; margin-top: 4px; }
.result_page_pop .start_btn_con{text-align: center;}
.result_page_pop .site_start_btn{display: inline-block; min-width: 170px; font-size: 17px; font-size: 1.7rem; line-height: 24px; line-height: 2.4rem; font-weight: 600; background-color: #e1e6ef; border-radius: 28px; color: #f5f6f8; padding: 13px 30px 13px 33px; box-sizing: border-box; cursor: default; user-select: none; border: none; transition: padding 0.3s, background-color 0.3s; pointer-events: none;}
.result_page_pop .site_start_btn.active{background-color: var(--point_wv_04); color: #fff; min-width: 180px; padding: 13px 35px 13px 23px;background-image: url("/weven_service/asset/img/svg/icons8-chevron_right_w.svg"); background-position: right 11px top 13px; background-repeat: no-repeat; background-size: 23px; cursor: pointer; user-select: auto; font-weight: 800; pointer-events: auto;}
.start_site_complete { z-index: 10005; }
.start_site_complete .start_wrap{ margin-bottom: 110px;}
.start_site_complete .start_desc{ margin-top: 5px; margin-bottom: 55px; }
.start_site_complete .complete_img { width: 110px; height: 140px; background-image: url("/weven_service/asset/img/svg/zgai_symbol.svg"); background-size: contain; background-position: center; background-repeat: no-repeat;}
.start_site_complete  .weight_point_0 {font-weight: 800;}
.start_site_complete ul.center li{ padding-left: 10px; margin-bottom: 5px; font-size: 16px; font-size: 1.6rem; line-height: 19px; line-height: 1.9rem; font-weight: 400; text-align: center; }
.start_site_complete .flex_center_con {max-width: 500px;}

.result_page_pop .site_name_wrap .common_input_0_con .common_input_0::-webkit-input-placeholder{font-size:16px; font-size:1.8rem; }
.result_page_pop .site_name_wrap .common_input_0_con .common_input_0:-ms-input-placeholder{font-size:16px; font-size:1.8rem; }
.result_page_pop .site_name_wrap .common_input_0_con .common_input_0:-moz-placeholder{font-size:16px; font-size:1.8rem; }
.result_page_pop .site_name_wrap .common_input_0_con .common_input_0::-moz-placeholder{font-size:16px; font-size:1.8rem; }

/*FREE요금제 사이트생성 개수 제한 팝업*/
#freePaymentCreationLimit ul li{ position: relative; margin-bottom: 4px; padding-left: 10px; word-break: keep-all; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; }
#freePaymentCreationLimit ul li:last-child{ margin-bottom: 0; }
#freePaymentCreationLimit ul li:before{ content: ''; position: absolute; top: 11px; left: 0; width: 4px; height: 1px; background-color: #000; }
#freePaymentCreationLimit ul li.point_color{ color: red; }
#freePaymentCreationLimit ul li.point_color:before{ background-color: red; }
#freePaymentCreationLimit.result_page_pop .bottom_text{ text-align: center; font-weight: 700; margin-top: 20px; }
#freePaymentCreationLimit.result_page_pop .start_desc {margin-top: 62px;}
#freePaymentCreationLimit.result_page_pop .start_desc::before{top: -32px;}
#freePaymentCreationLimit.result_page_pop .start_desc_txt{padding: 0 20px;}
#freePaymentCreationLimit.result_page_pop .start_desc_content{padding-left: 10px; margin-bottom: 10px; word-break: keep-all;}
#freePaymentCreationLimit.result_page_pop .start_desc_content::before{content: '-'; position: absolute; left: 0; top: 0;}
#freePaymentCreationLimit.result_page_pop .start_desc_content.point_color{color: red; }
#freePaymentCreationLimit.result_page_pop .start_desc_content.point_color::before{color: red; }
#freePaymentCreationLimit.result_page_pop .site_name_info{margin-top: 60px;}
#freePaymentCreationLimit.result_page_pop .site_start_btn{cursor: pointer; color: #fff;}
#freePaymentCreationLimit.result_page_pop .info_msg{font-size: 18px; font-size: 1.8rem;}
#freePaymentCreationLimit.result_page_pop .site_start_btn.active{min-width: 170px;}


/* 아티스트 정보, 승인 거부 팝업 */
.retention_popup_body .pop_approve_wrap {margin-top: 40px;}
.retention_popup_body .pop_approve_wrap:first-child {margin-top: 0;}
.retention_popup_body .pop_approve_img_con { border-radius: 50%; width: 150px; height: 150px; margin: auto; display: flex; align-items: center; justify-content: center; border: 1px solid #e7e8ea; overflow:hidden; }
.retention_popup_body .pop_approve_img { width: 100%; height: 100%; object-fit: contain; }
.retention_popup_body .pop_approve_img.is_default{ width: 80px; height: 80px; }
.retention_popup_body .pop_approve_wrap textarea {margin-bottom: 0; font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; font-weight: 400; }
.retention_popup_body .pop_approve_box{ border: 1px solid #e7e8ea; border-radius: 4px; padding: 19px 26px; font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; font-weight: 700; word-break: keep-all; }
.retention_popup_body .pop_approve_title{ font-size: 17px; font-size: 1.7rem; line-height: 26px; line-height: 2.6rem; font-weight: 700; word-break: keep-all; }
.retention_popup_body .pop_approve_title { margin-bottom: 20px; }
.retention_popup_body .content_wrap { display:flex; align-items: center; margin-top: 9px; }
.retention_popup_body .content_wrap:first-child { margin-top: 0; }
.retention_popup_body .title_con { display: inline-block; width: 140px; font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; font-weight: 700; }
.retention_popup_body .text_con{ display: inline-block; font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; font-weight: 400; word-break: keep-all; position: relative; }
.retention_popup_body .text_con li { margin-top: 9px; }
.retention_popup_body .text_con li:first-child { margin-top: 0px; }


.login_popup_style_close_btn_con { position: absolute; top: 10px; right: 10px; font-size: 0; line-height: 0; }
.login_popup_style_close_btn_con .login_popup_style_close_btn { font-size: 0; line-height: 0; display: inline-flex; justify-content: center; align-items: center; width: 36px; height: 36px; background-color: transparent; border-radius: 50%; overflow:hidden; transition: background-color .2s; }
/*.login_popup_style_wrap .login_popup_style_close_btn_con .login_popup_style_close_btn > span { width: 17px; height: 17px; display: inline-block; position: relative; overflow: hidden; transition: all 0.2s ease; }*/
.login_popup_style_close_btn_con .login_popup_style_close_btn > svg { width: 15px; display: inline-block; position: relative; overflow: hidden; transition: all 0.2s ease; fill: #7d7d97; }
/*.login_popup_style_wrap .login_popup_style_close_btn_con .login_popup_style_close_btn > span::after{content: ''; position: absolute; width:200%; height:2px; top:50%; left:-50%; transform: rotate(-45deg); margin-top: -1px; background-color: #fff;}*/
/*.login_popup_style_wrap .login_popup_style_close_btn_con .login_popup_style_close_btn > span::before{content: ''; position: absolute; width:200%; height:2px; top:50%; left: -50%; transform: rotate(45deg); margin-top: -1px; background-color: #fff;}*/
.login_popup_style_close_btn_con .login_popup_style_close_btn:hover { background-color: #4d4d4d; }
.login_popup_style_close_btn_con .login_popup_style_close_btn:hover > svg { fill: #fff; }


.common_title {font-size: 27px; font-size:2.7rem; line-height: 39px; line-height: 3.9rem; color: #000; font-weight: 700; margin-bottom: 12px; word-break: keep-all; text-align: center; }
.common_sub_title {font-size: 26px; line-height: 40px; color: #000; font-weight: 800; padding-bottom: 7px; word-break: keep-all; text-align: center; }


/* input */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
.common_input_0_con.width_type_1{ width: 315px; }
.common_input_0_con .label_for_input{ font-size: 19px; font-size: 1.9rem; line-height:25px; line-height:2.5rem; font-weight: 700; color:#000;
    position: relative; /*z-index: -1;*/ transition: 0.3s ease all; left: 2px; top: 42px; }
.common_input_0_con .label_for_input.active{ font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; font-weight: 500; color:#000; top: 5px; }
.common_input_0_con .label_for_input span{ font-size:13px; font-size:1.3rem; line-height:22px; line-height:2.2rem; font-weight: 300; color:#3d3d3d; }
.common_input_0_con .bar-input-effect{ display: block; position: relative; }
.common_input_0_con .bar-input-effect:before{ content: ''; background-color: #e5e5e5; left: 0; bottom: 0; height: 2px; width: 100%; position: absolute; transition: 0.3s ease all; z-index: 1; }
.common_input_0_con .bar-input-effect.active:before{ background-color: #000; height: 2px; }
.wrong_alert_msg{ font-size: 11px; font-size: 1.1rem; line-height: 22px; line-height: 2.2rem; font-weight: 500; word-break: keep-all; letter-spacing: -0.02em; text-align: left;
    margin-top: 10px; margin-right: 5px; color: #d54fa1; opacity: 0; /*display: none;*/}
.wrong_alert_msg.active{ opacity: 1;/*display: block;*/ }
.common_input_0_con .common_input_0{ font-size: 19px; font-size: 1.9rem; line-height:25px; line-height:2.5rem; font-weight: 700; color:#000; letter-spacing: 0em;
    width: 100%; text-align: left; border: none; padding: 20px 10px 26px 2px; box-sizing: border-box; background-color: transparent; position: relative; z-index: 1; }
.common_input_0_con .common_input_0:focus{ outline: none; }
.common_input_0_con.type_2 .label_for_input{ font-size: 20px; font-size: 2.0rem; top: 44px;}
.common_input_0_con.type_2 .label_for_input.active{ font-size: 14px; font-size: 1.4rem; font-weight: 600; top: 5px;}
.common_input_0_con.type_2 .bar-input-effect:before{ background-color: #e5e5e5; height: 2px; }
.common_input_0_con.type_2 .bar-input-effect.active:before{ background-color: #000; }
.common_input_0_con.type_2 .common_input_0{ font-size: 20px; font-size: 2.0rem; padding: 15px 10px 13px 2px; width: 100%; }
.common_input_0_con.type_3 .common_input_0 {font-size: 19px; font-size: 1.9rem; line-height: 25px; line-height: 2.5rem; padding: 14px 26px 15px 26px; text-align: center;}
.common_input_0_con.type_3 { width: 190px; border-radius: 100px; background-color: #fff; box-shadow: 3px 4px 10px 0px rgba(50, 97, 156, 0.1); text-align: center; margin-left: 13px; margin-right: 15px; overflow: hidden; }

.common_input_0_con.type_3 .common_input_0.conf{color: var(--point_wv_05);}
.common_input_0_con.type_3 .common_input_0.err{color: #dc1e7c;}
.common_input_0_con.type_3 .common_input_0::placeholder{ font-size: 23px; font-size: 2.3rem; line-height: 29px; line-height: 2.9rem; color: var(--point_wv_05); }
.common_input_0_con.type_3 .common_input_0::-webkit-input-placeholder{ font-size: 23px; font-size: 2.3rem; line-height: 29px; line-height: 2.9rem; color: var(--point_wv_05); }
.common_input_0_con.type_3 .common_input_0:-ms-input-placeholder{ font-size: 23px; font-size: 2.3rem; line-height: 29px; line-height: 2.9rem; color: var(--point_wv_05); }
.common_input_0_con.type_3 .label_for_input{position: absolute; left: 53px; font-size: 23px; font-size: 2.3rem; line-height: 29px; line-height: 2.9rem; top: 27px; color: var(--point_wv_05);}


@media all and (min-width: 768px){
    .start_site_complete .flex_center_con {max-width: 100%;}
    .start_site_complete .start_desc{margin-bottom: 40px; }

    .start_site_complete .start_wrap{ margin-bottom: 50px;}
    .start_site_complete ul.center li{font-size: 15px; font-size: 1.5rem;}

    .result_page_pop .popup_page_close_btn{top: 16px; right: 16px;}
    .result_page_pop{ max-width: 550px;}
    .result_page_pop .result_pop_wrap{ padding: 68px 42px 57px 42px;}
    .result_page_pop .site_name_wrap div{font-size: 23px; font-size: 2.3rem;}
    .result_page_pop .info_format{ font-size:13px; font-size:1.3rem; }
    .result_page_pop .site_start_btn{padding: 15px 30px 15px 33px;}
    .result_page_pop .site_start_btn.active{padding: 15px 35px 15px 23px; background-position: right 11px top 16px;}

    .result_page_pop .site_name_wrap .common_input_0_con .common_input_0 .common_input_0::-webkit-input-placeholder{font-size:23px; font-size:2.3rem; }
    .result_page_pop .site_name_wrap .common_input_0_con .common_input_0 .common_input_0:-ms-input-placeholder{font-size:23px; font-size:2.3rem; }
    .result_page_pop .site_name_wrap .common_input_0_con .common_input_0 .common_input_0:-moz-placeholder{font-size:23px; font-size:2.3rem; }
    .result_page_pop .site_name_wrap .common_input_0_con .common_input_0 .common_input_0::-moz-placeholder{font-size:23px; font-size:2.3rem; }
}