@charset 'utf-8';

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

/* reset */
html {-ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ }
html::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
body {min-width:768px !important;}
.wrap { width:100%; margin: 0 auto; background-color: #eee; }
li { list-style: none; }
button {background:none;cursor:pointer;transition:background .2s;white-space:nowrap;}
.blue {color:#069B66;}
.hide {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;}

.headerUtil {position:relative;  z-index:500; height:38px;  transition: 1s; }
.headerUtil .utilCont {max-width:1400px; display:flex; justify-content: end; margin:0 auto; overflow: hidden;  padding:10px 0 0; gap:20px;  }
.headerUtil .utilCont .timer {padding:3px 0 0 22px; height:24px; color:#888; font-size: 14px; background: url(../images/common/ico_24_clock.png) no-repeat 0 3px; background-size: 18px 18px;}
.headerUtil .utilCont .zommBox span.tit {display:inline-block; vertical-align: middle; padding:2px 6px 0; font-size: 14px; color:#888; font-weight: 500; }
.btn_zoom_plus {width:18px;height:18px;vertical-align:middle;background:url(../images/common/ico_24_plus.png) no-repeat 0 0 / contain;}
.btn_zoom_minus {width:18px;height:18px;vertical-align:middle;background:url(../images/common/ico_24_minus.png) no-repeat 0 0 / contain;}
.main header::after {content:''; position:absolute; width:100%; height:740px; height:110px; top:0; lefT:0; z-index:0; background:#EAFAEB; }
header .bg  {content:''; width:100%; left:0; top:0; z-index:499; position:absolute; height:110px; background:#fff; transition: .3s; opacity:0 ; }
header .line  {content:''; position:absolute; width:100%; height:0; top:110px; left:0; z-index:599;  border-bottom:1px solid #069B66; display:none; }
header.on::before {top:0; opacity:1; z-index:499; width:100%; height:100vh;  background: rgba(0, 0, 0, 0.40); }
header.on .bg  {height:430px; opacity: 1; background:#fff; top:0; }
header.on .line  {display:block; }

#header,
#conBox { width:100%;margin:0;text-align: center; }
#header {position:relative ;top:0;left:0;width:100%;height:auto; opacity:1;}
.headerUtil {position:relative;z-index:500;height:38px;max-width: 1400px;margin:0 auto;transition:1s;}
.headerUtil .utilCont {max-width:inherit;display:flex;justify-content:flex-end;margin:0 auto;overflow:hidden;padding:10px 2px 0;gap:20px;}
.headerUtil .utilCont .zommBox span.tit {display:inline-block;vertical-align:middle;padding:2px 6px 0;font-size:14px;color:#888;font-weight:500;}
.headerCont {position:relative;height:72px;display:flex;align-items:center;justify-content:flex-start;margin:0 auto;z-index:500;width:1400px;}
.headerCont h1.logo {position:relative;z-index: 10;float:left;padding:14px 40px 0 0;padding:0;line-height:1;}
.headerCont h1.logo a {display:block;width:168px;height:28px;overflow:hidden;text-indent:-500px;font-size:28px;font-weight:700;color:#333;transition:.3s;background:url(../images/common/logo.png) no-repeat 0 0 / contain;}
.headerCont ul.gnb {position:relative;width:auto;justify-content:center;display:inline-flex;gap:40px;float:left;padding:0 60px 0 0;z-index:10;}
.headerCont ul.gnb li {position:relative;padding:0 0px;text-align:center;}
.headerCont ul.gnb li a {display:inline-block;padding:7px 8px;text-align:center;text-decoration:none;box-shadow:inset 0 0 0 0 #fff;}
.headerCont ul.gnb li.on > a {font-weight:700;}
.headerCont ul.gnb li.on > a,
.headerCont ul.gnb li a:hover {box-shadow:inset 0 -18px 0  0  rgba(24, 167, 116, 0.15) ;}
.headerCont ul.gnb li.depth_1{margin-left:40px}
.headerCont ul.gnb li.depth_1:first-child {margin-left:0px;}
.headerCont ul.gnb li.depth_1 > a {font-size:18px;color:#333;transition:.3s;font-weight:500;white-space:nowrap;}
.headerCont ul.gnb li.depth_1 ul {position: absolute;top:56px;left:50%;transform:translate(-50% ,0);display: none;}
.on .headerCont ul.gnb li.depth_1 ul {position:absolute;width:auto;min-width:100%;display:block;padding:12px 0 0 19px;}
.headerCont { display: flex; align-items: center; justify-content: space-between; }
.headerCont h1.logo       {padding:0px }
.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 {position:relative;float:right;z-index:10;padding:0 0 0;min-width:103px;}
.headerCont ul.headerLogin li {float:left;}
.headerCont ul.headerLogin li a {display:block;color:#555;font-size:14px;font-weight:500;transition:.3s;}
.headerCont ul.headerLogin li a.login {position:relative;margin-left:8px;padding-left:10px;}
.headerCont ul.headerLogin li + li a.login::before {content:'';position:absolute;left:0;top:50%;width:2px;height:2px;background:#555;border-radius:50%;}
.on .headerCont ul.gnb li.depth_1 ul { min-width: 100%; width: auto; padding-top: 12px; }
.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;}
.headerCont ul.gnb li li.depth_2 {padding:8px 0;text-align:center;letter-spacing:-1px;}
.headerCont ul.gnb li li.depth_2 > a {display:inline-block;width:auto;padding:4px 8px;font-size:16px;line-height:24px;color:#333;margin:0 auto;white-space:nowrap;}
header .bg {content:'';width:100%;left:0;z-index:499;position:absolute;transition:.3s;}
header.on .bg {height:430px;opacity:1;background:#fff;top:0;}

#conBox .box {position:relative;width:100%;height:100%;min-height:100vh;overflow: hidden;}
#conBox .box.mp_1 .screen > div {position: absolute;}
#conBox .box.mp_1 {background:url("../images/COP/main2/main_p1_bg.png") no-repeat 0 100% / 100% 100%;margin-top:-110px;}
.mp_1 .scroll.bg_1 {left:0;bottom:-10vw;height:50vw;transition:2s;transform:translateX(-200px) translateY(200px);opacity:0;}
.mp_1 .scroll.bg_2 {right:0;top:0;width:30vw;transition:2s;transform:translateY(-200px);opacity:0;}
.mp_1 .scroll.bg_3 {left:calc(100% - 388px);bottom:30%;width:388px;height:420px;transition:1s .5s;transform:translateY(50px);opacity:0;}
.mp_1 .scroll.bg_3 img {position:absolute;top:0;left:0;}
.mp_1 .scroll.bg_4 {left:calc(100% - 388px);bottom:30%;width:388px;height:420px;transition:2s;transform:translateX(150px);opacity:0;}
.mp_1 .scroll.bg_4 img {position:absolute;bottom:0;left:0;}
.mp_1 .scroll img {width:100%;}
.mp_1 .txt {position:absolute;top:50%;left:0;width:100%;height:auto;transform:translateY(-65%);text-align:center;}
.mp_1 .txt .scroll.txt_1 {transition:.8s 1.2s;transform:translateY(50px);opacity:0;}
.mp_1 .txt .scroll.txt_1 {font-size:40px;font-weight:700;}
.mp_1 .txt .scroll.txt_2 {transition:.8s 1.4s;transform: translateY(50px);opacity:0;}
.mp_1 .txt .scroll.txt_2 {font-size:52px;margin-top:16px;}
.mp_1 .txt .scroll.btnBox {transition:.8s 1.6s;transform:translateY(50px);opacity:0;}
.mp_1 .txt .scroll.btnBox {margin-top:42px;}
.btnSuccess.nologin {width:274px;height:65px;background:#069B66;border-radius:8px;text-align:center;font-size:24px;font-weight:700;color:#fff;}
.mp_1 .scroll.scrollAction, 
.mp_1 .txt .scroll.scrollAction { opacity: 1; transform: translate(0);}
.mp_1 .main_bnr_list {position:absolute;left:0;bottom:10vh;width:100%;}
#conBox .box.mp_2 {display:flex;padding-top:173px;background-color:#f6f9fa;}
#conBox .box.mp_2 .screen {width:100%;margin:0 auto;}
.mp_2 .titBox {position:relative;font-size:60px;font-weight:700;} /* font-size: 60px = 3.13vw; / 40px = 2.1vw */
.mp_2 .scroll.titBox p {transition:.6s 1s;transform:translateY(-20px);opacity:0;} 
.mp_2 .screen .titBox::before {transform:translateX(-200px);opacity:0;transition:2s;}
.mp_2 .screen .titBox::before {content:"";position:absolute;left:calc(50% - 588px);width:180px;height:250px;transition-timing-function:cubic-bezier(.18,.68,.46,1.04);background:url(../images/COP/main2/main_p2_dialog.png) no-repeat 0 0;background-size:180px auto;}
.mp_2 .screen ul.info {font-weight:700;color:#333;margin:112px auto 0;display:inline-block;}
.mp_2 .screen ul.info li {display:inline-block; opacity:0;transform:translateY(100px);width:260px;height:280px;padding:47px 0 0 0;font-size:20px;box-sizing:border-box;border-radius:30px;border:1px solid #fff;box-shadow:3px 3px 8px 0px #d4e7fa;margin-right:40px;margin-bottom:40px;}
.mp_2 .screen ul.info li:last-child {margin-right:0;}
.mp_2 .screen ul.info li.ico_1 {transition:.6s 1.5s;}
.mp_2 .screen ul.info li.ico_1 {background:rgba(255, 255, 255, 0.40) url(../images/COP/main2/main_p2_icons_01.png) no-repeat left 50% bottom 47px;background-size:auto 96px;}
.mp_2 .screen ul.info li.ico_2 {transition: .6s 1.6s;}
.mp_2 .screen ul.info li.ico_2 {background:rgba(255, 255, 255, 0.40) url(../images/COP/main2/main_p2_icons_02.png) no-repeat left 50% bottom 47px;background-size:auto 96px;}
.mp_2 .screen ul.info li.ico_3 {transition:.6s 1.7s;}
.mp_2 .screen ul.info li.ico_3 {background:rgba(255, 255, 255, 0.40) url(../images/COP/main2/main_p2_icons_03.png) no-repeat left 50% bottom 52px;background-size:auto 96px;}
.mp_2 .screen ul.info li.ico_4 {transition:.6s 1.8s;}
.mp_2 .screen ul.info li.ico_4 {background:rgba(255, 255, 255, 0.40) url(../images/COP/main2/main_p2_icons_04.png) no-repeat left 50% bottom 52px;background-size:auto 96px;}
.mp_2 .screen ul.info li.ico_5 {transition:.6s 1.9s;}
.mp_2 .screen ul.info li.ico_5 {background:rgba(255, 255, 255, 0.40) url(../images/COP/main2/main_p2_icons_05.png) no-repeat left 50% bottom 52px;background-size:auto 96px;}
.mp_2 .scroll.scrollAction,
.mp_2 .scroll.scrollAction.titBox::before,
.mp_2 .scroll.titBox.scrollAction p,
.mp_2 .screen ul.info li.scroll.scrollAction  {opacity:1;transform:translate(0);}

#conBox .box.mp_3 {background:url(../images/COP/main2/main_p3_bg.png?2) no-repeat 0 100% / 100% 100%;}
#conBox .box.mp_3 .screen > div {position: absolute;}
.mp_3 .scroll.bg_1 {transition: 2s;transform: translateY(-200px);opacity:0;width:305px;height:300px;left:106px;top:0;background: url(../images/COP/main2/main_p3_1.png) no-repeat 0 0; }
.mp_3 .scroll.bg_2 {transition: 2s;transform: translateY(200px);opacity:0;width:275px;height:257px;left:106px;bottom:0;background: url(../images/COP/main2/main_p3_2.png) no-repeat 0 0; }
.mp_3 .scroll.bg_3 {transition: 3s;transform: translateX(200px);opacity:0;width:190px;height:240px;left:50%;margin-left:500px;top:200px;background:url(../images/COP/main2/main_p3_3.png) no-repeat 0 0; }
.mp_3 .scroll.bg_4 {transition: 2s;transform: translateY(200px);opacity:0;width:680px;height:40vh;left:50%;margin-left:-340px;bottom:0;background:url(../images/COP/main2/main_p3_man.png) no-repeat 50% 0 / auto 100%; }
.mp_3 .txt {position:absolute;position:absolute;top:200px;left:50%;width:100%;height:auto;transform:translate(-50%, 0%);text-align:center;font-size:60px;color:#fff;font-weight: 700;}
.mp_3 .txt .scroll.txt_1 {transition:.6s 1s;transform:translateY(50px);opacity:0;}
.mp_3 .txt .scroll.txt_1 span {color:#A8FFED;}
.mp_3 .txt .scroll.txt_2 {transition:.6s 1.2s;transform: translateY(50px);opacity:0;}
.mp_3 .txt .scroll.txt_3 {transition:.6s 1.3s;transform: translateY(50px);opacity:0;}
.mp_3 .scroll.scrollAction, 
.mp_3 .txt .scroll.scrollAction { opacity: 1; transform: translate(0);}

#conBox .box.mp_4 {background-color:#f6f9fa;height:auto;min-height:100vh;}
.mp_4 .titBox {padding:200px 0 0;font-size:48px;font-weight:700;text-align:center;}
.mp_4 .titBox p i {font-style:normal;}
.mp_4 .titBox span {color:#069B66}
.mp_4 ul.bnrList {display:flex;}

.logoBox {position:relative;padding-top:100px;padding-bottom:160px;display:none;}
.logoBox ul {display:flex;flex-direction:row;justify-content:center;align-items:center;align-content:center;gap:20px 16px;flex-wrap:wrap;}
.logoBox ul li {display:inline-block;width:200px;background:#fff;border-radius:24px;overflow:hidden;padding:16px 18px;box-shadow:0px 4px 12px 0px rgba(0, 80, 162, 0.10);}
.logoBox ul li img {max-width:200px;width:100%;}

.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:120px;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;}

.swiper div[class*='swiper-button-'] {display:none !important;}
.swiper-autoheight .swiper-wrapper {padding:10px 0;}
.swiper .swiper-wrapper .swiper-slide {height:73px;background:#fff;border-radius:24px;border:1px solid #fafafa;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px 18px;margin-bottom:10px;}
.swiper .swiper-wrapper .swiper-slide {box-shadow:0px 4px 12px 0px rgba(0, 80, 162, 0.10);}

.swiper .swiper-wrapper .swiper-slide img {width:100%;border-radius:24px;}
/* .bnrInerCont {text-align:center;margin:200px auto 97px;width:100%;max-width:1400px;height:100px;background: linear-gradient(90deg, #399aaf 0%, #2cc4bf 100%);border-radius:16px;} */
.bnrInerCont {text-align:center;margin:200px auto 97px;width:100%;max-width:1400px;height:100px;border-radius:16px;}
.bnrInerCont img {position:relative;top:50%;left:50%;transform:translate(-50% ,-50%);display:block;}

footer {position:relative; z-index:1; background:#333 }
footer::before {content:""; position:absolute; width:100%; top:67px; border-top:1px solid #555}
.footerWrap {max-width:1400px; margin:0 auto; padding-bottom:50px; position:relative}
ul.footerLnk {padding:24px 0; overflow: hidden; }
ul.footerLnk li  {float:left; }
ul.footerLnk li a {font-size:16px; color:#fff; }
ul.footerLnk li::before  {content:"ㆍ";padding:0 14px; color:#fff; } 
ul.footerLnk li:first-child:before  {content:"";padding:0; }
footer .copy {overflow:hidden; padding:18px 0 ; color:#fff; font-size:14px;  }
footer .copy p span {display:inline-block; line-height:28px;   }
footer .copy p span .nsaImg {margin-left:20px;width:50.5px;height:39.5px; margin-top: -5px;} /* nsa  */
footer .copy p button {display:block; line-height:28px;   }
footer .copy div.ftTab { font-size: 12px; line-height:1.5; display:flex; flex-direction: column;align-items:flex-start; }
footer .copy div.ftTab button { position:relative; margin-top:10px; font-size: 12px; color:#fff; height:20px; padding-right:30px; }
footer .copy div.ftTab button::before { content: ""; position:absolute; width:18px; height:18px; right:0; top:0; transition: .3s; background: url(../images/common/ico_24_down_w.png) no-repeat 50% 50% / 18px;  }
footer .copy div.ftTab button.on::before { transform: rotate(180deg);}
footer .copy div.ftTab p  { display:none; margin-top:5px; font-size: 11px; color:#888;  }
footer .copy div.ftTab button.off + p {display:none;  }
footer .copy div.ftTab button.on + p {display:block; }
footer .copy div.ftTab p.ft_info  { display:block; }
footer .copy div.ftTab button.off + p.ft_info {display:none;  }
footer .copy div.ftTab button.on + p.ft_info {display:block; }
footer .copy div.ftTab p span  { line-height:1.5; padding:0 0 5px;}
footer .copy .wa    {position:absolute; right:0px; top:100px; }
footer .copy .wa img { width: 80px; height: 48px; }
.bgWrap {background:#FAFAFA}
.scrollTop {position:fixed; z-index:999; bottom:40px; right:40px; width:60px; height:60px; background:url(../images/common/top.png) no-repeat 0 0 / 60px;  }

/* animation */
@keyframes opacity {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes scale {
    0% { opacity: 0; transform: scale(0); }
    100% { opacity: 1; transform: scale(1); }
}
.touchDevice #conBox .box.mp_1 {height:100vh;}
.touchDevice #conBox .box.mp_2 .titBox {zoom:0.7;}
.touchDevice #conBox .box.mp_2 ul.info {display:block;padding:0 50px 50px;overflow:hidden;text-align:center;zoom:.9;}
.touchDevice #conBox .box.mp_2 ul.info li {display:inline-block;width:17%;margin:1%;}
.touchDevice #conBox .box.mp_3 {height:100vh;}
.touchDevice #conBox .box.mp_3 .screen > div {zoom:0.8;}
.touchDevice #conBox .box.mp_4 {height:auto;} 
.touchDevice #conBox .box.mp_4 .titBox {zoom:0.6;}
.touchDevice #conBox .box.mp_4 .swiper-button-prev,
.touchDevice #conBox .box.mp_4 .swiper-button-next {display:none;}
.touchDevice #conBox .box.mp_4 .main_bnr_list .swiper-slide img {zoom:.6;}
.touchDevice #conBox .box.mp_4 .bnrInerCont {padding:0 20px 40px;}
.touchDevice #conBox .box.mp_4 .bnrInerCont img {width:100%;}
.touchDevice .headerUtil .utilCont {display:none;}
.touchDevice #header {position:relative;}
.touchDevice #header .headerCont {display: inline-block;width:100%;padding:0 20px;} 
.touchDevice #header .headerCont ul.gnb {display:inline-block;width:100%;padding:0;clear:both;padding-top:14px;}
.touchDevice #header .headerCont ul.gnb > li {float:left;width:20%;}
.touchDevice .headerCont ul.headerLogin {position:absolute;top:10px;right:20px;}
.touchDevice header .line {top:130px}
.touchDevice .mp_1 .txt {zoom:0.8;}
.touchDevice .footerWrap {padding:0 30px 50px;}

@media only screen and (max-width:1500px) {
.mp_2 .screen ul.info {width:900px;padding-bottom:160px;}
.mp_2 .screen ul.info li:nth-child(3){margin-right:0 !important;}
.mp_2 .screen ul.info li.ico_1,
.mp_2 .screen ul.info li.ico_2,
.mp_2 .screen ul.info li.ico_3 {transition:.6s 1.2s;}
.mp_2 .screen ul.info li.ico_4,
.mp_2 .screen ul.info li.ico_5 {transition:.6s 1.3s;}
}

@media only screen and (max-width:1450px) {
  .mp_1 .scroll.bg_3, .mp_1 .scroll.bg_4 {left:80%}
}

@media only screen and (max-width:1400px) {
  #header {position:relative;width:100%;height:110px;padding:0 40px;display:block;min-width:unset;}
  .headerCont {width:auto !important;}
  .headerCont ul.gnb li.depth_1 > a span {padding-left:0;background:none !important;}
  .bnrInerCont {margin: 60px 30px; width:calc(100% - 60px);}
  .bnrInerCont,
  .footerWrap {padding:0 2vw;}
}

@media only screen and (max-width:1100px) {
  .mp_2 .screen .titBox::before {top:-120px;left:10px;}

  #header {min-width:unset;}
  .headerCont .hide {position:absolute;right:-20px;top:3px;width:68px;height:68px;clip:auto !important;background:url("../images/COP/main2/icon_HBmenu.png") no-repeat 50% 50% / 28px 28px;font-size:0 !important;}
  .headerCont ul.headerLogin {margin-right:50px;}
  .headerCont ul.gnb {position:absolute;top:95px;left:50%;padding-right:0;transform:translateX(-50%);}
  .headerCont ul.gnb > li {display:none;}
  .headerCont ul.gnb li.depth_1 ul { top: 45px; left: 50%; transform: translate(-50% ,0);}
  .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 !important;}
  .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 !important;}
  .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 !important;}
  .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 !important;}
  .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 !important;}
  .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 !important;}
  .headerCont ul.gnb li li.depth_2 {padding:5px 0;}
  .on .headerCont ul.gnb > li {display:block;}
  .on .headerCont ul.gnb li.depth_1 ul {position:absolute;width:auto;min-width:100%;display:block;padding:0;}
}

@media only screen and (max-width:1024px) {
.mp_1 .scroll.bg_3, .mp_1 .scroll.bg_4 {left:75%;bottom:20%;zoom:0.7;}
}

@media only screen and (max-width:900px) {
  .mp_2 .screen ul.info {width:auto;padding-bottom:160px;}
  .mp_2 .screen ul.info li {width:calc((100% / 3) - 40px);margin-right:29px;}
  .mp_3 .txt {font-size:46px;}
  .mp_4 .titBox p i {display:block;}
  .mp_4 .titBox {font-size:46px;padding:190px 0px 0;}

}

@media only screen and (max-width:800px) {
  .headerCont {min-width:605px;}
  .headerCont ul.gnb li.depth_1 > a span.대출비교하기,
  .headerCont ul.gnb li.depth_1 > a span.진행현황,
  .headerCont ul.gnb li.depth_1 > a span.신청이력,
  .headerCont ul.gnb li.depth_1 > a span.서비스안내,
  .headerCont ul.gnb li.depth_1 > a span.고객센터,
  .headerCont ul.gnb li.depth_1 > a span.마이페이지 {padding-left:0;background:none !important;} 
  .headerCont ul.gnb li.depth_1 > a {box-shadow:inset 0 -18px 0  0  rgba(24, 167, 116, 0.15) ;}
}

@media only screen and (max-width: 768px){
  .mp_4 .swiper.main_bnr_list {display:none;}
  .logoBox {display: block;}
}

@media only screen and (max-width: 690px){
  .bnrInerCont img {width:100%;padding:0 20px;}
  .swiper .swiper-wrapper .swiper-slide {padding:12px 4px;}
}