/* common */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number]{
	-moz-appearance: textfield;
}


.common_image_button {
	background-repeat: no-repeat;
	background-origin: content-box;
	border : none;
	cursor: pointer;
}
.common_contents_background {
	height:426px;
}

body{
	font-size: 12px;
}

.gnb{
	height:20px;
}

.gnb_menu{
	float:right;
	padding-right:8px;
	padding-top:5px;
	font-weight:bold;
}

.gnb_menu li{
	float:left;
	padding-right:5px;
	color:#0077a2;
}

.gnb_menu li a{
	color:#0077a2;
	text-decoration:none;
	letter-spacing:-0.5px;
}

.mt5 {
    margin-top: 5px;
}

.con_box3{
	margin-left: 28px;
    width: 388px;
    display: inline-block;
    padding-bottom: 8px;
    background: url("../../images/web/box_body.gif") no-repeat 0px 100%;
    text-decoration: none !important;
    white-space: nowrap;
}

.btn3 b{
	display:block;
	padding:2px 6px 2px 10px;
	background:url('../../images/common/btn_body.gif') no-repeat 0 -44px;color:#fff;
}

.btn3 {
	display:inline-block;
	padding-right:3px;
	background:url('../../images/common/btn_body.gif') no-repeat 100% -44px;
	font-family:'����',dotum; font-size:14px;
	text-decoration:none !important;
	white-space:nowrap;
}

table {
    border-collapse: collapse;
}

.enter_button{
	width: 53px;
    height: 25px;
    background-image: url(../../images/web/btn_ok.gif);
    background-repeat: no-repeat;
    background-origin: content-box;
    border: none;
    cursor: pointer;
}

.pre_button{
	width: 53px;
    height: 25px;
    background-image: url(../../images/web/btn_back.gif);
    background-repeat: no-repeat;
    background-origin: content-box;
    border: none;
    cursor: pointer;
}

.input_type{
	display:flex;
}

/* layout */
.layout_background {
	background:url('../../images/web/layout_bg.gif') no-repeat left top;
	height:550px;
	width:445px;
	margin:0px;
	padding:0px;
}

.layout_background2 {
	background:url('../../images/web/layout_bg2.gif') no-repeat left top;
	height:640px;
	width:445px;
	margin:0px;
	padding:0px;
}

/* header */
.header_background {
    height: 45px;
	padding-top: 10px;
}
.header_background .rogo_ipin {
	background-image: url("../../images/web/header_rogo_ipin.gif");
	width: 137px;
	height: 40px;
	display: inline-block;
	margin-left: 10px;
}
.header_background .certify_mark {
	background-image: url("../../images/web/header_certify_mark.png");
	width:93px;
	height:27px;
	background-repeat: no-repeat;
	background-origin: content-box;
	display: inline-block;
	margin-left: 60px;
}
.header_background .rogo_siren24 {
	background-image: url("../../images/common/header_rogo_siren24.gif");
	width:115px;
	height:40px;
	background-size: 115px 40px;
	display: inline-block;
	margin-left: 10px;
}

/* nav */
.nav_background{
  height: 34px;
	width: 445px;
	padding-top:7px;
	padding-left:20px;
}
.nav_background_lbl{
	color: #0076A3;
    font-size: 17px;
    font-weight: 900;
}

/* footer */
.footer_background { 
	height: 25px;
}
.footer_background li {
    float: left;
	padding-right: 23px;
}
.footer_background li a {
    font-size: 12px;
}
.footer_background .item_first {
	padding-left: 45px;
}

/* 메인화면 로그인 */
.main_login_background {
    height: 170px;
	width: 445px;
}

.main_login_background .form_id {
	width: 225px;
	float: left;
	display: flex;
	margin-left: 75px;
	padding-top: 30px;
}

.main_login_background .form_pw {
	width: 225px;
	float: left;
	display: flex;
	margin-left: 75px;
}

.main_login_background .form_captcha {
	width: 245px;
	float: left;
	display: flex;
	margin-left: 75px;
}

.common_input {
	height:18px;
	border:solid #0ea3b3 1px;
	padding-left:2px;
	width:136px;
}

.main_login_background .form_submit {
	padding-top: 30px;
}

.main_login_background .btn_enter{
	background-image: url("../../images/web/main_login_btn_enter.gif");
	width: 64px;
	height: 50px;
}

/* 메인화면 간편인증 */
.main_simpleauth_background {
	background:url('../../images/web/main_simpleauth_bg.png') no-repeat left top;
	height: 94px;
	width: 445px;
	margin:0px;
	padding:0px;
}

.main_simpleauth_background .btn_simpleauth {
	background: url('../../images/web/main_simpleauth_btn.png') no-repeat left top;
	height: 50px;
	width: 93px;
	margin-left: 300px;
	margin-top: 20px;
}

/* 메인화면 메뉴 */
.main_menu_background{
	height: 120px;
	padding-top: 13px;
}

/* 메인화면 키보드 보안 모듈 설치 */
.main_nxkey_background{
	margin-left: 20px;
	width: 402px;
	height: 30px;
	background: #fff;
	border: 1px solid #e8e8e8;
}
.main_nxkey_background .main_nxkey_btn{
	background-image: url("../../images/web/main_nxkey_btn.gif");
	width: 47px;
	height: 24px;
}

.main_menu_list li{
	float: left;
	margin-right: 12px;
}

.main_menu_list .item_new {
	margin-left: 20px;
}

.main_menu_list .btn_size{
	width: 92px;
	height: 119px;
}

.main_menu_list .btn_new{
	background-image: url("../../images/web/main_menu_btn_new.gif");
}

.main_menu_list .btn_search{
	background-image: url("../../images/web/main_menu_btn_search.gif");
}

.main_menu_list .btn_manage{
	background-image: url("../../images/web/main_menu_btn_manage.gif");
}

.main_menu_list .btn_mypin{
	background-image: url("../../images/web/main_menu_btn_mypin.gif");
}

/* 신규발급 약관동의 */
.agree_label{
	position: relative;
	display: inline-block;
	width: 270px;
}

.arrow{
	background: url('../../images/web/bu_arrow.gif') no-repeat 3px 3px;
	padding-bottom: 2px;
	padding-left: 20px;
	font-size: 15px;
	letter-spacing: -2px;
}

.arrow p {
	font-size: 13px;
	padding-top: 2px;
}

.agree_contain{
	margin-top:-10px;
	padding-left:28px;
}

.all_agree_text{
	font-weight:800;
	margin-left:10px;
}

.agree_margin_right{
	margin-right:10px;
}

.agree_view_full_text{
	display: inline-block;
	padding-right: 0px !important;
	background-image: url("../../images/common/btn_policy.png") !important;
	width: 54px;
	height: 20px;
	border: 0 none;
    vertical-align: middle;
}

.area_footer{
	width:378px;
	padding-top:2px;
	padding-bottom:4px;
}

.agree_checkbox_wrap{
	position: relative;
    width: 360px;
    height: 150px;
    padding-left: 20px;
    border: 1px solid gray;
    background-color: white;
    border-radius: 4px;
    top: 20px;
    margin-bottom: 30px;
    padding: 10px;
}

.check_select_all {
	position: relative;
	display: flex;
	width: 360px;
	border-bottom: 2px solid black;
	padding-bottom: 2.5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* 본인정보 제3자 제공요구서 */
.agree_privacy_wrap {
	position: relative;
	width: 380px;
	height: 235px;
	border: 1px solid gray;
	background-color: white;
	border-radius: 4px;
	top: 10px;
	margin-top: 5px;
	margin-bottom: 30px;
	padding: 10px;
	overflow-y: scroll;
}

.agree_privacy_wrap .txtArea {
	font-size: 0.7rem;
	line-height: 14px;
	padding-bottom: 10px;
}

.txtArea2 {
	width: 380px;
	font-size: 0.7rem;
	font-weight: bolder;
	line-height: 14px;
	padding-bottom: 15px;
}

.bullet_01 p {
	font-size: 0.7rem;
}

.agree_privacy_wrap table {
	border: #888888 solid 1px;
	font-size: 0.69rem;
	width: 363px;
	margin-bottom: 10px;
}

.agree_privacy_wrap thead {
	border-bottom: #888888 solid 2px;
	background-color: #eceaee;
}

.agree_privacy_wrap tbody td {
	border: #888888 solid 1px;
	width: auto;
}

.agree_privacy_wrap td:nth-child(1) {
	text-align: center;
}

.agree_privacy_wrap td:nth-child(3) {
	text-align: center;
}

.agreeWrap {
	display: grid;
	justify-content: center;

}

.privacyCheckbox {
	width: 340px;
	display: flex;
	padding: 7px 25px 7px 25px;
	justify-content: space-between;
	font-weight: bolder;
	border: #999999 solid 1px;
	border-radius: 4px;
}




/* 사용자 연령 선택*/
.btn_baby{
	overflow: hidden;
	width: 50%;
	border: 2px solid #ff6200;
	height: 160px;
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: white;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.btn_baby:hover{
	background-color: rgba(219, 80, 30, 0.2);
}

.btn_man{
	overflow: hidden;
	width: 50%;
	border: 2px solid #0077a2;
	height: 160px;
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: white;
	margin-right:17px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.btn_man:hover{
	background-color: rgba(30, 178, 219, 0.2);
}

.contents_display_area{
	position: relative;
	width: 360px;
	height: 170px;
	padding-left: 20px;
	border: 1px solid rgb(212, 210, 210);
	background-color: white;
	border-radius: 4px;
	top: 20px;
	margin-bottom: 30px;
	padding: 10px;
}

.btn_txt_area{
	display:flex;
	justify-content: center;
	flex-direction: column;
}

.btn_txt_area_pd_bottom{
	padding-bottom: 20px;
}

.btn_wrap{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	height: 100%;
	width: 100%;
	transform: scale(0.9);
}

#btn_man{
	background-image: url("../../images/common/man_ic.png");
	background-repeat: no-repeat;
	background-position: center;
	height:168px;
	border: 0 none;
	vertical-align: middle;
	padding-bottom: 20px;
	top:0px;
}

#btn_baby{
	background-image: url("../../images/common/baby_ic.png");
	background-repeat: no-repeat;
	background-position: center;
	height:168px;
	border: 0 none;
	vertical-align: middle;
	padding-bottom: 20px;
	top:0px;
}

.btn_img{
	position:relative;
	transform: scale(0.5);

}

.btn_tit{
	font-weight: 800;
	text-align: center;
	font-size: 17px;
}

#btn_tit_man{
	color: #0077a2;
	margin-top: -43px;
}

#btn_tit_baby{
	color: #ff6200;
	margin-top: -43px;
}

.btn_txt{
	text-align: center;
}

.mt-30{
	margin-top: -30px;
}

.pt40{
	width:75px;
	height:30px;
}

.age_contents{
	padding-left:28px;
}

/* 신원확인 */
.identity_button{
	background-repeat: no-repeat;
	background-position: center;
	height:119px;
	width:92px;
}

.identity_phone_active{
	background-image: url("../../images/web/ipin03_btn_03.gif");
}

.identity_phone_disabled{
	background-image: url("../../images/web/ipin03_btn_08.gif");
}

.identity_cert_active{
	background-image: url("../../images/web/ipin03_btn_01.gif");
}

.identity_cert_disabled{
	background-image: url("../../images/web/ipin03_btn_06.gif");
}

.identity_meet_active{
	background-image: url("../../images/web/ipin03_btn_04.gif");
}

.identity_meet_disabled{
	background-image: url("../../images/web/ipin03_btn_09.gif");
}

.identity_menu{
	padding-left:20px;
	height:130px;
}

.button li{
	float:left;
	padding-right:12px;
}

.identity_guide{
	margin:10px 28px; 
}

.display{
	display:inline-block;
}

.display_none{
	display:none;
}

.con_box3 ul {
    width: 372px;
    display: block;
    background: url("../../images/web/box_body.gif") no-repeat 0 0px;
    padding-left: 15px;
    padding-top: 10px;
}

.red{
	color: #ff2400;
}

.bullet_01{
	background: url("../../images/web/bullet_01.gif") no-repeat left 6px;
    padding-left: 8px;
}

.identity_submit_div{
	padding-left: 110px;
	padding-top: 10px;
	display:inline-block;
	padding-right:4px;
	font-family:'����',dotum; font-size:14px;
	text-decoration:none !important;
	white-space:nowrap;
}

.identity_submit_div b{
	display:inline-block;
	padding:2px 6px 2px 10px;
	background:url('../../images/common/btn_body.gif') no-repeat 0 -44px; color:#fff;
}

.pl140{
	padding-left:140px;
}

/* 신규발급 휴대폰 인증 */

.con2{
	padding-left: 28px;
	padding-top: 5px;
}

.con_box2{
	width: 388px;
	display: inline-block;
	padding-bottom: 8px;
	background: url(../../images/web/box_body.gif) no-repeat 0px 100%;
	text-decoration: none !important;
	white-space: nowrap;
}

.form3 {
    width: 372px;
    display: block;
    background: url(../../images/web/box_body.gif) no-repeat 0 0px;
    padding-left: 15px;
    padding-top: 10px;
	padding-bottom:2px;
}

.form3 label {
    width: 90px;
    float: left;
    height: 24px;
    font-size: 13px;
    color: #0077a2;
    font-weight: bold;
    background: url(../../images/web/bullet_01.gif) no-repeat left 6px;
    padding-left: 8px;
}

.form3 dt {
    width: 90px;
    float: left;
    height: 24px;
    font-size: 13px;
    color: #0077a2;
    font-weight: bold;
    background: url(../../images/web/bullet_01.gif) no-repeat left 6px;
    padding-left: 8px;
}

.form3 dd {
    width: 270px;
    height: 24px;
}

input.s3 {
    height: 18px;
    border: solid #0ea3b3 1px;
    padding-left: 2px;
    width: 37px;
    font-size: 13px;
	margin-right : 5px;
	margin-left : 5px;
}

input.s4 {
    height: 18px;
    border: solid #0ea3b3 1px;
    padding-left: 2px;
    width: 150px;
    margin-right: 2px;
    font-size: 13px;
}

input.s5 {
    height: 18px;
    padding-left: 2px;
    width: 59px;
    margin-right: 2px;
    font-size: 13px;
	margin-left: 2px;
    border: none;
    vertical-align: initial;
}

.birth_box_wrap {
    display: flex;
    left: 8px;
    top: -17px;
}

.birth1_box {
    width: 68px;
    border: 1px solid #0ea3b3;
    height: 18px;
    margin-right: 5px;
}

.birth2_img{
	background: url(../../images/common/birth2_img.png) no-repeat;
	background-size: contain;
	width: 70%;
    height: 30%;
    margin-left: 3px;
    margin-top: 7px;
	border: 0 none;
    vertical-align: middle;
}

.birth2_box {
    width: 50px;
    border-right: 1px solid #0ea3b3;
    border-top: 1px solid #0ea3b3;
    border-bottom: 1px solid #0ea3b3;
    height: 18px;
}

.birth2_box1{
	border: 1px solid #0ea3b3;
	height: 18px;
	margin-left: 5px;
}

.birth2_box1 input{
	width: 8px;
}

.phone_select{
	height: 22px;
	border: solid #0ea3b3 1px;
	padding-left: 2px;
	margin-right: 5px;
	font-size: 10px;
}

.commid {
    height: 22px;
    border: solid #0ea3b3 1px;
    padding-left: 2px;
    width: 155px;
    margin-right: 2px;
    font-size: 13px;
}

.button2 {
    background-color: #086A87;
    border: none;
    color: white;
    padding: 3px 5px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 5px;
}

.ls0 {
    letter-spacing: -1px;
}

.btn1 {
    display: inline-block;
    padding-right: 4px;
    background: url(../../images/common/btn_body.gif) no-repeat 100% 0px;
    font-size: 12px;
    letter-spacing: -1px;
    text-decoration: none !important;
    white-space: nowrap;
	height: 21px;
}

.btn1 span {
    display: block;
    padding: 2px 3px 1px 7px;
    background: url(../../images/common/btn_body.gif) no-repeat 0 0px;
    color: #565656;
}

.ml115 {
    margin-left: 115px;
}

/* pass 휴대폰 인증 */

.pass_text{
	height:80px;
	margin-top: 20px;
	font-weight: bold;
	color: #ff2400;
}

.pass_button_group{
	padding-top:10px;
	padding-left:100px;
	display:flex;
}

/* SMS 휴대폰 인증 */

input.s1 {
    height: 18px;
    border: solid #0ea3b3 1px;
    padding-left: 2px;
    width: 45px;
    margin-right: 0px;
    font-size: 13px;
}

.sms_time {
    background-color: #FFFFFF;
    position: absolute;
    top: 151px;
    left: 230px;
    line-height: 1.2em;
}

.sms_input_time {
    background-color:#ffffff; 
	border:none; 
	width:55px; 
	font:bold 11px dotum; 
	vertical-align:0; 
	text-align:center; 
	color:#4d4d4d;
}

/* 아이핀 사용자정보 */
.form3 .s2 {
    padding-left: 100px;
    width: 280px;
    height: 40px;
    color: #E00000;
    letter-spacing: -0.5px;
}

.id_check{
	display: inline-block;
    padding-right: 4px;
    background: url(../../images/common/btn_body.gif) no-repeat 100% 0px;
    font-size: 12px;
    letter-spacing: -1px;
    text-decoration: none !important;
    white-space: nowrap;
	height: 21px;
}

.pw_check{
	display: inline-block;
    padding-right: 4px;
    background: url(../../images/common/btn_body.gif) no-repeat 100% 0px;
    font-size: 12px;
    letter-spacing: -1px;
    text-decoration: none !important;
    white-space: nowrap;
	height: 21px;
}

.pw_rule{
	display: inline-block;
    padding-right: 4px;
    background: url(../../images/common/btn_body.gif) no-repeat 100% 0px;
    font-size: 12px;
    letter-spacing: -1px;
    text-decoration: none !important;
    white-space: nowrap;
	height: 21px;
}

.check_span {
    display: block;
    padding: 2px 3px 1px 7px;
    background: url(../../images/common/btn_body.gif) no-repeat 0 0px;
    color: #565656;
}

/* 2차 인증수단 */

.arrow_margin{
	margin-left: 28px;
	margin-top: 3px;
}

.txt_align_center{
	text-align: center;
}

.pd5{
	padding : 5px;
}

.division_txt{
	padding:1px; width:30px;
}

.auth_method_txt{
	padding-left:28px; 
	padding-top:5px; 
	font-size:11px;
}

.ipin_app_img{
	width: 388px;
	height: 247px;
	background: url("../../images/common/150309_img_ipin_1.gif") no-repeat;
}

.ipin_app_img_mg{
	margin-left: 28px;
    margin-top: 10px;
}

/* 아이핀 발급 완료 */
.icon_msg{
	background: url("../../images/web/icon_arrow.gif") no-repeat 5px 5px;
}

/* 14세미만 아이디 찾기(법정대리인 관계 확인 */
.input_title {
    border-bottom: 1px solid gray;
    margin-bottom: 10px;
    font-weight: 900;
	width: 387px;
	margin-top:5px;
}

.legal_repre_confirm_container{
	padding-left:28px;
}

.legal_repre_confirm_s4{
	height: 18px;
    border: solid #0ea3b3 1px;
    padding-left: 2px;
    width: 150px;
    margin-right: 2px;
    font-size: 13px;
	margin-left: 2px;
}

.legal_repre_confirm_s5{
	height: 18px;
    padding-left: 2px;
    width: 68px;
	border: solid #0ea3b3 1px;
    margin-right: 2px;
    font-size: 13px;
	margin-left: 2px;
    
    vertical-align: initial;
}

/* 14세미만 아이디 찾기 에러 페이지 */

.infoMsg {
    background: url(../../images/common/icon_alert.gif) no-repeat 30px 2px;
	padding-left: 47px;
	margin-top: -5px;
}

/* 14세 미만 법정대리인 동의 페이지 */

.legal_repre_txt{
	width: 140px;
    float: left;
    height: 24px;
    font-size: 13px;
    color: #0077a2;
    font-weight: bold;
}

.legal_repre_agree_button{
	width: 117px;
    height: 25px;
    background-image: url(../../images/web/btn_ipin_agree.gif);
    background-repeat: no-repeat;
    background-origin: content-box;
    border: none;
    cursor: pointer;
	font-size:0;
}

/* 아이디찾기 결과 페이지 */

.companyList {
    margin-bottom: 10px;
    margin-left: 10px;
    text-align: center;
	background: url(../../images/web/box_table2.gif) no-repeat 28px top;
    height: 133px;
    padding-top: 12px;
}

.find_id_img{
	width: 65px;
	height: 36px;
	margin-right: -5px;
    margin-bottom: -18px;
}

.kcb_img{
	background: url("../../images/common/center6_2.gif") no-repeat;
	background-size: contain;
}

.sci_img{
	background: url("../../images/common/center1_2.gif") no-repeat;
	background-size: contain;
}

.nice_img{
	background: url("../../images/common/center3_2.gif") no-repeat;
	background-size: contain;
}

.companyList span {
    padding-left: 10px;
    float: left;
    display: block;
    margin: 0 0 1px 0;
}

.find_id_bottom_text{
	margin-left: 35px;
	margin-top: -22px;
}

.ml28 {margin-left:28px;}

.pl30 {padding-left:30px;}


/* 2차비밀번호 입력*/

.mg_01 {
    margin-top: 20px;
    margin-left: 28px;
}

.caution_sec_pw{
	height: 80px;
	text-align: left;
	margin-top: 10px;
	margin-left: 28px;
}

.sec_pw_chagne_button{
	width:150px; 
	text-align:center; 
	margin-top:-2px; 
	margin-left:8px;
}

/* 아이핀 관리 메인*/

.btn_menu {
    margin-left: 28px;
}

.btn_menu li {
    margin-top: 10px;
}

.management_button{
	width:386px;
	height:45px;
	cursor:pointer;
	border:none;
}

.iss_rev_history_button{
	background: url("../../images/web/btn3_1.gif") no-repeat;
}

.cert_history_button{
	background: url("../../images/web/btn3_2.gif") no-repeat;
}

.edit_user_info_button{
	background: url("../../images/web/btn3_3.gif") no-repeat;
}

.ipin_rev_button{
	background: url("../../images/web/btn3_4.gif") no-repeat;
}

.third_party_history{
	background: url("../../images/web/btn3_5.gif") no-repeat;
}

.custom_service_button{
	background: url("../../images/web/btn3_6.gif") no-repeat;
}

.expiration_period_button{
	background: url("../../images/web/btn3_7.gif") no-repeat;
}

/* 아이핀 관리 로그인*/

.management_simpleauth_background {
	background: url('../../images/mobile/main_simpleauth_bg.gif') no-repeat left top;
	height: 94px;
	width: 387px;
	display: inline-block;
	margin-top: 10px;
}

.management_simpleauth_background .btn_simpleauth {
	background: url(../../images/mobile/main_simpleauth_btn.gif) no-repeat left top;
    background-size: contain;
    height: 25px;
    width: 100px;
    margin-left: 260px;
    margin-top: 31px;
    margin-bottom: 25px;
}

/* 아이핀 고객센터 */

.fax_button{
	background: url("../../images/web/btn4_2.gif") no-repeat;
}

.freq_question_button{
	background: url("../../images/web/btn4_3.gif") no-repeat;
}

.keyboard_win_button{
	background: url("../../images/web/btn21_05_win.gif") no-repeat;
}

.keyboard_mac_button{
	background: url("../../images/web/btn21_05_mac.gif") no-repeat;
}

/* 자주하는 질문 */
.blue_line {
    display: block;
    border-top: 1px solid #0ea3b3;
    width: 388px;
	height:auto; 
	max-height:300px;
	margin-left:28px; 
	overflow:auto; 
	overflow-x:hidden;
	margin-bottom: 2px;
}

/* 사용자 정보수정 */

.email_input_border{
	border: 1px solid #0ea3b3 !important;
}

.change_button{
	display: inline-block;
    padding-right: 4px;
    background: url(../../images/common/btn_body.gif) no-repeat 100% 0px;
    font-size: 12px;
    letter-spacing: -1px;
    text-decoration: none !important;
    white-space: nowrap;
    height: 21px;
    position: absolute;
	margin-left: 10px;
}

/* 마이핀 관리 메인*/

.mypin_issued_button{
	background: url("../../images/web/btn5_1.gif") no-repeat;
}

.mypin_check_button{
	background: url("../../images/web/btn5_2.gif") no-repeat;
}

.mypin_cert_history_button{
	background: url("../../images/web/btn5_3.gif") no-repeat;
}

.mypin_iss_rev_history_button{
	background: url("../../images/web/btn5_4.gif") no-repeat;
}

.mypin_rev_button{
	background: url("../../images/web/btn5_5.gif") no-repeat;
}

.mypin_edit_user_info_button{
	background: url("../../images/web/btn5_6.gif") no-repeat;
}

.mypin_custom_center_button{
	background: url("../../images/web/btn5_7.gif") no-repeat;
}

/* 마이핀 발급완료 */

.con_box5{
	width: 100%;
	text-align: -webkit-center;
    margin-top: 20px;
}

.mypin_img_top{
	background: url("../../images/web/0728_ban_tit.gif") no-repeat;
	width: 389px;
	height: 35px;
}

.mypin_box {
    width: 389px;
    margin: 0 auto;
}

.con_box5 .app_down {
    overflow: hidden;
    width: 347px;
    margin: 0 auto;
    border-bottom: 1px solid #ccc;
    background: #f2f4f6;
	float:left;
}

.bg_l{
	background: url("../../images/web/0728_ban_bg_l.gif") no-repeat;
	width: 25px;
	height: 76px;
	float:left;
	border-bottom: 1px solid #ccc;
}

.con_box5 ul li.qr_code {
    padding: 7px 0;
}

.con_box5 ul li.iphone {
    padding: 0 37px 0 13px;
}

.con_box5 ul li.app {
    padding-top: 25px;
    border-right: 1px solid #ccc;
    padding-bottom: 20px;
}

.iphone_qr_image{
	background: url("../../images/web/qr_iphone.gif") no-repeat;
	width: 62px;
	height: 62px;
}

.iphone_app_down{
	background: url("../../images/web/0728_ban_iphone.gif") no-repeat;
	width: 57px;
	height: 26px;
}

.con_box5 ul li.android {
    padding: 7px 14px 7px 24px;
}

.con_box5 ul li {
    list-style: none;
    float: left;
}

.android_qr_image{
	background: url("../../images/web/qr_android.gif") no-repeat;
	width: 62px;
	height: 62px;
}

.android_app_down{
	background: url("../../images/web/0728_ban_android.gif") no-repeat;
	width: 77px;
	height: 26px;
}

.bg_r{
	background: url("../../images/web/0728_ban_bg_r.gif") no-repeat;
	width: 16px;
    height: 76px;
    margin-left: auto;
    float: right;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

/* 마이핀 인증이력 */

.s5_border{
	border:solid 1px !important;
}

.table_width{
	width:388px;
}


/* 마이핀 고객센터 */

.online_report{
	background : url("../../images/web/btn6_1.gif") no-repeat;
}

.mypin_freq_qeustion{
	background : url("../../images/web/btn6_2.gif") no-repeat;
}

/* OTP 인증 */

.otp_wrap{
	text-align:center;
	display:flex;
}

/* 발급 완료 */

.ipin_protect_service{
	background : url("../../images/web/1603_ipin_banner1.gif") no-repeat;
	width:388px;
	height:121px;
	cursor:pointer;
	border:none;
}

.ipin_app_guide{
	background : url("../../images/web/1603_ipin_banner2.gif") no-repeat;
	width:388px;
	height:121px;
	cursor:pointer;
	border:none;
}

/* 간편인증 로그인 */

.ipin_app_run_img{
	background : url("../../images/web/img_ipin_simple_02.gif") no-repeat;
	width:148px;
	height:228px;
	border:none;
}

.ipin_app_install_guide{
	background : url("../../images/web/btn_app_info.gif") no-repeat;
	width:89px;
	height:25px;
	cursor:pointer;
	border:none;
}

.ipin_app_install_guide_location{
	position: absolute;
    top: 280px;
    left: 40px;
}

.simple_auth_wrap{
	display:flex;
}

.auth_code_choice_img{
	background : url("../../images/web/img_ipin_simple_03.gif") no-repeat;
	width:148px;
	height:228px;
	border:none;
}

.auth_confirm_img{
	background : url("../../images/web/img_ipin_simple_04.gif") no-repeat;
	width:148px;
	height:228px;
	border:none;
}

.auth_complete_simple_button{
	background : url("../../images/web/btn_ok_simple.gif") no-repeat;
	width:90px;
	height:27px;
	cursor:pointer;
	border:none;
}

.auth_complete_simple_wrap{
	position:absolute; 
	top:170px; 
	left:315px;
}

.cancel_simple_button{
	background : url("../../images/web/btn_cancel.gif") no-repeat;
	width:90px;
	height:27px;
	cursor:pointer;
	border:none;
}

.cancel_simple_wrap{
	position:absolute;
	top:200px;
	left:315px;
}

.auth_code_txt{
	color:979797; 
	background-color:#FFFFFF; 
	position:absolute; 
	top:280px; 
	left:170px; 
	font-size:15px; 
	font:bold 15px dotum;
}

.auth_code_wrap{
	display:none;
}

.expiration_period_txt{
	color:858585; 
	background-color:#FFFFFF; 
	position:absolute; 
	top:277px; 
	left:300px; 
	line-height:1.2em;
}

.remain_time_txt{
	background-color:#ffffff; 
	border:none; 
	width:55px; 
	font:bold 11px dotum; 
	vertical-align:0; 
	text-align:center; 
	color:#4d4d4d;
}

/* 약관 동의 */

.top {
    width: 450px;
    height: 10px;
    background: url(../../images/web/agree_bg1.gif) 0px 0px no-repeat;
    position: relative;
}

.terms_of_service_txt {
    margin: 30px 0 8px;
    padding-top: 1px;
    padding-left: 20px;
    color: #555555;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
}

.agree_pop {
    width: 450px;
    height: 570px;
    padding: 0px;
    margin: 0px;
}

.clauseWrap .clause {
    overflow-x: hidden;
    overflow-y: auto;
    width: auto;
    height: 350px;
    padding: 20px 19px;
    word-break: keep-all;
}

.boxType03 {
    border-bottom: 2px solid #f2f2f2;
}

.clauseWrap .inner {
    padding: 0;
}
.boxType03 .inner {
    padding: 20px 20px 10px;
    border-top: 2px solid #3278c8;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
}

.clauseWrap .inner {
    padding: 0;
}

.close_btn{
	background : url("../../images/web/close_btn.gif") no-repeat;
	width:90px;
	height:27px;
	cursor:pointer;
	border:none;
}

.underLine {
    text-decoration: underline;
}

.t1 {
    width: 410px;
    height: 25px;
    margin: 20px 0px 5px 20px;
    background: url(../../images/web/agree_bg2.gif) 0px 0px repeat;
}

.privacy_img{
	background : url("../../images/web/agree_t2.gif") no-repeat;
	width: 215px;
	height:25px;
}

.offer_img{
	background : url("../../images/web/agree_t5.gif") no-repeat;
	width: 250px;
	height:25px;
}

.identity_img{
	background : url("../../images/web/agree_t6.gif") no-repeat;
	width: 198px;
	height:25px;
}
/* default */
* {
	margin:0;
	padding:0;
	line-height:1.5em;
	font-family:"돋움", Dotum, "굴림",Arial,Verdana,sans-serif;
}

body {
	background:#fff;
}

h1, h2, h3, h4, h5 {
	margin:0;
	padding:0;
}

form {
	margin:0;
	padding:0;
}

p, ul, ol, li, dl, dt, dd, form {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	border:0px;
	margin:0px;
	padding:0px;
}

th img, td img, input.inp, input.g_inp, input, label {
	vertical-align:middle;
}

img {
	border:0 none;
	vertical-align:middle;
}

a:link, a:visited {
	color:#3d3d3d;
	text-decoration:none;
}

a:hover, a:active  {
	color:#3d3d3d;
	text-decoration:underline;
}

.adBanner {
	width: 100%; margin-left: 20px; margin-top: 3px;
}