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

#scontainer-wrap {position:relative; width:100%; overflow:hidden; background:url(../img/sub/05/sub_bg.png) center top no-repeat; min-height:800px;}

/* */
#snb {float:left; width:190px; position:relative; padding:146px 0 0 0; margin:105px 0 0 0;}
#snb h2 {background:url(../img/sub/05/snb_tlt.png) left top no-repeat; width:190px; height:113px; position:absolute; top:0; left:0; text-align:center; padding:60px 0 0 0; color:#fff; font:600 20px 'Noto Sans KR', 'Malgun Gothic', sans-serif; }
#snb h2 span {color:#e7dcd7; font:600 12px 'Noto Sans KR', 'Malgun Gothic', sans-serif; letter-spacing:3px; }
#snb ul {background:url(../img/sub/snb_bg.png) left top repeat-y; width:190px; padding:20px 0;}
#snb ul li {margin:0 0 25px 0; }
#snb ul li a {display:inline-block; background:url(../img/sub/05/snb_arrow.png) 161px -16px no-repeat; width:152px;font:600 13px 'Malgun Gothic', sans-serif; color:#303b42; text-align:left; padding:0 0 0 45px; }
#snb ul li a:hover {background:url(../img/sub/05/snb_arrow.png) 161px 5px no-repeat; color:#9c7b69; }
#snb ul li a.active {display:inline-block; background:url(../img/sub/05/snb_arrow.png) 161px 5px no-repeat; width:152px;font:600 13px 'Malgun Gothic', sans-serif; color:#9c7b69; text-align:left; padding:0 0 0 45px; }
#snb ul li ul li {margin:0 0 8px 0;}
#snb ul li ul li a {display:inline-block; background:none; width:165px; font:600 11px 'Malgun Gothic', sans-serif; color:#82898e; text-align:left; padding:0 0 0 53px; }
#snb ul li ul li a:hover {text-decoration:underline; color:#82898e; background:none;}
#snb ul li ul li a.active {display:inline-block; background:none; width:165px; font:600 11px 'Malgun Gothic', sans-serif; color:#000; text-align:left; padding:0 0 0 53px;}

#s_body {float:right; width:880px;}
#s_body #s_visual.bg_01 {background:url(../img/sub/05/s_tlt_img.png) 415px bottom no-repeat; margin:0 0 40px 0;}
#s_body #s_visual #scon_top {padding:170px 0 15px 0; background:url(../img/sub/05/tlt_bg.png) left bottom no-repeat; border-bottom:1px solid #e4e4e4; }
#s_body #s_visual #scon_top .location {text-align:left; width:100%;}
#s_body #s_visual #scon_top .location img {vertical-align:middle;}
#s_body #s_visual #scon_top ul li { font:bold 40px 'Malgun Gothic', sans-serif; color:#0f489b; letter-spacing:-4px; text-align:left;padding:0 0 15px 0;}
#s_body #s_visual #scon_top ul li.small_font { font:bold 30px 'Malgun Gothic', sans-serif; color:#0f489b; letter-spacing:-4px; text-align:left;padding:0 0 15px 0;}
#s_body #s_visual #scon_top ul li+li { font:bold 12px 'Malgun Gothic', sans-serif; color:#9b9b9b; letter-spacing:-1px;}
#s_body #scon {margin:0 0 100px 0;}

#scon #scon_wrap {width: 880px; margin:0 auto; word-break:keep-all;}

/*ÅؽºÆ®*/
#scon_wrap dl.tlt{margin-bottom:30px;}
#scon_wrap dl.tlt dt{background:url(../img/social/social_dot_01.jpg) left 6px no-repeat;  font:20px 'Malgun Gothic', sans-serif; font-weight:700; color:#252525; padding:0 0 10px 23px; letter-spacing:-1.5px;}
#scon_wrap dl.tlt dd.sb{font:15px 'Malgun Gothic', sans-serif;color:#252525; padding:0 0 15px 23px; letter-spacing:-1.5; line-height:25px;}

#scon_wrap dl.contents{margin-bottom:30px;}
#scon_wrap dl.contents dt{background:url(../img/korean/korean_dot_01.png) 20px 8px no-repeat;  font:16px 'Malgun Gothic', sans-serif; font-weight:700; color:#252525; padding:0 0 5px 30px; letter-spacing:-1.5;}
#scon_wrap dl.contents dd.con{font:14px 'Malgun Gothic', sans-serif; padding:0 0 5px 30px; line-height:25px;}
#scon_wrap dl dd.red{font:13px 'Malgun Gothic', sans-serif; padding:0 0 10px 20px; color:#df2828;}
#scon_wrap p {text-align:center;}


/*Ç¥*/
table{margin:5px 0; margin:0 auto;}
.tb_type3 {font:14px 'Malgun Gothic', sans-serif; width: 840px; border-top: 2px solid #5a77a2; border-bottom: 1px solid #e4e4e4; border-collapse: collapse; line-height:18px;}
.tb_type3 th {height:40px; background-color: #f8f8fc;	color: #0f489b;	border-bottom: 1px solid #e4e4e4; text-align: center; border-right:1px solid #dcdcdc;}
.tb_type3 td {border-bottom: 1px solid #dcdcdc; text-align: center; border-right:1px solid #dcdcdc; padding:10px 2px; line-height:1.5em;}
.tb_type3 td.le{text-align:left; padding-left:10px;}
.tb_type3 th:last-child, .tb_type3 td:last-child {border-right:none;}

.tb_type1 {font:14px 'Malgun Gothic', sans-serif; width: 840px; border-top: 2px solid #5a77a2; border-bottom: 1px solid #e4e4e4; border-collapse: collapse; margin-bottom:15px;}
.tb_type1 th {height: 37px;	background-color: #f8f8fc;	color: #0f489b;	border-bottom: 1px solid #e4e4e4; text-align: center; border-left:1px solid #dcdcdc; padding:5px;}
.tb_type1 td {height: 40px;	border-bottom: 1px solid #dcdcdc; text-align: center; border-left:1px solid #dcdcdc; padding:10px 0;}
.tb_type1 td.le{text-align:left; padding-left:10px;}
.tb_type1 th:nth-child(1), .tb_type1 td:nth-child(1) {border-left:1px solid #fff;}

.tb_type2 {font:14px 'Malgun Gothic', sans-serif; width: 840px; border-top: 2px solid #5a77a2; border-bottom: 1px solid #e4e4e4; border-collapse: collapse; margin-bottom:15px;}
.tb_type2 th {height: 37px;	background-color: #f8f8fc;	color: #0f489b;	border-bottom: 1px solid #e4e4e4; text-align: center;}
.tb_type2 td {height: 40px;	border-bottom: 1px solid #dcdcdc; text-align: left; padding-left:25px;}

.more_btn {float:right; margin-right:20px;}
.more_btn a {background:#225a70; display:inline-block; width:130px; height:30px; line-height:30px; color:#fff; font-weight:600; font-size:13px; text-align:center;}

/*ÇÐÀ§°úÁ¤ ¼±Åùæ¹ý Ç¥*/
.finalTbl table {width:800px; border-spacing:0; margin:0 auto; font-family:"Malgun Gothic";}

.finalTbl .thead {display:table-caption; padding-bottom:38px; background:url(../img/bank/arrows.png) no-repeat right bottom; background-size:650px; margin-left:40px!important;}
.finalTbl .thead th {width:156px; height:68px; border-right:5px solid #fff; border-left:5px solid #fff; color:#fff; font-size:15px; text-align:center; background:#005e93; font-weight:900;}
.finalTbl .thead th:first-child {background:#123867; border-left:none;}

.finalTbl .thead, .tbody, .tfoot {margin:0;}
.finalTbl .tbody th:first-child {background:#123867; border-left:none;}
.finalTbl .tbody th span {display:block; height:50px; border:2px solid #005e93; background:#fff; color:#005e93; font-size:15px; text-align:center; line-height:50px;}
.finalTbl .tbody th.sb {background:#7188a4;}
.finalTbl .tbody td {padding:10px; border:5px solid #fff; background:#f5f5f5; font-size:14px;}
.finalTbl .tbody tr:nth-child(2) th {width:73px!important;}
.finalTbl .tbody .tbc {padding-left:10px; text-align:left; vertical-align:top;}
.finalTbl .tbody .tbc .conT {position:relative; color:#000; font-size:14px; line-height:1.5em; background:url(../img/bank/blue_dot.png) no-repeat left 8px; padding-left:10px; background-size:5px;}
.finalTbl .tbody .tbc .conLi li {position:relative; color:#000; font-size:14px; line-height:1.5em;}
.finalTbl .tbody th, tfoot th {height:50px; border:5px solid #fff; color:#fff; font-size:15px; text-align:center; font-weight:900;}

.finalTbl .tfoot {margin-bottom:30px;}
.finalTbl .tfoot th {border-left:none; border-right:5px solid #fff; padding-top:40px; width:153px;}
.finalTbl .tfoot th span {display:block; height: 50px; padding-top:5px; background:#123867; color:#fff; font-size:15px; text-align:center;}
.finalTbl .tfoot tr td:last:child {border-right:none;}
.finalTbl .tfoot tr td {padding-top:40px; background:url(../img/bank/arrow_down.png) no-repeat top center; background-size:70px 40px;}
.finalTbl .tfoot tr td span {display:block; height:50px; padding-top:5px; line-height: 45px; background:#005e93; color:#fff; font-size:15px; text-align:center;}

/*Ŭ¸¯*/
#click{width:840px; border-collapse: collapse; font: 16px "Malgun Gothic", µ¸¿ò; margin-bottom:40px;}
#click th{width:398px; height:60px; border:1px solid #adadad; background-color:#fdfdff; color:#0f489b; cursor:pointer; text-align:center;}
#click th:hover{color:#fff; background:url(../img/bank/pointer.png) 95% center no-repeat #0f489b;}
#click th.active{background-color:#0f489b; color:#fff;}


/*±âŸ ¿ä¼Ò*/
.blue_dot {background: url(../img/bank/blue_dot.png) no-repeat 5px 5px; padding: 0 5px 5px 20px; background-size: 6px;}
.gray_box {width:720px; border:1px solid #afafaf; padding:15px 10px 10px 20px; background:#f5f5f5; color:#333; margin:0 auto;}
.ddLtxt {font-size:15px; margin:0 0 20px 20px; border-bottom:2px solid #eaeaea; padding-bottom:20px; width:840px;}
.ex{font:bold 15px "Malgun Gothic", µ¸¿ò; width:820px; height:40px; padding:10px 0; color:#fff; background-color:#6bb0cf; text-align:center; margin:0 0 15px 30px;}

.credit_box {font:normal 14px "Malgun Gothic", sans-serif; margin:30px 10px; width:840px; margin:0 auto;}
.credit_box .color_area {width:150px; height:50px; background-color:#14449a; color:#fff; padding:5px; font-weight:bold; text-align:center; vertical-align:middle;}
.credit_box td ul {padding-left:8px;}
.credit_box .arrowDimg {height:50px; background:url(../img/bank/arrow_down.png) no-repeat center center; background-size:70px 45px;}