293 lines
7.8 KiB
CSS
293 lines
7.8 KiB
CSS
@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;
|
|
}
|
|
|