@charset "utf-8";




  @font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Regular.otf') format('otf');
    font-weight: 400;
    font-style: normal;
    font-display: block;
  }
  @font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Medium.otf') format('otf');
    font-weight: 500;
    font-style: normal;
    font-display: block;
  }
  @font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-SemiBold.otf') format('otf');
    font-weight: 600;
    font-style: normal;
    font-display: block;
  }
  @font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Bold.otf') format('otf');
    font-weight: 700;
    font-style: normal;
    font-display: block;
  }
  @font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-ExtraBold.otf') format('otf');
    font-weight: 800;
    font-style: normal;
    font-display: block;
  }

  
  @font-face {
    font-family: 'KakaoBigSans';
    src: url('../fonts/KakaoBigSans-Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: block;
  }
  @font-face {
    font-family: 'KakaoBigSans';
    src: url('../fonts/KakaoBigSans-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: block;
  }
  @font-face {
    font-family: 'KakaoBigSans';
    src: url('../fonts/KakaoBigSans-ExtraBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: block;
  }

  @font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.ttf') format('otf');
    font-weight: 300;
    font-style: normal;
    font-display: block;
  }
  @font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: block;
  }
  @font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: block;
  }
  @font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: block;
  }
  @font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Black.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: block;
  }


html, body, div, ul, li, img, h1 {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;line-height:1;}

body
{
    font-family: 'Pretendard', sans-serif;
    font-size:13px;
    line-height:1.4;
    font-weight:500;
    letter-spacing: 0;
    word-spacing: -0.08em;
    background-color:#ffffff;
    word-break: keep-all;
}

ul, ol, dl, dt, dd {list-style:none}

 
img
{
    border-style: none;
    letter-spacing:none;
    word-spacing:none;
    border:none;
    margin:0;
    padding:0;
    outline:0;
    vertical-align:middle;
    line-height:0px;
}
input:focus
{
    outline:none;
    padding:0;
    border:0;
}

input
{
  outline:none;
  padding:0;
  border:0;
  font-family: 'Pretendard', sans-serif;
}

select
{
  font-family: 'Pretendard', sans-serif;
}

table {border-collapse: collapse;font-family: 'Pretendard', sans-serif;}

a {outline: none;}
a:link, a:visited {color:#666; text-decoration:none}
a:hover, a:active {text-decoration:none}
button 
{
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    cursor:pointer;
    font-family: 'Pretendard', sans-serif;
    letter-spacing:-0.02em;
}


::placeholder {
  color: #acacac;
  font-weight:400;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: #acacac;
  font-weight:400;
}

input[type="text"] {font-size: 15px;font-weight: 500;color: #333;border-radius: 6px;border: 1px solid #d6d9e3;padding: 8px 10px;letter-spacing: -0.02em;margin: 2px 0;font-family: "Pretendard", dotum,"돋움", sans-serif;box-sizing: border-box;background-color:#fff;line-height: 20px;min-width:60px;vertical-align: middle;}
input[type="text"]:focus {border: 1px solid #72bdff;background:#fff;}
input[type="text"]:disabled {background: #f5f5f5;}

input[type="password"] {font-size: 14px;font-weight:400;color:#444444;border-radius: 4px;border: 1px solid #d6d9e3;padding: 6px 10px;letter-spacing: -0.02em;
margin: 2px 0;font-family: "Pretendard", dotum,"돋움", sans-serif;box-sizing: border-box;background-color:#fff;line-height: 20px;min-width:60px;vertical-align: middle;}
input[type="password"]:focus {border: 1px solid #72bdff;background:#fff;}
input[type="password"]:disabled {background: #f5f5f5;}

input[type="radio"] {display:none;}
input[type="radio"] + label {display:inline-block;margin: 4px 2px;cursor:pointer;vertical-align: middle;font-family: 'Pretendard', sans-serif;}
input[type="radio"] + label span {
    position: relative;
    display:inline-block;
    width:18px;
    height:18px;
    margin: -2px -1px 0 3px;
    vertical-align:middle;
    background:url(../../images/checkbox_off.png) no-repeat;
    cursor:pointer;
    padding: 0 4px 0 0;
    white-space: nowrap;
    background-size: 18px;
}
input[type="radio"]:checked + label span {
    background:url(../../images/checkbox_on.png) no-repeat;
    white-space: nowrap;
    background-size: 18px;
}

input[type="checkbox"] {width:15px;height:15px;margin: 0 3px;cursor:pointer;vertical-align: middle;position: relative;top: -1px;}
input[type="checkbox"] + label {margin: 1px 0 0 1px;font-size: 14px;font-weight: 500;cursor:pointer;line-height: 15px;vertical-align: middle;color: #515151;}
input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }



input[type="checkbox"].imgSt{
  display: none;
}
input[type="checkbox"].imgSt + label{
  display: inline-block;
  width: auto;
  height: auto;
  position: relative;
  background-image: url(../../images/ip_chkbox_off.svg);
  background-size: 24px;
  background-repeat: no-repeat;
  text-indent: 30px;
  line-height: 24px;
  font-size: 15px;
  font-weight: 600;
  color: #333;
  text-align: left;
}
input[type="checkbox"].imgSt:checked + label::after{
  content:'';
  font-size: 25px;
  width: 24px;
  height: 24px;
  text-align: center;
  position: absolute;
  left: 0;
  top:0;
  background-image: url(../images/ip_chkbox_on.svg);
  background-size: 24px;
  background-repeat: no-repeat;
}


select {
  border-radius: 6px;
  background:#fff;
  color: #333;
  padding: 8px 33px 8px 10px;
  margin: 2px 0px;
  border: 1px solid #d6d9e3;
  font-size: 14px;
  font-weight: 500;
  min-width:70px;
  font-family: 'Pretendard', "Roboto", dotum,"돋움", sans-serif;
  box-sizing: border-box;
  -webkit-appearance:none;
  appearance:none;
  background-image: url(../../images/icon_seltop.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-size: 15px;
  line-height: 20px;
  vertical-align: middle;
  }

select::-ms-expand{ display:none  }
select option {font-size:13px;line-height:1.4;padding: 8px 0;}

textarea {border-radius: 6px;border: 1px solid #d6d9e3;font-family: 'Pretendard', "Roboto", dotum,"돋움", sans-serif;line-height: 20px;font-size:15px;font-weight: 500;color: #333;box-sizing: border-box;padding: 8px 10px;margin: 0 2px;resize: none;}


button {border-radius: 4px;background:#999;color:#fff;padding: 13px 40px;border: 0;font-size: 15px;font-weight: 500;word-break: keep-all;
font-family: "Pretendard", sans-serif;box-sizing: border-box;line-height: 20px;vertical-align: middle;transition: all .03s ease-in-out;text-indent: 0;}
button.btn_large {padding: 14px 25px !important;font-size: 17px;margin: 2px 2px;font-weight: 500;line-height:21px;}
button.btn_small {padding: 8px 15px !important;font-size: 13px;margin: 2px 2px;font-weight: 500;line-height:16px;}
button.btn_simple {padding: 6px 9px !important;font-size: 12px;margin: 1px 2px;font-weight: 500;line-height: 13px;}
button.btn_icon {padding: 3px 5px !important;font-size: 11px;margin: 1px 2px;font-weight: 400;line-height: 13px;background: #cecece;}


.common_img {display: block;}
.mob_img {display: none}

@media only screen and (max-width: 750px) {
  
  .common_img {display: none;}
  .mob_img {display: block;}
  
}


.indigo_c {color:#2D50AA !important;}
.blue_c {color:#097EF8 !important;}
.gray_c {color:#7e7e7e !important;}
.red_c {color:#ff2e2e !important;}

.common_descrip {font-size:12px;color: #888;padding: 3px 0 3px 3px;display:inline-block;line-height:1.5;font-weight: 500;}


.sticky-fix {
    position: fixed;
    width: 0;
    height: 0;
    overflow: hidden;
    pointer-events: none;
  }



/*header*/

header {position:fixed;top:0;left:0;width:100%;height: 70px;z-index: 12;background-color: rgba(0, 0, 0, 0.3);transition-property: background-color;-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);border: 0;transition: all 0.2s ease-in-out;}
header.h_on_wh {background-color: rgba(255, 255, 255, 0.85);}
header .hd_in_area {position:relative;width:100%;height:100%;max-width: 1920px;margin: 0 auto;display: flex;align-items: center;z-index: 10;}
header .hd_in_area .fp_logo {padding: 0 0 0 30px;transition: all 0.3s ease-in-out;width: 250px;height: 22px;position: relative;box-sizing: border-box;}
header .hd_in_area .fp_logo a {display: block;height: 22px;position: relative;}
header .hd_in_area .fp_logo a img {position: absolute;top: 0;left: 0;width: auto;height: 22px;}
header .hd_in_area .fp_logo a img.h_normal {opacity: 1;z-index: 1;transition: all 0.15s ease;}
header .hd_in_area .fp_logo a img.h_hover {opacity: 0;z-index: 0;transition: all 0.15s ease;}
header .hd_in_area .fp_logo a.logo_chg img.h_normal {opacity: 0;z-index: 0;}
header .hd_in_area .fp_logo a.logo_chg img.h_hover {opacity: 1;z-index: 1;}
header .hd_in_area .fp_logo .comp_name {font-size: 21px;font-weight:600;color: #222;line-height:1.3;display: inline-block;vertical-align: bottom;padding: 0 0 0 9px;letter-spacing: -0.02em;}
header .mob_nav {padding: 0 20px ;display: none;}

header .hd_in_area .menu_area {padding: 0 10px;height:100%;width: calc(100% - 250px);}
header .hd_in_area .menu_area > ul {width: auto;height:100%;margin:  0 auto;text-align: center;display: flex;justify-content: right;}
header .hd_in_area .menu_area > ul > li {width: auto;height:100%;margin: 0 16px;display: inline-block;position: relative;}
header .hd_in_area .menu_area > ul > li .mn_bl {height:100%;font-size:16px;font-weight:600;}
header .hd_in_area .menu_area > ul > li .mn_bl > a {position:relative;height:100%;font-size: 17px;font-weight:600;color: #ffffff;display: flex;align-items: center;justify-content: center;padding: 0 16px;transition: all 0.3s ease-in-out;}
header.h_on_wh .hd_in_area .menu_area > ul > li .mn_bl > a {color:#333;}

header .hd_in_area .menu_area > ul > li .mn_bl > a span {margin: 0 0 0 4px;position: relative;top: -1px;}
header .hd_in_area .menu_area > ul > li .mn_bl > a::after {content: "";position:absolute;bottom: 19px;left: 13px;width:0;height:2px;background: #3F5EF6;transition: all .3s ease;}
header .hd_in_area .menu_area > ul > li .mn_bl.b_on > a::after {width: calc(100% - 26px);}

.menu_back_bg_area {position:fixed;top:80px;left:0;width:100%;height:calc(100vh - 80px);background:rgba(0,0,0,0.3);display: none;}
.menu_back_bg_area.bg_on {display: block;}

.menu_area > ul > li .down_menu {position:absolute;top: 89%;left: -30px;display: none;}
.menu_area > ul > li .sub_menu {width: auto;height:auto;background:#fff;opacity:1;border-radius: 12px;overflow: hidden;box-sizing: border-box;box-shadow: 0px 0px 22px -1px rgba(0, 0, 0, 0.07);transition: all .3s ease;}

.menu_area > ul > li .sub_menu .left_t_m {padding: 5px 17px 5px 17px;width: 140px;box-sizing: border-box;}
.menu_area > ul > li .sub_menu .left_t_m ul {width:auto;}
.menu_area > ul > li .sub_menu .left_t_m ul li {width:100%;margin: 9px 0;text-align: left;}
.menu_area > ul > li .sub_menu .left_t_m ul li a {position:relative;width: auto;display: inline-block;padding: 5px 0;font-size: 15px;font-weight: 600;color: #333;line-height:1.3;transition: all .03s ease;}
.menu_area > ul > li .sub_menu .left_t_m ul li a:hover {color: #2f4bd7;}
.menu_area > ul > li .sub_menu .left_t_m ul li a:hover::after {content:"";position:absolute;top:calc(100% + -5px);left:0;width:100%;height:0px;background:#3F5EF6;opacity: 0.5;}



@media only screen and (max-width: 1200px) {

  header .hd_in_area .menu_area > ul > li .mn_bl > a {padding: 0 10px;}
  header .hd_in_area .menu_area > ul > li .mn_bl > a span {margin: 0 0 0 4px;position: relative;top: -2px;}

}



@media only screen and (max-width: 1050px) {

  header.h_on_wh {background-color: rgba(0, 0, 0, 0.52);}
  header .hd_in_area .fp_logo {padding: 0 0px;}
  header .hd_in_area .fp_logo a {position: relative;display: inline-block;height: 18px;width: 100%;}
  header .hd_in_area .fp_logo img {width: auto;height: 19px;}
  header .hd_in_area .fp_logo a img.h_normal {opacity: 1;z-index: 1;transition: all 0.15s ease;}
  header .hd_in_area .fp_logo a img.h_hover {opacity: 0;z-index: 0;transition: all 0.15s ease;}
  header .hd_in_area .fp_logo a.logo_chg img.h_normal {opacity: 1;z-index: 1;}
  header .hd_in_area .fp_logo a.logo_chg img.h_hover {opacity: 0;z-index: 0;}
  header .hd_in_area .fp_logo .comp_name {font-size: 23px;font-weight:600;color: #222;line-height:1.3;display: inline-block;vertical-align: bottom;padding: 0 0 0 13px;}
  header .mob_nav {padding: 0 20px ;display: none;}
  header .hd_in_area .menu_area {display:none;}

 
  header .mob_nav {padding: 0 20px;display:  inline-block;position:relative;width: 30px;height: 100%;cursor:pointer;}
  header .mob_nav .nv_comm {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;opacity:1;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease-in-out;}
  header .mob_nav .nv_comm img {width: 45%;}
  header .mob_nav .nv_close {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;opacity:0;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease-in-out;}
  header .mob_nav .nv_close img {width:32%;}
  header .mob_nav.nv_close .nv_comm {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;opacity:0;display: flex;align-items: center;justify-content: center;}
  header .mob_nav.nv_close .nv_close {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;opacity:1;display: flex;align-items: center;justify-content: center;}

}




@media only screen and (max-width: 750px) {

  header {position:fixed;top:0;left:0;width:100%;height: 60px;z-index: 10;background-color: rgba(0, 0, 0, 0.52);transition-property: background-color;
  -webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);box-sizing: border-box;}
  header.h_on_wh {background-color: rgba(0, 0, 0, 0.52);}
  header .hd_in_area {position:relative;width:100%;height:100%;max-width:1920px;margin: 0 auto;display: flex;align-items: center;z-index: 10;}
  header .hd_in_area .fp_logo {padding: 0;transition: all 0.3s ease-in-out;margin:  0 auto;width: auto;position: absolute;top: 0;left: 60px;width: calc(100% - 60px);height: 100%;display: flex;align-items: center;}
  header .hd_in_area .fp_logo a img {width: auto;height: 18px;}
  header .hd_in_area .fp_logo a img.h_normal {opacity: 1;z-index: 1;transition: all 0.15s ease;}
  header .hd_in_area .fp_logo a img.h_hover {opacity: 0;z-index: 0;transition: all 0.15s ease;}
  header .hd_in_area .fp_logo a.logo_chg img.h_normal {opacity: 1;z-index: 1;}
  header .hd_in_area .fp_logo a.logo_chg img.h_hover {opacity: 0;z-index: 0;}
  header .hd_in_area .fp_logo .comp_name {font-size: 16px;font-weight:600;color: #222;line-height:1.3;display: inline-block;vertical-align: bottom;padding: 0 0 0 7px;}
  header .mob_nav {padding: 0 20px ;display: none;}
  header .mob_nav {padding: 0;display: flex;position: absolute;top: 0;left: 0;width: 60px;height: 100%;align-items: center;justify-content: center;}

  header .mob_nav .nv_comm {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;opacity:1;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease-in-out;}
  header .mob_nav .nv_comm img {width: 39%;}
  header .mob_nav .nv_close {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;opacity:0;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease-in-out;}
  header .mob_nav .nv_close img {width:32%;}
  header .mob_nav.nv_close .nv_comm {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;opacity:0;display: flex;align-items: center;justify-content: center;}
  header .mob_nav.nv_close .nv_close {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;opacity:1;display: flex;align-items: center;justify-content: center;}

  header .hd_in_area .menu_area {padding: 0 10px;height:100%;}
  header .hd_in_area .menu_area > ul {width:100%;height:100%;display: flex;flex-wrap: wrap;}
  header .hd_in_area .menu_area > ul > li {position:relative;width: auto;height:100%;margin: 0 2px;}
  header .hd_in_area .menu_area > ul > li .mn_bl {height:100%;font-size:16px;font-weight:600;}
  header .hd_in_area .menu_area > ul > li .mn_bl > a {height:100%;font-size:17px;font-weight:600;color:#000;display: flex;align-items: center;justify-content: center;padding: 0 10px;transition: all 0.3s ease-in-out;}
  header .hd_in_area .menu_area > ul > li .mn_bl > a span {margin: 0 0 0 4px ;}

}




/*mob nav*/

.fp_mob_nav {position: fixed;top:80px;left:-100%;width:100%;height:calc(100% - 80px);overflow: hidden;z-index: 100;transition: all 0.3s ease-in-out;}


@media only screen and (max-width: 1050px) {

.fp_mob_nav {position: fixed;top: 70px;left:-100%;width:100%;height: calc(100% - 70px);overflow: hidden;z-index: 100;transition: all 0.3s ease-in-out;}
.fp_mob_nav.nav_on {left:0}
.fp_mob_nav .m_nav_section {position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;}
.fp_mob_nav .m_nav_section .mem_btn_area {width:100%;}
.fp_mob_nav .m_nav_section .mem_btn_area .mem_box {position:relative;width:100%;display: flex;padding: 15px;box-sizing: border-box;}
.fp_mob_nav .m_nav_section .mem_btn_area .mem_box .m_sect {flex: 0 0 auto;margin: 0 8px 0 0 ;align-self: center;}
.fp_mob_nav .m_nav_section .mem_btn_area .mem_box .m_sect .id_name {font-size:14px;font-weight:500;color:#222;line-height:1.3;margin-left: 5px;}
.fp_mob_nav .m_nav_section .mem_btn_area .mem_box .m_sect .id_name .u_icon {width:28px;margin-right:7px;display: inline-block;}
.fp_mob_nav .m_nav_section .mem_btn_area .mem_box .m_sect .id_name .u_icon img {width:100%;}


.btn_memm {padding: 8px 17px;border-radius:100px;color:#fff;background: #333;border: 1px solid #333;font-size: 13px;font-weight: 500;line-height: 1.1;}
.btn_memm:hover {background:#000;border: 1px solid #000;}
.btn_memm.blue_btn {background:#108BFF;border: 1px solid #108BFF;}
.btn_memm.blue_btn:hover {background:#2B56E1;border: 1px solid #2B56E1;}
.btn_memm.gay_btn {background:#F5F5F5;border: 1px solid #EAEAEA;color:#333;}
.btn_memm.gay_btn:hover {background:#e7e7e7;border: 1px solid #c9c9c9;}


.m_nav_section .menu_section {position:relative;width:100%;display: flex;height: calc(100% - 0px);background-color: rgb(255 255 255);}
.m_nav_section .menu_section .mn_left {position:relative;width: 50%;background: rgb(32 16 111 / 11%);}
.m_nav_section .menu_section .mn_left .mn_m_list {width:100%;padding: 10px 0;}
.m_nav_section .menu_section .mn_left .mn_m_list ul {width:100%;}
.m_nav_section .menu_section .mn_left .mn_m_list ul li {width:100%;position:relative;}
.m_nav_section .menu_section .mn_left .mn_m_list ul li.sbmn::after {content:"\d0029";position:absolute;top: 50%;margin-top: -7px;right: 12px;height: auto;font-size: 13px;color: #b1bdd39e;font-family: 'diveicon';}



.m_nav_section .menu_section .mn_left .mbbg {position:absolute;top:0;left:0;width:100%;height:100%;background: #100b3f;overflow: hidden;}
.m_nav_section .menu_section .mn_left .mbbg .mg_img {position:absolute;top: 0%;left:0;width: 100%;height: 100%;}
.m_nav_section .menu_section .mn_left .mbbg .mg_img img {position:absolute;top:0;left: 0;width: 100%;height:100%;object-fit: cover;}



.m_nav_section .menu_section .mn_left .mn_m_list ul li a {display: block;font-size: 15px;font-weight: 600;line-height: 1.1;color: #ffffff;padding: 20px 0 20px 20px;margin: 0;}
.m_nav_section .menu_section .mn_left .mn_m_list ul li a span {margin-left:2px;}
.m_nav_section .menu_section .mn_left .mn_m_list ul li.nm_on a {background: rgb(255 255 255);color: #2f65c7;font-weight: 700;}
.m_nav_section .menu_section .mn_left .mn_m_list ul li a {display: block;font-size: 20px;font-weight: 600;line-height: 1.1;color: #ffffff;padding: 20px 0 20px 20px;margin: 0;}
.m_nav_section .menu_section .mn_left .mn_m_list ul li.submn a {font-size: 13px;font-weight: 600;line-height: 1.1;color:#777;padding: 16px  0 16px 20px;}




.m_nav_section .menu_section .mn_right {position:relative;width: 50%;display: flex;}
.m_nav_section .menu_section .mn_right .mns_list {width:100%;display: none;}
.m_nav_section .menu_section .mn_right .mns_list.mns_on {display: flex;}
.m_nav_section .menu_section .mn_right .mns_list .list_area {width:100%;display: flex;align-items: flex-start;}
.m_nav_section .menu_section .mn_right .mns_list .list_area ul {width:100%;display: flex;flex-direction: column;}
.m_nav_section .menu_section .mn_right .mns_list .list_area ul.lia_up1 {align-items: flex-start;margin-top: 10px;}
.m_nav_section .menu_section .mn_right .mns_list .list_area ul.lia_up2 {align-items: flex-start;margin-top: 64px;}
.m_nav_section .menu_section .mn_right .mns_list .list_area ul.lia_up3 {align-items: flex-start;margin-top: 135px;}
.m_nav_section .menu_section .mn_right .mns_list .list_area ul li {width:100%;}
.m_nav_section .menu_section .mn_right .mns_list .list_area ul li a {display: block;font-size: 18px;font-weight: 600;line-height: 1.1;color: #3f4e89;padding: 22px 0 20px 25px;margin: 0;}

}

@media only screen and (max-width: 750px) {

  .fp_mob_nav {position: fixed;top:60px;left:-100%;width:100%;height:calc(100% - 60px);}

}








footer {width:100%;background: #262626;}
footer .ft_in_section {width:calc(100% - 60px);max-width:1340px;margin: 0 auto;padding: 40px 0 50px;display: flex;flex-wrap: wrap;flex-direction: row;align-items: flex-start;}
footer .ft_in_section .left_st {width:50%;}
footer .ft_in_section .left_st .comp_name {font-size: 18px;font-weight:600;color:#202020;line-height:1.3;margin-bottom: 24px;}
footer .ft_in_section .left_st .comp_name .ft_logo {width: auto;height: 19px;display: inline-block;padding-right: 5px;}
footer .ft_in_section .left_st .comp_name .ft_logo img {width: auto;height: 100%;}
footer .ft_in_section .left_st .comp_name .copyR {width:150px;font-size: 18px;font-weight: 600;color: #525252;line-height: 1.6;}
footer .ft_in_section .left_st .comp_addr {font-size: 13px;font-weight: 400;color: #bdbdbd;line-height: 1.6;margin-bottom: 0px;}

footer .ft_in_section .right_st {width:50%;display: flex;align-items: center;justify-content: flex-end;}
footer .ft_in_section .right_st .cop_link {font-size: 13px;font-weight:500;color:#999999;line-height:1.3;margin-bottom:0px;margin-right:10px;display: inline-block;}
footer .ft_in_section .right_st .cop_link a {font-size: 13px;font-weight:500;color: #999999;line-height:1.3;margin: 0 4px;}
footer .ft_in_section .right_st .cop_link a:hover {text-decoration: underline;}
footer .ft_in_section .right_st .cop_link span {padding: 0 8px;}
footer .ft_in_section .right_st .ft_site_mk {margin: 0 4px;width: 46px;}
footer .ft_in_section .right_st .ft_site_mk img {width:100%;}


@media only screen and (max-width: 750px) {

  footer {width:100%;background: #262626;}
  footer .ft_in_section {width:calc(100% - 60px);max-width:1340px;margin: 0 auto;padding: 35px 0 40px;display: flex;flex-wrap: wrap;flex-direction: column-reverse;align-items: flex-start;}
  footer .ft_in_section .left_st {width: 100%;padding-top: 0px;}
  footer .ft_in_section .left_st .comp_name {font-size: 18px;font-weight:600;color:#202020;line-height:1.3;margin-bottom: 11px;}
  footer .ft_in_section .left_st .comp_name .ft_logo {width: auto;height: 15px;display: inline-block;padding-right: 6px;opacity: 0.7;}
  footer .ft_in_section .left_st .comp_name .ft_logo img {width: auto;height: 100%;}
  footer .ft_in_section .left_st .comp_name .copyR {width:150px;font-size: 17px;font-weight: 600;color: #000000;line-height: 1.6;width: calc(100% - 220px);display: inline-block;margin-top: 9px;}
  footer .ft_in_section .left_st .comp_addr {font-size: 11px;font-weight: 400;color: #bdbdbd;line-height: 1.6;margin-bottom: 10px;}

  footer .ft_in_section .right_st {width: 100%;display: block;align-items: center;justify-content: flex-end;}
  footer .ft_in_section .right_st .cop_link {font-size: 12px;font-weight:500;color:#999999;line-height:1.3;margin-bottom: 31px;margin-right: 0px;display: inline-block;width: 100%;}
  footer .ft_in_section .right_st .cop_link a {font-size: 12px;font-weight:500;color: #999999;line-height:1.3;margin: 0 4px;}
  footer .ft_in_section .right_st .cop_link a:hover {text-decoration: underline;}
  footer .ft_in_section .right_st .cop_link span {padding: 0 8px;}
  footer .ft_in_section .right_st .ft_site_mk {margin: 0 4px;width: 41px;display: inline-block;}
  footer .ft_in_section .right_st .ft_site_mk img {width:100%;}

}















/*button*/


a.btn_comm {padding: 23px 30px;border-radius:8px;color:#fff;background: linear-gradient( #2E66FF , #002CA4 );font-size: 20px;font-weight: 500;line-height: 1;display: inline-block;min-width: 250px;box-sizing: border-box;text-align: center;cursor: pointer;}
a.btn_comm:hover {background: linear-gradient( #5A86FF , #0035C5 );}
a.btn_comm.small {min-width:170px;padding: 20px 0 20px;}

.btn_comm.large {padding: 15px 40px;font-size: 17px;}
.btn_comm.blue_btn {background: #7BA2FF;border: 1px solid #7BA2FF;}
.btn_comm.blue_btn:hover {background: #6F8CC8;border: 1px solid #6F8CC8;}
.btn_comm.indigo_btn {background: #326EDC;border: 1px solid #326EDC;}
.btn_comm.indigo_btn:hover {background: #235bc4;border: 1px solid #326EDC;}
.btn_comm.gay_btn {background: linear-gradient(#a7a7a7, #616161);color: #ffffff;}
.btn_comm.gay_btn:hover {background: linear-gradient(#a7a7a7, #616161);}


@media only screen and (max-width: 750px) {

  a.btn_comm {padding: 21px 23px;border-radius:8px;color:#fff;background: linear-gradient( #2E66FF , #002CA4 );font-size: 18px;font-weight: 500;line-height: 1;display: inline-block;min-width: 220px;box-sizing: border-box;}
  .btn_comm.large {padding: 13px 34px;font-size: 17px;}

  a.btn_comm.small {min-width:110px;padding: 20px 0 20px;}

}






























/*content*/

body {overflow-x: hidden;}
body.notscrl {overflow-x: hidden;}

.npc_content {position:relative;width:100%;}

@media only screen and (max-width: 1050px) {

  .npc_content {position:relative;width:100%;}

}

.kakao_font {font-family: 'KakaoBigSans', sans-serif ;}

[data-aos=fade-up] {
  transform: translate3d(0,50px,0);
}




/*main*/

.m_vs_sect {position:relative;width:100%;height:100vh;background:#000;overflow: hidden;min-height:800px;}
.m_vs_sect .cont_area {position:relative;width:100%;height:100%;max-width:1300px;margin: 0 auto ;display: flex;align-items: center;}
.m_vs_sect .cont_area .text_btn_box {width:100%;height: 75%;position: relative;}
.m_vs_sect .cont_area .text_btn_box .mt_text {text-align:center;position: absolute;top: 0;left: 0;width: 100%;}
.m_vs_sect .cont_area .text_btn_box .mt_text .mt_tt_1 {width:100%;margin: 0 auto;font-size: 62px;font-weight: 600;color:#fff;line-height: 1.3;margin: 20px 0 30px;text-align: center;}
.m_vs_sect .cont_area .text_btn_box .mt_text .mt_tt_2 {width:100%;margin: 0 auto ;font-size: 20px;font-weight: 500;color:#fff;line-height: 1.5;text-align: center;}
.m_vs_sect .cont_area .text_btn_box .mt_btn {text-align:center;position: absolute;bottom: 0;left: 0;width: 100%;}
.m_vs_sect .cont_area .text_btn_box .mt_btn a {margin: 0 10px ;}

.m_vs_sect .vod_bg_area {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(21,36,130,0.37);}

.m_vs_sect .vod_area {position:absolute;top:0;left:0;width:100%;height:100%;}
.m_vs_sect .vod_area .vod_in_box {position:absolute;top: 34%;left:0;width:100%;height: 49%;}


.m_vs_sect .vod_area .vod_in_box .video_box {text-align: center;height: 100%;width: auto; transform: scale(0.4);opacity: 0;transition: all 1.7s cubic-bezier(0.4, 0, 0.2, 1) ;}
.m_vs_sect .vod_area .vod_in_box .video_box.vod_in_start { transform: scale(1);opacity: 1;}


.m_vs_sect .vod_area .vod_in_box .video_box video {width:auto;height:100%;}



.m_solu_sect {position:relative;width:100%;background:#000;overflow: hidden;}
.m_solu_sect .sl_bg_area {position: absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;background: #202E67;}
.m_solu_sect .sl_bg_area .tbg_img {position:absolute;top:0;left:50%;width:3346px;margin-left:-1673px;}
.m_solu_sect .sl_bg_area .tbg_img img {width:100%;}

.m_solu_sect .sl_content {position:relative;width:100%;margin: 0 auto;}
.m_solu_sect .sl_content .tit_box {width:100%;padding: 170px 0 90px;}
.m_solu_sect .sl_content .tit_box .sl_tt_1 {width:100%;margin: 0 auto;font-size: 68px;font-weight: 600;color:#fff;line-height: 1.3;margin: 0px 0 28px;text-align: center;}
.m_solu_sect .sl_content .tit_box .sl_tt_2 {width:100%;margin: 0 auto;font-size: 23px;font-weight: 500;color:#fff;line-height: 1.5;text-align: center;}

.m_solu_sect .sl_content .sl_info_area {width:100%;margin: 0 auto;max-width: 1400px;padding: 0 20px 160px;box-sizing: border-box;}
.m_solu_sect .sl_content .sl_info_area ul {width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.m_solu_sect .sl_content .sl_info_area ul li {width: calc(50% - 20px);margin: 0 0 40px;}
.m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box {position:relative;width:100%;height: 380px;background:#000;border-radius:30px;overflow: hidden;}

.m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg {position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;background:#0B2D67;}
.m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg.sbg_1 {background:#0B2D67;}
.m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg.sbg_2 {background: #001a1a;}
.m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg.sbg_3 {background:#053631;}
.m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg.sbg_4 {background:#0B2D67;}
.m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg .sbg_vod {position:absolute;top:0;width: 170%;height:100%;opacity: 0.7;}
.m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg .sbg_vod.posit_1 {top: -8%;right: -59%;width: 170%;height: 160%;opacity: 0.7;}
.m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg .sbg_vod.posit_2 {top:0;right: -5%;width: 123%;height: 120%;opacity: 0.5;}
.m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg .sbg_vod.posit_3 {top:0;right: -70%;width: 170%;height: 110%;opacity: 0.7;}
.m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg .sbg_vod.posit_4 {top: -4%;right: -70%;width: 170%;height: 130%;opacity: 0.7;}
.m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg .sbg_vod video {width: auto;height: 100%;}


.sl_dt_box .bx_cont {position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;padding: 30px 50px;box-sizing: border-box;}
.sl_dt_box .bx_cont .sl_ib_tt_1 {width:100%;margin: 0 auto;font-size: 20px;font-weight: 600;color:#fff;line-height: 1.3;margin: 14px 0 12px;text-align: left;}
.sl_dt_box .bx_cont .sl_ib_tt_2 {width:100%;margin: 0 auto;font-size: 54px;font-weight: 600;color:#fff;line-height: 1;margin: 0px 0 18px;text-align: left;transition: all 0.3s ease;}
.sl_dt_box .bx_cont .sl_ib_tt_3 {width: 80%;font-size: 17px;font-weight: 500;color:#fff;line-height: 1.4;margin: 0px 0 30px;text-align: left;transition: all 0.3s ease;opacity: 0;}
.sl_dt_box .bx_cont .bot_btn_box{position:absolute;bottom: 50px;left: 50px;width:100%;}

.sl_dt_box:hover .bx_cont .sl_ib_tt_2 {font-size: 48px;}
.sl_dt_box:hover .bx_cont .sl_ib_tt_3 {opacity: 1;}


.sl_dt_box a.sl_go_btn {position:relative;height:44px;width: 44px;border-radius: 100px;border: 2px solid #fff;min-width:46px;display: inline-block;overflow: hidden;cursor:pointer;color:#fff;transition: all 0.2s ease;opacity: 0.6;background:rgba(0,0,0,0.5);}
.sl_dt_box a.sl_go_btn .bt_nm {
  position:absolute;
  top:0;
  left:0;
  width:150px;
  height:100%;
  display: flex;
  align-items: center;
  font-size: 17px;
  font-weight: 500;
  color:#fff;
  line-height: 1;
  padding: 0 0 0 20px;
  box-sizing: border-box;
  opacity: 0;
  transform: translate( 10px , 0 );
  transition: all 0.3s ease;
  }
  .sl_dt_box a.sl_go_btn .bt_ic {position:absolute;top:0;right:0;width:44px;height:44px;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease;}
  .sl_dt_box a.sl_go_btn .bt_ic img {width: 10px;}
  
.sl_dt_box a.sl_go_btn:hover {background:rgba(0,0,0,0.7);border: 2px solid #00e2ff;}
.sl_dt_box a.sl_go_btn:hover .bt_ic {right:-3px;}

  
.sl_dt_box:hover a.sl_go_btn {opacity: 1;}
.sl_dt_box:hover a.sl_go_btn .bt_nm {opacity: 1;transform: translate( 0 , 0px)}
.sl_dt_box:hover a.sl_go_btn {width: 150px;}



.m_client_sect {position:relative;width:100%;overflow: hidden;padding: 160px 0 160px;}
.m_client_sect .m_cl_bg_area {position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;background: #2f54ad;}
.m_client_sect .m_cl_bg_area .bg_img_box {position: absolute;top:0;left:50%;width:3300px;height:100%;margin-left:-1650px;}
.m_client_sect .m_cl_bg_area .bg_img_box img {width:auto;height:100%;}

.m_client_sect .m_clt_content {position:relative;width:100%;z-index: 1;}
.m_client_sect .m_clt_content .cl_tit_sect {width:100%;display: flex;flex-wrap: wrap;align-items: center;max-width:1400px;margin: 0 auto;padding: 30px 0 90px;}
.m_client_sect .m_clt_content .cl_tit_sect .cl_tt_1 {position:relative;width:50%;font-size: 45px;font-weight: 600;color:#fff;line-height: 1.2;text-align:right;padding: 0 20px;box-sizing: border-box;}
.m_client_sect .m_clt_content .cl_tit_sect .cl_tt_1 span {display: inline-block;}
.m_client_sect .m_clt_content .cl_tit_sect .cl_tt_1::after {content: "";position:absolute;top:0;right:0;width:2px;height:100%;background:rgba(255,255,255,0.2);}
.m_client_sect .m_clt_content .cl_tit_sect .cl_tt_2 {width:50%;font-size: 21px;font-weight: 500;color:#fff;line-height: 1.5;text-align:left;padding: 0 20px;box-sizing: border-box;}

.m_lsw_area {position:relative;width:100%;height: 350px;pointer-events:none;}
.cl_logo_sw_section {position:absolute;top:0;left:50%;width:3000px;margin-left:-1500px;}

.cl_logo_sw_section .swiper {overflow: unset;}
.cl_logo_sw_section .swiper-wrapper {transition-timing-function: linear !important;}

.cl_logo_sw_section .cl_v_box {width: 95%;text-align: center;background: #fff;margin: 0px 0 45px;border-radius: 10px;}
.cl_logo_sw_section .cl_v_box img {width: 100%;}



/* .horizontal-scroll-wrapper {position: relative;width: 100%;background:#000;}
.horizontal-scroll-section {position: relative;max-width: 1400px;margin: 0 auto;width: 100%;height: 100%;z-index: 1;}
.sticky-container {position: sticky;top: 0;height: 100vh;overflow: visible;}
.content-inner {position: relative;height: 100%;}
*/

.horizontal-scroll-wrapper {position: relative;width: 100%;overflow: hidden;background:#000;}
.horizontal-scroll-wrapper .in_section {width: 100%;margin: 0 auto;height: 100vh;position: absolute;top: 0;left: 0;}
.horizontal-scroll-section {max-width: 1400px;margin: 0 auto;height:100%;}
.horizontal-cards-wrapper {position: relative;height: 100%;}

.section-header {padding: 50px 20px 80px;z-index: 1;position: relative;height: 37%;box-sizing: border-box;display: flex;align-items: end;flex-wrap: wrap;}
.section-header .hz_text_box {width:100%;}
.section-header .hz_text_box .hz_tt_1 {width:100%;margin: 0 auto;font-size: 52px;font-weight: 600;color:#fff;line-height: 1.3;margin: 0px 0 28px;text-align: center;}
.section-header .hz_text_box .hz_tt_2 {width:100%;margin: 0 auto;font-size: 21px;font-weight: 500;color:#fff;line-height: 1.5;text-align: center;}



.horizontal-cards {position: absolute;top: 38%;left: 0;height: 60%;display: flex;transition: transform 0.3s ease-out;padding: 0 40px;box-sizing: border-box;}
.horizontal-cards .card {width: 380px;height: 100%;margin-right: 40px;}

.horizontal-cards .card .np_info_box {position: relative;width:100%;height:100%;min-height: 400px;max-height:500px;display: flex;flex-wrap: wrap;align-items: center;background-color: rgba(255, 255, 255, 0.12);transition-property: background-color;backdrop-filter: saturate(200%) blur(9px);border-radius: 20px;}
.horizontal-cards .card .np_info_box .card_in_cont {width:100%;}
.horizontal-cards .card .np_info_box .npi_tit {width:100%;margin: 0 auto;font-size: 34px;font-weight: 600;color:#fff;line-height:44px;margin: 6px 0 14px;text-align: center;transition: all 0.3s ease;}
.horizontal-cards .card .np_info_box .npi_tt {width:100%;margin: 0 auto 20px;font-size: 21px;font-weight: 500;color:#94F0FF;line-height: 1.5;text-align: center;transition: all 0.3s ease;}
.horizontal-cards .card .np_info_box .npi_icon {width:100%;text-align: center;height: 180px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;transition: all 0.3s ease;}
.horizontal-cards .card .np_info_box .npi_icon .ni_image {width: 100%;max-width: 134px;height: auto;max-height: 134px;transition: all 0.3s ease;}
.horizontal-cards .card .np_info_box .npi_iftt {width: 76%;height:0;margin: 0 auto 0px;font-size: 15px;font-weight: 400;color: #ffffff;line-height: 1.5;text-align: center;transition: all 0.4s ease;opacity: 0;}

.horizontal-cards .card .np_info_box:hover .npi_icon {width:100%;text-align: center;height: 135px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.horizontal-cards .card .np_info_box:hover .npi_icon .ni_image {width: 100%;max-width: 120px;height: auto;max-height: 120px;}
.horizontal-cards .card .np_info_box:hover .npi_iftt {width: 76%;height: 80px;margin: 0 auto 0px;font-size: 15px;font-weight: 400;color: #ffffff;line-height: 1.5;text-align: center;opacity: 1;}

.horizontal-cards .card .np_info_box .np_info_i {position:absolute;bottom:40px;left:0;width:100%;text-align:center;opacity: 1;transition: all 0.2s ease;}
.horizontal-cards .card .np_info_box .np_info_i .ni_ic {width:28px;}

.horizontal-cards .card .np_info_box:hover .np_info_i {position:absolute;bottom:20px;left:0;width:100%;text-align:center;opacity: 0;}
.horizontal-cards .card .np_info_box:hover .np_info_i .ni_ic {width:28px;} 


.hz_bg_section {position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.hz_bg_section .hz_bg_mov {position:absolute;top:0;left:0;width:100%;height:100vh;background: #020003;display: flex;align-items: center;justify-content: center;opacity: 1;overflow: hidden;}
.hz_bg_section .hz_bg_mov video {width: 1700px;position: absolute;top: 16%;left: 50%;margin-left: -850px;}
.hz_bg_c_layer {position:absolute;top:0;left:0;width:100%;height:100%;background: #0a1f67;opacity: 0.33;}



.ft_cont_section {position:relative;width:100%;overflow: hidden;height:780px;}
.ft_cont_section .ft_c_bg_area {position:absolute;top:0;left:0;width:100%;height:100%;}
.ft_cont_section .ft_c_bg_area .bg_img {width:100%;height:100%;object-fit: cover;}

.ft_cont_section .ft_c_content {position:relative;width:100%;height:100%;margin: 0 auto ;max-width:1300px;display: flex;flex-wrap: wrap;align-items: center;}
.ft_cont_section .ft_c_content .c_cont_in_area {width:100%;}
.ft_cont_section .ft_c_content .c_cont_in_area .cc_tt_1 {width:100%;font-size: 59px;font-weight: 700;color:#2A0E00;line-height: 1.2;margin: 0px auto 20px;text-align: center;}
.ft_cont_section .ft_c_content .c_cont_in_area .cc_tt_2 {width:100%;margin: 0 auto 70px;font-size: 21px;font-weight: 600;color: #000000;line-height: 1.5;text-align: center;}
.ft_cont_section .ft_c_content .c_cont_in_area .cc_btn {width:100%;text-align: center;margin: 0 auto 20px;}
.ft_cont_section .ft_c_content .c_cont_in_area .cc_btn a {margin: 0 10px;}






/*sub page service*/


.s_p_top_banner_vs {position: relative;width:100%;height:100vh;min-height: 1050px;background:#000;overflow: hidden;}
.s_p_top_banner_vs .t_m_vs_bg {position: absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;}
.s_p_top_banner_vs .t_m_vs_bg .bg_bb_video {position:absolute;top: -4%;left: 50%;width: 2800px;margin-left: -890px;}
.s_p_top_banner_vs .t_m_vs_bg .bg_bb_video.bbg_ps_1 {top: -11%;left: 50%;width: 3000px;margin-left: -940px;}
.s_p_top_banner_vs .t_m_vs_bg .bg_bb_video.bbg_ps_2 {top: 0;left: 0;width: 100%;height: 100%;margin: 0;}
.s_p_top_banner_vs .t_m_vs_bg .bg_bb_video.bbg_ps_3 {top: 0;left: 0%;width: 100%;height: 100%;margin: 0;}
.s_p_top_banner_vs .t_m_vs_bg .bg_bb_video.bbg_ps_4 {top: 0;left: 0;width: 100%;height: 100%;margin: 0;}

.s_p_top_banner_vs .t_m_vs_bg .bg_bb_video.bbg_ps_1 video {width: 100%;}
.s_p_top_banner_vs .t_m_vs_bg .bg_bb_video.bbg_ps_2 video {width: 100%;height: 100%;object-fit: cover;}
.s_p_top_banner_vs .t_m_vs_bg .bg_bb_video.bbg_ps_3 video {width: 100%;height: 100%;object-fit: cover;}
.s_p_top_banner_vs .t_m_vs_bg .bg_bb_video.bbg_ps_4 video {width: 100%;height: 100%;object-fit: cover;}

.s_p_top_banner_vs .t_m_vs_bg .bg_t_layer.ly_st_1 {position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.4);}
.s_p_top_banner_vs .t_m_vs_bg .bg_t_layer.ly_st_2 {position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.65);}
.s_p_top_banner_vs .t_m_vs_bg .bg_t_layer.ly_st_3 {position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.45);}
.s_p_top_banner_vs .t_m_vs_bg .bg_t_layer.ly_st_4 {position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.6);}



.s_p_top_banner_vs .t_m_vs_content {position: absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;display:flex;align-items: center;}
.s_p_top_banner_vs .t_m_vs_content .mv_cont_area {width:100%;max-width:1300px;margin: 0% auto 0;}
.s_p_top_banner_vs .t_m_vs_content .mv_cont_area .mv_tit {width:100%;font-size: 76px;font-weight: 700;color:#fff;line-height: 1.2;margin: 10px auto 15px;text-align: center;}
.s_p_top_banner_vs .t_m_vs_content .mv_cont_area .mv_tit .mt_color_1 {color:#09F7FF;}
.s_p_top_banner_vs .t_m_vs_content .mv_cont_area .mv_tit .mt_color_2 {color:#D1F221;}
.s_p_top_banner_vs .t_m_vs_content .mv_cont_area .mv_tit .mt_color_3 {color:#3AFF76;}
.s_p_top_banner_vs .t_m_vs_content .mv_cont_area .mv_tit .mt_color_4 {color:#F56DFF;}
.s_p_top_banner_vs .t_m_vs_content .mv_cont_area .mv_tt {width: 80%;max-width: 700px;font-size: 18px;font-weight: 500;color:#fff;line-height: 1.5;margin: 0px auto 5%;text-align: center;}

.s_p_top_banner_vs .t_m_vs_content .mv_cont_area .mv_c_info_box {width:100%;padding: 0 30px;box-sizing: border-box;}

.mc_if_swipe_area {width:100%;}
.mc_if_swipe_area .mcs_info_box {position: relative;width:100%;height:100%;min-height: 480px;max-height: 480px;display: flex;flex-wrap: wrap;align-items: center;transition: all 0.3s ease;background-color: rgba(255, 255, 255, 0.12);transition-property: background-color;backdrop-filter: saturate(200%) blur(20px);border-radius: 20px;}
.mc_if_swipe_area .mcs_info_box .card_in_cont {width:100%;margin-top: -8%;}
.mc_if_swipe_area .mcs_info_box .npi_tit {width:100%;margin: 0 auto;font-size: 30px;font-weight: 600;color:#fff;line-height: 42px;margin: 5px 0 25px;text-align: center;transition: all 0.3s ease;}
.mc_if_swipe_area .mcs_info_box:hover .npi_tit {margin: 5px 0 15px;}
.mc_if_swipe_area .swiper {overflow: unset;}

.mc_if_swipe_area .mcs_info_box .npi_tt {width:100%;margin: 0 auto 20px;font-size: 21px;font-weight: 500;color:#94F0FF;line-height: 1.5;text-align: center;transition: all 0.3s ease;}
.mc_if_swipe_area .mcs_info_box .npi_icon {width:100%;text-align: center;height: 180px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;transition: all 0.3s ease;}
.mc_if_swipe_area .mcs_info_box .npi_icon .ni_image {width: 100%;max-width: 157px;height: auto;max-height: 134px;transition: all 0.3s ease;}
.mc_if_swipe_area .mcs_info_box .npi_iftt {width: 76%;height:0;margin: 0 auto 0px;font-size: 15px;font-weight: 400;color: #ffffff;line-height: 1.5;text-align: left;transition: all 0.4s ease;opacity: 0;}
.mc_if_swipe_area .mcs_info_box:hover .npi_icon {width:100%;text-align: center;height: 135px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;margin: 0 0 10px;}
.mc_if_swipe_area .mcs_info_box:hover .npi_icon .ni_image {width: 100%;max-width: 130px;height: auto;max-height: 110px;}
.mc_if_swipe_area .mcs_info_box:hover .npi_iftt {width: 76%;height: 110px;margin: 0 auto 0px;font-size: 15px;font-weight: 400;color: #ffffff;line-height: 1.5;opacity: 1;}
.mc_if_swipe_area .mcs_info_box .np_info_i {position:absolute;bottom:40px;left:0;width:100%;text-align:center;opacity: 1;transition: all 0.2s ease;}
.mc_if_swipe_area .mcs_info_box .np_info_i .ni_ic {width:28px;opacity: 0.4;}
.mc_if_swipe_area .mcs_info_box:hover .np_info_i {position:absolute;bottom:20px;left:0;width:100%;text-align:center;opacity: 0;}
.mc_if_swipe_area .mcs_info_box:hover .np_info_i .ni_ic {width:28px;}



.s_info_video_section {position:relative; width:100%;padding: 180px 0 180px ;overflow: hidden;}
.s_info_video_section .if_vod_bg_area {position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;}
.s_info_video_section .if_vod_bg_area img {width:100%;height:100%;object-fit: cover;}

.s_info_video_section .if_vod_cont_area {position:relative;width:100%;max-width:1300px;margin: 0 auto ;padding: 0 20px ;box-sizing: border-box;}
.s_info_video_section .if_vod_cont_area .iv_tit {width:100%;margin: 0 auto 20px;font-size: 51px;font-weight: 700;color:#000;line-height: 1.3;text-align: center;}
.s_info_video_section .if_vod_cont_area .iv_tit .iv_color_1 {color:#1959F2;}
.s_info_video_section .if_vod_cont_area .iv_tt {width:100%;margin: 0 auto 70px;font-size: 21px;font-weight: 600;color: #333;line-height: 1.5;text-align: center;}

.s_info_video_section .if_vod_cont_area .iv_video_section {width:100%;border-radius: 20px;overflow: hidden;max-width: 1100px;margin: 0 auto;}
.s_info_video_section .if_vod_cont_area .iv_video_section video {width:100%;}





/*function swipe page*/
.s_funtion_section {width:100%;background:#F1F2F9;padding: 130px 0 180px;}
.s_funtion_section .eft_content {width:100%;max-width:1300px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;}
.s_funtion_section .eft_content .efc_name {width:100%;font-size: 25px;font-weight: 700;color:#000;line-height: 1.2;margin: 0px auto 40px;text-align: left;}

.efc_swipe_area {position:relative; width:100%;}
.efc_swipe_area .efc_text_box {width:100%;display: flex;flex-wrap: wrap;margin: 0 auto 40px;}
.efc_swipe_area .efc_text_box .tit_box {position:relative;width: 72%;}
.efc_swipe_area .efc_text_box .tit_box .tb_tt {width:100%;height:0;margin: 0px auto 0px;text-align: left;opacity: 0;}
.efc_swipe_area .efc_text_box .tit_box .tb_tt.i_view {opacity: 1;height:auto;}
.efc_swipe_area .efc_text_box .tit_box .tb_tt .in_tx {font-size: 42px;font-weight: 700;color:#000;line-height: 1.4;transition: all .5s ease;opacity: 0;transform: translate( 0px , 26px)}
.efc_swipe_area .efc_text_box .tit_box .tb_tt.i_view .in_tx {opacity: 1;transform: translate( 0 , 0)}
.efc_swipe_area .efc_text_box .tit_box .tb_tt .blue_cc {color:#336EF9;}
.efc_swipe_area .efc_text_box .page_s_b_box {position:relative;width: 28%;}

.sbb_in_area {position:relative;width: 100%;height: 100%;}
.sbb_in_area .sb_progressbar {position:absolute;top: 0;left: 0;width: calc(100% - 130px);height: 100%;}
.sbb_in_area .sb_progressbar .swiper-pagination {position:absolute;top: 0;left: 0;width: 100%;height: 100%;}
.sbb_in_area .sb_progressbar .swiper-pagination .custom-progressbar {position: absolute;top:50%;left: 50px;width: calc(100% - 70px);height: 8px;background:#D0D6E5;border-radius: 100px;overflow: hidden;margin-top: -4px;}
.sbb_in_area .sb_progressbar .swiper-pagination .custom-progressbar .ccp_in_bar {position:absolute;top:0;left:0;height:100%;width:0%;background:#487FFF;transition: all .9s ease;border-radius: 100px;}
.sbb_in_area .sb_progressbar .swiper-pagination .custom-fraction {position: absolute;top:0%;left:0%;width:40px;height:100%;display: flex;align-items: center;font-size: 17px;font-weight: 600;color:#000;line-height: 1;}

.sbb_in_area .sb_button {position:absolute;top: 0;right: 0;width: 120px;height: 100%;}
.sbb_in_area .sb_button .swiper-button-next {right:0;width:50px;}
.sbb_in_area .sb_button .swiper-button-next::after {content: "";}
.sbb_in_area .sb_button .swiper-button-next img {width:50px;}
.sbb_in_area .sb_button .swiper-button-prev {right:0;width:50px;}
.sbb_in_area .sb_button .swiper-button-prev::after {content: "";left:0;}
.sbb_in_area .sb_button .swiper-button-prev img {width:50px;}



.fct_it_info_area {width:100%;display: flex;flex-wrap: wrap;}
.fct_it_info_area .fi_img_box {position:relative;width:60%;}
.fct_it_info_area .fi_img_box .img_sect {position:relative;width:100%;padding-bottom: 78%;}
.fct_it_info_area .fi_img_box .img_sect .i_bx {position:absolute;top:0;left:0;width:100%;height:100%;background:#BFC8DC;border-radius: 12px;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.fct_it_info_area .fi_img_box .img_sect .i_bx img {width: 94%;max-width: 700px;}

.fct_it_info_area .fi_ttif_box {position:relative;width:40%;}
.fct_it_info_area .fi_ttif_box .text_bx {padding: 10px 10px 10px 50px ;box-sizing:border-box;transition: all .5s ease;transition-delay:.3s;}
.fct_it_info_area .fi_ttif_box .text_bx .tit {width:100%;font-size: 23px;font-weight: 700;color:#2A0E00;line-height: 1.5;margin: 0px auto 20px;text-align: left;}
.fct_it_info_area .fi_ttif_box .text_bx .gs_tt {position:relative;width:100%;font-size:16px;font-weight: 500;color:#3C3E4D;line-height: 1.3;margin: 0px auto 17px;text-align: left;padding: 0 0 0px 21px;box-sizing: border-box;}
.fct_it_info_area .fi_ttif_box .text_bx .gs_tt::after {content:"";position:absolute;top:0;left:0;width: 18px;height: 18px;background-image:url(../../images/icon_if_tt_ch.svg);background-position: 0px 1px;background-repeat: no-repeat;background-size: 16px;}

.swiper-slide .fct_it_info_area .fi_ttif_box .text_bx {opacity: 0;transform: translate( 0px , 28px )}
.swiper-slide.swiper-slide-active .fct_it_info_area .fi_ttif_box .text_bx {opacity: 1;transform: translate( 0px , 0px )}





/*client swipe page*/
.s_client_section {position:relative; width:100%;background: #132f55;padding: 150px 0 180px;}
.s_client_section .s_clt_bg_area {position:absolute;top:0;left:0;width:100%;height:100%;}
.s_client_section .s_clt_bg_area img {width:100%;height:100%;object-fit: cover;}

.s_client_section .eft_content {position:relative;width:100%;max-width:1300px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;}
.s_client_section .eft_content .efc_name {width:100%;font-size: 25px;font-weight: 600;color: #ffffff;line-height: 1.2;margin: 0px auto 40px;text-align: left;}

.clt_swipe_area {position:relative; width:100%;}
.clt_swipe_area .efc_text_box {width:100%;display: flex;flex-wrap: wrap;margin: 0 auto 50px;}
.clt_swipe_area .efc_text_box .tit_box {position:relative;width: 74%;}
.clt_swipe_area .efc_text_box .tit_box .tb_tt {width:100%;height:0;margin: 0px auto 0px;text-align: left;opacity: 0;}
.clt_swipe_area .efc_text_box .tit_box .tb_tt.i_view {opacity: 1;height:auto;}
.clt_swipe_area .efc_text_box .tit_box .tb_tt .in_tx {font-size: 41px;font-weight: 600;color: #ffffff;line-height: 1.4;transition: all .5s ease;opacity: 0;transform: translate( 0px , 26px)}
.clt_swipe_area .efc_text_box .tit_box .tb_tt .in_tx > span {font-size:50px;}
.clt_swipe_area .efc_text_box .tit_box .tb_tt.i_view .in_tx {opacity: 1;transform: translate( 0 , 0)}
.clt_swipe_area .efc_text_box .tit_box .tb_tt .clt_cc_1 {color: #b9b9b9;}
.clt_swipe_area .efc_text_box .tit_box .tb_tt .clt_cc_2 {color:#5DC7FF;}
.clt_swipe_area .efc_text_box .tit_box .tb_tt .clt_cc_3 {color: #81bbff;}
.clt_swipe_area .efc_text_box .tit_box .tb_tt .clt_cc_4 {color: #31dd4c;}
.clt_swipe_area .efc_text_box .tit_box .tb_tt .clt_cc_5 {color: #ff6cc4;}
.clt_swipe_area .efc_text_box .tit_box .tb_tt .clt_cc_6 {color: #ffa81d;}
.clt_swipe_area .efc_text_box .tit_box .tb_tt .clt_cc_7 {color: #ff6193;}
.clt_swipe_area .efc_text_box .tit_box .tb_tt .clt_cc_8 {color: #96b3ff;}
.clt_swipe_area .efc_text_box .tit_box .tb_tt .clt_cc_9 {color: #c1c1c1;}
.clt_swipe_area .efc_text_box .page_s_b_box {position:relative;width: 26%;}

.sclt_in_area {position:relative;width: 100%;height: 100%;}
.sclt_in_area .sb_progressbar {position:absolute;top: 0;left: 0;width: calc(100% - 130px);height: 100%;}
.sclt_in_area .sb_progressbar .swiper-pagination {position:absolute;top: 0;left: 0;width: 100%;height: 100%;}
.sclt_in_area .sb_progressbar .swiper-pagination .custom-progressbar {position: absolute;top:50%;left: 50px;width: calc(100% - 50px);height: 8px;background:#D0D6E5;border-radius: 100px;overflow: hidden;margin-top: -4px;}
.sclt_in_area .sb_progressbar .swiper-pagination .custom-progressbar .ccp_in_bar {position:absolute;top:0;left:0;height:100%;width:0%;background:#487FFF;transition: all .9s ease;border-radius: 100px;}
.sclt_in_area .sb_progressbar .swiper-pagination .custom-fraction {position: absolute;top:0%;left:0%;width:40px;height:100%;display: flex;align-items: center;font-size: 17px;font-weight: 600;color: #fff;line-height: 1;}
.sclt_in_area .sb_button {position:absolute;top: 0;right: 0;width: 120px;height: 100%;}
.sclt_in_area .sb_button .swiper-button-next {right:0;width:50px;}
.sclt_in_area .sb_button .swiper-button-next::after {content: "";}
.sclt_in_area .sb_button .swiper-button-next img {width:50px;}
.sclt_in_area .sb_button .swiper-button-prev {right:0;width:50px;}
.sclt_in_area .sb_button .swiper-button-prev::after {content: "";left:0;}
.sclt_in_area .sb_button .swiper-button-prev img {width:50px;}


.clt_gd_info_area {width:100%;display: flex;flex-wrap: wrap;min-height:600px;border-radius: 20px;overflow: hidden;}
.clt_gd_info_area .left_it_box {position:relative;width:40%;display: flex;align-items: center;background:#fff;}
.clt_gd_info_area .left_it_box .l_i_cont {width:100%;padding: 20px 50px;box-sizing: border-box;}
.clt_gd_info_area .left_it_box .l_i_cont .ict_logo {width:auto;height: 54px;margin: 0 0 30px;}
.clt_gd_info_area .left_it_box .l_i_cont .ict_logo.big_logo {height:80px;}
.clt_gd_info_area .left_it_box .l_i_cont .ict_logo img {width:auto;height:100%;}
.clt_gd_info_area .left_it_box .l_i_cont .ict_tit {width:100%;font-size: 16px;font-weight: 500;color: #444;line-height: 1.5;margin: 0px auto 20px;text-align: left;}
.clt_gd_info_area .left_it_box .l_i_cont .ict_tt {width:100%;margin: 0px auto 17px;text-align: left;}
.clt_gd_info_area .left_it_box .l_i_cont .ict_tt p {position:relative;width:100%;font-size: 15px;font-weight: 500;color: #555;line-height: 1.3;margin: 0px auto 17px;text-align: left;padding: 0 0 0px 21px;box-sizing: border-box;}
.clt_gd_info_area .left_it_box .l_i_cont .ict_tt p::after {content:"";position:absolute;top:0;left:0;width: 18px;height: 18px;background-image:url(../../images/icon_if_tt_ch.svg);background-position: 0px 0px;background-repeat: no-repeat;background-size: 16px;opacity: 0.8;}


.clt_gd_info_area .right_it_box {position:relative;width:60%;background:#E8EDF6;padding: 45px 50px 44px;box-sizing: border-box;}
.clt_gd_info_area .right_it_box .it_box_top {width:100%;display: flex;flex-wrap: wrap;margin: 0 0 30px;}
.clt_gd_info_area .right_it_box .it_box_top .tp_left {width: calc(100% - 180px);}
.clt_gd_info_area .right_it_box .it_box_top .tp_left .tp_tt_1 {width:100%;display: flex;align-items: center;margin-bottom: 10px;}
.clt_gd_info_area .right_it_box .it_box_top .tp_left .tp_tt_1 .tit_tt {display: inline-block;font-size: 27px;font-weight: 700;color: #374e7b;line-height: 1.4;padding-right: 10px;}
.clt_gd_info_area .right_it_box .it_box_top .tp_left .tp_tt_1 .cate_tt {display: inline-block;padding: 5px 8px;font-size: 13px;font-weight: 600;color:#456EDE;line-height: 1.2;border-radius: 6px;background:#fff;margin: 3px 1px;}
.clt_gd_info_area .right_it_box .it_box_top .tp_left .tp_tt_2 {width:100%;font-size: 15px;font-weight: 500;color: #5c6e93;line-height: 1.4;}

.clt_gd_info_area .right_it_box .it_box_top .tp_right {width: 180px;text-align:right;}
.clt_gd_info_area .right_it_box .it_box_top .tp_right .serv_icon {display: inline-block;width:43px;margin: 3px 3px ;}
.clt_gd_info_area .right_it_box .it_box_top .tp_right .serv_icon img {width:100%;}


.clt_gd_info_area .right_it_box .it_box_cont {width:100%;margin: 20px 0;}
.clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box {width:100%;display: flex;flex-wrap: wrap;min-height:120px;border-radius: 10px;overflow: hidden;}  
.clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box .gds_left {width: 180px;display: flex;align-items: center;background:#4863A3;justify-content: center;}
.clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box .gds_left .gg_icon {display: inline-block;width: 45px;padding-right: 2px;}
.clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box .gds_left .gg_icon img {width:100%;}
.clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box .gds_left .gg_name {display: inline-block;font-size: 19px;font-weight: 500;color:#fff;line-height: 1.4;}

.clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box .gds_right {width: calc(100% - 180px);background:#fff;display: flex;flex-wrap: wrap;align-items: center;}
.clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box .gds_right .gds_i_tt {width:100%;padding: 20px 20px;box-sizing: border-box;}
.clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box .gds_right .gds_i_tt p {position:relative;width:100%;font-size: 14px;font-weight: 500;color: #516085;line-height: 1.3;margin: 5px 0;padding: 0 0 0 16px;box-sizing: border-box;}
.clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box .gds_right .gds_i_tt p.num_1::before {content: "1.";position:absolute;top:0;left:0;}
.clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box .gds_right .gds_i_tt p.num_2::before {content: "2.";position:absolute;top:0;left:0;}
.clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box .gds_right .gds_i_tt p.num_3::before {content: "3.";position:absolute;top:0;left:0;}



.swiper-slide  .left_it_box .l_i_cont {opacity: 0;transform: translate( 80px , 0px );transition: all .5s ease;transition-delay: 0.2s;}
.swiper-slide.swiper-slide-active  .left_it_box .l_i_cont {opacity: 1;transform: translate( 0px , 0px )}

.swiper-slide .right_it_box .it_box_top {opacity: 0;transform: translate( 80px , 0px );transition: all .5s ease;transition-delay: 0.2s;}
.swiper-slide.swiper-slide-active .right_it_box .it_box_top {opacity: 1;transform: translate( 0px , 0px )}

.swiper-slide .right_it_box .it_box_cont {opacity: 0;transform: translate( 80px , 0px );transition: all .5s ease;transition-delay: 0.2s;}
.swiper-slide.swiper-slide-active .right_it_box .it_box_cont {opacity: 1;transform: translate( 0px , 0px )}






/*sub other page*/

.sm_info_p1_section {position:relative;width:100%;padding: 160px 0 130px;overflow: hidden;}
.sm_info_p1_section .smp1_bg_area {position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;}
.sm_info_p1_section .smp1_bg_area img {width:100%;height:100%;object-fit: cover;}
.sm_info_p1_section .smp1_cont_area {position:relative;width:100%;max-width:1300px;margin: 0 auto ;padding: 0 20px ;box-sizing: border-box;}
.sm_info_p1_section .smp1_cont_area .iv_tit {width:100%;margin: 0 auto 20px;font-size: 51px;font-weight: 700;color:#000;line-height: 1.3;text-align: center;}
.sm_info_p1_section .smp1_cont_area .iv_tit .iv_color_1 {color:#425FEC;}
.sm_info_p1_section .smp1_cont_area .iv_tt {width:100%;margin: 0 auto 14px;font-size: 20px;font-weight: 600;color: #333;line-height: 1.5;text-align: center;}
.sm_info_p1_section .smp1_cont_area .iv_tts {position:relative;width:100%;text-align: center;margin: 0 auto 70px;}
.sm_info_p1_section .smp1_cont_area .iv_tts p{position:relative;font-size: 18px;font-weight: 600;color: #2e4989;line-height: 1.3;margin: 0px auto;text-align: left;padding: 0 0 0px 24px;box-sizing: border-box;display: inline-block;}
.sm_info_p1_section .smp1_cont_area .iv_tts p::after {content:"";position:absolute;top:0;left:0;width: 22px;height: 22px;background-image:url(../../images/icon_if_tt_ch_s1.svg);
background-position: 0px 3px;background-repeat: no-repeat;background-size: 18px;opacity: 1;}


.smp1_table_area {width:100%;max-width:1000px;margin: 0 auto ;}
.smp1_table_area .tb_top_bar {width:100%;background:#45549B;display: flex;flex-wrap: wrap;align-items: center;height: 65px;border-radius: 14px 14px 0 0;overflow: hidden;}
.smp1_table_area .tb_top_bar .tit {width:calc(100% - 100px);text-align: left;font-size: 21px;font-weight: 500;color: #fff;line-height: 1.3;padding: 0 23px;box-sizing:border-box;}
.smp1_table_area .tb_top_bar .stt {width:100px;text-align: right;font-size: 14px;font-weight: 400;color: #fff;line-height: 1.3;padding: 0 23px;box-sizing:border-box;}

.smp1_table_area .tb_table_box {width:100%;margin: 0 auto ;}
.smp1_table_area .tb_table_box table {width:100%;}
.smp1_table_area .tb_table_box table thead tr th {background:#7989CF;font-size: 19px;font-weight: 500;color: #fff;line-height: 1.3;text-align: center;padding: 18px 10px;}
.smp1_table_area .tb_table_box table tbody tr td {background: #fff;border-bottom: 1px solid #E0E7EF;font-size: 18px;font-weight: 700;color: #333;line-height: 1.3;text-align: center;padding: 23px 10px;}
.smp1_table_area .tb_table_box table tbody tr td.price_cc {color:#3654E6;}

.smp1_table_area .tb_bot_bar {width:100%;background: #707AAC;display: flex;flex-wrap: wrap;align-items: center;height: 49px;border-radius: 0 0 14px 14px;overflow: hidden;}
.smp1_table_area .tb_bot_bar .tit {width:calc(100% - 100px);text-align: left;font-size: 14px;font-weight: 400;color: #fff;line-height: 1.3;padding: 0 20px;box-sizing:border-box;}
.smp1_table_area .tb_bot_bar .stt {width:100px;text-align: right;font-size: 14px;font-weight: 400;color: #fff;line-height: 1.3;padding: 0 23px;box-sizing:border-box;}




.sm_info_p2_section {position:relative;width:100%;padding: 160px 0 150px;overflow: hidden;background:#EFF2FF;}
.sm_info_p2_section .smp2_cont_area {position:relative;width:100%;max-width:1300px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;}
.sm_info_p2_section .smp2_cont_area .cont_dt_area {position:relative;width: 60%;padding: 0 0 40px;}
.sm_info_p2_section .smp2_cont_area .cont_dt_area .vnf_tit {width:100%;font-size: 50px;font-weight: 700;color: #000;line-height: 1.3;margin: 0px auto 20px;text-align: left;}
.sm_info_p2_section .smp2_cont_area .cont_dt_area .vnf_tit .iv_color_1 {color:#336EF9;}
.sm_info_p2_section .smp2_cont_area .cont_dt_area .vnf_tt {width:100%;font-size: 19px;font-weight: 600;color: #000;line-height: 1.5;margin: 0px auto 50px;text-align: left;}
.sm_info_p2_section .smp2_cont_area .cont_dt_area .vnf_in_cont {width:100%;}
.sm_info_p2_section .smp2_cont_area .cont_dt_area .vnf_in_cont .vf_i_box {width:100%;display: flex;flex-wrap: wrap;background: #fff;box-sizing: border-box;border-radius: 12px;overflow: hidden;max-width: 500px;margin: 0 0 20px;}
.sm_info_p2_section .smp2_cont_area .cont_dt_area .vnf_in_cont .vf_i_box .l_ic {width: 50px;background:#457EE2;display: flex;align-items: center;justify-content: center;}
.sm_info_p2_section .smp2_cont_area .cont_dt_area .vnf_in_cont .vf_i_box .l_ic img {width: 24px;}
.sm_info_p2_section .smp2_cont_area .cont_dt_area .vnf_in_cont .vf_i_box .r_text {width:calc(100% - 94px);min-height: 60px;display: flex;align-items: center;padding: 23px 20px;box-sizing: border-box;font-size: 18px;font-weight: 700;color: #304E94;line-height: 1.4;}

.sm_info_p2_section .smp2_cont_area .vnf_img_area {position:absolute;top:0;left:65%;width:35%;height:100%;}
.sm_info_p2_section .smp2_cont_area .vnf_img_area .img_s_vnf_if {position:absolute;top: 0%;left: -45%;width: 155%;max-width: 662px;min-width: 590px;}




.sm_info_p3_section {position:relative;width:100%;padding: 160px 0 160px;overflow: hidden;background:#253B80;}
.sm_info_p3_section .smp3_cont_area {position:relative;width:100%;max-width:1300px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;display: flex;flex-wrap: wrap;}
.sm_info_p3_section .smp3_cont_area .cont_dt_area {position:relative;width: 50%;padding: 140px 20px 140px;box-sizing: border-box;}
.sm_info_p3_section .smp3_cont_area .cont_dt_area .vnf_tit {width:100%;font-size: 49px;font-weight: 600;color: #fff;line-height: 1.3;margin: 0px auto 20px;text-align: left;}
.sm_info_p3_section .smp3_cont_area .cont_dt_area .vnf_tit .iv_color_1 {color: #58FFFF;}
.sm_info_p3_section .smp3_cont_area .cont_dt_area .vnf_tt {width:100%;font-size: 17px;font-weight: 400;color: #fff;line-height: 1.5;margin: 0px auto 29px;text-align: left;}
.sm_info_p3_section .smp3_cont_area .cont_dt_area .vnf_tts {width:100%;text-align: left;}
.sm_info_p3_section .smp3_cont_area .cont_dt_area .vnf_tts p{position:relative;font-size: 19px;font-weight: 400;color: #fff;line-height: 1.3;margin: 0px auto;text-align: left;padding: 0 0 0px 26px;box-sizing: border-box;display: inline-block;}
.sm_info_p3_section .smp3_cont_area .cont_dt_area .vnf_tts p::after {content:"";position:absolute;top:0;left:0;width: 22px;height: 22px;background-image:url(../../images/icon_if_tt_ch_brblue.svg);
background-position: 0px 2px;background-repeat: no-repeat;background-size: 19px;opacity: 1;}

.sm_info_p3_section .smp3_cont_area .vnf_img_area {position: relative;width: 50%;}
.sm_info_p3_section .smp3_cont_area .vnf_img_area .vf_img_box {position:absolute;top:0;right: 0;width:100%;height:100%;}
.sm_info_p3_section .smp3_cont_area .vnf_img_area .vf_img_box .in_i_box {position: absolute;width: 106%;max-width: 663px;min-width: 500px;top: 0;right: 60px;height: 100%;display: flex;align-items: center;}
.sm_info_p3_section .smp3_cont_area .vnf_img_area .img_s_vnf_if {width: 100%;}







.s_ctus_banner_vs {position:relative;width:100%;height:100vh;overflow: hidden;min-height:850px}
.s_ctus_banner_vs .ctus_bg_area {position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;}
.s_ctus_banner_vs .ctus_bg_area img {width:100%;height:100%;object-fit: cover;}

.s_ctus_banner_vs .ctus_cont_area {position:relative;width:100%;height: 100%;max-width:1300px;margin: 0 auto;display: flex;align-items: center;}
.s_ctus_banner_vs .ctus_cont_area .in_cont_tt {width:100%;}
.s_ctus_banner_vs .ctus_cont_area .in_cont_tt .cu_tit {width:100%;font-size: 78px;font-weight: 700;color: #2A3D98;line-height: 1.2;margin: 0px auto 10px;text-align: center;}
.s_ctus_banner_vs .ctus_cont_area .in_cont_tt .cu_tt {width:100%;font-size: 65px;font-weight: 700;color: #000;line-height: 1.15;margin: 0px auto 34px;text-align: center;}
.s_ctus_banner_vs .ctus_cont_area .in_cont_tt .cu_tts {width:100%;font-size: 20px;font-weight: 600;color: #000;line-height: 1.4;text-align: center;}




.cu_info_p1_section {position:relative;width:100%;padding: 140px 0 130px;overflow: hidden;background:#253B80;}
.cu_info_p1_section .smp3_cont_area {position:relative;width:100%;max-width:1300px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;display: flex;flex-wrap: wrap;}
.cu_info_p1_section .smp3_cont_area .cont_dt_area {position:relative;width: 50%;padding: 20px 20px 20px;box-sizing: border-box;}
.cu_info_p1_section .smp3_cont_area .cont_dt_area .vnf_tit {width:100%;font-size: 50px;font-weight: 600;color: #fff;line-height: 1.3;margin: 0px auto 22px;text-align: left;}
.cu_info_p1_section .smp3_cont_area .cont_dt_area .vnf_tit .iv_color_1 {color: #58FFFF;}
.cu_info_p1_section .smp3_cont_area .cont_dt_area .vnf_tt {width: 90%;font-size: 16px;font-weight: 400;color: #fff;line-height: 1.6;margin: 0px 0 50px;text-align: left;}

.cu_info_p1_section .smp3_cont_area .vnf_img_area {position: relative;width: 50%;}
.cu_info_p1_section .smp3_cont_area .vnf_img_area .vf_img_box {position:absolute;top:0;right: 0;width:100%;height:100%;}
.cu_info_p1_section .smp3_cont_area .vnf_img_area .vf_img_box .in_i_box {position: absolute;width: 92%;max-width: 573px;min-width: 460px;top: 3%;right: 60px;height: 100%;display: flex;align-items: center;}
.cu_info_p1_section .smp3_cont_area .vnf_img_area .img_s_vnf_if {width: 100%;}

.cu_info_p1_section .tb_table_box {width:100%;margin: 0 auto ;}
.cu_info_p1_section .tb_table_box table {width:100%;max-width: 540px;border-radius: 21px;overflow: hidden;}
.cu_info_p1_section .tb_table_box table tbody tr th {background: #fff;font-size: 15px;font-weight: 500;color: #B1BDE5;line-height: 1.3;text-align: right;padding: 13px 10px;background:#4254A5;}
.cu_info_p1_section .tb_table_box table tbody tr td {font-size: 15px;font-weight: 400;color: #fff;line-height: 1.3;text-align: left;padding: 15px 10px;background:#4254A5;}
.cu_info_p1_section .tb_table_box table tbody tr:nth-child(even) th {background:#354692;}
.cu_info_p1_section .tb_table_box table tbody tr:nth-child(even) td {background:#354692;}




.cu_info_p2_section {position:relative;width:100%;padding: 120px 0 120px;overflow: hidden;background: #005385;}
.cu_info_p2_section .smp3_cont_area {position:relative;width:100%;max-width:1300px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;display: flex;flex-wrap: wrap;flex-direction: row-reverse;}
.cu_info_p2_section .smp3_cont_area .cont_dt_area {position:relative;width: 50%;padding: 140px 20px;box-sizing: border-box;}
.cu_info_p2_section .smp3_cont_area .cont_dt_area .vnf_ttu {width:100%;font-size: 27px;font-weight: 500;color: #fff;line-height: 1.3;margin: 0px auto 14px;text-align: left;}
.cu_info_p2_section .smp3_cont_area .cont_dt_area .vnf_tit {width:100%;font-size: 54px;font-weight: 600;color: #fff;line-height: 1.3;margin: 0px auto 30px;text-align: left;}
.cu_info_p2_section .smp3_cont_area .cont_dt_area .vnf_tit .iv_color_1 {color: #DDFF51;}
.cu_info_p2_section .smp3_cont_area .cont_dt_area .vnf_tt {width: 90%;font-size: 16px;font-weight: 400;color: #fff;line-height: 1.6;margin: 0px 0 50px;text-align: left;}

.cu_info_p2_section .smp3_cont_area .vnf_img_area {position: relative;width: 50%;}
.cu_info_p2_section .smp3_cont_area .vnf_img_area .vf_img_box {position:absolute;top:0;right: 0;width:100%;height:100%;}
.cu_info_p2_section .smp3_cont_area .vnf_img_area .vf_img_box .in_i_box {position: absolute;width: 72%;max-width: 449px;min-width: 400px;top: 0%;left: 70px;height: 100%;display: flex;align-items: center;}
.cu_info_p2_section .smp3_cont_area .vnf_img_area .img_s_vnf_if {width: 100%;}



.cu_info_p3_section {position:relative;width:100%;padding: 120px 0 120px;overflow: hidden;background: #EAECF3;}
.cu_info_p3_section .smp3_cont_area {position:relative;width:100%;max-width:1300px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;display: flex;flex-wrap: wrap;flex-direction: row;}
.cu_info_p3_section .smp3_cont_area .cont_dt_area {position:relative;width: 50%;padding: 20px 20px 280px;box-sizing: border-box;}
.cu_info_p3_section .smp3_cont_area .cont_dt_area .vnf_tit {width:100%;font-size: 51px;font-weight: 700;color: #000;line-height: 1.3;margin: 0px auto 30px;text-align: left;}
.cu_info_p3_section .smp3_cont_area .cont_dt_area .vnf_tit .iv_color_1 {color: #DDFF51;}
.cu_info_p3_section .smp3_cont_area .cont_dt_area .vnf_tt {width: 90%;font-size: 17px;font-weight: 500;color: #333;line-height: 1.6;margin: 0px 0 50px;text-align: left;}

.cu_info_p3_section .clt_bg_area {position:absolute;top:0;right: 0;width:100%;height:100%;overflow: hidden;}
.cu_info_p3_section .clt_bg_area .vf_img_box {position:absolute;top: -14%;left: 50%;width: 1371px;height: auto;margin-left: -360px;}
.cu_info_p3_section .clt_bg_area .img_s_vnf_if {width: 100%;height:100%;object-fit: cover;}







.s_clt_banner_vs {position:relative;width:100%;height:100vh;overflow: hidden;min-height:850px}
.s_clt_banner_vs .ctus_bg_area {position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;}
.s_clt_banner_vs .ctus_bg_area img {width:100%;height:100%;object-fit: cover;}

.s_clt_banner_vs .ctus_cont_area {position:relative;width:100%;height: 100%;max-width:1300px;margin: 0 auto;display: flex;align-items: center;}
.s_clt_banner_vs .ctus_cont_area .in_cont_tt {position: relative;width:100%;top: -15%;}
.s_clt_banner_vs .ctus_cont_area .in_cont_tt .cu_tit {width:100%;font-size: 78px;font-weight: 700;color: #2A3D98;line-height: 1.2;margin: 0px auto 10px;text-align: center;}
.s_clt_banner_vs .ctus_cont_area .in_cont_tt .cu_tt {width:100%;font-size: 65px;font-weight: 700;color: #000;line-height: 1.15;margin: 0px auto 34px;text-align: center;}
.s_clt_banner_vs .ctus_cont_area .in_cont_tt .cu_tts {width:100%;font-size: 20px;font-weight: 600;color: #000;line-height: 1.4;text-align: center;}


.s_clt_infom_section {position:relative;width:100%;background:#EAECF3;padding: 170px 0 170px;overflow: hidden;}
.s_clt_infom_section.oth_color {background:#DDE1EC;}
.s_clt_infom_section .scl_bg_area {position:absolute;top:0;left:50%;width:2900px;margin-left:-1450px;opacity: 0.7;}
.s_clt_infom_section .scl_bg_area img {width:100%;}


.s_clt_infom_section .scl_cc_cont_area {position:relative;width:100%;max-width: 1340px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;}
.s_clt_infom_section .scl_cc_cont_area .scc_tit {width:100%;font-size: 54px;font-weight: 700;color: #000000;line-height: 1.2;margin: 0px auto 70px;text-align: center;}

.scl_cc_cont_area .scc_cc_tab {width:100%;display: flex;flex-wrap: wrap;background:#fff;border-bottom: 3px solid #4F5FAA;cursor:pointer;margin: 0px auto 60px;}
.scl_cc_cont_area .scc_cc_tab .tb_btn {width:25%;padding: 22px 0;font-size: 23px;font-weight: 600;color: #8892B8;line-height: 1.2;text-align: center;background:#fff;transition: all .2s ease;}
.scl_cc_cont_area .scc_cc_tab .tb_btn:hover {background:#eff1fd;color: #6b769f;}
.scl_cc_cont_area .scc_cc_tab .tb_btn.bt_on {background:#4F5FAA;color:#fff;font-weight: 600;}

.scl_cc_cont_area .scc_cc_list_box {width:100%;}
.scl_cc_cont_area .scc_cc_list_box ul {width: calc(100% + 16px);margin-left: -8px;display: flex;flex-wrap: wrap;}
.scl_cc_cont_area .scc_cc_list_box ul li {width: calc(16.66% - 16px);background:#fff;border-radius:12px;overflow:hidden;margin: 0 8px 16px;text-align: center;}
.scl_cc_cont_area .scc_cc_list_box ul li img {width: 100%;max-width: 200px;}





/*pop*/

.n_apply_pop_page {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.75);overflow: hidden;z-index: 100;transition: all .3s ease-in ;}
.n_apply_pop_page .ap_pop_section {position:absolute;top:0;left:0;width:100%;height:100%;overflow-y: auto;}
.n_apply_pop_page .ap_pop_section .ap_content {position:relative;width:100%;max-width:1040px;padding: 40px 20px;margin: 0 auto;box-sizing: border-box;top:12%;transform: translate( 0 , -40px);transition: all .3s ease-in-out ;opacity: 0; }
.n_apply_pop_page .ap_pop_section .ap_content.openpop {
animation-name: popdown;
animation-duration:0.5s;
animation-duration: leaner;
animation-iteration-count:1;
animation-direction:alternate;
animation-fill-mode: forwards;
}

  @keyframes popdown {
    0% {
      transform: translate( 0 , -40px);opacity: 0;
    }
    100% {
      transform: translate( 0 , 0px);opacity: 1;
    }
}
.n_apply_pop_page .ap_pop_section .ap_content .apc_box {width:100%;display: flex;flex-wrap: wrap;}

.ap_content .apc_box .left_sect {position:relative;width:calc(100% - 400px);box-sizing: border-box;background:#DDE6FC;border-radius: 20px 0 0 20px;overflow: hidden;}
.ap_content .apc_box .left_sect .top_ip_box {width: calc(100% - 40px);background:#2963DC;border-radius:12px;overflow: hidden;margin: 20px auto 0;}
.ap_content .apc_box .left_sect .top_ip_box .tt_box {width:100%;padding: 30px 30px 25px;box-sizing: border-box;}
.ap_content .apc_box .left_sect .top_ip_box .tt_box .tb_tt_1 {width:100%;font-size: 32px;font-weight: 600;color: #fff;line-height: 1.3;margin: 0px auto 13px;text-align: left;}
.ap_content .apc_box .left_sect .top_ip_box .tt_box .tb_tt_2 {width:100%;font-size: 15px;font-weight: 400;color: #fff;line-height: 1.4;margin: 0px auto 0px;text-align: left;}

.ap_content .apc_box .left_sect .top_ip_box .bt_box {width:100%;padding: 22px 30px;box-sizing: border-box;background:#073188;}
.ap_content .apc_box .left_sect .top_ip_box .bt_box .if_tt {display:inline-block;font-size: 16px;font-weight: 500;color: #fff;line-height: 1.2;padding: 6px 20px 6px 0;}
.ap_content .apc_box .left_sect .top_ip_box .bt_box .call_tt {font-size: 24px;font-weight: 700;color: #fff;line-height: 1.2;display: inline-block;vertical-align: middle;}
.ap_content .apc_box .left_sect .top_ip_box .bt_box .call_tt img {width: 29px;padding-right: 4px;position: relative;top: -1px;}

.ap_content .apc_box .left_sect .mid_ip_box {position:relative;width:100%;height: auto;min-height: 350px;}
.ap_content .apc_box .left_sect .mid_ip_box .tit_tt {position:absolute;top: 12%;left: 8%;font-size: 22px;font-weight: 700;color: #133782;line-height: 1.4;text-align: left;z-index: 1;}
.ap_content .apc_box .left_sect .mid_ip_box .bg_if_img {position:absolute;bottom: -33%;left: 8%;width: 610px;}
.ap_content .apc_box .left_sect .mid_ip_box .bg_if_img img {width:100%;}


.ap_content .apc_box .right_sect {width:400px;background:#fff;border-radius: 0 20px 20px 0;overflow: hidden;padding: 20px 30px 30px;box-sizing: border-box;}
.ap_content .apc_box .right_sect .n_app_close {width:100%;text-align:right;padding: 0 0 10px;}
.ap_content .apc_box .right_sect .n_app_close button {background:none;padding: 5px;opacity: 0.4;transition: all .1s ease;}
.ap_content .apc_box .right_sect .n_app_close button img {width: 26px;}
.ap_content .apc_box .right_sect .n_app_close button:hover {opacity: 0.8;}


.right_sect .info_ip_section {width:100%;}
.right_sect .info_ip_section .if_ip_box {width:100%;display: flex;flex-wrap: wrap;align-items: center;padding: 5px 0;}
.right_sect .info_ip_section .if_ip_box .l_bx {width: 70px;font-size: 15px;font-weight: 600;color: #3A3A3A;line-height: 1.4;text-align: left;}
.right_sect .info_ip_section .if_ip_box .l_bx .imp {color:#FF3B3B;}
.right_sect .info_ip_section .if_ip_box .r_bx {width: calc(100% - 70px);}
.right_sect .info_ip_section .if_ip_box .r_bx input.ap_ip {border: 1px solid #9CA7BC;background: #F9FBFF;box-sizing: border-box;}
.right_sect .info_ip_section .if_ip_box .r_bx select.ap_ip {border: 1px solid #9CA7BC;background-color: #F9FBFF;box-sizing: border-box;}
.right_sect .info_ip_section .if_ip_box .r_bx textarea.ap_ip {border: 1px solid #9CA7BC;background-color: #F9FBFF;box-sizing: border-box;height:80px;}

.right_sect .info_ip_section .if_ip_box.derc {flex-direction: column;padding: 12px 0 6px;}
.right_sect .info_ip_section .if_ip_box.derc .l_bx {width:100%;text-align: left;padding: 4px 0;}
.right_sect .info_ip_section .if_ip_box.derc .r_bx {width:100%;text-align: left;}

.right_sect .info_imp_script {width:100%;font-size: 13px;font-weight: 500;color: #3A3A3A;line-height: 1.4;text-align: left;padding: 9px 5px 20px;box-sizing: border-box;}
.right_sect .info_imp_script a {color:#5886E5;text-decoration: underline;}
.right_sect .n_app_btn_area {width:100%;text-align: center;padding: 10px 0;}
.right_sect .n_app_btn_area .closebtnOp {display: none;}



.right_fix_btn {position: fixed;top:0;right:0;height:100%;z-index: 11;}
.right_fix_btn .rf_bt_box {position: absolute;top: 50%;right: 0;margin-top: -60px;}
.right_fix_btn .rf_bt_box.bt_posit {margin-top: 0px;}
.right_fix_btn .rf_bt_box a {display: inline-block;}
.right_fix_btn .rf_bt_box a .rfbt_go_f {position:relative;width: 60px;height:60px;background:#3F5EF6;cursor:pointer;overflow: hidden; transition: all 0.3s ease;}
.right_fix_btn .rf_bt_box a .rfbt_go_f.gf_bg_el {background:#249AD8;}
.right_fix_btn .rf_bt_box a .rfbt_go_f .bt_img {position:absolute;top:0;left:0;width:60px;height:60px;display: flex;align-items: center;justify-content: center;}
.right_fix_btn .rf_bt_box a .rfbt_go_f .bt_img .bf_img {width: 100%;height: 100%;max-width: 28px;max-height: 28px;}
.right_fix_btn .rf_bt_box a .rfbt_go_f .bt_name {position:absolute;top:0;left:60px;width:140px;height:60px;display: flex;align-items: center;padding: 0 0 0 0px;box-sizing: border-box;}
.right_fix_btn .rf_bt_box a .rfbt_go_f .bt_name .nm_bx {font-size: 15px;font-weight: 400;color: #fff;line-height:18px;}

.right_fix_btn .rf_bt_box a .rfbt_go_f:hover {width: 200px;}


.mob_fix_btn {display: none;}
.mob_f_selt_btn {display: none;}





.priv_pop_page {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.75);overflow: hidden;z-index: 100;transition: all .3s ease-in ;}
.priv_pop_page .ap_pop_section {position:absolute;top:0;left:0;width:100%;height:100%;overflow-y: auto;display: flex;align-items: center;}
.priv_pop_page .ap_pop_section .ap_content {position:relative;width:100%;max-width:500px;padding: 30px 20px;margin: 0 auto;box-sizing: border-box;top: 0%;}

.priv_pop_page .ap_pop_section .ap_content .pp_close_top {width:100%;text-align: right;margin-bottom:10px ;}
.priv_pop_page .ap_pop_section .ap_content .pp_close_top .p_cl_btn {display:inline-block;width: 60px;height: 60px;opacity: 0.7;}
.priv_pop_page .ap_pop_section .ap_content .pp_close_top .p_cl_btn:hover {opacity: 1;}
.priv_pop_page .ap_pop_section .ap_content .pp_close_top .p_cl_btn .prv_close_bt {width:100%;height: 100%;display: flex;align-items: center;justify-content: center;background: #fff;border-radius: 100px;cursor:pointer;}
.priv_pop_page .ap_pop_section .ap_content .pp_close_top .p_cl_btn .prv_close_bt img {width: 24px;opacity: 0.8;}

.priv_pop_page .ap_pop_section .ap_content .pp_contnet {width:100%;background: #ffffff;border-radius: 14px;padding: 40px 40px 60px;box-sizing: border-box;}
.priv_pop_page .ap_pop_section .ap_content .pp_contnet .cont_text_area {width:100%;font-size: 14px;font-weight: 500;color: #757575;line-height: 1.4;text-align: left;}
.priv_pop_page .ap_pop_section .ap_content .pp_contnet .cont_text_area .tt_h1 {font-size: 25px;font-weight: 600;color: #3A3A3A;line-height: 1.4;margin-bottom:10px;}
.priv_pop_page .ap_pop_section .ap_content .pp_contnet .cont_text_area .tt_h2 {font-size: 17px;font-weight: 600;color: #3A3A3A;line-height: 1.4;margin: 20px 0 2px;}



































@media only screen and (max-width: 1050px) {


  /*main*/

  .m_vs_sect {position:relative;width:100%;height:100vh;background:#000;overflow: hidden;min-height:800px;}
  .m_vs_sect .cont_area {position:relative;width:100%;height:100%;max-width:1300px;margin: 0 auto ;display: flex;align-items: center;}
  .m_vs_sect .cont_area .text_btn_box {width:100%;height: 75%;position: relative;}
  .m_vs_sect .cont_area .text_btn_box .mt_text {text-align:center;position: absolute;top: 0;left: 0;width: 100%;}
  .m_vs_sect .cont_area .text_btn_box .mt_text .mt_tt_1 {width:100%;margin: 0 auto;font-size: 50px;font-weight: 600;color:#fff;line-height: 1.3;margin: 20px 0 30px;text-align: center;}
  .m_vs_sect .cont_area .text_btn_box .mt_text .mt_tt_2 {width:100%;margin: 0 auto;font-size: 19px;font-weight: 500;color:#fff;line-height: 1.5;text-align: center;}
  .m_vs_sect .cont_area .text_btn_box .mt_btn {text-align:center;position: absolute;bottom: 0;left: 0;width: 100%;}
  .m_vs_sect .cont_area .text_btn_box .mt_btn a {margin: 0 10px ;}

  .m_vs_sect .vod_bg_area {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(21,36,130,0.37);}

  .m_vs_sect .vod_area {position:absolute;top:0;left:0;width:100%;height:100%;}
  .m_vs_sect .vod_area .vod_in_box {position:absolute;top: 34%;left:0;width:100%;height: 49%;}
  .m_vs_sect .vod_area .vod_in_box .video_box {text-align: center;height: auto;width: 100%;}
  .m_vs_sect .vod_area .vod_in_box .video_box video {width: 100%;height: auto;}



  .m_solu_sect {position:relative;width:100%;background:#000;overflow: hidden;}
  .m_solu_sect .sl_bg_area {position: absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;background: #202E67;}
  .m_solu_sect .sl_bg_area .tbg_img {position:absolute;top:0;left:50%;width:3346px;margin-left:-1673px;}
  .m_solu_sect .sl_bg_area .tbg_img img {width:100%;}

  .m_solu_sect .sl_content {position:relative;width:100%;margin: 0 auto;}
  .m_solu_sect .sl_content .tit_box {width:100%;padding: 140px 0 70px;}
  .m_solu_sect .sl_content .tit_box .sl_tt_1 {width:100%;margin: 0 auto;font-size: 51px;font-weight: 600;color:#fff;line-height: 1.3;margin: 0px 0 19px;text-align: center;}
  .m_solu_sect .sl_content .tit_box .sl_tt_2 {width:100%;margin: 0 auto;font-size: 20px;font-weight: 500;color:#fff;line-height: 1.5;text-align: center;}

  .m_solu_sect .sl_content .sl_info_area {width:100%;margin: 0 auto;max-width: 1400px;padding: 0 40px 80px;box-sizing: border-box;}
  .m_solu_sect .sl_content .sl_info_area ul {width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
  .m_solu_sect .sl_content .sl_info_area ul li {width: calc(50% - 15px);margin: 0 0 30px;}
  .m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box {position:relative;width:100%;height: 380px;background:#000;border-radius:30px;overflow: hidden;}

  .m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg {position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;background:#0B2D67;}
  .m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg.sbg_1 {background:#0B2D67;}
  .m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg.sbg_2 {background: #001a1a;}
  .m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg.sbg_3 {background:#053631;}
  .m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg.sbg_4 {background:#0B2D67;}
  .m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg .sbg_vod {position:absolute;top:0;width: 170%;height:100%;opacity: 0.7;}
  .m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg .sbg_vod.posit_1 {top: -8%;right: -59%;width: 170%;height: 160%;opacity: 0.7;}
  .m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg .sbg_vod.posit_2 {top:0;right: -5%;width: 123%;height: 120%;opacity: 0.5;}
  .m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg .sbg_vod.posit_3 {top:0;right: -70%;width: 170%;height: 110%;opacity: 0.7;}
  .m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg .sbg_vod.posit_4 {top: -4%;right: -70%;width: 170%;height: 130%;opacity: 0.7;}
  .m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg .sbg_vod video {width: auto;height: 100%;}


  .sl_dt_box .bx_cont {position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;padding: 30px 30px;box-sizing: border-box;}
  .sl_dt_box .bx_cont .sl_ib_tt_1 {width:100%;margin: 0 auto;font-size: 18px;font-weight: 600;color:#fff;line-height: 1.3;margin: 14px 0 9px;text-align: left;}
  .sl_dt_box .bx_cont .sl_ib_tt_2 {width:100%;margin: 0 auto;font-size: 45px;font-weight: 600;color:#fff;line-height: 1;margin: 0px 0 13px;text-align: left;transition: all 0.3s ease;}
  .sl_dt_box .bx_cont .sl_ib_tt_3 {width: 80%;font-size: 15px;font-weight: 400;color:#fff;line-height: 1.5;margin: 0px 0 30px;text-align: left;transition: all 0.3s ease;opacity: 0.8;}
  .sl_dt_box .bx_cont .bot_btn_box{position:absolute;bottom: 50px;left: 50px;width:100%;}

  .sl_dt_box:hover .bx_cont .sl_ib_tt_2 {font-size: 45px;}
  .sl_dt_box:hover .bx_cont .sl_ib_tt_3 {opacity: 1;}


  .sl_dt_box a.sl_go_btn {position:relative;height: 40px;width: 150px;border-radius: 100px;border: 2px solid #fff;min-width:46px;display: inline-block;overflow: hidden;cursor:pointer;color:#fff;transition: all 0.2s ease;opacity: 1;background:rgba(0,0,0,0.5);}
  .sl_dt_box a.sl_go_btn .bt_nm {
    position:absolute;
    top:0;
    left:0;
    width:150px;
    height:100%;
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    color:#fff;
    line-height: 1;
    padding: 0 0 0 20px;
    box-sizing: border-box;
    opacity: 1;
    transform: translate( 0px , 0 );
    transition: all 0.3s ease;
    }
    .sl_dt_box a.sl_go_btn .bt_ic {position:absolute;top:0;right:0;width:44px;height: 40px;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease;}
    .sl_dt_box a.sl_go_btn .bt_ic img {width: 10px;}
    
  .sl_dt_box a.sl_go_btn:hover {background:rgba(0,0,0,0.7);border: 2px solid #00e2ff;}
  .sl_dt_box a.sl_go_btn:hover .bt_ic {right:-3px;}

    
  .sl_dt_box:hover a.sl_go_btn {opacity: 1;}
  .sl_dt_box:hover a.sl_go_btn .bt_nm {opacity: 1;transform: translate( 0 , 0px)}
  .sl_dt_box:hover a.sl_go_btn {width: 150px;}



  .m_client_sect {position:relative;width:100%;overflow: hidden;padding: 120px 0 120px;}
  .m_client_sect .m_cl_bg_area {position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;background: #2f54ad;}
  .m_client_sect .m_cl_bg_area .bg_img_box {position: absolute;top:0;left:50%;width:3300px;height:100%;margin-left:-1650px;}
  .m_client_sect .m_cl_bg_area .bg_img_box img {width:auto;height:100%;}

  .m_client_sect .m_clt_content {position:relative;width:100%;z-index: 1;}
  .m_client_sect .m_clt_content .cl_tit_sect {width:100%;display: flex;flex-wrap: wrap;align-items: center;max-width:1400px;margin: 0 auto;padding: 30px 0 70px;}
  .m_client_sect .m_clt_content .cl_tit_sect .cl_tt_1 {position:relative;width:50%;font-size: 35px;font-weight: 600;color:#fff;line-height: 1.2;text-align:right;padding: 0 20px;box-sizing: border-box;}
  .m_client_sect .m_clt_content .cl_tit_sect .cl_tt_1::after {content: "";position:absolute;top:0;right:0;width:2px;height:100%;background:rgba(255,255,255,0.2);}
  .m_client_sect .m_clt_content .cl_tit_sect .cl_tt_2 {width:50%;font-size: 17px;font-weight: 500;color:#fff;line-height: 1.4;text-align:left;padding: 0 20px;box-sizing: border-box;}

  .m_lsw_area {position:relative;width:100%;height: 270px;pointer-events:none;}
  .cl_logo_sw_section {position:absolute;top:0;left:50%;width: 2000px;margin-left: -1000px;}

  .cl_logo_sw_section .swiper {overflow: unset;}
  .cl_logo_sw_section .swiper-wrapper {transition-timing-function: linear !important;}

  .cl_logo_sw_section .cl_v_box {width: 95%;text-align: center;background: #fff;margin: 0px 0 45px;border-radius: 10px;}
  .cl_logo_sw_section .cl_v_box img {width: 100%;}



  /* .horizontal-scroll-wrapper {position: relative;width: 100%;background:#000;}
  .horizontal-scroll-section {position: relative;max-width: 1400px;margin: 0 auto;width: 100%;height: 100%;z-index: 1;}
  .sticky-container {position: sticky;top: 0;height: 100vh;overflow: visible;}
  .content-inner {position: relative;height: 100%;}
*/

.horizontal-scroll-wrapper {position: relative;width: 100%;overflow: hidden;background:#000;}
.horizontal-scroll-wrapper .in_section {width: 100%;margin: 0 auto;height: 100vh;position: absolute;top: 0;left: 0;}
.horizontal-scroll-section {max-width: 1400px;margin: 0 auto;height:100%;}
.horizontal-cards-wrapper {position: relative;height: 100%;}

  .section-header {padding: 50px 20px 60px;z-index: 1;position: relative;height: 37%;box-sizing: border-box;display: flex;align-items: end;flex-wrap: wrap;}
  .section-header .hz_text_box {width:100%;}
  .section-header .hz_text_box .hz_tt_1 {width: 90%;margin: 0 auto;font-size: 47px;font-weight: 600;color:#fff;line-height: 1.3;margin: 0px auto 28px;text-align: center;}
  .section-header .hz_text_box .hz_tt_2 {width:100%;margin: 0 auto;font-size: 18px;font-weight: 500;color:#fff;line-height: 1.5;text-align: center;}



  .horizontal-cards {position: absolute;top: 38%;left: 0;height: 60%;display: flex;transition: transform 0.3s ease-out;padding: 0 40px 0 80px;box-sizing: border-box;}
  .horizontal-cards .card {width: 340px;height: 100%;margin-right: 30px;}

  .horizontal-cards .card .np_info_box {position: relative;width:100%;height:100%;min-height: 380px;max-height: 440px;display: flex;flex-wrap: wrap;align-items: center;background-color: rgba(255, 255, 255, 0.12);transition-property: background-color;backdrop-filter: saturate(200%) blur(9px);border-radius: 20px;}
  .horizontal-cards .card .np_info_box .card_in_cont {width:100%;}
  .horizontal-cards .card .np_info_box .npi_tit {width:100%;margin: 0 auto;font-size: 30px;font-weight: 600;color:#fff;line-height: 38px;margin: 6px 0 8px;text-align: center;transition: all 0.3s ease;}
  .horizontal-cards .card .np_info_box .npi_tt {width:100%;margin: 0 auto 10px;font-size: 21px;font-weight: 500;color:#94F0FF;line-height: 1.5;text-align: center;transition: all 0.3s ease;}
  .horizontal-cards .card .np_info_box .npi_icon {width:100%;text-align: center;height: 135px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;transition: all 0.3s ease;}
  .horizontal-cards .card .np_info_box .npi_icon .ni_image {width: 100%;max-width: 110px;height: auto;max-height: 110px;transition: all 0.3s ease;}
  .horizontal-cards .card .np_info_box .npi_iftt {width: 76%;height: 80px;margin: 0 auto 0px;font-size: 14px;font-weight: 400;color: #ffffff;line-height: 1.5;text-align: center;transition: all 0.4s ease;opacity: 1;}

  .horizontal-cards .card .np_info_box:hover .npi_icon {width:100%;text-align: center;height: 135px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
  .horizontal-cards .card .np_info_box:hover .npi_icon .ni_image {width: 100%;max-width: 110px;height: auto;max-height: 110px;}
  .horizontal-cards .card .np_info_box:hover .npi_iftt {width: 76%;height: 80px;margin: 0 auto 0px;font-size: 14px;font-weight: 400;color: #ffffff;line-height: 1.5;text-align: center;opacity: 1;}

  .horizontal-cards .card .np_info_box .np_info_i {position:absolute;bottom:40px;left:0;width:100%;text-align:center;opacity: 0;transition: all 0.2s ease;}
  .horizontal-cards .card .np_info_box .np_info_i .ni_ic {width:28px;}

  .horizontal-cards .card .np_info_box:hover .np_info_i {position:absolute;bottom:20px;left:0;width:100%;text-align:center;opacity: 0;}
  .horizontal-cards .card .np_info_box:hover .np_info_i .ni_ic {width:28px;} 


  .hz_bg_section {position: absolute;top:0;left: 0;width: 100%;height: 100%;}
  .hz_bg_section .hz_bg_mov {position:absolute;top:0;left:0;width:100%;height:100vh;background: #020003;display: flex;align-items: center;justify-content: center;opacity: 1;overflow: hidden;}
  .hz_bg_section .hz_bg_mov video {width: 1700px;position: absolute;top: 16%;left: 50%;margin-left: -850px;}
  .hz_bg_c_layer {position:absolute;top:0;left:0;width:100%;height:100%;background: #0a1f67;opacity: 0.33;}



  .ft_cont_section {position:relative;width:100%;overflow: hidden;height: 720px;}
  .ft_cont_section .ft_c_bg_area {position:absolute;top:0;left:0;width:100%;height:100%;}
  .ft_cont_section .ft_c_bg_area .bg_img {width: auto;height:100%;/* object-fit: cover; */position: absolute;top: 0;left: 50%;margin-left: -1890px;}

  .ft_cont_section .ft_c_content {position:relative;width:100%;height:100%;margin: 0 auto ;max-width:1300px;display: flex;flex-wrap: wrap;align-items: center;}
  .ft_cont_section .ft_c_content .c_cont_in_area {width:100%;}
  .ft_cont_section .ft_c_content .c_cont_in_area .cc_tt_1 {width:100%;font-size: 50px;font-weight: 700;color:#2A0E00;line-height: 1.2;margin: 0px auto 20px;text-align: center;}
  .ft_cont_section .ft_c_content .c_cont_in_area .cc_tt_2 {width:100%;margin: 0 auto 70px;font-size: 18px;font-weight: 600;color: #000000;line-height: 1.5;text-align: center;}
  .ft_cont_section .ft_c_content .c_cont_in_area .cc_btn {width:100%;text-align: center;margin: 0 auto 20px;}
  .ft_cont_section .ft_c_content .c_cont_in_area .cc_btn a {margin: 0 10px;}






  /*sub page service*/


  .s_p_top_banner_vs {position: relative;width:100%;height:100vh;min-height: 1050px;background:#000;overflow: hidden;}
  .s_p_top_banner_vs .t_m_vs_bg {position: absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;}
  .s_p_top_banner_vs .t_m_vs_bg .bg_bb_video {position:absolute;top: -4%;left: 50%;width: 2800px;margin-left: -890px;}
  .s_p_top_banner_vs .t_m_vs_bg .bg_bb_video.bbg_ps_1 {top: -11%;left: 50%;width: 3000px;margin-left: -940px;}
  .s_p_top_banner_vs .t_m_vs_bg .bg_bb_video.bbg_ps_2 {top: 0;left: 0;width: 100%;height: 100%;margin: 0;}
  .s_p_top_banner_vs .t_m_vs_bg .bg_bb_video.bbg_ps_3 {top: 0;left: 0%;width: 100%;height: 100%;margin: 0;}
  .s_p_top_banner_vs .t_m_vs_bg .bg_bb_video.bbg_ps_4 {top: 0;left: 0;width: 100%;height: 100%;margin: 0;}

  .s_p_top_banner_vs .t_m_vs_bg .bg_bb_video.bbg_ps_1 video {width: 100%;}
  .s_p_top_banner_vs .t_m_vs_bg .bg_bb_video.bbg_ps_2 video {width: 100%;height: 100%;object-fit: cover;}
  .s_p_top_banner_vs .t_m_vs_bg .bg_bb_video.bbg_ps_3 video {width: 100%;height: 100%;object-fit: cover;}
  .s_p_top_banner_vs .t_m_vs_bg .bg_bb_video.bbg_ps_4 video {width: 100%;height: 100%;object-fit: cover;}

  .s_p_top_banner_vs .t_m_vs_bg .bg_t_layer.ly_st_1 {position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.4);}
  .s_p_top_banner_vs .t_m_vs_bg .bg_t_layer.ly_st_2 {position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.65);}
  .s_p_top_banner_vs .t_m_vs_bg .bg_t_layer.ly_st_3 {position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.45);}
  .s_p_top_banner_vs .t_m_vs_bg .bg_t_layer.ly_st_4 {position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.6);}



  .s_p_top_banner_vs .t_m_vs_content {position: absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;display:flex;align-items: center;}
  .s_p_top_banner_vs .t_m_vs_content .mv_cont_area {width:100%;max-width:1300px;margin: 0% auto 0;}
  .s_p_top_banner_vs .t_m_vs_content .mv_cont_area .mv_tit {width:100%;font-size: 60px;font-weight: 700;color:#fff;line-height: 1.2;margin: 0px auto 15px;text-align: center;}
  .s_p_top_banner_vs .t_m_vs_content .mv_cont_area .mv_tit .mt_color_1 {color:#09F7FF;}
  .s_p_top_banner_vs .t_m_vs_content .mv_cont_area .mv_tit .mt_color_2 {color:#D1F221;}
  .s_p_top_banner_vs .t_m_vs_content .mv_cont_area .mv_tit .mt_color_3 {color:#3AFF76;}
  .s_p_top_banner_vs .t_m_vs_content .mv_cont_area .mv_tit .mt_color_4 {color:#F56DFF;}
  .s_p_top_banner_vs .t_m_vs_content .mv_cont_area .mv_tt {width: 80%;max-width: 700px;font-size: 16px;font-weight: 500;color:#fff;line-height: 1.5;margin: 0px auto 6%;text-align: center;}

  .s_p_top_banner_vs .t_m_vs_content .mv_cont_area .mv_c_info_box {width:100%;padding: 0 0px;box-sizing: border-box;}

  .mc_if_swipe_area {width:100%;padding: 0px 20px;box-sizing: border-box;}
  .mc_if_swipe_area .mcs_info_box {position: relative;width:100%;height:100%;min-height: 480px;max-height: 480px;display: flex;flex-wrap: wrap;align-items: center;transition: all 0.3s ease;background-color: rgba(255, 255, 255, 0.12);transition-property: background-color;backdrop-filter: saturate(200%) blur(20px);border-radius: 20px;}
  .mc_if_swipe_area .mcs_info_box .card_in_cont {width:100%;margin-top: -8%;}
  .mc_if_swipe_area .mcs_info_box .npi_tit {width:100%;margin: 0 auto;font-size: 25px;font-weight: 600;color:#fff;line-height: 36px;margin: 5px 0 10px;text-align: center;transition: all 0.3s ease;}
  .mc_if_swipe_area .mcs_info_box:hover .npi_tit {margin: 5px 0 10px;}
  .mc_if_swipe_area .swiper {overflow: unset;}

  .mc_if_swipe_area .mcs_info_box .npi_tt {width:100%;margin: 0 auto 20px;font-size: 21px;font-weight: 500;color:#94F0FF;line-height: 1.5;text-align: center;transition: all 0.3s ease;}
  .mc_if_swipe_area .mcs_info_box .npi_icon {width:100%;text-align: center;height: 135px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;transition: all 0.3s ease;margin: 0 0 5px;}
  .mc_if_swipe_area .mcs_info_box .npi_icon .ni_image {width: 100%;max-width: 120px;height: auto;max-height: 100px;transition: all 0.3s ease;}
  .mc_if_swipe_area .mcs_info_box .npi_iftt {width: 76%;height: 110px;margin: 0 auto 0px;font-size: 14px;font-weight: 400;color: #ffffff;line-height: 1.5;text-align: left;transition: all 0.4s ease;opacity: 1;}
  .mc_if_swipe_area .mcs_info_box:hover .npi_icon {width:100%;text-align: center;height: 135px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;margin: 0 0 5px;}
  .mc_if_swipe_area .mcs_info_box:hover .npi_icon .ni_image {width: 100%;max-width: 120px;height: auto;max-height: 100px;}
  .mc_if_swipe_area .mcs_info_box:hover .npi_iftt {width: 76%;height: 110px;margin: 0 auto 0px;font-size: 14px;font-weight: 400;color: #ffffff;line-height: 1.5;opacity: 1;}
  .mc_if_swipe_area .mcs_info_box .np_info_i {position:absolute;bottom:40px;left:0;width:100%;text-align:center;opacity: 0;transition: all 0.2s ease;}
  .mc_if_swipe_area .mcs_info_box .np_info_i .ni_ic {width:28px;opacity: 0.4;}
  .mc_if_swipe_area .mcs_info_box:hover .np_info_i {position:absolute;bottom:20px;left:0;width:100%;text-align:center;opacity: 0;}
  .mc_if_swipe_area .mcs_info_box:hover .np_info_i .ni_ic {width:28px;}



  .s_info_video_section {position:relative;width:100%;padding: 120px 0 120px;overflow: hidden;}
  .s_info_video_section .if_vod_bg_area {position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;}
  .s_info_video_section .if_vod_bg_area img {width:100%;height:100%;object-fit: cover;}

  .s_info_video_section .if_vod_cont_area {position:relative;width:100%;max-width:1300px;margin: 0 auto;padding: 0 40px;box-sizing: border-box;}
  .s_info_video_section .if_vod_cont_area .iv_tit {width:100%;margin: 0px auto 11px;font-size: 37px;font-weight: 700;color:#000;line-height: 1.3;text-align: center;}
  .s_info_video_section .if_vod_cont_area .iv_tit .iv_color_1 {color:#1959F2;}
  .s_info_video_section .if_vod_cont_area .iv_tt {width:100%;margin: 0 auto 50px;font-size: 18px;font-weight: 600;color: #333;line-height: 1.5;text-align: center;}

  .s_info_video_section .if_vod_cont_area .iv_video_section {width:100%;border-radius: 20px;overflow: hidden;max-width: 1100px;margin: 0 auto;}
  .s_info_video_section .if_vod_cont_area .iv_video_section video {width:100%;}





  /*function swipe page*/
  .s_funtion_section {width:100%;background:#F1F2F9;padding: 110px 0 90px;}
  .s_funtion_section .eft_content {width:100%;max-width:1300px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;}
  .s_funtion_section .eft_content .efc_name {width:100%;font-size: 22px;font-weight: 700;color:#000;line-height: 1.2;margin: 0px auto 20px;text-align: left;}

  .efc_swipe_area {position:relative; width:100%;}
  .efc_swipe_area .efc_text_box {width:100%;display: flex;flex-wrap: wrap;margin: 0 auto 40px;}
  .efc_swipe_area .efc_text_box .tit_box {position:relative;width: 70%;}
  .efc_swipe_area .efc_text_box .tit_box .tb_tt {width:100%;height:0;margin: 0px auto 0px;text-align: left;opacity: 0;}
  .efc_swipe_area .efc_text_box .tit_box .tb_tt.i_view {opacity: 1;height:auto;}
  .efc_swipe_area .efc_text_box .tit_box .tb_tt .in_tx {font-size: 35px;font-weight: 700;color:#000;line-height: 1.3;transition: all .5s ease;opacity: 0;transform: translate( 0px , 26px)}
  .efc_swipe_area .efc_text_box .tit_box .tb_tt.i_view .in_tx {opacity: 1;transform: translate( 0 , 0)}
  .efc_swipe_area .efc_text_box .tit_box .tb_tt .blue_cc {color:#336EF9;}
  .efc_swipe_area .efc_text_box .page_s_b_box {position:relative;width: 30%;}

  .sbb_in_area {position:relative;width: 100%;height: 100%;}
  .sbb_in_area .sb_progressbar {position:absolute;top: 0;left: 0;width: calc(100% - 110px);height: 100%;}
  .sbb_in_area .sb_progressbar .swiper-pagination {position:absolute;top: 0;left: 0;width: 100%;height: 100%;}
  .sbb_in_area .sb_progressbar .swiper-pagination .custom-progressbar {position: absolute;top:50%;left: 50px;width: calc(100% - 50px);height: 8px;background:#D0D6E5;border-radius: 100px;overflow: hidden;margin-top: -4px;}
  .sbb_in_area .sb_progressbar .swiper-pagination .custom-progressbar .ccp_in_bar {position:absolute;top:0;left:0;height:100%;width:0%;background:#487FFF;transition: all .9s ease;border-radius: 100px;}
  .sbb_in_area .sb_progressbar .swiper-pagination .custom-fraction {position: absolute;top:0%;left:0%;width:40px;height:100%;display: flex;align-items: center;font-size: 17px;font-weight: 600;color:#000;line-height: 1;}

  .sbb_in_area .sb_button {position:absolute;top: 0;right: 0;width: 110px;height: 100%;}
  .sbb_in_area .sb_button .swiper-button-next {right:0;width:50px;}
  .sbb_in_area .sb_button .swiper-button-next::after {content: "";}
  .sbb_in_area .sb_button .swiper-button-next img {width: 40px;}
  .sbb_in_area .sb_button .swiper-button-prev {right:0;width:50px;}
  .sbb_in_area .sb_button .swiper-button-prev::after {content: "";left:0;}
  .sbb_in_area .sb_button .swiper-button-prev img {width: 40px;}



  .fct_it_info_area {width:100%;display: flex;flex-wrap: wrap;}
  .fct_it_info_area .fi_img_box {position:relative;width:60%;}
  .fct_it_info_area .fi_img_box .img_sect {position:relative;width:100%;padding-bottom: 78%;}
  .fct_it_info_area .fi_img_box .img_sect .i_bx {position:absolute;top:0;left:0;width:100%;height:100%;background:#BFC8DC;border-radius: 12px;overflow: hidden;display: flex;align-items: center;justify-content: center;}
  .fct_it_info_area .fi_img_box .img_sect .i_bx img {width: 94%;max-width: 700px;}

  .fct_it_info_area .fi_ttif_box {position:relative;width:40%;}
  .fct_it_info_area .fi_ttif_box .text_bx {padding: 10px 10px 10px 30px;box-sizing:border-box;transition: all .5s ease;transition-delay:.3s;}
  .fct_it_info_area .fi_ttif_box .text_bx .tit {width:100%;font-size: 20px;font-weight: 700;color:#2A0E00;line-height: 1.3;margin: 0px auto 20px;text-align: left;}
  .fct_it_info_area .fi_ttif_box .text_bx .gs_tt {position:relative;width:100%;font-size: 15px;font-weight: 500;color:#3C3E4D;line-height: 1.3;margin: 0px auto 17px;text-align: left;padding: 0 0 0px 20px;box-sizing: border-box;}
  .fct_it_info_area .fi_ttif_box .text_bx .gs_tt::after {content:"";position:absolute;top:0;left:0;width: 18px;height: 18px;background-image:url(../../images/icon_if_tt_ch.svg);background-position: 0px 1px;background-repeat: no-repeat;background-size: 15px;}

  .swiper-slide .fct_it_info_area .fi_ttif_box .text_bx {opacity: 0;transform: translate( 0px , 28px )}
  .swiper-slide.swiper-slide-active .fct_it_info_area .fi_ttif_box .text_bx {opacity: 1;transform: translate( 0px , 0px )}





  /*client swipe page*/
  .s_client_section {position:relative;width:100%;background: #132f55;padding: 110px 0 100px;}
  .s_client_section .s_clt_bg_area {position:absolute;top:0;left:0;width:100%;height:100%;}
  .s_client_section .s_clt_bg_area img {width:100%;height:100%;object-fit: cover;}

  .s_client_section .eft_content {position:relative;width:100%;max-width:1300px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;}
  .s_client_section .eft_content .efc_name {width:100%;font-size: 22px;font-weight: 600;color: #ffffff;line-height: 1.2;margin: 0px auto 20px;text-align: left;}

  .clt_swipe_area {position:relative; width:100%;}
  .clt_swipe_area .efc_text_box {width:100%;display: flex;flex-wrap: wrap;margin: 0 auto 50px;}
  .clt_swipe_area .efc_text_box .tit_box {position:relative;width: 70%;}
  .clt_swipe_area .efc_text_box .tit_box .tb_tt {width:100%;height:0;margin: 0px auto 0px;text-align: left;opacity: 0;padding: 0 20px 0 0;box-sizing: border-box;}
  .clt_swipe_area .efc_text_box .tit_box .tb_tt.i_view {opacity: 1;height:auto;}
  .clt_swipe_area .efc_text_box .tit_box .tb_tt .in_tx {font-size: 31px;font-weight: 600;color: #ffffff;line-height: 1.3;transition: all .5s ease;opacity: 0;transform: translate( 0px , 26px)}
  .clt_swipe_area .efc_text_box .tit_box .tb_tt .in_tx > span {font-size: 42px;}
  .clt_swipe_area .efc_text_box .tit_box .tb_tt.i_view .in_tx {opacity: 1;transform: translate( 0 , 0)}
  .clt_swipe_area .efc_text_box .tit_box .tb_tt .clt_cc_1 {color: #b9b9b9;}
  .clt_swipe_area .efc_text_box .tit_box .tb_tt .clt_cc_2 {color:#5DC7FF;}
  .clt_swipe_area .efc_text_box .tit_box .tb_tt .clt_cc_3 {color: #81bbff;}
  .clt_swipe_area .efc_text_box .tit_box .tb_tt .clt_cc_4 {color: #31dd4c;}
  .clt_swipe_area .efc_text_box .tit_box .tb_tt .clt_cc_5 {color: #ff6cc4;}
  .clt_swipe_area .efc_text_box .tit_box .tb_tt .clt_cc_6 {color: #ffa81d;}
  .clt_swipe_area .efc_text_box .tit_box .tb_tt .clt_cc_7 {color: #ff6193;}
  .clt_swipe_area .efc_text_box .tit_box .tb_tt .clt_cc_8 {color: #96b3ff;}
  .clt_swipe_area .efc_text_box .tit_box .tb_tt .clt_cc_9 {color: #c1c1c1;}
  .clt_swipe_area .efc_text_box .page_s_b_box {position:relative;width: 30%;}

  .sclt_in_area {position:relative;width: 100%;height: 100%;}
  .sclt_in_area .sb_progressbar {position:absolute;top: 0;left: 0;width: calc(100% - 110px);height: 100%;}
  .sclt_in_area .sb_progressbar .swiper-pagination {position:absolute;top: 0;left: 0;width: 100%;height: 100%;}
  .sclt_in_area .sb_progressbar .swiper-pagination .custom-progressbar {position: absolute;top:50%;left: 50px;width: calc(100% - 50px);height: 8px;background:#D0D6E5;border-radius: 100px;overflow: hidden;margin-top: -4px;}
  .sclt_in_area .sb_progressbar .swiper-pagination .custom-progressbar .ccp_in_bar {position:absolute;top:0;left:0;height:100%;width:0%;background:#487FFF;transition: all .9s ease;border-radius: 100px;}
  .sclt_in_area .sb_progressbar .swiper-pagination .custom-fraction {position: absolute;top:0%;left:0%;width:40px;height:100%;display: flex;align-items: center;font-size: 17px;font-weight: 600;color: #fff;line-height: 1;}
  .sclt_in_area .sb_button {position:absolute;top: 0;right: 0;width: 110px;height: 100%;}
  .sclt_in_area .sb_button .swiper-button-next {right:0;width:50px;}
  .sclt_in_area .sb_button .swiper-button-next::after {content: "";}
  .sclt_in_area .sb_button .swiper-button-next img {width: 40px;}
  .sclt_in_area .sb_button .swiper-button-prev {right:0;width:50px;}
  .sclt_in_area .sb_button .swiper-button-prev::after {content: "";left:0;}
  .sclt_in_area .sb_button .swiper-button-prev img {width: 40px;}


  .clt_gd_info_area {width:100%;display: flex;flex-wrap: wrap;min-height:600px;border-radius: 20px;overflow: hidden;}
  .clt_gd_info_area .left_it_box {position:relative;width:40%;display: flex;align-items: center;background:#fff;}
  .clt_gd_info_area .left_it_box .l_i_cont {width:100%;padding: 20px 40px;box-sizing: border-box;}
  .clt_gd_info_area .left_it_box .l_i_cont .ict_logo {width:auto;height: 35px;margin: 0 0 30px;}
  .clt_gd_info_area .left_it_box .l_i_cont .ict_logo.big_logo {height: 55px;}
  .clt_gd_info_area .left_it_box .l_i_cont .ict_logo img {width:auto;height:100%;}
  .clt_gd_info_area .left_it_box .l_i_cont .ict_tit {width:100%;font-size: 15px;font-weight: 500;color: #444;line-height: 1.4;margin: 0px auto 20px;text-align: left;}
  .clt_gd_info_area .left_it_box .l_i_cont .ict_tt {width:100%;margin: 0px auto 17px;text-align: left;}
  .clt_gd_info_area .left_it_box .l_i_cont .ict_tt p {position:relative;width:100%;font-size: 14px;font-weight: 500;color: #555;line-height: 1.3;margin: 0px auto 17px;text-align: left;padding: 0 0 0px 19px;box-sizing: border-box;}
  .clt_gd_info_area .left_it_box .l_i_cont .ict_tt p::after {content:"";position:absolute;top:0;left:0;width: 18px;height: 18px;background-image:url(../../images/icon_if_tt_ch.svg);background-position: 0px 1px;background-repeat: no-repeat;background-size: 14px;opacity: 0.8;}


  .clt_gd_info_area .right_it_box {position:relative;width:60%;background:#E8EDF6;padding: 35px 30px 34px;box-sizing: border-box;}
  .clt_gd_info_area .right_it_box .it_box_top {width:100%;display: flex;flex-wrap: wrap;margin: 0 0 30px;}
  .clt_gd_info_area .right_it_box .it_box_top .tp_left {width: calc(100% - 140px);}
  .clt_gd_info_area .right_it_box .it_box_top .tp_left .tp_tt_1 {width:100%;display: flex;align-items: center;margin-bottom: 10px;}
  .clt_gd_info_area .right_it_box .it_box_top .tp_left .tp_tt_1 .tit_tt {display: inline-block;font-size: 27px;font-weight: 700;color: #374e7b;line-height: 1.4;padding-right: 10px;}
  .clt_gd_info_area .right_it_box .it_box_top .tp_left .tp_tt_1 .cate_tt {display: inline-block;padding: 5px 8px;font-size: 13px;font-weight: 600;color:#456EDE;line-height: 1.2;border-radius: 6px;background:#fff;margin: 3px 1px;}
  .clt_gd_info_area .right_it_box .it_box_top .tp_left .tp_tt_2 {width:100%;font-size: 14px;font-weight: 500;color: #5c6e93;line-height: 1.4;}

  .clt_gd_info_area .right_it_box .it_box_top .tp_right {width: 140px;text-align:right;}
  .clt_gd_info_area .right_it_box .it_box_top .tp_right .serv_icon {display: inline-block;width: 34px;margin: 3px 3px;}
  .clt_gd_info_area .right_it_box .it_box_top .tp_right .serv_icon img {width:100%;}


  .clt_gd_info_area .right_it_box .it_box_cont {width:100%;margin: 20px 0;}
  .clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box {width:100%;display: flex;flex-wrap: wrap;min-height:120px;border-radius: 10px;overflow: hidden;}  
  .clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box .gds_left {width: 130px;display: flex;align-items: center;background:#4863A3;justify-content: center;}
  .clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box .gds_left .gg_icon {display: inline-block;width: 36px;padding-right: 1px;}
  .clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box .gds_left .gg_icon img {width:100%;}
  .clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box .gds_left .gg_name {display: inline-block;font-size: 17px;font-weight: 500;color:#fff;line-height: 1.4;}

  .clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box .gds_right {width: calc(100% - 130px);background:#fff;display: flex;flex-wrap: wrap;align-items: center;}
  .clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box .gds_right .gds_i_tt {width:100%;padding: 20px 20px;box-sizing: border-box;}
  .clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box .gds_right .gds_i_tt p {position:relative;width:100%;font-size: 13px;font-weight: 500;color: #516085;line-height: 1.3;margin: 5px 0;padding: 0 0 0 16px;box-sizing: border-box;}
  .clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box .gds_right .gds_i_tt p.num_1::before {content: "1.";position:absolute;top:0;left:0;}
  .clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box .gds_right .gds_i_tt p.num_2::before {content: "2.";position:absolute;top:0;left:0;}
  .clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box .gds_right .gds_i_tt p.num_3::before {content: "3.";position:absolute;top:0;left:0;}



  .swiper-slide  .left_it_box .l_i_cont {opacity: 0;transform: translate( 80px , 0px );transition: all .5s ease;transition-delay: 0.2s;}
  .swiper-slide.swiper-slide-active  .left_it_box .l_i_cont {opacity: 1;transform: translate( 0px , 0px )}

  .swiper-slide .right_it_box .it_box_top {opacity: 0;transform: translate( 80px , 0px );transition: all .5s ease;transition-delay: 0.2s;}
  .swiper-slide.swiper-slide-active .right_it_box .it_box_top {opacity: 1;transform: translate( 0px , 0px )}

  .swiper-slide .right_it_box .it_box_cont {opacity: 0;transform: translate( 80px , 0px );transition: all .5s ease;transition-delay: 0.2s;}
  .swiper-slide.swiper-slide-active .right_it_box .it_box_cont {opacity: 1;transform: translate( 0px , 0px )}






  /*sub other page*/

  .sm_info_p1_section {position:relative;width:100%;padding: 120px 0 110px;overflow: hidden;}
  .sm_info_p1_section .smp1_bg_area {position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;}
  .sm_info_p1_section .smp1_bg_area img {width:100%;height:100%;object-fit: cover;}
  .sm_info_p1_section .smp1_cont_area {position:relative;width:100%;max-width:1300px;margin: 0 auto ;padding: 0 20px ;box-sizing: border-box;}
  .sm_info_p1_section .smp1_cont_area .iv_tit {width:100%;margin: 0 auto 13px;font-size: 39px;font-weight: 700;color:#000;line-height: 1.3;text-align: center;}
  .sm_info_p1_section .smp1_cont_area .iv_tit .iv_color_1 {color:#425FEC;}
  .sm_info_p1_section .smp1_cont_area .iv_tt {width:100%;margin: 0 auto 14px;font-size: 18px;font-weight: 600;color: #333;line-height: 1.4;text-align: center;}
  .sm_info_p1_section .smp1_cont_area .iv_tts {position:relative;width:100%;text-align: center;margin: 0 auto 60px;}
  .sm_info_p1_section .smp1_cont_area .iv_tts p{position:relative;font-size: 17px;font-weight: 600;color: #2e4989;line-height: 1.3;margin: 0px auto;text-align: left;padding: 0 0 0px 24px;box-sizing: border-box;display: inline-block;}
  .sm_info_p1_section .smp1_cont_area .iv_tts p::after {content:"";position:absolute;top:0;left:0;width: 22px;height: 22px;background-image:url(../../images/icon_if_tt_ch_s1.svg);
  background-position: 0px 3px;background-repeat: no-repeat;background-size: 18px;opacity: 1;}


  .smp1_table_area {width: 93%;max-width: 1000px;margin: 0 auto;}
  .smp1_table_area .tb_top_bar {width:100%;background:#45549B;display: flex;flex-wrap: wrap;align-items: center;height: 65px;border-radius: 14px 14px 0 0;overflow: hidden;}
  .smp1_table_area .tb_top_bar .tit {width:calc(100% - 100px);text-align: left;font-size: 19px;font-weight: 500;color: #fff;line-height: 1.3;padding: 0 23px;box-sizing:border-box;}
  .smp1_table_area .tb_top_bar .stt {width:100px;text-align: right;font-size: 13px;font-weight: 400;color: #fff;line-height: 1.3;padding: 0 23px;box-sizing:border-box;}

  .smp1_table_area .tb_table_box {width:100%;margin: 0 auto ;}
  .smp1_table_area .tb_table_box table {width:100%;}
  .smp1_table_area .tb_table_box table thead tr th {background:#7989CF;font-size: 17px;font-weight: 500;color: #fff;line-height: 1.3;text-align: center;padding: 15px 10px;}
  .smp1_table_area .tb_table_box table tbody tr td {background: #fff;border-bottom: 1px solid #E0E7EF;font-size: 17px;font-weight: 700;color: #333;line-height: 1.3;text-align: center;padding: 18px 10px;}
  .smp1_table_area .tb_table_box table tbody tr td.price_cc {color:#3654E6;}

  .smp1_table_area .tb_bot_bar {width:100%;background: #707AAC;display: flex;flex-wrap: wrap;align-items: center;height: 49px;border-radius: 0 0 14px 14px;overflow: hidden;}
  .smp1_table_area .tb_bot_bar .tit {width:calc(100% - 100px);text-align: left;font-size: 14px;font-weight: 400;color: #fff;line-height: 1.3;padding: 0 20px;box-sizing:border-box;}
  .smp1_table_area .tb_bot_bar .stt {width:100px;text-align: right;font-size: 14px;font-weight: 400;color: #fff;line-height: 1.3;padding: 0 23px;box-sizing:border-box;}




  .sm_info_p2_section {position:relative;width:100%;padding: 120px 0 90px;overflow: hidden;background:#EFF2FF;}
  .sm_info_p2_section .smp2_cont_area {position:relative;width:100%;max-width:1300px;margin: 0 auto;padding: 0 40px;box-sizing: border-box;}
  .sm_info_p2_section .smp2_cont_area .cont_dt_area {position:relative;width: 60%;padding: 0 0 40px;}
  .sm_info_p2_section .smp2_cont_area .cont_dt_area .vnf_tit {width:100%;font-size: 37px;font-weight: 700;color: #000;line-height: 1.25;margin: 0px auto 20px;text-align: left;}
  .sm_info_p2_section .smp2_cont_area .cont_dt_area .vnf_tit .iv_color_1 {color:#336EF9;}
  .sm_info_p2_section .smp2_cont_area .cont_dt_area .vnf_tt {width:100%;font-size: 16px;font-weight: 600;color: #000;line-height: 1.5;margin: 0px auto 34px;text-align: left;}
  .sm_info_p2_section .smp2_cont_area .cont_dt_area .vnf_in_cont {width:100%;}
  .sm_info_p2_section .smp2_cont_area .cont_dt_area .vnf_in_cont .vf_i_box {width: 80%;display: flex;flex-wrap: wrap;background: #fff;box-sizing: border-box;border-radius: 12px;overflow: hidden;max-width: 500px;margin: 0 0 20px;}
  .sm_info_p2_section .smp2_cont_area .cont_dt_area .vnf_in_cont .vf_i_box .l_ic {width: 50px;background:#457EE2;display: flex;align-items: center;justify-content: center;}
  .sm_info_p2_section .smp2_cont_area .cont_dt_area .vnf_in_cont .vf_i_box .l_ic img {width: 24px;}
  .sm_info_p2_section .smp2_cont_area .cont_dt_area .vnf_in_cont .vf_i_box .r_text {width: calc(100% - 50px);min-height: 60px;display: flex;align-items: center;padding: 20px 16px;box-sizing: border-box;font-size: 15px;font-weight: 700;color: #304E94;line-height: 1.3;}

  .sm_info_p2_section .smp2_cont_area .vnf_img_area {position:absolute;top:0;left: 50%;width: 50%;height:100%;}
  .sm_info_p2_section .smp2_cont_area .vnf_img_area .img_s_vnf_if {position:absolute;top: 10%;left: -6%;width: 107%;max-width: 702px;min-width: 450px;}




  .sm_info_p3_section {position:relative;width:100%;padding: 80px 0 80px;overflow: hidden;background:#253B80;}
  .sm_info_p3_section .smp3_cont_area {position:relative;width:100%;max-width:1300px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;display: flex;flex-wrap: wrap;}
  .sm_info_p3_section .smp3_cont_area .cont_dt_area {position:relative;width: 50%;padding: 60px 20px 60px;box-sizing: border-box;}
  .sm_info_p3_section .smp3_cont_area .cont_dt_area .vnf_tit {width:100%;font-size: 39px;font-weight: 600;color: #fff;line-height: 1.3;margin: 0px auto 20px;text-align: left;}
  .sm_info_p3_section .smp3_cont_area .cont_dt_area .vnf_tit .iv_color_1 {color: #58FFFF;}
  .sm_info_p3_section .smp3_cont_area .cont_dt_area .vnf_tt {width:100%;font-size: 16px;font-weight: 400;color: #fff;line-height: 1.5;margin: 0px auto 29px;text-align: left;}
  .sm_info_p3_section .smp3_cont_area .cont_dt_area .vnf_tts {width:100%;text-align: left;}
  .sm_info_p3_section .smp3_cont_area .cont_dt_area .vnf_tts p{position:relative;font-size: 16px;font-weight: 400;color: #fff;line-height: 1.3;margin: 0px auto;text-align: left;padding: 0 0 0px 22px;box-sizing: border-box;display: inline-block;}
  .sm_info_p3_section .smp3_cont_area .cont_dt_area .vnf_tts p::after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width: 22px;
  height: 22px;
  background-image:url(../../images/icon_if_tt_ch_brblue.svg);
  background-position: 0px 1px;
  background-repeat: no-repeat;
  background-size: 15px;
  opacity: 1;
  }

  .sm_info_p3_section .smp3_cont_area .vnf_img_area {position: relative;width: 50%;}
  .sm_info_p3_section .smp3_cont_area .vnf_img_area .vf_img_box {position:absolute;top:0;right: 0;width:100%;height:100%;}
  .sm_info_p3_section .smp3_cont_area .vnf_img_area .vf_img_box .in_i_box {position: absolute;width: 102%;max-width: 663px;min-width: 350px;top: 0;right: 20px;height: 100%;display: flex;align-items: center;}
  .sm_info_p3_section .smp3_cont_area .vnf_img_area .img_s_vnf_if {width: 100%;}







  .s_ctus_banner_vs {position:relative;width:100%;height:100vh;overflow: hidden;min-height:850px}
  .s_ctus_banner_vs .ctus_bg_area {position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;}
  .s_ctus_banner_vs .ctus_bg_area img {width: 170%;height: 100%;object-fit: cover;}

  .s_ctus_banner_vs .ctus_cont_area {position:relative;width:100%;height: 100%;max-width:1300px;margin: 0 auto;display: flex;align-items: center;}
  .s_ctus_banner_vs .ctus_cont_area .in_cont_tt {width:100%;}
  .s_ctus_banner_vs .ctus_cont_area .in_cont_tt .cu_tit {width:100%;font-size: 68px;font-weight: 700;color: #2A3D98;line-height: 1.2;margin: 0px auto 10px;text-align: center;}
  .s_ctus_banner_vs .ctus_cont_area .in_cont_tt .cu_tt {width:100%;font-size: 51px;font-weight: 700;color: #000;line-height: 1.15;margin: 0px auto 24px;text-align: center;}
  .s_ctus_banner_vs .ctus_cont_area .in_cont_tt .cu_tts {width:100%;font-size: 18px;font-weight: 600;color: #000;line-height: 1.4;text-align: center;}




  .cu_info_p1_section {position:relative;width:100%;padding: 100px 0 100px;overflow: hidden;background:#253B80;}
  .cu_info_p1_section .smp3_cont_area {position:relative;width:100%;max-width:1300px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;display: flex;flex-wrap: wrap;}
  .cu_info_p1_section .smp3_cont_area .cont_dt_area {position:relative;width: 50%;padding: 20px 20px 20px;box-sizing: border-box;}
  .cu_info_p1_section .smp3_cont_area .cont_dt_area .vnf_tit {width:100%;font-size: 35px;font-weight: 600;color: #fff;line-height: 1.3;margin: 0px auto 22px;text-align: left;}
  .cu_info_p1_section .smp3_cont_area .cont_dt_area .vnf_tit .iv_color_1 {color: #58FFFF;}
  .cu_info_p1_section .smp3_cont_area .cont_dt_area .vnf_tt {width: 90%;font-size: 15px;font-weight: 400;color: #fff;line-height: 1.5;margin: 0px 0 30px;text-align: left;}

  .cu_info_p1_section .smp3_cont_area .vnf_img_area {position: relative;width: 50%;}
  .cu_info_p1_section .smp3_cont_area .vnf_img_area .vf_img_box {position:absolute;top:0;right: 0;width:100%;height:100%;}
  .cu_info_p1_section .smp3_cont_area .vnf_img_area .vf_img_box .in_i_box {position: absolute;width: 92%;max-width: 573px;min-width: 410px;top: 3%;right: 0px;height: 100%;display: flex;align-items: center;}
  .cu_info_p1_section .smp3_cont_area .vnf_img_area .img_s_vnf_if {width: 100%;}

  .cu_info_p1_section .tb_table_box {width:100%;margin: 0 auto ;}
  .cu_info_p1_section .tb_table_box table {width:100%;max-width: 540px;border-radius: 15px;overflow: hidden;}
  .cu_info_p1_section .tb_table_box table tbody tr th {background: #fff;font-size: 14px;font-weight: 500;color: #B1BDE5;line-height: 1.3;text-align: right;padding: 12px 10px;background:#4254A5;}
  .cu_info_p1_section .tb_table_box table tbody tr td {font-size: 14px;font-weight: 400;color: #fff;line-height: 1.3;text-align: left;padding: 11px 10px;background:#4254A5;}
  .cu_info_p1_section .tb_table_box table tbody tr:nth-child(even) th {background:#354692;}
  .cu_info_p1_section .tb_table_box table tbody tr:nth-child(even) td {background:#354692;}




  .cu_info_p2_section {position:relative;width:100%;padding: 80px 0 80px;overflow: hidden;background: #005385;}
  .cu_info_p2_section .smp3_cont_area {position:relative;width:100%;max-width:1300px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;display: flex;flex-wrap: wrap;flex-direction: row-reverse;}
  .cu_info_p2_section .smp3_cont_area .cont_dt_area {position:relative;width: 50%;padding: 140px 20px;box-sizing: border-box;}
  .cu_info_p2_section .smp3_cont_area .cont_dt_area .vnf_ttu {width:100%;font-size: 22px;font-weight: 500;color: #fff;line-height: 1.3;margin: 0px auto 14px;text-align: left;}
  .cu_info_p2_section .smp3_cont_area .cont_dt_area .vnf_tit {width:100%;font-size: 42px;font-weight: 600;color: #fff;line-height: 1.2;margin: 0px auto 20px;text-align: left;}
  .cu_info_p2_section .smp3_cont_area .cont_dt_area .vnf_tit .iv_color_1 {color: #DDFF51;}
  .cu_info_p2_section .smp3_cont_area .cont_dt_area .vnf_tt {width: 90%;font-size: 14px;font-weight: 400;color: #fff;line-height: 1.6;margin: 0px 0 20px;text-align: left;}

  .cu_info_p2_section .smp3_cont_area .vnf_img_area {position: relative;width: 50%;}
  .cu_info_p2_section .smp3_cont_area .vnf_img_area .vf_img_box {position:absolute;top:0;right: 0;width:100%;height:100%;}
  .cu_info_p2_section .smp3_cont_area .vnf_img_area .vf_img_box .in_i_box {position: absolute;width: 72%;max-width: 439px;min-width: 330px;top: 0%;left: 10px;height: 100%;display: flex;align-items: center;}
  .cu_info_p2_section .smp3_cont_area .vnf_img_area .img_s_vnf_if {width: 100%;}



  .cu_info_p3_section {position:relative;width:100%;padding: 70px 0 0px;overflow: hidden;background: #EAECF3;}
  .cu_info_p3_section .smp3_cont_area {position:relative;width:100%;max-width:1300px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;display: flex;flex-wrap: wrap;flex-direction: row;}
  .cu_info_p3_section .smp3_cont_area .cont_dt_area {position:relative;width: 60%;padding: 20px 20px 390px;box-sizing: border-box;}
  .cu_info_p3_section .smp3_cont_area .cont_dt_area .vnf_tit {width:100%;font-size: 34px;font-weight: 700;color: #000;line-height: 1.3;margin: 0px auto 20px;text-align: left;}
  .cu_info_p3_section .smp3_cont_area .cont_dt_area .vnf_tit .iv_color_1 {color: #DDFF51;}
  .cu_info_p3_section .smp3_cont_area .cont_dt_area .vnf_tt {width: 90%;font-size: 16px;font-weight: 500;color: #333;line-height: 1.5;margin: 0px 0 50px;text-align: left;}

  .cu_info_p3_section .clt_bg_area {position:absolute;top:0;right: 0;width:100%;height:100%;overflow: hidden;}
  .cu_info_p3_section .clt_bg_area .vf_img_box {position:absolute;top: 0%;left: 50%;width: 1100px;height: auto;margin-left: -410px;}
  .cu_info_p3_section .clt_bg_area .img_s_vnf_if {width: 100%;height:100%;object-fit: cover;}







  .s_clt_banner_vs {position:relative;width:100%;height:100vh;overflow: hidden;min-height:850px}
  .s_clt_banner_vs .ctus_bg_area {position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;}
  .s_clt_banner_vs .ctus_bg_area img {width:100%;height:100%;object-fit: cover;}

  .s_clt_banner_vs .ctus_cont_area {position:relative;width:100%;height: 100%;max-width:1300px;margin: 0 auto;display: flex;align-items: center;}
  .s_clt_banner_vs .ctus_cont_area .in_cont_tt {position: relative;width:100%;top: -15%;}
  .s_clt_banner_vs .ctus_cont_area .in_cont_tt .cu_tit {width:100%;font-size: 78px;font-weight: 700;color: #2A3D98;line-height: 1.2;margin: 0px auto 10px;text-align: center;}
  .s_clt_banner_vs .ctus_cont_area .in_cont_tt .cu_tt {width:100%;font-size: 50px;font-weight: 700;color: #000;line-height: 1.25;margin: 0px auto 24px;text-align: center;}
  .s_clt_banner_vs .ctus_cont_area .in_cont_tt .cu_tts {width: 60%;font-size: 18px;font-weight: 600;color: #000;line-height: 1.4;text-align: center;margin: 0 auto;}


  .s_clt_infom_section {position:relative;width:100%;background:#EAECF3;padding: 120px 0 120px;overflow: hidden;}
  .s_clt_infom_section.oth_color {background:#DDE1EC;}
  .s_clt_infom_section .scl_bg_area {position:absolute;top:0;left:50%;width: 1400px;margin-left: -700px;opacity: 0.7;}
  .s_clt_infom_section .scl_bg_area img {width:100%;}


  .s_clt_infom_section .scl_cc_cont_area {position:relative;width:100%;max-width: 1340px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;}
  .s_clt_infom_section .scl_cc_cont_area .scc_tit {width:100%;font-size: 40px;font-weight: 700;color: #000000;line-height: 1.2;margin: 0px auto 40px;text-align: center;}

  .scl_cc_cont_area .scc_cc_tab {width:100%;display: flex;flex-wrap: wrap;background:#fff;border-bottom: 3px solid #4F5FAA;cursor:pointer;margin: 0px auto 40px;}
  .scl_cc_cont_area .scc_cc_tab .tb_btn {width:25%;padding: 19px 0;font-size: 18px;font-weight: 600;color: #8892B8;line-height: 1.2;text-align: center;background:#fff;transition: all .2s ease;}
  .scl_cc_cont_area .scc_cc_tab .tb_btn:hover {background:#eff1fd;color: #6b769f;}
  .scl_cc_cont_area .scc_cc_tab .tb_btn.bt_on {background:#4F5FAA;color:#fff;font-weight: 600;}

  .scl_cc_cont_area .scc_cc_list_box {width:100%;}
  .scl_cc_cont_area .scc_cc_list_box ul {width: calc(100% + 16px);margin-left: -8px;display: flex;flex-wrap: wrap;}
  .scl_cc_cont_area .scc_cc_list_box ul li {width: calc(20% - 16px);background:#fff;border-radius: 8px;overflow:hidden;margin: 0 8px 16px;text-align: center;}
  .scl_cc_cont_area .scc_cc_list_box ul li img {width: 100%;max-width: 200px;}





  /*pop*/

  .n_apply_pop_page {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.75);overflow: hidden;z-index: 100;transition: all .3s ease-in ;}
  .n_apply_pop_page .ap_pop_section {position:absolute;top:0;left:0;width:100%;height:100%;overflow-y: auto;}
  .n_apply_pop_page .ap_pop_section .ap_content {position:relative;width:100%;max-width:1040px;padding: 40px 20px;margin: 0 auto;box-sizing: border-box;top:12%;transform: translate( 0 , -40px);transition: all .3s ease-in-out ;opacity: 0; }
  .n_apply_pop_page .ap_pop_section .ap_content.openpop {
  animation-name: popdown;
  animation-duration:0.5s;
  animation-duration: leaner;
  animation-iteration-count:1;
  animation-direction:alternate;
  animation-fill-mode: forwards;
  }

    @keyframes popdown {
      0% {
        transform: translate( 0 , -40px);opacity: 0;
      }
      100% {
        transform: translate( 0 , 0px);opacity: 1;
      }
  }
  .n_apply_pop_page .ap_pop_section .ap_content .apc_box {width:100%;display: flex;flex-wrap: wrap;}

  .ap_content .apc_box .left_sect {position:relative;width:calc(100% - 400px);box-sizing: border-box;background:#DDE6FC;border-radius: 20px 0 0 20px;overflow: hidden;}
  .ap_content .apc_box .left_sect .top_ip_box {width: calc(100% - 40px);background:#2963DC;border-radius:12px;overflow: hidden;margin: 20px auto 0;}
  .ap_content .apc_box .left_sect .top_ip_box .tt_box {width:100%;padding: 30px 30px 25px;box-sizing: border-box;}
  .ap_content .apc_box .left_sect .top_ip_box .tt_box .tb_tt_1 {width:100%;font-size: 26px;font-weight: 600;color: #fff;line-height: 1.3;margin: 0px auto 13px;text-align: left;}
  .ap_content .apc_box .left_sect .top_ip_box .tt_box .tb_tt_2 {width:100%;font-size: 14px;font-weight: 400;color: #fff;line-height: 1.4;margin: 0px auto 0px;text-align: left;}

  .ap_content .apc_box .left_sect .top_ip_box .bt_box {width:100%;padding: 22px 30px;box-sizing: border-box;background:#073188;}
  .ap_content .apc_box .left_sect .top_ip_box .bt_box .if_tt {display:inline-block;font-size: 16px;font-weight: 500;color: #fff;line-height: 1.2;padding: 4px 20px 8px 0;}
  .ap_content .apc_box .left_sect .top_ip_box .bt_box .call_tt {font-size: 24px;font-weight: 700;color: #fff;line-height: 1.2;display: inline-block;vertical-align: middle;}
  .ap_content .apc_box .left_sect .top_ip_box .bt_box .call_tt img {width: 29px;padding-right: 4px;position: relative;top: -1px;}

  .ap_content .apc_box .left_sect .mid_ip_box {position:relative;width:100%;height: auto;min-height: 350px;}
  .ap_content .apc_box .left_sect .mid_ip_box .tit_tt {position:absolute;top: 12%;left: 8%;font-size: 21px;font-weight: 700;color: #133782;line-height: 1.4;text-align: left;z-index: 1;}
  .ap_content .apc_box .left_sect .mid_ip_box .bg_if_img {position:absolute;bottom: -33%;left: -21%;width: 610px;}
  .ap_content .apc_box .left_sect .mid_ip_box .bg_if_img img {width:100%;}


  .ap_content .apc_box .right_sect {width:400px;background:#fff;border-radius: 0 20px 20px 0;overflow: hidden;padding: 20px 30px 30px;box-sizing: border-box;}
  .ap_content .apc_box .right_sect .n_app_close {width:100%;text-align:right;padding: 0 0 10px;}
  .ap_content .apc_box .right_sect .n_app_close button {background:none;padding: 5px;opacity: 0.4;transition: all .1s ease;}
  .ap_content .apc_box .right_sect .n_app_close button img {width: 26px;}
  .ap_content .apc_box .right_sect .n_app_close button:hover {opacity: 0.8;}


  .right_sect .info_ip_section {width:100%;}
  .right_sect .info_ip_section .if_ip_box {width:100%;display: flex;flex-wrap: wrap;align-items: center;padding: 5px 0;}
  .right_sect .info_ip_section .if_ip_box .l_bx {width: 70px;font-size: 15px;font-weight: 600;color: #3A3A3A;line-height: 1.4;text-align: left;}
  .right_sect .info_ip_section .if_ip_box .l_bx .imp {color:#FF3B3B;}
  .right_sect .info_ip_section .if_ip_box .r_bx {width: calc(100% - 70px);}
  .right_sect .info_ip_section .if_ip_box .r_bx input.ap_ip {border: 1px solid #9CA7BC;background: #F9FBFF;box-sizing: border-box;}
  .right_sect .info_ip_section .if_ip_box .r_bx select.ap_ip {border: 1px solid #9CA7BC;background-color: #F9FBFF;box-sizing: border-box;}
  .right_sect .info_ip_section .if_ip_box .r_bx textarea.ap_ip {border: 1px solid #9CA7BC;background-color: #F9FBFF;box-sizing: border-box;height:80px;}

  .right_sect .info_ip_section .if_ip_box.derc {flex-direction: column;padding: 12px 0 6px;}
  .right_sect .info_ip_section .if_ip_box.derc .l_bx {width:100%;text-align: left;padding: 4px 0;}
  .right_sect .info_ip_section .if_ip_box.derc .r_bx {width:100%;text-align: left;}

  .right_sect .info_imp_script {width:100%;font-size: 13px;font-weight: 500;color: #3A3A3A;line-height: 1.4;text-align: left;padding: 9px 5px 20px;box-sizing: border-box;}
  .right_sect .info_imp_script a {color:#5886E5;text-decoration: underline;}
  .right_sect .n_app_btn_area {width:100%;text-align: center;padding: 10px 0;}
  .right_sect .n_app_btn_area .closebtnOp {display: none;}



  .right_fix_btn {position: fixed;top:0;right:0;height:100%;z-index: 11;}
  .right_fix_btn .rf_bt_box {position: absolute;top: calc(100% - 61px);right: 0;margin-top: -60px;}
  .right_fix_btn .rf_bt_box.bt_posit {margin-top: 0px;}
  .right_fix_btn .rf_bt_box a {display: inline-block;}
  .right_fix_btn .rf_bt_box a .rfbt_go_f {position:relative;width: 60px;height:60px;background:#3F5EF6;cursor:pointer;overflow: hidden; transition: all 0.3s ease;}
  .right_fix_btn .rf_bt_box a .rfbt_go_f.gf_bg_el {background:#249AD8;}
  .right_fix_btn .rf_bt_box a .rfbt_go_f .bt_img {position:absolute;top:0;left:0;width:60px;height:60px;display: flex;align-items: center;justify-content: center;}
  .right_fix_btn .rf_bt_box a .rfbt_go_f .bt_img .bf_img {width: 100%;height: 100%;max-width: 28px;max-height: 28px;}
  .right_fix_btn .rf_bt_box a .rfbt_go_f .bt_name {position:absolute;top:0;left:60px;width:140px;height:60px;display: flex;align-items: center;padding: 0 0 0 0px;box-sizing: border-box;}
  .right_fix_btn .rf_bt_box a .rfbt_go_f .bt_name .nm_bx {font-size: 15px;font-weight: 400;color: #fff;line-height:18px;}
  
  .right_fix_btn .rf_bt_box a .rfbt_go_f:hover {width: 200px;}

  

}





























@media only screen and (max-width: 750px) {


  /*main*/

  .m_vs_sect {position:relative;width:100%;height:100vh;background:#000;overflow: hidden;min-height:800px;}
  .m_vs_sect .cont_area {position:relative;width:100%;height:100%;max-width:1300px;margin: 0 auto ;display: flex;align-items: center;}
  .m_vs_sect .cont_area .text_btn_box {top: 0%;width:100%;height: calc(100% - 200px);position: relative;}
  .m_vs_sect .cont_area .text_btn_box .mt_text {text-align:center;position: absolute;top: 0;left: 0;width: 100%;}
  .m_vs_sect .cont_area .text_btn_box .mt_text .mt_tt_1 {width:100%;margin: 0 auto;font-size: 29px;font-weight: 600;color:#fff;line-height: 1.3;margin: 20px 0 13px;text-align: center;}
  .m_vs_sect .cont_area .text_btn_box .mt_text .mt_tt_2 {width: 80%;margin: 0 auto;font-size: 15px;font-weight: 500;color:#fff;line-height: 1.5;text-align: center;}
  .m_vs_sect .cont_area .text_btn_box .mt_btn {text-align:center;position: absolute;bottom: 0;left: 0;width: 100%;}
  .m_vs_sect .cont_area .text_btn_box .mt_btn a {margin: 10px 10px;}

  .m_vs_sect .vod_bg_area {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(21,36,130,0.37);}

  .m_vs_sect .vod_area {position:absolute;top:0;left:0;width:100%;height:100%;}
  .m_vs_sect .vod_area .vod_in_box {position:absolute;top: 32%;left:0;width: 100%;height: 50%;}
  .m_vs_sect .vod_area .vod_in_box .video_box {text-align: center;height: auto;width: 150%;margin-left: -25%;}
  .m_vs_sect .vod_area .vod_in_box .video_box video {width: 100%;height: auto;}



  .m_solu_sect {position:relative;width:100%;background:#000;overflow: hidden;}
  .m_solu_sect .sl_bg_area {position: absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;background: #202E67;}
  .m_solu_sect .sl_bg_area .tbg_img {position:absolute;top:0;left:50%;width:3346px;margin-left:-1673px;}
  .m_solu_sect .sl_bg_area .tbg_img img {width:100%;}

  .m_solu_sect .sl_content {position:relative;width:100%;margin: 0 auto;}
  .m_solu_sect .sl_content .tit_box {width:100%;padding: 90px 0 40px;}
  .m_solu_sect .sl_content .tit_box .sl_tt_1 {width: 90%;margin: 0 auto;font-size: 34px;font-weight: 600;color:#fff;line-height: 1.3;margin: 0px auto 19px;text-align: center;}
  .m_solu_sect .sl_content .tit_box .sl_tt_2 {width:100%;margin: 0 auto;font-size: 15px;font-weight: 400;color:#fff;line-height: 1.5;text-align: center;}

  .m_solu_sect .sl_content .sl_info_area {width:100%;margin: 0 auto;max-width: 1400px;padding: 0 20px 50px;box-sizing: border-box;}
  .m_solu_sect .sl_content .sl_info_area ul {width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
  .m_solu_sect .sl_content .sl_info_area ul li {width: 100%;margin: 0 0 30px;}
  .m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box {position:relative;width:100%;height: 320px;background:#000;border-radius: 20px;overflow: hidden;}

  .m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg {position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;background:#0B2D67;}
  .m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg.sbg_1 {background:#0B2D67;}
  .m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg.sbg_2 {background: #001a1a;}
  .m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg.sbg_3 {background:#053631;}
  .m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg.sbg_4 {background:#0B2D67;}

  .m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg .sbg_vod {position:absolute;top:0;width: 170%;height:100%;opacity: 0.7;}
  .m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg .sbg_vod.posit_1 {top: -8%;right: -34%;width: 170%;height: 160%;opacity: 0.7;}
  .m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg .sbg_vod.posit_2 {top:0;right: -5%;width: 123%;height: 120%;opacity: 0.5;}
  .m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg .sbg_vod.posit_3 {top:0;right: -70%;width: 170%;height: 110%;opacity: 0.7;}
  .m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg .sbg_vod.posit_4 {top: -4%;right: -70%;width: 170%;height: 130%;opacity: 0.7;}
  .m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg .sbg_vod video {width: auto;height: 100%;}
  
  .m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg .sbg_img {position:absolute;top:0;left:0;width: 100%;height:100%;opacity: 1;}
  .m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg .sbg_img img {width:100%;height:100%;object-fit: cover;}
  .m_solu_sect .sl_content .sl_info_area ul li .sl_dt_box .sdt_bg .sbg_img .uy_layer {position:absolute;top:0;left:0;width: 100%;height:100%;background: linear-gradient(90deg, #000000a6, #00000038);}



  .sl_dt_box .bx_cont {position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;padding: 30px 30px;box-sizing: border-box;}
  .sl_dt_box .bx_cont .sl_ib_tt_1 {width:100%;margin: 0 auto;font-size: 17px;font-weight: 600;color:#fff;line-height: 1.3;margin: 6px 0 9px;text-align: left;}
  .sl_dt_box .bx_cont .sl_ib_tt_2 {width:100%;margin: 0 auto;font-size: 37px;font-weight: 600;color:#fff;line-height: 1;margin: 0px 0 10px;text-align: left;transition: all 0.3s ease;}
  .sl_dt_box .bx_cont .sl_ib_tt_3 {width: 80%;font-size: 14px;font-weight: 400;color:#fff;line-height: 1.5;margin: 0px 0 30px;text-align: left;transition: all 0.3s ease;opacity: 0.8;}
  .sl_dt_box .bx_cont .bot_btn_box{position:absolute;bottom: 30px;left: 30px;width:100%;}

  .sl_dt_box:hover .bx_cont .sl_ib_tt_2 {font-size: 37px;}
  .sl_dt_box:hover .bx_cont .sl_ib_tt_3 {opacity: 1;}


  .sl_dt_box a.sl_go_btn {position:relative;height: 40px;width: 130px;border-radius: 100px;border: 2px solid #fff;min-width:46px;display: inline-block;overflow: hidden;cursor:pointer;color:#fff;transition: all 0.2s ease;opacity: 1;background:rgba(0,0,0,0.5);}
  .sl_dt_box a.sl_go_btn .bt_nm {
    position:absolute;
    top:0;
    left:0;
    width:150px;
    height:100%;
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    color:#fff;
    line-height: 1;
    padding: 0 0 0 20px;
    box-sizing: border-box;
    opacity: 1;
    transform: translate( 0px , 0 );
    transition: all 0.3s ease;
    }
    .sl_dt_box a.sl_go_btn .bt_ic {position:absolute;top:0;right:0;width:44px;height: 40px;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease;}
    .sl_dt_box a.sl_go_btn .bt_ic img {width: 10px;}
    
  .sl_dt_box a.sl_go_btn:hover {background:rgba(0,0,0,0.7);border: 2px solid #00e2ff;}
  .sl_dt_box a.sl_go_btn:hover .bt_ic {right:-3px;}

    
  .sl_dt_box:hover a.sl_go_btn {opacity: 1;}
  .sl_dt_box:hover a.sl_go_btn .bt_nm {opacity: 1;transform: translate( 0 , 0px)}
  .sl_dt_box:hover a.sl_go_btn {width: 130px;}



  .m_client_sect {position:relative;width:100%;overflow: hidden;padding: 70px 0 100px;}
  .m_client_sect .m_cl_bg_area {position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;background: #2f54ad;}
  .m_client_sect .m_cl_bg_area .bg_img_box {position: absolute;top:0;left:50%;width:3300px;height:100%;margin-left:-1650px;}
  .m_client_sect .m_cl_bg_area .bg_img_box img {width:auto;height:100%;}

  .m_client_sect .m_clt_content {position:relative;width:100%;z-index: 1;}
  .m_client_sect .m_clt_content .cl_tit_sect {width:100%;display: flex;flex-wrap: wrap;align-items: center;max-width:1400px;margin: 0 auto;padding: 25px 0 50px;}
  .m_client_sect .m_clt_content .cl_tit_sect .cl_tt_1 {position:relative;width: 100%;font-size: 30px;font-weight: 600;color:#fff;line-height: 1.2;text-align: center;padding: 0 20px 20px;box-sizing: border-box;}
  .m_client_sect .m_clt_content .cl_tit_sect .cl_tt_1::after {content: "";position:absolute;top:0;right:0;width: 0;height:100%;background:rgba(255,255,255,0.2);}
  .m_client_sect .m_clt_content .cl_tit_sect .cl_tt_2 {width: 100%;font-size: 14px;font-weight: 400;color:#fff;line-height: 1.4;text-align: center;padding: 0 20px;box-sizing: border-box;}

  .m_lsw_area {position:relative;width:100%;height: 180px;pointer-events:none;}
  .cl_logo_sw_section {position:absolute;top:0;left:50%;width: 1700px;margin-left: -700px;}

  .cl_logo_sw_section .swiper {overflow: unset;}
  .cl_logo_sw_section .swiper-wrapper {transition-timing-function: linear !important;}

  .cl_logo_sw_section .cl_v_box {width: 95%;text-align: center;background: #fff;margin: 0px 0 25px;border-radius: 10px;}
  .cl_logo_sw_section .cl_v_box img {width: 100%;}



  /* .horizontal-scroll-wrapper {position: relative;width: 100%;background:#000;}
  .horizontal-scroll-section {position: relative;max-width: 1400px;margin: 0 auto;width: 100%;height: 100%;z-index: 1;}
  .sticky-container {position:fixed;position: sticky;top: 0;height: 100vh;overflow: visible; }
  .content-inner {position: relative;height: 100%;}
*/

.horizontal-scroll-wrapper {position: relative;width: 100%;overflow: hidden;background:#000;}
.horizontal-scroll-wrapper .in_section {width: 100%;margin: 0 auto;height: 100vh;position: absolute;top: 0;left: 0;}
.horizontal-scroll-section {max-width: 1400px;margin: 0 auto;height:100%;}
.horizontal-cards-wrapper {position: relative;height: 100%;}

  .section-header {padding: 50px 20px 20px;z-index: 1;position: relative;height: 41%;box-sizing: border-box;display: flex;align-items: end;flex-wrap: wrap;}
  .section-header .hz_text_box {width:100%;}
  .section-header .hz_text_box .hz_tt_1 {width: 90%;margin: 0 auto;font-size: 27px;font-weight: 600;color:#fff;line-height: 1.2;margin: 0px auto 18px;text-align: center;}
  .section-header .hz_text_box .hz_tt_2 {width: 85%;margin: 0 auto;font-size: 14px;font-weight: 500;color:#fff;line-height: 1.5;text-align: center;}



  .horizontal-cards {position: absolute;top: 43%;left: 0;height: 53%;display: flex;transition: transform 0.3s ease-out;padding: 0 40px;box-sizing: border-box;}
  .horizontal-cards .card {width: 270px;height: 100%;margin-right: 20px;}
  .horizontal-cards .card:last-child {display: none;}

  .horizontal-cards .card .np_info_box {position: relative;width:100%;height:100%;min-height: 360px;max-height: 360px;display: flex;flex-wrap: wrap;align-items: center;background-color: rgba(255, 255, 255, 0.12);transition-property: background-color;backdrop-filter: saturate(200%) blur(9px);border-radius: 20px;}
  .horizontal-cards .card .np_info_box .card_in_cont {width:100%;}
  .horizontal-cards .card .np_info_box .npi_tit {width:100%;margin: 0 auto;font-size: 23px;font-weight: 600;color:#fff;line-height: 27px;margin: 6px 0 4px;text-align: center;transition: all 0.3s ease;}
  .horizontal-cards .card .np_info_box .npi_tt {width:100%;margin: 0 auto 10px;font-size: 16px;font-weight: 500;color:#94F0FF;line-height: 1.5;text-align: center;transition: all 0.3s ease;}
  .horizontal-cards .card .np_info_box .npi_icon {width:100%;text-align: center;height: 105px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;transition: all 0.3s ease;}
  .horizontal-cards .card .np_info_box .npi_icon .ni_image {width: 100%;max-width: 90px;height: auto;max-height: 90px;transition: all 0.3s ease;}
  .horizontal-cards .card .np_info_box .npi_iftt {width: 76%;height: 80px;margin: 0 auto 0px;font-size: 13px;font-weight: 400;color: #ffffff;line-height: 1.5;text-align: center;transition: all 0.4s ease;opacity: 1;}

  .horizontal-cards .card .np_info_box:hover .npi_icon {width:100%;text-align: center;height: 105px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
  .horizontal-cards .card .np_info_box:hover .npi_icon .ni_image {width: 100%;max-width: 90px;height: auto;max-height: 90px;}
  .horizontal-cards .card .np_info_box:hover .npi_iftt {width: 76%;height: 80px;margin: 0 auto 0px;font-size: 13px;font-weight: 400;color: #ffffff;line-height: 1.5;text-align: center;opacity: 1;}

  .horizontal-cards .card .np_info_box .np_info_i {position:absolute;bottom:40px;left:0;width:100%;text-align:center;opacity: 0;transition: all 0.2s ease;}
  .horizontal-cards .card .np_info_box .np_info_i .ni_ic {width:28px;}

  .horizontal-cards .card .np_info_box:hover .np_info_i {position:absolute;bottom:20px;left:0;width:100%;text-align:center;opacity: 0;}
  .horizontal-cards .card .np_info_box:hover .np_info_i .ni_ic {width:28px;} 


  .hz_bg_section {position: absolute;top:0;left: 0;width: 100%;height: 100%;}
  .hz_bg_section .hz_bg_mov {position:absolute;top:0;left:0;width:100%;height:100vh;background: #020003;display: flex;align-items: center;justify-content: center;opacity: 1;}
  .hz_bg_section .hz_bg_mov video {width: 1000px;position: absolute;top: 18%;left: 50%;margin-left: -500px;}
  .hz_bg_c_layer {position:absolute;top:0;left:0;width:100%;height:100%;background: #0a1f67;opacity: 0.33;}



  .ft_cont_section {position:relative;width:100%;overflow: hidden;height: 500px;}
  .ft_cont_section .ft_c_bg_area {position:absolute;top:0;left:0;width:100%;height:100%;}
  .ft_cont_section .ft_c_bg_area .bg_img {width: auto;height:100%;position: absolute;top: 0;left: 50%;margin-left: -1374px;}

  .ft_cont_section .ft_c_content {position:relative;width:100%;height:100%;margin: 0 auto ;max-width:1300px;display: flex;flex-wrap: wrap;align-items: center;}
  .ft_cont_section .ft_c_content .c_cont_in_area {width:100%;}
  .ft_cont_section .ft_c_content .c_cont_in_area .cc_tt_1 {width:100%;font-size: 28px;font-weight: 700;color:#2A0E00;line-height: 1.2;margin: 0px auto 13px;text-align: center;}
  .ft_cont_section .ft_c_content .c_cont_in_area .cc_tt_2 {width: 100%;margin: 0px auto 30px;font-size: 15px;font-weight: 500;color: #000000;line-height: 1.4;text-align: center;}
  .ft_cont_section .ft_c_content .c_cont_in_area .cc_btn {width:100%;text-align: center;margin: 0 auto 20px;}
  .ft_cont_section .ft_c_content .c_cont_in_area .cc_btn a {margin: 7px 10px;}






  /*sub page service*/


  .s_p_top_banner_vs {position: relative;width:100%;height:100vh;min-height: unset;background:#000;overflow: hidden;}
  .s_p_top_banner_vs .t_m_vs_bg {position: absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;}
  .s_p_top_banner_vs .t_m_vs_bg .bg_bb_video {position:absolute;top: -4%;left: 50%;width: 2800px;margin-left: -890px;}
  .s_p_top_banner_vs .t_m_vs_bg .bg_bb_video.bbg_ps_1 {top: unset;bottom: -5%;left: 50%;width: 1200px;margin-left: -600px;}
  .s_p_top_banner_vs .t_m_vs_bg .bg_bb_video.bbg_ps_2 {top: 0;left: 0;width: 100%;height: 100%;margin: 0;}
  .s_p_top_banner_vs .t_m_vs_bg .bg_bb_video.bbg_ps_3 {top: 0;left: 0%;width: 100%;height: 100%;margin: 0;}
  .s_p_top_banner_vs .t_m_vs_bg .bg_bb_video.bbg_ps_4 {top: 0;left: 0;width: 100%;height: 100%;margin: 0;}

  .s_p_top_banner_vs .t_m_vs_bg .bg_bb_video.bbg_ps_1 video {width: 100%;}
  .s_p_top_banner_vs .t_m_vs_bg .bg_bb_video.bbg_ps_2 video {width: 100%;height: 100%;object-fit: cover;}
  .s_p_top_banner_vs .t_m_vs_bg .bg_bb_video.bbg_ps_3 video {width: 100%;height: 100%;object-fit: cover;}
  .s_p_top_banner_vs .t_m_vs_bg .bg_bb_video.bbg_ps_4 video {width: 100%;height: 100%;object-fit: cover;}

  .s_p_top_banner_vs .t_m_vs_bg .bg_t_layer.ly_st_1 {position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.4);}
  .s_p_top_banner_vs .t_m_vs_bg .bg_t_layer.ly_st_2 {position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.65);}
  .s_p_top_banner_vs .t_m_vs_bg .bg_t_layer.ly_st_3 {position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.45);}
  .s_p_top_banner_vs .t_m_vs_bg .bg_t_layer.ly_st_4 {position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.6);}



  .s_p_top_banner_vs .t_m_vs_content {position: absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;display:flex;align-items: center;}
  .s_p_top_banner_vs .t_m_vs_content .mv_cont_area {width:100%;max-width:1300px;margin: 0% auto 0;}
  .s_p_top_banner_vs .t_m_vs_content .mv_cont_area .mv_tit {width: 87%;font-size: 42px;font-weight: 700;color:#fff;line-height: 1.1;margin: 0px auto 10px;text-align: center;}
  .s_p_top_banner_vs .t_m_vs_content .mv_cont_area .mv_tit .mt_color_1 {color:#09F7FF;}
  .s_p_top_banner_vs .t_m_vs_content .mv_cont_area .mv_tit .mt_color_2 {color:#D1F221;}
  .s_p_top_banner_vs .t_m_vs_content .mv_cont_area .mv_tit .mt_color_3 {color:#3AFF76;}
  .s_p_top_banner_vs .t_m_vs_content .mv_cont_area .mv_tit .mt_color_4 {color:#F56DFF;}
  .s_p_top_banner_vs .t_m_vs_content .mv_cont_area .mv_tt {width: 80%;max-width: 700px;font-size: 14px;font-weight: 500;color:#fff;line-height: 1.5;margin: 0px auto 8%;text-align: center;}

  .s_p_top_banner_vs .t_m_vs_content .mv_cont_area .mv_c_info_box {width:100%;padding: 0 0px;box-sizing: border-box;}

  .mc_if_swipe_area {width:100%;padding: 0px 20px;box-sizing: border-box;}
  .mc_if_swipe_area .mcs_info_box {position: relative;width:100%;height:100%;min-height: 360px;max-height: 360px;display: flex;flex-wrap: wrap;align-items: center;transition: all 0.3s ease;background-color: rgba(255, 255, 255, 0.12);transition-property: background-color;backdrop-filter: saturate(200%) blur(20px);border-radius: 20px;}
  .mc_if_swipe_area .mcs_info_box .card_in_cont {width:100%;margin-top: -8%;}
  .mc_if_swipe_area .mcs_info_box .npi_tit {width:100%;margin: 0 auto;font-size: 22px;font-weight: 600;color:#fff;line-height: 29px;margin: 5px 0 5px;text-align: center;transition: all 0.3s ease;}
  .mc_if_swipe_area .mcs_info_box:hover .npi_tit {margin: 5px 0 5px;}
  .mc_if_swipe_area .swiper {overflow: unset;}

  .mc_if_swipe_area .mcs_info_box .npi_tt {width:100%;margin: 0 auto 20px;font-size: 21px;font-weight: 500;color:#94F0FF;line-height: 1.5;text-align: center;transition: all 0.3s ease;}
  .mc_if_swipe_area .mcs_info_box .npi_icon {width:100%;text-align: center;height: 105px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;transition: all 0.3s ease;margin: 0 0 5px;}
  .mc_if_swipe_area .mcs_info_box .npi_icon .ni_image {width: 100%;max-width: 80px;height: auto;max-height: 80px;transition: all 0.3s ease;}
  .mc_if_swipe_area .mcs_info_box .npi_iftt {width: 81%;height: 110px;margin: 0 auto 0px;font-size: 13px;font-weight: 400;color: #ffffff;line-height: 1.5;text-align: left;transition: all 0.4s ease;opacity: 1;}
  .mc_if_swipe_area .mcs_info_box:hover .npi_icon {width:100%;text-align: center;height: 105px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;margin: 0 0 5px;}
  .mc_if_swipe_area .mcs_info_box:hover .npi_icon .ni_image {width: 100%;max-width: 80px;height: auto;max-height: 80px;}
  .mc_if_swipe_area .mcs_info_box:hover .npi_iftt {width: 81%;height: 110px;margin: 0 auto 0px;font-size: 13px;font-weight: 400;color: #ffffff;line-height: 1.5;opacity: 1;}
  .mc_if_swipe_area .mcs_info_box .np_info_i {position:absolute;bottom:40px;left:0;width:100%;text-align:center;opacity: 0;transition: all 0.2s ease;}
  .mc_if_swipe_area .mcs_info_box .np_info_i .ni_ic {width:28px;opacity: 0.4;}
  .mc_if_swipe_area .mcs_info_box:hover .np_info_i {position:absolute;bottom:20px;left:0;width:100%;text-align:center;opacity: 0;}
  .mc_if_swipe_area .mcs_info_box:hover .np_info_i .ni_ic {width:28px;}



  .s_info_video_section {position:relative;width:100%;padding: 90px 0 70px;overflow: hidden;}
  .s_info_video_section .if_vod_bg_area {position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;}
  .s_info_video_section .if_vod_bg_area img {width:100%;height:100%;object-fit: cover;}

  .s_info_video_section .if_vod_cont_area {position:relative;width:100%;max-width:1300px;margin: 0 auto;padding: 0 10px;box-sizing: border-box;}
  .s_info_video_section .if_vod_cont_area .iv_tit {width: 84%;margin: 0px auto 11px;font-size: 28px;font-weight: 700;color:#000;line-height: 1.3;text-align: center;}
  .s_info_video_section .if_vod_cont_area .iv_tit .iv_color_1 {color:#1959F2;}
  .s_info_video_section .if_vod_cont_area .iv_tt {width: 70%;margin: 0 auto 30px;font-size: 15px;font-weight: 600;color: #333;line-height: 1.4;text-align: center;}

  .s_info_video_section .if_vod_cont_area .iv_video_section {width:100%;border-radius: 10px;overflow: hidden;max-width: 1100px;margin: 0 auto;}
  .s_info_video_section .if_vod_cont_area .iv_video_section video {width:100%;}





  /*function swipe page*/
  .s_funtion_section {width:100%;background:#F1F2F9;padding: 60px 0 20px;}
  .s_funtion_section .eft_content {width:100%;max-width:1300px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;}
  .s_funtion_section .eft_content .efc_name {width:100%;font-size: 17px;font-weight: 700;color:#000;line-height: 1.2;margin: 0px auto 10px;text-align: left;}

  .efc_swipe_area {position:relative; width:100%;}
  .efc_swipe_area .efc_text_box {width:100%;display: flex;flex-wrap: wrap;margin: 0 auto 14px;}
  .efc_swipe_area .efc_text_box .tit_box {position:relative;width: 100%;margin-bottom: 3px;}
  .efc_swipe_area .efc_text_box .tit_box .tb_tt {width:100%;height:0;margin: 0px auto 0px;text-align: left;opacity: 0;}
  .efc_swipe_area .efc_text_box .tit_box .tb_tt.i_view {opacity: 1;height:auto;}
  .efc_swipe_area .efc_text_box .tit_box .tb_tt .in_tx {font-size: 26px;font-weight: 700;color:#000;line-height: 1.3;transition: all .5s ease;opacity: 0;transform: translate( 0px , 26px)}
  .efc_swipe_area .efc_text_box .tit_box .tb_tt.i_view .in_tx {opacity: 1;transform: translate( 0 , 0)}
  .efc_swipe_area .efc_text_box .tit_box .tb_tt .blue_cc {color:#336EF9;}
  .efc_swipe_area .efc_text_box .page_s_b_box {position:relative;width: 60%;height: 49px;margin-left: 40%;}

  .sbb_in_area {position:relative;width: 100%;height: 100%;}
  .sbb_in_area .sb_progressbar {position:absolute;top: 0;left: 0;width: calc(100% - 90px);height: 100%;}
  .sbb_in_area .sb_progressbar .swiper-pagination {position:absolute;top: 0;left: 0;width: 100%;height: 100%;}
  .sbb_in_area .sb_progressbar .swiper-pagination .custom-progressbar {position: absolute;top:50%;left: 37px;width: calc(100% - 40px);height: 8px;background:#D0D6E5;border-radius: 100px;overflow: hidden;margin-top: -4px;}
  .sbb_in_area .sb_progressbar .swiper-pagination .custom-progressbar .ccp_in_bar {position:absolute;top:0;left:0;height:100%;width:0%;background:#487FFF;transition: all .9s ease;border-radius: 100px;}
  .sbb_in_area .sb_progressbar .swiper-pagination .custom-fraction {position: absolute;top:0%;left:0%;width: 30px;height:100%;display: flex;align-items: center;font-size: 14px;font-weight: 600;color:#000;line-height: 1;}

  .sbb_in_area .sb_button {position:absolute;top: 0;right: 0;width: 88px;height: 100%;}
  .sbb_in_area .sb_button .swiper-button-next {right:0;width: 40px;}
  .sbb_in_area .sb_button .swiper-button-next::after {content: "";}
  .sbb_in_area .sb_button .swiper-button-next img {width: 32px;}
  .sbb_in_area .sb_button .swiper-button-prev {right:0;width: 40px;}
  .sbb_in_area .sb_button .swiper-button-prev::after {content: "";left:0;}
  .sbb_in_area .sb_button .swiper-button-prev img {width: 32px;}



  .fct_it_info_area {width:100%;display: flex;flex-wrap: wrap;}
  .fct_it_info_area .fi_img_box {position:relative;width: 100%;}
  .fct_it_info_area .fi_img_box .img_sect {position:relative;width:100%;padding-bottom: 78%;}
  .fct_it_info_area .fi_img_box .img_sect .i_bx {position:absolute;top:0;left:0;width:100%;height:100%;background:#BFC8DC;border-radius: 12px;overflow: hidden;display: flex;align-items: center;justify-content: center;}
  .fct_it_info_area .fi_img_box .img_sect .i_bx img {width: 94%;max-width: 700px;}

  .fct_it_info_area .fi_ttif_box {position:relative;width: 100%;}
  .fct_it_info_area .fi_ttif_box .text_bx {padding: 20px 10px 10px 10px;box-sizing:border-box;transition: all .5s ease;transition-delay:.3s;}
  .fct_it_info_area .fi_ttif_box .text_bx .tit {width:100%;font-size: 17px;font-weight: 700;color:#2A0E00;line-height: 1.4;margin: 0px auto 13px;text-align: left;}
  .fct_it_info_area .fi_ttif_box .text_bx .gs_tt {position:relative;width:100%;font-size: 14px;font-weight: 500;color:#3C3E4D;line-height: 1.3;margin: 0px auto 8px;text-align: left;padding: 0 0 0px 17px;box-sizing: border-box;}
  .fct_it_info_area .fi_ttif_box .text_bx .gs_tt::after {content:"";position:absolute;top:0;left:0;width: 18px;height: 18px;background-image:url(../../images/icon_if_tt_ch.svg);background-position: 0px 2px;background-repeat: no-repeat;background-size: 13px;}

  .swiper-slide .fct_it_info_area .fi_ttif_box .text_bx {opacity: 0;transform: translate( 0px , 28px )}
  .swiper-slide.swiper-slide-active .fct_it_info_area .fi_ttif_box .text_bx {opacity: 1;transform: translate( 0px , 0px )}





  /*client swipe page*/
  .s_client_section {position:relative;width:100%;background: #132f55;padding: 60px 0 30px;}
  .s_client_section .s_clt_bg_area {position:absolute;top:0;left:0;width:100%;height:100%;}
  .s_client_section .s_clt_bg_area img {width:100%;height:100%;object-fit: cover;}

  .s_client_section .eft_content {position:relative;width:100%;max-width:1300px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;}
  .s_client_section .eft_content .efc_name {width:100%;font-size: 17px;font-weight: 600;color: #ffffff;line-height: 1.2;margin: 0px auto 13px;text-align: left;}

  .clt_swipe_area {position:relative; width:100%;}
  .clt_swipe_area .efc_text_box {width:100%;display: flex;flex-wrap: wrap;margin: 0 auto 13px;}
  .clt_swipe_area .efc_text_box .tit_box {position:relative;width: 100%;margin-bottom: 5px;}
  .clt_swipe_area .efc_text_box .tit_box .tb_tt {width:100%;height:0;margin: 0px auto 0px;text-align: left;opacity: 0;padding: 0 20px 0 0;box-sizing: border-box;}
  .clt_swipe_area .efc_text_box .tit_box .tb_tt.i_view {opacity: 1;height:auto;}
  .clt_swipe_area .efc_text_box .tit_box .tb_tt .in_tx {font-size: 23px;font-weight: 600;color: #ffffff;line-height: 1.3;transition: all .5s ease;opacity: 0;transform: translate( 0px , 26px)}
  .clt_swipe_area .efc_text_box .tit_box .tb_tt .in_tx > span {font-size: 30px;margin-bottom: 3px;display: inline-block;}
  .clt_swipe_area .efc_text_box .tit_box .tb_tt.i_view .in_tx {opacity: 1;transform: translate( 0 , 0)}
  .clt_swipe_area .efc_text_box .tit_box .tb_tt .clt_cc_1 {color: #b9b9b9;}
  .clt_swipe_area .efc_text_box .tit_box .tb_tt .clt_cc_2 {color:#5DC7FF;}
  .clt_swipe_area .efc_text_box .tit_box .tb_tt .clt_cc_3 {color: #81bbff;}
  .clt_swipe_area .efc_text_box .tit_box .tb_tt .clt_cc_4 {color: #31dd4c;}
  .clt_swipe_area .efc_text_box .tit_box .tb_tt .clt_cc_5 {color: #ff6cc4;}
  .clt_swipe_area .efc_text_box .tit_box .tb_tt .clt_cc_6 {color: #ffa81d;}
  .clt_swipe_area .efc_text_box .tit_box .tb_tt .clt_cc_7 {color: #ff6193;}
  .clt_swipe_area .efc_text_box .tit_box .tb_tt .clt_cc_8 {color: #96b3ff;}
  .clt_swipe_area .efc_text_box .tit_box .tb_tt .clt_cc_9 {color: #c1c1c1;}
  .clt_swipe_area .efc_text_box .page_s_b_box {position:relative;width: 60%;height: 46px;margin-left: 40%;}

  .sclt_in_area {position:relative;width: 100%;height: 100%;}
  .sclt_in_area .sb_progressbar {position:absolute;top: 0;left: 0;width: calc(100% - 90px);height: 100%;}
  .sclt_in_area .sb_progressbar .swiper-pagination {position:absolute;top: 0;left: 0;width: 100%;height: 100%;}
  .sclt_in_area .sb_progressbar .swiper-pagination .custom-progressbar {position: absolute;top:50%;left: 39px;width: calc(100% - 40px);height: 8px;background:#D0D6E5;border-radius: 100px;overflow: hidden;margin-top: -4px;}
  .sclt_in_area .sb_progressbar .swiper-pagination .custom-progressbar .ccp_in_bar {position:absolute;top:0;left:0;height:100%;width:0%;background:#487FFF;transition: all .9s ease;border-radius: 100px;}
  .sclt_in_area .sb_progressbar .swiper-pagination .custom-fraction {position: absolute;top:0%;left:0%;width: 30px;height:100%;display: flex;align-items: center;font-size: 14px;font-weight: 600;color: #fff;line-height: 1;}
  .sclt_in_area .sb_button {position:absolute;top: 0;right: 0;width: 88px;height: 100%;}
  .sclt_in_area .sb_button .swiper-button-next {right:0;width: 40px;}
  .sclt_in_area .sb_button .swiper-button-next::after {content: "";}
  .sclt_in_area .sb_button .swiper-button-next img {width: 32px;}
  .sclt_in_area .sb_button .swiper-button-prev {right:0;width: 40px;}
  .sclt_in_area .sb_button .swiper-button-prev::after {content: "";left:0;}
  .sclt_in_area .sb_button .swiper-button-prev img {width: 32px;}


  .clt_gd_info_area {width:100%;display: flex;flex-wrap: wrap;min-height: unset;border-radius: 14px;overflow: hidden;}
  .clt_gd_info_area .left_it_box {position:relative;width: 100%;display: flex;align-items: center;background:#fff;}
  .clt_gd_info_area .left_it_box .l_i_cont {width:100%;padding: 25px 25px 10px;box-sizing: border-box;}
  .clt_gd_info_area .left_it_box .l_i_cont .ict_logo {width:auto;height: 34px;margin: 6px 0 15px;}
  .clt_gd_info_area .left_it_box .l_i_cont .ict_logo.big_logo {height: 45px;}
  .clt_gd_info_area .left_it_box .l_i_cont .ict_logo img {width:auto;height:100%;}
  .clt_gd_info_area .left_it_box .l_i_cont .ict_tit {width:100%;font-size: 14px;font-weight: 500;color: #444;line-height: 1.4;margin: 0px auto 16px;text-align: left;}
  .clt_gd_info_area .left_it_box .l_i_cont .ict_tt {width:100%;margin: 0px auto 15px;text-align: left;}
  .clt_gd_info_area .left_it_box .l_i_cont .ict_tt p {position:relative;width:100%;font-size: 13px;font-weight: 500;color: #555;line-height: 1.3;margin: 0px auto 10px;text-align: left;padding: 0 0 0px 17px;box-sizing: border-box;}
  .clt_gd_info_area .left_it_box .l_i_cont .ict_tt p::after {content:"";position:absolute;top:0;left:0;width: 18px;height: 18px;background-image:url(../../images/icon_if_tt_ch.svg);background-position: 0px 1px;background-repeat: no-repeat;background-size: 12px;opacity: 0.8;}


  .clt_gd_info_area .right_it_box {position:relative;width: 100%;background:#E8EDF6;padding: 25px 20px 14px;box-sizing: border-box;}
  .clt_gd_info_area .right_it_box .it_box_top {width:100%;display: flex;flex-wrap: wrap;margin: 0 0 30px;}
  .clt_gd_info_area .right_it_box .it_box_top .tp_left {width: 100%;margin-bottom: 5px;}
  .clt_gd_info_area .right_it_box .it_box_top .tp_left .tp_tt_1 {width:100%;display: flex;align-items: center;margin-bottom: 10px;}
  .clt_gd_info_area .right_it_box .it_box_top .tp_left .tp_tt_1 .tit_tt {display: inline-block;font-size: 20px;font-weight: 700;color: #374e7b;line-height: 1.4;padding-right: 10px;}
  .clt_gd_info_area .right_it_box .it_box_top .tp_left .tp_tt_1 .cate_tt {display: inline-block;padding: 4px 7px;font-size: 12px;font-weight: 600;color:#456EDE;line-height: 1.2;border-radius: 6px;background:#fff;margin: 3px 1px;}
  .clt_gd_info_area .right_it_box .it_box_top .tp_left .tp_tt_2 {width:100%;font-size: 13px;font-weight: 500;color: #5c6e93;line-height: 1.4;}

  .clt_gd_info_area .right_it_box .it_box_top .tp_right {width: 100%;text-align: left;}
  .clt_gd_info_area .right_it_box .it_box_top .tp_right .serv_icon {display: inline-block;width: 29px;margin: 2px 2px;}
  .clt_gd_info_area .right_it_box .it_box_top .tp_right .serv_icon img {width:100%;}


  .clt_gd_info_area .right_it_box .it_box_cont {width:100%;margin: 20px 0;}
  .clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box {width:100%;display: flex;flex-wrap: wrap;min-height:120px;border-radius: 10px;overflow: hidden;}  
  .clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box .gds_left {width: 100%;display: flex;align-items: center;background:#4863A3;justify-content: flex-start;padding: 7px 10px;box-sizing: border-box;}
  .clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box .gds_left .gg_icon {display: inline-block;width: 26px;padding-right: 3px;}
  .clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box .gds_left .gg_icon img {width:100%;}
  .clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box .gds_left .gg_name {display: inline-block;font-size: 15px;font-weight: 500;color:#fff;line-height: 1.4;}

  .clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box .gds_right {width: 100%;background:#fff;display: flex;flex-wrap: wrap;align-items: center;}
  .clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box .gds_right .gds_i_tt {width:100%;padding: 10px 15px;box-sizing: border-box;}
  .clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box .gds_right .gds_i_tt p {position:relative;width:100%;font-size: 13px;font-weight: 500;color: #516085;line-height: 1.3;margin: 5px 0;padding: 0 0 0 16px;box-sizing: border-box;}
  .clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box .gds_right .gds_i_tt p.num_1::before {content: "1.";position:absolute;top:0;left:0;}
  .clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box .gds_right .gds_i_tt p.num_2::before {content: "2.";position:absolute;top:0;left:0;}
  .clt_gd_info_area .right_it_box .it_box_cont .cont_gds_box .gds_right .gds_i_tt p.num_3::before {content: "3.";position:absolute;top:0;left:0;}



  .swiper-slide  .left_it_box .l_i_cont {opacity: 0;transform: translate( 40px , 0px );transition: all .5s ease;transition-delay: 0.2s;}
  .swiper-slide.swiper-slide-active  .left_it_box .l_i_cont {opacity: 1;transform: translate( 0px , 0px )}

  .swiper-slide .right_it_box .it_box_top {opacity: 0;transform: translate( 40px , 0px );transition: all .5s ease;transition-delay: 0.2s;}
  .swiper-slide.swiper-slide-active .right_it_box .it_box_top {opacity: 1;transform: translate( 0px , 0px )}

  .swiper-slide .right_it_box .it_box_cont {opacity: 0;transform: translate( 40px , 0px );transition: all .5s ease;transition-delay: 0.2s;}
  .swiper-slide.swiper-slide-active .right_it_box .it_box_cont {opacity: 1;transform: translate( 0px , 0px )}






  /*sub other page*/

  .sm_info_p1_section {position:relative;width:100%;padding: 70px 0 70px;overflow: hidden;}
  .sm_info_p1_section .smp1_bg_area {position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;}
  .sm_info_p1_section .smp1_bg_area img {width:100%;height:100%;object-fit: cover;}
  .sm_info_p1_section .smp1_cont_area {position:relative;width:100%;max-width:1300px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;}
  .sm_info_p1_section .smp1_cont_area .iv_tit {width:100%;margin: 0 auto 12px;font-size: 26px;font-weight: 700;color:#000;line-height: 1.3;text-align: center;}
  .sm_info_p1_section .smp1_cont_area .iv_tit .iv_color_1 {color:#425FEC;}
  .sm_info_p1_section .smp1_cont_area .iv_tt {width: 80%;margin: 0 auto 14px;font-size: 15px;font-weight: 600;color: #333;line-height: 1.4;text-align: center;}
  .sm_info_p1_section .smp1_cont_area .iv_tts {position:relative;width:100%;text-align: center;margin: 0 auto 40px;}
  .sm_info_p1_section .smp1_cont_area .iv_tts p{position:relative;width: 80%;font-size: 14px;font-weight: 600;color: #2e4989;line-height: 1.3;margin: 0px auto;text-align: left;padding: 0 0 0px 21px;box-sizing: border-box;display: inline-block;}
  .sm_info_p1_section .smp1_cont_area .iv_tts p::after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width: 22px;
  height: 22px;
  background-image:url(../../images/icon_if_tt_ch_s1.svg);
  background-position: 0px 2px;
  background-repeat: no-repeat;
  background-size: 16px;
  opacity: 1;
  }


  .smp1_table_area {width: 100%;max-width: 1000px;margin: 0 auto;}
  .smp1_table_area .tb_top_bar {width:100%;background:#45549B;display: flex;flex-wrap: wrap;align-items: center;height: 49px;border-radius: 8px 8px 0 0;overflow: hidden;}
  .smp1_table_area .tb_top_bar .tit {width:calc(100% - 100px);text-align: left;font-size: 16px;font-weight: 500;color: #fff;line-height: 1.3;padding: 0 19px;box-sizing:border-box;}
  .smp1_table_area .tb_top_bar .stt {width:100px;text-align: right;font-size: 13px;font-weight: 400;color: #fff;line-height: 1.3;padding: 0 23px;box-sizing:border-box;}

  .smp1_table_area .tb_table_box {width:100%;margin: 0 auto ;}
  .smp1_table_area .tb_table_box table {width:100%;}
  .smp1_table_area .tb_table_box table thead tr th {background:#7989CF;font-size: 15px;font-weight: 500;color: #fff;line-height: 1.3;text-align: center;padding: 12px 3px;}
  .smp1_table_area .tb_table_box table tbody tr td {background: #fff;border-bottom: 1px solid #E0E7EF;font-size: 14px;font-weight: 600;color: #333;line-height: 1.3;text-align: center;padding: 10px 5px;}
  .smp1_table_area .tb_table_box table tbody tr td.price_cc {color:#3654E6;font-size: 17px;font-weight: 700;}

  .smp1_table_area .tb_bot_bar {width:100%;background: #707AAC;display: flex;flex-wrap: wrap;align-items: center;height: 49px;border-radius: 0 0 8px 8px;overflow: hidden;}
  .smp1_table_area .tb_bot_bar .tit {width: calc(100% - 20px);text-align: left;font-size: 11px;font-weight: 400;color: #fff;line-height: 1.4;padding: 0 11px;box-sizing:border-box;}
  .smp1_table_area .tb_bot_bar .stt {width: 0;text-align: right;font-size: 14px;font-weight: 400;color: #fff;line-height: 1.3;padding: 0 23px;box-sizing:border-box;display: none;}




  .sm_info_p2_section {position:relative;width:100%;padding: 30px 0 40px;overflow: hidden;background:#EFF2FF;}
  .sm_info_p2_section .smp2_cont_area {position:relative;width:100%;max-width:1300px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;}
  .sm_info_p2_section .smp2_cont_area .cont_dt_area {position:relative;width: 100%;padding: 0 0 0px;}
  .sm_info_p2_section .smp2_cont_area .cont_dt_area .vnf_tit {width:100%;font-size: 26px;font-weight: 700;color: #000;line-height: 1.3;margin: 0px auto 11px;text-align: left;}
  .sm_info_p2_section .smp2_cont_area .cont_dt_area .vnf_tit .iv_color_1 {color:#336EF9;}
  .sm_info_p2_section .smp2_cont_area .cont_dt_area .vnf_tt {width: 80%;font-size: 15px;font-weight: 600;color: #000;line-height: 1.4;margin: 0px 0 24px;text-align: left;}
  .sm_info_p2_section .smp2_cont_area .cont_dt_area .vnf_in_cont {width:100%;}
  .sm_info_p2_section .smp2_cont_area .cont_dt_area .vnf_in_cont .vf_i_box {width: 100%;display: flex;flex-wrap: wrap;background: #fff;box-sizing: border-box;border-radius: 12px;overflow: hidden;max-width: 500px;margin: 0 0 16px;}
  .sm_info_p2_section .smp2_cont_area .cont_dt_area .vnf_in_cont .vf_i_box .l_ic {width: 40px;background:#457EE2;display: flex;align-items: center;justify-content: center;}
  .sm_info_p2_section .smp2_cont_area .cont_dt_area .vnf_in_cont .vf_i_box .l_ic img {width: 19px;}
  .sm_info_p2_section .smp2_cont_area .cont_dt_area .vnf_in_cont .vf_i_box .r_text {width: calc(100% - 40px);min-height: 60px;display: flex;align-items: center;padding: 16px 15px;box-sizing: border-box;font-size: 14px;font-weight: 700;color: #304E94;line-height: 1.3;}

  .sm_info_p2_section .smp2_cont_area .vnf_img_area {position: relative;top:0;left: 0;width: 100%;height: 280px;text-align: center;margin: 0 auto 20px;}
  .sm_info_p2_section .smp2_cont_area .vnf_img_area .img_s_vnf_if {position: relative;top: 0;left: 0;width: auto;height: 100%;max-width: unset;min-width: unset;margin:  0 auto;}




  .sm_info_p3_section {position:relative;width:100%;padding: 80px 0 80px;overflow: hidden;background:#253B80;}
  .sm_info_p3_section .smp3_cont_area {position:relative;width:100%;max-width:1300px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;display: flex;flex-wrap: wrap;}
  .sm_info_p3_section .smp3_cont_area .cont_dt_area {position:relative;width: 100%;padding: 45px 0px 10px;box-sizing: border-box;}
  .sm_info_p3_section .smp3_cont_area .cont_dt_area .vnf_tit {width:100%;font-size: 26px;font-weight: 600;color: #fff;line-height: 1.3;margin: 0px auto 13px;text-align: left;}
  .sm_info_p3_section .smp3_cont_area .cont_dt_area .vnf_tit .iv_color_1 {color: #58FFFF;}
  .sm_info_p3_section .smp3_cont_area .cont_dt_area .vnf_tt {width:100%;font-size: 14px;font-weight: 400;color: #fff;line-height: 1.4;margin: 0px auto 29px;text-align: left;}
  .sm_info_p3_section .smp3_cont_area .cont_dt_area .vnf_tts {width:100%;text-align: left;}
  .sm_info_p3_section .smp3_cont_area .cont_dt_area .vnf_tts p{position:relative;font-size: 15px;font-weight: 400;color: #fff;line-height: 1.3;margin: 0px auto;text-align: left;padding: 0 0 0px 22px;box-sizing: border-box;display: inline-block;}
  .sm_info_p3_section .smp3_cont_area .cont_dt_area .vnf_tts p::after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width: 22px;
  height: 22px;
  background-image:url(../../images/icon_if_tt_ch_brblue.svg);
  background-position: 0px 1px;
  background-repeat: no-repeat;
  background-size: 15px;
  opacity: 1;
  }

  .sm_info_p3_section .smp3_cont_area .vnf_img_area {position: relative;width: 100%;}
  .sm_info_p3_section .smp3_cont_area .vnf_img_area .vf_img_box {position: relative;top:0;right: 0;width: 85%;height: auto;margin: 0 auto;}
  .sm_info_p3_section .smp3_cont_area .vnf_img_area .vf_img_box .in_i_box {position: relative;width: 100%;max-width: unset;min-width: unset;top: 0;right: unset;height: 100%;display: unset;align-items: unset;}
  .sm_info_p3_section .smp3_cont_area .vnf_img_area .img_s_vnf_if {width: 100%;}







  .s_ctus_banner_vs {position:relative;width:100%;height:100vh;overflow: hidden;min-height:850px}
  .s_ctus_banner_vs .ctus_bg_area {position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;}
  .s_ctus_banner_vs .ctus_bg_area img {width: 170%;height: 100%;object-fit: cover;}

  .s_ctus_banner_vs .ctus_cont_area {position:relative;width:100%;height: 100%;max-width:1300px;margin: 0 auto;display: flex;align-items: center;}
  .s_ctus_banner_vs .ctus_cont_area .in_cont_tt {width:100%;position: relative;top: -4%;}
  .s_ctus_banner_vs .ctus_cont_area .in_cont_tt .cu_tit {width:100%;font-size: 48px;font-weight: 700;color: #2A3D98;line-height: 1.2;margin: 0px auto 10px;text-align: center;}
  .s_ctus_banner_vs .ctus_cont_area .in_cont_tt .cu_tt {width:100%;font-size: 33px;font-weight: 700;color: #000;line-height: 1.25;margin: 0px auto 24px;text-align: center;}
  .s_ctus_banner_vs .ctus_cont_area .in_cont_tt .cu_tts {width: 80%;font-size: 16px;font-weight: 600;color: #000;line-height: 1.4;text-align: center;margin: 0 auto;}




  .cu_info_p1_section {position:relative;width:100%;padding: 80px 0 50px;overflow: hidden;background:#253B80;}
  .cu_info_p1_section .smp3_cont_area {position:relative;width:100%;max-width:1300px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;display: flex;flex-wrap: wrap;}
  .cu_info_p1_section .smp3_cont_area .cont_dt_area {position:relative;width: 100%;padding: 10px 10px 20px;box-sizing: border-box;}
  .cu_info_p1_section .smp3_cont_area .cont_dt_area .vnf_tit {width:100%;font-size: 27px;font-weight: 600;color: #fff;line-height: 1.3;margin: 0px auto 22px;text-align: left;}
  .cu_info_p1_section .smp3_cont_area .cont_dt_area .vnf_tit .iv_color_1 {color: #58FFFF;}
  .cu_info_p1_section .smp3_cont_area .cont_dt_area .vnf_tt {width: 90%;font-size: 14px;font-weight: 400;color: #fff;line-height: 1.5;margin: 0px 0 30px;text-align: left;}

  .cu_info_p1_section .smp3_cont_area .vnf_img_area {position: relative;width: 72%;margin: 0 auto;}
  .cu_info_p1_section .smp3_cont_area .vnf_img_area .vf_img_box {position: relative;top:0;right: 0;width:100%;height: auto;}
  .cu_info_p1_section .smp3_cont_area .vnf_img_area .vf_img_box .in_i_box {position: relative;width: 100%;max-width: unset;min-width: unset;top: unset;right: unset;height: auto;display: unset;align-items: unset;}
  .cu_info_p1_section .smp3_cont_area .vnf_img_area .img_s_vnf_if {width: 100%;}

  .cu_info_p1_section .tb_table_box {width:100%;margin: 0 auto ;}
  .cu_info_p1_section .tb_table_box table {width:100%;max-width: 540px;border-radius: 10px;overflow: hidden;}
  .cu_info_p1_section .tb_table_box table tbody tr th {background: #fff;font-size: 13px;font-weight: 500;color: #B1BDE5;line-height: 1.3;text-align: right;padding: 12px 10px;background:#4254A5;}
  .cu_info_p1_section .tb_table_box table tbody tr td {font-size: 13px;font-weight: 400;color: #fff;line-height: 1.3;text-align: left;padding: 13px 10px;background:#4254A5;}
  .cu_info_p1_section .tb_table_box table tbody tr:nth-child(even) th {background:#354692;}
  .cu_info_p1_section .tb_table_box table tbody tr:nth-child(even) td {background:#354692;}




  .cu_info_p2_section {position:relative;width:100%;padding: 60px 0 40px;overflow: hidden;background: #005385;}
  .cu_info_p2_section .smp3_cont_area {position:relative;width:100%;max-width:1300px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;display: flex;flex-wrap: wrap;flex-direction: row;}
  .cu_info_p2_section .smp3_cont_area .cont_dt_area {position:relative;width: 100%;padding: 30px 10px;box-sizing: border-box;}
  .cu_info_p2_section .smp3_cont_area .cont_dt_area .vnf_ttu {width:100%;font-size: 18px;font-weight: 500;color: #fff;line-height: 1.3;margin: 0px auto 14px;text-align: left;}
  .cu_info_p2_section .smp3_cont_area .cont_dt_area .vnf_tit {width:100%;font-size: 29px;font-weight: 600;color: #fff;line-height: 1.3;margin: 0px auto 13px;text-align: left;}
  .cu_info_p2_section .smp3_cont_area .cont_dt_area .vnf_tit .iv_color_1 {color: #DDFF51;}
  .cu_info_p2_section .smp3_cont_area .cont_dt_area .vnf_tt {width: 100%;font-size: 14px;font-weight: 400;color: #fff;line-height: 1.5;margin: 0px 0 20px;text-align: left;}

  .cu_info_p2_section .smp3_cont_area .vnf_img_area {position: relative;width: 61%;margin:  0 auto;}
  .cu_info_p2_section .smp3_cont_area .vnf_img_area .vf_img_box {position: relative;top:0;right: 0;width:100%;height: auto;}
  .cu_info_p2_section .smp3_cont_area .vnf_img_area .vf_img_box .in_i_box {position: relative;width: 100%;max-width: unset;min-width: unset;top: 0%;left: unset;height: unset;display: unset;align-items: unset;}
  .cu_info_p2_section .smp3_cont_area .vnf_img_area .img_s_vnf_if {width: 100%;}



  .cu_info_p3_section {position:relative;width:100%;padding: 40px 0 0px;overflow: hidden;background: #EAECF3;}
  .cu_info_p3_section .smp3_cont_area {position:relative;width:100%;max-width:1300px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;display: flex;flex-wrap: wrap;flex-direction: row;}
  .cu_info_p3_section .smp3_cont_area .cont_dt_area {position:relative;width: 100%;padding: 20px 10px 260px;box-sizing: border-box;}
  .cu_info_p3_section .smp3_cont_area .cont_dt_area .vnf_tit {width:100%;font-size: 28px;font-weight: 700;color: #000;line-height: 1.3;margin: 0px auto 16px;text-align: left;}
  .cu_info_p3_section .smp3_cont_area .cont_dt_area .vnf_tit .iv_color_1 {color: #DDFF51;}
  .cu_info_p3_section .smp3_cont_area .cont_dt_area .vnf_tt {width: 100%;font-size: 14px;font-weight: 500;color: #333;line-height: 1.4;margin: 0px 0 50px;text-align: left;}

  .cu_info_p3_section .clt_bg_area {position:absolute;top:0;right: 0;width:100%;height:100%;overflow: hidden;}
  .cu_info_p3_section .clt_bg_area .vf_img_box {position:absolute;top: 22%;left: 50%;width: 670px;height: auto;margin-left: -262px;}
  .cu_info_p3_section .clt_bg_area .img_s_vnf_if {width: 100%;height:100%;object-fit: cover;}







  .s_clt_banner_vs {position:relative;width:100%;height:100vh;overflow: hidden;min-height:850px}
  .s_clt_banner_vs .ctus_bg_area {position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;}
  .s_clt_banner_vs .ctus_bg_area img {width: auto;height:100%;object-fit: unset;margin-left: -420px;}

  .s_clt_banner_vs .ctus_cont_area {position:relative;width:100%;height: 100%;max-width:1300px;margin: 0 auto;display: flex;align-items: center;}
  .s_clt_banner_vs .ctus_cont_area .in_cont_tt {position: relative;width:100%;top: -15%;}
  .s_clt_banner_vs .ctus_cont_area .in_cont_tt .cu_tit {width:100%;font-size: 78px;font-weight: 700;color: #2A3D98;line-height: 1.2;margin: 0px auto 10px;text-align: center;}
  .s_clt_banner_vs .ctus_cont_area .in_cont_tt .cu_tt {width:100%;font-size: 30px;font-weight: 700;color: #000;line-height: 1.25;margin: 0px auto 24px;text-align: center;}
  .s_clt_banner_vs .ctus_cont_area .in_cont_tt .cu_tts {width: 85%;font-size: 15px;font-weight: 600;color: #000;line-height: 1.4;text-align: center;margin: 0 auto;}


  .s_clt_infom_section {position:relative;width:100%;background:#EAECF3;padding: 70px 0 70px;overflow: hidden;}
  .s_clt_infom_section.oth_color {background:#DDE1EC;}
  .s_clt_infom_section .scl_bg_area {position:absolute;top:0;left:50%;width: 1400px;margin-left: -700px;opacity: 0.7;}
  .s_clt_infom_section .scl_bg_area img {width:100%;}


  .s_clt_infom_section .scl_cc_cont_area {position:relative;width:100%;max-width: 1340px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;}
  .s_clt_infom_section .scl_cc_cont_area .scc_tit {width:100%;font-size: 27px;font-weight: 700;color: #000000;line-height: 1.2;margin: 0px auto 23px;text-align: center;}

  .scl_cc_cont_area .scc_cc_tab {width:100%;display: flex;flex-wrap: wrap;background:#fff;border-bottom: 3px solid #4F5FAA;cursor:pointer;margin: 0px auto 20px;overflow: hidden;}
  .scl_cc_cont_area .scc_cc_tab .tb_btn {width: 50%;padding: 12px 5px;font-size: 16px;font-weight: 600;color: #8892B8;line-height: 1.2;text-align: center;background:#fff;transition: all .2s ease;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
  .scl_cc_cont_area .scc_cc_tab .tb_btn:hover {background:#eff1fd;color: #6b769f;}
  .scl_cc_cont_area .scc_cc_tab .tb_btn.bt_on {background:#4F5FAA;color:#fff;font-weight: 600;}

  .scl_cc_cont_area .scc_cc_list_box {width:100%;}
  .scl_cc_cont_area .scc_cc_list_box ul {width: calc(100% + 12px);margin-left: -6px;display: flex;flex-wrap: wrap;}
  .scl_cc_cont_area .scc_cc_list_box ul li {width: calc(33.33% - 12px);background:#fff;border-radius: 6px;overflow:hidden;margin: 0 6px 12px;text-align: center;}
  .scl_cc_cont_area .scc_cc_list_box ul li img {width: 100%;max-width: 200px;}





  /*pop*/

  .n_apply_pop_page {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.75);overflow: hidden;z-index: 100;transition: all .3s ease-in ;}
  .n_apply_pop_page .ap_pop_section {position:absolute;top:0;left:0;width:100%;height:100%;overflow-y: auto;}
  .n_apply_pop_page .ap_pop_section .ap_content {position:relative;width:100%;max-width:1040px;padding: 30px 20px;margin: 0 auto;box-sizing: border-box;top: 0%;transform: translate( 0 , -40px);transition: all .3s ease-in-out;opacity: 0;}
  .n_apply_pop_page .ap_pop_section .ap_content.openpop {
  animation-name: popdown;
  animation-duration:0.5s;
  animation-duration: leaner;
  animation-iteration-count:1;
  animation-direction:alternate;
  animation-fill-mode: forwards;
  }

    @keyframes popdown {
      0% {
        transform: translate( 0 , -40px);opacity: 0;
      }
      100% {
        transform: translate( 0 , 0px);opacity: 1;
      }
  }
  .n_apply_pop_page .ap_pop_section .ap_content .apc_box {width:100%;display: flex;flex-wrap: wrap;}

  .ap_content .apc_box .left_sect {position:relative;width: 100%;box-sizing: border-box;background:#DDE6FC;border-radius: 14px 14px 0 0;overflow: hidden;}
  .ap_content .apc_box .left_sect .top_ip_box {width: calc(100% - 30px);background:#2963DC;border-radius: 8px;overflow: hidden;margin: 15px auto 16px;}
  .ap_content .apc_box .left_sect .top_ip_box .tt_box {width:100%;padding: 20px 20px 15px;box-sizing: border-box;}
  .ap_content .apc_box .left_sect .top_ip_box .tt_box .tb_tt_1 {width:100%;font-size: 21px;font-weight: 600;color: #fff;line-height: 1.3;margin: 0px auto 9px;text-align: left;}
  .ap_content .apc_box .left_sect .top_ip_box .tt_box .tb_tt_2 {width:100%;font-size: 13px;font-weight: 400;color: #fff;line-height: 1.4;margin: 0px auto 0px;text-align: left;}

  .ap_content .apc_box .left_sect .top_ip_box .bt_box {width:100%;padding: 11px 16px;box-sizing: border-box;background:#073188;}
  .ap_content .apc_box .left_sect .top_ip_box .bt_box .if_tt {display:inline-block;font-size: 14px;font-weight: 500;color: #fff;line-height: 1.2;padding: 4px 20px 8px 0;}
  .ap_content .apc_box .left_sect .top_ip_box .bt_box .call_tt {font-size: 22px;font-weight: 700;color: #fff;line-height: 1.2;display: inline-block;vertical-align: middle;}
  .ap_content .apc_box .left_sect .top_ip_box .bt_box .call_tt img {width: 25px;padding-right: 4px;position: relative;top: -1px;}

  .ap_content .apc_box .left_sect .mid_ip_box {position:relative;width:100%;height: auto;min-height: 350px;display: none;}
  .ap_content .apc_box .left_sect .mid_ip_box .tit_tt {position:absolute;top: 12%;left: 8%;font-size: 21px;font-weight: 700;color: #133782;line-height: 1.4;text-align: left;z-index: 1;}
  .ap_content .apc_box .left_sect .mid_ip_box .bg_if_img {position:absolute;bottom: -33%;left: -21%;width: 610px;}
  .ap_content .apc_box .left_sect .mid_ip_box .bg_if_img img {width:100%;}


  .ap_content .apc_box .right_sect {width: 100%;background:#fff;border-radius: 0 0 14px 14px;overflow: hidden;padding: 20px 20px 30px;box-sizing: border-box;}
  .ap_content .apc_box .right_sect .n_app_close {width:100%;text-align:right;padding: 0 0 10px;display: none;}
  .ap_content .apc_box .right_sect .n_app_close button {background:none;padding: 5px;opacity: 0.4;transition: all .1s ease;}
  .ap_content .apc_box .right_sect .n_app_close button img {width: 26px;}
  .ap_content .apc_box .right_sect .n_app_close button:hover {opacity: 0.8;}


  .right_sect .info_ip_section {width:100%;}
  .right_sect .info_ip_section .if_ip_box {width:100%;display: flex;flex-wrap: wrap;align-items: center;padding: 5px 0;}
  .right_sect .info_ip_section .if_ip_box .l_bx {width: 70px;font-size: 14px;font-weight: 600;color: #3A3A3A;line-height: 1.4;text-align: left;}
  .right_sect .info_ip_section .if_ip_box .l_bx .imp {color:#FF3B3B;}
  .right_sect .info_ip_section .if_ip_box .r_bx {width: calc(100% - 70px);}
  .right_sect .info_ip_section .if_ip_box .r_bx input.ap_ip {border: 1px solid #9CA7BC;background: #F9FBFF;box-sizing: border-box;}
  .right_sect .info_ip_section .if_ip_box .r_bx select.ap_ip {border: 1px solid #9CA7BC;background-color: #F9FBFF;box-sizing: border-box;}
  .right_sect .info_ip_section .if_ip_box .r_bx textarea.ap_ip {border: 1px solid #9CA7BC;background-color: #F9FBFF;box-sizing: border-box;height:80px;}

  .right_sect .info_ip_section .if_ip_box.derc {flex-direction: column;padding: 12px 0 6px;}
  .right_sect .info_ip_section .if_ip_box.derc .l_bx {width:100%;text-align: left;padding: 4px 0;}
  .right_sect .info_ip_section .if_ip_box.derc .r_bx {width:100%;text-align: left;}

  .right_sect .info_imp_script {width:100%;font-size: 13px;font-weight: 500;color: #3A3A3A;line-height: 1.4;text-align: left;padding: 9px 5px 20px;box-sizing: border-box;}
  .right_sect .info_imp_script a {color:#5886E5;text-decoration: underline;}
  .right_sect .n_app_btn_area {width:100%;text-align: center;padding: 10px 0;}
  .right_sect .n_app_btn_area a {margin: 4px 4px;}
  .right_sect .n_app_btn_area .closebtnOp {display: inline-block;}




  .right_fix_btn {position: fixed;top:0;right:0;height:100%;z-index: 11;display: none;}
  .right_fix_btn .rf_bt_box {position: absolute;top: calc(100% - 61px);right: 0;margin-top: -60px;}
  .right_fix_btn .rf_bt_box.bt_posit {margin-top: 0px;}
  .right_fix_btn .rf_bt_box a {display: inline-block;}
  .right_fix_btn .rf_bt_box a .rfbt_go_f {position:relative;width: 60px;height:60px;background:#3F5EF6;cursor:pointer;overflow: hidden; transition: all 0.3s ease;}
  .right_fix_btn .rf_bt_box a .rfbt_go_f.gf_bg_el {background:#249AD8;}
  .right_fix_btn .rf_bt_box a .rfbt_go_f .bt_img {position:absolute;top:0;left:0;width:60px;height:60px;display: flex;align-items: center;justify-content: center;}
  .right_fix_btn .rf_bt_box a .rfbt_go_f .bt_img .bf_img {width: 100%;height: 100%;max-width: 28px;max-height: 28px;}
  .right_fix_btn .rf_bt_box a .rfbt_go_f .bt_name {position:absolute;top:0;left:60px;width:140px;height:60px;display: flex;align-items: center;padding: 0 0 0 0px;box-sizing: border-box;}
  .right_fix_btn .rf_bt_box a .rfbt_go_f .bt_name .nm_bx {font-size: 15px;font-weight: 400;color: #fff;line-height:18px;}
  .right_fix_btn .rf_bt_box a .rfbt_go_f:hover {width: 200px;}





  .mob_fix_btn {position: fixed;top:0;right:0;height:100%;z-index: 11;display: inline-block;}
  .mob_fix_btn .m_f_btn_area {position:absolute;bottom:12px;right:10px;}
  .mob_fix_btn .m_f_btn_area .mf_btn {width:60px;height:60px;display: flex;align-items: center;justify-content: center;border-radius:300px;background:#3F5EF6; }
  .mob_fix_btn .m_f_btn_area .mf_btn img {width: 34px;}



  .mob_f_selt_btn {position: fixed;top:0;right:0;width:100%;height:100%;z-index: 12;background:rgba(0,0,0,0.6);display: none;}
  .mob_f_selt_btn .m_f_btn_area {position:absolute;bottom:12px;right:10px;}
  .mob_f_selt_btn .m_f_btn_area .mf_btn {width:60px;height:60px;display: flex;align-items: center;justify-content: center;border-radius:300px;background: #dfdfdf;}
  .mob_f_selt_btn .m_f_btn_area .mf_btn img {width: 18px;}
  .mob_f_selt_btn .applndown_area {position:absolute;bottom: 72px;right:10px;text-align: right;}
  .mob_f_selt_btn .applndown_area .apd_btn {margin: 14px 0;}

  .mob_f_selt_btn .applndown_area .apd_btn .ad_appl_btn {display: inline-block;padding: 14px 23px 14px 17px;border-radius: 100px;background:#3F5EF6;min-width: 200px;box-sizing: border-box;text-align: left;}
  .mob_f_selt_btn .applndown_area .apd_btn .ad_appl_btn.adot_color {background:#249AD8;}
  .mob_f_selt_btn .applndown_area .apd_btn .ad_appl_btn span {display: inline-block;vertical-align: middle;position:relative;}
  .mob_f_selt_btn .applndown_area .apd_btn .ad_appl_btn .ap_icon {width: 27px;margin-right:4px;}
  .mob_f_selt_btn .applndown_area .apd_btn .ad_appl_btn .ap_icon img {width:100%;max-height: 24px;}
  .mob_f_selt_btn .applndown_area .apd_btn .ad_appl_btn .ap_ttt {font-size: 16px;font-weight: 500;color: #fff;line-height:18px;}


  .mob_f_selt_btn .applndown_area.openpop {
    animation-name: popdown;
    animation-duration:0.5s;
    animation-duration: leaner;
    animation-iteration-count:1;
    animation-direction:alternate;
    animation-fill-mode: forwards;
    }
    
      @keyframes popdown {
        0% {
          transform: translate( 0 , 40px);opacity: 0;
        }
        100% {
          transform: translate( 0 , 0px);opacity: 1;
        }
    }

  .priv_pop_page {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.75);overflow: hidden;z-index: 100;transition: all .3s ease-in ;}
  .priv_pop_page .ap_pop_section {position:absolute;top:0;left:0;width:100%;height:100%;overflow-y: auto;display: flex;align-items: center;}
  .priv_pop_page .ap_pop_section .ap_content {position:relative;width:100%;max-width:500px;padding: 30px 20px;margin: 0 auto;box-sizing: border-box;top: 0%;}
  
  .priv_pop_page .ap_pop_section .ap_content .pp_close_top {width:100%;text-align: right;margin-bottom:10px ;}
  .priv_pop_page .ap_pop_section .ap_content .pp_close_top .p_cl_btn {display:inline-block;width: 60px;height: 60px;opacity: 1;}
  .priv_pop_page .ap_pop_section .ap_content .pp_close_top .p_cl_btn:hover {opacity: 1;}
  .priv_pop_page .ap_pop_section .ap_content .pp_close_top .p_cl_btn .prv_close_bt {width:100%;height: 100%;display: flex;align-items: center;justify-content: center;background: #fff;border-radius: 100px;cursor:pointer;}
  .priv_pop_page .ap_pop_section .ap_content .pp_close_top .p_cl_btn .prv_close_bt img {width: 24px;opacity: 0.8;}
  
  .priv_pop_page .ap_pop_section .ap_content .pp_contnet {width:100%;background: #ffffff;border-radius: 14px;padding: 30px 30px 40px;box-sizing: border-box;}
  .priv_pop_page .ap_pop_section .ap_content .pp_contnet .cont_text_area {width:100%;font-size: 13px;font-weight: 400;color: #757575;line-height: 1.4;text-align: left;}
  .priv_pop_page .ap_pop_section .ap_content .pp_contnet .cont_text_area .tt_h1 {font-size: 20px;font-weight: 600;color: #3A3A3A;line-height: 1.4;margin-bottom:10px;}
  .priv_pop_page .ap_pop_section .ap_content .pp_contnet .cont_text_area .tt_h2 {font-size: 15px;font-weight: 600;color: #3A3A3A;line-height: 1.4;margin: 20px 0 3px;}
    
  

}





/*download complete*/

.pddw_pop_page {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.75);overflow: hidden;z-index: 100;transition: all .3s ease-in ;}
.pddw_pop_page .ap_pop_section {position:absolute;top:0;left:0;width:100%;height:100%;overflow-y: auto;display: flex;align-items: center;}
.pddw_pop_page .ap_pop_section .ap_content {position:relative;width:100%;max-width: 420px;padding: 30px 20px;margin: 0 auto;box-sizing: border-box;top: -30px;}
.pddw_pop_page .ap_pop_section .ap_content .pp_close_top {width:100%;text-align: right;margin-bottom:10px ;}
.pddw_pop_page .ap_pop_section .ap_content .pp_close_top .p_cl_btn {display:inline-block;width: 60px;height: 60px;opacity: 0.7;}
.pddw_pop_page .ap_pop_section .ap_content .pp_close_top .p_cl_btn:hover {opacity: 1;}
.pddw_pop_page .ap_pop_section .ap_content .pp_close_top .p_cl_btn .prv_close_bt {width:100%;height: 100%;display: flex;align-items: center;justify-content: center;background: #fff;border-radius: 100px;cursor:pointer;}
.pddw_pop_page .ap_pop_section .ap_content .pp_close_top .p_cl_btn .prv_close_bt img {width: 24px;opacity: 0.8;}
.pddw_pop_page .ap_pop_section .ap_content .pp_contnet {width:100%;background: #ffffff;border-radius: 14px;padding: 0px;box-sizing: border-box;overflow: hidden;}

.pd_dw_cop_section {width:100%;padding: 15px 15px;box-sizing: border-box;}
.pd_dw_cop_section .pddw_top {width:100%;padding: 5px 10px 15px;box-sizing: border-box;}
.pd_dw_cop_section .pddw_top .pdw_tit {font-size: 19px;font-weight: 700;color: #4D4D4D;line-height:1.2;}

.pd_dw_cop_section .pddw_cont {width:100%;background:#294FB7;border-radius: 10px;overflow: hidden;}
.pd_dw_cop_section .pddw_cont .pcont_up {width:100%;text-align: center;padding: 24px 0 20px;}
.pd_dw_cop_section .pddw_cont .pcont_up .comp_icon {width:74px;margin:  0 auto;padding: 0px 0 10px;}
.pd_dw_cop_section .pddw_cont .pcont_up .comp_icon img {width:100%;}
.pd_dw_cop_section .pddw_cont .pcont_up .comp_tt {font-size: 22px;font-weight: 600;color: #fff;line-height:1.2;}

.pd_dw_cop_section .pddw_cont .pcont_dw {width:100%;text-align: center;padding: 10px 10px 10px;box-sizing: border-box; background:rgba(0,0,0,0.32);}
.pd_dw_cop_section .pddw_cont .pcont_dw .pd_name_box {width:100%;padding: 6px 0 3px;}
.pd_dw_cop_section .pddw_cont .pcont_dw .pd_name_box .solu_tit {width:100%;font-size: 16px;font-weight: 400;color: #fff;line-height:1.2;margin-bottom: 4px;}
.pd_dw_cop_section .pddw_cont .pcont_dw .pd_name_box .solu_name {width:100%;font-size: 18px;font-weight: 500;color: #23FFE1;line-height:1.2;}

.pd_dw_cop_section .pddw_bott {width:100%;padding: 10px 10px 5px;box-sizing: border-box;}
.pd_dw_cop_section .pddw_bott .cp_ctt_info {width:100%;padding: 9px 0;}
.pd_dw_cop_section .pddw_bott .cp_ctt_info .ctt_text {width:100%;font-size: 13px;font-weight: 500;color: #546b9b;line-height:1.2;margin-bottom: 4px;}
.pd_dw_cop_section .pddw_bott .cp_ctt_info .ctt_info {width:100%;font-size: 16px;font-weight: 500;color: #555;line-height:1.2;}
.pd_dw_cop_section .pddw_bott .cp_ctt_info .ctt_info span {display: inline-block;}



@media only screen and (max-width: 750px) {

  .pddw_pop_page {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.75);overflow: hidden;z-index: 100;transition: all .3s ease-in ;}
  .pddw_pop_page .ap_pop_section {position:absolute;top:0;left:0;width:100%;height:100%;overflow-y: auto;display: flex;align-items: center;}
  .pddw_pop_page .ap_pop_section .ap_content {position:relative;width:100%;max-width: 420px;padding: 30px 20px;margin: 0 auto;box-sizing: border-box;top: -30px;}
  .pddw_pop_page .ap_pop_section .ap_content .pp_close_top {width:100%;text-align: right;margin-bottom:10px ;}
  .pddw_pop_page .ap_pop_section .ap_content .pp_close_top .p_cl_btn {display:inline-block;width: 60px;height: 60px;opacity: 1;}
  .pddw_pop_page .ap_pop_section .ap_content .pp_close_top .p_cl_btn:hover {opacity: 1;}
  .pddw_pop_page .ap_pop_section .ap_content .pp_close_top .p_cl_btn .prv_close_bt {width:100%;height: 100%;display: flex;align-items: center;justify-content: center;background: #fff;border-radius: 100px;cursor:pointer;}
  .pddw_pop_page .ap_pop_section .ap_content .pp_close_top .p_cl_btn .prv_close_bt img {width: 24px;opacity: 0.8;}
  .pddw_pop_page .ap_pop_section .ap_content .pp_contnet {width:100%;background: #ffffff;border-radius: 14px;padding: 0px;box-sizing: border-box;overflow: hidden;}
  
  .pd_dw_cop_section {width:100%;padding: 10px 10px;box-sizing: border-box;}
  .pd_dw_cop_section .pddw_top {width:100%;padding: 5px 5px 15px;box-sizing: border-box;}
  .pd_dw_cop_section .pddw_top .pdw_tit {font-size: 17px;font-weight: 700;color: #4D4D4D;line-height:1.2;}
  
  .pd_dw_cop_section .pddw_cont {width:100%;background:#294FB7;border-radius: 10px;overflow: hidden;}
  .pd_dw_cop_section .pddw_cont .pcont_up {width:100%;text-align: center;padding: 30px 0 24px;}
  .pd_dw_cop_section .pddw_cont .pcont_up .comp_icon {width: 58px;margin:  0 auto;padding: 0px 0 10px;}
  .pd_dw_cop_section .pddw_cont .pcont_up .comp_icon img {width:100%;}
  .pd_dw_cop_section .pddw_cont .pcont_up .comp_tt {font-size: 21px;font-weight: 600;color: #fff;line-height:1.2;}
  
  .pd_dw_cop_section .pddw_cont .pcont_dw {width:100%;text-align: center;padding: 10px 10px 10px;box-sizing: border-box; background:rgba(0,0,0,0.32);}
  .pd_dw_cop_section .pddw_cont .pcont_dw .pd_name_box {width:100%;padding: 7px 0 6px;}
  .pd_dw_cop_section .pddw_cont .pcont_dw .pd_name_box .solu_tit {width:100%;font-size: 15px;font-weight: 400;color: #fff;line-height:1.2;margin-bottom: 4px;}
  .pd_dw_cop_section .pddw_cont .pcont_dw .pd_name_box .solu_name {width:100%;font-size: 17px;font-weight: 500;color: #23FFE1;line-height:1.2;}
  
  .pd_dw_cop_section .pddw_bott {width:100%;padding: 10px 5px 5px;box-sizing: border-box;}
  .pd_dw_cop_section .pddw_bott .cp_ctt_info {width:100%;padding: 9px 0;}
  .pd_dw_cop_section .pddw_bott .cp_ctt_info .ctt_text {width:100%;font-size: 12px;font-weight: 500;color: #546b9b;line-height:1.2;margin-bottom: 3px;}
  .pd_dw_cop_section .pddw_bott .cp_ctt_info .ctt_info {width:100%;font-size: 14px;font-weight: 500;color: #555;line-height:1.2;}
  .pd_dw_cop_section .pddw_bott .cp_ctt_info .ctt_info span {display: inline-block;}
  
}