/*
 * @title			아이디 찾기
 * @author			[F/E]김보람
 * @date			2018.12.17
 * @update			2020.12.18 강희경
 * @description     1.ITM-11352 아이디/비번 찾기 개선(2020.12.18) : 본인명의 아이디찾기 후 비밀번호 재설정 , 로그인 폼 id 전달
 */
.g_container{ width:960px; padding-bottom:90px;}
.find_title{margin:40px 0;font-size:30px;color:#000;text-align:center;}
.find_title > span{margin-top:15px;display:block;font-size:16px;font-weight:bold;color:#000;text-align: center;}
.tab_area{ display: flex; margin:0 auto 20px; justify-content: center;}
.tab_area > div{ position:relative; box-sizing:border-box; width:50%; max-width: 200px; line-height:55px; border:2px solid #ddd; background-color:#FFF; text-align:center; color:#9f9f9f; font-size:18px; }
.tab_area > div:first-child{border-top-left-radius: 10px;border-bottom-left-radius: 10px; border-right: 0;}
.tab_area > div:last-child{border-top-right-radius: 10px;border-bottom-right-radius: 10px;border-left:0;}
.tab_area > div > a{ display:block; text-align:center; }
.tab_area > .selected{ background-color:#159EFD; border:1px solid #159EFD;color:#FFF;}
.collapse{max-width: 400px; margin:0 auto;}
.collapse:after{ content:''; display:block; clear:both; }
.collapse .collapse_title{display:flex;line-height:70px;border:2px solid #c6c6c6;font-size:16px;font-weight:bold;cursor:pointer; border-radius: 10px;margin-bottom:10px; padding:0 30px; align-items: center;}
.collapse .collapse_title .checked_img{display:flex; justify-content: center; align-items: center; width:30px; height:30px; background-color: #ddd; border-radius: 50%; margin-left:auto; }
.collapse .collapse_title .checked_img img{width:14px;}
.collapse.active .collapse_title{ color:#159EFD ; border-color:#159EFD;}
.collapse.active .collapse_title .checked_img{background-color: #159EFD;}
.collapse .collapse_cont{ display:none; overflow:hidden; padding:30px; background-color:#FBFBFB; text-align:center; font-size:14px; margin:10px 0; border:1px solid #c6c6c6; border-radius: 10px;}
.collapse.active .collapse_cont{ display:block }
.collapse .collapse_cont label{ font-weight:bold; }
.collapse .id_list > label{ display:block; margin:5px 0; text-align:center; }
.collapse .collapse_cont ul{width:100%; font-size:14px;}
.collapse .collapse_cont li{width:100%;display: flex; align-items: center; margin-bottom:10px; flex-wrap: wrap;}
.collapse .collapse_cont li span{flex:1; font-size:16px;}
.collapse .collapse_cont li span.long_text{margin-bottom:5px; display: block}
.collapse .collapse_cont li input{width:270px; font-size:16px; border-radius: 10px; border:1px solid #868686; height: 40px; padding-left:15px; color:#868686;}
.collapse .collapse_cont li input.new_pw{width:100%;}
.collapse .collapse_cont li div.mobile{width:270px;display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between;}
.collapse .collapse_cont li div.g-recaptcha{width:100%; display: block; padding:20px 0;}
.collapse .collapse_cont li div.mobile input{max-width:80px;}
.collapse .collapse_cont li:last-child input{flex:1;}
.collapse .collapse_cont .write_id dd:last-child{padding:0;}
.collapse .collapse_cont .pw_area .g_password{ padding-right:70px; }
.collapse .collapse_cont .pw_area .password_help{ position:absolute; right:10px; top:8px; font-weight:bold; }
.collapse .collapse_cont .muser_password{ font-size:16px; }
.collapse .collapse_cont .mobile .g_text{ width:137px; }
.collapse .collapse_cont .g_btn{ margin:20px 0 10px; }
.collapse .collapse_cont .btn_blue3{ width:100%; padding:15px 0; background-color:#159EFD;font-size:16px; border-radius: 10px;}
.collapse .collapse_cont .btn_gray3{ display:inline-block;  width:100%;  padding:15px 0; font-size:15px; box-sizing: border-box; border:1px solid #8E8E8E; border-radius: 10px;}
.collapse .collapse_cont .big_btn{ width:100%; line-height: 50px; padding:0;  border-radius: 10px; font-size:17px;}
.collapse .collapse_cont .small_btn{ width:130px; }
.collapse .collapse_cont .icon_mobile{ display:inline-block; width:63px; height:68px; margin-bottom:15px; background:url(//img3.itemmania.com/new_images/find/icon_phone.png) no-repeat; text-indent:-9999px; }
.collapse .collapse_cont .icon_ipin{ display:inline-block; width:135px; height:25px; margin-bottom:25px; background:url(//img3.itemmania.com/new_images/portal/user/img_ipin.png) no-repeat; background-size: cover; text-indent:-9999px; }
.collapse .collapse_cont .big_txt{display:block;font-size:20px; font-weight:bold; text-align:center; }
.collapse .collapse_cont .big_txt2{display:block;font-size:16px; font-weight:bold; text-align:center; }
.collapse .collapse_cont .small_txt{margin-top:10px;display:block;font-size:16px;color:#9F9F9F; text-align:center; }
.collapse .collapse_cont .des_txt{ display:block; margin:30px 0; font-size:14px; color:#9F9F9F; text-align:center; }
.collapse .collapse_cont .write_id{ width:350px; margin-top:20px; }
.bt_txt{ margin-top:24px; font-weight:bold; font-size:14px; }
.join_btn{ display:inline-block; width:136px; height:46px; margin-left:20px; background-color:#FF7F47; color:#FFF; font-size:15px; text-align:center; line-height:50px; }
.collapse .collapse_cont .change_area{ text-align:center; }
.collapse .collapse_cont .gray_box{ box-sizing:border-box; margin:0 auto; padding:20px 34px; background-color:#F1F1F1; line-height:40px; font-weight:bold; text-align:center; }
.collapse .collapse_cont .gray_box .g_text{height:40px; margin-left:5px; text-align:center; font-size:15px; border-radius: 10px;}
.collapse .collapse_cont .gray_box .certkey_txt{margin-top:16px; font-size:14px; font-weight:normal; line-height: 14px; }
.g-recaptcha > div{ margin:0 auto; }

/* 비밀번호 찾기 id 노출 div */
.collapse .collapse_cont .id_wrapper {margin:0 auto; height:40px; text-align: center;}