@charset "UTF-8";

.main_container{position:relative;}

.fixed_txt{position:absolute; bottom:50px; left:50px; line-height:26px; color:#fff; z-index:1; transition:color 0.5s ease;}
.fixed_txt .txt_deco{display:block; margin-bottom:10px;}
.fixed_txt .txt_deco i{display:inline-block; width:14px; height:14px; border-radius:50%; background:#fff; transition:background-color 0.5s ease;}
.fixed_txt .txt_deco i+i{margin-left:5px;}
.fixed_txt .txt_deco i:nth-of-type(2){margin-left:20px;}
.fixed_txt.on{color:#be8b40}
.fixed_txt.on .txt_deco i{background:#be8b40}
.fixed_txt.fixed{position:fixed;}

@media screen and (max-width:1024px){
    .fixed_txt{bottom:4.8828vw; /* 50px */ left:4.8828vw; /* 50px */ line-height:2.53906vw; /* 26px */}
    .fixed_txt .txt_deco{margin-bottom:0.9765625vw; /* 10px */}
    .fixed_txt .txt_deco i{width:1.3671vw; /* 14px */ height:1.3671vw; /* 14px */}
    .fixed_txt .txt_deco i+i{margin-left:0.48828vw; /* 5px */}
    .fixed_txt .txt_deco i:nth-of-type(2){margin-left:1.953125px; /* 20px */}
}

@media screen and (max-width:767px){
    .fixed_txt{left:7vw; /* 40px */ bottom:22.2222vw; /* 120px */ line-height:4.8148vw; /* 26px */}
    .fixed_txt .txt_deco{margin-bottom:1.85185vw; /* 10px */}
    .fixed_txt .txt_deco i{width:2.5925vw; /* 14px */ height:2.5925vw; /* 14px */}
    .fixed_txt .txt_deco i+i{margin-left:0.9259vw; /* 5px */}
    .fixed_txt .txt_deco i:nth-of-type(2){margin-left:3.7037vw; /* 20px */}
    .fixed_txt.on{display:none;}
}

.scrollNav{position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index:1;}
.scrollNav p{position:absolute; top:-20px; left:-10px; transform:rotate(-90deg); transform-origin: 0 0; font-size:18px; color:#fff;}
.scrollNav .scrollBar{position:relative; width:2px; height:200px; background:rgba(255,255,255,.3);}
.scrollNav .scrollBar .scroll{position:absolute; top:0; left:-1px; width:4px; height:25%; background:#fff; transition:top 0.5s ease;}
.scrollNav.on p{color:#fff;}
.scrollNav.on .scrollBar{background:rgba(255,255,255,.3);}
.scrollNav.on .scrollBar .scroll{background:#fff;}
@media screen and (max-width:767px){
    .scrollNav.fixed{position:fixed; right:7vw;}
    .scrollNav{position:fixed; bottom:auto; left: auto; right:7vw; /* 40px */ margin-bottom:0;}
    .scrollNav p{top:-3.7037vw; /* -20px */ left:-1.85185vw; /* -10px */ font-size:3.3333vw; /* 18px */}
    .scrollNav .scrollBar{width:0.37037vw; /* 2px */ height:37.03703vw; /* 200px */}
    .scrollNav .scrollBar .scroll{left:-0.18518vw; /* -1px */ width:0.74074vw; /* 4px */}
    .scrollNav.on p{color:#000e31;}
.scrollNav.on .scrollBar{background:rgba(0,14,49,.3);}
.scrollNav.on .scrollBar .scroll{background:#000e31;}
.is-opened .scrollNav{
    display: none;
}
}

.main_top{position:relative; height:100vh; overflow:hidden; visibility: hidden;}
.main_top .tit{position:absolute; bottom:70vh;color: white; left:0;  width:100%;text-align: center;/* 260px */ font-size:70px; font-weight:700; line-height: 100px; overflow:hidden;}
.main_top .video{position:absolute; bottom:0; left:0; width:100%; height:88vh; overflow: hidden; background-color: black;}
.main_top .video img{
    width: 100%;
    height: 100%;
}
.main_top .video video{    position: absolute;
    top: 0;
    left: 50%;
    min-height: 100%;
    transform: translateX(-50%);
    min-width: 100%;}
.main_top .video .cover{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4);}
.main_top .video .cover.on{
    /* background-color:rgba(0,0,0,0); */
}
.main_top .video .mask{position:absolute; bottom:0; right:0; width:100%; height:100%; background:#fff;}
.main_top .video .m{display:none;}

@media screen and (max-width:1300px){
    .main_top .tit{left:10vw; /* 130px */ font-size:5.3846vw; /* 70px */ line-height:5.3846vw; /* 70px */}
}

@media screen and (max-width:1200px){
    .main_top .video video{top:0; left:0; width:100%; height:100%; transform:translate(0,0);}
}

@media screen and (max-width:1024px){
    .main_top .video{background:#000; background-size:cover;}
}

@media screen and (max-width:767px){
    .main_top{height: calc(100vh - 14vw);}
    
    .main_top .tit{        bottom: 130vw;
        left: 0;
        text-align: center;
        font-size: 8vw;
        line-height: 12vw;}
    .main_top .video{height:calc(100vh - 14vw); /* 640px */}
    .main_top .video .pc{display:none;}
    .main_top .video .m{display:block;}
    .main_top .video video{
        width: auto;
        left: 50%;
        transform: translateX(-50%);
    }
    .main_scenes .scene p span{
        width: 80%;
        margin: 0 auto;
    }
}

.main_scenes{position:absolute; top:0; left:0; width:100%; height:100vh;}
.main_scenes .scene{display:-webkit-flex; display:flex; position:absolute; top:0; left:0; width:100%; height:100%; -webkit-align-items: center; align-items: center; color:#002046; visibility: hidden;}
.main_scenes .scene>div{margin-left:15.7738vw; /* 265px */}
.main_scenes .scene h2{font-size:40px; line-height:48px; overflow:hidden;}
.main_scenes .scene h2 span{display:block;}
.main_scenes .scene p{margin-top:40px; font-size:24px; line-height:32px; overflow:hidden;}
.main_scenes .scene p span{display:block;}
.main_scenes .scene ul{margin-top:40px; overflow:hidden;}
.main_scenes .scene ul li{float:left; width:104px;}
.main_scenes .scene ul li+li{margin-left:10px;}
.main_scenes .scene ul li img{width:100%;}
.main_scenes .scene .link{margin-top:60px; overflow:hidden;}
.main_scenes .scene a{display:block; font-size:14px; letter-spacing: 3px;}
.main_scenes .scene a:before{content:""; display:inline-block; width:100px; height:1px; margin-right:10px; vertical-align: text-bottom;}
.main_scenes .scene01 a{color:#be8b40;}
.main_scenes .scene01 a:before{background:#be8b40;}
.main_scenes .scene02{color:#fff;}
.main_scenes .scene02 a{color:#fff;}
.main_scenes .scene02 a:before{background:#fff;}
.main_scenes .scene03 a{color:#aeb8c3;}
.main_scenes .scene03 a:before{background:#aeb8c3;}
.main_scenes .active{opacity:1;}

@media screen and (max-width:1300px){
    .main_scenes .scene>div{margin-left:10vw; /* 130px */}
    .main_scenes .scene h2{font-size:3.076923vw; /* 40px */ line-height:3.6923vw; /* 48px */}
    .main_scenes .scene p{margin-top:3.076923vw; /* 40px */ font-size:1.846153vw; /* 24px */ line-height:2.46153vw; /* 32px */}
    .main_scenes .scene ul{margin-top:3.076923vw; /* 40px */;}
    .main_scenes .scene ul li{width:7.9999vw; /* 104px */}
    .main_scenes .scene ul li+li{margin-left:0.76923vw; /* 10px */}
    .main_scenes .scene .link{margin-top:4.61538vw; /* 60px */}
    .main_scenes .scene a{font-size:1.07692vw; /* 14px */ letter-spacing: 0.2307vw; /* 3px */}
    .main_scenes .scene a:before{width:7.6923vw; /* 100px */ margin-right:0.76923vw; /* 10px */}
}

@media screen and (max-width:1024px){
    .main_scenes .scene>div{width:100%; margin-left:0; text-align:center;}
    .main_scenes .scene h2{font-size:3.90625vw; /* 40px */ line-height:4.6875vw; /* 48px */}
    .main_scenes .scene p{margin-top:3.90625vw; /* 40px */ font-size:2.34375vw; /* 24px */ line-height:3.125vw; /* 32px */}
    .main_scenes .scene ul{margin-top:3.90625vw; /* 40px */}
    .main_scenes .scene ul li{display:inline-block; float:none; width:10.15625vw; /* 104px */}
    .main_scenes .scene ul li+li{margin-left:0.9765625vw; /* 10px */}
    .main_scenes .scene .link{margin-top:5.859375vw; /* 60px */}
    .main_scenes .scene a{font-size:1.3671875vw; /* 14px */ letter-spacing: 0.2929vw; /* 3px */}
    .main_scenes .scene a:before{width:9.765625vw; /* 100px */ margin-right:0.9765625vw; /* 10px */}
    .main_scenes .scene02{background:#000e31 url(/assets/images/main_scene02_m.png) no-repeat center center; background-size:cover;}
    .main_scenes .scene03{background:#000e31 url(/assets/images/main_scene03_m.png) no-repeat center center; background-size:cover; color:#fff;}
    .main_scenes .scene03 a{color:#fff;}
    .main_scenes .scene03 a:before{background:#fff;}
}

@media screen and (max-width:767px){
    .main_scenes .scene h2{font-size:5.5555vw; /* 30px */ line-height:6.4814vw; /* 35px */}
    .main_scenes .scene p{margin-top:7vw; /* 40px */ font-size:2.96296vw; /* 16px */ line-height:4.8148vw; /* 26px */}
    .main_scenes .scene ul{margin-top:18.5185vw; /* 100px */}
    .main_scenes .scene ul li{width:19.2592vw; /* 104px */}
    .main_scenes .scene ul li+li{margin-left:1.8518vw; /* 10px */}
    .main_scenes .scene .link{margin-top:18.5185vw; /* 100px */}
    .main_scenes .scene02 .link,
    .main_scenes .scene03 .link{margin-top:25vw; /* 135px */}
    .main_scenes .scene a{font-size:2.5925vw; /* 14px */ letter-spacing: 0.5555vw; /* 3px */}
    .main_scenes .scene a:before{width:18.5185vw; /* 100px */ margin-right:1.8518vw; /* 10px */}
}

.main_scenes .backMotion{display:-webkit-flex; display:flex; position:absolute; top:0; left:0; width:100%; height:100%; -webkit-align-items: center; align-items: center; visibility:hidden; overflow:hidden;}
.main_scenes .backMotion .stage{position:relative; width:100%; height: 36.5vw;}
.main_scenes .backMotion .roundLine{position:absolute; top:0; right:0; width:0; /* 63.6904vw 1070px */ height:100%; border:solid #be8b40; border-width:1px 0 1px 1px; border-top-left-radius: 400px; border-bottom-left-radius: 400px;}
.main_scenes .backMotion .img_s01{position:absolute; width: 63.6904vw; bottom:0; right:0; height: 100%;border-top-left-radius: 400px; border-bottom-left-radius: 400px; overflow: hidden;display: flex;justify-content: center; align-items: center;}
.main_scenes .backMotion .img_s01 img{vertical-align: top; max-width: 100%;max-height: 100%;}
.main_scenes .backMotion .circle{position:absolute; top:0; right:15.8928vw; /* 267px */ width:102.97619vw; /* 1330px + 400px */ height:100%; border-radius:400px; overflow:hidden;}
.main_scenes .backMotion .circle span{display:block; position:absolute; top:0; height: 36.5vw;}
.main_scenes .backMotion .circle .img_s02{right:100%; width:100%; border-top-right-radius: 400px; border-bottom-right-radius: 400px; background:#05201D;}
.main_scenes .backMotion .circle .img_s03{right:0; width: 36.5vw; background:url(/assets/images/main_scene03.png) no-repeat top left; background-size: cover; visibility: hidden;}

@media screen and (max-width: 1300px){
    .main_scenes .backMotion .stage{height: 36.5vw; /* 700px */}
    .main_scenes .backMotion .roundLine{border-top-left-radius: 30.7692vw; /* 400px */ border-bottom-left-radius: 30.7692vw; /* 400px */}
    .main_scenes .backMotion .img_s01 img{max-width: none; height: 100%;}
    .main_scenes .backMotion .circle{right:10vw; /* 130px */ width:133.0769vw; /* 1330px + 400px */ border-radius:30.7692vw; /* 400px */}
    .main_scenes .backMotion .circle .img_s02{border-top-right-radius: 30.7692vw; /* 400px */ border-bottom-right-radius: 30.7692vw; /* 400px */}
    .main_scenes .backMotion .circle .img_s03{
        /* 700px */ 
        /* width:53.8461vw; 
        background-size:cover; */
    }
}

@media screen and (max-width:1024px){
    .main_scenes .backMotion{display:none;}
}

.moreInfo{display:-webkit-flex; display:flex; height:0; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center;}
.moreInfo .etc_circle{display:-webkit-flex; display:flex; width:480px; height:480px; background:rgba(0, 32, 70, 0.8); border-radius:50%; -webkit-align-items: center; align-items: center; color:#fff; text-align:center; cursor:pointer;}
.moreInfo .etc_circle .innerCircle{width:100%;}
.moreInfo .etc_circle .innerCircle h2{font-size:32px;}
.moreInfo .etc_circle .innerCircle p{margin-top:30px; font-size:18px; line-height:26px;}
.moreInfo .etc_circle .innerCircle a{display:inline-block; margin-top:35px; font-size:14px; color:#fff; letter-spacing: 3px;}
.moreInfo .etc_circle .innerCircle a:before{content:""; display:inline-block; width:100px; height:1px; margin-right:10px; vertical-align: text-bottom; background-color:#fff;}
.moreInfo .etc_circle+.etc_circle{margin-left:20px;}
.moreInfo .etc_circle.active{position:relative; background:#000e31; z-index:1; cursor:default;}

@media screen and (max-width:1300px){
    .moreInfo .etc_circle{width:44.9999vw; /* 585px */ height:44.9999vw; /* 585px */}
    .moreInfo .etc_circle .innerCircle h2{font-size:2.4615vw; /* 32px */}
    .moreInfo .etc_circle .innerCircle p{margin-top:2.30769vw; /* 30px */ font-size:1.3846vw; /* 18px */ line-height:1.9999vw; /* 26px */}
    .moreInfo .etc_circle .innerCircle a{margin-top:35px; font-size:1.07692vw; /* 14px */ letter-spacing: 0.2307vw; /* 3px */}
    .moreInfo .etc_circle .innerCircle a:before{width:7.6923vw; /* 100px */ margin-right:0.76923vw; /* 10px */}
    .moreInfo .etc_circle+.etc_circle{margin-left:-9.23076vw; /* -120px */}
}

@media screen and (max-width:1024px){
    .moreInfo{flex-direction: column;}
    .moreInfo .etc_circle{width:57.1289vw; /* 585px */ height:57.1289vw; /* 585px */}
    .moreInfo .etc_circle .innerCircle h2{font-size:3.125vw; /* 32px */}
    .moreInfo .etc_circle .innerCircle p{margin-top:2.9296vw; /* 30px */ font-size:1.7578vw; /* 18px */ line-height:2.539vw; /* 26px */}
    .moreInfo .etc_circle .innerCircle a{margin-top:3.4179vw; /* 35px */ font-size:1.3671vw; /* 14px */ letter-spacing: 0.2929vw; /* 3px */}
    .moreInfo .etc_circle .innerCircle a:before{width:9.765625vw; /* 100px */ margin-right:0.9765625vw; /* 10px */}
    .moreInfo .etc_circle+.etc_circle{margin-top:-11.71875vw; /* -120px; */ margin-left:0;}
}

@media screen and (max-width:767px){
    .moreInfo .etc_circle{width:81.48148vw; /* 440px */ height:81.48148vw; /* 440px */}
    .moreInfo .etc_circle .innerCircle h2{font-size:5.9259vw; /* 32px */}
    .moreInfo .etc_circle .innerCircle p{margin-top:3.7037vw; /* 20px */ font-size:2.9629vw; /* 16px */ line-height:4.8148vw; /* 26px */}
    .moreInfo .etc_circle .innerCircle a{margin-top:6.4814vw; /* 35px */ font-size:2.5925vw; /* 14px */ letter-spacing: 0.5555vw; /* 3px */}
    .moreInfo .etc_circle .innerCircle a:before{width:18.5185vw; /* 100px */ margin-right:1.8518vw; /* 10px */}
    .moreInfo .etc_circle+.etc_circle{margin-top:-11.1111vw; /* -60px; */ margin-left:0;}
    .main_scenes{height: calc(100vh - 14vw);}
}

.mainBoard{position:relative;}
.mainBoard:before{content:""; position:absolute; top:0; left:0; width:50%; height:100%; background:#4a607b;}
.mainBoard:after{content:""; position:absolute; top:0; right:0; width:50%; height:100%; background:#0e1d3d;}
.mainBoard .inner{position:relative; z-index:1;}
.mainBoard .link_board{position:relative; float:left; width:50%;}
.mainBoard .link_board h2{padding-bottom:30px; font-size:32px; border-bottom:1px solid rgba(255,255,255,.7); color:#fff;}
.mainBoard .link_board ul{margin-top:20px;}
.mainBoard .link_board li a{display:inline-block; font-size:18px; color:#fff; border-bottom:1px solid rgba(255,255,255,.7);}
.mainBoard .link_board li+li{margin-top:15px;}
.mainBoard .link_board .more{display:block; position: absolute; top:45px; width:50px; height:50px; border:1px solid #fff; border-radius:50%; text-align:center;}
.mainBoard .link_board .more img{width:30px; margin-top:20px; vertical-align: top;}
.mainBoard .link_board.news{padding:50px 50px 50px 0; background:#4a607b;}
.mainBoard .link_board.news .more{right:60px;}
.mainBoard .link_board.investor{padding:50px 0 50px 50px; background:#0e1d3d;}
.mainBoard .link_board.investor .more{right:10px;}

@media screen and (max-width:1300px){
    .mainBoard .link_board h2{padding-bottom:2.30769vw; /* 30px */ font-size:2.4615vw; /* 32px */}
    .mainBoard .link_board ul{margin-top:1.5384vw; /* 20px */}
    .mainBoard .link_board li a{font-size:1.3846vw; /* 18px */}
    .mainBoard .link_board li+li{margin-top:1.1538vw; /* 15px */}
    .mainBoard .link_board .more{top:3.4615vw; /* 45px */ width:3.8461vw; /* 50px */ height:3.8461vw; /* 50px */}
    .mainBoard .link_board .more img{width:2.30769vw; /* 30px */ margin-top:1.5384vw; /* 20px */}
    .mainBoard .link_board.news{padding:3.8461vw 3.8461vw 3.8461vw 0; /* 50px 50px 50px 0 */}
    .mainBoard .link_board.news .more{right:4.6153vw; /* 60px */}
    .mainBoard .link_board.investor{padding:3.8461vw 0 3.8461vw 3.8461vw; /* 50px 0 50px 50px */}
    .mainBoard .link_board.investor .more{right:0.76923vw; /* 10px */}
}

@media screen and (max-width:1024px){
    .mainBoard:before{display:none;}
    .mainBoard:after{display:none;}
    .mainBoard .inner{margin:0;}
    .mainBoard .link_board{float:none; width:100%;}
    .mainBoard .link_board h2{padding-bottom:2.9296vw; /* 30px */ font-size:3.125vw; /* 32px */}
    .mainBoard .link_board ul{margin-top:1.953125vw; /* 20px */}
    .mainBoard .link_board li a{font-size:1.7578125vw; /* 18px */}
    .mainBoard .link_board li+li{margin-top:1.4648vw; /* 15px */}
    .mainBoard .link_board .more{top:4.3945vw; /* 45px */ width:4.8828125vw; /* 50px */ height:4.8828125vw; /* 50px */}
    .mainBoard .link_board .more img{width:2.9296vw; /* 30px */ margin-top:1.953125vw; /* 20px */}
    .mainBoard .link_board.news{padding:4.8828125vw; /* 50px */}
    .mainBoard .link_board.news .more{right:5.859375vw; /* 60px */}
    .mainBoard .link_board.investor{padding:4.8828125vw; /* 50px */}
    .mainBoard .link_board.investor .more{right:5.859375vw; /* 60px */}
}

@media screen and (max-width:767px){
    .mainBoard .link_board h2{padding-bottom:5.5555vw; /* 30px */ font-size:5.9259vw; /* 32px */}
    .mainBoard .link_board ul{margin-top:3.7037vw; /* 20px */}
    .mainBoard .link_board li a{font-size:3.3333vw; /* 18px */}
    .mainBoard .link_board li+li{margin-top:2.7777vw; /* 15px */}
    .mainBoard .link_board .more{top:14.8148vw; /* 80px */ width:9.2592vw; /* 50px */ height:9.2592vw; /* 50px */}
    .mainBoard .link_board .more img{width:5.5555vw; /* 30px */ margin-top:3.7037vw; /* 20px */}
    .mainBoard .link_board.news{padding:22.2222vw 7vw; /* 120px 40px */}
    .mainBoard .link_board.news .more{top:22.2222vw; /* 120px */ right:7vw; /* 40px */}
    .mainBoard .link_board.investor{padding:14.8148vw 7vw; /* 80px 40px */}
    .mainBoard .link_board.investor .more{right:7vw; /* 40px */}
}

/* �ѱ��� */
@media screen and (min-width:1300px){
    .kr .main_scenes .scene h2{font-size:38px;}
    .kr .main_scenes .scene p{font-size:22px;}
}