@charset "utf-8";

html,body,.wrap{height: 100%;}
.section{overflow: hidden;position: relative;}
.inner{margin: 0 auto;position: relative;}
.in_550{max-width: 550px;}
.in_1400{max-width: 1400px;}
.in_1800{max-width: 1800px;}
.section{overflow: hidden;}
.os{font-family: 'Open Sans';}
.mo_up{display: block;transform: translate(0,100%);transition: 0.8s;}
.mo_left{display: block;opacity: 0;transform: translate(-30%,0);transition: 0.8s;}
.mo1{transition-delay: 0.1s;}
.mo2{transition-delay: 0.2s;}
.mo3{transition-delay: 0.3s;}
.mo5{transition-delay: 0.5s;}
.mo14{transition-delay: 1.4s;}
.mo16{transition-delay: 1.6s;}
.mo_com .mo_up,
.mo_com .mo_left{transform: none;opacity: 1;}

header{position: fixed;left: 0;top: 0;width: 100%;z-index: 200;padding: 0 60px;transition: 0.3s;}
header::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background-color: rgba(255,255,255,0.3);z-index: 5;transition: 0.3s;}
header h1{position: absolute;left: 0;top: 50%;margin-top: -20px;}
header h1 a{display: block;background-repeat: no-repeat;background-position: center;background-size: contain;width: 130px;height: 40px;background-image: url(../images/logo-white.png);transition: 0.3s;}
header .menu .dep1{display: flex;justify-content: center;}
header .menu .dep1 > li{position: relative;text-align: center;}
header .menu .dep1 > li > a{display: block;min-width: 128px;line-height: 80px;font-size: 1.063rem;font-weight: 500;position: relative;z-index: 3;color: #fff;transition: 0.3s;}
header .menu .dep2{position: absolute;top: 80px;left: 0;width: 100%;background-color: #383838;display: none;}
header .menu .dep2 ul{padding: 25px 0;}
header .menu .dep2 ul li a{font-size: 0.875rem;color: #fff;line-height: 2.857em;white-space: nowrap;transition: 0.3s;}
header .admin_login{position: absolute;top: 50%;right: 0;transform: translate(0,-50%);}
header .admin_login a{display: block;font-weight: 500;padding-left: 25px;background-repeat: no-repeat;background-position: left center;line-height: 16px;color: #fff;background-image: url(../images/login-icon-wh.png);transition: 0.3s;}
header .full_btn{position: absolute;right: 0;top: 50%;transform: translate(0,-50%);z-index: 10;width: 24px;display: none;}
header .full_btn span{display: block;width: 100%;height: 2px;background-color: #fff;transition: 0.3s;}
header .full_btn span ~ span{margin-top: 5px;}
.fp-viewing-0 header::before,
.fp-viewing-2 header::before,
.fp-viewing-4 header::before{background-color: rgba(255,255,255,0.3);}
.fp-viewing-1 header::before,
.fp-viewing-3 header::before{background-color: #ddd;}
.fp-viewing-0 header h1 a,
.fp-viewing-2 header h1 a,
.fp-viewing-4 header h1 a{background-image: url(../images/logo-white.png);}
.fp-viewing-1 header h1 a,
.fp-viewing-3 header h1 a{background-image: url(../images/logo-color.png);}
.fp-viewing-0 header .menu .dep1 > li > a,
.fp-viewing-2 header .menu .dep1 > li > a,
.fp-viewing-4 header .menu .dep1 > li > a{color: #fff;}
.fp-viewing-1 header .menu .dep1 > li > a,
.fp-viewing-3 header .menu .dep1 > li > a{color: #1a1a1a;}
.fp-viewing-0 header .admin_login a,
.fp-viewing-2 header .admin_login a,
.fp-viewing-4 header .admin_login a{color: #fff;background-image: url(../images/login-icon-wh.png);}
.fp-viewing-1 header .admin_login a,
.fp-viewing-3 header .admin_login a{color: #1a1a1a;background-image: url(../images/login-icon-color.png);}
.fp-viewing-0 header .full_btn span,
.fp-viewing-2 header .full_btn span,
.fp-viewing-4 header .full_btn span{background-color: #fff;}
.fp-viewing-1 header .full_btn span,
.fp-viewing-3 header .full_btn span{background-color: #1a1a1a;}
header.nav_open h1 a{background-image: url(../images/logo-color.png);}
header.nav_open .full_btn span{background-color: #1a1a1a;}
header.nav_open .full_btn span:nth-child(1){transform: translate(0,-2px) rotate(-45deg);transform-origin: 100% 100%;}
header.nav_open .full_btn span:nth-child(2){opacity: 0;}
header.nav_open .full_btn span:nth-child(3){transform: translate(0,2px) rotate(45deg);transform-origin: 100% 0;}
@media all and (min-width:1025px){
    header:hover,
    header.on{background-color: #fff;}
    header.on::before{background-color: #ddd;}
    header:hover h1 a,
    header.on h1 a{background-image: url(../images/logo-color.png);}
    header:hover .menu .dep1 > li > a,
    header.on .menu .dep1 > li > a{color: #1a1a1a;}
    header:hover .admin_login a,
    header.on .admin_login a{color: #1a1a1a;background-image: url(../images/login-icon-color.png);}
    header .menu .dep1 > li:hover > a{color: #fff;background-color: #383838;}
    header .menu .dep2 ul li a:hover{color: #ff7900;font-weight: 600;}
}

nav{position: fixed;left: 100%;top: 0;z-index: 150;width: 100%;height: 100%;overflow-y:auto;background-color: #fff;transition: 0.4s;}
nav .dep1{padding-top: 90px;}
nav .dep1 > li{transition: 0.3s;}
nav .dep1 > li.active{background-color: #383838;}
nav .dep1 > li > a{display: block;color: #1a1a1a;font-size: 1.5rem;line-height: 55px;position: relative;padding: 0 20px;border-bottom: 1px solid #ddd;transition: 0.3s;}
nav .dep1 > li > a::before{content: "";width: 12px;height: 8px;background: url(../images/nav-arr-bl.png) no-repeat center;background-size: contain;position: absolute;right: 20px;top: 50%;margin-top: -4px;transition: 0.3s;}
nav .dep1 > li.active > a::before{background-image: url(../images/nav-arr-wh.png);}
nav .dep1 > li.active > a{color: #fff;border-color: rgba(221,221,221,0.3);}
nav .dep1 > li:first-child > a{border-top: 1px solid #ddd;}
nav .dep2{padding: 15px 20px;display: none;}
nav .dep2 li a{display: block;font-size: 1rem;line-height: 35px;color: #fff;}
nav.on{left: 0;}

footer{background-color: #1a1a1a;padding: 50px 60px 80px;}
footer .foot_top{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 45px;}
footer .foot_top ul{display: flex;align-items: center;}
footer .foot_top ul li ~ li{margin-left: 10px;}
footer .foot_top ul li a{display: block;border: 1px solid rgba(255,255,255,0.3);line-height: 43px;width: 140px;color: #fff;font-size: 0.75rem;text-align: center;}
footer .ori{display: flex;align-items: center;margin-bottom: 30px;letter-spacing: 0;}
footer .ori dl{display: flex;align-items: center;}
footer .ori dl ~ dl{margin-left: 30px;}
footer .ori dl dt{color: #fff;font-weight: 600;font-size: 0.875rem;margin-right: 10px;}
footer .ori dl dd{color: #fff;font-size: 0.875rem;}
footer address{font-size: 0.75rem;color: #999;font-family: 'Open Sans';letter-spacing: 0;}

.page_btn{position: fixed;left: 60px;top: 50%;z-index: 100;margin-top: -115px;}
.page_btn li{width: 35px;height: 35px;position: relative;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.page_btn li ~ li{margin-top: 30px;}
.page_btn li span{position: absolute;left: 0;top: 0;display: block;border-radius: 50%;width: 100%;height: 100%;transform: scale(0);transition: 0.3s;}
.page_btn li em{width: 5px;height: 5px;border-radius: 50%;transition: 0.3s;}
.fp-viewing-0 .page_btn li span,
.fp-viewing-2 .page_btn li span,
.fp-viewing-4 .page_btn li span{background-color: rgba(255,255,255,0.3);}
.fp-viewing-1 .page_btn li span,
.fp-viewing-3 .page_btn li span{background-color: rgba(26,26,26,0.3);}
.fp-viewing-0 .page_btn li em,
.fp-viewing-2 .page_btn li em,
.fp-viewing-4 .page_btn li em{background-color: #fff;}
.fp-viewing-1 .page_btn li em,
.fp-viewing-3 .page_btn li em{background-color: #1a1a1a;}
.fp-viewing-0 .page_btn li:nth-child(1) span,
.fp-viewing-1 .page_btn li:nth-child(2) span,
.fp-viewing-2 .page_btn li:nth-child(3) span,
.fp-viewing-3 .page_btn li:nth-child(4) span,
.fp-viewing-4 .page_btn li:nth-child(5) span{transform: scale(1);}

.vis,
.vis .vis_sd_vd,
.vis .vis_sd_txt,
.vis .vis_sd_vd .bg{width: 100%;height: 100%;position: relative;}
.vis{width: 100%;height: 100%;position: absolute;left: 0;top: 0;clip: rect(0, auto, auto, 0);}
.vis .vis_sd_vd{position: fixed;left: 0;top: 0;z-index: -1;}
.vis .vis_sd_vd .bg video{min-width: 100%;min-height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.vis .vis_sd_vd .dim{position: absolute;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);}
.vis .vis_sd_txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.vis .vis_sd_txt .vis_txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;display: flex;align-items: center;justify-content: center;text-align: center;}
.vis .vis_sd_txt .vis_txt dl{margin-bottom: 40px;}
.vis .vis_sd_txt .vis_txt dl dt{margin-bottom: 30px;}
.vis .vis_sd_txt .vis_txt dl dt p{overflow: hidden;font-size: 3.125rem;font-weight: 600;line-height: 1.4em;color: #fff;font-family: 'GmarketSansBold';display: flex;align-items: center;justify-content: center;letter-spacing: 0;}
.vis .vis_sd_txt .vis_txt dl dt p em{opacity: 0;transform: translate(0,100%);transition: 0.8s;}
.vis .vis_sd_txt .vis_txt dl dd p{overflow: hidden;color: #fff;font-size: 1.25rem;line-height: 1.8em;}
.vis .vis_sd_txt .vis_txt dl dd p span{display: block;transform: translate(0,100%);transition: 0.8s;}
.vis .vis_sd_txt .swiper-slide-duplicate .vis_txt,
.vis .vis_sd_txt .swiper-slide-duplicate-active .vis_txt{opacity: 0;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt{opacity: 1;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p em,
.vis .vis_sd_txt .swiper-slide-duplicate-active .vis_txt dl dt p em{transform: none;opacity: 1;display: inline-block;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t1{transition-delay: 0.6s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t2{transition-delay: 0.63s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t3{transition-delay: 0.66s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t4{transition-delay: 0.69s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t5{transition-delay: 0.72s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t6{transition-delay: 0.75s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t7{transition-delay: 0.78s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t8{transition-delay: 0.81s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t9{transition-delay: 0.84s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t10{transition-delay: 0.87s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t11{transition-delay: 0.9s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t12{transition-delay: 0.93s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t13{transition-delay: 0.96s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t14{transition-delay: 0.99s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t15{transition-delay: 1.02s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t16{transition-delay: 1.05s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t17{transition-delay: 1.08s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t18{transition-delay: 1.11s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t19{transition-delay: 1.14s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t20{transition-delay: 1.17s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t21{transition-delay: 1.2s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t22{transition-delay: 1.23s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t23{transition-delay: 1.26s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t24{transition-delay: 1.29s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t25{transition-delay: 1.32s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t26{transition-delay: 1.35s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t27{transition-delay: 1.38s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t28{transition-delay: 1.41s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t29{transition-delay: 1.44s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t30{transition-delay: 1.47s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t31{transition-delay: 1.5s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t32{transition-delay: 1.53s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t33{transition-delay: 1.56s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t34{transition-delay: 1.59s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t35{transition-delay: 1.62s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t36{transition-delay: 1.65s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t37{transition-delay: 1.68s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t38{transition-delay: 1.71s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t39{transition-delay: 1.74s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t40{transition-delay: 1.77s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t41{transition-delay: 1.8s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t42{transition-delay: 1.83s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t43{transition-delay: 1.86s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t44{transition-delay: 1.89s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t45{transition-delay: 1.92s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dt p .t46{transition-delay: 1.95s;}
.vis .vis_sd_txt .swiper-slide-active .vis_txt dl dd p span,
.vis .vis_sd_txt .swiper-slide-duplicate-active .vis_txt dl dd p span{transform: none;}
.vis .vis_sd_txt .swiper-slide-active.sd1 .vis_txt dl dd p .m_1{transition-delay: 2.4s;}
.vis .vis_sd_txt .swiper-slide-active.sd1 .vis_txt dl dd p .m_2{transition-delay: 2.7s;}
.vis .vis_sd_txt .swiper-slide-active.sd2 .vis_txt dl dd p .m_1{transition-delay: 1.6s;}
.vis .vis_sd_txt .swiper-slide-active.sd2 .vis_txt dl dd p .m_2{transition-delay: 1.9s;}
.vis .vis_sd_txt .swiper-slide-active.sd3 .vis_txt dl dd p .m_1{transition-delay: 2.5s;}
.vis .vis_sd_txt .swiper-slide-active.sd3 .vis_txt dl dd p .m_2{transition-delay: 2.8s;}
.vis .vis_pagination{position: absolute;z-index: 10;bottom: 60px;width: 100%;display: flex;justify-content: center;padding: 0 20px;}
.vis .vis_pagination .dot{position: static;display: flex;align-items: baseline;justify-content: center;border: 10px solid rgba(0,0,0,0.6);border-radius: 40px 0 40px 0;overflow: hidden;width: 620px;}
.vis .vis_pagination .dot .swiper-pagination-bullet{margin: 0;border-radius: 0;width: auto;height: auto;opacity: 1;background-color: rgba(0,0,0,0.6);position: relative;overflow: hidden;width: 33.333333%;}
.vis .vis_pagination .dot .swiper-pagination-bullet ~ .swiper-pagination-bullet::before{content: "";width: 1px;height: 20px;background-color: rgba(255,255,255,0.2);position: absolute;left: 0;top: 50%;margin-top: -10px;}
.vis .vis_pagination .dot .swiper-pagination-bullet::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 0%;background-color: #e87e1f;transition: 0.3s;}
.vis .vis_pagination .dot .swiper-pagination-bullet span{position: relative;z-index: 10;;display: block;color: #fff;font-size: 1.125rem;font-weight: 600;font-family: 'Open Sans';line-height: 60px;text-align: center;letter-spacing: -0.025em;}
.vis .vis_pagination .dot .swiper-pagination-bullet-active::after{height: 100%;}
.vis .scroll{position: absolute;right: 60px;top: 50%;z-index: 10;transform: translate(0,-50%);}
.vis .scroll p{color: #fff;writing-mode: vertical-lr;letter-spacing: 0;font-size: 0.75rem;font-family: 'Open Sans';margin-bottom: 15px;}
.vis .scroll span{display: block;width: 1px;height: 130px;position: relative;margin: 0 auto;background-color: rgba(255,255,255,0.3);overflow: hidden;}
.vis .scroll span::before{content: "";background-color: #fff;width: 100%;height: 100%;position: absolute;left: 0;top: 0;animation: scroll_line 5s infinite;animation-timing-function:cubic-bezier( 1,1,1,1 );}
@keyframes scroll_line {
    0% {transform: translate(0,-100%);}
    80% {transform: translate(0,100%);}
    100% {transform: translate(0,100%);}
}

.sec_tit{text-align: center;}
.sec_tit .tit{overflow: hidden;}
.sec_tit .tit p{font-size: 3rem;font-weight: 700;line-height: 1.3em;}
.sec_tit .tit p .co{color: #e87e1f;}
.sec_tit .txt{margin-top: 20px;}
.sec_tit .txt p{overflow: hidden;line-height: 1.75em;}
.sec_tit.black .tit p,
.sec_tit.black .txt p{color: #1a1a1a;}
.sec_tit.white .tit p,
.sec_tit.white .txt p{color: #fff;}
.sec_tit .view_btn{margin-top: 50px;}
.sec_tit .view_btn a{color: #fff;background-color: #1a1a1a;width: 200px;line-height: 60px;display: block;font-size: 0.875rem;font-weight: 700;text-align: center;letter-spacing: 0;}

#section1{background-color: #fff;padding: 0 60px;}
.why{margin-top: 55px;overflow: hidden;}
.why .box{opacity: 0;transition: 0.8s;}
.why .w1{transform: translate(30px,0);transition-delay: 1.1s;}
.why .w2{transform: translate(30px,0);transition-delay: 0.9s;}
.why .w3{transform: translate(-30px,0);transition-delay: 0.9s;}
.why .w4{transform: translate(-30px,0);transition-delay: 1.1s;}
.why .w1 .img_box{border-radius: 120px 0 0 0;}
.why .w4 .img_box{border-radius: 0 0 120px 0;}
.mo_com .why .box{transform: none;opacity: 1;}
.why .img_box{overflow: hidden;}
.why .img_box img{display: block;margin: 0 auto;transition: 0.6s;}
.why .img_box img:hover{transform: scale(1.1);}
.why dl{margin-top: 45px;text-align: center;}
.why dl dt{color: #1a1a1a;font-weight: 600;font-size: 1.75rem;overflow: hidden;line-height: 1.2em;}
.why dl dd{margin-top: 20px;}
.why dl dd p{color: #555;line-height: 1.75em;font-weight: 300;overflow: hidden;}

.service{width: 100%;height: 100%;position: absolute;left: 0;top: 0;clip: rect(0, auto, auto, 0);}
.service .line{content: "";width: 1px;height: 0;position: absolute;z-index: 20;transition: 0.5s;}
.service .line::before{content: "";display: block;width: 100%;height: 100%;background-color: #ddd;transition: 0.2s;transition-delay: 0.7s;}
.service .line1{left: 33.33%;bottom: 0;}
.service .line2{right: 33.33%;top: 0;}
.service .list{display: flex;height: 100%;position: relative;z-index: 10;}
.service .list li{width: 33.33%;height: 100%;position: relative;}
.service .line li .bar{display: none;}
.service .list li a{display: block;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding: 0 10px;position: relative;}
.service .list li a::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);opacity: 0;transition: 0.3s;}
.service .list li a::after{content: "";position: absolute;right: 0;top: 0;width: 100%;height: 100%;background-color: #fff;z-index: 15;transition: 0.5s;transition-delay: 0.5s;}
.service .list li .box{position: relative;z-index: 5;text-align: center;width: 100%;}
.service .list li .box .tit{margin-bottom: 45px;color: #fff;font-size: 3rem;font-weight: 600;padding-top: 105px;background-position: center top;background-repeat: no-repeat;}
.service .list .l1 .box .tit{background-image: url(../images/service-icon1.png);}
.service .list .l2 .box .tit{background-image: url(../images/service-icon2.png);}
.service .list .l3 .box .tit{background-image: url(../images/service-icon3.png);}
.service .list li .slide_box{max-height: 0;overflow: hidden;transition: 0.3s;}
.service .list li .box .txt{margin-bottom: 45px;}
.service .list li .box .txt p{overflow: hidden;color: #fff;font-weight: 300;line-height: 1.75em;}
.service .list li .box .txt p span{display: block;transform: translate(0,100%);transition: 0.5s;}
.service .list li .box .arr_btn{display: flex;justify-content: center;}
.service .list li .box .arr_btn span{display: block;width: 60px;height: 60px;border: 1px solid #fff;border-radius: 50%;position: relative;opacity: 0;transform: scale(0);transition: 0.4s;transition-delay: 0.4s;}
.service .list li .box .arr_btn span::before{content: "";display: block;width: 100%;height: 100%;background: url(../images/wh-arr.png) no-repeat center;opacity: 0;transform: translate(-15px,0);transition: 0.4s;transition-delay: 0.6s;}
.service .vd_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;}
.service .vd_bg li{position: fixed;left: 0;top: 0;width: 100%;height: 100%;display: none;}
.service .vd_bg li video{min-width: 100%;min-height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.service .vd_bg li .img{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.service .vd_bg .bg1{display: block;}
.service .vd_bg .bg3 .img{background-image: url(../images/service3.jpg);transform: scale(1.2);transition-delay: 0.3s;}
.service .vd_bg .bg3.zoom .img{transform: scale(1);transition: 5s;}
.mo_com .service .list li a::after{width: 0;}
.mo_com .service .line{height: 100%;}
.mo_com .service .line::before{background-color: rgba(255,255,255,0.3);}
@media all and (min-width:1025px){
    .service .list li:hover a::before{opacity: 1;}
    .service .list li:hover .slide_box{max-height: calc(5.25em + 105px);}
    .service .list li:hover .box .txt p span{transform: none;transition-delay: 0.2s;}
    .service .list li:hover .box .arr_btn span,
    .service .list li:hover .box .arr_btn span::before{opacity: 1;transform: none;}
}

#section3{background-color: #f1f1f1;padding: 0 60px;}
.cs_cen .top{display: flex;justify-content: space-between;}
.cs_cen .top .lef{margin-top: 80px;}
.cs_cen .top .sec_tit{text-align: left;}
.cs_cen .top .rig{display: flex;justify-content: space-between;width: calc(50% - 12px);}
.cs_cen .top .box{width: calc(50% - 12px);opacity: 0;transform: translate(0,50px);transition: 0.8s;transition-delay: 0.3s;}
.cs_cen .top .box a{display: block;position: relative;padding: 80px 40px 0;height: 440px;background-repeat: no-repeat;background-position: center;background-size: cover;overflow: hidden;transition: 0.8s;transition-delay: 0.3s;}
.cs_cen .top .box a::before{content: "";position: absolute;left: 0;top: 0;width: 0%;height: 0%;background-color: rgba(0,0,0,0.7);border-radius: 0 0 120px 0;transition: 0.5s;}
.cs_cen .top .box.q_a a{background-image: url(../images/qa-box.jpg);}
.cs_cen .top .box.tracking a{background-image: url(../images/tracking-box.jpg);}
.cs_cen .top .box .txt{position: relative;z-index: 3;}
.cs_cen .top .box .txt strong{display: block;color: #fff;font-weight: 600;font-size: 1.75rem;}
.cs_cen .top .box .txt p{font-size: 0.875rem;color: #fff;font-weight: 300;line-height: 1.714em;margin-top: 25px;}
.cs_cen .top .box .txt .arr_btn{margin-top: 50px;}
.cs_cen .top .box .txt .arr_btn span{display: block;width: 60px;height: 60px;border: 1px solid #fff;position: relative;border-radius: 50%;opacity: 0;transform: scale(0);transition: 0.5s;}
.cs_cen .top .box .txt .arr_btn span::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/wh-arr.png) no-repeat center;opacity: 0;transform: rotate(-180deg) scale(0);transition: 0.3s;}
.cs_cen .top .box a:hover::before{width: 100%;height: 100%;}
.cs_cen .top .box a:hover .arr_btn span{opacity: 1;transform: none;transition-delay: 0.1s;}
.cs_cen .top .box a:hover .arr_btn span::before{opacity: 1;transform: none;transition-delay: 0.3s;}
.cs_cen .bot{margin-top: 40px;}
.cs_cen .bot .swiper-slide{width: calc(25% - 18px);opacity: 0;transform: translate(0,40px);transition: 0.6s;}
.cs_cen .bot .sd1{transition-delay: 0.6s;}
.cs_cen .bot .sd2{transition-delay: 0.7s;}
.cs_cen .bot .sd3{transition-delay: 0.8s;}
.cs_cen .bot .sd4{transition-delay: 0.9s;}
.cs_cen .bot a{display: block;background-color: #fff;padding: 40px 40px 30px;transition: 0.3s;}
.cs_cen .bot a strong{display: block;color: #e87e1f;font-size: 0.875rem;font-weight: 400;margin-bottom: 15px;transition: 0.3s;}
.cs_cen .bot a p{color: #1a1a1a;font-size: 1.25rem;line-height: 1.5em;min-height: 3em;overflow: hidden;padding-right: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;transition: 0.3s;}
.cs_cen .bot a span{display: block;margin-top: 35px;color: #888;font-weight: 700;font-family: 'Open Sans';font-size: 0.75rem;letter-spacing: 0;position: relative;transition: 0.3s;}
.cs_cen .bot a span::before{content: "";position: absolute;right: 0;top: 50%;margin-top: -6px;width: 13px;height: 12px;background: url(../images/wh-arr.png) no-repeat center;background-size: contain;opacity: 0;transform: translate(-20px,0);transition: 0.3s;transition-delay: 0.2s;}
.cs_cen .bot a:hover{background-color: #e87e1f;box-shadow: 0 25px 25px rgba(0,0,0,0.2);}
.cs_cen .bot a:hover strong,
.cs_cen .bot a:hover p,
.cs_cen .bot a:hover span{color: #fff;}
.cs_cen .bot a:hover span::before{transform: none;opacity: 1;}
.mo_com .cs_cen .top .box{opacity: 1;transform: none;}
.mo_com .cs_cen .top .box a{border-radius: 0 0 120px 0;}
.mo_com .cs_cen .bot .swiper-slide{opacity: 1;transform: none;}

#section4 .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;clip: rect(0, auto, auto, 0);}
#section4 .bg span{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/btm-bg.jpg) no-repeat center;background-size: cover;z-index: -1;transform: translateZ(0);will-change: transform;}
.btm{height: 100%;display: flex;flex-direction: column;overflow: hidden;}
.btm .txt_area{flex-grow: 1;display: flex;align-items: center;justify-content: center;position: relative;}
.btm .txt_area .top_btn{position: absolute;right: 60px;bottom: 60px;z-index: 10;opacity: 0;transform: translate(0,40px);transition: 0.8s;transition-delay: 0.8s;}
.btm .txt_area .top_btn button{display: block;width: 72px;height: 72px;background: #fff url(../images/top.png) no-repeat center;background-size: contain;border-radius: 50%;border: none;}
.mo_com .btm .txt_area .top_btn{transform: none;opacity: 1;}

.sub_top .svis{background-repeat: no-repeat;background-position: center;background-size: cover;padding: 0 20px;}
.sub_top .svis.sv1{background-image: url(../images/svis1.jpg);}
.sub_top .svis.sv2{background-image: url(../images/svis2.jpg);}
.sub_top .svis.sv3{background-image: url(../images/svis3.jpg);}
.sub_top .svis.sv4{background-image: url(../images/svis4.jpg);}
.sub_top .svis.sv5{background-image: url(../images/svis5.jpg);}
.sub_top .svis .txt{text-align: center;padding: 235px 0 210px;}
.sub_top .svis .txt h2{color: #fff;font-size: 3.75rem;font-weight: 600;}
.sub_top .svis .txt p{color: #fff;font-size: 1.125rem;line-height: 1.778em;margin-top: 30px;}
.sub_top .submenu{border-bottom: 1px solid #ddd;}
.sub_top .submenu ul{display: flex;}
.sub_top .submenu .home{width: 65px;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.sub_top .submenu .home a{display: block;width: 100%;height: 100%;background: url(../images/home-icon.png) no-repeat center;}
.sub_top .submenu .depth{border-right: 1px solid #ddd;width: 300px;position: relative;}
.sub_top .submenu .depth p{line-height: 65px;font-size: 1.125rem;padding: 0 30px;}
.sub_top .submenu .dep1 p{color: #1a1a1a;}
.sub_top .submenu .dep2 p{cursor: pointer;;color: #fff;background: #383838 url(../images/submenu-wh-arr.png) no-repeat right 30px center;}
.sub_top .submenu .depth ul{display: none;width: 100%;position: absolute;left: 0;top: 100%;border: 1px solid #ddd;z-index: 10;}
.sub_top .submenu .depth ul li{background-color: #fff;}
.sub_top .submenu .depth ul li ~ li{border-top: 1px solid #ddd;}
.sub_top .submenu .depth ul li a{display: block;line-height: 65px;padding: 0 30px;color: #555;font-size: 1.125rem;}
.sub_top .submenu .dep2:hover ul{display: block;}

.content{padding: 120px 0 220px;}
.no_bot_pad{padding-bottom: 0 !important;}
.fit_in{padding: 0 20px;}
.top_tit{color: #1a1a1a;font-weight: 600;font-size: 2.5rem;text-align: center;line-height: 1.2em;}
.top_tit.wh{color: #fff;}
.top_tit.en{font-family: 'Open Sans';font-weight: 700;}
.top_tit.lef{text-align: left;}
.con_tit{color: #1a1a1a;font-size: 2.5rem;font-weight: 300;line-height: 1.35em;margin-top: 110px;}
.con_tit strong{font-weight: 600;}
.con_img_box{overflow: hidden;border-radius: 0 0 240px 0;margin-top: 55px;}
.con_txt{margin-top: 60px;}
.con_txt p{color: #555;font-size: 1.25rem;font-weight: 300;line-height: 1.8em;letter-spacing:-0.05em;}
.con_txt p ~ p{margin-top: 15px;}
.con_txt p strong{font-weight: 500;color: #1a1a1a;}
.con_txt ul li{position: relative;padding-left: 45px;}
.con_txt ul li ~ li{margin-top: 40px;}
.con_txt ul li span{width: 30px;line-height: 30px;text-align: center;color: #fff;background-color: #e87e1f;border-radius: 50%;position: absolute;left: 0;top: 3px;font-size: 0.75rem;font-family: 'Open Sans';font-weight: 700;letter-spacing: 0;}
.line_tit{display: flex;align-items: center;justify-content: center;}
.line_tit p{font-size: 2rem;color: #1a1a1a;text-decoration: 1px underline;text-underline-position: under;padding: 0 15px;}
.line_tit p strong{font-weight: 600;}
.line_tit em{font-size: 3.75rem;font-weight: 800;color: #f1f1f1;-webkit-text-stroke: 0.5px #bbb;display: block;}

.btn_area ul{display: flex;align-items: center;justify-content: center;}
.btn_area ul li ~ li{margin-left: 20px;}
.btn_area ul li.w_200{width: 200px;}
.btn_area ul li.w_140{width: 140px;}
.btn_area ul li.h_60 ._btn{line-height: 58px;}
.btn_area ul li.h_50 ._btn{line-height: 48px;}
.btn_area ul li ._btn{display: block;width: 100%;text-align: center;font-weight: 700;font-size: 0.875rem;letter-spacing: 0;}
.btn_area ul li ._btn.black{border: 1px solid #1a1a1a;background-color: #1a1a1a;color: #fff;}
.btn_area ul li ._btn.black_bor{border: 1px solid #1a1a1a;color: #1a1a1a;}

.why_ecls{margin-top: 155px;}
.why_ecls ul li{display: flex;justify-content: space-between;}
.why_ecls ul li ~ li{margin-top: 100px;}
.why_ecls ul li:nth-child(odd) .img_box{padding-right: 120px;}
.why_ecls ul li:nth-child(even) .img_box{padding-left: 120px;}
.why_ecls ul li .txt_box{position: relative;display: flex;align-items: center;flex-grow: 1;}
.why_ecls ul li:nth-child(odd) .txt_box{justify-content: flex-end}
.why_ecls ul li .txt_box dl dt{color: #1a1a1a;font-weight: 600;font-size: 2.5rem;padding-bottom: 40px;margin-bottom: 35px;position: relative;}
.why_ecls ul li .txt_box dl dt::before{content: "";position: absolute;left: 0;bottom: 0;width: 50px;height: 1px;background-color: #1a1a1a;}
.why_ecls ul li .txt_box dl dd{color: #555;font-size: 1.25rem;font-weight: 300;line-height: 1.8em;}
.why_ecls ul li .txt_box .num{position: absolute;right: 0;top: 0;font-family: 'Open Sans';font-weight: 700;font-size: 8.75rem;opacity: 0.2;color: transparent;-webkit-text-stroke: 1px #bbb;background: url(../images/pattern-gray.png);-webkit-background-clip: text;}

.m_s{margin-top: 160px;background: url(../images/ms-bg.jpg) no-repeat center;background-size: cover;padding: 155px 0 190px;}
.m_s ul{display: flex;align-items: center;justify-content: center;margin-top: 100px;}
.m_s ul li{width: 340px;height: 340px;border-radius: 50%;padding: 20px;position: relative;}
.m_s ul .co1{background-color: rgba(246,174,0,0.9);transform: translate(50px,0);}
.m_s ul .co2{background-color: rgba(255,121,0,0.9);}
.m_s ul .co3{background-color: rgba(118,56,0,0.9);transform: translate(-50px,0);}
.m_s .ball{position: relative;width: 100%;height: 100%;border: 1px solid rgba(255,255,255,0.15);border-radius: 50%;display: flex;align-items: center;justify-content: center;text-align: center;}
.m_s .ball p{color: #fff;line-height: 1.3em;font-weight: 600;font-size: 2rem;}
.m_s .txt_box{margin-top: 100px;display: flex;justify-content: space-between;}
.m_s .txt_box dl{max-width: 33.33%;}
.m_s .txt_box dl dt{padding-left: 20px;color: #1a1a1a;font-weight: 600;font-size: 1.75rem;position: relative;}
.m_s .txt_box dl dt::before{content: "";position: absolute;left: 0;top: 50%;margin-top: -4px;width: 8px;height: 8px;background-color: #e87e1f;border-radius: 50%;}
.m_s .txt_box dl dd{padding-left: 20px;color: #555;font-size: 1.125rem;font-weight: 300;line-height: 1.778em;margin-top: 30px;}

.partnership{margin-top: 150px;padding: 155px 0 230px;background: url(../images/partnership-bg.jpg) no-repeat center;background-size: cover;}
.partnership ul{margin-top: 100px;display: flex;}
.partnership ul li{width: 25%;text-align: center;padding-top: 10px;}
.partnership ul li ~ li{border-left: 1px solid rgba(255,255,255,0.2);}
.partnership ul li dl{padding-top: 140px;background-repeat: no-repeat;background-position: center top;}
.partnership ul li.icon1 dl{background-image: url(../images/partnership-icon1.png);}
.partnership ul li.icon2 dl{background-image: url(../images/partnership-icon2.png);}
.partnership ul li.icon3 dl{background-image: url(../images/partnership-icon3.png);}
.partnership ul li.icon4 dl{background-image: url(../images/partnership-icon4.png);}
.partnership ul li dl dt{color: #fff;font-weight: 600;font-size: 1.25rem;font-family: 'Open Sans';margin-bottom: 30px;}
.partnership ul li dl dd{color: #fff;font-weight: 700;font-size: 3.5rem;font-family: 'Open Sans';letter-spacing: 0;}

.area_box{margin-top: 160px;}
.area_box .top_tit{margin-bottom: 60px;}

.country .country_map{background-color: #c8e4eb;text-align: center;}
.country .country_tbl .blue_bg{background-color: #c8e4eb;}
.country .country_tbl dl{display: flex;}
.country .country_tbl dl dt,
.country .country_tbl dl dd{font-size: 1.25rem;border: 1px solid #ddd;border-top: none;background-color: #fff;padding: 30px 5px;}
.country .country_tbl dl dt{color: #1a1a1a;font-weight: 600;text-align: center;width: 20%;border-right: none;display: flex;align-items: center;justify-content: center;}
.country .country_tbl dl dd{color: #555;font-weight: 300;padding-left: 50px;width: 80%;text-align: left;}
.country .country_tbl .blue_bg dl dt,
.country .country_tbl .blue_bg dl dd{border-top: 1px solid #383838;}

.sv_pd ul{display: flex;justify-content: space-between;}
.sv_pd ul li{width: calc(33.33% - 26.66px);}
.sv_pd dl{margin-top: 50px;}
.sv_pd dl dt{padding-left: 20px;color: #1a1a1a;font-weight: 600;font-size: 1.75rem;margin-bottom: 30px;position: relative;}
.sv_pd dl dt:before{content: "";width: 8px;height: 8px;background-color: #e87e1f;border-radius: 50%;position: absolute;left: 0;top: 50%;margin-top: -4px;}
.sv_pd dl dd p ~ p{margin-top: 20px;}
.sv_pd dl dd p strong{display: block;padding-left: 20px;color: #1a1a1a;font-size: 1.125rem;line-height: 1.556em;font-weight: 400;position: relative;}
.sv_pd dl dd p strong::before{content: "";width: 4px;height: 4px;background-color: #383838;border-radius: 50%;position: absolute;left: 0;top: 0.778em;margin-top: -2px;}
.sv_pd dl dd p span{display: block;padding-left: 20px;color: #555;font-size: 1.125rem;font-weight: 300;line-height: 1.778em;margin-top: 10px;}

.process ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.process.box5 ul li{width: calc(20% - 32px);}
.process.box6 ul li{width: calc(16.66% - 33.33px);}
.process .icon_box{border: 1px solid #e1e1e1;background-color: #fafafa;position: relative;}
.process ul li:first-child .icon_box{border-radius: 80px 0 0 0;}
.process ul li:last-child .icon_box{border-radius: 0 0 80px 0;}
.process ul li ~ li .icon_box::before{content: "";position: absolute;left: -20px;top: 50%;width: 10px;height: 16px;margin-left: -5px;margin-top: -8px;background: url(../images/process-arr.png) no-repeat center;background-size: contain;}
.process .icon_box span{display: block;padding-bottom: 100%;}
.process .icon_box .icon{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.process ul li p{text-align: center;color: #1a1a1a;font-size: 1.25rem;font-weight: 600;line-height: 1.5em;margin-top: 25px;}
.process ul li dl{margin-top: 30px;}
.process ul li dl dt{position: relative;padding-left: 40px;}
.process ul li dl dt em{color: #e87e1f;font-size: 1.25rem;font-weight: 600;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);}
.process ul li dl dt strong{color: #1a1a1a;font-size: 1.5rem;font-weight: 600;}
.process ul li dl dd{padding-left: 40px;margin-top: 25px;color: #555;font-size: 1.125rem;font-weight: 300;line-height: 1.556rem;letter-spacing: -0.03em;}
.process.b2b ul li:first-child .icon_box{border-radius: 100px 0 0 0;}
.process.b2b ul li:last-child .icon_box{border-radius: 0 0 100px 0;}
.process.w_p .icon_box{background-color: #fff;}

.work ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.work ul li{width: calc(25% - 30px);}
.work ul li:nth-child(n+5){margin-top: 40px;}
.work ul li p{background-color: #383838;color: #fff;text-align: center;font-size: 1.25rem;font-weight: 600;line-height: 1.5em;padding: 20px 0;letter-spacing: -0.05em;}
.work ul li .icon_box{height: 250px;border: 1px solid #ddd;display: flex;align-items: center;justify-content: center;}

.service_adv .list ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.service_adv .list ul li{width: calc(50% - 20px);position: relative;border-radius: 0 0 60px 0;padding: 35px 40px;}
.service_adv .list ul li.or{background-color: #e87e1f;}
.service_adv .list ul li.gray{background-color: #383838;}
.service_adv .list ul li:nth-child(n+3){margin-top: 40px;}
.service_adv .list ul li p{padding-left: 20px;position: relative;color: #fff;font-size: 1.5rem;font-weight: 600;line-height: 1.3em;}
.service_adv .list ul li p::before{content: "";position: absolute;left: 0;top: 0.65em;background-color: rgba(255,255,255,0.5);border-radius: 50%;width: 6px;height: 6px;margin-top: -3px;}
.service_adv .list ul li span{position: absolute;right: 30px;bottom: -0.08em;font-family: 'Open Sans';opacity: 0.2;font-weight: 700;font-size: 5.5rem;color: transparent;-webkit-text-stroke: 0.5px #fff;background: url(../images/pattern.png);-webkit-background-clip: text;}
.service_adv .img{margin: 85px 0 100px;}

.gray_bg{background-color: #f7f7f7;padding: 160px 0;}

.basic_process{margin-bottom: 120px;}

.gdc{display: flex;justify-content: space-between;}
.gdc .lef{width: 45%;padding-right: 30px;text-align: center;}
.gdc .lef img ~ img{margin-top: 20px;}
.gdc .rig{width: 55%;max-width: 720px;display: flex;flex-direction: column;text-align: center;}
.gdc .rig .box{padding-bottom: 10px;height: 50%;display: flex;flex-direction: column;justify-content: center;margin-bottom: 10px;}
.gdc p{color: #555;font-size: 1.25rem;font-weight: 300;line-height: 1.8em;text-align: left;}
.gdc p ~ p{margin-top: 15px;}
.gdc strong{display: block;color: #1a1a1a;font-weight: 600;font-size: 1.75rem;margin-bottom: 55px;}

.b_p{text-align: center;margin-bottom: 100px;}

.consulting{padding: 40px 0;}
.consulting ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.consulting ul li{width: calc(33.33% - 25px);max-width: 440px;display: flex;flex-direction: column;border-radius: 0 0 80px 0;overflow: hidden;box-shadow: 0 10px 20px rgba(0,0,0,0.1);}
.consulting ul li:nth-child(n+4){margin-top: 80px;}
.consulting ul li .txt_box{background-color: #fff;flex-grow: 1;padding: 35px 40px;}
.consulting ul li .txt_box p{color: #1a1a1a;font-size: 1.5rem;line-height: 1.5em;font-weight: 600;}

.s_p ul{display: flex;justify-content: space-between;}
.s_p ul li{width: calc(25% - 30px);height: 240px;padding: 55px 40px;position: relative;}
.s_p ul li:first-child{border-radius: 100px 0 0 0;}
.s_p ul li:last-child{border-radius: 0 0 100px 0;}
.s_p ul li.or{background-color: #e87e1f;}
.s_p ul li.gray{background-color: #383838;}
.s_p ul li p{color: #fff;font-weight: 600;font-size: 1.5rem;line-height: 1.5em;padding-left: 20px;position: relative;}
.s_p ul li p::before{content: "";width: 6px;height: 6px;border-radius: 50%;background-color: rgba(255,255,255,0.5);position: absolute;left: 0;top: 0.75em;margin-top: -3px;}
.s_p ul li span{position: absolute;bottom: -0.08em;right: 30px;font-family: 'Open Sans';opacity: 0.2;font-weight: 700;font-size: 5.5rem;color: transparent;-webkit-text-stroke: 0.5px #fff;background: url(../images/pattern.png);-webkit-background-clip: text;}

.tbl_top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 30px;}
.tbl_top .txt{display: flex;align-items: center;}
.tbl_top .txt strong{color: #1a1a1a;font-size: 0.938rem;font-weight: 500;}
.tbl_top .txt em{margin: 0 12px;width: 1px;height: 12px;background-color: #ccc;}
.tbl_top .txt span{color: #666;font-weight: 300;font-size: 0.938rem;}
.tbl_top .txt span strong{color: #e87e1f;font-weight: 600;}
.tbl_top .sch_area{display: flex;}
.tbl_top .sch_area input{width: 330px;height: 50px;border: none;border-bottom: 2px solid #222;outline: none;padding: 0 20px;font-size: 0.938rem;color: #1a1a1a;}
.tbl_top .sch_area input::placeholder{color: #aaa;font-weight: 300;}
.tbl_top .sch_area button{width: 50px;height: 50px;border: none;border-bottom: 2px solid #222;background: url(../images/sch-icon.png) no-repeat center;}
.tbl_top .ori{color: #1a1a1a;font-size: 0.875rem;font-weight: 300;}
.tbl_top .ori i{color: #ff0000;font-weight: 400;font-style: normal;}

.list_tbl{margin-top: 120px;}
.list_tbl table{width: 100%;border-top: 2px solid #383838;table-layout: fixed;}
.list_tbl table .col1,
.list_tbl table .col2{width: 8%;}
.list_tbl table .col3{width: 10%;}
.list_tbl table th{text-align: center;font-weight: 400;background-color: #f1f1f1;color: #1a1a1a;border-bottom: 1px solid #ccc;line-height: 1.1em;padding: 20px 5px;letter-spacing: -0.05em;}
.list_tbl table td{text-align: center;border-bottom: 1px solid #e1e1e1;color: #888;font-size: 0.875rem;line-height: 1.3em;padding: 20px 5px;letter-spacing: -0.05em;}
.list_tbl table .tit{text-align: left;color: #1a1a1a;font-size: 1rem;padding-left: 40px;}
.list_tbl table .tit a{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.list_tbl table .co{color: #e87e1f;}

.write_tbl{margin-top: 120px;}
.write_tbl table{width: 100%;border-top: 2px solid #383838;table-layout: fixed;}
.write_tbl table .col1{width: 14.28%;}
.write_tbl table th{text-align: left;color: #1a1a1a;font-weight: 400;background-color: #f1f1f1;border-bottom: 1px solid #ddd;padding: 10px 5px;padding-left: 40px;letter-spacing: -0.05em;}
.write_tbl table th i{color: #ff0000;font-style: normal;}
.write_tbl table td{text-align: left;border-bottom: 1px solid #ddd;padding: 10px;letter-spacing: -0.05em;}
.write_tbl table input,
.write_tbl table select,
.write_tbl table textarea{border: 1px solid #ddd;padding: 0 15px;height: 40px;outline: none;width: 100%;font-size: 0.875rem;color: #1a1a1a;}
.write_tbl table select{color: #888;background: url(../images/sel-icon.png) no-repeat right 15px center;}
.write_tbl table textarea{resize: none;height: 200px;padding: 15px;line-height: 1.4em;}
.write_tbl table textarea::-webkit-scrollbar{width: 22px;}
.write_tbl table textarea::-webkit-scrollbar-track{background-color: #ddd;background-clip: padding-box;border: 10px solid transparent;}
.write_tbl table textarea::-webkit-scrollbar-thumb{background: #383838;background-clip: padding-box;border: 10px solid transparent;}
.write_tbl .terms{margin: 40px 0 60px;}
.write_tbl .terms .tit{background-color: #f1f1f1;border: 1px solid #ddd;}
.write_tbl .terms .tit p{line-height: 50px;color: #1a1a1a;padding: 0 40px;}
.write_tbl .terms .con{padding: 25px 40px;border: 1px solid #ddd;border-top: none;height: 150px;overflow: auto;}
.write_tbl .terms .con::-webkit-scrollbar{width: 22px;}
.write_tbl .terms .con::-webkit-scrollbar-track{background-color: #ddd;background-clip: padding-box;border: 10px solid transparent;}
.write_tbl .terms .con::-webkit-scrollbar-thumb{background: #383838;background-clip: padding-box;border: 10px solid transparent;}
.write_tbl .terms .con p{color: #555;font-size: 0.875rem;line-height: 1.571rem;}
.write_tbl .terms .chk_box{margin-top: 20px;}
.write_tbl .terms .chk_box label{display: inline-flex;align-items: center;}
.write_tbl .terms .chk_box input{display: none;}
.write_tbl .terms .chk_box span{display: block;border: 1px solid #e87e1f;width: 18px;height: 18px;}
.write_tbl .terms .chk_box input:checked ~ span{background: url(../images/chk-icon.png) no-repeat center;background-size: contain;}
.write_tbl .terms .chk_box p{margin-left: 10px;color: #555;font-size: 0.875rem;}

.inp_wrap{display: flex;align-items: center;}
.inp_wrap .w_185{max-width: 185px;}
.inp_wrap .w_400{max-width: 400px;}
.inp_wrap .w_595{max-width: 595px;}
.inp_wrap ul{display: flex;align-items: center;width: 100%;}
.inp_wrap ul ~ ul{margin-left: 10px;}
.inp_wrap .inp{width: 100%;}
.inp_wrap ul li em{display: block;text-align: center;width: 20px;color: #1a1a1a;font-size: 0.875rem;}
.inp_wrap ul li p{color: #888;font-size: 0.875rem;}
.inp_wrap .type1 li em{width: 20px;}
.inp_wrap .type1 .inp{width: calc(33.33% - 13px);max-width: 120px;}
.inp_wrap .type2 li em{width: 30px;}
.inp_wrap .type2 .inp{width: calc(50% - 15px);}

.page{margin-top: 40px;position: relative;}
.page ul{display: flex;align-items: center;justify-content: center;}
.page ul .num{margin: 0 5px;}
.page ul .num a{display: block;line-height: 40px;width: 40px;color: #888;font-weight: 600;text-align: center;}
.page ul .num.on a{color: #e87e1f;text-decoration: underline;text-underline-position: under;}
.page ul .arr a{display: block;background-repeat: no-repeat;background-position: center;background-size: contain;width: 40px;height: 40px;}
.page ul .prev{margin-right: 20px;}
.page ul .prev a{background-image: url(../images/page-prev.png);}
.page ul .next{margin-left: 20px;}
.page ul .next a{background-image: url(../images/page-next.png);}
.page .rig_ab{position: absolute;right: 0;bottom: 0;}

.view_page{margin: 120px 0 60px;}
.view_page .top{border-top: 2px solid #383838;border-bottom: 1px solid #ddd;padding: 50px 40px;}
.view_page .top .tit{color: #1a1a1a;font-weight: 600;font-size: 1.75rem;line-height: 1.2em;}
.view_page .top .info{margin-top: 35px;display: flex;align-items: center;}
.view_page .top .info strong{color: #1a1a1a;font-weight: 300;font-size: 0.875rem;}
.view_page .top .info span{color: #888;font-size: 0.875rem;margin-left: 10px;}
.view_page .top .info em{margin: 0 12px;width: 1px;height: 12px;background-color: #ccc;}
.view_page .con_box{padding: 40px 40px 75px;}
.view_page .con_box .file{margin-bottom: 40px;}
.view_page .con_box .file ul li ~ li{margin-top: 10px;}
.view_page .con_box .file ul li a{display: block;background-color: #f7f7f7;padding: 0 30px;}
.view_page .con_box .file ul li a span{padding-left: 30px;display: block;line-height: 40px;background: url(../images/file-icon.png) no-repeat left center;color: #1a1a1a;font-size: 0.938rem;font-weight: 300;letter-spacing: -0.05em;}
.view_page .con_box .img{margin-bottom: 40px;text-align: center;}
.view_page .con_box .txt{color: #666;font-weight: 300;line-height: 1.875em;}
.view_page .bot{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;display: flex;padding: 0 60px;display: flex;align-items: center;justify-content: space-between;}
.view_page .bot a{display: block;color: #1a1a1a;font-size: 0.875rem;line-height: 60px;}
.view_page .bot .prev{padding-left: 25px;background: url(../images/view-prev.png) no-repeat left center;}
.view_page .bot .next{padding-right: 25px;background: url(../images/view-next.png) no-repeat right center;}

.tk{margin-top: 115px;}
.tk .top{margin-bottom: 90px;}
.tk .top .tit{text-align: center;color: #1a1a1a;font-size: 2rem;margin-bottom: 60px;line-height: 1.3em;}
.tk .top .chk_inp{display: flex;align-items: center;}
.tk .top .chk_inp input{border: 2px solid #e87e1f;width: calc(100% - 150px);height: 60px;padding: 0 15px;color: #101010;font-size: 1.25rem;font-weight: 600;text-align: center;outline: none;}
.tk .top .chk_inp button{width: 140px;height: 60px;margin-left: 10px;background-color: #e87e1f;border: none;color: #fff;font-size: 1.125rem;font-weight: 600;}
.tk .track{max-width: 460px;margin: 0 auto;}
.tk .track ul li{display: flex;align-items: center;}
.tk .track ul li ~ li{margin-top: 70px;}
.tk .track p{display: flex;align-items: center;justify-content: space-between;position: relative;width: 48%;}
.tk .track p img{filter: grayscale(1);opacity: 0.5;}
.tk .track strong{display: block;font-size: 1.5rem;color: #888;font-weight: 400;}
.tk .track .ball{width: 30px;height: 30px;background-color: #ccc;border-radius: 50%;margin: 0 30px;position: relative;}
.tk .track .ball::before{content: "";background-color: #fff;width: 10px;height: 10px;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.tk .track .ball::after{content: "";position: absolute;left: 50%;top: 50%;width: 50px;height: 50px;background-color: #e87e1f;border-radius: 50%;transform: translate(-50%,-50%) scale(0);opacity: 0;z-index: -1;}
.tk .track .ball .line{position: absolute;left: 50%;margin-left: -5px;bottom: 50%;;background-color: #f1f1f1;width: 10px;height: 138px;z-index: -2;}
.tk .track span{display: block;font-size: 1.25rem;color: #111;opacity: 0;}
.tk .track ul li.on p img{opacity: 1;filter: grayscale(0);}
.tk .track ul li.on strong{color: #111;}
.tk .track ul li.on span{opacity: 1;}
.tk .track ul li.on .ball{background-color: #e87e1f;}
.tk .track ul li.on .ball .line{background-color: #e87e1f;}
.tk .track ul li.end strong,
.tk .track ul li.end span{color: #e87e1f;font-weight: 600;}
.tk .track ul li.end .ball::after{animation: ball_bg 2s ease infinite;}
@keyframes ball_bg {
    0% {opacity:0.6;}
	70% {opacity:0.3;}
    100% {opacity:0;transform:translate(-50%,-50%) scale(1.1);}
}

/*error*/
.error{height: 100%;padding: 0 30px;display: flex;align-items: center;}
.error-wrap{width: 100%;margin: 0 auto;text-align: center;}
.error-mark{margin-bottom: 60px;}
.error-txt strong{display: block;color: #e87e1f;font-family: 'GmarketSansBold';font-weight: 600;font-size: 2.625rem;margin-bottom: 60px;}
.error-txt span{display: block;color: #101010;font-weight: 600;font-size: 1.5rem;margin-bottom: 25px;font-family: 'Noto Sans KR';}
.error-txt p{display: block;color: #666;font-size: 0.938rem;line-height: 1.6em;font-weight: 300;font-family: 'Noto Sans KR';}
.error-icon{margin-top: 95px;}
.error header{transform: none !important;}
.error header{background-color: #fff;}
.error header h1 a{background-image: url(../images/logo-color.png);}
.error header .full_btn span{background-color: #1a1a1a;}

.popup{position: fixed;z-index: 200;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;display: none;}
.popup .top{position: relative;display: flex;align-items: center;justify-content: center;border-bottom: 1px solid #e1e1e1;}
.popup.privacy .top{height: 60px;}
.popup.terms_coc .top{height: 80px;}
.popup .top p{text-align: center;font-size: 1.125rem;color: #222;font-family: 'GmarketSansMedium';line-height: 1.5em;}
.popup .top .close{position: absolute;right: 30px;top: 50%;margin-top: -9px;width: 18px;height: 18px;border: none;background: url(../images/pop-close.png) no-repeat center;background-size: contain;}
.popup .bot{overflow: auto;}
.popup.privacy .bot{height: calc(100% - 60px);}
.popup.terms_coc .bot{height: calc(100% - 80px);}
.popup .bot .con{padding: 60px 30px;}
.popup .box ~ .box{border-top: 1px solid #e1e1e1;margin-top: 40px;padding-top: 40px;}
.popup .box .txt{color: #444;line-height: 1.3em;margin-bottom: 30px;}
.popup .box strong{display: block;margin-bottom: 25px;color: #222;font-weight: 500;}
.popup .box p{color: #444;line-height: 1.5em;font-size: 0.938rem;}
.popup .box p + p{margin-top: 5px;}
.popup .box ul + p{margin-top: 15px;}
.popup .box p.num{position: relative;padding-left: 20px;}
.popup .box p.num span{position: absolute;left: 0;top: 0;}
.popup .box ul{margin-top: 15px;padding-left: 15px;}
.popup .box ul li{font-size: 0.875rem;line-height: 1.5em;position: relative;color: #555;padding-left: 20px;}
.popup .box ul li ~ li{margin-top: 5px;}
.popup .box ul li span{position: absolute;left: 0;top: 0;}
.popup .box ul li span .ball{display: block;width: 6px;height: 6px;background-color: #444;border-radius: 50%;margin-top: calc(0.75em - 3px);}
.popup .pop_tbl{margin-top: 20px;}
.popup .pop_tbl table{width: 100%;}
.popup .pop_tbl table th,
.popup .pop_tbl table td{text-align: center;font-size: 0.875rem;border: 1px solid #ddd;padding: 10px 5px;line-height: 1.3em;}
.popup .pop_tbl table th{font-weight: 500;color: #444;background-color: #f7f7f7;}
.popup .pop_tbl table td{color: #555;}

@media all and (max-width:1440px){
    .__p_1440{display: none;}

    .why_ecls ul li .img_box{width: 40%;flex-shrink: 0;}
    .why_ecls ul li:nth-child(odd) .img_box{padding-right: 50px;}
    .why_ecls ul li:nth-child(even) .img_box{padding-left: 50px;}
}
@media all and (max-width:1300px){
    html{font-size: 14px;}

    header{padding: 0 20px;}
    .page_btn{left: 10px;}
    .page_btn li{width: 30px;height: 30px;}
    .vis .scroll{right: 20px;}
    .cs_cen .top .lef{margin-top: 50px;}
    .cs_cen .top .box a{height: 350px;}
    .cs_cen .bot a{padding: 25px;}
}
@media all and (max-height:850px){
    .sec_tit .txt{margin-top: 10px;}
    .sec_tit .view_btn{margin-top: 35px;}
    #section1{padding-top: 20px;}
    .why{margin-top: 30px;}
    .why dl{margin-top: 25px;}
    .why dl dd {margin-top: 10px;}
    .cs_cen{padding-top: 40px;}
    .cs_cen .top .lef{margin-top: 40px;}
    .cs_cen .top .box a{height: 320px;padding: 70px 40px 0;}
    .cs_cen .bot{margin-top: 30px;}
    .cs_cen .bot a strong{margin-bottom: 10px;}
    .cs_cen .bot a span{margin-top: 20px;}
}
@media all and (max-width:1024px){
    html{font-size: 13px;}

    header::before{display: none;}
    header .inner{height: 50px;}
    header h1{margin-top: -11px;}
    header h1 a{width: 85px;height: 26px;}
    header .menu{display: none;}
    header .admin_login{display: none;}
    header .full_btn{display: block;}
    header.down{background-color: #fff;}
    header.down h1 a{background-image: url(../images/logo-color.png);}
    header.down .full_btn span{background-color: #1a1a1a;}
    header.h_up{transform: translate(0,-100%);}
    header.h_down{transform: none;}
    header.nav_open{transform: none;}

    footer{padding: 45px 20px 60px;}
    footer .foot_top{display: block;margin-bottom: 30px}
    footer .foot_logo img{width: 90px;}
    footer .foot_top ul{display: block;margin-top: 25px;}
    footer .foot_top ul li ~ li{margin-left: 0;margin-top: 10px;}
    footer .foot_top ul li a{width: 100%;line-height: 38px;}
    footer .ori{display: block;}
    footer .ori dl ~ dl{margin-left: 0;margin-top: 20px;}
    footer .ori dl dt{width: 45px;}

    .page_btn{display: none;}

    .vis .vis_sd_txt .vis_txt dl dt{margin-bottom: 20px;}
    .vis .vis_sd_txt .vis_txt dl dt p{display: block;font-size: 5vw;}
    .vis .vis_sd_txt .vis_txt dl dd{opacity: 0;transform: translate(0,20px);transition: 0.8s;}
    .vis .vis_sd_txt .vis_txt dl dd p{font-size:2.8vw;display: inline;}
    .vis .vis_sd_txt .vis_txt dl dd p span{display: inline;}
    .vis .vis_sd_txt .swiper-slide-active .vis_txt dl dd,
    .vis .vis_sd_txt .swiper-slide-duplicate-active .vis_txt dl dd{opacity: 1;transform: none;}
    .vis .vis_sd_txt .swiper-slide-active.sd1 .vis_txt dl dd,
    .vis .vis_sd_txt .swiper-slide-duplicate-active.sd1 .vis_txt dl dd{transition-delay: 2.5s;}
    .vis .vis_sd_txt .swiper-slide-active.sd2 .vis_txt dl dd,
    .vis .vis_sd_txt .swiper-slide-duplicate-active.sd2 .vis_txt dl dd{transition-delay: 1.8s;}
    .vis .vis_sd_txt .swiper-slide-active.sd3 .vis_txt dl dd,
    .vis .vis_sd_txt .swiper-slide-duplicate-active.sd3 .vis_txt dl dd{transition-delay: 2.6s;}
    .vis .scroll{display: none;}
    .vis .vis_pagination .dot{width: 100%;border: 5px solid rgba(0,0,0,0.6);border-radius: 20px 0 20px 0;}
    .vis .vis_pagination .dot .swiper-pagination-bullet span{line-height: 40px;font-size: 1rem;}

    .sec_tit .tit p{font-size: 2.4rem;}
    .sec_tit .view_btn{margin-top: 0;position: absolute;left: 0;bottom: 0;width: 100%;}
    .sec_tit .view_btn a{width: 100%;line-height: 50px;font-size: 1rem;}

    #section1{padding: 0;}
    .why{margin-top: 40px;}
    .why .box{transform: none;opacity:1;transition: 0s;}
    .why .img_box{opacity: 0;transform: translate(0,30px);transition: 0.6s;}
    .why .w1 .img_box{transition-delay: 1s;}
    .why .w2 .img_box,
    .why .w4 .img_box{transition-delay: 1.2s;}
    .why .w1 .img_box,
    .why .w4 .img_box{border-radius: 0;}
    .why dl{margin-top: 30px;}
    .mo_com .why .img_box{transform: none;opacity: 1;}

    .service .line,
    .service .line::before{display: none;}
    .service .list{display: block;}
    .service .list li{width: 100%;height: 33.333%;}
    .service .list li::after{display: none;}
    .service .list li a::after{display: none;}
    .service .list li .bar{display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background-color: rgba(255,255,255,0.3);z-index: 25;}
    .service .list li .bar::before{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 100%;background-color: #fff;}
    .service .list li .box .tit{background-size: 35px auto;padding-top: 55px;font-size: 1.8rem;margin-bottom: 20px;}
    .service .list li .box .txt{margin-bottom: 0;}
    .service .list li .box .txt p{font-size: 0.923rem;}
    .service .list li .box .arr_btn{display: none;}
    .service .list li.on a::before{opacity: 1;}
    .service .list li.on .slide_box{max-height: 5.25em;}
    .service .list li.on .box .txt p span{transform: none;transition-delay: 0.2s;}
    .service .list li.on .bar::before{width: 100%;transition: 5.8s;transition-timing-function: cubic-bezier( 0.25, 0.25, 0.25, 0.25 );}

    #section3{padding: 20% 20px;height: auto !important;}
    #section3 .fp-tableCell{height: auto !important;}
    .cs_cen .top{display: block;}
    .cs_cen .top .lef{margin-top: 0;margin-bottom: 40px;}
    .cs_cen .top .rig{width: 100%;display: block;}
    .cs_cen .top .sec_tit{text-align: center;transform: none;}
    .cs_cen .top .box{width: 100%;}
    .cs_cen .top .box ~ .box{margin-top: 20px;}
    .cs_cen .top .box a{height: auto;padding: 45px 30px;}
    .cs_cen .top .box a::before{display: none;}
    .cs_cen .top .box .txt strong{font-size: 1.9rem;}
    .cs_cen .top .box .txt p{margin-top: 20px;font-size: 0.923rem;}
    .cs_cen .top .box .txt .arr_btn{display: none;}
    .cs_cen .top .box.q_a a{background-image: url(../images/qa-box-m.jpg);}
    .cs_cen .top .box.tracking a{background-image: url(../images/tracking-box-m.jpg);}
    .cs_cen .bot{padding-bottom: 95px;opacity: 0;transition: 0.8s;transition-delay: 0.8s;}
    .cs_cen .bot .swiper-slide{transform: none;transition: 0s;}
    .cs_cen .bot a strong{font-size: 1rem;}
    .cs_cen .bot a p{font-size: 1.2rem;}
    .cs_cen .bot a span{margin-top: 25px;}
    .mo_com .cs_cen .bot{opacity: 1;}
    .mo_com .cs_cen .top .box a{border-radius: 0 0 70px 0;}

    #section4,
    #section4 .fp-tableCell{height: auto !important;}
    #section4 .bg span{background-image: url(../images/btm-bg-m.jpg);}
    .btm .txt_area{height: 100vh;}
    .btm .txt_area .sec_tit .txt{margin-top: 30px;}
    .btm .txt_area .top_btn{right: 20px;bottom: 20px;}
    .btm .txt_area .top_btn button{width: 50px;height: 50px;background-image: url(../images/top-m.png);}

    .sub_top .svis{display: flex;align-items: center;justify-content: center;}
    .sub_top .svis .txt{padding: 120px 0 80px;}
    .sub_top .svis .txt h2{font-size: 2.5rem;}
    .sub_top .svis .txt p{font-size: 0.9rem;margin-top: 20px;}
    .sub_top .submenu .home{width: 50px;}
    .sub_top .submenu .home a{background-size: 13px auto;}
    .sub_top .submenu .depth{width: calc(50% - 25px);}
    .sub_top .submenu .depth p{padding: 0 15px;line-height: 50px;font-size: 1rem;}
    .sub_top .submenu .dep2 p{background-position: right 15px center;background-size: 7px auto;}
    .sub_top .submenu .depth ul li a{line-height: 45px;padding: 0 15px;font-size: 1rem;}

    .content{padding: 80px 0 100px;}
    .top_tit{font-size: 1.7rem;}
    .con_tit{margin-top: 75px;font-size: 1.4rem;}
    .con_img_box{margin-top: 20px;border-radius: 0 0 50px 0;}
    .con_txt{margin-top: 25px;}
    .con_txt ul li{padding-left:35px;}
    .con_txt ul li span{width: 25px;line-height: 25px;}
    .con_txt p{font-size: 0.923rem;line-height: 1.5em;}
    .con_txt p ~ p{margin-top: 10px;}
    .con_txt ul li ~ li{margin-top: 15px;}
    .line_tit em{font-size: 2.5rem;}
    .line_tit p{text-align: center;font-size: 1.2rem;line-height: 1.5em;}

    .btn_area ul li ~ li{margin-left: 10px;}
    .btn_area ul li.w_200{width: calc(50% - 5px);}
    .btn_area ul li.h_60 ._btn,
    .btn_area ul li.h_50 ._btn{line-height: 38px;}

    .area_box{margin-top: 80px;}
    .area_box .top_tit{margin-bottom: 30px;}
    .gray_bg{padding: 80px 0;}

    .why_ecls{margin-top: 80px;}
    .why_ecls ul li ~ li{margin-top: 55px;}
    .why_ecls ul li:nth-child(odd){flex-direction: column;}
    .why_ecls ul li:nth-child(even){flex-direction: column-reverse;}
    .why_ecls ul li .img_box{width: 100%;}
    .why_ecls ul li:nth-child(odd) .img_box {padding-right: 0;}
    .why_ecls ul li:nth-child(even) .img_box {padding-left: 0;}
    .why_ecls ul li .txt_box{display: block;margin-top: 15px;}
    .why_ecls ul li .txt_box dl dt{font-size: 1.6rem;padding-bottom: 20px;margin-bottom: 15px;}
    .why_ecls ul li .txt_box dl dt::before{width: 30px;}
    .why_ecls ul li .txt_box dl dd{font-size: 0.923rem;line-height: 1.6em;}
    .why_ecls ul li .txt_box .num{position: static;;font-size: 3rem;margin-bottom: 10px;}

    .m_s{margin-top: 80px;padding:80px 0;}
    .m_s ul{margin-top: 50px}
    .m_s ul li{width: 100px;height: 100px;padding: 5px;flex-shrink: 0;}
    .m_s ul .co1{transform: translate(15px,0);}
    .m_s ul .co3{transform: translate(-15px,0);}
    .m_s .txt_box{display: block;margin-top: 50px;}
    .m_s .ball p{font-size: 1.1rem;}
    .m_s .txt_box dl{max-width: 100%;}
    .m_s .txt_box dl ~ dl{margin-top: 30px;}
    .m_s .txt_box dl dt{font-size: 1.2rem;padding-left: 15px;}
    .m_s .txt_box dl dt::before{width: 6px;height: 6px;margin-top: -3px;}
    .m_s .txt_box dl dd{margin-top: 10px;font-size: 0.923rem;line-height: 1.5em;padding-left: 15px;}

    .partnership{margin-top: 80px;padding:80px 0 50px;}
    .partnership ul{margin-top: 30px;display: block;}
    .partnership ul li{width: 100%;padding: 20px 0;}
    .partnership ul li ~ li{border-left: none;border-top: 1px solid rgba(255,255,255,0.2);}
    .partnership ul li dl{background-size: 45px auto;padding-top: 55px;}
    .partnership ul li dl dt{font-size: 1rem;margin-bottom: 10px;}
    .partnership ul li dl dd{font-size: 2.2rem;}

    .country .country_tbl dl dt,
    .country .country_tbl dl dd{line-height: 1.3em;padding: 15px 10px;font-size: 0.923rem;}

    .sv_pd ul{display: block;}
    .sv_pd ul li{width: 100%;}
    .sv_pd ul li ~ li{margin-top: 50px;}
    .sv_pd dl{margin-top: 30px;}
    .sv_pd dl dt{font-size: 1.3rem;padding-left: 15px;margin-bottom: 15px;}
    .sv_pd dl dt:before{width: 6px;height: 6px;margin-top: -3px;}
    .sv_pd dl dd p ~ p{margin-top: 10px;}
    .sv_pd dl dd p strong{font-size: 0.923rem;line-height: 1.5em;}
    .sv_pd dl dd p span{font-size: 0.923rem;margin-top: 5px;}

    .process ul{justify-content: center;}
    .process.box5 ul li,
    .process.box6 ul li{width: calc(33.33% - 4px);}
    .process.box5 ul li ~ li,
    .process.box6 ul li ~ li{margin-left: 6px;}
    .process.box5 ul li:nth-child(n+4),
    .process.box6 ul li:nth-child(n+4){margin-top: 20px;}
    .process.box5 ul li:nth-child(4),
    .process.box6 ul li:nth-child(4){margin-left: 0;}
    .process ul li ~ li .icon_box::before{display: none;}
    .process ul li:first-child .icon_box,
    .process.b2b ul li:first-child .icon_box{border-radius: 40px 0 0 0;}
    .process ul li:last-child .icon_box,
    .process.b2b ul li:last-child .icon_box{border-radius: 0 0 40px 0;}
    .process ul li p{margin-top: 10px;font-size: 1rem;}
    .process ul li dl{margin-top: 10px;}
    .process ul li dl dt{padding-left: 0;}
    .process ul li dl dt em{display: block;position: static;transform:none;margin-bottom: 5px;font-size: 1rem;}
    .process ul li dl dt strong{display: block;font-size: 1.1rem;}
    .process ul li dl dd{padding-left: 0;font-size: 0.846rem;line-height: 1.3rem;margin-top: 5px;}

    .work ul li{width: calc(50% - 5px);}
    .work ul li p{font-size: 1rem;line-height: 1.2em;padding: 10px 0;}
    .work ul li .icon_box{height: 110px;}
    .work ul li .icon_box img{width: 70px;}
    .work ul li:nth-child(n+3){margin-top: 10px;}

    .service_adv .list ul{display: block;}
    .service_adv .list ul li{width: 100%;padding: 15px;border-radius: 0 0 30px 0;}
    .service_adv .list ul li:nth-child(n+2){margin-top: 10px;}
    .service_adv .list ul li p{padding-left: 10px;font-size: 1rem;}
    .service_adv .list ul li p::before{width: 4px;height: 4px;margin-top: -2px;}
    .service_adv .list ul li span{font-size: 3rem;right: 15px;bottom: -0.04em;}

    .basic_process{margin-bottom: 60px;}

    .gdc{display: block;}
    .gdc .lef,
    .gdc .rig{width: 100%;padding-right: 0;max-width: 100%;}
    .gdc .lef img ~ img{margin-top: 10px;}
    .gdc .rig{margin-top: 20px;}
    .gdc p{font-size: 0.923rem;line-height: 1.5em;}
    .gdc p ~ p{margin-top: 5px;}

    .service_adv .img{margin: 30px 0 40px;}

    .b_p{margin-bottom: 40px;}

    .consulting{padding: 0;}
    .consulting ul li{width: 100%;border-radius: 0 0 50px 0;max-width: 100%;}
    .consulting ul li:nth-child(n+2){margin-top: 20px;}
    .consulting ul li img{width: 100%;}
    .consulting ul li .txt_box{padding: 20px;}
    .consulting ul li .txt_box p{font-size: 1.1rem;}

    .s_p ul{display: block;}
    .s_p ul li{width: 100%;height: auto;padding: 15px;}
    .s_p ul li ~ li{margin-top: 10px;}
    .s_p ul li:first-child{border-radius: 30px 0 0 0;}
    .s_p ul li:last-child{border-radius: 0 0 30px 0;}
    .s_p ul li p{font-size: 1rem;padding-left: 15px;}
    .s_p ul li p::before{width: 4px;height: 4px;margin-top: -2px;}
    .s_p ul li span{font-size: 3rem;right: 15px;bottom: -0.04em;}

    .tbl_top{display: block;}
    .list_tbl{margin-top: 75px;}
    .tbl_top{margin-bottom: 20px;}
    .tbl_top .txt{margin-bottom: 10px;}
    .tbl_top .sch_area input{width: calc(100% - 40px);height: 40px;padding: 0 15px;}
    .tbl_top .sch_area button{height: 40px;width: 40px;background-size: 16px auto;}

    .list_tbl table th,
    .list_tbl table td{padding: 15px 5px;}
    .list_tbl table th{font-size: 0.923rem;}
    .list_tbl table td{font-size: 0.846rem;}
    .list_tbl table .col1{width: 20%;}
    .list_tbl table .col2{width: 25%;}
    .list_tbl table .col3{width: 20%;}
    .list_tbl table .tit{padding-left: 0;font-size: 0.923rem;}
    .list_tbl table .file img{width: 12px;}

    .write_tbl{margin-top: 75px;}
    .write_tbl table .col1{width: 25%;}
    .write_tbl table th{padding-left: 10px;font-size: 0.923rem;}

    .inp_wrap{display: block;}
    .inp_wrap ul ~ ul{margin-left: 0;margin-top: 5px;}
    .inp_wrap .w_185,
    .inp_wrap .w_400,
    .inp_wrap .w_595{max-width: 100%;}
    .inp_wrap ul li p{font-size: 0.769rem;}
    .inp_wrap .type1 .inp{max-width: 100%;width: calc(33.33% - 7px);}
    .inp_wrap .type1 li em{width: 10px;}
    .inp_wrap .type2 .inp{width: calc(50% - 8px);}
    .inp_wrap .type2 li em{width: 16px;}

    .write_tbl table input,
    .write_tbl table select,
    .write_tbl table textarea{padding: 0 10px;}
    .write_tbl table input,
    .write_tbl table select{height: 35px;}
    .write_tbl table select{background-size: 5px auto;}
    .write_tbl table textarea{height: 120px;}
    .write_tbl .terms{margin: 20px 0 40px;}
    .write_tbl .terms .tit p{line-height: 40px;padding: 0 15px;}
    .write_tbl .terms .con{padding: 15px;}
    .write_tbl .terms .con p{line-height: 1.4em;}
    .write_tbl .terms .chk_box{margin-top: 15px;}
    .write_tbl .terms .chk_box span{width: 16px;height: 16px;}
    .write_tbl .terms .chk_box input:checked ~ span{background-size: 12px auto;}
    .write_tbl .terms .chk_box p{margin-left: 5px;}

    .page{margin-top: 30px;}
    .page ul .num{margin: 0;}
    .page ul .num a{width: 30px;line-height: 30px;}
    .page ul .arr a{width: 30px;height: 30px;}
    .page ul .prev{margin-right: 0;}
    .page ul .next{margin-left: 0;}
    .page .rig_ab{position: static;margin-top: 30px;}

    .view_page{margin: 75px 0 40px;}
    .view_page .top{padding: 20px 15px;}
    .view_page .top .tit{font-size: 1.2rem;}
    .view_page .top .info{margin-top: 15px;}
    .view_page .top .info strong{font-size: 0.769rem;}
    .view_page .top .info span{font-size: 0.769rem;}
    .view_page .top .info em{margin: 0 10px;}
    .view_page .con_box{padding: 25px 15px;}
    .view_page .con_box .file{margin-bottom: 20px;}
    .view_page .con_box .file ul li ~ li{margin-top: 5px;}
    .view_page .con_box .file ul li a{padding: 0 15px;}
    .view_page .con_box .file ul li a span{line-height: 35px;background-size: 12px auto;padding-left: 20px;}
    .view_page .con_box .img{margin-bottom: 20px;}
    .view_page .con_box .txt{font-size: 0.923rem;line-height: 1.6em;}
    .view_page .bot{padding: 0 15px;}
    .view_page .bot a{line-height: 40px;font-size: 0.769rem;}
    .view_page .bot .prev{padding-left: 15px;background-size: 10px auto;}
    .view_page .bot .next{padding-right: 15px;background-size: 10px auto;}

    .tk{margin-top: 75px;}
    .tk .top .tit{font-size: 1.4rem;margin-bottom: 30px;}
    .tk .top .chk_inp button{width: 80px;height: 40px;margin-left: 5px;font-size: 0.923rem;}
    .tk .top .chk_inp input{width: calc(100% - 85px);height: 40px;}
    .tk .top{margin-bottom: 40px;}
    .tk .track ul li ~ li{margin-top: 40px;}
    .tk .track p{width: calc(55% - 30px);}
    .tk .track p img{width: 50px;}
    .tk .track strong{font-size: 1.2rem;}
    .tk .track span{font-size: 1rem;width: calc(45% - 30px);}
    .tk .track .ball{width: 20px;height: 20px;margin: 0 20px;}
    .tk .track .ball::before{width: 6px;height: 6px;}
    .tk .track .ball .line{width: 6px;margin-left: -3px;height: 84px;}
    .tk .track .ball::after{width: 30px;height: 30px;}

    .error{padding: 0 20px;}
    .error-mark{margin-bottom: 40px;}
    .error-mark img{width: 90px;}
    .error-txt strong{font-size:2rem;margin-bottom: 30px;}
    .error-txt span{font-size: 1.2rem;margin-bottom: 20px;}
    .error-txt p{font-size: 0.875rem;}
    .error-icon{margin-top: 50px;}
    .error-icon img{width: 260px;}

    .popup.privacy .top{height: 50px;}
    .popup.terms_coc .top{height: 70px;}
    .popup .top .close{right: 20px;background-size: 14px auto;}
    .popup.privacy .bot{height: calc(100% - 50px);}
    .popup.terms_coc .bot{height: calc(100% - 70px);}
    .popup .bot .con{padding: 20px;}
    .popup .box ~ .box{margin-top: 20px;padding-top: 20px;}
    .popup .box .txt{margin-bottom: 15px;}
    .popup .box strong{margin-bottom: 10px;}
    .popup .box p.num{padding-left: 15px;}
    .popup .box ul{margin-top: 5px;padding-left: 10px;}
    .popup .box ul li{padding-left: 15px;}
    .popup .box ul li ~ li{margin-top: 0;}
    .popup .box ul li span .ball{width: 4px;height: 4px;margin-top: calc(0.75em - 2px);}
    .popup .pop_tbl table th,
    .popup .pop_tbl table td{padding: 5px;}
}
@media all and (max-width:500px){
    .sub_top .svis.sv1{background-image: url(../images/msvis1.jpg);}
    .sub_top .svis.sv2{background-image: url(../images/msvis2.jpg);}
    .sub_top .svis.sv3{background-image: url(../images/msvis3.jpg);}
    .sub_top .svis.sv4{background-image: url(../images/msvis4.jpg);}
    .sub_top .svis.sv5{background-image: url(../images/msvis5.jpg);}
}