@charset "utf-8";

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 transparent inset !important;
}

.sign_up{ --box_border_00: #e6e4f1; --box_border_00_h: #9fb0ba; --box_radius_0: 4px; --three_padding: 21px; }


/*login*/
.login_form_wrap{display: flex; align-items: center; justify-content: center; min-height: 100vh; /*min-height: 1000px; padding-top: 140px;*/}
.login_form_wrap .login_form_con { padding-top: 40px; }
.login_form_wrap .login_form_top_con{padding-bottom: 110px;}
.login_form_wrap .login_form_bottom_con{padding-top: 73px;}
.login_form_wrap .login_form_title{font-size:29px; font-size:2.9rem; line-height:40px; line-height:4.0rem; letter-spacing: -0.04em; font-weight:900; color:#000;}
.login_form_wrap .login_form_desc{font-size:15px; font-size:1.5rem; line-height:27px; line-height:2.7rem; font-weight: 300; color:#8681a3; word-break: keep-all;}
.login_form_wrap .login_form_desc .fontweight400{color:#000;}
.login_form_wrap .signup_complete_title{font-size:36px; font-size:3.6rem; line-height:54px; line-height:5.4rem; letter-spacing: -0.04em; font-weight: 900; color:#000;}
.login_form_wrap .signup_complete_title .site_url{display: inline-block; font-size:49px; font-size:4.9rem; line-height:56px; line-height:5.6rem; letter-spacing: 0; word-spacing: -0.02em; font-weight: 500; word-break: break-all; margin-bottom: 10px; }
.login_form_wrap .signup_complete_desc{font-size:19px; font-size:1.9rem; line-height:34px; line-height:3.4rem; font-weight: 300; letter-spacing: -0.02em; word-spacing: -0.03em; color:#000; word-break: keep-all;}

.login_form_wrap.type_2 .login_form_bottom_con{padding-top: 64px;}

.form_style_0{}
.form_style_0 .form_style_0_list{margin-bottom: 16px;}
.form_style_0 .form_style_0_list:last-child{margin-bottom: 0;}

/*.member_input_style_0_con{display: flex; align-items: center; padding-bottom: 16px; border-bottom:1px solid #dfddeb; padding-top: 18px;}*/
.member_input_style_0_con .member_input_style_0{flex:1 0 0; -ms-flex: 1 0 0; width: 100%; font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; font-weight: 700; color:#3b4044;
    text-align: left; background-color: transparent; border: none; padding: 15px 10px 12px 2px; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0; box-sizing: border-box; /*border-bottom: 1px solid #e6e4f1;*/  margin-top: 0; margin-bottom: 0;}
.member_input_style_0_con .member_input_style_0 + div{flex:0 0 auto ; -ms-flex: 0 0 auto;}
.member_input_style_0_con .member_input_style_0.font_roboto{font-weight: 500;}
.member_input_style_0_con input[type="password"].member_input_style_0{letter-spacing: 0.4em;}
.member_input_style_0_con .member_input_style_0:focus{outline: none;}
/*.member_input_style_0_con .member_input_style_0::-webkit-input-placeholder{letter-spacing: 0 !important; font-weight: 300; color:#000;}*/
/*.member_input_style_0_con .member_input_style_0:-ms-input-placeholder{letter-spacing: 0 !important; font-weight: 300; color:#000;}*/
/*.member_input_style_0_con .member_input_style_0:-moz-placeholder{letter-spacing: 0 !important; font-weight: 300; color:#000;}*/
/*.member_input_style_0_con .member_input_style_0::-moz-placeholder{letter-spacing: 0 !important; font-weight: 300; color:#000;}*/
/*.member_input_style_0_con .member_input_style_0.font_roboto::-webkit-input-placeholder{font-family: 'Roboto';}*/
/*.member_input_style_0_con .member_input_style_0.font_roboto:-ms-input-placeholder{font-family: 'Roboto';}*/
/*.member_input_style_0_con .member_input_style_0.font_roboto:-moz-placeholder{font-family: 'Roboto';}*/
/*.member_input_style_0_con .member_input_style_0.font_roboto::-moz-placeholder{font-family: 'Roboto';}*/
.member_input_style_0_desc{font-size:13px; font-size:1.3rem; line-height:13px; line-height:1.3rem; font-weight: 400; color:#726e88;
    word-break: keep-all; letter-spacing: -0.02em; text-align: left; margin-top: 13px; margin-right: 5px;}
/*.member_input_style_0_desc.for_space{text-indent: -1000px; overflow: hidden; }*/
.member_input_style_0_label{display: none; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 300; color:#000;}
.member_input_style_0_label.type_2{display: inline-block; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; letter-spacing: 0.02em; }

.form_style_0_list.addr .search_addr_con > div{ margin-bottom: 8px; }
.form_style_0_list.addr .search_addr_con > div:last-child{ margin-bottom: 0; }
.member_input_style_0_con.phone{ }
.member_input_style_0_con .input_style_2:before{content:'-'; position: absolute; left: 6px; top: 10px; /*top:50%; transform: translateY(-50%);*/ font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; color:#000;}
.member_input_style_0_con .input_style_2 > input{ width: 100%; font-size: 18px; font-size: 1.8rem; line-height: 22px; line-height: 2.2rem; letter-spacing: 0em; font-weight: 700; color: #000; outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none;
    padding: 11px 19px 10px 19px; border: 1px solid var(--box_border_00); border-radius: var(--box_radius_0); box-sizing: border-box; background-color: #fff; text-align: left; }
.member_input_style_0_con .input_style_2 > input:hover{border-color: var(--box_border_00_h);}

.member_input_style_0_con.three{ width: calc(100% + var(--three_padding)); margin-left: calc(-1 * var(--three_padding)); }
.member_input_style_0_con.three .select_style_0_wrap{ padding-left: var(--three_padding); }
.member_input_style_0_con.three .select_style_0_wrap .selected_item_con{margin-left: var(--three_padding); width: calc(100% - var(--three_padding));}
.member_input_style_0_con.three .input_style_2{position:relative; padding-left: var(--three_padding);}
.member_input_style_0_con.three .title_for_input{padding-left: var(--three_padding);}

.member_input_style_0_con.radio{}
.member_input_style_0_con.radio .radio_btn_style_0_con{position: relative; /*overflow: hidden;*/ margin-right: 25px;}
.member_input_style_0_con.radio .radio_btn_style_0_con:last-child{margin-right: 0;}
.member_input_style_0_con.radio .radio_btn_style_0_con .radio_btn_style_0{position: absolute; width: 25px; height: 25px; background-color: transparent; opacity: 0; margin: 0; top:0px; left:0;}
.member_input_style_0_con.radio .radio_btn_style_0_con .radio_btn_style_0 + label{position: relative; display: inline-block; vertical-align: middle; box-sizing: border-box; cursor:pointer;
    font-size:18px; font-size:1.8rem; line-height:25px; line-height:2.5rem; letter-spacing: -0.04em; word-spacing: -0.03em; font-weight: 400; color:#000; word-break: keep-all; padding-top: 1px; padding-bottom: 2px; padding-left: 36px;}
.member_input_style_0_con.radio .radio_btn_style_0_con .radio_btn_style_0 + label:before {content: ''; position: absolute; left: 0; top: 1px; width: 25px; height: 25px; border-radius: 50%; border:1px solid #e3e1f2; box-sizing: border-box;}
.member_input_style_0_con.radio .radio_btn_style_0_con .radio_btn_style_0:checked + label{font-weight: 600;}
.member_input_style_0_con.radio .radio_btn_style_0_con .radio_btn_style_0:checked + label:after{content: ''; position: absolute; top: 7px; left: 6px; width: 13px; height: 13px; border-radius: 50%; background-color: #3d3d3d !important;  box-sizing: border-box;}

.member_input_style_0_con.checkbox{flex-wrap: wrap;}

.member_input_style_0_con.file{}
.member_input_style_0_con.file{position: relative; display: inline-block; width: 100%; font-family:"Helvetica Neue" , "Noto Sans KR"; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: 0.02em; font-weight: 400; text-align: left; color:#1e1e2d;
    background-color: transparent;}
.member_input_style_0_con.file .file_text:not(.view){position: relative; width: calc(100% - 190px); height: 53px; padding: 0px 19px;
    font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: 0.02em; font-weight: 400; color:#000;
    background-color: #fff; font-family:"Helvetica Neue" , "Noto Sans KR"; text-align: left;
    border:1px solid #e9f0f3; outline: none; box-sizing: border-box; -webkit-appearance: none; margin-right: 10px;}
.member_input_style_0_con.file input[type=file]{position: absolute; width: 1px; height: 1px; opacity: 0;}


/* select_style_0 */
.select_style_0_wrap.font_roboto .select_style_0{font-family: "Roboto" , "Noto Sans KR";}
.select_style_0_wrap.font_roboto .selected_item{font-weight: 700;}
.select_style_0_wrap.font_roboto .select_style_0 > li > a{font-weight: 700;}
.select_style_0_wrap.font_roboto .selected_item{padding-top: 16px;}
.select_style_0_wrap{position: relative; height: 49px; font-size: 0; line-height: 0;}
.select_style_0_wrap .selected_item_con{position: absolute; width: 100%; height: 100%; top: 0px; left:0; display: inline-block; margin-right:10px;}
.select_style_0_wrap .selected_item_con:last-child{margin-right: 0;}
.select_style_0_wrap .selected_item{ width: 100%; height: 100%; font-size: 15px; font-size: 1.5rem; line-height: 22px; line-height: 2.2rem; letter-spacing: 0em; font-weight: 700; color: #000;
    padding: 13px 45px 12px 19px; border: 1px solid var(--box_border_00); border-radius: var(--box_radius_0); box-sizing: border-box; cursor: pointer;
    background-image: url("/weven_service/asset/img/svg/icons8-arw_down.svg"); background-size: 20px; background-repeat: no-repeat; background-position: right 14px center; }
.select_style_0_wrap .selected_item:hover{border-color: var(--box_border_00_h);}
.select_style_0_wrap .selected_item.active{
    /*position: relative; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom:1px solid transparent;*/
    border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top: 1px solid var(--box_border_00_h); border-left: 1px solid var(--box_border_00_h); border-right: 1px solid var(--box_border_00_h); border-bottom: 1px solid var(--box_border_00);}
.select_style_0_wrap .select_style_0_con{display:none; position: absolute; width: 100%; border: 1px solid var(--box_border_00_h); border-top: none; box-sizing: border-box; z-index: 50; max-height: 488px; overflow-y: auto;}
.select_style_0_wrap .selected_item.active + .select_style_0_con { border-bottom-left-radius: var(--box_radius_0); border-bottom-right-radius: var(--box_radius_0); }
.select_style_0_wrap .select_style_0{/*padding-bottom:5px; background-color: #fff; border:1px solid #e9f0f3; border-top:none; max-height:300px; overflow-y:auto;*/
    background-color: #fff; padding-top: 20px; padding-bottom: 7px;}
.select_style_0_wrap .select_style_0 > li{text-align: left;}
.select_style_0_wrap .select_style_0 > li.active{display: none;}
.select_style_0_wrap .select_style_0 > li:hover > a{color:#000;}
.select_style_0_wrap .select_style_0 > li > a{display: block; box-sizing: border-box; padding: 0 19px 24px 19px; font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 500; color: #000;}

.select_style_0_wrap.height80 .select_style_0{max-height: 80px;}

.member_input_style_0_con .btn_style_1_con{position: absolute; right: 0;}

.member_input_style_0_con .member_input_style_0.domain_address{font-size:34px; font-size:3.4rem; line-height:40px; line-height:4.0rem; font-weight: 500;}

.textarea_style_0{min-height: 200px; overflow-y: auto; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; font-weight: 300; color:#000; border:none; padding:0; margin:0;}
.textarea_style_1{min-height: 150px; overflow-y: auto; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; font-weight: 300; color:#000; border:none; padding:0; margin:0;}
.textarea_style_0::-webkit-input-placeholder{color:rgba(0,0,0,0.5);}
.textarea_style_0:-ms-input-placeholder{color:rgba(0,0,0,0.5);}
.textarea_style_0:-moz-placeholder{color:rgba(0,0,0,0.5);}
.textarea_style_0::-moz-placeholder{color:rgba(0,0,0,0.5);}
.textarea_style_0:focus{outline: none;}

.sns_login_list_con{display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.sns_login_list_con .sns_login_list{display: inline-flex; align-items: center; width: 50%; margin-bottom: 20px;}
.sns_login_list_con .sns_login_list:nth-last-child(1),.sns_login_list_con .sns_login_list:nth-last-child(2){margin-bottom: 0;}
.sns_login_list_con .sns_login_list .sns_icon{width: 48px; margin-right: 10px;}
.sns_login_list_con .sns_login_list .sns_text{font-size:15px; font-size:1.5rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.02em; font-weight: 400; color:#000;}

/* 회원가입 */
.signup_wrap .policy_wrap{margin-top: 60px; }
.signup_wrap .policy_wrap .title_for_input{margin-bottom: 20px;}
.signup_wrap .policy_btn_con{display: flex; justify-content: space-between; margin-bottom: 9px;}
/*.policy_btn_con:last-child{margin-bottom: 0;}*/
.signup_wrap .policy_btn_con > div{position:relative; box-sizing: border-box;}
.signup_wrap .policy_btn_con > .privacy_policy_checkbox{padding-right: 19px;}
/*.policy_btn_con > div:last-child{padding-right: 0;}*/
/*.policy_btn_con > div:first-child{padding-right: 19px;}*/
/*.policy_btn_con > div:last-child{padding-left: 19px;}*/
/*.policy_btn_con > div:first-child:after{content: ""; position: absolute; top:4px; right: 0; height: calc(100% - 6px); border-right: 1px solid #dedcec;}*/



.member_check_style_0_con{position: relative; overflow: hidden;}
.member_check_style_0_con .member_check_style_0{position: absolute; width: 24px; height: 24px; background-color: transparent; opacity: 0; margin: 0; top:0; left:0;}
.member_check_style_0_con .member_check_style_0 + label{cursor:pointer; font-size:15px; font-size:1.5rem; line-height:30px; line-height:3.0rem; font-weight: 400; color:#000; padding-left: 40px; box-sizing: border-box;}
.member_check_style_0_con .member_check_style_0.keep_login + label{color:#c5c1e4; font-weight: 300;}
.member_check_style_0_con .member_check_style_0 + label:after{content: ''; display: block; position: absolute; opacity: 0; width: 12px; height: 12px; top: 9px; left: 9px;
    background-image: url("/weven_service/asset/img/svg/checkbox_icon_white.svg"); background-size: 12px; background-repeat: no-repeat; background-position: center;
}
.member_check_style_0_con .member_check_style_0 + label:before{content: ''; position: absolute; left: 0; top: 1px; width: 28px; height: 28px; border: 1px solid #cdd9ed; border-radius: 3px; box-sizing: border-box;}
.member_check_style_0_con .member_check_style_0:checked + label{color:#000; font-weight: 600;}
.member_check_style_0_con .member_check_style_0:checked + label:after{opacity: 1;}
.member_check_style_0_con .member_check_style_0:checked + label:before{background-color: #3f4550; border-color:#3f4550;}
.member_check_style_0_con .member_check_style_0:hover + label{ font-weight: 600; }

/*.member_check_style_0_con .member_check_style_0:checked + label{color:#39b4c2; font-weight: 400;}
.member_check_style_0_con .member_check_style_0:checked + label:before{border-color:#39b4c2; background-image: url("../img/member_check_style_0_active_arrow.png"); background-position: center center; background-repeat:no-repeat;}*/

/*member_btn_style_0 - 회원가입 버튼*/
.member_btn_style_0_con{}
.member_btn_style_0_con .member_btn_style_0{display:inline-flex; align-items: center; justify-content: center; width:166px; height: 47px; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 500; color:#fff; text-align: center; background-color: #2c2c2c; box-sizing: border-box; cursor: pointer; border-radius: 4px;}
.member_btn_style_0_con input[type="submit"].member_btn_style_0{margin:0; border:none; -webkit-appearance: none; -moz-appearance: none; outline:none;}
.member_btn_style_0_con .member_btn_style_0.width145{width: 145px;}
.member_btn_style_0_con .member_btn_style_0.width150{width: 150px;}
.member_btn_style_0_con .member_btn_style_0.width174{width: 174px;}
.member_btn_style_0_con .member_btn_style_0.width_auto{width: auto; padding-left: 39px; padding-right: 39px;}
.member_btn_style_0_con .member_btn_style_0.type_2{width: 84px; height: 35px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 400;}

/*member_btn_style_1 - form list 내부 버튼 (ex 주소검색 버튼)*/
.member_btn_style_1_con{ position: relative; height: 100%; }
/*.member_btn_style_1_con .member_btn_style_1{height: 100%; color: #000; font-size: 14px; font-size: 1.4rem; line-height: 21px; line-height: 2.1rem; font-weight: 500; display: inline-block;*/
    /*background-color: #f9f9fc; border: 1px solid #dfdcee; border-radius: 3px; padding: 8px 13px 8px 16px; box-sizing: border-box; }*/
/*.member_btn_style_1_con .member_btn_style_1:hover{ background-color: #000; border-color: #000; color: #fff; }*/
.member_btn_style_1_con .member_btn_style_1{ display: inline-block; width: 90px; padding: 16px 0 17px 0; background-color: #fff; color: #000; border-radius: 4px; border: 1px solid #94a2b8; box-sizing: border-box;
    font-size: 14px; font-size: 1.4rem; line-height: 14px; line-height: 1.4rem; font-weight: 700; text-align: center; vertical-align: middle; cursor: pointer; transition: all 0.3s;
    /*border: none; box-shadow: 0 0 0 1px #94a2b8 inset;*/ position: relative; }
.member_btn_style_1_con .member_btn_style_1:after{ content: ''; opacity: 0; border: 2px solid #000; border-radius: 4px; width: calc(100% - 2px); height: calc(100% - 2px);
    position: absolute; right: -1px; top: -1px; transition: 0.3s; }
.member_btn_style_1_con .member_btn_style_1:hover:after{ opacity: 1; }

/*member_btn_style_2 - 아이디(이메일) 인증발송 버튼*/
.has_right_btn_wrap{ position: relative; height: 100%; }
/*.has_right_btn_wrap .right_btn_wrap{ height: calc(100% - 2px); z-index: 1; position: absolute; top: 1px; right: 1px; z-index: 3; transition: .3s;}*/
.has_right_btn_wrap .right_btn_wrap{ height: 100%; z-index: 1; position: absolute; top: 0; right: 0; transition: .3s;}
.member_btn_style_2_con{ height: 100%; }
.member_btn_style_2_con .member_btn_style_2{ font-size: 13px; font-size: 1.3rem; line-height: 21px; line-height: 2.1rem; font-weight: 700; color: #fff;
    /*display: inline-block;*/ height: 100%; width: 77px; background-color: #000; border-top-right-radius: 4px; border-bottom-right-radius: 4px; transition: 0.3s;
    display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.member_btn_style_2_con .member_btn_style_2:hover{ background-color: #4d4d4d; }
.member_btn_style_2_con .member_btn_style_2 span{ margin-left: 3px; }

/*member_btn_style_3 - 이용약관 보기 버튼*/
.member_btn_style_3_con{}
.member_btn_style_3_con .underline_btn{ position: relative; display: inline-block; font-size: 13px; font-size: 1.3rem; line-height: 20px; line-height: 2.0rem; font-weight: 500; color: #000; box-sizing: border-box; transition: .2s; }
.member_btn_style_3_con .underline_btn:after{ content: ''; position: absolute; left: 0px; bottom: 1px; background-color: #848d94; height: 1px; width: 100%; }
.member_btn_style_3_con .underline_btn:hover{ font-weight: 700; }
.member_btn_style_3_con .underline_btn:hover:after{ background-color: #000; }
.member_btn_style_3_con .member_btn_style_3{display: inline-block; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 400; color:#000; padding-right: 18px;
    background-image: url('../img/arrow_7x12_black_right.png'); background-size: 7px 12px; background-position: right 0px top 7px; background-repeat: no-repeat; box-sizing: border-box; white-space: nowrap;}
.member_btn_style_3_con .member_btn_style_3.point0{background-image: url('../img/arrow_7x12_point_right.png');}
.member_btn_style_3_con .member_btn_style_3.white{color:#fff;}
.member_btn_style_3_con .member_btn_style_3.type_2{display: inline-block; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; padding-right: 30px;
    background-image: url('../img/arrow_8x14_black_right.png'); background-size: 8px 14px;  background-position: right 0px top 2px; font-weight: 700; letter-spacing: -0.23rem;}
.member_btn_style_3_con .member_btn_style_3.type_3{font-size:14px; font-size:1.4rem; line-height:21px; line-height:2.1rem; font-weight: 500; padding-right: 15px; background-image: url('../img/arrow_6x10_black_right.png'); background-size: 6px 10px; background-position: right 0px top 5px;}
.member_btn_style_3_con .member_btn_style_3.type_4{font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; letter-spacing: -0.02em; font-weight: 700; padding-right: 25px; background-image: url('../img/arrow_9x16_black_right.png'); background-size: 9px 16px; background-position: right 0px top 5px;}
.member_btn_style_3_con .member_btn_style_3.type_4.white{background-image: url('../img/arrow_9x16_white_right.png');}
.member_btn_style_3_con .member_btn_style_3.back{padding-left: 25px; padding-right: 0; background-image: url('../img/arrow_9x16_black_left.png'); background-position: left 0px top 5px;}

/*btn_style_4 - 이전으로 버튼*/
.member_btn_style_4_wrap{margin-top: 70px;}
.member_btn_style_4_con{text-align: left;}
.member_btn_style_4_con .member_btn_style_4{display: inline-block; font-size:13px; font-size:1.3rem; line-height:20px; line-height:2.0rem; font-weight: 600; color:#000; padding-left: 19px;
    background-image: url('/weven_service/asset/img/svg/icons8-arw_left.svg'); background-size: 12px; background-position: left center; background-repeat: no-repeat;}
.member_btn_style_4_con.type_2{}

/* 디자인안나온 팝업들이 있어서 기존 스타일 살려둠 (쓸일은 없을듯) ... hsj*/
/* popup_style_0_con (정보변경 완료 팝업) */
.popup_style_0_wrap{background-color: transparent !important; padding-left: 20px; padding-right: 20px; left: 50% !important; transform: translateX(-50%); top: 0; margin-top: 0; margin-left: 0 !important; max-height: 100%; overflow-y: auto;
    padding-top: 50px; padding-bottom: 50px; -ms-overflow-style: none; scrollbar-width: none;}
.popup_style_0_wrap::-webkit-scrollbar{display: none;}
.popup_style_0_con{overflow: hidden;}
.popup_style_0_con .contents{background-color: #fff; padding-top: 95px; padding-bottom: 77px; padding-right: 27px; padding-left: 27px;border-top-left-radius: 20px; border-top-right-radius: 20px;}
.popup_style_0_con .popup_title_con .title{font-size:24px; font-size:2.4rem; line-height:30px; line-height:3.0rem; letter-spacing: -0.01em; font-weight: 500; color:#1a172d;}
.popup_style_0_con .popup_title_con .desc{font-size:17px; font-size:1.7rem; line-height:30px; line-height:3.0rem; letter-spacing: -0.01em; font-weight: 300; color:#1a172d; word-break: keep-all;}
.popup_style_0_con .btn_box{}
.popup_style_0_con .popup_style_0_btn_con > a{position: relative;}
.popup_style_0_con .popup_style_0_btn_con > a:after{content:''; position: absolute; height: 100%; border-right: 1px solid rgba(255,255,255,0.15); top:50%; right: 0; transform: translate(50%,-50%);}
.popup_style_0_con .popup_style_0_btn_con:first-child > a{border-bottom-left-radius: 20px;}
.popup_style_0_con .popup_style_0_btn_con:last-child > a{border-bottom-right-radius: 20px;}
.popup_style_0_con .popup_style_0_btn_con:last-child > a:after{display: none;}
.popup_style_0_btn_con .popup_style_0_btn{display:block; padding-top: 26px; padding-bottom: 26px; background-color: #abb0c1; transition: all 0.3s;}
/*.popup_style_0_btn_con .popup_style_0_btn:hover{background-color: #6d13ff;}*/
.popup_style_0_btn_con .popup_style_0_btn > span{display:inline-block; font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; letter-spacing: -0.01em; font-weight: 400; color:#fff;
    background-repeat: no-repeat; background-position: left top 2px;}
.popup_style_0_btn_con .popup_style_0_btn .domain_cancel{color:#8591b6;}
.popup_style_0_btn_con .popup_style_0_btn .domain_connect{color:#39b4c2;}

.popup_style_0_btn_con .popup_style_0_btn.close > span{background-image: url("../img/popup_style_0_close_btn.png");}
.popup_style_0_btn_con .popup_style_0_btn.agree > span{background-image: url("../img/popup_style_0_agree_btn.png");}

.popup_style_0_close_btn_con{position: absolute; top:30px; right: 30px;}
.popup_style_0_close_btn_con > a > span{display:inline-block; width: 19px; height: 19px; transition: all 0.2s ease;
    background-image: url('/weven_plugin/web/content/shop/img/shopping_mall/shop_view/popup_style_0_top_close_btn.png'); background-size: 19px 19px; background-position: center; background-repeat: no-repeat;}
.popup_style_0_close_btn_con > a:hover > span{background-image: url('../img/popup_style_0_top_close_btn.png');}

/* popup_style_0_con type_2 (계산서 발행 팝업) */
.popup_style_0_con.type_2 .contents{overflow: hidden; padding-top: 55px; padding-bottom: 70px; padding-left: 0px; padding-right: 0px;}
.popup_style_0_con.type_2 .popup_title_con .title{position: relative; font-size: 30px; font-size: 3.0rem; line-height: 36px; line-height: 3.6rem; letter-spacing: -0.06em;}
.popup_style_0_con.type_2 .popup_title_con .title:after{content: ''; position: absolute; width: 100vw; bottom:-25px; left:calc(-100vw + 100%); border-bottom:3px solid #000;}
.popup_style_0_con.type_2 .popup_title_con .desc{font-size: 15px; font-size: 1.5rem; line-height: 26px; line-height: 2.6rem; }

/* popup_style_0_con type_3 (도메인 팝업) */ /*2020 05 27 정승준 css 수정*/
.domain_point{color:#2dbae3;}
.popup_style_0_con.type_3 .contents{overflow: hidden; padding-top: 67px; padding-bottom: 70px; padding-left: 70px; padding-right: 70px;}
.popup_style_0_con.type_3 .contents.type_2{overflow: hidden; padding-top: 67px; padding-bottom: 70px; padding-left: 90px; padding-right: 90px;}
.popup_style_0_con.type_3 .popup_title_con .title > span{display:block;}
.popup_style_0_con.type_3 .popup_title_con .title > :first-child{margin-bottom:7px;}
.popup_style_0_con.type_3 .popup_title_con .title{position: relative; font-size:26px; font-size:2.6rem; line-height:32px; line-height:3.2rem; font-weight:700; letter-spacing: -0.05em; }
.popup_style_0_con.type_3 .popup_sub_title_con .popup_sub_title{font-size:19px; font-size:1.9rem; line-height:27px; line-height:2.7rem; font-weight: 300; letter-spacing: -0.05em;}
.popup_style_0_con.type_3 .radio_btn_style_0_con{display: inline-block; padding-top:39px; padding-left:4px; vertical-align: middle; width: 100%; height: 100%;}
.popup_style_0_con.type_3 .radio_btn_style_0_con .radio_btn_style_0 + label{padding-left: 34px;}
.popup_style_0_con.type_3 .table_style_0{border-top:2px solid #2dbae3;}
.popup_style_0_con.type_3 .table_style_0 thead > tr > th {padding-top:16px; padding-bottom:19px; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 400;}
.popup_style_0_con.type_3 .table_style_0 tbody > tr > td.point1 > p {font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; font-weight: 300;}


/*      =======================================================================================================      */

/* 쇼핑몰 사용자사이트 - 23.07.02 jde */

/*회원가입*/
.signup_title{font-size:26px; font-size:2.6rem; line-height:36px; line-height:3.6rem; font-weight: 900; margin-bottom: 38px; text-align: center; }
.signup_title.type_2{margin-bottom: 23px;}
.login_desc{font-size:14px; font-size:1.4rem; line-height:25px; line-height:2.5rem; letter-spacing: -0.02em; font-weight: 300; margin-bottom: 19px; margin-top: 10px;}
.login_desc .bold{font-weight: 700;}
.login_type_seperate{font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; font-weight: 300; color:#93a6c7; margin-top: 20px; margin-bottom: 0;}

.signup_wrap .form_style_0 .form_style_0_list{margin-top: 30px; margin-bottom: 0;}
.signup_wrap .form_style_0 .form_style_0_list:first-child{margin-top: 30px;}
.signup_wrap .login_form_title{font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; letter-spacing: -0.02em; font-weight: 700;}
.signup_wrap .login_form_desc{font-size:14px; font-size:1.4rem; line-height:22px; line-height:2.2rem; font-weight: 300;}
.signup_wrap .member_input_style_0_con .input_style_0 { font-size:16px; font-size:1.6rem; line-height:25px; line-height:2.5rem; letter-spacing: 0em; font-weight: 700; position: relative; z-index: 1; }
.signup_wrap .title_for_input{font-size:13px; font-size:1.3rem; line-height:22px; line-height:2.2rem; font-weight: 500; color:#000; margin-bottom: 9px; }
.signup_wrap .member_input_style_0_con.radio .title_for_input{ margin-bottom: 15px; }
.signup_wrap .member_input_style_0_con.checkbox .title_for_input{ margin-bottom: 15px; }
.signup_wrap .title_for_input .essential_star{font-weight: 300; position: relative; top: 2px; right: 0;}
.radio_label_for_input{font-size:13px; font-size:1.3rem; line-height:22px; line-height:2.2rem; font-weight: 400; color:#3d3d3d; margin-right: 28px; }
.signup_wrap .bar-input-effect{display: block; position: relative; z-index: 1; height: 1px;}
.signup_wrap .bar-input-effect:before{content: ''; background-color: #e6e4f1; left: 0; bottom: 0; height: 1px; width: 100%; position: absolute; transition: 0.3s ease all;}
.signup_wrap .bar-input-effect.active:before{background-color: #3d3d3d; height: 2px;}
.signup_wrap .bar-input-effect.active.wrong:before{background-color: #f14c96; height: 2px;}
.signup_wrap .member_input_style_0_con .member_input_style_0{ font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; letter-spacing: 0em; font-weight: 500;
    color: #000; border: 1px solid var(--box_border_00); border-radius: 4px; padding: 14px 17px 12px 17px; box-sizing: border-box; text-align: left; background-color: #fff; outline: none; }
.signup_wrap .member_input_style_0_con .member_input_style_0:hover{border-color: var(--box_border_00_h)}
.signup_wrap .member_input_style_0_con .member_input_style_0:focus{border-color: var(--box_border_00_h)}
.signup_wrap .member_input_style_0_con input[type="password"].member_input_style_0{letter-spacing: 0.4em;}
.signup_wrap .member_input_style_0_con input[type="number"].member_input_style_0{padding-right: 14px;}
.signup_wrap .member_input_style_0_con .member_input_style_0:focus{outline: none;}
.signup_wrap .member_input_style_0_con .member_input_style_0:read-only{}
.signup_wrap .member_input_style_0_con .member_input_style_0::-webkit-input-placeholder{font-weight: 400; color:#93a6c7; font-size:14px; font-size:1.4rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em;}
.signup_wrap .member_input_style_0_con .member_input_style_0:-ms-input-placeholder{font-weight: 400; color:#93a6c7; font-size:14px; font-size:1.4rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em;}
.signup_wrap .member_input_style_0_con .member_input_style_0:-moz-placeholder{font-weight: 400; color:#93a6c7; font-size:14px; font-size:1.4rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em;}
.signup_wrap .member_input_style_0_con .member_input_style_0::-moz-placeholder{font-weight: 400; color:#93a6c7; font-size:14px; font-size:1.4rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em;}
.signup_wrap .member_input_style_0_con .member_input_style_0.addr_post{width: 90px; text-align: center;}
.signup_wrap .member_input_style_0_con .member_input_style_0 + div{flex:0 0 auto ; -ms-flex: 0 0 auto;}
.signup_wrap .member_input_style_0_con .btn_style_1_con{position: absolute; right: 0;}
.signup_wrap .input_style_0_desc{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 300; color: #93a6c7;}
.signup_wrap .input_style_0_desc .emphasis{color: #ef4b0b;}

.signup_wrap .wrong_alert_msg {opacity: 0; 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: 6px; margin-right: 5px;}
.signup_wrap .wrong_alert_msg.active {opacity: 1;}
.signup_wrap .caps_lock {color: #4c8ef1; opacity: 0; 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: 6px;}
.signup_wrap .caps_lock.active {opacity: 1;}
.signup_wrap .caution {color: #f14c96;}
.signup_wrap .confirm {color: #4c8ef1;}
.signup_wrap .complete {color: #4c8ef1;}
.signup_wrap .bar-input-effect.active.caution:before {background-color: #f14c96 !important;}
.signup_wrap .bar-input-effect.active.confirm:before {background-color: #4c8ef1 !important;}
.signup_wrap .bar-input-effect.active.complete:before {background-color: #4c8ef1 !important;}
.signup_wrap .wrong_alert_msg.complete:before {content: ""; display: inline-block; width: 14px; height: 13px; -webkit-mask-image: url('../img/svg/checkbox_icon_white.svg'); -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; background-color: #4c8ef1; margin-right: 5px; position: relative; top: 3px;}

/*완료 페이지 (회원가입 완료)*/
.complete_page_con{text-align: center;}
.complete_page_con .complete_title{font-size:26px; font-size:2.6rem; line-height:36px; line-height:3.6rem; font-weight: 900; margin-bottom: 28px;}
.complete_page_con .complete_desc{font-size:15px; font-size:1.5rem; line-height:25px; line-height:2.5rem; font-weight: 400;}
.complete_page_con .complete_desc .bold{font-weight: 700;}
.signup_complete_img{width: 120px; height: 120px; background-image: url("/weven_template/theme/weven/resource/img/svg/login-signup_complete.svg"); background-size: contain; background-position: center center; background-repeat: no-repeat; display: flex; margin-bottom: 15px;}

/*로그인버튼*/
.signup_wrap .member_btn_style_0_con .member_btn_style_0{width: 100%; height: auto; display: inline-block; font-size:15px; font-size:1.5rem; line-height:20px; line-height:2.0rem;
    padding: 17px 16px 16px 16px; border-radius: 4px; background-color: #3d3d3d; color: #fff; font-weight: 600; text-align: center;}
.signup_wrap .member_btn_style_0_con .member_btn_style_0:hover{background-color: #4d4d4d;}
.signup_wrap .member_btn_style_0_con .member_btn_style_0.type_2{width: auto; font-size:13px; font-size:1.3rem; padding: 8px 18px 8px 20px;}
.signup_wrap .member_btn_style_0 .login_icon{position: absolute; width: 21px; height: 21px; margin-top: -1px;
    background-image: url("/weven_service/asset/img/svg/login_icon_common.svg"); background-size: contain; background-repeat: no-repeat; background-position: center;}

/*btn_style_3 - '|'로 구분된 텍스트 버튼*/
.signup_wrap .btn_style_3_con .btn_style_3{position: relative; display: inline-block; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 600; color:#4eb3f3; box-sizing: border-box; transition: .2s; padding-right: 16px; margin-right: 12px;}
.signup_wrap .btn_style_3_con .btn_style_3:after{content: ''; position: absolute; right: 0; top: 4px; border-right: 1px solid #dbe3f1; height: calc(100% - 9px);}
.signup_wrap .btn_style_3_con .btn_style_3:last-child{padding-right: 0; margin-right: 0;}
.signup_wrap .btn_style_3_con .btn_style_3:last-child:after{content: none;}
/* btn_style_3 type */
.signup_wrap .btn_style_3_con .btn_style_3.white{color:#fff;}
.signup_wrap .btn_style_3_con .btn_style_3.type_2{font-size:14px; font-size:1.4rem; font-weight: 500; color:#000;}
.signup_wrap .btn_style_3_con .btn_style_3:hover{color: #5c56f1;}
.signup_wrap .btn_style_3_con .btn_style_3.type_2:hover{color: #000; font-weight: 700;}


@media all and (min-width:768px){
    /*login*/
    .sns_login_list_con .sns_login_list{width: auto; margin-bottom: 0;}
    .sns_login_list_con .sns_login_list .sns_icon{width: auto; margin-right: 15px;}
}

@media all and (min-width:992px){

    /* 쇼핑몰 사용자사이트 - 23.07.02 jde */
    .select_style_0_wrap .select_style_0 > li > a{padding: 0 19px 14px 19px; color: #868fa0;}

    .member_input_style_0_con .member_input_style_0{ padding: 15px 10px 9px 2px; }
    .member_input_style_0_con .input_style_2 > input{ font-size: 15px; font-size: 1.5rem; }
    .member_input_style_0_con.radio .radio_btn_style_0_con .radio_btn_style_0 + label{ font-size:15px; font-size:1.5rem; }

    /*      =======================================================================================================      */

    .login_form_wrap .login_form_con{padding-top: 120px;}
    .login_form_wrap .login_form_top_con{padding-bottom: 120px;}
    .login_form_wrap .login_form_title{font-size:33px; font-size:3.3rem; line-height:48px; line-height:4.8rem;}
    .login_form_wrap .login_form_desc{font-size:13px; font-size:1.3rem; line-height:24px; line-height:2.4rem; }


    .form_style_0 .form_style_0_list{margin-bottom: 18px;}

    /*.member_btn_style_2_con .member_btn_style_2 { padding: 0 15px; }*/

    .show-md-flex{display: flex;}
    .align-md-center{align-items: center;}
    .justify-md-sb{justify-content: space-between;}
    .left_policy_con{width: calc(100% - 269px);}

    /*.policy_btn_con{display: block;}*/
}