/*! 자주가는사이트 */
.graduate-wr .icon-area {text-align:center;margin-top:30px}
.graduate-wr .icon-area p {font-family:univia-pro,"Noto Sans KR",sans-serif;color:#024092;font-size:1.176em;font-weight:600}
.graduate-wr p.sub-tit {text-align:center;font-size:1.176em;line-height:30px;margin:35px 0 50px}
.graduate-wr ul {overflow:hidden}
.graduate-wr ul li {width:calc(25% - 19.5px);float:left;margin-right:23px;margin-bottom:26px;border-radius:10px 10px 0 0;overflow:hidden; border: 1px solid #ccc; box-sizing: border-box;}
.graduate-wr ul li:nth-child(4),.graduate-wr ul li:last-child {margin-right:0}
.graduate-wr ul li:first-child {border-radius:100px 10px 0 0}
.graduate-wr ul li:last-child {border-radius:10px 100px 0 0}
.graduate-wr ul li img {width:100%}
.graduate-wr ul li div {padding:30px 0 0; border-top:1px solid #ccc; box-sizing:border-box; position: relative; min-height: 150px;}
.graduate-wr ul li div > a {display:block}
.graduate-wr ul li a.home {width:60px;height:60px;background:#024092;display:block;position:absolute;right:20px;top:-30px;border-radius:50%;box-shadow: 0 10px 7px 0 rgba(0,0,0,.2)}
.graduate-wr ul li a.home:before {content:"";display:block;width:28px;height:23px;background:url(/kr/_Img/Content/content_spr.png) -110px 0 no-repeat;margin:0 auto;margin-top:16px}
.graduate-wr ul li a.home:hover::before {animation:buzz .75s linear 1}
.graduate-wr ul li p.li-tit {color:#222222;font-size:1.294em;padding-left:20px; margin: 10px 20px 30px;}
.graduate-wr ul li span {font-family:univia-pro,"Noto Sans KR",sans-serif;color:#bbbbbb;font-size:0.882em;display:block;margin-bottom:25px;padding:0 20px;letter-spacing:0;font-weight:500}
.graduate-wr ul li div p.call {font-family:univia-pro,"Noto Sans KR",sans-serif;height:69px;line-height:69px;font-weight:600;background:#f4f4f4;padding-left:20px}
.graduate-wr ul li div p.call:before {content:"";display:inline-block;width:28px;height:30px;background:url(/kr/_Img/Content/public_spr.png) -32px -58px no-repeat;vertical-align:middle;margin-top:-4px;margin-right:5px}
.graduate-wr ul li div a.info-link {background:#e0e0e0;width:135px;height:69px;line-height:69px;color:#222222;transition:all 0.3s;display:block;position:absolute;bottom:0;right:0;text-align:center}
.graduate-wr ul li div a.info-link::before {content:"";width:22px;height:10px;display:inline-block;vertical-align:middle;background:url(/kr/_Img/Content/graduate_bar.png) no-repeat;transition:all 0.3s;margin-right:10px}
.graduate-wr ul li div a.info-link:hover {background:#00A1E9;color:#fff}
.graduate-wr ul li div a.info-link:hover::before {background:url(/kr/_Img/Content/graduate_bar_h.png) no-repeat}
@media all and (max-width:1399px) {
    .graduate-wr ul li div a.info-link {width:110px}
}
@media all and (max-width:1325px) {
    .graduate-wr ul li div a.info-link {position:static;width:100% ;height:50px;line-height:50px}
    .graduate-wr ul li div p.call {text-align:center;padding-left:0;height:50px;line-height:50px}
    .graduate-wr ul li span {min-height:52px}
}
@media all and (max-width:1199px) {
    .graduate-wr ul li {width:calc(33.333% - 32.333px)}
    .graduate-wr ul li:nth-child(4n) {margin-right:26px}
    /*.graduate-wr ul li:nth-child(3n) {margin-right:0}*/
    .graduate-wr ul li p.li-tit {font-size: 1em;}
}
@media all and (max-width:799px) {
    .graduate-wr ul li {width:calc(50% - 15px);margin-right:10px}
    .graduate-wr ul li:nth-child(3n) {margin-right:10px}
    .graduate-wr ul li:nth-child(2n) {margin-right:0}
    .graduate-wr ul li:first-child {border-radius:10px 10px 0 0}
    .graduate-wr ul li:last-child {border-radius:10px 10px 0 0}
    .graduate-wr ul li a.home {width:40px;height:40px;right:15px;top:-15px}
    .graduate-wr ul li a.home:before {margin-top:8px}
    .graduate-wr ul li span {margin-bottom:0px}
}
@media all and (max-width:449px) {
    .graduate-wr ul li {width:100%;margin-right:0}
    .graduate-wr ul li:nth-child(3n) {margin-right:0}
    .graduate-wr ul li:nth-child(2n) {margin-right:0; box-sizing: border-box;}
    .graduate-wr ul li div {padding-top:15px; min-height: 50px;}
}


/*FROM SITE CODE :  
*/
