@charset "utf-8";
.intro_sec1 {
    display: flex;
    justify-content: space-between;
}
.intro_sec1 .intro_img {width: 45%;}
.intro_conts {width: 51%;}
.intro_conts h4 {
    font-size: 30px;
    word-break: keep-all;
    color: var(--color-main);
    margin-bottom: 2rem;
    font-family: var(--font-point);
    font-weight: 700;
}
.intro_conts p {
    padding: .5rem 0;
    word-break: keep-all;
}
.intro_conts p:first-child {padding-top:0}
.intro_conts strong {
    display: block;
    font-weight: 600;
    margin-top: 1rem;
}
.intro_img img {
    border-radius: 2rem;
    width: 100%;
}
.intro_conts ul {display:flex;margin: 1em 0;justify-content: space-between;}
.intro_conts ul li {width: 47%;text-align: center;}
.intro_conts ul li a {
    display: block;
    padding: 1em;
    background-color: #4CAF50;
    border-radius: 1em;
    color: #fff;
    font-weight: 400;
    word-break: keep-all;
}
.intro_sec2 .media{margin: 3rem auto;text-align:center}
.intro_sec2 .media img {padding-bottom:1rem}


/* PC (해상도 ~ 1024px)*/ 
@media only screen and (max-width: 1440px)  {
	.intro_sec1 {align-items: flex-start;}
	.intro_sec1 .intro_img {width: 40%;}
	.intro_sec1 .intro_img img {
		height: 600px;
	    object-fit: cover;
	}
	.intro_conts {
	    width: 55%;
	}
}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/ 
@media all and (min-width:768px) and (max-width:1023px) {
	.intro_sec1 {
	    flex-wrap: wrap;
	}
	.intro_sec1 .intro_img {width: 100%;}
	.intro_sec1 .intro_img img {
		height: 400px;
	    object-fit: cover;
	}
	.intro_conts {
	    width: 100%;
	    margin-top: 2rem;
	}
	.intro_conts h4 {margin-bottom:1rem}
	.intro_conts h4 br {display:none}
}


/* 모바일 가로, 모바일 세로 (해상도 ~ 767px)*/ 
@media all and (max-width:767px) {
	.intro_sec1 {
	    flex-wrap: wrap;
	}
	.intro_sec1 .intro_img, .intro_conts {width: 100%;}
	.intro_conts {margin-top:1rem}
	.intro_sec1 .intro_img img {
		height: auto;
	    object-fit: cover;
	}
	.intro_conts h4 {margin: 1rem 0;}
	.intro_conts h4 br {display:none}
	.intro_conts p {
    word-break: break-all;
}
	.intro_sec2 .media iframe {height:250px}
}