@charset "utf-8";

@-webkit-keyframes spinspin2 {0% {-webkit-transform: rotate(0deg);}100% {-webkit-transform:rotate(720deg);}}
@keyframes spinspin2 {0% {transform: rotate(0deg);}100% {transform:rotate(720deg);}}


.cont1 {overflow: hidden;position:relative;height: 1555px;border-top:1px solid #dfdfdf;}
#visual {position:absolute;left:0;top:0; bottom:auto; width:100%;height:100vh;transition: all 0.8s;-webkit-transition: all 0.8s;}
#visual.fixed {position:fixed;left:0;top:auto; bottom:0; width:100%; height:100vh; transition: all 0.8s;-webkit-transition: all 0.8s;}
#visual.scroll {top:auto; bottom:0;}
#visual .swiper-wrapper {}
#visual .swiper-slide {}
#visual .swiper-slide .bg {position:absolute;z-index: 1;left:0;top:0;width: calc(50% - 20px);height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;}
#visual .swiper-slide.slide1 .bg {background-image:url(/images/ipsi/main_new/visual01.jpg);}
#visual .swiper-slide.slide2 .bg {background-image:url(/images/ipsi/main_new/visual02.jpg);}
#visual .swiper-slide.slide3 .bg {background-image:url(/images/ipsi/main_new/visual03.jpg);}
#visual .swiper-slide .tit {position: absolute;left:50%;right: calc(50% + 20px);bottom: 0;z-index: 1;width: auto;padding: 0 0 280px;margin-left: -700px;}
#visual .swiper-slide .tit span {display:block; margin:0 0 10px; letter-spacing:0.6em; font-size:15px; font-weight:bold; font-family:'gmarket'; color:rgba(255,255,255,.5); }
#visual .swiper-slide .tit strong {display:block;line-height: 1.2;font-size:46px;font-weight:bold;color:#fff;word-break: keep-all; text-shadow:2px 2px 3px #000;}
#visual .swiper-slide .tit p {font-size:17px;color:#fff;word-break: keep-all; text-shadow:1px 1px 3px #000;}
#visual .swiper-slide .tit p {margin:30px 0 0;}
#visual .swiper-slide .tit p + p {margin:7px 0 0;}
#visual .control {position:absolute;left:50%;bottom:115px;z-index:1;margin-left:-700px;}
#visual .control .swiper-button-prev {display:inline-block;position:relative;top: auto;left: auto;right: auto;bottom: auto;width:62px;height:62px;border-radius:50%;background:url(/images/ipsi/main_new/arr_prev.png)no-repeat center;font-size:0;vertical-align:middle;}
#visual .control .swiper-button-next {display:inline-block;position:relative;top: auto;left: auto;right: auto;bottom: auto;width:62px;height:62px;margin: 0 35px 0 20px;border-radius:50%;background:url(/images/ipsi/main_new/arr_next.png)no-repeat center;font-size:0;vertical-align:middle;}
#visual .control .swiper-button-next:before {display:inline-block;position: absolute;top: 20px;left: -10px;content:'';width:1px;height:22px;background:rgba(255,255,255,.2);vertical-align:middle;}
#visual .control .swiper-button-prev:hover,
#visual .control .swiper-button-prev:focus,
#visual .control .swiper-button-next:hover,
#visual .control .swiper-button-next:focus {background-color:#67a33c;}
#visual .control .swiper-pagination {display:inline-block; position:static;}
#visual .control .swiper-pagination span {display:inline-block; opacity:1; width:9px; height:9px; margin:0 10px; border-radius:50%; background:#fff;  vertical-align:middle;}
#visual .control .swiper-pagination span.swiper-pagination-bullet-active {background: rgba(0,0,0,.5);border:4px solid #fff;box-sizing: content-box;}
#visual .scroll {position:absolute; left:80px; bottom:90px; z-index:1;}


.cardslide {float: right;position: relative;z-index: 2;width: 50%;padding: 95px 0 0 20px;transition:all 0.8s;-webkit-transition:all 0.8s;}
/* .cardslide {position:absolute;top:0;right:50%;z-index: 2;width: calc(1400px / 2);padding: 95px 0 0 20px;margin-right:-700px;transition:all 0.8s;-webkit-transition:all 0.8s;} */
.cardslide.mo {display:none;}
.cardslide:before {display:block;position:absolute;z-index: 1;content:'';top: 0;left:-20px;right:0;bottom: -50px;width:auto;height: auto;background:#fff;}
.cardslide:after {display:block;position:absolute;content:'';right: -145px;top: 40px;z-index: 2;width:180px;height:1228px;background:url(/images/ipsi/main_new/obj2.png)no-repeat;}
.cardslide .inner {}
.cardslide .group {position: relative;z-index: 3;width: auto;margin:0 -20px;}
.cardslide .group:after {display:block; clear:both; visibility:hidden; content:'';}
.cardslide .group .col {float:left;position:relative;width:calc(50% - 40px);height:410px;margin:0 20px 40px;padding: 50px 40px;border:2px solid #000;background:#fff;}
.cardslide .group .col2 {margin-top:110px;}
.cardslide .group .col3,
.cardslide .group .col5 {margin-top:-110px;}
.cardslide .group .col a {display:block;width:100%;height:100%;}
.cardslide .group .col6 a:before {display:block;position:absolute;left: 50%;bottom: -30px;content:'';width: 405px;height: 201px;margin-left: -202.5px;background:url(/images/ipsi/main_new/obj.png)no-repeat;}
.cardslide .group .col .tit {position:relative; z-index:2; text-align:right;}
.cardslide .group .col .tit span {display:block; margin:0 0 8px; line-height:1;font-size:16px; color:#757575; }
.cardslide .group .col .tit strong {display:block; line-height:1; font-size:28px; font-weight:bold; font-family:'gmarket'; color:#000; }
.cardslide .group .col .con {position:absolute;left: 0;top:auto; bottom:50px;width: 100%;padding: 0 40px; transition:all 0.3s; -webkit-transition:all 0.3s; }
.cardslide .group .col.on .con,
.cardslide .group .col:hover .con,
.cardslide .group .col:focus .con {top:50px; bottom:auto;}
.cardslide .group .col.on .con p,
.cardslide .group .col:hover .con p,
.cardslide .group .col:focus .con p {opacity:0;}

.cardslide .group .col.col5.on .con,
.cardslide .group .col.col5:hover .con,
.cardslide .group .col.col5:focus .con {top:auto; bottom:50px;}
.cardslide .group .col.col5.on .con p,
.cardslide .group .col.col5:hover .con p,
.cardslide .group .col.col5:focus .con p {opacity:1;}


.cardslide .group .col .con .ico {display:block;width:55px;height:55px;margin: 0 0 15px;background:url(/images/ipsi/main_new/ico_ir.png)no-repeat;}
.cardslide .group .col .con .ico1 {background-position:0 0;}
.cardslide .group .col .con .ico2 {background-position:-55px 0;}
.cardslide .group .col .con .ico3 {background-position:-110px 0;}
.cardslide .group .col .con .ico4 {background-position:-165px 0;}
.cardslide .group .col .con .ico5 {background-position:-220px 0;}
.cardslide .group .col .con .ico6 {background-position:-275px 0;}
.cardslide .group .col .con p {display: block;width: 100%;background: url(/images/ipsi/main_new/arr2.png)no-repeat right 90%;padding-right: 20px;font-size:15px;color:#494949;}
.cardslide .group .col .ovcon {opacity:0; position:absolute;left:0;bottom:0;width: 100%;padding:40px; transition:all 0.3s; -webkit-transition:all 0.3s; }
.cardslide .group .col.on .ovcon,
.cardslide .group .col:hover .ovcon,
.cardslide .group .col:focus .ovcon {opacity:1; }
.cardslide .group .col .ovcon ul {}
.cardslide .group .col .ovcon ul li {margin:10px 0 0; }
.cardslide .group .col .ovcon ul li a {display:block;overflow: hidden;padding:10px;padding-right: 40px;background:#f4f4f4 url(/images/ipsi/main_new/arr2.png)no-repeat 90% center;font-size:16px;color:#262626;text-overflow: ellipsis;white-space: nowrap;}

.cardslide .group .col.type1 {border:2px solid #67a33c; background:#67a33c;}
.cardslide .group .col.type2 {border:2px solid #28783d; background:#28783d;}
.cardslide .group .col.type1 .tit span,
.cardslide .group .col.type1 .tit strong,
.cardslide .group .col.type2 .tit span,
.cardslide .group .col.type2 .tit strong {color:#fff;}
.cardslide .group .col.type1 .con p,
.cardslide .group .col.type2 .con p{background: url(/images/ipsi/main_new/arr.png)no-repeat right 90%;color:#fff;}
.cardslide .group .col6.type1 {border:none; background:#67a33c url(/images/ipsi/main_new/obj_bg.png)no-repeat center bottom; }
.cardslide .group .col.type1 .ovcon ul li a,
.cardslide .group .col.type2 .ovcon ul li a {background-color:#fff;}

.cont2 {padding: 90px 0 100px;background:url(/images/ipsi/main_new/bg.png)no-repeat left bottom;transition:all 0.3s;-webkit-transition:all 0.3s;}
.cont2.scroll {/* margin-top: -510px; */}
#bbs_wrap {position:relative;margin: 0 0 90px;}
#bbs_wrap .title {position:relative;}
#bbs_wrap .title:before {display:block; position:absolute; left:290px; right:450px; bottom:25px; content:''; width:auto; height:1px; background:#ccc;}
#bbs_wrap .title img {}
#bbs_wrap .title strong {display:block;line-height:1.2;margin: 20px 0 0;font-size:40px;font-weight:bold;font-family:'gmarket';color:#000;}
#bbs_wrap .title strong span {display:block; line-height:1.2; font-size:40px; font-weight:bold; font-family:'gmarket'; color:#000;}
#bbs_wrap .menu_wrap {position:absolute;right:0;top: 105px;padding-right: 85px;}
#bbs_wrap .menu_wrap li {display:inline-block;margin-left: 80px;}
#bbs_wrap .menu_wrap li a {display:block;position: relative;font-size:18px;color:#939393;}
#bbs_wrap .menu_wrap li a.ov {color:#1c7233;}
#bbs_wrap .menu_wrap li a:before {display:block; position:absolute; left:-20px; top:10px;content:''; width:6px; height:6px; border-radius:50%; background:#d6d6d6 }
#bbs_wrap .menu_wrap li a.ov:before {background:#1c7233; }
#bbs_wrap .con_wrap {margin:60px 0 0;}
#bbs_wrap .con_wrap .con {min-height:206px;}
#bbs_wrap .con_wrap .con ul {margin:0 -20px;}
#bbs_wrap .con_wrap .con ul:after {display:block; clear:both; visibility:hidden; content:'';}
#bbs_wrap .con_wrap .con ul li {float:left; width:calc(20% - 40px); margin:0 20px;}
#bbs_wrap .con_wrap .con ul li a {}
#bbs_wrap .con_wrap .con ul li .cate {display:block; width:70px; height:25px; line-height:25px; margin:0 0 20px; text-align:center; color:#fff; font-size:16px;}
#bbs_wrap .con_wrap .con ul li .cate1 {background:#ec1845; }
#bbs_wrap .con_wrap .con ul li .cate2 {background:#67a33c; }
#bbs_wrap .con_wrap .con ul li .cate3 {background:#34b7c5;}
#bbs_wrap .con_wrap .con ul li .cate4 {background:#67a33c;}
#bbs_wrap .con_wrap .con ul li .cate5 {background:#ac6bd6;}
#bbs_wrap .con_wrap .con ul li .cate6 {background:#eba731;}
#bbs_wrap .con_wrap .con ul li .cate7 {background:#d981ad;}
#bbs_wrap .con_wrap .con ul li .cate8 {background:#1473ca;}
#bbs_wrap .con_wrap .con ul li .cate9 {background:#50a7ea;}
#bbs_wrap .con_wrap .con ul li .cate10 {background:#735fec;}
#bbs_wrap .con_wrap .con ul li .cate11 {background:#008a58;}

#bbs_wrap .con_wrap .con ul li strong {display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 60px;line-height: 1.4;text-overflow: ellipsis;white-space: normal;font-size:22px;color:#000;}
#bbs_wrap .con_wrap .con ul li .info {margin:30px 0 0; padding:20px 0 0; border-top:1px solid #ccc;}
#bbs_wrap .con_wrap .con ul li .info .date {display:inline-block;padding-left:22px; margin-right:30px; background:url(/images/ipsi/main_new/date.png)no-repeat left center; }
#bbs_wrap .con_wrap .con ul li .info .view {display:inline-block;padding-left:22px; background:url(/images/ipsi/main_new/view.png)no-repeat left center; }
#bbs_wrap .con_wrap .con .morebtn {position:absolute;right:0;top: 93px;}
#bbs_wrap .con_wrap .con .morebtn a {display:block; width:47px; height:47px; font-size:0; }
#bbs_wrap .con_wrap .con .morebtn a:before,
#bbs_wrap .con_wrap .con .morebtn a:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#bbs_wrap .con_wrap .con .morebtn a:before{width:100%;height: 1px;background: #1a1b1c;}
#bbs_wrap .con_wrap .con .morebtn a:after {width: 1px;height:100%;background: #1a1b1c;}
#bbs_wrap .con_wrap .con .morebtn a:hover,
#bbs_wrap .con_wrap .con .morebtn a:focus {animation: spinspin2 2s ease-out;-webkit-animation: spinspin2 2s ease-out;}

.linklist {}
.linklist ul {text-align:center; }
.linklist ul:after {display:block; clear:both; visibility:hidden; content:'';}
.linklist ul li {display:inline-block; margin:0 40px;}
.linklist ul li a {display:block;font-size:18px;color:#484848;}
.linklist ul li .ico {display:block;position:relative;width:70px;height:70px;margin:0 auto 22px;border-radius:50%;background:#fff url(/images/ipsi/main_new/ico_ir2.png)no-repeat; transition:all 0.3s; -webkit-transition:all 0.3s; }
.linklist ul li .ico2 {background-position:-70px 0;}
.linklist ul li .ico3 {background-position:-140px 0;}
.linklist ul li .ico4 {background-position:-210px 0;}
.linklist ul li .ico5 {background-position:-280px 0;}
.linklist ul li .ico6 {background-position:-350px 0;}
.linklist ul li .ico7 {background-position:-420px 0;}
.linklist ul li .ico:before {display:block;position:absolute;left:50%;top:50%;content:'';width:100%;height:100%;border-radius:50%;border:4px solid #e2e2e2;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); transition:all 0.3s; -webkit-transition:all 0.3s; }
.linklist ul li a:hover .ico,
.linklist ul li a:focus .ico {background-color:#28783d;}
.linklist ul li a:hover .ico:before,
.linklist ul li a:focus .ico:before {border:16px solid rgba(40,120,61,.3); }


.cont3 {position:relative;padding: 80px 0 0;margin: 0 0 80px;background: #28783d url(/images/ipsi/main_new/logo_bg.png)no-repeat 97% 69%;}
.cont3:before {display:block;position:absolute;left:0;right:50%;bottom:0;z-index: 1;content:'';width:auto;height: 480px;margin-right:-500px;background:#20482b;box-shadow: 12px 12px 24px rgba(0,0,0,.24);}
.cont3:after {display:block;position:absolute;left:0;bottom: -80px;content:'';width:100%;height:185px;background:#1f2229;}
.cont3 .title {position:relative;margin: 0 0 40px;}
.cont3 .title:before {display:block;position:absolute;left:290px;right:420px;bottom: 23px;content:'';width:auto;height:1px;background:rgba(255,255,255,.2);}
.cont3 .title strong {display:block; line-height:1.2; font-size:40px; font-weight:bold; font-family:'gmarket'; color:#fff; }
.cont3 .title strong span {display:block; line-height:1.2; font-size:40px; font-weight:bold; font-family:'gmarket'; color:#fff; }
.cont3 .title strong span img {vertical-align:middle;}
.cont3 .title .morebtn {position:absolute;right:0;bottom:0;font-size: 18px;color: #fff;}
.cont3 .title .morebtn a {display:inline-block; position:relative; width:47px; height:47px; margin-left:20px; font-size:0; vertical-align:middle;}
.cont3 .title .morebtn a:before,
.cont3 .title .morebtn a:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.cont3 .title .morebtn a:before{width:100%;height: 1px;background: #fff;}
.cont3 .title .morebtn a:after {width: 1px;height:100%;background: #fff;}
.cont3 .title .morebtn a:hover,
.cont3 .title .morebtn a:focus {animation: spinspin2 2s ease-out;-webkit-animation: spinspin2 2s ease-out;}

#imgslide {width: 1040px;height: 480px;margin:0;padding:60px 0 50px;background:#20482b;}
#imgslide .swiper-wrapper {height:347px;}
#imgslide .swiper-slide {width:320px;margin: 0 40px 0 0;}
#imgslide .swiper-slide:last-child {margin:0;}
#imgslide .swiper-slide .thumb {height:240px;background-repeat: no-repeat;background-size: cover;background-position: center;}
#imgslide .swiper-slide strong {display:block;margin: 20px 0 55px;color:#fff;font-size:20px;}
#imgslide .control {}
#imgslide .control .line {display:inline-block; width:1px; height:15px; margin:0 3px; background:rgba(255,255,255,.5); vertical-align:middle;}
#imgslide .control .swiper-scrollbar {display:inline-block;width: calc(100% - 180px);height:1px;background:rgba(255,255,255,.2);vertical-align: middle;}
#imgslide .control .swiper-scrollbar .swiper-scrollbar-drag {background:#fff;}
#imgslide .control .swiper-pagination {display:inline-block;position: static;width: auto;margin: 0 15px 0 40px;color:#fff;font-size: 0;}
#imgslide .control .swiper-pagination span {color:#fff;font-size:15px;font-weight: bold;}
#imgslide .control .swiper-pagination span.swiper-pagination-total {color:#929292;}
#imgslide .control .swiper-pagination span.swiper-pagination-total:before {display:inline-block;content:'';width:14px;height:1px;margin: -2px 6px 0;background:#929292;vertical-align:middle;}
#imgslide .control .swiper-button-prev {display:inline-block;position: relative; left:auto; top:auto; right:auto; bottom:auto; width:25px;height:25px; font-size:0; vertical-align:middle;}
#imgslide .control .swiper-button-next {display:inline-block;position: relative; left:auto; top:auto; right:auto; bottom:auto; width:25px;height:25px; font-size:0; vertical-align:middle;}
#imgslide .control .swiper-button-prev:before,
#imgslide .control .swiper-button-prev:after,
#imgslide .control .swiper-button-next:before,
#imgslide .control .swiper-button-next:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#imgslide .control .swiper-button-prev:before,
#imgslide .control .swiper-button-next:before{width: calc(100%/2.5);height: calc(100%/2.5);border-width:2px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
#imgslide .control .swiper-button-prev:before{right: -5px;border-width: 0 0 2px 2px;}
#imgslide .control .swiper-button-next:before{left: -5px;border-width: 2px 2px 0 0;}


.quick {position:fixed; right:30px; top:50%; z-index:10; }
.quick ul {}
.quick ul:after {display:block; clear:both; visibility:hidden; content:''; }
.quick ul li {width:70px; margin:10px 0;}
.quick ul li a {display:block;width: 100%;height: 100%;}
.quick ul li.n1 {padding:25px 0; background:#67a33c; text-align:center; }
.quick ul li.n1 span {display:block; width:38px; height:38px; margin:0 auto 10px; border-radius:50%; background:url(/images/ipsi/main_new/ico.png)no-repeat; }
.quick ul li.n1 em {display:block; line-height:1.2; font-size:16px; font-weight:bold; font-family:'gmarket'; color:#fff;}
.quick ul li.n2 {position: relative;height:70px;}
.quick ul li.n2 span {display:block; width:100%; height:100%; background:#fbe103 url(/images/ipsi/main_new/ka.png)no-repeat center; font-size:0; }
.quick ul li.n2 .ovcon {display:none;position:absolute;left: -130px;top: 0;width:120px;height:auto;border:4px solid #fbe103;background: #fff;text-align:center;}
.quick ul li.n2 a:hover .ovcon,
.quick ul li.n2 a:focus .ovcon {display:block;}
.quick ul li.n2 .ovcon strong {display:block; position:relative; height:42px; line-height:42px; background:#fbe103; color:#000000; font-size:15px; text-align:center; }
.quick ul li.n2 .ovcon strong:before {display:block;position:absolute;top: 15px;right: -9px;content:'';border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #fbe103;}
.quick ul li.n2 .ovcon strong span {display:inline-block; width:21px; height:22px; margin:0 5px 0 0; background:url(/images/ipsi/main_new/ka2.png)no-repeat; vertical-align:middle; }
.quick ul li.n2 .ovcon img {margin:15px 0;}
.quick ul li.n3 {height:70px; text-align:center; }
.quick ul li.n3 button {display:block; width:100%; height:100%; background:#fff; font-size:15px; color:#000; }
.quick ul li.n3 button span {display:block;width:23px;height:23px;margin: 0 auto 7px;border-radius:50%;background:#000 url(/images/ipsi/main_new/arr3.png)no-repeat center;}



@media(max-width:1645px){
    #visual .scroll {display:none;}

    .cardslide:after {right: -80px;}

    .cont3 {background-size:auto 180px;background-position: 100% 70%;}
    
    .quick {right:0;top:auto;bottom:0;width: 100%;}
    .quick ul li {float:left;margin: 0;}
    .quick ul li.n1 {width:calc(100% - 140px);height:70px;padding: 0 30px;text-align: left;}
    .quick ul li.n1 span {display:inline-block;margin: 0 40px 0 0;vertical-align: middle;}
    .quick ul li.n1 em {display:inline-block;line-height: 70px;}
    .quick ul li.n2 .ovcon {left:50%;top: -166px;margin-left:-60px;}
    .quick ul li.n2 .ovcon:before {display:block;position:absolute;content:'';right: 50%;bottom: -9px;border-top:5px solid #fbe103;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:none;margin-right: -5px;}
    .quick ul li.n2 .ovcon strong:before {display:none;}
    .quick ul li.n3 button {background:#000;color: #fff;font-size: 14px;}
    .quick ul li.n3 button span {margin:0 auto 3px;}

    #footersitelink {padding-bottom:80px;}
}

@media(max-width:1459px){
    .cont1 {height:1305px;}
    #visual .swiper-slide .bg {width: calc(50% - 10px);}
    #visual .swiper-slide .tit {left:0;margin:0;padding: 0 30px 220px 30px;}
    #visual .swiper-slide .tit strong {font-size:42px;}
    #visual .control {left:0;margin:0;padding: 0 30px;}

    .cardslide {padding: 55px 0 0 20px;}
    .cardslide:before {left:0;}
    .cardslide .group {margin:0 -15px;}
    .cardslide .group .col {width: calc(50% - 30px);height: 340px;padding:45px 20px;margin: 0 15px 30px;}
    .cardslide .group .col .con {bottom: 35px;padding:0 20px;}
    .cardslide .group .col .ovcon {padding:20px;}
    .cardslide .group .col .ovcon ul li a {font-size:15px;}
    .cardslide .group .col2 {margin-top:110px;}
    .cardslide .group .col3,
    .cardslide .group .col5 {margin-top:-110px;}
    .cardslide .group .col6.type1 {background-size: auto 250px;}
    .cardslide .group .col6 a:before {width:350px;height: 177px;margin-left:-175px;background-size:350px auto;}
}

@media(max-width:1279px){
    .cardslide .group .col .con p {font-size:14px; }
    
    #bbs_wrap .con_wrap .con ul {overflow-y: hidden;overflow-x: auto;position: relative;width: auto;margin: 0;white-space: nowrap;}
    #bbs_wrap .con_wrap .con ul li {display:inline-block;float:none;width:240px;margin: 0 20px 20px 0;}
        
    .linklist ul li {float:left; width:14.285714%; margin:0;}
    
    .cont3 {background-position:96% 70%;}
    .cont3:before {left:0;right:auto;width: 750px;margin:0;}
    #imgslide {width:680px;}
}

@media(max-width:1199px){
    .cont1 {height:auto;}
    #visual {position:relative; height:500px;}
    #visual.fixed {position:relative; top:auto; bottom:auto; height:500px;}
    #visual.scroll {top:auto; bottom:auto;}
    #visual .swiper-slide .bg {width:100%;}
    #visual .swiper-slide .tit {top:110px;bottom:auto;width: 100%;padding: 0 30px;}

    #visual .control {bottom:20px;}

    .cont2 {padding:50px 0 100px;}
    .cardslide.pc {display:none;}
    .cardslide.mo {display:block;float: none;width: 100%;margin: 40px 0 0;padding: 0;}
    .cardslide:before,
    .cardslide:after {display:none;}
    .cardslide .group {margin:0;}
    .cardslide .group .col {width:calc(50% - 15px);height: 290px;margin:0 30px 0 0;padding: 35px 30px 30px;}
    .cardslide .group .col:last-child {margin:0;}
    .cardslide .group .col .ovcon {opacity:1;padding: 30px;}
    .cardslide .group .col .ovcon ul li a {padding:10px 20px;padding-right: 40px;background-position: 95% center;}
    .cardslide .group .col .tit {text-align:left;}
    .cardslide .group .col .tit span {display:none;}
    .cardslide .group .col .con {width:auto;right: 20px;top: 20px;bottom: auto;left: auto;}
    .cardslide .group .col .con .ico {margin:0;}
    .cardslide .group .col .con p {display:none;}
    .cardslide .group .col.col5 .con {left: 0;bottom: 0;top: auto;right: auto;width:100%; padding:30px;}
    .cardslide .group .col.col5 .con p {display:block; }
    .cardslide .group .col.col5 .con .ico {position:absolute;right: 30px;top: -160px;bottom:auto;}

    .cardslide .group .col.on .con,
    .cardslide .group .col:hover .con,
    .cardslide .group .col:focus .con {right: 20px;top: 20px;bottom: auto;left: auto;}
    .cardslide .group .col.col5.on .con,
    .cardslide .group .col.col5:hover .con,
    .cardslide .group .col.col5:focus .con {left: 0;bottom: 0;top: auto;right: auto;}

    .cardslide .group .col6.type1 {background: #67a33c;}
    .cardslide .group .col6 a:before {z-index:1;bottom:-10px;}
    .cardslide .group .col6 a:after {display:block;position:absolute;left:0;bottom:0;content:'';width: 100%;height: 263px;background: url(/images/ipsi/main_new/obj_bg.png)no-repeat center top;background-size: cover;}


    .cardslide .control {margin:25px 0 0;}
    .cardslide .control .line {display:inline-block; width:1px; height:15px; margin:0 3px; background:#c9c9c9; vertical-align:middle;}
    .cardslide .control .swiper-scrollbar {display:inline-block;width: calc(100% - 180px);height:1px;background: #e5e5e5;vertical-align: middle;}
    .cardslide .control .swiper-scrollbar .swiper-scrollbar-drag {background: #28783d;}
    .cardslide .control .swiper-pagination {display:inline-block;position: static;width: auto;margin: 0 15px 0 40px;color:#fff;font-size: 0;}
    .cardslide .control .swiper-pagination span {color:#28783d;font-size:15px;font-weight: bold;}
    .cardslide .control .swiper-pagination span.swiper-pagination-total {color:#585a5e;}
    .cardslide .control .swiper-pagination span.swiper-pagination-total:before {display:inline-block;content:'';width:14px;height:1px;margin: -2px 6px 0;background:#585a5e;vertical-align:middle;}
    .cardslide .control .swiper-button-prev {display:inline-block;position: relative; left:auto; top:auto; right:auto; bottom:auto; width:25px;height:25px; font-size:0; vertical-align:middle;}
    .cardslide .control .swiper-button-next {display:inline-block;position: relative; left:auto; top:auto; right:auto; bottom:auto; width:25px;height:25px; font-size:0; vertical-align:middle;}
    .cardslide .control .swiper-button-prev:before,
    .cardslide .control .swiper-button-prev:after,
    .cardslide .control .swiper-button-next:before,
    .cardslide .control .swiper-button-next:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
    .cardslide .control .swiper-button-prev:before,
    .cardslide .control .swiper-button-next:before{width: calc(100%/2.5);height: calc(100%/2.5);border-width:2px;border-style: solid;border-color: #000;transform: rotate(45deg);}
    .cardslide .control .swiper-button-prev:before{right: -5px;border-width: 0 0 2px 2px;}
    .cardslide .control .swiper-button-next:before{left: -5px;border-width: 2px 2px 0 0;}


}

@media(max-width: 1023px){
    .cont2 {padding: 50px 0 50px;background: #fff;}
    #bbs_wrap {margin:0;}
    #bbs_wrap .title:before {left:250px;right: 370px;}
    #bbs_wrap .title strong {margin-top:-10px;}
    #bbs_wrap .title strong,
    #bbs_wrap .title strong span {font-size:30px;}
    #bbs_wrap .menu_wrap {top: 52px;}
    #bbs_wrap .menu_wrap li {    margin-left: 40px;}
    #bbs_wrap .con_wrap .con ul li strong {height: 56px;font-size:20px;}
    #bbs_wrap .con_wrap .con ul li .info {font-size:15px;}
    #bbs_wrap .con_wrap .con .morebtn {top: 43px;}
    
    .linklist ul li {width:25%; margin:50px 0 0;}
    .linklist ul li a {font-size:16px;}
    
    .cont3 {padding:30px 0 0; margin:0}
    .cont3:before {width:100%;}
    .cont3:after {display:none;}
    .cont3 .title {margin:0 0 30px;}
    .cont3 .title:before {left: 250px;bottom: 33px;}
    .cont3 .title strong,
    .cont3 .title strong span {position:relative; font-size:30px;}
    .cont3 .title strong span img {position:absolute;left: 43px;top: 9px;}
    .cont3 .title .morebtn {bottom:10px;}

    #imgslide {width:100%;}
    #imgslide .swiper-slide {width: calc(50% - 15px);margin: 0 30px 0 0;}

}

@media(max-width:767px){
    #visual .swiper-slide .tit {padding:0 20px; text-align:center;}
    #visual .swiper-slide .tit span {font-size:14px;}
    #visual .swiper-slide .tit strong {font-size:30px;}
    #visual .swiper-slide .tit p {font-size:15px;}
    #visual .control {width:100%;padding: 0 20px;text-align: center;}

    .cardslide .group .col {width:calc(50% - 10px); margin:0 20px 0 0; padding:35px 20px 20px;}
    .cardslide .group .col .tit strong {font-size:22px;}
    .cardslide .group .col .ovcon {padding:20px;}
    .cardslide .group .col .ovcon ul li a {padding:10px;padding-right: 40px;}
    .cardslide .group .col .con {right: 0;}
    .cardslide .group .col.col5 .con {padding: 20px 20px 30px;}
    .cardslide .group .col.col5 .con .ico {right:20px;top: -170px;bottom:auto;}
    .cardslide .group .col6 a:before {z-index:1;bottom: -10px;width: 300px;height: 150px;background-size: 100% auto;margin-left: -150px;}
    .cardslide .group .col6 a:after {width: 100%;height: 223px;background: url(/images/ipsi/main_new/obj_bg.png)no-repeat center top;background-size: cover;}

    .cardslide .group .col.on .con,
    .cardslide .group .col:hover .con,
    .cardslide .group .col:focus .con {right:0;}
    .cardslide .group .col.col5.on .con,
    .cardslide .group .col.col5:hover .con,
    .cardslide .group .col.col5:focus .con {left: 0;bottom: 0;top: auto;right: auto;}

    .linklist ul li a {font-size:15px;}
    .linklist ul li .ico {width:55px;height:55px;background-size:auto 55px;}
    .linklist ul li .ico2 {background-position:-55px 0;}
    .linklist ul li .ico3 {background-position:-110px 0;}
    .linklist ul li .ico4 {background-position:-165px 0;}
    .linklist ul li .ico5 {background-position:-220px 0;}
    .linklist ul li .ico6 {background-position:-275px 0;}
    .linklist ul li .ico7 {background-position:-330px 0;}
    
    #bbs_wrap .title:before {display:none;}
    #bbs_wrap .title strong,
    #bbs_wrap .title strong span {font-size:22px;}
    #bbs_wrap .menu_wrap {top: 27px;}
    #bbs_wrap .menu_wrap li a {font-size:16px;}
    #bbs_wrap .con_wrap {margin:30px 0 0;}
    #bbs_wrap .con_wrap .con {min-height: 168px;}
    #bbs_wrap .con_wrap .con .morebtn {top: 16px;}
    #bbs_wrap .con_wrap .con ul li strong {height: 50px;font-size:18px;}
    #bbs_wrap .con_wrap .con ul li .info {margin:20px 0 0; padding:10px 0 0;font-size:14px;}
    
    .cont3 {padding:20px 0 0;}
    .cont3:before {height:400px;}
    .cont3 .title {margin:0 0 20px;}
    .cont3 .title:before {bottom: 29px;left:190px;right:100px;}
    .cont3 .title strong,
    .cont3 .title strong span {font-size:22px;}
    .cont3 .title strong span img {left: 24px;top: 5px;}
    .cont3 .title .morebtn {bottom: 5px;font-size:0;}
    
    #imgslide {height: 400px;padding:40px 0;} 
    #imgslide .swiper-wrapper {height: 300px;}
    #imgslide .swiper-slide {width: calc(50% - 10px);margin: 0 20px 0 0;}
    #imgslide .swiper-slide strong {margin: 20px 0;font-size: 17px;}

    .quick ul li.n1 {padding:0 20px}
    .quick ul li.n1 span {margin: 0 15px 0 0;}
}

@media(max-width:580px){
    .cardslide .group .col {width:100%; margin:0; }
    .cardslide .group .col6 a:before {width: 250px;height: 124px;background-size: 100% auto;margin-left: -125px;}

    #visual .swiper-slide .tit strong {font-size: 21px;}
    #visual .control .swiper-button-next {margin:0 20px;}

    #bbs_wrap .menu_wrap {position:static;margin: 10px 0 0;padding: 0;}
    #bbs_wrap .menu_wrap li {margin: 0 20px;}
    #bbs_wrap .menu_wrap li:last-child {margin-right:0;}

    .linklist ul li {width:33.33%;}

    #imgslide .swiper-slide {width:100%;margin: 0;}
}

@media(max-width:390px){
    .linklist ul {margin:20px 0 0;}
    .linklist ul li {width:50%;margin: 30px 0 0;}
}




/* 새창팝업 */
#popup_content {display:block; visibility:visible;}
#popup_content .pop_bg .pop_con_box { background:#fff; text-align:center; } 
#popup_content .pop_bt_bg { background:#383d43; }
#popup_content .pop_bt_bg:after { content:""; display:block; clear:both; }
#popup_content .pop_bt_bg .pop_font { float:left; padding:5px 0 0 8px; font-size:0.875em; }
#popup_content .pop_bt_bg .pop_font a { color:#fff; }
#popup_content .pop_bt_bg .pop_close { float:right; margin:6px 8px 0 0; }