@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&display=swap');
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

html,body {margin:0; padding:0; font-weight:normal; list-style:none; line-height:1; color:#555; text-decoration:none; letter-spacing:-0.04em; box-sizing:border-box; font-size:62.5%;}

section,article,header,footer,nav,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt,img,a,form,input,select,option,fieldset,textarea,button,label,figure {
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	list-style:none;
	line-height:1;
	text-decoration:none;
	font-family:sans-serif;
	font-size:1.4rem;
	font-weight:normal;
	color:#555;
	letter-spacing:-0.04em;
	box-sizing:border-box;
}
a:link, a:visited,
a:hover, a:focus, a:active {
	text-decoration:none;
}

table {width:100%; border-spacing:0; border-collapse:collapse;}


/* 폼초기화 */
select,button,input[type=text],input[type=submit],textarea	{
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius:0;
}

select	{	box-sizing:border-box;}
/*크롬사라피*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	select	{	padding-right:22px !important;	background:url(/images/bg_select.svg) no-repeat right center; background-size:contain;}
}
/*파이어폭스*/
@-moz-document url-prefix(){
	select	{	padding-right:22px !important;	background:url(/images/bg_select.svg) no-repeat right center; background-size:contain;}
}

html, body,#wrapper {
	width:100%;max-width:800px;
	min-width:320px !important;
	margin:0 auto;
}

/*========= input ===========*/
.ip_comm	{display:block; width:100%; height:44px; padding:0 10px; border:0; background-color:transparent;  box-sizing:border-box; outline:none;}
.ip_comm.tel	{float:left; width:30%;}
.ip_comm.tel+.bar	{float:left; width:5%; line-height:44px; text-align:center; }
.set_tel	{overflow:hidden;}
select.ip_comm	{padding-right:0;}
textarea.ip_comm	{height:150px; padding:10px; line-height:1.5;}
.btn_sm	{display:block; width:100%; height:46px; border:0; font-size:1.55rem; font-weight:bold; color:#fff;}

.cont_center	{width:94%; margin:0 auto;}
.cont_center::after	{content:""; display:block; clear:both;}
.center	{width:94%; margin:0 auto;}
.txt_hidden {position:absolute; left:-100%; top:0%; overflow:hidden; width:0; height:0; font-size:0; text-indent:-9999%; line-height:0;}
.hidden {position:absolute; left:-100%; top:0%; overflow:hidden; width:0; height:0; font-size:0; text-indent:-9999%; line-height:0;}

.btn_hbg {position:relative; display:block; width:20px; height:21px; margin:0 auto;}
.btn_hbg span {position:absolute; left:0; top:50%; display:block; width:100%; height:1px; background-color:#444; text-indent:-999%; font-size:0; line-height:0; transition:all 0.3s }
.btn_hbg span:before,
.btn_hbg span:after {content:""; position:relative; display:block; width:100%; height:1px; background-color:#444; transition:all 0.3s}
.btn_hbg span:before {top:-5px;}
.btn_hbg span:after {top:4px;}
.on .btn_hbg span {background-color:transparent;}
.on .btn_hbg span:before {top:0px; transform:rotate(45deg);}
.on .btn_hbg span:after {top:-1px; transform:rotate(-45deg);}


#wrapper {}
#wrapper.on {overflow:hidden;position:fixed; left:0; top:0; width:100%; height:100%; }


#header {}
	.on #header {position:fixed ;left:0; top:0 ;width:100%; box-shadow: 0 1px 3px rgba(0,0,0,0.2); z-index:1000;}
#header .hd_top {padding:10px 3%; background-color:#0848d1; line-height: 1.25; font-size: 20px; color:#fff;}
#header .hd_btm {display:flex; align-items: center; justify-content: space-between; padding:15px 3%; background-color:#fff; }
#header h1 {float:left;}
#header img {display:block; width:auto; height:16px;}

#sitemap {overflow-y:scroll; position:fixed; right:-100%; top:0; width:100%; height:100%; background-color:#fff; z-index:400; transition:all 0.3s;}
.on #sitemap {right:0; z-index: 900;}
#sitemap .nav_list {padding:0 5%; padding-top:160px;}
#sitemap .nav_list>li {margin-bottom:30px; }
#sitemap .nav_list .dep1 {display:inline-block; margin-bottom:10px; font-size:1.55rem; font-weight:bold; }
#sitemap .nav_list .dep2>li {padding:8px 0;}
#sitemap .nav_list .dep2>li a {font-size:1.45rem; color:#555;}

.on #contents {padding-top:99px;}

#visual_renew {overflow:hidden; position:relative;}
#visual_renew img {display: block; width:100%; height:auto;}
#visual_renew .visu_txt{position:absolute; left:4%; top:15%; z-index:10; }
#visual_renew .visu_txt >*{font-family:'NanumSquare', sans-serif; font-size:3rem; line-height:1.4; }
#visual_renew .visu_txt h3 span{color:#f48120;}
#visual_renew .visu_txt h5{color:#0848d1; font-weight:700; }

#main_board {background-color:#fff; width:92%; margin:40px auto 0; border-radius:5px; padding:15px; }
#main_board .center {display:flex; align-items: center; position:relative; }
#main_board .sp_slider {position:relative; overflow:hidden; }
#main_board .sp_slider li {}
#main_board .sp_slider li a {position:relative; overflow:hidden; display:block;  }
#main_board .sp_slider li a h2{display:block; font-size:1.7rem; color:#191919; font-weight:700; margin-bottom:10px; line-height:1.4; word-break: keep-all; }
#main_board .sp_slider li a p{ font-size:1.4rem; color:#898989; font-weight:400; margin-bottom:10px; line-height:1.5; word-break: keep-all; }
#main_board .sp_slider li a .date{ font-size:1.4rem; color:#898989; font-weight:400; line-height:1.5; text-align:right; display:block; }

.sch_cont {}
.sch_cont .title {margin-bottom:20px; line-height:1.5; font-size:1.8rem; letter-spacing:-1px;}
.sch_cont .sch_input {overflow:hidden; padding-bottom:20px; }
.sch_cont .sch_input li {position:relative; float:left; width:49%; margin-right:2%; margin-bottom:8px; background-color:#fff;}
.sch_cont .sch_input li.span2 {width:100%; margin-right:0;}
.sch_cont .sch_input li:nth-child(3),
.sch_cont .sch_input li:nth-child(5) {margin-right:0;}
.sch_cont .btn_sm {background-color:#ffa200; color:#222}

.sub0201 .sch_cont .sch_input{padding-bottom:0; }

#main_top_wrap{background:linear-gradient(80deg,#0c5bff,#002572); padding:50px 0;}

.main .main_item {border-radius:5px; box-shadow:0 0 30px rgba(0,0,0,0.1) }

.product_menu {margin-bottom:25px; padding:0 4%;}
.product_menu .main_tit{display:flex; justify-content: flex-start; align-items: center;  margin-bottom:15px; }
.product_menu .main_tit h2{font-size:2.2rem; font-weight:700; color:#fff; margin-right:5px;  }
.product_menu .main_tit p{font-size:1.3rem; font-weight:400; color:#fff;   }
.product_menu .tab{  }
.product_menu .tab>li {height:55px; border-bottom:1px solid rgba(255,255,255,0.3); cursor:pointer; transition:all .5s; }
.product_menu .tab>li.current { border-bottom:1px solid rgba(255,255,255,0.3); background:#012d8b; border-bottom:1px solid #012d8b; }
.product_menu .tab>li a>span{opacity:0; transition:all .5s; }
.product_menu .tab>li.current span{opacity:1;}
.product_menu .tab>li a {height:55px; display:flex; justify-content: space-between; align-items: center; padding:0 20px;  }
.product_menu .tab>li a p{display:flex; justify-content: flex-start; align-items: center; }
.product_menu .tab>li a p span{font-size:1.7rem; color:#fff; font-weight:400; line-height:55px; }
.product_menu .tab>li a p img{display:inline-block; margin-right:15px; width:32px; }
.product_menu .tabcontent {padding:10px 0 10px 20px; border-bottom:1px solid rgba(255,255,255,0.3); }
.product_menu .tabcontent ul li a{color:#fff; font-size:1.5rem; font-weight:600; padding:5px 10px; position:relative; display:block }
.product_menu .tabcontent ul li a:before{ position:absolute; content:""; width:5px; height:2px; background:#fff; left:0; top:12px;}
ul.tab{position:relative;}
.tabcontent {display: none; }
.tabcontent.current {display: block;}

#main_cont01 {width:92%; background:#fff; margin:0 auto; padding:25px 0 0; overflow:hidden; border-radius:5px; }
#main_cont01 hgroup {margin-bottom:15px; text-align:center;}
#main_cont01 hgroup p,
#main_cont01 hgroup h2 {color: #222;}
#main_cont01 hgroup h2 span{color: #ffa200;}
#main_cont01 hgroup p {font-size: 1.2rem;}
#main_cont01 hgroup h2 {margin-top: 8px; font-size: 2rem; font-weight: bold;}
#main_cont01 form ul{width:90%; margin:0 auto; }
#main_cont01 .sch_input li {margin-bottom: 5px; border-bottom:1px solid #222}
#main_cont01 .sch_input li .ip_comm {height: 40px; padding-left: 5px;}
#main_cont01 .btn_sm {margin-top: 20px; background:linear-gradient(45deg,#e26801,#f48120); color: #fff; box-shadow:0 0 10px rgba(0,0,0,0.2); font-size:1.8rem; }

#btm_cs{background:#fff; border-radius:5px; overflow:hidden; margin:25px auto;   }
.cs_input{width:92%; margin:0 auto; }
#btm_cs .btn_sm{border-radius:0; background:linear-gradient(45deg,#ffcd00,#fff600); color:#191919; }
.tit_latest{margin:30px 0 16px; text-align:center; display:block; font-size:1..8rem; color:#222; font-weight:400; }
.tit_latest span{ font-weight:700; }

#main02 {display:grid; grid-template-columns: 1fr 1fr; grid-gap:10px; width:calc(100% - 20px); margin:0 auto;}
#main02 .main_item {display: block; padding:20px 15px 25px 15px; text-align: center;}
#main02 img {display: block; width:90%; max-width:100px; height:auto; margin:0 auto; margin-bottom: 10px; }
#main02 p {font-size: 1rem; color: #666;}
#main02 h2 {margin-top: 7px; font-size: 1.7rem; font-weight: bold; color: #222;}

.tit_latest {margin-bottom:15px; font-size: 1.8rem; font-weight: bold; color: #222;}
.tit_latest img {width:auto; height:40px; margin-right:5px}

#main_cont03 {margin:0 auto 50px;}
#main_cont03 li {margin-bottom: 5px; background:#f3f3f3; border:1px solid #ddd; border-radius:5px; padding:10px; }
#main_cont03 li:last-child {margin-bottom: 0;}
#main_cont03 li a {display:block; font-size:1.6rem; }
#main_cont03 li .date {font-size:1.4rem; color:#888;text-align:left; margin-top:10px; display:block;  }
#main_cont03 .board_tit{display:flex; justify-content: flex-start; align-items: center; margin-bottom:20px; }
#main_cont03 .board_tit h2{font-size:2rem; font-weight:700; color:#191919; }
#main_cont03 .board_tit h2 span{color:#0848d1; }
#main_cont03 .board_tit p{font-size:1.3rem;  color:#898989; margin-left:10px;  }

.main_ad_ban{width:92%; margin:30px auto; position:relative;}
.main_ad_ban img{width:100%; }
.main_ad_ban .ban_txt{position:absolute; left:4%; top:50%; transform:translateY(-50%); }
.main_ad_ban .ban_txt h3{font-size:2rem; line-height:1.4; color:#191919; margin-bottom:10px;  }
.main_ad_ban .ban_txt h3 b{font-weight:700;  }
.main_ad_ban .ban_txt h3 span{ color:#007042; }
.main_ad_ban .ban_txt a{display:inline-block; background:#fff; line-height:36px; padding:0 15px; border-radius:50px; color:#7f615a; font-weight:500; font-size:1.3rem;   }

.cs_cont {padding:40px 5%; background-color:#009fe8;}
.cs_cont .title {margin-bottom:20px; font-size:2rem; font-weight:bold; color:#fff;}
.cs_cont .cs_input {}
.cs_cont .cs_input li {position:relative; margin-bottom:8px; }
.cs_cont .cs_input li .set_ip {position:relative; overflow:hidden; background-color:#fff;}
.cs_cont .cs_input li .unit {position:absolute; right:10px; top:50%; transform:translateY(-50%);}
.cs_cont .cs_input li .output {margin-top:5px; font-size:1.2rem; color:#fff;}
.cs_cont .privacy_tt {line-height:1.5; font-size:1.25rem; color:#fff;}
.cs_cont #ext_fmail_btn_1 {margin-top:12px; line-height:46px; background-color:#224c9c; text-align:center; color:#fff; box-shadow:0 0 3px rgba(0,0,0,0.3) }

#main_cont04 {background:#007719; padding:40px 0; width:100%; overflow:hidden; position:relative; }
#main_cont04 .review_tit {display:flex; justify-content: center; align-items: center; margin-bottom:24px; }
#main_cont04 .review_tit img{height:19px; padding-top:0px; }
#main_cont04 .review_tit p{color:#fff; font-size:2rem; font-weight:700; margin-left:5px;}
#main_cont04 .case_slider { }
#main_cont04 .case_slider .swiper-slide{background:#fff; border-radius:5px; padding:15px;height:auto; }
#main_cont04 .case_top{display:flex; justify-content: space-between; align-items: flex-start; }
#main_cont04 .case_top img{width:50px;  }
#main_cont04 .case_top h3{width:calc(100% - 90px);  font-size:1.8rem; font-weight:700; line-height:1.4; word-break:keep-all;  }
#main_cont04 .case_slider .date{  font-size:1.4rem; font-weight:400; line-height:1.4; color:#b6b6b6; margin:10px 0; display:block; }
#main_cont04 .case_slider .swiper-slide>p{  font-size:1.4rem; font-weight:400; line-height:1.6; color:#666;word-break: keep-all;  }
#main_cont04 .case_slider .swiper-slide>a{ font-size:12px; font-weight:600; line-height:1.6; word-break: keep-all; font-family: 'Montserrat', sans-serif; margin-top:10px; display:block; }
#main_cont04 .case01 h3,#main03 .case01>a{color:#0848d1;}
#main_cont04 .case02 h3,#main03 .case02>a{color:#f48120;}
#main_cont04 .case03 h3,#main03 .case03>a{color:#323ea9;}
#main_cont04 .swiper-pagination{bottom:80px }
#main_cont04 .swiper-pagination-bullet{background:#fff; }


#main_cont05 {background:#fff; padding:50px 0; }
#main_cont05 .logo_tit{display:flex; justify-content: center; align-items: center; margin-bottom:20px;}
#main_cont05 .logo_tit img{height:19px; padding-top:0; }
#main_cont05 .logo_tit h2{color:#000; font-size:2rem; font-weight:700; margin-left:4px;  }

.plus_wrap ul li{width:100%; border:1px solid #ddd; padding:15px; border-radius:5px; background:#f4f4f4; position:relative; margin-bottom:10px; }
.plus_wrap ul li h3{font-size:1.8rem; color:#000; font-weight:500; line-height:1.4; margin-bottom:16px; word-break: keep-all; }
.plus_wrap ul li .date{font-size:1.3rem; color:#b6b6b6; font-weight:500; margin-bottom:12px; }
.plus_wrap ul li p{font-size:1.4rem; color:#666; font-weight:400; line-height:1.5; word-break: keep-all;}
.plus_wrap ul li a{ font-size:12px; font-weight:600; line-height:1.6; word-break: keep-all; font-family: 'Montserrat', sans-serif; display:block; margin-top:10px; }

.plus_wrap .view_more{width:200px; height:50px; border:1px solid #ddd; border-radius:4px; margin:16px auto 0; display:flex;justify-content: space-between; align-items: center; padding:0 20px;  }
.plus_wrap .view_more p{font-size:1.5rem; color:#000; font-weight:500; }
.plus_wrap .view_more img{width: 18px; }



.ban_ex {position: relative; display:flex; flex-direction: column; justify-content: center; align-items: center; position: relative; width:90%; margin:0 auto; margin-bottom:10px; padding:60px 0; background-image:url(/images/main_ban1.jpg); background-size:cover; z-index: 1;}
.ban_qna {background-image:url(/images/ban_qna.jpg)}
.ban_info {margin-bottom: 60px; background-image:url(/images/ban_info.jpg)}
.ban_ex::after {content:""; position: absolute; left:0; top:0; display: block; width:100%; height:100%; background-color: rgba(0,0,0,0.6); z-index: -1;}
.ban_ex p {font-size: 1.5rem; color: #ccc;}
.ban_ex h2 {margin-top:15px; font-size: 2rem; font-weight: 700; color: #fff;}


#footer {padding:40px 3% 90px; background-color:#1f1f1f;}
#footer ul {}
#footer li {display:inline-block; margin-right:10px; line-height: 1.7; font-size: 1.5rem; color: #888;}
#footer .ft_menu {margin-bottom:15px; }
#footer .ft_menu li a {font-weight:bold; color:#ccc; font-size:1.5rem; text-decoration: none;}
#footer .caution1,
#footer .caution2 {margin-bottom:10px; line-height:1.6; font-size: 1.5rem;}
#footer .caution1 {color:#ccc; }
#footer .caution2 {color:#ccc; }
#footer .info li {line-height:1.6;}

#footer .btn_sch {font-size:inherit; font-weight:inherit; color: #aaa; text-decoration: underline;}

#footer .ft_top {padding-bottom:40px; border-bottom:1px solid rgba(255,255,255,0.3); margin-bottom:40px; }
#footer .ft_top img{width:100%; }
#footer .ft_top h3{color:#fff; font-size:1.5rem; line-height:1.5; margin-top:10px; text-align:center; word-break: keep-all;}


#footer .ban_sch {display:block; margin:10px 0; border-radius:10px; background-color:#c3e2ff; padding:20px; font-size:1.7rem; font-weight: 600;}
#footer .ban_sch p {margin-top:10px; font-size:1.3rem; color:cornflowerblue;}
#footer .footer_note { margin:0; font-size:14px; color:#fff; line-height:1.4; font-weight:300; white-space:pre-line; }


#quick {position: fixed; right:5px; bottom:5px; z-index: 100;}
#quick a {display:flex; align-items: center; justify-content: center; width: 46px; height: 46px; margin-top: 5px; border-radius:100px; }
#quick img {display: block; width:auto;}
#quick .app {background-color: #fff; box-shadow:0 0 5px rgba(0,0,0,0.5) }
#quick .app img {margin-left:-4px; height:28px;}
#quick .tel {background-color: #224c9c; }
#quick .tel i {font-size: 2rem; color: #fff;}
#quick .kakao {background-color: #f9e000; }
#quick .kakao img { height:24px;}
#quick #top_btn {background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2);  }

#quick2 {position:fixed; left:0; bottom:0; width:100%; background:#fff; padding:10px 4%; display:flex; justify-content: space-between; align-items: center; }
#quick2 h3 {font-size:15px; color:#999; font-weight:700; }
#quick2 h3 span{ padding-right:10px;  }
#quick2 h3 img{width:20px;   }
#quick2 ul {display:flex; justify-content: flex-end; align-items: center;  }
#quick2 ul li {margin-left:5px;   }
#quick2 ul li a{display:flex; justify-content: center; align-items: center; padding:8px 10px; background:#fff53c; border-radius:3px; box-shadow:0 0 5px rgba(0,0,0,0.2); }
#quick2 ul li span{display:none;  }
#quick2 ul li img{height:28px; }
#quick2 ul li:nth-child(2) a{background:#fff;  }
#quick2 ul li:nth-child(3) a{background:#00d037;  }



/* 하단 상담 : 대출상품, 상담신청 제외 */
#btm_cs {margin: 50px auto 0}
#btm_cs .cs_input li {position: relative; margin-bottom: 4px; overflow: hidden; border-radius:4px; border:1px solid #ddd; background-color: #f7f7f7;}
#btm_cs .cs_input li .unit {position: absolute; right:10px; top:15px; font-weight: bold; color: #222;}
#btm_cs .privacy_tt {margin-top:10px; line-height: 1.5; font-size: 1.2rem; color: #999; padding: 0 4%; }
#btm_cs .btn_sm {display:flex; align-items: center; justify-content: center;margin-top: 20px; border-radius:4px; font-size:1.8rem;  }
#btm_cs .cs_input li .set_ip input#amt {text-align:right;  padding-right:50px; }
#btm_cs .cs_input li .output {text-align:right; padding-right:10px; line-height:1; padding-bottom:12px; }


/*======== sub =========*/

.sub_top h3{text-align:center; font-size:2.2rem; font-weight:700; margin:20px 0; color:#191919; }
#sub_menu {position:relative; width:92%; margin:0 auto; }
#sub_menu .btn_sub_menu {display:block; padding:0 5%; line-height:44px; background-image:url(/images/bg_select.svg); background-position:right center; font-size:1.45rem; font-weight:bold; color:#191919; background-size:24px; border:1px solid #ddd; border-radius:4px; }
#sub_menu .sub_menu_list {display:none; position:absolute; left:0; top:44px; width:100%; padding:15px 5%; background-color:rgba(255,255,255,0.95); box-shadow: 0 1px 3px rgba(0,0,0,0.3); z-index:300; box-sizing:border-box; }
#sub_menu .sub_menu_list li a {display:block; line-height:2.2;}

#sub_contents {padding:40px 5% 60px 5%}

/* .sub_title {margin-top:50px; margin-bottom:20px; }
.sub_title h3 {font-size:1.8rem; font-weight:bold; color:#333;}
.sub_title p {margin-top:8px; line-height:1.5; font-size:1.3rem; color:#777} */


.loan_top {text-align:center;}
.loan_top h2{font-size:2.2rem; font-weight:700; color:#0848d1; margin-bottom:24px; }

.loan_table .line{border:1px solid #ddd; padding:15px; border-radius:4px; margin-bottom:5px; }
.loan_table .line .subject {display:flex; justify-content: flex-start; align-items: center; margin-bottom:10px; }
.loan_table .line .subject h3{font-size:1.8rem; font-weight:600; color:#0848d1; margin-left:5px;  }
.loan_table .line .subject img{width: 25px;  }
.loan_table .line .content p{font-size:1.5rem; font-weight:500; color:#222; line-height:1.5; }
.loan_table .line .content ul li{font-size:1.5rem; font-weight:500; color:#222; line-height:1.5; margin-bottom:5px; padding-left:10px; position:relative;}
.loan_table .line .content ul li:before{content:""; display:block; position:absolute; width:5px; height:1px; background:#222; left:0; top:11px; }

#sub_bottom_wrap{background:linear-gradient(45deg,#0138ad,#0848d1); padding:50px 0;}


.tbl { border-top:1px solid #143d89;}
.tbl th,
.tbl td {height:20px; padding:8px 5px; border:1px solid #ddd; border-top:0; line-height:1.5; text-align:left; font-size:1.35rem;}
.tbl th {text-align:center; }
.tbl tbody th {background-color:#f9f9f9}
.tbl td {}

.tbl_rst tbody td {text-align:center;}

#sub_contents .cs_cont {margin-top:50px; padding:30px 5%;}
#sub_contents.sub03 .cs_cont {margin-top:0;}



/* 공통 */
.sub_title {margin-top:50px; margin-bottom:15px; }
.sub_title:first-child {margin-top:0;}
.sub_title h4 {font-size:1.7rem; font-weight:700; color:#333;}
.sub_title .ex {margin-top:8px; font-size:1.3rem; color:#666;}
.sub_title h3{font-size:1.7rem; font-weight:700; color:#0138ad; }
.sub_title p{font-size:1.4rem; font-weight:400; color:#595959; line-height:1.5; margin-top:10px; }
.sub_title2 {margin:36px 0 10px; }
.sub_title2 h4 {font-size:1.7rem; font-weight:600; color:#0138ad; }

.li_comm {}
.li_comm li {position:relative; margin-bottom:5px; padding-left:15px; line-height:20px; background-image:url(/images/chk.svg); background-position:left 3px;  background-size:auto 12px;}
.li_comm li {margin-bottom:5px;}
.li_comm li:last-child {margin-bottom:0;}

.tbl_paper {border-top:1px solid #aaa;}
.tbl_paper th,
.tbl_paper td {padding:10px 5px; line-height:1.5; border:1px solid #ddd; border-top:0; text-align:center; font-size:1.35rem; font-weight:500;}
.tbl_paper thead th {background-color:#eee; font-weight:600;}
.tbl_paper tbody th {background-color:#f9f9f9; }
.tbl_paper td {}
.tbl_paper .ta_l {text-align:left;}
.tbl_paper tfoot {}
.tbl_paper tfoot th,
.tbl_paper tfoot td {background-color:#f5f5f1}
.tbl_paper tfoot th {font-weight:600;}
.tbl_paper tfoot td {color:red;}

.tbl_ex td {text-align:left;}
.tbl_ex td.s_tit {text-align:center; background-color:#fdfdfd}
.tbl_ex td strong {font-weight:600;}


.sub0101 {}
.sub0101 .p1 {line-height:1.5; font-size:1.7rem; font-weight:bold;}
.sub0101 .p_comm {margin-top:15px; line-height:1.8; }

/* sub02 */
.sub02 {}
.sub02 .icon_cont {text-align:center;}
.sub02 .icon_cont img {width:auto; height:100px;}
.sub02 .icon_cont .cate {margin-top:10px; margin-bottom:40px; font-size:1.7rem; font-weight:bold; color:#222;}
.sub02 .loan_info {padding:20px 0; border-top:1px solid #143d89; border-bottom:1px solid #143d89;}
.sub02 .loan_info dt {margin-bottom:8px; font-weight:bold; color:#143d89;}
.sub02 .loan_info dd {margin-bottom:20px; line-height:1.6; }
.sub02 .loan_info dd:last-child {margin-bottom:0;}

.sub02 .sch_cont {margin-top:50px; }
.sub02 .sch_cont .title {color:#333;}
.sub02 .sch_cont .title span {color:#143d89;}
.sub02 .sch_cont .sch_input li {border:1px solid #ccc; position:relative; }
.sub02 .sch_cont .sch_input li:last-child {margin-right:0;}
.sub02 .sch_cont .sch_input li fieldset {position: relative;}
.sub02 .sch_cont .sch_input li .unit {position: absolute; right:10px; top:15px; font-weight:600; }
.sub02 .sch_cont .sch_input li h6 {position: absolute; left:10px; top:10px; font-weight:500; line-height:1.3; font-size:1.3rem; }
.sub02 .sch_cont .sch_input li h6 span{color:#f00; }
.sub02 .sch_cont .sch_input li .ext_output_ext_amt_1 {text-align:right; display:block; width:100%; padding:0 10px 10px; box-sizing:border-box; color:#1298cd; font-weight:600;}
.sub02 .sch_cont .sch_input li .ext_output_ext_amt_2 {text-align:right; display:block; width:100%; padding:0 10px 10px; box-sizing:border-box; color:#1298cd; font-weight:600;}
.sub02 .sch_cont .sch_input li fieldset + p {padding:12px; background-color:#f8f8f8; font-size:1.4rem; line-height:1.6; color: #666; }
.sub02 .sch_cont .sch_input li .output2 {position:absolute; right:0; bottom:-25px; margin:0; }
.sub02 .sch_cont .sch_input li input.money {padding:0 40px 0 10px !important;  }


.sub02 .refer_ltv {margin-top:10px; line-height:1.5; font-size:1.35rem; font-weight:bold; color:red;}

.sub02 .cs_input{width:100%; }
.sub03 #btm_cs{margin-top:0; width:100%;  }
.sub03 .cs_input{width:100%; }

.result_addr {border-top:1px solid #143d89;}
.result_addr dt,
.result_addr dd {line-height:1.5;}
.result_addr dt {margin-bottom:8px; padding-top:10px; font-weight:bold;}
.result_addr dd {padding-bottom:15px; border-bottom:1px solid #ddd; }
.result_addr li {margin-bottom:8px;}

.sub03 {}
.sub03 .cs_cont {padding:0 !important; background-color:#fff;}
.sub03 .cs_cont .cs_input {}
.sub03 .cs_cont .cs_input li {border:1px solid #ccc; }
.sub03 .cs_cont .cs_input li .set_ip {}
.sub03 .cs_cont .cs_input li .output {color:#666;}
.sub03 .cs_cont .privacy_tt {margin-top:10px; color:#888;}
.sub03 .cs_cont #ext_fmail_btn_1 {}

.sub0301 {}
.sub0301 .apply_result {padding:50px 5%; border-radius:30px; border:1px solid #ddd; text-align:center;}
.sub0301 .apply_result figure i {font-size:60px; color:#aaa;}
.sub0301 .apply_result h4 {margin-top:20px; font-size:1.8rem; font-weight:700;}
.sub0301 .apply_result .date {margin-top:15px; font-size:1.4rem; color:#666}
.sub0301 .apply_result .set_btn {margin-top:40px; text-align:center;}
.sub0301 .apply_result .set_btn a {display:inline-block; margin:0 2px; padding:0 18px; line-height:44px; border-radius:4px; background-color:#224c9c; font-size:1.45rem; color:#fff; }
.sub0301 .apply_result .tel {position:relative; padding-top:30px; margin-top:40px; font-size:1.6rem;}
.sub0301 .apply_result .tel::after {position:absolute; left:50%; top:0; display:block; width:30px; height:1px; background-color:#aaa; transform:translateX(-50%); content:""}
.sub0301 .apply_result .tel a {font-size:inherit; font-weight:bold; color:#224c9c}

.sub0302 {}
.sub0302 .set_tel {padding:50px 0; text-align:center;}
.sub0302 .icon_tel {display:flex; width:80px; height:80px; margin:0 auto; text-align:center; align-items:center; justify-content: center;  border-radius:100px; border:2px solid #224c9c;}
.sub0302 .icon_tel i {font-size:30px; color:#224c9c;}
.sub0302 .tel {display:inline-block; margin-top:20px; text-align:center; font-size:2.4rem; font-weight:700; color:#333;}
.sub0302 .ex {margin-top:15px; text-align:center; font-size:1.2rem; color:#666;}

/* 대출계산기 */

.sub0401 {}
.sub0401 .calculator {overflow:hidden;border:1px solid #aaa;background-color:#f9f9f9;}
.sub0401 .calculator .area1,
.sub0401 .calculator .area2 {padding:30px 5%;}
.sub0401 .calculator .area1 { background-color:#fff;}
.sub0401 .calculator .area1 .cal_input {}
.sub0401 .calculator .area1 .cal_input li {margin-bottom:15px;}
.sub0401 .calculator .area1 .cal_input li label {display:block; width:100%; margin-bottom:5px; font-size:1.25rem; color:#777;}
.sub0401 .calculator .area1 .cal_input li .set_ip {position:relative; border:1px solid #ddd;}
.sub0401 .calculator .area1 .cal_input li .set_ip .ip_comm {padding-right:30px;}
.sub0401 .calculator .area1 .cal_input li .set_ip .unit {position:absolute; right:10px; top:50%; transform:translateY(-50%);}
.sub0401 .calculator .area1 .cal_input li .output2 {margin-top:4px; font-size:1.2rem; color:#224c9c}
.sub0401 .calculator .area1 .btn_sm {height:50px; margin-top:20px; background-color:#224c9c; font-size:1.55rem; font-weight:600;}

.sub0401 .calculator .area2 {border-top:1px dashed #ddd;}
.sub0401 .calculator .area2 h5 {font-size:1.6rem; font-weight:600;}
.sub0401 .calculator .area2 dl {margin-top:20px;}
.sub0401 .calculator .area2 dl dt {margin-bottom:10px; color:#666;}
.sub0401 .calculator .area2 dl dd {margin-bottom:30px; font-size:1.6rem; font-weight:700; color:#222;}
.sub0401 .calculator .area2 dl dd.total {font-size:1.7rem; color:#224c9c;}

.sub0501 img{width:100%; }

.graph {overflow:hidden; padding:10px; background:#f3f3f3; border:1px solid #eee;}

.graph_list {width:100%; padding:20px 5%; background-color:#fff; }
.graph_list .category {overflow:hidden; }
.graph_list .category dt,
.graph_list .category dd {float:left;}
.graph_list .category dt {width:16px; margin-right:4px; text-align:center;}
.graph_list .category dt div {display:inline-block; width:100%; height:16px;}
.graph_list .category dt i {font-size:1.2rem; line-height:16px;}
.graph_list .category dd {margin-right:12px; line-height:16px; font-size:1.25rem; }
.graph_list .cate1 {background-color:#c8f1f6;}
.graph_list .cate2 {background-color:#224c9c;}
.graph_list .cate3 {border:1px solid #eee;}

.graph_scope {position:relative; margin-top:10px;  }
.graph_scope .arr_txt {padding:0 15px; text-align:center; line-height:1.3; font-size:1.2rem;}
.graph_scope .arr {position:absolute; top:0%;line-height:1.3}
.graph_scope .arr_left{left:0; }
.graph_scope .arr_right{right:0;}

.ex_graph {height:140px; margin-top:20px; position:relative; background-image:url(/images/graph_line.gif); background-repeat:repeat-x ; background-position:left bottom; background-color:#fff; background-size:contain;}
.ex_graph ul {width:100%; position:absolute; left:0; bottom:0; vertical-align:top; clear:both;}
.ex_graph ul li{width:5%; height:130px; position:relative; list-style:none; display:block; margin-right:3.3%; float:left;}
.ex_graph ul li.last{margin-right:0;}
.ex_graph ul li span{width:100%; position:absolute; bottom:0; display:block;}

.graph_example {margin-top:20px;}
.graph_example .tit {margin-bottom:10px; font-size:1.4rem; font-weight:600; color:#333;}
.graph_example .set_ex {overflow:hidden;}
.graph_example .set_ex dl {float:left; width:49%; margin-right:2%; margin-bottom:10px; padding:20px; background-color:#ddd; text-align:center;}
.graph_example .set_ex dl:nth-child(2n) {margin-right:0;}
.graph_example .set_ex dl dt {display:inline-block; margin-bottom:15px; border-bottom:1px solid #aaa; font-size:1.3rem;}
.graph_example .set_ex dl dd {font-size:1.6rem; font-weight:700;}
.graph_example .result {margin-top:10px; padding-bottom:10px; text-align:center; font-size:1.4rem; font-weight:700;}


.wrap_result_tbl	{margin-top:40px;}
.result_tbl	th,
.result_tbl td {line-height:3em;border:1px solid #ddd; font-size:1.2rem;}
.result_tbl td {padding:0 10px; text-align:right;}
.result_tbl tbody tr:first-child td,
.result_tbl tbody tr:first-child th {border-top:0;}
.result_tbl	thead th{background-color:#f6f6f6; }
.result_tbl	thead th:last-child{border-right:0;}
.result_tbl	tfoot th,.result_tbl tfoot td	{background-color:#f7f3ed;}
.result_tbl tfoot td	{color:#fe452c; font-weight:bold;}

.hidden_tbl	{display:none;}

.wrap_btn	{padding:10px 0; border-bottom:1px solid #ddd; }
.wrap_btn img	{width:100%; height:auto;}
.wrap_btn .btn_hidden	{display:block;overflow:hidden;  width:50px !important; height:20px; margin:0 auto;}






/* 대출도우미 > 부대비용 */
.sub0402 {}
.sub0402 .info_paper {padding:20px 5%; border:1px solid #eee; background-color:#fefefe;}
.sub0402 .info_paper h5 {margin-bottom:15px; line-height:1.5; font-size:1.45rem; font-weight:600;}
.sub0402 .info_paper .ex {line-height:1.5; color:#666;}
.sub0402 .info_paper a {position:relative; display:block; width:200px; margin-top:30px; padding:0 30px 0 15px; line-height:36px; border-radius:4px; background-color:#224c9c; color:#fff;}
.sub0402 .info_paper a i {position:absolute; right:10px; top:50%; transform:translateY(-50%); color:#fff;}

.sub0901 {}
.sub0901 .ptn_input {}
.sub0901 .ptn_input li {margin-bottom:20px;}
.sub0901 .ptn_input li label {display:block; margin-bottom:8px; font-size:1.25rem; }
.sub0901 .ptn_input li .set_ip {position:relative; overflow:hidden; border:1px solid #ccc;}
.sub0901 .set_agree {}
.sub0901 .set_agree label,
.sub0901 .set_agree a {font-size:1.25rem;}
.sub0901 .btn_sm {margin-top:25px; background-color:#224c9c}




/* 고객센터 > 진행사례 */

.loan_tab th {height:50px; font-size:15px; color:#3f3f3f; border-top:2px solid #2a5caa; border-bottom:2px solid #2a5caa}
.loan_tab td {height:50px; text-align:center; font-size:15px; color:#5f5f5f; border-bottom:1px solid #c0c0c0;}
.loan_tab .lline {border-left:1px solid #c0c0c0;}

.loan_btn01 a {display:inline-block; background:#37990c; width:190px; height:50px; line-height:50px; border-radius:0.3em; border:1px solid #37990c; font-size:18px; color:#fff; font-weight:600;}
.loan_btn01 a:hover {color:#fff; text-decoration:none;}
.loan_btn02 a {display:inline-block; background:#242424; width:190px; height:50px; line-height:50px; border-radius:0.3em; border:1px solid #242424; font-size:18px; color:#fff; font-weight:600;}
.loan_btn02 a:hover {color:#fff; text-decoration:none;}

.loan_step {}
.loan_step h4 {padding-top:40px; margin-bottom:30px; text-align:center; font-size:24px; font-weight:700; color:#333}
.loan_step h4 span {color:#224c9c;}
.loan_select {display:flex; overflow:hidden; text-align:center; align-items: center; justify-content: center;}
.loan_select a {display:flex; align-items: center; justify-content: center; width:300px; height:300px; margin:0 10px; border-radius:300px; border:1px solid #ddd; cursor: default;}
.loan_select a.on {background-color:#224c9c; border:1px solid #224c9c;}
.loan_select a dl {cursor: pointer;}
.loan_select a dt {font-size:16px; font-weight:700;}
.loan_select a dd {margin-top:15px; font-size:20px; font-weight:400; line-height:1.5;}
.loan_select a.on dt {color:#fff}
.loan_select a.on dd {color:#fff}

.loan_step .set_input {width:460px; margin:0 auto;}
.loan_step .chk_sample_input {}
.loan_step .chk_sample_input li {margin-bottom:25px;}
.loan_step .chk_sample_input li label {display:block; margin-bottom:8px;}
.loan_step .chk_sample_input li .set_ip {position:relative; overflow:hidden; border:1px solid #ddd;}
.loan_step .chk_sample_input li .ip_comm {outline:none;}
.loan_step .chk_sample_input li .ip_comm.readonly {padding-right:30px;background-color:#f4f4f4; text-align:right; font-weight:bold; color:red; }
.loan_step .chk_sample_input li .unit {position:absolute; right:10px; top:50%; transform:translateY(-50%);}
.loan_step .output {margin-top:3px; font-size:12px; color:#666;}
.loan_step .refer {margin-top:5px; line-height:22px;}

.loan_step .loan_result {overflow:hidden; border-top:1px solid #ddd;}
.loan_step .loan_result dt,
.loan_step .loan_result dd {float:left; height:50px; line-height:50px; border-bottom:1px solid #ddd; font-size:16px; }
.loan_step .loan_result dt {width:40%; text-align:left;}
.loan_step .loan_result dd {width:60%; text-align:right; font-weight:600;}
.loan_step .loan_result dd span {font-weight:700;}
.loan_step .loan_result_month {margin-top:15px; text-align:center; font-size:18px; font-weight:600;}

.loan_step_txt {background:#f8f8f8; width:690px; line-height:50px; border-radius:0.3em; border:1px solid #f8f8f8; margin-top:10px; maxlang}
.loan_step_txt h3 {font-size:24px; color:#2f2f2f; line-height:26px;}
.loan_step_calbg {width:610px; margin:0 auto; background:#ebebeb; border-radius:0.3em; border:1px solid #ebebeb; margin-top:20px; padding:10px 0 0 0}
.loan_step_cal th {font-size:16px; text-align:left; padding-left:20px; letter-spacing:-0.08em;}
.loan_step_cal td { padding-right:20px;}
.loan_step_calbg .stxt1 {font-size:12px; color:#4f4f4f; letter-spacing:-0.08em; text-align:left; padding-left:20px;}
.loan_step_txt .stxt2 {font-size:16px; color:#2f2f2f; font-weight:600;}

.ex_sub0501_img{width:670px;height:200px;position:relative}
.ex_img{position:absolute;top:30px;left:0}
.ex_content{width:400px;position:absolute;top:35px;left:175px;font-size:14px;}
.ex_date{position:absolute;top:0;left:35px;font-size:14px;color:#5c5c5c}
.ex_hit{position:absolute;top:0;right:20px;font-size:14px;color:#5c5c5c}

.ex_btn_wrap{width:100%;position:absolute;top:190px;left:0;text-align:center}


.v2_ex_wrap{position:relative; margin-bottom:20px; padding:100px 5% 30px 5%; background-color:#f9f9f9; border:1px solid #eee; background-image:url(/images/sub0504.png); background-position:center 30px; background-size:50px; transition:all 0.3s}
.v2_ex_wrap:hover {border:1px solid #224c9c}
.v2_ex_wrap .v2_ex_subject {line-height:1.3; font-size:1.6rem; font-weight:600; color:#222;}
.v2_ex_wrap .ex_info {margin-top:10px; color:#777;}
.v2_ex_wrap .ex_info span {margin-right:10px; font-size:1.25rem;}
.v2_ex_wrap .v2_ex_content {margin-top:15px; line-height:1.6; font-size:1.3rem;}
.v2_ex_wrap .v2_ex_btn {width:120px; margin:0 auto ;margin-top:30px;border-radius:100px; border:1px solid #ccc; color:#555;transition:all 0.3s}
.v2_ex_wrap:hover .v2_ex_btn {background-color:#224c9c; border:1px solid #224c9c; color:#fff;}
.v2_ex_wrap .v2_ex_btn a {display:block; width:100%; height:40px; line-height:40px; text-align:center; font-size:1.45rem; font-weight:bold; color:inherit;}


.ex_view_title {padding-top:70px; background-image:url(/images/sub0504.png); background-position:center top; background-size:auto 50px; line-height:1.5; text-align:center; font-size:1.8rem; font-weight:700; color:#333;}
.ex_view_info {margin-top:10px; text-align:center; color:#777;}
.ex_view_info span {margin:0 10px; font-size:1.25rem;}
.ex_view_cont  {width:100%; margin:0 auto; margin-top:20px; text-align:center; font-size:1.4rem; line-height:1.8;}
.arr_after {margin-top:40px;text-align:center;}
.arr_after i {font-size:30px; color:#aaa;}
.ex_view_set_btn  {margin-top:30px; text-align:center;}
.ex_view_set_btn a {display:inline-block; line-height:46px; padding:0 20px; background-color:#224c9c; font-size:1.45rem; color:#fff;}
.ex_view_set_btn a.btn_list {background-color:#ddd; color:#666;}

.sub0501 {}
.sub0501 .set_tbl_after {border:2px solid #224c9c; box-shadow:0 0 5px rgba(0,0,0,0.5)}
.sub0501 .set_tbl_after .tbl_paper thead th {background-color:#224c9c; color:#fff;}

.sub_btm  {padding:40px 5%; background-color:#009fe8;}
.cs_apply h2 {margin-bottom:20px; font-size:2rem; font-weight:bold; color:#fff;}
.cs_apply .apply_input {}
.cs_apply .apply_input li {position:relative; margin-bottom:15px; }
.cs_apply label {display: block;font-size: 1.25rem; margin-bottom: 8px;color:#fff;}
.cs_apply .set_ip {position:relative; overflow:hidden; background-color:#fff;}
.cs_apply .apply_input li .unit {position:absolute; right:10px; top:50%; transform:translateY(-50%);}
.cs_apply .apply_input li .output {display: none;margin-top:5px; font-size:1.2rem; color:#fff;}
.cs_apply .privacy_tt {line-height:1.5; font-size:1.25rem; color:#fff;}
.cs_apply #ext_fmail_btn_2 {margin-top:12px; line-height:46px; background-color:#224c9c; text-align:center; color:#fff; box-shadow:0 0 3px rgba(0,0,0,0.3) }






/* Q&A */
.main_qna{margin-top:20px;}
.qna {width:100%; float:left;}
.qnalist{margin:20px 0 0 0;}
.qnalist td{color:#5b5b5b; font-size:1em;}
.qnaline {border-bottom:1px solid #cacaca;}

.sub_cont1 {margin:15px 20px}

.img_100{width:100%}
#contents .img_50{width:50%; height:auto; line-height:1px}

.t_line {border-top:2px #535353 solid;}
.t_line01 {border-top:2px #a39e0a solid;}
.b_line {border-bottom:2px #535353 solid;}
.r_line {border-right:1px solid #e7e7e7;}

.red{color:#ff452c;}
.blue{color:#0d83d3;}
.red1{color:#dc1c1c;}
.blue1{color:#295baa;}
.pl17{padding-left:17px}

/**** 담보대출 ****/
.loan_txt	{position:relative;}
.loan_txt .rate	{position:absolute; left:0; top:6.69642857143%; width:15.78947368421%; height:26.78571428571%; padding:4.5% 0; background:url(../images/img02_top.png) no-repeat ; background-size:cover; text-align:center; font-size:0.9em; line-height:1.1em; font-weight:bold; color:#fff; box-sizing:border-box; }
.loan_txt .rate1	{left:3.94736842105%;}
.loan_txt .rate2	{display:none; left:20.39473684211%;}

/**** 금리조회 ****/
.loan_box01_bg {width:860px; height:235px; background:url(../images/loan_box01_bg.gif) center top no-repeat;}

/**** 대출계산기 ****/
.content .calcu {width:870px; height:280px; background:url(../images/sub_cal_bg.jpg) left top no-repeat;}
.calcu td {}

#ban	{overflow:hidden;}
#ban div	{float:left; width:50%; }
#ban a	{display:block;}
#ban img	{display:block; width:100%;}

#bott_ban{position:fixed; bottom:0}
.qtop {position:fixed; right:10px; bottom:10px}
.qtop a {position:relative; display:flex; margin: 4px 0; width:50px; height:50px; border-radius:100px; background-color:rgba(0,0,0,0.5); justify-content: center; align-items: center;}
.qtop a i {font-size:20px ;color:#fff;}
.qtop a span {position:absolute; left:-999%; top:-999%; width:0; top:0; overflow:hidden; font-size:0; line-height:0;}

#bott_ban .mn {float:left; width:100%;}
#bott_ban .mn img {width:50%;}


/* 하단상담 */

.set_btm_cs	{width:90%; padding:30px 5%; background-color:#f7f7f7;}
.set_btm_cs .tit	{margin-bottom:15px; text-align:center; font-size:1.4em; font-weight:bold; color:#444; }
.set_btm_cs .btm_cs li	{position:relative; overflow:hidden; margin-bottom:4px; }
.set_btm_cs .btm_cs .sel,
.set_btm_cs .btm_cs .inp2	{display:block; width:100%; height:40px;margin:0;padding:0 10px; border:1px solid #ddd; box-sizing:border-box;}
.set_btm_cs .btm_cs .tel	{float:left; width:32%;}
.set_btm_cs .btm_cs .tel+.bar	{float:left; width:2%; text-align:center; line-height:40px;}
.set_btm_cs .btm_cs .unit	{position:absolute; right:10px; top:12px;}
.set_btm_cs .btm_cs #amt	{padding-right:40px;}
.set_btm_cs .btm_cs textarea	{width:100%; height:88px; padding:10px; border:1px solid #ddd; box-sizing:border-box;}
.set_btm_cs .privacy_tt	{font-size:0.9em; margin-bottom:4px; color:#888;}
.set_btm_cs .set_agree	{overflow:hidden; margin-bottom:4px;}
.set_btm_cs .set_agree input	{margin-left:1px;}
.set_btm_cs .set_agree label	{padding-left:2px; line-height:27px; font-size:0.9em;}
.set_btm_cs .set_agree .btn-gray	{margin-top:0;}
.set_btm_cs #btn_fsubmit	{margin:0}

/* 9.13 */

.rule_913 {width:94.5%; margin:0 auto 10px auto; padding:30px; background-color:#f9f9f9; border:1px solid #bbb; box-sizing:border-box;}
.rule_913 * { font-family:맑은고딕,'맑은 고딕',sans-serif; }
.rule_913 .tit {margin-bottom:10px; text-align:center; line-height:1.5; font-size:1.5em; font-weight:bolder; color:#37990c;}
.rule_913 ul li {overflow:hidden; padding:5px 0; line-height:1.7; font-size:1.05em;}
.rule_913 ul li:before {content:"-"; padding-right:4px; }
.rule_913 .refer {margin-top:10px;line-height:1.5; font-size:1.05em; font-weight:bold; color:red;}
.rule_913 .wrap_tbl {overflow-x:scroll;}
.tbl_913 {width:600px; border-top:2px solid #ddd; border-spacing:0; border-collapse:collapse;}
.tbl_913 th,.tbl_913 td {width:150px; padding:10px 10px; border:1px solid #ddd; text-align:center; font-size:1.05em; line-height:1.5; color:#444;}
.tbl_913 th {background-color:#f2f2f2;}
.tbl_913 td {}


/* 실시간 금리 _ 20191210 */
.rt_rate {padding:5px 1%; background-color:#f4f4f4;}
.rt_rate dl {position:relative; overflow:hidden; margin:0; padding:0; margin-bottom:1px; padding-left:135px; border:1px solid #eee; border-radius:100px; background-color:#fff;}
.rt_rate dl:last-child {margin-bottom:0;}
.rt_rate dl dt,
.rt_rate dl dd {margin:0; padding:0; line-height:40px; font-size:13px;font-weight:bold; }
.rt_rate dl dt {position:absolute; left:0; top:0; width:135px; text-align:center; color:#fff;}
  .rt_rate dl.rate1 dt {background-color:#0f6cc1}
  .rt_rate dl.rate2 dt {background-color:#ff7506}
  .rt_rate dl.rate3 dt {background-color:#b27100}
  .rt_rate dl.rate4 dt {background-color:#702fc9}
.rt_rate dl dd {padding:0 10px; }
  .rt_rate dl.rate1 dd {color:#0f6cc1}
  .rt_rate dl.rate2 dd {color:#ff7506}
  .rt_rate dl.rate3 dd {color:#b27100}
  .rt_rate dl.rate4 dd {color:#702fc9}



.ext_fmail_agree_wrap{display:none; position:fixed ; left:0; top:0 ;width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:600;}
.ext_fmail_agree_box{position:absolute; left:50%; top:50%; width:90%; max-width:400px; padding:30px 5%; transform:translate(-50%,-50%); border-radius:20px; background-color:#fff; box-sizing:border-box;}

.ext_fmail_close_btn {position:absolute; right:-10px; top:-10px; width:30px; height:30px; padding:8px; background-color:#224c9c; border-radius:100px; box-sizing:border-box;}
.ext_fmail_close_btn img {display:block; width:100%; height:auto;}

.pop_agree .agree_box {overflow:hidden; margin-top:10px;  border:1px solid #009fe8; border-radius:6px; background-color:#e7f6fd;}
.pop_agree fieldset,
.pop_agree label {display:block; margin:0; padding:0; text-align:left;}
.pop_agree fieldset {overflow:hidden; position:relative; padding:8px 10px;}
.pop_agree fieldset input {position:absolute; left:-100%; top:-100%; width:0; height:0; width:0; height:0; border:0;}
.pop_agree label {position:relative;  padding-left:26px; line-height:20px; font-size:1.3rem;}
.pop_agree label::before {content:""; position:absolute; left:0px; top:0px; display:block; width:18px; height:18px; border-radius:50px; background-color:#fff; border:1px solid #bbe1f2}
.pop_agree label::after {content:""; position:absolute; left:5px; top:5px; display:block; width:10px; height:10px; background-image:url(/images/check.png); background-size:contain; opacity:0.5;}
.pop_agree input:checked + label::before {background-color:#009fe8; border:1px solid #009fe8}
.pop_agree input:checked + label::after {background-image:url(/images/check_on.png); opacity: 1}
.pop_agree .agree_box .terms {display:block; width:100%; height:60px; padding:10px; border:0; background-color:rgba(255,255,255,0.8); resize:none; box-sizing:border-box; line-height:1.5; font-size:1.3rem; outline: none;}

.pop_agree .chk_all fieldset {padding:0;}
.pop_agree .chk_all fieldset label {padding-left:30px; line-height:18px; font-size:1.35rem; font-weight:bold;}
.pop_agree .chk_all fieldset label::before {top:2px;}
.pop_agree .chk_all fieldset label::after {top:7px;}

.pop_agree .btn_sm {width:100%; height:46px; margin-top:10px; background-color:#224c9c; color:#fff;}



.li_h17{ line-height:17px;}
.li_h18{ line-height:18px;}
.li_h20{ line-height:20px;}
.li_h22{ line-height:22px;}
.li_h24{ line-height:24px;}

.tt10 {font-family: "Dotum"; font-size: 10px;}
.tt11 {font-family: "Dotum"; font-size: 11px;}
.tt12 {font-family: "Dotum"; font-size: 12px;}
.tt13 {font-family: "Dotum"; font-size: 13px;letter-spacing:-0.8px;}
.tt14 {font-family: "Dotum"; font-size: 14px; letter-spacing:-0.8px;}
.tt15 {font-family: "Dotum"; font-size: 15px;letter-spacing:-0.8px;}

.li_h17{ line-height:17px;}
.li_h20{ line-height:20px;}

.tt10 {font:10px Dotum;}
.tt11 {font:11px Dotum;}
.tt12 {font:12px Dotum;}
.tt13 {font:13px Dotum;}

.red{color:#e51f32;}
.blue{color:#3c619b;}
.gray{ color: #6d6d6d;}
.brown{ color: #3e1908;}
.green{color:#027785;}
.oran{color:#f26522;}
.black{color:#505050;}
.black2{color:#3f3e3e;}
.black3{color:#646464;}
.bold{font-weight:bold;}

.pt10{padding-top:10px}
.pt20{padding-top:20px}
.pr10{padding-right:10px}
.pb10{padding-bottom:10px}
.pb20{padding-bottom:20px}
.pl12{padding-left:12px;}
.pd10{ padding:10px;}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mb25{margin-bottom:25px}
.paddingl10 {padding-left:10px !important;}