@charset "UTF-8";

/*반응형 샘플*/
@media all and (max-width:1440px){
	
}
@media all and (max-width:1024px){
	
}
@media all and (max-width:768px){
	
}
@media all and (max-width:425px){
	
}
/*반응형 샘플*/

/*? FAQ*/
.faq_list{display:flex; flex-direction:column; gap:16px; }
.faq_list > li{border-radius:24px; background:#fff; box-shadow:0 0 7px rgba(0,0,0,0.1); overflow:hidden; margin-bottom: 8px;}
.faq_list > li .question{position:relative; display:inline-flex; align-items:center; padding:16px 24px; min-height:70px; width:100%;}
.faq_list > li .question .q{font-family: 'Godo'; font-size:2.4rem; color:var(--color-point); font-weight: 600;}
.faq_list > li .question .tit{padding-left:20px; padding-right:30px; font-size:1.8rem; font-weight:500; line-height:1.5; text-align: left;}
.faq_list > li .question .micon{position:absolute; right:24px; top:50%; transform:translateY(-50%); color:var(--color-point); transition:.3s;}
.faq_list > li .question:hover .micon{transform:translateY(-50%) rotate(180deg);}
.faq_list > li .question.on .micon{color:#dbdbdb;}
.faq_list > li .answer{position:relative; display:none; padding:24px; width:100%; background:#f9f9f9;}
.faq_list > li .answer .ans{position:absolute; left:27px; top:24px; font-family: 'Godo'; font-weight:600; color:#777;}
.faq_list > li .answer .txt{padding-left:36px;}

/* 카테고리 */
/* .borad_Category_area { margin-bottom: -40px; margin-top: -20px;} */
.borad_Category_area > ul {display: flex;flex-direction: row; gap: 8px;}
.borad_Category_area > ul > li{margin-bottom:5px;}
.borad_Category_area > ul > li{margin-bottom:5px;}
/* .borad_Category_area > ul > li{float:left; margin-right:5px; } */
.borad_Category_area > ul > li:last-child{margin-right:0; }
.borad_Category_area > ul > li > a{display:inline-block; padding:2px 20px;  font-size: 14px; color:#666; font-weight: 400; border:1px solid #e5e5e5; text-align:center; border-radius: 15px;}
.borad_Category_area > ul > li > a.on{position:relative; border:1px solid var(--color-main); background-color: var(--color-main); color:#fff;}
/* .borad_Category_area > ul > li > a.on::before{position:absolute;content:'';display:inline-block;left:12px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius: 100%;border:2px solid var(--color-main);box-sizing:border-box;} */
.borad_Category_area > ul > li > a:hover { text-decoration: none; border:1px solid var(--color-main); color:var(--color-main);}
.borad_Category_area > ul > li > a.on:hover {color:#fff;}

@media all and (max-width:1440px){
	.faq_list > li .question .tit{font-size: 1.6rem;}
}
@media all and (max-width:1024px){
	
}
@media all and (max-width:768px){
	.faq_list > li .answer .txt{font-size: 1.4rem;}
}
@media all and (max-width:425px){
    .faq_list > li{border-radius:16px;}
	.faq_list > li .question .q{display:none;}
    .faq_list > li .question .micon{right:16px;}
    .faq_list > li .question{padding:16px;}
    .faq_list > li .question .tit{padding-left:0;}
    .faq_list > li .answer{padding:16px;}
    .faq_list > li .answer .txt{padding-left:0; padding-top:24px;}
    .faq_list > li .answer .ans{left:16px; top:12px;}
}


/*? 로그인*/
.login{margin:100px auto 0 auto; width:360px;}
.login .log_list{display:flex; flex-direction:column; gap:8px; }
.login .log_list > li{width:100%;}
.login .log_list .id,
.login .log_list .pw{position:relative; display:flex; align-items:center; padding-left:56px; border:1px solid #dbdbdb; height:var(--btnHM); border-radius:8px; background:#fff;}
.login .log_list .id::before{position:absolute; content:''; right:16px; top:-94px; width:75px; height:105px;}
.login .log_list .id .micon,
.login .log_list .pw .micon{position:absolute; display:inline-flex; align-items:center; justify-content:center; width:56px; height:100%; color:#777; font-size: 18px; left:0; top:0;}
.login .log_list .id label,
.login .log_list .pw label{width:100%;}
.login .log_list .id input,
.login .log_list .pw input{padding-left:0; border:0; height:var(--btnHM); width:100%; background:transparent;}
.login .log_list .id input:focus,
.login .log_list .pw input:focus{outline:none;}
.login .log_list .btn{width:100%;}
.login .log_list .find{display:inline-flex; gap:32px; }
.login .log_list .find a{position:relative; font-size:1.4rem; color:#444; font-weight:500;}
.login .log_list .find a:not(:last-of-type)::before{position:absolute; content:''; width:1px; height:12px; background:#dbdbdb; right:-16px; top:50%; transform:translateY(-50%);}

.log_text{margin:24px auto 0 auto; padding-top:24px; border-top:1px dashed #dbdbdb; width:fit-content;}
.log_text > li{position:relative; padding-left:12px; font-size: 1.2rem;}
.log_text > li::before{position:absolute; content:''; left:0; top:6px; width:4px; height:4px; background:#111; border-radius:100%; }
/** 아이디/비밀번호 찾기*/
.login.find{width:510px;}
.tab{display:flex; align-items:center; }
.tab.find > li{width:50%;}
.tab a{display:flex; align-items:center; justify-content:center; height:var(--btnHM); border-radius:16px 16px 0 0; background:#f9f9f9; border-bottom:2px solid #111; color:#444; text-decoration: none;}
.tab a.on{padding-bottom:2px; background:#fff; color:#111; font-weight: 600; border:2px solid #111; border-bottom:2px solid #fff;}
.tab_list.find{margin-top:40px;}
.tab_list.find .txt_W .tit{font-weight:600; }
.tab_list.find .txt_W .list > li{position:relative; padding-left:12px; font-size: 1.4rem; }
.tab_list.find .txt_W .list > li::before{position:absolute; content:''; left:0; top:10px; width:4px; height:4px; background:#111; border-radius:100%; }
.tab_list.find .certi{display:flex; flex-wrap:wrap; gap:16px; margin-top:24px;}
.tab_list.find .certi > li{width:calc(50% - 8px);}
.tab_list.find .certi > li a{display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; padding:40px; width:100%; border-radius:24px; border:1px solid #dbdbdb; text-decoration:none; font-family: 'Godo';}
.tab_list.find .certi > li a .micon{width:50px; height:50px; font-size: 50px; color:#dbdbdb;}
.tab_list.find .certi > li a:hover,
.tab_list.find .certi > li a:focus{border:1px solid var(--color-point); box-shadow:0 0 7px rgba(229, 0, 90, 0.2);}
.tab_list.find .goHome{ width:360px;}
.tab_list.find .certi > li a:hover .micon,
.tab_list.find .certi > li a:focus .micon{color:var(--color-t70);}
.tab_list.find .inp{display:flex; flex-direction:column; gap:4px; margin-top:16px; }
.tab_list.find .inp .tit{font-weight:500; font-size: 1.4rem;}
/*팝업 - 일단 비밀번호 재설정 용으로만 제작 -> 차후 다른데 공통으로 쓰일거 같으면 클래스 변경 요망*/
/* .pop.login_find{padding:40px; border-radius:24px; background:#fff; max-height:90vh; box-shadow:0 0 15px rgba(0,0,0,0.2);} */
.pop.login_find .title{margin-bottom:32px; text-align:center; font-size: 2.4rem; font-family: 'Godo'; font-weight: 600;}
.pop.login_find .id_area{display:flex; align-items:center; justify-content:center; padding:24px; background:#f5f5f5; border-radius:24px; color:var(--color-point); font-size: 1.8rem; font-weight: 600;}
.pop.login_find .inp_list{margin-top:16px;}
.pop.login_find .alarm{display:flex; align-items:center; justify-content:center; margin-top:16px; border-radius:100px; font-size: 1.4rem; min-height:32px; font-weight: 500;}
.pop.login_find .alarm.ok{color:var(--color-blue); background:#E7F6FF;}
.pop.login_find .alarm.no{color:var(--color-red); background:#FFE8E8;}
.pop.login_find .btn{width:360px;}
/*비밀번호 정책 체크*/
.policy_password{display:flex; flex-direction:column; margin-top:16px;}
.policy_password li{position:relative; padding-left:24px; font-size: 1.4rem;}
.policy_password li .micon{position:absolute; left:0; top:2px; width:18px; height:18px; font-size: 18px; color:#dbdbdb;}
.policy_password li.ok .micon{color:var(--color-blue);}
.policy_password li.no{color:var(--color-red);}
.policy_password li.no .micon{color:var(--color-red);}
/** 아이디/비밀번호 찾기 완료*/
.complete_find{margin:32px auto; text-align:center;}
.complete_find img{margin-bottom:40px;}
.complete_find .tit{font-weight:600; }
.complete_find .infoid{margin-top:24px; background:#f5f5f5; border-radius:24px; padding:24px; font-size: 1.8rem; color:var(--color-point); font-weight: 600;}
.complete_find .log_list{margin-top:40px;}
.complete_find .infopw{margin-top:24px;font-size: 1.4rem; }

@media all and (max-width:1440px){
	.login{margin:56px auto 0 auto;}
}
@media all and (max-width:1024px){
	.log_text{margin:24px auto 0 auto; padding-top:24px; }

    .pop.login_find .title{font-size:2.0rem;}
}
@media all and (max-width:768px){
    .login{width:300px;}
    .login.find{width:360px;}
    .login .log_list .id::before{top:-66px; width:50px; height:75px;}
	.tab.find a{font-size: 1.4rem;}
    .tab_list.find .certi > li a{padding:24px 16px; font-size: 1.4rem;}

    /*.pop.login_find{padding:24px; max-width:calc(100% - 64px);}*/
}
@media all and (max-width:425px){
	.login{margin:40px auto 0 auto; width:100%;}
    .login .log_list .find a{font-size: 1.2rem;}

    .login.find{width:100%;}
    .tab_list.find{margin-top:24px;}
    .tab_list.find .certi{gap:4px;}
    .tab_list.find .certi > li a{padding:24px 8px; border-radius:16px; font-size:1.2rem;}

    /*.pop.login_find{padding:24px 16px 16px 16px; max-width:calc(100% - 32px);} */
    .pop.login_find .title{margin-bottom:24px;}
    .pop.login_find .id_area{padding:16px; border-radius:16px; font-size: 1.6rem;}
    .pop.login_find .alarm{margin-top:8px; min-height:24px; font-size: 1.2rem;}
    .pop.login_find .inp_list{gap:8px;}
	.pop.login_find .btn{width:auto;}

    .policy_password li{font-size:1.2rem;}

    .complete_find .infoid{padding:16px; border-radius:16px; font-size: 1.6rem;}
    .complete_find .tit{font-size:1.4rem;}
    .complete_find .log_list{margin-top:24px;}
}

/*신청자정보input*/
.usr_input{display:flex; flex-direction:column; gap:24px;}
.usr_input.gap{gap:8px;}
.usr_input > li{display:flex; gap:4px;}
.usr_input > li .tit{display:flex; align-items:center; height:48px; min-width:100px; font-size: 1.4rem; font-weight: 500;}
.usr_input > li .row{display:flex; align-items:center; gap:4px; width:100%;}
.usr_input > li .col{display:flex; flex-direction:column; gap:4px; width:100%;}
.usr_input > li .telNo,
.usr_input > li .email{position:relative; display:inline-flex; align-items:center; gap:4px; justify-content:space-between; padding:4px 16px; height:var(--btnHM); min-width:200px; border:1px solid #ccc; border-radius:8px; background:#fff; font-size: 1.6rem; color:#111;}
.usr_input > li .telNo label,
.usr_input > li .telNo input,
.usr_input > li .email label,
.usr_input > li .email input{border:0; height:100%; outline:none; width:100%;}
.usr_input > li select{min-width:120px;}
.usr_input > li .noBtn{color:var(--color-point); border:0; }
.usr_input > li .noBtn .micon{width:16px; height:16px; font-size: 16px;}
.usr_input > li .notiTxt{font-size: 1.4rem;}
.usr_input > li input[type="file"]{padding:11px 16px; font-size: 1.4rem;}
.usr_input input.form{min-width:auto;}
.usr_input > li .row.radioChkBox{gap:8px 24px;}
/*파일업로드 관리자 동일화*/
.usr_input .fileVolume {font-size:1.2rem; color:#777;}
.usr_input .upload_file_area{display:flex;}
.usr_input .btnAdm{font-size:0; color:transparent; width:100%;}
.usr_input .desc_area{font-size:1.4rem; color:#777;}
.usr_input .desc_area b{font-weight:normal; margin-top:4px;}
.usr_input .usr_file_inp.skip{position:relative; left:0; width:100%; height:48px; line-height:1.7; text-indent:initial; color:#777; border-radius:8px; border:1px solid #dbdbdb;}
.usr_input .upload-name{display:none;}
/*input 내 파일리스트*/
.upload_area{display:flex; flex-direction:column; gap:4px; }
.upload_area .add_files{position:relative; display:inline-flex; padding-left:24px; }
.upload_area .add_files .list-x{position:absolute; left:0; top:4px; display:inline-flex; align-items:center; justify-content:center; }
.upload_area .add_files .list-x .micon{width:16px; height:16px; font-size: 16px; color:#777;}
.upload_area .add_files .file{font-size: 1.4rem; word-break: break-all;}
.upload_area .add_files .kb{margin-left:4px;font-size: 1.2rem; color:#777}
/*결제방식 선택*/
@media all and (max-width:768px){    
    .usr_input{gap:16px;}
    .usr_input.gap{gap:16px;}
    .usr_input input.form{font-size:1.4rem;}
    .usr_input > li{flex-direction:column;}
    .usr_input > li .tit{height:auto; min-width:auto;}
    .usr_input > li select{min-width:100px;}
    .usr_input > li input[type="file"]{padding:7px 8px;}
    .usr_input > li .notiTxt{font-size: 1.0rem;}
    .usr_input .usr_file_inp.skip{padding-top:11px; height:40px;}

    .upload_area .add_files .file{font-size: 1.2rem; line-height:1.5;}
    .upload_area .add_files .list-x{top:0;}
    .upload_area .add_files .kb{font-size: 1.0rem;}
}
@media all and (max-width:425px){

    .usr_input > li .tit{font-size: 1.2rem;}
    .usr_input > li select{padding-right:20px !important; min-width:80px;}
    .usr_input > li .notiTxt{text-align:left !important; line-height:1.5;}
    .usr_input > li input[type="file"]{padding:8px; font-size: 1.2rem;}
}

/*메인 팝업존*/
.main_popup_bg{z-index:50; position:fixed; left:0; top:0; width:100vw; height:100vh; background:rgba(0,0,0,0.6);}

.main_popup{z-index:51; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center; gap:16px; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; max-width:calc(100vw - 32px); max-height:calc(100vh - 32px); min-width:calc(320px - 32px); overflow-y:auto; scrollbar-width:none;}
.main_popup::-webkit-scrollbar{display:none;}
.main_popup .poup{position:relative; padding-bottom:61px; border-radius:var(--borderM); overflow:hidden; background:#fff; max-width:100%; max-height:100%; min-width:200px; border:1px solid #dbdbdb; border-radius:24px;	 /* box-shadow:0 0 15px rgba(0,0,0,0.2); */}
.main_popup .poup a{position:relative; display:block; width:480px; height:360px; text-align:center; overflow-y:auto; scrollbar-width:none; max-width:100%; }
.main_popup .poup a::-webkit-scrollbar{display:none;}
.main_popup .poup a img{min-width:200px;}
.main_popup .poup a:hover{text-decoration:none;}
.main_popup .poup.text_popup{padding:8px 8px 56px 8px; background:var(--color-t40); }
.main_popup .poup.text_popup::after{position:absolute; content:''; width:calc(100% - 24px); height:calc(100% - 74px); border:2px solid var(--color-t40); border-radius:8px; left:12px; top:12px;}
.main_popup .poup.text_popup::before{position:absolute; content:''; width:calc(100% - 40px); left:50%; bottom:64px; transform:translateX(-50%); height:20px; background:linear-gradient(0deg, #fff, transparent); z-index:2;}
.main_popup .poup.text_popup a{min-width:462px; min-height:342px; background:#fff; border:8px solid #fff; border-radius:8px; box-shadow:0 0 12px rgba(0,0,0,0.5);}
.main_popup .poup .text_area{position:relative; display:block; padding:24px; text-align:center; width:100%; }
.main_popup .poup .text_area *{position:relative; z-index:1;}
.main_popup .poup .text_area pre{white-space: pre-wrap; word-break:break-all;} 
.main_popup .poup .text_area .tit{padding-bottom:24px; border-bottom:1px solid #dbdbdb; font-size:var(--fz-headlineS); font-weight:700;  line-height:1.1em; color:var(--color-t40);}
.main_popup .poup .text_area .txt{padding-top:24px; line-height:1.3em; }

.main_popup .poup .btn_area{position:absolute; display:flex; align-items:center; justify-content:space-between; left:0; bottom:0; padding:16px 16px 16px 24px; border-top:1px solid #dbdbdb; background:#f9f9f9; width:100%; height:61px;}
.main_popup .poup .btn_area label{display:flex; align-items:center; /*gap:8px;*/ font-size:var(--fz-bodyM);}

.dpf { display:flex; align-items: center; justify-content: space-between; }
.bold { font-weight: 600; }

/* 회원가입 */
/* join01 - USR_120100.jsp */ 
.join{ margin: 100px auto 0 auto; width: 650px; }
.join > ul { display:flex; justify-content: space-between; align-items: center; font-weight: 500; width: 100%; }
.join > ul > li { position:relative; }
.join > ul.join_process > li::before { content:""; position:absolute; left:-220%; top:24%; width: 4px; height: 4px; background: #111; border-radius: 100%; background-color:var(--color-g4); }
.join > ul.join_process > li::after { content:""; position:absolute; left:-186%; top:24%; width: 4px; height: 4px; background: #111; border-radius: 100%; background-color:var(--color-g4); }
.join > ul.join_process > li:first-child::before,
.join > ul.join_process > li:first-child::after { content:none; }
.join > ul > li > ul { display:flex; flex-direction: column; align-items: center; gap: 16px; }
.join > ul > li > ul > li.join_prcs_order { background-color:var(--color-g1); width: 40px; height: 40px; line-height: 40px; color:var(--color-main); text-align: center; border-radius:10rem; }
.join > ul > li > ul > li.join_prcs_order.on { position:relative; background-color:var(--color-main); color:#fff; }
.join > ul > li > ul > li.join_prcs_order.on::before { content: ""; position: absolute; top: 18px; left: -8px; width: 56px; height: 5px; border-radius:10rem; background-color: var(--color-main); transform: rotate(-35deg); z-index: -1; }

.join > div.txt_W .tit { font-weight: 600; }
.join > div.txt_W > ul.list > li { position:relative; padding-left:12px; font-size:1.4rem; }
.join > div.txt_W > ul.list > li::before { position: absolute; content: ''; left: 0; top: 10px; width: 4px; height: 4px; background: #111; border-radius: 100%; }

.join .btn_w { width: 100%; margin-top: 40px; display: flex; justify-content: space-between; }
.join .btn_w .point { width: calc(100% - 128px); }
.join .btn_w.fjc { justify-content: center; }

@media all and (max-width:1440px){
	.join{ margin: 56px auto 0 auto; }
}

@media all and (max-width:768px){
	.join { width: 360px; }	
	.join > ul.join_process > li::before { left:-24%; }
	.join > ul.join_process > li::after { left:-10%; }
	.join01 .regi .radioBtn { width: calc(50% - 8px); }
	.join01 .regi .radioBtn label { padding: 120px 0 24px 0; }
	.join .btn_w { margin-top: 24px; }
	.join .btn_w .point { width: calc(100% - 108px); }
}

@media (max-width: 425px){
	.join { margin: 40px auto 0 auto; width: 100%; }
	.join > ul > li { width: 100%; }
	.join > ul.join_process > li::before { left:-4%;  transform: translateX(-4%); }
	.join > ul.join_process > li::after { left:4%;  transform: translateX(4%); }
 	.join01 .regi { margin: 24px 0 16px 0; } 
	.join01 .regi .radioBtn { width: calc(50% - 4px); }
	.join .btn_w .point { width: calc(100% - 88px); }
}

/* join02 - USR_120101.jsp */
.join02 .allChk { display: flex; justify-content: center; align-items: center; margin-top: 40px; width: 100%; height: 60px; font-weight: 500; border: 1px solid var(--color-main); border-radius: 24px; cursor: pointer; display:none; }
.join02 .allChk:hover { box-shadow:0 0 10px rgba(65, 57, 147, 0.2); }

.join02 ul.agrList { flex-direction: column; margin-top: 30px; width: 100%; border:1px solid var(--color-g4); border-radius: 24px; }
.join02 ul.agrList > li { width: 100%; }
.join02 ul.agrList > li:last-child { border-bottom:none; }
.join02 ul.agrList > li > div { width: 100%; padding:18px 16px; border-bottom:1px solid var(--color-g4); }
.join02 ul.agrList > li > div span { color:var(--color-red); }
/* 선택 항목 표시. 위 규칙이 span 을 모두 빨강으로 칠하는데, (선택)까지 빨강이면
   안 해도 되는 항목이 필수처럼 보인다. 그래서 회색으로 되돌린다. */
.join02 ul.agrList > li > div span.optional { color:var(--color-g6); }
.join02 ul.agrList > li > div.txt_wrap { background-color:var(--color-g1); border-bottom:none; } 
.join02 ul.agrList > li:last-child > div.txt_wrap { border-radius:0 0 24px 24px; overflow:hidden; }
.join02 ul.agrList > li > div.txt_wrap .txt_in { max-height: 200px; width: 100%; line-height: 1.4em; overflow-y: auto !important; word-break: break-all; }
.join02 ul.agrList > li > div.txt_wrap .txt_in::-webkit-scrollbar { width: 8px; background-color: var(--color-g4); border-radius:10rem; }
.join02 ul.agrList > li > div.txt_wrap .txt_in::-webkit-scrollbar-thumb { background-color: var(--color-g5); border-radius:10rem; height: 10px; }
.join02 ul.agrList > li > div.txt_wrap .txt_in .txtBox { margin-right: 8px; }
/* .join02 ul.agrList > li > div.txt_wrap .txt_in .txtBox .lawB dl > dd { font-weight: normal; margin-top: 16px; } */

@media all and (max-width:768px){
	.join02 ul.agrList > li > div { padding:16px; }
}

/* join03 - USR_120102.jsp */
.join03 .txt_W { margin-top: 40px; width: 100%; }

.join03 .certi { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 24px; width: 100%; }
.join03 .certi > li { width: calc(50% - 8px); }
.join03 .certi > li a { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; padding: 40px; width: 100%; border-radius: 24px; border: 1px solid #dbdbdb; text-decoration: none; font-family: 'Godo'; }
.join03 .certi > li a .micon { width: 50px; height: 50px; font-size: 50px; color:#dbdbdb;}
.join03 .certi > li a:hover,
.join03 .certi > li a:focus{ border:1px solid var(--color-point); box-shadow:0 0 7px rgba(229, 0, 90, 0.2); border-radius: 24px; }
.join03 .certi > li a:hover .micon,
.join03 .certi > li a:focus .micon{color:var(--color-t70);}

.join .hong_default{display:block; margin:0 auto; width:120px;}

@media all and (max-width:768px){
	.join03 .certi > li a { padding: 24px 16px; font-size: 1.4rem; }
}

@media all and (max-width:425px){
	.join03 .txt_W { margin-top: 24px; }
	.join03 .certi { gap: 4px; }
	.join03 .certi > li { width: calc(50% - 4px); }
	.join03 .certi > li a { padding: 24px 8px; border-radius: 16px; font-size: 1.2rem; }
}

/* join04 - USR_120103.jsp */
.policy_password li.info .micon { color:var(--color-green); }
.join .alarm { display: flex; align-items: center; justify-content: center; margin-top: 16px; border-radius: 100px; font-size: 1.4rem; min-height: 32px; font-weight: 500; }
.join .alarm.ok { color: var(--color-blue); background: #E7F6FF; }
.join .alarm.no { color: var(--color-red); background: #FFE8E8; }
.join04 .userF { margin-top: 40px; padding: 40px; font-size: 1.4rem; box-shadow:0 0 8px rgba(0, 0, 0, 0.1); border-radius: 24px; }
.join04 .userF .list { display:flex; flex-direction: column; gap:24px; }
.join04 .userF .list .tit { font-weight: 600; }
.join04 .userF .form.disabled { background:var(--color-g1); }
.join04 .userF input[type=text], 
.join04 .userF input[type=password],
.join04 .userF select { width: 100%;  font-size: 1.4rem; }
/*.join04 .userF input.form.userN { width: calc(100%/3 - 43px); min-width: auto; */
.join04 .userF input.form.userN { width: calc(100%/3 - 2px); min-width: auto; }
.join04 .userF div.dpf { display:flex; justify-content: space-between; gap:4px; }
.join04 .userF input.form.userI, 
.join04 .userF input.form.addr,
.join04 .userF input.form.userPhchk { width:calc(100% - 120px); min-width: auto; }
.join04 .userF .radio-list,
.join04 .userF .chk-list{ display:flex; gap:24px; }
.join04 .userF .emailF { width: calc(100% - 184px); position: relative; display: inline-flex; align-items: center; padding: 4px 16px; height: var(--btnHM); min-width: 200px; border: 1px solid #ccc; border-radius: 8px; background: #fff; font-size: 1.6rem; color: #111; }
/* .join04 .userF .emailF:hover { border:1px solid var(--color-t90); outline:1px solid var(--color-t90); box-shadow:0 0 4px var(--color-t90); } */
.join04 .userF .emailF input { padding:0 8px; border:none; height: 46px; min-width: auto; }
.join04 .userF .emailF input:first-child { padding:0; }
.join04 .userF .emailF input:focus { border:none; outline:none; box-shadow:none; }
.join04 .userF .emailC { width: 180px; }
.join04 .userF .infoM { margin-bottom: 16px; font-size: 1.2rem; color:#777; }
.join04 .userF .chk-list { margin-bottom: 40px; }

@media all and (max-width:768px){
		.join04 .userF { padding:24px; }
		.join04 .userF input.form.userN { width: calc(100%/3 - 2px); }
		.join04 .userF input.form.userI, 
		.join04 .userF input.form.addr,
		.join04 .userF input.form.userPhchk { width: calc(100% - 100px); }
		.join04 .userF .emailF { width: 100%; }
		.join04 .userF .chk-list { flex-wrap:wrap; gap:8px; }
		.join04 .userF div.dpf.dpfw { flex-wrap:wrap; gap:8px; }
		.join04 .userF .emailF input { height: 38px; }
		.join04 .userF .emailC { width: 100%; }
}
@media all and (max-width:425px){
		.join03 .alarm.ok { font-size: 1.2rem; }
		.join04 .userF { padding:20px; }
		.join04 .userF .list { gap:20px; }
		.join04 .userF input.form.userN { width: calc(100%/3 - 2px); }
		.join04 .userF input.form.userI { width:calc(100% - 92px); }
		.join04 .userF input.form.userPhchk { width:calc(100% - 84px); }
}

/* join05 - USR_120104.jsp */
.joinD { width: 360px; text-align:center; margin:0 auto; }
.joinD img { margin: 40px 0 40px 0;  }
.joinD .infoU { font-weight: 600; }
.joinD .infoU span { color:var(--color-main); }
.joinD .infoid { margin-top: 16px; background: #f5f5f5; border-radius: 24px; padding: 24px; font-size: 1.8rem; color: var(--color-point); font-weight: 600; }
.joinD .tit { margin-top: 16px; }
.join05 .log_list { margin-top: 40px; display: flex; flex-direction: column;  gap: 8px; }
.join05 .log_list li { width: 360px; }
.join05 .log_list li .btn { width: 100%; }

@media all and (max-width:425px){
	.joinD { width: 100%; }
	.joinD .infoid { padding: 16px; border-radius: 16px; font-size: 1.6rem; }
	.joinD .tit { font-size: 1.4rem; }
	.join05 .log_list { margin-top: 24px; }
	.join05 .log_list li { width: 100%; }
}

/* 마이페이지 - 회원정보수정 & 회원탈퇴 */
.user_chk { width: 460px; margin-top: 70px; }
.user_chk img { margin-bottom: 32px; }
.usr_Id_Chk::before { display:none; }
.user_chk .txt_W { text-align:start; }
.user_chk ul.list > li{ position: relative; padding-left: 12px; font-size: 1.4rem; text-align:start; }
.user_chk ul.list > li::before { position: absolute; content: ''; left: 0; top: 10px; width: 4px; height: 4px; background: #111; border-radius: 100%; }
.user_chk .log_list { margin-top: 24px; }
.user_chk .log_list li::before{ display:none; }
.user_chk .btn_w { width: 100%; margin-top: 40px; display: flex; justify-content: space-between; }
.user_chk .btn_w .point { width: calc(100% - 128px); }

@media all and (max-width:768px){ 
	.user_chk { width: 360px; margin-top: 40px; }
	.user_chk img { margin-bottom: 24px; }
	.user_chk .btn_w .point { width: calc(100% - 108px); }
}

@media all and (max-width:425px){
	.user_chk { width: 100%; }
	.user_chk .btn_w { margin-top: 24px; }
	.user_chk .btn_w .point { width: calc(100% - 88px); }
} 

/* 상세정보 수정 - USR_090301.jsp */
.usr_input > li .wdfix{ max-width:120px; width: 120px; }
.usr_input > li.corr > .row { flex-wrap:wrap; }
.usr_input > li.corr p { position:relative; padding-left: 24px; font-size: 1.4rem; }
.usr_input > li.corr p .micon { position: absolute; left: 0; top: 2px; width: 18px; height: 18px; font-size: 18px; color: #dbdbdb; }
.usr_input > li.corr > .row .wdcc { width: calc(100% - 124px); }
.usr_input > li .w100 { padding: 0px 16px !important; min-width:100%; font-size: 1.6rem; }
.pop2,
.pop3,
.pop4,
.pop5 { max-width:510px; }
.pop3 .certi { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin-top: 24px; }
.pop3 .certi > li { width: calc(50% - 8px); }
.pop3 .certi > li a { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; padding: 40px 16px; width: 100%; border-radius: 24px; border: 1px solid #dbdbdb; text-decoration: none; font-family: 'Godo'; }
.pop3 .certi > li a:hover,
.pop3 .certi > li a:focus { border:1px solid var(--color-point); box-shadow:0 0 7px rgba(229, 0, 90, 0.2);}
.pop.pop3 .btn,
.pop.pop4 .btn{ width: 120px; }
.wdA { width: calc(100% / 3 - 10px); }

@media all and (max-width:768px){ 
	.usr_input > li .wdfix,
	.usr_input > li .chgPw, 
	.usr_input > li .numChk,
	.usr_input > li .numChkD { max-width:100px; width: 100px; }
	.usr_input > li.corr > .row .wdcc { width: calc(100% - 104px); }
	.usr_input > li .w100 { padding: 0px 8px !important; font-size: 1.4rem; }
	.pop3 .certi { gap:8px; }
	.pop3 .certi > li a { padding:16px 8px; font-size: 1.2rem; }
	.wdA { width: calc(100% / 3 - 10px); }
}

@media all and (max-width:430px){ 
	.pop3 .certi { flex-direction: column; }
	.pop3 .certi > li { width: 100%; }
	.pop3 .certi > li a { padding:8px; }
}

@media all and (max-width:425px){ 
	.wdA { width: calc(100% / 3 - 10px); }
}


/* 회원탈퇴 - USR_090500.jsp */
.user_chk .infoid { display: flex; flex-wrap: wrap; flex-direction: column; align-content: center; }
.user_chk .infoid li { text-align:start; font-size: 1.6rem; }
.user_chk .infoid li:first-child { color:#111; }
.user_chk .infoid span { font-size: 1.4rem; font-weight: normal; color:#111; display:inline-block; width: 80px; text-align:start; }
.user_chk .radio_r { display:flex; flex-wrap: wrap; gap:8px; }
.user_chk .radio_r li { width: calc(100% / 3 - 8px); }
.user_chk .radio_r li:nth-child(4),
.user_chk .radio_r li:last-child { width: 100%; }
.user_chk .radio_r input[type="text"]{ margin-left: 8px; background: #fff; color: #111; cursor: pointer; } 
.user_chk .radio_r input[type="text"]:disabled { margin-left: 8px; border-color:#dbdbdb; background-color:#f5f5f5; cursor: not-allowed; }  
.user_chk .radio_r [type="radio"]{position:relative; margin-right:8px; vertical-align: middle;  appearance: none;  border: 2px solid #dbdbdb;  border-radius: 50%;  width: 16px;  height: 16px;}
.user_chk .radio_r [type="radio"]:checked{ border: 2px solid var(--color-point); }
.user_chk .radio_r [type="radio"]::before{content:''; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:8px; height:8px; border-radius:100%; background: var(--color-point); opacity:0; transition:.3s; }
.user_chk .radio_r [type="radio"]:checked::before{opacity:1;}
.user_chk .radio_r [type="radio"]:hover::after{opacity:1;}

.pop.pop4 { text-align:center; }

@media all and (max-width:425px){
	.user_chk .radio_r li { width: calc(100% / 2 - 8px); }
	.pop.pop3 .btn,
	.pop.pop4 .btn{ width: 80px; }
}

.btn_w.btnF { margin-top: 16px; }

/* QNA 게시판 팝업 */
.pop.pop5.login_find .btn.line { width: auto; }
.pop.pop5.login_find.user_chk .log_list { margin-top: 0; }
.pop.pop5.login_find.user_chk .btn_w { margin-top: 32px; }

/* 약관항목 css */
.lawB { line-height: 1.75; }
.lawB dl > dt { margin-top: 8px; font-size: 1.4rem; font-weight: 500; }
.lawB dl > dt.ch { margin-top: 16px; font-size: 1.6rem; font-weight: 600; }
.lawB dl:first-child > dt.ch { margin-top: 0; }
.lawB dl > dd { font-size: 1.3rem;  font-weight: normal; /*padding-left:6px;*/ }
.lawB dl > dd > ul { counter-reset: list; list-style: none;  }
.lawB dl > dd > ul > li {position:relative; /*text-indent: -6px; */ padding-left: 16px; }
.lawB dl > dd > ul > li.nn { counter-reset: none;  list-style: none; }
.lawB dl > dd > ul > li::before {position:absolute; left:0px; counter-increment: list; content: counters(list, "") "."; display:inline-block; /*padding-right:4px; */}
.lawB dl > dd > ul > li.nn::before {counter-increment: none; content: none;}
.lawB dl > dd > ul > li > ul.round-num { counter-reset: round-num; list-style: none; }
.lawB dl > dd > ul > li > ul.round-num li { position:relative; padding-left: 16px; }
.lawB dl > dd > ul > li > ul.round-num li::before { position:absolute; top:5px; left:0; width: 11px; height: 11px; text-align:center; counter-increment:round-num; content: counters(round-num, "") ""; display:inline-block; font-size: 0.8rem; }
.lawB dl > dd > ul > li > ul.round-num li::after { position:absolute; top:5px; left:0; content:''; width: 11px; height: 11px; border:1px solid #777; border-radius:100px; }
/* 관항목 속 table css */
.lawB .tbl .wd34 { width: 34%; }
.lawB .tbl th { padding:16px; font-size: 1.3rem; font-weight: 500; background-color:#fAfAfA; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; }
.lawB .tbl td { padding:16px !important; font-size: 1.3rem  !important; font-weight: normal !important; text-align:start !important;  border-right:1px solid #dbdbdb; }
@media all and (max-width:768px){
	.lawB .tbl tr { display:flex !important; flex-direction: column; padding:0; }
	.lawB .tbl td::before { content:none !important; }
	.lawB .tbl th { padding:12px; /* text-align:center !important; */ } 
	.lawB .tbl td { padding:8px 11px !important; margin-right: 0 !important; border: 1px solid #dbdbdb; border-bottom: none; }
	.lawB .tbl .wd34 { width: 100%; }
}



/* ===== 사업협력 (cooperation/apply) ===== */
.collab-wrap { max-width:900px; margin:0 auto; }

/* 특징 카드 */
.collab-features { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:48px; }
.collab-feat { display:flex; flex-direction:column; align-items:center; text-align:center;
    padding:32px 24px; background:#fff; border:1px solid #f0f0f0; border-radius:16px; }
.collab-feat .feat-ico { width:52px; height:52px; background:var(--color-p95); border-radius:14px;
    display:flex; align-items:center; justify-content:center; font-size:2.2rem; margin-bottom:16px; }
.collab-feat .feat-title { font-size:1.6rem; font-weight:700; color:#111; margin-bottom:8px; }
.collab-feat .feat-desc { font-size:1.4rem; color:#888; line-height:1.6; }

/* 탭 */
.collab-tab { display:flex; border:1px solid #e0e0e0; border-radius:10px; overflow:hidden; margin-bottom:32px; }
.collab-tab li { flex:1; }
.collab-tab li a { display:flex; align-items:center; justify-content:center; height:48px;
    font-size:1.5rem; font-weight:500; color:#888; background:#f9f9f9; text-decoration:none; transition:.2s; }
.collab-tab li a.on { background:#fff; color:var(--color-main); font-weight:700; }

/* 폼 카드 */
.collab-form-wrap { background:#fff; border:1px solid #f0f0f0; border-radius:16px; padding:40px; }
.collab-form-title { font-size:2.0rem; font-weight:700; color:#111; margin-bottom:32px; }
.collab-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.collab-form-grid.full { grid-template-columns:1fr; }
.collab-form-grid.three { grid-template-columns:1fr 1fr 1fr; }
.form-group { display:flex; flex-direction:column; gap:6px; }
.form-group.full { grid-column:1 / -1; }
.form-group label { font-size:1.4rem; font-weight:600; color:#333; }
.form-group label .req { color:var(--color-point); margin-left:2px; }
.form-group input,
.form-group select,
.form-group textarea { padding:10px 14px; border:1px solid #ddd; border-radius:8px;
    font-size:1.4rem; color:#111; background:#fff; transition:border .15s; }
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus { border-color:var(--color-main); outline:none; box-shadow:0 0 0 3px var(--color-p95); }
.form-group textarea { resize:vertical; min-height:140px; }
.collab-submit { display:flex; justify-content:center; margin-top:32px; }
.collab-submit .btn-submit { display:inline-flex; align-items:center; justify-content:center;
    width:100%; max-width:400px; height:52px; background:var(--color-p20); color:#fff;
    font-size:1.6rem; font-weight:700; border:none; border-radius:10px; cursor:pointer; transition:.2s; }
.collab-submit .btn-submit:hover { background:var(--color-p30); }

.tab-content { display:none; }
.tab-content.on { display:block; }

@media all and (max-width:768px) {
    .collab-features { grid-template-columns:1fr; gap:12px; }
    .collab-form-grid { grid-template-columns:1fr; }
    .collab-form-grid.three { grid-template-columns:1fr; }
    .collab-form-wrap { padding:24px; }
}

/* ===== 회원가입 - 생년월일/휴대전화 입력 ===== */
.userF .birthRow, .userF .phoneRow { display: flex; align-items: center; gap: 6px; flex-wrap: nowrap; }
.userF .birthSel { flex: 1; min-width: 0; }
.join04 .userF .phoneRow input.form.userN.mberTel { flex: 1; width: auto; min-width: 0; text-align: center; }
.userF .rowSep { flex: none; color: #999; }