﻿@charset "utf-8";
/* CSS Document */


@import "margin.css";
@import "padding.css";

.wrap{min-width:1610px;}

/* .page_sect_inn */
.page_sect_inn{width:1300px;margin:0 auto;padding:185px 0;}

/* title */
.sect_tit .tit_h3{padding:2px 0 3px;font-weight:300;font-size:52px;color:#181819;line-height:72px;text-align:center;letter-spacing:-0.04em;}
.sect_tit .tit_h3 strong{display:inline-block;font-weight:500;line-height:72px;color:#181819;letter-spacing:-0.04em;}
.sect_tit .tit_h3.small{padding:0 0 1px;font-size:42px;line-height:58px;}
.sect_tit .tit_h3.small strong{line-height:58px;}

/* description */
.sect_dsc p{padding:5px 0 6px;font-weight:400;font-size:18px;color:#696b74;text-align:center;}

/* header */
.header{position:absolute;top:0;left:0;right:0;z-index:2;}
.header .header_inn{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;height:90px;padding:0 40px;background-color:transparent;}
.header .logo h1{line-height:0;}
.header .logo a{display:inline-block;height:28px;}
.header .logo img{height:28px;font-size:0;line-height:0;}

/* banner_wrap */
.banner_wrap{padding:0;}
.banner_inner{position:relative;width:1300px;height:100vh;min-height:808px;margin:0 auto;padding:90px 0 0;}
.banner_inner .left{display:flex;justify-content:flex-start;align-items:flex-start;height:calc(100vh - 92px);}
.banner_wrap .banner_txt{padding-top:170px;z-index:2;}
.banner_wrap .banner_txt h2{padding:6px 0 8px;font-weight:500;font-size:52px;color:#001edd;line-height:73px;letter-spacing:-0.045em;}
.banner_wrap .banner_txt h4{margin:0 0 10px;padding:2px 0 4px;font-weight:400;font-size:30px;color:#181819;line-height:normal;letter-spacing:-0.04em;}
.banner_wrap .banner_img{position:absolute;top:192px;right:-84px;z-index:1;}
.banner_wrap .banner_img img{width:1134px;height:auto;}

.banner_wrap .bt_bl80_cycle{margin:60px 0 0;}
.banner_wrap .bt_bl80_cycle{display:inline-block;height:80px;padding:0 40px;border-radius:40px;background-color:#181819;}
.banner_wrap .bt_bl80_cycle span{display:inline-block;font-weight:500;font-size:32px;color:#fff;line-height:80px;letter-spacing:-0.04em;vertical-align:middle;overflow:hidden;}
.banner_wrap .bt_bl80_cycle span::after{content:'';display:inline-block;width:17px;height:30px;margin:0 0 7px 14px;vertical-align:middle;background-image:url("../img/ic_more.png");background-repeat:no-repeat;background-position:center;background-size:auto 30px;}

.bg_sect_top{background-image:url("../img/bg_sect_top.png");background-repeat:no-repeat;background-position:center;background-size:cover;}

/* animation */
@keyframes fadeInUp2{
	from{transform:translate3d(0,100px,0);opacity:0;}
	to{transform:translate3d(0,0,0);opacity:1;}
}
@-webkit-keyframes fadeInUp2{
	from{transform:translate3d(0,100px,0);opacity:0;}
	to{transform:translate3d(0,0,0);opacity:1;}
}

/* page_section2 */
.page_section2 .page_sect_inn{padding:185px 0 178px;}

/* txt_app_percent */
.txt_app_percent{width:1300px;margin:125px auto 0;padding:0 0;}
.txt_app_percent ul{display:flex;justify-content:center;align-items:flex-start;flex-flow:row nowrap;margin:0 -10px;}
.txt_app_percent ul li{width:310px;margin:0 10px;text-align:center;}
.txt_app_percent ul li h4{margin:19px 0 0;}
.txt_app_percent ul li h4 strong{position:relative;display:inline-block;text-align:center;}
.txt_app_percent ul li h4 strong::after{content:"";position:absolute;top:0;right:-67px;width:50px;height:62px;background-image:url("../img/ic_down.png");background-size:50px auto;background-repeat:no-repeat;background-position:center;}
.txt_app_percent ul li.up h4 strong::after{right:-63px;background-image:url("../img/ic_up.png");background-size:50px auto;}

.txt_app_percent ul li h4 strong.counter{display:inline-block;height:161px;font-family:"TmonMonsoriOTF";font-size:152px;font-weight:900;color:#181819;line-height:normal;animation:fadetxt 1.5s linear normal forwards;}
.txt_app_percent ul li h4 em{display:inline-block;margin:0 0 0 12px;font-family:"TmonMonsoriOTF";font-size:54px;font-weight:900;color:#181819;line-height:normal;vertical-align:bottom;}
.txt_app_percent ul li.up h4 em{margin:0 0 0 18px;}
.txt_app_percent ul li p{margin:0;padding:0 0 2px;font-size:36px;font-weight:500;color:#181819;line-height:normal;text-align:center;}

/* section3 */
.page_section3{width:100%;min-width:1300px;}

/* expApp_list */
.expApp_list{width:1300px;margin:0 auto;}
.expApp_list ul{display:flex;justify-content:flex-start;align-items:flex-start;flex-flow:row wrap;margin:17px auto 0;padding:0 29px;}
.expApp_list ul li{flex:0 0 414px;margin:58px 0 0;padding:10px 0 10px 80px;}
.expApp_list .app .im_bx img{width:140px;height:140px;}
.expApp_list .app .tx_bx{margin:25px 0 0;}
.expApp_list .app .tx_bx h4{padding:0 0 1px;font-size:20px;font-weight:500;color:#181819;line-height:normal;}
.expApp_list .app .tx_bx p{margin:4px 0 0;padding:2px 0;font-size:16px;font-weight:400;color:#181819;line-height:22px;}

/* section5 */
.page_section5 .page_sect_inn{padding:185px 0 200px;}

/* cardBiz_bx */
.cardBiz_bx{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:stretch;margin:0 110px;padding:130px 0 0;border-bottom:3px solid #181819;}
.cardBiz_bx:first-child{padding:60px 0 0;}
/* ㄴtype2 */
.cardBiz_bx.type2{flex-direction:row-reverse;}
.cardBiz_bx.type2 .tx_bx{padding:65px 40px 0;}
.cardBiz_bx .im_bx{flex:1;}
.cardBiz_bx .tx_bx{flex:1;padding:65px 40px 0;}
.cardBiz_bx .tx_bx span{display:block;padding:10px 0 2px;font-family:'TmonMonsoriOTF';font-weight:900;font-size:18px;color:#2e81f8;line-height:normal;}
.cardBiz_bx .tx_bx h4{padding:2px 0;font-weight:400;font-size:30px;color:#181819;line-height:42px;letter-spacing:-0.055em;}
.cardBiz_bx .tx_bx p{margin:10px 0 0;padding:4px 0;font-weight:400;font-size:16px;color:rgba(24, 24, 25, 0.8);line-height:26px;}

/* section6 */
.page_section6{}
.testimony{margin:85px 0 0;}
.testimony ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:stretch;column-gap:20px;}
.testimony ul li{flex:1 0 420px;position:relative;border-radius:16px;overflow:hidden;background-color:#eef2f5;}
.testimony ul li:after{position:absolute;right:30px;bottom:30px;content:'';width:20px;height:20px;border-radius:20px;background-color:#001edd;}
.testimony ul li dt p img{width:420px;height:280px;background-color:#fff;}
.testimony ul li dd{padding:30px 40px;}
.testimony ul li dd h4{padding:2px 0 4px;font-weight:500;font-size:30px;color:#181819;}
.testimony ul li dd p{margin:37px 0 0;padding:3px 0;font-weight:300;font-size:24px;color:#001edd;line-height:34px;}

/* businessMore */
.businessMore{margin:144px 0 5px;}
.businessMore_inner{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;column-gap:125px;}
.businessMore p{padding:2px 0;font-weight:400;font-size:24px;color:#181819;line-height:28px;}
.businessMore strong{display:inline-block;margin:14px 0 0;padding:0 0 1px;font-weight:400;font-size:40px;color:#181819;line-height:45px;}
.businessMore .bt_bizStore{display:inline-block;width:310px;height:80px;padding:0;border-radius:40px;text-align:center;background-color:#001edd;}
.businessMore .bt_bizStore span{display:inline-block;font-weight:700;font-size:32px;color:#fff;line-height:80px;}
.businessMore .bt_bizStore em{display:inline-block;font-weight:300;font-size:32px;color:#fff;line-height:80px;}

/* section7 */
/* .frm_group */
.frm_capt p{padding:6px 0;text-align:right;font-weight:400;font-size:16px;color:#696b74;}
.frm_capt p .point{display:inline-block;width:5px;height:5px;margin:5px 3px 0 0;background-image:url("../img/bul_01.png");background-repeat:no-repeat;background-position:0 0;background-size:5px 5px;vertical-align:top;}
.frm_wrap{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;margin:6px -10px 0;}
.frm_wrap .frm_inner{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;width:calc(50% - 20px);margin:0 10px 17px;box-sizing:border-box;border-bottom:3px solid #181819;line-height:65px;}
.frm_wrap label{min-width:130px;padding:0 0 0 10px;font-weight:400;font-size:18px;color:#181819;letter-spacing:-0.035em;line-height:65px;vertical-align:middle;}
.frm_wrap label .point{display:inline-block;width:5px;height:5px;margin:-13px 0 0 1px;background-image:url("../img/bul_01.png");background-repeat:no-repeat;background-position:0 0;background-size:5px 5px;vertical-align:middle;}
.frm_wrap .frm_control{flex:1;}
.frm_wrap .frm_control input{width:100%;height:65px;padding:0 10px;box-sizing:border-box;font-weight:400;font-size:18px;color:#181819;line-height:65px;border:none;background-color:transparent;}
/* Firefox */
.frm_wrap .frm_control input[type=number]{-webkit-appearance:none;-moz-appearance:textfield;margin:0;}
/* Chrome, Safari, Edge, Opera */
.frm_wrap .frm_control input::-webkit-outer-spin-button,
.frm_wrap .frm_control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.frm_wrap .agr{position:relative;display:block;width:100%;margin:0 0 0 10px;padding:0 0 0 30px;}
.frm_wrap .agr input[type=checkbox]{position:absolute;top:50%;transform:translate(0,-50%);left:0;width:24px;height:24px;padding:0;vertical-align:middle;border:none;outline:none;cursor:pointer;opacity:0;z-index:2;}
.frm_wrap .agr input[type=checkbox] + i{display:block;position:absolute;top:50%;transform:translate(0,-50%);left:0;width:20px;height:20px;border-radius:1px;background-image:url("../img/ic_check_sprite.png");background-repeat:no-repeat;background-position:0 0;z-index:1;}
.frm_wrap .agr input[type=checkbox]:checked + i{border-radius:1px;background-position:0 -20px;}
.frm_wrap .agr span{display:inline-block;font-weight:400;font-size:18px;color:#181819;}

.frm_wrap .frm_control input::-webkit-input-placeholder{color:#696b74 !important;}
.frm_wrap .frm_control input::-moz-placeholder{color:#696b74 !important;}
.frm_wrap .frm_control input:-ms-input-placeholder{color:#696b74 !important;}
.frm_wrap .frm_control input:-moz-placeholder{color:#696b74 !important;}

/* bt */
.bt_wrap{margin:43px 0 0;padding:0 0 15px;}

/* bt_req */
.bt_req{position:relative;display:inline-block;min-width:250px;height:60px;vertical-align:middle;border-radius:30px;border:1px solid #fff;background-color:#001edd;overflow:hidden;}
.bt_req span{display:block;padding:0 0 2px;font-weight:500;font-size:20px;color:#fff;line-height:57px;text-align:center;}
.bt_req span:after{display:inline-block;content:'';width:19px;height:10px;margin:-5px 0 0 6px;vertical-align:middle;background-image:url(../img/ic_arr.png);background-repeat:no-repeat;background-position:0 0;background-size:20px auto;}
.bt_req.disabled{background-color:#c9d0db;}

/* footer */
.footer{background-color:#515153;}
.footer .footer_inn{display:flex;justify-content:flex-start;align-items:center;width:1300px;min-height:200px;margin:0 auto;padding:0;border-top:1px solid #b9b9ba;}
.footer .footer_inn .ft_left{display:block;padding:0;}
.footer .footer_inn .ft_left .logo_foot img{width:auto;height:28px;}
.footer .footer_inn .ft_left .foot_menu{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-flow:row wrap;justify-content:flex-start;margin:8px 0 0;}
.footer .footer_inn .ft_left .foot_menu li{padding:0 10px;background-image:url("../img/line.png");background-repeat:no-repeat;background-position:0 5px;}
.footer .footer_inn .ft_left .foot_menu li:first-child{padding-left:0;background-image:none;}
.footer .footer_inn .ft_left .foot_menu li a{font-weight:300;font-size:15px;color:rgba(255, 255, 255, 0.7);}
.footer .footer_inn .ft_left .foot_menu li a strong{font-weight:700;}
.footer .footer_inn .ft_center{display:block;padding:0 0 0 100px;flex:1;}
.footer .footer_inn .ft_center ul li{margin:0 0 3px 0;font-weight:100;font-size:13px;color:rgba(255, 255, 255, 0.7);letter-spacing:0;}
.footer .footer_inn .ft_center ul li i{display:inline-block;padding:0 7px;font-style:normal;}
.footer .footer_inn .ft_right{padding:5px 0 0;text-align:right;display:flex;justify-content:flex-end;}
.footer .footer_inn .ft_right p a{display:block;height:50px;padding:7px 0 0;font-family:'TmonMonsoriOTF';font-weight:900;font-size:36px;color:#c0c9ff;line-height:50px;letter-spacing:0;}
.footer .footer_inn .ft_right .bt_down{display:inline-block;width:200px;height:50px;margin:0 0 0 37px;padding:0 60px 0 19px;font-weight:400;font-size:18px;color:#fff;text-align:left;line-height:48px;border-radius:10px;border:1px solid rgba(255, 255, 255, 0.3);background-image:url("../img/bt_down.png");background-repeat:no-repeat;background-position:100% 0;}

/* page_rolling */
.page_rolling{position:fixed;top:50%;right:30px;transform:translate(0,-50%);z-index:1000;}
.page_rolling ul li{padding:10px 0;}
.page_rolling ul li span{display:block;width:16px;height:16px;border:2px solid #7f8eee;border-radius:50%;background-color:#fff;}
.page_rolling ul li:hover span,
.page_rolling ul li .active span{border:2px solid #001edd;background-color:#001edd;}

/* QuickMenu */
.QuickMenu{position:fixed;bottom:-78px;right:76px;z-index:1000;}
.QuickMenu a{position:relative;display:block;width:78px;height:78px;margin:20px 0 0;border-radius:50%;box-shadow:0 5px 15px 0 rgba(17, 56, 111, 0.1);background-color:#fff;background-repeat:no-repeat;background-position:50% 16px;overflow:hidden;background-size:22px auto;}
.QuickMenu a.bt_login{background-image:url("../img/button_login.png");}
.QuickMenu a.bt_msg{background-image:url("../img/button_message.png");}
.QuickMenu a.bt_gt_top{background-image:url("../img/button_top.png");background-position:50%;background-size:78px auto;}
.QuickMenu a span{display:block;margin-top:42px;font-size:14px;font-weight:500;color:#001edd;text-align:center;}

@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;}

/* (start)20250211 */
.card_cop_bx{margin:45px 0 15px;}
.card_cop_bx ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;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;}
/* //(end)20250211 */