/*Content CSS*/
#main_vis {position: relative; z-index: 2; width: 100%; padding-top: 116px;}

/* font-style */
#main_vis .fs_77{font-size: 77px; font-weight: 800; line-height: 1; color: #000; }
#main_vis .fs_29{font-size: 29px; line-height: 1; color: #222; letter-spacing: -.88px;}
#main_vis .fs_22{font-size: 22px; line-height: 1.82; color: #222; letter-spacing: -.88px;}

/* main_inner */
#main_vis .main_inner{width: 100%; max-width: 1756px; margin: 0 auto; padding: 0 50px;}
/* flex_wrap */
#main_vis .flex_wrap{display: flex; }
#main_vis .flex_wrap .left{padding-top: 80px; margin-bottom: 74px; flex-grow: 1; }
#main_vis .flex_wrap .left .top{display: flex; align-items: center; padding-bottom: 75px; margin-bottom: 31px; border-bottom: solid 1px #ccc; position: relative;}
#main_vis .flex_wrap .left .top::before{content: ''; display: block; width: 24%; max-width: 167px; height: 3px; background-color: #472f1c; position: absolute; bottom: -2px; left: 0;}
#main_vis .flex_wrap .left .top .logo{margin-right: 44px; flex-shrink: 0;}
#main_vis .flex_wrap .left .top .tit{text-align: right; position: relative;}
#main_vis .flex_wrap .left .top .tit span{display: block; margin-bottom: 14px; letter-spacing: .44px; color: #472f1c; font-weight: 800;}

#main_vis .flex_wrap .left .bot{max-width: 681px; padding-right: 50px; display: flex; justify-content: space-between; align-items: center;}
#main_vis .flex_wrap .left .bot .txt{}
#main_vis .flex_wrap .left .bot .txt p{font-weight: 600;}

#main_vis .flex_wrap .right{width: 56%; max-width: 1064px; min-height: 528px; border-radius: 30px; box-shadow: 0px 9px 25px 0 rgba(0, 0, 0, 0.15); overflow: hidden; flex-shrink: 0; position: absolute; right: 27px;  z-index: 2;}
#main_vis .flex_wrap .right img{width: 100%; height: 100%; object-fit: cover; transition: .3s;}

/* scroll_down */
#main_vis .scroll_down{}
#main_vis .scroll_down a{display: flex; align-items: center; justify-content: center; width: 87px; height: 87px; border-radius: 5px; transition: .3s; background-color: #686868; position: relative;}
#main_vis .scroll_down a:hover{background-color: #03508a;}

@media screen and (min-width: 1921px) {
    #main_vis .flex_wrap{position: relative;}
}
@media screen and (min-width: 1025px) {
#main_vis .flex_wrap .right:hover img{transform: scale(1.1);}
}

@media screen and (max-width: 1756px) {
    /* main_inner */
    #main_vis .main_inner{padding: 0 25px;}
    /* flex_wrap */
    #main_vis .flex_wrap {align-items: center;}
    #main_vis .flex_wrap .left{width: 40%; padding-top: 0; padding-left: 20px; position: relative; top: -10px; margin-bottom: 0; }
    #main_vis .flex_wrap .left .top{padding-right: 50px; }
    #main_vis .flex_wrap .left .top .logo{flex-shrink: initial; margin-right: 30px;}
    #main_vis .flex_wrap .right{width: 60%; position: relative; right: 0; min-height: 0; border-radius: 10px;}
}

@media screen and (max-width: 1600px) {

    /* font-style */
    #main_vis .fs_77{font-size: 62px; }
    #main_vis .fs_29{font-size: 28px;}
    #main_vis .fs_22{font-size: 20.5px; line-height: 1.7;}

    /* flex_wrap */
    #main_vis .flex_wrap .left .top{padding-right: 40px; padding-bottom: 50px;}
    #main_vis .flex_wrap .left .bot{padding-right: 40px;}

    /* scroll_down */
    #main_vis .scroll_down{margin-left: 20px;}
    #main_vis .scroll_down a{width: 65px; height: 65px;}
}

@media screen and (max-width: 1400px) {
    /* font-style */
    #main_vis .fs_77{font-size: 60px;}
    #main_vis .fs_29{font-size: 27px;}
    #main_vis .fs_22{font-size: 20px;}

    /* flex_wrap */
    #main_vis .flex_wrap .left{width: 45%;}
    #main_vis .flex_wrap .right{width: 55%;}

}
@media screen and (max-width: 1280px) {
    #main_vis br:not(.space){display: none;}
    /* font-style */
    #main_vis .fs_77{font-size: 52px;}
    #main_vis .fs_29{font-size: 26px;}
    #main_vis .fs_22{font-size: 19px;}
    /* flex_wrap */
    #main_vis .flex_wrap .left .top{padding-right: 27px; padding-bottom: 35px;}
    #main_vis .flex_wrap .left .bot{padding-right: 27px;}
    #main_vis .flex_wrap .left .top .logo{max-width: 90px;}

    /* scroll_down */
    #main_vis .scroll_down a{width: 55px; height: 55px;}
    #main_vis .scroll_down a img{width: 25px; }



}
@media screen and (max-width: 1024px) {
    #main_vis{padding-top: 100px;}
    #main_vis .main_inner{padding: 0 30px;}
    /* font-style */
    #main_vis .fs_77{font-size: 50px;}
    #main_vis .fs_29{font-size: 25px;}
    #main_vis .fs_22{font-size: 18px;}

    /* flex_wrap */
    #main_vis .flex_wrap{display: block;}
    #main_vis .flex_wrap .left{padding: 0; width: 100%; }
    #main_vis .flex_wrap .left .top{display: block; padding-right: 0;}
    #main_vis .flex_wrap .left .top .logo{margin: 0 auto 20px;}
    #main_vis .flex_wrap .left .top .tit{text-align: center;}
    #main_vis .flex_wrap .left .top::before{left: 50%; transform: translateX(-50%);}
    #main_vis .flex_wrap .left .bot{display: block; max-width: 100%; margin-right: 0; padding-right: 0;}
    #main_vis .flex_wrap .left .bot .txt{text-align: center;}
    #main_vis .flex_wrap .right{width: 100%; max-height: 350px; margin-top: 25px;}

    /* scroll_down */
    #main_vis .scroll_down{display: none;}



}

@media screen and (max-width: 640px) {
    #main_vis{padding-top: 100px;}
    #main_vis .main_inner{padding: 0 20px;}


    /* flex_wrap */
    #main_vis .flex_wrap .right{margin-top: 20px;}

    /* scroll_down */
    #main_vis .scroll_down{display: none;}
}

@media screen and (max-width: 480px) {


}