@charset "UTF-8"; 

/*초점*/
button:focus {
  outline: 2px solid red;
  outline-offset: -2px;
}

a:focus {
  outline: 2px solid red;
  outline-offset: -2px;
}
#totalMenuView{display:inline-block; width:100%; height:100%;}
.bxslider > li a{display:inline-block; width:100%; height:100%;}
.bx-pager-item a{display:inline-block !important;}
.bx-controls-auto-item a{display:inline-block !important;}
.main_b_left > div a{display:inline-block;}
.main_b_right a{display:inline-block;}

#totalMenuView:focus{outline: 2px solid red; outline-offset: -2px;}
.bxslider > li a:focus {outline: 2px solid red; outline-offset: -2px;}
.bx-pager-item a:focus {outline: 2px solid red !important; outline-offset: -2px;}
.bx-controls-auto-item a:focus{outline: 2px solid red !important; outline-offset: -2px;}
.main_b_left > div a:focus {outline: 2px solid red; outline-offset: -2px;}
.main_b_right a:focus {outline: 2px solid red; outline-offset: -2px;}

/* 마우스, 터치로 버튼에 포커스 시 */
button:focus:not(:focus-visible) {
  outline: none;
  box-shadow: 1px 1px 5px rgba(1, 1, 0, .7);
}


/* 건너뛰기 */
#skip_nav {position:absolute; left:0; top:0; width:100%; z-index:99999999999;}
#skip_nav a {overflow:hidden; display:block; height:1px; margin-bottom:-1px; color:#fff; font-size:16px; text-decoration:none;}
#skip_nav a:active, #skip_nav a:focus{width:100%; height:auto; padding:8px 0 10px; background-color:#222; font-size:16px; text-align:center; 
font-weight:500; outline: 1px solid 222;outline-offset:-5px}



/* 두번째 섹션 */
.main_b_wrap {margin:60px auto;}
.main_b_wrap h3 {font-size:21px; font-weight:700; color:#000;}
.main_b_wrap h4 {height:38px; margin:0; font-size:18px; color:#000; line-height:1.4;}

/* 왼쪽 바로가기 */
.main_b_wrap .main_b_left {padding:0;}
.main_b_wrap .main_b_left>div>div {margin-top:20px; height:230px;}
.main_b_wrap .main_b_left>div:first-child>div {background:url(../images/main/bg_afc.jpg) center;}
.main_b_wrap .main_b_left>div:last-child>div {background:#cb4e4e;}
.main_b_wrap .main_b_left>div>div:hover a {background:rgba(0,0,0,.3);}
.main_b_wrap .main_b_left>div>div a {position:relative; display:block; width:100%; height:100%; text-indent:-9999px;}
.main_b_wrap .main_b_left>div>div [class*="i_"] {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:inline-block; width:96px; height:90px; background-size:contain; background-repeat:no-repeat; background-position:center;}
.main_b_wrap .main_b_left>div>div .i_afc {background-image:url(../images/main/icon_afc.png);}
.main_b_wrap .main_b_left>div>div .i_reference {background-image:url(../images/main/icon_reference.png);}


/* 오른쪽 게시판 */
.main_b_wrap .main_b_right .tit {position:relative; display:block; overflow:hidden;}
.main_b_wrap .main_b_right .tit_wrap {display:inline-block;}
.main_b_wrap .main_b_right .tit a {position:absolute; right:0; bottom:15px; display:inline-block; width:50px; height:50px; line-height:50px; font-size:40px; color:#122f8a; text-align:center; border:2px solid #e6e6e6;}
.main_b_wrap .main_b_right .tit a:hover {text-decoration:none;}
.main_b_wrap .main_b_right .board {margin-top:20px; height:230px; border:2px solid #eee; padding:0 20px;}
.main_b_wrap .main_b_right .board li {padding:20px 0 10px; border-bottom:1px solid #b9b9b9; line-height:1;}
.main_b_wrap .main_b_right .board li a {width:80%; white-space:nowrap; display:inline-block; font-size:18px; color:#000; overflow:hidden; text-overflow:ellipsis; vertical-align:middle;}
.main_b_wrap .main_b_right .board li a:hover {color:#34a1d2;}
.main_b_wrap .main_b_right .board li:last-child {border-bottom:0;}
.main_b_wrap .main_b_right .board li span {float:right; font-size:15px; color:#999;}


/* ************************ 태블릿 이하(~767) ************************ */
@media screen and (max-width: 767px) {
	.main_b_wrap {margin:10px auto 40px;}
	.main_b_wrap h3 {font-size:18px;}
	.main_b_wrap h4 {font-size:16px;}
	.main_b_wrap .main_b_left>div>div,
	.main_b_wrap .main_b_right .board {margin-top:0;}
	.main_b_right {margin-top:30px;}
	.main_b_wrap .main_b_right .board {height:auto;}
	.main_b_wrap .main_b_right .board li {padding:15px 0; }
	.main_b_wrap .main_b_right .board li a {font-size:16px;}
	.main_b_wrap .main_b_right .board li span {display:none;}
}


/* 가상 키패드 */
#DIV_SECU_KEYPAD > div > div > div[id^="dSecuKpd"] {
    padding-top:20px;
}

#DIV_SECU_KEYPAD > div > div > div[id^="dSecuKpd"] > div:nth-child(2) {
    top: -20px !important;
}

#DIV_SECU_KEYPAD div div div div {padding-top:33px !important;}
#DIV_SECU_KEYPAD div div div div:nth-child(1) {padding-top:53px !important;}