/* BASIC css start */
/* 공통 */
#overlay_layer { display:none; } 
.find_idpw { font-size:12px; color:#777; text-align: left; } 
.find_idpw img { border: 0 none; vertical-align: middle; } 
.find_idpw a,
.find_idpw a:hover,
.find_idpw select,
.find_idpw input { vertical-align: middle; text-align: left; } 
.find_idpw .input-radio { width:12px; height:12px; margin:-2px 0 0; padding:0; } 
.find_idpw .tit { margin:0; padding-bottom: 6px; border-bottom: 4px solid #3b4453; font-size: 16px; font-weight: bold; line-height:20px; } 
.find_idpw .sub-tit { margin:10px 0 40px; } 
.find_idpw .radio-wrap { margin:0 0 10px; } 
.find_idpw .radio-wrap label { margin-right:30px; color:#575757; font-weight:bold; } 
.find_idpw .find-info table { width:100%; border-spacing:0; border-collapse:collapse; font-size:12px; border-top:2px solid #384150; border-bottom:2px solid #384150; } 
.find_idpw .find-info table caption { display:none; } 
.find_idpw .find-info table th { font-weight: bold; font-size:12px; color:#767678; background:#f9f9fb; text-align:center; } 
.find_idpw .find-info table th div,
.find_idpw .find-info table td div { padding:7px 0; } 
.find_idpw .find-info table td div { padding-left: 6px; } 
.find_idpw .MS_input_txt { width: 150px; height: 20px; line-height:22px; border: 1px solid #e3e3eb; } 
.find_idpw tr.user-name th,
.find_idpw tr.user-name td { border-bottom: 1px solid #ececee; } 
.find_idpw .btn-area { padding:20px 0 50px; text-align: center; } 
.find_idpw .btn-area a { font-size:0; } 
/* 아이핀 */
.find_idpw .ipin-confirm { padding: 20px 0; border: 3px solid #d4d4d4; text-align: center; background:#fdfdfd; } 
.find_idpw .ipin-confirm dt { margin-bottom: 25px; font-size: 14px; } 
.find_idpw .ipin-confirm a.ipin-svc { margin:0 10px; font-size: 14px; font-weight: bold; color: #d63449; text-decoration: underline; } 

/*디자인위브추가*/
input::placeholder { font-weight: 400; font-size: 14px; line-height: 55px; letter-spacing: -0.03em; color: #C9C9C9; } 
#content { width:100%; } 
.find_id_wrap { width: 932px; padding: 60px 0 0 0; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; justify-content: center; grid-column-gap: 160px; } 
.find_idpw { position: relative; } 
.find_idpw .tit { margin: 0; padding-bottom: 12px; border-bottom: none; font-weight: 600; font-size: 20px; line-height: 20px; letter-spacing: -0.03em; color: #424242; } 
.find_idpw .sub-tit { margin: 0 0 0 0; font-weight: 400; font-size: 14px; line-height: 21px; letter-spacing: -0.03em; text-transform: uppercase; color: #7B7672; } 
.find_idpw .radio-wrap { margin: 0 0 0 0; padding: 40px 0 15px; } 
.find_idpw .radio-wrap label { font-weight: 400; font-size: 14px; line-height: 14px; letter-spacing: -0.03em; color: #424242; margin: 0 0 0 0; cursor:pointer} 
.find_idpw .radio-wrap label:first-child { margin-right: 20px; } 
.find_idpw .radio-wrap label input[type=radio] { appearance: none; transition: all 0.3s; width: 15px; height: 15px; display: inline-block; vertical-align: middle; background: url(/design/happyprinc/wib/img/radio-off.svg) no-repeat left center; margin-right: 8px; } 
.find_idpw .radio-wrap label input[type=radio]:checked { background: url(/design/happyprinc/wib/img/radio-on.svg) no-repeat left center; } 
.find_idpw .find-info table { border: none; } 
.find_idpw .find-info table tr.user-name { border: none !important; } 
.find_idpw .find-info table th { display: none; } 
.find_idpw tr.user-name th,
.find_idpw tr.user-name td { border: none; } 
.find_idpw .find-info table td div { padding: 0 0 0 0; width: 100%; height: 100%; } 
.find_idpw .MS_input_txt { width: 100%; height: 55px; line-height: 55px; border: 1px solid #C8C8C8; margin: 0 0 8px 0px; padding: 0 0 0 0; text-indent: 15px; color:#424242} 
.find_idpw .MS_input_txt::placeholder{color:#c9c9c9}

.find_idpw .btn-area { padding: 22px 0 50px; text-align: center; display: grid; grid-row-gap: 10px; font-size: 0; } 
.find_idpw .btn-area a { transition: all 0.3s; border: 1px solid #424242; width: 100%; height: 55px; line-height: 55px; text-align: center; font-weight: 500; font-size: 16px; letter-spacing: -0.03em; box-sizing: border-box; } 
.find_idpw .btn-area a:first-child { background: #FFFFFF; color: #424242; } 
/*.find_idpw .btn-area a:first-child:hover { background: #7B7672; color: #FFF; } */
.find_idpw .btn-area a:last-child { background:#7B7672; color: #FFF; border: none; }
/*.find_idpw .btn-area a:last-child:hover { background: #5c5859; }  */
.find_idpw .btn-area a img { display: none; } 

/*right*/
#find_pw::before { display: inline-block; content: ''; width: 1px; height: 328px; position: absolute; left: -80px; background: #C9C9C9; top: 0; } 
#find_pw.find_idpw .radio-wrap { padding: 20px 0 15px; } 
#find_pw.find_idpw .radio-wrap { display: flex; justify-content: space-between; } 
#find_pw.find_idpw .radio-wrap label:first-child { margin-right: 0; } 

.find_idpw .ipin-confirm { border: 1px solid #C8C8C8; box-sizing: border-box; background: #FFF; padding: 27px 0 27px; } 
.find_idpw .ipin-confirm dt { margin-bottom: 10px; font-weight: 400; font-size: 14px; line-height: 20px; text-align: center; letter-spacing: -0.03em; color: #424242; } 
.find_idpw .ipin-confirm a.ipin-svc { font-weight: 400; font-size: 14px; line-height: 14px; letter-spacing: -0.03em; text-decoration-line: underline; color: #7B7672; } 

/*자동입력방지 프로그램*/
#passimg { position: absolute; visibility: visible; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%); } 
#passimg #authimg { width: 440px !important; height: auto !important; border: 1px solid #424242 !important; background-color: #fff; z-index: 5; padding: 30px 30px !important; } 
#passimg #authimg > h1 { height: auto !important; line-height: 20px !important; margin-bottom: 0 !important; margin-top: 0px !important; padding: 0 0 25px 0 !important; font-size: 20px !important; color: #424242 !important; font-weight: 600 !important; background-color: #FFF !important; position: relative; } 
#passimg #authimg > h1 > a { width: 20px; height: 20px; background: url(/design/happyprinc/wib/img/icon-popclose.svg) no-repeat center 100%; } 
#passimg #authimg > h1 > a > img {display: none;}
#passimg #authimg > div { width: 100% !important; margin: 0 0 0 0 !important; } 
#passimg #authimg > div table { border-width: 1px 0 1px 0 !important; border-color: #C9C9C9 !important; border-style: solid !important; } 
#passimg #authimg > div table tbody tr.user-name { border-bottom: 1px solid #C9C9C9 !important; } 
#passimg #authimg > div table tbody th div { text-align: left !important; font-weight: 400 !important; font-size: 14px !important; line-height: 14px; letter-spacing: -0.03em; color: #424242; padding: 28px 0; } 
#passimg #authimg > div table tbody td { padding: 18px 0; } 
#passimg #authimg > div table tbody td input#authtext { width: 150px !important; height: 55px !important; line-height: 55px !important; border: 1px solid #C9C9C9 !important; text-indent: 15px; } 
#passimg #authimg > div .btn-area { margin-top: 25px !important; } 
#passimg #authimg > div .btn-area a { display: block; width: 100%; height: 55px; background: #7B7672; position: relative; } 
#passimg #authimg > div .btn-area a::before { display: inline-block; content: '확인'; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #FFF; letter-spacing: -0.03em; font-style: normal; font-weight: 500; font-size: 16px; line-height: 16px; } 
#passimg #authimg > div .btn-area a img { display: none; } 

/* BASIC css end */