/* base */
html{overflow-y:scroll; overflow-x:hidden;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
a{text-decoration:none;}
ul, ol, li{list-style:none;}
img{border:none; vertical-align:middle;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
table, td, tr{font-family:"Nanum Gothic"; font-size:13px; color:#333; font-weight:400;}


.intro{width:100%; height:1177px; overflow:hidden; display:block; position:absolute; z-index:10000;}
.intro .img{left:50%; width:1920px; margin-left:-960px; position:absolute;}
.intro .img.shadow{opacity:0.5;}
.intro .dummy{opacity:0.5;}
.intro .txt{left:50%; top:320px; margin-left:-440px; width:880px; position:absolute;}
.intro .txt_box_1{margin:0px auto; width:760px; height:60px; overflow:hidden; position:relative;}
.intro .txt_box_1 img{vertical-align:top;}
.intro .txt_box_2{margin:0px auto; width:700px; height:60px; overflow:hidden; position:relative;}
.intro .txt_box_3{margin:10px auto 0px; width:400px; height:140px; overflow:hidden; position:relative;}
.intro .txt img{float:left;}
.intro .list{left:50%; width:1920px; height:1177px; overflow:hidden; margin-left:-960px; position:absolute; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -o-transform-style:preserve-3d;}
.intro .list .rect{left:0px; top:0px; position:absolute;}
.intro .list_back_bg{left:50%; width:1920px; height:1000px; margin-left:-960px; position:absolute; opacity:0;}
.intro .list_back_bg .bg_1{background:#45058b; left:520px; top:0px; width:110px; height:250px; position:absolute;}
.intro .list_back_bg .bg_2{background:#011d4e; left:0px; top:250px; width:80px; height:250px; position:absolute;}
.intro .list_back_bg .bg_3{background:#15544f; left:410px; top:500px; width:220px; height:250px; position:absolute;}
.intro .list_back_bg .bg_4{background:#4d1554; left:0px; top:750px; width:190px; height:427px; position:absolute;}
.intro .list_back_bg .bg_5{background:#18446e; left:630px; top:750px; width:110px; height:427px; position:absolute;}
.intro .list_back_bg .bg_6{background:#011d4e; left:1290px; top:750px; width:115px; height:427px; position:absolute;}
.intro .list_back_bg .bg_7{background:#7f8e01; left:1730px; top:500px; width:190px; height:250px; position:absolute;}
.intro .list_back_bg .bg_8{background:#0da7c1; left:1290px; top:250px; width:220px; height:250px; position:absolute;}
.intro .list_back_bg .bg_9{background:#0541a3; left:1840px; top:0px; width:80px; height:250px; position:absolute;}
.intro .bg_img { position:absolute; inset:0;  background:url('../images/intro/bg_intro.jpg') no-repeat center / cover; animation:ani_scale 3s linear both}

@keyframes ani_scale {
    from { transform:scale(1.3)}
    to { transform:scale(1)}
}