#eye_area {
	padding-top : 0;
}


#eye_area .img_wrap {
	position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#eye_area .img_wrap .button_box {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

#eye_area .img_wrap .button_box button {
	border: none;
    border-radius: 1rem;
    background-color: #017CC2;
    color: #fff;
    width: 14.6vw;
    height: 3vw;
    font-size: 1.4vw;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 12px 0 rgba(26, 32, 57, 0.25), 0 0 20px 0 rgba(26, 32, 57, 0.3), inset 4px 4px 24px 0 rgba(1, 90, 160, 0.4), inset 4px 4px 4px 0 #a0e0ff, inset 2px 2px 6px 0 #29a7ff, inset -2px -2px 14px 0 rgba(0, 60, 130, 0.9), inset -6px -6px 10px 0 rgba(0, 45, 100, 0.8), inset -8px -8px 11px 0 #c2f0ff;
    animation: eyeBtnfadeInOut 2s ease-in-out infinite;
    cursor: pointer;
}

@keyframes eyeBtnfadeInOut {
    0%, 100% {
        opacity: 0;         /* 완전히 안 보임 */
        visibility: hidden;
    }
    50% {
        opacity: 1;         /* 완전히 보임 */
        visibility: visible;
    }
}
    
#eye_area .img_wrap img {
	width: 100%;
    object-fit: cover;
}

.ex_wrap {
	margin-top : 100px; 
}

.ex_wrap ul {
	display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    row-gap: 60px;
    column-gap: 60px;
    flex-wrap: wrap;
}

.ex_wrap ul li {
	width : 32%;	
}

.ex_wrap ul li .tit_wrap {
	display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 2px;
    margin-bottom: 10px;
}

.ex_wrap ul li .tit_wrap img {
	width: 40px;
    height: 40px;
}

.ex_wrap ul li .tit_wrap h3 {
	font-size : 24px;
}

.ex_wrap ul li .txt_wrap {
	padding-left: 42px;
}

.ex_wrap ul li .txt_wrap p {
	font-size: 12.5px;
    font-weight: 500;
}

@media (max-width: 1023px) {
	#eye_area .img_wrap .button_box button {
		width: 250px;
		height: 50px;
		font-size: 24px;
	}
}

@media (max-width: 511px) {
	#eye_area .img_wrap .button_box button {
		width: 125px;
		height: 25px;
		font-size: 12px;
	}
	.ex_wrap {
		margin-top : 50px;
	}
	
	.ex_wrap ul {
		column-gap: 30px;
    	row-gap: 30px;
	}
	.ex_wrap ul li .txt_wrap {
		padding-left : 12px;
	}
	
	.ex_wrap ul li .tit_wrap img {
		width: 20px;
		height: 20px;
	}
	.ex_wrap ul li .tit_wrap h3 {
		font-size: 16px;
	}
	.ex_wrap ul li .txt_wrap p {
		font-size: 11.5px;
	}
}