@charset "UTF-8";

div[id^="tab"]{
	height: 100%;
}

/* 계좌개설 및 기타 */
.contents.pd_0 {
    padding:0;
	height: 100%;
}
.contents.pd_60 {
    padding:60px 0 100px;
}
.con_innerbox {
    padding:40px 30px 0;
}
.common_popup.full.manual {
    padding-bottom: 0;
}
input[type="tel"]:focus {
    outline: 1px dashed #eee;
}
.select_list.type03 {
    border-top: 0;
	max-height: 100%;
}
.ico_ca {
    background: url(../img/common/icon_camera.png) left center no-repeat;
    background-size: 20px 20px;
    display: inline-block;
    padding-left:26px;
}
.ico_ca.type02 {
    background: url(../img/common/icon_camera02.png) left center no-repeat;
    background-size: 20px 20px;
}
.bank_list {
    padding: 0 23px;
    overflow: hidden;
    padding-top: 1px;
}
.bank_list li {
    float: left;
    width: 33.3%;
    margin-bottom: 35px;
}
.bank_list li label{
    color: #000;
    display: block;
    padding: 0;
    text-align: center;
    width: 100%;
}
.bank_list li label img {
    width: 50px;
    height: 50px;
}
.bank_list li label span {
    display: block;
}
.popup_select .select_list .bank_list li input[type="radio"]:focus,
.popup_select .select_list .bank_list li input[type="radio"]:focus,
.popup_select .select_list .bank_list li input[type="radio"]:checked,
.popup_select .select_list .bank_list li input[type="radio"]:checked{
    background: none;
    outline: 1px dashed #8f8f8f;
}
.sch_input.type02 {
    padding: 15px 24px 20px;
    position: relative;
	background: #fff;
}
.sch_input.type02 input {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height:38px;    
    background: transparent;
    display: block;
    font-size: 16px;
	border: 1px solid #009591;
    border-radius: 33px;
    padding: 0 80px 0 13px;
}
.sch_input.type02 input:focus {
    outline:0;
}
.sch_input.type02 .btn_sch {
  top: 21px;
  right: 40px;
}
.list_wrap.mar_l24 {
	margin: 0 24px;
}
.list_wrap dd .sch_input a.btn_cal {
    width: 100%;
    height: 54px;
    background: url(../img/common/icon_cal01.png) right 13px no-repeat;
    background-size: 20px 20px;
    position: absolute;
    right: 0;
    top: 2px;
    text-indent: -9999em;
}
.list_wrap dd .sch_input a.btn_cal.others {
	width: 20px;
    height: 20px;
    background: url(../img/common/icon_cal01.png) center center no-repeat;
    background-size: 20px 20px;	
    top: 15px;
}
.sch_input .btn_cal{
    width: 20px;
    height: 20px;
    background: url(../img/common/icon_cal01.png) no-repeat;
    background-size: 100%;
    position: absolute;
    right: 0;
    top: 13px;
    text-indent: -9999em;
}
.list_wrap dd a:not(.certi_req).btn_cal::after {
    display: none;
}
.adress_wr {
    background: #f6f7f8;
    padding: 25px 24px;
}
.tips_txt {
    font-size: 15px;
    padding: 0 0 0 50px;
    background: url(../img/common/icon_tip.png) no-repeat;
    background-size: 40px 40px;
}
.tips_box {
    background: #fff;
    border-radius: 5px;
    padding: 20px 24px 16px;
    margin-top: 16px;
    position: relative;
}
.tips_list li {
    position: relative;
    padding : 0 0 0 14px;
    font-size: 14px;
}
.tips_list li::before {
    content: "";
    width: 3px;
    height: 3px;
    background: #666;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 9px;
    left: 0;
    color: #111;
}
.tips_list li .tit {
    font-weight: 500;
    margin-bottom: 8px;
}
.tips_list li span {
    display: block;
    margin-bottom: 4px;
}
.tips_list li span.col01 {
    color: #009591;
}
.tips_list li + li {
    margin-top: 20px;
}
.sch_notBox {
    background: url(../img/common/no_info.png) center top no-repeat;
    background-size: 31px 31px;
    color: #333;
    font-size: 15px;
    margin-top: 30px;
    padding-top: 36px;
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    width: 100%;
}
.sch_notBox span {
    font-size: 12px;
}
.search_txt {
    color: #000;
    font-size: 15px;
    margin-bottom: 27px;
}
.search_txt span.col01{
    color: #009591;
}
.search_list {    
}
.search_list > li {
    border-top: 1px solid #ddd;
    padding-top: 22px;  
    margin-top: 24px;
    
}
.search_list > li:first-child {
    border-top: 0;
    padding-top: 0;
    margin-top: 0;
}
.search_list > li a {
    display: block;
    margin:1px;
}
.search_list02 {
}
.search_list02 li {    
    background: url(../img/common/icon_search02.png) left 4px no-repeat;
    background-size: 28px 28px;
    padding: 0 0 0 36px;
    margin-top: 22px;
    overflow: hidden;
}
.search_list02 li:first-child {
    margin-top: 0;
}
.search_list02 li button{    
    font-size: 15px;
    color: #111;
    padding: 5px 0;
    width: 100%;
}
.search_list02 li span {    
    float: left;
    text-align: left;
    width: 40%;
}
.search_list02 li span:first-child {
    width: 60%;
}
.adress_wr > div:nth-child(1) .search_list02 li {
    background: url(../img/common/icon_history.png) left 18px no-repeat;
    background-size: 26px 26px;
    border-top: 1px solid #ddd;
    padding-top: 15px;
    margin-top: 15px;
}
.adress_wr > div:nth-child(1) .search_list02 li:first-child {
    border-top: 0;
    margin-top: 0;
}
.search_box {
    margin-bottom: 24px;
}
.search_box .zipcode {     
    color: #00aaa5;
    margin-bottom: 10px;
    line-height: 1.2;
}
.search_box .zipcode.bold {  
    font-weight: 500;
}
.search_box .zip_address {     
    color: #111;
    font-size: 15px;  
    font-weight: 500;
    margin-bottom: 10px;
}
.search_box .lists li {
    color: #111;
    font-size: 15px;
    margin-bottom: 5px;
	position: relative;
	padding-left: 57px;
	line-height: 23px;
}
.popup_con_inner.type02 .search_box .lists li {
	padding-left: 0;
}
.search_box .lists li span{
    display: inline-block;
}
.search_box .lists .more_info{
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    display: inline-block;
    font-size: 13px;
    margin-right: 4px;
    min-width: 50px;
    height: 23px;
    line-height: 21px;
    text-align: center;
    vertical-align: bottom;
	position: absolute;
	left: 0px;
	top: 0px;
	
}
.search_box .lists.type02 li {
    color: #767676;
    font-size: 13px;
    margin-bottom: 5px;
}
.search_box .lists.type02 li .imp {
    color: #111;
}
.search_box .lists.type02 li span:first-child {
    display: inline-block;
    width: 100px;
}
.inner_btn_wr {
    text-align: center;
    margin-top: 10px;
}
.inner_btn_wr.type02 {
    margin: 20px 0 30px;
}
.more_btn {
    border-radius: 20px;
    border: 1px solid #ddd;
    background: #fff;
    width:100px;
    height: 36px;
    line-height: 36px;
    color: #767676;
    font-size: 15px;
    text-align: center;
}
.ico_q_detail {
    width: 100%;
    border: 1px solid #111;
    border-radius: 5px;
    padding: 20px;
    z-index: 11;
}
.ico_q_detail .ico_q_tit {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin-bottom: 15px;
    padding-right: 35px;
}
.ico_q_detail .noti_list li {
    font-size: 13px;
}
.list_tyTB.compTB li.bor_bot {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.list_tyTB.compTB li .imp {
    color:#333;
    font-size: 15px;
}
.list_tyTB.compTB li .nunber {
    font-size: 15px;
}
.list_tyTB.compTB li .imp .number {
    font-size: 18px;
    font-weight: 500;
    vertical-align: -1px;
}
.list_tyTB_wr {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 18px 30px 8px;
}
.list_tyTB_wr .list_tyTB.compTB li:first-child{
    border-top: 0;
    padding-top: 0;
}
.compBox_moreInfo {
    margin: 30px 0 20px;
    text-align: center;
}
.compBox_moreInfo .list01 {
    margin-top: 19px;
    overflow: hidden;
}
.compBox_moreInfo .list01 li {
    float: left;
    font-size: 13px;
    color: #767676;
    padding-top: 62px;
    width:45%;
}
.compBox_moreInfo .list01 li.bg01 {    
    background: url(../img/etc/bg_moreInfo01.png) center top no-repeat;
    background-size: 50px 50px;
}
.compBox_moreInfo .list01 li.bg02 {    
    background: url(../img/etc/bg_moreInfo02.png) center top no-repeat;
    background-size: 28px 50px;
}
.compBox_moreInfo .list01 li.plus {
    width:10%;
    background: url(../img/common/icon_plus.png) center 11px no-repeat;
    background-size: 37px 37px;
    text-indent: -9999em;
}
.compBox_moreInfo .list01 li .col01 {
    color: #333;
}
.account_name,
.account_num{
    display: block;
}
.account_num {
    color: #767676;
    font-family: 'Roboto', sans-serif;
    margin-top: 5px;
}
.account_name .nunber{
	font-size: 17px;
}
.add_certbox_wr {
    background: #f6f9fc;
    color: #000;
    font-size: 18px;
    margin: -20px -30px 30px;
    padding: 28px 0;
    text-align: center;    
}
.add_certbox_wr.bgType {
	background: -moz-linear-gradient(-30deg, #00BCB7 0%, #00BCB7 30%, #00939E 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-30deg, #00BCB7 0%,#00BCB7 30%,#00939E 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(150deg, #00BCB7 0%,#00BCB7 30%,#00939E 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	font-size: 17px;
	color: #fff;
	display: flex;
	align-items: center;
    justify-content: center;
	margin: -20px -30px 30px;
	height: 88px;
	text-align: left;
}
.add_certbox_wr.bgType p {
	background: url(../img/common/bg_add_cert.png) left top no-repeat;
    background-size: 49px 53px;
	padding-left: 55px;
	line-height: 24px;
	min-height: 53px;
	padding-top: 3px;
}
.add_certbox_wr .txt_lines {
    font-weight: 500;
}
.max_ty .amount_type .inpupt_type_1 {
    padding-right: 90px;
}
.max_ty .amount_type.on .inpupt_type_1 {
    padding-right: 135px;
}
.max_ty .amount_type.on .hid_combo {
    right: 90px;
}
.popup_con_inner.type02 {
    overflow-y: auto;
    max-height: calc(100% - 145px);
}
.zipcode_detail {
    font-size: 13px;  
    color: #767676;
}
.zipcode_detail .stit {
    font-size: 15px; 
    color: #000;
    letter-spacing: -0.6px;
}
.zipcode_detail .search_box {
    margin: 20px 0 0 0;
    background: #f6f7f8;
    padding: 15px;
}
.zipcode_detail .search_box li {
    border-bottom: 1px solid #ddd;
    padding-bottom: 12px;
    margin-bottom: 10px;
    font-size: 14px;
    position: relative;
}
.zipcode_detail .search_box li .inBox {
    color: #767676;
    padding-left: 30px;   
    margin-top: 7px;
}
.zipcode_detail .search_box li .inTit {
    font-size:14px;
    color:#000;
}
.zipcode_detail .search_box li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.zipcode_detail .search_box li .zipcode02 {
    color: #00aaa5;
    display: block;
}
.zipcode_detail .search_box li .radio_ty {
    position: absolute;
}
.zipcode_detail .search_box li .radio_ty input[type="radio"] + label {
	min-height: 65px;
	padding-left: 23px;
}
.zipcode_detail .search_box li .radio_ty input[type="radio"] + label:before {
    top: 19px;
}

/* 대출약정 */
.loan_list_wr {
    padding: 15px 24px 30px;
}
.loan_list_wr .appdown_banner {
	padding: 40px 0 0;
}
.loan_list_wr02 {
    position: relative;
    height: 100%;
    background: #F1F3F5;
}
.loan_list_wr02 .appdown_banner {
	position: absolute;
	bottom: 0;
	width:100%;
}
.loan_list_wr02 .sch_notBox {
	margin-top: -80px;
}
.loan_list_sum {
    color: #757575;
    font-size: 14px;
    margin-bottom: 11px;
    text-align: right;
}
.loan_list_sum span {
    color: #000;
    font-weight: 500;
}
.loan_listbox {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 18px 23px 8px;
    position: relative;
    text-align: left;
}
.loan_listbox + .loan_listbox {
    margin-top: 10px;
}
.loan_listbox.bg_type03 + .loan_listbox {
    margin-top: 20px;
}
.loan_listbox .loan_type {    
    border: 1px solid #ddd;
    border-radius: 14px;
    color: #767676;
    display: inline-block;
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 10px;
    padding: 0 10px;
    text-align: center;    
    vertical-align: top;
}
.loan_listbox .loan_type.pos_a {    
    position: absolute;
    top: 19px;
    right: 24px;
}
.loan_listbox .loan_type.col02 {    
    border-color :#EC3A2C;
    color: #EC3A2C;
}
.loan_listbox .loan_type.col03 {    
    background: #00AAA5;
    border-color :#00AAA5;
    color: #fff;
}
.loan_listbox .loan_type.col04 {    
    color: #7C5BD4;
}
.loan_listbox .loan_type.col05 {    
    border-color :#A6C0E8;
    color: #638AC5;
	font-weight: 500;
}
.loan_listbox .tit {
    color: #333;
    display: block;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 7px;
}
.loan_listbox .list > li.loan_sum,
.loan_listbox .list.type02 > li.loan_sum,
.loan_listbox .list > li.loan_sum,
.loan_listbox .list.type02 > li.loan_sum {    
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    padding-bottom: 16px;
}
.loan_listbox .list li {
    color: #767676;
    display: table;
    font-size: 14px;
    margin-bottom: 10px;
    width: 100%;
}
.loan_listbox .list li .nunber {
    font-size: 15px;
}
.loan_listbox .list li.bor {
    border-bottom: 1px solid #eee;
    padding-bottom: 11px;
}
.loan_listbox .list li > span {
    display: table-cell;
    vertical-align: middle;
}
.loan_listbox .list li span.text_black {
    font-weight: 500;
}
.loan_listbox .list .loan_sum.type02 {    
    border-bottom: none;
    margin-bottom: 0;
}
.loan_listbox .list .loan_sum .right {
    color: #009591;
    font-size: 20px;
    font-weight: 500;
}
.loan_listbox .list .loan_sum .right.nunber {
    letter-spacing: -.25px !important;
}
.loan_listbox .list .loan_sum .sfont {
    color: #000;
    font-size: 17px;
}
.loan_listbox .list > li .right {
    text-align: right;
    line-height: 1.5;
    width: 63%;
}
.loan_listbox .list > li .right2 {
    text-align: right;
    line-height: 1.5;
    width: 40%;
}
.loan_listbox .list > li .acc span {
    font-size: 15px;
}
.loan_listbox .visual_not02 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.loan_listbox .list_inbox {
    background: #F9F9F9;
    padding: 15px 17px 5px;
    margin-top: 10px;
}
.loan_listbox .list_inbox li{
    font-size: 13px;
}
.loan_listbox .loan_prd {
    font-size: 14px;
    color: #009591;
    margin-bottom: 5px;
}
.loan_listbox .loan_date {
    font-size: 14px;
    color: #767676;
    margin-bottom: 10px;
}
.loan_listbox .loan_date .nunber {
    font-size: 15px;
    color: #999;
}
.loan_listbox.bg_type {
    background: #F9F9F9;
    margin-bottom: 30px;
    padding-bottom: 4px;
}
.loan_listbox.bg_type li {
    border-bottom: 1px solid #eee;
    padding-bottom: 17px;
    margin-bottom: 16px;
}
.loan_listbox.bg_type li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}
.loan_listbox.bg_type li span.right {
    color: #000000;
    font-size: 15px;
}
.loan_listbox.bg_type li span.nunber {
    font-size: 16px;
}
.pop_loan_listbox {
    padding: 0 24px 100px;
}
.pop_loan_listbox02 {
    padding: 0 24px 100px;
}
.pop_loan_listbox .loan_listbox .list > li{
    border-bottom: 1px solid #eee;
    padding-bottom: 11px;
    letter-spacing: -1px;
}
.pop_loan_listbox .loan_listbox.bg_type03 {
    background: #F1F3F5;
    padding: 18px 24px;
    margin: 0 -24px;
    border-radius: 0;
}
.pop_loan_listbox .loan_listbox.bg_type03 .list {
    background: #fff;
    padding: 18px 23px 8px;
    border-radius: 10px; 
}
.pop_loan_listbox .loan_listbox.bg_type03 .list > li {
    border-bottom: 0;
    padding-bottom: 0;
    letter-spacing: -1px;
}
.loan_listbox .list > li.two_box {   
    display: block; 
    border-bottom: 0;
    margin-bottom: 0;
}
.loan_listbox .list > li.two_box.pb_10 {
	padding-bottom: 10px;
}
.pop_loan_listbox .loan_listbox .list > li.loan_sum,
.pop_loan_listbox .loan_listbox .list.type02 > li.loan_sum,
.pop_loan_listbox02 .loan_listbox .list > li.loan_sum,
.pop_loan_listbox02 .loan_listbox .list.type02 > li.loan_sum {    
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    padding-bottom: 16px;
}
.loan_listbox .list > li.two_box .inner {   
    display: table;
    width: 100%;
}
.loan_listbox .list > li.two_box .inner > span {   
    display: table-cell;
}
.loan_listbox .list > li.two_box .list_inbox {
    margin-bottom: 10px;
}
.loan_listbox .list > li.two_box .list_inbox .nunber {
    font-size: 13px;
}
.loan_listbox .list > li.two_box .list_inbox.type02 {    
    text-align: right;
}
.loan_listbox .list > li.two_box .list_inbox.type03 {
    background: none;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 15px 0 5px;
}
.loan_listbox .list > li.two_box .box_num {
    color: #000;
    padding-bottom: 10px;
    letter-spacing: 0;
}
.loan_listbox .list .imp {
    color: #333;
    font-weight: 500;
}
.loan_listbox .list .imp .nunber{
    font-size: 16px;
}
.pop_loan_listbox .loan_listbox .list > li:last-child {   
    border-bottom: 0;
    margin-bottom: 0;
}
.pop_loan_listbox .loan_listbox .list > li.loan_sum:last-child {   
    padding-bottom: 7px;
}
.pop_loan_listbox .loan_listbox .list.type02 > li:last-child {   
    border-bottom: 0;
    margin-bottom: 10px;
}
.comp_infobox {
    color: #999;
    font-size: 12px;
    margin: 30px 0 20px;  
    text-align: center;
}
.comp_infobox .imp {
    color: #333;
    font-size: 16px;
    margin-bottom: 10px;    
}
.comp_infobox.type02 {
    text-align: left;
    position: relative;
}
.comp_infobox.type02 .icon_down {
    position: absolute;
    right: 0;
    top: 0;
}
.icon_down {    
    background: url(../img/common/icon_down.png) 70px 5px no-repeat;
    background-size: 9px 11px;
    border: 1px solid #009591;
    border-radius: 14px;
    color: #009591;
    display: inline-block;
    font-size: 13px;
    padding:0 29px 0 18px;
    height: 26px;
    line-height: 24px;    
}
.btn_two_col button.wid100 {
    width:100%;
}

.layer_compBox.bg_comp {
    background: url(../img/common/bg_comp.png) center 30px no-repeat;
    background-size: 90px 90px;
    padding:130px 48px 20px;
}
.layer_compBox.bg_comp02 {
    background: url(../img/common/bg_comp02.png) center 30px no-repeat;
    background-size: 90px 90px;
    padding:130px 48px 20px;
}
.layer_compBox.bg_comp03 {
    background: url(../img/common/bg_comp03.png) center 30px no-repeat;
    background-size: 90px 90px;
    padding:130px 48px 20px;
}
.layer_compBox.bg_comp04 {
    background: url(../img/common/bg_comp13.png) center 30px no-repeat;
    background-size: 90px 90px;
    padding:130px 48px 20px;
}
.layer_compBox.bg_comp05 {
    background: url(../img/common/bg_comp13.png) center 30px no-repeat;
    background-size: 90px 90px;
    padding:130px 48px 20px;
}
.layer_compBox.bg_comp06 {
    background: url(../img/common/bg_comp13.png) center 30px no-repeat;
    background-size: 90px 90px;
    padding:130px 48px 20px;
}
.layer_compBox.bg_comp07 {
    background: url(../img/common/bg_comp13.png) center 30px no-repeat;
    background-size: 90px 90px;
    padding:130px 48px 20px;
}
.layer_compBox.bg_comp08 {
    background: url(../img/common/bg_comp13.png) center 30px no-repeat;
    background-size: 90px 90px;
    padding:130px 48px 20px;
}
.layer_compBox.bg_comp09 {
    background: url(../img/common/bg_comp09.png) center 30px no-repeat;
    background-size: 90px 90px;
    padding:130px 48px 20px;
}
.layer_compBox.bg_comp10 {
    background: url(../img/common/bg_comp10.png) center 30px no-repeat;
    background-size: 90px 90px;
    padding:130px 48px 20px;
}
.layer_compBox.bg_comp11 {
    background: url(../img/common/bg_comp11.png) center 30px no-repeat;
    background-size: 90px 90px;
    padding:130px 48px 20px;
}
.layer_compBox.bg_comp12 {
    background: url(../img/common/bg_comp12.png) center 30px no-repeat;
    background-size: 90px 90px;
    padding:130px 38px 20px;
}
.layer_compBox + .slide_info_area .slide_button {
    padding-top: 0;
}
.layer_compBox .inner_btn {
    margin:0 -24px -10px;
}
.layer_compBox .slide_info_area .cont {
	padding-bottom: 0;
}

/* 간편이체 */
.txt_lines {
    position: relative;
}
.txt_lines span {
    z-index: 2;
    position: relative;
}
.txt_lines::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 5px;
    background: #B7F2EE;
    position: absolute;
    left: 0;
    bottom: 4px;
}
.txt_lines.type02::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 5px;
    background: #E6F1EE;
    position: absolute;
    left: 0;
    bottom: 4px;
}
.amount_type {
    position: relative;
}
.amount_type.nobg::before {
    display: none;
}
.amount_type.nobg .inpupt_type_1.other_ty {
    padding-left:0;
}
.amount_type.nobg .inpupt_type_1 {
    font-size: 19px;    
    font-family: 'Roboto', sans-serif; letter-spacing:0 !important;
    padding-top: 17px;
}
.amount_type .inpupt_type_1.other_ty02 {
    text-align: right;
}
.amount_type.on .inpupt_type_1.other_ty02 {
    padding-right: 32px;
}
.amount_type::before {
    content: "";
    display: block;
    background: url(../img/common/icon_amount.png) no-repeat;
    background-size: 100%;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 15px;
    left: 0;
}
.amount_type.type02::before {
    display: none;
}
.amount_type .inpupt_type_1.other_ty {
    padding-left: 30px;
    text-align: right;
}
.amount_type.on .inpupt_type_1.other_ty {
    padding-right: 45px;
}
.amount_type.type02.on .inpupt_type_1 {
    padding-right: 30px;
}
.amount_type .hid_combo,
.sch_input.type02 .hid_combo {    
    display: none;
}
.amount_type.on .hid_combo {    
    display: block;
    position: absolute;
    right: 0;
    top: 15px;
}
.sch_input.type02.on .hid_combo {    
    display: block;
    position: absolute;
    right: 70px;
    top: 21px;
}
.amount_type.on .hid_combo .txt {
    color: #000;
    font-size: 17px;   
}
.amount_type.on .hid_combo .cancle,
.sch_input.type02.on .hid_combo .cancle {
    background: url(../img/common/icon_close02.png) center center no-repeat;
    background-size: 21px 21px;
    width: 25px;
    height: 25px;
    text-indent: -9999em;
}
.layer_inhgh_wr {
}
.layer_inhgh {
    max-height: calc(100vh - 70px);
    overflow: auto;
    padding-bottom: 20px;
}
.msg_txt span{
    font-size: 28px;
    font-weight: 500;
    color: #000;
}
.msg_txt .nrm {
    color: #555;
    font-size: 14px;
    margin-top: 10px;
}
.msg_txt02 {
    color: #767676;
    font-size: 14px;
    text-align: center;
}
.sns_box {
    margin: 52px 0;
}
.sns_box li {
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    text-align: center;
    
}
.sns_box li + li {
    margin-top: 10px;
}
.sns_box li button {
    display: block;
    color: #333;
    padding: 28px 0;
    width: 100%;
}
.sns_box span {
    font-size: 16px;
    position: relative;
    padding-left: 33px;
    line-height: 28px;
}
span.sns01 {
    background: url(../img/common/icon_sns01.png) no-repeat;
    background-size: 28px 28px;
}
span.sns02 {
    background: url(../img/common/icon_sns02.png) no-repeat;
    background-size: 28px 28px;
}
.amount_rcb {
    background:#F6F9FC url(../img/common/bg_amount05.png) center 13px no-repeat;
    background-size: 84px 84px;
    padding: 102px 48px 30px;
    text-align: center;
}
.amount_rcb.type02 {
    background:#F6F9FC url(../img/common/icon_comp11.png) center 29px no-repeat;
    background-size: 46px 42px;
    padding: 84px 48px 30px;
    text-align: center;
}
.amount_rcb .topbox {        
    border-top: 1px solid #D8DEE4;
    font-size: 18px;
    font-weight: 500;
    padding-top: 20px;
    line-height: 1.3;
}
.amount_rcb.type02 .topbox {        
    border-top: 0;
    font-size: 18px;
    font-weight: 500;
    padding-top: 0;
    line-height: 1.3;
}
.amount_rcb .txt_lines {
    font-size: 25px;
}
.amount_rcb .nrm{
    color: #767676;
    font-size: 14px;
    margin-top: 11px;
}
.info_agreeBox {
    overflow: auto;
    padding: 20px 30px 100px;
    height: 100%;
    -webkit-overflow-scrolling: touch;
}
.info_agreeBox .tit {
    font-size: 15px;
    font-weight: 500;
    color: #111;
    display: block;
    margin-bottom: 10px;
}
.info_agreeBox .txt {
    font-size: 14px;
    color: #767676;
}
.info_agreeBox .txt + .tit {
    margin-top: 24px;
}
.info_agreeBox .txt + .txt {
    margin-top: 10px;
}
.info_agreeBox .txt_list {
    margin-top: 10px;
}
.info_agreeBox p.txt_list,
.info_agreeBox .txt_list li {
    padding-left: 10px;
    font-size: 14px;
    color: #767676;   
    position: relative;
}
.info_agreeBox p.txt_list:before,
.info_agreeBox .txt_list li:before {    
    content:"-";
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
}
.info_agreeBox .txt_list + .tit {
    margin-top: 24px;
}
.amount_rst {
    text-align: center;
    padding-top: 115px;
    margin: 0 53px 0;
    min-height: calc(100% - 152px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.amount_rst.type01 {
    min-height: calc(100% - 363px);
}
.amount_rst .tit {    
    color: #333;
    font-size: 21px;
    font-weight: 500;
    padding-top: 20px;
    border-top: 1px solid #CCC;
    position: relative;  
}
.amount_rst.type02 .tit,
.amount_rst.type03 .tit,
.amount_rst.type04 .tit,
.amount_rst.type05 .tit {    
    padding-top: 25px;
}
.amount_rst.type01 .tit:before {
    background: url(../img/common/bg_amount01.png) no-repeat;
    background-size: 69px 69px;
    content: "";
    width: 69px;
    height: 69px;
    position: absolute;
    top: -79px;
    left: 50%;
    margin-left: -35px;  
}
.amount_rst.type02 .tit:before {
    background: url(../img/common/bg_amount02.png) no-repeat;
    background-size: 69px 69px;
    content: "";
    width: 69px;
    height: 69px;
    position: absolute;
    top: -93px;
    left: 50%;
    margin-left: -35px;  
}
.amount_rst.type03 .tit:before {
    background: url(../img/common/bg_amount03.png) no-repeat;
    background-size: 69px 69px;
    content: "";
    width: 69px;
    height: 69px;
    position: absolute;
    top: -93px;
    left: 50%;
    margin-left: -35px;  
}
.amount_rst.type04 .tit:before {
    background: url(../img/common/bg_amount04.png) no-repeat;
    background-size: 69px 69px;
    content: "";
    width: 69px;
    height: 69px;
    position: absolute;
    top: -93px;
    left: 50%;
    margin-left: -35px;    
}
.amount_rst.type05 .tit:before {
    background: url(../img/common/bg_amount08.png) no-repeat;
    background-size: 58px 51px;
    content: "";
    width: 58px;
    height: 51px;
    position: absolute;
    top: -85px;
    left: 50%;
    margin-left: -29px;    
}
.amount_rst .nrm {
    color: #767676;
    font-size: 13px;
    margin-top: 8px;
}
.flex_col {
    height: 100%;
}
.flex_col.none {
    display: block;
}
.contents.type_f {
    padding: 60px 0 0; 
	height: 100%;
}
.amount_banner {
    background-color: #4C75B4;
    border-radius: 7px;
    margin: 45px 24px 29px;
    position: relative;
}
.amount_banner:after {    
    background: url(../img/common/bg_amount07.png) no-repeat;
    background-size: 66px 45px;
    content: "";
    width: 66px;
    height: 45px;
    position: absolute;
    top: 18px;
    right: 26px;
}
.amount_banner a{
    color: #fff;
    display: block;
    padding: 17px 27px;
}
.amount_banner strong {
    font-size: 17px;
    font-weight: 500;
}
.amount_banner p {
    font-size: 12px;
}

.h100_02,
.h100_02 .history_wrap.pd_t60 {
	height: 100%;
}
.h100_02 .history_wrap.pd_t60 .history_list_wrap {
	height: calc(100% - 159px);
}
.h100_02 .history_wrap.pd_t60 .history_list_wrap .sch_notBox {
	margin-top: -29px;
}

/* 상품가입 */
.acc_choice {
    display: flex;
    margin-top: 20px;
}
.acc_choice button {
    height: 40px;
    line-height: 38px;
    border: 1px solid #eee;
	border-right: 1px solid #ddd;
	background-color:#eee;
    border-left: 0;
    font-size: 14px;
    color: #767676;
    flex: 5;
}
.acc_choice button:first-child {
    border: 1px solid #eee;
	border-right: 1px solid #ddd;
    border-radius: 5px 0 0 5px;
}
.acc_choice button:last-child {
    border: 1px solid #eee;
    border-left: 0;
    border-radius: 0 5px 5px 0;
}
.acc_choice button.on {
    border: 1px solid #009591;
	background-color:#fff;
    color: #009591;    
    margin-left: -1px;
}
.acc_choice button.on:first-child {
    margin-left: 0;
}
.acc_choice_txt {
    font-size: 13px;
    color: #009591;
    margin: 10px 0 0;
}
.acc_choice_txt2 {
    font-size: 13px;
    color: #1E90FF;
    margin: 10px 0 0;
}
.tooltip_wr {
    position: absolute;
    top: 0;
    right: 0;
}
.ico_arr {
    display:inline-block;
    background: url(../img/common/icon_arrow02.png) right top no-repeat; 
    background-size: 15px 24px;
    color: #009591;
    line-height: 24px;
    padding-right: 17px;
}
.hr_type01 {
    height: 11px;
    display: block;
    background: #f6f6f6;
    margin:30px -30px;
}
.list_txt_wr {
    margin-bottom: 30px;
}
.list_txt_wr .txt{
    color: #767676;
    font-size: 14px;
    margin: 0 0 10px;
}
.list_txt_wr .txt02 {  
    border-bottom: 1px solid #eee;
    color: #767676;
    font-size: 14px;
    padding-bottom: 24px;
    margin-top: 14px;
}
.tb_style01 {
    border-top: 1px solid #aaa;
    margin-bottom: 30px;
}
.tb_style01 th,
.tb_style01 td{
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    color: #767676;
}
.tb_style01 th {
    background: #f6f7f8;
    padding: 13px 0;
    font-weight: 400;
    border-left: 1px solid #ddd;
}
.tb_style01 th:first-child {
    border-left: 0;
}
.tb_style01 td {
    padding: 11px 14px;
    border-left: 1px solid #ddd;
}
.add_cert_box .txt {
    color: #333;
    font-size: 13px;
    margin-top: 10px;
}
.add_cert_box .bg_box {
    border-top: 1px solid #ccc;
    padding: 20px 0 0;
    margin: 20px auto 0;
    text-align: left;
    width: 282px;
}
.add_cert_box .bg_box li {
    font-size: 13px;
    position: relative;
}
.add_cert_box .bg_box li + li {
    margin-top: 8px;
}
.add_cert_box .bg_box li.num span{
    color: #009591;
    font-weight: 500;
}
.list_tyTB .tit.type02 {
    width: 50%;
}
/*.prd_compbox {
    background: #f6f7f8;
    border-radius: 10px;
    font-size: 14px;
    text-align: center;
    padding: 20px 26px;
    color: #767676;
}
.prd_compbox .imp {
    display: block;
    color: #333;
    margin-top: 2px;
}
.prd_compbox li + li {
    margin-top: 10px
}*/
.under_txt02 {    
    background: url(../img/common/icon_info.png) left 1px no-repeat; 
    background-size: 18px 18px;
    color: #767676;
    font-size: 13px;
    padding-left: 23px;
} 
.under_txt03 {    
    background: url(../img/common/icon_info_red.png) left 1px no-repeat; 
    background-size: 18px 18px;
    color: #767676;
    font-size: 13px;
    padding-left: 23px;
} 
.under_txt04 {    
    background: url(../img/common/icon_info_green.png) left 1px no-repeat; 
    background-size: 18px 18px;
    color: #767676;
    font-size: 13px;
    padding-left: 23px;
} 
.popup_header + .layer_compBox_wr {
   /* max-height: calc(100vh - 145px);
    overflow: auto;    */
}
.popup_header + .layer_compBox_wr .layer_compBox {
    padding-top: 0;
}
.layer_compBox_wr {
    /*max-height: calc(100vh - 77px);
    overflow: auto; */
}
.layer_compBox_wr .slide_info_area {
    padding: 0;
    margin: 20px -24px 0;
}
/*.layer_compBox_wr .slide_info_area a.close {
    border-top: 1px solid #ddd;
}*/
.bg_ci {
    background: url(../img/common/icon_ci.png) left center no-repeat; 
    background-size: 16px 16px;   
    display: inline-block;
    padding-left: 18px;
    font-style: normal;
}
.inner_btn_wr02 {
    margin-top: 20px;
    margin-bottom: 10px;
}
.inner_btn_wr02 .button_type_1 {
    height: 40px;
    line-height: 38px;
}

.layer_categorize .categorize_box{
    background: #F6F9FC;
    border: 1px solid #E8ECEF;
    padding: 24px 0 14px;
    margin-bottom: 24px;
    text-align: center;    
}
.layer_categorize .categorize_box .tit {
    color: #000;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 20px;
    display: block;
}
.layer_categorize .list_wrap {
    margin: 0 24px;
}
.layer_categorize .categorize_box .categorize_btn{
    border: 1px solid #ddd;
    border-radius: 20px;
    background: #fff;
    color: #888;
    font-size: 14px;
    height: 37px;
    line-height: 35px;
    padding: 0 20px;
    margin-bottom: 10px;
}
.layer_categorize .categorize_box .categorize_btn.on{
    border: 1px solid #009591;
    border-radius: 20px;
    background: #fff;
    color: #009591;
    font-size: 14px;
    height: 37px;
    line-height: 35px;
    padding: 0 20px;
    margin-bottom: 10px;
}

/* 대출조회 */
.loan_landing_wr {
    padding:60px 0 0;
}
.loan_landing_wr .top_visual {
    background: #4F8EDB;
    color: #fff;
    padding: 45px 24px 40px;
    text-align: center;
}
.loan_landing_wr .top_visual .btxt {
    font-size: 30px;
    line-height: 1.3;
}
.loan_landing_wr .top_visual .btxt .imp {
    font-weight: 700;
}
.loan_landing_wr .top_visual .stxt {
    font-size: 16px;
    margin-top: 11px;
    opacity: 0.8;
}
.loan_landing_wr .infobox {
    background: url(../img/common/bg_loan_landing.png) center top no-repeat; 
    background-size: 186px 82px; 
    margin: 50px 0 24px;
    padding: 112px 0 0;
    display: table;
    width: 100%;
}
.loan_landing_wr .infobox li {    
    font-size: 15px;
    width: 50%;
    display: table-cell;
}
.loan_landing_wr .infobox li span {
    font-size: 23px;
    font-weight: 500;
}
.loan_landing_wr .infobox li .nunber {
    font-size: 32px;
    font-weight: 500;
}
.loan_landing_wr .infobox li:first-child {
    position: relative;
}
.loan_landing_wr .infobox li:first-child:after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    right: -6px;
    width: 1px;
    height: 53px;
    background: #fff;
    opacity: 0.35;
}
.loan_landing_wr .info_txt {
    background: #fff;
    border-radius: 35px; 
    color: #245A9C;
    font-size: 14px;
    display: block;
    justify-content: center;
    height: 70px;
    width: 100%;
}
.loan_landing_wr .info_txt span {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
}
.loan_landing_wr .info_txt + .btn_cphone02 {
    margin-top: 10px;
}
.loan_landing_wr .app_area {
    padding: 29px 0 29px 104px;
    background: url(../img/common/icon_appdown.png) 24px center no-repeat; 
    background-size: 67px 67px;
    text-align: left;
    width: 100%;
    position: relative;
}
.loan_landing_wr .app_area::after {
    background: url(../img/common/icon_down02.png) no-repeat; 
    background-size: 100%;
    content: "";
    width: 33px;
    height: 33px;
    display: block;
    position: absolute;
    top: 50%;
    right: 24px;
    margin-top: -17px;
}
.loan_landing_wr .app_area .down_txt {
    color: #767676;
    font-size: 13px;  
    letter-spacing: -1px;
}
.loan_landing_wr .app_area .down_txt strong {
    display: block;
    font-size: 16px;
    color: #333;
    font-weight: 500;
}
.btn_cphone02 {
    display: inline-block;
    width: 100%;
    height: 70px;
    line-height: 69px;
    font-size: 19px;
    text-align: center;
    color: #fff;
    border-radius: 35px; 
    border: 1px solid #fff;
}
.btn_cphone02 span {
    background: url(../img/common/icon_tel02.png) left center no-repeat; 
    background-size: 33px 32px;
    padding-left: 37px;
}
.info_alert {
    background: url(../img/common/no_info.png) center top no-repeat;
    background-size: 36px 36px;
    color: #767676;
    font-size: 14px;
    padding-top: 43px;
    margin-top: 70px;
    text-align: center;
}
.info_alert strong {
    color: #000;
    display: block;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
}
.loading_wrap.bg {
	overflow-y: auto;
	z-index:11;
}
.loading_wrap.bg .loading_dim {
	opacity: 1;
	background: #F6F7F8;
}

/*.loading_wrap.bg .loading_ani {
    width: 60px;
    height: 60px;
    background: url(../img/helpdesk_etc/img_loading.png) no-repeat;
    background-size: cover;
    -webkit-animation: loadingani2 2.5s steps(60) infinite;
     animation: loadingani2 2.5s steps(60) infinite;
}
@-webkit-keyframes loadingani2 { 0% { left: 0; background-position: 0 0; } 100% { left: 0; background-position: -3600px 0; } }
@keyframes loadingani2 { 0% { left: 0; background-position: 0 0; } 100% { left: 0; background-position: -3600px 0; } }
.loading_wrap.bg .loading_txt {
    margin-top: 14px;
}*/

.loan_loading_box {
    min-height: calc(100% - 200px);
    height: auto;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    display: flex;
    padding-top: 50px;
	position: relative;
}
.loan_loading_box .loading_ani {
    margin: 0 auto;
}
.loading_txt .btxt {
    font-size: 22px;
    color: #333;
    font-weight: 500;
}
.loading_txt .stxt {
    font-size: 13px;
    color: #767676;
    margin-top: 6px;
}
.loading_txt_box {
    padding: 28px 27px;
    margin: 10px 21px 0;
    border-radius: 10px;
    background: #fff;
	position: relative;
}
.loading_txt_box .tit {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}
.loading_txt_box .list {
    margin-top: 10px;
}
.loading_txt_box .list li {
    font-size: 13px;
    color: #767676;
    padding-left: 15px;
    text-indent: -13px;
}
.loan_product_box {
    background: #F6F7F8;
    padding: 84px 24px 0;
    min-height: 100vh;
    position: relative;
}
.loan_product_box2 {
    background: #F6F7F8;
    padding: 84px 24px 0;
    min-height: 100vh;
    position: relative;
    text-align: center;
}
.ico_bul {
    position: relative;
    font-size: 13px;
    color: #767676;   
    padding-left: 10px;
    letter-spacing: -0.5px;
}
.ico_bul .imp {
    color: #333;   
}
.ico_bul:before {
    position: absolute;
    top: 8px;
    left: 0;
    content: "";
    width: 3px;
    height: 3px;
    background: #666;
    border-radius: 50%;
    
}
.img_Top {
    position: absolute;
    top: 113px;
    right: 25px;
    display: block;
}
.loan_product_box .inbox {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 20px 24px;
    position: relative;
    background: #fff;
    margin: 10px -8px 0;
    letter-spacing: -0.5px;
}
.loan_product_box2 .inbox {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 20px 24px;
    position: relative;
    background: #fff;
    margin: 10px -8px 0;
    letter-spacing: -0.5px;
}
.loan_product_box .inbox:first-of-type {
    margin-top: 20px;
}
.loan_product_box .inbox .tit {
    font-size: 12px;
    font-weight: 300;
    color: #666;
    display: block;
    margin-bottom: 0;
}
.loan_product_box .inbox .txt {
    font-size: 15px;
    color: #333;
    margin:0 0 10px 0;
    float: right;
}
.loan_product_box .inbox .txt .txt_lines {  
    color: #000;  
    margin-right: 8px;
}
.loan_product_box .inbox .list {
    border-top: 1px solid #EEE;
    margin-top: 17px;
    padding-top: 14px;
    display: table;
    width: 100%;
    position: relative;
}
.loan_product_box .inbox .list:after {
    content: "";
    display: block;
    position: absolute;
    top: 17px;
    left: 50%;
    width: 1px;
    height: 15px;
    background: #ddd; 
    margin-left: 28px;
}
.loan_product_box .inbox .list li {    
    font-size: 13px;
    color: #767676;
    display: table-cell;
}
.loan_product_box .inbox .list li .nunber {
    font-size: 14px;
    font-weight: 500;
}
.loan_product_box .inbox .list li .imp {
    color: #333;
    font-size: 11px;
}
.loan_product_box .inbox .list li:first-child {
    width: 60%;
}
.loan_product_box .inbox .list li:last-child {
    padding-left: 13px;
    text-align: right;
}
.loan_product_box .inbox .loading_wrap {
    position: static;
}
.loan_product_box .inbox .loan_loading_box {
    padding: 0;
    background: none;
    min-height: 115px;
}
.loan_product_box .inbox .loan_loading_box .btxt {
    color: #767676;
    font-size: 13px;
}
 
.loan_product_box .inbox .loading_wrap .loading_ani {
    width: 40px;
    height: 40px;
    background: url(../img/helpdesk_etc/img_loading.png) no-repeat;
    background-size: cover;
    -webkit-animation: loadingani3 2.5s steps(60) infinite;
     animation: loadingani3 2.5s steps(60) infinite;
}
@-webkit-keyframes loadingani3 { 0% { left: 0; background-position: 0 0; } 100% { left: 0; background-position: -2400px 0; } }
@keyframes loadingani3 { 0% { left: 0; background-position: 0 0; } 100% { left: 0; background-position: -2400px 0; } }
.loan_product_box .inbox .loading_wrap .loading_txt {
    margin-top: 14px;
}

.loan_product_box .re_search {
    margin: 30px 0;
    text-align: center;
}
.btn_loan {
    background: #00AAA5;
    border-radius: 5px;
    height: 30px;
    line-height: 28px;
    padding: 0 16px;
    position: absolute;
    top: 20px;
    right: 24px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}
.btn_retry {
    color: #009591;
    font-size: 13px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-weight: 500;
    height: 33px;
    line-height: 31px;
    padding: 0 23px;
    text-align: center;
}
.btn_retry span {
    background: url(../img/common/icon_refresh02.png) left 7px no-repeat; 
    background-size: 18px 18px;
    padding-left: 23px;
}
.btn_tel span {    
    background: url(../img/common/icon_tel.png) left 13px no-repeat; 
    background-size: 24px 24px;
    padding-left: 26px;
}
.msg_not {
    color: #EC3A2C;
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    top: 20px;
    right: 24px;
}
.ip_error {
    background: #fff;
    position: relative;
    z-index: 20;    
}
.ip_error .amount_rcb {
    background:#F6F9FC url(../img/common/bg_amount06.png) center 46px no-repeat;
    background-size: 72px 72px;
    padding: 126px 48px 46px;
}
.ip_error .inbox {
    padding: 45px 30px 30px;
}
.ip_error .tit {
    font-size: 15px;
    font-weight: 500;
    color: #111;
}
.ip_error .txt {
    font-size: 14px;
    color: #676767;
    margin-top: 10px;
}
.ip_error table {
    border-top: 1px solid #aaa;
    font-size: 14px;
    margin: 12px 0 45px;
}
.ip_error th {
    padding: 10px 0 10px;
    border-bottom: 1px solid #ddd;
    background-color: #F9F9F9;
    font-weight: 500;
    color: #333;
    text-align: center;
}
.ip_error td {
    padding: 10px 0 10px 15px;
    border-bottom: 1px solid #ddd;
    color: #555;
}
.ip_error .btn_tel {
    margin: 0 0 10px;
}

/* 로그인 */
/*.btn_cphone {
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 49px;
    font-size: 16px;
    text-align: center;
    color: #555;
    border-radius: 7px; 
    border: 1px solid #ddd;
}
.btn_cphone span {
    background: url(../img/common/icon_phone.png) left center no-repeat; 
    background-size: 13px 21px;
    padding-left: 20px;
}
.btn_area .btn_cphone {
    margin-top: 7px;
}*/
.login_box_wr{
    padding-top: 60px;
    height: calc(100% - 50px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.login_box_wr.type02{
    height: 100%;
}
.login_box_wr .slide_info_area {
    margin: 87px 0 0;
}
.login_box_wr .login_box {
    background: url(../img/common/bg_login.png) center 44px no-repeat; 
    background-size: 89px 89px;
    padding-top: 149px;
    text-align: center;
    margin-bottom: 30px;
    margin-top: -40px;
}
.login_box_wr.type02 .login_box.type02  {
    background: url(../img/common/bg_login02.png) center 44px no-repeat; 
    background-size: 99px 99px;
    padding-top: 165px;
}
.login_box_wr .input_area {
    margin: 19px 0 17px;
}
.login_box_wr .btn_spass {
    font-size: 14px;
    color: #767676;
    text-decoration: underline;
    display: inline-block;
    margin-top: 15px;
}
.login_box_wr .btn_spass02 {
    background: #F9F9F9;
    border-radius: 7px;
    color: #999;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 13px;
    width: 100%;
    height: 50px;
    line-height: 49px;
}
.login_box_wr .login_tit {
    color: #333;
    font-size: 20px;
    font-weight: 500; 
}
.login_box_wr .login_txt {
    color: #999;
    font-size: 14px;  
    margin-top: 3px;
}
.login_box_wr .btn_area {
    padding: 0 24px;
    text-align: center; 
	margin-bottom:20px;
}

.triple_input {
    display: flex;    
}
.triple_input span:not(.hyphen) {
    flex: 3;
    width: 100%;
}
.triple_input span.hyphen {
    width: 20px;
    padding: 0;
}

/* 상품 */
.prd_topBox {
    padding: 15px 0;
    color: #fff;
    background: -moz-linear-gradient(-30deg, #0bb5a9 0%, #0bb5a9 30%, #74d5b7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-30deg, #0bb5a9 0%,#0bb5a9 30%,#74d5b7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(150deg, #0bb5a9 0%,#0bb5a9 30%,#74d5b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    overflow: hidden;
    margin: -20px -30px 30px;
    position: relative;
}
.prd_topBox li {
    font-size: 13px;
    float: left;
    width: 50%;
    text-align: center;
}
.prd_topBox li:first-child:after {
    content: "";
    display: block;
    width: 1px;
    height: 40px;
    background: #fff;
    opacity: .3;
    position: absolute;
    top: 19px;
    left: 50%;
}
.prd_topBox li .imp {
    font-size: 18px;
    letter-spacing: -1px;
    display: block;
    margin-top: 3px;
    font-weight: 500;
}
.prd_topBox li:last-child .imp {
    font-size: 19px;
    font-family: 'Roboto', sans-serif;
}
.prd_topBox li:last-child .imp .nunber {
    font-size: 21px;
}

/* 개별분류형태 아이콘 */
.method_chk {
    display: flex;
    justify-content: space-between;
    padding-top: 9px;
}
.method_chk .check_ty input[type="checkbox"].type_i + label,
.method_chk .radio_ty input[type="radio"].type_i + label {
    color: #767676;
    font-size: 14px;
    width: 66px;
    height: 66px;
    text-align: center;
    padding-top: 75px;
    padding-left: 0;
}
.method_chk li .type_i + label:before {
    width: 66px;
    height: 66px;
}
.method_chk li:nth-child(1) .check_ty input[type="checkbox"].type_i + label:before {
    background: url(../img/common/icon_chk_tel_off.png) no-repeat;
    background-size: 100%;
}
.method_chk li:nth-child(1) .check_ty input[type="checkbox"].type_i:checked + label:before {
    background: url(../img/common/icon_chk_tel_on.png) no-repeat;
    background-size: 100%;
}
.method_chk li:nth-child(2) .check_ty input[type="checkbox"].type_i + label:before {
    background: url(../img/common/icon_chk_post_off.png) no-repeat;
    background-size: 100%;
}
.method_chk li:nth-child(2) .check_ty input[type="checkbox"].type_i:checked + label:before {
    background: url(../img/common/icon_chk_post_on.png) no-repeat;
    background-size: 100%;
}
.method_chk li:nth-child(3) .check_ty input[type="checkbox"].type_i + label:before {
    background: url(../img/common/icon_chk_mail_off.png) no-repeat;
    background-size: 100%;
}
.method_chk li:nth-child(3) .check_ty input[type="checkbox"].type_i:checked + label:before {
    background: url(../img/common/icon_chk_mail_on.png) no-repeat;
    background-size: 100%;
}
.method_chk li:nth-child(4) .check_ty input[type="checkbox"].type_i + label:before {
    background: url(../img/common/icon_chk_msg_off.png) no-repeat;
    background-size: 100%;
}
.method_chk li:nth-child(4) .check_ty input[type="checkbox"].type_i:checked + label:before {
    background: url(../img/common/icon_chk_msg_on.png) no-repeat;
    background-size: 100%;
}

.method_chk li:nth-child(1) .radio_ty input[type="radio"].type_i + label:before {
    background: url(../img/common/icon_radio_business_off.png) no-repeat;
    background-size: 100%;
}
.method_chk li:nth-child(1) .radio_ty input[type="radio"].type_i:checked + label:before {
    background: url(../img/common/icon_radio_business_on.png) no-repeat;
    background-size: 100%;
}
.method_chk li:nth-child(2) .radio_ty input[type="radio"].type_i + label:before {
    background: url(../img/common/icon_radio_shop_off.png) no-repeat;
    background-size: 100%;
}
.method_chk li:nth-child(2) .radio_ty input[type="radio"].type_i:checked + label:before {
    background: url(../img/common/icon_radio_shop_on.png) no-repeat;
    background-size: 100%;
}
.method_chk li:nth-child(3) .radio_ty input[type="radio"].type_i + label:before {
    background: url(../img/common/icon_raido_free_off.png) no-repeat;
    background-size: 100%;
}
.method_chk li:nth-child(3) .radio_ty input[type="radio"].type_i:checked + label:before {
    background: url(../img/common/icon_raido_free_on.png) no-repeat;
    background-size: 100%;
}
.method_chk li:nth-child(4) .radio_ty input[type="radio"].type_i + label:before {
    background: url(../img/common/icon_radio_etc_off.png) no-repeat;
    background-size: 100%;
}
.method_chk li:nth-child(4) .radio_ty input[type="radio"].type_i:checked + label:before {
    background: url(../img/common/icon_radio_etc_on.png) no-repeat;
    background-size: 100%;
}

/* 약관관련 */
/*.terms_cont .check_ty input[type="checkbox"].type_s + label {
    word-break: keep-all;
}*/
.common_popup.full.manual.terms .popup_header {/*position:sticky; top:0;  z-index:1; background-color:#fff;*/padding:18px 55px;}
.common_popup.full.manual.terms .popup_header .title {word-break:initial;}
.common_popup.full.manual.terms .pop_cont {text-align:left;}
.common_popup.full.manual.terms .terms_linked{overflow-y:auto; -webkit-overflow-scrolling:touch;}
.common_popup.full.manual.terms .bottom_area {position:fixed; bottom:0; width:100%; background:#fff;}

/*.common_popup.full.manual.terms .button_close {position:fixed;}*/

.terms_Btit {font-size:17px; font-weight:500; color:#111; text-align:center; margin-bottom:20px;}

.terms_title {display:block; font-size:15px; font-weight:500; color:#111; margin-bottom:10px;}
.terms_title.type01 {font-size:16px; color:#009591; margin-top:25px;}

.terms_desc {font-size:14px; font-weight:400; color:#767676; margin-bottom:15px;}
.terms_desc.type01 {color:#111;}

.terms_pop_list {margin-bottom:15px;}
.terms_pop_list > li {margin-top:10px; padding-left:20px; position:relative; font-size:14px; color:#767676;}
/*.terms_list > li:first-child {margin-top:0;}*/
.terms_pop_list > li .point {position:absolute; left:0; top:0;}
p.terms_pop_list {margin-bottom:15px;margin-top:10px; padding-left:20px; position:relative; font-size:14px; color:#767676;}
p.terms_pop_list .point {position:absolute; left:0; top:0;}
.terms_pop_list .terms_pop_list {margin-left:-20px; margin-bottom: 10px;}
/*.terms_pop_list .terms_pop_list li {margin-top: 5px}*/
.terms_pop_list.type02 .terms_pop_list {margin-left:-10px; margin-bottom: 10px;}
.terms_pop_list.type02 > li,
p.terms_pop_list.type02 {padding-left:10px;}
.terms_pop_list > li.pad_l40 {padding-left:40px;}

.terms_info_list ul:after {content:''; display:block; clear:both;}
.terms_info_list ul > li {width:50%; padding-left:30px; position:relative; float:left; line-height:23px; font-size: 14px;}
.terms_info_list ul > li:before {content:''; width:23px; height:23px; display:block; position:absolute; left:0; top:0; background:url(../img/common/radio_1.png) 0 0 no-repeat; background-size:100%;}
.terms_info_list ul > li.wid100.ckecked:before {content:''; width:23px; height:23px; display:block; position:absolute; left:0; top:0; background:url(../img/common/radio_1_on.png) 0 0 no-repeat; background-size:100%;}

.terms_info_list.type01 ul > li {width:calc(100% / 3);}
.terms_info_list.type01 ul > li:before {background-image:url(../img/common/check_1.png)}
/*.terms_info_list.type01 ul > li:nth-child(1),
.terms_info_list.type01 ul > li:nth-child(2),
.terms_info_list.type01 ul > li:nth-child(3) {margin-top:0;}*/
.terms_info_list ul > li.wid100 {width: 100%;}

.terms_table {margin-top: 10px; border-top:1px solid #aaa;}
.terms_table table th {padding:10px 0; border-bottom:1px solid #ddd; background-color:#f9f9f9; text-align:center; font-size:14px; font-weight:500; color:#333;}
.terms_table table tbody td {padding:10px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; font-size:14px; color:#767676; font-weight:400;}
.terms_table table tbody td .terms_pop_list {margin-left:0px;}
.terms_table table tbody td .terms_pop_list .terms_pop_list,
.terms_table table tbody td .terms_pop_list .terms_title {margin-left:-20px;}
.terms_table table tbody td .terms_pop_list.type02 .terms_pop_list {margin-left:-10px;}
.terms_table table tbody td:first-child {border-left:0;}
.terms_table table tbody th.bor_le,
.terms_table table tbody td.bor_le {border-left:1px solid #ddd;}

.term_dt .terms_input {border:1px solid #ddd; height:23px;}
.term_dt {display: none; word-break: break-all;}
.term_dt + .term_dt {margin-top:40px; padding-top:40px; border-top:2px solid #ddd;}
.viewOn.term_dt {margin-top:0; padding-top:0; border-top:0;}
.blank_text {width:50px;display:inline-block;}
.blank_text02 {width:100px;display:inline-block;}

.layer_compBox .comp_tit .col_red {
    color: #DB281A;
}
.voice_alert {
    background: -moz-linear-gradient(-30deg, #00098B 0%, #006199 40%, #00AAA5 60%, #00AAA5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-30deg, #00098B 0%,#006199 40%, #00AAA5 60%, #00AAA5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(150deg, #00098B 0%,#006199 40%, #00AAA5 60%,#00AAA5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    padding: 103px 24px 30px;
    color: #fff;        
}
.voice_alert .txt_box {
    margin: 0 7px;
}
.voice_alert .txt_box .Btit {
    font-size: 30px;
    background: url(../img/common/ico_voc01.png) right 17px no-repeat;
    background-size: 55px 53px;
    line-height: 1.4;
}
@media screen and (max-width: 359px) {
    .voice_alert .txt_box .Btit {
        background: none;
    }
}
.voice_alert .txt_box .Btit span {
    font-weight: 700;
}
.voice_alert .txt_box .txt01,
.voice_alert .txt_box .txt02 {
    font-size: 15px;
}
.voice_alert .txt_box .txt01 {
    opacity: .8;
    margin-top: 24px;
}
.voice_alert .txt_box .txt02 {
    margin-top: 10px;    
}
.voice_alert .txt_box .txt02 span {
    color: #FFF170;
    font-weight: 500;
    display: inline;
}
.voice_alert .alert_box {
    background: #F1F8FC;
    border-radius: 15px;
    margin-top: 43px;
    margin-bottom: 34px;
    padding: 30px 33px;
}
.voice_alert .alert_box .tit {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    border-bottom: 1px solid #DEE4E7;
    padding-bottom: 16px;
    text-align: center;
}
.voice_alert .alert_box ul {    
    padding-top: 11px;
}
.voice_alert .alert_box li {
    background: url(../img/common/ico_voc02.png) left top no-repeat;
    background-size: 24px 21px;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    padding-left: 30px;
    margin-top: 15px;
    min-height: 21px;
}
.voice_alert .txt_box.type02 .txt01,
.voice_alert .txt_box.type02 .txt02 {
    font-size: 14px;
}
.voice_alert .txt_box.type02 .txt01 {
    opacity: 1;
    margin-top: 24px;
}
.voice_alert .button_type_1 {
    background: transparent;
    border: 1px solid #fff;
    margin-top: 40px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

/* 이용가이드 */
.use_guide_box {
    margin: 30px;
    text-align: left;
}
.guide_btn {
    border: 1px solid #ccc;
    border-radius: 7px;
    height: 50px;
    line-height: 48px;
    text-align: center;
    width: 100%;
    display: block;
    margin-bottom: 36px;
}
.guide_btn span {
    color: #009591;
    display: inline-block;
    font-weight: 500;
    padding-right: 22px;   
    position: relative;
}
.guide_btn span:after {
    background: url(../img/helpdesk_etc/ico_guide_btn.png) right center no-repeat;
    background-size: 18px 18px;
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 0;
    top: 16px;
}
.use_guide_box .tit {
    color: #333;
    font-size: 17px;
    font-weight: 500;
}
.use_guide_box .boxes {
    display: none;
}
.use_guide_box .statbox {
    background: #EEF5FB;
    border-radius: 7px;
    padding: 19px 10px 15px;
    margin: 11px 0 40px;
    display: flex;    
    justify-content: space-evenly;
    word-break: keep-all;
}
.use_guide_box .statbox li {
    text-align: center;
    padding-top: 55px;
    font-size: 13px;
    width: 35%;
    line-height: 17px;
}
.use_guide_box .statbox li:first-child {
    width: 30%;
}
.use_guide_box .boxes:first-of-type {
    display: block;
}
.use_guide_box .statbox li.icon01 {    
    background: url(../img/helpdesk_etc/ico_guide01.png) center top no-repeat;
    background-size: 49px 49px;
}
.use_guide_box .statbox li.icon02 {    
    background: url(../img/helpdesk_etc/ico_guide02.png) center top no-repeat;
    background-size: 49px 49px;
}
.use_guide_box .statbox li.icon03 {    
    background: url(../img/helpdesk_etc/ico_guide03.png) center top no-repeat;
    background-size: 49px 49px;
}
.use_guide_box .statlist {
    margin-top: 10px;
}
.use_guide_box .statlist li {
    padding: 0 0 0 60px;
} 
.use_guide_box .statlist li div {
    border-bottom: 1px solid #E5E5E5;
    min-height: 60px;
    padding: 17px 0 17px 43px;
    position: relative;
} 
.use_guide_box .statlist li.icon01 {    
    background: url(../img/helpdesk_etc/ico_guide11.png) left center no-repeat;
    background-size: 46px 46px;
}
.use_guide_box .statlist li.icon02 {    
    background: url(../img/helpdesk_etc/ico_guide12.png) left center no-repeat;
    background-size: 46px 46px;
}
.use_guide_box .statlist li.icon03 {    
    background: url(../img/helpdesk_etc/ico_guide13.png) left center no-repeat;
    background-size: 46px 46px;
}
.use_guide_box .statlist li.icon04 {    
    background: url(../img/helpdesk_etc/ico_guide14.png) left center no-repeat;
    background-size: 46px 46px;
}
.use_guide_box .statlist li.icon05 {    
    background: url(../img/helpdesk_etc/ico_guide15.png) left center no-repeat;
    background-size: 46px 46px;
}
.use_guide_box .statlist li.icon06 {    
    background: url(../img/helpdesk_etc/ico_guide16.png) left center no-repeat;
    background-size: 46px 46px;
}
.use_guide_box .statlist li.icon07 {    
    background: url(../img/helpdesk_etc/ico_guide17.png) left center no-repeat;
    background-size: 46px 46px;
}
.use_guide_box .statlist li.icon08 {    
    background: url(../img/helpdesk_etc/ico_guide18.png) left center no-repeat;
    background-size: 46px 46px;
}
.use_guide_box .statlist li .step {
    color: #999;
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 21px;
}
.use_guide_box .statlist li .txt {
    color: #333;
    font-size: 15px;
    font-weight: 500;
    margin-left: 3px;
    letter-spacing: -1px;
}

/* pc 접속시 랜딩페이지 */
.landing_box {
    padding: 160px 24px 55px;
	text-align:center
}
.landing_box .landing_tit {
	font-size:20px;
	font-weight:500;
	margin-bottom:45px;
}
.landing_box .landing_tit span {
	color:#009591;
}
.landing_box .landing_list{
	background:#fff;
	border:1px solid #e5e5e5;
	margin:0px auto;
	padding:30px 24px;
	text-align:left;
}
.landing_box .landing_list li{
	position:relative;
	margin-top:5px;
	padding-left:12px;
	font-size:14px;
	line-height:1.8em;
}
.landing_box .landing_list li:before {
	display:block;
	content:"-";
	position:absolute;
	left:0;
	top:0px;
}
.landing_box .landing_list li:first-child {
	margin-top:0;
}
.landing_box .landing_list li strong {
	font-weight:500;	
}
.landing_box .landing_btn {
	margin-top:55px;
}
.landing_box .landing_btn a {
	border:1px solid #dbdbdb;
	color: #000;
	font-size:14px;
	display: inline-block;
	padding:10px 20px;
}
.landing_box .QRcode_box {
	position:relative;
	margin:56px auto 0;
	display:inline-block;
	margin-left:35px;
}
.landing_box .QRcode_box > div {
	background:#009591;
	width:130px;
	height:130px;
	-webkit-border-radius:65px;
	-moz-border-radius:65px;
	border-radius:65px;
	padding:7.5px 8px;
	box-sizing:border-box;
	text-align:center; 
	display:inline-block; 
	position:absolute;
	top:-10px;
	left:-75px;
}
.landing_box .QRcode_box > div span {
	display:inline-block;
	background:#fff;
	width:115px;
	height:115px;
	-webkit-border-radius:57.5px;
	-moz-border-radius:57.5px;
	border-radius:57.5px;
	text-align:center;
	box-sizing:border-box; 
	padding:17px 0;
}
.landing_box .QRcode_box > div span img {
	width:80px;
	vertical-align:top;
}
.landing_box .QRcode_box p {
	background:#009591; 
	font-size:14px; 
	color:#fff; 
	letter-spacing:-0.5px; 
	line-height:1.3em; 
	text-align:left;
	margin-top:15px;
	font-weight:bold;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	padding:22px 25px 22px 62px; 
	padding-left:62px;
	display:inline-block;
}
.landing_box .QRcode_box p span{
	color:#000;
	font-size:12px;
	font-weight:normal;
}

.landing_box + .copyright{
	padding:15px;
	border-top:1px solid #c2c2c2;
	font-size:13px;
	color:#979797;
	font-weight:500;
	text-align: center;
}
@media screen and (orientation:landscape) {
    .login_box_wr {
        height: auto;
    }
}

.loan_list_wr  .slide_info_area {padding:0;margin:20px 0 0;}
.prd_txt_r {float:right;font-weight:400;font-size:14px;color:#777;}