@charset "utf-8";

* {line-height:1.2;}
body:before {content:"";display:block;position:absolute;top:0;left:0;right:0;height: 483px;/* max-height:50%; */background:#d9f6ff;z-index:-1;}

/*링크 2개일 때*/
#intro_wrap {position:relative;max-width: 1540px;padding: 60px 0 20px 0;box-sizing:border-box;margin:0 auto;text-align:center;}

/*링크 3개일 때*/
/*#intro_wrap {position:relative;max-width:1180px;padding: 60px 0 20px 0;box-sizing:border-box;margin:0 auto;text-align:center;}*/

#copyright {font-size:16px;color: #575756;margin-bottom:0;padding-top: 50px;letter-spacing: 0;}

@media all and (max-width:1400px) {
	body:before {height:50%}
	#intro_wrap > * {zoom:.9;}
}

@media all and (max-width:870px) {
	#intro_wrap {position:relative; padding-top:50px; max-width:600px;}
	#intro_wrap > * {zoom:.9;}
}
@media all and (max-width:555px) {
	#intro_wrap > * {zoom:.8; margin: 10px;}
}

/*#intro_wrap .img_logo {position:absolute;top: 18px;left: 0;}*/
#intro_wrap .titWrap{margin: 25px 50px;}
#intro_wrap .titWrap a {display:block;}

.tit {margin-top: 20px;width:95%;max-width:621px;}

.link-quick {margin: 0;}
.link-quick:after {content:""; display:block; clear:both;}
.link-quick > li {display: inline-block;width: 25%;padding: 20px;box-sizing:border-box;}
/*.link-quick > li {display:block;width:30%;float:left;padding: 20px;box-sizing:border-box;}*/
.link-quick .item {display:block;position:relative;border-radius: 20px;background:#fff;border: 1px solid #cccccc;overflow:hidden;transition:.3s all;-webkit-transition:.3s all;}
.link-quick .item:hover {transform:translateY(-20px); -webkit-transform:translateY(-20px);-webkit-box-shadow: 8px 8px 8px 0px rgba(0,0,0,0.1);	-moz-box-shadow: 8px 8px 8px 0px rgba(0,0,0,0.1);	box-shadow: 8px 8px 8px 0px rgba(0,0,0,0.1);}
.link-quick .item .desc {display:block;position:relative;padding: 40px 10px 0;box-sizing:border-box;min-height: 200px;}
.link-quick .item .desc > * {display:block; position:relative; word-break:keep-all;}
.link-quick .item .desc span {font-size:15px; padding:5px;}
.link-quick .item .desc strong {font-size: 25px;color: #303030;font-weight: 700;letter-spacing: -0.8pt;}
.link-quick .item .desc strong ~ strong {margin-top:10px;}
.link-quick .item .desc .point{color:#004da3}

.link-quick .item .ani-area {background-size:100% 100%;}
.link-quick .item .ani-area:before {content:"";display:block;position:relative;padding-top: 78%;z-index:-1;}
.link-quick .item .ani {position:absolute; top:0; left:0; right:0; bottom:0; z-index:0;}

.link-quick .item .desc a {display:inline-block;padding:12px 50px;margin: 40px 0 0;text-align:center;background: #063d7b;color:#fff;border-radius: 50px;transition:.3s all;-webkit-transition:.3s all;font-size: 16px;font-weight: 500;}
.link-quick .item .desc a:hover {background:#0056b8; border-bottom:0;}

.link-quick .item .desc2 {padding-top:30px; min-height:254px;}
.link-quick .item .desc ul {margin:20px 16px 20px; box-sizing:border-box;}
.link-quick .item .desc li {margin:2px 0;text-align:left; overflow:hidden;position:relative;}
.link-quick .item .desc li span {float:left;display:block;width:70%; padding:3px 0; padding-left:22px; box-sizing:border-box; background:url(/portal/img/corona_index/bul.png) no-repeat left center;}
.link-quick .item .desc a.small {font-size:12px; padding:6px 0; margin:-13px 0 0;width:28%;line-height:1.2;position:absolute; right:0; top:50%;}
.link-quick .item .desc a:focus {outline-style: dashed;outline-width: 1px;outline-offset: 2px;}

.link-quick .item.link7 .desc .btn-box {margin-top: 20px;}
.link-quick .item.link7 .desc a {min-width:80px;padding:12px 30px;margin-top:5px;}
.link-quick .item.link7 .desc a:nth-child(2) {background:#009F3C;}
.link-quick .item.link7 .desc a:hover {background:#0056b8;}
@media all and (max-width:1190px) {
	.link-quick li {padding:5px;width: 50%;}
}
@media all and (max-width:1150px) {
	.link-quick .item .desc {min-height: 220px;padding-top: 50px;zoom:0.9;}
}

@media all and (max-width:870px) {
	/*.link-quick > li {width: 33.3333%;}*/
	#intro_wrap .btnWrap {float:none; margin: 30px 0;}
	#intro_wrap .btnWrap a {width:90%; margin: 10px auto;}
}

@media all and (max-width:600px) {
	#intro_wrap {padding-top:90px;}
	#intro_wrap .img_logo {position:absolute;top: 18px;left: 50%;margin-left:-90px;}
	#intro_wrap .titWrap img{ }
	#intro_wrap .btnWrap {float:none; margin: 30px 0;}
	.link-quick li {width:100%;}
	.link-quick .item .desc span {font-size:18px;}
	.link-quick .item .desc a {font-size:20px;}
}

.ani-area .ani {background:no-repeat 50% 50%; background-size:100% auto;}
.ani-area .ani div {display:block; position:absolute; top:0; left:0; right:0; bottom:0; transition:.3s all; -webkit-transition:.3s all; }
.ani-area .obj1 {z-index:0;}
.ani-area .obj2 {z-index:1;}
.ani-area .obj3 {z-index:2;}

.link1 .ani-area {background:url(/portal/img/corona_index/tap_bg1.png) no-repeat, #89f2e2;}
.link2 .ani-area {background:url(/portal/img/corona_index/tap_bg2.png) no-repeat, #99b6ff;}
.link3 .ani-area {background:url(/portal/img/corona_index/tap_bg4.png) no-repeat, #70dff8;}
.link4 .ani-area {background:url(/portal/img/corona_index/tap_bg3.png) no-repeat, #c9e1f7;}
.link5 .ani-area {background:url(/portal/img/corona_index/tap_bg5.png) no-repeat, #c9f7f1;background-size: 130% !important;background-position: 30% 54%;}
.link6 .ani-area {background:url(/portal/img/corona_index/tap_bg6.png) no-repeat, #77c7ff;}
.link7 .ani-area {background:url(/portal/img/corona_index/tap_bg7.png) no-repeat, #fff7d7;}
.link8 .ani-area {background:url(/portal/img/corona_index/tap_bg8.png) no-repeat, #fff7d7;}
.link9 .ani-area {background:url(/portal/img/corona_index/tap_bg9.png) no-repeat, #fff7d7;}
.link10 .ani-area {background:url(/portal/img/corona_index/tap_bg10.png) no-repeat, #fff7d7;}

@media all and (max-width:450px) {
	.link-quick .item .desc {min-height:auto;padding-bottom:50px;}
	.link-quick .item .desc strong {font-size:36px;}
}

/*소상공인 카드수수료 지원사업 버튼 정렬*/
.link-quick .link6 .desc {
	padding-top: 56px !important;
}
.link-quick .link6 .desc a {
	margin-top: 20px !important;
}