@charset "utf-8";
/* CSS Document */
/*-----------------
    member css
-------------------*/
/*input[type=checkbox], input[type=radio] {all: unset !important; appearance: auto !important;}*/

/* 로그인 */
.login-main-content { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 60vh; padding: 4rem 2rem; }

/* 로고 */
.logo-box { margin-bottom: 3.6rem;}
.logo-box .logo-title {padding: 0 0 2rem 0; margin: 0; }
.logo-box .guide-text { color:#464C53; font-size: 1.9rem; font-weight: 700; margin: 0;}

/* 로그인 폼 배경 */
.login-form-bg { width:100vw; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); background-color:#F4F5F6; padding:4rem 0 6rem 0; display: flex; justify-content: center; }

/* 로그인 폼 */
.login-form { width: 100%; max-width: 42rem; background-color: transparent; padding: 0;margin: 0; }
.login-form-container { display: flex; display: -webkit-flex; flex-direction: column; gap: 2.4rem 0; }

/* 입력 필드 그룹 */
.login-form-container .form-wrap { display: flex; flex-direction: column; gap: 1.5rem; }
.login-form-container .form-wrap .form-tit {display: none; opacity: 0; visibility: hidden; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -1000px;}
.login-form-container .form-wrap .form-wrap .form-conts{gap:0 !important}
.login-form-container .form-wrap .form-conts .form-input {width: 100%; height: 5.6rem; font-size: 1.9rem;}
.login-form-container .form-wrap .form-conts .form-input:focus { outline: none; border-color: #8e44ad; }
.login-form-container .form-wrap .form-conts .form-input::placeholder { color: #8A949E; }

/* 로그인 버튼 */
.login-form-container .login-btn { width: 100%; height: 5.6rem; line-height: 1.8rem; background-color: #B534D2; color: white; border: none; border-radius: 0.8rem; font-size: 1.9rem; font-weight: 400; cursor: pointer; transition: background-color 0.3s ease; text-transform: uppercase; }
.login-form-container .login-btn:hover { background-color: #7d3c98; }
.login-form-container .login-btn:active { background-color: #B534D2; }

/* 도움말 링크 */
.login-form .login-links { display: flex; justify-content: center; align-items: center; gap: 1rem; margin-top:1.6rem; }
.login-form .login-link{ color: #1E2124; text-decoration: none; font-size: 1.7rem; transition: color 0.3s ease; }
.login-form .login-link:hover { color: #8e44ad; }
.login-form .login-links .divider { color: #CDD1D5; font-size: 1.5rem; }

/* Forgot ID 메인 */
.forgot-id-main { display: flex; gap: 0; margin:10rem 0 10rem 0; max-width:120rem; margin-left: auto; margin-right: auto; }
.forgot-id-main .search-section { flex: 1; padding:6.2rem 8rem  6rem 8rem; display: flex; flex-direction: column; justify-content: space-between; }
.forgot-id-main .search-section.korean-section { align-items: flex-start; text-align: left;border-radius: 1.2rem 0 0 1.2rem; background-color: #611183; }
.forgot-id-main .search-section.global-section { align-items: flex-end; text-align: right; border-radius: 0 1.2rem 1.2rem 0; background-color: #F4F5F6; }
.forgot-id-main .korean-section .section-title { font-size: 3.2rem; color: #fff; font-weight: 700; margin: 0 0 8rem 0; padding-bottom:0.2rem; border-bottom:#fff 0.1rem solid; width: 100%;}
.forgot-id-main .global-section .section-title { font-size: 3.2rem; color: ##1E2124; font-weight: 700; margin: 0 0 8rem 0; padding-bottom:0.2rem; border-bottom:#8A949E 0.1rem solid; width: 100%; }

.forgot-id-main .section-content { margin-bottom:6.2rem; width: 100%; }
.forgot-id-main .section-text { margin: 0 0 1.5rem 0; font-size: 1.7rem; line-height: 1.5; }
.forgot-id-main .section-text02 { margin: 0 0 0 0; font-size: 1.5rem; line-height: 1.3; }
.forgot-id-main .korean-section .section-text { color: #fff; text-align: left; }
.forgot-id-main .korean-section .section-text02 { color: #fff; text-align: left; }
.forgot-id-main .global-section .section-text { color: #464C53; text-align: right; }
.forgot-id-main .global-section .section-text02 { color: #464C53; text-align: right; }

/*.email-input { width: 100%; max-width: 300px; height: 40px; padding: 0 15px; border: 1px solid #ddd; border-radius: 6px; font-size: 14px; font-family: 'Pretendard', sans-serif; margin-bottom: 20px; }*/
.forgot-id-main .search-btn { padding: 1.3rem 6.5rem; border: none; border-radius: 0.8rem; font-size: 1.9rem; font-weight: 400; cursor: pointer; }
.forgot-id-main .korean-btn { background-color: #B534D2; color: #fff; }
.forgot-id-main .global-btn { background-color:transparent; color: #1E2124; border: 1px solid #58616A; }

/* Forgot ID 메인(이메일 인증) */
.forgot-id-main-content { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 9.2rem 0 3rem 0;}
.email-guide { margin-bottom: 3rem; text-align: center; width: 100vw; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); background-color: #F4F5F6; padding:3.5rem 0;}
.email-guide-text { margin: 0 0 0.5rem 0; font-size: 1.9rem; font-weight: 400; color: #1E2124;}

.forgot-id-main-content .email-form { display: flex; flex-direction: column; align-items: center; gap:1rem; width: 100%; max-width: 42rem; margin-top: 0.2rem; }
.forgot-id-main-content .email-input { width: 100%; height: 5.5rem; padding: 0 2rem; border: 0.1rem solid #58616A; border-radius: 0.6rem; font-size: 1.5rem; background-color: #fff; transition: border-color 0.3s ease; box-sizing: border-box; }
.forgot-id-main-content .email-input:focus { outline: none; border-color: #8e44ad; }
.forgot-id-main-content .email-input::placeholder { color: #8A949E; }
.forgot-id-main-content .verify-btn { width: 100%; height: 5.6rem;margin-top: 2rem; background-color:#B534D2; color: #fff; border: none; border-radius:0.8rem; font-size: 1.9rem;font-weight: 400; cursor: pointer; transition: background-color 0.3s ease; text-transform: uppercase; }
.forgot-id-main-content .verify-btn:hover { background-color: #7d3c98; }
.forgot-id-main-content .verify-btn:active { background-color: #B534D2; }

/* 아이디찾기 인증성공 인증메일발송 */
.email-form02 { display: flex; flex-direction:row; gap:2rem; width: 100%; max-width: 42rem; margin-top: 0.2rem; margin:0 auto; }
.email-form02 .login-btn { width:50%; height: 5.6rem;  padding:0.3rem 0 0 0; background-color:#B534D2; color: #fff; border: none; border-radius:0.8rem; font-size: 1.9rem;font-weight: 400; cursor: pointer; transition: background-color 0.3s ease;  }
.email-form02 .login-btn:hover { background-color: #7d3c98; }
.email-form02 .login-btn:active { background-color: #B534D2; }
.email-form02 .main-btn { width:50%; height: 5.6rem;padding:0.3rem 0 0 0; background-color: transparent; color:#1E2124; border:0.1rem solid #58616A; border-radius:0.8rem; font-size: 1.9rem;font-weight: 400; cursor: pointer; transition: background-color 0.3s ease;  }
.email-form02 .main-btn:hover { background-color: #f5f5f5; }
.email-form02 .main-btn:active { background-color: #f5f5f5; }

/* 인증 방법 선택 카드 */
.forgot-id-header .hearer-txt {color: #464C53; font-size:1.7rem; font-weight: 400; padding:0.5rem 0 0 0;}
.authentication-methods { display: flex; gap: 2rem; margin: 6rem 0 3rem 0; }
.auth-card { flex: 1; padding: 6.2rem 7.5rem; border-radius: 1.2rem; display: flex; flex-direction: column; align-items: center; text-align: center; min-height: 48rem;}
.ipin-card { background-color: #F4F5F6; }
.mobile-card { background-color: #611183; }
.mobileid-card { background-color: #F4F5F6; }
.auth-title { font-size: 3.2rem; font-weight: 700; margin: 0 0 3.2rem 0; padding-bottom:0; border-bottom: 0.1rem solid; width: 100%; }
.ipin-card .auth-title, .mobileid-card .auth-title { color: #1E2124; border-bottom-color: #8A949E; }
.mobile-card .auth-title { color: #fff; border-bottom-color: #fff; }

.auth-content { margin-bottom:0; flex-grow: 1; text-align: left; }
.auth-description { margin: 0; font-size: 1.5rem; line-height: 1.5; font-weight: 400;}
.ipin-card .auth-description, .mobileid-card .auth-description { color: #464C53; }
.mobile-card .auth-description { color: #fff; }

.auth-btn { width: 100%; height: 5.6rem; border: none; border-radius: 0.8rem; font-size: 1.9rem; font-weight: 400; cursor: pointer; transition: background-color 0.3s ease; }
.ipin-btn, .mobileid-btn { background-color: transparent; color: #333; border: 0.1rem solid #58616A; }
.mobile-btn { background-color: #B534D2; color: #fff; }
.ipin-btn:hover, .mobileid-btn:hover { background-color: #f5f5f5; }
.mobile-btn:hover { background-color: #7d3c98; }
.mobile-btn:active { background-color: #B534D2; }

/* 회원가입 약관동의 페이지 - 진행 단계 */
.forgot-id-header .progress-steps { font-size: 1.7rem; color: #464C53; padding-bottom: 1rem; margin-top: 1rem; }
.forgot-id-header .progress-steps .step { font-weight: 400; }
.forgot-id-header .progress-steps .step.current { color: #9716B4; font-weight: 600; }
.forgot-id-header .progress-steps .step-separator { color: #8A949E; margin: 0 0.5rem; }

/* 약관 컨텐츠 영역 */
.terms-content-area { padding: 4rem 0 0 0; }

/* Terms and Conditions 섹션 */
.terms-section { margin-bottom: 4rem; }
.terms-section .section-title { font-size:3.2rem; font-weight: 700; color:#131416; margin: 0 0 3rem 0; }
.terms-box { background-color: transparent; border: 1px solid #58616A;  padding: 2.5rem; margin-bottom: 3rem; max-height: 32rem; overflow-y: auto; }
.terms-box::-webkit-scrollbar { width: 0.8rem; }
.terms-box::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 0.4rem; }
.terms-box::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 0.4rem; }
.terms-box::-webkit-scrollbar-thumb:hover { background: #a8a8a8; }

.terms-box h4 { font-size: 2rem; font-weight: 700; color: #464C53; margin: 3rem 0; }
.terms-box h4:first-child {margin: 0 0 3rem 0; }
.terms-box h5 { font-size: 1.7rem; font-weight: 600; color: #464C53; margin: 1.5rem 0; }
.terms-box>ul { font-size: 1.6rem; line-height: 1.6; font-weight: 400; color: #1E2124; margin: 0 0 1rem 0;}
.terms-box>ul li .num {display:inline-block; padding-right: 0.5rem; vertical-align: top;color: #464C53;}
.terms-box>ul li .txt { width: 95%; display:inline-block;vertical-align: top;}
.terms-box .highlight-text { color: #f2252d; font-weight: 600; }
.terms-box>ul li>ul {padding:1rem 0 1rem 2.5rem;font-weight: 300; }

/*약관동의 체크박스 및 라디오*/
.krds-check-area { text-align: right; justify-content: flex-end; margin-bottom: 2rem;}
.terms-agreement .checkbox-label { display: inline-flex; align-items: center; cursor: pointer; }
.terms-agreement .terms-checkbox { width: 1.6rem !important; height: 1.6rem !important; margin: 0 0.5rem; cursor: pointer; border: 1px solid #58616A !important; border-radius: 0.3rem; background-color: #fff !important; appearance: checkbox !important;}
.terms-agreement .checkbox-text { font-size: 1.4rem; color: #1E2124; }

.agree-box {display: flex;flex-direction: row; justify-content: flex-end;}
.agree-box .krds-check-area {margin-bottom:0;}
.agree-box .krds-form-check {margin-left:2.4rem;}

.additional-info-box { background-color: #F4F5F6; border: 0.1rem solid #E5DCEB; padding: 2.5rem; margin:5rem 0;}
.additional-info-box p { font-size: 1.7rem; line-height: 1.6; color: #464C53; }
.additional-info-box p:last-child { margin-bottom: 0; }



/* 하단 버튼 영역 */
.bottom-buttons { display: flex; justify-content: center; gap: 2rem; margin-top: 4rem; padding: 3rem 0; }
.btn-disagree { width: 16rem; height: 5.6rem; background-color: #fff; color: #1E2124; border: 1px solid #58616A; border-radius: 0.8rem; font-size: 1.9rem; font-weight: 400; cursor: pointer; transition: background-color 0.3s ease; }
.btn-disagree:hover { background-color: #f5f5f5; }
.btn-agree { width: 16rem; height: 5.6rem; background-color: #B534D2; color: #fff; border: none; border-radius: 0.8rem; font-size: 1.6rem; font-weight: 400; cursor: pointer; transition: background-color 0.3s ease; }
.btn-agree:hover { background-color: #7d3c98; }


/* 회원가입 정보입력 페이지(기존css) */
.mfp-hide{display:none !important}
.mfp-s-ready .mfp-preloader{display:none;}
button.mfp-close{display:none;}

/* dv multi select - add delete */
.td-in-multi-select{display: inline-block;min-width:110rem; height:12rem;overflow-y: auto;border: 1px solid #58616A; border-radius:0.8rem;vertical-align: top;  padding-right:0.6rem;box-sizing: border-box; }
.td-in-multi-select::-webkit-scrollbar {width: 0.6rem;}
.td-in-multi-select::-webkit-scrollbar-thumb {background-color: #E5DCEB;border-radius:0.2rem;}
.td-in-multi-select::-webkit-scrollbar-track {background-color: #F4F0F7;}
.td-in-multi-select > ul {width:100%;}
.td-in-multi-select > ul > li{display: inline-block;width:100%;}
.td-in-multi-select > ul > li.uselet{background-color: #eee;}
.td-in-multi-select a {display: inline-block;width: 100%;padding: 6px 8px;font-size:1.6rem;}
.td-in-multi-select a:hover,.td-in-multi-select a:focus{color: #000;font-weight: 400;background-color: #eee;--krds-box-shadow-outline:0;}
.td-in-multi-select a.active{color: #000;font-weight: 400;background-color: #eee;}

.td-in-multi-btnbox {display: flex; flex-direction: column; margin:0 0 0 0;gap:1rem 0;vertical-align: top;}
.td-in-multi-btnbox a {margin-bottom:0;}


/*모달팝업*/
.modal-conts .popup-container p {color:#131416; margin-bottom:2rem;}
.modal-conts .popup-container p span.genreselet-tit {font-weight:700; font-size:2rem;}

/*===== category =====*/
.category-area {display: block;width: 100%border:solid 1px; background-color: #F4F5F6; border-radius: 1.2rem; padding: 1rem;}
.category-area .category-inbox {display: flex;flex-direction: row; width:100%;border: 1px solid #B1B8BE; background-color: #fff; color: #1E2124; font-size:1.7rem;min-height: 32rem; box-sizing: border-box;}
.category-area .category-inbox > li {width:50%;}
.category-area .category-inbox > li:first-of-type{padding: 0 0 0 0.5rem;border-right:1px solid #B1B8BE;}
.category-inbox .category-list {display:inline-block;width: 100%;overflow-y: auto;overflow-x: hidden; padding: 0.5rem 0;}
.category-inbox .category-list::-webkit-scrollbar {width: 0.8rem;}
.category-inbox .category-list::-webkit-scrollbar-thumb {background-color: #E5DCEB;border-radius:0.2rem;}
.category-inbox .category-list::-webkit-scrollbar-track {background-color:#F4F0F7;}
.category-list > li {display: inline-block;width: 100%;padding: 0.5rem 0.5rem;}
.category-list > li:hover { background-color: #F4F5F6;}
.category-inbox .category-list:focus {--krds-box-shadow-outline:0; outline: 0;}

.modal-bottom.align-center {justify-content:center !important;}
.pd60 {padding:0 6rem !important;}



/* 회원가입 정보입력 페이지 */
.member-form-content-area { padding: 3rem 0; }

/* 필수 표시 안내 */
.required-notice { display: flex; align-items: center; gap: 0.8rem; margin-bottom: 4rem; padding: 2rem 2rem; background-color: #F4F5F6; border-radius: 1.2rem; }
.required-dot { width: 0.6rem; height: 0.6rem; background-color: #D63D4A; border-radius: 50%; }
.required-text { font-size: 1.7rem; color: #1E2124; }

/* Member Information 폼 헤더 */
.member-form-header { margin:2rem 0; }
.member-form-header .form-section-title { font-size:3.2rem; font-weight: 700; color: #131416; margin: 0; }

/* 회원가입 폼 */
.member-form { margin-bottom: 4rem; }
.form-grid { display: grid; gap: 0; border: 1px solid #CDD1D5;border-top:2px solid #8A949E; overflow: hidden; }
.form-row { display: grid; grid-template-columns: 28rem 2fr;align-items: stretch; border-bottom: 1px solid #CDD1D5;/*overflow: hidden;*/}
.form-row:last-child { border-bottom: none; }
.form-row .form-label { font-size: 1.7rem; font-weight: 700; color: #131416; padding: 1rem 2rem; background-color: #F4F5F6; border-right: 1px solid #CDD1D5; display: flex; align-items: center; }
.form-label.required::after { content: ''; width: 0.6rem; height: 0.6rem; background-color: #D63D4A; border-radius: 50%; margin-left: 0.6rem; display: inline-block; margin-top:0.1rem}

.form-input-group { display: flex; flex-direction: column; gap: 0.8rem; padding: 1rem 2rem; }
.form-input-group02 {display: flex; gap: 0.8rem; padding: 1rem 2rem; }
.form-input-group02 .krds-form-check {padding: 0.7rem 0 0 0;}
.form-add-txt {font-size:1.5rem;color: #464C53;}
.form-add-txt02 {font-size:1.5rem;color: #BD2C0F;}
.form-input { height: 4rem; padding: 0 1.6rem; border: 1px solid #58616A; border-radius: 0.6rem; font-size: 1.5rem; background-color: #fff; box-sizing: border-box; }
.form-input:focus { outline: none; border-color: #B534D2; }
.form-input::placeholder { color: #8A949E; }
.form-select { height: 4rem; padding: 0 1.6rem; border: 1px solid #58616A; border-radius: 0.6rem; font-size: 1.5rem; background-color: #fff; box-sizing: border-box; }
.form-textarea {min-height: 12rem; padding: 1.6rem; margin-right: 1rem; border: 1px solid #58616A; border-radius: 0.8rem; font-size: 1.5rem; background-color: #fff; resize: vertical; box-sizing: border-box; }
.form-description { font-size: 1.2rem; color: #8A949E; margin: 0; }
.dis-in {display:inline-block !important;}
.dis-in strong {color: #BD2C0F; }

   
/*select-group */
.select-group { display: flex; align-items: center;gap:0 1rem;flex-wrap: nowrap;}
.select-group .form-select.w30per { width: 30%; box-sizing: border-box;}

/*기존select2css 수정*/
.select2-container--default .select2-selection--single { height: 4rem !important; padding: 0 1.6rem; border: 1px solid #58616A !important; border-radius: 0.6rem !important; font-size: 1.5rem !important; background-color: #fff; box-sizing: border-box;}
.select2-container--default .select2-selection--single .select2-selection__rendered {coloor:#8A949E !important; line-height:2.6 !important; padding: 0 !important;}
.select2-container--default .select2-selection--single .select2-selection__placeholder {color:#8A949E !important;}
.select2-container .select2-selection--single { height: 4rem !important; padding: 0 1.6rem;}
.select2-container--default .select2-selection--single .select2-selection__arrow {width: 2rem !important; height: 2rem !important; top:1rem !important; right:1rem !important;background-image:url(../../libs/krds/img/component/icon/ico_angle.svg); background-repeat:no-repeat; background-position:center center; background-size: contain;}
.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color:#transparent !important; border-style: none !important; }
.select2-container {padding-left:0 !important;}
.select2-dropdown {border:solid 1px  #58616A !important; /*border-top:0 !important;*/border-radius:0.6rem !important;}
.select2-container--open .select2-dropdown {top:0.2rem !important; padding:0.5rem 0;}
.select2-search--dropdown {padding:0.8rem !important;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color:#B534D2 !important;}
.select2-results__option {padding:0.4rem 1rem!important;}
.select2-container--default .select2-search--dropdown .select2-search__field {border:solid 1px  #58616A !important;}

.product-select-area {display:flex;gap:0 1.5rem;}
.product-select-area .td-in-multi-select {display:flex; flex-direction: column; gap:1rem;}
.product-select-area .td-in-multi-btnbox {flex:1;}

/*intltelinput.css 수정*/
.intl-tel-input.separate-dial-code .selected-flag {width:7rem !important; border-right: 1px solid #58616A; padding: 0.2rem 0 0 0; }
.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {width:8rem !important; border-right: 1px solid #58616A; padding: 0.2rem 0 0 0; }
.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {width:9rem !important; border-right: 1px solid #58616A; padding: 0.2rem 0 0 0; }

.intl-tel-input.separate-dial-code .right-none {border-right:0; }
.intl-tel-input .selected-flag .iti-flag {left:1rem;}
.intl-tel-input.separate-dial-code .selected-dial-code {color: #8A949E; font-size: 1.5rem; padding-left:3.4rem;}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel]{width:51rem !important; padding-left: 7.8rem !important;}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel]{width:51rem !important; padding-left: 8.8rem !important;}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel]{width:51rem !important; padding-left: 9.8rem !important;}



/*회원가입 폼 내 버튼*/
.btn-add {padding: 1rem 0; background-color: #B534D2; border: 1px solid #B534D2; text-align: center;color: #fff; border: none; border-radius: 0.6rem; font-size: 1.5rem; font-weight: 400; cursor: pointer; transition: background-color 0.3s ease; }
.btn-add:hover, .btn-add:active, .btn-add:focus { background-color: #7d3c98;  color: #fff; }
.btn-delete { padding: 1rem 0; background-color: transparent;  text-align: center;color: #1E2124; border: 1px solid #58616A; border-radius: 0.6rem; font-size: 1.5rem; font-weight: 400; cursor: pointer; transition: background-color 0.3s ease; }
.btn-delete:hover { background-color: #E5E7EB; }
.btn-upload {padding: 1.3rem 6rem; background-color:#B534D2; color: #fff; border: none; border-radius: 0.6rem; font-size: 1.5rem; font-weight: 400; cursor: pointer; transition: background-color 0.3s ease; }
.btn-upload:hover { background-color: #7d3c98; color: #fff; }
.btn-upload:hover a {color: #fff;}
.offscreen {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.form-add-txt .btn-purple {background-color: #B534D2; border-radius:0.4rem; color:#fff; padding: 0.5rem 1rem;}
.btn-purple {background-color:#B534D2; border-radius:0.8rem;color:#fff;padding:0.9rem 1rem 0.9rem 1rem; font-size:1.5rem; text-align: center;}
.btn-purple:hover { color:#fff;}
.btn-purple.small { font-size:1.5rem;}
.btn-purple.small2 { display:inline-block;font-size:1.5rem;padding:0.7rem 1rem 0.6rem 1rem;}

.krds-radio-area {padding-top:0.3rem;display: flex;gap:0 6rem;}
.name-inputs { display: flex; gap: 1rem; }
.name-inputs .form-label-tit {padding:0.6rem 0 0 0; color:#131416; font-size:1.6rem; font-weight:300; margin-right: 1rem;}
.upload-area {padding-top:1rem;}
.noti-isize {color:#BD2C0F; margin-top: 1rem;}
.in-multibox { display: flex;gap:0 4rem;flex-wrap: wrap;  }

.input-with-prefix { display: flex; align-items: center;}
.input-prefix { padding: 0 1.6rem; height: 4.8rem; background-color: #F5F5F5; border: 1px solid #E5E7EB; border-right: none; border-radius: 0.8rem 0 0 0.8rem; font-size: 1.4rem; color: #464C53; display: flex; align-items: center; }
.input-with-prefix .form-input { border-radius: 0 0.8rem 0.8rem 0; }


.input-with-checkbox { display: flex; align-items: center; gap: 1rem;}
.input-with-checkbox .krds-form-check, .name-inputs .krds-form-check {padding:0.5rem 0 0 0;}
.checkbox-label { display: flex; align-items: center; gap: 0.8rem; cursor: pointer; }
.form-checkbox { width: 1.6rem; height: 1.6rem; border: 1px solid #58616A; border-radius: 0.3rem; background-color: #fff; appearance: checkbox; -webkit-appearance: checkbox; -moz-appearance: checkbox; cursor: pointer; }
.checkbox-text { font-size: 1.4rem; color: #1E2124; }
.input-with-prefix-checkbox { display: flex; align-items: center; }
.input-with-prefix-checkbox .input-prefix { flex-shrink: 0; }
.input-with-prefix-checkbox .form-input { flex: 1; border-radius: 0 0.8rem 0.8rem 0; border-left: none; }
.radio-group { display: flex; gap: 2rem; }
.radio-label { display: flex; align-items: center; gap: 0.8rem; cursor: pointer; }
.form-radio { width: 1.6rem; height: 1.6rem; border: 1px solid #58616A; border-radius: 50%; background-color: #fff; appearance: radio; -webkit-appearance: radio; -moz-appearance: radio; cursor: pointer; }
.radio-text { font-size: 1.4rem; color: #1E2124; }
.form-buttons { display: flex; gap: 1rem; }


/* 회원가입 폼 이미지 업로드 영역 */
.td-inbox {display: flex; margin-top:2rem; }
.td-inbox .in-multibox {display: flex; flex-direction: row; gap:3rem; margin-bottom: 1rem; }
.td-inbox .in-multibox .in-imgbox { width: 20rem; height: 20rem; border: 1px solid #8A949E; overflow: hidden; position: relative; background-color: #F8F9FA; display: flex; align-items: center; justify-content: center;}
.in-multibox.profile .in-img-pf {padding: 1.5rem; }
.in-multibox.profile .in-img-pf .img-pf {width: 100%; height: 100%; object-fit: cover;}

.td-inbox .in-multibox .in-descbox {flex: 1; display: flex; flex-direction: column; gap: 0.8rem;}
.td-inbox .in-multibox .in-descbox ul {display: flex; flex-direction: column; height: 100%; padding: 0 0 1rem 0; }
.td-inbox .in-multibox .in-descbox .des-btn {margin-top: auto; }
.td-inbox .in-multibox .in-descbox .des-btn .btn-delete {padding: 1rem 5rem;}
.td-inbox .in-multibox .in-descbox .tit {width: 60rem;padding: 0.3em 0; font-size: 1.7rem; font-weight: 400; color: #131416; background-color:#F4F5F6; border:0.1rem solid #CDD1D5; text-align: center; margin-bottom: 1rem;}
.image-upload-area { display: flex; gap: 2rem; margin-top: 1rem; }
.image-preview-container { display: flex; flex-direction: column; gap: 1rem; }
.image-preview { width: 218px; height: 205px; border: 1px solid #E5E7EB; border-radius: 0.8rem; overflow: hidden; position: relative; background-color: #F8F9FA; display: flex; align-items: center; justify-content: center; }
.preview-image { width: 100%; height: 100%; object-fit: cover; }

/* 회원가입 폼 하단 버튼 */
.email-form02 { display: flex; flex-direction:row; gap:2rem; width: 100%; max-width: 42rem; margin-top: 0.2rem; margin:0 auto; }
.email-form02 .login-btn { width:50%; height: 5.6rem;  padding:0 0 0 0; background-color:#B534D2; color: #fff; border: none; border-radius:0.8rem; font-size: 1.9rem;font-weight: 400; cursor: pointer; transition: background-color 0.3s ease;  }
.email-form02 .login-btn:hover { background-color: #7d3c98; }
.email-form02 .login-btn:active { background-color: #B534D2; }
.email-form02 .main-btn { width:50%; height: 5.6rem;padding:0 0 0 0; background-color: transparent; color:#1E2124; border:0.1rem solid #58616A; border-radius:0.8rem; font-size: 1.9rem;font-weight: 400; cursor: pointer; transition: background-color 0.3s ease;  }
.email-form02 .main-btn:hover { background-color: #f5f5f5; }
.email-form02 .main-btn:active { background-color: #f5f5f5; }

.form-bottom-buttons {display: flex; flex-direction:row; gap:2rem; width: 100%; max-width: 42rem; margin-top: 0.2rem; margin:0 auto; }
.form-bottom-buttons .btn-next { width:50%; height: 5.6rem;  padding:0.3rem 0 0 0; background-color:#B534D2; color: #fff; border: none; border-radius:0.8rem; font-size: 1.9rem;font-weight: 400; cursor: pointer; transition: background-color 0.3s ease;  }
.form-bottom-buttons .btn-next:hover { background-color: #7d3c98; }
.form-bottom-buttons .btn-next:active { background-color: #B534D2; }
.form-bottom-buttons .btn-cancel { width:50%; height: 5.6rem;padding:0.3rem 0 0 0; background-color: transparent; color:#1E2124; border:0.1rem solid #58616A; border-radius:0.8rem; font-size: 1.9rem;font-weight: 400; cursor: pointer; transition: background-color 0.3s ease;  }
.form-bottom-buttons .btn-cancel :hover { background-color: #f5f5f5; }
.form-bottom-buttons .btn-cancel :active { background-color: #f5f5f5; }
.form-bottom-button {display: flex; flex-direction:column; gap:0; width: 100%; max-width: 15rem; margin-top: 0.2rem; margin:0 auto; }
.form-bottom-button .btn-submit { width:15rem;  height: 5.6rem;  padding:0.3rem 0 0 0; background-color:#B534D2; color: #fff; border: none; border-radius:0.8rem; font-size: 1.9rem;font-weight: 400; cursor: pointer; transition: background-color 0.3s ease;  }
.form-bottom-button .btn-submit:hover { background-color: #7d3c98; }
.form-bottom-button .btn-submit:active { background-color: #B534D2; }

/*회원가입 내 sns 추가,삭제*/
.sns-wrap {border: 0.1rem solid #CDD1D5;border-top:0.2rem solid #8A949E; width: 100%; overflow: hidden; font-size: 1.7rem; }
.sns-header, .sns-item { display: grid; grid-template-columns: 1fr 2fr 3fr 1fr; align-items: center; border-bottom: 0.1rem solid #CDD1D5;}
.sns-header>div {border-right:0.1rem solid #CDD1D5; display: flex;height: 5rem;align-items: center; justify-content: center;  }
.sns-header>div:last-child {border-right:0;}
.sns-header {background-color: #f9f9f9;font-weight: bold;}
.sns-header .add-btn {margin-left: 0.5rem; background-color: #b44bd1; color: #fff; border: none;border-radius: 0.6rem;padding:0.5rem 1rem;cursor: pointer;font-size: 1.3rem; }
.sns-list {list-style: none; margin: 0; padding:0; }
.sns-list .sns-item>div {padding:0.8rem; border-right:0.1rem solid #CDD1D5; height: 5rem; align-items: center;   justify-content: center; display: flex; }
.sns-list .sns-item>div:last-child {border-right:0;}
 
.sns-item select,  
.sns-item input { width: 90%; padding: 0.8rem; box-sizing: border-box; font-size: 1.5rem;}
.sns-item .delete-btn { background-color: #777; color: #fff; border: none; border-radius: 0.6rem; padding: 0.5rem 1rem; cursor: pointer; font-size: 1.3rem; }
.empty-row { text-align: center; color: #777; padding: 0.8rem;grid-template-columns:auto;font-size: 1.4rem; border-bottom: 0;}


/* 회원가입 성공 페이지 */
.join-main-content { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 3.9rem 0 3rem 0;}
.join-main-content .join-tit-box {margin-bottom:3.2rem;}
.join-main-content .join-title {font-size:3.2rem; color:#464C53; font-weight: 700; }
.join-guide { margin-bottom: 3rem; text-align: center; width: 100vw; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); background-color: #F4F5F6; padding:3.5rem 0;}
.join-guide-text { margin: 0 0 0.5rem 0; font-size: 2rem;color: #1E2124;}
.join-guide-text02 {color:#9716B4;margin: 0 0 0.5rem 0; font-size: 2rem; font-weight: 400; }


/*이미지 업로드 div 버전 추가*/
.gallery_wrap {margin-top:0; display:block;  padding: 1.4rem 1.6rem;}
.gallery_wrap .js-file-container.up_multi_view_wrap{margin-bottom:2.4rem;}
.gallery_wrap .js-file-container.td-inbox{margin-top:2.4rem;}
.gallery_wrap .in-multibox{display:flex}
.gallery_wrap .in-multibox > li{display:inline-flex;}
.gallery_wrap .in-multibox .in-select{order:2}
.gallery_wrap .in-multibox .in-imgbox{order:1; height:auto; border:0; background:#fff; display:block; overflow:visible; }
.gallery_wrap .in-multibox .in-descbox{order:3;}
.gallery_wrap .td-inbox .in-multibox .in-descbox .tit{width:100%;}
.gallery_wrap .in-multibox .in-imgbox .img-selected-cover{width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0, 0, 0, 0.5); display:flex; align-items:center; justify-content: center; color:#fff; z-index:5;  }
.gallery_wrap .in-multibox .in-imgbox ul li:first-child{position:relative; width: 20rem; height:20rem; border:0.1rem solid #8a949e; overflow:hidden; padding:1.5rem; display:flex; align-items:center; justify-content:center;}
.gallery_wrap .in-multibox .in-imgbox ul li:first-child p.in-img-pd, .tbl.tbl-view .in-multibox .in-imgbox ul li:first-child p.in-img-pf{width:100%; height:100%; position:relative; overflow:hidden;}
.gallery_wrap .in-multibox .in-imgbox ul li:first-child p.in-img-pd img, .tbl.tbl-view .in-multibox .in-imgbox ul li:first-child p.in-img-pf img{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:none; height:100%; width:100%; object-fit: cover; z-index:1;}
.gallery_wrap .in-multibox .in-imgbox .btn{position:absolute; bottom:0; right:-15.8rem;}
.gallery_wrap .in-multibox.profile .in-imgbox .btn{right:-10.8rem;}
.gallery_wrap label { flex-wrap: wrap;word-break: break-all;}
.gallery_wrap .td-inbox {margin-top: 0; display: block;}


/* 반응형 디자인 */
@media (max-width: 1550px) {
        
      /*회원가입*/   
    .form-row {grid-template-columns: 25rem 2fr; }   
    .form-row .form-label {padding: 1rem 1.5rem;}
    .form-input-group,
    .form-input-group02 {padding: 1rem 1.5rem;}
    .form-input {height: 3.8rem;}
    .product-select-area {gap: 0 1rem;}
    .td-in-multi-select {min-width: 0; width: auto;flex: 1;}
    .product-select-area .td-in-multi-btnbox { width: 12rem;  flex: none; display: flex; flex-direction: column; gap: 0.8rem; }
    .product-select-area .td-in-multi-btnbox .btn-add,
    .product-select-area .td-in-multi-btnbox .btn-delete {display: block; width: 100%;}    

    /* .name-inputs: */
    .name-inputs {flex-direction:column;display: block; width:100%;}   
    .name-inputs > * { flex: 1; min-width: 0;}
    .name-inputs .form-label-tit {flex: none; width: auto;}  
    .name-inputs .form-input {flex: 1;width: auto;box-sizing: border-box !important;}
    
    /*select-group */
    .select-group .form-select.w30per { width: 50%; box-sizing: border-box;}

    
}

@media (max-width: 1370px) {
    
    /* 인증 방법 선택 카드 */
    .forgot-id-header .hearer-txt {font-size:1.5rem;} 
    .auth-title { font-size:2.8rem; }
    .auth-card {padding:3.5rem 3rem; min-height:38rem;}
    .auth-description { font-size: 1.4rem; }
    .auth-content {margin-bottom:3rem;}
    .auth-btn {font-size:1.5rem; height:5rem; }
    
    /* 회원가입 폼 이미지 업로드 영역 */
    .td-inbox {display:block;}
    .td-inbox .in-multibox {gap: 2rem;}
    .td-inbox .in-multibox .in-imgbox {width: 18rem;height: 18rem;}
    .td-inbox .in-multibox .in-descbox .tit {width: 100%;max-width:none;box-sizing: border-box;}
    .td-inbox .in-multibox .in-descbox .des-btn .btn-delete { padding: 1rem 3rem;}   

        
}
@media (max-width: 1200px) {
    
    .sns-header > div { height: 7rem; justify-content: center;}
    .sns-header > div:nth-child(1) {flex-wrap: wrap; align-items: flex-start;  justify-content: center;padding:0.8rem;} 
    .sns-header .add-btn {width: 100%; margin-left: 0; margin-top:0;}
    .sns-list .sns-item > div { min-height: 5rem;}
} 

@media (max-width: 1000px) {
    
     /* Forgot ID 메인 */
    .forgot-id-main {margin:3rem 0 0 0; max-width:100%;}
    .forgot-id-main .search-section { padding:4.5rem 3.5rem 4rem 3.5rem; }  
     
    /* 회원가입 */
     .form-input-group, .form-input-group02 {box-sizing: border-box !important; padding: 1rem 1rem; width: 100%;}
     .form-input-group02 {flex-direction: column;}
     .form-input-group02 .select2-container {width: 100% !important; }
     .form-input-group02 .select2-container .select2-selection--single {width: 100% !important; box-sizing: border-box !important;} 
     .form-input-group02 .form-input, .form-input-group .w25per {width: 100% !important; box-sizing: border-box !important;} 
     .form-input-group02 .form-input, .form-input-group .w35per {width: 100% !important; box-sizing: border-box !important;} 
    
    /*intltelinput.css 수정*/
    .intl-tel-input {width:100% !important;}
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel],
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel],
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel],
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] 
    {width:100% !important;}
    
    .form-add-txt {display: block;}
    .btn-purple.small {display:block; margin-top: 1rem; margin-bottom: 0;text-align: center;}
    .btn-purple.small2 {display:block; margin-top: 1rem; margin-bottom: 0;text-align: center;}
   
}

@media (max-width: 900px) {
    
    /* 인증 방법 선택 카드 */
    .forgot-id-header .hearer-txt {font-size:1.4rem;} 
    .authentication-methods { flex-direction: column; gap:2rem; margin:2.5rem 0 2rem 0;}
    .auth-card { padding: 2.5rem; min-height: 100%; }
    .auth-title { font-size: 2.4rem; }
    .auth-description { font-size: 1.4rem; }
    .auth-content {margin-bottom:3rem;}
    .auth-btn {font-size:1.6rem; height:5rem; }
    
     /* Forgot ID 메인 */
    .forgot-id-main {margin:3rem 0 0 0; max-width:100%;}
    .forgot-id-main .search-section { padding:3.5rem 3.5rem 3.5rem 3.5rem; }
    
     /* 회원가입 */
    .input-with-checkbox {flex-direction: column;  align-items: flex-start; gap:0.5rem 0;}
    
    /*회원가입 내 sns 추가,삭제*/
   	.sns-header {grid-template-columns:none; }
    .sns-header > div {border-right:none;display: flex;justify-content: space-between; height: auto;  padding: 0 1rem; }
    .sns-header > div:nth-child(1) {flex-wrap:nowrap;justify-content: space-between;padding:1rem 1rem; height: auto;} 
	.sns-header > div[data-label] {display:none;}
    .sns-header .add-btn {padding:0.5rem 2rem; width: auto;}
    .sns-list .sns-item { display: block;}
    .sns-list .sns-item > div {display: grid; grid-template-columns: 1fr 2fr;align-items: center; border: none;height: auto; padding: 1rem 1.5rem; text-align: left; background-color: #fff; border-bottom: 0.1rem dashed #CDD1D5; }
    .sns-item > div:nth-child(1) {display: flex; grid-template-columns: none; justify-content: space-between; font-weight: bold; background-color: #fff;  border-right: none; padding: 1rem 1.5rem; display:none;}
    .sns-item > div:nth-child(1) .add-btn {margin-left: 0;}
    .sns-item > div:nth-child(2) { border-top: 0; }
    .sns-item > div:nth-child(4) { border-bottom:none;}
     .sns-list .sns-item > div::before {content: attr(data-label); font-weight: bold; margin-right: 0.5rem; font-size: 1.6rem; }
    .sns-item > div:nth-child(1)::before {content: none;}   
    .sns-item > div:nth-child(2)::before {content:"Service";}
    .sns-item > div:nth-child(3)::before {content:"URL";}
    .sns-item > div:nth-child(4)::before {content:"Delete";}
    .sns-item select, .sns-item input { width: 100%; font-size: 1.5rem; padding: 0.8rem; }
    .sns-item .delete-btn { width: 100%; background-color:#fff; color:#333; border:1px solid #58616A; border-radius:0.6rem; padding:0.8rem; }
    .empty-row {display: block;  grid-column: 1 / -1;  width: auto; padding:1rem 1rem; border: none; text-align: center;background-color: #fff; }
    
}
@media (max-width: 768px) {
    
    /* 로그인 페이지 */
    .login-main-content {  padding: 2rem 1.5rem; min-height: 50vh; }
    .logo-box .logo-title img {max-width:50%; }
      
    /* Forgot ID 메인 */
    .forgot-id-main {margin:5rem 0 0 0; max-width:100%;}
    .forgot-id-main .search-section { padding:3.5rem 3.5rem  3rem 3.5rem; display: flex; flex-direction: column; justify-content:center; }
    .forgot-id-main { flex-direction: column; gap:2rem 0;}
    .forgot-id-main .search-section.korean-section { align-items: flex-start; text-align: left;border-radius: 1.2rem; }
    .forgot-id-main .search-section.global-section { align-items: flex-start; text-align: left; border-radius:1.2rem; }
    .forgot-id-main .section-content {margin-bottom:5rem;}
    .forgot-id-main .global-section .section-text { text-align: left; }
    .forgot-id-main .korean-section .section-title { font-size: 2.8rem; margin: 0 0 4rem 0; }
    .forgot-id-main .global-section .section-title { font-size: 2.8rem; margin: 0 0 4rem 0;  }
    .forgot-id-main .search-btn { width:100%;}
    
    /* Forgot ID 메인(이메일 검증) */
    .forgot-id-main-content { padding: 4.5rem 0 3rem 0;}
    .email-guide {padding:3.5rem 2rem; margin-bottom: 2rem;}
    .email-guide-text { font-size: 1.7rem; }
    .forgot-id-main-content .email-form { gap:2rem; }
    
    /* 회원가입 약관동의 페이지 */
    .forgot-id-header .progress-steps {display:none;}
    .terms-content-area {padding:2rem 0 0 0;}
    .terms-section .section-title {font-size:2.4rem; line-height: 1.3; margin:0 0 1rem 0;}
    .terms-section {margin-bottom:3rem;}
    .terms-box {margin-bottom:2rem; padding:1.5rem;}
    .terms-box h4 {font-size:1.7rem;}
    .terms-box h4:first-child {margin:0 0 1.5rem 0;}
    .terms-box h5 {font-size:1.5rem;}
    .terms-box>ul li .num {width:2rem; }
    .terms-box>ul li .txt {width: 93%; }
    .krds-check-area {justify-content:flex-start; margin-bottom: 1.5rem;}
    
    .forgot-id-main .global-section .section-text02 { text-align: left;}
    .signup-success-header .page-title { font-size: 3rem; }
    .signup-success-header .page-subtitle { font-size: 2rem; }
    .signup-success-header .progress-steps { font-size: 1.4rem; }
    .form-row { grid-template-columns: 1fr; } /* 1열로 변경 */
    .form-label { border-right: none; border-bottom: 1px solid #E5E7EB; }
    .form-row:last-child .form-label { border-bottom: none; }
    .input-with-prefix-checkbox { flex-wrap: wrap; }
    .input-with-prefix-checkbox .form-input { border-left: 1px solid #E5E7EB; border-radius: 0.8rem; margin-top: 1rem; }
    .input-with-prefix-checkbox .input-prefix { border-radius: 0.8rem; border-right: 1px solid #E5E7EB; }
    .image-upload-area { flex-direction: column; gap: 1.5rem; }    
    
    /* 회원가입 성공 페이지 */
    .join-main-content { padding: 4.5rem 0 3rem 0;}
    .join-main-content .join-tit-box {margin-bottom:1.5rem;}
    .join-main-content .join-title {font-size:2.8rem; line-height: 1.3;}
    .join-guide {padding:3.5rem 2rem; margin-bottom: 2rem;}
    .join-guide-text { font-size: 1.7rem; }
    .join-guide-text02 { font-size: 1.7rem; }
    
    /*약관동의 체크박스 및 라디오*/
    .agree-box {flex-direction: column; justify-content: flex-start;}
    .agree-box .krds-form-check {margin-left:0;}
    .krds-check-area {margin-top:0.5rem;}
    .additional-info-box {padding: 1.5rem; margin:1.5rem 0;}
    
    /* 회원가입 폼 */
    .form-grid {border-left:0;border-right:0;}
    .required-notice {margin-bottom:2.5rem; padding: 1rem 1rem; border-radius:0.6rem;}
    .member-form-header {margin:1rem 0;}
    .member-form-header .form-section-title {font-size:2.6rem;}
    .form-row {grid-template-columns: 1fr;}
    .form-row .form-label {padding:1rem 1rem;border-right: none;  border-bottom: 1px solid #CDD1D5; }
    .form-add-txt {font-size:1.3rem;}
    .form-input-group .form-input, .form-input-group .w50per {width: 100% !important; box-sizing: border-box !important;} 
    .form-input-group .form-input, .form-input-group .w25per {width: 100% !important; box-sizing: border-box !important; margin-bottom: 1rem;}
    .form-input-group02 .form-input, .form-input-group .w25per {width: 100% !important; box-sizing: border-box !important;} 
    .form-input-group .form-textarea {width: 100% !important; box-sizing: border-box !important;}   
    .form-input-group02 {flex-direction: column;}
    .form-input-group02 .select2-container {width: 100% !important; }
    .form-input-group02 .select2-container .select2-selection--single {width: 100% !important; box-sizing: border-box !important;}  
    .form-input-group, .form-input-group02 {box-sizing: border-box !important; padding: 1rem 1rem; width: 100%;}
    .form-row {grid-template-columns: 1fr;  overflow: hidden;}
    .input-with-checkbox .krds-form-check input[type=checkbox] ~ label {font-size:1.6rem !important;}
    
    .input-with-checkbox {flex-direction: column;  align-items: flex-start; gap:0.5rem 0;}
    .input-with-checkbox .krds-form-check, .name-inputs .krds-form-check {padding:0 0 0 0;}
    
    .name-inputs {flex-direction: column;  align-items: flex-start; gap:0.5rem 0;}
    .name-inputs .form-input.w40per {margin-bottom:1rem !important;}
    .noti-isize {font-size:1.4rem;}
    .dis-in {font-size:1.4rem;}
    .form-add-txt {display: block;}
    .btn-purple.small {display: block; width: 100%; margin-top: 1rem;margin-bottom: 0;text-align: center;}
    .btn-purple.small2 {display: block; width: 100%; margin-top: 1rem;margin-bottom: 0;text-align: center;}
    .form-add-txt br {display: block;}    
     
    /* .name-inputs:변경 */
    .form-input-group .form-input, .form-input-group .w25per { flex: none; min-width: 0;}
    .name-inputs .form-label-tit {margin-right: 0; margin-bottom: 0.5rem; padding: 0.6rem 0 0 0;}
    
    /*select-group */
    .select-group {flex-direction: column; gap: 1rem; align-items: stretch; }
    .select-group .form-select.w30per {width: 100%;}
    
    /*intltelinput.css 수정*/
    .intl-tel-input {width:100% !important;}
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel],
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel],
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel],
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel]
     {width:100% !important;}
    
    .product-select-area {flex-direction: column; display:block;}
    .product-select-area .td-in-multi-btnbox { width: 100%; display: flex;flex-direction: column;gap: 0.8rem; margin-top: 1rem; }
    /* dv multi select - add delete */
    .td-in-multi-select{display: inline-block;min-width:100%; }
    .product-select-area .td-in-multi-btnbox .btn-add,
    .product-select-area .td-in-multi-btnbox .btn-delete {display: block; width: 100%;}      
    .btn-upload {padding: 1.2rem 2rem; width: 100%; box-sizing: border-box;} 
    .btn-upload:focus, .btn-upload:active, .btn-upload:hover {color:#fff; background:#7d3c98;}
    
    .member-form {margin-bottom:2.5rem;}
    .form-bottom-buttons .btn-cancel, .form-bottom-buttons .btn-next {font-size:1.6rem; height:5rem; padding:0;}
    
    /*모달팝업*/
    .modal-wrap .modal-dialog .modal-header {margin-bottom:1rem;}
    .category-area .category-inbox {flex-direction: column; border: 0;min-height: auto !important;}
    .category-area .category-inbox > li { width: 100%;border: 1px solid #B1B8BE;}
    .category-area .category-inbox > li:first-of-type {border-bottom: 1px solid #B1B8BE; padding: 0 0 0 0;margin-bottom: 1rem;}
    .category-inbox .category-list {min-height: auto !important; height: 13.5rem !important;}
    
   /* 회원가입 폼 이미지 업로드 영역 */
    .td-inbox {display: block; width: 100%;}
    .td-inbox .in-multibox {flex-direction: column;gap: 2rem;}
    .td-inbox .in-multibox .in-imgbox {width: 100%; height: 40vw; max-height: 25rem;}
    .td-inbox .in-multibox .in-descbox {width: 100%; flex: none;}
    .td-inbox .in-multibox .in-descbox .tit {width: 100%;box-sizing: border-box;max-width:none;}
    .td-inbox .in-multibox .in-descbox .des-btn {margin-top:1rem;width:100% !important; }
    .btn-delete {display: block;width:100% !important;} 
     
    /* 회원가입 폼 하단 버튼 */
    .form-bottom-button {max-width:none; }
    .form-bottom-button .btn-submit { width:100%; }   
  
    
}

@media (max-width: 480px) {    
    
    /* 로그인 페이지 */
    .login-main-content { padding: 2rem 1.5rem; min-height: 50vh; }
    .logo-box {margin-bottom:2rem;}
    .logo-box .logo-title img {max-width:60%;}
    .logo-box .guide-text {font-size: 1.7rem; }
    .login-form-container {gap:1.6rem;}
    .login-form-bg {padding:4rem 0 5rem 0;}
    .login-form {max-widht:100%; padding:0 2rem;}
    .login-form .login-link { flex-wrap: wrap; gap: 0.8rem; font-size:1.5rem; }   
    
    /* Forgot ID 메인(이메일 검증) */
    .forgot-id-main-content .email-form { gap:2rem; max-width:100%; }
    
    /* 아이디찾기 인증성공 인증메일발송 */
    .email-form02 {  max-width:100%; }
    .email-form02 .login-btn { height: 5rem; font-size: 1.7rem;}
    .email-form02 .main-btn { height: 5rem; font-size: 1.7rem;}
 
    /* 약관동의*/
    .terms-section .section-title {font-size:2.2rem; line-height: 1.3; margin:0 0 1rem 0;}
   
    /* 회원가입*/
    .member-form-header .form-section-title {font-size:2.4rem;}
     
    /* 회원가입 성공 페이지 */
    .join-main-content { padding:2rem 0 2rem 0;}
    .join-main-content .join-title {font-size:2.3rem; line-height: 1.3;}
    .terms-box>ul li .txt {width: 90%; }
    .agree-box .txt {font-size:1.3rem;}
    
     /*모달팝업*/
    .modal-wrap .modal-dialog .modal-header {margin-bottom:0.5rem;}
    .modal-conts .popup-container p {margin-bottom:1rem;}
    .modal-conts .popup-container p span.genreselet-tit {font-size:1.6rem;}  
  
    
}