@charset "utf-8";
/* CSS Document */
/* com2zoa design  KYJ 2025.06.16 추가 및 수정 */

/*****회원가입 공통*****/
.sport_member input, select, label, textarea{font-weight: 400}
.sport_member {font-size:1.154em; font-weight: 400}
.sport_member .clear_fix:after{content:""; clear: both; display: block}
/*스크롤 스타일 지정*/
.scroll_st{overflow-y: scroll; height:200px; padding:20px 10px}
.scroll_st::-webkit-scrollbar {width: 8px}
.scroll_st::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, 0.15); 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}

/*글자 포인트 색상 지정*/
.sport_member span{font-weight: 500}
/* 폰트에서 span사용시 색지정 */
/* span에 단독으로 스타일을 주면 모든 span 태그에 font-weight가 지정되므로 bold는 각각 지정함)_더 두껍게 할 시에는 고유클래스 아래에 지정  */
.sport_member span.col_re{font-weight: 600; color:#ff472e} /*빨간색*/
.sport_member span.col_or{font-weight: 600; color:#ff9f17} /*주황색,노란색*/
.sport_member span.col_gr{font-weight: 600; color:#52a34a} /*초록색*/
.sport_member span.col_bl{font-weight: 600; color:#3ca3d3} /*파란색*/
.sport_member span.col_na{font-weight: 600; color:#335c7f} /*남색*/
.sport_member span.col_pu{font-weight: 600; color:#9644f3} /*보라색*/
.sport_member span.col_pk{font-weight: 600; color:#ff6f7d} /*분홍색*/
.sport_member span.col_bk{font-weight: 600; color:#000} /*검정색(bold)*/
.sport_member span.underline{font-weight: 600; text-decoration:underline; text-underline-offset:4px} /*밑줄*/

/* 테이블 */
.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 선언영역*/
.wdtauto{width:40px}
.wdtfix{width:40px}
.wdt5{width: 5%}
.wdt9{width: 9%}
.wdt10{width: 10%}
.wdt15{width: 15%}
.wdt20{width: 20%}
.wdt25{width: 25%}
.wdt30{width: 30%}
.wdt33{width: 33.3%}
.wdt40{width: 40%}
.wdt50{width: 50%}
.wdt60{width: 60%}
.wdt70{width: 70%}
.wdt80{width: 80%}
.wdt90{width: 90%}

/**인풋관련 선언**/
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: #cbcbcb; font-weight: 400; font-size: 15px; font-family:NSQ}
input:read-only {background:#f0f0f0; cursor: default}   
.input_base.date_cal{width:100%; padding: 5px 25px 5px 5px; background: url(../../images/member/ico_cal.png) no-repeat right 8px center #fff; -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important}

/* 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: 100px; height:45px; padding: 5px; border-radius: 8px; background:url(../../images/member/ico_selarw.gif) right  center no-repeat #fff; border:1px solid #dcdcdc; box-sizing: border-box; appearance: none; cursor: pointer; font-weight: 500; font-size: 14px}
select.sel_long{width: 100%}
select.sel_short{width: 55px; font-size: 12px}
select.sel_mid{width: 250px}

/*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_box{display: flex; flex-wrap: wrap; gap:7px}
.radio_custom input[type=radio] {display: none}
.radio_custom label {display: block; min-width: 90px; line-height: 20px; padding:5px 10px 5px 40px; margin: 0 auto; border-radius: 10px; border: 1px solid #dcdcdc;  border-radius: 50px; text-align: right; font-weight: 600; box-sizing: border-box}
.radio_custom input[type=radio] + label {background-image:url(../../images/app/ico_radiock.png); background-repeat:no-repeat; background-position:left 10px center; border: 1px solid #dcdcdc; color: #959595}
.radio_custom input[type=radio]:checked + label {border: 1px solid #44a3f4; background-image:url(../../images/app/ico_radiock_a.png); background-repeat:no-repeat; background-position:left 10px center; background-color: #46a6f8; color: #fff}
.radio_custom label:hover {color: #666}
/*check공통사항 지정영역*/
.tb_check > p{float: left; margin-right: 13px}
.tb_check > p:last-child{margin-right: 0}
.allcheck {margin-bottom: 20px; text-align: center}
.allcheck label{font-weight: 500}


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

/*로그인 관련 버튼공통 선언(button)*/
/**로그인 버튼**/
.mem_btm .btnlst{display: flex; gap:15px; justify-content:center}
/*버튼타입*/
.mem_btm .btnlst button{width:220px; height: 45px; line-height: 38px; background: #cfcfcf; font-size: 16px; color:#fff; font-weight: 500; transition:all .3s}
/*아이디찾기*/
.mem_btm button.findid{background: #3183b1}
.mem_btm button.findid:hover{background: #1d5879}
/*비밀번호찾기*/
.mem_btm button.findpw{background: #4ab3ad}
.mem_btm button.findpw:hover{background: #318d88}
/*다시찾기*/
.mem_btm button.findagain{background: #7c828b}
.mem_btm button.findagain:hover{background: #4d5259}
/*확인*/
.mem_btm button.mem_ok{background: #328cf1}
.mem_btm button.mem_ok:hover{background: #1257a4}
/*다음*/
.mem_btm button.mem_next{background: #4ab3ad}
.mem_btm button.mem_next:hover{background: #318d88}
/*취소*/
.mem_btm button.mem_cancel{background: #cecece}
.mem_btm button.mem_cancel:hover{background: #949494}
/*탈퇴하기*/
.mem_btm button.mem_exit{background: #ff4027}
.mem_btm button.mem_exit:hover{background: #bc2a17}

/*회원 공통*/ 
.sport_member {width:100%}
.sport_member .mem_tit{position: relative; padding: 15px 5px; margin-bottom: 8px; background: #7c828b; text-align: center; color:#fff; font-size: 18px; font-weight: 600}
.sport_member .memtxt{padding:5px 0 20px; border-bottom:2px solid #f1f1f1; text-align:center}
.sport_member .mem_wrap{padding: 17px; border:1px solid #e5e5e5; box-sizing: border-box}
.sport_member .mem_line{position: relative; margin: 25px 300px 0; padding-right: 140px}
.sport_member .mem_line ul li {display:flex; justify-content: space-between; width:100%; color:#2c211d; margin:0 0 10px; line-height:130%}
.sport_member .mem_line ul li label{display: block; width:150px; align-content: space-around; font-size:16px}
.sport_member .mem_line .log_btn{position: absolute; top:0; right:0; height: 102px}
.sport_member .mem_line .log_btn button{width:130px; height: 100%; background: #3eb1d9; align-content: space-around; text-align: center; font-size: 17px; font-weight: 600; color:#fff; transition: all .3s}
.sport_member .mem_line .log_btn button:hover{background: #2086a9}
.sport_member .mem_btm{position: relative; display:flex; gap:20px; margin-top: 33px; padding: 15px; background: #f1f1f1}
.sport_member .mem_btm.mid_type{margin-top: 10px}
.sport_member .mem_btm .membtm_tit{width: 170px; background: #e5e5e5; align-content: space-around; text-align: center; box-sizing: border-box}
.sport_member .mem_btm .membtm_tit > span{padding:2px 0 2px 27px; background:url(../../images/member/ico_membtm.gif) left 1px no-repeat}
.sport_member .mem_btm ul{width: 100%; padding: 5px 0}
.sport_member .mem_btm ul li{position: relative; padding-left: 13px; margin-bottom: 10px}
.sport_member .mem_btm ul li:last-child{margin-bottom: 0}
.sport_member .mem_btm ul li::after{display: block; clear: both; content: ''; position: absolute; top:8px; left:0; width: 3px; height: 3px; background: #616161}
.sport_member .mem_btm ul.btnlst li{margin-bottom:0}
.sport_member .mem_btm ul.btnlst li::after{display:none}
.sport_member p.fixtxt{width:100%; font-weight:600}
.sport_member p.pick_id{width:100%}
.sport_member div.new_pw{width:100%}

/*로그인*/
.login .mem_btm .btm_btn{position: absolute; top:18px; right:20px}
.login .mem_btm .btm_btn p{display: inline-block; margin-left: 10px; padding: 16px 35px; background: #7c828b; transition:all .3s}
.login .mem_btm .btm_btn p:first-child{margin-left: 0}
.login .mem_btm .btm_btn p a{display: block; width:100%; height:100%; color:#fff;}
.login .mem_btm .btm_btn p:hover{background: #4d5259}

/*아이디찾기*/
.sport_member.find_id .mem_line{position: relative; margin: 15px 300px 0; padding-right:0}

/*비밀번호 찾기*/
.sport_member.find_pw .mem_line{position: relative; margin: 15px 300px 0; padding-right:0} 
.find_pw ul {margin-right:0}
.find_pw ul li{position: relative}
/*메일박스*/
.sport_member.find_pw .mem_line ul li.mail_bx{box-sizing:border-box}
.sport_member.find_pw li.mail_bx label{padding-top:15px; align-content: baseline}
.find_pw li.mail_bx .mail_line{width:100%}
.find_pw li.mail_bx .mail_btn{position: relative; padding-right:115px; margin-bottom:10px}
.find_pw li.mail_bx .btn_findnum{position: absolute; top:0; right:0; width: 110px; height:46px; line-height: 46px; background: #7c828b; color:#fff; font-size: 14px; transition: all .5s}
.find_pw li.mail_bx .btn_findnum:hover{background:#328cf1}
.find_pw li.mail_bx input{width:100%}
.find_pw .find_txt{margin: 10px 0 0 0; padding:3px 0 3px 28px; line-height:160%; background:url(../../images/member/txtico_v1.png); background-repeat:no-repeat; background-position:left 3px; color:#272727; font-weight: 500; font-size: 15px}
.sport_member.find_pw .mem_line ul li p.pick_id label{display:inline}
.sport_member .mem_line ul li.new_pwbx label{padding-top:15px; align-content: baseline}

/*결과*/
.find_result .mem_line ul.result_form li{display:block}
.find_result .mem_line ul.result_form li label{display:inline; width:100%; margin-top:7px}
.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: 58px; background:url(../../images/member/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: 58px; background:url(../../images/member/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 .top_line{margin-bottom: 45px; padding: 10px 5px 0; border-top:1px solid #d6d6d6}
.sport_member.info_modi .mem_wrap{padding:0; border:none}
.sport_member.info_modi .input_form{padding-top:0; border-top:none}
.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}
/*커스텀 라디오-성별선택*/
.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}

/*==================================================================================================================*/
/*=============================================★가입(회원가입 관련 스타일)★===========================================*/
/*==================================================================================================================*/
/**인풋관련 선언**/
/*회원가입 파트*/
.sport_member .input_join{ width: auto; height: 45px; padding: 5px; border-radius: 8px; border:1px solid #dcdcdc; box-sizing: border-box}
.sport_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{padding-top: 25px; margin: 25px 0 10px; border-top:2px solid #e7e7e7}
.join_btm .btm_txt{margin-bottom: 15px; text-align: center; font-size: 1.154em}
.join_btm .btm_txt span{padding:3px 0 3px 30px; background:url(../../images/app/ico_btmtxt.png) no-repeat left center}
.join_btm .btnlst{display: flex; gap:15px; justify-content:center}
.join_btm .btnlst button{width:220px; height: 45px; line-height: 38px; background: #cfcfcf; font-size: 16px; color:#fff; font-weight: 500; transition: all .3s}
/*다음,확인*/
.join_btm .btnlst button.join_submit{background: #3183b1}
.join_btm .btnlst button.join_submit:hover{background: #1d5879}
/*취소*/
.join_btm .btnlst button.join_cancel{background: #cecece}
.join_btm .btnlst button.join_cancel:hover{background: #949494}

/**회원가입 절차**/
.join_step{margin-bottom: 25px}  
.joinstep_wrap {display:flex; justify-content: space-between; gap:40px; flex-wrap: wrap; margin: 20px 0}
.joinstep_wrap .step_bx{position: relative; flex: 1; min-width:235px}
.joinstep_wrap .step_bx::after{display: block; clear: both; content: ''; position: absolute; bottom:50%; right:-23px; width:6px; height: 11px; margin: 0 0 -14px 0 ; background:url(../../images/member/step_arw.png) no-repeat left center}
.joinstep_wrap .step_bx:last-child::after{display: none}
.joinstep_wrap .step_num{font-size:17px; font-weight: 600; color:#ccc}
.joinstep_wrap .step_txt{width: 100%; height: 63px; padding:0 20px; margin-top: -4px; border:2px solid #ccc; background: #fff; align-content: space-around; font-size: 16px; text-align: right; box-sizing: border-box}
.joinstep_wrap .step_txt span{display: block; padding: 9px 0}
.joinstep_wrap .step_bx.on .step_txt span{color:#fff; font-weight: 600}
.join_step .refer_tb{padding: 13px; background: #7c828b; font-size: 1.143em; color:#fff; line-height: 150%}
.join_step .refertxt{padding: 5px 0 5px 35px; background:url(../../images/member/ico_refer.png) no-repeat left 2px}
.join_step .refertxt span{font-weight: 600; color:#ffdf6e}
.joinstep_wrap .step01 .step_txt{border-color: #5ec5e9}
.joinstep_wrap .step01 .step_num{color:#5ec5e9}
.joinstep_wrap .step01 span{background:url(../../images/member/ico_joinstep1.png) no-repeat left center}
.joinstep_wrap .step01.on span{background:url(../../images/member/ico_joinstep1_a.png) no-repeat left center} 
.joinstep_wrap .step01.on .step_txt{background: #5ec5e9}
.joinstep_wrap .step02 .step_txt{border-color: #3eb1d9}
.joinstep_wrap .step02 .step_num{color:#3eb1d9}
.joinstep_wrap .step02 span{background:url(../../images/member/ico_joinstep2.png) no-repeat left center}
.joinstep_wrap .step02.on span{background:url(../../images/member/ico_joinstep2_a.png) no-repeat left center} 
.joinstep_wrap .step02.on .step_txt{background: #3eb1d9}
.joinstep_wrap .step03 .step_txt{border-color: #2f95ce}
.joinstep_wrap .step03 .step_num{color:#2f95ce}
.joinstep_wrap .step03 span{background:url(../../images/member/ico_joinstep3.png) no-repeat left center}
.joinstep_wrap .step03.on span{background:url(../../images/member/ico_joinstep3_a.png) no-repeat left center} 
.joinstep_wrap .step03.on .step_txt{background: #2f95ce}
.joinstep_wrap .step04 .step_txt{border-color: #2079b7}
.joinstep_wrap .step04 .step_num{color:#2079b7}
.joinstep_wrap .step04 span{background:url(../../images/member/ico_joinstep4.png) no-repeat left center}
.joinstep_wrap .step04.on span{background:url(../../images/member/ico_joinstep4_a.png) no-repeat left center} 
.joinstep_wrap .step04.on .step_txt{background: #2079b7}
 
/*이용약관*/
.join_termstep .agree_tit{padding: 12px 10px; margin-bottom: 10px;  color:#fff; text-align: center; font-size:17px; font-weight: 600}
.join_termstep .agree_tit.agtit1{background: #3787a6}
.join_termstep .agree_tit.agtit2{background: #3f8f8a} 
.join_termstep .join_agree{margin-bottom: 30px; font-weight: 500; color:#000; font-family: NSQ}
.join_termstep .joincheck{padding:15px 5px 5px 7px;  color:#000; text-align: left}
.join_termstep .terms_tb{overflow:auto; height:300px; padding:15px; background:#fff; border:1px solid #e5e5e5; font-size: 0.933em}
.join_termstep .terms_tb .terms_tit{padding: 5px 0; margin-bottom: 5px; color:#000; font-weight: 600; font-size: 15px}
.terms_tb dl dt{position: relative; margin-bottom: 10px; padding: 5px 5px 5px 15px; border-bottom: 1px solid #ccc; font-weight: 500; color:#000}
.terms_tb dl dt::after{content:""; clear:both; display:block; position: absolute; top:11px; left:0; width: 5px; height: 5px; background: #989898; border-radius: 50%}
.terms_tb dl dd{margin-bottom: 10px}
.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}
.join_termstep .terms_tb.pledge_tyep{height:auto}
.pledge_tyep .pledge_txt{margin-bottom:10px; font-size:15px; line-height:150%; text-align:center}
.pledge_tyep .pledge_refer{border-bottom:2px solid #ddd}
.pledge_tyep .pledge_refer p{padding:5px; background:#8b8b8b; color:#fff; text-align:center}
.pledge_tyep .pledge_refer ul{padding:10px}
.pledge_tyep .pledge_refer li{position: relative; margin-bottom:5px; padding-left:10px}
.pledge_tyep .pledge_refer li:last-child{margin-bottom:0}
.pledge_tyep .pledge_refer li::after{content:""; clear:both; display:block; position: absolute; top:6px; left:0; width: 3px; height: 3px; background: #808080; border-radius: 50%}

/*휴대폰인증*/
.join_certify .certify_tit{position: relative; padding: 15px 5px; margin-bottom: 8px; border-radius:15px 15px 5px 5px; background: #3a6884; text-align: center; color:#fff; font-size: 18px}
.join_certify .certi_btn button{display: block; position: relative; width: 384px; height: 58px; margin: 115px auto 25px; border-radius: 50px; background: #ff6b53; color:#fff; text-align: left; transition: all .5s}
.join_certify .certi_btn button::after{content:""; clear:both; display:block; position: absolute; top:-101px; left:50%; width: 108px; height: 101px; margin-left: -60px; background:url(../../images/member/ico_certify.gif) center center no-repeat}
.join_certify .certi_btn button .btntit{display: block; padding-left: 20px; font-size: 17px}
.join_certify .certi_btn button .gobtn{display: block; position: absolute; top:6px; right:6px; width: 77px; height: 46px; line-height: 46px; border-radius: 50px; background: #fff; text-align: center; color:#000; font-size: 18px}
.join_certify .certi_btn button:hover{background: #cd371f}
.join_certify .certi_tb{border-radius: 5px 5px 15px 15px; border:2px solid #eaeaea; padding: 10px; box-sizing: border-box; text-align: center}
.join_certify .certi_tb .txt{padding: 10px 0 15px; line-height: 150%}
.join_certify .certi_tb .call{padding: 10px; border-radius:10px; background: #f4f4f4}
.join_certify .certi_tb .call span{display: inline-block; padding: 5px 0 5px 37px; background:url(../../images/member/ico_call.gif) left 0 no-repeat}
.join_certify .certi_tb .call br{display: none}

/*정보입력 폼*/
/*신청폼 상단 필수입력문구*/
.regist_top{display: flex; justify-content: space-between; margin:5px 0 13px}
.regist_top .all_essential{align-content: space-around}
.regist_top .all_essential span{padding-left: 20px; background:url(../../images/app/all_essential.png) no-repeat left 1px; font-size: 14px; color:#fe3737}
.regist_top .sub_tit4{margin: 0}
/*신청폼 내부 버튼**/
.input_form button{display:block; width: 155px; height: 35px; background:#4d5259; font-weight: 500; font-size: 15px; color:#fff; box-sizing: border-box; font-family:NSQ; transition:all .3s} .input_form button:hover{background: #2f95ce} 
/*신청폼*/
.input_form{margin-bottom: 20px; padding-top: 20px; border-top:2px solid #e7e7e7; font-family:NSQ}
.input_form.noline{padding-top: 10px; border-top:none}
.input_form label{font-family:NSQ}
.input_form input::placeholder, .input_form textarea::placeholder {font-family:NSQ}
.input_form .input_base{ width: 100%; height: 35px; padding: 3px; border:1px solid #dbdbdb; box-sizing: border-box}
.input_form > ul > li{padding: 5px; margin-bottom: 5px; border:1px solid #efefef}
.input_form > ul > li dl{display: flex; gap:7px}
.input_form > ul > li dl dt{width: 15%; padding:8px; background: #7c828b; color:#fff; font-weight: 500; text-align: center; align-content: space-around; box-sizing: border-box}
.input_form > ul > li dl dd{width: 85%; align-content: space-around; box-sizing: border-box}
.input_form > ul > li dl dd .fix_txt{padding: 10px 0}
/*버튼 함께 들어가는 인풋타입*/
.input_form .ip_btnbx{display: flex; gap:8px}
/*기본 안내문구*/
.input_form .info_basic{padding:3px 0 3px 20px; margin-top: 5px; background:url(../../images/member/ico_infobasic.png) left 6px no-repeat; font-size: 14px}
/*중복체크 문구*/
.input_form .info_msg{position: relative; margin:5px 0 0}
.input_form .info_msg span{display: block; position: relative; padding-left: 47px; color:#ff472e; font-size: 14px}
.input_form .info_msg span::after{content:"안내"; clear:both; display:block; position: absolute; left:0; top:-1px; width: 38px; height: 20px; line-height: 20px; border:1px solid #ff472e; font-size: 13px; color:#ff472e; text-align: center}
.input_form .info_msg span.duple_txt2{color:#388ded}
.input_form .info_msg span.duple_txt2::after{border-color:#388ded; font-size: 13px; color:#388ded; text-align: center}
/*인풋bg스타일*/
.input_form .bg_type{padding: 10px; background: #f3f3f3; border-radius: 8px}
.input_form .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}
.input_form .bg_type .input_item:last-child{margin-bottom: 0}
.input_form .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}
.input_form .bg_type input.input_join{background:none; height: 33px; border-radius:5px; border-color:#f1f1f1}
.input_form .bg_type input.input_join::placeholder{font-size: 14px}
/*경고 확인버튼영역/커스텀 라디오*/
.input_form .user_answer{position: relative; padding: 7px; margin-top: 10px; border-radius:8px; border:2px solid #ff472e}
.input_form .radio_posi{position: absolute; top:5px; right:5px}
.input_form .radio_posi > div{display: inline-block; margin-left: 3px}
.input_form .user_answer .check_txt{font-size: 14px; color:#ff472e}
.input_form .user_answer .check_txt span{display: block; padding: 5px 0 4px 28px; background:url(../../images/member/ico_warning.gif) left 2px no-repeat}
.radio_custom input[type=radio] {display: none}
.user_answer .radio_custom{width: 80px}
.user_answer .radio_custom label {line-height: 10px; border-radius: 5px; font-size: 14px; text-align: center}
.user_answer .radio_custom input[type=radio]:checked + label {border: 1px solid #ed3c24; background: #ff472e; border-radius: 5px}
.user_answer .radio_custom input[type=radio] + label {background: #ffe0e0; border: 1px solid #fad5d5}
 
/**본인인증**/
.auth_boxwrap > ul{display: flex; flex-wrap: wrap; justify-content: space-between}
/* .auth_boxwrap > ul > li{width: calc(100%/2 - 15px)} */
.auth_boxwrap > ul > li{width:100%} 
.auth_boxwrap .certified_box{border-top:2px solid #f0f; transition:all 0.3s}
.auth_boxwrap .certified_box .cel_tit{padding:15px 10px; font-size:20px; text-align: center}
.auth_boxwrap .certified_box .cel_tit span{display:inline-block; padding:15px 10px 15px 50px; font-weight:600}
.auth_boxwrap .certified_box .cel_info{padding:20px 15px 30px; border-radius:8px; border:1px solid #e1e1e1; transition:all 0.3s}
.auth_boxwrap .certified_box .cel_txt{margin: 15px 0 25px; font-size:15px; line-height:170%; text-align:center}
.auth_boxwrap .certified_box .cel_btn button{display:block; width:50%; height:46px; padding:5px 15px; margin:0 auto; border-radius:50px; font-size:16px; color:#fff; font-weight:600; text-align:center; box-sizing:border-box; transition:all 0.3s}
.auth_boxwrap .certified_box .cel_btn button span.btntit{position: relative; display:inline-block}
.auth_boxwrap .certified_box .cel_btn button span.btngo{display: inline-block;width: 60px; height: 30px; line-height: 33px; margin-left: 10px; background: #fff; border-radius: 50px; color:#000}
.auth_boxwrap .certified_box:hover .cel_btn button{box-shadow:0 3px 2px rgba(0, 0, 0, 0.15)}
.auth_boxwrap .cel_box01{border-top-color:#1f92e1}
.auth_boxwrap .cel_box01 .cel_tit span{background: url(../../images/member/ico_phone.gif) no-repeat left center}
.auth_boxwrap .cel_box01 .cel_btn button{background:#1f92e1}
.auth_boxwrap .cel_box01:hover{border-color:#20629f}
.auth_boxwrap .cel_box01:hover .cel_info{border-color:#20629f}
.auth_boxwrap .cel_box01:hover button{background:#20629f}
.auth_boxwrap .cel_box02{border-top-color:#1bbc9f}
.auth_boxwrap .cel_box02 .cel_tit span{background: url(../../images/member/ico_ipin.gif) no-repeat left center}
.auth_boxwrap .cel_box02 .cel_btn button{background:#1bbc9f}
.auth_boxwrap .cel_box02:hover{border-color:#218175}
.auth_boxwrap .cel_box02:hover .cel_info{border-color:#218175}
.auth_boxwrap .cel_box02:hover button{background:#218175}

/** 개인정보 재동의 **/
#header_reagree{height: 42px; background: linear-gradient(100deg, #1ba9bb  30%,#08769f 100%)}
#join_reagree{position: relative; top:0; left:0; height: 42px; margin: 0 auto}
#join_reagree h1{width:200px; padding:7px 0 0; border-radius:10px 10px 0 0; background:#fff; text-align:center}
#join_reagree h1 img{width:130px}
#join_reagree .reagree_top{padding:5px}
#join_reagree .topMn{position: absolute; top:10px; right:5px; z-index:100}
#join_reagree .topMn:after{content:""; clear: both; display: block;}
#join_reagree .topMn li{float: left; margin-left:15px}
#join_reagree .topMn li a{overflow:hidden; display:block; width:21px; height:20px; font-size:0; text-indent:-9999999px}
#join_reagree .topMn li:first-child a{background:url(../../images/member/icon_home.png) no-repeat left top}
#join_reagree .topMn li:last-child a{background:url(../../images/member/icon_sitemap.png) no-repeat left top}
.agree_againwrap{margin:40px auto; padding: 0 15px}
.agree_againwrap h2.again_tit {line-height:140%; padding:0 0 0 35px; margin: 5px 0; background:url(../../images/member/again_tit.gif) no-repeat left 3px; 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: #fff; border-radius: 5px; border:2px solid #d4d4d4; 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: 16px}
.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{border-radius: 5px 5px 0 0; background: #26353e; color:#fff}
.agree_againwrap .agree_tit .tit{float: left; padding: 13px; font-size: 16px; font-weight:500}
.agree_againwrap .agree_tit .tit span{display: inline-block; padding: 3px 10px 1px; margin-left: 10px; border-radius: 50px; background: #fff; color:#ff4b4b; font-size:15px}
.agree_againwrap .agree_tit .joincheck {float: right; margin: 15px;  color:#fff; 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:500}
.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}
/*회원가입 정보동의 내용 내부 표*/
.agree_againwrap .agree_box .dream_table{margin-bottom: 5px; background: #8b8b8b; border-bottom-color:#8b8b8b}
.agree_againwrap .agree_box .dream_table thead th {padding: 5px; font-size:14px}
.agree_againwrap .agree_box .dream_table thead th::after{height: 70%; background: #b2b2b2}
/*하단 공통 버튼*/
.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: 38px; line-height:38px; margin: 0 5px; border-radius: 50px; 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}


/*==================================================================================================================*/
/*====================================================★새창스타일★==================================================*/
/*==================================================================================================================*/
/*공통*/ 
.newpage_wrap{min-width:320px; margin: 0 auto; border:2px solid #7c828b}
.newpage_wrap label{font-family:NSQ}
.newpage_wrap input::placeholder, .input_form textarea::placeholder {font-family:NSQ}
.newpage_wrap .input_base{ width: 100%; height: 35px; padding: 3px; border:1px solid #dbdbdb; box-sizing: border-box}
.newpage_wrap .npg_tit{padding: 15px; background: #7c828b; font-size: 18px; font-weight: 600; color:#fff; text-align: center}
.newpage_wrap .npg_tit span{position: relative; display:inline-block; padding: 0 30px}
.newpage_wrap .npg_tit span::before,
.newpage_wrap .npg_tit span::after{display: block; content: ''; clear: both; position: absolute; top:4px; width:7px; height: 7px; background: #fff; border-radius: 50px}
.newpage_wrap .npg_tit span::before{left:0}
.newpage_wrap .npg_tit span::after{right:0}
.newpage_wrap .npg_bx{padding: 10px}
.newpage_wrap .ip_btnbx{display: flex; gap:10px}
/*학교(기관) 검색*/ 
.newpage_wrap.srchsch_bx{max-width: 400px}
.newpage_wrap.srchsch_bx button.btn_srchsch{width: 47px; height: 35px; background:url(../../images/member/btn_srchsch.png) no-repeat center #7c828b; font-size: 0; text-indent: -9999px; transition: all .3s}
.newpage_wrap.srchsch_bx button.btn_srchsch:hover{background-color: #4a5059}
.schsrch_result .result_tb {padding: 10px; margin-top: 10px; background: #fff; border:1px solid #e4e4e4; box-sizing: border-box}
/*아무것도 검색하지 않았을때*/
.schsrch_result .basic_resultbx{padding: 20px 0}
.schsrch_result .basic_resultbx > p{padding-top: 57px; background:url(../../images/member/basic_resultbx.gif) no-repeat center top; text-align: center}
/*결과값 있을 때*/
.schsrch_result > p{padding-left:18px; margin-top:15px; background:url(../../images/member/ico_result.png) no-repeat left center}
.schsrch_result > p span.col_r{font-weight: 600; color:#ff472e}
.schsrch_result .lst_resultbx{overflow-y: scroll; height: 167px}
.schsrch_result .lst_resultbx::-webkit-scrollbar {width: 8px}
.schsrch_result .lst_resultbx::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, 0.15); box-shadow: inset 0px 0px 0px white}
.schsrch_result .lst_resultbx::-webkit-scrollbar-thumb {background-color: #a7a7a7; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent}
.schsrch_result .lst_resultbx > p{position: relative; margin-bottom: 5px; padding: 5px 0 8px; border-bottom: 1px solid #f1f1f1}
.schsrch_result .lst_resultbx > p label{display:inline-block; padding: 5px 0 5px 23px; background:url(../../images/member/ico_result.gif) no-repeat left 2px; transition: all .3s}
.schsrch_result .lst_resultbx > p:hover label{background:url(../../images/member/ico_result_a.gif) no-repeat left 2px; color:#29678f}
.schsrch_result .lst_resultbx .btn_choice{position: absolute; top:2px; right:0; width: 55px; height: 25px; background: #4badeb; color:#fff; font-size: 13px}
.schsrch_result .lst_resultbx .btn_choice:hover{background: #29678f} 
.schsrch_result .lst_resultbx input[type="radio"]{margin: 0 5px 0 0}
/*결과값 없을 때*/
.schsrch_result .none_resultbx{padding: 20px 0}
.schsrch_result .none_resultbx > p{padding-top: 57px; background:url(../../images/member/none_result.gif) no-repeat center top; text-align: center}


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

/*==================================================================================================================*/
/*=============================================★회원(로그인 관련 스타일)★=============================================*/
/*==================================================================================================================*/
/*버튼공통 선언(button)*/
/**로그인 버튼**/
.mem_btm .btnlst{display: flex; gap:15px; justify-content:center}
.sport_member .mem_btm ul li{flex:1; padding-left:0}
/*버튼타입*/
.mem_btm .btnlst button{width:100%; height: 40px; line-height: 40px; font-size: 14px}

/**회원가입 하단버튼공통 선언(button)**/
.join_btm{padding-top: 15px; margin: 15px 0 0}
.join_btm .btm_txt{margin-bottom: 10px; font-size: 1.077em}
.join_btm .btm_txt span{padding:3px 0 3px 23px; background-size: 16px}
.join_btm .btnlst{display: flex}
.join_btm .btnlst li{flex: 1}
.join_btm .btnlst button{width: 100%; height: 40px; font-size: 14px}

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

/*회원 공통*/  
.sport_member .mem_tit{padding: 10px 5px; font-size: 16px}
.sport_member .mem_wrap{padding: 13px}
.sport_member .mem_line{ margin:0; padding-right: 110px}
.sport_member .mem_line ul li label{width:160px; font-size:16px} 
.sport_member .mem_line .log_btn button{width:100px; font-size: 15px} 
.sport_member .mem_btm{display: block; gap:0; margin-top: 5px; padding: 10px}
.sport_member .mem_btm .membtm_tit{width: 100%; padding: 8px; margin-bottom: 7px} 

/*로그인*/  
.sport_member.find_id .mem_line{margin:10px 0 0;}
.login .mem_btm .btm_btn{position:inherit; top:inherit; right:inherit; display: flex; margin:10px 0 0; gap:10px}
.login .mem_btm .btm_btn p{flex:1; display:block; margin-left: 0; padding:10px; text-align:center} 
.login .mem_btm .btm_btn p a{align-content: space-around}

/*비밀번호 찾기*/
.sport_member.find_pw .mem_line{position: relative; margin:10px 0 0; padding-right:0}

/*회원가입 절차*/
.sport_member .step_mbnone{display: none !important}
.join_step{margin-bottom: 20px}
.join_step .refer_tb{padding: 8px; font-size: 1.077em}
.join_step .refertxt{padding-left: 28px; background-size:18px; background-position: left 5px}

/*이용약관*/
.join_termstep .join_agree{margin-bottom: 20px}

/*정보입력 폼*/
/*신청폼*/
.input_form{padding-top: 0; border-top:none}
/*신청폼 내부 버튼**/
.input_form button{font-size: 13px}

/*개인정보 재동의*/
#header_reagree{height:40px}
#join_reagree .reagree_top{padding:3px 5px}
#join_reagree h1{width:130px}
#join_reagree h1 img{width:100px}
.agree_againwrap h2.again_tit{padding:3px 0 0 35px; font-size:17px}
.agree_againwrap .again_top > p{font-size:15px}
.agree_againwrap .again_top .top_tb{font-size: 13px}
.again_password .lstinfo_txt{margin-left:0}
.agree_againwrap .agree_tit .tit{float: left; padding: 10px; font-size: 15px; font-weight:600}
.agree_againwrap .agree_tit .tit span{display: inline-block; padding: 1px 5px; margin-left: 10px; border-radius: 50px; background: #fff; color:#ff4b4b; font-size:13px}


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

/**회원가입 버튼공통 선언(button)**/
.join_btm {margin-top: 20px; padding: 15px 0 20px}
/*버튼타입*/
.join_btm button{width: 150px; font-size: 14px}
    
/*정보입력 폼*/
/*공통*/
.join_input .essential_txt{top:-5px}
/*커스텀 라디오-성별선택*/
.input_form .user_sex{width:100%}
}

/* ========================================= PC LAYOUT ========================================= */
@media only screen and (min-width:1025px) {
/*개인정보 재동의*/
#header_reagree .reagree_top{position: relative; width: 1200px; margin: 0 auto}
.agree_againwrap{width:1200px; padding: 0}
}

/* ========================================= LOWSET FIX ========================================= */

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

 
}

@media only screen and (max-width:840px) {
/**본인인증**/
.auth_boxwrap > ul > li{width: 100%}
.auth_boxwrap .certified_box{margin-bottom: 20px}
}
 

@media only screen and (max-width:720px) {
/*정보변경=경고 확인버튼영역/커스텀 라디오*/
.mem_modi .radio_posi{position: relative; top:0; right:0}
.mem_modi .radio_posi > div{display:block; margin-left: 0}
.mem_modi .user_answer .check_txt{font-size: 13px}
.mem_modi .user_answer .check_txt span{background-position:left 5px}
.mem_modi .user_answer .radio_posi{display: flex; flex-wrap: wrap; justify-content: space-between}
.mem_modi .user_answer .radio_custom{position: relative; width: calc(100% / 2 - 4px); height:32px}

/*경고 확인버튼영역/커스텀 라디오*/
.input_form .radio_posi{position: relative; top:0; right:0}
.input_form .radio_posi > div{display:block; margin-left: 0}
.input_form .user_answer .check_txt{font-size: 13px}
.input_form .user_answer .check_txt span{background-position:left 5px}
.user_answer .radio_custom label {font-size: 13px}
.input_form .user_answer .radio_posi{display: flex; flex-wrap: wrap; justify-content: space-between}
.input_form .user_answer .radio_custom{position: relative; width: calc(100% / 2 - 4px); height:32px}
}

@media only screen and (max-width:700px) {
/*회원유형 선택*/
.join_typestep .type_choice ul.step_lst > li{width: calc(100% / 2 - 7px); height: 120px}
.join_typestep .type_choice ul.step_lst > li.mt01, .join_typestep .type_choice ul.step_lst > li.mt02{margin-bottom: 10px}
}

@media only screen and (max-width:630px) {
/*휴대폰인증*/
.join_certify .certify_tit{padding: 10px 3px; font-size: 16px}
.join_certify .certi_btn button{width: 100%; height:48px}
.join_certify .certi_btn button .btntit{font-size: 16px}
.join_certify .certi_btn button .gobtn{height: 36px; line-height: 38px; font-size: 16px}
.join_certify .certi_tb .txt br{display: none}
.join_certify .certi_tb .call span{display:block; padding: 0 0 0 37px; background-position: left center; text-align: left}
.join_certify .certi_tb .call br{display: block}

/*본인인증*/
.auth_boxwrap .certified_box .cel_info{padding:15px}
.auth_boxwrap .certified_box .cel_txt{margin:10px 0 15px; font-size:14px}
.auth_boxwrap .certified_box .cel_btn button{display:block; width:100%; height:46px; padding:5px 15px; margin:0 auto}
}

@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}

/*회원 공통*/
.sport_member label{font-size: 14px}
/*아이디찾기*/
.find_id .find_input{padding-left:95px}
.find_id .find_tit{position: absolute; top:16px; left:0}
/*비밀번호 찾기*/
   
   
   
/*결과*/
.find_result .result_txt{font-size: 14px}
/*성공*/
.find_result .result_form.success{padding-top: 48px; background-size:45px 38px}
.find_result .result_form.success span{margin: 15px 0 0; border-radius: 5px}
/*실패*/
.find_result .result_form.fail{padding-top: 48px; background-size:45px 38px}

/*정보변경 폼*/
/*공통*/
.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}
    
/*정보입력 폼*/ 
/*신청폼*/ 
.input_form > ul > li dl{display: block}
.input_form > ul > li dl dt{width: 100%; padding:5px}
.input_form > ul > li dl dd{width: 100%; margin-top: 5px}
.input_form > ul > li dl dd .fix_txt{padding: 3px 0; text-align: center}
.input_form .radio_custom_box{justify-content:center}
}

@media only screen and (max-width:430px) {
/*회원 공통*/   
.sport_member .mem_line{ margin:0; padding-right:0}
.sport_member .mem_line ul li label{font-size:14px} 
.sport_member .mem_line .log_btn{position: relative; width: 100%; height: auto}
.sport_member .mem_line .log_btn button{width:100%; height: 40px} 
 

/*회원가입 버튼공통 선언(button)*/
.join_btm {margin-top: 10px; padding: 20px 0 0}
.join_btm ul.btnlst li{display:block}
/*버튼타입*/
.join_btm button{display:block; width:100%; height: 45px; line-height:45px; margin:0 auto 10px}
 
 /*비밀번호 찾기*/ 
/*메일박스*/ 
.find_pw li.mail_bx .mail_btn{padding-right:0}
.find_pw li.mail_bx .btn_findnum{position: inherit; top:inherit; right:inherit; width: 100%; height:30px; line-height:30px; margin-top:5px}

/**본인인증**/
.auth_boxwrap .certified_box .cel_txt br{display: none}
}