@charset "utf-8";

.link_area{padding:80px 0;background:#f5f5f5}
.link_area .tit{margin-bottom:25px;font-size:32px;color:#222;font-family:'notokr-bold'}
.link_area .inner{max-width:1200px;margin:0 auto}
.link_area .inner ul{overflow:hidden}
.link_area .inner li{overflow:hidden;float:left;width:calc((100% / 3) - 10px);text-align:center}
.link_area .inner li+li{margin-left:15px}
.link_area .inner li a{display:block}
.link_area .mo{display:none}
.link_area .mo .tit~.tit{margin-top:25px}
.link_area .mo ul{display:flex;flex-wrap:wrap;justify-content:space-between;border-bottom:2px solid #c0c8d5}
.link_area .mo ul li{width:50%;border-top:2px solid #c0c8d5;background-color:#fff}
.link_area .mo ul li:nth-child(even){border-left:2px solid #c0c8d5}
.link_area .mo ul li.full{width:100%;border-bottom:2px solid #c0c8d5}
.link_area .mo ul li a{display:flex;justify-content:space-between;align-items:center;position:relative;height:90px;padding:0 5px 0 15px;font-size:19px;letter-spacing:-1.5px;color:#3e5463;word-break:keep-all;font-family:'notokr-medium'}
.link_area .mo ul li a .pl{white-space:pre-line}
.link_area .mo ul li a .icon{height:90%}

/* 반응형 시작 [s] */
@media (max-width:1200px){
.link_area{padding:80px 20px}
.link_area .pc ul li img{width:100%}
}
@media (max-width:1024px){
.link_area{padding:40px 20px}
.link_area .tit{margin-bottom:15px;font-size:28px}
}
@media (max-width:768px){
.link_area{padding:0}
.link_area .tit{margin-bottom:10px;font-size:18px;color:var(--dark)}
.link_area .pc{display:none}
.link_area .pc ul li{width:calc(100% / 3)}
.link_area .pc ul li+li{margin:0}
.link_area .mo{display:block}
}
@media (max-width:680px){
.link_area .tit{font-size:18px}
}
@media (max-width:480px){
.link_area .mo ul li a{height:80px;font-size:16px}	
.link_area .mo ul li a .pl{white-space:normal;word-break:keep-all}
@media (max-width:380px){
.link_area .mo ul li a{font-size:15px;letter-spacing:-2px}	
}
@media (max-width:320px){
.link_area .mo ul li.li05 .icon{height:88%}	
}
/* 반응형 끝 [e] */