.wrap{width: 1400px; margin: 0 auto; position: relative; }


/**/

/* #main-visual {} */
#main-visual ,
#main-visual .owl-stage-outer,
#main-visual .owl-stage,
#main-visual .owl-item,
#main-visual .owl-carousel {height:100vh;}
#main-visual .item img {opacity: 0;}
#main-visual .item {height:100%; background-size: cover !important;}
#main-visual .item .wrap {
    height:100%; display:flex; flex-direction: column; align-items: flex-start; justify-content: center;
}
/* #main-visual .item .wrap .content-area{border: 1px solid red;} */
#main-visual .item .wrap .content-area.cont-bx1 {position: absolute; bottom: 220px; left: 0;}
#main-visual .item .wrap .content-area.cont-bx2 {position: absolute; top: 220px; left: 0;}
#main-visual .item .wrap .content-area p {line-height:150%; font-size: 18px; color: #333;}
#main-visual .item .wrap .content-area .mainvis-logo {background:url(/images/content/main/mainvis_logo.png) no-repeat center/contain; width: 265px; height:122px;}
#main-visual .item .wrap p:nth-child(2) {line-height:32px;}
/* #main-visual .item.item-1 {
    background:url(/images/content/main/mainvis1.jpg) no-repeat center center;
} */
#main-visual .item.item-1 {
    background:url(/images/content/main/mainvis1-1.jpg) no-repeat center center;
}
#main-visual .item.item-2 {
    background:url(/images/content/main/mainvis2.jpg) no-repeat center center;
}

#main-visual .owl-dots{position: absolute; left: 50%; bottom:30px; transform: translate(-50%,0%); }
#main-visual button.owl-dot > span{border: 1px solid #1B5DC1 !important; background: none !important; width: 10px; height: 10px; border-radius: 100px; transition:all 200ms;}
#main-visual button.owl-dot:hover,
#main-visual button.owl-dot:focus,
#main-visual button.owl-dot:active {outline:0; border:0;}
#main-visual button.owl-dot.active > span{border: 1px solid #1B5DC1 !important; background: #1B5DC1 !important; width: 40px !important; height: 10px; border-radius: 100px;}

/**/
.btns {display:inline-block;cursor:pointer; position: relative; z-index:9; width:20px; height:20px;}
.btns button {border:0;}
.btns button:hover,
.btns button:focus,
.btns button:active {outline:0;}
.btns .stop,
.btns .play {position:relative; display:block; cursor:pointer; width: 20px; height: 20px;}
.btns .stop {background:url('/images/content/main/stop.png') no-repeat center/cover;}
.btns .play {background:url('/images/content/main/play.png') no-repeat center/cover;}



/**/
#zev-story{padding-top: 80px; position: relative; margin-bottom: 120px !important;}
#zev-story > .wrap { height: 300px;}
.side{ transform: rotate(-90deg); transform-origin: top left; position: absolute; top: 110px; left: 0; text-align: right;}
.side > p {color: #1B5DC1;   font-size: 16px; font-weight: 900;  display: inline-block;}
.sec1-left{margin-left:80px;display: inline-block;}
.main-title{font-family: 'raleway'; font-weight: 300; font-size: 60px; line-height: 120%; display: inline-block;}
.main-title > .bold{ font-weight: 800 !important; }
#zev-story > .wrap > .sec1-left > p {margin-top: 60px;}
.sec1-right{width: calc(100% - 480px); height: 300px; float: right; display: flex; flex-wrap: wrap; justify-content: space-between;}
.sec1-right > .sec1-bx {width: 300px; height: 350px; background-color: #f2f2f2; border-radius: 30px; padding: 30px; background-repeat: no-repeat; background-size: 70px; background-position: right 30px top 30px; position: relative;}
.sec1-right > .sec1-bx:nth-child(1) {background-image: url('/images/content/main/sec1_1.png');}
.sec1-right > .sec1-bx:nth-child(2) {background-image: url('/images/content/main/sec1_2.png');}
.sec1-right > .sec1-bx:nth-child(3) {background-image: url('/images/content/main/sec1_3.png');}
.sec1-right > .sec1-bx > p:nth-child(1) {margin-top: 80px; font-size: 18px; font-weight: 700;}
.sec1-right > .sec1-bx > p:nth-child(2) {margin-top: 10px; display: inline-block;}
.sec1-right > .sec1-bx > a{position: absolute; bottom: 25px; left: 30px; display: inline-block;}



/**/
#introduce{margin-top:30px !important;padding-top: 80px; height: auto; position: relative; background: linear-gradient(#eeeeee,#ffffff); border-top-left-radius: 150px;}
#introduce > .wrap > .sec2-top {margin-left: 80px}
#introduce > .wrap > .sec2-top > p {width: calc(100% - 480px); float: right;}
#introduce .wrap .owl-carousel{margin-left: 80px;}
#introduce .wrap .owl-carousel,.our-theme {margin-bottom: 100px; margin-top:  40px;  padding-top: 80px; width: calc(100% - 80px); height: auto;}
#introduce .wrap .whyzev-bx{width: 100%; height: 500px; border-radius: 30px; padding: 30px; position:relative;}
#introduce .wrap .whyzev-bx.bx-1 {
    background:url('/images/content/main/whyzev_1.png') no-repeat center center; background-size: cover;
}
#introduce .wrap .whyzev-bx.bx-2 {
    background:url('/images/content/main/whyzev_2.png') no-repeat center center; background-size: cover;
}
#introduce .wrap .whyzev-bx.bx-3 {
    background:url('/images/content/main/whyzev_3.png') no-repeat center center; background-size: cover;
}
#introduce .wrap .whyzev-bx.bx-4 {
    background:url('/images/content/main/whyzev_4.png') no-repeat center center; background-size: cover;
}
.whyzev-bx > .textbx { width: 40%; position: absolute; bottom: 30px; right: 30px;}

#introduce .owl-dots { text-align: left; position: absolute; top:0; left: 0;}
#introduce .owl-dots .owl-dot {margin: 0px 5px;}
#introduce .owl-dots .owl-dot button { background: #F2F2F2; border: 1px solid #cccccc; padding: 7px 18px; color: #999999;border-radius: 50px; font-size: 14px; font-weight: bold; cursor: pointer;}
#introduce .owl-dots .owl-dot button:focus {outline: none;}
#introduce .owl-dots .owl-dot.active button {color: #ffffff; background-color: #000000; border: 1px solid #000;}


/**/
#products{padding-top: 80px; position: relative;}
#products > .wrap {padding-left:80px;}
#products > .wrap > .side{top: 70px; }
#products > .wrap > .sec3-top > p {margin-top: 50px;}
#products > .wrap > .sec3-top > a {position:absolute;top: 125px; right: 0; padding-right:20px; font-size: 14px; font-weight: 500; color: #1B5DC1; font-family:'poppins'; background:url('/images/content/main/more.png') no-repeat center right; background-size:15px;}
.swiper-container {width:100%;height:320px;margin-bottom:100px;overflow:hidden; margin-top: 30px;}
#products .swiper-slide{position: relative; border-radius: 20px; background-color: #f2f2f2; padding: 30px;}
/* #products .swiper-slide:nth-child(1) {background:url('/images/content/main/product1.png') no-repeat center center; background-size: cover;} */
#products .swiper-slide:nth-child(1) {background:url('/images/content/main/product2.png') no-repeat center center; background-size: cover;}
#products .swiper-slide:nth-child(2) {background:url('/images/content/main/product3.png') no-repeat center center; background-size: cover;}
#products .swiper-slide:nth-child(3) {background:url('/images/content/main/product4.png') no-repeat center center; background-size: cover;}
#products .swiper-slide:nth-child(4) {background:url('/images/content/main/product5.png') no-repeat center center; background-size: cover;}
#products .swiper-slide:nth-child(5) {background:url('/images/content/main/product6.png') no-repeat center center; background-size: cover;}
#products .swiper-slide p:nth-child(1){font-size: 14px; font-weight: 700; color: #1B5DC1; margin-top: 215px;}
#products .swiper-slide p:nth-child(2){font-size: 22px; font-weight: 700; color: #fff;}
#products .swiper-slide a{position: absolute; bottom: 10px; right: 20px;}
#products .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { width: 1320px !important; position: absolute; left: 80px; bottom: -33px; z-index: 50; height: 5px;}


/**/
#contact{padding-top: 100px; position: relative; margin-bottom: 0px;} 
#contact > .wrap {padding-left:80px;}
#contact > .wrap > .side{top: 70px; }
#contact > .wrap > .sec4-left {width: 400px; float: left;}
#contact > .wrap > .sec4-left > p {margin-top: 60px;}  
#contact > .wrap > .sec4-right{width: 850px; height: 350px;float: right; display: flex; justify-content: space-between;}
#contact > .wrap > .sec4-right > a {cursor: pointer;width:50%; }
#contact > .wrap > .sec4-right > a > .right-con{border:1px solid rgba(0, 0, 0, 0);position:relative; height: 100%; text-align: center; border-left: 1px solid #ccc;}
#contact > .wrap > .sec4-right > a > .right-con > .bar{position: absolute; top: 0; left: 0; width: 3px; height: 50%; background-color: #1B5DC1;}
#contact > .wrap > .sec4-right > a > .right-con > .right-icn{border-radius: 50%;width: 130px; height: 130px; margin: 20px auto; }
#contact > .wrap > .sec4-right > a >.right-con > .icn1{background:url('/images/content/main/contact1.png'); background-repeat: no-repeat; background-position: center center;}
#contact > .wrap > .sec4-right > a > .right-con > .icn2{background:url('/images/content/main/contact2.png'); background-repeat: no-repeat; background-position: center center;}
#contact > .wrap > .sec4-right > a > .right-con > .right-tit{ font-size: 22px; font-weight: 700; margin-bottom: 20px;}



/* --------------------------------------meadiaquery----------------------------------------- */


/* Tablet */

@media (max-width:1100px) and (min-width:780px){

    br.web{display: block;}


#main-visual .item .wrap .content-area.cont-bx1 {position: absolute; bottom: 220px; left: 30px;}
#main-visual .item .wrap .content-area.cont-bx2 {position: absolute; top: 220px; left: 30px;}


/**/
#zev-story{padding-top: 80px; position: relative; margin-bottom: 120px;}
#zev-story > .wrap {height: auto;}
.side{ transform: rotate(0deg); transform-origin: top left; position: relative; text-align: left; top: 0; left: 20px;}
.sec1-left{margin-left:20px; display: block; width: 100%; margin-bottom: 30px;}
.main-title{font-family: 'raleway'; font-weight: 300; font-size: 60px; line-height: 120%; display: inline-block;}
.main-title > .bold{ font-weight: 800 !important; }
#zev-story > .wrap > .sec1-left > p {margin-top: 30px;}
.sec1-right{width: 100%; height: auto; float: none; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0px 20px;}
.sec1-right > .sec1-bx {width: 33%; height: 250px; background-color: #f2f2f2; border-radius: 30px; padding: 25px; background-repeat: no-repeat; background-size: 70px; background-position: right 30px top 30px; position: relative;}

.sec1-right > .sec1-bx > p:nth-child(1) {margin-top: 80px; font-size: 16px; font-weight: 700;}
.sec1-right > .sec1-bx > p:nth-child(2) {margin-top: 10px; display: inline-block;}

.sec1-right > .sec1-bx > a{position: absolute; bottom: 10px; right: 20px; text-align: right; display: inline-block;}

/**/
#introduce{padding-top: 80px; height: auto; position: relative; background: linear-gradient(#eeeeee,#ffffff); border-top-left-radius: 100px;}
#introduce > .wrap > .sec2-top {margin-left: 20px}
#introduce > .wrap > .sec2-top > p {width: 75%; float: right; padding-right: 20px;}
#introduce .wrap .owl-carousel{margin-left: 20px; width: 95% !important;}
#introduce .wrap .owl-carousel,.our-theme {margin-bottom: 100px; margin-top:  40px;  padding-top: 80px; width: calc(100% - 80px); height: auto;}
#introduce .wrap .whyzev-bx{width: 100%; height: 500px; border-radius: 30px; padding: 30px; margin-top: 30px; position:relative;}
#introduce .wrap .whyzev-bx.bx-1 {
    background:url('/images/content/main/whyzev_1.png') no-repeat center center; background-size: cover;
}
#introduce .wrap .whyzev-bx.bx-2 {
    background:url('/images/content/main/whyzev_2.png') no-repeat center center; background-size: cover;
}
#introduce .wrap .whyzev-bx.bx-3 {
    background:url('/images/content/main/whyzev_3.png') no-repeat center center; background-size: cover;
}
#introduce .wrap .whyzev-bx.bx-4 {
    background:url('/images/content/main/whyzev_4.png') no-repeat center center; background-size: cover;
}
.whyzev-bx > .textbx { width: 60%; position: absolute; bottom: 30px; right: 30px;}

#introduce .owl-dots { text-align: left; position: absolute; top:0; left: 0;margin-bottom: 30px;}
#introduce .owl-dots .owl-dot {margin-right: 5px; margin-top: 30px; }
#introduce .owl-dots .owl-dot button { background: #F2F2F2; border: 1px solid #cccccc; padding: 7px 18px; color: #999999;border-radius: 50px; font-size: 14px; font-weight: bold; cursor: pointer;}
#introduce .owl-dots .owl-dot button:focus {outline: none;}
#introduce .owl-dots .owl-dot.active button {color: #ffffff; background-color: #000000; border: 1px solid #000;}

/**/
#products{padding-top: 30px; position: relative;}
#products > .wrap {padding: 0 20px;}
#products > .wrap > .side{top: 0px; left: 0; }
#products > .wrap > .sec3-top > p {margin-top: 30px;}
#products > .wrap > .sec3-top > a {position:absolute;top: 125px; right: 20px;}
.swiper-container {width:99%;height:320px;margin-bottom:100px;overflow:hidden; margin-top: 30px;}
#products .swiper-slide{position: relative; border-radius: 20px; background-color: #f2f2f2; padding: 20px;}
/* #products .swiper-slide:nth-child(1) {background:url('/images/content/main/product1.png') no-repeat center center; background-size: cover;} */
#products .swiper-slide:nth-child(1) {background:url('/images/content/main/product2.png') no-repeat center center; background-size: cover;}
#products .swiper-slide:nth-child(2) {background:url('/images/content/main/product3.png') no-repeat center center; background-size: cover;}
#products .swiper-slide:nth-child(3) {background:url('/images/content/main/product4.png') no-repeat center center; background-size: cover;}
#products .swiper-slide:nth-child(4) {background:url('/images/content/main/product5.png') no-repeat center center; background-size: cover;}
#products .swiper-slide:nth-child(5) {background:url('/images/content/main/product6.png') no-repeat center center; background-size: cover;}
#products .swiper-slide p:nth-child(1){font-size: 14px; font-weight: 700; color: #1B5DC1; margin-top: 215px;}
#products .swiper-slide p:nth-child(2){font-size: 22px; font-weight: 700; color: #fff;}
#products .swiper-slide a{position: absolute; bottom: 10px; right: 20px;}
#products .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { width: 95% !important; position: absolute; left: 20px; bottom: -33px; z-index: 50; height: 5px;}

/**/
#contact{padding-top: 50px; position: relative; margin-bottom: 0px;} 
#contact > .wrap {padding:0 20px;}
#contact > .wrap > .side{top: 0px; left:0 }
#contact > .wrap > .sec4-left {width: 100%; float: none; display: inline-block;}
#contact > .wrap > .sec4-left > p {margin-top: 20px; margin-bottom: 30px;}  
#contact > .wrap > .sec4-right{width: 100%; height: 350px;float: right; display: flex; justify-content: space-between;}
#contact > .wrap > .sec4-right > a {cursor: pointer;width:50%; }
#contact > .wrap > .sec4-right > a > .right-con{border:1px solid rgba(0, 0, 0, 0);position:relative; height: 100%; text-align: center; border-left: 1px solid #ccc;}
#contact > .wrap > .sec4-right > a > .right-con > .bar{position: absolute; top: 0; left: 0; width: 3px; height: 50%; background-color: #1B5DC1;}
#contact > .wrap > .sec4-right > a > .right-con > .right-icn{border-radius: 50%;width: 130px; height: 130px; margin: 20px auto; }
#contact > .wrap > .sec4-right > a >.right-con > .icn1{background:url('/images/content/main/contact1.png'); background-repeat: no-repeat; background-position: center center;}
#contact > .wrap > .sec4-right > a > .right-con > .icn2{background:url('/images/content/main/contact2.png'); background-repeat: no-repeat; background-position: center center;}
#contact > .wrap > .sec4-right > a > .right-con > .right-tit{ font-size: 22px; font-weight: 700; margin-bottom: 20px;}




}/* 태블릿 종료 */




/* Mobile - Portrait */
@media (max-width:779px){

#main-visual ,
#main-visual .owl-stage-outer,
#main-visual .owl-stage,
#main-visual .owl-item,
#main-visual .owl-carousel {height:400px;}
#main-visual .item .wrap {
    height:100%; display:flex; flex-direction: column; align-items: flex-start; justify-content: center;
}
/* #main-visual .item .wrap .content-area{border: 1px solid red;} */
#main-visual .item .wrap .content-area.cont-bx1 {position: absolute; left: 20px; top: 50%; display: none; }
#main-visual .item .wrap .content-area.cont-bx2 {position: absolute; left: 20px; top: 50%; display: none; }
#main-visual .item .wrap .content-area p {line-height:150%; font-size: 16px; color: #333;}
#main-visual .item .wrap .content-area .mainvis-logo {display: none;}
#main-visual .item .wrap p:nth-child(2) {line-height:32px;}
/* #main-visual .item.item-1 {
    background:url(/images/content/main/mainvis1.jpg) no-repeat center center;
} */
#main-visual .item.item-1 {
    background:url(/images/content/main/mainvis1-1.jpg) no-repeat center center;
}
#main-visual .item.item-2 {
    background:url(/images/content/main/mainvis2.jpg) no-repeat center center;
}

#main-visual .owl-dots{position: absolute; left: 50%; bottom:10px; transform: translate(-50%,0%); }
#main-visual button.owl-dot > span{border: 1px solid #1B5DC1 !important; background: none !important; width: 10px; height: 10px; border-radius: 100px; transition:all 200ms;}
#main-visual button.owl-dot:hover,
#main-visual button.owl-dot:focus,
#main-visual button.owl-dot:active {outline:0; border:0;}
#main-visual button.owl-dot.active > span{border: 1px solid #1B5DC1 !important; background: #1B5DC1 !important; width: 40px !important; height: 10px; border-radius: 100px;}



/**/
#zev-story{padding-top: 80px; height: 900px; position: relative; margin-bottom: 80px; }
#zev-story .wrap{padding: 0 20px;}
.side{ transform: rotate(0deg); transform-origin: top left; position: relative; text-align: left; top: 0; left: 0px;}
.sec1-left{margin-left:0px;display: block; width: 100%; margin-bottom: 30px;}
.main-title{font-family: 'raleway'; font-weight: 300; font-size: 48px; line-height: 120%; display: inline-block;}
.main-title > .bold{ font-weight: 800 !important; }
#zev-story > .wrap > .sec1-left > p {margin-top: 20px;}
.sec1-right{width: 100%; height: auto; float:none !important; display: block; padding: 0px 0px; }
.sec1-right > .sec1-bx {width: 100%; height: 200px; margin-bottom: 10px; }

.sec1-right > .sec1-bx > p:nth-child(1) {margin-top: 60px; font-size: 16px; font-weight: 700;}
.sec1-right > .sec1-bx > p:nth-child(2) {margin-top: 5px; display: inline-block;}

.sec1-right > .sec1-bx > a{position: absolute; bottom: 10px; right: 20px; text-align: right; display: inline-block;}


/**/
#introduce{padding-top: 50px; height: auto; position: relative; background: linear-gradient(#eeeeee,#ffffff); border-top-left-radius: 50px; margin-top:50px;}
#introduce > .wrap {padding: 0 20px;}
#introduce > .wrap > .sec2-top {margin-left: 0px}
#introduce > .wrap > .sec2-top > p {width: 100%; float: none; padding-right: 0px; margin-top: 20px;}
#introduce .wrap .owl-carousel{margin-left: 0px; width: 98% !important;}
#introduce .wrap .owl-carousel,.our-theme {margin-bottom: 100px; margin-top:  0px;  padding-top: 50px; width: calc(100% - 80px); height: auto;}
#introduce .wrap .whyzev-bx{ margin-top: 30px; width: 100%; height: 500px; border-radius: 30px; padding: 30px; position:relative;}
#introduce .wrap .whyzev-bx.bx-1 {
    background:url('/images/content/main/whyzev_1.png') no-repeat center center; background-size: cover;
}
#introduce .wrap .whyzev-bx.bx-2 {
    background:url('/images/content/main/whyzev_2.png') no-repeat center center; background-size: cover;
}
#introduce .wrap .whyzev-bx.bx-3 {
    background:url('/images/content/main/whyzev_3.png') no-repeat center center; background-size: cover;
}
#introduce .wrap .whyzev-bx.bx-4 {
    background:url('/images/content/main/whyzev_4.png') no-repeat center center; background-size: cover;
}
.whyzev-bx > .textbx { width: 90%; position: absolute; bottom: 30px; left: 15px;}

#introduce .owl-dots { text-align: left; position: absolute; top:0; left: 0; }
#introduce .owl-dots .owl-dot {margin: 0px 1px;}
#introduce .owl-dots .owl-dot button { background: #F2F2F2; border: 1px solid #cccccc; padding: 5px 15px; color: #999999;border-radius: 50px; font-size: 10px; font-weight: bold; cursor: pointer;}
#introduce .owl-dots .owl-dot button:focus {outline: none;}
#introduce .owl-dots .owl-dot.active button {color: #ffffff; background-color: #000000; border: 1px solid #000;}


/**/
#products{padding-top: 0px; position: relative;}
#products > .wrap {padding: 0 20px;}
#products > .wrap > .side{top: 0px; left: 0; }
#products > .wrap > .sec3-top > p {margin-top: 10px;}
#products > .wrap > .sec3-top > a {position:absolute;top: 125px; right: 20px;}
.swiper-container {width:99%;height:320px;margin-bottom:100px;overflow:hidden; margin-top: 30px;}
#products .swiper-slide{position: relative; border-radius: 20px; background-color: #f2f2f2; padding: 20px;}
/* #products .swiper-slide:nth-child(1) {background:url('/images/content/main/product1.png') no-repeat center center; background-size: cover;} */
#products .swiper-slide:nth-child(1) {background:url('/images/content/main/product2.png') no-repeat center center; background-size: cover;}
#products .swiper-slide:nth-child(2) {background:url('/images/content/main/product3.png') no-repeat center center; background-size: cover;}
#products .swiper-slide:nth-child(3) {background:url('/images/content/main/product4.png') no-repeat center center; background-size: cover;}
#products .swiper-slide:nth-child(4) {background:url('/images/content/main/product5.png') no-repeat center center; background-size: cover;}
#products .swiper-slide:nth-child(5) {background:url('/images/content/main/product6.png') no-repeat center center; background-size: cover;}
#products .swiper-slide p:nth-child(1){font-size: 14px; font-weight: 700; color: #1B5DC1; margin-top: 215px;}
#products .swiper-slide p:nth-child(2){font-size: 22px; font-weight: 700; color: #fff;}
#products .swiper-slide a{position: absolute; bottom: 10px; right: 20px;}
#products .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { width: 95% !important; position: absolute; left: 20px; bottom: -33px; z-index: 50; height: 5px;}

/**/
#contact{padding-top: 50px; position: relative; margin-bottom: 0px;} 
#contact > .wrap {padding:0 0px;}
#contact > .wrap > .side{top: 0px; left:20px }
#contact > .wrap > .sec4-left {width: 100%; float: none; display: inline-block;}
#contact > .wrap > .sec4-left >.main-title{margin-left: 20px;}
#contact > .wrap > .sec4-left > p {margin-top: 20px; margin-bottom: 30px;margin-left: 20px;margin-right: 20px;}  
#contact > .wrap > .sec4-right{width: 100%; height: 350px;float: right; display: flex; justify-content: space-between;}
#contact > .wrap > .sec4-right > a {cursor: pointer;width:50%; }
#contact > .wrap > .sec4-right > a > .right-con{border:1px solid rgba(0, 0, 0, 0);position:relative; height: 100%; text-align: center; border-left: 1px solid #ccc;}
#contact > .wrap > .sec4-right > a > .right-con > .bar{position: absolute; top: 0; left: 0; width: 3px; height: 50%; background-color: #1B5DC1;}
#contact > .wrap > .sec4-right > a > .right-con > .right-icn{border-radius: 50%;width: 130px; height: 130px; margin: 20px auto; }
#contact > .wrap > .sec4-right > a >.right-con > .icn1{background:url('/images/content/main/contact1.png'); background-repeat: no-repeat; background-position: center center;}
#contact > .wrap > .sec4-right > a > .right-con > .icn2{background:url('/images/content/main/contact2.png'); background-repeat: no-repeat; background-position: center center;}
#contact > .wrap > .sec4-right > a > .right-con > .right-tit{ font-size: 22px; font-weight: 700; margin-bottom: 20px;}




}/*모바일 종료*/