/***************************************************
■  웹접근성에 맞게 checkbox css 변경 bk
****************************************************/
.chks {	display: inline-flex;	align-items: center;	gap:var(--gap-8);	position: relative;}
.chks input[type="checkbox"] {width: var(--num-24);	height: var(--num-24);	border-radius: var(--radius-md);	margin: 0 var(--num-6) 0 0;	flex-shrink: 0;}
.chks input[type="checkbox"]:focus-visible {outline-color: #E84033 !important;	outline-offset: 3px;}
.chks input[type="radio"] {	width: var(--num-24);height: var(--num-24);	border-radius: 50%;	margin: 0 var(--num-6) 0 0}
.chks input[type="radio"]:focus-visible {outline-color: #E84033 !important;	outline-offset: 3px;}
.chks label {cursor: pointer;}
.chks label em {color: #a51515;font-weight: 600;	font-size: var(--font-size-16);}

.chks+.chks {margin-left: var(--num-40);}

@media ( max-width :768px) {
	.chks {	display: block;	}
	.chks+.chks {margin-left: 0;	margin-top: var(--num-4);}
}

/***************************************************
■  로그인
****************************************************/
.loginArea {width: 100%;margin: auto;}
.login {width: 37.5rem;	margin: auto;}
.top_box {text-align: center;	margin: 0 auto;}
.top_box h3 {font-size: var(--font-size-37);	font-weight: normal;	color: #222;	position: relative;	margin-bottom: var(--num-10);}
.top_box h3 b {	position: relative;	font-weight: bold;	color: var(--Brand-Color-main);	z-index: 0}
.top_box h3 b:before {	content: '';	position: absolute;	left: -2rem;	top: -1.5rem;	width: var(--num-80);	height: var(--num-80);	border-radius: 50%;	background: linear-gradient(135deg, #F9F7FD, #fcfbfd);	z-index: -1;}
.top_box p {margin: 0 0 2.5rem;	font-size:var(--font-size-18);	line-height: 1.5; color: #555;}

.login dt label {	position: absolute;	top: -999em;	height: 0;	line-height: 0;	font-size: 0;}
.login dd {	position: relative;}
.login input.i_text {	position: relative;	width: 100%;	height: var(--num-64);	line-height: var(--num-64);	padding-left: var(--num-50);	border: 1px solid #f5f5f5;	border-radius: inherit;	background-clip: padding-box;	-webkit-appearance: none;	box-sizing: border-box;	background-color: #f5f5f5;	transition: all 0.3s ease 0s;}
.login dd:after {position: absolute;content: '';display: block;	left: 1rem;top: 50%;transform: translateY(-50%);width: var(--num-24);aspect-ratio: 1;  background-color: var(--Brand-Color-main);forced-color-adjust: none;  -webkit-mask-repeat: no-repeat;  -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain;
    -webkit-mask-image: url(/images/default/member/icon_id.svg);
    mask-image: url(/images/default/member/icon_id.svg);}
.login dd.inputPw:after {
	-webkit-mask-image: url(/images/default/member/icon_pw.svg);
    mask-image: url(/images/default/member/icon_pw.svg);
}
.login input.i_text:focus {	border-color: var(--Brand-Color-main);	background-color: #fff;}
.login dd.inputPw {	margin-top: var(--num-10);}
.login input.btnLogin {	width: 100%;	height: var(--num-80);	border: inherit;	font-size: var(--font-size-20);	color: #FFF;	cursor: pointer;	transition: all 0.5s cubic-bezier(0, 0, 0.21, 0.87) 0s;	margin-top: var(--num-20);	background-color: var(--Brand-Color-main);}
.login input.btnLogin:hover {opacity: 1;	box-shadow: 0.25rem 0.75rem 1rem rgba(0, 0, 0, 0.15);}
.login input.btnLogin:focus-visible {outline-color: #E84033}
.lost_box {	width: 100%;margin-top: var(--num-20);	text-align: right;}

.join {margin-top: var(--num-40);	display: flex;	justify-content: center}
.join .join_btn {display: inline-block;	margin-left: var(--num-20);	color: var(--Brand-Color-main);	font-weight: 500;	text-decoration: underline;	text-underline-position: under;}

.loginFail {position: relative;	clear: both;}
.loginFail input {height: var(--num-28);	border: 1px solid #b4b4b4;}

.loginFail p {margin-top: var(--num-4);}

.error {color: #ff0000;padding-top: var(--num-4);}

@media ( max-width : 768px) {
	.loginArea {padding: 0}	
	.login, .lost_box {	width: 100%;}
	.join {	justify-content: space-between	}
}
@media ( max-width : 450px) {
	.top_box h3 {font-size: var(--font-size-28); word-break: keep-all; overflow-wrap: anywhere;}
	.join {line-height:1.5;}
}



/***************************************************
■  step 디자인
****************************************************/
.sign_step {display: block !important;	margin-bottom: var(--num-80);	text-align: center;}
.sign_step ol {	display: inline-flex;	position: relative;	z-index: 0;}
.sign_step ol li {position: relative;	color: #888;	font-weight: 500;	padding: 0 var(--num-40)}
.sign_step ol li:before {content: "";	position: absolute;	left: 0px;	top: var(--num-30);	width: 100%;	height: 1px;	border-top: 1px dashed #e0e0e0;	z-index: -2;}
.sign_step ol li:after {content: "";display: none;	position: absolute;	left: 0px;	top: var(--num-30);	width: 100%;	height: 3px;	border-top: 3px solid var(--Brand-Color-main);	z-index: -1;}
.sign_step ol li:first-child:before,
.sign_step ol li:first-child:after	{left: 50%;	width: 50%;}
.sign_step ol li:last-child:before, 
.sign_step ol li:last-child:after {	width: 50%;}
.sign_step ol li .num {display: flex; justify-content: center; align-items: center; margin: 0 auto var(--num-10);border-radius: 1rem;width: var(--num-60);	height: var(--num-60);	align-content:center;text-align: center;font-size: var(--font-size-24);	background: #fff;	border: 1px solid #E0E0E0}
.sign_step ol li.on {color: var(--Brand-Color-main);}
.sign_step ol li.on:after {	display: block;}
.sign_step ol li.on .num {	background: var(--Brand-Color-main);	border-color: var(--Brand-Color-main);	color: #fff;}
.sign_step ol li:last-child.on .num {border: 2px solid var(--Brand-Color-sub);}


@media ( max-width : 768px) {
	.sign_step ol li {padding: 0 var(--num-10);}
}
@media ( max-width : 467px) {
	.sign_step ol {	width: 100%;}
	.sign_step ol li {flex: 1;}	
	.sign_step ol li:before {top: 1rem;	}
	.sign_step ol li:after {top: 0.95rem;}
	.sign_step ol li .num {width: 2rem;height: 2rem; line-height: 2rem;font-size: var(--font-size-16);	border-radius: 0.3rem;	}
	.sign_step ol li p {font-size: var(--font-size-14);	line-height: 1.1;}
}

/***************************************************
■  아이디 찾기
****************************************************/
.idTab ul {	overflow: hidden;}
.idTab ul li {float: left;	width: 50%;}
.idTab li a {display: block;	font-size: var(--font-size-20);	color: #333;	border: 1px solid #fff;	border-bottom-color: var(--Brand-Color-main);	line-height: var(--num-60);	text-align: center;	letter-spacing: -0.3px;}
.idTab li.on a {	position: relative;	font-weight: 600;	color: var(--Brand-Color-main);	border-color: var(--Brand-Color-main);	border-bottom-color: #fff;}
.idTab li:hover a {	position: relative;	font-weight: 600;	color: var(--Brand-Color-main);	background: var(--Brand-Color-bg);}
.idTab li.on:hover a {	background: #fff;}

/* 아이디 비번찾기 */
.btnAction {margin-top: var(--num-30);	text-align: center;}
.searchWrap p {margin-bottom: var(--num-10);}
.searchWrap p em {color: var(--Brand-Color-sub);}

.btnAction input[type="submit"], 
.btnAction input[type="button"] {	width: clamp(15rem, 12.321rem + 7.143vw, 18.75rem);	height: var(--num-60);	line-height: var(--num-60);	font-weight: 700;	color: #fff;	background-color: var(--Brand-Color-main);	border: none;	cursor: pointer;}
.bullet {font-size: var(--font-size-24); color: #000;	font-weight: bold;	padding-left: var(--num-24);	background: url("../images/default/content/bullet.svg") no-repeat left center;	margin-top: var(--num-48); margin-bottom: var(--num-20);}

.verif {padding-top: var(--num-40);}
.verif .verif_txt {background: #FAFBFB;	padding: var(--num-20) var(--num-40);}
.verif .fact_box_wrap .fact_box h4 {border-bottom: none !important;}
.verif .verif_txt p {position: relative; padding-left: var(--num-10);}
.verif .verif_txt p+p {	margin-top: var(--num-10);}
.verif .verif_txt p:before {content: ''; position: absolute;	left: 0px;	top: var(--num-10);	width: var(--num-4); height: var(--num-4);	background: var(--Brand-Color-main);}
.varif_li {	max-width: 37.5rem;	margin: 0 auto;	border-top: none !important;}
.varif_li li img {	width: 2.625rem;}
.varif_li li {display: flex; align-items: center;	justify-content: space-between;	margin-top: var(--num-14);	border: 1px solid #ddd;	padding: var(--num-10);	border-radius: 0.6rem;	box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);}
.varif_li li span {	display: flex;	align-items: center;	justify-content: center;	flex-shrink: 0;	width: 17.5rem;	padding: 0 var(--num-20);	font-weight: 500;	font-size: var(--font-size-19);	color: #888;}
.varif_li li span i {color: #000;	font-size: var(--font-size-24);}
.varif_li li .btn_confirm {	color: #fff;	border: 1px solid var(--darkGreen);	background-color: var(--green2);	width: 100%;	height: var(--num-60);	border-radius: 0.4rem;	font-size: var(--font-size-18);}


.myPage_bg {padding: clamp(1rem, 0.8rem + 1vw, 2rem) clamp(1rem, 0.95rem + 0.25vw, 1.25rem); background:#F5F9FF; text-align:center;}
.myPage_bg .inner_text_area {display: flex; flex-direction: column; gap: 0.5rem; background:#fff; padding:clamp(1rem, 0.95rem + 0.25vw, 1.25rem);}
.myPage_bg .txt {font-size: clamp(1.2rem, 1.14rem + 0.3vw, 1.5rem); font-weight:700;}
.myPage_bg .table_sec_tit {min-width:40rem;max-width: 60%; margin: 0 auto 1.4rem;}
.myPage_bg .mem_table {min-width:40rem; max-width: 60%; margin: 0 auto;} 
.myPage_bg .mem_table li .th {width:10rem;}
.myPage_bg .btn_wrap {flex-wrap:wrap; gap:0.5rem 1rem;}

@media (max-width :640px) {
	.myPage_bg .btn_wrap input.btn_default {flex:1; width:100%; min-width:unset; max-width:unset;}
	.myPage_bg .btn_wrap input.btn_default:is(.blue) {flex:unset; flex-basis:100%;}
}
@media (max-width :768px) {
	.btnAction input[type="submit"],
	 .btnAction input[type="button"] {width: 100%;}
	.verif .verif_txt {padding: var(--num-10);	}
	.varif_li li span {width: 9rem;}
}

/***************************************************
■  회원가입, 회원가입완료
****************************************************/

/* 버튼 */
.btn_wrap{display: flex; align-items: center;  justify-content: center; gap:0 1rem;text-align:center; margin-top:clamp(2rem, 1.9rem + 0.5vw, 2.5rem);}

.btn_confirm {color: #fff;	background: var(--Brand-Color-main-gra);	border-color: var(--Brand-Color-main);}
.btn_cancel {color: var(--Brand-Color-deep);	background: #fff;	border-color: var(--Brand-Color-deep);}
.btn_cancel {color: var(--Brand-Color-deep);	background: #fff;	border-color: var(--Brand-Color-deep);}
.btn_cancel:hover {	background: var(--Brand-Color-bg);}
.btn_save {	color: #fff;background-color: var(--Brand-Color-main);	border-color:  var(--Brand-Color-main);}



/****** 가입완료 ******/
.signup_comp_wrap {display: flex;flex-direction: column;justify-content: center;align-items: center;padding: clamp(1.5rem, 1.4rem + 0.5vw, 2rem) clamp(1rem, 0.9rem + 0.5vw, 1.5rem); width:100%; min-height: 20rem;background:#f8f8f8 }
.signup_comp .text_box {font-size: clamp(1.44rem, 1.428rem + 0.06vw, 1.5rem); font-weight:700;}
.signup_comp .text_box span {font-weight:500;}
.signup_comp .text_box p {margin-top:0.5rem; font-weight:500; font-size: clamp(1rem, 0.988rem + 0.063vw, 1.063rem); color: #464C53;}
.signup_comp .text_box small {font-size: clamp(0.833rem, 0.812rem + 0.104vw, 0.938rem); color: #D63D4A; font-weight:400;}
.signup_comp .icon_comp {display:block; margin:0 auto clamp(1rem, 0.9rem + 0.5vw, 1.5rem); width:clamp(2.5rem, 2.25rem + 1.25vw, 3.75rem); height:clamp(2.5rem, 2.25rem + 1.25vw, 3.75rem); background:url('/images/default/member/mem_chk.svg') no-repeat center center; background-size:100% auto;}
.signup_comp_wrap .btn_wrap { gap: clamp(0.5rem, 0.4rem + 0.5vw, 1rem); justify-content: center; margin-top:clamp(2rem, 1.8rem + 1vw, 3rem);}


@media (max-width:1024px){
	.signup_comp_wrap {width:100%;}
}
@media (max-width:768px){
	.signup_comp .text_box small {display: block;  margin-top: 0.9375rem;}
	.signup_comp_wrap .btn_wrap .btn_default {min-width:unset; padding:0 1rem;}
}

/* 본인인증 */
/* .agree_box_wrap {	border-top: 2px solid #000;padding: var(--num-30) 0 var(--num-20);}
.agree_box_wrap .agree_box {	padding: var(--num-30);	background: #F5F8F6;}
.agree_box_wrap .agree_box:first-child {	margin-bottom: var(--num-20);}
.agree_box_wrap .agree_box h4 {	font-size: var(--font-size-24);	margin-bottom: var(--num-10);	color: #333;}
.agree_box_wrap .agree_box div {text-align: right;	margin-top: var(--num-4);}
.agree_box_wrap .agree_box .chks {display: inline-block;}
.agree_box_wrap p {	color: #D42E1D;	margin-top: var(--num-10);}

.fact_box_wrap {padding: var(--num-80) 0 var(--num-40);}
.fact_box_wrap .fact_box {border-radius: .75rem;	padding: var(--num-30) var(--num-20);	box-shadow: 0 0 20px rgba(142, 142, 142, 0.15);	background: #fff;}
.fact_box_wrap .fact_box h4 {text-align: center;	font-size: var(--font-size-24);	color: #333;	margin-bottom: var(--num-30);}
.fact_box_wrap .fact_box h4 b {	background: linear-gradient(#fff 50%, #d9f1e8 50%);}
.fact_box_wrap .fact_box p.okMsg {text-align: center;	font-weight: bold;	color: red;	margin-top: var(--num-8);}
.fact_box_wrap .varif_li li {display: block;	padding: 0;	border: none;	text-align: center;	box-shadow: none;}
.fact_box_wrap .varif_li li .btn_confirm {	margin: 0;}
.fact_box_wrap .varif_li li span {display: flex;	margin: 0 0 var(--num-20);	gap: var(--num-20);	background: #FAFBFB;	width: 100%;	padding: var(--num-20) 0;	border-radius: 1rem;}
.fact_box_wrap.half {display: flex;	justify-content: space-between;	flex-wrap: wrap;}
.fact_box_wrap.half .fact_box {	width: 48%;}
.fact_box_wrap.half .fact_box:nth-of-type(2)  h4 b {background: linear-gradient(#fff 50%, #FFF8E3 50%);}
.fact_box_wrap.half .fact_box:nth-of-type(2) .btn_confirm {	background: #FFDC61;	border: #FFDC61;	color: #353535}

@media ( max-width :768px) {
	.user_agree dd textarea {height: 12rem;}
	.agree_box_wrap .agree_box div {text-align: center;}
	.fact_box_wrap.half .fact_box {	width: 100%;}
	.fact_box_wrap.half .fact_box:nth-of-type(2) {	margin-top: var(--num-30);	}
} */



.certify-option.single {display: flex; flex-direction: column; padding: clamp(1.5rem, 1.3rem + 1vw, 2.5rem);  width: 100%;  border-radius: var(--krds-radius-large1);  -webkit-border-radius: 0.5rem; border: 1px solid #D8D8D8;  align-items: flex-start;  justify-content: space-between; }
.certify-type > p  {font-size: clamp(0.833rem, 0.812rem + 0.104vw, 0.938rem); font-weight: 400;  color: #555;}
.certify-option.single .innerFlex {display: flex;  gap: 1rem 3rem; justify-content: space-between; width: 100%; }

.certify-tit {width: 12.5rem; color: var(--Text-Color-Black); font-size: clamp(1.2rem, 1.165rem + 0.175vw, 1.375rem); line-height: 1.5; font-weight: 700;}
.certify-type { display: flex;  flex-direction: column;  flex: 1;  gap: 2rem;  width: 100%;  max-width: 69.7rem; position: relative;}
.certify-type .graybox {display: flex; padding: clamp(1.5rem, 1.3rem + 1vw, 2.5rem); padding-left: 5rem; border: 1px solid #D8D8D8; border-radius: clamp(0.5rem, 0.45rem + 0.25vw, 0.75rem); background:#f8f8f8; position:relative;}
.certify-type .graybox:hover {text-decoration:underline;}
.certify-type .type-tit {  display: block;  margin-bottom: clamp(1rem, 0.95rem + 0.25vw, 1.25rem); color: var(--Text-Color-Black);  line-height: 1; font-size: clamp(1.2rem, 1.165rem + 0.175vw, 1.375rem); font-weight: 700;}
.certify-type .type-desc {color:#555; font-weight:400; line-height: 1.5;}
.certify-type .ico_box  {position:absolute; top: 2em; left: 2rem;}
.certify-type .ico_box .ico-mob-certi{
	width: 2rem;
    height: 2rem;
	-webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    background-color:#1e2124;
    -webkit-mask-image: url(/images/default/content/ico_mob_certi.svg);
    mask-image: url(/images/default/content/ico_mob_certi.svg);
	
}

.certify-type .MsgPhone_icon {display:none; position:absolute; top:50%; transform:translateY(-50%); right:var(--krds-padding-8);}
.certify-type .MsgPhone_icon img {width:clamp(12rem, 10.8rem + 3.75vw, 18rem);}

.certify-type .graybox:has(.authDone) { padding-right:clamp(15rem, 13.6rem + 4.375vw, 22rem); background:#E7F4FE; cursor:default; pointer-events: none;}
.certify-type .graybox:has(.authDone) .MsgPhone_icon {display:block;}

@media (max-width:1200px){
	.certify-tit {width: 8.5rem;}
}
@media (max-width:768px){
	.certify-type {max-width:unset;}
	.certify-type .ico_box {top: 1.35em;}
	.certify-option.single .innerFlex {flex-direction: column; }
	.certify-option.single .innerFlex .certify-tit {display: flex; gap: 0.3rem; width: auto;}

	.type-desc,
	.authMsgPhone{font-size: clamp(0.833rem, 0.787rem + 0.229vw, 1.063rem);}
}
@media (max-width:540px){
	.certify-option.single .innerFlex .certify-tit {justify-content: center;}
	.certify-type .graybox {padding: 1.5rem; padding-left: 4.0625rem; border: 1px solid #D8D8D8; background: #f8f8f8;}
	.certify-type .graybox:has(.authDone) {padding-right: var(--krds-gap-7);  padding-bottom: 12rem;}
	.certify-type .ico_box {top: 1.2em; left: 1.25rem;}
	.certify-type .MsgPhone_icon {right:auto; left: 50%; bottom:var(--krds-gap-7); top: auto; transform: translateX(-50%);}
}






/*접수 하단 버튼*/
.btn_wrap2 {display: flex;	justify-content: space-between;	align-items: center;	margin-top: var(--num-50);}
.btn_wrap2>div {display: flex;	align-items: center;	gap: 0 var(--num-30);}
.btn_wrap2 .btn_cancel {	background: #3C334A;	color: #fff;	border-color: #3C334A;}
.btn_wrap2 .btn_save {	background: var(--Brand-Color-sub);	color: #fff;	border-color: var(--Brand-Color-sub);}
.btn_wrap2 .btn_prev {	position: relative;	display: inline-block;	width: 10rem;	height: 3.5rem;	line-height: 3.5rem;	font-size: var(--font-size-18);	color: var(--Brand-Color-main);	background: transparent;	border: 1px solid var(--Brand-Color-main);	border-radius: 0.5rem;	cursor: pointer;}
.btn_wrap2 .btn_prev:before {content: "\e93b";	position: absolute;	left: var(--num-20);	top: 0px;	font-family: 'xeicon' !important;}
.btn_wrap2 .btn_next {	position: relative;	display: inline-block;	width: 10rem;	height: 3.5rem;	line-height: 3.5rem;	font-size: var(--font-size-18);	color: var(--Brand-Color-main);	background: #F8F5FF; border: 1px solid var(--Brand-Color-main);	border-radius: 0.5rem;	cursor: pointer;}
.btn_wrap2 .btn_next:before {content: "\e93e";position: absolute; right: var(--num-20); top: 0px; font-family: 'xeicon' !important;}

@media ( max-width :1024px) {
	.btn_wrap2>div {gap: 0 var(--num-10);}
}

@media ( max-width :768px) {
	.btn_wrap2>div * {	width: 6rem !important;	}
	.btn_wrap2 .btn_prev:before {left: var(--num-10);}	
	.btn_wrap2 .btn_next:before {right: var(--num-10);}
}
@media ( max-width :467px) {
	.btn_wrap2>div * { width: 4.5rem !important;}
}

/* 회원가입유형 */
.join_select {display: flex; justify-content: center; gap: var(--gap-60);	padding: var(--num-40) var(--num-40) 0;}
.join_select .item {width: 26.25rem; border: 2px solid #e0e0e0;	text-align: center;	transition: all 0.2s ease-out 0s;	border-radius: var(--radius-2xl);}
.join_select .item .icon {position: relative;	display: flex;	align-items: flex-end;	justify-content: center;	width: 100%;	height: 6.875rem;	border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;	background: var(--Brand-Color-bg);}
.join_select .item .icon:after {content: ""; position: absolute;	right: var(--num-20);	top: var(--num-20);	width: var(--num-30);	height: var(--num-30);	background: url('/images/default/content/big_check.svg') no-repeat 50% 50%;	background-size: 100% 100%;}
.join_select .item div {padding: var(--num-30);	border-radius: 0 0 var(--radius-2xl) var(--radius-2xl);}
.join_select .item h5 {	font-size: var(--font-size-28);	color: var(--Text-Color-Black);	font-weight: 700;}
.join_select .item p {font-size: var(--font-size-18);}
.join_select .item a {display: block;	width: 12.5rem;	height: var(--num-50);	align-content:center;	color: var(--Text-Color-Basic-2);	background: #fff;	border: 1px solid #e0e0e0;	margin: var(--num-40) auto 0;	font-size: var(--font-size-20);	font-weight: 500;	border-radius: var(--radius-lg);cursor: pointer;}
.join_select .item:hover {border-color: var(--Brand-Color-main);}
.join_select .item:hover .icon {background: url('/images/default/content/sign_bg_over.png') no-repeat 50% bottom;	background-size: cover;}
.join_select .item:hover .icon:after {background-image: url('/images/default/content/big_check_m.svg');}
.join_select .item:hover div {background: var(--Brand-Color-bg);}
.join_select .item:hover a {color: #fff;	background: var(--Brand-Color-main); border: 1px solid var(--Brand-Color-main);	box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.14);}

@media ( max-width :1300px) {
	.join_select {padding: var(--num-40) 0rem 0;}
	.join_select .item {width: auto; flex: 1;}
}

@media ( max-width :767px) {
	.join_select {	flex-direction: column	}
}

/* 회원탈퇴 */
.memBg {	background: #F8F8F8 url('/images/default/member/memBg.jpg') no-repeat right 0;	background-size: cover;	text-align: center;	padding: var(--num-40);}
.withdraw {width: 100%;	margin: 0 auto;	text-align: center;	line-height: 1.6;	font-size: var(--font-size-20); margin-bottom:4rem;}
.withdraw p {padding: var(--num-10) 0px;}
.withdraw h5 { color: var(--black); font-size: var(--font-size-22);}
.withdraw + .apply_form_content{max-width:42rem; margin:0 auto;}
.withdrawBtn {margin-top: var(--num-50);	text-align: center;}

.auth_flex{display: flex; align-items: center; justify-content: center; --div-width:52.5rem; border-radius: .75rem; padding: var(--num-30) var(--num-20); border:1px solid #D8D8D8; background: #fff;}
.auth_flex .email_varif{width:var(--div-width);}

.form_tb .form-group{display:flex; align-items: center; gap:var(--gap-20); padding:var(--num-10) 0;}
.form_tb .form-group .form-tit{font-weight:600; width:clamp(8rem, 4.786rem + 8.571vw, 12.5rem); flex-shrink: 0; font-size:var(--font-size-20);}
.form_tb .form-group .arBtn{flex:1; display:flex; gap:var(--gap-8);}
.form_tb .form-group > div{flex:1;}
.form_tb .form-group .arBtn input[type="text"]{height:var(--num-50); border-radius:var(--radius-lg); border:none; background:var(--Gray-Color-50); padding:0 var(--num-10);}
.form_tb .form-group .arBtn input[type="text"]:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px var(--Gray-Color-50) inset;}
.form_tb .form-group .arBtn input[type="button"]{flex-shrink: 0; width: clamp(4.5rem, 3.429rem + 2.857vw, 6rem); height:var(--num-50); border-radius:var(--radius-lg); background:var(--Brand-Color-main); color:#fff;  border:none; cursor:pointer;}
.form_tb .form-group .arBtn input[type="button"]:hover{box-shadow:inset 0 0 3rem rgba(0,0,0,0.1);}


.auth_flex.kid_signup{margin-top:var(--num-30); flex-direction: column;}
.auth_flex.kid_signup .sign_agree{padding:var(--num-20); background:var(--Gray-Color-50); width:var(--div-width);}
.auth_flex.kid_signup h4{font-size:var(--font-size-24); margin-bottom:var(--num-10);}
.auth_flex.kid_signup p{font-size:var(--font-size-16); color:var(--Text-Color-Basic-2);}
.auth_flex.kid_signup .chks{background:#fff; padding:var(--num-10); display:flex; margin-top:var(--num-10);}

.auth_flex.kid_signup .email_varif{margin-top:var(--num-20);}
.auth_flex.kid_signup .email_varif .form_tb .form-group {display:block; text-align:center;}
.auth_flex.kid_signup .email_varif .form_tb .form-group  .form-tit{width:100%; }
.auth_flex.kid_signup .email_varif .btn{width:clamp(10rem, 2.857rem + 19.048vw, 20rem); height:4rem; color:#fff; background:var(--Brand-Color-susub); border-radius:var(--radius-xl);}
.auth_flex.kid_signup .email_varif .btn:hover{box-shadow:inset 0 0 2rem rgba(0,0,0,.1);}

@media ( max-width : 1024px) {
	.auth_flex{--div-width:100%;}
}
@media ( max-width : 768px) {
	.form_tb .form-group{flex-wrap:wrap;}
	.form_tb .form-group .form-tit{width:100%;}
	
}
/********************************************************
■ 문의 및 의견  .consult.jsp
********************************************************/

.user_agree .chks_all{display:flex !important; align-items: center; gap:var(--gap-8); margin-bottom:0; border-bottom:1px solid #ddd; font-size:var(--font-size-24); color:var(--Text-Color-Black); font-weight:600; padding-bottom: var(--num-30);}
.user_agree .chks_all label{display:block; flex-grow: 1;     cursor: pointer;}
.user_agree .chks_all label:before {top:0;}
.user_agree .chks_all label:after {font-size: var(--font-size-17); font-weight: 500;}
.user_agree .chks_all input[type="checkbox"] {width: var(--num-24); height: var(--num-24);	border-radius: var(--radius-md);	margin: 0 var(--num-6) 0 0;	flex-shrink: 0;}
.clause{position:relative; font-size: 1rem;  font-weight: 500; color: #333; background:#fff; border:1px solid #ddd; padding:1rem; margin-top: 1rem;}
.clause:focus-visible{outline: 5px auto -webkit-focus-ring-color; outline-offset:-2px ;} 
.clause span.arrow{position:absolute; right:1rem; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); cursor:pointer;}
.clause i{font-size: clamp(1.44rem, 1.353rem + 0.435vw, 1.875rem);}
.private{margin-top: 1.5rem; margin-bottom:0.76rem; border:1px solid #ddd; background:#EBF2FF; padding:1rem ; height:11rem; overflow-y:scroll; color:#353535; font-size:var(--font-size-16);}
.private:focus-visible{ outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px ;}
.private h3{font-size:var(--font-size-21); color:var(--Brand-Color-main); }
.private h3:not(:first-child){margin-top:1.5rem;}
.private h4{font-size:var(--font-size-20); color:var(--Text-Color-Black); margin: 0; margin-bottom:0.25rem; margin-top: 1rem;}
.private h5{font-size: var(--font-size-18); margin:1rem 0 0.5rem; color:var(--black);}
.private h5:first-child{margin-top:0; }
.private h6 {font-size: 0.85rem; margin: 1rem 0 .5rem; }
.private ul li {line-height:1.5}
.private .list2 {padding-left:1rem;}
.private p.num{margin-left: 1em;  text-indent: -1em; margin-bottom:0.2rem;}
.private .num-ul{padding-left:1em; margin:0.3rem 0;}
.private .num-ul li{margin-left: 1em;  text-indent: -1em;}
.private::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
.private::-webkit-scrollbar{width: .5rem;  height:.5rem;  background-color: #F5F5F5;}
.private::-webkit-scrollbar-thumb{	background-color: var(--Brand-Color-main); }
.private .tableWrap{overflow-x:hidden; width:100%; white-space: normal; margin-top:1rem;}


@media (max-width:768px){
	.clause{ padding:var(--num-20) var(--num-10); }
	.private{line-height:1.5;}
}
/********************************************************
■ 온라인문의
********************************************************/
.online_tb {width: 100%; table-layout: fixed; border-top: 2px solid var(--Brand-Color-main);}

.online_tb label {padding:0;}
.online_tb td, .online_tb th {	overflow: hidden;	vertical-align: middle;	border-bottom: 1px solid #e2e2e2;	border-top: 1px solid #e2e2e2;	padding: var(--num-14) var(--num-10);	font-weight: normal;}
.online_tb th {	background-color: var(--Brand-Color-bg);	font-weight: 600;}
.online_tb th em {color: var(--Brand-Color-main);	font-weight: 400;}
.online_tb img {vertical-align: middle;}
.online_tb td.captcha {	overflow: hidden;}
.online_tb td.captcha input {float: right;width: calc(100% - 125px);}
.online_tb .file {position: relative;}
.online_tb .file input[type="file"] {position: absolute; top: 0; left: 0; width: 22.9rem; opacity: 0;}
.online_tb .file input[type="text"] {width: 17.9rem;}
.online_tb .file a {margin-left: var(--num-10);	vertical-align: top;}
.online_tb .file span {	margin-left: var(--num-20);	font-size: var(--font-size-15);	color: #767676}
.fileBtn {display: inline-block;	width: 7.5rem;	height: var(--num-40);	line-height: var(--num-40);	background: #242424;	font-weight: normal;	font-size: var(--font-size-16);	color: #fff;	text-align: center;	margin-left: 0px !important;	cursor: pointer;	border-radius: 0.25rem}
.online_tb .phone {display:flex; align-items: center; gap: 0.5rem;}


.online_tb td.phone input {	width: 20%;}
input.datepicker {min-width: 13rem; background: #fff url("/images/default/content/icon_date.svg") no-repeat right 0.5rem top 50%; background-size: 1.2rem auto; cursor:pointer;}
.online_tb .arBtn{display:flex; gap:var(--gap-8);}
.online_tb .arBtn :is(input[type="button"], button){height: var(--num-40); border:none; border-radius: 0.25rem; background:var(--Brand-Color-main); color:#fff; width:6rem;}

@media ( max-width : 767px) {
	.online_tb td input[type="text"],
	.online_tb td input[type="password"] {width: 100%;}
	.online_tb .file input[type="text"] {width: calc(100% - 94px)}
	.online_tb td.input select {width: 40%;	min-width: auto;}
	.online_tb .btnR {width: 100%;}	
	.online_tb td.phone input {width: 28.33%;}
	.online_tb .select-date{flex-wrap:wrap;}
	.online_tb .phone {gap: 0.25rem;}
}

.mem_tb h4 {border-bottom: 2px solid #000;color: #191919; font-size: var(--font-size-24);	padding-bottom: var(--num-4);}
.mem_tb h4:first-child {margin-top: 0rem;}
.mem_tb ul {width: 100%;border-top: 2px solid var(--Brand-Color-main);	margin-top: var(--num-14);}
.mem_tb ul li {	display: flex;	align-items: stretch;}
.mem_tb ul li label {	padding-right: 0;}
.mem_tb ul li input[type="text"],
.mem_tb ul li input[type="password"]  {	transition: all 0.2s ease-out 0s;	width: 25rem;	border-radius: 0.25rem;}
.mem_tb ul li input:focus {	border-color: var(--Brand-Color-main);}
.mem_tb ul li .th, .mem_tb ul li .td {	border-bottom: 1px solid #ddd; display: flex;	padding: var(--num-20);}
.mem_tb ul li .th {flex-basis: 10rem; flex-shrink: 0; align-items: center; text-align: center;  background:#F5F9FF;}
.mem_tb ul li .td {	flex:1; flex-direction: column;}
.mem_tb ul li .td.answerBox {font-size: var(--font-size-18) !important;}
.mem_tb ul li .td.answerBox p, .mem_tb ul li .td.answerBox span {margin: 0 !important;padding: 0 !important; font-size: var(--font-size-18) !important; color: #353535 !important;}
.mem_tb ul li .arBtn {display: flex; flex-wrap: wrap; gap: var(--gap-10);}
.mem_tb ul li .td p {margin-top: var(--num-10);	font-size: var(--font-size-15);	color: #666;}
.mem_tb ul li .td p em {color: #D41A08;	margin-right: var(--num-4);}
.mem_tb ul li .th em {	color: var(--Text-Color-Red);	margin-left: var(--num-4);}
.mem_tb ul li.phone .td>div {display: flex;	flex-wrap: wrap; flex-direction: row; align-items: center;}
.mem_tb ul li.phone .td .phone_wrap {display: flex; align-items: center; gap: 0.5rem; width:100%; max-width:25rem;}
.mem_tb ul li.phone .td input[type="text"] {vertical-align: middle;	flex: 1;}
.mem_tb ul li.phone .td span {margin: 0 var(--num-10);}
.mem_tb ul li.tel .td>div {	display: flex;	flex-direction: row;align-items: center;}
.mem_tb ul li.tel .td input[type="text"] {vertical-align: middle;	width: 6.25rem;}
.mem_tb ul li.tel .td span {margin: 0 var(--num-10);}
.mem_tb ul li input[name="memberCompanyAddrState"] {display: inline-block;	margin-bottom: var(--num-4);}
.mem_tb ul li small{margin-top:0.4rem;}
.mem_tb .ast {display:flex; gap:0.25rem; justify-content: flex-end; font-size:var(--font-size-16);}
.mem_tb .ast em {color:var(--Text-Color-Red)}
.captcha_wrap {display:flex; gap:0.5rem 1rem; width: 100%; max-width: 25rem;}
.captcha_wrap img{height:calc(2.8125rem - 1px);}
.captcha_wrap label {flex:1; width:100%; max-width: 20rem;}
.captcha_wrap input[type="text"] {width:100% !important;}


.btnChkUnique, #soundOn {display: inline-block;	font-size: var(--font-size-16);	width: 7.5rem;	height: var(--num-40);	line-height: var(--num-40);	text-align: center;	border: none;	background-color: #242424;	color: #fff;	flex-shrink: 0;	border-radius: 0.25rem;}
.btnChkUnique:focus-visible {outline-color: #E84033}

@media ( max-width :1030px) {
	.mem_tb ul li {	display: block;	border-bottom: 1px solid #ddd; padding-bottom: var(--num-20);}
	.mem_tb ul li .th, .mem_tb ul li .td { border: none; padding: 0;	}
	.mem_tb ul li .th {	margin-top: 1rem;margin-bottom: 5px; font-weight: 500; justify-content: flex-start;	background:transparent;}
	.mem_tb ul li:first-child .th {	margin-top: var(--num-20);}

	.mem_tb ul li.phone .td>div {display: flex;flex-direction: row;align-items: center;}
	.mem_tb ul li.phone .td input {	width: 100%;}
}

@media ( max-width :768px) {
	.member_form {width: 100%;}
	.member_form.signupStep2 {padding: 0;	}
	.mem_tb ul li input[type="text"],
	.mem_tb ul li input[type="password"],
	.mem_tb ul li.tel .td input[type="text"],
	.mem_tb ul li label:not(.sr_only, .sr-only) {width: 100%; text-align: left;}
	.mem_tb ul li.phone .td .phone_wrap {max-width:100%;}
	.mem_tb ul li .arBtn .btn_default {width:100%; min-width:unset; max-width:100%;}
	.captcha_wrap,
	.captcha_wrap label {max-width:100%;}
	#soundOn {width:100%;}
}

@media ( max-width:450px) {
	.captcha_wrap {flex-direction: column;}

}

/********************************************************
■ 테이블
********************************************************/
.tableWrap table {margin: 0; clear: both; width: 100%; table-layout: fixed;}
.tableWrap table thead tr th {color: var(--Brand-Color-main);	font-weight: 500;	background: var(--Brand-Color-bg);	text-align: center;	padding: var(--num-20) var(--num-10);border-top: 2px var(--Brand-Color-main) solid;	border-bottom: 1px #d5d5d5 solid;}
.tableWrap table tbody tr td {color: #575757;	padding: var(--num-12);	border-bottom: 1px solid #dadada;	text-align: center;	vertical-align: middle;	border-right: 1px solid #d5d5d5;}
.tableWrap table tbody tr td:last-child {border-right: none;}
.tableWrap table tbody tr th {color: #575757;	padding: var(--num-12);	border-bottom: 1px solid #dadada;	text-align: center;	vertical-align: middle;	border-right: 1px solid #d5d5d5;	background: #F7F7F7;}
.tableWrap table tbody tr td.bg {background: #F7F7F7;}
.tableWrap table tbody tr td.br {border-right: 1px solid #dadada !important;}

/* 개인정보 처리방침 표 */
#agree08 .tableWrap table tbody tr td {text-align:left;}


@media (max-width :768px) {
	.tableWrap {overflow-y:hidden;overflow-x:scroll;position:relative;}
	.tableWrap:is(.no-scroll) {overflow:visible !important;}
	.table_overlay{position: absolute; left: 0; top: 0; width: 100%; height:100%;background:rgba(0,0,0,0.4) url('/images/default/content/mob_table_scroll.svg') no-repeat center center; background-size:clamp(16.875rem, 12.75rem + 20.625vw, 37.5rem) auto; cursor:pointer;}
	.tableWrap table{min-width:200%;}
	.tableWrap:is(.no-scroll) table {min-width:unset !important;}
}



/********************************************************
■ 이용약관
********************************************************/
.agree-conts {line-height: 1.5;	word-break: keep-all;}
.agree-conts h3 {font-size: var(--font-size-24);	color: var(--Brand-Color-main);	font-weight: 700;	margin-top: var(--num-70);	margin-bottom: var(--num-14);}
.agree-conts h3:first-child {margin-top: 0;}
.agree-conts h4 {font-size: var(--font-size-20);	margin-top: var(--num-40);}
.agree-conts h5 {margin: 0rem 0 var(--num-14);color: #989898; font-size: var(--font-size-16); font-weight: 500;}
.agree-conts p {margin: var(--num-20) 0;}
.agree-conts ul li.list2 {padding: var(--num-20);}


/********************************************************
■ 이메일무단수집거부
********************************************************/
div.emailPolicy {width: 100%;margin: 0 auto;border: 1px solid #d9d9d9;	padding: 30px 50px 30px 30px;	background: #f9f9f9 url('../images/default/content/email_ico.png') no-repeat 50px 25px;	box-sizing: border-box;}
div.emailPolicy div.email_desc {margin-left: 12.5rem;	padding-left: var(--num-30);	border-left: 1px solid #e8e8e8;}
div.emailPolicy li.law_tit {color: #000;	margin-bottom: var(--num-10); font-weight: bold;}
div.emailPolicy li.list2 { padding-left: var(--num-10); margin-top: var(--num-10);}
div.emailPolicy p {margin-bottom: var(--num-20);}
div.emailPolicy p span.point {font-weight: bold; color: #1546ac;}


/********************************************************
■ 개인정보보호정책
********************************************************/
.agree-conts-new{line-height:1.5; color: #555;}
.agree-conts-new .flex {display:flex; gap:0.2rem;}
.agree-conts-new b, .agree-conts-new strong {font-size: var(--font-size-18); font-weight:600; color: #232323;}
.important_box{padding:1rem; background:#fafafa; border:1px solid #b4b4b4; border-radius:0.25rem; }
.important_box b {font-size: inherit !important;}
.agree-conts-agree-conts-newnew .important_box p+p{margin-top:1rem;}

.agree-conts-new .agree-box{margin-top:calc(clamp(4rem, 3.8rem + 1vw, 5rem)/2); padding-top:calc(clamp(4rem, 3.8rem + 1vw, 5rem)/2);}
.agree-conts-new .agree-box h3{ display: flex;  gap:0.5rem 0.8rem;  align-items: center; margin-bottom: calc(0.5rem + 4px);font-size:var(--font-size-20); font-weight:700; color: var(--Brand-Color-main);}
.agree-conts-new .agree-box h3 + p:not(.list){font-weight:500;}
.agree-conts-new .agree-box .bar{position:relative;padding-left:1rem; }
.agree-conts-new .agree-box .bar:before{content:'-'; position:absolute; left:0px; top:0px;}
.agree-conts-new .agree-box .emp{display:flex; margin-top:0.5rem; }
.agree-conts-new .agree-box .emp em{color: #27447a;}

.agree-conts-new .list_area{display:flex; gap:2rem;}
.agree-conts-new .list_area li{flex:1; border:1px solid #b4b4b4;}
.agree-conts-new .list_area .box-1{background: #F3F8FA; display: flex; align-items: center;  justify-content: center; height:4rem; font-weight:600; color: #2557B9; text-align:center;}
.agree-conts-new .list_area .box-2{display:block; padding:1rem; }

.agree-conts-new .list{margin-top:1rem;}
.agree-conts-new .list li,
.agree-conts-new p.list{position:relative; display:flex; padding-left:2rem; }
.agree-conts-new .list.list-b li{flex-direction: column; gap:0.5rem 0;}
.agree-conts-new .list li em,
.agree-conts-new p.list em{position:absolute; left:0px; top:0.05em; display:inline-block; width:1.375rem; height:1.375rem; line-height:1.5rem; font-size:var(--font-size-17); background:#1F57B0; font-weight:500; color: #fff; border-radius:100%; text-align:center;}
.agree-conts-new .list li + li{margin-top:0.9375rem;}
.agree-conts-new .list-2.list-2bg{ background:#F3F8FA; border:1px solid #b4b4b4; border-radius:0.25rem; padding:1rem;}
.agree-conts-new .list-2{margin-top:1rem;  padding:0.5rem 1rem 0.5rem 2rem;}
.agree-conts-new .list-2 li{display:flex; gap:0.25rem 0.5rem;}
.agree-conts-new .list-2 li.row{flex-direction: column; gap:0.5rem 0;}
.agree-conts-new .list-2 li > div:has(em) {display:flex; gap: 0.5rem;}
.agree-conts-new .list-2 li em{font-weight:600; color: #27447a;}
.agree-conts-new .tableWrap{margin-top:1rem;}
.agree-conts-new .list-2 li+li{margin-top:1rem;}

.agree-conts-new .agree-file-wrap{width:100%;}
.agree-conts-new .agree-file{margin-top:0.5rem; display:flex; flex-wrap:wrap; gap:1rem;}
.agree-conts-new .agree-file a{flex:1 0 49%; display:flex; justify-content: space-between; align-items: center; background:#09357D; color:#fff; text-align:center; font-size: 0.8rem; }
.agree-conts-new .agree-file a span{ padding: 0 1rem; text-align: left;}
.agree-conts-new .agree-file a i{display: flex; align-items: center;  justify-content: center; background:#4278DC; color:#fff; padding:1rem; }

.agree-conts-new .report_infringement{padding:1rem; background:#fafafa; border:1px solid #b4b4b4; border-radius:0.25rem; }
.agree-conts-new .report_infringement p{text-align:center; margin-bottom:0.5rem;font-size: 1rem;}
.agree-conts-new .report_infringement ul{display:flex; flex-wrap:wrap; }
.agree-conts-new .report_infringement ul li{position:relative; display: flex; flex-direction: column;justify-content: space-between; flex:1; margin:1rem; border-radius:0.5rem; background:#fff; padding:1rem; text-align:center; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.agree-conts-new .report_infringement ul li:before{content: "\ea6e"; position:absolute; left:-2rem; top:50%; font-family: "remixicon"; transform:translateY(-50%); color:#888; font-size:1.5rem; width: 2rem; text-align: center;}
.agree-conts-new .report_infringement ul li:first-child:before{display:none;}
.agree-conts-new .report_infringement ul li span{padding:0.5rem 0; }
.agree-conts-new .report_infringement ul li span.rep-01{font-weight:600; color:#2557B9; border-bottom:1px solid #b4b4b4 }
.agree-conts-new .report_infringement ul li span.rep-02{height:4rem;display: flex; align-items: center;  justify-content: center;}
.agree-conts-new .report_infringement ul li span.rep-03{border-top:1px solid #b4b4b4; background:#F4F4F4; font-weight:500; color:#666;}
.agree-conts-new .ast {display: flex; gap:0.25rem;}

.agree-conts-new .link{display:block; padding:0.5rem 1rem; border:1px solid #b4b4b4; border-radius:0.25rem; margin-top:0.4rem; cursor:pointer;}
.privacy-pop{/* display:none; */ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index: 9999; }
.privacy-pop-cont{position:absolute; left:50%; top:50%; width:50rem; height:80vh; background:#fff; transform:translate(-50%,-50%);  }
.privacy-pop-cont .scroll{overflow-y:auto;     height: calc(100% - 3rem); padding: 1rem;}
.privacy-pop-cont .pop-tit{border-bottom:1px solid #b4b4b4;  display: flex; align-items: center; justify-content: space-between; font-weight:600; font-size:1.5rem; height: 3rem; padding:0 1rem;}
.privacy-pop-cont .pop-tit .closeBtn{font-weight:400; cursor:pointer;}



/* 상단 라벨링 쇼트컷 */
.shortcut {display:flex; flex-wrap:wrap; border: 1px solid #b4b4b4; border-radius: 0.25rem;}
.shortcut > li {width:calc(100%/6);border-right: 1px solid #b4b4b4;}
.shortcut > li:last-child {border-right:none;}
.shortcut > li a {display:block; width:100%; height:100%;}
.shortcut > li a .ico_zone {padding: 0.75rem; height: 7rem;  display: flex;  justify-content: center;  align-items: center;  border-bottom: 1px solid #b4b4b4;}
.shortcut > li a .ico_zone img {width:5rem; height:auto;}
.shortcut > li a .text_zone { text-align: center;  padding: 0.75rem;  height: calc(100% - 7rem);  display: flex;   justify-content: center;  align-items: center; font-size: var(--font-size-16);}
.shortcut_notice { font-size: var(--font-size-15); color: #555;  margin-top: 0.5rem;  display: block;}


/* 목차 쇼트컷 */
.agree-conts-new .na_chart{display:flex; flex-wrap:wrap; border:1px solid #b4b4b4; border-bottom:none; border-radius:0.25rem; margin-top:1rem;}
.agree-conts-new .na_chart > li{flex:1 0 49%; font-size: var(--font-size-16); border-bottom: 1px solid #ddd;}
.agree-conts-new .na_chart > li:nth-child(even) {border-left:1px solid #b4b4b4;}
.agree-conts-new .na_chart > li a{display: flex; align-items:center; gap: 0rem 0.6rem; padding: 1rem; height: 100%; position:relative; }
.agree-conts-new .na_chart > li a [class*="priIcon"]{aspect-ratio: 1;}


/* 개인정보처리방침 아이콘 */
.agree-conts-new [class*="pri_iconNew"]{display: inline-block;	 flex-shrink: 0; width: var(--num-40); height: var(--num-40);	background-size: 100%;	background-repeat: no-repeat;	background-position: 0 0;	vertical-align: middle;}
.agree-conts-new .pri_iconNew01{background-image:url('/images/default/content/privacy_new01.svg')}
.agree-conts-new .pri_iconNew02{background-image:url('/images/default/content/privacy_new02.svg')}
.agree-conts-new .pri_iconNew03{background-image:url('/images/default/content/privacy_new03.svg')}
.agree-conts-new .pri_iconNew04{background-image:url('/images/default/content/privacy_new04.svg')}
.agree-conts-new .pri_iconNew05{background-image:url('/images/default/content/privacy_new05.svg')}
.agree-conts-new .pri_iconNew06 {background-image:url('/images/default/content/privacy_new06.svg')}
.agree-conts-new .pri_iconNew07 {background-image:url('/images/default/content/privacy_new07.svg')}
.agree-conts-new .pri_iconNew08{background-image:url('/images/default/content/privacy_new08.svg')}
.agree-conts-new .pri_iconNew09{background-image:url('/images/default/content/privacy_new09.svg')}
.agree-conts-new .pri_iconNew10-1{background-image:url('/images/default/content/privacy_new10-1.svg')}
.agree-conts-new .pri_iconNew10-2{background-image:url('/images/default/content/privacy_new10-2.svg')}
.agree-conts-new .pri_iconNew11{background-image:url('/images/default/content/privacy_new11.svg')}
.agree-conts-new .pri_iconNew12{background-image:url('/images/default/content/privacy_new12.svg')}
.agree-conts-new .pri_iconNew13{background-image:url('/images/default/content/privacy_new13.svg')}
.agree-conts-new .pri_iconNew14{background-image:url('/images/default/content/privacy_new14.svg')}
.ico_flex {display:flex; gap: 0 0.5rem;}



/* 개인정보처리방침 리스트 */
.dot-list li{position:relative; padding-left:1.5rem;}
.dot-list li + li{margin-top:0.75rem;}
.dot-list li em{position:absolute; left:0; top:0.2em; display:inline-block; width:1.1rem; height:1.1rem; line-height:1.1rem; font-size:0.8rem; background:#2557B9; font-weight:500; color: #fff; border-radius:50%; text-align:center;}
.dot-list li strong{display:block; font-weight:600; color:#333;}
.dot-list li ul{margin-top:0.5rem; padding-left:0; font-size:0.85rem;}
.dot-list li ul	li{padding-left:0.8rem;}
.dot-list li ul	li:before{content : ""; display : block; position : absolute; left : 0; top:0.7em;  width :8px; height : 1px; background : #7f7f7f;}
.dot-list li ul	li + li{margin-top:0.25rem;}
.dot-list li ul li ul{margin-top:0.25rem;}
.dot-list li ul li ul li{padding-left:0.5rem;}
.dot-list li ul li ul li:before{content : ""; display : block; position : absolute; left : 0; top:0.6em;  width :3px; height : 3px; background : #7f7f7f; border-radius:50%;}


.dot-list li ul.nobar > li{padding-left:0;}
.dot-list li ul.nobar > li:before{display:none}

.tablePad{margin-left:1.5rem;}



/* 기존 개인정보처리방침 팝업 */
.agree-conts-new .link{display:block; padding:0.5rem 1rem; border:1px solid #e6e6e6; border-radius:0.25rem; margin-top:0.4rem; cursor:pointer;}
.privacy-pop{display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index: 9999; }
.privacy-pop-cont{position:absolute; left:50%; top:50%; width:50rem; height:80vh; background:#fff; transform:translate(-50%,-50%);  }
.privacy-pop-cont .scroll{overflow-y:auto;     height: calc(100% - 3rem); padding: 1rem;}
.privacy-pop-cont .pop-tit{border-bottom:1px solid #e6e6e6;  display: flex; align-items: center; justify-content: space-between; font-weight:600; font-size:1.5rem; height: 3rem; padding:0 1rem;}
.privacy-pop-cont .pop-tit .closeBtn{font-weight:400; cursor:pointer;}



@media (max-width: 1030px){
	.report_infringement ul li{flex:1 0 calc(25% - 2rem);}
	.privacy-pop-cont{width:90%;}
	
	/* 상단 라벨링 쇼트컷 */
	.shortcut > li {width:calc(100% / 3);}
	.shortcut > li:nth-child(3) {border-right:none;}
	.shortcut > li:nth-child(n+1):nth-child(-n+3) {border-bottom: 1px solid #b4b4b4;}
	
	/* 목차 쇼트컷 */
	.agree-conts-new .na_chart > li a {gap: 0.5rem;}
}
@media (max-width: 768px){
	.agree-conts-new {font-size:var(--font-size-16)}
	.agree-conts-new .list li, .agree-conts-new p.list { padding-left: 1.7rem;}
	.agree-conts-new .list li em, .agree-conts-new p.list em { width: 1.25rem; height: 1.25rem; line-height: 1.4rem; font-size: var(--font-size-15); top: 0;}
	.agree-conts-new .list_area{gap:1rem;; flex-wrap: wrap}
	.agree-conts-new .list_area li{flex:1 0 100%;}
	.report_infringement ul li{flex:1 0 calc(50% - 2rem);}

	#agree05 .list-2 li {flex-wrap:wrap;}
	
	/* 목차 쇼트컷 */
	.agree-conts-new .na_chart > li {flex:100%;}
	.agree-conts-new .na_chart > li:nth-child(even) {border-left:none;}
}
@media screen and (max-width:540px) {
	.agree-conts-new .agree-box h3 { flex-direction: column;  align-items: flex-start;}
	
	/* 목차 쇼트컷 */
	.agree-conts-new .na_chart > li a { flex-direction: column;  align-items: flex-start;}
}
@media (max-width: 390px){
	/* 상단 라벨링 쇼트컷 */
	.shortcut > li {width:calc(100% / 2);}
	.shortcut > li:nth-child(3) {border-right:1px solid #b4b4b4;}
	.shortcut > li:nth-child(4) { border-bottom: 1px solid #b4b4b4;}
	.shortcut > li:nth-child(2), .shortcut > li:nth-child(4) { border-right: 0;}
}


/********************************************************
■ 회원 패스워드 만료 CSS
********************************************************/
.editPass {	background: #e2f2fc;	padding: var(--num-40);}
.editPass .txt {background: #fff;}
.editPass .txt b {	color: #2BB4FD;}
.editPass .tit {display: flex;	align-items: center; justify-content: center; gap: var(--num-20); border-bottom: 1px solid #ddd; padding: var(--num-20); margin-bottom: var(--num-20);}
.editPass .tit h4 {	font-size: var(--font-size-37);	line-height: 1.2; color: #121212;	text-align: left;}
.editPass .tit h4 b { color: #2BB4FD;}
.editPass .bg {	padding: var(--num-20);	background: #f6fcff;	margin-top: var(--num-20);}
.editPass .bg small { display: block; line-height: 1.2;	color: #888; margin-top: var(--num-10);}
.editPass ul { width: 37.5rem;	margin: 0 auto;}
.editPass ul li {display: flex;	align-items: center}
.editPass ul li:not(:first-child) {	margin-top: var(--num-10);}
.editPass ul li label {	width: 8.75rem;	flex-shrink: 0;	text-align: left; font-weight: 600;}
.editPass ul li input {	height: 2.75rem; background: #fff url(/images/default/main/icon_pw.svg) no-repeat right 1rem top 50%;	background-size: 1.5rem 1.5rem;}
.editPass .btns { display: flex; gap: var(--num-20); justify-content: center; width: 100%; position: relative; margin-top: var(--num-40);}
.editPass .btns button { display: block;width: 12.5rem;  height: var(--num-60);	line-height: var(--num-60);	font-size: var(--font-size-18);	background: #fff;	color: #888;	border: 1px solid #eee;}
.editPass .btns button.btnSubmit { background: #21A3DD;	color: #fff;}

@media ( max-width : 1024px) {
	.editPass ul {width: 100%;}
}

@media ( max-width : 768px) {
	.editPass {	padding: var(--num-40) var(--num-20);	width: calc(100% + 2rem);	margin-left: -1rem;	}
	.editPass .tit h4 {	font-size: var(--font-size-24);	}
	.editPass .txt p br {display: none;	}
	.editPass ul li label {	width:6.25rem; font-size: var(--font-size-16);	}
	.editPass .btns button {width: calc(50% - 0.5rem);}
}