@charset "utf-8";

/* reset */
/* body {font-size:1rem;color:#333;line-height:1.5;letter-spacing:0.5px;padding:0;margin:0;overflow-x:hidden;-webkit-text-size-adjust:none;
font-family: -apple-system,BlinkMacSystemFont,'Malgun Gothic','맑은 고딕',helvetica,'Apple SD Gothic Neo',helvetica,'나눔바른고딕 옛한글','NanumBarunGothic YetHangul',sans-serif;}
*/
ul, li,dl,dt,dd {list-style:none;margin:0;padding:0;}
a {color:#333;text-decoration:none;}
p,h1,h2,h3,h4,h5,h6 {margin:0;}
table {width:100%;border-collapse:collapse;border-spacing:0;font-size:inherit;}
table th {font-weight:normal;}
caption {height:0;width:0;overflow:hidden;font-size:0;line-height:0;text-indent:-99999em;}
u {font-style:oblique;text-decoration:none;}
html body * {box-sizing:border-box;}

/* tab */
.tab_type01 {height:50px;border-bottom:1px solid #ddd;}
.tab_type01 ul:after {content:'';display:block;clear:both;}
.tab_type01 ul {border-left:1px solid #ddd;}
.tab_type01 ul li {float:left;}
.tab_type01 ul li a {display:block;height:49px;padding:0 5px;text-align:center;font-size:13px;color:#666;line-height:49px;border:1px solid #ddd;
border-left:none;border-bottom:none;background-color:#f1f1f1;}
.tab_type01 ul li a.active {position:relative;height:50px;line-height:48px;color:#333;background-color:#fff;}
.tab_type01 ul li a.active:before {content:'';position:absolute;top:-1px;left:-1px;right:-1px;height:2px;background-color:#222;}
.tab_type01.col_2 ul li {width:25%;}
.tab_view_box {display:none;margin-top:35px;}
.tab_view_box.block {display:block;}

.loan_rate {padding:20px;}
.inner {position:relative;}

.owl_page {text-align:center;padding:0 0 20px 0;}
.owl_page > span {display:inline-block;text-align:center;padding:0 10px;}
.owl_page .owl_prev_btn,
.owl_page .owl_next_btn {cursor:pointer;}
.owl_page .owl_counter b {color:#00f;}

/* 담보대출정보 */
.loan_rate .product_list .item {
    border-top: 1px solid #ddd;
    padding: 14px 18px 18px 18px;
}
.loan_rate .product_list .product_title {
    font-size: 15px;
    margin-bottom: 1px;
    font-weight: 600;
    line-height: 26px;
}
.loan_rate .product_list .product_title .bank_name {
    color: #00f;
}
.loan_rate .product_list .product_title .label_icon {
    display: inline-block;
	color:#555;
    margin: 4px 0 0 5px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    font-size: 11px;
    line-height: 13px;
    border: 1px solid #555;
    padding: 2px 6px;
    vertical-align: top;
    font-weight: bold;
}
.loan_rate .product_list .product_title .label_icon + .label_icon {
    margin-left: 0;
}
.loan_rate .product_list .rate_detail {
    overflow: hidden;
    padding: 0 0 2px;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: -0.5px;
}
.loan_rate .product_list .rate_detail dt {
    float: left;
    margin: 3px 12px 0 0;
    clear: both;
}
.loan_rate .product_list .rate_detail dd {
    overflow: hidden;
    margin-top: 3px;
}
.loan_rate .product_list .rate_detail dd.line_align {
    float: left;
    position: relative;
    margin-right: 10px;
    padding-right: 10px;
}
.loan_rate .product_list .rate_detail dd.line_align + dt {
    clear: inherit;
}
.loan_rate .product_list .rate_detail dd strong.rate_text {
    color: #f7901e;
}
.loan_rate .product_list .rate_detail dd.line_align:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    width: 1px;
    height: 13px;
    background-color: #eee;
}

.loan_rate .info_detail .list_detail {
    display: block;
    width: 100%;
    padding: 10px 0 0;
    text-align: center;
    overflow: hidden;
}
.loan_rate .info_detail .list_detail li {
    display: block;
    text-align: center;
    width: 50%;
    float: left;
}
.loan_rate .info_detail .list_detail li ~ li .option_btn {border-left:none;}
.loan_rate .info_detail .list_detail li._foldingWrapper.active .layer_box {display:block;}
.loan_rate .info_detail .list_detail li._foldingWrapper.active .option_btn {background-color:#fff;border-bottom:0;}

.loan_rate .info_detail .list_detail .option_btn {
    display: block;
	font-size:12px;
    padding: 8px 0 0 0;
    height: 36px;
    vertical-align: middle;
    color: #333;
    background-color: #f2f2f2;
    border: 1px solid #ddd;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.loan_rate .info_detail .list_detail .option_btn::after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 5px;
    background: url(../images/ico_arrow_down_gray.png) no-repeat;
    margin: 5px 0 0 5px;
    vertical-align: top;
	background-size:8px auto;
}
.loan_rate .info_detail .list_detail ._foldingWrapper.active .option_btn::after {
	transform: rotate(180deg);
}

.loan_rate .info_detail .list_detail .layer_box {
    display: none;
    padding: 15px 0 0 15px;
    border: 1px solid #e4e5e7;
    border-width: 0px 1px 1px;
    width: 200%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.loan_rate .info_detail .list_detail li + li .layer_box {
    margin-left: -100%;
	padding:15px 10px 0 15px; 
}
.loan_rate .info_detail .list_detail .info_box {
    margin: -1px 0 0;
    padding-bottom: 3px;
}
.loan_rate .info_detail .list_detail .detial_info {
    overflow: hidden;
    padding-right: 15px;
    font-size: 13px;
    line-height: 23px;
    text-align: left;
}
.loan_rate .info_detail .list_detail .detial_info dt {
    float: left;
	color: #222;
    margin: 6px 10px 0 0;
	font-weight:600;
}
.loan_rate .info_detail .list_detail .detial_info dt.none_float {
    float: none;
    margin-top: 10px;
}
.loan_rate .info_detail .list_detail .detial_info dd {
    overflow: hidden;
    margin: 0 0 0 0;
}
.loan_rate .info_detail .list_detail .detial_info dt + dd {
    margin-top: 6px;
}
.loan_rate .info_detail .list_detail .detial_info .none_float + dd {
    margin-top: 1px;
}
.loan_rate .info_detail .list_detail .layer_box .notice_text {
    text-align: left;
    margin: 7px 0 0 0;
    font-size: 13px;
	color:#222;
    line-height: 21px;
	font-weight:600;
}
.loan_rate .info_detail .list_detail .layer_box .bottom_area {
    margin: 10px 15px 0 0;
    border-top: 1px solid #eee;
}
.loan_rate .info_detail .list_detail .layer_box .bottom_area .btn_close {
    display: block;
	font-size:12px;
    height: 36px;
    padding: 8px 0 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
	font-weight:600;
}


.loan_rate .info_detail .list_detail .table_box table {
  width: 100%;
  table-layout: fixed;
}

.loan_rate .info_detail .list_detail .table_box thead tr th {
  color: #222;
  font-size: 13px;
  text-align: center;
  background-color: #f2f2f2;
  border: 1px solid #ddd;
  padding: 10px 5px;
  font-weight: normal;
}


.loan_rate .info_detail .list_detail .table_box tbody tr td {
  font-size: 13px;
  min-height: 42px;
  color: #222;
  vertical-align: middle;
  border: 1px solid #ddd;
  padding: 10px 7px;
  line-height: 18px;
}

.loan_rate .info_detail .list_detail .table_box tbody tr td > span {
  display: inline-block;
}

.loan_rate .info_detail .list_detail .layer_box .desp_info {
    padding: 0 15px 10px 0;
    font-size: 13px;
    line-height: 23px;
    color: #222;
    text-align: left;
}

.loan_rate .info_detail .list_detail .table_box tbody tr td .text_red {
    font-weight: 600;
    display: block;
    color: #f7901e;
}

.loan_rate .info_detail .list_detail .layer_box .sub_info dl {
    overflow: hidden;
    font-size: 13px;
    line-height: 23px;
    color: #222;
    text-align: left;
}

.loan_rate .info_detail .list_detail .layer_box .notice_text + dl {
    margin: 7px 0 0 0;
}

.loan_rate .info_detail .list_detail .layer_box .sub_info dl dt {
	float: left;
    margin: 3px 10px 0 0;
	font-size:13px;
	font-weight:600;
}

.loan_rate .info_detail .list_detail .layer_box .sub_info dl dd {
    overflow: hidden;
    margin-top: 3px;
	font-weight:400;
}

.loan_rate .info_detail .list_detail .layer_box .sub_info a,
.info_detail .list_detail .detial_info dd a {
	color:#00f;
}

