﻿@charset "utf-8";
/* CSS Document */


@import "margin.css";
@import "padding.css";

.wrap{position:relative;display:block;min-width:1600px;margin:0 auto;overflow:hidden;}
.br_mo{display:none;}

/* header */
.header{position:fixed;top:0;left:0;right:0;display:block;min-width:1240px;margin:0;padding:0;background-color:rgba(255,255,255,0.4);border-bottom:1px solid #fff;transition:background 0.3s ease-in-out;z-index:30000;}
.header .header_inn{display:flex;align-items:center;height:59px;padding:0 114px;}
.header .logo{flex:none;}
.header .logo h1{line-height:0;}
.header .logo a{display:block;}
.header .logo img{height:28px;}

/* .page_sect */
.page_sect{padding:0;}
.page_sect .page_sect_inn{width:1167px;margin:0 auto;padding:0;}

/* (start)20260212 */
/* page_section1 */
.page_section1{background-color:#F5F8FF;scroll-snap-align:start;scroll-snap-stop:always;}
.page_section1 .page_container{width:1368px;margin:0 auto;}
.banner_wrap{position:relative;display:flex;flex-flow:column;justify-content:center;height:calc(100vh - 66px);padding:60px 100px;}
.banner_wrap .banner_img{position:absolute;right:-116px;top:50%;transform:translateY(-50%);}
.banner_wrap .banner_txt{padding:0 0 8px;}
.banner_wrap .tit_h2{color:rgba(17, 25, 39, 1);}
.banner_wrap .desc p{font-family:'BCcard', sans-serif;font-size:28px;line-height:40px;font-weight:300;color:#384250;letter-spacing:-2px;}
.store_appDownload{display:flex;column-gap:20px;}
.store_appDownload a{display:flex;align-items:center;height:54px;padding:0 24px 0 58px;background-color:#FA3246;background-repeat:no-repeat;background-position:24px 50%;background-size:24px;border-radius:8px;}
.store_appDownload a > span{font-size:16px;font-weight:700;color:#fff;}
.store_appDownload a.bt_play_store{background-image:url("../img/icon-g.png");}
.store_appDownload a.bt_app_store{background-image:url("../img/icon-a.png");}

/* title */
.tit_wrap{}
.tit_h2{font-family:'BCcard', sans-serif;font-weight:700;font-size:50px;line-height:62px;letter-spacing:-3px;}
.tit_h3{font-size:40px;line-height:52px;font-weight:400;text-align:center;color:#111927}
.tit_h3 strong{font-weight:700;}
/* //(end)20260212 */

/* company logos */
/* logo_com */
.logo_com{position:relative;}
.logo_com .logo_row:first-child{margin-top:0;}
.logo_com .logo_row{position:relative;width:100%;height:66px;overflow:hidden;}
.logo_com .animate_left{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:center;animation:marqueeToLeft 50s linear infinite;}
.logo_com .animate_right{position:absolute;top:0;right:0;width:100%;display:flex;justify-content:center;animation:marqueeToRight 50s linear infinite;}
.logo_com .logo_row ul{display:flex;justify-content:flex-start;align-items:center;column-gap:10px;padding:14px;}
.logo_com .logo_row ul li{display:flex;align-items:center;width:128px;height:38px;text-align:center;}
.logo_com .logo_row ul li img{height:100%;}
.logo_com_inner:hover .animate_left,
.logo_com_inner:hover .animate_right{animation-play-state:paused;}
/* slide logo */
@keyframes marqueeToLeft{
	0%{left:0;}
	100%{left:-100%;}
}
@keyframes marqueeToRight{
	0%{right:0;}
	100%{right:-100%;}
}
@keyframes marquee{
	0%{transform:translate(0,0);}
	100%{transform:translate(-100%,0);}
}
/* (start)20260212 */
/* page_section2 */
.page_section2{background-color:#fff;background-image:url("../img/pc/bg_sect2_02.png");background-repeat:no-repeat;background-size:cover;background-position:center;}
.page_section2 .page_sect_inn{display:flex;flex-flow:column;justify-content:center;height:100vh;}

/* expApp_list */
.txt_app_percent{}
.txt_app_percent ul{display:flex;}
.txt_app_percent ul li{flex:0 0 292px;display:flex;flex-flow:column;justify-content:center;align-items:center;}
.txt_app_percent ul li h4{display:flex;align-items:center;column-gap:8px;font-size:120px;line-height:1;font-weight:900;color:#212121;text-align:center;letter-spacing:-4px;}
.txt_app_percent ul li h4 em{min-width:32px;font-size:50px;line-height:1;font-weight:900;color:#212121;text-align:center;padding-top:26px;background-image:url("../img/rate_down.png");background-repeat:no-repeat;background-position:50% 4px;}
.txt_app_percent ul li p{font-size:28px;line-height:1.2;font-weight:500;text-align:center;color:#212121;margin-top:11px;}
.txt_app_percent ul li h4:has(.up),.txt_app_percent ul li:has(.up) p{color:#FA3246;}
.txt_app_percent ul li h4 em.up{font-size:50px;font-weight:700;color:#FA3246;background-image:url("../img/rate_up.png");}

/* //(end)20260212 */


/* page_section3 */
.page_section3{background-color:#fff;}
.page_section3 .page_sect_inn{padding:116px 0;}

/* page_section4 */
.page_sect.page_section4 .page_sect_inn{padding:130px 0 35px;}

/* page_section5 */
.page_section5{background:linear-gradient(180deg, #FFFFFF 31.25%, #E7F1F9 99.04%);}
.page_section5 .page_sect_inn{padding:167px 0;}

/* page_section7 */
.page_section7 .page_sect_inn{padding:130px 0 167px;}

/* expApp_list */
/* (start)20260212 */
.expApp_list{}
.expApp_list ul{display:flex;flex-flow:row wrap;row-gap:45px;column-gap:45px;}
.expApp_list ul li{position:relative;width:629px;height:300px;padding:34px 40px;border-radius:10px;background-color:#FFEFEB;border:1px solid #EED0C8;}
.expApp_list ul li .im_bx{position:absolute;right:20px;bottom:20px;width:276px;height:212px;}
.expApp_list ul li .im_bx img{width:100%;}
.expApp_list ul li .tx_bx h4{font-size:32px;font-weight:700;line-height:1.2;color:#111927;letter-spacing:-1px;}
.expApp_list ul li .tx_bx p{margin-top:6px;padding:6px 0 4px;font-size:20px;font-weight:400;line-height:1.5;color:#111927;}
.expApp_list ul li.effect{width:493px;background-color:#FFFAF0;border:1px solid #FEEDD0;}
.expApp_list ul li.auto{width:520px;background-color:#F8F4FA;border:1px solid #E6DBEA;}
.expApp_list ul li.data{width:602px;background: radial-gradient(65.8% 148.88% at 111.79% -15.8%, #C0D6FF 0%, #F4F8FF 100%);border:1px solid #DCE8FF;}
/* //(end)20260212 */

/* cardBiz_bx */
.cardBiz_bx{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;min-height:624px;padding:0 26px 0;}
/* type2 */
.cardBiz_bx.bx_reverse{flex-direction:row-reverse;}
.cardBiz_bx.bx_reverse .tx_bx{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;padding:0 0 0 10px;}
.cardBiz_bx .im_bx{flex:1 0 594px;}
.cardBiz_bx .im_bx img{width:594px;height:530px;}
.cardBiz_bx .tx_bx{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;width:514px;}
.cardBiz_bx .tx_bx h4{padding:2px 0;font-weight:400;font-size:40px;color:#111927;line-height:52px;}
.cardBiz_bx .tx_bx h4 strong{font-weight:700;}
.cardBiz_bx .tx_bx p{margin:20px 0 0;padding:3px 0;font-weight:400;font-size:24px;color:#384250;line-height:35px;}

/* testimony */
.testimony{margin:40px 0 0;}
.testimony ul{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start;column-gap:15px;}
.testimony ul li{flex:1;align-items:flex-start;height:418px;border-radius:10px;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);background-repeat:no-repeat;background-position:100%;background-size:100%;}
.testimony ul li.im_testimony1{background-image:url("../img/pc/im_testimony1.png");}
.testimony ul li.im_testimony2{background-image:url("../img/pc/im_testimony2.png");}
.testimony ul li.im_testimony3{background-image:url("../img/pc/im_testimony3.png");}
.testimony ul li div{display:flex;flex-flow:column;justify-content:flex-end;align-items:flex-start;height:100%;padding:0 30px 40px;text-align:left;border-radius:10px;}
.testimony ul li div h4{height:36px;padding:0 15px;font-weight:700;font-size:18px;line-height:36px;color:#fff;border-radius:50px;border:1px solid #fff;}
.testimony ul li div p{margin:10px 0 0;padding:1px 0 0;font-weight:400;font-size:16px;line-height:24px;color:#fff;}

.card_cop_bx{margin:45px 0 15px;}
.card_cop_bx ul{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;column-gap:20px;}
.card_cop_bx ul li{flex:1;text-align:center;border-radius:20px;background-color:#e7f1f9;}
.card_cop_bx ul li a{display:block;opacity:0.84;}
.card_cop_bx ul li a:hover{opacity:1;transition:background-color 0.3s ease;}
.card_cop_bx ul li dt{padding:55px 0 0;}
.card_cop_bx ul li dt p img{width:220px;height:220px;}
.card_cop_bx ul li dd{padding:0 20px 103px;}
.card_cop_bx ul li dd h4{font-weight:700;font-size:30px;color:#181818;}

/* footer */
.footer{min-height:112px;background-color:#2B2B2B;}
.footer .footer_inn{display:flex;padding:25px 120px;column-gap:87px;}
.footer .ft_right{margin-left:auto;}
.footer .logo_foot img{height:26px;}
.footer .foot_menu{display:flex;}
.footer .foot_menu li{position:relative;display:flex;height:21px;padding-left:13px;}
.footer .foot_menu li::before{position:absolute;top:0;left:0;content:'|';width:5px;height:20px;font-size:13px;line-height:21px;font-weight:600;color:#fff;}
.footer .foot_menu li:first-child{padding-right:8px;padding-left:0;}
.footer .foot_menu li:first-child::before{display:none;}
.footer .foot_menu li a{height:100%;font-size:14px;line-height:22px;font-weight:400;color:#fff;}
.footer .foot_menu li a strong{font-weight:700;}
.footer .ft_center ul li{font-size:12px;font-weight:400;line-height:1.5;color:#fff;}
.footer .ft_right p a{display:block;font-size:32px;line-height:1.2;font-weight:700;color:#fff;}

/* QuickMenu */
.QuickMenu{position:fixed;bottom:65px;right:30px;z-index:1000;}
.QuickMenu a{display:flex;flex-flow:column;align-items:center;width:78px;height:78px;background-color:#FA3246;border-radius:50%;box-shadow: 0px 4px 12px 0px #00000013;margin-top:18px;padding-top:47px}/* (수정)20260212 */
.QuickMenu a:first-child{margin-top:none;}
.QuickMenu a.bt_applyCard{justify-content:center;padding-top:0;}
.QuickMenu a span{font-size:14px;line-height:14px;font-weight:500;color:#fff;text-align:center;}
.QuickMenu a.bt_applyCard span{line-height:20px;}
.QuickMenu a.bt_gt_top{padding-top:0;background-color:#616161;background-image:url('../img/ic_gt_top.png');background-repeat:no-repeat;background-size:34px;background-position:50%;}
.QuickMenu a.bt_login{background-image:url('../img/ic_login.png');background-repeat:no-repeat;background-size:24px;background-position:50% 17px;}
.QuickMenu a.bt_msg{background-image:url('../img/ic_msg.png');background-repeat:no-repeat;background-size:24px;background-position:50% 17px;}

/* animation */
@keyframes slide-up{from{opacity:0;transform:translateY(100px);}to{opacity:1;transform:translateY(0);}}
.animate{visibility:hidden;}
.animate.fadeUp{animation:slide-up 0.8s;visibility:visible;}













