input[type="number"]{
    height: 36px; border:1px solid var(--color-6); border-radius:6px; padding:0 12px; font-size:13px; font-weight:500;
}

.popup_contents{ background-color: var(--gray-5);}
.popup_contents .popup_wrap {
    margin: 0 auto;
    width:calc(100% - 30px);
    padding-top:15px;
    padding-bottom:15px;
}
.popup_contents .popup_wrap .content {
    background-color: var(--white);
    border-radius: 1rem;
    border:1px dotted var(--gray-1);
    padding:1rem;
}


.popup_contents .popup_wrap .title_wrap {
    display: flex; justify-content: space-between;
    align-items: flex-start;
}

.popup_contents .popup_wrap .title_wrap .popup_title {
    background-image: url("/assets/images/svg/title_setting.svg");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left:30px;
    font-size: 1rem;

}
.x_btn {
    width:20px;
    height:20px;
    background-image: url("/assets/images/svg/x_btn.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.x_btn_w {
    width:20px;
    height:20px;
    background-image: url("/assets/images/svg/x_btn_w.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.line_dot {
    display:block ; width: 100%; height:1px; border-bottom:var(--border-dot-1);
    margin-top: .5rem;
    margin-bottom: .5rem;
}
.popup_contents .popup_wrap .popup_text {
    padding:1rem;
}

.popup_contents .popup_wrap .btn_wrap{
    display: flex; justify-content: center; gap:.5rem;
}


/* popup페이지 */
.popup_page {
    border-top: var(--border-3);
}
.popup_page .constent1 {
    background-color: var(--gray-6);
    padding:1rem;
    margin-bottom: 1rem;
}

.popup_page .constent1 .title_wrap {
    display: flex; justify-content: space-between; align-items: flex-start;
}

.popup_page .constent1 .title_wrap .popup_title {
    background-image: url("/assets/images/svg/title_setting.svg");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left:30px;
    font-size: 1rem;
}
.popup_page .constent1 .title_wrap .x_btn {
    width:20px;
    height:20px;
    background-image: url("/assets/images/svg/x_btn.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.popup_page .content2 {
    background-color: var(--white);
    padding:1rem;
}

.content2 .title_wrap {
    display: flex; gap:.5rem; align-items: center;
}

.select_part > ul {
    display: flex; flex-wrap: wrap; gap:.5rem;
}
.select_part > ul > li { width:32%; white-space: nowrap;}
.select_part > ul > li > span { white-space: nowrap; font-size: .9rem;}

.emailsvc_wrap .title_wrap {
    display: flex; gap:.5rem; align-items: center; padding:.7rem;
}
.emailsvc_wrap .title_wrap h3 {
    font-size: 1.1rem; color:var(--blue-1);
    font-weight: 700; 
}



#news_popup{
    z-index: 10000;
    display: none;
    position: fixed; top:0; left: 0;
    width:100%; height:100%;
    background: rgba(0,0,0,0.5);
}
.news_contents {
    width:1000px; height:80vh;
    position:fixed;  left:50%;  top:2rem;
    transform:translateX(-50%);
    background-color: var(--white);
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.news_contents  .title_wrap {
    background-color: var(--blue-2);
    color:var(--white);
    padding:1rem;
    display: flex; justify-content: space-between; align-items: flex-start;
    box-sizing: border-box;
}

.news_contents  .news_contents .popup_title {
    background-image: url("/assets/images/svg/title_setting.svg");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left:30px;
    font-size: 1rem;
}

.news_wrap {padding:1rem; box-sizing: border-box;}
.news_contents .news_content {
    width:100%;
    padding:1rem;
    box-sizing: border-box;
}
.news_contents .news_content table{
    width:100%;
    box-sizing: border-box;
    font-size: .9rem;
    border-top: var(--border-3);
    border-bottom: var(--border-2);
}
.news_content th,
.news_content td {
    border-bottom:var(--border-1);
    padding:1rem;
    vertical-align: middle;
    text-align: left; font-weight: normal;
}
.news_contents .news_content th {
    width:15%; font-weight: 600;
    background-color: var(--gray-6);
    white-space: nowrap;
}
.news_contents .news_content td {text-align: left;}
.news_contents .news_content .content_text{line-height: 1.5rem;}

/* 로그인팝업 */
#login_popup{
    z-index: 10000;
    display: none;
    position: absolute; top:0; left: 0;
    width:100%; height:100%;
    background: rgba(0,0,0,0.5);
}
.login_pop_wrap {
    z-index: 10000;
  width:40%; height:auto;
  position:fixed;  left:50%;  top:50%;
  transform:translate(-50%,-50%);
  background-color: var(--white);
}
.login_pop_wrap >.popup_title {
    display: flex; justify-content: space-between;
    background-color: var(--gray-6);
    padding:1rem;
    border-top:var(--border-3);
    border-bottom: var(--border-1);
}
.login_pop_wrap >.login_container {
    display: flex; flex-direction: column; gap:3rem;
    padding:2rem; font-size: .9rem;
}
.login_pop_wrap >.login_container >.login_contents {
    width:100%;
}
.login_pop_wrap >.login_container >.login_contents >.login_form {
    display: flex; flex-direction: column; gap:1rem;
}
.login_pop_wrap >.login_container >.login_contents >.login_form input {
    width: 100%;
}
.login_pop_wrap >.login_container >.login_contents >.login_form span {
    width: 100%;
}
.login_pop_wrap >.login_container >.login_contents >.id_pw_chk_label {
    padding:.5rem 0;
    display: flex;   gap:.5rem; align-items: center;
}
.login_pop_wrap >.login_container >.login_contents> .btn_wrap {
    display: flex; flex-direction: column;
    padding:1rem 0;
}
.login_pop_wrap >.login_container >.login_contents> .btn_wrap > div {
    display: flex;  gap:.5rem
}

/* 회원가입 팝업 */
#member_popup{
    z-index: 10000;
    display: none;
    position: absolute; top:0; left: 0;
    width:100%; height:100%;
    background: rgba(0,0,0,0.5);
}
.member_pop_wrap {
    z-index: 10000;
    min-width: 1000px;  height: auto;
    max-height: 90vh;
    position: fixed;
    left: 50%; top: 3rem;
    transform: translateX(-50%);
    background-color: var(--white);
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    display: flex; gap:.5rem; flex-direction: column;
}
.member_pop_wrap >.popup_title {
    display: flex; justify-content: space-between;
    background-color: var(--gray-6);
    padding:1rem;
    border-top:var(--border-3);
    border-bottom: var(--border-1);
}
.member_pop_wrap >.member_container {
    display: flex; flex-direction: column; gap:2rem;
    padding:2rem;
}
.member_pop_wrap >.member_container .member_table .part_title .part_title_inner {
    background-color: var(--white); color:var(--gray2-1);
    font-weight: 600; text-align: left;
    display: flex; gap:2rem;
}

.member_pop_wrap >.member_container .member_table .part_title .part_title_inner span {letter-spacing: -0.02rem;}
.member_pop_wrap >.member_container table{
    width:100%;
    font-size: .9rem;
     border-top:var(--border-2);
}

.member_pop_wrap >.member_container .member_table table th {

  background-color: var(--gray-7); vertical-align: middle;
  white-space: nowrap;
}

.member_pop_wrap >.member_container th,
.member_pop_wrap >.member_container td
 {
  border-bottom:var(--border-1);
  padding:.7rem .5rem;
  vertical-align: middle;
  text-align: left; font-weight: normal;
}

.noti_text { color:var(--blue-1); line-height: 1.5rem; white-space: nowrap;}

.guset_check > div {display: flex; align-items: center; gap:.5rem}

.ctf_phone  {
    display: flex; flex-direction: column; gap:.5rem;
}

.ctf_phone>div {
    display: flex; align-items: center;
    gap:.5rem;
}
.ctf_phone > div > div{display: flex; align-items: center;
    gap:.5rem;}
.ctf_phone >div input[type="number"]
    {
    width:40%;
}
.ctf_phone .ctf_wrap_phone {display: none;}
.ctf_phone .ctf_wrap_phone > div {
    display: flex;
}
.ctf_phone .ctf_wrap_phone > div > div {display: flex; gap:.5rem}
.ctf_phone .ctf_wrap_phone > input {width:50%}
.ctf_email {
    display: flex; flex-direction: column; gap:.5rem;
}

.ctf_email>div {
    display: flex; align-items: center;
    gap:.5rem;
}
.ctf_email > div > div{display: flex; align-items: center;
    gap:.5rem;}
.ctf_email >div input[type="email"]
{
    width:40%;
}
.ctf_email .ctf_wrap_email {display: none;}
.ctf_email .ctf_wrap_email > div {
    display: flex;
}
.ctf_email .ctf_wrap_email > div > div {display: flex; gap:.5rem}


.privision_wrap{
    width:100%; padding-top: 2rem;
}

.privision_wrap h3 {
    border-top: var(--border-2);
    border-bottom: var(--border-1);
    background-color: var(--gray-6);
    padding:1rem;
}
.privision_wrap ul li {
    display: flex; justify-content: space-between;
    font-size: .9rem;
    padding:.7rem;
    border-bottom: var(--border-1);
}



/* 회원정보수정 팝업 */
#modify_popup{
    z-index: 10000;
    display: none;
    position: absolute; top:0; left: 0;
    width:100%; height:100%;
    background: rgba(0,0,0,0.5);
}

.modify_pop_wrap {
    z-index: 10000;
    min-width: 1000px;  height: auto;
    max-height: 90vh;
    position: fixed;
    left: 50%; top: 3rem;
    transform: translateX(-50%);
    background-color: var(--white);
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    display: flex; gap:.5rem; flex-direction: column;
}
.modify_pop_wrap >.popup_title {
    display: flex; justify-content: space-between;
    background-color: var(--gray-6);
    padding:1rem;
    border-top:var(--border-3);
    border-bottom: var(--border-1);
}
.modify_pop_wrap >.member_container {
    display: flex; flex-direction: column; gap:2rem;
    padding:2rem;
}
.modify_pop_wrap >.member_container .member_table .part_title .part_title_inner {
    background-color: var(--white); color:var(--gray2-1);
    font-weight: 600; text-align: left;
    display: flex; gap:2rem;
}

.modify_pop_wrap >.member_container .member_table .part_title .part_title_inner span {letter-spacing: -0.02rem;}
.modify_pop_wrap >.member_container table{
    width:100%;
    font-size: .9rem;
     border-top:var(--border-2);
}

.modify_pop_wrap >.member_container .member_table table th {
  background-color: var(--gray-7); vertical-align: middle;
  white-space: nowrap;
}

.modify_pop_wrap >.member_container th,
.modify_pop_wrap >.member_container td
 {
  border-bottom:var(--border-1);
  padding:.7rem .5rem;
  vertical-align: middle;
  text-align: left; font-weight: normal;
}
.modify_pop_wrap >.member_container td input { width:50%}


/* 아이디패스워드찾기 팝업 */
#idsearch_popup{
    z-index: 10000;
    display: none;
    position: absolute; top:0; left: 0;
    width:100%; height:100%;
    background: rgba(0,0,0,0.5);
}
#pwsearch_popup{
    z-index: 10000;
    display: none;
    position: absolute; top:0; left: 0;
    width:100%; height:100%;
    background: rgba(0,0,0,0.5);
}
.idpw_pop_wrap {
    z-index: 10000;
    width:50%; height:auto;
    position:fixed;  left:50%;  top:3rem;
    transform:translateX(-50%);
    overflow-y: auto;
    overflow-x: hidden;
    background-color: var(--white);

    max-height: 90vh;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);

}
.idpw_pop_wrap >.popup_title {
    display: flex; justify-content: space-between;
    background-color: var(--gray-6);
    padding:1rem;
    border-top:var(--border-3);
    border-bottom: var(--border-1);
}
.idpw_pop_wrap >.idpw_container {
    display: flex; flex-direction: column; gap:2rem;
    padding:2rem;
}

.idpw_pop_wrap .idpw_container table{
    font-size: .9rem;
    width:100%;
    border-top: var(--border-3);
    border-bottom: var(--border-2);
}

.idpw_pop_wrap .idpw_container .part_title {
  background-color: var(--white); color:var(--gray2-1);
  font-weight: 600;
}

.idpw_pop_wrap .idpw_container th {
  background-color: var(--gray-7); vertical-align: middle;
  white-space: nowrap;
}

.idpw_pop_wrap .idpw_container td , .idpw_table th {
  border-bottom:var(--border-1);
  padding:.7rem 1rem;
  vertical-align: middle;
  text-align: left; font-weight: normal;
}

.idpw_pop_wrap .idpw_container .idpw_table table  tbody  tr .input_select {
  width:100%;  box-sizing: border-box;
  display: flex; gap:1rem; align-items: center;
}
.idpw_pop_wrap .idpw_table .input_select .input_wrap {
  display: flex; gap:.5rem; align-items: center; flex-wrap: wrap;
}
.idpw_pop_wrap .idpw_table .input_select .input_wrap > div {
    display: flex;  gap: .3rem; align-items: center;
    flex-wrap: nowrap; white-space: nowrap;
}
.idpw_pop_wrap .idpw_table .input_select .input_wrap .text_blue{
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ctf_container1, .ctf_container2  {
    display: none;
}
.email_ctf_wrap, .mobile_ctf_wrap {
    display: flex; flex-direction: column; gap:.5rem;
}
.email_ctf_wrap > div, .mobile_ctf_wrap > div {
    width:100%;
    display: flex; align-items: center; gap:.5rem;
}
.email_ctf_wrap > div > .add_num, .mobile_ctf_wrap > div > .add_num{

    min-width: 90px;
    padding: 0 .5rem;
    display: inline-flex;
    white-space: nowrap;
}

.tooltip_question{
    position: relative;
    padding:0 6rem;
}

.tooltip_question2{
    position: absolute;
    margin-top: -18px;
    margin-left: 3px;
    padding:0 6rem;
}

.tooltip_question3{
    position: absolute;
    margin-top: -18px;
    margin-left: -34px;
    padding:0 6rem;
}

.tooltip_question4{
    position: absolute;
    margin-top: -20px;
    margin-left: -5px;
    padding:0 6rem;
}

.tooltip_question5{
    position: absolute;
    margin-top: -20px;
    margin-left: -30px;
    padding:0 6rem;
}

.tooltip_box {
    display: none;
    position: absolute;
    top: 100%; left: 5rem;
    margin-top: .5rem;
    width: auto;
    padding: 1rem;
    background: var(--gray-1);
    color: var(--white);
    font-size: 14px;
    line-height: 1.4rem;
    border-radius: .3rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    z-index: 100000;
}

.tooltip_box2 {
    display: none;
    position: absolute;
    top: 35%;
    left: -15%;
    margin-top: .5rem;
    width: auto;
    padding: 1rem;
    background: var(--gray-1);
    color: var(--white);
    font-size: 14px;
    line-height: 1.4rem;
    border-radius: .3rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    z-index: 100000;
    text-align: left;
}

.tooltip_box3 {
    display: none;
    position: absolute;
    top: 35%;
    left: -60%;
    margin-top: .5rem;
    width: auto;
    padding: 1rem;
    background: var(--gray-1);
    color: var(--white);
    font-size: 14px;
    line-height: 1.4rem;
    border-radius: .3rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    z-index: 100000;
    text-align: left;
	max-width: 270px;
}

.tooltip_box4 {
    display: none;
    position: absolute;
    top: 35%;
    left: 0;
    margin-top: .5rem;
    width: auto;
    padding: 1rem;
    background: var(--gray-1);
    color: var(--white);
    font-size: 14px;
    line-height: 1.4rem;
    border-radius: .3rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    z-index: 100000;
    text-align: left;
}

.tooltip_box5 {
    display: none;
    position: absolute;
    top: 35%;
    left: 25px;
    margin-top: .5rem;
    width: auto;
    padding: 1rem;
    background: var(--gray-1);
    color: var(--white);
    font-size: 14px;
    line-height: 1.4rem;
    border-radius: .3rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    z-index: 100000;
    text-align: left;
}

.dot_question {
    display: block;
    width: 170px;
    padding-left:24px;
    background-position: left top 3px;
    background-repeat: no-repeat;
    background-image: url("/assets/images/svg/dot_question.svg");
    height:30px; 
	line-height: 22px;
}

.dot_question2 {
    display: block;
    width: 40px;
    padding-left:24px;
    background-position: left top 3px;
    background-repeat: no-repeat;
    background-image: url("/assets/images/svg/dot_question.svg");
	background-size: 11px;
    height:30px; 
}

.dot_question3 {
    display: block;
	width: 40px;
    padding-left:24px;
    background-position: left 23px top 3px;
    background-repeat: no-repeat;
    background-image: url("/assets/images/svg/dot_question.svg");
	background-size: 11px;
    height:30px; 
}

.check_input{
    width: auto;
    height: 36px;
    border: 1px solid var(--color-6);
    border-radius: 6px;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 500;
}

/* 아이디확인 */
#idpw_check{
    display: none;
    z-index: 10000;
    position: absolute; top:0; left: 0;
    width:100%; height:100%;
    background: rgba(0,0,0,0.5);
}

.idpw_check_wrap {
    z-index: 10000;
    width:50%; height:auto;
    position:fixed;  left:50%;  top:3rem;
    transform:translateX(-50%);
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);

}
.idpw_check_wrap >.popup_title {
    display: flex; justify-content: space-between;
    background-color: var(--gray-6);
    padding:1rem;
    border-top:var(--border-3);
    border-bottom: var(--border-1);
}
.idpw_check_wrap >.idpw_checker div {
    display: flex; flex-direction: column; gap:2rem;
    align-items: center;
    padding:10% 8%;
    background: var(--white);
}
.idpw_check_wrap >.idpw_checker p {
    font-size: 1.5rem;
}
.idpw_check_wrap >.idpw_checker span{
    color: var(--blue-1); font-weight: 800;
}

/* 비밀번호 재설정 */
#pass_check{
    display: none;
    z-index: 10000;
    position: absolute; top:0; left: 0;
    width:100%; height:100%;
    background: rgba(0,0,0,0.5);
}

.pass_check_wrap {
    z-index: 10000;
    width:50%; height:auto;
    position:fixed;  left:50%;  top:3rem;
    transform:translateX(-50%);
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);

}
.pass_check_wrap >.popup_title {
    display: flex; justify-content: space-between;
    background-color: var(--gray-6);
    padding:1rem;
    border-top:var(--border-3);
    border-bottom: var(--border-1);
}
.pass_check_wrap >.pass_checker {
    padding: 3%;
    display: flex; flex-direction: column; gap:2rem;
    background: var(--white);
}
.pass_check_wrap >.pass_checker div {
    width: 100%;
    padding:.5rem;
    display: flex;  flex-direction: column;
    gap: 1rem;
}

.pass_check_wrap >.pass_checker p {
    font-size: 1.5rem; text-align: left;
}
.pass_check_wrap >.pass_checker span{
    color: var(--blue-1); font-weight: 800;
}

/* ===================================================================== */

#pw_result {
    display: none;
    position: fixed; top:0; left: 0;
    width:100%; height:100%;
    background: rgba(0,0,0,0.5);
}

.pw_result_content {
    z-index: 30000;
    width:30vw;
    position:fixed;  left:50%;  top:2rem;
    transform:translateX(-50%);
    background-color: var(--white);
    border-radius: 1rem;
    border:1px dotted var(--gray-1);
    padding:1rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}


.pw_result_content .title_wrap {
    display: flex; justify-content: space-between;
    align-items: flex-start;
}

.pw_result_content .popup_title {
    background-image: url("/assets/images/svg/title_setting.svg");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left:30px;
    font-size: 1rem;
}
.pw_result_content .x_btn {
    width:20px;
    height:20px;
    background-image: url("/assets/images/svg/x_btn.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.pw_result_content .popup_text {
    padding:1rem;
}

.pw_result_content  .btn_wrap{
    display: flex; justify-content: center; gap:.5rem;
}

.line_dot {
    display:block ; width: 100%; height:1px; border-bottom:var(--border-dot-1);
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.setting_wrap_group {
    width:100%;
}
.setting_wrap_group > ul  {display: flex; gap:.5rem; align-items: center;}
.setting_wrap_group > ul > li {display: flex; gap:.5rem;  align-items: flex-start;}
.setting_wrap_group ul li .group_title{
    width: fit-content;
    text-align: center;
    font-size: .9rem;
    display: block;
    padding:0 .7rem; height:34px; line-height: 33px;
    white-space: nowrap;
    background-color: var(--gray-2);
    color: var(--white);
    border-radius: 3px;
}

.setting_wrap_group > ul > li > div {
    display: flex; align-items: center; gap:.5rem; flex-wrap: wrap;
}

.setting_wrap_group > ul > li > div > p{
    border: var(--border-1);
    padding:0 .7rem; height:36px; line-height: 33px;
    font-size: .9rem; font-weight: 600;
    border-radius: 6px;
    width:fit-content;
    padding:0 10px;
    white-space: nowrap;
    background-color: var(--white);
}

.favorite_wrap_group > ul{
    display: flex; flex-direction: column; gap: .5rem;
}

.favorite_wrap_group > ul > li {
    display: flex; flex-direction: row;
    align-items: center; gap:.5rem;
}

.favorite_wrap_group span {
    padding:0 .7rem; height:36px; line-height: 33px;
    text-align: center; font-size: .9rem;
    display: block; white-space: nowrap;color:var(--white);
    border-radius: 3px;
}
.favorite_wrap_group > ul > li:first-child span:nth-of-type(2){ color:var(--color-blk); }
.favorite_wrap_group > ul > li:nth-child(1) span:nth-child(1){ background-color: var(--blue-4); }
.favorite_wrap_group > ul > li:nth-child(2) span{ background-color: var(--blue-3); }
.favorite_wrap_group > ul > li:nth-child(3) span{ background-color: var(--blue-4); }

.mailset_wrap_group ul { display: flex; gap:1rem}

#excep_popup{
    display: none;
    position: fixed; top:0; left: 0;
    width:100%; height:100%;
    background: rgba(0,0,0,0.5);
}

.excep_popup_wrap {
    z-index: 1000;
    width:50vw;
    position:fixed;  left:50%;  top:2rem;
    transform:translateX(-50%);
    background-color: var(--white);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.excep_popup_wrap {
    border-top: var(--border-3);
}
.excep_popup_wrap .constent1 {
    background-color: var(--gray-6);
    padding:1rem;
}

.excep_popup_wrap .constent1 .title_wrap {
    display: flex; justify-content: space-between; align-items: flex-start;
}

.excep_popup_wrap .constent1 .title_wrap .popup_title {
    background-image: url("/assets/images/svg/title_setting.svg");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left:30px;
    font-size: 1rem;
}
.excep_popup_wrap .constent1 .title_wrap .x_btn {
    width:20px;
    height:20px;
    background-image: url("/assets/images/svg/x_btn.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.excep_popup_wrap .content2 {
    background-color: var(--white);
    padding:1rem;
}

.excep_popup_wrap .title_wrap {
    display: flex; gap:.5rem; align-items: center;
}


@media (max-width:1200px) {
    .popup_contents {font-size: .85rem;}
    .news_contents {
        width:calc(100% - 30px);
    }
    .news_content th,
    .news_content td {
        padding:.5rem;
    }
    .noti_text { white-space: normal;}

    .login_pop_wrap { top:2rem; transform:translate(-50%, 0);}

    .login_pop_wrap,
    .idpw_pop_wrap,
    .member_pop_wrap,
    .modify_pop_wrap {
        min-width: auto;   /* 440px 강제 최소폭 해제 */
        width: calc(100% - 40%);
    }

    .login_pop_wrap >.login_container >.login_contents> .btn_wrap > div {
        display: flex; flex-direction: column;  gap:.5rem
    }
    .login_pop_wrap >.login_container >.login_contents> .btn_wrap > div > button {width:100%}

    .modify_pop_wrap >.member_container { padding:.5rem; }
    .member_pop_wrap >.member_container { padding:.5rem; }
    .member_pop_wrap >.member_container td input { width:100%}
    .modify_pop_wrap >.member_container td input { width:100%}

    .idpw_pop_wrap >.idpw_container { padding:.5rem; }

    .ctf_phone > div{
        flex-direction: column;
        align-items: flex-start;
    }
     .ctf_email > div{
        flex-direction: column;
        align-items: flex-start;
    }
    .ctf_phone .ctf_wrap_phone > div {
        flex-direction: column; align-items: flex-start;
    }

    .ctf_email .ctf_wrap_email > div {
        flex-direction: column; align-items: flex-start;
    }

    .member_pop_wrap >.member_container .member_table .part_title .part_title_inner {
        flex-direction: column; gap:.5rem;
    }

    .modify_pop_wrap >.member_container .member_table .part_title .part_title_inner {
        flex-direction: column; gap:.5rem;
    }

    .idpw_pop_wrap .idpw_container .idpw_table table  tbody  tr .input_select  {
        justify-self: start;
        align-items: flex-start;
        flex-direction: column;
    }
    .check_input {width:100%}
    .wrap {white-space: nowrap;}

    .w6 {width:auto}

    .idpw_check_wrap >.idpw_checker p {
    font-size: 1rem; text-align: center;
    }

    .setting_wrap_group {
        width:100%; font-size: .9rem;
    }
    
    .favorite_wrap_group > ul{
        font-size: .9rem;
    }
    .favorite_wrap_group span {
        padding:.1rem .4rem;
    }
    
    .select_part ul li {
        width:45%;
    }
    .select_part > ul > li > span { white-space: nowrap; font-size: .8rem;}
    .excep_popup_wrap {
        z-index: 1000;
        width:90vw;
        position:fixed;  left:50%;  top:2rem;
        transform:translateX(-50%);
        background-color: var(--white);
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }
}
@media (max-width:768px) {
    .login_pop_wrap,
    .idpw_pop_wrap,
    .member_pop_wrap,
    .modify_pop_wrap {
        min-width: auto;   /* 440px 강제 최소폭 해제 */
        width: calc(100% - 30px);
    }
	.pw_result_content {
		width: 98%;
	}
    .favorite_wrap_group > ul > li {
        flex-direction: column;
        align-items: flex-start;
    }   
    .emailsvc_wrap .title_wrap h3 {
		font-size: 1rem; color:var(--blue-1);
		font-weight: 700;
	}
	.email_ctf_wrap > div, .mobile_ctf_wrap > div {
		display:contents !important;
	}
	input[type=text], input[type=password] {width: 100%;}
}