@charset "utf-8";

.layout{margin:0 auto;}

.intro_wrap .cl1{position:absolute;left: 70px;top: 250px;width:227px;height:126px;background:url(/images/ipsi/intro/cl1.png);animation: cl 5s ease-out both infinite;}
.intro_wrap .cl2{position:absolute;right: 89px;top: 50px;width: 137px;height: 76px;background:url(/images/ipsi/intro/cl1.png);background-size: 100%;animation: cl 5s ease-out both infinite;animation-delay:1s}
.intro_wrap{overflow: hidden;position: relative;background:#e7f1ff;}
.intro_wrap:before{position:absolute;right: -50px;bottom: 80px;width:348px;height:348px;background:url(/images/ipsi/intro/bg_logo.png);content:'';}
.intro_wrap:after{position:absolute;left:0;right:0;bottom: 0;z-index: 0;height:64px;background:url(/images/ipsi/intro/bott_line.png);content:'';}
.intro_wrap .bg_left{position:absolute;left:0;bottom: 64px;z-index: 0;width:210px;height:234px;background:url(/images/ipsi/intro/bg_left.png);}
.intro_wrap .bg_right{position:absolute;right:0;bottom: 64px;z-index: 0;width: 88px;height: 25px;background:url(/images/ipsi/intro/bg_right.png);}
.intro_wrap .top{overflow: hidden;max-width: 1500px;margin: 0 auto;padding-top: 27px;}
.intro_wrap .top .line{float: none;position:absolute;top: -31px;height:27px;width: 10px;background:#c9c9c9;border:4px solid #40393a;border-width:0 4px 0 4px;box-sizing: border-box;content:'';}
.intro_wrap .top .line.left{left:40px;}
.intro_wrap .top .line.right{right:40px;}
.intro_wrap .top > .left{float: left;position: relative;width:1060px;height: 140px;padding-top: 15px;padding-right: 30px;padding-left: 700px;background:#0060b5;border: 4px solid #40393a;border-radius: 10px;}
.intro_wrap .top .left strong{display: inline-block;position: absolute;left: 0;top: 0;padding: 46px 90px 46px 115px;font-size:25px;color:#fff;font-weight: bold;}
.intro_wrap .top .left strong b{display: inline-block;width:267px;height:33px;margin-right: 10px;background:url(/images/ipsi/intro/topleft_tit.png);font-size: 0;vertical-align: top;}
.intro_wrap .top .left strong:before{display:inline-block;position: absolute;left: 30px;top: 50%;width:68px;height:69px;background:url(/images/ipsi/intro/topleft_logo.png);transform: translateY(-50%);content:'';}
/* .intro_wrap .top .left strong:after{display:inline-block;position: absolute;right: 0;top: 50%;width:66px;height:66px;background:url(/images/ipsi/intro/topleft_logo2.png);transform: translateY(-50%);content:'';} */
.intro_wrap .top .left ul{margin-top: 15px;text-align: center;}
.intro_wrap .top .left ul li{display:inline-block;margin-right: 22px;vertical-align: middle;}
.intro_wrap .top .left ul li a{display:block;font-size: 18px;color:#ffffff;letter-spacing:-0.05em;text-align: center;}
.intro_wrap .top .left ul li span{display: block;height: 46px;margin: 0 auto;background: url(/images/ipsi/intro/top_ir.png);vertical-align: middle;}
.intro_wrap .top .left ul li .icon1{width: 40px;background-position: 0 0;}
.intro_wrap .top .left ul li .icon2{width: 37px;background-position: -46px 0;}
.intro_wrap .top .left ul li .icon3{width: 36px;background-position: -93px 0;}
.intro_wrap .top .left ul .lin1{display: block;position: absolute;left: 400px;top: 50%;padding-right: 25px;border-right: 1px solid #4d90cb;line-height: 55px;transform: translateY(-50%);}
.intro_wrap .top .left ul .lin1 a:before{display:inline-block;position: relative;width:27px;height: 20px;margin-right: 9px;background: url(/images/ipsi/intro/main_ir.png) 0 -2px;vertical-align: middle;content:'';}
.intro_wrap .top .left ul .lin1 a{padding-left: 20px;font-size:24px;font-weight:bold;line-height: 55px;}
.intro_wrap .top > .right{float:right;position:relative;width:415px;height:140px;padding: 30px 0 0;background:#242424;border-radius:10px;border:4px solid #40393a;}
.intro_wrap .top > .right:before{position:absolute;left:0;top:0;right:0;bottom:0;z-index: 0;border:6px solid #47494a;border-radius: 5px;content:'';}
.intro_wrap .top .right b{display:block;position: relative;width: 275px;height:22px;margin: 0 auto 20px;background:url(/images/ipsi/intro/topright_tit2.png?ver=20240308);font-size:0;}
.intro_wrap .top .right strong{display:block;position: relative;width:336px;height: 36px;margin: 0 auto;background-image: url(/images/ipsi/intro/topright_tit1.png);background-repeat: no-repeat;background-position: center;font-size:0;/* animation: txt-1 10s cubic-bezier(0.22, 0.61, 0.36, 1) infinite both; */background-size:100% 100%;}
.intro_wrap .top .right .t1{background-image: url(/images/ipsi/intro/topright_tit1.png)}
/* .intro_wrap .top .right .text2 .t1{background-image: url(/images/ipsi/intro/topright_tit1_1.png)} */
/* .intro_wrap .top .right .t2{display:none;background-image: url(/images/ipsi/intro/topright_tit1_1.png)} */

body.clickOpen{overflow:hidden;height:100%;}
.intro_wrap .midd{position: relative;max-width: 1500px;margin: 58px auto 68px;}
.intro_wrap .midd .title{position: absolute;left: 0;bottom: 0;width:236px;height:350px;padding: 115px 30px 0 0;background:url(/images/ipsi/intro/box_tit_bg01.png); background-repeat: no-repeat;}
.intro_wrap .midd .title.on > a {display:block;}
.intro_wrap .midd .title > a + .cont{display:none; position: fixed;  height: 700px; background-color: #fff; z-index: 99; border-radius: 20px; top: 10%; left: 50%; transform: translateX(-50%);}
.intro_wrap .midd .title.on a + .cont{display:block;position: fixed;right:0; top: 0;z-index: 3;width: 100%;height: 100%;background: rgba(0,0,0,0.4);}
.intro_wrap .midd .title.on .cont .txt{position:relative;top: 50%;width: 80%;max-width: 1280px;height: 95%;margin:0 auto;padding: 40px 85px;border-radius:20px;background:#fff;transform: translateY(-50%); overflow: auto;}
.intro_wrap .midd .title .cont .txt .photo_list--slider:after {content:''; display:block; overflow:hidden; clear:both;}
.intro_wrap .midd .title .cont .txt > strong{display:block;margin-bottom: 45px;font-size:30px;color:#444444;font-family:'jalnan';text-align: center; padding-top:20px;}
/* .intro_wrap .midd .title .cont .txt .photo_list--wrap {margin-left:15%;} */

.intro_wrap .midd .title .cont .txt .photo_list--item{float:left;margin-bottom:28px;width: 25%;}
/* .intro_wrap .midd .title .cont .txt .photo_list--item{width: calc(25% - 21px)} */
.intro_wrap .midd .title .cont .txt .slick-slide{margin: 0 14px;}
.intro_wrap .midd .title .cont .txt .photo_list--item a{display: block;position: relative;overflow: hidden;height: 272px;max-width: 304px;padding: 69px 16px 0;margin: 0 10px;border: 4px solid #40393a;border-radius: 10px;text-align: center;background-repeat: no-repeat;}
.intro_wrap .midd .title .cont .txt .photo_list--item span{display: table;position:absolute;top: 7px;right: 7px;width: 60px;height:60px;background:#fff;border-radius:5px;font-size:14px;vertical-align: middle;}
.intro_wrap .midd .title .cont .txt .photo_list--item span b{display:table-cell;vertical-align:inherit;font-weight: normal;line-height: 1.2;word-break: keep-all;}
.intro_wrap .midd .title .cont .txt .photo_list--item em{display:block;margin-bottom: 10px;font-size:23px;color:#fff;font-weight:normal;line-height: 1.2;}
.intro_wrap .midd .title .cont .txt .photo_list--item strong{display:block;margin-bottom: 18px;font-size:24px;color:#fff;font-weight:bold;word-break: keep-all;line-height: 1.2;}
.intro_wrap .midd .title .cont .txt .photo_list--item p{font-size:16px;color:#fff;font-weight: normal;}
.intro_wrap .midd .title .cont .txt .slick-dots{position:absolute;right: 20px;top: -25px;}
.intro_wrap .midd .title .cont .txt .slick-dots li{float:left;width:25px;height:6px;margin-left:5px;;background:#8c8c8c;border-radius:10px;font-size:0;}
.intro_wrap .midd .title .cont .txt .slick-dots li.slick-active{width: 45px;background:#2c77c6;}
.intro_wrap .midd .title .cont .txt .photo_list--item a:hover p,
.intro_wrap .midd .title .cont .txt .photo_list--item a:focus p{color:#444444;}
.intro_wrap .midd .title .cont .txt .photo_list--item a:hover em,
.intro_wrap .midd .title .cont .txt .photo_list--item a:focus em{color:#444444;}
.intro_wrap .midd .title .cont .txt .photo_list--item.type1 a{background:#f57f17;}
.intro_wrap .midd .title .cont .txt .photo_list--item.type1 span b{color:#f57f17}
.intro_wrap .midd .title .cont .txt .photo_list--item.type1 a:hover,
.intro_wrap .midd .title .cont .txt .photo_list--item.type1 a:focus{background:#fff;border-color:#f57f17}
.intro_wrap .midd .title .cont .txt .photo_list--item.type1 a:hover strong,
.intro_wrap .midd .title .cont .txt .photo_list--item.type1 a:focus strong{color:#f57f17;}
.intro_wrap .midd .title .cont .txt .photo_list--item.type1 a:hover span,
.intro_wrap .midd .title .cont .txt .photo_list--item.type1 a:focus span{background:#f57f17}
.intro_wrap .midd .title .cont .txt .photo_list--item.type1 a:hover span b,
.intro_wrap .midd .title .cont .txt .photo_list--item.type1 a:focus span b{color:#fff}
.intro_wrap .midd .title .cont .txt .photo_list--item.type2 a{background:#d8414e;}
.intro_wrap .midd .title .cont .txt .photo_list--item.type2 span b{color:#d8414e;}
.intro_wrap .midd .title .cont .txt .photo_list--item.type2 a:hover,
.intro_wrap .midd .title .cont .txt .photo_list--item.type2 a:focus{background:#fff;border-color:#d8414e}
.intro_wrap .midd .title .cont .txt .photo_list--item.type2 a:hover strong,
.intro_wrap .midd .title .cont .txt .photo_list--item.type2 a:focus strong{color:#d8414e;}
.intro_wrap .midd .title .cont .txt .photo_list--item.type2 a:hover span,
.intro_wrap .midd .title .cont .txt .photo_list--item.type2 a:focus span{background:#d8414e}
.intro_wrap .midd .title .cont .txt .photo_list--item.type2 a:hover span b,
.intro_wrap .midd .title .cont .txt .photo_list--item.type2 a:focus span b{color:#fff}
.intro_wrap .midd .title .cont .txt .photo_list--item.type3 a{background:#b4101d;}
.intro_wrap .midd .title .cont .txt .photo_list--item.type3 span b{color:#d8414e;}
.intro_wrap .midd .title .cont .txt .photo_list--item.type3 a:hover,
.intro_wrap .midd .title .cont .txt .photo_list--item.type3 a:focus{background:#fff;border-color:#b4101d}
.intro_wrap .midd .title .cont .txt .photo_list--item.type3 a:hover strong,
.intro_wrap .midd .title .cont .txt .photo_list--item.type3 a:focus strong{color:#b4101d;}
.intro_wrap .midd .title .cont .txt .photo_list--item.type3 a:hover span,
.intro_wrap .midd .title .cont .txt .photo_list--item.type3 a:focus span{background:#b4101d}
.intro_wrap .midd .title .cont .txt .photo_list--item.type3 a:hover span b,
.intro_wrap .midd .title .cont .txt .photo_list--item.type3 a:focus span b{color:#fff}
.intro_wrap .midd .title .cont .txt .photo_list--item.type4 a{background:#104680;}
.intro_wrap .midd .title .cont .txt .photo_list--item.type4 span b{color:#104680;}
.intro_wrap .midd .title .cont .txt .photo_list--item.type4 a:hover,
.intro_wrap .midd .title .cont .txt .photo_list--item.type4 a:focus{background:#fff;border-color:#104680}
.intro_wrap .midd .title .cont .txt .photo_list--item.type4 a:hover strong,
.intro_wrap .midd .title .cont .txt .photo_list--item.type4 a:focus strong{color:#104680;}
.intro_wrap .midd .title .cont .txt .photo_list--item.type4 a:hover span,
.intro_wrap .midd .title .cont .txt .photo_list--item.type4 a:focus span{background:#104680}
.intro_wrap .midd .title .cont .txt .photo_list--item.type4 a:hover span b,
.intro_wrap .midd .title .cont .txt .photo_list--item.type4 a:focus span b{color:#fff}
.intro_wrap .midd .title .cont .txt .photo_list--item.type5 a{background:#2c77c6;}
.intro_wrap .midd .title .cont .txt .photo_list--item.type5 span b{color:#2c77c6;}
.intro_wrap .midd .title .cont .txt .photo_list--item.type5 a:hover,
.intro_wrap .midd .title .cont .txt .photo_list--item.type5 a:focus{background:#fff;border-color:#2c77c6}
.intro_wrap .midd .title .cont .txt .photo_list--item.type5 a:hover strong,
.intro_wrap .midd .title .cont .txt .photo_list--item.type5 a:focus strong{color:#2c77c6;}
.intro_wrap .midd .title .cont .txt .photo_list--item.type5 a:hover span,
.intro_wrap .midd .title .cont .txt .photo_list--item.type5 a:focus span{background:#2c77c6}
.intro_wrap .midd .title .cont .txt .photo_list--item.type5 a:hover span b,
.intro_wrap .midd .title .cont .txt .photo_list--item.type5 a:focus span b{color:#fff}
.intro_wrap .midd .title .cont .txt .photo_list--item.type6 a{background:#28a4c8;}
.intro_wrap .midd .title .cont .txt .photo_list--item.type6 span b{color:#28a4c8;}
.intro_wrap .midd .title .cont .txt .photo_list--item.type6 a:hover,
.intro_wrap .midd .title .cont .txt .photo_list--item.type6 a:focus{background:#fff;border-color:#28a4c8}
.intro_wrap .midd .title .cont .txt .photo_list--item.type6 a:hover strong,
.intro_wrap .midd .title .cont .txt .photo_list--item.type6 a:focus strong{color:#28a4c8;}
.intro_wrap .midd .title .cont .txt .photo_list--item.type6 a:hover span,
.intro_wrap .midd .title .cont .txt .photo_list--item.type6 a:focus span{background:#28a4c8}
.intro_wrap .midd .title .cont .txt .photo_list--item.type6 a:hover span b,
.intro_wrap .midd .title .cont .txt .photo_list--item.type6 a:focus span b{color:#fff}
.intro_wrap .midd .title .cont .txt .photo_list--item.type7 a{background:#04b3be;}
.intro_wrap .midd .title .cont .txt .photo_list--item.type7 span b{color:#04b3be;}
.intro_wrap .midd .title .cont .txt .photo_list--item.type7 a:hover,
.intro_wrap .midd .title .cont .txt .photo_list--item.type7 a:focus{background:#fff;border-color:#04b3be}
.intro_wrap .midd .title .cont .txt .photo_list--item.type7 a:hover strong,
.intro_wrap .midd .title .cont .txt .photo_list--item.type7 a:focus strong{color:#04b3be;}
.intro_wrap .midd .title .cont .txt .photo_list--item.type7 a:hover span,
.intro_wrap .midd .title .cont .txt .photo_list--item.type7 a:focus span{background:#04b3be}
.intro_wrap .midd .title .cont .txt .photo_list--item.type7 a:hover span b,
.intro_wrap .midd .title .cont .txt .photo_list--item.type7 a:focus span b{color:#fff}

/* .intro_wrap .midd .title > a{display:block;position: relative;width: 129px;height: 94px;margin: 0 auto; background: url(/images/ipsi/intro/box_tit.png);font-size: 0; background-repeat: no-repeat; background-position: center;} */
/* .intro_wrap .midd .title > a:after{display:block;position: absolute;bottom: -44px;left: 50%;width:109px;height:21px;background:url(/images/ipsi/intro/box_tit_arr.png); background-repeat: no-repeat; transform: translateX(-50%);content:'';} */
.intro_wrap .midd .title > a{display:block;position: relative;width: 129px;height: 94px;margin: 0 auto;background: url(/images/ipsi/intro/box_tit_img01.png); font-size: 0; background-repeat: no-repeat;} 
.intro_wrap .midd .title > a:after{display:block;position: absolute;bottom: -28px;left: 50%;width:108px;height:26px;background:url(/images/ipsi/intro/box_tit_arr_go.png);transform: translateX(-50%);content:''; background-repeat: no-repeat;}
.intro_wrap .midd .title > a span{display:inline-block;color:#fff;vertical-align:middle;}
.intro_wrap .midd .title > a + div .cnt{margin:20px 0;padding:50px 0 ;background:#b7ffb1;color:#000;text-align:center;}
.intro_wrap .midd .title a.clickClose{display:block;position:absolute;right: 40px;top: 40px;width: 33px;height: 33px;background: url(/images/ipsi/intro/close.png);text-align:center;vertical-align:middle;font-size: 0;}
.intro_wrap .midd .title a.clickClose:after{display:inline-block;height:100%;vertical-align:middle;content:'';}
.intro_wrap .midd .title a.clickClose span{display:inline-block;color:#fff;vertical-align:middle;}
.intro_wrap .midd .box_wrap{padding-left: 299px;}
.intro_wrap .midd .box_wrap:after{display:block;clear:both;content:'';}
.intro_wrap .midd .box_wrap p{position: relative;padding: 0 55px 25px 0;font-size:17px;color:#40393a;font-family:'jalnan';text-align:right;}
.intro_wrap .midd .box_wrap p:after{position:absolute;right: 10px;top: 0;width: 36px;height: 51px;background:url(/images/ipsi/intro/midd_arr.png);content:'';}
.intro_wrap .midd .box_wrap .box{float:left;position: relative;left: 0;top: 0;z-index: 1;width: 282px;height: 352px;margin-left: 18px;border: 0;transition: all .3s;}
.intro_wrap .midd .box_wrap .box:hover{left: -10px;top: -10px;}
.intro_wrap .midd .box_wrap .box:hover:before{position:absolute;left: 10px;top: 10px;z-index: 0;width: 280px;height: 350px;background:url(/images/ipsi/intro/box_bg.png);content:'';}
.intro_wrap .midd .box_wrap .box .inner{position:relative;z-index:1;height: 100%;width: 100%;padding: 34px 20px;background-size: 100% 100%;}
.intro_wrap .midd .box_wrap .box strong:before{display:inline-block;width:36px;height:37px;margin-right: 10px;background:url(/images/ipsi/intro/midd_logo.png);vertical-align: middle;content:'';}
.intro_wrap .midd .box_wrap .box strong{display:block;position: relative;margin-left: 10px;margin-bottom: 55px;font-size:22px;color:#fff;font-family:'jalnan';}
.intro_wrap .midd .box_wrap .box ul li{margin-bottom:6px;}
.intro_wrap .midd .box_wrap .box ul li a{display:block;position: relative;padding: 0 14px;font-size: 19px;color:#fff;line-height: 44px;border-radius: 10px;}
.intro_wrap .midd .box_wrap .box ul li a:after{position:absolute;top:50%;right:20px;width: 4px;height: 4px;border:1px solid #fff;border-width: 1px 1px 0 0;transform:rotate(45deg) translateY(-50%);content:'';opacity: 0.5;}
.intro_wrap .midd .box_wrap .box:hover:after{position:absolute;right: 30px;bottom: -50px;z-index: 1;width:71px;height:109px;background:url(/images/ipsi/intro/box_on.png);content:'';}
.intro_wrap .midd .box_wrap .box1 .inner{background-image:url(/images/ipsi/intro/box1_bg.png)}
.intro_wrap .midd .box_wrap .box1 ul li a{background-color:#ce333e;}
.intro_wrap .midd .box_wrap .box2 ul li a{background-color:#ad151f;}
.intro_wrap .midd .box_wrap .box3 ul li a{background-color:#0b376d;}
.intro_wrap .midd .box_wrap .box4 ul li a{background-color:#f2f5f8;color:#333333;}
.intro_wrap .midd .box_wrap .box4 ul li a{font-weight:600;}
.intro_wrap .midd .box_wrap .box2 .inner{background-image:url(/images/ipsi/intro/box2_bg.png)}
.intro_wrap .midd .box_wrap .box3 .inner{background-image:url(/images/ipsi/intro/box3_bg.png)}
.intro_wrap .midd .box_wrap .box4 .inner{background-image:url(/images/ipsi/intro/box4_bg.png)}
.intro_wrap .midd .box_wrap .box4 strong{color:#104680;}
.intro_wrap .midd .box_wrap .box4 strong:before{background-image:url(/images/ipsi/intro/midd_logo2.png)}
.intro_wrap .midd .box_wrap .box4 ul li a:after{border-color:#819dbc;opacity:1}

.intro_wrap .bott{position:relative;}
.intro_wrap .bott:before{position:absolute;left: 61px;bottom: -44px;z-index: 2;width:57px;height:264px;background:url(/images/ipsi/intro/bott_left.png);content:'';}
.intro_wrap .bott:after{position:absolute;right: 60px;bottom: -44px;z-index: 1;width:59px;height:259px;background:url(/images/ipsi/intro/bott_right.png?ver=20240308);content:'';}
.intro_wrap .bott ul{overflow:hidden;position:relative;z-index: 1;width:1698px;height: 174px;margin: 0 auto 64px;padding: 27px 0 0 224px;background:url(/images/ipsi/intro/bott_img.png);animation: move1 1.5s ease-out both;}
.intro_wrap .bott ul li{float:left;width: 189px;height:92px;margin-right: 15px;}
.intro_wrap .bott ul li:nth-child(2){margin-right: 37px;}
.intro_wrap .bott ul li:nth-child(4){margin-right: 34px;}
.intro_wrap .bott ul li a{display: block;overflow: hidden;position: relative;width: 100%;height: 100%;border-radius: 10px;text-align:center;transition:all .3s;word-break: keep-all;line-height: 1.3;vertical-align: middle;}
.intro_wrap .bott ul li a span{display:table;width:100%;height:100%;}
.intro_wrap .bott ul li a em{display:table-cell;font-size:20px;color:#fff;font-weight:bold;font-family:'jalnan';vertical-align: middle;}
.intro_wrap .bott ul li a:hover,
.intro_wrap .bott ul li a:focus{background:#1c4a86;}
.intro_wrap .bott ul li a:before{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 120%;background: rgba(56,119,164,0.3);content: '';transition: transform 0.6s;-webkit-transition: transform 0.6s;-ms-transition: transform 0.6s;-moz-transition: transform 0.6s;-o-transition: transform 0.6s;transform: scale(2.9,2.4) rotate(13deg) translate(-100%,0);-webkit-transform: scale(2.9,2.4) rotate(13deg) translate(-100%,0);-ms-transform: scale(2.9,2.4) rotate(13deg) translate(-100%,0);-moz-transform: scale(2.9,2.4) rotate(13deg) translate(-100%,0);-o-transform: scale(2.9,2.4) rotate(13deg) translate(-100%,0);}
.intro_wrap .bott ul li a:hover:before,
.intro_wrap .bott ul li a:focus:before{transform: scale(1.9,1.4) rotate(13deg) translate(100%,0);-webkit-transform: scale(1.9,1.4) rotate(13deg) translate(100%,0);-ms-transform: scale(1.9,1.4) rotate(13deg) translate(100%,0);-moz-transform: scale(1.9,1.4) rotate(13deg) translate(100%,0);-o-transform: scale(1.9,1.4) rotate(13deg) translate(100%,0);}

#foot_layout{position: relative;width: 100%;padding: 55px 0;background: #323232;}
#foot_layout .layout{position:relative;top:auto;left: auto;width: 100%;max-width: 1500px;transform:none;}
#foot_layout .footer-info{position: relative;padding-right: 225px;}
#foot_layout .flogo{position:absolute;right: 0;top:0;width: 208px;height: 43px;background: url(/images/ipsi/intro/flogo.png);font-size: 0;}
#foot_layout .footer-info p{color:rgba(255,255,255,0.6);}
#foot_layout .footer-info address{margin-bottom: 0;color: #9b9b9b;opacity: 0.5;}


@keyframes move1{ 0%{-webkit-transform:translate(-100%,0px);transform:translate(-100%,0px);}  100%{-webkit-transform:translate(0,0);transform:translate(0,0);}}
@keyframes cl{0%, 100%{-webkit-transform:translate(-50px,0px);transform:translate(-50px,0px);} 50%{-webkit-transform:translate(0,0);transform:translate(0,0);}}

@media (max-width: 1519px){
    .layout{padding:0 30px;}

    .intro_wrap:before{display:none;}
    .intro_wrap .cl1{left:0;}
    .intro_wrap .cl2{right: -60px;top: 210px;}

    .intro_wrap .top > .left{width: calc(100% - 440px);height:220px;padding: 0 50px;}
    .intro_wrap .top .left strong{position:relative;top: auto;left: auto;right: auto;width: 100%;padding-bottom: 30px;padding-left: 80px;}
    .intro_wrap .top .left strong:before{left:0;}
    .intro_wrap .top .left strong:after{right:0;}
    .intro_wrap .top .left ul{position:relative;margin: 0;padding-left: 280px;}
    .intro_wrap .top .left ul .lin1{left: 0;margin-bottom: 0;border-bottom:0;vertical-align: middle;}
    .intro_wrap .top .left ul .lin1 a:before{top:-2px}
    .intro_wrap .top .left ul .lin1 a{padding-left:0;}

    .intro_wrap .top > .right{width: 415px;height: 220px;padding-top: 40px;}
    .intro_wrap .top .right b{margin-bottom: 28px;}
    .intro_wrap .top .right .text1 .t1,
    .intro_wrap .top .right .text2 .t1{margin-bottom: 19px;background-image: url(/images/ipsi/intro/topright_tit1.png);}
    .intro_wrap .top .right .t2{display: block;height: 24px;background-image: url(/images/ipsi/intro/topright_tit1.png);}

    .intro_wrap .midd{max-width: 100%;margin-top:70px;margin-bottom: 145px;}
    .intro_wrap .midd .title{position:relative;width: 100%;height: 120px;padding: 45px 0 0;background: url(/images/ipsi/intro/box_tit_bg02.png);background-size: 100% 100%;}
    .intro_wrap .midd .title > a{width:51%;height:31px;background:url(/images/ipsi/intro/box_tit_img02.png)no-repeat; background-size: contain;}
    .intro_wrap .midd .title > a:after{display:inline-block;top: 5px;left: auto;right: -59px;bottom: auto;transform: none;}
    .intro_wrap .midd .box_wrap{margin-top: 65px;padding:0;}
    .intro_wrap .midd .box_wrap .box{width: calc(25% - 18px);}
    .intro_wrap .midd .box_wrap .box:hover:before{top:12px;left: 9px;width: 100%;background-size: 100% 100%;}
    .intro_wrap .midd .title.on .cont .txt{/* width: 78%; *//* padding:40px 60px; */}


    .intro_wrap .bott ul{width:1274px;height: 133px;padding: 21px 0 0 169px;background-size:100%;}
    .intro_wrap .bott ul li{width:141px;height:68px;font-size:20px;}
    .intro_wrap .bott ul li:nth-child(2),
    .intro_wrap .bott ul li:nth-child(4){margin-right: 24px;}
    .intro_wrap .bott ul li a{padding:0 10px;}
    .intro_wrap .bott:before{left:0}
    .intro_wrap .bott:after{right:0}

}

/* @media (max-width:1499px) {
    .intro_wrap .midd .title .cont .txt .photo_list--item a {width:286px;}
    .intro_wrap .midd .title.on .cont .txt {padding:40px 133px;}
}
@media (max-width:1479px) {
    .intro_wrap .midd .title.on .cont .txt {padding:40px 124px;}
}
@media (max-width:1447px) {
    .intro_wrap .midd .title .cont .txt .photo_list--item a {width:274px;}
} */

@media (max-width:1380px) {
    .intro_wrap .midd .title .cont .txt .photo_list--item a {width:264px}
    .intro_wrap .midd .title .cont .txt .photo_list--item {width:33.33%}
    .intro_wrap .midd .title.on .cont .txt {overflow-y:auto;}
}

@media (max-width: 1279px){
    .intro_wrap:before{display:block;position:absolute;left: 50%;bottom: 20px;z-index: 0;width:693px;height:77px;margin-left: -346px;background:url(/images/ipsi/intro/bott_img2.png);content:'';animation: move1 3s ease-out both;}
    .intro_wrap:after{height:40px;background-size: auto 100%;}

    .intro_wrap .top > .left{width:100%;margin-bottom:27px;}
    .intro_wrap .top > .right{width:100%;}

    .intro_wrap .midd{margin-top:30px;margin-bottom: 100px;}
    .intro_wrap .midd .box_wrap{max-width: 590px;margin: 65px auto 0;}
    .intro_wrap .midd .box_wrap p{margin-bottom: 50px;padding: 0;text-align: center;}
    .intro_wrap .midd .box_wrap p:after{left: 81%;right: auto;height: 63px;transform: translateX(-50%);}
    .intro_wrap .midd .box_wrap .box{width: 280px;margin: 0  28px  28px 0;margin-bottom:28px;}
    .intro_wrap .midd .box_wrap .box2,
    .intro_wrap .midd .box_wrap .box4{margin-right:0;}

    .intro_wrap .bg_right{bottom:40px;}
    .intro_wrap .bg_left{bottom: 40px;z-index: 0;width: 140px;height: 150px;background-size: 100%;}
    .intro_wrap .bott{padding-bottom: 170px;}
    .intro_wrap .bott:before{bottom:20px;width: 31px;height:143px;background-size:100%;}
    .intro_wrap .bott:after{bottom:20px;width:32px;height:140px;background-size:100%;}
    .intro_wrap .bott ul{width: 100%;height: auto;padding: 0;background:none;animation: none;}
    .intro_wrap .bott ul li,.intro_wrap .bott ul li:nth-child(2), .intro_wrap .bott ul li:nth-child(4){width:33.333%;height:auto;margin: 0 0 44px;}
    .intro_wrap .bott ul li a:hover, .intro_wrap .bott ul li a:focus{background:none;}
    .intro_wrap .bott ul li a:before{display:none;}
    .intro_wrap .bott ul li a em{color:#242424}
    .intro_wrap .bott ul li a em:before{display:block;height:81px;margin: 0 auto 10px;background:url(/images/ipsi/intro/bott_icon.png);content:'';}
    .intro_wrap .bott ul .link1 a em:before{width: 77px;background-position:0 0;}
    .intro_wrap .bott ul .link2 a em:before{width: 79px;background-position: -93px 0;}
    .intro_wrap .bott ul .link3 a em:before{width: 79px;background-position: -184px 0;}
    .intro_wrap .bott ul .link4 a em:before{width: 77px;background-position: -276px 0;}
    .intro_wrap .bott ul .link5 a em:before{width: 80px;background-position: -359px 0;}
    .intro_wrap .bott ul .link6 a em:before{width: 73px;background-position: -452px 0;}

    /* .intro_wrap .midd .title > a {margin-top:6px;} */
    .intro_wrap .midd .title > a:after {top:3px;}
    .intro_wrap .midd .title.on .cont .txt {top:40%}
    .intro_wrap .midd .title .cont .txt .photo_list--item a {width:250px;}

}

@media (max-width:1240px) {
    .intro_wrap .midd .title.on .cont .txt {height: 100%;top:52%;width:65%;overflow-y: auto;}
    .intro_wrap .midd .title .cont .txt .photo_list--item {width:50%;}
    .intro_wrap .midd .title .cont .txt .photo_list--item a {height:224px; padding:46px 45px 0; width:90%;}
    .intro_wrap .midd .title .cont .txt .photo_list--item span {width:50px; height:50px;}

}
@media (max-width:1123px) { 
    .intro_wrap .midd .title .cont .txt .photo_list--item a {padding:46px 14px 0;}
    .intro_wrap .midd .title .cont .txt .photo_list--item strong {font-size: 22px;}
}

@media (max-width:929px){
    .intro_wrap .midd .title .cont .txt .photo_list--item {width:100%;}
    .intro_wrap .midd .title .cont .txt .photo_list--item a {width:100%;max-width: initial;}
    .intro_wrap .midd .title.on .cont .txt {height:100%;top: 51%;}


}

@media (max-width:767px){
    .layout{padding:0 20px;}

    .intro_wrap:before,
    .intro_wrap:after,
    .intro_wrap .bg_left,
    .intro_wrap .bg_right{display:none;}
    .intro_wrap .cl1{left:-100px;top: 530px;}

    .intro_wrap .top{padding-top:22px;}
    .intro_wrap .top .line{top: -24px;height: 20px;}
    .intro_wrap .top > .left{height: 300px;margin-bottom: 20px;padding: 40px 0 0;}
    .intro_wrap .top .left strong:before{top: -11px;left: 50%;width: 40px;height: 40px;margin-left: -99px;transform: none;transform: translateX(-50%);background-size: 100%;}
    .intro_wrap .top .left strong:after{display:block;position:static;margin: 14px auto 20px;transform: none;}
    .intro_wrap .top .left strong{padding:0;text-align:center;}
    .intro_wrap .top .left strong b{display:block;position: relative;right: -20px;width: 186px;height: 23px;margin: 0 auto 23px;background-size: 100%;}
    .intro_wrap .top .left ul{border:0;padding: 0 15px;text-align: center;}
    .intro_wrap .top .left ul .lin1{position:relative;top: auto;left: auto;margin: 0 0 20px;border-right: 0;border-bottom: 1px solid #4d90cb;text-align: center;transform: none;}
    .intro_wrap .top .left ul .lin1 a{font-size:22px;}
    .intro_wrap .top .left ul li{margin-right:3px;}
    .intro_wrap .top .left ul li a{font-size: 13px;}
    .intro_wrap .top > .right{height:200px;}
    .intro_wrap .top .right b{height: 19px;width: 234px;background-size:100%;}
    .intro_wrap .top .right strong{width: 240px;height: 31px;background-size: 100%;}

    .intro_wrap .midd{margin-top:75px;}
    .intro_wrap .midd .title{width:236px;height:350px;margin: 0 auto;padding: 110px 29px 0 0;background-image: url(/images/ipsi/intro/box_tit_bg01.png);background-size: 100%;}
    .intro_wrap .midd .title > a{display:block;position: relative;width: 123px;height: 74px;margin: 0 auto;background: url(/images/ipsi/intro/box_tit_img01.png);font-size: 0; background-repeat: no-repeat;}
    .intro_wrap .midd .title > a:after{left:50%;right: auto;top: auto;bottom: -36px;transform: translateX(-50%);FONT-WEIGHT: 500;}
    .intro_wrap .midd .box_wrap p{max-width: 190px;margin: 0 auto 30px;padding-right: 20px;}
    .intro_wrap .midd .box_wrap p:after{left: 108%;}
    .intro_wrap .midd .box_wrap .box{float:none;margin:0 auto 18px;}
    .intro_wrap .midd .title .cont .txt > strong{font-size:25px;}
    .intro_wrap .midd .title.on .cont .txt{overflow-y: auto;top: 20px;left: 0;height: calc(100% - 40px);width:calc(100% - 40px);padding: 50px 20px 30px;transform: none;}
    .intro_wrap .midd .title a.clickClose{top: 20px;right: 20px;width:25px;height:25px;background-size:100%;}
    .intro_wrap .midd .box_wrap .box:hover:after{display:none;}


    .intro_wrap .bott{padding-bottom:0;}
    .intro_wrap .bott:before,
    .intro_wrap .bott:after{display:none;}
    .intro_wrap .bott ul{margin-bottom: 0;}
    .intro_wrap .bott ul li, .intro_wrap .bott ul li:nth-child(2), .intro_wrap .bott ul li:nth-child(4){width:50%;min-height: 152px;}
    .intro_wrap .bott ul li a em{font-size:18px;}
    .intro_wrap .bott ul li a em:before{margin-bottom:25px;}

    #foot_layout{padding:25px 0 50px}
    #foot_layout .flogo{position:relative;margin: 0 auto 30px;}
    #foot_layout .footer-info{padding:0;text-align: center;}
}

/* @media (max-width:1447px) {
    .intro_wrap .midd .title .cont .txt .photo_list--item a {width:272px;}

} */

@media (max-width:767px){
    #popup1 {width:80%}
    .intro_wrap .midd .title .cont .txt .photo_list--item a {height:200px; padding:56px 47px 0;}
.intro_wrap .midd .title .cont .txt .photo_list--item span {width:44px; height:44px;}
.intro_wrap .midd .title .cont .txt .photo_list--item strong {font-size:16px; }
.intro_wrap .midd .title .cont .txt .photo_list--item em {margin-bottom:6px;}
.intro_wrap .midd .title .cont .txt .photo_list--item {margin-bottom:16px;}
.intro_wrap .midd .title.on .cont .txt {padding: 50px 67px 30px;}
.intro_wrap .midd .title .cont .txt .photo_list--item {width:100%;}
.intro_wrap .midd .title > a {width:130px;}
}

@media (max-width:375px) {
.intro_wrap .midd .title.on .cont .txt {padding:50px 26px 30px;}
.intro_wrap .midd .title .cont .txt .photo_list--item a {height:138px; padding:37px 14px 0; margin:0;}
.intro_wrap .midd .title .cont .txt .photo_list--item em {font-size:18px;}
.intro_wrap .midd .title .cont .txt .photo_list--item strong {font-size:15px; margin-bottom:4px; }
.intro_wrap .midd .title .cont .txt .photo_list--item span {width:38px; height:38px;}
.intro_wrap .midd .title .cont .txt .photo_list--item p {font-size:14px;}
}

@media (max-width:315px) {
    .intro_wrap .midd .title .cont .txt .photo_list--item a {padding:32px 28px 0}
}


/* 팝업 Css */
#popup{position:absolute;top:150px;left:1%;z-index: 999;}
#popup1{position:absolute;top:100px;left:3%;z-index: 9998;}
#popup1.active {display:block;}
#popup1 img{width:100%;}
#popup2{position:absolute;top:150px;left:0;z-index: 9989;}
.popup_box .new_pop_bg {background: #000; padding:6px 0px;}
.popup_box .new_pop_bt_bg {background: #000; padding: 3px 10px 3px;}
.new_pop_font{color:#fff;line-height:13px;margin-right: 10px;float: right;}
.new_pop_close {color:#fff;}
.new_pop_con_box{ background:#ffffff; margin-left:6px;margin-right:6px;}



/* 지원자 통합서비스 추가 css 20220704 */
.intro_wrap .midd .title .cont.col2 .txt .photo_list--item {width:50%;}
.intro_wrap .midd .title .cont.col3 .txt .photo_list--item {width:33.33%;}
.intro_wrap .midd .title .cont.col4 .txt .photo_list--item {width:25%;}
.intro_wrap .midd .title .cont.col5 .txt .photo_list--item {width:20%;}
.intro_wrap .midd .title.on .cont.col2 .txt {max-width: 800px;}
.intro_wrap .midd .title.on .cont.col3 .txt {max-width: 1100px;}
.intro_wrap .midd .title.on .cont.col4 .txt {max-width: 80%;}
.intro_wrap .midd .title.on .cont.col5 .txt {width: 90%;}
@media (max-width:1380px){
    .intro_wrap .midd .title .cont.col4 .txt .photo_list--item {width:33.33%;}
    .intro_wrap .midd .title .cont.col5 .txt .photo_list--item {width:33.33%;}
    .intro_wrap .midd .title.on .cont.col5 .txt {width: 80%;}
    
}
@media (max-width:1240px){
    .intro_wrap .midd .title .cont.col4 .txt .photo_list--item {width:50%;}
    .intro_wrap .midd .title .cont.col5 .txt .photo_list--item {width:50%;}
}
@media (max-width:1240px){
    .intro_wrap .midd .title.on .cont.col3 .txt {width: 90%;}
}
@media (max-width:929px){
    .intro_wrap .midd .title .cont .txt .photo_list--item a {height:auto;padding: 46px 14px 20px 14px;}
    .intro_wrap .midd .title .cont.col2 .txt .photo_list--item {width:100%;}
    .intro_wrap .midd .title .cont.col3 .txt .photo_list--item {width:100%;}
    .intro_wrap .midd .title .cont.col4 .txt .photo_list--item {width:100%;}
    .intro_wrap .midd .title .cont.col5 .txt .photo_list--item {width:100%;}
}
/* 지원자 통합서비스 추가 css 20220704 End */