

#idx_wrapper{position:fixed; top:0; left:0; right:0; height:100vh; z-index:0;}

/* 메인슬라이더 */
#visual{position:relative; width:100%; height:100vh; margin:0 auto; position:relative; overflow:hidden; visibility:hidden;}
#visual .sliderbx{ z-index:10;width:100% !important; height:100vh; position:relative;}
#visual .sliderbx li{ width:100% !important; height:100%; background-repeat:no-repeat; background-position: center top; background-size:cover;
animation: imagescale 6s ease-in-out infinite alternate;
  -webkit-animation: imagescale 6s ease-in-out infinite alternate;
  -moz-animation: imagescale 6s ease-in-out infinite alternate;
  -o-webkit-animation: imagescale 6s ease-in-out infinite alternate;
  }
#visual .sliderbx li.mv01{background-image:url(../img/main/mvisual01.jpg)}
#visual .sliderbx li.mv02{background-image:url(../img/main/mvisual02.jpg)}
#visual .sliderbx li.mv03{background-image:url(../img/main/mvisual03.jpg)}

#visual .area_ab{position:absolute; top:50%; left:50%;  width:100%; z-index:15; transform:translate(-50%, -50%); color:#fff; text-align:center;}
#visual .area_txt > .logo{height: 60px; margin-bottom: 10px;}
#visual .area_txt > h3{font-size:50px; font-weight:400; line-height:1.3em; text-transform:uppercase;font-family: 'TheJamsil5Bold';}
#visual .area_txt > p{display:block; padding:20px 0 0; font-size:20px; line-height: 1.6em; font-weight:400; opacity: 0.8; word-break:keep-all;}

#visual .area_pro{}
#visual .area_pro ul{text-align: center; margin-top: 60px;}
#visual .area_pro li{position:relative; opacity: 0.8; width: 150px; height: 150px; background-color: #fff; border-radius: 50%; display: inline-block; margin: 0 4px; overflow: hidden;}
#visual .area_pro li img{width: 70%; height: 70%; object-fit: cover; margin: 15%;}
#visual .area_pro li:nth-child(2){width: 160px; height: 160px;}
#visual .area_pro li:nth-child(3){width: 120px; height: 120px; bottom: -20px}
#visual .area_pro li:nth-child(even){ top: -20px;}
#visual .area_pro li:last-child{background-color: #394591; top: -20px; opacity: 1; width: 100px; height: 100px; transform:scale(1.0); transition:all 0.2s;}
#visual .area_pro li:last-child a.btn{color: #fff; display: inline-block; width: 100%; height: 100%; padding: 22% 0;
	}
#visual .area_pro li:last-child:hover{transform:scale(1.05);}

#visual .bx-controls{}
#visual div.bx-pager{z-index:50; position:absolute; top:50%; right:50px; transform:translateY(-50%);}
#visual div.bx-pager div{margin:0 0 40px;}
#visual div.bx-pager div:last-child{margin:0;}
#visual div.bx-pager div a{position:relative; font-size:15px; font-weight:400; color:#fff; transition:all 0.3s ease; opacity:0.4;}
#visual div.bx-pager div a.active{opacity:1; font-weight:600;}
#visual div.bx-pager div a:after{content:''; position:absolute; left:50%; bottom:-25px; width:5px; height:5px; background:#fff; border-radius:50%; transform:translateX(-50%); opacity:0.4;}
#visual div.bx-pager div a:before{content:'0'; display:inline; width:auto; height:auto;}
#visual div.bx-pager div:last-child a:after{display:none;}

#visual .bx-controls-direction{display:none;}
.scrolldown{position:absolute; bottom:-70px; left:50%; transform: translateX(-50%); width:150px; height:150px; border-radius: 50%; z-index:52; background:#fff; font-weight:500; color:#fff; text-align:center;}
.scrolldown a{position:relative; display:block; height:100%; position:relative; box-sizing:border-box;}
.scrolldown .icon{position:absolute; top:10%; left:50%; display:inline-block; width:18px; height:28px; border:2px #111 solid; border-radius:30px; transform:translateX(-50%);}
.scrolldown .icon::after{content:''; position:absolute; top:7px; left:50%; margin-left:-2px; width:4px; height:4px; border-radius:100%; background-color:#111; -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); -webkit-animation:scrollDownPointer 1.5s infinite; animation:scrollDownPointer 1.5s infinite;}
.scrolldown a > i.txt{position:relative; display:inline-block; padding-top:45px; font-style:normal; font-weight:500; font-size:10px; color:#333;}
.scrolldown a > i.txt:before{content:''; position:absolute; left:50%; bottom:-8px; background:url('../img/common/icon_scroll_arrow.svg')no-repeat center; width:9px; height:9px; background-size:cover; transform:translateX(-50%);}
.fixed_bg{position:fixed; z-index:-1; opacity:0; top:0; left:0; right:0;  width:100%; height:120vh; background:url('../img/main/business_bg.jpg')no-repeat center; background-size:cover; transition:all 0.1s ease;}
body.on .fixed_bg{z-index:1; opacity:1;}
body.on #idx_wrapper{z-index:-1;}
body.on .scrolldown{z-index:-1;}

/* 공지사항 */
.area_notice{position:absolute; bottom:-20px; right:0; width:720px; background:#8E3843; z-index:50; opacity:0; transition:all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;}
.area_notice.active{bottom:0; opacity:1;}

@media screen and (max-width:1024px) {
	#visual .area_txt{width:100%; padding: 0 10%;}
	#visual .area_txt > .logo{display: none;}
	#visual .area_txt > h3{font-size:40px;}
	#visual div.bx-pager{right:25px;}
	
	.area_notice{width:60%;}
	.area_notice .bx-wrapper li > a{overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
}

@media screen and (max-width:768px) {
	#visual .area_txt > h3{font-size:50px;}
	#visual .area_txt > h2{font-size:45px;}
	#visual .area_txt > p{padding:10px 0 0; font-size:16px;}
	.scrolldown{width:80px; height:80px;}
	.scrolldown .icon{top:12%;}
	.scrolldown a > i.txt{padding-top:40px;}
	.scrolldown a > i.txt:before{bottom:-8px;}
	.area_notice{width:calc(100% - 80px); width:-webkit-calc(100% - 80px);}
	#visual .area_pro li{display: none;}
	#visual .area_pro li:last-child{display: inline-block;}
}

@media screen and (max-width:600px) {
	#visual .area_txt > h3,
	#visual .area_txt > h2{font-size:40px;}
	#visual .area_txt > p{padding:10px 0 0; font-size:15px;}
}

@media screen and (max-width:550px) {
	#visual .area_txt{width:100%; padding: 0 15%;}
	#visual .area_txt > h3,
	#visual .area_txt > h2{font-size:35px;}
	#visual div.bx-pager{right:15px;}
	#visual div.bx-pager div{margin:0 0 20px;}
	#visual div.bx-pager div a:after{bottom:-15px; width:4px; height:4px;}
	#visual div.bx-pager div a{font-size:14px;}
	
	.scrolldown{width:70px; height:70px;}
	.area_notice{width:calc(100% - 70px); width:-webkit-calc(100% - 70px);}
	.scrolldown .icon{top:17%; width:18px; height:26px;}
	.scrolldown a > i.txt:before{display:none;}
	.scrolldown a > i.txt{font-size:11px;}
}
/* 마린 */
.area_marin{position:relative; padding:150px 0; z-index:1;}
.area_marin:after{content:''; display:block; clear:both;}
.area_marin .area_img{float:left; width:495px; margin:0 0 0 70px; border-radius: 20px; overflow: hidden;}
.area_marin .area_img img{width:100%; height:auto;}
.area_marin .area_txt{position:relative; float:left; padding:50px 0 0; width:calc(100% - 565px); width:-webkit-calc(100% - 565px);}
.area_marin .area_txt h3{font-size:45px; font-weight:600; color:#fff; line-height:1.3em;font-family: 'TheJamsil5Bold';}
.area_marin .area_txt h3 strong{color:#fff ;}
.area_marin .area_txt p{display:block; padding:40px 0; font-size:17px; font-weight:400; color:#fff; line-height:1.8em; word-break: keep-all;}
.area_btn{font-size:15px; font-weight:500; color:#222; transition:all 0.3s ease; margin-top: 40px; display: inline-block; font-weight: 600;}
.area_btn i{position:relative; display:inline-block; margin:0 0 5px 10px; width:50px; height:1px; background:#222; transition:all 0.3s ease;}
.area_btn i:before{content:''; position:absolute; opacity:0; top:-4px; left:30%; width:9px; height:9px; border: 3px solid #394591; background:#fff; border-radius:50%; transition:all 0.3s ease;}
.area_btn:hover i:before{opacity:1; left:98%;}

.area_btn:hover i{background:#394591}

@media screen and (max-width:1400px) {
	.area_marin .area_img{width:40%; margin:0 0 0 5%;}
	.area_marin .area_txt{width:55%;}
	.area_marin .area_txt h3{font-size:40px;}
}
@media screen and (max-width:1200px) {
	.area_marin .area_txt h3{font-size:35px;}
	.area_marin:after{width:38%; bottom:80px;}
}
@media screen and (max-width:1024px) {
	.area_marin .area_txt h3{font-size:32px;}
	.area_marin .area_txt p{padding:20px 0; font-size:16px;}
}
@media screen and (max-width:768px) {
	.area_marin{padding:100px 0;}
	.area_marin .area_img{width:60%; margin:0 20%;}
	.area_marin .area_txt{width:80%; margin:0 10%;}
	.area_marin .area_txt{padding:50px 0 0;}
	.area_marin:after{width:42%; bottom:30px;}
}
@media screen and (max-width:650px) {
	.area_marin .area_img{width:70%; margin:0 15%;}
	.area_marin .area_txt{width:90%; margin:0 5%;}
	.area_marin .area_txt p{font-size:16px;}
	.area_marin .area_txt p br{display:none;}
}
@media screen and (max-width:550px) {
	.area_marin{padding:60px 0;}
	.area_marin .area_img{width:86%; margin:0 7%;}
	.area_marin .area_txt{width:94%; margin:0 3%;}
	.area_marin .area_txt{padding:30px 0 0;}
	.area_marin .area_txt h3{font-size:26px;}
	.area_marin .area_txt p{padding:12px 0; font-size:15px;}
	.area_marin:after{bottom:0;}
}
@media screen and (max-width:450px) {
	.area_marin .area_txt h3{font-size:22px;}
}
@media screen and (max-width:420px) {
	.area_marin{padding:40px 0;}
}
/* 사업분야 */

.area_business{position:relative;padding:150px 0; z-index:1; background:#fff;}
.area_business:before{content:''; position:absolute; top:0; left:0; bottom:0; width:10%; background:#f9f9f9;}
.area_business .inr{/*display: flex; align-items: flex-start; justify-content: space-between;*/}
.area_business .title{padding: 0 40px 50px}

.area_business .title em{font-style:normal; font-size:22px; font-weight:500; color:; }
.area_business .title h2{display:block; padding:20px 0; font-size:50px; font-weight:600; color:#394591; font-family: 'TheJamsil5Bold';}
.area_business .title p{font-size:16px; font-weight:300; color:; line-height:1.6em; word-break:keep-all; opacity: 0.8;}

.list_business{text-align: center;}
.list_business > li{position:relative; display: inline-block; margin:0 20px 40px; border-radius: 20px;
	width:calc((100%/4) - 50px); width:-webkit-calc((100%/4) - 50px); height:300px;
	box-shadow: 5px 8.66px 22.75px 12.25px rgba(0, 0, 0, 0.1); overflow:hidden; transition:all 0.3s ease;}
/*.list_business > li:nth-child(2n-1){top:120px;}*/
.list_business > li > a{position:relative; display:block; width:100%; height:100%;}
.list_business > li > a .area_img{display:block; width:100%; height:100%; overflow:hidden; position: relative; text-align: left;}
.list_business > li > a .area_img:after{content: ""; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; opacity: 0.7;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+50,000000+100&0+50,1+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 40%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 40%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 40%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.list_business > li > a .area_img img{height:100%; width: 100%; object-fit: cover; transform:scale(1.0); transition:all 0.7s cubic-bezier(0.51, 0.21, 1, 1);}
.list_business > li > a .area_txt{position:absolute; left:20px; bottom:40px; right: 20px; text-align: left;}
.list_business > li > a .area_txt > em{display:block; font-style:normal; font-size:14px; font-weight:400; color:#fff; opacity: 0.8;}
.list_business > li > a .area_txt > span{display:block; padding:8px 0 0; font-size:22px; font-weight:500; color:#fff;}
.list_business > li:hover a .area_img img{transform:scale(1.1);}
.list_business > li:hover a .area_txt > span{font-weight: 800;}

@media screen and (max-width:1000px) {
	.list_business > li{width: calc((100%/2) - 50px)}
}

@media screen and (max-width:700px) {
	.area_business:before{width: 80%;}
	.list_business{margin-right: -15px;}
	.list_business > li{width: calc((100%/2) - 17px); height: 250px;}
	.list_business > li{margin: 0 15px 15px 0}
	.area_business .title {padding: 0 0 50px 0}
	.area_business .title p{font-size: 13px;}
	.area_business .title h2{font-size: 40px;}
}

@media screen and (max-width:550px) {
	.area_business .title h2{font-size: 20px;}
	.list_business{margin-right: 0;}
	.list_business > li{width: calc(100%); margin: 0 0 15px 0}

}
/*.list_business > li:nth-child(2n-1):hover{top:90px;}*/
/*
@media screen and (max-width:1400px) {
	.list_business{width:68%; margin-left:32%;}
	.list_business > li{margin:0 8% 8% 0; width:calc((100%/2) - 4%); width:-webkit-calc((100%/2) - 4%);}
	.list_business > li:nth-child(2n){margin:0 0 4%;}
	.area_business .title{width:32%;}
	.area_business .title.on{position:absolute;}
}

@media screen and (max-width:1300px) {
	.list_business > li{height:410px;}
}
@media screen and (max-width:1200px) {
	.area_business .title{width:29%;}
	.area_business .title p br{display:none;}
	.list_business > li{margin:0 6% 6% 0; width:calc((100%/2) - 3%); width:-webkit-calc((100%/2) - 3%); height:380px;}
	.list_business > li:nth-child(2n){margin:0 0 6%;}
	.list_business > li > a .area_txt{left:30px; bottom:30px;}
}
@media screen and (max-width:1024px) {
	.area_business .title em{font-size:20px;}
	.area_business .title p br{display:block;}
	.area_business .title h2{padding:12px 0; font-size:45px;}
	.area_business{background:url('../img/main/business_bg.jpg')repeat-y center; background-size:cover;}
	.area_business .title{position:relative; top:unset; width:100%; text-align:center; transform:translateY(0);}
	.area_business .title.on{position:relative;}
	.list_business{width:80%; margin-left:0; margin:40px 10% 0;}
	.list_business > li:nth-child(2n-1),
	.list_business > li:nth-child(2n-1):hover{top:0;}
	.list_business > li:nth-child(2n){top:40px;}
	body.on .fixed_bg{opacity:0; display:none;}
}
@media screen and (max-width:900px) {
	.list_business{width:90%; margin-left:0; margin:40px 5% 0;}
}
@media screen and (max-width:768px) {
	.area_business{padding:100px 0 120px;}
	.list_business{width:100%; margin-left:0; margin:40px 0 0;}
	.area_business .title em{font-size:20px;}
	.area_business .title h2{padding:10px 0; font-size:40px;}
	.area_business .title p{font-size:15px;}
	.list_business > li > a .area_txt{left:20px; bottom:20px;}
}
@media screen and (max-width:650px) {
	.list_business > li{height:300px;}
}
@media screen and (max-width:550px) {
	.area_business{padding:60px 0 80px;}
	.list_business > li{height:260px;}
	.area_business .title em{font-size:17px;}
	.area_business .title h2{padding:6px 0 10px; font-size:30px;}
	.area_business .title p{font-size:14px; line-height:1.5em;}
	.list_business > li{margin:0 5% 5% 0; width:calc((100%/2) - 2.5%); width:-webkit-calc((100%/2) - 2.5%);}
	.list_business > li:nth-child(2n){margin:0 0 5%;}
	.list_business > li > a .area_txt{left:15px;}
	.list_business > li > a .area_txt > em{font-size:14px;}
	.list_business > li > a .area_txt > span{padding:2px 0 0; font-size:18px;}
}
@media screen and (max-width:450px) {
	.area_business .title h2{font-size:27px;}
	.list_business{margin:30px 0 0;}
	.list_business > li{height:210px;}
	.list_business > li > a .area_txt{left:10px; bottom:10px;}
	.list_business > li > a .area_txt > em{font-size:13px;}
	.list_business > li > a .area_txt > span{font-size:16px;}
	.list_business > li:nth-child(2n){top:25px;}
}
@media screen and (max-width:420px) {
	.area_business{padding:40px 0 60px;}	
}
@media screen and (max-width:400px) {
	.list_business{margin:20px 0 0;}
	.list_business > li{height:180px;}
	.list_business > li > a .area_txt > em{font-size:11px;}
	.list_business > li > a .area_txt > span{padding:0;}
}*/


/* 진행사업 */
.area_work{position:relative; z-index:1; background:#f9f9f9; padding:150px 0; text-align:center;}
.area_work .title{text-align:center;}
.area_work .title > h2{font-size:50px; font-weight:bold; color:#222;}
.area_work .title > p{display:block; padding:10px 0 0; font-size:16px; font-weight:300; color:#555;}


/* tab */
.tab ul{margin:0; padding:0; list-style:none;}
.tab ul.title li:first-child{margin-left:0;}
.tab ul.title li{float:left;margin-left: 0px;}
.tab ul.title li a{display:block;padding: 13px 50px;background: #eee;color: #222;}
.tab ul.title li a.show{background: #bc3232;color: #fff;}
.tab ul.title:after{content:""; display:block; clear:both;}
.tab ul.panel li{display:none;overflow:hidden;height:auto;}
.tab ul.title {
    text-align: center;
    margin-bottom: 40px;
}

.tab ul.title li {
    display: inline-block;
    float: none !important;
}

/* tab  */
.tabs{margin:40px 0 0; width:100%;}
.tabs:after{content:''; display:block; clear:both;}
.tabs li{float:left; margin:0 10px 0 0; padding:11px; min-width:150px; background:#ddd; box-sizing:border-box; border-radius:50px; transition:all 0.3s ease 0s; cursor:pointer; text-align:center;}
.tabs li span{font-size:15px; font-weight:300; line-height:1.3em;}
.tabs li.active{background:#8E3843; color:#fff; box-shadow: 0px 3px 7.36px 0.64px rgba(25, 36, 72, 0.32);}
.tabs li:hover{background:#8E3843; color:#fff;}
.tab_container{margin:20px 0 0; width:100%; background:#fff;}
.tab_content{position:relative; height:600px;}
.tab_content:after{content:''; display:block; clear:both;}
.tab_content .area_right{display:table; float:right; width:50%; height:100%;}
.tab_content .area_left{float:left; width:50%;}
.tab_content .area_right{padding:40px; box-sizing:border-box;}

.table caption{display:none;}
.area_work .area_table{display:table-cell; vertical-align:middle; height:100%;}
.work_info{margin:30px 0 0;}
.work_info > li{display:block; width:100%; }
.work_info > li:after{content:''; display:block; clear:both;}
.work_info > li > em{float:left; padding:15px; width:30%; border-top:2px solid #dc2020; box-sizing:border-box; vertical-align:top; font-size:19px; font-weight:500; color:#333; text-transform:uppercase;}
.work_info > li > .work_content{float:left; padding:18px 15px 15px; width:70%; box-sizing:border-box; border-top:2px solid #222;}
.work_info > li > .work_content p{font-size:16px; font-weight:400; color:#666; line-height:1.6em;}
.area_work .table{margin:0; border-top:2px solid #eee; border-bottom:2px solid #eee;}
.area_work .table > thead{padding:50px 0;}
.area_work .table > tbody > tr:nth-child(2n-1){background:#f9f9f9;}
.area_work .table > tbody > tr > td{padding:14px 20px; border-right:1px solid #eee !important; vertical-align:middle; font-size:16px; font-weight:400; color:#333; text-align:center; word-break:keep-all;}
.area_work .table > tbody > tr > td:first-child{font-weight:bold;}
.area_work .table > tbody > tr > td:last-child{text-align:left; border-right:none !important;}
.mob_info{display:none; margin:0 0 10px; font-size:15px; font-weight:300; color:#333;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{border-top:1px solid #eee;}
#tab1 .area_left{height:100%; background:url(../img/sub/img_work01.jpg)no-repeat center; background-size:cover;}
#tab2 .area_left{height:100%; background:url(../img/main/img_work01.jpg)no-repeat center; background-size:cover;}
.area_btn02{position:relative; z-index:1; margin:50px 0 0; text-align:center; display:inline-block; min-width:180px; padding:15px 20px; box-sizing:border-box; border-radius:6px; font-size:15px; font-weight:500; color:#333; border:3px solid #eee; transition:all 0.5s ease;}
.area_btn02:before{content:''; position:absolute; top:0; left:0; width:0; height:100%; background:#8E3843; z-index:-1; transition:all 0.5s ease;}
.area_btn02:hover{color:#fff;  border:3px solid #8E3843; box-shadow:0px 3px 7.36px 0.64px rgba(25, 36, 72, 0.32);}
.area_btn02:hover:before{width:100%;}
@media screen and (max-width:1400px) {
	.area_work{padding:150px 0;}
}
@media screen and (max-width:850px) {
	.tab_content{height:auto;}
	.tab_content .area_left{width:100%; height:500px !important;}
	.tab_content .area_right{width:100%; height:100%;}
}
@media screen and (max-width:768px) {
	.area_work{padding:100px 0;}
	.area_work .title > h2{font-size:40px;}
	.area_work .title > p{font-size:15px;}
	.tab_content .area_left{height:0 !important; padding-bottom:75%;}
	.area_btn02{min-width:160px; background:#8E3843; border:none; box-shadow:0px 3px 7.36px 0.64px rgba(25, 36, 72, 0.32); color:#fff !important;}
	.area_btn02:before{display:none;}
	.area_btn02:hover{border:none;}
}
@media screen and (max-width:550px) {
	.area_work{padding:60px 0;}
	.area_work .title > h2{font-size:30px;}
	.area_work .title > p{font-size:14px;}
	.tab_content .area_right{padding:20px;}
	.tab_content .area_right{padding:15px;}
	.area_work .table > tbody > tr > td{padding:12px 10px; font-size:15px;}
	.area_btn02{margin:30px 0 0;}
}
@media screen and (max-width:450px) {
	.area_work .title > h2{font-size:27px;}
	.area_work .table > tbody > tr > td{padding:10px;}
}
@media screen and (max-width:420px) {
	.area_work{padding:40px 0;}
}



@-webkit-keyframes scrollDownPointer {
  60% {-webkit-transform: translate(0, 200%); transform: translate(0, 200%);}
  70% {opacity: 0;}
  100% {-webkit-transform: translate(0, 0); transform: translate(0, 0);}
}
@keyframes scrollDownPointer {
  60% {-webkit-transform: translate(0, 200%); transform: translate(0, 200%);}
  70% {opacity: 0;}
  100% {-webkit-transform: translate(0, 0); transform: translate(0, 0);}
}

@keyframes imagescale {
  0% {
    transform: scale(1)  rotate(.001deg);;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }

  100% {
    transform: scale(1.3)  rotate(.001deg);;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
}