/*-----------------------------------------
            common
-------------------------------------------*/

#bora {z-index: -1;}
.main .link-pos { position:absolute; left:0; top:-100px; }

/*-----------------------------------------
            contents
-------------------------------------------*/
.main .vision { position: relative; min-width:1264px; height:1080px; margin:0 auto; overflow:hidden;  }
.main .wrap-vision { position:relative; }
.main .wrap-vision .link-pos { top:-460px}
.main .vision .bg { position:absolute; left:0; top:0; width:100%; min-width:1264px; height:1300px; }
.main .vision p { position:relative; width:1000px; padding-right:264px; margin:200px auto 0 auto;  line-height: 1.25; font-weight: bold; font-size: 80px; color: #fff;}
.main .vision dl { position:relative; width:1264px; padding-left:20px; margin:200px auto 0px auto; font-size: 32px; line-height: 1.63; color: #fff;}
.main .vision dt { font-size:40px; font-weight:bold; line-height:0.9; margin-bottom:29px; }
.main .vision dd { font-size: 24px; line-height: 1.75; opacity: 0.9; margin-bottom:27px; font-weight:normal; }

.main .meta { position: relative;  min-width:1264px; height:790px;  margin:0 auto; background:#fff; }
.main .meta .inner { position:relative; width:1264px;  margin:0 auto;  padding:200px 0 0 0 }
.main .meta .bg-logo { position:absolute; left:578px; top:18px; display:block; content:''; width:958px; height:958px;  background:url('../img/main/img_meta1.png') no-repeat; z-index:2; }
.main .meta h2 { margin-bottom:32px; color:#222222;  font-size: 52px; font-weight: bold; line-height: 1.2; }
.main .meta h2 span {font-family: "Roboto"; }
.main .meta p { width:665px; margin-bottom:20px;  font-size: 18px; line-height: 1.78; color: #666;  opacity: 0.9;}
.main .meta p a,
.main .meta p a:hover {color:#2140fe;}
.main .meta p a:hover:before  { background:#2140fe}

.main .meta2 { position: relative;  min-width:1264px;  margin:0 auto; background:#f5f5f5; }
.main .meta2 .inner { position:relative; width:1264px; margin:0 auto; padding:150px 0 150px 0; }
.main .meta2 h2 { margin-bottom:0px; font-size: 48px; font-weight: bold; text-align:center; line-height: 0.75; color: #222; }
.main .meta2 img { width:100%; height:auto;}
.main .meta2 p { width:800px; margin-left: 250px; margin-bottom:30px;  font-size: 18px; line-height: 1.78; color: #666;  opacity: 0.9; text-align: left;}
.main .meta2 p a,
.main .meta2 p a:hover {color:#2140fe;}
.main .meta2 p a:hover:before  { background:#2140fe}
.main .meta2 p span{ color: #FF1100;}

/*-----------------------------------------
            mobile
-------------------------------------------*/
@media all and (max-width:1023px){

    .main {overflow-x:hidden;}

    .main .link-pos { position:absolute; left:0; top:-53px; }

    .main .vision { width:100%; min-width:auto; max-width:auto; height:auto; text-align:left; }
    .main .wrap-vision .link-pos { top:-160px}
    .main .vision .bg { width:100%; min-width:auto; height:100%; background:url('../img/main/background2_m.png') center no-repeat; background-size: cover;}
    .main .vision p {  width:300px; padding:0 0 0 30px; margin:151px 0 0 0;  line-height: 1.41;  font-size: 34px; }
    .main .vision dl { width:auto; padding:0 30px 57px 30px; margin:100px auto 0px auto; font-size: 32px; line-height: 1.63; }
    .main .vision dt { font-size:28px;  line-height:0.9; margin-bottom:30px; }
    .main .vision dd { font-size: 18px; line-height: 1.57; opacity: 0.9; margin-bottom:22px;}

    .main .meta {  min-width:auto; max-width:auto; width:100%; height:auto; overflow-x:hidden; overflow:inherit; background-size: cover; background:#fff;}
    .main .meta .inner {  width:100%;  margin:0 auto;  padding:60px 20px 0px 30px; box-sizing: border-box;}
    .main .meta .bg-logo { position:relative; left:inherit; top:inherit; width:90vw; height:124.16vw; margin:0px 0px -250px 0px; background:url('../img/main/img_meta1@2x.png') -5.5vw top no-repeat; background-size: 90vw auto; z-index:2;}
    .main .meta h2 { margin-bottom:30px; font-size: 28px; line-height: 1.2; }
    .main .meta p { clear:both; width:auto; margin-bottom:20px; font-size: 14px; line-height: 1.78;  }
    .main .meta .inline { display: none;}
    .main .meta p a,
    .main .meta p a:hover {color:#2140fe;}
    .main .meta p a:hover:before  { background:#2140fe;}

    .main .meta2 { position: relative;  min-width:auto; max-width:auto;  margin:0 auto; background:#f5f5f5; }
    .main .meta2 .inner { position:relative; width:100%; margin:0 auto;  box-sizing:border-box; padding:60px 20px 60px 30px; }
    .main .meta2 h2 { margin-bottom:17px; font-size: 28px; line-height: 1.29; text-align:left;}
    .main .meta2 img { width:100%; height:auto;}
    .main .meta2 p { clear:both; width:auto; margin:20px 0 20px 0; font-size: 14px; line-height: 1.78; text-align:left;}
    .main .meta2 p a,
    .main .meta2 p a:hover {color:#2140fe;}
    .main .meta2 p a:hover:before  { background:#2140fe;}
}

/*   이미지 반응형 조정 */

@media (max-width: 992px) {
    #image_large{
        display: none;
    }
    #image_small{   
        display: block;
    }
}

@media (min-width: 992px) {   
    #image_large{
        display: block;
     }
    #image_small{       
        display: none;
    }   
}