@charset "utf-8";
/* CSS Document */
/* com2zoa design  KYJ 20221209 */
/*[!] 기존 join 스타일과 member스타일 합침- 회원가입 영역은 22.12.12. 새롭게 코딩 진행, 로그인 및 정보변경관련 영역은 기존의 join스타일 가져와서 수정함*/


/*****회원가입 공통*****/
.member_new input, select, label, textarea{font-family: NSQ}
.member_new {font-family: NSQ; font-size:1.154em; font-weight: 400}
.member_new .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}
/*글자 포인트 색상 지정*/
.member_new span.col_r{color:#f63f3f}
.member_new span.col_b{color:#2f7ac7}
.member_new span.col_gr{color:#969696}
.member_new span.col_bk{color:#000}
/* 테이블 */
.mem_table{margin-bottom:15px; border-radius: 5px}
.mem_table table{width: 100%}
.table_border{overflow:hidden; position: relative}
.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:#3a4c58; 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: #3a6480}
.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: -4px 5px 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: #9d9d9d; font-weight: 400; font-size: 14px; font-family:NSQ}
input:read-only {background:#f0f0f0; cursor: default}  
.input_area label{font-family:NSQ}
.input_base{width: auto; height: 33px; padding: 5px; border-radius: 3px; border:1px solid #ddd; font-weight: 500; font-size: 14px; box-sizing: border-box}
.input_base.input_long{width:100%}
.input_base.input_mid{width: 210px}
/* label이 input에 포함되어 있을경우*/
.cate_lst{position: relative; height: 33px; padding:4px 5px; border-radius: 3px; border:1px solid #ddd; 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공통사항 지정영역*/
.tb_textarea{height: 120px}
textarea.area_write{width: 100%; height: 120px; padding: 5px; border-radius: 3px; border:1px solid #ddd; box-sizing: border-box}

/*select공통사항 지정영역*/
select{width: 100px; height:33px; padding: 5px; border-radius: 3px; background:url(../../images/member/ico_selarw.png) right center no-repeat #fff; border:1px solid #ddd; box-sizing: border-box; appearance: none; cursor: pointer; font-family:NSQ; font-weight: 500; font-size: 14px}
select.sel_long{width: 100%}
select.sel_short{width: 55px; font-size: 12px}
select.sel_mid{width: 250px}
.sel_date{width: 110px; height:33px; padding: 0 5px; border-radius: 3px; background:url(../../images/member/ico_cal.gif) right center no-repeat #fff; border:1px solid #ddd; box-sizing: border-box;  cursor: pointer}

/*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}

/*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: 600}

/*버튼공통 선언(button)*/
/*하단 공통 버튼*/
.btn_wrap{margin-top: 20px; padding-top: 20px; border-top:1px solid #d4d4d4; text-align: center; font-family: NSQ}
.btn_wrap .btm_btn li{display: inline-block}
.btn_wrap .membtn{display:block; width: 180px; padding: 13px 5px; margin: 0 5px; border-radius: 10px; background-repeat: no-repeat; background-position:left center; color:#fff; box-sizing: border-box; transition: 0.6s}
.btn_wrap .membtn span{display:inline-block; background-repeat: no-repeat; background-position:left center; font-size: 1.154em; color:#fff}
.btn_wrap .membtn.wdtlong{width: 150px}
/*기본*/
.membtn.samebtn{background-color:#e6e6e6; color:#4c4c4c}
.membtn.samebtn:hover{background-color:#c7c7c7}
/*동의*/
.membtn.membtn01{background-color: #f65833}
.membtn.membtn01:hover{background-color:#c13413}
/*취소*/
.membtn.membtn02{background-color: #aaa}
.membtn.membtn02:hover{background-color:#787878}
/*확인*/
.membtn.membtn03{background-color: #2d80e8}
.membtn.membtn03:hover{background-color:#1857a7}
/*중복확인*/
.overlapbtn{width: 110px; height: 33px; border-radius: 3px; background:#59636a; font-size: 12px; color:#fff; font-weight: 500; transition: 0.6s}
.overlapbtn:hover{background:#358cee}

/*회원가입 네비*/
.member_new .mem_navi{margin-bottom:20px}
.member_new .mem_navi ul li{float: left; width: 25%}
.member_new .mem_navi ul li a{display: block; width: 95%; margin: 0 auto; padding: 13px 5px; border-radius: 5px; border:1px solid #dfdfdf; background: #fff; text-align: center; color:#1e1e1e; font-weight: 500; box-sizing: border-box; cursor:default}
.member_new .mem_navi ul li.on a{position: relative; border-color:#314654; background: #3a4c58; color:#fff}
.member_new .mem_navi ul li.on a::after{content:""; clear: both; display: block; position: absolute; bottom:-13px; left:50%; margin-left: -5px; width:15px; height: 8px; background:url(../../images/member/mem_arw.gif) no-repeat left center}
.member_new .mem_navi ul li a br{display: none}

/**유형선택 및 이용약관**/
.member_new .mem_typelst{margin:0 0 40px}
.member_new .mem_typelst ul{display:flex; gap:20px; justify-content: space-between}
.member_new .mem_typelst ul li{overflow:hidden; flex:1; background:#fff; border-radius:15px; border:1px solid #ddd; border-bottom:3px solid #ddd; box-sizing:border-box}
.member_new .mem_typelst ul li.mt01{border-color:#329ad5}
.member_new .mem_typelst ul li.mt02{border-color:#a472e2}
.member_new .mem_typelst ul li.mt03{border-color:#3ab9b2}
.member_new .mem_typelst .bt_img{position: relative; width:115px; height:60px; margin:0 auto; padding:3px; border-radius:0 0 60px 60px; text-align:center; box-sizing:border-box}
.member_new .mem_typelst ul li.mt01 .bt_img{background:#329ad5}
.member_new .mem_typelst ul li.mt02 .bt_img{background:#a472e2}
.member_new .mem_typelst ul li.mt03 .bt_img{background:#3ab9b2}
.member_new .mem_typelst .bt_choice{position: relative; color:#000; font-weight:600; text-align:center}
.member_new .mem_typelst .mt_name{position: relative; display: inline-block; width: 100%; margin-top:-53px; padding:80px 0 25px 0; font-size: 16px; box-sizing: border-box}
.member_new .bt_choice input{position: absolute; bottom:28px; left:50%; z-index:5}
.member_new .mt01 .bt_choice input{margin-left: -60px}
.member_new .mt02 .bt_choice input,
.member_new .mt03 .bt_choice input{margin-left: -50px} 

/*이용약관*/
.member_new .join_agree{margin-bottom: 20px; font-weight: 500; color:#000; font-family: NSQ}
.member_new .joincheck{padding:7px 5px 5px 7px; background: #4d5459; border-radius: 0 0 5px 5px; color:#fff}
.member_new .terms_tb{overflow:auto; height:300px; padding:15px; background:#fff; border:1px solid #d5d5d5; border-radius: 5px 5px 0 0}
.member_new .allcheck{margin-bottom: 20px}
.member_new .terms_tb .terms_tit{padding: 5px; margin-bottom: 10px; border-radius: 5px; background: #dcdcdc; text-align: center; color:#000}
.terms_tb dl dt{margin-bottom: 10px; padding: 5px 5px 5px 15px; background: url(../../images/member/blt_terms.gif) no-repeat left 8px; border-bottom: 1px solid #ccc; font-weight: 500; color:#000}
.terms_tb dl dd{margin-bottom: 10px}
.terms_tb dl dd > p{margin-bottom: 5px}
.terms_tb dl dd > ol{padding:10px; border-radius: 5px; background: #f0f0f0}
.terms_tb dl dd > ol > li >  ol{padding: 10px; margin: 5px 0; border-radius: 5px; border:1px solid #ccc}

/**본인인증**/
.mem_certify .memcont_tit{margin:30px 0 25px; padding:8px 5px; border-radius: 50px; background: #3f4869; text-align: center; color:#fff; font-size: 14px; font-weight:500; font-family: NSQ }
/*.mem_certify .memcont_tit span{display: inline-block; padding:3px 5px 3px 28px; background: url(../../images/member/ico_certify.gif) no-repeat left center}*/
.mem_certibox > ul {display:flex; flex-wrap:wrap}
.mem_certibox > ul > li {width: 50%;}
.mem_certibox .certified_box{width: 95%; margin: 0 auto}
.mem_certibox .cel_btn{margin: 0 10px}
.mem_certibox .cel_btn button{position: relative; display: block; width: 100%; height: 47px; border-radius:30px 30px 0 0; background:none; font-size: 15px; font-family: NSQ; transition: all .5s}
.mem_certibox .cel_box01 .cel_btn button{background:#468ef1}
.mem_certibox .cel_box02 .cel_btn button{background:#a55cff}
.mem_certibox .cel_btn button .btntit{display: block; padding: 13px 0 12px 25px; color:#fff; text-align: left}
.mem_certibox .cel_btn button .gobtn{position:absolute; top:10px; right:18px; display: block; width:55px; height: 28px; border-radius: 50px; background: #fff}
.mem_certibox .cel_txt{ padding:100px 10px 10px; border-radius:5px; border:2px solid #e0e0e0; font-weight: 500; color:#000; font-family: NSQ; box-sizing: border-box; transition: all .5s}
.mem_certibox .cel_txt > p{ padding: 10px; border-radius: 5px; background: #e3e3e3; font-size:14px; text-align: center}
/*휴대폰*/
.mem_certibox .cel_box01 .cel_txt{background: url(../../images/member/ico_phone.gif) no-repeat center 18px}
.mem_certibox .cel_box01:hover .cel_btn button{background: #144e9e}
.mem_certibox .cel_box01:hover .cel_txt{border-color: #468ef1}
/*아이핀*/
.mem_certibox .cel_box02 .cel_txt{background: url(../../images/member/ico_ipin.gif) no-repeat center 18px}
.mem_certibox .cel_box02:hover .cel_btn button{background: #6021ae}
.mem_certibox .cel_box02:hover .cel_txt{border-color: #a55cff}

/**본인인증-AISW프로그램관련**/
.aisw_certify{padding-top:40px}
.aisw_certify .cel_box01 .cel_btn button{background:#3c4857}
.aisw_certify .cel_box02 .cel_btn button{background:#3c4857}
.aisw_certify .bt_txtbox {padding:15px 10px; margin-top:20px; border-radius: 5px; background: #eee; font-size:15px; font-weight:500; text-align:center}	
/*휴대폰*/.aisw_certify .cel_box01 .cel_txt{background: url(../../images/member/ico_phone2.gif) no-repeat center 18px}
.aisw_certify .cel_box01:hover .cel_btn button{background: #468ef1}
/*아이핀*/
.aisw_certify .cel_box02 .cel_txt{background: url(../../images/member/ico_ipin2.gif) no-repeat center 18px}
.aisw_certify .cel_box02:hover .cel_btn button{background: #a55cff}

/* 추가 변경 스타일 본인인증-AISW KJH 20230824 */
.mem_certify{border-bottom:2px solid #ddd}
.mem_certify .memcont_tit{position: relative; padding:15px; background:#3a4c58; border-radius:5px; font-size:1.067em; font-weight:600; text-align:center}
.mem_certify .mem_certibox  {margin:30px 20px}
.memcont_tit { background:#292f45 url(../../images/member/bg_certify_toptit.png) no-repeat right 45px top 25px; word-break:keep-all}
.mem_certibox {position:relative}
.mem_certibox .certified_box {overflow:hidden; position:relative; background:#fff; border-radius:20px; border:1px solid #e0e0e0; min-height:304px; box-sizing:border-box}
.cel_info button {display:block; width:100%; padding:10px; box-sizing:border-box; text-align:center; background:none}
.cel_info button .cel_txttit {position:relative; display:block;padding:95px 30px 16px; font-weight:600; font-size:1.538em; color:#2d2d2d} 
.cel_info button .cel_txttit:after {content:""; display:block; position:absolute; top:15px; left:50%; margin-left:-18px; width:39px; height:64px; background:url(../../images/member/bg_certify_ico01.png) no-repeat center}
.cel_info button .cel_txtbtn {position:relative; display:block; width:190px; height:50px; line-height:50px; margin:0 auto; text-align:center;padding-right:15px; background:#007dc6; border-radius:10px; color:#fff; font-weight:600; font-size:1.154em; box-sizing:border-box}
.cel_info button .cel_txtbtn:after {content:""; display:block; position:absolute; top:50%; left:50%; width:11px; height:15px; margin:-8px 0 0 50px; background:url(../../images/member/bg_certify_arr.png) no-repeat 50% 50%}
.cel_info button .cel_txtbox {display:block; line-height:150%; margin-top:15px; padding:15px 5px; background:#f0f0f0; border-radius:5px 5px 16px 16px; font-size:1.077em}

.cel_box02 .cel_info button .cel_txttit:after {width:46px; height:64px; margin-left:-25px; background:url(../../images/member/bg_certify_ico02.png) no-repeat center}
.cel_box02 .cel_info button .cel_txtbtn {background:#00a6bc}
.cel_info span.col_r {color:#f12200}
.cel_box01:hover {border-color:#007dc6; transition:.3s}
.cel_box02:hover {border-color:#00a6bc; transition:.3s}
.cel_box01:hover button .cel_txtbtn {background:#00578a; transition:.3s}
.cel_box02:hover button .cel_txtbtn {background:#007787; transition:.3s}

/* aisw 추가 수정 스타일 */
.aisw_certify {padding:0}
.aisw_certify .memcont_tit {padding:50px 30px 120px; background:#475897 url(../../images/member/bg_aicertify_toptit.png) no-repeat right 45px top 25px}
.aisw_certify .cel_info button .cel_txttit:after {background:url(../../images/member/bg_aicertify_ico01.png) no-repeat 50% 50%}
.aisw_certify .cel_box02 .cel_info button .cel_txttit:after {background:url(../../images/member/bg_aicertify_ico02.png) no-repeat 50% 50%}
.aisw_certify .cel_info button .cel_txttit:before {background:#e5f2f9}
.aisw_certify .cel_box02 .cel_info button .cel_txttit:before {background:#e5f6f8}
.aisw_certify .cel_info button:before {display:none}

/**정보입력**/
.member_new .tb_input{position: relative}
.member_new .id_input{margin-right: 115px}
.member_new .overlap_btn{position: absolute; top:0; right:0}
.member_new .mail_type > p{float: left}
.member_new .mail_type > p.mail_tail{margin:0 5px 0 4px}
.member_new .mail_type{float: left}


/*****로그인 및 정보변경영역*****/
/*기존 join 스타일에서 수정-join 스타일과 member스타일 합침*/

/**로그인 버튼**/
.log_btnbox{padding:15px 10px; border-radius: 5px; background: #eee; text-align:center}
/*버튼타입*/
.log_btnbox button{display:inline-block; width: 157px; height: 44px; line-height: 44px; border-radius:50px; margin:0 5px; background: #b9b9b9; font-weight: 600; font-size: 14px; color:#fff; box-shadow:0 2px 3px rgba(0, 0, 0, 0.1); box-sizing: border-box; transition:all .3s}
/*아이디찾기*/
.log_btnbox button.findid{background: #328cf1}
.log_btnbox button.findid:hover{background: #1257a4}
/*비밀번호찾기*/
.log_btnbox button.findpw{background: #328cf1}
.log_btnbox button.findpw:hover{background: #1257a4}
/*다시찾기*/
.log_btnbox button.findagain{background: #ff6344}
.log_btnbox button.findagain:hover{background:#f44523}
/*확인*/
.log_btnbox button.log_ok{background: #328cf1}
.log_btnbox button.log_ok:hover{background: #1257a4}
/*취소*/
.log_btnbox button.log_cancel{background: #929292}
.log_btnbox button.log_cancel:hover{background: #575757}
/*탈퇴하기*/
.log_btnbox button.log_exit{background: #ff4027}
.log_btnbox button.log_exit:hover{background: #bc2a17}

/*링크타입*/	
.Login p.log_btnbox a{display:inline-block; width: 157px; height: 44px; line-height: 44px; border-radius:50px; margin:0 5px; background: #b9b9b9; font-weight: 600; font-size: 14px; color:#fff; box-shadow:0 2px 3px rgba(0, 0, 0, 0.1); box-sizing: border-box; transition:all .3s}	
.Login p.log_btnbox a.btnjoin{background: #328cf1}
.Login p.log_btnbox a:hover{background: #3a4c58}

/*로그인*/
.Login, input, select, label, textarea, button{font-family: NSQ}
.Login {width:100%; padding:0 0 60px; background:url(../../site/images/main/logo_ai.png) center bottom no-repeat; background-size:240px auto ; /*background:url(../../images/member/mem_logo.gif) center bottom no-repeat*/}
.Login:after {content:""; clear:both; display:block; height:0; visibility:none}
.Login p.loginTxt {position: relative; background:#3a4c58; color:#fff; padding:10px; border-radius:5px; line-height:140%; text-align: center; font-size: 14px; font-weight: 500}
.Login p.loginTxt span{display:inline-block; padding: 5px}
.Login p.loginTxt span.txtright {position: absolute; top:7px; right:7px; padding: 3px 10px; background: #2d3b45; border-radius: 50px; color:#fff; font-size: 12px}
.Login p.loginTxt span.txtleft {display:block;color:#ff0000; padding:5px 0 0 0}
.Login .Login_line {position: relative; width: 557px; margin:40px auto}
.Login .Login_line:after {content:""; clear:both; display:block; height:0; visibility:none}
.Login .Login_line ul {margin-right: 100px}
.Login .Login_line ul:after {content:""; clear:both; display:block; height:0; visibility:none}
.Login .Login_line ul li {display:inline-block;float:left;width:100%;color:#2c211d; margin:0 0 10px; line-height:130%;font-size:1.083em}
.Login .Login_line ul li:last-child{margin-bottom: 0}
.Login .Login_line .login_btn{position: absolute; top:0; right:0}
.Login .login_btn button.loginBtn {clear:both; display:block; width: 90px; height: 90px; background: #3a4c58; color:#fff;font-size:16px; font-weight:bold; border-radius:5px; transition:all .3s}
.Login .login_btn button.loginBtn span{display:inline-block; padding-top: 35px; background-image:url(../../images/member/btn_login_n.png); background-position:center top; background-repeat:no-repeat}
.Login .login_btn button.loginBtn:hover{background:#337bac}
.log_input{ width: 100%; height: 40px; padding: 5px; border-radius: 3px; border:1px solid #ddd; box-sizing: border-box}
.login_input { width: 100%; height: 40px; padding: 5px; border-radius: 3px; border:1px solid #ddd; ; box-sizing: border-box}
.login_input2 { border:#c1c1c1 solid 1px;color:#666666; height:33px;padding:8px 1% 8px 1%; vertical-align:middle;width:40%; background:#fff; box-sizing:border-box; border-radius:4px}
.login_input3 { border:#c1c1c1 solid 1px;color:#666666;height:33px;padding:8px 1% 8px 1%; vertical-align:middle;width:85%; background:#fff; box-sizing:border-box; border-radius:4px}
.info_change .wdt30 {width:30% !important;float:left}
.login_input02 { border:#c1c1c1 solid 1px;color:#666666;padding:6px 5px 6px 5px; vertical-align:middle;width:85%; background:#fff; box-sizing:border-box}
.login_select { width:100%;min-width:68px; padding:12px 5px 10px 5px;height:39px; border:1px solid #c1c1c1; vertical-align:middle; background:#fff;border-radius:0 !important}
.login_select02 { width:40%;min-width:68px; padding:12px 5px 10px 5px;height:40px; border:1px solid #c1c1c1; vertical-align:middle; background:#fff;border-radius:0 !important}
.Login_box .id_bold {color:#111; font-weight:500}

/*아이디찾기*/
.Login .find_id p.loginTxt span{display:inline-block; padding: 5px 5px 5px 28px; background:url(../../images/member/ico_findid.gif) left 4px no-repeat}
.Login .find_id .Login_line {position: relative; width: 557px; margin:40px auto}
.Login .find_id ul {margin-right:0}
.Login .find_id ul li:after {content:""; clear:both; display:block; height:0; visibility:none}
.Login .find_id ul li > p{float: left}
.Login .find_id .find_tit{width: 70px; height: 40px; line-height: 40px; font-weight: 500; font-size: 15px}
.Login .find_id .find_input{width: 487px}
/*아이디찾기_결과*/
.Login .find_result p.loginTxt span{padding: 5px; background: none}
.Login .find_result .ids_form{text-align: center}
.Login .find_result .ids_txt{margin: 30px; font-size: 15px; font-weight: 500}
/*성공*/
.Login .find_result .ids_txt.success{padding-top: 90px; background:url(../../images/member/find_success.gif) center top no-repeat}
.Login .find_result .ids_txt.success span{display:block; width: 350px; margin: 15px auto 0; border-radius: 3px; background: #e9e9e9; font-size: 13px; font-weight: 400}
/*실패*/
.Login .find_result .ids_txt.fail{padding-top: 90px; background:url(../../images/member/find_fail.gif) center top no-repeat}
.Login .find_result .ids_txt.fail span{color:#ff1414; font-weight: 600}

/*비밀번호 찾기*/
.Login .find_pw p.loginTxt span{display:inline-block; padding: 5px 5px 5px 28px; background:url(../../images/member/ico_findid.gif) left 4px no-repeat}
.Login .find_pw .Login_line {position: relative; width: 557px; margin:40px auto}
.Login .find_pw ul {margin-right:0}
.Login .find_pw ul li:after {content:""; clear:both; display:block; height:0; visibility:none}
.Login .find_pw ul li > p{float: left}
.Login .find_pw .find_tit{width: 70px; height: 40px; line-height: 40px; font-weight: 500; font-size: 15px}
.Login .find_pw .find_input{width: 487px}
.Login .find_pw ul li div.mail_box{float: left; width: 487px}
.Login .find_pw .mail_btn{position: relative; margin-bottom: 10px}
.Login .find_pw .mail_btn > span{ display: block; padding-right: 100px}
.Login .find_pw .mail_btn .btn_findnum{position: absolute; top:0; right:0; width: 95px; height: 40px; line-height: 40px; border-radius: 3px; background: #3f4869; color:#fff; transition: all .5s}
.Login .find_pw .mail_btn .btn_findnum:hover{background:#328cf1}
.Login .find_pw .conf_num{background:#ededed}
.Login .find_pw .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: 600}
/*비밀번호찾기_변경*/
.Login .pw_change p.loginTxt span{display:inline-block; padding: 5px 5px 5px 28px; background:url(../../images/member/ico_findid.gif) left 4px no-repeat}
.Login .pw_change .Login_line {position: relative; width: 557px; margin:30px auto 40px}
.Login .pw_change ul {margin-right:0}
.Login .pw_change ul li:after {content:""; clear:both; display:block; height:0; visibility:none}
.Login .pw_change ul li > p{float: left}
.Login .pw_change .find_tit{width: 110px; height: 40px; line-height: 40px; font-weight: 500; font-size: 15px}
.Login .pw_change .find_input{width: 447px}
.Login .pw_change .user_pw{height: 40px; line-height: 40px; font-weight: 500}
.Login .pw_change .find_input span{display: none}
.Login .pw_change ul li div.newpw_box{float: left; width: 447px}
.Login .pw_change .newpw_box{position: relative; margin-bottom: 10px}
.Login .pw_change .newpw_box > span{ display: block; padding-right: 100px}
.Login .pw_change .newpw_box .btn_findnum{position: absolute; top:0; right:0; width: 95px; height: 40px; line-height: 40px; border-radius: 3px; background: #3f4869; color:#fff; transition: all .5s}
.Login .pw_change .newpw_box .btn_findnum:hover{background:#328cf1}
.Login .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}
.Login .pw_change ul.find_txt li{margin-bottom: 3px}

/*정보변경*/
.Login .info_change p.loginTxt span{display:inline-block; padding: 5px 5px 5px 28px; background:url(../../images/member/ico_findid.gif) left 4px no-repeat}
.Login .info_change .Login_line {position: relative; width: 557px; margin:30px auto 40px}
.Login .info_change ul {margin-right:0}
.Login .info_change ul li:after {content:""; clear:both; display:block; height:0; visibility:none}
.Login .info_change ul li > p{float: left}
.Login .info_change .find_tit{width: 70px; height: 40px; line-height: 40px; font-weight: 500; font-size: 15px}
.Login .info_change .find_input{width: 487px}
.Login .info_change .user_id{height: 40px; line-height: 40px; font-weight: 500}
.Login .info_change .find_input span{display: none}

/* 회원탈퇴 */
#member_exit {clear:both; width:100%; font-size: 1.154em}
#member_exit: {content:""; clear:both; display:block; height:0; visibility:none}
#member_exit .mtop_div {width:auto; padding:15px 10px; margin-bottom: 15px; background:#3f4869; 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}
#memberexit_box {width:auto; background:#fff}
#memberexit_box ul li { margin-bottom: 10px}
#memberexit_box ul li p.mexit_number {font-weight:bold;line-height:140%}
#memberexit_box ul li p.mexit_con { padding:10px; line-height:150%; word-break:keep-all; background:#eee; border-radius:5px; margin-top:10px; font-weight: 500} 
#memberexit_box ul li p.mexit_number span.exittxt01 {color:#044bff}
#memberexit_box ul li p.mexit_con span.exittxt02 {color:#ff0000}
#memberexit_box ul li p.mexit_con span.exitbox { display:block; padding:5px 0 0 0}
#memberexit_box ul li p.mexit_con.exit_txt{height:100px}
#memberexit_box ul li p.mexit_con textarea{width: 100%; height:100px; border-radius: 5px; box-sizing: border-box} 
#memberexit_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:#3f4869; border-radius:5px; text-align: center}
#member_exit p.joincheck02 {line-height:140%; color:#fff}

/** 개인정보 재동의 **/
#header_reagree{height: 70px; background:linear-gradient(90deg, #415b6c 0, #698ea6 100%)}
#join_reagree{position: relative; top:0; left:0; height: 70px; margin: 0 auto}
#join_reagree h1{width:272px; padding:3px 0 4px; text-align:center}
#join_reagree h1 img{width:272px; height:28px}
#join_reagree .reagree_top{padding:14px}
#join_reagree .topMn{position: absolute; top:13px; right:0}
#join_reagree .topMn:after{content:""; clear: both; display: block;}
#join_reagree .topMn li{float: left; margin-left: 10px}
#join_reagree .topMn li a{overflow:hidden; display:block; width:39px; height:38px; 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:25px auto; padding: 0 15px}
/* .agree_againwrap h2.again_tit {line-height:140%; padding:5px 0 5px 32px; margin: 5px 0; background:url(../../images/member/again_tit.gif) no-repeat left 1px; font-size: 1.214em; font-weight:500; font-family:CGC} */
.agree_againwrap h2.again_tit {position: relative; line-height:140%; padding:0 0 0 22px; margin:5px 0 13px; font-size:18px; font-weight:600}
.agree_againwrap h2.again_tit::after{content:""; clear:both; display:block; position: absolute; left:2px; top:2px; width: 7px; height: 22px; background:url(../../images/member/again_tit.gif) no-repeat left 0}
.agree_againwrap .again_top{margin-top: 10px; text-align: center}
.agree_againwrap .again_top > p{font-size:17px; font-weight: 500; line-height: 140%}
.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: 14px; letter-spacing: -0.1px}
.agree_againwrap .agree_tit .tit span{padding: 3px 10px}
.agree_againwrap .agree_tit .joincheck{margin: 16px}
.agree_againwrap .again_password{padding: 10px; border-radius: 5px; border:2px solid #d4d4d4}
.again_password label{ height: 30px; line-height: 30px; margin-right: 10px; font-size:1.231em; font-weight:600}
.again_password .pw_box > p{margin:-30px 0 0 70px}
.again_password .lstinfo_txt{padding:5px; margin:5px 0 0 70px; border-radius:3px; background:#f1f1f1; font-family:NSQ; font-weight:500; font-size:14px}
/* 이용약관 */
.agree_againwrap .join_agreebox{position: relative; overflow: hidden}
.agree_againwrap .join_agreebox .agree_tit{border-radius: 5px 5px 0 0; background: #334e5f; color:#fff}
.agree_againwrap .agree_tit .tit{float: left; padding: 13px; font-family: NSQ; font-size: 1.154em; font-weight: 500}
.agree_againwrap .agree_tit .tit span{display: inline-block; padding: 1px 10px; margin-left: 10px; border-radius: 50px; background: #fff; color:#ff4b4b; font-size: 0.933em}
.agree_againwrap .agree_tit .joincheck {float: right; margin: 13px;  color:#fff; font-weight:400}
.agree_againwrap .terms_tb{overflow: auto; width: auto; height:300px; padding:20px 15px 20px 20px; margin-bottom: 20px; border-radius: 5px; margin-top: 0; border: #ccc solid 1px; line-height: 130%; font-family: NSQ; font-size: 1.077em; line-height: 140%}
.agree_againwrap .terms_tb .terms_tit{padding: 5px; margin-bottom: 10px; border-radius: 5px; background: #dcdcdc; text-align: center; color:#000}
.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:150px; 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: #334e5f}
.agreebtn_wrap .agreebtn01 span{display:inline-block; padding-left:28px; background:url(../../images/member/btn_ico01.png) no-repeat left center}
.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}

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

/*회원유형 선택*/
.member_new .mem_typelst .mt_name{ padding:80px 0 25px 20px; font-size: 14px}
.member_new .mt01 .bt_choice input{margin-left: -45px}
.member_new .mt02 .bt_choice input,
.member_new .mt03 .bt_choice input{margin-left: -35px} 

/*개인정보 재동의*/
#header_reagree{height:56px}
#join_reagree .reagree_top{padding:14px 5px;}
#join_reagree h1{width:200px}
#join_reagree h1 img{width:180px; height:22px}
.agree_againwrap h2.again_tit{padding:5px 0 0 28px; font-size:1.154em}
.agree_againwrap .again_top > p{font-size:15px}
.agree_againwrap .again_top .top_tb{font-size: 13px}
.again_password .lstinfo_txt{margin-left:0}
}

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

#footwrap .foot_area{max-width:1600px; box-sizing:border-box}
#footwrap .add_area{max-width:1600px;  box-sizing:border-box}
}

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

@media only screen and (max-width:860px) {
/**본인인증**/
.aisw_certify {padding-top:5px}
.mem_certify .memcont_tit{font-size: 1.154em; background-size:50px auto; background-position:right 20px top 10px}
.mem_certify .mem_certibox {margin:0}
.mem_certibox > ul > li{width:100%; margin-bottom: 15px}
.mem_certibox .certified_box{width:100%}
.mem_certibox .cel_btn button{font-size: 1.077em}
.mem_certibox .cel_txt{font-size: 1.077em}

.mem_certibox .certified_box, .mem_certibox .certified_box.cel_box02 {border-radius:20px 20px 5px 5px; min-height:auto}
.cel_info button .cel_txttit {font-size:1.308em}
.cel_info button .cel_txtbox {padding:20px 35px; line-height:140%; word-break:keep-all}
.cel_info button .cel_txtbox br {display:none}

}
@media only screen and (max-width:748px) {
/**유형선택 및 이용약관**/
.member_new .mem_intro .intro_tit{padding:5px; border-radius: 5px; font-size: 1.077em}
.mem_intro .txtbg{display:block}
.mem_intro .intro_txt{padding: 10px; background:none}
}
@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}
/*회원가입 네비*/
.member_new .mem_navi ul li a br{display: block}

/*****로그인*****/
/*기존 join 스타일에서 수정-join 스타일과 member스타일 합침*/

/**로그인 버튼**/
/*버튼타입*/
.log_btnbox button{display:block; width: 90%; height: 35px; line-height:35px; margin: 0 auto 10px}
.log_btnbox button:last-child{margin-bottom: 0}
/*링크타입*/
.Login p.log_btnbox {padding:15px 10px; border-radius: 5px; background: #eee; text-align:center}	
.Login p.log_btnbox a{display:block; width: 94%; height: 35px; line-height:35px; margin: 0 auto 10px}	
.Login p.log_btnbox a:last-child{margin-bottom: 0}

/*로그인*/
.Login .Login_line {width: auto; margin:20px 15px}
.Login .Login_line ul {margin-right: 0}
.Login .Login_line ul li {float:none;width:100%}
.Login .Login_line ul li:last-child{margin-bottom: 0}
.Login .Login_line .login_btn{position:relative}
.Login .login_btn button.loginBtn {width: 100%; height:auto; margin-top: 10px}
.Login .login_btn button.loginBtn span{padding:10px 0 10px 30px; background-position:left center}

/*아이디찾기*/
.Login .find_id .Login_line {width: auto; margin:20px 15px}
.Login .find_id ul li{margin-bottom: 5px}
.Login .find_id ul li:last-child{margin-bottom: 0}
.Login .find_id .find_tit{display: none}
.Login .find_id .find_input{width: 100%}
/*아이디찾기_결과*/
.Login .find_result p.loginTxt{border-radius: 5px}
.Login .find_result .ids_txt{margin:20px 10px; font-size: 14px}
.Login .find_result .ids_txt span{width: 100%; margin: 15px auto 0}

/*비밀번호 찾기*/
.Login .find_pw .Login_line {width: auto; margin:20px 15px}
.Login .find_pw ul li{margin-bottom: 5px}
.Login .find_pw .find_tit{display: none}
.Login .find_pw .find_input{width: 100%}
.Login .find_pw ul li div.mail_box{float:none; width: 100%}
.Login .find_pw .mail_btn{margin-bottom: 5px}
.Login .find_pw .find_txt br{display:none}
/*비밀번호 찾기-변경*/
.Login .pw_change .Login_line {width: auto; margin:20px 15px}
.Login .pw_change ul {margin-right:0}
.Login .pw_change .find_tit{display: none}
.Login .pw_change .find_input span{display: inline-block; padding: 0 20px; margin-right: 10px; border-radius:50px; background: #ccc; color:#000}
.Login .pw_change .find_input{width: 100%}
.Login .pw_change .user_pw{height: 30px; line-height: 30px}
.Login .pw_change ul li div.newpw_box{float:none; width: 100%}
    
/*정보변경*/
.Login .info_change .Login_line {width: auto; margin:20px 15px}
.Login .info_change ul {margin-right:0}
.Login .info_change .find_tit{display: none}
.Login .info_change .find_input span{display: inline-block; padding: 0 20px; margin-right: 10px; border-radius:50px; background: #ccc; color:#000}
.Login .info_change .find_input{width: 100%}
.Login .info_change .user_id{height: 30px; line-height: 30px}

/* 회원탈퇴 */
#member_exit {font-size: 1.077em}
#member_exit .mtop_div {padding:10px; border-radius:5px}
}

@media only screen and (max-width:450px) {
/*버튼공통 선언(button)*/
/*하단 공통 버튼*/
.btn_wrap{margin-top: 15px; padding-top: 15px}
.btn_wrap .btm_btn{margin-top:15px}
.btn_wrap .btm_btn li{display: block; margin-bottom:8px}
.btn_wrap .membtn{display:block; width:100%; padding: 8px 5px; margin: 0}

/**유형선택 및 이용약관**/
/*회원유형 선택*/
.member_new .mem_typelst ul li{width: 100%}
.member_new .mem_typelst ul li:last-child{margin-bottom: 0} 

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

@media only screen and (max-width:415px) {
/*회원가입 네비*/
.member_new .mem_navi ul li a{padding: 5px 2px; line-height: 130%; font-size: 12px; letter-spacing: -1px}
}

@media only screen and (max-width:390px) {
/**본인인증-AISW프로그램관련**/
.aisw_certify .memcont_tit{ font-size:13px;; letter-spacing:-0.5px}
}





@media only screen and (max-width:1255px) {
/**본인인증**/
.mem_certibox > ul > li {width: 100%}

/*정보입력*/
.member_new .mail_type{float: none; margin-bottom: 5px}
.member_new .mail_type > p{float: left; width: 50%; box-sizing: border-box}
.member_new .mail_type > p .input_mid{width: 100%}
.member_new .mail_type > p.mail_id{position: relative; padding-right: 20px}
.member_new .mail_type > p.mail_id span.mt_mark{position: absolute; top:4px; right:3px}
.member_new .mail_type > p.mail_tail{margin:0}
.member_new .mail_lst select.sel_mid{width: 100%}
.member_new .class_sel select.sel_mid{width: 100%; margin-bottom: 5px}
.cate_certify .cate_lst{float:none; width: 100%; margin: 0 0 5px}
}