@charset "UTF-8";

/* 바로가기 메뉴 */
.direct_menu {overflow: hidden;}
.direct_menu li {width: 25%;margin-top: 0 !important;float: left;text-align: left;}
.direct_menu li:nth-child(1) {background-color: #cec4e2;}
.direct_menu li:nth-child(2) {background-color: #c1e0f2;}
.direct_menu li:nth-child(3) {background-color: #ebeffe;}
.direct_menu li:nth-child(4) {background-color: #b3e8e8;}

.direct_menu li a {width: 100%;height: 100%;padding: 50px 20px;display: table;}
.direct_menu li .txt {padding-left: 110px;display: table-cell;vertical-align: middle;font-size:30px;color: #434349;line-height: 32px;position: relative;}
.direct_menu li .sub {margin-top: 5px;font-size:14px;line-height: 18px;display: block;}
.direct_menu li .ico {width: 90px;height: 90px;margin-top: -45px;border-radius: 50%;position: absolute;top:50%;left:0;}
.direct_menu li .ico img {width: 100%;}
.direct_menu li:nth-child(1) .ico {background-color: #555793;}
.direct_menu li:nth-child(2) .ico {background-color: #fff;}
.direct_menu li:nth-child(3) .ico {background-color: #708394;}
.direct_menu li:nth-child(4) .ico {background-color: #01b1b1;}

/* Tablet */
@media screen and (max-width: 1200px) {
	/* 바로가기 메뉴 */
	.direct_menu li a {padding: 30px 15px;}
	.direct_menu li .txt {padding-left: 65px;font-size:20px;line-height: 24px;display: inline-block;}
	.direct_menu li .sub {display: none;}
	.direct_menu li .ico {width: 56px;height: 56px;margin-top: -28px;background-size: 56px auto;}
}

/* Mobile */
@media screen and (max-width: 768px) {
    /* 바로가기 메뉴 */
    .direct_menu li {width: 50%;}
    .direct_menu li a {padding: 20px 25px;}
    .direct_menu li .txt {padding-left: 40px;font-size:14px;line-height: 18px;}
    .direct_menu li .ico {width: 35px;height: 35px;margin-top: -18px;background-size: 35px auto;}
}