@charset "UTF-8";

.wrap_link_1,
.wrap_link_1 .container,
.wrap_link_1 .slider{height:100%;}
.wrap_link_1{background:#FFF;}
.wrap_link_1 .slider{display:flex;flex-wrap:wrap;}
.wrap_link_1 .slider > li{width:16.66666%;}
.wrap_link_1 a.item{padding:50px 20px 0 20px;border-right:1px solid #e5e5e5;position:relative;width:100%;height:100%;text-align:center;display:flex;flex-direction:column;align-items:center;transition:0.5s;}
.wrap_link_1 a.item::after{content:"";display:block;width:28px;height:28px;background:url(../images/arrow_1.png) no-repeat center;position:absolute;left:calc(50% - 14px);bottom:60px;}
.wrap_link_1 .item_1{width:105px;height:105px;border-radius:100%;display:flex;align-items:center;justify-content:center;transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
.wrap_link_1 .item_1 img{display:inline;max-height:66px;}
.wrap_link_1 .item_2{margin-top:40px;}
.wrap_link_1 .text_1{font-size:22px;color:#000;font-family:'Sebang Regular';line-height:1.2;text-align:center;}
.wrap_link_1 .text_2{font-size:16px;color:#888;line-height:1.3;text-align:center;margin-top:15px;}
.wrap_link_1 .control{display:none;}
@media all and (max-width:1640px) {
}
@media all and (max-width:1280px) {
	.wrap_link_1 .slider{border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;}
	.wrap_link_1 .slider > li{width:33.3%;border-bottom:1px solid #e5e5e5;}
	.wrap_link_1 a.item{padding:20px;justify-content:center;}
	.wrap_link_1 a.item::after{display:none;}
	.wrap_link_1 .item_1{border-radius:0;width:100%;height:auto;}
	.wrap_link_1 .item_1 img{max-width:45px;}
	.wrap_link_1 .item_2{margin-top:20px;}
	.wrap_link_1 .text_1{font-size:20px;}
	.wrap_link_1 .text_2{font-size:14px;}
}
@media all and (max-width:768px) {
	.wrap_link_1 .item_1 img{max-width:35px;}
	.wrap_link_1 .text_1{font-size:16px;}
	.wrap_link_1 .text_2{font-size:12px;margin-top:5px;}
}
@media all and (max-width:420px) {
	.wrap_link_1 .slider > li{width:50%;}
}
/*HOVER*/
@media all and (min-width:1281px) {
	.wrap_link_1 a.item:hover{background:#255e6a;border-color:#255e6a;}
	.wrap_link_1 a.item:hover::after{filter: invert(1) brightness(10);}
	.wrap_link_1 a.item:hover .item_1{background:#FFF;transform:rotatey(360deg);}
	.wrap_link_1 a.item:hover .text_1{color:#FFF;}
	.wrap_link_1 a.item:hover .text_2{color:rgba(255,255,255,0.7);}
}