/* ie 적용안됨
:root {
    --wp_member_bg_color : rgba(249,249,249,1);
    --wp_member_font_family : inherit,"dotum", sans-serif;
    --wp_member_font_size : 15px;
} */
.wp_member {margin-top: 30px;}
.wp_member * {font-family: 'Noto Sans KR',serif;/* inherit */	font-size: 12px;/* inherit */}
.wp_member > form > .wp-row > div {margin-bottom: 15px;}
.wp_member .wp_d_input_title {font-size: 12px;margin-bottom: 5px;}
.wp_member label {padding: 0;margin: 0;}
.wp_member .wp_d_input_title label {font-size: 12px; color: inherit;margin: 0;padding: 0;}

.wp_member .wp_input_alert {margin-top: 5px;}
.wp_member .wp_input_alert * {font-size: 12px;font-weight: 600;}
.wp_member .wp_input_alert .wp_alert_red, .wp_member .wp_alert_red {color: #fb0000;font-weight: 600;font-size: 12px;}

.wp_member .wp_f_wrap_center {width: 100%;text-align: center;padding-top: 15px;}
.wp_member .wp_f_wrap_center .wp_btn,.wp_member .wp_btn {font-size: 12px;line-height: 1.5;padding: 5px 15px;outline:none; background-color: #f5f5f5; border: 1px solid #aaa;cursor:pointer;transition:all 0.15s;}
.wp_member .wp_f_wrap_center .wp_btn:hover,.wp_member .wp_btn:hover {background-color: #ddd;border-color: #777;}
.wp_member .wp_f_wrap_right {width: 100%;text-align: right;}
.wp_member .wp_f_btn_wrap {display: inline-block;}
.wp_member .wp_f_btn_wrap .wp_btn {width: 100%;}
.wp_member .wp_btn.wp_btn_pw_change {font-size: 12px;background: none;color: #666;border: none;padding: 0;text-decoration: underline;margin-right: 15px;}
.wp_member .wp_btn.wp_btn_pw_change:hover {color: #aaa;}
.wp_member .wp_btn.wp_btn_drop {font-size: 12px;background: none;color: #aaa;border: none;padding: 0;text-decoration: underline;}
.wp_member .wp_btn.wp_btn_drop:hover {color: #555;}





/* @media (max-width: 768px){
    .wp_member .wp_f_wrap_center .wp_btn {font-size: 12px;}
    .wp_member .wp_d_input_title, .wp_member input, .wp_member textarea, .wp_member select, .wp_member select option, .wp_member .wp_address_src_btn {font-size: 85% !important;}
} */

.wp_member input, .wp_member input[type="text"], .wp_member input[type="password"], .wp_member input[type="email"], .wp_member input[type="file"], .wp_member select, .wp_member select option, .wp_member textarea {
	width:100%;
	padding:5px;
	line-height:1.5;
	background-color: #f5f5f5;
	border:1px solid #e5e5e5;
	border-radius:0px;
	-webkit-transition:0.35s ease-in-out;
	-moz-transition:0.35s ease-in-out;
	-o-transition:0.35s ease-in-out;
	transition:0.35s ease-in-out;
	transition:all 0.35s ease-in-out;
}
.wp_member input:-moz-read-only {color: #888;}  /* Firefox */
.wp_member input:read-only {color: #888;}

.wp_member input:visited, .wp_member input:link, .wp_member input:active, .wp_member input:focus, .wp_member textarea:visited, .wp_member textarea:link, .wp_member textarea:active, .wp_member textarea:focus, .wp_member select:visited, .wp_member select:link, .wp_member select:active, .wp_member select:focus {
	outline:1px solid #ccc;
}
.wp_member input[type=file]::-webkit-file-upload-button {
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	box-sizing:border-box;
	border:1px solid #ccc;
	background:#eee;

}
.wp_member input[type=file]::-ms-value {border:1px solid #e5e5e5;background:#f5f5f5;}
.wp_member input[type=file]::-ms-browse {border:1px solid #e5e5e5;background:#f5f5f5;}

.wp_member input[type="checkbox"] {width: 20px;height: 20px;margin-right: 5px;}
.wp_member input[type="checkbox"] + .wp_d_input_title {display: inline;vertical-align: top;width: calc(100% - 45px);margin-right: 20px;word-break:keep-all;}
.wp_member .checkbox_wrap {font-size: 0;}
.wp_member .checkbox_wrap .checkbox_frame {display: inline-block;margin-bottom: 0px;}

.wp_member input[type="radio"] {width: 20px;height: 20px;margin-right: 5px;}
.wp_member input[type="radio"] + .wp_d_input_title {display: inline;vertical-align: top;width: calc(100% - 45px);margin-right: 20px;word-break:keep-all;}
.wp_member .radio_wrap {font-size: 0;}
.wp_member .radio_wrap .radio_frame {display: inline-block;margin-bottom: 0px;}
.wp_member textarea {
	width: 100%;
	outline:none;
	margin-bottom: 0px;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	-webkit-transition:0s ease-in-out;
	-moz-transition:0s ease-in-out;
	-o-transition:0s ease-in-out;
	transition:0s ease-in-out;
	transition:all 0s ease-in-out;
}
.wp_member textarea.wp_resize_n {resize: none;}
.wp_member textarea.wp_resize_h {resize: horizontal;}
.wp_member textarea.wp_resize_v {resize: vertical;}
.wp_member textarea.wp_resize_b {resize: both;}
.wp_member textarea + .checkbox_wrap {margin-top: 5px;}
.wp_member div.wp_agree_textarea + .checkbox_wrap {margin-top: 5px;}
.wp_member div.wp_agree_textarea {display: inline-block;width: 100%;height: 100px;overflow-y: scroll;margin: 10px 0 !important;padding: 5px;border: 1px solid #e5e5e5;border-radius: 3px;}
/* scroll */
/* width */
.wp_member div.wp_agree_textarea::-webkit-scrollbar {width: 10px;}
/* Track */
.wp_member div.wp_agree_textarea::-webkit-scrollbar-track {background: #f1f1f1; border-radius: 10px;}
/* Handle */
.wp_member div.wp_agree_textarea::-webkit-scrollbar-thumb {background: #ccc; border-radius: 10px;}
/* Handle on hover */
.wp_member div.wp_agree_textarea::-webkit-scrollbar-thumb:hover {background: #888; }


.wp_member select {
	width: 100%;
	background: #f5f5f5 url('wp_select_arrow.png') no-repeat 100% 50% !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
}
.wp_member select::-ms-expand {display: none !important;}
.wp_member select:focus,.wp_member select:active {outline:0;}
.wp_member select option {color: #121212;}


/* address S */
.wp_address_wrap {width: 100%;overflow: hidden;margin-bottom: 5px;}
.wp_address_wrap .wp_address_right {width: 50%;float: left;transition:all 0.3s;}
.wp_address_wrap .wp_address_left {width: calc(100% - 50%);float: left;transition:all 0.3s;}

.wp_address_wrap .wp_address_left .wp_address_src_btn {width: 100%;background-color: #454545;color: #fff;border: 1px solid #121212;font-size: 12px;line-height: 1.5;padding: 5px;border-radius: 0px;cursor:pointer;}

@media (max-width: 991px){
	.wp_address_wrap .wp_address_right {width: 50%;float: left;}
	.wp_address_wrap .wp_address_left {width: calc(100% - 50%);float: left;}
}
@media (min-width: 769px){
	.wp_address_wrap .wp_address_left .wp_ico_src {display: none;}
}
@media (max-width: 768px){
	.wp_address_wrap .wp_address_right {width: 50%;float: left;}
	.wp_address_wrap .wp_address_left {width: calc(100% - 50%);float: left;}

	.wp_address_wrap .wp_address_left .wp_address_src_btn span {display: none;}
	.wp_address_wrap .wp_address_left .wp_address_src_btn {font-size: 12px;}
}
@media (max-width: 480px){
	.wp_address_wrap .wp_address_right {width: 100%;float: none;}
	.wp_address_wrap .wp_address_right input {background: #f5f5f5 url('wp_select_arrow.png') no-repeat 100% 50% !important; }
	.wp_address_wrap .wp_address_left {display: none;}
}
/* address E */



/* form comm media query S */
@media all and (max-width: 991px){

	.wp_member input[type="checkbox"] {margin-right: 5px;}
	.wp_member input[type="checkbox"] + .wp_d_input_title {width: calc(100% - 40px);margin-right: 15px;word-break:keep-all;}

	.wp_member input[type="radio"] {margin-right: 5px;}
	.wp_member input[type="radio"] + .wp_d_input_title {width: calc(100% - 40px);margin-right: 15px;word-break:keep-all;}
}
/* form comm media query E */





/* login */
/* 2020-09-24 로그인 */
.wp_mgl-15 {margin-left: -15px;}
.wp_mgr-15 {margin-right: -15px;}
.wp_login_form_wrap {margin-bottom: 15px;}


/* 2020-02-05 로그인 */

.wp_login_form { padding: 40px 40px 60px; max-width:550px; margin:40px auto; border:1px solid #cacaca; }
.wp_login_form h3 {font-size:22px; padding:20px 0 30px; font-weight:bold;}
.wp_login_form a { text-decoration:none; -webkit-transition:.5s ease; transition:.5s ease; }
.wp_login_form a:hover { color:#ff4800; }
.wp_login_form .wp_tit_tab a { font-weight: 600; }
.wp_login_form .wp_tit_tab span { font-weight: 600; }
.wp_login_form .tab-group { list-style:none; padding:0; margin:0 0 40px 0; }
.wp_login_form .tab-group:after { content:""; display:table; clear:both; }
.wp_login_form .tab-group li a { display:block; text-decoration:none; padding:10px; background:rgba(160,179,176,0.25); color:#121212; font-size:15px; font-weight:400; float:left; width:50%; text-align:center; cursor:pointer; -webkit-transition:.5s ease; transition:.5s ease; }
/* .wp_login_form .tab-group li a:hover { background:#777; color:#fff; } */
.wp_login_form .tab-group .d_active a { background:#121212; color:#fff; }
.wp_login_form .tab-group .wp_width a {display:block; text-decoration:none; padding:15px; background:rgba(160,179,176,0.25); color:#121212; font-size:15px; float:left; width:100%; text-align:center; cursor:default; -webkit-transition:.5s ease; transition:.5s ease; }
/* .wp_login_form .tab-group .wp_width a:hover { background:#777; color:#fff; } */
.wp_login_form .tab-group .d_active a {background:#121212; color:#fff; }
.wp_login_form .tab-content > div:last-child {display:none; }

.wp_login_form .wp_button {width: 100%;margin: 5px 0; font-family: inherit; border:0; outline:none; border-radius:0; padding:10px 0; font-size: 15px; font-weight:600; text-transform:uppercase; letter-spacing:.1em; background: #555b69; color: #fff; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; -webkit-appearance:none; cursor: pointer;}
.wp_login_form .wp_button_c1 {background: #777;color: #fff;}
.wp_login_form .wp_button:hover,.wp_login_form .wp_button:focus { background:#121212; color:#fff; }
.wp_login_form .wp_button_cancle {width: 100%;margin: 5px 0; font-family: inherit; border:0; outline:none; border-radius:0; padding:15px 0; font-size: 15px; font-weight:600; text-transform:uppercase; letter-spacing:.1em; background: #ddd; color: #555b69; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; -webkit-appearance:none; cursor: pointer;}
.wp_login_form .wp_button_cancle:hover,.wp_login_form .wp_button_cancle:focus { background:#aaa; color:#fff; }

.wp_login_form .button-block { display:block; width:100%; }
.wp_login_form .wp_text { font-weight:300; margin:0 0 40px; font-size: 12px; text-align: center; line-height: 1.5; }
.wp_login_form .wp_forgot { text-align:center;margin: 30px 0; font-size: 12px; }
.wp_login_form .wp_forgot a {border-right: 1px solid #ddd;padding: 0 10px;}
.wp_login_form .wp_forgot a:last-child {border:0;}

/* 2020-03-17 sns login add */
.wp_sns_login_wrap {margin: 5px 0;overflow: hidden;}
.wp_sns_login_wrap > button,.wp_sns_login_wrap > button span {padding: 10px 0;font-size: 15px;font-family: inherit;}
.wp_sns_login_wrap > button > i {font-size: 1.25rem;vertical-align: bottom;}
.wp_sns_login_wrap .wp_size_33 {display: block;width: 33%;float: left;margin-left: 0.5%;}
.wp_sns_login_wrap .wp_size_33:first-child {margin-left: 0;}
.wp_sns_login_wrap .wp_size_50 {display: block;width: 49.5%;float: left;margin-left: 1%;}
.wp_sns_login_wrap .wp_size_50:first-child {margin-left: 0;}
.wp_sns_login_wrap .wp_naver_btn {background-color: #1dc800;color: #fff; border: 0; cursor: pointer;}
.wp_sns_login_wrap .wp_kakao_btn {background-color: #f7d600;color: #fff; border: 0; cursor: pointer;}
.wp_sns_login_wrap .wp_kakao_btn > i {color: #4b2d1f;}
.wp_sns_login_wrap .wp_facebook_btn {background-color: #3757a9;color: #fff; border: 0; cursor: pointer;}

@media (max-width: 768px){
	.wp_sns_login_wrap {text-align: center;margin-top: 15px;}
	.wp_sns_login_wrap > button span {display: none;}
	.wp_sns_login_wrap .wp_size_33,.wp_sns_login_wrap .wp_size_50 {width: auto;padding: 10px;float: none;margin: 0 5px;display: inline-block;border-radius: 150%;}
	.wp_sns_login_wrap > button > i {font-size: 1.5rem;vertical-align: bottom;}

	.wp_login_form .wp_tit_tab a { font-size: 15px; font-weight: 500; }
	.wp_login_form {padding: 20px 20px 40px;}
	.wp_login_form .top-row>div { width:100%; margin-right: 0; /* margin:0 0 15px 0; */ }
	.wp_login_form .top-row>div:last-child { width:100%; /*margin-bottom: 40px;   margin: 0 0 15px 0;*/ }
	.wp_login_form .wp_forgot { /*margin-top:-20px;  margin-bottom: 15px;*/ margin:30px 0; text-align:center; font-size: 12px; }

	/*20200206추가*/
	.wp_login_form .tab-group {margin: 0 0 20px 0;}
	.wp_login_form .tab-group li a {font-size: 12px;}
	.wp_login_form .wp_button {font-size: 12px;}
	/* .wp_login_form .field-wrap {margin-bottom: 15px;} */
	.wp_login_form .wp_text {margin: 0 0 15px;}
}

/* 정보수정 info_input */
.wp_member .wp_pw_edit_input {width: calc(100% - 130px) !important;float: left;}