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

/*****회원가입 공통*****/
.member_new input, select, label, textarea{font-family: PTD}
.member_new {font-family: PTD; font-weight: 500}
.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:#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: -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}
input:read-only {background:#f0f0f0; cursor: default}  
.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}
.input_base.input_short{width: 70px}
/* 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-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}
.btn_wrap .btm_btn li{display: inline-block}
.btn_wrap .membtn{display:block; width: 160px; height: 45px; padding:0 5px; margin: 0 5px; border-radius: 50px; background-repeat: no-repeat; background-position:left center; color:#fff; box-sizing: border-box; transition: 0.6s}
.btn_wrap .membtn span{display:block; padding:10px 0 10px 25px; 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: #359ada}
.membtn.membtn01 span{background-image:url(../../images/member/btn_ok.png)}
.membtn.membtn01:hover{background-color:#165a84}
/*취소*/
.membtn.membtn02{background-color: #bdbdbd}
.membtn.membtn02 span{background-image:url(../../images/member/btn_cancel.png)}
.membtn.membtn02:hover{background-color:#737373}
/*확인*/
.membtn.membtn03{background-color: #359ada}
.membtn.membtn03 span{background-image:url(../../images/member/btn_ok.png)}
.membtn.membtn03:hover{background-color:#165a84}
/*중복확인*/
.overlapbtn{width: 110px; height: 33px; border-radius: 3px; background:#258cff; font-size: 12px; color:#fff; font-weight: 500; transition: 0.6s}
.overlapbtn:hover{background:#293842}

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

/**유형선택 및 이용약관**/
/*회원유형 선택*/
.member_new .mem_typelst{margin: 50px 0 40px}
.member_new .mem_typelst ul li{float: left; width: 33.3%; text-align: center}
.member_new .mem_typelst .mt_txt{position: relative; width:90%; margin:0 auto; border-radius: 7px; box-sizing: border-box; box-shadow:0 5px 5px rgba(0, 0, 0, 0.15)}
.member_new .mem_typelst .bt_img{width: 100%; border-radius: 5px 5px 0 0}
.member_new .mem_typelst .bt_img span{display: block; position: absolute; top:-50px; left:50%; width: 100px; min-height: 100px; padding-top: 18px; margin-left: -50px; background-color: #f0f; border:7px solid #fff; border-radius: 50px; box-sizing: border-box; box-shadow:0 5px 5px rgba(0, 0, 0, 0.15); transition: all .5s}
.member_new .mt01 .bt_img span{background: #3ca1fc}
.member_new .mt02 .bt_img span{background: #7fd169}
.member_new .mt03 .bt_img span{background: #d47bf9}
.member_new .mt01:hover .bt_img span{background:#2167a7}
.member_new .mt02:hover .bt_img span{background:#499036}
.member_new .mt03:hover .bt_img span{background:#a645ce}
.member_new .mt01 .mt_txt{background: #2167a7}
.member_new .mt02 .mt_txt{background: #499036}
.member_new .mt03 .mt_txt{background: #a645ce}
.member_new .mem_typelst .bt_choice{position: relative; color:#fff}
.member_new .mem_typelst .bt_choice::after{content:""; clear: both; display: block; position: absolute; bottom:0; left:0; width: 100%; height: 50px; border-radius: 0 0 5px 5px; box-shadow:0 -3px 3px rgba(0, 0, 0, 0.05); transition: all .5s; z-index: 1}
.member_new .mt01 .bt_choice::after{background:#3ca1fc}
.member_new .mt02 .bt_choice::after{background:#7fd169}
.member_new .mt03 .bt_choice::after{background:#d47bf9}
.member_new .mt01:hover .bt_choice::after{background:#287cc9}
.member_new .mt02:hover .bt_choice::after{background:#57a741}
.member_new .mt03:hover .bt_choice::after{background:#ae54d3}
.member_new .mem_typelst .mt_name{ position: relative; display: inline-block; width: 100%; padding:80px 0 15px; box-sizing: border-box; font-size: 14px; z-index:5}
.member_new .bt_choice input{position: absolute; bottom:19px; left:50%; z-index:5}
.member_new .mt01 .bt_choice input{margin-left: -55px}
.member_new .mt02 .bt_choice input, .member_new .mt03 .bt_choice input{margin-left: -45px}

/*이용약관*/
.member_new .join_agree{margin-bottom: 20px; font-weight: 500; color:#000}
.member_new .joincheck{padding:5px; background: #26353e; border-radius: 0 0 5px 5px; color:#fff}
.member_new .terms_tb{overflow:auto; height:250px; 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: 3px 5px 3px 10px; background: url(../../images/member/blt_terms.gif) no-repeat left 10px; 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}
.member_new .terms_intro{padding:10px; margin-bottom: 15px; border-bottom: 2px solid #ccc}

/**본인인증**/
.mem_certify .memcont_tit{margin:0 0 30px; padding:5px 5px 8px; border-bottom: 1px solid #ccc; text-align: center; color:#000; font-size: 17px; font-weight:700}
.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{margin:60px 0 30px}
.mem_certibox > ul > li{float: left; width: 50%}
.mem_certibox .certified_box{position: relative; width: 95%; margin: 0 auto; padding-top:43px; border-radius:5px; border:2px solid #e0e0e0; transition: all .5s}
.mem_certibox .cel_tit{position: absolute; top:-31px; left:20px; width: 108px; height: 86px; border-radius: 70px 70px 0 0; background: #00f; text-align: center}
.mem_certibox .cel_tit span{ display: block; padding-top: 55px; background: #f0f; color:#fff}
.mem_certibox .cel_btn{position: absolute; top:10px; right:10px}
.mem_certibox .cel_btn button{position: relative; display: block; width: 138px; height: 33px; border-radius:50px; background-image:url(../../images/member/btn_arw.png); background-repeat:no-repeat; background-position:right center; font-size: 15px; text-align: left; font-weight: 600; color:#fff; transition: all .5s}
.mem_certibox .cel_btn button span{display: inline-block; padding-left: 10px}
.mem_certibox .cel_box01 .cel_btn button{background-color:#284d76}
.mem_certibox .cel_box02 .cel_btn button{background-color:#295822}
.mem_certibox .cel_txt{ padding:10px; font-weight: 500; color:#000; box-sizing: border-box; transition: all .5s}
.mem_certibox .cel_txt > p{ padding: 13px; line-height: 130%; border-radius: 5px; background: #e3e3e3; font-size:14px; text-align: center}
.mem_certibox .cel_txt > p span{display: block; margin-top: 10px; font-weight: 700}
/*휴대폰*/
.mem_certibox .cel_box01 .cel_tit{background:#3790f4}
.mem_certibox .cel_box01 .cel_tit span{background: url(../../images/member/ico_phone.gif) no-repeat center 15px}
.mem_certibox .cel_box01:hover .cel_btn button{background-color: #3790f4}
.mem_certibox .cel_box01:hover{border-color: #3790f4}
/*아이핀*/
.mem_certibox .cel_box02 .cel_tit{background:#52a744}
.mem_certibox .cel_box02 .cel_tit span{background: url(../../images/member/ico_ipin.gif) no-repeat center 15px}
.mem_certibox .cel_box02:hover .cel_btn button{background-color: #52a744}
.mem_certibox .cel_box02:hover{border-color: #52a744}
/*휴대폰인증 문의전화*/
.inquiry_tel{border-radius: 5px; background: #5a6266; text-align: center}
.inquiry_tel .tel_line{display: inline-block; padding-left: 40px; background: url(../../images/member/ico_inq.gif) no-repeat left center; color:#fff}
.inquiry_tel .tel_line span{display: inline-block; padding: 3px 18px; margin: 8px; border-radius: 50px; background: #313639}

/**정보입력**/
/*글쓰기,글보기 공통사항*/
.memjoin_agree{margin-bottom: 20px; font-family: PTD}
.memjoin_agree .memitem{position: relative; overflow: hidden; margin-bottom:5px; border-radius:5px; border:1px solid #dfdfdf; background: #293842}
.memjoin_agree .memitem .memtit span{position: absolute; top:50%; left:0; width: 228px; margin-top: -10px; color:#fff; text-align: center; font-weight:700}
.memjoin_agree .memitem .memtit.txt_line2 span{margin-top: -17px; line-height: 120%}
.memjoin_agree .memitem .memtb{position: relative; margin-left: 228px; padding: 8px; background: #fff; box-sizing: border-box}
.memjoin_agree .memitem .memtb .txt{min-height: 22px; padding: 5px 0}
.memjoin_agree .memitem .memtb:after{content:""; clear: both; display: block}
.memjoin_agree .memitem .memtb .sel_box{margin-right:5px}
.memjoin_agree .memitem .memtb .sel_box:last-child{margin-right:0}
/*글쓰기 화면*/
.mem_writing .memitem .txt_item{margin: 0; height:200px}
.mem_writing .memitem .cal_period{float: left; height:30px; line-height: 30px; ; margin-right: 5px}
.mem_writing .datesel_box{float: left}
.mem_writing .datesel_box .calbox{float: left; margin-right: 5px}
.mem_writing .datesel_box .calbox .input_base{width: 198px}
.mem_writing .exmsg{margin-top: 5px; padding:5px 5px 5px 30px; background:url(../../images/app/ico_refer.gif); background-repeat:no-repeat; background-position:5px 6px; background-color:#f1f1f1; border-radius:3px; font-size:0.933em; color:#000; font-weight: 500}
.mem_writing .exmsg2{margin-top: 5px; padding-left:20px; background: url(../../images/member/ico_lstmsg.gif) no-repeat left center; color:#ff1818; font-weight:600}
.mem_writing .memitem .cate_lst > p{padding-left: 5px; padding-bottom: 10px; margin-bottom: 10px;  border-bottom: 1px solid #e0e0e0}
.mem_writing .memitem .cate_lst > div.input_item{padding-left: 5px; padding-bottom: 10px; margin-bottom: 10px;  border-bottom: 1px solid #e0e0e0}
.mem_writing .memitem .cate_lst > p:last-child{padding-bottom: 0; margin-bottom: 0; border-bottom: none}
.mem_writing .memitem .cate_lst > div.input_item:last-child{padding-bottom: 0; margin-bottom: 0; border-bottom: none}
.mem_writing .mail_type {float: left}
.mem_writing .mail_type > p{float: left; margin-right: 5px}
.mem_writing .sel_box{float: left}
.mem_writing .input_id{position: relative}
.mem_writing .input_id .input_item{margin-right: 115px}
.mem_writing .input_id .overlap_btn{position: absolute; top:0; right:0}

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

/**로그인 버튼**/
.log_btnbox{padding:0 10px 30px; border-bottom:2px solid #ccc; 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: #26353e}
/*비밀번호찾기*/
.log_btnbox button.findpw{background: #328cf1}
.log_btnbox button.findpw:hover{background: #26353e}
/*다시찾기*/
.log_btnbox button.findagain{background: #f44c2b}
.log_btnbox button.findagain:hover{background: #c73012}
/*확인*/
.log_btnbox button.log_ok{background: #328cf1}
.log_btnbox button.log_ok:hover{background: #26353e}
/*취소*/
.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: #26353e}
.Login p.log_btnbox a:hover{background: #2882e8}

/*로그인*/
.Login, input, select, label, textarea, button{font-family: PTD}
.Login {width:100%; /*padding:0 0 50px; 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; padding:5px; line-height:140%; background: #e7e7e7; border-radius:5px; text-align: center; color:#000; font-size: 16px; font-weight: 700}
.Login p.loginTxt span{display:inline-block; padding: 5px 5px 5px 28px; background:url(../../images/member/ico_login.png) left 6px no-repeat}
.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:700px; margin:30px auto 20px}
.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 {position: relative; 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: #108350; color:#fff;font-size:17px; font-weight:bold; border-radius:5px; transition:all .3s}
.Login .login_btn button.loginBtn span{display:inline-block; padding-top: 0;  background-position:center top; background-repeat:no-repeat}
.Login .login_btn button.loginBtn:hover{background:#103e29}
.log_input{ width: 100%; height: 40px; padding: 5px; border-radius: 3px; border:1px solid #d5d5d5; box-sizing: border-box}
.login_input { width: 100%; height: 40px; padding: 5px; border-radius: 3px; border:1px solid #d5d5d5; ; box-sizing: border-box}
.login_input2 { border:#d5d5d5 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:#d5d5d5 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:#d5d5d5 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 #d5d5d5; 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 #d5d5d5; vertical-align:middle; background:#fff;border-radius:0 !important}
.Login_box .id_bold {color:#111; font-weight:500}
.Login_box .log_tit{position: absolute; top:10px; left:0}
.Login_box .ip_line{padding-left:70px}

/*아이디찾기*/
.Login .find_id p.loginTxt span{display:inline-block; padding: 5px 5px 5px 28px; background:url(../../images/member/ico_findid.png) left 6px no-repeat}
.Login .find_id .Login_line {position: relative; width: 650px; margin:30px auto 20px}
.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: 580px}
/*아이디찾기_결과*/
.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_findpw.png) left 5px no-repeat}
.Login .find_pw .Login_line {position: relative; width: 650px; margin:30px auto 20px}
.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: 580px}
.Login .find_pw ul li div.mail_box{float: left; width: 580px}
.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: #3b5160; 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:#000; font-weight:500; font-size: 15px}
/*비밀번호찾기_변경*/
.Login .pw_change p.loginTxt span{display:inline-block; padding: 5px 5px 5px 28px; background:url(../../images/member/ico_findpw.png) 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: #3b5160; 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.png) left 6px 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%}
#member_exit: {content:""; clear:both; display:block; height:0; visibility:none}
#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}
#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:#3b5160; border-radius:5px; text-align: center}
#member_exit p.joincheck02 {line-height:140%; color:#fff}

/** 개인정보 재동의 **/
#header_reagree{height: 42px; background: linear-gradient(45deg, #0d9f63 0%,#0d613f 100%)}
#join_reagree{position: relative; top:0; left:0; height: 42px; margin: 0 auto}
#join_reagree h1{width:280px; padding:7px 0 0; border-radius:10px 10px 0 0; background:#fff; text-align:center}
#join_reagree .reagree_top{padding:5px}
#join_reagree .topMn{position: absolute; top:10px; right:5px}
#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:25px 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 5px; font-size: 20px; font-weight:600; 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:600; 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: 5px; border:2px solid #d4d4d4}
.again_password label{ height: 33px; line-height: 33px; margin-right: 10px; font-size:16px; font-weight:600; color:#000}
.again_password .pw_box > p{margin:-33px 0 0 70px}
.again_password .lstinfo_txt{padding:5px; margin:5px 0 0 70px; border-radius:3px; background:#f1f1f1; font-weight:500; font-size:15px}
/* 이용약관 */
.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:600}
.agree_againwrap .agree_tit .tit span{display: inline-block; padding: 1px 10px; margin-left: 10px; border-radius: 50px; background: #fff; color:#ff4b4b; font-size:15px}
.agree_againwrap .agree_tit .joincheck {float: right; margin: 10px;  color:#fff; font-weight:400; font-size:15px}
.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-size:15px; line-height: 140%; font-weight:500}
.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}

/**본인인증**/
.mem_certibox .cel_btn button{font-size: 14px}
.mem_certibox .cel_txt > p br{display: none}
/*휴대폰인증 문의전화*/
.inquiry_tel{font-size: 14px}

/*정보입력*/
.member_new .mail_type{float: none; margin-bottom: 5px}
.member_new .mail_type > p{float: left; width: 50%; margin-right: 0; 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}
.mem_writing .sel_box{float: none}
.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}
.memjoin_agree .memitem .memtb .sel_box{margin:0 0 5px 0}
.memjoin_agree .memitem .memtb .sel_box:last-child{margin-bottom:0}
.memjoin_agree .memitem .memtb .sel_box select.sel_mid{width: 100%}

/*개인정보 재동의*/
#header_reagree{height:40px}
#join_reagree .reagree_top{padding:3px 5px}
#join_reagree h1{width:200px}
#join_reagree h1 img{width:180px;}
.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}

}

/* ========================================= 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:860px) {
/**본인인증**/
.mem_certify .memcont_tit{margin:0 0 15px; padding:5px}
.mem_certibox{margin:40px 0 15px}
.mem_certibox .cel_tit{width: 90px}
.mem_certibox > ul > li{float:none; width:100%; margin-bottom:40px}
.mem_certibox > ul > li:last-child{margin-bottom: 0}
.mem_certibox .certified_box{width: 95%}
}
@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:710px) {
/*글쓰기,글보기 공통사항*/
.memjoin_agree .memitem .memtit span{width: 110px; letter-spacing: -1px}
.memjoin_agree .memitem .memtb{margin-left: 110px}
}

@media only screen and (max-width:737px) {
/* 테이블 */
.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{padding: 10px 8px; border-radius: 10px; line-height: 120%; font-size: 13px}

/*****로그인*****/
/*기존 join 스타일에서 수정-join 스타일과 member스타일 합침*/
/**로그인 버튼**/
/*버튼타입*/
.log_btnbox button{display:block; width:100%; height: 35px; line-height:35px; margin: 0 auto 10px}
.log_btnbox button:last-child{margin-bottom: 0}
/*링크타입*/
.Login p.log_btnbox {padding:0 10px 20px; text-align:center}	
.Login p.log_btnbox a{display:block; width: 100%; height: 35px; line-height:35px; margin: 0 auto 10px}	
.Login p.log_btnbox a:last-child{margin-bottom: 0}

/*로그인*/
.Login p.loginTxt{font-size: 14px}
.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; font-size: 15px}
.Login .login_btn button.loginBtn span{padding:15px 0; background-position:left center}
.Login_box .log_tit{display:none; position: relative; top:0; left:0;}
.Login_box .ip_line{padding-left:0}


/*아이디찾기*/
.Login .find_id .Login_line {width: auto; margin: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: 15px}
#member_exit .mtop_div {padding:10px; border-radius:5px}
}

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

/*휴대폰인증 문의전화*/
.inquiry_tel{padding: 10px}
.inquiry_tel .tel_line{display:block; padding:0; background:none}
.inquiry_tel .tel_line span{display:block; padding:4px; margin:0 0 5px}

/**정보입력**/
/*글쓰기,글보기 공통사항*/
.mem_writing .input_id .input_item{margin-right: 0}
.mem_writing .input_id .overlap_btn{position: relative; top:0; right:0; margin-top: 5px}
.mem_writing .input_id .overlap_btn .overlapbtn{width: 100%}
}

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

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

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

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