@charset "utf-8";


/* 회원서비스 PAGE01.로그인 */
.login_wrap{position:relative;margin:0 0 113px 0;border:2px solid #ccc;text-align:center}
.login_wrap h4{padding:35px 0 0 0;color:#333;font-size:35px}
.login_wrap h4 p{padding:8px 0 45px 0;color:#333;font-size:16px}
.login_wrap img{float:left;padding:0 96px 0 87px}

.id_pw{float:left;position:relative;margin:0 auto;width:341px;height:57px;margin-top:10px}
.id_pw dl{float:left}
.id_pw dl dt{display:block;float:left;width:80px;padding:0 10px 0 0;line-height:26px;font-size:14px;color:#888;font-weight:bold;text-align:right}
.id_pw dl dd{display:block;float:left}
.id_pw dl:nth-child(2){margin:5px 0 0 0}
.id_pw dl dd input{width:170px;height:26px;line-height:26px;padding:0 10px;border:1px solid #bbb;color:#888;font-size:14px}
.id_pw a{position:absolute;top:0px;right:0px;width:86px;height:57px;background:#b20000;color:#fff;font-size:14px;line-height:57px;text-align:center}
 
.login .join{margin:0 auto;width:658px;margin-top:95px;border-top:1px solid #ccc;clear:both}
.login .join div{margin:20px 0;height:32px;line-height:32px}
.login .join div:nth-child(1){float:left;padding:0 0 0 25px}
.login .join div:nth-child(2){float:right;padding:0 25px 0 0}
.login .join div a{display:inline-block;height:32px;background:#7a7a7a;color:#fff;font-size:14px;text-align:center;line-height:32px}
.login .join div:nth-child(1) a{width:135px}
.login .join div:nth-child(2) a{width:81px}
.login .join p{float:left;margin:0 10px 0 0;color:#333;font-size:14px}


/* 회원서비스 PAGE02.회원가입 */
.join .tab1 .btn_tab{margin:0 0 20px 0}
.join .tab1 .btn_tab li{float:left;width:33.3%;height:50px;border:1px solid #d3d3d3;color:#333;font-size:16px;text-align:center;line-height:50px;transition:all 0.5s ease}
.join .tab1 .btn_tab li:nth-child(2){border-left:none;border-right:none}
.join .tab1 .btn_tab li:last-child{width:33.4%}
.join .tab1 .btn_tab li.act{background:#f3f3f3}
.join .tab1 .tab_item:not([data-index="0"]){display:none}

.join .step01{padding:0 0 90px 0}
.join .step02{padding:0 0 60px 0}
.join .step03{margin:0 0 100px 0;padding:0 0 31px 0}

.step01 iframe{margin:0 auto;width:100%;height:320px;margin-bottom:5px;border:1px solid #d3d3d3;color:#000;font-size:14px;line-height:25px;overflow-y:scroll}
.step01 .personal_form{margin-top:38px; margin-bottom: 10px; border:1px solid #d3d3d3; font-size: 13px; line-height: 1.5em;}
.step01 .personal_form table{border-spacing: 1px;}
.step01 .form_strong{color:#b20000; font-weight: bold; text-indent: 5px;}
.step01 .form_table{width:100%; border:0; cellpadding:3; cellspacing:1; background-color: #CCCCCC;}
.step01 .form_title{text-align:center; background-color:#F4F4F4; color: #000000; height: 30px}
.step01 .form_sub{text-align:center; background-color:#FFFFFF; height: 70px;}
.step01 input[type=checkbox]{width:19px;height:19px;vertical-align:text-bottom}
.term_check{color:#000;font-size:14px;letter-spacing:0.5px}
.term_check.term_allcheck{margin:40px 0 15px 0;text-align:center}

.step02 table{margin:0 0 20px 0;border-top:2px solid #b20000}
.step02 tbody{display:table-row-group;vertical-align:middle;border-color:inherit}
.step02 tr{display:table-row;vertical-align: inherit;border-color:inherit;}
.step02 th,.step02 td{height:35px;border-bottom:1px solid #d3d3d3}
.step02 th{position:relative;width:150px;padding:0 0 0 20px;border-right:1px solid #d3d3d3;background:#f6f6f6;color:#333;font-size:14px;text-align:left}
.step02 td{position:relative;width:611px;padding:0 0 0 10px;color:#333;font-size:14px;text-align:left}
.step02 td input{width:178px;height:26px;padding:0 10px;border:1px solid #e8e8e8;color:#888;font-size:12px}
.step02 td select{height:26px}
.step02 td.phone input{width:52px}
.step02 td.email input{width:106px}
.step02 span:first-child{margin:0 30px 0 0}
.step02 input[type=radio]{width:14px;margin-right:5px;color:#d3d3d3}
.step02 td button{width:103px;height:26px;margin-left:7px;background:#838383;color:#fff;font-size:14px;text-align:center}

.step03{border:2px solid #ccc;text-align:center}
.step03 h4{padding:35px 0 0 0;color:#b20000;font-size:35px}
.step03 h4 p{margin:0;padding:16px 0 45px 0;color:#333;font-size:16px}
.step03 p{margin:0 0 35px 0;color:#333;font-size:14px;line-height:30px}

.btn{display:inline-block;width:154px;height:40px;background:#595959;color:#fff;font-size:14px;text-align:center;line-height:40px;transition:all 0.5s ease}
.btn_box{margin:0 auto;max-width:320px}
.btn_left{float:left;margin-right:12px}
.btn_right{float:right;border:1px solid #d3d3d3;background:#f3f3f3;color:#000}

.btn.center{display:block;margin:0 auto}

/* 회원서비스 PAGE03.findInfo */

.findInfo .tab1{position:relative;float:left;width:100%;margin:0 0 113px 0;text-align:center}
.findInfo .tab1 .btn_tab{position:relative}
.findInfo .tab1 .btn_tab li{float:left;width:115px;height:50px;margin-bottom:-1px;border:1px solid #ccc;border-bottom:1px solid #b20000;background:#f3f3f3;color:#333;font-size:16px;text-align:center;line-height:50px;transition:all 0.5s ease}
.findInfo .tab1 .btn_tab li:nth-child(2){border-left:none}
.findInfo .tab1 .btn_tab li.act{background:#fff;border:1px solid #b20000;border-bottom:0}
.findInfo .tab1 .tab_item{padding:40px;border:2px solid #ccc;border-top:1px solid #b20000}
.findInfo .tab1 .tab_item:not([data-index="0"]){display:none}



/* .findInfo .tab1 .btn_tab li,.find_id_wrap{display:none} */
.find_id_wrap>p,.find_pw_wrap>p{position:relative;color:#636363;font-size:16px;line-height:24px}
/* .find_id_wrap>p::after,.find_pw_wrap>p::after{display:block;content:'';position:absolute;top:58px;left:50%;width:40px;height:2px;margin:0 0 0 -20px;background:#333} */
.find_id,.find_pw{position:relative;margin:0 auto;width:341px;margin-top:40px}
.find_id dl,.find_pw dl{float:left}
.find_id dl dt,.find_pw dl dt{display:block;float:left;width:80px;padding:0 10px 0 0;line-height:26px;font-size:14px;color:#888;font-weight:bold;text-align:right}
.find_id dl dd,.find_pw dl dd{display:block;float:left}
.find_id dl:nth-child(2),.find_pw dl:nth-child(2){margin:5px 0 0 0}
.find_id dl dd input,.find_pw dl dd input{width:170px;height:26px;line-height:26px;padding:0 10px;border:1px solid #bbb;color:#888;font-size:14px}
.find_id a,.find_pw a{position:absolute;top:0px;right:0px;width:86px;height:57px;padding:10px;background:#b20000;color:#fff;font-size:14px;line-height:20px;text-align:center}
.findInfo .note{float:left;width:100%;margin-top:30px;padding:10px;background:#f3f3f3;font-size:15px;font-weight:bold} 
.findInfo .add{float:left;width:100%;margin-top:15px;font-size:13px} 



/* 아이디 찾기결과 */
.find_id_result,.find_pw_result{display:none}
.find_id_result p,.find_pw_result p{margin-bottom:30px;color:#636363;font-size:16px}
.find_id_result p span,.find_pw_result p span{color:#15539a}
.find_id_result .btn,.find_pw_result .btn{display:inline-block}
#searchPass{font-weight: bold; color: #b20000;}

/* 마이페이지 - 회원정보수정 */ 
.myinfo table{width:100%;margin:0 0 20px 0;border-top:2px solid #b20000}
.myinfo th{background:#f6f6f6;color:#333}
.myinfo tr{display:table-row;height:35px;vertical-align:inherit;border-color:inherit}
.myinfo tr:first-child{height:37px}
.myinfo th,.myinfo td{position:relative;padding:0 15px 0 24px;border-bottom:1px solid #ccc;font-size:13px;font-weight:normal;text-align:left;box-sizing:border-box}
.myinfo td{text-align:left}
.myinfo td div{display:block;position:relative}
.myinfo td div input{width:35%;min-width:90px;height:27px;padding:0 2%;border:1px solid #e6e6e6;background:#f7f7f7;font-size:18px;box-sizing:border-box}
.myinfo td div .button{display:inline-block;width:139px;min-width:97px;height:27px;border:none;background:#838383;color:#fff;font-size:12px;line-height:27px;text-align:center;vertical-align:middle;box-sizing:border-box}
.member_leave{float:right;color:#333}

/* 마이페이지 - 회원탈퇴 */ 
.myinfo .notice{margin:30px 0 30px 0;background:#f7f7f7}
.myinfo .notice p{padding:30px 33px;color:#000;font-size:13px;line-height:23px}
.myinfo .notice span{color:#ff0000}
.myinfo tr.bigbox{height:200px}
.myinfo tr.bigbox textarea{width:100%;height:180px;padding:20px;border:1px solid #ccc; line-height: 25px;resize: none;}