.contents-wrap{margin-top:0}
.login-type > ul{display:flex;width:100%;border:1px solid #949494;border-radius:5px;table-layout:fixed}
.login-type > ul.business{border-bottom:0;border-radius:5px 5px 0 0;border-bottom:1px solid #949494}
.login-type > ul.business li{padding-bottom:40px;width:100%}
.login-type > ul > li{border-left:1px solid #949494;padding:68px 25px 25px;text-align:center}
.login-type > ul > li:first-child{border-left:0}
.login-type > ul > li button.big{width:100%;margin:60px auto 0;height:60px;line-height:60px;font-size:18px;}
.login-type > ul > li button.btn.big.primary{background:#0373e4;color:#fff}
.login-type > ul > li button.btn.big.primary:hover{background:#0054a4}
.login-type > ul > li button.darkgray{background:#6d7588}
.login-type > ul > li .text-btn{margin-top:10px;height:60px;line-height:60px}
.login-type > ul > li .text-btn.arrow:after{top:50%;margin-top:-4.5px}
.login-type > ul > li p{text-align:left;color:#555555;font-size:16px;font-weight:300;margin:30px 0 15px}
.login-type ul li > i{display:block;width:100px;height:100px;margin:0 auto 30px}
.login-type ul li.type1 > i{background:url("/resources/images/LO/icon_login_type1.png") no-repeat 0 0;}
.login-type ul li.type1 {flex:0 0 1 !important; max-width:380px !important}
.login-type ul li.type2, .login-type ul li.type3, .login-type ul li.type4, .login-type ul li.type5 {flex:1}
.login-type ul li.type2 > i{background:url("/resources/images/LO/icon_login_type2.png") no-repeat 0 0}
.login-type ul li.type3 > i{background:url("/resources/images/LO/icon_login_type3.png") no-repeat 0 0}
.login-type ul li.type4 > i{background:url("/resources/images/LO/icon_login_type4.png") no-repeat 0 0}
.login-type ul li.type5 > i{background:url("/resources/images/LO/icon_login_type5.png") no-repeat 0 0}
.login-type ul li.type4 > i.ico01{background:#f7f7f7 url("/resources/images/LO/icon_login_type6.png") no-repeat center center;border-radius:50%}
.login-type ul li.type5 > i.ico02{background:#f7f7f7 url("/resources/images/LO/icon_login_type7.png") no-repeat center center;border-radius:50%;}
.logpaty01 {padding:25px 25px 25px 23px !important;}
.login-type ul li.type1 .com-input-wrap input[type="number"]:focus{border:1px solid #87bef5 !important;}
.login-type ul li.type1 .ui-select__label:focus {border: 2px solid #87bef5 !important;}

.IBLO01M001 .login-type ul li.type1 > i{background:url("/resources/images/LO/icon_login_type1.png") no-repeat 0 0;}
.IBLO01M001 .login-type ul li.type1 {flex:0 0 1 !important; max-width:50% !important}
.IBLO01M001 .login-type ul li.type1 .com-input-wrap input[type="number"]:focus{border:1px solid #87bef5 !important;}
.IBLO01M001 .login-type ul li.type1 .ui-select__label:focus {border: 2px solid #87bef5 !important;}
.IBLO01M001 .login-type ul li.type2 > i{background:url("/resources/images/LO/icon_login_type8.png") no-repeat 0 0}

.certi-regist{position:relative;border-radius:0 0 5px 5px;border:1px solid #949494;padding:35px 40px;text-align:center;border-top:0;display:flex;justify-content:space-between;align-items:center}
.certi-regist p{text-align:left;color:#555555;font-size:16px;font-weight:350}
.login-type > ul.business{display:flex;flex-wrap:wrap; min-height:336px;}
.login-type > ul.business li.full{flex:1 1 100%;padding:30px 35px;border-bottom:1px solid #949494;text-align:left}
.login-type > ul.business li.full + li{border-left:0}
.login-type > ul.business li.full strong{font-weight:500;color:#333333}
.login-type > ul.business li.full .radio-container{display:inline-block;margin-left:40px;font-size:16px}
.login-type > ul.business li.type5 .com-input-wrap{flex:1 0 110px}
.app{padding:35px;position:relative;margin-top:60px;border:1px solid #949494;border-radius:5px}
.app p{font-size:16px;color:#000}
.app p.color-primary{font-size:16px;margin-top:5px}
.app .buttons{position:absolute;right:35px;top:50%;margin-top:-25px}
.app .buttons i{display:inline-block;width:24px;height:24px;vertical-align:middle;margin-right:8px}
.app .buttons .android i{background:url("/resources/images/LO/icon_app_android.png") no-repeat;}
.app .buttons .apple i{background:url("/resources/images/LO/icon_app_apple.png") no-repeat;}
.app .buttons .btn.outline:hover,.app .btn.outline-darkgray:hover{border:1px solid #949494;color:#333}
.app + .certi-app{margin-top:20px} 
.certi-app{margin-top:60px;padding:30px 35px; background:#f7f7f7;border-radius:5px;position:relative}
.certi-app p{max-width:570px;color:#555555;font-size:16px;font-weight:300;line-height:26px;letter-spacing:-1px}
.certi-app .btn{position:absolute;right:35px;top:50%;margin-top:-20px}
.agreement p.tit{position:relative}
.agreement p.tit strong{color:#000000;font-weight:500;font-size:24px}
.agreement p.tit .btn{position:absolute;right:0;bottom:0}
.agreement p.ph-type1{font-size:16px;margin:10px 0 40px;line-height:100%}
.agreement p.ph-type1 + .form{margin-top:0}
.agreement .form-item{margin-bottom:20px;text-align:center}
.agreement .form-item > p:first-child{width:150px}
.agreement .form-item > p:last-child,.agreement .form-item > .formw100{float:none;width:auto}
.form-item > p.form-item{display:flex}
.agreement .form-item:last-child{margin-bottom:0}
.agreement .form-item label{width:150px;text-align:left;font-weight:500;position:relative}
.agreement .form > .form-item{padding-left:40px}
agreement strong.require,.agreement label.require{font-weight:500;position:relative;color:#333;font-size:18px;width:150px;text-align:left;padding-right:5px;}

.agreement .form-item .identify-wrap{display:inline-flex;justify-content:space-between; position:relative;}
.agreement .dash{display:inline-block;min-width:20px;height:45px;line-height:45px;color:#737373}
.form-item > div:nth-child(2){width:260px;vertical-align:top}
.agreement .form{padding:40px 0;background:#fafafa;border:1px solid #949494;border-radius:5px; overflow:hidden; width:470px;}
.agreement .form.middle{display:flex;align-items:center;justify-content:center}
.agreement-content{margin:10px 0 20px;padding:30px;background:#fafafa;border:1px solid #949494;border-radius:5px;min-height:230px;max-height:230px;font-size:16px;color:#555555;overflow:auto}
.agreement-content .area{margin:1px 0;padding-bottom:20px}
.agreement-content .area:focus{background: #fff;text-decoration: underline;}
.agreement-form{text-align:right;margin-bottom:60px}
.agreement-form > label{display:inline-block;text-align:left}
.agreement-form > label:last-child{margin-left:50px}
.step_tit {padding:0 0 15px; color:#000; font-size:20px;}
.step_blet01 {display:inline-block; line-height:24px; border:1px solid #0373e4; border-radius:13px; background:#fff; color:#0373e4; font-size:13px; padding:0 8px; vertical-align:middle; margin-top:-3px;}
.card-bottom_btntyp1 {background:#0373e4; line-height:50px; text-align:center; color:#fff; font-size:16px; border-radius:3px; width:260px; display:inline-block;}
.card-bottom_btntyp1:disabled {background:#d5dbe6 !important; border-color:#d5dbe6 !important; color:#424959; font-weight:500;}
.hparea {padding:24px 0 58px; text-align:center; color:#555; font-size:16px;}
.nm_mr {float:right; margin-right:38px;}
.hparea.disabled {background:url("/resources/images/common/ico_check01.png") no-repeat center 100px; background-size:50px 50px; padding-top:168px;font-size:20px;color:#333}

.IBLO01M004 .agreement .form{width:100%;padding:60px 0}
.IBLO01M004 .agreement strong.require, .IBLO03M004 .agreement label.require{width:150px}
.IBLO01M004 .form-item > div:nth-child(2){width:500px}
.IBLO01M004 .agreement .form > .form-item{padding-left:165px}

.IBLO03M005 .agreement .form{width:100%;padding:60px 0}
.IBLO03M005 .agreement strong.require{width:150px;text-align:left;}
.IBLO03M005 .form-item > div:nth-child(2){width:500px;flex-wrap:nowrap}
.IBLO03M005 .agreement .form > .form-item{padding-left:165px}

.IBLO03M006 .agreement .form{width:100%;padding:60px 0}
.IBLO03M006 .agreement strong.require, .IBLO03M004 .agreement label.require{width:150px;text-align:left;}
.IBLO03M006 .form-item > div:nth-child(2){width:500px;flex-wrap:nowrap}
.IBLO03M006 .agreement .form > .form-item{padding-left:165px}


.IBLO02M010 .agreement .form-item >  strong.require, 
.IBLO02M010 .agreement .form-item >  label.require{width:140px;font-weight:500;text-align:left;font-size:18px;display: inline-flex;min-height: 50px;line-height: 100%;align-items: center;padding:0}
.IBLO02M010 .agreement .form-item >  strong.require:after{margin-top:2px;width:5px;height:5px;padding:0;right:10px}
.IBLO02M010 .agreement .form-item >  strong.require.row2:after{margin-top:24px;width:5px;height:5px;padding:0;right:8px}
.IBLO02M010 .agreement .form-item >  label.require:after{margin-top:-8px;width:5px;height:5px;padding:0;right:10px}

.IBLO03M004 .agreement .form-item >  strong.require, 
.IBLO03M004 .agreement .form-item >  label.require{width:140px;font-weight:500;text-align:left;font-size:18px;display: inline-flex;min-height: 50px;line-height: 100%;align-items: center;padding:0}
.IBLO03M004 .agreement .form-item >  strong.require:after{margin-top:2px;width:5px;height:5px;padding:0;right:10px}
.IBLO03M004 .agreement .form-item >  label.require:after{margin-top:-8px;width:5px;height:5px;padding:0;right:10px}

/* IBLO02M003 */
.pop-contents.layer section.biologin:last-child {padding-bottom:40px !important;}
.biologin {padding:25px;}
.biologin .top-area {display:flex;border-bottom:1px solid #949494;padding-bottom:40px;margin-bottom:40px;}
.biologin .top-area .tbox {margin-right:50px;}
.biologin .top-area .tbox .txt1 {font-weight:500;font-size:18px;color:#000;}
.biologin .top-area .tbox .txt2 {font-size:16px;color:#555555;margin-top:20px;}
.biologin .top-area .qrcode {display:flex;align-items:center;justify-content:center;position:relative;top:0;left:0;margin-left:auto;border-radius:5px;background-color:#fff;border:1px solid #949494;}
.biologin .top-area .qrcode img {width:80px;height:80px;}
.biologin .con-area {display:flex;}
.biologin .con-area .howto{margin-left:auto;}
.biologin .timer {display:flex;align-items:center;justify-content:center;margin:40px 0 20px;background-color:#f7f7f7;font-size:18px;color:#333333;text-align:center;height:60px;}
.biologin .timer span {position:relative;top:-1px;color:#0373e4;font-size:24px;}
.biologin .warning {color:#555555;line-height:1.5;}

/* IBLO02M004 */
.biologin-finish {position: absolute;top: 0;left: 0; z-index: 100;background: rgba(0,0,0,0.7);width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;align-items: center;flex-direction: column;}
.biologin-finish p {color:#fff;margin-top:10px;}


/* IBLO02M006 */
.pop-contents.layer section.pinlogin:last-child {padding-bottom:40px !important;}
.pinlogin {padding:40px;}
.pinlogin .top-area {border-bottom:1px solid #949494;padding-bottom:40px;margin-bottom:40px;}
.pinlogin .top-area .txt1 {font-weight:500;font-size:18px;color:#000;}
.pinlogin .top-area .nbox {display:flex;margin-top:20px;}
.pinlogin .top-area .nbox .txt2 {font-size:16px;color:#555555;}
.pinlogin .top-area .nbox .pin-number {display:flex;margin-left:auto;}
.pinlogin .top-area .nbox .pin-number .num-box {position:relative;top:0;left:0;width:50px;height:50px;border-radius:3px;background-color:#fff;border:1px solid #949494;display:flex;align-items:center;justify-content:center;color:#000;font-size:24px;font-weight:500;margin-left:10px;}
.pinlogin .con-area {display:flex;}
.pinlogin .con-area .howto{margin-left:auto;}
.pinlogin .timer {display:flex;align-items:center;justify-content:center;margin:40px 0 20px;background-color:#f7f7f7;font-size:18px;color:#333333;text-align:center;height:60px;}
.pinlogin .timer span {position:relative;top:-1px;color:#0373e4;font-size:24px;}
.pinlogin .warning {color:#555555;line-height:1.5;}

/* IBLO02M007 */
.pinlogin-finish {position: absolute;top: 0;left: 0; z-index: 100;background: rgba(0,0,0,0.7);width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;align-items: center;flex-direction: column;}
.pinlogin-finish p {color:#fff;margin-top:10px;}


/* ���� ��Ÿ�� */
.step-ol {list-style:none;margin-top:10px;}
.step-ol li {position:relative;top:0;left:0;font-size:18px;color:#000;font-weight:500;margin-bottom:20px;}
.step-ol li span {display:inline-block;width:28px;color:#fff;font-size:16px;font-weight:500;margin-right:10px;text-align:center;}
.step-ol li:before {content:'';position:absolute;display:inline-block;width:28px;height:28px;background-color:#0373e4;border-radius:14px;z-index:-1;}
.IBLO03M005 .step ul:before{display:none}
.IBLO03M007 .step ul:before{display:none}
.IBLO03M006 .step ul:before{display:none}
.IBLO03M008 .step ul:before{display:none}
.IBLO01M005 .step ul:before{display:none}
.IBLO01M001 .radio-container{line-height:20px;padding-left:27px}
.IBLO01M001 .radio-container .checkmark{width:20px;height:20px}
.IBLO01M001 .radio-container input:checked ~ .checkmark:after{width:10px;height:10px;margin-top: -5px;margin-left: -5px;}
.icon-phone{padding-top:120px;background:url("/resources/images/LO/bg_phone_cert.png") no-repeat top center}
input.kboard-cert{background:#ff0000 !important}
.IBLO02M010 .agreement .form{background:#fff;}
.IBLO03M004 .agreement .form{background:#fff;}
.w260p {width:260px !important;}


/*사용자등록 20241227*/
.IBLO02M010 > * {letter-spacing:-1px;}
.IBLO02M010 .card-btn-wrap { display: flex; margin-left: -4px; margin-right: -4px;}
.IBLO02M010 .card-btn-wrap li { flex: 0 0 25%; flex-wrap: wrap; padding: 4px;}
.IBLO02M010 .card-btn-wrap li button { width: 100%; display: flex; flex-direction: column; height: 200px; font-size: 16px; text-align: left; background: #fff; border-radius: 8px; border: 1px solid #959595; padding: 38px 20px 20px 20px; letter-spacing: -1px; align-items: center; gap: 10px; transition: 0.3s;}
.IBLO02M010 .card-btn-wrap li button span { font-size: 20px; display: block; font-weight: 500; color: #222; margin-bottom: 8px; margin-top: 4px;}
.IBLO02M010 .card-btn-wrap li button:hover, .card-btn-wrap li button:focus { border: 1px solid #0373e4; color: #0373e4; opacity: 1; box-shadow: 0 2px 8px #ddd;}
.IBLO02M010 .card-btn-wrap li button img { width: 42px;}
.IBLO02M010 .card-btn-wrap li button p { font-size: 14px;}
.IBLO02M010 .hparea.disabled {background: url(/resources/images/common/ico_check01.png) no-repeat center 60px;    padding-top: 124px;    background-size: 50px 50px;    color: #333;}
.IBLO02M010 .form-box {border:1px solid #959595;padding:40px;border-radius:8px; position:relative;overflow:hidden;}
.IBLO02M010 .form-blur {z-index: 9; position: absolute; left: 0; right: 0; display: flex; flex-direction: column; align-items: center;  justify-content: center;  backdrop-filter: blur(4px);  top: 0; bottom: 0; background: rgba(255,255,255,0.5);}
.IBLO02M010 .agreement .form-item { width:480px; flex-wrap:nowrap;}
.IBLO02M010 .agreement .form-item > div:nth-child(2) {width:auto; flex:1;}
.IBLO02M010 .agreement .btn-container {width:480px; display:flex;}
.IBLO02M010 .agreement .btn-container button.cert-btn {flex:1; display:flex; flex-direction:column; align-items:center; text-align:left; border:1px solid #959595; padding:20px 10px; background:none; font-size:16px; letter-spacing:-1px; border-radius:4px;transition: 0.3s;}
.IBLO02M010 .agreement .btn-container button.cert-btn:hover,   .IBLO02M010  .agreement .btn-container button.cert-btn:focus {color:#0373e4; opacity:1; border:1px solid #0373e4;}
.IBLO02M010 .cert-btn img {width:32px;}

.IBLO01M001 .join-btn.btn {font-size:14px; display:flex; align-items:center;justify-content:center; border:1px solid #666; padding:0; line-height:1.5; height:32px; color:#666;margin-left:15px; min-width:100px; letter-spacing:-1px;}
.IBLO01M001 .join-btn.btn::after {content:''; display:inline-block; border:1px solid #999; border-width:0 2px 2px 0; width:6px; height:6px; transform:rotate(-45deg); margin-left:5px;transition: all 0.3s;}
.IBLO01M001 .join-btn.btn:hover, .IBLO01M001 .join-btn.btn:focus{color:#0373e4; border:1px solid #0373e4;}
.IBLO01M001 .join-btn.btn:hover::after, .IBLO01M001 .join-btn.btn:focus::after {border-color: #0373e4;}

/* HF 간편인증 로그인 설명화면*/
.IBHC00P001 h3 {font-size:16px; font-weight:500;}
.IBHC00P001 .qr_image {align-items: center; background-color: #fff; border-radius: 5px; display: flex; justify-content: center; margin: auto; position: relative; top: 0; left: 0; max-width: 148px; max-height: 148px;}
.IBHC00P001 .tab-btn {background: #f5f5f5; border-radius: 30px; display: flex; align-items: center; font-size: 15px; width: 100%; justify-content: center; padding: 0; color: #888; height: 58px;}
.IBHC00P001 .tab-btn img {height: 24px; dispaly: inline-block;}
.IBHC00P001 .tab-btn>span {width: 24px; height: 24px; display: inline-block; margin-right: 4px; text-align: center; pointer-events:none;}
.IBHC00P001 .tab-btn-wrap {width: 100%; display: flex; margin-left: -4px; margin-right: -4px; margin-bottom: 32px;}
.IBHC00P001 .tab-btn-wrap li {flex: 1; padding: 0 4px;}
.IBHC00P001 .biologin .top-area {display: block; margin: 0; padding: 0; border-bottom: none;}
.IBHC00P001 .app-icon {text-align: center; display: flex; width: 50px; height: 50px; align-items: center; justify-content: center; border: 1px solid #ddd; border-radius: 14px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);}
.IBHC00P001 .app-icon img {width: 28px;}
.IBHC00P001 .tab-btn.active {background: #d7e7ff; color: #0373e4; font-weight: 500;}
.IBHC00P001 .content-wrap {background: #f7f9fb; display: flex; padding: 20px; border-radius: 10px; margin-bottom: 16px;}
.IBHC00P001 .panel {padding: 0 20px;}
.IBHC00P001 .step-badge {display: inline-block; border: 1px solid #0373e4; border-radius: 20px; color: #0373e4; width: 20px; height: 20px; text-align: center;}
.IBHC00P001 .blur-box {position: absolute; left: 0; top: 0; bottom: 0; right: 0; text-align: center; display: flex; align-items: center; font-size: 14px;background: rgba(255, 255, 255, 0.8);backdrop-filter: blur(2px);}
.IBHC00P001 .qr-wrap {position: relative; width: 150px; height: 150px; border: 1px solid #e0e0e0;}
.IBHC00P001 .tooltip .tooltip-cont .textbox .type-html {min-width: 200px;}


/*로그인화면*/
.IBLO01M001 .login-type ul li.type3 {flex:0 0 1 !important; max-width:33.333%; padding:40px 30px; letter-spacing:-1px; line-height:150%; height:374px;}
.IBLO01M001 .d-none {display:none !important;}