@charset "utf-8";
/* @latest 2021.07.27 SSJ - 완전 변형 */
/* @latest 2021.08.13 OSY */

/* quick003_1 */
.quick003_1 {width:100%; height:100%; float:left; text-align:center; padding:15px; box-sizing:border-box; background:#fff;}
.quick003_1 .innerbox {display:inline-block;line-height: normal;vertical-align: middle;width: 100%;}
.quick003_1 .innerbox .tit {width:100%;margin: 0 0 30px; color:#333;box-sizing:border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.quick003_1 .innerbox .qlink_3 {width:100%; max-width:400px; display:inline-block; text-align:center; font-size:0;}
.quick003_1 .innerbox .qlink_3 .qlink00 {position:relative; display:inline-block; width:33.333%;}
.quick003_1 .innerbox .qlink_3 .qlink00 > a {display:inline-block; width:100%; padding:0 10px; box-sizing:border-box;}
.quick003_1 .innerbox .qlink_3 .qlink00 .icon {width:100%; height: 0; padding-bottom: 100%; border-radius:50%; overflow: hidden; border: 3px solid transparent;}
.quick003_1 .innerbox .qlink_3 .qlink00 .icon img {vertical-align:middle;width: auto;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 50%;margin-left: 3px;}

.quick003_1 .innerbox .qContent {width:100%; display:block; line-height:140%; clear:both; padding-top:20px; word-break:keep-all;}



	/*animation fx*/
	.quick003_1 .qlink00:first-of-type .icon {animation:quick003motion1 5s linear 0s 1 normal forwards; -webkit-transition:background-color 1s; transition:background-color 1s;}
	.quick003_1 .qlink00:nth-of-type(2) .icon {animation:quick003motion2 5s linear 0s 1 normal forwards; -webkit-transition:background-color 1s; transition:background-color 1s;}
	.quick003_1 .qlink00:nth-of-type(3) .icon {animation:quick003motion3 5s linear 0s 1 normal forwards; -webkit-transition:background-color 1s; transition:background-color 1s;}
	    @keyframes quick003motion1 {
	      0% {opacity: 0;}
	      22.22% {opacity: 1;}
	      33.33% {opacity: 0.5;}
	      55.56% {opacity: 1;}
	      77.78% {opacity: 1;}
	      100% {opacity: 1;}
	    }
	     @keyframes quick003motion2 {
	      0% {opacity: 0;}
	      22.22% {opacity: 0;}
	      33.33% {opacity: 1;}
	      55.56% {opacity: 0.7;}
	      77.78% {opacity: 0.8;}
	      100% {opacity: 1;}
	    }
	    @keyframes quick003motion3 {
	      0% {opacity: 0;}
	      22.22% {opacity: 0;}
	      33.33% {opacity: 0;}
	      55.56% {opacity: 1;}
	      77.78% {opacity: 0.5;}
	      100% {opacity: 1;}
	    }



	/*layer height - different styling */
		.layout_height_M .quick003_1 .innerbox .tit {margin-bottom:15px;}
		.layout_height_M .quick003_1 .innerbox .qContent {padding-top:10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;}

	@media (min-width:800px){
		.layout_height_H .quick003_1 {line-height:320px;}
		.layout_height_M .quick003_1 {line-height:220px;}
	}
	@media (max-width:799px){
		.quick003_1 {padding:20px 15px;}
	}
	@media (max-width:599px){
	}