/*Content CSS*/
#main_vis { position: relative; }
#main_vis .main_vis_bg { background:url("../img/main_bg.jpg?v=250611") 50%/cover no-repeat; height: 100vh; min-height: 900px; max-height: 1080px; width:100%; overflow:hidden; }

/*메인타이포*/
.main_typo_wrap { position:absolute; left:50%; transform: translateX(-50%); width:100%; max-width: 1400px; top:0; height: 100%; display: flex; justify-content: center;
flex-direction: column; align-items: center;}

.main_typo_wrap .part_list { display: block; margin-top: 70px; }
.main_typo_wrap .part_list > li { position:relative; display: flex; align-items: center; white-space: nowrap; }
.main_typo_wrap .part_list h2 { text-align: center; color:#fff; font-size: 20px; margin-right: 20px; font-weight: 400; }

.main_typo_wrap .logo_list { display: flex; align-items: center; }
.main_typo_wrap .logo_list li ~ li { margin-left: 35px; }
.main_typo_wrap .logo_list a { display: block; }

.main_typo_wrap .right { position:relative; width: calc(50% - 100px); display: flex; align-items: center; justify-content: center;}

.main_typo_wrap .typo {display: flex; align-items: flex-end; margin-top: 70px;}
.main_typo_wrap .typo img:first-child {margin-right: 30px;}
.main_typo_wrap .part_list {display: flex; align-items: center; margin-top: 180px;}
.main_typo_wrap .part_list > li + li {margin-left: 90px;}

.main_typo_wrap .part_list li:nth-of-type(1) li:nth-of-type(1) img {height: 45px;}
.main_typo_wrap .part_list li:nth-of-type(1) li:nth-of-type(2) img {height: 23px;}
.main_typo_wrap .part_list li:nth-of-type(1) li:nth-of-type(3) img {height: 29px;}
.main_typo_wrap .part_list li:nth-of-type(2) li img {height: 45px;}

.main_typo_wrap .part_list h2 img {height: 16px;}

/*마우스*/
#vis_scroll { position: absolute; bottom: 0; right: 100px; z-index: 2; animation:ani 1.4s infinite ease; cursor: pointer; display: block; transition: all .3s; }
@keyframes ani {
    0%{bottom:105px;}
    50%{bottom: 90px;}
    100% {bottom:105px;}
}

.scrolled #vis_scroll { opacity: 0; }


@media screen and (max-width:1630px) {
    /* #main_vis .main_vis_bg {background-size: auto 100%; } */
    .main_typo_wrap { max-width: 1630px; padding:0 80px; }
}


@media screen and (max-width:1300px) {
    .main_typo_wrap { padding:0 60px; }

    /* .main_typo_wrap { width: 50%; padding-right: 50px; padding-top: 0;} */
    .main_typo_wrap .part_list {margin-top: 60px;}
    .main_typo_wrap .part_list h2 { flex-shrink: 0; margin-right: 20px;}
    .main_typo_wrap .part_list > li + li { margin-top: 15px;}
    .main_typo_wrap .logo_list li ~ li {margin-left: 20px;}

    .main_typo_wrap .right { width: 50%; }
    .main_typo_wrap .right img { padding-left: 50px; }

    #vis_scroll { display: none; }

    .main_typo_wrap .typo {flex-direction: column;}
    .main_typo_wrap .typo img:first-child {margin-right: 0px;}
    .main_typo_wrap .part_list {flex-direction: column; align-items: flex-start;margin-top: 75px;}
    .main_typo_wrap .part_list > li + li {margin-left: 0px;}
    .main_typo_wrap .typo img+img {margin-top: 24px;}

    .main_typo_wrap .typo img:first-child {width: 100%; max-width: 470px;}
    .main_typo_wrap .typo img:last-child { width: 100%; max-width: 500px;}
}

@media screen and (max-width:1023px) {
    #main_vis .main_vis_bg { height: 750px; min-height: 0; }
    .main_typo_wrap { padding-right: 30px; }
    .main_typo_wrap .part_list {margin-top: 55px;}

    .main_typo_wrap .right img { padding-left: 30px; }

    .main_typo_wrap .typo img:first-child {width: 100%; max-width: 370px;}
    .main_typo_wrap .typo img:last-child { width: 100%; max-width: 400px;}

    .main_typo_wrap .typo {margin-top: 50px;}
}
@media screen and (max-width:767px) {
    #main_vis .main_vis_bg { height: 600px; background-size: cover; background-position: center;}

    .main_typo_wrap { padding: 0 40px;}
    .main_typo_wrap { width:100%; padding:60px 30px 0; }

    .main_typo_wrap .typo img { width: 100%; max-width: 350px;}
    .main_typo_wrap .part_list {margin-top:55px;}
    .main_typo_wrap .part_list h2 {font-size: 15px;  line-height: 30px; margin-right: 15px;}
    .main_typo_wrap .logo_list li ~ li { margin-left: 15px; }
    .main_typo_wrap .part_list li:nth-of-type(1) li:nth-of-type(1) img {height: 33px;}
    .main_typo_wrap .part_list li:nth-of-type(1) li:nth-of-type(2) img {height: 17px;}
    .main_typo_wrap .part_list li:nth-of-type(1) li:nth-of-type(3) img {height: 23px;}
    .main_typo_wrap .part_list li:nth-of-type(2) li img {height: 34px;}

    .main_typo_wrap .typo img:first-child {width: 100%; max-width: 300px;}
    .main_typo_wrap .typo img:last-child { width: 100%; max-width: 330px;}
    .main_typo_wrap .part_list h2 img {height: 14px;}

    .main_typo_wrap .typo {margin-top: -10px;}



    .main_typo_wrap .right { display: none; }
    /* .main_typo_wrap .right { width:100%; }
    .main_typo_wrap .right img { position:relative; transform: none; padding:0; bottom:0; } */

}

@media screen and (max-width:560px) {
    .main_typo_wrap .typo img:first-child {width: 100%; max-width: 270px;}
    .main_typo_wrap .typo img:last-child { width: 100%; max-width: 300px;}
}

@media screen and (max-width:480px) {
    .main_typo_wrap { padding: 0 20px; }
    .main_typo_wrap .typo {margin-top: 40px}
    /* .main_typo_wrap .typo img:first-child {width: 100%; max-width: 230px;}
    .main_typo_wrap .typo img:last-child { width: 100%; max-width: 260px;} */

    .main_typo_wrap .part_list li:nth-of-type(1) li:nth-of-type(1) img {height: 25px;}
    .main_typo_wrap .part_list li:nth-of-type(1) li:nth-of-type(2) img {height: 15px;}
    .main_typo_wrap .part_list li:nth-of-type(1) li:nth-of-type(3) img {height: 21px;}
    .main_typo_wrap .part_list h2 img {height: 12px;}
    .main_typo_wrap .part_list li:nth-of-type(2) li img {height: 25px;}
}

@media screen and (max-width:425px) {
    .main_typo_wrap .typo img:first-child {width: 100%; max-width: 230px;}
    .main_typo_wrap .typo img:last-child { width: 100%; max-width: 260px;}
    .main_typo_wrap .part_list li:nth-of-type(1) li:nth-of-type(1) img {height: 20px;}
    .main_typo_wrap .part_list li:nth-of-type(1) li:nth-of-type(2) img {height: 12px;}
    .main_typo_wrap .part_list li:nth-of-type(1) li:nth-of-type(3) img {height: 19px;}
    .main_typo_wrap .part_list h2 img {height: 10px;}
    .main_typo_wrap .part_list li:nth-of-type(2) li img {height: 20px;}
    .main_typo_wrap .logo_list li ~ li {margin-left: 5px}

    .main_typo_wrap .part_list > li + li {margin-top: 5px;}
    .main_typo_wrap .part_list h2 {margin-right: 8px;}
}