@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:7.4074vw; /* 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; bottom:50px; right:50px; 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:20%; background:#fff; transition:top 0.5s ease;}
.scrollNav.on p{color:#000e31;}
.scrollNav.on .scrollBar{background:rgba(0,14,49,.3);}
.scrollNav.on .scrollBar .scroll{background:#000e31;}
.scrollNav.fixed{position:fixed; right:130px;}

@media screen and (max-width:1024px){
    .scrollNav{bottom:4.8828vw; /* 50px */ right:4.8828vw; /* 50px */}
    .scrollNav p{top:-1.953125px; /* -20px */ left:-0.9765625vw; /* -10px */ font-size:1.7578vw; /* 18px */}
    .scrollNav .scrollBar{width:0.1953vw; /* 2px */ height:19.53125vw; /* 200px */}
    .scrollNav .scrollBar .scroll{width:0.390625vw; /* 4px */}
    .scrollNav.fixed{right:12.6953125vw; /* 130px */}
}

@media screen and (max-width:767px){
    .scrollNav{bottom:50%; right:7.4074vw; /* 40px */ margin-bottom:-100px;}
    .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.fixed{right:7.4074vw; /* 40px */}
}

.main_top{position:relative; height:100vh; overflow:hidden; visibility: hidden;}
.main_top .tit{position:absolute; bottom:63.5148vh; left:16.25vw; /* 260px */ font-size:70px; font-weight:700; line-height: 70px; overflow:hidden;}
.main_top .video{position:absolute; bottom:0; left:0; width:100%; height:66.6666vh; overflow: hidden;}
.main_top .video video{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%);}
.main_top .video .cover{position:absolute; top:0; left:0; width:100%; height:100%; background:transparent;}
.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:50%; width:auto; height:100%; transform:translate(-50%,0);}
}

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

@media screen and (max-width:767px){
    .main_top .tit{bottom:120.5555vw; /* 624px */ left:7.4074vw; /* 40px */ font-size:7.4074vw; /* 40px */ line-height: 8.8888vw; /* 48px */}
    .main_top .video{height:118.5185vw; /* 640px */}
    .main_top .video .pc{display:none;}
    .main_top .video .m{display:block;}
}

.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(/img/main_scene02_m.png) no-repeat center center; background-size:cover;}
    .main_scenes .scene03{background:#000e31 url(/img/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:7.4074vw; /* 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:700px;}
.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; bottom:0; right:9.4047vw; /* 158px */}
.main_scenes .backMotion .img_s01 img{vertical-align: top;}
.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:100%;}
.main_scenes .backMotion .circle .img_s02{right:100%; width:100%; border-top-right-radius: 400px; border-bottom-right-radius: 400px; background:#000e31 url(/img/main_scene02.png) no-repeat right center;}
.main_scenes .backMotion .circle .img_s03{right:0; width:700px; background:url(/img/main_scene03.png) no-repeat top left; visibility: hidden;}

@media screen and (max-width:1300px){
    .main_scenes .backMotion .stage{height:53.8461vw; /* 700px */}
    .main_scenes .backMotion .roundLine{border-top-left-radius: 30.7692vw; /* 400px */ border-bottom-left-radius: 30.7692vw; /* 400px */}
    .main_scenes .backMotion .img_s01{right:7.6923vw; /* 100px */}
    .main_scenes .backMotion .img_s01 img{width:40.4615vw; /* 526px */}
    .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{width:53.8461vw; /* 700px */ background-size:cover;}
}

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

.moreInfo{display:-webkit-flex; display:flex; height:100vh; -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;}
}

.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 7.4074vw; /* 120px 40px */}
    .mainBoard .link_board.news .more{top:22.2222vw; /* 120px */ right:7.4074vw; /* 40px */}
    .mainBoard .link_board.investor{padding:14.8148vw 7.4074vw; /* 80px 40px */}
    .mainBoard .link_board.investor .more{right:7.4074vw; /* 40px */}
}

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