@charset "utf-8";

@media screen and (max-width:1385px) {
    /* #intro .about */
    #intro .about .icon .license {
        right:50px;
        top:180px;
    }

    #intro .about .icon .passport {
        right:120px;
        top:380px;
    }

    #intro .about .icon .airport {
        left:120px;
        top:380px;
    }

    #intro .about .icon .hotel {
        left:50px;
        top:180px;
    }

    #intro .about .icon .blockchain {
        top:60px;
    }

    #intro .about .icon .qrcode {
        right:70px;
        top:380px;
    }

    #intro .about .icon .store {
        left:70px;
        top:380px;
    }
}

@media screen and (max-width:1200px) {
    /* #main */
    #main .swiper-slide {
        min-height:60vh;
        padding:200px 0;
    }
    
    /* #vision */
    #vision {
        padding:200px 0;
    }
    
    /* #slogan */
    #slogan:before {
        min-height:300px;
    }
    
    /* #intro .about */
    #intro .about .icon .scanner {
        top:10px;
    }
    
    #intro .about .icon .license {
        top:120px;
    }

    #intro .about .icon .passport {
        right:90px;
        top:300px;
    }

    #intro .about .icon .airport {
        left:90px;
        top:300px;
    }

    #intro .about .icon .hotel {
        top:120px;
    }

    #intro .about .icon .blockchain {
        top:50px;
    }

    #intro .about .icon .qrcode {
        right:50px;
        top:320px;
    }

    #intro .about .icon .store {
        left:50px;
        top:320px;
    }
    
    /* #intro .history */
    #intro .history .timeline {
        width:100%;
      }
    
    /* #patent .patent */
    #patent .patent .col-12 li .frame {
        min-height:350px;
    }
    
    #en #patent .patent .col-12 li .frame {
        min-height:440px;
    }
    
    /* #patent .program */
    #patent .program li .frame {
        min-height:320px;
    }
    
    /* #patent .report */
    #patent .report .col-lg-6 li .frame {
        min-height:360px;
    }
} 

@media screen and (max-width:992px) {
    /* header */
    header .gnb_pc {
        display:none;
    }
    header .side_menu {
        display:block;
    }
    /* #main */
    #main .swiper-slide {
        min-height:70vh;
        padding:300px 0;
    }

    #main .fir {
        padding:50px 0;;
    }
    
    #main .fir img {
        margin-top:50px;
    }
    
    /* #vision */
    #vision p {
        font-size:25px;
    }
    
    /* #slogan */
    #slogan:before {
        min-height:250px;
    }
    
    #slogan p {
        font-size:25px;
    }

    #slogan p span {
        margin-left:50px;
    }
    
    /* #intro .about */
    #intro .about .col-lg-6:after {
        display:none;
    }

    #intro .about .icon .scanner {
        top:50px;
    }
    
    #intro .about .icon .license {
        top:200px;
        right:100px;
    }

    #intro .about .icon .passport {
        right:130px;
        top:460px;
    }

    #intro .about .icon .airport {
        left:130px;
        top:460px;
    }

    #intro .about .icon .hotel {
        top:200px;
        left:100px;
    }

    #intro .about .icon .blockchain {
        top:90px;
    }

    #intro .about .icon .qrcode {
        right:90px;
        top:500px;
    }

    #intro .about .icon .store {
        left:90px;
        top:500px;
    }
    
    /* #intro .team */
    #intro .team .advisor li {
        width:33.3333%;
        margin-bottom:30px;
    }
    
    #intro .team .advisor li:nth-child(4), #intro .team .advisor li:nth-child(5) {
        width:50%;
    }
    
    /* #patent .patent */
    #patent .patent .col-12 li {
        width:33.3333%;
    }
    
    /* #patent .program */
    #patent .program li {
        width:33.3333%;
        margin-bottom:30px;
    }
    
    #patent .program li:nth-child(4), #patent .program li:nth-child(5) {
        width:50%;
    }
    
    #patent .program li .frame {
        min-height:390px;
        margin:0 auto;
    }
    
    #en #patent .program li .frame {
        min-height:430px;
    }
    
    /* #patent .report */
    #patent .report .col-lg-6 li .frame {
        min-height:410px;
    }
    
    /* #popup */
    #popup .box {
    background:url(../images/bg/bg-popup02.png) no-repeat 50% 50%;
    background-size:cover;
    background-color:#fff;
    }
    
    #popup .box .col-lg-4 img {
        margin:20px auto;
    }
    
    #popup .box .col-lg-8 {
        padding-left:0;
    }
    
    #popup .box .col-lg-8 ul {
        padding-top:60px;
    }
    
    #popup .box .col-lg-8 li {
        color:#fff;
        font-size:12px;
    }
    
    #popup .daniel .col-lg-8 p {
        color:#fff;
        font-size:12px;
    }
    
    /* #popup3 */
    #popup3 {
        left:50%;
        top:120px;
        transform:translate(-50%);
    }
    
    /* #popup4 */
    #popup4 {
        left:50%;
        top:480px;
        transform:translate(-50%);
    }
}

@media screen and (max-width:768px){
    .btn_top {
        right:20px;
        bottom:20px;
        width:40px;
        height:40px;
        line-height:40px;
    }
    
    /* #main */
    #main .swiper-slide {
        min-height:60vh;
        padding:300px 0;
    }
    
    #main .fir {
        padding:50px 0;
    }
    
    #main .swiper-slide h3 {
        font-size:40px;
        height:96px;
        margin-bottom:20px;
    }

    #main .swiper-slide h3 img {
        width:40px;
        height:40px;
        margin-right:15px;
    }
    
    #main .swiper-slide p {
        font-size:16px;
    }
    
    /* #vision */
    #vision h4 {
        font-size:18px;
        margin-bottom:30px;
    }
    
    #vision p {
        font-size:20px;
    }
    
    /* #slogan */
    #slogan:before {
        min-height:200px;
    }
    
    #slogan h4 {
        font-size:18px;
        margin-bottom:30px;
    }
    
    #slogan p {
        font-size:20px;
    }

    #slogan p span {
        margin-left:50px;
    }
    
    /* #intro .about */
    #intro .about p {
        font-size:16px;
    }

    #intro .about h4 {
        font-size:20px;
        margin:10px 0;
    }

    #intro .about .icon .scanner {
        top:20px;
    }
    
    #intro .about .icon .license {
        top:140px;
        right:70px;
    }

    #intro .about .icon .passport {
        right:100px;
        top:350px;
    }

    #intro .about .icon .airport {
        left:100px;
        top:350px;
    }

    #intro .about .icon .hotel {
        top:140px;
        left:70px;
    }

    #intro .about .icon .blockchain {
        top:50px;
    }

    #intro .about .icon .qrcode {
        right:60px;
        top:360px;
    }

    #intro .about .icon .store {
        left:60px;
        top:360px;
    }
    
    /* #intro .history */
    #intro .history h4 {
        font-size:16px;
        margin:10px 0;
    }

    #intro .history p {
        font-size:20px;
        margin-bottom:0;
    }
    
    #intro .history .timeline {
        padding-bottom:0;
      }
    
    #intro .history .timeline:before {
        left:20px;
        height:100%;
    }
    
    #intro .history .timeline > ul > li {
        padding-top:30px;
    }
    
    #intro .history .timeline ul {
        padding-top:30px;
    }
    
    #intro .history .timeline ul li:nth-child(odd), #intro .history .timeline ul li:nth-child(even) {
        width:100%;
        text-align:left;
        padding-left:20px;
    }
    
    #intro .history .timeline ul li:nth-child(odd):before, #intro .history .timeline ul li:nth-child(even):before {
        top:-18px;
        left:16px;
    }
    
    #intro .history .timeline ul li:nth-child(odd) .time, #intro .history .timeline ul li:nth-child(even) .time {
        top:-30px;
        left:50px;
        right:inherit;
    }
    
    #intro .history .timeline > ul > li .time h6:after {
        display:none;
    }
    
    /* #intro .team */
    #intro .team h4 {
        font-size:16px;
        margin:10px 0;
    }

    #intro .team p {
        font-size:20px;
        margin-bottom:30px;
    }
    
    #intro .team .col-lg-6 {
        margin-bottom:30px;
    }
    
    #intro .team .advisor p {
        font-size:20px;
        margin-top:30px;
    }
    
    #intro .team .advisor li {
        width:50%;
        margin-bottom:30px;
    }
    
    /* #patent .patent */
    #patent .patent .col-12 li {
        width:50%;
        margin-bottom:30px;
    }
    
    #patent .patent .col-12 li .frame {
        min-height:380px;
    }
    
    #en #patent .patent .col-12 li .frame {
        min-height:480px;
    }
    
    /* #patent .program */
    #patent .program li {
        width:50%;
        margin-bottom:30px;
    }
    
    /* #patent .report */
    #patent .report .col-lg-6 li .frame {
        min-height:390px;
    }
    
    #en #patent .report .col-lg-6 li .frame {
        min-height:410px;
    }
    
    /* #mews */
    #news h4 {
        font-size:18px;
        margin:10px 0;
    }

    #news .sub {
        font-size:20px;
        margin-bottom:50px;
    }
    
    /* #contact .contact */
    #contact .contact h4 {
        font-size:18px;
        margin:10px 0;
    }

    #contact .contact p {
        font-size:20px;
        margin-bottom:30px;
    }
    
    /* #contact .faq */
    #contact .faq h4 {
        font-size:18px;
        margin:10px 0;
    }

    #contact .faq .sub {
        font-size:20px;
        margin-bottom:50px;
    }
    
    #contact .faq .col-12 > ul > li > dl > dt {
        position:relative;
        font-size:15px;
        padding:15px 0 15px 30px;
    }
    
    #contact .faq .col-12 > ul > li > dl > dt i {
        position:absolute;
        left:0;
        top:15px;;
        margin-right:0;
        font-size:20px;
    }
    
    #contact .faq .col-12 .fir dd dl {
        float:none;
        width:100%;
        padding:0;
        text-align:left;
    }
    
    #contact .faq .col-12 .sec dd dl {
        float:none;
        width:100%;
        padding:0;
        margin-bottom:30px;
    }
    
    #contact .faq .col-12 .sec dd dt {
        text-align:left;
    }
    
    #contact .faq .col-12 .sec dd dt span {
        right:0;
        left:260px;
    }
    
    /* #contact .notice */
    #contact .notice h4 {
        font-size:18px;
        margin:10px 0;
    }

    #contact .notice .sub {
        font-size:20px;
        margin-bottom:50px;
    }
    
    /* #contact .map */
    #contact .map .sub {
        font-size:20px;
        margin-bottom:50px;
    }
    
    /* #popup2 */
    #popup2 .adult_certification .bottom .col-lg-6 li {
        width:50%;
    }
    
    #popup2 .adult_certification .bottom .col-lg-6 li img {
        height:auto;
    }
    
    /* #newsHome */
    #newsHome  {
        padding:180px 0;
    }
    
    #newsHome h3 {
        font-size:30px;
        line-height:50px;
    }
}

@media screen and (max-width:576px){
    /* #intro .about */
    #intro .about .pc_img {
        display:none;
    }

    #intro .about .m_img {
        display:block;
    }
    
    #intro .about .icon img {
        display:none;
    }
    
    /* #patent .patent */
    #en #patent .patent .title {
        height:auto;
    }
    
    #en #patent .patent .col-12 li .frame {
        min-height:auto;
    }
    
    /* #patent .program */
    #en #patent .program li .frame {
        min-height:auto;
    }
    
    /* #patent .report */
    #en #patent .report .col-lg-6 li .frame {
        min-height:auto;
    }
    
    /* #contact .map */
    #contact .map .box {
        position:static;
        width:100%;
        box-sizing:border-box;
        padding:40px 0;
        transform:translate(0);
    }
    
    /* #popup2 */
    #popup2 .box .top .sub_price {
        padding-left:0;
    }
    
    #popup2 .crypto_pos .bottom .step li img {
        min-width:100%;
    }
    
    #popup2 .adult_certification .bottom .col-lg-6 li {
        float:none;
        width:100%;
        padding:20px 0;
    }
    
    #popup2 .adult_certification .bottom .col-lg-6 li img {
        height:auto;
    }
    
    /* #popup3 */
    #popup3 {
        top:90px;
    }
    
    #popup3 .box .btn_close {
        width:30px;
        height:30px;
        line-height:30px;
    }
    
    /* #popup4 */
    #popup4 {
        top:370px;
    }
    
    #popup4 .box .btn_close {
        width:30px;
        height:30px;
        line-height:30px;
    }    
    
    /* #newsHome */
    #newsHome  {
        padding:150px 0;
    }
    
    #newsHome h3 {
        font-size:22px;
        line-height:40px;
    }
}

@media screen and (max-width:418px) {
    .pc {
        display:none;
    }
    .m {
        display:block;
    }
    /* #main */
    #main .swiper-slide {
        min-height:40vh;
        padding:150px 0;
    }
    
    #main .fir {
        padding:50px 0;;
    }
    
    #main .sec {
        background:url(../images/bg/bg-main2.png) no-repeat 70% 50%;
        background-size:cover;
    }
    
    #main .swiper-slide h3 {
        font-size:25px;
        height:55px;
    }

    #main .swiper-slide h3 img {
        width:25px;
        height:25px;
        margin-right:10px;
    }
    
    #main .swiper-slide p {
        font-size:14px;
    }
    
    /* #vision */
    #vision h4 {
        font-size:18px;
        margin-bottom:30px;
    }
    
    #vision p {
        font-size:20px;
    }
    
    /* #intro .about */
    #intro .about {
        text-align:left;
    }
    
    #intro .about .col-lg-6 li {
        font-size:12px;
        margin-bottom:8px;
    }
    
    /* #intro .history */
    #intro .history .content li {
        position:relative;
        padding-top:30px;
    }
    
    #intro .history .timeline > ul > li:nth-child(odd) li {
        padding-left:20px;
    }
    
    #intro .history .content li span {
        position:absolute;
        left:20px;
        top:10px;
        margin-right:0;
    }
    
    #intro .history .timeline > ul > li:nth-child(odd) li span {
        position: absolute;
        left: 20px;
        top: 10px;
        margin-right:0;
    }
    
    /* #intro .team */
    #intro .team .advisor li {
        width:100%;
    }
    
    #intro .team .advisor li:nth-child(4), #intro .team .advisor li:nth-child(5) {
        width:100%;
    }

    /* #patent .patent */
    #patent .patent {
        padding:80px 0;
    }
    
    #patent .patent .col-lg-6 li {
        float:none;
        width:100%;
        margin-bottom:30px;
    }
    
    #patent .patent .col-12 li {
        width:100%;
        margin-bottom:30px;
    }
    
    #patent .patent .col-12 li .frame {
        margin:0 auto;
    }
    
    /* #patent .program */
    #patent .program {
        padding:80px 0;
    }
    
    #patent .program li {
        width:100%;
    }
    
    #patent .program li:nth-child(4), #patent .program li:nth-child(5) {
        width:100%;
    }
    
    #patent .program li .frame {
        margin:0 auto;
    }
    
    /* #patent .report */
    #patent .report {
        padding:80px 0;
    }
    
    #patent .report .title {
        font-size:18px;
        height:auto;
        margin-bottom:15px;
    }
    
    #patent .report .col-lg-6 li {
        float:none;
        width:100%;
        margin-bottom:30px;
    }
    
    #patent .report .col-lg-6 li .frame {
        margin:0 auto;
    }
    
    /* #newsHome */
    #newsHome  {
        padding:120px 0;
    }
    
    #newsHome h3 {
        font-size:20px;
    }
}