@charset "utf-8";

@import url('./font/Pretendard-1.3.8/web/static/pretendard.css?dummy=20250701000000');
@import url('../js/lib/jsgrid-1.5.3/dist/jsgrid.css?dummy=20250701000000');
@import url('./base.css?dummy=20250701000000');
@import url('./common_cont.css?dummy=20250819000000');

/* layout */
/*
 * z-index 정의
 *
  header : none
  headerCont : 500 
  container : 2
  footer : 2
  layer  : 1000
  alert : 5000

*/

/* body  { background:rgba(244, 246, 248, 1)} */



.headerCont { display: flex; align-items: center; justify-content: space-between; }
.headerCont h1.logo       {padding:0px }
/* .headerCont h1.logo::after     {content:"";position: absolute; width:32px; height:20px; top:0; right: -38px;  color:#0e6275;font-size:11px;text-align: right;display: block;font-weight: 400; background:url(../images/common/logo_beta.png) no-repeat 0 0;} */
.headerCont ul.gnb { display: inline-flex; gap: 40px; width: auto; padding-top: 0; padding-right: 60px; }
.headerCont ul.gnb li.depth_1     {margin-left:0px;}
.headerCont ul.gnb li.depth_1 ul { top: 56px; left: 50%; transform: translate(-50% ,0);}
.headerCont ul.headerLogin { padding-top: 0;}
.headerCont ul.headerLogin li a { display: block;}
.on .headerCont ul.gnb li.depth_1 ul { min-width: 100%; width: auto; padding-top: 12px; }

/* .on .headerCont ul.gnb li.depth_1 ul {display:block; width:100%; padding:25px 0 0 0px; } */

.headerCont ul.gnb li.depth_1 > a span.대출비교하기  {padding-left:26px; background:url(../images/common/ico_acc_off.png) no-repeat 0 2px / 18px 18px;}
.headerCont ul.gnb li.depth_1 > a span.진행현황  {padding-left:26px; background:url(../images/common/ico_gnb_state.png) no-repeat 0 2px / 18px 18px;}
.headerCont ul.gnb li.depth_1 > a span.신청이력  {padding-left:26px; background:url(../images/common/ico_gnb_result.png) no-repeat 0 2px / 18px 18px;}
.headerCont ul.gnb li.depth_1 > a span.서비스안내  {padding-left:26px; background:url(../images/common/ico_gnb_service_off.png) no-repeat 0 2px / 18px 18px;}
.headerCont ul.gnb li.depth_1 > a span.고객센터  {padding-left:26px; background:url(../images/common/ico_gnb_custom_off.png) no-repeat 0 2px / 18px 18px;}
.headerCont ul.gnb li.depth_1 > a span.마이페이지  {padding-left:26px; background:url(../images/common/ico_gnb_mypage_off.png) no-repeat 0 2px / 18px 18px;}


/* content - common */
 
.wrap.main .container { padding-bottom: 120px;}
/* 락 */
div.login_form.change_pw  { margin:0 auto; max-width:460px; margin:60px auto 0;  }
div.login_form.change_pw .formBox  { padding-left:148px; }
div.login_form.change_pw .loginBtn  { margin-top:30px; }
div.login_form.dormant_account  { margin:0 auto; max-width:460px; margin:76px auto 0;  }
div.login_form.dormant_account .formBox  { padding-left:148px; }
div.login_form.dormant_account .loginBtn  { margin-top:60px; }
ul.loginTab li button.loginTabBtn  { position:absolute; height:60px; width:50%; top:0; font-size:18px; border-bottom:1px solid #ddd;   }
ul.loginTab li button.loginTabBtn:focus  { outline: 2px dashed #069B66; border-radius: 5px 5px 0 0;}
ul.loginTab li.on button.loginTabBtn  { color:#069B66; font-weight: 700; border-bottom:3px solid #069B66; }
ul.loginTab li + li button.loginTabBtn  { left:50%;  }
ul.loginTab li div.login_form  { position:absolute; left:0; top:90px; width:460px;  display:none; margin:0px 0 0;   }
ul.loginTab li div.login_form#cont_certificate_login .formBox { margin-top: 35px;}
ul.loginTab li div.login_form .errorTxt  { margin-top:5px; line-height:18px;}
ul.loginTab li.on div.login_form    { display:block;}
ul.loginTab li.on.fast div.login_form    { transition:none;}
ul.loginTab li .row + .row  { margin-top:20px; }
ul.loginTab li .row .formRow { display: flex; flex-direction: column; align-items: flex-start; gap: 0; width: 400px;}
ul.loginTab li .row label   { min-width:130px; padding-left:0;padding-right:0;  }
ul.loginTab li .row input   { width: 100%; }
ul.loginTab li div.loginBtn   { position:absolute; top:150px; width:100%; }
ul.loginTab li div.copLoginBtn   { position:relative; top:10px; width:100%; }

ul.loginTab .hasError .errorTxt { display: block;}   
ul.loginTab li div.login_form p.info_txt  { position:absolute; left:50%; top:-180px; width:700px; transform: translateX(-50%); text-align: center;   }

ul.loginTab.searchId div.login_form .formBox  { padding-left:140px; }
/*ul.loginTab li #cont_certificate_login .formBox { padding-left:148px; }*/
ul.loginTab li #cont_certificate_login .formRow { width:100%; }
ul.loginTab li .formRow .textCenter  { display:flex;  }
ul.loginTab li .formRow .textCenter input  { width:100%; }

/* content - page */
/* 제안서 관리 */
.proposalManage .formListTable ~ .formListTable { margin-top: 65px; }
.proposalManage .fixedTableWrap { margin-top: 65px;}
.proposalManage .fixedTable { margin-top: 40px;}
.proposalManage .fixedTable .table_wrap { height: 660px;}
.proposalManage .formFullTable .formRow { min-height: 0;}
.proposalManage .formFullTable tr th ~ th { padding-left: 76px;}

/* faq */ 
.faqPage .accordion { margin-top: 20px;}

/* 대출비교하기 아코디언 */
.formAccordion .accordionTitle      {border-radius:16px 16px 0 0; padding: 24px 80px 20px 40px; justify-content: space-between;}
/* .formAccordion .accordionTitle .accordionTrigger    {border:1px solid #069B66; border-radius: 8px; background-color:#fff;  } */
.formAccordion .accordionIcon   {width:100%;}
.accordionPanelDcSinc {margin: 0px 0px 0px; padding: 0px;  background: #FAFAFA;}

/* 일대일 문의 */
.bbs_list .reply td:nth-child(2) { color: #EAFAEB; font-weight: 700;}
.bbs_list .re_1 td:nth-child(2) {}
.bbs_list .re_2 td:nth-child(2) { padding-left: 40px;}
.bbs_list .re_3 td:nth-child(2) { padding-left: 80px;}
.bbs_list .reply td:nth-child(2)::before,
.bbs_list .quest td:nth-child(2)::before { content: ''; display: inline-block; width: 24px; height: 24px; margin-right: 5px; background: url('../images/common/ico_24_comment_g.png'); vertical-align: middle;}

/* 법인회원정보 */
.bizMemberInfo .formListTable { position: relative}
.bizMemberInfo .formListTable tr th ~ th { padding-left: 40px;}
.bizMemberInfo .formListTable ~ .formListTable { margin-top: 30px; padding-top: 30px; border-top: 1px solid #ddd;}
.bizMemberInfo .formListTable td { vertical-align: top;}
.bizMemberInfo .formListTable .checkbox label { font-weight: 700;}
.bizMemberInfo .addBtnSet { position: absolute; top: 15px; right: 0;  }
.bizMemberInfo .formListTable ~ .formListTable .addBtnSet { top: 40px;}

/* 락 */
/* 메인 */
.main.bg1 .container,
.main.bg2 .container { padding-top: 40px;}
.main .container    {padding: 0 !important; }
.container > form {margin: 40px 0 100px;}
.main_visual_logout { background-color: #eafaeb; overflow: hidden;}
.main_visual_logout .inner { position: relative; max-width: 1400px; margin: 0 auto; min-height:445px;  }
.main_visual_logout .desc { position: absolute; top: 102px; left: 80px; font-size: 34px; font-weight: 700; line-height: 1.5; }
.main_visual_logout .point { color: #02c37e; }
.main_visual_logout .main_btn { padding: 40px 0 0 0; text-align: left; }
.main_visual_logout .img { position: relative; left: 100%; margin-left: -200%; text-align: center;}
.main_visual_logout .img img { position: relative; width: 1920px; height: auto; margin: 0 auto; }
.visual_sub { position: relative; padding: 0 80px; height: 330px; margin: 0 auto;}
.noImg + .visual_sub { margin-top:0;  }
.visual_sub { display: flex; flex-direction: column; justify-content: center; margin-top: 120px; }
.visual_sub_2 { align-items: flex-end; }
.visual_sub::before { content: ''; display: block; height: 330px; position: absolute; top: 0; }
.visual_sub_1::before { right: 80px; padding-right: 470px; background: url(../images/COP/main/main_image1.png) no-repeat 100% 50% / auto 330px; }
.visual_sub_2::before { left: 80px; padding-left: 470px; background: url(../images/COP/main/main_image2.png) no-repeat 0% 50% / auto 330px; }
.visual_sub .tit { color: #02c37e; font-size: 20px; font-weight: 700;}
.visual_sub .txt { margin-top: 20px; font-size: 34px; font-weight: 700; }

.main .serviceInfo_tit      { padding:80px 0 14px; font-size:24px; font-weight: 700; text-align: center;}


.bnr_associate    { margin-top:100px; }
.bnr_associate .tit    { text-align: center;}
.bnr_associate .tit strong    { display:block; font-size:24px; font-weight: 700;}
.bnr_associate .tit p    {margin-top:10px; color: #555; }

.main_bnr_list               { display:flex; justify-content: space-between; margin-top:30px; gap:40px; flex-wrap: wrap; }
.main_bnr_list span.btnItem        { width:200px; height:70px; display:flex; border-radius:8px; margin:auto 0; box-shadow: 0px 2px 8px 0px #DDD;   }
.main_bnr_list span.btnItem img    { margin:auto; }

.main_bnr_list .swiper-wrapper      { padding:10px; width:calc(100% - 40px) }
.main_bnr_list .swiper-slide        { width:200px; height:70px; display:flex; border-radius:8px; margin:auto 0; box-shadow: 0px 2px 8px 0px #DDD;   }
.main_bnr_list .swiper-slide img    {margin:auto;max-width: 185px;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
.main_bnr_list .swiper-button-prev  {left:2px;}
.main_bnr_list .swiper-button-prev::after  {content: ""; width:40px; height:40px; background:url(../images/common/ico_40_left_g.png) no-repeat 50% 50% /  100% ;   }
.main_bnr_list .swiper-button-next  {right:2px;}
.main_bnr_list .swiper-button-next::after  {content: "";  width:40px; height:40px; background:url(../images/common/ico_40_right_g.png) no-repeat 50% 50% /  100% ;   }

/* .main .container    {overflow: hidden;} */
.main section.bgBox   { background:#fff; padding-bottom:60px; border-radius: 16px 16px; box-shadow: 0px 3px 8px 0px #ECF0F4; }


.managerTxt .formRow .list .sub    {margin:0;}
.managerTxt .formRow .list span   {display:inline-block; margin-right:8px;}


.main section.bgBox   { background:#fff; padding-bottom:60px; border-radius: 16px 16px; box-shadow: 0px 3px 8px 0px #ECF0F4; }


/*  메인 대출없는경우 */
ul.main_loan_info      {display:flex; gap:20px;   }
ul.main_loan_info li   { display: flex; flex-direction: column; position:relative; width:100%; padding:40px 180px 40px 40px; font-size:20px; text-align: left; box-shadow: 0px 3px 8px 0px #ECF0F4; border-radius: 16px; background: #fff;  }
ul.main_loan_info li::after  {content:""; display: block; position: absolute; top:50%; right:40px; width:100px; height:100px; border-radius:50%; transform: translateY(-50%); background: #FAFAFA url(../images/COP/main/ico_60_log2_process_01.png) no-repeat 50% 50%/  48px 48px;    }
ul.main_loan_info li.step_1::after   {background-image: url(../images/COP/main/ico_60_log2_process_01.png);}
ul.main_loan_info li.step_2::after   {background-image: url(../images/COP/main/ico_60_log2_process_02.png);}
ul.main_loan_info li.step_3 { padding-right: 156px; }
ul.main_loan_info li.step_3::after   {background-image: url(../images/COP/main/ico_60_log2_process_03.png);}
ul.main_loan_info li .con { max-width: 298px;}
ul.main_loan_info li em   {color:#069B66; font-weight: 700;  }
ul.main_loan_info li strong   {display:block; margin-top:0px; font-size:20px; padding:0 0; color:#069B66; }
ul.main_loan_info li p   {margin-top:8px; font-size: 16px; min-height: 38px; word-break: keep-all; letter-spacing: -0.6px; }
ul.main_loan_info li div.txt   {position:relative; margin-top:20px; padding-top:0px; font-size: 14px; border-top:1px solid #ddd; }
ul.main_loan_info li span   {display:inline-block; white-space: nowrap;}
ul.main_loan_info li .main_btn   {padding-bottom:0px; text-align: left; margin-top: auto; padding-top:24px; }
ul.main_loan_btn  {display:flex; gap:20px; }
ul.main_loan_btn li   {width:335px; }
ul.main_loan_btn li  a  {width:100%; margin-top:35px; }
ul.main_loan_info .main_btn button { width: auto; padding: 0 32px;}

ul.main_loan_info.type2 li { padding: 40px; }
ul.main_loan_info.type2 li::after { display: none; }
ul.main_loan_info.type2 li strong::before { content: ''; display: inline-block; width: 24px; height: 24px; margin-right: 8px; background: url('../images/common/ico_60_log2_process_01.png') no-repeat 50% 50% / contain; vertical-align: -3px; }
ul.main_loan_info.type2 li.step_2 strong::before { background-image: url('../images/common/ico_60_log2_process_02.png')}
ul.main_loan_info.type2 li.step_3 strong::before { background-image: url('../images/common/ico_60_log2_process_03.png')}
ul.main_loan_info.type2 li.step_4 strong::before { background-image: url('../images/common/ico_60_log2_process_04.png')}
ul.main_loan_info.type2 li .main_btn button { width: 100%;}


/*  메인 대출 진행 */
.mainLoanSelct { display: flex; align-items: center; position:relative; margin-bottom: 36px; padding: 24px 40px; background:#069B66; color:#fff; border-radius: 16px;  }
.mainLoanSelct.multi { flex-direction: column; align-items: flex-start; margin-bottom: 40px;}
.mainLoanSelct.multi .search { display: flex; width: 100%;}
.mainLoanSelct.multi .barList { margin-top: 16px;}
.main .mainLoanSelct.multi { margin-bottom: 20px; }
.mainLoanSelct.multi .btnWhiteLine2.ico_calendar { padding: 0 32px;}
.mainLoanSelct select { flex: 1; height: 44px; color:#333; font-size:18px; border:0; padding-right:52px; background:url(../images/common/ico_24_down_b.png) no-repeat top 50% right 24px / 24px 24px #fff; font-weight: 700; }
.mainLoanSelct select:focus { outline-color: #fff;}
.mainLoanSelct select option {background:#fff; color:#333;  }
.mainLoanSelct.disabled select:disabled { background-color: #fff !important;  }
.mainLoanSelct.disabled .barList .list { color: #888; }
.mainLoanSelct.disabled .btnWhiteLine2:disabled { border-color: #ddd; color: #555;opacity: 1; }
.mainLoanSelct .btnWhiteLine2 { margin-left: 12px; height:44px;  }
.mainLoanSelct button.search {position:absolute; top: 50%; right:40px; margin-top: -20px; padding:0 30px; border:1px solid #ddd; color:#fff; height:36px; border-radius:25px; font-weight: 700;  }
/* .mainLoanSelct button.btnRoundWhite {position:absolute; top: 50%; right:40px; margin-top: -18px;} */
.mainLoanSelct button::-moz-focus-outer{ outline: 2px dashed #fff;}


.mainLoanSelct.bgWhite { justify-content: space-between; margin-bottom: 0; padding: 16px 40px; background: #fff; color: #333; font-size: 26px; }
.mainLoanSelct.bgWhite select { flex: unset; height: 30px; padding: 0 40px 0 0; background: #fff url(../images/common/ico_24_down_b.png) no-repeat top 50% right 0 / 24px 24px; text-align: center; }
.mainLoanSelct.bgWhite select + .btnSet { margin-left: 30px; }
.mainLoanSelct.bgWhite button { height: 40px; padding: 0 30px;}

.main_loan_progress .step_info {display:flex; margin-top:20px; height:40px; gap:20px; }
.main_loan_progress .step_info > div { width:100%; text-align: center; font-size:16px; font-weight: 500; background-color: #4C9DA2; border-radius: 8px; padding:10px 0 0; color:#fff; }
.main_loan_progress .step_info > div.platform {min-width:1045px;}
.main_loan_progress .step_info > div.offline {  background:#6197C5; color:#fff;  }

.loan_progress { padding-bottom: 80px;}
.loan_progress .step_info {display:flex; height:42px; gap:20px; }
.loan_progress .step_info > div { width:100%; text-align: center; font-size:16px; font-weight: 700; background-color: #4C9DA2; border-radius: 35px; padding:10px 0 0; color:#fff; }
.loan_progress .step_info > div.platform {min-width:832px;}
.loan_progress .step_info > div.offline {  background:#6197C5; border-radius: 35px ; color:#fff;  }
.loan_progress .infoTxt { margin-top: 8px; text-align: right; color: #069B66; font-size: 14px;}


.main_loan_progress ol.status_tab { display:flex; gap:20px; margin-top:10px; }
.main_loan_progress ol.status_tab li { width:100%; height: 165px; background:#fff; padding-top: 87px; text-align: center; border:3px solid #fff; box-shadow: 0px 3px 8px 0px #ECF0F4; border-radius:16px; background: no-repeat 50% 30px #fff; background-size:48px 48px; }
.main_loan_progress ol.status_tab li em {display:inline-block; color:#069B66; font-size: 16px; font-weight: 700; vertical-align: middle;  } 
.main_loan_progress ol.status_tab li strong {display:inline-block; margin-left: 10px; font-size: 18px; font-weight: 700; vertical-align: middle; }
.main_loan_progress ol.status_tab li .subInfo { display: flex; align-items: center; justify-content: center; margin-top: 10px; }
.main_loan_progress ol.status_tab li .subInfo .info { position: relative; display: inline-block; padding: 0 16px; font-size: 14px; }
.main_loan_progress ol.status_tab li .subInfo .info + .info::before { position: absolute; top: 50%; left: 0; content: ''; display: block; width: 1px; height: 10px; background: #ddd; transform: translate(0, -50%); }
.main_loan_progress ol.status_tab.step_1 .step_1,
.main_loan_progress ol.status_tab.step_2 .step_2,
.main_loan_progress ol.status_tab.step_3 .step_3,
.main_loan_progress ol.status_tab.step_4 .step_4 {box-shadow: none; border:3px solid #069B66; }
.main_loan_progress ol.status_tab li.disabled { background-color: #fafafa; border-color: #fafafa !important;}
.main_loan_progress ol.status_tab li.disabled em,
.main_loan_progress ol.status_tab li.disabled strong {color:#888}

.loan_progress .stepBox li.step_1 {background-image:url(../images/COP/main/no_data_main_1.png); }
.loan_progress .stepBox li.step_2 {background-image:url(../images/COP/main/no_data_main_2.png); }
.loan_progress .stepBox li.step_3 {background-image:url(../images/COP/main/no_data_main_3.png); }
.loan_progress .stepBox li.step_4 {background-image:url(../images/COP/main/no_data_main_4.png); }
.loan_progress .stepBox li.step_5 {background-image:url(../images/COP/main/no_data_main_5.png); }

.main_loan_progress ol.status_tab .step_1 {background-image:url(../images/COP/main/step_main_1.png); }
.main_loan_progress ol.status_tab .step_2 {background-image:url(../images/COP/main/step_main_2.png); background-size: 48px 54px;}
.main_loan_progress ol.status_tab .step_3 {background-image:url(../images/COP/main/step_main_3.png); }
.main_loan_progress ol.status_tab .step_4 {background-image:url(../images/COP/main/step_main_4.png); }
.main_loan_progress ol.status_tab .step_1.disabled   {background-image:url(../images/COP/main/step_main_1_disabled.png); }
.main_loan_progress ol.status_tab .step_2.disabled   {background-image:url(../images/COP/main/step_main_2_disabled.png); }
.main_loan_progress ol.status_tab .step_3.disabled   {background-image:url(../images/COP/main/step_main_3_disabled.png); }
.main_loan_progress ol.status_tab .step_4.disabled   {background-image:url(../images/COP/main/step_main_4_disabled.png); }


/*.main_loan_progress .status_tab.step_1 + .list { margin-left: 0;}
.main_loan_progress .status_tab.step_2 + .list { margin-left: 355px;}
.main_loan_progress .status_tab.step_3 + .list { margin-left: 710px;}*/
.main_loan_progress .status_tab.step_4 + .list { display: none; }

.main_loan_progress ol.status_tab li.disabled .subInfo .info { color: #888; }

.loan_progress .stepBox { display:flex; gap:20px; margin-top:16px; }
.loan_progress .stepBox li { width:100%;  background:#FAFAFA; text-align: center; border:1px solid #ddd; border-radius:16px; background-repeat: no-repeat; background-position: 50% 32px;  background-size:105px 105px; }
.loan_progress .stepBox li div {display:block; padding-top:137px; height:240px; text-decoration: none;  }
.loan_progress .stepBox li em {display:inline-block; color:#069B66; font-size: 16px; font-weight: 700;  } 
.loan_progress .stepBox li strong {display:block; margin: 10px auto 0; font-size: 18px; font-weight: 700;  }
.loan_progress .stepBox li .goLink {font-size: 14px; font-weight: 700;  }
.loan_progress .stepBox li strong .star { display: inline-block; color: #069B66; vertical-align: -1px;}
.loan_progress .infoTxt { margin-top: 18px; }

.main_loan_cont              { display: none;} 
.main_loan_cont.show              { display: block;} 
.main_loan_cont .bgWrap section {padding-bottom:100px;  } 

.main_loan_progress .list { padding: 20px 0;}
.main_loan_progress .list .btnWrap { display: flex; gap: 20px; width: 1045px; /* width: 690px; margin: 0 auto; */}
.main_loan_progress .list .btnWrap button { flex: 1; height: 36px; padding: 0; font-size: 14px;}
.main_loan_progress .list .btnWrap button.btnWhite.on {  background:#069B66; color: #fff;}

.main_loan_cont .list .status button   {display:flex; width:100%; padding:18px 10px; line-height:28px; border-bottom:1px solid #ddd; justify-content: space-between; }  
.main_loan_cont .list .status button:focus {outline: 2px dashed #069B66;} 
.main_loan_cont .list .status button span   {margin:auto 0;}
.main_loan_cont .list .status button em     {display:block; line-height: 25px; padding:0 14px; border:1px solid #069B66; flex:0; color:#069B66; border-radius: 30px;  }
.main_loan_cont .list .status button.on span   {color:#069B66; font-weight: 700; text-decoration: underline; }
.main_loan_cont .list .status button.on em     {background:#069B66; color:#fff; font-weight: 700;}
.main_loan_cont .no_data        { background:transparent; padding:60px 0 60px; font-size: 16px; height:auto; text-align: center;  }   
.main_loan_cont .no_data .tit     {display:block; padding-top:100px; background:url(../images/COP/main/no_data_main_1.png) no-repeat 50% 0 / 80px 80px; } 
.main_loan_cont .no_data .tit .mainTxt { font-size: 20px; font-weight: bold;}
.main_loan_cont .no_data .tit .mainTxt + .subTxt { margin-top: 10px;}
.main_loan_cont .no_data .tit .subTxt { font-size: 16px; font-weight: 400;}
.main_loan_cont .no_data .infoBox { display: inline-block; margin-top: 20px; padding: 24px 60px; border-radius: 16px; background: #F6FBF7; }
.main_loan_cont .no_data .infoBox .tt { color: #069B66; font-weight: 700;}
.main_loan_cont .no_data .infoBox .dd { color: #555; font-weight: 400;}
.main_loan_cont .no_data .infoBox .dd + .tt { margin-top: 10px;}
.main_loan_cont .no_data .infoBox + .subTxt { margin-top: 30px; }
.main_loan_cont .no_data span.btn {display:block; background:none !important; padding:0; display:block; text-align: center; padding:30px 0 0; }   
.main_loan_cont .no_data span.btn button { min-width: 214px;}

.main_loan_cont .no_data.bg_file .tit       {background-image:url(../images/COP/main/ico_80_log_process_nodata_08.png); }  
.main_loan_cont .no_data.bg_regist .tit       {background-image:url(../images/COP/main/ico_80_log_process_nodata_01.png); }  
.main_loan_cont .no_data.bg_review .tit       {background-image:url(../images/COP/main/ico_80_log_process_nodata_02.png); } 
.main_loan_cont .no_data.bg_reviewing .tit       {background-image:url(../images/COP/main/ico_80_log_process_nodata_02_2.png); } 
.main_loan_cont .no_data.bg_more .tit      {background-image:url(../images/COP/main/ico_80_log_process_nodata_04.png); } 
.main_loan_cont .no_data.bg_survey .box { width: 832px; margin: 0 auto; padding: 40px; background: #fff; border-radius: 16px; border: 1px solid #ddd; }
.main_loan_cont .no_data.bg_survey .tit      {background-image:url(../images/COP/main/ico_80_log_process_nodata_05.png); } 
.main_loan_cont .no_data.bg_none .tit      {background-image:url(../images/COP/main/ico_80_log_process_nodata_06.png); } 
.main_loan_cont .no_data.bg_done .tit      {background-image:url(../images/COP/main/ico_80_log_process_nodata_07.png); } 
.main_loan_cont .no_data.bg_survey .formVertical { width: 440px; margin: 0 auto; align-items: flex-start; margin-top: 40px; gap: 30px; }
.main_loan_cont .no_data.bg_survey .tit { font-size: 18px; font-weight: 700;}
.main_loan_cont .table_top .total     {font-weight: 700;} 
.main_loan_cont .titBox     {padding:40px 0 40px; text-align: center; }
.main_loan_cont .titBox.pb20 { padding-bottom: 20px; }
.main_loan_cont .titBox .mainTxt { font-size: 20px; font-weight: 700;}
.main_loan_cont .titBox strong  {font-size: 24px; }
.main_loan_cont .titBox .subtit { font-size: 18px;}
.main_loan_cont .titBox .subtit + p { color: #333; }
.main_loan_cont .titBox strong + p {  margin-top:10px; color: #555; }
.main_loan_cont .titBox p       {color:#333; font-weight: 400; font-size: 16px ; }
.main_loan_cont .bbs_list td    {font-weight: 400;}

.moneyTxt     {}
.moneyTxt em     {}
.moneyTxt span   {display:block; color:#888; font-size: 14px; }

.sectionLine .main_survey { margin: 0; padding: 0; }
.sectionLine .main_survey dt { padding-top: 0; font-weight: 700;}
.sectionLine .main_survey dt ~ dt { margin-top: 40px; }
.bgWrap .main_survey { border: 1px solid #ddd; }
.main_survey      { background:#fff; padding:40px; border-radius: 16px;  }
.main_survey dt   { padding:0px 0 20px; font-weight: 500; }
.main_survey dt .blue { }
.main_survey dt ~ dt   {margin-top:30px; }
.main_survey dd   {padding-left:8px; }
.main_survey dd input[type=radio].starChk ~ label   {height:24px; }

.sectionInner .main_survey { padding: 0;}
.sectionInner .main_survey dt { font-size: 18px; font-weight: 700;}
.sectionInner .main_survey dt ~ dt { margin-top: 40px; }


.titH3 + .main_survey { margin-top: 20px;}
.main_survey.bgGreen { background: #F6FBF7; padding: 40px;}
.main_survey.bgGreen dt {padding-top: 0;}

.layerCont .main_survey { padding: 0;}
.layerCont .main_survey dl:first-child dt { padding-top: 0;}
/* .layerCont .main_survey .formRow { flex-wrap: wrap;} */
/* .layerCont .main_survey .formRow .checkbox + .checkbox { margin-left: 32px;} */
.layerCont .main_survey .formRow .radio + .radio {margin-left: 32px;}

.layerCont .topResultBox + .notiTxt { margin-top: 30px;}
.layerCont .topResultBox ~ .main_survey { margin-top: 30px;}
.layerCont .main_survey .formRow.full .checkbox { flex: 1;}
.layerCont .main_survey .formRow .checkbox { margin-left: 0; margin-right: 40px;}
.layerCont .main_survey .formRow .radio {margin-left: 0;  margin-right: 40px;}
.layerCont .main_survey .textarea { height: 120px;}
/* .main_survey .formRow { flex-wrap: wrap;} */
.main_survey .formRow .checkbox + .formSet { margin-left: 0;}
.main_survey .formSet { flex-direction: column; align-items: flex-start; margin-left: 0; width: 100%;}
.main_survey .textarea { height: 120px; }
.layerCont .main_survey dt.dot { position: relative; padding-left: 8px;}
.layerCont .main_survey dt.dot::before { content: ''; display: block; position: absolute; top: 10px; left: 0; width: 2px; height: 2px; border-radius: 50%; background: #555; }


/* 약관 */
.content_terms    { margin-top:60px; }
.content_terms .titH3.hasLine { padding: 0 40px;}
.content_terms .terms_type    { padding:10px 0 0;}
.content_terms .terms_ment    { padding :0 40px 40px;}

.evtWinner      { margin:40px 0 0;  }

.detailCont.evt     { padding: 40px}
.detailCont.evt .evtImg img { max-width:100%; width: 100%;}
.detailCont.evt .evtTxt     { font-weight: 500; }
.detailCont.evt * + *     { margin-top:20px;  }


/* 서비스 - 대출절차 */
.serviceInfo_visual         { width:1416px; height:351px; margin:0 auto 0px; background:url(../images/COP/img_service_info.png) no-repeat 0 0 / contain; }
.serviceInfo_visual.loan   { width:1400px; height:388px; margin: 20px 0 0; background:url(../images/COP/img_service_info.png) no-repeat 0 0/ cover;}
.serviceInfo_txt            { margin-top:-30px;}
.notiTxt + .serviceInfo_txt { margin-top: 10px}
.serviceInfo_txt dl         { position:relative; padding:30px 0; border-bottom:1px solid #ddd; }
.serviceInfo_txt dl dt      { position:absolute; top:50%; transform: translateY(-50%);  font-weight: 700;   }
.serviceInfo_txt dl dd      { padding-left:150px; line-height: 1.5;}
.serviceInfo_txt dl dd strong,
.serviceInfo_txt dl dd span { }

.main_btn     {padding:60px 0 0px; text-align: center;}
.main_btn button     {width:220px; }

/*  약관  */
/* .layerWrap .termsWrap { margin-top: -20px;}
.layerWrap .termsWrap fieldset { margin-bottom: 20px; } */
/* .termsWrap .titH3.textCenter { min-height: unset; margin-bottom: 0;} */
/* .termsWrap .titBox      {font-size:40px; font-weight: 700; text-align: center;} */
/* .termsWrap .terms_cont      {background:#FAFAFA; padding:40px; border-radius: 16px; } */
/* .termsWrap .terms_style_1      {font-size:18px; }
.termsWrap .terms_style_1 strong  {display:block;  }
.termsWrap .terms_style_1 p     {margin-top:20px;}
.termsWrap .terms_style_1 p + strong     {margin-top:40px;} */



/* 진희 */

/* 회원가입 */
.joinStep { margin-top: 60px; text-align: center; }
.joinStep li { position: relative; display: inline-block; width: 162px; margin-right: 26px;}
.joinStep li:last-child { margin-right: 0px;}
.joinStep li .circle { display: inline-block; width: 40px; height: 40px; line-height: 40px; background-color: #ddd; border-radius: 50%; color: #fff; font-size: 20px; font-weight: 700;}
.joinStep li .name { margin-top: 12px; color: #888; }
.joinStep li::before { content: ''; position: absolute; top: 23px; left: -50%; display: inline-block; width: 132px; height: 2px; background: #ddd;}
.joinStep li:first-child::before { display: none;}
.joinStep li.on .circle { background: #069B66; }
.joinStep li.on .name { color:#333; font-weight: 700; }



/* 메인 */
.container.main { padding-bottom: 100px;}
.container.main::before { content: ''; position: absolute; top: 0; display: block; width: 100%; height: 620px;  background: #EAFAEB; z-index: -1;}
.container.main section { width: 1400px; margin: 0 auto;}

.boardTit .tit { font-size: 18px; font-weight: 700;}
.boardTit .barList { margin-top: 12px;} 
.boardTit .barList .list { font-size: 14px;}
.boardTit .barList .list + .list::before { height: 12px; margin-top: -7px; }
.boardCont { margin-top: 20px; border: 1px solid #ddd; border-radius: 16px; }

.boardCont .con { max-height: 400px; overflow: auto; padding: 20px; line-height: 1.5; }
.boardCont .attachBox { padding: 20px; border-top: 1px solid #ddd;}
.boardCont .attachBox li { display: block; width: 100%;}
.boardCont .attachBox li + li { margin-top: 4px;}


.alarmSelect { padding: 30px 45px; background: #FAFAFA; border-radius: 16px; }
.alarmOpt1,
.alarmOpt2{ display: none;}
.alarmOpt1.show,
.alarmOpt2.show{display:block;}

.bankSelect { padding: 30px 45px; background: #FAFAFA; border-radius: 16px; }
.bankSelect div {display:flex;flex-wrap:wrap; /*width:100%;*/}
.bankSelect div + div {margin-top:10px;}
.bankSelect div span {width:110px;margin-left:0;}

.formListTable tr:first-child th { padding-top: 15px; }
.formListTable tr:first-child td { padding-top: 0px; }

.formListTable tr:last-child th,
.formListTable tr:last-child td { padding-bottom: 0px; }

.formListTable .bbs_list tr:first-child th {padding-top: 0px;}


input[type="hidden"] { height: 0;}

.hasTooltip td  {overflow: visible !important;}

td.tit .tooltip_q        {vertical-align: -4px;}


ul.serviceInfoBox     {display:flex; gap:20px;  }
ul.serviceInfoBox li  { width:100%; height:240px; display:flex; text-align: center; background-color:#fafafa !important; border:1px solid #ddd; border-radius:16px;  }
ul.serviceInfoBox li span   {width:100%; margin:auto 0 50px; text-align: center; }
ul.serviceInfoBox li span em {display: block; padding-bottom:10px; font-weight: 700; color:#069B66;}
ul.serviceInfoBox li.bg01  { background: url(../images/COP/icon_01.png) no-repeat 50% 32px; }
ul.serviceInfoBox li.bg02  { background: url(../images/COP/icon_02.png) no-repeat 50% 32px; }
ul.serviceInfoBox li.bg03  { background: url(../images/COP/icon_03.png) no-repeat 50% 32px; }
ul.serviceInfoBox li.bg04  { background: url(../images/COP/icon_04.png) no-repeat 50% 32px / 105px; }


.wrap.main .container.mainLook     {padding-bottom:0; background: url(../images/COP/main/main_banner_new.png) no-repeat 50% 100% #eafaeb; background-size: 1920px auto;  }      
.wrap.main .container.mainLook .main_visual { width:1200px; padding:80px 0 150px; margin:0 auto; overflow: hidden; text-align: left;}
.wrap.main .container.mainLook .main_visual span { font-size: 18px; }
.wrap.main .container.mainLook .main_visual strong {display:block; margin-top:10px;  font-size: 30px;  }
.wrap.main .container.mainLook .main_visual strong + strong { margin-top:40px;  }
.wrap.main .container.mainLook .main_visual p     {margin-top:20px; font-size: 20px; line-height:1.5  }
.wrap.main .container.mainLook .main_visual p + p {margin-top:40px;  }

table.inlineTable    {width:auto; }
.proposalDetail .textTable table.inlineTable td    {padding:0; }


.listForm         {}
.listForm table td         {padding:10px; vertical-align: top; }
.listForm table td input,
.listForm table td select,
.listForm table td textarea         {width:100%; margin:2px 0; }
.listForm table td textarea         { min-height:20px; height:100%; padding:5px 10px; line-height:normal }
.listForm table td input.num         { text-align: right; }

.listForm table td .addBtnSet        {  margin:10px 0 0 ; }

	
@media (max-height: 720px) {.mp_1 .txt {top:360px !important;}}