@charset 'utf-8';


/* top */
.header_wrap{width: 1300px;margin: 0 auto;padding-top: 38px;}
#menu h1.logo{float: left;}
#menu h1.logo img{width: 440px;}
.topBg .topBgTit{font-size: 53px;color: #fff;line-height: 84px;width: 1300px;margin: 0 auto;font-weight: 600;padding-top: 168px;font-family:'NotoSansKR';}

.topIcon{height: 200px;background: #3f497f;margin-top: 338px;}
.slideshow-container{max-width: 950px;position: relative;margin: auto;margin-top: 205px;}
.slideshow-container img{padding-left: 40px;margin: 3px 30px 0 0;}
.slideshow-container .mySlideDiv{vertical-align:middle;color: #fff;font-size: 19px;}
.slideshow-container span.companyNam{margin: 0 57px 0 0;width: 160px;display: inline-block;line-height: 28px;}
.slideshow-container em.companySum{width: 360px;line-height: 28px;}
/* effect */
.fade {-webkit-animation-name: fade;-webkit-animation-duration: 1.5s;animation-name: fade;animation-duration: 1.5s;}
@-webkit-keyframes fade {from {opacity: .4} to {opacity: 1}}
@keyframes fade {from {opacity: .4} to {opacity: 1}}


/* body*/
.section .sec1{height: 460px;}
.section .sec1 h2.mainTit{font-size: 45px;text-align: center;font-family: 'NotoSansKR';font-weight: bold;}
.section .sec1 ul.product{margin-top: 115px;position: relative;}
.section .sec1 ul.product li{display: inline-block;width: 210px;text-align: center;height: 205px;}
.section .sec1 ul.product li a{width: 135px;height: 135px;display: inline-block;background: #79b538;vertical-align: text-top;border-radius: 95px;}
.section .sec1 ul.product li a.pd01:after{content:'';width:65px;height:85px;top:24px;left:65px;position:absolute;background:url("/images/gr/main/secIcon1.png")no-repeat 0 0;}
.section .sec1 ul.product li a.pd01.re:after{content:'';width:101px;height:74px;top:27px;left:268px;position:absolute;background:url("/images/gr/main/secIcon2.png")no-repeat 0 0;}
.section .sec1 ul.product li a.pd01.re1:after{content:'';width:82px;height:86px;top:25px;left:493px;position:absolute;background:url("/images/gr/main/secIcon3.png")no-repeat 0 0;}
.section .sec1 ul.product li a.pd01.re2:after{content:'';width:79px;height:100px;top:21px;left:713px;position:absolute;background:url("/images/gr/main/secIcon4.png")no-repeat 0 0;}
.section .sec1 ul.product li a.pd01.re3:after{content:'';width:105px;height:58px;top:40px;left:915px;position:absolute;background:url("/images/gr/main/secIcon5.png")no-repeat 0 0;}
.section .sec1 ul.product li a.pd01.re4:after{content:'';width:106px;height:92px;top:16px;left:1129px;position:absolute;background:url("/images/gr/main/secIcon6.png")no-repeat 0 0;}
.section .sec1 ul.product li em{width: 156px;height: 30px;margin-top: 34px;font-size: 17px;}

.section .sec2{height: 310px;}

/*footer*/
.address div.ftDiv{float: left;}
.address div.ftDiv.re{margin: 15px 0 0 -6px;}
.address img{width: 320px;display: inline-block;margin: 20px 0;}
.address span{display: inline-block;margin: -17px 0 0 101px;line-height: 34px;color: #5a5a5a;}
.address em{font-size: 13px;color: #9e9191;display: block;margin: 9px 0 0 101px;}

/*paging*/
.sc-page {display: flex;justify-content: center;align-items: center;margin: 30px 0 0;}
.sc-page li {margin-left: 20px;}
.sc-page li.first {margin-left: 0;}
.sc-page li.prev, .sc-page li.last {margin-left: 15px;}
.sc-page li:not(.first, .prev, .next, .last) {width: 30px; background-color: #255e4b; text-align: center; color: #fff; border-radius: 20px;}
.sc-page li.other {background:white;}
.sc-page li.other a{color:black;}
.sc-page li a {font-size: 16px;}
.sc-page .page-img {display: block;width: 10px;font-size: 16px;}
.sc-page .page-img img {width: 100%;box-shadow: none;margin: 0;}