@charset "utf-8";

/* #main */
#main {
    margin-top:90px;
}

#main .swiper-slide {
    width:100%;
    min-height:80vh;
    box-sizing:border-box;
    padding:300px 0;
}

#main .fir {
    background:url(../images/bg/bg-main1.png) no-repeat 50% 50%;
    background-size:cover;
}

#main .sec {
    background:url(../images/bg/bg-main2.png) no-repeat 50% 50%;
    background-size:cover;
}

#main .thi {
    background:url(../images/bg/bg-main3.png) no-repeat 50% 50%;
    background-size:cover;
}

#main .swiper-slide h3 {
    font-family: 'Roboto', sans-serif;
    font-size:60px;
    font-weight:bold;
    color:#fff;
    margin-bottom:50px;
}

#main .swiper-slide h3 span {
    display: inline-block;
    opacity: 0;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
}

#main .swiper-slide h3 img {
    display: inline-block;
    opacity: 0;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    width:60px;
    height:60px;
    margin-right:30px;
}

#main .swiper-slide p {
    color:#fff;
    font-size:20px;
}

#main .swiper-slide .vanish span {
    display: inline-block;
    opacity: 0;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
}

#main .swiper-pagination .swiper-pagination-bullet {
    width:10px;
    height:10px;
    border-radius:20px;
    background-color:#ffffff;
    opacity:1;
    margin:0 10px;
}

#main .swiper-pagination .swiper-pagination-bullet-active {
    background-color:hsl(200 100% 80%);
}

#main .swiper-button-next {
    color:#ffffff;
}
#main .swiper-button-prev {
    color:#ffffff;
}

@keyframes light1{
    0%{ opacity:1; }
    100%{ opacity:0.4;}
}

@-webkit-keyframes light1{
    0%{ opacity:1; }
    100%{ opacity:0.4;}
}

@-moz-keyframes light1{
    0%{ opacity:1; }
    100%{ opacity:0.4;}
}

@keyframes bottom_ani{
    0%{
        transform:translateY(30px);
        opacity:0;
    }
    100%{
        transform:translateY(0px);
        opacity:1;
    }
}

@-webkit-keyframes bottom_ani{
    0%{
        transform:translateY(30px);
        opacity:0;
    }
    100%{
        transform:translateY(0px);
        opacity:1;
    }
}

@-moz-keyframes bottom_ani{
    0%{
        transform:translateY(30px);
        opacity:0;
    }
    100%{
        transform:translateY(0px);
        opacity:1;
    }
}

@keyframes right_ani{
    0%{
        transform:translateX(30px);
        opacity:0;
    }
    10%,60%{
        transform:translateX(0px);
        opacity:1;
    }
    70%{
        transform:translateX(30px);
        opacity:0;
    }
}

@-webkit-keyframes right_ani{
    0%{
        transform:translateX(30px);
        opacity:0;
    }
    10%,60%{
        transform:translateX(0px);
        opacity:1;
    }
    70%{
        transform:translateX(30px);
        opacity:0;
    }
}

@-moz-keyframes right_ani{
    0%{
        transform:translateX(30px);
        opacity:0;
    }
    10%,60%{
        transform:translateX(0px);
        opacity:1;
    }
    70%{
        transform:translateX(30px);
        opacity:0;
    }
}

/* #vision */
#vision {
    padding:200px 0;
    text-align:center;
}

#vision h4 {
    font-family: 'Roboto', sans-serif;
    font-size:25px;
    font-weight:bold;
    color:#003070;
    margin-bottom:50px;
}

#vision p {
    font-size:30px;
    font-weight:bold;
}

#vision p span {
    position:relative;
}

#vision p span:before {
    content:'';
    display:block;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:hsl(200 100% 80%);
    z-index:-1;
    transition:transform .3s ease;
    transform:scaleX(0);
    transform-origin:bottom right;
}

#vision:hover p span:before {
    transform:scaleX(1);
    transform-origin:bottom left;
}

@media (orientation:landscape) {
    body {
        grid-auto-flow:column;
    }
}

/* #slogan */
#slogan {
    padding:0 0 120px;
    text-align:center;
}

#slogan:before {
    content:'';
    display:inline-block;
    width:100%;
    min-height:500px;
    background:url(../images/bg/bg-slogan.png) no-repeat 50% 50%;
    background-size:cover;
    margin-bottom:120px;
}

#slogan h4 {
    font-family: 'Roboto', sans-serif;
    font-size:25px;
    font-weight:bold;
    color:#003070;
    margin-bottom:50px;
}

#slogan p {
    font-size:30px;
    font-weight:bold;
}

#slogan p span {
    margin-left:100px;
}

/* #intro .about */
#intro .about {
    padding:120px 0;
    background:url(../images/bg/bg-about.png) no-repeat 50% 50%;
    background-size:cover;
    text-align:center;
    color:#fff;
}

#intro .about p {
    font-family: 'Roboto', sans-serif;
    color:rgba(255,255,255,0.7);
    font-size:18px;
}

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

#intro .about .col-lg-6 {
    position:relative;
}

#intro .about .col-lg-6:after {
    position:absolute;
    right:0;
    top:200px;
    content:'';
    display:inline-block;
    width:1px; 
    height:150px;
    background-color:#fff;
}

#intro .about .col-lg-6:last-child:after {
    display:none;
}

#intro .about .pc_img {
    display:block;
}

#intro .about .m_img {
    display:none;
}

#intro .about .icon {
    position:relative;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}

#intro .about .icon img {
    position:absolute;
    width:70px;
    height:70px;
    animation-name: bounce-1;
	animation-timing-function: linear;
    animation-duration: 3s;
	animation-iteration-count: infinite;
}

@keyframes bounce-1 {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(20px);
	}
	100% {
		transform: translateY(0);
	}
}

#intro .about .icon .scanner {
    left:50%;
    top:40px;
    margin-left:-35px;
}

#intro .about .icon .license {
    right:80px;
    top:190px;
}

#intro .about .icon .passport {
    right:110px;
    top:430px;
}

#intro .about .icon .airport {
    left:110px;
    top:430px;
}

#intro .about .icon .hotel {
    left:80px;
    top:190px;
}

#intro .about .icon .blockchain {
    left:50%;
    top:80px;
    margin-left:-35px;
}

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

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

#intro .about .col-lg-6 li {
    font-size:13px;
    margin-bottom:10px;
}

/* #intro .history */
#intro .history {
    background:url(../images/bg/bg-history.png) no-repeat 50% 100%;
    background-size:cover;
    padding:120px 0 180px;
}

#intro .history h4 {
    font-family: 'Roboto', sans-serif;
    text-align:center;
    color:#003070;
    font-weight:bold;
    font-size:25px;
    margin:20px 0;
}

#intro .history p {
    text-align:center;
    font-weight:bold;
    font-size:30px;
    margin-bottom:80px;
}

#intro .history .timeline {
    position:relative;
    margin:50px auto;
    padding:40px 0;
    width:1000px;
    box-sizing:border-box;
}

#intro .history .timeline:before {
    content:'';
    position:absolute;
    left:50%;
    width:2px;
    height:100%;
    background:linear-gradient(to top, rgba(1,75,174,1) 0%, rgba(0,0,0,0) 100%);
}

#intro .history .timeline > ul {
    padding:0;
    margin:0;
}

#intro .history .timeline > ul > li {
    list-style:none;
    position:relative;
    width:50%;
    margin-bottom:50px;
    box-sizing:border-box;
}

#intro .history .timeline > ul > li:nth-child(odd) {
    float:right;
    text-align:left;
    clear:both;
    padding:20px 0 20px 30px;
}

#intro .history .timeline > ul > li:nth-child(even) {
    float:left;
    text-align:right;
    clear:both;
    padding:20px 30px 20px 0;
}

#intro .history .timeline > ul > li:nth-child(odd):before {
    content:'';
    position:absolute;
    width:10px;
    height:10px;
    top:24px;
    left:-4px;
    background:#014bae;
    box-shadow:0 0 0 3px rgba(1,75,174,0.2);
    transform:rotate(45deg);
}

#intro .history .timeline > ul > li:nth-child(even):before {
    content:'';
    position:absolute;
    width:10px;
    height:10px;
    top:24px;
    right:-6px;
    background:#014bae;
    box-shadow:0 0 0 3px rgba(1,75,174,0.2);
    transform:rotate(45deg);
}

#intro .history .content {
    padding-bottom:20px;
}

#intro .history .content li {
    font-size:13px;
    margin-bottom:10px;
    word-break:keep-all;
}

#intro .history .timeline > ul > li:nth-child(odd) li {
    position:relative;
    padding-left:40px;
}

#intro .history .content li span {
    font-weight:bold;
    margin-right:10px;
}

#intro .history .timeline > ul > li:nth-child(odd) li span {
    position:absolute;
    left:0;
    top:0;
}

#intro .history .timeline > ul > li .time h6 {
    position:relative;
    z-index:10;
    font-size:40px;
    font-weight:500;
    color:#014bae;
}

#intro .history .timeline > ul > li .time h6:before {
    position:absolute;
    left:50%;
    bottom:0;
    z-index:-1;
    content:'';
    display:inline-block;
    width:100px;
    height:25px;
    margin-left:-50px;
    background-color:#ecf4ff;
}

#intro .history .timeline > ul > li .time h6:after {
    content:'........';
    display:inline-block;
    width:100px;
    height:1px;
    color:#014bae;
}

#intro .history .timeline > ul > li:nth-child(odd) .time h6:after {
    position:absolute;
    top:-6px;
    right:-110px;
}

#intro .history .timeline > ul > li:nth-child(even) .time h6:after {
    position:absolute;
    top:-6px;
    left:-110px;
}

#intro .history .timeline > ul > li:nth-child(odd) .time {
    position:absolute;
    top:0;
    left:-220px;
}

#intro .history .timeline > ul > li:nth-child(even) .time {
    position:absolute;
    top:0;
    right:-220px;
}

#intro .history .timeline > ul > li:hover:before {
    box-shadow:0 0 10px 5px rgba(1,75,174,0.6);
}

/* #intro .team */
#intro .team {
    padding:120px 0;
    background-color:#ecf4ff
}

#intro .team h4 {
    font-family: 'Roboto', sans-serif;
    text-align:center;
    color:#003070;
    font-weight:bold;
    font-size:25px;
    margin:20px 0;
}

#intro .team p {
    text-align:center;
    font-weight:bold;
    font-size:30px;
    margin-bottom:80px;
}

#intro .team img {
    display:block;
    width:150px;
    margin:0 auto 15px;
    border:3px solid transparent;
    border-radius:50%;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -ms-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
}

#intro .team .col-lg-6 {
    position:relative;
    margin-bottom:80px;
}

#intro .team .col-lg-6:hover img {
    border-color:#003070;
}

#intro .team .col-lg-4 {
    position:relative;
}

#intro .team .col-lg-4:hover img {
    border-color:#003070;
}

#intro .team dl {
    width:150px;
    text-align:center;
    margin:0 auto;
}

#intro .team dt {
    font-family: 'Roboto', sans-serif;
    font-size:18px;
}

#intro .team dd {
    font-size:13px;
    margin-bottom:30px;
}

#intro .team .col-lg-6 li {
    margin-bottom:5px;
}

#intro .team .col-lg-6 li span {
    font-weight:bold;
}

#intro .team .btn_more {
    position:absolute;
    right:50%;
    top:110px;
    display:inline-block;
    width:50px;
    height:50px;
    text-align:center;
    line-height:50px;
    background-color:#fff;
    border-radius:50%;
    color:#014bae;
    font-size:18px;
    font-weight:bold;
    margin-right:-90px;
}

#intro .team .btn_more:hover {
    animation-name: elementor-animation-push;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
}

@keyframes elementor-animation-push{
    50%{transform:scale(0.8)}
    100%{transform:scale(1)}
}

#intro .team .advisor p {
    font-size:25px;
    color:#003070;
    margin-top:80px;
    margin-bottom:30px;
}

#intro .team .join {
    text-align:center;
    margin:50px 0;
}

#intro .team .join a {
    display:inline-block;
    padding:20px 60px;
    border-radius:40px;
    font-size:18px;
    font-weight:bold;
    background-color:#014bae;
    color:#fff;
    border:3px solid transparent;
}

#intro .team .join a:hover {
    background-color:#fff;
    color:#014bae;
    border-color:#014bae;
}

/* #product */
#product {
    padding:120px 0;
}

#product h4 {
    font-family: 'Roboto', sans-serif;
    text-align:center;
    color:#003070;
    font-weight:bold;
    font-size:25px;
    margin:20px 0;
}

#product .sub {
    text-align:center;
    font-weight:bold;
    font-size:30px;
    margin-bottom:80px;
}

#product .col-lg-3 {
    margin-bottom:80px;
    padding:0 20px;
}

#product .col-lg-3 p {
    height:60px;
    font-weight:bold;
    border-top:3px solid #003070;
    padding-top:10px;
    margin-bottom:20px;
}

#product .col-lg-3 .thumb {
    position:relative;
    width:100%;
    box-sizing:border-box;
    padding:60px 20px;
    background-color:#fbfdff;
    box-shadow:0 0 10px 5px rgba(0,0,0,0.1);
}

#product .col-lg-3 .thumb img {
    display:block;
    max-width:210px;
    width:100%;
    margin:0 auto;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -ms-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
}

#product .col-lg-3 .thumb .btn_buy {
    position:absolute;
    right:75px;
    bottom:40px;
    display:inline-block;
    width:40px;
    height:40px;
    text-align:center;
    line-height:40px;
    background-color:#fff;
    color:#014bae;
    font-size:20px;
    border-radius:50%;
    box-shadow:0 0 10px 3px rgba(0,0,0,0.05);
}

#product .col-lg-3 .thumb .btn_play {
    position:absolute;
    right:20px;
    bottom:40px;
    display:inline-block;
    width:40px;
    height:40px;
    text-align:center;
    line-height:40px;
    background-color:#fff;
    color:#014bae;
    font-size:14px;
    border-radius:50%;
    box-shadow:0 0 10px 3px rgba(0,0,0,0.05);
}

#product .col-lg-3 .thumb:hover img {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);   
    -o-transform:scale(1.1);
    transform:scale(1.1);
}

#product .col-lg-3 .thumb .btn_buy:hover {
    background-color:#014bae;
    color:#fff;
}

#product .col-lg-3 .thumb .btn_play:hover {
    background-color:#014bae;
    color:#fff;
}

/* #patent .patent */
#patent {
    background:url(../images/bg/bg-patent.png) no-repeat 50% 50%;
    background-size:cover;
    padding:120px 0;
}

#patent li .frame {
    position:relative;
}

#patent li .frame:before {
    position:absolute;
    left:0;
    top:0;
    content:'';
    display:inline-block;
    width:100%;
    height:100%;
    background-color:#003070;
    opacity:0;
}

#patent li:hover .frame:before {
    opacity:0.3;
}

#patent li .frame img {
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

#patent li:hover .frame img {
    opacity: 0.80;
    transform: scale(1.04,1.04);
}

#patent .patent {
    padding:120px 0;
}

#patent .patent h4 {
    font-family: 'Roboto', sans-serif;
    color:rgba(255,255,255,0.7);
    font-weight:bold;
    font-size:25px;
    margin:20px 0;
}

#patent .patent .sub {
    font-weight:bold;
    font-size:30px;
    margin-bottom:50px;
    color:#fff;
}

#patent .patent h5 span {
    display:inline-block;
    padding:8px 15px;
    background-color:#f1f7ff;
    color:#002351;
    font-weight:bold;
    font-size:14px;
    margin-bottom:30px;
}

#patent .patent .col-lg-6 {
    margin-bottom:50px;
}

#patent .patent .title {
    color:#fff;
    font-weight:bold;
    font-size:18px;
    height:56px;
    margin-bottom:15px;
}

#en #patent .patent .title {
    height:80px;
}

#patent .patent .col-lg-6 li {
    float:left;
    width:50%;
    box-sizing:border-box;
    padding:15px;
    text-align:center;
}

#patent .patent .col-lg-6:nth-child(3) li {
    width:100%;
}

#patent .patent .col-lg-6 li .frame {
    max-width:230px;
    padding:15px;
    background:url(../images/bg/frame-patent.png) no-repeat 50% 50%;
    background-size:cover;
    margin:0 auto;
}

#patent .patent .col-lg-6:nth-child(3) li .frame {
    max-width:600px;
    padding:15px 0;
}

#patent .patent .col-lg-6:nth-child(3) li img {
    width:100%;
}

#patent .patent .col-lg-6 li .info {
    color:rgba(255,255,255,0.8);
    margin-top:20px;
    font-size:13px;
}

#patent .patent .col-12 li {
    float:left;
    width:25%;
    box-sizing:border-box;
    padding:0 20px;
    text-align:center;
}

#patent .patent .col-12 li .frame {
    max-width:230px;
    min-height:390px;
    padding:15px;
    background:url(../images/bg/frame-patent.png) no-repeat 50% 50%;
    background-size:cover;
}

#patent .patent .col-12 li .info {
    color:rgba(255,255,255,0.8);
    margin-top:20px;
    font-size:13px;
}

/* #patent .program */
#patent .program {
    padding:120px 0;
}

#patent .program h4 {
    color:rgba(255,255,255,0.7);
    font-weight:bold;
    font-size:25px;
    margin:20px 0;
}

#patent .program .sub {
    font-weight:bold;
    font-size:30px;
    margin-bottom:50px;
    color:#fff;
}

#patent .program h5 span {
    display:inline-block;
    padding:8px 15px;
    background-color:#f1f7ff;
    color:#002351;
    font-weight:bold;
    font-size:14px;
    margin-bottom:30px;
}

#patent .program .title {
    color:#fff;
    font-weight:bold;
    font-size:18px;
    height:56px;
    margin-bottom:15px;
}

#patent .program li {
    float:left;
    width:20%;
    box-sizing:border-box;
    padding:0 10px;
    text-align:center;
}

#patent .program li .frame {
    max-width:230px;
    min-height:390px;
    padding:15px;
    background:url(../images/bg/frame-patent.png) no-repeat 50% 50%;
    background-size:cover;
}

#patent .program li .info {
    color:rgba(255,255,255,0.8);
    margin-top:20px;
    font-size:13px;
}

/* #patent .report */
#patent .report {
    padding:120px 0;
}

#patent .report h5 span {
    display:inline-block;
    padding:8px 15px;
    background-color:#f1f7ff;
    color:#002351;
    font-weight:bold;
    font-size:14px;
    margin-bottom:30px;
}

#patent .report .title {
    color:#fff;
    font-weight:bold;
    font-size:18px;
    height:84px;
    margin-bottom:15px;
}

#patent .report .col-lg-6 {
    margin-bottom:30px;
}

#patent .report .col-lg-6 li {
    float:left;
    width:50%;
    box-sizing:border-box;
    padding:0 20px;
    text-align:center;
}

#patent .report .col-lg-6 li .frame {
    max-width:230px;
    min-height:410px;
    padding:15px;
    background:url(../images/bg/frame-patent.png) no-repeat 50% 50%;
    background-size:cover;
}

#patent .report .col-lg-6:nth-child(2) li {
    float:none;
    width:100%;
}

#patent .report li .info {
    color:rgba(255,255,255,0.8);
    margin-top:20px;
    font-size:13px;
}

/* #newsMain */
#newsMain {
    padding:120px 0;
}

#newsMain h4 {
    font-family: 'Roboto', sans-serif;
    text-align:center;
    color:#003070;
    font-weight:bold;
    font-size:25px;
    margin:20px 0;
}

#newsMain .sub {
    text-align:center;
    font-weight:bold;
    font-size:30px;
    margin-bottom:80px;
}

#newsMain .swiper {
    padding-bottom:100px;
}

#newsMain .inner_box {
	position:relative;
}

#newsMain .inner_box .thumb {
	position:relative;
	overflow:hidden;
	background-color:#003070;
}

#newsMain .inner_box .thumb img {
	position:relative;
	width:100%;
	display:block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

#newsMain .inner_box:hover .thumb img {
	opacity:0.7;
	transform:scale(1.04,1.04);
}

#newsMain .inner_box .lower_content {
	position:relative;
	padding-top:30px;
}

#newsMain .inner_box .lower_content .post_date {
    font-family: 'Roboto', sans-serif;
	position:relative;
	color:#014ba9;
	font-size:30px;
	font-weight:800;
	margin-bottom:18px;
	padding-bottom:10px;
	display:inline-block;
	text-transform:uppercase;
	border-bottom:1px solid #cccccc;
}

#newsMain .inner_box .lower_content .post_date span {
	position:relative;
	font-size:14px;
	color:#141d38;
}

#newsMain .inner_box .lower_content .post_meta {
	position:relative;
}

#newsMain .inner_box .lower_content .post_meta li {
	position:relative;
	color:#014ba9;
	font-size:16px;
	font-weight:600;
	display:inline-block;
}

#newsMain .inner_box .lower_content .post_meta li i {
    margin-right:5px;
    color:#141d38;
}

#newsMain .inner_box .lower_content h6 {
	position:relative;
	line-height:1.4em;
	font-weight:700;
    font-size:20px;
	margin-top:12px;
}

#newsMain .inner_box .lower_content h6 a {
	position:relative;
    height:80px;
	font-weight:700;
    font-size:20px;
    line-height:40px;
	margin-top:12px;
    word-break:break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	color:#141d38;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

#newsMain .inner_box .lower_content h6 a:hover {
	color:#0060ff;
}

#newsMain .inner_box .lower_content .text{
	position:relative;
	line-height:1.8em;
	font-weight:500;
	margin-top:12px;
	color:#555555;
	font-size:16px;
	margin-bottom:12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#newsMain .inner_box .lower_content .read_more{
	position:relative;
	line-height:1.4em;
	font-weight:700;
	margin-top:12px;
	color:#141d38;
	font-size:14px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	font-family: 'Montserrat', sans-serif;
}

#newsMain .swiper-pagination .swiper-pagination-bullet {
    background-color:#ccc;
    opacity:1;
}

#newsMain .swiper-pagination .swiper-pagination-bullet-active {
    background-color:#003070;
}

#newsMain .show {
    font-family: 'Roboto', sans-serif;
    text-align:center;
    margin-top:80px;
    font-size:30px;
    font-weight:bold;
}

/* #contact .contact */
#contact .contact {
    padding:120px 0;
    background-color:#014ba9;
    text-align:center;
}

#contact .contact h4 {
    font-family: 'Roboto', sans-serif;
    text-align:center;
    color:rgba(255,255,255,0.7);
    font-weight:bold;
    font-size:25px;
    margin:20px 0;
}

#contact .contact p {
    text-align:center;
    font-weight:bold;
    font-size:30px;
    margin-bottom:80px;
    color:#fff;
}

#contact .contact .btn_contact {
    display:inline-block;
    padding:10px 40px;
    border-radius:40px;
    line-height:30px;
    background-color:#fff;
    color:#014bae;
    font-size:14px;
    font-weight:bold;
}

/* #contact .faq */
#contact .faq {
    padding:120px 0;
}

#contact .faq h4 {
    font-family: 'Roboto', sans-serif;
    text-align:center;
    color:#003070;
    font-weight:bold;
    font-size:25px;
    margin:20px 0;
}

#contact .faq .sub {
    text-align:center;
    font-weight:bold;
    font-size:30px;
    margin-bottom:80px;
}

#contact .faq .col-12 > ul > li {
    border-bottom:1px solid #eaeaea;
}

#contact .faq .col-12 > ul > li > dl > dt {
    font-size:17px;
    padding:15px 0;
}

#contact .faq .col-12 > ul > li > dl > dt > a {
    display:inline-block;
    width:100%;
    height:100%;
}

#contact .faq .col-12 > ul > li > dl > dt i {
    color:#014bae;
    margin-right:10px;
    font-size:20px;
}

#contact .faq .col-12 > ul > li > dl > dd {
    display:none;
    margin:50px 0;
    color:#303030;
}

#contact .faq .col-12 .fir dd .table_container {
    overflow:auto;
}

#contact .faq .col-12 .fir dd table {
    width:100%;
    min-width:930px;
    overflow-x:auto;
    text-align:center;
    border:1px solid #ccc;
    font-size:14px;
}

#contact .faq .col-12 .fir dd table thead th {
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background-color:#ebf2f9;
    line-height:30px;
}

#contact .faq .col-12 .fir dd table tbody tr {
    border-bottom:1px solid #ccc;
    line-height:30px;
}

#contact .faq .col-12 .fir dd table tbody th {
    border-right:1px solid #ccc;
    background-color:#ebf2f9;
}

#contact .faq .col-12 .fir dd table tbody td {
    border-right:1px solid #ccc;
}

#contact .faq .col-12 .fir dd dl {
    float:left;
    width:50%;
    box-sizing:border-box;
    padding:0 40px;
    text-align:center;
}

#contact .faq .col-12 .fir dd dl dt {
    color:#70a0cf;
    font-size:20px;
    margin-bottom:20px;
    margin-top:50px;
}

#contact .faq .col-12 .fir dd dl dd {
    font-size:14px;
}

#contact .faq .col-12 .sec dd p {
    margin-bottom:30px;
}

#contact .faq .col-12 .sec dd p:nth-child(2) {
    text-align:center;
}

#contact .faq .col-12 .sec dd dl {
    float:left;
    width:50%;
    box-sizing:border-box;
    padding:0 40px;
    margin-bottom:30px;
}

#contact .faq .col-12 .sec dd dt {
    position:relative;
    font-size:30px;
    color:#ED1A3D;
    text-align:center;
    padding-bottom:30px;
}

#contact .faq .col-12 .sec dd dt span {
    position:absolute;
    right:120px;
    bottom:10px;
    font-size:20px;
}

#contact .faq .col-12 .sec dd dd span {
    color:#ED1A3D;
    font-weight:bold;
}

#contact .faq .col-12 .sec dd p:last-child {
    float:left;
    width:100%;
}

#contact .faq .col-12 .thi dd .table_container {
    overflow:auto;
}

#contact .faq .col-12 .thi dd table {
    width:100%;
    min-width:930px;
    overflow-x:auto;
    text-align:center;
    border:1px solid #ccc;
    font-size:14px;
}

#contact .faq .col-12 .thi dd > dl {
    margin-bottom:50px;
}

#contact .faq .col-12 .thi dd > dl > dd > dl {
    margin-bottom:20px;
}

#contact .faq .col-12 .thi dd > dl > dt {
    margin-bottom:10px;
}

#contact .faq .col-12 .thi dd > dl > dd > dl > dt {
    margin-bottom:0;
    color:#014BA9;
}

#contact .faq .col-12 .thi dd > dl > dd > dl > dd {
    margin-bottom:10px;
}

#contact .faq .col-12 .thi dd > dl > dd > dl > dd p {
    margin-bottom:10px;
}

#contact .faq .col-12 .thi dd > dl > dd > dl > dd ol li {
    list-style:decimal;
    margin-left:15px;
}

#contact .faq .col-12 .thi dd > dl > dt span {
    position:relative;
    padding-left:10px;
    font-size:18px;
}

#contact .faq .col-12 .thi dd > dl > dt span:before {
    position:absolute;
    left:0;
    top:5px;
    content:'';
    display:inline-block;
    width:4px;
    height:18px;
    background-color:#303030;
    border-radius:5px;
}

#contact .faq .col-12 .thi dd table tbody tr {
    border-bottom:1px solid #ccc;
}

#contact .faq .col-12 .thi dd table tbody tr:nth-child(even) {
    background-color:#ECF4FF;
}

#contact .faq .col-12 .thi dd table tbody tr th {
    color:#014BA9;
    text-align:center;
    border-right:1px solid #ccc;
}

#contact .faq .col-12 .thi dd table tbody tr td:nth-child(2) {
    text-align:center;
    border-right:1px solid #ccc;
}

#contact .faq .col-12 .thi dd table tbody tr td:last-child {
    padding:15px 10px;
}

#contact .faq .col-12 .thi dd table tbody tr td:last-child dt {
    color:#014BA9;
}

#contact .faq .col-12 .fou dd li {
    margin-bottom:5px;
}

#contact .faq .col-12 .fou dd li span {
    color:#014BA9;
    font-weight:bold;
}

#contact .faq .col-12 .fif dd ul {
    margin-bottom:30px;
}

#contact .faq .col-12 .fif dd li span {
    color:#014BA9;
    font-weight:bold;
}

#contact .faq .col-12 .fif dd p {
    margin-bottom:30px;
}

#contact .faq .col-12 .six dd a {
    text-decoration:underline;
    color:#014BA9;
}

/* #contact .notice */
#contact .notice {
    padding:120px 0;
}

#contact .notice h4 {
    font-family: 'Roboto', sans-serif;
    text-align:center;
    color:#003070;
    font-weight:bold;
    font-size:25px;
    margin:20px 0;
}

#contact .notice .sub {
    text-align:center;
    font-weight:bold;
    font-size:30px;
    margin-bottom:80px;
}

#contact .notice .table_container {
    overflow:auto;
}

#contact .notice table {
    width:100%;
    min-width:930px;
    overflow-x:auto;
    text-align:center;
}

#contact .notice table caption {
    display:none;
}

#contact .notice table thead {
    border-top:2px solid #014bae;
    border-bottom:2px solid #014bae;
    line-height:60px;
}

#contact .notice table tbody {
    border-bottom:2px solid #9d9d9d;
    cursor:pointer;
}

#contact .notice table tbody tr {
    border-bottom:1px solid #eaeaea;
    height:60px;
    font-size:14px;
    font-weight:500;
}

#contact .notice table tbody tr:last-child {
    border-bottom:0 none;
}

#contact .notice table tbody tr:hover {
    background-color:#ECF4FF;
}

/* #contact .map */
#contact .map {
    padding:120px 0 200px;
}

#contact .map .sub {
    text-align:center;
    font-weight:bold;
    font-size:30px;
    margin-bottom:80px;
}

#contact .map .col-12 {
    position:relative;
}

#contact .map .box {
    position:absolute;
    left:50%;
    bottom:-80px;
    width:80%;
    padding:40px 0;
    background-color:#014bae;
    color:#fff;
    transform:translate(-50%);
    text-align:center;
}

#contact .map .box p {
    font-weight:bold;
    margin-bottom:20px;
}

#contact .map .box li {
    float:left;
    width:50%;
    text-align:center;
}

#contact .map .box dl {
    width:135px;
    margin:0 auto;
}

#contact .map .box dt {
    font-family: 'Roboto', sans-serif;
    float:left;
    color:#00ffe0;
    margin-right:10px;
}

#contact .map .box dd {
    float:left;
}

#contact .map .box a {
    display:inline-block;
    margin-top:30px;
    padding:8px 30px;
    color:#fff;
    border:1px solid #fff;
    border-radius:30px;
    line-height:30px;
    vertical-align:text-bottom;
}

#contact .map .box a img {
    width:30px;
    height:30px;
    margin-right:10px;
}

/* #popup */
#popup {
    display:none;
    position:fixed;
    left:0;
    top:0;
    z-index:1000;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.6);
}

#popup .box {
    position:relative;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    box-sizing:border-box;
    border-radius:5px;
    width:90%;
    min-width:320px;
    max-width:1000px;
    padding:40px 20px;
    background:url(../images/bg/bg-popup01.png) no-repeat 50% 50%;
    background-size:cover;
    background-color:#fff;
    max-height:640px;
    overflow-y:auto;
}

#popup .box::-webkit-scrollbar {
    width:12px;
}

#popup .box::-webkit-scrollbar-thumb {
    background-color:#014BAE;
    border-radius:5px;
}

#popup .box::-webkit-scrollbar-track {
    background-color:#000;
}

#popup .box .btn_close {
    position:absolute;
    right:20px;
    top:20px;
    display:inline-block;
    width:40px;
    height:40px;
    text-align:center;
    line-height:40px;
    font-size:20px;
    background-color:#014bae;
    border-radius:50%;
    color:#fff;
}

#popup .box .col-lg-4 {
    color:#fff;
    text-align:center;
}

#popup .box .col-lg-4 img {
    display:block;
    width:150px;
    margin:30px auto;
}

#popup .box .col-lg-4 dt {
    font-family: 'Roboto', sans-serif;
    font-size:30px;
}

#popup .box .col-lg-4 dd {
    font-family: 'Roboto', sans-serif;
    font-size:13px;
    margin-bottom:30px;
}

#popup .box .col-lg-8 {
    padding-left:40px;
}

#popup .box .col-lg-8 ul {
    padding:40px 0;
}

#popup .box .col-lg-8 li {
    margin-bottom:5px;
    word-break:keep-all;
    font-size:14px;
}

#popup .box .col-lg-8 li strong {
    font-weight:bold;
}

#popup .daniel .col-lg-8 .title {
    font-weight:bold;
}

#popup .daniel .col-lg-8 p {
    font-family: 'Roboto', sans-serif;
    margin-bottom:30px;
}

#popup .kelvin .col-lg-8 li {
    font-family: 'Roboto', sans-serif;
}

/* #popup2 */
#popup2 {
    display:none;
    position:fixed;
    left:0;
    top:0;
    z-index:1000;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.6);
}

#popup2 .box {
    position:absolute;
    left:50%;
    top:50%;
    z-index:10000;
    transform:translate(-50%, -50%);
    box-sizing:border-box;
    border-radius:5px;
    width:90%;
    min-width:320px;
    max-width:1200px;
    background-color:#fff;
    max-height:1000px;
    overflow-y:auto;
}

#popup2 .box::-webkit-scrollbar {
    width:12px;
}

#popup2 .box::-webkit-scrollbar-thumb {
    background-color:#014BAE;
    border-radius:5px;
}

#popup2 .box::-webkit-scrollbar-track {
    background-color:#fff;
}

#popup2 .box .btn_close {
    position:fixed;
    right:20px;
    top:20px;
    display:inline-block;
    width:40px;
    height:40px;
    text-align:center;
    line-height:40px;
    font-size:20px;
    background-color:#014bae;
    border-radius:50%;
    color:#fff;
}

#popup2 .box .top {
    background:url(../images/bg/bg-popup2.png) no-repeat 50% 50%;
    background-size:cover;
    padding:80px 20px;
    color:#fff;
}

#popup2 .box .top .swiper-slide {
    cursor:pointer;
}

#popup2 .box .top .swiper-thumbs .swiper-slide {
    margin-top:30px;
    opacity: 0.6;
    background:#f5f5f5;
}

#popup2 .box .top .swiper  .swiper-slide-thumb-active {
    opacity: 1;
}

#popup2 .box .top .col-lg-6 {
    margin-bottom:80px;
}

#popup2 .box .top dl:nth-child(1) {
    margin-bottom:50px;
}

#popup2 .box .top dl:nth-child(1) dt {
    font-size:22px;
}

#popup2 .box .top dl:nth-child(1) .sub {
    color:#4C607C;
    margin:5px 0 20px;
    font-size:16px;
}

#popup2 .box .top dl dd {
    margin-bottom:10px;
}

#popup2 .box .top dl:nth-child(2) dt, #popup2 .box .top dl:nth-child(3) dt {
    font-weight:normal;
    margin-bottom:15px;
}

#popup2 .box .top dl .dot {
    position:relative;
    padding-left:20px;
}

#popup2 .box .top dl .dot:before {
    position:absolute;
    left:5px;
    top:10px;
    content:'';
    display:inline-block;
    width:3px;
    height:3px;
    border-radius:50%;
    background-color:#fff;
}

#popup2 .box .top dl:nth-child(3) {
    margin-top:30px;
}

#popup2 .box .top .price {
    margin-top:80px;
}

#popup2 .box .top .price span {
    font-weight:bold;
}

#popup2 .box .top .sub_price {
    padding-left:65px;
}

#popup2 .box .bottom {
    background-color:#fff;
    padding:80px 20px;
}

#popup2 .box .bottom dt {
    margin-bottom:20px;
}

#popup2 .box .bottom dd {
    margin-bottom:5px;
}

#popup2 .box .bottom .dot {
    position:relative;
    padding-left:20px;
}

#popup2 .box .bottom .dot:before {
    position:absolute;
    left:5px;
    top:10px;
    content:'';
    display:inline-block;
    width:3px;
    height:3px;
    border-radius:50%;
    background-color:#030303;
}

#popup2 .box .bottom .col-lg-6 {
    margin:50px 0;
}

#popup2 .box .bottom .col-lg-6 img {
    display:block;
    width:150px;
    margin:0 auto;
}

#popup2 .box .bottom dl {
    margin-bottom:50px;
}

#popup2 .box .bottom .title {
    font-weight:bold;
    margin-bottom:10px;
}

#popup2 .box .bottom .place li {
    float:left;
    width:50px;
    height:50px;
    margin-right:10px;
    margin-bottom:15px;
}

#popup2 .box .bottom .place li img {
    width:100%;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}

#popup2 .box .bottom .place li:hover img {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);   
    -o-transform:scale(1.1);
    transform:scale(1.1);
}

#popup2 .box .bottom .method li {
    float:left;
    width:50px;
    height:50px;
    margin-right:10px;
    margin-bottom:15px;
}

#popup2 .box .bottom .method li img {
    width:100%;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}

#popup2 .box .bottom .method li:hover img {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);   
    -o-transform:scale(1.1);
    transform:scale(1.1);
}

#popup2 .box .bottom .col-12 p {
    margin-bottom:50px;
}

#popup2 .box .bottom .btn {
    width:100%;
    text-align:center;
    margin-top:80px;
}

#popup2 .box .bottom .btn_purchase {
    display:inline-block;
    width:250px;
    height:60px;
    line-height:60px;
    background-color:#014BAE;
    color:#fff;
    border-radius:30px;
    font-size:14px;
}

#popup2 .crypto_pos .bottom ol li {
    font-weight:bold;
    margin:40px 0;
    
}

#popup2 .crypto_pos .bottom .step li img {
    min-width:300px;
    margin-bottom:30px;
}

#popup2 .crypto_pos .bottom dl {
    margin:0;
}

#popup2 .crypto_pos .bottom dl dt {
    margin-bottom:5px;
}

#popup2 .crypto_pos .bottom dl dd {
    position:relative;
    font-weight:normal;
    padding-left:30px;
}

#popup2 .crypto_pos .bottom dl dd:before {
    position:absolute;
    left:20px;
    top:12px;
    content:'';
    display:inline-block;
    width:3px;
    height:3px;
    border-radius:50%;
    background-color:#030303;
}

#popup2 .qr_pay .bottom .col-lg-6 img {
    width:200px;
}

#popup2 .combo_scanner .top dl:nth-child(1) dd:nth-child(3) {
    padding:10px 0 20px;
}

#popup2 .kiosk .bottom .col-lg-6 img {
    width:100%;
}

#popup2 .adult_certification .bottom .col-lg-6 li {
    float:left;
    width:33.3333%;
    padding:20px;
    box-sizing:border-box;
}

#popup2 .adult_certification .bottom .col-lg-6 li img {
    width:100%;
    height:260px;
}

/* #popup3 */
#popup3 {
    position:fixed;
    left:50%;
    top:150px;
    z-index:10000;
    transform:translate(-50%);
    width:100%;
    min-width:280px;
    max-width:500px;
}

#popup3 .box {
    box-sizing:border-box;
    border-radius:5px;
    width:100%;
    min-width:280px;
    max-width:500px;
    max-height:1000px;
    overflow-y:auto;
}

#popup3 .box::-webkit-scrollbar {
    width:12px;
}

#popup3 .box::-webkit-scrollbar-thumb {
    background-color:#014BAE;
    border-radius:5px;
}

#popup3 .box::-webkit-scrollbar-track {
    background-color:#fff;
}

#popup3 .emart1 {
    position:relative;
}

#popup3 .box .btn_close {
    position:absolute;
    right:15px;
    top:15px;
    display:inline-block;
    width:40px;
    height:40px;
    text-align:center;
    line-height:40px;
    font-size:20px;
    background-color:#014bae;
    border-radius:50%;
    color:#fff;
}

/* #newsHome */
#newsHome {
    margin-top:90px;
    padding:250px 0;
    text-align:center;
    background:url(../images/bg/bg-newsMain.png) no-repeat 50% 50%;
    background-size:cover;
}

#newsHome h3 {
    color:#fff;
    font-weight:bold;
    font-size:50px;
    line-height:70px;
}

/* #youtube */
#youtube {
    padding:120px 0;
}

#youtube h4 {
    text-align:center;
    font-size:30px;
    font-weight:bold;
    margin-bottom:30px;
    color:#030303;
}

#youtube .col-lg-4 {
    margin-top:30px;
    display:flex;
}

#youtube .col-lg-4 .thumb {
    overflow:hidden;
}

#youtube .col-lg-4 .thumb img {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -ms-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
}

#youtube .col-lg-4:hover .thumb img {
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -ms-transform:scale(1.05);   
    -o-transform:scale(1.05);
    transform:scale(1.05);
}

#youtube .col-lg-4 p {
    font-size:16px;
    font-weight:bold;
    text-align:center;
    margin:10px 0 20px;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -ms-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
}

#youtube .col-lg-4:hover p {
    color:#003070;
}

/* #news */
#news {
    padding:120px 0;
}

#news h4 {
    text-align:center;
    font-size:30px;
    font-weight:bold;
    margin-bottom:30px;
    color:#030303;
}

#news .col-lg-4 {
    margin-top:50px;
    display:flex;
}

#news .inner_box {
	position:relative;
}

#news .inner_box .thumb {
	position:relative;
	overflow:hidden;
	background-color:#003070;
}

#news .inner_box .thumb img {
	position:relative;
	width:100%;
	display:block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

#news .inner_box:hover .thumb img {
	opacity:0.7;
	transform:scale(1.04,1.04);
}

#news .inner_box .lower_content {
	position:relative;
	padding-top:30px;
}

#news .inner_box .lower_content .post_date {
    font-family: 'Roboto', sans-serif;
	position:relative;
	color:#014ba9;
	font-size:30px;
	font-weight:800;
	margin-bottom:18px;
	padding-bottom:10px;
	display:inline-block;
	text-transform:uppercase;
	border-bottom:1px solid #cccccc;
}

#news .inner_box .lower_content .post_date span {
	position:relative;
	font-size:14px;
	color:#141d38;
}

#news .inner_box .lower_content .post_meta {
	position:relative;
}

#news .inner_box .lower_content .post_meta li {
	position:relative;
	color:#014ba9;
	font-size:16px;
	font-weight:600;
	display:inline-block;
}

#news .inner_box .lower_content .post_meta li i {
    margin-right:5px;
    color:#141d38;
}

#news .inner_box .lower_content h6 {
	position:relative;
    height:80px;
	font-weight:700;
    font-size:20px;
    line-height:40px;
	margin-top:12px;
    word-break:break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#news .inner_box .lower_content h6 a {
	position:relative;
	color:#141d38;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

#news .inner_box .lower_content h6 a:hover {
	color:#141d38;
}

#news .inner_box .lower_content .text {
	position:relative;
	line-height:1.8em;
	font-weight:500;
	margin-top:12px;
	color:#555555;
	font-size:16px;
	margin-bottom:12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#news .inner_box .lower_content .read_more {
	position:relative;
	line-height:1.4em;
	font-weight:700;
	margin-top:12px;
	color:#141d38;
	font-size:14px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	font-family: 'Montserrat', sans-serif;
}

/* 250725 ViewMore 추가 */
.viewMoreOff {
	display: none;
}
/* 250725 ViewMore 추가 */