@charset "utf-8";
/* CSS Document */
/* com2zoa design  KYJ 2024.05.02 */
/* com2zoa design  Kjh 2025.06.18 */

/*****회원가입 공통*****/
.sedu_member input, select, label, textarea {font-family:PTD; font-weight: 400}
.sedu_member {font-family: PTD; font-size:1.154em; font-weight: 400}
.sedu_member .clear_fix:after{content:""; clear: both; display: block}
/*스크롤 스타일 지정*/
.scroll_st {overflow-y: scroll; height:200px; padding:20px 10px; border-radius: 5px}
.scroll_st::-webkit-scrollbar {width: 12px}
.scroll_st::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, 0.15); border-radius:0 5px 0 0; box-shadow: inset 0px 0px 0px white}
.scroll_st::-webkit-scrollbar-thumb {background-color: #a7a7a7; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent}
/*글자 포인트 색상 지정*/
.sedu_member span{font-weight: 500}
.sedu_member span.col_r{color:#f63f3f}
.sedu_member span.col_b{color:#188ae7}
.sedu_member span.col_gr{color:#969696}
.sedu_member span.col_bk{color:#000}
/* 테이블 */
.mem_table{margin-bottom:15px; border-radius: 5px}
.mem_table table{width: 100%}
.mem_table .lstinfo_txt, .mem_table .lstinfo_lst{margin-top: 5px; padding-left: 20px; background:url(../../images/member/ico_lstinfo.png); background-repeat:no-repeat; background-position:left 3px; font-size: 0.933em; color:#5c5c5c; font-weight: 500}
.mem_table .lstinfo_msg{padding-left: 20px; background:url(../../images/member/ico_lstmsg.png) no-repeat left 3px ;color:#ff5938; font-size: 0.933em; font-weight: 500}
.mem_table .lstinfo_child{overflow: hidden; margin-top: 3px; border-radius: 5px; border:1px solid #59636a; font-weight: 500}
.mem_table .lstinfo_child > p.infochild_tit{padding:3px; background:#59636a; color:#fff}
.mem_table .lstinfo_child > p.infochild_tit span{padding-left: 20px; background:url(../../images/member/ico_lstchild.png) no-repeat left 3px }
.mem_table .lstinfo_child > ol{padding: 5px}
/*모바일 아래에서 표 내용이 너무많을때 사이즈 고정후 스크롤 하기 테이블 감싸고 있는 div한테 table_scroll 클래스 주면됨*/	
.mem_table .esslst{display: inline-block; height: 18px; margin: -3px 0 0 5px; vertical-align: middle}
.scroll_txt{display: none}
.table_scroll{overflow-x: auto; position: relative}
.table_scroll table {min-width:400px}
/*표_색상:회색(기본) - !!!!!!!!!!!!!table_scroll이 적용 안되는 테이블은 각페이지 고유 클래스 하위 mem_table에 overflow: hidden 줘야함*/
.mem_table {overflow: hidden; width:100%; border-collapse:collapse; table-layout:auto; background:#fff; border:1px solid #d0d0d0}
.mem_table thead th { line-height:150%; padding:15px 3px;  border:1px solid #fff; border-top:1px solid #d0d0d0; vertical-align:middle;text-align:center; font-weight:400; color:#fff}
.mem_table tbody th {line-height:150%; background:#303d45; padding:15px 3px; border-bottom:1px solid #d0d0d0; text-align:center; font-weight:500; vertical-align:middle; color:#fff}
.mem_table tbody th.bg_type{background: #3c7093}
.mem_table tbody th br{display: none}
.mem_table tbody td {line-height:150%; padding:8px; border-bottom:1px solid #d0d0d0; border-left:1px solid #d0d0d0; text-align:center; vertical-align:middle; font-weight:400} 
.mem_table tbody td.bg_type{background: #f1f1f1}
.mem_table tbody td.border_bold{border-bottom:2px solid #d0d0d0}
.mem_table tbody tr:last-child th, .mem_table tbody tr:last-child td{border-bottom: none}
.mem_table.tdtxt_left tbody td{text-align: left}
/*col class 선언영역*/
.wdtfix{width:40px}
.wdt1{width: 1%}
.wdt2{width: 2%}
.wdt3{width: 3%}
.wdt4{width: 4%}
.wdt5{width: 5%}
.wdt6{width: 6%}
.wdt7{width: 7%}
.wdt8{width: 8%}
.wdt9{width: 9%}
.wdt10{width: 10%}
.wdt11{width: 11%}
.wdt12{width: 12%}
.wdt13{width: 13%}
.wdt13_5{width: 13.5%}
.wdt14{width: 14%}
.wdt15{width: 15%}
.wdt16{width: 16%}
.wdt17{width: 17%}
.wdt18{width: 18%}
.wdt19{width: 19%}
.wdt20{width: 20%}
.wdt25{width: 25%}
.wdt30{width: 30%}
.wdt35{width: 35%}
.wdt40{width: 40%}
.wdt45{width: 45%}
.wdt50{width: 50%}
.wdt55{width: 55%}
.wdt60{width: 60%}
.wdt65{width: 65%}
.wdt70{width: 70%}
.wdt75{width: 75%}
.wdt80{width: 80%}
.wdt90{width: 90%}
.wdtauto{width: auto}

/**인풋관련 선언**/
input[type="checkbox"]{margin: -2px 3px 0 0}
input.lst_check[type="checkbox"]{margin: 0}
input[type="radio"]{margin: 3px 5px 0 0; border-color:#fff}
input::placeholder, textarea::placeholder {color:#b9b9b9; font-weight: 400; font-size: 15px; font-family:PTD}
input:read-only {background:#f0f0f0; cursor: default}  
.sedu_member label{font-family:PTD}

input, button, label, select {font-size:1em}
.button {vertical-align:-1px; margin:0 4px}

input[type="text"], input[type="number"], input[type="date"], input[type="nunmber"], input[type="password"]  {padding:7px 8px;  box-sizing: border-box}
input[type="date"] {position:relative; background-image:url(../../images/czapp/bg_date_ico.png); background-repeat: no-repeat; background-position: right 5px top 50%; cursor: pointer;-webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important}
input[type='date']::-webkit-calendar-picker-indicator {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; color: transparent;  cursor: pointer}
.input_base {width:100%; height:38px; background-color:#fff; border:1px solid #c7c7c7}

/* label이 input에 포함되어 있을경우*/
.cate_lst{position: relative; height: 33px; padding:4px 5px; border-radius: 3px; border:1px solid #dcdcdc; box-sizing: border-box}
.cate_lst .name_tit {display: inline-block; width: 60px; padding: 0 5px 0 0; border-right: 1px solid #ccc;font-size: 14px; text-align: center}
.cate_lst .cate_input{display: block; margin: -22px 0 0 70px}
.cate_lst .input_base{width: 100%; height: auto; padding: 2px; border:none}

/*textarea공통사항 지정영역*/
textarea.area_write{width: 100%; height: 160px; padding: 5px; border-radius: 8px; border:1px solid #dcdcdc; box-sizing: border-box}

/*select공통사항 지정영역*/
select {width:100%; height:38px; padding:7px 30px 7px 12px; cursor: pointer ; appearance:none; background:#fff url(../../images/czapp/bg_selarr.png) no-repeat right 10px top 50% ;  border:0; box-sizing:border-box; font-size:1em}
select::-ms-expand {display:none; /*for IE10,11*/}
.sel_base {background-color:#fff}
.selbox {width: 100%}

/*radio공통사항 지정영역*/
.tb_radio > p{float: left; margin-right: 15px}
.tb_radio > p:last-child{margin-right: 0}
.tb_radio .radio_ico{margin: -2px 2px 0 2px }
.tb_radio.radio_center{text-align: center}
.tb_radio.radio_center > p{float: none; display: inline-block}
/*라디오버튼=커스텀*/
.radio_custom input[type=radio] {display: none}
.radio_custom label {display: block;margin: 0 auto; height: -webkit-fill-available;line-height: 25px; padding: 10px 15px; border-radius: 10px; border: 1px solid #dcdcdc; background: #ececec; border-radius: 8px; text-align: left}
.radio_custom input[type=radio]:checked + label {border: 1px solid #1d9ad4; background:url(../../images/app/ico_radiock_a.png) no-repeat right 16px center #20a4e2; border-radius: 8px; color: #fff}
.radio_custom label:hover {color: #666}
.radio_custom input[type=radio] + label {background:url(../../images/app/ico_radiock.png) no-repeat right 16px center #f7f7f7; border: 1px solid #dcdcdc; color: #2a2a2a}

/*check공통사항 지정영역*/
.tb_check > p{float: left; margin-right: 13px}
.tb_check > p:last-child{margin-right: 0}
.allcheck {text-align: center}
.allcheck label{font-weight: 500}


/*==================================================================================================================*/
/*=============================================★회원(로그인 관련 스타일)★=============================================*/
/*==================================================================================================================*/
/**인풋관련 선언**/
/*로그인 파트*/
.sedu_member .input_mem{ width: auto; height:44px; padding: 5px; border-radius:5px; border:1px solid #dcdcdc; box-sizing: border-box}
.input_mem.input_long{width:100%}

/*로그인 관련 버튼공통 선언(button)*/
/**로그인 버튼**/
.mem_btm ul.btnlst{text-align:center}
.mem_btm ul.btnlst li{display: inline-block}
/*버튼타입*/
.mem_btm button{display:inline-block; width: 190px; height: 50px; line-height: 50px; border-radius:50px; margin:0 5px; background: #b9b9b9; font-weight: 500; font-size: 15px; color:#fff; box-shadow:0 2px 3px rgba(0, 0, 0, 0.1); box-sizing: border-box; transition:all .3s}
/*아이디찾기*/
.mem_btm button.findid{background: #328cf1}
.mem_btm button.findid:hover{background: #1257a4}
/*비밀번호찾기*/
.mem_btm button.findpw{background: #328cf1}
.mem_btm button.findpw:hover{background: #1257a4}
/*다시찾기*/
.mem_btm button.findagain{background: #f44c2b}
.mem_btm button.findagain:hover{background: #c73012}
/*확인*/
.mem_btm button.mem_ok{background: #328cf1}
.mem_btm button.mem_ok:hover{background: #1257a4}
/*확인*/
.mem_btm button.mem_next{background: #328cf1}
.mem_btm button.mem_next:hover{background: #1257a4}
/*취소*/
.mem_btm button.mem_cancel{background: #929292}
.mem_btm button.mem_cancel:hover{background: #575757}
/*탈퇴하기*/
.mem_btm button.mem_exit{background: #ff4027}
.mem_btm button.mem_exit:hover{background: #bc2a17}

/*회원 공통*/
.login, input, select, label, textarea, button{font-family: PTD}
.sedu_member {width:100%}
.sedu_member .mem_tit{position: relative; padding: 20px 5px; border-radius:15px 15px 0 0; background:#0e96ac; text-align: center; color:#fff; font-size:20px}
.sedu_member .mem_wrap{padding:15px; border:1px solid #ccc; border-top:0; border-radius:0 0 15px 15px; box-sizing: border-box}
.sedu_member .mem_line{position: relative; margin: 0 230px}
.sedu_member .memtxt {padding: 10px 0 23px; margin-bottom: 35px; border-bottom:4px double #dbdbdb; text-align: center}
.sedu_member .memtxt p{display: inline-block; padding:1px 0 1px 28px; background:url(../../images/member/txtico_v1.png) left 1px no-repeat; font-size:1.071em; text-align:left}
.sedu_member .mem_line ul:after {content:""; clear:both; display:block}
.sedu_member .mem_line ul li {display:inline-block; float:left; width:100%;color:#2c211d; margin:0 0 10px; line-height:130%;font-size:1.083em}
.sedu_member .mem_line ul li:last-child{margin-bottom: 0}
.sedu_member .mem_btm{position: relative; display:flex; justify-content:center; align-items:center; margin-top: 33px; padding:20px; border-radius:5px 5px 15px 15px; background: #f1f1f1}
.sedu_member ul li{position: relative}
.sedu_member .find_tit{position: absolute; top:16px; left:0}
.sedu_member .find_input{padding-left: 120px}
.sedu_member .checkid{height: 50px; line-height: 50px}
.sedu_member .mem_tit span {padding:3px 0 3px 30px; background:url(../../images/member/blt_memtit_log.png) no-repeat 0 50%}

/*로그인*/
.sedu_member.login {padding:20px 0}
.sedu_member.login .mem_tit{font-size:24px}
.sedu_member.login .mem_line{margin: 0 230px}
.sedu_member.login .mem_line ul {margin-right: 133px}
.sedu_member.login .mem_line .log_btn{position: absolute; top:0; right:0}
.login .log_btn button.btn_login {clear:both; display:block; width: 123px; height:98px; background:#5a5a5a; color:#fff;font-size:16px; font-weight:500; border-radius:5px; transition:all .3s}
.login .log_btn button.btn_login span{display:inline-block; padding-top: 42px; background-image:url(../../images/member/btn_login.png); background-position:center top; background-repeat:no-repeat}
.login .log_btn button.btn_login:hover{background:#ff796f}
.login .mem_btm ul {margin:0 10px; width:calc(100% - 380px)}
.login .mem_btm ul li {position:relative; padding-left: 13px; margin-bottom: 3px; line-height: 140%}
.login .mem_btm ul li:after {content:""; display:block; position:absolute; top:7px; left:0; width:5px; height:5px; background:#5a5a5a; border-radius:50px}
.login .mem_btm ul li:last-child{margin-bottom: 0}
/*.login .mem_btm .btm_btn{position: absolute; top:18px; right:20px}*/
.login .mem_btm .btm_btn {display:flex; width:370px}
.login .mem_btm .btm_btn p{display:block; margin-left: 10px; width:100%; text-align:center}
.login .mem_btm .btm_btn p:first-child{margin-left: 0}
.login .mem_btm .btm_btn p a{display: block; padding: 10px 20px; border-radius:5px; background: #dbdbdb; transition:all .3s}
.login .mem_btm .btm_btn a:hover{background: #5c5c5c; color:#fff}

/*아이디찾기*/
.find_id .mem_line {position: relative; margin:20px 230px 40px; box-sizing: border-box}
.find_id ul {margin-right:0}
.find_id ul li{position: relative}
.find_id .find_input{padding-left: 120px}
.find_id .find_tit{position: absolute; top:16px; left:0}

/*비밀번호 찾기*/
.find_pw .mem_line {position: relative; margin:20px 180px 30px; box-sizing: border-box}
.sedu_member.find_pw .mem_tit span {background:url(../../images/member/blt_memtit_pw.png) no-repeat 0 50%}
.find_pw ul {margin-right:0}
.find_pw ul li{position: relative}
.find_pw .find_input{padding-left: 120px}
.find_pw .find_tit{position: absolute; top:16px; left:0}
.find_pw .find_txt{margin: 10px 0 0 120px; padding:3px 0 3px 28px; background:url(../../images/member/txtico_v1.png); background-repeat:no-repeat; background-position:left 3px; color:#272727; font-weight: 500; font-size: 15px}
.find_pw .mem_line.line2{margin: 20px 180px 40px}
.find_pw .mem_line.line2 .find_input{padding-left: 130px}
.find_pw .mem_line.line2 .find_txt{margin-left: 130px}
/*메일박스*/
.find_pw .mail_btn{position: relative; margin-bottom: 10px}
.find_pw .mail_btn > span{ display: block; padding-right: 120px}
.find_pw .mail_btn .btn_findnum{position: absolute; top:0; right:0; width: 110px; height:44px; line-height:44px; border-radius: 5px; background: #3b5160; color:#fff; font-size: 14px; transition: all .5s}
.find_pw .mail_btn .btn_findnum:hover{background:#328cf1}
.find_pw .mail_lst02{padding-left: 120px}
/*결과*/
.find_result .memtxt .name{color:#007eff}
.find_result .result_txt{margin: 10px 0 0; font-size: 15px; font-weight: 500; text-align: center}
/*성공*/
.find_result .result_form.success{padding-top:72px; background:url(../../images/member/bg_find_success.gif) center top no-repeat}
.find_result .result_form.success span{display:block; padding: 6px 5px 3px; margin: 15px 50px 0; border-radius: 30px; background: #e9e9e9; font-size: 14px; font-weight: 400}
/*실패*/
.find_result .result_form.fail{padding-top:72px; background:url(../../images/member/bg_find_fail.gif) center top no-repeat}
.find_result .result_form.fail span{color:#ff1414; font-weight: 500}

/*비밀번호찾기_변경*/
.pw_change .Login_line {position: relative; width: 557px; margin:30px auto 40px}
.pw_change ul {margin-right:0}
.pw_change ul li:after {content:""; clear:both; display:block; height:0; visibility:none}
.pw_change ul li > p{float: left}
.pw_change .find_tit{width: 110px; height: 40px; line-height: 40px; font-weight: 500; font-size: 15px}
.pw_change .find_input{width: 447px}
.pw_change .user_pw{height: 40px; line-height: 40px; font-weight: 500}
.pw_change .find_input span{display: none}
.pw_change ul li div.newpw_box{float: left; width: 447px}
.pw_change .newpw_box{position: relative; margin-bottom: 10px}
.pw_change .newpw_box > span{ display: block; padding-right: 100px}
.pw_change .newpw_box .btn_findnum{position: absolute; top:0; right:0; width: 95px; height: 40px; line-height: 40px; border-radius: 3px; background: #3b5160; color:#fff; transition: all .5s}
.pw_change .newpw_box .btn_findnum:hover{background:#328cf1}
.pw_change ul.find_txt{margin-top: 10px; padding-left: 20px; background:url(../../images/member/ico_lstinfo.png); background-repeat:no-repeat; background-position:left 3px; color:#5c5c5c; font-weight:500; font-size: 13px}
.pw_change ul.find_txt li{margin-bottom: 3px}

/*정보변경 폼*/
/*공통*/
.info_modi{position: relative}
.info_modi .input_form{margin-top: 20px; border-top:1px solid #d6d6d6}
.info_modi .top_line{margin-bottom: 45px; padding: 10px 5px 0; border-top:1px solid #d6d6d6}
.mem_modi .input_tb {margin: 23px 0 0}
.mem_modi ul li{position: relative; margin-bottom: 15px}
.mem_modi ul li:last-child{margin-bottom: 0}
.mem_modi .if_tit{position: absolute; top:16px; left:0; font-size: 16px}
.mem_modi .if_input{margin-left:120px}
.mem_modi .input_mem.date_cal{width:100%; padding: 4px 10px; background: url(../../images/member/ico_cal.gif) no-repeat right center #fff; -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important}
/*기본 안내문구*/
.mem_modi .info_basic{padding:3px 0 3px 25px; margin-top: 10px; background:url(../../images/member/txtico_v3.png) left 2px no-repeat; font-size: 14px}

.info_modi .essential_txt { padding:10px; margin-bottom:10px; border-radius:5px;background:#eee}
.info_modi .essential_txt span {color:#f00}
/*커스텀 라디오-성별선택*/
.mem_modi .radio_custom_box > div{display: inline-block}
.mem_modi .user_sex{display: flex; width: 450px; flex-wrap: wrap; justify-content: space-between}
.mem_modi .user_sex .radio_custom{position: relative; width: calc(100% / 2 - 6px)}
/*인풋bg스타일*/
.mem_modi .bg_type{padding: 10px; background: #f3f3f3; border-radius: 8px}
.mem_modi .bg_type .input_item{position: relative; width: auto; height: 45px; padding: 5px 5px 5px 110px; margin-bottom: 5px; border-radius: 8px; border:1px solid #dcdcdc; background: #fff; box-sizing: border-box}
.mem_modi .bg_type .input_item:last-child{margin-bottom: 0}
.mem_modi .bg_type .input_item .item_tit{display: block; position: absolute; top:5px; left:5px; width: 100px; height: 33px; line-height: 33px; border-radius:5px; background: #49515a; text-align: center; color:#fff; font-size: 14px}
.mem_modi .bg_type input.input_join{background:none; height: 33px; border-radius:5px; border-color:#f1f1f1}
.mem_modi .bg_type input.input_join::placeholder{font-size: 14px}
/*경고 확인버튼영역/커스텀 라디오*/
.mem_modi .user_answer{position: relative; padding: 7px; margin-top: 10px; border-radius:8px; border:2px solid #ff472e}
.mem_modi .radio_posi{position: absolute; top:5px; right:5px}
.mem_modi .radio_posi > div{display: inline-block; margin-left: 3px}
.mem_modi .user_answer .check_txt{font-size: 14px; color:#ff472e}
.mem_modi .user_answer .check_txt span{display: block; padding: 5px 0 4px 28px; background:url(../../images/member/ico_warning.gif) left 2px no-repeat}

/* 회원탈퇴 */
.member_exit {clear:both; width:100%; font-size: 1.154em}
.member_exit .mtop_div {width:auto; padding:15px 10px; margin-bottom: 15px; background:#3b5160; border-radius:50px; text-align:center}
.member_exit p.member_top {clear:both;  text-align:left; color:#fff;  display:inline-block}
.member_exit p.member_top span {color:#ffdf43; font-weight:500}
.memexit_box {width:auto; background:#fff}
.memexit_box ul li { margin-bottom: 15px}
.memexit_box ul li p.mexit_number {line-height:140%}
.memexit_box ul li p.mexit_con { padding:10px; line-height:150%; word-break:keep-all; background:#eee; border-radius:5px; margin-top:10px; font-size: 14px} 
.memexit_box ul li p.mexit_number span.exittxt01 {color:#044bff}
.memexit_box ul li p.mexit_con span.exittxt02 {color:#ff0000}
.memexit_box ul li p.mexit_con span.exitbox { display:block; padding:5px 0 0 0}
.memexit_box ul li p.mexit_con.exit_txt{height:100px}
.memexit_box ul li p.mexit_con textarea{width: 100%; height:100px; border-radius: 5px; box-sizing: border-box} 
.memexit_box .exit_reason {border:#c1c1c1 solid 1px;height:50px;line-height:26px; color:#666666; vertical-align:middle; width:97%; margin-bottom:10px}
.member_exit .joincheckDiv {width:auto; padding:10px; margin: 10px 0; background:#3b5160; border-radius:5px; text-align: center}
.member_exit p.joincheck02 {line-height:140%; color:#fff}
.member_exit .memtxt {padding: 10px 0 23px; margin-bottom: 35px; border-bottom: 1px solid #d6d6d6; text-align: center}
.member_exit .memtxt p{display: inline-block; padding:2px 0 0 27px; background:url(../../images/member/txtico_v1.png) left 1px no-repeat}


/* 정보변경 내 주소검색 버튼 추가 com2zoa_devteam 24.08.16*/
.info_modi .btn_addsrch{width: 174px; height: 45px; border-radius: 8px; background:#818181; text-align:right}
.info_modi .btn_addsrch span{display:block; padding:12px 0; margin:0 15px; background:url(../../images/layer/btn_addsrch.png) no-repeat left center; color:#fff; font-size:1.154em}
.info_modi .btn_addsrch:hover{background: #555}

.info_modi .input_add {margin-top:6px}
.info_modi .srchbox {position: relative; padding-right:183px}
.info_modi .srchbox .btn_addsrch{position: absolute; top:0; right:0}

/*==========================================================================*/
/*========================★가입(회원가입 관련 스타일)★========================*/
/*==========================================================================*/
/**인풋관련 선언**/
/*회원가입 파트*/
.sedu_member .input_join{ width: auto; height: 45px; padding: 5px; border-radius: 8px; border:1px solid #dcdcdc; box-sizing: border-box}
.sedu_member .input_essen{border-color:#ff3b0d}
.input_join.input_long{width:100%}
.input_join.date_cal{width: 450px; padding: 4px 10px; background: url(../../images/member/ico_cal.gif) no-repeat right center #fff; -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important}
input[type='date'] {position: relative}
input[type='date']::-webkit-calendar-picker-indicator {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; color: transparent;  cursor: pointer}

/**회원가입 하단버튼공통 선언(button)**/
/*버튼타입*/
.join_btm button {display:block; ; min-width:172px; min-height:44px; border-radius:5px; font-size:1.133em; color:#fff; box-shadow:4px 4px 0 rgba(0,0,0,0.12); transition:.3s}
.join_btm button:hover {transition:.3s; box-shadow:0 0 0 rgba(255,255,255,1)}
/*다음*/
.join_btm button.join_next {background:#2c85f3}
.join_btm button.join_next:hover {background: #2c88d5}
/*취소*/
.join_btm button.join_cancel {background: #a4a4a4}
.join_btm button.join_cancel:hover {background:#7f7f7f; color:#fff}
/*제출*/
.join_btm button.join_submit {background:#ff7242}
.join_btm button.join_submit:hover{background:#e16a41}
/* 아이디찾기 */
.join_btm button.join_findid {background:#ff7242}
.join_btm button.join_findid:hover{background:#e16a41}
/*확인*/
.join_btm button.join_ok {background:#ff7242}
.join_btm button.join_ok:hover{background:#e16a41}
/* 회원탈퇴 */
.join_btm button.join_exit {background:#ff4027}
.join_btm button.join_exit:hover{background:#bc2a17}
/* 다시검색 */
.join_btm button.join_findagain {background:#2c85f3}
.join_btm button.join_findagain:hover {background: #2c88d5}


.join_btm {display:flex; justify-content: center; align-items: center; gap:10px; border-top:1px solid #d4d4d4; padding:20px 0; margin-top:20px}
.join_btm ul.btnlst {display:flex; justify-content: center; align-items: center; gap:10px}
.join_btm ul li {display:block}
.join_btm ul li button {display:block; ; min-width:172px; min-height:44px; border-radius:5px; font-size:1.133em; color:#fff; box-shadow:4px 4px 0 rgba(0,0,0,0.12); transition:.3s}

/**내부버튼 공통 선언**/
.join_input .tb_input button{display:block; height: 45px; line-height: 45px; border-radius:8px; font-weight: 500; font-size: 15px; color:#fff; box-sizing: border-box; transition:all .3s}
.join_input .tb_input button span{display: block; margin: 0 15px}
/*아이디 중복확인*/
.btn_overlapid{width: 174px; height: 45px; border-radius: 8px; background:#818181; text-align: right}
.btn_overlapid span{ background:url(../../images/member/btn_overlapid.png) no-repeat left center}
.btn_overlapid:hover{background: #555}

/**회원가입 절차**/
.join_typestep {margin:30px 0}
.join_tsteptit {text-align: center; font-size:1.6em}
.join_tsteptit span {position:relative; display:inline-block; padding:5px 40px 15px; margin:0 10px 20px; border-bottom:1px solid #cdcdcd}
.join_tsteptit span:before {content:""; display: block; position: absolute; bottom:-3px; left:-10px; width:5px; height:5px; background:#5e5e5e; border-radius:50px}
.join_tsteptit span:after {content:""; display: block; position: absolute; bottom:-3px; right:-10px; width:5px; height:5px; background:#5e5e5e; border-radius:50px}
.join_typestep .join_step {margin-bottom: 35px}
.join_typestep .join_step ul {position:relative; display: flex; justify-content: space-between; width: 100%; gap:20px}
.join_typestep .join_step ul:before {content:""; display: block; position: absolute; top:50%; left:0; width:100%; height:3px; background:#e2e2e2; margin-top:-1px}
.join_typestep .join_step ul li {width:calc(100% / 3)}
.join_typestep .join_step ul li p {display: flex; justify-content: space-between; align-items: center}
.join_typestep .join_step ul li p {padding:12px; border:1px solid #d8d8d8; border-radius:10px; background:#fff}
.join_typestep .join_step ul li .step_num {padding:4px 18px; background:#b2b2b2; border-radius:50px; text-align: center; color:#fff; font-size:1.071em; color:#fff; font-weight:400}
.join_typestep .join_step ul li .step_txt {padding-right:10px; font-size:1.143em; font-weight:600}
.join_typestep .join_step ul li.on p {background:#27a1b7; border-color:#27a1b6}
.join_typestep .join_step ul li.on .step_num {background:#13505b; color:#fff}
.join_typestep .join_step ul li.on .step_txt {color:#fff}

/*이용약관*/
.join_terms .agree_tit {padding: 10px; margin-bottom: 10px; border-radius: 10px; color:#fff; text-align: center; font-size:1.133em}
.join_terms .agree_tit.agtit1{background: #4f6d7e}
.join_terms .agree_tit.agtit2{background: #19a7bc}
.join_terms .agree_tit.agtit3{background: #0c84b8}
.join_terms .join_agree {padding:16px 18px; margin-bottom: 30px; font-weight: 500; color:#000; background:#ececec; border-top:2px solid #5a5a5a; border-bottom:1px solid #5a5a5a}
.join_terms .joincheck {padding:16px 5px 0 7px;  color:#000; text-align:left}
.join_terms .terms_tb {overflow:auto; height:220px; padding:15px; background:#fff; border:1px solid #e2e2e2; border-radius:0; font-weight:300}

.terms_tb dl dd > p{margin-bottom: 5px}
.terms_tb dl dd > ol{padding:5px 0}
.terms_tb dl dd > ol > li >  ol {margin: 5px 7px}

/* 이용약관 */
.mem_atit {display:block; background:#2f5677; color:#fff; padding:10px; text-align:center; font-size:1.143em}
.join_terms dl {margin-bottom:10px}
.join_terms dl dt {font-weight:600; margin:5px 0; font-size:1em}
.join_terms dl dd {padding:5px 10px; font-size:1em}
.join_terms ul li {line-height:140%}
.join_terms .mem_agrcon {display: block; width:100%; margin:5px 0; padding:5px; background:#eee; border-radius:5px; box-sizing: border-box}

/*정보입력 폼*/
/*공통*/
.join_input {position: relative}
.join_input .input_tb {margin-top:10px; border-top:2px solid #13505b}
.join_input .essential_txt {text-align: right}
.join_input .essential_txt span {color:#f00}

/* 사이트 관리자 폼 영역 */
.input_box {display:flex; padding:8px; border-bottom:1px solid #d8d8d8}
.input_box:last-child {border:0}
.input_box .input_essent span {position:relative; display:inline-block; padding-right:14px}
.input_box .input_essent span:after {content:"*"; display:block; position:absolute; top:1px; right:0; color:#ff3e3e}
.input_box .input_tit {display:block; width:212px; padding:10px 5px; box-sizing: border-box; font-size:1.071em; font-weight:600; color:#000}
.input_box .input_tit span {font-weight:600}
.input_box .input_tit label {font-weight:600}
.input_box .input_txt {display:flex; align-items:center; width:calc(100% - 212px); gap:5px; flex-wrap:wrap; box-sizing: border-box}
.input_etcbox {display: block; width:100%; padding:10px 15px; box-sizing: border-box; font-size:0.935em; background:#ececec}
.input_etctxt {line-height:130%}
.info_msg span {display:block; margin-top:3px; padding:3px 0 3px 28px; background:url(../../images/member/blt_infomsg.png) no-repeat 0 3px; color:#ff2525}

.input_box .ipbox {width:100%}
.input_box .ip_btnbx {display:flex; gap:5px}
.input_box .ip_btnbx button {min-width:90px; padding:0 16px; background:#5a5a5a; color:#fff; text-align: center; border-radius:3px; box-sizing: border-box}
.input_box button.btn_teamsrch {background:#5a5a5a}
.input_box button.btn_idchk {background:#ff8156}
.input_box .radiobox {display:flex; gap:10px}
.input_box .radiobox .ipbox_area {padding-right:40px}

.fix_txt {padding:5px 10px}

/** 개인정보 재동의 **/
#header_reagree{height:65px; background: linear-gradient(90deg, #6ea0fe, #416cba)}
#join_reagree{position: relative; top:0; left:0; height:65px; margin: 0 auto}
#join_reagree h1 a {display:inline-block; padding:10px 20px; border-radius:10px 10px 0 0; background:#fff; text-align:center}
#join_reagree .reagree_top{padding:5px}
#join_reagree .topMn{position: absolute; top:25px; right:15px; z-index:100}
#join_reagree .topMn:after{content:""; clear: both; display: block;}
#join_reagree .topMn li{float: left; margin-left:8px}
#join_reagree .topMn li a{overflow:hidden; display:block; width:36px; height:36px; font-size:0; text-indent:-9999999px; border-radius:10px}
#join_reagree .topMn li:first-child a{background:#ccc url(../../images/member/icon_home.png) no-repeat center center}
#join_reagree .topMn li:last-child a{background:#878787 url(../../images/member/icon_sitemap.png) no-repeat center center}

.agree_againwrap{margin:40px auto; padding: 0 15px}
.agree_againwrap h2.again_tit {line-height:140%; padding:0 0 0 40px; margin: 5px 0; background:url(../../images/member/agr_tit.png) no-repeat left 10px; font-size: 20px; font-weight:500; color:#000}
.agree_againwrap .again_top{margin-top: 10px; text-align: center}
.agree_againwrap .again_top > p{padding-top:20px; border-top:1px solid #ccc; font-size:18px; font-weight:500; line-height: 140%; color:#000}
.agree_againwrap .again_top .top_tb{padding: 15px; margin: 15px 0 25px; background:#ededed; border-radius: 5px; line-height: 150%; font-weight: 500; font-size: 15px; color:#000}
.agree_againwrap .agree_tit .tit span{padding: 3px 10px}
.agree_againwrap .agree_tit .joincheck{margin:5px; padding:0}
.agree_againwrap .again_password{padding:10px; border-radius:0 0 5px 5px; border:1px solid #d4d4d4}
.again_password label{ height: 33px; line-height: 33px; margin-right: 10px; font-size:16px; font-weight:500; color:#000}
.again_password .pw_box > p{margin:-33px 0 0 70px}
.again_password .lstinfo_txt{padding:10px 7px 7px; margin:5px 0 0 70px; border-radius:3px; background:#f1f1f1; font-weight:500; font-size:13px}
.again_password .input_base{width: 100%; height: 33px; padding: 5px; border-radius: 3px; border:1px solid #ddd; font-weight: 500; font-size: 14px; box-sizing: border-box}
/* 이용약관 */
.agree_againwrap .join_agreebox{position: relative; overflow: hidden}
.agree_againwrap .join_agreebox .agree_tit{display:flex; justify-content:space-between; align-items:center; padding:0}
.agree_againwrap .agree_tit .tit {padding:5px 10px 5px 28px; background:url(../../images/member/agr_tit2.png) no-repeat 0 6px; font-size: 18px; font-weight:500; color:#000}
.agree_againwrap .agree_tit .tit span{display: inline-block; padding: 3px 10px 1px; margin-left: 10px; border-radius: 50px; background:#ff4b4b; color: #fff; font-size:15px}
.agree_againwrap .agree_tit .joincheck {font-weight:400; font-size:15px}
.agree_againwrap .terms_tb{overflow: auto; width: auto; height:230px; padding:10px 15px; margin-bottom: 20px; border-radius:0 0 5px 5px; margin-top: 0; border: #ccc solid 1px; line-height: 130%; font-size:15px; line-height: 140%; font-weight:400}
.agree_againwrap .terms_tb .terms_tit{padding: 5px 0; margin-bottom: 5px; color:#000; font-weight: 600; font-size: 15px}
.agree_againwrap .join_agreebox .allcheck{padding:0 0 20px; text-align: center; font-weight:500}

/*하단 공통 버튼*/
.agreebtn_wrap{margin-top: 25px; padding-top: 20px; border-top:1px solid #d4d4d4; text-align: center}
.agreebtn_wrap .agreebtn{display:inline-block; width:180px; height:42px; line-height:42px; margin: 0 5px; border-radius:10px; background:#dedede; color:#fff; font-size:15px; transition: 0.6s}
.agreebtn_wrap .agreebtn01{ background: #ff4d3a}
.agreebtn_wrap .agreebtn01 span{display:inline-block}
.agreebtn_wrap .agreebtn01:hover{background: #1b2d39}
.agreebtn_wrap .agreebtn02{background:#dedede; color:#4c4c4c}
.agreebtn_wrap .agreebtn02 span{padding:0; color:#000}
.agreebtn_wrap .agreebtn02:hover{background:#cecece}

/* 재동의 수정화면 */
.memjoin_agree .mem_atit {font-size:1.308em; font-weight:600}
.memjoin_agree .agree_box {border-top:2px solid #5a5a5a; margin-bottom:20px; padding:10px 0; background:#fff}

/* member 상단문구 */
.mem_toplst {display:flex; justify-content:flex-start; align-items: center; padding:16px 18px; border:1px solid #d3d3d3; border-radius:10px; margin-bottom:20px}
.mem_toplst .memtop_ico {padding-right:10px}
.mem_toplst ul li {padding:0 0 0 10px; margin-top:5px; background:url(../../images/member/blt_memtop_lst.png) no-repeat 0 8px}
.mem_toplst ul li:first-child {margin-top:0}
.sedu_member .col_red {color:#ff352b}

/* 기관단체명 검색 */
.new_box.memsrch_box {width:390px; padding:0 20px 20px; box-sizing: border-box; border:1px solid #eee; border-top:0}
.new_wrap input, .new_wrap select, .new_wrap label, .new_wrap button {font-family:PTD}
/* 새창 인풋 셀렉트 기본 폼 스타일 */
.new_wrap input[type="text"], .new_wrap input[type="number"], .new_wrap input[type="date"], .new_wrap input[type="number"] {padding:5px 6px; height:34px; box-sizing: border-box}
.new_wrap input[type="date"] {position:relative; background-image:url(../../images/czapp/bg_date_ico.png); background-repeat: no-repeat; background-position: right 5px top 50%; cursor: pointer;-webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important}
.new_wrap input[type='date']::-webkit-calendar-picker-indicator {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; color: transparent;  cursor: pointer}
.new_wrap .input_base {width:100%; border:1px solid #d3d3d3; border-radius:3px}
.new_wrap input::placeholder {color:#b9b9b9}

.memsrch_box .new_top {position:relative}
.memsrch_box .new_top .nbtn_close {position: absolute; top:0; right:-20px; width:40px; height:40px; background:#ff8156 url(../../images/member/btn_mem_close.png) no-repeat 50% 50%; border-radius:0 0 0 10px; font-size:0; }
.memsrch_box .new_top .ntit {padding:13px 0; text-align: center; border-bottom:1px solid #757575; margin-bottom:20px}
.memsrch_box .new_top .ntit span {display:inline-block; padding:10px 0 10px 40px; background:url(../../images/member/blt_mem_srchtop.png) no-repeat 0 50%; font-size:24px; color:#000; font-weight:600}
.memsrch_box .srch_con {display:flex; justify-content: space-between; width:100%; gap:5px; margin-bottom:20px}
.memsrch_box .srch_con .btn_srch {width:90px; text-align: center; background:#215c77; border-radius:4px}
.memsrch_box .srch_con .btn_srch span {display: inline-block; padding:7px 0 7px 20px; background: url(../../images/member/btn_mem_srch.png) no-repeat 0 50%; color:#fff}
.memsrch_boxlst {background:#e3e3e3; min-height:270px}

.memsrch_box .scroll_st {overflow-y: auto; height:276px; padding:0; box-sizing: border-box; border-radius:0}
.memsrch_box .scroll_st ul li {position:relative; display:flex; justify-content: space-between; background:#fff;overflow: hidden; margin:7px}
.memsrch_box .scroll_st ul li button {position:absolute; top:0; right:0; width:50px; height:38px; background:#fc8a36; color:#fff; transition:.3s}
.memsrch_box .scroll_st ul li:hover button {background:#ff8156}
.memsrch_box .scroll_st ul li .result_txt {display: flex; width:100%; box-sizing:border-box; padding:0 10px}
.memsrch_box .scroll_st ul li {font-size:15px}
.memsrch_boxlst .no_result {padding:56px 0; text-align: center}
.memsrch_boxlst .no_result span {display:inline-block; padding:100px 0 10px; background: url(../../images/member/bg_mem_nodata.gif) no-repeat 50% 0; font-size:15px; font-weight:500}
.memsrch_box .scroll_st ul li .sch_name {display:block; width:100%; padding:11px 0 12px; box-sizing: border-box}

.memsrch_area p.result_txt {font-size:14px; margin-bottom:10px}
.memsrch_area p.result_txt .col_red {color:#f00; font-weight:500}

/* ========================= MOBILE LAYOUT ===================== */
@media only screen and (max-width:1024px) {
.sedu_member {font-size:1.077em}

/*==================================================================================*/
/*==========================★회원(로그인 관련 스타일)★================================*/
/*==================================================================================*/
/*버튼공통 선언(button)*/
/**로그인 버튼**/
/*버튼타입*/
.mem_btm button{width: 160px; height: 40px; line-height: 40px; font-size: 14px}

/*회원파트 인풋관련 선언*/
input::placeholder, textarea::placeholder {font-size: 14px}
.sedu_member .input_mem{height:40px}

/*회원 공통*/
.sedu_member {width:100%}
.sedu_member .mem_tit{padding: 18px 5px; font-size:18px}
.sedu_member .mem_wrap{padding: 15px}
.sedu_member .memtxt {padding: 10px 0 23px; margin-bottom: 25px; border-bottom: 1px solid #d6d6d6; text-align: center}
.sedu_member .mem_line{position: relative; margin: 0 10px}
.sedu_member .mem_line ul:after {content:""; clear:both; display:block; height:0; visibility:none}
.sedu_member .mem_line ul li {display:inline-block;float:left;width:100%;color:#2c211d; margin:0 0 10px; line-height:130%;font-size:1.083em}
.sedu_member .mem_line ul li:last-child{margin-bottom: 0}
.sedu_member .mem_btm {flex-wrap:wrap; margin-top: 20px; gap:10px}
.sedu_member .checkid{height: 50px; line-height: 50px}
.sedu_member .mem_tit span {padding:4px 0 4px 30px}

/*로그인*/
.sedu_member.login {padding:20px 0}
.sedu_member.login .mem_tit{font-size:20px}
.sedu_member.login .mem_tit::after{display: none}
.sedu_member.login .mem_line{margin: 0 10px}
.sedu_member.login .mem_line ul {margin-right: 99px}
.login .mem_line .log_btn{position: absolute; top:0; right:0}
.login .log_btm{position: relative; margin-top: 28px}
.login .mem_btm ul {width:100%}
.login .mem_btm .btm_btn{position: relative; padding:0; width: 100%; display: flex; justify-content: space-between; gap:5px; z-index: 1}

/*비밀번호 찾기*/
.find_pw .mem_line.line2{margin: 0 10px}
/*메일박스*/
.find_pw .mail_btn .btn_findnum{height:40px; line-height:40px}

/*정보입력 폼*/
/*커스텀 라디오-성별선택*/
.mem_modi .user_sex{width:100%}
    
/*개인정보 재동의*/
#header_reagree {height:56px}
#join_reagree {height:56px}
#join_reagree .topMn li a {width:32px; height:32px; border-radius:5px}
#join_reagree .reagree_top {padding:10px 5px 0}
#join_reagree h1 a {padding:10px}
#join_reagree h1 a img {width:180px}
#join_reagree .topMn {top:15px}
.agree_againwrap {margin:20px auto}
.agree_againwrap h2.again_tit {font-size:18px; background-position:left 7px}
.agree_againwrap .again_top > p {font-size:16px}
.agree_againwrap .again_top .top_tb {font-size:14px}
.memjoin_agree .mem_atit {font-size:1.231em}
.agree_againwrap .join_agreebox .agree_tit {flex-wrap:wrap}
.agree_againwrap .join_terms .agree_tit {text-align:left}
.agree_againwrap .agree_tit .tit {width:100%; font-size:16px; padding:5px 0 5px 25px}
.agree_againwrap .agree_tit .tit span {font-size:13px; margin-left:5px}
.agree_againwrap .agree_tit .joincheck {width:100%; text-align:right}
.agree_againwrap .terms_tb {font-size:14px}
.memjoin_agree .agree_box {margin-bottom:0}

/*====================================================================================*/
/*==============================★가입(회원가입 관련 스타일)★============================*/
/*====================================================================================*/
/**인풋관련 선언**/
/*회원가입 파트*/
.input_join.date_cal{width: 100%}

/*회원가입 절차*/
.join_typestep .join_step ul > li::after{bottom:101px}
.join_step ul > li p::after{top:-110px; width:90px; height: 90px; margin-left: -46px}
/*회원유형 선택*/
.join_typestep .type_choice ul.step_lst > li{width: calc(100% / 4 - 15px); height: 116px}
.type_choice .bt_tit{margin-left: -50px; font-size: 15px}
    
/*정보입력 폼*/
/*공통*/
.join_input .essential_txt{top:-5px}
/*커스텀 라디오-성별선택*/
.input_form .user_sex{width:100%}
    
/* member 상단문구 */
.mem_toplst {padding:10px 14px}
.mem_toplst .memtop_ico {display:none}
.mem_toplst ul li {background-position:0 7px}
    
.join_tsteptit {font-size:1.429em}
.join_tsteptit span {padding:5px 30px 10px; margin-bottom:15px}
.join_typestep .join_step ul {gap:10px}
.join_typestep .join_step ul li p {padding:10px}
.join_typestep .join_step ul li .step_txt {font-size:1.071em}
.join_typestep .join_step ul li .step_num {padding:2px 14px; font-size:1em}
    

/* 하단 버튼 영역 */
.join_btm {margin-top:20px}
.join_btm ul.btnlst {width:100%}
.join_btm ul li {width:100%}
.join_btm ul li button {min-width:inherit; width:100%; min-height:38px; font-size:1.077em}
    
/* 이용약관 동의 */
.join_terms .join_agree {padding:10px}
.join_terms .terms_tb {padding:10px}
.join_terms .joincheck {padding:10px 5px 0 5px}
    
/* 회원가입 폼 */
.input_box {display:block; padding:8px 0}
.input_box .input_tit {width:100%; padding:0 10px 8px; border-bottom:1px dashed #dbdbdb}
.input_box .input_txt {width:100%; padding:10px 0 5px; box-sizing: border-box}

.input_box .ip_btnbx button {min-width:120px; padding:0; letter-spacing:-0.6px}
.input_box .ip_btnbx input {width:calc(100% - 120px)}
.fix_txt {padding:0 10px}
.input_box .radiobox .ipbox_area {padding-right:20px}
    
}

/* ================== PC LAYOUT ================= */
@media only screen and (min-width:1025px) {
/*개인정보 재동의*/
#header_reagree .reagree_top{position: relative; max-width: 1400px; margin: 0 auto}
#header_reagree .reagree_top > div {margin:10px 0 0; background:#fff; border-radius:15px 15px 0 0 }
.agree_againwrap{max-width:1400px; padding:0 10px; box-sizing:border-box}
    
/* 위드값(px) */
.wdt100 {width:100%}
.wid50 {width:50px !important}
.wid60 {width:60px !important}
.wid70 {width:70px !important}
.wid80 {width:80px !important}
.wid90 {width:90px !important}
.wid100 {width:100px !important}
.wid110 {width:110px !important}
.wid120 {width:120px !important}
.wid130 {width:130px !important}
.wid140 {width:140px !important}
.wid150 {width:150px !important}
.wid160 {width:160px !important}
.wid180 {width:180px !important}
.wid200 {width:200px !important}
.wid210 {width:210px !important}
.wid220 {width:220px !important}
.wid240 {width:240px !important}
.wid250 {width:250px !important}
.wid280 {width:280px !important}
.wid300 {width:300px !important}
.wid350 {width:350px !important}
.wid400 {width:400px !important}
.wid450 {width:450px !important}
.wid500 {width:500px !important}  
    
}

/* ======================== LOWSET FIx ======================== */

@media only screen and (max-width:900px) {
/*회원 공통*/
.sedu_member .mem_wrap{padding: 10px 10px 5px}
.sedu_member .memtxt {padding: 10px 0 15px; margin-bottom: 12px}
.sedu_member .mem_line{margin: 0}
.sedu_member .mem_btm {margin-top:15px; padding: 10px}

/*로그인*/
.sedu_member.login {padding:10px 0}
.login .mem_line ul {margin-right: 100px}
.login .log_btn button.btn_login {width: 90px; height: 90px; font-size:15px}
.login .mem_btm .btm_btn p{display: block; width:100%; padding:5px 0 0; margin: 0; text-align: center; box-sizing: border-box; gap:5px}
.login .mem_btm .btm_btn p a{padding:7px 10px}
}


@media only screen and (max-width:750px) {
/**회원가입 영역**/
/*회원가입 절차*/
.join_typestep .join_step ul {flex-wrap: wrap; gap:4px}
.join_typestep .join_step ul li {width:100%}
.join_typestep .join_step ul li p {padding:5px 7px}
}


@media only screen and (max-width:605px) {
/* 테이블 */
.mem_table{font-size: 1.000em}
.mem_table .lstinfo_txt, .mem_table .lstinfo_lst{background-position:left top; font-size:0.857em; line-height: 140%}
.mem_table tbody th{font-size: 1.000em}
.mem_table tbody th br{display: block}
.mem_table .esslst{display:block; height: 18px; margin:0; vertical-align: middle}
}

@media only screen and (max-width:565px) {

/*==================================================================================================================*/
/*=============================================★회원(로그인 관련 스타일)★=============================================*/
/*==================================================================================================================*/
/*버튼공통 선언(button)*/
/**로그인 버튼**/
.mem_btm ul.btnlst li{display:block; margin-bottom: 10px}
.mem_btm ul.btnlst li:last-child{margin-bottom: 0}
/*버튼타입*/
.mem_btm button{width: 80%; margin: 0}

/*회원 공통*/
.sedu_member label{font-size: 14px}
/*아이디찾기*/
.find_id .find_input{padding-left:95px}
.find_id .find_tit{position: absolute; top:16px; left:0}
/*비밀번호 찾기*/
.find_pw .find_input{padding-left: 105px}
.find_pw .find_txt{margin-left: 0; padding:10px 10px 10px 34px; background-color:#f2f2f2; background-position:left 10px top 10px; font-size: 14px}
.find_pw .mem_line.line2 .find_input{padding-left: 105px}
.find_pw .mem_line.line2 .find_txt{margin-left:0}
/*메일박스*/
.find_pw .mail_btn > span{padding-right:0}
.find_pw .mail_btn .btn_findnum{position: relative; margin-top: 10px; width: 100%; height: 35px; line-height: 35px}
.find_pw .mail_lst02{padding-left: 105px}
/*결과*/
.find_result .result_txt{font-size: 14px}
/*성공*/
.find_result .result_form.success {margin-top:5px; padding-top:48px; background-size:50px auto}
.find_result .result_form.success span{margin: 15px 0 0; border-radius: 5px}
/*실패*/
.find_result .result_form.fail {margin-top:5px; padding-top:48px; background-size:50px auto}

/*정보변경 폼*/
/*공통*/
.info_modi .input_form{margin-top: 10px}
.info_modi .essential_txt{display: block;position: relative; top:0; padding:7px 15px 6px; text-align: right}
.mem_modi .input_tb {margin: 15px 0 0}
.mem_modi .input_tb ul li{position: relative; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc}
.mem_modi .input_tb ul li:last-child{border-bottom:none; padding-bottom: 0}
.mem_modi .if_tit{position: relative; top:0; padding-left: 2px; margin-bottom: 10px; background-position:left 3px; font-size: 14px}
.mem_modi .if_input{margin-left:0}
.mem_modi .checkid{padding: 5px; height: 40px; line-height: 30px; border-radius: 8px; border:1px solid #dcdcdc; background: #f1f1f1; box-sizing: border-box}
/*중복체크 문구*/
.mem_modi .info_msg{position: relative; margin:7px 0 0}
.mem_modi .info_msg span{display: block; position: relative; padding-left: 47px; color:#ff472e; font-size: 13px}
/*커스텀 라디오-성별선택*/
.mem_modi .user_sex .radio_custom label{height: 40px; box-sizing: border-box}
/*인풋bg스타일*/
.mem_modi .bg_type .input_item{padding: 5px 5px 5px 80px}
.mem_modi .bg_type .input_item .item_tit{width: 70px; font-size: 13px}
.mem_modi .bg_type input.input_join::placeholder{font-size: 13px}

/* 정보변경 주소 영역 추가 kjh */
.info_modi .btn_addsrch {width:110px; height:40px}
.info_modi .btn_addsrch span {font-size:1em; margin:0 10px}
.info_modi .srchbox {padding-right:115px}

/*==================================================================================================================*/
/*=============================================★가입(회원가입 관련 스타일)★===========================================*/
/*==================================================================================================================*/
/**내부버튼 공통 선언**/
.join_input .tb_input button{height: 40px; line-height: 40px}
/*아이디 중복확인*/
.btn_overlapid{width: 100%; height: 40px}
    
/**인풋관련 선언**/
/*회원가입 파트*/
.sedu_member .input_join{height: 40px}
/*공통*/
.join_input .input_form{margin-top: 10px}
.join_input .essential_txt{display: block;position: relative; top:0; padding:7px 15px 6px; text-align: right}
.input_form .input_tb {margin: 15px 0 0}
.input_form .input_tb ul li{position: relative; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc}
.input_form .input_tb ul li:last-child{border-bottom:none; padding-bottom: 0}
.input_form .tb_tit{position: relative; top:0; padding-left: 16px; margin-bottom: 10px; background-position:left 3px; font-size: 14px}
.input_form .tb_input{margin-left:0}
.input_form .idbox{position: relative; padding-right:0}
.input_form .idbox .btn_overlapid{position: relative; top:0; right:0; margin-top: 5px}

/*커스텀 라디오-성별선택*/
.input_form .user_sex .radio_custom label{height: 20px}
/*인풋bg스타일*/
.input_form .bg_type .input_item{padding: 5px 5px 5px 80px}
.input_form .bg_type .input_item .item_tit{width: 70px; font-size: 13px}
.input_form .bg_type input.input_join::placeholder{font-size: 13px}
}

@media only screen and (max-width:500px) {
/* 로그인 */
.login .mem_btm ul {margin:0}
.sedu_member .mem_btm { margin-top:10px; padding:10px}
.login .mem_btm .btm_btn {flex-wrap:wrap; gap:0}
.login .mem_btm .btm_btn p {padding:5px 0}
.login .mem_btm .btm_btn p a {padding:5px}

/* 재동의 */
.agreebtn_wrap .agreebtn {display:block; width:100%; margin:4px 0} 


}