/********************************************************
■ 인풋
********************************************************/
input{appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
input[type="checkbox"]{vertical-align:middle; display: inline-block; width: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); aspect-ratio:1 / 1;  border: 1px solid var(--Gray-Color-600); background-color:#fff; vertical-align:middle; border-radius:var(--radius-md); }
input[type="checkbox"]:checked{background-color:var(--BG-Color-KDS-Blue); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.1824 8.23105L8.97611 15.8903L4.29297 11.2071L5.70718 9.79289L9.02404 13.1097L15.8178 6.76894L17.1824 8.23105Z' fill='white'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position: 50% 50%; background-size:100% 100%; border-color: var(--BG-Color-KDS-Blue);}
input[type="checkbox"]:disabled{background:var(--border-Color); border-color:var(--border-Color);}
input[type="checkbox"]:checked:disabled{background-color:var(--border-Color); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.1824 8.23105L8.97611 15.8903L4.29297 11.2071L5.70718 9.79289L9.02404 13.1097L15.8178 6.76894L17.1824 8.23105Z' fill='%23838383'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position: 50% 50%; background-size:100% 100%; border-color:var(--Gray-Color-600);}


input[type="radio"] { display: inline-block; width: 1.1rem;  height: 1.1rem; border: 1px solid var(--border-Color); border-radius: 50%; background-color:#fff; vertical-align:middle; }
input[type="radio"]:checked{background-color:#109CF1; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.1824 8.23105L8.97611 15.8903L4.29297 11.2071L5.70718 9.79289L9.02404 13.1097L15.8178 6.76894L17.1824 8.23105Z' fill='white'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position: 50% 50%; background-size:100% 100%; border: 1px solid #109CF1;}
input[type="radio"]:disabled{background:var(--border-Color) ;border-color:var(--border-Color);}
input[type="radio"]:checked:disabled{background-color:var(--border-Color); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.1824 8.23105L8.97611 15.8903L4.29297 11.2071L5.70718 9.79289L9.02404 13.1097L15.8178 6.76894L17.1824 8.23105Z' fill='%23838383'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position: 50% 50%; background-size:100% 100%; border-color:var(--border-Color)}


.chks {display:inline-block;position:relative; }
.chks input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.chks input[type="checkbox"] + label {display:inline-block; vertical-align:middle; line-height:1.5rem; position:relative; padding-left:2rem; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
.chks input[type="checkbox"] + label:before {content:'';position:absolute;left:0px;top:0px;margin:0;width:1.5rem;height:1.5rem;text-align:center;box-sizing:border-box; border-radius:0.25em; background-color: #eff2f5; border:1px solid #c2cfd8; transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.chks input[type="checkbox"] + label:active:before,
.chks input[type="checkbox"]:checked + label:active:before {}
.chks input[type="checkbox"]:checked + label:before {background:var(--Brand-Color-main); border-color:var(--Brand-Color-main);}
.chks input[type="checkbox"]:checked + label:after {content:"\e928"; display:block; position:absolute; left:0; top:0; text-align:center; width:1.5rem; font-family: 'xeicon'; color:#fff; }


.checks {position: relative;} 
.checks input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 }
.checks label{color:#000;} 
.checks input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; } 
.checks input[type="checkbox"] + label:before { /* 가짜 체크박스 */ content: ' '; display: inline-block; width: 21px; /* 체크박스의 너비를 지정 */ height: 21px; /* 체크박스의 높이를 지정 */ line-height: 21px; /* 세로정렬을 위해 높이값과 일치 */ margin: -2px 8px 0 0; text-align: center; vertical-align: middle; background: #fafafa; border: 1px solid #000; /*border-radius : 3px;*/ box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); } 
.checks input[type="checkbox"] + label:active:before, 
.checks input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
.checks input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */ content: '\2714'; /* 체크표시 유니코드 사용 */ color: #99a1a7; text-shadow: 1px 1px #fff; background: #e9ecee; border-color: #adb8c0; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); }
.checks + .checks{margin-left:38px;}

.radio{display:inline-block; position:relative;}
.radio input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.radio input[type="radio"] + label {display:inline-block; position: relative; padding-left:35px; margin-left:0px; color:#555; line-height:28px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.radio input[type="radio"] + label:before {content: ' '; position:absolute; top:0; left:0; display: inline-block; width: 28px; height: 28px; line-height: 28px; background:url("/images/default/content/radio.svg") no-repeat 0 50%; background-size:100% auto;}
.radio input[type="radio"][disabled] + label:before {background:url("/images/default/content/radio_disabled.svg") no-repeat 0 50%; background-size:100% auto;}
.radio input[type="radio"]:checked + label:before{background:url("/images/default/content/radio_on.svg") no-repeat 0 50%;  background-size:100% auto;}



/********************************************************
■ 로그인
********************************************************/
.memArea{max-width:28rem; margin:0 auto;}
.memArea .loginInput div{padding-top:var(--num-20);}
.memArea .loginInput label{display:block; font-size:var(--font-size-16); font-weight:600; margin-bottom: var(--num-10);}
.memArea .loginInput input[type="text"],
.memArea .loginInput input[type="password"]{background-color: var(--Gray-Bg-Color); height: clamp(3rem, 2.9rem + 0.5vw, 3.5rem); border: 1px solid var(--Gray-Bg-Color); border-radius: var(--radius-lg); padding: 0 var(--num-16); }
.memArea .loginInput input[type="text"]:focus,
.memArea .loginInput input[type="password"]:focus{outline:1px solid var(--Brand-Color-main);}
.memArea .loginInput p{font-size:var(--font-size-15); margin-top:0.3rem;}
.memArea .loginInput_btn .btn{width:100%; padding:var(--num-21) var(--num-16);  border-radius: var(--radius-lg); background:var(--Brand-Color-main); font-weight:600; font-size:var(--font-size-17); color:#fff; border:none; margin-top:var(--num-40); cursor:pointer;}
.memArea .loginInput_btn .btn:hover{box-shadow:0 0.5rem 0.5rem rgba(0,0,0,0.2);}
.memArea .loginInput_btn .btn:focus{outline: 0.125rem solid #fff; box-shadow: 0 0 0 0.25rem var(--BG-Color-KDS-Blue);}
.memArea .lost_box{margin-top:var(--num-24); display:flex; justify-content: center; align-items: center; gap:var(--gap-20); color:var(--Text-Color-Basic-2); font-size:var(--font-size-16);}
.memArea .lost_box .line{display:inline-block; width:1px; height:0.9em; background:var(--border-Color);}

.loginFail {margin-top:var(--num-60); padding-top:var(--num-60); border-top:1px solid var(--border-Color);}
.loginFail .flex{display:flex; gap:var(--gap-10);}
.loginFail .flex .captcha_word{background:#D6D6D6; width:7.5rem; height:3rem; line-height:3rem; text-align:center; color:#333; letter-spacing:3px; font-family: 'Libre Baskerville', serif; font-weight:700; border-radius: var(--radius-md);}
.loginFail .flex input[type="text"]{background-color: var(--Gray-Bg-Color); height: 3rem; border: 1px solid var(--Gray-Bg-Color); border-radius: var(--radius-md); padding: 0 var(--num-16); }



/********************************************************
■ 아이디/비밀번호 찾기
********************************************************/
/*탭*/
.memTab{ background-color: #f4f4f4; border: 1px solid #f0f0f0; padding: .25rem; border-radius: var(--radius-lg); margin-bottom:var(--gap-20);}
.memTab ul{display:flex;}
.memTab ul li{flex:1; text-align:center;}
.memTab ul li button{width:100%; height:var(--num-48);  border-radius: var(--radius-md); font-size:var(--font-size-16); font-weight:500; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.memTab ul li button:is(:hover, :focus){color:var(--Brand-Color-main);}
.memTab ul li.on button{background:var(--Gray-Color-700); color:#fff;}

/*아이디찾기*/
.lost-account p em{color:var(--Brand-Color-main); font-weight:500;}
.popid .find{background-color: #f4f4f4; padding:2rem; text-align:center; margin:var(--gap-20) 0;}
.popid .find .txt span{color:var(--Text-Color-Red);}


/* 버튼 */
.btn_wrap{margin-top:2.5rem; display:flex; gap:var(--gap-10); justify-content: center;}
.btn_wrap > *{width:10rem; height:3rem; line-height:3rem; cursor:pointer; border-radius:var(--radius-sm) !important;font-size:var(--font-size-16);  }
.btn_confirm { color: #fff; border: 1px solid var(--Brand-Color-main); background-color: var(--Brand-Color-main); }
.btn_cancel {color: var(--Text-Color-Basic-2);  background-color: #fff; border:1px solid var(--Text-Color-Basic-2); }
.btn_confirm:hover,
.btn_cancel:hover{box-shadow:5px 15px 20px rgba(0,0,0,0.15);}

.withdraw_btn{display:flex; gap:var(--gap-10);}
.withdraw_btn *{flex:1;}

@media (max-width:768px){ 
	.btn_wrap *{flex:1; width: auto; }
	 
}

/********************************************************
■ 회원가입
********************************************************/
.user_agree{max-width:60rem; margin:var(--gap-40) auto 0;}

/*단계*/
.step{display:flex; align-items: center; justify-content: center; }
.step li{color:var(--Text-Color-Basic-2); display:flex; align-items: center;}
.step li b{margin-right:0.2rem; font-weight:700;}
.step li:not(:last-child):after{content: "\e940"; font-family: 'xeicon'; display:inline-block; padding:0 0.5rem; color:var(--Gray-Color-400); font-size:var(--font-size-13); }
.step li.on{color:var(--Text-Color-Black);}

/*약관동의*/
.join_agreeCont{margin-top:var(--gap-40)}
.join_agreeCont.join_hr{margin-bottom:var(--gap-40); padding-bottom:var(--gap-40); border-bottom:1px solid var(--border-Color);}
.form_check{display:flex;  position: relative; color:var(--Text-Color-Basic-2);}
.form_check a{margin-left:auto;}
.form_check input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.form_check input + label{position: relative; padding-left:1.5rem; display: flex; align-items: center; flex-wrap: wrap;  font-size:var(--font-size-19); cursor:pointer;}
.form_check input + label:before{content:""; position:absolute; left:0; top:0.15em; width:1.3rem; aspect-ratio: 1; forced-color-adjust: none; background-color:var(--Gray-Color-300); mask: url(/images/default/krds/ico_check.svg) no-repeat 0 0 /100%; }
.form_check input:checked + label{color:var(--Text-Color-Black);}
.form_check input:checked + label:before{background-color:var(--Text-Color-Black);}

.agreeScroll{height:15rem; overflow-y:auto; border:1px solid var(--border-Color); padding:var(--num-20); color:var(--Text-Color-Basic-2); margin-top:var(--gap-20);}
.agreeScroll h4:first-child{margin-top:0;}
.agreeScroll h4,
.agreeScroll h5,
.agreeScroll h6{margin:var(--num-12) 0; font-size: var(--font-size-18);  color:var(--Text-Color-Basic-2);}

/* 회원가입, 회원가입완료 */
.ico_title{position: relative; padding: 0 280px; margin-bottom:40px;}
.ico_title p {position: relative; padding-left: 110px;  color:#444;}
.ico_title p:before {content: '';position: absolute;left: 0;top: 0;width: 92px;height: 92px;background: url('/images/default/content/ico_mem.gif') no-repeat 0 0;  }
.ico_title em{}
.ico_title:before {content: ''; position: absolute; left: 0; top: 35px; width: 250px; height: 1px; background: #3c3c3c; transition-duration: 0.4s;}
.ico_title:after {content: ''; position: absolute; right: 0; top: 35px; width: 250px; height: 1px; background: #3c3c3c; transition-duration: 0.4s;}

.sign_select{overflow:hidden;}
.sign_select li{float:left; width:50%;}
.sign_select li a{display:block; height: 496px; box-sizing:border-box; padding:80px;}
.sign_select .s01 a{background: url('/images/default/content/m_bg01.jpg') no-repeat 0 0; }
.sign_select .s02 a{background: url('/images/default/content/m_bg02.jpg') no-repeat 0 0; }
.sign_select li a div{height:100%; color:#fff; text-align:center; box-sizing:border-box; padding-top:50px;}
.sign_select li a div h3{  margin-bottom:30px;}
.sign_select li a div p.more{background: url('/images/default/content/btn_arrow.png') no-repeat right center; padding-right: 80px; padding-bottom:10px; border-bottom:3px solid #fff; display:inline-block; margin-top:40px;}
.sign_select .s01 a div{background: url('/images/default/content/coverBlue.png') repeat 0 0;}
.sign_select .s02 a div{background: url('/images/default/content/coverBlack.png') repeat 0 0;}

.signup03{text-align:center;}
.signup03 b{margin-bottom:30px;   color:#222; display:block; text-decoration:underline;}
.signup03 em{color:#5D95F8; }
.signup03 p{margin-top:70px;}
.signup03 p a{padding:18px 60px; background-color:#307cd7; color:#fff; }

.mem_tb ul{width:100%; border-top:2px solid #000;}
.mem_tb ul li{display:flex; -webkit-align-items: stretch;　align-items: stretch;}
.mem_tb ul li input{background:#eee;}
.mem_tb ul li .th,
.mem_tb ul li .td{ border-bottom:1px solid #ddd; display:flex; padding:1rem;}
.mem_tb ul li .th{ text-align:center; flex-basis: 20%; align-items: center;}
.mem_tb ul li .td{flex-basis: 80%; flex-direction: column;}

.mem_tb ul li .td p{margin-top:10px; color:#666;}
.mem_tb ul li .td p em{color:#FF220C; margin-right:5px;}
.mem_tb ul li.phone .td{ flex-direction: row;align-items: center; }
.mem_tb ul li.phone .td input{vertical-align:middle;}
.mem_tb ul li.phone .td span{margin:0 0.5rem;}


.arBtn{display:flex;}
.arBtn a{margin-left:10px;}
.btnChkUnique{ display:inline-block;  padding:0 1.5rem; height:40px; line-height:40px; text-align:center;  background-color: #242424;  color: #fff; }

@media (max-width:1030px){
	/*회원가입*/
	.mem_tb ul li{display:block;}
	.mem_tb ul li .th, .mem_tb ul li .td{border:none;padding:0;}
	.mem_tb ul li .th{margin-top:2rem; margin-bottom:5px; }
}



.user_agree input{vertical-align:middle;}
.user_agree dt{margin-bottom:10px; margin-top:70px; }
.user_agree dd textarea{color:#848C8E; height:13rem;}
.user_agree .chks{margin-top:20px; color:#333;  display:block; text-align:right;}






/* 회원탈퇴 */
.withdraw{width: 100%;margin: 0 auto; text-align:center;  border-bottom:1px solid #eee; padding-bottom:30px;}
.withdraw p{margin-bottom:30px; background:#F3FCFF; padding:20px 0px;}




/* 첨부파일 */
.file {position:relative;  display:flex; align-items: center; gap:5px; margin:5px 0;}
.file_in{width:450px; gap:5px; display:flex; align-items: center;}
.file input[type="file"] {position:absolute; top:0; left:0; opacity:0;}
.file input[type="text"] {}
.file a{}
.file span {margin-left:20px;color:#767676}
.fileBtn {display:inline-block; flex-shrink:0; vertical-align: top; padding:0 1rem; font-size:var(--font-size-15); height:clamp(2.5rem, 2.357rem + 0.381vw, 2.7rem); align-content:center; background:#919190;  color:#fff; text-align:center; margin-left:0px !important;}

@media (max-width:767px){
	table.online_tb th{padding:18px 0 0;}
	.file,
	.file_in{width:100%;}
	.fileBtn{width:auto; }

	.w50{width:100% !important;}

	.online_form .col2{width:100%;}
}


.ast{padding-left:20px;margin-top:10px; position:relative; color: #48423e; line-height:1.3; display:inline-block;}
.ast:before{content:'※'; display : block; position : absolute; left :0; top:0; color:#f4213f;}
.ast em{color:#f4213f; }


/* 온라인문의 */
.info-box{padding:clamp(1.5rem, 0.571rem + 2.476vw, 2.8rem) clamp(1.5rem, -1.893rem + 9.048vw, 6.25rem); border-radius: clamp(1rem, -1.857rem + 7.619vw, 5rem) 0.625rem; background: #ECF5FF; margin-bottom:2rem; font-size: var(--font-size-18); color: var(--text-Color, #262626); font-family:var(--ff-notoSans);}
.info-box h4{margin:0 0 0.5rem; font-size: var(--font-size-28); font-weight: 700; font-family:var(--ff-body)}
.online .chks{margin:0 1rem;}
.online .req_caption {display: flex; color: #f4213f; margin-bottom: 0.5rem; text-align: right; gap: 0.2rem;  align-items: center; justify-content: flex-end;}
.online_tb th .req {font-weight: 700; color: #f4213f;}
.online_tb {width:100%; table-layout:fixed; --online-bg:var(--Gray-Bg-Color); --online-height:clamp(3rem, 2.9rem + 0.5vw, 3.5rem); --online-padding: clamp(1.125rem, 1.1rem + 0.13vw, 1.25rem); --online-radius:var(--radius-lg);}
.online_tb td, 
.online_tb th{overflow:hidden; vertical-align:top; border: none; padding: 0.625rem 0; }
.online_tb th{text-align: left; background: none; padding-top: 1.5rem;}
.online_tb th:not(:first-child){padding-left:1rem;}
.online_tb img{vertical-align:middle;}
.online_tb input[type="text"] {background-color: var(--online-bg); height: var(--online-height); border: 1px solid var(--online-bg); border-radius: var(--online-radius); padding: 0 var(--online-padding);}
.online_tb td .flex {display: flex; flex-wrap: wrap; gap: .5rem;}

.online_tb .radio input[type="radio"] + label{display: flex; align-items: center; justify-content: flex-start; height: 100%; color: #666; line-height: var(--online-height); background-color: var(--online-bg); cursor: pointer; border-radius: var(--online-radius); transition: all 0.25s ease; padding: 0 var(--online-padding); padding-left: clamp(2rem, 1.775rem + 1.13vw, 3.125rem); position: relative; margin-right: 0;}
.online_tb .radio input[type="radio"] + label::before{content: '';position: absolute;width: clamp(0.875rem, 0.8rem + 0.38vw, 1.25rem); height: clamp(0.875rem, 0.8rem + 0.38vw, 1.25rem); background: #fff; border:0.063rem solid transparent; outline:0.063rem solid var(--border-Color); left: clamp(0.875rem, 0.8rem + 0.38vw, 1.25rem); top: 50%; transform: translateY(-50%); border-radius:50%;}
.online_tb .radio input[type="radio"]:checked + label {background: var(--Brand-Color-sub); color: #fff;}
.online_tb .radio input[type="radio"]:checked + label::before {background: #fff; border:0.4rem solid var(--Brand-Color-sub); outline:0.063rem solid #fff; }
.online_tb .check{position:relative;  flex:0 0 calc(50% - 0.5rem); gap:0.5rem; }
.online_tb .check input[type="checkbox"] + label{position:relative; display: flex; align-items: center; gap:0.5rem; padding: 0 var(--online-padding); padding-left:clamp(2rem, 1.775rem + 1.13vw, 3.125rem); color: #666; cursor:pointer; min-height:3.4rem;  background-color: var(--online-bg); border-radius: var(--online-radius); transition: all 0.2s ease-out 0s;}
.online_tb .check input[type="checkbox"]{position:absolute; left:0.75rem; top:50%; border-color:var(--border-Color); z-index: 1; transform:translateY(-50%);}
.online_tb .check input[type="checkbox"]:checked{background-color:var(--Brand-Color-sub); border-color:#fff;}
.online_tb .check input[type="checkbox"]:checked + label{background-color:var(--Brand-Color-sub);  color:#fff;}
.online_tb .check input[type="text"]{background:#fff; height:2rem; flex:1; padding:0 0.25rem;}
.online_tb .flex.fourItems .check {flex: unset; width:calc((100% - 0.5rem * 3)/4)}

.online_tb .mail {display: flex; align-items: center; gap: .5rem; width: 100%; }
.online_tb .mail input, select {flex: 1;}
.online_tb .mail input:first-child {width: auto; flex: 1;}
.online_tb .date{display: flex; align-items: center; gap: .5rem; }
.online_tb .date .datepicker{background: var(--online-bg) url('/images/default/krds/ico_calendar.svg')no-repeat right 1rem top 50%; background-size:clamp(1.4rem, 1.257rem + 0.381vw, 1.6rem);}
.online_tb select {appearance: none; color: inherit; background-color: var(--online-bg); height: var(--online-height); border: 1px solid var(--online-bg); border-radius: var(--online-radius); padding: 0 var(--online-padding);}
.online_tb textarea {background: var(--online-bg); border: 1px solid var(--online-bg); border-radius: var(--online-radius); padding: var(--online-padding)}
.online_tb .captcha{display:flex; gap:0.5rem; width:100%;}
.online_tb .captcha .captcha_word{background:#D6D6D6; width:7.5rem; height:var(--online-height); line-height:var(--online-height); text-align:center; color:#333; letter-spacing:3px; font-family: 'Libre Baskerville', serif; font-weight:700; border-radius: var(--online-radius);}
.online_tb .captcha input{background-color: var(--online-bg); height: var(--online-height); border: 1px solid var(--online-bg); border-radius: var(--online-radius); padding: 0 var(--online-padding); }
.online_tb .file {position:relative;}
.online_tb .file input[type="file"] {position:absolute; top:0; left:0; width:458px; opacity:0;}
.online_tb .file input[type="text"] {background: var(--online-bg); height: var(--online-height); border: 1px solid var(--online-bg); border-radius: var(--online-radius); padding: 0 var(--online-padding);}
.online_tb .file a {margin-left:0.5rem; height:var(--online-height); vertical-align:top;  background: var(--Brand-Color-sub); color: #fff; border-radius: var(--online-radius); font-size:var(--font-size-18); width:6rem;}
.online_tb .phone{display:flex; align-items: center; gap:5px;}

.online .btn_wrap .btn_cancel,
.online .btn_wrap .btn_confirm {width: auto; height: clamp(3rem, 2.9rem + 0.5vw, 3.5rem); margin: 0; padding: 0 var(--num-32); border-radius: 0.3125rem;}
.online .btn_wrap .btn_confirm{width: 15.375rem; border-radius: 0.3125rem; background-color: #262626; border-color:#262626}
.online .btn_wrap .btn_confirm .ico_arrow{display:inline-block; background-color:#fff; width:1.5rem; -webkit-mask-image: url(/images/default/content/ico_arrow.svg); mask-image: url(/images/default/content/ico_arrow.svg); vertical-align: middle; aspect-ratio: 1;}

@media (max-width: 1024px){
	.online_tb .flex.fourItems .check {flex: unset; width:calc((100% - 0.5rem * 1)/2)}
}
@media (max-width:767px){
	.online_tb .file input[type="file"],
	.online_tb .file input[type="text"]{width:100%;} 	
	.online_tb{border-top:2px solid #333; padding-top:1rem;}
	.online_tb, 
	.online_tb thead, 
	.online_tb tbody, 
	.online_tb th, 
	.online_tb td, 
	.online_tb tr {display: block;}
	.online_tb thead tr {position: absolute;top: -9999px;left: -9999px;}
	.online_tb tr{border-bottom:1px solid #ddd;margin-bottom:1rem; padding-bottom:1rem;}
	.online_tb th{background:#fff; text-align:left; border:none; padding:0; margin:0; margin-bottom:5px; }
	.online_tb td{padding:0; border:none;}
	.online_tb .w10,
	.online_tb .phone,
	.online_tb .mail{width:100% !important;}
	.online_tb .check{flex:0 0 100%;}
	.online_tb .flex.fourItems .check {width:100%;}
	.online_tb .radio{flex:unset; width:calc((100% - 0.5rem * 1)/2);}
	.applyFormst .file{width:100%;}
	.input_st{width:100% !important;}
}
@media (max-width: 580px){
	.online_tb .mail {flex-wrap: wrap;}
	.online_tb .mail select {width: 100%; flex: none;}

	.online_tb .check input[type="checkbox"] + label,
	.online_tb .radio input[type="radio"] + label {padding-left:2.25rem; padding-right:0.5rem;}
}

/*개인정보 수집 및 이용동의 */
.check_li{margin:1rem 0;}
.check_li li{padding-left:1.5rem; position:relative;box-sizing:border-box;}
.check_li li:before{ content : "\e92c"; display : block; position : absolute;   font-family: 'xeicon'; left :0; top:0; }


/*개인정보 이용약관*/
.clause{margin-bottom: 0.75rem; margin-top:2rem;  }
.private{padding: var(--num-24); border-radius: .5rem; background: #F8F8F8; max-height:20rem; overflow-y:auto;}
.private h6 {margin-bottom: 0.5rem;  color: #555;  margin-top:1.5rem; }
.agree{text-align:center; margin:1.5rem 0 2rem; }
.btn_phone{padding:0.4rem 0.5rem; background:#545454;color:#fff;margin-left:3px;cursor:pointer;}


.agree-conts ul li{ }
.agree-conts ul li.list2{text-indent:0px;}

@media (max-width:767px){
	.agree{text-align:left; display:table; margin-left:auto; margin-right:auto;}
	.agree .chks{display:block; margin:0.5rem 0;}
}
@media (max-width:540px){
	.agree{margin-left: 0;}
}


/*이메일무단수집거부*/
.emailPolicy {width:100%;margin:0 auto;border:1px solid #d9d9d9;padding:1.5rem 2.5rem 1.5rem 1.5rem;
background:#f9f9f9 url('/images/default/content/email_ico.png') no-repeat 50px 25px;box-sizing:border-box;}
.emailPolicy .email_desc {margin-left:10rem;padding-left:1.5rem;border-left:1px solid var(--border-Color);}
.emailPolicy .law_tit {color:#000;margin-bottom:0.5rem;}
.emailPolicy .list2 {padding-left:0.5rem;margin-top:0.5rem;}
.emailPolicy p {margin-bottom:0.5rem;}
.emailPolicy p span.point {color:#1546ac;}
.mem_title{display:none;}

@media (max-width:767px){
	.emailPolicy {background-position:50% 2rem;}
	.emailPolicy .email_desc{margin-left:0; margin-top:9rem; padding-left:0; padding-top:1.5rem; border-left:none; border-top:1px solid var(--border-Color);}
}

/* ******************************************************* 
■ 달력
******************************************************* */
/* datepicker Style */
.ui-datepicker { width: 320px; padding: 0; display: none; border: 0; margin-top: 10px;  }
.ui-widget.ui-widget-content {  width: 320px; border: 0.1rem solid #c6c6c6; border-radius: 0.8rem; padding:0; overflow: hidden; background: #fff; box-shadow: 0 0 8px rgba(0,0,0,0.03); z-index:99 !important;}
.ui-datepicker .ui-widget-header,
.ui-datepicker .ui-datepicker-header { position: relative; padding: 15px 0 !important; border: 0; background: #edf1f5; color: #555; border-radius: 0; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 70px; height: 26px; line-height: 26px; background: rgba(0,0,0,0.15) url(/images/default/krds/ico_angle.svg)  98% 50% no-repeat; background-size:1em; margin: 0 4px; padding: 0 6px; border: 0; border-radius: 3px; color: #fff; font-size: 13px; font-weight: bold; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.ui-datepicker select.ui-datepicker-month:hover, .ui-datepicker select.ui-datepicker-year:hover { background: rgba(0,0,0,0.3) url(/images/default/krds/ico_angle.svg) 98% 50% no-repeat; background-size:1em;}
.ui-datepicker select::-ms-expand {display: none;}
.ui-datepicker .ui-datepicker-title {width: calc(100% - 8em); margin: 0 auto !important;  display:flex; gap:4px;     justify-content: center; line-height: 3em; text-align: center;  font-size:14px; font-weight:bold; letter-spacing:0; }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year{width:80px !important; font-size:16px !important; color:#000; font-weight:500; background:url(/images/default/krds/ico_angle.svg) 98% 50% no-repeat; background-size:1em; }
.ui-datepicker select.ui-datepicker-month:hover,
 .ui-datepicker select.ui-datepicker-year:hover{background-color:transparent;}
.ui-datepicker .ui-datepicker-calendar { position: relative; padding-top: 100px; margin: 0 auto; }
.ui-datepicker-calendar thead th {color:#000; font-size:15px; font-weight:500; text-align:center; padding:.7em 0.5em; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { position: absolute; top: 10px  !important; width: 2em  !important; height: 2em  !important;  text-indent: -9999px; cursor: pointer }
.ui-datepicker .ui-icon{top: 0 !important; left:0 !important; margin:0 !important;  width: 100%  !important; height: 100%  !important; }
.ui-datepicker .ui-datepicker-prev { left: 10px  !important; }
.ui-datepicker .ui-datepicker-prev.ui-state-hover { background: rgba(0,0,0,0.1); border: 0; }
.ui-datepicker .ui-datepicker-prev .ui-icon { background: url(/images/default/krds/ico_cal_move.svg) 50% 50% no-repeat; background-size:80%; }
.ui-datepicker .ui-datepicker-next { right: 10px  !important; }
.ui-datepicker .ui-datepicker-next.ui-state-hover { background: rgba(0,0,0,0.1); border: 0; }
.ui-datepicker .ui-datepicker-next .ui-icon { background: url(/images/default/krds/ico_cal_move.svg) 50% 50% no-repeat; background-size:80%; transform: rotate(180deg );}
.ui-datepicker .ui-state-default { display: block; border: 0; border-radius: 4px; max-width:40px; line-height: 38px; padding: 0; margin: 1px auto; font-size: 14px; text-align: center; background: #fff !important; border:none !important; font-weight: normal; color: #333; box-sizing: border-box; }
.ui-datepicker .ui-state-default.ui-state-hover { background: rgba(0,0,0,0.05); }
.ui-datepicker-today .ui-state-default { color: #256ef4; font-weight: bold; }
.ui-datepicker-current-day .ui-state-default { background: #256ef4 !important; color: #fff  !important; font-weight: bold; }
.ui-datepicker .ui-state-default:hover{background:#ebf4f8  !important;}
.ui-datepicker-buttonpane { overflow: hidden; border-top: 1px solid #e4e4e4 !important; }
.ui-datepicker-buttonpane button.ui-state-default{    display: inline-flex; align-items: center; justify-content: center;  margin:.7em 0.5em !important; gap: 0.4rem; width: auto;  
    background-color: #246BEB  !important;  border: 0.1rem solid #246BEB  !important; color: #fff; font-weight: 500; line-height: 1; cursor: pointer;
    white-space: nowrap;  height: 4rem;  padding: 0 1.2rem; border-radius: .6rem; font-size: 1.7rem; transition: 0.4s ease-in-out;}
.ui-datepicker-buttonpane button.ui-state-default:hover{background-color: #1D56BC  !important; border-color: #1D56BC  !important;}
.ui-datepicker-buttonpane button[data-handler="today"] {background-color: #fff  !important; border: 0.1rem solid #000b17  !important;  color: #000b17  !important;}
.ui-datepicker-buttonpane button[data-handler="today"]:hover{background-color: #f8f8f8  !important; border-color: #000b17  !important; } 
.ui-datepicker-buttonpane button[data-handler="hide"] { }

/* ie add Style */
.ui-datepicker td, .ui-datepicker th { border: 0 }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; cursor: pointer; width: auto; margin: 0.5em 0.2em 0.4em; padding: 0.2em 0.6em 0.3em; overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-corner-all { border-radius: 3px; }
.ui-icon { display: block; width: 16px; height: 16px; }

/* mobile Responsive */
 @media screen and (max-width:480px) {
.ui-datepicker { width: 270px !important; left: 50% !important; margin-left: -135px !important; }
}

/********************************************************

********************************************************/
.agree-conts-new{}
.agree-conts-new .important_box{padding:1rem; background:#fafafa; border:1px solid var(--border-Color); border-radius:0.25rem; }
.agree-conts-new .important_box p+p{margin-top:1rem;}

/*�ڽ�*/
.agree-conts-new .agree-box{margin-top:4.5rem;}
.agree-conts-new .agree-box h3{font-weight:700; color: #27447a; margin-bottom:0.5rem; }
.agree-conts-new .agree-box h3 + p:not(.list){   margin-bottom:0.5rem;}
.agree-conts-new .agree-box .bar{position:relative; margin-top:0.25rem; padding-left:0.5rem; }
.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 .na_chart{display:flex; flex-wrap:wrap; padding:1rem;  border:1px solid var(--border-Color); border-radius:0.25rem; gap:1rem; margin-top:1rem;}
.agree-conts-new .na_chart > li{flex:1 0 49%; }
.agree-conts-new .na_chart > li a{position:relative; display:block; padding-left:2rem; }
.agree-conts-new .na_chart > li a [class*="priIcon"]{position:absolute; left:0px; top:-0.1rem;  width:1.5rem; aspect-ratio: 1;}
.agree-conts-new .na_chart > li:hover a{text-decoration:underline; text-underline-position: under;}

/*������*/
.agree-conts-new [class*="priIcon"]{display:inline-block; width:1.5rem; aspect-ratio: 1; background-size:100%; background-repeat:no-repeat; background-position:0 0;  vertical-align: middle;}
.agree-conts-new .priIcon01{background-image:url('/images/default/member/privacy_01.svg')}
.agree-conts-new .priIcon02{background-image:url('/images/default/member/privacy_02.svg')}
.agree-conts-new .priIcon03{background-image:url('/images/default/member/privacy_03.svg')}
.agree-conts-new .priIcon04{background-image:url('/images/default/member/privacy_04.svg')}
.agree-conts-new .priIcon05{background-image:url('/images/default/member/privacy_05.svg')}
.agree-conts-new .priIcon06{background-image:url('/images/default/member/privacy_06.svg')}
.agree-conts-new .priIcon07{background-image:url('/images/default/member/privacy_07.svg')}
.agree-conts-new .priIcon08{background-image:url('/images/default/member/privacy_08.svg')}
.agree-conts-new .priIcon09{background-image:url('/images/default/member/privacy_09.svg')}
.agree-conts-new .priIcon10{background-image:url('/images/default/member/privacy_10.svg')}
.agree-conts-new .priIcon11{background-image:url('/images/default/member/privacy_11.svg')}



.agree-conts-new .list_area{display:flex; gap:2rem;}
.agree-conts-new .list_area li{flex:1; border:1px solid var(--border-Color);}
.agree-conts-new .list_area .box-1{background: rgba(var(--Brand-Color-main-rgb),0.03); display: flex; align-items: center;  justify-content: center; height:4rem;  color: var(--Brand-Color-main); 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.2em; display:inline-block; width:1.3rem; height:1.3rem; line-height:1.3rem; font-size:var(--font-size-16); background:var(--Brand-Color-main); font-weight:700; color: #fff; border-radius:50%; text-align:center;}
.agree-conts-new .list li + li{margin-top:0.75rem;}
.agree-conts-new .list-2.list-2bg{ background:rgba(var(--Brand-Color-main-rgb),0.03); border:1px solid var(--border-Color); border-radius:0.25rem; padding:1rem;}
.agree-conts-new .list-2{margin-top:0.5rem;  padding:0.5rem 1rem 0.5rem 2rem;}
.agree-conts-new .list-2 li{display:flex; gap:0.5rem;}
.agree-conts-new .list-2 li.row{flex-direction: column; gap:0.5rem 0;}
.agree-conts-new .list-2 li em{ color: #27447a;}
.agree-conts-new .tableWrap{margin-top:0.5rem; }
.agree-conts-new .list-2 li+li{margin-top:0.5rem;}

.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:var(--Brand-Color-main); color:#fff; text-align:center; }
.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:var(--Brand-Color-sub); color:#fff; padding:1rem; }

.agree-conts-new .report_infringement{padding:1rem; background:#fafafa; border:1px solid var(--border-Color); border-radius:0.25rem; }
.agree-conts-new .report_infringement p{text-align:center; margin-bottom:0.5rem;}
.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; 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{ color:var(--Brand-Color-main); border-bottom:1px solid var(--border-Color) }
.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 var(--border-Color); background:#F4F4F4;  color:#666;}

.agree-conts-new .tableWrap table { margin:0;  clear:both; width:100%;}
.agree-conts-new .tableWrap table thead tr th {color: var(--Brand-Color-main);  background:rgba(var(--Brand-Color-main-rgb),0.03); text-align:center; padding:1rem .5rem 0.9rem; border-top:2px var(--Brand-Color-main) solid; border-bottom:1px #d5d5d5 solid; }
.agree-conts-new .tableWrap table tbody tr td {color: #575757; padding:1rem; border-bottom:1px solid var(--border-Color);  text-align:center; vertical-align:middle;border-right: 1px solid #d5d5d5;}
.agree-conts-new .tableWrap table tbody tr td:last-child{border-right:none;}
.agree-conts-new .tableWrap table tbody tr th{color: #575757; padding:1rem; border-bottom:1px solid var(--border-Color);  text-align:center; vertical-align:middle;border-right: 1px solid #d5d5d5; background:#F7F7F7;}
.agree-conts-new .tableWrap table tbody tr td.bg{background:#F7F7F7;}

.agree-conts-new .link{display:block; padding:0.5rem 1rem; border:1px solid var(--border-Color); 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 var(--border-Color);  display: flex; align-items: center; justify-content: space-between;   height: 3rem; padding:0 1rem;}
.privacy-pop-cont .pop-tit .closeBtn{ cursor:pointer;}

@media (max-width: 1028px){
	.report_infringement ul li{flex:1 0 calc(25% - 2rem);}
	.privacy-pop-cont{width:90%;}
}
@media (max-width: 768px){
	.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);}
}



/* ������� ��û���� */
.btns .rbtn{display:inline-block; border:1px solid #ddd; border-radius:4px; height:1.75rem; padding:0 0.5rem; color:#fff; margin:2px; }
.btns .rbtn.rbtnEdit{background:var(--Brand-Color-main); border-color:#1c49a1; }
.btns .rbtn.rbtnDelete{background:#e90000; border-color:#B80000; }


/* �ߺ��˻� - alert */
.alertDiv {display: flex; margin-left: 0.5rem; align-items: center;  }
.alertDiv.success {color:#2553b7;}
.alertDiv.fail {color:#e51e1e;}