#wrap{width: 100%; overflow: hidden; position: relative; z-index: 1;}
.pr-mb-n{ margin-bottom: 60px !important; }
#container.sub{}
.hide-pc{display: none !important;}
@media screen and (max-width: 1280px) {
  .hide-note{display: none;}
}
@media screen and (max-width: 840px) {
  .pr-mb-n{ margin-bottom: 8vw !important; }
  html, body{font-size: 20px; font-size: 2.381vw;}
  .hide-pc{display: block !important;}
  .hide-mo{display: none !important;}
}
.lang {position: relative; text-align: right; font-weight: 700; font-size:12px; z-index: 9999; padding-top:30px;}
@media screen and (max-width: 1024px) {
	.lang {position: absolute; right: 40px; padding-top: 18px;}
}
.w100p{width: 100% !important;}
.attachment{display: flex; justify-content: flex-end; position: absolute; right: 60px; top: 40px; font-size: 16px;}
.attachment > .tit{margin-right: 5px;}
.attachment li{margin-bottom: 7px;}
.attachment li a{display: flex; align-items: center; color: #5064a9; text-decoration: underline; text-underline-position: under;}
.attachment li a i{margin-left: 5px; margin-top: 1px;}

.bbs_pageing{background-color: #eeeff0; margin-top: 50px; font-size: 18px;}
.bbs_pageing p{border-bottom: 1px solid #ddd; display: flex; align-items: stretch; text-align: center;}
.bbs_pageing p > * {flex: none; padding: 20px 0;}
.bbs_pageing p:last-child{border-bottom: 0;}
.bbs_pageing p .h{width: 19.9286%; box-sizing: border-box; border-right: 1px solid rgba(232, 232, 232, 0.8); color: #0e2730; font-weight: 800;}
.bbs_pageing p .t{padding: 20px 40px;}
.bbs_pageing a:hover{color: #000;}

@media screen and (max-width: 840px) {
  
  .attachment{right: 5vw;top: 5vw;font-size: 2.5vw;}
  .attachment > .tit{margin-right: 1vw;}
  .attachment li{margin-bottom: 1vw;}
  .attachment li a i{margin-left: 1vw;margin-top: 1px;}

  .bbs_pageing{background-color: #eeeff0;margin-top: 9vw;font-size: 3vw;}
  .bbs_pageing p{flex-direction: column;}
  .bbs_pageing p > * {flex: none; padding: 20px 0;}
  .bbs_pageing p:last-child{border-bottom: 0;}
  .bbs_pageing p .h{width: 100%; padding: 3vw 0 0 ;}
  .bbs_pageing p .t{padding: 3vw 5vw;}
  .bbs_pageing a:hover{color: #000;}
}

.box-txt1{font-size: 1em; line-height: 1.875;}
.box-txt1 .mt1{margin-top: 25px;}
.box-txt1 .mt2{margin-top: 55px;}


@media screen and (max-width: 840px) {
  .box-txt1{font-size: 3vw;}
  .box-txt1 .mt1{margin-top: 4vw;}
  .box-txt1 .mt2{margin-top: 11vw;}
}

.p-sc{display: flex;}
.p-sc .sc{font: none;}
.p-sc .t{margin-left: 5px;}

.wb-k{word-break: keep-all;}

.lst_txt1 li{display: flex; font-size: 1.125em; line-height: 1.5; margin-top: 10px; align-items: flex-start;}
.lst_txt1 li:first-child{margin-top: 0;}
.lst_txt1 li .h{flex: none; font-weight: 900; color: #3c3c3c; display: flex; align-items: center;}
.lst_txt1 li  .t{margin-left: 5px;}
.lst_txt1 li i{width: 50px; text-align: center; display: inline-block;}
@media screen and (max-width: 840px) {
  .lst_txt1 li{margin-top: 2vw;}
  .lst_txt1 li .t{margin-left: 1.5vw;}
  .lst_txt1 li i{width: 6vw;}
}

.title2{font-size: 24px; font-size: 1.5em; line-height: 1.5; margin-bottom: 35px; font-weight: 800; padding-top: 17px; color: #0564a9; position: relative;}
.title2:after{position: absolute; left: 0; top: 0; width: 45px; height: 4px; background-color: #0564a9; content: ""; font-size: 0;}
.fz_nl{font-size: 18px; font-size: 1.125em; line-height: 30px; line-height: 1.6667;  }
.fz_nl.lh2{line-height: 2.2222;}
@media screen and (max-width: 840px) {
  .title_head .title2{margin-bottom: 2vw;}
  .title2{font-size: 4vw;margin-bottom: 5vw;font-weight: 800;padding-top: 3vw;}
  .title2:after{width: 7vw; height: 0.7vw;}
  .fz_nl{font-size: 3vw;line-height: 1.6667;  }
}

.icons{background: url(../images/common/bg_icon.png); background-repeat: no-repeat; display: inline-block;}
.icons.blank{background-position: -73px -11px; width: 8px; height: 9px;}
.icons.tel{background-position: -41px -5px; width: 17px; height: 21px;}
.icons.letter{background-position: -4px -7px; width: 27px; height: 18px;}
.icons.tel{background-position: -41px -5px; width: 17px; height: 21px;}
.icons.sns1_1{background-position: -5px -36px; width: 9px; height: 18px;}
.icons.sns1_2{background-position: -22px -36px; width: 18px; height: 17px;}
.icons.sns1_3{background-position: -47px -36px; width: 13px; height: 17px;}
.icons.sns1_4{background-position: -68px -37px; width: 12px; height: 15px;}
.icons.sns1_5{background-position: -88px -36px; width: 22px; height: 15px;}
.icons.download{background-position: -91px -5px; width: 18px; height: 17px;}
.icons.info1_1{background-position: -4px -70px; width: 15px; height: 16px;}
.icons.info1_2{background-position: -32px -72px; width: 20px; height: 13px;}
.icons.info1_3{background-position: -67px -69px; width : 16px; height: 17px;}
.icons.info1_4{background-position: -92px -68px; width: 18px; height: 20px;}


.ico_txt{display: inline-block; line-height: 1; font-size: 14px; padding: 6px 10px; border-radius: 5px; text-align: center; color: #fff; font-weight: 600;}
.ico_txt.red{background-color: #df000d;}
.ico_txt.green{background-color: #00a45e;}
.ico_txt.gold{background-color: #c77c00;}
.ico_txt.purple{background-color: #c80bff;}
.ico_txt.mint{background-color: #00c2cb;}

@media screen and (max-width: 600px) {
  .icons{background: url(../images/common/bg_icon.png); background-repeat: no-repeat; display: inline-block;}
  .icons.blank{background-position: -73px -11px; width: 8px; height: 9px;}
  .icons.letter{background-size: 104px 63px; background-position: -2px -4px; width: 14px; height: 9px;}
  .icons.tel{background-size: 104px 63px; background-position: -20px -3px; width: 9px; height: 11px;}
  .icons.sns1_1{background-position: -5px -36px; width: 9px; height: 18px;}
  .icons.sns1_2{background-position: -22px -36px; width: 18px; height: 17px;}
  .icons.sns1_3{background-position: -47px -36px; width: 13px; height: 17px;}
  .icons.sns1_4{background-position: -68px -37px; width: 12px; height: 15px;}
  .icons.sns1_5{background-position: -88px -36px; width: 22px; height: 15px;}
  .icons.download{background-size: 104px 63px; background-position: -45px -3px; width: 9px; height: 9px;}
  .icons.info1_1{background-size: 104px 63px; background-position: -2px -35px; width: 8px; height: 8px;}
  .icons.info1_2{background-size: 104px 63px; background-position: -16px -36px; width: 10px; height: 7px;}
  .icons.info1_3{background-size: 104px 63px; background-position: -33px -35px; width : 8px; height: 9px;}
  .icons.info1_4{background-size: 104px 63px; background-position: -46px -34px; width: 9px; height: 10px;}
  .ico_txt{font-size: 3vw;padding: 2vw 4vw;border-radius: 0.7vw;}
}


.hash-type1{ box-sizing: border-box; display: flex; align-items: center; flex-wrap: wrap; margin-left: -5px; font-weight: 500; color: #fff;}
.hash-type1 > *{flex: none;display: inline-block; background-color: #000; font-size: 14px; line-height: 1; border-radius: 5px; padding: 7px 5px; margin-left: 5px; margin-bottom: 5px;}

@media screen and (max-width: 840px) {
  .hash-type1{ margin-left: -1vw;}
.hash-type1 > *{font-size: 3vw;border-radius: 0.5vw;padding: 2vw 3.5vw;margin-left: 1vw;margin-bottom: 1vw;}  
}

.wrap_statebar_type1{display: flex; align-items: center; justify-content: space-between; text-align: left;}
.wrap_statebar_type1 > *{flex: none;}
.wrap_statebar_type1 .date{width: 160px; font-size: 14px; color: #999;}
.wrap_statebar_type1 .bar{position: relative; width: calc(100% - 320px); height: 7px; background-color: #dddfe0;}
.wrap_statebar_type1 .bar span{position: absolute; left: 0; top: 0; width: 0%; height: 100%; background-color: #0564a9;}
.wrap_statebar_type1 .bar span i{width: 6px; height: 20px; position: absolute; right: 0; top: 50%; background-color: #0564a9; margin-top: -9px;}
.wrap_statebar_type1 .date.end{width: 160px; text-align: right;}

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

  .wrap_statebar_type1{align-items: flex-start;justify-content: space-between;text-align: left;flex-wrap: wrap;}
  .wrap_statebar_type1 > *{flex: none;}
  .wrap_statebar_type1 .date{width: 100%;font-size: 3vw;margin-bottom: 3vw;}
  .wrap_statebar_type1 .bar{width: 100%;height: 2vw;}
  .wrap_statebar_type1 .bar span{}
  .wrap_statebar_type1 .bar span i{width: 2vw;height: 6vw;margin-top: -3vw;}
  .wrap_statebar_type1 .date.end{width: 100%;margin-top: 3vw;}

}

body{ font-family: "s-core-dream", sans-serif; font-weight: 500; background-color: #f6f7f8; } 

.pr-pt-xl{padding-top: 130px !important;}
.pr-pt-l{padding-top: 100px !important;}
.pr-pt-n{padding-top: 60px !important;}
.pr-pb-xl{padding-bottom: 160px !important;}

.pr-subcont{padding-top: 120px !important;}

@media screen and (max-width: 840px) {
  .pr-pt-xl{padding-top: 11.9048vw !important;}
  .pr-pt-l{padding-top: 9.5238vw !important;}
  .pr-pt-n{padding-top: 7.1429vw !important;}
  .pr-pb-xl{padding-bottom: 11.9048vw !important;}
  .pr-subcont{padding-top: 18vw !important;}
}

.headline .h1{ margin-bottom: 45px; font-size: 38px; line-height: 1.3684; font-weight: 800; color: #0e2730; text-align: center; }

.c-point{color: #0564a9;}

.d-flex{display: flex;}
.d-iflex{display: inline-flex;}
.jc-sb{justify-content: space-between;}
.jc-fe{justify-content: flex-end;}
.ai-c{align-items: center;}

/*span.font-point1{
  border-bottom: 13px solid #0069b4;
  text-decoration: underline;
}*/
span.font-point1{/*border-bottom: 12px #0069b4 solid;*/ position: relative; }

span.font-point1:after{position: absolute; left: 0; bottom: 0; width: 100%; height: 12px; background-color: #0069b4; content: ""; z-index: -1; }

@media screen and (max-width: 840px) {
  span.font-point1:after{ height: 1.4vw; bottom: 1px }
}


.inr-c {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}


@media screen and (max-width: 1460px) {
  .inr-c {
    max-width: auto;
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media screen and (max-width: 840px) {
  .inr-c {
    margin-left: 40px; margin-left: 4.7619vw;
    margin-right: 40px; margin-right: 4.7619vw;
    box-sizing: border-box;
  }
}

.bg_ty1{background-color: #fff;}
.bg_ty2{background-color: #0069b4;}

.inr-c-line{position: relative; max-width: 1400px; margin-left: auto; margin-right: auto;}
.inr-c-line .line{position: absolute; top: 0; width: 1px; height: 100%; background-color: #e8e8e8; z-index: -2; opacity: 0.8;}
.inr-c-line .line.n1{left: 0%;}
.inr-c-line .line.n2{left: 19.9286%;}
.inr-c-line .line.n3{left: 39.9286%;}
.inr-c-line .line.n4{left: 59.8571%;}
.inr-c-line .line.n5{left: 79.8571%;}
.inr-c-line .line.n6{right: 0;}

.bg_ty2 .inr-c-line .line{background-color: #000; opacity: 0.2;}

@media screen and (max-width: 1500px) {
  .inr-c-line{margin-left: 50px; margin-right: 50px;}
  .inr-c-line .line.n1{left: 0%;}
  .inr-c-line .line.n2{left: 19.9286%;}
  .inr-c-line .line.n3{left: 39.9286%;}
  .inr-c-line .line.n4{left: 59.8571%;}
  .inr-c-line .line.n5{left: 79.8571%;}
  .inr-c-line .line.n6{right: 0;}
}


@media screen and (max-width: 1280px) {
  .inr-c-line{margin-left: 30px; margin-right: 30px;}
  .inr-c-line .line.n1{left: 0%;}
  .inr-c-line .line.n2{left:25%;}
  .inr-c-line .line.n3{left:50%;}
  .inr-c-line .line.n4{left:75%;}
  .inr-c-line .line.n5{display: none;}
  .inr-c-line .line.n6{right: 0;}
}

@media screen and (max-width: 840px) {
  .inr-c-line{margin-left: 5.9524vw; margin-right: 5.9524vw;}
  .inr-c-line .line{display: none !important;}
}


.btn_more_type1{font-size: 14px;letter-spacing: 0.05em;display: inline-flex;align-items: center;color: #fff;line-height: 1;font-weight: 800; position: relative;}
.btn_more_type1 .t{display: inline-block; position: relative; z-index: 2; padding: 5px 0;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.btn_more_type1 .t b{color: #fff; position: relative; z-index: 2; display: inline-block; font-weight: 800;}
.btn_more_type1 .t:before{position: absolute;left: 0;bottom: 1px;width: 0;height: 9px; background-color: #0069b4;content: "";z-index: 0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.btn_more_type1:hover .t{}
.btn_more_type1:hover .t:before{ left: 9px; width: calc(100% - 7px); background-color: #0076ca; }
.btn_more_type1:hover .t.c2:before{background-color: #62ade2;}
.btn_more_type1 i{margin-left: 15px;}
.btn_more_type1.t_black .t b{color: #000;}
.ico_circle2{position: relative; display: inline-flex; align-items: center; justify-content: center; width: 55px; height: 55px; background-color: #fff; border-radius: 100%;
  -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;

}
.ico_circle2.c_blue{background-color: #0069b4;}
:hover > .ico_circle2{background-color: #d9efff;}
:hover > .ico_circle2.c_blue{background-color: #0076ca;}
.ico_arr{ font-size: 0;}
.ico_arr:after {
  content: '';
  width: 4px; /* 사이즈 */
  height: 4px; /* 사이즈 */
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  display: inline-block;
  transform: rotate(45deg );
}
.ico_arr.rgh:after{
  transform: rotate(45deg ); /* 각도 */ 
}
.ico_arr.lft:after{
  transform: rotate(225deg ); /* 각도 */  
}
.ico_arr.top:after{
  transform: rotate(315deg ); /* 각도 */  
}
.ico_arr.down:after{
  transform: rotate(135deg ); /* 각도 */  
}

.ico_arr.blue:after{border-color: #0069b4;}
.ico_arr.white:after{border-color: #fff;}

*:hover > .ico_arr.white.hover:after{border-color: #0069b4;}


.tit-ty1{color: #0e2730; position: relative; display: inline-flex; align-items: center; }
.tit-ty1 i{background-color: #0564a9; width: 6px; height: 6px; margin-top: 0; border-radius: 50%; margin-right: 13px; flex: none;}
.tit-ty1 span.t{}
@media screen and (max-width: 840px) {
  .tit-ty1 i{width: 1vw;height: 1vw;margin-top: 0vw;border-radius: 50%;margin-right: 1vw;}
}

.area_select1{display: inline-block; position: relative;}
.area_select1:after{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 14px;
    top: 50%;
    content:"\f107";
    margin-top: -10px;
    font-size: 20px;
}
.area_select1 > select {
    min-width:70px;
    min-width:70px\9;
    height: 49px;
    padding: 6px 50px 0 15px;
    padding:6px 9px 6px 15px\9;
    border:1px solid #d8d8d8;
    font-size: 17px;
    font-size:17px\9;
    line-height: 1;
    color:#313131;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -o-appearance:none;
    background:none\9;
    background-color:#fff;
    font-weight: 600;
}

:area_root .select1 > select {padding:6px 9px 0x 15px \0/IE9; font-size:16px \0/IE9;}

.area_select1 > select::-ms-expand {display:none;}

.area_select1 > select:focus {border:1px solid #0079c1;}

.area_select1 > select.h2{height: 36px;}
.area_select1 > select.ml{margin-left: 5px;}
.area_select1 > select.mr{margin-right: 5px;}
.area_select1 > select.bc1{border-color: #eaeaea;} 
.ico_txtbox1{min-width: 120px;color: #0069b4;border: 1px solid #99c3e1;line-height: 1;padding: 8px 15px 6px;box-sizing: border-box;display: inline-block;text-align: center; font-weight: 500;}
@media screen and (max-width: 840px) {
  .ico_txtbox1{min-width: 19vw;padding: 2vw 2vw 1.8vw;box-sizing: border-box;display: inline-block;text-align: center;font-weight: 500;}
}

@media screen and (max-width: 600px) {
  .area_select1 > select {
    height: 10vw;
    padding: 1vw 12vw 1vw 3vw;
    padding:6px 9px 6px 15px\9;
    font-size: 3.2vw;
  }
  .area_select1:after{
    right: 4.3vw;
    margin-top: -2.7vw;
    font-size: 6vw;
  }
}




.wrap_search_top{display: flex; margin-bottom: 50px;}
.wrap_search_top .col{display: flex; align-items: center;}
.wrap_search_top .col.rgh{margin-left: auto; width: 330px; flex-shrink: 0; display: block;}
.wrap_search_top .col.ml{margin-left: 40px;}
.wrap_search_top .col .tit1{font-size: 14px; margin-right: 7px;}
.wrap_search_top .area_select1{margin-left: 6px;}
.wrap_search_top .area_select1:first-child{margin-left: 0;}
.wrap_search_top .area_select1.w1 > select{min-width: 195px;}
.wrap_search_top .area_select1.w2 > select{min-width: 150px;}
.wrap_bistab {display: flex; width:100%; gap:11px; margin-bottom:20px;}
.wrap_bistab > div a  {padding:11px 20px; display: block; border:1px solid #313131; background:#fff; font-weight: 600; color:#313131;}
.wrap_bistab > div.on a  {background:#313131; color:#fff;}


@media screen and (max-width: 1460px) {
  .wrap_search_top{flex-wrap: wrap;}
  .wrap_search_top .col:nth-child(1){width: 47%;}
  .wrap_search_top .col:nth-child(2){width: 49%; margin-left: 4%;}
  .wrap_search_top .col:nth-child(3){width: 100%; margin-top: 12px;}
  .wrap_search_top  .col:nth-child(1) .area_select1{width: 50%;}
  .wrap_search_top  .col:nth-child(2) > *{width: 40%;}
  .wrap_search_top  .col:nth-child(2) .tit1{width: 120px;}
  .wrap_search_top .area_select1 > select{width: 100%;}
}

@media screen and (max-width: 960px) {
  .wrap_search_top{flex-wrap: wrap;}
  .wrap_search_top .col:nth-child(1){width: 100%;}
  .wrap_search_top .col:nth-child(2){width: 100%; margin-top: 12px; margin-left: 0%;}
  .wrap_search_top .col:nth-child(3){width: 100%; margin-top: 12px;}
  .wrap_search_top  .col:nth-child(1) .area_select1{width: 50%;}
  .wrap_search_top  .col:nth-child(2) > *{width: 42.1%;}
  .wrap_search_top  .col:nth-child(2) .tit1{width: 120px;}
  .wrap_search_top .area_select1 > select{width: 100%;}
}

@media screen and (max-width: 840px) {
  .wrap_search_top{margin-bottom: 7vw;}

  .wrap_search_top .col{flex-wrap: wrap; margin-bottom: 2vw;}
  .wrap_search_top .col:nth-child(1) .area_select1{width: 100%; margin-left: 0; margin-bottom:1.7vw;}
  .wrap_search_top .col:nth-child(2) > *{width: 100%; margin-left: 0; margin-bottom:1.7vw;}
  .wrap_search_top .col:nth-child(2) .tit1{width: 100%; font-size: 3vw; margin-bottom: 2vw;}
}







.wrap-search-type1{display: flex; align-items: stretch; }
.wrap-search-type1 form{display: flex; align-items: stretch; width: 100%;}
.wrap-search-type1 input{width: 100%;height: 50px;border: 1px solid #d8d8d8; box-sizing: border-box; padding: 0 27px;background-color: #fff; border-right: 0; font-weight: 400; letter-spacing: -1px; color: #333; font-weight: 600;}
.wrap-search-type1 button{padding-top: 2px; background-color: #0564a9; width: 94px; margin-left: auto; flex-shrink: 0; color: #fff; display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
.wrap-search-type1 button i{font-size: 19px; margin-top: -3px; margin-right: 5px;}
.wrap-search-type1 button:hover{background-color: #2982c3;}

@media screen and (max-width: 1460px) {
  .wrap_search_top .col:nth-child(1) .area_select1{margin-bottom: 10px;}
}
@media screen and (max-width: 840px) {
  .wrap_search_top .col:nth-child(1) .area_select1.mb{margin-bottom: 0; margin-right: 0 !important;}
  .wrap-search-type1 .area_select1{width: 100%; margin-bottom: 2vw;}
  .wrap-search-type1 input{}
  .wrap-search-type1 button{}
}
@media screen and (max-width: 600px) {
  .wrap-search-type1 input{height: 10vw; padding: 0 5vw; font-size: 3vw;}
  .wrap-search-type1 button{width: 20vw; font-size: 3vw;}
  .wrap-search-type1 button i{font-size: 3.7vw;margin-top: 0vw;margin-right: 1vw;}
}

.wrap_swiper_type2 .swiper-container{padding-top: 30px; padding-left: 30px;}
.wrap_swiper_type2 > .inr-c-line{display: flex;}
.wrap_swiper_type2 .headline{width: 200px; margin-right: auto; flex-shrink: 0;}
.wrap_swiper_type2 .headline .h1{ color: #fff; text-align: left; font-weight: 800; margin-bottom: 39px;}
.wrap_swiper_type2 .headline .btn_bot{margin-top: 60px;}

.wrap_swiper_type2 .swiper-container{width: 100%; margin-left: 48px;}



.wrap_swiper_type2 .swiper-slide .thumb{position: relative; display: block; }
.wrap_swiper_type2 .swiper-slide .thumb .img{width: 100%; height: 366px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; z-index: 1; position: relative;  }
.wrap_swiper_type2 .swiper-slide .cont{margin-top: 17px;}
.wrap_swiper_type2 .swiper-slide .cont .t1{font-size: 18px; font-size: 1.125em; font-weight: 400; color: #fff;}
.wrap_notice_type2 > .inr-c-line{display: flex;}
.wrap_notice_type2 .headline{width: 200px; margin-right: auto; flex-shrink: 0;}
.wrap_notice_type2 .headline .h1{ color: #0e2730; text-align: left; font-weight: 800; margin-bottom: 39px;}
.wrap_notice_type2 .headline .btn_bot{margin-top: 60px;}

.wrap_notice_type2 .lst-notice{width: calc(100% - 1px); margin-left: 80px; margin-top: -37px; margin-right: 1px;}
.wrap_notice_type2 .item{cursor: pointer; position: relative; z-index: 1;display: flex; padding: 37px 28px 46px; background-color: #fff; border-bottom: 1px solid #e8e8e8;
  -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;

}
.wrap_notice_type2 .item:last-child{border-bottom: 0;}
.wrap_notice_type2 .item .date{width: 120px; text-align: center; flex-shrink: 0; font-size: 14px; font-size: 0.875em; color: #919191; font-weight: 400; padding-top: 7px;}
.wrap_notice_type2 .item .cate{width: 160px; text-align: left; flex-shrink: 0;}
.wrap_notice_type2 .item .cont{max-width: 670px; padding-top: 3px;}
.wrap_notice_type2 .item .cont .h1{color: #3c3c3c; font-size: 18px; font-size: 1.125em; font-weight: 800; word-break: keep-all;}
.wrap_notice_type2 .item .cont .t1{margin-top: 20px; color: #919191; font-size: 15px; font-size: 0.9375em; line-height: 26px; line-height: 1.8571; word-break: keep-all;  }

.wrap_notice_type2 .item:hover{background-color: #fafafa; -webkit-box-shadow: 17px 18px 12px 0px rgba(127,127,127,0.4); 
box-shadow: 17px 18px 12px 0px rgba(127,127,127,0.4); 
-webkit-transform: translate(0px, -10px);
-moz-transform: translate(0px, -10px);
-o-transform: translate(0px, -10px);
-ms-transform: translate(0px, -10px);
transform: translate(0px, -10px);
z-index: 2; } 
.wrap_notice_type2 .item:hover .cont .h1{color: #0069b4; text-decoration: underline; text-underline-position: under; }

.wrap_swiper_type2 .swiper-slide .thumb .img{
  -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
box-sizing: border-box;

}
.wrap_swiper_type2 .swiper-slide .thumb:after{
  position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; z-index: 0; content: "";
    -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
box-sizing: border-box;
}
.wrap_swiper_type2 .swiper-slide .thumb:hover .img{ 
  -webkit-transform: translate(-20px, -30px);
  -moz-transform: translate(-20px, -30px);
  -o-transform: translate(-20px, -30px);
  -ms-transform: translate(-20px, -30px);
  transform: translate(-20px, -30px);
  /*border-style: solid;
  border-width: 0 9px 9px 0;
  border-color: #fff;*/
}

.wrap_swiper_type2 .swiper-slide .thumb:hover:after{ 
  -webkit-box-shadow: 10px 10px 19px 9px rgba(0,0,0,0.24); 
  box-shadow: 10px 10px 19px 9px rgba(0,0,0,0.24);
  -webkit-transform: translate(-10px, -20px);
  -moz-transform: translate(-10px, -20px);
  -o-transform: translate(-10px, -20px);
  -ms-transform: translate(-10px, -20px);
  transform: translate(-10px, -20px);
  /*border-style: solid;
  border-width: 0 9px 9px 0;
  border-color: #fff;*/
}


@media screen and (max-width: 1180px) {
  .wrap_notice_type2 .item{flex-wrap: wrap;}
  .wrap_notice_type2 .item .date{text-align: left; width: auto; }
  .wrap_notice_type2 .item .cont{margin-top: 30px; width: 100%;}
  .wrap_notice_type2 .item .cate{margin-left: 30px;}
}

@media screen and (max-width: 840px) {
.wrap_notice_type2 .lst-notice{width: 100%; margin-left: 0; margin-right: 0; margin-top: -5vw;}
.wrap_notice_type2 .item{padding-left: 0; padding-right: 0; padding-top: 40px; padding-top: 4.7619vw; padding-bottom: 46px; padding-bottom: 5.4762vw;}
.wrap_notice_type2 .item .date{font-size: 12px;}
.wrap_notice_type2 .item .cate{margin-left: 30px; margin-left: 3.5714vw; width: 160px; width: 19.0476vw;}
.wrap_notice_type2 .item:hover{background-color: transparent;}
.wrap_notice_type2 .item .date{padding-top: 1.5vw;}
.wrap_notice_type2 .item .cont{margin-top: 5vw;width: 100%;padding-top: 0;}
.wrap_notice_type2 .item .cont .h1{font-size: 4vw;}
.wrap_notice_type2 .item .cont .t1{margin-top: 5vw;font-size: 11px;}

}

.wrap_view_type1{}
.wrap_view_type1 .head{margin-bottom: 40px;}
.wrap_view_type1 .head .h1{font-size: 38px; font-size: 2.375em; line-height: 1.3; font-weight: 900; color: #0e2730; word-break: keep-all; letter-spacing: -0.04em;}
.wrap_view_type1 .head .write{margin-top: 17px; color: #999; font-size: 14px;}
.wrap_view_type1 .map{position: relative; width: 100%; height: 485px;}
.wrap_view_type1 .map > * {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

@media screen and (max-width: 840px) {
  .wrap_view_type1 .head{margin-bottom: 9vw;}
  .wrap_view_type1 .head .h1{font-size: 7vw;}
  .wrap_view_type1 .head .write{margin-top: 5vw; font-size: 3vw;}
  .wrap_view_type1 .map{height: 105vw;}
}




col.tit1{width:19.9286%;}
.table_type2 table{width: 100%; background-color: #fff; font-size: 18px; line-height: 1.5;}
.table_type2 table th,.table_type2 table td{border: 1px solid #e8e8e8; padding: 16px;}
.table_type2 table tbody th{ text-align: left;  font-weight: 600;}

.wrap_view_type2{}
.wrap_view_type2 .head{margin-bottom: 40px;}
.wrap_view_type2 .head .h1{font-size: 38px; font-size: 2.375em; line-height: 1.3; font-weight: 900; color: #0e2730; word-break: keep-all; letter-spacing: -0.04em;}
.wrap_view_type2 .head .t1{margin-top: 23px; color: #999; font-size: 14px;}
.wrap_view_type2 .head .t1 b{margin-right: 22px; font-weight: 800; display: inline-block;}
.wrap_view_type2 .cont{position: relative;min-height: 300px;background-color: #fff;box-sizing: border-box;padding: 90px 4.9286% 4.7143%;font-size: 18px;line-height: 1.8;color: #3c3c3c;}
.wrap_view_type2 .map > * {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.wrap_view_type2 .btn_bot{margin-top: 20px; text-align: right;}

@media screen and (max-width: 840px) {
  .wrap_view_type2 .head{margin-bottom: 9vw;}
  .wrap_view_type2 .head .h1{font-size: 7vw;}
  .wrap_view_type2 .head .t1{margin-top: 5vw; font-size: 3vw;}
  .wrap_view_type2 .head .t1 b{margin-right: 3vw;}
  .wrap_view_type2 .cont{position: relative;min-height: 84vw;background-color: #fff;box-sizing: border-box;padding: 16vw 4vw 4vw;font-size: 3vw;}
  .wrap_view_type2 .cont img{max-width: 100%; height: auto;}
  .wrap_view_type2 .btn_bot{margin-top: 5vw;}
}




.btn_type2{background-color: #0564a9; display: inline-flex; align-items: center; justify-content: center; color: #fff; min-width: 172px; height: 54px; padding: 0 20px; box-sizing: border-box; font-weight: 600; font-size: 18px; line-height: 1;
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}

.btn_bot{margin-top: 60px; text-align: center;}

.btn_type2:hover{ background-color: #1b7cc1; }
.bg_default{background-color: #002946 !important;}
.bg_default .bg{opacity: 0.1 !important;}

@media screen and (max-width: 840px) {
    .btn_type2{
    min-width: 25vw;
    height: auto;
    padding: 3vw 6vw;
    font-size: 3.3vw;
    line-height: 1;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    }
  .btn_bot{margin-top: 5vw;}
  .table_type2 table tbody tr{display: block; position: relative;}
  .table_type2 table tbody tr th,.table_type2 table tbody tr td{display: block;padding-top: 10vw;padding-left: 6vw;padding-right: 5vw;padding-bottom: 4vw;font-size: 4vw;}
  .table_type2 table tbody tr th{position: absolute;left: 4vw;top: 2vw;font-size: 3vw;border: 0;padding: 0;}
}
  

.wrap_gallery > .inr-c{display: flex; flex-wrap: wrap;}
.wrap_gallery .item{flex: none; width: 338px; width: 24%; height: 320px; margin-left: 1.3333%; margin-bottom: 1.3333%; background-color: #031929; position: relative; color: #fff; cursor: pointer; overflow: hidden;}
.wrap_gallery .item > *{position: relative; z-index: 1;}
.wrap_gallery .bg{position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; opacity: 0.45; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;
  -webkit-transform: rotate(0.001deg) scale(1);
  -moz-transform: rotate(0.001deg) scale(1);
  -o-transform: rotate(0.001deg) scale(1);
  -ms-transform: rotate(0.001deg) scale(1);
  transform: rotate(0.001deg) scale(1);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.wrap_gallery .item:nth-child(4n+1){margin-left: 0;}

.wrap_gallery .item .cate{padding: 20px 25px; display: flex; justify-content: flex-end; align-items: center; font-size: 14px; font-size: 0.875em;}
.wrap_gallery .item .cate .t1{display: none;}
.wrap_gallery .item .cont{padding: 0 10px 0 40px; padding: 0 2.9586% 0 11.8343%;}
.wrap_gallery .item .cont .h1{font-size: 26px; font: 1.625em; line-height: 40px; line-height: 1.5385; max-height: 81px; overflow: hidden; font-weight: 800; word-break: keep-all; margin-bottom: 20px; margin-bottom: 6.25%;}
.wrap_gallery .item .cont .t1{margin-top: 4px; font-size: 14px;line-height: 1.4; font-weight: 600;}
.wrap_gallery .hash-type1{position: absolute; left: 0; bottom: 0; width: 100%; height: auto; padding: 15px 15px 10px;}
.wrap_gallery .item:hover .bg{ 
  -webkit-transform: rotate(0.001deg) scale(1.2);
  -moz-transform: rotate(0.001deg) scale(1.2);
  -o-transform: rotate(0.001deg) scale(1.2);
  -ms-transform: rotate(0.001deg) scale(1.2);
  transform: rotate(0.001deg) scale(1.2);
}

@media screen and (max-width: 1460px) {
  .wrap_gallery .item{width: 32.42%;}
  .wrap_gallery .item:nth-child(1n+1){margin-left:  1.3333%;}
  .wrap_gallery .item:nth-child(3n+1){margin-left:  0;}
}
@media screen and (max-width: 1100px) {
  .wrap_gallery .item{width: 49.30%;}
  .wrap_gallery .item:nth-child(1n+1){margin-left:  1.3333%;}
  .wrap_gallery .item:nth-child(2n+1){margin-left:  0;}
}
@media screen and (max-width: 840px) {
   .wrap_gallery .item{width: 100%;} 
   .wrap_gallery .item:nth-child(1n+1){margin-left:  0; height: auto;}
   .wrap_gallery .item .cont{padding: 0 5vw;}
   .wrap_gallery .item .cate{padding: 3vw 5vw; font-size: 4vw;}
   .wrap_gallery .item .cont .h1{font-size: 6vw;line-height: 1.5;max-height: none;font-weight: 800;margin-bottom: 4vw;overflow: visible;}
  .wrap_gallery .item .cont .t1{margin-top: 0.8vw;font-size: 4vw;line-height: 1.4;font-weight: 600;}
  .wrap_gallery .hash-type1{position:relative; width: 100%;height: auto;padding: 5vw 5vw 0;}
}


.wrap_gallery_type2 > .inr-c{display: flex; flex-wrap: wrap;}
.wrap_gallery_type2 .item{flex: none; width: 338px; width: 24%; margin-left: 1.3333%; margin-bottom: 1.3333%; background-color: #fff; position: relative; cursor: pointer; overflow: hidden; }
.wrap_gallery_type2 .thumb{height: 245px; position: relative; overflow: hidden;}
.wrap_gallery_type2 .bg{position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; opacity: 1; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;
  -webkit-transform: rotate(0.001deg) scale(1);
  -moz-transform: rotate(0.001deg) scale(1);
  -o-transform: rotate(0.001deg) scale(1);
  -ms-transform: rotate(0.001deg) scale(1);
  transform: rotate(0.001deg) scale(1);
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.wrap_gallery_type2 .item:nth-child(4n+1){margin-left: 0;}

.wrap_gallery_type2 .item .cont{padding: 20px;}
.wrap_gallery_type2 .item .cont .cate{font-size: 14px; color: #5064a9; line-height: 1;  font-weight: 600;}
.wrap_gallery_type2 .item .cont .h1{font-size: 20px; line-height: 22px; height: 22px; overflow: hidden; font-weight: 700; word-break: keep-all; margin-top: 24px; color: #0e2730; }
.wrap_gallery_type2 .item .cont .t1{margin-top: 20px; font-size: 14px;line-height: 20px; height: 42px; overflow: hidden; font-weight: 500;}
.wrap_gallery_type2 .item .cont .date{margin-top: 20px; font-size: 14px;line-height: 1.4; font-weight: 300;}

.wrap_gallery_type2 .item:hover .bg{ 
  -webkit-transform: rotate(0.001deg) scale(1.1);
  -moz-transform: rotate(0.001deg) scale(1.1);
  -o-transform: rotate(0.001deg) scale(1.1);
  -ms-transform: rotate(0.001deg) scale(1.1);
  transform: rotate(0.001deg) scale(1.1);
}

@media screen and (max-width: 1460px) {
  .wrap_gallery > .inr-c{margin-left: 0; margin-right: 0;}
  .wrap_gallery_type2 > .inr-c{margin-left: 0; margin-right: 0;}
}

@media screen and (max-width: 1280px) {
  .wrap_gallery_type2 .item{width: 32.43%;}
  .wrap_gallery_type2 .item:nth-child(1n+1){ margin-left: 1.3333%; }
  .wrap_gallery_type2 .item:nth-child(3n+1){ margin-left: 0; }
}
@media screen and (max-width: 1024px) {
  .wrap_gallery_type2 .item{width: 49.33%;}
  .wrap_gallery_type2 .thumb{height: 33vw;}
  .wrap_gallery_type2 .item:nth-child(1n+1){ margin-left: 1.3333%; }
  .wrap_gallery_type2 .item:nth-child(2n+1){ margin-left: 0; }
}

@media screen and (max-width: 840px) {
  .wrap_gallery_type2 .thumb{height: 31vw;}
  .wrap_gallery_type2 .item .cont{padding: 4vw 3vw;}
  .wrap_gallery_type2 .item .cont .cate{font-size: 3vw;}
  .wrap_gallery_type2 .item .cont .h1{font-size: 4vw;line-height: 1.5;height: 11.7vw;margin-top: 2vw;}
  .wrap_gallery_type2 .item .cont .t1{margin-top: 2vw;font-size: 3vw;line-height: 1.5;height: 12.5vw;}
  .wrap_gallery_type2 .item .cont .date{margin-top: 3vw;font-size: 2.3vw;line-height: 1.4;font-weight: 300;}
}

.wrap_gallery_type3 > .inr-c{display: flex; flex-wrap: wrap;}
.wrap_gallery_type3 .item{flex: none; width: 241px; width: 17.2143%; margin-left: 1.39285%; margin-right: 1.39285%; margin-bottom: 2.8571%; position: relative; cursor: pointer; overflow: hidden; }
.wrap_gallery_type3 .thumb{height: 349px; position: relative; overflow: hidden;}
.wrap_gallery_type3 .bg{position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; opacity: 1; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;
  -webkit-transform: rotate(0.001deg) scale(1);
  -moz-transform: rotate(0.001deg) scale(1);
  -o-transform: rotate(0.001deg) scale(1);
  -ms-transform: rotate(0.001deg) scale(1);
  transform: rotate(0.001deg) scale(1);
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.wrap_gallery_type3 .item .cont{padding: 20px 0;}
.wrap_gallery_type3 .item .cont .h1{font-size: 20px; line-height: 22px; height: 44px; overflow: hidden; font-weight: 900; word-break: keep-all; color: #0e2730; text-align: left;  }

.wrap_gallery_type3 .item:hover .bg{ 
  -webkit-transform: rotate(0.001deg) scale(1.1);
  -moz-transform: rotate(0.001deg) scale(1.1);
  -o-transform: rotate(0.001deg) scale(1.1);
  -ms-transform: rotate(0.001deg) scale(1.1);
  transform: rotate(0.001deg) scale(1.1);
}

@media screen and (max-width: 1460px) {
  .wrap_gallery_type3 > .inr-c{margin-left: 0; margin-right: 0;}
}

@media screen and (max-width: 1380px) {
  .wrap_gallery_type3 .item{width: 17.20%;}
  .wrap_gallery_type3 .thumb{height: 23vw;}
  
}
@media screen and (max-width: 1180px) {
  .wrap_gallery_type3 .item{width: 30.54%;}
  .wrap_gallery_type3 .thumb{height: 42vw;}
}

@media screen and (max-width: 840px) {
  .wrap_gallery_type3 .item{width: 47.2%;}
  .wrap_gallery_type3 .thumb{height: 60vw;}
  .wrap_gallery_type3 .item .cont{padding: 1vw 0;}
  .wrap_gallery_type3 .item .cont .cate{font-size: 3vw;}
  .wrap_gallery_type3 .item .cont .h1{font-size: 4vw;line-height: 1.5;height: 11.4vw;margin-top: 2vw;}
}


.tab_ty1 li{margin-top: 10px; }
.tab_ty1 li:first-child{margin-top: 0;}
.tab_ty1 a{max-width: 120px; padding: 0 20px; display: flex; align-items: center; justify-content: center; font-size: 16px; height: 33px; line-height: 1; box-sizing: border-box; background-color: transparent; border: 1px solid #e3e3e3;}
.tab_ty1 a:hover,
.tab_ty1 .on a{background-color: #0069b4; color: #fff; border-color: #0069b4; }

@media screen and (max-width: 840px) {
  .tab_ty1 li{margin-top: 2vw;}
  .tab_ty1 li:first-child{margin-top: 0;}
  .tab_ty1 a{padding: 0 2vw; font-size: 3vw; height: 9vw; }
  .wrap_notice_type2 .tab_ty1{width: 24vw;}
}



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

  .headline .h1{font-size: 46px; font-size: 5.4762vw; margin-bottom: 70vw; margin-bottom: 8.3333vw;}   
  .wrap_notice_type2 .headline,
  .wrap_swiper_type2 .headline{width: 300px; width: 35.7143vw;}
  .wrap_notice_type2 .headline .h1,
  .wrap_swiper_type2 .headline .h1{margin-bottom: 40px; margin-bottom: 4.7619vw;}
  .wrap_notice_type2 .headline .btn_bot,
  .wrap_swiper_type2 .headline .btn_bot{margin-top: 60px; margin-top: 7.1429vw;}
  .wrap_swiper_type2 .swiper-container{margin-left: 48px; margin-left: 5.7143vw; padding-top: 0; padding-left: 0;}
  .wrap_swiper_type2 .swiper-slide .thumb .img{height: 54vw;}
  .wrap_swiper_type2 .swiper-slide .cont{margin-top: 2vw;}

.wrap_notice_type2 .item:hover{ -webkit-box-shadow:none; box-shadow:none; -webkit-transform: none;
-moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; z-index: 2; } 

.wrap_swiper_type2 .swiper-slide .thumb .img{
  -webkit-transition: none; -moz-transition: none;
-o-transition: none; transition: none; box-sizing: border-box;}
.wrap_swiper_type2 .swiper-slide .thumb:hover .img{  -webkit-box-shadow: none;   box-shadow: none;
  -webkit-transform: none;  -moz-transform: none;
  -o-transform: none;  -ms-transform: none;
  transform: none;  border-style: solid;
  border-width: 0;  border-color: #fff;
}


}





@media screen and (max-width: 600px) {
  .btn_more_type1{font-size: 10px;line-height: 1;}
  .btn_more_type1:hover .t.c2:before{display: none;}
  .btn_more_type1 .t{padding: 5px 0;}
  .btn_more_type1 .t:before{position: absolute;left: 0;bottom: 1px;width: 0;height: 4px;}
  .btn_more_type1:hover .t:before{ left: 9px; width: calc(100% - 7px);}
  .btn_more_type1 i{margin-left: 3vw;}
  .btn_more_type1.t_black .t b{color: #000;letter-spacing: -0.005em;}
  .ico_circle2{width: 36px; height: 36px;}
  .btn_more_type1:hover .t:before{display: none;}
}






.pageing-type1{display: flex; align-items: center;}

.pageing-type1 a{margin-right: 2px; font-size: 0; flex: none; width: 55px; height: 34px; display: inline-flex; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, 0.6); box-sizing: border-box; background-color: #0069b4;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.pageing-type1 a:hover{ background-color: #fff; }
.pagination-type1 .swiper-pagination-bullet{width: 15px; height: 15px; background-color: #fff; margin-left: 7px;}


@media screen and (max-width: 840px) {
  .pageing-type1 a{width: 75px; width: 8.9286vw; height: 49px; height: 5.8333vw;}
}






.title_head { position: relative; }
.title_head .txt { position: absolute; bottom: 0; right: 0; font-size: 16px; line-height: 30px; color: #777; }

.new_graph {margin-bottom:170px;}
.sec_2row > ul {display: flex; gap:28px 30px; flex-wrap: wrap;}
.sec_2row > ul > li {flex:0 0 calc(50% - 66px); background:#fff; display: flex; gap:40px; padding:44px 25px 50px 25px;}
.sec_2row .txt_wrap h2 {font-size:20px; font-weight: 800; color:#0e2730; margin-bottom:30px;}
.sec_2row .txt_wrap li {position: relative; font-size:16px; color:#3c3c3c; font-weight: 300; line-height: 40px; padding-left:14px; letter-spacing: -.06em;}
.sec_2row .txt_wrap li::before {content: ''; width:4px; height:4px; display: inline-block; position: absolute; left:0; top:18px; background:#3c3c3c;}

.wrap_chat_num { display: flex; margin-bottom: 60px; align-items: center; }
.wrap_chat_num > li { text-align: center; width: 20%; flex: none; }
.wrap_chat_num > li .txt { font-size: 20px; line-height: 58px; color: #0e2730; font-weight: 800; text-align: center; }
.wrap_chat_num > li .num { font-size: 70px; font-weight: 800; font-style: italic; margin-left: -37px; letter-spacing: -0.06em; }
.wrap_chat_num > li:nth-child(4){width: 40%;}
.wrap_chat_num > li:nth-child(1) .num { color: #3697dd; }
.wrap_chat_num > li:nth-child(2) .num { color: #0069b4; }
.wrap_chat_num > li:nth-child(3) .num { color: #00459d; }
.wrap_chat_num > li:nth-child(4) .num { color: #0e2c78; }

.wrap_chart_donut { display: flex; margin-bottom: 70px; }
.wrap_chart_donut .bb-chart-arcs-title { font-family: "s-core-dream", sans-serif; font-size: 20px; color: #0e2730; font-weight: 800; opacity: 0 !important; }
.wrap_chart_donut .is-show .bb-chart-arcs-title { opacity: 1 !important;
  -webkit-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease;
    transition-delay: 1.25s; 
}



.wrap_chart_box { display: flex; width: 50%; background-color: #eeeff0; padding: 60px; box-sizing: border-box; align-items: center; justify-content: space-evenly }
.wrap_chart_box + .wrap_chart_box { margin-left: 4px; }
.wrap_chart_box > .chart { flex-grow: 1; }
.wrap_chart_box > .list {  }
.wrap_chart_box > .list li { display: flex; align-items: center; }
.wrap_chart_box > .list li + li { margin-top: 15px; }
.wrap_chart_box > .list li .color { width: 15px; height: 15px; background-color: #ccc; border-radius: 50%; margin-right: 10px; }
.wrap_chart_box > .list li .tit { width: 120px; font-size: 16px; color: #484848; }
.wrap_chart_box > .list li .val { width: 60px; font-size: 16px; color: #222; font-weight: 800; text-align: right; }


@media screen and (max-width: 1480px) {
  .wrap_chart_donut{display: block;}
  .wrap_chart_box{width: 100%; margin-top: 30px; }
  .wrap_chart_box > .chart{width: 50%;}
}
@media screen and (max-width: 840px) {
  .title_head{margin-bottom: 10vw;}
  .title_head .txt { position: relative; font-size: 3vw; line-height: 1.5;}
    
  .sec_2row > ul {flex-direction: column;}
  .sec_2row .img_wrap {flex:0 0 30%;}
    
  .wrap_chart_box{width: 100%;padding: 3vw;text-align: center;flex-direction: column;}
  .wrap_chart_box > .chart{width: 80%;}
  .wrap_chart_box > .list {margin-top: 5vw;}
  .wrap_chart_donut .bb-chart-arcs-title{font-size: 3.2vw;}
  .wrap_chart_box > .list li .color {width: 5vw;height: 5vw; border-radius: 50%;margin-right: 3vw;}
  .wrap_chart_box > .list li .tit {width: 26vw;font-size: 3vw;color: #484848;}
  .wrap_chart_box > .list li .val {width: 12vw;font-size: 3vw;}

}
@media screen and (max-width: 420px) {
    .sec_2row > ul > li  {flex-direction: column;}
}



.wrap_country_ranking .tit { font-size: 20px; line-height: 58px; color: #0e2730; font-weight: 800; text-align: center; margin-bottom: 20px; }
.wrap_country_ranking .summay { font-size: 16px; line-height: 30px; color: #777; text-align: center; margin-top: 20px; }
.wrap_country_ranking ul { margin: 0 auto; }
.wrap_country_ranking ul li { padding: 5px 0; }
.wrap_country_ranking ul li > .inner { display: flex; align-items: center;justify-content: center; }
.wrap_country_ranking ul li > .inner > * { box-sizing: border-box; }
.wrap_country_ranking ul li > .inner .t_country { width: 245px; text-align: right; padding: 0 20px; font-size: 18px; color: #3c3c3c; display: flex; align-items: center; justify-content: flex-end; }
.wrap_country_ranking ul li > .inner .t_country .ico_flag1 { margin-left: 15px; display: none; }
.wrap_country_ranking ul li > .inner .t_country .flag-icon { width: 30px; height: 30px; border-radius: 50%; background-size: cover; display: block; }
.wrap_country_ranking ul li > .inner .bar { width: 905px; height: 7px; background-color: #dddfe0; }
.wrap_country_ranking ul li > .inner .bar span { display: block; width: 0; height: 7px; background-color: #94afc2; 
  -webkit-transition: width 2s ease;
    transition: width 2s ease;
}
.wrap_country_ranking ul.is-show li > .inner .bar span { width: calc(var(--char-index)); }
.wrap_country_ranking ul li > .inner .budget { width: 180px; padding: 0 20px; font-size: 16px; color: #0e2730; font-weight: 800; font-style: italic; }

.wrap_country_ranking ul.is-show li.em > .inner { border: 3px solid #0e2730; box-shadow: 3px 4px 2px 0px rgba(0, 0, 0, 0.31); 
  -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  transition-delay: 2.5s; 
}
.wrap_country_ranking ul.is-show li.em .t_country { font-size: 26px; color: #0e71b8; font-weight: 800; 
  -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  transition-delay: 2.5s; 
}
.wrap_country_ranking ul.is-show li.em > .inner .bar span { background-color: #0e71b8; }
.wrap_country_ranking ul.is-show li.em > .inner .budget { font-size: 20px; color: #0e71b8; font-weight: 700;
  -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  transition-delay: 2.5s; 
}

.main-page .area_row.top{display: flex;} 
.main-page .area_row.top .headline{flex-shrink: 0; width: 39.9286%; text-align: left;}
.main-page .area_row.top .headline .h1{text-align: left;}
.main-page .area_row.top .headline .t1{font-size: 16px; line-height: 1.875;}
.main-page .area_row.top .headline .btn_bot{margin-top: 35px;}
.main-page .area_row.top .wrap_chat_num{ display: flex; flex-wrap: wrap;  text-align: center; width: 100%; margin-left: 1px; margin-right: 1px; align-items: flex-start;}
.main-page .area_row.top .wrap_chat_num > *{width: 33.3332%;}
.main-page .area_row.top .wrap_chat_num .full{width: 100%; background-color: #f6f7f8; padding: 40px 0; border-width: 1px 0; border-color: rgba(232, 232, 232, 1); border-style: solid;}
.main-page .wrap_chat_num > li{padding-bottom: 55px;}
.main-page .wrap_chat_num > li .num{line-height: 1;}
.main-page .wrap_chat_num > li .txt{color: #0e2730; font-size: 24px; line-height: 1; font-weight: 700;}
.main-page .wrap_chat_num > li.full{display: flex; align-items: center; justify-content: center;}
.main-page .wrap_chat_num > li.full .num{margin-left: 62px;}
.main-page .wrap_country_ranking .tit{font-size: 26px;line-height: 1.5;color: #0e2730;text-align: left;font-weight: 900;margin-bottom: 32px;}

@media screen and (max-width: 1280px) {
  .wrap_status .wrap_chat_num{ flex-wrap: wrap; }
  .wrap_status .wrap_chat_num > li:nth-child(1),
  .wrap_status .wrap_chat_num > li:nth-child(2),
  .wrap_status .wrap_chat_num > li:nth-child(3){width: 33.3332%;}
  .wrap_status .wrap_chat_num > li:nth-child(4){width: 100%;}
}

@media screen and (max-width: 840px) {
  .wrap_chat_num{margin-bottom: 10vw;}
  .wrap_chat_num > li .txt {font-size: 5vw;line-height: 1;}
  .wrap_status .wrap_chat_num > li:nth-child(4){margin-top: 7vw;}
}


.layout-col-thumb-type1{}
.layout-col-thumb-type1 > .inner{ }
.layout-col-thumb-type1 .item{display: flex; padding: 70px 67px; background-color: #fff;}
.layout-col-thumb-type1 .item:nth-child(even){background-color: #f1f2f3;}
.layout-col-thumb-type1 .item .thumb{flex-shrink: 0; width: 150px; position: relative; z-index: 1;}
.layout-col-thumb-type1 .item .cont{margin-left: 65px; position: relative; z-index: 1;}
.layout-col-thumb-type1 .item .cont .h1{font-size: 26px; font-size: 1.625em; line-height: 1.3; color: #0e2730; font-weight: 700;}
.layout-col-thumb-type1 .item .cont .h1 span{font-size: 18px; font-size: 0.6923em; font-weight: 600;}
.layout-col-thumb-type1 .item .cont .t1.mt{margin-top: 50px; font-size: 18px; font-size: 1.125em; line-height: 2.2222;}
.layout-col-thumb-type1 .item .line{z-index: 0;}

.ico_circle1{width: 150px; height: 150px; background-color: #3697dd; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.ico_circle1.c2{background-color: #0069b4;}
.ico_circle1.c3{background-color: #00439e;}
.ico_circle1.c4{background-color: #0e2c78;}

@media screen and (max-width: 1280px) {
.layout-col-thumb-type1 .item.inr-c-line{margin-left: 0; margin-right: 0;}
}

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

  .layout-col-thumb-type1 .item{display: block; padding: 10vw 5vw;text-align: center;}
  .layout-col-thumb-type1 .item .thumb{width: auto;display: flex;justify-content: center;padding-bottom: 6vw;}
  .layout-col-thumb-type1 .item .cont{margin-left: 0; text-align: left;}
  .layout-col-thumb-type1 .item .cont .h1{font-size: 4.5vw;}
  .layout-col-thumb-type1 .item .cont .h1 span{font-size: 2.7vw;}
  .layout-col-thumb-type1 .item .cont .t1.mt{margin-top: 7vw; font-size: 2.7vw; word-break: keep-all;}
  .ico_circle1{width: 20vw;height: 20vw;}
  .ico_circle1 img{ width: 40%; height: auto }
}


@media screen and (max-width: 1480px) {
  .wrap_country_ranking ul li > .inner .bar{width: 60%;}
}

@media screen and (max-width: 1400px) {
  .main-page .area_row.top{display: block;}
  .main-page .area_row.top .headline .h1{}
  .main-page .area_row.top .headline{width: auto; margin-bottom: 70px; }
}
@media screen and (max-width: 1100px) {
  .wrap_country_ranking ul li > .inner .bar{width: 40%;}
}


@media screen and (max-width: 840px) {
  .main-page .area_row.top .headline .t1{font-size: 2.6vw;}
  .main-page .area_row.top .headline .btn_bot{margin-top: 5vw;}
  .wrap_chat_num > li .num {font-size: 12vw; margin-left: -2vw;}
  .main-page .wrap_chat_num > li .txt{font-size: 3.8vw;}
  .main-page .area_row.top .wrap_chat_num .full{display: block;}
  .main-page .wrap_chat_num > li.full .num{margin-left: 0;}
  .main-page .wrap_chat_num > li{padding-bottom: 6vw;}
  .main-page .area_row.top .wrap_chat_num .full{padding: 6vw 0;}
  .main-page .wrap_country_ranking .tit{font-size: 3.7vw;margin-bottom: 4vw;text-align: center;}
  .wrap_country_ranking .summay {font-size: 2.4vw;line-height: 1; margin-top: 6vw;}
  .wrap_country_ranking ul li > .inner .bar{display: none;}
  .wrap_country_ranking ul li {padding: 0.9vw 0;display: flex;justify-content: center;}
  .wrap_country_ranking ul li > .inner .t_country {width: 44vw;padding: 0 3vw;font-size: 3vw;}
  .wrap_country_ranking ul li > .inner .budget {width: 37vw;padding: 0 4vw;font-size: 3.5vw;color: #0e2730;font-weight: 800;font-style: italic;}
  .wrap_country_ranking ul.is-show li.em > .inner .budget {  font-size: 4vw;}
  .wrap_country_ranking ul.is-show li.em .t_country {  font-size: 4.6vw;}

}



#container{position: relative; z-index: 1;}



.view-m {
  display: none !important;
}



@media screen and (max-width: 840px) {
  .view-m {
   display: block !important;
  }
  .hide-m {
    display: none !important;
  }


}

.layerPopupT2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 100%;
  z-index: 10000;
  display: none;
}
.layerPopupT2 img {
  max-width: 100%;
  height: auto;
}
.layerPopupT2 > .cover {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 0;
}
.wrap-popup-ty1 {
  position: relative;
  z-index: 1;
}
.wrap-popup-ty1.w1 {
  width: 1072px;
}
.wrap-popup-ty1 .header {
  position: relative;
  background-color: #822fb9;
  padding: 17px 20px 15px;
  color: #fff;
  overflow: hidden;
  border-radius: 10px 10px 0 0;
}
.wrap-popup-ty1 .header h1 {
  font-size: 20px;
  font-weight: normal;
}
.wrap-popup-ty1 .close {
  position: absolute;
  right: 30px;
  top: 50%;
  width: 38px;
  height: 38px;
  margin-top: -21px;
  border-radius: 38px;
  overflow: hidden;
  background-color: #000000;
  color: #fff;
  font-size: 20px;
  text-align: center;
}
.wrap-popup-ty1 .close .icon-ei-close {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
}
.wrap-popup-ty1 .area_mid {
  background-color: #ebebeb;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
  min-height: 100px;
  position: relative;
}
.wrap-popup-ty1 .area_mid > .inner {
  padding-left: 35px;
  padding-right: 35px;
  position: relative;
}
.wrap-popup-ty1 .area_mid img {
  max-width: 100%;
  height: auto;
}
.wrap-popup-ty1.type2 .header {
  background-color: #fff;
  min-height: 30px;
}
.wrap-popup-ty1.type2 .area_mid {
  background-color: #fff;
  border-radius: 0 0 20px 20px;
}
.wrap-popup-ty1.type2 .header .close {
  top: 10px;
  right: 10px;
  margin-top: 0;
}
.wrap-popup-ty1 .area_mid.type2 {
  background-color: #fff;
}
.wrap-popup-ty1 .area_mid.type2 > .inner {
  padding: 35px;
}
@media screen and (max-width: 1200px) {
  .wrap-popup-ty1.w1 {
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
  }
  .wrap-popup-ty1 .area_mid > .inner {
    padding-left: 30px;
    padding-right: 30px;
  }
  .wrap-popup-ty1 .area_mid.type2 > .inner {
    padding: 30px;
  }
}
@media screen and (max-width: 840px) {
  .wrap-popup-ty1 .header h1 {
    font-size: 16px;
  }
  .wrap-popup-ty1 .header {
    padding: 10px 15px;
  }
  .wrap-popup-ty1 .header .close {
    width: 26px;
    height: 26px;
    margin-top: -13px;
    font-size: 16px;
    right: 10px;
  }
  .wrap-popup-ty1 .header .close .icon-ei-close {
    margin-left: -8px;
    margin-top: -8px;
  }
  .wrap-popup-ty1.type2 .header {
    background-color: #fff;
    min-height: 50px;
    border-radius: 20px 20px 0 0;
  }
  .wrap-popup-ty1 .area_mid.type2 > .inner {
    padding: 20px;
  }
}
.wrap-popup-ty1.work {
  width: 920px;
}
.wrap-popup-ty1.work .header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100;
  height: 50px;
  background-color: transparent;
  border-radius: 15px 15px 0 0;
  padding: 0;
}
.wrap-popup-ty1.work .logo {
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 100;
}
.wrap-popup-ty1.work .close {
  right: 20px;
  top: 12px;
  margin-top: 0;
  z-index: 100;
}
.wrap-popup-ty1.work .clearfix.n2 {
  position: relative;
  z-index: 0;
}
.wrap-popup-ty1.work .area_mid {
  background-color: #fff;
  border-radius: 15px 15px 15px 15px;
}
.wrap-popup-ty1.work .area_mid .inner {
  padding-left: 0;
  padding-right: 0;
}
.wrap-popup-ty1.work .area_mid .area_col.fl {
  float: left;
  width: 59.02173913%;
  height: 600px;
  position: relative;
  overflow: hidden;
  text-align: center;
  z-index: 0;
}
.wrap-popup-ty1.work .area_mid .area_col.fl:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 190px;
  background-color: #8c23d0;
  content: "";
}
.wrap-popup-ty1.work .area_mid .area_col.fr {
  float: right;
  width: 40.97826087%;
  height: 600px;
}
.wrap-popup-ty1.work .area_mid .area_col.fr .lst {
  padding-top: 105px;
  padding-left: 5px;
  padding-right: 5px;
  border-left: 1px solid #dcdcdc;
  text-align: center;
}
.wrap-popup-ty1.work .area_mid .area_col.fr .lst .item {
  margin-top: 35px;
}
.wrap-popup-ty1.work .area_mid .area_col.fr .lst .item:first-child {
  margin-top: 0;
}
.wrap-popup-ty1.work .area_mid .area_col.fr .lst .item .h2 {
  color: #8c23d0;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 600;
}
.wrap-popup-ty1.work .area_mid .area_col.fr .lst .item .t1 {
  margin-top: 10px;
  font-size: 18px;
  color: #000;
}
.wrap-popup-ty1.work .slider {
  position: relative;
  z-index: 5;
}
.wrap-popup-ty1.work .slider .item {
  text-align: center;
  padding-top: 95px;
  padding-left: 20px;
  padding-right: 20px;
}
.wrap-popup-ty1.work .cont {
  margin-top: 15px;
  color: #fff;
  position: relative;
  z-index: 10;
}
.wrap-popup-ty1.work .cont .h {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -1px;
}
.wrap-popup-ty1.work .cont .link a {
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
}
.wrap-popup-ty1.work .slider .owl-dots .owl-dot {
  background-color: #3d095f;
}
.wrap-popup-ty1.work .slider .owl-dots .owl-dot.active {
  background-color: #fff;
}
.wrap-popup-ty1.work .nav {
  z-index: 5;
  position: relative;
}
.wrap-popup-ty1.work .nav i {
  font-size: 24px;
  color: #fff;
}
.wrap-popup-ty1.work .nav a {
  position: absolute;
  left: 50%;
  top: -14px;
}
.wrap-popup-ty1.work .nav a.prev {
  margin-left: -92px;
}
.wrap-popup-ty1.work .nav a.next {
  margin-left: 67px;
}
@media screen and (max-width: 1024px) {
  .wrap-popup-ty1.work {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
  }
}
@media screen and (max-width: 960px) {
  .wrap-popup-ty1.work .header {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 100;
    height: 70px;
    background-color: #fff;
  }
  .wrap-popup-ty1.work .area_mid {
    border-radius: 0 0 15px 15px;
  }
  .wrap-popup-ty1.work .area_mid .area_col.fl {
    float: none;
    width: auto;
    height: auto;
    padding-bottom: 40px;
  }
  .wrap-popup-ty1.work .area_mid .area_col.fl:after {
    height: 190px;
  }
  .wrap-popup-ty1.work .area_mid .area_col.fr {
    float: none;
    width: auto;
    height: auto;
  }
  .wrap-popup-ty1.work .area_mid .area_col.fr .lst {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .wrap-popup-ty1.work .slider .item {
    padding-top: 45px;
  }
}
@media screen and (max-width: 640px) {
  .wrap-popup-ty1.work .logo {
    left: 15px;
    top: 15px;
  }
  .wrap-popup-ty1.work .close {
    right: 15px;
    top: 15px;
  }
  .wrap-popup-ty1.work .area_mid .area_col.fl {
    padding: 10px 20px 30px;
  }
  .wrap-popup-ty1.work .area_mid .area_col.fr .lst {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .wrap-popup-ty1.work .area_mid .area_col.fr .lst .item {
    margin-top: 20px;
  }
  .wrap-popup-ty1.work .area_mid .area_col.fr .lst .item .h2 {
    font-size: 12px;
  }
  .wrap-popup-ty1.work .area_mid .area_col.fr .lst .item .t1 {
    margin-top: 6px;
    font-size: 16px;
  }
  .wrap-popup-ty1.work .slider .item {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .wrap-popup-ty1.work .slider .cont {
    margin-top: 10px;
    color: #fff;
  }
  .wrap-popup-ty1.work .slider .cont .h {
    font-size: 16px;
  }
  .wrap-popup-ty1.work .slider .cont .link a {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
  }
  .wrap-popup-ty1.work .iScrollVerticalScrollbar {
    right: 8px !important;
    width: 2px !important;
    background-color: #bcbcbc !important;
    top: 34px !important;
    bottom: 50px !important;
  }
}
@media screen and (max-width: 1180px) {
  .ta-c-tb {
    text-align: center !important;
  }
}
.wrap-quickinquiry-mo .head {
  text-align: center;
  color: #8c23d0;
  margin-bottom: 80px;
}
.wrap-quickinquiry-mo .head .h1 {
  font-size: 40px;
  font-weight: normal;
}
.wrap-quickinquiry-mo .head .t1 {
  margin-top: 20px;
  font-size: 18px;
  line-height: 1.44;
}
.wrap-quickinquiry-mo .cont .inp {
  position: relative;
}
.wrap-quickinquiry-mo .cont .inp:after {
  position: absolute;
  left: 0;
  top: 22px;
  content: "";
}
.wrap-quickinquiry-mo .cont .inp.ico1:after {
  width: 23px;
  height: 23px;
  background: url(../images/common/ico_input2_1.png) 0 0 no-repeat;
}
.wrap-quickinquiry-mo .cont .inp.ico2:after {
  width: 23px;
  height: 23px;
  background: url(../images/common/ico_input2_2.png) 0 0 no-repeat;
  content: "";
}
.wrap-quickinquiry-mo .cont .inp input {
  width: 100%;
  background-color: transparent;
  height: 64px;
  border-color: #868686;
  border-width: 0 0 1px;
  border-style: solid;
  color: #000;
  padding-left: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 24px;
}
.wrap-quickinquiry-mo .cont .inp input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #cbcbcb;
}
.wrap-quickinquiry-mo .cont .inp input::-moz-placeholder {
  /* Firefox 19+ */
  color: #cbcbcb;
}
.wrap-quickinquiry-mo .cont .inp input:-ms-input-placeholder {
  /* IE 10+ */
  color: #cbcbcb;
}
.wrap-quickinquiry-mo .cont .inp input:-moz-placeholder {
  /* Firefox 18- */
  color: #cbcbcb;
}
.wrap-popup-ty1 .btns_ty1 {
  margin-top: 120px;
}
.wrap-popup-ty1 .btns_ty1 .btn {
  background-color: #8c23d0;
  color: #fff;
  height: 90px;
  width: 100%;
  text-align: center;
  font-size: 24px;
}
@media screen and (max-width: 840px) {
  .wrap-quickinquiry-mo .head {
    margin-bottom: 80px;
    margin-bottom: 13.33333333vw;
  }
  .wrap-quickinquiry-mo .head .h1 {
    font-size: 40px;
    font-size: 6.66666667vw;
    font-weight: normal;
    -ms-word-break: keep-all;
    word-break: keep-all;
  }
  .wrap-quickinquiry-mo .head .t1 {
    margin-top: 20px;
    margin-top: 3.33333333vw;
    font-size: 22px;
    font-size: 3.66666667vw;
    -ms-word-break: keep-all;
    word-break: keep-all;
  }
  .wrap-quickinquiry-mo .cont .inp input {
    padding-left: 60px;
    padding-left: 10vw;
    height: 64px;
    height: 10.66666667vw;
    font-size: 24px;
    font-size: 4vw;
  }
  .wrap-quickinquiry-mo .cont .inp:after {
    top: 22px;
    top: 3.66666667vw;
  }
  .wrap-quickinquiry-mo .cont .inp.ico1:after {
    width: 23px;
    width: 3.83333333vw;
    height: 23px;
    height: 3.83333333vw;
    -webkit-background-size: 100%;
    background-size: 100%;
  }
  .wrap-quickinquiry-mo .cont .inp.ico2:after {
    width: 23px;
    width: 3.83333333vw;
    height: 23px;
    height: 3.83333333vw;
    -webkit-background-size: 100%;
    background-size: 100%;
  }
  .wrap-popup-ty1 .btns_ty1 {
    margin-top: 120px;
    margin-top: 20vw;
  }
  .wrap-popup-ty1 .btns_ty1 .btn {
    height: 90px;
    height: 15vw;
    font-size: 28px;
    font-size: 4.66666667vw;
  }
  .wrap-popup-ty1.type2 .header {
    min-height: 50px;
    min-height: 8.33333333vw;
  }
}
/* Icon 1 */
#nav-icon1,
#nav-icon2,
#nav-icon3,
#nav-icon4 {
  width: 34px;
  height: 22px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  cursor: pointer;
}
.mainHeadTop #nav-icon1 span,
.mainHeadTop #nav-icon3 span,
.mainHeadTop #nav-icon4 span{background-color: #0e2730;}

#nav-icon1 span,
#nav-icon3 span,
#nav-icon4 span {
  display: block;
  position: absolute;
  height: 6px;
  width: 100%;
  background: #fff;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  border-radius: 100px;
}
#nav-icon1 span:nth-child(1) {
  top: 0px;
}
#nav-icon1 span:nth-child(2) {
  top: 10px;
}

.body_scroll #nav-icon1 span,
.body_scroll #nav-icon3 span,
.body_scroll #nav-icon4 span{background-color: #0e2730;}


/*
#nav-icon1.open span:nth-child(1) {
  top: 12px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
#nav-icon1.open span:nth-child(2) {
  top: 12px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

*/



/* ----------------------------------------------
 * Generated by Animista on 2019-12-29 6:40:30
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation tilt-in-fwd-tr
 * ----------------------------------------
 */
@-webkit-keyframes tilt-in-fwd-tr {
  0% {
    -webkit-transform: rotateY(20deg) rotateX(35deg) translate(300px, -300px) skew(-35deg, 10deg);
    transform: rotateY(20deg) rotateX(35deg) translate(300px, -300px) skew(-35deg, 10deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}
@keyframes tilt-in-fwd-tr {
  0% {
    -webkit-transform: rotateY(20deg) rotateX(35deg) translate(300px, -300px) skew(-35deg, 10deg);
    transform: rotateY(20deg) rotateX(35deg) translate(300px, -300px) skew(-35deg, 10deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}
@-webkit-keyframes slide-out-elliptic-top-bck {
  0% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% 1400px;
    transform-origin: 50% 1400px;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
    transform: translateY(-600px) rotateX(-30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
}
@keyframes slide-out-elliptic-top-bck {
  0% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% 1400px;
    transform-origin: 50% 1400px;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
    transform: translateY(-600px) rotateX(-30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
}
@-webkit-keyframes puff-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    /*-webkit-transform: scale(1.15);
    transform: scale(1.15);*/
    -webkit-filter: blur(2px);
    filter: blur(2px);
    opacity: 0;
  }
}
@keyframes puff-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    /*-webkit-transform: scale(1.15);
    transform: scale(1.15);*/
    -webkit-filter: blur(2px);
    filter: blur(2px);
    opacity: 0;
  }
}
@-webkit-keyframes slide-in-bck-center {
  0% {
    -webkit-transform: translateZ(600px);
    transform: translateZ(600px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes slide-in-bck-center {
  0% {
    -webkit-transform: translateZ(600px);
    transform: translateZ(600px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}


.tit_hori1{
  position: absolute; left: 0; top: 0;
  font-size: 13px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  font-weight: 500;
}


@media screen and (max-width: 600px) {
  .view-m {
    display: block !important;
  }
  .view-m.dib {
    display: inline-block !important;
  }
  .hide-m {
    display: none !important;
  }
}
/*버튼*/
.btn-pk {
  display: inline-block;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btn-pk {
  padding: 10px 20px;
  font-size: 14px;
  line-height: 1.4;
  border: 1px solid #cecece;
}
.btn-pk.vs {
  min-width: 82px;
  padding: 4px 15px;
  font-size: 13px;
  line-height: 1.5;
}
.btn-pk.s {
  padding: 7px 15px;
  font-size: 13px;
  line-height: 1.5;
}
.btn-pk.ss {
  padding: 3px 10px;
  font-size: 12px;
  line-height: 1.2;
}
.btn-pk.n {
  padding: 11px 33px;
  font-size: 15px;
  line-height: 1.4;
}
.btn-pk.b {
  padding: 15px 40px;
  font-size: 18px;
  line-height: 1.375;
}
.btn-pk.bdrs {
  border-radius: 50px;
}
.btn-pk.miw1 {
  min-width: 215px;
}
.btn-pk.write {
  border-color: #fff;
  color: #8c23d0;
  background-color: #fff;
}
.btn-pk.write:hover {
  border-color: #fff;
  background-color: #fff;
  color: #8c23d0;
}
.btn-pk.write.rv {
  border-color: #fff;
  background-color: #fff;
  color: #8c23d0;
}
.btn-pk.purple {
  border-color: #8c23d0;
  color: #8c23d0;
  background-color: #fff;
}
.btn-pk.purple:hover {
  border-color: #8c23d0;
  background-color: #8c23d0;
  color: #fff;
}
.btn-pk.purple.rv {
  border-color: #8c23d0;
  background-color: #8c23d0;
  color: #fff;
}
.btn-pk.gray {
  border-color: #606060;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btn-pk.gray:hover {
  border-color: #606060;
  background-color: #606060;
  color: #fff;
}
.btn-pk.gray.rv {
  border-color: #606060;
  background-color: #606060;
  color: #fff;
}
.btn-pk.gray.rv:hover {
  border-color: #3f4477;
  background-color: #3f4477;
  color: #fff;
}
.btn-pk.blue2 {
  border-color: #01b5d1;
  color: #01b5d1;
}
.btn-pk.blue2:hover {
  border-color: #01b5d1;
  background-color: #01b5d1;
  color: #fff;
}
.btn-pk.blue2.rv {
  border-color: #01b5d1;
  background-color: #01b5d1;
  color: #fff;
}
.btn-pk.blue2.rv:hover {
  border-color: #6b1e9e;
  background-color: #6b1e9e;
  color: #fff;
}
.btn-pk.ovr_blue2:hover {
  border-color: #01b5d1;
  background-color: #01b5d1;
  color: #fff;
}
.btn-pk.ovr_purple:hover {
  border-color: #8c23d0;
  background-color: #8c23d0;
  color: #fff;
}
.btn-pk i {
  margin-right: 10px;
  color: #c6c6c6;
}
.btn_more1 {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: 300;
  color: #000;
  position: relative;
  display: inline-block;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btn_more1:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #000;
  content: "";
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 0;
}
.btn_more1 span {
  display: inline-block;
  padding-bottom: 1px;
  border-bottom: 1px solid #000;
  z-index: 1;
  position: relative;
}
.btn_more1:hover {
  color: #fff;
}
.btn_more1:hover:after {
  width: 100%;
}
@media screen and (max-width: 600px) {
  .btn-pk.b {
    padding: 15px 30px;
    font-size: 16px;
    line-height: 1.375;
  }
  .btn-pk.miw1 {
    min-width: 180px;
  }
  .btn_more1 {
    font-size: 27px;
    font-size: 4.5vw;
  }
}
.head_type1 {
  text-align: center;
  margin-bottom: 60px;
  color: #000;
}
.head_type1 h1 .cate {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  display: block;
  font-weight: 500;
  margin-bottom: 16px;
}
.head_type1 h1 .ico {
  margin-top: -1px;
  margin-right: 10px;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background-color: #01b5d1;
  font-size: 0;
  overflow: hidden;
  vertical-align: middle;
}
.head_type1 h1 .ico.c2 {
  background-color: #8c23d0;
}
.head_type1 h1 .h {
  font-size: 42px;
  line-height: 1.1;
  font-weight: 500;
  letter-spacing: -2px;
}
.head_type1 h1 .t {
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 600px) {
  .head_type1 {
    margin-bottom: 60px;
    margin-bottom: 10vw;
  }
  .head_type1 h1 .cate {
    font-size: 20px;
    font-size: 3.33vw;
    margin-bottom: 16px;
    margin-bottom: 2.67vw;
  }
  .head_type1 h1 .ico {
    margin-right: 10px;
    margin-right: 1.67vw;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    width: 3.33vw;
    height: 3.33vw;
    border-radius: 3.33vw;
  }
  .head_type1 h1 .h {
    font-size: 42px;
    font-size: 7vw;
  }
}
.ico_txt_ty1 {
  display: inline-block;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  min-width: 135px;
  padding: 13px 10px;
  border-width: 1px;
  border-style: solid;
  border-color: #8c23d0;
  color: #8c23d0;
  font-size: 14px;
  font-weight: 600;
}
/*.lst-type1 col.projuct{width: 632px;}*/
.ico_txt_ty1.c1 {
  color: #008b96;
  border-color: #008b96;
}
@media screen and (max-width: 600px) {
  .ico_txt_ty1 {
    min-width: 105px;
    min-width: 17.5vw;
    padding: 10px 15px;
    padding: 1.67vw 2.5vw;
    font-size: 12px;
    font-weight: 600;
  }
}
.lst-type1 {
  border-top: 1px solid #000;
  color: #000;
  font-size: 20px;
}
.lst-type1 table {
  width: 100%;
}
.lst-type1 td {
  padding: 30px 20px;
}
.lst-type1 tr td {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-bottom: 1px solid #dcdcdc;
  letter-spacing: -1px;
}
.lst-type1 tr:hover td {
  background-color: #f6f6f6;
}
.lst-type1 .date {
  text-align: right;
  font-family: 'Montserrat', sans-serif;
}
@media screen and (max-width: 1200px) {
  .main-page.lst-prouct .lst-type1 tr:nth-child(odd) {
    background-color: #f8f8f8;
  }
  .main-page.lst-prouct .lst-type1 td {
    padding: 15px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
  }
  .lst-type1 tr:hover td {
    background-color: initial;
  }
}
@media screen and (max-width: 600px) {
  .lst-type1 {
    font-size: 24px;
    font-size: 4vw;
  }
  .lst-type1 tr td {
    letter-spacing: 0;
    -ms-word-break: keep-all;
    word-break: keep-all;
  }
}
.lst-works-ty1 {
  background-color: #f3f3f3;
}
.lst-works-ty1 img {
  max-width: 100%;
  height: auto;
}
.lst-works-ty1 li.col {
  padding: 31px 15px 30px 16px;
  width: 16.7%;
  float: left;
  margin-left: -1px;
  margin-top: -1px;
  border: 1px solid #e1e1e1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer;
}
.lst-works-ty1 li .thumb {
  text-align: center;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.lst-works-ty1 li .thumb img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.lst-works-ty1 li:hover {
  background-color: #8c23d0;
}
.lst-works-ty1 li:hover .thumb img {
  -webkit-box-shadow: 4px 6px 25px 0px rgba(0, 0, 0, 0.47);
  -moz-box-shadow: 4px 6px 25px 0px rgba(0, 0, 0, 0.47);
  box-shadow: 4px 6px 25px 0px rgba(0, 0, 0, 0.47);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.lst-works-ty1 li .cont {
  margin-top: 20px;
  font-size: 15px;
  color: #000;
}
.lst-works-ty1 li .cont .t {
  color: #888;
  font-size: 14px;
}
.lst-works-ty1 li:hover .cont,
.lst-works-ty1 li:hover .cont .t {
  color: #fff;
}
.lst-works-ty1 li.col.n6,
.lst-works-ty1 li.col.n12 {
  border-right: 0;
}
.lst-works-ty1 li.col.n1,
.lst-works-ty1 li.col.n2,
.lst-works-ty1 li.col.n3,
.lst-works-ty1 li.col.n4,
.lst-works-ty1 li.col.n5,
.lst-works-ty1 li.col.n6 {
  border-top: 0;
}
.lst-works-ty1 li.col.n7,
.lst-works-ty1 li.col.n8,
.lst-works-ty1 li.col.n9,
.lst-works-ty1 li.col.n10,
.lst-works-ty1 li.col.n11,
.lst-works-ty1 li.col.n12 {
  border-bottom: 0;
}
@media screen and (max-width: 1480px) {
  .lst-works-ty1 li.col {
    width: 25%;
    border-width: 1px;
  }
  .lst-works-ty1 li.col.n4,
  .lst-works-ty1 li.col.n8,
  .lst-works-ty1 li.col.n12 {
    border-right: 0;
  }
  .lst-works-ty1 li.col.n1,
  .lst-works-ty1 li.col.n2,
  .lst-works-ty1 li.col.n3,
  .lst-works-ty1 li.col.n4 {
    border-top: 0;
  }
  .lst-works-ty1 li.col.n9,
  .lst-works-ty1 li.col.n10,
  .lst-works-ty1 li.col.n11,
  .lst-works-ty1 li.col.n12 {
    border-bottom: 0;
  }
}
@media screen and (max-width: 1180px) {
  .lst-works-ty1 li.col {
    width: 33.333%;
    border-width: 1px;
  }
  .lst-works-ty1 li.col.n3,
  .lst-works-ty1 li.col.n6,
  .lst-works-ty1 li.col.n9,
  .lst-works-ty1 li.col.n12 {
    border-right: 0;
  }
  .lst-works-ty1 li.col.n1,
  .lst-works-ty1 li.col.n2,
  .lst-works-ty1 li.col.n3 {
    border-top: 0;
  }
  .lst-works-ty1 li.col.n10,
  .lst-works-ty1 li.col.n11,
  .lst-works-ty1 li.col.n12 {
    border-bottom: 0;
  }
}
@media screen and (max-width: 840px) {
  .lst-works-ty1 li.col {
    width: 50%;
    border-width: 1px;
  }
  .lst-works-ty1 li.col.n2,
  .lst-works-ty1 li.col.n4,
  .lst-works-ty1 li.col.n6,
  .lst-works-ty1 li.col.n8,
  .lst-works-ty1 li.col.n10,
  .lst-works-ty1 li.col.n12 {
    border-right: 0;
  }
  .lst-works-ty1 li.col.n1,
  .lst-works-ty1 li.col.n2 {
    border-top: 0;
  }
  .lst-works-ty1 li.col.n11,
  .lst-works-ty1 li.col.n12 {
    border-bottom: 0;
  }
  .lst-works-ty1 li .cont {
    margin-top: 15px;
    font-size: 13px;
  }
  .lst-works-ty1 li .cont .t {
    font-size: 12px;
  }
}
.lst-works-ty1.type2 {
  background-color: #fff;
  width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
.lst-works-ty1.type2 li.col {
  width: 25%;
  border: 0;
  margin-top: 0;
}
@media screen and (max-width: 1480px) {
  .lst-works-ty1.type2 {
    width: auto;
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media screen and (max-width: 1024px) {
  .lst-works-ty1.type2 li.col {
    width: 33.333%;
  }
}
@media screen and (max-width: 768px) {
  .lst-works-ty1.type2 li.col {
    width: 50%;
  }
}
.lst-ban-type1 {
  text-align: center;
}
.lst-ban-type1 li {
  float: left;
  width: 33.333%;
  color: #000;
  margin-bottom: 65px;
}
.lst-ban-type1 li .t1 {
  font-size: 20px;
  margin-top: 10px;
  font-weight: 400;
}
.lst-ban-type1 li .t2 {
  font-size: 16px;
  margin-top: 22px;
}
.lst-ban-type1 li .t3 {
  font-size: 13px;
  margin-top: 22px;
  color: #888;
}
@media screen and (max-width: 1180px) {
  .lst-ban-type1 li {
    width: 50%;
  }
}
@media screen and (max-width: 740px) {
  .lst-ban-type1 li {
    width: 100%;
    float: none;
    margin-bottom: 10.81vw;
  }
  .lst-ban-type1 li .t1 {
    font-size: 24px;
    font-size: 3.24vw;
    margin-top: 7px;
    -ms-word-break: keep-all;
    word-break: keep-all;
  }
  .lst-ban-type1 li .t2 {
    font-size: 16px;
    margin-top: 22px;
    -ms-word-break: keep-all;
    word-break: keep-all;
  }
  .lst-ban-type1 li .t2 br {
    display: none;
  }
  .lst-ban-type1 li .t3 {
    font-size: 13px;
    margin-top: 22px;
    color: #888;
    -ms-word-break: keep-all;
    word-break: keep-all;
  }
}
.color1 {
  color: #c555ff !important;
}
.color2 {
  color: #46e6ff !important;
}
.color3 {
  color: #822fb9 !important;
}
.wrap-spot-main {
  background-color: #fff;
  height: 100vh;
  overflow: hidden;
  position: relative;
}
.wrap-spot-main .item{width: 100%; height: 100vh; position: relative;}

.wrap-spot-main .item .bg {
  position: absolute;
  left: 0; top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  z-index: 0;
}
/*.wrap-spot-main .item .bg video{width: 144vw;height: 127vw;margin-top: 0;position: absolute;left: 50%;top: -23vw;margin-left: -77vw;}*/

/*.wrap-spot-main .item .bg video{position: absolute; left: 0; top: 0; object-fit: cover;  width: 100vw;  height: 100vh; background-color: #000;}*/


.wrap-spot-main .item .bg video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-aspect-ratio: 16/9) {
  .wrap-spot-main .item .bg video {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .wrap-spot-main .item .bg video {
    width: 300%;
    left: -100%;
  }
}




.wrap-spot-main .item .vam {
  position: relative;
  width: 100%; height: 100vh;
}
.wrap-spot-main .item .vam > .inner{
  vertical-align: middle;
  display: inline-block;
  margin-top: 5%;
  width: 90%;
}
.wrap-spot-main .item .vam:after{
  width: 0; height: 100%; content:""; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; visibility: hidden;
}
.wrap-spot-main .item .h1 {
  font-size: 5em; color: #fff;
  line-height: 1.1;
  font-weight: 700;
  opacity: 0;
}
.wrap-spot-main .item .t1 {
  color: #fff;
  font-size: 1.875em;
  line-height: 1.5333;
  margin-top: 30px;
  font-weight: 700;
  opacity: 0;
}

.wrap-spot-main .controller{width: 780px; padding: 22px; position: absolute; left: 0; bottom: 0; background-color: #101f4a; z-index: 5; color: #fff; text-align: center;  box-sizing: border-box;}

.wrap-spot-main .controller .pageing{display: inline-block; position: relative; }
.wrap-spot-main .controller .pageing *{display: inline-block; vertical-align: middle;}

.wrap-spot-main .controller .pageing .prev,
.wrap-spot-main .controller .pageing .next,
.wrap-spot-main .controller .pageing .num{display: inline-block;}

.wrap-spot-main .controller .pageing .prev,
.wrap-spot-main .controller .pageing .next{width: 37px; height: 31px; display: inline-block; overflow: hidden; text-align: left; text-indent:-9999px; background: url(../images/main/ico_arr_next1.gif) no-repeat 0 50% transparent; vertical-align: middle; background-position: 100% 50%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;  }
.wrap-spot-main .controller .pageing .prev{background-image: url(../images/main/ico_arr_prev1.gif); background-position: 0 50%;}

.wrap-spot-main .controller .pageing .next:hover,
.wrap-spot-main .controller .pageing .prev:hover{width: 50px;}

.wrap-spot-main .controller .pageing .prev{margin-right: 34px;}
.wrap-spot-main .controller .pageing .next{margin-left: 34px;}


.wrap-spot-main .controller .pageing .num *{display: inline-block; vertical-align: bottom; margin: 0 0;}
.wrap-spot-main .controller .pageing .num{font-size: 1.875em;}
.wrap-spot-main .controller .pageing .num .c{font-size: 1.3333em;}
.wrap-spot-main .controller .pageing .num .t{font-weight: 700; margin-left: 5px;}

.wrap-spot-main .controller .scrolldown{position: absolute;right: 20px;top: 25px;font-size: 13px; font-weight: 400;}
.wrap-spot-main .controller .scrolldown *{display: inline-block;
  vertical-align: middle; margin-left: 7px;}

  .wrap-spot-main .controller .scrolldown .t{
    -webkit-animation: scrolldown2 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite both;
    animation: scrolldown2 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite both;
  }

.wrap-spot-main .controller .scrolldown img{
  -webkit-animation: scale-up-center 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite both;
    animation: scale-up-center 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite both;
  }


@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes scrolldown2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scrolldown2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}



@media screen and (max-width: 1300px) {
  .wrap-spot-main .item .h1{font-size: 4.6em;}
  .wrap-spot-main .item .t1{font-size: 1.6em;}

}
@media screen and (max-width: 1080px) {
  .wrap-spot-main .item .h1{font-size: 4em;}
  .wrap-spot-main .item .t1{font-size: 1.2em;}
  .wrap-spot-main .controller{width: 100%; text-align: left;}
  .wrap-spot-main .controller .scrolldown{right: 12%;}
}


@media screen and (max-width: 840px) {
  .wrap-spot-main .item .vam > .inner{margin-top: 30%; width: 95%;}
  .wrap-spot-main .item .h1{font-size: 9.9vw;}
  .wrap-spot-main .item .t1{font-size: 3.4vw;}
  .wrap-spot-main .controller .scrolldown{top: 3.4vw;}
  .wrap-spot-main .controller .pageing .num{font-size: 4vw;}
  .wrap-spot-main .controller .pageing .prev{margin-right: 4.0476vw; }
  .wrap-spot-main .controller .pageing .next{margin-left: 4.0476vw;}
}

@media screen and (max-width: 640px) {
  .wrap-spot-main .controller .pageing .prev,
  .wrap-spot-main .controller .pageing .next{width: 5.7812vw; height: 4.8438vw; background-size:7.8125vw auto; }

.wrap-spot-main .controller .pageing .next:hover,
.wrap-spot-main .controller .pageing .prev:hover{width: 7.8125vw;}

.wrap-spot-main .controller .scrolldown .t{font-size: 11px;}
.wrap-spot-main .controller .scrolldown img{width: 18px;}


}



.wrap_main_step1.main-page{padding-top: 0; padding-bottom: 0;}
.wrap_main_step1{min-height: 940px; position: relative; background-color: #101f4a;}
.wrap_main_step1 .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-size: cover; background-position: 50% 0;}
.wrap_main_step1 .cont{position: absolute; top: 12%; left: 45%; width: 55%; background-color: #21409a; z-index: 3;}
.wrap_main_step1 .cont .h1{font-size: 2.5em; line-height: 1.25; font-weight: 700;  max-width: 590px;}
.wrap_main_step1 .cont .t1{line-height: 1.875; margin-top: 50px; max-width: 550px;}
.wrap_main_step1 .cont .inner{margin: 60px; position: relative; padding-left: 70px; color: #fff;}
.wrap_main_step1 .cont .tit_hori1{color: #fff;}
.wrap_main_step1 .btn_type1{margin-top: 50px;border-color: #4d66ae; color: #fff;}

.wrap_main_step1 .btn_type1 .lt,
.wrap_main_step1 .btn_type1 .tl,
.wrap_main_step1 .btn_type1 .rt,
.wrap_main_step1 .btn_type1 .tr,
.wrap_main_step1 .btn_type1 .lb,
.wrap_main_step1 .btn_type1 .bl,
.wrap_main_step1 .btn_type1 .rb,
.wrap_main_step1 .btn_type1 .br{background: #fff;}
.wrap_main_step1 .btn_type1:hover .bg{background-color: #fff;}
.wrap_main_step1 .btn_type1:hover{ color: #21409a; }

@media screen and (max-width: 1430px) {
  .wrap_main_step1 .cont{left: 40%;width: 60%;}
  .wrap_main_step1 .bg{background-position: 30% 0;}
}
@media screen and (max-width: 1024px) {
  .wrap_main_step1 .bg{width: 100%;height: 76vw;z-index: 1;background-size: cover;background-position: 0 0; position: relative;}
  .wrap_main_step1 .cont{position: relative; top: 0; left: 0; width:auto; }
  .wrap_main_step1 .cont .inner{padding:90px; margin: 0;}

  .wrap_main_step1 .cont .tit_hori1{  position: absolute;  left: 40px;  top: 101px;}
}
@media screen and (max-width: 840px) {
  .btn_type1{padding: 4vw;min-width: 45vw;}
  .wrap_main_step1 .bg{height: 99vw;}
  .wrap_main_step1 .cont .inner{padding: 14vw 10vw 14vw 13vw; }
  .wrap_main_step1 .cont .t1{margin-top: 5.9524vw; max-width: 65.4762vw;}
  .wrap_main_step1 .cont .tit_hori1{position: absolute;left: 6.8vw;top: 16.4vw; font-size: 2vw;}
  .wrap_main_step1 .cont .h1{font-size: 6vw;line-height: 1.25;font-weight: 700;}

}


.wrap_main_step2{position: relative; background: url(../images/main/bg_step2.jpg); background-size: cover; background-position: 0 0;}
.wrap_main_step2:after{position: absolute; left: 0; bottom: 0; width: 100%; height: 252px; background-color: #21409a; content:"";}
.wrap_main_step2 .head {  }
.wrap_main_step2 .head .inner{display: inline-block; position: relative; padding-left: 85px; font-size:2.5em; line-height:1.25; font-weight: 700; color: #21409a;}
.wrap_main_step2 .head .tit_hori1,
.wrap_main_step2 .head .t1{color: #21409a;}
.wrap_main_step2 .head .tit_hori1{font-weight: 600;}
.wrap_main_step2 .btns{margin-top: 80px;}

.wrap_main_step2 .bot{}
.wrap_main_step2 .bot .col{width: 48%; padding-top: 180px; float: left; position: relative;}
.wrap_main_step2 .bot .col.n2{margin-left: 4%;  }
.wrap_main_step2 .bot .col .img1{position: absolute; left: 0; top: 0; z-index: 0; width: 100%; text-align: center;}
.wrap_main_step2 .bot .banner{height: 240px; padding: 100px 60px; font-size: 2.5em; line-height: 1; font-weight: 700;  color: #fff; text-align: left;  box-sizing: border-box; display: block; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 2;  }

@media screen and (max-width: 1140px) {
  .wrap_main_step2 .head{text-align: left; margin-left: 40px; margin-right: 40px; position: relative;}
  .wrap_main_step2 .head .tit_hori1{left: 0;}
  .wrap_main_step2 .head .inner{padding-left: 50px;}
  .wrap_main_step2 .bot .col{width: auto; float: none; margin-top: 80px; }
  .wrap_main_step2 .bot .col.n2{margin-left: 0; margin-top: 55px;}


}


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

  .wrap_main_step2 .head{margin-left: 4.7619vw; margin-right: 4.7619vw;}
  .wrap_main_step2 .head .tit_hori1{font-size: 2vw;top: 1.7vw;left: 1.6vw;}
  .wrap_main_step2 .head .inner{padding-left: 8.8667vw;}
  .wrap_main_step2 .bot .col{margin-top: 9.5238vw; padding-top: 24.4286vw; }
  .wrap_main_step2 .bot .col.n2{margin-top: 16.5476vw; padding-top: 27.4286vw;}
  .wrap_main_step2 .btns{padding-left:  8.8667vw;; margin-top: 0; text-align: left;}

  .wrap_main_step2 .bot{}
  .wrap_main_step2:after{height: 30vw;}
}

@media screen and (max-width: 640px) {
  .wrap_main_step2 .bot .col .img1 img{ width: 57.8125vw; }
  .wrap_main_step2 .bot .banner{height: 37.5vw; padding: 15.625vw 9.375vw; font-size: 6.25vw; font-weight: 800;  }
}




.lst_dot{}

.lst_dot > *{position: relative; padding-left: 23px; color: #20409a; font-weight: 600; font-size: 1.25em; margin-top: 20px; }
.lst_dot > *:first-child{margin-top: 0;}
.lst_dot > *:after{position: absolute; left: 0; top: 9px; width: 6px; height: 6px; border-radius: 10px; background-color: #20409a; content:"";}

.lst_dot2 > *{position: relative; padding-left: 14px; color: #20409a; font-weight: 400; margin-top: 10px; }
.lst_dot2 > *:first-child{margin-top: 0;}
.lst_dot2 > *:after{position: absolute; left: 0; top: 8px; width: 3px; height: 3px; background-color: #20409a; content:"";}

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

  .lst_dot > *{padding-left: 23px; padding-left: 2.7381vw; margin-top: 40px; margin-top: 4.7619vw; }
  .lst_dot > *:first-child{margin-top: 0;}
  .lst_dot > *:after{position: absolute; left: 0; top: 9px; top: 1.0714vw; width: 10px; width: 1.1905vw; height: 10px; height: 1.1905vw;  border-radius: 20px;}


}



.tab1{margin-bottom: 50px;}
.tab1 li{float: left; width: 48.5%; margin-left: 3%; text-align: center; }
.tab1 li a{display: block; background-color: #f2f9ff; color: #20409a; padding: 18px; font-weight: 800; font-size: 1.25em; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;  -o-transition: all 0.5s ease;   transition: all 0.5s ease; }
.tab1 li.on a,
.tab1 li a:hover{background-color: #20409a; color: #fff;}
.tab1 li:first-child{margin-left: 0;}

@media screen and (max-width: 840px) {
  .tab1{margin-bottom: 50px; margin-bottom: 5.9524vw; margin-top: 80px; margin-top: 9.5238vw;}
  .tab1 li a{padding: 18px; padding: 2.1429vw; font-size: 1.25em; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;  -o-transition: all 0.5s ease;   transition: all 0.5s ease; }
  .tab1 li.on a,
  .tab1 li a:hover{background-color: #20409a; color: #fff;}
  .tab1 li:first-child{margin-left: 0;}
}



.wrap_contact{}
.wrap_contact .area_row{margin-top: 62px;}
.wrap_contact .area_row.first{margin-top: 0;}
.wrap_contact .area_row:after{clear: both; display: block; content:""; visibility: hidden; height: 0; font-size: 0; line-height: 0;}
.wrap_contact .area_row .item{position: relative;}
.wrap_contact .area_row.col2 .item{float: left; width: 48%; margin-left: 4%;}
.wrap_contact .area_row.col2 .item:nth-child(odd){margin-left: 0;}

.wrap_contact .area_row.col3 .item{float: left; width: 30%; margin-left: 5%;}
.wrap_contact .area_row.col3 .item:nth-child(3n+1){margin-left: 0;}

.wrap_contact .area_row .item .thumb{position: relative; z-index: 2;}
.wrap_contact .area_row .item .cont{position: absolute; left: 0; bottom: 0; z-index: 3; color: #fff; padding: 4%; width: 50%;}
.wrap_contact .area_row .item .cont .h1{font-size: 1.25em; line-height: 1.5; font-weight: 700;}
.wrap_contact .area_row .item .cont .t1{line-height: 1.75; margin-top: 15px;}

.wrap_contact .img_2{margin-bottom: 50px;}
.wrap_contact .img_2 span{float: left; width: 50%; display: block;}
.wrap_contact .img_2 img{width: 100%; height: auto;}

@media screen and (max-width: 1390px) {
  .wrap_contact .area_row .item .cont{width: 100%;}
}

@media screen and (max-width: 840px) {
  .wrap_contact .area_row{margin-top: 7.381vw;}
  .wrap_contact .area_row.first{margin-top: 0;}
  .wrap_contact .area_row img{width: 100%; height: auto;}
  .wrap_contact .area_row.col3 .item,
  .wrap_contact .area_row.col2 .item{width: 100%; margin-left: 0; margin-top: 3.5714vw;}

  .wrap_contact .area_row .item .cont{width: 86%;}
  .wrap_contact .area_row .item .cont .h1{font-size: 4vw;line-height: 1.5;font-weight: 700;}
  .wrap_contact .area_row .item .cont .t1{line-height: 1.75;margin-top: 15px;font-size: 3vw;}
  .wrap_contact .img_2{margin-bottom: 50px; margin-bottom: 5.9524vw;}
  .wrap_contact .img_2 span{float: none; width: 100%;}



  /*.wrap_contact .area_row.col3 .item:nth-child(1n+1){float: left; width: 48%; margin-left: 4%; margin-top: 3.5714vw;}
  .wrap_contact .area_row.col3 .item:nth-child(1),
  .wrap_contact .area_row.col3 .item:nth-child(2){margin-top: 0;}
  .wrap_contact .area_row.col3 .item:nth-child(odd){margin-left: 0;}*/
}


.fs1{font-size: 1.875em; line-height: 1.3333; font-weight: 600; color: #20409a;}
.fs2{line-height: 1.875; font-weight: 400; color: #20409a;}

.wrap_spsr .head{text-align: center; font-size: 1.875em; line-height: 1.3333; color: #20409a;  font-weight: 600;}
.wrap_spsr .head p{position: relative; display: inline-block; padding: 20px 59px;}
.wrap_spsr .head p span.l{display: inline-block; position: relative;}
.wrap_spsr .head p span.l img{position: absolute;left: -60px;top: -21px;z-index: -1; max-width: none;}

.wrap_spsr .area_step1 .area_pro1{}

.wrap_spsr .area_step1 .area_pro1 .col_lft{float: left; width: 50%; background-color: #f5f5f5; height: 980px; text-align: center; padding: 0 50px; box-sizing: border-box; font-size: 0;}
.wrap_spsr .area_step1 .area_pro1 .col_lft:after{display: inline-block; vertical-align: middle; width: 0; height: 100%; content:""; }
.wrap_spsr .area_step1 .area_pro1 .col_lft span{display: inline-block; vertical-align: middle;}
.wrap_spsr .area_step1 .area_pro1 .col_lft img{max-width: 100%;}
.wrap_spsr .area_step1 .area_pro1 .col_rgh{float: right;width: 50%;box-sizing: border-box;padding-left: 7%;padding-top: 8%;}
.wrap_spsr .area_step1 .area_pro1 .col_rgh .inner{max-width: 670px; margin-right: 40px;}
.wrap_spsr .area_step1 .area_pro1 .col_rgh .inner .t1{margin-bottom: 70px; font-weight: 400;}
.wrap_spsr .area_step1 .area_pro1 .col_rgh .inner .t2{margin-bottom: 120px;}
.wrap_spsr .area_step1 .area_pro1 .col_rgh .inner .img1{position: relative;}
.wrap_spsr .area_step1 .area_pro1 .col_rgh .inner .img1 img{position: absolute; left: 0; top: 0; }

.wrap_spsr.els .area_step1 .area_pro1{background-color: #fff; margin-top: 190px; margin-bottom: 130px;}

.wrap_spsr.els .area_step1 .area_pro1 .col_lft{width: 42.95%; padding: 0; height: auto; background-color: #fff; text-align: left;}
.wrap_spsr.els .area_step1 .area_pro1 .col_rgh{float: none; margin-left: 45%; width: auto; box-sizing: border-box;padding-left: 0; padding-top: 11%;}


.bar_pro1{margin-top: 169px; background-color: #20409a; text-align: center;}
.bar_pro1 .inner{position: relative; display: inline-block; color: #fff; font-size: 3.125em; font-weight: 700;  padding: 46px 456px 46px 46px}
.bar_pro1 .inner .img{position: absolute; right: 0; bottom: 0; display: inline-block; overflow: hidden; width: 553px; height: 382px;}
.bar_pro1 .inner .img span{position: absolute; left: 0; bottom: -80px; }
.bar_pro1.sps .inner .img span{bottom: 0; left: 120px;}


.wrap_spsr .area_step2{background-color: #2c3472; padding-bottom: 180px;}
.wrap_spsr .area_step2 .inr-c{ padding-top: 175px; }
.wrap_spsr .area_step2 .item.n1{}
.wrap_spsr .area_step2 .item.n1 .t1{width: 48%; color: #fff;}
.wrap_spsr .area_step2 .item.n2{margin-top: 13.6%;}
.wrap_spsr .area_step2 .item.n2 .lft_area{float: left; width: 34.2857%; position: relative; }
.wrap_spsr .area_step2 .item.n2 .rgh_area{margin-left: 42%;}
.wrap_spsr .area_step2 .item.n2 .rgh_area .t1{color: #fff; width: 842px;}
.wrap_spsr .area_step2 .item.n2 .rgh_area .img2{margin-top: 130px;}

.wrap_spsr .area_step2 .item.n2 .lft_area video{position: absolute; left: 0; top: 0; width: 100%; height: auto;}



.wrap_spsr.els .area_step1 .area_pro1.rv{  margin-bottom: 130px; background-color:transparent;  position: relative;}
.wrap_spsr.els .area_step1 .area_pro1.rv .inr-c{background-color: #f7f6f1; padding: 5%; box-sizing: border-box; position: relative;}

.wrap_spsr.els .area_step1 .area_pro1.rv:after{position: absolute; left: 50%; top: 0; width: 50%; height: 100%; z-index: -1; background-color: #f7f6f1; content:"";}
.wrap_spsr.els .area_step1 .area_pro1.rv .col_lft{width: 34%; padding: 0; height: auto; background-color: #f7f6f1; float: right;}
.wrap_spsr.els .area_step1 .area_pro1.rv .col_lft img{max-width: none;}
.wrap_spsr.els .area_step1 .area_pro1.rv .col_rgh{float: none; margin-left:0; margin-right: 41%; width: auto; box-sizing: border-box;padding-left: 0; padding-top: 2%;}
.wrap_spsr.els .area_step1 .area_pro1 .col_rgh .inner{max-width: none; margin-right: 0;}

.wrap_spsr.els .area_step1 .area_pro1 .col_rgh .inner .t2{margin-bottom: 0;}

.wrap_spsr.els .area_step3{ padding-top: 7.8%; padding-bottom: 7.8%; background-color: #2c3571;  }
.wrap_spsr.els .area_step3 .item.n1 .t1{text-align: center; color: #fff; }
.wrap_spsr.els .area_step3 .item.n1 .t1 span{border-bottom: 1px solid #fff;}
.wrap_spsr.els .area_step3 .item.n2{margin-top: 9.5%; margin-bottom: 9%; max-width: 1074px; margin-left: auto; margin-right: auto;}

.wrap_spsr.els .area_step3 .item.n2 .lft_area{color: #fff; float: left; width: 36%; }
.wrap_spsr.els .area_step3 .item.n2 .lft_area .t2{margin-bottom: 35px; font-weight: 700;}
.wrap_spsr.els .area_step3 .item.n2 .lft_area .lst_dot2{margin-bottom: 77px;}
.wrap_spsr.els .area_step3 .item.n2 .lft_area .lst_dot2 li{color: #fff;}
.wrap_spsr.els .area_step3 .item.n2 .lft_area .lst_dot2 li:after{background-color: #fff;}
.wrap_spsr.els .area_step3 .item.n2 .rgh_area{font-size: 0; float: right; width: 59%;}

.wrap_spsr.els .area_step3 .item.n3{max-width: 1074px; margin-top: 7%; margin-left: auto; margin-right: auto; font-size: 0; text-align: center;}
.wrap_spsr.els .area_step3 .item.n3 .col{width: 48%; display: inline-block; text-align: right;  }
.wrap_spsr.els .area_step3 .item.n3 .col.last{margin-left: 4%; text-align: left;}



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

}
@media screen and (max-width: 1620px) {
 .wrap_spsr .area_step2 .item.n2 .rgh_area .t1{width: auto;}
 .wrap_spsr.els .area_step1 .area_pro1{margin-top: 10%;margin-bottom: 7%;}
}

@media screen and (max-width: 1460px) {
  .wrap_spsr.els .area_step1 .area_pro1 .col_lft{width: 37%;}
  .wrap_spsr.els .area_step1 .area_pro1 .col_rgh{margin-left: 42%;}
  .wrap_spsr.els .area_step1 .area_pro1.rv .col_lft{width: 42%;}
  .wrap_spsr.els .area_step1 .area_pro1.rv .col_lft img{max-width: 100%;}
  .wrap_spsr.els .area_step1 .area_pro1.rv .col_rgh{width: 48%;}
}

@media screen and (max-width: 1260px) {
  .wrap_spsr.els .area_step3 .item.n1 .t1 br{display: none;}
}


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

  .fs1{font-size: 4.2vw; line-height: 1.3333; font-weight: 600; color: #20409a;}
  .fs2{line-height: 1.875; font-weight: 400; color: #20409a;}

  .wrap_spsr .head{font-size: 3.4vw;}
  .wrap_spsr .head p{padding: 5vw 6vw;}
  .wrap_spsr .head p span.l img{left: -5vw;top: -3vw;z-index: -1;max-width: none;width: 13vw;}


  .bar_pro1{margin-top: 12vw;}
  .bar_pro1 .inner{font-size: 6.4vw;font-weight: 700;padding: 5vw 36.6vw 5vw 5vw;}
  .bar_pro1 .inner .img{right: 0;bottom: -1px;width: 34vw;height: 21.7vw;overflow: hidden;}
  .bar_pro1 .inner .img span{bottom: 0;}
  .bar_pro1.sps .inner .img span{bottom: 0; left: 0;}


  .wrap_spsr .area_step1 .area_pro1 .col_lft{float: none; width: auto; height: 110vw; padding: 0 0;}
  .wrap_spsr .area_step1 .area_pro1 .col_lft img{ width:70vw;}
  .wrap_spsr .area_step1 .area_pro1 .col_rgh{float: none;width:auto;box-sizing: border-box;padding: 0 4.8vw;padding-top: 8%;}
  .wrap_spsr .area_step1 .area_pro1 .col_rgh .inner{max-width: none; margin-right: 0;}
  .wrap_spsr .area_step1 .area_pro1 .col_rgh .inner .t1{margin-bottom: 8vw;}
  .wrap_spsr .area_step1 .area_pro1 .col_rgh .inner .t2{margin-bottom: 12vw;}
  .wrap_spsr .area_step1 .area_pro1 .col_rgh .inner .img1{margin-bottom: 10vw;}
  .wrap_spsr .area_step1 .area_pro1 .col_rgh .inner .img1 img{position: relative; width: 100%; }


  .wrap_spsr .area_step2{padding-bottom: 15vw;}
  .wrap_spsr .area_step2 .inr-c{ padding-top: 15vw; }

  .wrap_spsr .area_step2 .item.n1 .t1{width: auto; color: #fff;}
  .wrap_spsr .area_step2 .item.n2{margin-top: 13.6%;}
  .wrap_spsr .area_step2 .item.n2 .lft_area{float: none; width: auto; }
  .wrap_spsr .area_step2 .item.n2 .lft_area .img1{margin-bottom: 5vw;}
  .wrap_spsr .area_step2 .item.n2 .lft_area .img1 img{width: 100%;}
  .wrap_spsr .area_step2 .item.n2 .rgh_area{margin-left: 0;}
  .wrap_spsr .area_step2 .item.n2 .rgh_area .img2{margin-top: 15vw;}
  .wrap_spsr .area_step2 .item.n2 .rgh_area .img2 img{width: 100%;}


  .wrap_spsr.els .area_step1 .area_pro1.rv{margin-bottom: 10vw;}
  .wrap_spsr.els .area_step1 .area_pro1 .col_lft{height: auto; width: 100%;}
  .wrap_spsr.els .area_step1 .area_pro1 .col_lft span{display: block;}
  .wrap_spsr.els .area_step1 .area_pro1 .col_lft img{width: 100%;}

  .wrap_spsr.els .area_step1 .area_pro1 .col_rgh{margin-left: 0;}

  .wrap_spsr.els .area_step1 .area_pro1.rv:after{display: none;}
  .wrap_spsr.els .area_step1 .area_pro1.rv .col_lft{width: 100%; float: none;}
  .wrap_spsr.els .area_step1 .area_pro1.rv .col_rgh{width: auto; margin-right: 0; padding-top: 9%;}

  .wrap_spsr.els .area_step3 .item.n2 img{width: 100%; height: auto;}
  .wrap_spsr.els .area_step3 .item.n2 .rgh_area,
  .wrap_spsr.els .area_step3 .item.n2 .lft_area{float: none; width: auto;}
  .wrap_spsr.els .area_step3 .item.n2 .rgh_area{margin-bottom: 5vw;}




}



.wrap_mission{margin-bottom: 190px; width: 100%; overflow: hidden;}
.wrap_mission .col_lft{float: right; width: 52%; background-color: #f5f5f5; height: 590px; text-align: center; box-sizing: border-box; font-size: 0; background-size: cover; background-position: 50% 50%; background-image: url(../images/about/img1_1.png);}
.wrap_mission .col_rgh{float: left;width: 47%;box-sizing: border-box;padding-left: 7%;padding-top: 60px;}
.wrap_mission .col_rgh .inner{max-width: 696px; margin-right: 40px;}
.wrap_mission .col_rgh .inner .t1{margin-bottom: 70px;}
.wrap_mission .col_rgh .inner .t2{margin-bottom: 120px;}
.wrap_mission .col_rgh .inner .img1{position: relative;}
.wrap_mission .col_rgh .inner .img1 img{position: absolute; left: 0; top: 0; }
.wrap_vision{text-align: center; position: relative;}
.wrap_vision .t1{position: absolute;right: 30px;z-index: 3;text-align: left;top: 190px; left:auto;}
.wrap_vision .map{max-width: 1511px; margin-left: 6.7%; margin-right: auto; text-align: left; z-index: 1; position: relative;}
.wrap_vision .map img{max-width: 100%;}

@media screen and (min-width: 1840px) {
.wrap_vision .t1{position: absolute;right: auto; left: 60%; }
}
@media screen and (max-width: 1540px) {
  .wrap_vision .t1{position: relative;right: 0;z-index: 3;text-align: center;top: 0; margin-bottom: 40px;}
  .wrap_vision .map{max-width: none; margin-left: auto; margin-right: auto;  z-index: 1; position: relative; text-align: center;}
}

@media screen and (max-width: 1120px) {
  .wrap_mission .col_lft{float: none;width: auto;background-color: #f5f5f5;height: 590px;text-align: center;box-sizing: border-box;font-size: 0;background-size: cover;background-position: 50% 50%;background-image: url(../images/about/img1_1.png);}
  .wrap_mission .col_rgh{float: none;width: auto;box-sizing: border-box;padding: 60px 30px 0;}
  .wrap_mission .col_rgh .inner{max-width: none; margin-right: 0;}
  .wrap_mission{margin-bottom: 10%;}
}

@media screen and (max-width: 840px) {
  .wrap_mission .col_lft{height: 70.2381vw;}
  .wrap_mission .col_rgh{padding: 0 4.7619vw 10vw;}
  .wrap_mission .col_rgh .inner .t1{margin-bottom: 8.3333vw;}
  .wrap_mission .col_rgh .inner .t2{margin-bottom: 0;}
  .wrap_vision .t1{margin-left: 4.7619vw; margin-right: 4.7619vw;}
  .wrap_vision .t1 br{display: none;}
  .wrap_vision .map{margin-top: 6vw; padding-left: 4.7619vw; padding-right: 4.7619vw; }

}

.title1{font-size: 2.5em; line-height: 1; margin-bottom: 50px; color: #20409a; font-weight: 800;}

.wrap_ourteam{}
.wrap_ourteam .visial{max-width: 1400px; margin-left: auto; margin-right: auto; background: url(../images/about/img2_1.jpg) no-repeat 50% 50%; padding: 111px; box-sizing: border-box; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;  }
.wrap_ourteam .visial .inner{background-color: rgba(32,64,154,0.9); color: #fff; font-size: 1.875em; line-height: 1.3333;  padding: 70px 155px;}

.wrap_ourteam  .area_txt1{ text-align: center; padding: 80px; padding-bottom: 80px; }
.wrap_ourteam  .area_txt1 .t2{margin-top: 50px;}

.wrap_ourteam .area_img3,
.wrap_ourteam .area_img2,
.wrap_ourteam .area_img1{margin-bottom: 100px;}
.wrap_ourteam .area_img1 .col{float: left; width: 48.5%; }
.wrap_ourteam .area_img1 .col.rgh{margin-left: 3%;}

.wrap_ourteam .area_img2 .item.bg1{background-color: #f3f3f3;}
.wrap_ourteam .area_img2 .item .thumb{height: 640px; width: 530px; float: left; background-size: cover; background-position: 50% 0; background-repeat: no-repeat;}
.wrap_ourteam .area_img2 .item .cont{margin-left: 617px; padding-top: 70px; padding-bottom: 0; color: #20409a;}
.wrap_ourteam .area_img2 .item .cont .inner{max-width: 750px;}
.wrap_ourteam .area_img2 .item .cont .h_1{ font-weight: 800; font-size: 2.125em; line-height: 1.1765; margin-bottom: 15px; }
.wrap_ourteam .area_img2 .item .cont .h_1 span.fs{font-size: 0.5em;}
.wrap_ourteam .area_img2 .item .cont  .t_1{font-weight: 500; margin-bottom: 50px;}
.wrap_ourteam .area_img2 .item .cont .t_1 b{vertical-align: 1px; display: inline-block; }
.wrap_ourteam .area_img2 .item .cont .t2{padding: 0 30px 10px; background-image: url(../images/about/ico_lft.png); background-position: 0 0; background-repeat: no-repeat;}
.wrap_ourteam .area_img2 .item .cont .t2 span.end{display: inline-block; padding-right: 40px; background-image:url(../images/about/ico_rgh.png); background-position:100% 100%; background-repeat: no-repeat;}
.wrap_ourteam .area_img2 .item.n2 .thumb{float: right;}
.wrap_ourteam .area_img2 .item.n2 .cont{margin-right: 617px; margin-left: 100px;}
.wrap_ourteam .area_img2 .item.n2 .cont .inner{max-width: 552px;}


.wrap_ourteam .area_img3 .item{width: 48.5%; height: 540px; float: left; position: relative; color: #fff; padding-left: 350px; padding-right: 25px;  box-sizing: border-box; padding-top: 50px; margin-top: 40px;}
.wrap_ourteam .area_img3 .item:nth-child(1),
.wrap_ourteam .area_img3 .item:nth-child(2){margin-top: 0;}
.wrap_ourteam .area_img3 .item:nth-child(even){margin-left: 3%;}
.wrap_ourteam .area_img3 .item.n1{background-color: #1b1c22;}
.wrap_ourteam .area_img3 .item.n2{background-color: #9a9b9b;}
.wrap_ourteam .area_img3 .item.n3{background-color: #301807; height: 462px;}
.wrap_ourteam .area_img3 .item.n4{background-color: #30545e; height: 462px;}

.wrap_ourteam .area_img3 .item .thumb{position: absolute; left: 0; top: 0; width: 330px; height: 100%;float: left; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;}
.wrap_ourteam .area_img3 .item .thumb .txt1{position: absolute; left: 0; bottom: 0; padding: 15.1515% 9.0909%;}
.wrap_ourteam .area_img3 .item .thumb .txt1 .th1{font-size: 2em; line-height: 1.2; font-weight: 800; padding-top: 20px; position: relative;}
.wrap_ourteam .area_img3 .item .thumb .txt1 .th1:after{position: absolute; left: 0; top: 0; width: 32px; height: 2px; background-color: #fff; content:"";}
.wrap_ourteam .area_img3 .item .thumb .txt1 .th2{margin-top: 20px; font-weight: 600;}

.wrap_ourteam .area_img3 .item .cont{font-weight: 300; line-height: 1.875;}

.wrap_ourteam .area_img3 .item .gra{background-color: #20409a; position: absolute; left: 0; bottom: 0; width: 100%;  height: 32%; z-index: 0; background: rgb(32,64,154);
background: -moz-linear-gradient(0deg, rgba(32,64,154,1) 0%, rgba(32,64,154,1) 29%, rgba(32,64,154,0.773546918767507) 62%, rgba(32,64,154,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(32,64,154,1) 0%, rgba(32,64,154,1) 29%, rgba(32,64,154,0.773546918767507) 62%, rgba(32,64,154,0) 100%);
background: linear-gradient(0deg, rgba(32,64,154,1) 0%, rgba(32,64,154,1) 29%, rgba(32,64,154,0.773546918767507) 62%, rgba(32,64,154,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#20409a",endColorstr="#20409a",GradientType=1);}

.wrap_ourteam .area_txt4 .item{margin-bottom: 130px; position: relative; padding-left: 435px;}
.wrap_ourteam .area_txt4 .item:first-child{margin-top: 0;}
.wrap_ourteam .area_txt4 .item .head{position: absolute; left:0; top: 0;}
.wrap_ourteam .area_txt4 .item .head .h1{font-size: 2.125em; line-height: 1.2353; font-weight: 800; color: #20409a;}
/*.wrap_ourteam .area_txt4 .item .head .img{margin-top: 45px;}*/
.wrap_ourteam .area_txt4 .item .cont .t2{ margin-top: 40px; }


@media screen and (max-width: 1360px) {
  .wrap_ourteam .area_img3 .item.n3,
  .wrap_ourteam .area_img3 .item.n4,
  .wrap_ourteam .area_img3 .item{padding-left: 0; height: auto; padding-top: 0; padding-right: 0; }
  .wrap_ourteam .area_img3 .item .thumb{position: relative; width: 100%; height: 60vw; float: none;}
  .wrap_ourteam .area_img3 .item .cont{padding: 8.6%;}
  .wrap_ourteam .area_txt4 .item{padding-left: 356px;}
}

@media screen and (max-width: 1180px) {
  .wrap_ourteam .area_img2 .item .thumb{height: 69vw;}
/*  .wrap_ourteam .area_img2 .item .thumb{float: none; width: 100%; height: 60vw;}
  .wrap_ourteam .area_img2 .item .cont{margin-left: 0; padding-top: 50px;}*/

  .wrap_ourteam .area_img2 .item .cont{margin-left: 570px;padding-top: 8%;}
  .wrap_ourteam .area_img2 .item.n2 .cont{ margin-right: 570px; padding-top: 8%; }
}

@media screen and (max-width: 1180px) {
  .wrap_ourteam .area_img3,
  .wrap_ourteam .area_img2,
  .wrap_ourteam .area_img1{margin-bottom: 60px;}
  .wrap_ourteam .area_img2 .item.n2 .thumb,
  .wrap_ourteam .area_img2 .item .thumb{float: none; width: 100%; height: 100vw; float: none;}
  .wrap_ourteam .area_img2 .item.n2 .cont .inner,
  .wrap_ourteam .area_img2 .item .cont .inner{max-width: none;}

  .wrap_ourteam .area_img2 .item .cont{ padding: 6%; margin: 0; }
  .wrap_ourteam .area_img2 .item.n2 .cont{ margin-right: 0; padding-top: 6%; margin-left: 0; }


  .wrap_ourteam .area_txt4 .item{ padding-left: 0; margin-bottom: 100px; }
  .wrap_ourteam .area_txt4 .item .head{position: relative; margin-bottom: 40px;}
  .wrap_ourteam .visial{padding: 61px;}
  .wrap_ourteam .visial .inner{padding: 60px 95px;}

  .wrap_ourteam .area_txt1 br,
  .wrap_ourteam .area_txt4 .item .head br{display: none;}
}

@media screen and (max-width: 840px) {
    .wrap_ourteam .area_img3,
    .wrap_ourteam .area_img2,
    .wrap_ourteam .area_img1{margin-bottom: 13vw;}
  .title1{font-size: 5vw; margin-bottom: 4vw;}
  .wrap_ourteam .visial{padding: 9vw;}
  .wrap_ourteam .visial .inner{padding: 2vw 7vw;font-size: 4vw;}
  .wrap_ourteam  .area_txt1{text-align: center;padding: 4.8vw;padding-bottom: 10vw;}
  .wrap_ourteam .area_img1{margin-bottom: 13vw;}
  .wrap_ourteam .area_img1 .col{float: none;width: auto;}
  .wrap_ourteam .area_img1 .col img{width:100%; height:auto}
  .wrap_ourteam .area_img1 .col.rgh{margin-left: 0; margin-top:3vw}

  .wrap_ourteam .area_img2 .item .cont{padding: 5.3%;}

  .wrap_ourteam .area_img2 .item .cont .h_1{margin-bottom: 2vw;}
  .wrap_ourteam .area_img2 .item .cont .t_1{margin-bottom: 7vw;}
  .wrap_ourteam .area_img2 .item .cont .t2{padding: 0 4vw 3vw;}
  .wrap_ourteam .area_img2 .item.n2 .thumb, .wrap_ourteam .area_img2 .item .thumb{height: 110vw;}

  .wrap_ourteam .area_img3 .item{width: 100%;height: auto;float: none;margin-top: 8vw;}
  .wrap_ourteam .area_img3 .item:nth-child(2){margin-top: 8vw;}
  .wrap_ourteam .area_img3 .item:nth-child(even){margin-left: 0;}

  .wrap_ourteam .area_img3 .item .thumb{height: 120vw;}
  .wrap_ourteam .area_img3 .item .cont{padding: 5.6%;}
  .wrap_ourteam .area_img3 .item:nth-child(odd){margin-left: 0;}
  .wrap_ourteam .area_img3 .item .thumb .txt1{padding: 7vw 5vw;}

  .wrap_ourteam .area_txt4 .item .head .h1{font-size: 4vw;}
  /*.wrap_ourteam .area_txt4 .item .head .img{margin-top: 5vw;}*/
  .wrap_ourteam .area_txt4 .item .head{margin-bottom: 5vw;}

  .wrap_ourteam .area_txt4 .item{margin-bottom: 13vw;}

}


/* ----------------------------------------------
 * Generated by Animista on 2019-12-25 19:54:47
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation pulsate-fwd
 * ----------------------------------------
 */

@-webkit-keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes flip-in-ver-right {
  0% {
    -webkit-transform: rotateY(-80deg);
    transform: rotateY(-80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1;
  }
}
@keyframes flip-in-ver-right {
  0% {
    -webkit-transform: rotateY(-80deg);
    transform: rotateY(-80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes flip-in-ver-left {
  0% {
    -webkit-transform: rotateY(80deg);
    transform: rotateY(80deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 0;
  }
}
@keyframes flip-in-ver-left {
  0% {
    -webkit-transform: rotateY(80deg);
    transform: rotateY(80deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 0;
  }
}