@charset "utf-8"; 
/* CSS Document */

body{background:#edf2f8;}
/*layer_popup*/
.index_bg{position:fixed; left:0; top:0; width:100%; height:100%; opacity:0.4; -ms-filter:alpha(opacity=40);filter:alpha(opacity=40); -moz-opacity:0.4; z-index:800; background:#000; overflow:hidden;}
.layer_wrap{position:relative; width:1280px; margin:0 auto; z-index:998;}
.layer_wrap:after{display:block; clear:both; content:"";}
.pop_content{margin:20px; background:#fff; padding:15px;}
.pop_content:after{clear:both; display:block; content:"";}
.sub_layer{position:fixed; left:50%; top:50%; z-index:998; background:#f0f0f0;}

/* 팝업 공통 css */
.popup{min-width:auto;}
.popup h2{width:100%; height:56px; background-color:#b3005b;}
.popup h2 span{font-size:17px; font-weight:600; line-height:56px; color:#fff; margin-left:20px;} 
.popup .btn_close{position:absolute; right:20px; top:22px;}

/* input[type="text"]{float:left; height:28px; line-height:16px; padding:6px 10px;  border:1px solid #c7c7c7;}

table.list p{float:left;}

p.alarm{ background:#f7f7f7; padding:10px 15px; text-align:center;}
ul.alarm{}
ul.alarm li{line-height:28px; font-size:14px;}
ul.alarm li a{margin-left:10px; font-size:14px; color:#f16051; font-weight:600;}

p.red{color:#f16051; margin-top:15px; text-align:center;}

.step{height:100px; line-height:100px; padding:0 10px; margin-top:20px;} 
.step:after{display:block; clear: both; content:"";}
.step ul li{float:left; width:50%; line-height:28px; padding:0 10px; box-sizing:border-box;}
.step ul li a{position:relative; display:inline-block; height:100px; background:#fff; width:100%; box-sizing:border-box;}
.step ul li dl{margin:15px 20px;}
.step ul li dt.title{font-size:24px; font-weight:600; color:#094b9f; font-weight:600; margin-bottom:5px;}
.step ul li dt.txt{font-size:14px; font-weight:400; line-height:18px;}
.step ul li dd{position:absolute; top:10px; right:10px;}
.step ul li a:hover,
.step ul li a.on{border:2px solid #094b9f;}


.idsearch_result{background:url(../images/popup/icon_idsearch.png) no-repeat center top; padding-top:65px; text-align:center; margin:15px 0;}
.idsearch_result ul{padding:15px 0;}
.idsearch_result ul li{line-height:24px; font-size:14px;}
.idsearch_result ul li em{font-weight:600; color:#094b9f;}
.pwsearch_result{background:url(../images/popup/icon_pwsearch.png) no-repeat center top;  padding-top:65px; text-align:center; margin:15px 0;}
.pwsearch_result p{line-height:24px; font-size:14px; margin:15px 0;}
.pwsearch_result p em{font-weight:600; color:#094b9f;}

span.red{color:#f16051; font-size:13px; float:left; height:30px; line-height:30px; margin-left:5px;}
table td span{font-size:13px; float:left; height:30px; line-height:30px; margin:0 15px 0 5px;}

.btnArea .C a{margin:0 2px;} */

.popup input[type="text"]{float:left; height:28px; line-height:16px; padding:6px 10px;  border:1px solid #c7c7c7;}

.popup table.list p{float:left;}

.popup p.alarm{ background:#f7f7f7; padding:10px 15px; text-align:center;}
.popup ul.alarm{}
.popup ul.alarm li{line-height:28px; font-size:14px;}
.popup ul.alarm li a{margin-left:10px; font-size:14px; color:#f16051; font-family:NSB;}

.popup p.red{color:#f16051; margin-top:15px; text-align:center;}

.popup .step{height:100px; line-height:100px; padding:0 10px; margin-top:20px;} 
.popup .step:after{display:block; clear: both; content:"";}
.popup .step ul li{float:left; width:50%; line-height:28px; padding:0 10px; box-sizing:border-box;}
.popup .step ul li a{position:relative; display:inline-block; height:100px; background:#fff; width:100%; box-sizing:border-box;}
.popup .step ul li dl{margin:15px 20px;}
.popup .step ul li dt.title{font-size:24px; font-family:NSB; color:#094b9f; font-weight:600; margin-bottom:5px;}
.popup .step ul li dt.txt{font-size:14px; font-family:NS; line-height:18px;}
.popup .step ul li dd{position:absolute; top:10px; right:10px;}
.popup .step ul li a:hover,
.popup .step ul li a.on{border:2px solid #094b9f;}


.popup .idsearch_result{background:url(../images/popup/icon_idsearch.png) no-repeat center top;  padding-top:65px; text-align:center; margin:15px 0;}
.popup .idsearch_result ul{padding:15px 0;}
.popup .idsearch_result ul li{line-height:24px; font-size:14px;}
.popup .idsearch_result ul li em{font-family:NSB; color:#094b9f;}
.popup .pwsearch_result{background:url(../images/popup/icon_pwsearch.png) no-repeat center top;  padding-top:65px; text-align:center; margin:15px 0;}
.popup .pwsearch_result p{line-height:24px; font-size:14px; margin:15px 0;}
.popup .pwsearch_result p em{font-family:NSB; color:#094b9f;}

.popup span.red{color:#f16051; font-size:13px; float:left; height:30px; line-height:30px; margin-left:5px;}
.popup table td span{font-size:13px; float:left; height:30px; line-height:30px; margin:0 15px 0 5px;}

.popup .btnArea .C a{margin:0 2px;}

.popup .notice{display:inline-block; line-height:28px; font-size:14px; margin-top:10px;}

@media all and (max-width:649px) { 
	.step{display:none;}
}

/* 서브 소제목 추가 */
.pop_content h4{background:url(../images/main/calendar_month_next.gif) no-repeat left 5px; margin-bottom:14px; padding-left:22px;}
.pop_content h4 span{font-size:16px; font-weight:400; color:#1b4b7c;}

/* 테이블 보조 안내문 */
.pop_content p.table_title{font-size:15px; font-weight:300; color:#777; margin-bottom:7px;}

.all_board:after{display: block; clear: both; content:'';}
.otp .txt_wrap{border-bottom:1px solid #ddd; padding:0 0 20px 0; margin-bottom:30px;}
.otp .txt_wrap:after{display:block; content:''; clear: both;}
.otp .txt_wrap > div{display:inline-block;}
.otp .txt_wrap p{font-size:14px; line-height:20px; margin-bottom:8px;}
.otp .txt_wrap ul li{font-size:14px; line-height:20px; margin-bottom:8px;}
.otp .txt_wrap ul li em{color: #b85c3a; font-weight: bold;}
.otp .qrcode{border:2px solid #bde1f0; padding:10px; height:150px; margin-right:20px;}
.otp .qrcode img{height:100%;}
.otp .btn_black{ padding:5px 0 5px 10px; border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px; height:24px; line-height:24px; background-color:#8b8b8b; font-weight:400; color:#fff; font-size:13px; margin-left:5px;}
.otp .btn_black span{ padding:0  10px 0 0; border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px; height:24px !important; line-height:24px; background-color:#8b8b8b; font-weight:400; color:#fff; font-size:13px;}
.btnAreaPop{clear:both;background-color:#f0f0f0; width:100%; height:42px; box-sizing:border-box; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:1px;}
.btnAreaPop a{width:49.5%;display:inline-block;height:42px;line-height:42px;color:#484848;margin:0;text-align:center;font-size:15px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}