@charset "utf-8";
/* 怨듯넻 */
body * {box-sizing:border-box;}
body, html {font-size:18px;word-break:keep-all}
body {font-family:"Noto Sans KR", 'Titillium Web', "留묒?怨좊뵓","?뗭?",arial,Dotum,Verdana,helvetica,clean,sans-serif !important;}
@media all and (max-width:999px){
	body, html {font-size:16px}
}
@media all and (max-width:768px){
	body, html {font-size:14px}
}

.intro-80-wr {display:flex;flex-direction:column;justify-content:center;background:url(/resources/_Etc/Intro_80/_Img/intro_bg.png) no-repeat center;background-size:cover;min-height:100vh;padding:50px 0}
.intro-80-wr .intro-80-box {width:100%;max-width:1810px;margin:0 auto}
.intro-80-box .intro-logo {margin-bottom:20px;}
.intro-80-box .intro-logo a {display:inline-block}
.intro-80-box .intro-80 {display:flex;justify-content:space-between;}
.intro-80 .intro-movie-box {display:flex;flex-direction:column;justify-content:center;width:74.58%}
.intro-80 .intro-movie-box .intro-movie {position:relative;background-color:#fff;border-radius:20px;aspect-ratio:135 / 76;width:100%;line-height:0;overflow:hidden}
.intro-80 .intro-movie-box .intro-movie video {position:absolute;left:0;top:0;display:block;width:100%;transform:scale(1.01);transform-origin:center;object-fit:cover;}

.intro-80 .intro-link-box {
    display:grid;
    width:23.75%;
    gap:30px;
    grid-template-columns:100%;
    grid-template-areas:
        "link02"
        "logo80"
        "link01";
}
.intro-80 .intro-link-box .intro-link02,
.intro-80 .intro-link-box .intro-link01 {
    height:230px;
}
.intro-80 .intro-link-box .intro-link02 { grid-area: link02; }
.intro-80 .intro-link-box .logo80-img {
    grid-area: logo80;
    text-align:center;
    align-items:center;
    justify-content:center;
    display:flex;
    min-height:260px;
}
.intro-80 .intro-link-box .logo80-img > img {
    max-width:100%;
    max-height:100%;
}
.intro-80 .intro-link-box .intro-link01 { grid-area: link01; }


.intro-80 .intro-link-box .logo80-img {text-align:center}
.intro-80 .intro-link-box .logo80-img > img {height:55%}
.intro-80 .intro-link-box [class^="intro-link"] {display:flex;flex-direction:column;justify-content:center;gap:15px;position:relative;border-radius:20px;width:100%;height:100%;padding:40px;overflow:hidden}
.intro-80 .intro-link-box [class^="intro-link"]:last-child {margin-bottom:0}
.intro-80 .intro-link-box [class^="intro-link"] .txt {color:#fff;font-size:16px;font-weight:500;transition:all .3s ease-out}
.intro-80 .intro-link-box [class^="intro-link"] .txt > em {display:block;margin-bottom:5px;font-size:26px;font-weight:700;font-style:normal;}
.intro-80 .intro-link-box [class^="intro-link"] .txt:hover {text-decoration:underline;}
.intro-80 .intro-link-box [class^="intro-link"] .arr {position:absolute;right:40px;bottom:40px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='25px' height='25px'%3E%3Cimage x='0px' y='0px' width='25px' height='25px' xlink:href='data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAAAAADhgtq/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfqAwgAMRVSnyMiAAAAjklEQVQoz73SoQ4CMQzG8f8ICr0+BM9zHo3jBTZ1p9H4s3g8Gs870LNgh7mwbuwkVDX5pc3XpC6xUCt+Jq+jLsjpNmhbdqKZCvHBkCvv0UF9lFY2CTL12kydySXgOdqFd3yUWfRQTW4jrAE2nZ25IvvvbKD9JEEaCT5QS4ZKDJRioZSLAUi2zo/cuz99yBsB/0yEmPKr9wAAAABJRU5ErkJggg==' /%3E%3C/svg%3E") no-repeat center;border-radius:10px;width:48px;height:48px}
.intro-80 .intro-link-box [class^="intro-link"] .arr:after {content:"";display:block;position:absolute;left:50%;top:50%;background-color:rgba(255, 255, 255 ,.3);border-radius:10px;width:40px;height:40px;transform:translate(-50%, -50%) scale(1.7)}
/* .intro-80 .intro-link-box [class^="intro-link"]:hover .arr:after {animation:btnBgAni 2.5s ease-in-out infinite;} */
.intro-80 .intro-link-box .intro-link01 {background:-moz-linear-gradient( 0deg, rgb(3,101,183) 0%, rgb(64,167,190) 100%);background:-webkit-linear-gradient( 0deg, rgb(3,101,183) 0%, rgb(64,167,190) 100%);background:-ms-linear-gradient( 0deg, rgb(3,101,183) 0%, rgb(64,167,190) 100%);}
.intro-80 .intro-link-box .intro-link02 {background-image:-moz-linear-gradient( 0deg, rgb(124,6,62) 0%, rgb(206,26,112) 100%);background-image:-webkit-linear-gradient( 0deg, rgb(124,6,62) 0%, rgb(206,26,112) 100%);background-image:-ms-linear-gradient( 0deg, rgb(124,6,62) 0%, rgb(206,26,112) 100%);}
.intro-80-box .intro-copyright {margin-top:50px;color:#6b6b6b;font-size:16px;text-align:center;}
@media all and (max-width:1879px) {
	.intro-80-wr .intro-80-box {padding: 0 30px}
	.intro-80 .intro-link-box {grid-template-rows:1fr auto 1fr;}
	.intro-80 .intro-link-box [class^="intro-link"] {padding:20px}
	.intro-80 .intro-link-box [class^="intro-link"] .arr {right:20px;bottom:20px}
}
@media all and (max-width:1499px) {
	.intro-80 .intro-link-box {grid-template-rows:1fr auto 1fr;gap:15px}
	.intro-80 .intro-link-box [class^="intro-link"] .txt > em {font-size:20px}

}
@media all and (max-width:1299px) {
	.intro-80 .intro-link-box {grid-template-rows:1fr auto 1fr;gap:12px}
	.intro-80 .intro-link-box [class^="intro-link"] .txt > em {font-size:20px}
	.intro-80 .intro-link-box [class^="intro-link"] .link-logo > img {width:46px;height:auto}

}
@media all and (max-width:1159px) {
	.intro-80 .intro-link-box {grid-template-rows:1fr auto 1fr;gap:10px}
	.intro-80 .intro-link-box [class^="intro-link"] .arr {width:35px;height:35px}
	.intro-80 .intro-link-box [class^="intro-link"] .arr:after {transform:translate(-50%, -50%) scale(1.2);}

}
@media all and (max-width:999px) {
	.intro-80-wr {padding:30px 0}
	.intro-80-wr .intro-80-box {padding: 0 20px}
	.intro-80-box .intro-80 {flex-direction:column;gap:20px}
	.intro-80 .intro-movie-box {width:100%}
	.intro-80 .intro-link-box {display:flex;flex-flow:row wrap;align-items:stretch;gap:20px;width:100%}
	.intro-80 .intro-link-box [class^="intro-link"] {flex:1 1 0;width:auto;height:auto;margin-bottom:0}
	.intro-80 .intro-link-box .logo80-img > img {width:160px;height:auto;margin-bottom:0;}
	.intro-80-box .intro-copyright {margin-top:30px;}
}
@media all and (max-width:699px) {
	.intro-80-wr {min-height:100vh;min-height:100dvh;padding:20px 0}
	.intro-80-wr .intro-80-box {position:relative;padding:0 15px}
	.intro-80-box .intro-logo {margin-bottom:15px;}
	.intro-80 .intro-movie-box .intro-movie {border-radius:15px;}
	.intro-80-box .intro-80 {gap:15px}
	.intro-80 .intro-link-box {gap:15px}
	.intro-80 .intro-link-box .logo80-img {position:absolute;right:15px;top:0}
	.intro-80 .intro-link-box .logo80-img > img {width:auto;height:55px}
	.intro-80 .intro-link-box [class^="intro-link"] {gap:10px;border-radius:15px;padding:15px}
	.intro-80 .intro-link-box [class^="intro-link"] .txt {font-size:14px}
	.intro-80 .intro-link-box [class^="intro-link"] .txt > em {font-size:18px}
	.intro-80 .intro-link-box [class^="intro-link"] .arr {right:15px;bottom:15px;width:35px;height:35px}
	.intro-80 .intro-link-box [class^="intro-link"] .arr:after {display:none}
	.intro-80-box .intro-copyright {margin-top:15px;font-size:14px}
}
@media all and (max-width:499px) {
	.intro-80-wr .intro-80-box {padding:0 10px}
	.intro-80-box .intro-logo img {width:auto;height:34px;}
	.intro-80-box .intro-80 {gap:10px}
	.intro-80 .intro-link-box {gap:10px}
	.intro-80 .intro-link-box .logo80-img {right:10px}
	.intro-80 .intro-link-box .logo80-img > img {height:40px}
	.intro-80 .intro-link-box [class^="intro-link"] {padding:10px}
	.intro-80 .intro-link-box [class^="intro-link"] .arr {right:10px;bottom:10px}
}
@media all and (max-width:399px) {
	.intro-80 .intro-link-box {display:block;}
	.intro-80 .intro-link-box [class^="intro-link"] {flex-flow:row wrap;align-items:center;justify-content:flex-start;margin-bottom:10px;}
	.intro-80 .intro-link-box [class^="intro-link"] .arr {position:static;margin-left:auto}
}

@keyframes btnBgAni {
  0% { transform:translate(-50%, -50%) scale(1); }
  50% { transform:translate(-50%, -50%) scale(1.7) }
  100% { transform:translate(-50%, -50%) scale(1); }
}
@media all and (min-width:1000px) { 
 
	.intro-80 .intro-link-box { 
		height:100%; 
		gap:10px; 
		grid-template-rows:minmax(0,1fr) auto minmax(0,1fr); 
	} 
	.intro-80 .intro-link-box .intro-link02, 
	.intro-80 .intro-link-box .intro-link01 { 
		height:auto; 
	} 
	.intro-80 .intro-link-box .logo80-img { 
		min-height:0; 
		margin: 47px 0px;
	} 
	.intro-80 .intro-link-box .logo80-img > img { 
		height:auto !important; 
		max-height:230px !important; 
	} 
}