@charset "utf-8";

@media (min-width:1921px){
    body{scale: 100vw;}
    /* #intro{padding-right: 0;} */

    #intro .left .earth img:nth-child(1){display: none;}
    #intro .left .earth img:nth-child(2){display: block;}
}
@media (max-width:1900px){
    .intro{width: 100%;}
}

@media (max-width:1300px){
	#wrap { width:100%;}
    #intro .left{display: none;}
    .intro-page {height:100vh; width:100%;background-image: url('/assets/images/intro_bg_02.png'); background-size: cover; background-repeat: no-repeat; overflow: hidden;}
	.flex-space {padding-left:0; padding:60px 0 0;}
    .earth_mo{display: block; position: absolute; z-index: -1; top: 45px;}
    .earth_mo img{width: 100%;}
	.flex-space .earth {display: none; }
    .flex-space {margin-top: 276px;}
	.flex-space .intro-logo {width:90vw; text-align:center; padding: 0 2%;}
	.flex-space .intro-logo img {max-width:100%;}
	.flex-space .intro-txt {font-size:2.9vw;}
	.flex-space .intro-link-box {width:80vw;}
	.intro-page {height:auto; overflow: visible;}
	#intro {display:flex; padding-right:0; flex-direction: column-reverse;}
	#intro .right {position:static; min-width:auto; width: 95vw;}
	#intro .left {margin-top:-40px; background:none;}
	.rotate-txt {flex:0 0 50px; width:50px; overflow:visible;}
	.intro-movie {height:auto; position:relative; width:100%; margin-left:50px; margin-right:50px; margin-bottom:50px; padding-bottom:56.29%;}
	.rotate-txt ul {top:-6vw; bottom:auto;}
	.rotate-txt ul li {height:20vw;}
	.rotate-txt ul li .txt {font-size:1.5vw;}
    .link-box{margin: 20px auto 0; text-align: center;}
} /* 1300 */


@media (max-width:720px){
    .flex-space{margin-top: 110px;}
    
    .earth_mo{padding: 0 15%;}
    #intro .right{width: 90vw;}
	.flex-space .earth {display: none; }
	.flex-space .intro-logo {width:90vw;}
	.flex-space .intro-txt {font-size:5.5vw; font-weight: 500;}
	.flex-space .intro-link-box {width:90vw; margin-top: 20px;}
    .flex-space .intro-link-box ul li{padding: 20px 3% 45px; flex-wrap: wrap;}
    .flex-space .intro-link-box ul li.b-link .t2{flex-direction: column;}
    .flex-space .intro-link-box ul li.b-link .t2 div{width: 100%;}
    .flex-space .intro-link-box .t0 img{width: 60%;}
	.flex-space .intro-link-box ul li.b-link .t1 {font-size:0.9rem; line-height:1.2; padding:10px 0; margin: 10px 0; min-height: 56px; height: 0;}
	.flex-space .intro-link-box ul li.b-link .t1 p {display:block; font-weight: 500;}
    .flex-space .intro-link-box ul li.b-link .t3 p{font-size: 0.9rem;}
    .flex-space .intro-link-box ul li.b-link .t3{padding-top: 10px;}
    .link-box{width: 90vw;}
    .tbl-st-m p:nth-child(1){font-size: 15px;}
    .tbl-st-m p:nth-child(2){font-size: 14px;}
    .hint-blue {font-size: 14px;}
    .flex-space .intro-link-box ul li.b-link .t2{
        gap: 5px;
    }
    .flex-space .intro-link-box ul li.b-link .t2 a{
        padding: 10px 3% 10px 0px;
        font-size: 1rem; width: 100%;
    }
    .t2_pe{min-width: auto;}
    .flex-space .intro-link-box ul li.b-link .t2 .t2kr a{font-weight: 500;}
    .flex-space .intro-link-box ul li.b-link .t2 a i{font-size: 1rem; right: 10px;}
    .link-box{margin: 50px auto 50px; }
    .intro-copyright{letter-spacing: -0.5px;}

} /* 680 */