@import url(/css/outer.css);
svg.error-icon {
	float: left;
    fill: #f2677d;
    margin: 5px 5px 0 0;
}
svg.error-icon + .error_entxt {display: inline-block; margin-left: 18px;}
svg.error-icon.checkboxError {
    position: relative;
    margin-top: 1px; 
    left:auto;
    top:auto;
}
svg.error-icon + label.error {font-size:13px; width:auto; margin-top: 5px;}
#member_wrap { margin:0px auto;padding:0px; overflow:auto;}
#member_wrap p.pass { text-align:center; padding:20px 0; border-top:#e4e4e4 1px dotted; }
#member_wrap p.pass a.home { padding:7px; font-size:15px; border:2px solid #ebebeb; }

/* login */
#login_msg {
	margin-bottom: 10px;
}
/*#login_msg { font-family: 'Raleway', 'Nanum Gothic'; padding:10px;text-align:center;font-size:12px; letter-spacing: -0.05em; line-height: 1.4; padding-bottom:0; }*/
input[type="checkbox"] { display:inline-block; width:20px; height: 20px; padding-right: 0; -webkit-appearance:none; vertical-align: middle; border-radius: 0; border:0; background:url(https://storage.googleapis.com/i.addblock.net/checkbox-off.png) no-repeat 0 0; }
input[type="checkbox"]:checked { background:url(https://storage.googleapis.com/i.addblock.net/checkbox-on.png) no-repeat 0 0; }

/*이용약관 및 개인정보취급방침 common css */
#termsShow .modal-content, #privacyShow .modal-content { padding: 40px 40px 60px; }
#termsShow .modal-header, #privacyShow .modal-header { min-height: 55px; padding:0 0 20px 0; }
#termsShow .modal-body, #privacyShow .modal-body { position: relative; overflow-y:auto; max-height: 699px; padding: 0;}

@media screen and (min-width: 768px){
 .modal-dialog{ width:60%; }
}

/*이용약관 - terms of service */
#termsShow .contentbox .terms_top h1 { font-size:25px; letter-spacing:0.05em; color:#42464c; margin:10px 0 40px 0; }
#termsShow .contentbox .terms_content dd { margin: 15px 0 30px 0; font-size:12px; color:#797f86; letter-spacing:0.075em; }
#termsShow .contentbox .terms_content .content dd a { text-decoration:underline; color:#222528; }
#termsShow .contentbox .terms_content .content dt { font-size:13px; color:#42464c; text-transform: uppercase; }

/*개인정보취급방침 - privacy content*/
#privacyShow .contentbox .privacy_top h1 { font-size: 25px; font-weight: 300; letter-spacing: 0.05em; color:#42464c; margin-top:10px;}
#privacyShow .contentbox .privacy_content h3 { font-size:13px; color:#42464c; font-weight:400; letter-spacing:0.075em; text-transform: uppercase; margin:60px 0 10px;}
#privacyShow .contentbox .privacy_content dd { font-weight:400; letter-spacing:0.05em; font-size:12px; color:#797f86; margin:5px 0 0 0; -webkit-padding-start: 15px;}

/* confirm */
#conf_title { padding:15px 0; border-bottom:2px solid #ebebeb; }
#conf_cont { padding:30px 0px; margin:0px;  }
#conf_cont p { width:350px; height:30px; }
#conf_cont p label { float:left; width:100px; }
#conf_cont li.infor { float:left; padding:0 0 10px 0px; }
#conf_cont li.infor span { float:left; width:100px;  }
#conf_msg { clear:both; text-align:center; border-top:#e4e4e4 1px dotted; }

/* join_check */
#joinChk { padding:5px 40px 0 40px; }
#joinChk p { height:40px; }
#joinChk li.infor { margin-bottom:15px; border-bottom:1px solid #eeeeee; }
#joinChk li.infor p label { float:left; width:100px; }
#joinChk li.infor p span { color:#66a2c8; }
#joinChk textarea { width:98%; height:100px; margin:10px 0; }


.btn-primary:hover,
.btn-primary:focus,
.pf-join-form .btn-info:hover, 
.pf-join-form .btn-info:focus,
.pf-join-form .pw-reset-btn:hover,
.pf-join-form .pw-reset-btn:focus {
	background-color: #3c4451 !important; 
	border:none!important;
}
/*.join li .msg_tip { margin-left:10px;position:absolute; background:#E0E0E0 url(https://storage.googleapis.com/i.addblock.net/tip_arrow.gif) center left no-repeat; top:30px; display:none; border-left:none; padding:15px; color:#666; }*/
#mb_profile { height:55px; }
#jmore { cursor:pointer; text-decoration:underline; }
#joption { display:none; }
#join_ad { position:absolute; top:30px; left:320px; width:400px; }
#join_ad p b { font-size:20px; line-height:30px; }
/* join_result */
#joinRes,.joinCertifyMail { padding:0; font-size: 12px; }
#joinRes h3,
.joinCertifyMail h3 {     
    font-size: 24px;
    margin-top: 40px;
    text-align: center;
    color: #222428;
    text-align: left;
    letter-spacing: normal;
    margin: 0 0 30px 0;
    line-height: 1.4;
}
#joinRes p,
.joinCertifyMail p { 
    text-align: left;
    color: #696c71;
    font-size: 13px;
    margin: 0 0 40px 0;
    line-height: 1.47;
    word-break: keep-all;
}


/* modify_password */
#modifyPwd_title { padding:15px 0px; border-bottom:2px solid #ebebeb; } 
#modifyPwd { margin:0px; padding:20px 0px 10px 0px; background:#ccc; }
#modifyPwd li { padding:10px 0; }
#modifyPwd li input { margin-top:0px; width:250px; }
#modifyPwd li label { float:left; width:150px; }
#modifyPwd li.under {  }
#modifyPwd li.wrkey { height:60px; }
#modifyPwd li label.error { width:340px; margin:0; border:none; }

/* point */
#pnt_title { padding:15px 0; border-bottom:2px solid #ebebeb; }
#pnt_list { padding:20px; }
#pnt_list col.po_date { width:70px; }
#pnt_list col.po_give { width:70px; }
#pnt_list col.po_use { width:70px; }
#pnt_list th { height:24px; background-color:#f6f6f6; border-top:2px solid #e1e1e1; }
#pnt_list tr.po_row { height:24px; text-align:center; }
#pnt_list tr.po_sum { height:24px; text-align:center; background-color:#f6f6f6; }
#pnt_list p.po_none { text-align:center; padding:20px 0; }
#pnt_list p.po_paging { text-align:center; padding:5px 0; }
#pnt_list p.po_total { text-align:center; padding:20px 0; border-top:#e4e4e4 1px dotted; }

/* modify */
.modi { margin:5px 20px 0 10px; overflow:visible; }
.modi #btn_id, #btn_nick, #btn_email { cursor:pointer; }
.modi li { position:relative; overflow:visible; height:100%; padding:10px 0; }
.modi li label { float:left; width:150px; margin-right:25px; }
.modi li label span { color:#DD4B39; }
.modi li label.error { width:300px; margin:0; border:none;margin-left:175px; }
.modi li p.title { margin-left:0px;margin-bottom:5px; }
.modi li select { width:262px;padding:5px;border:1px solid #D9D9D9; }
.modi li input { margin-top:0px; width:250px; }
.modi li input.check { width:15px; }
.modi li.mb_img { margin-left:175px; background:#eee;}
.modi li.last { border:none; }
.modi li .msg_tip { margin-left:10px;position:absolute; background:#E0E0E0; top:0px; display:none; border-left:none; padding:15px; color:#666; }

.error {overflow: hidden; width: 100%; margin:0; position: relative;}
.error label {margin:0;}

/* 로그인, 회원가입 *************************************************************/

.memberIn { 
	position: relative; 
	width: 100%; 
	overflow: hidden; 
	overflow-y: auto;
	 -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    min-height: 100%;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.memberIn #flogin .snslogin { margin: 46px auto 0;}
.memberIn.emberIn_pwdReset ~ #goto-top-m {display: none;}
.memberIn .cl-common-form-wrap {overflow: hidden; }
.memberIn.memberIn_pwdReset .memberIn_title {font-size:28px; margin: 40px 0 15px 0;}
.memberIn.memberIn_pwdReset #fjoin .join li:last-child { margin-top:22px; }
.memberIn .memberIn_Form {
   	max-width: 500px;
    width: 100%;
    overflow: hidden;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 40px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0 auto;
  	-ms-flex-preferred-size: 1000px;
}
.memberIn .memberIn_Form#flogin {
	justify-content: flex-start;
}
.memberIn.memberIn_pwdReset .memberIn_title {font-size:28px;}
.memberIn.memberIn_pwdReset #fpwd_change .memberIn_tip {margin-bottom: 8px;}
.memberIn.memberIn_pwdReset #fpwd_change .memberIn_infoSubmit {margin-top: 37px;}
.memberIn .memberIn_title {font-size:34px; color:#222428;margin: 40px 0 20px 0; }
.memberIn #flogin .memberIn_title {
	width: 270px;
	height: 50px;
	margin: 150px 187px 15px 0;
	font-family: NotoSansCJKkr, "Noto Sans KR", sans-serif;
	font-size: 34px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.47;
	letter-spacing: normal;
	text-align: left;
	color: #222428;
}
.memberIn .memberIn_subTitle {
    margin-bottom: 8px;
    max-width: 278px;
    width: 100%;
    line-height: 1.4;
    display: inline-block;
    color: #8e9095;
}
.memberIn .memberIn_subTitle + .join li {float:left; width: 100%; margin-top: 22px;}
.memberIn .memberIn_subTitle + .join li:last-child {margin-top: 0px;}
.memberIn .memberIn_input {display: block;}
.memberIn .cl-common-form-group { background-color:#f3f4f5;}
.memberIn .memberIn_infoSubmit {text-align: center;}
.memberIn #fjoin .cl-common-form-wrap.cl-form-border-none,
.memberIn.memberIn_pwdReset .cl-common-form-wrap.cl-form-border-none {margin-bottom: 3px;}
.memberIn .memberIn_infoInput,
.memberIn .memberIn_infoSubmit,
.memberIn_infoSubmit li,
.memberIn_infoInput li,
.memberIn_infoInput ~ div {position: relative; width: 100%; float: left;}
.memberIn .creatorlink-top-logo {
    /*text-align: center;*/
    display: inline-block;
    padding:30px 0 0 40px;
    position: fixed;
   /* -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;*/
}
.memberIn .marginTop-0 {margin-top:0px !important;}
.memberIn .marginbt-8 {margin-bottom:8px !important;}
.memberIn .join + .memberIn_infoSubmit {margin-top:40px;}
.pf-login-body .memberJoin_infoDo {
    display: flex;
    align-items: center;
    float: right;
    width: 100%;
    margin: 2px 0 40px 0;
}
.memberIn .memberJoin_link { 
    margin: 25px 0 0 0;
    color: #8e9095;
    font-size: 14px;
}
.memberIn .memberJoin_link span.memberJoin_text {margin-right: 10px;}
.memberIn .memberJoin_link a.memberJoin_text {color: #4789e7;}

.memberIn .memberIn_btn {
	height: 52px;
    width: 100%;
    background-color: #4789e7;
    color: #fff;
    border-radius: 26px;
    text-align: center;
    font-size: 16px;
    display: inline-block;
    line-height: 49px;
}
.memberIn .submitBtn {width: 100%; overflow: hidden;}
.memberIn .memberIn_btn#login_btn_submit,
.memberIn .memberIn_btn#join_btn_movepage {width:100%;}
.memberIn .memberIn_btn#login_btn_submit { max-width: 60%; float: left;}
.memberIn .memberIn_btn#join_btn_movepage { 
    max-width: 37%; 
    float: right; 
    margin-left: 10px;
    background-color: #ee445f;
}
@media only screen and (min-width: 768px) {
	.memberIn .memberIn_btn#login_btn_submit.member-login-submit {
		width: 271px;
		max-width: 271px;
		height: 52px;
		padding: 14px 98px 14px 99px;
		border-radius: 26px;
		background-color: #4789e7;
		color: #fff;
		font-family: NotoSansCJKkr, "Noto Sans KR", sans-serif;
		font-size: 16px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.5;
		letter-spacing: normal;
		text-align: left;
		box-sizing: border-box;
		white-space: nowrap;
	}
	.memberIn .memberIn_btn#join_btn_movepage {
		width: 139px;
		max-width: 139px;
		height: 52px;
		padding: 14px 40px;
		border-radius: 26px;
		background-color: #ee445f;
		color: #fff;
		font-family: NotoSansCJKkr, "Noto Sans KR", sans-serif;
		font-size: 16px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.5;
		letter-spacing: normal;
		text-align: left;
		box-sizing: border-box;
		white-space: nowrap;
	}
}

.pf-login-body .memberJoin_infoDo span {color:#8e9095; font-size: 14px;}
.pf-login-body .memberJoin_infoDo .memberJoin_infoDo_l label {
	display: inline-flex;
	align-items: center;
	float: none;
}
.pf-login-body .memberJoin_infoDo .newcheckboxSvg {
	width: 20px;
	height: 20px;
	margin-right: 0;
}
.pf-login-body .memberJoin_infoDo .newcheckboxSvg input[type="checkbox"] {
	width: 20px;
	height: 20px;
}
.pf-login-body .memberJoin_infoDo .newcheckboxSvg svg:not(.cm-popover-info) {
	top: 2px;
	left: 2px;
	width: 16px;
	height: 16px;
}
.pf-login-body .memberJoin_infoDo .member-login-remember-text {
	display: inline-block;
	width: 122px;
	height: 20px;
	margin: 0 3px;
	font-family: NotoSansCJKkr, "Noto Sans KR", sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.43;
	letter-spacing: normal;
	text-align: left;
	color: #8e9095;
	white-space: nowrap;
}
.pf-login-body .memberJoin_infoDo .keep-hint {
	display: block;
	flex: 0 0 auto;
	width: 13px;
	height: 13px;
	padding: 1.5px;
	box-sizing: content-box;
	fill: #4789e7;
	margin-left: 0;
}
.pf-login-body .memberJoin_infoDo .memberJoin_infoDo_l {
	display: inline-flex;
	align-items: center;
	float: none;
}
.pf-login-body .memberJoin_infoDo .memberJoin_infoDo_r {
	float: none;
	width: 80px;
	height: 20px;
	margin: 0 0 1px auto;
}
.pf-login-body .memberJoin_infoDo a { font-size:14px; color:#8e9095; }
.pf-login-body .memberJoin_infoDo .forget {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 20px;
	margin: 0;
	font-family: NotoSansCJKkr, "Noto Sans KR", sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.43;
	letter-spacing: normal;
	text-align: left;
	color: #8e9095;
	white-space: nowrap;
}
.pf-login-body .memberJoin_infoDo .register {margin-left: 15px; float: right;}
/*.pf-login-body .memberJoin_infoDo .forget:after {
	content:' ';
	position: absolute;
	width: 1px;
	height: 15px;
	background-color:#dbdcdf;
	margin-left: 15px;
	top: 50%;
    transform: translateY(-50%);
}*/
.memberIn_infoSubmit .snsbtn-logo {
    width: 56px;
    height: 56px;
    background-color: #fff;
    border: 1px solid #e7e8e9;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    position: relative;
}
.memberIn_infoSubmit .snsbtn-logo svg {
	transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    position: absolute;
}
.memberIn_infoSubmit .snsbtn-login {
	float: left;
    margin: 0 15px;
    max-width: 56px;
    width: 100%;
}
.memberIn_infoSubmit .snsbtn-login:first-child {margin-left:0;}
.memberIn_infoSubmit .snsbtn-login:last-child {margin-right:0;}
.memberIn_infoSubmit .snsbtn-naver svg {fill:#1ec800;}
.memberIn_infoSubmit .snsbtn-kakao svg {fill:#391b1b;}
.memberIn_infoSubmit .snsbtn-facebook svg {fill:#436bb7;}
.memberIn_infoSubmit .snsbtn-google svg {fill:none;}
.memberIn_infoSubmit .snsbtn-text {
	display: inline-block;
    color: #8e9095;
    font-size: 12px;
    margin-top: 10px;
}
.memberIn .memberIn_infoSubmit .snslogin {
    max-width: 314px;
    width: 100%;
    margin: 80px auto;
    overflow: hidden;
}
.pf-login-body.memberIn .snslogin {margin:50px auto 80px auto;}
.join li div label.forget,
.join li div label.forget a { 
	color: #2d343e; 
	text-decoration: underline;  
	padding-left:18px;
	color:#797a7d;
	text-align: right;
	letter-spacing: 0.01em;
	float: right;/*keep login*/
	margin-bottom:0;
}
.memberIn_infoInput .cl-common-form-group input { background-color: #f3f4f5 !important;}
.memberIn_infoInput .cl-common-form-group select, .memberIn_infoInput .cl-common-form-group input:focus, 
.memberIn_infoInput .cl-common-form-group input:valid, .memberIn_infoInput .cl-common-form-group input.form-file, 
.memberIn_infoInput .cl-common-form-group input.has-value, .memberIn_infoInput .cl-common-form-group textarea:focus, 
.memberIn_infoInput .cl-common-form-group textarea:valid, .memberIn_infoInput .cl-common-form-group textarea.form-file, 
.memberIn_infoInput .cl-common-form-group textarea.has-value {color:#484b50; font-weight: 400;}
.memberIn #flogin .memberIn_infoInput {
	max-width: 420px;
}
.memberIn #flogin .memberIn_infoInput > li .cl-common-form-wrap.cl-form-border-none {
	width: 420px;
	max-width: 100%;
	height: 50px;
	margin: 0 0 8px 0;
	border-radius: 3px;
}
.memberIn #flogin .memberIn_infoInput > li .cl-common-form-group {
	height: 50px;
	padding: 15px;
	background-color: #f4f5f9 !important;
	border-radius: 3px;
}
.memberIn #flogin .memberIn_infoInput .cl-common-form-group input.memberIn_input {
	height: 20px;
	padding: 0;
	background-color: #f4f5f9 !important;
	font-family: NotoSansCJKkr, "Noto Sans KR", sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.43;
	letter-spacing: normal;
	text-align: left;
}
.memberIn #flogin .memberIn_infoInput .cl-common-form-group .memberIn_label {
	top: 15px;
	left: 15px;
	width: auto;
	height: 20px;
	transform: none;
	font-family: NotoSansCJKkr, "Noto Sans KR", sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.43;
	letter-spacing: normal;
	text-align: left;
	color: #b1b3b7;
}
.memberIn #flogin .memberIn_infoInput .cl-common-form-group input:focus ~ .memberIn_label,
.memberIn #flogin .memberIn_infoInput .cl-common-form-group input:valid ~ .memberIn_label,
.memberIn #flogin .memberIn_infoInput .cl-common-form-group input.has-value ~ .memberIn_label {
	color: transparent;
}
.memberIn .memberIn_tip {
	float: left;
    width: 100%;
    color: #8e9095;
    font-size: 13px;
    margin-top: 2px;
}
.memberIn #recaptcha {margin-top:22px;}
.memberIn #recaptcha + .newcheckbox {margin:40px 0; text-align: center;}
.memberIn #recaptcha + .newcheckbox label {float: none;}
.memberIn #recaptcha + .newcheckbox .error label {display: inline-block; width:auto; height: 17px;}
.memberIn .wr_agree_link {display: inline-block; border-bottom: 1px solid #8e9095; padding-bottom: 2px;}

.memberIn .use-check {
	position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -1px;
}
.memberIn_input.error {color:#484b50 !important;}
.memberIn .use-check svg {fill:#00bc39;}
.memberIn .checkmsg {float: left;width: 100%; margin: -3px 0 8px 0;}

.memberIn .pf-join-form {max-width: 500px;}

.net_cokr_redirect__wrapper {width: 420px;height: 198px;margin: 40px auto 0;padding: 40px 75px;border-radius: 10px;background-color: #f5f5f8;box-sizing:border-box;}
.net_cokr_redirect__header {width:269px;height:36px;margin:0;font-family:NotoSansCJKkr, "Noto Sans KR", sans-serif;font-size:24px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:1.6;letter-spacing:normal;text-align:center;color:#222428;}
.net_cokr_redirect__btn {width:270px;height:52px;margin:30px 0 0;padding:14px 56px;border:none;border-radius:26px;background-color:#1c53a1;color:#fff;font-family:NotoSansCJKkr, "Noto Sans KR", sans-serif;font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:center;display:flex;justify-content:center;align-items:center;box-sizing:border-box;white-space:nowrap;}

.memberIn.member-join {
	min-height: 100vh;
	background-color: #fff;
	overflow: visible;
}

.memberIn.member-join .creatorlink-top-logo {
	position: absolute;
	top: 30px;
	left: 40px;
	display: inline-block;
	padding: 0;
	line-height: 0;
	z-index: 2;
}

.memberIn.member-join .creatorlink-top-logo svg {
	display: block;
	width: 132px;
	height: 30px;
}

.memberIn.member-join .creatorlink-top-logo svg .st11 {
	fill: #3c4451;
}

.memberIn.member-join .memberIn_Form {
	width: 330px;
	max-width: 330px;
	margin: 0 auto;
	padding: 120px 0 0;
	overflow: visible;
	flex-basis: auto;
	flex-grow: 0;
	justify-content: flex-start;
}

.memberIn.member-join .memberIn_title {
	width: 183px;
	height: 48px;
	margin: 0 auto 40px;
	font-family: Pretendard, "Noto Sans KR", "Noto sans", sans-serif;
	font-size: 40px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 0;
	color: #222428;
	text-align: center;
}

.memberIn.member-join .memberIn_title[data-lang="en"] {
	width: 430px;
	max-width: none;
	margin-left: 50%;
	margin-right: 0;
	white-space: nowrap;
	transform: translateX(-50%);
}

.memberIn.member-join .memberIn_infoInput {
	float: none;
	position: static;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.memberIn.member-join .memberIn_infoInput > li {
	float: none;
	position: relative;
	width: 100%;
	margin: 0;
}

.memberIn.member-join .memberIn_infoInput > li:last-child {
	margin-bottom: 0;
}

.memberIn.member-join .memberIn_infoInput ~ div {
	float: none;
	position: relative;
	width: 100%;
}

.memberIn.member-join .input-group {
	display: block;
	width: 100%;
}

.memberIn.member-join .cl-common-form-wrap {
	overflow: visible;
	margin: 0;
}

.memberIn.member-join #fjoin .memberIn_infoInput > li .cl-common-form-wrap.cl-form-border-none {
	margin-bottom: 28px;
}

.memberIn.member-join #fjoin .memberIn_infoInput > li:last-child .cl-common-form-wrap.cl-form-border-none {
	margin-bottom: 0;
}

.memberIn.member-join .cl-common-form-wrap.marginbt-8 {
	margin-bottom: 28px !important;
}

.memberIn.member-join .cl-common-form-group {
	position: relative;
	display: flex;
	flex-direction: column;
	float: none;
	width: 100%;
	height: auto;
	padding: 0;
	background-color: transparent;
}

.memberIn.member-join .memberIn_label {
	position: static !important;
	order: 1;
	display: flex;
	align-items: center;
	margin: 0 0 8px;
	padding: 0;
	transform: none !important;
	font-family: Pretendard, "Noto Sans KR", "Noto sans", sans-serif;
	font-size: 14px !important;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	text-align: left;
	color: #222428 !important;
	pointer-events: auto;
}

.memberIn.member-join .cl-common-form-group input:focus ~ .memberIn_label,
.memberIn.member-join .cl-common-form-group input:valid ~ .memberIn_label,
.memberIn.member-join .cl-common-form-group input[readonly] ~ .memberIn_label,
.memberIn.member-join .cl-common-form-group input.has-value ~ .memberIn_label {
	position: static !important;
	top: auto !important;
	left: auto !important;
	transform: none !important;
	font-family: Pretendard, "Noto Sans KR", "Noto sans", sans-serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.5 !important;
	letter-spacing: normal !important;
	color: #222428 !important;
	transition: none !important;
}

.memberIn.member-join .member-join-required::after {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	background-color: #ee445f;
	-webkit-mask: url("https://cdn.zeplin.io/users/5cac415838ff487776feb36f/contents/b0d722de-708e-4414-8411-0967bef4f4fd.svg") center / contain no-repeat;
	mask: url("https://cdn.zeplin.io/users/5cac415838ff487776feb36f/contents/b0d722de-708e-4414-8411-0967bef4f4fd.svg") center / contain no-repeat;
}

.memberIn.member-join .memberIn_input {
	position: relative;
	order: 2;
	z-index: 2;
	width: 100%;
	height: 42px;
	padding: 0 12px;
	border: 1px solid #e5e8eb;
	border-radius: 8px;
	box-sizing: border-box;
	background-color: #fff !important;
	font-family: Pretendard, "Noto Sans KR", "Noto sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: #222428 !important;
	box-shadow: none;
	pointer-events: auto;
}

.memberIn.member-join #reg_mb_email {
	padding-right: 12px;
}

.memberIn.member-join .memberIn_input::placeholder,
.memberIn.member-join .memberIn_input:hover::placeholder,
.memberIn.member-join .memberIn_input:focus::placeholder,
.memberIn.member-join .memberIn_input:active::placeholder,
.memberIn.member-join .memberIn_input.error::placeholder,
.memberIn.member-join .memberIn_input[readonly]::placeholder {
	font-family: Pretendard, "Noto Sans KR", "Noto sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: #c4c7cc !important;
	opacity: 1;
}

.memberIn.member-join .memberIn_input::-webkit-input-placeholder,
.memberIn.member-join .memberIn_input:hover::-webkit-input-placeholder,
.memberIn.member-join .memberIn_input:focus::-webkit-input-placeholder,
.memberIn.member-join .memberIn_input:active::-webkit-input-placeholder,
.memberIn.member-join .memberIn_input.error::-webkit-input-placeholder,
.memberIn.member-join .memberIn_input[readonly]::-webkit-input-placeholder {
	color: #c4c7cc !important;
	-webkit-text-fill-color: #c4c7cc;
	opacity: 1;
}

.memberIn.member-join .memberIn_input:-webkit-autofill,
.memberIn.member-join .memberIn_input:-webkit-autofill:hover,
.memberIn.member-join .memberIn_input:-webkit-autofill:focus,
.memberIn.member-join .memberIn_input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 1000px #fff inset !important;
	box-shadow: 0 0 0 1000px #fff inset !important;
	-webkit-text-fill-color: #222428 !important;
}

.memberIn.member-join .memberIn_input:hover {
	border-color: #9bc5ff;
}

.memberIn.member-join .cl-common-form-group:hover #mb_password:not(:focus):not(:active):not(.error),
.memberIn.member-join .cl-common-form-group:hover #mb_password_check:not(:focus):not(:active):not(.error) {
	border-color: #9bc5ff;
}

.memberIn.member-join .memberIn_input:focus,
.memberIn.member-join .memberIn_input:active {
	border-color: #4789e7;
	outline: none;
}

.memberIn.member-join .memberIn_input.error {
	border-color: #ee445f;
	color: #222428 !important;
}

.memberIn.member-join .member-join-input-success {
	position: absolute;
	right: 14px;
	bottom: 13px;
	z-index: 4;
	display: none;
	width: 16px;
	height: 16px;
	pointer-events: none;
}

.memberIn.member-join .member-join-input-success:before {
	content: "";
	position: absolute;
	top: 1.5px;
	left: 1.5px;
	width: 13px;
	height: 13px;
	background-color: #00c82a;
	-webkit-mask: url("https://cdn.zeplin.io/users/5cac415838ff487776feb36f/contents/643e7482-ea23-43cc-9f33-e8fdd76fec74.svg") center / contain no-repeat;
	mask: url("https://cdn.zeplin.io/users/5cac415838ff487776feb36f/contents/643e7482-ea23-43cc-9f33-e8fdd76fec74.svg") center / contain no-repeat;
}

.memberIn.member-join .memberIn_infoInput > li.spinner:before {
	top: 42px;
	right: 14px;
	z-index: 5;
	width: 16px;
	height: 16px;
	margin: 0;
	border-width: 2px;
	border-color: #d2d6db;
	border-top-color: #00c82a;
}

.memberIn.member-join .memberIn_infoInput > li.spinner .member-join-input-success {
	display: none;
}

.memberIn.member-join .cl-common-form-group.has-success .memberIn_input:not(#mb_password):not(#mb_password_check) {
	padding-right: 48px;
}

.memberIn.member-join .cl-common-form-group.has-success #reg_mb_email {
	padding-right: 48px;
}

.memberIn.member-join .cl-common-form-group.has-success .member-join-input-success {
	display: block;
}

.memberIn.member-join .member-join-password-toggle {
	position: absolute;
	right: 9px;
	bottom: 5px;
	z-index: 5;
	display: none;
	width: 32px;
	height: 32px;
	margin: 0 0 0 175px;
	padding: 7px;
	border: 0;
	background: transparent;
	box-sizing: border-box;
	cursor: pointer;
	line-height: 0;
}

.memberIn.member-join .cl-common-form-group:hover .member-join-password-toggle {
	display: block;
}

.memberIn.member-join .cl-common-form-group.has-success .member-join-password-toggle {
	right: 38px;
}

.memberIn.member-join .member-join-password-toggle::after {
	content: attr(aria-label);
	position: absolute;
	top: 38px;
	left: 50%;
	display: none;
	align-items: center;
	justify-content: center;
	width: 82px;
	height: 26px;
	margin: 0;
	padding: 0 8px;
	border: 1px solid #eeeff0;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
	-webkit-backdrop-filter: blur(30px);
	backdrop-filter: blur(30px);
	box-sizing: border-box;
	transform: translateX(-50%);
	z-index: 1;
	font-family: Pretendard, "Noto Sans KR", "Noto sans", sans-serif;
	font-size: 12px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #696c71;
	text-align: center;
	white-space: nowrap;
	pointer-events: none;
}

.memberIn.member-join .member-join-password-toggle::before {
	content: "";
	position: absolute;
	top: 33px;
	left: 50%;
	display: none;
	width: 10px;
	height: 10px;
	border-top: 1px solid #eeeff0;
	border-left: 1px solid #eeeff0;
	background-color: #fff;
	box-shadow: -3px -3px 8px -6px rgba(0, 0, 0, 0.1);
	transform: translateX(-50%) rotate(45deg);
	pointer-events: none;
	z-index: 2;
}

.memberIn.member-join .member-join-password-toggle:hover::after {
	display: flex;
}

.memberIn.member-join .member-join-password-toggle:hover::before {
	display: block;
}

.memberIn.member-join .member-join-password-toggle-icon {
	display: block;
	width: 18px;
	height: 18px;
	background-color: #b1b3b7;
	-webkit-mask: url("https://cdn.zeplin.io/users/5cac415838ff487776feb36f/contents/a1b28ecc-83e0-41e4-a5c5-5fdf15058621.svg") center / contain no-repeat;
	mask: url("https://cdn.zeplin.io/users/5cac415838ff487776feb36f/contents/a1b28ecc-83e0-41e4-a5c5-5fdf15058621.svg") center / contain no-repeat;
}

.memberIn.member-join .member-join-password-toggle.is-visible .member-join-password-toggle-icon {
	-webkit-mask-image: url("https://cdn.zeplin.io/users/5cac415838ff487776feb36f/contents/27dc1908-8f47-45e1-ad83-394a99d747e5.svg");
	mask-image: url("https://cdn.zeplin.io/users/5cac415838ff487776feb36f/contents/27dc1908-8f47-45e1-ad83-394a99d747e5.svg");
}

.memberIn.member-join .member-join-password-toggle.is-visible::after {
	width: 92px;
}

.memberIn.member-join .member-join-password-toggle[data-tooltip-lang="en"]::after {
	width: 104px;
}

.memberIn.member-join .member-join-password-toggle[data-tooltip-lang="en"].is-visible::after {
	width: 100px;
}

.memberIn.member-join .member-join-password-rules {
	display: none;
	flex-direction: column;
	gap: 8px;
	margin: 12px 0 0;
	padding: 0;
	list-style: none;
}

.memberIn.member-join .member-join-password-rules.is-active {
	display: flex;
}

.memberIn.member-join .member-join-password-rule {
	display: flex;
	align-items: center;
	height: 16px;
	margin: 0;
	line-height: 16px;
	text-align: left;
}

.memberIn.member-join .member-join-password-rule-text {
	display: flex;
	align-items: center;
	width: 208px;
	min-height: 16px;
	height: 16px;
	margin: 0 0 0 4px;
	font-family: Pretendard, "Noto Sans KR", "Noto sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 16px;
	letter-spacing: normal;
	color: #696c71;
	text-align: left;
	white-space: nowrap;
}

.memberIn.member-join .member-join-password-rule-icon {
	flex: 0 0 13px;
	width: 13px;
	height: 13px;
	margin-right: 0;
	background-color: #d2d6db;
	-webkit-mask: url("https://cdn.zeplin.io/users/5cac415838ff487776feb36f/contents/643e7482-ea23-43cc-9f33-e8fdd76fec74.svg") center / contain no-repeat;
	mask: url("https://cdn.zeplin.io/users/5cac415838ff487776feb36f/contents/643e7482-ea23-43cc-9f33-e8fdd76fec74.svg") center / contain no-repeat;
}

.memberIn.member-join .member-join-password-rule.is-invalid .member-join-password-rule-text {
	color: #ee445f;
}

.memberIn.member-join .member-join-password-rule.is-invalid .member-join-password-rule-icon {
	background-color: #ee445f;
	-webkit-mask-image: url("https://cdn.zeplin.io/users/5cac415838ff487776feb36f/contents/e50b8571-c1cc-4b68-8d8a-4a7e90981a26.svg");
	mask-image: url("https://cdn.zeplin.io/users/5cac415838ff487776feb36f/contents/e50b8571-c1cc-4b68-8d8a-4a7e90981a26.svg");
}

.memberIn.member-join .member-join-password-rule.is-valid .member-join-password-rule-icon {
	background-color: #00c82a;
	-webkit-mask-image: url("https://cdn.zeplin.io/users/5cac415838ff487776feb36f/contents/643e7482-ea23-43cc-9f33-e8fdd76fec74.svg");
	mask-image: url("https://cdn.zeplin.io/users/5cac415838ff487776feb36f/contents/643e7482-ea23-43cc-9f33-e8fdd76fec74.svg");
}

.memberIn.member-join #mb_name {
	padding-right: 62px;
}

.memberIn.member-join .member-join-name-count {
	position: absolute;
	right: 14px;
	bottom: 1px;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 72px;
	height: 40px;
	font-family: Pretendard, "Noto Sans KR", "Noto sans", sans-serif;
	font-size: 12px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #b1b3b7;
	text-align: right;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 52%, #fff 100%);
	pointer-events: none;
}

.memberIn.member-join .member-join-name-count.has-value .member-join-name-count-current {
	color: #4789e7;
}

.memberIn.member-join #mb_name:focus ~ .member-join-name-count {
	background: transparent;
}

.memberIn.member-join .memberIn_tip {
	display: none;
}

.memberIn.member-join .checkmsg,
.memberIn.member-join .err {
	margin: 6px 0 0;
}

.memberIn.member-join .checkmsg:empty,
.memberIn.member-join .err:empty {
	display: none;
}

.memberIn.member-join p.error {
	display: flex;
	align-items: center;
	min-height: 16px;
	margin: 4px 0 0;
	padding: 0;
	font-family: Pretendard, "Noto Sans KR", "Noto sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 16px;
	letter-spacing: normal;
	color: #ee445f;
	text-align: left;
}

.memberIn.member-join .member-join-error-icon {
	position: relative;
	flex: 0 0 16px;
	width: 16px;
	height: 16px;
	margin: 0;
	background-color: transparent;
	-webkit-mask: none;
	mask: none;
}

.memberIn.member-join .member-join-error-icon:before {
	content: "";
	position: absolute;
	top: 1.5px;
	left: 1.5px;
	width: 13px;
	height: 13px;
	background-color: #ee445f;
	-webkit-mask: url("https://cdn.zeplin.io/users/5cac415838ff487776feb36f/contents/e50b8571-c1cc-4b68-8d8a-4a7e90981a26.svg") center / contain no-repeat;
	mask: url("https://cdn.zeplin.io/users/5cac415838ff487776feb36f/contents/e50b8571-c1cc-4b68-8d8a-4a7e90981a26.svg") center / contain no-repeat;
}

.memberIn.member-join p.error label.error {
	display: block;
	width: auto;
	min-width: 159px;
	height: 16px;
	margin: 0 0 0 3px;
	font-family: Pretendard, "Noto Sans KR", "Noto sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 16px;
	letter-spacing: normal;
	color: #ee445f;
	text-align: left;
}

.memberIn.member-join .checkmsg span.error {
	display: none;
}

.memberIn.member-join .checkmsg .use-check {
	display: none;
}

.memberIn.member-join .wragreeCheckbox {
	margin: 28px 0 40px;
	text-align: left;
}

.memberIn.member-join .wragreeCheckbox > p.error {
	clear: both;
	width: 100%;
	margin: 6px 0 0;
}

.memberIn.member-join .wragreeCheckbox > p.error .member-join-error-icon {
	position: relative;
	flex: 0 0 16px;
	width: 16px;
	height: 16px;
	background-color: transparent;
	-webkit-mask: none;
	mask: none;
}

.memberIn.member-join .wragreeCheckbox > p.error .member-join-error-icon:before {
	content: "";
	position: absolute;
	top: 1.5px;
	left: 1.5px;
	width: 13px;
	height: 13px;
	background-color: #ee445f;
	-webkit-mask: url("https://cdn.zeplin.io/users/5cac415838ff487776feb36f/contents/e50b8571-c1cc-4b68-8d8a-4a7e90981a26.svg") center / contain no-repeat;
	mask: url("https://cdn.zeplin.io/users/5cac415838ff487776feb36f/contents/e50b8571-c1cc-4b68-8d8a-4a7e90981a26.svg") center / contain no-repeat;
}

.memberIn.member-join .wragreeCheckbox > label {
	display: flex;
	align-items: center;
	float: none;
	width: 100%;
	min-height: 20px;
	margin: 0;
	color: #696c71;
	font-family: Pretendard, "Noto Sans KR", "Noto sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}

.memberIn.member-join .wragreeCheckbox > p.error label.error {
	min-height: 16px;
}

.memberIn.member-join .newcheckbox .newcheckboxSvg {
	flex: 0 0 20px;
	float: none;
	width: 20px;
	height: 20px;
	margin: 0;
}

.memberIn.member-join .newcheckbox input[type="checkbox"] {
	width: 20px;
	height: 20px;
}

.memberIn.member-join .newcheckbox svg:not(.cm-popover-info) {
	width: 20px;
	height: 20px;
}

.memberIn.member-join .newcheckbox svg.active {
	top: 2px;
	left: 2px;
	width: 16px;
	height: 16px;
}

.memberIn.member-join .member-join-checkbox-bg {
	fill: #fff;
}

.memberIn.member-join .member-join-checkbox-line {
	fill: #dbdcdf;
}

.memberIn.member-join .newcheckbox svg.active .st19 {
	fill: #4789e7;
}

.memberIn.member-join .member-join-agree-text {
	display: block;
	flex: 0 0 auto;
	width: max-content;
	max-width: none;
	height: 16px;
	margin: 2px 0 2px 5px;
	font-family: Pretendard, "Noto Sans KR", "Noto sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 16px;
	letter-spacing: 0;
	text-align: left;
	white-space: nowrap;
	color: #696c71;
}

.memberIn.member-join .member-join-required-word {
	color: #4789e7;
	font-weight: 400;
}

.memberIn.member-join .wr_agree_link {
	display: inline;
	padding-bottom: 1px;
	border-bottom: 1px solid #696c71;
	color: #696c71;
	text-decoration: none;
}

.memberIn.member-join .memberIn_infoSubmit {
	float: none;
	position: static;
	width: 100%;
	text-align: center;
}

.memberIn.member-join .memberIn_btn {
	width: 100%;
	height: 48px;
	border-radius: 8px;
	background-color: #4789e7;
	font-family: Pretendard, "Noto Sans KR", "Noto sans", sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 48px;
	color: #fff;
	text-align: center;
}

.memberIn.member-join .memberIn_btn:hover,
.memberIn.member-join .memberIn_btn:focus {
	background-color: #3b7fe1;
	color: #fff;
	text-decoration: none;
}

.memberIn.member-join #fjoin .memberJoin_link,
.memberIn.member-join #fjoin .snslogin {
	display: none;
}

.memberIn.member-join .member-join-footer {
	width: 100%;
	margin-top: 100px;
	padding: 40px 0 60px;
	border-top: 1px solid #e5e8eb;
	background-color: #fff;
}

.memberIn.member-join .member-join-footer-inner {
	position: relative;
	width: 952px;
	max-width: calc(100% - 80px);
	margin: 0 auto;
}

.memberIn.member-join .member-join-footer-logo-wrap {
	position: absolute;
	top: 0;
	left: 0;
}

.memberIn.member-join .member-join-footer-logo {
	display: inline-block;
	width: 168px;
	height: 38px;
	line-height: 0;
}

.memberIn.member-join .member-join-footer-logo .logo-svg {
	display: block;
	width: 168px;
	height: 38px;
	fill: #3c4451;
}

.memberIn.member-join .member-join-footer-logo .logo-svg path,
.memberIn.member-join .member-join-footer-logo .logo-svg rect,
.memberIn.member-join .member-join-footer-logo .logo-svg polygon {
	fill: #3c4451;
}

.memberIn.member-join .member-join-footer-menu {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0;
	min-height: 38px;
	margin: 0;
	padding: 0 0 0 274px;
	list-style: none;
}

.memberIn.member-join .member-join-footer-menu li {
	display: flex;
	align-items: center;
	margin: 0;
	font-family: Pretendard, "Noto Sans KR", "Noto sans", sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
	color: #696c71;
}

.memberIn.member-join .member-join-footer-menu li + li::before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 10px;
	margin: 0 10px;
	background-color: #d9dce0;
}

.memberIn.member-join .member-join-footer a {
	color: inherit;
	text-decoration: none;
}

.memberIn.member-join .member-join-footer a:hover {
	color: #4789e7;
	text-decoration: none;
}

.memberIn.member-join .member-join-footer-bottom {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 40px;
	margin-top: 36px;
}

.memberIn.member-join .member-join-footer-company {
	max-width: 640px;
	font-family: Pretendard, "Noto Sans KR", "Noto sans", sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.7;
	color: #a0a5ad;
}

.memberIn.member-join .member-join-footer-company span {
	display: inline;
}

.memberIn.member-join .member-join-footer-company .member-join-footer-copyright {
	display: block;
	margin-top: 6px;
}

.memberIn.member-join .member-join-footer-side {
	flex: 0 0 auto;
	min-width: 114px;
}

.memberIn.member-join .member-join-footer-lang,
.memberIn.member-join .member-join-footer-social {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

.memberIn.member-join .member-join-footer-lang {
	justify-content: flex-start;
	margin-bottom: 22px;
}

.memberIn.member-join .member-join-footer-lang li {
	font-family: Pretendard, "Noto Sans KR", "Noto sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: #696c71;
}

.memberIn.member-join .member-join-footer-lang li.active {
	font-weight: 700;
	color: #222428;
}

.memberIn.member-join .member-join-footer-lang li + li::before {
	content: "/";
	margin: 0 8px;
	color: #696c71;
	font-weight: 400;
}

.memberIn.member-join .member-join-footer-social {
	gap: 18px;
}

.memberIn.member-join .member-join-footer-social a {
	display: block;
	width: 24px;
	height: 24px;
	line-height: 0;
	color: #484b50;
}

.memberIn.member-join .member-join-footer-social svg {
	display: block;
	width: 24px;
	height: 24px;
	fill: currentColor;
}

/* 비밀번호 재설정 *************************************************************/

#fidp_title { border-bottom:1px solid #ddd; font-size:13px; font-family:'Raleway', 'Nanum Gothic'; font-weight:bold; padding-bottom:10px; } 
#fidp { padding:30px 0px 0px 0px }
#fidp p { height:40px; }
#fidp p label { float:left; width:100px; }
#fidp p label.answer { width:150px; }
#fidp p.wrkey { height:60px; }

#kcaptcha {	float:left;	border-radius: 5px; width: 100%;}
.memberIn .captcha_img {
    max-width: 135px;
    height: 70px;
    float: left;
    margin-right: 15px;
}
.memberIn .captcha_text {float: left; width: calc(100% - 150px);}
.memberIn .captcha_text * {color:#b1b3b7; font-size:14px;}
.memberIn .captcha_reset {font-size:13px; color:#8e9095; margin-top: 5px;}
.memberIn .captcha_reset svg { fill:#8e9095; float:left; margin-right: 2px;}

.errormsg { padding:5px 0px;}
.err { 
    overflow: hidden;
    width: 100%;
    margin: 0;
    position: relative;
}
.err p { color: #ee445f !important}
.agree_text { font-size:12px;}
.agree_text.b { color:#cc0000; font-weight: bold; text-decoration: underline;}
body { overflow: auto;}

/*password_reset*/
.join .pw-reset-btn { 
	margin-top:5px;
}

#reg_mb_email{padding-right: 110px;}
.join li .email-overlay{display: none; position:absolute; width:100%; height: 100%; top:0; left:0; margin-top: 0;}
.join li .email-overlay.show{display: block;}

@keyframes spinner {
  to {transform: rotate(360deg);}
}
 
.spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 25px;
    right: 15px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 2px solid #ccc;
    border-top-color: #3C4450;
    animation: spinner .9s linear infinite;
    z-index: 99;
}
li.check-email { position: relative; }
@media only screen and (max-width: 767px) {
	.pf-login-form { max-width: 95%; }
	.pf-login-form .panel-body { padding: 65px 20px 20px; }
	.pf-join-form { max-width: 100%;  margin-top: 30px;}
	.pf-join-form .panel-body { padding: 50px 40px 45px; font-size: 12px; }
	.pf-join-form .panel-body img { max-height: 30px; max-width: 100% }
	.pf-join-form .panel { max-width: 80%; margin: 0 auto; }
	.pf-join-form input.form-control { padding: 8px 11px; }  
	.pf-join-form .logo-box { margin-bottom: 20px;} 
	.join li h5 { margin-top: 10px; line-height: 1.8; }
	.join li h3 { font-size: 14px; font-weight: bold; margin-top:0; margin-bottom:0;}

    .memberIn #flogin .snslogin { margin: 30px auto 0;}
    .memberIn .memberIn_Form {padding : 0 20px;}
	.memberIn .memberIn_Form#flogin {
		width: calc(100% - 40px);
		max-width: none;
		margin: 50px 20px 0;
		padding: 0;
		justify-content: unset;
	}
	.memberIn #flogin .memberIn_infoInput,
	.memberIn #flogin .memberIn_infoInput > li .cl-common-form-wrap.cl-form-border-none {
		width: 100%;
		max-width: 100%;
	}
	.memberIn .memberIn_title {margin-top:20px; font-size:28px;}
	.memberIn #flogin .memberIn_title {
		width: auto;
		height: auto;
		margin: 20px 0 15px 0;
		font-family: NotoSansCJKkr, "Noto Sans KR", sans-serif;
		font-size: 28px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.46;
		letter-spacing: normal;
		text-align: left;
	}
	.memberIn .memberIn_infoSubmit .snslogin {margin:70px auto 80px auto;}
	.memberIn #fjoin .memberIn_infoSubmit .snslogin {margin-top: 40px;}
	.memberIn.memberIn_pwdReset .memberIn_title {margin-top:20px;}
	.memberIn .memberIn_Form { position: relative; margin: 50px auto 0 auto; justify-content: unset;}
	.memberIn .memberIn_Form#flogin {
		margin: 50px 20px 0;
	}
	.pf-login-body .memberJoin_infoDo {
		margin: 2px 0 30px 0;
	}
	/*.memberIn .memberIn_Form {margin: 11vh auto 0 auto;}
	.memberIn:not(.memberIn_pwdReset) .memberIn_Form#fjoin {margin: 1vh auto 0 auto;}*/
	.memberIn .creatorlink-top-logo {
		display: inline-flex;
	    top: 0;
	    width: 100%;
	    height: auto;
	    background-color: #fff;
	    z-index: 2;
	    padding: 10px 20px;
	    border-bottom: 1px solid #eeeff0;
	}
	.memberIn.member-join {
		position: relative;
	}
	.memberIn.member-join .creatorlink-top-logo {
		position: relative;
		top: auto;
		left: auto;
		display: flex;
		width: 100%;
		height: 51px;
		padding: 11px 0 0 15px;
		border-bottom: 1px solid #eeeff0;
		background-color: #fff;
		box-sizing: border-box;
	}
	.memberIn.member-join .memberIn_Form {
		width: calc(100% - 30px);
		max-width: none;
		margin: 0 15px;
		padding: 40px 0 0;
	}
	.memberIn.member-join .memberIn_title {
		height: 34px;
		margin-bottom: 28px;
		font-size: 28px;
	}
	.memberIn.member-join .member-join-password-field::after {
		content: "";
		position: absolute;
		right: 2px;
		bottom: 2px;
		z-index: 3;
		display: none;
		width: 82px;
		height: 38px;
		border-radius: 0 6px 6px 0;
		background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 52%, #fff 100%);
		pointer-events: none;
	}
	.memberIn.member-join .member-join-password-field:hover::after,
	.memberIn.member-join .member-join-password-field:focus-within::after {
		display: block;
	}
	.memberIn.member-join .wragreeCheckbox > label {
		align-items: flex-start;
	}
	.memberIn.member-join .newcheckbox .newcheckboxSvg {
		margin-top: 2px;
	}
	.memberIn.member-join .member-join-agree-text {
		flex: 1 1 0;
		width: auto;
		max-width: none;
		min-width: 0;
		min-height: 16px;
		height: auto;
		line-height: 1.5;
		white-space: normal;
		word-break: normal;
		overflow-wrap: anywhere;
	}
	.memberIn.member-join .member-join-footer {
		display: none;
	}
	.memberIn .memberIn_btn {height:48px; line-height: 46px;}
	.memberIn #flogin .submitBtn {
		display: flex;
		align-items: center;
		gap: 10px;
	}
	.memberIn #flogin .memberIn_btn#login_btn_submit.member-login-submit,
	.memberIn #flogin .memberIn_btn#join_btn_movepage {
		height: 48px;
		margin: 0;
		padding: 12px 0;
		border-radius: 24px;
		color: #fff;
		font-family: NotoSansCJKkr, "Noto Sans KR", sans-serif;
		font-size: 16px;
		font-weight: 300;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.5;
		letter-spacing: normal;
		text-align: center;
		box-sizing: border-box;
		white-space: nowrap;
		float: none;
	}
	.memberIn #flogin .memberIn_btn#login_btn_submit.member-login-submit {
		flex: 192 1 0;
		width: auto;
		max-width: none;
		background-color: #4789e7;
	}
	.memberIn #flogin .memberIn_btn#join_btn_movepage {
		flex: 118 1 0;
		width: auto;
		max-width: none;
		background-color: #ee445f;
	}
	.memberIn_infoSubmit .snsbtn-login {margin:0 15px; max-width:56px;}
	.memberIn_infoSubmit .snsbtn-login:first-child {margin-left:0;}
	.memberIn_infoSubmit .snsbtn-login:last-child {margin-right:0;}
	.memberIn .memberIn_infoSubmit .snslogin {
		display: flex;
		justify-content: center;
		max-width: 314px;
	}
	.memberIn_infoSubmit .snsbtn-logo {
		width: 56px;
		height: 56px;
		padding: 16px;
		border-radius: 28px;
		border: solid 1px #eeeff0;
		background-color: #fff;
		box-sizing: border-box;
	}
	.memberIn_infoSubmit .snsbtn-logo svg {width:24px !important; height:24px !important;}
	.memberIn_infoSubmit .snsbtn-text {
		width: 44px;
		height: 18px;
		margin: 10px 6px 0;
		font-family: NotoSansCJKkr, "Noto Sans KR", sans-serif;
		font-size: 12px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.5;
		letter-spacing: normal;
		text-align: center;
		white-space: nowrap;
		color: #8e9095;
	}
    #joinRes,.joinCertifyMail {margin-top:20px;}
    #joinRes h3,.joinCertifyMail h3 {font-size: 20px; word-break: keep-all; }

    .net_cokr_redirect__wrapper {width: 320px;height:187px;margin:30px 0 0;padding: 40px 25px;border-radius: 10px;background-color: #f5f5f8;display:flex;flex-direction: column;justify-content:center;align-items:center;box-sizing:border-box;}
    .net_cokr_redirect__header {width:100%;height:29px;margin:0;font-family:NotoSansCJKkr, "Noto Sans KR", sans-serif;font-size:20px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:1.6;letter-spacing:normal;text-align:center;color:#222428;white-space:nowrap;}
    .net_cokr_redirect__btn {width:270px;height:48px;margin:30px 0 0;padding:12px 56px;font-family:NotoSansCJKkr, "Noto Sans KR", sans-serif;font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:center;border:none;border-radius:26px;background-color:#1c53a1;color:#fff;display:flex;justify-content:center;align-items:center;box-sizing:border-box;white-space:nowrap;}
}

@media only screen and (max-width: 359px) {
	.memberIn #flogin .memberIn_infoSubmit .snsbtn-login {
		flex: 0 0 56px;
		width: 56px;
		max-width: 56px;
		margin-left: calc((100% - 224px) / 6);
		margin-right: calc((100% - 224px) / 6);
	}
	.memberIn #flogin .memberIn_infoSubmit .snsbtn-login:first-child {
		margin-left: 0;
	}
	.memberIn #flogin .memberIn_infoSubmit .snsbtn-login:last-child {
		margin-right: 0;
	}
}

@media only screen and (max-width: 479px) {
	.pf-login-form .submit { margin: 0; }
	.pf-login-form .bottom-box { margin-top: 10px; margin-bottom:25px; }
	.pf-login-form .panel-body .btn-primary { line-height: 22px; padding: 10px 0; }
	.pf-login-form .submit .btn-fblogin,
	.pf-join-form .submit .btn-fblogin { padding:0; line-height: 42px; }
	.pf-join-form { margin-top: 30px;}
	.pf-join-form .panel { max-width: 94%; }
	.pf-join-form .panel-body { padding: 50px 15px 45px; }
	.pf-join-form .btn { margin-top: 0; padding:12px 0;}
	.join li h5 { font-size: 13px; margin-top: 10px; line-height: 1.8; }
	.join li div label.forget { width: 100%; }
}
@media only screen and (max-width: 380px) {
.memberIn .memberIn_btn#login_btn_submit { max-width: 59%;}
/*
@media only screen and (max-width: 479px) {
.main-login.modal .modal-dialog .modal-content { min-height: 400px; }
.main-login.modal .modal-header .close { margin-top:0; margin-right: 0; }
.main-login.modal .modal-dialog { margin-top: 30px; }
.main-login.modal .modal-header { padding:20px 20px 0; }
.main-login.modal .modal-dialog .modal-body { padding: 20px; }
.main-login.modal .login { margin-top: 20px;  }
.main-login.modal .btn-wrap { margin: 0; }
.main-login.modal .bottom-box { margin-top: 10px; }
.main-login.modal .btn-primary { padding: 10px 0; }
}*/