/* No CSS *//*# sourceMappingURL=device-width.css.map */


@media (max-width: 1800px){
    #content9 {
        height:95vh;
    }
    .fixed-btn {
        top: 22.5px;
        width: 112.5px;
    }
    .fixed-btn .box {       
        padding: 1.3020833333333335vw 0.78125vw;
        padding: 18.75px 11.25px;      
    }
    .fixed-btn .box img{
        width: 5.78125vw;
        width: 83.25px;
    }
    .fixed-btn .box .line {
        margin: 0.5208333333333333vw 0;
        margin: 7.5px  0;
    }
    .fixed-btn .box p {
       font-size: 1.1979166666666667vw;
       font-size: 17.25px;
    }
    .fixed-btn .box p span{
        font-size: 1.5625vw;
        right: 0.5208333333333333vw;
        top: 1.1979166666666667vw;
        font-size: 22.5px;
        right:7.5px;
        top:17.25px;
    }
    .datum-point.ver1{
        width: 83.33333333333334vw;
        width:1200px;
    }
    /*#content1 .position2 > p{
        font-size: 2.864583333333333vw;
        font-size: 41.25px;
    }*/
    #content1 .position2 > p img{
         height: 41px;
    }
   
    #content1 .position2 > div > p:nth-child(1){
        font-size: 1.9270833333333335vw;
        font-size: 27.75px;
    }
    #content1 .position2 > div > p:nth-child(2) {
        font-size: 6.770833333333333vw;
        font-size: 97.5px;
    }
    #content1 .position2 > div > a {

        width: 25vw;
        margin-top: 1.7187500000000002vw;
        font-size: 1.5625vw;
        height: 6.25vw;
        padding: 1.3541666666666667vw 5.46875vw;
        transition: all 0.5s;
        font-size: 22.5px;
    }
    .modal-content .close {

        right: -4.291667vw;
    }
    .modal .title-box {

        font-size: 3.0208333333333335vw;
    }
    .modal .list {

        margin-bottom: 45px;
        margin-bottom: 2.34375vw;
      }
      .modal .list li .cycle-box {

        width: 15.625vw;
        height: 15.625vw;
        border-radius: 9.375vw;
        border-width: 0.26041666666666663vw;
      }
      .modal .list li .cycle-box img.default{

        width: 13.541666666666666vw;
        margin: 4.427083333333334vw auto;
      }
      .modal .list li .text-box {

        width: 18.75vw;
        margin-top: 0.78125vw;
    }
    .modal .list li .text-box p {

        font-size: 2.083333333333333vw;
    }
    .modal .list li .text-box p span {

        font-size: 0.8333333333333334vw;
    }
    .modal .list li .text-box>span{

        font-size: 0.9375vw;
        margin-top: 0.78125vw;
      }
      .modal .list li .cycle-box .hover-check {

        padding: 0.5208333333333333vw 0;
    }
    .modal .foot>p {       
        font-size: 0.8333333333333334vw;
        margin-top: 5px;
        width: 45.83333333333333vw;
        margin-top: 0.26041666666666663vw;
    }
    .modal .foot>div{
        border-width: 0.10416666666666667vw;
    border-radius: 3.125vw;
    padding: 1.0416666666666665vw 2.083333333333333vw;
    }
    .modal .foot>div .tip{
        font-size: 1.0416666666666665vw;
        padding: 0.26041666666666663vw 0.5208333333333333vw;
        border-radius: 0.7291666666666666vw;
        top: -1.1979166666666667vw;
        left: 1.7708333333333333vw;
    }
    .modal .foot>div li{    font-size: 0.78125vw;}
    .modal .foot>div li span{margin-right: 0.5208333333333333vw;}
    .modal .foot>div a{font-size: 2.083333333333333vw;
        border-radius: 2.604166666666667vw;
        width: 18.229166666666664vw;
        right: 0.46875vw;
        padding: 1.5625vw 0;
        margin-top: -2.604166666666667vw;
    }
    .modal .foot>div a svg {
        right: 1.40625vw;
        top: 2.083333333333333vw;
    }
    #content2 p{
        font-size: 4.166666666666666vw;
    }
    #content3 .datum-point .text-box .text1{
        font-size: 1.6666666666666667vw;
        margin-bottom: 1.0416666666666665vw;
    }
    #content3 .datum-point .text-box .text2{
        font-size: 6.25vw;
        margin-bottom: 1.5625vw;
    }
    #content3 .datum-point .text-box a{
        width: 10.416666666666668vw;
        font-size: 1.5625vw;
    }
    #content3 .datum-point .text-box a+.line{
        top: 23.4375vw;
    }
    @keyframes updownline {
        /* keyframe */
        0% {
          bottom: 0;
        }
        50% {
          bottom: 0;
        }
        70% {
          bottom: 0;
        }
        /* keyframe */
        100% {
         
            bottom:-550px;
        }
    }
    #content4 .datum-point{
        padding-top: 10.416666666666668vw;
    }
    #content4 .datum-point .text-box a{
        width: 10.416666666666668vw;
        font-size: 1.5625vw;
    }
    @keyframes updownline2{
        /* keyframe */
        0% {
          height: 0;
        }
        /* keyframe */
        100% {
          
          height:10.416666666666668vw;
        }
    }
    #content4 .datum-point .text-box .text1{
        font-size: 6.25vw;
        margin-bottom: 1.0416666666666665vw;
    }
    #content4 .datum-point .text-box .text2{
        font-size: 1.6666666666666667vw;
    }
    #content5 .datum-point{
        padding-top: 2.8125vw;
        padding-bottom: 2.8125vw;
    }
    #content5 .datum-point>p{
        font-size: 2.34375vw;
    }
    #content5 .datum-point>.content-box .row .clip-box p{
        width: 15.104166666666666vw;
        height: 2.604166666666667vw;
        top: 15.625vw;
        margin-left: -7.552083333333333vw;
        font-size: 1.4583333333333333vw;
        line-height: 2.604166666666667vw;
    }
    #content5 .datum-point>.content-box .row>p{
        font-size: 1.6666666666666667vw;
    }
    #content5 .datum-point>.content-box .row .clip-box .line{
        height: 0.10416666666666667vw;
        width: 50.520833333333336vw;
        margin-left: -25.260416666666668vw;
        top: 16.927083333333336vw;
    }
    #content5 .datum-point>.content-box .row>.box-box.text-right{
        margin-left: 16.666666666666664vw;
    }
    #content5 .datum-point>.content-box .row .box-box .box{
        margin: 1.0416666666666665vw auto;
        margin-bottom: 2.083333333333333vw;
    }
    #content5 .datum-point>.content-box .row .box-box .box .img-box{
        width: 33.33333333333333vw;
        height: 33.33333333333333vw;
        border-radius: 33.33333333333333vw;
    }
    #content5 .datum-point>.content-box .row .box-box .box .text-box p{
        font-size: 3.3854166666666665vw;
    }
    #content6 .datum-point>p{
        font-size: 4.166666666666666vw;
    }
    #content6 .datum-point ul li .img-box{
        width: 7.291666666666667vw;
        height: 7.291666666666667vw;
        border-radius: 3.6458333333333335vw;
    }
    #content6 .datum-point ul li .img-box>.default{
        margin: 2.083333333333333vw 0px;
        padding: 0.5208333333333333vw 1.0416666666666665vw;
    }
    #content6 .datum-point .detail-box .img-box{
        width: 18.75vw;
        height: 18.75vw;
    }
    #content6 .datum-point .detail-box .text-box{
        margin-top: 4.6875vw;
        margin-left: 1.0416666666666665vw;
    }
    #content6 .datum-point .detail-box .text-box p{
        font-size: 2.5vw;
    }
    #content6 .datum-point .detail-box .text-box>span{
        font-size: 1.1458333333333333vw;
    }
    #content6 .datum-point .detail-box .text-box>span .danger{
        font-size: 0.8333333333333334vw;
    }
    #content7 .swiper-slide .text-box p{
        font-size: 3.6458333333333335vw;
    }
    #content8 .datum-point{padding-top: 150px;}
 

    #content8 .datum-point .text-box>p{
        margin-bottom: 0.78125vw;
    }
    #content9 .fixed-label{
        left: 16.666666666666664vw;
        padding: 1.0416666666666665vw 0.5208333333333333vw;
        width: 15.625vw;
        height: 16.40625vw;
        border-radius: 0 0 7.8125vw 7.8125vw;
    }
    #content9 .fixed-label>p{
        font-size: 2.083333333333333vw;
        margin-bottom: 0.5208333333333333vw;
    }
    #content9 .text-box .box{
        padding-top: 2.34375vw;
        padding-left: 1.0416666666666665vw;
    }
    #content9 .text-box .box .top{
        height: 18.229166666666664vw;
    }
    #content9 .text-box .box .top p{
        font-size: 2.5520833333333335vw;
    }
    #content9 .text-box .box .top span{
        font-size: 0.9375vw;
        margin: 0.5208333333333333vw 0;
    }
    #content9 .text-box .box .middle{
        height: 15.625vw;
    }
    #content9 .text-box .box .middle img{
        height: 7.291666666666667vw;
    }
    #content9 .text-box .box .middle span{
        height: 1.0416666666666665vw;
        width: 5.208333333333334vw;
        line-height: 1.0416666666666665vw;
        margin: 0.5208333333333333vw 0;
        border-radius: 0.5208333333333333vw;
    }
    #content9 .text-box .box .middle span:after{
        width: 15.625vw;
        left: 5.208333333333334vw;
    }
    #content9 .text-box .box .bottom>p{
        font-size: 2.604166666666667vw;
    }
    #content9 .text-box .box .bottom>span{
        font-size: 0.8333333333333334vw;
        margin-top: 0.5208333333333333vw;
    }
    #content9 .text-box .box .bottom>a{
        width: 20.833333333333336vw;
        height: 5.208333333333334vw;
        border-radius: 2.604166666666667vw;
        font-size: 1.5625vw;
        margin-top: 1.5625vw;
        line-height: 5.208333333333334vw;
    }
    #content10 .position2 a{
        width: 25vw;
        margin-top: 1.7187500000000002vw;
        font-size: 1.5625vw;
        height: 6.25vw;
        padding: 1.3541666666666667vw 5.46875vw;
    }
    #content10 .position2 .text1{
        font-size: 3.6458333333333335vw;
    }
    #content10 .position2 .text2{font-size: 3.6458333333333335vw;}
    .modal .list li .cycle-box .hover-check{
        padding: 0.5208333333333333vw 0;
    }
    #content8 .datum-point .text-box>span{
        font-size: 1.4583333333333333vw;
        margin-bottom: 2.34375vw;
    }
    #content9 .fixed-label>span{font-size: 0.78125vw;}
    #content9 .swiper-container{width: 59.947916666666664vw;}
    #content9 .text-box{/* width: 33.59375vw;*/ min-width: 30.59375vw;  }
    
    #content1 .position2 > div > a {

        width: 360px;
        margin-top: 25px;
        font-size: 23px;
        height: 90px;
        padding: 20px 79px;
        transition: all 0.5s;
        font-size: 22.5px;
    }
    .modal-content .close {

        right: -62px;
    }
    .modal .title-box {

        font-size: 44px;
    }
    .modal .list {

        margin-bottom: 45px;
        margin-bottom: 34px;
      }
      .modal .list li .cycle-box {

        width: 225px;
        height: 225px;
        border-radius: 135px;
        border-width: 4px;
      }
      .modal .list li .cycle-box img.default{

        width: 195px;
        margin: 64px auto;
      }
      .modal .list li .text-box {

        width: 270px;
        margin-top: 11px;
    }
    .modal .list li .text-box p {

        font-size: 30px;
    }
    .modal .list li .text-box p span {

        font-size: 12px;
    }
    .modal .list li .text-box>span{

        font-size: 14px;
        margin-top: 11px;
      }
      .modal .list li .text-box>span .info{
        font-size: 14px;
      }
      .modal .list li .cycle-box .hover-check {

        padding: 7px 0;
    }
    .modal .foot>p {       
        font-size: 12px;
        margin-top: 5px;
        width: 660px;
        margin-top: 4px;
    }
    .modal .foot>div{
        border-width: 2px;
    border-radius: 45px;
    padding: 15px 30px;
    }
    .modal .foot>div .tip{
        font-size: 15px;
        padding: 4px 7px;
        border-radius: 11px;
        top: -17px;
        left: 26px;
    }
    .modal .foot>div li{    font-size: 11px;}
    .modal .foot>div li span{margin-right: 7px;}
    .modal .foot>div a{font-size: 30px;
        border-radius: 38px;
        width: 263px;
        right: 7px;
        padding: 23px 0;
        margin-top: -38px;
    }
    .modal .foot>div a svg {
        right: 20px;
        top: 30px;
    }
    #content2{
        padding: 50ㅇㄴpx 0;
    }
    #content2 p{
        font-size: 60px;
    }
    #content2 .movie-box{
        /* height:500px; */
    }
    #content3 .datum-point .text-box .text1{
        font-size: 24px;
        margin-bottom: 15px;
    }
    #content3 .datum-point .text-box .text2{
        font-size: 90px;
        margin-bottom: 23px;
    }
    #content3 .datum-point .text-box a{
        width: 150px;
        font-size: 23px;
    }
    #content3 .datum-point .text-box a+.line{
        top: 338px;
    }
    
    @keyframes updownline {
        /* keyframe */
        0% {
          bottom: 0;
        }
        50% {
          bottom: 0;
        }
        70% {
          bottom: 0;
        }
        /* keyframe */
        100% {
         
          bottom:-100vh
        }
    }
    #content4 .datum-point{
        padding-top: 150px;
    }
    #content4 .datum-point .text-box a{
        width: 150px;
        font-size: 23px;
    }
    
    @keyframes updownline2{
        /* keyframe */
        0% {
          height: 0;
        }
        /* keyframe */
        100% {         
          /*height:150px;*/
          height:0px;
        }
    }
    #content4 .datum-point .text-box .text1{
        font-size: 90px;
        margin-bottom: 15px;
    }
    #content4 .datum-point .text-box .text2{
        font-size: 24px;
    }
    #content5 .datum-point{
        padding-top: 41px;
        padding-bottom: 41px;
    }
    #content5 .datum-point>p{
        font-size: 34px;
    }
    #content5 .datum-point>.content-box .row .clip-box p{
        width: 218px;
        height: 38px;
        top: 225px;
        margin-left: -109px;
        /* font-size: 21px; */
        line-height: 38px;
        padding: 11.5px 0px;
    }
    #content5 .datum-point>.content-box .row .clip-box p img{
    height: 100%;
    }
    #content5 .datum-point>.content-box .row>p{
        font-size: 24px;
    }
    #content5 .datum-point>.content-box .row .clip-box .line{
        height: 2px;
        width: 728px;
        margin-left: -364px;
        top: 244px;
    }
    #content5 .datum-point>.content-box .row>.box-box.text-right{
        margin-left: 240px;
    }
    #content5 .datum-point>.content-box .row .box-box .box{
        margin: 15px auto;
        margin-bottom: 30px;
    }
    #content5 .datum-point>.content-box .row .box-box .box .img-box{
        width: 480px;
        height: 480px;
        border-radius: 480px;
    }
    #content5 .datum-point>.content-box .row .box-box .box .text-box p{
        font-size: 49px;
    }
    #content6 .datum-point>p{
        font-size: 60px;
    }
    #content6 .datum-point ul li .img-box{
        width: 105px;
        height: 105px;
        border-radius: 53px;
    }
    #content6 .datum-point ul li .img-box>.default{
        margin: 30px 0px;
        padding: 7px 15px;
    }
    #content6 .datum-point .detail-box .img-box{
        width: 270px;
        height: 270px;
    }
    #content6 .datum-point .detail-box .text-box{
        margin-top: 68px;
        margin-left: 15px;
    }
    #content6 .datum-point .detail-box .text-box p{
        font-size: 36px;
    }
    #content6 .datum-point .detail-box .text-box>span{
        font-size: 17px;
    }
    #content6 .datum-point .detail-box .text-box>span .danger{
        font-size: 12px;
    }
    #content7 .swiper-slide .text-box p{
        font-size: 53px;
    }
    #content7 .swiper-slide .text-box {      
        width: 960px;
    }
    
    #content8 .datum-point{padding-top: 135px;}
    #content8 .datum-point .move-img{
        margin-bottom: 105px;
    }
    #content8 .datum-point .move-img img {
        height: 183px;
    }
    #content8 .datum-point .text-box>p{
        font-size: 44px;
    }
    #content8 .datum-point .text-box>p{
        margin-bottom: 11px;
    }
    #content9 .fixed-label{
        left: 240px;
        padding: 15px 7px;
        width: 225px;
        height: 236px;
        border-radius: 0 0 113px 113px;
    }
    #content9 .fixed-label>p{
        font-size: 30px;
        margin-bottom: 7px;
    }
    #content9 .text-box .box{
        padding-top: 34px;
        /* padding-left: 15px; */
        padding-left: 20px;
    }
    #content9 .text-box .box .top{
        height: 263px;
    }
    #content9 .text-box .box .top p{
        font-size: 37px;
    }
    #content9 .text-box .box .top span{
        font-size: 14px;
        margin: 7px 0;
    }
    #content9 .text-box .box .middle{
        height: 225px;
    }
    #content9 .text-box .box .middle img{
        height: 105px;
    }
    #content9 .text-box .box .middle span{
        height: 15px;
        width: 75px;
        line-height: 15px;
        margin: 7px 0;
        border-radius: 7px;
    }
    #content9 .text-box .box .middle span:after{
        width: 225px;
        left: 75px;
    }
    #content9 .text-box .box .bottom>p{
        font-size: 38px;
    }
    #content9 .text-box .box .bottom>span{
        font-size: 12px;
        margin-top: 7px;
    }
    #content9 .text-box .box .bottom>a{
        width: 300px;
        height: 75px;
        border-radius: 38px;
        font-size: 23px;
        margin-top: 23px;
        line-height: 75px;
    }
    #content10 .position2 a{
        width: 360px;
        margin-top: 25px;
        font-size: 23px;
        height: 90px;
        padding: 20px 65px;
    }
    #content10 .position2 .text1{
        font-size: 53px;
    }
    #content10 .position2 .text2{font-size: 53px;}
    .modal .list li .cycle-box .hover-check{
        padding: 7px 0;
    }
    #content8 .datum-point .text-box>span{
        font-size: 17px;
        margin-bottom: 28px;
    }
    #content8 .datum-point .text-box>a svg {        
        right: 33px;
        top: 30px;
    }
    #content9 .fixed-label>span{font-size: 11px;}
    #content9 .swiper-container{width: 863px;}
    #content9 .text-box{ /*width: 484px;*/ }
    #content9 .text-box .box .bottom>a svg{
        top: 29px;
        right: 6px;
    }
    #content8 .datum-point .text-box>a{
        font-size: 19px;
        width: 330px;
        height: 76px;
        border-radius: 45px;
        line-height: 76px;
    }
    .fixed-navigation{
        left: 25px;
    }
	#content7 .btn-box, #content9 .btn-box {
		width: 1280px;
		position: absolute;
		left: 50%;
		margin-left: -640px;
		height: 50px;
		top: 50%;
		z-index: 100;
		margin-top: -25px;
	}
}
@media all and (max-width:1280px){
    .datum-point{
        width:1000px;
    }

    #content1 .video iframe {
        transform: scale(1.5);
    }

    #content9 .swiper-container {
        width: 755px;
    }
    #content10 .position2 a {       
        padding: 20px 60px;
    }
    .fixed-navigation{
        left: 25px;
    }
    .modal-content .close {
        right: 15px;
    }
    .modal-dialog {
        max-width: 1140px;
    }
    #content7 .btn-box, #content9 .btn-box {
        width: 1140px;
        position: absolute;
        left: 50%;
        margin-left: -570px;
        height: 50px;
        top: 50%;
        z-index: 100;
        margin-top: -25px;
    }
    #content9 .swiper-container .swiper-slide{
        background-position: top;
        background-size: auto 100%;
        background-repeat: no-repeat;
      }
}