/* .inner { max-width:1780px; margin:auto; width:96%; }
.inner2 { max-width:1600px; margin:auto; width:96%;  } */

.hoverBtn img { }
.hoverBtn:hover img { animation:hoverBtn 2s infinite;  }
@keyframes hoverBtn {
	0%, 100% { transform:translateX(0); }
	25%, 75% { transform:translateX(20%); }
	50% { transform:translateX(-20%); }
}

img { max-width:auto !important; }

/*mainVisaul*/
#mainVisual { height:850px; overflow:hidden; position:relative }
.mainTit { box-sizing:border-box; padding-left:185px; color:#fff;  position:absolute; top:305px; left:50%; transform:translateX(-50%);  z-index:5;  max-width:1780px; width:100%; }
.mainTit dt { font-size:60px; line-height:130%; font-weight:300; }
.mainTit dd { margin-top:25px; font-weight:300; font-size:19px; }

.mvDot { position:absolute; top:210px; z-index:5; padding-left:185px; color:#fff; box-sizing:border-box; left:50%; transform:translateX(-50%);  z-index:5;  max-width:1780px; width:100%; }
.mvDot .slick-list .slick-track { transform:none !important; }
.mvDot .item { margin-right:15px; }
.mvDot button { display:block; width:50px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:14px; position:relative; background:none; border:none; cursor:pointer;  }
button::before, button::after { box-sizing: inherit; content: ''; position: absolute; width: 100%; height: 100%; }
.spin::before, .spin::after { top: 0; left: 0;  }
.spin::before { border: 2px solid transparent; }
.spin:hover::before { border-top-color: #fff; border-right-color: #fff; border-bottom-color: #fff; transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.10s, border-bottom-color 0.15s linear 0.20s; }
.spin::after { border: 0 solid transparent; }
.spin:hover::after { border-top: 2px solid #fff; border-left-width: 2px; border-right-width: 2px; transform: rotate(270deg); transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s; }
.circle { border-radius: 100%; box-shadow: none; }
.circle::before, .circle::after { border-radius: 100%; }
.mvDot .slick-current .spin::before { border-top-color: #fff; border-right-color: #fff; border-bottom-color: #fff; transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.10s, border-bottom-color 0.15s linear 0.20s; }
.mvDot .slick-current .spin::after { border-top: 2px solid #fff; border-left-width: 2px; border-right-width: 2px; transform: rotate(270deg); transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s; }

.mvBn { width:100%; height:100%;   }
.mvBn .item { position:relative; width:100%; height:850px; }
.mvBn .item .bg { position:absolute; width:100%; height:100%; }
.mvBn .item .bg img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); min-width:100%; min-height:100%; }
.mvBn .item .bg video{ position:absolute; top:0; left:0; width:auto; min-width:100%; min-height:100%; }


.mvBn .mainTit dt,
.mvBn .mainTit dd { opacity:0; }
.mvBn .slick-active .mainTit dt { opacity:1; animation:vs 1s; }
.mvBn .slick-active .mainTit dd { opacity:0; animation:vs 1s 1s; animation-fill-mode:forwards;: }

@keyframes vs {
	0% { opacity:0; transform:translateY(50%); }
	100% { opacity:1; transform:translateY(0);  }
}


/* .mvBn .mainTit.on { opacity:1; } */
#mainVisual .bottom { position:absolute; bottom:0; z-index:3; left:50%; transform:translateX(-50%);  max-width:1780px; width:100%; }
#mainVisual .tiny_text { position:absolute; bottom:55px; left:180px;  padding-left:75px; color:rgba(255,255,255,.3); font-size:13px; z-index:5; }
#mainVisual .tiny_text:before { content:""; display:block; width:5px; height:5px; border-radius:50%; background:#1eb9ee; position:absolute; top:4px; left:0; z-index:4; }
#mainVisual .tiny_text:after { content:""; display:block; width:60px; height:1px; background:rgba(255,255,255,.3); position:absolute; top:6px; left:0; }
#mainVisual .btn { position:absolute; bottom:0; right:0;  z-index:5;}
#mainVisual .btn li { display:inline-block; vertical-align:bottom; margin-left:10px; width:230px; height:95px; border-radius:7px 7px 0 0; border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.15); transition:all .3s; }
#mainVisual .btn li a { width:100%; height:100%; display:table; color:#fff; font-weight:500; font-size:19px; }
#mainVisual .btn li a p { display:table-cell; vertical-align:middle; padding-left:30px; }
#mainVisual .btn li a p span { display:none; }
#mainVisual .btn li:hover { height:125px; 
	background: rgb(35,61,127);
	background: linear-gradient(90deg, rgba(35,61,127,1) 0%, rgba(39,95,173,1) 100%);
}
#mainVisual .btn li:hover a p span { display:block; margin-top:15px; text-transform:uppercase; font-size:13px; letter-spacing:-.5px;  }


/* 221014 수정 */
#mainVisual .mod_video{position:absolute; top: 0; left: 0; width: 100%; height: 100%;}
#mainVisual .mod_video video{min-width: 100%; min-height: 100%;}


.mainBox { background:url('/img/main/bg_mainTop.png') no-repeat top left; overflow:hidden;  }
.abBox { margin-top:150px; overflow:hidden; }
.abBox > div { float:left; margin-left:90px; width:calc(100% - 700px); }
.abBox > div h3 span { display:block; font-family: 'Poppins',  sans-serif;  color:#09357f; font-size:20px;  }
.abBox > div h3 p { margin-top:45px; color:#222; font-size:50px; line-height:130%; font-weight:600;  }
.abBox > div ul { margin-top: 75px; }
.abBox > div li { float:left; margin-right:65px;  margin-bottom:35px; min-width:298px;  }
.abBox > div li:nth-child(3n) { clear:both; float:left; }
.abBox > div li:nth-child(even) { min-width:auto; } 
.abBox > div li p { color:#888; font-size:20px; }
.abBox > div li p em { color:#09357f; font-size:60px; font-weight:700; font-family: 'Poppins',  sans-serif;  }
.abBox > div li span { display:block; margin-top:15px; color:#222; font-weight:300; font-size:16px; line-height:120%;  }
.abBox > img { float:right; transform:skew(-65deg, -65deg); }


.solBox { margin-top:-120px; position:relative; overflow:hidden; }
.solBox h3 { font-size:200px; font-family: 'Poppins',  sans-serif; color:rgba(255,255,255,.1); font-weight:600; margin:115px auto 0; box-sizing:border-box; padding-left:90px; }
.solBox .bg { width:100%; height:580px; background: url('/img/main/bg_main.png') no-repeat center; background-size:cover; position:absolute; z-index:-2; top:0; left:0; }
.solBox .slideBn { margin-top:-50px; }
.solBox .slideBn .item { position:relative; height:100%; }
.solBox .slideBn .item img { width:100%; }
.solBox .slideBn .item .txt { display:block; width:100%; height:100%; position:absolute; top:0; left:0; }
.solBox .slideBn .item .txt div { display:table; width:100%; height:100%; }
.solBox .slideBn .item dl { display:table-cell; vertical-align:middle; color:#fff; box-sizing:border-box; padding-left:90px; }
.solBox .slideBn .item dt { color:#fff; font-size:60px; font-weight:600; line-height:120%; }
.solBox .slideBn .item dd { margin-top:20px; font-size:17px; line-height:150%; color:#fff; }
.solBox .slideBn .item a { display:block; position:absolute; bottom:100px; right:90px; width:160px; height:160px; background:#fff; border-radius:50%; display:table; text-align:center; color:#233b7d; font-size:18px; font-family: 'Poppins',  sans-serif; transition:all .3s; }
.solBox .slideBn .item a:before { content:""; display:block; width:0%; height:0%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);  border-radius:50%;  background:#fff;  transition:all .3s; }
.solBox .slideBn .item a:hover { background:transparent; }
.solBox .slideBn .item a:hover:before { width:120%; height:120%; opacity:.7; }
.solBox .slideBn .item a span { display:table-cell; vertical-align:middle; z-index:5; position:relative; }
.solBox .menu { position:relative; }
.solBox .menu:before { content:""; display:block; width:100%; height:1px; background:#eee; position:absolute; bottom:0; left:0; z-index:-1; }
.solBox .menu .slick-list .slick-track { transform:none !important; }
.solBox .menu .item { position:relative;  }
.solBox .menu .item p { width:100%; height:90px; position:relative; display:table; font-family: 'Poppins',  sans-serif; text-align:center; cursor:pointer;  }
.solBox .menu .item p:before { content:""; display:block; width:100%; height:2px; background:#ccc; position:absolute; bottom:0; left:0; }
.solBox .menu .item.slick-current p:after { content:""; display:block; width:100%; height:2px; background:#233b7d; position:absolute; bottom:0; left:0; animation:loading 2s; }
.solBox .menu .item span { display:table-cell; vertical-align:middle; color:#ccc; font-weight:300; font-size:20px; }
.solBox .menu .item.slick-current span { color:#233b7d; font-weight:500; }

@keyframes loading { 
	0% { width:0; }
	100% { width:100%; }
}

.round_Bg { background: url('/img/main/round_Bg.png') no-repeat center; }
/*our service*/
.svBox { padding:140px 0;  }
.svBox h3 { color:#222; font-weight:600; font-size:60px; line-height:120%; font-family: 'Poppins',  sans-serif;  text-align:center; }
.svBox .btn { margin-top:35px; overflow:hidden; text-align:center; }
.svBox .btn li { display:inline-block; vertical-align:top; margin:0 5px; width:150px; height:50px; border-radius:25px; text-align:center; color:#999; cursor:pointer;  border:1px solid #e8e8e8;  background:#fff; }
.svBox .btn li p { width:100%; height:50px; display:table; }
.svBox .btn li p span { color:#aaa; font-weight:300; font-size:16px; display:table-cell; vertical-align:middle; }
.svBox .btn li.on { 
	background: rgb(35,61,127);
	background: linear-gradient(90deg, rgba(35,61,127,1) 0%, rgba(39,95,173,1) 100%);
	border-color:transparent; 
}
.svBox .btn li.on p span { color:#fff; font-weight:500; } 
.svBox .roundBox { margin:95px auto 0; width:100%; height:620px; overflow:hidden; text-align:center; position:relative; }
.svBox .roundBox .btn { position:absolute; top:110px; left:0; width:100%; height:80px; overflow:hidden; z-index:3; }
.svBox .roundBox .btn p { position:absolute; top:0; display:table; width:80px; height:80px; border-radius:40px; box-sizing:border-box; border:1px solid #e8e8e8; font-family: 'Poppins',  sans-serif; text-align:center; cursor:pointer; background:#fff; transition:all .3s; }
.svBox .roundBox .btn p span { display:table-cell; vertical-align:middle; color:#aaa; font-weight:300; font-size:16px; }
.svBox .roundBox .btn p.prev { left:50%; margin-left:-440px; }
.svBox .roundBox .btn p.next { right:50%; margin-right:-440px; }
.svBox .roundBox .btn p:hover { border:1px solid #233b7d;  } 
.svBox .roundBox .btn p:hover span { color:#233b7d; }
.roundBn { width:140%; margin-left:-20%;  }
.roundBn .slick-slide { margin-top:190px; transition:all .3s; }
.roundBn .slick-slide dl { opacity:0; }
.roundBn .slick-slide.slick-current { margin-top:0; }
.roundBn .slick-slide.slick-current dl { opacity:1; } 
.roundBn img { display:block; margin:auto; }
.roundBn dl { margin-top:45px; }
.roundBn dt { color:#222; font-weight:600; font-size:30px; line-height:120%; }
.roundBn dd { margin-top:25px; font-weight:300; font-size:16px; line-height:150%; }


/*futureBn*/
.mainBn { width:100%; height:560px; background:url('/img/main/bg_bn.png') no-repeat center;  background-size:cover; display:table;  text-align:center; }
.mainBn div { display:table-cell; vertical-align:middle; color:#fff; }
.mainBn dt { font-family: 'Poppins',  sans-serif;  font-size:60px; line-height:120%; font-weight:600; }
.mainBn dd { margin-top:20px; font-size:16px; font-weight:300; line-height:180%; }
.mainBn a { margin:70px auto 0; width:240px; height:80px; border-radius:40px; border:1px solid rgba(255,255,255,.2); text-align:center; font-size:16px; font-weight:300; display:table; color:#fff; }
.mainBn a span { display:table-cell; vertical-align:middle;  }
.mainBn a span img { margin:5px 0 0 18px; }


/*Public Relations*/
.latestBox { padding:145px 0; font-family: 'Poppins',  sans-serif; }
.latestBox .titBox { overflow:hidden; }
.latestBox .titBox h3 { color:#222;  font-weight:600; font-size:60px; line-height:120%;  }
.latestBox .titBox ul { margin-top:50px; }
.latestBox .titBox li { float:left; margin-right:10px; display:block; width:120px; height:50px; border:1px solid #e8e8e8; border-radius:25px; text-align:center; cursor:pointer; background:#fff; overflow:hidden; }
.latestBox .titBox li p { display:table; width:100%; height:100%; }
.latestBox .titBox li span { color:#aaa; font-weight:300; font-size:16px; display:table-cell; vertical-align:middle;  }
.latestBox .titBox li.on { 
	background: rgb(35,61,127);
	background: linear-gradient(90deg, rgba(35,61,127,1) 0%, rgba(39,95,173,1) 100%);
	border-color:transparent; 
}
.latestBox .titBox li.on span { color:#fff; font-weight:500; }
.latestBox .btn { float:right; margin-top:-15px; }
.latestBox .btn p { float:left; margin-left:10px; display:table; width:80px; height:80px; border-radius:40px; box-sizing:border-box; border:1px solid #e8e8e8; font-family: 'Poppins',  sans-serif; text-align:center;  cursor:pointer; transition:all .3s; }
.latestBox .btn p span { display:table-cell; vertical-align:middle; color:#aaa; font-weight:300; font-size:16px; }
.latestBox .btn p.more { margin-left:30px; width:240px; border-color:#233b7d; }
.latestBox .btn p.more a { display:table; width:100%; height:100%; }
.latestBox .btn p.more a span { color:#233b7d; }
.latestBox .btn p.more a span img { margin:5px 0 0 20px; }
.latestBox .btn p:hover { border:1px solid #233b7d;  } 
.latestBox .btn p:hover span { color:#233b7d; }
.latestSlide { margin-top:85px; }
.latestSlide .slick-list .slick-track { float:left; }
.latestSlide .slick-slide { margin: 0 20px; }
.latestSlide .item { width:400px; height:560px; }
.latestSlide .post { width:100%; height:100%; position:relative; overflow:hidden; }
.latestSlide .post:before { content:""; display:block; width:100%; height:70%; position:absolute; bottom:0; left:0; z-index:2;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 1%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.8) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.8) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#6b000000',GradientType=0 );
}
.latestSlide .post img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); min-height:100%; max-width:auto !important; width:auto; min-width:auto; }
.latestSlide .post .hover { display:; width:100%; height:100%; position:absolute; top:0; left:0; z-index:3; box-sizing:border-box;  transition:all .3s; }
.latestSlide .post .hover dl { position:absolute; bottom:40px; left:35px; width:calc(100% - 70px); color:#fff;  word-break:keep-all; }
.latestSlide .post .hover dt { color:#fff; font-weight:500; } 
.latestSlide .post .hover dt span { display:block; font-family: 'Poppins',  sans-serif;  font-size:13px; font-weight:300; color:rgba(255,255,255,.5); margin-bottom:10px;  }
.latestSlide .post .hover dt p { height:60px; font-size:24px; line-height:130%; overflow:hidden; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.latestSlide .post .hover dd { margin-top:10px; color:rgba(255,255,255,.8); font-size:16px; font-weight:300; line-height:150%; display:none; height:72px; overflow:hidden; white-space:normal;  -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.latestSlide .post .hover:hover { background:rgba(35,59,125,.9); }
.latestSlide .post .hover:hover dd { display:-webkit-box; }



@media(max-width:1780px) {

	/*mainVisaul*/
	#mainVisual { height:850px; overflow:hidden; position:relative }
	.mainTit { padding-left:2%; }
	.mvDot { padding-left:2%; }

	.mvBn { width:100%; height:100%;   }
	.mvBn .item { position:relative; width:100%; height:850px; }
	.mvBn .item .bg { position:absolute; width:100%; height:100%; }
	.mvBn .item .bg img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); min-width:100%; min-height:100%; }
	.mvBn .item .bg video{ position:absolute; top:0; left:0; width:auto; min-width:100%; min-height:100%; }

	#mainVisual .bottom { left:0; transform:translateX(0); }
	#mainVisual .tiny_text { left:2%; padding-left:75px; }

	.abBox > div { margin-left:0; width:calc(100% - 550px); }
	.abBox > div h3 p { margin-top:25px;  font-size:40px; }
	.abBox > div ul { margin-top: 25px; }
	.abBox > div li { margin-right:35px; }
	.abBox > img { width:500px; }

}
@media(max-width:1200px) {
	
	/*mainVisaul*/
	#mainVisual { height:70vw; min-height:400px; }
	.mainTit { top:20vw; }
	.mainTit dt { font-size:40px; }
	.mainTit dd { margin-top:10px; font-size:15px; }
	.mvDot { top:11vw; padding-left:2%; }
	/* .mvDot button { width:50px; height:50px; line-height:50px;  font-size:14px;  } */
	.mvBn .item { height:70vw; min-height:400px; }
	.mvBn .item .bg img ,
	.mvBn .item .bg video{  max-height:100%; }
	#mainVisual .btn { width:100%; box-sizing:border-box; padding-left:3%; }
	#mainVisual .btn li { font-size:0; margin-left:3%; width:30%; height:75px; border-radius:5px 5px 0 0; }
	#mainVisual .btn li:first-child { margin-left:0; }
	#mainVisual .btn li a { font-size:19px; }
	#mainVisual .btn li a p { padding-left:30px; }
	#mainVisual .btn li:hover { height:110px; }
	#mainVisual .btn li:hover a p span { margin-top:10px;  font-size:13px; }
	#mainVisual .tiny_text { display:none; }


	.mainBox { background-size:25%;  }
	.abBox { margin-top:10vw;  }
	.abBox > div { margin-left:0; width:100%; }
	.abBox > div h3 span { font-size:15px; }
	.abBox > div h3 p { margin-top:10px; font-size:40px; }
	.abBox > div ul { margin-top: 30px; }
	.abBox > div li { /*width:33.33%;*/ box-sizing:border-box; margin:0 0 15px;  width:50%; }
	.abBox > div li p em { font-size:50px; }
	.abBox > img { width:30%; margin-top:20px; }


	.solBox { margin-top:-20%; }
	.solBox h3 { font-size:16vw; margin:6vw auto 0;  padding-left:0; }
	.solBox .bg { height:50vw; }
	.solBox .slideBn { margin-top:-3vw; }
	.solBox .slideBn .item dl { padding-left:5%; }
	.solBox .slideBn .item dt { font-size:6vw; }
	.solBox .slideBn .item dd { margin-top:10px; }
	.solBox .slideBn .item a { bottom:25px; right:25px; width:100px; height:100px; font-size:16px; }
	.solBox .menu .item p { height:60px; }
	.solBox .menu .item span { font-size:16px; }


	.round_Bg { background-size:120%; }
	/*our service*/
	.svBox { padding:10vw 0; }
	.svBox h3 { font-size:50px; }
	.svBox .btn { margin-top:25px; }

	.svBox .roundBox { margin:5vw auto 0; height:45vw; }
	.svBox .roundBox .btn { top:28%; height:50px; }
	.svBox .roundBox .btn p { width:50px; height:50px; border-radius:25px; }
	.svBox .roundBox .btn p.prev { margin-left:-24%; }
	.svBox .roundBox .btn p.next { margin-right:-24%; }
	.roundBn .slick-slide { margin-top:10vw; }
	.roundBn img { max-width:420px; width:70%; }
	.roundBn dl { margin-top:20px; }
	.roundBn dt { font-size:25px; }
	.roundBn dd { margin-top:15px; }


	/*futureBn*/
	.mainBn { height:auto; padding:10vw 0;  }
	.mainBn dt {  font-size:40px; }
	.mainBn dd { margin-top:15px;  }
	.mainBn a { margin:3vw auto 0; width:200px; height:50px; border-radius:25px; }


	/*Public Relations*/
	.latestBox { padding:10vw 0; }
	.latestBox .titBox h3 { font-size:50px; }
	.latestBox .titBox ul { margin-top:20px; }
	.latestBox .btn { float:none; float:right; margin-top:5px; }
	.latestBox .btn p { width:50px; height:53px; border-radius:25px; }
	.latestBox .btn p.more { margin-left:20px; width:200px; }
	.latestSlide { margin-top:25px; }
	.latestSlide .slick-slide { margin: 0 5px; }
	.latestSlide .item { width:95%; height:50vw; min-height:420px; }


}

@media(max-width:800px) {
	/*our service*/
	.svBox .roundBox { height:55vw; }
	.svBox .btn li{ width: calc((100% - 75px) / 4); }
	
}

@media screen and (max-width: 700px){
	
}

@media(max-width:650px) {


	/*mainVisaul*/
	.mainTit { top:20vw; }
	.mainTit dt { font-size:35px; }
	.mainTit dd { margin-top:10px; font-size:15px; }
	.mvDot { top:11vw; padding-left:2%; }
	.mvDot button { width:40px; height:40px; line-height:40px; font-size:13px;  }
	#mainVisual .btn li { height:55px; border-radius:5px 5px 0 0; margin-left:2%; }
	#mainVisual .btn li a { font-size:18px; }
	#mainVisual .btn li a p { padding-left:10px; }
	#mainVisual .btn li:hover { height:80px; }


	.abBox > div h3 p { font-size:30px; }
	.abBox > div ul { margin-top: 20px; }
	.abBox > div li { box-sizing:border-box;  padding:0 5px;  }
	.abBox > div li p { font-size:18px; } 
	.abBox > div li p em { font-size:35px; }
	.abBox > img { width:40%; margin-top:20px; }
 
	.solBox { margin-top:-15%; }
	.solBox .bg { height:45vw; }
	.solBox .slideBn .item dl { padding-left:2%; }
	.solBox .slideBn .item dt { font-size:.5.5vw; }
	.solBox .slideBn .item dd { margin-top:5px; font-size:15px; width:calc(100% - 90px); }
	.solBox .slideBn .item a { bottom:15px; right:15px; width:80px; height:80px; font-size:15px; }
	.solBox .menu .item p { height:50px; }

	.round_Bg { background-size:150%; }

	/*our service*/
	.svBox h3 { font-size:40px; }
	.svBox .btn { margin-top:15px; }
	.svBox .btn li { width:110px; }
	.svBox .btn li p span { font-size:15px; }

	.svBox .roundBox {  height:auto; min-height:280px; }
	.svBox .roundBox .btn { display:none;  }
	.roundBn .slick-slide { margin-top:0; }
	.roundBn img { width:30%; max-width:280px; }
	.roundBn dl { margin-top:10px; }
	.roundBn dt { font-size:18px; }
	.roundBn dd { margin-top:10px; font-size:15px; }


	/*Public Relations*/
	.latestBox .titBox h3 { font-size:40px; }
	.latestBox .titBox ul { margin-top:15px; width:100%; overflow:hidden; }
	.latestBox .titBox li { width:110px; }
	.latestBox .titBox li span { font-size:15px;  }
	.latestBox .btn { margin-top:15px; }
	.latestBox .btn p.more { margin-left:10px; }
	.latestSlide { margin-top:15px; }
	.latestSlide .item { height:40vw; min-height:350px; }
	.latestSlide .post img { max-height:150%; }
	.latestSlide .post .hover dl { bottom:20px; left:15px; width:calc(100% - 30px); }
	.latestSlide .post .hover dt p { height:50px; font-size:20px; }
	.latestSlide .post .hover dd {  font-size:15px; height:65px; }


}

@media screen and (max-width: 550px){
	.svBox .btn{ width: 85%; margin: 25px auto 0; margin-bottom: -10px; }
	.svBox .btn li{ width: calc((100% - 100px) / 2); margin-bottom: 10px; }
}

@media(max-width:480px) {


	/*mainVisaul*/
	.mainTit { top:27vw; }
	.mainTit dt { font-size:30px; }
	.mvDot { top:11vw; padding-left:2%; }
	#mainVisual .btn li a { font-size:14px; }



	.abBox > div li { width:100%; margin-bottom:15px; } 
	.abBox > div li span { margin-top:5px;  font-size:15px; }
	.abBox > img { margin-top:10px; }

	.solBox .slideBn .item dd { font-size:14px; line-height:120%; width:calc(100% - 60px); }
	.solBox .slideBn .item a { bottom:15px; right:15px; width:55px; height:55px; font-size:12px; }
	.solBox .menu .item p { height:50px; }
	.solBox .menu .item span { font-size:15px; }


	.round_Bg { background-size:200%; }

	/*our service*/
	.svBox .btn li { width:100px; height:40px;  border-radius:20px; margin:0 1px; }
	.svBox .btn li p { height:40px; }
	.svBox .btn li p span { font-size:15px; }
	.svBox .roundBox .btn { display:none;  }

	/*futureBn*/
	.mainBn dt { font-size:35px; }
	.mainBn dd { margin-top:10px; }
	.mainBn a { margin:3vw auto 0; width:200px; height:50px; border-radius:25px; }



	/*Public Relations*/
	.latestBox .titBox li { width:100px; height:40px; border-radius:20px; }
	.latestBox .btn { margin-top:15px; }
	.latestBox .btn p { width:40px; height:40px; border-radius:20px; }
	.latestBox .btn p span { font-size:14px;  }
	.latestBox .btn p.more { width:160px; }
	
	.latestSlide { margin-top:15px; }
	.latestSlide .item { min-height:250px; }

}