@charset "utf-8";

.wrap-link{background:url(/images/regional/main/service_bg_1.jpg);background-size:cover;padding:50px 60px;}
/*타이틀*/
.wrap-link h3{font-size:22px;color:#FFF;font-family:'Mont Regular';line-height:1;margin-bottom:45px;position:relative;}
.wrap-link h3 span{font-size:24px;font-family:'Mont SemiBold';}
.wrap-link h3:before{content:"";display:block;width:calc(100% - 260px);height:1px;background:#FFF;position:absolute;right:0;bottom:4px;}
/*비주얼*/
.wrap-link .slider{}
.wrap-link .slider li{text-align:center;}
.wrap-link .slider li a{display:block;padding:20px 0 17px 0;background:#FFF;color:#212121;border-radius:30px;margin:5px 12px;}
.wrap-link .slider li img{display:none;}
.wrap-link .slider li p{font-size:18px;font-family:'Noto Regular';line-height:1;}
/*콘트롤*/
.wrap-link button{display:inline-block;cursor:pointer;text-indent:-9999px;}
.wrap-link .prevnext{}
.wrap-link .prevnext button{width:60px;height:60px;position:absolute;right:0;z-index:1;background-color:rgba( 51,51,51,0.7 ) !important;}
.wrap-link .prevnext button.prev{background:url(/images/regional/common/arrow_2_r_w.png) no-repeat center;transform:rotate(-90deg);top:calc(50% - 23px);}
.wrap-link .prevnext button.next{background:url(/images/regional/common/arrow_2_r_w.png) no-repeat center;transform:rotate(90deg);top:calc(50% + 38px);}
.wrap-link .control{display:none;}
.wrap-link .control .paging{}
@media all and (min-width:1025px){
	.wrap-link .slider li a:hover{background:#333;color:#FFF;}
	.wrap-link .prevnext button:hover{transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);background-color:rgba( 51,51,51,1 ) !important;}
}
@media all and (max-width:1280px){
	.wrap-link{padding-left:20px;}
}
@media all and (max-width:768px){
	.wrap-link{padding:20px 40px 20px 20px;}
	.wrap-link h3{font-size:20px;margin-bottom:20px;}
	.wrap-link .slider li a{padding:12px 0 15px 0;margin:5px;}
	.wrap-link .slider li p{font-size:16px;}
	.wrap-link .prevnext button{width:40px;height:40px;}
	.wrap-link .prevnext button.prev{top:calc(50% - 16px);}
	.wrap-link .prevnext button.next{top:calc(50% + 25px);}
}
@media all and (max-width:380px){
	.wrap-link{padding-right:20px;}
	.wrap-link h3{text-align:center;}
	.wrap-link h3 span{display:block;}
	.wrap-link h3:before{display:none;}
	.wrap-link .prevnext button.prev{top:calc(50% - 8px);}
	.wrap-link .prevnext button.next{top:calc(50% + 33px);}
}