@charset "UTF-8"; 

 /*폰트베이스*/
 @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css"); 

 /*----------------------------------------------------*/
 /*reset
 /*----------------------------------------------------*/
 .main-body { margin:0; padding:0; overflow-x:hidden; font-size:16px; line-height:1.4; font-family:'Pretendard',sans-serif,"Circular Std Book"; -moz-osx-font-smoothing:antialiased; -webkit-font-smoothing:antialiased } 
 .main-body::selection { color:#fff; background-color:#6e3ebf } 
 .main-body::-moz-selection { color:#fff; background-color:#6e3ebf } 
 .main-body .container { max-width:1200px } 

 a,a:focus,a:hover { text-decoration:none } 
 .nav-ul ul,.nav-ul-block ul { margin:0; padding:0;display: flex; flex-direction: row;flex-wrap: nowrap;justify-content: space-between;} 
 .nav-ul ul li { list-style:none; display:inline-block } 
 .nav-ul-block ul li { list-style:none; display:block } 
 .container { max-width:1200px } [data-background] { background-size:cover; background-repeat:no-repeat; background-position:center center } 
 a{color:inherit}img{max-width:100%;height:auto}section{overflow:hidden}button{cursor:pointer}.form-control:focus,a.active,a:focus,a:hover,a:visited,button.active,button:focus,button:hover,button:visited,input.active,input:focus,input:hover,input:visited,select,select:focus,select:hover,select:visited,textarea:focus,textarea:hover{outline:0;box-shadow:none;text-decoration:none;color:inherit}.form-control{box-shadow:none}.relative-position{position:relative}.pera-content p{margin-bottom:0}.appeight-headline h1,.appeight-headline h2,.appeight-headline h3,.appeight-headline h4,.appeight-headline h5,.appeight-headline h6{margin:0;font-family:Pretendard}.ei-scrollup{width:55px;right:20px;z-index:5;height:55px;bottom:20px;display:none;position:fixed;border-radius:100%;line-height:55px;background-image:linear-gradient(-45deg,#e511e6 32%,#6b2c94 100%)}.ei-scrollup i{color:#fff;font-size:20px}li,ol,ul{list-style:none}blockquote,q{quotes:none}
 /*animation*/
 @keyframes scale { 
 from { 
 transform: scale(0.9); 
 -webkit-transform: scale(0.9); 
 } 
 to { 
 transform: scale(1.08); 
 -webkit-transform: scale(1.08); 
 } 
 } 
 @keyframes left-right-move { 
 0% { 
 transform: translateX(-100px); 
 } 
 50% { 
 transform: translateX(-10px); 
 } 
 100% { 
 transform: translateX(-100px); 
 } 
 } 

 @keyframes fadeFromLeft { 
 0% { 
 opacity: 0; 
 transform: translateX(-20px); 
 } 
 100% { 
 opacity: 1; 
 transform: translateX(0); 
 } 
 } 
 @keyframes fadeFromRight { 
 0% { 
 opacity: 0; 
 transform: translateX(20px); 
 } 
 100% { 
 opacity: 1; 
 transform: translateX(0); 
 } 
 } 
 @keyframes fadeFromUp { 
 0% { 
 opacity: 0; 
 transform: translateY(20px); 
 } 
 100% { 
 opacity: 1; 
 transform: translateY(0); 
 } 
 } 
 .fadeFromUp { 
 animation-name: fadeFromUp; 
 } 

 .fadeFromRight { 
 animation-name: fadeFromRight; 
 } 

 .fadeFromLeft { 
 animation-name: fadeFromLeft; 
 } 

 /*video */
 *{padding: 0; margin: 0;}

.video-section .video-btn-box .video-btn a{text-align:center;padding:12px 30px;color:#fff;font-size:14px;font-weight:700;font-family:"Noto sans kr";text-decoration:none}
.video-section .video-btn-box .vidoe-sound a{color:#fff;font-size:14px;font-weight:700;font-family:"Noto sans kr";text-decoration:none}
.video-section .video-btn-box .vidoe-sound{text-align:center;padding:12px 30px;}
.video-section{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;position:relative}
.video-section .video-container{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000}
.video-section .video-container video{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);object-fit:cover;min-width:100%;min-height:100%}
.video-section .video-btn-box .vidoe-sound{display:flex;border-radius:25px;border:2px solid #fff;margin-right:20px;background-color:rgba(0,0,0,.3);gap:5px;align-items:center;cursor:pointer}
.content-section{padding:2rem}
.video-section .video-icon{position:absolute;bottom:60px;left:50px;margin-left:-20px; z-index: 1;}
.video-section .video-btn-box{position:absolute;bottom:80px;display:flex;justify-content:flex-end;right:80px; z-index: 1;}
.video-section .video-btn-box .video-btn a{display:inline-block;border-radius:25px;border:2px solid #fff;background-color:rgba(0,0,0,.3)}

.video-section .video-icon{position:absolute;bottom:80px;left:50%;transform:translateX(-50%)}
.mouse-icon img{animation:2s ease-in-out infinite mouseUpDown}

@media screen and (max-width: 640px) {
  .video-section { height: 50vh;  }
  .video-section .video-container video { height: 100%; width: auto; min-width: 50%;}
  .video-section .video-icon{display: none;}
  .video-section .video-btn-box{right:0;left: 0; bottom:20px;justify-content:center !important;}
  .video-section .video-btn-box .video-btn a, .video-section .video-btn-box .vidoe-sound{font-size: 12px; padding: 8px 15px;}
  .video-section .video-btn-box .vidoe-sound a{font-size: 12px;}
}

@keyframes mouseUpDown {
    0%, 100% {
    transform: translateY(0);
    }
    50% {
    transform: translateY(20px);
    }
} 
 /*---------------------------------------------------- */
 /*Header area*/
 /*----------------------------------------------------*/

.nav-box{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;}
.main-header-sj { top:20px; width:100%; z-index:10; position:absolute } 
.main-header-sj .appheader-content { padding:0 280px } 
.main-header-sj .site-logo a{width: 195px; height: 30px; background: url("../images/w-logo.png") no-repeat center center; background-size: cover;font-size: 0;display: block;} 
.main-header-sj.eisticky-menu-bg-overlay .nav-ul .nav-link{color: #000;} 
.main-header-sj.eisticky-menu-bg-overlay .nav-ul .nav-link.active{color: #00aba1;} 
.main-header-sj.eisticky-menu-bg-overlay .site-logo a{width: 195px; height: 30px; background: url("../images/c-logo.png") no-repeat center center; background-size: cover;font-size: 0;display: block;}
.main-header-sj .appheader-content .navigation-sj { color:#fff; font-weight: 500; display:inline-block; font-family: 'Pretendard';} 
.main-header-sj .appheader-content .navigation-sj li {} 
.main-header-sj .navigation-sj li a {position:relative } 
.main-header-sj .navigation-sj li a.bt-dw{display: inline-block;color: #00aba1;border-radius: 25px; background-color: #FFF;}
.main-header-sj .navigation-sj li a.bt-dw:hover{background-color: #00aba1; color: #FFF;}
.main-header-sj.eisticky-menu-bg-overlay .navigation-sj a.bt-dw{display: inline-block;color: #FFF;border-radius: 25px; background-color: #00aba1;}
.main-header-sj.eisticky-menu-bg-overlay .navigation-sj a.bt-dw:hover, .main-header-sj.eisticky-menu-bg-overlay .navigation-sj a.bt-dw:active{ color: #facc00;}
.main-header-sj.eisticky-menu-bg-overlay .nav-ul .nav-link.bt-dw{color:#FFF}
.nav-box .nav-link{padding: 0.5rem 1.6rem;}



.main-header-sj .appheader-content .sign-up-btn-sj { height:40px; width:110px; line-height:40px; border-radius:20px; justify-content:center; background-color:#29f5eb; transition:.3s ease-in-out } 
.main-header-sj .appheader-content .sign-up-btn-sj a { font-weight:600; display:block; width:100% } 
 .main-header-sj .appheader-content .sign-up-btn-sj:hover { background-color:#009cff } 
 .main-header-sj .appheader-content .sign-up-btn-sj:hover a { color:#fff } 
 .main-header-sj .appheader-content .h-sj-social { padding-top:10px; margin-left:40px } 
 .main-header-sj .appheader-content .h-sj-social li { margin-left:18px; color:#fff; transition:.3s ease-in-out } 
 .main-header-sj .appheader-content .h-sj-social li:hover { transform:translateY(-5px) } 
 .main-header-sj .appheader-content .dropdown { position:relative } 
 .main-header-sj .appheader-content .dropdown:after { content:""; position:absolute; right:-10px; top:0; transition:.3s ease-in-out; font-family:"Font Awesome 5 Free"; font-weight:900 } 
 .main-header-sj .appheader-content .dropdown .dropdown-menu { top:65px; left:0; opacity:0; z-index:100; margin:0; padding:10px 0 0; height:auto; width:200px; display:block; border:2px solid #FFF; visibility:hidden; position:absolute; background-color:#fff; transition:.4s ease-in-out; box-shadow:0 5px 10px 0 rgba(83,82,82,.1); border-radius:5px } 
 .main-header-sj .appheader-content .dropdown .dropdown-menu li { width:100%; padding:10px 15px; border-bottom:1px solid #e5e5e5 } 
 .main-header-sj .appheader-content .dropdown .dropdown-menu li a { color:#343434; font-size:14px; padding:10px 0; position:relative; transition:.3s ease-in-out } 
 .main-header-sj .appheader-content .dropdown .dropdown-menu li a:after { left:0; top:15px; width:8px; height:8px; content:""; position:absolute; border-radius:100%; transform:scale(0); background-color:#73299a; transition:.3s ease-in-out } 
 .main-header-sj .appheader-content .dropdown .dropdown-menu li a:hover { padding-left:15px } 
 .main-header-sj .appheader-content .dropdown .dropdown-menu li a:hover:after { transform:scale(1) } 
 .main-header-sj .appheader-content .dropdown:hover .dropdown-menu { top:48px; opacity:1; visibility:visible } 


 /* -------------------------------- 
 Sticky Menu
 -------------------------------- */
 .eisticky-menu-bg-overlay{background-color:#FFF;animation-duration:.7s;animation-fill-mode:both;animation-name:fadeInDown;position:fixed;top:0;padding:15px 0;animation-timing-function:ease;transition:.3s ease-in-out}
 .main-header-sj.eisticky-menu-bg-overlay{z-index:999;top:0;box-shadow:0 0 20px -10px rgba(0,0,0,.8)}


 /*---------------------------------------------------- */
 /*Mobile-Menu area*/
 /*----------------------------------------------------*/
 .appi-ei-mobile_menu_content{top:0;bottom:0;right:-350px;height:100vh;z-index:101;position:fixed;width:280px;overflow-y:scroll;background-color:#fff;padding:40px 0;box-shadow:0 3px 5px rgba(100,100,100,.19);transition:.5s ease-in}
 .appi-ei-mobile_menu_content .appi-ei-mobile-main-navigation,.appi-ei-mobile_menu_content .appi-ei-mobile-main-navigation .navbar-nav{width:100%}
 .appi-ei-mobile_menu_content .navbar-nav .dropdown-menu{position:static!important;transform:none!important}
 .appi-ei-mobile_menu_content .appi-ei-mobile-main-navigation .navbar-nav li{width:100%;display:block;transition:.3s ease-in-out;border-bottom:1px solid #dcdcdc}
 .appi-ei-mobile_menu_content .appi-ei-mobile-main-navigation .navbar-nav li:first-child{border-top:1px solid #dcdcdc}
.appi-ei-mobile_menu_content .appi-ei-mobile-main-navigation .navbar-nav li a{color:#000;padding:5px 30px;width:100%;display:block;font-size:14px;font-weight:400;text-transform:uppercase}
.appi-ei-mobile_menu_content .m-brand-logo{width:140px;margin:0 auto 30px}
.appi-ei-mobile_menu_wrap.mobile_menu_on .appi-ei-mobile_menu_content{right:0;transition:.7s ease-out}
.mobile_menu_overlay{top:0;width:100%;position:fixed;z-index:100;right:0;height:120vh;opacity:0;visibility:hidden;background-color:rgba(0,0,0,.9);transition:.5s ease-in-out}
.mobile_menu_overlay_on{overflow:hidden}
.appi-ei-mobile_menu .appi-ei-mobile-main-navigation .dropdown>.dropdown-menu,.appi-ei-mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay{opacity:1;visibility:visible}
.appi-ei-mobile_menu_button{position:absolute;display:none;right:30px;cursor:pointer;line-height:40px;color:#fff;text-align:center;font-size:30px;top:-5px;z-index:5}
.appi-ei-mobile_menu .appi-ei-mobile-main-navigation .navbar-nav li a:after{display:none}
.appi-ei-mobile_menu .appi-ei-mobile_menu_content .appi-ei-mobile-main-navigation .navbar-nav .dropdown-menu{border:none;display:none;transition:none;box-shadow:none;padding:5px 0;width:100%;border-top:1px solid #dcdcdc}
.appi-ei-mobile_menu .appi-ei-mobile_menu_content .appi-ei-mobile-main-navigation .navbar-nav .dropdown-menu li{border:none;padding:0 20px;line-height:1}
.appi-ei-mobile_menu .dropdown{position:relative}
.appi-ei-mobile_menu .dropdown .dropdown-btn{position:absolute;top:0;right:0;height:30px;padding:5px 10px}
.appi-ei-mobile_menu .dropdown .dropdown-btn:before{content:"";position:absolute;height:100%;width:1px;top:0;left:0;background-color:#dcdcdc}
.appi-ei-mobile_menu .appi-ei-mobile_menu_close{color:#000;cursor:pointer;top:15px;left:15px;font-size:20px;position:absolute}
.mobile-menu{display: none;}

/*about*/
.eg-fun-fact-section{}
.eg-fun-fact-section .fn-bg-shape{bottom:0;left:0;z-index: -9;}
.eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number{width:50%;float:left;padding:25px 0 30px}
.eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number .odometer{font-size:50px;font-family:Poppins;font-weight:600}
.eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number .odometer-formatting-mark{display:none}
.eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number p{font-size:26px;max-width:130px;margin:0 auto;line-height:1.231}
.eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number strong{top:8px;line-height:1;font-size:50px;font-weight:600;position:relative}
.flex-earth{ background-image: url(../images/earth_bg.png); background-repeat: no-repeat;background-position: -400px top;  padding: 0px 0 0 0; overflow: hidden;height: 980px; width: 100%;position: relative;}
                        
.flex-earth .earth-left{}
.flex-earth .earth-img{position: absolute;left:160px;bottom: -40px;}
.flex-earth .earth-right{width: 70%;background-image: url(../images/earth_txt_bg.png); background-repeat: no-repeat;background-position: 0 top; overflow: hidden;float: right;}
.earth-right .earth-tit{padding: 130px 0 130px 200px;}
.earth-right .earth-txtbx{margin-left: 300px;position: relative;margin-top: 30px;}
.earth-txtbx .earth-icon{position: absolute;left: 0; top: 0; width: 80px; height: 80px;}
.earth-txtbx .earth-txt{display: block;padding-left: 100px;padding-top: 10px; letter-spacing: -1px;}
.earth-txtbx .earth-txt em{font-size: 22px; font-weight: 500;font-style: normal; margin-bottom: 10px;}
.earth-txtbx .earth-txt .earth-num{font-size: 34px;font-weight: 300;line-height: 40px;}
.earth-txtbx .earth-txt .earth-num span.odometer{font-size: 40px;font-weight: 700; margin-left: 10px; margin-right: 10px;}
.earth-tit h1{padding-bottom:15px; font-size: 70px; letter-spacing: -2px;font-weight: 300; line-height: 72px;}
.earth-tit h1 span{font-weight: 700; color: #00aba1;}
.earth-txtbx2{width: 340px;font-size: 22px; font-weight: 400; letter-spacing: -1px; text-align: justify; margin-top:40px; margin-left: 320px; margin-bottom: 50px;}
.mobile-earth{display: none;}
.mobile-earth .mob-earth-img{z-index: 2;}
.mobile-earth .waveWrapper{z-index: 1;}


/*service*/

@keyframes move_wave {
  0% {
    transform: translateX(0) translateZ(0) scaleY(1);
  }
  50% {
    transform: translateX(-25%) translateZ(0) scaleY(0.55);
  }
  100% {
    transform: translateX(-50%) translateZ(0) scaleY(1);
  }
}
.service-wave{position: relative; height:800px;margin-bottom: 100px;}
.service-wave .waveWrapper{overflow:hidden;position:absolute;left:0;right:0;bottom:0;top:0;z-index:0;margin:auto}
.service-wave .waveWrapperInner{position:absolute;width:100%;overflow:hidden;height:100%;bottom:-1px;background:#00aba1}
.service-wave .bgTop{z-index:15;opacity:.5}
.service-wave .bgMiddle{z-index:10;opacity:.75}
.service-wave .bgBottom{z-index:5}
.service-wave .wave{position:absolute;left:0;width:200%;height:100%;background-repeat:repeat no-repeat;background-position:0 bottom;transform-origin:center bottom}
.service-wave .waveBottom,.service-wave .waveTop{background-size:50% 100px}
.service-wave .waveAnimation .waveTop{animation:3s 1s move-wave;-webkit-animation:3s move-wave}
.service-wave .waveMiddle{background-size:50% 120px}
.service-wave .waveAnimation .waveMiddle{animation:30s linear infinite move_wave}
.service-wave .waveAnimation .waveBottom{animation:15s linear infinite move_wave}
.service-wrap .service-wave{padding: 130px 0;}
.service-wrap .service-wave .svc_txtbx{display: flex;flex-direction: column; flex-wrap: wrap;z-index: 99;position: relative;}
.service-wrap .service-wave h1.service_tit{z-index: 20; text-align: center; color: #faf300; font-size: 48px; font-weight: 700;margin-bottom: 40px;}
.service-wrap .service-wave .service_tit i{vertical-align: top; padding-left: 10px; }
.service-wrap .service-wave .service_txt{color: #FFF; font-size: 24px; text-align: center; line-height: 38px;}
.service-wrap .service-wave .service_icon{display: flex;width: 500px;flex-direction: row;justify-content: space-between;flex-wrap: wrap;text-align: center; margin: 90px auto 40px auto;}
.service-wrap .service-wave .service_icon span{display: block;font-size: 18px; color: #FFF; font-weight: 300;padding-top: 10px;}
.service-wrap .service-wave .service_pc{width: auto;margin: auto; margin-bottom: 110px;}

.service-wrap .service_two{padding-top: 100px;position: relative; text-align: center;letter-spacing: -1px;}
.service-wrap .service_two .svc_label{padding: 8px 30px; background-color: #00aba1;font-size:22px; color: #FFF; text-align: center; display: inline;border-radius: 25px; margin-bottom: 40px;} 
.service-wrap .service_two .svc_label img{width:28px;} 
.service-wrap .service_two h1{font-size: 48px; color: #000; letter-spacing: -1px; margin-bottom: 40px; text-align: center; margin-top: 40px;font-weight: 700;}
.service-wrap .service_two .svc_txt{color: #000; font-size: 24px; text-align: center; line-height: 38px;}
.service-wrap .service_two .svc-iconbx{position: relative;display: flex;flex-direction: row; flex-wrap: nowrap; justify-content: center;clear: both; margin-top: 80px;}
.service-wrap .service_two .svc-iconbx li span{text-align: center;display: inline-block;font-size: 20px; font-weight: 700;border-radius: 25px; width: 50px; height: 50px; background-color: #FFF;position: absolute;left:50%; margin-left:-25px;top:-25px; line-height:43px;}
.service-wrap .service_two .svc-iconbx li{padding:40px 10px;width:160px ;  margin:10px;text-align: center;font-size: 20px; font-weight: 500; border-radius: 25px;position: relative;color: #FFF;}

.service-wrap .service_two .svc-icon-con{position: relative; height: 720px; overflow: hidden;background-image: url(../images/zero-img.png);background-position:center 100px; background-repeat: no-repeat;}
.service-wrap .service_two .svc-svc-iconbx span{}
.service-wrap .service_two .svc-iconbx li:nth-child(1){background-color: #89cb52;}
.service-wrap .service_two .svc-iconbx li:nth-child(2){background-color: #06aca3;}
.service-wrap .service_two .svc-iconbx li:nth-child(3){background-color: #16c8d5;}
.service-wrap .service_two .svc-iconbx li:nth-child(4){background-color: #249ad4;}
.service-wrap .service_two .svc-iconbx li:nth-child(5){background-color: #3d78ce;}

.service-wrap .service_two .svc-iconbx li:nth-child(1) span{color: #89cb52; border: solid 3px #89cb52;}
.service-wrap .service_two .svc-iconbx li:nth-child(2) span{color: #06aca3;border: solid 3px #06aca3;}
.service-wrap .service_two .svc-iconbx li:nth-child(3) span{color: #16c8d5;border: solid 3px #16c8d5;}
.service-wrap .service_two .svc-iconbx li:nth-child(4) span{color: #249ad4;border: solid 3px #249ad4;}
.service-wrap .service_two .svc-iconbx li:nth-child(5) span{color: #3d78ce;border: solid 3px #3d78ce;}
.service-wrap .service_two .icon-img{text-align: center;padding-left: 40%;}


.service_process{background-color:#eef3f2; position: relative;padding-top:130px;}
.service_process h1{font-size: 48px; color: #000; letter-spacing: -1px; margin-bottom: 40px; text-align: center;font-weight: 700;}
.service_process .process{position: relative;display: flex;flex-direction: row;flex-wrap: nowrap;margin-top: 120px;padding-bottom: 200px;}
.service_process .process .pro-line01{position: absolute;top:125px; left:242px}
.service_process .process .pro-line02{position: absolute;top:125px;right:242px}
.service_process .process .pro-line03{position: absolute;top:310px; left:168px}
.service_process .process .pro-line04{position: absolute;top:310px;right:168px}

.service_process .process .pro-item01{position: relative; text-align: left; width: 470px;}
.service_process .process .pro-item01 .item01-txt{position: absolute;top:-5px;left:185px;}
.service_process .process .pro-item02{position: relative;padding-top:121px; width: 234px; text-align: center;}
.service_process .process .pro-item03{position: relative;text-align: right;width: 470px;}
.service_process .process .pro-item03 .item03-txt{position: absolute;top:-5px;right:185px;}

.service_function{background: url(../images/service-four-bg.png) no-repeat; background-size: cover;padding:130px 0; background-position: right top;}
.service_function .svc_funbx{width: 50%;}
.service_function .svc_funbx h1{font-size: 48px;color:#FFF; margin-bottom: 40px; font-weight: 700;letter-spacing: -1px; text-align: left;}
.service_function .svc_funbx .svc_funtxt{font-size: 24px; line-height: 38px;color:#FFF; padding-right: 40px;}
.service_function .svc_funbx .fun-iconbx{margin-top: 60px; display: flex;flex-direction: row;flex-wrap: wrap;}
.service_function .svc_funbx .fun-iconbx .fun-icon{width: 30%; box-sizing: border-box;text-align: center;display: block;border-radius: 25px; background-color: #FFF;padding: 30px 20px; margin-right:3%; margin-bottom: 3%;}
.service_function .svc_funbx .fun-iconbx .fun-icon span{font-size: 18px; color: #00aba1;display: block;}


/*---------------------------------------------------- */
 /*앱다운로드*/
 /*----------------------------------------------------*/


.app-download{background-color: #FFF; position: relative; margin-top: 130px;}
.app-download h1{text-align: center;font-size: 48px; margin-bottom: 40px; font-weight: 700;}
.app-download h1 span{display: inline-block;color:#00aba1}
.app-download .app-txtbx{font-size: 24px; text-align: center; line-height: 38px;color: #000; }
.app-download .qr-bx{z-index: 99;}
.app-download .app-imgbx{margin-top: 80px;position: relative;display:flex;flex-direction: row;flex-wrap: nowrap;align-items: center;}
.app-download .app-qr{text-align: center;display: inline-block;margin-left: 20px; margin-bottom: 40px;}
.app-download .app-qr img{width:120px}
.app-download .app-qr a img{width:200px}
.app-download .app-img{z-index: 20;}
.app-download .app-qr a{display:block; margin-top: 20px;}
.app-wave-bottom{}

.app-wave-bottom{position: relative;}

.wave-box {position: relative; height:230px;margin-top: -100px; background-color: #00aba1; }
.wave-box .wave-top{position: absolute;width: 100%; height: 120px;top:-120px}
.wave-box  .waveWrapper{overflow:hidden;position:absolute;left:0;right:0;bottom:0;top:0;z-index:0;margin:auto}
.wave-box  .waveWrapperInner{position:absolute;width:100%;overflow:hidden;height:100%;bottom:-1px;background:#FFF}
.wave-box  .bgTop{z-index:15;opacity:.5}
.wave-box  .bgMiddle{z-index:10;opacity:.75}
.wave-box  .bgBottom{z-index:5}
.wave-box  .wave{position:absolute;left:0;width:200%;height:100%;background-repeat:repeat no-repeat;background-position:0 bottom;transform-origin:center bottom}
.wave-box  .waveBottom,.wave-box  .waveTop{background-size:50% 100px}
.wave-box  .waveAnimation .waveTop{animation:3s 1s move-wave;-webkit-animation:3s move-wave}
.wave-box  .waveMiddle{background-size:50% 120px}
.wave-box  .waveAnimation .waveMiddle{animation:30s linear infinite move_wave}
.wave-box  .waveAnimation .waveBottom{animation:15s linear infinite move_wave}

/*---------------------------------------------------- */
 /*센터안내*/
 /*----------------------------------------------------*/
.thezero-center{background-color: #f0f4f3;position: relative;padding:130px 0;}
.thezero-center h1{text-align: center;font-size: 48px; margin-bottom: 40px; font-weight: 700;} 
.thezero-center h1 span{display: inline-block;color:#00aba1}
.thezero-center .center-txt{font-size: 24px; text-align: center; line-height: 38px;color: #000; }
.thezero-center .center-txt em{display: inline-block;color:#00aba1;font-style: normal;}
.thezero-center .centerbx{margin-top: 80px;position: relative;display:flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content:center;}
.thezero-center .centerbx a {margin-right: 20px; text-align: center;}
.thezero-center .centerbx img{display: block;text-align: center;width: auto; margin: auto; padding: 0 40px;}
.thezero-center .centerbx span{display: block;padding-top:20px; font-size: 24px; font-weight: 700;}
.thezero-center .centerbx em{font-style: normal; display: block;font-size: 18px; font-weight: 300;}

/**request**/
.request_con {background-color: #FFF;position: relative;padding:130px 0;}
.request_con h1{color: #00aba1;text-align: left;font-size: 72px; margin-bottom: 40px; font-weight: 700;}
.request_con .request-txtbx{font-size: 36px; text-align: left; line-height: 48px;color: #000; margin-bottom: 100px;letter-spacing: -2px;font-weight: 300;}
.request_con .request-txtbx span{font-weight: 700;font-size: 38px; font-family:'Pretendard'!important;}




/***footer*/
footer{position: relative;width: 100%; background-color:#f0f0f0; color:#282828; font-size: 16px; font-weight: 500; text-align: center; line-height: 30px; padding: 50px 0;}



 /*---------------------------------------------------- */
 /*Responsive area*/
 /*----------------------------------------------------*/
 @media screen and (max-width: 1600px) { 
    .flex-earth .earth-img{left:80px;}
 }



 @media screen and (max-width: 1440px) { 
 .main-header-sj .appheader-content { 
 padding: 0px 40px; 
 } 
 .flex-earth .earth-img{left:50px; width: 60%;}
 .flex-earth .earth-img{bottom:unset; top:100px}
 .ei-service-slide-mbl { 
 right: 0; 
 } 
 .main-header-sj .appheader-content .site-logo img{ 
 width: 190px; 
 } 

 } 


 @media screen and (max-width: 1280px) { 
 .main-header-sj .appheader-content .site-logo {  margin-right: 155px;  } 
 .earth-right .earth-txtbx{margin-left:250px; letter-spacing: -2px;}
 .earth-txtbx2{margin-left: 265px; letter-spacing: -1px; width: 310px;font-size: 20px;}
 .flex-earth .earth-right{width:85%;}
 .earth-right .earth-tit{padding:130px 0 70px 240px;}
 .flex-earth .earth-img{bottom:unset; top:100px;left:50px; width: 50%;}
 } 


 @media screen and (max-width: 1199px) { 
 .main-header-sj .appheader-content .site-logo {
 margin-right: 115px; 
 } 

 } 

 @media screen and (max-width: 1199px) { 
 .main-header-sj .appheader-content .site-logo { 
 margin-right: 115px;  } 
 .eg-fun-fact-section .eg-fun-fact-mockup{left:-30px;}
 .flex-earth .earth-right{width:80%;}
  .earth-right .earth-tit{padding:80px 0 80px 200px;}
  .earth-tit h1{font-size: 60px; line-height: 65px;}
  .earth-txtbx .earth-icon{width: 60px; height: 60px;}
  .earth-txtbx .earth-txt{padding-left: 65px; padding-top: 0;}
  .earth-txtbx .earth-txt em{font-size: 18px;}
  .earth-txtbx .earth-txt .earth-num{font-size: 28px; line-height: 30px;}
  .earth-txtbx .earth-txt .earth-num span.odometer{font-size: 34px; margin-left: 5px; margin-right: 5px;}
  .earth-right .earth-txtbx{margin-top: 20px;}
  .earth-txtbx2{font-size: 18px; width: 265px;}
  .flex-earth .earth-img{bottom:unset; top:100px}
  .flex-earth .earth-right{background-size: cover;}
  .flex-earth{height:790px;}
 } 

 @media screen and (min-width: 767px) and (max-width: 1024px) { 
    .service-wrap .service-wave h1.service_tit{font-size: 36px; margin-bottom: 20px;}
    .service-wrap .service-wave .service_tit i img{height: 35px;}
    .service-wrap .service-wave .service_txt{font-size: 18px; line-height: 30px;}
    .service-wrap .service-wave .service_icon{ margin: 40px auto; width: 450px;}
    .service-wrap .service-wave .service_icon span{font-size: 16px;}
    .service-wrap .service-wave{padding:80px 0;}
    .service-wave{height: 640px;}
    .service-wrap .service_two{padding-top:0px}
    .service-wrap .service_two h1{font-size: 36px;}
    .service-wrap .service_two .svc_txt{font-size: 18px; line-height: 30px;}
    .service-wrap .service_two .svc-iconbx{margin-top:40px;}
    .service-wrap .service_two .svc-icon-con{width: 82%; margin: auto; background-size:contain; height: auto;}
    .service-wrap .service_two .svc-iconbx li span{font-size: 16px; width: 40px; height: 40px; line-height: 34px;margin-left: -22px;}
    .service-wrap .service_two .svc-iconbx li{font-size: 15px; padding: 20px 10px;}
    .service-wrap .service_two .icon-img img{width: 300px;}

    .service_function{background-position: 80% top;}
    .service_function .svc_funbx{width: 70%; margin: auto;}
    .service_function .svc_funbx h1{font-size: 36px;margin-bottom: 20px; }
    .service_function .svc_funbx .svc_funtxt{font-size: 18px; line-height: 24px;width: 440px;}
    .service_function .svc_funbx .fun-iconbx{margin-top: 40px;}
    .service_function .svc_funbx .fun-iconbx .fun-icon{width: 30%;padding:15px 5px; margin-right:3%; margin-bottom: 3%;}
    .service_function .svc_funbx .fun-iconbx .fun-icon span{font-size: 18px; color: #00aba1;display: block;}

    .app-download h1{font-size: 36px; margin-bottom: 20px;}
    .app-download .app-txtbx{font-size: 18px; line-height: 24px;}
    .app-download .app-img{width: 55%;}
    .app-download .app-qr .qrnone{display: none;}
    .app-download .app-imgbx{margin-top: 40px;}
    .wave-box{height: 150px;}

    .thezero-center h1{font-size: 36px; margin-bottom: 20px;}
    .thezero-center .center-txt{font-size: 18px; line-height: 24px;}
 }




 @media screen and (max-width: 1024px) { 
    .flex-earth{height: 745px; background-size: contain;}
    .flex-earth .earth-img{left:0px;width: 50%;}
 .main-header-sj .appheader-content .site-logo { 
 margin-right: 20px
 } 
 .main-header-sj .appheader-content .navigation-sj li { 
 margin-right: 10px; 
 } 
 .main-header-sj .appheader-content .h-sj-social { 
 margin-left: 0; 
 }
  .flex-earth .earth-right{width:90%;}
  .earth-right .earth-tit{padding:70px 0 70px 200px;}
  .earth-tit h1{font-size: 50px; line-height: 55px;}
  .earth-txtbx .earth-icon{width: 50px; height: 50px;}
  .earth-txtbx .earth-txt{padding-left: 65px; padding-top: 0;}
  .earth-txtbx .earth-txt em{font-size: 18px;}
  .earth-txtbx .earth-txt .earth-num{font-size: 24px; line-height: 26px;}
  .earth-txtbx .earth-txt .earth-num span.odometer{font-size: 26px; margin-left: 5px; margin-right: 5px;}
  .earth-right .earth-txtbx{margin-top: 20px;}
  .earth-txtbx2{font-size: 18px; width: 265px;}
  .flex-earth .earth-img{bottom: 30px;}
  .flex-earth .earth-right{background-size: cover;}
  .flex-earth{height:680px;}
  .service_process h1{font-size: 36px;}
 } 





 @media screen and (max-width: 991px) { 
.mobile-menu{display: block;}
.mobile-menu{position: fixed; left: 0;right: 0;bottom: 0; width: 100%; background-color: #FFF;box-shadow: 0 0 5px 8px rgba(0, 0, 0, 0.2); z-index: 999;}
.mobile-menu ul{position: relative;display: flex;flex-wrap: nowrap;justify-content: space-between;margin: 0;padding: 0;}
.mobile-menu ul li{ width: 20%;display: block; text-align: center;}
.mobile-menu ul li a{display: flex;flex-direction: column; flex-wrap: nowrap;justify-content: center;align-items: center;}
.mobile-menu ul li a i{height:32px;width: 38px;font-size: 0;background-size: cover;background-repeat: no-repeat;}
.mobile-menu ul li img{width: 38px;}
.mobile-menu ul li a span{display: block;font-size: 12px;}
.mobile-menu ul li .nav-link.active{color: #00aba1;}
.mobile-menu ul li a i.bt-bg01{background-image: url(../images/menu-home.png);}
.mobile-menu ul li a i.bt-bg02{background-image: url(../images/menu-about.png);}
.mobile-menu ul li a i.bt-bg03{background-image: url(../images/menu-service.png);}
.mobile-menu ul li a i.bt-bg04{background-image: url(../images/menu-request.png);}
.mobile-menu ul li a i.bt-bg05{background-image: url(../images/menu-download.png);}

.mobile-menu ul li a.active i.bt-bg01{background-image: url(../images/menu-home-over.png);}
.mobile-menu ul li a.active i.bt-bg02{background-image: url(../images/menu-about-over.png);}
.mobile-menu ul li a.active i.bt-bg03{background-image: url(../images/menu-service-over.png);}
.mobile-menu ul li a.active i.bt-bg04{background-image: url(../images/menu-request-over.png);}
.mobile-menu ul li a.active i.bt-bg05{background-image: url(../images/menu-download-over.png);}
.flex-earth .earth-right{width:100%; background: none; margin: auto; background-color: #f5f5f5;}
.earth-right .earth-tit{padding:50px;}
.flex-earth{background: none; }
.earth-right .earth-txtbx{margin-left: 0px;}
.earth-txtbx2{margin-left: 0px;}
.flex-earth .earth-img{left: unset; right: -50px; width: 50%; top:40px;}

 .main-header-sj .appheader-content .navigation-sj { display: none;  } 
 
 .main-header-sj .appheader-content .h-sj-social { 
 display: none; 
 } 
 .eg-fun-fact-section{}
 .appi-ei-mobile_menu_button { 
 display: block; 
 } 
 
 .main-header-sj .appheader-content { 
 padding: 0px 20px; 
 } 
 
 .main-header-sj .appheader-content .sign-up-btn-sj { 
 margin-right: 50px; 
 } 
  .bt-mobile a{padding: 5px 4px; display: inline-block;}
 .bt-mobile a img{width: 50px;}
 .main-header-sj .site-logo a {margin-top: 15px;}
 .eg-fun-fact-section .eg-fun-fact-mockup {
    position: absolute;
    margin-bottom: 40px;
    left: 10%;
    right: -10%;
    width: auto;
  }
  .eg-fun-fact-section .fn-bg-shape{display: none;}
  .eg-fun-fact-section .eg-funfact-text {
    float: none !important;
  }
  footer{font-size: 14px; line-height: 24px; padding: 40px 40px 100px 40px; font-weight: 400;letter-spacing: -1px; }
footer br{display: none;}

 }






 @media screen and (min-width: 890px) and (max-width: 1199px) { 
    .service_process .process .pro-line01 img, .service_process .process .pro-line02 img, .service_process .process .pro-line03 img, .service_process .process .pro-line04 img{width: 90%;}
    .service_process .process .pro-line01 {left:150px; top:115px;} 
    .service_process .process .pro-line02 {right:137px; top:115px;}
    .service_process .process .pro-line03 {left:82px;top:227px;}
    .service_process .process .pro-line04 {right:43px;top:225px}
    .service_process .process .pro-item01 img,.service_process .process .pro-item02 img,.service_process .process .pro-item03 img{ width: 160px;}
 .service_process .process .pro-item01 .item01-txt{top:-2px; left:129px}
 .service_process .process .pro-item03 .item03-txt{top:-2px; right:130px}
 .service_process .process .pro-item02{top:78px;padding-top: 0px;}
 }

 @media screen and (min-width: 768px) and (max-width: 889px)  { 
    .service_process .process .pro-line01 img, .service_process .process .pro-line02 img, .service_process .process .pro-line03 img, .service_process .process .pro-line04 img{width: 65%;}
    .service_process .process .pro-line01 {left:150px; top:100px} 
    .service_process .process .pro-line02 {right:80px; top:100px;}
    .service_process .process .pro-line03 {left:108px;top:227px;}
    .service_process .process .pro-line04 {right:-25px;top:225px}
    .service_process .process .pro-item01 img,.service_process .process .pro-item02 img,.service_process .process .pro-item03 img{ width: 160px;}
 .service_process .process .pro-item01 .item01-txt{top:-2px; left:129px}
 .service_process .process .pro-item03 .item03-txt{top:-2px; right:130px}
 .service_process .process .pro-item02{top:78px;padding-top: 0px;}

 }

 @media screen and (max-width: 767px) {

.earth-right .earth-tit{padding:70px;}
.flex-earth .earth-img{left: unset; right: -100px; width: 70%; top:unset; bottom: 50px;}
.service_process .process .pro-line01, .service_process .process .pro-line02, .service_process .process .pro-line03, .service_process .process .pro-line04{display: none;}
.service_process .process{flex-direction: column;align-items:center}
.service_process .process .pro-item01, .service_process .process .pro-item02, .service_process .process .pro-item03{text-align: center;}
.service_process .process .pro-item01 .item01-txt, .service_process .process .pro-item03 .item03-txt{position: relative; width: 200px;display: block; margin: auto;top:unset;left:unset;padding-bottom: 10px;right:unset}
.service_process .process .pro-item02{padding-top:0}

.service-wrap .service-wave h1.service_tit{font-size: 28px; margin-bottom: 20px;}
.service-wrap .service-wave .service_tit i img{height: 24px;display: none;}
.service-wrap .service-wave .service_txt{font-size: 16px; line-height: 24px; width: 380px; margin: auto;text-align:justify}
.service-wrap .service-wave .service_txt br{display: none;}
.service-wrap .service-wave .service_icon{ margin: 40px auto; width: 350px;}
.service-wrap .service-wave .service_icon span{font-size: 16px;}
.service-wrap .service-wave{padding:80px 0;}
.service-wave{height: 530px;}
.service-wrap .service_two{padding-top:65px}
.service-wrap .service_two h1{font-size: 28px;}
.service-wrap .service_two .svc_txt{font-size: 18px; line-height: 30px;}
.service-wrap .service_two .svc-iconbx{margin-top:40px;}
.service-wrap .service_two .svc-icon-con{width: 82%; margin: auto; background-size:contain; height: auto;background-position: 0 80%;}
.service-wrap .service_two .svc-iconbx li span{font-size: 16px; width: 40px; height: 40px; line-height: 34px;margin-left: -22px;}
.service-wrap .service_two .svc-iconbx li{font-size: 15px; padding: 20px 10px;}
.service-wrap .service_two .icon-img img{width: 300px;}
.service-wrap .service_two h1{margin-top: 20px; margin-bottom: 20px;}
.service-wrap .service_two .svc_label{font-size: 18px;}
.service-wrap .service_two .svc_txt{font-size: 16px; line-height: 24px; width: 380px; margin: auto; text-align: justify;}
.service-wrap .service_two .svc_txt br{display: none;}
.service-wrap .service_two .svc-iconbx{flex-direction: row;flex-wrap: wrap; justify-content: flex-start; }
.service-wrap .service_two .svc-iconbx li{ margin-bottom: 30px; width: 46%; margin: 15px 2%;}
.service-wrap .service_two .icon-img{padding-left: 45%; margin-top: -50px;}
.service_process{}
.service_process h1{margin-bottom: 20px;font-size: 28px;}
.service_process .process{margin-top: 40px;}

.service_function{background-color: #00aba1; background-image: none;}
.service_function .svc_funbx h1{font-size: 28px; margin-bottom: 20px;}
.service_function .svc_funbx .svc_funtxt{font-size: 16px; line-height: 24px;}
.service_function .svc_funbx{width: 80%; margin: auto;}
.service_function .svc_funbx .fun-iconbx{margin-top: 40px;}
.service_function .svc_funbx .fun-iconbx .fun-icon{padding:20px 10px}
.service_function .svc_funbx .fun-iconbx .fun-icon span{font-size: 15px;}
.app-download h1{font-size: 28px; margin-bottom: 20px;}
.app-download .app-txtbx{font-size: 16px; line-height: 24px;}
.app-download .qrnone{display: none;}
.app-download .app-imgbx{margin-top: 40px;padding-bottom: 80px;}
.app-download .app-qr a img{width: 150px;}
.app-download .app-qr{margin-bottom: 20px;}
.thezero-center h1{font-size: 28px; margin-bottom: 20px;}
.thezero-center .center-txt{font-size: 16px; line-height: 24px;}
.thezero-center .centerbx{margin-top: 40px;}
.thezero-center .centerbx img{padding: 0 20px;}
.thezero-center .centerbx a{width:140px ;}
.thezero-center .centerbx span{font-size: 20px;}
.thezero-center .centerbx em{font-size: 13px;}
 }





 @media screen and (min-width: 768px){
    .service_process .process .pro-item02 .m-arrow02, .service_process .process .pro-item02 .m-arrow01{display: none;}
    

 }


 @media screen and (max-width: 580px) {
 .req-inp-radio #errorText{bottom:-42px !important;}
.req-info h4{margin-top: 50px;}
.flex-earth{height: auto;}
.earth-right .earth-tit{padding:40px 15px 40px;}
.flex-earth .earth-img{left: unset; right: -100px; width: 70%; top:unset; bottom: 50px;}
.earth-right .earth-txtbx{margin-left:auto;text-align: left;width: 80%;}
.earth-txtbx2{width: auto;margin-bottom: 40px;}
.earth-tit h1{font-size: 40px; line-height: 48px;}
.earth-txtbx .earth-txt em{font-size: 14px;}
.earth-txtbx .earth-txt .earth-num{font-size: 20px; line-height: 24px;}
.earth-txtbx .earth-txt .earth-num span.odometer{font-size: 22px;}
.earth-txtbx2{font-size: 14px;}
.earth-left{display: none;}
.mobile-earth{display: block; position: relative;background-image: url(../images/earth_bg.png); background-size: cover; background-repeat: no-repeat; background-position: center center;}
.mobile-earth .mob-earth-img{width: 50%; margin: auto;}
.mobile-earth .object01{position: absolute; bottom: -10px; width: 25%; right: 15%;}
.mobile-earth .object02{position: absolute; top: 10px; width: 15%;left: 10%;}
}

 @media screen and (max-width: 480px) { 
 .req-inp-radio #errorText{bottom:-45px;}
 .bt-mobile a{padding: 5px 4px;}
 .bt-mobile a img{width: 30px;}
 .position-relative .line{position: absolute;top: 5px; left:20px;border-left: solid 1px #00aba1; height: 185px;}
 .main-header-sj .site-logo a {margin-top: 8px; width: 150px; height: 22px;}
 .main-header-sj.eisticky-menu-bg-overlay .site-logo a {margin-top: 8px; width: 150px; height: 22px;}
 .eisticky-menu-bg-overlay{padding: 5px 0;}
 .service-wrap .service-wave h1.service_tit{font-size: 26px; margin-bottom: 20px;}
.service-wrap .service-wave .service_txt{font-size: 14px; line-height: 22px; width: 280px;}
.service-wrap .service-wave .service_txt br{display: none;}
.service-wrap .service-wave .service_icon{ margin: 20px auto; width: 280px;flex-wrap: nowrap;}
.service-wrap .service-wave .service_icon span{font-size: 12px;}
.service-wrap .service-wave{padding:80px 0 0 0;}
.service-wave{height: 430px;}
.service-wrap .service_two{padding-top:0px}
.service-wrap .service_two h1{font-size: 26px;}
.service-wrap .service_two .svc_txt{font-size: 18px; line-height: 30px;}
.service-wrap .service_two .svc-iconbx{margin-top:40px;}
.service-wrap .service_two .svc-icon-con{width: 82%; margin: auto; background-size:contain; height: auto; background-position: 0 90%;}
.service-wrap .service_two .svc-iconbx li span{font-size: 16px; width: 40px; height: 40px; line-height: 34px;margin-left: -22px;}
.service-wrap .service_two .svc-iconbx li{font-size: 15px; padding: 20px 10px;}
.service-wrap .service_two .icon-img img{width: 300px;}
.service-wrap .service_two h1{margin-top: 20px; margin-bottom: 20px;}
.service-wrap .service_two .svc_label{font-size: 15px;}
.service-wrap .service_two .svc_txt{font-size: 14px; line-height: 22px; width: 280px;}
.service-wrap .service_two .svc_txt br{display: none;}
.service-wrap .service_two .svc-iconbx{flex-direction: row;flex-wrap: wrap; justify-content: flex-start; }
.service-wrap .service_two .svc-iconbx li{ margin-bottom: 30px; width: 46%; margin: 15px 2%;}
.service-wrap .service_two .icon-img img{padding-left:20%; margin-top: 10px;}
.service-wrap .service_two .svc-icon-con{height: auto;}
.service_process{}
.service_process h1{margin-bottom: 20px;font-size: 26px;}
.service_process .process{margin-top: 40px;padding-bottom: 80px;}
.service_function .svc_funbx h1{text-align: center;}
.service_function .svc_funbx .svc_funtxt, .app-download .app-txtbx{padding-right: unset;}
.service_function .svc_funbx{width: 98%;margin: auto;}
.service_function{padding: 80px 0;}
.service_function .svc_funbx .fun-iconbx .fun-icon{width: 44%;margin-left: 3%; margin-bottom: 20px;}
.service_function .svc_funbx .fun-iconbx .fun-icon {font-size: 14px; letter-spacing: -1px;padding: 20px 15px;}
.app-download{margin-top: 80px;}
.app-txtbx br{display: none;}
.app-download .app-imgbx{flex-direction:column}
.service_function .svc_funbx .svc_funtxt, .app-download .app-txtbx, .thezero-center .center-txt{font-size: 14px;line-height: 22px; width: 250px; margin: auto; text-align: justify;}
.app-download .app-txtbx br,.thezero-center .center-txt br{display: none;}
.wave-box{height: 153px; margin-top: -200px;}
.thezero-center{padding: 80px 0;}
.thezero-center .centerbx{flex-direction: column;}
.thezero-center .centerbx a{ margin-top: 40px;}
.service_function .svc_funbx .fun-iconbx .fun-icon img{width: 50px; height: 45px;}
footer{font-size: 13px; line-height: 18px; padding: 40px 20px 100px 20px; font-weight: 400;letter-spacing: -1px;}
footer br{display: none;}
footer span{display: block;}
}


 @media screen and (max-width: 420px) {


    .eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number .odometer {
      font-size: 36px;
    }
  
    .eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number strong {
      font-size: 30px;
      top: 4px;
    }
  
    .eg-fun-fact-section .eg-funfact-text .fun-fact-counter .eg-counter-number p {
      font-size: 20px;
      max-width: 100px;
    }
    .app-download .qr-bx{text-align: center;}
   
  }

 @media screen and (max-width: 360px) { 
 .main-header-sj .appheader-content .sign-up-btn-sj { 
 width: 80px; 

 } 

 } 

 @media screen and (min-width: 991px){
.mobile-menu {display: none !important;}
.bt-mobile{display: none;}
 }


 
  
  
 /*이메일 문의양식*/
.request-txtcon2{ height:1000px; position:relative;}
.new-request2{position: relative;width: 100%; margin-right:10%;font-family: "Noto Sans KR", Sans-serif; }
.new-request2 h1{font-size: 58px; font-weight: 100; margin-bottom: 40px; letter-spacing:-5px;}
.new-request2 h3{font-size: 24px;display: block; margin-bottom: 20px; clear: both;position: relative; margin-top: 60px;letter-spacing:-2px; font-weight:200;}
.new-request2 h3 span{font-size: 14px; color: #777; padding-left: 5px;}
@media only screen and (max-width: 1024px){
.new-request2 h1{font-size: 30px;margin-bottom: 20px; letter-spacing:-2px;}
.new-request2 h3{font-size: 18px;}
}
/* 클릭시스크롤이동문제해결*/
.req-inp-check input[type="checkbox"]{display:none;}
.req-inp-radio input[type="radio"]{display:none;}
/**/
.req-info{margin-top:20px; position:relative;}
.req-info h4{font-size: 24px;display: block; margin-bottom: 20px; clear: both;position: relative; margin-top: 40px;letter-spacing:-2px; font-weight:200;}
.req-info input[type=email],.req-info input[type=tel],.req-info input[type=text]{width:100%;height:auto;padding:10px;line-height:28px;border:none;border:1px solid #dddddd;-webkit-box-sizing:border-box;box-sizing:border-box; outline:none;border-radius:5px; margin-bottom:10px;background-color:#ffffff;}
.req-info textarea{border:1px solid #dddddd;outline:none; width:100%; padding:20px;}
.req-info textarea::placeholder{color: #c2c2c2;}
.req-person{display:flex;justify-content:space-between;flex-wrap:wrap;}
.req-person p{width:49%}
.req-agree{position:relative;}

input[type=email]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder{color: #c2c2c2;}
input[type=email]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=text]::-moz-placeholder{color: #c2c2c2;}
input[type=email]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder{color: #c2c2c2;}
input[type=email]::-ms-input-placeholder,input[type=tel]::-ms-input-placeholder,input[type=text]::-ms-input-placeholder {color: #c2c2c2;}
input[type=email]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder{color: #c2c2c2;}

.check-date input[type="checkbox"] { opacity: 0; position: fixed; width: 0;}
.check-date{display: flex; justify-content: space-around; margin-bottom: 20px;border-right:1px solid #dbdbdb;border-top: solid 1px #dbdbdb}
.check-date label {display: inline-block; background-color:#ffffff; padding: 5px; font-size: 1.4rem;color: #00ABA1;text-align: center; box-sizing: border-box;  flex-grow: 1; box-sizing: border-box; border-left:1px solid #dbdbdb;border-bottom: solid 1px #dbdbdb ; width: calc(100%/6);}
.check-date input[type="checkbox"]:checked + label {background-color:#F5955D; border-color: #F5955D; color:#ffffff}
.check-date label:hover { background-color: #F5955D; color:#ffffff}
.check-date span{display: block; text-align: center; font-size: 12px;}

.radio-quarter input[type="radio"] { opacity: 0; position: fixed; width: 0;}
.radio-quarter{display: flex; justify-content: space-between;margin-bottom: 20px;gap: 10px;}
.radio-quarter label {display: inline-block; background-color:#ffffff; padding: 5px; font-size: 1.4rem;color: #00ABA1; width: 25%; text-align: center; box-sizing: border-box; border: solid 1px #00ABA1 ; border-radius: 12px; line-height: 1.8rem;}
.radio-quarter input[type="radio"]:checked + label {background-color:#00ABA1; border-color: #00ABA1; color:#ffffff}
.radio-quarter label:hover { background-color: #00ABA1; color:#ffffff}
.radio-quarter span{display: block; text-align: center; font-size: 12px;}

.agree-checkbx{position: relative;display: block;}
.agree-checkbx input[type="checkbox"]{visibility:hidden}
.agree-checkbx .check-over{position:relative;width:25px}
.agree-checkbx input[type="checkbox"]:checked+label:after{opacity:1!important}
.check-over label{background:#eee;border:1px solid #ddd;cursor:pointer;height:25px;left:0;position:absolute;top:-20px;width:25px}
.check-over label:after{border-style:none none solid solid;content:"";height:9px;left:7px;opacity:0;position:absolute;top:5px;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:10px}
.agree-checkbx .agree-txt{position: absolute; left: 30px; top:-20px; font-size:15px;letter-spacing:-1px;}
.agree-checkbx .agree-txt a:link,.agree-checkbx .agree-txt a:active{text-decoration:none;padding-bottom:1px; border-bottom:solid 1px #121212;}
.agree-checkbx .agree-txt a:hover{text-decoration:none; color:#00BCD4; border-bottom:solid 1px #00BCD4;}
.agree-checkbx input[type="checkbox"]:checked~.check-over label:after{opacity:1 !important}
.agree-checkbx.checked label::after{opacity:1 !important}
.wpcf7-not-valid-tip{margin-bottom:15px; font-size:13px;color:#e78080;line-height:13px}



/*체크,라디오셀렉트*/
.req-inp-radio #errorText{position: absolute;left:0;bottom:-35px; letter-spacing: -1px;font-size: 13px;}
.req-inp-radio input[type="radio"]{opacity:0;position:fixed;width:0}
.req-inp-radio{display: flex; flex-wrap: wrap;position: relative;}
.req-inp-radio label{width:25%; padding: 5px;}
.req-inp-radio label span{display:inline-block;text-align:center;font-size:16px;border:1px solid #cccccc;border-radius:5px;width:100%;padding:8px;text-decoration:none; cursor: pointer;}
.req-inp-radio input[type="radio"]:checked+label span{background-color:#121212;border-color:#121212;color:#ffffff;}

.req-inp-check input[type="checkbox"]{opacity:0;position:fixed;width:0}
.req-inp-check{display: flex; flex-wrap: wrap;}
.req-inp-check label{width:25%; padding: 5px;}
.req-inp-check label span{display:inline-block;text-align:center;font-size:16px;border:1px solid #cccccc;border-radius:5px;width:100%;padding:8px;text-decoration:none; cursor: pointer;}
.req-inp-check input[type="checkbox"]:checked+label span{background-color:#121212;border-color:#121212;color:#ffffff;}

.request-btn .req-btn{transition:background-color .9s ease-out,color .5s ease-out;background-image:linear-gradient(to bottom left,#fff 50%,transparent 50%);background-position:top right;background-size:200% 200%}
.request-btn .req-btn:active,.request-btn .req-btn:hover{background-color:#121212;background-image:linear-gradient(to bottom left,#121212 50%,transparent 50%)}
.request-dbx{z-index:3;padding:20px;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:360px;margin-left: auto;box-shadow: 8px 8px 0 #ffffff, 16px 16px 0 #e0e0e0;border:solid 1px #cccccc;transition: top 1.5s; background-color:#FFFFFF;}

.request-txtbx{background-color: #FFF;font-family: "Noto Sans KR", Sans-serif;font-size: 20px; font-weight: normal; text-align: center;}
.request-txtbx .req-txt {text-align:left;font-weight:500;letter-spacing:-3px;color:#999;}
.request-txtbx .req-txt span{font-size: 22px;line-height: 34px;font-weight: 500;color: #121212;}
.request-txtbx h2{font-size: 24px; margin-bottom: 20px; font-weight: 300; text-align:left; color:#000;}
.request-txtbx .req-txt span em{color:#dddddd;font-style:normal;}
.request-btn{position: relative; margin:60px auto;width:150px;text-align: center;display:flex;justify-content:center;}
.request-btn .req-btn{padding: 10px; width: 150px; height: 150px;font-size:20px; background-color: #FFF; color: #121212; border: #121212 solid 1px; border-radius: 50%;letter-spacing: -1px;}
.request-btn .req-btn:hover, .request-btn .req-btn:active{background-color: #121212; color: #FFF;font-weight: bold; cursor: pointer;}

/*첨부파일*/
.file-upload-container{position:relative;display:inline-block}
.file-upload-container .file-upload-input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}
.file-upload-container .file-upload-label{display:inline-block;padding:8px 12px;background-color:#0f0f0f;color:#fff;font-weight:700;cursor:pointer;border-radius:25px}
.file-upload-container .file-name{display:block;margin-top:10px;background-color:#f5f5f5;color:#555;padding:10px 20px;margin-bottom:20px;font-size:13px; border-radius:50px;}
.file-upload-container .file-info-txt{font-size:14px;color:#777;display:block;padding-top:10px;}
.file-upload-container .file-name{color:#000;font-size:13px;position:relative;}
.file-upload-container .file-name button{position:absolute;top:0; right:0px;font-size:20px}

/*전문보기*/
.popup-content,.popup-content .titles{font-family:"Noto Sans KR";letter-spacing:-1px}
.layer-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:9999;justify-content:center;align-items:center}
.popup-content .titles{margin:0;font-size:30px;padding:30px 0 0 30px;font-weight:700}
.layer-popup .popup-content{background-color:#fff;padding:20px;max-width:85%;max-height:80% !important;box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:8px;display:flex;flex-direction:column}
.popup-content .texts{overflow-y:auto;word-break:break-all;padding:30px;flex:1;}
.popup-content .texts p{font-size:13px;line-height:22px;margin-bottom:30px;color:#555}
.popup-content .texts strong{display:block;font-size:15px;color:#333;margin-bottom:10px}
.popup-content .popup-close{position:absolute;top:20px;right:20px;text-align:right}
.popup-close button{background-color:transparent;border:none;font-size:50px;cursor:pointer}


.layer-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.7);z-index:9999}
.popup-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;width:80%;max-height:80%;box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:8px;display:flex;flex-direction:column}
.popup-header{margin:0;font-size:30px;padding:30px 0 0 30px;font-weight:700}.popup-body{flex-grow:1;overflow-y:auto}



@media only screen and (max-width: 1100px){
	.new-request h1{font-size:42px}
}	

@media only screen and (max-width: 1024px){
	.rollslide_title-1.fix120{font-size:100px}
	.new-request{position: relative;width: 100%;}
	.request-txtbx{display:none;}
	.new-request{margin-right:0;}
	.req-flex{padding:20px;}
	
}

@media only screen and (max-width: 640px){
	.rollslide_title-1.fix120{font-size:60px !important}
	.new-request h1{font-size:28px;letter-spacing:-2px}
	.new-request h3{margin-top:30px;font-size:18px;}
	.req-inp-check label, .req-inp-radio label{width:50%;}
	.req-inp-check label span{font-size:14px;}
	.request-box .request-half{width:100%; float:none;}
	.request-box{display:block;}
	.rq-drop-box{width:100%;}
	.new-request{margin-bottom:0px;}
	.popup-content{width:90%;}
	.popup-close button{font-size:30px}
	.popup-content .titles{padding:10px;font-size:24px}
	.popup-content .texts{padding:10px}
	.popup-content .texts strong{font-size:13px;}
    
}


.file-upload-container button{right:20px;position:absolute;top:-55px;}


/*전문보기*/
.ch-re{position: relative;}
.agree_titbx{font-size:16px;margin-top:20px;color:#333;padding-bottom:5px}
.agree_titbx span{color:#000;font-weight:bold;}
.agree_txtbx{color:#777;height:120px;overflow-y:auto;padding:20px;border:1px solid #ddd}
.agree_txtbx .titles p{font-size:14px;font-weight:bold;}
.agree_txtbx p{font-size:12px;}
.agree_txtbx::-webkit-scrollbar{width:7px}
.agree_txtbx::-webkit-scrollbar-thumb{background:linear-gradient(#000,#434343,#434343,#000);border-radius:35px}
.agree_txtbx::-webkit-scrollbar-track{background-color:#ddd}
.dash_line{display:block;border-bottom:1px dashed #c5cdcd;font-size:0;height:2px}