@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');

.animation {-webkit-transform: translateY(100px);transform:translateY(100px); opacity:0; -webkit-transition: .5s;transition: .5s;}
.animation.start {-webkit-transform: translateY(0);transform:translateY(0); opacity:1;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
html,body {  }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font-family:'Montserrat','Noto Sans KR','AppleSDGothicNeo-Regular','AppleSDGothic','Apple SD Gothic Neo','AppleGothic',sans-serif;color:#000;
	line-height: 1.416;font-size: 24px;font-weight:400;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

*,*:before,*:after { box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
a{color:inherit;text-decoration:none;}
i,s,em,u,b{font-style:normal}

button,
input,
select,
textarea {font-family:'Montserrat','Noto Sans KR','AppleSDGothicNeo-Regular','AppleSDGothic','Apple SD Gothic Neo','AppleGothic',sans-serif;}
textarea,
input[type=text],
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
button {border: 0;background: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none; cursor:pointer;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
textarea,
select,
input:focus,
button:focus {outline:none;}
input::-ms-clear { display: none; }
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
input[type='password']::-ms-reveal,
input[type='password']::-ms-clear {
    display: none;
}

.txt-bound span {position: relative; }
.txt-bound span i {content:""; position: absolute;top:0;left:0;}
.txt-bound span:nth-child(1) i{animation: bound-anim 0.8s -1.4s infinite;}
.txt-bound span:nth-child(2) i{animation: bound-anim 0.8s -0.7s infinite;}
.txt-bound span:nth-child(3) i{animation: bound-anim 0.8s 0s infinite;}
@keyframes bound-anim {
	0%,100% {top: 0;}
	30% {top: -25%;}
	50% {}
	90% {top: 0;}
}
/* css start */
body {min-width:1440px;}
.wrap {position: relative;}
.gnb-wrap {
	position: fixed; top:0;left:50%;width: 1440px; transform:translate(-50%,0);z-index: 100;height: 80px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
	align-items:center;
	-moz-align-items:center;
}
.gnb-wrap .logo {float:left;}
.gnb-wrap .logo a {display: block;}
.top-logo {display: block;width: 103px;height: 22px;text-indent: -9999px;background: url(/assets/img/top_logo.png) no-repeat; -webkit-background-size: cover;background-size: cover;}
.gnb {}
.gnb a {font-size: 18px;}
.gnb a + a {margin-left: 38px;}
.lang {}
.lang a {font-size: 18px;color: #999;}
.lang span,
.lang a.on {font-size: 18px;color: #000;}
/* 999 */
.top-banner {}
.tb-item {height: 100vh;max-height:1080px;background-position: center;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;}
.tb-item p {font-size: 0;line-height: 0;}
.tb-item.tb-item-1 {background-image: url(/assets/img/mb_1.png);}
.tb-item.tb-item-2 {background-image: url(/assets/img/mb_2.png);}


.about-us  {padding: 200px 0;}
.sec-head {text-align: center;margin-bottom: 90px;}
.sec-tit {margin-bottom: 45px;}
.sec-tit h2 {font-size: 32px;line-height: 1;font-weight: 300;}
.sec-slogan {font-size: 32px;line-height: 52px;font-weight: 500;}
.sec-desc {margin-top: 12px;font-size: 24px;line-height: 34px;font-weight: 300;}
.sec-desc b {font-weight: 500;}
.sec-btn {margin-top: 44px;}
.bt {width: 190px;height: 50px;display: block;margin: 0 auto;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; background: #666;transition:background 0.3s;color: #fff; font-size: 22px;line-height: 50px;text-align: center;}
.bt:hover {background: #e64d67;}

.about-us-list {position: relative;width: 1440px;margin: 0 auto;}
.about-us-list:after {content:""; display: table; clear: both;}
.about-us-item {text-align: center;float:left;width: 33.33333%; padding: 70px 0; position: relative; z-index: 2;} 	
.about-us-item .icon {margin: 0 auto 40px;height: 104px; background-position: center bottom;background-repeat: no-repeat;}
.about-us-item .tit h3 {font-size: 24px;line-height: 34px;font-weight: 400;}
.about-us-item .desc {font-size: 24px;line-height: 34px;margin-top: 23px;}

.about-us-item.about-us-item-1 .icon {background-image: url(/assets/img/au_icon_1.png);}
.about-us-item.about-us-item-2 .icon {background-image: url(/assets/img/au_icon_2.png);}
.about-us-item.about-us-item-3 .icon {background-image: url(/assets/img/au_icon_3.png);}
.about-us-item.about-us-item-4 .icon {background-image: url(/assets/img/au_icon_4.png);}
.about-us-item.about-us-item-5 .icon {background-image: url(/assets/img/au_icon_5.png);}
.about-us-item.about-us-item-6 .icon {background-image: url(/assets/img/au_icon_6.png);}

.about-us-item.about-us-item-2 .icon ,
.about-us-item.about-us-item-5 .icon {transition-delay: 0.3s;}
.about-us-item.about-us-item-2 .tit ,
.about-us-item.about-us-item-5 .tit {transition-delay: 0.3s;}
.about-us-item.about-us-item-2 .desc ,
.about-us-item.about-us-item-5 .desc {transition-delay: 0.3s;}

.about-us-item.about-us-item-3 .icon ,
.about-us-item.about-us-item-6 .icon {transition-delay: 0.6s;}
.about-us-item.about-us-item-3 .tit ,
.about-us-item.about-us-item-6 .tit {transition-delay: 0.6s;}
.about-us-item.about-us-item-3 .desc ,
.about-us-item.about-us-item-6 .desc {transition-delay: 0.6s;}


.about-us-list .line-1 {position: absolute; top:50%;left:50%;width: 1360px;height: 1px;transform:translate(-50%,-50%); background: url(/assets/img/bg_line_1.png) no-repeat;}
.about-us-list .line-2 {position: absolute; top:50%;left:33.33333%;width: 1px;height: 630px;transform:translate(0,-50%);background: url(/assets/img/bg_line_2.png) no-repeat;}
.about-us-list .line-3 {position: absolute; top:50%;left:66.66666%;width: 1px;height: 630px;transform:translate(0,-50%);background: url(/assets/img/bg_line_2.png) no-repeat;}

.service-box {position: relative;padding-top: 846px;}
.service-box .inner {position: relative; z-index: 2;}
.service-box .bg {position: absolute; top:0;left:50%;width: 100%;transform:translate(-50%,0);background-position: center top;background-repeat: no-repeat; -webkit-background-size: 2560px auto;background-size: 2560px auto;}

.service-primary .bg {height: 1039px;background-image: url(/assets/img/bg_service_1.png);}




.ps-slider-wrap {position: relative;padding: 115px 0 300px;}
.ps-slider-wrap::before ,
.ps-slider-wrap::after {  content: "";  position: absolute;  z-index: 3;  display: block;  top: 0;  width: 23vw;  height: 100%;}
.ps-slider-wrap::before {left: 0;  background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);}
.ps-slider-wrap::after {left: auto;right: 0;background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);}
.ps-slider-wrap .frame {background: url(/assets/img/bg_phone.png) no-repeat; width: 338px;height: 682px; position: absolute; top:35px; left:50%; transform:translate(-50%,0);z-index: 10;}

.ps-slider-inner {position: relative;}

.ps-slider {position: relative;}
.ps-slider .slick-prev {z-index: 99;position: absolute; top:324px; background: url(/assets/img/bt_slider_prev.png) no-repeat; -webkit-background-size: 34px 64px;background-size: 34px 64px; width: 34px;height: 64px; left:50%; margin-left: -270px;  text-indent: -9999px; padding: 0; border: 0;-webkit-appearance:none;}
.ps-slider .slick-next {z-index: 99;position: absolute; top:324px; background: url(/assets/img/bt_slider_next.png) no-repeat; -webkit-background-size: 34px 64px;background-size: 34px 64px;width: 34px;height: 64px; right:50%; margin-right: -270px; text-indent: -9999px; padding: 0; border: 0;-webkit-appearance:none;}


.ps-item {width: 490px;padding: 50px 0 0;}
.ps-item .img {margin: 0 auto;width: 300px;  filter: drop-shadow(-15px 15px 50px rgba(0, 0, 0, 0.1));
  -webkit-filter: drop-shadow(-15px 15px 50px rgba(0, 0, 0, 0.1));
  -moz-filter: drop-shadow(-15px 15px 50px rgba(0, 0, 0, 0.1));}
  .ps-item .img img {width: 100%;}
.ps-item .text {text-align: center; margin-top: 105px; opacity:0;}
.ps-item .text h3 {font-size: 32px;line-height: 36px;}
.ps-item .text p {font-size: 24px;line-height: 34px;margin-top: 25px;}
.slick-center .ps-item .text {opacity: 1;transition: all 1200ms cubic-bezier(0.12, 0.53, 0.76, 0.98);}


.service-secondary .bg {height: 919px;background-image: url(/assets/img/bg_service_2.png);}	


.ss-slider-wrap {position: relative;padding: 115px 0 300px;}
.ss-slider-wrap::before ,
.ss-slider-wrap::after {  content: "";  position: absolute;  z-index: 3;  display: block;  top: 0;  width: 23vw;  height: 100%;}
.ss-slider-wrap::before {left: 0;  background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);}
.ss-slider-wrap::after {left: auto;right: 0;background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);}
.ss-slider-wrap .frame {background: url(/assets/img/bg_desktop.png) no-repeat; width: 920px;height:683px; position: absolute; top:35px; left:50%; transform:translate(-50%,0);z-index: 10;}

.ss-slider-inner {position: relative;}
.ss-item {width: 940px;padding: 50px 0 0;}
.ss-item .img {margin: 0 auto;transform:scale(0.76);width: 888px;  filter: drop-shadow(-15px 15px 50px rgba(0, 0, 0, 0.1));
  -webkit-filter: drop-shadow(-15px 15px 50px rgba(0, 0, 0, 0.1));
  -moz-filter: drop-shadow(-15px 15px 50px rgba(0, 0, 0, 0.1));transition:all 0.3s;}
.ss-item .text {text-align: center; margin-top: 240px; opacity:0;}
.ss-item .text h3 {font-size: 32px;line-height: 36px;}
.ss-item .text p {font-size: 24px;line-height: 34px;margin-top: 25px;}
.slick-center .ss-item .text {opacity: 1;transition: all 1200ms cubic-bezier(0.12, 0.53, 0.76, 0.98);}
.slick-center .ss-item .img {transform:scale(1);transition: all 300ms ease;}

.ss-slider {position: relative;}
.ss-slider .slick-prev {z-index: 99;position: absolute; top:264px; background: url(/assets/img/bt_slider_prev.png) no-repeat; -webkit-background-size: 34px 64px;background-size: 34px 64px; width: 34px;height: 64px; left:50%; margin-left: -550px;  text-indent: -9999px; padding: 0; border: 0;-webkit-appearance:none;}
.ss-slider .slick-next {z-index: 99;position: absolute; top:264px; background: url(/assets/img/bt_slider_next.png) no-repeat; -webkit-background-size: 34px 64px;background-size: 34px 64px;width: 34px;height: 64px; right:50%; margin-right: -550px; text-indent: -9999px; padding: 0; border: 0;-webkit-appearance:none;}

.op-system {height: 860px;width: 100%;background: #f3f5f8;}	
.op-system:after {content:""; display: table; clear: both;}
.op-system .left {float:left; width: 50%;height: 860px;background: url(/assets/img/bg_pim.png) no-repeat right center;}
.op-system .right {float:right;width:50%;padding-left: 160px; height: 860px; }
.op-system .right:before {content:""; display: inline-block; vertical-align: middle;height: 100%;}
.op-system .sec-head {text-align: left; display: inline-block; vertical-align: middle; margin-bottom: 0;}
.op-system .sec-head .sec-btn .bt{margin: 0;}

.timeline {padding: 200px 0;width: 1440px;margin: 0 auto;}
.timeline-head {}
.timeline-head h2 {font-size: 32px;line-height: 32px;font-weight: 300;}
.timeline-head p {margin-top: 20px;font-size: 32px;line-height: 42px;font-weight: 500;}
.timeline-body {margin-top: 170px;}
.timeline-body:after {content:""; display: table; clear: both;}

.timeline-box {float:left; width: 25%;}
.timeline-box h3 {color: #343232;font-size: 80px;line-height: 1;font-weight: 400; }
.timeline-box h4 {font-size: 24px;line-height: 36px; color: #333;font-weight: 700;}
.timeline-box p {font-size: 24px;line-height: 32px;color: #333;}
.timeline-box ul {padding-top: 80px;position: relative;}
.timeline-box ul:before {content:""; position: absolute; top:-10px;left:4px;height: 100%;border-left: 1px dashed #333;}
.timeline-box li {position: relative; padding-left: 20px;}
.timeline-box li + li { margin-top: 34px;}
.timeline-box li:before {content:""; position: absolute; top:14px;left:0;width: 8px;height: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;background: #333;}
.timeline-box li:last-child:after {content:""; position: absolute; top:22px;left:3px;width: 3px;height: 100%;background: #fff;z-index: 5;}

.timeline-box-1 {}
.timeline-box-2 {transition-delay: 0.3s;}
.timeline-box-3 {transition-delay: 0.6s;}
.timeline-box-4 {transition-delay: 0.9s;}


.footer {background: #f4f4f4;padding: 125px 0; font-size: 14px;line-height: 20px;color: #333;font-weight: 300;}	
.footer .inner{width: 1440px;margin: 0 auto; padding: 0 20px;}
.footer .inner:after {content:""; display: table; clear: both;}
.footer .left,
.footer .center,
.footer .right {float:left;}
.footer .left {width: 468px;}
.footer .center {width: 468px;padding-top: 59px;}
.footer .right {width: 464px;padding-top: 40px;}
.footer .logo {}
.footer .logo a {display: block;}
.footer .bottom-logo {display: block;width: 180px;height: 39px;background: url(/assets/img/bottom_logo.png) no-repeat; text-indent: -9999px;}
.footer .info {margin-top: 20px;}
.footer .copyright {margin-top: 20px;}
.footer address {font-style: normal;}
.footer .guide {font-size: 32px;line-height: 42px;font-weight: 600;}



.bt-top {position: fixed; bottom:15px;left:50%; margin-left: 770px; z-index: 10; text-indent: -9999px; width: 70px;height: 70px;background: url(/assets/img/bt_top.png) no-repeat; -webkit-background-size: cover;background-size: cover;}


.page-wrap {max-width:1440px; margin: 0 auto; padding:100px 20px;}
.page-tit {font-size: 24px;line-height: 36px;text-align: center; margin-bottom: 36px;}

.privacy-html {font-size: 16px;line-height: 24px;}

.privacy-link {margin-top: 32px;}
.privacy-link a {color: #e64e67; font-weight: bold;}
.privacy-link .scol {margin: 0 10px;}

.content-html {max-width: 1024px;}
.content-tit {font-size: 24px;line-height: 36px;text-align: center; margin-bottom: 36px;}
.content-body {font-size: 14px;line-height: 24px;}
.content-body.pre {white-space:pre-wrap;}

.jconfirm-box {max-width:1024px;}